rd-outer-component 0.0.23 → 0.0.24

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

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

package/esm2020/lib/modules/rd-notification/index.mjs

@@ -0,0 +1,3 @@
+export * from './notification.component';
+export * from './notification.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQtbGliL3NyYy9saWIvbW9kdWxlcy9yZC1ub3RpZmljYXRpb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLHVCQUF1QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9ub3RpZmljYXRpb24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbm90aWZpY2F0aW9uLm1vZHVsZSc7XG4iXX0=

package/esm2020/lib/modules/rd-notification/notification.component.mjs

@@ -0,0 +1,57 @@
+import { Component, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "ng-zorro-antd/notification";
+import * as i2 from "@angular/platform-browser";
+import * as i3 from "@angular/common";
+const borderColorMap = {
+    success: '#bbf7e0',
+    warn: '#fef0c3',
+    error: '#EF7484',
+};
+export class RdNotificationComponent {
+    constructor(notificationService, sanitizer) {
+        this.notificationService = notificationService;
+        this.sanitizer = sanitizer;
+    }
+    showNotification(data) {
+        this.notification = this.notificationService.template(this.notificationTpl, {
+            nzData: data,
+            nzDuration: data.duration || 8 * 1000,
+            nzStyle: {
+                borderRadius: '4px',
+                border: `1px solid  ${borderColorMap[data?.type]}`,
+                boxShadow: '0px 8px 16px 0px rgba(31, 41, 55, 0.08)',
+                display: 'flex',
+                padding: '0',
+                width: '320px',
+                marginTop: '-1px',
+            },
+            nzClass: 'custom-wallet-notification',
+            nzCloseIcon: this.closeTpl,
+        });
+    }
+    getDesc(desc) {
+        return this.sanitizer.bypassSecurityTrustHtml(desc);
+    }
+    onClick(data) {
+        if (this.notification?.messageId) {
+            this.notificationService.remove(this.notification?.messageId);
+        }
+        if (data) {
+            data?.onLinkClick();
+        }
+    }
+}
+RdNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationComponent, deps: [{ token: i1.NzNotificationService }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+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=\"custom-notification\"></div>\n  <!-- \u5148\u6253\u5370\u770B\u770B\u6570\u636E\u7ED3\u6784 -->\n  <div\n    class=\"custom-notification-icon\"\n    [class]=\"\n      data.type === 'warn'\n        ? 'custom-warn-background'\n        : data.type === 'error'\n        ? 'custom-error-background'\n        : ''\n    \"\n  >\n    <img\n      [hidden]=\"data.type !== 'success'\"\n      src=\"assets/img/icon/success-tip.svg\"\n    />\n    <img [hidden]=\"data.type !== 'warn'\" src=\"assets/img/icon/warm-tip.svg\" />\n    <img [hidden]=\"data.type !== 'error'\" src=\"assets/img/icon/error-tip.svg\" />\n  </div>\n  <div class=\"custom-notification-container\">\n    <div class=\"custom-notification-title\">{{ data.title }}</div>\n    <div\n      class=\"custom-notification-desc\"\n      [innerHTML]=\"getDesc(data.desc)\"\n    ></div>\n    <div\n      *ngIf=\"data.actionDesc\"\n      class=\"custom-notification-link\"\n      (click)=\"onClick(data)\"\n    >\n      {{ data.actionDesc }}\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #closeTpl>\n  <div class=\"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=\"#030712\"\n        stroke-width=\"1.36\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n    </svg>\n  </div>\n</ng-template>\n", styles: [".custom-notification-container{padding:12px 40px 12px 12px}.custom-notification-container .custom-notification-title{font-size:12px;font-weight:600}.custom-notification-container .custom-notification-desc{font-size:12px;font-weight:500;margin-top:4px}.custom-notification-container .custom-notification-link{color:#367af6;font-size:13px;font-style:normal;font-weight:600;line-height:16px;cursor:pointer;margin-top:12px;padding:0 2px}.custom-warn-background{background-color:#fef0c3!important}.custom-error-background{background-color:#fce8eb!important}.custom-notification-icon{display:flex;width:40px;padding:16px 12px;justify-content:center;align-items:center;flex-shrink:0;align-self:stretch;background-color:#dcfcf0}.custom-notification-icon svg{flex-shrink:0;width:20px;height:20px}.custom-notification-close{padding:16px 12px}.custom-notification-close svg{width:16px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-rd-notification', template: "<ng-template #notificationTpl let-data=\"data\">\n  <div class=\"custom-notification\"></div>\n  <!-- \u5148\u6253\u5370\u770B\u770B\u6570\u636E\u7ED3\u6784 -->\n  <div\n    class=\"custom-notification-icon\"\n    [class]=\"\n      data.type === 'warn'\n        ? 'custom-warn-background'\n        : data.type === 'error'\n        ? 'custom-error-background'\n        : ''\n    \"\n  >\n    <img\n      [hidden]=\"data.type !== 'success'\"\n      src=\"assets/img/icon/success-tip.svg\"\n    />\n    <img [hidden]=\"data.type !== 'warn'\" src=\"assets/img/icon/warm-tip.svg\" />\n    <img [hidden]=\"data.type !== 'error'\" src=\"assets/img/icon/error-tip.svg\" />\n  </div>\n  <div class=\"custom-notification-container\">\n    <div class=\"custom-notification-title\">{{ data.title }}</div>\n    <div\n      class=\"custom-notification-desc\"\n      [innerHTML]=\"getDesc(data.desc)\"\n    ></div>\n    <div\n      *ngIf=\"data.actionDesc\"\n      class=\"custom-notification-link\"\n      (click)=\"onClick(data)\"\n    >\n      {{ data.actionDesc }}\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #closeTpl>\n  <div class=\"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=\"#030712\"\n        stroke-width=\"1.36\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n    </svg>\n  </div>\n</ng-template>\n", styles: [".custom-notification-container{padding:12px 40px 12px 12px}.custom-notification-container .custom-notification-title{font-size:12px;font-weight:600}.custom-notification-container .custom-notification-desc{font-size:12px;font-weight:500;margin-top:4px}.custom-notification-container .custom-notification-link{color:#367af6;font-size:13px;font-style:normal;font-weight:600;line-height:16px;cursor:pointer;margin-top:12px;padding:0 2px}.custom-warn-background{background-color:#fef0c3!important}.custom-error-background{background-color:#fce8eb!important}.custom-notification-icon{display:flex;width:40px;padding:16px 12px;justify-content:center;align-items:center;flex-shrink:0;align-self:stretch;background-color:#dcfcf0}.custom-notification-icon svg{flex-shrink:0;width:20px;height:20px}.custom-notification-close{padding:16px 12px}.custom-notification-close svg{width:16px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.NzNotificationService }, { type: i2.DomSanitizer }]; }, propDecorators: { notificationTpl: [{
+                type: ViewChild,
+                args: ['notificationTpl', { static: true }]
+            }], closeTpl: [{
+                type: ViewChild,
+                args: ['closeTpl', { static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1saWIvc3JjL2xpYi9tb2R1bGVzL3JkLW5vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLWxpYi9zcmMvbGliL21vZHVsZXMvcmQtbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFlLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRbEUsTUFBTSxjQUFjLEdBQWtDO0lBQ3BELE9BQU8sRUFBRSxTQUFTO0lBQ2xCLElBQUksRUFBRSxTQUFTO0lBQ2YsS0FBSyxFQUFFLFNBQVM7Q0FDakIsQ0FBQztBQU9GLE1BQU0sT0FBTyx1QkFBdUI7SUFPbEMsWUFDVSxtQkFBMEMsRUFDMUMsU0FBdUI7UUFEdkIsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUF1QjtRQUMxQyxjQUFTLEdBQVQsU0FBUyxDQUFjO0lBQzlCLENBQUM7SUFFSixnQkFBZ0IsQ0FBQyxJQUFXO1FBQzFCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUFDLFFBQVEsQ0FDbkQsSUFBSSxDQUFDLGVBQWUsRUFDcEI7WUFDRSxNQUFNLEVBQUUsSUFBSTtZQUNaLFVBQVUsRUFBRSxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsR0FBRyxJQUFJO1lBQ3JDLE9BQU8sRUFBRTtnQkFDUCxZQUFZLEVBQUUsS0FBSztnQkFDbkIsTUFBTSxFQUFFLGNBQWMsY0FBYyxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsRUFBRTtnQkFDbEQsU0FBUyxFQUFFLHlDQUF5QztnQkFDcEQsT0FBTyxFQUFFLE1BQU07Z0JBQ2YsT0FBTyxFQUFFLEdBQUc7Z0JBQ1osS0FBSyxFQUFFLE9BQU87Z0JBQ2QsU0FBUyxFQUFFLE1BQU07YUFDbEI7WUFDRCxPQUFPLEVBQUUsNEJBQTRCO1lBQ3JDLFdBQVcsRUFBRSxJQUFJLENBQUMsUUFBUTtTQUMzQixDQUNGLENBQUM7SUFDSixDQUFDO0lBRUQsT0FBTyxDQUFDLElBQVk7UUFDbEIsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3RELENBQUM7SUFFRCxPQUFPLENBQUMsSUFBVztRQUNqQixJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsU0FBUyxFQUFFO1lBQ2hDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxTQUFTLENBQUMsQ0FBQztTQUMvRDtRQUNELElBQUksSUFBSSxFQUFFO1lBQ1IsSUFBSSxFQUFFLFdBQVcsRUFBRSxDQUFDO1NBQ3JCO0lBQ0gsQ0FBQzs7cUhBNUNVLHVCQUF1Qjt5R0FBdkIsdUJBQXVCLGtTQ25CcEMsK2xEQXVEQTs0RkRwQ2EsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLHFCQUFxQjt1SUFNdkIsZUFBZTtzQkFEdEIsU0FBUzt1QkFBQyxpQkFBaUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBSXRDLFFBQVE7c0JBRGYsU0FBUzt1QkFBQyxVQUFVLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBOek5vdGlmaWNhdGlvblJlZixcbiAgTnpOb3RpZmljYXRpb25TZXJ2aWNlLFxufSBmcm9tICduZy16b3Jyby1hbnRkL25vdGlmaWNhdGlvbic7XG5pbXBvcnQgeyBJRGF0YSB9IGZyb20gJy4vbm90aWZpY2F0aW9uLnNlcnZpY2UnO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5cbmNvbnN0IGJvcmRlckNvbG9yTWFwOiBSZWNvcmQ8SURhdGFbJ3R5cGUnXSwgc3RyaW5nPiA9IHtcbiAgc3VjY2VzczogJyNiYmY3ZTAnLFxuICB3YXJuOiAnI2ZlZjBjMycsXG4gIGVycm9yOiAnI0VGNzQ4NCcsXG59O1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtcmQtbm90aWZpY2F0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25vdGlmaWNhdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25vdGlmaWNhdGlvbi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBSZE5vdGlmaWNhdGlvbkNvbXBvbmVudCB7XG4gIEBWaWV3Q2hpbGQoJ25vdGlmaWNhdGlvblRwbCcsIHsgc3RhdGljOiB0cnVlIH0pXG4gIHByaXZhdGUgbm90aWZpY2F0aW9uVHBsITogVGVtcGxhdGVSZWY8YW55PjtcblxuICBAVmlld0NoaWxkKCdjbG9zZVRwbCcsIHsgc3RhdGljOiB0cnVlIH0pXG4gIHByaXZhdGUgY2xvc2VUcGwhOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICBwcml2YXRlIG5vdGlmaWNhdGlvbiE6IE56Tm90aWZpY2F0aW9uUmVmO1xuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIG5vdGlmaWNhdGlvblNlcnZpY2U6IE56Tm90aWZpY2F0aW9uU2VydmljZSxcbiAgICBwcml2YXRlIHNhbml0aXplcjogRG9tU2FuaXRpemVyXG4gICkge31cblxuICBzaG93Tm90aWZpY2F0aW9uKGRhdGE6IElEYXRhKSB7XG4gICAgdGhpcy5ub3RpZmljYXRpb24gPSB0aGlzLm5vdGlmaWNhdGlvblNlcnZpY2UudGVtcGxhdGUoXG4gICAgICB0aGlzLm5vdGlmaWNhdGlvblRwbCxcbiAgICAgIHtcbiAgICAgICAgbnpEYXRhOiBkYXRhLFxuICAgICAgICBuekR1cmF0aW9uOiBkYXRhLmR1cmF0aW9uIHx8IDggKiAxMDAwLFxuICAgICAgICBuelN0eWxlOiB7XG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiAnNHB4JyxcbiAgICAgICAgICBib3JkZXI6IGAxcHggc29saWQgICR7Ym9yZGVyQ29sb3JNYXBbZGF0YT8udHlwZV19YCxcbiAgICAgICAgICBib3hTaGFkb3c6ICcwcHggOHB4IDE2cHggMHB4IHJnYmEoMzEsIDQxLCA1NSwgMC4wOCknLFxuICAgICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgICAgICBwYWRkaW5nOiAnMCcsXG4gICAgICAgICAgd2lkdGg6ICczMjBweCcsXG4gICAgICAgICAgbWFyZ2luVG9wOiAnLTFweCcsXG4gICAgICAgIH0sXG4gICAgICAgIG56Q2xhc3M6ICdjdXN0b20td2FsbGV0LW5vdGlmaWNhdGlvbicsXG4gICAgICAgIG56Q2xvc2VJY29uOiB0aGlzLmNsb3NlVHBsLFxuICAgICAgfVxuICAgICk7XG4gIH1cblxuICBnZXREZXNjKGRlc2M6IHN0cmluZykge1xuICAgIHJldHVybiB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0SHRtbChkZXNjKTtcbiAgfVxuXG4gIG9uQ2xpY2soZGF0YTogSURhdGEpIHtcbiAgICBpZiAodGhpcy5ub3RpZmljYXRpb24/Lm1lc3NhZ2VJZCkge1xuICAgICAgdGhpcy5ub3RpZmljYXRpb25TZXJ2aWNlLnJlbW92ZSh0aGlzLm5vdGlmaWNhdGlvbj8ubWVzc2FnZUlkKTtcbiAgICB9XG4gICAgaWYgKGRhdGEpIHtcbiAgICAgIGRhdGE/Lm9uTGlua0NsaWNrKCk7XG4gICAgfVxuICB9XG59XG4iLCI8bmctdGVtcGxhdGUgI25vdGlmaWNhdGlvblRwbCBsZXQtZGF0YT1cImRhdGFcIj5cbiAgPGRpdiBjbGFzcz1cImN1c3RvbS1ub3RpZmljYXRpb25cIj48L2Rpdj5cbiAgPCEtLSDlhYjmiZPljbDnnIvnnIvmlbDmja7nu5PmnoQgLS0+XG4gIDxkaXZcbiAgICBjbGFzcz1cImN1c3RvbS1ub3RpZmljYXRpb24taWNvblwiXG4gICAgW2NsYXNzXT1cIlxuICAgICAgZGF0YS50eXBlID09PSAnd2FybidcbiAgICAgICAgPyAnY3VzdG9tLXdhcm4tYmFja2dyb3VuZCdcbiAgICAgICAgOiBkYXRhLnR5cGUgPT09ICdlcnJvcidcbiAgICAgICAgPyAnY3VzdG9tLWVycm9yLWJhY2tncm91bmQnXG4gICAgICAgIDogJydcbiAgICBcIlxuICA+XG4gICAgPGltZ1xuICAgICAgW2hpZGRlbl09XCJkYXRhLnR5cGUgIT09ICdzdWNjZXNzJ1wiXG4gICAgICBzcmM9XCJhc3NldHMvaW1nL2ljb24vc3VjY2Vzcy10aXAuc3ZnXCJcbiAgICAvPlxuICAgIDxpbWcgW2hpZGRlbl09XCJkYXRhLnR5cGUgIT09ICd3YXJuJ1wiIHNyYz1cImFzc2V0cy9pbWcvaWNvbi93YXJtLXRpcC5zdmdcIiAvPlxuICAgIDxpbWcgW2hpZGRlbl09XCJkYXRhLnR5cGUgIT09ICdlcnJvcidcIiBzcmM9XCJhc3NldHMvaW1nL2ljb24vZXJyb3ItdGlwLnN2Z1wiIC8+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiY3VzdG9tLW5vdGlmaWNhdGlvbi1jb250YWluZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY3VzdG9tLW5vdGlmaWNhdGlvbi10aXRsZVwiPnt7IGRhdGEudGl0bGUgfX08L2Rpdj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cImN1c3RvbS1ub3RpZmljYXRpb24tZGVzY1wiXG4gICAgICBbaW5uZXJIVE1MXT1cImdldERlc2MoZGF0YS5kZXNjKVwiXG4gICAgPjwvZGl2PlxuICAgIDxkaXZcbiAgICAgICpuZ0lmPVwiZGF0YS5hY3Rpb25EZXNjXCJcbiAgICAgIGNsYXNzPVwiY3VzdG9tLW5vdGlmaWNhdGlvbi1saW5rXCJcbiAgICAgIChjbGljayk9XCJvbkNsaWNrKGRhdGEpXCJcbiAgICA+XG4gICAgICB7eyBkYXRhLmFjdGlvbkRlc2MgfX1cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2Nsb3NlVHBsPlxuICA8ZGl2IGNsYXNzPVwiY3VzdG9tLW5vdGlmaWNhdGlvbi1jbG9zZVwiPlxuICAgIDxzdmdcbiAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgd2lkdGg9XCIxNlwiXG4gICAgICBoZWlnaHQ9XCIxNlwiXG4gICAgICB2aWV3Qm94PVwiMCAwIDE2IDE2XCJcbiAgICAgIGZpbGw9XCJub25lXCJcbiAgICA+XG4gICAgICA8cGF0aFxuICAgICAgICBkPVwiTTMuNDAwMzkgMy4zOTk5TDguMDAwMzkgNy45OTk5TTEyLjYwMDQgMTIuNTk5OUw4LjAwMDM5IDcuOTk5OU04LjAwMDM5IDcuOTk5OUwxMi42MDA0IDMuMzk5OUwzLjQwMDM5IDEyLjU5OTlcIlxuICAgICAgICBzdHJva2U9XCIjMDMwNzEyXCJcbiAgICAgICAgc3Ryb2tlLXdpZHRoPVwiMS4zNlwiXG4gICAgICAgIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIlxuICAgICAgICBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiXG4gICAgICAvPlxuICAgIDwvc3ZnPlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/esm2020/lib/modules/rd-notification/notification.module.mjs

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RdNotificationComponent } from './notification.component';
+import { RouterModule } from '@angular/router';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i0 from "@angular/core";
+export class RdNotificationModule {
+}
+RdNotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+RdNotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationModule, declarations: [RdNotificationComponent], imports: [CommonModule, RouterModule, FormsModule, ReactiveFormsModule] });
+RdNotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationModule, imports: [CommonModule, RouterModule, FormsModule, ReactiveFormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [RdNotificationComponent],
+                    imports: [CommonModule, RouterModule, FormsModule, ReactiveFormsModule],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1saWIvc3JjL2xpYi9tb2R1bGVzL3JkLW5vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBTWxFLE1BQU0sT0FBTyxvQkFBb0I7O2tIQUFwQixvQkFBb0I7bUhBQXBCLG9CQUFvQixpQkFIaEIsdUJBQXVCLGFBQzVCLFlBQVksRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLG1CQUFtQjttSEFFM0Qsb0JBQW9CLFlBRnJCLFlBQVksRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLG1CQUFtQjs0RkFFM0Qsb0JBQW9CO2tCQUpoQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLHVCQUF1QixDQUFDO29CQUN2QyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsQ0FBQztpQkFDeEUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFJkTm90aWZpY2F0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9ub3RpZmljYXRpb24uY29tcG9uZW50JztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbUmROb3RpZmljYXRpb25Db21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBSb3V0ZXJNb2R1bGUsIEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgUmROb3RpZmljYXRpb25Nb2R1bGUge31cbiJdfQ==

package/esm2020/lib/modules/rd-notification/notification.service.mjs

@@ -0,0 +1,38 @@
+import { Injectable } from '@angular/core';
+import { createComponent, } from '@angular/core';
+import { RdNotificationComponent } from './notification.component';
+import * as i0 from "@angular/core";
+export class NotificationService {
+    constructor(applicationRef, injector) {
+        this.applicationRef = applicationRef;
+        this.injector = injector;
+        this.createNotificationComponent();
+    }
+    createNotificationComponent() {
+        // 创建组件
+        this.notificationComponent = createComponent(RdNotificationComponent, {
+            environmentInjector: this.applicationRef.injector,
+            elementInjector: this.injector,
+        });
+        // 添加到 DOM
+        const domElem = this.notificationComponent.hostView.rootNodes[0];
+        document.body.appendChild(domElem);
+        // 添加到 ApplicationRef
+        this.applicationRef.attachView(this.notificationComponent.hostView);
+    }
+    /**
+     * 显示通知
+     */
+    show(data) {
+        this.notificationComponent?.instance.showNotification(data);
+    }
+}
+NotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationService, deps: [{ token: i0.ApplicationRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+NotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ApplicationRef }, { type: i0.Injector }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQtbGliL3NyYy9saWIvbW9kdWxlcy9yZC1ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBRUwsZUFBZSxHQUloQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFjbkUsTUFBTSxPQUFPLG1CQUFtQjtJQUc5QixZQUNVLGNBQThCLEVBQzlCLFFBQWtCO1FBRGxCLG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtRQUM5QixhQUFRLEdBQVIsUUFBUSxDQUFVO1FBRTFCLElBQUksQ0FBQywyQkFBMkIsRUFBRSxDQUFDO0lBQ3JDLENBQUM7SUFFTywyQkFBMkI7UUFDakMsT0FBTztRQUNQLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxlQUFlLENBQUMsdUJBQXVCLEVBQUU7WUFDcEUsbUJBQW1CLEVBQUUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRO1lBQ2pELGVBQWUsRUFBRSxJQUFJLENBQUMsUUFBUTtTQUMvQixDQUFDLENBQUM7UUFFSCxVQUFVO1FBQ1YsTUFBTSxPQUFPLEdBQ1gsSUFBSSxDQUFDLHFCQUFxQixDQUFDLFFBQzVCLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2YsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7UUFFbkMscUJBQXFCO1FBQ3JCLElBQUksQ0FBQyxjQUFjLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN0RSxDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUFJLENBQUMsSUFBVztRQUNkLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxRQUFRLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDOUQsQ0FBQzs7aUhBaENVLG1CQUFtQjtxSEFBbkIsbUJBQW1CLGNBRmxCLE1BQU07NEZBRVAsbUJBQW1CO2tCQUgvQixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIENvbXBvbmVudFJlZixcbiAgY3JlYXRlQ29tcG9uZW50LFxuICBBcHBsaWNhdGlvblJlZixcbiAgSW5qZWN0b3IsXG4gIEVtYmVkZGVkVmlld1JlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSZE5vdGlmaWNhdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vbm90aWZpY2F0aW9uLmNvbXBvbmVudCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSURhdGEge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjOiBzdHJpbmc7XG4gIGFjdGlvbkRlc2M/OiBzdHJpbmc7XG4gIGR1cmF0aW9uPzogbnVtYmVyO1xuICB0eXBlOiAnc3VjY2VzcycgfCAnd2FybicgfCAnZXJyb3InO1xuICBvbkxpbmtDbGljazogKCkgPT4gdm9pZDtcbn1cblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIE5vdGlmaWNhdGlvblNlcnZpY2Uge1xuICBwcml2YXRlIG5vdGlmaWNhdGlvbkNvbXBvbmVudD86IENvbXBvbmVudFJlZjxSZE5vdGlmaWNhdGlvbkNvbXBvbmVudD47XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBhcHBsaWNhdGlvblJlZjogQXBwbGljYXRpb25SZWYsXG4gICAgcHJpdmF0ZSBpbmplY3RvcjogSW5qZWN0b3JcbiAgKSB7XG4gICAgdGhpcy5jcmVhdGVOb3RpZmljYXRpb25Db21wb25lbnQoKTtcbiAgfVxuXG4gIHByaXZhdGUgY3JlYXRlTm90aWZpY2F0aW9uQ29tcG9uZW50KCkge1xuICAgIC8vIOWIm+W7uue7hOS7tlxuICAgIHRoaXMubm90aWZpY2F0aW9uQ29tcG9uZW50ID0gY3JlYXRlQ29tcG9uZW50KFJkTm90aWZpY2F0aW9uQ29tcG9uZW50LCB7XG4gICAgICBlbnZpcm9ubWVudEluamVjdG9yOiB0aGlzLmFwcGxpY2F0aW9uUmVmLmluamVjdG9yLFxuICAgICAgZWxlbWVudEluamVjdG9yOiB0aGlzLmluamVjdG9yLFxuICAgIH0pO1xuXG4gICAgLy8g5re75Yqg5YiwIERPTVxuICAgIGNvbnN0IGRvbUVsZW0gPSAoXG4gICAgICB0aGlzLm5vdGlmaWNhdGlvbkNvbXBvbmVudC5ob3N0VmlldyBhcyBFbWJlZGRlZFZpZXdSZWY8YW55PlxuICAgICkucm9vdE5vZGVzWzBdO1xuICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQoZG9tRWxlbSk7XG5cbiAgICAvLyDmt7vliqDliLAgQXBwbGljYXRpb25SZWZcbiAgICB0aGlzLmFwcGxpY2F0aW9uUmVmLmF0dGFjaFZpZXcodGhpcy5ub3RpZmljYXRpb25Db21wb25lbnQuaG9zdFZpZXcpO1xuICB9XG5cbiAgLyoqXG4gICAqIOaYvuekuumAmuefpVxuICAgKi9cbiAgc2hvdyhkYXRhOiBJRGF0YSkge1xuICAgIHRoaXMubm90aWZpY2F0aW9uQ29tcG9uZW50Py5pbnN0YW5jZS5zaG93Tm90aWZpY2F0aW9uKGRhdGEpO1xuICB9XG59XG4iXX0=

package/esm2020/public-api.mjs

@@ -12,8 +12,9 @@ export * from './lib/modules/custom-filter';
 export * from './lib/modules/custom-pagination';
 export * from './lib/modules/status-field';
 export * from './lib/modules/header-step';
+export * from './lib/modules/rd-notification';
 export * from './lib/pipes';
 export * from './lib/decorators';
 // utils
 export * from './lib/utils/debounce';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1saWIvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsMkJBQTJCLENBQUM7QUFFMUMsY0FBYyxhQUFhLENBQUM7QUFFNUIsY0FBYyxrQkFBa0IsQ0FBQztBQUVqQyxRQUFRO0FBQ1IsY0FBYyxzQkFBc0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygc2hhcmVkLWxpYlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvY3VzdG9tLWNoZWNrYm94JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvY3VzdG9tLWRhdGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9jdXN0b20taW5wdXQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9jdXN0b20tdGV4dGFyZWEnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9jdXN0b20taW5wdXQtYW1vdW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvY3VzdG9tLXJhZGlvJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvY3VzdG9tLXNlbGVjdCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2N1c3RvbS1maWx0ZXInO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9jdXN0b20tcGFnaW5hdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL3N0YXR1cy1maWVsZCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2hlYWRlci1zdGVwJztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvcGlwZXMnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kZWNvcmF0b3JzJztcblxuLy8gdXRpbHNcbmV4cG9ydCAqIGZyb20gJy4vbGliL3V0aWxzL2RlYm91bmNlJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1saWIvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYywrQkFBK0IsQ0FBQztBQUU5QyxjQUFjLGFBQWEsQ0FBQztBQUU1QixjQUFjLGtCQUFrQixDQUFDO0FBRWpDLFFBQVE7QUFDUixjQUFjLHNCQUFzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBzaGFyZWQtbGliXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9jdXN0b20tY2hlY2tib3gnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9jdXN0b20tZGF0ZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2N1c3RvbS1pbnB1dCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2N1c3RvbS10ZXh0YXJlYSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2N1c3RvbS1pbnB1dC1hbW91bnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9jdXN0b20tcmFkaW8nO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9jdXN0b20tc2VsZWN0JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvY3VzdG9tLWZpbHRlcic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2N1c3RvbS1wYWdpbmF0aW9uJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvc3RhdHVzLWZpZWxkJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvaGVhZGVyLXN0ZXAnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9yZC1ub3RpZmljYXRpb24nO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9waXBlcyc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2RlY29yYXRvcnMnO1xuXG4vLyB1dGlsc1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdXRpbHMvZGVib3VuY2UnO1xuIl19

package/fesm2015/rd-outer-component.mjs

@@ -29,6 +29,9 @@ import * as i4$2 from 'ng-zorro-antd/pagination';
 import { NzPaginationModule } from 'ng-zorro-antd/pagination';
 import * as i5 from 'ng-zorro-antd/grid';
 import { NzGridModule } from 'ng-zorro-antd/grid';
+import * as i1$1 from 'ng-zorro-antd/notification';
+import * as i2$3 from '@angular/platform-browser';
+import { RouterModule } from '@angular/router';
 import { Subject, isObservable, of } from 'rxjs';
 import { debounceTime, filter, switchMap } from 'rxjs/operators';
 
@@ -1618,10 +1621,10 @@ class CustomPaginatorComponent {
     }
 }
 CustomPaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CustomPaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomPaginatorComponent, selector: "app-rd-pagination", inputs: { pageIndex: "pageIndex", pageSize: "pageSize", currentTotalSize: "currentTotalSize", totalSize: "totalSize", specilMargin: "specilMargin", showLeftPageDorp: "showLeftPageDorp", isWhiteBg: "isWhiteBg" }, outputs: { changePageSize: "changePageSize", changePageIndex: "changePageIndex" }, ngImport: i0, template: "<div *ngIf=\"currentTotalSize > 0\" class=\"pagination-div\" nz-row>\n  <div class=\"pagination-total\">Total {{ totalSize }} items</div>\n  <div class=\"pagination-cnt\">\n    <nz-pagination\n      [nzTotal]=\"totalSize\"\n      [nzPageIndex]=\"pageIndex\"\n      [nzPageSize]=\"pageSize\"\n      (nzPageIndexChange)=\"nzPageIndexChange($event)\"\n    ></nz-pagination>\n  </div>\n  <div *ngIf=\"totalSize > 0 && showLeftPageDorp\" class=\"pagination-select\">\n    <nz-select\n      [(ngModel)]=\"pageSize\"\n      class=\"pagination-select-size\"\n      (ngModelChange)=\"nzPageSizeChange(pageSize)\"\n      [nzDropdownClassName]=\"'paginator-select'\"\n    >\n      <nz-option [nzValue]=\"10\" nzLabel=\"10\"></nz-option>\n      <nz-option [nzValue]=\"25\" nzLabel=\"25\"></nz-option>\n      <nz-option [nzValue]=\"50\" nzLabel=\"50\"></nz-option>\n      <nz-option [nzValue]=\"100\" nzLabel=\"100\"></nz-option>\n    </nz-select>\n    <span class=\"page-text\">/ page</span>\n  </div>\n</div>\n", styles: [":host::ng-deep .pagination-div{display:flex;justify-content:space-between;height:64px;padding:16px;border-top:1px solid #e5e7eb}:host::ng-deep .pagination-div .pagination-total{font-size:12px;font-weight:500;line-height:32px;color:#22222d}:host::ng-deep .pagination-div .pagination-select{display:flex;align-items:center}:host::ng-deep .pagination-div .pagination-select .page-text{margin-left:4px}:host::ng-deep .pagination-div .pagination-cnt{height:32px;line-height:32px;margin:0 auto;font-size:12px;font-weight:500;color:#22222d}:host::ng-deep .pagination-div .ant-select-item{padding-left:24px!important}:host::ng-deep .pagination-div .ant-select-item-option{padding-left:24px!important}:host::ng-deep .pagination-div .ant-table-pagination .ant-pagination{padding:16px 44px;position:absolute;right:0;margin-top:24px}:host::ng-deep .pagination-div .ant-pagination li{background:transparent;border:none}:host::ng-deep .pagination-div .ant-pagination-item-active{background:transparent}:host::ng-deep .pagination-div .ant-pagination-item{height:38px;margin-right:0;min-width:24px;margin-top:3px}:host::ng-deep .pagination-div .ant-pagination-item a{font-size:12px;font-weight:500;color:#c1c2c5;min-width:24px}:host::ng-deep .pagination-div .ant-pagination-prev{margin-right:7px}:host::ng-deep .pagination-div .ant-pagination-next{margin-left:7px}:host::ng-deep .pagination-div .ant-pagination-item-active a{color:#000042;border:1px solid #367af6;border-radius:8px;width:32px;color:#367af6}:host::ng-deep .pagination-div .ant-select:not(.ant-select-customize-input) .ant-select-selector{border:unset;border-radius:8px;text-align:left;padding:0;box-shadow:none!important}:host::ng-deep .pagination-div .ant-pagination-item-link{border-radius:50%;color:#fff;border:unset;height:32px;width:32px;position:relative}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon{vertical-align:-5px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon svg{width:18px;height:18px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-left{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-right{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link:hover{box-shadow:0 1px 4px #00000040;color:#fff!important}:host::ng-deep .pagination-div .ant-pagination-prev .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjMzMzQgMi41TDYuNjY2NzUgMTBMMTMuMzMzNCAxNy41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-pagination-next .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjY2NzUgMTcuNUwxMy4zMzM0IDEwTDYuNjY2NzUgMi41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-select-arrow{display:none}:host::ng-deep .pagination-div .ant-select-selection-item{text-align:center;font-weight:500}:host::ng-deep .pagination-div .ant-select-single .ant-select-selector .ant-select-selection-item{position:relative}:host::ng-deep .pagination-div .ant-select-single.ant-select-open .ant-select-selection-item{color:#000042}:host::ng-deep .pagination-div a{text-decoration:none!important}:host::ng-deep .pagination-select-size{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:#fff;border-radius:4px;border:1px solid #e5e7eb;margin-right:16px;font-size:12px;font-weight:500;height:32px;color:#22222d;padding:0 12px;min-width:70px}:host::ng-deep .pagination-select-size .ant-select-arrow{display:flex;margin-left:auto;color:#000042}:host::ng-deep .pagination-select-size .anticon{font-size:12px}::ng-deep .paginator-select .ant-select-dropdown{border-radius:8px;font-weight:500;color:#c1c2c5;padding-top:0;padding-bottom:0;text-align:center;box-shadow:0 1px 4px #0000001a}::ng-deep .paginator-select .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:#eaf7fa;font-weight:500;text-align:center;color:#000042}::ng-deep .paginator-select .ant-select-item{font-size:12px;font-weight:500}::ng-deep .paginator-select .ant-select-selection-item{text-align:left!important}::ng-deep .pagination-div .ant-pagination-item-active a{border:0!important;color:#030712!important}::ng-deep .ant-pagination{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px!important;margin-top:0!important;line-height:32px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4$1.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$2.NzPaginationComponent, selector: "nz-pagination", inputs: ["nzShowTotal", "nzItemRender", "nzSize", "nzPageSizeOptions", "nzShowSizeChanger", "nzShowQuickJumper", "nzSimple", "nzDisabled", "nzResponsive", "nzHideOnSinglePage", "nzTotal", "nzPageIndex", "nzPageSize"], outputs: ["nzPageSizeChange", "nzPageIndexChange"], exportAs: ["nzPagination"] }, { kind: "directive", type: i5.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }] });
+CustomPaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomPaginatorComponent, selector: "app-rd-pagination", inputs: { pageIndex: "pageIndex", pageSize: "pageSize", currentTotalSize: "currentTotalSize", totalSize: "totalSize", specilMargin: "specilMargin", showLeftPageDorp: "showLeftPageDorp", isWhiteBg: "isWhiteBg" }, outputs: { changePageSize: "changePageSize", changePageIndex: "changePageIndex" }, ngImport: i0, template: "<div *ngIf=\"currentTotalSize > 0\" class=\"pagination-div\" nz-row>\n  <div class=\"pagination-total\">Total {{ totalSize }} items</div>\n  <div class=\"pagination-cnt\">\n    <nz-pagination\n      [nzTotal]=\"totalSize\"\n      [nzPageIndex]=\"pageIndex\"\n      [nzPageSize]=\"pageSize\"\n      (nzPageIndexChange)=\"nzPageIndexChange($event)\"\n    ></nz-pagination>\n  </div>\n  <div *ngIf=\"totalSize > 0 && showLeftPageDorp\" class=\"pagination-select\">\n    <nz-select\n      [(ngModel)]=\"pageSize\"\n      class=\"pagination-select-size\"\n      (ngModelChange)=\"nzPageSizeChange(pageSize)\"\n      [nzDropdownClassName]=\"'paginator-select'\"\n    >\n      <nz-option [nzValue]=\"10\" nzLabel=\"10\"></nz-option>\n      <nz-option [nzValue]=\"25\" nzLabel=\"25\"></nz-option>\n      <nz-option [nzValue]=\"50\" nzLabel=\"50\"></nz-option>\n      <nz-option [nzValue]=\"100\" nzLabel=\"100\"></nz-option>\n    </nz-select>\n    <span class=\"page-text\">/ page</span>\n  </div>\n</div>\n", styles: [":host::ng-deep .pagination-div{display:flex;justify-content:space-between;height:64px;padding:16px 0;border-top:1px solid #e5e7eb}:host::ng-deep .pagination-div .pagination-total{font-size:12px;font-weight:500;line-height:32px;color:#22222d}:host::ng-deep .pagination-div .pagination-select{display:flex;align-items:center}:host::ng-deep .pagination-div .pagination-select .page-text{margin-left:4px}:host::ng-deep .pagination-div .pagination-cnt{height:32px;line-height:32px;margin:0 auto;font-size:12px;font-weight:500;color:#22222d}:host::ng-deep .pagination-div .ant-select-item{padding-left:24px!important}:host::ng-deep .pagination-div .ant-select-item-option{padding-left:24px!important}:host::ng-deep .pagination-div .ant-table-pagination .ant-pagination{padding:16px 44px;position:absolute;right:0;margin-top:24px}:host::ng-deep .pagination-div .ant-pagination li{background:transparent;border:none}:host::ng-deep .pagination-div .ant-pagination-item-active{background:transparent}:host::ng-deep .pagination-div .ant-pagination-item{height:38px;margin-right:0;min-width:24px;margin-top:3px}:host::ng-deep .pagination-div .ant-pagination-item a{font-size:12px;font-weight:500;color:#c1c2c5;min-width:24px}:host::ng-deep .pagination-div .ant-pagination-prev{margin-right:7px}:host::ng-deep .pagination-div .ant-pagination-next{margin-left:7px}:host::ng-deep .pagination-div .ant-pagination-item-active a{color:#000042;border:1px solid #367af6;border-radius:8px;width:32px;color:#367af6}:host::ng-deep .pagination-div .ant-select:not(.ant-select-customize-input) .ant-select-selector{border:unset;border-radius:8px;text-align:left;padding:0;box-shadow:none!important}:host::ng-deep .pagination-div .ant-pagination-item-link{border-radius:50%;color:#fff;border:unset;height:32px;width:32px;position:relative}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon{vertical-align:-5px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon svg{width:18px;height:18px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-left{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-right{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link:hover{box-shadow:0 1px 4px #00000040;color:#fff!important}:host::ng-deep .pagination-div .ant-pagination-prev .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjMzMzQgMi41TDYuNjY2NzUgMTBMMTMuMzMzNCAxNy41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-pagination-next .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjY2NzUgMTcuNUwxMy4zMzM0IDEwTDYuNjY2NzUgMi41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-select-arrow{display:none}:host::ng-deep .pagination-div .ant-select-selection-item{text-align:center;font-weight:500}:host::ng-deep .pagination-div .ant-select-single .ant-select-selector .ant-select-selection-item{position:relative}:host::ng-deep .pagination-div .ant-select-single.ant-select-open .ant-select-selection-item{color:#000042}:host::ng-deep .pagination-div a{text-decoration:none!important}:host::ng-deep .pagination-select-size{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:#fff;border-radius:4px;border:1px solid #e5e7eb;margin-right:16px;font-size:12px;font-weight:500;height:32px;color:#22222d;padding:0 12px;min-width:70px}:host::ng-deep .pagination-select-size .ant-select-arrow{display:flex;margin-left:auto;color:#000042}:host::ng-deep .pagination-select-size .anticon{font-size:12px}::ng-deep .paginator-select .ant-select-dropdown{border-radius:8px;font-weight:500;color:#c1c2c5;padding-top:0;padding-bottom:0;text-align:center;box-shadow:0 1px 4px #0000001a}::ng-deep .paginator-select .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:#eaf7fa;font-weight:500;text-align:center;color:#000042}::ng-deep .paginator-select .ant-select-item{font-size:12px;font-weight:500}::ng-deep .paginator-select .ant-select-selection-item{text-align:left!important}::ng-deep .pagination-div .ant-pagination-item-active a{border:0!important;color:#030712!important}::ng-deep .ant-pagination{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px!important;margin-top:0!important;line-height:32px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4$1.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$2.NzPaginationComponent, selector: "nz-pagination", inputs: ["nzShowTotal", "nzItemRender", "nzSize", "nzPageSizeOptions", "nzShowSizeChanger", "nzShowQuickJumper", "nzSimple", "nzDisabled", "nzResponsive", "nzHideOnSinglePage", "nzTotal", "nzPageIndex", "nzPageSize"], outputs: ["nzPageSizeChange", "nzPageIndexChange"], exportAs: ["nzPagination"] }, { kind: "directive", type: i5.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomPaginatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-rd-pagination', template: "<div *ngIf=\"currentTotalSize > 0\" class=\"pagination-div\" nz-row>\n  <div class=\"pagination-total\">Total {{ totalSize }} items</div>\n  <div class=\"pagination-cnt\">\n    <nz-pagination\n      [nzTotal]=\"totalSize\"\n      [nzPageIndex]=\"pageIndex\"\n      [nzPageSize]=\"pageSize\"\n      (nzPageIndexChange)=\"nzPageIndexChange($event)\"\n    ></nz-pagination>\n  </div>\n  <div *ngIf=\"totalSize > 0 && showLeftPageDorp\" class=\"pagination-select\">\n    <nz-select\n      [(ngModel)]=\"pageSize\"\n      class=\"pagination-select-size\"\n      (ngModelChange)=\"nzPageSizeChange(pageSize)\"\n      [nzDropdownClassName]=\"'paginator-select'\"\n    >\n      <nz-option [nzValue]=\"10\" nzLabel=\"10\"></nz-option>\n      <nz-option [nzValue]=\"25\" nzLabel=\"25\"></nz-option>\n      <nz-option [nzValue]=\"50\" nzLabel=\"50\"></nz-option>\n      <nz-option [nzValue]=\"100\" nzLabel=\"100\"></nz-option>\n    </nz-select>\n    <span class=\"page-text\">/ page</span>\n  </div>\n</div>\n", styles: [":host::ng-deep .pagination-div{display:flex;justify-content:space-between;height:64px;padding:16px;border-top:1px solid #e5e7eb}:host::ng-deep .pagination-div .pagination-total{font-size:12px;font-weight:500;line-height:32px;color:#22222d}:host::ng-deep .pagination-div .pagination-select{display:flex;align-items:center}:host::ng-deep .pagination-div .pagination-select .page-text{margin-left:4px}:host::ng-deep .pagination-div .pagination-cnt{height:32px;line-height:32px;margin:0 auto;font-size:12px;font-weight:500;color:#22222d}:host::ng-deep .pagination-div .ant-select-item{padding-left:24px!important}:host::ng-deep .pagination-div .ant-select-item-option{padding-left:24px!important}:host::ng-deep .pagination-div .ant-table-pagination .ant-pagination{padding:16px 44px;position:absolute;right:0;margin-top:24px}:host::ng-deep .pagination-div .ant-pagination li{background:transparent;border:none}:host::ng-deep .pagination-div .ant-pagination-item-active{background:transparent}:host::ng-deep .pagination-div .ant-pagination-item{height:38px;margin-right:0;min-width:24px;margin-top:3px}:host::ng-deep .pagination-div .ant-pagination-item a{font-size:12px;font-weight:500;color:#c1c2c5;min-width:24px}:host::ng-deep .pagination-div .ant-pagination-prev{margin-right:7px}:host::ng-deep .pagination-div .ant-pagination-next{margin-left:7px}:host::ng-deep .pagination-div .ant-pagination-item-active a{color:#000042;border:1px solid #367af6;border-radius:8px;width:32px;color:#367af6}:host::ng-deep .pagination-div .ant-select:not(.ant-select-customize-input) .ant-select-selector{border:unset;border-radius:8px;text-align:left;padding:0;box-shadow:none!important}:host::ng-deep .pagination-div .ant-pagination-item-link{border-radius:50%;color:#fff;border:unset;height:32px;width:32px;position:relative}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon{vertical-align:-5px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon svg{width:18px;height:18px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-left{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-right{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link:hover{box-shadow:0 1px 4px #00000040;color:#fff!important}:host::ng-deep .pagination-div .ant-pagination-prev .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjMzMzQgMi41TDYuNjY2NzUgMTBMMTMuMzMzNCAxNy41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-pagination-next .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjY2NzUgMTcuNUwxMy4zMzM0IDEwTDYuNjY2NzUgMi41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-select-arrow{display:none}:host::ng-deep .pagination-div .ant-select-selection-item{text-align:center;font-weight:500}:host::ng-deep .pagination-div .ant-select-single .ant-select-selector .ant-select-selection-item{position:relative}:host::ng-deep .pagination-div .ant-select-single.ant-select-open .ant-select-selection-item{color:#000042}:host::ng-deep .pagination-div a{text-decoration:none!important}:host::ng-deep .pagination-select-size{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:#fff;border-radius:4px;border:1px solid #e5e7eb;margin-right:16px;font-size:12px;font-weight:500;height:32px;color:#22222d;padding:0 12px;min-width:70px}:host::ng-deep .pagination-select-size .ant-select-arrow{display:flex;margin-left:auto;color:#000042}:host::ng-deep .pagination-select-size .anticon{font-size:12px}::ng-deep .paginator-select .ant-select-dropdown{border-radius:8px;font-weight:500;color:#c1c2c5;padding-top:0;padding-bottom:0;text-align:center;box-shadow:0 1px 4px #0000001a}::ng-deep .paginator-select .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:#eaf7fa;font-weight:500;text-align:center;color:#000042}::ng-deep .paginator-select .ant-select-item{font-size:12px;font-weight:500}::ng-deep .paginator-select .ant-select-selection-item{text-align:left!important}::ng-deep .pagination-div .ant-pagination-item-active a{border:0!important;color:#030712!important}::ng-deep .ant-pagination{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px!important;margin-top:0!important;line-height:32px}\n"] }]
+            args: [{ selector: 'app-rd-pagination', template: "<div *ngIf=\"currentTotalSize > 0\" class=\"pagination-div\" nz-row>\n  <div class=\"pagination-total\">Total {{ totalSize }} items</div>\n  <div class=\"pagination-cnt\">\n    <nz-pagination\n      [nzTotal]=\"totalSize\"\n      [nzPageIndex]=\"pageIndex\"\n      [nzPageSize]=\"pageSize\"\n      (nzPageIndexChange)=\"nzPageIndexChange($event)\"\n    ></nz-pagination>\n  </div>\n  <div *ngIf=\"totalSize > 0 && showLeftPageDorp\" class=\"pagination-select\">\n    <nz-select\n      [(ngModel)]=\"pageSize\"\n      class=\"pagination-select-size\"\n      (ngModelChange)=\"nzPageSizeChange(pageSize)\"\n      [nzDropdownClassName]=\"'paginator-select'\"\n    >\n      <nz-option [nzValue]=\"10\" nzLabel=\"10\"></nz-option>\n      <nz-option [nzValue]=\"25\" nzLabel=\"25\"></nz-option>\n      <nz-option [nzValue]=\"50\" nzLabel=\"50\"></nz-option>\n      <nz-option [nzValue]=\"100\" nzLabel=\"100\"></nz-option>\n    </nz-select>\n    <span class=\"page-text\">/ page</span>\n  </div>\n</div>\n", styles: [":host::ng-deep .pagination-div{display:flex;justify-content:space-between;height:64px;padding:16px 0;border-top:1px solid #e5e7eb}:host::ng-deep .pagination-div .pagination-total{font-size:12px;font-weight:500;line-height:32px;color:#22222d}:host::ng-deep .pagination-div .pagination-select{display:flex;align-items:center}:host::ng-deep .pagination-div .pagination-select .page-text{margin-left:4px}:host::ng-deep .pagination-div .pagination-cnt{height:32px;line-height:32px;margin:0 auto;font-size:12px;font-weight:500;color:#22222d}:host::ng-deep .pagination-div .ant-select-item{padding-left:24px!important}:host::ng-deep .pagination-div .ant-select-item-option{padding-left:24px!important}:host::ng-deep .pagination-div .ant-table-pagination .ant-pagination{padding:16px 44px;position:absolute;right:0;margin-top:24px}:host::ng-deep .pagination-div .ant-pagination li{background:transparent;border:none}:host::ng-deep .pagination-div .ant-pagination-item-active{background:transparent}:host::ng-deep .pagination-div .ant-pagination-item{height:38px;margin-right:0;min-width:24px;margin-top:3px}:host::ng-deep .pagination-div .ant-pagination-item a{font-size:12px;font-weight:500;color:#c1c2c5;min-width:24px}:host::ng-deep .pagination-div .ant-pagination-prev{margin-right:7px}:host::ng-deep .pagination-div .ant-pagination-next{margin-left:7px}:host::ng-deep .pagination-div .ant-pagination-item-active a{color:#000042;border:1px solid #367af6;border-radius:8px;width:32px;color:#367af6}:host::ng-deep .pagination-div .ant-select:not(.ant-select-customize-input) .ant-select-selector{border:unset;border-radius:8px;text-align:left;padding:0;box-shadow:none!important}:host::ng-deep .pagination-div .ant-pagination-item-link{border-radius:50%;color:#fff;border:unset;height:32px;width:32px;position:relative}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon{vertical-align:-5px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon svg{width:18px;height:18px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-left{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-right{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link:hover{box-shadow:0 1px 4px #00000040;color:#fff!important}:host::ng-deep .pagination-div .ant-pagination-prev .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjMzMzQgMi41TDYuNjY2NzUgMTBMMTMuMzMzNCAxNy41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-pagination-next .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjY2NzUgMTcuNUwxMy4zMzM0IDEwTDYuNjY2NzUgMi41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-select-arrow{display:none}:host::ng-deep .pagination-div .ant-select-selection-item{text-align:center;font-weight:500}:host::ng-deep .pagination-div .ant-select-single .ant-select-selector .ant-select-selection-item{position:relative}:host::ng-deep .pagination-div .ant-select-single.ant-select-open .ant-select-selection-item{color:#000042}:host::ng-deep .pagination-div a{text-decoration:none!important}:host::ng-deep .pagination-select-size{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:#fff;border-radius:4px;border:1px solid #e5e7eb;margin-right:16px;font-size:12px;font-weight:500;height:32px;color:#22222d;padding:0 12px;min-width:70px}:host::ng-deep .pagination-select-size .ant-select-arrow{display:flex;margin-left:auto;color:#000042}:host::ng-deep .pagination-select-size .anticon{font-size:12px}::ng-deep .paginator-select .ant-select-dropdown{border-radius:8px;font-weight:500;color:#c1c2c5;padding-top:0;padding-bottom:0;text-align:center;box-shadow:0 1px 4px #0000001a}::ng-deep .paginator-select .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:#eaf7fa;font-weight:500;text-align:center;color:#000042}::ng-deep .paginator-select .ant-select-item{font-size:12px;font-weight:500}::ng-deep .paginator-select .ant-select-selection-item{text-align:left!important}::ng-deep .pagination-div .ant-pagination-item-active a{border:0!important;color:#030712!important}::ng-deep .ant-pagination{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px!important;margin-top:0!important;line-height:32px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { pageIndex: [{
                 type: Input
             }], pageSize: [{
@@ -1726,6 +1729,72 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 }]
         }] });
 
