rd-outer-component 0.1.21 → 0.1.23
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-filter/custom-filter-date/custom-filter-date.component.mjs +2 -2
- package/esm2020/lib/modules/custom-select/industry-cascader/industry-cascader.component.mjs +2 -2
- package/esm2020/lib/modules/rd-common-box/index.mjs +3 -0
- package/esm2020/lib/modules/rd-common-box/rd-common-box.component.mjs +22 -0
- package/esm2020/lib/modules/rd-common-box/rd-common-box.module.mjs +18 -0
- package/esm2020/lib/modules/rd-notification/index.mjs +2 -2
- package/esm2020/lib/modules/rd-notification/notification.component.mjs +14 -19
- package/esm2020/lib/modules/rd-notification/notification.module.mjs +4 -5
- package/esm2020/lib/modules/rd-notification/notification.service.mjs +3 -13
- package/esm2020/public-api.mjs +2 -1
- package/fesm2015/rd-outer-component.mjs +54 -35
- package/fesm2015/rd-outer-component.mjs.map +1 -1
- package/fesm2020/rd-outer-component.mjs +54 -36
- package/fesm2020/rd-outer-component.mjs.map +1 -1
- package/lib/modules/rd-common-box/index.d.ts +2 -0
- package/lib/modules/rd-common-box/rd-common-box.component.d.ts +8 -0
- package/lib/modules/rd-common-box/rd-common-box.module.d.ts +8 -0
- package/lib/modules/rd-notification/index.d.ts +1 -1
- package/lib/modules/rd-notification/notification.component.d.ts +5 -7
- package/lib/modules/rd-notification/notification.service.d.ts +6 -3
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
package/esm2020/lib/modules/custom-filter/custom-filter-date/custom-filter-date.component.mjs
CHANGED
|
@@ -57,10 +57,10 @@ export class RdFilterDateComponent {
|
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
59
|
RdFilterDateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdFilterDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
60
|
-
RdFilterDateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdFilterDateComponent, selector: "app-rd-filter-date", inputs: { item: "item", theme: "theme" }, outputs: { handleChangeValue: "handleChangeValue" }, host: { properties: { "class.theme-light": "this.hostThemeLight", "class.theme-dark": "this.hostThemeDark" } }, 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);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-panel)}::ng-deep .rd-date-picker-popup .ant-picker-panel{border:1px solid var(--rd-bg-panel-border);background-color:var(--rd-bg-panel)}::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: i2.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: i2.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"] }] });
|
|
60
|
+
RdFilterDateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdFilterDateComponent, selector: "app-rd-filter-date", inputs: { item: "item", theme: "theme" }, outputs: { handleChangeValue: "handleChangeValue" }, host: { properties: { "class.theme-light": "this.hostThemeLight", "class.theme-dark": "this.hostThemeDark" } }, 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-panel)}::ng-deep .rd-date-picker-popup .ant-picker-panel{border:1px solid var(--rd-bg-panel-border);background-color:var(--rd-bg-panel)}::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: i2.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: i2.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"] }] });
|
|
61
61
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdFilterDateComponent, decorators: [{
|
|
62
62
|
type: Component,
|
|
63
|
-
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);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-panel)}::ng-deep .rd-date-picker-popup .ant-picker-panel{border:1px solid var(--rd-bg-panel-border);background-color:var(--rd-bg-panel)}::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"] }]
|
|
63
|
+
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-panel)}::ng-deep .rd-date-picker-popup .ant-picker-panel{border:1px solid var(--rd-bg-panel-border);background-color:var(--rd-bg-panel)}::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"] }]
|
|
64
64
|
}], propDecorators: { item: [{
|
|
65
65
|
type: Input
|
|
66
66
|
}], datePicker: [{
|
|
@@ -313,7 +313,7 @@ IndustryCascaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
|
|
|
313
313
|
useExisting: forwardRef(() => IndustryCascaderComponent),
|
|
314
314
|
multi: true,
|
|
315
315
|
},
|
|
316
|
-
], 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 [theme]=\"theme\"\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-single:not(.ant-select-customize-input) .ant-select-selector{padding:14px 16px;height:52px;border:none;border-radius:initial}: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-website);border-radius:4px;border:1px solid var(--rd-input-fg-default)}::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.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: i5.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: i5.NzDrawerContentDirective, selector: "[nzDrawerContent]", exportAs: ["nzDrawerContent"] }, { kind: "directive", type: i6.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i6.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i6.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "directive", type: i7.ɵ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: i8.FormItemComponent, selector: "app-rd-form-item", inputs: ["errorMessage", "disabled", "label", "type", "focus", "value", "size", "theme"] }, { kind: "component", type: i9.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus"], exportAs: ["nzRadio"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
|
|
316
|
+
], 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 [theme]=\"theme\"\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-single:not(.ant-select-customize-input) .ant-select-selector{padding:14px 16px;min-height:62px;border:none;border-radius: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.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: i5.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: i5.NzDrawerContentDirective, selector: "[nzDrawerContent]", exportAs: ["nzDrawerContent"] }, { kind: "directive", type: i6.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i6.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i6.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "directive", type: i7.ɵ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: i8.FormItemComponent, selector: "app-rd-form-item", inputs: ["errorMessage", "disabled", "label", "type", "focus", "value", "size", "theme"] }, { kind: "component", type: i9.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus"], exportAs: ["nzRadio"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
|
|
317
317
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IndustryCascaderComponent, decorators: [{
|
|
318
318
|
type: Component,
|
|
319
319
|
args: [{ selector: 'app-industry-cascader', providers: [
|
|
@@ -327,7 +327,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
327
327
|
useExisting: forwardRef(() => IndustryCascaderComponent),
|
|
328
328
|
multi: true,
|
|
329
329
|
},
|
|
330
|
-
], 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 [theme]=\"theme\"\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-single:not(.ant-select-customize-input) .ant-select-selector{padding:14px 16px;height:52px;border:none;border-radius:initial}: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-website);border-radius:4px;border:1px solid var(--rd-input-fg-default)}::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"] }]
|
|
330
|
+
], 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 [theme]=\"theme\"\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-single:not(.ant-select-customize-input) .ant-select-selector{padding:14px 16px;min-height:62px;border:none;border-radius: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"] }]
|
|
331
331
|
}], ctorParameters: function () { return [{ type: i1.TranslateService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { cascaderContainer: [{
|
|
332
332
|
type: ViewChild,
|
|
333
333
|
args: ['cascaderContainer']
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from './rd-common-box.component';
|
|
2
|
+
export * from './rd-common-box.module';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQtbGliL3NyYy9saWIvbW9kdWxlcy9yZC1jb21tb24tYm94L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyx3QkFBd0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vcmQtY29tbW9uLWJveC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9yZC1jb21tb24tYm94Lm1vZHVsZSc7XG4iXX0=
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class RdCommonBoxComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.value = null;
|
|
7
|
+
this.rightContent = false;
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
RdCommonBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdCommonBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
+
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=\"custom-common-item-box\">\n <div class=\"custom-common-item-box-label\">\n {{ label }} <ng-content select=\"[left]\"></ng-content>\n </div>\n <div class=\"custom-common-item-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 .custom-common-item-box{margin-top:12px;display:flex;justify-content:space-between;gap:8px;align-items:flex-start}:host .custom-common-item-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 .custom-common-item-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"] }] });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdCommonBoxComponent, decorators: [{
|
|
13
|
+
type: Component,
|
|
14
|
+
args: [{ selector: 'app-rd-box-item', template: "<div class=\"custom-common-item-box\">\n <div class=\"custom-common-item-box-label\">\n {{ label }} <ng-content select=\"[left]\"></ng-content>\n </div>\n <div class=\"custom-common-item-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 .custom-common-item-box{margin-top:12px;display:flex;justify-content:space-between;gap:8px;align-items:flex-start}:host .custom-common-item-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 .custom-common-item-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"] }]
|
|
15
|
+
}], propDecorators: { label: [{
|
|
16
|
+
type: Input
|
|
17
|
+
}], value: [{
|
|
18
|
+
type: Input
|
|
19
|
+
}], rightContent: [{
|
|
20
|
+
type: Input
|
|
21
|
+
}] } });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmQtY29tbW9uLWJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQtbGliL3NyYy9saWIvbW9kdWxlcy9yZC1jb21tb24tYm94L3JkLWNvbW1vbi1ib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLWxpYi9zcmMvbGliL21vZHVsZXMvcmQtY29tbW9uLWJveC9yZC1jb21tb24tYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPakQsTUFBTSxPQUFPLG9CQUFvQjtJQUxqQztRQU9XLFVBQUssR0FBUSxJQUFJLENBQUM7UUFDbEIsaUJBQVksR0FBRyxLQUFLLENBQUM7S0FDL0I7O2tIQUpZLG9CQUFvQjtzR0FBcEIsb0JBQW9CLGlJQ1BqQyxvWEFVQTs0RkRIYSxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UsaUJBQWlCOzhCQUtsQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1yZC1ib3gtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9yZC1jb21tb24tYm94LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcmQtY29tbW9uLWJveC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBSZENvbW1vbkJveENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGxhYmVsITogc3RyaW5nO1xuICBASW5wdXQoKSB2YWx1ZTogYW55ID0gbnVsbDtcbiAgQElucHV0KCkgcmlnaHRDb250ZW50ID0gZmFsc2U7XG59XG4iLCI8ZGl2IGNsYXNzPVwiY3VzdG9tLWNvbW1vbi1pdGVtLWJveFwiPlxuICA8ZGl2IGNsYXNzPVwiY3VzdG9tLWNvbW1vbi1pdGVtLWJveC1sYWJlbFwiPlxuICAgIHt7IGxhYmVsIH19IDxuZy1jb250ZW50IHNlbGVjdD1cIltsZWZ0XVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJjdXN0b20tY29tbW9uLWl0ZW0tYm94LXZhbHVlXCI+XG4gICAge3sgdmFsdWUgfX1cbiAgICA8c3BhbiAqbmdJZj1cIiF2YWx1ZSAmJiAhcmlnaHRDb250ZW50XCIgY2xhc3M9XCJyZC1ib3gtZW1wdHlcIj4tLTwvc3Bhbj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbcmlnaHRdXCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { RdCommonBoxComponent } from './rd-common-box.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class RdCommonBoxModule {
|
|
6
|
+
}
|
|
7
|
+
RdCommonBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdCommonBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
RdCommonBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RdCommonBoxModule, declarations: [RdCommonBoxComponent], imports: [CommonModule], exports: [RdCommonBoxComponent] });
|
|
9
|
+
RdCommonBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdCommonBoxModule, imports: [CommonModule] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdCommonBoxModule, decorators: [{
|
|
11
|
+
type: NgModule,
|
|
12
|
+
args: [{
|
|
13
|
+
declarations: [RdCommonBoxComponent],
|
|
14
|
+
imports: [CommonModule],
|
|
15
|
+
exports: [RdCommonBoxComponent],
|
|
16
|
+
}]
|
|
17
|
+
}] });
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmQtY29tbW9uLWJveC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQtbGliL3NyYy9saWIvbW9kdWxlcy9yZC1jb21tb24tYm94L3JkLWNvbW1vbi1ib3gubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDOztBQU9qRSxNQUFNLE9BQU8saUJBQWlCOzsrR0FBakIsaUJBQWlCO2dIQUFqQixpQkFBaUIsaUJBSmIsb0JBQW9CLGFBQ3pCLFlBQVksYUFDWixvQkFBb0I7Z0hBRW5CLGlCQUFpQixZQUhsQixZQUFZOzRGQUdYLGlCQUFpQjtrQkFMN0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztvQkFDcEMsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztpQkFDaEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFJkQ29tbW9uQm94Q29tcG9uZW50IH0gZnJvbSAnLi9yZC1jb21tb24tYm94LmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1JkQ29tbW9uQm94Q29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtSZENvbW1vbkJveENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFJkQ29tbW9uQm94TW9kdWxlIHt9XG4iXX0=
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export * from './notification.component';
|
|
2
|
-
export * from './notification.module';
|
|
3
2
|
export * from './notification.service';
|
|
4
|
-
|
|
3
|
+
export * from './notification.module';
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQtbGliL3NyYy9saWIvbW9kdWxlcy9yZC1ub3RpZmljYXRpb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsdUJBQXVCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL25vdGlmaWNhdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9ub3RpZmljYXRpb24uc2VydmljZSc7XG5leHBvcnQgKiBmcm9tICcuL25vdGlmaWNhdGlvbi5tb2R1bGUnO1xuIl19
|
|
@@ -1,18 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
import { Component, ViewChild } from '@angular/core';
|
|
1
|
+
import { Component, ViewChild, ViewEncapsulation } from '@angular/core';
|
|
3
2
|
import * as i0 from "@angular/core";
|
|
4
3
|
import * as i1 from "ng-zorro-antd/notification";
|
|
5
|
-
import * as i2 from "@angular/
|
|
6
|
-
import * as i3 from "@angular/common";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
7
5
|
const borderColorMap = {
|
|
8
|
-
success: 'var(--rd-
|
|
9
|
-
warn: 'var(--rd-
|
|
6
|
+
success: 'var(--rd-toast-fg-success)',
|
|
7
|
+
warn: 'var(--rd-toast-fg-warning)',
|
|
10
8
|
error: 'var(--rd-toast-fg-danger)',
|
|
11
9
|
};
|
|
12
10
|
export class RdNotificationComponent {
|
|
13
|
-
constructor(notificationService
|
|
11
|
+
constructor(notificationService) {
|
|
14
12
|
this.notificationService = notificationService;
|
|
15
|
-
this.sanitizer = sanitizer;
|
|
16
13
|
this.notifications = new Map();
|
|
17
14
|
}
|
|
18
15
|
showNotification(data) {
|
|
@@ -22,7 +19,7 @@ export class RdNotificationComponent {
|
|
|
22
19
|
nzDuration: data.duration || 8 * 1000,
|
|
23
20
|
nzStyle: {
|
|
24
21
|
borderRadius: '4px',
|
|
25
|
-
border: `1px solid
|
|
22
|
+
border: `1px solid ${borderColorMap[data?.type] || 'var(--rd-bg-panel-border)'}`,
|
|
26
23
|
boxShadow: '0px 8px 16px 0px rgba(31, 41, 55, 0.08)',
|
|
27
24
|
display: 'flex',
|
|
28
25
|
padding: '0',
|
|
@@ -31,16 +28,15 @@ export class RdNotificationComponent {
|
|
|
31
28
|
},
|
|
32
29
|
nzClass: 'custom-wallet-notification',
|
|
33
30
|
nzCloseIcon: this.closeTpl,
|
|
34
|
-
nzKey: notificationId,
|
|
31
|
+
nzKey: notificationId,
|
|
35
32
|
});
|
|
36
33
|
this.notifications.set(notificationId, notification);
|
|
37
|
-
// 自动清理
|
|
38
34
|
setTimeout(() => {
|
|
39
35
|
this.notifications.delete(notificationId);
|
|
40
36
|
}, data.duration || 8000);
|
|
41
37
|
}
|
|
42
38
|
getDesc(desc) {
|
|
43
|
-
return
|
|
39
|
+
return desc;
|
|
44
40
|
}
|
|
45
41
|
onClick(data) {
|
|
46
42
|
if (data.onLinkClick) {
|
|
@@ -53,23 +49,22 @@ export class RdNotificationComponent {
|
|
|
53
49
|
.substr(2, 9)}`;
|
|
54
50
|
}
|
|
55
51
|
ngOnDestroy() {
|
|
56
|
-
|
|
57
|
-
this.notifications.forEach((notification, id) => {
|
|
52
|
+
this.notifications.forEach((_notification, id) => {
|
|
58
53
|
this.notificationService.remove(id);
|
|
59
54
|
});
|
|
60
55
|
this.notifications.clear();
|
|
61
56
|
}
|
|
62
57
|
}
|
|
63
|
-
RdNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationComponent, deps: [{ token: i1.NzNotificationService }
|
|
64
|
-
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]=\"
|
|
58
|
+
RdNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationComponent, deps: [{ token: i1.NzNotificationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
59
|
+
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;color:var(--rd-copy-primary)}.rd-custom-notification-container .rd-custom-notification-desc{font-size:12px;font-weight:500;margin-top:4px;color:var(--rd-copy-primary)}.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:var(--rd-copy-warning)!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;color:var(--rd-copy-primary)}.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;border-left:1px solid var(--rd-bg-panel-border)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
65
60
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationComponent, decorators: [{
|
|
66
61
|
type: Component,
|
|
67
|
-
args: [{ selector: 'app-rd-notification', template: "<ng-template #notificationTpl let-data=\"data\">\n <div class=\"rd-custom-notification\"></div>\n <div\n class=\"rd-custom-notification-icon\"\n [class]=\"
|
|
68
|
-
}], ctorParameters: function () { return [{ type: i1.NzNotificationService }
|
|
62
|
+
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;color:var(--rd-copy-primary)}.rd-custom-notification-container .rd-custom-notification-desc{font-size:12px;font-weight:500;margin-top:4px;color:var(--rd-copy-primary)}.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:var(--rd-copy-warning)!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;color:var(--rd-copy-primary)}.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;border-left:1px solid var(--rd-bg-panel-border)}\n"] }]
|
|
63
|
+
}], ctorParameters: function () { return [{ type: i1.NzNotificationService }]; }, propDecorators: { notificationTpl: [{
|
|
69
64
|
type: ViewChild,
|
|
70
65
|
args: ['notificationTpl', { static: true }]
|
|
71
66
|
}], closeTpl: [{
|
|
72
67
|
type: ViewChild,
|
|
73
68
|
args: ['closeTpl', { static: true }]
|
|
74
69
|
}] } });
|
|
75
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1saWIvc3JjL2xpYi9tb2R1bGVzL3JkLW5vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLWxpYi9zcmMvbGliL21vZHVsZXMvcmQtbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw0QkFBNEI7QUFDNUIsT0FBTyxFQUFFLFNBQVMsRUFBZSxTQUFTLEVBQWEsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUTdFLE1BQU0sY0FBYyxHQUEyQjtJQUM3QyxPQUFPLEVBQUUsZ0NBQWdDO0lBQ3pDLElBQUksRUFBRSxnQ0FBZ0M7SUFDdEMsS0FBSyxFQUFFLDJCQUEyQjtDQUNuQyxDQUFDO0FBT0YsTUFBTSxPQUFPLHVCQUF1QjtJQVNsQyxZQUNVLG1CQUEwQyxFQUMxQyxTQUF1QjtRQUR2Qix3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXVCO1FBQzFDLGNBQVMsR0FBVCxTQUFTLENBQWM7UUFKekIsa0JBQWEsR0FBRyxJQUFJLEdBQUcsRUFBNkIsQ0FBQztJQUsxRCxDQUFDO0lBRUosZ0JBQWdCLENBQUMsSUFBVztRQUMxQixNQUFNLGNBQWMsR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7UUFFekMsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUFDLFFBQVEsQ0FDcEQsSUFBSSxDQUFDLGVBQWUsRUFDcEI7WUFDRSxNQUFNLEVBQUUsSUFBSTtZQUNaLFVBQVUsRUFBRSxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsR0FBRyxJQUFJO1lBQ3JDLE9BQU8sRUFBRTtnQkFDUCxZQUFZLEVBQUUsS0FBSztnQkFDbkIsTUFBTSxFQUFFLGNBQWMsY0FBYyxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSwyQkFBMkIsRUFBRTtnQkFDakYsU0FBUyxFQUFFLHlDQUF5QztnQkFDcEQsT0FBTyxFQUFFLE1BQU07Z0JBQ2YsT0FBTyxFQUFFLEdBQUc7Z0JBQ1osS0FBSyxFQUFFLE9BQU87Z0JBQ2QsU0FBUyxFQUFFLE1BQU07YUFDbEI7WUFDRCxPQUFPLEVBQUUsNEJBQTRCO1lBQ3JDLFdBQVcsRUFBRSxJQUFJLENBQUMsUUFBUTtZQUMxQixLQUFLLEVBQUUsY0FBYyxFQUFFLFdBQVc7U0FDbkMsQ0FDRixDQUFDO1FBRUYsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsY0FBYyxFQUFFLFlBQVksQ0FBQyxDQUFDO1FBRXJELE9BQU87UUFDUCxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDNUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLENBQUM7SUFDNUIsQ0FBQztJQUVELE9BQU8sQ0FBQyxJQUFZO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN0RCxDQUFDO0lBRUQsT0FBTyxDQUFDLElBQVc7UUFDakIsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3BCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUNwQjtJQUNILENBQUM7SUFFTyxVQUFVO1FBQ2hCLE9BQU8sbUJBQW1CLElBQUksQ0FBQyxHQUFHLEVBQUUsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO2FBQ2xELFFBQVEsQ0FBQyxFQUFFLENBQUM7YUFDWixNQUFNLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELFdBQVc7UUFDVCxTQUFTO1FBQ1QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxZQUFZLEVBQUUsRUFBRSxFQUFFLEVBQUU7WUFDOUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN0QyxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDN0IsQ0FBQzs7cUhBbkVVLHVCQUF1Qjt5R0FBdkIsdUJBQXVCLGtTQ3BCcEMsc2tEQXNEQTs0RkRsQ2EsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLHFCQUFxQjt1SUFNdkIsZUFBZTtzQkFEdEIsU0FBUzt1QkFBQyxpQkFBaUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBSXRDLFFBQVE7c0JBRGYsU0FBUzt1QkFBQyxVQUFVLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiLy8gbm90aWZpY2F0aW9uLmNvbXBvbmVudC50c1xuaW1wb3J0IHsgQ29tcG9uZW50LCBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkLCBPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIE56Tm90aWZpY2F0aW9uUmVmLFxuICBOek5vdGlmaWNhdGlvblNlcnZpY2UsXG59IGZyb20gJ25nLXpvcnJvLWFudGQvbm90aWZpY2F0aW9uJztcbmltcG9ydCB7IERvbVNhbml0aXplciB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHsgSURhdGEgfSBmcm9tICcuL25vdGlmaWNhdGlvbi5zZXJ2aWNlJztcblxuY29uc3QgYm9yZGVyQ29sb3JNYXA6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSB7XG4gIHN1Y2Nlc3M6ICd2YXIoLS1yZC1hbGVydC1ib3JkZXItc3VjY2VzcyknLFxuICB3YXJuOiAndmFyKC0tcmQtYWxlcnQtYm9yZGVyLXdhcm5pbmcpJyxcbiAgZXJyb3I6ICd2YXIoLS1yZC10b2FzdC1mZy1kYW5nZXIpJyxcbn07XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1yZC1ub3RpZmljYXRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbm90aWZpY2F0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFJkTm90aWZpY2F0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgQFZpZXdDaGlsZCgnbm90aWZpY2F0aW9uVHBsJywgeyBzdGF0aWM6IHRydWUgfSlcbiAgcHJpdmF0ZSBub3RpZmljYXRpb25UcGwhOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIEBWaWV3Q2hpbGQoJ2Nsb3NlVHBsJywgeyBzdGF0aWM6IHRydWUgfSlcbiAgcHJpdmF0ZSBjbG9zZVRwbCE6IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgcHJpdmF0ZSBub3RpZmljYXRpb25zID0gbmV3IE1hcDxzdHJpbmcsIE56Tm90aWZpY2F0aW9uUmVmPigpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgbm90aWZpY2F0aW9uU2VydmljZTogTnpOb3RpZmljYXRpb25TZXJ2aWNlLFxuICAgIHByaXZhdGUgc2FuaXRpemVyOiBEb21TYW5pdGl6ZXJcbiAgKSB7fVxuXG4gIHNob3dOb3RpZmljYXRpb24oZGF0YTogSURhdGEpIHtcbiAgICBjb25zdCBub3RpZmljYXRpb25JZCA9IHRoaXMuZ2VuZXJhdGVJZCgpO1xuXG4gICAgY29uc3Qgbm90aWZpY2F0aW9uID0gdGhpcy5ub3RpZmljYXRpb25TZXJ2aWNlLnRlbXBsYXRlKFxuICAgICAgdGhpcy5ub3RpZmljYXRpb25UcGwsXG4gICAgICB7XG4gICAgICAgIG56RGF0YTogZGF0YSxcbiAgICAgICAgbnpEdXJhdGlvbjogZGF0YS5kdXJhdGlvbiB8fCA4ICogMTAwMCxcbiAgICAgICAgbnpTdHlsZToge1xuICAgICAgICAgIGJvcmRlclJhZGl1czogJzRweCcsXG4gICAgICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICAke2JvcmRlckNvbG9yTWFwW2RhdGE/LnR5cGVdIHx8ICd2YXIoLS1yZC1iZy1wYW5lbC1ib3JkZXIpJ31gLFxuICAgICAgICAgIGJveFNoYWRvdzogJzBweCA4cHggMTZweCAwcHggcmdiYSgzMSwgNDEsIDU1LCAwLjA4KScsXG4gICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICAgIHBhZGRpbmc6ICcwJyxcbiAgICAgICAgICB3aWR0aDogJzMyMHB4JyxcbiAgICAgICAgICBtYXJnaW5Ub3A6ICctMXB4JyxcbiAgICAgICAgfSxcbiAgICAgICAgbnpDbGFzczogJ2N1c3RvbS13YWxsZXQtbm90aWZpY2F0aW9uJyxcbiAgICAgICAgbnpDbG9zZUljb246IHRoaXMuY2xvc2VUcGwsXG4gICAgICAgIG56S2V5OiBub3RpZmljYXRpb25JZCwgLy8g5re75Yqg5ZSv5LiAIGtleVxuICAgICAgfVxuICAgICk7XG5cbiAgICB0aGlzLm5vdGlmaWNhdGlvbnMuc2V0KG5vdGlmaWNhdGlvbklkLCBub3RpZmljYXRpb24pO1xuXG4gICAgLy8g6Ieq5Yqo5riF55CGXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLm5vdGlmaWNhdGlvbnMuZGVsZXRlKG5vdGlmaWNhdGlvbklkKTtcbiAgICB9LCBkYXRhLmR1cmF0aW9uIHx8IDgwMDApO1xuICB9XG5cbiAgZ2V0RGVzYyhkZXNjOiBzdHJpbmcpIHtcbiAgICByZXR1cm4gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdEh0bWwoZGVzYyk7XG4gIH1cblxuICBvbkNsaWNrKGRhdGE6IElEYXRhKSB7XG4gICAgaWYgKGRhdGEub25MaW5rQ2xpY2spIHtcbiAgICAgIGRhdGEub25MaW5rQ2xpY2soKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGdlbmVyYXRlSWQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYHJkLW5vdGlmaWNhdGlvbi0ke0RhdGUubm93KCl9LSR7TWF0aC5yYW5kb20oKVxuICAgICAgLnRvU3RyaW5nKDM2KVxuICAgICAgLnN1YnN0cigyLCA5KX1gO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgLy8g5riF55CG5omA5pyJ6YCa55+lXG4gICAgdGhpcy5ub3RpZmljYXRpb25zLmZvckVhY2goKG5vdGlmaWNhdGlvbiwgaWQpID0+IHtcbiAgICAgIHRoaXMubm90aWZpY2F0aW9uU2VydmljZS5yZW1vdmUoaWQpO1xuICAgIH0pO1xuICAgIHRoaXMubm90aWZpY2F0aW9ucy5jbGVhcigpO1xuICB9XG59XG4iLCI8bmctdGVtcGxhdGUgI25vdGlmaWNhdGlvblRwbCBsZXQtZGF0YT1cImRhdGFcIj5cbiAgPGRpdiBjbGFzcz1cInJkLWN1c3RvbS1ub3RpZmljYXRpb25cIj48L2Rpdj5cbiAgPGRpdlxuICAgIGNsYXNzPVwicmQtY3VzdG9tLW5vdGlmaWNhdGlvbi1pY29uXCJcbiAgICBbY2xhc3NdPVwiXG4gICAgICBkYXRhLnR5cGUgPT09ICd3YXJuJ1xuICAgICAgICA/ICdyZC1jdXN0b20td2Fybi1iYWNrZ3JvdW5kJ1xuICAgICAgICA6IGRhdGEudHlwZSA9PT0gJ2Vycm9yJ1xuICAgICAgICA/ICdyZC1jdXN0b20tZXJyb3ItYmFja2dyb3VuZCdcbiAgICAgICAgOiAnJ1xuICAgIFwiXG4gID5cbiAgICA8aW1nXG4gICAgICBbaGlkZGVuXT1cImRhdGEudHlwZSAhPT0gJ3N1Y2Nlc3MnXCJcbiAgICAgIHNyYz1cImFzc2V0cy9pbWcvaWNvbi9zdWNjZXNzLXRpcC5zdmdcIlxuICAgIC8+XG4gICAgPGltZyBbaGlkZGVuXT1cImRhdGEudHlwZSAhPT0gJ3dhcm4nXCIgc3JjPVwiYXNzZXRzL2ltZy9pY29uL3dhcm0tdGlwLnN2Z1wiIC8+XG4gICAgPGltZyBbaGlkZGVuXT1cImRhdGEudHlwZSAhPT0gJ2Vycm9yJ1wiIHNyYz1cImFzc2V0cy9pbWcvaWNvbi9lcnJvci10aXAuc3ZnXCIgLz5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJyZC1jdXN0b20tbm90aWZpY2F0aW9uLWNvbnRhaW5lclwiPlxuICAgIDxkaXYgY2xhc3M9XCJyZC1jdXN0b20tbm90aWZpY2F0aW9uLXRpdGxlXCI+e3sgZGF0YS50aXRsZSB9fTwvZGl2PlxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwicmQtY3VzdG9tLW5vdGlmaWNhdGlvbi1kZXNjXCJcbiAgICAgIFtpbm5lckhUTUxdPVwiZ2V0RGVzYyhkYXRhLmRlc2MpXCJcbiAgICA+PC9kaXY+XG4gICAgPGRpdlxuICAgICAgKm5nSWY9XCJkYXRhLmFjdGlvbkRlc2NcIlxuICAgICAgY2xhc3M9XCJyZC1jdXN0b20tbm90aWZpY2F0aW9uLWxpbmtcIlxuICAgICAgKGNsaWNrKT1cIm9uQ2xpY2soZGF0YSlcIlxuICAgID5cbiAgICAgIHt7IGRhdGEuYWN0aW9uRGVzYyB9fVxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjY2xvc2VUcGw+XG4gIDxkaXYgY2xhc3M9XCJyZC1jdXN0b20tbm90aWZpY2F0aW9uLWNsb3NlXCI+XG4gICAgPHN2Z1xuICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgICB3aWR0aD1cIjE2XCJcbiAgICAgIGhlaWdodD1cIjE2XCJcbiAgICAgIHZpZXdCb3g9XCIwIDAgMTYgMTZcIlxuICAgICAgZmlsbD1cIm5vbmVcIlxuICAgID5cbiAgICAgIDxwYXRoXG4gICAgICAgIGQ9XCJNMy40MDAzOSAzLjM5OTlMOC4wMDAzOSA3Ljk5OTlNMTIuNjAwNCAxMi41OTk5TDguMDAwMzkgNy45OTk5TTguMDAwMzkgNy45OTk5TDEyLjYwMDQgMy4zOTk5TDMuNDAwMzkgMTIuNTk5OVwiXG4gICAgICAgIHN0cm9rZT1cInZhcigtLXJkLWNvcHktcHJpbWFyeSlcIlxuICAgICAgICBzdHJva2Utd2lkdGg9XCIxLjM2XCJcbiAgICAgICAgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiXG4gICAgICAgIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCJcbiAgICAgIC8+XG4gICAgPC9zdmc+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1saWIvc3JjL2xpYi9tb2R1bGVzL3JkLW5vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLWxpYi9zcmMvbGliL21vZHVsZXMvcmQtbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUEwQixTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPaEcsTUFBTSxjQUFjLEdBQTJCO0lBQzdDLE9BQU8sRUFBRSw0QkFBNEI7SUFDckMsSUFBSSxFQUFFLDRCQUE0QjtJQUNsQyxLQUFLLEVBQUUsMkJBQTJCO0NBQ25DLENBQUM7QUFRRixNQUFNLE9BQU8sdUJBQXVCO0lBU2xDLFlBQW9CLG1CQUEwQztRQUExQyx3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXVCO1FBRnRELGtCQUFhLEdBQUcsSUFBSSxHQUFHLEVBQTZCLENBQUM7SUFFSSxDQUFDO0lBRWxFLGdCQUFnQixDQUFDLElBQXlCO1FBQ3hDLE1BQU0sY0FBYyxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUV6QyxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUMsUUFBUSxDQUNwRCxJQUFJLENBQUMsZUFBZSxFQUNwQjtZQUNFLE1BQU0sRUFBRSxJQUFJO1lBQ1osVUFBVSxFQUFFLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxHQUFHLElBQUk7WUFDckMsT0FBTyxFQUFFO2dCQUNQLFlBQVksRUFBRSxLQUFLO2dCQUNuQixNQUFNLEVBQUUsYUFDTixjQUFjLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLDJCQUNoQyxFQUFFO2dCQUNGLFNBQVMsRUFBRSx5Q0FBeUM7Z0JBQ3BELE9BQU8sRUFBRSxNQUFNO2dCQUNmLE9BQU8sRUFBRSxHQUFHO2dCQUNaLEtBQUssRUFBRSxPQUFPO2dCQUNkLFNBQVMsRUFBRSxNQUFNO2FBQ2xCO1lBQ0QsT0FBTyxFQUFFLDRCQUE0QjtZQUNyQyxXQUFXLEVBQUUsSUFBSSxDQUFDLFFBQVE7WUFDMUIsS0FBSyxFQUFFLGNBQWM7U0FDdEIsQ0FDRixDQUFDO1FBRUYsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsY0FBYyxFQUFFLFlBQVksQ0FBQyxDQUFDO1FBRXJELFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUM1QyxDQUFDLEVBQUUsSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBRUQsT0FBTyxDQUFDLElBQVk7UUFDbEIsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRUQsT0FBTyxDQUFDLElBQXlCO1FBQy9CLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNwQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDcEI7SUFDSCxDQUFDO0lBRU8sVUFBVTtRQUNoQixPQUFPLG1CQUFtQixJQUFJLENBQUMsR0FBRyxFQUFFLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRTthQUNsRCxRQUFRLENBQUMsRUFBRSxDQUFDO2FBQ1osTUFBTSxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxhQUFhLEVBQUUsRUFBRSxFQUFFLEVBQUU7WUFDL0MsSUFBSSxDQUFDLG1CQUFtQixDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN0QyxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDN0IsQ0FBQzs7cUhBaEVVLHVCQUF1Qjt5R0FBdkIsdUJBQXVCLGtTQ25CcEMscW1KQTJHQTs0RkR4RmEsdUJBQXVCO2tCQU5uQyxTQUFTOytCQUNFLHFCQUFxQixpQkFHaEIsaUJBQWlCLENBQUMsSUFBSTs0R0FJN0IsZUFBZTtzQkFEdEIsU0FBUzt1QkFBQyxpQkFBaUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBSXRDLFFBQVE7c0JBRGYsU0FBUzt1QkFBQyxVQUFVLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkRlc3Ryb3ksIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBOek5vdGlmaWNhdGlvblJlZixcbiAgTnpOb3RpZmljYXRpb25TZXJ2aWNlLFxufSBmcm9tICduZy16b3Jyby1hbnRkL25vdGlmaWNhdGlvbic7XG5pbXBvcnQgeyBJUmROb3RpZmljYXRpb25EYXRhIH0gZnJvbSAnLi9ub3RpZmljYXRpb24uc2VydmljZSc7XG5cbmNvbnN0IGJvcmRlckNvbG9yTWFwOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+ID0ge1xuICBzdWNjZXNzOiAndmFyKC0tcmQtdG9hc3QtZmctc3VjY2VzcyknLFxuICB3YXJuOiAndmFyKC0tcmQtdG9hc3QtZmctd2FybmluZyknLFxuICBlcnJvcjogJ3ZhcigtLXJkLXRvYXN0LWZnLWRhbmdlciknLFxufTtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLXJkLW5vdGlmaWNhdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9ub3RpZmljYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ub3RpZmljYXRpb24uY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgUmROb3RpZmljYXRpb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICBAVmlld0NoaWxkKCdub3RpZmljYXRpb25UcGwnLCB7IHN0YXRpYzogdHJ1ZSB9KVxuICBwcml2YXRlIG5vdGlmaWNhdGlvblRwbCE6IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgQFZpZXdDaGlsZCgnY2xvc2VUcGwnLCB7IHN0YXRpYzogdHJ1ZSB9KVxuICBwcml2YXRlIGNsb3NlVHBsITogVGVtcGxhdGVSZWY8YW55PjtcblxuICBwcml2YXRlIG5vdGlmaWNhdGlvbnMgPSBuZXcgTWFwPHN0cmluZywgTnpOb3RpZmljYXRpb25SZWY+KCk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBub3RpZmljYXRpb25TZXJ2aWNlOiBOek5vdGlmaWNhdGlvblNlcnZpY2UpIHt9XG5cbiAgc2hvd05vdGlmaWNhdGlvbihkYXRhOiBJUmROb3RpZmljYXRpb25EYXRhKSB7XG4gICAgY29uc3Qgbm90aWZpY2F0aW9uSWQgPSB0aGlzLmdlbmVyYXRlSWQoKTtcblxuICAgIGNvbnN0IG5vdGlmaWNhdGlvbiA9IHRoaXMubm90aWZpY2F0aW9uU2VydmljZS50ZW1wbGF0ZShcbiAgICAgIHRoaXMubm90aWZpY2F0aW9uVHBsLFxuICAgICAge1xuICAgICAgICBuekRhdGE6IGRhdGEsXG4gICAgICAgIG56RHVyYXRpb246IGRhdGEuZHVyYXRpb24gfHwgOCAqIDEwMDAsXG4gICAgICAgIG56U3R5bGU6IHtcbiAgICAgICAgICBib3JkZXJSYWRpdXM6ICc0cHgnLFxuICAgICAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke1xuICAgICAgICAgICAgYm9yZGVyQ29sb3JNYXBbZGF0YT8udHlwZV0gfHwgJ3ZhcigtLXJkLWJnLXBhbmVsLWJvcmRlciknXG4gICAgICAgICAgfWAsXG4gICAgICAgICAgYm94U2hhZG93OiAnMHB4IDhweCAxNnB4IDBweCByZ2JhKDMxLCA0MSwgNTUsIDAuMDgpJyxcbiAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICAgICAgcGFkZGluZzogJzAnLFxuICAgICAgICAgIHdpZHRoOiAnMzIwcHgnLFxuICAgICAgICAgIG1hcmdpblRvcDogJy0xcHgnLFxuICAgICAgICB9LFxuICAgICAgICBuekNsYXNzOiAnY3VzdG9tLXdhbGxldC1ub3RpZmljYXRpb24nLFxuICAgICAgICBuekNsb3NlSWNvbjogdGhpcy5jbG9zZVRwbCxcbiAgICAgICAgbnpLZXk6IG5vdGlmaWNhdGlvbklkLFxuICAgICAgfSxcbiAgICApO1xuXG4gICAgdGhpcy5ub3RpZmljYXRpb25zLnNldChub3RpZmljYXRpb25JZCwgbm90aWZpY2F0aW9uKTtcblxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5ub3RpZmljYXRpb25zLmRlbGV0ZShub3RpZmljYXRpb25JZCk7XG4gICAgfSwgZGF0YS5kdXJhdGlvbiB8fCA4MDAwKTtcbiAgfVxuXG4gIGdldERlc2MoZGVzYzogc3RyaW5nKTogc3RyaW5nIHtcbiAgICByZXR1cm4gZGVzYztcbiAgfVxuXG4gIG9uQ2xpY2soZGF0YTogSVJkTm90aWZpY2F0aW9uRGF0YSkge1xuICAgIGlmIChkYXRhLm9uTGlua0NsaWNrKSB7XG4gICAgICBkYXRhLm9uTGlua0NsaWNrKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBnZW5lcmF0ZUlkKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGByZC1ub3RpZmljYXRpb24tJHtEYXRlLm5vdygpfS0ke01hdGgucmFuZG9tKClcbiAgICAgIC50b1N0cmluZygzNilcbiAgICAgIC5zdWJzdHIoMiwgOSl9YDtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMubm90aWZpY2F0aW9ucy5mb3JFYWNoKChfbm90aWZpY2F0aW9uLCBpZCkgPT4ge1xuICAgICAgdGhpcy5ub3RpZmljYXRpb25TZXJ2aWNlLnJlbW92ZShpZCk7XG4gICAgfSk7XG4gICAgdGhpcy5ub3RpZmljYXRpb25zLmNsZWFyKCk7XG4gIH1cbn1cbiIsIjxuZy10ZW1wbGF0ZSAjbm90aWZpY2F0aW9uVHBsIGxldC1kYXRhPVwiZGF0YVwiPlxuICA8ZGl2IGNsYXNzPVwicmQtY3VzdG9tLW5vdGlmaWNhdGlvblwiPjwvZGl2PlxuICA8ZGl2XG4gICAgY2xhc3M9XCJyZC1jdXN0b20tbm90aWZpY2F0aW9uLWljb25cIlxuICAgIFtjbGFzcy5yZC1jdXN0b20td2Fybi1iYWNrZ3JvdW5kXT1cImRhdGEudHlwZSA9PT0gJ3dhcm4nXCJcbiAgICBbY2xhc3MucmQtY3VzdG9tLWVycm9yLWJhY2tncm91bmRdPVwiZGF0YS50eXBlID09PSAnZXJyb3InXCJcbiAgPlxuICAgIDxzdmdcbiAgICAgICpuZ0lmPVwiZGF0YS50eXBlID09PSAnc3VjY2VzcydcIlxuICAgICAgd2lkdGg9XCIyMFwiXG4gICAgICBoZWlnaHQ9XCIyMFwiXG4gICAgICB2aWV3Qm94PVwiMCAwIDIwIDIwXCJcbiAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgID5cbiAgICAgIDxwYXRoXG4gICAgICAgIGZpbGwtcnVsZT1cImV2ZW5vZGRcIlxuICAgICAgICBjbGlwLXJ1bGU9XCJldmVub2RkXCJcbiAgICAgICAgZD1cIk05Ljk5OTM1IDE4LjMzMzJDMTQuNjAxNyAxOC4zMzMyIDE4LjMzMjcgMTQuNjAyMiAxOC4zMzI3IDkuOTk5ODRDMTguMzMyNyA1LjM5NzQ2IDE0LjYwMTcgMS42NjY1IDkuOTk5MzUgMS42NjY1QzUuMzk2OTggMS42NjY1IDEuNjY2MDIgNS4zOTc0NiAxLjY2NjAyIDkuOTk5ODRDMS42NjYwMiAxNC42MDIyIDUuMzk2OTggMTguMzMzMiA5Ljk5OTM1IDE4LjMzMzJaXCJcbiAgICAgICAgZmlsbD1cInZhcigtLXJkLWNvcHktc3VjY2VzcylcIlxuICAgICAgLz5cbiAgICAgIDxwYXRoXG4gICAgICAgIGZpbGwtcnVsZT1cImV2ZW5vZGRcIlxuICAgICAgICBjbGlwLXJ1bGU9XCJldmVub2RkXCJcbiAgICAgICAgZD1cIk0xMy44NDM0IDYuMzIxNkMxNC4yNjQgNi42MDMzIDE0LjM3NjcgNy4xNzI2NiAxNC4wOTUgNy41OTMzMUwxMC4xODg3IDEzLjQyNjZDMTAuMDM0IDEzLjY1NzYgOS43ODI4NyAxMy44MDU5IDkuNTA1OTEgMTMuODI5OUM5LjIyODk1IDEzLjg1MzggOC45NTYxIDEzLjc1MDcgOC43NjQxMSAxMy41NDk3TDYuMDAzNzUgMTAuNjU5M0M1LjY1NDEgMTAuMjkzMiA1LjY2NzQ1IDkuNzEyOTQgNi4wMzM1NyA5LjM2MzI5QzYuMzk5NjkgOS4wMTM2NCA2Ljk3OTk0IDkuMDI2OTkgNy4zMjk1OSA5LjM5MzExTDkuMzAwOTkgMTEuNDU3NEwxMi41NzE3IDYuNTczMjJDMTIuODUzNCA2LjE1MjU2IDEzLjQyMjcgNi4wMzk5MSAxMy44NDM0IDYuMzIxNlpcIlxuICAgICAgICBmaWxsPVwiI0Y4RjlGQVwiXG4gICAgICAvPlxuICAgIDwvc3ZnPlxuICAgIDxzdmdcbiAgICAgICpuZ0lmPVwiZGF0YS50eXBlID09PSAnd2FybidcIlxuICAgICAgd2lkdGg9XCIyMFwiXG4gICAgICBoZWlnaHQ9XCIyMFwiXG4gICAgICB2aWV3Qm94PVwiMCAwIDIwIDIwXCJcbiAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgID5cbiAgICAgIDxwYXRoXG4gICAgICAgIGZpbGwtcnVsZT1cImV2ZW5vZGRcIlxuICAgICAgICBjbGlwLXJ1bGU9XCJldmVub2RkXCJcbiAgICAgICAgZD1cIk0xMC4wMDAzIDE4LjMzMzJDMTQuNjAyNyAxOC4zMzMyIDE4LjMzMzcgMTQuNjAyMiAxOC4zMzM3IDkuOTk5ODRDMTguMzMzNyA1LjM5NzQ2IDE0LjYwMjcgMS42NjY1IDEwLjAwMDMgMS42NjY1QzUuMzk3OTUgMS42NjY1IDEuNjY2OTkgNS4zOTc0NiAxLjY2Njk5IDkuOTk5ODRDMS42NjY5OSAxNC42MDIyIDUuMzk3OTUgMTguMzMzMiAxMC4wMDAzIDE4LjMzMzJaXCJcbiAgICAgICAgZmlsbD1cInZhcigtLXJkLWNvcHktd2FybmluZylcIlxuICAgICAgLz5cbiAgICAgIDxwYXRoXG4gICAgICAgIGZpbGwtcnVsZT1cImV2ZW5vZGRcIlxuICAgICAgICBjbGlwLXJ1bGU9XCJldmVub2RkXCJcbiAgICAgICAgZD1cIk0xMC4wMDA3IDQuNzkxNzVDMTAuNTc1OSA0Ljc5MTc1IDExLjA0MjMgNS4yNTgxMiAxMS4wNDIzIDUuODMzNDFWMTAuMDAwMUMxMS4wNDIzIDEwLjU3NTQgMTAuNTc1OSAxMS4wNDE3IDEwLjAwMDcgMTEuMDQxN0M5LjQyNTM1IDExLjA0MTcgOC45NTg5OCAxMC41NzU0IDguOTU4OTggMTAuMDAwMVY1LjgzMzQxQzguOTU4OTggNS4yNTgxMiA5LjQyNTM1IDQuNzkxNzUgMTAuMDAwNyA0Ljc5MTc1Wk0xMC4wMDA3IDEyLjcwODRDMTAuNTc1OSAxMi43MDg0IDExLjA0MjMgMTMuMTc0OCAxMS4wNDIzIDEzLjc1MDFWMTQuMTY2N0MxMS4wNDIzIDE0Ljc0MiAxMC41NzU5IDE1LjIwODQgMTAuMDAwNyAxNS4yMDg0QzkuNDI1MzUgMTUuMjA4NCA4Ljk1ODk4IDE0Ljc0MiA4Ljk1ODk4IDE0LjE2NjdWMTMuNzUwMUM4Ljk1ODk4IDEzLjE3NDggOS40MjUzNSAxMi43MDg0IDEwLjAwMDcgMTIuNzA4NFpcIlxuICAgICAgICBmaWxsPVwiI0Y4RjlGQVwiXG4gICAgICAvPlxuICAgIDwvc3ZnPlxuICAgIDxzdmdcbiAgICAgICpuZ0lmPVwiZGF0YS50eXBlID09PSAnZXJyb3InXCJcbiAgICAgIHdpZHRoPVwiMjBcIlxuICAgICAgaGVpZ2h0PVwiMjBcIlxuICAgICAgdmlld0JveD1cIjAgMCAyMCAyMFwiXG4gICAgICBmaWxsPVwibm9uZVwiXG4gICAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICA+XG4gICAgICA8cGF0aFxuICAgICAgICBmaWxsLXJ1bGU9XCJldmVub2RkXCJcbiAgICAgICAgY2xpcC1ydWxlPVwiZXZlbm9kZFwiXG4gICAgICAgIGQ9XCJNOS45OTk1OSAxOC4zMzMyQzE0LjYwMiAxOC4zMzMyIDE4LjMzMjkgMTQuNjAyMiAxOC4zMzI5IDkuOTk5ODRDMTguMzMyOSA1LjM5NzQ2IDE0LjYwMiAxLjY2NjUgOS45OTk1OSAxLjY2NjVDNS4zOTcyMiAxLjY2NjUgMS42NjYyNiA1LjM5NzQ2IDEuNjY2MjYgOS45OTk4NEMxLjY2NjI2IDE0LjYwMjIgNS4zOTcyMiAxOC4zMzMyIDkuOTk5NTkgMTguMzMzMlpcIlxuICAgICAgICBmaWxsPVwidmFyKC0tcmQtY29weS1kYW5nZXIpXCJcbiAgICAgIC8+XG4gICAgICA8cGF0aFxuICAgICAgICBmaWxsLXJ1bGU9XCJldmVub2RkXCJcbiAgICAgICAgY2xpcC1ydWxlPVwiZXZlbm9kZFwiXG4gICAgICAgIGQ9XCJNNi40MDU0NSA2LjQwNTQ1QzYuNzYzNDMgNi4wNDc0NyA3LjM0MzgzIDYuMDQ3NDcgNy43MDE4MSA2LjQwNTQ1TDkuOTk5OTEgOC43MDM1NUwxMi4yOTggNi40MDU0NUMxMi42NTYgNi4wNDc0NyAxMy4yMzY0IDYuMDQ3NDcgMTMuNTk0NCA2LjQwNTQ1QzEzLjk1MjMgNi43NjM0MyAxMy45NTIzIDcuMzQzODMgMTMuNTk0NCA3LjcwMTgxTDExLjI5NjMgOS45OTk5MUwxMy41OTQ0IDEyLjI5OEMxMy45NTIzIDEyLjY1NiAxMy45NTIzIDEzLjIzNjQgMTMuNTk0NCAxMy41OTQ0QzEzLjIzNjQgMTMuOTUyMyAxMi42NTYgMTMuOTUyMyAxMi4yOTggMTMuNTk0NEw5Ljk5OTkxIDExLjI5NjNMNy43MDE4MSAxMy41OTQ0QzcuMzQzODMgMTMuOTUyMyA2Ljc2MzQzIDEzLjk1MjMgNi40MDU0NSAxMy41OTQ0QzYuMDQ3NDcgMTMuMjM2NCA2LjA0NzQ3IDEyLjY1NiA2LjQwNTQ1IDEyLjI5OEw4LjcwMzU1IDkuOTk5OTFMNi40MDU0NSA3LjcwMTgxQzYuMDQ3NDcgNy4zNDM4MyA2LjA0NzQ3IDYuNzYzNDMgNi40MDU0NSA2LjQwNTQ1WlwiXG4gICAgICAgIGZpbGw9XCIjRjhGOUZBXCJcbiAgICAgIC8+XG4gICAgPC9zdmc+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwicmQtY3VzdG9tLW5vdGlmaWNhdGlvbi1jb250YWluZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwicmQtY3VzdG9tLW5vdGlmaWNhdGlvbi10aXRsZVwiPnt7IGRhdGEudGl0bGUgfX08L2Rpdj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cInJkLWN1c3RvbS1ub3RpZmljYXRpb24tZGVzY1wiXG4gICAgICBbaW5uZXJIVE1MXT1cImdldERlc2MoZGF0YS5kZXNjKVwiXG4gICAgPjwvZGl2PlxuICAgIDxkaXZcbiAgICAgICpuZ0lmPVwiZGF0YS5hY3Rpb25EZXNjXCJcbiAgICAgIGNsYXNzPVwicmQtY3VzdG9tLW5vdGlmaWNhdGlvbi1saW5rXCJcbiAgICAgIFtjbGFzcy5yZC1jdXN0b20tbm90aWZpY2F0aW9uLWxpbmstLWJwbl09XCJkYXRhLm9yaWdpblR5cGUgPT09ICdicG4nXCJcbiAgICAgIChjbGljayk9XCJvbkNsaWNrKGRhdGEpXCJcbiAgICA+XG4gICAgICB7eyBkYXRhLmFjdGlvbkRlc2MgfX1cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2Nsb3NlVHBsPlxuICA8ZGl2IGNsYXNzPVwicmQtY3VzdG9tLW5vdGlmaWNhdGlvbi1jbG9zZVwiPlxuICAgIDxzdmdcbiAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgd2lkdGg9XCIxNlwiXG4gICAgICBoZWlnaHQ9XCIxNlwiXG4gICAgICB2aWV3Qm94PVwiMCAwIDE2IDE2XCJcbiAgICAgIGZpbGw9XCJub25lXCJcbiAgICA+XG4gICAgICA8cGF0aFxuICAgICAgICBkPVwiTTMuNDAwMzkgMy4zOTk5TDguMDAwMzkgNy45OTk5TTEyLjYwMDQgMTIuNTk5OUw4LjAwMDM5IDcuOTk5OU04LjAwMDM5IDcuOTk5OUwxMi42MDA0IDMuMzk5OUwzLjQwMDM5IDEyLjU5OTlcIlxuICAgICAgICBzdHJva2U9XCJjdXJyZW50Q29sb3JcIlxuICAgICAgICBzdHJva2Utd2lkdGg9XCIxLjM2XCJcbiAgICAgICAgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiXG4gICAgICAgIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCJcbiAgICAgIC8+XG4gICAgPC9zdmc+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|