ngx-wapp-components 1.0.47 → 1.0.48
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/button/w-select-button/w-select-button.component.mjs +2 -2
- package/esm2020/lib/edit/w-edit-calendar/w-edit-calendar.component.mjs +3 -3
- package/fesm2015/ngx-wapp-components.mjs +4 -4
- package/fesm2015/ngx-wapp-components.mjs.map +1 -1
- package/fesm2020/ngx-wapp-components.mjs +4 -4
- package/fesm2020/ngx-wapp-components.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -49,7 +49,7 @@ WSelectButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
49
49
|
useExisting: forwardRef(() => WSelectButtonComponent),
|
|
50
50
|
multi: true
|
|
51
51
|
}
|
|
52
|
-
], ngImport: i0, template: "<ng-container *ngIf=\"formControl; else noNgControl\">\r\n <p-selectButton [ngClass]=\"{'w-button-small' : size == getSizeName(sizeType.small), \r\n 'w-button-medium' : size == getSizeName(sizeType.medium),\r\n 'w-button-large' : size == getSizeName(sizeType.large)}\"\r\n [options]=\"stateOptions\" \r\n [formControl]=\"formControl\" \r\n [disabled]=\"disabled\" \r\n optionLabel=\"label\" \r\n optionValue=\"value\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\" \r\n (onChange)=\"onButtonChangedForm($event)\">\r\n </p-selectButton>\r\n</ng-container>\r\n<ng-template #noNgControl>\r\n <p-selectButton [ngClass]=\"{'w-button-small' : size == getSizeName(sizeType.small), \r\n 'w-button-medium' : size == getSizeName(sizeType.medium),\r\n 'w-button-large' : size == getSizeName(sizeType.large)}\"\r\n [options]=\"stateOptions\" \r\n [(ngModel)]=\"ngModelValue\" \r\n [disabled]=\"disabled\" \r\n optionLabel=\"label\" \r\n optionValue=\"value\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\"\r\n (ngModelChange)=\"onButtonChanged()\">\r\n </p-selectButton>\r\n</ng-template>\r\n\r\n", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography,:host ::ng-deep .w-button-large .p-button .p-button-label{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography,:host ::ng-deep .w-button-medium .p-button .p-button-label{font-size:16px;line-height:16px;font-weight:700}.button-small-typography,:host ::ng-deep .w-button-
|
|
52
|
+
], ngImport: i0, template: "<ng-container *ngIf=\"formControl; else noNgControl\">\r\n <p-selectButton [ngClass]=\"{'w-button-small' : size == getSizeName(sizeType.small), \r\n 'w-button-medium' : size == getSizeName(sizeType.medium),\r\n 'w-button-large' : size == getSizeName(sizeType.large)}\"\r\n [options]=\"stateOptions\" \r\n [formControl]=\"formControl\" \r\n [disabled]=\"disabled\" \r\n optionLabel=\"label\" \r\n optionValue=\"value\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\" \r\n (onChange)=\"onButtonChangedForm($event)\">\r\n </p-selectButton>\r\n</ng-container>\r\n<ng-template #noNgControl>\r\n <p-selectButton [ngClass]=\"{'w-button-small' : size == getSizeName(sizeType.small), \r\n 'w-button-medium' : size == getSizeName(sizeType.medium),\r\n 'w-button-large' : size == getSizeName(sizeType.large)}\"\r\n [options]=\"stateOptions\" \r\n [(ngModel)]=\"ngModelValue\" \r\n [disabled]=\"disabled\" \r\n optionLabel=\"label\" \r\n optionValue=\"value\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\"\r\n (ngModelChange)=\"onButtonChanged()\">\r\n </p-selectButton>\r\n</ng-template>\r\n\r\n", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography,:host ::ng-deep .w-button-large .p-button .p-button-label{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography,:host ::ng-deep .w-button-medium .p-button .p-button-label{font-size:16px;line-height:16px;font-weight:700}.button-small-typography,:host ::ng-deep .w-button-small .p-button .p-button-label{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .w-button-small .p-button{height:32px;border-radius:8px}:host ::ng-deep .w-button-medium .p-button{height:40px;border-radius:8px}:host ::ng-deep .w-button-large .p-button{height:56px;border-radius:8px}::ng-deep .p-selectbutton .p-button{border:2px solid #e8eaed;color:#5f6368;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}::ng-deep .p-selectbutton .p-button:first-child{border-top-right-radius:0!important;border-bottom-right-radius:0!important}::ng-deep .p-selectbutton .p-button:last-child{border-top-left-radius:0!important;border-bottom-left-radius:0!important}:host ::ng-deep .w-button-medium .p-button-label{font-weight:700;font-size:12px;line-height:16px}:host ::ng-deep .w-button-small .p-button:focus,:host ::ng-deep .w-button-medium .p-button:focus,:host ::ng-deep .w-button-large .p-button:focus{box-shadow:0 0 3px 3px #00a6e940!important}::ng-deep .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover,::ng-deep .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover,::ng-deep .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover{background:transparent;border-color:#00b2eb;color:#00b2eb}::ng-deep .p-selectbutton .p-button.p-highlight:hover{background:#00b2eb;border-color:#00b2eb;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i4.SelectButton, selector: "p-selectButton", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "tabindex", "multiple", "style", "styleClass", "ariaLabelledBy", "disabled", "dataKey"], outputs: ["onOptionClick", "onChange"] }] });
|
|
53
53
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSelectButtonComponent, decorators: [{
|
|
54
54
|
type: Component,
|
|
55
55
|
args: [{ selector: 'w-select-button', providers: [
|
|
@@ -58,7 +58,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
58
58
|
useExisting: forwardRef(() => WSelectButtonComponent),
|
|
59
59
|
multi: true
|
|
60
60
|
}
|
|
61
|
-
], template: "<ng-container *ngIf=\"formControl; else noNgControl\">\r\n <p-selectButton [ngClass]=\"{'w-button-small' : size == getSizeName(sizeType.small), \r\n 'w-button-medium' : size == getSizeName(sizeType.medium),\r\n 'w-button-large' : size == getSizeName(sizeType.large)}\"\r\n [options]=\"stateOptions\" \r\n [formControl]=\"formControl\" \r\n [disabled]=\"disabled\" \r\n optionLabel=\"label\" \r\n optionValue=\"value\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\" \r\n (onChange)=\"onButtonChangedForm($event)\">\r\n </p-selectButton>\r\n</ng-container>\r\n<ng-template #noNgControl>\r\n <p-selectButton [ngClass]=\"{'w-button-small' : size == getSizeName(sizeType.small), \r\n 'w-button-medium' : size == getSizeName(sizeType.medium),\r\n 'w-button-large' : size == getSizeName(sizeType.large)}\"\r\n [options]=\"stateOptions\" \r\n [(ngModel)]=\"ngModelValue\" \r\n [disabled]=\"disabled\" \r\n optionLabel=\"label\" \r\n optionValue=\"value\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\"\r\n (ngModelChange)=\"onButtonChanged()\">\r\n </p-selectButton>\r\n</ng-template>\r\n\r\n", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography,:host ::ng-deep .w-button-large .p-button .p-button-label{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography,:host ::ng-deep .w-button-medium .p-button .p-button-label{font-size:16px;line-height:16px;font-weight:700}.button-small-typography,:host ::ng-deep .w-button-
|
|
61
|
+
], template: "<ng-container *ngIf=\"formControl; else noNgControl\">\r\n <p-selectButton [ngClass]=\"{'w-button-small' : size == getSizeName(sizeType.small), \r\n 'w-button-medium' : size == getSizeName(sizeType.medium),\r\n 'w-button-large' : size == getSizeName(sizeType.large)}\"\r\n [options]=\"stateOptions\" \r\n [formControl]=\"formControl\" \r\n [disabled]=\"disabled\" \r\n optionLabel=\"label\" \r\n optionValue=\"value\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\" \r\n (onChange)=\"onButtonChangedForm($event)\">\r\n </p-selectButton>\r\n</ng-container>\r\n<ng-template #noNgControl>\r\n <p-selectButton [ngClass]=\"{'w-button-small' : size == getSizeName(sizeType.small), \r\n 'w-button-medium' : size == getSizeName(sizeType.medium),\r\n 'w-button-large' : size == getSizeName(sizeType.large)}\"\r\n [options]=\"stateOptions\" \r\n [(ngModel)]=\"ngModelValue\" \r\n [disabled]=\"disabled\" \r\n optionLabel=\"label\" \r\n optionValue=\"value\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\"\r\n (ngModelChange)=\"onButtonChanged()\">\r\n </p-selectButton>\r\n</ng-template>\r\n\r\n", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography,:host ::ng-deep .w-button-large .p-button .p-button-label{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography,:host ::ng-deep .w-button-medium .p-button .p-button-label{font-size:16px;line-height:16px;font-weight:700}.button-small-typography,:host ::ng-deep .w-button-small .p-button .p-button-label{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .w-button-small .p-button{height:32px;border-radius:8px}:host ::ng-deep .w-button-medium .p-button{height:40px;border-radius:8px}:host ::ng-deep .w-button-large .p-button{height:56px;border-radius:8px}::ng-deep .p-selectbutton .p-button{border:2px solid #e8eaed;color:#5f6368;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}::ng-deep .p-selectbutton .p-button:first-child{border-top-right-radius:0!important;border-bottom-right-radius:0!important}::ng-deep .p-selectbutton .p-button:last-child{border-top-left-radius:0!important;border-bottom-left-radius:0!important}:host ::ng-deep .w-button-medium .p-button-label{font-weight:700;font-size:12px;line-height:16px}:host ::ng-deep .w-button-small .p-button:focus,:host ::ng-deep .w-button-medium .p-button:focus,:host ::ng-deep .w-button-large .p-button:focus{box-shadow:0 0 3px 3px #00a6e940!important}::ng-deep .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover,::ng-deep .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover,::ng-deep .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover{background:transparent;border-color:#00b2eb;color:#00b2eb}::ng-deep .p-selectbutton .p-button.p-highlight:hover{background:#00b2eb;border-color:#00b2eb;color:#fff}\n"] }]
|
|
62
62
|
}], propDecorators: { stateOptions: [{
|
|
63
63
|
type: Input,
|
|
64
64
|
args: ['stateOptions']
|
|
@@ -56,7 +56,7 @@ WEditCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
56
56
|
useExisting: forwardRef(() => WEditCalendarComponent),
|
|
57
57
|
multi: true
|
|
58
58
|
}
|
|
59
|
-
], ngImport: i0, template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-calendar-styles\">\r\n <p-calendar [ngClass]=\"{'ng-invalid ng-dirty': formControl.hasError('required') && formControl.touched}\"\r\n [ngClass]=\"{'w-edit-calendar-small' : size == getSizeName(sizeType.small), \r\n 'w-edit-calendar-medium' : size == getSizeName(sizeType.medium)}\"\r\n inputId=\"time\" placeholder=\"{{placeholder}}\"\r\n [showTime]=\"showTime\" \r\n [showSeconds]=\"showSeconds\" \r\n [showIcon]=\"showIcon\"\r\n [icon]=\"timeOnly ? 'pi pi-clock' : 'pi pi-calendar'\"\r\n [minDate]=\"minDate\" \r\n [maxDate]=\"maxDate\" \r\n [required]=\"isRequired\" \r\n [formControl]=\"formControl\" \r\n (onSelect)=\"onValue($event)\">\r\n </p-calendar>\r\n <small *ngIf=\"formControl.hasError('required') && formControl.touched\" class=\"p-error block\">{{requiredErrorDescription}}</small> \r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-calendar-styles\">\r\n <p-calendar [ngClass]=\"{'w-edit-calendar-small' : size == getSizeName(sizeType.small), \r\n 'w-edit-calendar-medium' : size == getSizeName(sizeType.medium)}\"\r\n [(ngModel)]=\"ngModelValue\" inputId=\"time\" placeholder=\"{{placeholder}}\"\r\n [showTime]=\"showTime\" \r\n [timeOnly]=\"timeOnly\"\r\n [showSeconds]=\"showSeconds\" \r\n [showIcon]=\"showIcon\"\r\n [icon]=\"timeOnly ? 'pi pi-clock' : 'pi pi-calendar'\"\r\n [minDate]=\"minDate\" \r\n [maxDate]=\"maxDate\" \r\n (onSelect)=\"onDateChanged()\">\r\n </p-calendar>\r\n </div>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small,::ng-deep .w-edit-calendar-small .p-inputtext{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder,::ng-deep .p-inputtext:-moz-placeholder,::ng-deep .p-inputtext:-ms-input-placeholder,::ng-deep .p-inputtext::-moz-placeholder,::ng-deep .p-inputtext::-webkit-input-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic,::ng-deep .w-edit-calendar-medium .p-inputtext{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}::ng-deep .w-edit-calendar-small .p-calendar{height:32px;width:100%}::ng-deep .w-edit-calendar-medium .p-calendar{height:40px;width:100%}::ng-deep .w-edit-calendar-small .p-inputtext{font-weight:600;border-radius:8px;border-width:2px;padding-left:14px!important;border:2px solid #e8eaed}::ng-deep .w-edit-calendar-medium .p-inputtext{border-radius:8px;border-width:2px;padding-left:14px!important;border:2px solid #e8eaed}::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:hover{border-color:#00b2eb}::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:focus{border-radius:8px;border:2px solid #e0f5fc;padding-left:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }] });
|
|
59
|
+
], ngImport: i0, template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-calendar-styles\">\r\n <p-calendar [ngClass]=\"{'ng-invalid ng-dirty': formControl.hasError('required') && formControl.touched}\"\r\n [ngClass]=\"{'w-edit-calendar-small' : size == getSizeName(sizeType.small), \r\n 'w-edit-calendar-medium' : size == getSizeName(sizeType.medium)}\"\r\n appendTo=\"body\"\r\n dateFormat=\"dd.mm.yy\"\r\n inputId=\"time\" placeholder=\"{{placeholder}}\"\r\n [showTime]=\"showTime\" \r\n [showSeconds]=\"showSeconds\" \r\n [showIcon]=\"showIcon\"\r\n [icon]=\"timeOnly ? 'pi pi-clock' : 'pi pi-calendar'\"\r\n [minDate]=\"minDate\" \r\n [maxDate]=\"maxDate\" \r\n [required]=\"isRequired\" \r\n [formControl]=\"formControl\" \r\n (onSelect)=\"onValue($event)\">\r\n </p-calendar>\r\n <small *ngIf=\"formControl.hasError('required') && formControl.touched\" class=\"p-error block\">{{requiredErrorDescription}}</small> \r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-calendar-styles\">\r\n <p-calendar [ngClass]=\"{'w-edit-calendar-small' : size == getSizeName(sizeType.small), \r\n 'w-edit-calendar-medium' : size == getSizeName(sizeType.medium)}\"\r\n appendTo=\"body\"\r\n dateFormat=\"dd.mm.yy\"\r\n [(ngModel)]=\"ngModelValue\" inputId=\"time\" placeholder=\"{{placeholder}}\"\r\n [showTime]=\"showTime\" \r\n [timeOnly]=\"timeOnly\"\r\n [showSeconds]=\"showSeconds\" \r\n [showIcon]=\"showIcon\"\r\n [icon]=\"timeOnly ? 'pi pi-clock' : 'pi pi-calendar'\"\r\n [minDate]=\"minDate\" \r\n [maxDate]=\"maxDate\" \r\n (onSelect)=\"onDateChanged()\">\r\n </p-calendar>\r\n </div>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small,::ng-deep .w-edit-calendar-small .p-inputtext{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder,::ng-deep .p-inputtext:-moz-placeholder,::ng-deep .p-inputtext:-ms-input-placeholder,::ng-deep .p-inputtext::-moz-placeholder,::ng-deep .p-inputtext::-webkit-input-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic,::ng-deep .w-edit-calendar-medium .p-inputtext{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}::ng-deep .w-edit-calendar-small .p-calendar{height:32px;width:100%}::ng-deep .w-edit-calendar-medium .p-calendar{height:40px;width:100%}::ng-deep .w-edit-calendar-small .p-inputtext{font-weight:600;border-radius:8px;border-width:2px;padding-left:14px!important;border:2px solid #e8eaed}::ng-deep .w-edit-calendar-medium .p-inputtext{border-radius:8px;border-width:2px;padding-left:14px!important;border:2px solid #e8eaed}::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:hover{border-color:#00b2eb}::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:focus{border-radius:8px;border:2px solid #e0f5fc;padding-left:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }] });
|
|
60
60
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WEditCalendarComponent, decorators: [{
|
|
61
61
|
type: Component,
|
|
62
62
|
args: [{ selector: 'w-edit-calendar', providers: [
|
|
@@ -65,7 +65,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
65
65
|
useExisting: forwardRef(() => WEditCalendarComponent),
|
|
66
66
|
multi: true
|
|
67
67
|
}
|
|
68
|
-
], template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-calendar-styles\">\r\n <p-calendar [ngClass]=\"{'ng-invalid ng-dirty': formControl.hasError('required') && formControl.touched}\"\r\n [ngClass]=\"{'w-edit-calendar-small' : size == getSizeName(sizeType.small), \r\n 'w-edit-calendar-medium' : size == getSizeName(sizeType.medium)}\"\r\n inputId=\"time\" placeholder=\"{{placeholder}}\"\r\n [showTime]=\"showTime\" \r\n [showSeconds]=\"showSeconds\" \r\n [showIcon]=\"showIcon\"\r\n [icon]=\"timeOnly ? 'pi pi-clock' : 'pi pi-calendar'\"\r\n [minDate]=\"minDate\" \r\n [maxDate]=\"maxDate\" \r\n [required]=\"isRequired\" \r\n [formControl]=\"formControl\" \r\n (onSelect)=\"onValue($event)\">\r\n </p-calendar>\r\n <small *ngIf=\"formControl.hasError('required') && formControl.touched\" class=\"p-error block\">{{requiredErrorDescription}}</small> \r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-calendar-styles\">\r\n <p-calendar [ngClass]=\"{'w-edit-calendar-small' : size == getSizeName(sizeType.small), \r\n 'w-edit-calendar-medium' : size == getSizeName(sizeType.medium)}\"\r\n [(ngModel)]=\"ngModelValue\" inputId=\"time\" placeholder=\"{{placeholder}}\"\r\n [showTime]=\"showTime\" \r\n [timeOnly]=\"timeOnly\"\r\n [showSeconds]=\"showSeconds\" \r\n [showIcon]=\"showIcon\"\r\n [icon]=\"timeOnly ? 'pi pi-clock' : 'pi pi-calendar'\"\r\n [minDate]=\"minDate\" \r\n [maxDate]=\"maxDate\" \r\n (onSelect)=\"onDateChanged()\">\r\n </p-calendar>\r\n </div>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small,::ng-deep .w-edit-calendar-small .p-inputtext{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder,::ng-deep .p-inputtext:-moz-placeholder,::ng-deep .p-inputtext:-ms-input-placeholder,::ng-deep .p-inputtext::-moz-placeholder,::ng-deep .p-inputtext::-webkit-input-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic,::ng-deep .w-edit-calendar-medium .p-inputtext{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}::ng-deep .w-edit-calendar-small .p-calendar{height:32px;width:100%}::ng-deep .w-edit-calendar-medium .p-calendar{height:40px;width:100%}::ng-deep .w-edit-calendar-small .p-inputtext{font-weight:600;border-radius:8px;border-width:2px;padding-left:14px!important;border:2px solid #e8eaed}::ng-deep .w-edit-calendar-medium .p-inputtext{border-radius:8px;border-width:2px;padding-left:14px!important;border:2px solid #e8eaed}::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:hover{border-color:#00b2eb}::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:focus{border-radius:8px;border:2px solid #e0f5fc;padding-left:16px}\n"] }]
|
|
68
|
+
], template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-calendar-styles\">\r\n <p-calendar [ngClass]=\"{'ng-invalid ng-dirty': formControl.hasError('required') && formControl.touched}\"\r\n [ngClass]=\"{'w-edit-calendar-small' : size == getSizeName(sizeType.small), \r\n 'w-edit-calendar-medium' : size == getSizeName(sizeType.medium)}\"\r\n appendTo=\"body\"\r\n dateFormat=\"dd.mm.yy\"\r\n inputId=\"time\" placeholder=\"{{placeholder}}\"\r\n [showTime]=\"showTime\" \r\n [showSeconds]=\"showSeconds\" \r\n [showIcon]=\"showIcon\"\r\n [icon]=\"timeOnly ? 'pi pi-clock' : 'pi pi-calendar'\"\r\n [minDate]=\"minDate\" \r\n [maxDate]=\"maxDate\" \r\n [required]=\"isRequired\" \r\n [formControl]=\"formControl\" \r\n (onSelect)=\"onValue($event)\">\r\n </p-calendar>\r\n <small *ngIf=\"formControl.hasError('required') && formControl.touched\" class=\"p-error block\">{{requiredErrorDescription}}</small> \r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-calendar-styles\">\r\n <p-calendar [ngClass]=\"{'w-edit-calendar-small' : size == getSizeName(sizeType.small), \r\n 'w-edit-calendar-medium' : size == getSizeName(sizeType.medium)}\"\r\n appendTo=\"body\"\r\n dateFormat=\"dd.mm.yy\"\r\n [(ngModel)]=\"ngModelValue\" inputId=\"time\" placeholder=\"{{placeholder}}\"\r\n [showTime]=\"showTime\" \r\n [timeOnly]=\"timeOnly\"\r\n [showSeconds]=\"showSeconds\" \r\n [showIcon]=\"showIcon\"\r\n [icon]=\"timeOnly ? 'pi pi-clock' : 'pi pi-calendar'\"\r\n [minDate]=\"minDate\" \r\n [maxDate]=\"maxDate\" \r\n (onSelect)=\"onDateChanged()\">\r\n </p-calendar>\r\n </div>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small,::ng-deep .w-edit-calendar-small .p-inputtext{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder,::ng-deep .p-inputtext:-moz-placeholder,::ng-deep .p-inputtext:-ms-input-placeholder,::ng-deep .p-inputtext::-moz-placeholder,::ng-deep .p-inputtext::-webkit-input-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic,::ng-deep .w-edit-calendar-medium .p-inputtext{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}::ng-deep .w-edit-calendar-small .p-calendar{height:32px;width:100%}::ng-deep .w-edit-calendar-medium .p-calendar{height:40px;width:100%}::ng-deep .w-edit-calendar-small .p-inputtext{font-weight:600;border-radius:8px;border-width:2px;padding-left:14px!important;border:2px solid #e8eaed}::ng-deep .w-edit-calendar-medium .p-inputtext{border-radius:8px;border-width:2px;padding-left:14px!important;border:2px solid #e8eaed}::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:hover{border-color:#00b2eb}::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:focus{border-radius:8px;border:2px solid #e0f5fc;padding-left:16px}\n"] }]
|
|
69
69
|
}], propDecorators: { showTime: [{
|
|
70
70
|
type: Input,
|
|
71
71
|
args: ['showTime']
|
|
@@ -103,4 +103,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
103
103
|
type: Output,
|
|
104
104
|
args: ['onChange']
|
|
105
105
|
}] } });
|
|
106
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
106
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1lZGl0LWNhbGVuZGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2VkaXQvdy1lZGl0LWNhbGVuZGFyL3ctZWRpdC1jYWxlbmRhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9lZGl0L3ctZWRpdC1jYWxlbmRhci93LWVkaXQtY2FsZW5kYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFvQixNQUFNLEVBQVEsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNHLE9BQU8sRUFBRSxpQkFBaUIsRUFBcUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUN0RixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0seUJBQXlCLENBQUM7Ozs7O0FBY25ELE1BQU0sT0FBTyxzQkFBc0I7SUFabkM7UUFhcUIsYUFBUSxHQUFZLElBQUksQ0FBQztRQUN0QixnQkFBVyxHQUFZLElBQUksQ0FBQztRQUMvQixhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLGFBQVEsR0FBWSxJQUFJLENBQUM7UUFDdEIsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFHaEMsU0FBSSxHQUFXLFFBQVEsQ0FBQztRQUlsQixlQUFVLEdBQVksS0FBSyxDQUFDO1FBQ2QsNkJBQXdCLEdBQVksMEJBQTBCLENBQUM7UUFFOUUsa0JBQWEsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUUxRSxhQUFRLEdBQW9CLFFBQVEsQ0FBQztRQUlyQyxlQUFVLEdBQVksS0FBSyxDQUFDO1FBQzVCLGNBQVMsR0FBYSxLQUFLLENBQUM7UUFDNUIsYUFBUSxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUN6QixZQUFPLEdBQVEsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO0tBb0N6QjtJQWxDQyxRQUFRLEtBQVcsQ0FBQztJQUVwQixVQUFVLENBQUMsS0FBVTtRQUNuQixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztJQUM1QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsVUFBbUI7UUFDbEMsSUFBSSxDQUFDLFVBQVUsR0FBRyxVQUFVLENBQUM7SUFDL0IsQ0FBQztJQUVELE9BQU8sQ0FBQyxLQUFVO1FBQ2hCLE9BQU8sQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUE7UUFDbEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFhO1FBQ3ZCLE9BQU8sUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3pCLENBQUM7SUFFRCxhQUFhO1FBQ1gsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUE7UUFDOUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDakMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBRWYsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQzdDLENBQUM7O21IQTNEVSxzQkFBc0I7dUdBQXRCLHNCQUFzQiwwWEFSdEI7UUFDVDtZQUNFLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztZQUNyRCxLQUFLLEVBQUUsSUFBSTtTQUNaO0tBQ0YsMEJDZEgsZ2pFQW9DYzsyRkRwQkQsc0JBQXNCO2tCQVpsQyxTQUFTOytCQUNFLGlCQUFpQixhQUdoQjt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSx1QkFBdUIsQ0FBQzs0QkFDckQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7OEJBR2tCLFFBQVE7c0JBQTFCLEtBQUs7dUJBQUMsVUFBVTtnQkFDSyxXQUFXO3NCQUFoQyxLQUFLO3VCQUFDLGFBQWE7Z0JBQ0QsUUFBUTtzQkFBMUIsS0FBSzt1QkFBQyxVQUFVO2dCQUNFLFFBQVE7c0JBQTFCLEtBQUs7dUJBQUMsVUFBVTtnQkFDSyxXQUFXO3NCQUFoQyxLQUFLO3VCQUFDLGFBQWE7Z0JBQ0YsT0FBTztzQkFBeEIsS0FBSzt1QkFBQyxTQUFTO2dCQUNFLE9BQU87c0JBQXhCLEtBQUs7dUJBQUMsU0FBUztnQkFDRCxJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU07Z0JBQ1MsV0FBVztzQkFBaEMsS0FBSzt1QkFBQyxhQUFhO2dCQUdDLFVBQVU7c0JBQTlCLEtBQUs7dUJBQUMsWUFBWTtnQkFDZ0Isd0JBQXdCO3NCQUExRCxLQUFLO3VCQUFDLDBCQUEwQjtnQkFFYixhQUFhO3NCQUFoQyxNQUFNO3VCQUFDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3B0aW9uYWwsIE91dHB1dCwgU2VsZiwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiwgQ29udHJvbFZhbHVlQWNjZXNzb3IsIEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBTaXplVHlwZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9lbnVtcy9lbnVtJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndy1lZGl0LWNhbGVuZGFyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdy1lZGl0LWNhbGVuZGFyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi93LWVkaXQtY2FsZW5kYXIuY29tcG9uZW50LnNjc3MnXSxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFdFZGl0Q2FsZW5kYXJDb21wb25lbnQpLFxyXG4gICAgICBtdWx0aTogdHJ1ZVxyXG4gICAgfVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFdFZGl0Q2FsZW5kYXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcclxuICBASW5wdXQoJ3Nob3dUaW1lJykgc2hvd1RpbWU6IGJvb2xlYW4gPSB0cnVlO1xyXG4gIEBJbnB1dCgnc2hvd1NlY29uZHMnKSBzaG93U2Vjb25kczogYm9vbGVhbiA9IHRydWU7XHJcbiAgQElucHV0KCd0aW1lT25seScpIHRpbWVPbmx5OiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCdzaG93SWNvbicpIHNob3dJY29uOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoJ3BsYWNlaG9sZGVyJykgcGxhY2Vob2xkZXI6IHN0cmluZyA9IFwiXCI7XHJcbiAgQElucHV0KCdtaW5EYXRlJykgbWluRGF0ZSE6IERhdGU7XHJcbiAgQElucHV0KCdtYXhEYXRlJykgbWF4RGF0ZSE6IERhdGU7XHJcbiAgQElucHV0KCdzaXplJykgc2l6ZTogc3RyaW5nID0gXCJtZWRpdW1cIjtcclxuICBASW5wdXQoJ2Zvcm1Db250cm9sJykgZm9ybUNvbnRyb2whOiBGb3JtQ29udHJvbCB8IG51bGw7XHJcbiAgXHJcbiAgXHJcbiAgQElucHV0KCdpc1JlcXVpcmVkJykgaXNSZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgncmVxdWlyZWRFcnJvckRlc2NyaXB0aW9uJykgcmVxdWlyZWRFcnJvckRlc2NyaXB0aW9uIDogc3RyaW5nID0gXCJNZW5zYWplIGRlZmF1bHQgcmVxdWlyZWRcIjtcclxuICBcclxuICBAT3V0cHV0KCdvbkNoYW5nZScpIG9uQ2hhbmdlRXZlbnQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBzaXplVHlwZTogdHlwZW9mIFNpemVUeXBlID0gU2l6ZVR5cGU7XHJcblxyXG4gIG5nTW9kZWxWYWx1ZTogYW55O1xyXG5cclxuICBpc0Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgaXNUb3VjaGVkIDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIG9uQ2hhbmdlOiBhbnkgPSAoKSA9PiB7fTtcclxuICBvblRvdWNoOiBhbnkgPSAoKSA9PiB7fTtcclxuICBcclxuICBuZ09uSW5pdCgpOiB2b2lkIHsgfVxyXG4gIFxyXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSkge1xyXG4gICAgdGhpcy5uZ01vZGVsVmFsdWUgPSB2YWx1ZTtcclxuICB9XHJcbiAgXHJcbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XHJcbiAgfVxyXG5cclxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uVG91Y2ggPSBmbjtcclxuICB9XHJcblxyXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhpcy5pc0Rpc2FibGVkID0gaXNEaXNhYmxlZDtcclxuICB9XHJcblxyXG4gIG9uVmFsdWUodmFsdWU6IGFueSl7XHJcbiAgICBjb25zb2xlLmxvZyh2YWx1ZSlcclxuICAgIHRoaXMub25DaGFuZ2VFdmVudC5lbWl0KHZhbHVlKTtcclxuICB9XHJcblxyXG4gIGdldFNpemVOYW1lKHZhbHVlOiBudW1iZXIpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIFNpemVUeXBlW3ZhbHVlXTtcclxuICB9XHJcblxyXG4gIG9uRGF0ZUNoYW5nZWQoKXtcclxuICAgIGNvbnNvbGUubG9nKHRoaXMubmdNb2RlbFZhbHVlKVxyXG4gICAgdGhpcy5vbkNoYW5nZSh0aGlzLm5nTW9kZWxWYWx1ZSk7XHJcbiAgICB0aGlzLm9uVG91Y2goKTtcclxuXHJcbiAgICB0aGlzLm9uQ2hhbmdlRXZlbnQuZW1pdCh0aGlzLm5nTW9kZWxWYWx1ZSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgKm5nSWY9XCJmb3JtQ29udHJvbDsgZWxzZSBub05nQ29udHJvbFwiIGNsYXNzPVwidy1lZGl0LWNhbGVuZGFyLXN0eWxlc1wiPlxyXG4gICAgPHAtY2FsZW5kYXIgW25nQ2xhc3NdPVwieyduZy1pbnZhbGlkIG5nLWRpcnR5JzogZm9ybUNvbnRyb2wuaGFzRXJyb3IoJ3JlcXVpcmVkJykgJiYgZm9ybUNvbnRyb2wudG91Y2hlZH1cIlxyXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyd3LWVkaXQtY2FsZW5kYXItc21hbGwnIDogc2l6ZSA9PSBnZXRTaXplTmFtZShzaXplVHlwZS5zbWFsbCksIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgJ3ctZWRpdC1jYWxlbmRhci1tZWRpdW0nIDogc2l6ZSA9PSBnZXRTaXplTmFtZShzaXplVHlwZS5tZWRpdW0pfVwiXHJcbiAgICAgICAgICAgICAgICBhcHBlbmRUbz1cImJvZHlcIlxyXG4gICAgICAgICAgICAgICAgZGF0ZUZvcm1hdD1cImRkLm1tLnl5XCJcclxuICAgICAgICAgICAgICAgIGlucHV0SWQ9XCJ0aW1lXCIgcGxhY2Vob2xkZXI9XCJ7e3BsYWNlaG9sZGVyfX1cIlxyXG4gICAgICAgICAgICAgICAgW3Nob3dUaW1lXT1cInNob3dUaW1lXCIgXHJcbiAgICAgICAgICAgICAgICBbc2hvd1NlY29uZHNdPVwic2hvd1NlY29uZHNcIiBcclxuICAgICAgICAgICAgICAgIFtzaG93SWNvbl09XCJzaG93SWNvblwiXHJcbiAgICAgICAgICAgICAgICBbaWNvbl09XCJ0aW1lT25seSA/ICdwaSBwaS1jbG9jaycgOiAncGkgcGktY2FsZW5kYXInXCJcclxuICAgICAgICAgICAgICAgIFttaW5EYXRlXT1cIm1pbkRhdGVcIiBcclxuICAgICAgICAgICAgICAgIFttYXhEYXRlXT1cIm1heERhdGVcIiBcclxuICAgICAgICAgICAgICAgIFtyZXF1aXJlZF09XCJpc1JlcXVpcmVkXCIgXHJcbiAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIiBcclxuICAgICAgICAgICAgICAgIChvblNlbGVjdCk9XCJvblZhbHVlKCRldmVudClcIj5cclxuICAgIDwvcC1jYWxlbmRhcj5cclxuICAgIDxzbWFsbCAqbmdJZj1cImZvcm1Db250cm9sLmhhc0Vycm9yKCdyZXF1aXJlZCcpICYmIGZvcm1Db250cm9sLnRvdWNoZWRcIiBjbGFzcz1cInAtZXJyb3IgYmxvY2tcIj57e3JlcXVpcmVkRXJyb3JEZXNjcmlwdGlvbn19PC9zbWFsbD4gXHJcbjwvZGl2PlxyXG48bmctdGVtcGxhdGUgI25vTmdDb250cm9sPlxyXG4gICAgPGRpdiBjbGFzcz1cInctZWRpdC1jYWxlbmRhci1zdHlsZXNcIj5cclxuICAgICAgICA8cC1jYWxlbmRhciBbbmdDbGFzc109XCJ7J3ctZWRpdC1jYWxlbmRhci1zbWFsbCcgOiBzaXplID09IGdldFNpemVOYW1lKHNpemVUeXBlLnNtYWxsKSwgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgJ3ctZWRpdC1jYWxlbmRhci1tZWRpdW0nIDogc2l6ZSA9PSBnZXRTaXplTmFtZShzaXplVHlwZS5tZWRpdW0pfVwiXHJcbiAgICAgICAgICAgICAgICAgICAgYXBwZW5kVG89XCJib2R5XCJcclxuICAgICAgICAgICAgICAgICAgICBkYXRlRm9ybWF0PVwiZGQubW0ueXlcIlxyXG4gICAgICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwibmdNb2RlbFZhbHVlXCIgaW5wdXRJZD1cInRpbWVcIiBwbGFjZWhvbGRlcj1cInt7cGxhY2Vob2xkZXJ9fVwiXHJcbiAgICAgICAgICAgICAgICAgICAgW3Nob3dUaW1lXT1cInNob3dUaW1lXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgW3RpbWVPbmx5XT1cInRpbWVPbmx5XCJcclxuICAgICAgICAgICAgICAgICAgICBbc2hvd1NlY29uZHNdPVwic2hvd1NlY29uZHNcIiBcclxuICAgICAgICAgICAgICAgICAgICBbc2hvd0ljb25dPVwic2hvd0ljb25cIlxyXG4gICAgICAgICAgICAgICAgICAgIFtpY29uXT1cInRpbWVPbmx5ID8gJ3BpIHBpLWNsb2NrJyA6ICdwaSBwaS1jYWxlbmRhcidcIlxyXG4gICAgICAgICAgICAgICAgICAgIFttaW5EYXRlXT1cIm1pbkRhdGVcIiBcclxuICAgICAgICAgICAgICAgICAgICBbbWF4RGF0ZV09XCJtYXhEYXRlXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgKG9uU2VsZWN0KT1cIm9uRGF0ZUNoYW5nZWQoKVwiPlxyXG4gICAgICAgIDwvcC1jYWxlbmRhcj5cclxuICAgIDwvZGl2PlxyXG48L25nLXRlbXBsYXRlPiJdfQ==
|
|
@@ -2042,7 +2042,7 @@ WSelectButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
2042
2042
|
useExisting: forwardRef(() => WSelectButtonComponent),
|
|
2043
2043
|
multi: true
|
|
2044
2044
|
}
|
|
2045
|
-
], ngImport: i0, template: "<ng-container *ngIf=\"formControl; else noNgControl\">\r\n <p-selectButton [ngClass]=\"{'w-button-small' : size == getSizeName(sizeType.small), \r\n 'w-button-medium' : size == getSizeName(sizeType.medium),\r\n 'w-button-large' : size == getSizeName(sizeType.large)}\"\r\n [options]=\"stateOptions\" \r\n [formControl]=\"formControl\" \r\n [disabled]=\"disabled\" \r\n optionLabel=\"label\" \r\n optionValue=\"value\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\" \r\n (onChange)=\"onButtonChangedForm($event)\">\r\n </p-selectButton>\r\n</ng-container>\r\n<ng-template #noNgControl>\r\n <p-selectButton [ngClass]=\"{'w-button-small' : size == getSizeName(sizeType.small), \r\n 'w-button-medium' : size == getSizeName(sizeType.medium),\r\n 'w-button-large' : size == getSizeName(sizeType.large)}\"\r\n [options]=\"stateOptions\" \r\n [(ngModel)]=\"ngModelValue\" \r\n [disabled]=\"disabled\" \r\n optionLabel=\"label\" \r\n optionValue=\"value\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\"\r\n (ngModelChange)=\"onButtonChanged()\">\r\n </p-selectButton>\r\n</ng-template>\r\n\r\n", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography,:host ::ng-deep .w-button-large .p-button .p-button-label{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography,:host ::ng-deep .w-button-medium .p-button .p-button-label{font-size:16px;line-height:16px;font-weight:700}.button-small-typography,:host ::ng-deep .w-button-
|
|
2045
|
+
], ngImport: i0, template: "<ng-container *ngIf=\"formControl; else noNgControl\">\r\n <p-selectButton [ngClass]=\"{'w-button-small' : size == getSizeName(sizeType.small), \r\n 'w-button-medium' : size == getSizeName(sizeType.medium),\r\n 'w-button-large' : size == getSizeName(sizeType.large)}\"\r\n [options]=\"stateOptions\" \r\n [formControl]=\"formControl\" \r\n [disabled]=\"disabled\" \r\n optionLabel=\"label\" \r\n optionValue=\"value\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\" \r\n (onChange)=\"onButtonChangedForm($event)\">\r\n </p-selectButton>\r\n</ng-container>\r\n<ng-template #noNgControl>\r\n <p-selectButton [ngClass]=\"{'w-button-small' : size == getSizeName(sizeType.small), \r\n 'w-button-medium' : size == getSizeName(sizeType.medium),\r\n 'w-button-large' : size == getSizeName(sizeType.large)}\"\r\n [options]=\"stateOptions\" \r\n [(ngModel)]=\"ngModelValue\" \r\n [disabled]=\"disabled\" \r\n optionLabel=\"label\" \r\n optionValue=\"value\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\"\r\n (ngModelChange)=\"onButtonChanged()\">\r\n </p-selectButton>\r\n</ng-template>\r\n\r\n", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography,:host ::ng-deep .w-button-large .p-button .p-button-label{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography,:host ::ng-deep .w-button-medium .p-button .p-button-label{font-size:16px;line-height:16px;font-weight:700}.button-small-typography,:host ::ng-deep .w-button-small .p-button .p-button-label{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .w-button-small .p-button{height:32px;border-radius:8px}:host ::ng-deep .w-button-medium .p-button{height:40px;border-radius:8px}:host ::ng-deep .w-button-large .p-button{height:56px;border-radius:8px}::ng-deep .p-selectbutton .p-button{border:2px solid #e8eaed;color:#5f6368;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}::ng-deep .p-selectbutton .p-button:first-child{border-top-right-radius:0!important;border-bottom-right-radius:0!important}::ng-deep .p-selectbutton .p-button:last-child{border-top-left-radius:0!important;border-bottom-left-radius:0!important}:host ::ng-deep .w-button-medium .p-button-label{font-weight:700;font-size:12px;line-height:16px}:host ::ng-deep .w-button-small .p-button:focus,:host ::ng-deep .w-button-medium .p-button:focus,:host ::ng-deep .w-button-large .p-button:focus{box-shadow:0 0 3px 3px #00a6e940!important}::ng-deep .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover,::ng-deep .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover,::ng-deep .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover{background:transparent;border-color:#00b2eb;color:#00b2eb}::ng-deep .p-selectbutton .p-button.p-highlight:hover{background:#00b2eb;border-color:#00b2eb;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i4.SelectButton, selector: "p-selectButton", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "tabindex", "multiple", "style", "styleClass", "ariaLabelledBy", "disabled", "dataKey"], outputs: ["onOptionClick", "onChange"] }] });
|
|
2046
2046
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSelectButtonComponent, decorators: [{
|
|
2047
2047
|
type: Component,
|
|
2048
2048
|
args: [{ selector: 'w-select-button', providers: [
|
|
@@ -2051,7 +2051,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
2051
2051
|
useExisting: forwardRef(() => WSelectButtonComponent),
|
|
2052
2052
|
multi: true
|
|
2053
2053
|
}
|
|
2054
|
-
], template: "<ng-container *ngIf=\"formControl; else noNgControl\">\r\n <p-selectButton [ngClass]=\"{'w-button-small' : size == getSizeName(sizeType.small), \r\n 'w-button-medium' : size == getSizeName(sizeType.medium),\r\n 'w-button-large' : size == getSizeName(sizeType.large)}\"\r\n [options]=\"stateOptions\" \r\n [formControl]=\"formControl\" \r\n [disabled]=\"disabled\" \r\n optionLabel=\"label\" \r\n optionValue=\"value\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\" \r\n (onChange)=\"onButtonChangedForm($event)\">\r\n </p-selectButton>\r\n</ng-container>\r\n<ng-template #noNgControl>\r\n <p-selectButton [ngClass]=\"{'w-button-small' : size == getSizeName(sizeType.small), \r\n 'w-button-medium' : size == getSizeName(sizeType.medium),\r\n 'w-button-large' : size == getSizeName(sizeType.large)}\"\r\n [options]=\"stateOptions\" \r\n [(ngModel)]=\"ngModelValue\" \r\n [disabled]=\"disabled\" \r\n optionLabel=\"label\" \r\n optionValue=\"value\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\"\r\n (ngModelChange)=\"onButtonChanged()\">\r\n </p-selectButton>\r\n</ng-template>\r\n\r\n", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography,:host ::ng-deep .w-button-large .p-button .p-button-label{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography,:host ::ng-deep .w-button-medium .p-button .p-button-label{font-size:16px;line-height:16px;font-weight:700}.button-small-typography,:host ::ng-deep .w-button-
|
|
2054
|
+
], template: "<ng-container *ngIf=\"formControl; else noNgControl\">\r\n <p-selectButton [ngClass]=\"{'w-button-small' : size == getSizeName(sizeType.small), \r\n 'w-button-medium' : size == getSizeName(sizeType.medium),\r\n 'w-button-large' : size == getSizeName(sizeType.large)}\"\r\n [options]=\"stateOptions\" \r\n [formControl]=\"formControl\" \r\n [disabled]=\"disabled\" \r\n optionLabel=\"label\" \r\n optionValue=\"value\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\" \r\n (onChange)=\"onButtonChangedForm($event)\">\r\n </p-selectButton>\r\n</ng-container>\r\n<ng-template #noNgControl>\r\n <p-selectButton [ngClass]=\"{'w-button-small' : size == getSizeName(sizeType.small), \r\n 'w-button-medium' : size == getSizeName(sizeType.medium),\r\n 'w-button-large' : size == getSizeName(sizeType.large)}\"\r\n [options]=\"stateOptions\" \r\n [(ngModel)]=\"ngModelValue\" \r\n [disabled]=\"disabled\" \r\n optionLabel=\"label\" \r\n optionValue=\"value\" \r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\"\r\n (ngModelChange)=\"onButtonChanged()\">\r\n </p-selectButton>\r\n</ng-template>\r\n\r\n", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography,:host ::ng-deep .w-button-large .p-button .p-button-label{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography,:host ::ng-deep .w-button-medium .p-button .p-button-label{font-size:16px;line-height:16px;font-weight:700}.button-small-typography,:host ::ng-deep .w-button-small .p-button .p-button-label{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .w-button-small .p-button{height:32px;border-radius:8px}:host ::ng-deep .w-button-medium .p-button{height:40px;border-radius:8px}:host ::ng-deep .w-button-large .p-button{height:56px;border-radius:8px}::ng-deep .p-selectbutton .p-button{border:2px solid #e8eaed;color:#5f6368;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}::ng-deep .p-selectbutton .p-button:first-child{border-top-right-radius:0!important;border-bottom-right-radius:0!important}::ng-deep .p-selectbutton .p-button:last-child{border-top-left-radius:0!important;border-bottom-left-radius:0!important}:host ::ng-deep .w-button-medium .p-button-label{font-weight:700;font-size:12px;line-height:16px}:host ::ng-deep .w-button-small .p-button:focus,:host ::ng-deep .w-button-medium .p-button:focus,:host ::ng-deep .w-button-large .p-button:focus{box-shadow:0 0 3px 3px #00a6e940!important}::ng-deep .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover,::ng-deep .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover,::ng-deep .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover{background:transparent;border-color:#00b2eb;color:#00b2eb}::ng-deep .p-selectbutton .p-button.p-highlight:hover{background:#00b2eb;border-color:#00b2eb;color:#fff}\n"] }]
|
|
2055
2055
|
}], propDecorators: { stateOptions: [{
|
|
2056
2056
|
type: Input,
|
|
2057
2057
|
args: ['stateOptions']
|
|
@@ -2126,7 +2126,7 @@ WEditCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
2126
2126
|
useExisting: forwardRef(() => WEditCalendarComponent),
|
|
2127
2127
|
multi: true
|
|
2128
2128
|
}
|
|
2129
|
-
], ngImport: i0, template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-calendar-styles\">\r\n <p-calendar [ngClass]=\"{'ng-invalid ng-dirty': formControl.hasError('required') && formControl.touched}\"\r\n [ngClass]=\"{'w-edit-calendar-small' : size == getSizeName(sizeType.small), \r\n 'w-edit-calendar-medium' : size == getSizeName(sizeType.medium)}\"\r\n inputId=\"time\" placeholder=\"{{placeholder}}\"\r\n [showTime]=\"showTime\" \r\n [showSeconds]=\"showSeconds\" \r\n [showIcon]=\"showIcon\"\r\n [icon]=\"timeOnly ? 'pi pi-clock' : 'pi pi-calendar'\"\r\n [minDate]=\"minDate\" \r\n [maxDate]=\"maxDate\" \r\n [required]=\"isRequired\" \r\n [formControl]=\"formControl\" \r\n (onSelect)=\"onValue($event)\">\r\n </p-calendar>\r\n <small *ngIf=\"formControl.hasError('required') && formControl.touched\" class=\"p-error block\">{{requiredErrorDescription}}</small> \r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-calendar-styles\">\r\n <p-calendar [ngClass]=\"{'w-edit-calendar-small' : size == getSizeName(sizeType.small), \r\n 'w-edit-calendar-medium' : size == getSizeName(sizeType.medium)}\"\r\n [(ngModel)]=\"ngModelValue\" inputId=\"time\" placeholder=\"{{placeholder}}\"\r\n [showTime]=\"showTime\" \r\n [timeOnly]=\"timeOnly\"\r\n [showSeconds]=\"showSeconds\" \r\n [showIcon]=\"showIcon\"\r\n [icon]=\"timeOnly ? 'pi pi-clock' : 'pi pi-calendar'\"\r\n [minDate]=\"minDate\" \r\n [maxDate]=\"maxDate\" \r\n (onSelect)=\"onDateChanged()\">\r\n </p-calendar>\r\n </div>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small,::ng-deep .w-edit-calendar-small .p-inputtext{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder,::ng-deep .p-inputtext:-moz-placeholder,::ng-deep .p-inputtext:-ms-input-placeholder,::ng-deep .p-inputtext::-moz-placeholder,::ng-deep .p-inputtext::-webkit-input-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic,::ng-deep .w-edit-calendar-medium .p-inputtext{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}::ng-deep .w-edit-calendar-small .p-calendar{height:32px;width:100%}::ng-deep .w-edit-calendar-medium .p-calendar{height:40px;width:100%}::ng-deep .w-edit-calendar-small .p-inputtext{font-weight:600;border-radius:8px;border-width:2px;padding-left:14px!important;border:2px solid #e8eaed}::ng-deep .w-edit-calendar-medium .p-inputtext{border-radius:8px;border-width:2px;padding-left:14px!important;border:2px solid #e8eaed}::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:hover{border-color:#00b2eb}::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:focus{border-radius:8px;border:2px solid #e0f5fc;padding-left:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$3.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }] });
|
|
2129
|
+
], ngImport: i0, template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-calendar-styles\">\r\n <p-calendar [ngClass]=\"{'ng-invalid ng-dirty': formControl.hasError('required') && formControl.touched}\"\r\n [ngClass]=\"{'w-edit-calendar-small' : size == getSizeName(sizeType.small), \r\n 'w-edit-calendar-medium' : size == getSizeName(sizeType.medium)}\"\r\n appendTo=\"body\"\r\n dateFormat=\"dd.mm.yy\"\r\n inputId=\"time\" placeholder=\"{{placeholder}}\"\r\n [showTime]=\"showTime\" \r\n [showSeconds]=\"showSeconds\" \r\n [showIcon]=\"showIcon\"\r\n [icon]=\"timeOnly ? 'pi pi-clock' : 'pi pi-calendar'\"\r\n [minDate]=\"minDate\" \r\n [maxDate]=\"maxDate\" \r\n [required]=\"isRequired\" \r\n [formControl]=\"formControl\" \r\n (onSelect)=\"onValue($event)\">\r\n </p-calendar>\r\n <small *ngIf=\"formControl.hasError('required') && formControl.touched\" class=\"p-error block\">{{requiredErrorDescription}}</small> \r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-calendar-styles\">\r\n <p-calendar [ngClass]=\"{'w-edit-calendar-small' : size == getSizeName(sizeType.small), \r\n 'w-edit-calendar-medium' : size == getSizeName(sizeType.medium)}\"\r\n appendTo=\"body\"\r\n dateFormat=\"dd.mm.yy\"\r\n [(ngModel)]=\"ngModelValue\" inputId=\"time\" placeholder=\"{{placeholder}}\"\r\n [showTime]=\"showTime\" \r\n [timeOnly]=\"timeOnly\"\r\n [showSeconds]=\"showSeconds\" \r\n [showIcon]=\"showIcon\"\r\n [icon]=\"timeOnly ? 'pi pi-clock' : 'pi pi-calendar'\"\r\n [minDate]=\"minDate\" \r\n [maxDate]=\"maxDate\" \r\n (onSelect)=\"onDateChanged()\">\r\n </p-calendar>\r\n </div>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small,::ng-deep .w-edit-calendar-small .p-inputtext{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder,::ng-deep .p-inputtext:-moz-placeholder,::ng-deep .p-inputtext:-ms-input-placeholder,::ng-deep .p-inputtext::-moz-placeholder,::ng-deep .p-inputtext::-webkit-input-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic,::ng-deep .w-edit-calendar-medium .p-inputtext{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}::ng-deep .w-edit-calendar-small .p-calendar{height:32px;width:100%}::ng-deep .w-edit-calendar-medium .p-calendar{height:40px;width:100%}::ng-deep .w-edit-calendar-small .p-inputtext{font-weight:600;border-radius:8px;border-width:2px;padding-left:14px!important;border:2px solid #e8eaed}::ng-deep .w-edit-calendar-medium .p-inputtext{border-radius:8px;border-width:2px;padding-left:14px!important;border:2px solid #e8eaed}::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:hover{border-color:#00b2eb}::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:focus{border-radius:8px;border:2px solid #e0f5fc;padding-left:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$3.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }] });
|
|
2130
2130
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WEditCalendarComponent, decorators: [{
|
|
2131
2131
|
type: Component,
|
|
2132
2132
|
args: [{ selector: 'w-edit-calendar', providers: [
|
|
@@ -2135,7 +2135,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
2135
2135
|
useExisting: forwardRef(() => WEditCalendarComponent),
|
|
2136
2136
|
multi: true
|
|
2137
2137
|
}
|
|
2138
|
-
], template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-calendar-styles\">\r\n <p-calendar [ngClass]=\"{'ng-invalid ng-dirty': formControl.hasError('required') && formControl.touched}\"\r\n [ngClass]=\"{'w-edit-calendar-small' : size == getSizeName(sizeType.small), \r\n 'w-edit-calendar-medium' : size == getSizeName(sizeType.medium)}\"\r\n inputId=\"time\" placeholder=\"{{placeholder}}\"\r\n [showTime]=\"showTime\" \r\n [showSeconds]=\"showSeconds\" \r\n [showIcon]=\"showIcon\"\r\n [icon]=\"timeOnly ? 'pi pi-clock' : 'pi pi-calendar'\"\r\n [minDate]=\"minDate\" \r\n [maxDate]=\"maxDate\" \r\n [required]=\"isRequired\" \r\n [formControl]=\"formControl\" \r\n (onSelect)=\"onValue($event)\">\r\n </p-calendar>\r\n <small *ngIf=\"formControl.hasError('required') && formControl.touched\" class=\"p-error block\">{{requiredErrorDescription}}</small> \r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-calendar-styles\">\r\n <p-calendar [ngClass]=\"{'w-edit-calendar-small' : size == getSizeName(sizeType.small), \r\n 'w-edit-calendar-medium' : size == getSizeName(sizeType.medium)}\"\r\n [(ngModel)]=\"ngModelValue\" inputId=\"time\" placeholder=\"{{placeholder}}\"\r\n [showTime]=\"showTime\" \r\n [timeOnly]=\"timeOnly\"\r\n [showSeconds]=\"showSeconds\" \r\n [showIcon]=\"showIcon\"\r\n [icon]=\"timeOnly ? 'pi pi-clock' : 'pi pi-calendar'\"\r\n [minDate]=\"minDate\" \r\n [maxDate]=\"maxDate\" \r\n (onSelect)=\"onDateChanged()\">\r\n </p-calendar>\r\n </div>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small,::ng-deep .w-edit-calendar-small .p-inputtext{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder,::ng-deep .p-inputtext:-moz-placeholder,::ng-deep .p-inputtext:-ms-input-placeholder,::ng-deep .p-inputtext::-moz-placeholder,::ng-deep .p-inputtext::-webkit-input-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic,::ng-deep .w-edit-calendar-medium .p-inputtext{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}::ng-deep .w-edit-calendar-small .p-calendar{height:32px;width:100%}::ng-deep .w-edit-calendar-medium .p-calendar{height:40px;width:100%}::ng-deep .w-edit-calendar-small .p-inputtext{font-weight:600;border-radius:8px;border-width:2px;padding-left:14px!important;border:2px solid #e8eaed}::ng-deep .w-edit-calendar-medium .p-inputtext{border-radius:8px;border-width:2px;padding-left:14px!important;border:2px solid #e8eaed}::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:hover{border-color:#00b2eb}::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:focus{border-radius:8px;border:2px solid #e0f5fc;padding-left:16px}\n"] }]
|
|
2138
|
+
], template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-calendar-styles\">\r\n <p-calendar [ngClass]=\"{'ng-invalid ng-dirty': formControl.hasError('required') && formControl.touched}\"\r\n [ngClass]=\"{'w-edit-calendar-small' : size == getSizeName(sizeType.small), \r\n 'w-edit-calendar-medium' : size == getSizeName(sizeType.medium)}\"\r\n appendTo=\"body\"\r\n dateFormat=\"dd.mm.yy\"\r\n inputId=\"time\" placeholder=\"{{placeholder}}\"\r\n [showTime]=\"showTime\" \r\n [showSeconds]=\"showSeconds\" \r\n [showIcon]=\"showIcon\"\r\n [icon]=\"timeOnly ? 'pi pi-clock' : 'pi pi-calendar'\"\r\n [minDate]=\"minDate\" \r\n [maxDate]=\"maxDate\" \r\n [required]=\"isRequired\" \r\n [formControl]=\"formControl\" \r\n (onSelect)=\"onValue($event)\">\r\n </p-calendar>\r\n <small *ngIf=\"formControl.hasError('required') && formControl.touched\" class=\"p-error block\">{{requiredErrorDescription}}</small> \r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-calendar-styles\">\r\n <p-calendar [ngClass]=\"{'w-edit-calendar-small' : size == getSizeName(sizeType.small), \r\n 'w-edit-calendar-medium' : size == getSizeName(sizeType.medium)}\"\r\n appendTo=\"body\"\r\n dateFormat=\"dd.mm.yy\"\r\n [(ngModel)]=\"ngModelValue\" inputId=\"time\" placeholder=\"{{placeholder}}\"\r\n [showTime]=\"showTime\" \r\n [timeOnly]=\"timeOnly\"\r\n [showSeconds]=\"showSeconds\" \r\n [showIcon]=\"showIcon\"\r\n [icon]=\"timeOnly ? 'pi pi-clock' : 'pi pi-calendar'\"\r\n [minDate]=\"minDate\" \r\n [maxDate]=\"maxDate\" \r\n (onSelect)=\"onDateChanged()\">\r\n </p-calendar>\r\n </div>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small,::ng-deep .w-edit-calendar-small .p-inputtext{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder,::ng-deep .p-inputtext:-moz-placeholder,::ng-deep .p-inputtext:-ms-input-placeholder,::ng-deep .p-inputtext::-moz-placeholder,::ng-deep .p-inputtext::-webkit-input-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic,::ng-deep .w-edit-calendar-medium .p-inputtext{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}::ng-deep .w-edit-calendar-small .p-calendar{height:32px;width:100%}::ng-deep .w-edit-calendar-medium .p-calendar{height:40px;width:100%}::ng-deep .w-edit-calendar-small .p-inputtext{font-weight:600;border-radius:8px;border-width:2px;padding-left:14px!important;border:2px solid #e8eaed}::ng-deep .w-edit-calendar-medium .p-inputtext{border-radius:8px;border-width:2px;padding-left:14px!important;border:2px solid #e8eaed}::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:hover{border-color:#00b2eb}::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:focus{border-radius:8px;border:2px solid #e0f5fc;padding-left:16px}\n"] }]
|
|
2139
2139
|
}], propDecorators: { showTime: [{
|
|
2140
2140
|
type: Input,
|
|
2141
2141
|
args: ['showTime']
|