ngx-wapp-components 1.0.46 → 1.0.47
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 +106 -0
- package/esm2020/lib/misc/w-filter-panel/w-filter-panel.component.mjs +10 -10
- package/esm2020/lib/wapp-components.module.mjs +9 -4
- package/esm2020/public-api.mjs +2 -1
- package/fesm2015/ngx-wapp-components.mjs +125 -22
- package/fesm2015/ngx-wapp-components.mjs.map +1 -1
- package/fesm2020/ngx-wapp-components.mjs +125 -22
- package/fesm2020/ngx-wapp-components.mjs.map +1 -1
- package/lib/edit/w-edit-calendar/w-edit-calendar.component.d.ts +34 -0
- package/lib/wapp-components.module.d.ts +41 -40
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -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-medium .p-selectbutton .p-button.p-highlight,: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}:host ::ng-deep .w-button-medium .p-selectbutton .p-button.p-highlight{background:#1f5b72;border-color:#1f5b72;color:#fff}: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"] }] });
|
|
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-medium .p-selectbutton .p-button.p-highlight,: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-selectbutton .p-button.p-highlight{background:#1f5b72;border-color:#1f5b72;color:#fff}: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-medium .p-selectbutton .p-button.p-highlight,: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}:host ::ng-deep .w-button-medium .p-selectbutton .p-button.p-highlight{background:#1f5b72;border-color:#1f5b72;color:#fff}: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"] }]
|
|
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-medium .p-selectbutton .p-button.p-highlight,: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-selectbutton .p-button.p-highlight{background:#1f5b72;border-color:#1f5b72;color:#fff}: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']
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output, forwardRef } from '@angular/core';
|
|
2
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
+
import { SizeType } from '../../shared/enums/enum';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/forms";
|
|
6
|
+
import * as i2 from "@angular/common";
|
|
7
|
+
import * as i3 from "primeng/calendar";
|
|
8
|
+
export class WEditCalendarComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
this.showTime = true;
|
|
11
|
+
this.showSeconds = true;
|
|
12
|
+
this.timeOnly = false;
|
|
13
|
+
this.showIcon = true;
|
|
14
|
+
this.placeholder = "";
|
|
15
|
+
this.size = "medium";
|
|
16
|
+
this.isRequired = false;
|
|
17
|
+
this.requiredErrorDescription = "Mensaje default required";
|
|
18
|
+
this.onChangeEvent = new EventEmitter();
|
|
19
|
+
this.sizeType = SizeType;
|
|
20
|
+
this.isDisabled = false;
|
|
21
|
+
this.isTouched = false;
|
|
22
|
+
this.onChange = () => { };
|
|
23
|
+
this.onTouch = () => { };
|
|
24
|
+
}
|
|
25
|
+
ngOnInit() { }
|
|
26
|
+
writeValue(value) {
|
|
27
|
+
this.ngModelValue = value;
|
|
28
|
+
}
|
|
29
|
+
registerOnChange(fn) {
|
|
30
|
+
this.onChange = fn;
|
|
31
|
+
}
|
|
32
|
+
registerOnTouched(fn) {
|
|
33
|
+
this.onTouch = fn;
|
|
34
|
+
}
|
|
35
|
+
setDisabledState(isDisabled) {
|
|
36
|
+
this.isDisabled = isDisabled;
|
|
37
|
+
}
|
|
38
|
+
onValue(value) {
|
|
39
|
+
console.log(value);
|
|
40
|
+
this.onChangeEvent.emit(value);
|
|
41
|
+
}
|
|
42
|
+
getSizeName(value) {
|
|
43
|
+
return SizeType[value];
|
|
44
|
+
}
|
|
45
|
+
onDateChanged() {
|
|
46
|
+
console.log(this.ngModelValue);
|
|
47
|
+
this.onChange(this.ngModelValue);
|
|
48
|
+
this.onTouch();
|
|
49
|
+
this.onChangeEvent.emit(this.ngModelValue);
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
WEditCalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WEditCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
53
|
+
WEditCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WEditCalendarComponent, selector: "w-edit-calendar", inputs: { showTime: "showTime", showSeconds: "showSeconds", timeOnly: "timeOnly", showIcon: "showIcon", placeholder: "placeholder", minDate: "minDate", maxDate: "maxDate", size: "size", formControl: "formControl", isRequired: "isRequired", requiredErrorDescription: "requiredErrorDescription" }, outputs: { onChangeEvent: "onChange" }, providers: [
|
|
54
|
+
{
|
|
55
|
+
provide: NG_VALUE_ACCESSOR,
|
|
56
|
+
useExisting: forwardRef(() => WEditCalendarComponent),
|
|
57
|
+
multi: true
|
|
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"] }] });
|
|
60
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WEditCalendarComponent, decorators: [{
|
|
61
|
+
type: Component,
|
|
62
|
+
args: [{ selector: 'w-edit-calendar', providers: [
|
|
63
|
+
{
|
|
64
|
+
provide: NG_VALUE_ACCESSOR,
|
|
65
|
+
useExisting: forwardRef(() => WEditCalendarComponent),
|
|
66
|
+
multi: true
|
|
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"] }]
|
|
69
|
+
}], propDecorators: { showTime: [{
|
|
70
|
+
type: Input,
|
|
71
|
+
args: ['showTime']
|
|
72
|
+
}], showSeconds: [{
|
|
73
|
+
type: Input,
|
|
74
|
+
args: ['showSeconds']
|
|
75
|
+
}], timeOnly: [{
|
|
76
|
+
type: Input,
|
|
77
|
+
args: ['timeOnly']
|
|
78
|
+
}], showIcon: [{
|
|
79
|
+
type: Input,
|
|
80
|
+
args: ['showIcon']
|
|
81
|
+
}], placeholder: [{
|
|
82
|
+
type: Input,
|
|
83
|
+
args: ['placeholder']
|
|
84
|
+
}], minDate: [{
|
|
85
|
+
type: Input,
|
|
86
|
+
args: ['minDate']
|
|
87
|
+
}], maxDate: [{
|
|
88
|
+
type: Input,
|
|
89
|
+
args: ['maxDate']
|
|
90
|
+
}], size: [{
|
|
91
|
+
type: Input,
|
|
92
|
+
args: ['size']
|
|
93
|
+
}], formControl: [{
|
|
94
|
+
type: Input,
|
|
95
|
+
args: ['formControl']
|
|
96
|
+
}], isRequired: [{
|
|
97
|
+
type: Input,
|
|
98
|
+
args: ['isRequired']
|
|
99
|
+
}], requiredErrorDescription: [{
|
|
100
|
+
type: Input,
|
|
101
|
+
args: ['requiredErrorDescription']
|
|
102
|
+
}], onChangeEvent: [{
|
|
103
|
+
type: Output,
|
|
104
|
+
args: ['onChange']
|
|
105
|
+
}] } });
|
|
106
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1lZGl0LWNhbGVuZGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2VkaXQvdy1lZGl0LWNhbGVuZGFyL3ctZWRpdC1jYWxlbmRhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9lZGl0L3ctZWRpdC1jYWxlbmRhci93LWVkaXQtY2FsZW5kYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFvQixNQUFNLEVBQVEsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNHLE9BQU8sRUFBRSxpQkFBaUIsRUFBcUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUN0RixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0seUJBQXlCLENBQUM7Ozs7O0FBY25ELE1BQU0sT0FBTyxzQkFBc0I7SUFabkM7UUFhcUIsYUFBUSxHQUFZLElBQUksQ0FBQztRQUN0QixnQkFBVyxHQUFZLElBQUksQ0FBQztRQUMvQixhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLGFBQVEsR0FBWSxJQUFJLENBQUM7UUFDdEIsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFHaEMsU0FBSSxHQUFXLFFBQVEsQ0FBQztRQUlsQixlQUFVLEdBQVksS0FBSyxDQUFDO1FBQ2QsNkJBQXdCLEdBQVksMEJBQTBCLENBQUM7UUFFOUUsa0JBQWEsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUUxRSxhQUFRLEdBQW9CLFFBQVEsQ0FBQztRQUlyQyxlQUFVLEdBQVksS0FBSyxDQUFDO1FBQzVCLGNBQVMsR0FBYSxLQUFLLENBQUM7UUFDNUIsYUFBUSxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUN6QixZQUFPLEdBQVEsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO0tBb0N6QjtJQWxDQyxRQUFRLEtBQVcsQ0FBQztJQUVwQixVQUFVLENBQUMsS0FBVTtRQUNuQixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztJQUM1QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsVUFBbUI7UUFDbEMsSUFBSSxDQUFDLFVBQVUsR0FBRyxVQUFVLENBQUM7SUFDL0IsQ0FBQztJQUVELE9BQU8sQ0FBQyxLQUFVO1FBQ2hCLE9BQU8sQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUE7UUFDbEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFhO1FBQ3ZCLE9BQU8sUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3pCLENBQUM7SUFFRCxhQUFhO1FBQ1gsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUE7UUFDOUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDakMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBRWYsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQzdDLENBQUM7O21IQTNEVSxzQkFBc0I7dUdBQXRCLHNCQUFzQiwwWEFSdEI7UUFDVDtZQUNFLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztZQUNyRCxLQUFLLEVBQUUsSUFBSTtTQUNaO0tBQ0YsMEJDZEgsdzREQWdDYzsyRkRoQkQsc0JBQXNCO2tCQVpsQyxTQUFTOytCQUNFLGlCQUFpQixhQUdoQjt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSx1QkFBdUIsQ0FBQzs0QkFDckQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7OEJBR2tCLFFBQVE7c0JBQTFCLEtBQUs7dUJBQUMsVUFBVTtnQkFDSyxXQUFXO3NCQUFoQyxLQUFLO3VCQUFDLGFBQWE7Z0JBQ0QsUUFBUTtzQkFBMUIsS0FBSzt1QkFBQyxVQUFVO2dCQUNFLFFBQVE7c0JBQTFCLEtBQUs7dUJBQUMsVUFBVTtnQkFDSyxXQUFXO3NCQUFoQyxLQUFLO3VCQUFDLGFBQWE7Z0JBQ0YsT0FBTztzQkFBeEIsS0FBSzt1QkFBQyxTQUFTO2dCQUNFLE9BQU87c0JBQXhCLEtBQUs7dUJBQUMsU0FBUztnQkFDRCxJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU07Z0JBQ1MsV0FBVztzQkFBaEMsS0FBSzt1QkFBQyxhQUFhO2dCQUdDLFVBQVU7c0JBQTlCLEtBQUs7dUJBQUMsWUFBWTtnQkFDZ0Isd0JBQXdCO3NCQUExRCxLQUFLO3VCQUFDLDBCQUEwQjtnQkFFYixhQUFhO3NCQUFoQyxNQUFNO3VCQUFDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3B0aW9uYWwsIE91dHB1dCwgU2VsZiwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiwgQ29udHJvbFZhbHVlQWNjZXNzb3IsIEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBTaXplVHlwZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9lbnVtcy9lbnVtJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndy1lZGl0LWNhbGVuZGFyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdy1lZGl0LWNhbGVuZGFyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi93LWVkaXQtY2FsZW5kYXIuY29tcG9uZW50LnNjc3MnXSxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFdFZGl0Q2FsZW5kYXJDb21wb25lbnQpLFxyXG4gICAgICBtdWx0aTogdHJ1ZVxyXG4gICAgfVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFdFZGl0Q2FsZW5kYXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcclxuICBASW5wdXQoJ3Nob3dUaW1lJykgc2hvd1RpbWU6IGJvb2xlYW4gPSB0cnVlO1xyXG4gIEBJbnB1dCgnc2hvd1NlY29uZHMnKSBzaG93U2Vjb25kczogYm9vbGVhbiA9IHRydWU7XHJcbiAgQElucHV0KCd0aW1lT25seScpIHRpbWVPbmx5OiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCdzaG93SWNvbicpIHNob3dJY29uOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoJ3BsYWNlaG9sZGVyJykgcGxhY2Vob2xkZXI6IHN0cmluZyA9IFwiXCI7XHJcbiAgQElucHV0KCdtaW5EYXRlJykgbWluRGF0ZSE6IERhdGU7XHJcbiAgQElucHV0KCdtYXhEYXRlJykgbWF4RGF0ZSE6IERhdGU7XHJcbiAgQElucHV0KCdzaXplJykgc2l6ZTogc3RyaW5nID0gXCJtZWRpdW1cIjtcclxuICBASW5wdXQoJ2Zvcm1Db250cm9sJykgZm9ybUNvbnRyb2whOiBGb3JtQ29udHJvbCB8IG51bGw7XHJcbiAgXHJcbiAgXHJcbiAgQElucHV0KCdpc1JlcXVpcmVkJykgaXNSZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgncmVxdWlyZWRFcnJvckRlc2NyaXB0aW9uJykgcmVxdWlyZWRFcnJvckRlc2NyaXB0aW9uIDogc3RyaW5nID0gXCJNZW5zYWplIGRlZmF1bHQgcmVxdWlyZWRcIjtcclxuICBcclxuICBAT3V0cHV0KCdvbkNoYW5nZScpIG9uQ2hhbmdlRXZlbnQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBzaXplVHlwZTogdHlwZW9mIFNpemVUeXBlID0gU2l6ZVR5cGU7XHJcblxyXG4gIG5nTW9kZWxWYWx1ZTogYW55O1xyXG5cclxuICBpc0Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgaXNUb3VjaGVkIDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIG9uQ2hhbmdlOiBhbnkgPSAoKSA9PiB7fTtcclxuICBvblRvdWNoOiBhbnkgPSAoKSA9PiB7fTtcclxuICBcclxuICBuZ09uSW5pdCgpOiB2b2lkIHsgfVxyXG4gIFxyXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSkge1xyXG4gICAgdGhpcy5uZ01vZGVsVmFsdWUgPSB2YWx1ZTtcclxuICB9XHJcbiAgXHJcbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XHJcbiAgfVxyXG5cclxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uVG91Y2ggPSBmbjtcclxuICB9XHJcblxyXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhpcy5pc0Rpc2FibGVkID0gaXNEaXNhYmxlZDtcclxuICB9XHJcblxyXG4gIG9uVmFsdWUodmFsdWU6IGFueSl7XHJcbiAgICBjb25zb2xlLmxvZyh2YWx1ZSlcclxuICAgIHRoaXMub25DaGFuZ2VFdmVudC5lbWl0KHZhbHVlKTtcclxuICB9XHJcblxyXG4gIGdldFNpemVOYW1lKHZhbHVlOiBudW1iZXIpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIFNpemVUeXBlW3ZhbHVlXTtcclxuICB9XHJcblxyXG4gIG9uRGF0ZUNoYW5nZWQoKXtcclxuICAgIGNvbnNvbGUubG9nKHRoaXMubmdNb2RlbFZhbHVlKVxyXG4gICAgdGhpcy5vbkNoYW5nZSh0aGlzLm5nTW9kZWxWYWx1ZSk7XHJcbiAgICB0aGlzLm9uVG91Y2goKTtcclxuXHJcbiAgICB0aGlzLm9uQ2hhbmdlRXZlbnQuZW1pdCh0aGlzLm5nTW9kZWxWYWx1ZSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgKm5nSWY9XCJmb3JtQ29udHJvbDsgZWxzZSBub05nQ29udHJvbFwiIGNsYXNzPVwidy1lZGl0LWNhbGVuZGFyLXN0eWxlc1wiPlxyXG4gICAgPHAtY2FsZW5kYXIgW25nQ2xhc3NdPVwieyduZy1pbnZhbGlkIG5nLWRpcnR5JzogZm9ybUNvbnRyb2wuaGFzRXJyb3IoJ3JlcXVpcmVkJykgJiYgZm9ybUNvbnRyb2wudG91Y2hlZH1cIlxyXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyd3LWVkaXQtY2FsZW5kYXItc21hbGwnIDogc2l6ZSA9PSBnZXRTaXplTmFtZShzaXplVHlwZS5zbWFsbCksIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgJ3ctZWRpdC1jYWxlbmRhci1tZWRpdW0nIDogc2l6ZSA9PSBnZXRTaXplTmFtZShzaXplVHlwZS5tZWRpdW0pfVwiXHJcbiAgICAgICAgICAgICAgICBpbnB1dElkPVwidGltZVwiIHBsYWNlaG9sZGVyPVwie3twbGFjZWhvbGRlcn19XCJcclxuICAgICAgICAgICAgICAgIFtzaG93VGltZV09XCJzaG93VGltZVwiIFxyXG4gICAgICAgICAgICAgICAgW3Nob3dTZWNvbmRzXT1cInNob3dTZWNvbmRzXCIgXHJcbiAgICAgICAgICAgICAgICBbc2hvd0ljb25dPVwic2hvd0ljb25cIlxyXG4gICAgICAgICAgICAgICAgW2ljb25dPVwidGltZU9ubHkgPyAncGkgcGktY2xvY2snIDogJ3BpIHBpLWNhbGVuZGFyJ1wiXHJcbiAgICAgICAgICAgICAgICBbbWluRGF0ZV09XCJtaW5EYXRlXCIgXHJcbiAgICAgICAgICAgICAgICBbbWF4RGF0ZV09XCJtYXhEYXRlXCIgXHJcbiAgICAgICAgICAgICAgICBbcmVxdWlyZWRdPVwiaXNSZXF1aXJlZFwiIFxyXG4gICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sXCIgXHJcbiAgICAgICAgICAgICAgICAob25TZWxlY3QpPVwib25WYWx1ZSgkZXZlbnQpXCI+XHJcbiAgICA8L3AtY2FsZW5kYXI+XHJcbiAgICA8c21hbGwgKm5nSWY9XCJmb3JtQ29udHJvbC5oYXNFcnJvcigncmVxdWlyZWQnKSAmJiBmb3JtQ29udHJvbC50b3VjaGVkXCIgY2xhc3M9XCJwLWVycm9yIGJsb2NrXCI+e3tyZXF1aXJlZEVycm9yRGVzY3JpcHRpb259fTwvc21hbGw+IFxyXG48L2Rpdj5cclxuPG5nLXRlbXBsYXRlICNub05nQ29udHJvbD5cclxuICAgIDxkaXYgY2xhc3M9XCJ3LWVkaXQtY2FsZW5kYXItc3R5bGVzXCI+XHJcbiAgICAgICAgPHAtY2FsZW5kYXIgW25nQ2xhc3NdPVwieyd3LWVkaXQtY2FsZW5kYXItc21hbGwnIDogc2l6ZSA9PSBnZXRTaXplTmFtZShzaXplVHlwZS5zbWFsbCksIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICd3LWVkaXQtY2FsZW5kYXItbWVkaXVtJyA6IHNpemUgPT0gZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUubWVkaXVtKX1cIlxyXG4gICAgICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwibmdNb2RlbFZhbHVlXCIgaW5wdXRJZD1cInRpbWVcIiBwbGFjZWhvbGRlcj1cInt7cGxhY2Vob2xkZXJ9fVwiXHJcbiAgICAgICAgICAgICAgICAgICAgW3Nob3dUaW1lXT1cInNob3dUaW1lXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgW3RpbWVPbmx5XT1cInRpbWVPbmx5XCJcclxuICAgICAgICAgICAgICAgICAgICBbc2hvd1NlY29uZHNdPVwic2hvd1NlY29uZHNcIiBcclxuICAgICAgICAgICAgICAgICAgICBbc2hvd0ljb25dPVwic2hvd0ljb25cIlxyXG4gICAgICAgICAgICAgICAgICAgIFtpY29uXT1cInRpbWVPbmx5ID8gJ3BpIHBpLWNsb2NrJyA6ICdwaSBwaS1jYWxlbmRhcidcIlxyXG4gICAgICAgICAgICAgICAgICAgIFttaW5EYXRlXT1cIm1pbkRhdGVcIiBcclxuICAgICAgICAgICAgICAgICAgICBbbWF4RGF0ZV09XCJtYXhEYXRlXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgKG9uU2VsZWN0KT1cIm9uRGF0ZUNoYW5nZWQoKVwiPlxyXG4gICAgICAgIDwvcC1jYWxlbmRhcj5cclxuICAgIDwvZGl2PlxyXG48L25nLXRlbXBsYXRlPiJdfQ==
|