rd-outer-component 0.1.45 → 0.1.48
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/modules/custom-date/custom-date.component.mjs +12 -2
- package/esm2020/lib/modules/custom-radio/custom-radio.component.mjs +2 -2
- package/esm2020/lib/modules/status-field/status-field.component.mjs +12 -9
- package/esm2020/lib/modules/status-field/status-field.module.mjs +5 -4
- package/fesm2015/rd-outer-component.mjs +23 -11
- package/fesm2015/rd-outer-component.mjs.map +1 -1
- package/fesm2020/rd-outer-component.mjs +23 -11
- package/fesm2020/rd-outer-component.mjs.map +1 -1
- package/lib/modules/status-field/status-field.component.d.ts +3 -1
- package/lib/modules/status-field/status-field.module.d.ts +2 -1
- package/package.json +1 -1
|
@@ -314,6 +314,11 @@ CustomDateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
|
|
|
314
314
|
useExisting: forwardRef(() => CustomDateComponent),
|
|
315
315
|
multi: true,
|
|
316
316
|
},
|
|
317
|
+
{
|
|
318
|
+
provide: NG_VALIDATORS,
|
|
319
|
+
useExisting: forwardRef(() => CustomDateComponent),
|
|
320
|
+
multi: true,
|
|
321
|
+
},
|
|
317
322
|
], 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"] }] });
|
|
318
323
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomDateComponent, decorators: [{
|
|
319
324
|
type: Component,
|
|
@@ -323,6 +328,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
323
328
|
useExisting: forwardRef(() => CustomDateComponent),
|
|
324
329
|
multi: true,
|
|
325
330
|
},
|
|
331
|
+
{
|
|
332
|
+
provide: NG_VALIDATORS,
|
|
333
|
+
useExisting: forwardRef(() => CustomDateComponent),
|
|
334
|
+
multi: true,
|
|
335
|
+
},
|
|
326
336
|
], 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"] }]
|
|
327
337
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }]; }, propDecorators: { disabled: [{
|
|
328
338
|
type: Input
|
|
@@ -1244,7 +1254,7 @@ CustomRadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
1244
1254
|
useExisting: forwardRef(() => CustomRadioComponent),
|
|
1245
1255
|
multi: true,
|
|
1246
1256
|
},
|
|
1247
|
-
], 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:
|
|
1257
|
+
], 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"] }] });
|
|
1248
1258
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomRadioComponent, decorators: [{
|
|
1249
1259
|
type: Component,
|
|
1250
1260
|
args: [{ selector: 'app-rd-radio', providers: [
|
|
@@ -1253,7 +1263,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1253
1263
|
useExisting: forwardRef(() => CustomRadioComponent),
|
|
1254
1264
|
multi: true,
|
|
1255
1265
|
},
|
|
1256
|
-
], 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:
|
|
1266
|
+
], 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"] }]
|
|
1257
1267
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { label: [{
|
|
1258
1268
|
type: Input
|
|
1259
1269
|
}], name: [{
|
|
@@ -2394,7 +2404,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
2394
2404
|
}] });
|
|
2395
2405
|
|
|
2396
2406
|
class StatusFieldComponent {
|
|
2397
|
-
constructor() {
|
|
2407
|
+
constructor(translate) {
|
|
2408
|
+
this.translate = translate;
|
|
2398
2409
|
this.size = 'default';
|
|
2399
2410
|
this.statusDisplayConfigs = [];
|
|
2400
2411
|
this.statusGroupConfigs = {};
|
|
@@ -2405,7 +2416,8 @@ class StatusFieldComponent {
|
|
|
2405
2416
|
if (exactMatch) {
|
|
2406
2417
|
return {
|
|
2407
2418
|
icon: exactMatch?.icon,
|
|
2408
|
-
text: exactMatch?.text ||
|
|
2419
|
+
text: this.translate.instant(exactMatch?.text) ||
|
|
2420
|
+
this.translate.instant(this.status),
|
|
2409
2421
|
};
|
|
2410
2422
|
}
|
|
2411
2423
|
// 2. 查找分组匹配
|
|
@@ -2414,18 +2426,18 @@ class StatusFieldComponent {
|
|
|
2414
2426
|
if (group?.match(this.status)) {
|
|
2415
2427
|
return {
|
|
2416
2428
|
icon: group?.icon,
|
|
2417
|
-
text: this.status, // 或者可以配置默认文本
|
|
2429
|
+
text: this.translate.instant(this.status), // 或者可以配置默认文本
|
|
2418
2430
|
};
|
|
2419
2431
|
}
|
|
2420
2432
|
}
|
|
2421
2433
|
// 3. 默认返回
|
|
2422
2434
|
return {
|
|
2423
2435
|
icon: '',
|
|
2424
|
-
text: this.status,
|
|
2436
|
+
text: this.translate.instant(this.status),
|
|
2425
2437
|
};
|
|
2426
2438
|
}
|
|
2427
2439
|
}
|
|
2428
|
-
StatusFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StatusFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2440
|
+
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 });
|
|
2429
2441
|
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: `
|
|
2430
2442
|
<div class="rd-status-field" [ngClass]="size">
|
|
2431
2443
|
<img
|
|
@@ -2448,7 +2460,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
2448
2460
|
{{ getStatusDisplay()['text'] || '' }}
|
|
2449
2461
|
</div>
|
|
2450
2462
|
`, 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"] }]
|
|
2451
|
-
}], ctorParameters: function () { return []; }, propDecorators: { status: [{
|
|
2463
|
+
}], ctorParameters: function () { return [{ type: i1$1.TranslateService }]; }, propDecorators: { status: [{
|
|
2452
2464
|
type: Input
|
|
2453
2465
|
}], text: [{
|
|
2454
2466
|
type: Input
|
|
@@ -2521,13 +2533,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
2521
2533
|
class RdStatusFieldModule {
|
|
2522
2534
|
}
|
|
2523
2535
|
RdStatusFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdStatusFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2524
|
-
RdStatusFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RdStatusFieldModule, declarations: [StatusFieldComponent], imports: [CommonModule], exports: [StatusFieldComponent] });
|
|
2525
|
-
RdStatusFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdStatusFieldModule, imports: [CommonModule] });
|
|
2536
|
+
RdStatusFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RdStatusFieldModule, declarations: [StatusFieldComponent], imports: [CommonModule, TranslateModule], exports: [StatusFieldComponent] });
|
|
2537
|
+
RdStatusFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdStatusFieldModule, imports: [CommonModule, TranslateModule] });
|
|
2526
2538
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdStatusFieldModule, decorators: [{
|
|
2527
2539
|
type: NgModule,
|
|
2528
2540
|
args: [{
|
|
2529
2541
|
declarations: [StatusFieldComponent],
|
|
2530
|
-
imports: [CommonModule],
|
|
2542
|
+
imports: [CommonModule, TranslateModule],
|
|
2531
2543
|
exports: [StatusFieldComponent],
|
|
2532
2544
|
}]
|
|
2533
2545
|
}] });
|