rd-outer-component 0.0.44 → 0.0.46
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/modules/custom-filter/custom-filter.component.mjs +3 -1
- package/esm2020/lib/modules/header-step/header-step.component.mjs +7 -4
- package/fesm2015/rd-outer-component.mjs +8 -3
- package/fesm2015/rd-outer-component.mjs.map +1 -1
- package/fesm2020/rd-outer-component.mjs +8 -3
- package/fesm2020/rd-outer-component.mjs.map +1 -1
- package/lib/modules/header-step/header-step.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -1487,6 +1487,7 @@ class RdFilterComponent {
|
|
|
1487
1487
|
constructor(cdf) {
|
|
1488
1488
|
this.cdf = cdf;
|
|
1489
1489
|
this.filterArr = [];
|
|
1490
|
+
// @Output() filterArrChange = new EventEmitter<ICustomFilter[]>();
|
|
1490
1491
|
this.defSearchChange = new EventEmitter();
|
|
1491
1492
|
this.clearFilter = new EventEmitter();
|
|
1492
1493
|
this.statusDisplayConfigs = [];
|
|
@@ -1497,6 +1498,7 @@ class RdFilterComponent {
|
|
|
1497
1498
|
this.defSearchChange.emit();
|
|
1498
1499
|
}
|
|
1499
1500
|
clear() {
|
|
1501
|
+
this.filterArr.forEach((item) => (item.value = ''));
|
|
1500
1502
|
this.clearFilter.emit();
|
|
1501
1503
|
}
|
|
1502
1504
|
}
|
|
@@ -1656,6 +1658,7 @@ class HeaderStepComponent {
|
|
|
1656
1658
|
constructor() {
|
|
1657
1659
|
this.step = 1;
|
|
1658
1660
|
this.stepArr = [];
|
|
1661
|
+
this.disableReturn = false;
|
|
1659
1662
|
this.stepChange = new EventEmitter();
|
|
1660
1663
|
this.onClose = new EventEmitter();
|
|
1661
1664
|
}
|
|
@@ -1666,7 +1669,7 @@ class HeaderStepComponent {
|
|
|
1666
1669
|
this.stepChange.emit(this.step - 1);
|
|
1667
1670
|
}
|
|
1668
1671
|
onClickStep(step) {
|
|
1669
|
-
if (step >= this.step) {
|
|
1672
|
+
if (step >= this.step || this.disableReturn) {
|
|
1670
1673
|
return;
|
|
1671
1674
|
}
|
|
1672
1675
|
this.stepChange.emit(step);
|
|
@@ -1676,14 +1679,16 @@ class HeaderStepComponent {
|
|
|
1676
1679
|
}
|
|
1677
1680
|
}
|
|
1678
1681
|
HeaderStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1679
|
-
HeaderStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HeaderStepComponent, selector: "app-rd-header-step", inputs: { step: "step", stepArr: "stepArr" }, outputs: { stepChange: "stepChange", onClose: "onClose" }, ngImport: i0, template: "<div class=\"rd-header-step\">\n <div>\n <div
|
|
1682
|
+
HeaderStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HeaderStepComponent, selector: "app-rd-header-step", inputs: { step: "step", stepArr: "stepArr", disableReturn: "disableReturn" }, outputs: { stepChange: "stepChange", onClose: "onClose" }, ngImport: i0, template: "<div class=\"rd-header-step\">\n <div>\n <div\n class=\"rd-header-step-back\"\n *ngIf=\"!disableReturn && step > 1\"\n (click)=\"onClickBack()\"\n >\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g id=\"Back\">\n <path\n id=\"Vector\"\n d=\"M16 3L8 12L16 21\"\n stroke=\"#030712\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </g>\n </svg>\n </div>\n </div>\n <div class=\"rd-header-step-title\">\n <ng-container *ngFor=\"let stepTitle of stepArr; let i = index\">\n <svg\n *ngIf=\"i !== 0\"\n width=\"17\"\n height=\"16\"\n viewBox=\"0 0 17 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n [attr.fill]=\"step === i + 1 ? '#030712' : '#9CA3AF'\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M5.40777 2.60136C5.62811 2.36633 5.99727 2.35442 6.2323 2.57476L11.5656 7.57476C11.6833 7.68504 11.75 7.83909 11.75 8.00033C11.75 8.16157 11.6833 8.31561 11.5656 8.42589L6.2323 13.4259C5.99727 13.6462 5.62811 13.6343 5.40777 13.3993C5.18743 13.1643 5.19934 12.7951 5.43437 12.5748L10.3138 8.00033L5.43437 3.42589C5.19934 3.20555 5.18743 2.83639 5.40777 2.60136Z\"\n />\n </svg>\n <span\n class=\"rd-header-step-index\"\n [ngClass]=\"{ active: step === i + 1, 'cusor-pointer': step > i + 1 }\"\n (click)=\"onClickStep(i + 1)\"\n >\n {{ stepTitle }}\n </span>\n </ng-container>\n </div>\n\n <div class=\"rd-header-step-close\" (click)=\"close()\">\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M4.46967 4.46967C4.76256 4.17678 5.23744 4.17678 5.53033 4.46967L12 10.9393L18.4697 4.46967C18.7626 4.17678 19.2374 4.17678 19.5303 4.46967C19.8232 4.76256 19.8232 5.23744 19.5303 5.53033L13.0607 12L19.5303 18.4697C19.8232 18.7626 19.8232 19.2374 19.5303 19.5303C19.2374 19.8232 18.7626 19.8232 18.4697 19.5303L12 13.0607L5.53033 19.5303C5.23744 19.8232 4.76256 19.8232 4.46967 19.5303C4.17678 19.2374 4.17678 18.7626 4.46967 18.4697L10.9393 12L4.46967 5.53033C4.17678 5.23744 4.17678 4.76256 4.46967 4.46967Z\"\n fill=\"#030712\"\n />\n </svg>\n </div>\n</div>\n", styles: [":host .rd-header-step{display:flex;align-items:center;height:64px;padding:20px 24px;justify-content:space-between;flex-shrink:0}:host .rd-header-step-back{width:24px;height:24px;z-index:1;cursor:pointer}:host .rd-header-step-close{width:24px;height:24px;z-index:1;cursor:pointer;transition:all ease-in-out .3s}:host .rd-header-step-title{text-align:center;font-size:18px;font-weight:600;line-height:24px;display:flex;align-items:center;justify-content:center;gap:8px;color:#030712}:host .rd-header-step-index{color:#9ca3af}:host .rd-header-step-index.active{color:#030712}:host .cusor-pointer{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1680
1683
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderStepComponent, decorators: [{
|
|
1681
1684
|
type: Component,
|
|
1682
|
-
args: [{ selector: 'app-rd-header-step', template: "<div class=\"rd-header-step\">\n <div>\n <div
|
|
1685
|
+
args: [{ selector: 'app-rd-header-step', template: "<div class=\"rd-header-step\">\n <div>\n <div\n class=\"rd-header-step-back\"\n *ngIf=\"!disableReturn && step > 1\"\n (click)=\"onClickBack()\"\n >\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g id=\"Back\">\n <path\n id=\"Vector\"\n d=\"M16 3L8 12L16 21\"\n stroke=\"#030712\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </g>\n </svg>\n </div>\n </div>\n <div class=\"rd-header-step-title\">\n <ng-container *ngFor=\"let stepTitle of stepArr; let i = index\">\n <svg\n *ngIf=\"i !== 0\"\n width=\"17\"\n height=\"16\"\n viewBox=\"0 0 17 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n [attr.fill]=\"step === i + 1 ? '#030712' : '#9CA3AF'\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M5.40777 2.60136C5.62811 2.36633 5.99727 2.35442 6.2323 2.57476L11.5656 7.57476C11.6833 7.68504 11.75 7.83909 11.75 8.00033C11.75 8.16157 11.6833 8.31561 11.5656 8.42589L6.2323 13.4259C5.99727 13.6462 5.62811 13.6343 5.40777 13.3993C5.18743 13.1643 5.19934 12.7951 5.43437 12.5748L10.3138 8.00033L5.43437 3.42589C5.19934 3.20555 5.18743 2.83639 5.40777 2.60136Z\"\n />\n </svg>\n <span\n class=\"rd-header-step-index\"\n [ngClass]=\"{ active: step === i + 1, 'cusor-pointer': step > i + 1 }\"\n (click)=\"onClickStep(i + 1)\"\n >\n {{ stepTitle }}\n </span>\n </ng-container>\n </div>\n\n <div class=\"rd-header-step-close\" (click)=\"close()\">\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M4.46967 4.46967C4.76256 4.17678 5.23744 4.17678 5.53033 4.46967L12 10.9393L18.4697 4.46967C18.7626 4.17678 19.2374 4.17678 19.5303 4.46967C19.8232 4.76256 19.8232 5.23744 19.5303 5.53033L13.0607 12L19.5303 18.4697C19.8232 18.7626 19.8232 19.2374 19.5303 19.5303C19.2374 19.8232 18.7626 19.8232 18.4697 19.5303L12 13.0607L5.53033 19.5303C5.23744 19.8232 4.76256 19.8232 4.46967 19.5303C4.17678 19.2374 4.17678 18.7626 4.46967 18.4697L10.9393 12L4.46967 5.53033C4.17678 5.23744 4.17678 4.76256 4.46967 4.46967Z\"\n fill=\"#030712\"\n />\n </svg>\n </div>\n</div>\n", styles: [":host .rd-header-step{display:flex;align-items:center;height:64px;padding:20px 24px;justify-content:space-between;flex-shrink:0}:host .rd-header-step-back{width:24px;height:24px;z-index:1;cursor:pointer}:host .rd-header-step-close{width:24px;height:24px;z-index:1;cursor:pointer;transition:all ease-in-out .3s}:host .rd-header-step-title{text-align:center;font-size:18px;font-weight:600;line-height:24px;display:flex;align-items:center;justify-content:center;gap:8px;color:#030712}:host .rd-header-step-index{color:#9ca3af}:host .rd-header-step-index.active{color:#030712}:host .cusor-pointer{cursor:pointer}\n"] }]
|
|
1683
1686
|
}], propDecorators: { step: [{
|
|
1684
1687
|
type: Input
|
|
1685
1688
|
}], stepArr: [{
|
|
1686
1689
|
type: Input
|
|
1690
|
+
}], disableReturn: [{
|
|
1691
|
+
type: Input
|
|
1687
1692
|
}], stepChange: [{
|
|
1688
1693
|
type: Output
|
|
1689
1694
|
}], onClose: [{
|