rd-outer-component 0.0.22 → 0.0.23

package/fesm2020/rd-outer-component.mjs

@@ -1654,6 +1654,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 }]
         }] });
 
+class HeaderStepComponent {
+    constructor() {
+        this.step = 1;
+        this.stepArr = [];
+        this.stepChange = new EventEmitter();
+        this.onClose = new EventEmitter();
+    }
+    onClickBack() {
+        if (this.step <= 1) {
+            return;
+        }
+        this.stepChange.emit(this.step - 1);
+    }
+    onClickStep(step) {
+        if (step >= this.step) {
+            return;
+        }
+        this.stepChange.emit(step);
+    }
+    close() {
+        this.onClose.emit();
+    }
+}
+HeaderStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+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 class=\"rd-header-step-back\" *ngIf=\"step > 1\" (click)=\"onClickBack()\">\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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderStepComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-rd-header-step', template: "<div class=\"rd-header-step\">\n  <div>\n    <div class=\"rd-header-step-back\" *ngIf=\"step > 1\" (click)=\"onClickBack()\">\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"] }]
+        }], propDecorators: { step: [{
+                type: Input
+            }], stepArr: [{
+                type: Input
+            }], stepChange: [{
+                type: Output
+            }], onClose: [{
+                type: Output
+            }] } });
+
+class RdHeaderStepModule {
+}
+RdHeaderStepModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdHeaderStepModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+RdHeaderStepModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RdHeaderStepModule, declarations: [HeaderStepComponent], imports: [CommonModule], exports: [HeaderStepComponent] });
+RdHeaderStepModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdHeaderStepModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdHeaderStepModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [HeaderStepComponent],
+                    imports: [CommonModule],
+                    exports: [HeaderStepComponent],
+                }]
+        }] });
+
 class BigNumberPipe {
     transform(value, precision = 6, mode = 'cut') {
         if (!value)
@@ -1736,5 +1788,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, PipesModule, PureSelectTokenComponent, RdCheckboxModule, RdDateModule, RdFilterComponent, RdFilterModule, 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, RdPaginatorModule, RdPureSelectTokenModule, RdRadioModule, RdSelectModule, RdStatusFieldModule, RdTextareaModule, StatusFieldComponent };
 //# sourceMappingURL=rd-outer-component.mjs.map