@wizishop/angular-components 14.4.10 → 14.4.12

package/fesm2020/wizishop-angular-components.mjs

@@ -1533,7 +1533,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
             }] } });
 
 class ButtonComponent {
-    constructor(type = 'submit', formGroup) {
+    constructor(type, formGroup) {
         this.type = type;
         this.formGroup = formGroup;
         // todo add button type (ex: for submit and check if it works with template driven forms)
@@ -1947,6 +1947,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
 class CalendarComponent {
     constructor(datePipe) {
         this.datePipe = datePipe;
+        this.boldLabel = false;
         this.type = 'input';
         this._options = {
             displayMode: 'inline',
@@ -2056,17 +2057,21 @@ class CalendarComponent {
             }
         }
     }
-    incrementMinutes() {
+    incrementMinutes($event) {
         this.calendarMinutes = parseInt(this.calendarMinutes, 10) + 1 + '';
+        $event.preventDefault();
     }
-    decrementsMinutes() {
+    decrementsMinutes($event) {
         this.calendarMinutes = parseInt(this.calendarMinutes, 10) - 1 + '';
+        $event.preventDefault();
     }
-    incrementHours() {
+    incrementHours($event) {
         this.calendarHours = parseInt(this.calendarHours, 10) + 1 + '';
+        $event.preventDefault();
     }
-    decrementHours() {
+    decrementHours($event) {
         this.calendarHours = parseInt(this.calendarHours, 10) - 1 + '';
+        $event.preventDefault();
     }
     /*
       Ensure that the input value is a number and that it is between min and max
@@ -2104,14 +2109,14 @@ class CalendarComponent {
     }
 }
 CalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CalendarComponent, deps: [{ token: i1.DatePipe }], target: i0.ɵɵFactoryTarget.Component });
-CalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CalendarComponent, selector: "wac-calendar", inputs: { label: "label", type: "type", options: "options", position: "position", dateSelected: "dateSelected", typeDate: "typeDate", noMargin: "noMargin", disabled: "disabled" }, outputs: { dateSelectedChange: "dateSelectedChange", changeData: "changeData" }, providers: [
+CalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CalendarComponent, selector: "wac-calendar", inputs: { label: "label", boldLabel: "boldLabel", type: "type", options: "options", position: "position", dateSelected: "dateSelected", typeDate: "typeDate", noMargin: "noMargin", disabled: "disabled" }, outputs: { dateSelectedChange: "dateSelectedChange", changeData: "changeData" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: CalendarComponent,
             multi: true
         },
         DatePipe
-    ], viewQueries: [{ propertyName: "minutes", first: true, predicate: ["minutes"], descendants: true }, { propertyName: "hours", first: true, predicate: ["hours"], descendants: true }, { propertyName: "datePicker", first: true, predicate: ["datePicker"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"wac-calendar\"\n  [ngClass]=\"{\n    'wac-calendar--input': type === 'input',\n    'wac-calendar--edit': type === 'edit',\n    'wac-calendar--select': type === 'select',\n    'wac-calendar--no-margin': noMargin,\n    'wac-calendar--open': open\n  }\"\n  [zIndexToggle]=\"open\"\n>\n  <p class=\"wac-calendar__label\" *ngIf=\"label && (type === 'input' || type === 'select')\" (click)=\"openCalendar()\">{{ label }}</p>\n  <p class=\"wac-calendar__startLabel\" *ngIf=\"type === 'edit'\">{{ startLabel }}</p>\n  <wac-optional-disable-container [disabled]=\"disabled\">\n    <div class=\"wac-calendar__autoHide\" wzAutoHide (clickOutside)=\"openCalendar('close')\">\n      <div class=\"wac-calendar__wrapper\">\n        <div class=\"wac-calendar__wrapper__input\" *ngIf=\"type === 'input'\" (click)=\"openCalendar()\">\n          <div class=\"wac-calendar__wrapper__input__icon\">\n            <i class=\"far fa-calendar-alt\"></i>\n          </div>\n          <div class=\"wac-calendar__wrapper__input__date\">\n            {{ dateSelected | date: 'dd/MM/yyyy' }}\n          </div>\n          <div class=\"wac-calendar__wrapper__input__time\">\n            {{ dateSelected | date: 'HH:mm' }}\n          </div>\n        </div>\n        <div class=\"wac-calendar__wrapper__editInPlace\" *ngIf=\"type === 'edit'\" (click)=\"openCalendar()\">\n          <div class=\"wac-calendar__wrapper__editInPlace__icon\">\n            <i class=\"fal fa-calendar-alt\"></i>\n          </div>\n          <div class=\"wac-calendar__wrapper__editInPlace__date\">\n            {{ dateSelected | date: 'dd/MM/yyyy HH:mm' }}\n          </div>\n        </div>\n        <div class=\"wac-calendar__wrapper__select\" *ngIf=\"type === 'select'\" (click)=\"openCalendar()\">\n          <div class=\"wac-calendar__wrapper__select__icon\">\n            <i class=\"fal fa-calendar-alt\"></i>\n          </div>\n          <div class=\"wac-calendar__wrapper__select__date\">\n            {{ dateSelected | date: 'dd/MM/yyyy HH:mm' }}\n          </div>\n        </div>\n      </div>\n      <div\n        class=\"wac-calendar__absolute\"\n        [ngClass]=\"{\n          top: position === 'top',\n          bottom: position === 'bottom',\n          left: position === 'left',\n          right: position === 'right',\n          'right-top': position === 'right-top',\n          'right-bottom': position === 'right-bottom',\n          'left-top': position === 'left-top',\n          'left-bottom': position === 'left-bottom',\n          'with-time': typeDate === 'datetime-local' || typeDate === 'datetime'\n        }\"\n      >\n        <nwb-date-picker #datePicker (change)=\"onChangeDate($event)\" [options]=\"options\">\n          <input [nwbDatepickerStart]=\"datePicker\" type=\"text\" [nwbDateType]=\"'date'\" [value]=\"dateSelected.toISOString()\" />\n        </nwb-date-picker>\n        <div class=\"wac-calendar__absolute__time\" *ngIf=\"typeDate === 'datetime-local' || typeDate === 'datetime'\">\n          <div class=\"wac-calendar__absolute__time__wrapper\">\n            <div class=\"wac-calendar__absolute__time__wrapper__hours\">\n              <div class=\"wac-calendar__absolute__time__wrapper__hours__left\">\n                <button class=\"wac-calendar__absolute__time__wrapper__hours__btn\" (click)=\"incrementHours()\">\n                  <i class=\"fas fa-plus\"></i>\n                </button>\n                <button class=\"wac-calendar__absolute__time__wrapper__hours__btn\" (click)=\"decrementHours()\">\n                  <i class=\"fas fa-minus\"></i>\n                </button>\n              </div>\n              <div class=\"wac-calendar__absolute__time__wrapper__hours__right\">\n                <input #hours type=\"text\" [(ngModel)]=\"calendarHours\" [wacOnlyNumber]=\"true\"/>\n              </div>\n            </div>\n            <div class=\"wac-calendar__absolute__time__wrapper__minutes\">\n              <div class=\"wac-calendar__absolute__time__wrapper__minutes__left\">\n                <input #minutes type=\"text\" [(ngModel)]=\"calendarMinutes\" [wacOnlyNumber]=\"true\"/>\n              </div>\n              <div class=\"wac-calendar__absolute__time__wrapper__minutes__right\">\n                <button class=\"wac-calendar__absolute__time__wrapper__minutes__btn\" (click)=\"incrementMinutes()\">\n                  <i class=\"fas fa-plus\"></i>\n                </button>\n                <button class=\"wac-calendar__absolute__time__wrapper__minutes__btn\" (click)=\"decrementsMinutes()\">\n                  <i class=\"fas fa-minus\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </wac-optional-disable-container>\n  <p class=\"wac-calendar__endLabel\" *ngIf=\"type === 'edit'\">{{ endLabel }}</p>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.NwbDatePickerComponent, selector: "nwb-date-picker", inputs: ["options"], outputs: ["change", "clear"] }, { kind: "directive", type: i3.NwbDatePickerInputStartDirective, selector: "input[nwbDatepickerStart]", inputs: ["nwbDatepickerStart"] }, { kind: "directive", type: i3.NwbDatePickerInputDateTypeDirective, selector: "input[nwbDateType]", inputs: ["nwbDateType"] }, { kind: "directive", type: AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }, { kind: "directive", type: ZindexToggleDirective, selector: "[zIndexToggle]", inputs: ["zIndexToggle"], outputs: ["onEventChange"] }, { kind: "directive", type: OnlyNumberDirective, selector: "[wacOnlyNumber]", inputs: ["wacOnlyNumber"] }, { kind: "component", type: OptionalDisableContainerComponent, selector: "wac-optional-disable-container", inputs: ["disabled"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    ], viewQueries: [{ propertyName: "minutes", first: true, predicate: ["minutes"], descendants: true }, { propertyName: "hours", first: true, predicate: ["hours"], descendants: true }, { propertyName: "datePicker", first: true, predicate: ["datePicker"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"wac-calendar\"\n  [ngClass]=\"{\n    'wac-calendar--input': type === 'input',\n    'wac-calendar--edit': type === 'edit',\n    'wac-calendar--select': type === 'select',\n    'wac-calendar--no-margin': noMargin,\n    'wac-calendar--open': open\n  }\"\n  [zIndexToggle]=\"open\"\n>\n  <p [class]=\"'wac-calendar__label' + (boldLabel ? ' bold' : '')\" *ngIf=\"label && (type === 'input' || type === 'select')\" (click)=\"openCalendar()\">{{ label }}</p>\n  <p class=\"wac-calendar__startLabel\" *ngIf=\"type === 'edit'\">{{ startLabel }}</p>\n  <wac-optional-disable-container [disabled]=\"disabled\">\n    <div class=\"wac-calendar__autoHide\" wzAutoHide (clickOutside)=\"openCalendar('close')\">\n      <div class=\"wac-calendar__wrapper\">\n        <div class=\"wac-calendar__wrapper__input\" *ngIf=\"type === 'input'\" (click)=\"openCalendar()\">\n          <div class=\"wac-calendar__wrapper__input__icon\">\n            <i class=\"far fa-calendar-alt\"></i>\n          </div>\n          <div class=\"wac-calendar__wrapper__input__date\">\n            {{ dateSelected | date: 'dd/MM/yyyy' }}\n          </div>\n          <div class=\"wac-calendar__wrapper__input__time\">\n            {{ dateSelected | date: 'HH:mm' }}\n          </div>\n        </div>\n        <div class=\"wac-calendar__wrapper__editInPlace\" *ngIf=\"type === 'edit'\" (click)=\"openCalendar()\">\n          <div class=\"wac-calendar__wrapper__editInPlace__icon\">\n            <i class=\"fal fa-calendar-alt\"></i>\n          </div>\n          <div class=\"wac-calendar__wrapper__editInPlace__date\">\n            {{ dateSelected | date: 'dd/MM/yyyy HH:mm' }}\n          </div>\n        </div>\n        <div class=\"wac-calendar__wrapper__select\" *ngIf=\"type === 'select'\" (click)=\"openCalendar()\">\n          <div class=\"wac-calendar__wrapper__select__icon\">\n            <i class=\"fal fa-calendar-alt\"></i>\n          </div>\n          <div class=\"wac-calendar__wrapper__select__date\">\n            {{ dateSelected | date: 'dd/MM/yyyy HH:mm' }}\n          </div>\n        </div>\n      </div>\n      <div\n        class=\"wac-calendar__absolute\"\n        [ngClass]=\"{\n          top: position === 'top',\n          bottom: position === 'bottom',\n          left: position === 'left',\n          right: position === 'right',\n          'right-top': position === 'right-top',\n          'right-bottom': position === 'right-bottom',\n          'left-top': position === 'left-top',\n          'left-bottom': position === 'left-bottom',\n          'with-time': typeDate === 'datetime-local' || typeDate === 'datetime'\n        }\"\n      >\n        <nwb-date-picker #datePicker (change)=\"onChangeDate($event)\" [options]=\"options\">\n          <input [nwbDatepickerStart]=\"datePicker\" type=\"text\" [nwbDateType]=\"'date'\" [value]=\"dateSelected.toISOString()\" />\n        </nwb-date-picker>\n        <div class=\"wac-calendar__absolute__time\" *ngIf=\"typeDate === 'datetime-local' || typeDate === 'datetime'\">\n          <div class=\"wac-calendar__absolute__time__wrapper\">\n            <div class=\"wac-calendar__absolute__time__wrapper__hours\">\n              <div class=\"wac-calendar__absolute__time__wrapper__hours__left\">\n                <button class=\"wac-calendar__absolute__time__wrapper__hours__btn\" (click)=\"incrementHours($event)\">\n                  <i class=\"fas fa-plus\"></i>\n                </button>\n                <button class=\"wac-calendar__absolute__time__wrapper__hours__btn\" (click)=\"decrementHours($event)\">\n                  <i class=\"fas fa-minus\"></i>\n                </button>\n              </div>\n              <div class=\"wac-calendar__absolute__time__wrapper__hours__right\">\n                <input #hours type=\"text\" [(ngModel)]=\"calendarHours\" [wacOnlyNumber]=\"true\"/>\n              </div>\n            </div>\n            <div class=\"wac-calendar__absolute__time__wrapper__minutes\">\n              <div class=\"wac-calendar__absolute__time__wrapper__minutes__left\">\n                <input #minutes type=\"text\" [(ngModel)]=\"calendarMinutes\" [wacOnlyNumber]=\"true\"/>\n              </div>\n              <div class=\"wac-calendar__absolute__time__wrapper__minutes__right\">\n                <button class=\"wac-calendar__absolute__time__wrapper__minutes__btn\" (click)=\"incrementMinutes($event)\">\n                  <i class=\"fas fa-plus\"></i>\n                </button>\n                <button class=\"wac-calendar__absolute__time__wrapper__minutes__btn\" (click)=\"decrementsMinutes($event)\">\n                  <i class=\"fas fa-minus\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </wac-optional-disable-container>\n  <p class=\"wac-calendar__endLabel\" *ngIf=\"type === 'edit'\">{{ endLabel }}</p>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.NwbDatePickerComponent, selector: "nwb-date-picker", inputs: ["options"], outputs: ["change", "clear"] }, { kind: "directive", type: i3.NwbDatePickerInputStartDirective, selector: "input[nwbDatepickerStart]", inputs: ["nwbDatepickerStart"] }, { kind: "directive", type: i3.NwbDatePickerInputDateTypeDirective, selector: "input[nwbDateType]", inputs: ["nwbDateType"] }, { kind: "directive", type: AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }, { kind: "directive", type: ZindexToggleDirective, selector: "[zIndexToggle]", inputs: ["zIndexToggle"], outputs: ["onEventChange"] }, { kind: "directive", type: OnlyNumberDirective, selector: "[wacOnlyNumber]", inputs: ["wacOnlyNumber"] }, { kind: "component", type: OptionalDisableContainerComponent, selector: "wac-optional-disable-container", inputs: ["disabled"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CalendarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wac-calendar', providers: [
@@ -2121,7 +2126,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
                             multi: true
                         },
                         DatePipe
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n  class=\"wac-calendar\"\n  [ngClass]=\"{\n    'wac-calendar--input': type === 'input',\n    'wac-calendar--edit': type === 'edit',\n    'wac-calendar--select': type === 'select',\n    'wac-calendar--no-margin': noMargin,\n    'wac-calendar--open': open\n  }\"\n  [zIndexToggle]=\"open\"\n>\n  <p class=\"wac-calendar__label\" *ngIf=\"label && (type === 'input' || type === 'select')\" (click)=\"openCalendar()\">{{ label }}</p>\n  <p class=\"wac-calendar__startLabel\" *ngIf=\"type === 'edit'\">{{ startLabel }}</p>\n  <wac-optional-disable-container [disabled]=\"disabled\">\n    <div class=\"wac-calendar__autoHide\" wzAutoHide (clickOutside)=\"openCalendar('close')\">\n      <div class=\"wac-calendar__wrapper\">\n        <div class=\"wac-calendar__wrapper__input\" *ngIf=\"type === 'input'\" (click)=\"openCalendar()\">\n          <div class=\"wac-calendar__wrapper__input__icon\">\n            <i class=\"far fa-calendar-alt\"></i>\n          </div>\n          <div class=\"wac-calendar__wrapper__input__date\">\n            {{ dateSelected | date: 'dd/MM/yyyy' }}\n          </div>\n          <div class=\"wac-calendar__wrapper__input__time\">\n            {{ dateSelected | date: 'HH:mm' }}\n          </div>\n        </div>\n        <div class=\"wac-calendar__wrapper__editInPlace\" *ngIf=\"type === 'edit'\" (click)=\"openCalendar()\">\n          <div class=\"wac-calendar__wrapper__editInPlace__icon\">\n            <i class=\"fal fa-calendar-alt\"></i>\n          </div>\n          <div class=\"wac-calendar__wrapper__editInPlace__date\">\n            {{ dateSelected | date: 'dd/MM/yyyy HH:mm' }}\n          </div>\n        </div>\n        <div class=\"wac-calendar__wrapper__select\" *ngIf=\"type === 'select'\" (click)=\"openCalendar()\">\n          <div class=\"wac-calendar__wrapper__select__icon\">\n            <i class=\"fal fa-calendar-alt\"></i>\n          </div>\n          <div class=\"wac-calendar__wrapper__select__date\">\n            {{ dateSelected | date: 'dd/MM/yyyy HH:mm' }}\n          </div>\n        </div>\n      </div>\n      <div\n        class=\"wac-calendar__absolute\"\n        [ngClass]=\"{\n          top: position === 'top',\n          bottom: position === 'bottom',\n          left: position === 'left',\n          right: position === 'right',\n          'right-top': position === 'right-top',\n          'right-bottom': position === 'right-bottom',\n          'left-top': position === 'left-top',\n          'left-bottom': position === 'left-bottom',\n          'with-time': typeDate === 'datetime-local' || typeDate === 'datetime'\n        }\"\n      >\n        <nwb-date-picker #datePicker (change)=\"onChangeDate($event)\" [options]=\"options\">\n          <input [nwbDatepickerStart]=\"datePicker\" type=\"text\" [nwbDateType]=\"'date'\" [value]=\"dateSelected.toISOString()\" />\n        </nwb-date-picker>\n        <div class=\"wac-calendar__absolute__time\" *ngIf=\"typeDate === 'datetime-local' || typeDate === 'datetime'\">\n          <div class=\"wac-calendar__absolute__time__wrapper\">\n            <div class=\"wac-calendar__absolute__time__wrapper__hours\">\n              <div class=\"wac-calendar__absolute__time__wrapper__hours__left\">\n                <button class=\"wac-calendar__absolute__time__wrapper__hours__btn\" (click)=\"incrementHours()\">\n                  <i class=\"fas fa-plus\"></i>\n                </button>\n                <button class=\"wac-calendar__absolute__time__wrapper__hours__btn\" (click)=\"decrementHours()\">\n                  <i class=\"fas fa-minus\"></i>\n                </button>\n              </div>\n              <div class=\"wac-calendar__absolute__time__wrapper__hours__right\">\n                <input #hours type=\"text\" [(ngModel)]=\"calendarHours\" [wacOnlyNumber]=\"true\"/>\n              </div>\n            </div>\n            <div class=\"wac-calendar__absolute__time__wrapper__minutes\">\n              <div class=\"wac-calendar__absolute__time__wrapper__minutes__left\">\n                <input #minutes type=\"text\" [(ngModel)]=\"calendarMinutes\" [wacOnlyNumber]=\"true\"/>\n              </div>\n              <div class=\"wac-calendar__absolute__time__wrapper__minutes__right\">\n                <button class=\"wac-calendar__absolute__time__wrapper__minutes__btn\" (click)=\"incrementMinutes()\">\n                  <i class=\"fas fa-plus\"></i>\n                </button>\n                <button class=\"wac-calendar__absolute__time__wrapper__minutes__btn\" (click)=\"decrementsMinutes()\">\n                  <i class=\"fas fa-minus\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </wac-optional-disable-container>\n  <p class=\"wac-calendar__endLabel\" *ngIf=\"type === 'edit'\">{{ endLabel }}</p>\n</div>\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n  class=\"wac-calendar\"\n  [ngClass]=\"{\n    'wac-calendar--input': type === 'input',\n    'wac-calendar--edit': type === 'edit',\n    'wac-calendar--select': type === 'select',\n    'wac-calendar--no-margin': noMargin,\n    'wac-calendar--open': open\n  }\"\n  [zIndexToggle]=\"open\"\n>\n  <p [class]=\"'wac-calendar__label' + (boldLabel ? ' bold' : '')\" *ngIf=\"label && (type === 'input' || type === 'select')\" (click)=\"openCalendar()\">{{ label }}</p>\n  <p class=\"wac-calendar__startLabel\" *ngIf=\"type === 'edit'\">{{ startLabel }}</p>\n  <wac-optional-disable-container [disabled]=\"disabled\">\n    <div class=\"wac-calendar__autoHide\" wzAutoHide (clickOutside)=\"openCalendar('close')\">\n      <div class=\"wac-calendar__wrapper\">\n        <div class=\"wac-calendar__wrapper__input\" *ngIf=\"type === 'input'\" (click)=\"openCalendar()\">\n          <div class=\"wac-calendar__wrapper__input__icon\">\n            <i class=\"far fa-calendar-alt\"></i>\n          </div>\n          <div class=\"wac-calendar__wrapper__input__date\">\n            {{ dateSelected | date: 'dd/MM/yyyy' }}\n          </div>\n          <div class=\"wac-calendar__wrapper__input__time\">\n            {{ dateSelected | date: 'HH:mm' }}\n          </div>\n        </div>\n        <div class=\"wac-calendar__wrapper__editInPlace\" *ngIf=\"type === 'edit'\" (click)=\"openCalendar()\">\n          <div class=\"wac-calendar__wrapper__editInPlace__icon\">\n            <i class=\"fal fa-calendar-alt\"></i>\n          </div>\n          <div class=\"wac-calendar__wrapper__editInPlace__date\">\n            {{ dateSelected | date: 'dd/MM/yyyy HH:mm' }}\n          </div>\n        </div>\n        <div class=\"wac-calendar__wrapper__select\" *ngIf=\"type === 'select'\" (click)=\"openCalendar()\">\n          <div class=\"wac-calendar__wrapper__select__icon\">\n            <i class=\"fal fa-calendar-alt\"></i>\n          </div>\n          <div class=\"wac-calendar__wrapper__select__date\">\n            {{ dateSelected | date: 'dd/MM/yyyy HH:mm' }}\n          </div>\n        </div>\n      </div>\n      <div\n        class=\"wac-calendar__absolute\"\n        [ngClass]=\"{\n          top: position === 'top',\n          bottom: position === 'bottom',\n          left: position === 'left',\n          right: position === 'right',\n          'right-top': position === 'right-top',\n          'right-bottom': position === 'right-bottom',\n          'left-top': position === 'left-top',\n          'left-bottom': position === 'left-bottom',\n          'with-time': typeDate === 'datetime-local' || typeDate === 'datetime'\n        }\"\n      >\n        <nwb-date-picker #datePicker (change)=\"onChangeDate($event)\" [options]=\"options\">\n          <input [nwbDatepickerStart]=\"datePicker\" type=\"text\" [nwbDateType]=\"'date'\" [value]=\"dateSelected.toISOString()\" />\n        </nwb-date-picker>\n        <div class=\"wac-calendar__absolute__time\" *ngIf=\"typeDate === 'datetime-local' || typeDate === 'datetime'\">\n          <div class=\"wac-calendar__absolute__time__wrapper\">\n            <div class=\"wac-calendar__absolute__time__wrapper__hours\">\n              <div class=\"wac-calendar__absolute__time__wrapper__hours__left\">\n                <button class=\"wac-calendar__absolute__time__wrapper__hours__btn\" (click)=\"incrementHours($event)\">\n                  <i class=\"fas fa-plus\"></i>\n                </button>\n                <button class=\"wac-calendar__absolute__time__wrapper__hours__btn\" (click)=\"decrementHours($event)\">\n                  <i class=\"fas fa-minus\"></i>\n                </button>\n              </div>\n              <div class=\"wac-calendar__absolute__time__wrapper__hours__right\">\n                <input #hours type=\"text\" [(ngModel)]=\"calendarHours\" [wacOnlyNumber]=\"true\"/>\n              </div>\n            </div>\n            <div class=\"wac-calendar__absolute__time__wrapper__minutes\">\n              <div class=\"wac-calendar__absolute__time__wrapper__minutes__left\">\n                <input #minutes type=\"text\" [(ngModel)]=\"calendarMinutes\" [wacOnlyNumber]=\"true\"/>\n              </div>\n              <div class=\"wac-calendar__absolute__time__wrapper__minutes__right\">\n                <button class=\"wac-calendar__absolute__time__wrapper__minutes__btn\" (click)=\"incrementMinutes($event)\">\n                  <i class=\"fas fa-plus\"></i>\n                </button>\n                <button class=\"wac-calendar__absolute__time__wrapper__minutes__btn\" (click)=\"decrementsMinutes($event)\">\n                  <i class=\"fas fa-minus\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </wac-optional-disable-container>\n  <p class=\"wac-calendar__endLabel\" *ngIf=\"type === 'edit'\">{{ endLabel }}</p>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.DatePipe }]; }, propDecorators: { minutes: [{
                 type: ViewChild,
                 args: ['minutes']
@@ -2133,6 +2138,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
                 args: ['datePicker']
             }], label: [{
                 type: Input
+            }], boldLabel: [{
+                type: Input
             }], type: [{
                 type: Input
             }], options: [{