ngx-wapp-components 1.34.38 → 1.34.39

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.
Files changed (27) hide show
  1. package/esm2020/lib/edit/w-edit-calendar/w-edit-calendar.component.mjs +1 -1
  2. package/esm2020/lib/edit/w-edit-calendar-month/w-edit-calendar-month.component.mjs +1 -1
  3. package/esm2020/lib/edit/w-edit-checkbox/w-edit-checkbox.component.mjs +1 -1
  4. package/esm2020/lib/edit/w-edit-input-number/w-edit-input-number.component.mjs +1 -1
  5. package/esm2020/lib/edit/w-edit-input-text/w-edit-input-text.component.mjs +1 -1
  6. package/esm2020/lib/edit/w-edit-input-textarea/w-edit-input-textarea.component.mjs +7 -4
  7. package/esm2020/lib/edit/w-edit-multiselect/w-edit-multiselect.component.mjs +1 -1
  8. package/esm2020/lib/edit/w-edit-select/w-edit-select.component.mjs +1 -1
  9. package/esm2020/lib/edit/w-edit-toggle/w-edit-toggle.component.mjs +1 -1
  10. package/esm2020/lib/edit/w-edit-treeselect/w-edit-treeselect.component.mjs +1 -1
  11. package/esm2020/lib/file/w-file-uploader/w-file-uploader.component.mjs +1 -1
  12. package/esm2020/lib/file/w-image-file-uploader/w-image-file-uploader.component.mjs +1 -1
  13. package/esm2020/lib/maps/w-maps/w-maps.component.mjs +1 -1
  14. package/esm2020/lib/view/w-input-label/w-input-label.component.mjs +5 -3
  15. package/esm2020/lib/view/w-view-badge/w-view-badge.component.mjs +1 -1
  16. package/esm2020/lib/view/w-view-boolean/w-view-boolean.component.mjs +1 -1
  17. package/esm2020/lib/view/w-view-text/w-view-text.component.mjs +1 -1
  18. package/fesm2015/ngx-wapp-components.mjs +25 -20
  19. package/fesm2015/ngx-wapp-components.mjs.map +1 -1
  20. package/fesm2020/ngx-wapp-components.mjs +25 -20
  21. package/fesm2020/ngx-wapp-components.mjs.map +1 -1
  22. package/lib/edit/w-edit-input-textarea/w-edit-input-textarea.component.d.ts +2 -1
  23. package/lib/shared/components/w-address-field/w-address-field.component.d.ts +4 -4
  24. package/lib/shared/components/w-notifications-event-field/w-notifications-event-field.component.d.ts +1 -1
  25. package/lib/shared/services/modal.service.d.ts +1 -1
  26. package/lib/view/w-input-label/w-input-label.component.d.ts +2 -1
  27. package/package.json +1 -1
package/esm2020/lib/edit/w-edit-calendar/w-edit-calendar.component.mjs CHANGED
@@ -117,7 +117,7 @@ WEditCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
117
117
  useExisting: forwardRef(() => WEditCalendarComponent),
118
118
  multi: true
119
119
  }