+const borderColorMap = {
+    success: '#bbf7e0',
+    warn: '#fef0c3',
+    error: '#EF7484',
+};
+class RdNotificationComponent {
+    constructor(notificationService, sanitizer) {
+        this.notificationService = notificationService;
+        this.sanitizer = sanitizer;
+    }
+    showNotification(data) {
+        this.notification = this.notificationService.template(this.notificationTpl, {
+            nzData: data,
+            nzDuration: data.duration || 8 * 1000,
+            nzStyle: {
+                borderRadius: '4px',
+                border: `1px solid  ${borderColorMap[data === null || data === void 0 ? void 0 : data.type]}`,
+                boxShadow: '0px 8px 16px 0px rgba(31, 41, 55, 0.08)',
+                display: 'flex',
+                padding: '0',
+                width: '320px',
+                marginTop: '-1px',
+            },
+            nzClass: 'custom-wallet-notification',
+            nzCloseIcon: this.closeTpl,
+        });
+    }
+    getDesc(desc) {
+        return this.sanitizer.bypassSecurityTrustHtml(desc);
+    }
+    onClick(data) {
+        var _a, _b;
+        if ((_a = this.notification) === null || _a === void 0 ? void 0 : _a.messageId) {
+            this.notificationService.remove((_b = this.notification) === null || _b === void 0 ? void 0 : _b.messageId);
+        }
+        if (data) {
+            data === null || data === void 0 ? void 0 : data.onLinkClick();
+        }
+    }
+}
+RdNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationComponent, deps: [{ token: i1$1.NzNotificationService }, { token: i2$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+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=\"custom-notification\"></div>\n  <!-- \u5148\u6253\u5370\u770B\u770B\u6570\u636E\u7ED3\u6784 -->\n  <div\n    class=\"custom-notification-icon\"\n    [class]=\"\n      data.type === 'warn'\n        ? 'custom-warn-background'\n        : data.type === 'error'\n        ? 'custom-error-background'\n        : ''\n    \"\n  >\n    <img\n      [hidden]=\"data.type !== 'success'\"\n      src=\"assets/img/icon/success-tip.svg\"\n    />\n    <img [hidden]=\"data.type !== 'warn'\" src=\"assets/img/icon/warm-tip.svg\" />\n    <img [hidden]=\"data.type !== 'error'\" src=\"assets/img/icon/error-tip.svg\" />\n  </div>\n  <div class=\"custom-notification-container\">\n    <div class=\"custom-notification-title\">{{ data.title }}</div>\n    <div\n      class=\"custom-notification-desc\"\n      [innerHTML]=\"getDesc(data.desc)\"\n    ></div>\n    <div\n      *ngIf=\"data.actionDesc\"\n      class=\"custom-notification-link\"\n      (click)=\"onClick(data)\"\n    >\n      {{ data.actionDesc }}\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #closeTpl>\n  <div class=\"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=\"#030712\"\n        stroke-width=\"1.36\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n    </svg>\n  </div>\n</ng-template>\n", styles: [".custom-notification-container{padding:12px 40px 12px 12px}.custom-notification-container .custom-notification-title{font-size:12px;font-weight:600}.custom-notification-container .custom-notification-desc{font-size:12px;font-weight:500;margin-top:4px}.custom-notification-container .custom-notification-link{color:#367af6;font-size:13px;font-style:normal;font-weight:600;line-height:16px;cursor:pointer;margin-top:12px;padding:0 2px}.custom-warn-background{background-color:#fef0c3!important}.custom-error-background{background-color:#fce8eb!important}.custom-notification-icon{display:flex;width:40px;padding:16px 12px;justify-content:center;align-items:center;flex-shrink:0;align-self:stretch;background-color:#dcfcf0}.custom-notification-icon svg{flex-shrink:0;width:20px;height:20px}.custom-notification-close{padding:16px 12px}.custom-notification-close svg{width:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-rd-notification', template: "<ng-template #notificationTpl let-data=\"data\">\n  <div class=\"custom-notification\"></div>\n  <!-- \u5148\u6253\u5370\u770B\u770B\u6570\u636E\u7ED3\u6784 -->\n  <div\n    class=\"custom-notification-icon\"\n    [class]=\"\n      data.type === 'warn'\n        ? 'custom-warn-background'\n        : data.type === 'error'\n        ? 'custom-error-background'\n        : ''\n    \"\n  >\n    <img\n      [hidden]=\"data.type !== 'success'\"\n      src=\"assets/img/icon/success-tip.svg\"\n    />\n    <img [hidden]=\"data.type !== 'warn'\" src=\"assets/img/icon/warm-tip.svg\" />\n    <img [hidden]=\"data.type !== 'error'\" src=\"assets/img/icon/error-tip.svg\" />\n  </div>\n  <div class=\"custom-notification-container\">\n    <div class=\"custom-notification-title\">{{ data.title }}</div>\n    <div\n      class=\"custom-notification-desc\"\n      [innerHTML]=\"getDesc(data.desc)\"\n    ></div>\n    <div\n      *ngIf=\"data.actionDesc\"\n      class=\"custom-notification-link\"\n      (click)=\"onClick(data)\"\n    >\n      {{ data.actionDesc }}\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #closeTpl>\n  <div class=\"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=\"#030712\"\n        stroke-width=\"1.36\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n    </svg>\n  </div>\n</ng-template>\n", styles: [".custom-notification-container{padding:12px 40px 12px 12px}.custom-notification-container .custom-notification-title{font-size:12px;font-weight:600}.custom-notification-container .custom-notification-desc{font-size:12px;font-weight:500;margin-top:4px}.custom-notification-container .custom-notification-link{color:#367af6;font-size:13px;font-style:normal;font-weight:600;line-height:16px;cursor:pointer;margin-top:12px;padding:0 2px}.custom-warn-background{background-color:#fef0c3!important}.custom-error-background{background-color:#fce8eb!important}.custom-notification-icon{display:flex;width:40px;padding:16px 12px;justify-content:center;align-items:center;flex-shrink:0;align-self:stretch;background-color:#dcfcf0}.custom-notification-icon svg{flex-shrink:0;width:20px;height:20px}.custom-notification-close{padding:16px 12px}.custom-notification-close svg{width:16px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.NzNotificationService }, { type: i2$3.DomSanitizer }]; }, propDecorators: { notificationTpl: [{
+                type: ViewChild,
+                args: ['notificationTpl', { static: true }]
+            }], closeTpl: [{
+                type: ViewChild,
+                args: ['closeTpl', { static: true }]
+            }] } });
+
+class RdNotificationModule {
+}
+RdNotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+RdNotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationModule, declarations: [RdNotificationComponent], imports: [CommonModule, RouterModule, FormsModule, ReactiveFormsModule] });
+RdNotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationModule, imports: [CommonModule, RouterModule, FormsModule, ReactiveFormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [RdNotificationComponent],
+                    imports: [CommonModule, RouterModule, FormsModule, ReactiveFormsModule],
+                }]
+        }] });
+
 class BigNumberPipe {
     transform(value, precision = 6, mode = 'cut') {
         if (!value)
@@ -1808,5 +1877,5 @@ function DebounceSearch(milliseconds = 300, queryMinLength = 0, queryMaxLength)
  * Generated bundle index. Do not edit.
  */
 
-export { BigNumberPipe, CustomCheckboxComponent, CustomDateComponent, CustomInputAmountComponent, CustomInputComponent, CustomPaginatorComponent, CustomRadioComponent, CustomSelectComponent, CustomTextareaComponent, DebounceSearch, FilterTypeEnum, HeaderStepComponent, PipesModule, PureSelectTokenComponent, RdCheckboxModule, RdDateModule, RdFilterComponent, RdFilterModule, RdHeaderStepModule, RdInputAmountModule, RdInputModule, RdPaginatorModule, RdPureSelectTokenModule, RdRadioModule, RdSelectModule, RdStatusFieldModule, RdTextareaModule, StatusFieldComponent };
+export { BigNumberPipe, CustomCheckboxComponent, CustomDateComponent, CustomInputAmountComponent, CustomInputComponent, CustomPaginatorComponent, CustomRadioComponent, CustomSelectComponent, CustomTextareaComponent, DebounceSearch, FilterTypeEnum, HeaderStepComponent, PipesModule, PureSelectTokenComponent, RdCheckboxModule, RdDateModule, RdFilterComponent, RdFilterModule, RdHeaderStepModule, RdInputAmountModule, RdInputModule, RdNotificationComponent, RdNotificationModule, RdPaginatorModule, RdPureSelectTokenModule, RdRadioModule, RdSelectModule, RdStatusFieldModule, RdTextareaModule, StatusFieldComponent };
 //# sourceMappingURL=rd-outer-component.mjs.map