rd-outer-component 0.1.3 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/esm2020/lib/modules/custom-date/custom-date.component.mjs +2 -2
  2. package/esm2020/lib/modules/custom-filter/custom-filter.component.mjs +2 -2
  3. package/esm2020/lib/modules/custom-input/custom-input.component.mjs +2 -2
  4. package/esm2020/lib/modules/custom-input-amount/custom-input-amount.component.mjs +2 -2
  5. package/esm2020/lib/modules/custom-textarea/custom-textarea.component.mjs +2 -2
  6. package/esm2020/lib/modules/form-item/form-item.component.mjs +2 -2
  7. package/fesm2015/rd-outer-component.mjs +12 -12
  8. package/fesm2015/rd-outer-component.mjs.map +1 -1
  9. package/fesm2020/rd-outer-component.mjs +12 -12
  10. package/fesm2020/rd-outer-component.mjs.map +1 -1
  11. package/package.json +1 -1
  12. package/src/lib/assets/scss/form-item.scss +1 -0
package/esm2020/lib/modules/custom-date/custom-date.component.mjs CHANGED
@@ -159,7 +159,7 @@ CustomDateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
159
159
  useExisting: forwardRef(() => CustomDateComponent),
160
160
  multi: true,
161
161
  },
162
- ], viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["datePicker"], descendants: true }], ngImport: i0, template: "<div [class.rd-date-ready]=\"isComponentReady\" class=\"rd-date-container\">\n <app-rd-form-item\n [disabled]=\"disabled\"\n [focus]=\"isFocus || isPickerOpen\"\n [type]=\"'date'\"\n [label]=\"label\"\n [value]=\"displayValue\"\n [errorMessage]=\"showError ? currentErrorMessage : ''\"\n [theme]=\"theme\"\n (click)=\"openPicker()\"\n >\n <nz-range-picker\n *ngIf=\"type === 'range'\"\n [(ngModel)]=\"inputValue\"\n (ngModelChange)=\"onDateChange($event)\"\n (nzOnOpenChange)=\"onOpenChange($event)\"\n [nzFormat]=\"'dd/MM/yyyy'\"\n [nzShowTime]=\"false\"\n [nzAllowClear]=\"false\"\n [nzPlaceHolder]=\"['From', 'To']\"\n class=\"rd-form-item-date\"\n [nzDisabledDate]=\"disabledDate\"\n [nzDropdownClassName]=\"popupClassName\"\n [nzSeparator]=\"'-'\"\n [nzDisabled]=\"disabled\"\n nzSuffixIcon=\"\"\n #datePicker\n nzBorderless\n nzPlacement=\"bottomRight\"\n [nzInputReadOnly]=\"true\"\n [name]=\"name\"\n (nzFocus)=\"onFocus()\"\n (nzBlur)=\"onBlur()\"\n [ngClass]=\"{\n 'rd-form-item-date-hide': !inputValue?.length,\n }\"\n ></nz-range-picker>\n <nz-date-picker\n *ngIf=\"type === 'date'\"\n [(ngModel)]=\"inputValue\"\n (ngModelChange)=\"onDateChange($event)\"\n (nzOnOpenChange)=\"onOpenChange($event)\"\n [nzFormat]=\"'dd/MM/yyyy'\"\n [nzShowTime]=\"false\"\n [nzAllowClear]=\"false\"\n [nzShowToday]=\"false\"\n class=\"rd-form-item-date\"\n [nzDisabledDate]=\"disabledDate || disabledEndDate\"\n [nzDropdownClassName]=\"popupClassName + ' custom-dark-datepicker'\"\n [nzDisabled]=\"disabled\"\n nzSuffixIcon=\"\"\n #datePicker\n nzBorderless\n [nzInputReadOnly]=\"true\"\n [name]=\"name\"\n (nzFocus)=\"onFocus()\"\n (nzBlur)=\"onBlur()\"\n [ngClass]=\"{\n 'rd-form-item-date-hide': !inputValue,\n }\"\n ></nz-date-picker>\n </app-rd-form-item>\n</div>\n", styles: [":host .rd-date-container{visibility:hidden}:host .rd-date-container.rd-date-ready{visibility:visible}:host .rd-form-item-date{width:auto;padding:28px 16px 0}:host .rd-form-item-date-hide{position:absolute;top:0;left:0;width:234px;height:100%;opacity:0}:host .rd-form-item-label{cursor:text;pointer-events:none}:host .rd-form-item-date-suffix-icon{position:absolute;top:50%;right:16px;transform:translateY(-50%)}::ng-deep .custom-dark-datepicker .ant-picker-panel{border:1px solid var(--rd-input-fg-default);background-color:var(--rd-bg-panel)}::ng-deep .custom-dark-datepicker .ant-picker-cell-in-view .ant-picker-cell-inner{color:var(--rd-copy-primary)!important}::ng-deep .custom-dark-datepicker .ant-picker-cell-in-view:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-disabled) .ant-picker-cell-inner{background:rgba(83,149,255,.1);border-color:var(--rd-blue-dark-400);color:var(--rd-copy-primary)!important}::ng-deep .custom-dark-datepicker .ant-picker-cell:not(.ant-picker-cell-in-view) .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .custom-dark-datepicker .ant-picker-header-view button{color:var(--rd-copy-primary)!important}::ng-deep .custom-dark-datepicker .ant-picker-header-next-btn{color:var(--rd-copy-primary)!important}::ng-deep .custom-dark-datepicker .ant-picker-prev-icon:before,::ng-deep .custom-dark-datepicker .ant-picker-next-icon:before,::ng-deep .custom-dark-datepicker .ant-picker-super-prev-icon:before,::ng-deep .custom-dark-datepicker .ant-picker-super-next-icon:before,::ng-deep .custom-dark-datepicker .ant-picker-super-prev-icon:after,::ng-deep .custom-dark-datepicker .ant-picker-super-next-icon:after{border:0 solid var(--rd-copy-primary);border-width:1.5px 0 0 1.5px}::ng-deep .custom-dark-datepicker .ant-picker-input input{color:var(--rd-copy-primary)}::ng-deep .custom-dark-datepicker .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-hover-start):not(.ant-picker-cell-range-hover-end):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner{border:1px solid var(--rd-blue-dark-400);background:transparent}::ng-deep .custom-dark-datepicker .ant-picker-suffix{color:var(--rd-copy-primary)}::ng-deep .custom-dark-datepicker .ant-picker-cell-disabled .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .custom-dark-datepicker .ant-picker-cell-disabled:before{background-color:var(--rd-input-bg-disable)}::ng-deep .rd-form-item-date .ant-picker-suffix svg{transition:transform .2s ease;cursor:pointer;pointer-events:initial}::ng-deep .rd-form-item-date.ant-picker:hover,::ng-deep .rd-form-item-date.ant-picker-focused{box-shadow:none;border-color:var(--rd-input-fg-hover)}::ng-deep .rd-form-item-date .ant-picker-active-bar{display:none}::ng-deep .rd-form-item-date .ant-picker-input input{field-sizing:content;font-weight:500;color:var(--rd-copy-primary)}::ng-deep .rd-form-item-date .ant-picker-separator{width:-moz-fit-content;width:fit-content;color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-focus .ant-picker-suffix svg{pointer-events:none;transform:rotate(-180deg)}::ng-deep .rd-form-item-date-popup.ant-picker-dropdown-range{padding:0}::ng-deep .rd-form-item-date-popup .ant-picker-range-arrow{display:none}::ng-deep .rd-form-item-date-popup .ant-picker-super-next-icon,::ng-deep .rd-form-item-date-popup .ant-picker-header-next-btn,::ng-deep .rd-form-item-date-popup .ant-picker-super-prev-icon,::ng-deep .rd-form-item-date-popup .ant-picker-header-prev-btn{color:var(--rd-copy-primary)}::ng-deep .rd-form-item-date-popup .ant-picker-super-prev-icon:after,::ng-deep .rd-form-item-date-popup .ant-picker-super-next-icon:after{top:2px;left:2px}::ng-deep .rd-form-item-date-popup .ant-picker-header-view button{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container{border-radius:4px}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header{border-bottom:none}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header-view{display:flex;flex-direction:row-reverse;justify-content:center;gap:8px}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-month-btn{order:2}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-year-btn{order:1}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-panel+.ant-picker-panel .ant-picker-body{border-left:1px solid var(--rd-grey-200)}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell{color:var(--rd-copy-disable);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell-in-view{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-body th{color:var(--rd-copy-secondary);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-in-range:before{background-color:var(--rd-blue-100)}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner{border-radius:4px!important;background-color:var(--rd-control-input-selected)}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{border-radius:4px!important}\n", "input{border:none}textarea[disabled]{background:var(--input-bg-disable)!important}.rd-form-item{position:relative;border-radius:12px;padding:2px 0;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;height:64px}.rd-form-item .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}.rd-form-item-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;padding:22px 16px 12px;height:52px}.rd-form-item-input:focus,.rd-form-item-input:not(:placeholder-shown){top:10px}.rd-form-item .rd-form-item-input:focus~.rd-form-item-label,.rd-form-item .rd-form-item-input:not(:placeholder-shown)~.rd-form-item-label{top:18px;font-size:12px}.rd-form-item-select{width:100%}.rd-form-item-select ::ng-deep .ant-select-selection-item{color:var(--rd-copy-primary);font-size:14px;font-weight:500}.rd-form-item.rd-selected .rd-form-item-label{top:16px;font-size:12px}.rd-form-item.rd-selected .rd-form-item-select{top:10px}.rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-item.rd-disabled .rd-form-item-label,.rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}.rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}.rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}.rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.rd-form-item-error img{width:16px}.rd-form-number-item{position:relative;border-radius:12px;padding:12px 16px;background-color:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);width:100%}.rd-form-number-item .rd-item-label{color:var(--rd-copy-secondary);font-size:12px;font-weight:600}.rd-form-number-item .rd-item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-primary);border:none;padding:4px 0}.rd-form-number-item .rd-item-content-value:focus,.rd-form-number-item .rd-item-content-value:active,.rd-form-number-item .rd-item-content-value:hover{outline:none;box-shadow:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-handler-wrap{display:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input{font-size:32px;font-weight:600;line-height:48px}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input::placeholder{color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-symbol{flex-shrink:0}.rd-form-number-item ::ng-deep .rd-item-warning{font-weight:500;font-size:12px;color:var(--rd-copy-secondary);margin-top:4px;padding:0 12px}.rd-form-number-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-number-item.rd-disabled .rd-item-label,.rd-form-number-item.rd-disabled .rd-item-content-value{color:var(--rd-copy-disable)}.rd-form-number-item.rd-error{border-color:var(--rd-input-fg-danger)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { kind: "directive", type: i4.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }, { kind: "component", type: i5.FormItemComponent, selector: "app-rd-form-item", inputs: ["errorMessage", "disabled", "label", "type", "focus", "value", "size", "theme"] }] });
162
+ ], viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["datePicker"], descendants: true }], ngImport: i0, template: "<div [class.rd-date-ready]=\"isComponentReady\" class=\"rd-date-container\">\n <app-rd-form-item\n [disabled]=\"disabled\"\n [focus]=\"isFocus || isPickerOpen\"\n [type]=\"'date'\"\n [label]=\"label\"\n [value]=\"displayValue\"\n [errorMessage]=\"showError ? currentErrorMessage : ''\"\n [theme]=\"theme\"\n (click)=\"openPicker()\"\n >\n <nz-range-picker\n *ngIf=\"type === 'range'\"\n [(ngModel)]=\"inputValue\"\n (ngModelChange)=\"onDateChange($event)\"\n (nzOnOpenChange)=\"onOpenChange($event)\"\n [nzFormat]=\"'dd/MM/yyyy'\"\n [nzShowTime]=\"false\"\n [nzAllowClear]=\"false\"\n [nzPlaceHolder]=\"['From', 'To']\"\n class=\"rd-form-item-date\"\n [nzDisabledDate]=\"disabledDate\"\n [nzDropdownClassName]=\"popupClassName\"\n [nzSeparator]=\"'-'\"\n [nzDisabled]=\"disabled\"\n nzSuffixIcon=\"\"\n #datePicker\n nzBorderless\n nzPlacement=\"bottomRight\"\n [nzInputReadOnly]=\"true\"\n [name]=\"name\"\n (nzFocus)=\"onFocus()\"\n (nzBlur)=\"onBlur()\"\n [ngClass]=\"{\n 'rd-form-item-date-hide': !inputValue?.length,\n }\"\n ></nz-range-picker>\n <nz-date-picker\n *ngIf=\"type === 'date'\"\n [(ngModel)]=\"inputValue\"\n (ngModelChange)=\"onDateChange($event)\"\n (nzOnOpenChange)=\"onOpenChange($event)\"\n [nzFormat]=\"'dd/MM/yyyy'\"\n [nzShowTime]=\"false\"\n [nzAllowClear]=\"false\"\n [nzShowToday]=\"false\"\n class=\"rd-form-item-date\"\n [nzDisabledDate]=\"disabledDate || disabledEndDate\"\n [nzDropdownClassName]=\"popupClassName + ' custom-dark-datepicker'\"\n [nzDisabled]=\"disabled\"\n nzSuffixIcon=\"\"\n #datePicker\n nzBorderless\n [nzInputReadOnly]=\"true\"\n [name]=\"name\"\n (nzFocus)=\"onFocus()\"\n (nzBlur)=\"onBlur()\"\n [ngClass]=\"{\n 'rd-form-item-date-hide': !inputValue,\n }\"\n ></nz-date-picker>\n </app-rd-form-item>\n</div>\n", styles: [":host .rd-date-container{visibility:hidden}:host .rd-date-container.rd-date-ready{visibility:visible}:host .rd-form-item-date{width:auto;padding:28px 16px 0}:host .rd-form-item-date-hide{position:absolute;top:0;left:0;width:234px;height:100%;opacity:0}:host .rd-form-item-label{cursor:text;pointer-events:none}:host .rd-form-item-date-suffix-icon{position:absolute;top:50%;right:16px;transform:translateY(-50%)}::ng-deep .custom-dark-datepicker .ant-picker-panel{border:1px solid var(--rd-input-fg-default);background-color:var(--rd-bg-panel)}::ng-deep .custom-dark-datepicker .ant-picker-cell-in-view .ant-picker-cell-inner{color:var(--rd-copy-primary)!important}::ng-deep .custom-dark-datepicker .ant-picker-cell-in-view:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-disabled) .ant-picker-cell-inner{background:rgba(83,149,255,.1);border-color:var(--rd-blue-dark-400);color:var(--rd-copy-primary)!important}::ng-deep .custom-dark-datepicker .ant-picker-cell:not(.ant-picker-cell-in-view) .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .custom-dark-datepicker .ant-picker-header-view button{color:var(--rd-copy-primary)!important}::ng-deep .custom-dark-datepicker .ant-picker-header-next-btn{color:var(--rd-copy-primary)!important}::ng-deep .custom-dark-datepicker .ant-picker-prev-icon:before,::ng-deep .custom-dark-datepicker .ant-picker-next-icon:before,::ng-deep .custom-dark-datepicker .ant-picker-super-prev-icon:before,::ng-deep .custom-dark-datepicker .ant-picker-super-next-icon:before,::ng-deep .custom-dark-datepicker .ant-picker-super-prev-icon:after,::ng-deep .custom-dark-datepicker .ant-picker-super-next-icon:after{border:0 solid var(--rd-copy-primary);border-width:1.5px 0 0 1.5px}::ng-deep .custom-dark-datepicker .ant-picker-input input{color:var(--rd-copy-primary)}::ng-deep .custom-dark-datepicker .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-hover-start):not(.ant-picker-cell-range-hover-end):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner{border:1px solid var(--rd-blue-dark-400);background:transparent}::ng-deep .custom-dark-datepicker .ant-picker-suffix{color:var(--rd-copy-primary)}::ng-deep .custom-dark-datepicker .ant-picker-cell-disabled .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .custom-dark-datepicker .ant-picker-cell-disabled:before{background-color:var(--rd-input-bg-disable)}::ng-deep .rd-form-item-date .ant-picker-suffix svg{transition:transform .2s ease;cursor:pointer;pointer-events:initial}::ng-deep .rd-form-item-date.ant-picker:hover,::ng-deep .rd-form-item-date.ant-picker-focused{box-shadow:none;border-color:var(--rd-input-fg-hover)}::ng-deep .rd-form-item-date .ant-picker-active-bar{display:none}::ng-deep .rd-form-item-date .ant-picker-input input{field-sizing:content;font-weight:500;color:var(--rd-copy-primary)}::ng-deep .rd-form-item-date .ant-picker-separator{width:-moz-fit-content;width:fit-content;color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-focus .ant-picker-suffix svg{pointer-events:none;transform:rotate(-180deg)}::ng-deep .rd-form-item-date-popup.ant-picker-dropdown-range{padding:0}::ng-deep .rd-form-item-date-popup .ant-picker-range-arrow{display:none}::ng-deep .rd-form-item-date-popup .ant-picker-super-next-icon,::ng-deep .rd-form-item-date-popup .ant-picker-header-next-btn,::ng-deep .rd-form-item-date-popup .ant-picker-super-prev-icon,::ng-deep .rd-form-item-date-popup .ant-picker-header-prev-btn{color:var(--rd-copy-primary)}::ng-deep .rd-form-item-date-popup .ant-picker-super-prev-icon:after,::ng-deep .rd-form-item-date-popup .ant-picker-super-next-icon:after{top:2px;left:2px}::ng-deep .rd-form-item-date-popup .ant-picker-header-view button{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container{border-radius:4px}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header{border-bottom:none}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header-view{display:flex;flex-direction:row-reverse;justify-content:center;gap:8px}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-month-btn{order:2}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-year-btn{order:1}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-panel+.ant-picker-panel .ant-picker-body{border-left:1px solid var(--rd-grey-200)}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell{color:var(--rd-copy-disable);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell-in-view{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-body th{color:var(--rd-copy-secondary);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-in-range:before{background-color:var(--rd-blue-100)}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner{border-radius:4px!important;background-color:var(--rd-control-input-selected)}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{border-radius:4px!important}\n", "input{border:none}textarea[disabled]{background:var(--input-bg-disable)!important}.rd-form-item{position:relative;border-radius:12px;padding:2px 0;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;height:64px}.rd-form-item .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}.rd-form-item-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;padding:22px 16px 12px;height:52px;border-radius:12px}.rd-form-item-input:focus,.rd-form-item-input:not(:placeholder-shown){top:10px}.rd-form-item .rd-form-item-input:focus~.rd-form-item-label,.rd-form-item .rd-form-item-input:not(:placeholder-shown)~.rd-form-item-label{top:18px;font-size:12px}.rd-form-item-select{width:100%}.rd-form-item-select ::ng-deep .ant-select-selection-item{color:var(--rd-copy-primary);font-size:14px;font-weight:500}.rd-form-item.rd-selected .rd-form-item-label{top:16px;font-size:12px}.rd-form-item.rd-selected .rd-form-item-select{top:10px}.rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-item.rd-disabled .rd-form-item-label,.rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}.rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}.rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}.rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.rd-form-item-error img{width:16px}.rd-form-number-item{position:relative;border-radius:12px;padding:12px 16px;background-color:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);width:100%}.rd-form-number-item .rd-item-label{color:var(--rd-copy-secondary);font-size:12px;font-weight:600}.rd-form-number-item .rd-item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-primary);border:none;padding:4px 0}.rd-form-number-item .rd-item-content-value:focus,.rd-form-number-item .rd-item-content-value:active,.rd-form-number-item .rd-item-content-value:hover{outline:none;box-shadow:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-handler-wrap{display:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input{font-size:32px;font-weight:600;line-height:48px}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input::placeholder{color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-symbol{flex-shrink:0}.rd-form-number-item ::ng-deep .rd-item-warning{font-weight:500;font-size:12px;color:var(--rd-copy-secondary);margin-top:4px;padding:0 12px}.rd-form-number-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-number-item.rd-disabled .rd-item-label,.rd-form-number-item.rd-disabled .rd-item-content-value{color:var(--rd-copy-disable)}.rd-form-number-item.rd-error{border-color:var(--rd-input-fg-danger)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { kind: "directive", type: i4.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }, { kind: "component", type: i5.FormItemComponent, selector: "app-rd-form-item", inputs: ["errorMessage", "disabled", "label", "type", "focus", "value", "size", "theme"] }] });
163
163
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomDateComponent, decorators: [{
164
164
  type: Component,
165
165
  args: [{ selector: 'app-rd-date', providers: [
@@ -168,7 +168,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
168
168
  useExisting: forwardRef(() => CustomDateComponent),
169
169
  multi: true,
170
170
  },
171
- ], template: "<div [class.rd-date-ready]=\"isComponentReady\" class=\"rd-date-container\">\n <app-rd-form-item\n [disabled]=\"disabled\"\n [focus]=\"isFocus || isPickerOpen\"\n [type]=\"'date'\"\n [label]=\"label\"\n [value]=\"displayValue\"\n [errorMessage]=\"showError ? currentErrorMessage : ''\"\n [theme]=\"theme\"\n (click)=\"openPicker()\"\n >\n <nz-range-picker\n *ngIf=\"type === 'range'\"\n [(ngModel)]=\"inputValue\"\n (ngModelChange)=\"onDateChange($event)\"\n (nzOnOpenChange)=\"onOpenChange($event)\"\n [nzFormat]=\"'dd/MM/yyyy'\"\n [nzShowTime]=\"false\"\n [nzAllowClear]=\"false\"\n [nzPlaceHolder]=\"['From', 'To']\"\n class=\"rd-form-item-date\"\n [nzDisabledDate]=\"disabledDate\"\n [nzDropdownClassName]=\"popupClassName\"\n [nzSeparator]=\"'-'\"\n [nzDisabled]=\"disabled\"\n nzSuffixIcon=\"\"\n #datePicker\n nzBorderless\n nzPlacement=\"bottomRight\"\n [nzInputReadOnly]=\"true\"\n [name]=\"name\"\n (nzFocus)=\"onFocus()\"\n (nzBlur)=\"onBlur()\"\n [ngClass]=\"{\n 'rd-form-item-date-hide': !inputValue?.length,\n }\"\n ></nz-range-picker>\n <nz-date-picker\n *ngIf=\"type === 'date'\"\n [(ngModel)]=\"inputValue\"\n (ngModelChange)=\"onDateChange($event)\"\n (nzOnOpenChange)=\"onOpenChange($event)\"\n [nzFormat]=\"'dd/MM/yyyy'\"\n [nzShowTime]=\"false\"\n [nzAllowClear]=\"false\"\n [nzShowToday]=\"false\"\n class=\"rd-form-item-date\"\n [nzDisabledDate]=\"disabledDate || disabledEndDate\"\n [nzDropdownClassName]=\"popupClassName + ' custom-dark-datepicker'\"\n [nzDisabled]=\"disabled\"\n nzSuffixIcon=\"\"\n #datePicker\n nzBorderless\n [nzInputReadOnly]=\"true\"\n [name]=\"name\"\n (nzFocus)=\"onFocus()\"\n (nzBlur)=\"onBlur()\"\n [ngClass]=\"{\n 'rd-form-item-date-hide': !inputValue,\n }\"\n ></nz-date-picker>\n </app-rd-form-item>\n</div>\n", styles: [":host .rd-date-container{visibility:hidden}:host .rd-date-container.rd-date-ready{visibility:visible}:host .rd-form-item-date{width:auto;padding:28px 16px 0}:host .rd-form-item-date-hide{position:absolute;top:0;left:0;width:234px;height:100%;opacity:0}:host .rd-form-item-label{cursor:text;pointer-events:none}:host .rd-form-item-date-suffix-icon{position:absolute;top:50%;right:16px;transform:translateY(-50%)}::ng-deep .custom-dark-datepicker .ant-picker-panel{border:1px solid var(--rd-input-fg-default);background-color:var(--rd-bg-panel)}::ng-deep .custom-dark-datepicker .ant-picker-cell-in-view .ant-picker-cell-inner{color:var(--rd-copy-primary)!important}::ng-deep .custom-dark-datepicker .ant-picker-cell-in-view:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-disabled) .ant-picker-cell-inner{background:rgba(83,149,255,.1);border-color:var(--rd-blue-dark-400);color:var(--rd-copy-primary)!important}::ng-deep .custom-dark-datepicker .ant-picker-cell:not(.ant-picker-cell-in-view) .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .custom-dark-datepicker .ant-picker-header-view button{color:var(--rd-copy-primary)!important}::ng-deep .custom-dark-datepicker .ant-picker-header-next-btn{color:var(--rd-copy-primary)!important}::ng-deep .custom-dark-datepicker .ant-picker-prev-icon:before,::ng-deep .custom-dark-datepicker .ant-picker-next-icon:before,::ng-deep .custom-dark-datepicker .ant-picker-super-prev-icon:before,::ng-deep .custom-dark-datepicker .ant-picker-super-next-icon:before,::ng-deep .custom-dark-datepicker .ant-picker-super-prev-icon:after,::ng-deep .custom-dark-datepicker .ant-picker-super-next-icon:after{border:0 solid var(--rd-copy-primary);border-width:1.5px 0 0 1.5px}::ng-deep .custom-dark-datepicker .ant-picker-input input{color:var(--rd-copy-primary)}::ng-deep .custom-dark-datepicker .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-hover-start):not(.ant-picker-cell-range-hover-end):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner{border:1px solid var(--rd-blue-dark-400);background:transparent}::ng-deep .custom-dark-datepicker .ant-picker-suffix{color:var(--rd-copy-primary)}::ng-deep .custom-dark-datepicker .ant-picker-cell-disabled .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .custom-dark-datepicker .ant-picker-cell-disabled:before{background-color:var(--rd-input-bg-disable)}::ng-deep .rd-form-item-date .ant-picker-suffix svg{transition:transform .2s ease;cursor:pointer;pointer-events:initial}::ng-deep .rd-form-item-date.ant-picker:hover,::ng-deep .rd-form-item-date.ant-picker-focused{box-shadow:none;border-color:var(--rd-input-fg-hover)}::ng-deep .rd-form-item-date .ant-picker-active-bar{display:none}::ng-deep .rd-form-item-date .ant-picker-input input{field-sizing:content;font-weight:500;color:var(--rd-copy-primary)}::ng-deep .rd-form-item-date .ant-picker-separator{width:-moz-fit-content;width:fit-content;color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-focus .ant-picker-suffix svg{pointer-events:none;transform:rotate(-180deg)}::ng-deep .rd-form-item-date-popup.ant-picker-dropdown-range{padding:0}::ng-deep .rd-form-item-date-popup .ant-picker-range-arrow{display:none}::ng-deep .rd-form-item-date-popup .ant-picker-super-next-icon,::ng-deep .rd-form-item-date-popup .ant-picker-header-next-btn,::ng-deep .rd-form-item-date-popup .ant-picker-super-prev-icon,::ng-deep .rd-form-item-date-popup .ant-picker-header-prev-btn{color:var(--rd-copy-primary)}::ng-deep .rd-form-item-date-popup .ant-picker-super-prev-icon:after,::ng-deep .rd-form-item-date-popup .ant-picker-super-next-icon:after{top:2px;left:2px}::ng-deep .rd-form-item-date-popup .ant-picker-header-view button{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container{border-radius:4px}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header{border-bottom:none}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header-view{display:flex;flex-direction:row-reverse;justify-content:center;gap:8px}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-month-btn{order:2}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-year-btn{order:1}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-panel+.ant-picker-panel .ant-picker-body{border-left:1px solid var(--rd-grey-200)}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell{color:var(--rd-copy-disable);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell-in-view{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-body th{color:var(--rd-copy-secondary);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-in-range:before{background-color:var(--rd-blue-100)}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner{border-radius:4px!important;background-color:var(--rd-control-input-selected)}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{border-radius:4px!important}\n", "input{border:none}textarea[disabled]{background:var(--input-bg-disable)!important}.rd-form-item{position:relative;border-radius:12px;padding:2px 0;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;height:64px}.rd-form-item .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}.rd-form-item-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;padding:22px 16px 12px;height:52px}.rd-form-item-input:focus,.rd-form-item-input:not(:placeholder-shown){top:10px}.rd-form-item .rd-form-item-input:focus~.rd-form-item-label,.rd-form-item .rd-form-item-input:not(:placeholder-shown)~.rd-form-item-label{top:18px;font-size:12px}.rd-form-item-select{width:100%}.rd-form-item-select ::ng-deep .ant-select-selection-item{color:var(--rd-copy-primary);font-size:14px;font-weight:500}.rd-form-item.rd-selected .rd-form-item-label{top:16px;font-size:12px}.rd-form-item.rd-selected .rd-form-item-select{top:10px}.rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-item.rd-disabled .rd-form-item-label,.rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}.rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}.rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}.rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.rd-form-item-error img{width:16px}.rd-form-number-item{position:relative;border-radius:12px;padding:12px 16px;background-color:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);width:100%}.rd-form-number-item .rd-item-label{color:var(--rd-copy-secondary);font-size:12px;font-weight:600}.rd-form-number-item .rd-item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-primary);border:none;padding:4px 0}.rd-form-number-item .rd-item-content-value:focus,.rd-form-number-item .rd-item-content-value:active,.rd-form-number-item .rd-item-content-value:hover{outline:none;box-shadow:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-handler-wrap{display:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input{font-size:32px;font-weight:600;line-height:48px}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input::placeholder{color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-symbol{flex-shrink:0}.rd-form-number-item ::ng-deep .rd-item-warning{font-weight:500;font-size:12px;color:var(--rd-copy-secondary);margin-top:4px;padding:0 12px}.rd-form-number-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-number-item.rd-disabled .rd-item-label,.rd-form-number-item.rd-disabled .rd-item-content-value{color:var(--rd-copy-disable)}.rd-form-number-item.rd-error{border-color:var(--rd-input-fg-danger)}\n"] }]
171
+ ], template: "<div [class.rd-date-ready]=\"isComponentReady\" class=\"rd-date-container\">\n <app-rd-form-item\n [disabled]=\"disabled\"\n [focus]=\"isFocus || isPickerOpen\"\n [type]=\"'date'\"\n [label]=\"label\"\n [value]=\"displayValue\"\n [errorMessage]=\"showError ? currentErrorMessage : ''\"\n [theme]=\"theme\"\n (click)=\"openPicker()\"\n >\n <nz-range-picker\n *ngIf=\"type === 'range'\"\n [(ngModel)]=\"inputValue\"\n (ngModelChange)=\"onDateChange($event)\"\n (nzOnOpenChange)=\"onOpenChange($event)\"\n [nzFormat]=\"'dd/MM/yyyy'\"\n [nzShowTime]=\"false\"\n [nzAllowClear]=\"false\"\n [nzPlaceHolder]=\"['From', 'To']\"\n class=\"rd-form-item-date\"\n [nzDisabledDate]=\"disabledDate\"\n [nzDropdownClassName]=\"popupClassName\"\n [nzSeparator]=\"'-'\"\n [nzDisabled]=\"disabled\"\n nzSuffixIcon=\"\"\n #datePicker\n nzBorderless\n nzPlacement=\"bottomRight\"\n [nzInputReadOnly]=\"true\"\n [name]=\"name\"\n (nzFocus)=\"onFocus()\"\n (nzBlur)=\"onBlur()\"\n [ngClass]=\"{\n 'rd-form-item-date-hide': !inputValue?.length,\n }\"\n ></nz-range-picker>\n <nz-date-picker\n *ngIf=\"type === 'date'\"\n [(ngModel)]=\"inputValue\"\n (ngModelChange)=\"onDateChange($event)\"\n (nzOnOpenChange)=\"onOpenChange($event)\"\n [nzFormat]=\"'dd/MM/yyyy'\"\n [nzShowTime]=\"false\"\n [nzAllowClear]=\"false\"\n [nzShowToday]=\"false\"\n class=\"rd-form-item-date\"\n [nzDisabledDate]=\"disabledDate || disabledEndDate\"\n [nzDropdownClassName]=\"popupClassName + ' custom-dark-datepicker'\"\n [nzDisabled]=\"disabled\"\n nzSuffixIcon=\"\"\n #datePicker\n nzBorderless\n [nzInputReadOnly]=\"true\"\n [name]=\"name\"\n (nzFocus)=\"onFocus()\"\n (nzBlur)=\"onBlur()\"\n [ngClass]=\"{\n 'rd-form-item-date-hide': !inputValue,\n }\"\n ></nz-date-picker>\n </app-rd-form-item>\n</div>\n", styles: [":host .rd-date-container{visibility:hidden}:host .rd-date-container.rd-date-ready{visibility:visible}:host .rd-form-item-date{width:auto;padding:28px 16px 0}:host .rd-form-item-date-hide{position:absolute;top:0;left:0;width:234px;height:100%;opacity:0}:host .rd-form-item-label{cursor:text;pointer-events:none}:host .rd-form-item-date-suffix-icon{position:absolute;top:50%;right:16px;transform:translateY(-50%)}::ng-deep .custom-dark-datepicker .ant-picker-panel{border:1px solid var(--rd-input-fg-default);background-color:var(--rd-bg-panel)}::ng-deep .custom-dark-datepicker .ant-picker-cell-in-view .ant-picker-cell-inner{color:var(--rd-copy-primary)!important}::ng-deep .custom-dark-datepicker .ant-picker-cell-in-view:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-disabled) .ant-picker-cell-inner{background:rgba(83,149,255,.1);border-color:var(--rd-blue-dark-400);color:var(--rd-copy-primary)!important}::ng-deep .custom-dark-datepicker .ant-picker-cell:not(.ant-picker-cell-in-view) .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .custom-dark-datepicker .ant-picker-header-view button{color:var(--rd-copy-primary)!important}::ng-deep .custom-dark-datepicker .ant-picker-header-next-btn{color:var(--rd-copy-primary)!important}::ng-deep .custom-dark-datepicker .ant-picker-prev-icon:before,::ng-deep .custom-dark-datepicker .ant-picker-next-icon:before,::ng-deep .custom-dark-datepicker .ant-picker-super-prev-icon:before,::ng-deep .custom-dark-datepicker .ant-picker-super-next-icon:before,::ng-deep .custom-dark-datepicker .ant-picker-super-prev-icon:after,::ng-deep .custom-dark-datepicker .ant-picker-super-next-icon:after{border:0 solid var(--rd-copy-primary);border-width:1.5px 0 0 1.5px}::ng-deep .custom-dark-datepicker .ant-picker-input input{color:var(--rd-copy-primary)}::ng-deep .custom-dark-datepicker .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-hover-start):not(.ant-picker-cell-range-hover-end):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner{border:1px solid var(--rd-blue-dark-400);background:transparent}::ng-deep .custom-dark-datepicker .ant-picker-suffix{color:var(--rd-copy-primary)}::ng-deep .custom-dark-datepicker .ant-picker-cell-disabled .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .custom-dark-datepicker .ant-picker-cell-disabled:before{background-color:var(--rd-input-bg-disable)}::ng-deep .rd-form-item-date .ant-picker-suffix svg{transition:transform .2s ease;cursor:pointer;pointer-events:initial}::ng-deep .rd-form-item-date.ant-picker:hover,::ng-deep .rd-form-item-date.ant-picker-focused{box-shadow:none;border-color:var(--rd-input-fg-hover)}::ng-deep .rd-form-item-date .ant-picker-active-bar{display:none}::ng-deep .rd-form-item-date .ant-picker-input input{field-sizing:content;font-weight:500;color:var(--rd-copy-primary)}::ng-deep .rd-form-item-date .ant-picker-separator{width:-moz-fit-content;width:fit-content;color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-focus .ant-picker-suffix svg{pointer-events:none;transform:rotate(-180deg)}::ng-deep .rd-form-item-date-popup.ant-picker-dropdown-range{padding:0}::ng-deep .rd-form-item-date-popup .ant-picker-range-arrow{display:none}::ng-deep .rd-form-item-date-popup .ant-picker-super-next-icon,::ng-deep .rd-form-item-date-popup .ant-picker-header-next-btn,::ng-deep .rd-form-item-date-popup .ant-picker-super-prev-icon,::ng-deep .rd-form-item-date-popup .ant-picker-header-prev-btn{color:var(--rd-copy-primary)}::ng-deep .rd-form-item-date-popup .ant-picker-super-prev-icon:after,::ng-deep .rd-form-item-date-popup .ant-picker-super-next-icon:after{top:2px;left:2px}::ng-deep .rd-form-item-date-popup .ant-picker-header-view button{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container{border-radius:4px}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header{border-bottom:none}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header-view{display:flex;flex-direction:row-reverse;justify-content:center;gap:8px}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-month-btn{order:2}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-year-btn{order:1}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-panel+.ant-picker-panel .ant-picker-body{border-left:1px solid var(--rd-grey-200)}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell{color:var(--rd-copy-disable);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell-in-view{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-body th{color:var(--rd-copy-secondary);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-in-range:before{background-color:var(--rd-blue-100)}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner{border-radius:4px!important;background-color:var(--rd-control-input-selected)}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{border-radius:4px!important}\n", "input{border:none}textarea[disabled]{background:var(--input-bg-disable)!important}.rd-form-item{position:relative;border-radius:12px;padding:2px 0;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;height:64px}.rd-form-item .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}.rd-form-item-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;padding:22px 16px 12px;height:52px;border-radius:12px}.rd-form-item-input:focus,.rd-form-item-input:not(:placeholder-shown){top:10px}.rd-form-item .rd-form-item-input:focus~.rd-form-item-label,.rd-form-item .rd-form-item-input:not(:placeholder-shown)~.rd-form-item-label{top:18px;font-size:12px}.rd-form-item-select{width:100%}.rd-form-item-select ::ng-deep .ant-select-selection-item{color:var(--rd-copy-primary);font-size:14px;font-weight:500}.rd-form-item.rd-selected .rd-form-item-label{top:16px;font-size:12px}.rd-form-item.rd-selected .rd-form-item-select{top:10px}.rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-item.rd-disabled .rd-form-item-label,.rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}.rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}.rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}.rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.rd-form-item-error img{width:16px}.rd-form-number-item{position:relative;border-radius:12px;padding:12px 16px;background-color:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);width:100%}.rd-form-number-item .rd-item-label{color:var(--rd-copy-secondary);font-size:12px;font-weight:600}.rd-form-number-item .rd-item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-primary);border:none;padding:4px 0}.rd-form-number-item .rd-item-content-value:focus,.rd-form-number-item .rd-item-content-value:active,.rd-form-number-item .rd-item-content-value:hover{outline:none;box-shadow:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-handler-wrap{display:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input{font-size:32px;font-weight:600;line-height:48px}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input::placeholder{color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-symbol{flex-shrink:0}.rd-form-number-item ::ng-deep .rd-item-warning{font-weight:500;font-size:12px;color:var(--rd-copy-secondary);margin-top:4px;padding:0 12px}.rd-form-number-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-number-item.rd-disabled .rd-item-label,.rd-form-number-item.rd-disabled .rd-item-content-value{color:var(--rd-copy-disable)}.rd-form-number-item.rd-error{border-color:var(--rd-input-fg-danger)}\n"] }]
172
172
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.TranslateService }]; }, propDecorators: { disabled: [{
173
173
  type: Input
174
174
  }], disabledDate: [{
package/esm2020/lib/modules/custom-filter/custom-filter.component.mjs CHANGED
@@ -35,10 +35,10 @@ export class RdFilterComponent {
35
35
  }
36
36
  }
37
37
  RdFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdFilterComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
38
- RdFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdFilterComponent, selector: "app-rd-filter", inputs: { lang: "lang", filterArr: "filterArr", statusDisplayConfigs: "statusDisplayConfigs", statusGroupConfigs: "statusGroupConfigs", clearText: "clearText" }, outputs: { defSearchChange: "defSearchChange", clearFilter: "clearFilter" }, ngImport: i0, template: "<div class=\"rd-custom-filter-wrap\" *ngIf=\"filterArr?.length\">\n <ng-container *ngFor=\"let item of filterArr\">\n <ng-container [ngSwitch]=\"item.formType\">\n <app-rd-filter-date\n *ngSwitchCase=\"filterTypeEnum.date\"\n [item]=\"item\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n >\n </app-rd-filter-date>\n <app-rd-filter-select\n *ngSwitchCase=\"filterTypeEnum.select\"\n [item]=\"item\"\n [statusGroupConfigs]=\"statusGroupConfigs\"\n [statusDisplayConfigs]=\"statusDisplayConfigs\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n ></app-rd-filter-select>\n <app-rd-filter-input\n *ngSwitchCase=\"filterTypeEnum.input\"\n [item]=\"item\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n ></app-rd-filter-input>\n </ng-container>\n </ng-container>\n <button\n [disabled]=\"!isClearAble\"\n (click)=\"clear()\"\n class=\"rd-custom-filter-clear\"\n nz-button\n nzType=\"link\"\n >\n {{ getClearTrans() }}\n </button>\n</div>\n", styles: [".rd-custom-filter-wrap{display:flex;align-items:center;gap:8px;padding-top:12px;padding-bottom:12px}.rd-custom-filter-clear{font-size:13px;font-weight:600;color:var(--rd-copy-brand);padding:0}.rd-custom-filter-clear:disabled{color:var(--rd-copy-disable)}\n", "input{border:none}textarea[disabled]{background:var(--input-bg-disable)!important}.rd-form-item{position:relative;border-radius:12px;padding:2px 0;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;height:64px}.rd-form-item .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}.rd-form-item-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;padding:22px 16px 12px;height:52px}.rd-form-item-input:focus,.rd-form-item-input:not(:placeholder-shown){top:10px}.rd-form-item .rd-form-item-input:focus~.rd-form-item-label,.rd-form-item .rd-form-item-input:not(:placeholder-shown)~.rd-form-item-label{top:18px;font-size:12px}.rd-form-item-select{width:100%}.rd-form-item-select ::ng-deep .ant-select-selection-item{color:var(--rd-copy-primary);font-size:14px;font-weight:500}.rd-form-item.rd-selected .rd-form-item-label{top:16px;font-size:12px}.rd-form-item.rd-selected .rd-form-item-select{top:10px}.rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-item.rd-disabled .rd-form-item-label,.rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}.rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}.rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}.rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.rd-form-item-error img{width:16px}.rd-form-number-item{position:relative;border-radius:12px;padding:12px 16px;background-color:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);width:100%}.rd-form-number-item .rd-item-label{color:var(--rd-copy-secondary);font-size:12px;font-weight:600}.rd-form-number-item .rd-item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-primary);border:none;padding:4px 0}.rd-form-number-item .rd-item-content-value:focus,.rd-form-number-item .rd-item-content-value:active,.rd-form-number-item .rd-item-content-value:hover{outline:none;box-shadow:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-handler-wrap{display:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input{font-size:32px;font-weight:600;line-height:48px}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input::placeholder{color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-symbol{flex-shrink:0}.rd-form-number-item ::ng-deep .rd-item-warning{font-weight:500;font-size:12px;color:var(--rd-copy-secondary);margin-top:4px;padding:0 12px}.rd-form-number-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-number-item.rd-disabled .rd-item-label,.rd-form-number-item.rd-disabled .rd-item-content-value{color:var(--rd-copy-disable)}.rd-form-number-item.rd-error{border-color:var(--rd-input-fg-danger)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i3.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "component", type: i4.RdFilterSelectComponent, selector: "app-rd-filter-select", inputs: ["item", "statusDisplayConfigs", "statusGroupConfigs"], outputs: ["handleChangeValue"] }, { kind: "component", type: i5.RdFilterDateComponent, selector: "app-rd-filter-date", inputs: ["item"], outputs: ["handleChangeValue"] }, { kind: "component", type: i6.RdFilterInputComponent, selector: "app-rd-filter-input", inputs: ["item"], outputs: ["handleChangeValue"] }] });
38
+ RdFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdFilterComponent, selector: "app-rd-filter", inputs: { lang: "lang", filterArr: "filterArr", statusDisplayConfigs: "statusDisplayConfigs", statusGroupConfigs: "statusGroupConfigs", clearText: "clearText" }, outputs: { defSearchChange: "defSearchChange", clearFilter: "clearFilter" }, ngImport: i0, template: "<div class=\"rd-custom-filter-wrap\" *ngIf=\"filterArr?.length\">\n <ng-container *ngFor=\"let item of filterArr\">\n <ng-container [ngSwitch]=\"item.formType\">\n <app-rd-filter-date\n *ngSwitchCase=\"filterTypeEnum.date\"\n [item]=\"item\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n >\n </app-rd-filter-date>\n <app-rd-filter-select\n *ngSwitchCase=\"filterTypeEnum.select\"\n [item]=\"item\"\n [statusGroupConfigs]=\"statusGroupConfigs\"\n [statusDisplayConfigs]=\"statusDisplayConfigs\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n ></app-rd-filter-select>\n <app-rd-filter-input\n *ngSwitchCase=\"filterTypeEnum.input\"\n [item]=\"item\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n ></app-rd-filter-input>\n </ng-container>\n </ng-container>\n <button\n [disabled]=\"!isClearAble\"\n (click)=\"clear()\"\n class=\"rd-custom-filter-clear\"\n nz-button\n nzType=\"link\"\n >\n {{ getClearTrans() }}\n </button>\n</div>\n", styles: [".rd-custom-filter-wrap{display:flex;align-items:center;gap:8px;padding-top:12px;padding-bottom:12px}.rd-custom-filter-clear{font-size:13px;font-weight:600;color:var(--rd-copy-brand);padding:0}.rd-custom-filter-clear:disabled{color:var(--rd-copy-disable)}\n", "input{border:none}textarea[disabled]{background:var(--input-bg-disable)!important}.rd-form-item{position:relative;border-radius:12px;padding:2px 0;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;height:64px}.rd-form-item .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}.rd-form-item-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;padding:22px 16px 12px;height:52px;border-radius:12px}.rd-form-item-input:focus,.rd-form-item-input:not(:placeholder-shown){top:10px}.rd-form-item .rd-form-item-input:focus~.rd-form-item-label,.rd-form-item .rd-form-item-input:not(:placeholder-shown)~.rd-form-item-label{top:18px;font-size:12px}.rd-form-item-select{width:100%}.rd-form-item-select ::ng-deep .ant-select-selection-item{color:var(--rd-copy-primary);font-size:14px;font-weight:500}.rd-form-item.rd-selected .rd-form-item-label{top:16px;font-size:12px}.rd-form-item.rd-selected .rd-form-item-select{top:10px}.rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-item.rd-disabled .rd-form-item-label,.rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}.rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}.rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}.rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.rd-form-item-error img{width:16px}.rd-form-number-item{position:relative;border-radius:12px;padding:12px 16px;background-color:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);width:100%}.rd-form-number-item .rd-item-label{color:var(--rd-copy-secondary);font-size:12px;font-weight:600}.rd-form-number-item .rd-item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-primary);border:none;padding:4px 0}.rd-form-number-item .rd-item-content-value:focus,.rd-form-number-item .rd-item-content-value:active,.rd-form-number-item .rd-item-content-value:hover{outline:none;box-shadow:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-handler-wrap{display:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input{font-size:32px;font-weight:600;line-height:48px}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input::placeholder{color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-symbol{flex-shrink:0}.rd-form-number-item ::ng-deep .rd-item-warning{font-weight:500;font-size:12px;color:var(--rd-copy-secondary);margin-top:4px;padding:0 12px}.rd-form-number-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-number-item.rd-disabled .rd-item-label,.rd-form-number-item.rd-disabled .rd-item-content-value{color:var(--rd-copy-disable)}.rd-form-number-item.rd-error{border-color:var(--rd-input-fg-danger)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i3.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "component", type: i4.RdFilterSelectComponent, selector: "app-rd-filter-select", inputs: ["item", "statusDisplayConfigs", "statusGroupConfigs"], outputs: ["handleChangeValue"] }, { kind: "component", type: i5.RdFilterDateComponent, selector: "app-rd-filter-date", inputs: ["item"], outputs: ["handleChangeValue"] }, { kind: "component", type: i6.RdFilterInputComponent, selector: "app-rd-filter-input", inputs: ["item"], outputs: ["handleChangeValue"] }] });
39
39
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdFilterComponent, decorators: [{
40
40
  type: Component,
41
- args: [{ selector: 'app-rd-filter', template: "<div class=\"rd-custom-filter-wrap\" *ngIf=\"filterArr?.length\">\n <ng-container *ngFor=\"let item of filterArr\">\n <ng-container [ngSwitch]=\"item.formType\">\n <app-rd-filter-date\n *ngSwitchCase=\"filterTypeEnum.date\"\n [item]=\"item\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n >\n </app-rd-filter-date>\n <app-rd-filter-select\n *ngSwitchCase=\"filterTypeEnum.select\"\n [item]=\"item\"\n [statusGroupConfigs]=\"statusGroupConfigs\"\n [statusDisplayConfigs]=\"statusDisplayConfigs\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n ></app-rd-filter-select>\n <app-rd-filter-input\n *ngSwitchCase=\"filterTypeEnum.input\"\n [item]=\"item\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n ></app-rd-filter-input>\n </ng-container>\n </ng-container>\n <button\n [disabled]=\"!isClearAble\"\n (click)=\"clear()\"\n class=\"rd-custom-filter-clear\"\n nz-button\n nzType=\"link\"\n >\n {{ getClearTrans() }}\n </button>\n</div>\n", styles: [".rd-custom-filter-wrap{display:flex;align-items:center;gap:8px;padding-top:12px;padding-bottom:12px}.rd-custom-filter-clear{font-size:13px;font-weight:600;color:var(--rd-copy-brand);padding:0}.rd-custom-filter-clear:disabled{color:var(--rd-copy-disable)}\n", "input{border:none}textarea[disabled]{background:var(--input-bg-disable)!important}.rd-form-item{position:relative;border-radius:12px;padding:2px 0;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;height:64px}.rd-form-item .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}.rd-form-item-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;padding:22px 16px 12px;height:52px}.rd-form-item-input:focus,.rd-form-item-input:not(:placeholder-shown){top:10px}.rd-form-item .rd-form-item-input:focus~.rd-form-item-label,.rd-form-item .rd-form-item-input:not(:placeholder-shown)~.rd-form-item-label{top:18px;font-size:12px}.rd-form-item-select{width:100%}.rd-form-item-select ::ng-deep .ant-select-selection-item{color:var(--rd-copy-primary);font-size:14px;font-weight:500}.rd-form-item.rd-selected .rd-form-item-label{top:16px;font-size:12px}.rd-form-item.rd-selected .rd-form-item-select{top:10px}.rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-item.rd-disabled .rd-form-item-label,.rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}.rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}.rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}.rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.rd-form-item-error img{width:16px}.rd-form-number-item{position:relative;border-radius:12px;padding:12px 16px;background-color:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);width:100%}.rd-form-number-item .rd-item-label{color:var(--rd-copy-secondary);font-size:12px;font-weight:600}.rd-form-number-item .rd-item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-primary);border:none;padding:4px 0}.rd-form-number-item .rd-item-content-value:focus,.rd-form-number-item .rd-item-content-value:active,.rd-form-number-item .rd-item-content-value:hover{outline:none;box-shadow:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-handler-wrap{display:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input{font-size:32px;font-weight:600;line-height:48px}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input::placeholder{color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-symbol{flex-shrink:0}.rd-form-number-item ::ng-deep .rd-item-warning{font-weight:500;font-size:12px;color:var(--rd-copy-secondary);margin-top:4px;padding:0 12px}.rd-form-number-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-number-item.rd-disabled .rd-item-label,.rd-form-number-item.rd-disabled .rd-item-content-value{color:var(--rd-copy-disable)}.rd-form-number-item.rd-error{border-color:var(--rd-input-fg-danger)}\n"] }]
41
+ args: [{ selector: 'app-rd-filter', template: "<div class=\"rd-custom-filter-wrap\" *ngIf=\"filterArr?.length\">\n <ng-container *ngFor=\"let item of filterArr\">\n <ng-container [ngSwitch]=\"item.formType\">\n <app-rd-filter-date\n *ngSwitchCase=\"filterTypeEnum.date\"\n [item]=\"item\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n >\n </app-rd-filter-date>\n <app-rd-filter-select\n *ngSwitchCase=\"filterTypeEnum.select\"\n [item]=\"item\"\n [statusGroupConfigs]=\"statusGroupConfigs\"\n [statusDisplayConfigs]=\"statusDisplayConfigs\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n ></app-rd-filter-select>\n <app-rd-filter-input\n *ngSwitchCase=\"filterTypeEnum.input\"\n [item]=\"item\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n ></app-rd-filter-input>\n </ng-container>\n </ng-container>\n <button\n [disabled]=\"!isClearAble\"\n (click)=\"clear()\"\n class=\"rd-custom-filter-clear\"\n nz-button\n nzType=\"link\"\n >\n {{ getClearTrans() }}\n </button>\n</div>\n", styles: [".rd-custom-filter-wrap{display:flex;align-items:center;gap:8px;padding-top:12px;padding-bottom:12px}.rd-custom-filter-clear{font-size:13px;font-weight:600;color:var(--rd-copy-brand);padding:0}.rd-custom-filter-clear:disabled{color:var(--rd-copy-disable)}\n", "input{border:none}textarea[disabled]{background:var(--input-bg-disable)!important}.rd-form-item{position:relative;border-radius:12px;padding:2px 0;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;height:64px}.rd-form-item .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}.rd-form-item-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;padding:22px 16px 12px;height:52px;border-radius:12px}.rd-form-item-input:focus,.rd-form-item-input:not(:placeholder-shown){top:10px}.rd-form-item .rd-form-item-input:focus~.rd-form-item-label,.rd-form-item .rd-form-item-input:not(:placeholder-shown)~.rd-form-item-label{top:18px;font-size:12px}.rd-form-item-select{width:100%}.rd-form-item-select ::ng-deep .ant-select-selection-item{color:var(--rd-copy-primary);font-size:14px;font-weight:500}.rd-form-item.rd-selected .rd-form-item-label{top:16px;font-size:12px}.rd-form-item.rd-selected .rd-form-item-select{top:10px}.rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-item.rd-disabled .rd-form-item-label,.rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}.rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}.rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}.rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.rd-form-item-error img{width:16px}.rd-form-number-item{position:relative;border-radius:12px;padding:12px 16px;background-color:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);width:100%}.rd-form-number-item .rd-item-label{color:var(--rd-copy-secondary);font-size:12px;font-weight:600}.rd-form-number-item .rd-item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-primary);border:none;padding:4px 0}.rd-form-number-item .rd-item-content-value:focus,.rd-form-number-item .rd-item-content-value:active,.rd-form-number-item .rd-item-content-value:hover{outline:none;box-shadow:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-handler-wrap{display:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input{font-size:32px;font-weight:600;line-height:48px}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input::placeholder{color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-symbol{flex-shrink:0}.rd-form-number-item ::ng-deep .rd-item-warning{font-weight:500;font-size:12px;color:var(--rd-copy-secondary);margin-top:4px;padding:0 12px}.rd-form-number-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-number-item.rd-disabled .rd-item-label,.rd-form-number-item.rd-disabled .rd-item-content-value{color:var(--rd-copy-disable)}.rd-form-number-item.rd-error{border-color:var(--rd-input-fg-danger)}\n"] }]
42
42
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { lang: [{
43
43
  type: Input
44
44
  }], filterArr: [{
package/esm2020/lib/modules/custom-input/custom-input.component.mjs CHANGED
@@ -203,7 +203,7 @@ CustomInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
203
203
  useExisting: forwardRef(() => CustomInputComponent),
204
204
  multi: true,
205
205
  },
206
- ], ngImport: i0, template: "<div\n [ngClass]=\"{\n 'rd-form-item-rd-input-relative': type === 'select',\n 'rd-form-item-s': size === 'small',\n }\"\n>\n <div\n class=\"rd-form-item rd-form-item-p-deal\"\n [ngClass]=\"{\n 'rd-disabled': disabled,\n 'rd-error': showError,\n 'rd-focus': isFocused,\n 'rd-has-value': !!value,\n 'rd-form-item-input-select': type === 'select',\n 'rd-form-item-password': type === 'password',\n }\"\n >\n <input\n nz-input\n [placeholder]=\"resolvedPlaceholder\"\n [name]=\"name\"\n aria-autocomplete=\"none\"\n [type]=\"type\"\n [(ngModel)]=\"value\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"handleValueChange($event)\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n [allowNegativeNumbers]=\"allowNegativeNumbers\"\n [dropSpecialCharacters]=\"false\"\n [mask]=\"\n maskType === 'amount'\n ? 'separator.' + maskNumber\n : maskType === 'number'\n ? '0*'\n : ''\n \"\n [thousandSeparator]=\"maskType === 'amount' ? ',' : ''\"\n class=\"rd-form-item-input\"\n [ngClass]=\"{\n 'rd-form-item-input-no-label': !label,\n }\"\n />\n <div class=\"rd-form-item-label\" *ngIf=\"label\">{{ label }}</div>\n <ng-container *ngIf=\"symbol\">\n <div class=\"rd-input-symbol\">{{ symbol }}</div>\n </ng-container>\n </div>\n <div class=\"rd-form-item-rd-input-absolute\">\n <ng-content></ng-content>\n </div>\n <div *ngIf=\"showError\" class=\"rd-form-item-error\">\n <svg\n class=\"rd-error-icon-light\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M1.33398 7.9987C1.33398 4.3168 4.31875 1.33203 8.00065 1.33203C11.6825 1.33203 14.6673 4.3168 14.6673 7.9987C14.6673 11.6806 11.6825 14.6654 8.00065 14.6654C4.31875 14.6654 1.33398 11.6806 1.33398 7.9987ZM8.00065 2.33203C4.87104 2.33203 2.33398 4.86908 2.33398 7.9987C2.33398 11.1283 4.87104 13.6654 8.00065 13.6654C11.1303 13.6654 13.6673 11.1283 13.6673 7.9987C13.6673 4.86908 11.1303 2.33203 8.00065 2.33203Z\"\n fill=\"#EA485D\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.00039 4.06641C8.33176 4.06641 8.60039 4.33504 8.60039 4.66641V7.99974C8.60039 8.33111 8.33176 8.59974 8.00039 8.59974C7.66902 8.59974 7.40039 8.33111 7.40039 7.99974V4.66641C7.40039 4.33504 7.66902 4.06641 8.00039 4.06641ZM8.00039 10.3997C8.33176 10.3997 8.60039 10.6684 8.60039 10.9997V11.3331C8.60039 11.6644 8.33176 11.9331 8.00039 11.9331C7.66902 11.9331 7.40039 11.6644 7.40039 11.3331V10.9997C7.40039 10.6684 7.66902 10.3997 8.00039 10.3997Z\"\n fill=\"#EA485D\"\n />\n </svg>\n\n <svg\n class=\"rd-error-icon-dark\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M1.33398 7.9987C1.33398 4.3168 4.31875 1.33203 8.00065 1.33203C11.6825 1.33203 14.6673 4.3168 14.6673 7.9987C14.6673 11.6806 11.6825 14.6654 8.00065 14.6654C4.31875 14.6654 1.33398 11.6806 1.33398 7.9987ZM8.00065 2.33203C4.87104 2.33203 2.33398 4.86908 2.33398 7.9987C2.33398 11.1283 4.87104 13.6654 8.00065 13.6654C11.1303 13.6654 13.6673 11.1283 13.6673 7.9987C13.6673 4.86908 11.1303 2.33203 8.00065 2.33203Z\"\n fill=\"#EF7484\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.00039 4.06641C8.33176 4.06641 8.60039 4.33504 8.60039 4.66641V7.99974C8.60039 8.33111 8.33176 8.59974 8.00039 8.59974C7.66902 8.59974 7.40039 8.33111 7.40039 7.99974V4.66641C7.40039 4.33504 7.66902 4.06641 8.00039 4.06641ZM8.00039 10.3997C8.33176 10.3997 8.60039 10.6684 8.60039 10.9997V11.3331C8.60039 11.6644 8.33176 11.9331 8.00039 11.9331C7.66902 11.9331 7.40039 11.6644 7.40039 11.3331V10.9997C7.40039 10.6684 7.66902 10.3997 8.00039 10.3997Z\"\n fill=\"#EF7484\"\n />\n </svg>\n\n {{ currentErrorMessage | translate }}\n </div>\n</div>\n", styles: [":host .rd-form-item-p-deal{padding:0!important}:host .rd-form-item-input{background:var(--rd-input-bg-default);border:none;box-shadow:none;color:var(--rd-copy-primary)}:host .rd-disabled .rd-form-item-input{background:var(--rd-input-bg-disable)!important}:host .rd-form-item-input-select{position:relative}:host .rd-form-item-input-select.rd-disabled .rd-form-item-input{color:var(--rd-copy-secondary)}:host .rd-form-item-password .rd-form-item-input[type=password]{font-size:20px;line-height:32px;letter-spacing:3px}:host .rd-form-item-rd-input-relative{position:relative}:host .rd-form-item-rd-input-relative .rd-form-item-rd-input-absolute{position:absolute;top:50%;transform:translateY(-50%);right:16px;z-index:1}:host .rd-form-item-rd-input-relative .rd-form-item-input{background:var(--rd-input-bg-default)!important;color:var(--rd-copy-primary)!important}:host .rd-input-symbol{position:absolute;top:50%;transform:translateY(-50%);right:16px;z-index:1;color:var(--rd-copy-primary);transition:all .3s cubic-bezier(.645,.045,.355,1)}:host .rd-form-item.rd-focus .rd-input-symbol,:host .rd-form-item.rd-has-value .rd-input-symbol{padding-top:14px}:host .rd-form-item-s .rd-form-item{height:44px}:host .rd-form-item-s .rd-form-item .rd-form-item-input{height:100%;padding:12px 16px;border-radius:4px}:host .rd-error-icon-dark{display:none}:host-context(.theme-dark):host(:not(.theme-light)) .rd-error-icon-light,:host(.theme-dark) .rd-error-icon-light{display:none}:host-context(.theme-dark):host(:not(.theme-light)) .rd-error-icon-dark,:host(.theme-dark) .rd-error-icon-dark{display:inline}\n", "input{border:none}textarea[disabled]{background:var(--input-bg-disable)!important}.rd-form-item{position:relative;border-radius:12px;padding:2px 0;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;height:64px}.rd-form-item .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}.rd-form-item-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;padding:22px 16px 12px;height:52px}.rd-form-item-input:focus,.rd-form-item-input:not(:placeholder-shown){top:10px}.rd-form-item .rd-form-item-input:focus~.rd-form-item-label,.rd-form-item .rd-form-item-input:not(:placeholder-shown)~.rd-form-item-label{top:18px;font-size:12px}.rd-form-item-select{width:100%}.rd-form-item-select ::ng-deep .ant-select-selection-item{color:var(--rd-copy-primary);font-size:14px;font-weight:500}.rd-form-item.rd-selected .rd-form-item-label{top:16px;font-size:12px}.rd-form-item.rd-selected .rd-form-item-select{top:10px}.rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-item.rd-disabled .rd-form-item-label,.rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}.rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}.rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}.rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.rd-form-item-error img{width:16px}.rd-form-number-item{position:relative;border-radius:12px;padding:12px 16px;background-color:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);width:100%}.rd-form-number-item .rd-item-label{color:var(--rd-copy-secondary);font-size:12px;font-weight:600}.rd-form-number-item .rd-item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-primary);border:none;padding:4px 0}.rd-form-number-item .rd-item-content-value:focus,.rd-form-number-item .rd-item-content-value:active,.rd-form-number-item .rd-item-content-value:hover{outline:none;box-shadow:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-handler-wrap{display:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input{font-size:32px;font-weight:600;line-height:48px}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input::placeholder{color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-symbol{flex-shrink:0}.rd-form-number-item ::ng-deep .rd-item-warning{font-weight:500;font-size:12px;color:var(--rd-copy-secondary);margin-top:4px;padding:0 12px}.rd-form-number-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-number-item.rd-disabled .rd-item-label,.rd-form-number-item.rd-disabled .rd-item-content-value{color:var(--rd-copy-disable)}.rd-form-number-item.rd-error{border-color:var(--rd-input-fg-danger)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "directive", type: i5.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
206
+ ], ngImport: i0, template: "<div\n [ngClass]=\"{\n 'rd-form-item-rd-input-relative': type === 'select',\n 'rd-form-item-s': size === 'small',\n }\"\n>\n <div\n class=\"rd-form-item rd-form-item-p-deal\"\n [ngClass]=\"{\n 'rd-disabled': disabled,\n 'rd-error': showError,\n 'rd-focus': isFocused,\n 'rd-has-value': !!value,\n 'rd-form-item-input-select': type === 'select',\n 'rd-form-item-password': type === 'password',\n }\"\n >\n <input\n nz-input\n [placeholder]=\"resolvedPlaceholder\"\n [name]=\"name\"\n aria-autocomplete=\"none\"\n [type]=\"type\"\n [(ngModel)]=\"value\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"handleValueChange($event)\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n [allowNegativeNumbers]=\"allowNegativeNumbers\"\n [dropSpecialCharacters]=\"false\"\n [mask]=\"\n maskType === 'amount'\n ? 'separator.' + maskNumber\n : maskType === 'number'\n ? '0*'\n : ''\n \"\n [thousandSeparator]=\"maskType === 'amount' ? ',' : ''\"\n class=\"rd-form-item-input\"\n [ngClass]=\"{\n 'rd-form-item-input-no-label': !label,\n }\"\n />\n <div class=\"rd-form-item-label\" *ngIf=\"label\">{{ label }}</div>\n <ng-container *ngIf=\"symbol\">\n <div class=\"rd-input-symbol\">{{ symbol }}</div>\n </ng-container>\n </div>\n <div class=\"rd-form-item-rd-input-absolute\">\n <ng-content></ng-content>\n </div>\n <div *ngIf=\"showError\" class=\"rd-form-item-error\">\n <svg\n class=\"rd-error-icon-light\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M1.33398 7.9987C1.33398 4.3168 4.31875 1.33203 8.00065 1.33203C11.6825 1.33203 14.6673 4.3168 14.6673 7.9987C14.6673 11.6806 11.6825 14.6654 8.00065 14.6654C4.31875 14.6654 1.33398 11.6806 1.33398 7.9987ZM8.00065 2.33203C4.87104 2.33203 2.33398 4.86908 2.33398 7.9987C2.33398 11.1283 4.87104 13.6654 8.00065 13.6654C11.1303 13.6654 13.6673 11.1283 13.6673 7.9987C13.6673 4.86908 11.1303 2.33203 8.00065 2.33203Z\"\n fill=\"#EA485D\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.00039 4.06641C8.33176 4.06641 8.60039 4.33504 8.60039 4.66641V7.99974C8.60039 8.33111 8.33176 8.59974 8.00039 8.59974C7.66902 8.59974 7.40039 8.33111 7.40039 7.99974V4.66641C7.40039 4.33504 7.66902 4.06641 8.00039 4.06641ZM8.00039 10.3997C8.33176 10.3997 8.60039 10.6684 8.60039 10.9997V11.3331C8.60039 11.6644 8.33176 11.9331 8.00039 11.9331C7.66902 11.9331 7.40039 11.6644 7.40039 11.3331V10.9997C7.40039 10.6684 7.66902 10.3997 8.00039 10.3997Z\"\n fill=\"#EA485D\"\n />\n </svg>\n\n <svg\n class=\"rd-error-icon-dark\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M1.33398 7.9987C1.33398 4.3168 4.31875 1.33203 8.00065 1.33203C11.6825 1.33203 14.6673 4.3168 14.6673 7.9987C14.6673 11.6806 11.6825 14.6654 8.00065 14.6654C4.31875 14.6654 1.33398 11.6806 1.33398 7.9987ZM8.00065 2.33203C4.87104 2.33203 2.33398 4.86908 2.33398 7.9987C2.33398 11.1283 4.87104 13.6654 8.00065 13.6654C11.1303 13.6654 13.6673 11.1283 13.6673 7.9987C13.6673 4.86908 11.1303 2.33203 8.00065 2.33203Z\"\n fill=\"#EF7484\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.00039 4.06641C8.33176 4.06641 8.60039 4.33504 8.60039 4.66641V7.99974C8.60039 8.33111 8.33176 8.59974 8.00039 8.59974C7.66902 8.59974 7.40039 8.33111 7.40039 7.99974V4.66641C7.40039 4.33504 7.66902 4.06641 8.00039 4.06641ZM8.00039 10.3997C8.33176 10.3997 8.60039 10.6684 8.60039 10.9997V11.3331C8.60039 11.6644 8.33176 11.9331 8.00039 11.9331C7.66902 11.9331 7.40039 11.6644 7.40039 11.3331V10.9997C7.40039 10.6684 7.66902 10.3997 8.00039 10.3997Z\"\n fill=\"#EF7484\"\n />\n </svg>\n\n {{ currentErrorMessage | translate }}\n </div>\n</div>\n", styles: [":host .rd-form-item-p-deal{padding:0!important}:host .rd-form-item-input{background:var(--rd-input-bg-default);border:none;box-shadow:none;color:var(--rd-copy-primary)}:host .rd-disabled .rd-form-item-input{background:var(--rd-input-bg-disable)!important}:host .rd-form-item-input-select{position:relative;background:var(--rd-input-bg-default)!important}:host .rd-form-item-input-select.rd-disabled .rd-form-item-input{color:var(--rd-copy-secondary)}:host .rd-form-item-password .rd-form-item-input[type=password]{font-size:20px;line-height:32px;letter-spacing:3px}:host .rd-form-item-rd-input-relative{position:relative}:host .rd-form-item-rd-input-relative .rd-form-item-rd-input-absolute{position:absolute;top:50%;transform:translateY(-50%);right:16px;z-index:1}:host .rd-form-item-rd-input-relative .rd-form-item-input{background:var(--rd-input-bg-default)!important;color:var(--rd-copy-primary)!important}:host .rd-input-symbol{position:absolute;top:50%;transform:translateY(-50%);right:16px;z-index:1;color:var(--rd-copy-primary);transition:all .3s cubic-bezier(.645,.045,.355,1)}:host .rd-form-item.rd-focus .rd-input-symbol,:host .rd-form-item.rd-has-value .rd-input-symbol{padding-top:14px}:host .rd-form-item-s .rd-form-item{height:44px}:host .rd-form-item-s .rd-form-item .rd-form-item-input{height:100%;padding:12px 16px;border-radius:12px}:host .rd-error-icon-dark{display:none}:host-context(.theme-dark):host(:not(.theme-light)) .rd-error-icon-light,:host(.theme-dark) .rd-error-icon-light{display:none}:host-context(.theme-dark):host(:not(.theme-light)) .rd-error-icon-dark,:host(.theme-dark) .rd-error-icon-dark{display:inline}\n", "input{border:none}textarea[disabled]{background:var(--input-bg-disable)!important}.rd-form-item{position:relative;border-radius:12px;padding:2px 0;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;height:64px}.rd-form-item .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}.rd-form-item-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;padding:22px 16px 12px;height:52px;border-radius:12px}.rd-form-item-input:focus,.rd-form-item-input:not(:placeholder-shown){top:10px}.rd-form-item .rd-form-item-input:focus~.rd-form-item-label,.rd-form-item .rd-form-item-input:not(:placeholder-shown)~.rd-form-item-label{top:18px;font-size:12px}.rd-form-item-select{width:100%}.rd-form-item-select ::ng-deep .ant-select-selection-item{color:var(--rd-copy-primary);font-size:14px;font-weight:500}.rd-form-item.rd-selected .rd-form-item-label{top:16px;font-size:12px}.rd-form-item.rd-selected .rd-form-item-select{top:10px}.rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-item.rd-disabled .rd-form-item-label,.rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}.rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}.rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}.rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.rd-form-item-error img{width:16px}.rd-form-number-item{position:relative;border-radius:12px;padding:12px 16px;background-color:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);width:100%}.rd-form-number-item .rd-item-label{color:var(--rd-copy-secondary);font-size:12px;font-weight:600}.rd-form-number-item .rd-item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-primary);border:none;padding:4px 0}.rd-form-number-item .rd-item-content-value:focus,.rd-form-number-item .rd-item-content-value:active,.rd-form-number-item .rd-item-content-value:hover{outline:none;box-shadow:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-handler-wrap{display:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input{font-size:32px;font-weight:600;line-height:48px}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input::placeholder{color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-symbol{flex-shrink:0}.rd-form-number-item ::ng-deep .rd-item-warning{font-weight:500;font-size:12px;color:var(--rd-copy-secondary);margin-top:4px;padding:0 12px}.rd-form-number-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-number-item.rd-disabled .rd-item-label,.rd-form-number-item.rd-disabled .rd-item-content-value{color:var(--rd-copy-disable)}.rd-form-number-item.rd-error{border-color:var(--rd-input-fg-danger)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "directive", type: i5.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
207
207
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomInputComponent, decorators: [{
208
208
  type: Component,
209
209
  args: [{ selector: 'app-rd-input', providers: [
@@ -217,7 +217,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
217
217
  useExisting: forwardRef(() => CustomInputComponent),
218
218
  multi: true,
219
219
  },
220
- ], template: "<div\n [ngClass]=\"{\n 'rd-form-item-rd-input-relative': type === 'select',\n 'rd-form-item-s': size === 'small',\n }\"\n>\n <div\n class=\"rd-form-item rd-form-item-p-deal\"\n [ngClass]=\"{\n 'rd-disabled': disabled,\n 'rd-error': showError,\n 'rd-focus': isFocused,\n 'rd-has-value': !!value,\n 'rd-form-item-input-select': type === 'select',\n 'rd-form-item-password': type === 'password',\n }\"\n >\n <input\n nz-input\n [placeholder]=\"resolvedPlaceholder\"\n [name]=\"name\"\n aria-autocomplete=\"none\"\n [type]=\"type\"\n [(ngModel)]=\"value\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"handleValueChange($event)\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n [allowNegativeNumbers]=\"allowNegativeNumbers\"\n [dropSpecialCharacters]=\"false\"\n [mask]=\"\n maskType === 'amount'\n ? 'separator.' + maskNumber\n : maskType === 'number'\n ? '0*'\n : ''\n \"\n [thousandSeparator]=\"maskType === 'amount' ? ',' : ''\"\n class=\"rd-form-item-input\"\n [ngClass]=\"{\n 'rd-form-item-input-no-label': !label,\n }\"\n />\n <div class=\"rd-form-item-label\" *ngIf=\"label\">{{ label }}</div>\n <ng-container *ngIf=\"symbol\">\n <div class=\"rd-input-symbol\">{{ symbol }}</div>\n </ng-container>\n </div>\n <div class=\"rd-form-item-rd-input-absolute\">\n <ng-content></ng-content>\n </div>\n <div *ngIf=\"showError\" class=\"rd-form-item-error\">\n <svg\n class=\"rd-error-icon-light\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M1.33398 7.9987C1.33398 4.3168 4.31875 1.33203 8.00065 1.33203C11.6825 1.33203 14.6673 4.3168 14.6673 7.9987C14.6673 11.6806 11.6825 14.6654 8.00065 14.6654C4.31875 14.6654 1.33398 11.6806 1.33398 7.9987ZM8.00065 2.33203C4.87104 2.33203 2.33398 4.86908 2.33398 7.9987C2.33398 11.1283 4.87104 13.6654 8.00065 13.6654C11.1303 13.6654 13.6673 11.1283 13.6673 7.9987C13.6673 4.86908 11.1303 2.33203 8.00065 2.33203Z\"\n fill=\"#EA485D\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.00039 4.06641C8.33176 4.06641 8.60039 4.33504 8.60039 4.66641V7.99974C8.60039 8.33111 8.33176 8.59974 8.00039 8.59974C7.66902 8.59974 7.40039 8.33111 7.40039 7.99974V4.66641C7.40039 4.33504 7.66902 4.06641 8.00039 4.06641ZM8.00039 10.3997C8.33176 10.3997 8.60039 10.6684 8.60039 10.9997V11.3331C8.60039 11.6644 8.33176 11.9331 8.00039 11.9331C7.66902 11.9331 7.40039 11.6644 7.40039 11.3331V10.9997C7.40039 10.6684 7.66902 10.3997 8.00039 10.3997Z\"\n fill=\"#EA485D\"\n />\n </svg>\n\n <svg\n class=\"rd-error-icon-dark\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M1.33398 7.9987C1.33398 4.3168 4.31875 1.33203 8.00065 1.33203C11.6825 1.33203 14.6673 4.3168 14.6673 7.9987C14.6673 11.6806 11.6825 14.6654 8.00065 14.6654C4.31875 14.6654 1.33398 11.6806 1.33398 7.9987ZM8.00065 2.33203C4.87104 2.33203 2.33398 4.86908 2.33398 7.9987C2.33398 11.1283 4.87104 13.6654 8.00065 13.6654C11.1303 13.6654 13.6673 11.1283 13.6673 7.9987C13.6673 4.86908 11.1303 2.33203 8.00065 2.33203Z\"\n fill=\"#EF7484\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.00039 4.06641C8.33176 4.06641 8.60039 4.33504 8.60039 4.66641V7.99974C8.60039 8.33111 8.33176 8.59974 8.00039 8.59974C7.66902 8.59974 7.40039 8.33111 7.40039 7.99974V4.66641C7.40039 4.33504 7.66902 4.06641 8.00039 4.06641ZM8.00039 10.3997C8.33176 10.3997 8.60039 10.6684 8.60039 10.9997V11.3331C8.60039 11.6644 8.33176 11.9331 8.00039 11.9331C7.66902 11.9331 7.40039 11.6644 7.40039 11.3331V10.9997C7.40039 10.6684 7.66902 10.3997 8.00039 10.3997Z\"\n fill=\"#EF7484\"\n />\n </svg>\n\n {{ currentErrorMessage | translate }}\n </div>\n</div>\n", styles: [":host .rd-form-item-p-deal{padding:0!important}:host .rd-form-item-input{background:var(--rd-input-bg-default);border:none;box-shadow:none;color:var(--rd-copy-primary)}:host .rd-disabled .rd-form-item-input{background:var(--rd-input-bg-disable)!important}:host .rd-form-item-input-select{position:relative}:host .rd-form-item-input-select.rd-disabled .rd-form-item-input{color:var(--rd-copy-secondary)}:host .rd-form-item-password .rd-form-item-input[type=password]{font-size:20px;line-height:32px;letter-spacing:3px}:host .rd-form-item-rd-input-relative{position:relative}:host .rd-form-item-rd-input-relative .rd-form-item-rd-input-absolute{position:absolute;top:50%;transform:translateY(-50%);right:16px;z-index:1}:host .rd-form-item-rd-input-relative .rd-form-item-input{background:var(--rd-input-bg-default)!important;color:var(--rd-copy-primary)!important}:host .rd-input-symbol{position:absolute;top:50%;transform:translateY(-50%);right:16px;z-index:1;color:var(--rd-copy-primary);transition:all .3s cubic-bezier(.645,.045,.355,1)}:host .rd-form-item.rd-focus .rd-input-symbol,:host .rd-form-item.rd-has-value .rd-input-symbol{padding-top:14px}:host .rd-form-item-s .rd-form-item{height:44px}:host .rd-form-item-s .rd-form-item .rd-form-item-input{height:100%;padding:12px 16px;border-radius:4px}:host .rd-error-icon-dark{display:none}:host-context(.theme-dark):host(:not(.theme-light)) .rd-error-icon-light,:host(.theme-dark) .rd-error-icon-light{display:none}:host-context(.theme-dark):host(:not(.theme-light)) .rd-error-icon-dark,:host(.theme-dark) .rd-error-icon-dark{display:inline}\n", "input{border:none}textarea[disabled]{background:var(--input-bg-disable)!important}.rd-form-item{position:relative;border-radius:12px;padding:2px 0;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;height:64px}.rd-form-item .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}.rd-form-item-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;padding:22px 16px 12px;height:52px}.rd-form-item-input:focus,.rd-form-item-input:not(:placeholder-shown){top:10px}.rd-form-item .rd-form-item-input:focus~.rd-form-item-label,.rd-form-item .rd-form-item-input:not(:placeholder-shown)~.rd-form-item-label{top:18px;font-size:12px}.rd-form-item-select{width:100%}.rd-form-item-select ::ng-deep .ant-select-selection-item{color:var(--rd-copy-primary);font-size:14px;font-weight:500}.rd-form-item.rd-selected .rd-form-item-label{top:16px;font-size:12px}.rd-form-item.rd-selected .rd-form-item-select{top:10px}.rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-item.rd-disabled .rd-form-item-label,.rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}.rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}.rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}.rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.rd-form-item-error img{width:16px}.rd-form-number-item{position:relative;border-radius:12px;padding:12px 16px;background-color:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);width:100%}.rd-form-number-item .rd-item-label{color:var(--rd-copy-secondary);font-size:12px;font-weight:600}.rd-form-number-item .rd-item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-primary);border:none;padding:4px 0}.rd-form-number-item .rd-item-content-value:focus,.rd-form-number-item .rd-item-content-value:active,.rd-form-number-item .rd-item-content-value:hover{outline:none;box-shadow:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-handler-wrap{display:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input{font-size:32px;font-weight:600;line-height:48px}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input::placeholder{color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-symbol{flex-shrink:0}.rd-form-number-item ::ng-deep .rd-item-warning{font-weight:500;font-size:12px;color:var(--rd-copy-secondary);margin-top:4px;padding:0 12px}.rd-form-number-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-number-item.rd-disabled .rd-item-label,.rd-form-number-item.rd-disabled .rd-item-content-value{color:var(--rd-copy-disable)}.rd-form-number-item.rd-error{border-color:var(--rd-input-fg-danger)}\n"] }]
220
+ ], template: "<div\n [ngClass]=\"{\n 'rd-form-item-rd-input-relative': type === 'select',\n 'rd-form-item-s': size === 'small',\n }\"\n>\n <div\n class=\"rd-form-item rd-form-item-p-deal\"\n [ngClass]=\"{\n 'rd-disabled': disabled,\n 'rd-error': showError,\n 'rd-focus': isFocused,\n 'rd-has-value': !!value,\n 'rd-form-item-input-select': type === 'select',\n 'rd-form-item-password': type === 'password',\n }\"\n >\n <input\n nz-input\n [placeholder]=\"resolvedPlaceholder\"\n [name]=\"name\"\n aria-autocomplete=\"none\"\n [type]=\"type\"\n [(ngModel)]=\"value\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"handleValueChange($event)\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n [allowNegativeNumbers]=\"allowNegativeNumbers\"\n [dropSpecialCharacters]=\"false\"\n [mask]=\"\n maskType === 'amount'\n ? 'separator.' + maskNumber\n : maskType === 'number'\n ? '0*'\n : ''\n \"\n [thousandSeparator]=\"maskType === 'amount' ? ',' : ''\"\n class=\"rd-form-item-input\"\n [ngClass]=\"{\n 'rd-form-item-input-no-label': !label,\n }\"\n />\n <div class=\"rd-form-item-label\" *ngIf=\"label\">{{ label }}</div>\n <ng-container *ngIf=\"symbol\">\n <div class=\"rd-input-symbol\">{{ symbol }}</div>\n </ng-container>\n </div>\n <div class=\"rd-form-item-rd-input-absolute\">\n <ng-content></ng-content>\n </div>\n <div *ngIf=\"showError\" class=\"rd-form-item-error\">\n <svg\n class=\"rd-error-icon-light\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M1.33398 7.9987C1.33398 4.3168 4.31875 1.33203 8.00065 1.33203C11.6825 1.33203 14.6673 4.3168 14.6673 7.9987C14.6673 11.6806 11.6825 14.6654 8.00065 14.6654C4.31875 14.6654 1.33398 11.6806 1.33398 7.9987ZM8.00065 2.33203C4.87104 2.33203 2.33398 4.86908 2.33398 7.9987C2.33398 11.1283 4.87104 13.6654 8.00065 13.6654C11.1303 13.6654 13.6673 11.1283 13.6673 7.9987C13.6673 4.86908 11.1303 2.33203 8.00065 2.33203Z\"\n fill=\"#EA485D\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.00039 4.06641C8.33176 4.06641 8.60039 4.33504 8.60039 4.66641V7.99974C8.60039 8.33111 8.33176 8.59974 8.00039 8.59974C7.66902 8.59974 7.40039 8.33111 7.40039 7.99974V4.66641C7.40039 4.33504 7.66902 4.06641 8.00039 4.06641ZM8.00039 10.3997C8.33176 10.3997 8.60039 10.6684 8.60039 10.9997V11.3331C8.60039 11.6644 8.33176 11.9331 8.00039 11.9331C7.66902 11.9331 7.40039 11.6644 7.40039 11.3331V10.9997C7.40039 10.6684 7.66902 10.3997 8.00039 10.3997Z\"\n fill=\"#EA485D\"\n />\n </svg>\n\n <svg\n class=\"rd-error-icon-dark\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M1.33398 7.9987C1.33398 4.3168 4.31875 1.33203 8.00065 1.33203C11.6825 1.33203 14.6673 4.3168 14.6673 7.9987C14.6673 11.6806 11.6825 14.6654 8.00065 14.6654C4.31875 14.6654 1.33398 11.6806 1.33398 7.9987ZM8.00065 2.33203C4.87104 2.33203 2.33398 4.86908 2.33398 7.9987C2.33398 11.1283 4.87104 13.6654 8.00065 13.6654C11.1303 13.6654 13.6673 11.1283 13.6673 7.9987C13.6673 4.86908 11.1303 2.33203 8.00065 2.33203Z\"\n fill=\"#EF7484\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.00039 4.06641C8.33176 4.06641 8.60039 4.33504 8.60039 4.66641V7.99974C8.60039 8.33111 8.33176 8.59974 8.00039 8.59974C7.66902 8.59974 7.40039 8.33111 7.40039 7.99974V4.66641C7.40039 4.33504 7.66902 4.06641 8.00039 4.06641ZM8.00039 10.3997C8.33176 10.3997 8.60039 10.6684 8.60039 10.9997V11.3331C8.60039 11.6644 8.33176 11.9331 8.00039 11.9331C7.66902 11.9331 7.40039 11.6644 7.40039 11.3331V10.9997C7.40039 10.6684 7.66902 10.3997 8.00039 10.3997Z\"\n fill=\"#EF7484\"\n />\n </svg>\n\n {{ currentErrorMessage | translate }}\n </div>\n</div>\n", styles: [":host .rd-form-item-p-deal{padding:0!important}:host .rd-form-item-input{background:var(--rd-input-bg-default);border:none;box-shadow:none;color:var(--rd-copy-primary)}:host .rd-disabled .rd-form-item-input{background:var(--rd-input-bg-disable)!important}:host .rd-form-item-input-select{position:relative;background:var(--rd-input-bg-default)!important}:host .rd-form-item-input-select.rd-disabled .rd-form-item-input{color:var(--rd-copy-secondary)}:host .rd-form-item-password .rd-form-item-input[type=password]{font-size:20px;line-height:32px;letter-spacing:3px}:host .rd-form-item-rd-input-relative{position:relative}:host .rd-form-item-rd-input-relative .rd-form-item-rd-input-absolute{position:absolute;top:50%;transform:translateY(-50%);right:16px;z-index:1}:host .rd-form-item-rd-input-relative .rd-form-item-input{background:var(--rd-input-bg-default)!important;color:var(--rd-copy-primary)!important}:host .rd-input-symbol{position:absolute;top:50%;transform:translateY(-50%);right:16px;z-index:1;color:var(--rd-copy-primary);transition:all .3s cubic-bezier(.645,.045,.355,1)}:host .rd-form-item.rd-focus .rd-input-symbol,:host .rd-form-item.rd-has-value .rd-input-symbol{padding-top:14px}:host .rd-form-item-s .rd-form-item{height:44px}:host .rd-form-item-s .rd-form-item .rd-form-item-input{height:100%;padding:12px 16px;border-radius:12px}:host .rd-error-icon-dark{display:none}:host-context(.theme-dark):host(:not(.theme-light)) .rd-error-icon-light,:host(.theme-dark) .rd-error-icon-light{display:none}:host-context(.theme-dark):host(:not(.theme-light)) .rd-error-icon-dark,:host(.theme-dark) .rd-error-icon-dark{display:inline}\n", "input{border:none}textarea[disabled]{background:var(--input-bg-disable)!important}.rd-form-item{position:relative;border-radius:12px;padding:2px 0;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;height:64px}.rd-form-item .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}.rd-form-item-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;padding:22px 16px 12px;height:52px;border-radius:12px}.rd-form-item-input:focus,.rd-form-item-input:not(:placeholder-shown){top:10px}.rd-form-item .rd-form-item-input:focus~.rd-form-item-label,.rd-form-item .rd-form-item-input:not(:placeholder-shown)~.rd-form-item-label{top:18px;font-size:12px}.rd-form-item-select{width:100%}.rd-form-item-select ::ng-deep .ant-select-selection-item{color:var(--rd-copy-primary);font-size:14px;font-weight:500}.rd-form-item.rd-selected .rd-form-item-label{top:16px;font-size:12px}.rd-form-item.rd-selected .rd-form-item-select{top:10px}.rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-item.rd-disabled .rd-form-item-label,.rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}.rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}.rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}.rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.rd-form-item-error img{width:16px}.rd-form-number-item{position:relative;border-radius:12px;padding:12px 16px;background-color:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);width:100%}.rd-form-number-item .rd-item-label{color:var(--rd-copy-secondary);font-size:12px;font-weight:600}.rd-form-number-item .rd-item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-primary);border:none;padding:4px 0}.rd-form-number-item .rd-item-content-value:focus,.rd-form-number-item .rd-item-content-value:active,.rd-form-number-item .rd-item-content-value:hover{outline:none;box-shadow:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-handler-wrap{display:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input{font-size:32px;font-weight:600;line-height:48px}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input::placeholder{color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-symbol{flex-shrink:0}.rd-form-number-item ::ng-deep .rd-item-warning{font-weight:500;font-size:12px;color:var(--rd-copy-secondary);margin-top:4px;padding:0 12px}.rd-form-number-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-number-item.rd-disabled .rd-item-label,.rd-form-number-item.rd-disabled .rd-item-content-value{color:var(--rd-copy-disable)}.rd-form-number-item.rd-error{border-color:var(--rd-input-fg-danger)}\n"] }]
221
221
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.TranslateService }]; }, propDecorators: { label: [{
222
222
  type: Input
223
223
  }], symbol: [{
package/esm2020/lib/modules/custom-input-amount/custom-input-amount.component.mjs CHANGED
@@ -154,7 +154,7 @@ CustomInputAmountComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
154
154
  useExisting: forwardRef(() => CustomInputAmountComponent),
155
155
  multi: true,
156
156
  },
157
- ], ngImport: i0, template: "<div>\n <div\n class=\"rd-form-number-item\"\n [ngClass]=\"{\n 'rd-disabled': disabled,\n 'rd-error': showError,\n 'rd-form-number-small': nzSize === 'small',\n disabled: disabled,\n error: showError,\n }\"\n >\n <div class=\"rd-item-label\">{{ label }}</div>\n <div class=\"rd-item-content\">\n <input\n nz-input\n [name]=\"name\"\n type=\"text\"\n [placeholder]=\"'0'\"\n [mask]=\"'separator.' + nzPrecision\"\n [thousandSeparator]=\"','\"\n [allowNegativeNumbers]=\"allowNegativeNumbers\"\n [dropSpecialCharacters]=\"false\"\n [(ngModel)]=\"inputValue\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"handleValueChange($event)\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n class=\"rd-item-content-value\"\n />\n <ng-content select=\"[slot='token']\"></ng-content>\n <div *ngIf=\"symbol\" class=\"rd-item-content-symbol\">{{ symbol }}</div>\n </div>\n <ng-content></ng-content>\n </div>\n <div *ngIf=\"showError\" class=\"rd-form-item-error\">\n <svg\n class=\"rd-error-icon-light\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M1.33398 7.9987C1.33398 4.3168 4.31875 1.33203 8.00065 1.33203C11.6825 1.33203 14.6673 4.3168 14.6673 7.9987C14.6673 11.6806 11.6825 14.6654 8.00065 14.6654C4.31875 14.6654 1.33398 11.6806 1.33398 7.9987ZM8.00065 2.33203C4.87104 2.33203 2.33398 4.86908 2.33398 7.9987C2.33398 11.1283 4.87104 13.6654 8.00065 13.6654C11.1303 13.6654 13.6673 11.1283 13.6673 7.9987C13.6673 4.86908 11.1303 2.33203 8.00065 2.33203Z\"\n fill=\"#EA485D\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.00039 4.06641C8.33176 4.06641 8.60039 4.33504 8.60039 4.66641V7.99974C8.60039 8.33111 8.33176 8.59974 8.00039 8.59974C7.66902 8.59974 7.40039 8.33111 7.40039 7.99974V4.66641C7.40039 4.33504 7.66902 4.06641 8.00039 4.06641ZM8.00039 10.3997C8.33176 10.3997 8.60039 10.6684 8.60039 10.9997V11.3331C8.60039 11.6644 8.33176 11.9331 8.00039 11.9331C7.66902 11.9331 7.40039 11.6644 7.40039 11.3331V10.9997C7.40039 10.6684 7.66902 10.3997 8.00039 10.3997Z\"\n fill=\"#EA485D\"\n />\n </svg>\n\n <svg\n class=\"rd-error-icon-dark\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M1.33398 7.9987C1.33398 4.3168 4.31875 1.33203 8.00065 1.33203C11.6825 1.33203 14.6673 4.3168 14.6673 7.9987C14.6673 11.6806 11.6825 14.6654 8.00065 14.6654C4.31875 14.6654 1.33398 11.6806 1.33398 7.9987ZM8.00065 2.33203C4.87104 2.33203 2.33398 4.86908 2.33398 7.9987C2.33398 11.1283 4.87104 13.6654 8.00065 13.6654C11.1303 13.6654 13.6673 11.1283 13.6673 7.9987C13.6673 4.86908 11.1303 2.33203 8.00065 2.33203Z\"\n fill=\"#EF7484\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.00039 4.06641C8.33176 4.06641 8.60039 4.33504 8.60039 4.66641V7.99974C8.60039 8.33111 8.33176 8.59974 8.00039 8.59974C7.66902 8.59974 7.40039 8.33111 7.40039 7.99974V4.66641C7.40039 4.33504 7.66902 4.06641 8.00039 4.06641ZM8.00039 10.3997C8.33176 10.3997 8.60039 10.6684 8.60039 10.9997V11.3331C8.60039 11.6644 8.33176 11.9331 8.00039 11.9331C7.66902 11.9331 7.40039 11.6644 7.40039 11.3331V10.9997C7.40039 10.6684 7.66902 10.3997 8.00039 10.3997Z\"\n fill=\"#EF7484\"\n />\n </svg>\n {{ currentErrorMessage }}\n </div>\n</div>\n", styles: [":host .rd-form-number-small{height:64px}:host .rd-form-number-small .rd-item-content{font-size:14px!important;font-weight:400!important;line-height:22px!important}:host .rd-form-number-small ::ng-deep app-rd-pure-select-token{transform:translateY(-10px)!important}:host .rd-form-number-small .rd-item-content{transform:translateY(-10px)!important}:host .rd-form-number-small .rd-item-content-value{flex:1;color:var(--rd-copy-primary);background-color:var(--rd-input-bg-default)!important;border:none;padding:4px 0;margin-top:4px;font-size:14px!important;font-weight:500!important;line-height:22px!important}:host-context(.theme-dark):host(:not(.theme-light)) .rd-error-icon-light,:host(.theme-dark) .rd-error-icon-light{display:none}:host-context(.theme-dark):host(:not(.theme-light)) .rd-error-icon-dark,:host(.theme-dark) .rd-error-icon-dark{display:inline}\n", "input{border:none}textarea[disabled]{background:var(--input-bg-disable)!important}.rd-form-item{position:relative;border-radius:12px;padding:2px 0;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;height:64px}.rd-form-item .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}.rd-form-item-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;padding:22px 16px 12px;height:52px}.rd-form-item-input:focus,.rd-form-item-input:not(:placeholder-shown){top:10px}.rd-form-item .rd-form-item-input:focus~.rd-form-item-label,.rd-form-item .rd-form-item-input:not(:placeholder-shown)~.rd-form-item-label{top:18px;font-size:12px}.rd-form-item-select{width:100%}.rd-form-item-select ::ng-deep .ant-select-selection-item{color:var(--rd-copy-primary);font-size:14px;font-weight:500}.rd-form-item.rd-selected .rd-form-item-label{top:16px;font-size:12px}.rd-form-item.rd-selected .rd-form-item-select{top:10px}.rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-item.rd-disabled .rd-form-item-label,.rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}.rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}.rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}.rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.rd-form-item-error img{width:16px}.rd-form-number-item{position:relative;border-radius:12px;padding:12px 16px;background-color:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);width:100%}.rd-form-number-item .rd-item-label{color:var(--rd-copy-secondary);font-size:12px;font-weight:600}.rd-form-number-item .rd-item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-primary);border:none;padding:4px 0}.rd-form-number-item .rd-item-content-value:focus,.rd-form-number-item .rd-item-content-value:active,.rd-form-number-item .rd-item-content-value:hover{outline:none;box-shadow:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-handler-wrap{display:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input{font-size:32px;font-weight:600;line-height:48px}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input::placeholder{color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-symbol{flex-shrink:0}.rd-form-number-item ::ng-deep .rd-item-warning{font-weight:500;font-size:12px;color:var(--rd-copy-secondary);margin-top:4px;padding:0 12px}.rd-form-number-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-number-item.rd-disabled .rd-item-label,.rd-form-number-item.rd-disabled .rd-item-content-value{color:var(--rd-copy-disable)}.rd-form-number-item.rd-error{border-color:var(--rd-input-fg-danger)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "directive", type: i5.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }] });
157
+ ], ngImport: i0, template: "<div>\n <div\n class=\"rd-form-number-item\"\n [ngClass]=\"{\n 'rd-disabled': disabled,\n 'rd-error': showError,\n 'rd-form-number-small': nzSize === 'small',\n disabled: disabled,\n error: showError,\n }\"\n >\n <div class=\"rd-item-label\">{{ label }}</div>\n <div class=\"rd-item-content\">\n <input\n nz-input\n [name]=\"name\"\n type=\"text\"\n [placeholder]=\"'0'\"\n [mask]=\"'separator.' + nzPrecision\"\n [thousandSeparator]=\"','\"\n [allowNegativeNumbers]=\"allowNegativeNumbers\"\n [dropSpecialCharacters]=\"false\"\n [(ngModel)]=\"inputValue\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"handleValueChange($event)\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n class=\"rd-item-content-value\"\n />\n <ng-content select=\"[slot='token']\"></ng-content>\n <div *ngIf=\"symbol\" class=\"rd-item-content-symbol\">{{ symbol }}</div>\n </div>\n <ng-content></ng-content>\n </div>\n <div *ngIf=\"showError\" class=\"rd-form-item-error\">\n <svg\n class=\"rd-error-icon-light\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M1.33398 7.9987C1.33398 4.3168 4.31875 1.33203 8.00065 1.33203C11.6825 1.33203 14.6673 4.3168 14.6673 7.9987C14.6673 11.6806 11.6825 14.6654 8.00065 14.6654C4.31875 14.6654 1.33398 11.6806 1.33398 7.9987ZM8.00065 2.33203C4.87104 2.33203 2.33398 4.86908 2.33398 7.9987C2.33398 11.1283 4.87104 13.6654 8.00065 13.6654C11.1303 13.6654 13.6673 11.1283 13.6673 7.9987C13.6673 4.86908 11.1303 2.33203 8.00065 2.33203Z\"\n fill=\"#EA485D\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.00039 4.06641C8.33176 4.06641 8.60039 4.33504 8.60039 4.66641V7.99974C8.60039 8.33111 8.33176 8.59974 8.00039 8.59974C7.66902 8.59974 7.40039 8.33111 7.40039 7.99974V4.66641C7.40039 4.33504 7.66902 4.06641 8.00039 4.06641ZM8.00039 10.3997C8.33176 10.3997 8.60039 10.6684 8.60039 10.9997V11.3331C8.60039 11.6644 8.33176 11.9331 8.00039 11.9331C7.66902 11.9331 7.40039 11.6644 7.40039 11.3331V10.9997C7.40039 10.6684 7.66902 10.3997 8.00039 10.3997Z\"\n fill=\"#EA485D\"\n />\n </svg>\n\n <svg\n class=\"rd-error-icon-dark\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M1.33398 7.9987C1.33398 4.3168 4.31875 1.33203 8.00065 1.33203C11.6825 1.33203 14.6673 4.3168 14.6673 7.9987C14.6673 11.6806 11.6825 14.6654 8.00065 14.6654C4.31875 14.6654 1.33398 11.6806 1.33398 7.9987ZM8.00065 2.33203C4.87104 2.33203 2.33398 4.86908 2.33398 7.9987C2.33398 11.1283 4.87104 13.6654 8.00065 13.6654C11.1303 13.6654 13.6673 11.1283 13.6673 7.9987C13.6673 4.86908 11.1303 2.33203 8.00065 2.33203Z\"\n fill=\"#EF7484\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.00039 4.06641C8.33176 4.06641 8.60039 4.33504 8.60039 4.66641V7.99974C8.60039 8.33111 8.33176 8.59974 8.00039 8.59974C7.66902 8.59974 7.40039 8.33111 7.40039 7.99974V4.66641C7.40039 4.33504 7.66902 4.06641 8.00039 4.06641ZM8.00039 10.3997C8.33176 10.3997 8.60039 10.6684 8.60039 10.9997V11.3331C8.60039 11.6644 8.33176 11.9331 8.00039 11.9331C7.66902 11.9331 7.40039 11.6644 7.40039 11.3331V10.9997C7.40039 10.6684 7.66902 10.3997 8.00039 10.3997Z\"\n fill=\"#EF7484\"\n />\n </svg>\n {{ currentErrorMessage }}\n </div>\n</div>\n", styles: [":host .rd-form-number-small{height:64px}:host .rd-form-number-small .rd-item-content{font-size:14px!important;font-weight:400!important;line-height:22px!important}:host .rd-form-number-small ::ng-deep app-rd-pure-select-token{transform:translateY(-10px)!important}:host .rd-form-number-small .rd-item-content{transform:translateY(-10px)!important}:host .rd-form-number-small .rd-item-content-value{flex:1;color:var(--rd-copy-primary);background-color:var(--rd-input-bg-default)!important;border:none;padding:4px 0;margin-top:4px;font-size:14px!important;font-weight:500!important;line-height:22px!important}:host-context(.theme-dark):host(:not(.theme-light)) .rd-error-icon-light,:host(.theme-dark) .rd-error-icon-light{display:none}:host-context(.theme-dark):host(:not(.theme-light)) .rd-error-icon-dark,:host(.theme-dark) .rd-error-icon-dark{display:inline}\n", "input{border:none}textarea[disabled]{background:var(--input-bg-disable)!important}.rd-form-item{position:relative;border-radius:12px;padding:2px 0;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;height:64px}.rd-form-item .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}.rd-form-item-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;padding:22px 16px 12px;height:52px;border-radius:12px}.rd-form-item-input:focus,.rd-form-item-input:not(:placeholder-shown){top:10px}.rd-form-item .rd-form-item-input:focus~.rd-form-item-label,.rd-form-item .rd-form-item-input:not(:placeholder-shown)~.rd-form-item-label{top:18px;font-size:12px}.rd-form-item-select{width:100%}.rd-form-item-select ::ng-deep .ant-select-selection-item{color:var(--rd-copy-primary);font-size:14px;font-weight:500}.rd-form-item.rd-selected .rd-form-item-label{top:16px;font-size:12px}.rd-form-item.rd-selected .rd-form-item-select{top:10px}.rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-item.rd-disabled .rd-form-item-label,.rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}.rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}.rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}.rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.rd-form-item-error img{width:16px}.rd-form-number-item{position:relative;border-radius:12px;padding:12px 16px;background-color:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);width:100%}.rd-form-number-item .rd-item-label{color:var(--rd-copy-secondary);font-size:12px;font-weight:600}.rd-form-number-item .rd-item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-primary);border:none;padding:4px 0}.rd-form-number-item .rd-item-content-value:focus,.rd-form-number-item .rd-item-content-value:active,.rd-form-number-item .rd-item-content-value:hover{outline:none;box-shadow:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-handler-wrap{display:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input{font-size:32px;font-weight:600;line-height:48px}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input::placeholder{color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-symbol{flex-shrink:0}.rd-form-number-item ::ng-deep .rd-item-warning{font-weight:500;font-size:12px;color:var(--rd-copy-secondary);margin-top:4px;padding:0 12px}.rd-form-number-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-number-item.rd-disabled .rd-item-label,.rd-form-number-item.rd-disabled .rd-item-content-value{color:var(--rd-copy-disable)}.rd-form-number-item.rd-error{border-color:var(--rd-input-fg-danger)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "directive", type: i5.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }] });
158
158
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomInputAmountComponent, decorators: [{
159
159
  type: Component,
160
160
  args: [{ selector: 'app-rd-input-amount', providers: [
@@ -168,7 +168,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
168
168
  useExisting: forwardRef(() => CustomInputAmountComponent),
169
169
  multi: true,
170
170
  },
171
- ], template: "<div>\n <div\n class=\"rd-form-number-item\"\n [ngClass]=\"{\n 'rd-disabled': disabled,\n 'rd-error': showError,\n 'rd-form-number-small': nzSize === 'small',\n disabled: disabled,\n error: showError,\n }\"\n >\n <div class=\"rd-item-label\">{{ label }}</div>\n <div class=\"rd-item-content\">\n <input\n nz-input\n [name]=\"name\"\n type=\"text\"\n [placeholder]=\"'0'\"\n [mask]=\"'separator.' + nzPrecision\"\n [thousandSeparator]=\"','\"\n [allowNegativeNumbers]=\"allowNegativeNumbers\"\n [dropSpecialCharacters]=\"false\"\n [(ngModel)]=\"inputValue\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"handleValueChange($event)\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n class=\"rd-item-content-value\"\n />\n <ng-content select=\"[slot='token']\"></ng-content>\n <div *ngIf=\"symbol\" class=\"rd-item-content-symbol\">{{ symbol }}</div>\n </div>\n <ng-content></ng-content>\n </div>\n <div *ngIf=\"showError\" class=\"rd-form-item-error\">\n <svg\n class=\"rd-error-icon-light\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M1.33398 7.9987C1.33398 4.3168 4.31875 1.33203 8.00065 1.33203C11.6825 1.33203 14.6673 4.3168 14.6673 7.9987C14.6673 11.6806 11.6825 14.6654 8.00065 14.6654C4.31875 14.6654 1.33398 11.6806 1.33398 7.9987ZM8.00065 2.33203C4.87104 2.33203 2.33398 4.86908 2.33398 7.9987C2.33398 11.1283 4.87104 13.6654 8.00065 13.6654C11.1303 13.6654 13.6673 11.1283 13.6673 7.9987C13.6673 4.86908 11.1303 2.33203 8.00065 2.33203Z\"\n fill=\"#EA485D\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.00039 4.06641C8.33176 4.06641 8.60039 4.33504 8.60039 4.66641V7.99974C8.60039 8.33111 8.33176 8.59974 8.00039 8.59974C7.66902 8.59974 7.40039 8.33111 7.40039 7.99974V4.66641C7.40039 4.33504 7.66902 4.06641 8.00039 4.06641ZM8.00039 10.3997C8.33176 10.3997 8.60039 10.6684 8.60039 10.9997V11.3331C8.60039 11.6644 8.33176 11.9331 8.00039 11.9331C7.66902 11.9331 7.40039 11.6644 7.40039 11.3331V10.9997C7.40039 10.6684 7.66902 10.3997 8.00039 10.3997Z\"\n fill=\"#EA485D\"\n />\n </svg>\n\n <svg\n class=\"rd-error-icon-dark\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M1.33398 7.9987C1.33398 4.3168 4.31875 1.33203 8.00065 1.33203C11.6825 1.33203 14.6673 4.3168 14.6673 7.9987C14.6673 11.6806 11.6825 14.6654 8.00065 14.6654C4.31875 14.6654 1.33398 11.6806 1.33398 7.9987ZM8.00065 2.33203C4.87104 2.33203 2.33398 4.86908 2.33398 7.9987C2.33398 11.1283 4.87104 13.6654 8.00065 13.6654C11.1303 13.6654 13.6673 11.1283 13.6673 7.9987C13.6673 4.86908 11.1303 2.33203 8.00065 2.33203Z\"\n fill=\"#EF7484\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.00039 4.06641C8.33176 4.06641 8.60039 4.33504 8.60039 4.66641V7.99974C8.60039 8.33111 8.33176 8.59974 8.00039 8.59974C7.66902 8.59974 7.40039 8.33111 7.40039 7.99974V4.66641C7.40039 4.33504 7.66902 4.06641 8.00039 4.06641ZM8.00039 10.3997C8.33176 10.3997 8.60039 10.6684 8.60039 10.9997V11.3331C8.60039 11.6644 8.33176 11.9331 8.00039 11.9331C7.66902 11.9331 7.40039 11.6644 7.40039 11.3331V10.9997C7.40039 10.6684 7.66902 10.3997 8.00039 10.3997Z\"\n fill=\"#EF7484\"\n />\n </svg>\n {{ currentErrorMessage }}\n </div>\n</div>\n", styles: [":host .rd-form-number-small{height:64px}:host .rd-form-number-small .rd-item-content{font-size:14px!important;font-weight:400!important;line-height:22px!important}:host .rd-form-number-small ::ng-deep app-rd-pure-select-token{transform:translateY(-10px)!important}:host .rd-form-number-small .rd-item-content{transform:translateY(-10px)!important}:host .rd-form-number-small .rd-item-content-value{flex:1;color:var(--rd-copy-primary);background-color:var(--rd-input-bg-default)!important;border:none;padding:4px 0;margin-top:4px;font-size:14px!important;font-weight:500!important;line-height:22px!important}:host-context(.theme-dark):host(:not(.theme-light)) .rd-error-icon-light,:host(.theme-dark) .rd-error-icon-light{display:none}:host-context(.theme-dark):host(:not(.theme-light)) .rd-error-icon-dark,:host(.theme-dark) .rd-error-icon-dark{display:inline}\n", "input{border:none}textarea[disabled]{background:var(--input-bg-disable)!important}.rd-form-item{position:relative;border-radius:12px;padding:2px 0;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;height:64px}.rd-form-item .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}.rd-form-item-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;padding:22px 16px 12px;height:52px}.rd-form-item-input:focus,.rd-form-item-input:not(:placeholder-shown){top:10px}.rd-form-item .rd-form-item-input:focus~.rd-form-item-label,.rd-form-item .rd-form-item-input:not(:placeholder-shown)~.rd-form-item-label{top:18px;font-size:12px}.rd-form-item-select{width:100%}.rd-form-item-select ::ng-deep .ant-select-selection-item{color:var(--rd-copy-primary);font-size:14px;font-weight:500}.rd-form-item.rd-selected .rd-form-item-label{top:16px;font-size:12px}.rd-form-item.rd-selected .rd-form-item-select{top:10px}.rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-item.rd-disabled .rd-form-item-label,.rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}.rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}.rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}.rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.rd-form-item-error img{width:16px}.rd-form-number-item{position:relative;border-radius:12px;padding:12px 16px;background-color:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);width:100%}.rd-form-number-item .rd-item-label{color:var(--rd-copy-secondary);font-size:12px;font-weight:600}.rd-form-number-item .rd-item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-primary);border:none;padding:4px 0}.rd-form-number-item .rd-item-content-value:focus,.rd-form-number-item .rd-item-content-value:active,.rd-form-number-item .rd-item-content-value:hover{outline:none;box-shadow:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-handler-wrap{display:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input{font-size:32px;font-weight:600;line-height:48px}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input::placeholder{color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-symbol{flex-shrink:0}.rd-form-number-item ::ng-deep .rd-item-warning{font-weight:500;font-size:12px;color:var(--rd-copy-secondary);margin-top:4px;padding:0 12px}.rd-form-number-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-number-item.rd-disabled .rd-item-label,.rd-form-number-item.rd-disabled .rd-item-content-value{color:var(--rd-copy-disable)}.rd-form-number-item.rd-error{border-color:var(--rd-input-fg-danger)}\n"] }]
171
+ ], template: "<div>\n <div\n class=\"rd-form-number-item\"\n [ngClass]=\"{\n 'rd-disabled': disabled,\n 'rd-error': showError,\n 'rd-form-number-small': nzSize === 'small',\n disabled: disabled,\n error: showError,\n }\"\n >\n <div class=\"rd-item-label\">{{ label }}</div>\n <div class=\"rd-item-content\">\n <input\n nz-input\n [name]=\"name\"\n type=\"text\"\n [placeholder]=\"'0'\"\n [mask]=\"'separator.' + nzPrecision\"\n [thousandSeparator]=\"','\"\n [allowNegativeNumbers]=\"allowNegativeNumbers\"\n [dropSpecialCharacters]=\"false\"\n [(ngModel)]=\"inputValue\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"handleValueChange($event)\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n class=\"rd-item-content-value\"\n />\n <ng-content select=\"[slot='token']\"></ng-content>\n <div *ngIf=\"symbol\" class=\"rd-item-content-symbol\">{{ symbol }}</div>\n </div>\n <ng-content></ng-content>\n </div>\n <div *ngIf=\"showError\" class=\"rd-form-item-error\">\n <svg\n class=\"rd-error-icon-light\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M1.33398 7.9987C1.33398 4.3168 4.31875 1.33203 8.00065 1.33203C11.6825 1.33203 14.6673 4.3168 14.6673 7.9987C14.6673 11.6806 11.6825 14.6654 8.00065 14.6654C4.31875 14.6654 1.33398 11.6806 1.33398 7.9987ZM8.00065 2.33203C4.87104 2.33203 2.33398 4.86908 2.33398 7.9987C2.33398 11.1283 4.87104 13.6654 8.00065 13.6654C11.1303 13.6654 13.6673 11.1283 13.6673 7.9987C13.6673 4.86908 11.1303 2.33203 8.00065 2.33203Z\"\n fill=\"#EA485D\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.00039 4.06641C8.33176 4.06641 8.60039 4.33504 8.60039 4.66641V7.99974C8.60039 8.33111 8.33176 8.59974 8.00039 8.59974C7.66902 8.59974 7.40039 8.33111 7.40039 7.99974V4.66641C7.40039 4.33504 7.66902 4.06641 8.00039 4.06641ZM8.00039 10.3997C8.33176 10.3997 8.60039 10.6684 8.60039 10.9997V11.3331C8.60039 11.6644 8.33176 11.9331 8.00039 11.9331C7.66902 11.9331 7.40039 11.6644 7.40039 11.3331V10.9997C7.40039 10.6684 7.66902 10.3997 8.00039 10.3997Z\"\n fill=\"#EA485D\"\n />\n </svg>\n\n <svg\n class=\"rd-error-icon-dark\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M1.33398 7.9987C1.33398 4.3168 4.31875 1.33203 8.00065 1.33203C11.6825 1.33203 14.6673 4.3168 14.6673 7.9987C14.6673 11.6806 11.6825 14.6654 8.00065 14.6654C4.31875 14.6654 1.33398 11.6806 1.33398 7.9987ZM8.00065 2.33203C4.87104 2.33203 2.33398 4.86908 2.33398 7.9987C2.33398 11.1283 4.87104 13.6654 8.00065 13.6654C11.1303 13.6654 13.6673 11.1283 13.6673 7.9987C13.6673 4.86908 11.1303 2.33203 8.00065 2.33203Z\"\n fill=\"#EF7484\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.00039 4.06641C8.33176 4.06641 8.60039 4.33504 8.60039 4.66641V7.99974C8.60039 8.33111 8.33176 8.59974 8.00039 8.59974C7.66902 8.59974 7.40039 8.33111 7.40039 7.99974V4.66641C7.40039 4.33504 7.66902 4.06641 8.00039 4.06641ZM8.00039 10.3997C8.33176 10.3997 8.60039 10.6684 8.60039 10.9997V11.3331C8.60039 11.6644 8.33176 11.9331 8.00039 11.9331C7.66902 11.9331 7.40039 11.6644 7.40039 11.3331V10.9997C7.40039 10.6684 7.66902 10.3997 8.00039 10.3997Z\"\n fill=\"#EF7484\"\n />\n </svg>\n {{ currentErrorMessage }}\n </div>\n</div>\n", styles: [":host .rd-form-number-small{height:64px}:host .rd-form-number-small .rd-item-content{font-size:14px!important;font-weight:400!important;line-height:22px!important}:host .rd-form-number-small ::ng-deep app-rd-pure-select-token{transform:translateY(-10px)!important}:host .rd-form-number-small .rd-item-content{transform:translateY(-10px)!important}:host .rd-form-number-small .rd-item-content-value{flex:1;color:var(--rd-copy-primary);background-color:var(--rd-input-bg-default)!important;border:none;padding:4px 0;margin-top:4px;font-size:14px!important;font-weight:500!important;line-height:22px!important}:host-context(.theme-dark):host(:not(.theme-light)) .rd-error-icon-light,:host(.theme-dark) .rd-error-icon-light{display:none}:host-context(.theme-dark):host(:not(.theme-light)) .rd-error-icon-dark,:host(.theme-dark) .rd-error-icon-dark{display:inline}\n", "input{border:none}textarea[disabled]{background:var(--input-bg-disable)!important}.rd-form-item{position:relative;border-radius:12px;padding:2px 0;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;height:64px}.rd-form-item .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}.rd-form-item-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;padding:22px 16px 12px;height:52px;border-radius:12px}.rd-form-item-input:focus,.rd-form-item-input:not(:placeholder-shown){top:10px}.rd-form-item .rd-form-item-input:focus~.rd-form-item-label,.rd-form-item .rd-form-item-input:not(:placeholder-shown)~.rd-form-item-label{top:18px;font-size:12px}.rd-form-item-select{width:100%}.rd-form-item-select ::ng-deep .ant-select-selection-item{color:var(--rd-copy-primary);font-size:14px;font-weight:500}.rd-form-item.rd-selected .rd-form-item-label{top:16px;font-size:12px}.rd-form-item.rd-selected .rd-form-item-select{top:10px}.rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-item.rd-disabled .rd-form-item-label,.rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}.rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}.rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}.rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.rd-form-item-error img{width:16px}.rd-form-number-item{position:relative;border-radius:12px;padding:12px 16px;background-color:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);width:100%}.rd-form-number-item .rd-item-label{color:var(--rd-copy-secondary);font-size:12px;font-weight:600}.rd-form-number-item .rd-item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-primary);border:none;padding:4px 0}.rd-form-number-item .rd-item-content-value:focus,.rd-form-number-item .rd-item-content-value:active,.rd-form-number-item .rd-item-content-value:hover{outline:none;box-shadow:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-handler-wrap{display:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input{font-size:32px;font-weight:600;line-height:48px}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input::placeholder{color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-symbol{flex-shrink:0}.rd-form-number-item ::ng-deep .rd-item-warning{font-weight:500;font-size:12px;color:var(--rd-copy-secondary);margin-top:4px;padding:0 12px}.rd-form-number-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-number-item.rd-disabled .rd-item-label,.rd-form-number-item.rd-disabled .rd-item-content-value{color:var(--rd-copy-disable)}.rd-form-number-item.rd-error{border-color:var(--rd-input-fg-danger)}\n"] }]
172
172
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.TranslateService }]; }, propDecorators: { lang: [{
173
173
  type: Input
174
174
  }], label: [{
package/esm2020/lib/modules/custom-textarea/custom-textarea.component.mjs CHANGED
@@ -141,7 +141,7 @@ CustomTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
141
141
  useExisting: forwardRef(() => CustomTextareaComponent),
142
142
  multi: true,
143
143
  },
144
- ], viewQueries: [{ propertyName: "autosize", first: true, predicate: CdkTextareaAutosize, descendants: true }], ngImport: i0, template: "<div>\n <div\n class=\"rd-form-item rd-form-textarea\"\n [ngClass]=\"{ disabled: disabled, error: showError }\"\n >\n <textarea\n nz-input\n nzBorderless\n [name]=\"name\"\n [(ngModel)]=\"value\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"handleValueChange($event)\"\n (blur)=\"onBlur()\"\n [nzAutosize]=\"nzAutosize\"\n placeholder=\" \"\n class=\"rd-form-item-input\"\n ></textarea>\n <div class=\"rd-form-item-label\">{{ label }}</div>\n </div>\n <div *ngIf=\"showError\" class=\"rd-form-item-error\">\n <img *ngIf=\"currentErrorMessage\" src=\"/assets/img/icon/icon-error.svg\" />\n {{ currentErrorMessage }}\n </div>\n</div>\n", styles: [":host .rd-form-textarea{height:auto;min-height:64px}:host .rd-form-textarea .rd-form-item-input{position:static;line-height:1.5;min-height:58px}:host .rd-form-textarea .rd-form-item-input:focus,:host .rd-form-textarea .rd-form-item-input:not(:placeholder-shown){padding-top:28px}\n", "input{border:none}textarea[disabled]{background:var(--input-bg-disable)!important}.rd-form-item{position:relative;border-radius:12px;padding:2px 0;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;height:64px}.rd-form-item .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}.rd-form-item-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;padding:22px 16px 12px;height:52px}.rd-form-item-input:focus,.rd-form-item-input:not(:placeholder-shown){top:10px}.rd-form-item .rd-form-item-input:focus~.rd-form-item-label,.rd-form-item .rd-form-item-input:not(:placeholder-shown)~.rd-form-item-label{top:18px;font-size:12px}.rd-form-item-select{width:100%}.rd-form-item-select ::ng-deep .ant-select-selection-item{color:var(--rd-copy-primary);font-size:14px;font-weight:500}.rd-form-item.rd-selected .rd-form-item-label{top:16px;font-size:12px}.rd-form-item.rd-selected .rd-form-item-select{top:10px}.rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-item.rd-disabled .rd-form-item-label,.rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}.rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}.rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}.rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.rd-form-item-error img{width:16px}.rd-form-number-item{position:relative;border-radius:12px;padding:12px 16px;background-color:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);width:100%}.rd-form-number-item .rd-item-label{color:var(--rd-copy-secondary);font-size:12px;font-weight:600}.rd-form-number-item .rd-item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-primary);border:none;padding:4px 0}.rd-form-number-item .rd-item-content-value:focus,.rd-form-number-item .rd-item-content-value:active,.rd-form-number-item .rd-item-content-value:hover{outline:none;box-shadow:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-handler-wrap{display:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input{font-size:32px;font-weight:600;line-height:48px}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input::placeholder{color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-symbol{flex-shrink:0}.rd-form-number-item ::ng-deep .rd-item-warning{font-weight:500;font-size:12px;color:var(--rd-copy-secondary);margin-top:4px;padding:0 12px}.rd-form-number-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-number-item.rd-disabled .rd-item-label,.rd-form-number-item.rd-disabled .rd-item-content-value{color:var(--rd-copy-disable)}.rd-form-number-item.rd-error{border-color:var(--rd-input-fg-danger)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "directive", type: i3.NzAutosizeDirective, selector: "textarea[nzAutosize]", inputs: ["nzAutosize"], exportAs: ["nzAutosize"] }] });
144
+ ], viewQueries: [{ propertyName: "autosize", first: true, predicate: CdkTextareaAutosize, descendants: true }], ngImport: i0, template: "<div>\n <div\n class=\"rd-form-item rd-form-textarea\"\n [ngClass]=\"{ disabled: disabled, error: showError }\"\n >\n <textarea\n nz-input\n nzBorderless\n [name]=\"name\"\n [(ngModel)]=\"value\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"handleValueChange($event)\"\n (blur)=\"onBlur()\"\n [nzAutosize]=\"nzAutosize\"\n placeholder=\" \"\n class=\"rd-form-item-input\"\n ></textarea>\n <div class=\"rd-form-item-label\">{{ label }}</div>\n </div>\n <div *ngIf=\"showError\" class=\"rd-form-item-error\">\n <img *ngIf=\"currentErrorMessage\" src=\"/assets/img/icon/icon-error.svg\" />\n {{ currentErrorMessage }}\n </div>\n</div>\n", styles: [":host .rd-form-textarea{height:auto;min-height:64px}:host .rd-form-textarea .rd-form-item-input{position:static;line-height:1.5;min-height:58px}:host .rd-form-textarea .rd-form-item-input:focus,:host .rd-form-textarea .rd-form-item-input:not(:placeholder-shown){padding-top:28px}\n", "input{border:none}textarea[disabled]{background:var(--input-bg-disable)!important}.rd-form-item{position:relative;border-radius:12px;padding:2px 0;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;height:64px}.rd-form-item .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}.rd-form-item-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;padding:22px 16px 12px;height:52px;border-radius:12px}.rd-form-item-input:focus,.rd-form-item-input:not(:placeholder-shown){top:10px}.rd-form-item .rd-form-item-input:focus~.rd-form-item-label,.rd-form-item .rd-form-item-input:not(:placeholder-shown)~.rd-form-item-label{top:18px;font-size:12px}.rd-form-item-select{width:100%}.rd-form-item-select ::ng-deep .ant-select-selection-item{color:var(--rd-copy-primary);font-size:14px;font-weight:500}.rd-form-item.rd-selected .rd-form-item-label{top:16px;font-size:12px}.rd-form-item.rd-selected .rd-form-item-select{top:10px}.rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-item.rd-disabled .rd-form-item-label,.rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}.rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}.rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}.rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.rd-form-item-error img{width:16px}.rd-form-number-item{position:relative;border-radius:12px;padding:12px 16px;background-color:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);width:100%}.rd-form-number-item .rd-item-label{color:var(--rd-copy-secondary);font-size:12px;font-weight:600}.rd-form-number-item .rd-item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-primary);border:none;padding:4px 0}.rd-form-number-item .rd-item-content-value:focus,.rd-form-number-item .rd-item-content-value:active,.rd-form-number-item .rd-item-content-value:hover{outline:none;box-shadow:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-handler-wrap{display:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input{font-size:32px;font-weight:600;line-height:48px}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input::placeholder{color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-symbol{flex-shrink:0}.rd-form-number-item ::ng-deep .rd-item-warning{font-weight:500;font-size:12px;color:var(--rd-copy-secondary);margin-top:4px;padding:0 12px}.rd-form-number-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-number-item.rd-disabled .rd-item-label,.rd-form-number-item.rd-disabled .rd-item-content-value{color:var(--rd-copy-disable)}.rd-form-number-item.rd-error{border-color:var(--rd-input-fg-danger)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "directive", type: i3.NzAutosizeDirective, selector: "textarea[nzAutosize]", inputs: ["nzAutosize"], exportAs: ["nzAutosize"] }] });
145
145
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomTextareaComponent, decorators: [{
146
146
  type: Component,
147
147
  args: [{ selector: 'app-rd-textarea', providers: [
@@ -155,7 +155,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
155
155
  useExisting: forwardRef(() => CustomTextareaComponent),
156
156
  multi: true,
157
157
  },
158
- ], template: "<div>\n <div\n class=\"rd-form-item rd-form-textarea\"\n [ngClass]=\"{ disabled: disabled, error: showError }\"\n >\n <textarea\n nz-input\n nzBorderless\n [name]=\"name\"\n [(ngModel)]=\"value\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"handleValueChange($event)\"\n (blur)=\"onBlur()\"\n [nzAutosize]=\"nzAutosize\"\n placeholder=\" \"\n class=\"rd-form-item-input\"\n ></textarea>\n <div class=\"rd-form-item-label\">{{ label }}</div>\n </div>\n <div *ngIf=\"showError\" class=\"rd-form-item-error\">\n <img *ngIf=\"currentErrorMessage\" src=\"/assets/img/icon/icon-error.svg\" />\n {{ currentErrorMessage }}\n </div>\n</div>\n", styles: [":host .rd-form-textarea{height:auto;min-height:64px}:host .rd-form-textarea .rd-form-item-input{position:static;line-height:1.5;min-height:58px}:host .rd-form-textarea .rd-form-item-input:focus,:host .rd-form-textarea .rd-form-item-input:not(:placeholder-shown){padding-top:28px}\n", "input{border:none}textarea[disabled]{background:var(--input-bg-disable)!important}.rd-form-item{position:relative;border-radius:12px;padding:2px 0;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;height:64px}.rd-form-item .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}.rd-form-item-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;padding:22px 16px 12px;height:52px}.rd-form-item-input:focus,.rd-form-item-input:not(:placeholder-shown){top:10px}.rd-form-item .rd-form-item-input:focus~.rd-form-item-label,.rd-form-item .rd-form-item-input:not(:placeholder-shown)~.rd-form-item-label{top:18px;font-size:12px}.rd-form-item-select{width:100%}.rd-form-item-select ::ng-deep .ant-select-selection-item{color:var(--rd-copy-primary);font-size:14px;font-weight:500}.rd-form-item.rd-selected .rd-form-item-label{top:16px;font-size:12px}.rd-form-item.rd-selected .rd-form-item-select{top:10px}.rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-item.rd-disabled .rd-form-item-label,.rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}.rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}.rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}.rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.rd-form-item-error img{width:16px}.rd-form-number-item{position:relative;border-radius:12px;padding:12px 16px;background-color:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);width:100%}.rd-form-number-item .rd-item-label{color:var(--rd-copy-secondary);font-size:12px;font-weight:600}.rd-form-number-item .rd-item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-primary);border:none;padding:4px 0}.rd-form-number-item .rd-item-content-value:focus,.rd-form-number-item .rd-item-content-value:active,.rd-form-number-item .rd-item-content-value:hover{outline:none;box-shadow:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-handler-wrap{display:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input{font-size:32px;font-weight:600;line-height:48px}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input::placeholder{color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-symbol{flex-shrink:0}.rd-form-number-item ::ng-deep .rd-item-warning{font-weight:500;font-size:12px;color:var(--rd-copy-secondary);margin-top:4px;padding:0 12px}.rd-form-number-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-number-item.rd-disabled .rd-item-label,.rd-form-number-item.rd-disabled .rd-item-content-value{color:var(--rd-copy-disable)}.rd-form-number-item.rd-error{border-color:var(--rd-input-fg-danger)}\n"] }]
158
+ ], template: "<div>\n <div\n class=\"rd-form-item rd-form-textarea\"\n [ngClass]=\"{ disabled: disabled, error: showError }\"\n >\n <textarea\n nz-input\n nzBorderless\n [name]=\"name\"\n [(ngModel)]=\"value\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"handleValueChange($event)\"\n (blur)=\"onBlur()\"\n [nzAutosize]=\"nzAutosize\"\n placeholder=\" \"\n class=\"rd-form-item-input\"\n ></textarea>\n <div class=\"rd-form-item-label\">{{ label }}</div>\n </div>\n <div *ngIf=\"showError\" class=\"rd-form-item-error\">\n <img *ngIf=\"currentErrorMessage\" src=\"/assets/img/icon/icon-error.svg\" />\n {{ currentErrorMessage }}\n </div>\n</div>\n", styles: [":host .rd-form-textarea{height:auto;min-height:64px}:host .rd-form-textarea .rd-form-item-input{position:static;line-height:1.5;min-height:58px}:host .rd-form-textarea .rd-form-item-input:focus,:host .rd-form-textarea .rd-form-item-input:not(:placeholder-shown){padding-top:28px}\n", "input{border:none}textarea[disabled]{background:var(--input-bg-disable)!important}.rd-form-item{position:relative;border-radius:12px;padding:2px 0;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;height:64px}.rd-form-item .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}.rd-form-item-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;padding:22px 16px 12px;height:52px;border-radius:12px}.rd-form-item-input:focus,.rd-form-item-input:not(:placeholder-shown){top:10px}.rd-form-item .rd-form-item-input:focus~.rd-form-item-label,.rd-form-item .rd-form-item-input:not(:placeholder-shown)~.rd-form-item-label{top:18px;font-size:12px}.rd-form-item-select{width:100%}.rd-form-item-select ::ng-deep .ant-select-selection-item{color:var(--rd-copy-primary);font-size:14px;font-weight:500}.rd-form-item.rd-selected .rd-form-item-label{top:16px;font-size:12px}.rd-form-item.rd-selected .rd-form-item-select{top:10px}.rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-item.rd-disabled .rd-form-item-label,.rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}.rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}.rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}.rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.rd-form-item-error img{width:16px}.rd-form-number-item{position:relative;border-radius:12px;padding:12px 16px;background-color:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);width:100%}.rd-form-number-item .rd-item-label{color:var(--rd-copy-secondary);font-size:12px;font-weight:600}.rd-form-number-item .rd-item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-primary);border:none;padding:4px 0}.rd-form-number-item .rd-item-content-value:focus,.rd-form-number-item .rd-item-content-value:active,.rd-form-number-item .rd-item-content-value:hover{outline:none;box-shadow:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-handler-wrap{display:none}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input{font-size:32px;font-weight:600;line-height:48px}.rd-form-number-item .rd-item-content-value ::ng-deep .ant-input-number-input::placeholder{color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-symbol{flex-shrink:0}.rd-form-number-item ::ng-deep .rd-item-warning{font-weight:500;font-size:12px;color:var(--rd-copy-secondary);margin-top:4px;padding:0 12px}.rd-form-number-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-number-item.rd-disabled .rd-item-label,.rd-form-number-item.rd-disabled .rd-item-content-value{color:var(--rd-copy-disable)}.rd-form-number-item.rd-error{border-color:var(--rd-input-fg-danger)}\n"] }]
159
159
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { lang: [{
160
160
  type: Input
161
161
  }], label: [{
package/esm2020/lib/modules/form-item/form-item.component.mjs CHANGED
@@ -19,10 +19,10 @@ export class FormItemComponent {
19
19
  }
20
20
  }
21
21
  FormItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
22
- FormItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FormItemComponent, selector: "app-rd-form-item", inputs: { errorMessage: "errorMessage", disabled: "disabled", label: "label", type: "type", focus: "focus", value: "value", size: "size", theme: "theme" }, host: { properties: { "class.theme-light": "this.hostThemeLight", "class.theme-dark": "this.hostThemeDark" } }, ngImport: i0, template: "<div\n class=\"rd-form-item\"\n [ngClass]=\"{\n 'rd-disabled': disabled,\n 'rd-error': !!errorMessage,\n 'rd-focus': focus,\n 'rd-has-value': !!value,\n 'rd-form-item-s': size === 'small',\n 'rd-form-item-normal': size === 'normal',\n }\"\n>\n <ng-content></ng-content>\n <div *ngIf=\"label\" class=\"rd-form-item-label\">{{ label }}</div>\n <svg\n *ngIf=\"isShowSelectIcon\"\n class=\"rd-form-item-select-icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"17\"\n viewBox=\"0 0 16 17\"\n fill=\"none\"\n >\n <path\n d=\"M3 5.83337L8 11.1667L13 5.83337\"\n [attr.stroke]=\"disabled ? 'var(--rd-copy-disable)' : 'var(--rd-copy-primary)'\"\n stroke-width=\"1.16667\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n</div>\n<div *ngIf=\"errorMessage\" class=\"rd-form-item-error\">\n <img src=\"/assets/img/icon/icon-error.svg\" />\n {{ errorMessage }}\n</div>\n", styles: [":host .rd-form-item{position:relative;border-radius:4px;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;font-size:14px;line-height:1;padding:0;transition:all .3s cubic-bezier(.645,.045,.355,1)}:host .rd-form-item.rd-form-item-normal{min-height:64px}:host .rd-form-item.rd-form-item-s{height:40px}:host .rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}:host .rd-form-item.rd-disabled .rd-form-item-label,:host .rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}:host .rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}:host .rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}:host .rd-form-item.rd-focus{border:1px solid var(--rd-input-fg-hover);box-shadow:0 0 0 2px #367af61a}:host .rd-form-item.rd-focus .rd-form-item-select-icon{transform:translateY(-50%) rotate(-180deg)}:host .rd-form-item.rd-form-item-normal.rd-focus .rd-form-item-label,:host .rd-form-item.rd-form-item-normal.rd-has-value .rd-form-item-label{top:16px;font-size:12px}:host .rd-form-item.rd-form-item-normal.rd-focus ::ng-deep .rd-form-item-select,:host .rd-form-item.rd-form-item-normal.rd-has-value ::ng-deep .rd-form-item-select{top:10px}:host .rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}:host .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;transition:transform .2s ease}:host .rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}:host .rd-form-item-error img{width:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
22
+ FormItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FormItemComponent, selector: "app-rd-form-item", inputs: { errorMessage: "errorMessage", disabled: "disabled", label: "label", type: "type", focus: "focus", value: "value", size: "size", theme: "theme" }, host: { properties: { "class.theme-light": "this.hostThemeLight", "class.theme-dark": "this.hostThemeDark" } }, ngImport: i0, template: "<div\n class=\"rd-form-item\"\n [ngClass]=\"{\n 'rd-disabled': disabled,\n 'rd-error': !!errorMessage,\n 'rd-focus': focus,\n 'rd-has-value': !!value,\n 'rd-form-item-s': size === 'small',\n 'rd-form-item-normal': size === 'normal',\n }\"\n>\n <ng-content></ng-content>\n <div *ngIf=\"label\" class=\"rd-form-item-label\">{{ label }}</div>\n <svg\n *ngIf=\"isShowSelectIcon\"\n class=\"rd-form-item-select-icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"17\"\n viewBox=\"0 0 16 17\"\n fill=\"none\"\n >\n <path\n d=\"M3 5.83337L8 11.1667L13 5.83337\"\n [attr.stroke]=\"disabled ? 'var(--rd-copy-disable)' : 'var(--rd-copy-primary)'\"\n stroke-width=\"1.16667\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n</div>\n<div *ngIf=\"errorMessage\" class=\"rd-form-item-error\">\n <img src=\"/assets/img/icon/icon-error.svg\" />\n {{ errorMessage }}\n</div>\n", styles: [":host .rd-form-item{position:relative;border-radius:12px;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;font-size:14px;line-height:1;padding:0;transition:all .3s cubic-bezier(.645,.045,.355,1)}:host .rd-form-item.rd-form-item-normal{min-height:64px}:host .rd-form-item.rd-form-item-s{height:40px}:host .rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}:host .rd-form-item.rd-disabled .rd-form-item-label,:host .rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}:host .rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}:host .rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}:host .rd-form-item.rd-focus{border:1px solid var(--rd-input-fg-hover);box-shadow:0 0 0 2px #367af61a}:host .rd-form-item.rd-focus .rd-form-item-select-icon{transform:translateY(-50%) rotate(-180deg)}:host .rd-form-item.rd-form-item-normal.rd-focus .rd-form-item-label,:host .rd-form-item.rd-form-item-normal.rd-has-value .rd-form-item-label{top:16px;font-size:12px}:host .rd-form-item.rd-form-item-normal.rd-focus ::ng-deep .rd-form-item-select,:host .rd-form-item.rd-form-item-normal.rd-has-value ::ng-deep .rd-form-item-select{top:10px}:host .rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}:host .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;transition:transform .2s ease}:host .rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}:host .rd-form-item-error img{width:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
23
23
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormItemComponent, decorators: [{
24
24
  type: Component,
25
- args: [{ selector: 'app-rd-form-item', template: "<div\n class=\"rd-form-item\"\n [ngClass]=\"{\n 'rd-disabled': disabled,\n 'rd-error': !!errorMessage,\n 'rd-focus': focus,\n 'rd-has-value': !!value,\n 'rd-form-item-s': size === 'small',\n 'rd-form-item-normal': size === 'normal',\n }\"\n>\n <ng-content></ng-content>\n <div *ngIf=\"label\" class=\"rd-form-item-label\">{{ label }}</div>\n <svg\n *ngIf=\"isShowSelectIcon\"\n class=\"rd-form-item-select-icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"17\"\n viewBox=\"0 0 16 17\"\n fill=\"none\"\n >\n <path\n d=\"M3 5.83337L8 11.1667L13 5.83337\"\n [attr.stroke]=\"disabled ? 'var(--rd-copy-disable)' : 'var(--rd-copy-primary)'\"\n stroke-width=\"1.16667\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n</div>\n<div *ngIf=\"errorMessage\" class=\"rd-form-item-error\">\n <img src=\"/assets/img/icon/icon-error.svg\" />\n {{ errorMessage }}\n</div>\n", styles: [":host .rd-form-item{position:relative;border-radius:4px;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;font-size:14px;line-height:1;padding:0;transition:all .3s cubic-bezier(.645,.045,.355,1)}:host .rd-form-item.rd-form-item-normal{min-height:64px}:host .rd-form-item.rd-form-item-s{height:40px}:host .rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}:host .rd-form-item.rd-disabled .rd-form-item-label,:host .rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}:host .rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}:host .rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}:host .rd-form-item.rd-focus{border:1px solid var(--rd-input-fg-hover);box-shadow:0 0 0 2px #367af61a}:host .rd-form-item.rd-focus .rd-form-item-select-icon{transform:translateY(-50%) rotate(-180deg)}:host .rd-form-item.rd-form-item-normal.rd-focus .rd-form-item-label,:host .rd-form-item.rd-form-item-normal.rd-has-value .rd-form-item-label{top:16px;font-size:12px}:host .rd-form-item.rd-form-item-normal.rd-focus ::ng-deep .rd-form-item-select,:host .rd-form-item.rd-form-item-normal.rd-has-value ::ng-deep .rd-form-item-select{top:10px}:host .rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}:host .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;transition:transform .2s ease}:host .rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}:host .rd-form-item-error img{width:16px}\n"] }]
25
+ args: [{ selector: 'app-rd-form-item', template: "<div\n class=\"rd-form-item\"\n [ngClass]=\"{\n 'rd-disabled': disabled,\n 'rd-error': !!errorMessage,\n 'rd-focus': focus,\n 'rd-has-value': !!value,\n 'rd-form-item-s': size === 'small',\n 'rd-form-item-normal': size === 'normal',\n }\"\n>\n <ng-content></ng-content>\n <div *ngIf=\"label\" class=\"rd-form-item-label\">{{ label }}</div>\n <svg\n *ngIf=\"isShowSelectIcon\"\n class=\"rd-form-item-select-icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"17\"\n viewBox=\"0 0 16 17\"\n fill=\"none\"\n >\n <path\n d=\"M3 5.83337L8 11.1667L13 5.83337\"\n [attr.stroke]=\"disabled ? 'var(--rd-copy-disable)' : 'var(--rd-copy-primary)'\"\n stroke-width=\"1.16667\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n</div>\n<div *ngIf=\"errorMessage\" class=\"rd-form-item-error\">\n <img src=\"/assets/img/icon/icon-error.svg\" />\n {{ errorMessage }}\n</div>\n", styles: [":host .rd-form-item{position:relative;border-radius:12px;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;font-size:14px;line-height:1;padding:0;transition:all .3s cubic-bezier(.645,.045,.355,1)}:host .rd-form-item.rd-form-item-normal{min-height:64px}:host .rd-form-item.rd-form-item-s{height:40px}:host .rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}:host .rd-form-item.rd-disabled .rd-form-item-label,:host .rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}:host .rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}:host .rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}:host .rd-form-item.rd-focus{border:1px solid var(--rd-input-fg-hover);box-shadow:0 0 0 2px #367af61a}:host .rd-form-item.rd-focus .rd-form-item-select-icon{transform:translateY(-50%) rotate(-180deg)}:host .rd-form-item.rd-form-item-normal.rd-focus .rd-form-item-label,:host .rd-form-item.rd-form-item-normal.rd-has-value .rd-form-item-label{top:16px;font-size:12px}:host .rd-form-item.rd-form-item-normal.rd-focus ::ng-deep .rd-form-item-select,:host .rd-form-item.rd-form-item-normal.rd-has-value ::ng-deep .rd-form-item-select{top:10px}:host .rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}:host .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;transition:transform .2s ease}:host .rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}:host .rd-form-item-error img{width:16px}\n"] }]
26
26
  }], propDecorators: { errorMessage: [{
27
27
  type: Input
28
28
  }], disabled: [{