@sebgroup/green-angular 1.3.1 → 1.5.0
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/index.mjs +2 -1
- package/esm2020/lib/green-angular.module.mjs +7 -3
- package/esm2020/lib/in-page-wizard/in-page-wizard-step-card.component.mjs +48 -0
- package/esm2020/lib/in-page-wizard/in-page-wizard.module.mjs +18 -0
- package/esm2020/lib/in-page-wizard/index.mjs +3 -0
- package/fesm2015/sebgroup-green-angular.mjs +65 -3
- package/fesm2015/sebgroup-green-angular.mjs.map +1 -1
- package/fesm2020/sebgroup-green-angular.mjs +65 -3
- package/fesm2020/sebgroup-green-angular.mjs.map +1 -1
- package/index.d.ts +1 -0
- package/lib/green-angular.module.d.ts +2 -1
- package/lib/in-page-wizard/in-page-wizard-step-card.component.d.ts +17 -0
- package/lib/in-page-wizard/in-page-wizard.module.d.ts +8 -0
- package/lib/in-page-wizard/index.d.ts +2 -0
- package/package.json +2 -2
package/esm2020/index.mjs
CHANGED
|
@@ -9,4 +9,5 @@ export * from './lib/pagination';
|
|
|
9
9
|
export * from './lib/progress-circle';
|
|
10
10
|
export * from './lib/segmented-control';
|
|
11
11
|
export * from './lib/slider';
|
|
12
|
-
|
|
12
|
+
export * from './lib/in-page-wizard';
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsNEJBQTRCLENBQUE7QUFDMUMsY0FBYyxpQkFBaUIsQ0FBQTtBQUMvQixjQUFjLGFBQWEsQ0FBQTtBQUMzQixjQUFjLGNBQWMsQ0FBQTtBQUM1QixjQUFjLGtCQUFrQixDQUFBO0FBQ2hDLGNBQWMsZ0JBQWdCLENBQUE7QUFDOUIsY0FBYyxhQUFhLENBQUE7QUFDM0IsY0FBYyxrQkFBa0IsQ0FBQTtBQUNoQyxjQUFjLHVCQUF1QixDQUFBO0FBQ3JDLGNBQWMseUJBQXlCLENBQUE7QUFDdkMsY0FBYyxjQUFjLENBQUE7QUFDNUIsY0FBYyxzQkFBc0IsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL2dyZWVuLWFuZ3VsYXIubW9kdWxlJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYWNjb3JkaW9uJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYmFkZ2UnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24nXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kYXRlcGlja2VyJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZHJvcGRvd24nXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RhbCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL3BhZ2luYXRpb24nXG5leHBvcnQgKiBmcm9tICcuL2xpYi9wcm9ncmVzcy1jaXJjbGUnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWdtZW50ZWQtY29udHJvbCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NsaWRlcidcbmV4cG9ydCAqIGZyb20gJy4vbGliL2luLXBhZ2Utd2l6YXJkJ1xuIl19
|
|
@@ -9,6 +9,7 @@ import { NggModalModule } from './modal';
|
|
|
9
9
|
import { NggProgressCircleModule } from './progress-circle/progress-circle.module';
|
|
10
10
|
import { NggSegmentedControlModule } from './segmented-control/segmented-control.module';
|
|
11
11
|
import { NggSliderModule } from './slider/slider.module';
|
|
12
|
+
import { NggInPageWizardModule } from './in-page-wizard';
|
|
12
13
|
import * as i0 from "@angular/core";
|
|
13
14
|
export class NggModule {
|
|
14
15
|
}
|
|
@@ -21,7 +22,8 @@ NggModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.
|
|
|
21
22
|
NggModalModule,
|
|
22
23
|
NggProgressCircleModule,
|
|
23
24
|
NggSegmentedControlModule,
|
|
24
|
-
NggSliderModule
|
|
25
|
+
NggSliderModule,
|
|
26
|
+
NggInPageWizardModule] });
|
|
25
27
|
NggModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NggModule, imports: [CommonModule, NggAccordionModule,
|
|
26
28
|
NggBadgeModule,
|
|
27
29
|
NggButtonModule,
|
|
@@ -30,7 +32,8 @@ NggModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.
|
|
|
30
32
|
NggModalModule,
|
|
31
33
|
NggProgressCircleModule,
|
|
32
34
|
NggSegmentedControlModule,
|
|
33
|
-
NggSliderModule
|
|
35
|
+
NggSliderModule,
|
|
36
|
+
NggInPageWizardModule] });
|
|
34
37
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NggModule, decorators: [{
|
|
35
38
|
type: NgModule,
|
|
36
39
|
args: [{
|
|
@@ -46,7 +49,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
46
49
|
NggProgressCircleModule,
|
|
47
50
|
NggSegmentedControlModule,
|
|
48
51
|
NggSliderModule,
|
|
52
|
+
NggInPageWizardModule,
|
|
49
53
|
],
|
|
50
54
|
}]
|
|
51
55
|
}] });
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JlZW4tYW5ndWxhci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2xpYi9ncmVlbi1hbmd1bGFyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ3hDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFDaEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3JELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBQ3hDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDBDQUEwQyxDQUFBO0FBQ2xGLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDhDQUE4QyxDQUFBO0FBQ3hGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUN4RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTs7QUFrQnhELE1BQU0sT0FBTyxTQUFTOztzR0FBVCxTQUFTO3VHQUFULFNBQVMsWUFkVixZQUFZLGFBRXBCLGtCQUFrQjtRQUNsQixjQUFjO1FBQ2QsZUFBZTtRQUNmLG1CQUFtQjtRQUNuQixpQkFBaUI7UUFDakIsY0FBYztRQUNkLHVCQUF1QjtRQUN2Qix5QkFBeUI7UUFDekIsZUFBZTtRQUNmLHFCQUFxQjt1R0FHWixTQUFTLFlBZFYsWUFBWSxFQUVwQixrQkFBa0I7UUFDbEIsY0FBYztRQUNkLGVBQWU7UUFDZixtQkFBbUI7UUFDbkIsaUJBQWlCO1FBQ2pCLGNBQWM7UUFDZCx1QkFBdUI7UUFDdkIseUJBQXlCO1FBQ3pCLGVBQWU7UUFDZixxQkFBcUI7MkZBR1osU0FBUztrQkFoQnJCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLEVBQUU7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsT0FBTyxFQUFFO3dCQUNQLGtCQUFrQjt3QkFDbEIsY0FBYzt3QkFDZCxlQUFlO3dCQUNmLG1CQUFtQjt3QkFDbkIsaUJBQWlCO3dCQUNqQixjQUFjO3dCQUNkLHVCQUF1Qjt3QkFDdkIseUJBQXlCO3dCQUN6QixlQUFlO3dCQUNmLHFCQUFxQjtxQkFDdEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nXG5pbXBvcnQgeyBOZ2dBY2NvcmRpb25Nb2R1bGUgfSBmcm9tICcuL2FjY29yZGlvbidcbmltcG9ydCB7IE5nZ0JhZGdlTW9kdWxlIH0gZnJvbSAnLi9iYWRnZS9iYWRnZS5tb2R1bGUnXG5pbXBvcnQgeyBOZ2dCdXR0b25Nb2R1bGUgfSBmcm9tICcuL2J1dHRvbi9idXR0b24ubW9kdWxlJ1xuaW1wb3J0IHsgTmdnRGF0ZXBpY2tlck1vZHVsZSB9IGZyb20gJy4vZGF0ZXBpY2tlci9kYXRlcGlja2VyLm1vZHVsZSdcbmltcG9ydCB7IE5nZ0Ryb3Bkb3duTW9kdWxlIH0gZnJvbSAnLi9kcm9wZG93bi9kcm9wZG93bi5tb2R1bGUnXG5pbXBvcnQgeyBOZ2dNb2RhbE1vZHVsZSB9IGZyb20gJy4vbW9kYWwnXG5pbXBvcnQgeyBOZ2dQcm9ncmVzc0NpcmNsZU1vZHVsZSB9IGZyb20gJy4vcHJvZ3Jlc3MtY2lyY2xlL3Byb2dyZXNzLWNpcmNsZS5tb2R1bGUnXG5pbXBvcnQgeyBOZ2dTZWdtZW50ZWRDb250cm9sTW9kdWxlIH0gZnJvbSAnLi9zZWdtZW50ZWQtY29udHJvbC9zZWdtZW50ZWQtY29udHJvbC5tb2R1bGUnXG5pbXBvcnQgeyBOZ2dTbGlkZXJNb2R1bGUgfSBmcm9tICcuL3NsaWRlci9zbGlkZXIubW9kdWxlJ1xuaW1wb3J0IHsgTmdnSW5QYWdlV2l6YXJkTW9kdWxlIH0gZnJvbSAnLi9pbi1wYWdlLXdpemFyZCdcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtcbiAgICBOZ2dBY2NvcmRpb25Nb2R1bGUsXG4gICAgTmdnQmFkZ2VNb2R1bGUsXG4gICAgTmdnQnV0dG9uTW9kdWxlLFxuICAgIE5nZ0RhdGVwaWNrZXJNb2R1bGUsXG4gICAgTmdnRHJvcGRvd25Nb2R1bGUsXG4gICAgTmdnTW9kYWxNb2R1bGUsXG4gICAgTmdnUHJvZ3Jlc3NDaXJjbGVNb2R1bGUsXG4gICAgTmdnU2VnbWVudGVkQ29udHJvbE1vZHVsZSxcbiAgICBOZ2dTbGlkZXJNb2R1bGUsXG4gICAgTmdnSW5QYWdlV2l6YXJkTW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ2dNb2R1bGUge31cbiJdfQ==
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class NggInPageWizardStepCardComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.handleNextClick = new EventEmitter();
|
|
7
|
+
this.handleEditClick = new EventEmitter();
|
|
8
|
+
this.stepText = '';
|
|
9
|
+
this.title = '';
|
|
10
|
+
this.editBtnText = '';
|
|
11
|
+
this.nextBtnText = '';
|
|
12
|
+
this.isCompleted = false;
|
|
13
|
+
this.disableNext = false;
|
|
14
|
+
this.isActive = false;
|
|
15
|
+
}
|
|
16
|
+
handleOnEditBtnClick(event) {
|
|
17
|
+
this.isActive = !this.isActive;
|
|
18
|
+
this.handleEditClick.emit(event);
|
|
19
|
+
}
|
|
20
|
+
handleOnNextBtnClick(event) {
|
|
21
|
+
this.isActive = false;
|
|
22
|
+
this.isCompleted = true;
|
|
23
|
+
this.handleNextClick.emit(event);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
NggInPageWizardStepCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NggInPageWizardStepCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
27
|
+
NggInPageWizardStepCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: NggInPageWizardStepCardComponent, selector: "ngg-in-page-wizard-step-card", inputs: { stepText: "stepText", title: "title", editBtnText: "editBtnText", nextBtnText: "nextBtnText", isCompleted: "isCompleted", disableNext: "disableNext", isActive: "isActive" }, outputs: { handleNextClick: "handleNextClick" }, ngImport: i0, template: "<section\n class=\"gds-in-page-wizard-step-card card\"\n data-testid=\"in-page-wizard-step-card-root\"\n [class.active]=\"!!isActive\"\n [class.completed]=\"!!isCompleted\"\n>\n <header class=\"gds-in-page-wizard-step-card__header\">\n <div class=\"gds-in-page-wizard-step-card__header__icon\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n <!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) -->\n <path\n d=\"M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z\"\n />\n </svg>\n </div>\n <div\n class=\"gds-in-page-wizard-step-card__header__progress\"\n data-testid=\"in-page-wizard-step-card-step-text\"\n >\n {{ stepText }}\n </div>\n <div\n class=\"gds-in-page-wizard-step-card__header__title\"\n data-testid=\"in-page-wizard-step-card-title\"\n >\n <h2 class=\"h4\">{{ title }}</h2>\n </div>\n\n <div\n class=\"gds-in-page-wizard-step-card__header__edit\"\n *ngIf=\"!!isCompleted && !isActive\"\n >\n <button\n class=\"secondary small\"\n (click)=\"handleOnEditBtnClick($event)\"\n data-testid=\"in-page-wizard-step-card-edit-btn\"\n >\n {{ editBtnText }}\n </button>\n </div>\n </header>\n\n <div\n class=\"gds-in-page-wizard-step-card__content\"\n *ngIf=\"!!isActive || !!isCompleted\"\n data-testid=\"in-page-wizard-step-card-content\"\n >\n <ng-content></ng-content>\n </div>\n <footer class=\"gds-in-page-wizard-step-card__footer\" *ngIf=\"isActive\">\n <button\n class=\"primary\"\n [disabled]=\"disableNext\"\n (click)=\"handleOnNextBtnClick($event)\"\n data-testid=\"in-page-wizard-step-card-next-btn\"\n >\n {{ nextBtnText }}\n </button>\n </footer>\n</section>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NggInPageWizardStepCardComponent, decorators: [{
|
|
29
|
+
type: Component,
|
|
30
|
+
args: [{ selector: 'ngg-in-page-wizard-step-card', template: "<section\n class=\"gds-in-page-wizard-step-card card\"\n data-testid=\"in-page-wizard-step-card-root\"\n [class.active]=\"!!isActive\"\n [class.completed]=\"!!isCompleted\"\n>\n <header class=\"gds-in-page-wizard-step-card__header\">\n <div class=\"gds-in-page-wizard-step-card__header__icon\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n <!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) -->\n <path\n d=\"M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z\"\n />\n </svg>\n </div>\n <div\n class=\"gds-in-page-wizard-step-card__header__progress\"\n data-testid=\"in-page-wizard-step-card-step-text\"\n >\n {{ stepText }}\n </div>\n <div\n class=\"gds-in-page-wizard-step-card__header__title\"\n data-testid=\"in-page-wizard-step-card-title\"\n >\n <h2 class=\"h4\">{{ title }}</h2>\n </div>\n\n <div\n class=\"gds-in-page-wizard-step-card__header__edit\"\n *ngIf=\"!!isCompleted && !isActive\"\n >\n <button\n class=\"secondary small\"\n (click)=\"handleOnEditBtnClick($event)\"\n data-testid=\"in-page-wizard-step-card-edit-btn\"\n >\n {{ editBtnText }}\n </button>\n </div>\n </header>\n\n <div\n class=\"gds-in-page-wizard-step-card__content\"\n *ngIf=\"!!isActive || !!isCompleted\"\n data-testid=\"in-page-wizard-step-card-content\"\n >\n <ng-content></ng-content>\n </div>\n <footer class=\"gds-in-page-wizard-step-card__footer\" *ngIf=\"isActive\">\n <button\n class=\"primary\"\n [disabled]=\"disableNext\"\n (click)=\"handleOnNextBtnClick($event)\"\n data-testid=\"in-page-wizard-step-card-next-btn\"\n >\n {{ nextBtnText }}\n </button>\n </footer>\n</section>\n" }]
|
|
31
|
+
}], propDecorators: { handleNextClick: [{
|
|
32
|
+
type: Output
|
|
33
|
+
}], stepText: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}], title: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], editBtnText: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], nextBtnText: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], isCompleted: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], disableNext: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], isActive: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}] } });
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW4tcGFnZS13aXphcmQtc3RlcC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9zcmMvbGliL2luLXBhZ2Utd2l6YXJkL2luLXBhZ2Utd2l6YXJkLXN0ZXAtY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2xpYi9pbi1wYWdlLXdpemFyZC9pbi1wYWdlLXdpemFyZC1zdGVwLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQTs7O0FBTXRFLE1BQU0sT0FBTyxnQ0FBZ0M7SUFKN0M7UUFNVyxvQkFBZSxHQUN0QixJQUFJLFlBQVksRUFBYyxDQUFBO1FBRXZCLG9CQUFlLEdBQ3RCLElBQUksWUFBWSxFQUFjLENBQUE7UUFDaEIsYUFBUSxHQUFHLEVBQUUsQ0FBQTtRQUViLFVBQUssR0FBRyxFQUFFLENBQUE7UUFFVixnQkFBVyxHQUFHLEVBQUUsQ0FBQTtRQUVoQixnQkFBVyxHQUFHLEVBQUUsQ0FBQTtRQUVoQixnQkFBVyxHQUFHLEtBQUssQ0FBQTtRQUVuQixnQkFBVyxHQUFHLEtBQUssQ0FBQTtRQUVuQixhQUFRLEdBQUcsS0FBSyxDQUFBO0tBV2pDO0lBVEMsb0JBQW9CLENBQUMsS0FBaUI7UUFDcEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUE7UUFDOUIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDbEMsQ0FBQztJQUNELG9CQUFvQixDQUFDLEtBQWlCO1FBQ3BDLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFBO1FBQ3JCLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFBO1FBQ3ZCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ2xDLENBQUM7OzZIQTdCVSxnQ0FBZ0M7aUhBQWhDLGdDQUFnQyw2U0NON0MsaWxFQTREQTsyRkR0RGEsZ0NBQWdDO2tCQUo1QyxTQUFTOytCQUNFLDhCQUE4Qjs4QkFLL0IsZUFBZTtzQkFEdkIsTUFBTTtnQkFNUyxRQUFRO3NCQUF2QixLQUFLO2dCQUVVLEtBQUs7c0JBQXBCLEtBQUs7Z0JBRVUsV0FBVztzQkFBMUIsS0FBSztnQkFFVSxXQUFXO3NCQUExQixLQUFLO2dCQUVVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBRVUsV0FBVztzQkFBMUIsS0FBSztnQkFFVSxRQUFRO3NCQUF2QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZ2ctaW4tcGFnZS13aXphcmQtc3RlcC1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2luLXBhZ2Utd2l6YXJkLXN0ZXAtY2FyZC5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIE5nZ0luUGFnZVdpemFyZFN0ZXBDYXJkQ29tcG9uZW50IHtcbiAgQE91dHB1dCgpXG4gIHJlYWRvbmx5IGhhbmRsZU5leHRDbGljazogRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQ+ID1cbiAgICBuZXcgRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQ+KClcblxuICByZWFkb25seSBoYW5kbGVFZGl0Q2xpY2s6IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50PiA9XG4gICAgbmV3IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50PigpXG4gIEBJbnB1dCgpIHB1YmxpYyBzdGVwVGV4dCA9ICcnXG5cbiAgQElucHV0KCkgcHVibGljIHRpdGxlID0gJydcblxuICBASW5wdXQoKSBwdWJsaWMgZWRpdEJ0blRleHQgPSAnJ1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBuZXh0QnRuVGV4dCA9ICcnXG5cbiAgQElucHV0KCkgcHVibGljIGlzQ29tcGxldGVkID0gZmFsc2VcblxuICBASW5wdXQoKSBwdWJsaWMgZGlzYWJsZU5leHQgPSBmYWxzZVxuXG4gIEBJbnB1dCgpIHB1YmxpYyBpc0FjdGl2ZSA9IGZhbHNlXG5cbiAgaGFuZGxlT25FZGl0QnRuQ2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLmlzQWN0aXZlID0gIXRoaXMuaXNBY3RpdmVcbiAgICB0aGlzLmhhbmRsZUVkaXRDbGljay5lbWl0KGV2ZW50KVxuICB9XG4gIGhhbmRsZU9uTmV4dEJ0bkNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KSB7XG4gICAgdGhpcy5pc0FjdGl2ZSA9IGZhbHNlXG4gICAgdGhpcy5pc0NvbXBsZXRlZCA9IHRydWVcbiAgICB0aGlzLmhhbmRsZU5leHRDbGljay5lbWl0KGV2ZW50KVxuICB9XG59XG4iLCI8c2VjdGlvblxuICBjbGFzcz1cImdkcy1pbi1wYWdlLXdpemFyZC1zdGVwLWNhcmQgY2FyZFwiXG4gIGRhdGEtdGVzdGlkPVwiaW4tcGFnZS13aXphcmQtc3RlcC1jYXJkLXJvb3RcIlxuICBbY2xhc3MuYWN0aXZlXT1cIiEhaXNBY3RpdmVcIlxuICBbY2xhc3MuY29tcGxldGVkXT1cIiEhaXNDb21wbGV0ZWRcIlxuPlxuICA8aGVhZGVyIGNsYXNzPVwiZ2RzLWluLXBhZ2Utd2l6YXJkLXN0ZXAtY2FyZF9faGVhZGVyXCI+XG4gICAgPGRpdiBjbGFzcz1cImdkcy1pbi1wYWdlLXdpemFyZC1zdGVwLWNhcmRfX2hlYWRlcl9faWNvblwiPlxuICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCA1MTIgNTEyXCI+XG4gICAgICAgIDwhLS0gRm9udCBBd2Vzb21lIFBybyA1LjE1LjQgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UgKENvbW1lcmNpYWwgTGljZW5zZSkgLS0+XG4gICAgICAgIDxwYXRoXG4gICAgICAgICAgZD1cIk00MzUuODQ4IDgzLjQ2NkwxNzIuODA0IDM0Ni41MWwtOTYuNjUyLTk2LjY1MmMtNC42ODYtNC42ODYtMTIuMjg0LTQuNjg2LTE2Ljk3MSAwbC0yOC4yODQgMjguMjg0Yy00LjY4NiA0LjY4Ni00LjY4NiAxMi4yODQgMCAxNi45NzFsMTMzLjQyMSAxMzMuNDIxYzQuNjg2IDQuNjg2IDEyLjI4NCA0LjY4NiAxNi45NzEgMGwyOTkuODEzLTI5OS44MTNjNC42ODYtNC42ODYgNC42ODYtMTIuMjg0IDAtMTYuOTcxbC0yOC4yODQtMjguMjg0Yy00LjY4Ni00LjY4Ni0xMi4yODQtNC42ODYtMTYuOTcgMHpcIlxuICAgICAgICAvPlxuICAgICAgPC9zdmc+XG4gICAgPC9kaXY+XG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJnZHMtaW4tcGFnZS13aXphcmQtc3RlcC1jYXJkX19oZWFkZXJfX3Byb2dyZXNzXCJcbiAgICAgIGRhdGEtdGVzdGlkPVwiaW4tcGFnZS13aXphcmQtc3RlcC1jYXJkLXN0ZXAtdGV4dFwiXG4gICAgPlxuICAgICAge3sgc3RlcFRleHQgfX1cbiAgICA8L2Rpdj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cImdkcy1pbi1wYWdlLXdpemFyZC1zdGVwLWNhcmRfX2hlYWRlcl9fdGl0bGVcIlxuICAgICAgZGF0YS10ZXN0aWQ9XCJpbi1wYWdlLXdpemFyZC1zdGVwLWNhcmQtdGl0bGVcIlxuICAgID5cbiAgICAgIDxoMiBjbGFzcz1cImg0XCI+e3sgdGl0bGUgfX08L2gyPlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJnZHMtaW4tcGFnZS13aXphcmQtc3RlcC1jYXJkX19oZWFkZXJfX2VkaXRcIlxuICAgICAgKm5nSWY9XCIhIWlzQ29tcGxldGVkICYmICFpc0FjdGl2ZVwiXG4gICAgPlxuICAgICAgPGJ1dHRvblxuICAgICAgICBjbGFzcz1cInNlY29uZGFyeSBzbWFsbFwiXG4gICAgICAgIChjbGljayk9XCJoYW5kbGVPbkVkaXRCdG5DbGljaygkZXZlbnQpXCJcbiAgICAgICAgZGF0YS10ZXN0aWQ9XCJpbi1wYWdlLXdpemFyZC1zdGVwLWNhcmQtZWRpdC1idG5cIlxuICAgICAgPlxuICAgICAgICB7eyBlZGl0QnRuVGV4dCB9fVxuICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG4gIDwvaGVhZGVyPlxuXG4gIDxkaXZcbiAgICBjbGFzcz1cImdkcy1pbi1wYWdlLXdpemFyZC1zdGVwLWNhcmRfX2NvbnRlbnRcIlxuICAgICpuZ0lmPVwiISFpc0FjdGl2ZSB8fCAhIWlzQ29tcGxldGVkXCJcbiAgICBkYXRhLXRlc3RpZD1cImluLXBhZ2Utd2l6YXJkLXN0ZXAtY2FyZC1jb250ZW50XCJcbiAgPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIDxmb290ZXIgY2xhc3M9XCJnZHMtaW4tcGFnZS13aXphcmQtc3RlcC1jYXJkX19mb290ZXJcIiAqbmdJZj1cImlzQWN0aXZlXCI+XG4gICAgPGJ1dHRvblxuICAgICAgY2xhc3M9XCJwcmltYXJ5XCJcbiAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlTmV4dFwiXG4gICAgICAoY2xpY2spPVwiaGFuZGxlT25OZXh0QnRuQ2xpY2soJGV2ZW50KVwiXG4gICAgICBkYXRhLXRlc3RpZD1cImluLXBhZ2Utd2l6YXJkLXN0ZXAtY2FyZC1uZXh0LWJ0blwiXG4gICAgPlxuICAgICAge3sgbmV4dEJ0blRleHQgfX1cbiAgICA8L2J1dHRvbj5cbiAgPC9mb290ZXI+XG48L3NlY3Rpb24+XG4iXX0=
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { NggInPageWizardStepCardComponent } from './in-page-wizard-step-card.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class NggInPageWizardModule {
|
|
6
|
+
}
|
|
7
|
+
NggInPageWizardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NggInPageWizardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
NggInPageWizardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: NggInPageWizardModule, declarations: [NggInPageWizardStepCardComponent], imports: [CommonModule], exports: [NggInPageWizardStepCardComponent] });
|
|
9
|
+
NggInPageWizardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NggInPageWizardModule, imports: [CommonModule] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NggInPageWizardModule, decorators: [{
|
|
11
|
+
type: NgModule,
|
|
12
|
+
args: [{
|
|
13
|
+
declarations: [NggInPageWizardStepCardComponent],
|
|
14
|
+
imports: [CommonModule],
|
|
15
|
+
exports: [NggInPageWizardStepCardComponent],
|
|
16
|
+
}]
|
|
17
|
+
}] });
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW4tcGFnZS13aXphcmQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy9saWIvaW4tcGFnZS13aXphcmQvaW4tcGFnZS13aXphcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDeEMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBRTlDLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLHNDQUFzQyxDQUFBOztBQU92RixNQUFNLE9BQU8scUJBQXFCOztrSEFBckIscUJBQXFCO21IQUFyQixxQkFBcUIsaUJBSmpCLGdDQUFnQyxhQUNyQyxZQUFZLGFBQ1osZ0NBQWdDO21IQUUvQixxQkFBcUIsWUFIdEIsWUFBWTsyRkFHWCxxQkFBcUI7a0JBTGpDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsZ0NBQWdDLENBQUM7b0JBQ2hELE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsT0FBTyxFQUFFLENBQUMsZ0NBQWdDLENBQUM7aUJBQzVDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJ1xuXG5pbXBvcnQgeyBOZ2dJblBhZ2VXaXphcmRTdGVwQ2FyZENvbXBvbmVudCB9IGZyb20gJy4vaW4tcGFnZS13aXphcmQtc3RlcC1jYXJkLmNvbXBvbmVudCdcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbTmdnSW5QYWdlV2l6YXJkU3RlcENhcmRDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgZXhwb3J0czogW05nZ0luUGFnZVdpemFyZFN0ZXBDYXJkQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgTmdnSW5QYWdlV2l6YXJkTW9kdWxlIHt9XG4iXX0=
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from './in-page-wizard-step-card.component';
|
|
2
|
+
export * from './in-page-wizard.module';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2xpYi9pbi1wYWdlLXdpemFyZC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHNDQUFzQyxDQUFBO0FBQ3BELGNBQWMseUJBQXlCLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2luLXBhZ2Utd2l6YXJkLXN0ZXAtY2FyZC5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2luLXBhZ2Utd2l6YXJkLm1vZHVsZSdcbiJdfQ==
|
|
@@ -1116,6 +1116,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
1116
1116
|
}]
|
|
1117
1117
|
}] });
|
|
1118
1118
|
|
|
1119
|
+
class NggInPageWizardStepCardComponent {
|
|
1120
|
+
constructor() {
|
|
1121
|
+
this.handleNextClick = new EventEmitter();
|
|
1122
|
+
this.handleEditClick = new EventEmitter();
|
|
1123
|
+
this.stepText = '';
|
|
1124
|
+
this.title = '';
|
|
1125
|
+
this.editBtnText = '';
|
|
1126
|
+
this.nextBtnText = '';
|
|
1127
|
+
this.isCompleted = false;
|
|
1128
|
+
this.disableNext = false;
|
|
1129
|
+
this.isActive = false;
|
|
1130
|
+
}
|
|
1131
|
+
handleOnEditBtnClick(event) {
|
|
1132
|
+
this.isActive = !this.isActive;
|
|
1133
|
+
this.handleEditClick.emit(event);
|
|
1134
|
+
}
|
|
1135
|
+
handleOnNextBtnClick(event) {
|
|
1136
|
+
this.isActive = false;
|
|
1137
|
+
this.isCompleted = true;
|
|
1138
|
+
this.handleNextClick.emit(event);
|
|
1139
|
+
}
|
|
1140
|
+
}
|
|
1141
|
+
NggInPageWizardStepCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NggInPageWizardStepCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1142
|
+
NggInPageWizardStepCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: NggInPageWizardStepCardComponent, selector: "ngg-in-page-wizard-step-card", inputs: { stepText: "stepText", title: "title", editBtnText: "editBtnText", nextBtnText: "nextBtnText", isCompleted: "isCompleted", disableNext: "disableNext", isActive: "isActive" }, outputs: { handleNextClick: "handleNextClick" }, ngImport: i0, template: "<section\n class=\"gds-in-page-wizard-step-card card\"\n data-testid=\"in-page-wizard-step-card-root\"\n [class.active]=\"!!isActive\"\n [class.completed]=\"!!isCompleted\"\n>\n <header class=\"gds-in-page-wizard-step-card__header\">\n <div class=\"gds-in-page-wizard-step-card__header__icon\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n <!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) -->\n <path\n d=\"M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z\"\n />\n </svg>\n </div>\n <div\n class=\"gds-in-page-wizard-step-card__header__progress\"\n data-testid=\"in-page-wizard-step-card-step-text\"\n >\n {{ stepText }}\n </div>\n <div\n class=\"gds-in-page-wizard-step-card__header__title\"\n data-testid=\"in-page-wizard-step-card-title\"\n >\n <h2 class=\"h4\">{{ title }}</h2>\n </div>\n\n <div\n class=\"gds-in-page-wizard-step-card__header__edit\"\n *ngIf=\"!!isCompleted && !isActive\"\n >\n <button\n class=\"secondary small\"\n (click)=\"handleOnEditBtnClick($event)\"\n data-testid=\"in-page-wizard-step-card-edit-btn\"\n >\n {{ editBtnText }}\n </button>\n </div>\n </header>\n\n <div\n class=\"gds-in-page-wizard-step-card__content\"\n *ngIf=\"!!isActive || !!isCompleted\"\n data-testid=\"in-page-wizard-step-card-content\"\n >\n <ng-content></ng-content>\n </div>\n <footer class=\"gds-in-page-wizard-step-card__footer\" *ngIf=\"isActive\">\n <button\n class=\"primary\"\n [disabled]=\"disableNext\"\n (click)=\"handleOnNextBtnClick($event)\"\n data-testid=\"in-page-wizard-step-card-next-btn\"\n >\n {{ nextBtnText }}\n </button>\n </footer>\n</section>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1143
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NggInPageWizardStepCardComponent, decorators: [{
|
|
1144
|
+
type: Component,
|
|
1145
|
+
args: [{ selector: 'ngg-in-page-wizard-step-card', template: "<section\n class=\"gds-in-page-wizard-step-card card\"\n data-testid=\"in-page-wizard-step-card-root\"\n [class.active]=\"!!isActive\"\n [class.completed]=\"!!isCompleted\"\n>\n <header class=\"gds-in-page-wizard-step-card__header\">\n <div class=\"gds-in-page-wizard-step-card__header__icon\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n <!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) -->\n <path\n d=\"M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z\"\n />\n </svg>\n </div>\n <div\n class=\"gds-in-page-wizard-step-card__header__progress\"\n data-testid=\"in-page-wizard-step-card-step-text\"\n >\n {{ stepText }}\n </div>\n <div\n class=\"gds-in-page-wizard-step-card__header__title\"\n data-testid=\"in-page-wizard-step-card-title\"\n >\n <h2 class=\"h4\">{{ title }}</h2>\n </div>\n\n <div\n class=\"gds-in-page-wizard-step-card__header__edit\"\n *ngIf=\"!!isCompleted && !isActive\"\n >\n <button\n class=\"secondary small\"\n (click)=\"handleOnEditBtnClick($event)\"\n data-testid=\"in-page-wizard-step-card-edit-btn\"\n >\n {{ editBtnText }}\n </button>\n </div>\n </header>\n\n <div\n class=\"gds-in-page-wizard-step-card__content\"\n *ngIf=\"!!isActive || !!isCompleted\"\n data-testid=\"in-page-wizard-step-card-content\"\n >\n <ng-content></ng-content>\n </div>\n <footer class=\"gds-in-page-wizard-step-card__footer\" *ngIf=\"isActive\">\n <button\n class=\"primary\"\n [disabled]=\"disableNext\"\n (click)=\"handleOnNextBtnClick($event)\"\n data-testid=\"in-page-wizard-step-card-next-btn\"\n >\n {{ nextBtnText }}\n </button>\n </footer>\n</section>\n" }]
|
|
1146
|
+
}], propDecorators: { handleNextClick: [{
|
|
1147
|
+
type: Output
|
|
1148
|
+
}], stepText: [{
|
|
1149
|
+
type: Input
|
|
1150
|
+
}], title: [{
|
|
1151
|
+
type: Input
|
|
1152
|
+
}], editBtnText: [{
|
|
1153
|
+
type: Input
|
|
1154
|
+
}], nextBtnText: [{
|
|
1155
|
+
type: Input
|
|
1156
|
+
}], isCompleted: [{
|
|
1157
|
+
type: Input
|
|
1158
|
+
}], disableNext: [{
|
|
1159
|
+
type: Input
|
|
1160
|
+
}], isActive: [{
|
|
1161
|
+
type: Input
|
|
1162
|
+
}] } });
|
|
1163
|
+
|
|
1164
|
+
class NggInPageWizardModule {
|
|
1165
|
+
}
|
|
1166
|
+
NggInPageWizardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NggInPageWizardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1167
|
+
NggInPageWizardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: NggInPageWizardModule, declarations: [NggInPageWizardStepCardComponent], imports: [CommonModule], exports: [NggInPageWizardStepCardComponent] });
|
|
1168
|
+
NggInPageWizardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NggInPageWizardModule, imports: [CommonModule] });
|
|
1169
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NggInPageWizardModule, decorators: [{
|
|
1170
|
+
type: NgModule,
|
|
1171
|
+
args: [{
|
|
1172
|
+
declarations: [NggInPageWizardStepCardComponent],
|
|
1173
|
+
imports: [CommonModule],
|
|
1174
|
+
exports: [NggInPageWizardStepCardComponent],
|
|
1175
|
+
}]
|
|
1176
|
+
}] });
|
|
1177
|
+
|
|
1119
1178
|
class NggModule {
|
|
1120
1179
|
}
|
|
1121
1180
|
NggModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NggModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -1127,7 +1186,8 @@ NggModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.
|
|
|
1127
1186
|
NggModalModule,
|
|
1128
1187
|
NggProgressCircleModule,
|
|
1129
1188
|
NggSegmentedControlModule,
|
|
1130
|
-
NggSliderModule
|
|
1189
|
+
NggSliderModule,
|
|
1190
|
+
NggInPageWizardModule] });
|
|
1131
1191
|
NggModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NggModule, imports: [CommonModule, NggAccordionModule,
|
|
1132
1192
|
NggBadgeModule,
|
|
1133
1193
|
NggButtonModule,
|
|
@@ -1136,7 +1196,8 @@ NggModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.
|
|
|
1136
1196
|
NggModalModule,
|
|
1137
1197
|
NggProgressCircleModule,
|
|
1138
1198
|
NggSegmentedControlModule,
|
|
1139
|
-
NggSliderModule
|
|
1199
|
+
NggSliderModule,
|
|
1200
|
+
NggInPageWizardModule] });
|
|
1140
1201
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NggModule, decorators: [{
|
|
1141
1202
|
type: NgModule,
|
|
1142
1203
|
args: [{
|
|
@@ -1152,6 +1213,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
1152
1213
|
NggProgressCircleModule,
|
|
1153
1214
|
NggSegmentedControlModule,
|
|
1154
1215
|
NggSliderModule,
|
|
1216
|
+
NggInPageWizardModule,
|
|
1155
1217
|
],
|
|
1156
1218
|
}]
|
|
1157
1219
|
}] });
|
|
@@ -1345,5 +1407,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
1345
1407
|
* Generated bundle index. Do not edit.
|
|
1346
1408
|
*/
|
|
1347
1409
|
|
|
1348
|
-
export { NggAccordionComponent, NggAccordionListItemComponent, NggAccordionModule, NggBadgeComponent, NggBadgeModule, NggButtonComponent, NggButtonModule, NggDatepickerComponent, NggDatepickerModule, NggDropdownComponent, NggDropdownModule, NggDropdownOptionDirective, NggModalBodyComponent, NggModalComponent, NggModalFooterComponent, NggModalHeaderComponent, NggModalModule, NggModule, NggPaginationComponent, NggPaginationModule, NggProgressCircleComponent, NggProgressCircleModule, NggSegmentedControlComponent, NggSegmentedControlModule, NggSliderComponent, NggSliderModule, dateValidator };
|
|
1410
|
+
export { NggAccordionComponent, NggAccordionListItemComponent, NggAccordionModule, NggBadgeComponent, NggBadgeModule, NggButtonComponent, NggButtonModule, NggDatepickerComponent, NggDatepickerModule, NggDropdownComponent, NggDropdownModule, NggDropdownOptionDirective, NggInPageWizardModule, NggInPageWizardStepCardComponent, NggModalBodyComponent, NggModalComponent, NggModalFooterComponent, NggModalHeaderComponent, NggModalModule, NggModule, NggPaginationComponent, NggPaginationModule, NggProgressCircleComponent, NggProgressCircleModule, NggSegmentedControlComponent, NggSegmentedControlModule, NggSliderComponent, NggSliderModule, dateValidator };
|
|
1349
1411
|
//# sourceMappingURL=sebgroup-green-angular.mjs.map
|