rd-outer-component 0.1.31 → 0.1.33

package/esm2020/lib/modules/custom-input/custom-input.component.mjs

@@ -203,7 +203,7 @@ CustomInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             useExisting: forwardRef(() => CustomInputComponent),
             multi: true,
         },
-    ], 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);background-color:var(--rd-input-bg-default);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{background:var(--rd-input-bg-disable);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" }] });
+    ], 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:transparent;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);background-color:var(--rd-input-bg-default);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{background:var(--rd-input-bg-disable);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" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-rd-input', providers: [
@@ -217,7 +217,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             useExisting: forwardRef(() => CustomInputComponent),
                             multi: true,
                         },
-                    ], 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);background-color:var(--rd-input-bg-default);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{background:var(--rd-input-bg-disable);color:var(--rd-copy-disable)}.rd-form-number-item.rd-error{border-color:var(--rd-input-fg-danger)}\n"] }]
+                    ], 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:transparent;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);background-color:var(--rd-input-bg-default);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{background:var(--rd-input-bg-disable);color:var(--rd-copy-disable)}.rd-form-number-item.rd-error{border-color:var(--rd-input-fg-danger)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.TranslateService }]; }, propDecorators: { label: [{
                 type: Input
             }], symbol: [{

package/esm2020/lib/modules/custom-pagination/paginator.component.mjs

@@ -26,10 +26,10 @@ export class CustomPaginatorComponent {
     }
 }
 CustomPaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CustomPaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomPaginatorComponent, selector: "app-rd-pagination", inputs: { lang: "lang", pageIndex: "pageIndex", pageSize: "pageSize", currentTotalSize: "currentTotalSize", totalSize: "totalSize", specilMargin: "specilMargin", showLeftPageDorp: "showLeftPageDorp", isWhiteBg: "isWhiteBg", totalItemsText: "totalItemsText", pageText: "pageText" }, outputs: { changePageSize: "changePageSize", changePageIndex: "changePageIndex" }, ngImport: i0, template: "<div *ngIf=\"currentTotalSize > 0\" class=\"pagination-div\" nz-row>\n  <div class=\"pagination-total\">\n    <ng-container *ngIf=\"lang === 'en'\">\n      {{ \"Total \" + totalSize + \" items\" }}\n    </ng-container>\n    <ng-container *ngIf=\"lang === 'zh'\">\n      {{ \"\u5171 \" + totalSize + \" \u9805\" }}\n    </ng-container>\n  </div>\n  <div class=\"pagination-cnt\" *ngIf=\"totalSize > 10\">\n    <nz-pagination\n      [nzTotal]=\"totalSize\"\n      [nzPageIndex]=\"pageIndex\"\n      [nzPageSize]=\"pageSize\"\n      (nzPageIndexChange)=\"nzPageIndexChange($event)\"\n    ></nz-pagination>\n  </div>\n  <div\n    *ngIf=\"totalSize > 0 && totalSize > 10 && showLeftPageDorp\"\n    class=\"pagination-select\"\n  >\n    <nz-select\n      [(ngModel)]=\"pageSize\"\n      class=\"pagination-select-size\"\n      (ngModelChange)=\"nzPageSizeChange(pageSize)\"\n      [nzDropdownClassName]=\"'paginator-select'\"\n    >\n      <nz-option [nzValue]=\"10\" nzLabel=\"10\"></nz-option>\n      <nz-option [nzValue]=\"25\" nzLabel=\"25\"></nz-option>\n      <nz-option [nzValue]=\"50\" nzLabel=\"50\"></nz-option>\n      <nz-option [nzValue]=\"100\" nzLabel=\"100\"></nz-option>\n    </nz-select>\n    <span class=\"page-text\"\n      >/\n      <ng-container *ngIf=\"lang === 'en'\"> Page </ng-container>\n      <ng-container *ngIf=\"lang === 'zh'\"> \u9801\u9762 </ng-container>\n    </span>\n  </div>\n</div>\n", styles: [":host::ng-deep .pagination-div{display:flex;justify-content:space-between;height:56px;padding:12px 0;border-top:1px solid var(--rd-bg-panel-border)}:host::ng-deep .pagination-div .pagination-total{font-size:12px;font-weight:500;line-height:32px;color:var(--rd-copy-primary)}:host::ng-deep .pagination-div .pagination-select{display:flex;align-items:center}:host::ng-deep .pagination-div .pagination-select .page-text{margin-left:4px;color:var(--rd-copy-primary)}:host::ng-deep .pagination-div .pagination-cnt{height:32px;line-height:32px;margin:0 auto;font-size:12px;font-weight:500;color:var(--rd-copy-primary)}:host::ng-deep .pagination-div .ant-select-item{padding-left:24px!important}:host::ng-deep .pagination-div .ant-select-item-option{padding-left:24px!important}:host::ng-deep .pagination-div .ant-table-pagination .ant-pagination{padding:16px 44px;position:absolute;right:0;margin-top:24px}:host::ng-deep .pagination-div .ant-pagination li{background:transparent;border:none}:host::ng-deep .pagination-div .ant-pagination-item-active{background:transparent;border:1px solid var(--rd-copy-brand)!important;border-radius:4px;color:var(--rd-copy-brand)!important}:host::ng-deep .pagination-div .ant-pagination-item{height:38px;margin-right:16px;min-width:32px;margin-top:3px}:host::ng-deep .pagination-div .ant-pagination-item a{font-size:12px;font-weight:500;color:var(--rd-copy-secondary);min-width:24px;outline:none}:host::ng-deep .pagination-div .ant-pagination-prev{margin-right:16px}:host::ng-deep .pagination-div .ant-pagination-item-active a{border-radius:4px;color:var(--rd-copy-brand)}:host::ng-deep .pagination-div .ant-select:not(.ant-select-customize-input) .ant-select-selector{border:unset;border-radius:8px;text-align:left;padding:0;box-shadow:none!important}:host::ng-deep .pagination-div .ant-pagination-item-link{border-radius:50%;color:var(--rd-copy-inverse);border:unset;outline:none;height:32px;width:32px;position:relative}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon{vertical-align:-5px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon svg{width:18px;height:18px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-left{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-right{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link:hover{box-shadow:0 1px 4px #00000040;color:var(--rd-copy-inverse)!important}:host::ng-deep .pagination-div .ant-pagination-prev .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjMzMzQgMi41TDYuNjY2NzUgMTBMMTMuMzMzNCAxNy41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-pagination-next .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjY2NzUgMTcuNUwxMy4zMzM0IDEwTDYuNjY2NzUgMi41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-select-arrow{display:none}:host::ng-deep .pagination-div .ant-select-selection-item{text-align:center;font-weight:500}:host::ng-deep .pagination-div .ant-select-single .ant-select-selector .ant-select-selection-item{position:relative}:host::ng-deep .pagination-div .ant-select-single.ant-select-open .ant-select-selection-item{color:var(--rd-copy-primary)}:host::ng-deep .pagination-div a{text-decoration:none!important}:host::ng-deep .pagination-select-size{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:var(--rd-input-bg-default);border-radius:4px;border:1px solid var(--rd-input-fg-default);margin-right:16px;font-size:12px;font-weight:500;height:32px;color:var(--rd-copy-primary);padding:0 12px;min-width:70px}:host::ng-deep .pagination-select-size .ant-select-arrow{display:flex;margin-left:auto;color:var(--rd-copy-primary)}:host::ng-deep .pagination-select-size .anticon{font-size:12px}::ng-deep .paginator-select .ant-select-dropdown{border-radius:8px;font-weight:500;color:var(--rd-copy-secondary);padding-top:0;padding-bottom:0;text-align:center;box-shadow:0 1px 4px #0000001a}::ng-deep .paginator-select .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:var(--rd-bg-panel);font-weight:500;text-align:center;color:var(--rd-copy-primary)}::ng-deep .paginator-select .ant-select-item-option-active:not(.ant-select-item-option-disabled){background-color:var(--rd-bg-card)}::ng-deep .paginator-select .ant-select-item{font-size:12px;font-weight:500}::ng-deep .paginator-select .ant-select-selection-item{text-align:left!important}::ng-deep .pagination-div .ant-pagination-item-active a{color:var(--rd-copy-brand)!important}::ng-deep .ant-pagination{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px!important;margin-top:0!important;line-height:32px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i2.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { 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.NzPaginationComponent, selector: "nz-pagination", inputs: ["nzShowTotal", "nzItemRender", "nzSize", "nzPageSizeOptions", "nzShowSizeChanger", "nzShowQuickJumper", "nzSimple", "nzDisabled", "nzResponsive", "nzHideOnSinglePage", "nzTotal", "nzPageIndex", "nzPageSize"], outputs: ["nzPageSizeChange", "nzPageIndexChange"], exportAs: ["nzPagination"] }, { kind: "directive", type: i5.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }] });
+CustomPaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomPaginatorComponent, selector: "app-rd-pagination", inputs: { lang: "lang", pageIndex: "pageIndex", pageSize: "pageSize", currentTotalSize: "currentTotalSize", totalSize: "totalSize", specilMargin: "specilMargin", showLeftPageDorp: "showLeftPageDorp", isWhiteBg: "isWhiteBg", totalItemsText: "totalItemsText", pageText: "pageText" }, outputs: { changePageSize: "changePageSize", changePageIndex: "changePageIndex" }, ngImport: i0, template: "<div *ngIf=\"currentTotalSize > 0\" class=\"pagination-div\" nz-row>\n  <div class=\"pagination-total\">\n    <ng-container *ngIf=\"lang === 'en'\">\n      {{ \"Total \" + totalSize + \" items\" }}\n    </ng-container>\n    <ng-container *ngIf=\"lang === 'zh'\">\n      {{ \"\u5171 \" + totalSize + \" \u9805\" }}\n    </ng-container>\n  </div>\n  <div class=\"pagination-cnt\" *ngIf=\"totalSize > 10\">\n    <nz-pagination\n      [nzTotal]=\"totalSize\"\n      [nzPageIndex]=\"pageIndex\"\n      [nzPageSize]=\"pageSize\"\n      (nzPageIndexChange)=\"nzPageIndexChange($event)\"\n    ></nz-pagination>\n  </div>\n  <div\n    *ngIf=\"totalSize > 0 && totalSize > 10 && showLeftPageDorp\"\n    class=\"pagination-select\"\n  >\n    <nz-select\n      [(ngModel)]=\"pageSize\"\n      class=\"pagination-select-size\"\n      (ngModelChange)=\"nzPageSizeChange(pageSize)\"\n      [nzDropdownClassName]=\"'paginator-select'\"\n    >\n      <nz-option [nzValue]=\"10\" nzLabel=\"10\"></nz-option>\n      <nz-option [nzValue]=\"25\" nzLabel=\"25\"></nz-option>\n      <nz-option [nzValue]=\"50\" nzLabel=\"50\"></nz-option>\n      <nz-option [nzValue]=\"100\" nzLabel=\"100\"></nz-option>\n    </nz-select>\n    <span class=\"page-text\"\n      >/\n      <ng-container *ngIf=\"lang === 'en'\"> Page </ng-container>\n      <ng-container *ngIf=\"lang === 'zh'\"> \u9801\u9762 </ng-container>\n    </span>\n  </div>\n</div>\n", styles: [":host::ng-deep .pagination-div{display:flex;justify-content:space-between;height:56px;padding:12px 0;border-top:1px solid var(--rd-bg-panel-border)}:host::ng-deep .pagination-div .pagination-total{font-size:12px;font-weight:500;line-height:32px;color:var(--rd-copy-primary)}:host::ng-deep .pagination-div .pagination-select{display:flex;align-items:center}:host::ng-deep .pagination-div .pagination-select .page-text{margin-left:4px;color:var(--rd-copy-primary)}:host::ng-deep .pagination-div .pagination-cnt{height:32px;line-height:32px;margin:0 auto;font-size:12px;font-weight:500;color:var(--rd-copy-primary)}:host::ng-deep .pagination-div .ant-select-item{padding-left:24px!important}:host::ng-deep .pagination-div .ant-select-item-option{padding-left:24px!important}:host::ng-deep .pagination-div .ant-table-pagination .ant-pagination{padding:16px 44px;position:absolute;right:0;margin-top:24px}:host::ng-deep .pagination-div .ant-pagination li{background:transparent;border:none}:host::ng-deep .pagination-div .ant-pagination-item-active{background:transparent;border:1px solid var(--rd-copy-brand)!important;border-radius:4px;color:var(--rd-copy-brand)!important}:host::ng-deep .pagination-div .ant-pagination-item{height:38px;margin-right:16px;min-width:32px;margin-top:3px}:host::ng-deep .pagination-div .ant-pagination-item a{font-size:12px;font-weight:500;color:var(--rd-copy-secondary);min-width:24px;outline:none}:host::ng-deep .pagination-div .ant-pagination-prev{margin-right:16px}:host::ng-deep .pagination-div .ant-pagination-item-active a{border-radius:4px;color:var(--rd-copy-brand)}:host::ng-deep .pagination-div .ant-select:not(.ant-select-customize-input) .ant-select-selector{border:unset;border-radius:8px;text-align:left;padding:0;box-shadow:none!important;background:transparent!important}:host::ng-deep .pagination-div .ant-pagination-item-link{border-radius:50%;color:var(--rd-copy-inverse);border:unset;outline:none;height:32px;width:32px;position:relative}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon{vertical-align:-5px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon svg{width:18px;height:18px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-left{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-right{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link:hover{box-shadow:0 1px 4px #00000040;color:var(--rd-copy-inverse)!important}:host::ng-deep .pagination-div .ant-pagination-prev .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjMzMzQgMi41TDYuNjY2NzUgMTBMMTMuMzMzNCAxNy41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-pagination-next .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjY2NzUgMTcuNUwxMy4zMzM0IDEwTDYuNjY2NzUgMi41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-select-arrow{display:none}:host::ng-deep .pagination-div .ant-select-selection-item{text-align:center;font-weight:500}:host::ng-deep .pagination-div .ant-select-single .ant-select-selector .ant-select-selection-item{position:relative}:host::ng-deep .pagination-div .ant-select-single.ant-select-open .ant-select-selection-item{color:var(--rd-copy-primary)}:host::ng-deep .pagination-div a{text-decoration:none!important}:host::ng-deep .pagination-select-size{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:var(--rd-input-bg-default);border-radius:4px;border:1px solid var(--rd-input-fg-default);margin-right:16px;font-size:12px;font-weight:500;height:32px;color:var(--rd-copy-primary);padding:0 12px;min-width:70px}:host::ng-deep .pagination-select-size .ant-select-arrow{display:flex;margin-left:auto;color:var(--rd-copy-primary)}:host::ng-deep .pagination-select-size .anticon{font-size:12px}::ng-deep .paginator-select .ant-select-dropdown{border-radius:8px;font-weight:500;color:var(--rd-copy-secondary);padding-top:0;padding-bottom:0;text-align:center;box-shadow:0 1px 4px #0000001a}::ng-deep .paginator-select .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:var(--rd-bg-panel);font-weight:500;text-align:center;color:var(--rd-copy-primary)}::ng-deep .paginator-select .ant-select-item-option-active:not(.ant-select-item-option-disabled){background-color:var(--rd-bg-card)}::ng-deep .paginator-select .ant-select-item{font-size:12px;font-weight:500}::ng-deep .paginator-select .ant-select-selection-item{text-align:left!important}::ng-deep .pagination-div .ant-pagination-item-active a{color:var(--rd-copy-brand)!important}::ng-deep .ant-pagination{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px!important;margin-top:0!important;line-height:32px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i2.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { 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.NzPaginationComponent, selector: "nz-pagination", inputs: ["nzShowTotal", "nzItemRender", "nzSize", "nzPageSizeOptions", "nzShowSizeChanger", "nzShowQuickJumper", "nzSimple", "nzDisabled", "nzResponsive", "nzHideOnSinglePage", "nzTotal", "nzPageIndex", "nzPageSize"], outputs: ["nzPageSizeChange", "nzPageIndexChange"], exportAs: ["nzPagination"] }, { kind: "directive", type: i5.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomPaginatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-rd-pagination', template: "<div *ngIf=\"currentTotalSize > 0\" class=\"pagination-div\" nz-row>\n  <div class=\"pagination-total\">\n    <ng-container *ngIf=\"lang === 'en'\">\n      {{ \"Total \" + totalSize + \" items\" }}\n    </ng-container>\n    <ng-container *ngIf=\"lang === 'zh'\">\n      {{ \"\u5171 \" + totalSize + \" \u9805\" }}\n    </ng-container>\n  </div>\n  <div class=\"pagination-cnt\" *ngIf=\"totalSize > 10\">\n    <nz-pagination\n      [nzTotal]=\"totalSize\"\n      [nzPageIndex]=\"pageIndex\"\n      [nzPageSize]=\"pageSize\"\n      (nzPageIndexChange)=\"nzPageIndexChange($event)\"\n    ></nz-pagination>\n  </div>\n  <div\n    *ngIf=\"totalSize > 0 && totalSize > 10 && showLeftPageDorp\"\n    class=\"pagination-select\"\n  >\n    <nz-select\n      [(ngModel)]=\"pageSize\"\n      class=\"pagination-select-size\"\n      (ngModelChange)=\"nzPageSizeChange(pageSize)\"\n      [nzDropdownClassName]=\"'paginator-select'\"\n    >\n      <nz-option [nzValue]=\"10\" nzLabel=\"10\"></nz-option>\n      <nz-option [nzValue]=\"25\" nzLabel=\"25\"></nz-option>\n      <nz-option [nzValue]=\"50\" nzLabel=\"50\"></nz-option>\n      <nz-option [nzValue]=\"100\" nzLabel=\"100\"></nz-option>\n    </nz-select>\n    <span class=\"page-text\"\n      >/\n      <ng-container *ngIf=\"lang === 'en'\"> Page </ng-container>\n      <ng-container *ngIf=\"lang === 'zh'\"> \u9801\u9762 </ng-container>\n    </span>\n  </div>\n</div>\n", styles: [":host::ng-deep .pagination-div{display:flex;justify-content:space-between;height:56px;padding:12px 0;border-top:1px solid var(--rd-bg-panel-border)}:host::ng-deep .pagination-div .pagination-total{font-size:12px;font-weight:500;line-height:32px;color:var(--rd-copy-primary)}:host::ng-deep .pagination-div .pagination-select{display:flex;align-items:center}:host::ng-deep .pagination-div .pagination-select .page-text{margin-left:4px;color:var(--rd-copy-primary)}:host::ng-deep .pagination-div .pagination-cnt{height:32px;line-height:32px;margin:0 auto;font-size:12px;font-weight:500;color:var(--rd-copy-primary)}:host::ng-deep .pagination-div .ant-select-item{padding-left:24px!important}:host::ng-deep .pagination-div .ant-select-item-option{padding-left:24px!important}:host::ng-deep .pagination-div .ant-table-pagination .ant-pagination{padding:16px 44px;position:absolute;right:0;margin-top:24px}:host::ng-deep .pagination-div .ant-pagination li{background:transparent;border:none}:host::ng-deep .pagination-div .ant-pagination-item-active{background:transparent;border:1px solid var(--rd-copy-brand)!important;border-radius:4px;color:var(--rd-copy-brand)!important}:host::ng-deep .pagination-div .ant-pagination-item{height:38px;margin-right:16px;min-width:32px;margin-top:3px}:host::ng-deep .pagination-div .ant-pagination-item a{font-size:12px;font-weight:500;color:var(--rd-copy-secondary);min-width:24px;outline:none}:host::ng-deep .pagination-div .ant-pagination-prev{margin-right:16px}:host::ng-deep .pagination-div .ant-pagination-item-active a{border-radius:4px;color:var(--rd-copy-brand)}:host::ng-deep .pagination-div .ant-select:not(.ant-select-customize-input) .ant-select-selector{border:unset;border-radius:8px;text-align:left;padding:0;box-shadow:none!important}:host::ng-deep .pagination-div .ant-pagination-item-link{border-radius:50%;color:var(--rd-copy-inverse);border:unset;outline:none;height:32px;width:32px;position:relative}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon{vertical-align:-5px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon svg{width:18px;height:18px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-left{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-right{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link:hover{box-shadow:0 1px 4px #00000040;color:var(--rd-copy-inverse)!important}:host::ng-deep .pagination-div .ant-pagination-prev .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjMzMzQgMi41TDYuNjY2NzUgMTBMMTMuMzMzNCAxNy41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-pagination-next .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjY2NzUgMTcuNUwxMy4zMzM0IDEwTDYuNjY2NzUgMi41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-select-arrow{display:none}:host::ng-deep .pagination-div .ant-select-selection-item{text-align:center;font-weight:500}:host::ng-deep .pagination-div .ant-select-single .ant-select-selector .ant-select-selection-item{position:relative}:host::ng-deep .pagination-div .ant-select-single.ant-select-open .ant-select-selection-item{color:var(--rd-copy-primary)}:host::ng-deep .pagination-div a{text-decoration:none!important}:host::ng-deep .pagination-select-size{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:var(--rd-input-bg-default);border-radius:4px;border:1px solid var(--rd-input-fg-default);margin-right:16px;font-size:12px;font-weight:500;height:32px;color:var(--rd-copy-primary);padding:0 12px;min-width:70px}:host::ng-deep .pagination-select-size .ant-select-arrow{display:flex;margin-left:auto;color:var(--rd-copy-primary)}:host::ng-deep .pagination-select-size .anticon{font-size:12px}::ng-deep .paginator-select .ant-select-dropdown{border-radius:8px;font-weight:500;color:var(--rd-copy-secondary);padding-top:0;padding-bottom:0;text-align:center;box-shadow:0 1px 4px #0000001a}::ng-deep .paginator-select .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:var(--rd-bg-panel);font-weight:500;text-align:center;color:var(--rd-copy-primary)}::ng-deep .paginator-select .ant-select-item-option-active:not(.ant-select-item-option-disabled){background-color:var(--rd-bg-card)}::ng-deep .paginator-select .ant-select-item{font-size:12px;font-weight:500}::ng-deep .paginator-select .ant-select-selection-item{text-align:left!important}::ng-deep .pagination-div .ant-pagination-item-active a{color:var(--rd-copy-brand)!important}::ng-deep .ant-pagination{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px!important;margin-top:0!important;line-height:32px}\n"] }]
+            args: [{ selector: 'app-rd-pagination', template: "<div *ngIf=\"currentTotalSize > 0\" class=\"pagination-div\" nz-row>\n  <div class=\"pagination-total\">\n    <ng-container *ngIf=\"lang === 'en'\">\n      {{ \"Total \" + totalSize + \" items\" }}\n    </ng-container>\n    <ng-container *ngIf=\"lang === 'zh'\">\n      {{ \"\u5171 \" + totalSize + \" \u9805\" }}\n    </ng-container>\n  </div>\n  <div class=\"pagination-cnt\" *ngIf=\"totalSize > 10\">\n    <nz-pagination\n      [nzTotal]=\"totalSize\"\n      [nzPageIndex]=\"pageIndex\"\n      [nzPageSize]=\"pageSize\"\n      (nzPageIndexChange)=\"nzPageIndexChange($event)\"\n    ></nz-pagination>\n  </div>\n  <div\n    *ngIf=\"totalSize > 0 && totalSize > 10 && showLeftPageDorp\"\n    class=\"pagination-select\"\n  >\n    <nz-select\n      [(ngModel)]=\"pageSize\"\n      class=\"pagination-select-size\"\n      (ngModelChange)=\"nzPageSizeChange(pageSize)\"\n      [nzDropdownClassName]=\"'paginator-select'\"\n    >\n      <nz-option [nzValue]=\"10\" nzLabel=\"10\"></nz-option>\n      <nz-option [nzValue]=\"25\" nzLabel=\"25\"></nz-option>\n      <nz-option [nzValue]=\"50\" nzLabel=\"50\"></nz-option>\n      <nz-option [nzValue]=\"100\" nzLabel=\"100\"></nz-option>\n    </nz-select>\n    <span class=\"page-text\"\n      >/\n      <ng-container *ngIf=\"lang === 'en'\"> Page </ng-container>\n      <ng-container *ngIf=\"lang === 'zh'\"> \u9801\u9762 </ng-container>\n    </span>\n  </div>\n</div>\n", styles: [":host::ng-deep .pagination-div{display:flex;justify-content:space-between;height:56px;padding:12px 0;border-top:1px solid var(--rd-bg-panel-border)}:host::ng-deep .pagination-div .pagination-total{font-size:12px;font-weight:500;line-height:32px;color:var(--rd-copy-primary)}:host::ng-deep .pagination-div .pagination-select{display:flex;align-items:center}:host::ng-deep .pagination-div .pagination-select .page-text{margin-left:4px;color:var(--rd-copy-primary)}:host::ng-deep .pagination-div .pagination-cnt{height:32px;line-height:32px;margin:0 auto;font-size:12px;font-weight:500;color:var(--rd-copy-primary)}:host::ng-deep .pagination-div .ant-select-item{padding-left:24px!important}:host::ng-deep .pagination-div .ant-select-item-option{padding-left:24px!important}:host::ng-deep .pagination-div .ant-table-pagination .ant-pagination{padding:16px 44px;position:absolute;right:0;margin-top:24px}:host::ng-deep .pagination-div .ant-pagination li{background:transparent;border:none}:host::ng-deep .pagination-div .ant-pagination-item-active{background:transparent;border:1px solid var(--rd-copy-brand)!important;border-radius:4px;color:var(--rd-copy-brand)!important}:host::ng-deep .pagination-div .ant-pagination-item{height:38px;margin-right:16px;min-width:32px;margin-top:3px}:host::ng-deep .pagination-div .ant-pagination-item a{font-size:12px;font-weight:500;color:var(--rd-copy-secondary);min-width:24px;outline:none}:host::ng-deep .pagination-div .ant-pagination-prev{margin-right:16px}:host::ng-deep .pagination-div .ant-pagination-item-active a{border-radius:4px;color:var(--rd-copy-brand)}:host::ng-deep .pagination-div .ant-select:not(.ant-select-customize-input) .ant-select-selector{border:unset;border-radius:8px;text-align:left;padding:0;box-shadow:none!important;background:transparent!important}:host::ng-deep .pagination-div .ant-pagination-item-link{border-radius:50%;color:var(--rd-copy-inverse);border:unset;outline:none;height:32px;width:32px;position:relative}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon{vertical-align:-5px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon svg{width:18px;height:18px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-left{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-right{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link:hover{box-shadow:0 1px 4px #00000040;color:var(--rd-copy-inverse)!important}:host::ng-deep .pagination-div .ant-pagination-prev .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjMzMzQgMi41TDYuNjY2NzUgMTBMMTMuMzMzNCAxNy41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-pagination-next .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjY2NzUgMTcuNUwxMy4zMzM0IDEwTDYuNjY2NzUgMi41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-select-arrow{display:none}:host::ng-deep .pagination-div .ant-select-selection-item{text-align:center;font-weight:500}:host::ng-deep .pagination-div .ant-select-single .ant-select-selector .ant-select-selection-item{position:relative}:host::ng-deep .pagination-div .ant-select-single.ant-select-open .ant-select-selection-item{color:var(--rd-copy-primary)}:host::ng-deep .pagination-div a{text-decoration:none!important}:host::ng-deep .pagination-select-size{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:var(--rd-input-bg-default);border-radius:4px;border:1px solid var(--rd-input-fg-default);margin-right:16px;font-size:12px;font-weight:500;height:32px;color:var(--rd-copy-primary);padding:0 12px;min-width:70px}:host::ng-deep .pagination-select-size .ant-select-arrow{display:flex;margin-left:auto;color:var(--rd-copy-primary)}:host::ng-deep .pagination-select-size .anticon{font-size:12px}::ng-deep .paginator-select .ant-select-dropdown{border-radius:8px;font-weight:500;color:var(--rd-copy-secondary);padding-top:0;padding-bottom:0;text-align:center;box-shadow:0 1px 4px #0000001a}::ng-deep .paginator-select .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:var(--rd-bg-panel);font-weight:500;text-align:center;color:var(--rd-copy-primary)}::ng-deep .paginator-select .ant-select-item-option-active:not(.ant-select-item-option-disabled){background-color:var(--rd-bg-card)}::ng-deep .paginator-select .ant-select-item{font-size:12px;font-weight:500}::ng-deep .paginator-select .ant-select-selection-item{text-align:left!important}::ng-deep .pagination-div .ant-pagination-item-active a{color:var(--rd-copy-brand)!important}::ng-deep .ant-pagination{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px!important;margin-top:0!important;line-height:32px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { lang: [{
                 type: Input
             }], pageIndex: [{

package/fesm2015/rd-outer-component.mjs

@@ -673,7 +673,7 @@ CustomInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             useExisting: forwardRef(() => CustomInputComponent),
             multi: true,
         },
-    ], 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);background-color:var(--rd-input-bg-default);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{background:var(--rd-input-bg-disable);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: 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$1.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$1.TranslatePipe, name: "translate" }] });
+    ], 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:transparent;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);background-color:var(--rd-input-bg-default);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{background:var(--rd-input-bg-disable);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: 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$1.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$1.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-rd-input', providers: [
@@ -687,7 +687,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             useExisting: forwardRef(() => CustomInputComponent),
                             multi: true,
                         },
