ngx-wapp-components 1.1.0 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/button/w-button/w-button.component.mjs +2 -2
- package/esm2020/lib/button/w-buttons-footer/w-buttons-footer.component.mjs +2 -2
- package/esm2020/lib/button/w-radio-button/w-radio-button.component.mjs +2 -2
- package/esm2020/lib/button/w-select-button/w-select-button.component.mjs +2 -2
- package/esm2020/lib/button/w-toggle-button/w-toggle-button.component.mjs +2 -2
- package/esm2020/lib/edit/w-edit-calendar/w-edit-calendar.component.mjs +2 -2
- package/esm2020/lib/edit/w-edit-checkbox/w-edit-checkbox.component.mjs +2 -2
- package/esm2020/lib/edit/w-edit-input-number/w-edit-input-number.component.mjs +2 -2
- package/esm2020/lib/edit/w-edit-input-text/w-edit-input-text.component.mjs +2 -2
- package/esm2020/lib/edit/w-edit-input-textarea/w-edit-input-textarea.component.mjs +2 -2
- package/esm2020/lib/edit/w-edit-multiselect/w-edit-multiselect.component.mjs +4 -4
- package/esm2020/lib/edit/w-edit-select/w-edit-select.component.mjs +2 -2
- package/esm2020/lib/edit/w-edit-toggle/w-edit-toggle.component.mjs +2 -2
- package/esm2020/lib/edit/w-edit-treeselect/w-edit-treeselect.component.mjs +2 -2
- package/esm2020/lib/file/w-image-cropper/w-image-cropper.component.mjs +2 -2
- package/esm2020/lib/file/w-image-file-uploader/w-image-file-uploader.component.mjs +2 -2
- package/esm2020/lib/layout/w-body/w-body.component.mjs +2 -2
- package/esm2020/lib/layout/w-body-container/w-body-container.component.mjs +2 -2
- package/esm2020/lib/layout/w-body-grid/w-body-grid.component.mjs +2 -2
- package/esm2020/lib/layout/w-container/w-container.component.mjs +2 -2
- package/esm2020/lib/layout/w-footer/w-footer.component.mjs +2 -2
- package/esm2020/lib/layout/w-header-panel/w-header-panel.component.mjs +2 -2
- package/esm2020/lib/layout/w-navbar/w-navbar.component.mjs +2 -2
- package/esm2020/lib/layout/w-panel/w-panel.component.mjs +2 -2
- package/esm2020/lib/layout/w-panel-grid/w-panel-grid.component.mjs +2 -2
- package/esm2020/lib/layout/w-panel-subtitle/w-panel-subtitle.component.mjs +2 -2
- package/esm2020/lib/layout/w-panel-title/w-panel-title.component.mjs +2 -2
- package/esm2020/lib/maps/w-maps/w-maps.component.mjs +2 -2
- package/esm2020/lib/misc/w-badge/w-badge.component.mjs +2 -2
- package/esm2020/lib/misc/w-chip/w-chip.component.mjs +2 -2
- package/esm2020/lib/misc/w-filter-panel/w-filter-panel.component.mjs +2 -2
- package/esm2020/lib/misc/w-filter-panel/w-list-field/w-list-field.component.mjs +2 -2
- package/esm2020/lib/misc/w-timeline/w-timeline.component.mjs +2 -2
- package/esm2020/lib/misc/w-wizard/w-wizard.component.mjs +2 -2
- package/esm2020/lib/search/w-autocomplete-search/w-autocomplete-search.component.mjs +2 -2
- package/esm2020/lib/search/w-input-search/w-input-search.component.mjs +2 -2
- package/esm2020/lib/shared/skeletons/w-skeleton-form/w-skeleton-form.component.mjs +24 -0
- package/esm2020/lib/shared/skeletons/w-skeleton-input-generic/w-skeleton-input-generic.component.mjs +4 -4
- package/esm2020/lib/shared/skeletons/w-skeleton-sidebar/w-skeleton-sidebar.component.mjs +2 -2
- package/esm2020/lib/sidebar/w-sidebar/w-sidebar.component.mjs +2 -2
- package/esm2020/lib/tables/w-table/w-table.component.mjs +3 -3
- package/esm2020/lib/tables/w-table-lazy/w-table-lazy.component.mjs +2 -2
- package/esm2020/lib/tables/w-tree-table/w-tree-table.component.mjs +2 -2
- package/esm2020/lib/tabview/w-tabview/w-tabview.component.mjs +2 -2
- package/esm2020/lib/tree/w-tree/w-tree.component.mjs +2 -2
- package/esm2020/lib/view/w-view-boolean/w-view-boolean.component.mjs +2 -2
- package/esm2020/lib/view/w-view-card-title-text/w-view-card-title-text.component.mjs +2 -2
- package/esm2020/lib/view/w-view-text/w-view-text.component.mjs +2 -2
- package/esm2020/lib/wapp-components.module.mjs +8 -3
- package/esm2020/public-api.mjs +2 -1
- package/fesm2015/ngx-wapp-components.mjs +168 -145
- package/fesm2015/ngx-wapp-components.mjs.map +1 -1
- package/fesm2020/ngx-wapp-components.mjs +168 -145
- package/fesm2020/ngx-wapp-components.mjs.map +1 -1
- package/lib/shared/skeletons/w-skeleton-form/w-skeleton-form.component.d.ts +10 -0
- package/lib/wapp-components.module.d.ts +47 -46
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -54,7 +54,7 @@ WEditCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
54
54
|
useExisting: forwardRef(() => WEditCheckboxComponent),
|
|
55
55
|
multi: true
|
|
56
56
|
}
|
|
57
|
-
], ngImport: i0, template: "\r\n<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 'w-edit-checkbox-small-heigth': hasAlign && getSize(sizeType.small) == size}\">\r\n\r\n <p-checkbox \r\n [binary]=\"true\"\r\n class=\"flex align-items-center\"\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\"></p-checkbox>\r\n <label *ngIf=\"(getSize(sizeType.medium) == size && (label != undefined && label.length > 0));\" \r\n for=\"w-checkbox\"\r\n class=\"flex align-items-center\"\r\n [ngClass]=\"{'w-edit-checkbox-medium-label': !isDisabled,\r\n 'w-edit-checkbox-medium-label-disabled': isDisabled}\">\r\n {{ label }}\r\n </label>\r\n <label *ngIf=\"(getSize(sizeType.small) == size && (label != undefined && label.length > 0));\" \r\n for=\"w-checkbox\"\r\n class=\"flex align-items-center\"\r\n [ngClass]=\"{'w-edit-checkbox-small-label': !isDisabled,\r\n 'w-edit-checkbox-small-label-disabled': isDisabled}\">\r\n {{ label }}\r\n </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 'w-edit-checkbox-small-heigth': hasAlign && getSize(sizeType.small) == 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\"></p-checkbox>\r\n <label *ngIf=\"(getSize(sizeType.medium) == size && (label != undefined && label.length > 0));\" \r\n for=\"w-checkbox\"\r\n [ngClass]=\"{'w-edit-checkbox-medium-label': !isDisabled,\r\n 'w-edit-checkbox-medium-label-disabled': isDisabled}\">\r\n {{ label }}\r\n </label>\r\n <label *ngIf=\"(getSize(sizeType.small) == size && (label != undefined && label.length > 0));\" \r\n for=\"w-checkbox\"\r\n [ngClass]=\"{'w-edit-checkbox-small-label': !isDisabled,\r\n 'w-edit-checkbox-small-label-disabled': isDisabled}\">\r\n {{ label }}\r\n </label>\r\n </div>\r\n</ng-template>", 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:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-edit-checkbox-medium-label,.w-edit-checkbox-small-label-disabled,.w-edit-checkbox-small-label,.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.3333333333rem;font-weight:600}.body,.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.3333333333rem;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}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,::ng-deep .w-edit-checkbox-medium .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus,::ng-deep .w-edit-checkbox-small .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.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-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-small-icon-text{font-size:12px}.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,::ng-deep .w-edit-checkbox-small .p-checkbox .p-checkbox-box .p-checkbox-icon{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.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,::ng-deep .w-edit-checkbox-medium .p-checkbox .p-checkbox-box.p-checkbox-icon,::ng-deep .w-edit-checkbox-small .p-checkbox .p-checkbox-box.p-checkbox-icon{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.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,.w-view-small-value-text{color:#2e3134}.w-input-no-label-height{height:36px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text,.w-edit-checkbox-medium-label,.w-edit-checkbox-small-label-disabled,.w-edit-checkbox-small-label,.w-input-small-label-disabled{color:#2e3134}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-placeholder-text,.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-edit-checkbox-medium-label-disabled,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-edit-checkbox-medium-label-disabled,.w-input-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled{color:#9aa0a6}.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:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-input-success-alert-text{color:#00db5d;padding:8px;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#2e3134}.w-table-td-text{color:#5f6368}.w-edit-checkbox-small-heigth{height:32px;justify-content:start;align-content:center;align-items:center;display:grid}.w-edit-checkbox-small-field{justify-content:start;align-content:center;align-items:center;display:grid}.w-edit-checkbox-small-label{padding-left:12px}.w-edit-checkbox-small-label-disabled{color:#bdc1c6;padding-left:12px}.w-edit-checkbox-medium-heigth{height:76px;justify-content:start;align-content:center;align-items:center;display:grid}.w-edit-checkbox-medium-field{justify-content:start;align-content:center;align-items:center;display:grid}::ng-deep .w-edit-checkbox-medium .p-checkbox,::ng-deep .w-edit-checkbox-small .p-checkbox{height:24px;width:24px;border-width:1px}::ng-deep .w-edit-checkbox-medium .p-checkbox .p-checkbox-box,::ng-deep .w-edit-checkbox-small .p-checkbox .p-checkbox-box{height:24px;width:24px;border-radius:4px;border:1px solid #dadce0}::ng-deep .w-edit-checkbox-medium .p-checkbox .p-checkbox-box.p-highlight,::ng-deep .w-edit-checkbox-small .p-checkbox .p-checkbox-box.p-highlight{border-color:#00b2eb;background:#00b2eb}::ng-deep .w-edit-checkbox-medium .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover,::ng-deep .w-edit-checkbox-small .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover{background-color:#dadce0;border:1px solid #dadce0}::ng-deep .w-edit-checkbox-medium .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus,::ng-deep .w-edit-checkbox-small .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus{background-color:#00b2eb;border:1px solid #d6f2ff}::ng-deep .w-edit-checkbox-medium .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:not(.p-highlight).p-focus,::ng-deep .w-edit-checkbox-small .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:not(.p-highlight).p-focus{background-color:#dadce0;border:1px solid #dadce0}::ng-deep .w-edit-checkbox-medium .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover,::ng-deep .w-edit-checkbox-small .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover{border-color:#00b2eb;background:#00b2eb}.w-edit-checkbox-medium-label{padding-left:12px}.w-edit-checkbox-medium-label-disabled{color:#bdc1c6;padding-left:12px}::ng-deep .w-edit-checkbox-small .p-checkbox{height:16px;width:16px;border-radius:4px}::ng-deep .w-edit-checkbox-small .p-checkbox .p-checkbox-box{height:16px;width:16px}\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: "component", type: i3.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"] }] });
|
|
57
|
+
], ngImport: i0, template: "\r\n<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 'w-edit-checkbox-small-heigth': hasAlign && getSize(sizeType.small) == size}\">\r\n\r\n <p-checkbox \r\n [binary]=\"true\"\r\n class=\"flex align-items-center\"\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\"></p-checkbox>\r\n <label *ngIf=\"(getSize(sizeType.medium) == size && (label != undefined && label.length > 0));\" \r\n for=\"w-checkbox\"\r\n class=\"flex align-items-center\"\r\n [ngClass]=\"{'w-edit-checkbox-medium-label': !isDisabled,\r\n 'w-edit-checkbox-medium-label-disabled': isDisabled}\">\r\n {{ label }}\r\n </label>\r\n <label *ngIf=\"(getSize(sizeType.small) == size && (label != undefined && label.length > 0));\" \r\n for=\"w-checkbox\"\r\n class=\"flex align-items-center\"\r\n [ngClass]=\"{'w-edit-checkbox-small-label': !isDisabled,\r\n 'w-edit-checkbox-small-label-disabled': isDisabled}\">\r\n {{ label }}\r\n </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 'w-edit-checkbox-small-heigth': hasAlign && getSize(sizeType.small) == 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\"></p-checkbox>\r\n <label *ngIf=\"(getSize(sizeType.medium) == size && (label != undefined && label.length > 0));\" \r\n for=\"w-checkbox\"\r\n [ngClass]=\"{'w-edit-checkbox-medium-label': !isDisabled,\r\n 'w-edit-checkbox-medium-label-disabled': isDisabled}\">\r\n {{ label }}\r\n </label>\r\n <label *ngIf=\"(getSize(sizeType.small) == size && (label != undefined && label.length > 0));\" \r\n for=\"w-checkbox\"\r\n [ngClass]=\"{'w-edit-checkbox-small-label': !isDisabled,\r\n 'w-edit-checkbox-small-label-disabled': isDisabled}\">\r\n {{ label }}\r\n </label>\r\n </div>\r\n</ng-template>", 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:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-edit-checkbox-medium-label,.w-edit-checkbox-small-label-disabled,.w-edit-checkbox-small-label,.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.3333333333rem;font-weight:600}.body,.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.3333333333rem;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}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,::ng-deep .w-edit-checkbox-medium .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus,::ng-deep .w-edit-checkbox-small .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.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-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-small-icon-text{font-size:12px}.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,::ng-deep .w-edit-checkbox-small .p-checkbox .p-checkbox-box .p-checkbox-icon{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.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,::ng-deep .w-edit-checkbox-medium .p-checkbox .p-checkbox-box.p-checkbox-icon,::ng-deep .w-edit-checkbox-small .p-checkbox .p-checkbox-box.p-checkbox-icon{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.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,.w-view-small-value-text{color:#2e3134}.w-input-no-label-height{height:36px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text,.w-edit-checkbox-medium-label,.w-edit-checkbox-small-label-disabled,.w-edit-checkbox-small-label,.w-input-small-label-disabled{color:#2e3134}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-placeholder-text,.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-edit-checkbox-medium-label-disabled,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-edit-checkbox-medium-label-disabled,.w-input-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled{color:#9aa0a6}.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:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.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:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#2e3134}.w-table-td-text{color:#5f6368}.w-edit-checkbox-small-heigth{height:32px;justify-content:start;align-content:center;align-items:center;display:grid}.w-edit-checkbox-small-field{justify-content:start;align-content:center;align-items:center;display:grid}.w-edit-checkbox-small-label{padding-left:12px}.w-edit-checkbox-small-label-disabled{color:#bdc1c6;padding-left:12px}.w-edit-checkbox-medium-heigth{height:76px;justify-content:start;align-content:center;align-items:center;display:grid}.w-edit-checkbox-medium-field{justify-content:start;align-content:center;align-items:center;display:grid}::ng-deep .w-edit-checkbox-medium .p-checkbox,::ng-deep .w-edit-checkbox-small .p-checkbox{height:24px;width:24px;border-width:1px}::ng-deep .w-edit-checkbox-medium .p-checkbox .p-checkbox-box,::ng-deep .w-edit-checkbox-small .p-checkbox .p-checkbox-box{height:24px;width:24px;border-radius:4px;border:1px solid #dadce0}::ng-deep .w-edit-checkbox-medium .p-checkbox .p-checkbox-box.p-highlight,::ng-deep .w-edit-checkbox-small .p-checkbox .p-checkbox-box.p-highlight{border-color:#00b2eb;background:#00b2eb}::ng-deep .w-edit-checkbox-medium .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover,::ng-deep .w-edit-checkbox-small .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover{background-color:#dadce0;border:1px solid #dadce0}::ng-deep .w-edit-checkbox-medium .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus,::ng-deep .w-edit-checkbox-small .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus{background-color:#00b2eb;border:1px solid #d6f2ff}::ng-deep .w-edit-checkbox-medium .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:not(.p-highlight).p-focus,::ng-deep .w-edit-checkbox-small .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:not(.p-highlight).p-focus{background-color:#dadce0;border:1px solid #dadce0}::ng-deep .w-edit-checkbox-medium .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover,::ng-deep .w-edit-checkbox-small .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover{border-color:#00b2eb;background:#00b2eb}.w-edit-checkbox-medium-label{padding-left:12px}.w-edit-checkbox-medium-label-disabled{color:#bdc1c6;padding-left:12px}::ng-deep .w-edit-checkbox-small .p-checkbox{height:16px;width:16px;border-radius:4px}::ng-deep .w-edit-checkbox-small .p-checkbox .p-checkbox-box{height:16px;width:16px}\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: "component", type: i3.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"] }] });
|
|
58
58
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WEditCheckboxComponent, decorators: [{
|
|
59
59
|
type: Component,
|
|
60
60
|
args: [{ selector: 'w-edit-checkbox', providers: [
|
|
@@ -63,7 +63,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
63
63
|
useExisting: forwardRef(() => WEditCheckboxComponent),
|
|
64
64
|
multi: true
|
|
65
65
|
}
|
|
66
|
-
], template: "\r\n<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 'w-edit-checkbox-small-heigth': hasAlign && getSize(sizeType.small) == size}\">\r\n\r\n <p-checkbox \r\n [binary]=\"true\"\r\n class=\"flex align-items-center\"\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\"></p-checkbox>\r\n <label *ngIf=\"(getSize(sizeType.medium) == size && (label != undefined && label.length > 0));\" \r\n for=\"w-checkbox\"\r\n class=\"flex align-items-center\"\r\n [ngClass]=\"{'w-edit-checkbox-medium-label': !isDisabled,\r\n 'w-edit-checkbox-medium-label-disabled': isDisabled}\">\r\n {{ label }}\r\n </label>\r\n <label *ngIf=\"(getSize(sizeType.small) == size && (label != undefined && label.length > 0));\" \r\n for=\"w-checkbox\"\r\n class=\"flex align-items-center\"\r\n [ngClass]=\"{'w-edit-checkbox-small-label': !isDisabled,\r\n 'w-edit-checkbox-small-label-disabled': isDisabled}\">\r\n {{ label }}\r\n </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 'w-edit-checkbox-small-heigth': hasAlign && getSize(sizeType.small) == 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\"></p-checkbox>\r\n <label *ngIf=\"(getSize(sizeType.medium) == size && (label != undefined && label.length > 0));\" \r\n for=\"w-checkbox\"\r\n [ngClass]=\"{'w-edit-checkbox-medium-label': !isDisabled,\r\n 'w-edit-checkbox-medium-label-disabled': isDisabled}\">\r\n {{ label }}\r\n </label>\r\n <label *ngIf=\"(getSize(sizeType.small) == size && (label != undefined && label.length > 0));\" \r\n for=\"w-checkbox\"\r\n [ngClass]=\"{'w-edit-checkbox-small-label': !isDisabled,\r\n 'w-edit-checkbox-small-label-disabled': isDisabled}\">\r\n {{ label }}\r\n </label>\r\n </div>\r\n</ng-template>", 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:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-edit-checkbox-medium-label,.w-edit-checkbox-small-label-disabled,.w-edit-checkbox-small-label,.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.3333333333rem;font-weight:600}.body,.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.3333333333rem;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}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,::ng-deep .w-edit-checkbox-medium .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus,::ng-deep .w-edit-checkbox-small .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.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-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-small-icon-text{font-size:12px}.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,::ng-deep .w-edit-checkbox-small .p-checkbox .p-checkbox-box .p-checkbox-icon{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.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,::ng-deep .w-edit-checkbox-medium .p-checkbox .p-checkbox-box.p-checkbox-icon,::ng-deep .w-edit-checkbox-small .p-checkbox .p-checkbox-box.p-checkbox-icon{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.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,.w-view-small-value-text{color:#2e3134}.w-input-no-label-height{height:36px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text,.w-edit-checkbox-medium-label,.w-edit-checkbox-small-label-disabled,.w-edit-checkbox-small-label,.w-input-small-label-disabled{color:#2e3134}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-placeholder-text,.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-edit-checkbox-medium-label-disabled,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-edit-checkbox-medium-label-disabled,.w-input-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled{color:#9aa0a6}.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:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-input-success-alert-text{color:#00db5d;padding:8px;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#2e3134}.w-table-td-text{color:#5f6368}.w-edit-checkbox-small-heigth{height:32px;justify-content:start;align-content:center;align-items:center;display:grid}.w-edit-checkbox-small-field{justify-content:start;align-content:center;align-items:center;display:grid}.w-edit-checkbox-small-label{padding-left:12px}.w-edit-checkbox-small-label-disabled{color:#bdc1c6;padding-left:12px}.w-edit-checkbox-medium-heigth{height:76px;justify-content:start;align-content:center;align-items:center;display:grid}.w-edit-checkbox-medium-field{justify-content:start;align-content:center;align-items:center;display:grid}::ng-deep .w-edit-checkbox-medium .p-checkbox,::ng-deep .w-edit-checkbox-small .p-checkbox{height:24px;width:24px;border-width:1px}::ng-deep .w-edit-checkbox-medium .p-checkbox .p-checkbox-box,::ng-deep .w-edit-checkbox-small .p-checkbox .p-checkbox-box{height:24px;width:24px;border-radius:4px;border:1px solid #dadce0}::ng-deep .w-edit-checkbox-medium .p-checkbox .p-checkbox-box.p-highlight,::ng-deep .w-edit-checkbox-small .p-checkbox .p-checkbox-box.p-highlight{border-color:#00b2eb;background:#00b2eb}::ng-deep .w-edit-checkbox-medium .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover,::ng-deep .w-edit-checkbox-small .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover{background-color:#dadce0;border:1px solid #dadce0}::ng-deep .w-edit-checkbox-medium .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus,::ng-deep .w-edit-checkbox-small .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus{background-color:#00b2eb;border:1px solid #d6f2ff}::ng-deep .w-edit-checkbox-medium .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:not(.p-highlight).p-focus,::ng-deep .w-edit-checkbox-small .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:not(.p-highlight).p-focus{background-color:#dadce0;border:1px solid #dadce0}::ng-deep .w-edit-checkbox-medium .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover,::ng-deep .w-edit-checkbox-small .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover{border-color:#00b2eb;background:#00b2eb}.w-edit-checkbox-medium-label{padding-left:12px}.w-edit-checkbox-medium-label-disabled{color:#bdc1c6;padding-left:12px}::ng-deep .w-edit-checkbox-small .p-checkbox{height:16px;width:16px;border-radius:4px}::ng-deep .w-edit-checkbox-small .p-checkbox .p-checkbox-box{height:16px;width:16px}\n"] }]
|
|
66
|
+
], template: "\r\n<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 'w-edit-checkbox-small-heigth': hasAlign && getSize(sizeType.small) == size}\">\r\n\r\n <p-checkbox \r\n [binary]=\"true\"\r\n class=\"flex align-items-center\"\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\"></p-checkbox>\r\n <label *ngIf=\"(getSize(sizeType.medium) == size && (label != undefined && label.length > 0));\" \r\n for=\"w-checkbox\"\r\n class=\"flex align-items-center\"\r\n [ngClass]=\"{'w-edit-checkbox-medium-label': !isDisabled,\r\n 'w-edit-checkbox-medium-label-disabled': isDisabled}\">\r\n {{ label }}\r\n </label>\r\n <label *ngIf=\"(getSize(sizeType.small) == size && (label != undefined && label.length > 0));\" \r\n for=\"w-checkbox\"\r\n class=\"flex align-items-center\"\r\n [ngClass]=\"{'w-edit-checkbox-small-label': !isDisabled,\r\n 'w-edit-checkbox-small-label-disabled': isDisabled}\">\r\n {{ label }}\r\n </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 'w-edit-checkbox-small-heigth': hasAlign && getSize(sizeType.small) == 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\"></p-checkbox>\r\n <label *ngIf=\"(getSize(sizeType.medium) == size && (label != undefined && label.length > 0));\" \r\n for=\"w-checkbox\"\r\n [ngClass]=\"{'w-edit-checkbox-medium-label': !isDisabled,\r\n 'w-edit-checkbox-medium-label-disabled': isDisabled}\">\r\n {{ label }}\r\n </label>\r\n <label *ngIf=\"(getSize(sizeType.small) == size && (label != undefined && label.length > 0));\" \r\n for=\"w-checkbox\"\r\n [ngClass]=\"{'w-edit-checkbox-small-label': !isDisabled,\r\n 'w-edit-checkbox-small-label-disabled': isDisabled}\">\r\n {{ label }}\r\n </label>\r\n </div>\r\n</ng-template>", 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:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-edit-checkbox-medium-label,.w-edit-checkbox-small-label-disabled,.w-edit-checkbox-small-label,.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.3333333333rem;font-weight:600}.body,.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.3333333333rem;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}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,::ng-deep .w-edit-checkbox-medium .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus,::ng-deep .w-edit-checkbox-small .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b2eb}.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-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-small-icon-text{font-size:12px}.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,::ng-deep .w-edit-checkbox-small .p-checkbox .p-checkbox-box .p-checkbox-icon{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.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,::ng-deep .w-edit-checkbox-medium .p-checkbox .p-checkbox-box.p-checkbox-icon,::ng-deep .w-edit-checkbox-small .p-checkbox .p-checkbox-box.p-checkbox-icon{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.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,.w-view-small-value-text{color:#2e3134}.w-input-no-label-height{height:36px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text,.w-edit-checkbox-medium-label,.w-edit-checkbox-small-label-disabled,.w-edit-checkbox-small-label,.w-input-small-label-disabled{color:#2e3134}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-placeholder-text,.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-edit-checkbox-medium-label-disabled,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-edit-checkbox-medium-label-disabled,.w-input-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled{color:#9aa0a6}.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:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.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:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#2e3134}.w-table-td-text{color:#5f6368}.w-edit-checkbox-small-heigth{height:32px;justify-content:start;align-content:center;align-items:center;display:grid}.w-edit-checkbox-small-field{justify-content:start;align-content:center;align-items:center;display:grid}.w-edit-checkbox-small-label{padding-left:12px}.w-edit-checkbox-small-label-disabled{color:#bdc1c6;padding-left:12px}.w-edit-checkbox-medium-heigth{height:76px;justify-content:start;align-content:center;align-items:center;display:grid}.w-edit-checkbox-medium-field{justify-content:start;align-content:center;align-items:center;display:grid}::ng-deep .w-edit-checkbox-medium .p-checkbox,::ng-deep .w-edit-checkbox-small .p-checkbox{height:24px;width:24px;border-width:1px}::ng-deep .w-edit-checkbox-medium .p-checkbox .p-checkbox-box,::ng-deep .w-edit-checkbox-small .p-checkbox .p-checkbox-box{height:24px;width:24px;border-radius:4px;border:1px solid #dadce0}::ng-deep .w-edit-checkbox-medium .p-checkbox .p-checkbox-box.p-highlight,::ng-deep .w-edit-checkbox-small .p-checkbox .p-checkbox-box.p-highlight{border-color:#00b2eb;background:#00b2eb}::ng-deep .w-edit-checkbox-medium .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover,::ng-deep .w-edit-checkbox-small .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover{background-color:#dadce0;border:1px solid #dadce0}::ng-deep .w-edit-checkbox-medium .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus,::ng-deep .w-edit-checkbox-small .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus{background-color:#00b2eb;border:1px solid #d6f2ff}::ng-deep .w-edit-checkbox-medium .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:not(.p-highlight).p-focus,::ng-deep .w-edit-checkbox-small .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:not(.p-highlight).p-focus{background-color:#dadce0;border:1px solid #dadce0}::ng-deep .w-edit-checkbox-medium .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover,::ng-deep .w-edit-checkbox-small .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover{border-color:#00b2eb;background:#00b2eb}.w-edit-checkbox-medium-label{padding-left:12px}.w-edit-checkbox-medium-label-disabled{color:#bdc1c6;padding-left:12px}::ng-deep .w-edit-checkbox-small .p-checkbox{height:16px;width:16px;border-radius:4px}::ng-deep .w-edit-checkbox-small .p-checkbox .p-checkbox-box{height:16px;width:16px}\n"] }]
|
|
67
67
|
}], propDecorators: { label: [{
|
|
68
68
|
type: Input,
|
|
69
69
|
args: ['label']
|
|
@@ -62,7 +62,7 @@ WEditInputNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
|
|
|
62
62
|
useExisting: forwardRef(() => WEditInputNumberComponent),
|
|
63
63
|
multi: true
|
|
64
64
|
}
|
|
65
|
-
], ngImport: i0, template: "<div *ngIf=\"formControl != null; else noNgControl\" class=\"w-edit-input-number-field p-fluid field\">\r\n <label *ngIf=\"(label != undefined && label.length > 0)\" \r\n [ngClass]=\"{'w-edit-input-number-small-label': getSizeName(sizeType.small) == size && !disabled,\r\n 'w-edit-input-number-small-label-disabled': getSizeName(sizeType.small) == size && disabled,\r\n 'w-edit-input-number-medium-label': getSizeName(sizeType.medium) == size && !disabled,\r\n 'w-edit-input-number-medium-label-disabled': getSizeName(sizeType.medium) == size && disabled}\" for=\"w-text\">\r\n {{label}}\r\n </label>\r\n <div *ngIf=\"(label != undefined && label == '')\" class=\"w-input-no-label-height\"></div>\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 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 w-edit-input-number-small-height\"\r\n styleClass=\"flex flex-1\"\r\n [mode]=\"mode\" \r\n [minFractionDigits]=\"minFractionDigits\" [maxFractionDigits]=\"maxFractionDigits\"\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 <small *ngIf=\"formControl.invalid && formControl.hasError('max') && formControl.touched \"\r\n class=\"w-input-alert-message-height w-input-warning-alert-text p-error block\">{{maxErrorDescription}}</small> \r\n <small *ngIf=\"formControl.invalid && formControl.hasError('min') && formControl.touched \"\r\n class=\"w-input-alert-message-height w-input-warning-alert-text p-error block\">{{maxErrorDescription}}</small> \r\n <small *ngIf=\"formControl.hasError('required') && formControl.dirty\"\r\n class=\"w-input-alert-message-height w-input-error-alert-text p-error block\">{{requiredErrorDescription}}</small>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-input-number-field p-fluid field\">\r\n <label *ngIf=\"(label != undefined && label.length > 0)\" \r\n [ngClass]=\"{'w-edit-input-number-small-label': getSizeName(sizeType.small) == size && !disabled,\r\n 'w-edit-input-number-small-label-disabled': getSizeName(sizeType.small) == size && disabled,\r\n 'w-edit-input-number-medium-label': getSizeName(sizeType.medium) == size && !disabled,\r\n 'w-edit-input-number-medium-label-disabled': getSizeName(sizeType.medium) == size && disabled}\" for=\"w-text\">\r\n {{label}}\r\n </label>\r\n <div *ngIf=\"(label != undefined && label == '')\" class=\"w-input-no-label-height\"></div>\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 id=\"w-textarea\" [placeholder]=\"placeholder\"\r\n [required]=\"required\" [(ngModel)]=\"value\" (onInput)=\"onValueChanged()\" [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 w-edit-input-number-small-height\"\r\n styleClass=\"flex flex-1\"\r\n [mode]=\"mode\" \r\n [minFractionDigits]=\"minFractionDigits\" [maxFractionDigits]=\"maxFractionDigits\"\r\n id=\"w-textarea\" [placeholder]=\"placeholder\"\r\n [required]=\"required\" [(ngModel)]=\"value\" (input)=\"onValueChanged()\" [disabled]=\"disabled\"></p-inputNumber>\r\n </div>\r\n</ng-template>", 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:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-edit-input-number-small-label,.w-input-small-label-disabled,.w-edit-input-number-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.3333333333rem;font-weight:600}.body,.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.3333333333rem;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}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,: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{box-shadow:0 0 8px #00a6e980}.hover,: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 #00b2eb}.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-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-small-icon-text{font-size:12px}.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:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.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:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.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,.w-view-small-value-text{color:#2e3134}.w-input-no-label-height{height:36px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text,.w-edit-input-number-small-label,.w-input-small-label-disabled,.w-edit-input-number-small-label-disabled{color:#2e3134}.w-input-small-label-disabled,.w-edit-input-number-small-label-disabled{color:#9aa0a6}.w-input-small-placeholder-text,:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input{color:#2e3134}.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-edit-input-number-medium-label,.w-input-medium-label-disabled,.w-edit-input-number-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-edit-input-number-medium-label,.w-input-medium-label-disabled,.w-edit-input-number-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled,.w-edit-input-number-medium-label-disabled{color:#9aa0a6}.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:#2e3134}.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-input-success-alert-text{color:#00db5d;padding:8px;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#2e3134}.w-table-td-text{color:#5f6368}.w-edit-input-number-field{margin:0}.w-edit-input-number-small-label{padding:8px 8px 12px;margin:0}: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{border-radius:8px;border-width:1px;padding:7px 11px!important;width:100%;border:1px solid #e8eaed}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input::-webkit-input-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input::-moz-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:-ms-input-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:-moz-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus{border-radius:8px;border:1px solid #d6f2ff}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus::-moz-placeholder{color:transparent}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus::-webkit-input-placeholder{color:transparent}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus:-ms-input-placeholder{color:transparent}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus:-moz-placeholder{color:transparent}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:disabled{background-color:#f1f3f4;border-color:#e8eaed;color:#5f6368;opacity:1}.w-edit-input-number-small-label-disabled{padding:8px 8px 12px;margin:0}:host ::ng-deep .w-edit-input-number-small-valid .p-inputnumber .p-inputnumber-input:focus{padding-left:12px}:host ::ng-deep .w-edit-input-number-medium-height .p-inputnumber .p-inputnumber-input{height:40px!important}.w-edit-input-number-medium-label{padding:8px 8px 12px;margin:0}.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 #e8eaed}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input::-webkit-input-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input::-moz-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:-ms-input-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:-moz-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:focus{border-radius:8px;border:1px solid #d6f2ff;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:#e8eaed;color:#5f6368;opacity:1}.w-edit-input-number-medium-label-disabled{padding:8px 8px 12px;margin: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.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"] }] });
|
|
65
|
+
], ngImport: i0, template: "<div *ngIf=\"formControl != null; else noNgControl\" class=\"w-edit-input-number-field p-fluid field\">\r\n <label *ngIf=\"(label != undefined && label.length > 0)\" \r\n [ngClass]=\"{'w-edit-input-number-small-label': getSizeName(sizeType.small) == size && !disabled,\r\n 'w-edit-input-number-small-label-disabled': getSizeName(sizeType.small) == size && disabled,\r\n 'w-edit-input-number-medium-label': getSizeName(sizeType.medium) == size && !disabled,\r\n 'w-edit-input-number-medium-label-disabled': getSizeName(sizeType.medium) == size && disabled}\" for=\"w-text\">\r\n {{label}}\r\n </label>\r\n <div *ngIf=\"(label != undefined && label == '')\" class=\"w-input-no-label-height\"></div>\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 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 w-edit-input-number-small-height\"\r\n styleClass=\"flex flex-1\"\r\n [mode]=\"mode\" \r\n [minFractionDigits]=\"minFractionDigits\" [maxFractionDigits]=\"maxFractionDigits\"\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 <small *ngIf=\"formControl.invalid && formControl.hasError('max') && formControl.touched \"\r\n class=\"w-input-alert-message-height w-input-warning-alert-text p-error block\">{{maxErrorDescription}}</small> \r\n <small *ngIf=\"formControl.invalid && formControl.hasError('min') && formControl.touched \"\r\n class=\"w-input-alert-message-height w-input-warning-alert-text p-error block\">{{maxErrorDescription}}</small> \r\n <small *ngIf=\"formControl.hasError('required') && formControl.dirty\"\r\n class=\"w-input-alert-message-height w-input-error-alert-text p-error block\">{{requiredErrorDescription}}</small>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-input-number-field p-fluid field\">\r\n <label *ngIf=\"(label != undefined && label.length > 0)\" \r\n [ngClass]=\"{'w-edit-input-number-small-label': getSizeName(sizeType.small) == size && !disabled,\r\n 'w-edit-input-number-small-label-disabled': getSizeName(sizeType.small) == size && disabled,\r\n 'w-edit-input-number-medium-label': getSizeName(sizeType.medium) == size && !disabled,\r\n 'w-edit-input-number-medium-label-disabled': getSizeName(sizeType.medium) == size && disabled}\" for=\"w-text\">\r\n {{label}}\r\n </label>\r\n <div *ngIf=\"(label != undefined && label == '')\" class=\"w-input-no-label-height\"></div>\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 id=\"w-textarea\" [placeholder]=\"placeholder\"\r\n [required]=\"required\" [(ngModel)]=\"value\" (onInput)=\"onValueChanged()\" [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 w-edit-input-number-small-height\"\r\n styleClass=\"flex flex-1\"\r\n [mode]=\"mode\" \r\n [minFractionDigits]=\"minFractionDigits\" [maxFractionDigits]=\"maxFractionDigits\"\r\n id=\"w-textarea\" [placeholder]=\"placeholder\"\r\n [required]=\"required\" [(ngModel)]=\"value\" (input)=\"onValueChanged()\" [disabled]=\"disabled\"></p-inputNumber>\r\n </div>\r\n</ng-template>", 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:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-edit-input-number-small-label,.w-input-small-label-disabled,.w-edit-input-number-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.3333333333rem;font-weight:600}.body,.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.3333333333rem;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}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,: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{box-shadow:0 0 8px #00a6e980}.hover,: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 #00b2eb}.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-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-small-icon-text{font-size:12px}.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:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.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:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.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,.w-view-small-value-text{color:#2e3134}.w-input-no-label-height{height:36px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text,.w-edit-input-number-small-label,.w-input-small-label-disabled,.w-edit-input-number-small-label-disabled{color:#2e3134}.w-input-small-label-disabled,.w-edit-input-number-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content,.w-edit-input-number-medium-label-disabled,.w-edit-input-number-medium-label,.w-edit-input-number-small-label-disabled,.w-edit-input-number-small-label{padding:12px 8px 8px 0;margin:0}.w-input-small-placeholder-text,:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input{color:#2e3134}.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-edit-input-number-medium-label,.w-input-medium-label-disabled,.w-edit-input-number-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-edit-input-number-medium-label,.w-input-medium-label-disabled,.w-edit-input-number-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled,.w-edit-input-number-medium-label-disabled{color:#9aa0a6}.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:#2e3134}.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.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:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#2e3134}.w-table-td-text{color:#5f6368}.w-edit-input-number-field{margin:0}: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{border-radius:8px;border-width:1px;padding:7px 11px!important;width:100%;border:1px solid #e8eaed}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input::-webkit-input-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input::-moz-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:-ms-input-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:-moz-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus{border-radius:8px;border:1px solid #d6f2ff}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus::-moz-placeholder{color:transparent}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus::-webkit-input-placeholder{color:transparent}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus:-ms-input-placeholder{color:transparent}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus:-moz-placeholder{color:transparent}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:disabled{background-color:#f1f3f4;border-color:#e8eaed;color:#5f6368;opacity:1}:host ::ng-deep .w-edit-input-number-small-valid .p-inputnumber .p-inputnumber-input:focus{padding-left:12px}: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 #e8eaed}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input::-webkit-input-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input::-moz-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:-ms-input-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:-moz-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:focus{border-radius:8px;border:1px solid #d6f2ff;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:#e8eaed;color:#5f6368;opacity:1}\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.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"] }] });
|
|
66
66
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WEditInputNumberComponent, decorators: [{
|
|
67
67
|
type: Component,
|
|
68
68
|
args: [{ selector: 'w-edit-input-number', providers: [
|
|
@@ -71,7 +71,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
71
71
|
useExisting: forwardRef(() => WEditInputNumberComponent),
|
|
72
72
|
multi: true
|
|
73
73
|
}
|
|
74
|
-
], template: "<div *ngIf=\"formControl != null; else noNgControl\" class=\"w-edit-input-number-field p-fluid field\">\r\n <label *ngIf=\"(label != undefined && label.length > 0)\" \r\n [ngClass]=\"{'w-edit-input-number-small-label': getSizeName(sizeType.small) == size && !disabled,\r\n 'w-edit-input-number-small-label-disabled': getSizeName(sizeType.small) == size && disabled,\r\n 'w-edit-input-number-medium-label': getSizeName(sizeType.medium) == size && !disabled,\r\n 'w-edit-input-number-medium-label-disabled': getSizeName(sizeType.medium) == size && disabled}\" for=\"w-text\">\r\n {{label}}\r\n </label>\r\n <div *ngIf=\"(label != undefined && label == '')\" class=\"w-input-no-label-height\"></div>\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 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 w-edit-input-number-small-height\"\r\n styleClass=\"flex flex-1\"\r\n [mode]=\"mode\" \r\n [minFractionDigits]=\"minFractionDigits\" [maxFractionDigits]=\"maxFractionDigits\"\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 <small *ngIf=\"formControl.invalid && formControl.hasError('max') && formControl.touched \"\r\n class=\"w-input-alert-message-height w-input-warning-alert-text p-error block\">{{maxErrorDescription}}</small> \r\n <small *ngIf=\"formControl.invalid && formControl.hasError('min') && formControl.touched \"\r\n class=\"w-input-alert-message-height w-input-warning-alert-text p-error block\">{{maxErrorDescription}}</small> \r\n <small *ngIf=\"formControl.hasError('required') && formControl.dirty\"\r\n class=\"w-input-alert-message-height w-input-error-alert-text p-error block\">{{requiredErrorDescription}}</small>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-input-number-field p-fluid field\">\r\n <label *ngIf=\"(label != undefined && label.length > 0)\" \r\n [ngClass]=\"{'w-edit-input-number-small-label': getSizeName(sizeType.small) == size && !disabled,\r\n 'w-edit-input-number-small-label-disabled': getSizeName(sizeType.small) == size && disabled,\r\n 'w-edit-input-number-medium-label': getSizeName(sizeType.medium) == size && !disabled,\r\n 'w-edit-input-number-medium-label-disabled': getSizeName(sizeType.medium) == size && disabled}\" for=\"w-text\">\r\n {{label}}\r\n </label>\r\n <div *ngIf=\"(label != undefined && label == '')\" class=\"w-input-no-label-height\"></div>\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 id=\"w-textarea\" [placeholder]=\"placeholder\"\r\n [required]=\"required\" [(ngModel)]=\"value\" (onInput)=\"onValueChanged()\" [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 w-edit-input-number-small-height\"\r\n styleClass=\"flex flex-1\"\r\n [mode]=\"mode\" \r\n [minFractionDigits]=\"minFractionDigits\" [maxFractionDigits]=\"maxFractionDigits\"\r\n id=\"w-textarea\" [placeholder]=\"placeholder\"\r\n [required]=\"required\" [(ngModel)]=\"value\" (input)=\"onValueChanged()\" [disabled]=\"disabled\"></p-inputNumber>\r\n </div>\r\n</ng-template>", 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:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-edit-input-number-small-label,.w-input-small-label-disabled,.w-edit-input-number-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.3333333333rem;font-weight:600}.body,.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.3333333333rem;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}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,: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{box-shadow:0 0 8px #00a6e980}.hover,: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 #00b2eb}.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-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-small-icon-text{font-size:12px}.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:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.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:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.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,.w-view-small-value-text{color:#2e3134}.w-input-no-label-height{height:36px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text,.w-edit-input-number-small-label,.w-input-small-label-disabled,.w-edit-input-number-small-label-disabled{color:#2e3134}.w-input-small-label-disabled,.w-edit-input-number-small-label-disabled{color:#9aa0a6}.w-input-small-placeholder-text,:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input{color:#2e3134}.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-edit-input-number-medium-label,.w-input-medium-label-disabled,.w-edit-input-number-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-edit-input-number-medium-label,.w-input-medium-label-disabled,.w-edit-input-number-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled,.w-edit-input-number-medium-label-disabled{color:#9aa0a6}.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:#2e3134}.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-input-success-alert-text{color:#00db5d;padding:8px;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#2e3134}.w-table-td-text{color:#5f6368}.w-edit-input-number-field{margin:0}.w-edit-input-number-small-label{padding:8px 8px 12px;margin:0}: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{border-radius:8px;border-width:1px;padding:7px 11px!important;width:100%;border:1px solid #e8eaed}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input::-webkit-input-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input::-moz-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:-ms-input-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:-moz-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus{border-radius:8px;border:1px solid #d6f2ff}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus::-moz-placeholder{color:transparent}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus::-webkit-input-placeholder{color:transparent}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus:-ms-input-placeholder{color:transparent}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus:-moz-placeholder{color:transparent}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:disabled{background-color:#f1f3f4;border-color:#e8eaed;color:#5f6368;opacity:1}.w-edit-input-number-small-label-disabled{padding:8px 8px 12px;margin:0}:host ::ng-deep .w-edit-input-number-small-valid .p-inputnumber .p-inputnumber-input:focus{padding-left:12px}:host ::ng-deep .w-edit-input-number-medium-height .p-inputnumber .p-inputnumber-input{height:40px!important}.w-edit-input-number-medium-label{padding:8px 8px 12px;margin:0}.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 #e8eaed}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input::-webkit-input-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input::-moz-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:-ms-input-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:-moz-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:focus{border-radius:8px;border:1px solid #d6f2ff;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:#e8eaed;color:#5f6368;opacity:1}.w-edit-input-number-medium-label-disabled{padding:8px 8px 12px;margin:0}\n"] }]
|
|
74
|
+
], template: "<div *ngIf=\"formControl != null; else noNgControl\" class=\"w-edit-input-number-field p-fluid field\">\r\n <label *ngIf=\"(label != undefined && label.length > 0)\" \r\n [ngClass]=\"{'w-edit-input-number-small-label': getSizeName(sizeType.small) == size && !disabled,\r\n 'w-edit-input-number-small-label-disabled': getSizeName(sizeType.small) == size && disabled,\r\n 'w-edit-input-number-medium-label': getSizeName(sizeType.medium) == size && !disabled,\r\n 'w-edit-input-number-medium-label-disabled': getSizeName(sizeType.medium) == size && disabled}\" for=\"w-text\">\r\n {{label}}\r\n </label>\r\n <div *ngIf=\"(label != undefined && label == '')\" class=\"w-input-no-label-height\"></div>\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 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 w-edit-input-number-small-height\"\r\n styleClass=\"flex flex-1\"\r\n [mode]=\"mode\" \r\n [minFractionDigits]=\"minFractionDigits\" [maxFractionDigits]=\"maxFractionDigits\"\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 <small *ngIf=\"formControl.invalid && formControl.hasError('max') && formControl.touched \"\r\n class=\"w-input-alert-message-height w-input-warning-alert-text p-error block\">{{maxErrorDescription}}</small> \r\n <small *ngIf=\"formControl.invalid && formControl.hasError('min') && formControl.touched \"\r\n class=\"w-input-alert-message-height w-input-warning-alert-text p-error block\">{{maxErrorDescription}}</small> \r\n <small *ngIf=\"formControl.hasError('required') && formControl.dirty\"\r\n class=\"w-input-alert-message-height w-input-error-alert-text p-error block\">{{requiredErrorDescription}}</small>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-input-number-field p-fluid field\">\r\n <label *ngIf=\"(label != undefined && label.length > 0)\" \r\n [ngClass]=\"{'w-edit-input-number-small-label': getSizeName(sizeType.small) == size && !disabled,\r\n 'w-edit-input-number-small-label-disabled': getSizeName(sizeType.small) == size && disabled,\r\n 'w-edit-input-number-medium-label': getSizeName(sizeType.medium) == size && !disabled,\r\n 'w-edit-input-number-medium-label-disabled': getSizeName(sizeType.medium) == size && disabled}\" for=\"w-text\">\r\n {{label}}\r\n </label>\r\n <div *ngIf=\"(label != undefined && label == '')\" class=\"w-input-no-label-height\"></div>\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 id=\"w-textarea\" [placeholder]=\"placeholder\"\r\n [required]=\"required\" [(ngModel)]=\"value\" (onInput)=\"onValueChanged()\" [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 w-edit-input-number-small-height\"\r\n styleClass=\"flex flex-1\"\r\n [mode]=\"mode\" \r\n [minFractionDigits]=\"minFractionDigits\" [maxFractionDigits]=\"maxFractionDigits\"\r\n id=\"w-textarea\" [placeholder]=\"placeholder\"\r\n [required]=\"required\" [(ngModel)]=\"value\" (input)=\"onValueChanged()\" [disabled]=\"disabled\"></p-inputNumber>\r\n </div>\r\n</ng-template>", 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:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-edit-input-number-small-label,.w-input-small-label-disabled,.w-edit-input-number-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.3333333333rem;font-weight:600}.body,.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.3333333333rem;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}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,: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{box-shadow:0 0 8px #00a6e980}.hover,: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 #00b2eb}.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-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-small-icon-text{font-size:12px}.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:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.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:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.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,.w-view-small-value-text{color:#2e3134}.w-input-no-label-height{height:36px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text,.w-edit-input-number-small-label,.w-input-small-label-disabled,.w-edit-input-number-small-label-disabled{color:#2e3134}.w-input-small-label-disabled,.w-edit-input-number-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content,.w-edit-input-number-medium-label-disabled,.w-edit-input-number-medium-label,.w-edit-input-number-small-label-disabled,.w-edit-input-number-small-label{padding:12px 8px 8px 0;margin:0}.w-input-small-placeholder-text,:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input{color:#2e3134}.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-edit-input-number-medium-label,.w-input-medium-label-disabled,.w-edit-input-number-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-edit-input-number-medium-label,.w-input-medium-label-disabled,.w-edit-input-number-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled,.w-edit-input-number-medium-label-disabled{color:#9aa0a6}.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:#2e3134}.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.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:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#2e3134}.w-table-td-text{color:#5f6368}.w-edit-input-number-field{margin:0}: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{border-radius:8px;border-width:1px;padding:7px 11px!important;width:100%;border:1px solid #e8eaed}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input::-webkit-input-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input::-moz-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:-ms-input-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:-moz-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus{border-radius:8px;border:1px solid #d6f2ff}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus::-moz-placeholder{color:transparent}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus::-webkit-input-placeholder{color:transparent}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus:-ms-input-placeholder{color:transparent}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:focus:-moz-placeholder{color:transparent}:host ::ng-deep .w-edit-input-number-small .p-inputnumber .p-inputnumber-input:disabled{background-color:#f1f3f4;border-color:#e8eaed;color:#5f6368;opacity:1}:host ::ng-deep .w-edit-input-number-small-valid .p-inputnumber .p-inputnumber-input:focus{padding-left:12px}: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 #e8eaed}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input::-webkit-input-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input::-moz-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:-ms-input-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:-moz-placeholder{color:#5f6368!important}:host ::ng-deep .w-edit-input-number-medium .p-inputnumber .p-inputnumber-input:focus{border-radius:8px;border:1px solid #d6f2ff;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:#e8eaed;color:#5f6368;opacity:1}\n"] }]
|
|
75
75
|
}], propDecorators: { label: [{
|
|
76
76
|
type: Input,
|
|
77
77
|
args: ['label']
|
|
@@ -63,7 +63,7 @@ WEditInputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
63
63
|
useExisting: forwardRef(() => WEditInputTextComponent),
|
|
64
64
|
multi: true
|
|
65
65
|
}
|
|
66
|
-
], ngImport: i0, template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-input-text-select-field p-fluid field\">\r\n <label *ngIf=\"(label != undefined && label.length > 0)\"\r\n [ngClass]=\"{'w-edit-input-text-small-label': getSizeName(sizeType.small) == size && !disabled, \r\n 'w-edit-input-text-small-label-disabled': getSizeName(sizeType.small) == size && disabled,\r\n 'w-edit-input-text-medium-label': getSizeName(sizeType.medium) == size && !disabled,\r\n 'w-edit-input-text-medium-label-disabled': getSizeName(sizeType.medium) == size && disabled}\" for=\"w-text\">\r\n {{label}}\r\n </label>\r\n <div *ngIf=\"(label != undefined && label == '')\" class=\"w-input-no-label-height\"></div>\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'))}\"\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'))}\"\r\n minlength=\"{{minlength}}\" maxlength=\"{{maxlength}}\" \r\n class=\"w-edit-input-text-height-small 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 <small *ngIf=\"formControl.invalid && formControl.hasError('maxlength') && formControl.touched \"\r\n class=\"w-alert-message-height w-input-warning-alert-text p-error block\">{{maxlengthErrorDescription}}</small>\r\n <small *ngIf=\"formControl.invalid && formControl.hasError('minlength') && formControl.touched \"\r\n class=\"w-alert-message-height w-input-warning-alert-text p-error block\">{{minlengthErrorDescription}}</small>\r\n <small *ngIf=\"formControl.hasError('required') && formControl.dirty\"\r\n class=\"w-alert-message-height w-input-error-alert-text p-error block\">{{requiredErrorDescription}}</small>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-input-text-select-field p-fluid field\">\r\n <label *ngIf=\"(label != undefined && label.length > 0)\"\r\n [ngClass]=\"{'w-edit-input-text-small-label': getSizeName(sizeType.small) == size && !disabled, \r\n 'w-edit-input-text-small-label-disabled': getSizeName(sizeType.small) == size && disabled,\r\n 'w-edit-input-text-medium-label': getSizeName(sizeType.medium) == size && !disabled,\r\n 'w-edit-input-text-medium-label-disabled': getSizeName(sizeType.medium) == size && disabled}\" for=\"w-text\">\r\n {{label}}\r\n </label>\r\n <div *ngIf=\"(label != undefined && label == '')\" class=\"w-input-no-label-height\"></div>\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}}\" [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}}\" [required]=\"required\"\r\n class=\"w-edit-input-text-small-height 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>", 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:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-edit-input-text-small-label,.w-input-small-label-disabled,.w-edit-input-text-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.3333333333rem;font-weight:600}.body,.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-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.3333333333rem;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}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,.w-edit-input-text-medium:focus,.w-edit-input-text-small:focus{box-shadow:0 0 8px #00a6e980}.hover,.w-edit-input-text-medium:hover,.w-edit-input-text-small:hover{border-radius:8px;border:1px solid #00b2eb}.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-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-small-icon-text{font-size:12px}.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:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.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:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.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,.w-view-small-value-text{color:#2e3134}.w-input-no-label-height{height:36px}.w-input-disabled,.w-edit-input-text-medium:disabled,.w-edit-input-text-small:disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text,.w-edit-input-text-small-label,.w-input-small-label-disabled,.w-edit-input-text-small-label-disabled{color:#2e3134}.w-input-small-label-disabled,.w-edit-input-text-small-label-disabled{color:#9aa0a6}.w-input-small-placeholder-text,.w-edit-input-text-small.p-inputtext,.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,::ng-deep .p-input-icon-right>i.w-edit-input-text-small-icon:last-of-type{color:#2e3134}.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-edit-input-text-medium-label,.w-input-medium-label-disabled,.w-edit-input-text-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-edit-input-text-medium-label,.w-input-medium-label-disabled,.w-edit-input-text-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled,.w-edit-input-text-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text,.w-edit-input-text-medium.p-inputtext{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-edit-input-text-medium.p-inputtext,.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon,::ng-deep .p-input-icon-right>i.w-edit-input-text-medium-icon:last-of-type{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-input-success-alert-text{color:#00db5d;padding:8px;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#2e3134}.w-table-td-text{color:#5f6368}.w-edit-input-text-select-field{margin:0}.w-edit-input-text-small-height{height:32px!important}.w-edit-input-text-small-height .p-input-icon-right>i:last-of-type{right:12px}.w-edit-input-text-small-label{padding:8px 8px 12px;margin:0}.w-edit-input-text-small.p-inputtext{border-radius:8px;border-width:1px;padding:7px 11px;border:1px solid #e8eaed}::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}.w-edit-input-text-small::-webkit-input-placeholder{color:#5f6368!important}.w-edit-input-text-small::-moz-placeholder{color:#5f6368!important}.w-edit-input-text-small:-ms-input-placeholder{color:#5f6368!important}.w-edit-input-text-small:-moz-placeholder{color:#5f6368!important}.w-edit-input-text-small:focus{border-radius:8px;border:1px solid #d6f2ff;padding-left:11px}.w-edit-input-text-small:focus::-moz-placeholder{color:transparent}.w-edit-input-text-small-label-disabled{padding:8px 8px 12px;margin:0}.w-edit-input-text-small-valid:focus{padding-left:12px}.w-edit-input-text-medium-height{height:40px!important}.w-edit-input-text-medium-label{padding:8px 8px 12px;margin:0}.w-edit-input-text-medium.p-inputtext{border-radius:8px;border-width:1px;padding:7px 15px;border:1px solid #e8eaed}.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:#5f6368!important}.w-edit-input-text-medium::-moz-placeholder{color:#5f6368!important}.w-edit-input-text-medium:-ms-input-placeholder{color:#5f6368!important}.w-edit-input-text-medium:-moz-placeholder{color:#5f6368!important}.w-edit-input-text-medium:focus{border-radius:8px;border:1px solid #d6f2ff;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}.w-edit-input-text-medium-label-disabled{padding:8px 8px 12px;margin:0}\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.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"] }] });
|
|
66
|
+
], ngImport: i0, template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-input-text-select-field p-fluid field\">\r\n <label *ngIf=\"(label != undefined && label.length > 0)\"\r\n [ngClass]=\"{'w-edit-input-text-small-label': getSizeName(sizeType.small) == size && !disabled, \r\n 'w-edit-input-text-small-label-disabled': getSizeName(sizeType.small) == size && disabled,\r\n 'w-edit-input-text-medium-label': getSizeName(sizeType.medium) == size && !disabled,\r\n 'w-edit-input-text-medium-label-disabled': getSizeName(sizeType.medium) == size && disabled}\" for=\"w-text\">\r\n {{label}}\r\n </label>\r\n <div *ngIf=\"(label != undefined && label == '')\" class=\"w-input-no-label-height\"></div>\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'))}\"\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'))}\"\r\n minlength=\"{{minlength}}\" maxlength=\"{{maxlength}}\" \r\n class=\"w-edit-input-text-height-small 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 <small *ngIf=\"formControl.invalid && formControl.hasError('maxlength') && formControl.touched \"\r\n class=\"w-alert-message-height w-input-warning-alert-text p-error block\">{{maxlengthErrorDescription}}</small>\r\n <small *ngIf=\"formControl.invalid && formControl.hasError('minlength') && formControl.touched \"\r\n class=\"w-alert-message-height w-input-warning-alert-text p-error block\">{{minlengthErrorDescription}}</small>\r\n <small *ngIf=\"formControl.hasError('required') && formControl.dirty\"\r\n class=\"w-alert-message-height w-input-error-alert-text p-error block\">{{requiredErrorDescription}}</small>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-input-text-select-field p-fluid field\">\r\n <label *ngIf=\"(label != undefined && label.length > 0)\"\r\n [ngClass]=\"{'w-edit-input-text-small-label': getSizeName(sizeType.small) == size && !disabled, \r\n 'w-edit-input-text-small-label-disabled': getSizeName(sizeType.small) == size && disabled,\r\n 'w-edit-input-text-medium-label': getSizeName(sizeType.medium) == size && !disabled,\r\n 'w-edit-input-text-medium-label-disabled': getSizeName(sizeType.medium) == size && disabled}\" for=\"w-text\">\r\n {{label}}\r\n </label>\r\n <div *ngIf=\"(label != undefined && label == '')\" class=\"w-input-no-label-height\"></div>\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}}\" [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}}\" [required]=\"required\"\r\n class=\"w-edit-input-text-small-height 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>", 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:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-edit-input-text-small-label,.w-input-small-label-disabled,.w-edit-input-text-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.3333333333rem;font-weight:600}.body,.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-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.3333333333rem;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}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,.w-edit-input-text-medium:focus,.w-edit-input-text-small:focus{box-shadow:0 0 8px #00a6e980}.hover,.w-edit-input-text-medium:hover,.w-edit-input-text-small:hover{border-radius:8px;border:1px solid #00b2eb}.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-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-small-icon-text{font-size:12px}.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:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.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:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.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,.w-view-small-value-text{color:#2e3134}.w-input-no-label-height{height:36px}.w-input-disabled,.w-edit-input-text-medium:disabled,.w-edit-input-text-small:disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text,.w-edit-input-text-small-label,.w-input-small-label-disabled,.w-edit-input-text-small-label-disabled{color:#2e3134}.w-input-small-label-disabled,.w-edit-input-text-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content,.w-edit-input-text-medium-label-disabled,.w-edit-input-text-medium-label,.w-edit-input-text-small-label-disabled,.w-edit-input-text-small-label{padding:12px 8px 8px 0;margin:0}.w-input-small-placeholder-text,.w-edit-input-text-small.p-inputtext,.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,::ng-deep .p-input-icon-right>i.w-edit-input-text-small-icon:last-of-type{color:#2e3134}.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-edit-input-text-medium-label,.w-input-medium-label-disabled,.w-edit-input-text-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-edit-input-text-medium-label,.w-input-medium-label-disabled,.w-edit-input-text-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled,.w-edit-input-text-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text,.w-edit-input-text-medium.p-inputtext{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-edit-input-text-medium.p-inputtext,.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon,::ng-deep .p-input-icon-right>i.w-edit-input-text-medium-icon:last-of-type{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.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:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#2e3134}.w-table-td-text{color:#5f6368}.w-edit-input-text-select-field{margin:0}.w-edit-input-text-small-height{height:32px!important}.w-edit-input-text-small-height .p-input-icon-right>i:last-of-type{right:12px}.w-edit-input-text-small.p-inputtext{border-radius:8px;border-width:1px;padding:7px 11px;border:1px solid #e8eaed}::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}.w-edit-input-text-small::-webkit-input-placeholder{color:#5f6368!important}.w-edit-input-text-small::-moz-placeholder{color:#5f6368!important}.w-edit-input-text-small:-ms-input-placeholder{color:#5f6368!important}.w-edit-input-text-small:-moz-placeholder{color:#5f6368!important}.w-edit-input-text-small:focus{border-radius:8px;border:1px solid #d6f2ff;padding-left:11px}.w-edit-input-text-small:focus::-moz-placeholder{color:transparent}.w-edit-input-text-small-valid:focus{padding-left:12px}.w-edit-input-text-medium-height{height:40px!important}.w-edit-input-text-medium.p-inputtext{border-radius:8px;border-width:1px;padding:7px 15px;border:1px solid #e8eaed}.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:#5f6368!important}.w-edit-input-text-medium::-moz-placeholder{color:#5f6368!important}.w-edit-input-text-medium:-ms-input-placeholder{color:#5f6368!important}.w-edit-input-text-medium:-moz-placeholder{color:#5f6368!important}.w-edit-input-text-medium:focus{border-radius:8px;border:1px solid #d6f2ff;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.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"] }] });
|
|
67
67
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WEditInputTextComponent, decorators: [{
|
|
68
68
|
type: Component,
|
|
69
69
|
args: [{ selector: 'w-edit-input-text', providers: [
|
|
@@ -72,7 +72,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
72
72
|
useExisting: forwardRef(() => WEditInputTextComponent),
|
|
73
73
|
multi: true
|
|
74
74
|
}
|
|
75
|
-
], template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-input-text-select-field p-fluid field\">\r\n <label *ngIf=\"(label != undefined && label.length > 0)\"\r\n [ngClass]=\"{'w-edit-input-text-small-label': getSizeName(sizeType.small) == size && !disabled, \r\n 'w-edit-input-text-small-label-disabled': getSizeName(sizeType.small) == size && disabled,\r\n 'w-edit-input-text-medium-label': getSizeName(sizeType.medium) == size && !disabled,\r\n 'w-edit-input-text-medium-label-disabled': getSizeName(sizeType.medium) == size && disabled}\" for=\"w-text\">\r\n {{label}}\r\n </label>\r\n <div *ngIf=\"(label != undefined && label == '')\" class=\"w-input-no-label-height\"></div>\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'))}\"\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'))}\"\r\n minlength=\"{{minlength}}\" maxlength=\"{{maxlength}}\" \r\n class=\"w-edit-input-text-height-small 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 <small *ngIf=\"formControl.invalid && formControl.hasError('maxlength') && formControl.touched \"\r\n class=\"w-alert-message-height w-input-warning-alert-text p-error block\">{{maxlengthErrorDescription}}</small>\r\n <small *ngIf=\"formControl.invalid && formControl.hasError('minlength') && formControl.touched \"\r\n class=\"w-alert-message-height w-input-warning-alert-text p-error block\">{{minlengthErrorDescription}}</small>\r\n <small *ngIf=\"formControl.hasError('required') && formControl.dirty\"\r\n class=\"w-alert-message-height w-input-error-alert-text p-error block\">{{requiredErrorDescription}}</small>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-input-text-select-field p-fluid field\">\r\n <label *ngIf=\"(label != undefined && label.length > 0)\"\r\n [ngClass]=\"{'w-edit-input-text-small-label': getSizeName(sizeType.small) == size && !disabled, \r\n 'w-edit-input-text-small-label-disabled': getSizeName(sizeType.small) == size && disabled,\r\n 'w-edit-input-text-medium-label': getSizeName(sizeType.medium) == size && !disabled,\r\n 'w-edit-input-text-medium-label-disabled': getSizeName(sizeType.medium) == size && disabled}\" for=\"w-text\">\r\n {{label}}\r\n </label>\r\n <div *ngIf=\"(label != undefined && label == '')\" class=\"w-input-no-label-height\"></div>\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}}\" [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}}\" [required]=\"required\"\r\n class=\"w-edit-input-text-small-height 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>", 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:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-edit-input-text-small-label,.w-input-small-label-disabled,.w-edit-input-text-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.3333333333rem;font-weight:600}.body,.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-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.3333333333rem;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}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,.w-edit-input-text-medium:focus,.w-edit-input-text-small:focus{box-shadow:0 0 8px #00a6e980}.hover,.w-edit-input-text-medium:hover,.w-edit-input-text-small:hover{border-radius:8px;border:1px solid #00b2eb}.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-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-small-icon-text{font-size:12px}.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:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.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:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.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,.w-view-small-value-text{color:#2e3134}.w-input-no-label-height{height:36px}.w-input-disabled,.w-edit-input-text-medium:disabled,.w-edit-input-text-small:disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text,.w-edit-input-text-small-label,.w-input-small-label-disabled,.w-edit-input-text-small-label-disabled{color:#2e3134}.w-input-small-label-disabled,.w-edit-input-text-small-label-disabled{color:#9aa0a6}.w-input-small-placeholder-text,.w-edit-input-text-small.p-inputtext,.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,::ng-deep .p-input-icon-right>i.w-edit-input-text-small-icon:last-of-type{color:#2e3134}.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-edit-input-text-medium-label,.w-input-medium-label-disabled,.w-edit-input-text-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-edit-input-text-medium-label,.w-input-medium-label-disabled,.w-edit-input-text-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled,.w-edit-input-text-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text,.w-edit-input-text-medium.p-inputtext{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-edit-input-text-medium.p-inputtext,.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon,::ng-deep .p-input-icon-right>i.w-edit-input-text-medium-icon:last-of-type{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-input-success-alert-text{color:#00db5d;padding:8px;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#2e3134}.w-table-td-text{color:#5f6368}.w-edit-input-text-select-field{margin:0}.w-edit-input-text-small-height{height:32px!important}.w-edit-input-text-small-height .p-input-icon-right>i:last-of-type{right:12px}.w-edit-input-text-small-label{padding:8px 8px 12px;margin:0}.w-edit-input-text-small.p-inputtext{border-radius:8px;border-width:1px;padding:7px 11px;border:1px solid #e8eaed}::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}.w-edit-input-text-small::-webkit-input-placeholder{color:#5f6368!important}.w-edit-input-text-small::-moz-placeholder{color:#5f6368!important}.w-edit-input-text-small:-ms-input-placeholder{color:#5f6368!important}.w-edit-input-text-small:-moz-placeholder{color:#5f6368!important}.w-edit-input-text-small:focus{border-radius:8px;border:1px solid #d6f2ff;padding-left:11px}.w-edit-input-text-small:focus::-moz-placeholder{color:transparent}.w-edit-input-text-small-label-disabled{padding:8px 8px 12px;margin:0}.w-edit-input-text-small-valid:focus{padding-left:12px}.w-edit-input-text-medium-height{height:40px!important}.w-edit-input-text-medium-label{padding:8px 8px 12px;margin:0}.w-edit-input-text-medium.p-inputtext{border-radius:8px;border-width:1px;padding:7px 15px;border:1px solid #e8eaed}.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:#5f6368!important}.w-edit-input-text-medium::-moz-placeholder{color:#5f6368!important}.w-edit-input-text-medium:-ms-input-placeholder{color:#5f6368!important}.w-edit-input-text-medium:-moz-placeholder{color:#5f6368!important}.w-edit-input-text-medium:focus{border-radius:8px;border:1px solid #d6f2ff;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}.w-edit-input-text-medium-label-disabled{padding:8px 8px 12px;margin:0}\n"] }]
|
|
75
|
+
], template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-input-text-select-field p-fluid field\">\r\n <label *ngIf=\"(label != undefined && label.length > 0)\"\r\n [ngClass]=\"{'w-edit-input-text-small-label': getSizeName(sizeType.small) == size && !disabled, \r\n 'w-edit-input-text-small-label-disabled': getSizeName(sizeType.small) == size && disabled,\r\n 'w-edit-input-text-medium-label': getSizeName(sizeType.medium) == size && !disabled,\r\n 'w-edit-input-text-medium-label-disabled': getSizeName(sizeType.medium) == size && disabled}\" for=\"w-text\">\r\n {{label}}\r\n </label>\r\n <div *ngIf=\"(label != undefined && label == '')\" class=\"w-input-no-label-height\"></div>\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'))}\"\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'))}\"\r\n minlength=\"{{minlength}}\" maxlength=\"{{maxlength}}\" \r\n class=\"w-edit-input-text-height-small 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 <small *ngIf=\"formControl.invalid && formControl.hasError('maxlength') && formControl.touched \"\r\n class=\"w-alert-message-height w-input-warning-alert-text p-error block\">{{maxlengthErrorDescription}}</small>\r\n <small *ngIf=\"formControl.invalid && formControl.hasError('minlength') && formControl.touched \"\r\n class=\"w-alert-message-height w-input-warning-alert-text p-error block\">{{minlengthErrorDescription}}</small>\r\n <small *ngIf=\"formControl.hasError('required') && formControl.dirty\"\r\n class=\"w-alert-message-height w-input-error-alert-text p-error block\">{{requiredErrorDescription}}</small>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-input-text-select-field p-fluid field\">\r\n <label *ngIf=\"(label != undefined && label.length > 0)\"\r\n [ngClass]=\"{'w-edit-input-text-small-label': getSizeName(sizeType.small) == size && !disabled, \r\n 'w-edit-input-text-small-label-disabled': getSizeName(sizeType.small) == size && disabled,\r\n 'w-edit-input-text-medium-label': getSizeName(sizeType.medium) == size && !disabled,\r\n 'w-edit-input-text-medium-label-disabled': getSizeName(sizeType.medium) == size && disabled}\" for=\"w-text\">\r\n {{label}}\r\n </label>\r\n <div *ngIf=\"(label != undefined && label == '')\" class=\"w-input-no-label-height\"></div>\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}}\" [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}}\" [required]=\"required\"\r\n class=\"w-edit-input-text-small-height 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>", 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:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-edit-input-text-small-label,.w-input-small-label-disabled,.w-edit-input-text-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.3333333333rem;font-weight:600}.body,.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-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.3333333333rem;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}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,.w-edit-input-text-medium:focus,.w-edit-input-text-small:focus{box-shadow:0 0 8px #00a6e980}.hover,.w-edit-input-text-medium:hover,.w-edit-input-text-small:hover{border-radius:8px;border:1px solid #00b2eb}.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-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-small-icon-text{font-size:12px}.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:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.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:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.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,.w-view-small-value-text{color:#2e3134}.w-input-no-label-height{height:36px}.w-input-disabled,.w-edit-input-text-medium:disabled,.w-edit-input-text-small:disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text,.w-edit-input-text-small-label,.w-input-small-label-disabled,.w-edit-input-text-small-label-disabled{color:#2e3134}.w-input-small-label-disabled,.w-edit-input-text-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content,.w-edit-input-text-medium-label-disabled,.w-edit-input-text-medium-label,.w-edit-input-text-small-label-disabled,.w-edit-input-text-small-label{padding:12px 8px 8px 0;margin:0}.w-input-small-placeholder-text,.w-edit-input-text-small.p-inputtext,.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,::ng-deep .p-input-icon-right>i.w-edit-input-text-small-icon:last-of-type{color:#2e3134}.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-edit-input-text-medium-label,.w-input-medium-label-disabled,.w-edit-input-text-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-edit-input-text-medium-label,.w-input-medium-label-disabled,.w-edit-input-text-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled,.w-edit-input-text-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text,.w-edit-input-text-medium.p-inputtext{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-edit-input-text-medium.p-inputtext,.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon,::ng-deep .p-input-icon-right>i.w-edit-input-text-medium-icon:last-of-type{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.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:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#2e3134}.w-table-td-text{color:#5f6368}.w-edit-input-text-select-field{margin:0}.w-edit-input-text-small-height{height:32px!important}.w-edit-input-text-small-height .p-input-icon-right>i:last-of-type{right:12px}.w-edit-input-text-small.p-inputtext{border-radius:8px;border-width:1px;padding:7px 11px;border:1px solid #e8eaed}::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}.w-edit-input-text-small::-webkit-input-placeholder{color:#5f6368!important}.w-edit-input-text-small::-moz-placeholder{color:#5f6368!important}.w-edit-input-text-small:-ms-input-placeholder{color:#5f6368!important}.w-edit-input-text-small:-moz-placeholder{color:#5f6368!important}.w-edit-input-text-small:focus{border-radius:8px;border:1px solid #d6f2ff;padding-left:11px}.w-edit-input-text-small:focus::-moz-placeholder{color:transparent}.w-edit-input-text-small-valid:focus{padding-left:12px}.w-edit-input-text-medium-height{height:40px!important}.w-edit-input-text-medium.p-inputtext{border-radius:8px;border-width:1px;padding:7px 15px;border:1px solid #e8eaed}.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:#5f6368!important}.w-edit-input-text-medium::-moz-placeholder{color:#5f6368!important}.w-edit-input-text-medium:-ms-input-placeholder{color:#5f6368!important}.w-edit-input-text-medium:-moz-placeholder{color:#5f6368!important}.w-edit-input-text-medium:focus{border-radius:8px;border:1px solid #d6f2ff;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"] }]
|
|
76
76
|
}], propDecorators: { label: [{
|
|
77
77
|
type: Input,
|
|
78
78
|
args: ['label']
|