120
- ], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"formControl; else noNgControl\" [ngClass]=\"{'w-edit-calendar-styles p-fluid field' : true,'disabled': disabled }\" >\r\n <w-input-label [label]=\"label\" [required]=\"required\" [disabled]=\"disabled\" [size]=\"size\" [tooltip]=\"tooltip\" *ngIf=\"showLabel\" [validated]=\"isRequiredValid()\"></w-input-label>\r\n <p-calendar [ngClass]=\"{'ng-invalid ng-dirty': formControl.hasError('required') && formControl.touched,\r\n 'w-edit-calendar-small' : size == getSizeName(sizeType.small),\r\n 'w-edit-calendar-medium' : size == getSizeName(sizeType.medium),\r\n 'w-edit-calendar-no-icon' : !showIcon,\r\n 'disabled': disabled }\"\r\n appendTo=\"body\"\r\n 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 [firstDayOfWeek]=\"firstDayOfWeek\"\r\n [required]=\"required\"\r\n [formControl]=\"formControl\"\r\n [dataType]=\"dataType\" \r\n [view]=\"viewType\"\r\n [dateFormat]=\"dateFormat\" \r\n [readonlyInput]=\"readonlyInput\" \r\n (onSelect)=\"onValue($event)\" \r\n (onInput)=\"onInputValue($event)\" \r\n [inputStyleClass]=\"getSizeName(sizeType.small) ? 'w-edit-calendar-medium' : 'w-edit-calendar-small' \" >\r\n </p-calendar>\r\n <small *ngIf=\"formControl.hasError('required') && formControl.touched\" class=\"p-error block\">{{requiredErrorDescription}}</small>\r\n <small *ngIf=\"formControl.errors && !formControl.hasError('required') && formControl.touched\" class=\"p-error block\">{{someErrorDescription}}</small>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-calendar-styles\" [ngClass]=\"{'displayInlineBlock' : displayInlineBlock, 'disabled' : disabled}\">\r\n <w-input-label [label]=\"label\" [required]=\"required\" [disabled]=\"disabled\" [size]=\"size\" [tooltip]=\"tooltip\" [tooltipPosition]=\"tooltipPosition\" *ngIf=\"showLabel\" [validated]=\"isRequiredValidNgModel()\"></w-input-label>\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 'w-edit-calendar-no-icon' : !showIcon,\r\n 'disabled': disabled }\"\r\n appendTo=\"body\"\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 [firstDayOfWeek]=\"firstDayOfWeek\"\r\n [dataType]=\"dataType\" \r\n [view]=\"viewType\"\r\n [dateFormat]=\"dateFormat\" \r\n [readonlyInput]=\"readonlyInput\" \r\n (ngModelChange)=\"onDateChanged()\">\r\n </p-calendar>\r\n </div>\r\n</ng-template>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,:host ::ng-deep .w-edit-calendar-small.w-edit-calendar-no-icon .p-inputtext,:host ::ng-deep .w-edit-calendar-small .p-inputtext,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput,::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:focus{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text{color:#5f6468}.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled,:host ::ng-deep .w-edit-calendar-small.disabled .p-calendar .p-inputtext{background-color:#f1f3f4!important;border-color:#e8ebee!important;opacity:1!important}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text,:host ::ng-deep .w-edit-calendar-small.w-edit-calendar-no-icon .p-inputtext,:host ::ng-deep .w-edit-calendar-small .p-inputtext{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text,:host ::ng-deep .w-edit-calendar-medium .p-inputtext{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,:host ::ng-deep .w-edit-calendar-medium .p-inputtext{color:#1f2224}.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-table-height{padding:6px 8px 5px}.w-table-no-buttons-height{padding:16px 8px 15px!important}.w-tree-table-height{padding:8px 8px 7px}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px;pointer-events:none}::ng-deep .p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-left{margin-right:6px;width:max-content;transform:translate(-6px)}::ng-deep .p-tooltip.p-tooltip-left .p-tooltip-arrow,.p-tooltip.p-tooltip-left .p-tooltip-arrow{border-left-color:#fff!important;top:50%;right:-3px;margin-top:-4px;border-width:4px 0 4px 6px!important}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.w-edit-calendar-styles{margin:0;display:grid;gap:6px!important}::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:hover{border-color:#00b3eb}::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:focus{padding:0 8px!important}::ng-deep .w-edit-calendar-small .p-calendar{height:28px;width:100%}:host ::ng-deep .w-edit-calendar-small .p-inputtext{border-radius:8px 0 0 8px;border-width:1px;padding:0 8px!important;border:1px solid #e8ebee}:host ::ng-deep .w-edit-calendar-small .p-inputtext:focus{padding:0 8px!important}:host ::ng-deep .w-edit-calendar-small.w-edit-calendar-no-icon .p-inputtext{border-radius:8px!important}:host ::ng-deep .w-edit-calendar-small.p-component::-webkit-input-placeholder{color:#5f6468!important}:host ::ng-deep .w-edit-calendar-small.p-component::-moz-placeholder{color:#5f6468!important}:host ::ng-deep .w-edit-calendar-small.p-component:-ms-input-placeholder{color:#5f6468!important}:host ::ng-deep .w-edit-calendar-small.p-component:-moz-placeholder{color:#5f6468!important}::ng-deep .w-edit-calendar-medium .p-calendar{height:40px;width:100%}:host ::ng-deep .w-edit-calendar-medium .p-inputtext{border-radius:8px;border-width:1px;padding:0 8px!important;border:1px solid #e8ebee}.w-edit-calendar-medium-display-block{display:inline-block}:host ::ng-deep .w-edit-calendar-small.disabled .p-calendar .p-inputtext{color:#5f6468!important;background-color:#f1f3f4;opacity:1;pointer-events:none}\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"] }, { kind: "component", type: i4.WInputLabelComponent, selector: "w-input-label", inputs: ["label", "disabled", "required", "validated", "tooltip", "tooltipPosition", "size", "labelStyleClass"] }] });
120
+ ], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"formControl; else noNgControl\" [ngClass]=\"{'w-edit-calendar-styles p-fluid field' : true,'disabled': disabled }\" >\r\n <w-input-label [label]=\"label\" [required]=\"required\" [disabled]=\"disabled\" [size]=\"size\" [tooltip]=\"tooltip\" *ngIf=\"showLabel\" [validated]=\"isRequiredValid()\"></w-input-label>\r\n <p-calendar [ngClass]=\"{'ng-invalid ng-dirty': formControl.hasError('required') && formControl.touched,\r\n 'w-edit-calendar-small' : size == getSizeName(sizeType.small),\r\n 'w-edit-calendar-medium' : size == getSizeName(sizeType.medium),\r\n 'w-edit-calendar-no-icon' : !showIcon,\r\n 'disabled': disabled }\"\r\n appendTo=\"body\"\r\n 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 [firstDayOfWeek]=\"firstDayOfWeek\"\r\n [required]=\"required\"\r\n [formControl]=\"formControl\"\r\n [dataType]=\"dataType\" \r\n [view]=\"viewType\"\r\n [dateFormat]=\"dateFormat\" \r\n [readonlyInput]=\"readonlyInput\" \r\n (onSelect)=\"onValue($event)\" \r\n (onInput)=\"onInputValue($event)\" \r\n [inputStyleClass]=\"getSizeName(sizeType.small) ? 'w-edit-calendar-medium' : 'w-edit-calendar-small' \" >\r\n </p-calendar>\r\n <small *ngIf=\"formControl.hasError('required') && formControl.touched\" class=\"p-error block\">{{requiredErrorDescription}}</small>\r\n <small *ngIf=\"formControl.errors && !formControl.hasError('required') && formControl.touched\" class=\"p-error block\">{{someErrorDescription}}</small>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-calendar-styles\" [ngClass]=\"{'displayInlineBlock' : displayInlineBlock, 'disabled' : disabled}\">\r\n <w-input-label [label]=\"label\" [required]=\"required\" [disabled]=\"disabled\" [size]=\"size\" [tooltip]=\"tooltip\" [tooltipPosition]=\"tooltipPosition\" *ngIf=\"showLabel\" [validated]=\"isRequiredValidNgModel()\"></w-input-label>\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 'w-edit-calendar-no-icon' : !showIcon,\r\n 'disabled': disabled }\"\r\n appendTo=\"body\"\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 [firstDayOfWeek]=\"firstDayOfWeek\"\r\n [dataType]=\"dataType\" \r\n [view]=\"viewType\"\r\n [dateFormat]=\"dateFormat\" \r\n [readonlyInput]=\"readonlyInput\" \r\n (ngModelChange)=\"onDateChanged()\">\r\n </p-calendar>\r\n </div>\r\n</ng-template>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,:host ::ng-deep .w-edit-calendar-small.w-edit-calendar-no-icon .p-inputtext,:host ::ng-deep .w-edit-calendar-small .p-inputtext,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput,::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:focus{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text{color:#5f6468}.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled,:host ::ng-deep .w-edit-calendar-small.disabled .p-calendar .p-inputtext{background-color:#f1f3f4!important;border-color:#e8ebee!important;opacity:1!important}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text,:host ::ng-deep .w-edit-calendar-small.w-edit-calendar-no-icon .p-inputtext,:host ::ng-deep .w-edit-calendar-small .p-inputtext{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text,:host ::ng-deep .w-edit-calendar-medium .p-inputtext{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,:host ::ng-deep .w-edit-calendar-medium .p-inputtext{color:#1f2224}.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-table-height{padding:6px 8px 5px}.w-table-no-buttons-height{padding:16px 8px 15px!important}.w-tree-table-height{padding:8px 8px 7px}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px;pointer-events:none}::ng-deep .p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-left{margin-right:6px;width:max-content;transform:translate(-6px)}::ng-deep .p-tooltip.p-tooltip-left .p-tooltip-arrow,.p-tooltip.p-tooltip-left .p-tooltip-arrow{border-left-color:#fff!important;top:50%;right:-3px;margin-top:-4px;border-width:4px 0 4px 6px!important}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.w-edit-calendar-styles{margin:0;display:grid;gap:6px!important}::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:hover{border-color:#00b3eb}::ng-deep .w-edit-calendar-styles .p-inputtext:enabled:focus{padding:0 8px!important}::ng-deep .w-edit-calendar-small .p-calendar{height:28px;width:100%}:host ::ng-deep .w-edit-calendar-small .p-inputtext{border-radius:8px 0 0 8px;border-width:1px;padding:0 8px!important;border:1px solid #e8ebee}:host ::ng-deep .w-edit-calendar-small .p-inputtext:focus{padding:0 8px!important}:host ::ng-deep .w-edit-calendar-small.w-edit-calendar-no-icon .p-inputtext{border-radius:8px!important}:host ::ng-deep .w-edit-calendar-small.p-component::-webkit-input-placeholder{color:#5f6468!important}:host ::ng-deep .w-edit-calendar-small.p-component::-moz-placeholder{color:#5f6468!important}:host ::ng-deep .w-edit-calendar-small.p-component:-ms-input-placeholder{color:#5f6468!important}:host ::ng-deep .w-edit-calendar-small.p-component:-moz-placeholder{color:#5f6468!important}::ng-deep .w-edit-calendar-medium .p-calendar{height:40px;width:100%}:host ::ng-deep .w-edit-calendar-medium .p-inputtext{border-radius:8px;border-width:1px;padding:0 8px!important;border:1px solid #e8ebee}.w-edit-calendar-medium-display-block{display:inline-block}:host ::ng-deep .w-edit-calendar-small.disabled .p-calendar .p-inputtext{color:#5f6468!important;background-color:#f1f3f4;opacity:1;pointer-events:none}\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"] }, { kind: "component", type: i4.WInputLabelComponent, selector: "w-input-label", inputs: ["label", "disabled", "required", "validated", "tooltip", "tooltipPosition", "size", "labelStyleClass", "message"] }] });
121
121
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WEditCalendarComponent, decorators: [{
122
122
  type: Component,
123
123
  args: [{ selector: 'w-edit-calendar', providers: [
package/esm2020/lib/edit/w-edit-calendar-month/w-edit-calendar-month.component.mjs CHANGED
@@ -55,7 +55,7 @@ WEditCalendarMonthComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.
55
55
  useExisting: forwardRef(() => WEditCalendarMonthComponent),
56
56
  multi: true
57
57
  }
58
- ], ngImport: i0, template: "<div class=\"w-edit-calendar-month-styles p-fluid field\">\r\n <w-input-label *ngIf=\"showLabel\" [label]=\"label\" [tooltip]=\"tooltip\" [tooltipPosition]=\"tooltipPosition\" [required]=\"required\" [disabled]=\"disabled\" [validated]=\"formControl ? isRequiredValid() : isRequiredValidNgModel()\"></w-input-label>\r\n <div *ngIf=\"formControl; else noNgControl\">\r\n <p-calendar class=\"w-edit-calendar-month\" panelStyleClass=\"w-edit-calendar-month-panel\"\r\n [ngClass]=\"{'ng-invalid ng-dirty': formControl.hasError('required') && formControl.touched}\"\r\n [formControl]=\"formControl\" \r\n [required]=\"required\" \r\n [placeholder]=\"placeholder\"\r\n (onSelect)=\"onValue($event)\" \r\n dateFormat=\"dd/MM\" \r\n [dataType]=\"dataType\" \r\n [minDate]=\"minDate\" \r\n [maxDate]=\"maxDate\" \r\n [showIcon]=\"showIcon\"\r\n [icon]=\"'pi pi-calendar'\" \r\n appendTo=\"body\">\r\n </p-calendar>\r\n <small *ngIf=\"formControl.hasError('required') && formControl.touched\" class=\"p-error block\">{{requiredErrorDescription}}</small>\r\n </div>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-calendar-month-styles p-fluid field\">\r\n <p-calendar class=\"w-edit-calendar-month\" panelStyleClass=\"w-edit-calendar-month-panel\"\r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onDateChanged()\" \r\n [placeholder]=\"placeholder\"\r\n dateFormat=\"dd/MM\"\r\n [dataType]=\"dataType\" \r\n [minDate]=\"minDate\" \r\n [maxDate]=\"maxDate\" \r\n [showIcon]=\"showIcon\"\r\n [icon]=\"'pi pi-calendar'\" \r\n appendTo=\"body\">\r\n </p-calendar>\r\n </div>\r\n</ng-template>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,:host ::ng-deep .w-edit-calendar-month .p-inputtext,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput,::ng-deep .w-edit-calendar-month .p-calendar .p-inputtext:enabled:focus{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text{color:#5f6468}.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled,:host ::ng-deep .w-edit-calendar-month.p-component:disabled{background-color:#f1f3f4!important;border-color:#e8ebee!important;opacity:1!important}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text,:host ::ng-deep .w-edit-calendar-month .p-inputtext{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-table-height{padding:6px 8px 5px}.w-table-no-buttons-height{padding:16px 8px 15px!important}.w-tree-table-height{padding:8px 8px 7px}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px;pointer-events:none}::ng-deep .p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-left{margin-right:6px;width:max-content;transform:translate(-6px)}::ng-deep .p-tooltip.p-tooltip-left .p-tooltip-arrow,.p-tooltip.p-tooltip-left .p-tooltip-arrow{border-left-color:#fff!important;top:50%;right:-3px;margin-top:-4px;border-width:4px 0 4px 6px!important}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.w-edit-calendar-month-styles{margin:0;display:grid;gap:6px!important}::ng-deep .w-edit-calendar-month .p-calendar{height:32px;width:100%}:host ::ng-deep .w-edit-calendar-month .p-inputtext{border-radius:8px 0 0 8px;border-width:1px;padding:0 8px!important;border:1px solid #e8ebee;border-right:none}::ng-deep .w-edit-calendar-month .p-calendar .p-inputtext:enabled:hover{border-color:#00b3eb}::ng-deep .w-edit-calendar-month .p-calendar .p-inputtext:enabled:focus{padding:0 8px!important;border-right:none}:host ::ng-deep .w-edit-calendar-month.p-component::-webkit-input-placeholder{color:#5f6468!important}:host ::ng-deep .w-edit-calendar-month.p-component::-moz-placeholder{color:#5f6468!important}:host ::ng-deep .w-edit-calendar-month.p-component:-ms-input-placeholder{color:#5f6468!important}:host ::ng-deep .w-edit-calendar-month.p-component:-moz-placeholder{color:#5f6468!important}::ng-deep .w-edit-calendar-month-panel.p-datepicker .p-datepicker-group-container .p-datepicker-group .p-datepicker-header .p-datepicker-title{display:flex;justify-content:center}::ng-deep .w-edit-calendar-month-panel.p-datepicker .p-datepicker-group-container .p-datepicker-group .p-datepicker-header .p-datepicker-title .p-datepicker-year{display:none}::ng-deep .w-edit-calendar-month-panel.p-datepicker .p-datepicker-group-container .p-datepicker-group .p-datepicker-header .p-datepicker-title .p-datepicker-month{margin-right:0}\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"] }, { kind: "component", type: i4.WInputLabelComponent, selector: "w-input-label", inputs: ["label", "disabled", "required", "validated", "tooltip", "tooltipPosition", "size", "labelStyleClass"] }] });
58
+ ], ngImport: i0, template: "<div class=\"w-edit-calendar-month-styles p-fluid field\">\r\n <w-input-label *ngIf=\"showLabel\" [label]=\"label\" [tooltip]=\"tooltip\" [tooltipPosition]=\"tooltipPosition\" [required]=\"required\" [disabled]=\"disabled\" [validated]=\"formControl ? isRequiredValid() : isRequiredValidNgModel()\"></w-input-label>\r\n <div *ngIf=\"formControl; else noNgControl\">\r\n <p-calendar class=\"w-edit-calendar-month\" panelStyleClass=\"w-edit-calendar-month-panel\"\r\n [ngClass]=\"{'ng-invalid ng-dirty': formControl.hasError('required') && formControl.touched}\"\r\n [formControl]=\"formControl\" \r\n [required]=\"required\" \r\n [placeholder]=\"placeholder\"\r\n (onSelect)=\"onValue($event)\" \r\n dateFormat=\"dd/MM\" \r\n [dataType]=\"dataType\" \r\n [minDate]=\"minDate\" \r\n [maxDate]=\"maxDate\" \r\n [showIcon]=\"showIcon\"\r\n [icon]=\"'pi pi-calendar'\" \r\n appendTo=\"body\">\r\n </p-calendar>\r\n <small *ngIf=\"formControl.hasError('required') && formControl.touched\" class=\"p-error block\">{{requiredErrorDescription}}</small>\r\n </div>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-calendar-month-styles p-fluid field\">\r\n <p-calendar class=\"w-edit-calendar-month\" panelStyleClass=\"w-edit-calendar-month-panel\"\r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onDateChanged()\" \r\n [placeholder]=\"placeholder\"\r\n dateFormat=\"dd/MM\"\r\n [dataType]=\"dataType\" \r\n [minDate]=\"minDate\" \r\n [maxDate]=\"maxDate\" \r\n [showIcon]=\"showIcon\"\r\n [icon]=\"'pi pi-calendar'\" \r\n appendTo=\"body\">\r\n </p-calendar>\r\n </div>\r\n</ng-template>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,:host ::ng-deep .w-edit-calendar-month .p-inputtext,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput,::ng-deep .w-edit-calendar-month .p-calendar .p-inputtext:enabled:focus{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text{color:#5f6468}.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled,:host ::ng-deep .w-edit-calendar-month.p-component:disabled{background-color:#f1f3f4!important;border-color:#e8ebee!important;opacity:1!important}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text,:host ::ng-deep .w-edit-calendar-month .p-inputtext{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-table-height{padding:6px 8px 5px}.w-table-no-buttons-height{padding:16px 8px 15px!important}.w-tree-table-height{padding:8px 8px 7px}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px;pointer-events:none}::ng-deep .p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-left{margin-right:6px;width:max-content;transform:translate(-6px)}::ng-deep .p-tooltip.p-tooltip-left .p-tooltip-arrow,.p-tooltip.p-tooltip-left .p-tooltip-arrow{border-left-color:#fff!important;top:50%;right:-3px;margin-top:-4px;border-width:4px 0 4px 6px!important}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.w-edit-calendar-month-styles{margin:0;display:grid;gap:6px!important}::ng-deep .w-edit-calendar-month .p-calendar{height:32px;width:100%}:host ::ng-deep .w-edit-calendar-month .p-inputtext{border-radius:8px 0 0 8px;border-width:1px;padding:0 8px!important;border:1px solid #e8ebee;border-right:none}::ng-deep .w-edit-calendar-month .p-calendar .p-inputtext:enabled:hover{border-color:#00b3eb}::ng-deep .w-edit-calendar-month .p-calendar .p-inputtext:enabled:focus{padding:0 8px!important;border-right:none}:host ::ng-deep .w-edit-calendar-month.p-component::-webkit-input-placeholder{color:#5f6468!important}:host ::ng-deep .w-edit-calendar-month.p-component::-moz-placeholder{color:#5f6468!important}:host ::ng-deep .w-edit-calendar-month.p-component:-ms-input-placeholder{color:#5f6468!important}:host ::ng-deep .w-edit-calendar-month.p-component:-moz-placeholder{color:#5f6468!important}::ng-deep .w-edit-calendar-month-panel.p-datepicker .p-datepicker-group-container .p-datepicker-group .p-datepicker-header .p-datepicker-title{display:flex;justify-content:center}::ng-deep .w-edit-calendar-month-panel.p-datepicker .p-datepicker-group-container .p-datepicker-group .p-datepicker-header .p-datepicker-title .p-datepicker-year{display:none}::ng-deep .w-edit-calendar-month-panel.p-datepicker .p-datepicker-group-container .p-datepicker-group .p-datepicker-header .p-datepicker-title .p-datepicker-month{margin-right:0}\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"] }, { kind: "component", type: i4.WInputLabelComponent, selector: "w-input-label", inputs: ["label", "disabled", "required", "validated", "tooltip", "tooltipPosition", "size", "labelStyleClass", "message"] }] });
59
59
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WEditCalendarMonthComponent, decorators: [{
60
60
  type: Component,
61
61
  args: [{ selector: 'w-edit-calendar-month', providers: [
package/esm2020/lib/edit/w-edit-checkbox/w-edit-checkbox.component.mjs CHANGED
@@ -65,7 +65,7 @@ WEditCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
65
65
  useExisting: forwardRef(() => WEditCheckboxComponent),
66
66
  multi: true
67
67
  }
68
- ], ngImport: i0, template: "<div *ngIf=\"formControl; else noNgControl\" class=\"flex align-content-center\"\r\n [ngClass]=\"{'w-edit-checkbox-medium-field': getSize(sizeType.medium) == size,\r\n 'w-edit-checkbox-small-field': getSize(sizeType.small) == size,\r\n 'w-edit-checkbox-medium-heigth': hasAlign && getSize(sizeType.medium) == size}\">\r\n <p-checkbox\r\n [binary]=\"true\" \r\n [ngClass]=\"{'w-edit-checkbox-medium': getSize(sizeType.medium) == size,\r\n 'w-edit-checkbox-small': getSize(sizeType.small) == size}\"\r\n [formControl]=\"formControl\" id=\"w-checkbox\">\r\n <ng-template pTemplate=\"icon\">\r\n <w-icons [name]=\"'checkSmallAlt'\"></w-icons>\r\n </ng-template>\r\n </p-checkbox>\r\n\r\n <w-input-label *ngIf=\"showLabel\" class=\"w-edit-checkbox-small-label\" \r\n [label]=\"label\" \r\n [required]=\"formControl.hasError('required')\" \r\n [disabled]=\"isDisabled\" \r\n [size]=\"'small'\" \r\n [tooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\" \r\n [validated]=\"isRequiredValid()\">\r\n </w-input-label>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"flex align-content-center\"\r\n [ngClass]=\"{'w-edit-checkbox-medium-field': getSize(sizeType.medium) == size,\r\n 'w-edit-checkbox-small-field': getSize(sizeType.small) == size,\r\n 'w-edit-checkbox-medium-heigth': hasAlign && getSize(sizeType.medium) == size}\">\r\n\r\n <p-checkbox\r\n [binary]=\"true\"\r\n [ngClass]=\"{'w-edit-checkbox-medium': getSize(sizeType.medium) == size,\r\n 'w-edit-checkbox-small': getSize(sizeType.small) == size}\"\r\n (ngModelChange)=\"onInput($event)\"\r\n [(ngModel)]=\"value\" id=\"w-checkbox\" \r\n [disabled]=\"isDisabled\">\r\n <ng-template pTemplate=\"icon\">\r\n <w-icons [name]=\"'checkSmallAlt'\"></w-icons>\r\n </ng-template>\r\n </p-checkbox>\r\n <w-input-label *ngIf=\"showLabel\" class=\"w-edit-checkbox-small-label\" [label]=\"label\" [disabled]=\"isDisabled\" [size]=\"'small'\" [tooltip]=\"tooltip\" [tooltipPosition]=\"tooltipPosition\" [validated]=\"isRequiredValidNgModel()\"></w-input-label>\r\n </div>\r\n</ng-template>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text{color:#5f6468}.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4!important;border-color:#e8ebee!important;opacity:1!important}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-table-height{padding:6px 8px 5px}.w-table-no-buttons-height{padding:16px 8px 15px!important}.w-tree-table-height{padding:8px 8px 7px}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px;pointer-events:none}::ng-deep .p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-left{margin-right:6px;width:max-content;transform:translate(-6px)}::ng-deep .p-tooltip.p-tooltip-left .p-tooltip-arrow,.p-tooltip.p-tooltip-left .p-tooltip-arrow{border-left-color:#fff!important;top:50%;right:-3px;margin-top:-4px;border-width:4px 0 4px 6px!important}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.w-edit-checkbox-small-field{height:32px;justify-content:start;align-content:center;align-items:center;display:grid;gap:6px}::ng-deep .w-edit-checkbox-small .p-checkbox{height:12px;width:12px}::ng-deep .w-edit-checkbox-small .p-checkbox .p-checkbox-box{height:12px;width:12px;border:1px solid #9aa0a7;border-radius:2px}::ng-deep .w-edit-checkbox-small .p-checkbox .p-checkbox-box .p-checkbox-icon{padding-left:1px;font-size:9px;font-weight:600;color:#fff}::ng-deep .w-edit-checkbox-small .p-checkbox .p-checkbox-box.p-highlight{border-color:#005c7a;background:#005c7a}::ng-deep .w-edit-checkbox-small .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover{border:1px solid #9aa0a7;background-color:#e8ebee}::ng-deep .w-edit-checkbox-small .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover{border-color:#00b3eb;background:#00b3eb}::ng-deep .w-edit-checkbox-small .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus{box-shadow:0 0 1px #0000001a inset,0 4px 8px #005c7a0d,0 1px 3px #005c7a1a}.w-edit-checkbox-medium-heigth{height:32px;justify-content:start;align-content:center;align-items:center;display:grid}.w-edit-checkbox-medium-field{height:32px;justify-content:start;align-content:center;align-items:center;display:grid;gap:6px}::ng-deep .w-edit-checkbox-medium .p-checkbox{height:16px;width:16px}::ng-deep .w-edit-checkbox-medium .p-checkbox .p-checkbox-box{height:16px;width:16px;border:1px solid #9aa0a7;border-radius:2px}::ng-deep .w-edit-checkbox-medium .p-checkbox .p-checkbox-box .p-checkbox-icon{padding-left:1px;font-size:12px;font-weight:600;color:#fff}::ng-deep .w-edit-checkbox-medium .p-checkbox .p-checkbox-box.p-highlight{border-color:#00b3eb;background:#00b3eb}::ng-deep .w-edit-checkbox-medium .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover{border:1px solid #9aa0a7;background-color:#e8ebee}::ng-deep .w-edit-checkbox-medium .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover{border-color:#005c7a;background:#005c7a}::ng-deep .w-edit-checkbox-medium .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus{box-shadow:0 0 1px #0000001a inset,0 4px 8px #005c7a0d,0 1px 3px #005c7a1a}\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.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }, { kind: "component", type: i5.WIconsComponent, selector: "w-icons", inputs: ["name", "width", "height", "color"] }, { kind: "component", type: i6.WInputLabelComponent, selector: "w-input-label", inputs: ["label", "disabled", "required", "validated", "tooltip", "tooltipPosition", "size", "labelStyleClass"] }] });
68
+ ], ngImport: i0, template: "<div *ngIf=\"formControl; else noNgControl\" class=\"flex align-content-center\"\r\n [ngClass]=\"{'w-edit-checkbox-medium-field': getSize(sizeType.medium) == size,\r\n 'w-edit-checkbox-small-field': getSize(sizeType.small) == size,\r\n 'w-edit-checkbox-medium-heigth': hasAlign && getSize(sizeType.medium) == size}\">\r\n <p-checkbox\r\n [binary]=\"true\" \r\n [ngClass]=\"{'w-edit-checkbox-medium': getSize(sizeType.medium) == size,\r\n 'w-edit-checkbox-small': getSize(sizeType.small) == size}\"\r\n [formControl]=\"formControl\" id=\"w-checkbox\">\r\n <ng-template pTemplate=\"icon\">\r\n <w-icons [name]=\"'checkSmallAlt'\"></w-icons>\r\n </ng-template>\r\n </p-checkbox>\r\n\r\n <w-input-label *ngIf=\"showLabel\" class=\"w-edit-checkbox-small-label\" \r\n [label]=\"label\" \r\n [required]=\"formControl.hasError('required')\" \r\n [disabled]=\"isDisabled\" \r\n [size]=\"'small'\" \r\n [tooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\" \r\n [validated]=\"isRequiredValid()\">\r\n </w-input-label>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"flex align-content-center\"\r\n [ngClass]=\"{'w-edit-checkbox-medium-field': getSize(sizeType.medium) == size,\r\n 'w-edit-checkbox-small-field': getSize(sizeType.small) == size,\r\n 'w-edit-checkbox-medium-heigth': hasAlign && getSize(sizeType.medium) == size}\">\r\n\r\n <p-checkbox\r\n [binary]=\"true\"\r\n [ngClass]=\"{'w-edit-checkbox-medium': getSize(sizeType.medium) == size,\r\n 'w-edit-checkbox-small': getSize(sizeType.small) == size}\"\r\n (ngModelChange)=\"onInput($event)\"\r\n [(ngModel)]=\"value\" id=\"w-checkbox\" \r\n [disabled]=\"isDisabled\">\r\n <ng-template pTemplate=\"icon\">\r\n <w-icons [name]=\"'checkSmallAlt'\"></w-icons>\r\n </ng-template>\r\n </p-checkbox>\r\n <w-input-label *ngIf=\"showLabel\" class=\"w-edit-checkbox-small-label\" [label]=\"label\" [disabled]=\"isDisabled\" [size]=\"'small'\" [tooltip]=\"tooltip\" [tooltipPosition]=\"tooltipPosition\" [validated]=\"isRequiredValidNgModel()\"></w-input-label>\r\n </div>\r\n</ng-template>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text{color:#5f6468}.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4!important;border-color:#e8ebee!important;opacity:1!important}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-table-height{padding:6px 8px 5px}.w-table-no-buttons-height{padding:16px 8px 15px!important}.w-tree-table-height{padding:8px 8px 7px}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px;pointer-events:none}::ng-deep .p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-left{margin-right:6px;width:max-content;transform:translate(-6px)}::ng-deep .p-tooltip.p-tooltip-left .p-tooltip-arrow,.p-tooltip.p-tooltip-left .p-tooltip-arrow{border-left-color:#fff!important;top:50%;right:-3px;margin-top:-4px;border-width:4px 0 4px 6px!important}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.w-edit-checkbox-small-field{height:32px;justify-content:start;align-content:center;align-items:center;display:grid;gap:6px}::ng-deep .w-edit-checkbox-small .p-checkbox{height:12px;width:12px}::ng-deep .w-edit-checkbox-small .p-checkbox .p-checkbox-box{height:12px;width:12px;border:1px solid #9aa0a7;border-radius:2px}::ng-deep .w-edit-checkbox-small .p-checkbox .p-checkbox-box .p-checkbox-icon{padding-left:1px;font-size:9px;font-weight:600;color:#fff}::ng-deep .w-edit-checkbox-small .p-checkbox .p-checkbox-box.p-highlight{border-color:#005c7a;background:#005c7a}::ng-deep .w-edit-checkbox-small .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover{border:1px solid #9aa0a7;background-color:#e8ebee}::ng-deep .w-edit-checkbox-small .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover{border-color:#00b3eb;background:#00b3eb}::ng-deep .w-edit-checkbox-small .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus{box-shadow:0 0 1px #0000001a inset,0 4px 8px #005c7a0d,0 1px 3px #005c7a1a}.w-edit-checkbox-medium-heigth{height:32px;justify-content:start;align-content:center;align-items:center;display:grid}.w-edit-checkbox-medium-field{height:32px;justify-content:start;align-content:center;align-items:center;display:grid;gap:6px}::ng-deep .w-edit-checkbox-medium .p-checkbox{height:16px;width:16px}::ng-deep .w-edit-checkbox-medium .p-checkbox .p-checkbox-box{height:16px;width:16px;border:1px solid #9aa0a7;border-radius:2px}::ng-deep .w-edit-checkbox-medium .p-checkbox .p-checkbox-box .p-checkbox-icon{padding-left:1px;font-size:12px;font-weight:600;color:#fff}::ng-deep .w-edit-checkbox-medium .p-checkbox .p-checkbox-box.p-highlight{border-color:#00b3eb;background:#00b3eb}::ng-deep .w-edit-checkbox-medium .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover{border:1px solid #9aa0a7;background-color:#e8ebee}::ng-deep .w-edit-checkbox-medium .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover{border-color:#005c7a;background:#005c7a}::ng-deep .w-edit-checkbox-medium .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus{box-shadow:0 0 1px #0000001a inset,0 4px 8px #005c7a0d,0 1px 3px #005c7a1a}\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.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }, { kind: "component", type: i5.WIconsComponent, selector: "w-icons", inputs: ["name", "width", "height", "color"] }, { kind: "component", type: i6.WInputLabelComponent, selector: "w-input-label", inputs: ["label", "disabled", "required", "validated", "tooltip", "tooltipPosition", "size", "labelStyleClass", "message"] }] });
69
69
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WEditCheckboxComponent, decorators: [{
70
70
  type: Component,
71
71
  args: [{ selector: 'w-edit-checkbox', providers: [
package/esm2020/lib/edit/w-edit-input-number/w-edit-input-number.component.mjs CHANGED
@@ -103,7 +103,7 @@ WEditInputNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
103
103
  useExisting: forwardRef(() => WEditInputNumberComponent),
104
104
  multi: true
105
105
  }
106
- ], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"formControl != null; else noNgControl\" class=\"w-edit-input-number-field p-fluid field\">\r\n <w-input-label [label]=\"label\" [required]=\"required\" [disabled]=\"disabled\" [size]=\"size\" [tooltip]=\"tooltip\" [tooltipPosition]=\"tooltipPosition\" *ngIf=\"showLabel\" [validated]=\"isRequiredValid()\"></w-input-label>\r\n <p-inputNumber *ngIf=\"getSizeName(sizeType.medium) == size\"\r\n [ngClass]=\"{'w-edit-input-number-medium-error': formControl.hasError('required') && formControl.dirty && requiredErrorDescription != '',\r\n 'w-edit-input-number-medium-valid': formControl.valid && formControl.touched && successMessage != '',\r\n 'w-edit-input-number-medium-warning': formControl.invalid && formControl.touched && (formControl.hasError('min') || formControl.hasError('max'))}\"\r\n class=\"w-edit-input-number-medium w-edit-input-number-medium-height\"\r\n styleClass=\"flex flex-1\"\r\n [mode]=\"mode\"\r\n [minFractionDigits]=\"minFractionDigits\" [maxFractionDigits]=\"maxFractionDigits\"\r\n [min]=\"min\" [max]=\"max\" [prefix]=\"prefix\" [suffix]=\"suffix\" [useGrouping]=\"useGrouping\" \r\n id=\"w-textarea\" [placeholder]=\"placeholder\"\r\n [required]=\"required\" [formControl]=\"formControl\" >\r\n </p-inputNumber>\r\n <p-inputNumber *ngIf=\"getSizeName(sizeType.small) == size\"\r\n [ngClass]=\"{'w-edit-input-number-small-error': formControl.hasError('required') && formControl.dirty && requiredErrorDescription != '',\r\n 'w-edit-input-number-small-valid': formControl.valid && formControl.touched && successMessage != '',\r\n 'w-edit-input-number-small-warning': formControl.invalid && formControl.touched && (formControl.hasError('min') || formControl.hasError('max'))}\"\r\n class=\"w-edit-input-number-small\"\r\n styleClass=\"flex flex-1\"\r\n [mode]=\"mode\"\r\n [minFractionDigits]=\"minFractionDigits\" [maxFractionDigits]=\"maxFractionDigits\"\r\n [min]=\"min\" [max]=\"max\" [prefix]=\"prefix\" [suffix]=\"suffix\" [useGrouping]=\"useGrouping\" \r\n id=\"w-textarea\" [placeholder]=\"placeholder\"\r\n [required]=\"required\" [formControl]=\"formControl\"></p-inputNumber>\r\n <!-- <small *ngIf=\"formControl.valid && formControl.touched\" class=\"w-input-success-alert-text\">{{successMessage}}</small>-->\r\n <span *ngIf=\"formControl.invalid && formControl.hasError('max') && formControl.touched || formControl.touched && this.formControl.value > max && this.formControl.value != (null || '')\"\r\n class=\"w-input-alert-message w-input-warning-alert-text p-error block\">{{maxErrorDescription}}</span>\r\n <span *ngIf=\"formControl.invalid && formControl.hasError('min') && formControl.touched || formControl.touched && this.formControl.value &lt; min && this.formControl.value != (null || '')\"\r\n class=\"w-input-alert-message w-input-warning-alert-text p-error block\">{{minErrorDescription}}</span>\r\n <span *ngIf=\"formControl.hasError('required') && formControl.dirty\"\r\n class=\"w-input-alert-message w-input-error-alert-text p-error block\">{{requiredErrorDescription}}</span>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-input-number-field p-fluid field\">\r\n <w-input-label [label]=\"label\" [required]=\"required\" [disabled]=\"disabled\" [size]=\"size\" [tooltip]=\"tooltip\" [tooltipPosition]=\"tooltipPosition\" *ngIf=\"showLabel\" [validated]=\"isRequiredValidNgModel()\"></w-input-label>\r\n <p-inputNumber *ngIf=\"getSizeName(sizeType.medium) == size\" [disabled]=\"disabled\"\r\n [required]=\"required\"\r\n class=\"w-edit-input-number-medium w-edit-input-number-medium-height\"\r\n styleClass=\"flex flex-1\"\r\n [mode]=\"mode\"\r\n [minFractionDigits]=\"minFractionDigits\" [maxFractionDigits]=\"maxFractionDigits\"\r\n [min]=\"min\" [max]=\"max\" [prefix]=\"prefix\" [suffix]=\"suffix\" [useGrouping]=\"useGrouping\" \r\n id=\"w-textarea\" [placeholder]=\"placeholder\"\r\n [required]=\"required\" [(ngModel)]=\"value\" (onInput)=\"onValueChanged($event)\" [disabled]=\"disabled\"></p-inputNumber>\r\n <p-inputNumber *ngIf=\"getSizeName(sizeType.small) == size\" [disabled]=\"disabled\"\r\n [required]=\"required\"\r\n class=\"w-edit-input-number-small\"\r\n styleClass=\"flex flex-1\"\r\n [mode]=\"mode\"\r\n [minFractionDigits]=\"minFractionDigits\" [maxFractionDigits]=\"maxFractionDigits\"\r\n [min]=\"min\" [max]=\"max\" [prefix]=\"prefix\" [suffix]=\"suffix\" [useGrouping]=\"useGrouping\" \r\n id=\"w-textarea\" [placeholder]=\"placeholder\"\r\n [required]=\"required\" [(ngModel)]=\"value\" (onInput)=\"onValueChanged($event)\" [disabled]=\"disabled\"></p-inputNumber>\r\n </div>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";.heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:-moz-placeholder,:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input::-moz-placeholder,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small,.w-input-alert-message,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput,:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:focus,:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput,:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:hover,:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:hover{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid,:host ::ng-deep .w-edit-input-number-medium-valid .p-inputnumber .p-inputnumber-input,:host ::ng-deep .w-edit-input-number-small-valid .p-inputnumber .p-inputnumber-input{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus,:host ::ng-deep .w-edit-input-number-medium-valid .p-inputnumber .p-inputnumber-input:focus,:host ::ng-deep .w-edit-input-number-small-valid .p-inputnumber .p-inputnumber-input:focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning,:host ::ng-deep .w-edit-input-number-medium-warning .p-inputnumber .p-inputnumber-input,:host ::ng-deep .w-edit-input-number-small-warning .p-inputnumber .p-inputnumber-input{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error,:host ::ng-deep p-inputnumber.w-edit-input-number-medium.ng-dirty.ng-invalid>.p-inputnumber>.p-inputtext,:host ::ng-deep p-inputnumber.w-edit-input-number-small.ng-dirty.ng-invalid>.p-inputnumber>.p-inputtext{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text{color:#5f6468}.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled,:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:disabled{background-color:#f1f3f4!important;border-color:#e8ebee!important;opacity:1!important}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text,:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text,:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input{color:#1f2224}.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-table-height{padding:6px 8px 5px}.w-table-no-buttons-height{padding:16px 8px 15px!important}.w-tree-table-height{padding:8px 8px 7px}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px;pointer-events:none}::ng-deep .p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-left{margin-right:6px;width:max-content;transform:translate(-6px)}::ng-deep .p-tooltip.p-tooltip-left .p-tooltip-arrow,.p-tooltip.p-tooltip-left .p-tooltip-arrow{border-left-color:#fff!important;top:50%;right:-3px;margin-top:-4px;border-width:4px 0 4px 6px!important}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.w-edit-input-number-field{margin:0;display:grid;gap:6px!important}:host ::ng-deep .w-edit-input-number-small-height .p-inputnumber .p-inputnumber-input{height:32px!important}.w-edit-input-number-small{width:100%}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input{height:28px!important;background-color:#fff;border:1px solid #e8ebee;border-radius:8px;padding:8px;width:100%}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input::-webkit-input-placeholder{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300;color:#9aa0a7!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input::-moz-placeholder{color:#9aa0a7!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:-ms-input-placeholder{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300;color:#9aa0a7!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:-moz-placeholder{color:#9aa0a7!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus{border-radius:8px}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus::-moz-placeholder{color:transparent!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus::-webkit-input-placeholder{color:transparent!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus:-ms-input-placeholder{color:transparent!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus:-moz-placeholder{color:transparent!important}:host ::ng-deep .w-edit-input-number-small-valid .p-inputnumber .p-inputnumber-input:focus{padding-left:12px}.w-input-alert-message{margin-top:4px;padding:0 4px}:host ::ng-deep .w-edit-input-number-medium-height .p-inputnumber .p-inputnumber-input{height:40px!important}.w-edit-input-number-medium{width:100%}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input{border-radius:8px;border-width:1px;padding:7px 15px!important;width:100%;border:1px solid #e8ebee}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input::-webkit-input-placeholder{color:#5f6468!important}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input::-moz-placeholder{color:#5f6468!important}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:-ms-input-placeholder{color:#5f6468!important}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:-moz-placeholder{color:#5f6468!important}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:focus{border-radius:8px;padding-left:15px}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:focus::-moz-placeholder{color:transparent}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:focus::-webkit-input-placeholder{color:transparent}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:focus:-ms-input-placeholder{color:transparent}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:focus:-moz-placeholder{color:transparent}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:disabled{background-color:#f1f3f4;border-color:#e8ebee;color:#5f6468;opacity:1}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: i5.WInputLabelComponent, selector: "w-input-label", inputs: ["label", "disabled", "required", "validated", "tooltip", "tooltipPosition", "size", "labelStyleClass"] }] });
106
+ ], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"formControl != null; else noNgControl\" class=\"w-edit-input-number-field p-fluid field\">\r\n <w-input-label [label]=\"label\" [required]=\"required\" [disabled]=\"disabled\" [size]=\"size\" [tooltip]=\"tooltip\" [tooltipPosition]=\"tooltipPosition\" *ngIf=\"showLabel\" [validated]=\"isRequiredValid()\"></w-input-label>\r\n <p-inputNumber *ngIf=\"getSizeName(sizeType.medium) == size\"\r\n [ngClass]=\"{'w-edit-input-number-medium-error': formControl.hasError('required') && formControl.dirty && requiredErrorDescription != '',\r\n 'w-edit-input-number-medium-valid': formControl.valid && formControl.touched && successMessage != '',\r\n 'w-edit-input-number-medium-warning': formControl.invalid && formControl.touched && (formControl.hasError('min') || formControl.hasError('max'))}\"\r\n class=\"w-edit-input-number-medium w-edit-input-number-medium-height\"\r\n styleClass=\"flex flex-1\"\r\n [mode]=\"mode\"\r\n [minFractionDigits]=\"minFractionDigits\" [maxFractionDigits]=\"maxFractionDigits\"\r\n [min]=\"min\" [max]=\"max\" [prefix]=\"prefix\" [suffix]=\"suffix\" [useGrouping]=\"useGrouping\" \r\n id=\"w-textarea\" [placeholder]=\"placeholder\"\r\n [required]=\"required\" [formControl]=\"formControl\" >\r\n </p-inputNumber>\r\n <p-inputNumber *ngIf=\"getSizeName(sizeType.small) == size\"\r\n [ngClass]=\"{'w-edit-input-number-small-error': formControl.hasError('required') && formControl.dirty && requiredErrorDescription != '',\r\n 'w-edit-input-number-small-valid': formControl.valid && formControl.touched && successMessage != '',\r\n 'w-edit-input-number-small-warning': formControl.invalid && formControl.touched && (formControl.hasError('min') || formControl.hasError('max'))}\"\r\n class=\"w-edit-input-number-small\"\r\n styleClass=\"flex flex-1\"\r\n [mode]=\"mode\"\r\n [minFractionDigits]=\"minFractionDigits\" [maxFractionDigits]=\"maxFractionDigits\"\r\n [min]=\"min\" [max]=\"max\" [prefix]=\"prefix\" [suffix]=\"suffix\" [useGrouping]=\"useGrouping\" \r\n id=\"w-textarea\" [placeholder]=\"placeholder\"\r\n [required]=\"required\" [formControl]=\"formControl\"></p-inputNumber>\r\n <!-- <small *ngIf=\"formControl.valid && formControl.touched\" class=\"w-input-success-alert-text\">{{successMessage}}</small>-->\r\n <span *ngIf=\"formControl.invalid && formControl.hasError('max') && formControl.touched || formControl.touched && this.formControl.value > max && this.formControl.value != (null || '')\"\r\n class=\"w-input-alert-message w-input-warning-alert-text p-error block\">{{maxErrorDescription}}</span>\r\n <span *ngIf=\"formControl.invalid && formControl.hasError('min') && formControl.touched || formControl.touched && this.formControl.value &lt; min && this.formControl.value != (null || '')\"\r\n class=\"w-input-alert-message w-input-warning-alert-text p-error block\">{{minErrorDescription}}</span>\r\n <span *ngIf=\"formControl.hasError('required') && formControl.dirty\"\r\n class=\"w-input-alert-message w-input-error-alert-text p-error block\">{{requiredErrorDescription}}</span>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-input-number-field p-fluid field\">\r\n <w-input-label [label]=\"label\" [required]=\"required\" [disabled]=\"disabled\" [size]=\"size\" [tooltip]=\"tooltip\" [tooltipPosition]=\"tooltipPosition\" *ngIf=\"showLabel\" [validated]=\"isRequiredValidNgModel()\"></w-input-label>\r\n <p-inputNumber *ngIf=\"getSizeName(sizeType.medium) == size\" [disabled]=\"disabled\"\r\n [required]=\"required\"\r\n class=\"w-edit-input-number-medium w-edit-input-number-medium-height\"\r\n styleClass=\"flex flex-1\"\r\n [mode]=\"mode\"\r\n [minFractionDigits]=\"minFractionDigits\" [maxFractionDigits]=\"maxFractionDigits\"\r\n [min]=\"min\" [max]=\"max\" [prefix]=\"prefix\" [suffix]=\"suffix\" [useGrouping]=\"useGrouping\" \r\n id=\"w-textarea\" [placeholder]=\"placeholder\"\r\n [required]=\"required\" [(ngModel)]=\"value\" (onInput)=\"onValueChanged($event)\" [disabled]=\"disabled\"></p-inputNumber>\r\n <p-inputNumber *ngIf=\"getSizeName(sizeType.small) == size\" [disabled]=\"disabled\"\r\n [required]=\"required\"\r\n class=\"w-edit-input-number-small\"\r\n styleClass=\"flex flex-1\"\r\n [mode]=\"mode\"\r\n [minFractionDigits]=\"minFractionDigits\" [maxFractionDigits]=\"maxFractionDigits\"\r\n [min]=\"min\" [max]=\"max\" [prefix]=\"prefix\" [suffix]=\"suffix\" [useGrouping]=\"useGrouping\" \r\n id=\"w-textarea\" [placeholder]=\"placeholder\"\r\n [required]=\"required\" [(ngModel)]=\"value\" (onInput)=\"onValueChanged($event)\" [disabled]=\"disabled\"></p-inputNumber>\r\n </div>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";.heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:-moz-placeholder,:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input::-moz-placeholder,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small,.w-input-alert-message,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput,:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:focus,:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput,:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:hover,:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:hover{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid,:host ::ng-deep .w-edit-input-number-medium-valid .p-inputnumber .p-inputnumber-input,:host ::ng-deep .w-edit-input-number-small-valid .p-inputnumber .p-inputnumber-input{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus,:host ::ng-deep .w-edit-input-number-medium-valid .p-inputnumber .p-inputnumber-input:focus,:host ::ng-deep .w-edit-input-number-small-valid .p-inputnumber .p-inputnumber-input:focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning,:host ::ng-deep .w-edit-input-number-medium-warning .p-inputnumber .p-inputnumber-input,:host ::ng-deep .w-edit-input-number-small-warning .p-inputnumber .p-inputnumber-input{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error,:host ::ng-deep p-inputnumber.w-edit-input-number-medium.ng-dirty.ng-invalid>.p-inputnumber>.p-inputtext,:host ::ng-deep p-inputnumber.w-edit-input-number-small.ng-dirty.ng-invalid>.p-inputnumber>.p-inputtext{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text{color:#5f6468}.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled,:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:disabled{background-color:#f1f3f4!important;border-color:#e8ebee!important;opacity:1!important}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text,:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text,:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input{color:#1f2224}.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-table-height{padding:6px 8px 5px}.w-table-no-buttons-height{padding:16px 8px 15px!important}.w-tree-table-height{padding:8px 8px 7px}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px;pointer-events:none}::ng-deep .p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-left{margin-right:6px;width:max-content;transform:translate(-6px)}::ng-deep .p-tooltip.p-tooltip-left .p-tooltip-arrow,.p-tooltip.p-tooltip-left .p-tooltip-arrow{border-left-color:#fff!important;top:50%;right:-3px;margin-top:-4px;border-width:4px 0 4px 6px!important}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.w-edit-input-number-field{margin:0;display:grid;gap:6px!important}:host ::ng-deep .w-edit-input-number-small-height .p-inputnumber .p-inputnumber-input{height:32px!important}.w-edit-input-number-small{width:100%}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input{height:28px!important;background-color:#fff;border:1px solid #e8ebee;border-radius:8px;padding:8px;width:100%}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input::-webkit-input-placeholder{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300;color:#9aa0a7!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input::-moz-placeholder{color:#9aa0a7!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:-ms-input-placeholder{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300;color:#9aa0a7!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:-moz-placeholder{color:#9aa0a7!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus{border-radius:8px}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus::-moz-placeholder{color:transparent!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus::-webkit-input-placeholder{color:transparent!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus:-ms-input-placeholder{color:transparent!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus:-moz-placeholder{color:transparent!important}:host ::ng-deep .w-edit-input-number-small-valid .p-inputnumber .p-inputnumber-input:focus{padding-left:12px}.w-input-alert-message{margin-top:4px;padding:0 4px}:host ::ng-deep .w-edit-input-number-medium-height .p-inputnumber .p-inputnumber-input{height:40px!important}.w-edit-input-number-medium{width:100%}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input{border-radius:8px;border-width:1px;padding:7px 15px!important;width:100%;border:1px solid #e8ebee}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input::-webkit-input-placeholder{color:#5f6468!important}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input::-moz-placeholder{color:#5f6468!important}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:-ms-input-placeholder{color:#5f6468!important}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:-moz-placeholder{color:#5f6468!important}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:focus{border-radius:8px;padding-left:15px}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:focus::-moz-placeholder{color:transparent}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:focus::-webkit-input-placeholder{color:transparent}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:focus:-ms-input-placeholder{color:transparent}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:focus:-moz-placeholder{color:transparent}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:disabled{background-color:#f1f3f4;border-color:#e8ebee;color:#5f6468;opacity:1}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: i5.WInputLabelComponent, selector: "w-input-label", inputs: ["label", "disabled", "required", "validated", "tooltip", "tooltipPosition", "size", "labelStyleClass", "message"] }] });
107
107
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WEditInputNumberComponent, decorators: [{
108
108
  type: Component,
109
109
  args: [{ selector: 'w-edit-input-number', providers: [
package/esm2020/lib/edit/w-edit-input-text/w-edit-input-text.component.mjs CHANGED
@@ -71,7 +71,7 @@ WEditInputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
71
71
  useExisting: forwardRef(() => WEditInputTextComponent),
72
72
  multi: true
73
73
  }
74
- ], ngImport: i0, template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-input-text-select-field p-fluid field\">\r\n <w-input-label [label]=\"label\" [required]=\"required\" [disabled]=\"disabled\" [size]=\"size\" [tooltip]=\"tooltip\" [tooltipPosition]=\"tooltipPosition\" *ngIf=\"showLabel\" [validated]=\"isRequiredValid()\"></w-input-label>\r\n <span *ngIf=\"getSizeName(sizeType.medium) == size;\" [ngClass]=\"{'p-input-icon-right' : inputIcon != ''}\">\r\n <i *ngIf=\"inputIcon != ''\" class=\"w-edit-input-text-medium-icon pi {{inputIcon}}\"></i>\r\n <input pInputText\r\n [ngClass]=\"{'w-edit-input-text-medium-error': formControl.hasError('required') && formControl.dirty && requiredErrorDescription != '',\r\n 'w-edit-input-text-medium-valid': formControl.valid && formControl.touched && successMessage != '',\r\n 'w-edit-input-text-medium-warning': formControl.invalid && (formControl.hasError('minlength') || formControl.hasError('maxlength') || formControl.hasError('pattern'))}\"\r\n class=\"w-edit-input-text-medium-height w-edit-input-text-medium\" id=\"w-textarea\" [placeholder]=\"placeholder\" [required]=\"required\"\r\n [formControl]=\"formControl\">\r\n </span>\r\n <span *ngIf=\"getSizeName(sizeType.small) == size;\" [ngClass]=\"{'p-input-icon-right' : inputIcon != ''}\">\r\n <i *ngIf=\"inputIcon != ''\" class=\"w-edit-input-text-small-icon pi {{inputIcon}}\"></i>\r\n <input pInputText\r\n [ngClass]=\"{'w-edit-input-text-small-error': formControl.hasError('required') && formControl.dirty && requiredErrorDescription != '',\r\n 'w-edit-input-text-small-valid': formControl.valid && formControl.touched && successMessage != '',\r\n 'w-edit-input-text-small-warning': formControl.invalid && (formControl.hasError('minlength') || formControl.hasError('maxlength') || formControl.hasError('pattern'))}\"\r\n minlength=\"{{minlength}}\" maxlength=\"{{maxlength}}\" [email]=\"email\"\r\n class=\"w-edit-input-text-small\" id=\"w-textarea\"\r\n [placeholder]=\"placeholder\" [required]=\"required\" [formControl]=\"formControl\">\r\n </span>\r\n <!-- <small *ngIf=\"formControl.valid && formControl.touched\"\r\n class=\"w-alert-message-height w-input-success-alert-text p-error block\">{{successMessage}}</small> -->\r\n <span *ngIf=\"formControl.invalid && formControl.hasError('maxlength') && formControl.touched \"\r\n class=\"w-alert-message w-input-warning-alert-text p-error block\">{{maxlengthErrorDescription}}</span>\r\n <span *ngIf=\"formControl.invalid && formControl.hasError('minlength') && formControl.touched \"\r\n class=\"w-alert-message w-input-warning-alert-text p-error block\">{{minlengthErrorDescription}}</span>\r\n <span *ngIf=\"formControl.invalid && formControl.hasError('pattern') && formControl.touched \"\r\n class=\"w-alert-message w-input-warning-alert-text p-error block\">{{patternErrorDescription}}</span>\r\n <span *ngIf=\"formControl.invalid && formControl.hasError('email') && formControl.dirty\"\r\n class=\"w-alert-message w-input-error-alert-text p-error block\">{{emailErrorDescription}}</span>\r\n <span *ngIf=\"formControl.hasError('required') && formControl.dirty\"\r\n class=\"w-alert-message w-input-error-alert-text p-error block\">{{requiredErrorDescription}}</span>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-input-text-select-field p-fluid field\">\r\n <w-input-label [label]=\"label\" [required]=\"required\" [disabled]=\"disabled\" [size]=\"size\" [tooltip]=\"tooltip\" [tooltipPosition]=\"tooltipPosition\" *ngIf=\"showLabel\" [validated]=\"isRequiredValidNgModel()\"></w-input-label>\r\n <span *ngIf=\"getSizeName(sizeType.medium) == size\" [ngClass]=\"{'p-input-icon-right' : inputIcon != ''}\">\r\n <i *ngIf=\"inputIcon != ''\" class=\"w-edit-input-text-medium-icon pi {{inputIcon}}\"></i>\r\n <input pInputText minlength=\"{{minlength}}\" maxlength=\"{{maxlength}}\" pattern=\"{{pattern}}\" [required]=\"required\"\r\n class=\"w-edit-input-text-medium-height w-edit-input-text-medium\" id=\"w-textarea\" [placeholder]=\"placeholder\"\r\n [required]=\"required\" [(ngModel)]=\"value\" (input)=\"onValueChanged()\" [disabled]=\"disabled\"\r\n [autofocus]=\"autofocus\">\r\n </span>\r\n <span *ngIf=\"getSizeName(sizeType.small) == size\" [ngClass]=\"{'p-input-icon-right' : inputIcon != ''}\">\r\n <i *ngIf=\"inputIcon != ''\" class=\"w-edit-input-text-small-icon pi {{inputIcon}}\"></i>\r\n <input pInputText minlength=\"{{minlength}}\" maxlength=\"{{maxlength}}\" pattern=\"{{pattern}}\" [required]=\"required\"\r\n class=\"w-edit-input-text-small\" id=\"w-textarea\"\r\n [placeholder]=\"placeholder\" [required]=\"required\" [(ngModel)]=\"value\" (input)=\"onValueChanged()\"\r\n [disabled]=\"disabled\" [autofocus]=\"autofocus\">\r\n </span>\r\n </div>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";.heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,::ng-deep .w-edit-input-text-small.p-inputtext,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-edit-input-text-small:-moz-placeholder,.w-edit-input-text-small::-moz-placeholder,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small,.w-alert-message,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput,.w-edit-input-text-medium:focus,.w-edit-input-text-small:focus{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput,.w-edit-input-text-medium:hover,.w-edit-input-text-small:hover{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid,.w-edit-input-text-medium-valid,.w-edit-input-text-small-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus,.w-edit-input-text-medium-valid:focus,.w-edit-input-text-small-valid:focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning,.w-edit-input-text-medium-warning,.w-edit-input-text-small-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error,.w-edit-input-text-medium.p-inputtext.ng-dirty.ng-invalid,.w-edit-input-text-small.p-inputtext.ng-dirty.ng-invalid{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text{color:#5f6468}.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled,.w-edit-input-text-medium:disabled,.w-edit-input-text-small:disabled{background-color:#f1f3f4!important;border-color:#e8ebee!important;opacity:1!important}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text,::ng-deep .w-edit-input-text-small.p-inputtext{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,::ng-deep .p-input-icon-right>i.w-edit-input-text-small-icon:last-of-type{color:#1f2224}.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text,::ng-deep .w-edit-input-text-medium.p-inputtext{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,::ng-deep .w-edit-input-text-medium.p-inputtext{color:#1f2224}.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon,::ng-deep .p-input-icon-right>i.w-edit-input-text-medium-icon:last-of-type{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-table-height{padding:6px 8px 5px}.w-table-no-buttons-height{padding:16px 8px 15px!important}.w-tree-table-height{padding:8px 8px 7px}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px;pointer-events:none}::ng-deep .p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-left{margin-right:6px;width:max-content;transform:translate(-6px)}::ng-deep .p-tooltip.p-tooltip-left .p-tooltip-arrow,.p-tooltip.p-tooltip-left .p-tooltip-arrow{border-left-color:#fff!important;top:50%;right:-3px;margin-top:-4px;border-width:4px 0 4px 6px!important}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.w-edit-input-text-select-field{margin:0;display:grid;gap:6px!important}.w-edit-input-text-small{height:28px!important}.w-edit-input-text-small .p-input-icon-right>i:last-of-type{right:12px}::ng-deep .w-edit-input-text-small.p-inputtext{height:28px!important;background-color:#fff;border:1px solid #e8ebee;border-radius:8px;padding:0 8px}::ng-deep .p-input-icon-right>.w-edit-input-text-small.p-inputtext{padding-right:35px}::ng-deep .p-input-icon-right>i.w-edit-input-text-small-icon:last-of-type{right:11px;top:20px}.w-edit-input-text-small::-webkit-input-placeholder{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300;color:#9aa0a7!important}.w-edit-input-text-small::-moz-placeholder{color:#9aa0a7!important}.w-edit-input-text-small:-ms-input-placeholder{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300;color:#9aa0a7!important}.w-edit-input-text-small:-moz-placeholder{color:#9aa0a7!important}.w-edit-input-text-small:focus{border-radius:8px}.w-edit-input-text-small:focus::-webkit-input-placeholder{color:transparent!important}.w-edit-input-text-small:focus::-moz-placeholder{color:transparent!important}.w-edit-input-text-small:focus:-ms-input-placeholder{color:transparent!important}.w-edit-input-text-small:focus:-moz-placeholder{color:transparent!important}.w-edit-input-text-small-valid:focus{padding-left:12px}.w-alert-message{margin-top:4px;padding:0 4px}.w-edit-input-text-medium-height{height:40px!important}::ng-deep .w-edit-input-text-medium.p-inputtext{border-radius:8px;border-width:1px;padding:7px 15px;border:1px solid #e8ebee}.p-input-icon-right>.w-edit-input-text-medium.p-inputtext{padding-right:43px}::ng-deep .p-input-icon-right>i.w-edit-input-text-medium-icon:last-of-type{right:15px}.w-edit-input-text-medium::-webkit-input-placeholder{color:#5f6468!important}.w-edit-input-text-medium::-moz-placeholder{color:#5f6468!important}.w-edit-input-text-medium:-ms-input-placeholder{color:#5f6468!important}.w-edit-input-text-medium:-moz-placeholder{color:#5f6468!important}.w-edit-input-text-medium:focus{border-radius:8px;padding-left:16px}.w-edit-input-text-medium:focus::-webkit-input-placeholder{color:transparent}.w-edit-input-text-medium:focus::-moz-placeholder{color:transparent}.w-edit-input-text-medium:focus:-ms-input-placeholder{color:transparent}.w-edit-input-text-medium:focus:-moz-placeholder{color:transparent}\n"], dependencies: [{ kind: "directive", type: i1.InputText, selector: "[pInputText]" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2.EmailValidator, selector: "[email][formControlName],[email][formControl],[email][ngModel]", inputs: ["email"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.WInputLabelComponent, selector: "w-input-label", inputs: ["label", "disabled", "required", "validated", "tooltip", "tooltipPosition", "size", "labelStyleClass"] }] });
74
+ ], ngImport: i0, template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-input-text-select-field p-fluid field\">\r\n <w-input-label [label]=\"label\" [required]=\"required\" [disabled]=\"disabled\" [size]=\"size\" [tooltip]=\"tooltip\" [tooltipPosition]=\"tooltipPosition\" *ngIf=\"showLabel\" [validated]=\"isRequiredValid()\"></w-input-label>\r\n <span *ngIf=\"getSizeName(sizeType.medium) == size;\" [ngClass]=\"{'p-input-icon-right' : inputIcon != ''}\">\r\n <i *ngIf=\"inputIcon != ''\" class=\"w-edit-input-text-medium-icon pi {{inputIcon}}\"></i>\r\n <input pInputText\r\n [ngClass]=\"{'w-edit-input-text-medium-error': formControl.hasError('required') && formControl.dirty && requiredErrorDescription != '',\r\n 'w-edit-input-text-medium-valid': formControl.valid && formControl.touched && successMessage != '',\r\n 'w-edit-input-text-medium-warning': formControl.invalid && (formControl.hasError('minlength') || formControl.hasError('maxlength') || formControl.hasError('pattern'))}\"\r\n class=\"w-edit-input-text-medium-height w-edit-input-text-medium\" id=\"w-textarea\" [placeholder]=\"placeholder\" [required]=\"required\"\r\n [formControl]=\"formControl\">\r\n </span>\r\n <span *ngIf=\"getSizeName(sizeType.small) == size;\" [ngClass]=\"{'p-input-icon-right' : inputIcon != ''}\">\r\n <i *ngIf=\"inputIcon != ''\" class=\"w-edit-input-text-small-icon pi {{inputIcon}}\"></i>\r\n <input pInputText\r\n [ngClass]=\"{'w-edit-input-text-small-error': formControl.hasError('required') && formControl.dirty && requiredErrorDescription != '',\r\n 'w-edit-input-text-small-valid': formControl.valid && formControl.touched && successMessage != '',\r\n 'w-edit-input-text-small-warning': formControl.invalid && (formControl.hasError('minlength') || formControl.hasError('maxlength') || formControl.hasError('pattern'))}\"\r\n minlength=\"{{minlength}}\" maxlength=\"{{maxlength}}\" [email]=\"email\"\r\n class=\"w-edit-input-text-small\" id=\"w-textarea\"\r\n [placeholder]=\"placeholder\" [required]=\"required\" [formControl]=\"formControl\">\r\n </span>\r\n <!-- <small *ngIf=\"formControl.valid && formControl.touched\"\r\n class=\"w-alert-message-height w-input-success-alert-text p-error block\">{{successMessage}}</small> -->\r\n <span *ngIf=\"formControl.invalid && formControl.hasError('maxlength') && formControl.touched \"\r\n class=\"w-alert-message w-input-warning-alert-text p-error block\">{{maxlengthErrorDescription}}</span>\r\n <span *ngIf=\"formControl.invalid && formControl.hasError('minlength') && formControl.touched \"\r\n class=\"w-alert-message w-input-warning-alert-text p-error block\">{{minlengthErrorDescription}}</span>\r\n <span *ngIf=\"formControl.invalid && formControl.hasError('pattern') && formControl.touched \"\r\n class=\"w-alert-message w-input-warning-alert-text p-error block\">{{patternErrorDescription}}</span>\r\n <span *ngIf=\"formControl.invalid && formControl.hasError('email') && formControl.dirty\"\r\n class=\"w-alert-message w-input-error-alert-text p-error block\">{{emailErrorDescription}}</span>\r\n <span *ngIf=\"formControl.hasError('required') && formControl.dirty\"\r\n class=\"w-alert-message w-input-error-alert-text p-error block\">{{requiredErrorDescription}}</span>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-input-text-select-field p-fluid field\">\r\n <w-input-label [label]=\"label\" [required]=\"required\" [disabled]=\"disabled\" [size]=\"size\" [tooltip]=\"tooltip\" [tooltipPosition]=\"tooltipPosition\" *ngIf=\"showLabel\" [validated]=\"isRequiredValidNgModel()\"></w-input-label>\r\n <span *ngIf=\"getSizeName(sizeType.medium) == size\" [ngClass]=\"{'p-input-icon-right' : inputIcon != ''}\">\r\n <i *ngIf=\"inputIcon != ''\" class=\"w-edit-input-text-medium-icon pi {{inputIcon}}\"></i>\r\n <input pInputText minlength=\"{{minlength}}\" maxlength=\"{{maxlength}}\" pattern=\"{{pattern}}\" [required]=\"required\"\r\n class=\"w-edit-input-text-medium-height w-edit-input-text-medium\" id=\"w-textarea\" [placeholder]=\"placeholder\"\r\n [required]=\"required\" [(ngModel)]=\"value\" (input)=\"onValueChanged()\" [disabled]=\"disabled\"\r\n [autofocus]=\"autofocus\">\r\n </span>\r\n <span *ngIf=\"getSizeName(sizeType.small) == size\" [ngClass]=\"{'p-input-icon-right' : inputIcon != ''}\">\r\n <i *ngIf=\"inputIcon != ''\" class=\"w-edit-input-text-small-icon pi {{inputIcon}}\"></i>\r\n <input pInputText minlength=\"{{minlength}}\" maxlength=\"{{maxlength}}\" pattern=\"{{pattern}}\" [required]=\"required\"\r\n class=\"w-edit-input-text-small\" id=\"w-textarea\"\r\n [placeholder]=\"placeholder\" [required]=\"required\" [(ngModel)]=\"value\" (input)=\"onValueChanged()\"\r\n [disabled]=\"disabled\" [autofocus]=\"autofocus\">\r\n </span>\r\n </div>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";.heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,::ng-deep .w-edit-input-text-small.p-inputtext,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-edit-input-text-small:-moz-placeholder,.w-edit-input-text-small::-moz-placeholder,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small,.w-alert-message,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput,.w-edit-input-text-medium:focus,.w-edit-input-text-small:focus{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput,.w-edit-input-text-medium:hover,.w-edit-input-text-small:hover{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid,.w-edit-input-text-medium-valid,.w-edit-input-text-small-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus,.w-edit-input-text-medium-valid:focus,.w-edit-input-text-small-valid:focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning,.w-edit-input-text-medium-warning,.w-edit-input-text-small-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error,.w-edit-input-text-medium.p-inputtext.ng-dirty.ng-invalid,.w-edit-input-text-small.p-inputtext.ng-dirty.ng-invalid{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text{color:#5f6468}.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled,.w-edit-input-text-medium:disabled,.w-edit-input-text-small:disabled{background-color:#f1f3f4!important;border-color:#e8ebee!important;opacity:1!important}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text,::ng-deep .w-edit-input-text-small.p-inputtext{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,::ng-deep .p-input-icon-right>i.w-edit-input-text-small-icon:last-of-type{color:#1f2224}.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text,::ng-deep .w-edit-input-text-medium.p-inputtext{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,::ng-deep .w-edit-input-text-medium.p-inputtext{color:#1f2224}.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon,::ng-deep .p-input-icon-right>i.w-edit-input-text-medium-icon:last-of-type{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-table-height{padding:6px 8px 5px}.w-table-no-buttons-height{padding:16px 8px 15px!important}.w-tree-table-height{padding:8px 8px 7px}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px;pointer-events:none}::ng-deep .p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-left{margin-right:6px;width:max-content;transform:translate(-6px)}::ng-deep .p-tooltip.p-tooltip-left .p-tooltip-arrow,.p-tooltip.p-tooltip-left .p-tooltip-arrow{border-left-color:#fff!important;top:50%;right:-3px;margin-top:-4px;border-width:4px 0 4px 6px!important}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.w-edit-input-text-select-field{margin:0;display:grid;gap:6px!important}.w-edit-input-text-small{height:28px!important}.w-edit-input-text-small .p-input-icon-right>i:last-of-type{right:12px}::ng-deep .w-edit-input-text-small.p-inputtext{height:28px!important;background-color:#fff;border:1px solid #e8ebee;border-radius:8px;padding:0 8px}::ng-deep .p-input-icon-right>.w-edit-input-text-small.p-inputtext{padding-right:35px}::ng-deep .p-input-icon-right>i.w-edit-input-text-small-icon:last-of-type{right:11px;top:20px}.w-edit-input-text-small::-webkit-input-placeholder{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300;color:#9aa0a7!important}.w-edit-input-text-small::-moz-placeholder{color:#9aa0a7!important}.w-edit-input-text-small:-ms-input-placeholder{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300;color:#9aa0a7!important}.w-edit-input-text-small:-moz-placeholder{color:#9aa0a7!important}.w-edit-input-text-small:focus{border-radius:8px}.w-edit-input-text-small:focus::-webkit-input-placeholder{color:transparent!important}.w-edit-input-text-small:focus::-moz-placeholder{color:transparent!important}.w-edit-input-text-small:focus:-ms-input-placeholder{color:transparent!important}.w-edit-input-text-small:focus:-moz-placeholder{color:transparent!important}.w-edit-input-text-small-valid:focus{padding-left:12px}.w-alert-message{margin-top:4px;padding:0 4px}.w-edit-input-text-medium-height{height:40px!important}::ng-deep .w-edit-input-text-medium.p-inputtext{border-radius:8px;border-width:1px;padding:7px 15px;border:1px solid #e8ebee}.p-input-icon-right>.w-edit-input-text-medium.p-inputtext{padding-right:43px}::ng-deep .p-input-icon-right>i.w-edit-input-text-medium-icon:last-of-type{right:15px}.w-edit-input-text-medium::-webkit-input-placeholder{color:#5f6468!important}.w-edit-input-text-medium::-moz-placeholder{color:#5f6468!important}.w-edit-input-text-medium:-ms-input-placeholder{color:#5f6468!important}.w-edit-input-text-medium:-moz-placeholder{color:#5f6468!important}.w-edit-input-text-medium:focus{border-radius:8px;padding-left:16px}.w-edit-input-text-medium:focus::-webkit-input-placeholder{color:transparent}.w-edit-input-text-medium:focus::-moz-placeholder{color:transparent}.w-edit-input-text-medium:focus:-ms-input-placeholder{color:transparent}.w-edit-input-text-medium:focus:-moz-placeholder{color:transparent}\n"], dependencies: [{ kind: "directive", type: i1.InputText, selector: "[pInputText]" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2.EmailValidator, selector: "[email][formControlName],[email][formControl],[email][ngModel]", inputs: ["email"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.WInputLabelComponent, selector: "w-input-label", inputs: ["label", "disabled", "required", "validated", "tooltip", "tooltipPosition", "size", "labelStyleClass", "message"] }] });
75
75
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WEditInputTextComponent, decorators: [{
76
76
  type: Component,
77
77
  args: [{ selector: 'w-edit-input-text', providers: [