-                    ], 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);background-color:var(--rd-input-bg-default);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{background:var(--rd-input-bg-disable);color:var(--rd-copy-disable)}.rd-form-number-item.rd-error{border-color:var(--rd-input-fg-danger)}\n"] }]
+                    ], 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:transparent;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);background-color:var(--rd-input-bg-default);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{background:var(--rd-input-bg-disable);color:var(--rd-copy-disable)}.rd-form-number-item.rd-error{border-color:var(--rd-input-fg-danger)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }]; }, propDecorators: { label: [{
                 type: Input
             }], symbol: [{
@@ -2974,10 +2974,10 @@ class CustomPaginatorComponent {
     }
 }
 CustomPaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CustomPaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomPaginatorComponent, selector: "app-rd-pagination", inputs: { lang: "lang", pageIndex: "pageIndex", pageSize: "pageSize", currentTotalSize: "currentTotalSize", totalSize: "totalSize", specilMargin: "specilMargin", showLeftPageDorp: "showLeftPageDorp", isWhiteBg: "isWhiteBg", totalItemsText: "totalItemsText", pageText: "pageText" }, outputs: { changePageSize: "changePageSize", changePageIndex: "changePageIndex" }, ngImport: i0, template: "<div *ngIf=\"currentTotalSize > 0\" class=\"pagination-div\" nz-row>\n  <div class=\"pagination-total\">\n    <ng-container *ngIf=\"lang === 'en'\">\n      {{ \"Total \" + totalSize + \" items\" }}\n    </ng-container>\n    <ng-container *ngIf=\"lang === 'zh'\">\n      {{ \"\u5171 \" + totalSize + \" \u9805\" }}\n    </ng-container>\n  </div>\n  <div class=\"pagination-cnt\" *ngIf=\"totalSize > 10\">\n    <nz-pagination\n      [nzTotal]=\"totalSize\"\n      [nzPageIndex]=\"pageIndex\"\n      [nzPageSize]=\"pageSize\"\n      (nzPageIndexChange)=\"nzPageIndexChange($event)\"\n    ></nz-pagination>\n  </div>\n  <div\n    *ngIf=\"totalSize > 0 && totalSize > 10 && showLeftPageDorp\"\n    class=\"pagination-select\"\n  >\n    <nz-select\n      [(ngModel)]=\"pageSize\"\n      class=\"pagination-select-size\"\n      (ngModelChange)=\"nzPageSizeChange(pageSize)\"\n      [nzDropdownClassName]=\"'paginator-select'\"\n    >\n      <nz-option [nzValue]=\"10\" nzLabel=\"10\"></nz-option>\n      <nz-option [nzValue]=\"25\" nzLabel=\"25\"></nz-option>\n      <nz-option [nzValue]=\"50\" nzLabel=\"50\"></nz-option>\n      <nz-option [nzValue]=\"100\" nzLabel=\"100\"></nz-option>\n    </nz-select>\n    <span class=\"page-text\"\n      >/\n      <ng-container *ngIf=\"lang === 'en'\"> Page </ng-container>\n      <ng-container *ngIf=\"lang === 'zh'\"> \u9801\u9762 </ng-container>\n    </span>\n  </div>\n</div>\n", styles: [":host::ng-deep .pagination-div{display:flex;justify-content:space-between;height:56px;padding:12px 0;border-top:1px solid var(--rd-bg-panel-border)}:host::ng-deep .pagination-div .pagination-total{font-size:12px;font-weight:500;line-height:32px;color:var(--rd-copy-primary)}:host::ng-deep .pagination-div .pagination-select{display:flex;align-items:center}:host::ng-deep .pagination-div .pagination-select .page-text{margin-left:4px;color:var(--rd-copy-primary)}:host::ng-deep .pagination-div .pagination-cnt{height:32px;line-height:32px;margin:0 auto;font-size:12px;font-weight:500;color:var(--rd-copy-primary)}:host::ng-deep .pagination-div .ant-select-item{padding-left:24px!important}:host::ng-deep .pagination-div .ant-select-item-option{padding-left:24px!important}:host::ng-deep .pagination-div .ant-table-pagination .ant-pagination{padding:16px 44px;position:absolute;right:0;margin-top:24px}:host::ng-deep .pagination-div .ant-pagination li{background:transparent;border:none}:host::ng-deep .pagination-div .ant-pagination-item-active{background:transparent;border:1px solid var(--rd-copy-brand)!important;border-radius:4px;color:var(--rd-copy-brand)!important}:host::ng-deep .pagination-div .ant-pagination-item{height:38px;margin-right:16px;min-width:32px;margin-top:3px}:host::ng-deep .pagination-div .ant-pagination-item a{font-size:12px;font-weight:500;color:var(--rd-copy-secondary);min-width:24px;outline:none}:host::ng-deep .pagination-div .ant-pagination-prev{margin-right:16px}:host::ng-deep .pagination-div .ant-pagination-item-active a{border-radius:4px;color:var(--rd-copy-brand)}:host::ng-deep .pagination-div .ant-select:not(.ant-select-customize-input) .ant-select-selector{border:unset;border-radius:8px;text-align:left;padding:0;box-shadow:none!important}:host::ng-deep .pagination-div .ant-pagination-item-link{border-radius:50%;color:var(--rd-copy-inverse);border:unset;outline:none;height:32px;width:32px;position:relative}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon{vertical-align:-5px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon svg{width:18px;height:18px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-left{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-right{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link:hover{box-shadow:0 1px 4px #00000040;color:var(--rd-copy-inverse)!important}:host::ng-deep .pagination-div .ant-pagination-prev .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjMzMzQgMi41TDYuNjY2NzUgMTBMMTMuMzMzNCAxNy41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-pagination-next .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjY2NzUgMTcuNUwxMy4zMzM0IDEwTDYuNjY2NzUgMi41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-select-arrow{display:none}:host::ng-deep .pagination-div .ant-select-selection-item{text-align:center;font-weight:500}:host::ng-deep .pagination-div .ant-select-single .ant-select-selector .ant-select-selection-item{position:relative}:host::ng-deep .pagination-div .ant-select-single.ant-select-open .ant-select-selection-item{color:var(--rd-copy-primary)}:host::ng-deep .pagination-div a{text-decoration:none!important}:host::ng-deep .pagination-select-size{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:var(--rd-input-bg-default);border-radius:4px;border:1px solid var(--rd-input-fg-default);margin-right:16px;font-size:12px;font-weight:500;height:32px;color:var(--rd-copy-primary);padding:0 12px;min-width:70px}:host::ng-deep .pagination-select-size .ant-select-arrow{display:flex;margin-left:auto;color:var(--rd-copy-primary)}:host::ng-deep .pagination-select-size .anticon{font-size:12px}::ng-deep .paginator-select .ant-select-dropdown{border-radius:8px;font-weight:500;color:var(--rd-copy-secondary);padding-top:0;padding-bottom:0;text-align:center;box-shadow:0 1px 4px #0000001a}::ng-deep .paginator-select .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:var(--rd-bg-panel);font-weight:500;text-align:center;color:var(--rd-copy-primary)}::ng-deep .paginator-select .ant-select-item-option-active:not(.ant-select-item-option-disabled){background-color:var(--rd-bg-card)}::ng-deep .paginator-select .ant-select-item{font-size:12px;font-weight:500}::ng-deep .paginator-select .ant-select-selection-item{text-align:left!important}::ng-deep .pagination-div .ant-pagination-item-active a{color:var(--rd-copy-brand)!important}::ng-deep .ant-pagination{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px!important;margin-top:0!important;line-height:32px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i2$1.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { 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$5.NzPaginationComponent, selector: "nz-pagination", inputs: ["nzShowTotal", "nzItemRender", "nzSize", "nzPageSizeOptions", "nzShowSizeChanger", "nzShowQuickJumper", "nzSimple", "nzDisabled", "nzResponsive", "nzHideOnSinglePage", "nzTotal", "nzPageIndex", "nzPageSize"], outputs: ["nzPageSizeChange", "nzPageIndexChange"], exportAs: ["nzPagination"] }, { kind: "directive", type: i5$1.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }] });
+CustomPaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomPaginatorComponent, selector: "app-rd-pagination", inputs: { lang: "lang", pageIndex: "pageIndex", pageSize: "pageSize", currentTotalSize: "currentTotalSize", totalSize: "totalSize", specilMargin: "specilMargin", showLeftPageDorp: "showLeftPageDorp", isWhiteBg: "isWhiteBg", totalItemsText: "totalItemsText", pageText: "pageText" }, outputs: { changePageSize: "changePageSize", changePageIndex: "changePageIndex" }, ngImport: i0, template: "<div *ngIf=\"currentTotalSize > 0\" class=\"pagination-div\" nz-row>\n  <div class=\"pagination-total\">\n    <ng-container *ngIf=\"lang === 'en'\">\n      {{ \"Total \" + totalSize + \" items\" }}\n    </ng-container>\n    <ng-container *ngIf=\"lang === 'zh'\">\n      {{ \"\u5171 \" + totalSize + \" \u9805\" }}\n    </ng-container>\n  </div>\n  <div class=\"pagination-cnt\" *ngIf=\"totalSize > 10\">\n    <nz-pagination\n      [nzTotal]=\"totalSize\"\n      [nzPageIndex]=\"pageIndex\"\n      [nzPageSize]=\"pageSize\"\n      (nzPageIndexChange)=\"nzPageIndexChange($event)\"\n    ></nz-pagination>\n  </div>\n  <div\n    *ngIf=\"totalSize > 0 && totalSize > 10 && showLeftPageDorp\"\n    class=\"pagination-select\"\n  >\n    <nz-select\n      [(ngModel)]=\"pageSize\"\n      class=\"pagination-select-size\"\n      (ngModelChange)=\"nzPageSizeChange(pageSize)\"\n      [nzDropdownClassName]=\"'paginator-select'\"\n    >\n      <nz-option [nzValue]=\"10\" nzLabel=\"10\"></nz-option>\n      <nz-option [nzValue]=\"25\" nzLabel=\"25\"></nz-option>\n      <nz-option [nzValue]=\"50\" nzLabel=\"50\"></nz-option>\n      <nz-option [nzValue]=\"100\" nzLabel=\"100\"></nz-option>\n    </nz-select>\n    <span class=\"page-text\"\n      >/\n      <ng-container *ngIf=\"lang === 'en'\"> Page </ng-container>\n      <ng-container *ngIf=\"lang === 'zh'\"> \u9801\u9762 </ng-container>\n    </span>\n  </div>\n</div>\n", styles: [":host::ng-deep .pagination-div{display:flex;justify-content:space-between;height:56px;padding:12px 0;border-top:1px solid var(--rd-bg-panel-border)}:host::ng-deep .pagination-div .pagination-total{font-size:12px;font-weight:500;line-height:32px;color:var(--rd-copy-primary)}:host::ng-deep .pagination-div .pagination-select{display:flex;align-items:center}:host::ng-deep .pagination-div .pagination-select .page-text{margin-left:4px;color:var(--rd-copy-primary)}:host::ng-deep .pagination-div .pagination-cnt{height:32px;line-height:32px;margin:0 auto;font-size:12px;font-weight:500;color:var(--rd-copy-primary)}:host::ng-deep .pagination-div .ant-select-item{padding-left:24px!important}:host::ng-deep .pagination-div .ant-select-item-option{padding-left:24px!important}:host::ng-deep .pagination-div .ant-table-pagination .ant-pagination{padding:16px 44px;position:absolute;right:0;margin-top:24px}:host::ng-deep .pagination-div .ant-pagination li{background:transparent;border:none}:host::ng-deep .pagination-div .ant-pagination-item-active{background:transparent;border:1px solid var(--rd-copy-brand)!important;border-radius:4px;color:var(--rd-copy-brand)!important}:host::ng-deep .pagination-div .ant-pagination-item{height:38px;margin-right:16px;min-width:32px;margin-top:3px}:host::ng-deep .pagination-div .ant-pagination-item a{font-size:12px;font-weight:500;color:var(--rd-copy-secondary);min-width:24px;outline:none}:host::ng-deep .pagination-div .ant-pagination-prev{margin-right:16px}:host::ng-deep .pagination-div .ant-pagination-item-active a{border-radius:4px;color:var(--rd-copy-brand)}:host::ng-deep .pagination-div .ant-select:not(.ant-select-customize-input) .ant-select-selector{border:unset;border-radius:8px;text-align:left;padding:0;box-shadow:none!important;background:transparent!important}:host::ng-deep .pagination-div .ant-pagination-item-link{border-radius:50%;color:var(--rd-copy-inverse);border:unset;outline:none;height:32px;width:32px;position:relative}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon{vertical-align:-5px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon svg{width:18px;height:18px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-left{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-right{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link:hover{box-shadow:0 1px 4px #00000040;color:var(--rd-copy-inverse)!important}:host::ng-deep .pagination-div .ant-pagination-prev .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjMzMzQgMi41TDYuNjY2NzUgMTBMMTMuMzMzNCAxNy41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-pagination-next .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjY2NzUgMTcuNUwxMy4zMzM0IDEwTDYuNjY2NzUgMi41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-select-arrow{display:none}:host::ng-deep .pagination-div .ant-select-selection-item{text-align:center;font-weight:500}:host::ng-deep .pagination-div .ant-select-single .ant-select-selector .ant-select-selection-item{position:relative}:host::ng-deep .pagination-div .ant-select-single.ant-select-open .ant-select-selection-item{color:var(--rd-copy-primary)}:host::ng-deep .pagination-div a{text-decoration:none!important}:host::ng-deep .pagination-select-size{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:var(--rd-input-bg-default);border-radius:4px;border:1px solid var(--rd-input-fg-default);margin-right:16px;font-size:12px;font-weight:500;height:32px;color:var(--rd-copy-primary);padding:0 12px;min-width:70px}:host::ng-deep .pagination-select-size .ant-select-arrow{display:flex;margin-left:auto;color:var(--rd-copy-primary)}:host::ng-deep .pagination-select-size .anticon{font-size:12px}::ng-deep .paginator-select .ant-select-dropdown{border-radius:8px;font-weight:500;color:var(--rd-copy-secondary);padding-top:0;padding-bottom:0;text-align:center;box-shadow:0 1px 4px #0000001a}::ng-deep .paginator-select .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:var(--rd-bg-panel);font-weight:500;text-align:center;color:var(--rd-copy-primary)}::ng-deep .paginator-select .ant-select-item-option-active:not(.ant-select-item-option-disabled){background-color:var(--rd-bg-card)}::ng-deep .paginator-select .ant-select-item{font-size:12px;font-weight:500}::ng-deep .paginator-select .ant-select-selection-item{text-align:left!important}::ng-deep .pagination-div .ant-pagination-item-active a{color:var(--rd-copy-brand)!important}::ng-deep .ant-pagination{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px!important;margin-top:0!important;line-height:32px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i2$1.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { 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$5.NzPaginationComponent, selector: "nz-pagination", inputs: ["nzShowTotal", "nzItemRender", "nzSize", "nzPageSizeOptions", "nzShowSizeChanger", "nzShowQuickJumper", "nzSimple", "nzDisabled", "nzResponsive", "nzHideOnSinglePage", "nzTotal", "nzPageIndex", "nzPageSize"], outputs: ["nzPageSizeChange", "nzPageIndexChange"], exportAs: ["nzPagination"] }, { kind: "directive", type: i5$1.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomPaginatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-rd-pagination', template: "<div *ngIf=\"currentTotalSize > 0\" class=\"pagination-div\" nz-row>\n  <div class=\"pagination-total\">\n    <ng-container *ngIf=\"lang === 'en'\">\n      {{ \"Total \" + totalSize + \" items\" }}\n    </ng-container>\n    <ng-container *ngIf=\"lang === 'zh'\">\n      {{ \"\u5171 \" + totalSize + \" \u9805\" }}\n    </ng-container>\n  </div>\n  <div class=\"pagination-cnt\" *ngIf=\"totalSize > 10\">\n    <nz-pagination\n      [nzTotal]=\"totalSize\"\n      [nzPageIndex]=\"pageIndex\"\n      [nzPageSize]=\"pageSize\"\n      (nzPageIndexChange)=\"nzPageIndexChange($event)\"\n    ></nz-pagination>\n  </div>\n  <div\n    *ngIf=\"totalSize > 0 && totalSize > 10 && showLeftPageDorp\"\n    class=\"pagination-select\"\n  >\n    <nz-select\n      [(ngModel)]=\"pageSize\"\n      class=\"pagination-select-size\"\n      (ngModelChange)=\"nzPageSizeChange(pageSize)\"\n      [nzDropdownClassName]=\"'paginator-select'\"\n    >\n      <nz-option [nzValue]=\"10\" nzLabel=\"10\"></nz-option>\n      <nz-option [nzValue]=\"25\" nzLabel=\"25\"></nz-option>\n      <nz-option [nzValue]=\"50\" nzLabel=\"50\"></nz-option>\n      <nz-option [nzValue]=\"100\" nzLabel=\"100\"></nz-option>\n    </nz-select>\n    <span class=\"page-text\"\n      >/\n      <ng-container *ngIf=\"lang === 'en'\"> Page </ng-container>\n      <ng-container *ngIf=\"lang === 'zh'\"> \u9801\u9762 </ng-container>\n    </span>\n  </div>\n</div>\n", styles: [":host::ng-deep .pagination-div{display:flex;justify-content:space-between;height:56px;padding:12px 0;border-top:1px solid var(--rd-bg-panel-border)}:host::ng-deep .pagination-div .pagination-total{font-size:12px;font-weight:500;line-height:32px;color:var(--rd-copy-primary)}:host::ng-deep .pagination-div .pagination-select{display:flex;align-items:center}:host::ng-deep .pagination-div .pagination-select .page-text{margin-left:4px;color:var(--rd-copy-primary)}:host::ng-deep .pagination-div .pagination-cnt{height:32px;line-height:32px;margin:0 auto;font-size:12px;font-weight:500;color:var(--rd-copy-primary)}:host::ng-deep .pagination-div .ant-select-item{padding-left:24px!important}:host::ng-deep .pagination-div .ant-select-item-option{padding-left:24px!important}:host::ng-deep .pagination-div .ant-table-pagination .ant-pagination{padding:16px 44px;position:absolute;right:0;margin-top:24px}:host::ng-deep .pagination-div .ant-pagination li{background:transparent;border:none}:host::ng-deep .pagination-div .ant-pagination-item-active{background:transparent;border:1px solid var(--rd-copy-brand)!important;border-radius:4px;color:var(--rd-copy-brand)!important}:host::ng-deep .pagination-div .ant-pagination-item{height:38px;margin-right:16px;min-width:32px;margin-top:3px}:host::ng-deep .pagination-div .ant-pagination-item a{font-size:12px;font-weight:500;color:var(--rd-copy-secondary);min-width:24px;outline:none}:host::ng-deep .pagination-div .ant-pagination-prev{margin-right:16px}:host::ng-deep .pagination-div .ant-pagination-item-active a{border-radius:4px;color:var(--rd-copy-brand)}:host::ng-deep .pagination-div .ant-select:not(.ant-select-customize-input) .ant-select-selector{border:unset;border-radius:8px;text-align:left;padding:0;box-shadow:none!important}:host::ng-deep .pagination-div .ant-pagination-item-link{border-radius:50%;color:var(--rd-copy-inverse);border:unset;outline:none;height:32px;width:32px;position:relative}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon{vertical-align:-5px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon svg{width:18px;height:18px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-left{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-right{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link:hover{box-shadow:0 1px 4px #00000040;color:var(--rd-copy-inverse)!important}:host::ng-deep .pagination-div .ant-pagination-prev .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjMzMzQgMi41TDYuNjY2NzUgMTBMMTMuMzMzNCAxNy41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-pagination-next .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjY2NzUgMTcuNUwxMy4zMzM0IDEwTDYuNjY2NzUgMi41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-select-arrow{display:none}:host::ng-deep .pagination-div .ant-select-selection-item{text-align:center;font-weight:500}:host::ng-deep .pagination-div .ant-select-single .ant-select-selector .ant-select-selection-item{position:relative}:host::ng-deep .pagination-div .ant-select-single.ant-select-open .ant-select-selection-item{color:var(--rd-copy-primary)}:host::ng-deep .pagination-div a{text-decoration:none!important}:host::ng-deep .pagination-select-size{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:var(--rd-input-bg-default);border-radius:4px;border:1px solid var(--rd-input-fg-default);margin-right:16px;font-size:12px;font-weight:500;height:32px;color:var(--rd-copy-primary);padding:0 12px;min-width:70px}:host::ng-deep .pagination-select-size .ant-select-arrow{display:flex;margin-left:auto;color:var(--rd-copy-primary)}:host::ng-deep .pagination-select-size .anticon{font-size:12px}::ng-deep .paginator-select .ant-select-dropdown{border-radius:8px;font-weight:500;color:var(--rd-copy-secondary);padding-top:0;padding-bottom:0;text-align:center;box-shadow:0 1px 4px #0000001a}::ng-deep .paginator-select .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:var(--rd-bg-panel);font-weight:500;text-align:center;color:var(--rd-copy-primary)}::ng-deep .paginator-select .ant-select-item-option-active:not(.ant-select-item-option-disabled){background-color:var(--rd-bg-card)}::ng-deep .paginator-select .ant-select-item{font-size:12px;font-weight:500}::ng-deep .paginator-select .ant-select-selection-item{text-align:left!important}::ng-deep .pagination-div .ant-pagination-item-active a{color:var(--rd-copy-brand)!important}::ng-deep .ant-pagination{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px!important;margin-top:0!important;line-height:32px}\n"] }]
+            args: [{ selector: 'app-rd-pagination', template: "<div *ngIf=\"currentTotalSize > 0\" class=\"pagination-div\" nz-row>\n  <div class=\"pagination-total\">\n    <ng-container *ngIf=\"lang === 'en'\">\n      {{ \"Total \" + totalSize + \" items\" }}\n    </ng-container>\n    <ng-container *ngIf=\"lang === 'zh'\">\n      {{ \"\u5171 \" + totalSize + \" \u9805\" }}\n    </ng-container>\n  </div>\n  <div class=\"pagination-cnt\" *ngIf=\"totalSize > 10\">\n    <nz-pagination\n      [nzTotal]=\"totalSize\"\n      [nzPageIndex]=\"pageIndex\"\n      [nzPageSize]=\"pageSize\"\n      (nzPageIndexChange)=\"nzPageIndexChange($event)\"\n    ></nz-pagination>\n  </div>\n  <div\n    *ngIf=\"totalSize > 0 && totalSize > 10 && showLeftPageDorp\"\n    class=\"pagination-select\"\n  >\n    <nz-select\n      [(ngModel)]=\"pageSize\"\n      class=\"pagination-select-size\"\n      (ngModelChange)=\"nzPageSizeChange(pageSize)\"\n      [nzDropdownClassName]=\"'paginator-select'\"\n    >\n      <nz-option [nzValue]=\"10\" nzLabel=\"10\"></nz-option>\n      <nz-option [nzValue]=\"25\" nzLabel=\"25\"></nz-option>\n      <nz-option [nzValue]=\"50\" nzLabel=\"50\"></nz-option>\n      <nz-option [nzValue]=\"100\" nzLabel=\"100\"></nz-option>\n    </nz-select>\n    <span class=\"page-text\"\n      >/\n      <ng-container *ngIf=\"lang === 'en'\"> Page </ng-container>\n      <ng-container *ngIf=\"lang === 'zh'\"> \u9801\u9762 </ng-container>\n    </span>\n  </div>\n</div>\n", styles: [":host::ng-deep .pagination-div{display:flex;justify-content:space-between;height:56px;padding:12px 0;border-top:1px solid var(--rd-bg-panel-border)}:host::ng-deep .pagination-div .pagination-total{font-size:12px;font-weight:500;line-height:32px;color:var(--rd-copy-primary)}:host::ng-deep .pagination-div .pagination-select{display:flex;align-items:center}:host::ng-deep .pagination-div .pagination-select .page-text{margin-left:4px;color:var(--rd-copy-primary)}:host::ng-deep .pagination-div .pagination-cnt{height:32px;line-height:32px;margin:0 auto;font-size:12px;font-weight:500;color:var(--rd-copy-primary)}:host::ng-deep .pagination-div .ant-select-item{padding-left:24px!important}:host::ng-deep .pagination-div .ant-select-item-option{padding-left:24px!important}:host::ng-deep .pagination-div .ant-table-pagination .ant-pagination{padding:16px 44px;position:absolute;right:0;margin-top:24px}:host::ng-deep .pagination-div .ant-pagination li{background:transparent;border:none}:host::ng-deep .pagination-div .ant-pagination-item-active{background:transparent;border:1px solid var(--rd-copy-brand)!important;border-radius:4px;color:var(--rd-copy-brand)!important}:host::ng-deep .pagination-div .ant-pagination-item{height:38px;margin-right:16px;min-width:32px;margin-top:3px}:host::ng-deep .pagination-div .ant-pagination-item a{font-size:12px;font-weight:500;color:var(--rd-copy-secondary);min-width:24px;outline:none}:host::ng-deep .pagination-div .ant-pagination-prev{margin-right:16px}:host::ng-deep .pagination-div .ant-pagination-item-active a{border-radius:4px;color:var(--rd-copy-brand)}:host::ng-deep .pagination-div .ant-select:not(.ant-select-customize-input) .ant-select-selector{border:unset;border-radius:8px;text-align:left;padding:0;box-shadow:none!important;background:transparent!important}:host::ng-deep .pagination-div .ant-pagination-item-link{border-radius:50%;color:var(--rd-copy-inverse);border:unset;outline:none;height:32px;width:32px;position:relative}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon{vertical-align:-5px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon svg{width:18px;height:18px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-left{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-right{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link:hover{box-shadow:0 1px 4px #00000040;color:var(--rd-copy-inverse)!important}:host::ng-deep .pagination-div .ant-pagination-prev .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjMzMzQgMi41TDYuNjY2NzUgMTBMMTMuMzMzNCAxNy41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-pagination-next .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjY2NzUgMTcuNUwxMy4zMzM0IDEwTDYuNjY2NzUgMi41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-select-arrow{display:none}:host::ng-deep .pagination-div .ant-select-selection-item{text-align:center;font-weight:500}:host::ng-deep .pagination-div .ant-select-single .ant-select-selector .ant-select-selection-item{position:relative}:host::ng-deep .pagination-div .ant-select-single.ant-select-open .ant-select-selection-item{color:var(--rd-copy-primary)}:host::ng-deep .pagination-div a{text-decoration:none!important}:host::ng-deep .pagination-select-size{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:var(--rd-input-bg-default);border-radius:4px;border:1px solid var(--rd-input-fg-default);margin-right:16px;font-size:12px;font-weight:500;height:32px;color:var(--rd-copy-primary);padding:0 12px;min-width:70px}:host::ng-deep .pagination-select-size .ant-select-arrow{display:flex;margin-left:auto;color:var(--rd-copy-primary)}:host::ng-deep .pagination-select-size .anticon{font-size:12px}::ng-deep .paginator-select .ant-select-dropdown{border-radius:8px;font-weight:500;color:var(--rd-copy-secondary);padding-top:0;padding-bottom:0;text-align:center;box-shadow:0 1px 4px #0000001a}::ng-deep .paginator-select .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:var(--rd-bg-panel);font-weight:500;text-align:center;color:var(--rd-copy-primary)}::ng-deep .paginator-select .ant-select-item-option-active:not(.ant-select-item-option-disabled){background-color:var(--rd-bg-card)}::ng-deep .paginator-select .ant-select-item{font-size:12px;font-weight:500}::ng-deep .paginator-select .ant-select-selection-item{text-align:left!important}::ng-deep .pagination-div .ant-pagination-item-active a{color:var(--rd-copy-brand)!important}::ng-deep .ant-pagination{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px!important;margin-top:0!important;line-height:32px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { lang: [{
                 type: Input
             }], pageIndex: [{