@gipisistemas/ng-core 1.1.11 → 1.1.13

package/fesm5/gipisistemas-ng-core.js

@@ -27,7 +27,7 @@ import { MatButtonToggleModule } from '@angular/material/button-toggle';
 import { MatCardModule } from '@angular/material/card';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatChipsModule } from '@angular/material/chips';
-import { MatRippleModule, MAT_DATE_FORMATS as MAT_DATE_FORMATS$1, ErrorStateMatcher, mixinErrorState, mixinColor } from '@angular/material/core';
+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';
 import { MatDialogModule, MatDialog as MatDialog$1 } from '@angular/material/dialog';
 import { MatDividerModule } from '@angular/material/divider';
 import { MatExpansionModule } from '@angular/material/expansion';
@@ -55,10 +55,10 @@ import { MatTooltipModule } from '@angular/material/tooltip';
 import { MatTreeModule } from '@angular/material/tree';
 import rfdc_ from 'rfdc';
 import { HttpHeaders, HttpParams, HttpClient, HttpErrorResponse, HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
-import { Subject, throwError, BehaviorSubject, of, combineLatest, fromEvent, ReplaySubject, Subscription, merge } from 'rxjs';
-import { debounceTime, map, distinctUntilChanged, switchMap, startWith, delay, takeUntil, take, tap, filter, auditTime, finalize, shareReplay, catchError } from 'rxjs/operators';
+import { Subject, throwError, BehaviorSubject, of, combineLatest, fromEvent, ReplaySubject, Subscription, merge, asyncScheduler } from 'rxjs';
+import { debounceTime, map, distinctUntilChanged, switchMap, startWith, delay, takeUntil, take, tap, filter, auditTime, finalize, shareReplay, first, catchError } from 'rxjs/operators';
 import { parsePhoneNumberFromString, getExampleNumber } from 'libphonenumber-js';
-import { trigger, state, style, transition, animate, animation, useAnimation } from '@angular/animations';
+import { trigger, state, style, transition, animate, animation, useAnimation, keyframes } from '@angular/animations';
 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';
 import { coerceCssPixelValue, coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
 import { MediaMatcher, BreakpointObserver } from '@angular/cdk/layout';
@@ -66,7 +66,7 @@ import { Platform as Platform$1, PlatformModule } from '@angular/cdk/platform';
 import { Directionality } from '@angular/cdk/bidi';
 import { OverlayConfig, Overlay, OverlayModule } from '@angular/cdk/overlay';
 import * as moment_ from 'moment';
-import { matDatepickerAnimations as matDatepickerAnimations$1 } from '@angular/material/datepicker';
+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';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { DomSanitizer } from '@angular/platform-browser';
 import { onlyNumbers, isValidIE, isValidCEP } from '@brazilian-utils/brazilian-utils';
@@ -82,15 +82,6 @@ var DEFAULT_MESSAGES = {
     NOT_PERMISSION: 'Infelizmente, esta ação não é permitida para o seu perfil',
 };
 
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
-var MAT_DATE_FORMATS = new InjectionToken('mat-date-formats');
-
 var MODULES = [
     A11yModule,
     CdkPopoverEditModule,
@@ -147,6 +138,17 @@ var MaterialModule = /** @class */ (function () {
     return MaterialModule;
 }());
 
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+var MAT_DATE_FORMATS = new InjectionToken('mat-date-formats');
+
+var GIPI_DATETIME_FORMATS = new InjectionToken('mat-datetime-formats');
+
 var ButtonComponent = /** @class */ (function () {
     function ButtonComponent() {
         this.color = 'primary';
@@ -246,7 +248,7 @@ var ButtonComponent = /** @class */ (function () {
     ButtonComponent = __decorate([
         Component({
             selector: 'itss-button',
-            template: "<button #button\n        mat-raised-button\n        *ngIf=\"type === 'raised'\"\n        [color]=\"color\"\n        [matBadge]=\"badge\"\n        [matBadgeColor]=\"badgeColor\"\n        [disabled]=\"disabled\"\n        [matTooltip]=\"tooltip\"\n        fxFlex\n        (click)=\"onClickButton($event)\">\n    <mat-icon *ngIf=\"icon\">\n        {{ icon }}\n    </mat-icon>\n    <mat-icon *ngIf=\"svgIcon\"\n              [svgIcon]=\"svgIcon\">\n    </mat-icon>\n    <span>\n        {{ label }}\n    </span>\n    <mat-icon *ngIf=\"rightIcon\">\n        {{ rightIcon }}\n    </mat-icon>\n</button>\n\n<button #button\n        mat-stroked-button\n        *ngIf=\"type === 'stroked'\"\n        [color]=\"color\"\n        [matBadge]=\"badge\"\n        [matBadgeColor]=\"badgeColor\"\n        [disabled]=\"disabled\"\n        [matTooltip]=\"tooltip\"\n        fxFlex\n        (click)=\"onClickButton($event)\">\n    <mat-icon *ngIf=\"icon\">\n        {{ icon }}\n    </mat-icon>\n    <mat-icon *ngIf=\"svgIcon\"\n              [svgIcon]=\"svgIcon\">\n    </mat-icon>\n    <span>\n        {{ label }}\n    </span>\n</button>\n\n<button #button\n        mat-icon-button\n        *ngIf=\"type === 'icon'\"\n        [color]=\"color\"\n        [matBadge]=\"badge\"\n        [matBadgeColor]=\"badgeColor\"\n        [disabled]=\"disabled\"\n        [matTooltip]=\"tooltip\"\n        fxFlex\n        (click)=\"onClickButton($event)\">\n    <mat-icon *ngIf=\"icon\">\n        {{ icon }}\n    </mat-icon>\n    <mat-icon *ngIf=\"svgIcon\"\n              [svgIcon]=\"svgIcon\">\n    </mat-icon>\n    <span>\n        {{ label }}\n    </span>\n</button>\n\n<button #button\n        [matMenuTriggerFor]=\"menu\"\n        mat-button\n        *ngIf=\"type === 'menu'\"\n        [color]=\"color\"\n        [matBadge]=\"badge\"\n        [matBadgeColor]=\"badgeColor\"\n        [disabled]=\"disabled\"\n        [matTooltip]=\"tooltip\"\n        fxFlex\n        (click)=\"onClickButton($event)\">\n    <mat-icon *ngIf=\"icon\">\n        {{ icon }}\n    </mat-icon>\n    <mat-icon *ngIf=\"svgIcon\"\n              [svgIcon]=\"svgIcon\">\n    </mat-icon>\n    <span>\n        {{ label }}\n    </span>\n</button>\n\n<button #button\n        mat-raised-button\n        *ngIf=\"type === 'spinner'\"\n        [color]=\"color\"\n        [disabled]=\"loading || disabled\"\n        fxFlex\n        (click)=\"onClickButton($event)\">\n    <mat-icon *ngIf=\"icon && !loading\">\n        {{ icon }}\n    </mat-icon>\n    <mat-icon *ngIf=\"svgIcon\"\n              [svgIcon]=\"svgIcon\">\n    </mat-icon>\n    <mat-icon *ngIf=\"loading\">\n        <mat-spinner diameter=\"20\"> </mat-spinner>\n    </mat-icon>\n    <span>\n        {{ label }}\n    </span>\n</button>\n\n<button #button\n        mat-button\n        *ngIf=\"!type\"\n        [color]=\"color\"\n        [matBadge]=\"badge\"\n        [matBadgeColor]=\"badgeColor\"\n        [disabled]=\"disabled\"\n        [matTooltip]=\"tooltip\"\n        fxFlex\n        (click)=\"onClickButton($event)\">\n    <mat-icon *ngIf=\"icon\">\n        {{ icon }}\n    </mat-icon>\n    <mat-icon *ngIf=\"svgIcon\"\n              [svgIcon]=\"svgIcon\">\n    </mat-icon>\n    <span>\n        {{ label }}\n    </span>\n</button>\n\n<button #button\n        mat-button\n        *ngIf=\"type === 'popover'\"\n        [color]=\"color\"\n        [matBadge]=\"badge\"\n        [matBadgeColor]=\"badgeColor\"\n        [disabled]=\"disabled\"\n        [matTooltip]=\"tooltip\"\n        [mdePopoverTriggerFor]=\"popover\"\n        mdePopoverTriggerOn=\"click\"\n        #popoverTrigger=\"mdePopoverTrigger\"\n        fxFlex\n        (click)=\"onClickButton($event)\">\n    <mat-icon *ngIf=\"icon\">\n        {{ icon }}\n    </mat-icon>\n    <mat-icon *ngIf=\"svgIcon\"\n              [svgIcon]=\"svgIcon\">\n    </mat-icon>\n    <span>\n        {{ label }}\n    </span>\n</button>\n\n<button #button\n        mat-icon-button\n        *ngIf=\"type === 'popover-icon'\"\n        [color]=\"color\"\n        [matBadge]=\"badge\"\n        [matBadgeColor]=\"badgeColor\"\n        [disabled]=\"disabled\"\n        [matTooltip]=\"tooltip\"\n        [mdePopoverTriggerFor]=\"popover\"\n        mdePopoverTriggerOn=\"click\"\n        #popoverTrigger=\"mdePopoverTrigger\"\n        fxFlex\n        (click)=\"onClickButton($event)\">\n    <mat-icon *ngIf=\"icon\">\n        {{ icon }}\n    </mat-icon>\n    <mat-icon *ngIf=\"svgIcon\"\n              [svgIcon]=\"svgIcon\">\n    </mat-icon>\n</button>\n<mde-popover #popover=\"mdePopover\"\n             [mdePopoverOverlapTrigger]=\"false\"\n             [mdePopoverCloseOnClick]=\"false\"\n             [mdeFocusTrapEnabled]=\"false\"\n             [mdeFocusTrapAutoCaptureEnabled]=\"false\">\n    <mat-card [ngClass]=\"styleClassPopover\"\n              class=\"button-popover\">\n        <mat-card-content>\n            <ng-template [ngTemplateOutlet]=\"popoverRef\"></ng-template>\n        </mat-card-content>\n    </mat-card>\n</mde-popover>\n",
+            template: "<button #button\n        mat-raised-button\n        *ngIf=\"type === 'raised'\"\n        [color]=\"color\"\n        [matBadge]=\"badge\"\n        [matBadgeColor]=\"badgeColor\"\n        [disabled]=\"disabled\"\n        [matTooltip]=\"tooltip\"\n        matTooltipClass=\"mattooltip-line-break\"\n        fxFlex\n        (click)=\"onClickButton($event)\">\n    <mat-icon *ngIf=\"icon\">\n        {{ icon }}\n    </mat-icon>\n    <mat-icon *ngIf=\"svgIcon\"\n              [svgIcon]=\"svgIcon\">\n    </mat-icon>\n    <span>\n        {{ label }}\n    </span>\n    <mat-icon *ngIf=\"rightIcon\">\n        {{ rightIcon }}\n    </mat-icon>\n</button>\n\n<button #button\n        mat-stroked-button\n        *ngIf=\"type === 'stroked'\"\n        [color]=\"color\"\n        [matBadge]=\"badge\"\n        [matBadgeColor]=\"badgeColor\"\n        [disabled]=\"disabled\"\n        [matTooltip]=\"tooltip\"\n        matTooltipClass=\"mattooltip-line-break\"\n        fxFlex\n        (click)=\"onClickButton($event)\">\n    <mat-icon *ngIf=\"icon\">\n        {{ icon }}\n    </mat-icon>\n    <mat-icon *ngIf=\"svgIcon\"\n              [svgIcon]=\"svgIcon\">\n    </mat-icon>\n    <span>\n        {{ label }}\n    </span>\n</button>\n\n<button #button\n        mat-icon-button\n        *ngIf=\"type === 'icon'\"\n        [color]=\"color\"\n        [matBadge]=\"badge\"\n        [matBadgeColor]=\"badgeColor\"\n        [disabled]=\"disabled\"\n        [matTooltip]=\"tooltip\"\n        matTooltipClass=\"mattooltip-line-break\"\n        fxFlex\n        (click)=\"onClickButton($event)\">\n    <mat-icon *ngIf=\"icon\">\n        {{ icon }}\n    </mat-icon>\n    <mat-icon *ngIf=\"svgIcon\"\n              [svgIcon]=\"svgIcon\">\n    </mat-icon>\n    <span>\n        {{ label }}\n    </span>\n</button>\n\n<button #button\n        [matMenuTriggerFor]=\"menu\"\n        mat-button\n        *ngIf=\"type === 'menu'\"\n        [color]=\"color\"\n        [matBadge]=\"badge\"\n        [matBadgeColor]=\"badgeColor\"\n        [disabled]=\"disabled\"\n        [matTooltip]=\"tooltip\"\n        matTooltipClass=\"mattooltip-line-break\"\n        fxFlex\n        (click)=\"onClickButton($event)\">\n    <mat-icon *ngIf=\"icon\">\n        {{ icon }}\n    </mat-icon>\n    <mat-icon *ngIf=\"svgIcon\"\n              [svgIcon]=\"svgIcon\">\n    </mat-icon>\n    <span>\n        {{ label }}\n    </span>\n</button>\n\n<button #button\n        mat-raised-button\n        *ngIf=\"type === 'spinner'\"\n        [color]=\"color\"\n        [disabled]=\"loading || disabled\"\n        fxFlex\n        (click)=\"onClickButton($event)\">\n    <mat-icon *ngIf=\"icon && !loading\">\n        {{ icon }}\n    </mat-icon>\n    <mat-icon *ngIf=\"svgIcon\"\n              [svgIcon]=\"svgIcon\">\n    </mat-icon>\n    <mat-icon *ngIf=\"loading\">\n        <mat-spinner diameter=\"20\"> </mat-spinner>\n    </mat-icon>\n    <span>\n        {{ label }}\n    </span>\n</button>\n\n<button #button\n        mat-button\n        *ngIf=\"!type\"\n        [color]=\"color\"\n        [matBadge]=\"badge\"\n        [matBadgeColor]=\"badgeColor\"\n        [disabled]=\"disabled\"\n        [matTooltip]=\"tooltip\"\n        matTooltipClass=\"mattooltip-line-break\"\n        fxFlex\n        (click)=\"onClickButton($event)\">\n    <mat-icon *ngIf=\"icon\">\n        {{ icon }}\n    </mat-icon>\n    <mat-icon *ngIf=\"svgIcon\"\n              [svgIcon]=\"svgIcon\">\n    </mat-icon>\n    <span>\n        {{ label }}\n    </span>\n</button>\n\n<button #button\n        mat-button\n        *ngIf=\"type === 'popover'\"\n        [color]=\"color\"\n        [matBadge]=\"badge\"\n        [matBadgeColor]=\"badgeColor\"\n        [disabled]=\"disabled\"\n        [matTooltip]=\"tooltip\"\n        matTooltipClass=\"mattooltip-line-break\"\n        [mdePopoverTriggerFor]=\"popover\"\n        mdePopoverTriggerOn=\"click\"\n        #popoverTrigger=\"mdePopoverTrigger\"\n        fxFlex\n        (click)=\"onClickButton($event)\">\n    <mat-icon *ngIf=\"icon\">\n        {{ icon }}\n    </mat-icon>\n    <mat-icon *ngIf=\"svgIcon\"\n              [svgIcon]=\"svgIcon\">\n    </mat-icon>\n    <span>\n        {{ label }}\n    </span>\n</button>\n\n<button #button\n        mat-icon-button\n        *ngIf=\"type === 'popover-icon'\"\n        [color]=\"color\"\n        [matBadge]=\"badge\"\n        [matBadgeColor]=\"badgeColor\"\n        [disabled]=\"disabled\"\n        [matTooltip]=\"tooltip\"\n        matTooltipClass=\"mattooltip-line-break\"\n        [mdePopoverTriggerFor]=\"popover\"\n        mdePopoverTriggerOn=\"click\"\n        #popoverTrigger=\"mdePopoverTrigger\"\n        fxFlex\n        (click)=\"onClickButton($event)\">\n    <mat-icon *ngIf=\"icon\">\n        {{ icon }}\n    </mat-icon>\n    <mat-icon *ngIf=\"svgIcon\"\n              [svgIcon]=\"svgIcon\">\n    </mat-icon>\n</button>\n<mde-popover #popover=\"mdePopover\"\n             [mdePopoverOverlapTrigger]=\"false\"\n             [mdePopoverCloseOnClick]=\"false\"\n             [mdeFocusTrapEnabled]=\"false\"\n             [mdeFocusTrapAutoCaptureEnabled]=\"false\">\n    <mat-card [ngClass]=\"styleClassPopover\"\n              class=\"button-popover\">\n        <mat-card-content>\n            <ng-template [ngTemplateOutlet]=\"popoverRef\"></ng-template>\n        </mat-card-content>\n    </mat-card>\n</mde-popover>\n",
             styles: [":host button:disabled{cursor:not-allowed!important}:host button:disabled ::ng-deep .mat-button-wrapper{pointer-events:none!important}"]
         })
     ], ButtonComponent);
@@ -383,8 +385,6 @@ var CheckboxComponent = /** @class */ (function () {
 var IconComponent = /** @class */ (function () {
     function IconComponent() {
     }
-    IconComponent.prototype.ngOnInit = function () {
-    };
     __decorate([
         Input(),
         __metadata("design:type", String)
@@ -408,7 +408,7 @@ var IconComponent = /** @class */ (function () {
     IconComponent = __decorate([
         Component({
             selector: 'itss-icon',
-            template: "<mat-icon *ngIf=\"icon\"\n          [style.color]=\"color\"\n          [matTooltip]=\"tooltip\"\n          [style.width.px]=\"iconSize\"\n          [style.height.px]=\"iconSize\"\n          matSuffix>\n    {{ icon }}\n</mat-icon>\n\n<mat-icon *ngIf=\"svgIcon\"\n          [svgIcon]=\"svgIcon\"\n          [matTooltip]=\"tooltip\"\n          [style.color]=\"color\"\n          [style.width.px]=\"iconSize\"\n          [style.height.px]=\"iconSize\"\n          matSuffix>\n</mat-icon>\n",
+            template: "<mat-icon *ngIf=\"icon\"\n          [style.color]=\"color\"\n          [matTooltip]=\"tooltip\"\n          matTooltipClass=\"mattooltip-line-break\"\n          [style.width.px]=\"iconSize\"\n          [style.height.px]=\"iconSize\"\n          matSuffix>\n    {{ icon }}\n</mat-icon>\n\n<mat-icon *ngIf=\"svgIcon\"\n          [svgIcon]=\"svgIcon\"\n          [matTooltip]=\"tooltip\"\n          matTooltipClass=\"mattooltip-line-break\"\n          [style.color]=\"color\"\n          [style.width.px]=\"iconSize\"\n          [style.height.px]=\"iconSize\"\n          matSuffix>\n</mat-icon>\n",
             styles: [""]
         })
     ], IconComponent);
@@ -9222,7 +9222,7 @@ var GIPIButtonComponent = /** @class */ (function () {
         Component({
             selector: "gipi-button[gipi-primary], gipi-button[gipi-primary-icon], gipi-button[gipi-secondary], gipi-button[gipi-secondary-icon],\n               gipi-button[gipi-tertiary], gipi-button[gipi-link], gipi-button[gipi-icon], gipi-button[gipi-action]",
             exportAs: 'gipiButton',
-            template: "<button [attr.id]=\"id\"\n        [attr.name]=\"name\"\n        [attr.type]=\"type\"\n        [attr.aria-label]=\"ariaLabel ? ariaLabel : label\"\n        [attr.title]=\"title ? title : label\"\n        [disabled]=\"disabled || loading\"\n        [matTooltip]=\"tooltip\"\n        role=\"button\"\n        [class]=\"buttonClass\"\n        [ngClass]=\"internalButtonClass\"\n        [style.padding.px]=\"buttonPadding\"\n        #popoverTrigger=\"popoverTrigger\"\n        [popoverTriggerFor]=\"btnPopover\"\n        [popoverTriggerOn]=\"popover ? 'click' : 'none'\"\n        [popoverBackdropCloseOnClick]=\"true\"\n        (opened)=\"onOpenPopover.emit()\"\n        (closed)=\"onClosePopover.emit()\"\n        (click)=\"handleClick($event)\"\n        (focus)=\"handleFocus($event)\"\n        (blur)=\"handleBlur($event)\">\n    <span [ngClass]=\"{'button-content': true,\n                      'button-disabled': disabled,\n                      'button-icon-left': ((iconPos === 'left') && label),\n                      'button-icon-right': ((iconPos === 'right') && label),\n                      'button-icon-top': ((iconPos === 'top') && label),\n                      'button-icon-bottom': ((iconPos === 'bottom') && label),\n                      'button-icon-center': (iconPos === 'center')}\">\n        <mat-icon *ngIf=\"svgIcon || icon\"\n                  [svgIcon]=\"svgIcon\"\n                  [style.width.px]=\"iconWidth\"\n                  [style.height.px]=\"iconHeight\"\n                  [style.font-size.px]=\"iconWidth || iconHeight\">\n            {{ (!svgIcon && icon) ? icon : '' }}\n        </mat-icon>\n\n        <span class=\"button-label\"\n              [attr.aria-hidden]=\"(icon || svgIcon) && !label\"\n              *ngIf=\"!isButtonIcon && label\">\n            {{ label }}\n        </span>\n    </span>\n</button>\n\n<gipi-overlay *ngIf=\"overlay && !popover\"\n              [(visible)]=\"_overlayVisible\"\n              [appendTo]=\"'body'\"\n              (onShow)=\"onShowOverlay.emit()\">\n    <ng-content> </ng-content>\n</gipi-overlay>\n\n<gipi-popover #btnPopover=\"gipiPopover\"\n              [popoverOverlapTrigger]=\"false\"\n              [popoverCloseOnClick]=\"false\"\n              [popoverArrowWidth]=\"0\"\n              [popoverOffsetY]=\"3\"\n              [fxHide]=\"!popover\">\n    <div class=\"btn-popover-content\">\n        <ng-content> </ng-content>\n    </div>\n</gipi-popover>",
+            template: "<button [attr.id]=\"id\"\n        [attr.name]=\"name\"\n        [attr.type]=\"type\"\n        [attr.aria-label]=\"ariaLabel ? ariaLabel : label\"\n        [attr.title]=\"title ? title : label\"\n        [disabled]=\"disabled || loading\"\n        [matTooltip]=\"tooltip\"\n        matTooltipClass=\"mattooltip-line-break\"\n        role=\"button\"\n        [class]=\"buttonClass\"\n        [ngClass]=\"internalButtonClass\"\n        [style.padding.px]=\"buttonPadding\"\n        #popoverTrigger=\"popoverTrigger\"\n        [popoverTriggerFor]=\"btnPopover\"\n        [popoverTriggerOn]=\"popover ? 'click' : 'none'\"\n        [popoverBackdropCloseOnClick]=\"true\"\n        (opened)=\"onOpenPopover.emit()\"\n        (closed)=\"onClosePopover.emit()\"\n        (click)=\"handleClick($event)\"\n        (focus)=\"handleFocus($event)\"\n        (blur)=\"handleBlur($event)\">\n    <span [ngClass]=\"{'button-content': true,\n                      'button-disabled': disabled,\n                      'button-icon-left': ((iconPos === 'left') && label),\n                      'button-icon-right': ((iconPos === 'right') && label),\n                      'button-icon-top': ((iconPos === 'top') && label),\n                      'button-icon-bottom': ((iconPos === 'bottom') && label),\n                      'button-icon-center': (iconPos === 'center')}\">\n        <mat-icon *ngIf=\"svgIcon || icon\"\n                  [svgIcon]=\"svgIcon\"\n                  [style.width.px]=\"iconWidth\"\n                  [style.height.px]=\"iconHeight\"\n                  [style.font-size.px]=\"iconWidth || iconHeight\">\n            {{ (!svgIcon && icon) ? icon : '' }}\n        </mat-icon>\n\n        <span class=\"button-label\"\n              [attr.aria-hidden]=\"(icon || svgIcon) && !label\"\n              *ngIf=\"!isButtonIcon && label\">\n            {{ label }}\n        </span>\n    </span>\n</button>\n\n<gipi-overlay *ngIf=\"overlay && !popover\"\n              [(visible)]=\"_overlayVisible\"\n              [appendTo]=\"'body'\"\n              (onShow)=\"onShowOverlay.emit()\">\n    <ng-content> </ng-content>\n</gipi-overlay>\n\n<gipi-popover #btnPopover=\"gipiPopover\"\n              [popoverOverlapTrigger]=\"false\"\n              [popoverCloseOnClick]=\"false\"\n              [popoverArrowWidth]=\"0\"\n              [popoverOffsetY]=\"3\"\n              [fxHide]=\"!popover\">\n    <div class=\"btn-popover-content\">\n        <ng-content> </ng-content>\n    </div>\n</gipi-popover>\n",
             providers: [
                 {
                     provide: NG_VALUE_ACCESSOR,
@@ -9750,7 +9750,7 @@ var GIPIDropdownMenuComponent = /** @class */ (function () {
                 'class': 'gipi-dropdown-menu',
             },
             changeDetection: ChangeDetectionStrategy.OnPush,
-            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 rgba(0,0,0,.12);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}"]
+            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}"]
         }),
         __metadata("design:paramtypes", [ChangeDetectorRef,
             ElementRef])
@@ -10205,6 +10205,7 @@ var GIPIFormFieldComponent = /** @class */ (function () {
         this.id = this._name;
         this.name = this._name;
         this.label = '';
+        this.tooltip = '';
         this.ariaLabel = '';
         this.placeholder = '';
         this.readonly = false;
@@ -10336,6 +10337,10 @@ var GIPIFormFieldComponent = /** @class */ (function () {
         Input(),
         __metadata("design:type", String)
     ], GIPIFormFieldComponent.prototype, "label", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], GIPIFormFieldComponent.prototype, "tooltip", void 0);
     __decorate([
         Input(),
         __metadata("design:type", String)
@@ -10447,7 +10452,7 @@ var GIPIFormFieldComponent = /** @class */ (function () {
         Component({
             selector: "gipi-form-field",
             exportAs: 'gipiFormField',
-            template: "<label class=\"form-field-container\"\n       [attr.for]=\"id\">\n    <span class=\"form-field-label\"\n          *ngIf=\"label\">\n        {{ label }}\n        <span *ngIf=\"required && label\"> * </span>\n    </span>\n\n    <div class=\"form-field-content\"\n         [class.form-field-select]=\"type === 'select'\"\n         (click)=\"onInputClick($event)\">\n        <!-- Input others -->\n        <input class=\"form-field-input\"\n               *ngIf=\"type && type !== 'currency'\"\n               #inputRef\n               autocomplete=\"off\"\n               [attr.id]=\"id\"\n               [attr.aria-label]=\"ariaLabel\"\n               [name]=\"name\"\n               [type]=\"type\"\n               [min]=\"min\"\n               [max]=\"max ? max : 250\"\n               [maxlength]=\"maxLength ? maxLength : 250\"\n               [mask]=\"mask\"\n               [required]=\"required\"\n               [placeholder]=\"placeholder\"\n               [readonly]=\"readonly\"\n               [disabled]=\"disabled\"\n               [pattern]=\"pattern\"\n               [(ngModel)]=\"model\"\n               [value]=\"value\"\n               (keydown)=\"onInputKeydown($event)\"\n               (focus)=\"onInputFocus($event)\"\n               (blur)=\"onInputBlur($event)\"\n               (click)=\"onInputClick($event)\">\n\n        <!-- Input currency -->\n        <input class=\"form-field-input\"\n               *ngIf=\"type && type === 'currency'\"\n               #inputRef\n               currencyMask\n               autocomplete=\"off\"\n               [attr.id]=\"id\"\n               [attr.aria-label]=\"ariaLabel\"\n               [name]=\"name + 'currency'\"\n               [type]=\"type\"\n               [min]=\"min\"\n               [max]=\"max\"\n               [maxlength]=\"maxLength\"\n               [mask]=\"mask\"\n               [required]=\"required\"\n               [placeholder]=\"placeholder\"\n               [readonly]=\"readonly\"\n               [disabled]=\"disabled\"\n               [pattern]=\"pattern\"\n               [(ngModel)]=\"model\"\n               [value]=\"value\"\n               [options]=\"optionsCurrency\"\n               (keydown)=\"onInputKeydown($event)\"\n               (focus)=\"onInputFocus($event)\"\n               (blur)=\"onInputBlur($event)\"\n               (click)=\"onInputClick($event)\">\n\n        <div class=\"form-field-suffix\"\n             *ngIf=\"type === 'select'\">\n            <div class=\"form-field-trigger\"\n                 *ngIf=\"showTrigger && (trigger && trigger > 1)\">\n                + {{ trigger >= 99 ? 99 : trigger }}\n            </div>\n\n            <button ariaLabel=\"Limpar op\u00E7\u00F5es\"\n                    class=\"form-field-button\"\n                    *ngIf=\"showClear\"\n                    (click)=\"onButtonClearClick($event)\">\n                <mat-icon class=\"form-field-icon\"> clear </mat-icon>\n            </button>\n\n            <div class=\"form-field-icon-arrow\"> </div>\n        </div>\n\n        <div class=\"form-field-suffix\"\n             *ngIf=\"type === 'search'\">\n            <button ariaLabel=\"Limpar\"\n                    class=\"form-field-button\"\n                    *ngIf=\"showClear\"\n                    (click)=\"onButtonClearClick($event)\">\n                <mat-icon class=\"form-field-icon\"> clear </mat-icon>\n            </button>\n\n            <button ariaLabel=\"Pesquisar\"\n                    class=\"form-field-button\"\n                    *ngIf=\"showSearch\"\n                    (click)=\"onButtonSearchClick($event)\">\n                <mat-icon class=\"form-field-icon\">\n                    search\n                </mat-icon>\n            </button>\n\n            <mat-icon class=\"form-field-icon\"\n                      *ngIf=\"!showSearch\">\n                search\n            </mat-icon>\n        </div>\n    </div>\n</label>",
+            template: "<label class=\"form-field-container\"\n       [attr.for]=\"id\">\n    <span class=\"form-field-label\"\n          *ngIf=\"label\">\n        {{ label }}\n        <span *ngIf=\"required && label\"> * </span>\n        <gipi-helpful-tip *ngIf=\"tooltip && label\"\n                          [tooltip]=\"tooltip\">\n        </gipi-helpful-tip>\n    </span>\n\n    <div class=\"form-field-content\"\n         [class.form-field-select]=\"type === 'select'\"\n         (click)=\"onInputClick($event)\">\n        <!-- Input others -->\n        <input class=\"form-field-input\"\n               *ngIf=\"type && type !== 'currency'\"\n               #inputRef\n               autocomplete=\"off\"\n               [attr.id]=\"id\"\n               [attr.aria-label]=\"ariaLabel\"\n               [name]=\"name\"\n               [type]=\"type\"\n               [min]=\"min\"\n               [max]=\"max ? max : 250\"\n               [maxlength]=\"maxLength ? maxLength : 250\"\n               [mask]=\"mask\"\n               [required]=\"required\"\n               [placeholder]=\"placeholder\"\n               [readonly]=\"readonly\"\n               [disabled]=\"disabled\"\n               [pattern]=\"pattern\"\n               [(ngModel)]=\"model\"\n               [value]=\"value\"\n               (keydown)=\"onInputKeydown($event)\"\n               (focus)=\"onInputFocus($event)\"\n               (blur)=\"onInputBlur($event)\"\n               (click)=\"onInputClick($event)\">\n\n        <!-- Input currency -->\n        <input class=\"form-field-input\"\n               *ngIf=\"type && type === 'currency'\"\n               #inputRef\n               currencyMask\n               autocomplete=\"off\"\n               [attr.id]=\"id\"\n               [attr.aria-label]=\"ariaLabel\"\n               [name]=\"name + 'currency'\"\n               [type]=\"type\"\n               [min]=\"min\"\n               [max]=\"max\"\n               [maxlength]=\"maxLength\"\n               [mask]=\"mask\"\n               [required]=\"required\"\n               [placeholder]=\"placeholder\"\n               [readonly]=\"readonly\"\n               [disabled]=\"disabled\"\n               [pattern]=\"pattern\"\n               [(ngModel)]=\"model\"\n               [value]=\"value\"\n               [options]=\"optionsCurrency\"\n               (keydown)=\"onInputKeydown($event)\"\n               (focus)=\"onInputFocus($event)\"\n               (blur)=\"onInputBlur($event)\"\n               (click)=\"onInputClick($event)\">\n\n        <div class=\"form-field-suffix\"\n             *ngIf=\"type === 'select'\">\n            <div class=\"form-field-trigger\"\n                 *ngIf=\"showTrigger && (trigger && trigger > 1)\">\n                + {{ trigger >= 99 ? 99 : trigger }}\n            </div>\n\n            <button ariaLabel=\"Limpar op\u00E7\u00F5es\"\n                    class=\"form-field-button\"\n                    *ngIf=\"showClear\"\n                    (click)=\"onButtonClearClick($event)\">\n                <mat-icon class=\"form-field-icon\"> clear </mat-icon>\n            </button>\n\n            <div class=\"form-field-icon-arrow\"> </div>\n        </div>\n\n        <div class=\"form-field-suffix\"\n             *ngIf=\"type === 'search'\">\n            <button ariaLabel=\"Limpar\"\n                    class=\"form-field-button\"\n                    *ngIf=\"showClear\"\n                    (click)=\"onButtonClearClick($event)\">\n                <mat-icon class=\"form-field-icon\"> clear </mat-icon>\n            </button>\n\n            <button ariaLabel=\"Pesquisar\"\n                    class=\"form-field-button\"\n                    *ngIf=\"showSearch\"\n                    (click)=\"onButtonSearchClick($event)\">\n                <mat-icon class=\"form-field-icon\">\n                    search\n                </mat-icon>\n            </button>\n\n            <mat-icon class=\"form-field-icon\"\n                      *ngIf=\"!showSearch\">\n                search\n            </mat-icon>\n        </div>\n    </div>\n</label>\n",
             providers: [
                 {
                     provide: NG_VALUE_ACCESSOR,
@@ -10459,7 +10464,7 @@ var GIPIFormFieldComponent = /** @class */ (function () {
                 'class': 'gipi-form-field',
             },
             changeDetection: ChangeDetectionStrategy.OnPush,
-            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 rgba(0,0,0,.12);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}"]
+            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;background-color:#f5f5f6!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}"]
         }),
         __metadata("design:paramtypes", [ChangeDetectorRef,
             ElementRef])
@@ -10839,7 +10844,7 @@ var GIPIInputCurrencyComponent = /** @class */ (function () {
                 'class': 'gipi-input-currency',
             },
             changeDetection: ChangeDetectionStrategy.OnPush,
-            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 rgba(0,0,0,.12);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}"]
+            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}"]
         }),
         __metadata("design:paramtypes", [ChangeDetectorRef,
             ElementRef])
@@ -11259,7 +11264,7 @@ var GIPIInputMonthPickerComponent = /** @class */ (function () {
                 'class': 'gipi-input-monthpicker',
             },
             changeDetection: ChangeDetectionStrategy.OnPush,
-            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 rgba(0,0,0,.12);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}"]
+            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}"]
         }),
         __metadata("design:paramtypes", [ChangeDetectorRef,
             GIPINgConfig])
@@ -11455,6 +11460,7 @@ var GIPIInputSelectEnumComponent = /** @class */ (function () {
         this._lastOptionSelected = null;
         this.id = this._name;
         this.name = this._name;
+        this.tooltip = '';
         this.placeholder = 'Selecionar';
         this._disabled = false;
         this._loading = false;
@@ -11531,7 +11537,7 @@ var GIPIInputSelectEnumComponent = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GIPIInputSelectEnumComponent.prototype, "optionSelected", {
+    Object.defineProperty(GIPIInputSelectEnumComponent.prototype, "optionSelectedValue", {
         get: function () {
             var _this = this;
             if (this.value && !ArrayUtil.isEmpty(this._enumList)) {
@@ -11545,6 +11551,20 @@ var GIPIInputSelectEnumComponent = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(GIPIInputSelectEnumComponent.prototype, "optionSelectedKey", {
+        get: function () {
+            var _this = this;
+            if (this.value && !ArrayUtil.isEmpty(this._enumList)) {
+                var selected = this._enumList.find(function (e) { return e.key === _this.value; });
+                if (selected) {
+                    return selected.key;
+                }
+            }
+            return '';
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(GIPIInputSelectEnumComponent.prototype, "scrollViewportHeight", {
         get: function () {
             var height = 0;
@@ -11679,11 +11699,15 @@ var GIPIInputSelectEnumComponent = /** @class */ (function () {
     __decorate([
         Input(),
         __metadata("design:type", String)
-    ], GIPIInputSelectEnumComponent.prototype, "ariaLabel", void 0);
+    ], GIPIInputSelectEnumComponent.prototype, "label", void 0);
     __decorate([
         Input(),
         __metadata("design:type", String)
-    ], GIPIInputSelectEnumComponent.prototype, "label", void 0);
+    ], GIPIInputSelectEnumComponent.prototype, "tooltip", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], GIPIInputSelectEnumComponent.prototype, "ariaLabel", void 0);
     __decorate([
         Input(),
         __metadata("design:type", String)
@@ -11764,7 +11788,7 @@ var GIPIInputSelectEnumComponent = /** @class */ (function () {
         Component({
             selector: "gipi-input-select-enum",
             exportAs: 'gipiInputSelectEnum',
-            template: "<gipi-form-field #formFieldSelectEnum\n                 [id]=\"id\"\n                 [name]=\"name\"\n                 [type]=\"'select'\"\n                 [readonly]=\"true\"\n                 [disabled]=\"disabled\"\n                 [required]=\"required\"\n                 [label]=\"label\"\n                 [placeholder]=\"placeholder\"\n                 [showClear]=\"false\"\n                 [showTrigger]=\"false\"\n                 [trigger]=\"0\"\n                 [ariaLabel]=\"ariaLabel\"\n                 [value]=\"optionSelected\"\n                 #popoverTrigger=\"popoverTrigger\"\n                 [popoverTriggerFor]=\"selectEnumPopover\"\n                 [popoverTriggerOn]=\"!disabled ? 'click' : 'none'\"\n                 [popoverBackdropCloseOnClick]=\"true\"\n                 (opened)=\"onOpenedChange.emit(true)\"\n                 (closed)=\"onOpenedChange.emit(false)\"\n                 (onKeydown)=\"onInputKeydown($event)\"\n                 (onFocus)=\"onInputFocus($event)\"\n                 (onBlur)=\"onInputBlur($event)\"\n                 (onClick)=\"onInputClick($event)\">\n</gipi-form-field>\n\n<gipi-popover #selectEnumPopover=\"gipiPopover\"\n              [popoverOverlapTrigger]=\"false\"\n              [popoverCloseOnClick]=\"false\"\n              [popoverArrowWidth]=\"0\"\n              [popoverOffsetY]=\"3\">\n    <div class=\"select-enum-popover-content\">\n        <cdk-virtual-scroll-viewport *ngIf=\"(_enumList && _enumList.length) && !loading\"\n                                     class=\"select-virtual-scroll-viewport\"\n                                     [style.height.px]=\"scrollViewportHeight\"\n                                     [itemSize]=\"_itemSizeScrollViewport\">\n            <div *cdkVirtualFor=\"let e of _enumList\"\n                 class=\"select-row\"\n                 [style.height.px]=\"40\"\n                 [class.disabled]=\"!validateOmitByKey(e.key) && (disabled || loading)\"\n                 (click)=\"onButtonSelectOptionClick(e.key)\">\n                {{ e.value }}\n            </div>\n        </cdk-virtual-scroll-viewport>\n\n        <div *ngIf=\"loading\"\n             class=\"select-loading\">\n            <div class=\"dot-pulse\"> </div>\n        </div>\n\n        <div *ngIf=\"(!_enumList || (_enumList && _enumList.length <= 0)) && !loading\"\n             class=\"select-not-found\">\n            <mat-icon>sentiment_very_dissatisfied</mat-icon>\n            Nenhum registro foi encontrado\n        </div>\n    </div>\n</gipi-popover>\n\n<!-- <gipi-overlay *ngIf=\"!disabled && !loading\"\n              contentStyleClass=\"overlay-select\"\n              #overlaySelectEnum\n              [(visible)]=\"_overlayVisible\"\n              [appendTo]=\"'body'\"\n              (onShow)=\"onOpenedChange.emit(true)\"\n              (onHide)=\"onOpenedChange.emit(false)\">\n    <cdk-virtual-scroll-viewport *ngIf=\"(_enumList && _enumList.length) && !loading\"\n                                 class=\"select-virtual-scroll-viewport\"\n                                 [style.height.px]=\"scrollViewportHeight\"\n                                 [itemSize]=\"_itemSizeScrollViewport\">\n        <div *cdkVirtualFor=\"let e of _enumList\"\n             class=\"select-row\"\n             [style.height.px]=\"40\"\n             [class.disabled]=\"!validateOmitByKey(e.key) && (disabled || loading)\"\n             (click)=\"onButtonSelectOptionClick(e.key)\">\n            {{ e.value }}\n        </div>\n    </cdk-virtual-scroll-viewport>\n\n    <div *ngIf=\"loading\"\n         class=\"select-loading\">\n        <div class=\"dot-pulse\"> </div>\n    </div>\n\n    <div *ngIf=\"(!_enumList || (_enumList && _enumList.length <= 0)) && !loading\"\n         class=\"select-not-found\">\n        <mat-icon>sentiment_very_dissatisfied</mat-icon>\n        Nenhum registro foi encontrado\n    </div>\n</gipi-overlay> -->\n",
+            template: "<gipi-form-field #formFieldSelectEnum\n                 [id]=\"id\"\n                 [name]=\"name\"\n                 [type]=\"'select'\"\n                 [readonly]=\"true\"\n                 [disabled]=\"disabled\"\n                 [required]=\"required\"\n                 [label]=\"label\"\n                 [tooltip]=\"tooltip\"\n                 [placeholder]=\"placeholder\"\n                 [showClear]=\"false\"\n                 [showTrigger]=\"false\"\n                 [trigger]=\"0\"\n                 [ariaLabel]=\"ariaLabel\"\n                 [value]=\"optionSelectedValue\"\n                 #popoverTrigger=\"popoverTrigger\"\n                 [popoverTriggerFor]=\"selectEnumPopover\"\n                 [popoverTriggerOn]=\"!disabled ? 'click' : 'none'\"\n                 [popoverBackdropCloseOnClick]=\"true\"\n                 (opened)=\"onOpenedChange.emit(true)\"\n                 (closed)=\"onOpenedChange.emit(false)\"\n                 (onKeydown)=\"onInputKeydown($event)\"\n                 (onFocus)=\"onInputFocus($event)\"\n                 (onBlur)=\"onInputBlur($event)\"\n                 (onClick)=\"onInputClick($event)\">\n</gipi-form-field>\n\n<gipi-popover #selectEnumPopover=\"gipiPopover\"\n              [popoverOverlapTrigger]=\"false\"\n              [popoverCloseOnClick]=\"false\"\n              [popoverArrowWidth]=\"0\"\n              [popoverOffsetY]=\"3\">\n    <div class=\"select-enum-popover-content\">\n        <cdk-virtual-scroll-viewport *ngIf=\"(_enumList && _enumList.length) && !loading\"\n                                     class=\"select-virtual-scroll-viewport\"\n                                     [style.height.px]=\"scrollViewportHeight\"\n                                     [itemSize]=\"_itemSizeScrollViewport\">\n            <div *cdkVirtualFor=\"let e of _enumList\"\n                 class=\"select-row\"\n                 [style.height.px]=\"40\"\n                 [class.active]=\"optionSelectedKey === e.key\"\n                 [class.disabled]=\"!validateOmitByKey(e.key) && (disabled || loading)\"\n                 (click)=\"onButtonSelectOptionClick(e.key)\">\n                {{ e.value }}\n            </div>\n        </cdk-virtual-scroll-viewport>\n\n        <div *ngIf=\"loading\"\n             class=\"select-loading\">\n            <div class=\"dot-pulse\"> </div>\n        </div>\n\n        <div *ngIf=\"(!_enumList || (_enumList && _enumList.length <= 0)) && !loading\"\n             class=\"select-not-found\">\n            <mat-icon>sentiment_very_dissatisfied</mat-icon>\n            Nenhum registro foi encontrado\n        </div>\n    </div>\n</gipi-popover>\n\n<!-- <gipi-overlay *ngIf=\"!disabled && !loading\"\n              contentStyleClass=\"overlay-select\"\n              #overlaySelectEnum\n              [(visible)]=\"_overlayVisible\"\n              [appendTo]=\"'body'\"\n              (onShow)=\"onOpenedChange.emit(true)\"\n              (onHide)=\"onOpenedChange.emit(false)\">\n    <cdk-virtual-scroll-viewport *ngIf=\"(_enumList && _enumList.length) && !loading\"\n                                 class=\"select-virtual-scroll-viewport\"\n                                 [style.height.px]=\"scrollViewportHeight\"\n                                 [itemSize]=\"_itemSizeScrollViewport\">\n        <div *cdkVirtualFor=\"let e of _enumList\"\n             class=\"select-row\"\n             [style.height.px]=\"40\"\n             [class.disabled]=\"!validateOmitByKey(e.key) && (disabled || loading)\"\n             (click)=\"onButtonSelectOptionClick(e.key)\">\n            {{ e.value }}\n        </div>\n    </cdk-virtual-scroll-viewport>\n\n    <div *ngIf=\"loading\"\n         class=\"select-loading\">\n        <div class=\"dot-pulse\"> </div>\n    </div>\n\n    <div *ngIf=\"(!_enumList || (_enumList && _enumList.length <= 0)) && !loading\"\n         class=\"select-not-found\">\n        <mat-icon>sentiment_very_dissatisfied</mat-icon>\n        Nenhum registro foi encontrado\n    </div>\n</gipi-overlay> -->\n",
             providers: [
                 {
                     provide: NG_VALUE_ACCESSOR,
@@ -11776,7 +11800,7 @@ var GIPIInputSelectEnumComponent = /** @class */ (function () {
                 'class': 'gipi-input-select-enum',
             },
             changeDetection: ChangeDetectionStrategy.OnPush,
-            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.4rem;line-height:100%;gap:1rem}::ng-deep .select-row:hover{background:#f5f5f6}::ng-deep .select-row:active{background:#e0e1e2}.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:0 0 16px}.select-not-found>mat-icon{width:2.8rem;height:2.8rem;font-size:2.8rem;line-height:2.8rem;color:#131313}.select-loading{height:4.8rem;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-enum-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}"]
+            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;gap:1rem;padding:0 16px;cursor:pointer;font-size:1.4rem;line-height:100%;border-left:2px solid transparent}::ng-deep .select-row.active{background-color:#fceaec;border-color:#e0313e}::ng-deep .select-row:not(.active):hover{background-color:#f5f5f6}::ng-deep .select-row:not(.active):active{background-color:#e0e1e2}.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:0 0 16px}.select-not-found>mat-icon{width:2.8rem;height:2.8rem;font-size:2.8rem;line-height:2.8rem;color:#131313}.select-loading{height:4.8rem;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-enum-popover-content{overflow:hidden;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)}"]
         }),
         __metadata("design:paramtypes", [ElementRef,
             ChangeDetectorRef])
@@ -13156,7 +13180,7 @@ var GIPIInputSelectComponent = /** @class */ (function () {
                 'class': 'gipi-input-select',
             },
             changeDetection: ChangeDetectionStrategy.OnPush,
-            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 rgba(0,0,0,.12)}.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}"]
+            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}"]
         }),
         __metadata("design:paramtypes", [ChangeDetectorRef])
     ], GIPIInputSelectComponent);
@@ -15689,7 +15713,7 @@ var GIPIRadioGroupComponent = /** @class */ (function () {
                 'class': 'gipi-radio-group',
             },
             changeDetection: ChangeDetectionStrategy.OnPush,
-            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:rgba(0,0,0,.12);border-radius:5px}.fieldset-radio-content .radiogroup{width:100%;height:100%;justify-content:space-around}"]
+            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}"]
         }),
         __metadata("design:paramtypes", [ChangeDetectorRef])
     ], GIPIRadioGroupComponent);
@@ -15963,7 +15987,7 @@ var GIPIRangePageComponent = /** @class */ (function () {
                     multi: true
                 },
             ],
-            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 rgba(0,0,0,.12);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 rgba(0,0,0,.12);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 rgba(0,0,0,.12);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}"]
+            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}"]
         }),
         __metadata("design:paramtypes", [ElementRef,
             ChangeDetectorRef])
@@ -16322,7 +16346,7 @@ var GIPIRangeSliderComponent = /** @class */ (function () {
                 'class': 'gipi-range-slider',
             },
             changeDetection: ChangeDetectionStrategy.OnPush,
-            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 rgba(0,0,0,.12);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 rgba(0,0,0,.12);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}"]
+            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}"]
         }),
         __metadata("design:paramtypes", [ElementRef,
             ChangeDetectorRef])
@@ -16523,7 +16547,7 @@ var GIPISelectButtonComponent = /** @class */ (function () {
                 'class': 'gipi-select-button',
             },
             changeDetection: ChangeDetectionStrategy.OnPush,
-            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 rgba(0,0,0,.12);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}"]
+            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}"]
         }),
         __metadata("design:paramtypes", [ElementRef,
             ChangeDetectorRef])
@@ -17569,7 +17593,7 @@ var GIPISplitButtonComponent = /** @class */ (function () {
         Component({
             selector: "gipi-split-button[gipi-primary], gipi-split-button[gipi-secondary],\n               gipi-split-button[gipi-tertiary], gipi-split-button[gipi-action]",
             exportAs: 'gipiSplitButton',
-            template: "<div [matTooltip]=\"tooltip\"\n     [class]=\"buttonClass || ''\"\n     [class.button-base]=\"true\"\n     [class.disabled]=\"disabled || loading\"\n     #popoverTrigger=\"popoverTrigger\"\n     [popoverTriggerFor]=\"btnPopover\"\n     [popoverTriggerOn]=\"'none'\"\n     [popoverBackdropCloseOnClick]=\"true\"\n     (opened)=\"onOpenPopover.emit()\"\n     (closed)=\"onClosePopover.emit()\">\n    <button [attr.id]=\"idBtnDefault\"\n            [attr.name]=\"idBtnDefault\"\n            [attr.type]=\"type\"\n            [attr.aria-label]=\"ariaLabel ? ariaLabel : label\"\n            [attr.title]=\"title ? title : label\"\n            [disabled]=\"disabled || loading\"\n            [ngClass]=\"getInternalButtonClass(true)\"\n            role=\"button\"\n            (click)=\"handleClick($event)\"\n            (focus)=\"handleFocus($event)\"\n            (blur)=\"handleBlur($event)\">\n        {{ label ? label : '' }}\n    </button>\n    <button [attr.id]=\"idBtnMenu\"\n            [attr.name]=\"idBtnMenu\"\n            [attr.type]=\"type\"\n            [attr.aria-label]=\"ariaLabel ? ariaLabel : label\"\n            [attr.title]=\"title ? title : label\"\n            [disabled]=\"disabled || loading\"\n            [ngClass]=\"getInternalButtonClass(false)\"\n            role=\"button\"\n            (click)=\"handleClickBtnMenu($event)\">\n        <mat-icon [@indicatorRotate]=\"popoverTrigger?.popoverOpen ? 'opened': 'closed'\"> expand_more </mat-icon>\n    </button>\n</div>\n\n<gipi-popover #btnPopover=\"gipiPopover\"\n              [popoverOverlapTrigger]=\"false\"\n              [popoverCloseOnClick]=\"false\"\n              [popoverArrowWidth]=\"0\"\n              [popoverOffsetY]=\"3\">\n    <div class=\"btn-popover-content\">\n        <button class=\"btn-split-option\"\n                *ngFor=\"let option of splitOptions\"\n                [disabled]=\"option?.disabled\"\n                (click)=\"handleClickBtnSplitOption(option)\">\n            {{ option.label }}\n        </button>\n    </div>\n</gipi-popover>",
+            template: "<div [matTooltip]=\"tooltip\"\n     matTooltipClass=\"mattooltip-line-break\"\n     [class]=\"buttonClass || ''\"\n     [class.button-base]=\"true\"\n     [class.disabled]=\"disabled || loading\"\n     #popoverTrigger=\"popoverTrigger\"\n     [popoverTriggerFor]=\"btnPopover\"\n     [popoverTriggerOn]=\"'none'\"\n     [popoverBackdropCloseOnClick]=\"true\"\n     (opened)=\"onOpenPopover.emit()\"\n     (closed)=\"onClosePopover.emit()\">\n    <button [attr.id]=\"idBtnDefault\"\n            [attr.name]=\"idBtnDefault\"\n            [attr.type]=\"type\"\n            [attr.aria-label]=\"ariaLabel ? ariaLabel : label\"\n            [attr.title]=\"title ? title : label\"\n            [disabled]=\"disabled || loading\"\n            [ngClass]=\"getInternalButtonClass(true)\"\n            role=\"button\"\n            (click)=\"handleClick($event)\"\n            (focus)=\"handleFocus($event)\"\n            (blur)=\"handleBlur($event)\">\n        {{ label ? label : '' }}\n    </button>\n    <button [attr.id]=\"idBtnMenu\"\n            [attr.name]=\"idBtnMenu\"\n            [attr.type]=\"type\"\n            [attr.aria-label]=\"ariaLabel ? ariaLabel : label\"\n            [attr.title]=\"title ? title : label\"\n            [disabled]=\"disabled || loading\"\n            [ngClass]=\"getInternalButtonClass(false)\"\n            role=\"button\"\n            (click)=\"handleClickBtnMenu($event)\">\n        <mat-icon [@indicatorRotate]=\"popoverTrigger?.popoverOpen ? 'opened': 'closed'\"> expand_more </mat-icon>\n    </button>\n</div>\n\n<gipi-popover #btnPopover=\"gipiPopover\"\n              [popoverOverlapTrigger]=\"false\"\n              [popoverCloseOnClick]=\"false\"\n              [popoverArrowWidth]=\"0\"\n              [popoverOffsetY]=\"3\">\n    <div class=\"btn-popover-content\">\n        <button class=\"btn-split-option\"\n                *ngFor=\"let option of splitOptions\"\n                [disabled]=\"option?.disabled\"\n                (click)=\"handleClickBtnSplitOption(option)\">\n            {{ option.label }}\n        </button>\n    </div>\n</gipi-popover>\n",
             providers: [
                 {
                     provide: NG_VALUE_ACCESSOR,
@@ -18477,6 +18501,9 @@ var GIPITabGroupComponent = /** @class */ (function () {
         return componentRef.instance;
     };
     GIPITabGroupComponent.prototype.selectTab = function (tab) {
+        if (tab.disabled) {
+            return;
+        }
         this.tabQueryList.toArray().forEach(function (t) { return (t.active = false); });
         this.dynamicTabs.forEach(function (t) { return (t.active = false); });
         tab.active = true;
@@ -18557,7 +18584,7 @@ var GIPITabGroupComponent = /** @class */ (function () {
                 '[attr.id]': 'id',
                 '[attr.name]': 'name',
             },
-            styles: [":host{display:block;flex:1;width:100%;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}:host ::ng-deep .mat-tab-nav-bar{background:#f5f5f6;border:none;border-radius:.4rem;padding:.4rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}:host ::ng-deep .mat-tab-links{display:flex;gap:1rem}:host ::ng-deep .mat-tab-link{height:auto!important;padding:1rem!important;opacity:1!important;border:none!important;border-radius:4px!important;transition:.2s!important;color:#595959!important;gap:1rem}:host ::ng-deep .mat-tab-link>mat-icon{width:2rem!important;height:2rem!important;font-size:2rem!important;color:#595959!important}:host ::ng-deep .mat-tab-link>mat-icon svg,:host ::ng-deep .mat-tab-link>mat-icon svg g path,:host ::ng-deep .mat-tab-link>mat-icon svg path{color:#595959!important;fill:#595959!important}:host ::ng-deep .mat-tab-link:not(.active):hover{background:#e0e1e2!important}:host ::ng-deep .mat-tab-link.active{background:#e0313e!important;color:#fff!important}:host ::ng-deep .mat-tab-link.active>mat-icon{color:#fff!important}:host ::ng-deep .mat-tab-link.active>mat-icon svg,:host ::ng-deep .mat-tab-link.active>mat-icon svg g path,:host ::ng-deep .mat-tab-link.active>mat-icon svg path{color:#fff!important;fill:#fff!important}:host ::ng-deep .mat-tab-link:disabled,:host ::ng-deep .mat-tab-link:disabled>mat-icon{color:#9a9da2!important;fill:#9a9da2!important}:host ::ng-deep .mat-tab-link:disabled svg,:host ::ng-deep .mat-tab-link:disabled svg g path,:host ::ng-deep .mat-tab-link:disabled svg path,:host ::ng-deep .mat-tab-link:disabled>mat-icon svg,:host ::ng-deep .mat-tab-link:disabled>mat-icon svg g path,:host ::ng-deep .mat-tab-link:disabled>mat-icon svg path{color:#9a9da2!important;fill:#9a9da2!important}:host ::ng-deep .mat-ink-bar{display:none!important}:host ::ng-deep .mat-tab-header-pagination{box-shadow:none!important}:host ::ng-deep .mat-tab-header-pagination.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#d1d2d4!important;cursor:not-allowed!important}:host ::ng-deep .mat-tab-header-pagination .mat-tab-header-pagination-chevron{border-color:#595959!important}:host ::ng-deep .mat-tab-header-pagination:hover{transform:scale(.98)!important}"]
+            styles: [":host{display:block;flex:1;width:100%;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}:host ::ng-deep .mat-tab-nav-bar{background:#f5f5f6;border:none;border-radius:.4rem;padding:.4rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}:host ::ng-deep .mat-tab-links{display:flex;gap:1rem}:host ::ng-deep .mat-tab-link{height:auto!important;padding:1rem!important;opacity:1!important;border:none!important;border-radius:4px!important;transition:.2s!important;color:#595959!important;gap:1rem}:host ::ng-deep .mat-tab-link>mat-icon{width:2rem!important;height:2rem!important;font-size:2rem!important;color:#595959!important}:host ::ng-deep .mat-tab-link>mat-icon svg,:host ::ng-deep .mat-tab-link>mat-icon svg g path,:host ::ng-deep .mat-tab-link>mat-icon svg path{color:#595959!important;fill:#595959!important}:host ::ng-deep .mat-tab-link:not(.active):not(.mat-tab-disabled):hover{background:#e0e1e2!important}:host ::ng-deep .mat-tab-link.active{background:#e0313e!important;color:#fff!important}:host ::ng-deep .mat-tab-link.active>mat-icon{color:#fff!important}:host ::ng-deep .mat-tab-link.active>mat-icon svg,:host ::ng-deep .mat-tab-link.active>mat-icon svg g path,:host ::ng-deep .mat-tab-link.active>mat-icon svg path{color:#fff!important;fill:#fff!important}:host ::ng-deep .mat-tab-link.mat-tab-disabled,:host ::ng-deep .mat-tab-link:disabled,:host ::ng-deep .mat-tab-link:disabled>mat-icon{color:#d1d2d4!important;fill:#d1d2d4!important;text-decoration:line-through!important;pointer-events:all!important;cursor:not-allowed!important}:host ::ng-deep .mat-tab-link.mat-tab-disabled svg,:host ::ng-deep .mat-tab-link.mat-tab-disabled svg g path,:host ::ng-deep .mat-tab-link.mat-tab-disabled svg path,:host ::ng-deep .mat-tab-link:disabled svg,:host ::ng-deep .mat-tab-link:disabled svg g path,:host ::ng-deep .mat-tab-link:disabled svg path,:host ::ng-deep .mat-tab-link:disabled>mat-icon svg,:host ::ng-deep .mat-tab-link:disabled>mat-icon svg g path,:host ::ng-deep .mat-tab-link:disabled>mat-icon svg path{color:#d1d2d4!important;fill:#d1d2d4!important}:host ::ng-deep .mat-ink-bar{display:none!important}:host ::ng-deep .mat-tab-header-pagination{box-shadow:none!important}:host ::ng-deep .mat-tab-header-pagination.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#d1d2d4!important;cursor:not-allowed!important}:host ::ng-deep .mat-tab-header-pagination .mat-tab-header-pagination-chevron{border-color:#595959!important}:host ::ng-deep .mat-tab-header-pagination:hover{transform:scale(.98)!important}"]
         }),
         __metadata("design:paramtypes", [ElementRef,
             ComponentFactoryResolver])
@@ -18904,7 +18931,7 @@ var GIPITextareaComponent = /** @class */ (function () {
                 'class': 'gipi-textarea',
             },
             changeDetection: ChangeDetectionStrategy.OnPush,
-            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 rgba(0,0,0,.12);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}"]
+            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}"]
         }),
         __metadata("design:paramtypes", [ElementRef,
             ChangeDetectorRef])
@@ -23366,7 +23393,7 @@ var MatDateRangeInput = /** @class */ (function () {
                 { provide: MatFormFieldControl, useExisting: MatDateRangeInput_1 },
                 { provide: MAT_DATE_RANGE_INPUT_PARENT, useExisting: MatDateRangeInput_1 },
             ],
-            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;width:100%}.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}"]
+            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}"]
         }),
         __param(2, Optional()), __param(2, Self()),
         __param(3, Optional()),
@@ -24245,7 +24272,7 @@ var DateRangePickerComponent = /** @class */ (function () {
             host: {
                 'class': 'gipi-date-range-picker',
             },
-            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 rgba(0,0,0,.12);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}"]
+            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}"]
         }),
         __metadata("design:paramtypes", [ElementRef,
             ChangeDetectorRef])
@@ -24845,7 +24872,7 @@ var DatepickerComponent = /** @class */ (function () {
             host: {
                 'class': 'gipi-datepicker',
             },
-            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 rgba(0,0,0,.12);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}"]
+            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}"]
         }),
         __metadata("design:paramtypes", [ElementRef,
             ChangeDetectorRef])
@@ -24952,130 +24979,3375 @@ var DatepickerModule = /** @class */ (function () {
     return DatepickerModule;
 }());
 
-var moment$4 = moment_;
-var CalendarMonthYearComponent = /** @class */ (function () {
-    function CalendarMonthYearComponent(_changeDetectorRef) {
-        this._changeDetectorRef = _changeDetectorRef;
-        this._subscriptions = new Subscription();
-        this._animationState = 'enter';
-        this._animationDone = new Subject();
-        this.years = [];
-        this.months = [];
-        this._calendarView = 'both';
+/**
+ * This animation fades in the background color and text content of the
+ * select's options. It is time delayed to occur 100ms after the overlay
+ * panel has transformed in.
+ */
+var fadeInContent = trigger('fadeInContent', [
+    state('showing', style({ opacity: 1 })),
+    transition('void => showing', [
+        style({ opacity: 0 }),
+        animate("150ms 100ms cubic-bezier(0.55, 0, 0.55, 0.2)"),
+    ]),
+]);
+var slideCalendar = trigger('slideCalendar', [
+    transition('* => left', [
+        animate(180, keyframes([
+            style({ transform: 'translateX(100%)', offset: 0.5 }),
+            style({ transform: 'translateX(-100%)', offset: 0.51 }),
+            style({ transform: 'translateX(0)', offset: 1 }),
+        ])),
+    ]),
+    transition('* => right', [
+        animate(180, keyframes([
+            style({ transform: 'translateX(-100%)', offset: 0.5 }),
+            style({ transform: 'translateX(100%)', offset: 0.51 }),
+            style({ transform: 'translateX(0)', offset: 1 }),
+        ])),
+    ]),
+]);
+
+/** @docs-private */
+function createMissingDateImplError$1(provider) {
+    return Error("GIPIDatetimepickerComponent: No provider found for " + provider + ". You must import one of the following " +
+        "modules at your application root: GIPINativeDatetimeModule, GIPIMomentDatetimeModule, or provide a " +
+        "custom implementation.");
+}
+
+var GIPIDatetimepickerFilterType;
+(function (GIPIDatetimepickerFilterType) {
+    GIPIDatetimepickerFilterType[GIPIDatetimepickerFilterType["DATE"] = 0] = "DATE";
+    GIPIDatetimepickerFilterType[GIPIDatetimepickerFilterType["HOUR"] = 1] = "HOUR";
+    GIPIDatetimepickerFilterType[GIPIDatetimepickerFilterType["MINUTE"] = 2] = "MINUTE";
+})(GIPIDatetimepickerFilterType || (GIPIDatetimepickerFilterType = {}));
+
+/**
+ * An internal class that represents the data corresponding to a single calendar cell.
+ * @docs-private
+ */
+var GIPIDatetimepickerCalendarCell = /** @class */ (function () {
+    function GIPIDatetimepickerCalendarCell(value, displayValue, ariaLabel, enabled) {
+        this.value = value;
+        this.displayValue = displayValue;
+        this.ariaLabel = ariaLabel;
+        this.enabled = enabled;
     }
-    CalendarMonthYearComponent_1 = CalendarMonthYearComponent;
-    CalendarMonthYearComponent.prototype.ngOnInit = function () {
-        if (this._locale) {
-            moment$4.locale(this._locale);
-        }
-        else {
-            moment$4.locale('pt-br');
+    return GIPIDatetimepickerCalendarCell;
+}());
+/**
+ * An internal component used to display calendar data in a table.
+ * @docs-private
+ */
+var GIPIDatetimepickerCalendarBodyComponent = /** @class */ (function () {
+    function GIPIDatetimepickerCalendarBodyComponent() {
+        /**
+         * The aspect ratio (width / height) to use for the cells in the table. This aspect ratio will be
+         * maintained even as the table resizes.
+         */
+        this.cellAspectRatio = 1;
+        /** The number of columns in the table. */
+        this.numCols = 7;
+        /** Whether to allow selection of disabled cells. */
+        this.allowDisabledSelection = false;
+        /** The cell number of the active cell in the table. */
+        this.activeCell = 0;
+        /** Emits when a new value is selected. */
+        this.selectedValueChange = new EventEmitter();
+    }
+    GIPIDatetimepickerCalendarBodyComponent.prototype._cellClicked = function (cell) {
+        if (!this.allowDisabledSelection && !cell.enabled) {
+            return;
         }
-        this.months = __spread(this.monthYearPicker.model.months);
-        this._calendarView = this.monthYearPicker.calendarView;
-        if (this._calendarView === 'year') {
-            this.toggleShowYears();
+        this.selectedValueChange.emit(cell.value);
+    };
+    GIPIDatetimepickerCalendarBodyComponent.prototype._isActiveCell = function (rowIndex, colIndex) {
+        var cellNumber = rowIndex * this.numCols + colIndex;
+        // Account for the fact that the first row may not have as many cells.
+        if (rowIndex) {
+            cellNumber -= this._firstRowOffset;
         }
-        this.monthYearPicker.onValueChange(this.monthYearPicker.model.selectedMonthIndex, this.monthYearPicker.model.selectedMonthYear);
+        return cellNumber === this.activeCell;
     };
-    CalendarMonthYearComponent.prototype.ngAfterViewInit = function () {
-        var _this = this;
-        if (this._changeDetectorRef) {
-            this._subscriptions.add(this.monthYearPicker._stateChanges.subscribe(function () {
-                _this._changeDetectorRef.markForCheck();
-            }));
+    GIPIDatetimepickerCalendarBodyComponent.prototype.ngOnChanges = function (changes) {
+        var columnChanges = changes['numCols'];
+        var _a = this, rows = _a.rows, numCols = _a.numCols;
+        if (changes['rows'] || columnChanges) {
+            this._firstRowOffset = rows && rows.length && rows[0].length ? numCols - rows[0].length : 0;
+        }
+        if (changes['cellAspectRatio'] || columnChanges || !this._cellPadding) {
+            this._cellPadding = 50 * this.cellAspectRatio / numCols + "%";
+        }
+        if (columnChanges || !this._cellWidth) {
+            this._cellWidth = 100 / numCols + "%";
         }
     };
-    CalendarMonthYearComponent.prototype.ngOnDestroy = function () {
-        this._subscriptions.unsubscribe();
-        this._animationDone.complete();
+    __decorate([
+        Input(),
+        __metadata("design:type", Number)
+    ], GIPIDatetimepickerCalendarBodyComponent.prototype, "cellAspectRatio", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], GIPIDatetimepickerCalendarBodyComponent.prototype, "label", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Array)
+    ], GIPIDatetimepickerCalendarBodyComponent.prototype, "rows", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Number)
+    ], GIPIDatetimepickerCalendarBodyComponent.prototype, "todayValue", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Number)
+    ], GIPIDatetimepickerCalendarBodyComponent.prototype, "selectedValue", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Number)
+    ], GIPIDatetimepickerCalendarBodyComponent.prototype, "labelMinRequiredCells", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerCalendarBodyComponent.prototype, "numCols", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerCalendarBodyComponent.prototype, "allowDisabledSelection", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerCalendarBodyComponent.prototype, "activeCell", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerCalendarBodyComponent.prototype, "selectedValueChange", void 0);
+    GIPIDatetimepickerCalendarBodyComponent = __decorate([
+        Component({
+            selector: 'tbody[gipiMatDatetimePickerCalendarBody]',
+            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",
+            encapsulation: ViewEncapsulation.None,
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            host: {
+                class: 'gipi-mat-datetime-picker-calendar-body',
+            },
+            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}"]
+        })
+    ], GIPIDatetimepickerCalendarBodyComponent);
+    return GIPIDatetimepickerCalendarBodyComponent;
+}());
+
+var GIPIDatetimeAdapter = /** @class */ (function (_super) {
+    __extends(GIPIDatetimeAdapter, _super);
+    function GIPIDatetimeAdapter(_delegate) {
+        var _this = _super.call(this) || this;
+        _this._delegate = _delegate;
+        return _this;
+    }
+    GIPIDatetimeAdapter.prototype.getValidDateOrNull = function (obj) {
+        return this.isDateInstance(obj) && this.isValid(obj) ? obj : null;
     };
-    CalendarMonthYearComponent.prototype._startExitAnimation = function () {
-        this._animationState = 'void';
-        if (this._changeDetectorRef) {
-            this._changeDetectorRef.markForCheck();
-        }
+    GIPIDatetimeAdapter.prototype.compareDatetime = function (first, second, respectMinutePart) {
+        if (respectMinutePart === void 0) { respectMinutePart = true; }
+        return (this.compareDate(first, second) ||
+            this.getHour(first) - this.getHour(second) ||
+            (respectMinutePart && this.getMinute(first) - this.getMinute(second)));
     };
-    CalendarMonthYearComponent.prototype.decrement = function () {
-        this.monthYearPicker.model.decrementYear();
-        if (this.isShowYears) {
-            this._renderYears();
+    GIPIDatetimeAdapter.prototype.sameDatetime = function (first, second) {
+        if (first && second) {
+            var firstValid = this.isValid(first);
+            var secondValid = this.isValid(second);
+            if (firstValid && secondValid) {
+                return !this.compareDatetime(first, second);
+            }
+            return firstValid === secondValid;
         }
+        return first === second;
     };
-    CalendarMonthYearComponent.prototype.increment = function () {
-        this.monthYearPicker.model.incrementYear();
-        if (this.isShowYears) {
-            this._renderYears();
-        }
+    GIPIDatetimeAdapter.prototype.sameYear = function (first, second) {
+        return first && second && this.getYear(first) === this.getYear(second);
     };
-    CalendarMonthYearComponent.prototype.selectMonth = function (index) {
-        this.monthYearPicker.model.selectMonth(index);
-        this.monthYearPicker.onValueChange(this.monthYearPicker.model.selectedMonthIndex, this.monthYearPicker.model.selectedMonthYear);
-        this.monthYearPicker.close();
+    GIPIDatetimeAdapter.prototype.sameDay = function (first, second) {
+        return (first &&
+            second &&
+            this.getDate(first) === this.getDate(second) &&
+            this.sameMonthAndYear(first, second));
     };
-    CalendarMonthYearComponent.prototype.isSelectedMonth = function (monthIndex) {
-        return this.monthYearPicker.model.selectedMonthIndex == monthIndex && this.monthYearPicker.model.selectedMonthYear == this.monthYearPicker.model.selectedYearMoment.year();
+    GIPIDatetimeAdapter.prototype.sameHour = function (first, second) {
+        return (first &&
+            second &&
+            this.getHour(first) === this.getHour(second) &&
+            this.sameDay(first, second));
     };
-    CalendarMonthYearComponent.prototype.isCurrentMonth = function (monthIndex) {
-        var currentMonth = moment$4().month();
-        var currentYear = moment$4().year();
-        return (monthIndex === currentMonth) && (this.monthYearPicker.model.selectedYearMoment.year() === currentYear);
+    GIPIDatetimeAdapter.prototype.sameMinute = function (first, second) {
+        return (first &&
+            second &&
+            this.getMinute(first) === this.getMinute(second) &&
+            this.sameHour(first, second));
     };
-    CalendarMonthYearComponent.prototype.isDisabledMonth = function (index) {
-        var disabled = false;
-        if (!ObjectUtil.isNull(this.monthYearPicker)) {
-            var minMonth = !ObjectUtil.isNull(this.monthYearPicker.min) ? this.monthYearPicker.min.month : null;
-            var maxMonth = !ObjectUtil.isNull(this.monthYearPicker.max) ? this.monthYearPicker.max.month : null;
-            if (!ObjectUtil.isNull(minMonth) && !ObjectUtil.isNull(maxMonth)) {
-                disabled = index < minMonth || index > maxMonth;
-            }
-            else if (!ObjectUtil.isNull(minMonth)) {
-                disabled = index < minMonth;
-            }
-            else if (!ObjectUtil.isNull(maxMonth)) {
-                disabled = index > maxMonth;
+    GIPIDatetimeAdapter.prototype.sameMonthAndYear = function (first, second) {
+        if (first && second) {
+            var firstValid = this.isValid(first);
+            var secondValid = this.isValid(second);
+            if (firstValid && secondValid) {
+                return !(this.getYear(first) - this.getYear(second) ||
+                    this.getMonth(first) - this.getMonth(second));
             }
+            return firstValid === secondValid;
         }
-        return disabled;
-        // let disabled = false;
-        // if (this._enabledMonths && this._enabledMonths.length > 0) {
-        //     disabled = this._enabledMonths.indexOf(index) < 0;
-        // }
-        // if (this._disabledMonths && this._disabledMonths.length > 0) {
-        //     disabled = this._disabledMonths.indexOf(index) >= 0;
-        // }
-        // return disabled;
+        return first === second;
     };
-    /** Years */
-    CalendarMonthYearComponent.prototype.toggleShowYears = function () {
-        this.isShowYears = !this.isShowYears;
-        this._renderYears();
+    // delegate
+    GIPIDatetimeAdapter.prototype.deserialize = function (value) {
+        return this._delegate.deserialize(value);
     };
-    CalendarMonthYearComponent.prototype._renderYears = function () {
-        this.years = [];
-        for (var i = 11; i > 0; i--) {
-            this.years.push(this.monthYearPicker.model.selectedYearMoment.year() - i);
-        }
-        for (var i = 0; i <= 12; i++) {
-            this.years.push(this.monthYearPicker.model.selectedYearMoment.year() + i);
-        }
+    GIPIDatetimeAdapter.prototype.clone = function (date) {
+        return this._delegate.clone(date);
     };
-    Object.defineProperty(CalendarMonthYearComponent.prototype, "periodButtonLabel", {
-        get: function () {
-            var formatYearRange = function (start, end) {
-                return start + " \u2013 " + end;
-            };
-            return this.isShowYears ? formatYearRange(this.years[0], this.years[this.years.length - 1]) : this.monthYearPicker.model.selectedYearText;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    CalendarMonthYearComponent.prototype.selectYear = function (year) {
-        if (this._calendarView === 'both') {
-            this.isShowYears = false;
-        }
-        this.monthYearPicker.model.selectedYearMoment = moment$4().year(year);
-        this.monthYearPicker.model.updateYearText();
+    GIPIDatetimeAdapter.prototype.addCalendarYears = function (date, years) {
+        return this._delegate.addCalendarYears(date, years);
+    };
+    GIPIDatetimeAdapter.prototype.addCalendarMonths = function (date, months) {
+        return this._delegate.addCalendarMonths(date, months);
+    };
+    GIPIDatetimeAdapter.prototype.addCalendarDays = function (date, days) {
+        return this._delegate.addCalendarDays(date, days);
+    };
+    GIPIDatetimeAdapter.prototype.getYear = function (date) {
+        return this._delegate.getYear(date);
+    };
+    GIPIDatetimeAdapter.prototype.getMonth = function (date) {
+        return this._delegate.getMonth(date);
+    };
+    GIPIDatetimeAdapter.prototype.getDate = function (date) {
+        return this._delegate.getDate(date);
+    };
+    GIPIDatetimeAdapter.prototype.getDayOfWeek = function (date) {
+        return this._delegate.getDayOfWeek(date);
+    };
+    GIPIDatetimeAdapter.prototype.getMonthNames = function (style) {
+        return this._delegate.getMonthNames(style);
+    };
+    GIPIDatetimeAdapter.prototype.getDateNames = function () {
+        return this._delegate.getDateNames();
+    };
+    GIPIDatetimeAdapter.prototype.getDayOfWeekNames = function (style) {
+        return this._delegate.getDayOfWeekNames(style);
+    };
+    GIPIDatetimeAdapter.prototype.getYearName = function (date) {
+        return this._delegate.getYearName(date);
+    };
+    GIPIDatetimeAdapter.prototype.getFirstDayOfWeek = function () {
+        return this._delegate.getFirstDayOfWeek();
+    };
+    GIPIDatetimeAdapter.prototype.getNumDaysInMonth = function (date) {
+        return this._delegate.getNumDaysInMonth(date);
+    };
+    GIPIDatetimeAdapter.prototype.createDate = function (year, month, date) {
+        return this._delegate.createDate(year, month, date);
+    };
+    GIPIDatetimeAdapter.prototype.today = function () {
+        return this._delegate.today();
+    };
+    GIPIDatetimeAdapter.prototype.parse = function (value, parseFormat) {
+        return this._delegate.parse(value, parseFormat);
+    };
+    GIPIDatetimeAdapter.prototype.format = function (date, displayFormat) {
+        return this._delegate.format(date, displayFormat);
+    };
+    GIPIDatetimeAdapter.prototype.toIso8601 = function (date) {
+        return this._delegate.toIso8601(date);
+    };
+    GIPIDatetimeAdapter.prototype.isDateInstance = function (obj) {
+        return this._delegate.isDateInstance(obj);
+    };
+    GIPIDatetimeAdapter.prototype.isValid = function (date) {
+        return this._delegate.isValid(date);
+    };
+    GIPIDatetimeAdapter.prototype.invalid = function () {
+        return this._delegate.invalid();
+    };
+    GIPIDatetimeAdapter.prototype.clampDate = function (date, min, max) {
+        if (min && this.compareDatetime(date, min) < 0) {
+            return min;
+        }
+        if (max && this.compareDatetime(date, max) > 0) {
+            return max;
+        }
+        return date;
+    };
+    return GIPIDatetimeAdapter;
+}(DateAdapter$1));
+
+var yearsPerPage$2 = 24;
+var yearsPerRow$1 = 4;
+/**
+ * An internal component used to display multiple years in the datepicker.
+ * @docs-private
+ */
+var GIPIDatetimepickerMultiYearViewComponent = /** @class */ (function () {
+    function GIPIDatetimepickerMultiYearViewComponent(_adapter, _dateFormats) {
+        this._adapter = _adapter;
+        this._dateFormats = _dateFormats;
+        this.type = 'date';
+        /** Emits when a new month is selected. */
+        this.selectedChange = new EventEmitter();
+        this._userSelection = new EventEmitter();
+        if (!this._adapter) {
+            throw createMissingDateImplError$1('GIPIDatetimeAdapter');
+        }
+        if (!this._dateFormats) {
+            throw createMissingDateImplError$1('GIPI_DATETIME_FORMATS');
+        }
+        this._activeDate = this._adapter.today();
+    }
+    Object.defineProperty(GIPIDatetimepickerMultiYearViewComponent.prototype, "activeDate", {
+        get: function () {
+            return this._activeDate;
+        },
+        set: function (value) {
+            var oldActiveDate = this._activeDate;
+            this._activeDate = value || this._adapter.today();
+            if (oldActiveDate && this._activeDate && !isSameMultiYearView$1(this._adapter, oldActiveDate, this._activeDate, this.minDate, this.maxDate)) {
+                this._init();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerMultiYearViewComponent.prototype, "selected", {
+        get: function () {
+            return this._selected;
+        },
+        set: function (value) {
+            this._selected = value;
+            this._selectedYear = this._selected && this._adapter.getYear(this._selected);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerMultiYearViewComponent.prototype, "minDate", {
+        get: function () {
+            return this._minDate;
+        },
+        set: function (value) {
+            this._minDate = this._getValidDateOrNull(this._adapter.deserialize(value));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerMultiYearViewComponent.prototype, "maxDate", {
+        get: function () {
+            return this._maxDate;
+        },
+        set: function (value) {
+            this._maxDate = this._getValidDateOrNull(this._adapter.deserialize(value));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    GIPIDatetimepickerMultiYearViewComponent.prototype.ngAfterContentInit = function () {
+        this._init();
+    };
+    /** Handles when a new year is selected. */
+    GIPIDatetimepickerMultiYearViewComponent.prototype._yearSelected = function (year) {
+        var month = this._adapter.getMonth(this.activeDate);
+        var normalizedDate = this._adapter.createDatetime(year, month, 1, 0, 0);
+        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)));
+        if (this.type === 'year') {
+            this._userSelection.emit();
+        }
+    };
+    GIPIDatetimepickerMultiYearViewComponent.prototype._getActiveCell = function () {
+        return getActiveOffset$1(this._adapter, this.activeDate, this.minDate, this.maxDate);
+    };
+    GIPIDatetimepickerMultiYearViewComponent.prototype._calendarStateDone = function () {
+        this._calendarState = '';
+    };
+    /** Initializes this year view. */
+    GIPIDatetimepickerMultiYearViewComponent.prototype._init = function () {
+        var _this = this;
+        this._todayYear = this._adapter.getYear(this._adapter.today());
+        this._yearLabel = this._adapter.getYearName(this.activeDate);
+        var activeYear = this._adapter.getYear(this.activeDate);
+        var minYearOfPage = activeYear - getActiveOffset$1(this._adapter, this.activeDate, this.minDate, this.maxDate);
+        this._years = [];
+        for (var i = 0, row = []; i < yearsPerPage$2; i++) {
+            row.push(minYearOfPage + i);
+            if (row.length == yearsPerRow$1) {
+                this._years.push(row.map(function (year) { return _this._createCellForYear(year); }));
+                row = [];
+            }
+        }
+    };
+    /** Creates an GIPIDatetimepickerCalendarCell for the given year. */
+    GIPIDatetimepickerMultiYearViewComponent.prototype._createCellForYear = function (year) {
+        var yearName = this._adapter.getYearName(this._adapter.createDate(year, 0, 1));
+        return new GIPIDatetimepickerCalendarCell(year, yearName, yearName, this._shouldEnableYear(year));
+    };
+    /** Whether the given year is enabled. */
+    GIPIDatetimepickerMultiYearViewComponent.prototype._shouldEnableYear = function (year) {
+        // disable if the year is greater than maxDate lower than minDate
+        if (year === undefined ||
+            year === null ||
+            (this.maxDate && year > this._adapter.getYear(this.maxDate)) ||
+            (this.minDate && year < this._adapter.getYear(this.minDate))) {
+            return false;
+        }
+        // enable if it reaches here and there's no filter defined
+        if (!this.dateFilter) {
+            return true;
+        }
+        var firstOfYear = this._adapter.createDate(year, 0, 1);
+        // If any date in the year is enabled count the year as enabled.
+        for (var date = firstOfYear; this._adapter.getYear(date) == year; date = this._adapter.addCalendarDays(date, 1)) {
+            if (this.dateFilter(date)) {
+                return true;
+            }
+        }
+        return false;
+    };
+    /**
+     * Gets the year in this years range that the given Date falls on.
+     * Returns null if the given Date is not in this range.
+     */
+    GIPIDatetimepickerMultiYearViewComponent.prototype._getYearInCurrentRange = function (date) {
+        var year = this._adapter.getYear(date);
+        return this._isInRange(year) ? year : null;
+    };
+    /**
+     * Validate if the current year is in the current range
+     * Returns true if is in range else returns false
+     */
+    GIPIDatetimepickerMultiYearViewComponent.prototype._isInRange = function (year) {
+        return true;
+    };
+    /**
+     * @param obj The object to check.
+     * @returns The given object if it is both a date instance and valid, otherwise null.
+     */
+    GIPIDatetimepickerMultiYearViewComponent.prototype._getValidDateOrNull = function (obj) {
+        return this._adapter.isDateInstance(obj) && this._adapter.isValid(obj) ? obj : null;
+    };
+    GIPIDatetimepickerMultiYearViewComponent.ctorParameters = function () { return [
+        { type: GIPIDatetimeAdapter, decorators: [{ type: Optional }] },
+        { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [GIPI_DATETIME_FORMATS,] }] }
+    ]; };
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], GIPIDatetimepickerMultiYearViewComponent.prototype, "type", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Function)
+    ], GIPIDatetimepickerMultiYearViewComponent.prototype, "dateFilter", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], GIPIDatetimepickerMultiYearViewComponent.prototype, "activeDate", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], GIPIDatetimepickerMultiYearViewComponent.prototype, "selected", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], GIPIDatetimepickerMultiYearViewComponent.prototype, "minDate", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], GIPIDatetimepickerMultiYearViewComponent.prototype, "maxDate", null);
+    __decorate([
+        Output(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerMultiYearViewComponent.prototype, "selectedChange", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerMultiYearViewComponent.prototype, "_userSelection", void 0);
+    GIPIDatetimepickerMultiYearViewComponent = __decorate([
+        Component({
+            selector: 'gipi-mat-datetime-picker-multi-year-view',
+            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>",
+            animations: [slideCalendar],
+            encapsulation: ViewEncapsulation.None,
+            changeDetection: ChangeDetectionStrategy.OnPush
+        }),
+        __param(0, Optional()),
+        __param(1, Optional()),
+        __param(1, Inject(GIPI_DATETIME_FORMATS)),
+        __metadata("design:paramtypes", [GIPIDatetimeAdapter, Object])
+    ], GIPIDatetimepickerMultiYearViewComponent);
+    return GIPIDatetimepickerMultiYearViewComponent;
+}());
+function isSameMultiYearView$1(dateAdapter, date1, date2, minDate, maxDate) {
+    var year1 = dateAdapter.getYear(date1);
+    var year2 = dateAdapter.getYear(date2);
+    var startingYear = getStartingYear$1(dateAdapter, minDate, maxDate);
+    return (Math.floor((year1 - startingYear) / yearsPerPage$2) === Math.floor((year2 - startingYear) / yearsPerPage$2));
+}
+/**
+ * When the multi-year view is first opened, the active year will be in view.
+ * So we compute how many years are between the active year and the *slot* where our
+ * "startingYear" will render when paged into view.
+ */
+function getActiveOffset$1(dateAdapter, activeDate, minDate, maxDate) {
+    var activeYear = dateAdapter.getYear(activeDate);
+    return euclideanModulo$1(activeYear - getStartingYear$1(dateAdapter, minDate, maxDate), yearsPerPage$2);
+}
+/**
+ * We pick a "starting" year such that either the maximum year would be at the end
+ * or the minimum year would be at the beginning of a page.
+ */
+function getStartingYear$1(dateAdapter, minDate, maxDate) {
+    var startingYear = 0;
+    if (maxDate) {
+        var maxYear = dateAdapter.getYear(maxDate);
+        startingYear = maxYear - yearsPerPage$2 + 1;
+    }
+    else if (minDate) {
+        startingYear = dateAdapter.getYear(minDate);
+    }
+    return startingYear;
+}
+/** Gets remainder that is non-negative, even if first number is negative */
+function euclideanModulo$1(a, b) {
+    return ((a % b) + b) % b;
+}
+
+/**
+ * A calendar that is used as part of the datepicker.
+ * @docs-private
+ */
+var GIPIDatetimepickerCalendarComponent = /** @class */ (function () {
+    function GIPIDatetimepickerCalendarComponent(_elementRef, _intl, _ngZone, _adapter, _dateFormats, changeDetectorRef) {
+        var _this = this;
+        this._elementRef = _elementRef;
+        this._intl = _intl;
+        this._ngZone = _ngZone;
+        this._adapter = _adapter;
+        this._dateFormats = _dateFormats;
+        this._clockView = 'hour';
+        /** Active multi year view when click on year. */
+        this.multiYearSelector = true;
+        /** Whether the calendar should be started in month or year view. */
+        this.startView = 'month';
+        this.twelvehour = false;
+        this.timeInterval = 1;
+        this.ariaLabel = 'Use arrow keys to navigate';
+        this.ariaNextMonthLabel = 'Next month';
+        this.ariaPrevMonthLabel = 'Previous month';
+        this.ariaNextYearLabel = 'Next year';
+        this.ariaPrevYearLabel = 'Previous year';
+        this.ariaNextMultiYearLabel = 'Next year range';
+        this.ariaPrevMultiYearLabel = 'Previous year range';
+        /** Prevent user to select same date time */
+        this.preventSameDateTimeSelection = false;
+        this._type = 'date';
+        /** Emits when the currently selected date changes. */
+        this.selectedChange = new EventEmitter();
+        /** Emits when the view has been changed. **/
+        this.viewChanged = new EventEmitter();
+        this._userSelection = new EventEmitter();
+        /** Date filter for the month and year views. */
+        this._dateFilterForViews = function (date) {
+            return (!!date &&
+                (!_this.dateFilter || _this.dateFilter(date, GIPIDatetimepickerFilterType.DATE)) &&
+                (!_this.minDate || _this._adapter.compareDate(date, _this.minDate) >= 0) &&
+                (!_this.maxDate || _this._adapter.compareDate(date, _this.maxDate) <= 0));
+        };
+        if (!this._adapter) {
+            throw createMissingDateImplError$1('GIPIDatetimeAdapter');
+        }
+        if (!this._dateFormats) {
+            throw createMissingDateImplError$1('GIPI_DATETIME_FORMATS');
+        }
+        this._intlChanges = _intl.changes.subscribe(function () { return changeDetectorRef.markForCheck(); });
+    }
+    Object.defineProperty(GIPIDatetimepickerCalendarComponent.prototype, "type", {
+        get: function () {
+            return this._type;
+        },
+        set: function (value) {
+            this._type = value || 'date';
+            if (this.type === 'year') {
+                this.multiYearSelector = true;
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerCalendarComponent.prototype, "startAt", {
+        get: function () {
+            return this._startAt;
+        },
+        set: function (value) {
+            this._startAt = this._adapter.getValidDateOrNull(value);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerCalendarComponent.prototype, "selected", {
+        get: function () {
+            return this._selected;
+        },
+        set: function (value) {
+            this._selected = this._adapter.getValidDateOrNull(value);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerCalendarComponent.prototype, "minDate", {
+        get: function () {
+            return this._minDate;
+        },
+        set: function (value) {
+            this._minDate = this._adapter.getValidDateOrNull(value);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerCalendarComponent.prototype, "maxDate", {
+        get: function () {
+            return this._maxDate;
+        },
+        set: function (value) {
+            this._maxDate = this._adapter.getValidDateOrNull(value);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerCalendarComponent.prototype, "_activeDate", {
+        /** The current active date. This determines which time period is shown and which date is highlighted when using keyboard navigation. */
+        get: function () {
+            return this._clampedActiveDate;
+        },
+        set: function (value) {
+            var oldActiveDate = this._clampedActiveDate;
+            this._clampedActiveDate = this._adapter.clampDate(value, this.minDate, this.maxDate);
+            if (oldActiveDate &&
+                this._clampedActiveDate &&
+                this.currentView === 'month' &&
+                !this._adapter.sameMonthAndYear(oldActiveDate, this._clampedActiveDate)) {
+                if (this._adapter.isInNextMonth(oldActiveDate, this._clampedActiveDate)) {
+                    this.calendarState('right');
+                }
+                else {
+                    this.calendarState('left');
+                }
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerCalendarComponent.prototype, "currentView", {
+        get: function () {
+            return this._currentView;
+        },
+        set: function (view) {
+            this._currentView = view;
+            this.viewChanged.emit(view);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerCalendarComponent.prototype, "_yearLabel", {
+        /** The label for the current calendar view. */
+        get: function () {
+            return this._adapter.getYearName(this._activeDate);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerCalendarComponent.prototype, "_monthYearLabel", {
+        get: function () {
+            if (this.currentView === 'multi-year') {
+                // The offset from the active year to the "slot" for the starting year is the
+                // *actual* first rendered year in the multi-year view, and the last year is
+                // just yearsPerPage - 1 away.
+                var activeYear = this._adapter.getYear(this._activeDate);
+                var minYearOfPage = activeYear - getActiveOffset$1(this._adapter, this._activeDate, this.minDate, this.maxDate);
+                var maxYearOfPage = minYearOfPage + yearsPerPage$2 - 1;
+                var minYearName = this._adapter.getYearName(this._adapter.createDate(minYearOfPage, 0, 1));
+                var maxYearName = this._adapter.getYearName(this._adapter.createDate(maxYearOfPage, 0, 1));
+                return this._intl.formatYearRange(minYearName, maxYearName);
+            }
+            return this.currentView === 'month'
+                ? this._adapter.getMonthNames('long')[this._adapter.getMonth(this._activeDate)]
+                : this._adapter.getYearName(this._activeDate);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerCalendarComponent.prototype, "_dateLabel", {
+        get: function () {
+            switch (this.type) {
+                case 'month': return this._adapter.getMonthNames('long')[this._adapter.getMonth(this._activeDate)];
+                default: return this._adapter.format(this._activeDate, this._dateFormats.display.popupHeaderDateLabel);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerCalendarComponent.prototype, "periodButtonLabel", {
+        get: function () {
+            return this.currentView == 'month' ? this._intl.switchToMultiYearViewLabel : this._intl.switchToMonthViewLabel;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerCalendarComponent.prototype, "prevButtonLabel", {
+        /** The label for the previous button. */
+        get: function () {
+            return {
+                'month': this._intl.prevMonthLabel,
+                'year': this._intl.prevYearLabel,
+                'multi-year': this._intl.prevMultiYearLabel
+            }[this.currentView];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerCalendarComponent.prototype, "nextButtonLabel", {
+        /** The label for the next button. */
+        get: function () {
+            return {
+                'month': this._intl.nextMonthLabel,
+                'year': this._intl.nextYearLabel,
+                'multi-year': this._intl.nextMultiYearLabel
+            }[this.currentView];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerCalendarComponent.prototype, "_hoursLabel", {
+        get: function () {
+            var hour = this._adapter.getHour(this._activeDate);
+            if (!!this.twelvehour) {
+                if (hour === 0) {
+                    hour = 24;
+                }
+                hour = hour > 12 ? hour - 12 : hour;
+            }
+            return this._2digit(hour);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerCalendarComponent.prototype, "_minutesLabel", {
+        get: function () {
+            return this._2digit(this._adapter.getMinute(this._activeDate));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerCalendarComponent.prototype, "_ariaLabelNext", {
+        get: function () {
+            switch (this._currentView) {
+                case 'month': return this.ariaNextMonthLabel;
+                case 'year': return this.ariaNextYearLabel;
+                case 'multi-year': return this.ariaNextMultiYearLabel;
+                default: return '';
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerCalendarComponent.prototype, "_ariaLabelPrev", {
+        get: function () {
+            switch (this._currentView) {
+                case 'month': return this.ariaPrevMonthLabel;
+                case 'year': return this.ariaPrevYearLabel;
+                case 'multi-year': return this.ariaPrevMultiYearLabel;
+                default: return '';
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    GIPIDatetimepickerCalendarComponent.prototype.ngAfterContentInit = function () {
+        this._activeDate = this.startAt || this._adapter.today();
+        this._selectAMPM(this._activeDate);
+        this._focusActiveCell();
+        if (this.type === 'year') {
+            this.currentView = 'multi-year';
+        }
+        else if (this.type === 'month') {
+            this.currentView = 'year';
+        }
+        else if (this.type === 'time') {
+            this.currentView = 'clock';
+        }
+        else {
+            this.currentView = this.startView || 'month';
+        }
+    };
+    GIPIDatetimepickerCalendarComponent.prototype.ngOnDestroy = function () {
+        this._intlChanges.unsubscribe();
+    };
+    GIPIDatetimepickerCalendarComponent.prototype._userSelected = function () {
+        this._userSelection.emit();
+    };
+    /** Handles date selection in the month view. */
+    GIPIDatetimepickerCalendarComponent.prototype._dateSelected = function (date) {
+        if (this.type === 'date') {
+            if (!this._adapter.sameDate(date, this.selected) ||
+                !this.preventSameDateTimeSelection) {
+                this.selectedChange.emit(date);
+            }
+        }
+        else {
+            this._activeDate = date;
+            this.currentView = 'clock';
+        }
+    };
+    /** Handles month selection in the year view. */
+    GIPIDatetimepickerCalendarComponent.prototype._monthSelected = function (month) {
+        if (this.type === 'month') {
+            if (!this._adapter.sameMonthAndYear(month, this.selected) ||
+                !this.preventSameDateTimeSelection) {
+                this.selectedChange.emit(this._adapter.getFirstDateOfMonth(month));
+            }
+        }
+        else {
+            this._activeDate = month;
+            this.currentView = 'month';
+            this._clockView = 'hour';
+        }
+    };
+    /** Handles year selection in the multi year view. */
+    GIPIDatetimepickerCalendarComponent.prototype._yearSelected = function (year) {
+        if (this.type === 'year') {
+            if (!this._adapter.sameYear(year, this.selected) ||
+                !this.preventSameDateTimeSelection) {
+                var normalizedDate = this._adapter.createDatetime(this._adapter.getYear(year), 0, 1, 0, 0);
+                this.selectedChange.emit(normalizedDate);
+            }
+        }
+        else {
+            this._activeDate = year;
+            this.currentView = 'year';
+        }
+    };
+    GIPIDatetimepickerCalendarComponent.prototype._timeSelected = function (date) {
+        if (this._clockView !== 'minute') {
+            this._activeDate = this._updateDate(date);
+            this._clockView = 'minute';
+        }
+        else {
+            if (!this._adapter.sameDatetime(date, this.selected) ||
+                !this.preventSameDateTimeSelection) {
+                this.selectedChange.emit(date);
+            }
+        }
+    };
+    GIPIDatetimepickerCalendarComponent.prototype._onActiveDateChange = function (date) {
+        this._activeDate = date;
+    };
+    GIPIDatetimepickerCalendarComponent.prototype._updateDate = function (date) {
+        if (!!this.twelvehour) {
+            var HOUR = this._adapter.getHour(date);
+            if (HOUR === 12) {
+                if (this._AMPM === 'AM') {
+                    return this._adapter.addCalendarHours(date, -12);
+                }
+            }
+            else if (this._AMPM === 'PM') {
+                return this._adapter.addCalendarHours(date, 12);
+            }
+        }
+        return date;
+    };
+    GIPIDatetimepickerCalendarComponent.prototype._selectAMPM = function (date) {
+        if (this._adapter.getHour(date) > 11) {
+            this._AMPM = 'PM';
+        }
+        else {
+            this._AMPM = 'AM';
+        }
+    };
+    GIPIDatetimepickerCalendarComponent.prototype._ampmClicked = function (source) {
+        if (source === this._AMPM) {
+            return;
+        }
+        this._AMPM = source;
+        if (this._AMPM === 'AM') {
+            this._activeDate = this._adapter.addCalendarHours(this._activeDate, -12);
+        }
+        else {
+            this._activeDate = this._adapter.addCalendarHours(this._activeDate, 12);
+        }
+    };
+    GIPIDatetimepickerCalendarComponent.prototype._yearClicked = function () {
+        if (this.type === 'year' || this.multiYearSelector) {
+            this.currentView = 'multi-year';
+            return;
+        }
+        this.currentView = 'year';
+    };
+    GIPIDatetimepickerCalendarComponent.prototype._dateClicked = function () {
+        if (this.type !== 'month') {
+            this.currentView = 'month';
+        }
+    };
+    GIPIDatetimepickerCalendarComponent.prototype._hoursClicked = function () {
+        this.currentView = 'clock';
+        this._clockView = 'hour';
+    };
+    GIPIDatetimepickerCalendarComponent.prototype._minutesClicked = function () {
+        this.currentView = 'clock';
+        this._clockView = 'minute';
+    };
+    /** Handles user clicks on the previous button. */
+    GIPIDatetimepickerCalendarComponent.prototype._previousClicked = function () {
+        this._activeDate = this.currentView === 'month'
+            ? this._adapter.addCalendarMonths(this._activeDate, -1)
+            : this._adapter.addCalendarYears(this._activeDate, this.currentView === 'year' ? -1 : -yearsPerPage$2);
+    };
+    /** Handles user clicks on the next button. */
+    GIPIDatetimepickerCalendarComponent.prototype._nextClicked = function () {
+        this._activeDate = (this.currentView === 'month')
+            ? this._adapter.addCalendarMonths(this._activeDate, 1)
+            : this._adapter.addCalendarYears(this._activeDate, this.currentView === 'year' ? 1 : yearsPerPage$2);
+    };
+    /** Whether the previous period button is enabled. */
+    GIPIDatetimepickerCalendarComponent.prototype._previousEnabled = function () {
+        if (!this.minDate) {
+            return true;
+        }
+        return !this.minDate || !this._isSameView(this._activeDate, this.minDate);
+    };
+    /** Whether the next period button is enabled. */
+    GIPIDatetimepickerCalendarComponent.prototype._nextEnabled = function () {
+        return !this.maxDate || !this._isSameView(this._activeDate, this.maxDate);
+    };
+    /** Handles keydown events on the calendar body. */
+    GIPIDatetimepickerCalendarComponent.prototype._handleCalendarBodyKeydown = function (event) {
+        // TODO(mmalerba): We currently allow keyboard navigation to disabled dates, but just prevent
+        // disabled ones from being selected. This may not be ideal, we should look into whether
+        // navigation should skip over disabled dates, and if so, how to implement that efficiently.
+        if (this.currentView === 'month') {
+            this._handleCalendarBodyKeydownInMonthView(event);
+        }
+        else if (this.currentView === 'year') {
+            this._handleCalendarBodyKeydownInYearView(event);
+        }
+        else if (this.currentView === 'multi-year') {
+            this._handleCalendarBodyKeydownInMultiYearView(event);
+        }
+        else {
+            this._handleCalendarBodyKeydownInClockView(event);
+        }
+    };
+    GIPIDatetimepickerCalendarComponent.prototype._focusActiveCell = function () {
+        var _this = this;
+        this._ngZone.runOutsideAngular(function () {
+            _this._ngZone.onStable
+                .asObservable()
+                .pipe(first())
+                .subscribe(function () { return _this._elementRef.nativeElement.focus(); });
+        });
+    };
+    GIPIDatetimepickerCalendarComponent.prototype._calendarStateDone = function () {
+        this._calendarState = '';
+    };
+    /** Whether the two dates represent the same view in the current view mode (month or year). */
+    GIPIDatetimepickerCalendarComponent.prototype._isSameView = function (date1, date2) {
+        if (this.currentView === 'month') {
+            return (this._adapter.getYear(date1) === this._adapter.getYear(date2) &&
+                this._adapter.getMonth(date1) === this._adapter.getMonth(date2));
+        }
+        if (this.currentView === 'year') {
+            return this._adapter.getYear(date1) === this._adapter.getYear(date2);
+        }
+        // Otherwise we are in 'multi-year' view.
+        return isSameMultiYearView$1(this._adapter, date1, date2, this.minDate, this.maxDate);
+    };
+    /** Handles keydown events on the calendar body when calendar is in month view. */
+    GIPIDatetimepickerCalendarComponent.prototype._handleCalendarBodyKeydownInMonthView = function (event) {
+        switch (event.keyCode) {
+            case LEFT_ARROW:
+                this._activeDate = this._adapter.addCalendarDays(this._activeDate, -1);
+                break;
+            case RIGHT_ARROW:
+                this._activeDate = this._adapter.addCalendarDays(this._activeDate, 1);
+                break;
+            case UP_ARROW:
+                this._activeDate = this._adapter.addCalendarDays(this._activeDate, -7);
+                break;
+            case DOWN_ARROW:
+                this._activeDate = this._adapter.addCalendarDays(this._activeDate, 7);
+                break;
+            case HOME:
+                this._activeDate = this._adapter.addCalendarDays(this._activeDate, 1 - this._adapter.getDate(this._activeDate));
+                break;
+            case END:
+                this._activeDate = this._adapter.addCalendarDays(this._activeDate, this._adapter.getNumDaysInMonth(this._activeDate) - this._adapter.getDate(this._activeDate));
+                break;
+            case PAGE_UP:
+                this._activeDate = event.altKey
+                    ? this._adapter.addCalendarYears(this._activeDate, -1)
+                    : this._adapter.addCalendarMonths(this._activeDate, -1);
+                break;
+            case PAGE_DOWN:
+                this._activeDate = event.altKey
+                    ? this._adapter.addCalendarYears(this._activeDate, 1)
+                    : this._adapter.addCalendarMonths(this._activeDate, 1);
+                break;
+            case ENTER:
+                if (this._dateFilterForViews(this._activeDate)) {
+                    this._dateSelected(this._activeDate);
+                    // Prevent unexpected default actions such as form submission.
+                    event.preventDefault();
+                }
+                return;
+            default:
+                // Don't prevent default or focus active cell on keys that we don't explicitly handle.
+                return;
+        }
+        // Prevent unexpected default actions such as form submission.
+        event.preventDefault();
+    };
+    /** Handles keydown events on the calendar body when calendar is in year view. */
+    GIPIDatetimepickerCalendarComponent.prototype._handleCalendarBodyKeydownInYearView = function (event) {
+        switch (event.keyCode) {
+            case LEFT_ARROW:
+                this._activeDate = this._adapter.addCalendarMonths(this._activeDate, -1);
+                break;
+            case RIGHT_ARROW:
+                this._activeDate = this._adapter.addCalendarMonths(this._activeDate, 1);
+                break;
+            case UP_ARROW:
+                this._activeDate = this._prevMonthInSameCol(this._activeDate);
+                break;
+            case DOWN_ARROW:
+                this._activeDate = this._nextMonthInSameCol(this._activeDate);
+                break;
+            case HOME:
+                this._activeDate = this._adapter.addCalendarMonths(this._activeDate, -this._adapter.getMonth(this._activeDate));
+                break;
+            case END:
+                this._activeDate = this._adapter.addCalendarMonths(this._activeDate, 11 - this._adapter.getMonth(this._activeDate));
+                break;
+            case PAGE_UP:
+                this._activeDate = this._adapter.addCalendarYears(this._activeDate, event.altKey ? -10 : -1);
+                break;
+            case PAGE_DOWN:
+                this._activeDate = this._adapter.addCalendarYears(this._activeDate, event.altKey ? 10 : 1);
+                break;
+            case ENTER:
+                this._monthSelected(this._activeDate);
+                break;
+            default:
+                // Don't prevent default or focus active cell on keys that we don't explicitly handle.
+                return;
+        }
+        // Prevent unexpected default actions such as form submission.
+        event.preventDefault();
+    };
+    /** Handles keydown events on the calendar body when calendar is in multi-year view. */
+    GIPIDatetimepickerCalendarComponent.prototype._handleCalendarBodyKeydownInMultiYearView = function (event) {
+        switch (event.keyCode) {
+            case LEFT_ARROW:
+                this._activeDate = this._adapter.addCalendarYears(this._activeDate, -1);
+                break;
+            case RIGHT_ARROW:
+                this._activeDate = this._adapter.addCalendarYears(this._activeDate, 1);
+                break;
+            case UP_ARROW:
+                this._activeDate = this._adapter.addCalendarYears(this._activeDate, -yearsPerRow$1);
+                break;
+            case DOWN_ARROW:
+                this._activeDate = this._adapter.addCalendarYears(this._activeDate, yearsPerRow$1);
+                break;
+            case HOME:
+                this._activeDate = this._adapter.addCalendarYears(this._activeDate, -getActiveOffset$1(this._adapter, this._activeDate, this.minDate, this.maxDate));
+                break;
+            case END:
+                this._activeDate = this._adapter.addCalendarYears(this._activeDate, yearsPerPage$2 - getActiveOffset$1(this._adapter, this._activeDate, this.minDate, this.maxDate) - 1);
+                break;
+            case PAGE_UP:
+                this._activeDate = this._adapter.addCalendarYears(this._activeDate, event.altKey ? -yearsPerPage$2 * 10 : -yearsPerPage$2);
+                break;
+            case PAGE_DOWN:
+                this._activeDate = this._adapter.addCalendarYears(this._activeDate, event.altKey ? yearsPerPage$2 * 10 : yearsPerPage$2);
+                break;
+            case ENTER:
+                this._yearSelected(this._activeDate);
+                break;
+            default:
+                // Don't prevent default or focus active cell on keys that we don't explicitly handle.
+                return;
+        }
+    };
+    /** Handles keydown events on the calendar body when calendar is in month view. */
+    GIPIDatetimepickerCalendarComponent.prototype._handleCalendarBodyKeydownInClockView = function (event) {
+        switch (event.keyCode) {
+            case UP_ARROW:
+                this._activeDate = this._clockView === 'hour'
+                    ? this._adapter.addCalendarHours(this._activeDate, 1)
+                    : this._adapter.addCalendarMinutes(this._activeDate, 1);
+                break;
+            case DOWN_ARROW:
+                this._activeDate = this._clockView === 'hour'
+                    ? this._adapter.addCalendarHours(this._activeDate, -1)
+                    : this._adapter.addCalendarMinutes(this._activeDate, -1);
+                break;
+            case ENTER:
+                this._timeSelected(this._activeDate);
+                return;
+            default:
+                // Don't prevent default or focus active cell on keys that we don't explicitly handle.
+                return;
+        }
+        // Prevent unexpected default actions such as form submission.
+        event.preventDefault();
+    };
+    /**
+     * Determine the date for the month that comes before the given month in the same column in the
+     * calendar table.
+     */
+    GIPIDatetimepickerCalendarComponent.prototype._prevMonthInSameCol = function (date) {
+        // Determine how many months to jump forward given that there are 2 empty slots at the beginning of each year.
+        var increment = this._adapter.getMonth(date) <= 4 ? -5 : this._adapter.getMonth(date) >= 7 ? -7 : -12;
+        return this._adapter.addCalendarMonths(date, increment);
+    };
+    /**
+     * Determine the date for the month that comes after the given month in the same column in the
+     * calendar table.
+     */
+    GIPIDatetimepickerCalendarComponent.prototype._nextMonthInSameCol = function (date) {
+        // Determine how many months to jump forward given that there are 2 empty slots at the beginning of each year.
+        var increment = this._adapter.getMonth(date) <= 4 ? 7 : this._adapter.getMonth(date) >= 7 ? 5 : 12;
+        return this._adapter.addCalendarMonths(date, increment);
+    };
+    GIPIDatetimepickerCalendarComponent.prototype.calendarState = function (direction) {
+        this._calendarState = direction;
+    };
+    GIPIDatetimepickerCalendarComponent.prototype._2digit = function (n) {
+        return ('00' + n).slice(-2);
+    };
+    GIPIDatetimepickerCalendarComponent.ctorParameters = function () { return [
+        { type: ElementRef },
+        { type: MatDatepickerIntl$1 },
+        { type: NgZone },
+        { type: GIPIDatetimeAdapter, decorators: [{ type: Optional }] },
+        { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [GIPI_DATETIME_FORMATS,] }] },
+        { type: ChangeDetectorRef }
+    ]; };
+    __decorate([
+        Input(),
+        __metadata("design:type", Boolean)
+    ], GIPIDatetimepickerCalendarComponent.prototype, "multiYearSelector", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], GIPIDatetimepickerCalendarComponent.prototype, "startView", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Boolean)
+    ], GIPIDatetimepickerCalendarComponent.prototype, "twelvehour", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Number)
+    ], GIPIDatetimepickerCalendarComponent.prototype, "timeInterval", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Function)
+    ], GIPIDatetimepickerCalendarComponent.prototype, "dateFilter", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerCalendarComponent.prototype, "ariaLabel", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerCalendarComponent.prototype, "ariaNextMonthLabel", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerCalendarComponent.prototype, "ariaPrevMonthLabel", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerCalendarComponent.prototype, "ariaNextYearLabel", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerCalendarComponent.prototype, "ariaPrevYearLabel", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerCalendarComponent.prototype, "ariaNextMultiYearLabel", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerCalendarComponent.prototype, "ariaPrevMultiYearLabel", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerCalendarComponent.prototype, "preventSameDateTimeSelection", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String),
+        __metadata("design:paramtypes", [String])
+    ], GIPIDatetimepickerCalendarComponent.prototype, "type", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], GIPIDatetimepickerCalendarComponent.prototype, "startAt", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], GIPIDatetimepickerCalendarComponent.prototype, "selected", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], GIPIDatetimepickerCalendarComponent.prototype, "minDate", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], GIPIDatetimepickerCalendarComponent.prototype, "maxDate", null);
+    __decorate([
+        Output(),
+        __metadata("design:type", EventEmitter)
+    ], GIPIDatetimepickerCalendarComponent.prototype, "selectedChange", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", EventEmitter)
+    ], GIPIDatetimepickerCalendarComponent.prototype, "viewChanged", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerCalendarComponent.prototype, "_userSelection", void 0);
+    GIPIDatetimepickerCalendarComponent = __decorate([
+        Component({
+            selector: 'gipi-mat-datetime-picker-calendar',
+            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>",
+            animations: [slideCalendar],
+            encapsulation: ViewEncapsulation.None,
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            host: {
+                '[class.gipi-mat-datetime-picker-calendar]': 'true',
+                '[attr.aria-label]': 'ariaLabel',
+                role: 'dialog',
+                tabindex: '0',
+                '(keydown)': '_handleCalendarBodyKeydown($event)',
+            },
+            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}}"]
+        }),
+        __param(3, Optional()),
+        __param(4, Optional()), __param(4, Inject(GIPI_DATETIME_FORMATS)),
+        __metadata("design:paramtypes", [ElementRef,
+            MatDatepickerIntl$1,
+            NgZone,
+            GIPIDatetimeAdapter, Object, ChangeDetectorRef])
+    ], GIPIDatetimepickerCalendarComponent);
+    return GIPIDatetimepickerCalendarComponent;
+}());
+
+/** Used to generate a unique ID for each datepicker instance. */
+var datetimepickerUid = 0;
+/**
+ * Component used as the content for the datepicker dialog and popup. We use this instead of using
+ * MatCalendar directly as the content so we can control the initial focus. This also gives us a
+ * place to put additional features of the popup that are not part of the calendar itself in the
+ * future. (e.g. confirmation buttons).
+ * @docs-private
+ */
+var GIPIDatetimepickerContentComponent = /** @class */ (function () {
+    function GIPIDatetimepickerContentComponent() {
+    }
+    GIPIDatetimepickerContentComponent.prototype.ngAfterContentInit = function () {
+        this._calendar._focusActiveCell();
+    };
+    GIPIDatetimepickerContentComponent.prototype.onSelectionChange = function (date) {
+        this.datetimepicker._select(date);
+        this.datetimepicker.close();
+    };
+    /**
+     * Handles keydown event on datepicker content.
+     * @param event The event.
+     */
+    GIPIDatetimepickerContentComponent.prototype._handleKeydown = function (event) {
+        if (event.keyCode === ESCAPE) {
+            this.datetimepicker.close();
+            event.preventDefault();
+            event.stopPropagation();
+        }
+    };
+    __decorate([
+        ViewChild(GIPIDatetimepickerCalendarComponent, { static: true }),
+        __metadata("design:type", GIPIDatetimepickerCalendarComponent)
+    ], GIPIDatetimepickerContentComponent.prototype, "_calendar", void 0);
+    GIPIDatetimepickerContentComponent = __decorate([
+        Component({
+            selector: 'gipi-mat-datetime-picker-content',
+            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>",
+            encapsulation: ViewEncapsulation.None,
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            host: {
+                class: 'gipi-mat-datetime-picker-content',
+                '[class.gipi-mat-datetime-picker-content-touch]': 'datetimepicker?.touchUi',
+                '(keydown)': '_handleKeydown($event)',
+            },
+            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}"]
+        })
+    ], GIPIDatetimepickerContentComponent);
+    return GIPIDatetimepickerContentComponent;
+}());
+var GIPIDatetimepickerComponent = /** @class */ (function () {
+    function GIPIDatetimepickerComponent(_dialog, _overlay, _ngZone, _viewContainerRef, _scrollStrategy, _dateAdapter, _dir, _document) {
+        this._dialog = _dialog;
+        this._overlay = _overlay;
+        this._ngZone = _ngZone;
+        this._viewContainerRef = _viewContainerRef;
+        this._scrollStrategy = _scrollStrategy;
+        this._dateAdapter = _dateAdapter;
+        this._dir = _dir;
+        this._document = _document;
+        /** Whether the calendar is open. */
+        this.opened = false;
+        /** The id for the datepicker calendar. */
+        this.id = "gipi-mat-datetime-picker-" + datetimepickerUid++;
+        /** Emits when the datepicker is disabled. */
+        this._disabledChange = new Subject();
+        this._validSelected = null;
+        /** The element that was focused before the datepicker was opened. */
+        this._focusedElementBeforeOpen = null;
+        this._inputSubscription = Subscription.EMPTY;
+        /** Active multi year view when click on year. */
+        this.multiYearSelector = false;
+        /** if true change the clock to 12 hour format. */
+        this.twelvehour = false;
+        /** The view that the calendar should start in. */
+        this.startView = 'month';
+        this.mode = 'auto';
+        this.timeInterval = 1;
+        this.ariaNextMonthLabel = 'Next month';
+        this.ariaPrevMonthLabel = 'Previous month';
+        this.ariaNextYearLabel = 'Next year';
+        this.ariaPrevYearLabel = 'Previous year';
+        /** Prevent user to select same date time */
+        this.preventSameDateTimeSelection = false;
+        this._type = 'date';
+        /** 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. */
+        this._touchUi = false;
+        /** Emits when the datepicker has been opened. */
+        this.openedStream = new EventEmitter();
+        /** Emits when the datepicker has been closed. */
+        this.closedStream = new EventEmitter();
+        /** Emits when the view has been changed. **/
+        this.viewChanged = new EventEmitter();
+        /**
+         * Emits new selected date when selected date changes.
+         * @deprecated Switch to the `dateChange` and `dateInput` binding on the input element.
+         */
+        this.selectedChanged = new EventEmitter();
+        if (!this._dateAdapter) {
+            throw createMissingDateImplError$1('DateAdapter');
+        }
+    }
+    Object.defineProperty(GIPIDatetimepickerComponent.prototype, "startAt", {
+        get: function () {
+            // If an explicit startAt is set we start there, otherwise we start at whatever the currently selected value is.
+            return (this._startAt || (this._datepickerInput ? this._datepickerInput.value : null));
+        },
+        set: function (date) {
+            this._startAt = this._dateAdapter.getValidDateOrNull(date);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerComponent.prototype, "openOnFocus", {
+        get: function () {
+            return this._openOnFocus;
+        },
+        set: function (value) {
+            this._openOnFocus = coerceBooleanProperty(value);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerComponent.prototype, "type", {
+        get: function () {
+            return this._type;
+        },
+        set: function (value) {
+            this._type = value || 'date';
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerComponent.prototype, "touchUi", {
+        get: function () {
+            return this._touchUi;
+        },
+        set: function (value) {
+            this._touchUi = coerceBooleanProperty(value);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerComponent.prototype, "disabled", {
+        get: function () {
+            return this._disabled === undefined && this._datepickerInput
+                ? this._datepickerInput.disabled
+                : !!this._disabled;
+        },
+        set: function (value) {
+            var newValue = coerceBooleanProperty(value);
+            if (newValue !== this._disabled) {
+                this._disabled = newValue;
+                this._disabledChange.next(newValue);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerComponent.prototype, "_selected", {
+        /** The currently selected date. */
+        get: function () {
+            return this._validSelected;
+        },
+        set: function (value) {
+            this._validSelected = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerComponent.prototype, "_minDate", {
+        /** The minimum selectable date. */
+        get: function () {
+            return this._datepickerInput && this._datepickerInput.min;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerComponent.prototype, "_maxDate", {
+        /** The maximum selectable date. */
+        get: function () {
+            return this._datepickerInput && this._datepickerInput.max;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerComponent.prototype, "_dateFilter", {
+        get: function () {
+            return this._datepickerInput && this._datepickerInput._dateFilter;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    GIPIDatetimepickerComponent.prototype._handleFocus = function () {
+        if (!this.opened && this.openOnFocus) {
+            this.open();
+        }
+    };
+    GIPIDatetimepickerComponent.prototype._viewChanged = function (type) {
+        this.viewChanged.emit(type);
+    };
+    GIPIDatetimepickerComponent.prototype.ngOnDestroy = function () {
+        this.close();
+        this._inputSubscription.unsubscribe();
+        this._disabledChange.complete();
+        if (this._popupRef) {
+            this._popupRef.dispose();
+        }
+    };
+    /** Selects the given date */
+    GIPIDatetimepickerComponent.prototype._select = function (date) {
+        var oldValue = this._selected;
+        this._selected = date;
+        if (!this._dateAdapter.sameDatetime(oldValue, this._selected)) {
+            this.selectedChanged.emit(date);
+        }
+    };
+    /**
+     * Register an input with this datepicker.
+     * @param input The datepicker input to register with this datepicker.
+     */
+    GIPIDatetimepickerComponent.prototype._registerInput = function (input) {
+        var _this = this;
+        if (this._datepickerInput) {
+            throw Error('A MatDatepicker can only be associated with a single input.');
+        }
+        this._datepickerInput = input;
+        this._inputSubscription = this._datepickerInput._valueChange.subscribe(function (value) { return (_this._selected = value); });
+    };
+    /** Open the calendar. */
+    GIPIDatetimepickerComponent.prototype.open = function () {
+        if (this.opened || this.disabled) {
+            return;
+        }
+        if (!this._datepickerInput) {
+            throw Error('Attempted to open an MatDatepicker with no associated input.');
+        }
+        if (this._document) {
+            this._focusedElementBeforeOpen = this._document.activeElement;
+        }
+        this.touchUi ? this._openAsDialog() : this._openAsPopup();
+        this.opened = true;
+        this.openedStream.emit();
+    };
+    /** Close the calendar. */
+    GIPIDatetimepickerComponent.prototype.close = function () {
+        var _this = this;
+        if (!this.opened) {
+            return;
+        }
+        if (this._popupRef && this._popupRef.hasAttached()) {
+            this._popupRef.detach();
+        }
+        if (this._dialogRef) {
+            this._dialogRef.close();
+            this._dialogRef = null;
+        }
+        if (this._calendarPortal && this._calendarPortal.isAttached) {
+            this._calendarPortal.detach();
+        }
+        var completeClose = function () {
+            // The `_opened` could've been reset already if
+            // we got two events in quick succession.
+            if (_this.opened) {
+                _this.opened = false;
+                _this.closedStream.emit();
+                _this._focusedElementBeforeOpen = null;
+            }
+        };
+        if (this._focusedElementBeforeOpen && typeof this._focusedElementBeforeOpen.focus === 'function') {
+            // Because IE moves focus asynchronously, we can't count on it being restored before we've
+            // marked the datepicker as closed. If the event fires out of sequence and the element that
+            // we're refocusing opens the datepicker on focus, the user could be stuck with not being
+            // able to close the calendar at all. We work around it by making the logic, that marks
+            // the datepicker as closed, async as well.
+            this._focusedElementBeforeOpen.focus();
+            setTimeout(completeClose);
+        }
+        else {
+            completeClose();
+        }
+    };
+    /** Open the calendar as a dialog. */
+    GIPIDatetimepickerComponent.prototype._openAsDialog = function () {
+        var _this = this;
+        this._dialogRef = this._dialog.open(GIPIDatetimepickerContentComponent, {
+            direction: this._dir ? this._dir.value : 'ltr',
+            viewContainerRef: this._viewContainerRef,
+            panelClass: 'gipi-mat-datetime-picker-dialog',
+        });
+        this._dialogRef.afterClosed().subscribe(function () { return _this.close(); });
+        this._dialogRef.componentInstance.datetimepicker = this;
+    };
+    /** Open the calendar as a popup. */
+    GIPIDatetimepickerComponent.prototype._openAsPopup = function () {
+        var _this = this;
+        if (!this._calendarPortal) {
+            this._calendarPortal = new ComponentPortal(GIPIDatetimepickerContentComponent, this._viewContainerRef);
+        }
+        if (!this._popupRef) {
+            this._createPopup();
+        }
+        if (!this._popupRef.hasAttached()) {
+            var componentRef = this._popupRef.attach(this._calendarPortal);
+            componentRef.instance.datetimepicker = this;
+            // Update the position once the calendar has rendered.
+            this._ngZone.onStable
+                .asObservable()
+                .pipe(first())
+                .subscribe(function () { return _this._popupRef.updatePosition(); });
+        }
+        this._popupRef.backdropClick().subscribe(function () { return _this.close(); });
+    };
+    /** Create the popup. */
+    GIPIDatetimepickerComponent.prototype._createPopup = function () {
+        var overlayConfig = new OverlayConfig({
+            positionStrategy: this._createPopupPositionStrategy(),
+            hasBackdrop: true,
+            backdropClass: 'mat-overlay-transparent-backdrop',
+            direction: this._dir ? this._dir.value : 'ltr',
+            scrollStrategy: this._scrollStrategy(),
+            panelClass: 'gipi-mat-datetime-picker-popup',
+        });
+        this._popupRef = this._overlay.create(overlayConfig);
+    };
+    /** Create the popup PositionStrategy. */
+    GIPIDatetimepickerComponent.prototype._createPopupPositionStrategy = function () {
+        return this._overlay
+            .position()
+            .flexibleConnectedTo(this._datepickerInput.getConnectedOverlayOrigin())
+            .withTransformOriginOn('.gipi-mat-datetime-picker-content')
+            .withFlexibleDimensions(false)
+            .withViewportMargin(8)
+            .withLockedPosition()
+            .withPositions([
+            {
+                originX: 'start',
+                originY: 'bottom',
+                overlayX: 'start',
+                overlayY: 'top',
+            },
+            {
+                originX: 'start',
+                originY: 'top',
+                overlayX: 'start',
+                overlayY: 'bottom',
+            },
+            {
+                originX: 'end',
+                originY: 'bottom',
+                overlayX: 'end',
+                overlayY: 'top',
+            },
+            {
+                originX: 'end',
+                originY: 'top',
+                overlayX: 'end',
+                overlayY: 'bottom',
+            },
+        ]);
+    };
+    GIPIDatetimepickerComponent.ctorParameters = function () { return [
+        { type: MatDialog$1 },
+        { type: Overlay },
+        { type: NgZone },
+        { type: ViewContainerRef },
+        { type: undefined, decorators: [{ type: Inject, args: [MAT_DATEPICKER_SCROLL_STRATEGY$1,] }] },
+        { type: GIPIDatetimeAdapter, decorators: [{ type: Optional }] },
+        { type: Directionality, decorators: [{ type: Optional }] },
+        { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [DOCUMENT,] }] }
+    ]; };
+    __decorate([
+        Input(),
+        __metadata("design:type", Boolean)
+    ], GIPIDatetimepickerComponent.prototype, "multiYearSelector", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Boolean)
+    ], GIPIDatetimepickerComponent.prototype, "twelvehour", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], GIPIDatetimepickerComponent.prototype, "startView", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], GIPIDatetimepickerComponent.prototype, "mode", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Number)
+    ], GIPIDatetimepickerComponent.prototype, "timeInterval", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerComponent.prototype, "ariaNextMonthLabel", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerComponent.prototype, "ariaPrevMonthLabel", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerComponent.prototype, "ariaNextYearLabel", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerComponent.prototype, "ariaPrevYearLabel", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerComponent.prototype, "preventSameDateTimeSelection", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerComponent.prototype, "panelClass", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], GIPIDatetimepickerComponent.prototype, "startAt", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", Boolean),
+        __metadata("design:paramtypes", [Boolean])
+    ], GIPIDatetimepickerComponent.prototype, "openOnFocus", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", String),
+        __metadata("design:paramtypes", [String])
+    ], GIPIDatetimepickerComponent.prototype, "type", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", Boolean),
+        __metadata("design:paramtypes", [Boolean])
+    ], GIPIDatetimepickerComponent.prototype, "touchUi", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", Boolean),
+        __metadata("design:paramtypes", [Boolean])
+    ], GIPIDatetimepickerComponent.prototype, "disabled", null);
+    __decorate([
+        Output('opened'),
+        __metadata("design:type", EventEmitter)
+    ], GIPIDatetimepickerComponent.prototype, "openedStream", void 0);
+    __decorate([
+        Output('closed'),
+        __metadata("design:type", EventEmitter)
+    ], GIPIDatetimepickerComponent.prototype, "closedStream", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", EventEmitter)
+    ], GIPIDatetimepickerComponent.prototype, "viewChanged", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerComponent.prototype, "selectedChanged", void 0);
+    GIPIDatetimepickerComponent = __decorate([
+        Component({
+            selector: 'gipi-mat-datetime-picker',
+            exportAs: 'gipiDatetimePicker',
+            template: '',
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            encapsulation: ViewEncapsulation.None,
+            preserveWhitespaces: false
+        }),
+        __param(4, Inject(MAT_DATEPICKER_SCROLL_STRATEGY$1)),
+        __param(5, Optional()),
+        __param(6, Optional()),
+        __param(7, Optional()), __param(7, Inject(DOCUMENT)),
+        __metadata("design:paramtypes", [MatDialog$1,
+            Overlay,
+            NgZone,
+            ViewContainerRef, Object, GIPIDatetimeAdapter,
+            Directionality, Object])
+    ], GIPIDatetimepickerComponent);
+    return GIPIDatetimepickerComponent;
+}());
+
+var GIPIDatetimepickerToggleComponent = /** @class */ (function () {
+    function GIPIDatetimepickerToggleComponent(_intl, _changeDetectorRef) {
+        this._intl = _intl;
+        this._changeDetectorRef = _changeDetectorRef;
+        this._stateChanges = Subscription.EMPTY;
+    }
+    Object.defineProperty(GIPIDatetimepickerToggleComponent.prototype, "disabled", {
+        /** Whether the toggle button is disabled. */
+        get: function () {
+            return this._disabled === undefined
+                ? this.datetimepicker.disabled
+                : !!this._disabled;
+        },
+        set: function (value) {
+            this._disabled = coerceBooleanProperty(value);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    GIPIDatetimepickerToggleComponent.prototype.ngOnChanges = function (changes) {
+        if (changes.datepicker) {
+            this._watchStateChanges();
+        }
+    };
+    GIPIDatetimepickerToggleComponent.prototype.ngOnDestroy = function () {
+        this._stateChanges.unsubscribe();
+    };
+    GIPIDatetimepickerToggleComponent.prototype.ngAfterContentInit = function () {
+        this._watchStateChanges();
+    };
+    GIPIDatetimepickerToggleComponent.prototype._open = function (event) {
+        if (this.datetimepicker && !this.disabled) {
+            this.datetimepicker.open();
+            event.stopPropagation();
+        }
+    };
+    GIPIDatetimepickerToggleComponent.prototype._watchStateChanges = function () {
+        var _this = this;
+        var datepickerDisabled = this.datetimepicker
+            ? this.datetimepicker._disabledChange
+            : of([], asyncScheduler);
+        var inputDisabled = this.datetimepicker && this.datetimepicker._datepickerInput
+            ? this.datetimepicker._datepickerInput._disabledChange
+            : of([], asyncScheduler);
+        this._stateChanges.unsubscribe();
+        this._stateChanges = merge(this._intl.changes, datepickerDisabled, inputDisabled).subscribe(function () { return _this._changeDetectorRef.markForCheck(); });
+    };
+    GIPIDatetimepickerToggleComponent.ctorParameters = function () { return [
+        { type: MatDatepickerIntl$1 },
+        { type: ChangeDetectorRef }
+    ]; };
+    __decorate([
+        Input('for'),
+        __metadata("design:type", GIPIDatetimepickerComponent)
+    ], GIPIDatetimepickerToggleComponent.prototype, "datetimepicker", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Boolean),
+        __metadata("design:paramtypes", [Boolean])
+    ], GIPIDatetimepickerToggleComponent.prototype, "disabled", null);
+    GIPIDatetimepickerToggleComponent = __decorate([
+        Component({
+            selector: 'gipi-mat-datetime-picker-toggle',
+            exportAs: 'gipiDatetimePickerToggle',
+            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>",
+            encapsulation: ViewEncapsulation.None,
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            preserveWhitespaces: false,
+            host: {
+                class: 'gipi-mat-datetime-picker-toggle',
+                // Bind the `click` on the host, rather than the inner `button`, so that we can call `stopPropagation`
+                // on it without affecting the user's `click` handlers. We need to stop it so that the input doesn't
+                // get focused automatically by the form field (See https://github.com/angular/components/pull/21856).
+                '(click)': '_open($event)',
+            }
+        }),
+        __metadata("design:paramtypes", [MatDatepickerIntl$1,
+            ChangeDetectorRef])
+    ], GIPIDatetimepickerToggleComponent);
+    return GIPIDatetimepickerToggleComponent;
+}());
+
+var nextUniqueId$q = 0;
+var GIPIDateAndTimePickerComponent = /** @class */ (function () {
+    function GIPIDateAndTimePickerComponent(elementRef, _changeDetectorRef) {
+        this.elementRef = elementRef;
+        this._changeDetectorRef = _changeDetectorRef;
+        this._name = "gipi-mat-datetime-picker-" + nextUniqueId$q++;
+        this.id = this._name;
+        this.name = this._name;
+        this.label = '';
+        this.placeholder = '';
+        this.timeInterval = 1;
+        this.help = '';
+        this._required = false;
+        this._disabled = false;
+        this._type = 'datetime';
+        this.onChange = function () { };
+        this.onTouched = function () { };
+    }
+    GIPIDateAndTimePickerComponent_1 = GIPIDateAndTimePickerComponent;
+    Object.defineProperty(GIPIDateAndTimePickerComponent.prototype, "required", {
+        get: function () {
+            return this._required;
+        },
+        set: function (value) {
+            this._required = coerceBooleanProperty(value);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDateAndTimePickerComponent.prototype, "disabled", {
+        get: function () {
+            return this._disabled;
+        },
+        set: function (value) {
+            this._disabled = coerceBooleanProperty(value);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDateAndTimePickerComponent.prototype, "value", {
+        get: function () {
+            return this._value;
+        },
+        set: function (value) {
+            if (value instanceof Date) {
+                this._value = value;
+            }
+            else {
+                this._value = new Date(value);
+            }
+            this.onChange(this._value);
+            this.onTouched(this._value);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDateAndTimePickerComponent.prototype, "type", {
+        get: function () {
+            return this._type;
+        },
+        set: function (value) {
+            this._type = value || 'datetime';
+        },
+        enumerable: false,
+        configurable: true
+    });
+    GIPIDateAndTimePickerComponent.prototype.ngOnInit = function () { };
+    GIPIDateAndTimePickerComponent.prototype.writeValue = function (value) {
+        this._value = value;
+    };
+    GIPIDateAndTimePickerComponent.prototype.registerOnChange = function (fn) {
+        this.onChange = fn;
+    };
+    GIPIDateAndTimePickerComponent.prototype.registerOnTouched = function (fn) {
+        this.onTouched = fn;
+    };
+    GIPIDateAndTimePickerComponent.prototype.setDisabledState = function (isDisabled) {
+        this.disabled = isDisabled;
+        this._changeDetectorRef.markForCheck();
+    };
+    GIPIDateAndTimePickerComponent.prototype.toggleDatetimePicker = function (event) {
+        if (!ObjectUtil.isNull(this.GIPIDatetimepickerToggleRef)) {
+            this.GIPIDatetimepickerToggleRef._open(event);
+        }
+    };
+    var GIPIDateAndTimePickerComponent_1;
+    GIPIDateAndTimePickerComponent.ctorParameters = function () { return [
+        { type: ElementRef },
+        { type: ChangeDetectorRef }
+    ]; };
+    __decorate([
+        ViewChild('dateTimePickerToggle', { static: true }),
+        __metadata("design:type", GIPIDatetimepickerToggleComponent)
+    ], GIPIDateAndTimePickerComponent.prototype, "GIPIDatetimepickerToggleRef", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], GIPIDateAndTimePickerComponent.prototype, "id", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], GIPIDateAndTimePickerComponent.prototype, "name", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], GIPIDateAndTimePickerComponent.prototype, "label", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], GIPIDateAndTimePickerComponent.prototype, "placeholder", void 0);
+    __decorate([
+        Input('min'),
+        __metadata("design:type", Date)
+    ], GIPIDateAndTimePickerComponent.prototype, "minDate", void 0);
+    __decorate([
+        Input('max'),
+        __metadata("design:type", Date)
+    ], GIPIDateAndTimePickerComponent.prototype, "maxDate", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Number)
+    ], GIPIDateAndTimePickerComponent.prototype, "timeInterval", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], GIPIDateAndTimePickerComponent.prototype, "help", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Boolean),
+        __metadata("design:paramtypes", [Boolean])
+    ], GIPIDateAndTimePickerComponent.prototype, "required", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", Boolean),
+        __metadata("design:paramtypes", [Boolean])
+    ], GIPIDateAndTimePickerComponent.prototype, "disabled", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], GIPIDateAndTimePickerComponent.prototype, "value", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", String),
+        __metadata("design:paramtypes", [String])
+    ], GIPIDateAndTimePickerComponent.prototype, "type", null);
+    GIPIDateAndTimePickerComponent = GIPIDateAndTimePickerComponent_1 = __decorate([
+        Component({
+            selector: 'gipi-datetime-picker',
+            exportAs: 'gipiDatetimePicker',
+            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>",
+            providers: [
+                {
+                    provide: NG_VALUE_ACCESSOR,
+                    useExisting: forwardRef(function () { return GIPIDateAndTimePickerComponent_1; }),
+                    multi: true
+                },
+            ],
+            host: {
+                'class': 'gipi-mat-datetime-picker',
+            },
+            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}"]
+        }),
+        __metadata("design:paramtypes", [ElementRef,
+            ChangeDetectorRef])
+    ], GIPIDateAndTimePickerComponent);
+    return GIPIDateAndTimePickerComponent;
+}());
+
+var CLOCK_RADIUS = 50;
+var CLOCK_INNER_RADIUS = 27.5;
+var CLOCK_OUTER_RADIUS = 41.25;
+var CLOCK_TICK_RADIUS = 7.0833;
+/**
+ * A clock that is used as part of the datepicker.
+ * @docs-private
+ */
+var GIPIDatetimepickerClockComponent = /** @class */ (function () {
+    function GIPIDatetimepickerClockComponent(_element, _adapter) {
+        var _this = this;
+        this._element = _element;
+        this._adapter = _adapter;
+        /** Hours and Minutes representing the clock view. */
+        this._hours = [];
+        this._minutes = [];
+        /** Whether the clock is in hour view. */
+        this._hourView = true;
+        this._timeChanged = false;
+        this.interval = 1;
+        this.twelvehour = false;
+        /** Emits when the currently selected date changes. */
+        this.selectedChange = new EventEmitter();
+        this.activeDateChange = new EventEmitter();
+        this._userSelection = new EventEmitter();
+        this.mouseMoveListener = function (event) { return _this._handleMousemove(event); };
+        this.mouseUpListener = function () { return _this._handleMouseup(); };
+    }
+    Object.defineProperty(GIPIDatetimepickerClockComponent.prototype, "activeDate", {
+        get: function () {
+            return this._activeDate;
+        },
+        set: function (value) {
+            var oldActiveDate = this._activeDate;
+            this._activeDate = this._adapter.clampDate(value, this.minDate, this.maxDate);
+            if (!this._adapter.sameMinute(oldActiveDate, this._activeDate)) {
+                this._init();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerClockComponent.prototype, "selected", {
+        get: function () {
+            return this._selected;
+        },
+        set: function (value) {
+            this._selected = this._adapter.getValidDateOrNull(this._adapter.deserialize(value));
+            if (this._selected) {
+                this.activeDate = this._selected;
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerClockComponent.prototype, "minDate", {
+        get: function () {
+            return this._minDate;
+        },
+        set: function (value) {
+            this._minDate = this._adapter.getValidDateOrNull(this._adapter.deserialize(value));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerClockComponent.prototype, "maxDate", {
+        get: function () {
+            return this._maxDate;
+        },
+        set: function (value) {
+            this._maxDate = this._adapter.getValidDateOrNull(this._adapter.deserialize(value));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerClockComponent.prototype, "startView", {
+        /** Whether the clock should be started in hour or minute view. */
+        set: function (value) {
+            this._hourView = value != 'minute';
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerClockComponent.prototype, "_hand", {
+        get: function () {
+            var hour = this._adapter.getHour(this.activeDate);
+            if (!!this.twelvehour) {
+                if (hour === 0) {
+                    hour = 24;
+                }
+                this._selectedHour = hour > 12 ? hour - 12 : hour;
+            }
+            else {
+                this._selectedHour = hour;
+            }
+            this._selectedMinute = this._adapter.getMinute(this.activeDate);
+            var deg = 0;
+            var radius = CLOCK_OUTER_RADIUS;
+            if (this._hourView) {
+                var outer = this._selectedHour > 0 && this._selectedHour < 13;
+                radius = outer ? CLOCK_OUTER_RADIUS : CLOCK_INNER_RADIUS;
+                if (this.twelvehour) {
+                    radius = CLOCK_OUTER_RADIUS;
+                }
+                deg = Math.round(this._selectedHour * (360 / (24 / 2)));
+            }
+            else {
+                deg = Math.round(this._selectedMinute * (360 / 60));
+            }
+            return {
+                transform: "rotate(" + deg + "deg)",
+                height: radius + "%",
+                'margin-top': 50 - radius + "%",
+            };
+        },
+        enumerable: false,
+        configurable: true
+    });
+    GIPIDatetimepickerClockComponent.prototype.ngAfterContentInit = function () {
+        this.activeDate = this._activeDate || this._adapter.today();
+        this._init();
+    };
+    /** Handles mousedown events on the clock body. */
+    GIPIDatetimepickerClockComponent.prototype._handleMousedown = function (event) {
+        this._timeChanged = false;
+        this.setTime(event);
+        document.addEventListener('mousemove', this.mouseMoveListener);
+        document.addEventListener('touchmove', this.mouseMoveListener);
+        document.addEventListener('mouseup', this.mouseUpListener);
+        document.addEventListener('touchend', this.mouseUpListener);
+    };
+    GIPIDatetimepickerClockComponent.prototype._handleMousemove = function (event) {
+        event.preventDefault();
+        this.setTime(event);
+    };
+    GIPIDatetimepickerClockComponent.prototype._handleMouseup = function () {
+        document.removeEventListener('mousemove', this.mouseMoveListener);
+        document.removeEventListener('touchmove', this.mouseMoveListener);
+        document.removeEventListener('mouseup', this.mouseUpListener);
+        document.removeEventListener('touchend', this.mouseUpListener);
+        if (this._timeChanged) {
+            this.selectedChange.emit(this.activeDate);
+            if (!this._hourView) {
+                this._userSelection.emit();
+            }
+        }
+    };
+    /** Initializes this clock view. */
+    GIPIDatetimepickerClockComponent.prototype._init = function () {
+        this._hours.length = 0;
+        this._minutes.length = 0;
+        var hourNames = this._adapter.getHourNames();
+        var minuteNames = this._adapter.getMinuteNames();
+        if (this.twelvehour) {
+            for (var i = 1; i < hourNames.length / 2 + 1; i++) {
+                var radian = (i / 6) * Math.PI;
+                var radius = CLOCK_OUTER_RADIUS;
+                var date = this._adapter.createDatetime(this._adapter.getYear(this.activeDate), this._adapter.getMonth(this.activeDate), this._adapter.getDate(this.activeDate), i + 1, 0);
+                var enabled = (!this.minDate || this._adapter.compareDatetime(date, this.minDate) >= 0) &&
+                    (!this.maxDate || this._adapter.compareDatetime(date, this.maxDate) <= 0);
+                this._hours.push({
+                    value: i,
+                    displayValue: i === 0 ? '00' : hourNames[i],
+                    enabled: enabled,
+                    top: CLOCK_RADIUS - Math.cos(radian) * radius - CLOCK_TICK_RADIUS,
+                    left: CLOCK_RADIUS + Math.sin(radian) * radius - CLOCK_TICK_RADIUS,
+                });
+            }
+        }
+        else {
+            for (var i = 0; i < hourNames.length; i++) {
+                var radian = (i / 6) * Math.PI;
+                var outer = i > 0 && i < 13, radius = outer ? CLOCK_OUTER_RADIUS : CLOCK_INNER_RADIUS;
+                var date = this._adapter.createDatetime(this._adapter.getYear(this.activeDate), this._adapter.getMonth(this.activeDate), this._adapter.getDate(this.activeDate), i, 0);
+                var enabled = (!this.minDate || this._adapter.compareDatetime(date, this.minDate, false) >= 0) &&
+                    (!this.maxDate || this._adapter.compareDatetime(date, this.maxDate, false) <= 0) &&
+                    (!this.dateFilter || this.dateFilter(date, GIPIDatetimepickerFilterType.HOUR));
+                this._hours.push({
+                    value: i,
+                    displayValue: i === 0 ? '00' : hourNames[i],
+                    enabled: enabled,
+                    top: CLOCK_RADIUS - Math.cos(radian) * radius - CLOCK_TICK_RADIUS,
+                    left: CLOCK_RADIUS + Math.sin(radian) * radius - CLOCK_TICK_RADIUS,
+                    fontSize: i > 0 && i < 13 ? '' : '80%',
+                });
+            }
+        }
+        for (var i = 0; i < minuteNames.length; i += 5) {
+            var radian = (i / 30) * Math.PI;
+            var 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);
+            var enabled = (!this.minDate || this._adapter.compareDatetime(date, this.minDate) >= 0) &&
+                (!this.maxDate || this._adapter.compareDatetime(date, this.maxDate) <= 0) &&
+                (!this.dateFilter || this.dateFilter(date, GIPIDatetimepickerFilterType.MINUTE));
+            this._minutes.push({
+                value: i,
+                displayValue: i === 0 ? '00' : minuteNames[i],
+                enabled: enabled,
+                top: CLOCK_RADIUS - Math.cos(radian) * CLOCK_OUTER_RADIUS - CLOCK_TICK_RADIUS,
+                left: CLOCK_RADIUS + Math.sin(radian) * CLOCK_OUTER_RADIUS - CLOCK_TICK_RADIUS,
+            });
+        }
+    };
+    /**
+     * Set Time
+     * @param event
+     */
+    GIPIDatetimepickerClockComponent.prototype.setTime = function (event) {
+        var _a, _b;
+        var trigger = this._element.nativeElement;
+        var triggerRect = trigger.getBoundingClientRect();
+        var width = trigger.offsetWidth;
+        var height = trigger.offsetHeight;
+        var pageX = event.pageX !== undefined ? event.pageX : event.touches[0].pageX;
+        var pageY = event.pageY !== undefined ? event.pageY : event.touches[0].pageY;
+        var x = width / 2 - (pageX - triggerRect.left - window.pageXOffset);
+        var y = height / 2 - (pageY - triggerRect.top - window.pageYOffset);
+        var radian = Math.atan2(-x, y);
+        var unit = Math.PI / (this._hourView ? 6 : this.interval ? 30 / this.interval : 30);
+        var z = Math.sqrt(x * x + y * y);
+        var outer = this._hourView && z > (width * (CLOCK_OUTER_RADIUS / 100) + width * (CLOCK_INNER_RADIUS / 100)) / 2;
+        if (radian < 0) {
+            radian = Math.PI * 2 + radian;
+        }
+        var value = Math.round(radian / unit);
+        var date;
+        if (this._hourView) {
+            if (this.twelvehour) {
+                value = value === 0 ? 12 : value;
+            }
+            else {
+                if (value === 12) {
+                    value = 0;
+                }
+                value = outer ? value === 0 ? 12 : value : value === 0 ? 0 : value + 12;
+            }
+            // Don't close the hours view if an invalid hour is clicked.
+            if (!((_a = this._hours.find(function (h) { return (h === null || h === void 0 ? void 0 : h['value']) === value; })) === null || _a === void 0 ? void 0 : _a['enabled'])) {
+                return;
+            }
+            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));
+        }
+        else {
+            if (this.interval) {
+                value *= this.interval;
+            }
+            if (value === 60) {
+                value = 0;
+            }
+            // Don't close the minutes view if an invalid minute is clicked.
+            if (!((_b = this._minutes.find(function (m) { return (m === null || m === void 0 ? void 0 : m['value']) === value; })) === null || _b === void 0 ? void 0 : _b['enabled'])) {
+                return;
+            }
+            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);
+        }
+        this._timeChanged = true;
+        this.activeDate = date;
+        this.activeDateChange.emit(this.activeDate);
+    };
+    GIPIDatetimepickerClockComponent.ctorParameters = function () { return [
+        { type: ElementRef },
+        { type: GIPIDatetimeAdapter }
+    ]; };
+    __decorate([
+        Input(),
+        __metadata("design:type", Function)
+    ], GIPIDatetimepickerClockComponent.prototype, "dateFilter", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Number)
+    ], GIPIDatetimepickerClockComponent.prototype, "interval", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Boolean)
+    ], GIPIDatetimepickerClockComponent.prototype, "twelvehour", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], GIPIDatetimepickerClockComponent.prototype, "activeDate", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], GIPIDatetimepickerClockComponent.prototype, "selected", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], GIPIDatetimepickerClockComponent.prototype, "minDate", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], GIPIDatetimepickerClockComponent.prototype, "maxDate", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", String),
+        __metadata("design:paramtypes", [String])
+    ], GIPIDatetimepickerClockComponent.prototype, "startView", null);
+    __decorate([
+        Output(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerClockComponent.prototype, "selectedChange", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerClockComponent.prototype, "activeDateChange", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerClockComponent.prototype, "_userSelection", void 0);
+    GIPIDatetimepickerClockComponent = __decorate([
+        Component({
+            selector: 'gipi-mat-datetime-picker-clock',
+            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>",
+            host: {
+                role: 'clock',
+                '(mousedown)': '_handleMousedown($event)',
+            },
+            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}"]
+        }),
+        __metadata("design:paramtypes", [ElementRef,
+            GIPIDatetimeAdapter])
+    ], GIPIDatetimepickerClockComponent);
+    return GIPIDatetimepickerClockComponent;
+}());
+
+var GIPI_DATETIMEPICKER_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(function () { return GIPIDatetimepickerInputDirective; }),
+    multi: true,
+};
+var GIPI_DATETIMEPICKER_VALIDATORS = {
+    provide: NG_VALIDATORS,
+    useExisting: forwardRef(function () { return GIPIDatetimepickerInputDirective; }),
+    multi: true,
+};
+/**
+ * An event used for datepicker input and change events. We don't always have access to a native
+ * input or change event because the event may have been triggered by the user clicking on the
+ * calendar popup. For consistency, we always use MatDatepickerInputEvent instead.
+ */
+var GIPIDatetimepickerInputEvent = /** @class */ (function () {
+    function GIPIDatetimepickerInputEvent(target, targetElement) {
+        this.target = target;
+        this.targetElement = targetElement;
+        this.value = this.target.value;
+    }
+    return GIPIDatetimepickerInputEvent;
+}());
+/** Directive used to connect an input to a MatDatepicker. */
+var GIPIDatetimepickerInputDirective = /** @class */ (function () {
+    function GIPIDatetimepickerInputDirective(_elementRef, _dateAdapter, _dateFormats, _formField) {
+        var _this = this;
+        this._elementRef = _elementRef;
+        this._dateAdapter = _dateAdapter;
+        this._dateFormats = _dateFormats;
+        this._formField = _formField;
+        /** Emits when the value changes (either due to user input or programmatic change). */
+        this._valueChange = new EventEmitter();
+        /** Emits when the disabled state has changed */
+        this._disabledChange = new EventEmitter();
+        this._datepickerSubscription = Subscription.EMPTY;
+        this._localeSubscription = Subscription.EMPTY;
+        /** Whether the last value set on the input was valid. */
+        this._lastValueValid = false;
+        /** Emits when a `change` event is fired on this `<input>`. */
+        this.dateChange = new EventEmitter();
+        /** Emits when an `input` event is fired on this `<input>`. */
+        this.dateInput = new EventEmitter();
+        this._onTouched = function () { };
+        this._cvaOnChange = function () { };
+        this._validatorOnChange = function () { };
+        /** The form control validator for whether the input parses. */
+        this._parseValidator = function () {
+            return _this._lastValueValid
+                ? null
+                : { matDatepickerParse: { text: _this._elementRef.nativeElement.value } };
+        };
+        /** The form control validator for the min date. */
+        this._minValidator = function (control) {
+            var controlValue = _this._dateAdapter.getValidDateOrNull(_this._dateAdapter.deserialize(control.value));
+            return !_this.min ||
+                !controlValue ||
+                _this._dateAdapter.compareDatetime(_this.min, controlValue) <= 0 ? null : { matDatepickerMin: { min: _this.min, actual: controlValue } };
+        };
+        /** The form control validator for the max date. */
+        this._maxValidator = function (control) {
+            var controlValue = _this._dateAdapter.getValidDateOrNull(_this._dateAdapter.deserialize(control.value));
+            return !_this.max ||
+                !controlValue ||
+                _this._dateAdapter.compareDatetime(_this.max, controlValue) >= 0 ? null : { matDatepickerMax: { max: _this.max, actual: controlValue } };
+        };
+        /** The form control validator for the date filter. */
+        this._filterValidator = function (control) {
+            var controlValue = _this._dateAdapter.getValidDateOrNull(_this._dateAdapter.deserialize(control.value));
+            return !_this._dateFilter ||
+                !controlValue ||
+                _this._dateFilter(controlValue, GIPIDatetimepickerFilterType.DATE)
+                ? null
+                : { matDatepickerFilter: true };
+        };
+        /** The combined form control validator for this input. */
+        this._validator = Validators.compose([
+            this._parseValidator,
+            this._minValidator,
+            this._maxValidator,
+            this._filterValidator,
+        ]);
+        if (!this._dateAdapter) {
+            throw createMissingDateImplError$1('GIPIDatetimeAdapter');
+        }
+        if (!this._dateFormats) {
+            throw createMissingDateImplError$1('GIPI_DATETIME_FORMATS');
+        }
+        // Update the displayed date when the locale changes.
+        this._localeSubscription = _dateAdapter.localeChanges.subscribe(function () { return _this.value = _this.value; });
+    }
+    GIPIDatetimepickerInputDirective_1 = GIPIDatetimepickerInputDirective;
+    Object.defineProperty(GIPIDatetimepickerInputDirective.prototype, "gipiMatDatetimePicker", {
+        /** The datepicker that this input is associated with. */
+        set: function (value) {
+            this.registerDatepicker(value);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerInputDirective.prototype, "matDatepickerFilter", {
+        set: function (filter) {
+            this._dateFilter = filter;
+            this._validatorOnChange();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerInputDirective.prototype, "value", {
+        get: function () {
+            return this._value;
+        },
+        set: function (value) {
+            var _this = this;
+            value = this._dateAdapter.deserialize(value);
+            this._lastValueValid = !value || this._dateAdapter.isValid(value);
+            value = this._dateAdapter.getValidDateOrNull(value);
+            var oldDate = this.value;
+            this._value = value;
+            this._formatValue(value);
+            // use timeout to ensure the datetimepicker is instantiated and we get the correct format
+            setTimeout(function () {
+                if (!_this._dateAdapter.sameDatetime(oldDate, value)) {
+                    _this._valueChange.emit(value);
+                }
+            });
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerInputDirective.prototype, "min", {
+        get: function () {
+            return this._min;
+        },
+        set: function (value) {
+            this._min = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(value));
+            this._validatorOnChange();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerInputDirective.prototype, "max", {
+        get: function () {
+            return this._max;
+        },
+        set: function (value) {
+            this._max = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(value));
+            this._validatorOnChange();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerInputDirective.prototype, "disabled", {
+        get: function () {
+            return !!this._disabled;
+        },
+        set: function (value) {
+            var newValue = coerceBooleanProperty(value);
+            if (this._disabled !== newValue) {
+                this._disabled = newValue;
+                this._disabledChange.emit(newValue);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    GIPIDatetimepickerInputDirective.prototype.ngAfterContentInit = function () {
+        var _this = this;
+        if (this._datepicker) {
+            this._datepickerSubscription = this._datepicker.selectedChanged.subscribe(function (selected) {
+                _this.value = selected;
+                _this._cvaOnChange(selected);
+                _this._onTouched();
+                _this.dateInput.emit(new GIPIDatetimepickerInputEvent(_this, _this._elementRef.nativeElement));
+                _this.dateChange.emit(new GIPIDatetimepickerInputEvent(_this, _this._elementRef.nativeElement));
+            });
+        }
+    };
+    GIPIDatetimepickerInputDirective.prototype.ngOnDestroy = function () {
+        this._datepickerSubscription.unsubscribe();
+        this._localeSubscription.unsubscribe();
+        this._valueChange.complete();
+        this._disabledChange.complete();
+    };
+    GIPIDatetimepickerInputDirective.prototype.registerOnValidatorChange = function (fn) {
+        this._validatorOnChange = fn;
+    };
+    GIPIDatetimepickerInputDirective.prototype.validate = function (c) {
+        return this._validator ? this._validator(c) : null;
+    };
+    /**
+     * Gets the element that the datepicker popup should be connected to.
+     * @return The element to connect the popup to.
+     */
+    GIPIDatetimepickerInputDirective.prototype.getConnectedOverlayOrigin = function () {
+        return this._formField
+            ? this._formField.getConnectedOverlayOrigin()
+            : this._elementRef;
+    };
+    // Implemented as part of ControlValueAccessor
+    GIPIDatetimepickerInputDirective.prototype.writeValue = function (value) {
+        this.value = value;
+    };
+    // Implemented as part of ControlValueAccessor
+    GIPIDatetimepickerInputDirective.prototype.registerOnChange = function (fn) {
+        this._cvaOnChange = fn;
+    };
+    // Implemented as part of ControlValueAccessor
+    GIPIDatetimepickerInputDirective.prototype.registerOnTouched = function (fn) {
+        this._onTouched = fn;
+    };
+    // Implemented as part of ControlValueAccessor
+    GIPIDatetimepickerInputDirective.prototype.setDisabledState = function (disabled) {
+        this.disabled = disabled;
+    };
+    GIPIDatetimepickerInputDirective.prototype._onKeydown = function (event) {
+        if (event.altKey && event.keyCode === DOWN_ARROW) {
+            this._datepicker.open();
+            event.preventDefault();
+        }
+    };
+    GIPIDatetimepickerInputDirective.prototype._onInput = function (value) {
+        var date = this._dateAdapter.parse(value, this.getParseFormat());
+        this._lastValueValid = !date || this._dateAdapter.isValid(date);
+        date = this._dateAdapter.getValidDateOrNull(date);
+        this._value = date;
+        this._cvaOnChange(date);
+        this._valueChange.emit(date);
+        this.dateInput.emit(new GIPIDatetimepickerInputEvent(this, this._elementRef.nativeElement));
+    };
+    GIPIDatetimepickerInputDirective.prototype._onChange = function () {
+        this.dateChange.emit(new GIPIDatetimepickerInputEvent(this, this._elementRef.nativeElement));
+    };
+    /** Handles blur events on the input. */
+    GIPIDatetimepickerInputDirective.prototype._onBlur = function () {
+        // Reformat the input only if we have a valid value.
+        if (this.value) {
+            this._formatValue(this.value);
+        }
+        this._onTouched();
+    };
+    GIPIDatetimepickerInputDirective.prototype.registerDatepicker = function (value) {
+        if (value) {
+            this._datepicker = value;
+            this._datepicker._registerInput(this);
+        }
+    };
+    GIPIDatetimepickerInputDirective.prototype.getDisplayFormat = function () {
+        switch (this._datepicker.type) {
+            case 'date': return this._dateFormats.display.dateInput;
+            case 'datetime': return this._dateFormats.display.datetimeInput;
+            case 'time': return this._dateFormats.display.timeInput;
+            case 'month': return this._dateFormats.display.monthInput;
+        }
+    };
+    GIPIDatetimepickerInputDirective.prototype.getParseFormat = function () {
+        var parseFormat;
+        switch (this._datepicker.type) {
+            case 'date':
+                parseFormat = this._dateFormats.parse.dateInput;
+                break;
+            case 'datetime':
+                parseFormat = this._dateFormats.parse.datetimeInput;
+                break;
+            case 'time':
+                parseFormat = this._dateFormats.parse.timeInput;
+                break;
+            case 'month':
+                parseFormat = this._dateFormats.parse.monthInput;
+                break;
+        }
+        if (!parseFormat) {
+            parseFormat = this._dateFormats.parse.dateInput;
+        }
+        return parseFormat;
+    };
+    /** Formats a value and sets it on the input element. */
+    GIPIDatetimepickerInputDirective.prototype._formatValue = function (value) {
+        this._elementRef.nativeElement.value = value
+            ? this._dateAdapter.format(value, this.getDisplayFormat())
+            : '';
+    };
+    var GIPIDatetimepickerInputDirective_1;
+    GIPIDatetimepickerInputDirective.ctorParameters = function () { return [
+        { type: ElementRef },
+        { type: GIPIDatetimeAdapter, decorators: [{ type: Optional }] },
+        { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [GIPI_DATETIME_FORMATS,] }] },
+        { type: MatFormField$1, decorators: [{ type: Optional }] }
+    ]; };
+    __decorate([
+        Input(),
+        __metadata("design:type", GIPIDatetimepickerComponent),
+        __metadata("design:paramtypes", [GIPIDatetimepickerComponent])
+    ], GIPIDatetimepickerInputDirective.prototype, "gipiMatDatetimePicker", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Function])
+    ], GIPIDatetimepickerInputDirective.prototype, "matDatepickerFilter", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], GIPIDatetimepickerInputDirective.prototype, "value", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], GIPIDatetimepickerInputDirective.prototype, "min", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], GIPIDatetimepickerInputDirective.prototype, "max", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], GIPIDatetimepickerInputDirective.prototype, "disabled", null);
+    __decorate([
+        Output(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerInputDirective.prototype, "dateChange", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerInputDirective.prototype, "dateInput", void 0);
+    GIPIDatetimepickerInputDirective = GIPIDatetimepickerInputDirective_1 = __decorate([
+        Directive({
+            selector: 'input[gipiMatDatetimePicker]',
+            exportAs: 'matDatepickerInput',
+            providers: [
+                GIPI_DATETIMEPICKER_VALUE_ACCESSOR,
+                GIPI_DATETIMEPICKER_VALIDATORS,
+                {
+                    provide: MAT_INPUT_VALUE_ACCESSOR,
+                    useExisting: GIPIDatetimepickerInputDirective_1,
+                },
+            ],
+            host: {
+                '[attr.aria-haspopup]': 'true',
+                '[attr.aria-owns]': '(_datepicker?.opened && _datepicker.id) || null',
+                '[attr.min]': 'min ? _dateAdapter.toIso8601(min) : null',
+                '[attr.max]': 'max ? _dateAdapter.toIso8601(max) : null',
+                '[disabled]': 'disabled',
+                '(focus)': '_datepicker._handleFocus()',
+                '(input)': '_onInput($event.target.value)',
+                '(change)': '_onChange()',
+                '(blur)': '_onBlur()',
+                '(keydown)': '_onKeydown($event)',
+            },
+        }),
+        __param(1, Optional()),
+        __param(2, Optional()),
+        __param(2, Inject(GIPI_DATETIME_FORMATS)),
+        __param(3, Optional()),
+        __metadata("design:paramtypes", [ElementRef,
+            GIPIDatetimeAdapter, Object, MatFormField$1])
+    ], GIPIDatetimepickerInputDirective);
+    return GIPIDatetimepickerInputDirective;
+}());
+
+var DAYS_PER_WEEK$1 = 7;
+/**
+ * An internal component used to display a single month in the datepicker.
+ * @docs-private
+ */
+var GIPIDatetimepickerMonthViewComponent = /** @class */ (function () {
+    function GIPIDatetimepickerMonthViewComponent(_adapter, _dateFormats) {
+        this._adapter = _adapter;
+        this._dateFormats = _dateFormats;
+        this.type = 'date';
+        /** Emits when a new date is selected. */
+        this.selectedChange = new EventEmitter();
+        this._userSelection = new EventEmitter();
+        if (!this._adapter) {
+            throw createMissingDateImplError$1('GIPIDatetimeAdapter');
+        }
+        if (!this._dateFormats) {
+            throw createMissingDateImplError$1('GIPI_DATETIME_FORMATS');
+        }
+        var firstDayOfWeek = this._adapter.getFirstDayOfWeek();
+        var narrowWeekdays = this._adapter.getDayOfWeekNames('narrow');
+        var longWeekdays = this._adapter.getDayOfWeekNames('long');
+        // Rotate the labels for days of the week based on the configured first day of the week.
+        var weekdays = longWeekdays.map(function (long, i) { return { long: long, narrow: narrowWeekdays[i] }; });
+        this._weekdays = weekdays
+            .slice(firstDayOfWeek)
+            .concat(weekdays.slice(0, firstDayOfWeek));
+        this._activeDate = this._adapter.today();
+    }
+    Object.defineProperty(GIPIDatetimepickerMonthViewComponent.prototype, "activeDate", {
+        get: function () {
+            return this._activeDate;
+        },
+        set: function (value) {
+            var oldActiveDate = this._activeDate;
+            this._activeDate = value || this._adapter.today();
+            if (oldActiveDate && this._activeDate && !this._adapter.sameMonthAndYear(oldActiveDate, this._activeDate)) {
+                this._init();
+                if (this._adapter.isInNextMonth(oldActiveDate, this._activeDate)) {
+                    this.calendarState('right');
+                }
+                else {
+                    this.calendarState('left');
+                }
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerMonthViewComponent.prototype, "selected", {
+        get: function () {
+            return this._selected;
+        },
+        set: function (value) {
+            this._selected = value;
+            this._selectedDate = this._getDateInCurrentMonth(this.selected);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    GIPIDatetimepickerMonthViewComponent.prototype.ngAfterContentInit = function () {
+        this._init();
+    };
+    /** Handles when a new date is selected. */
+    GIPIDatetimepickerMonthViewComponent.prototype._dateSelected = function (date) {
+        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)));
+        if (this.type === 'date') {
+            this._userSelection.emit();
+        }
+    };
+    GIPIDatetimepickerMonthViewComponent.prototype._calendarStateDone = function () {
+        this._calendarState = '';
+    };
+    /** Initializes this month view. */
+    GIPIDatetimepickerMonthViewComponent.prototype._init = function () {
+        this._selectedDate = this._getDateInCurrentMonth(this.selected);
+        this._todayDate = this._getDateInCurrentMonth(this._adapter.today());
+        var 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));
+        this._firstWeekOffset = (DAYS_PER_WEEK$1 + this._adapter.getDayOfWeek(firstOfMonth) - this._adapter.getFirstDayOfWeek()) % DAYS_PER_WEEK$1;
+        this._createWeekCells();
+    };
+    /** Creates MdCalendarCells for the dates in this month. */
+    GIPIDatetimepickerMonthViewComponent.prototype._createWeekCells = function () {
+        var daysInMonth = this._adapter.getNumDaysInMonth(this.activeDate);
+        var dateNames = this._adapter.getDateNames();
+        this._weeks = [[]];
+        for (var i = 0, cell = this._firstWeekOffset; i < daysInMonth; i++, cell++) {
+            if (cell == DAYS_PER_WEEK$1) {
+                this._weeks.push([]);
+                cell = 0;
+            }
+            var 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));
+            var enabled = !this.dateFilter || this.dateFilter(date);
+            var ariaLabel = this._adapter.format(date, this._dateFormats.display.dateA11yLabel);
+            this._weeks[this._weeks.length - 1].push(new GIPIDatetimepickerCalendarCell(i + 1, dateNames[i], ariaLabel, enabled));
+        }
+    };
+    /** Gets the date in this month that the given Date falls on.  Returns null if the given Date is in another month. */
+    GIPIDatetimepickerMonthViewComponent.prototype._getDateInCurrentMonth = function (date) {
+        return this._adapter.sameMonthAndYear(date, this.activeDate)
+            ? this._adapter.getDate(date)
+            : null;
+    };
+    GIPIDatetimepickerMonthViewComponent.prototype.calendarState = function (direction) {
+        this._calendarState = direction;
+    };
+    GIPIDatetimepickerMonthViewComponent.ctorParameters = function () { return [
+        { type: GIPIDatetimeAdapter, decorators: [{ type: Optional }] },
+        { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [GIPI_DATETIME_FORMATS,] }] }
+    ]; };
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], GIPIDatetimepickerMonthViewComponent.prototype, "type", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Function)
+    ], GIPIDatetimepickerMonthViewComponent.prototype, "dateFilter", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], GIPIDatetimepickerMonthViewComponent.prototype, "activeDate", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], GIPIDatetimepickerMonthViewComponent.prototype, "selected", null);
+    __decorate([
+        Output(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerMonthViewComponent.prototype, "selectedChange", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerMonthViewComponent.prototype, "_userSelection", void 0);
+    GIPIDatetimepickerMonthViewComponent = __decorate([
+        Component({
+            selector: 'gipi-mat-datetime-picker-month-view',
+            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>",
+            animations: [slideCalendar],
+            encapsulation: ViewEncapsulation.None,
+            changeDetection: ChangeDetectionStrategy.OnPush
+        }),
+        __param(0, Optional()),
+        __param(1, Optional()),
+        __param(1, Inject(GIPI_DATETIME_FORMATS)),
+        __metadata("design:paramtypes", [GIPIDatetimeAdapter, Object])
+    ], GIPIDatetimepickerMonthViewComponent);
+    return GIPIDatetimepickerMonthViewComponent;
+}());
+
+var ɵ0$3 = function (i) { return String(i); };
+/** The default hour names to use if Intl API is not available. */
+var DEFAULT_HOUR_NAMES = range$1(24, ɵ0$3);
+var ɵ1 = function (i) { return String(i); };
+/** The default minute names to use if Intl API is not available. */
+var DEFAULT_MINUTE_NAMES = range$1(60, ɵ1);
+function range$1(length, valueFunction) {
+    var valuesArray = Array(length);
+    for (var i = 0; i < length; i++) {
+        valuesArray[i] = valueFunction(i);
+    }
+    return valuesArray;
+}
+var GIPINativeDatetimeAdapter = /** @class */ (function (_super) {
+    __extends(GIPINativeDatetimeAdapter, _super);
+    function GIPINativeDatetimeAdapter(matDateLocale, _delegate) {
+        var _this = _super.call(this, _delegate) || this;
+        _this.setLocale(matDateLocale);
+        return _this;
+    }
+    GIPINativeDatetimeAdapter.prototype.clone = function (date) {
+        return this.createDatetime(this.getYear(date), this.getMonth(date), this.getDate(date), this.getHour(date), this.getMinute(date));
+    };
+    GIPINativeDatetimeAdapter.prototype.getHour = function (date) {
+        return date.getHours();
+    };
+    GIPINativeDatetimeAdapter.prototype.getMinute = function (date) {
+        return date.getMinutes();
+    };
+    GIPINativeDatetimeAdapter.prototype.isInNextMonth = function (startDate, endDate) {
+        var nextMonth = this.getDateInNextMonth(startDate);
+        return this.sameMonthAndYear(nextMonth, endDate);
+    };
+    GIPINativeDatetimeAdapter.prototype.createDatetime = function (year, month, date, hour, minute) {
+        // Check for invalid month and date (except upper bound on date which we have to check after
+        // creating the Date).
+        if (month < 0 || month > 11) {
+            throw Error("Invalid month index \"" + month + "\". Month index has to be between 0 and 11.");
+        }
+        if (date < 1) {
+            throw Error("Invalid date \"" + date + "\". Date has to be greater than 0.");
+        }
+        if (hour < 0 || hour > 23) {
+            throw Error("Invalid hour \"" + hour + "\". Hour has to be between 0 and 23.");
+        }
+        if (minute < 0 || minute > 59) {
+            throw Error("Invalid minute \"" + minute + "\". Minute has to be between 0 and 59.");
+        }
+        var result = this._createDateWithOverflow(year, month, date, hour, minute);
+        // Check that the date wasn't above the upper bound for the month, causing the month to overflow
+        if (result.getMonth() !== month) {
+            throw Error("Invalid date \"" + date + "\" for month with index \"" + month + "\".");
+        }
+        return result;
+    };
+    GIPINativeDatetimeAdapter.prototype.getFirstDateOfMonth = function (date) {
+        var result = new Date();
+        result.setFullYear(date.getFullYear(), date.getMonth(), 1);
+        return result;
+    };
+    GIPINativeDatetimeAdapter.prototype.getHourNames = function () {
+        return DEFAULT_HOUR_NAMES;
+    };
+    GIPINativeDatetimeAdapter.prototype.getMinuteNames = function () {
+        return DEFAULT_MINUTE_NAMES;
+    };
+    GIPINativeDatetimeAdapter.prototype.addCalendarYears = function (date, years) {
+        return this.addCalendarMonths(date, years * 12);
+    };
+    GIPINativeDatetimeAdapter.prototype.addCalendarMonths = function (date, months) {
+        var newDate = this._createDateWithOverflow(this.getYear(date), this.getMonth(date) + months, this.getDate(date), this.getHour(date), this.getMinute(date));
+        // It's possible to wind up in the wrong month if the original month has more days than the new
+        // month. In this case we want to go to the last day of the desired month.
+        // Note: the additional + 12 % 12 ensures we end up with a positive number, since JS % doesn't
+        // guarantee this.
+        if (this.getMonth(newDate) !== (((this.getMonth(date) + months) % 12) + 12) % 12) {
+            newDate = this._createDateWithOverflow(this.getYear(newDate), this.getMonth(newDate), 0, this.getHour(date), this.getMinute(date));
+        }
+        return newDate;
+    };
+    GIPINativeDatetimeAdapter.prototype.addCalendarDays = function (date, days) {
+        return this._createDateWithOverflow(this.getYear(date), this.getMonth(date), this.getDate(date) + days, this.getHour(date), this.getMinute(date));
+    };
+    GIPINativeDatetimeAdapter.prototype.addCalendarHours = function (date, hours) {
+        return this._createDateWithOverflow(this.getYear(date), this.getMonth(date), this.getDate(date), this.getHour(date) + hours, this.getMinute(date));
+    };
+    GIPINativeDatetimeAdapter.prototype.addCalendarMinutes = function (date, minutes) {
+        return this._createDateWithOverflow(this.getYear(date), this.getMonth(date), this.getDate(date), this.getHour(date), this.getMinute(date) + minutes);
+    };
+    GIPINativeDatetimeAdapter.prototype.toIso8601 = function (date) {
+        return (_super.prototype.toIso8601.call(this, date) + 'T' + [this._2digit(date.getUTCHours()), this._2digit(date.getUTCMinutes()),].join(':'));
+    };
+    GIPINativeDatetimeAdapter.prototype.getDateInNextMonth = function (date) {
+        return new Date(date.getFullYear(), date.getMonth() + 1, 1, date.getHours(), date.getMinutes());
+    };
+    /**
+     * Strip out unicode LTR and RTL characters. Edge and IE insert these into formatted dates while
+     * other browsers do not. We remove them to make output consistent and because they interfere with
+     * date parsing.
+     * @param str The string to strip direction characters from.
+     * @returns The stripped string.
+     */
+    GIPINativeDatetimeAdapter.prototype._stripDirectionalityCharacters = function (str) {
+        return str.replace(/[\u200e\u200f]/g, '');
+    };
+    /**
+     * Pads a number to make it two digits.
+     * @param n The number to pad.
+     * @returns The padded number.
+     */
+    GIPINativeDatetimeAdapter.prototype._2digit = function (n) {
+        return ('00' + n).slice(-2);
+    };
+    /** Creates a date but allows the month and date to overflow. */
+    GIPINativeDatetimeAdapter.prototype._createDateWithOverflow = function (year, month, date, hours, minutes) {
+        var result = new Date(year, month, date, hours, minutes);
+        // We need to correct for the fact that JS native Date treats years in range [0, 99] as
+        // abbreviations for 19xx.
+        if (year >= 0 && year < 100) {
+            result.setFullYear(this.getYear(result) - 1900);
+        }
+        return result;
+    };
+    GIPINativeDatetimeAdapter.ctorParameters = function () { return [
+        { type: String, decorators: [{ type: Optional }, { type: Inject, args: [MAT_DATE_LOCALE$1,] }] },
+        { type: DateAdapter$1 }
+    ]; };
+    GIPINativeDatetimeAdapter = __decorate([
+        Injectable(),
+        __param(0, Optional()), __param(0, Inject(MAT_DATE_LOCALE$1)),
+        __metadata("design:paramtypes", [String, DateAdapter$1])
+    ], GIPINativeDatetimeAdapter);
+    return GIPINativeDatetimeAdapter;
+}(GIPIDatetimeAdapter));
+
+var GIPI_NATIVE_DATETIME_FORMATS = {
+    parse: {},
+    display: {
+        dateInput: { year: 'numeric', month: '2-digit', day: '2-digit' },
+        monthInput: { month: 'long' },
+        datetimeInput: {
+            year: 'numeric',
+            month: '2-digit',
+            day: '2-digit',
+            hour: '2-digit',
+            minute: '2-digit',
+        },
+        timeInput: { hour: '2-digit', minute: '2-digit' },
+        monthYearLabel: { year: 'numeric', month: 'short' },
+        dateA11yLabel: { year: 'numeric', month: 'long', day: 'numeric' },
+        monthYearA11yLabel: { year: 'numeric', month: 'long' },
+        popupHeaderDateLabel: { weekday: 'short', month: 'short', day: '2-digit' },
+    },
+};
+
+var NativeDatetimeModule = /** @class */ (function () {
+    function NativeDatetimeModule() {
+    }
+    NativeDatetimeModule = __decorate([
+        NgModule({
+            imports: [
+                NativeDateModule,
+            ],
+            providers: [
+                {
+                    provide: GIPIDatetimeAdapter,
+                    useClass: GIPINativeDatetimeAdapter,
+                },
+            ],
+        })
+    ], NativeDatetimeModule);
+    return NativeDatetimeModule;
+}());
+var ɵ0$4 = GIPI_NATIVE_DATETIME_FORMATS;
+var GIPINativeDatetimeModule = /** @class */ (function () {
+    function GIPINativeDatetimeModule() {
+    }
+    GIPINativeDatetimeModule = __decorate([
+        NgModule({
+            imports: [
+                NativeDatetimeModule,
+                MatNativeDateModule$1,
+            ],
+            providers: [
+                {
+                    provide: GIPI_DATETIME_FORMATS,
+                    useValue: ɵ0$4,
+                },
+            ],
+        })
+    ], GIPINativeDatetimeModule);
+    return GIPINativeDatetimeModule;
+}());
+
+/**
+ * An internal component used to display a single year in the datepicker.
+ * @docs-private
+ */
+var GIPIDatetimepickerYearViewComponent = /** @class */ (function () {
+    function GIPIDatetimepickerYearViewComponent(_adapter, _dateFormats) {
+        this._adapter = _adapter;
+        this._dateFormats = _dateFormats;
+        this.type = 'date';
+        /** Emits when a new month is selected. */
+        this.selectedChange = new EventEmitter();
+        this._userSelection = new EventEmitter();
+        if (!this._adapter) {
+            throw createMissingDateImplError$1('DatetimeAdapter');
+        }
+        if (!this._dateFormats) {
+            throw createMissingDateImplError$1('GIPI_DATETIME_FORMATS');
+        }
+        this._activeDate = this._adapter.today();
+    }
+    Object.defineProperty(GIPIDatetimepickerYearViewComponent.prototype, "activeDate", {
+        get: function () {
+            return this._activeDate;
+        },
+        set: function (value) {
+            var oldActiveDate = this._activeDate;
+            this._activeDate = value || this._adapter.today();
+            if (oldActiveDate && this._activeDate && !this._adapter.sameYear(oldActiveDate, this._activeDate)) {
+                this._init();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GIPIDatetimepickerYearViewComponent.prototype, "selected", {
+        get: function () {
+            return this._selected;
+        },
+        set: function (value) {
+            this._selected = value;
+            this._selectedMonth = this._getMonthInCurrentYear(this.selected);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    GIPIDatetimepickerYearViewComponent.prototype.ngAfterContentInit = function () {
+        this._init();
+    };
+    /** Handles when a new month is selected. */
+    GIPIDatetimepickerYearViewComponent.prototype._monthSelected = function (month) {
+        var normalizedDate = this._adapter.createDatetime(this._adapter.getYear(this.activeDate), month, 1, 0, 0);
+        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)));
+        if (this.type === 'month') {
+            this._userSelection.emit();
+        }
+    };
+    GIPIDatetimepickerYearViewComponent.prototype._calendarStateDone = function () {
+        this._calendarState = '';
+    };
+    /** Initializes this month view. */
+    GIPIDatetimepickerYearViewComponent.prototype._init = function () {
+        var _this = this;
+        this._selectedMonth = this._getMonthInCurrentYear(this.selected);
+        this._todayMonth = this._getMonthInCurrentYear(this._adapter.today());
+        this._yearLabel = this._adapter.getYearName(this.activeDate);
+        var monthNames = this._adapter.getMonthNames('short');
+        // First row of months only contains 5 elements so we can fit the year label on the same row.
+        this._months = [[0, 1, 2, 3], [4, 5, 6, 7], [8, 9, 10, 11]].map(function (row) { return row.map(function (month) { return _this._createCellForMonth(month, monthNames[month]); }); });
+    };
+    /**
+     * Gets the month in this year that the given Date falls on.
+     * Returns null if the given Date is in another year.
+     */
+    GIPIDatetimepickerYearViewComponent.prototype._getMonthInCurrentYear = function (date) {
+        return this._adapter.sameYear(date, this.activeDate)
+            ? this._adapter.getMonth(date)
+            : null;
+    };
+    /** Creates an MdCalendarCell for the given month. */
+    GIPIDatetimepickerYearViewComponent.prototype._createCellForMonth = function (month, monthName) {
+        var 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);
+        return new GIPIDatetimepickerCalendarCell(month, monthName.toLocaleUpperCase(), ariaLabel, this._isMonthEnabled(month));
+    };
+    /** Whether the given month is enabled. */
+    GIPIDatetimepickerYearViewComponent.prototype._isMonthEnabled = function (month) {
+        if (!this.dateFilter) {
+            return true;
+        }
+        var firstOfMonth = this._adapter.createDatetime(this._adapter.getYear(this.activeDate), month, 1, this._adapter.getHour(this.activeDate), this._adapter.getMinute(this.activeDate));
+        // If any date in the month is enabled count the month as enabled.
+        for (var date = firstOfMonth; this._adapter.getMonth(date) == month; date = this._adapter.addCalendarDays(date, 1)) {
+            if (this.dateFilter(date)) {
+                return true;
+            }
+        }
+        return false;
+    };
+    GIPIDatetimepickerYearViewComponent.ctorParameters = function () { return [
+        { type: GIPIDatetimeAdapter, decorators: [{ type: Optional }] },
+        { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [GIPI_DATETIME_FORMATS,] }] }
+    ]; };
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], GIPIDatetimepickerYearViewComponent.prototype, "type", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Function)
+    ], GIPIDatetimepickerYearViewComponent.prototype, "dateFilter", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], GIPIDatetimepickerYearViewComponent.prototype, "activeDate", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], GIPIDatetimepickerYearViewComponent.prototype, "selected", null);
+    __decorate([
+        Output(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerYearViewComponent.prototype, "selectedChange", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", Object)
+    ], GIPIDatetimepickerYearViewComponent.prototype, "_userSelection", void 0);
+    GIPIDatetimepickerYearViewComponent = __decorate([
+        Component({
+            selector: 'gipi-mat-datetime-picker-year-view',
+            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",
+            animations: [slideCalendar],
+            encapsulation: ViewEncapsulation.None,
+            changeDetection: ChangeDetectionStrategy.OnPush
+        }),
+        __param(0, Optional()),
+        __param(1, Optional()),
+        __param(1, Inject(GIPI_DATETIME_FORMATS)),
+        __metadata("design:paramtypes", [GIPIDatetimeAdapter, Object])
+    ], GIPIDatetimepickerYearViewComponent);
+    return GIPIDatetimepickerYearViewComponent;
+}());
+
+var DatetimepickerModule = /** @class */ (function () {
+    function DatetimepickerModule() {
+    }
+    DatetimepickerModule = __decorate([
+        NgModule({
+            imports: [
+                CommonModule,
+                FormsModule,
+                ReactiveFormsModule,
+                MatButtonModule,
+                MatDialogModule,
+                MatIconModule,
+                OverlayModule,
+                A11yModule,
+                MatDatepickerModule,
+                GIPINativeDatetimeModule,
+            ],
+            exports: [
+                FormsModule,
+                ReactiveFormsModule,
+                MatButtonModule,
+                MatDialogModule,
+                MatIconModule,
+                OverlayModule,
+                A11yModule,
+                MatDatepickerModule,
+                GIPINativeDatetimeModule,
+                GIPIDatetimepickerCalendarComponent,
+                GIPIDatetimepickerCalendarBodyComponent,
+                GIPIDatetimepickerClockComponent,
+                GIPIDatetimepickerComponent,
+                GIPIDatetimepickerToggleComponent,
+                GIPIDatetimepickerInputDirective,
+                GIPIDatetimepickerContentComponent,
+                GIPIDatetimepickerMonthViewComponent,
+                GIPIDatetimepickerYearViewComponent,
+                GIPIDatetimepickerMultiYearViewComponent,
+                GIPIDateAndTimePickerComponent,
+            ],
+            declarations: [
+                GIPIDatetimepickerCalendarComponent,
+                GIPIDatetimepickerCalendarBodyComponent,
+                GIPIDatetimepickerClockComponent,
+                GIPIDatetimepickerComponent,
+                GIPIDatetimepickerToggleComponent,
+                GIPIDatetimepickerInputDirective,
+                GIPIDatetimepickerContentComponent,
+                GIPIDatetimepickerMonthViewComponent,
+                GIPIDatetimepickerYearViewComponent,
+                GIPIDatetimepickerMultiYearViewComponent,
+                GIPIDateAndTimePickerComponent,
+            ],
+            entryComponents: [
+                GIPIDatetimepickerContentComponent,
+            ],
+            providers: [
+                MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER$1,
+            ],
+        })
+    ], DatetimepickerModule);
+    return DatetimepickerModule;
+}());
+
+var moment$4 = moment_;
+var CalendarMonthYearComponent = /** @class */ (function () {
+    function CalendarMonthYearComponent(_changeDetectorRef) {
+        this._changeDetectorRef = _changeDetectorRef;
+        this._subscriptions = new Subscription();
+        this._animationState = 'enter';
+        this._animationDone = new Subject();
+        this.years = [];
+        this.months = [];
+        this._calendarView = 'both';
+    }
+    CalendarMonthYearComponent_1 = CalendarMonthYearComponent;
+    CalendarMonthYearComponent.prototype.ngOnInit = function () {
+        if (this._locale) {
+            moment$4.locale(this._locale);
+        }
+        else {
+            moment$4.locale('pt-br');
+        }
+        this.months = __spread(this.monthYearPicker.model.months);
+        this._calendarView = this.monthYearPicker.calendarView;
+        if (this._calendarView === 'year') {
+            this.toggleShowYears();
+        }
+        this.monthYearPicker.onValueChange(this.monthYearPicker.model.selectedMonthIndex, this.monthYearPicker.model.selectedMonthYear);
+    };
+    CalendarMonthYearComponent.prototype.ngAfterViewInit = function () {
+        var _this = this;
+        if (this._changeDetectorRef) {
+            this._subscriptions.add(this.monthYearPicker._stateChanges.subscribe(function () {
+                _this._changeDetectorRef.markForCheck();
+            }));
+        }
+    };
+    CalendarMonthYearComponent.prototype.ngOnDestroy = function () {
+        this._subscriptions.unsubscribe();
+        this._animationDone.complete();
+    };
+    CalendarMonthYearComponent.prototype._startExitAnimation = function () {
+        this._animationState = 'void';
+        if (this._changeDetectorRef) {
+            this._changeDetectorRef.markForCheck();
+        }
+    };
+    CalendarMonthYearComponent.prototype.decrement = function () {
+        this.monthYearPicker.model.decrementYear();
+        if (this.isShowYears) {
+            this._renderYears();
+        }
+    };
+    CalendarMonthYearComponent.prototype.increment = function () {
+        this.monthYearPicker.model.incrementYear();
+        if (this.isShowYears) {
+            this._renderYears();
+        }
+    };
+    CalendarMonthYearComponent.prototype.selectMonth = function (index) {
+        this.monthYearPicker.model.selectMonth(index);
+        this.monthYearPicker.onValueChange(this.monthYearPicker.model.selectedMonthIndex, this.monthYearPicker.model.selectedMonthYear);
+        this.monthYearPicker.close();
+    };
+    CalendarMonthYearComponent.prototype.isSelectedMonth = function (monthIndex) {
+        return this.monthYearPicker.model.selectedMonthIndex == monthIndex && this.monthYearPicker.model.selectedMonthYear == this.monthYearPicker.model.selectedYearMoment.year();
+    };
+    CalendarMonthYearComponent.prototype.isCurrentMonth = function (monthIndex) {
+        var currentMonth = moment$4().month();
+        var currentYear = moment$4().year();
+        return (monthIndex === currentMonth) && (this.monthYearPicker.model.selectedYearMoment.year() === currentYear);
+    };
+    CalendarMonthYearComponent.prototype.isDisabledMonth = function (index) {
+        var disabled = false;
+        if (!ObjectUtil.isNull(this.monthYearPicker)) {
+            var minMonth = !ObjectUtil.isNull(this.monthYearPicker.min) ? this.monthYearPicker.min.month : null;
+            var maxMonth = !ObjectUtil.isNull(this.monthYearPicker.max) ? this.monthYearPicker.max.month : null;
+            if (!ObjectUtil.isNull(minMonth) && !ObjectUtil.isNull(maxMonth)) {
+                disabled = index < minMonth || index > maxMonth;
+            }
+            else if (!ObjectUtil.isNull(minMonth)) {
+                disabled = index < minMonth;
+            }
+            else if (!ObjectUtil.isNull(maxMonth)) {
+                disabled = index > maxMonth;
+            }
+        }
+        return disabled;
+        // let disabled = false;
+        // if (this._enabledMonths && this._enabledMonths.length > 0) {
+        //     disabled = this._enabledMonths.indexOf(index) < 0;
+        // }
+        // if (this._disabledMonths && this._disabledMonths.length > 0) {
+        //     disabled = this._disabledMonths.indexOf(index) >= 0;
+        // }
+        // return disabled;
+    };
+    /** Years */
+    CalendarMonthYearComponent.prototype.toggleShowYears = function () {
+        this.isShowYears = !this.isShowYears;
+        this._renderYears();
+    };
+    CalendarMonthYearComponent.prototype._renderYears = function () {
+        this.years = [];
+        for (var i = 11; i > 0; i--) {
+            this.years.push(this.monthYearPicker.model.selectedYearMoment.year() - i);
+        }
+        for (var i = 0; i <= 12; i++) {
+            this.years.push(this.monthYearPicker.model.selectedYearMoment.year() + i);
+        }
+    };
+    Object.defineProperty(CalendarMonthYearComponent.prototype, "periodButtonLabel", {
+        get: function () {
+            var formatYearRange = function (start, end) {
+                return start + " \u2013 " + end;
+            };
+            return this.isShowYears ? formatYearRange(this.years[0], this.years[this.years.length - 1]) : this.monthYearPicker.model.selectedYearText;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    CalendarMonthYearComponent.prototype.selectYear = function (year) {
+        if (this._calendarView === 'both') {
+            this.isShowYears = false;
+        }
+        this.monthYearPicker.model.selectedYearMoment = moment$4().year(year);
+        this.monthYearPicker.model.updateYearText();
         if (this._calendarView === 'year') {
             this.monthYearPicker.onValueChange(this.monthYearPicker.model.selectedMonthIndex, year);
             this.monthYearPicker.close();
@@ -25213,7 +28485,7 @@ var MonthPickerModel = /** @class */ (function () {
     };
     return MonthPickerModel;
 }());
-var nextUniqueId$q = 0;
+var nextUniqueId$r = 0;
 var MonthYearPickerComponent = /** @class */ (function () {
     function MonthYearPickerComponent(elementRef, _changeDetectorRef, _overlay, _ngZone, _viewContainerRef, scrollStrategy, _dir, _document) {
         this.elementRef = elementRef;
@@ -25223,7 +28495,7 @@ var MonthYearPickerComponent = /** @class */ (function () {
         this._viewContainerRef = _viewContainerRef;
         this._dir = _dir;
         this._document = _document;
-        this._name = "gipi-date-range-" + nextUniqueId$q++;
+        this._name = "gipi-date-range-" + nextUniqueId$r++;
         this._focusedElementBeforeOpen = null;
         this._backdropHarnessClass = this._name + "-backdrop";
         this._stateChanges = new Subject();
@@ -25618,7 +28890,7 @@ var MonthYearPickerComponent = /** @class */ (function () {
                 'class': 'gipi-month-year-picker',
             },
             changeDetection: ChangeDetectionStrategy.OnPush,
-            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 rgba(0,0,0,.12);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}"]
+            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}"]
         }),
         __param(5, Inject(GIPI_MONTH_YEAR_SCROLL_STRATEGY)),
         __param(6, Optional()),
@@ -25746,7 +29018,7 @@ var GIPIServices = [
     GIPIResizeService,
     GIPIPaginationService,
 ];
-var ɵ0$3 = {
+var ɵ0$5 = {
     parse: {
         dateInput: 'DD/MM/YYYY',
     },
@@ -25756,6 +29028,46 @@ var ɵ0$3 = {
         dateA11yLabel: 'LL',
         monthYearA11yLabel: 'MMMM YYYY',
     },
+}, ɵ1$1 = {
+    parse: {},
+    display: {
+        dateInput: {
+            year: "numeric",
+            month: "2-digit",
+            day: "2-digit"
+        },
+        monthInput: {
+            month: "long"
+        },
+        datetimeInput: {
+            year: "numeric",
+            month: "2-digit",
+            day: "2-digit",
+            hour: "2-digit",
+            minute: "2-digit"
+        },
+        timeInput: {
+            hour: "2-digit",
+            minute: "2-digit"
+        },
+        monthYearLabel: {
+            year: "numeric",
+            month: "short"
+        },
+        dateA11yLabel: {
+            year: "numeric",
+            month: "long",
+            day: "numeric"
+        },
+        monthYearA11yLabel: {
+            year: "numeric",
+            month: "long"
+        },
+        popupHeaderDateLabel: {
+            day: "2-digit",
+            month: "short",
+        }
+    }
 };
 var SharedModule = /** @class */ (function () {
     function SharedModule(_injector) {
@@ -25820,6 +29132,7 @@ var SharedModule = /** @class */ (function () {
                 MentionModule,
                 DatepickerModule,
                 MonthYearPickerModule,
+                DatetimepickerModule,
             ],
             exports: [
                 GIPIComponents,
@@ -25866,6 +29179,7 @@ var SharedModule = /** @class */ (function () {
                 SelectButtonNextBatchComponent,
                 DatepickerModule,
                 MonthYearPickerModule,
+                DatetimepickerModule,
             ],
             entryComponents: [
                 GIPIConfirmationDialogComponent,
@@ -25887,7 +29201,11 @@ var SharedModule = /** @class */ (function () {
                 },
                 {
                     provide: MAT_DATE_FORMATS,
-                    useValue: ɵ0$3,
+                    useValue: ɵ0$5,
+                },
+                {
+                    provide: GIPI_DATETIME_FORMATS,
+                    useValue: ɵ1$1,
                 },
             ]
         }),
@@ -27103,7 +30421,10 @@ var GIPIAbstractComponent = /** @class */ (function () {
         return this.baseService.router.url.split('/').filter(function (path) { return (path === 'view'); }).length > 0;
     };
     GIPIAbstractComponent.prototype.isListing = function () {
-        return this.baseService.router.url.split('/').filter(function (path) { return (path === 'new') || (path === 'edit') || (path === 'view'); }).length === 0;
+        return this.baseService.router.url.split('/').filter(function (path) { return (path === 'new') || (path === 'edit') || (path === 'view') || (path === 'clone'); }).length === 0;
+    };
+    GIPIAbstractComponent.prototype.isCloning = function () {
+        return this.baseService.router.url.split('/').filter(function (path) { return (path === 'clone'); }).length > 0;
     };
     GIPIAbstractComponent.prototype.hasPermission = function (permission) {
         if (StringUtil.isEmpty(permission)) {
@@ -27774,6 +31095,27 @@ var GIPIAbstractFindComponent = /** @class */ (function (_super) {
             throw new Error(e);
         }
     };
+    GIPIAbstractFindComponent.prototype.cloneRegister = function (id, permission) {
+        id = this.handleEntityId(id);
+        if (ObjectUtil.isNull(id)) {
+            return;
+        }
+        if (StringUtil.isEmpty(permission) && ObjectUtil.isNull(this.basePermissionList)) {
+            this.setFilterSessionStorage();
+            this.navigateByUrl(this.getPath(), [this.getPath(), 'new', 'clone'], true);
+        }
+        else {
+            if (StringUtil.isEmpty(permission) && !ObjectUtil.isNull(this.basePermissionList)) {
+                permission = this.basePermissionList.MAKE;
+            }
+            if (!this.hasPermission(permission)) {
+                this.addWarningMessage(INJECTOR.get(APP_MESSAGES).NOT_PERMISSION);
+                return;
+            }
+            this.setFilterSessionStorage();
+            this.navigateByUrl(this.getPath(), [this.getPath(), 'new', 'clone', id], true);
+        }
+    };
     GIPIAbstractFindComponent.prototype.clear = function () {
         this.baseService.sessionStorageService.remove('filter');
         this.page = this.newPage();
@@ -29218,5 +32560,5 @@ var MAT_NATIVE_DATE_FORMATS = {
  * Generated bundle index. Do not edit.
  */
 
-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$3 as ɵ0, 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 };
+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 };
 //# sourceMappingURL=gipisistemas-ng-core.js.map