rd-outer-component 0.0.51 → 0.0.52
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.
|
@@ -1746,10 +1746,10 @@ class HeaderStepComponent {
|
|
|
1746
1746
|
}
|
|
1747
1747
|
}
|
|
1748
1748
|
HeaderStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1749
|
-
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]=\"{
|
|
1749
|
+
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]=\"{\n active: step === i + 1,\n 'cusor-pointer': step > i + 1 && !disableReturn\n }\"\n (click)=\"onClickStep(i + 1)\"\n >\n {{ stepTitle }}\n </span>\n </ng-container>\n </div>\n\n <div class=\"rd-header-step-close\" (click)=\"close()\">\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M4.46967 4.46967C4.76256 4.17678 5.23744 4.17678 5.53033 4.46967L12 10.9393L18.4697 4.46967C18.7626 4.17678 19.2374 4.17678 19.5303 4.46967C19.8232 4.76256 19.8232 5.23744 19.5303 5.53033L13.0607 12L19.5303 18.4697C19.8232 18.7626 19.8232 19.2374 19.5303 19.5303C19.2374 19.8232 18.7626 19.8232 18.4697 19.5303L12 13.0607L5.53033 19.5303C5.23744 19.8232 4.76256 19.8232 4.46967 19.5303C4.17678 19.2374 4.17678 18.7626 4.46967 18.4697L10.9393 12L4.46967 5.53033C4.17678 5.23744 4.17678 4.76256 4.46967 4.46967Z\"\n fill=\"#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"] }] });
|
|
1750
1750
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderStepComponent, decorators: [{
|
|
1751
1751
|
type: Component,
|
|
1752
|
-
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]=\"{
|
|
1752
|
+
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]=\"{\n active: step === i + 1,\n 'cusor-pointer': step > i + 1 && !disableReturn\n }\"\n (click)=\"onClickStep(i + 1)\"\n >\n {{ stepTitle }}\n </span>\n </ng-container>\n </div>\n\n <div class=\"rd-header-step-close\" (click)=\"close()\">\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M4.46967 4.46967C4.76256 4.17678 5.23744 4.17678 5.53033 4.46967L12 10.9393L18.4697 4.46967C18.7626 4.17678 19.2374 4.17678 19.5303 4.46967C19.8232 4.76256 19.8232 5.23744 19.5303 5.53033L13.0607 12L19.5303 18.4697C19.8232 18.7626 19.8232 19.2374 19.5303 19.5303C19.2374 19.8232 18.7626 19.8232 18.4697 19.5303L12 13.0607L5.53033 19.5303C5.23744 19.8232 4.76256 19.8232 4.46967 19.5303C4.17678 19.2374 4.17678 18.7626 4.46967 18.4697L10.9393 12L4.46967 5.53033C4.17678 5.23744 4.17678 4.76256 4.46967 4.46967Z\"\n fill=\"#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"] }]
|
|
1753
1753
|
}], propDecorators: { step: [{
|
|
1754
1754
|
type: Input
|
|
1755
1755
|
}], stepArr: [{
|