rd-outer-component 0.1.48 → 0.1.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/esm2020/lib/modules/custom-date/custom-date.component.mjs +3 -3
  2. package/esm2020/lib/modules/custom-date/custom-date.module.mjs +7 -3
  3. package/esm2020/lib/modules/custom-filter/custom-filter-input/custom-filter-input.component.mjs +12 -10
  4. package/esm2020/lib/modules/custom-filter/custom-filter-select/custom-filter-select.component.mjs +12 -10
  5. package/esm2020/lib/modules/custom-filter/custom-filter-select/custom-filter-select.module.mjs +7 -3
  6. package/esm2020/lib/modules/custom-filter/custom-filter.module.mjs +7 -3
  7. package/esm2020/lib/modules/custom-select/rd-select.component.mjs +3 -3
  8. package/esm2020/lib/modules/custom-textarea/custom-textarea.component.mjs +3 -3
  9. package/esm2020/lib/modules/rd-phone/rd-phone.component.mjs +4 -3
  10. package/esm2020/lib/modules/rd-remark-history/rd-remark-history.component.mjs +3 -3
  11. package/esm2020/lib/modules/rd-select-value/rd-select-value.component.mjs +3 -3
  12. package/esm2020/lib/modules/rd-switch/rd-switch.component.mjs +3 -3
  13. package/fesm2015/rd-outer-component.mjs +85 -74
  14. package/fesm2015/rd-outer-component.mjs.map +1 -1
  15. package/fesm2020/rd-outer-component.mjs +85 -74
  16. package/fesm2020/rd-outer-component.mjs.map +1 -1
  17. package/lib/modules/custom-date/custom-date.module.d.ts +2 -1
  18. package/lib/modules/custom-filter/custom-filter-input/custom-filter-input.component.d.ts +3 -0
  19. package/lib/modules/custom-filter/custom-filter-select/custom-filter-select.component.d.ts +3 -0
  20. package/lib/modules/custom-filter/custom-filter-select/custom-filter-select.module.d.ts +2 -1
  21. package/lib/modules/custom-filter/custom-filter.module.d.ts +2 -1
  22. package/package.json +1 -1
package/fesm2015/rd-outer-component.mjs CHANGED
@@ -2,11 +2,11 @@ import * as i0 from '@angular/core';
2
2
  import { EventEmitter, forwardRef, Component, Input, Output, NgModule, ViewChild, ChangeDetectionStrategy, HostListener, ViewEncapsulation, createComponent, Injectable, Optional, SkipSelf, HostBinding, Pipe } from '@angular/core';
3
3
  import * as i3 from '@angular/forms';
4
4
  import { NG_VALUE_ACCESSOR, ReactiveFormsModule, FormsModule, NG_VALIDATORS, FormControl, Validators } from '@angular/forms';
5
- import * as i1 from '@angular/common';
5
+ import * as i2 from '@angular/common';
6
6
  import { CommonModule, formatDate } from '@angular/common';
7
7
  import * as i9 from 'ng-zorro-antd/checkbox';
8
8
  import { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
9
- import * as i1$1 from '@ngx-translate/core';
9
+ import * as i1 from '@ngx-translate/core';
10
10
  import { TranslateModule } from '@ngx-translate/core';
11
11
  import * as i4 from 'ng-zorro-antd/date-picker';
12
12
  import { NzDatePickerModule } from 'ng-zorro-antd/date-picker';
@@ -20,34 +20,34 @@ import * as i4$3 from 'ng-zorro-antd/spin';
20
20
  import { NzSpinModule } from 'ng-zorro-antd/spin';
21
21
  import * as i9$1 from 'ng-zorro-antd/radio';
22
22
  import { NzRadioModule } from 'ng-zorro-antd/radio';
23
- import * as i2$1 from 'ng-zorro-antd/select';
23
+ import * as i4$4 from 'ng-zorro-antd/select';
24
24
  import { NzSelectModule } from 'ng-zorro-antd/select';
25
25
  import * as i7 from 'ng-zorro-antd/drawer';
26
26
  import { NzDrawerModule } from 'ng-zorro-antd/drawer';
27
27
  import * as i3$1 from 'ng-zorro-antd/core/transition-patch';
28
28
  import * as i11 from 'ng-zorro-antd/modal';
29
29
  import { NzModalModule } from 'ng-zorro-antd/modal';
30
- import * as i2 from 'ng-zorro-antd/button';
30
+ import * as i2$1 from 'ng-zorro-antd/button';
31
31
  import { NzButtonModule } from 'ng-zorro-antd/button';
32
32
  import * as i4$2 from 'ng-zorro-antd/core/wave';
33
33
  import { NzIconModule } from 'ng-zorro-antd/icon';
34
34
  import * as i6 from 'ng-zorro-antd/avatar';
35
35
  import { NzAvatarModule } from 'ng-zorro-antd/avatar';
36
- import * as i4$4 from 'ng-zorro-antd/cascader';
36
+ import * as i4$5 from 'ng-zorro-antd/cascader';
37
37
  import { NzCascaderModule } from 'ng-zorro-antd/cascader';
38
38
  import { NzListModule } from 'ng-zorro-antd/list';
39
39
  import { NzDropDownModule } from 'ng-zorro-antd/dropdown';
40
40
  import { differenceInCalendarDays } from 'date-fns';
41
41
  import { __decorate, __awaiter } from 'tslib';
42
- import * as i4$5 from 'ng-zorro-antd/pagination';
42
+ import * as i4$6 from 'ng-zorro-antd/pagination';
43
43
  import { NzPaginationModule } from 'ng-zorro-antd/pagination';
44
44
  import * as i5$1 from 'ng-zorro-antd/grid';
45
45
  import { NzGridModule } from 'ng-zorro-antd/grid';
46
- import * as i1$2 from 'ng-zorro-antd/notification';
46
+ import * as i1$1 from 'ng-zorro-antd/notification';
47
47
  import { NzNotificationModule } from 'ng-zorro-antd/notification';
48
48
  import { Subject, isObservable, of } from 'rxjs';
49
49
  import lottie from 'lottie-web';
50
- import * as i4$6 from 'ng-zorro-antd/switch';
50
+ import * as i4$7 from 'ng-zorro-antd/switch';
51
51
  import { NzSwitchModule } from 'ng-zorro-antd/switch';
52
52
  import * as i5$2 from 'ng-zorro-antd/tooltip';
53
53
  import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
@@ -100,7 +100,7 @@ CustomCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
100
100
  useExisting: forwardRef(() => CustomCheckboxComponent),
101
101
  multi: true,
102
102
  },
103
- ], ngImport: i0, template: "<div>\n <div\n class=\"rd-form-item-check\"\n [ngClass]=\"{\n disabled: disabled,\n isBpn: type === 'isBpn',\n }\"\n >\n <div class=\"rd-form-item-check-label\">{{ label }}</div>\n <nz-checkbox-group\n [(ngModel)]=\"options\"\n (ngModelChange)=\"handleValueChange($event)\"\n ></nz-checkbox-group>\n </div>\n</div>\n", styles: ["::ng-deep .rd-form-item-check .ant-checkbox-group{display:flex}::ng-deep .rd-form-item-check .ant-checkbox-group label{flex:1;color:var(--rd-copy-primary);font-size:14px;font-weight:400;line-height:22px}::ng-deep .rd-form-item-check .ant-checkbox-group .ant-checkbox-inner{border-radius:var(--rd-control-radius);background-color:var(--rd-control-input-empty);border:1px solid var(--rd-control-border-empty)}::ng-deep .rd-form-item-check .ant-checkbox-group .ant-checkbox-checked .ant-checkbox-inner{background-color:var(--rd-control-input-selected)!important;border:none!important}::ng-deep .rd-form-item-check .ant-checkbox-group .ant-checkbox-checked .ant-checkbox-inner:after{border:2px solid var(--rd-copy-inverse);border-top:0;border-left:0}::ng-deep .rd-form-item-check .ant-checkbox-group .ant-checkbox-checked:after{border-radius:var(--rd-control-radius)}::ng-deep .rd-form-item-check.isBpn .ant-checkbox-group label{color:var(--rd-copy-secondary);font-size:14px;font-weight:400;line-height:22px}::ng-deep .rd-form-item-check.isBpn .ant-checkbox-inner{width:16px;height:16px;border:1px solid var(--rd-control-border-empty);border-radius:var(--rd-control-radius);background:var(--rd-control-input-empty)}::ng-deep .rd-form-item-check.isBpn .ant-checkbox-checked .ant-checkbox-inner{background:var(--rd-copy-primary)!important;border-color:var(--rd-copy-primary)!important}::ng-deep .rd-form-item-check.isBpn .ant-checkbox-checked .ant-checkbox-inner:after{border-color:var(--rd-copy-inverse)}:host .rd-form-item-check{position:relative;background-color:transparent;width:100%}:host .rd-form-item-check-label{font-size:14px;font-weight:500;color:var(--rd-copy-primary)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: i9.NzCheckboxGroupComponent, selector: "nz-checkbox-group", inputs: ["nzDisabled"], exportAs: ["nzCheckboxGroup"] }] });
103
+ ], ngImport: i0, template: "<div>\n <div\n class=\"rd-form-item-check\"\n [ngClass]=\"{\n disabled: disabled,\n isBpn: type === 'isBpn',\n }\"\n >\n <div class=\"rd-form-item-check-label\">{{ label }}</div>\n <nz-checkbox-group\n [(ngModel)]=\"options\"\n (ngModelChange)=\"handleValueChange($event)\"\n ></nz-checkbox-group>\n </div>\n</div>\n", styles: ["::ng-deep .rd-form-item-check .ant-checkbox-group{display:flex}::ng-deep .rd-form-item-check .ant-checkbox-group label{flex:1;color:var(--rd-copy-primary);font-size:14px;font-weight:400;line-height:22px}::ng-deep .rd-form-item-check .ant-checkbox-group .ant-checkbox-inner{border-radius:var(--rd-control-radius);background-color:var(--rd-control-input-empty);border:1px solid var(--rd-control-border-empty)}::ng-deep .rd-form-item-check .ant-checkbox-group .ant-checkbox-checked .ant-checkbox-inner{background-color:var(--rd-control-input-selected)!important;border:none!important}::ng-deep .rd-form-item-check .ant-checkbox-group .ant-checkbox-checked .ant-checkbox-inner:after{border:2px solid var(--rd-copy-inverse);border-top:0;border-left:0}::ng-deep .rd-form-item-check .ant-checkbox-group .ant-checkbox-checked:after{border-radius:var(--rd-control-radius)}::ng-deep .rd-form-item-check.isBpn .ant-checkbox-group label{color:var(--rd-copy-secondary);font-size:14px;font-weight:400;line-height:22px}::ng-deep .rd-form-item-check.isBpn .ant-checkbox-inner{width:16px;height:16px;border:1px solid var(--rd-control-border-empty);border-radius:var(--rd-control-radius);background:var(--rd-control-input-empty)}::ng-deep .rd-form-item-check.isBpn .ant-checkbox-checked .ant-checkbox-inner{background:var(--rd-copy-primary)!important;border-color:var(--rd-copy-primary)!important}::ng-deep .rd-form-item-check.isBpn .ant-checkbox-checked .ant-checkbox-inner:after{border-color:var(--rd-copy-inverse)}:host .rd-form-item-check{position:relative;background-color:transparent;width:100%}:host .rd-form-item-check-label{font-size:14px;font-weight:500;color:var(--rd-copy-primary)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: i9.NzCheckboxGroupComponent, selector: "nz-checkbox-group", inputs: ["nzDisabled"], exportAs: ["nzCheckboxGroup"] }] });
104
104
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomCheckboxComponent, decorators: [{
105
105
  type: Component,
106
106
  args: [{ selector: 'app-rd-checkbox', providers: [
@@ -151,7 +151,7 @@ class FormItemComponent {
151
151
  }
152
152
  }
153
153
  FormItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
154
- FormItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FormItemComponent, selector: "app-rd-form-item", inputs: { errorMessage: "errorMessage", disabled: "disabled", label: "label", type: "type", focus: "focus", value: "value", size: "size" }, ngImport: i0, template: "<div\n class=\"rd-form-item\"\n [ngClass]=\"{\n 'rd-disabled': disabled,\n 'rd-error': !!errorMessage,\n 'rd-focus': focus,\n 'rd-has-value': !!value,\n 'rd-form-item-s': size === 'small',\n 'rd-form-item-normal': size === 'normal',\n }\"\n>\n <ng-content></ng-content>\n <div *ngIf=\"label\" class=\"rd-form-item-label\">{{ label }}</div>\n <svg\n *ngIf=\"isShowSelectIcon\"\n class=\"rd-form-item-select-icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"17\"\n viewBox=\"0 0 16 17\"\n fill=\"none\"\n >\n <path\n d=\"M3 5.83337L8 11.1667L13 5.83337\"\n [attr.stroke]=\"disabled ? 'var(--rd-copy-disable)' : 'var(--rd-copy-primary)'\"\n stroke-width=\"1.16667\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n</div>\n<div *ngIf=\"errorMessage\" class=\"rd-form-item-error\">\n <img src=\"/assets/img/icon/icon-error.svg\" />\n {{ errorMessage }}\n</div>\n", styles: [":host .rd-form-item{position:relative;border-radius:12px;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;font-size:14px;line-height:1;padding:0;transition:all .3s cubic-bezier(.645,.045,.355,1)}:host .rd-form-item.rd-form-item-normal{min-height:64px}:host .rd-form-item.rd-form-item-s{height:40px}:host .rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}:host .rd-form-item.rd-disabled .rd-form-item-label,:host .rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}:host .rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}:host .rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}:host .rd-form-item.rd-focus{border:1px solid var(--rd-input-fg-hover);box-shadow:0 0 0 2px #367af61a}:host .rd-form-item.rd-focus .rd-form-item-select-icon{transform:translateY(-50%) rotate(-180deg)}:host .rd-form-item.rd-form-item-normal.rd-focus .rd-form-item-label,:host .rd-form-item.rd-form-item-normal.rd-has-value .rd-form-item-label{top:16px;font-size:12px}:host .rd-form-item.rd-form-item-normal.rd-focus ::ng-deep .rd-form-item-select,:host .rd-form-item.rd-form-item-normal.rd-has-value ::ng-deep .rd-form-item-select{top:10px}:host .rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1;padding-right:30px}:host .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;transition:transform .2s ease}:host .rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}:host .rd-form-item-error img{width:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
154
+ FormItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FormItemComponent, selector: "app-rd-form-item", inputs: { errorMessage: "errorMessage", disabled: "disabled", label: "label", type: "type", focus: "focus", value: "value", size: "size" }, ngImport: i0, template: "<div\n class=\"rd-form-item\"\n [ngClass]=\"{\n 'rd-disabled': disabled,\n 'rd-error': !!errorMessage,\n 'rd-focus': focus,\n 'rd-has-value': !!value,\n 'rd-form-item-s': size === 'small',\n 'rd-form-item-normal': size === 'normal',\n }\"\n>\n <ng-content></ng-content>\n <div *ngIf=\"label\" class=\"rd-form-item-label\">{{ label }}</div>\n <svg\n *ngIf=\"isShowSelectIcon\"\n class=\"rd-form-item-select-icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"17\"\n viewBox=\"0 0 16 17\"\n fill=\"none\"\n >\n <path\n d=\"M3 5.83337L8 11.1667L13 5.83337\"\n [attr.stroke]=\"disabled ? 'var(--rd-copy-disable)' : 'var(--rd-copy-primary)'\"\n stroke-width=\"1.16667\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n</div>\n<div *ngIf=\"errorMessage\" class=\"rd-form-item-error\">\n <img src=\"/assets/img/icon/icon-error.svg\" />\n {{ errorMessage }}\n</div>\n", styles: [":host .rd-form-item{position:relative;border-radius:12px;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;font-size:14px;line-height:1;padding:0;transition:all .3s cubic-bezier(.645,.045,.355,1)}:host .rd-form-item.rd-form-item-normal{min-height:64px}:host .rd-form-item.rd-form-item-s{height:40px}:host .rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}:host .rd-form-item.rd-disabled .rd-form-item-label,:host .rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}:host .rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}:host .rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}:host .rd-form-item.rd-focus{border:1px solid var(--rd-input-fg-hover);box-shadow:0 0 0 2px #367af61a}:host .rd-form-item.rd-focus .rd-form-item-select-icon{transform:translateY(-50%) rotate(-180deg)}:host .rd-form-item.rd-form-item-normal.rd-focus .rd-form-item-label,:host .rd-form-item.rd-form-item-normal.rd-has-value .rd-form-item-label{top:16px;font-size:12px}:host .rd-form-item.rd-form-item-normal.rd-focus ::ng-deep .rd-form-item-select,:host .rd-form-item.rd-form-item-normal.rd-has-value ::ng-deep .rd-form-item-select{top:10px}:host .rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1;padding-right:30px}:host .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;transition:transform .2s ease}:host .rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}:host .rd-form-item-error img{width:16px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
155
155
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormItemComponent, decorators: [{
156
156
  type: Component,
157
157
  args: [{ selector: 'app-rd-form-item', template: "<div\n class=\"rd-form-item\"\n [ngClass]=\"{\n 'rd-disabled': disabled,\n 'rd-error': !!errorMessage,\n 'rd-focus': focus,\n 'rd-has-value': !!value,\n 'rd-form-item-s': size === 'small',\n 'rd-form-item-normal': size === 'normal',\n }\"\n>\n <ng-content></ng-content>\n <div *ngIf=\"label\" class=\"rd-form-item-label\">{{ label }}</div>\n <svg\n *ngIf=\"isShowSelectIcon\"\n class=\"rd-form-item-select-icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"17\"\n viewBox=\"0 0 16 17\"\n fill=\"none\"\n >\n <path\n d=\"M3 5.83337L8 11.1667L13 5.83337\"\n [attr.stroke]=\"disabled ? 'var(--rd-copy-disable)' : 'var(--rd-copy-primary)'\"\n stroke-width=\"1.16667\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n</div>\n<div *ngIf=\"errorMessage\" class=\"rd-form-item-error\">\n <img src=\"/assets/img/icon/icon-error.svg\" />\n {{ errorMessage }}\n</div>\n", styles: [":host .rd-form-item{position:relative;border-radius:12px;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;font-size:14px;line-height:1;padding:0;transition:all .3s cubic-bezier(.645,.045,.355,1)}:host .rd-form-item.rd-form-item-normal{min-height:64px}:host .rd-form-item.rd-form-item-s{height:40px}:host .rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}:host .rd-form-item.rd-disabled .rd-form-item-label,:host .rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}:host .rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}:host .rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}:host .rd-form-item.rd-focus{border:1px solid var(--rd-input-fg-hover);box-shadow:0 0 0 2px #367af61a}:host .rd-form-item.rd-focus .rd-form-item-select-icon{transform:translateY(-50%) rotate(-180deg)}:host .rd-form-item.rd-form-item-normal.rd-focus .rd-form-item-label,:host .rd-form-item.rd-form-item-normal.rd-has-value .rd-form-item-label{top:16px;font-size:12px}:host .rd-form-item.rd-form-item-normal.rd-focus ::ng-deep .rd-form-item-select,:host .rd-form-item.rd-form-item-normal.rd-has-value ::ng-deep .rd-form-item-select{top:10px}:host .rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1;padding-right:30px}:host .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;transition:transform .2s ease}:host .rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}:host .rd-form-item-error img{width:16px}\n"] }]
@@ -310,7 +310,7 @@ class CustomDateComponent {
310
310
  }, 0);
311
311
  }
312
312
  }
313
- CustomDateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomDateComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
313
+ CustomDateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomDateComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
314
314
  CustomDateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomDateComponent, selector: "app-rd-date", inputs: { disabled: "disabled", disabledDate: "disabledDate", label: "label", type: "type", required: "required", name: "name", placeholder: "placeholder", errorMessages: "errorMessages" }, providers: [
315
315
  {
316
316
  provide: NG_VALUE_ACCESSOR,
@@ -322,7 +322,7 @@ CustomDateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
322
322
  useExisting: forwardRef(() => CustomDateComponent),
323
323
  multi: true,
324
324
  },
325
- ], viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["datePicker"], descendants: true }], ngImport: i0, template: "<div [class.rd-date-ready]=\"isComponentReady\" class=\"rd-date-container\">\n <app-rd-form-item\n [disabled]=\"disabled\"\n [focus]=\"isFocus || isPickerOpen\"\n [type]=\"'date'\"\n [label]=\"label\"\n [value]=\"displayValue\"\n [errorMessage]=\"showError ? currentErrorMessage : ''\"\n (click)=\"openPicker()\"\n >\n <nz-range-picker\n *ngIf=\"type === 'range'\"\n [(ngModel)]=\"inputValue\"\n (ngModelChange)=\"onDateChange($event)\"\n (nzOnOpenChange)=\"onOpenChange($event)\"\n [nzFormat]=\"'dd/MM/yyyy'\"\n [nzShowTime]=\"false\"\n [nzAllowClear]=\"false\"\n [nzPlaceHolder]=\"['From', 'To']\"\n class=\"rd-form-item-date\"\n [nzDisabledDate]=\"disabledDate\"\n [nzDropdownClassName]=\"popupClassName\"\n [nzSeparator]=\"'-'\"\n [nzDisabled]=\"disabled\"\n nzSuffixIcon=\"\"\n #datePicker\n nzBorderless\n nzPlacement=\"bottomRight\"\n [nzInputReadOnly]=\"true\"\n [name]=\"name\"\n (nzFocus)=\"onFocus()\"\n (nzBlur)=\"onBlur()\"\n [ngClass]=\"{\n 'rd-form-item-date-hide': !inputValue?.length,\n }\"\n ></nz-range-picker>\n <nz-date-picker\n *ngIf=\"type === 'date'\"\n [(ngModel)]=\"inputValue\"\n (ngModelChange)=\"onDateChange($event)\"\n (nzOnOpenChange)=\"onOpenChange($event)\"\n [nzFormat]=\"'dd/MM/yyyy'\"\n [nzShowTime]=\"false\"\n [nzAllowClear]=\"false\"\n [nzShowToday]=\"false\"\n class=\"rd-form-item-date\"\n [nzDisabledDate]=\"disabledDate || disabledEndDate\"\n [nzDropdownClassName]=\"popupClassName\"\n [nzDisabled]=\"disabled\"\n nzSuffixIcon=\"\"\n #datePicker\n nzBorderless\n [nzInputReadOnly]=\"true\"\n [name]=\"name\"\n (nzFocus)=\"onFocus()\"\n (nzBlur)=\"onBlur()\"\n [ngClass]=\"{\n 'rd-form-item-date-hide': !inputValue,\n }\"\n ></nz-date-picker>\n <span class=\"rd-form-item-date-suffix-icon\" aria-hidden=\"true\">\n <svg\n class=\"rd-date-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 d=\"M5.333 1.333V3.333M10.667 1.333V3.333\"\n stroke=\"#030712\"\n stroke-width=\"1.2\"\n stroke-linecap=\"round\"\n />\n <rect\n x=\"2\"\n y=\"2.667\"\n width=\"12\"\n height=\"11.333\"\n rx=\"1.5\"\n stroke=\"#030712\"\n stroke-width=\"1.2\"\n />\n <path\n d=\"M2 6.667H14\"\n stroke=\"#030712\"\n stroke-width=\"1.2\"\n stroke-linecap=\"round\"\n />\n </svg>\n <svg\n class=\"rd-date-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 d=\"M5.333 1.333V3.333M10.667 1.333V3.333\"\n stroke=\"#FFFFFF\"\n stroke-width=\"1.2\"\n stroke-linecap=\"round\"\n />\n <rect\n x=\"2\"\n y=\"2.667\"\n width=\"12\"\n height=\"11.333\"\n rx=\"1.5\"\n stroke=\"#FFFFFF\"\n stroke-width=\"1.2\"\n />\n <path\n d=\"M2 6.667H14\"\n stroke=\"#FFFFFF\"\n stroke-width=\"1.2\"\n stroke-linecap=\"round\"\n />\n </svg>\n </span>\n </app-rd-form-item>\n</div>\n", styles: [":host .rd-date-container{visibility:hidden}:host .rd-date-container.rd-date-ready{visibility:visible}:host .rd-form-item-date{width:auto;padding:28px 16px 0}:host .rd-form-item-date-hide{position:absolute;top:0;left:0;width:234px;height:100%;opacity:0}:host .rd-form-item-label{cursor:text;pointer-events:none}:host .rd-form-item-date-suffix-icon{position:absolute;top:50%;right:16px;z-index:2;display:flex;width:16px;height:16px;transform:translateY(-50%);pointer-events:none}::ng-deep .rd-form-item-date .ant-picker-suffix{color:var(--rd-copy-primary)}::ng-deep .rd-form-item-date .ant-picker-suffix svg{transition:transform .2s ease;cursor:pointer;pointer-events:initial}::ng-deep .rd-form-item-date.ant-picker:hover,::ng-deep .rd-form-item-date.ant-picker-focused{box-shadow:none;border-color:var(--rd-input-fg-hover)}::ng-deep .rd-form-item-date .ant-picker-active-bar{display:none}::ng-deep .rd-form-item-date .ant-picker-input input{field-sizing:content;font-weight:500;color:var(--rd-copy-primary)}::ng-deep .rd-form-item-date .ant-picker-separator{width:-moz-fit-content;width:fit-content;color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-focus .ant-picker-suffix svg{pointer-events:none;transform:rotate(-180deg)}::ng-deep .rd-form-item-date-popup.ant-picker-dropdown-range{padding:0}::ng-deep .rd-form-item-date-popup .ant-picker-range-arrow{display:none}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container{border-radius:4px;background-color:var(--rd-bg-card)}::ng-deep .rd-form-item-date-popup .ant-picker-panel{border:1px solid var(--rd-bg-panel-border);background-color:var(--rd-bg-card)}::ng-deep .rd-form-item-date-popup .ant-picker-super-next-icon,::ng-deep .rd-form-item-date-popup .ant-picker-header-next-btn,::ng-deep .rd-form-item-date-popup .ant-picker-super-prev-icon,::ng-deep .rd-form-item-date-popup .ant-picker-header-prev-btn{color:var(--rd-copy-primary)}::ng-deep .rd-form-item-date-popup .ant-picker-prev-icon:before,::ng-deep .rd-form-item-date-popup .ant-picker-next-icon:before,::ng-deep .rd-form-item-date-popup .ant-picker-super-prev-icon:before,::ng-deep .rd-form-item-date-popup .ant-picker-super-next-icon:before,::ng-deep .rd-form-item-date-popup .ant-picker-super-prev-icon:after,::ng-deep .rd-form-item-date-popup .ant-picker-super-next-icon:after{border:0 solid var(--rd-copy-primary);border-width:1.5px 0 0 1.5px}::ng-deep .rd-form-item-date-popup .ant-picker-super-prev-icon:after,::ng-deep .rd-form-item-date-popup .ant-picker-super-next-icon:after{top:2px;left:2px}::ng-deep .rd-form-item-date-popup .ant-picker-header-view button{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header{border-bottom:none;color:var(--rd-copy-primary)}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header-view{display:flex;flex-direction:row-reverse;justify-content:center;gap:8px}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-month-btn{order:2}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-year-btn{order:1}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-panel+.ant-picker-panel .ant-picker-body{border-left:1px solid var(--rd-bg-panel-border)}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell{color:var(--rd-copy-disable);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell-in-view{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-body th{color:var(--rd-copy-secondary);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-cell:not(.ant-picker-cell-in-view) .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view .ant-picker-cell-inner{color:var(--rd-copy-primary)!important}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-disabled) .ant-picker-cell-inner{background:var(--rd-input-bg-dropdown-hover);border:1px solid var(--rd-input-bg-dropdown-hover)}::ng-deep .rd-form-item-date-popup .ant-picker-cell-disabled .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .rd-form-item-date-popup .ant-picker-cell-disabled:before{background-color:var(--rd-input-bg-disable)}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-in-range:before{background-color:var(--rd-toast-accent-info)}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner{border-radius:4px!important;background-color:var(--rd-control-input-selected);color:var(--rd-btn-solid-primary-fg-default)!important}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{border-radius:4px!important}:host-context(.theme-dark) .rd-date-icon-light{display:none}:host-context(.theme-dark) .rd-date-icon-dark{display:inline}.rd-date-icon-dark{display:none}\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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { kind: "directive", type: i4.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }, { kind: "component", type: FormItemComponent, selector: "app-rd-form-item", inputs: ["errorMessage", "disabled", "label", "type", "focus", "value", "size"] }] });
325
+ ], viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["datePicker"], descendants: true }], ngImport: i0, template: "<div [class.rd-date-ready]=\"isComponentReady\" class=\"rd-date-container\">\n <app-rd-form-item\n [disabled]=\"disabled\"\n [focus]=\"isFocus || isPickerOpen\"\n [type]=\"'date'\"\n [label]=\"label | translate\"\n [value]=\"displayValue\"\n [errorMessage]=\"showError ? currentErrorMessage : ''\"\n (click)=\"openPicker()\"\n >\n <nz-range-picker\n *ngIf=\"type === 'range'\"\n [(ngModel)]=\"inputValue\"\n (ngModelChange)=\"onDateChange($event)\"\n (nzOnOpenChange)=\"onOpenChange($event)\"\n [nzFormat]=\"'dd/MM/yyyy'\"\n [nzShowTime]=\"false\"\n [nzAllowClear]=\"false\"\n [nzPlaceHolder]=\"['From', 'To']\"\n class=\"rd-form-item-date\"\n [nzDisabledDate]=\"disabledDate\"\n [nzDropdownClassName]=\"popupClassName\"\n [nzSeparator]=\"'-'\"\n [nzDisabled]=\"disabled\"\n nzSuffixIcon=\"\"\n #datePicker\n nzBorderless\n nzPlacement=\"bottomRight\"\n [nzInputReadOnly]=\"true\"\n [name]=\"name\"\n (nzFocus)=\"onFocus()\"\n (nzBlur)=\"onBlur()\"\n [ngClass]=\"{\n 'rd-form-item-date-hide': !inputValue?.length,\n }\"\n ></nz-range-picker>\n <nz-date-picker\n *ngIf=\"type === 'date'\"\n [(ngModel)]=\"inputValue\"\n (ngModelChange)=\"onDateChange($event)\"\n (nzOnOpenChange)=\"onOpenChange($event)\"\n [nzFormat]=\"'dd/MM/yyyy'\"\n [nzShowTime]=\"false\"\n [nzAllowClear]=\"false\"\n [nzShowToday]=\"false\"\n class=\"rd-form-item-date\"\n [nzDisabledDate]=\"disabledDate || disabledEndDate\"\n [nzDropdownClassName]=\"popupClassName\"\n [nzDisabled]=\"disabled\"\n nzSuffixIcon=\"\"\n #datePicker\n nzBorderless\n [nzInputReadOnly]=\"true\"\n [name]=\"name\"\n (nzFocus)=\"onFocus()\"\n (nzBlur)=\"onBlur()\"\n [ngClass]=\"{\n 'rd-form-item-date-hide': !inputValue,\n }\"\n ></nz-date-picker>\n <span class=\"rd-form-item-date-suffix-icon\" aria-hidden=\"true\">\n <svg\n class=\"rd-date-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 d=\"M5.333 1.333V3.333M10.667 1.333V3.333\"\n stroke=\"#030712\"\n stroke-width=\"1.2\"\n stroke-linecap=\"round\"\n />\n <rect\n x=\"2\"\n y=\"2.667\"\n width=\"12\"\n height=\"11.333\"\n rx=\"1.5\"\n stroke=\"#030712\"\n stroke-width=\"1.2\"\n />\n <path\n d=\"M2 6.667H14\"\n stroke=\"#030712\"\n stroke-width=\"1.2\"\n stroke-linecap=\"round\"\n />\n </svg>\n <svg\n class=\"rd-date-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 d=\"M5.333 1.333V3.333M10.667 1.333V3.333\"\n stroke=\"#FFFFFF\"\n stroke-width=\"1.2\"\n stroke-linecap=\"round\"\n />\n <rect\n x=\"2\"\n y=\"2.667\"\n width=\"12\"\n height=\"11.333\"\n rx=\"1.5\"\n stroke=\"#FFFFFF\"\n stroke-width=\"1.2\"\n />\n <path\n d=\"M2 6.667H14\"\n stroke=\"#FFFFFF\"\n stroke-width=\"1.2\"\n stroke-linecap=\"round\"\n />\n </svg>\n </span>\n </app-rd-form-item>\n</div>\n", styles: [":host .rd-date-container{visibility:hidden}:host .rd-date-container.rd-date-ready{visibility:visible}:host .rd-form-item-date{width:auto;padding:28px 16px 0}:host .rd-form-item-date-hide{position:absolute;top:0;left:0;width:234px;height:100%;opacity:0}:host .rd-form-item-label{cursor:text;pointer-events:none}:host .rd-form-item-date-suffix-icon{position:absolute;top:50%;right:16px;z-index:2;display:flex;width:16px;height:16px;transform:translateY(-50%);pointer-events:none}::ng-deep .rd-form-item-date .ant-picker-suffix{color:var(--rd-copy-primary)}::ng-deep .rd-form-item-date .ant-picker-suffix svg{transition:transform .2s ease;cursor:pointer;pointer-events:initial}::ng-deep .rd-form-item-date.ant-picker:hover,::ng-deep .rd-form-item-date.ant-picker-focused{box-shadow:none;border-color:var(--rd-input-fg-hover)}::ng-deep .rd-form-item-date .ant-picker-active-bar{display:none}::ng-deep .rd-form-item-date .ant-picker-input input{field-sizing:content;font-weight:500;color:var(--rd-copy-primary)}::ng-deep .rd-form-item-date .ant-picker-separator{width:-moz-fit-content;width:fit-content;color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-focus .ant-picker-suffix svg{pointer-events:none;transform:rotate(-180deg)}::ng-deep .rd-form-item-date-popup.ant-picker-dropdown-range{padding:0}::ng-deep .rd-form-item-date-popup .ant-picker-range-arrow{display:none}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container{border-radius:4px;background-color:var(--rd-bg-card)}::ng-deep .rd-form-item-date-popup .ant-picker-panel{border:1px solid var(--rd-bg-panel-border);background-color:var(--rd-bg-card)}::ng-deep .rd-form-item-date-popup .ant-picker-super-next-icon,::ng-deep .rd-form-item-date-popup .ant-picker-header-next-btn,::ng-deep .rd-form-item-date-popup .ant-picker-super-prev-icon,::ng-deep .rd-form-item-date-popup .ant-picker-header-prev-btn{color:var(--rd-copy-primary)}::ng-deep .rd-form-item-date-popup .ant-picker-prev-icon:before,::ng-deep .rd-form-item-date-popup .ant-picker-next-icon:before,::ng-deep .rd-form-item-date-popup .ant-picker-super-prev-icon:before,::ng-deep .rd-form-item-date-popup .ant-picker-super-next-icon:before,::ng-deep .rd-form-item-date-popup .ant-picker-super-prev-icon:after,::ng-deep .rd-form-item-date-popup .ant-picker-super-next-icon:after{border:0 solid var(--rd-copy-primary);border-width:1.5px 0 0 1.5px}::ng-deep .rd-form-item-date-popup .ant-picker-super-prev-icon:after,::ng-deep .rd-form-item-date-popup .ant-picker-super-next-icon:after{top:2px;left:2px}::ng-deep .rd-form-item-date-popup .ant-picker-header-view button{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header{border-bottom:none;color:var(--rd-copy-primary)}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header-view{display:flex;flex-direction:row-reverse;justify-content:center;gap:8px}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-month-btn{order:2}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-year-btn{order:1}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-panel+.ant-picker-panel .ant-picker-body{border-left:1px solid var(--rd-bg-panel-border)}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell{color:var(--rd-copy-disable);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell-in-view{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-body th{color:var(--rd-copy-secondary);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-cell:not(.ant-picker-cell-in-view) .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view .ant-picker-cell-inner{color:var(--rd-copy-primary)!important}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-disabled) .ant-picker-cell-inner{background:var(--rd-input-bg-dropdown-hover);border:1px solid var(--rd-input-bg-dropdown-hover)}::ng-deep .rd-form-item-date-popup .ant-picker-cell-disabled .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .rd-form-item-date-popup .ant-picker-cell-disabled:before{background-color:var(--rd-input-bg-disable)}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-in-range:before{background-color:var(--rd-toast-accent-info)}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner{border-radius:4px!important;background-color:var(--rd-control-input-selected);color:var(--rd-btn-solid-primary-fg-default)!important}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{border-radius:4px!important}:host-context(.theme-dark) .rd-date-icon-light{display:none}:host-context(.theme-dark) .rd-date-icon-dark{display:inline}.rd-date-icon-dark{display:none}\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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { kind: "directive", type: i4.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }, { kind: "component", type: FormItemComponent, selector: "app-rd-form-item", inputs: ["errorMessage", "disabled", "label", "type", "focus", "value", "size"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
326
326
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomDateComponent, decorators: [{
327
327
  type: Component,
328
328
  args: [{ selector: 'app-rd-date', providers: [
@@ -336,8 +336,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
336
336
  useExisting: forwardRef(() => CustomDateComponent),
337
337
  multi: true,
338
338
  },
339
- ], template: "<div [class.rd-date-ready]=\"isComponentReady\" class=\"rd-date-container\">\n <app-rd-form-item\n [disabled]=\"disabled\"\n [focus]=\"isFocus || isPickerOpen\"\n [type]=\"'date'\"\n [label]=\"label\"\n [value]=\"displayValue\"\n [errorMessage]=\"showError ? currentErrorMessage : ''\"\n (click)=\"openPicker()\"\n >\n <nz-range-picker\n *ngIf=\"type === 'range'\"\n [(ngModel)]=\"inputValue\"\n (ngModelChange)=\"onDateChange($event)\"\n (nzOnOpenChange)=\"onOpenChange($event)\"\n [nzFormat]=\"'dd/MM/yyyy'\"\n [nzShowTime]=\"false\"\n [nzAllowClear]=\"false\"\n [nzPlaceHolder]=\"['From', 'To']\"\n class=\"rd-form-item-date\"\n [nzDisabledDate]=\"disabledDate\"\n [nzDropdownClassName]=\"popupClassName\"\n [nzSeparator]=\"'-'\"\n [nzDisabled]=\"disabled\"\n nzSuffixIcon=\"\"\n #datePicker\n nzBorderless\n nzPlacement=\"bottomRight\"\n [nzInputReadOnly]=\"true\"\n [name]=\"name\"\n (nzFocus)=\"onFocus()\"\n (nzBlur)=\"onBlur()\"\n [ngClass]=\"{\n 'rd-form-item-date-hide': !inputValue?.length,\n }\"\n ></nz-range-picker>\n <nz-date-picker\n *ngIf=\"type === 'date'\"\n [(ngModel)]=\"inputValue\"\n (ngModelChange)=\"onDateChange($event)\"\n (nzOnOpenChange)=\"onOpenChange($event)\"\n [nzFormat]=\"'dd/MM/yyyy'\"\n [nzShowTime]=\"false\"\n [nzAllowClear]=\"false\"\n [nzShowToday]=\"false\"\n class=\"rd-form-item-date\"\n [nzDisabledDate]=\"disabledDate || disabledEndDate\"\n [nzDropdownClassName]=\"popupClassName\"\n [nzDisabled]=\"disabled\"\n nzSuffixIcon=\"\"\n #datePicker\n nzBorderless\n [nzInputReadOnly]=\"true\"\n [name]=\"name\"\n (nzFocus)=\"onFocus()\"\n (nzBlur)=\"onBlur()\"\n [ngClass]=\"{\n 'rd-form-item-date-hide': !inputValue,\n }\"\n ></nz-date-picker>\n <span class=\"rd-form-item-date-suffix-icon\" aria-hidden=\"true\">\n <svg\n class=\"rd-date-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 d=\"M5.333 1.333V3.333M10.667 1.333V3.333\"\n stroke=\"#030712\"\n stroke-width=\"1.2\"\n stroke-linecap=\"round\"\n />\n <rect\n x=\"2\"\n y=\"2.667\"\n width=\"12\"\n height=\"11.333\"\n rx=\"1.5\"\n stroke=\"#030712\"\n stroke-width=\"1.2\"\n />\n <path\n d=\"M2 6.667H14\"\n stroke=\"#030712\"\n stroke-width=\"1.2\"\n stroke-linecap=\"round\"\n />\n </svg>\n <svg\n class=\"rd-date-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 d=\"M5.333 1.333V3.333M10.667 1.333V3.333\"\n stroke=\"#FFFFFF\"\n stroke-width=\"1.2\"\n stroke-linecap=\"round\"\n />\n <rect\n x=\"2\"\n y=\"2.667\"\n width=\"12\"\n height=\"11.333\"\n rx=\"1.5\"\n stroke=\"#FFFFFF\"\n stroke-width=\"1.2\"\n />\n <path\n d=\"M2 6.667H14\"\n stroke=\"#FFFFFF\"\n stroke-width=\"1.2\"\n stroke-linecap=\"round\"\n />\n </svg>\n </span>\n </app-rd-form-item>\n</div>\n", styles: [":host .rd-date-container{visibility:hidden}:host .rd-date-container.rd-date-ready{visibility:visible}:host .rd-form-item-date{width:auto;padding:28px 16px 0}:host .rd-form-item-date-hide{position:absolute;top:0;left:0;width:234px;height:100%;opacity:0}:host .rd-form-item-label{cursor:text;pointer-events:none}:host .rd-form-item-date-suffix-icon{position:absolute;top:50%;right:16px;z-index:2;display:flex;width:16px;height:16px;transform:translateY(-50%);pointer-events:none}::ng-deep .rd-form-item-date .ant-picker-suffix{color:var(--rd-copy-primary)}::ng-deep .rd-form-item-date .ant-picker-suffix svg{transition:transform .2s ease;cursor:pointer;pointer-events:initial}::ng-deep .rd-form-item-date.ant-picker:hover,::ng-deep .rd-form-item-date.ant-picker-focused{box-shadow:none;border-color:var(--rd-input-fg-hover)}::ng-deep .rd-form-item-date .ant-picker-active-bar{display:none}::ng-deep .rd-form-item-date .ant-picker-input input{field-sizing:content;font-weight:500;color:var(--rd-copy-primary)}::ng-deep .rd-form-item-date .ant-picker-separator{width:-moz-fit-content;width:fit-content;color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-focus .ant-picker-suffix svg{pointer-events:none;transform:rotate(-180deg)}::ng-deep .rd-form-item-date-popup.ant-picker-dropdown-range{padding:0}::ng-deep .rd-form-item-date-popup .ant-picker-range-arrow{display:none}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container{border-radius:4px;background-color:var(--rd-bg-card)}::ng-deep .rd-form-item-date-popup .ant-picker-panel{border:1px solid var(--rd-bg-panel-border);background-color:var(--rd-bg-card)}::ng-deep .rd-form-item-date-popup .ant-picker-super-next-icon,::ng-deep .rd-form-item-date-popup .ant-picker-header-next-btn,::ng-deep .rd-form-item-date-popup .ant-picker-super-prev-icon,::ng-deep .rd-form-item-date-popup .ant-picker-header-prev-btn{color:var(--rd-copy-primary)}::ng-deep .rd-form-item-date-popup .ant-picker-prev-icon:before,::ng-deep .rd-form-item-date-popup .ant-picker-next-icon:before,::ng-deep .rd-form-item-date-popup .ant-picker-super-prev-icon:before,::ng-deep .rd-form-item-date-popup .ant-picker-super-next-icon:before,::ng-deep .rd-form-item-date-popup .ant-picker-super-prev-icon:after,::ng-deep .rd-form-item-date-popup .ant-picker-super-next-icon:after{border:0 solid var(--rd-copy-primary);border-width:1.5px 0 0 1.5px}::ng-deep .rd-form-item-date-popup .ant-picker-super-prev-icon:after,::ng-deep .rd-form-item-date-popup .ant-picker-super-next-icon:after{top:2px;left:2px}::ng-deep .rd-form-item-date-popup .ant-picker-header-view button{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header{border-bottom:none;color:var(--rd-copy-primary)}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header-view{display:flex;flex-direction:row-reverse;justify-content:center;gap:8px}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-month-btn{order:2}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-year-btn{order:1}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-panel+.ant-picker-panel .ant-picker-body{border-left:1px solid var(--rd-bg-panel-border)}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell{color:var(--rd-copy-disable);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell-in-view{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-body th{color:var(--rd-copy-secondary);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-cell:not(.ant-picker-cell-in-view) .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view .ant-picker-cell-inner{color:var(--rd-copy-primary)!important}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-disabled) .ant-picker-cell-inner{background:var(--rd-input-bg-dropdown-hover);border:1px solid var(--rd-input-bg-dropdown-hover)}::ng-deep .rd-form-item-date-popup .ant-picker-cell-disabled .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .rd-form-item-date-popup .ant-picker-cell-disabled:before{background-color:var(--rd-input-bg-disable)}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-in-range:before{background-color:var(--rd-toast-accent-info)}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner{border-radius:4px!important;background-color:var(--rd-control-input-selected);color:var(--rd-btn-solid-primary-fg-default)!important}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{border-radius:4px!important}:host-context(.theme-dark) .rd-date-icon-light{display:none}:host-context(.theme-dark) .rd-date-icon-dark{display:inline}.rd-date-icon-dark{display:none}\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"] }]
340
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }]; }, propDecorators: { disabled: [{
339
+ ], template: "<div [class.rd-date-ready]=\"isComponentReady\" class=\"rd-date-container\">\n <app-rd-form-item\n [disabled]=\"disabled\"\n [focus]=\"isFocus || isPickerOpen\"\n [type]=\"'date'\"\n [label]=\"label | translate\"\n [value]=\"displayValue\"\n [errorMessage]=\"showError ? currentErrorMessage : ''\"\n (click)=\"openPicker()\"\n >\n <nz-range-picker\n *ngIf=\"type === 'range'\"\n [(ngModel)]=\"inputValue\"\n (ngModelChange)=\"onDateChange($event)\"\n (nzOnOpenChange)=\"onOpenChange($event)\"\n [nzFormat]=\"'dd/MM/yyyy'\"\n [nzShowTime]=\"false\"\n [nzAllowClear]=\"false\"\n [nzPlaceHolder]=\"['From', 'To']\"\n class=\"rd-form-item-date\"\n [nzDisabledDate]=\"disabledDate\"\n [nzDropdownClassName]=\"popupClassName\"\n [nzSeparator]=\"'-'\"\n [nzDisabled]=\"disabled\"\n nzSuffixIcon=\"\"\n #datePicker\n nzBorderless\n nzPlacement=\"bottomRight\"\n [nzInputReadOnly]=\"true\"\n [name]=\"name\"\n (nzFocus)=\"onFocus()\"\n (nzBlur)=\"onBlur()\"\n [ngClass]=\"{\n 'rd-form-item-date-hide': !inputValue?.length,\n }\"\n ></nz-range-picker>\n <nz-date-picker\n *ngIf=\"type === 'date'\"\n [(ngModel)]=\"inputValue\"\n (ngModelChange)=\"onDateChange($event)\"\n (nzOnOpenChange)=\"onOpenChange($event)\"\n [nzFormat]=\"'dd/MM/yyyy'\"\n [nzShowTime]=\"false\"\n [nzAllowClear]=\"false\"\n [nzShowToday]=\"false\"\n class=\"rd-form-item-date\"\n [nzDisabledDate]=\"disabledDate || disabledEndDate\"\n [nzDropdownClassName]=\"popupClassName\"\n [nzDisabled]=\"disabled\"\n nzSuffixIcon=\"\"\n #datePicker\n nzBorderless\n [nzInputReadOnly]=\"true\"\n [name]=\"name\"\n (nzFocus)=\"onFocus()\"\n (nzBlur)=\"onBlur()\"\n [ngClass]=\"{\n 'rd-form-item-date-hide': !inputValue,\n }\"\n ></nz-date-picker>\n <span class=\"rd-form-item-date-suffix-icon\" aria-hidden=\"true\">\n <svg\n class=\"rd-date-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 d=\"M5.333 1.333V3.333M10.667 1.333V3.333\"\n stroke=\"#030712\"\n stroke-width=\"1.2\"\n stroke-linecap=\"round\"\n />\n <rect\n x=\"2\"\n y=\"2.667\"\n width=\"12\"\n height=\"11.333\"\n rx=\"1.5\"\n stroke=\"#030712\"\n stroke-width=\"1.2\"\n />\n <path\n d=\"M2 6.667H14\"\n stroke=\"#030712\"\n stroke-width=\"1.2\"\n stroke-linecap=\"round\"\n />\n </svg>\n <svg\n class=\"rd-date-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 d=\"M5.333 1.333V3.333M10.667 1.333V3.333\"\n stroke=\"#FFFFFF\"\n stroke-width=\"1.2\"\n stroke-linecap=\"round\"\n />\n <rect\n x=\"2\"\n y=\"2.667\"\n width=\"12\"\n height=\"11.333\"\n rx=\"1.5\"\n stroke=\"#FFFFFF\"\n stroke-width=\"1.2\"\n />\n <path\n d=\"M2 6.667H14\"\n stroke=\"#FFFFFF\"\n stroke-width=\"1.2\"\n stroke-linecap=\"round\"\n />\n </svg>\n </span>\n </app-rd-form-item>\n</div>\n", styles: [":host .rd-date-container{visibility:hidden}:host .rd-date-container.rd-date-ready{visibility:visible}:host .rd-form-item-date{width:auto;padding:28px 16px 0}:host .rd-form-item-date-hide{position:absolute;top:0;left:0;width:234px;height:100%;opacity:0}:host .rd-form-item-label{cursor:text;pointer-events:none}:host .rd-form-item-date-suffix-icon{position:absolute;top:50%;right:16px;z-index:2;display:flex;width:16px;height:16px;transform:translateY(-50%);pointer-events:none}::ng-deep .rd-form-item-date .ant-picker-suffix{color:var(--rd-copy-primary)}::ng-deep .rd-form-item-date .ant-picker-suffix svg{transition:transform .2s ease;cursor:pointer;pointer-events:initial}::ng-deep .rd-form-item-date.ant-picker:hover,::ng-deep .rd-form-item-date.ant-picker-focused{box-shadow:none;border-color:var(--rd-input-fg-hover)}::ng-deep .rd-form-item-date .ant-picker-active-bar{display:none}::ng-deep .rd-form-item-date .ant-picker-input input{field-sizing:content;font-weight:500;color:var(--rd-copy-primary)}::ng-deep .rd-form-item-date .ant-picker-separator{width:-moz-fit-content;width:fit-content;color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-focus .ant-picker-suffix svg{pointer-events:none;transform:rotate(-180deg)}::ng-deep .rd-form-item-date-popup.ant-picker-dropdown-range{padding:0}::ng-deep .rd-form-item-date-popup .ant-picker-range-arrow{display:none}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container{border-radius:4px;background-color:var(--rd-bg-card)}::ng-deep .rd-form-item-date-popup .ant-picker-panel{border:1px solid var(--rd-bg-panel-border);background-color:var(--rd-bg-card)}::ng-deep .rd-form-item-date-popup .ant-picker-super-next-icon,::ng-deep .rd-form-item-date-popup .ant-picker-header-next-btn,::ng-deep .rd-form-item-date-popup .ant-picker-super-prev-icon,::ng-deep .rd-form-item-date-popup .ant-picker-header-prev-btn{color:var(--rd-copy-primary)}::ng-deep .rd-form-item-date-popup .ant-picker-prev-icon:before,::ng-deep .rd-form-item-date-popup .ant-picker-next-icon:before,::ng-deep .rd-form-item-date-popup .ant-picker-super-prev-icon:before,::ng-deep .rd-form-item-date-popup .ant-picker-super-next-icon:before,::ng-deep .rd-form-item-date-popup .ant-picker-super-prev-icon:after,::ng-deep .rd-form-item-date-popup .ant-picker-super-next-icon:after{border:0 solid var(--rd-copy-primary);border-width:1.5px 0 0 1.5px}::ng-deep .rd-form-item-date-popup .ant-picker-super-prev-icon:after,::ng-deep .rd-form-item-date-popup .ant-picker-super-next-icon:after{top:2px;left:2px}::ng-deep .rd-form-item-date-popup .ant-picker-header-view button{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header{border-bottom:none;color:var(--rd-copy-primary)}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header-view{display:flex;flex-direction:row-reverse;justify-content:center;gap:8px}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-month-btn{order:2}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-year-btn{order:1}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-panel+.ant-picker-panel .ant-picker-body{border-left:1px solid var(--rd-bg-panel-border)}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell{color:var(--rd-copy-disable);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell-in-view{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-panel-container .ant-picker-body th{color:var(--rd-copy-secondary);font-weight:500}::ng-deep .rd-form-item-date-popup .ant-picker-cell:not(.ant-picker-cell-in-view) .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view .ant-picker-cell-inner{color:var(--rd-copy-primary)!important}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-disabled) .ant-picker-cell-inner{background:var(--rd-input-bg-dropdown-hover);border:1px solid var(--rd-input-bg-dropdown-hover)}::ng-deep .rd-form-item-date-popup .ant-picker-cell-disabled .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .rd-form-item-date-popup .ant-picker-cell-disabled:before{background-color:var(--rd-input-bg-disable)}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-in-range:before{background-color:var(--rd-toast-accent-info)}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner{border-radius:4px!important;background-color:var(--rd-control-input-selected);color:var(--rd-btn-solid-primary-fg-default)!important}::ng-deep .rd-form-item-date-popup .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{border-radius:4px!important}:host-context(.theme-dark) .rd-date-icon-light{display:none}:host-context(.theme-dark) .rd-date-icon-dark{display:inline}.rd-date-icon-dark{display:none}\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"] }]
340
+ }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.TranslateService }]; }, propDecorators: { disabled: [{
341
341
  type: Input
342
342
  }], disabledDate: [{
343
343
  type: Input
@@ -379,12 +379,14 @@ RdDateModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
379
379
  FormsModule,
380
380
  ReactiveFormsModule,
381
381
  NzDatePickerModule,
382
- FormItemModule], exports: [CustomDateComponent] });
382
+ FormItemModule,
383
+ TranslateModule], exports: [CustomDateComponent] });
383
384
  RdDateModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdDateModule, imports: [CommonModule,
384
385
  FormsModule,
385
386
  ReactiveFormsModule,
386
387
  NzDatePickerModule,
387
- FormItemModule] });
388
+ FormItemModule,
389
+ TranslateModule] });
388
390
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdDateModule, decorators: [{
389
391
  type: NgModule,
390
392
  args: [{
@@ -395,6 +397,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
395
397
  ReactiveFormsModule,
396
398
  NzDatePickerModule,
397
399
  FormItemModule,
400
+ TranslateModule,
398
401
  ],
399
402
  exports: [CustomDateComponent],
400
403
  }]
@@ -622,7 +625,7 @@ class CustomInputComponent {
622
625
  return Object.keys(errors).length > 0 ? errors : null;
623
626
  }
624
627
  }
625
- CustomInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
628
+ CustomInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
626
629
  CustomInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomInputComponent, selector: "app-rd-input", inputs: { label: "label", symbol: "symbol", name: "name", disabled: "disabled", maskNumber: "maskNumber", maskType: "maskType", type: "type", allowNegativeNumbers: "allowNegativeNumbers", required: "required", placeholder: "placeholder", min: "min", max: "max", minLength: "minLength", maxLength: "maxLength", pattern: "pattern", customValidator: "customValidator", size: "size", errorMessages: "errorMessages" }, outputs: { valueChange: "valueChange", focus: "focus", blur: "blur" }, providers: [
627
630
  {
628
631
  provide: NG_VALUE_ACCESSOR,
@@ -634,7 +637,7 @@ CustomInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
634
637
  useExisting: forwardRef(() => CustomInputComponent),
635
638
  multi: true,
636
639
  },
637
- ], 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" }] });
640
+ ], 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$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.TranslatePipe, name: "translate" }] });
638
641
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomInputComponent, decorators: [{
639
642
  type: Component,
640
643
  args: [{ selector: 'app-rd-input', providers: [
@@ -649,7 +652,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
649
652
  multi: true,
650
653
  },
651
654
  ], 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"] }]
652
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }]; }, propDecorators: { label: [{
655
+ }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.TranslateService }]; }, propDecorators: { label: [{
653
656
  type: Input
654
657
  }], symbol: [{
655
658
  type: Input
@@ -852,7 +855,7 @@ class CustomTextareaComponent {
852
855
  return Object.keys(errors).length > 0 ? errors : null;
853
856
  }
854
857
  }
855
- CustomTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomTextareaComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
858
+ CustomTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomTextareaComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
856
859
  CustomTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomTextareaComponent, selector: "app-rd-textarea", inputs: { lang: "lang", label: "label", name: "name", disabled: "disabled", required: "required", minLength: "minLength", maxLength: "maxLength", pattern: "pattern", customValidator: "customValidator", nzAutosize: "nzAutosize", errorMessages: "errorMessages" }, outputs: { valueChange: "valueChange", focus: "focus", blur: "blur" }, providers: [
857
860
  {
858
861
  provide: NG_VALUE_ACCESSOR,
@@ -864,7 +867,7 @@ CustomTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
864
867
  useExisting: forwardRef(() => CustomTextareaComponent),
865
868
  multi: true,
866
869
  },
867
- ], viewQueries: [{ propertyName: "autosize", first: true, predicate: CdkTextareaAutosize, descendants: true }], ngImport: i0, template: "<div>\n <div\n class=\"rd-form-item rd-form-textarea\"\n [ngClass]=\"{ disabled: disabled, error: showError }\"\n >\n <textarea\n nz-input\n nzBorderless\n [name]=\"name\"\n [(ngModel)]=\"value\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"handleValueChange($event)\"\n (blur)=\"onBlur()\"\n [nzAutosize]=\"nzAutosize\"\n placeholder=\" \"\n class=\"rd-form-item-input\"\n ></textarea>\n <div class=\"rd-form-item-label\">{{ label }}</div>\n </div>\n <div *ngIf=\"showError\" class=\"rd-form-item-error\">\n <img *ngIf=\"currentErrorMessage\" src=\"/assets/img/icon/icon-error.svg\" />\n {{ currentErrorMessage }}\n </div>\n</div>\n", styles: [":host .rd-form-textarea{height:auto;min-height:64px}:host .rd-form-textarea .rd-form-item-input{position:static;line-height:1.5;min-height:58px}:host .rd-form-textarea .rd-form-item-input:focus,:host .rd-form-textarea .rd-form-item-input:not(:placeholder-shown){padding-top:28px}\n", "input{border:none}textarea[disabled]{background:var(--input-bg-disable)!important}.rd-form-item{position:relative;border-radius:12px;padding:2px 0;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;height:64px}.rd-form-item .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}.rd-form-item-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;padding:22px 16px 12px;height:52px;border-radius:12px}.rd-form-item-input:focus,.rd-form-item-input:not(:placeholder-shown){top:10px}.rd-form-item .rd-form-item-input:focus~.rd-form-item-label,.rd-form-item .rd-form-item-input:not(:placeholder-shown)~.rd-form-item-label{top:18px;font-size:12px}.rd-form-item-select{width:100%}.rd-form-item-select ::ng-deep .ant-select-selection-item{color:var(--rd-copy-primary);font-size:14px;font-weight:500}.rd-form-item.rd-selected .rd-form-item-label{top:16px;font-size:12px}.rd-form-item.rd-selected .rd-form-item-select{top:10px}.rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-item.rd-disabled .rd-form-item-label,.rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}.rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}.rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}.rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.rd-form-item-error img{width:16px}.rd-form-number-item{position:relative;border-radius:12px;padding:12px 16px;background-color:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);width:100%}.rd-form-number-item .rd-item-label{color:var(--rd-copy-secondary);font-size:12px;font-weight:600}.rd-form-number-item .rd-item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-primary);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: i4$1.NzAutosizeDirective, selector: "textarea[nzAutosize]", inputs: ["nzAutosize"], exportAs: ["nzAutosize"] }] });
870
+ ], viewQueries: [{ propertyName: "autosize", first: true, predicate: CdkTextareaAutosize, descendants: true }], ngImport: i0, template: "<div>\n <div\n class=\"rd-form-item rd-form-textarea\"\n [ngClass]=\"{ disabled: disabled, error: showError }\"\n >\n <textarea\n nz-input\n nzBorderless\n [name]=\"name\"\n [(ngModel)]=\"value\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"handleValueChange($event)\"\n (blur)=\"onBlur()\"\n [nzAutosize]=\"nzAutosize\"\n placeholder=\" \"\n class=\"rd-form-item-input\"\n ></textarea>\n <div class=\"rd-form-item-label\">{{ label | translate }}</div>\n </div>\n <div *ngIf=\"showError\" class=\"rd-form-item-error\">\n <img *ngIf=\"currentErrorMessage\" src=\"/assets/img/icon/icon-error.svg\" />\n {{ currentErrorMessage | translate }}\n </div>\n</div>\n", styles: [":host .rd-form-textarea{height:auto;min-height:64px}:host .rd-form-textarea .rd-form-item-input{position:static;line-height:1.5;min-height:58px}:host .rd-form-textarea .rd-form-item-input:focus,:host .rd-form-textarea .rd-form-item-input:not(:placeholder-shown){padding-top:28px}\n", "input{border:none}textarea[disabled]{background:var(--input-bg-disable)!important}.rd-form-item{position:relative;border-radius:12px;padding:2px 0;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;height:64px}.rd-form-item .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}.rd-form-item-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;padding:22px 16px 12px;height:52px;border-radius:12px}.rd-form-item-input:focus,.rd-form-item-input:not(:placeholder-shown){top:10px}.rd-form-item .rd-form-item-input:focus~.rd-form-item-label,.rd-form-item .rd-form-item-input:not(:placeholder-shown)~.rd-form-item-label{top:18px;font-size:12px}.rd-form-item-select{width:100%}.rd-form-item-select ::ng-deep .ant-select-selection-item{color:var(--rd-copy-primary);font-size:14px;font-weight:500}.rd-form-item.rd-selected .rd-form-item-label{top:16px;font-size:12px}.rd-form-item.rd-selected .rd-form-item-select{top:10px}.rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-item.rd-disabled .rd-form-item-label,.rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}.rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}.rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}.rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.rd-form-item-error img{width:16px}.rd-form-number-item{position:relative;border-radius:12px;padding:12px 16px;background-color:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);width:100%}.rd-form-number-item .rd-item-label{color:var(--rd-copy-secondary);font-size:12px;font-weight:600}.rd-form-number-item .rd-item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-primary);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$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "directive", type: i4$1.NzAutosizeDirective, selector: "textarea[nzAutosize]", inputs: ["nzAutosize"], exportAs: ["nzAutosize"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
868
871
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomTextareaComponent, decorators: [{
869
872
  type: Component,
870
873
  args: [{ selector: 'app-rd-textarea', providers: [
@@ -878,8 +881,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
878
881
  useExisting: forwardRef(() => CustomTextareaComponent),
879
882
  multi: true,
880
883
  },
881
- ], template: "<div>\n <div\n class=\"rd-form-item rd-form-textarea\"\n [ngClass]=\"{ disabled: disabled, error: showError }\"\n >\n <textarea\n nz-input\n nzBorderless\n [name]=\"name\"\n [(ngModel)]=\"value\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"handleValueChange($event)\"\n (blur)=\"onBlur()\"\n [nzAutosize]=\"nzAutosize\"\n placeholder=\" \"\n class=\"rd-form-item-input\"\n ></textarea>\n <div class=\"rd-form-item-label\">{{ label }}</div>\n </div>\n <div *ngIf=\"showError\" class=\"rd-form-item-error\">\n <img *ngIf=\"currentErrorMessage\" src=\"/assets/img/icon/icon-error.svg\" />\n {{ currentErrorMessage }}\n </div>\n</div>\n", styles: [":host .rd-form-textarea{height:auto;min-height:64px}:host .rd-form-textarea .rd-form-item-input{position:static;line-height:1.5;min-height:58px}:host .rd-form-textarea .rd-form-item-input:focus,:host .rd-form-textarea .rd-form-item-input:not(:placeholder-shown){padding-top:28px}\n", "input{border:none}textarea[disabled]{background:var(--input-bg-disable)!important}.rd-form-item{position:relative;border-radius:12px;padding:2px 0;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;height:64px}.rd-form-item .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}.rd-form-item-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;padding:22px 16px 12px;height:52px;border-radius:12px}.rd-form-item-input:focus,.rd-form-item-input:not(:placeholder-shown){top:10px}.rd-form-item .rd-form-item-input:focus~.rd-form-item-label,.rd-form-item .rd-form-item-input:not(:placeholder-shown)~.rd-form-item-label{top:18px;font-size:12px}.rd-form-item-select{width:100%}.rd-form-item-select ::ng-deep .ant-select-selection-item{color:var(--rd-copy-primary);font-size:14px;font-weight:500}.rd-form-item.rd-selected .rd-form-item-label{top:16px;font-size:12px}.rd-form-item.rd-selected .rd-form-item-select{top:10px}.rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-item.rd-disabled .rd-form-item-label,.rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}.rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}.rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}.rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.rd-form-item-error img{width:16px}.rd-form-number-item{position:relative;border-radius:12px;padding:12px 16px;background-color:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);width:100%}.rd-form-number-item .rd-item-label{color:var(--rd-copy-secondary);font-size:12px;font-weight:600}.rd-form-number-item .rd-item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-primary);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"] }]
882
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }]; }, propDecorators: { lang: [{
884
+ ], template: "<div>\n <div\n class=\"rd-form-item rd-form-textarea\"\n [ngClass]=\"{ disabled: disabled, error: showError }\"\n >\n <textarea\n nz-input\n nzBorderless\n [name]=\"name\"\n [(ngModel)]=\"value\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"handleValueChange($event)\"\n (blur)=\"onBlur()\"\n [nzAutosize]=\"nzAutosize\"\n placeholder=\" \"\n class=\"rd-form-item-input\"\n ></textarea>\n <div class=\"rd-form-item-label\">{{ label | translate }}</div>\n </div>\n <div *ngIf=\"showError\" class=\"rd-form-item-error\">\n <img *ngIf=\"currentErrorMessage\" src=\"/assets/img/icon/icon-error.svg\" />\n {{ currentErrorMessage | translate }}\n </div>\n</div>\n", styles: [":host .rd-form-textarea{height:auto;min-height:64px}:host .rd-form-textarea .rd-form-item-input{position:static;line-height:1.5;min-height:58px}:host .rd-form-textarea .rd-form-item-input:focus,:host .rd-form-textarea .rd-form-item-input:not(:placeholder-shown){padding-top:28px}\n", "input{border:none}textarea[disabled]{background:var(--input-bg-disable)!important}.rd-form-item{position:relative;border-radius:12px;padding:2px 0;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;height:64px}.rd-form-item .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}.rd-form-item-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;padding:22px 16px 12px;height:52px;border-radius:12px}.rd-form-item-input:focus,.rd-form-item-input:not(:placeholder-shown){top:10px}.rd-form-item .rd-form-item-input:focus~.rd-form-item-label,.rd-form-item .rd-form-item-input:not(:placeholder-shown)~.rd-form-item-label{top:18px;font-size:12px}.rd-form-item-select{width:100%}.rd-form-item-select ::ng-deep .ant-select-selection-item{color:var(--rd-copy-primary);font-size:14px;font-weight:500}.rd-form-item.rd-selected .rd-form-item-label{top:16px;font-size:12px}.rd-form-item.rd-selected .rd-form-item-select{top:10px}.rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-item.rd-disabled .rd-form-item-label,.rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}.rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}.rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}.rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.rd-form-item-error img{width:16px}.rd-form-number-item{position:relative;border-radius:12px;padding:12px 16px;background-color:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);width:100%}.rd-form-number-item .rd-item-label{color:var(--rd-copy-secondary);font-size:12px;font-weight:600}.rd-form-number-item .rd-item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-primary);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"] }]
885
+ }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.TranslateService }]; }, propDecorators: { lang: [{
883
886
  type: Input
884
887
  }], label: [{
885
888
  type: Input
@@ -1080,7 +1083,7 @@ class CustomInputAmountComponent {
1080
1083
  this.cdr.markForCheck();
1081
1084
  }
1082
1085
  }
1083
- CustomInputAmountComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomInputAmountComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
1086
+ CustomInputAmountComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomInputAmountComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
1084
1087
  CustomInputAmountComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomInputAmountComponent, selector: "app-rd-input-amount", inputs: { lang: "lang", label: "label", symbol: "symbol", name: "name", disabled: "disabled", min: "min", max: "max", nzPrecision: "nzPrecision", allowNegativeNumbers: "allowNegativeNumbers", required: "required", nzSize: "nzSize", errorMessages: "errorMessages", clearError: "clearError" }, outputs: { blur: "blur", focus: "focus", valueChange: "valueChange" }, providers: [
1085
1088
  {
1086
1089
  provide: NG_VALUE_ACCESSOR,
@@ -1092,7 +1095,7 @@ CustomInputAmountComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
1092
1095
  useExisting: forwardRef(() => CustomInputAmountComponent),
1093
1096
  multi: true,
1094
1097
  },
1095
- ], ngImport: i0, template: "<div>\n <div\n class=\"rd-form-number-item\"\n [ngClass]=\"{\n 'rd-disabled': disabled,\n 'rd-error': showError,\n 'rd-form-number-small': nzSize === 'small',\n disabled: disabled,\n error: showError,\n }\"\n >\n <div class=\"rd-item-label\">{{ label }}</div>\n <div class=\"rd-item-content\">\n <input\n nz-input\n [name]=\"name\"\n type=\"text\"\n [placeholder]=\"'0'\"\n [mask]=\"'separator.' + nzPrecision\"\n [thousandSeparator]=\"','\"\n [allowNegativeNumbers]=\"allowNegativeNumbers\"\n [dropSpecialCharacters]=\"false\"\n [(ngModel)]=\"inputValue\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"handleValueChange($event)\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n class=\"rd-item-content-value\"\n />\n <ng-content select=\"[slot='token']\"></ng-content>\n <div *ngIf=\"symbol\" class=\"rd-item-content-symbol\">{{ symbol }}</div>\n </div>\n <ng-content></ng-content>\n </div>\n <div *ngIf=\"showError\" class=\"rd-form-item-error\">\n <svg\n class=\"rd-error-icon-light\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M1.33398 7.9987C1.33398 4.3168 4.31875 1.33203 8.00065 1.33203C11.6825 1.33203 14.6673 4.3168 14.6673 7.9987C14.6673 11.6806 11.6825 14.6654 8.00065 14.6654C4.31875 14.6654 1.33398 11.6806 1.33398 7.9987ZM8.00065 2.33203C4.87104 2.33203 2.33398 4.86908 2.33398 7.9987C2.33398 11.1283 4.87104 13.6654 8.00065 13.6654C11.1303 13.6654 13.6673 11.1283 13.6673 7.9987C13.6673 4.86908 11.1303 2.33203 8.00065 2.33203Z\"\n fill=\"#EA485D\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.00039 4.06641C8.33176 4.06641 8.60039 4.33504 8.60039 4.66641V7.99974C8.60039 8.33111 8.33176 8.59974 8.00039 8.59974C7.66902 8.59974 7.40039 8.33111 7.40039 7.99974V4.66641C7.40039 4.33504 7.66902 4.06641 8.00039 4.06641ZM8.00039 10.3997C8.33176 10.3997 8.60039 10.6684 8.60039 10.9997V11.3331C8.60039 11.6644 8.33176 11.9331 8.00039 11.9331C7.66902 11.9331 7.40039 11.6644 7.40039 11.3331V10.9997C7.40039 10.6684 7.66902 10.3997 8.00039 10.3997Z\"\n fill=\"#EA485D\"\n />\n </svg>\n\n <svg\n class=\"rd-error-icon-dark\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M1.33398 7.9987C1.33398 4.3168 4.31875 1.33203 8.00065 1.33203C11.6825 1.33203 14.6673 4.3168 14.6673 7.9987C14.6673 11.6806 11.6825 14.6654 8.00065 14.6654C4.31875 14.6654 1.33398 11.6806 1.33398 7.9987ZM8.00065 2.33203C4.87104 2.33203 2.33398 4.86908 2.33398 7.9987C2.33398 11.1283 4.87104 13.6654 8.00065 13.6654C11.1303 13.6654 13.6673 11.1283 13.6673 7.9987C13.6673 4.86908 11.1303 2.33203 8.00065 2.33203Z\"\n fill=\"#EF7484\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.00039 4.06641C8.33176 4.06641 8.60039 4.33504 8.60039 4.66641V7.99974C8.60039 8.33111 8.33176 8.59974 8.00039 8.59974C7.66902 8.59974 7.40039 8.33111 7.40039 7.99974V4.66641C7.40039 4.33504 7.66902 4.06641 8.00039 4.06641ZM8.00039 10.3997C8.33176 10.3997 8.60039 10.6684 8.60039 10.9997V11.3331C8.60039 11.6644 8.33176 11.9331 8.00039 11.9331C7.66902 11.9331 7.40039 11.6644 7.40039 11.3331V10.9997C7.40039 10.6684 7.66902 10.3997 8.00039 10.3997Z\"\n fill=\"#EF7484\"\n />\n </svg>\n {{ currentErrorMessage }}\n </div>\n</div>\n", styles: [":host .rd-form-number-small{height:64px}:host .rd-form-number-small .rd-item-content{font-size:14px!important;font-weight:400!important;line-height:22px!important}:host .rd-form-number-small ::ng-deep app-rd-pure-select-token{transform:translateY(-10px)!important}:host .rd-form-number-small .rd-item-content{transform:translateY(-10px)!important}:host .rd-form-number-small .rd-item-content-value{flex:1;color:var(--rd-copy-primary);background-color:var(--rd-input-bg-default)!important;border:none;padding:4px 0;margin-top:4px;font-size:14px!important;font-weight:500!important;line-height:22px!important}:host .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"] }] });
1098
+ ], ngImport: i0, template: "<div>\n <div\n class=\"rd-form-number-item\"\n [ngClass]=\"{\n 'rd-disabled': disabled,\n 'rd-error': showError,\n 'rd-form-number-small': nzSize === 'small',\n disabled: disabled,\n error: showError,\n }\"\n >\n <div class=\"rd-item-label\">{{ label }}</div>\n <div class=\"rd-item-content\">\n <input\n nz-input\n [name]=\"name\"\n type=\"text\"\n [placeholder]=\"'0'\"\n [mask]=\"'separator.' + nzPrecision\"\n [thousandSeparator]=\"','\"\n [allowNegativeNumbers]=\"allowNegativeNumbers\"\n [dropSpecialCharacters]=\"false\"\n [(ngModel)]=\"inputValue\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"handleValueChange($event)\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n class=\"rd-item-content-value\"\n />\n <ng-content select=\"[slot='token']\"></ng-content>\n <div *ngIf=\"symbol\" class=\"rd-item-content-symbol\">{{ symbol }}</div>\n </div>\n <ng-content></ng-content>\n </div>\n <div *ngIf=\"showError\" class=\"rd-form-item-error\">\n <svg\n class=\"rd-error-icon-light\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M1.33398 7.9987C1.33398 4.3168 4.31875 1.33203 8.00065 1.33203C11.6825 1.33203 14.6673 4.3168 14.6673 7.9987C14.6673 11.6806 11.6825 14.6654 8.00065 14.6654C4.31875 14.6654 1.33398 11.6806 1.33398 7.9987ZM8.00065 2.33203C4.87104 2.33203 2.33398 4.86908 2.33398 7.9987C2.33398 11.1283 4.87104 13.6654 8.00065 13.6654C11.1303 13.6654 13.6673 11.1283 13.6673 7.9987C13.6673 4.86908 11.1303 2.33203 8.00065 2.33203Z\"\n fill=\"#EA485D\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.00039 4.06641C8.33176 4.06641 8.60039 4.33504 8.60039 4.66641V7.99974C8.60039 8.33111 8.33176 8.59974 8.00039 8.59974C7.66902 8.59974 7.40039 8.33111 7.40039 7.99974V4.66641C7.40039 4.33504 7.66902 4.06641 8.00039 4.06641ZM8.00039 10.3997C8.33176 10.3997 8.60039 10.6684 8.60039 10.9997V11.3331C8.60039 11.6644 8.33176 11.9331 8.00039 11.9331C7.66902 11.9331 7.40039 11.6644 7.40039 11.3331V10.9997C7.40039 10.6684 7.66902 10.3997 8.00039 10.3997Z\"\n fill=\"#EA485D\"\n />\n </svg>\n\n <svg\n class=\"rd-error-icon-dark\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M1.33398 7.9987C1.33398 4.3168 4.31875 1.33203 8.00065 1.33203C11.6825 1.33203 14.6673 4.3168 14.6673 7.9987C14.6673 11.6806 11.6825 14.6654 8.00065 14.6654C4.31875 14.6654 1.33398 11.6806 1.33398 7.9987ZM8.00065 2.33203C4.87104 2.33203 2.33398 4.86908 2.33398 7.9987C2.33398 11.1283 4.87104 13.6654 8.00065 13.6654C11.1303 13.6654 13.6673 11.1283 13.6673 7.9987C13.6673 4.86908 11.1303 2.33203 8.00065 2.33203Z\"\n fill=\"#EF7484\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.00039 4.06641C8.33176 4.06641 8.60039 4.33504 8.60039 4.66641V7.99974C8.60039 8.33111 8.33176 8.59974 8.00039 8.59974C7.66902 8.59974 7.40039 8.33111 7.40039 7.99974V4.66641C7.40039 4.33504 7.66902 4.06641 8.00039 4.06641ZM8.00039 10.3997C8.33176 10.3997 8.60039 10.6684 8.60039 10.9997V11.3331C8.60039 11.6644 8.33176 11.9331 8.00039 11.9331C7.66902 11.9331 7.40039 11.6644 7.40039 11.3331V10.9997C7.40039 10.6684 7.66902 10.3997 8.00039 10.3997Z\"\n fill=\"#EF7484\"\n />\n </svg>\n {{ currentErrorMessage }}\n </div>\n</div>\n", styles: [":host .rd-form-number-small{height:64px}:host .rd-form-number-small .rd-item-content{font-size:14px!important;font-weight:400!important;line-height:22px!important}:host .rd-form-number-small ::ng-deep app-rd-pure-select-token{transform:translateY(-10px)!important}:host .rd-form-number-small .rd-item-content{transform:translateY(-10px)!important}:host .rd-form-number-small .rd-item-content-value{flex:1;color:var(--rd-copy-primary);background-color:var(--rd-input-bg-default)!important;border:none;padding:4px 0;margin-top:4px;font-size:14px!important;font-weight:500!important;line-height:22px!important}:host .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$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"] }] });
1096
1099
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomInputAmountComponent, decorators: [{
1097
1100
  type: Component,
1098
1101
  args: [{ selector: 'app-rd-input-amount', providers: [
@@ -1107,7 +1110,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
1107
1110
  multi: true,
1108
1111
  },
1109
1112
  ], template: "<div>\n <div\n class=\"rd-form-number-item\"\n [ngClass]=\"{\n 'rd-disabled': disabled,\n 'rd-error': showError,\n 'rd-form-number-small': nzSize === 'small',\n disabled: disabled,\n error: showError,\n }\"\n >\n <div class=\"rd-item-label\">{{ label }}</div>\n <div class=\"rd-item-content\">\n <input\n nz-input\n [name]=\"name\"\n type=\"text\"\n [placeholder]=\"'0'\"\n [mask]=\"'separator.' + nzPrecision\"\n [thousandSeparator]=\"','\"\n [allowNegativeNumbers]=\"allowNegativeNumbers\"\n [dropSpecialCharacters]=\"false\"\n [(ngModel)]=\"inputValue\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"handleValueChange($event)\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n class=\"rd-item-content-value\"\n />\n <ng-content select=\"[slot='token']\"></ng-content>\n <div *ngIf=\"symbol\" class=\"rd-item-content-symbol\">{{ symbol }}</div>\n </div>\n <ng-content></ng-content>\n </div>\n <div *ngIf=\"showError\" class=\"rd-form-item-error\">\n <svg\n class=\"rd-error-icon-light\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M1.33398 7.9987C1.33398 4.3168 4.31875 1.33203 8.00065 1.33203C11.6825 1.33203 14.6673 4.3168 14.6673 7.9987C14.6673 11.6806 11.6825 14.6654 8.00065 14.6654C4.31875 14.6654 1.33398 11.6806 1.33398 7.9987ZM8.00065 2.33203C4.87104 2.33203 2.33398 4.86908 2.33398 7.9987C2.33398 11.1283 4.87104 13.6654 8.00065 13.6654C11.1303 13.6654 13.6673 11.1283 13.6673 7.9987C13.6673 4.86908 11.1303 2.33203 8.00065 2.33203Z\"\n fill=\"#EA485D\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.00039 4.06641C8.33176 4.06641 8.60039 4.33504 8.60039 4.66641V7.99974C8.60039 8.33111 8.33176 8.59974 8.00039 8.59974C7.66902 8.59974 7.40039 8.33111 7.40039 7.99974V4.66641C7.40039 4.33504 7.66902 4.06641 8.00039 4.06641ZM8.00039 10.3997C8.33176 10.3997 8.60039 10.6684 8.60039 10.9997V11.3331C8.60039 11.6644 8.33176 11.9331 8.00039 11.9331C7.66902 11.9331 7.40039 11.6644 7.40039 11.3331V10.9997C7.40039 10.6684 7.66902 10.3997 8.00039 10.3997Z\"\n fill=\"#EA485D\"\n />\n </svg>\n\n <svg\n class=\"rd-error-icon-dark\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M1.33398 7.9987C1.33398 4.3168 4.31875 1.33203 8.00065 1.33203C11.6825 1.33203 14.6673 4.3168 14.6673 7.9987C14.6673 11.6806 11.6825 14.6654 8.00065 14.6654C4.31875 14.6654 1.33398 11.6806 1.33398 7.9987ZM8.00065 2.33203C4.87104 2.33203 2.33398 4.86908 2.33398 7.9987C2.33398 11.1283 4.87104 13.6654 8.00065 13.6654C11.1303 13.6654 13.6673 11.1283 13.6673 7.9987C13.6673 4.86908 11.1303 2.33203 8.00065 2.33203Z\"\n fill=\"#EF7484\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.00039 4.06641C8.33176 4.06641 8.60039 4.33504 8.60039 4.66641V7.99974C8.60039 8.33111 8.33176 8.59974 8.00039 8.59974C7.66902 8.59974 7.40039 8.33111 7.40039 7.99974V4.66641C7.40039 4.33504 7.66902 4.06641 8.00039 4.06641ZM8.00039 10.3997C8.33176 10.3997 8.60039 10.6684 8.60039 10.9997V11.3331C8.60039 11.6644 8.33176 11.9331 8.00039 11.9331C7.66902 11.9331 7.40039 11.6644 7.40039 11.3331V10.9997C7.40039 10.6684 7.66902 10.3997 8.00039 10.3997Z\"\n fill=\"#EF7484\"\n />\n </svg>\n {{ currentErrorMessage }}\n </div>\n</div>\n", styles: [":host .rd-form-number-small{height:64px}:host .rd-form-number-small .rd-item-content{font-size:14px!important;font-weight:400!important;line-height:22px!important}:host .rd-form-number-small ::ng-deep app-rd-pure-select-token{transform:translateY(-10px)!important}:host .rd-form-number-small .rd-item-content{transform:translateY(-10px)!important}:host .rd-form-number-small .rd-item-content-value{flex:1;color:var(--rd-copy-primary);background-color:var(--rd-input-bg-default)!important;border:none;padding:4px 0;margin-top:4px;font-size:14px!important;font-weight:500!important;line-height:22px!important}:host .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"] }]
1110
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }]; }, propDecorators: { lang: [{
1113
+ }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.TranslateService }]; }, propDecorators: { lang: [{
1111
1114
  type: Input
1112
1115
  }], label: [{
1113
1116
  type: Input
@@ -1269,7 +1272,7 @@ CustomRadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
1269
1272
  useExisting: forwardRef(() => CustomRadioComponent),
1270
1273
  multi: true,
1271
1274
  },
1272
- ], ngImport: i0, template: "<div\n class=\"rd-form-item-radio\"\n [ngClass]=\"{\n 'rd-form-item-radio-disabled': disabled,\n 'rd-form-item-radio-vertical': direction === 'vertical',\n large: size === 'large',\n }\"\n>\n <div class=\"rd-form-item-radio-label\" *ngIf=\"label\">\n {{ label }}\n </div>\n\n <div\n [ngClass]=\"{\n 'rd-radio-group-horizontal': direction === 'horizontal',\n 'rd-radio-group-vertical': direction === 'vertical',\n }\"\n class=\"rd-custom-radio-group\"\n >\n <label\n *ngFor=\"let option of options\"\n class=\"rd-radio-item\"\n [class.rd-radio-item-selected]=\"isOptionSelected(option.value)\"\n [class.rd-radio-item-disabled]=\"disabled || option.disabled\"\n [class.rd-radio-item-large]=\"size === 'large'\"\n [class.rd-radio-item-small]=\"size === 'small'\"\n (click)=\"handleRadioClick(option.value)\"\n >\n <div\n [style.width.px]=\"size === 'large' ? 40 : size === 'small' ? 20 : 24\"\n [style.height.px]=\"size === 'large' ? 40 : size === 'small' ? 20 : 24\"\n >\n <span\n class=\"rd-custom-radio\"\n [class.rd-custom-radio-selected]=\"isOptionSelected(option.value)\"\n [class.rd-custom-radio-disabled]=\"disabled || option.disabled\"\n >\n <span class=\"rd-custom-radio-inner\"></span>\n </span>\n </div>\n <span class=\"rd-radio-text\" [innerHtml]=\"option.label\"> </span>\n </label>\n </div>\n</div>\n", styles: ["::ng-deep .rd-form-item-check .ant-radio-group{display:flex;margin-top:11px}::ng-deep .rd-form-item-check .ant-radio-group label{flex:1;color:var(--rd-copy-primary);font-size:14px;font-weight:500}::ng-deep .rd-form-item-check .ant-radio-group .ant-radio-checked .ant-radio-inner:after{background-color:var(--rd-control-input-selected)}::ng-deep .rd-form-item-check .ant-radio-group .ant-radio-checked:after{border-color:var(--rd-control-border-selected)}:host .rd-form-item-check{position:relative;background-color:var(--rd-bg-panel);width:100%}:host .rd-form-item-check-label{font-size:14px;font-weight:500;color:var(--rd-copy-secondary)}:host .rd-form-item-radio{position:relative;background-color:transparent;width:100%}:host .rd-form-item-radio-disabled{opacity:.5;pointer-events:none}:host .rd-form-item-radio-vertical .rd-radio-group-vertical{flex-direction:column;gap:12px}:host .rd-form-item-radio-label{font-size:14px;font-weight:500;color:var(--rd-copy-primary);margin-bottom:12px}:host .large .rd-custom-radio{width:24px!important;height:24px!important;margin-right:16px!important}:host .large .rd-custom-radio-inner{width:11.2px!important;height:11.2px!important}::ng-deep .rd-form-item-radio .rd-custom-radio-group{display:flex}::ng-deep .rd-form-item-radio .rd-custom-radio-group.rd-radio-group-horizontal{flex-direction:row;gap:24px}::ng-deep .rd-form-item-radio .rd-custom-radio-group.rd-radio-group-vertical{flex-direction:column;gap:12px}::ng-deep .rd-form-item-radio .rd-radio-item{display:flex;align-items:flex-start;cursor:pointer;-webkit-user-select:auto;user-select:auto}::ng-deep .rd-form-item-radio .rd-radio-item:hover .rd-custom-radio:not(.rd-custom-radio-disabled){border-color:var(--rd-control-border-hover)}::ng-deep .rd-form-item-radio .rd-radio-item:hover .rd-custom-radio-selected:not(.rd-custom-radio-disabled){border-color:var(--rd-control-border-hover-selected);background:var(--rd-control-input-hover-selected)}::ng-deep .rd-form-item-radio .rd-radio-item-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}::ng-deep .rd-form-item-radio .rd-custom-radio{position:relative;display:inline-block;width:16px;height:16px;margin:4px 8px 4px 0;border:1px solid var(--rd-control-border-empty);background-color:var(--rd-control-input-empty);border-radius:50%;transition:all .3s ease}::ng-deep .rd-form-item-radio .rd-custom-radio-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:9px;height:9px;background-color:var(--rd-copy-inverse);mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC43OTk4MDUgNC44MDA3OEwzLjU5OTggOC4wMDA3OEw3Ljk5OTggMC44MDA3ODEiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS42IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC43OTk4MDUgNC44MDA3OEwzLjU5OTggOC4wMDA3OEw3Ljk5OTggMC44MDA3ODEiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS42IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;transition:transform .3s cubic-bezier(.78,.14,.15,.86)}.rd-radio-item-large ::ng-deep .rd-form-item-radio .rd-custom-radio{width:22px;height:22px}.rd-radio-item-large ::ng-deep .rd-form-item-radio .rd-custom-radio-inner{width:10px;height:10px}.rd-radio-item-small ::ng-deep .rd-form-item-radio .rd-custom-radio{width:14px;height:14px}.rd-radio-item-small ::ng-deep .rd-form-item-radio .rd-custom-radio-inner{width:6px;height:6px}::ng-deep .rd-form-item-radio .rd-custom-radio-selected{border-color:transparent!important;background:var(--rd-control-input-selected)}::ng-deep .rd-form-item-radio .rd-custom-radio-selected .rd-custom-radio-inner{transform:translate(-50%,-50%) scale(1)}::ng-deep .rd-form-item-radio .rd-custom-radio-disabled{border-color:var(--rd-control-border-disable)!important;background-color:var(--rd-control-input-disable)!important;cursor:not-allowed}::ng-deep .rd-form-item-radio .rd-custom-radio-disabled.rd-custom-radio-selected{background-color:var(--rd-control-input-disable)!important}::ng-deep .rd-form-item-radio .rd-radio-text{font-weight:400;font-size:14px;line-height:22px;color:var(--rd-copy-primary)}.rd-radio-item-disabled ::ng-deep .rd-form-item-radio .rd-radio-text{color:var(--rd-copy-disable)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
1275
+ ], ngImport: i0, template: "<div\n class=\"rd-form-item-radio\"\n [ngClass]=\"{\n 'rd-form-item-radio-disabled': disabled,\n 'rd-form-item-radio-vertical': direction === 'vertical',\n large: size === 'large',\n }\"\n>\n <div class=\"rd-form-item-radio-label\" *ngIf=\"label\">\n {{ label }}\n </div>\n\n <div\n [ngClass]=\"{\n 'rd-radio-group-horizontal': direction === 'horizontal',\n 'rd-radio-group-vertical': direction === 'vertical',\n }\"\n class=\"rd-custom-radio-group\"\n >\n <label\n *ngFor=\"let option of options\"\n class=\"rd-radio-item\"\n [class.rd-radio-item-selected]=\"isOptionSelected(option.value)\"\n [class.rd-radio-item-disabled]=\"disabled || option.disabled\"\n [class.rd-radio-item-large]=\"size === 'large'\"\n [class.rd-radio-item-small]=\"size === 'small'\"\n (click)=\"handleRadioClick(option.value)\"\n >\n <div\n [style.width.px]=\"size === 'large' ? 40 : size === 'small' ? 20 : 24\"\n [style.height.px]=\"size === 'large' ? 40 : size === 'small' ? 20 : 24\"\n >\n <span\n class=\"rd-custom-radio\"\n [class.rd-custom-radio-selected]=\"isOptionSelected(option.value)\"\n [class.rd-custom-radio-disabled]=\"disabled || option.disabled\"\n >\n <span class=\"rd-custom-radio-inner\"></span>\n </span>\n </div>\n <span class=\"rd-radio-text\" [innerHtml]=\"option.label\"> </span>\n </label>\n </div>\n</div>\n", styles: ["::ng-deep .rd-form-item-check .ant-radio-group{display:flex;margin-top:11px}::ng-deep .rd-form-item-check .ant-radio-group label{flex:1;color:var(--rd-copy-primary);font-size:14px;font-weight:500}::ng-deep .rd-form-item-check .ant-radio-group .ant-radio-checked .ant-radio-inner:after{background-color:var(--rd-control-input-selected)}::ng-deep .rd-form-item-check .ant-radio-group .ant-radio-checked:after{border-color:var(--rd-control-border-selected)}:host .rd-form-item-check{position:relative;background-color:var(--rd-bg-panel);width:100%}:host .rd-form-item-check-label{font-size:14px;font-weight:500;color:var(--rd-copy-secondary)}:host .rd-form-item-radio{position:relative;background-color:transparent;width:100%}:host .rd-form-item-radio-disabled{opacity:.5;pointer-events:none}:host .rd-form-item-radio-vertical .rd-radio-group-vertical{flex-direction:column;gap:12px}:host .rd-form-item-radio-label{font-size:14px;font-weight:500;color:var(--rd-copy-primary);margin-bottom:12px}:host .large .rd-custom-radio{width:24px!important;height:24px!important;margin-right:16px!important}:host .large .rd-custom-radio-inner{width:11.2px!important;height:11.2px!important}::ng-deep .rd-form-item-radio .rd-custom-radio-group{display:flex}::ng-deep .rd-form-item-radio .rd-custom-radio-group.rd-radio-group-horizontal{flex-direction:row;gap:24px}::ng-deep .rd-form-item-radio .rd-custom-radio-group.rd-radio-group-vertical{flex-direction:column;gap:12px}::ng-deep .rd-form-item-radio .rd-radio-item{display:flex;align-items:flex-start;cursor:pointer;-webkit-user-select:auto;user-select:auto}::ng-deep .rd-form-item-radio .rd-radio-item:hover .rd-custom-radio:not(.rd-custom-radio-disabled){border-color:var(--rd-control-border-hover)}::ng-deep .rd-form-item-radio .rd-radio-item:hover .rd-custom-radio-selected:not(.rd-custom-radio-disabled){border-color:var(--rd-control-border-hover-selected);background:var(--rd-control-input-hover-selected)}::ng-deep .rd-form-item-radio .rd-radio-item-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}::ng-deep .rd-form-item-radio .rd-custom-radio{position:relative;display:inline-block;width:16px;height:16px;margin:4px 8px 4px 0;border:1px solid var(--rd-control-border-empty);background-color:var(--rd-control-input-empty);border-radius:50%;transition:all .3s ease}::ng-deep .rd-form-item-radio .rd-custom-radio-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:9px;height:9px;background-color:var(--rd-copy-inverse);mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC43OTk4MDUgNC44MDA3OEwzLjU5OTggOC4wMDA3OEw3Ljk5OTggMC44MDA3ODEiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS42IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC43OTk4MDUgNC44MDA3OEwzLjU5OTggOC4wMDA3OEw3Ljk5OTggMC44MDA3ODEiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS42IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;transition:transform .3s cubic-bezier(.78,.14,.15,.86)}.rd-radio-item-large ::ng-deep .rd-form-item-radio .rd-custom-radio{width:22px;height:22px}.rd-radio-item-large ::ng-deep .rd-form-item-radio .rd-custom-radio-inner{width:10px;height:10px}.rd-radio-item-small ::ng-deep .rd-form-item-radio .rd-custom-radio{width:14px;height:14px}.rd-radio-item-small ::ng-deep .rd-form-item-radio .rd-custom-radio-inner{width:6px;height:6px}::ng-deep .rd-form-item-radio .rd-custom-radio-selected{border-color:transparent!important;background:var(--rd-control-input-selected)}::ng-deep .rd-form-item-radio .rd-custom-radio-selected .rd-custom-radio-inner{transform:translate(-50%,-50%) scale(1)}::ng-deep .rd-form-item-radio .rd-custom-radio-disabled{border-color:var(--rd-control-border-disable)!important;background-color:var(--rd-control-input-disable)!important;cursor:not-allowed}::ng-deep .rd-form-item-radio .rd-custom-radio-disabled.rd-custom-radio-selected{background-color:var(--rd-control-input-disable)!important}::ng-deep .rd-form-item-radio .rd-radio-text{font-weight:400;font-size:14px;line-height:22px;color:var(--rd-copy-primary)}.rd-radio-item-disabled ::ng-deep .rd-form-item-radio .rd-radio-text{color:var(--rd-copy-disable)!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
1273
1276
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomRadioComponent, decorators: [{
1274
1277
  type: Component,
1275
1278
  args: [{ selector: 'app-rd-radio', providers: [
@@ -1419,7 +1422,7 @@ class RdButtonComponent {
1419
1422
  }
1420
1423
  }
1421
1424
  RdButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1422
- RdButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdButtonComponent, selector: "app-rd-button", inputs: { type: "type", size: "size", shape: "shape", disabled: "disabled", loading: "loading", block: "block", htmlType: "htmlType", outline: "outline", ghost: "ghost", dashed: "dashed", icon: "icon", danger: "danger", minWidth: "minWidth" }, outputs: { click: "click" }, ngImport: i0, template: "<button\n nz-button\n [nzType]=\"nzType\"\n [nzShape]=\"nzShape\"\n [nzSize]=\"nzSize\"\n [nzGhost]=\"ghost\"\n [nzDanger]=\"danger || type === 'danger'\"\n [nzBlock]=\"block\"\n [nzLoading]=\"loading\"\n [disabled]=\"disabled\"\n [type]=\"htmlType\"\n [ngClass]=\"buttonClasses\"\n [ngStyle]=\"{ 'min-width': minWidth + 'px' }\"\n (click)=\"onClick($event)\"\n class=\"rd-button-native\"\n>\n <span class=\"rd-button-content\">\n <ng-content></ng-content>\n </span>\n</button>\n", styles: [".rd-button-native{transition:all .3s ease;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--rd-btn-radius, 12px);border:1px solid transparent;cursor:pointer}.rd-button-native:focus{outline:none}.rd-button-native:disabled{cursor:not-allowed}.rd-button-primary{height:44px;padding:0 24px;color:var(--rd-btn-solid-primary-fg-default);background-color:var(--rd-btn-solid-primary-bg-default);border:1px solid var(--rd-btn-solid-primary-bg-default)}.rd-button-primary:hover,.rd-button-primary:active,.rd-button-primary:focus{border:1px solid var(--rd-btn-solid-primary-bg-hover);background-color:var(--rd-btn-solid-primary-bg-hover)}.rd-button-primary:disabled{background-color:var(--rd-btn-solid-primary-bg-disable)!important;border:1px solid var(--rd-btn-solid-primary-bg-disable)!important;color:var(--rd-btn-solid-primary-fg-disable)!important}.rd-button-primary.rd-button-outline{color:var(--rd-btn-outline-primary-fg-default);background-color:var(--rd-btn-outline-primary-bg-default);border:1px solid var(--rd-btn-outline-primary-border-default)}.rd-button-primary.rd-button-outline:hover,.rd-button-primary.rd-button-outline:active,.rd-button-primary.rd-button-outline:focus{color:var(--rd-btn-outline-primary-fg-hover);border:1px solid var(--rd-btn-outline-primary-border-hover);background-color:var(--rd-btn-outline-primary-bg-hover)}.rd-button-primary.rd-button-outline:disabled{background-color:var(--rd-btn-outline-primary-bg-disable)!important;border:1px solid var(--rd-btn-outline-primary-border-disable)!important;color:var(--rd-btn-outline-primary-fg-disable)!important}.rd-button-default{height:44px;padding:0 24px;border-radius:var(--rd-btn-radius, 12px);border:1px solid var(--rd-btn-outline-primary-border-default);color:var(--rd-btn-outline-primary-fg-default);background-color:transparent;font-size:14px;line-height:22px}.rd-button-default:hover,.rd-button-default:active,.rd-button-default:focus{border:1px solid var(--rd-btn-outline-primary-border-hover);color:var(--rd-btn-outline-primary-fg-hover);background-color:transparent}.rd-button-default:disabled{background-color:transparent!important;border:1px solid var(--rd-btn-outline-primary-border-disable)!important;color:var(--rd-btn-outline-primary-fg-disable)!important}.rd-button-secondary{height:44px;padding:0 24px;color:var(--rd-btn-solid-secondary-fg-default);background-color:var(--rd-btn-solid-secondary-bg-default);border:1px solid var(--rd-btn-solid-secondary-bg-default)}.rd-button-secondary:hover,.rd-button-secondary:active,.rd-button-secondary:focus{color:var(--rd-btn-solid-secondary-fg-hover);border:1px solid var(--rd-btn-solid-secondary-bg-hover);background-color:var(--rd-btn-solid-secondary-bg-hover)}.rd-button-secondary:disabled{background-color:var(--rd-btn-solid-secondary-bg-disable)!important;border:1px solid var(--rd-btn-solid-secondary-bg-disable)!important;color:var(--rd-btn-solid-secondary-fg-disable)!important}.rd-button-secondary.rd-button-outline{color:var(--rd-btn-outline-secondary-fg-default);background-color:var(--rd-btn-outline-secondary-bg-default);border:1px solid var(--rd-btn-outline-secondary-border-default)}.rd-button-secondary.rd-button-outline:hover,.rd-button-secondary.rd-button-outline:active,.rd-button-secondary.rd-button-outline:focus{color:var(--rd-btn-outline-secondary-fg-hover);border:1px solid var(--rd-btn-outline-secondary-border-hover);background-color:var(--rd-btn-outline-secondary-bg-hover)}.rd-button-secondary.rd-button-outline:disabled{background-color:var(--rd-btn-outline-secondary-bg-disable)!important;border:1px solid var(--rd-btn-outline-secondary-border-disable)!important;color:var(--rd-btn-outline-secondary-fg-disable)!important}.rd-button-tertiary{height:44px;padding:0 24px;color:var(--rd-btn-solid-tertiary-fg-default);background-color:var(--rd-btn-solid-tertiary-bg-default);border:1px solid var(--rd-btn-solid-tertiary-bg-default)}.rd-button-tertiary:hover,.rd-button-tertiary:active,.rd-button-tertiary:focus{color:var(--rd-btn-solid-tertiary-fg-hover);border:1px solid var(--rd-btn-solid-tertiary-bg-hover);background-color:var(--rd-btn-solid-tertiary-bg-hover)}.rd-button-tertiary:disabled{background-color:var(--rd-btn-solid-tertiary-bg-disable)!important;border:1px solid var(--rd-btn-solid-tertiary-bg-disable)!important;color:var(--rd-btn-solid-tertiary-fg-disable)!important}.rd-button-tertiary.rd-button-outline{color:var(--rd-btn-outline-secondary-fg-default);background-color:var(--rd-btn-outline-secondary-bg-default);border:1px solid var(--rd-btn-outline-secondary-border-default)}.rd-button-tertiary.rd-button-outline:hover,.rd-button-tertiary.rd-button-outline:active,.rd-button-tertiary.rd-button-outline:focus{color:var(--rd-btn-outline-secondary-fg-hover);border:1px solid var(--rd-btn-outline-secondary-border-hover);background-color:var(--rd-btn-outline-secondary-bg-hover)}.rd-button-tertiary.rd-button-outline:disabled{background-color:var(--rd-btn-outline-secondary-bg-disable)!important;border:1px solid var(--rd-btn-outline-secondary-border-disable)!important;color:var(--rd-btn-outline-secondary-fg-disable)!important}.rd-button-gradient{height:44px;padding:0 24px;color:var(--rd-btn-solid-primary-fg-default);border:1px solid transparent;background-color:transparent;background-image:var(--rd-gradient-orista)}.rd-button-gradient:hover,.rd-button-gradient:active,.rd-button-gradient:focus{opacity:.88;background-image:var(--rd-gradient-orista)}.rd-button-gradient:disabled{opacity:1;background-image:none!important;background-color:var(--rd-btn-solid-primary-bg-disable)!important;border:1px solid var(--rd-btn-solid-primary-bg-disable)!important;color:var(--rd-btn-solid-primary-fg-disable)!important}.rd-button-gradient.rd-button-outline{opacity:1;color:var(--rd-copy-brand);border:1px solid transparent;background-color:transparent;background-image:linear-gradient(var(--rd-bg-panel),var(--rd-bg-panel)),var(--rd-gradient-orista);background-origin:border-box;background-clip:padding-box,border-box}.rd-button-gradient.rd-button-outline:hover,.rd-button-gradient.rd-button-outline:active,.rd-button-gradient.rd-button-outline:focus{opacity:.88;color:var(--rd-copy-brand-hover)}.rd-button-gradient.rd-button-outline:disabled{opacity:1;background-image:none!important;background-color:transparent!important;border:1px solid var(--rd-btn-outline-primary-border-disable)!important;color:var(--rd-btn-outline-primary-fg-disable)!important}.rd-button-danger{height:44px;padding:0 24px;border-radius:4px;border:1px solid var(--rd-btn-solid-danger-bg-default);color:var(--rd-btn-solid-danger-fg-default);background-color:var(--rd-btn-solid-danger-bg-default)}.rd-button-danger:hover,.rd-button-danger:active,.rd-button-danger:focus{background-color:var(--rd-btn-solid-danger-bg-hover)!important;border:1px solid var(--rd-btn-solid-danger-bg-hover);color:var(--rd-btn-solid-danger-fg-hover)!important}.rd-button-danger.rd-button-outline{color:var(--rd-btn-outline-danger-fg-default);background-color:var(--rd-btn-outline-danger-bg-default);border:1px solid var(--rd-btn-outline-danger-border-default)}.rd-button-danger.rd-button-outline:hover,.rd-button-danger.rd-button-outline:active,.rd-button-danger.rd-button-outline:focus{color:var(--rd-btn-outline-danger-fg-hover);border:1px solid var(--rd-btn-outline-danger-border-hover);background-color:var(--rd-btn-outline-danger-bg-hover)}.rd-button-danger.rd-button-outline:disabled{background-color:var(--rd-btn-outline-danger-bg-disable)!important;border:1px solid var(--rd-btn-outline-danger-border-disable)!important;color:var(--rd-btn-outline-danger-fg-disable)!important}.rd-button-yellow{height:44px;padding:0 24px;border-radius:8px!important;border:1px solid #fcd535;color:#000;background-color:#fcd535}.rd-button-yellow:active{border:1px solid #d9a23a;background-color:#d9a23a}.rd-button-yellow:disabled{background-color:#242e3c!important;border:1px solid #242e3c!important;color:#4b5563!important}.rd-button-gray{--antd-wave-shadow-color: #ededed;height:44px;padding:0 24px;border-radius:8px!important;border:1px solid #ededed;color:#000;background-color:#ededed}.rd-button-gray:active{border:1px solid #e5e5e5;background-color:#e5e5e5}.rd-button-gray:disabled{background-color:#242e3c!important;border:1px solid #242e3c!important;color:#4b5563!important}.rd-button-link{font-size:13px;line-height:18px;color:var(--rd-copy-brand);background:transparent;border:none;padding:0;height:auto}.rd-button-link:hover,.rd-button-link:active,.rd-button-link:focus{color:var(--rd-copy-brand-hover);text-decoration:underline}.rd-button-text{color:var(--rd-copy-brand);background:transparent;border:none;padding:0 16px;height:auto}.rd-button-text:hover,.rd-button-text:active,.rd-button-text:focus{color:var(--rd-copy-brand-hover)}.rd-button-size-large{height:48px;padding:0 32px;font-size:16px}.rd-button-size-small{height:32px!important;padding:0 16px!important;font-size:13px;font-weight:500;line-height:18px}.rd-button-size-small.rd-button-primary{border:1px solid var(--rd-btn-solid-primary-bg-default);background-color:var(--rd-btn-solid-primary-bg-default)}.rd-button-size-small.rd-button-primary:hover,.rd-button-size-small.rd-button-primary:active,.rd-button-size-small.rd-button-primary:focus{border:1px solid var(--rd-btn-solid-primary-bg-hover);background-color:var(--rd-btn-solid-primary-bg-hover)}.rd-button-size-small.rd-button-default{border:1px solid var(--rd-btn-outline-primary-border-default);color:var(--rd-btn-outline-primary-fg-default);background-color:transparent}.rd-button-size-small.rd-button-default:hover,.rd-button-size-small.rd-button-default:active,.rd-button-size-small.rd-button-default:focus{border:1px solid var(--rd-btn-outline-primary-border-hover);color:var(--rd-btn-outline-primary-fg-hover);background-color:transparent}.rd-button-size-small.rd-button-yellow{border:1px solid #fcd535;background-color:#fcd535;color:#000}.rd-button-size-small.rd-button-yellow:active{border:1px solid #d9a23a;background-color:#d9a23a}.rd-button-size-small.rd-button-gray{border:1px solid #ededed;background-color:#ededed;color:#000}.rd-button-size-small.rd-button-gray:active{border:1px solid #e5e5e5;background-color:#e5e5e5}.rd-button-shape-circle{border-radius:50%;width:44px;height:44px;padding:0}.rd-button-shape-circle.rd-button-size-small{width:32px!important;height:32px!important}.rd-button-shape-circle.rd-button-size-large{width:48px;height:48px}.rd-button-shape-round{border-radius:22px}.rd-button-shape-round.rd-button-size-small{border-radius:16px}.rd-button-shape-round.rd-button-size-large{border-radius:24px}.rd-button-block{display:block;width:100%}.rd-button-ghost{background-color:transparent!important}.rd-button-ghost.rd-button-primary{border:1px solid var(--rd-btn-ghost-primary-fg-default);color:var(--rd-btn-ghost-primary-fg-default)}.rd-button-ghost.rd-button-primary:hover,.rd-button-ghost.rd-button-primary:active,.rd-button-ghost.rd-button-primary:focus{border:1px solid var(--rd-btn-ghost-primary-fg-hover);background-color:transparent;color:var(--rd-btn-ghost-primary-fg-hover)}.rd-button-ghost.rd-button-default{border:1px solid var(--rd-btn-outline-primary-border-default);color:var(--rd-btn-outline-primary-fg-default);background:transparent}.rd-button-ghost.rd-button-danger{border:1px solid var(--rd-btn-ghost-danger-fg-default);color:var(--rd-btn-ghost-danger-fg-default)}.rd-button-ghost.rd-button-secondary,.rd-button-ghost.rd-button-tertiary{border:1px solid transparent;color:var(--rd-btn-ghost-secondary-fg-default);background-color:var(--rd-btn-ghost-secondary-bg-default)!important}.rd-button-ghost.rd-button-secondary:hover,.rd-button-ghost.rd-button-secondary:active,.rd-button-ghost.rd-button-secondary:focus,.rd-button-ghost.rd-button-tertiary:hover,.rd-button-ghost.rd-button-tertiary:active,.rd-button-ghost.rd-button-tertiary:focus{color:var(--rd-btn-ghost-secondary-fg-hover);background-color:var(--rd-btn-ghost-secondary-bg-hover)!important}.rd-button-ghost.rd-button-gradient{border:1px solid transparent;color:var(--rd-copy-brand);background-image:none!important}.rd-button-ghost.rd-button-yellow{border:1px solid #f9ba43;color:#f9ba43}.rd-button-ghost.rd-button-gray{border:1px solid #d1d1d1;color:#d1d1d1}.rd-button-dashed{border-style:dashed}.rd-button-content{display:inline-flex;align-items:center;gap:8px}.rd-button-icon{font-size:14px;line-height:1}.rd-button-loading-icon{margin-right:4px}.rd-button-icon-only .rd-button-content{display:none}.rd-button-icon-only .rd-button-icon{margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host ::ng-deep .ant-btn{font-family:inherit;line-height:1.5715;box-shadow:none}:host ::ng-deep .ant-btn:focus{outline:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i3$1.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i4$2.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1425
+ RdButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdButtonComponent, selector: "app-rd-button", inputs: { type: "type", size: "size", shape: "shape", disabled: "disabled", loading: "loading", block: "block", htmlType: "htmlType", outline: "outline", ghost: "ghost", dashed: "dashed", icon: "icon", danger: "danger", minWidth: "minWidth" }, outputs: { click: "click" }, ngImport: i0, template: "<button\n nz-button\n [nzType]=\"nzType\"\n [nzShape]=\"nzShape\"\n [nzSize]=\"nzSize\"\n [nzGhost]=\"ghost\"\n [nzDanger]=\"danger || type === 'danger'\"\n [nzBlock]=\"block\"\n [nzLoading]=\"loading\"\n [disabled]=\"disabled\"\n [type]=\"htmlType\"\n [ngClass]=\"buttonClasses\"\n [ngStyle]=\"{ 'min-width': minWidth + 'px' }\"\n (click)=\"onClick($event)\"\n class=\"rd-button-native\"\n>\n <span class=\"rd-button-content\">\n <ng-content></ng-content>\n </span>\n</button>\n", styles: [".rd-button-native{transition:all .3s ease;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--rd-btn-radius, 12px);border:1px solid transparent;cursor:pointer}.rd-button-native:focus{outline:none}.rd-button-native:disabled{cursor:not-allowed}.rd-button-primary{height:44px;padding:0 24px;color:var(--rd-btn-solid-primary-fg-default);background-color:var(--rd-btn-solid-primary-bg-default);border:1px solid var(--rd-btn-solid-primary-bg-default)}.rd-button-primary:hover,.rd-button-primary:active,.rd-button-primary:focus{border:1px solid var(--rd-btn-solid-primary-bg-hover);background-color:var(--rd-btn-solid-primary-bg-hover)}.rd-button-primary:disabled{background-color:var(--rd-btn-solid-primary-bg-disable)!important;border:1px solid var(--rd-btn-solid-primary-bg-disable)!important;color:var(--rd-btn-solid-primary-fg-disable)!important}.rd-button-primary.rd-button-outline{color:var(--rd-btn-outline-primary-fg-default);background-color:var(--rd-btn-outline-primary-bg-default);border:1px solid var(--rd-btn-outline-primary-border-default)}.rd-button-primary.rd-button-outline:hover,.rd-button-primary.rd-button-outline:active,.rd-button-primary.rd-button-outline:focus{color:var(--rd-btn-outline-primary-fg-hover);border:1px solid var(--rd-btn-outline-primary-border-hover);background-color:var(--rd-btn-outline-primary-bg-hover)}.rd-button-primary.rd-button-outline:disabled{background-color:var(--rd-btn-outline-primary-bg-disable)!important;border:1px solid var(--rd-btn-outline-primary-border-disable)!important;color:var(--rd-btn-outline-primary-fg-disable)!important}.rd-button-default{height:44px;padding:0 24px;border-radius:var(--rd-btn-radius, 12px);border:1px solid var(--rd-btn-outline-primary-border-default);color:var(--rd-btn-outline-primary-fg-default);background-color:transparent;font-size:14px;line-height:22px}.rd-button-default:hover,.rd-button-default:active,.rd-button-default:focus{border:1px solid var(--rd-btn-outline-primary-border-hover);color:var(--rd-btn-outline-primary-fg-hover);background-color:transparent}.rd-button-default:disabled{background-color:transparent!important;border:1px solid var(--rd-btn-outline-primary-border-disable)!important;color:var(--rd-btn-outline-primary-fg-disable)!important}.rd-button-secondary{height:44px;padding:0 24px;color:var(--rd-btn-solid-secondary-fg-default);background-color:var(--rd-btn-solid-secondary-bg-default);border:1px solid var(--rd-btn-solid-secondary-bg-default)}.rd-button-secondary:hover,.rd-button-secondary:active,.rd-button-secondary:focus{color:var(--rd-btn-solid-secondary-fg-hover);border:1px solid var(--rd-btn-solid-secondary-bg-hover);background-color:var(--rd-btn-solid-secondary-bg-hover)}.rd-button-secondary:disabled{background-color:var(--rd-btn-solid-secondary-bg-disable)!important;border:1px solid var(--rd-btn-solid-secondary-bg-disable)!important;color:var(--rd-btn-solid-secondary-fg-disable)!important}.rd-button-secondary.rd-button-outline{color:var(--rd-btn-outline-secondary-fg-default);background-color:var(--rd-btn-outline-secondary-bg-default);border:1px solid var(--rd-btn-outline-secondary-border-default)}.rd-button-secondary.rd-button-outline:hover,.rd-button-secondary.rd-button-outline:active,.rd-button-secondary.rd-button-outline:focus{color:var(--rd-btn-outline-secondary-fg-hover);border:1px solid var(--rd-btn-outline-secondary-border-hover);background-color:var(--rd-btn-outline-secondary-bg-hover)}.rd-button-secondary.rd-button-outline:disabled{background-color:var(--rd-btn-outline-secondary-bg-disable)!important;border:1px solid var(--rd-btn-outline-secondary-border-disable)!important;color:var(--rd-btn-outline-secondary-fg-disable)!important}.rd-button-tertiary{height:44px;padding:0 24px;color:var(--rd-btn-solid-tertiary-fg-default);background-color:var(--rd-btn-solid-tertiary-bg-default);border:1px solid var(--rd-btn-solid-tertiary-bg-default)}.rd-button-tertiary:hover,.rd-button-tertiary:active,.rd-button-tertiary:focus{color:var(--rd-btn-solid-tertiary-fg-hover);border:1px solid var(--rd-btn-solid-tertiary-bg-hover);background-color:var(--rd-btn-solid-tertiary-bg-hover)}.rd-button-tertiary:disabled{background-color:var(--rd-btn-solid-tertiary-bg-disable)!important;border:1px solid var(--rd-btn-solid-tertiary-bg-disable)!important;color:var(--rd-btn-solid-tertiary-fg-disable)!important}.rd-button-tertiary.rd-button-outline{color:var(--rd-btn-outline-secondary-fg-default);background-color:var(--rd-btn-outline-secondary-bg-default);border:1px solid var(--rd-btn-outline-secondary-border-default)}.rd-button-tertiary.rd-button-outline:hover,.rd-button-tertiary.rd-button-outline:active,.rd-button-tertiary.rd-button-outline:focus{color:var(--rd-btn-outline-secondary-fg-hover);border:1px solid var(--rd-btn-outline-secondary-border-hover);background-color:var(--rd-btn-outline-secondary-bg-hover)}.rd-button-tertiary.rd-button-outline:disabled{background-color:var(--rd-btn-outline-secondary-bg-disable)!important;border:1px solid var(--rd-btn-outline-secondary-border-disable)!important;color:var(--rd-btn-outline-secondary-fg-disable)!important}.rd-button-gradient{height:44px;padding:0 24px;color:var(--rd-btn-solid-primary-fg-default);border:1px solid transparent;background-color:transparent;background-image:var(--rd-gradient-orista)}.rd-button-gradient:hover,.rd-button-gradient:active,.rd-button-gradient:focus{opacity:.88;background-image:var(--rd-gradient-orista)}.rd-button-gradient:disabled{opacity:1;background-image:none!important;background-color:var(--rd-btn-solid-primary-bg-disable)!important;border:1px solid var(--rd-btn-solid-primary-bg-disable)!important;color:var(--rd-btn-solid-primary-fg-disable)!important}.rd-button-gradient.rd-button-outline{opacity:1;color:var(--rd-copy-brand);border:1px solid transparent;background-color:transparent;background-image:linear-gradient(var(--rd-bg-panel),var(--rd-bg-panel)),var(--rd-gradient-orista);background-origin:border-box;background-clip:padding-box,border-box}.rd-button-gradient.rd-button-outline:hover,.rd-button-gradient.rd-button-outline:active,.rd-button-gradient.rd-button-outline:focus{opacity:.88;color:var(--rd-copy-brand-hover)}.rd-button-gradient.rd-button-outline:disabled{opacity:1;background-image:none!important;background-color:transparent!important;border:1px solid var(--rd-btn-outline-primary-border-disable)!important;color:var(--rd-btn-outline-primary-fg-disable)!important}.rd-button-danger{height:44px;padding:0 24px;border-radius:4px;border:1px solid var(--rd-btn-solid-danger-bg-default);color:var(--rd-btn-solid-danger-fg-default);background-color:var(--rd-btn-solid-danger-bg-default)}.rd-button-danger:hover,.rd-button-danger:active,.rd-button-danger:focus{background-color:var(--rd-btn-solid-danger-bg-hover)!important;border:1px solid var(--rd-btn-solid-danger-bg-hover);color:var(--rd-btn-solid-danger-fg-hover)!important}.rd-button-danger.rd-button-outline{color:var(--rd-btn-outline-danger-fg-default);background-color:var(--rd-btn-outline-danger-bg-default);border:1px solid var(--rd-btn-outline-danger-border-default)}.rd-button-danger.rd-button-outline:hover,.rd-button-danger.rd-button-outline:active,.rd-button-danger.rd-button-outline:focus{color:var(--rd-btn-outline-danger-fg-hover);border:1px solid var(--rd-btn-outline-danger-border-hover);background-color:var(--rd-btn-outline-danger-bg-hover)}.rd-button-danger.rd-button-outline:disabled{background-color:var(--rd-btn-outline-danger-bg-disable)!important;border:1px solid var(--rd-btn-outline-danger-border-disable)!important;color:var(--rd-btn-outline-danger-fg-disable)!important}.rd-button-yellow{height:44px;padding:0 24px;border-radius:8px!important;border:1px solid #fcd535;color:#000;background-color:#fcd535}.rd-button-yellow:active{border:1px solid #d9a23a;background-color:#d9a23a}.rd-button-yellow:disabled{background-color:#242e3c!important;border:1px solid #242e3c!important;color:#4b5563!important}.rd-button-gray{--antd-wave-shadow-color: #ededed;height:44px;padding:0 24px;border-radius:8px!important;border:1px solid #ededed;color:#000;background-color:#ededed}.rd-button-gray:active{border:1px solid #e5e5e5;background-color:#e5e5e5}.rd-button-gray:disabled{background-color:#242e3c!important;border:1px solid #242e3c!important;color:#4b5563!important}.rd-button-link{font-size:13px;line-height:18px;color:var(--rd-copy-brand);background:transparent;border:none;padding:0;height:auto}.rd-button-link:hover,.rd-button-link:active,.rd-button-link:focus{color:var(--rd-copy-brand-hover);text-decoration:underline}.rd-button-text{color:var(--rd-copy-brand);background:transparent;border:none;padding:0 16px;height:auto}.rd-button-text:hover,.rd-button-text:active,.rd-button-text:focus{color:var(--rd-copy-brand-hover)}.rd-button-size-large{height:48px;padding:0 32px;font-size:16px}.rd-button-size-small{height:32px!important;padding:0 16px!important;font-size:13px;font-weight:500;line-height:18px}.rd-button-size-small.rd-button-primary{border:1px solid var(--rd-btn-solid-primary-bg-default);background-color:var(--rd-btn-solid-primary-bg-default)}.rd-button-size-small.rd-button-primary:hover,.rd-button-size-small.rd-button-primary:active,.rd-button-size-small.rd-button-primary:focus{border:1px solid var(--rd-btn-solid-primary-bg-hover);background-color:var(--rd-btn-solid-primary-bg-hover)}.rd-button-size-small.rd-button-default{border:1px solid var(--rd-btn-outline-primary-border-default);color:var(--rd-btn-outline-primary-fg-default);background-color:transparent}.rd-button-size-small.rd-button-default:hover,.rd-button-size-small.rd-button-default:active,.rd-button-size-small.rd-button-default:focus{border:1px solid var(--rd-btn-outline-primary-border-hover);color:var(--rd-btn-outline-primary-fg-hover);background-color:transparent}.rd-button-size-small.rd-button-yellow{border:1px solid #fcd535;background-color:#fcd535;color:#000}.rd-button-size-small.rd-button-yellow:active{border:1px solid #d9a23a;background-color:#d9a23a}.rd-button-size-small.rd-button-gray{border:1px solid #ededed;background-color:#ededed;color:#000}.rd-button-size-small.rd-button-gray:active{border:1px solid #e5e5e5;background-color:#e5e5e5}.rd-button-shape-circle{border-radius:50%;width:44px;height:44px;padding:0}.rd-button-shape-circle.rd-button-size-small{width:32px!important;height:32px!important}.rd-button-shape-circle.rd-button-size-large{width:48px;height:48px}.rd-button-shape-round{border-radius:22px}.rd-button-shape-round.rd-button-size-small{border-radius:16px}.rd-button-shape-round.rd-button-size-large{border-radius:24px}.rd-button-block{display:block;width:100%}.rd-button-ghost{background-color:transparent!important}.rd-button-ghost.rd-button-primary{border:1px solid var(--rd-btn-ghost-primary-fg-default);color:var(--rd-btn-ghost-primary-fg-default)}.rd-button-ghost.rd-button-primary:hover,.rd-button-ghost.rd-button-primary:active,.rd-button-ghost.rd-button-primary:focus{border:1px solid var(--rd-btn-ghost-primary-fg-hover);background-color:transparent;color:var(--rd-btn-ghost-primary-fg-hover)}.rd-button-ghost.rd-button-default{border:1px solid var(--rd-btn-outline-primary-border-default);color:var(--rd-btn-outline-primary-fg-default);background:transparent}.rd-button-ghost.rd-button-danger{border:1px solid var(--rd-btn-ghost-danger-fg-default);color:var(--rd-btn-ghost-danger-fg-default)}.rd-button-ghost.rd-button-secondary,.rd-button-ghost.rd-button-tertiary{border:1px solid transparent;color:var(--rd-btn-ghost-secondary-fg-default);background-color:var(--rd-btn-ghost-secondary-bg-default)!important}.rd-button-ghost.rd-button-secondary:hover,.rd-button-ghost.rd-button-secondary:active,.rd-button-ghost.rd-button-secondary:focus,.rd-button-ghost.rd-button-tertiary:hover,.rd-button-ghost.rd-button-tertiary:active,.rd-button-ghost.rd-button-tertiary:focus{color:var(--rd-btn-ghost-secondary-fg-hover);background-color:var(--rd-btn-ghost-secondary-bg-hover)!important}.rd-button-ghost.rd-button-gradient{border:1px solid transparent;color:var(--rd-copy-brand);background-image:none!important}.rd-button-ghost.rd-button-yellow{border:1px solid #f9ba43;color:#f9ba43}.rd-button-ghost.rd-button-gray{border:1px solid #d1d1d1;color:#d1d1d1}.rd-button-dashed{border-style:dashed}.rd-button-content{display:inline-flex;align-items:center;gap:8px}.rd-button-icon{font-size:14px;line-height:1}.rd-button-loading-icon{margin-right:4px}.rd-button-icon-only .rd-button-content{display:none}.rd-button-icon-only .rd-button-icon{margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host ::ng-deep .ant-btn{font-family:inherit;line-height:1.5715;box-shadow:none}:host ::ng-deep .ant-btn:focus{outline:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$1.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i3$1.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i4$2.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1423
1426
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdButtonComponent, decorators: [{
1424
1427
  type: Component,
1425
1428
  args: [{ selector: 'app-rd-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n nz-button\n [nzType]=\"nzType\"\n [nzShape]=\"nzShape\"\n [nzSize]=\"nzSize\"\n [nzGhost]=\"ghost\"\n [nzDanger]=\"danger || type === 'danger'\"\n [nzBlock]=\"block\"\n [nzLoading]=\"loading\"\n [disabled]=\"disabled\"\n [type]=\"htmlType\"\n [ngClass]=\"buttonClasses\"\n [ngStyle]=\"{ 'min-width': minWidth + 'px' }\"\n (click)=\"onClick($event)\"\n class=\"rd-button-native\"\n>\n <span class=\"rd-button-content\">\n <ng-content></ng-content>\n </span>\n</button>\n", styles: [".rd-button-native{transition:all .3s ease;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--rd-btn-radius, 12px);border:1px solid transparent;cursor:pointer}.rd-button-native:focus{outline:none}.rd-button-native:disabled{cursor:not-allowed}.rd-button-primary{height:44px;padding:0 24px;color:var(--rd-btn-solid-primary-fg-default);background-color:var(--rd-btn-solid-primary-bg-default);border:1px solid var(--rd-btn-solid-primary-bg-default)}.rd-button-primary:hover,.rd-button-primary:active,.rd-button-primary:focus{border:1px solid var(--rd-btn-solid-primary-bg-hover);background-color:var(--rd-btn-solid-primary-bg-hover)}.rd-button-primary:disabled{background-color:var(--rd-btn-solid-primary-bg-disable)!important;border:1px solid var(--rd-btn-solid-primary-bg-disable)!important;color:var(--rd-btn-solid-primary-fg-disable)!important}.rd-button-primary.rd-button-outline{color:var(--rd-btn-outline-primary-fg-default);background-color:var(--rd-btn-outline-primary-bg-default);border:1px solid var(--rd-btn-outline-primary-border-default)}.rd-button-primary.rd-button-outline:hover,.rd-button-primary.rd-button-outline:active,.rd-button-primary.rd-button-outline:focus{color:var(--rd-btn-outline-primary-fg-hover);border:1px solid var(--rd-btn-outline-primary-border-hover);background-color:var(--rd-btn-outline-primary-bg-hover)}.rd-button-primary.rd-button-outline:disabled{background-color:var(--rd-btn-outline-primary-bg-disable)!important;border:1px solid var(--rd-btn-outline-primary-border-disable)!important;color:var(--rd-btn-outline-primary-fg-disable)!important}.rd-button-default{height:44px;padding:0 24px;border-radius:var(--rd-btn-radius, 12px);border:1px solid var(--rd-btn-outline-primary-border-default);color:var(--rd-btn-outline-primary-fg-default);background-color:transparent;font-size:14px;line-height:22px}.rd-button-default:hover,.rd-button-default:active,.rd-button-default:focus{border:1px solid var(--rd-btn-outline-primary-border-hover);color:var(--rd-btn-outline-primary-fg-hover);background-color:transparent}.rd-button-default:disabled{background-color:transparent!important;border:1px solid var(--rd-btn-outline-primary-border-disable)!important;color:var(--rd-btn-outline-primary-fg-disable)!important}.rd-button-secondary{height:44px;padding:0 24px;color:var(--rd-btn-solid-secondary-fg-default);background-color:var(--rd-btn-solid-secondary-bg-default);border:1px solid var(--rd-btn-solid-secondary-bg-default)}.rd-button-secondary:hover,.rd-button-secondary:active,.rd-button-secondary:focus{color:var(--rd-btn-solid-secondary-fg-hover);border:1px solid var(--rd-btn-solid-secondary-bg-hover);background-color:var(--rd-btn-solid-secondary-bg-hover)}.rd-button-secondary:disabled{background-color:var(--rd-btn-solid-secondary-bg-disable)!important;border:1px solid var(--rd-btn-solid-secondary-bg-disable)!important;color:var(--rd-btn-solid-secondary-fg-disable)!important}.rd-button-secondary.rd-button-outline{color:var(--rd-btn-outline-secondary-fg-default);background-color:var(--rd-btn-outline-secondary-bg-default);border:1px solid var(--rd-btn-outline-secondary-border-default)}.rd-button-secondary.rd-button-outline:hover,.rd-button-secondary.rd-button-outline:active,.rd-button-secondary.rd-button-outline:focus{color:var(--rd-btn-outline-secondary-fg-hover);border:1px solid var(--rd-btn-outline-secondary-border-hover);background-color:var(--rd-btn-outline-secondary-bg-hover)}.rd-button-secondary.rd-button-outline:disabled{background-color:var(--rd-btn-outline-secondary-bg-disable)!important;border:1px solid var(--rd-btn-outline-secondary-border-disable)!important;color:var(--rd-btn-outline-secondary-fg-disable)!important}.rd-button-tertiary{height:44px;padding:0 24px;color:var(--rd-btn-solid-tertiary-fg-default);background-color:var(--rd-btn-solid-tertiary-bg-default);border:1px solid var(--rd-btn-solid-tertiary-bg-default)}.rd-button-tertiary:hover,.rd-button-tertiary:active,.rd-button-tertiary:focus{color:var(--rd-btn-solid-tertiary-fg-hover);border:1px solid var(--rd-btn-solid-tertiary-bg-hover);background-color:var(--rd-btn-solid-tertiary-bg-hover)}.rd-button-tertiary:disabled{background-color:var(--rd-btn-solid-tertiary-bg-disable)!important;border:1px solid var(--rd-btn-solid-tertiary-bg-disable)!important;color:var(--rd-btn-solid-tertiary-fg-disable)!important}.rd-button-tertiary.rd-button-outline{color:var(--rd-btn-outline-secondary-fg-default);background-color:var(--rd-btn-outline-secondary-bg-default);border:1px solid var(--rd-btn-outline-secondary-border-default)}.rd-button-tertiary.rd-button-outline:hover,.rd-button-tertiary.rd-button-outline:active,.rd-button-tertiary.rd-button-outline:focus{color:var(--rd-btn-outline-secondary-fg-hover);border:1px solid var(--rd-btn-outline-secondary-border-hover);background-color:var(--rd-btn-outline-secondary-bg-hover)}.rd-button-tertiary.rd-button-outline:disabled{background-color:var(--rd-btn-outline-secondary-bg-disable)!important;border:1px solid var(--rd-btn-outline-secondary-border-disable)!important;color:var(--rd-btn-outline-secondary-fg-disable)!important}.rd-button-gradient{height:44px;padding:0 24px;color:var(--rd-btn-solid-primary-fg-default);border:1px solid transparent;background-color:transparent;background-image:var(--rd-gradient-orista)}.rd-button-gradient:hover,.rd-button-gradient:active,.rd-button-gradient:focus{opacity:.88;background-image:var(--rd-gradient-orista)}.rd-button-gradient:disabled{opacity:1;background-image:none!important;background-color:var(--rd-btn-solid-primary-bg-disable)!important;border:1px solid var(--rd-btn-solid-primary-bg-disable)!important;color:var(--rd-btn-solid-primary-fg-disable)!important}.rd-button-gradient.rd-button-outline{opacity:1;color:var(--rd-copy-brand);border:1px solid transparent;background-color:transparent;background-image:linear-gradient(var(--rd-bg-panel),var(--rd-bg-panel)),var(--rd-gradient-orista);background-origin:border-box;background-clip:padding-box,border-box}.rd-button-gradient.rd-button-outline:hover,.rd-button-gradient.rd-button-outline:active,.rd-button-gradient.rd-button-outline:focus{opacity:.88;color:var(--rd-copy-brand-hover)}.rd-button-gradient.rd-button-outline:disabled{opacity:1;background-image:none!important;background-color:transparent!important;border:1px solid var(--rd-btn-outline-primary-border-disable)!important;color:var(--rd-btn-outline-primary-fg-disable)!important}.rd-button-danger{height:44px;padding:0 24px;border-radius:4px;border:1px solid var(--rd-btn-solid-danger-bg-default);color:var(--rd-btn-solid-danger-fg-default);background-color:var(--rd-btn-solid-danger-bg-default)}.rd-button-danger:hover,.rd-button-danger:active,.rd-button-danger:focus{background-color:var(--rd-btn-solid-danger-bg-hover)!important;border:1px solid var(--rd-btn-solid-danger-bg-hover);color:var(--rd-btn-solid-danger-fg-hover)!important}.rd-button-danger.rd-button-outline{color:var(--rd-btn-outline-danger-fg-default);background-color:var(--rd-btn-outline-danger-bg-default);border:1px solid var(--rd-btn-outline-danger-border-default)}.rd-button-danger.rd-button-outline:hover,.rd-button-danger.rd-button-outline:active,.rd-button-danger.rd-button-outline:focus{color:var(--rd-btn-outline-danger-fg-hover);border:1px solid var(--rd-btn-outline-danger-border-hover);background-color:var(--rd-btn-outline-danger-bg-hover)}.rd-button-danger.rd-button-outline:disabled{background-color:var(--rd-btn-outline-danger-bg-disable)!important;border:1px solid var(--rd-btn-outline-danger-border-disable)!important;color:var(--rd-btn-outline-danger-fg-disable)!important}.rd-button-yellow{height:44px;padding:0 24px;border-radius:8px!important;border:1px solid #fcd535;color:#000;background-color:#fcd535}.rd-button-yellow:active{border:1px solid #d9a23a;background-color:#d9a23a}.rd-button-yellow:disabled{background-color:#242e3c!important;border:1px solid #242e3c!important;color:#4b5563!important}.rd-button-gray{--antd-wave-shadow-color: #ededed;height:44px;padding:0 24px;border-radius:8px!important;border:1px solid #ededed;color:#000;background-color:#ededed}.rd-button-gray:active{border:1px solid #e5e5e5;background-color:#e5e5e5}.rd-button-gray:disabled{background-color:#242e3c!important;border:1px solid #242e3c!important;color:#4b5563!important}.rd-button-link{font-size:13px;line-height:18px;color:var(--rd-copy-brand);background:transparent;border:none;padding:0;height:auto}.rd-button-link:hover,.rd-button-link:active,.rd-button-link:focus{color:var(--rd-copy-brand-hover);text-decoration:underline}.rd-button-text{color:var(--rd-copy-brand);background:transparent;border:none;padding:0 16px;height:auto}.rd-button-text:hover,.rd-button-text:active,.rd-button-text:focus{color:var(--rd-copy-brand-hover)}.rd-button-size-large{height:48px;padding:0 32px;font-size:16px}.rd-button-size-small{height:32px!important;padding:0 16px!important;font-size:13px;font-weight:500;line-height:18px}.rd-button-size-small.rd-button-primary{border:1px solid var(--rd-btn-solid-primary-bg-default);background-color:var(--rd-btn-solid-primary-bg-default)}.rd-button-size-small.rd-button-primary:hover,.rd-button-size-small.rd-button-primary:active,.rd-button-size-small.rd-button-primary:focus{border:1px solid var(--rd-btn-solid-primary-bg-hover);background-color:var(--rd-btn-solid-primary-bg-hover)}.rd-button-size-small.rd-button-default{border:1px solid var(--rd-btn-outline-primary-border-default);color:var(--rd-btn-outline-primary-fg-default);background-color:transparent}.rd-button-size-small.rd-button-default:hover,.rd-button-size-small.rd-button-default:active,.rd-button-size-small.rd-button-default:focus{border:1px solid var(--rd-btn-outline-primary-border-hover);color:var(--rd-btn-outline-primary-fg-hover);background-color:transparent}.rd-button-size-small.rd-button-yellow{border:1px solid #fcd535;background-color:#fcd535;color:#000}.rd-button-size-small.rd-button-yellow:active{border:1px solid #d9a23a;background-color:#d9a23a}.rd-button-size-small.rd-button-gray{border:1px solid #ededed;background-color:#ededed;color:#000}.rd-button-size-small.rd-button-gray:active{border:1px solid #e5e5e5;background-color:#e5e5e5}.rd-button-shape-circle{border-radius:50%;width:44px;height:44px;padding:0}.rd-button-shape-circle.rd-button-size-small{width:32px!important;height:32px!important}.rd-button-shape-circle.rd-button-size-large{width:48px;height:48px}.rd-button-shape-round{border-radius:22px}.rd-button-shape-round.rd-button-size-small{border-radius:16px}.rd-button-shape-round.rd-button-size-large{border-radius:24px}.rd-button-block{display:block;width:100%}.rd-button-ghost{background-color:transparent!important}.rd-button-ghost.rd-button-primary{border:1px solid var(--rd-btn-ghost-primary-fg-default);color:var(--rd-btn-ghost-primary-fg-default)}.rd-button-ghost.rd-button-primary:hover,.rd-button-ghost.rd-button-primary:active,.rd-button-ghost.rd-button-primary:focus{border:1px solid var(--rd-btn-ghost-primary-fg-hover);background-color:transparent;color:var(--rd-btn-ghost-primary-fg-hover)}.rd-button-ghost.rd-button-default{border:1px solid var(--rd-btn-outline-primary-border-default);color:var(--rd-btn-outline-primary-fg-default);background:transparent}.rd-button-ghost.rd-button-danger{border:1px solid var(--rd-btn-ghost-danger-fg-default);color:var(--rd-btn-ghost-danger-fg-default)}.rd-button-ghost.rd-button-secondary,.rd-button-ghost.rd-button-tertiary{border:1px solid transparent;color:var(--rd-btn-ghost-secondary-fg-default);background-color:var(--rd-btn-ghost-secondary-bg-default)!important}.rd-button-ghost.rd-button-secondary:hover,.rd-button-ghost.rd-button-secondary:active,.rd-button-ghost.rd-button-secondary:focus,.rd-button-ghost.rd-button-tertiary:hover,.rd-button-ghost.rd-button-tertiary:active,.rd-button-ghost.rd-button-tertiary:focus{color:var(--rd-btn-ghost-secondary-fg-hover);background-color:var(--rd-btn-ghost-secondary-bg-hover)!important}.rd-button-ghost.rd-button-gradient{border:1px solid transparent;color:var(--rd-copy-brand);background-image:none!important}.rd-button-ghost.rd-button-yellow{border:1px solid #f9ba43;color:#f9ba43}.rd-button-ghost.rd-button-gray{border:1px solid #d1d1d1;color:#d1d1d1}.rd-button-dashed{border-style:dashed}.rd-button-content{display:inline-flex;align-items:center;gap:8px}.rd-button-icon{font-size:14px;line-height:1}.rd-button-loading-icon{margin-right:4px}.rd-button-icon-only .rd-button-content{display:none}.rd-button-icon-only .rd-button-icon{margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host ::ng-deep .ant-btn{font-family:inherit;line-height:1.5715;box-shadow:none}:host ::ng-deep .ant-btn:focus{outline:none}\n"] }]
@@ -1792,7 +1795,7 @@ class RdSelectComponent {
1792
1795
  }, 0);
1793
1796
  }
1794
1797
  }
1795
- RdSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdSelectComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
1798
+ RdSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdSelectComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
1796
1799
  RdSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdSelectComponent, selector: "app-rd-select", inputs: { label: "label", customTpl: "customTpl", optionTpl: "optionTpl", name: "name", disabled: "disabled", nzMode: "nzMode", isCurrency: "isCurrency", currencyUrlMap: "currencyUrlMap", optionHeightPx: "optionHeightPx", nzMaxMultipleCount: "nzMaxMultipleCount", isLoading: "isLoading", isShowSearch: "isShowSearch", isRemoteSearch: "isRemoteSearch", placeholder: "placeholder", isRquired: "isRquired", isShowErrorTip: "isShowErrorTip", isSearchWidthAuto: "isSearchWidthAuto", options: "options", errorMessages: "errorMessages", businessLocation: "businessLocation", businessLocationTitle: "businessLocationTitle", showSelectedCount: "showSelectedCount", showClearAll: "showClearAll", selectedLabel: "selectedLabel", clearAllLabel: "clearAllLabel", showTopHint: "showTopHint", topHintText: "topHintText" }, outputs: { searchChange: "searchChange", valueChange: "valueChange", scrollToBottomEmit: "scrollToBottomEmit" }, host: { listeners: { "window:resize": "onResize()" } }, providers: [
1797
1800
  {
1798
1801
  provide: NG_VALUE_ACCESSOR,
@@ -1804,7 +1807,7 @@ RdSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
1804
1807
  useExisting: forwardRef(() => RdSelectComponent),
1805
1808
  multi: true,
1806
1809
  },
1807
- ], ngImport: i0, template: "<!-- rd-select.component.html -->\n<div\n [class.rd-select-ready]=\"isComponentReady\"\n [class.rd-search-width-auto]=\"isSearchWidthAuto\"\n class=\"rd-select-container\"\n>\n <app-rd-form-item\n [disabled]=\"disabled\"\n [focus]=\"!!searchInput || isFocus || isOpen\"\n [type]=\"'select'\"\n [label]=\"label\"\n [value]=\"nativeValue\"\n [errorMessage]=\"showError && isShowErrorTip ? currentErrorMessage : ''\"\n [ngClass]=\"{\n 'rd-form-item-phone': !label,\n }\"\n (click)=\"openDrawer()\"\n >\n <nz-select\n class=\"rd-form-item-select\"\n [ngStyle]=\"{\n 'pointer-events':\n businessLocation && nzMode === 'multiple' ? 'none' : '',\n }\"\n nzBorderless\n [nzMode]=\"nzMode\"\n [nzShowArrow]=\"false\"\n [(ngModel)]=\"nativeValue\"\n [nzMaxMultipleCount]=\"nzMaxMultipleCount ? nzMaxMultipleCount : null\"\n [nzPlaceHolder]=\"placeholder\"\n [nzCustomTemplate]=\"\n customTpl\n ? customTpl\n : isCurrency\n ? currencySelectedTpl\n : defaultSelectedTpl\n \"\n (nzScrollToBottom)=\"onScrollToBottom()\"\n (ngModelChange)=\"handleValueChange($event)\"\n [disabled]=\"disabled\"\n (nzFocus)=\"isFocus = true\"\n (nzBlur)=\"isFocus = false\"\n [nzDropdownClassName]=\"dropdownClassNames\"\n [nzOptionOverflowSize]=\"5\"\n [nzOptionHeightPx]=\"optionHeightPx || 40\"\n [nzSuffixIcon]=\"customIcon\"\n [nzRemoveIcon]=\"removeIcon\"\n [nzShowSearch]=\"\n nzMode === 'multiple' && businessLocation ? false : isShowSearch\n \"\n (nzOnSearch)=\"onSearch($event)\"\n [name]=\"name\"\n (nzOpenChange)=\"handleOpenChange($event)\"\n [nzDropdownRender]=\"\n showSelectedCount || showClearAll ? customDropdownFooter : null\n \"\n [ngClass]=\"{\n 'rd-select-disabled-open': isMobile && businessLocation,\n }\"\n >\n <nz-option\n *ngIf=\"showTopHint && isShowMaxCount\"\n nzDisabled\n nzCustomContent\n >\n <div class=\"top-hint-option\">\n <span class=\"t14-400 c-text-primary\">{{ topHintText }}</span>\n </div>\n </nz-option>\n\n <nz-option\n *ngFor=\"let option of filteredOptions\"\n [nzValue]=\"option.value\"\n [nzLabel]=\"option.name || ''\"\n [nzDisabled]=\"option.disabled || false\"\n [nzCustomContent]=\"true\"\n >\n <ng-container *ngIf=\"optionTpl || isCurrency\">\n <ng-container\n *ngTemplateOutlet=\"\n isCurrency ? currencyOptionTpl : optionTpl;\n context: { $implicit: option }\n \"\n ></ng-container>\n </ng-container>\n <ng-container *ngIf=\"!(optionTpl || isCurrency)\">\n <span class=\"t14-400 c-text-primary\">{{ option?.name }}</span>\n </ng-container>\n </nz-option>\n\n <nz-option *ngIf=\"isLoading\" nzDisabled nzCustomContent>\n <nz-spin style=\"padding: 16px 0\"></nz-spin>\n </nz-option>\n </nz-select>\n </app-rd-form-item>\n</div>\n\n<!-- \u81EA\u5B9A\u4E49\u4E0B\u62C9\u83DC\u5355\u5E95\u90E8 -->\n<ng-template #customDropdownFooter>\n <div class=\"select-footer-container\">\n <div\n class=\"select-footer-content d-flex justify-content-between align-items-center\"\n >\n <div>\n <!-- \u9009\u4E2D\u8BA1\u6570 -->\n <span *ngIf=\"showSelectedCount\" class=\"t14-400 c-text-primary\">\n {{ selectedLabel }}\n {{\n isMobile ? getDrawerSelectValueLen() : selectedCount\n }}/<ng-container *ngIf=\"isShowMaxCount\"\n >/{{ nzMaxMultipleCount }}\n </ng-container>\n </span>\n\n <!-- \u6E05\u7A7A\u6309\u94AE -->\n <a\n *ngIf=\"\n showClearAll &&\n (isMobile ? getDrawerSelectValueLen() : selectedCount) > 0\n \"\n class=\"b14 ml-16\"\n (click)=\"clearAll(); $event.stopPropagation()\"\n >\n {{ clearAllLabel }}\n </a>\n </div>\n\n <div>\n <app-rd-button\n type=\"primary\"\n *ngIf=\"isMobile\"\n [disabled]=\"getDisableNext()\"\n (click)=\"multSelectMobileNext()\"\n >\n {{ \"next\" | translate }}</app-rd-button\n >\n </div>\n </div>\n </div>\n</ng-template>\n\n<ng-template #customModalFooter>\n <div class=\"select-footer-container\">\n <div\n class=\"select-footer-content d-flex justify-content-between align-items-center\"\n >\n <div>\n <!-- \u9009\u4E2D\u8BA1\u6570 -->\n <span *ngIf=\"showSelectedCount\" class=\"t14-400 c-text-primary\">\n {{ selectedLabel }}\n {{ getDrawerSelectValueLen()\n }}<ng-container *ngIf=\"isShowMaxCount\"\n >/{{ nzMaxMultipleCount }}\n </ng-container>\n </span>\n\n <!-- \u6E05\u7A7A\u6309\u94AE -->\n <a\n *ngIf=\"showClearAll && getDrawerSelectValueLen() > 0\"\n class=\"b14 ml-16\"\n (click)=\"clearAll(); $event.stopPropagation()\"\n >\n {{ clearAllLabel }}\n </a>\n </div>\n\n <div>\n <app-rd-button\n type=\"primary\"\n [disabled]=\"isRquired ? getDrawerSelectValueLen() === 0 : false\"\n (click)=\"multSelectMobileNext()\"\n >\n {{ \"done\" | translate }}</app-rd-button\n >\n </div>\n </div>\n </div>\n</ng-template>\n\n<!-- \u5176\u4ED6\u6A21\u677F\u4FDD\u6301\u4E0D\u53D8 -->\n<ng-template #defaultSelectedTpl let-selected>\n {{ selected?.nzLabel }}\n</ng-template>\n\n<ng-template #currencyOptionTpl let-option>\n <div class=\"rd-form-item-option-content\">\n <img [src]=\"option.iconUrl\" class=\"rd-token-icon\" alt=\"icon\" />\n <span>{{ option.name }}</span>\n </div>\n</ng-template>\n\n<ng-template #currencySelectedTpl let-selected let-extra>\n <div class=\"rd-form-item-option-content\">\n <img\n [src]=\"currencyUrlMap?.[getCurrencyKey(selected.nzValue)]\"\n class=\"rd-token-icon\"\n alt=\"icon\"\n />\n <span>{{ selected.nzLabel }}</span>\n </div>\n</ng-template>\n\n<ng-template #removeIcon>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.39645 2.39645C2.59171 2.20118 2.90829 2.20118 3.10355 2.39645L6 5.29289L8.89645 2.39645C9.09171 2.20118 9.40829 2.20118 9.60355 2.39645C9.79882 2.59171 9.79882 2.90829 9.60355 3.10355L6.70711 6L9.60355 8.89645C9.79882 9.09171 9.79882 9.40829 9.60355 9.60355C9.40829 9.79882 9.09171 9.79882 8.89645 9.60355L6 6.70711L3.10355 9.60355C2.90829 9.79882 2.59171 9.79882 2.39645 9.60355C2.20118 9.40829 2.20118 9.09171 2.39645 8.89645L5.29289 6L2.39645 3.10355C2.20118 2.90829 2.20118 2.59171 2.39645 2.39645Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n\n<ng-template #customIcon>\n <svg\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=\"M2.60136 4.90777C2.83639 4.68743 3.20555 4.69934 3.42589 4.93437L8.00033 9.81377L12.5748 4.93437C12.7951 4.69934 13.1643 4.68743 13.3993 4.90777C13.6343 5.12812 13.6462 5.49727 13.4259 5.7323L8.42589 11.0656C8.31561 11.1833 8.16157 11.25 8.00033 11.25C7.83909 11.25 7.68504 11.1833 7.57476 11.0656L2.57476 5.7323C2.35442 5.49727 2.36633 5.12811 2.60136 4.90777Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n\n<nz-drawer\n [nzVisible]=\"drawerOpen && isMobile && businessLocation\"\n [nzPlacement]=\"'bottom'\"\n [nzHeight]=\"'70vh'\"\n [nzTitle]=\"''\"\n [nzClosable]=\"false\"\n [nzFooter]=\"customDropdownFooter\"\n nzWrapClassName=\"select-drawer\"\n (nzOnClose)=\"closeDrawer()\"\n>\n <div *nzDrawerContent>\n <div class=\"select-drawer-header\">\n <div class=\"header-title\">\n <div>\n {{\n (businessLocation ? \"select_nature_of_business\" : \" \") | translate\n }}\n </div>\n <div class=\"close-btn\" (click)=\"closeDrawer()\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n class=\"w-full\"\n >\n <path\n d=\"M3.40039 3.3999L8.00039 7.9999M12.6004 12.5999L8.00039 7.9999M8.00039 7.9999L12.6004 3.3999L3.40039 12.5999\"\n stroke=\"var(--rd-copy-primary)\"\n stroke-width=\"1.36\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </div>\n </div>\n\n <nz-input-group\n class=\"cascader-drawer-search\"\n [nzPrefix]=\"prefixIconSearch\"\n nzClearable\n >\n <input\n nz-input\n [placeholder]=\"'search' | translate\"\n [(ngModel)]=\"searchTerm\"\n (ngModelChange)=\"doMobileSearch($event)\"\n />\n </nz-input-group>\n </div>\n\n <div class=\"cascader-drawer-list\">\n <div *ngIf=\"isShowMaxCount\" class=\"my-16 ml-8\">\n <span class=\"t14-400 c-text-primary\">{{ topHintText }}</span>\n </div>\n <ng-container *ngIf=\"filteredOptions?.length\">\n <nz-checkbox-wrapper\n class=\"question-content\"\n class=\"t14-400 c-text-primary\"\n (nzOnChange)=\"onCheckboxChange($event)\"\n >\n <div *ngFor=\"let option of filteredOptions\" class=\"mb-8\">\n <label\n nz-checkbox\n [nzValue]=\"option?.value\"\n [nzDisabled]=\"getOptionDisabled(option)\"\n [nzChecked]=\"isValueSelected(option?.value)\"\n >\n <span class=\"t14-400 c-text-primary\">{{ option?.name }}</span>\n </label>\n </div>\n </nz-checkbox-wrapper>\n </ng-container>\n </div>\n </div>\n</nz-drawer>\n\n<!-- Modal for desktop business location multi-select -->\n<nz-modal\n [(nzVisible)]=\"modalOpen\"\n [nzTitle]=\"''\"\n [nzClosable]=\"false\"\n [nzFooter]=\"customModalFooter\"\n nzWrapClassName=\"select-modal\"\n (nzOnCancel)=\"closeModal()\"\n [nzWidth]=\"632\"\n [nzBodyStyle]=\"{ height: '600px' }\"\n nzCentered\n>\n <div *nzModalContent>\n <div class=\"select-modal-header\">\n <div\n class=\"header-title d-flex justify-content-between align-items-center\"\n >\n <div>\n {{\n (businessLocationTitle\n ? businessLocationTitle\n : businessLocation\n ? \"select_nature_of_business\"\n : \" \"\n ) | translate\n }}\n </div>\n <div class=\"close-btn\" (click)=\"closeModal()\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n d=\"M3.40039 3.3999L8.00039 7.9999M12.6004 12.5999L8.00039 7.9999M8.00039 7.9999L12.6004 3.3999L3.40039 12.5999\"\n stroke=\"var(--rd-copy-primary)\"\n stroke-width=\"1.36\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </div>\n </div>\n\n <nz-input-group\n class=\"cascader-modal-search\"\n [nzPrefix]=\"prefixIconSearch\"\n nzClearable\n >\n <input\n nz-input\n [placeholder]=\"'search' | translate\"\n [(ngModel)]=\"searchTerm\"\n (ngModelChange)=\"doMobileSearch($event)\"\n />\n </nz-input-group>\n </div>\n\n <div class=\"cascader-modal-list\">\n <div class=\"mb-16\" *ngIf=\"showTopHint && isShowMaxCount\">\n <span class=\"t14-400 c-text-primary\">{{ topHintText }}</span>\n </div>\n <ng-container *ngIf=\"filteredOptions?.length\">\n <nz-checkbox-wrapper\n class=\"question-content\"\n class=\"t14-400 c-text-primary\"\n (nzOnChange)=\"onCheckboxChange($event)\"\n >\n <div *ngFor=\"let option of filteredOptions\" class=\"mb-8\">\n <label\n nz-checkbox\n [nzValue]=\"option?.value\"\n [nzDisabled]=\"getOptionDisabled(option)\"\n [nzChecked]=\"isValueSelected(option?.value)\"\n >\n <span class=\"t14-400 c-text-primary\">{{ option?.name }}</span>\n </label>\n </div>\n </nz-checkbox-wrapper>\n </ng-container>\n </div>\n </div>\n</nz-modal>\n\n<ng-template #prefixIconSearch>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n d=\"M14.4951 13.6948L11.3962 10.5959C12.3175 9.46902 12.7704 8.03122 12.6613 6.57983C12.5522 5.12844 11.8894 3.77451 10.81 2.79807C9.73066 1.82164 8.3173 1.29741 6.86227 1.33381C5.40723 1.37021 4.02185 1.96445 2.99266 2.99364C1.96348 4.02282 1.36923 5.4082 1.33283 6.86323C1.29643 8.31826 1.82066 9.73162 2.7971 10.811C3.77354 11.8903 5.12747 12.5531 6.57887 12.6622C8.03026 12.7713 9.46807 12.3184 10.5949 11.3972L13.6938 14.5032C13.8027 14.6073 13.9474 14.6656 14.098 14.6663C14.2105 14.6661 14.3204 14.6325 14.4138 14.5697C14.5071 14.5069 14.5796 14.4178 14.6222 14.3136C14.6648 14.2095 14.6754 14.0951 14.6528 13.9849C14.6302 13.8747 14.5753 13.7737 14.4951 13.6948ZM7.00667 11.5461C6.10905 11.5461 5.23158 11.2799 4.48523 10.7812C3.73889 10.2825 3.15718 9.57372 2.81367 8.74443C2.47017 7.91513 2.38029 7.0026 2.55541 6.12223C2.73053 5.24185 3.16277 4.43317 3.79749 3.79846C4.43221 3.16375 5.24088 2.7315 6.12126 2.55638C7.00164 2.38127 7.91417 2.47114 8.74347 2.81465C9.57277 3.15815 10.2816 3.73986 10.7803 4.4862C11.279 5.23255 11.5451 6.11001 11.5451 7.00763C11.5433 8.21073 11.0645 9.36402 10.2138 10.2147C9.36306 11.0655 8.20977 11.5442 7.00667 11.5461Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n", styles: ["@charset \"UTF-8\";:host .rd-select-container{visibility:hidden}:host .rd-select-container.rd-select-ready{visibility:visible}:host .rd-form-item-select{width:100%}:host .rd-form-item-select ::ng-deep .ant-select-selection-search-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500}:host .rd-form-item-select ::ng-deep .ant-select-selection-placeholder{color:var(--rd-copy-disable)!important}:host .rd-select-disabled-open{pointer-events:none}::ng-deep .rd-form-item-phone .ant-select-selection-search-input{padding:0 5px 12px}::ng-deep .rd-form-item-phone .ant-select-single .ant-select-selector .ant-select-selection-search{position:absolute;inset:-8px 11px 0}::ng-deep .rd-select-container:not(.rd-search-width-auto) .rd-form-item-select.ant-select-multiple .ant-select-selection-search{width:100%!important}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-search .ant-select-selection-search-input{padding:0 0 12px!important;transform:translate(-2px,4px)!important}::ng-deep .has-top-hint .ant-select-item-option-content:has(.top-hint-option){background:transparent!important;padding-left:12px!important;cursor:default}::ng-deep .has-top-hint .ant-select-item-option-content:has(.top-hint-option):before{border:none!important}::ng-deep .rd-form-item-multiple-select-dropdown .select-footer-container{padding:16px 12px!important;border-top:1px solid var(--rd-bg-panel-border)!important}::ng-deep .select-drawer{background-color:var(--rd-bg-website)}::ng-deep .select-drawer .select-drawer-header{padding:24px 8px 0;position:sticky;top:0;background-color:var(--rd-bg-website);z-index:1111}::ng-deep .select-drawer .select-drawer-header .header-title{display:flex;align-items:center;font-size:18px;font-weight:500;line-height:24px;justify-content:space-between}::ng-deep .select-drawer .close-btn{width:24px;height:24px;cursor:pointer}::ng-deep .select-drawer .close-btn svg{width:24px}::ng-deep .select-drawer .back-btn{width:16px;height:16px;cursor:pointer}::ng-deep .select-drawer .ant-drawer-body{padding:0 16px 24px}::ng-deep .select-drawer .ant-drawer-content{background-color:transparent;color:var(--rd-copy-primary)}::ng-deep .select-drawer .cascader-drawer-search{border-radius:4px;border:1px solid var(--rd-input-fg-default);background:var(--rd-input-bg-default);height:44px;padding:0 16px;margin-top:16px}::ng-deep .select-drawer .cascader-drawer-search::placeholder{color:var(--rd-copy-disable)}::ng-deep .select-drawer .cascader-drawer-search .ant-input{background:var(--rd-input-bg-default);color:var(--rd-copy-primary)}::ng-deep .select-drawer .cascader-drawer-search.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{border-color:var(--rd-input-fg-hover)}::ng-deep .select-drawer .cascader-drawer-list{margin-top:16px}::ng-deep .select-drawer .cascader-drawer-option{padding:8px;min-height:44px;display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:14px;font-weight:400;line-height:28px;line-height:1.5}::ng-deep .select-drawer .cascader-drawer-option svg{margin-left:auto;flex-shrink:0}::ng-deep .select-drawer .cascader-drawer-option-active{border-radius:4px;background:rgba(42,123,255,.3)}::ng-deep .select-drawer .cascader-drawer-option.cascader-drawer-root-option{align-items:center}::ng-deep .select-drawer .ant-checkbox-inner{border-radius:4px;background-color:var(--rd-control-input-empty);border:1px solid var(--rd-control-border-empty)}::ng-deep .select-drawer .ant-checkbox-checked .ant-checkbox-inner{background-color:var(--rd-control-input-selected)!important;border:none!important}::ng-deep .select-drawer .ant-checkbox-checked .ant-checkbox-inner:after{border:2px solid var(--rd-copy-inverse);border-top:0;border-left:0}::ng-deep .select-drawer .ant-checkbox-checked:after{border-radius:4px}::ng-deep .select-drawer .ant-checkbox-disabled+span{color:var(--rd-copy-primary)!important}::ng-deep .select-drawer .ant-checkbox-disabled .ant-checkbox-inner{border:1px solid var(--rd-control-border-empty)!important}::ng-deep .select-drawer .ant-checkbox-wrapper{font-weight:400;font-size:14px;line-height:22px;color:var(--rd-copy-primary)!important}::ng-deep .select-drawer .ant-checkbox-wrapper>span{margin-left:8px}::ng-deep .select-drawer .ant-drawer-footer{padding:24px!important;border-top:1px solid var(--rd-bg-panel-border)!important}::ng-deep .select-modal .ant-modal-content{background-color:var(--rd-bg-panel);border-radius:8px}::ng-deep .select-modal .ant-checkbox{margin-right:8px}::ng-deep .select-modal .ant-checkbox>span{border-radius:4px}::ng-deep .select-modal .select-modal-header{padding:24px 0 0;position:sticky;top:0;background-color:var(--rd-bg-panel);z-index:1111}::ng-deep .select-modal .select-modal-header .header-title{display:flex;align-items:center;font-size:18px;font-weight:500;line-height:24px;color:var(--rd-copy-primary);justify-content:space-between}::ng-deep .select-modal .close-btn{width:24px;height:24px;cursor:pointer}::ng-deep .select-modal .close-btn svg{width:24px}::ng-deep .select-modal .back-btn{width:16px;height:16px;cursor:pointer}::ng-deep .select-modal .cascader-modal-search{border-radius:4px;border:1px solid var(--rd-bg-panel-border);background:var(--rd-input-bg-default);height:44px;padding:0 16px;margin-top:16px}::ng-deep .select-modal .cascader-modal-search::placeholder{color:var(--rd-copy-disable)}::ng-deep .select-modal .cascader-modal-search .ant-input{background:var(--rd-bg-panel);color:var(--rd-copy-primary);box-shadow:none;outline:none}::ng-deep .select-modal .cascader-modal-search.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{border-color:var(--rd-input-fg-hover)}::ng-deep .select-modal .cascader-modal-list{margin-top:16px;overflow-y:auto;height:460px}::ng-deep .select-modal .ant-modal-body{padding:0 24px 24px;background-color:var(--rd-bg-panel)!important}::ng-deep .select-modal .ant-modal-footer{padding:24px!important;border-top:1px solid var(--rd-bg-panel-border)!important;background-color:var(--rd-bg-panel)!important}::ng-deep .select-modal .ant-modal-close{display:none}\n", "::ng-deep .rd-form-item-select{min-width:113px;min-height:52px;max-height:100%;position:relative}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-search{margin-inline-start:0}::ng-deep .rd-form-item-select .ant-select-selection-search-input{padding:12px 4px 0}::ng-deep .rd-form-item-select .ant-select-selection-search-input::placeholder{color:var(--rd-copy-disable)}::ng-deep .rd-form-item-select .ant-select-selection-search .ant-select-selection-search-input{padding:12px 4px 0;transform:translate(4px,14px)!important}::ng-deep .rd-form-item-select .ant-select-show-search{transform:translateY(10px)}::ng-deep .rd-form-item-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:14px 16px 10px;min-height:52px;height:-moz-fit-content;height:fit-content}.rd-form-item-phone ::ng-deep .rd-form-item-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:6px 16px 10px;min-height:52px;height:-moz-fit-content;height:fit-content}.rd-form-item-phone ::ng-deep .rd-form-item-select.ant-select-show-search.ant-select-multiple .ant-select-selector{padding:6px 16px}::ng-deep .rd-form-item-select.ant-select-single .ant-select-selector .ant-select-selection-item:after{display:none}::ng-deep .rd-form-item-select.ant-select .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500;font-size:14px}::ng-deep .rd-form-item-select .ant-select-selector{padding:12px 16px}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-item{border-radius:4px;background:transparent;font-size:14px;font-weight:500;color:var(--rd-copy-primary);display:flex;align-items:center;gap:4px}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove{line-height:1}::ng-deep .rd-form-item-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px}::ng-deep .rd-form-item-select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px;border:1px solid var(--rd-input-fg-hover);background:var(--rd-input-bg-hover);box-shadow:0 0 0 2px #367af61a}::ng-deep .rd-form-item-select .ant-empty-description{font-weight:400;font-size:14px;line-height:22px;color:var(--rd-copy-primary)}::ng-deep .rd-form-item-select .ant-select-selection-placeholder{color:var(--rd-copy-primary);font-weight:500;font-size:14px}::ng-deep .rd-form-item-select .ant-select-selection-item-content{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-form-item-select .ant-select-arrow{transition:ease-in-out .2s all;cursor:pointer;pointer-events:initial}::ng-deep .rd-form-item-select:hover:has(.ant-select-clear) .ant-select-arrow{opacity:0}::ng-deep .rd-form-item-select.ant-select-focused .ant-select-arrow,::ng-deep .rd-form-item-select .ant-select-selector:focus-within .ant-select-arrow{transform:rotate(-180deg);transition:transform .2s ease}::ng-deep .rd-form-item-select-s{min-height:38px}::ng-deep .rd-form-item-select-s.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:100%;min-height:38px;padding:0 12px}::ng-deep .rd-form-item-select-dropdown .ant-select-dropdown,::ng-deep .rd-form-item-select-dropdown-s .ant-select-dropdown,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-dropdown{border-radius:4px;background:var(--rd-bg-dropdown);min-width:113px}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option{background-color:transparent;padding:0 6px}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content{border-radius:4px;padding:0 6px;display:flex;align-items:center;color:var(--rd-copy-primary);font-size:14px;min-height:40px;font-weight:600}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-active .ant-select-item-option-content{background:rgba(54,122,246,.1)}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-disabled .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content{color:var(--rd-copy-secondary);background:var(--rd-input-bg-disable)}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty img,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty img,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty img{width:61px;height:68px}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty p,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty p,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty p{font-size:13px;color:var(--rd-copy-disable);font-weight:500;margin:0}::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-content{padding:0 4px;min-height:32px}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content{border-radius:4px;color:var(--rd-copy-primary);font-size:14px;padding:0 6px 0 32px;position:relative}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content:before{content:\"\";position:absolute;top:50%;left:6px;width:16px;height:16px;transform:translateY(-50%);border-radius:4px;border:1px solid var(--rd-control-border-empty)}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-selected .ant-select-item-option-content:before{background-image:url(/assets/img/icon/checkbox.svg);background-size:contain;background-position:center;background-repeat:no-repeat;border:none}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-state{display:none}::ng-deep .rd-form-item-option-content{display:flex;align-items:center;gap:8px;height:100%}::ng-deep .rd-form-item-option-content span{font-size:14px;font-weight:500}::ng-deep .rd-form-item-option-content .rd-token-icon{width:20px;height:20px;transition:opacity .3s ease-in-out}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: "component", type: i4$3.NzSpinComponent, selector: "nz-spin", inputs: ["nzIndicator", "nzSize", "nzTip", "nzDelay", "nzSimple", "nzSpinning"], exportAs: ["nzSpin"] }, { 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: "component", type: FormItemComponent, selector: "app-rd-form-item", inputs: ["errorMessage", "disabled", "label", "type", "focus", "value", "size"] }, { kind: "component", type: i7.NzDrawerComponent, selector: "nz-drawer", inputs: ["nzContent", "nzCloseIcon", "nzClosable", "nzMaskClosable", "nzMask", "nzCloseOnNavigation", "nzNoAnimation", "nzKeyboard", "nzTitle", "nzExtra", "nzFooter", "nzPlacement", "nzSize", "nzMaskStyle", "nzBodyStyle", "nzWrapClassName", "nzWidth", "nzHeight", "nzZIndex", "nzOffsetX", "nzOffsetY", "nzVisible"], outputs: ["nzOnViewInit", "nzOnClose", "nzVisibleChange"], exportAs: ["nzDrawer"] }, { kind: "directive", type: i7.NzDrawerContentDirective, selector: "[nzDrawerContent]", exportAs: ["nzDrawerContent"] }, { kind: "directive", type: i4$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i4$1.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i4$1.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "component", type: i9.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { kind: "component", type: i9.NzCheckboxWrapperComponent, selector: "nz-checkbox-wrapper", outputs: ["nzOnChange"], exportAs: ["nzCheckboxWrapper"] }, { kind: "directive", type: i3$1.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "component", type: i11.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzContent", "nzComponentParams", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus", "nzOnOk", "nzOnCancel"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }, { kind: "directive", type: i11.NzModalContentDirective, selector: "[nzModalContent]", exportAs: ["nzModalContent"] }, { kind: "component", type: RdButtonComponent, selector: "app-rd-button", inputs: ["type", "size", "shape", "disabled", "loading", "block", "htmlType", "outline", "ghost", "dashed", "icon", "danger", "minWidth"], outputs: ["click"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
1810
+ ], ngImport: i0, template: "<!-- rd-select.component.html -->\n<div\n [class.rd-select-ready]=\"isComponentReady\"\n [class.rd-search-width-auto]=\"isSearchWidthAuto\"\n class=\"rd-select-container\"\n>\n <app-rd-form-item\n [disabled]=\"disabled\"\n [focus]=\"!!searchInput || isFocus || isOpen\"\n [type]=\"'select'\"\n [label]=\"label | translate\"\n [value]=\"nativeValue\"\n [errorMessage]=\"\n showError && isShowErrorTip ? (currentErrorMessage | translate) : ''\n \"\n [ngClass]=\"{\n 'rd-form-item-phone': !label,\n }\"\n (click)=\"openDrawer()\"\n >\n <nz-select\n class=\"rd-form-item-select\"\n [ngStyle]=\"{\n 'pointer-events':\n businessLocation && nzMode === 'multiple' ? 'none' : '',\n }\"\n nzBorderless\n [nzMode]=\"nzMode\"\n [nzShowArrow]=\"false\"\n [(ngModel)]=\"nativeValue\"\n [nzMaxMultipleCount]=\"nzMaxMultipleCount ? nzMaxMultipleCount : null\"\n [nzPlaceHolder]=\"placeholder\"\n [nzCustomTemplate]=\"\n customTpl\n ? customTpl\n : isCurrency\n ? currencySelectedTpl\n : defaultSelectedTpl\n \"\n (nzScrollToBottom)=\"onScrollToBottom()\"\n (ngModelChange)=\"handleValueChange($event)\"\n [disabled]=\"disabled\"\n (nzFocus)=\"isFocus = true\"\n (nzBlur)=\"isFocus = false\"\n [nzDropdownClassName]=\"dropdownClassNames\"\n [nzOptionOverflowSize]=\"5\"\n [nzOptionHeightPx]=\"optionHeightPx || 40\"\n [nzSuffixIcon]=\"customIcon\"\n [nzRemoveIcon]=\"removeIcon\"\n [nzShowSearch]=\"\n nzMode === 'multiple' && businessLocation ? false : isShowSearch\n \"\n (nzOnSearch)=\"onSearch($event)\"\n [name]=\"name\"\n (nzOpenChange)=\"handleOpenChange($event)\"\n [nzDropdownRender]=\"\n showSelectedCount || showClearAll ? customDropdownFooter : null\n \"\n [ngClass]=\"{\n 'rd-select-disabled-open': isMobile && businessLocation,\n }\"\n >\n <nz-option\n *ngIf=\"showTopHint && isShowMaxCount\"\n nzDisabled\n nzCustomContent\n >\n <div class=\"top-hint-option\">\n <span class=\"t14-400 c-text-primary\">{{ topHintText }}</span>\n </div>\n </nz-option>\n\n <nz-option\n *ngFor=\"let option of filteredOptions\"\n [nzValue]=\"option.value\"\n [nzLabel]=\"option.name ?? '' | translate\"\n [nzDisabled]=\"option.disabled || false\"\n [nzCustomContent]=\"true\"\n >\n <ng-container *ngIf=\"optionTpl || isCurrency\">\n <ng-container\n *ngTemplateOutlet=\"\n isCurrency ? currencyOptionTpl : optionTpl;\n context: { $implicit: option }\n \"\n ></ng-container>\n </ng-container>\n <ng-container *ngIf=\"!(optionTpl || isCurrency)\">\n <span class=\"t14-400 c-text-primary\">{{ option?.name }}</span>\n </ng-container>\n </nz-option>\n\n <nz-option *ngIf=\"isLoading\" nzDisabled nzCustomContent>\n <nz-spin style=\"padding: 16px 0\"></nz-spin>\n </nz-option>\n </nz-select>\n </app-rd-form-item>\n</div>\n\n<!-- \u81EA\u5B9A\u4E49\u4E0B\u62C9\u83DC\u5355\u5E95\u90E8 -->\n<ng-template #customDropdownFooter>\n <div class=\"select-footer-container\">\n <div\n class=\"select-footer-content d-flex justify-content-between align-items-center\"\n >\n <div>\n <!-- \u9009\u4E2D\u8BA1\u6570 -->\n <span *ngIf=\"showSelectedCount\" class=\"t14-400 c-text-primary\">\n {{ selectedLabel | translate }}\n {{\n isMobile ? getDrawerSelectValueLen() : selectedCount\n }}/<ng-container *ngIf=\"isShowMaxCount\"\n >/{{ nzMaxMultipleCount }}\n </ng-container>\n </span>\n\n <!-- \u6E05\u7A7A\u6309\u94AE -->\n <a\n *ngIf=\"\n showClearAll &&\n (isMobile ? getDrawerSelectValueLen() : selectedCount) > 0\n \"\n class=\"b14 ml-16\"\n (click)=\"clearAll(); $event.stopPropagation()\"\n >\n {{ clearAllLabel | translate }}\n </a>\n </div>\n\n <div>\n <app-rd-button\n type=\"primary\"\n *ngIf=\"isMobile\"\n [disabled]=\"getDisableNext()\"\n (click)=\"multSelectMobileNext()\"\n >\n {{ \"next\" | translate }}</app-rd-button\n >\n </div>\n </div>\n </div>\n</ng-template>\n\n<ng-template #customModalFooter>\n <div class=\"select-footer-container\">\n <div\n class=\"select-footer-content d-flex justify-content-between align-items-center\"\n >\n <div>\n <!-- \u9009\u4E2D\u8BA1\u6570 -->\n <span *ngIf=\"showSelectedCount\" class=\"t14-400 c-text-primary\">\n {{ selectedLabel | translate }}\n {{ getDrawerSelectValueLen()\n }}<ng-container *ngIf=\"isShowMaxCount\"\n >/{{ nzMaxMultipleCount }}\n </ng-container>\n </span>\n\n <!-- \u6E05\u7A7A\u6309\u94AE -->\n <a\n *ngIf=\"showClearAll && getDrawerSelectValueLen() > 0\"\n class=\"b14 ml-16\"\n (click)=\"clearAll(); $event.stopPropagation()\"\n >\n {{ clearAllLabel | translate }}\n </a>\n </div>\n\n <div>\n <app-rd-button\n type=\"primary\"\n [disabled]=\"isRquired ? getDrawerSelectValueLen() === 0 : false\"\n (click)=\"multSelectMobileNext()\"\n >\n {{ \"done\" | translate }}</app-rd-button\n >\n </div>\n </div>\n </div>\n</ng-template>\n\n<!-- \u5176\u4ED6\u6A21\u677F\u4FDD\u6301\u4E0D\u53D8 -->\n<ng-template #defaultSelectedTpl let-selected>\n {{ selected?.nzLabel | translate }}\n</ng-template>\n\n<ng-template #currencyOptionTpl let-option>\n <div class=\"rd-form-item-option-content\">\n <img [src]=\"option.iconUrl\" class=\"rd-token-icon\" alt=\"icon\" />\n <span>{{ option.name ?? \"\" | translate }}</span>\n </div>\n</ng-template>\n\n<ng-template #currencySelectedTpl let-selected let-extra>\n <div class=\"rd-form-item-option-content\">\n <img\n [src]=\"currencyUrlMap?.[getCurrencyKey(selected.nzValue)]\"\n class=\"rd-token-icon\"\n alt=\"icon\"\n />\n <span>{{ selected.nzLabel | translate }}</span>\n </div>\n</ng-template>\n\n<ng-template #removeIcon>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.39645 2.39645C2.59171 2.20118 2.90829 2.20118 3.10355 2.39645L6 5.29289L8.89645 2.39645C9.09171 2.20118 9.40829 2.20118 9.60355 2.39645C9.79882 2.59171 9.79882 2.90829 9.60355 3.10355L6.70711 6L9.60355 8.89645C9.79882 9.09171 9.79882 9.40829 9.60355 9.60355C9.40829 9.79882 9.09171 9.79882 8.89645 9.60355L6 6.70711L3.10355 9.60355C2.90829 9.79882 2.59171 9.79882 2.39645 9.60355C2.20118 9.40829 2.20118 9.09171 2.39645 8.89645L5.29289 6L2.39645 3.10355C2.20118 2.90829 2.20118 2.59171 2.39645 2.39645Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n\n<ng-template #customIcon>\n <svg\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=\"M2.60136 4.90777C2.83639 4.68743 3.20555 4.69934 3.42589 4.93437L8.00033 9.81377L12.5748 4.93437C12.7951 4.69934 13.1643 4.68743 13.3993 4.90777C13.6343 5.12812 13.6462 5.49727 13.4259 5.7323L8.42589 11.0656C8.31561 11.1833 8.16157 11.25 8.00033 11.25C7.83909 11.25 7.68504 11.1833 7.57476 11.0656L2.57476 5.7323C2.35442 5.49727 2.36633 5.12811 2.60136 4.90777Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n\n<nz-drawer\n [nzVisible]=\"drawerOpen && isMobile && businessLocation\"\n [nzPlacement]=\"'bottom'\"\n [nzHeight]=\"'70vh'\"\n [nzTitle]=\"''\"\n [nzClosable]=\"false\"\n [nzFooter]=\"customDropdownFooter\"\n nzWrapClassName=\"select-drawer\"\n (nzOnClose)=\"closeDrawer()\"\n>\n <div *nzDrawerContent>\n <div class=\"select-drawer-header\">\n <div class=\"header-title\">\n <div>\n {{\n (businessLocation ? \"select_nature_of_business\" : \" \") | translate\n }}\n </div>\n <div class=\"close-btn\" (click)=\"closeDrawer()\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n class=\"w-full\"\n >\n <path\n d=\"M3.40039 3.3999L8.00039 7.9999M12.6004 12.5999L8.00039 7.9999M8.00039 7.9999L12.6004 3.3999L3.40039 12.5999\"\n stroke=\"var(--rd-copy-primary)\"\n stroke-width=\"1.36\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </div>\n </div>\n\n <nz-input-group\n class=\"cascader-drawer-search\"\n [nzPrefix]=\"prefixIconSearch\"\n nzClearable\n >\n <input\n nz-input\n [placeholder]=\"'search' | translate\"\n [(ngModel)]=\"searchTerm\"\n (ngModelChange)=\"doMobileSearch($event)\"\n />\n </nz-input-group>\n </div>\n\n <div class=\"cascader-drawer-list\">\n <div *ngIf=\"isShowMaxCount\" class=\"my-16 ml-8\">\n <span class=\"t14-400 c-text-primary\">{{ topHintText }}</span>\n </div>\n <ng-container *ngIf=\"filteredOptions?.length\">\n <nz-checkbox-wrapper\n class=\"question-content\"\n class=\"t14-400 c-text-primary\"\n (nzOnChange)=\"onCheckboxChange($event)\"\n >\n <div *ngFor=\"let option of filteredOptions\" class=\"mb-8\">\n <label\n nz-checkbox\n [nzValue]=\"option?.value\"\n [nzDisabled]=\"getOptionDisabled(option)\"\n [nzChecked]=\"isValueSelected(option?.value)\"\n >\n <span class=\"t14-400 c-text-primary\">{{ option?.name }}</span>\n </label>\n </div>\n </nz-checkbox-wrapper>\n </ng-container>\n </div>\n </div>\n</nz-drawer>\n\n<!-- Modal for desktop business location multi-select -->\n<nz-modal\n [(nzVisible)]=\"modalOpen\"\n [nzTitle]=\"''\"\n [nzClosable]=\"false\"\n [nzFooter]=\"customModalFooter\"\n nzWrapClassName=\"select-modal\"\n (nzOnCancel)=\"closeModal()\"\n [nzWidth]=\"632\"\n [nzBodyStyle]=\"{ height: '600px' }\"\n nzCentered\n>\n <div *nzModalContent>\n <div class=\"select-modal-header\">\n <div\n class=\"header-title d-flex justify-content-between align-items-center\"\n >\n <div>\n {{\n (businessLocationTitle\n ? businessLocationTitle\n : businessLocation\n ? \"select_nature_of_business\"\n : \" \"\n ) | translate\n }}\n </div>\n <div class=\"close-btn\" (click)=\"closeModal()\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n d=\"M3.40039 3.3999L8.00039 7.9999M12.6004 12.5999L8.00039 7.9999M8.00039 7.9999L12.6004 3.3999L3.40039 12.5999\"\n stroke=\"var(--rd-copy-primary)\"\n stroke-width=\"1.36\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </div>\n </div>\n\n <nz-input-group\n class=\"cascader-modal-search\"\n [nzPrefix]=\"prefixIconSearch\"\n nzClearable\n >\n <input\n nz-input\n [placeholder]=\"'search' | translate\"\n [(ngModel)]=\"searchTerm\"\n (ngModelChange)=\"doMobileSearch($event)\"\n />\n </nz-input-group>\n </div>\n\n <div class=\"cascader-modal-list\">\n <div class=\"mb-16\" *ngIf=\"showTopHint && isShowMaxCount\">\n <span class=\"t14-400 c-text-primary\">{{ topHintText }}</span>\n </div>\n <ng-container *ngIf=\"filteredOptions?.length\">\n <nz-checkbox-wrapper\n class=\"question-content\"\n class=\"t14-400 c-text-primary\"\n (nzOnChange)=\"onCheckboxChange($event)\"\n >\n <div *ngFor=\"let option of filteredOptions\" class=\"mb-8\">\n <label\n nz-checkbox\n [nzValue]=\"option?.value\"\n [nzDisabled]=\"getOptionDisabled(option)\"\n [nzChecked]=\"isValueSelected(option?.value)\"\n >\n <span class=\"t14-400 c-text-primary\">{{ option?.name }}</span>\n </label>\n </div>\n </nz-checkbox-wrapper>\n </ng-container>\n </div>\n </div>\n</nz-modal>\n\n<ng-template #prefixIconSearch>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n d=\"M14.4951 13.6948L11.3962 10.5959C12.3175 9.46902 12.7704 8.03122 12.6613 6.57983C12.5522 5.12844 11.8894 3.77451 10.81 2.79807C9.73066 1.82164 8.3173 1.29741 6.86227 1.33381C5.40723 1.37021 4.02185 1.96445 2.99266 2.99364C1.96348 4.02282 1.36923 5.4082 1.33283 6.86323C1.29643 8.31826 1.82066 9.73162 2.7971 10.811C3.77354 11.8903 5.12747 12.5531 6.57887 12.6622C8.03026 12.7713 9.46807 12.3184 10.5949 11.3972L13.6938 14.5032C13.8027 14.6073 13.9474 14.6656 14.098 14.6663C14.2105 14.6661 14.3204 14.6325 14.4138 14.5697C14.5071 14.5069 14.5796 14.4178 14.6222 14.3136C14.6648 14.2095 14.6754 14.0951 14.6528 13.9849C14.6302 13.8747 14.5753 13.7737 14.4951 13.6948ZM7.00667 11.5461C6.10905 11.5461 5.23158 11.2799 4.48523 10.7812C3.73889 10.2825 3.15718 9.57372 2.81367 8.74443C2.47017 7.91513 2.38029 7.0026 2.55541 6.12223C2.73053 5.24185 3.16277 4.43317 3.79749 3.79846C4.43221 3.16375 5.24088 2.7315 6.12126 2.55638C7.00164 2.38127 7.91417 2.47114 8.74347 2.81465C9.57277 3.15815 10.2816 3.73986 10.7803 4.4862C11.279 5.23255 11.5451 6.11001 11.5451 7.00763C11.5433 8.21073 11.0645 9.36402 10.2138 10.2147C9.36306 11.0655 8.20977 11.5442 7.00667 11.5461Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n", styles: ["@charset \"UTF-8\";:host .rd-select-container{visibility:hidden}:host .rd-select-container.rd-select-ready{visibility:visible}:host .rd-form-item-select{width:100%}:host .rd-form-item-select ::ng-deep .ant-select-selection-search-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500}:host .rd-form-item-select ::ng-deep .ant-select-selection-placeholder{color:var(--rd-copy-disable)!important}:host .rd-select-disabled-open{pointer-events:none}::ng-deep .rd-form-item-phone .ant-select-selection-search-input{padding:0 5px 12px}::ng-deep .rd-form-item-phone .ant-select-single .ant-select-selector .ant-select-selection-search{position:absolute;inset:-8px 11px 0}::ng-deep .rd-select-container:not(.rd-search-width-auto) .rd-form-item-select.ant-select-multiple .ant-select-selection-search{width:100%!important}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-search .ant-select-selection-search-input{padding:0 0 12px!important;transform:translate(-2px,4px)!important}::ng-deep .has-top-hint .ant-select-item-option-content:has(.top-hint-option){background:transparent!important;padding-left:12px!important;cursor:default}::ng-deep .has-top-hint .ant-select-item-option-content:has(.top-hint-option):before{border:none!important}::ng-deep .rd-form-item-multiple-select-dropdown .select-footer-container{padding:16px 12px!important;border-top:1px solid var(--rd-bg-panel-border)!important}::ng-deep .select-drawer{background-color:var(--rd-bg-website)}::ng-deep .select-drawer .select-drawer-header{padding:24px 8px 0;position:sticky;top:0;background-color:var(--rd-bg-website);z-index:1111}::ng-deep .select-drawer .select-drawer-header .header-title{display:flex;align-items:center;font-size:18px;font-weight:500;line-height:24px;justify-content:space-between}::ng-deep .select-drawer .close-btn{width:24px;height:24px;cursor:pointer}::ng-deep .select-drawer .close-btn svg{width:24px}::ng-deep .select-drawer .back-btn{width:16px;height:16px;cursor:pointer}::ng-deep .select-drawer .ant-drawer-body{padding:0 16px 24px}::ng-deep .select-drawer .ant-drawer-content{background-color:transparent;color:var(--rd-copy-primary)}::ng-deep .select-drawer .cascader-drawer-search{border-radius:4px;border:1px solid var(--rd-input-fg-default);background:var(--rd-input-bg-default);height:44px;padding:0 16px;margin-top:16px}::ng-deep .select-drawer .cascader-drawer-search::placeholder{color:var(--rd-copy-disable)}::ng-deep .select-drawer .cascader-drawer-search .ant-input{background:var(--rd-input-bg-default);color:var(--rd-copy-primary)}::ng-deep .select-drawer .cascader-drawer-search.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{border-color:var(--rd-input-fg-hover)}::ng-deep .select-drawer .cascader-drawer-list{margin-top:16px}::ng-deep .select-drawer .cascader-drawer-option{padding:8px;min-height:44px;display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:14px;font-weight:400;line-height:28px;line-height:1.5}::ng-deep .select-drawer .cascader-drawer-option svg{margin-left:auto;flex-shrink:0}::ng-deep .select-drawer .cascader-drawer-option-active{border-radius:4px;background:rgba(42,123,255,.3)}::ng-deep .select-drawer .cascader-drawer-option.cascader-drawer-root-option{align-items:center}::ng-deep .select-drawer .ant-checkbox-inner{border-radius:4px;background-color:var(--rd-control-input-empty);border:1px solid var(--rd-control-border-empty)}::ng-deep .select-drawer .ant-checkbox-checked .ant-checkbox-inner{background-color:var(--rd-control-input-selected)!important;border:none!important}::ng-deep .select-drawer .ant-checkbox-checked .ant-checkbox-inner:after{border:2px solid var(--rd-copy-inverse);border-top:0;border-left:0}::ng-deep .select-drawer .ant-checkbox-checked:after{border-radius:4px}::ng-deep .select-drawer .ant-checkbox-disabled+span{color:var(--rd-copy-primary)!important}::ng-deep .select-drawer .ant-checkbox-disabled .ant-checkbox-inner{border:1px solid var(--rd-control-border-empty)!important}::ng-deep .select-drawer .ant-checkbox-wrapper{font-weight:400;font-size:14px;line-height:22px;color:var(--rd-copy-primary)!important}::ng-deep .select-drawer .ant-checkbox-wrapper>span{margin-left:8px}::ng-deep .select-drawer .ant-drawer-footer{padding:24px!important;border-top:1px solid var(--rd-bg-panel-border)!important}::ng-deep .select-modal .ant-modal-content{background-color:var(--rd-bg-panel);border-radius:8px}::ng-deep .select-modal .ant-checkbox{margin-right:8px}::ng-deep .select-modal .ant-checkbox>span{border-radius:4px}::ng-deep .select-modal .select-modal-header{padding:24px 0 0;position:sticky;top:0;background-color:var(--rd-bg-panel);z-index:1111}::ng-deep .select-modal .select-modal-header .header-title{display:flex;align-items:center;font-size:18px;font-weight:500;line-height:24px;color:var(--rd-copy-primary);justify-content:space-between}::ng-deep .select-modal .close-btn{width:24px;height:24px;cursor:pointer}::ng-deep .select-modal .close-btn svg{width:24px}::ng-deep .select-modal .back-btn{width:16px;height:16px;cursor:pointer}::ng-deep .select-modal .cascader-modal-search{border-radius:4px;border:1px solid var(--rd-bg-panel-border);background:var(--rd-input-bg-default);height:44px;padding:0 16px;margin-top:16px}::ng-deep .select-modal .cascader-modal-search::placeholder{color:var(--rd-copy-disable)}::ng-deep .select-modal .cascader-modal-search .ant-input{background:var(--rd-bg-panel);color:var(--rd-copy-primary);box-shadow:none;outline:none}::ng-deep .select-modal .cascader-modal-search.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{border-color:var(--rd-input-fg-hover)}::ng-deep .select-modal .cascader-modal-list{margin-top:16px;overflow-y:auto;height:460px}::ng-deep .select-modal .ant-modal-body{padding:0 24px 24px;background-color:var(--rd-bg-panel)!important}::ng-deep .select-modal .ant-modal-footer{padding:24px!important;border-top:1px solid var(--rd-bg-panel-border)!important;background-color:var(--rd-bg-panel)!important}::ng-deep .select-modal .ant-modal-close{display:none}\n", "::ng-deep .rd-form-item-select{min-width:113px;min-height:52px;max-height:100%;position:relative}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-search{margin-inline-start:0}::ng-deep .rd-form-item-select .ant-select-selection-search-input{padding:12px 4px 0}::ng-deep .rd-form-item-select .ant-select-selection-search-input::placeholder{color:var(--rd-copy-disable)}::ng-deep .rd-form-item-select .ant-select-selection-search .ant-select-selection-search-input{padding:12px 4px 0;transform:translate(4px,14px)!important}::ng-deep .rd-form-item-select .ant-select-show-search{transform:translateY(10px)}::ng-deep .rd-form-item-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:14px 16px 10px;min-height:52px;height:-moz-fit-content;height:fit-content}.rd-form-item-phone ::ng-deep .rd-form-item-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:6px 16px 10px;min-height:52px;height:-moz-fit-content;height:fit-content}.rd-form-item-phone ::ng-deep .rd-form-item-select.ant-select-show-search.ant-select-multiple .ant-select-selector{padding:6px 16px}::ng-deep .rd-form-item-select.ant-select-single .ant-select-selector .ant-select-selection-item:after{display:none}::ng-deep .rd-form-item-select.ant-select .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500;font-size:14px}::ng-deep .rd-form-item-select .ant-select-selector{padding:12px 16px}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-item{border-radius:4px;background:transparent;font-size:14px;font-weight:500;color:var(--rd-copy-primary);display:flex;align-items:center;gap:4px}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove{line-height:1}::ng-deep .rd-form-item-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px}::ng-deep .rd-form-item-select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px;border:1px solid var(--rd-input-fg-hover);background:var(--rd-input-bg-hover);box-shadow:0 0 0 2px #367af61a}::ng-deep .rd-form-item-select .ant-empty-description{font-weight:400;font-size:14px;line-height:22px;color:var(--rd-copy-primary)}::ng-deep .rd-form-item-select .ant-select-selection-placeholder{color:var(--rd-copy-primary);font-weight:500;font-size:14px}::ng-deep .rd-form-item-select .ant-select-selection-item-content{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-form-item-select .ant-select-arrow{transition:ease-in-out .2s all;cursor:pointer;pointer-events:initial}::ng-deep .rd-form-item-select:hover:has(.ant-select-clear) .ant-select-arrow{opacity:0}::ng-deep .rd-form-item-select.ant-select-focused .ant-select-arrow,::ng-deep .rd-form-item-select .ant-select-selector:focus-within .ant-select-arrow{transform:rotate(-180deg);transition:transform .2s ease}::ng-deep .rd-form-item-select-s{min-height:38px}::ng-deep .rd-form-item-select-s.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:100%;min-height:38px;padding:0 12px}::ng-deep .rd-form-item-select-dropdown .ant-select-dropdown,::ng-deep .rd-form-item-select-dropdown-s .ant-select-dropdown,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-dropdown{border-radius:4px;background:var(--rd-bg-dropdown);min-width:113px}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option{background-color:transparent;padding:0 6px}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content{border-radius:4px;padding:0 6px;display:flex;align-items:center;color:var(--rd-copy-primary);font-size:14px;min-height:40px;font-weight:600}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-active .ant-select-item-option-content{background:rgba(54,122,246,.1)}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-disabled .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content{color:var(--rd-copy-secondary);background:var(--rd-input-bg-disable)}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty img,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty img,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty img{width:61px;height:68px}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty p,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty p,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty p{font-size:13px;color:var(--rd-copy-disable);font-weight:500;margin:0}::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-content{padding:0 4px;min-height:32px}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content{border-radius:4px;color:var(--rd-copy-primary);font-size:14px;padding:0 6px 0 32px;position:relative}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content:before{content:\"\";position:absolute;top:50%;left:6px;width:16px;height:16px;transform:translateY(-50%);border-radius:4px;border:1px solid var(--rd-control-border-empty)}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-selected .ant-select-item-option-content:before{background-image:url(/assets/img/icon/checkbox.svg);background-size:contain;background-position:center;background-repeat:no-repeat;border:none}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-state{display:none}::ng-deep .rd-form-item-option-content{display:flex;align-items:center;gap:8px;height:100%}::ng-deep .rd-form-item-option-content span{font-size:14px;font-weight:500}::ng-deep .rd-form-item-option-content .rd-token-icon{width:20px;height:20px;transition:opacity .3s ease-in-out}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: "component", type: i4$3.NzSpinComponent, selector: "nz-spin", inputs: ["nzIndicator", "nzSize", "nzTip", "nzDelay", "nzSimple", "nzSpinning"], exportAs: ["nzSpin"] }, { kind: "component", type: i4$4.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4$4.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: "component", type: FormItemComponent, selector: "app-rd-form-item", inputs: ["errorMessage", "disabled", "label", "type", "focus", "value", "size"] }, { kind: "component", type: i7.NzDrawerComponent, selector: "nz-drawer", inputs: ["nzContent", "nzCloseIcon", "nzClosable", "nzMaskClosable", "nzMask", "nzCloseOnNavigation", "nzNoAnimation", "nzKeyboard", "nzTitle", "nzExtra", "nzFooter", "nzPlacement", "nzSize", "nzMaskStyle", "nzBodyStyle", "nzWrapClassName", "nzWidth", "nzHeight", "nzZIndex", "nzOffsetX", "nzOffsetY", "nzVisible"], outputs: ["nzOnViewInit", "nzOnClose", "nzVisibleChange"], exportAs: ["nzDrawer"] }, { kind: "directive", type: i7.NzDrawerContentDirective, selector: "[nzDrawerContent]", exportAs: ["nzDrawerContent"] }, { kind: "directive", type: i4$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i4$1.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i4$1.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "component", type: i9.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { kind: "component", type: i9.NzCheckboxWrapperComponent, selector: "nz-checkbox-wrapper", outputs: ["nzOnChange"], exportAs: ["nzCheckboxWrapper"] }, { kind: "directive", type: i3$1.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "component", type: i11.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzContent", "nzComponentParams", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus", "nzOnOk", "nzOnCancel"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }, { kind: "directive", type: i11.NzModalContentDirective, selector: "[nzModalContent]", exportAs: ["nzModalContent"] }, { kind: "component", type: RdButtonComponent, selector: "app-rd-button", inputs: ["type", "size", "shape", "disabled", "loading", "block", "htmlType", "outline", "ghost", "dashed", "icon", "danger", "minWidth"], outputs: ["click"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
1808
1811
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdSelectComponent, decorators: [{
1809
1812
  type: Component,
1810
1813
  args: [{ selector: 'app-rd-select', providers: [
@@ -1818,8 +1821,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
1818
1821
  useExisting: forwardRef(() => RdSelectComponent),
1819
1822
  multi: true,
1820
1823
  },
1821
- ], template: "<!-- rd-select.component.html -->\n<div\n [class.rd-select-ready]=\"isComponentReady\"\n [class.rd-search-width-auto]=\"isSearchWidthAuto\"\n class=\"rd-select-container\"\n>\n <app-rd-form-item\n [disabled]=\"disabled\"\n [focus]=\"!!searchInput || isFocus || isOpen\"\n [type]=\"'select'\"\n [label]=\"label\"\n [value]=\"nativeValue\"\n [errorMessage]=\"showError && isShowErrorTip ? currentErrorMessage : ''\"\n [ngClass]=\"{\n 'rd-form-item-phone': !label,\n }\"\n (click)=\"openDrawer()\"\n >\n <nz-select\n class=\"rd-form-item-select\"\n [ngStyle]=\"{\n 'pointer-events':\n businessLocation && nzMode === 'multiple' ? 'none' : '',\n }\"\n nzBorderless\n [nzMode]=\"nzMode\"\n [nzShowArrow]=\"false\"\n [(ngModel)]=\"nativeValue\"\n [nzMaxMultipleCount]=\"nzMaxMultipleCount ? nzMaxMultipleCount : null\"\n [nzPlaceHolder]=\"placeholder\"\n [nzCustomTemplate]=\"\n customTpl\n ? customTpl\n : isCurrency\n ? currencySelectedTpl\n : defaultSelectedTpl\n \"\n (nzScrollToBottom)=\"onScrollToBottom()\"\n (ngModelChange)=\"handleValueChange($event)\"\n [disabled]=\"disabled\"\n (nzFocus)=\"isFocus = true\"\n (nzBlur)=\"isFocus = false\"\n [nzDropdownClassName]=\"dropdownClassNames\"\n [nzOptionOverflowSize]=\"5\"\n [nzOptionHeightPx]=\"optionHeightPx || 40\"\n [nzSuffixIcon]=\"customIcon\"\n [nzRemoveIcon]=\"removeIcon\"\n [nzShowSearch]=\"\n nzMode === 'multiple' && businessLocation ? false : isShowSearch\n \"\n (nzOnSearch)=\"onSearch($event)\"\n [name]=\"name\"\n (nzOpenChange)=\"handleOpenChange($event)\"\n [nzDropdownRender]=\"\n showSelectedCount || showClearAll ? customDropdownFooter : null\n \"\n [ngClass]=\"{\n 'rd-select-disabled-open': isMobile && businessLocation,\n }\"\n >\n <nz-option\n *ngIf=\"showTopHint && isShowMaxCount\"\n nzDisabled\n nzCustomContent\n >\n <div class=\"top-hint-option\">\n <span class=\"t14-400 c-text-primary\">{{ topHintText }}</span>\n </div>\n </nz-option>\n\n <nz-option\n *ngFor=\"let option of filteredOptions\"\n [nzValue]=\"option.value\"\n [nzLabel]=\"option.name || ''\"\n [nzDisabled]=\"option.disabled || false\"\n [nzCustomContent]=\"true\"\n >\n <ng-container *ngIf=\"optionTpl || isCurrency\">\n <ng-container\n *ngTemplateOutlet=\"\n isCurrency ? currencyOptionTpl : optionTpl;\n context: { $implicit: option }\n \"\n ></ng-container>\n </ng-container>\n <ng-container *ngIf=\"!(optionTpl || isCurrency)\">\n <span class=\"t14-400 c-text-primary\">{{ option?.name }}</span>\n </ng-container>\n </nz-option>\n\n <nz-option *ngIf=\"isLoading\" nzDisabled nzCustomContent>\n <nz-spin style=\"padding: 16px 0\"></nz-spin>\n </nz-option>\n </nz-select>\n </app-rd-form-item>\n</div>\n\n<!-- \u81EA\u5B9A\u4E49\u4E0B\u62C9\u83DC\u5355\u5E95\u90E8 -->\n<ng-template #customDropdownFooter>\n <div class=\"select-footer-container\">\n <div\n class=\"select-footer-content d-flex justify-content-between align-items-center\"\n >\n <div>\n <!-- \u9009\u4E2D\u8BA1\u6570 -->\n <span *ngIf=\"showSelectedCount\" class=\"t14-400 c-text-primary\">\n {{ selectedLabel }}\n {{\n isMobile ? getDrawerSelectValueLen() : selectedCount\n }}/<ng-container *ngIf=\"isShowMaxCount\"\n >/{{ nzMaxMultipleCount }}\n </ng-container>\n </span>\n\n <!-- \u6E05\u7A7A\u6309\u94AE -->\n <a\n *ngIf=\"\n showClearAll &&\n (isMobile ? getDrawerSelectValueLen() : selectedCount) > 0\n \"\n class=\"b14 ml-16\"\n (click)=\"clearAll(); $event.stopPropagation()\"\n >\n {{ clearAllLabel }}\n </a>\n </div>\n\n <div>\n <app-rd-button\n type=\"primary\"\n *ngIf=\"isMobile\"\n [disabled]=\"getDisableNext()\"\n (click)=\"multSelectMobileNext()\"\n >\n {{ \"next\" | translate }}</app-rd-button\n >\n </div>\n </div>\n </div>\n</ng-template>\n\n<ng-template #customModalFooter>\n <div class=\"select-footer-container\">\n <div\n class=\"select-footer-content d-flex justify-content-between align-items-center\"\n >\n <div>\n <!-- \u9009\u4E2D\u8BA1\u6570 -->\n <span *ngIf=\"showSelectedCount\" class=\"t14-400 c-text-primary\">\n {{ selectedLabel }}\n {{ getDrawerSelectValueLen()\n }}<ng-container *ngIf=\"isShowMaxCount\"\n >/{{ nzMaxMultipleCount }}\n </ng-container>\n </span>\n\n <!-- \u6E05\u7A7A\u6309\u94AE -->\n <a\n *ngIf=\"showClearAll && getDrawerSelectValueLen() > 0\"\n class=\"b14 ml-16\"\n (click)=\"clearAll(); $event.stopPropagation()\"\n >\n {{ clearAllLabel }}\n </a>\n </div>\n\n <div>\n <app-rd-button\n type=\"primary\"\n [disabled]=\"isRquired ? getDrawerSelectValueLen() === 0 : false\"\n (click)=\"multSelectMobileNext()\"\n >\n {{ \"done\" | translate }}</app-rd-button\n >\n </div>\n </div>\n </div>\n</ng-template>\n\n<!-- \u5176\u4ED6\u6A21\u677F\u4FDD\u6301\u4E0D\u53D8 -->\n<ng-template #defaultSelectedTpl let-selected>\n {{ selected?.nzLabel }}\n</ng-template>\n\n<ng-template #currencyOptionTpl let-option>\n <div class=\"rd-form-item-option-content\">\n <img [src]=\"option.iconUrl\" class=\"rd-token-icon\" alt=\"icon\" />\n <span>{{ option.name }}</span>\n </div>\n</ng-template>\n\n<ng-template #currencySelectedTpl let-selected let-extra>\n <div class=\"rd-form-item-option-content\">\n <img\n [src]=\"currencyUrlMap?.[getCurrencyKey(selected.nzValue)]\"\n class=\"rd-token-icon\"\n alt=\"icon\"\n />\n <span>{{ selected.nzLabel }}</span>\n </div>\n</ng-template>\n\n<ng-template #removeIcon>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.39645 2.39645C2.59171 2.20118 2.90829 2.20118 3.10355 2.39645L6 5.29289L8.89645 2.39645C9.09171 2.20118 9.40829 2.20118 9.60355 2.39645C9.79882 2.59171 9.79882 2.90829 9.60355 3.10355L6.70711 6L9.60355 8.89645C9.79882 9.09171 9.79882 9.40829 9.60355 9.60355C9.40829 9.79882 9.09171 9.79882 8.89645 9.60355L6 6.70711L3.10355 9.60355C2.90829 9.79882 2.59171 9.79882 2.39645 9.60355C2.20118 9.40829 2.20118 9.09171 2.39645 8.89645L5.29289 6L2.39645 3.10355C2.20118 2.90829 2.20118 2.59171 2.39645 2.39645Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n\n<ng-template #customIcon>\n <svg\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=\"M2.60136 4.90777C2.83639 4.68743 3.20555 4.69934 3.42589 4.93437L8.00033 9.81377L12.5748 4.93437C12.7951 4.69934 13.1643 4.68743 13.3993 4.90777C13.6343 5.12812 13.6462 5.49727 13.4259 5.7323L8.42589 11.0656C8.31561 11.1833 8.16157 11.25 8.00033 11.25C7.83909 11.25 7.68504 11.1833 7.57476 11.0656L2.57476 5.7323C2.35442 5.49727 2.36633 5.12811 2.60136 4.90777Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n\n<nz-drawer\n [nzVisible]=\"drawerOpen && isMobile && businessLocation\"\n [nzPlacement]=\"'bottom'\"\n [nzHeight]=\"'70vh'\"\n [nzTitle]=\"''\"\n [nzClosable]=\"false\"\n [nzFooter]=\"customDropdownFooter\"\n nzWrapClassName=\"select-drawer\"\n (nzOnClose)=\"closeDrawer()\"\n>\n <div *nzDrawerContent>\n <div class=\"select-drawer-header\">\n <div class=\"header-title\">\n <div>\n {{\n (businessLocation ? \"select_nature_of_business\" : \" \") | translate\n }}\n </div>\n <div class=\"close-btn\" (click)=\"closeDrawer()\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n class=\"w-full\"\n >\n <path\n d=\"M3.40039 3.3999L8.00039 7.9999M12.6004 12.5999L8.00039 7.9999M8.00039 7.9999L12.6004 3.3999L3.40039 12.5999\"\n stroke=\"var(--rd-copy-primary)\"\n stroke-width=\"1.36\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </div>\n </div>\n\n <nz-input-group\n class=\"cascader-drawer-search\"\n [nzPrefix]=\"prefixIconSearch\"\n nzClearable\n >\n <input\n nz-input\n [placeholder]=\"'search' | translate\"\n [(ngModel)]=\"searchTerm\"\n (ngModelChange)=\"doMobileSearch($event)\"\n />\n </nz-input-group>\n </div>\n\n <div class=\"cascader-drawer-list\">\n <div *ngIf=\"isShowMaxCount\" class=\"my-16 ml-8\">\n <span class=\"t14-400 c-text-primary\">{{ topHintText }}</span>\n </div>\n <ng-container *ngIf=\"filteredOptions?.length\">\n <nz-checkbox-wrapper\n class=\"question-content\"\n class=\"t14-400 c-text-primary\"\n (nzOnChange)=\"onCheckboxChange($event)\"\n >\n <div *ngFor=\"let option of filteredOptions\" class=\"mb-8\">\n <label\n nz-checkbox\n [nzValue]=\"option?.value\"\n [nzDisabled]=\"getOptionDisabled(option)\"\n [nzChecked]=\"isValueSelected(option?.value)\"\n >\n <span class=\"t14-400 c-text-primary\">{{ option?.name }}</span>\n </label>\n </div>\n </nz-checkbox-wrapper>\n </ng-container>\n </div>\n </div>\n</nz-drawer>\n\n<!-- Modal for desktop business location multi-select -->\n<nz-modal\n [(nzVisible)]=\"modalOpen\"\n [nzTitle]=\"''\"\n [nzClosable]=\"false\"\n [nzFooter]=\"customModalFooter\"\n nzWrapClassName=\"select-modal\"\n (nzOnCancel)=\"closeModal()\"\n [nzWidth]=\"632\"\n [nzBodyStyle]=\"{ height: '600px' }\"\n nzCentered\n>\n <div *nzModalContent>\n <div class=\"select-modal-header\">\n <div\n class=\"header-title d-flex justify-content-between align-items-center\"\n >\n <div>\n {{\n (businessLocationTitle\n ? businessLocationTitle\n : businessLocation\n ? \"select_nature_of_business\"\n : \" \"\n ) | translate\n }}\n </div>\n <div class=\"close-btn\" (click)=\"closeModal()\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n d=\"M3.40039 3.3999L8.00039 7.9999M12.6004 12.5999L8.00039 7.9999M8.00039 7.9999L12.6004 3.3999L3.40039 12.5999\"\n stroke=\"var(--rd-copy-primary)\"\n stroke-width=\"1.36\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </div>\n </div>\n\n <nz-input-group\n class=\"cascader-modal-search\"\n [nzPrefix]=\"prefixIconSearch\"\n nzClearable\n >\n <input\n nz-input\n [placeholder]=\"'search' | translate\"\n [(ngModel)]=\"searchTerm\"\n (ngModelChange)=\"doMobileSearch($event)\"\n />\n </nz-input-group>\n </div>\n\n <div class=\"cascader-modal-list\">\n <div class=\"mb-16\" *ngIf=\"showTopHint && isShowMaxCount\">\n <span class=\"t14-400 c-text-primary\">{{ topHintText }}</span>\n </div>\n <ng-container *ngIf=\"filteredOptions?.length\">\n <nz-checkbox-wrapper\n class=\"question-content\"\n class=\"t14-400 c-text-primary\"\n (nzOnChange)=\"onCheckboxChange($event)\"\n >\n <div *ngFor=\"let option of filteredOptions\" class=\"mb-8\">\n <label\n nz-checkbox\n [nzValue]=\"option?.value\"\n [nzDisabled]=\"getOptionDisabled(option)\"\n [nzChecked]=\"isValueSelected(option?.value)\"\n >\n <span class=\"t14-400 c-text-primary\">{{ option?.name }}</span>\n </label>\n </div>\n </nz-checkbox-wrapper>\n </ng-container>\n </div>\n </div>\n</nz-modal>\n\n<ng-template #prefixIconSearch>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n d=\"M14.4951 13.6948L11.3962 10.5959C12.3175 9.46902 12.7704 8.03122 12.6613 6.57983C12.5522 5.12844 11.8894 3.77451 10.81 2.79807C9.73066 1.82164 8.3173 1.29741 6.86227 1.33381C5.40723 1.37021 4.02185 1.96445 2.99266 2.99364C1.96348 4.02282 1.36923 5.4082 1.33283 6.86323C1.29643 8.31826 1.82066 9.73162 2.7971 10.811C3.77354 11.8903 5.12747 12.5531 6.57887 12.6622C8.03026 12.7713 9.46807 12.3184 10.5949 11.3972L13.6938 14.5032C13.8027 14.6073 13.9474 14.6656 14.098 14.6663C14.2105 14.6661 14.3204 14.6325 14.4138 14.5697C14.5071 14.5069 14.5796 14.4178 14.6222 14.3136C14.6648 14.2095 14.6754 14.0951 14.6528 13.9849C14.6302 13.8747 14.5753 13.7737 14.4951 13.6948ZM7.00667 11.5461C6.10905 11.5461 5.23158 11.2799 4.48523 10.7812C3.73889 10.2825 3.15718 9.57372 2.81367 8.74443C2.47017 7.91513 2.38029 7.0026 2.55541 6.12223C2.73053 5.24185 3.16277 4.43317 3.79749 3.79846C4.43221 3.16375 5.24088 2.7315 6.12126 2.55638C7.00164 2.38127 7.91417 2.47114 8.74347 2.81465C9.57277 3.15815 10.2816 3.73986 10.7803 4.4862C11.279 5.23255 11.5451 6.11001 11.5451 7.00763C11.5433 8.21073 11.0645 9.36402 10.2138 10.2147C9.36306 11.0655 8.20977 11.5442 7.00667 11.5461Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n", styles: ["@charset \"UTF-8\";:host .rd-select-container{visibility:hidden}:host .rd-select-container.rd-select-ready{visibility:visible}:host .rd-form-item-select{width:100%}:host .rd-form-item-select ::ng-deep .ant-select-selection-search-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500}:host .rd-form-item-select ::ng-deep .ant-select-selection-placeholder{color:var(--rd-copy-disable)!important}:host .rd-select-disabled-open{pointer-events:none}::ng-deep .rd-form-item-phone .ant-select-selection-search-input{padding:0 5px 12px}::ng-deep .rd-form-item-phone .ant-select-single .ant-select-selector .ant-select-selection-search{position:absolute;inset:-8px 11px 0}::ng-deep .rd-select-container:not(.rd-search-width-auto) .rd-form-item-select.ant-select-multiple .ant-select-selection-search{width:100%!important}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-search .ant-select-selection-search-input{padding:0 0 12px!important;transform:translate(-2px,4px)!important}::ng-deep .has-top-hint .ant-select-item-option-content:has(.top-hint-option){background:transparent!important;padding-left:12px!important;cursor:default}::ng-deep .has-top-hint .ant-select-item-option-content:has(.top-hint-option):before{border:none!important}::ng-deep .rd-form-item-multiple-select-dropdown .select-footer-container{padding:16px 12px!important;border-top:1px solid var(--rd-bg-panel-border)!important}::ng-deep .select-drawer{background-color:var(--rd-bg-website)}::ng-deep .select-drawer .select-drawer-header{padding:24px 8px 0;position:sticky;top:0;background-color:var(--rd-bg-website);z-index:1111}::ng-deep .select-drawer .select-drawer-header .header-title{display:flex;align-items:center;font-size:18px;font-weight:500;line-height:24px;justify-content:space-between}::ng-deep .select-drawer .close-btn{width:24px;height:24px;cursor:pointer}::ng-deep .select-drawer .close-btn svg{width:24px}::ng-deep .select-drawer .back-btn{width:16px;height:16px;cursor:pointer}::ng-deep .select-drawer .ant-drawer-body{padding:0 16px 24px}::ng-deep .select-drawer .ant-drawer-content{background-color:transparent;color:var(--rd-copy-primary)}::ng-deep .select-drawer .cascader-drawer-search{border-radius:4px;border:1px solid var(--rd-input-fg-default);background:var(--rd-input-bg-default);height:44px;padding:0 16px;margin-top:16px}::ng-deep .select-drawer .cascader-drawer-search::placeholder{color:var(--rd-copy-disable)}::ng-deep .select-drawer .cascader-drawer-search .ant-input{background:var(--rd-input-bg-default);color:var(--rd-copy-primary)}::ng-deep .select-drawer .cascader-drawer-search.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{border-color:var(--rd-input-fg-hover)}::ng-deep .select-drawer .cascader-drawer-list{margin-top:16px}::ng-deep .select-drawer .cascader-drawer-option{padding:8px;min-height:44px;display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:14px;font-weight:400;line-height:28px;line-height:1.5}::ng-deep .select-drawer .cascader-drawer-option svg{margin-left:auto;flex-shrink:0}::ng-deep .select-drawer .cascader-drawer-option-active{border-radius:4px;background:rgba(42,123,255,.3)}::ng-deep .select-drawer .cascader-drawer-option.cascader-drawer-root-option{align-items:center}::ng-deep .select-drawer .ant-checkbox-inner{border-radius:4px;background-color:var(--rd-control-input-empty);border:1px solid var(--rd-control-border-empty)}::ng-deep .select-drawer .ant-checkbox-checked .ant-checkbox-inner{background-color:var(--rd-control-input-selected)!important;border:none!important}::ng-deep .select-drawer .ant-checkbox-checked .ant-checkbox-inner:after{border:2px solid var(--rd-copy-inverse);border-top:0;border-left:0}::ng-deep .select-drawer .ant-checkbox-checked:after{border-radius:4px}::ng-deep .select-drawer .ant-checkbox-disabled+span{color:var(--rd-copy-primary)!important}::ng-deep .select-drawer .ant-checkbox-disabled .ant-checkbox-inner{border:1px solid var(--rd-control-border-empty)!important}::ng-deep .select-drawer .ant-checkbox-wrapper{font-weight:400;font-size:14px;line-height:22px;color:var(--rd-copy-primary)!important}::ng-deep .select-drawer .ant-checkbox-wrapper>span{margin-left:8px}::ng-deep .select-drawer .ant-drawer-footer{padding:24px!important;border-top:1px solid var(--rd-bg-panel-border)!important}::ng-deep .select-modal .ant-modal-content{background-color:var(--rd-bg-panel);border-radius:8px}::ng-deep .select-modal .ant-checkbox{margin-right:8px}::ng-deep .select-modal .ant-checkbox>span{border-radius:4px}::ng-deep .select-modal .select-modal-header{padding:24px 0 0;position:sticky;top:0;background-color:var(--rd-bg-panel);z-index:1111}::ng-deep .select-modal .select-modal-header .header-title{display:flex;align-items:center;font-size:18px;font-weight:500;line-height:24px;color:var(--rd-copy-primary);justify-content:space-between}::ng-deep .select-modal .close-btn{width:24px;height:24px;cursor:pointer}::ng-deep .select-modal .close-btn svg{width:24px}::ng-deep .select-modal .back-btn{width:16px;height:16px;cursor:pointer}::ng-deep .select-modal .cascader-modal-search{border-radius:4px;border:1px solid var(--rd-bg-panel-border);background:var(--rd-input-bg-default);height:44px;padding:0 16px;margin-top:16px}::ng-deep .select-modal .cascader-modal-search::placeholder{color:var(--rd-copy-disable)}::ng-deep .select-modal .cascader-modal-search .ant-input{background:var(--rd-bg-panel);color:var(--rd-copy-primary);box-shadow:none;outline:none}::ng-deep .select-modal .cascader-modal-search.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{border-color:var(--rd-input-fg-hover)}::ng-deep .select-modal .cascader-modal-list{margin-top:16px;overflow-y:auto;height:460px}::ng-deep .select-modal .ant-modal-body{padding:0 24px 24px;background-color:var(--rd-bg-panel)!important}::ng-deep .select-modal .ant-modal-footer{padding:24px!important;border-top:1px solid var(--rd-bg-panel-border)!important;background-color:var(--rd-bg-panel)!important}::ng-deep .select-modal .ant-modal-close{display:none}\n", "::ng-deep .rd-form-item-select{min-width:113px;min-height:52px;max-height:100%;position:relative}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-search{margin-inline-start:0}::ng-deep .rd-form-item-select .ant-select-selection-search-input{padding:12px 4px 0}::ng-deep .rd-form-item-select .ant-select-selection-search-input::placeholder{color:var(--rd-copy-disable)}::ng-deep .rd-form-item-select .ant-select-selection-search .ant-select-selection-search-input{padding:12px 4px 0;transform:translate(4px,14px)!important}::ng-deep .rd-form-item-select .ant-select-show-search{transform:translateY(10px)}::ng-deep .rd-form-item-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:14px 16px 10px;min-height:52px;height:-moz-fit-content;height:fit-content}.rd-form-item-phone ::ng-deep .rd-form-item-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:6px 16px 10px;min-height:52px;height:-moz-fit-content;height:fit-content}.rd-form-item-phone ::ng-deep .rd-form-item-select.ant-select-show-search.ant-select-multiple .ant-select-selector{padding:6px 16px}::ng-deep .rd-form-item-select.ant-select-single .ant-select-selector .ant-select-selection-item:after{display:none}::ng-deep .rd-form-item-select.ant-select .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500;font-size:14px}::ng-deep .rd-form-item-select .ant-select-selector{padding:12px 16px}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-item{border-radius:4px;background:transparent;font-size:14px;font-weight:500;color:var(--rd-copy-primary);display:flex;align-items:center;gap:4px}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove{line-height:1}::ng-deep .rd-form-item-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px}::ng-deep .rd-form-item-select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px;border:1px solid var(--rd-input-fg-hover);background:var(--rd-input-bg-hover);box-shadow:0 0 0 2px #367af61a}::ng-deep .rd-form-item-select .ant-empty-description{font-weight:400;font-size:14px;line-height:22px;color:var(--rd-copy-primary)}::ng-deep .rd-form-item-select .ant-select-selection-placeholder{color:var(--rd-copy-primary);font-weight:500;font-size:14px}::ng-deep .rd-form-item-select .ant-select-selection-item-content{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-form-item-select .ant-select-arrow{transition:ease-in-out .2s all;cursor:pointer;pointer-events:initial}::ng-deep .rd-form-item-select:hover:has(.ant-select-clear) .ant-select-arrow{opacity:0}::ng-deep .rd-form-item-select.ant-select-focused .ant-select-arrow,::ng-deep .rd-form-item-select .ant-select-selector:focus-within .ant-select-arrow{transform:rotate(-180deg);transition:transform .2s ease}::ng-deep .rd-form-item-select-s{min-height:38px}::ng-deep .rd-form-item-select-s.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:100%;min-height:38px;padding:0 12px}::ng-deep .rd-form-item-select-dropdown .ant-select-dropdown,::ng-deep .rd-form-item-select-dropdown-s .ant-select-dropdown,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-dropdown{border-radius:4px;background:var(--rd-bg-dropdown);min-width:113px}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option{background-color:transparent;padding:0 6px}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content{border-radius:4px;padding:0 6px;display:flex;align-items:center;color:var(--rd-copy-primary);font-size:14px;min-height:40px;font-weight:600}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-active .ant-select-item-option-content{background:rgba(54,122,246,.1)}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-disabled .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content{color:var(--rd-copy-secondary);background:var(--rd-input-bg-disable)}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty img,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty img,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty img{width:61px;height:68px}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty p,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty p,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty p{font-size:13px;color:var(--rd-copy-disable);font-weight:500;margin:0}::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-content{padding:0 4px;min-height:32px}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content{border-radius:4px;color:var(--rd-copy-primary);font-size:14px;padding:0 6px 0 32px;position:relative}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content:before{content:\"\";position:absolute;top:50%;left:6px;width:16px;height:16px;transform:translateY(-50%);border-radius:4px;border:1px solid var(--rd-control-border-empty)}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-selected .ant-select-item-option-content:before{background-image:url(/assets/img/icon/checkbox.svg);background-size:contain;background-position:center;background-repeat:no-repeat;border:none}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-state{display:none}::ng-deep .rd-form-item-option-content{display:flex;align-items:center;gap:8px;height:100%}::ng-deep .rd-form-item-option-content span{font-size:14px;font-weight:500}::ng-deep .rd-form-item-option-content .rd-token-icon{width:20px;height:20px;transition:opacity .3s ease-in-out}\n"] }]
1822
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }]; }, propDecorators: { label: [{
1824
+ ], template: "<!-- rd-select.component.html -->\n<div\n [class.rd-select-ready]=\"isComponentReady\"\n [class.rd-search-width-auto]=\"isSearchWidthAuto\"\n class=\"rd-select-container\"\n>\n <app-rd-form-item\n [disabled]=\"disabled\"\n [focus]=\"!!searchInput || isFocus || isOpen\"\n [type]=\"'select'\"\n [label]=\"label | translate\"\n [value]=\"nativeValue\"\n [errorMessage]=\"\n showError && isShowErrorTip ? (currentErrorMessage | translate) : ''\n \"\n [ngClass]=\"{\n 'rd-form-item-phone': !label,\n }\"\n (click)=\"openDrawer()\"\n >\n <nz-select\n class=\"rd-form-item-select\"\n [ngStyle]=\"{\n 'pointer-events':\n businessLocation && nzMode === 'multiple' ? 'none' : '',\n }\"\n nzBorderless\n [nzMode]=\"nzMode\"\n [nzShowArrow]=\"false\"\n [(ngModel)]=\"nativeValue\"\n [nzMaxMultipleCount]=\"nzMaxMultipleCount ? nzMaxMultipleCount : null\"\n [nzPlaceHolder]=\"placeholder\"\n [nzCustomTemplate]=\"\n customTpl\n ? customTpl\n : isCurrency\n ? currencySelectedTpl\n : defaultSelectedTpl\n \"\n (nzScrollToBottom)=\"onScrollToBottom()\"\n (ngModelChange)=\"handleValueChange($event)\"\n [disabled]=\"disabled\"\n (nzFocus)=\"isFocus = true\"\n (nzBlur)=\"isFocus = false\"\n [nzDropdownClassName]=\"dropdownClassNames\"\n [nzOptionOverflowSize]=\"5\"\n [nzOptionHeightPx]=\"optionHeightPx || 40\"\n [nzSuffixIcon]=\"customIcon\"\n [nzRemoveIcon]=\"removeIcon\"\n [nzShowSearch]=\"\n nzMode === 'multiple' && businessLocation ? false : isShowSearch\n \"\n (nzOnSearch)=\"onSearch($event)\"\n [name]=\"name\"\n (nzOpenChange)=\"handleOpenChange($event)\"\n [nzDropdownRender]=\"\n showSelectedCount || showClearAll ? customDropdownFooter : null\n \"\n [ngClass]=\"{\n 'rd-select-disabled-open': isMobile && businessLocation,\n }\"\n >\n <nz-option\n *ngIf=\"showTopHint && isShowMaxCount\"\n nzDisabled\n nzCustomContent\n >\n <div class=\"top-hint-option\">\n <span class=\"t14-400 c-text-primary\">{{ topHintText }}</span>\n </div>\n </nz-option>\n\n <nz-option\n *ngFor=\"let option of filteredOptions\"\n [nzValue]=\"option.value\"\n [nzLabel]=\"option.name ?? '' | translate\"\n [nzDisabled]=\"option.disabled || false\"\n [nzCustomContent]=\"true\"\n >\n <ng-container *ngIf=\"optionTpl || isCurrency\">\n <ng-container\n *ngTemplateOutlet=\"\n isCurrency ? currencyOptionTpl : optionTpl;\n context: { $implicit: option }\n \"\n ></ng-container>\n </ng-container>\n <ng-container *ngIf=\"!(optionTpl || isCurrency)\">\n <span class=\"t14-400 c-text-primary\">{{ option?.name }}</span>\n </ng-container>\n </nz-option>\n\n <nz-option *ngIf=\"isLoading\" nzDisabled nzCustomContent>\n <nz-spin style=\"padding: 16px 0\"></nz-spin>\n </nz-option>\n </nz-select>\n </app-rd-form-item>\n</div>\n\n<!-- \u81EA\u5B9A\u4E49\u4E0B\u62C9\u83DC\u5355\u5E95\u90E8 -->\n<ng-template #customDropdownFooter>\n <div class=\"select-footer-container\">\n <div\n class=\"select-footer-content d-flex justify-content-between align-items-center\"\n >\n <div>\n <!-- \u9009\u4E2D\u8BA1\u6570 -->\n <span *ngIf=\"showSelectedCount\" class=\"t14-400 c-text-primary\">\n {{ selectedLabel | translate }}\n {{\n isMobile ? getDrawerSelectValueLen() : selectedCount\n }}/<ng-container *ngIf=\"isShowMaxCount\"\n >/{{ nzMaxMultipleCount }}\n </ng-container>\n </span>\n\n <!-- \u6E05\u7A7A\u6309\u94AE -->\n <a\n *ngIf=\"\n showClearAll &&\n (isMobile ? getDrawerSelectValueLen() : selectedCount) > 0\n \"\n class=\"b14 ml-16\"\n (click)=\"clearAll(); $event.stopPropagation()\"\n >\n {{ clearAllLabel | translate }}\n </a>\n </div>\n\n <div>\n <app-rd-button\n type=\"primary\"\n *ngIf=\"isMobile\"\n [disabled]=\"getDisableNext()\"\n (click)=\"multSelectMobileNext()\"\n >\n {{ \"next\" | translate }}</app-rd-button\n >\n </div>\n </div>\n </div>\n</ng-template>\n\n<ng-template #customModalFooter>\n <div class=\"select-footer-container\">\n <div\n class=\"select-footer-content d-flex justify-content-between align-items-center\"\n >\n <div>\n <!-- \u9009\u4E2D\u8BA1\u6570 -->\n <span *ngIf=\"showSelectedCount\" class=\"t14-400 c-text-primary\">\n {{ selectedLabel | translate }}\n {{ getDrawerSelectValueLen()\n }}<ng-container *ngIf=\"isShowMaxCount\"\n >/{{ nzMaxMultipleCount }}\n </ng-container>\n </span>\n\n <!-- \u6E05\u7A7A\u6309\u94AE -->\n <a\n *ngIf=\"showClearAll && getDrawerSelectValueLen() > 0\"\n class=\"b14 ml-16\"\n (click)=\"clearAll(); $event.stopPropagation()\"\n >\n {{ clearAllLabel | translate }}\n </a>\n </div>\n\n <div>\n <app-rd-button\n type=\"primary\"\n [disabled]=\"isRquired ? getDrawerSelectValueLen() === 0 : false\"\n (click)=\"multSelectMobileNext()\"\n >\n {{ \"done\" | translate }}</app-rd-button\n >\n </div>\n </div>\n </div>\n</ng-template>\n\n<!-- \u5176\u4ED6\u6A21\u677F\u4FDD\u6301\u4E0D\u53D8 -->\n<ng-template #defaultSelectedTpl let-selected>\n {{ selected?.nzLabel | translate }}\n</ng-template>\n\n<ng-template #currencyOptionTpl let-option>\n <div class=\"rd-form-item-option-content\">\n <img [src]=\"option.iconUrl\" class=\"rd-token-icon\" alt=\"icon\" />\n <span>{{ option.name ?? \"\" | translate }}</span>\n </div>\n</ng-template>\n\n<ng-template #currencySelectedTpl let-selected let-extra>\n <div class=\"rd-form-item-option-content\">\n <img\n [src]=\"currencyUrlMap?.[getCurrencyKey(selected.nzValue)]\"\n class=\"rd-token-icon\"\n alt=\"icon\"\n />\n <span>{{ selected.nzLabel | translate }}</span>\n </div>\n</ng-template>\n\n<ng-template #removeIcon>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.39645 2.39645C2.59171 2.20118 2.90829 2.20118 3.10355 2.39645L6 5.29289L8.89645 2.39645C9.09171 2.20118 9.40829 2.20118 9.60355 2.39645C9.79882 2.59171 9.79882 2.90829 9.60355 3.10355L6.70711 6L9.60355 8.89645C9.79882 9.09171 9.79882 9.40829 9.60355 9.60355C9.40829 9.79882 9.09171 9.79882 8.89645 9.60355L6 6.70711L3.10355 9.60355C2.90829 9.79882 2.59171 9.79882 2.39645 9.60355C2.20118 9.40829 2.20118 9.09171 2.39645 8.89645L5.29289 6L2.39645 3.10355C2.20118 2.90829 2.20118 2.59171 2.39645 2.39645Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n\n<ng-template #customIcon>\n <svg\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=\"M2.60136 4.90777C2.83639 4.68743 3.20555 4.69934 3.42589 4.93437L8.00033 9.81377L12.5748 4.93437C12.7951 4.69934 13.1643 4.68743 13.3993 4.90777C13.6343 5.12812 13.6462 5.49727 13.4259 5.7323L8.42589 11.0656C8.31561 11.1833 8.16157 11.25 8.00033 11.25C7.83909 11.25 7.68504 11.1833 7.57476 11.0656L2.57476 5.7323C2.35442 5.49727 2.36633 5.12811 2.60136 4.90777Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n\n<nz-drawer\n [nzVisible]=\"drawerOpen && isMobile && businessLocation\"\n [nzPlacement]=\"'bottom'\"\n [nzHeight]=\"'70vh'\"\n [nzTitle]=\"''\"\n [nzClosable]=\"false\"\n [nzFooter]=\"customDropdownFooter\"\n nzWrapClassName=\"select-drawer\"\n (nzOnClose)=\"closeDrawer()\"\n>\n <div *nzDrawerContent>\n <div class=\"select-drawer-header\">\n <div class=\"header-title\">\n <div>\n {{\n (businessLocation ? \"select_nature_of_business\" : \" \") | translate\n }}\n </div>\n <div class=\"close-btn\" (click)=\"closeDrawer()\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n class=\"w-full\"\n >\n <path\n d=\"M3.40039 3.3999L8.00039 7.9999M12.6004 12.5999L8.00039 7.9999M8.00039 7.9999L12.6004 3.3999L3.40039 12.5999\"\n stroke=\"var(--rd-copy-primary)\"\n stroke-width=\"1.36\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </div>\n </div>\n\n <nz-input-group\n class=\"cascader-drawer-search\"\n [nzPrefix]=\"prefixIconSearch\"\n nzClearable\n >\n <input\n nz-input\n [placeholder]=\"'search' | translate\"\n [(ngModel)]=\"searchTerm\"\n (ngModelChange)=\"doMobileSearch($event)\"\n />\n </nz-input-group>\n </div>\n\n <div class=\"cascader-drawer-list\">\n <div *ngIf=\"isShowMaxCount\" class=\"my-16 ml-8\">\n <span class=\"t14-400 c-text-primary\">{{ topHintText }}</span>\n </div>\n <ng-container *ngIf=\"filteredOptions?.length\">\n <nz-checkbox-wrapper\n class=\"question-content\"\n class=\"t14-400 c-text-primary\"\n (nzOnChange)=\"onCheckboxChange($event)\"\n >\n <div *ngFor=\"let option of filteredOptions\" class=\"mb-8\">\n <label\n nz-checkbox\n [nzValue]=\"option?.value\"\n [nzDisabled]=\"getOptionDisabled(option)\"\n [nzChecked]=\"isValueSelected(option?.value)\"\n >\n <span class=\"t14-400 c-text-primary\">{{ option?.name }}</span>\n </label>\n </div>\n </nz-checkbox-wrapper>\n </ng-container>\n </div>\n </div>\n</nz-drawer>\n\n<!-- Modal for desktop business location multi-select -->\n<nz-modal\n [(nzVisible)]=\"modalOpen\"\n [nzTitle]=\"''\"\n [nzClosable]=\"false\"\n [nzFooter]=\"customModalFooter\"\n nzWrapClassName=\"select-modal\"\n (nzOnCancel)=\"closeModal()\"\n [nzWidth]=\"632\"\n [nzBodyStyle]=\"{ height: '600px' }\"\n nzCentered\n>\n <div *nzModalContent>\n <div class=\"select-modal-header\">\n <div\n class=\"header-title d-flex justify-content-between align-items-center\"\n >\n <div>\n {{\n (businessLocationTitle\n ? businessLocationTitle\n : businessLocation\n ? \"select_nature_of_business\"\n : \" \"\n ) | translate\n }}\n </div>\n <div class=\"close-btn\" (click)=\"closeModal()\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n d=\"M3.40039 3.3999L8.00039 7.9999M12.6004 12.5999L8.00039 7.9999M8.00039 7.9999L12.6004 3.3999L3.40039 12.5999\"\n stroke=\"var(--rd-copy-primary)\"\n stroke-width=\"1.36\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </div>\n </div>\n\n <nz-input-group\n class=\"cascader-modal-search\"\n [nzPrefix]=\"prefixIconSearch\"\n nzClearable\n >\n <input\n nz-input\n [placeholder]=\"'search' | translate\"\n [(ngModel)]=\"searchTerm\"\n (ngModelChange)=\"doMobileSearch($event)\"\n />\n </nz-input-group>\n </div>\n\n <div class=\"cascader-modal-list\">\n <div class=\"mb-16\" *ngIf=\"showTopHint && isShowMaxCount\">\n <span class=\"t14-400 c-text-primary\">{{ topHintText }}</span>\n </div>\n <ng-container *ngIf=\"filteredOptions?.length\">\n <nz-checkbox-wrapper\n class=\"question-content\"\n class=\"t14-400 c-text-primary\"\n (nzOnChange)=\"onCheckboxChange($event)\"\n >\n <div *ngFor=\"let option of filteredOptions\" class=\"mb-8\">\n <label\n nz-checkbox\n [nzValue]=\"option?.value\"\n [nzDisabled]=\"getOptionDisabled(option)\"\n [nzChecked]=\"isValueSelected(option?.value)\"\n >\n <span class=\"t14-400 c-text-primary\">{{ option?.name }}</span>\n </label>\n </div>\n </nz-checkbox-wrapper>\n </ng-container>\n </div>\n </div>\n</nz-modal>\n\n<ng-template #prefixIconSearch>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n d=\"M14.4951 13.6948L11.3962 10.5959C12.3175 9.46902 12.7704 8.03122 12.6613 6.57983C12.5522 5.12844 11.8894 3.77451 10.81 2.79807C9.73066 1.82164 8.3173 1.29741 6.86227 1.33381C5.40723 1.37021 4.02185 1.96445 2.99266 2.99364C1.96348 4.02282 1.36923 5.4082 1.33283 6.86323C1.29643 8.31826 1.82066 9.73162 2.7971 10.811C3.77354 11.8903 5.12747 12.5531 6.57887 12.6622C8.03026 12.7713 9.46807 12.3184 10.5949 11.3972L13.6938 14.5032C13.8027 14.6073 13.9474 14.6656 14.098 14.6663C14.2105 14.6661 14.3204 14.6325 14.4138 14.5697C14.5071 14.5069 14.5796 14.4178 14.6222 14.3136C14.6648 14.2095 14.6754 14.0951 14.6528 13.9849C14.6302 13.8747 14.5753 13.7737 14.4951 13.6948ZM7.00667 11.5461C6.10905 11.5461 5.23158 11.2799 4.48523 10.7812C3.73889 10.2825 3.15718 9.57372 2.81367 8.74443C2.47017 7.91513 2.38029 7.0026 2.55541 6.12223C2.73053 5.24185 3.16277 4.43317 3.79749 3.79846C4.43221 3.16375 5.24088 2.7315 6.12126 2.55638C7.00164 2.38127 7.91417 2.47114 8.74347 2.81465C9.57277 3.15815 10.2816 3.73986 10.7803 4.4862C11.279 5.23255 11.5451 6.11001 11.5451 7.00763C11.5433 8.21073 11.0645 9.36402 10.2138 10.2147C9.36306 11.0655 8.20977 11.5442 7.00667 11.5461Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n", styles: ["@charset \"UTF-8\";:host .rd-select-container{visibility:hidden}:host .rd-select-container.rd-select-ready{visibility:visible}:host .rd-form-item-select{width:100%}:host .rd-form-item-select ::ng-deep .ant-select-selection-search-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500}:host .rd-form-item-select ::ng-deep .ant-select-selection-placeholder{color:var(--rd-copy-disable)!important}:host .rd-select-disabled-open{pointer-events:none}::ng-deep .rd-form-item-phone .ant-select-selection-search-input{padding:0 5px 12px}::ng-deep .rd-form-item-phone .ant-select-single .ant-select-selector .ant-select-selection-search{position:absolute;inset:-8px 11px 0}::ng-deep .rd-select-container:not(.rd-search-width-auto) .rd-form-item-select.ant-select-multiple .ant-select-selection-search{width:100%!important}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-search .ant-select-selection-search-input{padding:0 0 12px!important;transform:translate(-2px,4px)!important}::ng-deep .has-top-hint .ant-select-item-option-content:has(.top-hint-option){background:transparent!important;padding-left:12px!important;cursor:default}::ng-deep .has-top-hint .ant-select-item-option-content:has(.top-hint-option):before{border:none!important}::ng-deep .rd-form-item-multiple-select-dropdown .select-footer-container{padding:16px 12px!important;border-top:1px solid var(--rd-bg-panel-border)!important}::ng-deep .select-drawer{background-color:var(--rd-bg-website)}::ng-deep .select-drawer .select-drawer-header{padding:24px 8px 0;position:sticky;top:0;background-color:var(--rd-bg-website);z-index:1111}::ng-deep .select-drawer .select-drawer-header .header-title{display:flex;align-items:center;font-size:18px;font-weight:500;line-height:24px;justify-content:space-between}::ng-deep .select-drawer .close-btn{width:24px;height:24px;cursor:pointer}::ng-deep .select-drawer .close-btn svg{width:24px}::ng-deep .select-drawer .back-btn{width:16px;height:16px;cursor:pointer}::ng-deep .select-drawer .ant-drawer-body{padding:0 16px 24px}::ng-deep .select-drawer .ant-drawer-content{background-color:transparent;color:var(--rd-copy-primary)}::ng-deep .select-drawer .cascader-drawer-search{border-radius:4px;border:1px solid var(--rd-input-fg-default);background:var(--rd-input-bg-default);height:44px;padding:0 16px;margin-top:16px}::ng-deep .select-drawer .cascader-drawer-search::placeholder{color:var(--rd-copy-disable)}::ng-deep .select-drawer .cascader-drawer-search .ant-input{background:var(--rd-input-bg-default);color:var(--rd-copy-primary)}::ng-deep .select-drawer .cascader-drawer-search.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{border-color:var(--rd-input-fg-hover)}::ng-deep .select-drawer .cascader-drawer-list{margin-top:16px}::ng-deep .select-drawer .cascader-drawer-option{padding:8px;min-height:44px;display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:14px;font-weight:400;line-height:28px;line-height:1.5}::ng-deep .select-drawer .cascader-drawer-option svg{margin-left:auto;flex-shrink:0}::ng-deep .select-drawer .cascader-drawer-option-active{border-radius:4px;background:rgba(42,123,255,.3)}::ng-deep .select-drawer .cascader-drawer-option.cascader-drawer-root-option{align-items:center}::ng-deep .select-drawer .ant-checkbox-inner{border-radius:4px;background-color:var(--rd-control-input-empty);border:1px solid var(--rd-control-border-empty)}::ng-deep .select-drawer .ant-checkbox-checked .ant-checkbox-inner{background-color:var(--rd-control-input-selected)!important;border:none!important}::ng-deep .select-drawer .ant-checkbox-checked .ant-checkbox-inner:after{border:2px solid var(--rd-copy-inverse);border-top:0;border-left:0}::ng-deep .select-drawer .ant-checkbox-checked:after{border-radius:4px}::ng-deep .select-drawer .ant-checkbox-disabled+span{color:var(--rd-copy-primary)!important}::ng-deep .select-drawer .ant-checkbox-disabled .ant-checkbox-inner{border:1px solid var(--rd-control-border-empty)!important}::ng-deep .select-drawer .ant-checkbox-wrapper{font-weight:400;font-size:14px;line-height:22px;color:var(--rd-copy-primary)!important}::ng-deep .select-drawer .ant-checkbox-wrapper>span{margin-left:8px}::ng-deep .select-drawer .ant-drawer-footer{padding:24px!important;border-top:1px solid var(--rd-bg-panel-border)!important}::ng-deep .select-modal .ant-modal-content{background-color:var(--rd-bg-panel);border-radius:8px}::ng-deep .select-modal .ant-checkbox{margin-right:8px}::ng-deep .select-modal .ant-checkbox>span{border-radius:4px}::ng-deep .select-modal .select-modal-header{padding:24px 0 0;position:sticky;top:0;background-color:var(--rd-bg-panel);z-index:1111}::ng-deep .select-modal .select-modal-header .header-title{display:flex;align-items:center;font-size:18px;font-weight:500;line-height:24px;color:var(--rd-copy-primary);justify-content:space-between}::ng-deep .select-modal .close-btn{width:24px;height:24px;cursor:pointer}::ng-deep .select-modal .close-btn svg{width:24px}::ng-deep .select-modal .back-btn{width:16px;height:16px;cursor:pointer}::ng-deep .select-modal .cascader-modal-search{border-radius:4px;border:1px solid var(--rd-bg-panel-border);background:var(--rd-input-bg-default);height:44px;padding:0 16px;margin-top:16px}::ng-deep .select-modal .cascader-modal-search::placeholder{color:var(--rd-copy-disable)}::ng-deep .select-modal .cascader-modal-search .ant-input{background:var(--rd-bg-panel);color:var(--rd-copy-primary);box-shadow:none;outline:none}::ng-deep .select-modal .cascader-modal-search.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{border-color:var(--rd-input-fg-hover)}::ng-deep .select-modal .cascader-modal-list{margin-top:16px;overflow-y:auto;height:460px}::ng-deep .select-modal .ant-modal-body{padding:0 24px 24px;background-color:var(--rd-bg-panel)!important}::ng-deep .select-modal .ant-modal-footer{padding:24px!important;border-top:1px solid var(--rd-bg-panel-border)!important;background-color:var(--rd-bg-panel)!important}::ng-deep .select-modal .ant-modal-close{display:none}\n", "::ng-deep .rd-form-item-select{min-width:113px;min-height:52px;max-height:100%;position:relative}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-search{margin-inline-start:0}::ng-deep .rd-form-item-select .ant-select-selection-search-input{padding:12px 4px 0}::ng-deep .rd-form-item-select .ant-select-selection-search-input::placeholder{color:var(--rd-copy-disable)}::ng-deep .rd-form-item-select .ant-select-selection-search .ant-select-selection-search-input{padding:12px 4px 0;transform:translate(4px,14px)!important}::ng-deep .rd-form-item-select .ant-select-show-search{transform:translateY(10px)}::ng-deep .rd-form-item-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:14px 16px 10px;min-height:52px;height:-moz-fit-content;height:fit-content}.rd-form-item-phone ::ng-deep .rd-form-item-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:6px 16px 10px;min-height:52px;height:-moz-fit-content;height:fit-content}.rd-form-item-phone ::ng-deep .rd-form-item-select.ant-select-show-search.ant-select-multiple .ant-select-selector{padding:6px 16px}::ng-deep .rd-form-item-select.ant-select-single .ant-select-selector .ant-select-selection-item:after{display:none}::ng-deep .rd-form-item-select.ant-select .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500;font-size:14px}::ng-deep .rd-form-item-select .ant-select-selector{padding:12px 16px}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-item{border-radius:4px;background:transparent;font-size:14px;font-weight:500;color:var(--rd-copy-primary);display:flex;align-items:center;gap:4px}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove{line-height:1}::ng-deep .rd-form-item-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px}::ng-deep .rd-form-item-select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px;border:1px solid var(--rd-input-fg-hover);background:var(--rd-input-bg-hover);box-shadow:0 0 0 2px #367af61a}::ng-deep .rd-form-item-select .ant-empty-description{font-weight:400;font-size:14px;line-height:22px;color:var(--rd-copy-primary)}::ng-deep .rd-form-item-select .ant-select-selection-placeholder{color:var(--rd-copy-primary);font-weight:500;font-size:14px}::ng-deep .rd-form-item-select .ant-select-selection-item-content{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-form-item-select .ant-select-arrow{transition:ease-in-out .2s all;cursor:pointer;pointer-events:initial}::ng-deep .rd-form-item-select:hover:has(.ant-select-clear) .ant-select-arrow{opacity:0}::ng-deep .rd-form-item-select.ant-select-focused .ant-select-arrow,::ng-deep .rd-form-item-select .ant-select-selector:focus-within .ant-select-arrow{transform:rotate(-180deg);transition:transform .2s ease}::ng-deep .rd-form-item-select-s{min-height:38px}::ng-deep .rd-form-item-select-s.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:100%;min-height:38px;padding:0 12px}::ng-deep .rd-form-item-select-dropdown .ant-select-dropdown,::ng-deep .rd-form-item-select-dropdown-s .ant-select-dropdown,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-dropdown{border-radius:4px;background:var(--rd-bg-dropdown);min-width:113px}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option{background-color:transparent;padding:0 6px}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content{border-radius:4px;padding:0 6px;display:flex;align-items:center;color:var(--rd-copy-primary);font-size:14px;min-height:40px;font-weight:600}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-active .ant-select-item-option-content{background:rgba(54,122,246,.1)}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-disabled .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content{color:var(--rd-copy-secondary);background:var(--rd-input-bg-disable)}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty img,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty img,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty img{width:61px;height:68px}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty p,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty p,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty p{font-size:13px;color:var(--rd-copy-disable);font-weight:500;margin:0}::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-content{padding:0 4px;min-height:32px}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content{border-radius:4px;color:var(--rd-copy-primary);font-size:14px;padding:0 6px 0 32px;position:relative}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content:before{content:\"\";position:absolute;top:50%;left:6px;width:16px;height:16px;transform:translateY(-50%);border-radius:4px;border:1px solid var(--rd-control-border-empty)}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-selected .ant-select-item-option-content:before{background-image:url(/assets/img/icon/checkbox.svg);background-size:contain;background-position:center;background-repeat:no-repeat;border:none}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-state{display:none}::ng-deep .rd-form-item-option-content{display:flex;align-items:center;gap:8px;height:100%}::ng-deep .rd-form-item-option-content span{font-size:14px;font-weight:500}::ng-deep .rd-form-item-option-content .rd-token-icon{width:20px;height:20px;transition:opacity .3s ease-in-out}\n"] }]
1825
+ }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.TranslateService }]; }, propDecorators: { label: [{
1823
1826
  type: Input
1824
1827
  }], customTpl: [{
1825
1828
  type: Input
@@ -1995,7 +1998,7 @@ PureSelectTokenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
1995
1998
  useExisting: forwardRef(() => PureSelectTokenComponent),
1996
1999
  multi: true,
1997
2000
  },
1998
- ], ngImport: i0, template: "<app-rd-form-item\n type=\"select\"\n size=\"small\"\n [disabled]=\"disabled\"\n [focus]=\"isFocus || isOpen\"\n>\n <nz-select\n class=\"rd-form-item-select rd-form-item-select-s\"\n nzBorderless\n [nzShowArrow]=\"false\"\n [(ngModel)]=\"value\"\n [nzCustomTemplate]=\"currencySelectedTpl\"\n (ngModelChange)=\"handleValueChange($event)\"\n (nzOpenChange)=\"handleOpenChange($event)\"\n (nzFocus)=\"isFocus = true\"\n (nzBlur)=\"isFocus = false\"\n [disabled]=\"disabled\"\n [nzDropdownClassName]=\"'rd-form-item-select-dropdown-s'\"\n [nzOptionOverflowSize]=\"5\"\n [nzOptionHeightPx]=\"32\"\n [nzSuffixIcon]=\"customIcon\"\n [nzRemoveIcon]=\"removeIcon\"\n [nzDropdownMatchSelectWidth]=\"true\"\n [nzNotFoundContent]=\"nzNotFoundContent\"\n [nzPlaceHolder]=\"label\"\n >\n <nz-option\n *ngFor=\"let option of tokens\"\n [nzValue]=\"option.value\"\n [nzLabel]=\"option.name || ''\"\n [nzDisabled]=\"option.disabled || false\"\n [nzCustomContent]=\"true\"\n >\n <ng-container\n *ngTemplateOutlet=\"currencyOptionTpl; context: { $implicit: option }\"\n ></ng-container>\n </nz-option>\n <nz-option *ngIf=\"isLoading\" nzDisabled nzCustomContent>\n <nz-spin style=\"padding: 16px 0\"></nz-spin>\n </nz-option>\n </nz-select>\n</app-rd-form-item>\n\n<ng-template #currencyOptionTpl let-option>\n <div class=\"rd-form-item-option-content\">\n <nz-avatar\n [nzSize]=\"20\"\n [nzIcon]=\"'user'\"\n [nzSrc]=\"option.iconUrl\"\n ></nz-avatar>\n <span>{{ option.name }}</span>\n </div>\n</ng-template>\n\n<ng-template #currencySelectedTpl let-selected let-extra>\n <div class=\"rd-form-item-option-content\">\n <img [src]=\"getIconUrl(selected?.nzValue)\" class=\"rd-token-icon\" alt=\"\" />\n <span>{{ selected?.nzLabel }}</span>\n </div>\n</ng-template>\n\n<ng-template #removeIcon>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.39645 2.39645C2.59171 2.20118 2.90829 2.20118 3.10355 2.39645L6 5.29289L8.89645 2.39645C9.09171 2.20118 9.40829 2.20118 9.60355 2.39645C9.79882 2.59171 9.79882 2.90829 9.60355 3.10355L6.70711 6L9.60355 8.89645C9.79882 9.09171 9.79882 9.40829 9.60355 9.60355C9.40829 9.79882 9.09171 9.79882 8.89645 9.60355L6 6.70711L3.10355 9.60355C2.90829 9.79882 2.59171 9.79882 2.39645 9.60355C2.20118 9.40829 2.20118 9.09171 2.39645 8.89645L5.29289 6L2.39645 3.10355C2.20118 2.90829 2.20118 2.59171 2.39645 2.39645Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n\n<ng-template #customIcon>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.60136 4.90777C2.83639 4.68743 3.20555 4.69934 3.42589 4.93437L8.00033 9.81377L12.5748 4.93437C12.7951 4.69934 13.1643 4.68743 13.3993 4.90777C13.6343 5.12812 13.6462 5.49727 13.4259 5.7323L8.42589 11.0656C8.31561 11.1833 8.16157 11.25 8.00033 11.25C7.83909 11.25 7.68504 11.1833 7.57476 11.0656L2.57476 5.7323C2.35442 5.49727 2.36633 5.12811 2.60136 4.90777Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n\n<ng-template #nzNotFoundContent>\n <div class=\"rd-form-item-empty\">\n <img src=\"/assets/img/no-data.svg\" />\n <p>No data</p>\n </div>\n</ng-template>\n", styles: [":host ::ng-deep .rd-form-item-select{width:100%}:host ::ng-deep .rd-form-item-select .ant-select-selection-placeholder{color:var(--rd-copy-disable)}:host ::ng-deep .rd-form-item-select .ant-select-selector .ant-select-selection-placeholder{line-height:34px}\n", "::ng-deep .rd-form-item-select{min-width:113px;min-height:52px;max-height:100%;position:relative}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-search{margin-inline-start:0}::ng-deep .rd-form-item-select .ant-select-selection-search-input{padding:12px 4px 0}::ng-deep .rd-form-item-select .ant-select-selection-search-input::placeholder{color:var(--rd-copy-disable)}::ng-deep .rd-form-item-select .ant-select-selection-search .ant-select-selection-search-input{padding:12px 4px 0;transform:translate(4px,14px)!important}::ng-deep .rd-form-item-select .ant-select-show-search{transform:translateY(10px)}::ng-deep .rd-form-item-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:14px 16px 10px;min-height:52px;height:-moz-fit-content;height:fit-content}.rd-form-item-phone ::ng-deep .rd-form-item-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:6px 16px 10px;min-height:52px;height:-moz-fit-content;height:fit-content}.rd-form-item-phone ::ng-deep .rd-form-item-select.ant-select-show-search.ant-select-multiple .ant-select-selector{padding:6px 16px}::ng-deep .rd-form-item-select.ant-select-single .ant-select-selector .ant-select-selection-item:after{display:none}::ng-deep .rd-form-item-select.ant-select .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500;font-size:14px}::ng-deep .rd-form-item-select .ant-select-selector{padding:12px 16px}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-item{border-radius:4px;background:transparent;font-size:14px;font-weight:500;color:var(--rd-copy-primary);display:flex;align-items:center;gap:4px}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove{line-height:1}::ng-deep .rd-form-item-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px}::ng-deep .rd-form-item-select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px;border:1px solid var(--rd-input-fg-hover);background:var(--rd-input-bg-hover);box-shadow:0 0 0 2px #367af61a}::ng-deep .rd-form-item-select .ant-empty-description{font-weight:400;font-size:14px;line-height:22px;color:var(--rd-copy-primary)}::ng-deep .rd-form-item-select .ant-select-selection-placeholder{color:var(--rd-copy-primary);font-weight:500;font-size:14px}::ng-deep .rd-form-item-select .ant-select-selection-item-content{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-form-item-select .ant-select-arrow{transition:ease-in-out .2s all;cursor:pointer;pointer-events:initial}::ng-deep .rd-form-item-select:hover:has(.ant-select-clear) .ant-select-arrow{opacity:0}::ng-deep .rd-form-item-select.ant-select-focused .ant-select-arrow,::ng-deep .rd-form-item-select .ant-select-selector:focus-within .ant-select-arrow{transform:rotate(-180deg);transition:transform .2s ease}::ng-deep .rd-form-item-select-s{min-height:38px}::ng-deep .rd-form-item-select-s.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:100%;min-height:38px;padding:0 12px}::ng-deep .rd-form-item-select-dropdown .ant-select-dropdown,::ng-deep .rd-form-item-select-dropdown-s .ant-select-dropdown,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-dropdown{border-radius:4px;background:var(--rd-bg-dropdown);min-width:113px}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option{background-color:transparent;padding:0 6px}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content{border-radius:4px;padding:0 6px;display:flex;align-items:center;color:var(--rd-copy-primary);font-size:14px;min-height:40px;font-weight:600}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-active .ant-select-item-option-content{background:rgba(54,122,246,.1)}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-disabled .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content{color:var(--rd-copy-secondary);background:var(--rd-input-bg-disable)}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty img,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty img,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty img{width:61px;height:68px}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty p,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty p,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty p{font-size:13px;color:var(--rd-copy-disable);font-weight:500;margin:0}::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-content{padding:0 4px;min-height:32px}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content{border-radius:4px;color:var(--rd-copy-primary);font-size:14px;padding:0 6px 0 32px;position:relative}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content:before{content:\"\";position:absolute;top:50%;left:6px;width:16px;height:16px;transform:translateY(-50%);border-radius:4px;border:1px solid var(--rd-control-border-empty)}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-selected .ant-select-item-option-content:before{background-image:url(/assets/img/icon/checkbox.svg);background-size:contain;background-position:center;background-repeat:no-repeat;border:none}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-state{display:none}::ng-deep .rd-form-item-option-content{display:flex;align-items:center;gap:8px;height:100%}::ng-deep .rd-form-item-option-content span{font-size:14px;font-weight:500}::ng-deep .rd-form-item-option-content .rd-token-icon{width:20px;height:20px;transition:opacity .3s ease-in-out}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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$3.NzSpinComponent, selector: "nz-spin", inputs: ["nzIndicator", "nzSize", "nzTip", "nzDelay", "nzSimple", "nzSpinning"], exportAs: ["nzSpin"] }, { 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: "component", type: FormItemComponent, selector: "app-rd-form-item", inputs: ["errorMessage", "disabled", "label", "type", "focus", "value", "size"] }, { kind: "component", type: i6.NzAvatarComponent, selector: "nz-avatar", inputs: ["nzShape", "nzSize", "nzGap", "nzText", "nzSrc", "nzSrcSet", "nzAlt", "nzIcon"], outputs: ["nzError"], exportAs: ["nzAvatar"] }] });
2001
+ ], ngImport: i0, template: "<app-rd-form-item\n type=\"select\"\n size=\"small\"\n [disabled]=\"disabled\"\n [focus]=\"isFocus || isOpen\"\n>\n <nz-select\n class=\"rd-form-item-select rd-form-item-select-s\"\n nzBorderless\n [nzShowArrow]=\"false\"\n [(ngModel)]=\"value\"\n [nzCustomTemplate]=\"currencySelectedTpl\"\n (ngModelChange)=\"handleValueChange($event)\"\n (nzOpenChange)=\"handleOpenChange($event)\"\n (nzFocus)=\"isFocus = true\"\n (nzBlur)=\"isFocus = false\"\n [disabled]=\"disabled\"\n [nzDropdownClassName]=\"'rd-form-item-select-dropdown-s'\"\n [nzOptionOverflowSize]=\"5\"\n [nzOptionHeightPx]=\"32\"\n [nzSuffixIcon]=\"customIcon\"\n [nzRemoveIcon]=\"removeIcon\"\n [nzDropdownMatchSelectWidth]=\"true\"\n [nzNotFoundContent]=\"nzNotFoundContent\"\n [nzPlaceHolder]=\"label\"\n >\n <nz-option\n *ngFor=\"let option of tokens\"\n [nzValue]=\"option.value\"\n [nzLabel]=\"option.name || ''\"\n [nzDisabled]=\"option.disabled || false\"\n [nzCustomContent]=\"true\"\n >\n <ng-container\n *ngTemplateOutlet=\"currencyOptionTpl; context: { $implicit: option }\"\n ></ng-container>\n </nz-option>\n <nz-option *ngIf=\"isLoading\" nzDisabled nzCustomContent>\n <nz-spin style=\"padding: 16px 0\"></nz-spin>\n </nz-option>\n </nz-select>\n</app-rd-form-item>\n\n<ng-template #currencyOptionTpl let-option>\n <div class=\"rd-form-item-option-content\">\n <nz-avatar\n [nzSize]=\"20\"\n [nzIcon]=\"'user'\"\n [nzSrc]=\"option.iconUrl\"\n ></nz-avatar>\n <span>{{ option.name }}</span>\n </div>\n</ng-template>\n\n<ng-template #currencySelectedTpl let-selected let-extra>\n <div class=\"rd-form-item-option-content\">\n <img [src]=\"getIconUrl(selected?.nzValue)\" class=\"rd-token-icon\" alt=\"\" />\n <span>{{ selected?.nzLabel }}</span>\n </div>\n</ng-template>\n\n<ng-template #removeIcon>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.39645 2.39645C2.59171 2.20118 2.90829 2.20118 3.10355 2.39645L6 5.29289L8.89645 2.39645C9.09171 2.20118 9.40829 2.20118 9.60355 2.39645C9.79882 2.59171 9.79882 2.90829 9.60355 3.10355L6.70711 6L9.60355 8.89645C9.79882 9.09171 9.79882 9.40829 9.60355 9.60355C9.40829 9.79882 9.09171 9.79882 8.89645 9.60355L6 6.70711L3.10355 9.60355C2.90829 9.79882 2.59171 9.79882 2.39645 9.60355C2.20118 9.40829 2.20118 9.09171 2.39645 8.89645L5.29289 6L2.39645 3.10355C2.20118 2.90829 2.20118 2.59171 2.39645 2.39645Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n\n<ng-template #customIcon>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.60136 4.90777C2.83639 4.68743 3.20555 4.69934 3.42589 4.93437L8.00033 9.81377L12.5748 4.93437C12.7951 4.69934 13.1643 4.68743 13.3993 4.90777C13.6343 5.12812 13.6462 5.49727 13.4259 5.7323L8.42589 11.0656C8.31561 11.1833 8.16157 11.25 8.00033 11.25C7.83909 11.25 7.68504 11.1833 7.57476 11.0656L2.57476 5.7323C2.35442 5.49727 2.36633 5.12811 2.60136 4.90777Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n\n<ng-template #nzNotFoundContent>\n <div class=\"rd-form-item-empty\">\n <img src=\"/assets/img/no-data.svg\" />\n <p>No data</p>\n </div>\n</ng-template>\n", styles: [":host ::ng-deep .rd-form-item-select{width:100%}:host ::ng-deep .rd-form-item-select .ant-select-selection-placeholder{color:var(--rd-copy-disable)}:host ::ng-deep .rd-form-item-select .ant-select-selector .ant-select-selection-placeholder{line-height:34px}\n", "::ng-deep .rd-form-item-select{min-width:113px;min-height:52px;max-height:100%;position:relative}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-search{margin-inline-start:0}::ng-deep .rd-form-item-select .ant-select-selection-search-input{padding:12px 4px 0}::ng-deep .rd-form-item-select .ant-select-selection-search-input::placeholder{color:var(--rd-copy-disable)}::ng-deep .rd-form-item-select .ant-select-selection-search .ant-select-selection-search-input{padding:12px 4px 0;transform:translate(4px,14px)!important}::ng-deep .rd-form-item-select .ant-select-show-search{transform:translateY(10px)}::ng-deep .rd-form-item-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:14px 16px 10px;min-height:52px;height:-moz-fit-content;height:fit-content}.rd-form-item-phone ::ng-deep .rd-form-item-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:6px 16px 10px;min-height:52px;height:-moz-fit-content;height:fit-content}.rd-form-item-phone ::ng-deep .rd-form-item-select.ant-select-show-search.ant-select-multiple .ant-select-selector{padding:6px 16px}::ng-deep .rd-form-item-select.ant-select-single .ant-select-selector .ant-select-selection-item:after{display:none}::ng-deep .rd-form-item-select.ant-select .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500;font-size:14px}::ng-deep .rd-form-item-select .ant-select-selector{padding:12px 16px}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-item{border-radius:4px;background:transparent;font-size:14px;font-weight:500;color:var(--rd-copy-primary);display:flex;align-items:center;gap:4px}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove{line-height:1}::ng-deep .rd-form-item-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px}::ng-deep .rd-form-item-select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px;border:1px solid var(--rd-input-fg-hover);background:var(--rd-input-bg-hover);box-shadow:0 0 0 2px #367af61a}::ng-deep .rd-form-item-select .ant-empty-description{font-weight:400;font-size:14px;line-height:22px;color:var(--rd-copy-primary)}::ng-deep .rd-form-item-select .ant-select-selection-placeholder{color:var(--rd-copy-primary);font-weight:500;font-size:14px}::ng-deep .rd-form-item-select .ant-select-selection-item-content{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-form-item-select .ant-select-arrow{transition:ease-in-out .2s all;cursor:pointer;pointer-events:initial}::ng-deep .rd-form-item-select:hover:has(.ant-select-clear) .ant-select-arrow{opacity:0}::ng-deep .rd-form-item-select.ant-select-focused .ant-select-arrow,::ng-deep .rd-form-item-select .ant-select-selector:focus-within .ant-select-arrow{transform:rotate(-180deg);transition:transform .2s ease}::ng-deep .rd-form-item-select-s{min-height:38px}::ng-deep .rd-form-item-select-s.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:100%;min-height:38px;padding:0 12px}::ng-deep .rd-form-item-select-dropdown .ant-select-dropdown,::ng-deep .rd-form-item-select-dropdown-s .ant-select-dropdown,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-dropdown{border-radius:4px;background:var(--rd-bg-dropdown);min-width:113px}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option{background-color:transparent;padding:0 6px}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content{border-radius:4px;padding:0 6px;display:flex;align-items:center;color:var(--rd-copy-primary);font-size:14px;min-height:40px;font-weight:600}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-active .ant-select-item-option-content{background:rgba(54,122,246,.1)}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-disabled .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content{color:var(--rd-copy-secondary);background:var(--rd-input-bg-disable)}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty img,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty img,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty img{width:61px;height:68px}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty p,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty p,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty p{font-size:13px;color:var(--rd-copy-disable);font-weight:500;margin:0}::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-content{padding:0 4px;min-height:32px}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content{border-radius:4px;color:var(--rd-copy-primary);font-size:14px;padding:0 6px 0 32px;position:relative}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content:before{content:\"\";position:absolute;top:50%;left:6px;width:16px;height:16px;transform:translateY(-50%);border-radius:4px;border:1px solid var(--rd-control-border-empty)}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-selected .ant-select-item-option-content:before{background-image:url(/assets/img/icon/checkbox.svg);background-size:contain;background-position:center;background-repeat:no-repeat;border:none}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-state{display:none}::ng-deep .rd-form-item-option-content{display:flex;align-items:center;gap:8px;height:100%}::ng-deep .rd-form-item-option-content span{font-size:14px;font-weight:500}::ng-deep .rd-form-item-option-content .rd-token-icon{width:20px;height:20px;transition:opacity .3s ease-in-out}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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$3.NzSpinComponent, selector: "nz-spin", inputs: ["nzIndicator", "nzSize", "nzTip", "nzDelay", "nzSimple", "nzSpinning"], exportAs: ["nzSpin"] }, { kind: "component", type: i4$4.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4$4.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: "component", type: FormItemComponent, selector: "app-rd-form-item", inputs: ["errorMessage", "disabled", "label", "type", "focus", "value", "size"] }, { kind: "component", type: i6.NzAvatarComponent, selector: "nz-avatar", inputs: ["nzShape", "nzSize", "nzGap", "nzText", "nzSrc", "nzSrcSet", "nzAlt", "nzIcon"], outputs: ["nzError"], exportAs: ["nzAvatar"] }] });
1999
2002
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PureSelectTokenComponent, decorators: [{
2000
2003
  type: Component,
2001
2004
  args: [{ selector: 'app-rd-pure-select-token', providers: [
@@ -2324,7 +2327,7 @@ class IndustryCascaderComponent {
2324
2327
  }, 150);
2325
2328
  }
2326
2329
  }
2327
- IndustryCascaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IndustryCascaderComponent, deps: [{ token: i1$1.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
2330
+ IndustryCascaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IndustryCascaderComponent, deps: [{ token: i1.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
2328
2331
  IndustryCascaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: IndustryCascaderComponent, selector: "app-industry-cascader", inputs: { disabled: "disabled", errorMessages: "errorMessages", industryCodes: "industryCodes", label: "label", name: "name" }, outputs: { valueChange: "valueChange" }, host: { listeners: { "window:resize": "onResize()" } }, providers: [
2329
2332
  {
2330
2333
  provide: NG_VALUE_ACCESSOR,
@@ -2336,7 +2339,7 @@ IndustryCascaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
2336
2339
  useExisting: forwardRef(() => IndustryCascaderComponent),
2337
2340
  multi: true,
2338
2341
  },
2339
- ], viewQueries: [{ propertyName: "cascaderContainer", first: true, predicate: ["cascaderContainer"], descendants: true }, { propertyName: "valueText", first: true, predicate: ["valueText"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<app-rd-form-item\n [type]=\"'select'\"\n [label]=\"label\"\n [disabled]=\"disabled\"\n [focus]=\"!!searchInput || isFocus || isOpen\"\n [value]=\"value && value?.length\"\n [errorMessage]=\"showError ? currentErrorMessage : ''\"\n (click)=\"openDrawer()\"\n [ngClass]=\"{\n 'rd-cascader-overflow-container': isTextOverflow,\n 'rd-cascader-overflow-container-th': overflowLineCount >= 3,\n }\"\n>\n <div #cascaderContainer class=\"cascader-container\">\n <nz-cascader\n [nzOptions]=\"options\"\n [(ngModel)]=\"value\"\n [nzDisabled]=\"disabled\"\n [nzShowSearch]=\"{ filter: cascaderSearchFn }\"\n [nzAllowClear]=\"false\"\n nzExpandTrigger=\"click\"\n (ngModelChange)=\"handleValueChange($event)\"\n [nzLabelRender]=\"renderTpl\"\n [nzOptionRender]=\"optionTpl\"\n [nzExpandIcon]=\"customExpandIcon\"\n (nzVisibleChange)=\"onVisibleChange($event)\"\n nzColumnClassName=\"rd-cascader-colum\"\n class=\"rd-cascader\"\n [ngClass]=\"{\n 'rd-cascader-disabled-open': isMobile,\n 'rd-cascader-is-text-overflow': isTextOverflow,\n }\"\n >\n </nz-cascader>\n </div>\n</app-rd-form-item>\n\n<nz-drawer\n [nzVisible]=\"drawerOpen && isMobile\"\n [nzPlacement]=\"'bottom'\"\n [nzHeight]=\"'70vh'\"\n [nzTitle]=\"''\"\n [nzClosable]=\"false\"\n [nzWrapClassName]=\"drawerWrapClassName\"\n (nzOnClose)=\"closeDrawer()\"\n>\n <div *nzDrawerContent>\n <div class=\"cascader-drawer-header\">\n <div class=\"header-title\">\n {{ \"select_nature_of_business\" | translate }}\n <div class=\"close-btn\" *ngIf=\"view === 'root'\" (click)=\"closeDrawer()\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M4.46967 4.46967C4.76256 4.17678 5.23744 4.17678 5.53033 4.46967L12 10.9393L18.4697 4.46967C18.7626 4.17678 19.2374 4.17678 19.5303 4.46967C19.8232 4.76256 19.8232 5.23744 19.5303 5.53033L13.0607 12L19.5303 18.4697C19.8232 18.7626 19.8232 19.2374 19.5303 19.5303C19.2374 19.8232 18.7626 19.8232 18.4697 19.5303L12 13.0607L5.53033 19.5303C5.23744 19.8232 4.76256 19.8232 4.46967 19.5303C4.17678 19.2374 4.17678 18.7626 4.46967 18.4697L10.9393 12L4.46967 5.53033C4.17678 5.23744 4.17678 4.76256 4.46967 4.46967Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n </div>\n </div>\n\n <nz-input-group\n class=\"cascader-drawer-search\"\n [nzPrefix]=\"prefixIconSearch\"\n nzClearable\n *ngIf=\"view === 'root'\"\n >\n <input\n nz-input\n [placeholder]=\"'search' | translate\"\n [(ngModel)]=\"searchTerm\"\n (ngModelChange)=\"doMobileSearch($event)\"\n />\n </nz-input-group>\n\n <nz-input-group\n *ngIf=\"view === 'children'\"\n class=\"cascader-drawer-search\"\n [nzPrefix]=\"prefixIconSearch\"\n nzClearable\n >\n <input\n nz-input\n [placeholder]=\"'search' | translate\"\n [(ngModel)]=\"searchChildrenTerm\"\n (ngModelChange)=\"doMobileSearch($event)\"\n />\n </nz-input-group>\n\n <div class=\"cascader-drawer-sub-header\" *ngIf=\"view === 'children'\">\n <div class=\"back-btn\" (click)=\"goBackMobile()\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M11.3422 2.18437C11.5626 2.4194 11.5507 2.78856 11.3156 3.0089L6.43623 7.58334L11.3156 12.1578C11.5507 12.3781 11.5626 12.7473 11.3422 12.9823C11.1219 13.2173 10.7527 13.2292 10.5177 13.0089L5.18437 8.0089C5.06674 7.89862 5 7.74457 5 7.58334C5 7.4221 5.06674 7.26805 5.18437 7.15777L10.5177 2.15777C10.7527 1.93743 11.1219 1.94934 11.3422 2.18437Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n </div>\n <div class=\"children-title\">{{ activeParent?.label }}</div>\n </div>\n </div>\n\n <div *ngIf=\"view === 'root'\" class=\"cascader-drawer-list\">\n <ng-container *ngIf=\"filteredOptions?.length\">\n <div\n *ngFor=\"let opt of filteredOptions\"\n (click)=\"openChildrenMobile(opt)\"\n class=\"cascader-drawer-option cascader-drawer-root-option\"\n [ngClass]=\"{\n 'cascader-drawer-option-active': opt.value === value?.[0],\n }\"\n >\n {{ opt.label }}\n <ng-container *ngTemplateOutlet=\"customExpandIcon\"></ng-container>\n </div>\n </ng-container>\n </div>\n\n <div *ngIf=\"view === 'children'\" class=\"cascader-drawer-list\">\n <ng-container *ngIf=\"filteredChildren?.length\">\n <div\n *ngFor=\"let child of filteredChildren\"\n (click)=\"selectLeafMobile(child)\"\n class=\"cascader-drawer-option cascader-drawer-children-option\"\n >\n <label\n class=\"cascader-option-radio\"\n nz-radio\n [ngModel]=\"child.value === value?.[1]\"\n ></label>\n {{ child.label }}\n </div>\n </ng-container>\n </div>\n </div>\n</nz-drawer>\n\n<ng-template\n #renderTpl\n let-labels=\"labels\"\n let-selectedOptions=\"selectedOptions\"\n>\n <ng-container *ngFor=\"let label of labels; let last = last\">\n <ng-container *ngIf=\"last\">\n <span #valueText class=\"cascader-value-text\" [title]=\"label\">\n {{ label }}\n </span></ng-container\n >\n </ng-container>\n</ng-template>\n\n<ng-template #optionTpl let-option>\n <div class=\"rd-cascader-menu-option\">\n <label\n *ngIf=\"option.isLeaf\"\n class=\"cascader-option-radio\"\n nz-radio\n [ngModel]=\"option.value === value?.[1]\"\n ></label\n >{{ option.label }}\n </div>\n</ng-template>\n\n<ng-template #customExpandIcon>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M4.90777 2.60234C5.12811 2.36731 5.49727 2.3554 5.7323 2.57574L11.0656 7.57574C11.1833 7.68602 11.25 7.84007 11.25 8.0013C11.25 8.16254 11.1833 8.31659 11.0656 8.42687L5.7323 13.4269C5.49727 13.6472 5.12811 13.6353 4.90777 13.4003C4.68743 13.1652 4.69934 12.7961 4.93437 12.5757L9.81377 8.0013L4.93437 3.42687C4.69934 3.20652 4.68743 2.83737 4.90777 2.60234Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n\n<ng-template #prefixIconSearch>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n d=\"M14.4951 13.6948L11.3962 10.5959C12.3175 9.46902 12.7704 8.03122 12.6613 6.57983C12.5522 5.12844 11.8894 3.77451 10.81 2.79807C9.73066 1.82164 8.3173 1.29741 6.86227 1.33381C5.40723 1.37021 4.02185 1.96445 2.99266 2.99364C1.96348 4.02282 1.36923 5.4082 1.33283 6.86323C1.29643 8.31826 1.82066 9.73162 2.7971 10.811C3.77354 11.8903 5.12747 12.5531 6.57887 12.6622C8.03026 12.7713 9.46807 12.3184 10.5949 11.3972L13.6938 14.5032C13.8027 14.6073 13.9474 14.6656 14.098 14.6663C14.2105 14.6661 14.3204 14.6325 14.4138 14.5697C14.5071 14.5069 14.5796 14.4178 14.6222 14.3136C14.6648 14.2095 14.6754 14.0951 14.6528 13.9849C14.6302 13.8747 14.5753 13.7737 14.4951 13.6948ZM7.00667 11.5461C6.10905 11.5461 5.23158 11.2799 4.48523 10.7812C3.73889 10.2825 3.15718 9.57372 2.81367 8.74443C2.47017 7.91513 2.38029 7.0026 2.55541 6.12223C2.73053 5.24185 3.16277 4.43317 3.79749 3.79846C4.43221 3.16375 5.24088 2.7315 6.12126 2.55638C7.00164 2.38127 7.91417 2.47114 8.74347 2.81465C9.57277 3.15815 10.2816 3.73986 10.7803 4.4862C11.279 5.23255 11.5451 6.11001 11.5451 7.00763C11.5433 8.21073 11.0645 9.36402 10.2138 10.2147C9.36306 11.0655 8.20977 11.5442 7.00667 11.5461Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n", styles: [":host{display:block;width:100%}:host ::ng-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector{transition:none!important}:host ::ng-deep .rd-cascader{width:100%;height:62px}:host ::ng-deep .rd-cascader .ant-select-selector{background-color:var(--rd-input-bg-default);max-width:100%!important;overflow:hidden!important}:host ::ng-deep .rd-cascader.rd-cascader-disabled-open{pointer-events:none}:host ::ng-deep .rd-cascader .ant-select-arrow{display:none}:host ::ng-deep .rd-cascader.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:14px 16px;border:none;min-height:50px;border-radius:12px;margin-top:12px}:host ::ng-deep .rd-cascader.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{padding:10px 5px 2px;color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;height:100%}:host ::ng-deep .rd-cascader.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{box-shadow:none}:host ::ng-deep .rd-cascader .ant-select-selection-placeholder{display:none}:host ::ng-deep .rd-cascader .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500}:host ::ng-deep .rd-cascader.ant-select-single .ant-select-selector .ant-select-selection-item:after{display:none}:host ::ng-deep .rd-cascader.ant-select-single .ant-select-selector .ant-select-selection-item{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;display:block!important;width:calc(100% - 20px)!important}:host ::ng-deep .rd-cascader.ant-select .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500;font-size:14px;line-height:normal}:host ::ng-deep .rd-cascader .cascader-value-text{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:pre-line;vertical-align:middle}:host ::ng-deep .rd-cascader.ant-select:not(.ant-select-disabled):hover .ant-select-selector,:host ::ng-deep .rd-cascader.ant-select:not(.ant-select-disabled):focus .ant-select-selector{box-shadow:none;outline:none;border:none}:host ::ng-deep .rd-cascader-is-text-overflow .ant-select-selector{height:auto!important}:host ::ng-deep .rd-cascader-overflow-container .rd-form-item{min-height:85px!important}:host ::ng-deep .rd-cascader-overflow-container-th .rd-form-item{min-height:110px!important}:host(.theme-light) ::ng-deep .rd-cascader{height:auto;min-height:62px}:host(.theme-light) ::ng-deep .rd-cascader .ant-select-arrow{display:none}:host(.theme-light) ::ng-deep .rd-cascader.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:auto;min-height:52px;padding-right:40px}:host(.theme-light) ::ng-deep .rd-cascader.ant-select-single .ant-select-selector .ant-select-selection-item{width:100%!important;white-space:normal!important}::ng-deep .ant-cascader-dropdown{background-color:var(--rd-bg-panel);border-radius:4px;border:1px solid var(--rd-input-fg-default)}::ng-deep .ant-cascader-dropdown .ant-select-arrow{display:none}::ng-deep .rd-cascader-colum{border-right:none;height:268px!important}::ng-deep .rd-cascader-colum .ant-cascader-menu-item{padding:4px 16px;color:var(--rd-copy-primary)}::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item-active,::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item:hover{background-color:transparent;font-weight:400}::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item-active .rd-cascader-menu-option,::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item:hover .rd-cascader-menu-option{background-color:#2a7bff4d}::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item-active .rd-cascader-menu-option .ant-radio-inner,::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item:hover .rd-cascader-menu-option .ant-radio-inner{border-color:var(--rd-copy-brand)}::ng-deep .rd-cascader-colum .ant-cascader-menu-item .ant-cascader-menu-item-expand-icon{width:16px;height:16px}::ng-deep .rd-cascader-colum .rd-cascader-menu-option{min-height:44px;padding:8px;border-radius:4px;width:100%;line-height:28px;max-width:400px;word-break:normal;white-space:break-spaces;display:flex;align-items:flex-start}::ng-deep .rd-cascader-colum .rd-cascader-menu-option .cascader-option-radio{padding-top:3px}::ng-deep .rd-cascader-colum+.rd-cascader-colum{border-left:1px solid var(--rd-input-fg-default)}::ng-deep .cascader-drawer{background-color:var(--rd-bg-website)}::ng-deep .cascader-drawer .cascader-drawer-header{padding:24px 8px 0;position:sticky;top:0;background-color:var(--rd-bg-website);z-index:1111}::ng-deep .cascader-drawer .cascader-drawer-header .header-title{display:flex;align-items:center;font-size:18px;font-weight:500;line-height:24px;justify-content:space-between}::ng-deep .cascader-drawer .cascader-drawer-sub-header{display:flex;align-items:center;margin-top:16px;gap:16px;font-size:14px;font-weight:500}::ng-deep .cascader-drawer .close-btn{width:24px;height:24px;cursor:pointer}::ng-deep .cascader-drawer .close-btn svg{width:24px}::ng-deep .cascader-drawer .back-btn{width:16px;height:16px;cursor:pointer}::ng-deep .cascader-drawer .ant-drawer-body{padding:0 16px 24px}::ng-deep .cascader-drawer .ant-drawer-content{background-color:transparent;color:var(--rd-copy-primary)}::ng-deep .cascader-drawer .cascader-drawer-search{border-radius:4px;border:1px solid var(--rd-input-fg-default);background:var(--rd-input-bg-default);height:44px;padding:0 16px;margin-top:16px}::ng-deep .cascader-drawer .cascader-drawer-search::placeholder{color:var(--rd-copy-disable)}::ng-deep .cascader-drawer .cascader-drawer-search .ant-input{background:var(--rd-input-bg-default);color:var(--rd-copy-primary)}::ng-deep .cascader-drawer .cascader-drawer-search.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{border-color:var(--rd-input-fg-hover)}::ng-deep .cascader-drawer .cascader-drawer-list{margin-top:16px}::ng-deep .cascader-drawer .cascader-drawer-option{padding:8px;min-height:44px;display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:14px;font-weight:400;line-height:28px;line-height:1.5}::ng-deep .cascader-drawer .cascader-drawer-option svg{margin-left:auto;flex-shrink:0}::ng-deep .cascader-drawer .cascader-drawer-option-active{border-radius:4px;background:rgba(42,123,255,.3)}::ng-deep .cascader-drawer .cascader-drawer-option.cascader-drawer-root-option{align-items:center}::ng-deep .cascader-drawer.theme-light{background-color:#fff}::ng-deep .cascader-drawer.theme-light .cascader-drawer-header{background-color:#fff}::ng-deep .cascader-drawer.theme-light .ant-drawer-content{color:var(--rd-copy-primary)}::ng-deep .cascader-drawer.theme-light .cascader-drawer-search{border-color:#dfe3ea;background:#fff}::ng-deep .cascader-drawer.theme-light .cascader-drawer-search .ant-input{background:#fff;color:var(--rd-copy-primary)}::ng-deep .cascader-drawer.theme-light .cascader-drawer-option-active{background:var(--rd-btn-solid-secondary-bg-default)}::ng-deep .cascader-drawer.theme-light .cascader-option-radio .ant-radio-inner{border-color:#cfd5df;background:#fff}::ng-deep .cascader-drawer.theme-light svg path{fill:var(--rd-copy-primary)}::ng-deep .cascader-option-radio{pointer-events:none}::ng-deep .cascader-option-radio .ant-radio-inner{border-radius:16px;border:1px solid var(--rd-control-border-empty);background:var(--rd-control-input-empty)}::ng-deep .cascader-option-radio .ant-radio-input:focus+.ant-radio-inner{box-shadow:none}::ng-deep .cascader-option-radio .ant-radio-wrapper:hover .ant-radio,::ng-deep .cascader-option-radio .ant-radio:hover .ant-radio-inner,::ng-deep .cascader-option-radio .ant-radio-input:focus+.ant-radio-inner{border-color:var(--rd-copy-brand)}::ng-deep .cascader-data-empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--rd-copy-primary)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: "component", type: i4$4.NzCascaderComponent, selector: "nz-cascader, [nz-cascader]", inputs: ["nzOptionRender", "nzShowInput", "nzShowArrow", "nzAllowClear", "nzAutoFocus", "nzChangeOnSelect", "nzDisabled", "nzColumnClassName", "nzExpandTrigger", "nzValueProperty", "nzLabelRender", "nzLabelProperty", "nzNotFoundContent", "nzSize", "nzBackdrop", "nzShowSearch", "nzPlaceHolder", "nzMenuClassName", "nzMenuStyle", "nzMouseEnterDelay", "nzMouseLeaveDelay", "nzStatus", "nzTriggerAction", "nzChangeOn", "nzLoadData", "nzSuffixIcon", "nzExpandIcon", "nzOptions"], outputs: ["nzVisibleChange", "nzSelectionChange", "nzSelect", "nzClear"], exportAs: ["nzCascader"] }, { kind: "component", type: i7.NzDrawerComponent, selector: "nz-drawer", inputs: ["nzContent", "nzCloseIcon", "nzClosable", "nzMaskClosable", "nzMask", "nzCloseOnNavigation", "nzNoAnimation", "nzKeyboard", "nzTitle", "nzExtra", "nzFooter", "nzPlacement", "nzSize", "nzMaskStyle", "nzBodyStyle", "nzWrapClassName", "nzWidth", "nzHeight", "nzZIndex", "nzOffsetX", "nzOffsetY", "nzVisible"], outputs: ["nzOnViewInit", "nzOnClose", "nzVisibleChange"], exportAs: ["nzDrawer"] }, { kind: "directive", type: i7.NzDrawerContentDirective, selector: "[nzDrawerContent]", exportAs: ["nzDrawerContent"] }, { kind: "directive", type: i4$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i4$1.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i4$1.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "directive", type: i3$1.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "component", type: FormItemComponent, selector: "app-rd-form-item", inputs: ["errorMessage", "disabled", "label", "type", "focus", "value", "size"] }, { kind: "component", type: i9$1.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus"], exportAs: ["nzRadio"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
2342
+ ], viewQueries: [{ propertyName: "cascaderContainer", first: true, predicate: ["cascaderContainer"], descendants: true }, { propertyName: "valueText", first: true, predicate: ["valueText"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<app-rd-form-item\n [type]=\"'select'\"\n [label]=\"label\"\n [disabled]=\"disabled\"\n [focus]=\"!!searchInput || isFocus || isOpen\"\n [value]=\"value && value?.length\"\n [errorMessage]=\"showError ? currentErrorMessage : ''\"\n (click)=\"openDrawer()\"\n [ngClass]=\"{\n 'rd-cascader-overflow-container': isTextOverflow,\n 'rd-cascader-overflow-container-th': overflowLineCount >= 3,\n }\"\n>\n <div #cascaderContainer class=\"cascader-container\">\n <nz-cascader\n [nzOptions]=\"options\"\n [(ngModel)]=\"value\"\n [nzDisabled]=\"disabled\"\n [nzShowSearch]=\"{ filter: cascaderSearchFn }\"\n [nzAllowClear]=\"false\"\n nzExpandTrigger=\"click\"\n (ngModelChange)=\"handleValueChange($event)\"\n [nzLabelRender]=\"renderTpl\"\n [nzOptionRender]=\"optionTpl\"\n [nzExpandIcon]=\"customExpandIcon\"\n (nzVisibleChange)=\"onVisibleChange($event)\"\n nzColumnClassName=\"rd-cascader-colum\"\n class=\"rd-cascader\"\n [ngClass]=\"{\n 'rd-cascader-disabled-open': isMobile,\n 'rd-cascader-is-text-overflow': isTextOverflow,\n }\"\n >\n </nz-cascader>\n </div>\n</app-rd-form-item>\n\n<nz-drawer\n [nzVisible]=\"drawerOpen && isMobile\"\n [nzPlacement]=\"'bottom'\"\n [nzHeight]=\"'70vh'\"\n [nzTitle]=\"''\"\n [nzClosable]=\"false\"\n [nzWrapClassName]=\"drawerWrapClassName\"\n (nzOnClose)=\"closeDrawer()\"\n>\n <div *nzDrawerContent>\n <div class=\"cascader-drawer-header\">\n <div class=\"header-title\">\n {{ \"select_nature_of_business\" | translate }}\n <div class=\"close-btn\" *ngIf=\"view === 'root'\" (click)=\"closeDrawer()\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M4.46967 4.46967C4.76256 4.17678 5.23744 4.17678 5.53033 4.46967L12 10.9393L18.4697 4.46967C18.7626 4.17678 19.2374 4.17678 19.5303 4.46967C19.8232 4.76256 19.8232 5.23744 19.5303 5.53033L13.0607 12L19.5303 18.4697C19.8232 18.7626 19.8232 19.2374 19.5303 19.5303C19.2374 19.8232 18.7626 19.8232 18.4697 19.5303L12 13.0607L5.53033 19.5303C5.23744 19.8232 4.76256 19.8232 4.46967 19.5303C4.17678 19.2374 4.17678 18.7626 4.46967 18.4697L10.9393 12L4.46967 5.53033C4.17678 5.23744 4.17678 4.76256 4.46967 4.46967Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n </div>\n </div>\n\n <nz-input-group\n class=\"cascader-drawer-search\"\n [nzPrefix]=\"prefixIconSearch\"\n nzClearable\n *ngIf=\"view === 'root'\"\n >\n <input\n nz-input\n [placeholder]=\"'search' | translate\"\n [(ngModel)]=\"searchTerm\"\n (ngModelChange)=\"doMobileSearch($event)\"\n />\n </nz-input-group>\n\n <nz-input-group\n *ngIf=\"view === 'children'\"\n class=\"cascader-drawer-search\"\n [nzPrefix]=\"prefixIconSearch\"\n nzClearable\n >\n <input\n nz-input\n [placeholder]=\"'search' | translate\"\n [(ngModel)]=\"searchChildrenTerm\"\n (ngModelChange)=\"doMobileSearch($event)\"\n />\n </nz-input-group>\n\n <div class=\"cascader-drawer-sub-header\" *ngIf=\"view === 'children'\">\n <div class=\"back-btn\" (click)=\"goBackMobile()\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M11.3422 2.18437C11.5626 2.4194 11.5507 2.78856 11.3156 3.0089L6.43623 7.58334L11.3156 12.1578C11.5507 12.3781 11.5626 12.7473 11.3422 12.9823C11.1219 13.2173 10.7527 13.2292 10.5177 13.0089L5.18437 8.0089C5.06674 7.89862 5 7.74457 5 7.58334C5 7.4221 5.06674 7.26805 5.18437 7.15777L10.5177 2.15777C10.7527 1.93743 11.1219 1.94934 11.3422 2.18437Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n </div>\n <div class=\"children-title\">{{ activeParent?.label }}</div>\n </div>\n </div>\n\n <div *ngIf=\"view === 'root'\" class=\"cascader-drawer-list\">\n <ng-container *ngIf=\"filteredOptions?.length\">\n <div\n *ngFor=\"let opt of filteredOptions\"\n (click)=\"openChildrenMobile(opt)\"\n class=\"cascader-drawer-option cascader-drawer-root-option\"\n [ngClass]=\"{\n 'cascader-drawer-option-active': opt.value === value?.[0],\n }\"\n >\n {{ opt.label }}\n <ng-container *ngTemplateOutlet=\"customExpandIcon\"></ng-container>\n </div>\n </ng-container>\n </div>\n\n <div *ngIf=\"view === 'children'\" class=\"cascader-drawer-list\">\n <ng-container *ngIf=\"filteredChildren?.length\">\n <div\n *ngFor=\"let child of filteredChildren\"\n (click)=\"selectLeafMobile(child)\"\n class=\"cascader-drawer-option cascader-drawer-children-option\"\n >\n <label\n class=\"cascader-option-radio\"\n nz-radio\n [ngModel]=\"child.value === value?.[1]\"\n ></label>\n {{ child.label }}\n </div>\n </ng-container>\n </div>\n </div>\n</nz-drawer>\n\n<ng-template\n #renderTpl\n let-labels=\"labels\"\n let-selectedOptions=\"selectedOptions\"\n>\n <ng-container *ngFor=\"let label of labels; let last = last\">\n <ng-container *ngIf=\"last\">\n <span #valueText class=\"cascader-value-text\" [title]=\"label\">\n {{ label }}\n </span></ng-container\n >\n </ng-container>\n</ng-template>\n\n<ng-template #optionTpl let-option>\n <div class=\"rd-cascader-menu-option\">\n <label\n *ngIf=\"option.isLeaf\"\n class=\"cascader-option-radio\"\n nz-radio\n [ngModel]=\"option.value === value?.[1]\"\n ></label\n >{{ option.label }}\n </div>\n</ng-template>\n\n<ng-template #customExpandIcon>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M4.90777 2.60234C5.12811 2.36731 5.49727 2.3554 5.7323 2.57574L11.0656 7.57574C11.1833 7.68602 11.25 7.84007 11.25 8.0013C11.25 8.16254 11.1833 8.31659 11.0656 8.42687L5.7323 13.4269C5.49727 13.6472 5.12811 13.6353 4.90777 13.4003C4.68743 13.1652 4.69934 12.7961 4.93437 12.5757L9.81377 8.0013L4.93437 3.42687C4.69934 3.20652 4.68743 2.83737 4.90777 2.60234Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n\n<ng-template #prefixIconSearch>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n d=\"M14.4951 13.6948L11.3962 10.5959C12.3175 9.46902 12.7704 8.03122 12.6613 6.57983C12.5522 5.12844 11.8894 3.77451 10.81 2.79807C9.73066 1.82164 8.3173 1.29741 6.86227 1.33381C5.40723 1.37021 4.02185 1.96445 2.99266 2.99364C1.96348 4.02282 1.36923 5.4082 1.33283 6.86323C1.29643 8.31826 1.82066 9.73162 2.7971 10.811C3.77354 11.8903 5.12747 12.5531 6.57887 12.6622C8.03026 12.7713 9.46807 12.3184 10.5949 11.3972L13.6938 14.5032C13.8027 14.6073 13.9474 14.6656 14.098 14.6663C14.2105 14.6661 14.3204 14.6325 14.4138 14.5697C14.5071 14.5069 14.5796 14.4178 14.6222 14.3136C14.6648 14.2095 14.6754 14.0951 14.6528 13.9849C14.6302 13.8747 14.5753 13.7737 14.4951 13.6948ZM7.00667 11.5461C6.10905 11.5461 5.23158 11.2799 4.48523 10.7812C3.73889 10.2825 3.15718 9.57372 2.81367 8.74443C2.47017 7.91513 2.38029 7.0026 2.55541 6.12223C2.73053 5.24185 3.16277 4.43317 3.79749 3.79846C4.43221 3.16375 5.24088 2.7315 6.12126 2.55638C7.00164 2.38127 7.91417 2.47114 8.74347 2.81465C9.57277 3.15815 10.2816 3.73986 10.7803 4.4862C11.279 5.23255 11.5451 6.11001 11.5451 7.00763C11.5433 8.21073 11.0645 9.36402 10.2138 10.2147C9.36306 11.0655 8.20977 11.5442 7.00667 11.5461Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n", styles: [":host{display:block;width:100%}:host ::ng-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector{transition:none!important}:host ::ng-deep .rd-cascader{width:100%;height:62px}:host ::ng-deep .rd-cascader .ant-select-selector{background-color:var(--rd-input-bg-default);max-width:100%!important;overflow:hidden!important}:host ::ng-deep .rd-cascader.rd-cascader-disabled-open{pointer-events:none}:host ::ng-deep .rd-cascader .ant-select-arrow{display:none}:host ::ng-deep .rd-cascader.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:14px 16px;border:none;min-height:50px;border-radius:12px;margin-top:12px}:host ::ng-deep .rd-cascader.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{padding:10px 5px 2px;color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;height:100%}:host ::ng-deep .rd-cascader.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{box-shadow:none}:host ::ng-deep .rd-cascader .ant-select-selection-placeholder{display:none}:host ::ng-deep .rd-cascader .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500}:host ::ng-deep .rd-cascader.ant-select-single .ant-select-selector .ant-select-selection-item:after{display:none}:host ::ng-deep .rd-cascader.ant-select-single .ant-select-selector .ant-select-selection-item{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;display:block!important;width:calc(100% - 20px)!important}:host ::ng-deep .rd-cascader.ant-select .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500;font-size:14px;line-height:normal}:host ::ng-deep .rd-cascader .cascader-value-text{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:pre-line;vertical-align:middle}:host ::ng-deep .rd-cascader.ant-select:not(.ant-select-disabled):hover .ant-select-selector,:host ::ng-deep .rd-cascader.ant-select:not(.ant-select-disabled):focus .ant-select-selector{box-shadow:none;outline:none;border:none}:host ::ng-deep .rd-cascader-is-text-overflow .ant-select-selector{height:auto!important}:host ::ng-deep .rd-cascader-overflow-container .rd-form-item{min-height:85px!important}:host ::ng-deep .rd-cascader-overflow-container-th .rd-form-item{min-height:110px!important}:host(.theme-light) ::ng-deep .rd-cascader{height:auto;min-height:62px}:host(.theme-light) ::ng-deep .rd-cascader .ant-select-arrow{display:none}:host(.theme-light) ::ng-deep .rd-cascader.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:auto;min-height:52px;padding-right:40px}:host(.theme-light) ::ng-deep .rd-cascader.ant-select-single .ant-select-selector .ant-select-selection-item{width:100%!important;white-space:normal!important}::ng-deep .ant-cascader-dropdown{background-color:var(--rd-bg-panel);border-radius:4px;border:1px solid var(--rd-input-fg-default)}::ng-deep .ant-cascader-dropdown .ant-select-arrow{display:none}::ng-deep .rd-cascader-colum{border-right:none;height:268px!important}::ng-deep .rd-cascader-colum .ant-cascader-menu-item{padding:4px 16px;color:var(--rd-copy-primary)}::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item-active,::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item:hover{background-color:transparent;font-weight:400}::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item-active .rd-cascader-menu-option,::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item:hover .rd-cascader-menu-option{background-color:#2a7bff4d}::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item-active .rd-cascader-menu-option .ant-radio-inner,::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item:hover .rd-cascader-menu-option .ant-radio-inner{border-color:var(--rd-copy-brand)}::ng-deep .rd-cascader-colum .ant-cascader-menu-item .ant-cascader-menu-item-expand-icon{width:16px;height:16px}::ng-deep .rd-cascader-colum .rd-cascader-menu-option{min-height:44px;padding:8px;border-radius:4px;width:100%;line-height:28px;max-width:400px;word-break:normal;white-space:break-spaces;display:flex;align-items:flex-start}::ng-deep .rd-cascader-colum .rd-cascader-menu-option .cascader-option-radio{padding-top:3px}::ng-deep .rd-cascader-colum+.rd-cascader-colum{border-left:1px solid var(--rd-input-fg-default)}::ng-deep .cascader-drawer{background-color:var(--rd-bg-website)}::ng-deep .cascader-drawer .cascader-drawer-header{padding:24px 8px 0;position:sticky;top:0;background-color:var(--rd-bg-website);z-index:1111}::ng-deep .cascader-drawer .cascader-drawer-header .header-title{display:flex;align-items:center;font-size:18px;font-weight:500;line-height:24px;justify-content:space-between}::ng-deep .cascader-drawer .cascader-drawer-sub-header{display:flex;align-items:center;margin-top:16px;gap:16px;font-size:14px;font-weight:500}::ng-deep .cascader-drawer .close-btn{width:24px;height:24px;cursor:pointer}::ng-deep .cascader-drawer .close-btn svg{width:24px}::ng-deep .cascader-drawer .back-btn{width:16px;height:16px;cursor:pointer}::ng-deep .cascader-drawer .ant-drawer-body{padding:0 16px 24px}::ng-deep .cascader-drawer .ant-drawer-content{background-color:transparent;color:var(--rd-copy-primary)}::ng-deep .cascader-drawer .cascader-drawer-search{border-radius:4px;border:1px solid var(--rd-input-fg-default);background:var(--rd-input-bg-default);height:44px;padding:0 16px;margin-top:16px}::ng-deep .cascader-drawer .cascader-drawer-search::placeholder{color:var(--rd-copy-disable)}::ng-deep .cascader-drawer .cascader-drawer-search .ant-input{background:var(--rd-input-bg-default);color:var(--rd-copy-primary)}::ng-deep .cascader-drawer .cascader-drawer-search.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{border-color:var(--rd-input-fg-hover)}::ng-deep .cascader-drawer .cascader-drawer-list{margin-top:16px}::ng-deep .cascader-drawer .cascader-drawer-option{padding:8px;min-height:44px;display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:14px;font-weight:400;line-height:28px;line-height:1.5}::ng-deep .cascader-drawer .cascader-drawer-option svg{margin-left:auto;flex-shrink:0}::ng-deep .cascader-drawer .cascader-drawer-option-active{border-radius:4px;background:rgba(42,123,255,.3)}::ng-deep .cascader-drawer .cascader-drawer-option.cascader-drawer-root-option{align-items:center}::ng-deep .cascader-drawer.theme-light{background-color:#fff}::ng-deep .cascader-drawer.theme-light .cascader-drawer-header{background-color:#fff}::ng-deep .cascader-drawer.theme-light .ant-drawer-content{color:var(--rd-copy-primary)}::ng-deep .cascader-drawer.theme-light .cascader-drawer-search{border-color:#dfe3ea;background:#fff}::ng-deep .cascader-drawer.theme-light .cascader-drawer-search .ant-input{background:#fff;color:var(--rd-copy-primary)}::ng-deep .cascader-drawer.theme-light .cascader-drawer-option-active{background:var(--rd-btn-solid-secondary-bg-default)}::ng-deep .cascader-drawer.theme-light .cascader-option-radio .ant-radio-inner{border-color:#cfd5df;background:#fff}::ng-deep .cascader-drawer.theme-light svg path{fill:var(--rd-copy-primary)}::ng-deep .cascader-option-radio{pointer-events:none}::ng-deep .cascader-option-radio .ant-radio-inner{border-radius:16px;border:1px solid var(--rd-control-border-empty);background:var(--rd-control-input-empty)}::ng-deep .cascader-option-radio .ant-radio-input:focus+.ant-radio-inner{box-shadow:none}::ng-deep .cascader-option-radio .ant-radio-wrapper:hover .ant-radio,::ng-deep .cascader-option-radio .ant-radio:hover .ant-radio-inner,::ng-deep .cascader-option-radio .ant-radio-input:focus+.ant-radio-inner{border-color:var(--rd-copy-brand)}::ng-deep .cascader-data-empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--rd-copy-primary)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: "component", type: i4$5.NzCascaderComponent, selector: "nz-cascader, [nz-cascader]", inputs: ["nzOptionRender", "nzShowInput", "nzShowArrow", "nzAllowClear", "nzAutoFocus", "nzChangeOnSelect", "nzDisabled", "nzColumnClassName", "nzExpandTrigger", "nzValueProperty", "nzLabelRender", "nzLabelProperty", "nzNotFoundContent", "nzSize", "nzBackdrop", "nzShowSearch", "nzPlaceHolder", "nzMenuClassName", "nzMenuStyle", "nzMouseEnterDelay", "nzMouseLeaveDelay", "nzStatus", "nzTriggerAction", "nzChangeOn", "nzLoadData", "nzSuffixIcon", "nzExpandIcon", "nzOptions"], outputs: ["nzVisibleChange", "nzSelectionChange", "nzSelect", "nzClear"], exportAs: ["nzCascader"] }, { kind: "component", type: i7.NzDrawerComponent, selector: "nz-drawer", inputs: ["nzContent", "nzCloseIcon", "nzClosable", "nzMaskClosable", "nzMask", "nzCloseOnNavigation", "nzNoAnimation", "nzKeyboard", "nzTitle", "nzExtra", "nzFooter", "nzPlacement", "nzSize", "nzMaskStyle", "nzBodyStyle", "nzWrapClassName", "nzWidth", "nzHeight", "nzZIndex", "nzOffsetX", "nzOffsetY", "nzVisible"], outputs: ["nzOnViewInit", "nzOnClose", "nzVisibleChange"], exportAs: ["nzDrawer"] }, { kind: "directive", type: i7.NzDrawerContentDirective, selector: "[nzDrawerContent]", exportAs: ["nzDrawerContent"] }, { kind: "directive", type: i4$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i4$1.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i4$1.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "directive", type: i3$1.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "component", type: FormItemComponent, selector: "app-rd-form-item", inputs: ["errorMessage", "disabled", "label", "type", "focus", "value", "size"] }, { kind: "component", type: i9$1.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus"], exportAs: ["nzRadio"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
2340
2343
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IndustryCascaderComponent, decorators: [{
2341
2344
  type: Component,
2342
2345
  args: [{ selector: 'app-industry-cascader', providers: [
@@ -2351,7 +2354,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
2351
2354
  multi: true,
2352
2355
  },
2353
2356
  ], template: "<app-rd-form-item\n [type]=\"'select'\"\n [label]=\"label\"\n [disabled]=\"disabled\"\n [focus]=\"!!searchInput || isFocus || isOpen\"\n [value]=\"value && value?.length\"\n [errorMessage]=\"showError ? currentErrorMessage : ''\"\n (click)=\"openDrawer()\"\n [ngClass]=\"{\n 'rd-cascader-overflow-container': isTextOverflow,\n 'rd-cascader-overflow-container-th': overflowLineCount >= 3,\n }\"\n>\n <div #cascaderContainer class=\"cascader-container\">\n <nz-cascader\n [nzOptions]=\"options\"\n [(ngModel)]=\"value\"\n [nzDisabled]=\"disabled\"\n [nzShowSearch]=\"{ filter: cascaderSearchFn }\"\n [nzAllowClear]=\"false\"\n nzExpandTrigger=\"click\"\n (ngModelChange)=\"handleValueChange($event)\"\n [nzLabelRender]=\"renderTpl\"\n [nzOptionRender]=\"optionTpl\"\n [nzExpandIcon]=\"customExpandIcon\"\n (nzVisibleChange)=\"onVisibleChange($event)\"\n nzColumnClassName=\"rd-cascader-colum\"\n class=\"rd-cascader\"\n [ngClass]=\"{\n 'rd-cascader-disabled-open': isMobile,\n 'rd-cascader-is-text-overflow': isTextOverflow,\n }\"\n >\n </nz-cascader>\n </div>\n</app-rd-form-item>\n\n<nz-drawer\n [nzVisible]=\"drawerOpen && isMobile\"\n [nzPlacement]=\"'bottom'\"\n [nzHeight]=\"'70vh'\"\n [nzTitle]=\"''\"\n [nzClosable]=\"false\"\n [nzWrapClassName]=\"drawerWrapClassName\"\n (nzOnClose)=\"closeDrawer()\"\n>\n <div *nzDrawerContent>\n <div class=\"cascader-drawer-header\">\n <div class=\"header-title\">\n {{ \"select_nature_of_business\" | translate }}\n <div class=\"close-btn\" *ngIf=\"view === 'root'\" (click)=\"closeDrawer()\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M4.46967 4.46967C4.76256 4.17678 5.23744 4.17678 5.53033 4.46967L12 10.9393L18.4697 4.46967C18.7626 4.17678 19.2374 4.17678 19.5303 4.46967C19.8232 4.76256 19.8232 5.23744 19.5303 5.53033L13.0607 12L19.5303 18.4697C19.8232 18.7626 19.8232 19.2374 19.5303 19.5303C19.2374 19.8232 18.7626 19.8232 18.4697 19.5303L12 13.0607L5.53033 19.5303C5.23744 19.8232 4.76256 19.8232 4.46967 19.5303C4.17678 19.2374 4.17678 18.7626 4.46967 18.4697L10.9393 12L4.46967 5.53033C4.17678 5.23744 4.17678 4.76256 4.46967 4.46967Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n </div>\n </div>\n\n <nz-input-group\n class=\"cascader-drawer-search\"\n [nzPrefix]=\"prefixIconSearch\"\n nzClearable\n *ngIf=\"view === 'root'\"\n >\n <input\n nz-input\n [placeholder]=\"'search' | translate\"\n [(ngModel)]=\"searchTerm\"\n (ngModelChange)=\"doMobileSearch($event)\"\n />\n </nz-input-group>\n\n <nz-input-group\n *ngIf=\"view === 'children'\"\n class=\"cascader-drawer-search\"\n [nzPrefix]=\"prefixIconSearch\"\n nzClearable\n >\n <input\n nz-input\n [placeholder]=\"'search' | translate\"\n [(ngModel)]=\"searchChildrenTerm\"\n (ngModelChange)=\"doMobileSearch($event)\"\n />\n </nz-input-group>\n\n <div class=\"cascader-drawer-sub-header\" *ngIf=\"view === 'children'\">\n <div class=\"back-btn\" (click)=\"goBackMobile()\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M11.3422 2.18437C11.5626 2.4194 11.5507 2.78856 11.3156 3.0089L6.43623 7.58334L11.3156 12.1578C11.5507 12.3781 11.5626 12.7473 11.3422 12.9823C11.1219 13.2173 10.7527 13.2292 10.5177 13.0089L5.18437 8.0089C5.06674 7.89862 5 7.74457 5 7.58334C5 7.4221 5.06674 7.26805 5.18437 7.15777L10.5177 2.15777C10.7527 1.93743 11.1219 1.94934 11.3422 2.18437Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n </div>\n <div class=\"children-title\">{{ activeParent?.label }}</div>\n </div>\n </div>\n\n <div *ngIf=\"view === 'root'\" class=\"cascader-drawer-list\">\n <ng-container *ngIf=\"filteredOptions?.length\">\n <div\n *ngFor=\"let opt of filteredOptions\"\n (click)=\"openChildrenMobile(opt)\"\n class=\"cascader-drawer-option cascader-drawer-root-option\"\n [ngClass]=\"{\n 'cascader-drawer-option-active': opt.value === value?.[0],\n }\"\n >\n {{ opt.label }}\n <ng-container *ngTemplateOutlet=\"customExpandIcon\"></ng-container>\n </div>\n </ng-container>\n </div>\n\n <div *ngIf=\"view === 'children'\" class=\"cascader-drawer-list\">\n <ng-container *ngIf=\"filteredChildren?.length\">\n <div\n *ngFor=\"let child of filteredChildren\"\n (click)=\"selectLeafMobile(child)\"\n class=\"cascader-drawer-option cascader-drawer-children-option\"\n >\n <label\n class=\"cascader-option-radio\"\n nz-radio\n [ngModel]=\"child.value === value?.[1]\"\n ></label>\n {{ child.label }}\n </div>\n </ng-container>\n </div>\n </div>\n</nz-drawer>\n\n<ng-template\n #renderTpl\n let-labels=\"labels\"\n let-selectedOptions=\"selectedOptions\"\n>\n <ng-container *ngFor=\"let label of labels; let last = last\">\n <ng-container *ngIf=\"last\">\n <span #valueText class=\"cascader-value-text\" [title]=\"label\">\n {{ label }}\n </span></ng-container\n >\n </ng-container>\n</ng-template>\n\n<ng-template #optionTpl let-option>\n <div class=\"rd-cascader-menu-option\">\n <label\n *ngIf=\"option.isLeaf\"\n class=\"cascader-option-radio\"\n nz-radio\n [ngModel]=\"option.value === value?.[1]\"\n ></label\n >{{ option.label }}\n </div>\n</ng-template>\n\n<ng-template #customExpandIcon>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M4.90777 2.60234C5.12811 2.36731 5.49727 2.3554 5.7323 2.57574L11.0656 7.57574C11.1833 7.68602 11.25 7.84007 11.25 8.0013C11.25 8.16254 11.1833 8.31659 11.0656 8.42687L5.7323 13.4269C5.49727 13.6472 5.12811 13.6353 4.90777 13.4003C4.68743 13.1652 4.69934 12.7961 4.93437 12.5757L9.81377 8.0013L4.93437 3.42687C4.69934 3.20652 4.68743 2.83737 4.90777 2.60234Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n\n<ng-template #prefixIconSearch>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n d=\"M14.4951 13.6948L11.3962 10.5959C12.3175 9.46902 12.7704 8.03122 12.6613 6.57983C12.5522 5.12844 11.8894 3.77451 10.81 2.79807C9.73066 1.82164 8.3173 1.29741 6.86227 1.33381C5.40723 1.37021 4.02185 1.96445 2.99266 2.99364C1.96348 4.02282 1.36923 5.4082 1.33283 6.86323C1.29643 8.31826 1.82066 9.73162 2.7971 10.811C3.77354 11.8903 5.12747 12.5531 6.57887 12.6622C8.03026 12.7713 9.46807 12.3184 10.5949 11.3972L13.6938 14.5032C13.8027 14.6073 13.9474 14.6656 14.098 14.6663C14.2105 14.6661 14.3204 14.6325 14.4138 14.5697C14.5071 14.5069 14.5796 14.4178 14.6222 14.3136C14.6648 14.2095 14.6754 14.0951 14.6528 13.9849C14.6302 13.8747 14.5753 13.7737 14.4951 13.6948ZM7.00667 11.5461C6.10905 11.5461 5.23158 11.2799 4.48523 10.7812C3.73889 10.2825 3.15718 9.57372 2.81367 8.74443C2.47017 7.91513 2.38029 7.0026 2.55541 6.12223C2.73053 5.24185 3.16277 4.43317 3.79749 3.79846C4.43221 3.16375 5.24088 2.7315 6.12126 2.55638C7.00164 2.38127 7.91417 2.47114 8.74347 2.81465C9.57277 3.15815 10.2816 3.73986 10.7803 4.4862C11.279 5.23255 11.5451 6.11001 11.5451 7.00763C11.5433 8.21073 11.0645 9.36402 10.2138 10.2147C9.36306 11.0655 8.20977 11.5442 7.00667 11.5461Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n", styles: [":host{display:block;width:100%}:host ::ng-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector{transition:none!important}:host ::ng-deep .rd-cascader{width:100%;height:62px}:host ::ng-deep .rd-cascader .ant-select-selector{background-color:var(--rd-input-bg-default);max-width:100%!important;overflow:hidden!important}:host ::ng-deep .rd-cascader.rd-cascader-disabled-open{pointer-events:none}:host ::ng-deep .rd-cascader .ant-select-arrow{display:none}:host ::ng-deep .rd-cascader.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:14px 16px;border:none;min-height:50px;border-radius:12px;margin-top:12px}:host ::ng-deep .rd-cascader.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{padding:10px 5px 2px;color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;height:100%}:host ::ng-deep .rd-cascader.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{box-shadow:none}:host ::ng-deep .rd-cascader .ant-select-selection-placeholder{display:none}:host ::ng-deep .rd-cascader .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500}:host ::ng-deep .rd-cascader.ant-select-single .ant-select-selector .ant-select-selection-item:after{display:none}:host ::ng-deep .rd-cascader.ant-select-single .ant-select-selector .ant-select-selection-item{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;display:block!important;width:calc(100% - 20px)!important}:host ::ng-deep .rd-cascader.ant-select .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500;font-size:14px;line-height:normal}:host ::ng-deep .rd-cascader .cascader-value-text{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:pre-line;vertical-align:middle}:host ::ng-deep .rd-cascader.ant-select:not(.ant-select-disabled):hover .ant-select-selector,:host ::ng-deep .rd-cascader.ant-select:not(.ant-select-disabled):focus .ant-select-selector{box-shadow:none;outline:none;border:none}:host ::ng-deep .rd-cascader-is-text-overflow .ant-select-selector{height:auto!important}:host ::ng-deep .rd-cascader-overflow-container .rd-form-item{min-height:85px!important}:host ::ng-deep .rd-cascader-overflow-container-th .rd-form-item{min-height:110px!important}:host(.theme-light) ::ng-deep .rd-cascader{height:auto;min-height:62px}:host(.theme-light) ::ng-deep .rd-cascader .ant-select-arrow{display:none}:host(.theme-light) ::ng-deep .rd-cascader.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:auto;min-height:52px;padding-right:40px}:host(.theme-light) ::ng-deep .rd-cascader.ant-select-single .ant-select-selector .ant-select-selection-item{width:100%!important;white-space:normal!important}::ng-deep .ant-cascader-dropdown{background-color:var(--rd-bg-panel);border-radius:4px;border:1px solid var(--rd-input-fg-default)}::ng-deep .ant-cascader-dropdown .ant-select-arrow{display:none}::ng-deep .rd-cascader-colum{border-right:none;height:268px!important}::ng-deep .rd-cascader-colum .ant-cascader-menu-item{padding:4px 16px;color:var(--rd-copy-primary)}::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item-active,::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item:hover{background-color:transparent;font-weight:400}::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item-active .rd-cascader-menu-option,::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item:hover .rd-cascader-menu-option{background-color:#2a7bff4d}::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item-active .rd-cascader-menu-option .ant-radio-inner,::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item:hover .rd-cascader-menu-option .ant-radio-inner{border-color:var(--rd-copy-brand)}::ng-deep .rd-cascader-colum .ant-cascader-menu-item .ant-cascader-menu-item-expand-icon{width:16px;height:16px}::ng-deep .rd-cascader-colum .rd-cascader-menu-option{min-height:44px;padding:8px;border-radius:4px;width:100%;line-height:28px;max-width:400px;word-break:normal;white-space:break-spaces;display:flex;align-items:flex-start}::ng-deep .rd-cascader-colum .rd-cascader-menu-option .cascader-option-radio{padding-top:3px}::ng-deep .rd-cascader-colum+.rd-cascader-colum{border-left:1px solid var(--rd-input-fg-default)}::ng-deep .cascader-drawer{background-color:var(--rd-bg-website)}::ng-deep .cascader-drawer .cascader-drawer-header{padding:24px 8px 0;position:sticky;top:0;background-color:var(--rd-bg-website);z-index:1111}::ng-deep .cascader-drawer .cascader-drawer-header .header-title{display:flex;align-items:center;font-size:18px;font-weight:500;line-height:24px;justify-content:space-between}::ng-deep .cascader-drawer .cascader-drawer-sub-header{display:flex;align-items:center;margin-top:16px;gap:16px;font-size:14px;font-weight:500}::ng-deep .cascader-drawer .close-btn{width:24px;height:24px;cursor:pointer}::ng-deep .cascader-drawer .close-btn svg{width:24px}::ng-deep .cascader-drawer .back-btn{width:16px;height:16px;cursor:pointer}::ng-deep .cascader-drawer .ant-drawer-body{padding:0 16px 24px}::ng-deep .cascader-drawer .ant-drawer-content{background-color:transparent;color:var(--rd-copy-primary)}::ng-deep .cascader-drawer .cascader-drawer-search{border-radius:4px;border:1px solid var(--rd-input-fg-default);background:var(--rd-input-bg-default);height:44px;padding:0 16px;margin-top:16px}::ng-deep .cascader-drawer .cascader-drawer-search::placeholder{color:var(--rd-copy-disable)}::ng-deep .cascader-drawer .cascader-drawer-search .ant-input{background:var(--rd-input-bg-default);color:var(--rd-copy-primary)}::ng-deep .cascader-drawer .cascader-drawer-search.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{border-color:var(--rd-input-fg-hover)}::ng-deep .cascader-drawer .cascader-drawer-list{margin-top:16px}::ng-deep .cascader-drawer .cascader-drawer-option{padding:8px;min-height:44px;display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:14px;font-weight:400;line-height:28px;line-height:1.5}::ng-deep .cascader-drawer .cascader-drawer-option svg{margin-left:auto;flex-shrink:0}::ng-deep .cascader-drawer .cascader-drawer-option-active{border-radius:4px;background:rgba(42,123,255,.3)}::ng-deep .cascader-drawer .cascader-drawer-option.cascader-drawer-root-option{align-items:center}::ng-deep .cascader-drawer.theme-light{background-color:#fff}::ng-deep .cascader-drawer.theme-light .cascader-drawer-header{background-color:#fff}::ng-deep .cascader-drawer.theme-light .ant-drawer-content{color:var(--rd-copy-primary)}::ng-deep .cascader-drawer.theme-light .cascader-drawer-search{border-color:#dfe3ea;background:#fff}::ng-deep .cascader-drawer.theme-light .cascader-drawer-search .ant-input{background:#fff;color:var(--rd-copy-primary)}::ng-deep .cascader-drawer.theme-light .cascader-drawer-option-active{background:var(--rd-btn-solid-secondary-bg-default)}::ng-deep .cascader-drawer.theme-light .cascader-option-radio .ant-radio-inner{border-color:#cfd5df;background:#fff}::ng-deep .cascader-drawer.theme-light svg path{fill:var(--rd-copy-primary)}::ng-deep .cascader-option-radio{pointer-events:none}::ng-deep .cascader-option-radio .ant-radio-inner{border-radius:16px;border:1px solid var(--rd-control-border-empty);background:var(--rd-control-input-empty)}::ng-deep .cascader-option-radio .ant-radio-input:focus+.ant-radio-inner{box-shadow:none}::ng-deep .cascader-option-radio .ant-radio-wrapper:hover .ant-radio,::ng-deep .cascader-option-radio .ant-radio:hover .ant-radio-inner,::ng-deep .cascader-option-radio .ant-radio-input:focus+.ant-radio-inner{border-color:var(--rd-copy-brand)}::ng-deep .cascader-data-empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--rd-copy-primary)}\n"] }]
2354
- }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { cascaderContainer: [{
2357
+ }], ctorParameters: function () { return [{ type: i1.TranslateService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { cascaderContainer: [{
2355
2358
  type: ViewChild,
2356
2359
  args: ['cascaderContainer']
2357
2360
  }], valueText: [{
@@ -2386,7 +2389,7 @@ IndustryCascaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
2386
2389
  NzSpinModule,
2387
2390
  NzButtonModule,
2388
2391
  FormItemModule,
2389
- NzRadioModule, i1$1.TranslateModule], exports: [IndustryCascaderComponent] });
2392
+ NzRadioModule, i1.TranslateModule], exports: [IndustryCascaderComponent] });
2390
2393
  IndustryCascaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IndustryCascaderModule, imports: [CommonModule,
2391
2394
  FormsModule,
2392
2395
  NzCascaderModule,
@@ -2454,7 +2457,7 @@ class StatusFieldComponent {
2454
2457
  };
2455
2458
  }
2456
2459
  }
2457
- StatusFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StatusFieldComponent, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
2460
+ StatusFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StatusFieldComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
2458
2461
  StatusFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: StatusFieldComponent, selector: "app-rd-status-field", inputs: { status: "status", text: "text", size: "size", statusDisplayConfigs: "statusDisplayConfigs", statusGroupConfigs: "statusGroupConfigs" }, ngImport: i0, template: `
2459
2462
  <div class="rd-status-field" [ngClass]="size">
2460
2463
  <img
@@ -2464,7 +2467,7 @@ StatusFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
2464
2467
  />
2465
2468
  {{ getStatusDisplay()['text'] || '' }}
2466
2469
  </div>
2467
- `, isInline: true, styles: [":host .rd-status-field{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--rd-copy-primary)}:host .rd-status-field img{width:12px;height:12px;flex-shrink:0}:host .rd-status-field.large img{width:16px;height:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
2470
+ `, isInline: true, styles: [":host .rd-status-field{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--rd-copy-primary)}:host .rd-status-field img{width:12px;height:12px;flex-shrink:0}:host .rd-status-field.large img{width:16px;height:16px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
2468
2471
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StatusFieldComponent, decorators: [{
2469
2472
  type: Component,
2470
2473
  args: [{ selector: 'app-rd-status-field', template: `
@@ -2477,7 +2480,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
2477
2480
  {{ getStatusDisplay()['text'] || '' }}
2478
2481
  </div>
2479
2482
  `, styles: [":host .rd-status-field{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--rd-copy-primary)}:host .rd-status-field img{width:12px;height:12px;flex-shrink:0}:host .rd-status-field.large img{width:16px;height:16px}\n"] }]
2480
- }], ctorParameters: function () { return [{ type: i1$1.TranslateService }]; }, propDecorators: { status: [{
2483
+ }], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { status: [{
2481
2484
  type: Input
2482
2485
  }], text: [{
2483
2486
  type: Input
@@ -2490,7 +2493,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
2490
2493
  }] } });
2491
2494
 
2492
2495
  class RdFilterSelectComponent {
2493
- constructor() {
2496
+ constructor(translate) {
2497
+ this.translate = translate;
2494
2498
  this.handleChangeValue = new EventEmitter();
2495
2499
  this.statusDisplayConfigs = [];
2496
2500
  this.statusGroupConfigs = {};
@@ -2535,12 +2539,12 @@ class RdFilterSelectComponent {
2535
2539
  this.handleChangeValue.emit(event);
2536
2540
  }
2537
2541
  }
2538
- RdFilterSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdFilterSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2539
- RdFilterSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdFilterSelectComponent, selector: "app-rd-filter-select", inputs: { item: "item", statusDisplayConfigs: "statusDisplayConfigs", statusGroupConfigs: "statusGroupConfigs" }, outputs: { handleChangeValue: "handleChangeValue" }, usesOnChanges: true, ngImport: i0, template: "<nz-select\n class=\"rd-custom-filter-select\"\n [ngStyle]=\"{ 'min-width': item.minWidth ? item.minWidth : '132px' }\"\n [nzPlaceHolder]=\"item.title\"\n [nzShowArrow]=\"true\"\n [nzMode]=\"mode\"\n [nzAllowClear]=\"false\"\n [nzDropdownClassName]=\"\n mode === 'multiple'\n ? 'rd-custom-multiple-filter-select-dropdown'\n : 'rd-custom-filter-select-dropdown'\n \"\n [(ngModel)]=\"selectValue\"\n [nzSuffixIcon]=\"customIcon\"\n [nzRemoveIcon]=\"removeIcon\"\n [nzOptionOverflowSize]=\"5\"\n [nzOptionHeightPx]=\"40\"\n [nzDropdownMatchSelectWidth]=\"false\"\n (ngModelChange)=\"modelChange($event)\"\n [nzCustomTemplate]=\"customTpl\"\n [nzMaxTagCount]=\"3\"\n>\n <nz-option\n *ngFor=\"let option of item.options\"\n [nzValue]=\"option.value\"\n [nzLabel]=\"option.label\"\n nzCustomContent\n >\n <app-rd-status-field\n *ngIf=\"item.isStatusField; else defaultTpl\"\n [status]=\"option.value\"\n [statusGroupConfigs]=\"statusGroupConfigs\"\n [statusDisplayConfigs]=\"statusDisplayConfigs\"\n ></app-rd-status-field>\n <ng-template #defaultTpl> {{ option.label }}</ng-template>\n </nz-option>\n</nz-select>\n\n<ng-template #customIcon>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.60136 4.90777C2.83639 4.68743 3.20555 4.69934 3.42589 4.93437L8.00033 9.81377L12.5748 4.93437C12.7951 4.69934 13.1643 4.68743 13.3993 4.90777C13.6343 5.12812 13.6462 5.49727 13.4259 5.7323L8.42589 11.0656C8.31561 11.1833 8.16157 11.25 8.00033 11.25C7.83909 11.25 7.68504 11.1833 7.57476 11.0656L2.57476 5.7323C2.35442 5.49727 2.36633 5.12811 2.60136 4.90777Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n\n<ng-template #removeIcon>\n <!-- <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.39645 2.39645C2.59171 2.20118 2.90829 2.20118 3.10355 2.39645L6 5.29289L8.89645 2.39645C9.09171 2.20118 9.40829 2.20118 9.60355 2.39645C9.79882 2.59171 9.79882 2.90829 9.60355 3.10355L6.70711 6L9.60355 8.89645C9.79882 9.09171 9.79882 9.40829 9.60355 9.60355C9.40829 9.79882 9.09171 9.79882 8.89645 9.60355L6 6.70711L3.10355 9.60355C2.90829 9.79882 2.59171 9.79882 2.39645 9.60355C2.20118 9.40829 2.20118 9.09171 2.39645 8.89645L5.29289 6L2.39645 3.10355C2.20118 2.90829 2.20118 2.59171 2.39645 2.39645Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg> -->\n</ng-template>\n\n<ng-template #customTpl let-selected>\n <!-- <app-status-field\n *ngIf=\"item.isStatusField\"\n [status]=\"selected.nzValue\"\n ></app-status-field> -->\n <ng-container>\n {{ selected.nzLabel }}\n </ng-container>\n</ng-template>\n", styles: ["::ng-deep .rd-custom-filter-select{min-width:113px;min-height:32px}::ng-deep .rd-custom-filter-select.ant-select .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500;font-size:14px}::ng-deep .rd-custom-filter-select.ant-select-multiple .ant-select-selection-item{border-radius:4px;background:var(--rd-input-bg-disable);font-size:14px;font-weight:500;color:var(--rd-copy-primary);display:flex;align-items:center;gap:4px}::ng-deep .rd-custom-filter-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove{line-height:1}::ng-deep .rd-custom-filter-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px}::ng-deep .rd-custom-filter-select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px;border:1px solid var(--rd-input-fg-hover);background:var(--rd-input-bg-hover);box-shadow:0 0 0 2px #367af61a}::ng-deep .rd-custom-filter-select .ant-select-selection-placeholder{color:var(--rd-copy-secondary);font-weight:500;font-size:14px}::ng-deep .rd-custom-filter-select .ant-select-selection-item-content{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-custom-filter-select .ant-select-arrow{transition:ease-in-out .2s all;cursor:pointer;pointer-events:initial}::ng-deep .rd-custom-filter-select:hover:has(.ant-select-clear) .ant-select-arrow{opacity:0}::ng-deep .rd-custom-filter-select.ant-select-focused .ant-select-arrow,::ng-deep .rd-custom-filter-select .ant-select-selector:focus-within .ant-select-arrow{transform:rotate(-180deg);transition:transform .2s ease}::ng-deep .rd-custom-filter-select-dropdown .ant-select-dropdown,::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-dropdown{border-radius:4px;background:var(--rd-bg-card);width:-moz-fit-content;width:fit-content;min-width:113px}::ng-deep .rd-custom-filter-select-dropdown .ant-select-item-option,::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option{background-color:transparent;padding:0 6px}::ng-deep .rd-custom-filter-select-dropdown .ant-select-item-option-content,::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option-content{border-radius:4px;padding:0 6px;display:flex;align-items:center;color:var(--rd-copy-primary);font-size:14px;min-height:40px}::ng-deep .rd-custom-filter-select-dropdown .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option-active .ant-select-item-option-content{background:rgba(54,122,246,.1)}::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option-content{border-radius:4px;font-weight:500;color:var(--rd-copy-primary);font-size:14px;padding:0 6px 0 32px;position:relative}::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option-content:before{content:\"\";position:absolute;top:50%;left:6px;width:16px;height:16px;transform:translateY(-50%);border-radius:4px;border:1px solid var(--rd-control-border-empty)}::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option-selected .ant-select-item-option-content:before{background-image:url(/assets/img/icon/checkbox.svg);background-size:contain;background-position:center;background-repeat:no-repeat;border:none}::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option-state{display:none}:host ::ng-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector{background:var(--rd-input-bg-default)!important;border-color:var(--rd-input-fg-default)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: StatusFieldComponent, selector: "app-rd-status-field", inputs: ["status", "text", "size", "statusDisplayConfigs", "statusGroupConfigs"] }] });
2542
+ RdFilterSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdFilterSelectComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
2543
+ RdFilterSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdFilterSelectComponent, selector: "app-rd-filter-select", inputs: { item: "item", statusDisplayConfigs: "statusDisplayConfigs", statusGroupConfigs: "statusGroupConfigs" }, outputs: { handleChangeValue: "handleChangeValue" }, usesOnChanges: true, ngImport: i0, template: "<nz-select\n class=\"rd-custom-filter-select\"\n [ngStyle]=\"{ 'min-width': item.minWidth ? item.minWidth : '132px' }\"\n [nzPlaceHolder]=\"item.title | translate\"\n [nzShowArrow]=\"true\"\n [nzMode]=\"mode\"\n [nzAllowClear]=\"false\"\n [nzDropdownClassName]=\"\n mode === 'multiple'\n ? 'rd-custom-multiple-filter-select-dropdown'\n : 'rd-custom-filter-select-dropdown'\n \"\n [(ngModel)]=\"selectValue\"\n [nzSuffixIcon]=\"customIcon\"\n [nzRemoveIcon]=\"removeIcon\"\n [nzOptionOverflowSize]=\"5\"\n [nzOptionHeightPx]=\"40\"\n [nzDropdownMatchSelectWidth]=\"false\"\n (ngModelChange)=\"modelChange($event)\"\n [nzCustomTemplate]=\"customTpl\"\n [nzMaxTagCount]=\"3\"\n>\n <nz-option\n *ngFor=\"let option of item.options\"\n [nzValue]=\"option.value\"\n [nzLabel]=\"option.label | translate\"\n nzCustomContent\n >\n <app-rd-status-field\n *ngIf=\"item.isStatusField; else defaultTpl\"\n [status]=\"option.value\"\n [statusGroupConfigs]=\"statusGroupConfigs\"\n [statusDisplayConfigs]=\"statusDisplayConfigs\"\n ></app-rd-status-field>\n <ng-template #defaultTpl> {{ option.label | translate }}</ng-template>\n </nz-option>\n</nz-select>\n\n<ng-template #customIcon>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.60136 4.90777C2.83639 4.68743 3.20555 4.69934 3.42589 4.93437L8.00033 9.81377L12.5748 4.93437C12.7951 4.69934 13.1643 4.68743 13.3993 4.90777C13.6343 5.12812 13.6462 5.49727 13.4259 5.7323L8.42589 11.0656C8.31561 11.1833 8.16157 11.25 8.00033 11.25C7.83909 11.25 7.68504 11.1833 7.57476 11.0656L2.57476 5.7323C2.35442 5.49727 2.36633 5.12811 2.60136 4.90777Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n\n<ng-template #removeIcon>\n <!-- <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.39645 2.39645C2.59171 2.20118 2.90829 2.20118 3.10355 2.39645L6 5.29289L8.89645 2.39645C9.09171 2.20118 9.40829 2.20118 9.60355 2.39645C9.79882 2.59171 9.79882 2.90829 9.60355 3.10355L6.70711 6L9.60355 8.89645C9.79882 9.09171 9.79882 9.40829 9.60355 9.60355C9.40829 9.79882 9.09171 9.79882 8.89645 9.60355L6 6.70711L3.10355 9.60355C2.90829 9.79882 2.59171 9.79882 2.39645 9.60355C2.20118 9.40829 2.20118 9.09171 2.39645 8.89645L5.29289 6L2.39645 3.10355C2.20118 2.90829 2.20118 2.59171 2.39645 2.39645Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg> -->\n</ng-template>\n\n<ng-template #customTpl let-selected>\n <!-- <app-status-field\n *ngIf=\"item.isStatusField\"\n [status]=\"selected.nzValue\"\n ></app-status-field> -->\n <ng-container>\n {{ selected.nzLabel | translate }}\n </ng-container>\n</ng-template>\n", styles: ["::ng-deep .rd-custom-filter-select{min-width:113px;min-height:32px}::ng-deep .rd-custom-filter-select.ant-select .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500;font-size:14px}::ng-deep .rd-custom-filter-select.ant-select-multiple .ant-select-selection-item{border-radius:4px;background:var(--rd-input-bg-disable);font-size:14px;font-weight:500;color:var(--rd-copy-primary);display:flex;align-items:center;gap:4px}::ng-deep .rd-custom-filter-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove{line-height:1}::ng-deep .rd-custom-filter-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px}::ng-deep .rd-custom-filter-select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px;border:1px solid var(--rd-input-fg-hover);background:var(--rd-input-bg-hover);box-shadow:0 0 0 2px #367af61a}::ng-deep .rd-custom-filter-select .ant-select-selection-placeholder{color:var(--rd-copy-secondary);font-weight:500;font-size:14px}::ng-deep .rd-custom-filter-select .ant-select-selection-item-content{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-custom-filter-select .ant-select-arrow{transition:ease-in-out .2s all;cursor:pointer;pointer-events:initial}::ng-deep .rd-custom-filter-select:hover:has(.ant-select-clear) .ant-select-arrow{opacity:0}::ng-deep .rd-custom-filter-select.ant-select-focused .ant-select-arrow,::ng-deep .rd-custom-filter-select .ant-select-selector:focus-within .ant-select-arrow{transform:rotate(-180deg);transition:transform .2s ease}::ng-deep .rd-custom-filter-select-dropdown .ant-select-dropdown,::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-dropdown{border-radius:4px;background:var(--rd-bg-card);width:-moz-fit-content;width:fit-content;min-width:113px}::ng-deep .rd-custom-filter-select-dropdown .ant-select-item-option,::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option{background-color:transparent;padding:0 6px}::ng-deep .rd-custom-filter-select-dropdown .ant-select-item-option-content,::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option-content{border-radius:4px;padding:0 6px;display:flex;align-items:center;color:var(--rd-copy-primary);font-size:14px;min-height:40px}::ng-deep .rd-custom-filter-select-dropdown .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option-active .ant-select-item-option-content{background:rgba(54,122,246,.1)}::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option-content{border-radius:4px;font-weight:500;color:var(--rd-copy-primary);font-size:14px;padding:0 6px 0 32px;position:relative}::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option-content:before{content:\"\";position:absolute;top:50%;left:6px;width:16px;height:16px;transform:translateY(-50%);border-radius:4px;border:1px solid var(--rd-control-border-empty)}::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option-selected .ant-select-item-option-content:before{background-image:url(/assets/img/icon/checkbox.svg);background-size:contain;background-position:center;background-repeat:no-repeat;border:none}::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option-state{display:none}:host ::ng-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector{background:var(--rd-input-bg-default)!important;border-color:var(--rd-input-fg-default)!important}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4$4.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4$4.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: StatusFieldComponent, selector: "app-rd-status-field", inputs: ["status", "text", "size", "statusDisplayConfigs", "statusGroupConfigs"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
2540
2544
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdFilterSelectComponent, decorators: [{
2541
2545
  type: Component,
2542
- args: [{ selector: 'app-rd-filter-select', template: "<nz-select\n class=\"rd-custom-filter-select\"\n [ngStyle]=\"{ 'min-width': item.minWidth ? item.minWidth : '132px' }\"\n [nzPlaceHolder]=\"item.title\"\n [nzShowArrow]=\"true\"\n [nzMode]=\"mode\"\n [nzAllowClear]=\"false\"\n [nzDropdownClassName]=\"\n mode === 'multiple'\n ? 'rd-custom-multiple-filter-select-dropdown'\n : 'rd-custom-filter-select-dropdown'\n \"\n [(ngModel)]=\"selectValue\"\n [nzSuffixIcon]=\"customIcon\"\n [nzRemoveIcon]=\"removeIcon\"\n [nzOptionOverflowSize]=\"5\"\n [nzOptionHeightPx]=\"40\"\n [nzDropdownMatchSelectWidth]=\"false\"\n (ngModelChange)=\"modelChange($event)\"\n [nzCustomTemplate]=\"customTpl\"\n [nzMaxTagCount]=\"3\"\n>\n <nz-option\n *ngFor=\"let option of item.options\"\n [nzValue]=\"option.value\"\n [nzLabel]=\"option.label\"\n nzCustomContent\n >\n <app-rd-status-field\n *ngIf=\"item.isStatusField; else defaultTpl\"\n [status]=\"option.value\"\n [statusGroupConfigs]=\"statusGroupConfigs\"\n [statusDisplayConfigs]=\"statusDisplayConfigs\"\n ></app-rd-status-field>\n <ng-template #defaultTpl> {{ option.label }}</ng-template>\n </nz-option>\n</nz-select>\n\n<ng-template #customIcon>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.60136 4.90777C2.83639 4.68743 3.20555 4.69934 3.42589 4.93437L8.00033 9.81377L12.5748 4.93437C12.7951 4.69934 13.1643 4.68743 13.3993 4.90777C13.6343 5.12812 13.6462 5.49727 13.4259 5.7323L8.42589 11.0656C8.31561 11.1833 8.16157 11.25 8.00033 11.25C7.83909 11.25 7.68504 11.1833 7.57476 11.0656L2.57476 5.7323C2.35442 5.49727 2.36633 5.12811 2.60136 4.90777Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n\n<ng-template #removeIcon>\n <!-- <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.39645 2.39645C2.59171 2.20118 2.90829 2.20118 3.10355 2.39645L6 5.29289L8.89645 2.39645C9.09171 2.20118 9.40829 2.20118 9.60355 2.39645C9.79882 2.59171 9.79882 2.90829 9.60355 3.10355L6.70711 6L9.60355 8.89645C9.79882 9.09171 9.79882 9.40829 9.60355 9.60355C9.40829 9.79882 9.09171 9.79882 8.89645 9.60355L6 6.70711L3.10355 9.60355C2.90829 9.79882 2.59171 9.79882 2.39645 9.60355C2.20118 9.40829 2.20118 9.09171 2.39645 8.89645L5.29289 6L2.39645 3.10355C2.20118 2.90829 2.20118 2.59171 2.39645 2.39645Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg> -->\n</ng-template>\n\n<ng-template #customTpl let-selected>\n <!-- <app-status-field\n *ngIf=\"item.isStatusField\"\n [status]=\"selected.nzValue\"\n ></app-status-field> -->\n <ng-container>\n {{ selected.nzLabel }}\n </ng-container>\n</ng-template>\n", styles: ["::ng-deep .rd-custom-filter-select{min-width:113px;min-height:32px}::ng-deep .rd-custom-filter-select.ant-select .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500;font-size:14px}::ng-deep .rd-custom-filter-select.ant-select-multiple .ant-select-selection-item{border-radius:4px;background:var(--rd-input-bg-disable);font-size:14px;font-weight:500;color:var(--rd-copy-primary);display:flex;align-items:center;gap:4px}::ng-deep .rd-custom-filter-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove{line-height:1}::ng-deep .rd-custom-filter-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px}::ng-deep .rd-custom-filter-select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px;border:1px solid var(--rd-input-fg-hover);background:var(--rd-input-bg-hover);box-shadow:0 0 0 2px #367af61a}::ng-deep .rd-custom-filter-select .ant-select-selection-placeholder{color:var(--rd-copy-secondary);font-weight:500;font-size:14px}::ng-deep .rd-custom-filter-select .ant-select-selection-item-content{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-custom-filter-select .ant-select-arrow{transition:ease-in-out .2s all;cursor:pointer;pointer-events:initial}::ng-deep .rd-custom-filter-select:hover:has(.ant-select-clear) .ant-select-arrow{opacity:0}::ng-deep .rd-custom-filter-select.ant-select-focused .ant-select-arrow,::ng-deep .rd-custom-filter-select .ant-select-selector:focus-within .ant-select-arrow{transform:rotate(-180deg);transition:transform .2s ease}::ng-deep .rd-custom-filter-select-dropdown .ant-select-dropdown,::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-dropdown{border-radius:4px;background:var(--rd-bg-card);width:-moz-fit-content;width:fit-content;min-width:113px}::ng-deep .rd-custom-filter-select-dropdown .ant-select-item-option,::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option{background-color:transparent;padding:0 6px}::ng-deep .rd-custom-filter-select-dropdown .ant-select-item-option-content,::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option-content{border-radius:4px;padding:0 6px;display:flex;align-items:center;color:var(--rd-copy-primary);font-size:14px;min-height:40px}::ng-deep .rd-custom-filter-select-dropdown .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option-active .ant-select-item-option-content{background:rgba(54,122,246,.1)}::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option-content{border-radius:4px;font-weight:500;color:var(--rd-copy-primary);font-size:14px;padding:0 6px 0 32px;position:relative}::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option-content:before{content:\"\";position:absolute;top:50%;left:6px;width:16px;height:16px;transform:translateY(-50%);border-radius:4px;border:1px solid var(--rd-control-border-empty)}::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option-selected .ant-select-item-option-content:before{background-image:url(/assets/img/icon/checkbox.svg);background-size:contain;background-position:center;background-repeat:no-repeat;border:none}::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option-state{display:none}:host ::ng-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector{background:var(--rd-input-bg-default)!important;border-color:var(--rd-input-fg-default)!important}\n"] }]
2543
- }], propDecorators: { item: [{
2546
+ args: [{ selector: 'app-rd-filter-select', template: "<nz-select\n class=\"rd-custom-filter-select\"\n [ngStyle]=\"{ 'min-width': item.minWidth ? item.minWidth : '132px' }\"\n [nzPlaceHolder]=\"item.title | translate\"\n [nzShowArrow]=\"true\"\n [nzMode]=\"mode\"\n [nzAllowClear]=\"false\"\n [nzDropdownClassName]=\"\n mode === 'multiple'\n ? 'rd-custom-multiple-filter-select-dropdown'\n : 'rd-custom-filter-select-dropdown'\n \"\n [(ngModel)]=\"selectValue\"\n [nzSuffixIcon]=\"customIcon\"\n [nzRemoveIcon]=\"removeIcon\"\n [nzOptionOverflowSize]=\"5\"\n [nzOptionHeightPx]=\"40\"\n [nzDropdownMatchSelectWidth]=\"false\"\n (ngModelChange)=\"modelChange($event)\"\n [nzCustomTemplate]=\"customTpl\"\n [nzMaxTagCount]=\"3\"\n>\n <nz-option\n *ngFor=\"let option of item.options\"\n [nzValue]=\"option.value\"\n [nzLabel]=\"option.label | translate\"\n nzCustomContent\n >\n <app-rd-status-field\n *ngIf=\"item.isStatusField; else defaultTpl\"\n [status]=\"option.value\"\n [statusGroupConfigs]=\"statusGroupConfigs\"\n [statusDisplayConfigs]=\"statusDisplayConfigs\"\n ></app-rd-status-field>\n <ng-template #defaultTpl> {{ option.label | translate }}</ng-template>\n </nz-option>\n</nz-select>\n\n<ng-template #customIcon>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.60136 4.90777C2.83639 4.68743 3.20555 4.69934 3.42589 4.93437L8.00033 9.81377L12.5748 4.93437C12.7951 4.69934 13.1643 4.68743 13.3993 4.90777C13.6343 5.12812 13.6462 5.49727 13.4259 5.7323L8.42589 11.0656C8.31561 11.1833 8.16157 11.25 8.00033 11.25C7.83909 11.25 7.68504 11.1833 7.57476 11.0656L2.57476 5.7323C2.35442 5.49727 2.36633 5.12811 2.60136 4.90777Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n\n<ng-template #removeIcon>\n <!-- <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.39645 2.39645C2.59171 2.20118 2.90829 2.20118 3.10355 2.39645L6 5.29289L8.89645 2.39645C9.09171 2.20118 9.40829 2.20118 9.60355 2.39645C9.79882 2.59171 9.79882 2.90829 9.60355 3.10355L6.70711 6L9.60355 8.89645C9.79882 9.09171 9.79882 9.40829 9.60355 9.60355C9.40829 9.79882 9.09171 9.79882 8.89645 9.60355L6 6.70711L3.10355 9.60355C2.90829 9.79882 2.59171 9.79882 2.39645 9.60355C2.20118 9.40829 2.20118 9.09171 2.39645 8.89645L5.29289 6L2.39645 3.10355C2.20118 2.90829 2.20118 2.59171 2.39645 2.39645Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg> -->\n</ng-template>\n\n<ng-template #customTpl let-selected>\n <!-- <app-status-field\n *ngIf=\"item.isStatusField\"\n [status]=\"selected.nzValue\"\n ></app-status-field> -->\n <ng-container>\n {{ selected.nzLabel | translate }}\n </ng-container>\n</ng-template>\n", styles: ["::ng-deep .rd-custom-filter-select{min-width:113px;min-height:32px}::ng-deep .rd-custom-filter-select.ant-select .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500;font-size:14px}::ng-deep .rd-custom-filter-select.ant-select-multiple .ant-select-selection-item{border-radius:4px;background:var(--rd-input-bg-disable);font-size:14px;font-weight:500;color:var(--rd-copy-primary);display:flex;align-items:center;gap:4px}::ng-deep .rd-custom-filter-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove{line-height:1}::ng-deep .rd-custom-filter-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px}::ng-deep .rd-custom-filter-select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px;border:1px solid var(--rd-input-fg-hover);background:var(--rd-input-bg-hover);box-shadow:0 0 0 2px #367af61a}::ng-deep .rd-custom-filter-select .ant-select-selection-placeholder{color:var(--rd-copy-secondary);font-weight:500;font-size:14px}::ng-deep .rd-custom-filter-select .ant-select-selection-item-content{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-custom-filter-select .ant-select-arrow{transition:ease-in-out .2s all;cursor:pointer;pointer-events:initial}::ng-deep .rd-custom-filter-select:hover:has(.ant-select-clear) .ant-select-arrow{opacity:0}::ng-deep .rd-custom-filter-select.ant-select-focused .ant-select-arrow,::ng-deep .rd-custom-filter-select .ant-select-selector:focus-within .ant-select-arrow{transform:rotate(-180deg);transition:transform .2s ease}::ng-deep .rd-custom-filter-select-dropdown .ant-select-dropdown,::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-dropdown{border-radius:4px;background:var(--rd-bg-card);width:-moz-fit-content;width:fit-content;min-width:113px}::ng-deep .rd-custom-filter-select-dropdown .ant-select-item-option,::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option{background-color:transparent;padding:0 6px}::ng-deep .rd-custom-filter-select-dropdown .ant-select-item-option-content,::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option-content{border-radius:4px;padding:0 6px;display:flex;align-items:center;color:var(--rd-copy-primary);font-size:14px;min-height:40px}::ng-deep .rd-custom-filter-select-dropdown .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option-active .ant-select-item-option-content{background:rgba(54,122,246,.1)}::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option-content{border-radius:4px;font-weight:500;color:var(--rd-copy-primary);font-size:14px;padding:0 6px 0 32px;position:relative}::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option-content:before{content:\"\";position:absolute;top:50%;left:6px;width:16px;height:16px;transform:translateY(-50%);border-radius:4px;border:1px solid var(--rd-control-border-empty)}::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option-selected .ant-select-item-option-content:before{background-image:url(/assets/img/icon/checkbox.svg);background-size:contain;background-position:center;background-repeat:no-repeat;border:none}::ng-deep .rd-custom-multiple-filter-select-dropdown .ant-select-item-option-state{display:none}:host ::ng-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector{background:var(--rd-input-bg-default)!important;border-color:var(--rd-input-fg-default)!important}\n"] }]
2547
+ }], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { item: [{
2544
2548
  type: Input
2545
2549
  }], handleChangeValue: [{
2546
2550
  type: Output
@@ -2574,7 +2578,8 @@ RdFilterSelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
2574
2578
  NzButtonModule,
2575
2579
  NzInputModule,
2576
2580
  FormsModule,
2577
- RdStatusFieldModule], exports: [RdFilterSelectComponent] });
2581
+ RdStatusFieldModule,
2582
+ TranslateModule], exports: [RdFilterSelectComponent] });
2578
2583
  RdFilterSelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdFilterSelectModule, imports: [CommonModule,
2579
2584
  NzDatePickerModule,
2580
2585
  NzDropDownModule,
@@ -2582,7 +2587,8 @@ RdFilterSelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
2582
2587
  NzButtonModule,
2583
2588
  NzInputModule,
2584
2589
  FormsModule,
2585
- RdStatusFieldModule] });
2590
+ RdStatusFieldModule,
2591
+ TranslateModule] });
2586
2592
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdFilterSelectModule, decorators: [{
2587
2593
  type: NgModule,
2588
2594
  args: [{
@@ -2596,6 +2602,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
2596
2602
  NzInputModule,
2597
2603
  FormsModule,
2598
2604
  RdStatusFieldModule,
2605
+ TranslateModule,
2599
2606
  ],
2600
2607
  exports: [RdFilterSelectComponent],
2601
2608
  }]
@@ -2680,7 +2687,7 @@ class RdFilterDateComponent {
2680
2687
  }
2681
2688
  }
2682
2689
  RdFilterDateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdFilterDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2683
- RdFilterDateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdFilterDateComponent, selector: "app-rd-filter-date", inputs: { item: "item" }, outputs: { handleChangeValue: "handleChangeValue" }, viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["datePicker"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n class=\"rd-date-picker-container\"\n [ngClass]=\"{ 'rd-date-picker-focus': isPickerOpen }\"\n *ngIf=\"item\"\n>\n <nz-range-picker\n [(ngModel)]=\"inputValue\"\n (ngModelChange)=\"onDateChange($event)\"\n (nzOnOpenChange)=\"onOpenChange($event)\"\n [nzFormat]=\"'yyyy-MM-dd'\"\n [nzShowTime]=\"false\"\n [nzAllowClear]=\"false\"\n [nzPlaceHolder]=\"['From', 'To']\"\n class=\"rd-range-picker\"\n [nzDisabledDate]=\"disabledDate\"\n [nzSuffixIcon]=\"customIcon\"\n [nzDropdownClassName]=\"popupClassName\"\n [nzSeparator]=\"'-'\"\n nzSuffixIcon=\"\"\n #datePicker\n [ngClass]=\"{ 'rd-hidden-range-picker': !item.value?.length }\"\n ></nz-range-picker>\n\n <div\n *ngIf=\"!item?.value?.length\"\n class=\"rd-placeholder-box\"\n [ngClass]=\"{ 'rd-placeholder-box-focus': isPickerOpen }\"\n (click)=\"openPicker()\"\n >\n {{ item.title }}\n <ng-container *ngTemplateOutlet=\"customIcon\"></ng-container>\n </div>\n\n <ng-template #customIcon>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.60136 4.90777C2.83639 4.68743 3.20555 4.69934 3.42589 4.93437L8.00033 9.81377L12.5748 4.93437C12.7951 4.69934 13.1643 4.68743 13.3993 4.90777C13.6343 5.12812 13.6462 5.49727 13.4259 5.7323L8.42589 11.0656C8.31561 11.1833 8.16157 11.25 8.00033 11.25C7.83909 11.25 7.68504 11.1833 7.57476 11.0656L2.57476 5.7323C2.35442 5.49727 2.36633 5.12811 2.60136 4.90777Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n </ng-template>\n</div>\n", styles: ["@charset \"UTF-8\";.rd-date-picker-container{position:relative}.rd-range-picker{width:auto;border:1px solid var(--rd-input-fg-default);background:var(--rd-input-bg-default);border-radius:4px}.rd-hidden-range-picker{position:absolute;top:0;left:0;width:100%;height:100%}.rd-placeholder-box{height:32px;padding:0 12px;color:var(--rd-copy-secondary);background:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:12px;width:-moz-fit-content;width:fit-content;white-space:nowrap;position:relative;top:0;transition:ease-in-out .2s all;font-weight:500}.rd-placeholder-box svg{transition:transform .2s ease;cursor:pointer}.rd-placeholder-box-focus{border-color:var(--rd-input-fg-hover)}.rd-placeholder-box-focus ::ng-deep svg{transform:rotate(-180deg)}.rd-placeholder-box:hover{border-color:var(--rd-input-fg-hover)}.rd-hidden-range-picker{opacity:0;width:132px}::ng-deep .rd-range-picker .ant-picker-suffix{color:var(--rd-copy-primary)}::ng-deep .rd-range-picker .ant-picker-suffix svg{transition:transform .2s ease;cursor:pointer;pointer-events:initial}::ng-deep .rd-range-picker.ant-picker:hover,::ng-deep .rd-range-picker.ant-picker-focused{box-shadow:none;border-color:var(--rd-input-fg-hover)}::ng-deep .rd-range-picker .ant-picker-active-bar{display:none}::ng-deep .rd-range-picker .ant-picker-input input{field-sizing:content;font-weight:500;color:var(--rd-copy-primary)}::ng-deep .rd-range-picker .ant-picker-separator{width:-moz-fit-content;width:fit-content;color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-focus .ant-picker-suffix svg{pointer-events:none;transform:rotate(-180deg)}::ng-deep .rd-date-picker-popup.ant-picker-dropdown-range{padding:0}::ng-deep .rd-date-picker-popup .ant-picker-range-arrow{display:none}::ng-deep .rd-date-picker-popup .ant-picker-panel-container{border-radius:4px;background-color:var(--rd-bg-card)}::ng-deep .rd-date-picker-popup .ant-picker-panel{border:1px solid var(--rd-bg-panel-border);background-color:var(--rd-bg-card)}::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon,::ng-deep .rd-date-picker-popup .ant-picker-header-next-btn,::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon,::ng-deep .rd-date-picker-popup .ant-picker-header-prev-btn{color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-popup .ant-picker-prev-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-next-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon:after,::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon:after{border:0 solid var(--rd-copy-primary);border-width:1.5px 0 0 1.5px}::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon:after,::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon:after{top:2px;left:2px}::ng-deep .rd-date-picker-popup .ant-picker-header-view button{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header{border-bottom:none;color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header-view{display:flex;flex-direction:row-reverse;justify-content:center;gap:8px}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-month-btn{order:2}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-year-btn{order:1}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-panel+.ant-picker-panel .ant-picker-body{border-left:1px solid var(--rd-bg-panel-border)}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell{color:var(--rd-copy-disable);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell-in-view{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-body th{color:var(--rd-copy-secondary);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-cell:not(.ant-picker-cell-in-view) .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view .ant-picker-cell-inner{color:var(--rd-copy-primary)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-disabled) .ant-picker-cell-inner{background:var(--rd-input-bg-dropdown-hover);border:1px solid var(--rd-control-border-hover)}::ng-deep .rd-date-picker-popup .ant-picker-cell-disabled .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-disabled:before{background-color:var(--rd-input-bg-disable)}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-in-range:before{background-color:var(--rd-toast-accent-info)}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner{border-radius:4px!important;background-color:var(--rd-control-input-selected);color:var(--rd-btn-solid-primary-fg-default)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{border-radius:4px!important}\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: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { kind: "directive", type: i4.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }, { kind: "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"] }] });
2690
+ RdFilterDateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdFilterDateComponent, selector: "app-rd-filter-date", inputs: { item: "item" }, outputs: { handleChangeValue: "handleChangeValue" }, viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["datePicker"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n class=\"rd-date-picker-container\"\n [ngClass]=\"{ 'rd-date-picker-focus': isPickerOpen }\"\n *ngIf=\"item\"\n>\n <nz-range-picker\n [(ngModel)]=\"inputValue\"\n (ngModelChange)=\"onDateChange($event)\"\n (nzOnOpenChange)=\"onOpenChange($event)\"\n [nzFormat]=\"'yyyy-MM-dd'\"\n [nzShowTime]=\"false\"\n [nzAllowClear]=\"false\"\n [nzPlaceHolder]=\"['From', 'To']\"\n class=\"rd-range-picker\"\n [nzDisabledDate]=\"disabledDate\"\n [nzSuffixIcon]=\"customIcon\"\n [nzDropdownClassName]=\"popupClassName\"\n [nzSeparator]=\"'-'\"\n nzSuffixIcon=\"\"\n #datePicker\n [ngClass]=\"{ 'rd-hidden-range-picker': !item.value?.length }\"\n ></nz-range-picker>\n\n <div\n *ngIf=\"!item?.value?.length\"\n class=\"rd-placeholder-box\"\n [ngClass]=\"{ 'rd-placeholder-box-focus': isPickerOpen }\"\n (click)=\"openPicker()\"\n >\n {{ item.title }}\n <ng-container *ngTemplateOutlet=\"customIcon\"></ng-container>\n </div>\n\n <ng-template #customIcon>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.60136 4.90777C2.83639 4.68743 3.20555 4.69934 3.42589 4.93437L8.00033 9.81377L12.5748 4.93437C12.7951 4.69934 13.1643 4.68743 13.3993 4.90777C13.6343 5.12812 13.6462 5.49727 13.4259 5.7323L8.42589 11.0656C8.31561 11.1833 8.16157 11.25 8.00033 11.25C7.83909 11.25 7.68504 11.1833 7.57476 11.0656L2.57476 5.7323C2.35442 5.49727 2.36633 5.12811 2.60136 4.90777Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n </ng-template>\n</div>\n", styles: ["@charset \"UTF-8\";.rd-date-picker-container{position:relative}.rd-range-picker{width:auto;border:1px solid var(--rd-input-fg-default);background:var(--rd-input-bg-default);border-radius:4px}.rd-hidden-range-picker{position:absolute;top:0;left:0;width:100%;height:100%}.rd-placeholder-box{height:32px;padding:0 12px;color:var(--rd-copy-secondary);background:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:12px;width:-moz-fit-content;width:fit-content;white-space:nowrap;position:relative;top:0;transition:ease-in-out .2s all;font-weight:500}.rd-placeholder-box svg{transition:transform .2s ease;cursor:pointer}.rd-placeholder-box-focus{border-color:var(--rd-input-fg-hover)}.rd-placeholder-box-focus ::ng-deep svg{transform:rotate(-180deg)}.rd-placeholder-box:hover{border-color:var(--rd-input-fg-hover)}.rd-hidden-range-picker{opacity:0;width:132px}::ng-deep .rd-range-picker .ant-picker-suffix{color:var(--rd-copy-primary)}::ng-deep .rd-range-picker .ant-picker-suffix svg{transition:transform .2s ease;cursor:pointer;pointer-events:initial}::ng-deep .rd-range-picker.ant-picker:hover,::ng-deep .rd-range-picker.ant-picker-focused{box-shadow:none;border-color:var(--rd-input-fg-hover)}::ng-deep .rd-range-picker .ant-picker-active-bar{display:none}::ng-deep .rd-range-picker .ant-picker-input input{field-sizing:content;font-weight:500;color:var(--rd-copy-primary)}::ng-deep .rd-range-picker .ant-picker-separator{width:-moz-fit-content;width:fit-content;color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-focus .ant-picker-suffix svg{pointer-events:none;transform:rotate(-180deg)}::ng-deep .rd-date-picker-popup.ant-picker-dropdown-range{padding:0}::ng-deep .rd-date-picker-popup .ant-picker-range-arrow{display:none}::ng-deep .rd-date-picker-popup .ant-picker-panel-container{border-radius:4px;background-color:var(--rd-bg-card)}::ng-deep .rd-date-picker-popup .ant-picker-panel{border:1px solid var(--rd-bg-panel-border);background-color:var(--rd-bg-card)}::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon,::ng-deep .rd-date-picker-popup .ant-picker-header-next-btn,::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon,::ng-deep .rd-date-picker-popup .ant-picker-header-prev-btn{color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-popup .ant-picker-prev-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-next-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon:after,::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon:after{border:0 solid var(--rd-copy-primary);border-width:1.5px 0 0 1.5px}::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon:after,::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon:after{top:2px;left:2px}::ng-deep .rd-date-picker-popup .ant-picker-header-view button{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header{border-bottom:none;color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header-view{display:flex;flex-direction:row-reverse;justify-content:center;gap:8px}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-month-btn{order:2}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-year-btn{order:1}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-panel+.ant-picker-panel .ant-picker-body{border-left:1px solid var(--rd-bg-panel-border)}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell{color:var(--rd-copy-disable);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell-in-view{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-body th{color:var(--rd-copy-secondary);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-cell:not(.ant-picker-cell-in-view) .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view .ant-picker-cell-inner{color:var(--rd-copy-primary)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-disabled) .ant-picker-cell-inner{background:var(--rd-input-bg-dropdown-hover);border:1px solid var(--rd-control-border-hover)}::ng-deep .rd-date-picker-popup .ant-picker-cell-disabled .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-disabled:before{background-color:var(--rd-input-bg-disable)}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-in-range:before{background-color:var(--rd-toast-accent-info)}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner{border-radius:4px!important;background-color:var(--rd-control-input-selected);color:var(--rd-btn-solid-primary-fg-default)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{border-radius:4px!important}\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: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { kind: "directive", type: i4.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }, { kind: "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"] }] });
2684
2691
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdFilterDateComponent, decorators: [{
2685
2692
  type: Component,
2686
2693
  args: [{ selector: 'app-rd-filter-date', template: "<div\n class=\"rd-date-picker-container\"\n [ngClass]=\"{ 'rd-date-picker-focus': isPickerOpen }\"\n *ngIf=\"item\"\n>\n <nz-range-picker\n [(ngModel)]=\"inputValue\"\n (ngModelChange)=\"onDateChange($event)\"\n (nzOnOpenChange)=\"onOpenChange($event)\"\n [nzFormat]=\"'yyyy-MM-dd'\"\n [nzShowTime]=\"false\"\n [nzAllowClear]=\"false\"\n [nzPlaceHolder]=\"['From', 'To']\"\n class=\"rd-range-picker\"\n [nzDisabledDate]=\"disabledDate\"\n [nzSuffixIcon]=\"customIcon\"\n [nzDropdownClassName]=\"popupClassName\"\n [nzSeparator]=\"'-'\"\n nzSuffixIcon=\"\"\n #datePicker\n [ngClass]=\"{ 'rd-hidden-range-picker': !item.value?.length }\"\n ></nz-range-picker>\n\n <div\n *ngIf=\"!item?.value?.length\"\n class=\"rd-placeholder-box\"\n [ngClass]=\"{ 'rd-placeholder-box-focus': isPickerOpen }\"\n (click)=\"openPicker()\"\n >\n {{ item.title }}\n <ng-container *ngTemplateOutlet=\"customIcon\"></ng-container>\n </div>\n\n <ng-template #customIcon>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.60136 4.90777C2.83639 4.68743 3.20555 4.69934 3.42589 4.93437L8.00033 9.81377L12.5748 4.93437C12.7951 4.69934 13.1643 4.68743 13.3993 4.90777C13.6343 5.12812 13.6462 5.49727 13.4259 5.7323L8.42589 11.0656C8.31561 11.1833 8.16157 11.25 8.00033 11.25C7.83909 11.25 7.68504 11.1833 7.57476 11.0656L2.57476 5.7323C2.35442 5.49727 2.36633 5.12811 2.60136 4.90777Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n </ng-template>\n</div>\n", styles: ["@charset \"UTF-8\";.rd-date-picker-container{position:relative}.rd-range-picker{width:auto;border:1px solid var(--rd-input-fg-default);background:var(--rd-input-bg-default);border-radius:4px}.rd-hidden-range-picker{position:absolute;top:0;left:0;width:100%;height:100%}.rd-placeholder-box{height:32px;padding:0 12px;color:var(--rd-copy-secondary);background:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:12px;width:-moz-fit-content;width:fit-content;white-space:nowrap;position:relative;top:0;transition:ease-in-out .2s all;font-weight:500}.rd-placeholder-box svg{transition:transform .2s ease;cursor:pointer}.rd-placeholder-box-focus{border-color:var(--rd-input-fg-hover)}.rd-placeholder-box-focus ::ng-deep svg{transform:rotate(-180deg)}.rd-placeholder-box:hover{border-color:var(--rd-input-fg-hover)}.rd-hidden-range-picker{opacity:0;width:132px}::ng-deep .rd-range-picker .ant-picker-suffix{color:var(--rd-copy-primary)}::ng-deep .rd-range-picker .ant-picker-suffix svg{transition:transform .2s ease;cursor:pointer;pointer-events:initial}::ng-deep .rd-range-picker.ant-picker:hover,::ng-deep .rd-range-picker.ant-picker-focused{box-shadow:none;border-color:var(--rd-input-fg-hover)}::ng-deep .rd-range-picker .ant-picker-active-bar{display:none}::ng-deep .rd-range-picker .ant-picker-input input{field-sizing:content;font-weight:500;color:var(--rd-copy-primary)}::ng-deep .rd-range-picker .ant-picker-separator{width:-moz-fit-content;width:fit-content;color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-focus .ant-picker-suffix svg{pointer-events:none;transform:rotate(-180deg)}::ng-deep .rd-date-picker-popup.ant-picker-dropdown-range{padding:0}::ng-deep .rd-date-picker-popup .ant-picker-range-arrow{display:none}::ng-deep .rd-date-picker-popup .ant-picker-panel-container{border-radius:4px;background-color:var(--rd-bg-card)}::ng-deep .rd-date-picker-popup .ant-picker-panel{border:1px solid var(--rd-bg-panel-border);background-color:var(--rd-bg-card)}::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon,::ng-deep .rd-date-picker-popup .ant-picker-header-next-btn,::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon,::ng-deep .rd-date-picker-popup .ant-picker-header-prev-btn{color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-popup .ant-picker-prev-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-next-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon:after,::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon:after{border:0 solid var(--rd-copy-primary);border-width:1.5px 0 0 1.5px}::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon:after,::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon:after{top:2px;left:2px}::ng-deep .rd-date-picker-popup .ant-picker-header-view button{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header{border-bottom:none;color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header-view{display:flex;flex-direction:row-reverse;justify-content:center;gap:8px}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-month-btn{order:2}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-year-btn{order:1}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-panel+.ant-picker-panel .ant-picker-body{border-left:1px solid var(--rd-bg-panel-border)}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell{color:var(--rd-copy-disable);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell-in-view{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-body th{color:var(--rd-copy-secondary);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-cell:not(.ant-picker-cell-in-view) .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view .ant-picker-cell-inner{color:var(--rd-copy-primary)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-disabled) .ant-picker-cell-inner{background:var(--rd-input-bg-dropdown-hover);border:1px solid var(--rd-control-border-hover)}::ng-deep .rd-date-picker-popup .ant-picker-cell-disabled .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-disabled:before{background-color:var(--rd-input-bg-disable)}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-in-range:before{background-color:var(--rd-toast-accent-info)}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner{border-radius:4px!important;background-color:var(--rd-control-input-selected);color:var(--rd-btn-solid-primary-fg-default)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{border-radius:4px!important}\n"] }]
@@ -2709,7 +2716,8 @@ function debounce(delay = 300) {
2709
2716
  }
2710
2717
 
2711
2718
  class RdFilterInputComponent {
2712
- constructor() {
2719
+ constructor(translate) {
2720
+ this.translate = translate;
2713
2721
  this.handleChangeValue = new EventEmitter();
2714
2722
  this.inputValue = '';
2715
2723
  }
@@ -2726,15 +2734,15 @@ class RdFilterInputComponent {
2726
2734
  this.handleChangeValue.emit(e);
2727
2735
  }
2728
2736
  }
2729
- RdFilterInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdFilterInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2730
- RdFilterInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdFilterInputComponent, selector: "app-rd-filter-input", inputs: { item: "item" }, outputs: { handleChangeValue: "handleChangeValue" }, usesOnChanges: true, ngImport: i0, template: "<div\n class=\"rd-input-container\"\n [ngStyle]=\"{ 'min-width': item.minWidth ? item.minWidth : '150px' }\"\n>\n <nz-input-group [nzPrefix]=\"prefixIconSearch\">\n <input\n type=\"text\"\n nz-input\n [placeholder]=\"item.title\"\n [(ngModel)]=\"item.value\"\n (ngModelChange)=\"handleValueChange($event)\"\n />\n </nz-input-group>\n</div>\n\n<ng-template #prefixIconSearch>\n <svg\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 d=\"M14.4951 13.6938L11.3962 10.5949C12.3175 9.46805 12.7704 8.03024 12.6613 6.57885C12.5522 5.12746 11.8894 3.77353 10.81 2.7971C9.73066 1.82066 8.3173 1.29643 6.86227 1.33283C5.40723 1.36923 4.02185 1.96348 2.99266 2.99266C1.96348 4.02184 1.36923 5.40722 1.33283 6.86225C1.29643 8.31728 1.82066 9.73064 2.7971 10.81C3.77354 11.8894 5.12747 12.5521 6.57887 12.6612C8.03026 12.7703 9.46807 12.3174 10.5949 11.3962L13.6938 14.5022C13.8027 14.6063 13.9474 14.6647 14.098 14.6653C14.2105 14.6651 14.3204 14.6315 14.4138 14.5687C14.5071 14.5059 14.5796 14.4168 14.6222 14.3126C14.6648 14.2085 14.6754 14.0941 14.6528 13.9839C14.6302 13.8737 14.5753 13.7727 14.4951 13.6938ZM7.00667 11.5451C6.10905 11.5451 5.23158 11.2789 4.48523 10.7802C3.73889 10.2816 3.15718 9.57274 2.81367 8.74345C2.47017 7.91416 2.38029 7.00162 2.55541 6.12125C2.73053 5.24087 3.16277 4.4322 3.79749 3.79748C4.43221 3.16277 5.24088 2.73052 6.12126 2.55541C7.00164 2.38029 7.91417 2.47017 8.74347 2.81367C9.57277 3.15718 10.2816 3.73888 10.7803 4.48523C11.279 5.23157 11.5451 6.10904 11.5451 7.00666C11.5433 8.20976 11.0645 9.36304 10.2138 10.2138C9.36306 11.0645 8.20977 11.5432 7.00667 11.5451Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n", styles: ["::ng-deep .rd-input-container nz-input-group{background:var(--rd-input-bg-default);border-color:var(--rd-input-fg-default)}::ng-deep .rd-input-container nz-input-group input{color:var(--rd-copy-primary);background:var(--rd-input-bg-default)}::ng-deep .ant-input-affix-wrapper{border-radius:4px}::ng-deep .ant-input-affix-wrapper:focus,::ng-deep .ant-input-affix-wrapper-focused{border-radius:4px;border:1px solid var(--rd-input-fg-hover)!important;background:var(--rd-input-bg-hover);box-shadow:0 0 0 2px #367af61a}.ant-input::placeholder{color:var(--rd-copy-secondary)}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3$1.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i4$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i4$1.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i4$1.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { 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"] }] });
2737
+ RdFilterInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdFilterInputComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
2738
+ RdFilterInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdFilterInputComponent, selector: "app-rd-filter-input", inputs: { item: "item" }, outputs: { handleChangeValue: "handleChangeValue" }, usesOnChanges: true, ngImport: i0, template: "<div\n class=\"rd-input-container\"\n [ngStyle]=\"{ 'min-width': item.minWidth ? item.minWidth : '150px' }\"\n>\n <nz-input-group [nzPrefix]=\"prefixIconSearch\">\n <input\n type=\"text\"\n nz-input\n [placeholder]=\"item.title | translate\"\n [(ngModel)]=\"item.value\"\n (ngModelChange)=\"handleValueChange($event)\"\n />\n </nz-input-group>\n</div>\n\n<ng-template #prefixIconSearch>\n <svg\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 d=\"M14.4951 13.6938L11.3962 10.5949C12.3175 9.46805 12.7704 8.03024 12.6613 6.57885C12.5522 5.12746 11.8894 3.77353 10.81 2.7971C9.73066 1.82066 8.3173 1.29643 6.86227 1.33283C5.40723 1.36923 4.02185 1.96348 2.99266 2.99266C1.96348 4.02184 1.36923 5.40722 1.33283 6.86225C1.29643 8.31728 1.82066 9.73064 2.7971 10.81C3.77354 11.8894 5.12747 12.5521 6.57887 12.6612C8.03026 12.7703 9.46807 12.3174 10.5949 11.3962L13.6938 14.5022C13.8027 14.6063 13.9474 14.6647 14.098 14.6653C14.2105 14.6651 14.3204 14.6315 14.4138 14.5687C14.5071 14.5059 14.5796 14.4168 14.6222 14.3126C14.6648 14.2085 14.6754 14.0941 14.6528 13.9839C14.6302 13.8737 14.5753 13.7727 14.4951 13.6938ZM7.00667 11.5451C6.10905 11.5451 5.23158 11.2789 4.48523 10.7802C3.73889 10.2816 3.15718 9.57274 2.81367 8.74345C2.47017 7.91416 2.38029 7.00162 2.55541 6.12125C2.73053 5.24087 3.16277 4.4322 3.79749 3.79748C4.43221 3.16277 5.24088 2.73052 6.12126 2.55541C7.00164 2.38029 7.91417 2.47017 8.74347 2.81367C9.57277 3.15718 10.2816 3.73888 10.7803 4.48523C11.279 5.23157 11.5451 6.10904 11.5451 7.00666C11.5433 8.20976 11.0645 9.36304 10.2138 10.2138C9.36306 11.0645 8.20977 11.5432 7.00667 11.5451Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n", styles: ["::ng-deep .rd-input-container nz-input-group{background:var(--rd-input-bg-default);border-color:var(--rd-input-fg-default)}::ng-deep .rd-input-container nz-input-group input{color:var(--rd-copy-primary);background:var(--rd-input-bg-default)}::ng-deep .ant-input-affix-wrapper{border-radius:4px}::ng-deep .ant-input-affix-wrapper:focus,::ng-deep .ant-input-affix-wrapper-focused{border-radius:4px;border:1px solid var(--rd-input-fg-hover)!important;background:var(--rd-input-bg-hover);box-shadow:0 0 0 2px #367af61a}.ant-input::placeholder{color:var(--rd-copy-secondary)}\n"], dependencies: [{ kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3$1.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i4$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i4$1.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i4$1.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { 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: "pipe", type: i1.TranslatePipe, name: "translate" }] });
2731
2739
  __decorate([
2732
2740
  debounce()
2733
2741
  ], RdFilterInputComponent.prototype, "handleValueChange", null);
2734
2742
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdFilterInputComponent, decorators: [{
2735
2743
  type: Component,
2736
- args: [{ selector: 'app-rd-filter-input', template: "<div\n class=\"rd-input-container\"\n [ngStyle]=\"{ 'min-width': item.minWidth ? item.minWidth : '150px' }\"\n>\n <nz-input-group [nzPrefix]=\"prefixIconSearch\">\n <input\n type=\"text\"\n nz-input\n [placeholder]=\"item.title\"\n [(ngModel)]=\"item.value\"\n (ngModelChange)=\"handleValueChange($event)\"\n />\n </nz-input-group>\n</div>\n\n<ng-template #prefixIconSearch>\n <svg\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 d=\"M14.4951 13.6938L11.3962 10.5949C12.3175 9.46805 12.7704 8.03024 12.6613 6.57885C12.5522 5.12746 11.8894 3.77353 10.81 2.7971C9.73066 1.82066 8.3173 1.29643 6.86227 1.33283C5.40723 1.36923 4.02185 1.96348 2.99266 2.99266C1.96348 4.02184 1.36923 5.40722 1.33283 6.86225C1.29643 8.31728 1.82066 9.73064 2.7971 10.81C3.77354 11.8894 5.12747 12.5521 6.57887 12.6612C8.03026 12.7703 9.46807 12.3174 10.5949 11.3962L13.6938 14.5022C13.8027 14.6063 13.9474 14.6647 14.098 14.6653C14.2105 14.6651 14.3204 14.6315 14.4138 14.5687C14.5071 14.5059 14.5796 14.4168 14.6222 14.3126C14.6648 14.2085 14.6754 14.0941 14.6528 13.9839C14.6302 13.8737 14.5753 13.7727 14.4951 13.6938ZM7.00667 11.5451C6.10905 11.5451 5.23158 11.2789 4.48523 10.7802C3.73889 10.2816 3.15718 9.57274 2.81367 8.74345C2.47017 7.91416 2.38029 7.00162 2.55541 6.12125C2.73053 5.24087 3.16277 4.4322 3.79749 3.79748C4.43221 3.16277 5.24088 2.73052 6.12126 2.55541C7.00164 2.38029 7.91417 2.47017 8.74347 2.81367C9.57277 3.15718 10.2816 3.73888 10.7803 4.48523C11.279 5.23157 11.5451 6.10904 11.5451 7.00666C11.5433 8.20976 11.0645 9.36304 10.2138 10.2138C9.36306 11.0645 8.20977 11.5432 7.00667 11.5451Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n", styles: ["::ng-deep .rd-input-container nz-input-group{background:var(--rd-input-bg-default);border-color:var(--rd-input-fg-default)}::ng-deep .rd-input-container nz-input-group input{color:var(--rd-copy-primary);background:var(--rd-input-bg-default)}::ng-deep .ant-input-affix-wrapper{border-radius:4px}::ng-deep .ant-input-affix-wrapper:focus,::ng-deep .ant-input-affix-wrapper-focused{border-radius:4px;border:1px solid var(--rd-input-fg-hover)!important;background:var(--rd-input-bg-hover);box-shadow:0 0 0 2px #367af61a}.ant-input::placeholder{color:var(--rd-copy-secondary)}\n"] }]
2737
- }], propDecorators: { item: [{
2744
+ args: [{ selector: 'app-rd-filter-input', template: "<div\n class=\"rd-input-container\"\n [ngStyle]=\"{ 'min-width': item.minWidth ? item.minWidth : '150px' }\"\n>\n <nz-input-group [nzPrefix]=\"prefixIconSearch\">\n <input\n type=\"text\"\n nz-input\n [placeholder]=\"item.title | translate\"\n [(ngModel)]=\"item.value\"\n (ngModelChange)=\"handleValueChange($event)\"\n />\n </nz-input-group>\n</div>\n\n<ng-template #prefixIconSearch>\n <svg\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 d=\"M14.4951 13.6938L11.3962 10.5949C12.3175 9.46805 12.7704 8.03024 12.6613 6.57885C12.5522 5.12746 11.8894 3.77353 10.81 2.7971C9.73066 1.82066 8.3173 1.29643 6.86227 1.33283C5.40723 1.36923 4.02185 1.96348 2.99266 2.99266C1.96348 4.02184 1.36923 5.40722 1.33283 6.86225C1.29643 8.31728 1.82066 9.73064 2.7971 10.81C3.77354 11.8894 5.12747 12.5521 6.57887 12.6612C8.03026 12.7703 9.46807 12.3174 10.5949 11.3962L13.6938 14.5022C13.8027 14.6063 13.9474 14.6647 14.098 14.6653C14.2105 14.6651 14.3204 14.6315 14.4138 14.5687C14.5071 14.5059 14.5796 14.4168 14.6222 14.3126C14.6648 14.2085 14.6754 14.0941 14.6528 13.9839C14.6302 13.8737 14.5753 13.7727 14.4951 13.6938ZM7.00667 11.5451C6.10905 11.5451 5.23158 11.2789 4.48523 10.7802C3.73889 10.2816 3.15718 9.57274 2.81367 8.74345C2.47017 7.91416 2.38029 7.00162 2.55541 6.12125C2.73053 5.24087 3.16277 4.4322 3.79749 3.79748C4.43221 3.16277 5.24088 2.73052 6.12126 2.55541C7.00164 2.38029 7.91417 2.47017 8.74347 2.81367C9.57277 3.15718 10.2816 3.73888 10.7803 4.48523C11.279 5.23157 11.5451 6.10904 11.5451 7.00666C11.5433 8.20976 11.0645 9.36304 10.2138 10.2138C9.36306 11.0645 8.20977 11.5432 7.00667 11.5451Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n", styles: ["::ng-deep .rd-input-container nz-input-group{background:var(--rd-input-bg-default);border-color:var(--rd-input-fg-default)}::ng-deep .rd-input-container nz-input-group input{color:var(--rd-copy-primary);background:var(--rd-input-bg-default)}::ng-deep .ant-input-affix-wrapper{border-radius:4px}::ng-deep .ant-input-affix-wrapper:focus,::ng-deep .ant-input-affix-wrapper-focused{border-radius:4px;border:1px solid var(--rd-input-fg-hover)!important;background:var(--rd-input-bg-hover);box-shadow:0 0 0 2px #367af61a}.ant-input::placeholder{color:var(--rd-copy-secondary)}\n"] }]
2745
+ }], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { item: [{
2738
2746
  type: Input
2739
2747
  }], handleChangeValue: [{
2740
2748
  type: Output
@@ -2767,7 +2775,7 @@ class RdFilterComponent {
2767
2775
  }
2768
2776
  }
2769
2777
  RdFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdFilterComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
2770
- RdFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdFilterComponent, selector: "app-rd-filter", inputs: { lang: "lang", filterArr: "filterArr", statusDisplayConfigs: "statusDisplayConfigs", statusGroupConfigs: "statusGroupConfigs", clearText: "clearText" }, outputs: { defSearchChange: "defSearchChange", clearFilter: "clearFilter" }, ngImport: i0, template: "<div class=\"rd-custom-filter-wrap\" *ngIf=\"filterArr?.length\">\n <ng-container *ngFor=\"let item of filterArr\">\n <ng-container [ngSwitch]=\"item.formType\">\n <app-rd-filter-date\n *ngSwitchCase=\"filterTypeEnum.date\"\n [item]=\"item\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n >\n </app-rd-filter-date>\n <app-rd-filter-select\n *ngSwitchCase=\"filterTypeEnum.select\"\n [item]=\"item\"\n [statusGroupConfigs]=\"statusGroupConfigs\"\n [statusDisplayConfigs]=\"statusDisplayConfigs\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n ></app-rd-filter-select>\n <app-rd-filter-input\n *ngSwitchCase=\"filterTypeEnum.input\"\n [item]=\"item\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n ></app-rd-filter-input>\n </ng-container>\n </ng-container>\n <button\n [disabled]=\"!isClearAble\"\n (click)=\"clear()\"\n class=\"rd-custom-filter-clear\"\n nz-button\n nzType=\"link\"\n >\n {{ getClearTrans() }}\n </button>\n</div>\n", styles: [".rd-custom-filter-wrap{display:flex;align-items:center;gap:8px;padding-top:12px;padding-bottom:12px}.rd-custom-filter-clear{font-size:13px;font-weight:600;color:var(--rd-copy-brand);padding:0}.rd-custom-filter-clear:disabled{color:var(--rd-copy-disable)}\n", "input{border:none}textarea[disabled]{background:var(--input-bg-disable)!important}.rd-form-item{position:relative;border-radius:12px;padding:2px 0;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;height:64px}.rd-form-item .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}.rd-form-item-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;padding:22px 16px 12px;height:52px;border-radius:12px}.rd-form-item-input:focus,.rd-form-item-input:not(:placeholder-shown){top:10px}.rd-form-item .rd-form-item-input:focus~.rd-form-item-label,.rd-form-item .rd-form-item-input:not(:placeholder-shown)~.rd-form-item-label{top:18px;font-size:12px}.rd-form-item-select{width:100%}.rd-form-item-select ::ng-deep .ant-select-selection-item{color:var(--rd-copy-primary);font-size:14px;font-weight:500}.rd-form-item.rd-selected .rd-form-item-label{top:16px;font-size:12px}.rd-form-item.rd-selected .rd-form-item-select{top:10px}.rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-item.rd-disabled .rd-form-item-label,.rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}.rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}.rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}.rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.rd-form-item-error img{width:16px}.rd-form-number-item{position:relative;border-radius:12px;padding:12px 16px;background-color:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);width:100%}.rd-form-number-item .rd-item-label{color:var(--rd-copy-secondary);font-size:12px;font-weight:600}.rd-form-number-item .rd-item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-primary);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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i3$1.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "component", type: RdFilterSelectComponent, selector: "app-rd-filter-select", inputs: ["item", "statusDisplayConfigs", "statusGroupConfigs"], outputs: ["handleChangeValue"] }, { kind: "component", type: RdFilterDateComponent, selector: "app-rd-filter-date", inputs: ["item"], outputs: ["handleChangeValue"] }, { kind: "component", type: RdFilterInputComponent, selector: "app-rd-filter-input", inputs: ["item"], outputs: ["handleChangeValue"] }] });
2778
+ RdFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdFilterComponent, selector: "app-rd-filter", inputs: { lang: "lang", filterArr: "filterArr", statusDisplayConfigs: "statusDisplayConfigs", statusGroupConfigs: "statusGroupConfigs", clearText: "clearText" }, outputs: { defSearchChange: "defSearchChange", clearFilter: "clearFilter" }, ngImport: i0, template: "<div class=\"rd-custom-filter-wrap\" *ngIf=\"filterArr?.length\">\n <ng-container *ngFor=\"let item of filterArr\">\n <ng-container [ngSwitch]=\"item.formType\">\n <app-rd-filter-date\n *ngSwitchCase=\"filterTypeEnum.date\"\n [item]=\"item\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n >\n </app-rd-filter-date>\n <app-rd-filter-select\n *ngSwitchCase=\"filterTypeEnum.select\"\n [item]=\"item\"\n [statusGroupConfigs]=\"statusGroupConfigs\"\n [statusDisplayConfigs]=\"statusDisplayConfigs\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n ></app-rd-filter-select>\n <app-rd-filter-input\n *ngSwitchCase=\"filterTypeEnum.input\"\n [item]=\"item\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n ></app-rd-filter-input>\n </ng-container>\n </ng-container>\n <button\n [disabled]=\"!isClearAble\"\n (click)=\"clear()\"\n class=\"rd-custom-filter-clear\"\n nz-button\n nzType=\"link\"\n >\n {{ getClearTrans() }}\n </button>\n</div>\n", styles: [".rd-custom-filter-wrap{display:flex;align-items:center;gap:8px;padding-top:12px;padding-bottom:12px}.rd-custom-filter-clear{font-size:13px;font-weight:600;color:var(--rd-copy-brand);padding:0}.rd-custom-filter-clear:disabled{color:var(--rd-copy-disable)}\n", "input{border:none}textarea[disabled]{background:var(--input-bg-disable)!important}.rd-form-item{position:relative;border-radius:12px;padding:2px 0;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;height:64px}.rd-form-item .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}.rd-form-item-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;padding:22px 16px 12px;height:52px;border-radius:12px}.rd-form-item-input:focus,.rd-form-item-input:not(:placeholder-shown){top:10px}.rd-form-item .rd-form-item-input:focus~.rd-form-item-label,.rd-form-item .rd-form-item-input:not(:placeholder-shown)~.rd-form-item-label{top:18px;font-size:12px}.rd-form-item-select{width:100%}.rd-form-item-select ::ng-deep .ant-select-selection-item{color:var(--rd-copy-primary);font-size:14px;font-weight:500}.rd-form-item.rd-selected .rd-form-item-label{top:16px;font-size:12px}.rd-form-item.rd-selected .rd-form-item-select{top:10px}.rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-item.rd-disabled .rd-form-item-label,.rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}.rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}.rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}.rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.rd-form-item-error img{width:16px}.rd-form-number-item{position:relative;border-radius:12px;padding:12px 16px;background-color:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);width:100%}.rd-form-number-item .rd-item-label{color:var(--rd-copy-secondary);font-size:12px;font-weight:600}.rd-form-number-item .rd-item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-primary);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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2$1.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i3$1.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "component", type: RdFilterSelectComponent, selector: "app-rd-filter-select", inputs: ["item", "statusDisplayConfigs", "statusGroupConfigs"], outputs: ["handleChangeValue"] }, { kind: "component", type: RdFilterDateComponent, selector: "app-rd-filter-date", inputs: ["item"], outputs: ["handleChangeValue"] }, { kind: "component", type: RdFilterInputComponent, selector: "app-rd-filter-input", inputs: ["item"], outputs: ["handleChangeValue"] }] });
2771
2779
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdFilterComponent, decorators: [{
2772
2780
  type: Component,
2773
2781
  args: [{ selector: 'app-rd-filter', template: "<div class=\"rd-custom-filter-wrap\" *ngIf=\"filterArr?.length\">\n <ng-container *ngFor=\"let item of filterArr\">\n <ng-container [ngSwitch]=\"item.formType\">\n <app-rd-filter-date\n *ngSwitchCase=\"filterTypeEnum.date\"\n [item]=\"item\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n >\n </app-rd-filter-date>\n <app-rd-filter-select\n *ngSwitchCase=\"filterTypeEnum.select\"\n [item]=\"item\"\n [statusGroupConfigs]=\"statusGroupConfigs\"\n [statusDisplayConfigs]=\"statusDisplayConfigs\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n ></app-rd-filter-select>\n <app-rd-filter-input\n *ngSwitchCase=\"filterTypeEnum.input\"\n [item]=\"item\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n ></app-rd-filter-input>\n </ng-container>\n </ng-container>\n <button\n [disabled]=\"!isClearAble\"\n (click)=\"clear()\"\n class=\"rd-custom-filter-clear\"\n nz-button\n nzType=\"link\"\n >\n {{ getClearTrans() }}\n </button>\n</div>\n", styles: [".rd-custom-filter-wrap{display:flex;align-items:center;gap:8px;padding-top:12px;padding-bottom:12px}.rd-custom-filter-clear{font-size:13px;font-weight:600;color:var(--rd-copy-brand);padding:0}.rd-custom-filter-clear:disabled{color:var(--rd-copy-disable)}\n", "input{border:none}textarea[disabled]{background:var(--input-bg-disable)!important}.rd-form-item{position:relative;border-radius:12px;padding:2px 0;border:1px solid var(--rd-input-fg-default);background-color:var(--rd-input-bg-default);width:100%;height:64px}.rd-form-item .rd-form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.rd-form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rd-copy-secondary);transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:1}.rd-form-item-input{color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;padding:22px 16px 12px;height:52px;border-radius:12px}.rd-form-item-input:focus,.rd-form-item-input:not(:placeholder-shown){top:10px}.rd-form-item .rd-form-item-input:focus~.rd-form-item-label,.rd-form-item .rd-form-item-input:not(:placeholder-shown)~.rd-form-item-label{top:18px;font-size:12px}.rd-form-item-select{width:100%}.rd-form-item-select ::ng-deep .ant-select-selection-item{color:var(--rd-copy-primary);font-size:14px;font-weight:500}.rd-form-item.rd-selected .rd-form-item-label{top:16px;font-size:12px}.rd-form-item.rd-selected .rd-form-item-select{top:10px}.rd-form-item.rd-disabled{background-color:var(--rd-input-bg-disable);border-color:var(--rd-input-fg-disable)}.rd-form-item.rd-disabled .rd-form-item-label,.rd-form-item.rd-disabled .rd-form-item-input{color:var(--rd-copy-disable)}.rd-form-item.rd-disabled ::ng-deep .ant-select-selection-item{color:var(--rd-copy-disable)}.rd-form-item.rd-error{border-color:var(--rd-input-fg-danger)}.rd-form-item-error{color:var(--rd-copy-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.rd-form-item-error img{width:16px}.rd-form-number-item{position:relative;border-radius:12px;padding:12px 16px;background-color:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);width:100%}.rd-form-number-item .rd-item-label{color:var(--rd-copy-secondary);font-size:12px;font-weight:600}.rd-form-number-item .rd-item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-disable)}.rd-form-number-item .rd-item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:var(--rd-copy-primary);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"] }]
@@ -2800,7 +2808,8 @@ RdFilterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
2800
2808
  NzInputModule,
2801
2809
  FormsModule,
2802
2810
  RdStatusFieldModule,
2803
- RdFilterSelectModule], exports: [RdFilterComponent] });
2811
+ RdFilterSelectModule,
2812
+ TranslateModule], exports: [RdFilterComponent] });
2804
2813
  RdFilterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdFilterModule, imports: [CommonModule,
2805
2814
  NzDatePickerModule,
2806
2815
  NzDropDownModule,
@@ -2809,7 +2818,8 @@ RdFilterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
2809
2818
  NzInputModule,
2810
2819
  FormsModule,
2811
2820
  RdStatusFieldModule,
2812
- RdFilterSelectModule] });
2821
+ RdFilterSelectModule,
2822
+ TranslateModule] });
2813
2823
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdFilterModule, decorators: [{
2814
2824
  type: NgModule,
2815
2825
  args: [{
@@ -2828,6 +2838,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
2828
2838
  FormsModule,
2829
2839
  RdStatusFieldModule,
2830
2840
  RdFilterSelectModule,
2841
+ TranslateModule,
2831
2842
  ],
2832
2843
  exports: [RdFilterComponent],
2833
2844
  }]
@@ -2854,7 +2865,7 @@ class CustomPaginatorComponent {
2854
2865
  }
2855
2866
  }
2856
2867
  CustomPaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2857
- 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"] }] });
2868
+ 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: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$4.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4$4.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$6.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"] }] });
2858
2869
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomPaginatorComponent, decorators: [{
2859
2870
  type: Component,
2860
2871
  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"] }]
@@ -2941,7 +2952,7 @@ class HeaderStepComponent {
2941
2952
  }
2942
2953
  }
2943
2954
  HeaderStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2944
- HeaderStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HeaderStepComponent, selector: "app-rd-header-step", inputs: { step: "step", stepArr: "stepArr", disableReturn: "disableReturn" }, outputs: { stepChange: "stepChange", onClose: "onClose" }, ngImport: i0, template: "<div class=\"rd-header-step\">\n <div>\n <div\n class=\"rd-header-step-back\"\n *ngIf=\"!disableReturn && step > 1\"\n (click)=\"onClickBack()\"\n >\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g id=\"Back\">\n <path\n id=\"Vector\"\n d=\"M16 3L8 12L16 21\"\n stroke=\"var(--rd-copy-primary)\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </g>\n </svg>\n </div>\n </div>\n <div class=\"rd-header-step-title\">\n <ng-container *ngFor=\"let stepTitle of stepArr; let i = index\">\n <svg\n *ngIf=\"i !== 0\"\n width=\"17\"\n height=\"16\"\n viewBox=\"0 0 17 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n [attr.fill]=\"step === i + 1 ? 'var(--rd-copy-primary)' : 'var(--rd-copy-disable)'\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M5.40777 2.60136C5.62811 2.36633 5.99727 2.35442 6.2323 2.57476L11.5656 7.57476C11.6833 7.68504 11.75 7.83909 11.75 8.00033C11.75 8.16157 11.6833 8.31561 11.5656 8.42589L6.2323 13.4259C5.99727 13.6462 5.62811 13.6343 5.40777 13.3993C5.18743 13.1643 5.19934 12.7951 5.43437 12.5748L10.3138 8.00033L5.43437 3.42589C5.19934 3.20555 5.18743 2.83639 5.40777 2.60136Z\"\n />\n </svg>\n <span\n class=\"rd-header-step-index\"\n [ngClass]=\"{\n active: step === i + 1,\n 'cusor-pointer': step > i + 1 && !disableReturn\n }\"\n (click)=\"onClickStep(i + 1)\"\n >\n {{ stepTitle }}\n </span>\n </ng-container>\n </div>\n\n <div class=\"rd-header-step-close\" (click)=\"close()\">\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M4.46967 4.46967C4.76256 4.17678 5.23744 4.17678 5.53033 4.46967L12 10.9393L18.4697 4.46967C18.7626 4.17678 19.2374 4.17678 19.5303 4.46967C19.8232 4.76256 19.8232 5.23744 19.5303 5.53033L13.0607 12L19.5303 18.4697C19.8232 18.7626 19.8232 19.2374 19.5303 19.5303C19.2374 19.8232 18.7626 19.8232 18.4697 19.5303L12 13.0607L5.53033 19.5303C5.23744 19.8232 4.76256 19.8232 4.46967 19.5303C4.17678 19.2374 4.17678 18.7626 4.46967 18.4697L10.9393 12L4.46967 5.53033C4.17678 5.23744 4.17678 4.76256 4.46967 4.46967Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n </div>\n</div>\n", styles: [":host .rd-header-step{display:flex;align-items:center;height:64px;padding:20px 24px;justify-content:space-between;flex-shrink:0}:host .rd-header-step-back{width:24px;height:24px;z-index:1;cursor:pointer}:host .rd-header-step-close{width:24px;height:24px;z-index:1;cursor:pointer;transition:all ease-in-out .3s}:host .rd-header-step-title{text-align:center;font-size:18px;font-weight:600;line-height:24px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--rd-copy-primary)}:host .rd-header-step-index{color:var(--rd-copy-disable)}:host .rd-header-step-index.active{color:var(--rd-copy-primary)}:host .cusor-pointer{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
2955
+ HeaderStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HeaderStepComponent, selector: "app-rd-header-step", inputs: { step: "step", stepArr: "stepArr", disableReturn: "disableReturn" }, outputs: { stepChange: "stepChange", onClose: "onClose" }, ngImport: i0, template: "<div class=\"rd-header-step\">\n <div>\n <div\n class=\"rd-header-step-back\"\n *ngIf=\"!disableReturn && step > 1\"\n (click)=\"onClickBack()\"\n >\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g id=\"Back\">\n <path\n id=\"Vector\"\n d=\"M16 3L8 12L16 21\"\n stroke=\"var(--rd-copy-primary)\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </g>\n </svg>\n </div>\n </div>\n <div class=\"rd-header-step-title\">\n <ng-container *ngFor=\"let stepTitle of stepArr; let i = index\">\n <svg\n *ngIf=\"i !== 0\"\n width=\"17\"\n height=\"16\"\n viewBox=\"0 0 17 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n [attr.fill]=\"step === i + 1 ? 'var(--rd-copy-primary)' : 'var(--rd-copy-disable)'\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M5.40777 2.60136C5.62811 2.36633 5.99727 2.35442 6.2323 2.57476L11.5656 7.57476C11.6833 7.68504 11.75 7.83909 11.75 8.00033C11.75 8.16157 11.6833 8.31561 11.5656 8.42589L6.2323 13.4259C5.99727 13.6462 5.62811 13.6343 5.40777 13.3993C5.18743 13.1643 5.19934 12.7951 5.43437 12.5748L10.3138 8.00033L5.43437 3.42589C5.19934 3.20555 5.18743 2.83639 5.40777 2.60136Z\"\n />\n </svg>\n <span\n class=\"rd-header-step-index\"\n [ngClass]=\"{\n active: step === i + 1,\n 'cusor-pointer': step > i + 1 && !disableReturn\n }\"\n (click)=\"onClickStep(i + 1)\"\n >\n {{ stepTitle }}\n </span>\n </ng-container>\n </div>\n\n <div class=\"rd-header-step-close\" (click)=\"close()\">\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M4.46967 4.46967C4.76256 4.17678 5.23744 4.17678 5.53033 4.46967L12 10.9393L18.4697 4.46967C18.7626 4.17678 19.2374 4.17678 19.5303 4.46967C19.8232 4.76256 19.8232 5.23744 19.5303 5.53033L13.0607 12L19.5303 18.4697C19.8232 18.7626 19.8232 19.2374 19.5303 19.5303C19.2374 19.8232 18.7626 19.8232 18.4697 19.5303L12 13.0607L5.53033 19.5303C5.23744 19.8232 4.76256 19.8232 4.46967 19.5303C4.17678 19.2374 4.17678 18.7626 4.46967 18.4697L10.9393 12L4.46967 5.53033C4.17678 5.23744 4.17678 4.76256 4.46967 4.46967Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n </div>\n</div>\n", styles: [":host .rd-header-step{display:flex;align-items:center;height:64px;padding:20px 24px;justify-content:space-between;flex-shrink:0}:host .rd-header-step-back{width:24px;height:24px;z-index:1;cursor:pointer}:host .rd-header-step-close{width:24px;height:24px;z-index:1;cursor:pointer;transition:all ease-in-out .3s}:host .rd-header-step-title{text-align:center;font-size:18px;font-weight:600;line-height:24px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--rd-copy-primary)}:host .rd-header-step-index{color:var(--rd-copy-disable)}:host .rd-header-step-index.active{color:var(--rd-copy-primary)}:host .cusor-pointer{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
2945
2956
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderStepComponent, decorators: [{
2946
2957
  type: Component,
2947
2958
  args: [{ selector: 'app-rd-header-step', template: "<div class=\"rd-header-step\">\n <div>\n <div\n class=\"rd-header-step-back\"\n *ngIf=\"!disableReturn && step > 1\"\n (click)=\"onClickBack()\"\n >\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g id=\"Back\">\n <path\n id=\"Vector\"\n d=\"M16 3L8 12L16 21\"\n stroke=\"var(--rd-copy-primary)\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </g>\n </svg>\n </div>\n </div>\n <div class=\"rd-header-step-title\">\n <ng-container *ngFor=\"let stepTitle of stepArr; let i = index\">\n <svg\n *ngIf=\"i !== 0\"\n width=\"17\"\n height=\"16\"\n viewBox=\"0 0 17 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n [attr.fill]=\"step === i + 1 ? 'var(--rd-copy-primary)' : 'var(--rd-copy-disable)'\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M5.40777 2.60136C5.62811 2.36633 5.99727 2.35442 6.2323 2.57476L11.5656 7.57476C11.6833 7.68504 11.75 7.83909 11.75 8.00033C11.75 8.16157 11.6833 8.31561 11.5656 8.42589L6.2323 13.4259C5.99727 13.6462 5.62811 13.6343 5.40777 13.3993C5.18743 13.1643 5.19934 12.7951 5.43437 12.5748L10.3138 8.00033L5.43437 3.42589C5.19934 3.20555 5.18743 2.83639 5.40777 2.60136Z\"\n />\n </svg>\n <span\n class=\"rd-header-step-index\"\n [ngClass]=\"{\n active: step === i + 1,\n 'cusor-pointer': step > i + 1 && !disableReturn\n }\"\n (click)=\"onClickStep(i + 1)\"\n >\n {{ stepTitle }}\n </span>\n </ng-container>\n </div>\n\n <div class=\"rd-header-step-close\" (click)=\"close()\">\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M4.46967 4.46967C4.76256 4.17678 5.23744 4.17678 5.53033 4.46967L12 10.9393L18.4697 4.46967C18.7626 4.17678 19.2374 4.17678 19.5303 4.46967C19.8232 4.76256 19.8232 5.23744 19.5303 5.53033L13.0607 12L19.5303 18.4697C19.8232 18.7626 19.8232 19.2374 19.5303 19.5303C19.2374 19.8232 18.7626 19.8232 18.4697 19.5303L12 13.0607L5.53033 19.5303C5.23744 19.8232 4.76256 19.8232 4.46967 19.5303C4.17678 19.2374 4.17678 18.7626 4.46967 18.4697L10.9393 12L4.46967 5.53033C4.17678 5.23744 4.17678 4.76256 4.46967 4.46967Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n </div>\n</div>\n", styles: [":host .rd-header-step{display:flex;align-items:center;height:64px;padding:20px 24px;justify-content:space-between;flex-shrink:0}:host .rd-header-step-back{width:24px;height:24px;z-index:1;cursor:pointer}:host .rd-header-step-close{width:24px;height:24px;z-index:1;cursor:pointer;transition:all ease-in-out .3s}:host .rd-header-step-title{text-align:center;font-size:18px;font-weight:600;line-height:24px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--rd-copy-primary)}:host .rd-header-step-index{color:var(--rd-copy-disable)}:host .rd-header-step-index.active{color:var(--rd-copy-primary)}:host .cusor-pointer{cursor:pointer}\n"] }]
@@ -3024,12 +3035,12 @@ class RdNotificationComponent {
3024
3035
  this.notifications.clear();
3025
3036
  }
3026
3037
  }
3027
- RdNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationComponent, deps: [{ token: i1$2.NzNotificationService }], target: i0.ɵɵFactoryTarget.Component });
3028
- RdNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdNotificationComponent, selector: "app-rd-notification", viewQueries: [{ propertyName: "notificationTpl", first: true, predicate: ["notificationTpl"], descendants: true, static: true }, { propertyName: "closeTpl", first: true, predicate: ["closeTpl"], descendants: true, static: true }], ngImport: i0, template: "<ng-template #notificationTpl let-data=\"data\">\n <div class=\"rd-custom-notification\"></div>\n <div\n class=\"rd-custom-notification-icon\"\n [class.rd-custom-warn-background]=\"data.type === 'warn'\"\n [class.rd-custom-error-background]=\"data.type === 'error'\"\n >\n <svg\n *ngIf=\"data.type === 'success'\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M9.99935 18.3332C14.6017 18.3332 18.3327 14.6022 18.3327 9.99984C18.3327 5.39746 14.6017 1.6665 9.99935 1.6665C5.39698 1.6665 1.66602 5.39746 1.66602 9.99984C1.66602 14.6022 5.39698 18.3332 9.99935 18.3332Z\"\n fill=\"var(--rd-copy-success)\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M13.8434 6.3216C14.264 6.6033 14.3767 7.17266 14.095 7.59331L10.1887 13.4266C10.034 13.6576 9.78287 13.8059 9.50591 13.8299C9.22895 13.8538 8.9561 13.7507 8.76411 13.5497L6.00375 10.6593C5.6541 10.2932 5.66745 9.71294 6.03357 9.36329C6.39969 9.01364 6.97994 9.02699 7.32959 9.39311L9.30099 11.4574L12.5717 6.57322C12.8534 6.15256 13.4227 6.03991 13.8434 6.3216Z\"\n fill=\"#F8F9FA\"\n />\n </svg>\n <svg\n *ngIf=\"data.type === 'warn'\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M10.0003 18.3332C14.6027 18.3332 18.3337 14.6022 18.3337 9.99984C18.3337 5.39746 14.6027 1.6665 10.0003 1.6665C5.39795 1.6665 1.66699 5.39746 1.66699 9.99984C1.66699 14.6022 5.39795 18.3332 10.0003 18.3332Z\"\n fill=\"var(--rd-copy-warning)\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M10.0007 4.79175C10.5759 4.79175 11.0423 5.25812 11.0423 5.83341V10.0001C11.0423 10.5754 10.5759 11.0417 10.0007 11.0417C9.42535 11.0417 8.95898 10.5754 8.95898 10.0001V5.83341C8.95898 5.25812 9.42535 4.79175 10.0007 4.79175ZM10.0007 12.7084C10.5759 12.7084 11.0423 13.1748 11.0423 13.7501V14.1667C11.0423 14.742 10.5759 15.2084 10.0007 15.2084C9.42535 15.2084 8.95898 14.742 8.95898 14.1667V13.7501C8.95898 13.1748 9.42535 12.7084 10.0007 12.7084Z\"\n fill=\"#F8F9FA\"\n />\n </svg>\n <svg\n *ngIf=\"data.type === 'error'\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M9.99959 18.3332C14.602 18.3332 18.3329 14.6022 18.3329 9.99984C18.3329 5.39746 14.602 1.6665 9.99959 1.6665C5.39722 1.6665 1.66626 5.39746 1.66626 9.99984C1.66626 14.6022 5.39722 18.3332 9.99959 18.3332Z\"\n fill=\"var(--rd-copy-danger)\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M6.40545 6.40545C6.76343 6.04747 7.34383 6.04747 7.70181 6.40545L9.99991 8.70355L12.298 6.40545C12.656 6.04747 13.2364 6.04747 13.5944 6.40545C13.9523 6.76343 13.9523 7.34383 13.5944 7.70181L11.2963 9.99991L13.5944 12.298C13.9523 12.656 13.9523 13.2364 13.5944 13.5944C13.2364 13.9523 12.656 13.9523 12.298 13.5944L9.99991 11.2963L7.70181 13.5944C7.34383 13.9523 6.76343 13.9523 6.40545 13.5944C6.04747 13.2364 6.04747 12.656 6.40545 12.298L8.70355 9.99991L6.40545 7.70181C6.04747 7.34383 6.04747 6.76343 6.40545 6.40545Z\"\n fill=\"#F8F9FA\"\n />\n </svg>\n </div>\n <div class=\"rd-custom-notification-container\">\n <div class=\"rd-custom-notification-title\">{{ data.title }}</div>\n <div\n class=\"rd-custom-notification-desc\"\n [innerHTML]=\"getDesc(data.desc)\"\n ></div>\n <div\n *ngIf=\"data.actionDesc\"\n class=\"rd-custom-notification-link\"\n [class.rd-custom-notification-link--bpn]=\"data.originType === 'bpn'\"\n (click)=\"onClick(data)\"\n >\n {{ data.actionDesc }}\n </div>\n </div>\n</ng-template>\n\n<ng-template #closeTpl>\n <div class=\"rd-custom-notification-close\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n d=\"M3.40039 3.3999L8.00039 7.9999M12.6004 12.5999L8.00039 7.9999M8.00039 7.9999L12.6004 3.3999L3.40039 12.5999\"\n stroke=\"currentColor\"\n stroke-width=\"1.36\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </div>\n</ng-template>\n", styles: [".rd-custom-notification-container{padding:12px 40px 12px 12px}.rd-custom-notification-container .rd-custom-notification-title{font-size:12px;font-weight:600}.rd-custom-notification-container .rd-custom-notification-desc{font-size:12px;font-weight:500;margin-top:4px}.rd-custom-notification-container .rd-custom-notification-link{color:var(--rd-copy-brand);font-size:13px;font-style:normal;font-weight:600;line-height:16px;cursor:pointer;margin-top:12px;padding:0 2px}.rd-custom-notification-container .rd-custom-notification-link--bpn{font-family:Binance Nova,sans-serif;color:#d89f00!important}.rd-custom-notification-icon{display:flex;width:40px;padding:16px 12px;justify-content:center;align-items:center;flex-shrink:0;align-self:stretch;background-color:var(--rd-toast-accent-success)}.rd-custom-notification-icon svg{flex-shrink:0;width:20px;height:20px}.rd-custom-warn-background{background-color:var(--rd-toast-accent-warning)!important}.rd-custom-error-background{background-color:var(--rd-toast-accent-danger)!important}.rd-custom-notification-close{padding:16px 12px}.rd-custom-notification-close svg{width:16px}.custom-wallet-notification .ant-notification-notice-close{position:absolute;top:0;right:0;width:40px;bottom:0;display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
3038
+ RdNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationComponent, deps: [{ token: i1$1.NzNotificationService }], target: i0.ɵɵFactoryTarget.Component });
3039
+ RdNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdNotificationComponent, selector: "app-rd-notification", viewQueries: [{ propertyName: "notificationTpl", first: true, predicate: ["notificationTpl"], descendants: true, static: true }, { propertyName: "closeTpl", first: true, predicate: ["closeTpl"], descendants: true, static: true }], ngImport: i0, template: "<ng-template #notificationTpl let-data=\"data\">\n <div class=\"rd-custom-notification\"></div>\n <div\n class=\"rd-custom-notification-icon\"\n [class.rd-custom-warn-background]=\"data.type === 'warn'\"\n [class.rd-custom-error-background]=\"data.type === 'error'\"\n >\n <svg\n *ngIf=\"data.type === 'success'\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M9.99935 18.3332C14.6017 18.3332 18.3327 14.6022 18.3327 9.99984C18.3327 5.39746 14.6017 1.6665 9.99935 1.6665C5.39698 1.6665 1.66602 5.39746 1.66602 9.99984C1.66602 14.6022 5.39698 18.3332 9.99935 18.3332Z\"\n fill=\"var(--rd-copy-success)\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M13.8434 6.3216C14.264 6.6033 14.3767 7.17266 14.095 7.59331L10.1887 13.4266C10.034 13.6576 9.78287 13.8059 9.50591 13.8299C9.22895 13.8538 8.9561 13.7507 8.76411 13.5497L6.00375 10.6593C5.6541 10.2932 5.66745 9.71294 6.03357 9.36329C6.39969 9.01364 6.97994 9.02699 7.32959 9.39311L9.30099 11.4574L12.5717 6.57322C12.8534 6.15256 13.4227 6.03991 13.8434 6.3216Z\"\n fill=\"#F8F9FA\"\n />\n </svg>\n <svg\n *ngIf=\"data.type === 'warn'\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M10.0003 18.3332C14.6027 18.3332 18.3337 14.6022 18.3337 9.99984C18.3337 5.39746 14.6027 1.6665 10.0003 1.6665C5.39795 1.6665 1.66699 5.39746 1.66699 9.99984C1.66699 14.6022 5.39795 18.3332 10.0003 18.3332Z\"\n fill=\"var(--rd-copy-warning)\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M10.0007 4.79175C10.5759 4.79175 11.0423 5.25812 11.0423 5.83341V10.0001C11.0423 10.5754 10.5759 11.0417 10.0007 11.0417C9.42535 11.0417 8.95898 10.5754 8.95898 10.0001V5.83341C8.95898 5.25812 9.42535 4.79175 10.0007 4.79175ZM10.0007 12.7084C10.5759 12.7084 11.0423 13.1748 11.0423 13.7501V14.1667C11.0423 14.742 10.5759 15.2084 10.0007 15.2084C9.42535 15.2084 8.95898 14.742 8.95898 14.1667V13.7501C8.95898 13.1748 9.42535 12.7084 10.0007 12.7084Z\"\n fill=\"#F8F9FA\"\n />\n </svg>\n <svg\n *ngIf=\"data.type === 'error'\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M9.99959 18.3332C14.602 18.3332 18.3329 14.6022 18.3329 9.99984C18.3329 5.39746 14.602 1.6665 9.99959 1.6665C5.39722 1.6665 1.66626 5.39746 1.66626 9.99984C1.66626 14.6022 5.39722 18.3332 9.99959 18.3332Z\"\n fill=\"var(--rd-copy-danger)\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M6.40545 6.40545C6.76343 6.04747 7.34383 6.04747 7.70181 6.40545L9.99991 8.70355L12.298 6.40545C12.656 6.04747 13.2364 6.04747 13.5944 6.40545C13.9523 6.76343 13.9523 7.34383 13.5944 7.70181L11.2963 9.99991L13.5944 12.298C13.9523 12.656 13.9523 13.2364 13.5944 13.5944C13.2364 13.9523 12.656 13.9523 12.298 13.5944L9.99991 11.2963L7.70181 13.5944C7.34383 13.9523 6.76343 13.9523 6.40545 13.5944C6.04747 13.2364 6.04747 12.656 6.40545 12.298L8.70355 9.99991L6.40545 7.70181C6.04747 7.34383 6.04747 6.76343 6.40545 6.40545Z\"\n fill=\"#F8F9FA\"\n />\n </svg>\n </div>\n <div class=\"rd-custom-notification-container\">\n <div class=\"rd-custom-notification-title\">{{ data.title }}</div>\n <div\n class=\"rd-custom-notification-desc\"\n [innerHTML]=\"getDesc(data.desc)\"\n ></div>\n <div\n *ngIf=\"data.actionDesc\"\n class=\"rd-custom-notification-link\"\n [class.rd-custom-notification-link--bpn]=\"data.originType === 'bpn'\"\n (click)=\"onClick(data)\"\n >\n {{ data.actionDesc }}\n </div>\n </div>\n</ng-template>\n\n<ng-template #closeTpl>\n <div class=\"rd-custom-notification-close\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n d=\"M3.40039 3.3999L8.00039 7.9999M12.6004 12.5999L8.00039 7.9999M8.00039 7.9999L12.6004 3.3999L3.40039 12.5999\"\n stroke=\"currentColor\"\n stroke-width=\"1.36\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </div>\n</ng-template>\n", styles: [".rd-custom-notification-container{padding:12px 40px 12px 12px}.rd-custom-notification-container .rd-custom-notification-title{font-size:12px;font-weight:600}.rd-custom-notification-container .rd-custom-notification-desc{font-size:12px;font-weight:500;margin-top:4px}.rd-custom-notification-container .rd-custom-notification-link{color:var(--rd-copy-brand);font-size:13px;font-style:normal;font-weight:600;line-height:16px;cursor:pointer;margin-top:12px;padding:0 2px}.rd-custom-notification-container .rd-custom-notification-link--bpn{font-family:Binance Nova,sans-serif;color:#d89f00!important}.rd-custom-notification-icon{display:flex;width:40px;padding:16px 12px;justify-content:center;align-items:center;flex-shrink:0;align-self:stretch;background-color:var(--rd-toast-accent-success)}.rd-custom-notification-icon svg{flex-shrink:0;width:20px;height:20px}.rd-custom-warn-background{background-color:var(--rd-toast-accent-warning)!important}.rd-custom-error-background{background-color:var(--rd-toast-accent-danger)!important}.rd-custom-notification-close{padding:16px 12px}.rd-custom-notification-close svg{width:16px}.custom-wallet-notification .ant-notification-notice-close{position:absolute;top:0;right:0;width:40px;bottom:0;display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
3029
3040
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationComponent, decorators: [{
3030
3041
  type: Component,
3031
3042
  args: [{ selector: 'app-rd-notification', encapsulation: ViewEncapsulation.None, template: "<ng-template #notificationTpl let-data=\"data\">\n <div class=\"rd-custom-notification\"></div>\n <div\n class=\"rd-custom-notification-icon\"\n [class.rd-custom-warn-background]=\"data.type === 'warn'\"\n [class.rd-custom-error-background]=\"data.type === 'error'\"\n >\n <svg\n *ngIf=\"data.type === 'success'\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M9.99935 18.3332C14.6017 18.3332 18.3327 14.6022 18.3327 9.99984C18.3327 5.39746 14.6017 1.6665 9.99935 1.6665C5.39698 1.6665 1.66602 5.39746 1.66602 9.99984C1.66602 14.6022 5.39698 18.3332 9.99935 18.3332Z\"\n fill=\"var(--rd-copy-success)\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M13.8434 6.3216C14.264 6.6033 14.3767 7.17266 14.095 7.59331L10.1887 13.4266C10.034 13.6576 9.78287 13.8059 9.50591 13.8299C9.22895 13.8538 8.9561 13.7507 8.76411 13.5497L6.00375 10.6593C5.6541 10.2932 5.66745 9.71294 6.03357 9.36329C6.39969 9.01364 6.97994 9.02699 7.32959 9.39311L9.30099 11.4574L12.5717 6.57322C12.8534 6.15256 13.4227 6.03991 13.8434 6.3216Z\"\n fill=\"#F8F9FA\"\n />\n </svg>\n <svg\n *ngIf=\"data.type === 'warn'\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M10.0003 18.3332C14.6027 18.3332 18.3337 14.6022 18.3337 9.99984C18.3337 5.39746 14.6027 1.6665 10.0003 1.6665C5.39795 1.6665 1.66699 5.39746 1.66699 9.99984C1.66699 14.6022 5.39795 18.3332 10.0003 18.3332Z\"\n fill=\"var(--rd-copy-warning)\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M10.0007 4.79175C10.5759 4.79175 11.0423 5.25812 11.0423 5.83341V10.0001C11.0423 10.5754 10.5759 11.0417 10.0007 11.0417C9.42535 11.0417 8.95898 10.5754 8.95898 10.0001V5.83341C8.95898 5.25812 9.42535 4.79175 10.0007 4.79175ZM10.0007 12.7084C10.5759 12.7084 11.0423 13.1748 11.0423 13.7501V14.1667C11.0423 14.742 10.5759 15.2084 10.0007 15.2084C9.42535 15.2084 8.95898 14.742 8.95898 14.1667V13.7501C8.95898 13.1748 9.42535 12.7084 10.0007 12.7084Z\"\n fill=\"#F8F9FA\"\n />\n </svg>\n <svg\n *ngIf=\"data.type === 'error'\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M9.99959 18.3332C14.602 18.3332 18.3329 14.6022 18.3329 9.99984C18.3329 5.39746 14.602 1.6665 9.99959 1.6665C5.39722 1.6665 1.66626 5.39746 1.66626 9.99984C1.66626 14.6022 5.39722 18.3332 9.99959 18.3332Z\"\n fill=\"var(--rd-copy-danger)\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M6.40545 6.40545C6.76343 6.04747 7.34383 6.04747 7.70181 6.40545L9.99991 8.70355L12.298 6.40545C12.656 6.04747 13.2364 6.04747 13.5944 6.40545C13.9523 6.76343 13.9523 7.34383 13.5944 7.70181L11.2963 9.99991L13.5944 12.298C13.9523 12.656 13.9523 13.2364 13.5944 13.5944C13.2364 13.9523 12.656 13.9523 12.298 13.5944L9.99991 11.2963L7.70181 13.5944C7.34383 13.9523 6.76343 13.9523 6.40545 13.5944C6.04747 13.2364 6.04747 12.656 6.40545 12.298L8.70355 9.99991L6.40545 7.70181C6.04747 7.34383 6.04747 6.76343 6.40545 6.40545Z\"\n fill=\"#F8F9FA\"\n />\n </svg>\n </div>\n <div class=\"rd-custom-notification-container\">\n <div class=\"rd-custom-notification-title\">{{ data.title }}</div>\n <div\n class=\"rd-custom-notification-desc\"\n [innerHTML]=\"getDesc(data.desc)\"\n ></div>\n <div\n *ngIf=\"data.actionDesc\"\n class=\"rd-custom-notification-link\"\n [class.rd-custom-notification-link--bpn]=\"data.originType === 'bpn'\"\n (click)=\"onClick(data)\"\n >\n {{ data.actionDesc }}\n </div>\n </div>\n</ng-template>\n\n<ng-template #closeTpl>\n <div class=\"rd-custom-notification-close\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n d=\"M3.40039 3.3999L8.00039 7.9999M12.6004 12.5999L8.00039 7.9999M8.00039 7.9999L12.6004 3.3999L3.40039 12.5999\"\n stroke=\"currentColor\"\n stroke-width=\"1.36\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </div>\n</ng-template>\n", styles: [".rd-custom-notification-container{padding:12px 40px 12px 12px}.rd-custom-notification-container .rd-custom-notification-title{font-size:12px;font-weight:600}.rd-custom-notification-container .rd-custom-notification-desc{font-size:12px;font-weight:500;margin-top:4px}.rd-custom-notification-container .rd-custom-notification-link{color:var(--rd-copy-brand);font-size:13px;font-style:normal;font-weight:600;line-height:16px;cursor:pointer;margin-top:12px;padding:0 2px}.rd-custom-notification-container .rd-custom-notification-link--bpn{font-family:Binance Nova,sans-serif;color:#d89f00!important}.rd-custom-notification-icon{display:flex;width:40px;padding:16px 12px;justify-content:center;align-items:center;flex-shrink:0;align-self:stretch;background-color:var(--rd-toast-accent-success)}.rd-custom-notification-icon svg{flex-shrink:0;width:20px;height:20px}.rd-custom-warn-background{background-color:var(--rd-toast-accent-warning)!important}.rd-custom-error-background{background-color:var(--rd-toast-accent-danger)!important}.rd-custom-notification-close{padding:16px 12px}.rd-custom-notification-close svg{width:16px}.custom-wallet-notification .ant-notification-notice-close{position:absolute;top:0;right:0;width:40px;bottom:0;display:flex;align-items:center}\n"] }]
3032
- }], ctorParameters: function () { return [{ type: i1$2.NzNotificationService }]; }, propDecorators: { notificationTpl: [{
3043
+ }], ctorParameters: function () { return [{ type: i1$1.NzNotificationService }]; }, propDecorators: { notificationTpl: [{
3033
3044
  type: ViewChild,
3034
3045
  args: ['notificationTpl', { static: true }]
3035
3046
  }], closeTpl: [{
@@ -3175,7 +3186,7 @@ class RdCommonBoxComponent {
3175
3186
  }
3176
3187
  }
3177
3188
  RdCommonBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdCommonBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3178
- RdCommonBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdCommonBoxComponent, selector: "app-rd-box-item", inputs: { label: "label", value: "value", rightContent: "rightContent" }, ngImport: i0, template: "<div class=\"rd-info-row-box\">\n <div class=\"rd-info-row-box-label\">\n {{ label }} <ng-content select=\"[left]\"></ng-content>\n </div>\n <div class=\"rd-info-row-box-value\">\n {{ value }}\n <span *ngIf=\"!value && !rightContent\" class=\"rd-box-empty\">--</span>\n <ng-content select=\"[right]\"></ng-content>\n </div>\n</div>\n", styles: [":host .rd-info-row-box{margin-top:12px;display:flex;justify-content:space-between;gap:8px;align-items:center}:host .rd-info-row-box-label{color:var(--rd-copy-secondary);font-size:13px;line-height:18px;font-weight:400;flex-shrink:0;display:flex;align-items:center}:host .rd-info-row-box-value{color:var(--rd-copy-primary);font-size:13px;line-height:18px;font-weight:400;word-break:break-all;flex:1;display:flex;align-items:center;justify-content:flex-end;text-align:right}:host .rd-box-empty{color:var(--rd-copy-disable);font-size:14px;font-weight:500}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
3189
+ RdCommonBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdCommonBoxComponent, selector: "app-rd-box-item", inputs: { label: "label", value: "value", rightContent: "rightContent" }, ngImport: i0, template: "<div class=\"rd-info-row-box\">\n <div class=\"rd-info-row-box-label\">\n {{ label }} <ng-content select=\"[left]\"></ng-content>\n </div>\n <div class=\"rd-info-row-box-value\">\n {{ value }}\n <span *ngIf=\"!value && !rightContent\" class=\"rd-box-empty\">--</span>\n <ng-content select=\"[right]\"></ng-content>\n </div>\n</div>\n", styles: [":host .rd-info-row-box{margin-top:12px;display:flex;justify-content:space-between;gap:8px;align-items:center}:host .rd-info-row-box-label{color:var(--rd-copy-secondary);font-size:13px;line-height:18px;font-weight:400;flex-shrink:0;display:flex;align-items:center}:host .rd-info-row-box-value{color:var(--rd-copy-primary);font-size:13px;line-height:18px;font-weight:400;word-break:break-all;flex:1;display:flex;align-items:center;justify-content:flex-end;text-align:right}:host .rd-box-empty{color:var(--rd-copy-disable);font-size:14px;font-weight:500}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
3179
3190
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdCommonBoxComponent, decorators: [{
3180
3191
  type: Component,
3181
3192
  args: [{ selector: 'app-rd-box-item', template: "<div class=\"rd-info-row-box\">\n <div class=\"rd-info-row-box-label\">\n {{ label }} <ng-content select=\"[left]\"></ng-content>\n </div>\n <div class=\"rd-info-row-box-value\">\n {{ value }}\n <span *ngIf=\"!value && !rightContent\" class=\"rd-box-empty\">--</span>\n <ng-content select=\"[right]\"></ng-content>\n </div>\n</div>\n", styles: [":host .rd-info-row-box{margin-top:12px;display:flex;justify-content:space-between;gap:8px;align-items:center}:host .rd-info-row-box-label{color:var(--rd-copy-secondary);font-size:13px;line-height:18px;font-weight:400;flex-shrink:0;display:flex;align-items:center}:host .rd-info-row-box-value{color:var(--rd-copy-primary);font-size:13px;line-height:18px;font-weight:400;word-break:break-all;flex:1;display:flex;align-items:center;justify-content:flex-end;text-align:right}:host .rd-box-empty{color:var(--rd-copy-disable);font-size:14px;font-weight:500}\n"] }]
@@ -5589,7 +5600,7 @@ class RdSelectValueComponent {
5589
5600
  this.cdr.markForCheck();
5590
5601
  }
5591
5602
  }
5592
- RdSelectValueComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdSelectValueComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
5603
+ RdSelectValueComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdSelectValueComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
5593
5604
  RdSelectValueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdSelectValueComponent, selector: "app-rd-select-value", inputs: { options: "options", isShowSearch: "isShowSearch", isShowErrorTip: "isShowErrorTip", placeholder: "placeholder", label: "label", name: "name" }, providers: [
5594
5605
  {
5595
5606
  provide: NG_VALUE_ACCESSOR,
@@ -5601,7 +5612,7 @@ RdSelectValueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
5601
5612
  useExisting: forwardRef(() => RdSelectValueComponent),
5602
5613
  multi: true,
5603
5614
  },
5604
- ], ngImport: i0, template: "<app-rd-form-item\n [disabled]=\"isDisabled\"\n [focus]=\"!!searchInput || isFocus || isOpen\"\n [type]=\"'select'\"\n [label]=\"label\"\n [value]=\"value\"\n [errorMessage]=\"showError ? currentErrorMessage : ''\"\n [ngClass]=\"{ 'rd-form-item-phone': !label }\"\n>\n <nz-select\n class=\"rd-form-item-select\"\n nzBorderless\n [nzShowArrow]=\"false\"\n [nzPlaceHolder]=\"placeholder\"\n [nzShowSearch]=\"isShowSearch\"\n [disabled]=\"isDisabled\"\n [nzDropdownClassName]=\"dropdownClassName\"\n [(ngModel)]=\"value\"\n (ngModelChange)=\"onValueChange($event)\"\n (nzFocus)=\"isFocus = true\"\n (nzBlur)=\"isFocus = false\"\n (nzOpenChange)=\"isOpen = $event\"\n (nzOnSearch)=\"searchInput = $event\"\n [name]=\"name\"\n [nzOptionHeightPx]=\"40\"\n [nzSuffixIcon]=\"customIcon\"\n >\n <nz-option\n *ngFor=\"let option of options\"\n [nzValue]=\"option.value\"\n [nzLabel]=\"option.name\"\n ></nz-option>\n </nz-select>\n</app-rd-form-item>\n\n<ng-template #customIcon>\n <svg\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=\"M2.60136 4.90777C2.83639 4.68743 3.20555 4.69934 3.42589 4.93437L8.00033 9.81377L12.5748 4.93437C12.7951 4.69934 13.1643 4.68743 13.3993 4.90777C13.6343 5.12812 13.6462 5.49727 13.4259 5.7323L8.42589 11.0656C8.31561 11.1833 8.16157 11.25 8.00033 11.25C7.83909 11.25 7.68504 11.1833 7.57476 11.0656L2.57476 5.7323C2.35442 5.49727 2.36633 5.12811 2.60136 4.90777Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n", styles: [":host .rd-form-item-select{width:100%}:host .rd-form-item-select ::ng-deep .ant-select-selection-search-input{padding:17px 5px 12px;color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500}:host .rd-form-item-select ::ng-deep .ant-select-selection-placeholder{color:var(--rd-copy-disable)!important}\n", "::ng-deep .rd-form-item-select{min-width:113px;min-height:52px;max-height:100%;position:relative}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-search{margin-inline-start:0}::ng-deep .rd-form-item-select .ant-select-selection-search-input{padding:12px 4px 0}::ng-deep .rd-form-item-select .ant-select-selection-search-input::placeholder{color:var(--rd-copy-disable)}::ng-deep .rd-form-item-select .ant-select-selection-search .ant-select-selection-search-input{padding:12px 4px 0;transform:translate(4px,14px)!important}::ng-deep .rd-form-item-select .ant-select-show-search{transform:translateY(10px)}::ng-deep .rd-form-item-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:14px 16px 10px;min-height:52px;height:-moz-fit-content;height:fit-content}.rd-form-item-phone ::ng-deep .rd-form-item-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:6px 16px 10px;min-height:52px;height:-moz-fit-content;height:fit-content}.rd-form-item-phone ::ng-deep .rd-form-item-select.ant-select-show-search.ant-select-multiple .ant-select-selector{padding:6px 16px}::ng-deep .rd-form-item-select.ant-select-single .ant-select-selector .ant-select-selection-item:after{display:none}::ng-deep .rd-form-item-select.ant-select .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500;font-size:14px}::ng-deep .rd-form-item-select .ant-select-selector{padding:12px 16px}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-item{border-radius:4px;background:transparent;font-size:14px;font-weight:500;color:var(--rd-copy-primary);display:flex;align-items:center;gap:4px}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove{line-height:1}::ng-deep .rd-form-item-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px}::ng-deep .rd-form-item-select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px;border:1px solid var(--rd-input-fg-hover);background:var(--rd-input-bg-hover);box-shadow:0 0 0 2px #367af61a}::ng-deep .rd-form-item-select .ant-empty-description{font-weight:400;font-size:14px;line-height:22px;color:var(--rd-copy-primary)}::ng-deep .rd-form-item-select .ant-select-selection-placeholder{color:var(--rd-copy-primary);font-weight:500;font-size:14px}::ng-deep .rd-form-item-select .ant-select-selection-item-content{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-form-item-select .ant-select-arrow{transition:ease-in-out .2s all;cursor:pointer;pointer-events:initial}::ng-deep .rd-form-item-select:hover:has(.ant-select-clear) .ant-select-arrow{opacity:0}::ng-deep .rd-form-item-select.ant-select-focused .ant-select-arrow,::ng-deep .rd-form-item-select .ant-select-selector:focus-within .ant-select-arrow{transform:rotate(-180deg);transition:transform .2s ease}::ng-deep .rd-form-item-select-s{min-height:38px}::ng-deep .rd-form-item-select-s.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:100%;min-height:38px;padding:0 12px}::ng-deep .rd-form-item-select-dropdown .ant-select-dropdown,::ng-deep .rd-form-item-select-dropdown-s .ant-select-dropdown,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-dropdown{border-radius:4px;background:var(--rd-bg-dropdown);min-width:113px}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option{background-color:transparent;padding:0 6px}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content{border-radius:4px;padding:0 6px;display:flex;align-items:center;color:var(--rd-copy-primary);font-size:14px;min-height:40px;font-weight:600}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-active .ant-select-item-option-content{background:rgba(54,122,246,.1)}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-disabled .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content{color:var(--rd-copy-secondary);background:var(--rd-input-bg-disable)}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty img,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty img,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty img{width:61px;height:68px}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty p,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty p,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty p{font-size:13px;color:var(--rd-copy-disable);font-weight:500;margin:0}::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-content{padding:0 4px;min-height:32px}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content{border-radius:4px;color:var(--rd-copy-primary);font-size:14px;padding:0 6px 0 32px;position:relative}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content:before{content:\"\";position:absolute;top:50%;left:6px;width:16px;height:16px;transform:translateY(-50%);border-radius:4px;border:1px solid var(--rd-control-border-empty)}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-selected .ant-select-item-option-content:before{background-image:url(/assets/img/icon/checkbox.svg);background-size:contain;background-position:center;background-repeat:no-repeat;border:none}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-state{display:none}::ng-deep .rd-form-item-option-content{display:flex;align-items:center;gap:8px;height:100%}::ng-deep .rd-form-item-option-content span{font-size:14px;font-weight:500}::ng-deep .rd-form-item-option-content .rd-token-icon{width:20px;height:20px;transition:opacity .3s ease-in-out}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: 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: "component", type: FormItemComponent, selector: "app-rd-form-item", inputs: ["errorMessage", "disabled", "label", "type", "focus", "value", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
5615
+ ], ngImport: i0, template: "<app-rd-form-item\n [disabled]=\"isDisabled\"\n [focus]=\"!!searchInput || isFocus || isOpen\"\n [type]=\"'select'\"\n [label]=\"label | translate\"\n [value]=\"value\"\n [errorMessage]=\"showError ? currentErrorMessage : ''\"\n [ngClass]=\"{ 'rd-form-item-phone': !label }\"\n>\n <nz-select\n class=\"rd-form-item-select\"\n nzBorderless\n [nzShowArrow]=\"false\"\n [nzPlaceHolder]=\"placeholder\"\n [nzShowSearch]=\"isShowSearch\"\n [disabled]=\"isDisabled\"\n [nzDropdownClassName]=\"dropdownClassName\"\n [(ngModel)]=\"value\"\n (ngModelChange)=\"onValueChange($event)\"\n (nzFocus)=\"isFocus = true\"\n (nzBlur)=\"isFocus = false\"\n (nzOpenChange)=\"isOpen = $event\"\n (nzOnSearch)=\"searchInput = $event\"\n [name]=\"name\"\n [nzOptionHeightPx]=\"40\"\n [nzSuffixIcon]=\"customIcon\"\n >\n <nz-option\n *ngFor=\"let option of options\"\n [nzValue]=\"option.value\"\n [nzLabel]=\"option.name | translate\"\n ></nz-option>\n </nz-select>\n</app-rd-form-item>\n\n<ng-template #customIcon>\n <svg\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=\"M2.60136 4.90777C2.83639 4.68743 3.20555 4.69934 3.42589 4.93437L8.00033 9.81377L12.5748 4.93437C12.7951 4.69934 13.1643 4.68743 13.3993 4.90777C13.6343 5.12812 13.6462 5.49727 13.4259 5.7323L8.42589 11.0656C8.31561 11.1833 8.16157 11.25 8.00033 11.25C7.83909 11.25 7.68504 11.1833 7.57476 11.0656L2.57476 5.7323C2.35442 5.49727 2.36633 5.12811 2.60136 4.90777Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n", styles: [":host .rd-form-item-select{width:100%}:host .rd-form-item-select ::ng-deep .ant-select-selection-search-input{padding:17px 5px 12px;color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500}:host .rd-form-item-select ::ng-deep .ant-select-selection-placeholder{color:var(--rd-copy-disable)!important}\n", "::ng-deep .rd-form-item-select{min-width:113px;min-height:52px;max-height:100%;position:relative}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-search{margin-inline-start:0}::ng-deep .rd-form-item-select .ant-select-selection-search-input{padding:12px 4px 0}::ng-deep .rd-form-item-select .ant-select-selection-search-input::placeholder{color:var(--rd-copy-disable)}::ng-deep .rd-form-item-select .ant-select-selection-search .ant-select-selection-search-input{padding:12px 4px 0;transform:translate(4px,14px)!important}::ng-deep .rd-form-item-select .ant-select-show-search{transform:translateY(10px)}::ng-deep .rd-form-item-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:14px 16px 10px;min-height:52px;height:-moz-fit-content;height:fit-content}.rd-form-item-phone ::ng-deep .rd-form-item-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:6px 16px 10px;min-height:52px;height:-moz-fit-content;height:fit-content}.rd-form-item-phone ::ng-deep .rd-form-item-select.ant-select-show-search.ant-select-multiple .ant-select-selector{padding:6px 16px}::ng-deep .rd-form-item-select.ant-select-single .ant-select-selector .ant-select-selection-item:after{display:none}::ng-deep .rd-form-item-select.ant-select .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500;font-size:14px}::ng-deep .rd-form-item-select .ant-select-selector{padding:12px 16px}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-item{border-radius:4px;background:transparent;font-size:14px;font-weight:500;color:var(--rd-copy-primary);display:flex;align-items:center;gap:4px}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove{line-height:1}::ng-deep .rd-form-item-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px}::ng-deep .rd-form-item-select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px;border:1px solid var(--rd-input-fg-hover);background:var(--rd-input-bg-hover);box-shadow:0 0 0 2px #367af61a}::ng-deep .rd-form-item-select .ant-empty-description{font-weight:400;font-size:14px;line-height:22px;color:var(--rd-copy-primary)}::ng-deep .rd-form-item-select .ant-select-selection-placeholder{color:var(--rd-copy-primary);font-weight:500;font-size:14px}::ng-deep .rd-form-item-select .ant-select-selection-item-content{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-form-item-select .ant-select-arrow{transition:ease-in-out .2s all;cursor:pointer;pointer-events:initial}::ng-deep .rd-form-item-select:hover:has(.ant-select-clear) .ant-select-arrow{opacity:0}::ng-deep .rd-form-item-select.ant-select-focused .ant-select-arrow,::ng-deep .rd-form-item-select .ant-select-selector:focus-within .ant-select-arrow{transform:rotate(-180deg);transition:transform .2s ease}::ng-deep .rd-form-item-select-s{min-height:38px}::ng-deep .rd-form-item-select-s.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:100%;min-height:38px;padding:0 12px}::ng-deep .rd-form-item-select-dropdown .ant-select-dropdown,::ng-deep .rd-form-item-select-dropdown-s .ant-select-dropdown,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-dropdown{border-radius:4px;background:var(--rd-bg-dropdown);min-width:113px}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option{background-color:transparent;padding:0 6px}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content{border-radius:4px;padding:0 6px;display:flex;align-items:center;color:var(--rd-copy-primary);font-size:14px;min-height:40px;font-weight:600}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-active .ant-select-item-option-content{background:rgba(54,122,246,.1)}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-disabled .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content{color:var(--rd-copy-secondary);background:var(--rd-input-bg-disable)}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty img,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty img,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty img{width:61px;height:68px}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty p,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty p,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty p{font-size:13px;color:var(--rd-copy-disable);font-weight:500;margin:0}::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-content{padding:0 4px;min-height:32px}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content{border-radius:4px;color:var(--rd-copy-primary);font-size:14px;padding:0 6px 0 32px;position:relative}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content:before{content:\"\";position:absolute;top:50%;left:6px;width:16px;height:16px;transform:translateY(-50%);border-radius:4px;border:1px solid var(--rd-control-border-empty)}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-selected .ant-select-item-option-content:before{background-image:url(/assets/img/icon/checkbox.svg);background-size:contain;background-position:center;background-repeat:no-repeat;border:none}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-state{display:none}::ng-deep .rd-form-item-option-content{display:flex;align-items:center;gap:8px;height:100%}::ng-deep .rd-form-item-option-content span{font-size:14px;font-weight:500}::ng-deep .rd-form-item-option-content .rd-token-icon{width:20px;height:20px;transition:opacity .3s ease-in-out}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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$4.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4$4.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: "component", type: FormItemComponent, selector: "app-rd-form-item", inputs: ["errorMessage", "disabled", "label", "type", "focus", "value", "size"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
5605
5616
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdSelectValueComponent, decorators: [{
5606
5617
  type: Component,
5607
5618
  args: [{ selector: 'app-rd-select-value', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -5615,8 +5626,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
5615
5626
  useExisting: forwardRef(() => RdSelectValueComponent),
5616
5627
  multi: true,
5617
5628
  },
5618
- ], template: "<app-rd-form-item\n [disabled]=\"isDisabled\"\n [focus]=\"!!searchInput || isFocus || isOpen\"\n [type]=\"'select'\"\n [label]=\"label\"\n [value]=\"value\"\n [errorMessage]=\"showError ? currentErrorMessage : ''\"\n [ngClass]=\"{ 'rd-form-item-phone': !label }\"\n>\n <nz-select\n class=\"rd-form-item-select\"\n nzBorderless\n [nzShowArrow]=\"false\"\n [nzPlaceHolder]=\"placeholder\"\n [nzShowSearch]=\"isShowSearch\"\n [disabled]=\"isDisabled\"\n [nzDropdownClassName]=\"dropdownClassName\"\n [(ngModel)]=\"value\"\n (ngModelChange)=\"onValueChange($event)\"\n (nzFocus)=\"isFocus = true\"\n (nzBlur)=\"isFocus = false\"\n (nzOpenChange)=\"isOpen = $event\"\n (nzOnSearch)=\"searchInput = $event\"\n [name]=\"name\"\n [nzOptionHeightPx]=\"40\"\n [nzSuffixIcon]=\"customIcon\"\n >\n <nz-option\n *ngFor=\"let option of options\"\n [nzValue]=\"option.value\"\n [nzLabel]=\"option.name\"\n ></nz-option>\n </nz-select>\n</app-rd-form-item>\n\n<ng-template #customIcon>\n <svg\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=\"M2.60136 4.90777C2.83639 4.68743 3.20555 4.69934 3.42589 4.93437L8.00033 9.81377L12.5748 4.93437C12.7951 4.69934 13.1643 4.68743 13.3993 4.90777C13.6343 5.12812 13.6462 5.49727 13.4259 5.7323L8.42589 11.0656C8.31561 11.1833 8.16157 11.25 8.00033 11.25C7.83909 11.25 7.68504 11.1833 7.57476 11.0656L2.57476 5.7323C2.35442 5.49727 2.36633 5.12811 2.60136 4.90777Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n", styles: [":host .rd-form-item-select{width:100%}:host .rd-form-item-select ::ng-deep .ant-select-selection-search-input{padding:17px 5px 12px;color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500}:host .rd-form-item-select ::ng-deep .ant-select-selection-placeholder{color:var(--rd-copy-disable)!important}\n", "::ng-deep .rd-form-item-select{min-width:113px;min-height:52px;max-height:100%;position:relative}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-search{margin-inline-start:0}::ng-deep .rd-form-item-select .ant-select-selection-search-input{padding:12px 4px 0}::ng-deep .rd-form-item-select .ant-select-selection-search-input::placeholder{color:var(--rd-copy-disable)}::ng-deep .rd-form-item-select .ant-select-selection-search .ant-select-selection-search-input{padding:12px 4px 0;transform:translate(4px,14px)!important}::ng-deep .rd-form-item-select .ant-select-show-search{transform:translateY(10px)}::ng-deep .rd-form-item-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:14px 16px 10px;min-height:52px;height:-moz-fit-content;height:fit-content}.rd-form-item-phone ::ng-deep .rd-form-item-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:6px 16px 10px;min-height:52px;height:-moz-fit-content;height:fit-content}.rd-form-item-phone ::ng-deep .rd-form-item-select.ant-select-show-search.ant-select-multiple .ant-select-selector{padding:6px 16px}::ng-deep .rd-form-item-select.ant-select-single .ant-select-selector .ant-select-selection-item:after{display:none}::ng-deep .rd-form-item-select.ant-select .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500;font-size:14px}::ng-deep .rd-form-item-select .ant-select-selector{padding:12px 16px}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-item{border-radius:4px;background:transparent;font-size:14px;font-weight:500;color:var(--rd-copy-primary);display:flex;align-items:center;gap:4px}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove{line-height:1}::ng-deep .rd-form-item-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px}::ng-deep .rd-form-item-select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px;border:1px solid var(--rd-input-fg-hover);background:var(--rd-input-bg-hover);box-shadow:0 0 0 2px #367af61a}::ng-deep .rd-form-item-select .ant-empty-description{font-weight:400;font-size:14px;line-height:22px;color:var(--rd-copy-primary)}::ng-deep .rd-form-item-select .ant-select-selection-placeholder{color:var(--rd-copy-primary);font-weight:500;font-size:14px}::ng-deep .rd-form-item-select .ant-select-selection-item-content{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-form-item-select .ant-select-arrow{transition:ease-in-out .2s all;cursor:pointer;pointer-events:initial}::ng-deep .rd-form-item-select:hover:has(.ant-select-clear) .ant-select-arrow{opacity:0}::ng-deep .rd-form-item-select.ant-select-focused .ant-select-arrow,::ng-deep .rd-form-item-select .ant-select-selector:focus-within .ant-select-arrow{transform:rotate(-180deg);transition:transform .2s ease}::ng-deep .rd-form-item-select-s{min-height:38px}::ng-deep .rd-form-item-select-s.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:100%;min-height:38px;padding:0 12px}::ng-deep .rd-form-item-select-dropdown .ant-select-dropdown,::ng-deep .rd-form-item-select-dropdown-s .ant-select-dropdown,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-dropdown{border-radius:4px;background:var(--rd-bg-dropdown);min-width:113px}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option{background-color:transparent;padding:0 6px}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content{border-radius:4px;padding:0 6px;display:flex;align-items:center;color:var(--rd-copy-primary);font-size:14px;min-height:40px;font-weight:600}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-active .ant-select-item-option-content{background:rgba(54,122,246,.1)}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-disabled .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content{color:var(--rd-copy-secondary);background:var(--rd-input-bg-disable)}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty img,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty img,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty img{width:61px;height:68px}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty p,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty p,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty p{font-size:13px;color:var(--rd-copy-disable);font-weight:500;margin:0}::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-content{padding:0 4px;min-height:32px}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content{border-radius:4px;color:var(--rd-copy-primary);font-size:14px;padding:0 6px 0 32px;position:relative}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content:before{content:\"\";position:absolute;top:50%;left:6px;width:16px;height:16px;transform:translateY(-50%);border-radius:4px;border:1px solid var(--rd-control-border-empty)}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-selected .ant-select-item-option-content:before{background-image:url(/assets/img/icon/checkbox.svg);background-size:contain;background-position:center;background-repeat:no-repeat;border:none}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-state{display:none}::ng-deep .rd-form-item-option-content{display:flex;align-items:center;gap:8px;height:100%}::ng-deep .rd-form-item-option-content span{font-size:14px;font-weight:500}::ng-deep .rd-form-item-option-content .rd-token-icon{width:20px;height:20px;transition:opacity .3s ease-in-out}\n"] }]
5619
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }]; }, propDecorators: { options: [{
5629
+ ], template: "<app-rd-form-item\n [disabled]=\"isDisabled\"\n [focus]=\"!!searchInput || isFocus || isOpen\"\n [type]=\"'select'\"\n [label]=\"label | translate\"\n [value]=\"value\"\n [errorMessage]=\"showError ? currentErrorMessage : ''\"\n [ngClass]=\"{ 'rd-form-item-phone': !label }\"\n>\n <nz-select\n class=\"rd-form-item-select\"\n nzBorderless\n [nzShowArrow]=\"false\"\n [nzPlaceHolder]=\"placeholder\"\n [nzShowSearch]=\"isShowSearch\"\n [disabled]=\"isDisabled\"\n [nzDropdownClassName]=\"dropdownClassName\"\n [(ngModel)]=\"value\"\n (ngModelChange)=\"onValueChange($event)\"\n (nzFocus)=\"isFocus = true\"\n (nzBlur)=\"isFocus = false\"\n (nzOpenChange)=\"isOpen = $event\"\n (nzOnSearch)=\"searchInput = $event\"\n [name]=\"name\"\n [nzOptionHeightPx]=\"40\"\n [nzSuffixIcon]=\"customIcon\"\n >\n <nz-option\n *ngFor=\"let option of options\"\n [nzValue]=\"option.value\"\n [nzLabel]=\"option.name | translate\"\n ></nz-option>\n </nz-select>\n</app-rd-form-item>\n\n<ng-template #customIcon>\n <svg\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=\"M2.60136 4.90777C2.83639 4.68743 3.20555 4.69934 3.42589 4.93437L8.00033 9.81377L12.5748 4.93437C12.7951 4.69934 13.1643 4.68743 13.3993 4.90777C13.6343 5.12812 13.6462 5.49727 13.4259 5.7323L8.42589 11.0656C8.31561 11.1833 8.16157 11.25 8.00033 11.25C7.83909 11.25 7.68504 11.1833 7.57476 11.0656L2.57476 5.7323C2.35442 5.49727 2.36633 5.12811 2.60136 4.90777Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n", styles: [":host .rd-form-item-select{width:100%}:host .rd-form-item-select ::ng-deep .ant-select-selection-search-input{padding:17px 5px 12px;color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500}:host .rd-form-item-select ::ng-deep .ant-select-selection-placeholder{color:var(--rd-copy-disable)!important}\n", "::ng-deep .rd-form-item-select{min-width:113px;min-height:52px;max-height:100%;position:relative}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-search{margin-inline-start:0}::ng-deep .rd-form-item-select .ant-select-selection-search-input{padding:12px 4px 0}::ng-deep .rd-form-item-select .ant-select-selection-search-input::placeholder{color:var(--rd-copy-disable)}::ng-deep .rd-form-item-select .ant-select-selection-search .ant-select-selection-search-input{padding:12px 4px 0;transform:translate(4px,14px)!important}::ng-deep .rd-form-item-select .ant-select-show-search{transform:translateY(10px)}::ng-deep .rd-form-item-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:14px 16px 10px;min-height:52px;height:-moz-fit-content;height:fit-content}.rd-form-item-phone ::ng-deep .rd-form-item-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:6px 16px 10px;min-height:52px;height:-moz-fit-content;height:fit-content}.rd-form-item-phone ::ng-deep .rd-form-item-select.ant-select-show-search.ant-select-multiple .ant-select-selector{padding:6px 16px}::ng-deep .rd-form-item-select.ant-select-single .ant-select-selector .ant-select-selection-item:after{display:none}::ng-deep .rd-form-item-select.ant-select .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500;font-size:14px}::ng-deep .rd-form-item-select .ant-select-selector{padding:12px 16px}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-item{border-radius:4px;background:transparent;font-size:14px;font-weight:500;color:var(--rd-copy-primary);display:flex;align-items:center;gap:4px}::ng-deep .rd-form-item-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove{line-height:1}::ng-deep .rd-form-item-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px}::ng-deep .rd-form-item-select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px;border:1px solid var(--rd-input-fg-hover);background:var(--rd-input-bg-hover);box-shadow:0 0 0 2px #367af61a}::ng-deep .rd-form-item-select .ant-empty-description{font-weight:400;font-size:14px;line-height:22px;color:var(--rd-copy-primary)}::ng-deep .rd-form-item-select .ant-select-selection-placeholder{color:var(--rd-copy-primary);font-weight:500;font-size:14px}::ng-deep .rd-form-item-select .ant-select-selection-item-content{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-form-item-select .ant-select-arrow{transition:ease-in-out .2s all;cursor:pointer;pointer-events:initial}::ng-deep .rd-form-item-select:hover:has(.ant-select-clear) .ant-select-arrow{opacity:0}::ng-deep .rd-form-item-select.ant-select-focused .ant-select-arrow,::ng-deep .rd-form-item-select .ant-select-selector:focus-within .ant-select-arrow{transform:rotate(-180deg);transition:transform .2s ease}::ng-deep .rd-form-item-select-s{min-height:38px}::ng-deep .rd-form-item-select-s.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:100%;min-height:38px;padding:0 12px}::ng-deep .rd-form-item-select-dropdown .ant-select-dropdown,::ng-deep .rd-form-item-select-dropdown-s .ant-select-dropdown,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-dropdown{border-radius:4px;background:var(--rd-bg-dropdown);min-width:113px}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option{background-color:transparent;padding:0 6px}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content{border-radius:4px;padding:0 6px;display:flex;align-items:center;color:var(--rd-copy-primary);font-size:14px;min-height:40px;font-weight:600}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-active .ant-select-item-option-content{background:rgba(54,122,246,.1)}::ng-deep .rd-form-item-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content,::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-disabled .ant-select-item-option-content,::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content{color:var(--rd-copy-secondary);background:var(--rd-input-bg-disable)}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty img,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty img,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty img{width:61px;height:68px}::ng-deep .rd-form-item-select-dropdown .rd-form-item-empty p,::ng-deep .rd-form-item-select-dropdown-s .rd-form-item-empty p,::ng-deep .rd-form-item-multiple-select-dropdown .rd-form-item-empty p{font-size:13px;color:var(--rd-copy-disable);font-weight:500;margin:0}::ng-deep .rd-form-item-select-dropdown-s .ant-select-item-option-content{padding:0 4px;min-height:32px}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content{border-radius:4px;color:var(--rd-copy-primary);font-size:14px;padding:0 6px 0 32px;position:relative}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-content:before{content:\"\";position:absolute;top:50%;left:6px;width:16px;height:16px;transform:translateY(-50%);border-radius:4px;border:1px solid var(--rd-control-border-empty)}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-selected .ant-select-item-option-content:before{background-image:url(/assets/img/icon/checkbox.svg);background-size:contain;background-position:center;background-repeat:no-repeat;border:none}::ng-deep .rd-form-item-multiple-select-dropdown .ant-select-item-option-state{display:none}::ng-deep .rd-form-item-option-content{display:flex;align-items:center;gap:8px;height:100%}::ng-deep .rd-form-item-option-content span{font-size:14px;font-weight:500}::ng-deep .rd-form-item-option-content .rd-token-icon{width:20px;height:20px;transition:opacity .3s ease-in-out}\n"] }]
5630
+ }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.TranslateService }]; }, propDecorators: { options: [{
5620
5631
  type: Input
5621
5632
  }], isShowSearch: [{
5622
5633
  type: Input
@@ -5663,10 +5674,10 @@ class RdPhoneComponent {
5663
5674
  }
5664
5675
  }
5665
5676
  RdPhoneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdPhoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
5666
- RdPhoneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdPhoneComponent, selector: "app-rd-phone", inputs: { form: "form", areaCodeControlName: "areaCodeControlName", phoneControlName: "phoneControlName", label: "label", required: "required", excludeAreaCodes: "excludeAreaCodes", areaCodeOptions: "areaCodeOptions" }, ngImport: i0, template: "<div class=\"rd-phone-field\" [formGroup]=\"form\">\n <div class=\"rd-phone-row\">\n <div class=\"rd-phone-area-code\">\n <app-rd-select-value\n [formControlName]=\"areaCodeControlName\"\n [options]=\"filteredAreaCodeOptions\"\n [isShowSearch]=\"true\"\n ></app-rd-select-value>\n </div>\n <div class=\"rd-phone-number\">\n <app-rd-input\n [formControlName]=\"phoneControlName\"\n [label]=\"label\"\n [required]=\"required\"\n [maskType]=\"'number'\"\n ></app-rd-input>\n </div>\n </div>\n</div>\n", styles: [":host{display:block}:host .rd-phone-row{display:flex;gap:8px;align-items:flex-start}:host .rd-phone-area-code{width:93px;flex-shrink:0}:host .rd-phone-area-code ::ng-deep .rd-form-item-select .ant-select-selection-search-input{color:inherit;display:block;margin-top:-6px;padding:0 5px}:host .rd-phone-number{flex:1;min-width:0}:host .rd-phone-error{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:12px;line-height:16px;color:var(--rd-copy-danger)}\n"], dependencies: [{ kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: RdSelectValueComponent, selector: "app-rd-select-value", inputs: ["options", "isShowSearch", "isShowErrorTip", "placeholder", "label", "name"] }, { kind: "component", type: CustomInputComponent, selector: "app-rd-input", inputs: ["label", "symbol", "name", "disabled", "maskNumber", "maskType", "type", "allowNegativeNumbers", "required", "placeholder", "min", "max", "minLength", "maxLength", "pattern", "customValidator", "size", "errorMessages"], outputs: ["valueChange", "focus", "blur"] }] });
5677
+ RdPhoneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdPhoneComponent, selector: "app-rd-phone", inputs: { form: "form", areaCodeControlName: "areaCodeControlName", phoneControlName: "phoneControlName", label: "label", required: "required", excludeAreaCodes: "excludeAreaCodes", areaCodeOptions: "areaCodeOptions" }, ngImport: i0, template: "<div class=\"rd-phone-field\" [formGroup]=\"form\">\n <div class=\"rd-phone-row\">\n <div class=\"rd-phone-area-code\">\n <app-rd-select-value\n [formControlName]=\"areaCodeControlName\"\n [options]=\"filteredAreaCodeOptions\"\n [isShowSearch]=\"true\"\n ></app-rd-select-value>\n </div>\n <div class=\"rd-phone-number\">\n <app-rd-input\n [formControlName]=\"phoneControlName\"\n [label]=\"label | translate\"\n [required]=\"required\"\n [maskType]=\"'number'\"\n ></app-rd-input>\n </div>\n </div>\n</div>\n", styles: [":host{display:block}:host .rd-phone-row{display:flex;gap:8px;align-items:flex-start}:host .rd-phone-area-code{width:93px;flex-shrink:0}:host .rd-phone-area-code ::ng-deep .rd-form-item-select .ant-select-selection-search-input{color:inherit;display:block;margin-top:-6px;padding:0 5px}:host .rd-phone-number{flex:1;min-width:0}:host .rd-phone-error{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:12px;line-height:16px;color:var(--rd-copy-danger)}\n"], dependencies: [{ kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: RdSelectValueComponent, selector: "app-rd-select-value", inputs: ["options", "isShowSearch", "isShowErrorTip", "placeholder", "label", "name"] }, { kind: "component", type: CustomInputComponent, selector: "app-rd-input", inputs: ["label", "symbol", "name", "disabled", "maskNumber", "maskType", "type", "allowNegativeNumbers", "required", "placeholder", "min", "max", "minLength", "maxLength", "pattern", "customValidator", "size", "errorMessages"], outputs: ["valueChange", "focus", "blur"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
5667
5678
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdPhoneComponent, decorators: [{
5668
5679
  type: Component,
5669
- args: [{ selector: 'app-rd-phone', template: "<div class=\"rd-phone-field\" [formGroup]=\"form\">\n <div class=\"rd-phone-row\">\n <div class=\"rd-phone-area-code\">\n <app-rd-select-value\n [formControlName]=\"areaCodeControlName\"\n [options]=\"filteredAreaCodeOptions\"\n [isShowSearch]=\"true\"\n ></app-rd-select-value>\n </div>\n <div class=\"rd-phone-number\">\n <app-rd-input\n [formControlName]=\"phoneControlName\"\n [label]=\"label\"\n [required]=\"required\"\n [maskType]=\"'number'\"\n ></app-rd-input>\n </div>\n </div>\n</div>\n", styles: [":host{display:block}:host .rd-phone-row{display:flex;gap:8px;align-items:flex-start}:host .rd-phone-area-code{width:93px;flex-shrink:0}:host .rd-phone-area-code ::ng-deep .rd-form-item-select .ant-select-selection-search-input{color:inherit;display:block;margin-top:-6px;padding:0 5px}:host .rd-phone-number{flex:1;min-width:0}:host .rd-phone-error{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:12px;line-height:16px;color:var(--rd-copy-danger)}\n"] }]
5680
+ args: [{ selector: 'app-rd-phone', template: "<div class=\"rd-phone-field\" [formGroup]=\"form\">\n <div class=\"rd-phone-row\">\n <div class=\"rd-phone-area-code\">\n <app-rd-select-value\n [formControlName]=\"areaCodeControlName\"\n [options]=\"filteredAreaCodeOptions\"\n [isShowSearch]=\"true\"\n ></app-rd-select-value>\n </div>\n <div class=\"rd-phone-number\">\n <app-rd-input\n [formControlName]=\"phoneControlName\"\n [label]=\"label | translate\"\n [required]=\"required\"\n [maskType]=\"'number'\"\n ></app-rd-input>\n </div>\n </div>\n</div>\n", styles: [":host{display:block}:host .rd-phone-row{display:flex;gap:8px;align-items:flex-start}:host .rd-phone-area-code{width:93px;flex-shrink:0}:host .rd-phone-area-code ::ng-deep .rd-form-item-select .ant-select-selection-search-input{color:inherit;display:block;margin-top:-6px;padding:0 5px}:host .rd-phone-number{flex:1;min-width:0}:host .rd-phone-error{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:12px;line-height:16px;color:var(--rd-copy-danger)}\n"] }]
5670
5681
  }], ctorParameters: function () { return []; }, propDecorators: { form: [{
5671
5682
  type: Input
5672
5683
  }], areaCodeControlName: [{
@@ -5749,10 +5760,10 @@ class RdRemarkHistoryComponent {
5749
5760
  }
5750
5761
  }
5751
5762
  RdRemarkHistoryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdRemarkHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
5752
- RdRemarkHistoryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdRemarkHistoryComponent, selector: "app-rd-remark-history", inputs: { remarks: "remarks" }, outputs: { select: "select" }, ngImport: i0, template: "<div class=\"remark-options\">\n <div class=\"t12-500 c-text-secondary remark-options-title\">\n {{ \"recent_remarks\" | translate }}\n </div>\n <div\n class=\"remark-options-item t13-500 c-text-primary\"\n *ngFor=\"let remark of remarks\"\n (click)=\"onSelect(remark)\"\n >\n {{ remark }}\n </div>\n</div>\n", styles: [":host{display:block;min-width:320px;max-height:300px;overflow-y:auto;border-radius:4px;padding:0;border:1px solid var(--rd-bg-panel-border)}.remark-options,.remark-options-title{padding:8px}.remark-options-item{padding:16px 8px;border-radius:4px;cursor:pointer;color:var(--rd-copy-primary)}.remark-options-item:hover{background:rgba(42,123,255,.1)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
5763
+ RdRemarkHistoryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdRemarkHistoryComponent, selector: "app-rd-remark-history", inputs: { remarks: "remarks" }, outputs: { select: "select" }, ngImport: i0, template: "<div class=\"remark-options\">\n <div class=\"t12-500 c-text-secondary remark-options-title\">\n {{ \"recent_remarks\" | translate }}\n </div>\n <div\n class=\"remark-options-item t13-500 c-text-primary\"\n *ngFor=\"let remark of remarks\"\n (click)=\"onSelect(remark)\"\n >\n {{ remark | translate }}\n </div>\n</div>\n", styles: [":host{display:block;min-width:320px;max-height:300px;overflow-y:auto;border-radius:4px;padding:0;border:1px solid var(--rd-bg-panel-border)}.remark-options,.remark-options-title{padding:8px}.remark-options-item{padding:16px 8px;border-radius:4px;cursor:pointer;color:var(--rd-copy-primary)}.remark-options-item:hover{background:rgba(42,123,255,.1)}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
5753
5764
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdRemarkHistoryComponent, decorators: [{
5754
5765
  type: Component,
5755
- args: [{ selector: "app-rd-remark-history", template: "<div class=\"remark-options\">\n <div class=\"t12-500 c-text-secondary remark-options-title\">\n {{ \"recent_remarks\" | translate }}\n </div>\n <div\n class=\"remark-options-item t13-500 c-text-primary\"\n *ngFor=\"let remark of remarks\"\n (click)=\"onSelect(remark)\"\n >\n {{ remark }}\n </div>\n</div>\n", styles: [":host{display:block;min-width:320px;max-height:300px;overflow-y:auto;border-radius:4px;padding:0;border:1px solid var(--rd-bg-panel-border)}.remark-options,.remark-options-title{padding:8px}.remark-options-item{padding:16px 8px;border-radius:4px;cursor:pointer;color:var(--rd-copy-primary)}.remark-options-item:hover{background:rgba(42,123,255,.1)}\n"] }]
5766
+ args: [{ selector: "app-rd-remark-history", template: "<div class=\"remark-options\">\n <div class=\"t12-500 c-text-secondary remark-options-title\">\n {{ \"recent_remarks\" | translate }}\n </div>\n <div\n class=\"remark-options-item t13-500 c-text-primary\"\n *ngFor=\"let remark of remarks\"\n (click)=\"onSelect(remark)\"\n >\n {{ remark | translate }}\n </div>\n</div>\n", styles: [":host{display:block;min-width:320px;max-height:300px;overflow-y:auto;border-radius:4px;padding:0;border:1px solid var(--rd-bg-panel-border)}.remark-options,.remark-options-title{padding:8px}.remark-options-item{padding:16px 8px;border-radius:4px;cursor:pointer;color:var(--rd-copy-primary)}.remark-options-item:hover{background:rgba(42,123,255,.1)}\n"] }]
5756
5767
  }], propDecorators: { remarks: [{
5757
5768
  type: Input
5758
5769
  }], select: [{
@@ -5856,7 +5867,7 @@ class RdSwitchComponent {
5856
5867
  return Object.keys(errors).length > 0 ? errors : null;
5857
5868
  }
5858
5869
  }
5859
- RdSwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdSwitchComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
5870
+ RdSwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdSwitchComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
5860
5871
  RdSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdSwitchComponent, selector: "app-rd-switch", inputs: { label: "label", name: "name", tooltip: "tooltip", disabled: "disabled", required: "required", checkedChildren: "checkedChildren", unCheckedChildren: "unCheckedChildren", theme: "theme", errorMessages: "errorMessages" }, outputs: { valueChange: "valueChange", blur: "blur" }, host: { properties: { "class.theme-light": "this.hostThemeLight", "class.theme-dark": "this.hostThemeDark" } }, providers: [
5861
5872
  {
5862
5873
  provide: NG_VALUE_ACCESSOR,
@@ -5868,7 +5879,7 @@ RdSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
5868
5879
  useExisting: forwardRef(() => RdSwitchComponent),
5869
5880
  multi: true,
5870
5881
  },
5871
- ], ngImport: i0, template: "<div class=\"rd-form-item rd-form-item-switch\">\n <nz-switch\n [nzCheckedChildren]=\"checkedChildren\"\n [nzUnCheckedChildren]=\"unCheckedChildren\"\n [nzDisabled]=\"disabled\"\n [ngModel]=\"value\"\n (ngModelChange)=\"handleValueChange($event)\"\n (blur)=\"onBlur()\"\n ></nz-switch>\n <div class=\"rd-form-item-label\">\n <div\n class=\"cursor-pointer\"\n [innerHTML]=\"label\"\n nz-tooltip\n [nzTooltipTitle]=\"tooltip | translate\"\n [nzTooltipColor]=\"'#F8F9FA'\"\n nzTooltipOverlayClassName=\"custom-tooltip\"\n ></div>\n </div>\n\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 }}\n </div>\n</div>\n", styles: [":host .rd-form-item-switch{display:flex;align-items:center;gap:12px;padding:0!important}:host .rd-form-item-switch ::ng-deep .ant-switch{background:var(--rd-switch-bg-off)!important;box-shadow:none!important}:host .rd-form-item-switch ::ng-deep .ant-switch-checked{background:var(--rd-switch-bg-on)!important;box-shadow:none!important}:host .rd-form-item-switch .rd-form-item-label{margin-bottom:0;flex-shrink:0;font-weight:400;font-style:Medium;font-size:14px;line-height:22px;vertical-align:middle;color:var(--rd-copy-primary);flex:1;word-break:break-word;white-space:break-spaces}:host .rd-form-item-switch .rd-form-item-label>div{width:-moz-fit-content;width:fit-content}:host .rd-form-item-switch .rd-form-item-label ::ng-deep .dashed-bottom{border-bottom-color:var(--rd-copy-primary)}:host .rd-form-item-switch.rd-disabled{opacity:.6;cursor:not-allowed}:host .rd-form-item-switch.rd-disabled .rd-form-item-label{color:var(--rd-copy-disable)}:host .rd-form-item-switch.rd-error .rd-form-item-label{color:var(--rd-copy-danger)}:host .rd-form-item-error{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:12px;line-height:16px;color:var(--rd-copy-danger)}:host .rd-form-item-error img{width:12px;height:12px}:host .rd-form-item-error .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"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$6.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "directive", type: i5$2.NzTooltipDirective, selector: "[nz-tooltip]", inputs: ["nzTooltipTitle", "nzTooltipTitleContext", "nz-tooltip", "nzTooltipTrigger", "nzTooltipPlacement", "nzTooltipOrigin", "nzTooltipVisible", "nzTooltipMouseEnterDelay", "nzTooltipMouseLeaveDelay", "nzTooltipOverlayClassName", "nzTooltipOverlayStyle", "nzTooltipArrowPointAtCenter", "nzTooltipColor"], outputs: ["nzTooltipVisibleChange"], exportAs: ["nzTooltip"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
5882
+ ], ngImport: i0, template: "<div class=\"rd-form-item rd-form-item-switch\">\n <nz-switch\n [nzCheckedChildren]=\"checkedChildren\"\n [nzUnCheckedChildren]=\"unCheckedChildren\"\n [nzDisabled]=\"disabled\"\n [ngModel]=\"value\"\n (ngModelChange)=\"handleValueChange($event)\"\n (blur)=\"onBlur()\"\n ></nz-switch>\n <div class=\"rd-form-item-label\">\n <div\n class=\"cursor-pointer\"\n [innerHTML]=\"label\"\n nz-tooltip\n [nzTooltipTitle]=\"tooltip | translate\"\n [nzTooltipColor]=\"'#F8F9FA'\"\n nzTooltipOverlayClassName=\"custom-tooltip\"\n ></div>\n </div>\n\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-switch{display:flex;align-items:center;gap:12px;padding:0!important}:host .rd-form-item-switch ::ng-deep .ant-switch{background:var(--rd-switch-bg-off)!important;box-shadow:none!important}:host .rd-form-item-switch ::ng-deep .ant-switch-checked{background:var(--rd-switch-bg-on)!important;box-shadow:none!important}:host .rd-form-item-switch .rd-form-item-label{margin-bottom:0;flex-shrink:0;font-weight:400;font-style:Medium;font-size:14px;line-height:22px;vertical-align:middle;color:var(--rd-copy-primary);flex:1;word-break:break-word;white-space:break-spaces}:host .rd-form-item-switch .rd-form-item-label>div{width:-moz-fit-content;width:fit-content}:host .rd-form-item-switch .rd-form-item-label ::ng-deep .dashed-bottom{border-bottom-color:var(--rd-copy-primary)}:host .rd-form-item-switch.rd-disabled{opacity:.6;cursor:not-allowed}:host .rd-form-item-switch.rd-disabled .rd-form-item-label{color:var(--rd-copy-disable)}:host .rd-form-item-switch.rd-error .rd-form-item-label{color:var(--rd-copy-danger)}:host .rd-form-item-error{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:12px;line-height:16px;color:var(--rd-copy-danger)}:host .rd-form-item-error img{width:12px;height:12px}:host .rd-form-item-error .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"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$7.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "directive", type: i5$2.NzTooltipDirective, selector: "[nz-tooltip]", inputs: ["nzTooltipTitle", "nzTooltipTitleContext", "nz-tooltip", "nzTooltipTrigger", "nzTooltipPlacement", "nzTooltipOrigin", "nzTooltipVisible", "nzTooltipMouseEnterDelay", "nzTooltipMouseLeaveDelay", "nzTooltipOverlayClassName", "nzTooltipOverlayStyle", "nzTooltipArrowPointAtCenter", "nzTooltipColor"], outputs: ["nzTooltipVisibleChange"], exportAs: ["nzTooltip"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
5872
5883
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdSwitchComponent, decorators: [{
5873
5884
  type: Component,
5874
5885
  args: [{ selector: "app-rd-switch", providers: [
@@ -5882,8 +5893,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
5882
5893
  useExisting: forwardRef(() => RdSwitchComponent),
5883
5894
  multi: true,
5884
5895
  },
5885
- ], template: "<div class=\"rd-form-item rd-form-item-switch\">\n <nz-switch\n [nzCheckedChildren]=\"checkedChildren\"\n [nzUnCheckedChildren]=\"unCheckedChildren\"\n [nzDisabled]=\"disabled\"\n [ngModel]=\"value\"\n (ngModelChange)=\"handleValueChange($event)\"\n (blur)=\"onBlur()\"\n ></nz-switch>\n <div class=\"rd-form-item-label\">\n <div\n class=\"cursor-pointer\"\n [innerHTML]=\"label\"\n nz-tooltip\n [nzTooltipTitle]=\"tooltip | translate\"\n [nzTooltipColor]=\"'#F8F9FA'\"\n nzTooltipOverlayClassName=\"custom-tooltip\"\n ></div>\n </div>\n\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 }}\n </div>\n</div>\n", styles: [":host .rd-form-item-switch{display:flex;align-items:center;gap:12px;padding:0!important}:host .rd-form-item-switch ::ng-deep .ant-switch{background:var(--rd-switch-bg-off)!important;box-shadow:none!important}:host .rd-form-item-switch ::ng-deep .ant-switch-checked{background:var(--rd-switch-bg-on)!important;box-shadow:none!important}:host .rd-form-item-switch .rd-form-item-label{margin-bottom:0;flex-shrink:0;font-weight:400;font-style:Medium;font-size:14px;line-height:22px;vertical-align:middle;color:var(--rd-copy-primary);flex:1;word-break:break-word;white-space:break-spaces}:host .rd-form-item-switch .rd-form-item-label>div{width:-moz-fit-content;width:fit-content}:host .rd-form-item-switch .rd-form-item-label ::ng-deep .dashed-bottom{border-bottom-color:var(--rd-copy-primary)}:host .rd-form-item-switch.rd-disabled{opacity:.6;cursor:not-allowed}:host .rd-form-item-switch.rd-disabled .rd-form-item-label{color:var(--rd-copy-disable)}:host .rd-form-item-switch.rd-error .rd-form-item-label{color:var(--rd-copy-danger)}:host .rd-form-item-error{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:12px;line-height:16px;color:var(--rd-copy-danger)}:host .rd-form-item-error img{width:12px;height:12px}:host .rd-form-item-error .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"] }]
5886
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }]; }, propDecorators: { label: [{
5896
+ ], template: "<div class=\"rd-form-item rd-form-item-switch\">\n <nz-switch\n [nzCheckedChildren]=\"checkedChildren\"\n [nzUnCheckedChildren]=\"unCheckedChildren\"\n [nzDisabled]=\"disabled\"\n [ngModel]=\"value\"\n (ngModelChange)=\"handleValueChange($event)\"\n (blur)=\"onBlur()\"\n ></nz-switch>\n <div class=\"rd-form-item-label\">\n <div\n class=\"cursor-pointer\"\n [innerHTML]=\"label\"\n nz-tooltip\n [nzTooltipTitle]=\"tooltip | translate\"\n [nzTooltipColor]=\"'#F8F9FA'\"\n nzTooltipOverlayClassName=\"custom-tooltip\"\n ></div>\n </div>\n\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-switch{display:flex;align-items:center;gap:12px;padding:0!important}:host .rd-form-item-switch ::ng-deep .ant-switch{background:var(--rd-switch-bg-off)!important;box-shadow:none!important}:host .rd-form-item-switch ::ng-deep .ant-switch-checked{background:var(--rd-switch-bg-on)!important;box-shadow:none!important}:host .rd-form-item-switch .rd-form-item-label{margin-bottom:0;flex-shrink:0;font-weight:400;font-style:Medium;font-size:14px;line-height:22px;vertical-align:middle;color:var(--rd-copy-primary);flex:1;word-break:break-word;white-space:break-spaces}:host .rd-form-item-switch .rd-form-item-label>div{width:-moz-fit-content;width:fit-content}:host .rd-form-item-switch .rd-form-item-label ::ng-deep .dashed-bottom{border-bottom-color:var(--rd-copy-primary)}:host .rd-form-item-switch.rd-disabled{opacity:.6;cursor:not-allowed}:host .rd-form-item-switch.rd-disabled .rd-form-item-label{color:var(--rd-copy-disable)}:host .rd-form-item-switch.rd-error .rd-form-item-label{color:var(--rd-copy-danger)}:host .rd-form-item-error{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:12px;line-height:16px;color:var(--rd-copy-danger)}:host .rd-form-item-error img{width:12px;height:12px}:host .rd-form-item-error .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"] }]
5897
+ }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.TranslateService }]; }, propDecorators: { label: [{
5887
5898
  type: Input
5888
5899
  }], name: [{
5889
5900
  type: Input