@ascentgl/ads-ui 0.0.6 → 0.0.8
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/esm2022/index.mjs +5 -7
- package/esm2022/lib/components/badge/numeric-badge.component.mjs +1 -1
- package/esm2022/lib/components/card/card.component.mjs +2 -2
- package/esm2022/lib/components/expansion-panel/expansion-panel.component.mjs +8 -4
- package/esm2022/lib/components/expansion-panel/expansion-panel.module.mjs +5 -3
- package/esm2022/lib/components/form-fields/search-fields/search-dropdown/search-dropdown.component.mjs +3 -3
- package/esm2022/lib/components/form-fields/search-fields/search-input/search-input.component.mjs +3 -3
- package/esm2022/lib/components/logo/primary-logo/primary-logo.component.mjs +4 -3
- package/esm2022/lib/components/nav-bar/nav-item/index.mjs +2 -0
- package/esm2022/lib/components/nav-bar/nav-item/nav-item.component.mjs +27 -0
- package/esm2022/lib/components/nav-bar/nav-item/nav-item.module.mjs +20 -0
- package/esm2022/lib/components/nav-bar/nav-item/nav-item.types.mjs +2 -0
- package/esm2022/lib/components/nav-bar/nav-item/public-api.mjs +3 -0
- package/esm2022/lib/components/nav-bar/nav-menu/index.mjs +2 -0
- package/esm2022/lib/components/nav-bar/nav-menu/nav-menu.component.mjs +29 -0
- package/esm2022/lib/components/nav-bar/nav-menu/nav-menu.module.mjs +40 -0
- package/esm2022/lib/components/nav-bar/nav-menu/nav-menu.types.mjs +2 -0
- package/esm2022/lib/components/nav-bar/nav-menu/public-api.mjs +3 -0
- package/esm2022/lib/components/nav-bar/side-nav-bar/index.mjs +2 -0
- package/esm2022/lib/components/nav-bar/side-nav-bar/public-api.mjs +3 -0
- package/esm2022/lib/components/nav-bar/side-nav-bar/side-nav-bar.component.mjs +82 -0
- package/esm2022/lib/components/nav-bar/side-nav-bar/side-nav-bar.module.mjs +46 -0
- package/esm2022/lib/components/steppers/numeric-stepper/components/numeric-step.component.mjs +22 -0
- package/esm2022/lib/components/steppers/numeric-stepper/index.mjs +2 -0
- package/esm2022/lib/components/steppers/numeric-stepper/numeric-stepper.component.mjs +19 -0
- package/esm2022/lib/components/steppers/numeric-stepper/numeric-stepper.module.mjs +21 -0
- package/esm2022/lib/components/steppers/numeric-stepper/public-api.mjs +3 -0
- package/esm2022/src/lib/components/card/card.component.mjs +2 -2
- package/esm2022/src/lib/components/logo/primary-logo/primary-logo.component.mjs +4 -3
- package/fesm2022/ascentgl-ads-ui-src-lib-components-card.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-card.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-logo-primary-logo.mjs +3 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-logo-primary-logo.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui.mjs +259 -989
- package/fesm2022/ascentgl-ads-ui.mjs.map +1 -1
- package/index.d.ts +4 -6
- package/lib/components/badge/numeric-badge.component.d.ts +1 -1
- package/lib/components/expansion-panel/expansion-panel.component.d.ts +7 -1
- package/lib/components/expansion-panel/expansion-panel.module.d.ts +1 -1
- package/lib/components/nav-bar/nav-item/nav-item.component.d.ts +18 -0
- package/lib/components/nav-bar/nav-item/nav-item.module.d.ts +10 -0
- package/lib/components/nav-bar/nav-item/nav-item.types.d.ts +7 -0
- package/lib/components/nav-bar/nav-item/public-api.d.ts +2 -0
- package/lib/components/{nav-menu → nav-bar/nav-menu}/nav-menu.component.d.ts +1 -3
- package/lib/components/{nav-menu → nav-bar/nav-menu}/nav-menu.module.d.ts +3 -4
- package/lib/components/{nav-menu → nav-bar/nav-menu}/nav-menu.types.d.ts +1 -1
- package/lib/components/nav-bar/side-nav-bar/public-api.d.ts +2 -0
- package/lib/components/nav-bar/side-nav-bar/side-nav-bar.component.d.ts +42 -0
- package/lib/components/nav-bar/side-nav-bar/side-nav-bar.module.d.ts +13 -0
- package/lib/components/steppers/numeric-stepper/components/numeric-step.component.d.ts +10 -0
- package/lib/components/steppers/numeric-stepper/numeric-stepper.component.d.ts +16 -0
- package/lib/components/steppers/numeric-stepper/numeric-stepper.module.d.ts +11 -0
- package/lib/components/steppers/numeric-stepper/public-api.d.ts +2 -0
- package/package.json +23 -47
- package/esm2022/lib/components/nav-menu/index.mjs +0 -2
- package/esm2022/lib/components/nav-menu/nav-menu.component.mjs +0 -32
- package/esm2022/lib/components/nav-menu/nav-menu.module.mjs +0 -22
- package/esm2022/lib/components/nav-menu/nav-menu.types.mjs +0 -2
- package/esm2022/lib/components/nav-menu/public-api.mjs +0 -3
- package/esm2022/lib/components/progress-stepper/index.mjs +0 -2
- package/esm2022/lib/components/progress-stepper/progress-step.types.mjs +0 -2
- package/esm2022/lib/components/progress-stepper/progress-stepper.component.mjs +0 -106
- package/esm2022/lib/components/progress-stepper/progress-stepper.module.mjs +0 -27
- package/esm2022/lib/components/progress-stepper/public-api.mjs +0 -4
- package/esm2022/lib/components/stepper-condensed/condensed-helpers.mjs +0 -97
- package/esm2022/lib/components/stepper-condensed/condensed-step.type.mjs +0 -12
- package/esm2022/lib/components/stepper-condensed/index.mjs +0 -2
- package/esm2022/lib/components/stepper-condensed/public-api.mjs +0 -5
- package/esm2022/lib/components/stepper-condensed/stepper-condensed.component.mjs +0 -149
- package/esm2022/lib/components/stepper-condensed/stepper-condensed.module.mjs +0 -28
- package/esm2022/lib/components/timeline-stepper/index.mjs +0 -2
- package/esm2022/lib/components/timeline-stepper/public-api.mjs +0 -5
- package/esm2022/lib/components/timeline-stepper/timeline-helpers.mjs +0 -97
- package/esm2022/lib/components/timeline-stepper/timeline-step.type.mjs +0 -12
- package/esm2022/lib/components/timeline-stepper/timeline-stepper.component.mjs +0 -148
- package/esm2022/lib/components/timeline-stepper/timeline-stepper.module.mjs +0 -28
- package/esm2022/lib/components/vertical-stepper/index.mjs +0 -2
- package/esm2022/lib/components/vertical-stepper/public-api.mjs +0 -5
- package/esm2022/lib/components/vertical-stepper/vertical-helpers.mjs +0 -98
- package/esm2022/lib/components/vertical-stepper/vertical-step.type.mjs +0 -12
- package/esm2022/lib/components/vertical-stepper/vertical-stepper.component.mjs +0 -125
- package/esm2022/lib/components/vertical-stepper/vertical-stepper.module.mjs +0 -28
- package/esm2022/lib/components/wizard-stepper/index.mjs +0 -2
- package/esm2022/lib/components/wizard-stepper/public-api.mjs +0 -4
- package/esm2022/lib/components/wizard-stepper/wizard-stepper.component.mjs +0 -28
- package/esm2022/lib/components/wizard-stepper/wizard-stepper.module.mjs +0 -20
- package/esm2022/lib/components/wizard-stepper/wizard-stepper.types.mjs +0 -2
- package/esm2022/src/lib/components/progress-stepper/ascentgl-ads-ui-src-lib-components-progress-stepper.mjs +0 -5
- package/esm2022/src/lib/components/progress-stepper/progress-step.types.mjs +0 -2
- package/esm2022/src/lib/components/progress-stepper/progress-stepper.component.mjs +0 -106
- package/esm2022/src/lib/components/progress-stepper/progress-stepper.module.mjs +0 -27
- package/esm2022/src/lib/components/progress-stepper/public-api.mjs +0 -4
- package/esm2022/src/lib/components/timeline-stepper/ascentgl-ads-ui-src-lib-components-timeline-stepper.mjs +0 -5
- package/esm2022/src/lib/components/timeline-stepper/public-api.mjs +0 -5
- package/esm2022/src/lib/components/timeline-stepper/timeline-helpers.mjs +0 -97
- package/esm2022/src/lib/components/timeline-stepper/timeline-step.type.mjs +0 -12
- package/esm2022/src/lib/components/timeline-stepper/timeline-stepper.component.mjs +0 -148
- package/esm2022/src/lib/components/timeline-stepper/timeline-stepper.module.mjs +0 -28
- package/esm2022/src/lib/components/vertical-stepper/ascentgl-ads-ui-src-lib-components-vertical-stepper.mjs +0 -5
- package/esm2022/src/lib/components/vertical-stepper/public-api.mjs +0 -5
- package/esm2022/src/lib/components/vertical-stepper/vertical-helpers.mjs +0 -98
- package/esm2022/src/lib/components/vertical-stepper/vertical-step.type.mjs +0 -12
- package/esm2022/src/lib/components/vertical-stepper/vertical-stepper.component.mjs +0 -125
- package/esm2022/src/lib/components/vertical-stepper/vertical-stepper.module.mjs +0 -28
- package/esm2022/src/lib/components/wizard-stepper/ascentgl-ads-ui-src-lib-components-wizard-stepper.mjs +0 -5
- package/esm2022/src/lib/components/wizard-stepper/public-api.mjs +0 -4
- package/esm2022/src/lib/components/wizard-stepper/wizard-stepper.component.mjs +0 -28
- package/esm2022/src/lib/components/wizard-stepper/wizard-stepper.module.mjs +0 -20
- package/esm2022/src/lib/components/wizard-stepper/wizard-stepper.types.mjs +0 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-stepper.mjs +0 -136
- package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-stepper.mjs.map +0 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-timeline-stepper.mjs +0 -286
- package/fesm2022/ascentgl-ads-ui-src-lib-components-timeline-stepper.mjs.map +0 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-vertical-stepper.mjs +0 -264
- package/fesm2022/ascentgl-ads-ui-src-lib-components-vertical-stepper.mjs.map +0 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-wizard-stepper.mjs +0 -51
- package/fesm2022/ascentgl-ads-ui-src-lib-components-wizard-stepper.mjs.map +0 -1
- package/lib/components/progress-stepper/progress-step.types.d.ts +0 -5
- package/lib/components/progress-stepper/progress-stepper.component.d.ts +0 -42
- package/lib/components/progress-stepper/progress-stepper.module.d.ts +0 -10
- package/lib/components/progress-stepper/public-api.d.ts +0 -3
- package/lib/components/stepper-condensed/condensed-helpers.d.ts +0 -24
- package/lib/components/stepper-condensed/condensed-step.type.d.ts +0 -43
- package/lib/components/stepper-condensed/public-api.d.ts +0 -4
- package/lib/components/stepper-condensed/stepper-condensed.component.d.ts +0 -61
- package/lib/components/stepper-condensed/stepper-condensed.module.d.ts +0 -11
- package/lib/components/timeline-stepper/public-api.d.ts +0 -4
- package/lib/components/timeline-stepper/timeline-helpers.d.ts +0 -24
- package/lib/components/timeline-stepper/timeline-step.type.d.ts +0 -43
- package/lib/components/timeline-stepper/timeline-stepper.component.d.ts +0 -61
- package/lib/components/timeline-stepper/timeline-stepper.module.d.ts +0 -11
- package/lib/components/vertical-stepper/index.d.ts +0 -1
- package/lib/components/vertical-stepper/public-api.d.ts +0 -4
- package/lib/components/vertical-stepper/vertical-helpers.d.ts +0 -24
- package/lib/components/vertical-stepper/vertical-step.type.d.ts +0 -45
- package/lib/components/vertical-stepper/vertical-stepper.component.d.ts +0 -58
- package/lib/components/vertical-stepper/vertical-stepper.module.d.ts +0 -11
- package/lib/components/wizard-stepper/index.d.ts +0 -1
- package/lib/components/wizard-stepper/public-api.d.ts +0 -3
- package/lib/components/wizard-stepper/wizard-stepper.component.d.ts +0 -12
- package/lib/components/wizard-stepper/wizard-stepper.module.d.ts +0 -10
- package/lib/components/wizard-stepper/wizard-stepper.types.d.ts +0 -4
- package/src/lib/components/progress-stepper/index.d.ts +0 -5
- package/src/lib/components/progress-stepper/progress-step.types.d.ts +0 -5
- package/src/lib/components/progress-stepper/progress-stepper.component.d.ts +0 -42
- package/src/lib/components/progress-stepper/progress-stepper.module.d.ts +0 -10
- package/src/lib/components/progress-stepper/public-api.d.ts +0 -3
- package/src/lib/components/timeline-stepper/index.d.ts +0 -5
- package/src/lib/components/timeline-stepper/public-api.d.ts +0 -4
- package/src/lib/components/timeline-stepper/timeline-helpers.d.ts +0 -24
- package/src/lib/components/timeline-stepper/timeline-step.type.d.ts +0 -43
- package/src/lib/components/timeline-stepper/timeline-stepper.component.d.ts +0 -61
- package/src/lib/components/timeline-stepper/timeline-stepper.module.d.ts +0 -11
- package/src/lib/components/vertical-stepper/index.d.ts +0 -5
- package/src/lib/components/vertical-stepper/public-api.d.ts +0 -4
- package/src/lib/components/vertical-stepper/vertical-helpers.d.ts +0 -24
- package/src/lib/components/vertical-stepper/vertical-step.type.d.ts +0 -45
- package/src/lib/components/vertical-stepper/vertical-stepper.component.d.ts +0 -58
- package/src/lib/components/vertical-stepper/vertical-stepper.module.d.ts +0 -11
- package/src/lib/components/wizard-stepper/index.d.ts +0 -5
- package/src/lib/components/wizard-stepper/public-api.d.ts +0 -3
- package/src/lib/components/wizard-stepper/wizard-stepper.component.d.ts +0 -12
- package/src/lib/components/wizard-stepper/wizard-stepper.module.d.ts +0 -10
- package/src/lib/components/wizard-stepper/wizard-stepper.types.d.ts +0 -4
- /package/lib/components/{nav-menu → nav-bar/nav-item}/index.d.ts +0 -0
- /package/lib/components/{progress-stepper → nav-bar/nav-menu}/index.d.ts +0 -0
- /package/lib/components/{nav-menu → nav-bar/nav-menu}/public-api.d.ts +0 -0
- /package/lib/components/{stepper-condensed → nav-bar/side-nav-bar}/index.d.ts +0 -0
- /package/lib/components/{timeline-stepper → steppers/numeric-stepper}/index.d.ts +0 -0
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
import { ViewChildren } from '@angular/core';
|
|
2
|
-
import { Component, ElementRef, Input, QueryList, Renderer2 } from '@angular/core';
|
|
3
|
-
import { VerticalStepStatus } from './vertical-step.type';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/common";
|
|
6
|
-
import * as i2 from "@angular/material/tooltip";
|
|
7
|
-
import * as i3 from "@ascentgl/ads-icons";
|
|
8
|
-
export class AdsVerticalStepperComponent {
|
|
9
|
-
constructor(element, renderer, window) {
|
|
10
|
-
this.element = element;
|
|
11
|
-
this.renderer = renderer;
|
|
12
|
-
this.window = window;
|
|
13
|
-
/**
|
|
14
|
-
* The steps to display
|
|
15
|
-
*/
|
|
16
|
-
this.verticalsteps = [];
|
|
17
|
-
/**
|
|
18
|
-
* The size of the icons
|
|
19
|
-
*/
|
|
20
|
-
this.iconSize = 'sm';
|
|
21
|
-
/**
|
|
22
|
-
* Whether the viewport is mobile
|
|
23
|
-
*/
|
|
24
|
-
this.isMobile = false;
|
|
25
|
-
/**
|
|
26
|
-
* Enable tooltip
|
|
27
|
-
*/
|
|
28
|
-
this.enableTooltip = false;
|
|
29
|
-
// eslint-disable-next-line @typescript-eslint/no-inferrable-types
|
|
30
|
-
this.isLinear = false;
|
|
31
|
-
/** @ignore */
|
|
32
|
-
this.stepStatus = VerticalStepStatus;
|
|
33
|
-
/** @ignore */
|
|
34
|
-
this.iconMap = {
|
|
35
|
-
sm: { size: 24, padding: 16 },
|
|
36
|
-
md: { size: 32, padding: 24 },
|
|
37
|
-
lg: { size: 48, padding: 32 },
|
|
38
|
-
};
|
|
39
|
-
/** @ignore */
|
|
40
|
-
this.shouldScroll = false;
|
|
41
|
-
}
|
|
42
|
-
/** @ignore */
|
|
43
|
-
ngOnChanges(changes) {
|
|
44
|
-
if (changes.iconSize && !changes.iconSize.firstChange) {
|
|
45
|
-
this.setCircleSize();
|
|
46
|
-
}
|
|
47
|
-
if (changes.isMobile && !changes.isMobile.firstChange) {
|
|
48
|
-
this.resetStepperScrollState();
|
|
49
|
-
this.setStepperScrollState();
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
/** @ignore */
|
|
53
|
-
ngOnInit() {
|
|
54
|
-
this.focusedStepIndex = this.verticalsteps.findIndex((step) => step.status === this.stepStatus.Current);
|
|
55
|
-
this.setCircleSize();
|
|
56
|
-
}
|
|
57
|
-
/** @ignore */
|
|
58
|
-
centerFocusedStep() {
|
|
59
|
-
const halfOfViewport = this.window.innerWidth / 2;
|
|
60
|
-
const middleOfFocusedStep = this.focusedStepIndex * this.stepWidth + this.stepWidth / 2;
|
|
61
|
-
this.renderer.setStyle(this.element.nativeElement, 'margin-left', `${halfOfViewport - middleOfFocusedStep}px`);
|
|
62
|
-
}
|
|
63
|
-
/** @ignore */
|
|
64
|
-
resetStepperScrollState() {
|
|
65
|
-
this.shouldScroll = false;
|
|
66
|
-
this.renderer.setStyle(this.element.nativeElement, 'margin-left', '0');
|
|
67
|
-
}
|
|
68
|
-
/** @ignore */
|
|
69
|
-
setCircleSize() {
|
|
70
|
-
const { size, padding } = this.iconMap[this.iconSize];
|
|
71
|
-
const circleSize = size + padding;
|
|
72
|
-
this.style = {
|
|
73
|
-
circle: {
|
|
74
|
-
width: `${circleSize}px`,
|
|
75
|
-
height: `${circleSize}px`,
|
|
76
|
-
'border-radius': `${circleSize / 2}px`,
|
|
77
|
-
},
|
|
78
|
-
lineBefore: {
|
|
79
|
-
width: `calc(50% - ${circleSize / 2 - 4}px)`,
|
|
80
|
-
top: `${circleSize / 2}px`,
|
|
81
|
-
},
|
|
82
|
-
lineAfter: {
|
|
83
|
-
width: `calc(50% - ${circleSize / 2 - 6}px)`,
|
|
84
|
-
top: `${circleSize / 2}px`,
|
|
85
|
-
},
|
|
86
|
-
skipped: {
|
|
87
|
-
width: `${circleSize - 4}px`,
|
|
88
|
-
height: `${circleSize - 4}px`,
|
|
89
|
-
'border-radius': `${circleSize / 2}px`,
|
|
90
|
-
},
|
|
91
|
-
};
|
|
92
|
-
}
|
|
93
|
-
/** @ignore */
|
|
94
|
-
setStepperScrollState() {
|
|
95
|
-
this.stepWidth = this.stepElements.first.nativeElement.getBoundingClientRect().width;
|
|
96
|
-
if (Math.floor(this.verticalsteps.length * this.stepWidth) > this.window.innerWidth) {
|
|
97
|
-
this.stepElements.forEach((step) => this.renderer.setStyle(step.nativeElement, 'flex', '0 0 0'));
|
|
98
|
-
this.shouldScroll = true;
|
|
99
|
-
this.centerFocusedStep();
|
|
100
|
-
}
|
|
101
|
-
else {
|
|
102
|
-
this.stepElements.forEach((step) => this.renderer.setStyle(step.nativeElement, 'flex', '1'));
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsVerticalStepperComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: Window }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
106
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsVerticalStepperComponent, selector: "ads-vertical-stepper", inputs: { id: "id", verticalsteps: "verticalsteps", iconSize: "iconSize", isMobile: "isMobile", enableTooltip: "enableTooltip" }, viewQueries: [{ propertyName: "stepElements", predicate: ["stepElements"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"vertical-stepper\" aria-orientation=\"vertical\" [class.mobile]=\"isMobile\" [id]=\"id\">\n <ng-container *ngFor=\"let step of verticalsteps; let first = first; let last = last; let index = index\">\n <div\n #stepElements\n class=\"step\"\n [class.focused]=\"index === focusedStepIndex\"\n [ngClass]=\"{ clickable: step.onClick && step.isClickable !== false }\"\n >\n <div *ngIf=\"!first\" class=\"line before\" [ngClass]=\"step.status\" [ngStyle]=\"style.lineBefore\"></div>\n <div class=\"step-icon-wrapper\" (click)=\"step.onClick && step.isClickable !== false ? step.onClick!(step) : null\">\n <div\n class=\"step-icon\"\n [ngClass]=\"step.status\"\n [ngStyle]=\"step.status === stepStatus.Skipped ? style.skipped : style.circle\"\n [matTooltip]=\"step.title\"\n [matTooltipDisabled]=\"!enableTooltip\"\n >\n <ads-icon [name]=\"step.icon\" [size]=\"iconSize\" color=\"white\"></ads-icon>\n </div>\n </div>\n <span class=\"title\" (click)=\"step.onClick && step.isClickable !== false ? step.onClick!(step) : null\">{{\n step.title\n }}</span>\n </div>\n </ng-container>\n</div>\n", styles: [":host{display:block;flex:1;transition:margin .5s}.vertical-stepper{display:flex;flex-flow:column wrap}.step{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center}.step.clickable .step-icon-wrapper,.step.clickable .title{cursor:pointer}.vertical-stepper.mobile .step{min-width:100px}.step-icon{z-index:1;display:flex;align-items:center;justify-content:center}.title{margin-top:4px;font-weight:500;line-height:18.75px;text-align:center;cursor:default}.subtitle{color:var(--color-medium);font-size:12px;line-height:14.06px}.vertical-stepper.mobile .step.focused .step-icon{transform:scale(1.25);transition:transform .5s}.vertical-stepper.mobile .step.focused .title{margin-top:8px}.step-icon-wrapper{display:flex;width:100%;align-items:flex-start;justify-content:center}.step-icon.completed{background-color:#bab8ff}.step-icon.current{background-color:var(--color-secondary);width:80px!important;height:80px!important;border-radius:80px!important}.step-icon.future{background-color:var(--color-medium-50)}.step-icon.disabled,.step-icon.disabled-rejected{background-color:var(--color-light)}.step-icon.alert{background-color:var(--color-alert)}.step-icon.rejected{background-color:var(--color-error-hover)}.step-icon.skipped{width:36px;height:36px;background-color:#bab8ff}.vertical-stepper.mobile .step:not(.focused) .title,.vertical-stepper.mobile .step:not(.focused) .subtitle{display:none}::ng-deep .step-icon .ads-icon{display:flex!important;align-items:center;justify-content:center}::ng-deep .step-icon.skipped .ads-icon{color:var(--color-primary)!important}::ng-deep .step-icon.current .ads-icon{font-size:large!important}.line{border-left:2px solid var(--color-medium-50);height:50px;margin-left:calc(50% - 16px)}.line.before{left:0}.line.after{right:0}.line.completed{border-left-color:var(--color-success)}.line.skipped{border-left-color:var(--color-primary)}.line.current,.line.rejected{border-left-style:dashed;border-left-color:#bab8ff}.line.current.before,.line.rejected.before{left:-10px;width:calc(50% - 22px)}.line.future{border-left-color:var(--color-medium-50)}.line.disabled,.line.disabled-rejected{border-left-color:var(--color-light)}\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"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i3.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
|
|
107
|
-
}
|
|
108
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsVerticalStepperComponent, decorators: [{
|
|
109
|
-
type: Component,
|
|
110
|
-
args: [{ selector: 'ads-vertical-stepper', template: "<div class=\"vertical-stepper\" aria-orientation=\"vertical\" [class.mobile]=\"isMobile\" [id]=\"id\">\n <ng-container *ngFor=\"let step of verticalsteps; let first = first; let last = last; let index = index\">\n <div\n #stepElements\n class=\"step\"\n [class.focused]=\"index === focusedStepIndex\"\n [ngClass]=\"{ clickable: step.onClick && step.isClickable !== false }\"\n >\n <div *ngIf=\"!first\" class=\"line before\" [ngClass]=\"step.status\" [ngStyle]=\"style.lineBefore\"></div>\n <div class=\"step-icon-wrapper\" (click)=\"step.onClick && step.isClickable !== false ? step.onClick!(step) : null\">\n <div\n class=\"step-icon\"\n [ngClass]=\"step.status\"\n [ngStyle]=\"step.status === stepStatus.Skipped ? style.skipped : style.circle\"\n [matTooltip]=\"step.title\"\n [matTooltipDisabled]=\"!enableTooltip\"\n >\n <ads-icon [name]=\"step.icon\" [size]=\"iconSize\" color=\"white\"></ads-icon>\n </div>\n </div>\n <span class=\"title\" (click)=\"step.onClick && step.isClickable !== false ? step.onClick!(step) : null\">{{\n step.title\n }}</span>\n </div>\n </ng-container>\n</div>\n", styles: [":host{display:block;flex:1;transition:margin .5s}.vertical-stepper{display:flex;flex-flow:column wrap}.step{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center}.step.clickable .step-icon-wrapper,.step.clickable .title{cursor:pointer}.vertical-stepper.mobile .step{min-width:100px}.step-icon{z-index:1;display:flex;align-items:center;justify-content:center}.title{margin-top:4px;font-weight:500;line-height:18.75px;text-align:center;cursor:default}.subtitle{color:var(--color-medium);font-size:12px;line-height:14.06px}.vertical-stepper.mobile .step.focused .step-icon{transform:scale(1.25);transition:transform .5s}.vertical-stepper.mobile .step.focused .title{margin-top:8px}.step-icon-wrapper{display:flex;width:100%;align-items:flex-start;justify-content:center}.step-icon.completed{background-color:#bab8ff}.step-icon.current{background-color:var(--color-secondary);width:80px!important;height:80px!important;border-radius:80px!important}.step-icon.future{background-color:var(--color-medium-50)}.step-icon.disabled,.step-icon.disabled-rejected{background-color:var(--color-light)}.step-icon.alert{background-color:var(--color-alert)}.step-icon.rejected{background-color:var(--color-error-hover)}.step-icon.skipped{width:36px;height:36px;background-color:#bab8ff}.vertical-stepper.mobile .step:not(.focused) .title,.vertical-stepper.mobile .step:not(.focused) .subtitle{display:none}::ng-deep .step-icon .ads-icon{display:flex!important;align-items:center;justify-content:center}::ng-deep .step-icon.skipped .ads-icon{color:var(--color-primary)!important}::ng-deep .step-icon.current .ads-icon{font-size:large!important}.line{border-left:2px solid var(--color-medium-50);height:50px;margin-left:calc(50% - 16px)}.line.before{left:0}.line.after{right:0}.line.completed{border-left-color:var(--color-success)}.line.skipped{border-left-color:var(--color-primary)}.line.current,.line.rejected{border-left-style:dashed;border-left-color:#bab8ff}.line.current.before,.line.rejected.before{left:-10px;width:calc(50% - 22px)}.line.future{border-left-color:var(--color-medium-50)}.line.disabled,.line.disabled-rejected{border-left-color:var(--color-light)}\n"] }]
|
|
111
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: Window }], propDecorators: { id: [{
|
|
112
|
-
type: Input
|
|
113
|
-
}], verticalsteps: [{
|
|
114
|
-
type: Input
|
|
115
|
-
}], iconSize: [{
|
|
116
|
-
type: Input
|
|
117
|
-
}], isMobile: [{
|
|
118
|
-
type: Input
|
|
119
|
-
}], enableTooltip: [{
|
|
120
|
-
type: Input
|
|
121
|
-
}], stepElements: [{
|
|
122
|
-
type: ViewChildren,
|
|
123
|
-
args: ['stepElements']
|
|
124
|
-
}] } });
|
|
125
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtc3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvdmVydGljYWwtc3RlcHBlci92ZXJ0aWNhbC1zdGVwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy92ZXJ0aWNhbC1zdGVwcGVyL3ZlcnRpY2FsLXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQXFCLFNBQVMsRUFBRSxTQUFTLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBQ3JILE9BQU8sRUFBZ0Isa0JBQWtCLEVBQWlCLE1BQU0sc0JBQXNCLENBQUM7Ozs7O0FBT3ZGLE1BQU0sT0FBTywyQkFBMkI7SUFDdEMsWUFDVSxPQUFtQixFQUNuQixRQUFtQixFQUNuQixNQUFjO1FBRmQsWUFBTyxHQUFQLE9BQU8sQ0FBWTtRQUNuQixhQUFRLEdBQVIsUUFBUSxDQUFXO1FBQ25CLFdBQU0sR0FBTixNQUFNLENBQVE7UUFReEI7O1dBRUc7UUFDYSxrQkFBYSxHQUFtQixFQUFFLENBQUM7UUFFbkQ7O1dBRUc7UUFDYSxhQUFRLEdBQXVCLElBQUksQ0FBQztRQUVwRDs7V0FFRztRQUNNLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFMUI7O1dBRUc7UUFDTSxrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUUvQixrRUFBa0U7UUFDbEUsYUFBUSxHQUFZLEtBQUssQ0FBQztRQVExQixjQUFjO1FBQ2QsZUFBVSxHQUFHLGtCQUFrQixDQUFDO1FBS2hDLGNBQWM7UUFDTixZQUFPLEdBQUc7WUFDaEIsRUFBRSxFQUFFLEVBQUUsSUFB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SztnQkFNd0IsWUFBWTtzQkFBekMsWUFBWTt1QkFBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVmlld0NoaWxkcmVuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCwgUXVlcnlMaXN0LCBSZW5kZXJlcjIsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFZlcnRpY2FsU3RlcCwgVmVydGljYWxTdGVwU3RhdHVzLCBWZXJ0aWNhbFN0eWxlIH0gZnJvbSAnLi92ZXJ0aWNhbC1zdGVwLnR5cGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhZHMtdmVydGljYWwtc3RlcHBlcicsXG4gIHN0eWxlVXJsczogWycuL3ZlcnRpY2FsLXN0ZXBwZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3ZlcnRpY2FsLXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBBZHNWZXJ0aWNhbFN0ZXBwZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZWxlbWVudDogRWxlbWVudFJlZixcbiAgICBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIsXG4gICAgcHJpdmF0ZSB3aW5kb3c6IFdpbmRvdyxcbiAgKSB7fVxuXG4gIC8qKlxuICAgKiBUaGUgdW5pcXVlIElEIGZvciB0aGUgdmVydGljYWwgc3RlcHBlclxuICAgKi9cbiAgQElucHV0KCkgaWQhOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIFRoZSBzdGVwcyB0byBkaXNwbGF5XG4gICAqL1xuICBASW5wdXQoKSBwdWJsaWMgdmVydGljYWxzdGVwczogVmVydGljYWxTdGVwW10gPSBbXTtcblxuICAvKipcbiAgICogVGhlIHNpemUgb2YgdGhlIGljb25zXG4gICAqL1xuICBASW5wdXQoKSBwdWJsaWMgaWNvblNpemU6ICdzbScgfCAnbWQnIHwgJ2xnJyA9ICdzbSc7XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIHZpZXdwb3J0IGlzIG1vYmlsZVxuICAgKi9cbiAgQElucHV0KCkgaXNNb2JpbGUgPSBmYWxzZTtcblxuICAvKipcbiAgICogRW5hYmxlIHRvb2x0aXBcbiAgICovXG4gIEBJbnB1dCgpIGVuYWJsZVRvb2x0aXAgPSBmYWxzZTtcblxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWluZmVycmFibGUtdHlwZXNcbiAgaXNMaW5lYXI6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBAVmlld0NoaWxkcmVuKCdzdGVwRWxlbWVudHMnKSBzdGVwRWxlbWVudHMhOiBRdWVyeUxpc3Q8RWxlbWVudFJlZj47XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgZm9jdXNlZFN0ZXBJbmRleCE6IG51bWJlcjtcblxuICAvKiogQGlnbm9yZSAqL1xuICBzdGVwU3RhdHVzID0gVmVydGljYWxTdGVwU3RhdHVzO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIHN0eWxlITogVmVydGljYWxTdHlsZTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBwcml2YXRlIGljb25NYXAgPSB7XG4gICAgc206IHsgc2l6ZTogMjQsIHBhZGRpbmc6IDE2IH0sXG4gICAgbWQ6IHsgc2l6ZTogMzIsIHBhZGRpbmc6IDI0IH0sXG4gICAgbGc6IHsgc2l6ZTogNDgsIHBhZGRpbmc6IDMyIH0sXG4gIH07XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJpdmF0ZSBzaG91bGRTY3JvbGwgPSBmYWxzZTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBwcml2YXRlIHN0ZXBXaWR0aCE6IG51bWJlcjtcblxuICAvKiogQGlnbm9yZSAqL1xuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXMuaWNvblNpemUgJiYgIWNoYW5nZXMuaWNvblNpemUuZmlyc3RDaGFuZ2UpIHtcbiAgICAgIHRoaXMuc2V0Q2lyY2xlU2l6ZSgpO1xuICAgIH1cblxuICAgIGlmIChjaGFuZ2VzLmlzTW9iaWxlICYmICFjaGFuZ2VzLmlzTW9iaWxlLmZpcnN0Q2hhbmdlKSB7XG4gICAgICB0aGlzLnJlc2V0U3RlcHBlclNjcm9sbFN0YXRlKCk7XG4gICAgICB0aGlzLnNldFN0ZXBwZXJTY3JvbGxTdGF0ZSgpO1xuICAgIH1cbiAgfVxuXG4gIC8qKiBAaWdub3JlICovXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZm9jdXNlZFN0ZXBJbmRleCA9IHRoaXMudmVydGljYWxzdGVwcy5maW5kSW5kZXgoXG4gICAgICAoc3RlcDogVmVydGljYWxTdGVwKSA9PiBzdGVwLnN0YXR1cyA9PT0gdGhpcy5zdGVwU3RhdHVzLkN1cnJlbnQsXG4gICAgKTtcbiAgICB0aGlzLnNldENpcmNsZVNpemUoKTtcbiAgfVxuXG4gIC8qKiBAaWdub3JlICovXG4gIHByaXZhdGUgY2VudGVyRm9jdXNlZFN0ZXAoKTogdm9pZCB7XG4gICAgY29uc3QgaGFsZk9mVmlld3BvcnQgPSB0aGlzLndpbmRvdy5pbm5lcldpZHRoIC8gMjtcbiAgICBjb25zdCBtaWRkbGVPZkZvY3VzZWRTdGVwID0gdGhpcy5mb2N1c2VkU3RlcEluZGV4ICogdGhpcy5zdGVwV2lkdGggKyB0aGlzLnN0ZXBXaWR0aCAvIDI7XG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCwgJ21hcmdpbi1sZWZ0JywgYCR7aGFsZk9mVmlld3BvcnQgLSBtaWRkbGVPZkZvY3VzZWRTdGVwfXB4YCk7XG4gIH1cblxuICAvKiogQGlnbm9yZSAqL1xuICBwcml2YXRlIHJlc2V0U3RlcHBlclNjcm9sbFN0YXRlKCk6IHZvaWQge1xuICAgIHRoaXMuc2hvdWxkU2Nyb2xsID0gZmFsc2U7XG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCwgJ21hcmdpbi1sZWZ0JywgJzAnKTtcbiAgfVxuXG4gIC8qKiBAaWdub3JlICovXG4gIHByaXZhdGUgc2V0Q2lyY2xlU2l6ZSgpOiB2b2lkIHtcbiAgICBjb25zdCB7IHNpemUsIHBhZGRpbmcgfSA9IHRoaXMuaWNvbk1hcFt0aGlzLmljb25TaXplXTtcbiAgICBjb25zdCBjaXJjbGVTaXplID0gc2l6ZSArIHBhZGRpbmc7XG5cbiAgICB0aGlzLnN0eWxlID0ge1xuICAgICAgY2lyY2xlOiB7XG4gICAgICAgIHdpZHRoOiBgJHtjaXJjbGVTaXplfXB4YCxcbiAgICAgICAgaGVpZ2h0OiBgJHtjaXJjbGVTaXplfXB4YCxcbiAgICAgICAgJ2JvcmRlci1yYWRpdXMnOiBgJHtjaXJjbGVTaXplIC8gMn1weGAsXG4gICAgICB9LFxuICAgICAgbGluZUJlZm9yZToge1xuICAgICAgICB3aWR0aDogYGNhbGMoNTAlIC0gJHtjaXJjbGVTaXplIC8gMiAtIDR9cHgpYCxcbiAgICAgICAgdG9wOiBgJHtjaXJjbGVTaXplIC8gMn1weGAsXG4gICAgICB9LFxuICAgICAgbGluZUFmdGVyOiB7XG4gICAgICAgIHdpZHRoOiBgY2FsYyg1MCUgLSAke2NpcmNsZVNpemUgLyAyIC0gNn1weClgLFxuICAgICAgICB0b3A6IGAke2NpcmNsZVNpemUgLyAyfXB4YCxcbiAgICAgIH0sXG4gICAgICBza2lwcGVkOiB7XG4gICAgICAgIHdpZHRoOiBgJHtjaXJjbGVTaXplIC0gNH1weGAsXG4gICAgICAgIGhlaWdodDogYCR7Y2lyY2xlU2l6ZSAtIDR9cHhgLFxuICAgICAgICAnYm9yZGVyLXJhZGl1cyc6IGAke2NpcmNsZVNpemUgLyAyfXB4YCxcbiAgICAgIH0sXG4gICAgfTtcbiAgfVxuXG4gIC8qKiBAaWdub3JlICovXG4gIHByaXZhdGUgc2V0U3RlcHBlclNjcm9sbFN0YXRlKCk6IHZvaWQge1xuICAgIHRoaXMuc3RlcFdpZHRoID0gdGhpcy5zdGVwRWxlbWVudHMuZmlyc3QubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aDtcblxuICAgIGlmIChNYXRoLmZsb29yKHRoaXMudmVydGljYWxzdGVwcy5sZW5ndGggKiB0aGlzLnN0ZXBXaWR0aCkgPiB0aGlzLndpbmRvdy5pbm5lcldpZHRoKSB7XG4gICAgICB0aGlzLnN0ZXBFbGVtZW50cy5mb3JFYWNoKChzdGVwKSA9PiB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHN0ZXAubmF0aXZlRWxlbWVudCwgJ2ZsZXgnLCAnMCAwIDAnKSk7XG4gICAgICB0aGlzLnNob3VsZFNjcm9sbCA9IHRydWU7XG4gICAgICB0aGlzLmNlbnRlckZvY3VzZWRTdGVwKCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc3RlcEVsZW1lbnRzLmZvckVhY2goKHN0ZXApID0+IHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoc3RlcC5uYXRpdmVFbGVtZW50LCAnZmxleCcsICcxJykpO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInZlcnRpY2FsLXN0ZXBwZXJcIiBhcmlhLW9yaWVudGF0aW9uPVwidmVydGljYWxcIiBbY2xhc3MubW9iaWxlXT1cImlzTW9iaWxlXCIgW2lkXT1cImlkXCI+XG4gIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHN0ZXAgb2YgdmVydGljYWxzdGVwczsgbGV0IGZpcnN0ID0gZmlyc3Q7IGxldCBsYXN0ID0gbGFzdDsgbGV0IGluZGV4ID0gaW5kZXhcIj5cbiAgICA8ZGl2XG4gICAgICAjc3RlcEVsZW1lbnRzXG4gICAgICBjbGFzcz1cInN0ZXBcIlxuICAgICAgW2NsYXNzLmZvY3VzZWRdPVwiaW5kZXggPT09IGZvY3VzZWRTdGVwSW5kZXhcIlxuICAgICAgW25nQ2xhc3NdPVwieyBjbGlja2FibGU6IHN0ZXAub25DbGljayAmJiBzdGVwLmlzQ2xpY2thYmxlICE9PSBmYWxzZSB9XCJcbiAgICA+XG4gICAgICA8ZGl2ICpuZ0lmPVwiIWZpcnN0XCIgY2xhc3M9XCJsaW5lIGJlZm9yZVwiIFtuZ0NsYXNzXT1cInN0ZXAuc3RhdHVzXCIgW25nU3R5bGVdPVwic3R5bGUubGluZUJlZm9yZVwiPjwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInN0ZXAtaWNvbi13cmFwcGVyXCIgKGNsaWNrKT1cInN0ZXAub25DbGljayAmJiBzdGVwLmlzQ2xpY2thYmxlICE9PSBmYWxzZSA/IHN0ZXAub25DbGljayEoc3RlcCkgOiBudWxsXCI+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzcz1cInN0ZXAtaWNvblwiXG4gICAgICAgICAgW25nQ2xhc3NdPVwic3RlcC5zdGF0dXNcIlxuICAgICAgICAgIFtuZ1N0eWxlXT1cInN0ZXAuc3RhdHVzID09PSBzdGVwU3RhdHVzLlNraXBwZWQgPyBzdHlsZS5za2lwcGVkIDogc3R5bGUuY2lyY2xlXCJcbiAgICAgICAgICBbbWF0VG9vbHRpcF09XCJzdGVwLnRpdGxlXCJcbiAgICAgICAgICBbbWF0VG9vbHRpcERpc2FibGVkXT1cIiFlbmFibGVUb29sdGlwXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxhZHMtaWNvbiBbbmFtZV09XCJzdGVwLmljb25cIiBbc2l6ZV09XCJpY29uU2l6ZVwiIGNvbG9yPVwid2hpdGVcIj48L2Fkcy1pY29uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPHNwYW4gY2xhc3M9XCJ0aXRsZVwiIChjbGljayk9XCJzdGVwLm9uQ2xpY2sgJiYgc3RlcC5pc0NsaWNrYWJsZSAhPT0gZmFsc2UgPyBzdGVwLm9uQ2xpY2shKHN0ZXApIDogbnVsbFwiPnt7XG4gICAgICAgIHN0ZXAudGl0bGVcbiAgICAgIH19PC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuIl19
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
4
|
-
import { AdsIconModule } from '@ascentgl/ads-icons';
|
|
5
|
-
import { AdsVerticalStepperComponent } from './vertical-stepper.component';
|
|
6
|
-
import { AdsGestureDirection, AdsGestureModule, ADS_GESTURE_DEFAULT_OPTIONS } from '@ascentgl/ads-utils';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
export class AdsVerticalStepperModule {
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsVerticalStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsVerticalStepperModule, declarations: [AdsVerticalStepperComponent], imports: [CommonModule, MatTooltipModule, AdsIconModule, AdsGestureModule], exports: [AdsVerticalStepperComponent] }); }
|
|
11
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsVerticalStepperModule, providers: [
|
|
12
|
-
{ provide: Window, useValue: window },
|
|
13
|
-
{ provide: ADS_GESTURE_DEFAULT_OPTIONS, useValue: { direction: AdsGestureDirection.DIRECTION_HORIZONTAL } },
|
|
14
|
-
], imports: [CommonModule, MatTooltipModule, AdsIconModule, AdsGestureModule] }); }
|
|
15
|
-
}
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsVerticalStepperModule, decorators: [{
|
|
17
|
-
type: NgModule,
|
|
18
|
-
args: [{
|
|
19
|
-
imports: [CommonModule, MatTooltipModule, AdsIconModule, AdsGestureModule],
|
|
20
|
-
exports: [AdsVerticalStepperComponent],
|
|
21
|
-
declarations: [AdsVerticalStepperComponent],
|
|
22
|
-
providers: [
|
|
23
|
-
{ provide: Window, useValue: window },
|
|
24
|
-
{ provide: ADS_GESTURE_DEFAULT_OPTIONS, useValue: { direction: AdsGestureDirection.DIRECTION_HORIZONTAL } },
|
|
25
|
-
],
|
|
26
|
-
}]
|
|
27
|
-
}] });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtc3RlcHBlci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvdmVydGljYWwtc3RlcHBlci92ZXJ0aWNhbC1zdGVwcGVyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDcEQsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDM0UsT0FBTyxFQUFFLG1CQUFtQixFQUFFLGdCQUFnQixFQUFFLDJCQUEyQixFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBV3pHLE1BQU0sT0FBTyx3QkFBd0I7OEdBQXhCLHdCQUF3QjsrR0FBeEIsd0JBQXdCLGlCQU5wQiwyQkFBMkIsYUFGaEMsWUFBWSxFQUFFLGdCQUFnQixFQUFFLGFBQWEsRUFBRSxnQkFBZ0IsYUFDL0QsMkJBQTJCOytHQU8xQix3QkFBd0IsYUFMeEI7WUFDVCxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRTtZQUNyQyxFQUFFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxRQUFRLEVBQUUsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLENBQUMsb0JBQW9CLEVBQUUsRUFBRTtTQUM1RyxZQU5TLFlBQVksRUFBRSxnQkFBZ0IsRUFBRSxhQUFhLEVBQUUsZ0JBQWdCOzsyRkFROUQsd0JBQXdCO2tCQVRwQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxnQkFBZ0IsRUFBRSxhQUFhLEVBQUUsZ0JBQWdCLENBQUM7b0JBQzFFLE9BQU8sRUFBRSxDQUFDLDJCQUEyQixDQUFDO29CQUN0QyxZQUFZLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztvQkFDM0MsU0FBUyxFQUFFO3dCQUNULEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFO3dCQUNyQyxFQUFFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxRQUFRLEVBQUUsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLENBQUMsb0JBQW9CLEVBQUUsRUFBRTtxQkFDNUc7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdFRvb2x0aXBNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sdGlwJztcbmltcG9ydCB7IEFkc0ljb25Nb2R1bGUgfSBmcm9tICdAYXNjZW50Z2wvYWRzLWljb25zJztcbmltcG9ydCB7IEFkc1ZlcnRpY2FsU3RlcHBlckNvbXBvbmVudCB9IGZyb20gJy4vdmVydGljYWwtc3RlcHBlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgQWRzR2VzdHVyZURpcmVjdGlvbiwgQWRzR2VzdHVyZU1vZHVsZSwgQURTX0dFU1RVUkVfREVGQVVMVF9PUFRJT05TIH0gZnJvbSAnQGFzY2VudGdsL2Fkcy11dGlscyc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE1hdFRvb2x0aXBNb2R1bGUsIEFkc0ljb25Nb2R1bGUsIEFkc0dlc3R1cmVNb2R1bGVdLFxuICBleHBvcnRzOiBbQWRzVmVydGljYWxTdGVwcGVyQ29tcG9uZW50XSxcbiAgZGVjbGFyYXRpb25zOiBbQWRzVmVydGljYWxTdGVwcGVyQ29tcG9uZW50XSxcbiAgcHJvdmlkZXJzOiBbXG4gICAgeyBwcm92aWRlOiBXaW5kb3csIHVzZVZhbHVlOiB3aW5kb3cgfSxcbiAgICB7IHByb3ZpZGU6IEFEU19HRVNUVVJFX0RFRkFVTFRfT1BUSU9OUywgdXNlVmFsdWU6IHsgZGlyZWN0aW9uOiBBZHNHZXN0dXJlRGlyZWN0aW9uLkRJUkVDVElPTl9IT1JJWk9OVEFMIH0gfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQWRzVmVydGljYWxTdGVwcGVyTW9kdWxlIHt9XG4iXX0=
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export * from './public-api';
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvd2l6YXJkLXN0ZXBwZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export * from './wizard-stepper.component';
|
|
2
|
-
export * from './wizard-stepper.module';
|
|
3
|
-
export * from './wizard-stepper.types';
|
|
4
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy93aXphcmQtc3RlcHBlci9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHdCQUF3QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi93aXphcmQtc3RlcHBlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi93aXphcmQtc3RlcHBlci5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi93aXphcmQtc3RlcHBlci50eXBlcyc7XG4iXX0=
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, Output } from '@angular/core';
|
|
2
|
-
import { CdkStepper } from '@angular/cdk/stepper';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
import * as i2 from "@ascentgl/ads-icons";
|
|
6
|
-
export class AdsWizardStepperComponent extends CdkStepper {
|
|
7
|
-
constructor() {
|
|
8
|
-
super(...arguments);
|
|
9
|
-
/** Event emitted when a step is clicked */
|
|
10
|
-
this.stepClick = new EventEmitter();
|
|
11
|
-
}
|
|
12
|
-
/** @ignore */
|
|
13
|
-
onStepClick(previouslySelectedIndex, selectedIndex) {
|
|
14
|
-
this.stepClick.emit({
|
|
15
|
-
previouslySelectedIndex,
|
|
16
|
-
selectedIndex,
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWizardStepperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsWizardStepperComponent, selector: "ads-wizard-stepper", outputs: { stepClick: "stepClick" }, providers: [{ provide: CdkStepper, useExisting: AdsWizardStepperComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"stepper\">\n <ng-container *ngFor=\"let step of steps; let first = first; let last = last; let index = index\">\n <div class=\"step\" [ngClass]=\"{ complete: step.completed, error: step.hasError, current: selectedIndex === index }\">\n <div *ngIf=\"!first\" class=\"line before\"></div>\n <div class=\"step-icon\" (click)=\"onStepClick(selectedIndex, index)\">\n <ads-icon *ngIf=\"step.completed && !step.hasError\" name=\"check\" color=\"#fff\" size=\"sm\"></ads-icon>\n <ads-icon *ngIf=\"step.hasError\" name=\"exclamation\" color=\"#fff\" size=\"sm\"></ads-icon>\n <span *ngIf=\"!step.completed && !step.hasError\" class=\"step-count\">{{ index + 1 }}</span>\n </div>\n <div *ngIf=\"!last\" class=\"line after\"></div>\n <ng-container [ngTemplateOutlet]=\"step.stepLabel.template\"></ng-container>\n </div>\n </ng-container>\n</div>\n<div [ngTemplateOutlet]=\"selected ? selected.content : null\"></div>\n", styles: [".wizard{display:flex;flex-direction:column;max-width:100%}.stepper{display:flex}.step{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;padding:8px 0}.step-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;color:var(--color-white);font-size:24px;font-weight:500;border-radius:50%;background-color:var(--color-medium-50);margin-bottom:8px}.step.current .step-icon{background-color:var(--color-primary)}.step.complete .step-icon{background-color:var(--color-success)}.step.error .step-icon{background-color:var(--color-alert)}.step-icon:hover{cursor:pointer;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.line{position:absolute;border-top:2px solid var(--color-medium-50)}.line.before{left:0;width:calc(50% - 22.5px);top:30.5px}.line.after{right:0;width:calc(50% - 22.5px);top:30.5px}.step.complete .line.after{border-top-color:var(--color-success)}.step.complete+.step .line.before{border-top-color:var(--color-success)}.step.complete.error .line.after{border-top-color:var(--color-error)}.step.complete.error+.step .line.before{border-top-color:var(--color-error)}.title{color:var(--color-dark);font-size:13px;font-weight:500;text-align:center}\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"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
|
|
21
|
-
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWizardStepperComponent, decorators: [{
|
|
23
|
-
type: Component,
|
|
24
|
-
args: [{ selector: 'ads-wizard-stepper', providers: [{ provide: CdkStepper, useExisting: AdsWizardStepperComponent }], template: "<div class=\"stepper\">\n <ng-container *ngFor=\"let step of steps; let first = first; let last = last; let index = index\">\n <div class=\"step\" [ngClass]=\"{ complete: step.completed, error: step.hasError, current: selectedIndex === index }\">\n <div *ngIf=\"!first\" class=\"line before\"></div>\n <div class=\"step-icon\" (click)=\"onStepClick(selectedIndex, index)\">\n <ads-icon *ngIf=\"step.completed && !step.hasError\" name=\"check\" color=\"#fff\" size=\"sm\"></ads-icon>\n <ads-icon *ngIf=\"step.hasError\" name=\"exclamation\" color=\"#fff\" size=\"sm\"></ads-icon>\n <span *ngIf=\"!step.completed && !step.hasError\" class=\"step-count\">{{ index + 1 }}</span>\n </div>\n <div *ngIf=\"!last\" class=\"line after\"></div>\n <ng-container [ngTemplateOutlet]=\"step.stepLabel.template\"></ng-container>\n </div>\n </ng-container>\n</div>\n<div [ngTemplateOutlet]=\"selected ? selected.content : null\"></div>\n", styles: [".wizard{display:flex;flex-direction:column;max-width:100%}.stepper{display:flex}.step{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;padding:8px 0}.step-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;color:var(--color-white);font-size:24px;font-weight:500;border-radius:50%;background-color:var(--color-medium-50);margin-bottom:8px}.step.current .step-icon{background-color:var(--color-primary)}.step.complete .step-icon{background-color:var(--color-success)}.step.error .step-icon{background-color:var(--color-alert)}.step-icon:hover{cursor:pointer;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.line{position:absolute;border-top:2px solid var(--color-medium-50)}.line.before{left:0;width:calc(50% - 22.5px);top:30.5px}.line.after{right:0;width:calc(50% - 22.5px);top:30.5px}.step.complete .line.after{border-top-color:var(--color-success)}.step.complete+.step .line.before{border-top-color:var(--color-success)}.step.complete.error .line.after{border-top-color:var(--color-error)}.step.complete.error+.step .line.before{border-top-color:var(--color-error)}.title{color:var(--color-dark);font-size:13px;font-weight:500;text-align:center}\n"] }]
|
|
25
|
-
}], propDecorators: { stepClick: [{
|
|
26
|
-
type: Output
|
|
27
|
-
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l6YXJkLXN0ZXBwZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZHMtdWkvc3JjL2xpYi9jb21wb25lbnRzL3dpemFyZC1zdGVwcGVyL3dpemFyZC1zdGVwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy93aXphcmQtc3RlcHBlci93aXphcmQtc3RlcHBlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFDOzs7O0FBU2xELE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxVQUFVO0lBTnpEOztRQU9FLDJDQUEyQztRQUNqQyxjQUFTLEdBQWlDLElBQUksWUFBWSxFQUFFLENBQUM7S0FTeEU7SUFQQyxjQUFjO0lBQ1AsV0FBVyxDQUFDLHVCQUErQixFQUFFLGFBQXFCO1FBQ3ZFLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDO1lBQ2xCLHVCQUF1QjtZQUN2QixhQUFhO1NBQ2QsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0FWVSx5QkFBeUI7a0dBQXpCLHlCQUF5QixrRkFGekIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFFLHlCQUF5QixFQUFFLENBQUMsaURDUjlFLGk5QkFlQTs7MkZETGEseUJBQXlCO2tCQU5yQyxTQUFTOytCQUNFLG9CQUFvQixhQUduQixDQUFDLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxXQUFXLDJCQUEyQixFQUFFLENBQUM7OEJBSWxFLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDZGtTdGVwcGVyIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3N0ZXBwZXInO1xuaW1wb3J0IHsgU3RlcENsaWNrRXZlbnQgfSBmcm9tICcuL3dpemFyZC1zdGVwcGVyLnR5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWRzLXdpemFyZC1zdGVwcGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3dpemFyZC1zdGVwcGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vd2l6YXJkLXN0ZXBwZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBDZGtTdGVwcGVyLCB1c2VFeGlzdGluZzogQWRzV2l6YXJkU3RlcHBlckNvbXBvbmVudCB9XSxcbn0pXG5leHBvcnQgY2xhc3MgQWRzV2l6YXJkU3RlcHBlckNvbXBvbmVudCBleHRlbmRzIENka1N0ZXBwZXIge1xuICAvKiogRXZlbnQgZW1pdHRlZCB3aGVuIGEgc3RlcCBpcyBjbGlja2VkICovXG4gIEBPdXRwdXQoKSBzdGVwQ2xpY2s6IEV2ZW50RW1pdHRlcjxTdGVwQ2xpY2tFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHVibGljIG9uU3RlcENsaWNrKHByZXZpb3VzbHlTZWxlY3RlZEluZGV4OiBudW1iZXIsIHNlbGVjdGVkSW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMuc3RlcENsaWNrLmVtaXQoe1xuICAgICAgcHJldmlvdXNseVNlbGVjdGVkSW5kZXgsXG4gICAgICBzZWxlY3RlZEluZGV4LFxuICAgIH0pO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic3RlcHBlclwiPlxuICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBzdGVwIG9mIHN0ZXBzOyBsZXQgZmlyc3QgPSBmaXJzdDsgbGV0IGxhc3QgPSBsYXN0OyBsZXQgaW5kZXggPSBpbmRleFwiPlxuICAgIDxkaXYgY2xhc3M9XCJzdGVwXCIgW25nQ2xhc3NdPVwieyBjb21wbGV0ZTogc3RlcC5jb21wbGV0ZWQsIGVycm9yOiBzdGVwLmhhc0Vycm9yLCBjdXJyZW50OiBzZWxlY3RlZEluZGV4ID09PSBpbmRleCB9XCI+XG4gICAgICA8ZGl2ICpuZ0lmPVwiIWZpcnN0XCIgY2xhc3M9XCJsaW5lIGJlZm9yZVwiPjwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInN0ZXAtaWNvblwiIChjbGljayk9XCJvblN0ZXBDbGljayhzZWxlY3RlZEluZGV4LCBpbmRleClcIj5cbiAgICAgICAgPGFkcy1pY29uICpuZ0lmPVwic3RlcC5jb21wbGV0ZWQgJiYgIXN0ZXAuaGFzRXJyb3JcIiBuYW1lPVwiY2hlY2tcIiBjb2xvcj1cIiNmZmZcIiBzaXplPVwic21cIj48L2Fkcy1pY29uPlxuICAgICAgICA8YWRzLWljb24gKm5nSWY9XCJzdGVwLmhhc0Vycm9yXCIgbmFtZT1cImV4Y2xhbWF0aW9uXCIgY29sb3I9XCIjZmZmXCIgc2l6ZT1cInNtXCI+PC9hZHMtaWNvbj5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCIhc3RlcC5jb21wbGV0ZWQgJiYgIXN0ZXAuaGFzRXJyb3JcIiBjbGFzcz1cInN0ZXAtY291bnRcIj57eyBpbmRleCArIDEgfX08L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgKm5nSWY9XCIhbGFzdFwiIGNsYXNzPVwibGluZSBhZnRlclwiPjwvZGl2PlxuICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJzdGVwLnN0ZXBMYWJlbC50ZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuPGRpdiBbbmdUZW1wbGF0ZU91dGxldF09XCJzZWxlY3RlZCA/IHNlbGVjdGVkLmNvbnRlbnQgOiBudWxsXCI+PC9kaXY+XG4iXX0=
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { AdsWizardStepperComponent } from './wizard-stepper.component';
|
|
4
|
-
import { AdsIconModule } from '@ascentgl/ads-icons';
|
|
5
|
-
import { CdkStepperModule } from '@angular/cdk/stepper';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
export class AdsWizardStepperModule {
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWizardStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsWizardStepperModule, declarations: [AdsWizardStepperComponent], imports: [CommonModule, AdsIconModule, CdkStepperModule], exports: [AdsWizardStepperComponent] }); }
|
|
10
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWizardStepperModule, imports: [CommonModule, AdsIconModule, CdkStepperModule] }); }
|
|
11
|
-
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWizardStepperModule, decorators: [{
|
|
13
|
-
type: NgModule,
|
|
14
|
-
args: [{
|
|
15
|
-
declarations: [AdsWizardStepperComponent],
|
|
16
|
-
imports: [CommonModule, AdsIconModule, CdkStepperModule],
|
|
17
|
-
exports: [AdsWizardStepperComponent],
|
|
18
|
-
}]
|
|
19
|
-
}] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l6YXJkLXN0ZXBwZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZHMtdWkvc3JjL2xpYi9jb21wb25lbnRzL3dpemFyZC1zdGVwcGVyL3dpemFyZC1zdGVwcGVyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDcEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7O0FBT3hELE1BQU0sT0FBTyxzQkFBc0I7OEdBQXRCLHNCQUFzQjsrR0FBdEIsc0JBQXNCLGlCQUpsQix5QkFBeUIsYUFDOUIsWUFBWSxFQUFFLGFBQWEsRUFBRSxnQkFBZ0IsYUFDN0MseUJBQXlCOytHQUV4QixzQkFBc0IsWUFIdkIsWUFBWSxFQUFFLGFBQWEsRUFBRSxnQkFBZ0I7OzJGQUc1QyxzQkFBc0I7a0JBTGxDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMseUJBQXlCLENBQUM7b0JBQ3pDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxhQUFhLEVBQUUsZ0JBQWdCLENBQUM7b0JBQ3hELE9BQU8sRUFBRSxDQUFDLHlCQUF5QixDQUFDO2lCQUNyQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQWRzV2l6YXJkU3RlcHBlckNvbXBvbmVudCB9IGZyb20gJy4vd2l6YXJkLXN0ZXBwZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEFkc0ljb25Nb2R1bGUgfSBmcm9tICdAYXNjZW50Z2wvYWRzLWljb25zJztcbmltcG9ydCB7IENka1N0ZXBwZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvc3RlcHBlcic7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0Fkc1dpemFyZFN0ZXBwZXJDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBBZHNJY29uTW9kdWxlLCBDZGtTdGVwcGVyTW9kdWxlXSxcbiAgZXhwb3J0czogW0Fkc1dpemFyZFN0ZXBwZXJDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBBZHNXaXphcmRTdGVwcGVyTW9kdWxlIHt9XG4iXX0=
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l6YXJkLXN0ZXBwZXIudHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvd2l6YXJkLXN0ZXBwZXIvd2l6YXJkLXN0ZXBwZXIudHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIFN0ZXBDbGlja0V2ZW50ID0ge1xuICBzZWxlY3RlZEluZGV4OiBudW1iZXI7XG4gIHByZXZpb3VzbHlTZWxlY3RlZEluZGV4OiBudW1iZXI7XG59O1xuIl19
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
export * from './public-api';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNjZW50Z2wtYWRzLXVpLXNyYy1saWItY29tcG9uZW50cy1wcm9ncmVzcy1zdGVwcGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZHMtdWkvc3JjL2xpYi9jb21wb25lbnRzL3Byb2dyZXNzLXN0ZXBwZXIvYXNjZW50Z2wtYWRzLXVpLXNyYy1saWItY29tcG9uZW50cy1wcm9ncmVzcy1zdGVwcGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3Mtc3RlcC50eXBlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9wcm9ncmVzcy1zdGVwcGVyL3Byb2dyZXNzLXN0ZXAudHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIFByb2dyZXNzU3RlcCA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgZGF0ZT86IHN0cmluZztcbiAgY29tcGxldGVkPzogYm9vbGVhbjtcbn07XG4iXX0=
|
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
import { Component, ChangeDetectionStrategy, Input, ViewChildren, QueryList, ElementRef, Renderer2, ViewChild, } from '@angular/core';
|
|
2
|
-
import { AdsIconRegistry } from '@ascentgl/ads-icons';
|
|
3
|
-
import { adsIconCheckCircle } from '@ascentgl/ads-icons/icons';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@ascentgl/ads-icons";
|
|
6
|
-
import * as i2 from "@angular/common";
|
|
7
|
-
import * as i3 from "@ascentgl/ads-utils";
|
|
8
|
-
export class AdsProgressStepperComponent {
|
|
9
|
-
constructor(renderer, registry, window) {
|
|
10
|
-
this.renderer = renderer;
|
|
11
|
-
this.registry = registry;
|
|
12
|
-
this.window = window;
|
|
13
|
-
/** Whether the viewport is mobile */
|
|
14
|
-
this.isMobile = false;
|
|
15
|
-
/** Padding of parent container */
|
|
16
|
-
this.containerPadding = 24;
|
|
17
|
-
/** @ignore */
|
|
18
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
19
|
-
this.styles = {};
|
|
20
|
-
/** @ignore */
|
|
21
|
-
this.focusedIndex = 0;
|
|
22
|
-
this.registry.register(adsIconCheckCircle);
|
|
23
|
-
}
|
|
24
|
-
/** @ignore */
|
|
25
|
-
ngAfterViewInit() {
|
|
26
|
-
if (this.isMobile) {
|
|
27
|
-
this.focusedIndex = this.getLastCompletedStepIndex(this.steps);
|
|
28
|
-
this.centerCurrentStep(this.focusedIndex);
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
/** @ignore */
|
|
32
|
-
ngOnChanges(changes) {
|
|
33
|
-
if (changes?.isMobile && !changes.isMobile.firstChange) {
|
|
34
|
-
this.focusedIndex = this.getLastCompletedStepIndex(this.steps);
|
|
35
|
-
this.centerCurrentStep(this.focusedIndex);
|
|
36
|
-
}
|
|
37
|
-
if (changes?.steps && changes.steps?.currentValue && !changes.steps?.firstChange) {
|
|
38
|
-
if (this.isMobile) {
|
|
39
|
-
this.focusedIndex = this.getLastCompletedStepIndex(this.steps);
|
|
40
|
-
this.centerCurrentStep(this.focusedIndex);
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
/** @ignore */
|
|
45
|
-
ngOnInit() {
|
|
46
|
-
this.styles = {
|
|
47
|
-
step: {
|
|
48
|
-
'grid-template-columns': `repeat(${this.steps.length}, minmax(150px, 1fr))`,
|
|
49
|
-
},
|
|
50
|
-
};
|
|
51
|
-
}
|
|
52
|
-
/** @ignore */
|
|
53
|
-
onSwipeLeft() {
|
|
54
|
-
if (this.focusedIndex === this.steps.length - this.calculateStepsPerViewport() || !this.isMobile) {
|
|
55
|
-
return;
|
|
56
|
-
}
|
|
57
|
-
this.focusedIndex++;
|
|
58
|
-
this.centerCurrentStep(this.focusedIndex);
|
|
59
|
-
}
|
|
60
|
-
/** @ignore */
|
|
61
|
-
onSwipeRight() {
|
|
62
|
-
if (this.focusedIndex === 0 || !this.isMobile) {
|
|
63
|
-
return;
|
|
64
|
-
}
|
|
65
|
-
this.focusedIndex--;
|
|
66
|
-
this.centerCurrentStep(this.focusedIndex);
|
|
67
|
-
}
|
|
68
|
-
/** @ignore */
|
|
69
|
-
centerCurrentStep(focusedIndex) {
|
|
70
|
-
if (focusedIndex === 0) {
|
|
71
|
-
this.renderer.setStyle(this.stepper.nativeElement, 'margin-left', '0px');
|
|
72
|
-
return;
|
|
73
|
-
}
|
|
74
|
-
const stepWidth = this.stepElements.first.nativeElement.getBoundingClientRect().width;
|
|
75
|
-
const offset = focusedIndex * stepWidth;
|
|
76
|
-
this.renderer.setStyle(this.stepper.nativeElement, 'margin-left', `-${offset}px`);
|
|
77
|
-
}
|
|
78
|
-
/** @ignore */
|
|
79
|
-
getLastCompletedStepIndex(steps) {
|
|
80
|
-
return steps.map((step) => step.completed).lastIndexOf(true);
|
|
81
|
-
}
|
|
82
|
-
/** @ignore */
|
|
83
|
-
calculateStepsPerViewport() {
|
|
84
|
-
const stepWidth = this.stepElements.first.nativeElement.getBoundingClientRect().width;
|
|
85
|
-
return Math.floor((this.window.innerWidth - this.containerPadding) / stepWidth);
|
|
86
|
-
}
|
|
87
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsProgressStepperComponent, deps: [{ token: i0.Renderer2 }, { token: i1.AdsIconRegistry }, { token: Window }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
88
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsProgressStepperComponent, selector: "ads-progress-stepper", inputs: { isMobile: "isMobile", containerPadding: "containerPadding", steps: "steps" }, viewQueries: [{ propertyName: "stepper", first: true, predicate: ["stepper"], descendants: true }, { propertyName: "stepElements", predicate: ["stepElements"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n #stepper\n adsGesture\n class=\"progress-stepper\"\n [ngStyle]=\"styles?.step\"\n [draggable]=\"false\"\n (gestureleft)=\"onSwipeLeft()\"\n (gestureright)=\"onSwipeRight()\"\n>\n <div\n #stepElements\n class=\"progress-stepper-step\"\n [draggable]=\"false\"\n *ngFor=\"let step of steps; let index = index; let first = first; let last = last\"\n >\n <div class=\"progress-bar\" [class.first]=\"first\" [class.last]=\"last\">\n <div\n class=\"progress-bar-highlight\"\n [class.completed]=\"step.completed\"\n [class.roundedLeft]=\"first || (!steps[index - 1].completed && step.completed)\"\n [class.roundedRight]=\"\n last || (!steps[index + 1].completed && step.completed) || (first && !steps[index + 1].completed)\n \"\n ></div>\n </div>\n <div class=\"progress-step-info\" [class.first]=\"first\" [class.last]=\"last\">\n <div class=\"progress-step-info-container\">\n <div class=\"title\">\n <div class=\"title-text\">{{ step.title }}</div>\n <div class=\"title-completed-icon\" *ngIf=\"step.completed\">\n <ads-icon name=\"check_circle\" size=\"xxs\" color=\"#5756B3\"></ads-icon>\n </div>\n </div>\n <div *ngIf=\"step?.date\" class=\"date\">{{ step?.date }}</div>\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{box-sizing:border-box}.progress-stepper{display:grid;max-width:100%;-webkit-user-select:none;user-select:none;transition:margin .3s ease-in-out}.progress-stepper-step{display:flex;flex-direction:column;flex:1}.progress-step-info{display:flex;flex-direction:column;align-items:center;padding:8px}.progress-step-info.first{align-items:flex-start}.progress-step-info.last{align-items:flex-end}.progress-stepper-step:last-of-type .title,.progress-stepper-step:last-of-type .date{text-align:right}.title{color:var(--color-medium);font-size:13px;font-weight:500;display:flex;height:24px;align-items:center}.title-text{margin-right:6px;line-height:24px;white-space:nowrap}.title-completed-icon{line-height:24px;display:flex;align-items:center}.date{color:var(--color-black);font-size:12px;line-height:14px;white-space:nowrap}.progress-bar{width:100%;background-color:var(--color-medium-50);height:12px}.progress-bar.first,.progress-bar.first .progress-bar-highlight{border-top-left-radius:12px;border-bottom-left-radius:12px}.progress-bar.last,.progress-bar.last .progress-bar-highlight{border-top-right-radius:12px;border-bottom-right-radius:12px}.progress-bar-highlight{height:12px;width:100%}.progress-bar-highlight.completed{background-color:var(--color-green)}.progress-bar-highlight.roundedLeft{border-top-left-radius:12px;border-bottom-left-radius:12px}.progress-bar-highlight.roundedRight{border-top-right-radius:12px;border-bottom-right-radius:12px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: i3.AdsGestureDirective, selector: "[adsGesture]", outputs: ["gesturedown", "gestureleft", "gestureright", "gestureup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
89
|
-
}
|
|
90
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsProgressStepperComponent, decorators: [{
|
|
91
|
-
type: Component,
|
|
92
|
-
args: [{ selector: 'ads-progress-stepper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n #stepper\n adsGesture\n class=\"progress-stepper\"\n [ngStyle]=\"styles?.step\"\n [draggable]=\"false\"\n (gestureleft)=\"onSwipeLeft()\"\n (gestureright)=\"onSwipeRight()\"\n>\n <div\n #stepElements\n class=\"progress-stepper-step\"\n [draggable]=\"false\"\n *ngFor=\"let step of steps; let index = index; let first = first; let last = last\"\n >\n <div class=\"progress-bar\" [class.first]=\"first\" [class.last]=\"last\">\n <div\n class=\"progress-bar-highlight\"\n [class.completed]=\"step.completed\"\n [class.roundedLeft]=\"first || (!steps[index - 1].completed && step.completed)\"\n [class.roundedRight]=\"\n last || (!steps[index + 1].completed && step.completed) || (first && !steps[index + 1].completed)\n \"\n ></div>\n </div>\n <div class=\"progress-step-info\" [class.first]=\"first\" [class.last]=\"last\">\n <div class=\"progress-step-info-container\">\n <div class=\"title\">\n <div class=\"title-text\">{{ step.title }}</div>\n <div class=\"title-completed-icon\" *ngIf=\"step.completed\">\n <ads-icon name=\"check_circle\" size=\"xxs\" color=\"#5756B3\"></ads-icon>\n </div>\n </div>\n <div *ngIf=\"step?.date\" class=\"date\">{{ step?.date }}</div>\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{box-sizing:border-box}.progress-stepper{display:grid;max-width:100%;-webkit-user-select:none;user-select:none;transition:margin .3s ease-in-out}.progress-stepper-step{display:flex;flex-direction:column;flex:1}.progress-step-info{display:flex;flex-direction:column;align-items:center;padding:8px}.progress-step-info.first{align-items:flex-start}.progress-step-info.last{align-items:flex-end}.progress-stepper-step:last-of-type .title,.progress-stepper-step:last-of-type .date{text-align:right}.title{color:var(--color-medium);font-size:13px;font-weight:500;display:flex;height:24px;align-items:center}.title-text{margin-right:6px;line-height:24px;white-space:nowrap}.title-completed-icon{line-height:24px;display:flex;align-items:center}.date{color:var(--color-black);font-size:12px;line-height:14px;white-space:nowrap}.progress-bar{width:100%;background-color:var(--color-medium-50);height:12px}.progress-bar.first,.progress-bar.first .progress-bar-highlight{border-top-left-radius:12px;border-bottom-left-radius:12px}.progress-bar.last,.progress-bar.last .progress-bar-highlight{border-top-right-radius:12px;border-bottom-right-radius:12px}.progress-bar-highlight{height:12px;width:100%}.progress-bar-highlight.completed{background-color:var(--color-green)}.progress-bar-highlight.roundedLeft{border-top-left-radius:12px;border-bottom-left-radius:12px}.progress-bar-highlight.roundedRight{border-top-right-radius:12px;border-bottom-right-radius:12px}\n"] }]
|
|
93
|
-
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1.AdsIconRegistry }, { type: Window }], propDecorators: { stepper: [{
|
|
94
|
-
type: ViewChild,
|
|
95
|
-
args: ['stepper']
|
|
96
|
-
}], stepElements: [{
|
|
97
|
-
type: ViewChildren,
|
|
98
|
-
args: ['stepElements']
|
|
99
|
-
}], isMobile: [{
|
|
100
|
-
type: Input
|
|
101
|
-
}], containerPadding: [{
|
|
102
|
-
type: Input
|
|
103
|
-
}], steps: [{
|
|
104
|
-
type: Input
|
|
105
|
-
}] } });
|
|
106
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3Mtc3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvcHJvZ3Jlc3Mtc3RlcHBlci9wcm9ncmVzcy1zdGVwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9wcm9ncmVzcy1zdGVwcGVyL3Byb2dyZXNzLXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCx1QkFBdUIsRUFDdkIsS0FBSyxFQUVMLFlBQVksRUFDWixTQUFTLEVBQ1QsVUFBVSxFQUVWLFNBQVMsRUFDVCxTQUFTLEdBR1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7OztBQVMvRCxNQUFNLE9BQU8sMkJBQTJCO0lBQ3RDLFlBQ1UsUUFBbUIsRUFDbkIsUUFBeUIsRUFDekIsTUFBYztRQUZkLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDbkIsYUFBUSxHQUFSLFFBQVEsQ0FBaUI7UUFDekIsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQVd4QixxQ0FBcUM7UUFDNUIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUUxQixrQ0FBa0M7UUFDekIscUJBQWdCLEdBQUcsRUFBRSxDQUFDO1FBSy9CLGNBQWM7UUFDZCw4REFBOEQ7UUFDdkQsV0FBTSxHQUFRLEVBQUUsQ0FBQztRQUV4QixjQUFjO1FBQ04saUJBQVksR0FBRyxDQUFDLENBQUM7UUF2QnZCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLGtCQUFrQixDQUFDLENBQUM7SUFDN0MsQ0FBQztJQXdCRCxjQUFj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QyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDL0QsQ0FBQztJQUVELGNBQWM7SUFDTix5QkFBeUI7UUFDL0IsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLHFCQUFxQixFQUFFLENBQUMsS0FBSyxDQUFDO1FBQ3RGLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLFNBQVMsQ0FBQyxDQUFDO0lBQ2xGLENBQUM7OEdBeEdVLDJCQUEyQjtrR0FBM0IsMkJBQTJCLCtWQ3hCeEMsMjFDQXNDQTs7MkZEZGEsMkJBQTJCO2tCQU52QyxTQUFTOytCQUNFLHNCQUFzQixtQkFHZix1QkFBdUIsQ0FBQyxNQUFNOzhIQVl6QixPQUFPO3NCQUE1QixTQUFTO3VCQUFDLFNBQVM7Z0JBR1UsWUFBWTtzQkFBekMsWUFBWTt1QkFBQyxjQUFjO2dCQUduQixRQUFRO3NCQUFoQixLQUFLO2dCQUdHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFHRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBWaWV3Q2hpbGRyZW4sXG4gIFF1ZXJ5TGlzdCxcbiAgRWxlbWVudFJlZixcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgUmVuZGVyZXIyLFxuICBWaWV3Q2hpbGQsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIE9uQ2hhbmdlcyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBZHNJY29uUmVnaXN0cnkgfSBmcm9tICdAYXNjZW50Z2wvYWRzLWljb25zJztcbmltcG9ydCB7IGFkc0ljb25DaGVja0NpcmNsZSB9IGZyb20gJ0Bhc2NlbnRnbC9hZHMtaWNvbnMvaWNvbnMnO1xuaW1wb3J0IHsgUHJvZ3Jlc3NTdGVwIH0gZnJvbSAnLi9wcm9ncmVzcy1zdGVwLnR5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWRzLXByb2dyZXNzLXN0ZXBwZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vcHJvZ3Jlc3Mtc3RlcHBlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Byb2dyZXNzLXN0ZXBwZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEFkc1Byb2dyZXNzU3RlcHBlckNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uQ2hhbmdlcywgT25Jbml0IHtcbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyLFxuICAgIHByaXZhdGUgcmVnaXN0cnk6IEFkc0ljb25SZWdpc3RyeSxcbiAgICBwcml2YXRlIHdpbmRvdzogV2luZG93LFxuICApIHtcbiAgICB0aGlzLnJlZ2lzdHJ5LnJlZ2lzdGVyKGFkc0ljb25DaGVja0NpcmNsZSk7XG4gIH1cblxuICAvKiogQGlnbm9yZSAqL1xuICBAVmlld0NoaWxkKCdzdGVwcGVyJykgc3RlcHBlciE6IEVsZW1lbnRSZWY7XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgQFZpZXdDaGlsZHJlbignc3RlcEVsZW1lbnRzJykgc3RlcEVsZW1lbnRzITogUXVlcnlMaXN0PEVsZW1lbnRSZWY+O1xuXG4gIC8qKiBXaGV0aGVyIHRoZSB2aWV3cG9ydCBpcyBtb2JpbGUgKi9cbiAgQElucHV0KCkgaXNNb2JpbGUgPSBmYWxzZTtcblxuICAvKiogUGFkZGluZyBvZiBwYXJlbnQgY29udGFpbmVyICovXG4gIEBJbnB1dCgpIGNvbnRhaW5lclBhZGRpbmcgPSAyNDtcblxuICAvKiogU3RlcHMgdG8gZGlzcGxheSAqL1xuICBASW5wdXQoKSBzdGVwcyE6IFByb2dyZXNzU3RlcFtdO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XG4gIHB1YmxpYyBzdHlsZXM6IGFueSA9IHt9O1xuXG4gIC8qKiBAaWdub3JlICovXG4gIHByaXZhdGUgZm9jdXNlZEluZGV4ID0gMDtcblxuICAvKiogQGlnbm9yZSAqL1xuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgaWYgKHRoaXMuaXNNb2JpbGUpIHtcbiAgICAgIHRoaXMuZm9jdXNlZEluZGV4ID0gdGhpcy5nZXRMYXN0Q29tcGxldGVkU3RlcEluZGV4KHRoaXMuc3RlcHMpO1xuICAgICAgdGhpcy5jZW50ZXJDdXJyZW50U3RlcCh0aGlzLmZvY3VzZWRJbmRleCk7XG4gICAgfVxuICB9XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIGlmIChjaGFuZ2VzPy5pc01vYmlsZSAmJiAhY2hhbmdlcy5pc01vYmlsZS5maXJzdENoYW5nZSkge1xuICAgICAgdGhpcy5mb2N1c2VkSW5kZXggPSB0aGlzLmdldExhc3RDb21wbGV0ZWRTdGVwSW5kZXgodGhpcy5zdGVwcyk7XG4gICAgICB0aGlzLmNlbnRlckN1cnJlbnRTdGVwKHRoaXMuZm9jdXNlZEluZGV4KTtcbiAgICB9XG5cbiAgICBpZiAoY2hhbmdlcz8uc3RlcHMgJiYgY2hhbmdlcy5zdGVwcz8uY3VycmVudFZhbHVlICYmICFjaGFuZ2VzLnN0ZXBzPy5maXJzdENoYW5nZSkge1xuICAgICAgaWYgKHRoaXMuaXNNb2JpbGUpIHtcbiAgICAgICAgdGhpcy5mb2N1c2VkSW5kZXggPSB0aGlzLmdldExhc3RDb21wbGV0ZWRTdGVwSW5kZXgodGhpcy5zdGVwcyk7XG4gICAgICAgIHRoaXMuY2VudGVyQ3VycmVudFN0ZXAodGhpcy5mb2N1c2VkSW5kZXgpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC8qKiBAaWdub3JlICovXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuc3R5bGVzID0ge1xuICAgICAgc3RlcDoge1xuICAgICAgICAnZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zJzogYHJlcGVhdCgke3RoaXMuc3RlcHMubGVuZ3RofSwgbWlubWF4KDE1MHB4LCAxZnIpKWAsXG4gICAgICB9LFxuICAgIH07XG4gIH1cblxuICAvKiogQGlnbm9yZSAqL1xuICBwdWJsaWMgb25Td2lwZUxlZnQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZm9jdXNlZEluZGV4ID09PSB0aGlzLnN0ZXBzLmxlbmd0aCAtIHRoaXMuY2FsY3VsYXRlU3RlcHNQZXJWaWV3cG9ydCgpIHx8ICF0aGlzLmlzTW9iaWxlKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5mb2N1c2VkSW5kZXgrKztcbiAgICB0aGlzLmNlbnRlckN1cnJlbnRTdGVwKHRoaXMuZm9jdXNlZEluZGV4KTtcbiAgfVxuXG4gIC8qKiBAaWdub3JlICovXG4gIHB1YmxpYyBvblN3aXBlUmlnaHQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZm9jdXNlZEluZGV4ID09PSAwIHx8ICF0aGlzLmlzTW9iaWxlKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5mb2N1c2VkSW5kZXgtLTtcbiAgICB0aGlzLmNlbnRlckN1cnJlbnRTdGVwKHRoaXMuZm9jdXNlZEluZGV4KTtcbiAgfVxuXG4gIC8qKiBAaWdub3JlICovXG4gIHByaXZhdGUgY2VudGVyQ3VycmVudFN0ZXAoZm9jdXNlZEluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICBpZiAoZm9jdXNlZEluZGV4ID09PSAwKSB7XG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMuc3RlcHBlci5uYXRpdmVFbGVtZW50LCAnbWFyZ2luLWxlZnQnLCAnMHB4Jyk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3Qgc3RlcFdpZHRoID0gdGhpcy5zdGVwRWxlbWVudHMuZmlyc3QubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aDtcbiAgICBjb25zdCBvZmZzZXQgPSBmb2N1c2VkSW5kZXggKiBzdGVwV2lkdGg7XG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLnN0ZXBwZXIubmF0aXZlRWxlbWVudCwgJ21hcmdpbi1sZWZ0JywgYC0ke29mZnNldH1weGApO1xuICB9XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJpdmF0ZSBnZXRMYXN0Q29tcGxldGVkU3RlcEluZGV4KHN0ZXBzOiBQcm9ncmVzc1N0ZXBbXSk6IG51bWJlciB7XG4gICAgcmV0dXJuIHN0ZXBzLm1hcCgoc3RlcCkgPT4gc3RlcC5jb21wbGV0ZWQpLmxhc3RJbmRleE9mKHRydWUpO1xuICB9XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJpdmF0ZSBjYWxjdWxhdGVTdGVwc1BlclZpZXdwb3J0KCk6IG51bWJlciB7XG4gICAgY29uc3Qgc3RlcFdpZHRoID0gdGhpcy5zdGVwRWxlbWVudHMuZmlyc3QubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aDtcbiAgICByZXR1cm4gTWF0aC5mbG9vcigodGhpcy53aW5kb3cuaW5uZXJXaWR0aCAtIHRoaXMuY29udGFpbmVyUGFkZGluZykgLyBzdGVwV2lkdGgpO1xuICB9XG59XG4iLCI8ZGl2XG4gICNzdGVwcGVyXG4gIGFkc0dlc3R1cmVcbiAgY2xhc3M9XCJwcm9ncmVzcy1zdGVwcGVyXCJcbiAgW25nU3R5bGVdPVwic3R5bGVzPy5zdGVwXCJcbiAgW2RyYWdnYWJsZV09XCJmYWxzZVwiXG4gIChnZXN0dXJlbGVmdCk9XCJvblN3aXBlTGVmdCgpXCJcbiAgKGdlc3R1cmVyaWdodCk9XCJvblN3aXBlUmlnaHQoKVwiXG4+XG4gIDxkaXZcbiAgICAjc3RlcEVsZW1lbnRzXG4gICAgY2xhc3M9XCJwcm9ncmVzcy1zdGVwcGVyLXN0ZXBcIlxuICAgIFtkcmFnZ2FibGVdPVwiZmFsc2VcIlxuICAgICpuZ0Zvcj1cImxldCBzdGVwIG9mIHN0ZXBzOyBsZXQgaW5kZXggPSBpbmRleDsgbGV0IGZpcnN0ID0gZmlyc3Q7IGxldCBsYXN0ID0gbGFzdFwiXG4gID5cbiAgICA8ZGl2IGNsYXNzPVwicHJvZ3Jlc3MtYmFyXCIgW2NsYXNzLmZpcnN0XT1cImZpcnN0XCIgW2NsYXNzLmxhc3RdPVwibGFzdFwiPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cInByb2dyZXNzLWJhci1oaWdobGlnaHRcIlxuICAgICAgICBbY2xhc3MuY29tcGxldGVkXT1cInN0ZXAuY29tcGxldGVkXCJcbiAgICAgICAgW2NsYXNzLnJvdW5kZWRMZWZ0XT1cImZpcnN0IHx8ICghc3RlcHNbaW5kZXggLSAxXS5jb21wbGV0ZWQgJiYgc3RlcC5jb21wbGV0ZWQpXCJcbiAgICAgICAgW2NsYXNzLnJvdW5kZWRSaWdodF09XCJcbiAgICAgICAgICBsYXN0IHx8ICghc3RlcHNbaW5kZXggKyAxXS5jb21wbGV0ZWQgJiYgc3RlcC5jb21wbGV0ZWQpIHx8IChmaXJzdCAmJiAhc3RlcHNbaW5kZXggKyAxXS5jb21wbGV0ZWQpXG4gICAgICAgIFwiXG4gICAgICA+PC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInByb2dyZXNzLXN0ZXAtaW5mb1wiIFtjbGFzcy5maXJzdF09XCJmaXJzdFwiIFtjbGFzcy5sYXN0XT1cImxhc3RcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJwcm9ncmVzcy1zdGVwLWluZm8tY29udGFpbmVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZS10ZXh0XCI+e3sgc3RlcC50aXRsZSB9fTwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZS1jb21wbGV0ZWQtaWNvblwiICpuZ0lmPVwic3RlcC5jb21wbGV0ZWRcIj5cbiAgICAgICAgICAgIDxhZHMtaWNvbiBuYW1lPVwiY2hlY2tfY2lyY2xlXCIgc2l6ZT1cInh4c1wiIGNvbG9yPVwiIzU3NTZCM1wiPjwvYWRzLWljb24+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2ICpuZ0lmPVwic3RlcD8uZGF0ZVwiIGNsYXNzPVwiZGF0ZVwiPnt7IHN0ZXA/LmRhdGUgfX08L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { AdsProgressStepperComponent } from './progress-stepper.component';
|
|
4
|
-
import { AdsIconModule } from '@ascentgl/ads-icons';
|
|
5
|
-
import { AdsGestureDirection, AdsGestureModule, ADS_GESTURE_DEFAULT_OPTIONS } from '@ascentgl/ads-utils';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
export class AdsProgressStepperModule {
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsProgressStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsProgressStepperModule, declarations: [AdsProgressStepperComponent], imports: [CommonModule, AdsIconModule, AdsGestureModule], exports: [AdsProgressStepperComponent] }); }
|
|
10
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsProgressStepperModule, providers: [
|
|
11
|
-
{ provide: ADS_GESTURE_DEFAULT_OPTIONS, useValue: { direction: AdsGestureDirection.DIRECTION_HORIZONTAL } },
|
|
12
|
-
{ provide: Window, useValue: window },
|
|
13
|
-
], imports: [CommonModule, AdsIconModule, AdsGestureModule] }); }
|
|
14
|
-
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsProgressStepperModule, decorators: [{
|
|
16
|
-
type: NgModule,
|
|
17
|
-
args: [{
|
|
18
|
-
declarations: [AdsProgressStepperComponent],
|
|
19
|
-
imports: [CommonModule, AdsIconModule, AdsGestureModule],
|
|
20
|
-
exports: [AdsProgressStepperComponent],
|
|
21
|
-
providers: [
|
|
22
|
-
{ provide: ADS_GESTURE_DEFAULT_OPTIONS, useValue: { direction: AdsGestureDirection.DIRECTION_HORIZONTAL } },
|
|
23
|
-
{ provide: Window, useValue: window },
|
|
24
|
-
],
|
|
25
|
-
}]
|
|
26
|
-
}] });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3Mtc3RlcHBlci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvcHJvZ3Jlc3Mtc3RlcHBlci9wcm9ncmVzcy1zdGVwcGVyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMzRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDcEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLGdCQUFnQixFQUFFLDJCQUEyQixFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBV3pHLE1BQU0sT0FBTyx3QkFBd0I7OEdBQXhCLHdCQUF3QjsrR0FBeEIsd0JBQXdCLGlCQVJwQiwyQkFBMkIsYUFDaEMsWUFBWSxFQUFFLGFBQWEsRUFBRSxnQkFBZ0IsYUFDN0MsMkJBQTJCOytHQU0xQix3QkFBd0IsYUFMeEI7WUFDVCxFQUFFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxRQUFRLEVBQUUsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLENBQUMsb0JBQW9CLEVBQUUsRUFBRTtZQUMzRyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRTtTQUN0QyxZQUxTLFlBQVksRUFBRSxhQUFhLEVBQUUsZ0JBQWdCOzsyRkFPNUMsd0JBQXdCO2tCQVRwQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLDJCQUEyQixDQUFDO29CQUMzQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsYUFBYSxFQUFFLGdCQUFnQixDQUFDO29CQUN4RCxPQUFPLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztvQkFDdEMsU0FBUyxFQUFFO3dCQUNULEVBQUUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLFFBQVEsRUFBRSxFQUFFLFNBQVMsRUFBRSxtQkFBbUIsQ0FBQyxvQkFBb0IsRUFBRSxFQUFFO3dCQUMzRyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRTtxQkFDdEM7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEFkc1Byb2dyZXNzU3RlcHBlckNvbXBvbmVudCB9IGZyb20gJy4vcHJvZ3Jlc3Mtc3RlcHBlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgQWRzSWNvbk1vZHVsZSB9IGZyb20gJ0Bhc2NlbnRnbC9hZHMtaWNvbnMnO1xuaW1wb3J0IHsgQWRzR2VzdHVyZURpcmVjdGlvbiwgQWRzR2VzdHVyZU1vZHVsZSwgQURTX0dFU1RVUkVfREVGQVVMVF9PUFRJT05TIH0gZnJvbSAnQGFzY2VudGdsL2Fkcy11dGlscyc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0Fkc1Byb2dyZXNzU3RlcHBlckNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFkc0ljb25Nb2R1bGUsIEFkc0dlc3R1cmVNb2R1bGVdLFxuICBleHBvcnRzOiBbQWRzUHJvZ3Jlc3NTdGVwcGVyQ29tcG9uZW50XSxcbiAgcHJvdmlkZXJzOiBbXG4gICAgeyBwcm92aWRlOiBBRFNfR0VTVFVSRV9ERUZBVUxUX09QVElPTlMsIHVzZVZhbHVlOiB7IGRpcmVjdGlvbjogQWRzR2VzdHVyZURpcmVjdGlvbi5ESVJFQ1RJT05fSE9SSVpPTlRBTCB9IH0sXG4gICAgeyBwcm92aWRlOiBXaW5kb3csIHVzZVZhbHVlOiB3aW5kb3cgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQWRzUHJvZ3Jlc3NTdGVwcGVyTW9kdWxlIHt9XG4iXX0=
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export * from './progress-stepper.component';
|
|
2
|
-
export * from './progress-stepper.module';
|
|
3
|
-
export * from './progress-step.types';
|
|
4
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9wcm9ncmVzcy1zdGVwcGVyL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsdUJBQXVCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3Byb2dyZXNzLXN0ZXBwZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vcHJvZ3Jlc3Mtc3RlcHBlci5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9wcm9ncmVzcy1zdGVwLnR5cGVzJztcbiJdfQ==
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
export * from './public-api';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNjZW50Z2wtYWRzLXVpLXNyYy1saWItY29tcG9uZW50cy10aW1lbGluZS1zdGVwcGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZHMtdWkvc3JjL2xpYi9jb21wb25lbnRzL3RpbWVsaW5lLXN0ZXBwZXIvYXNjZW50Z2wtYWRzLXVpLXNyYy1saWItY29tcG9uZW50cy10aW1lbGluZS1zdGVwcGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export * from './timeline-helpers';
|
|
2
|
-
export * from './timeline-step.type';
|
|
3
|
-
export * from './timeline-stepper.component';
|
|
4
|
-
export * from './timeline-stepper.module';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy90aW1lbGluZS1zdGVwcGVyL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYywyQkFBMkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vdGltZWxpbmUtaGVscGVycyc7XG5leHBvcnQgKiBmcm9tICcuL3RpbWVsaW5lLXN0ZXAudHlwZSc7XG5leHBvcnQgKiBmcm9tICcuL3RpbWVsaW5lLXN0ZXBwZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdGltZWxpbmUtc3RlcHBlci5tb2R1bGUnO1xuIl19
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
import { TimelineStepStatus } from './timeline-step.type';
|
|
2
|
-
/**
|
|
3
|
-
* Sets a steps status based on multiple criteria
|
|
4
|
-
* @param currentStep TimelineStep
|
|
5
|
-
* @param index number
|
|
6
|
-
* @param steps TimelineStep[]
|
|
7
|
-
* @returns TimelineStep
|
|
8
|
-
*/
|
|
9
|
-
export function setStepStatus(currentStep, index, steps) {
|
|
10
|
-
// if step already has a status use it
|
|
11
|
-
if (currentStep.status) {
|
|
12
|
-
return currentStep;
|
|
13
|
-
}
|
|
14
|
-
// if step is not the first, and previous step is rejected or disabled/rejected all other steps after it
|
|
15
|
-
// should be disabled/rejected
|
|
16
|
-
if ((index > 0 && getPreviousStepStatus(index, steps) === TimelineStepStatus.Rejected) ||
|
|
17
|
-
getPreviousStepStatus(index, steps) === TimelineStepStatus.DisabledRejected) {
|
|
18
|
-
currentStep.status = TimelineStepStatus.DisabledRejected;
|
|
19
|
-
// if step has a date, that step has been completed
|
|
20
|
-
}
|
|
21
|
-
else if (currentStep.date) {
|
|
22
|
-
currentStep.status = TimelineStepStatus.Completed;
|
|
23
|
-
// if step is not the first, and previous step has a date or if step is the first and the next step does
|
|
24
|
-
// not have a date then step is current
|
|
25
|
-
}
|
|
26
|
-
else if ((index > 0 && steps[index - 1]?.date) ||
|
|
27
|
-
(index === 0 && !steps[index + 1]?.date) ||
|
|
28
|
-
getPreviousStepStatus(index, steps) === TimelineStepStatus.Skipped) {
|
|
29
|
-
currentStep.status = TimelineStepStatus.Current;
|
|
30
|
-
// step is a future step
|
|
31
|
-
}
|
|
32
|
-
else {
|
|
33
|
-
currentStep.status = TimelineStepStatus.Future;
|
|
34
|
-
}
|
|
35
|
-
return currentStep;
|
|
36
|
-
}
|
|
37
|
-
/**
|
|
38
|
-
* Takes a step and sets its itcon based on the steps status.
|
|
39
|
-
* Status must be set prior to running this function.
|
|
40
|
-
* @param currentStep TimelineStep
|
|
41
|
-
* @returns TimelineStep
|
|
42
|
-
*/
|
|
43
|
-
export function setStepIcon(currentStep) {
|
|
44
|
-
switch (currentStep.status) {
|
|
45
|
-
case TimelineStepStatus.Completed:
|
|
46
|
-
currentStep.icon = 'check';
|
|
47
|
-
break;
|
|
48
|
-
case TimelineStepStatus.Skipped:
|
|
49
|
-
currentStep.icon = 'stepper_circle';
|
|
50
|
-
break;
|
|
51
|
-
case TimelineStepStatus.Disabled:
|
|
52
|
-
currentStep.icon = 'minus';
|
|
53
|
-
break;
|
|
54
|
-
case TimelineStepStatus.Alert:
|
|
55
|
-
currentStep.icon = 'exclamation';
|
|
56
|
-
break;
|
|
57
|
-
case TimelineStepStatus.Rejected:
|
|
58
|
-
case TimelineStepStatus.DisabledRejected:
|
|
59
|
-
currentStep.icon = 'cross';
|
|
60
|
-
break;
|
|
61
|
-
default:
|
|
62
|
-
break;
|
|
63
|
-
}
|
|
64
|
-
return currentStep;
|
|
65
|
-
}
|
|
66
|
-
/**
|
|
67
|
-
* Returns the status of the previous step
|
|
68
|
-
* @param index number
|
|
69
|
-
* @param steps TimelineStep
|
|
70
|
-
* @returns TimelineStepStatus
|
|
71
|
-
*/
|
|
72
|
-
export function getPreviousStepStatus(index, steps) {
|
|
73
|
-
return steps[index - 1] && steps[index - 1].status;
|
|
74
|
-
}
|
|
75
|
-
export function getTimelineStepperSampleData() {
|
|
76
|
-
return [
|
|
77
|
-
{ title: 'Order Placed', icon: 'check', date: new Date('05/09/2021') },
|
|
78
|
-
{
|
|
79
|
-
title: 'Acknowledged',
|
|
80
|
-
icon: 'file_complete',
|
|
81
|
-
date: new Date('05/10/2021'),
|
|
82
|
-
},
|
|
83
|
-
{
|
|
84
|
-
title: 'In Production',
|
|
85
|
-
icon: 'assembly_production_conveyer',
|
|
86
|
-
subtitle: 'test',
|
|
87
|
-
status: TimelineStepStatus.Skipped,
|
|
88
|
-
},
|
|
89
|
-
{ title: 'Booked', icon: 'calendar_star' },
|
|
90
|
-
{ title: 'Documents', icon: 'file_multi' },
|
|
91
|
-
{ title: 'In Transit', icon: 'truck_fast' },
|
|
92
|
-
{ title: 'Delivered', icon: 'box_check' },
|
|
93
|
-
]
|
|
94
|
-
.map(setStepStatus)
|
|
95
|
-
.map(setStepIcon);
|
|
96
|
-
}
|
|
97
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUtaGVscGVycy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy90aW1lbGluZS1zdGVwcGVyL3RpbWVsaW5lLWhlbHBlcnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixrQkFBa0IsRUFBNEMsTUFBTSxzQkFBc0IsQ0FBQztBQUdsSDs7Ozs7O0dBTUc7QUFDSCxNQUFNLFVBQVUsYUFBYSxDQUMzQixXQUE2QixFQUM3QixLQUFhLEVBQ2IsS0FBeUI7SUFFekIsc0NBQXNDO0lBQ3RDLElBQUksV0FBVyxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ3ZCLE9BQU8sV0FBMkIsQ0FBQztJQUNyQyxDQUFDO0lBRUQsd0dBQXdHO0lBQ3hHLDhCQUE4QjtJQUM5QixJQUNFLENBQUMsS0FBSyxHQUFHLENBQUMsSUFBSSxxQkFBcUIsQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssa0JBQWtCLENBQUMsUUFBUSxDQUFDO1FBQ2xGLHFCQUFxQixDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxrQkFBa0IsQ0FBQyxnQkFBZ0IsRUFDM0UsQ0FBQztRQUNELFdBQVcsQ0FBQyxNQUFNLEdBQUcsa0JBQWtCLENBQUMsZ0JBQWdCLENBQUM7UUFDekQsbURBQW1EO0lBQ3JELENBQUM7U0FBTSxJQUFJLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUM1QixXQUFXLENBQUMsTUFBTSxHQUFHLGtCQUFrQixDQUFDLFNBQVMsQ0FBQztRQUNsRCx3R0FBd0c7UUFDeEcsdUNBQXVDO0lBQ3pDLENBQUM7U0FBTSxJQUNMLENBQUMsS0FBSyxHQUFHLENBQUMsSUFBSSxLQUFLLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQztRQUNyQyxDQUFDLEtBQUssS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQztRQUN4QyxxQkFBcUIsQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssa0JBQWtCLENBQUMsT0FBTyxFQUNsRSxDQUFDO1FBQ0QsV0FBVyxDQUFDLE1BQU0sR0FBRyxrQkFBa0IsQ0FBQyxPQUFPLENBQUM7UUFDaEQsd0JBQXdCO0lBQzFCLENBQUM7U0FBTSxDQUFDO1FBQ04sV0FBVyxDQUFDLE1BQU0sR0FBRyxrQkFBa0IsQ0FBQyxNQUFNLENBQUM7SUFDakQsQ0FBQztJQUVELE9BQU8sV0FBMkIsQ0FBQztBQUNyQyxDQUFDO0FBRUQ7Ozs7O0dBS0c7QUFDSCxNQUFNLFVBQVUsV0FBVyxDQUFDLFdBQW1DO0lBQzdELFFBQVEsV0FBVyxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQzNCLEtBQUssa0JBQWtCLENBQUMsU0FBUztZQUMvQixXQUFXLENBQUMsSUFBSSxHQUFHLE9BQU8sQ0FBQztZQUMzQixNQUFNO1FBQ1IsS0FBSyxrQkFBa0IsQ0FBQyxPQUFPO1lBQzdCLFdBQVcsQ0FBQyxJQUFJLEdBQUcsZ0JBQWdCLENBQUM7WUFDcEMsTUFBTTtRQUNSLEtBQUssa0JBQWtCLENBQUMsUUFBUTtZQUM5QixXQUFXLENBQUMsSUFBSSxHQUFHLE9BQU8sQ0FBQztZQUMzQixNQUFNO1FBQ1IsS0FBSyxrQkFBa0IsQ0FBQyxLQUFLO1lBQzNCLFdBQVcsQ0FBQyxJQUFJLEdBQUcsYUFBYSxDQUFDO1lBQ2pDLE1BQU07UUFDUixLQUFLLGtCQUFrQixDQUFDLFFBQVEsQ0FBQztRQUNqQyxLQUFLLGtCQUFrQixDQUFDLGdCQUFnQjtZQUN0QyxXQUFXLENBQUMsSUFBSSxHQUFHLE9BQU8sQ0FBQztZQUMzQixNQUFNO1FBQ1I7WUFDRSxNQUFNO0lBQ1YsQ0FBQztJQUVELE9BQU8sV0FBMkIsQ0FBQztBQUNyQyxDQUFDO0FBRUQ7Ozs7O0dBS0c7QUFDSCxNQUFNLFVBQVUscUJBQXFCLENBQUMsS0FBYSxFQUFFLEtBQXlCO0lBQzVFLE9BQU8sS0FBSyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsSUFBSSxLQUFLLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztBQUNyRCxDQUFDO0FBRUQsTUFBTSxVQUFVLDRCQUE0QjtJQUMxQyxPQUFPO1FBQ0wsRUFBRSxLQUFLLEVBQUUsY0FBYyxFQUFFLElBQUksRUFBVyxPQUFPLEVBQUUsSUFBSSxFQUFFLElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxFQUFFO1FBQy9FO1lBQ0UsS0FBSyxFQUFFLGNBQWM7WUFDckIsSUFBSSxFQUFXLGVBQWU7WUFDOUIsSUFBSSxFQUFFLElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQztTQUM3QjtRQUNEO1lBQ0UsS0FBSyxFQUFFLGVBQWU7WUFDdEIsSUFBSSxFQUFXLDhCQUE4QjtZQUM3QyxRQUFRLEVBQUUsTUFBTTtZQUNoQixNQUFNLEVBQUUsa0JBQWtCLENBQUMsT0FBTztTQUNuQztRQUNELEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQVcsZUFBZSxFQUFFO1FBQ25ELEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQVcsWUFBWSxFQUFFO1FBQ25ELEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxJQUFJLEVBQVcsWUFBWSxFQUFFO1FBQ3BELEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQVcsV0FBVyxFQUFFO0tBQ25EO1NBQ0UsR0FBRyxDQUFDLGFBQWEsQ0FBQztTQUNsQixHQUFHLENBQUMsV0FBVyxDQUFDLENBQUM7QUFDdEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRpbWVsaW5lU3RlcCwgVGltZWxpbmVTdGVwU3RhdHVzLCBUaW1lbGluZVN0ZXBCYXNlLCBUaW1lbGluZVN0ZXBXaXRoU3RhdHVzIH0gZnJvbSAnLi90aW1lbGluZS1zdGVwLnR5cGUnO1xuaW1wb3J0IHsgYWRzSWNvbiB9IGZyb20gJ0Bhc2NlbnRnbC9hZHMtaWNvbnMvaWNvbnMnO1xuXG4vKipcbiAqIFNldHMgYSBzdGVwcyBzdGF0dXMgYmFzZWQgb24gbXVsdGlwbGUgY3JpdGVyaWFcbiAqIEBwYXJhbSBjdXJyZW50U3RlcCBUaW1lbGluZVN0ZXBcbiAqIEBwYXJhbSBpbmRleCBudW1iZXJcbiAqIEBwYXJhbSBzdGVwcyBUaW1lbGluZVN0ZXBbXVxuICogQHJldHVybnMgVGltZWxpbmVTdGVwXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBzZXRTdGVwU3RhdHVzKFxuICBjdXJyZW50U3RlcDogVGltZWxpbmVTdGVwQmFzZSxcbiAgaW5kZXg6IG51bWJlcixcbiAgc3RlcHM6IFRpbWVsaW5lU3RlcEJhc2VbXSxcbik6IFRpbWVsaW5lU3RlcFdpdGhTdGF0dXMge1xuICAvLyBpZiBzdGVwIGFscmVhZHkgaGFzIGEgc3RhdHVzIHVzZSBpdFxuICBpZiAoY3VycmVudFN0ZXAuc3RhdHVzKSB7XG4gICAgcmV0dXJuIGN1cnJlbnRTdGVwIGFzIFRpbWVsaW5lU3RlcDtcbiAgfVxuXG4gIC8vIGlmIHN0ZXAgaXMgbm90IHRoZSBmaXJzdCwgYW5kIHByZXZpb3VzIHN0ZXAgaXMgcmVqZWN0ZWQgb3IgZGlzYWJsZWQvcmVqZWN0ZWQgYWxsIG90aGVyIHN0ZXBzIGFmdGVyIGl0XG4gIC8vIHNob3VsZCBiZSBkaXNhYmxlZC9yZWplY3RlZFxuICBpZiAoXG4gICAgKGluZGV4ID4gMCAmJiBnZXRQcmV2aW91c1N0ZXBTdGF0dXMoaW5kZXgsIHN0ZXBzKSA9PT0gVGltZWxpbmVTdGVwU3RhdHVzLlJlamVjdGVkKSB8fFxuICAgIGdldFByZXZpb3VzU3RlcFN0YXR1cyhpbmRleCwgc3RlcHMpID09PSBUaW1lbGluZVN0ZXBTdGF0dXMuRGlzYWJsZWRSZWplY3RlZFxuICApIHtcbiAgICBjdXJyZW50U3RlcC5zdGF0dXMgPSBUaW1lbGluZVN0ZXBTdGF0dXMuRGlzYWJsZWRSZWplY3RlZDtcbiAgICAvLyBpZiBzdGVwIGhhcyBhIGRhdGUsIHRoYXQgc3RlcCBoYXMgYmVlbiBjb21wbGV0ZWRcbiAgfSBlbHNlIGlmIChjdXJyZW50U3RlcC5kYXRlKSB7XG4gICAgY3VycmVudFN0ZXAuc3RhdHVzID0gVGltZWxpbmVTdGVwU3RhdHVzLkNvbXBsZXRlZDtcbiAgICAvLyBpZiBzdGVwIGlzIG5vdCB0aGUgZmlyc3QsIGFuZCBwcmV2aW91cyBzdGVwIGhhcyBhIGRhdGUgb3IgaWYgc3RlcCBpcyB0aGUgZmlyc3QgYW5kIHRoZSBuZXh0IHN0ZXAgZG9lc1xuICAgIC8vIG5vdCBoYXZlIGEgZGF0ZSB0aGVuIHN0ZXAgaXMgY3VycmVudFxuICB9IGVsc2UgaWYgKFxuICAgIChpbmRleCA+IDAgJiYgc3RlcHNbaW5kZXggLSAxXT8uZGF0ZSkgfHxcbiAgICAoaW5kZXggPT09IDAgJiYgIXN0ZXBzW2luZGV4ICsgMV0/LmRhdGUpIHx8XG4gICAgZ2V0UHJldmlvdXNTdGVwU3RhdHVzKGluZGV4LCBzdGVwcykgPT09IFRpbWVsaW5lU3RlcFN0YXR1cy5Ta2lwcGVkXG4gICkge1xuICAgIGN1cnJlbnRTdGVwLnN0YXR1cyA9IFRpbWVsaW5lU3RlcFN0YXR1cy5DdXJyZW50O1xuICAgIC8vIHN0ZXAgaXMgYSBmdXR1cmUgc3RlcFxuICB9IGVsc2Uge1xuICAgIGN1cnJlbnRTdGVwLnN0YXR1cyA9IFRpbWVsaW5lU3RlcFN0YXR1cy5GdXR1cmU7XG4gIH1cblxuICByZXR1cm4gY3VycmVudFN0ZXAgYXMgVGltZWxpbmVTdGVwO1xufVxuXG4vKipcbiAqIFRha2VzIGEgc3RlcCBhbmQgc2V0cyBpdHMgaXRjb24gYmFzZWQgb24gdGhlIHN0ZXBzIHN0YXR1cy5cbiAqIFN0YXR1cyBtdXN0IGJlIHNldCBwcmlvciB0byBydW5uaW5nIHRoaXMgZnVuY3Rpb24uXG4gKiBAcGFyYW0gY3VycmVudFN0ZXAgVGltZWxpbmVTdGVwXG4gKiBAcmV0dXJucyBUaW1lbGluZVN0ZXBcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHNldFN0ZXBJY29uKGN1cnJlbnRTdGVwOiBUaW1lbGluZVN0ZXBXaXRoU3RhdHVzKTogVGltZWxpbmVTdGVwIHtcbiAgc3dpdGNoIChjdXJyZW50U3RlcC5zdGF0dXMpIHtcbiAgICBjYXNlIFRpbWVsaW5lU3RlcFN0YXR1cy5Db21wbGV0ZWQ6XG4gICAgICBjdXJyZW50U3RlcC5pY29uID0gJ2NoZWNrJztcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgVGltZWxpbmVTdGVwU3RhdHVzLlNraXBwZWQ6XG4gICAgICBjdXJyZW50U3RlcC5pY29uID0gJ3N0ZXBwZXJfY2lyY2xlJztcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgVGltZWxpbmVTdGVwU3RhdHVzLkRpc2FibGVkOlxuICAgICAgY3VycmVudFN0ZXAuaWNvbiA9ICdtaW51cyc7XG4gICAgICBicmVhaztcbiAgICBjYXNlIFRpbWVsaW5lU3RlcFN0YXR1cy5BbGVydDpcbiAgICAgIGN1cnJlbnRTdGVwLmljb24gPSAnZXhjbGFtYXRpb24nO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSBUaW1lbGluZVN0ZXBTdGF0dXMuUmVqZWN0ZWQ6XG4gICAgY2FzZSBUaW1lbGluZVN0ZXBTdGF0dXMuRGlzYWJsZWRSZWplY3RlZDpcbiAgICAgIGN1cnJlbnRTdGVwLmljb24gPSAnY3Jvc3MnO1xuICAgICAgYnJlYWs7XG4gICAgZGVmYXVsdDpcbiAgICAgIGJyZWFrO1xuICB9XG5cbiAgcmV0dXJuIGN1cnJlbnRTdGVwIGFzIFRpbWVsaW5lU3RlcDtcbn1cblxuLyoqXG4gKiBSZXR1cm5zIHRoZSBzdGF0dXMgb2YgdGhlIHByZXZpb3VzIHN0ZXBcbiAqIEBwYXJhbSBpbmRleCBudW1iZXJcbiAqIEBwYXJhbSBzdGVwcyBUaW1lbGluZVN0ZXBcbiAqIEByZXR1cm5zIFRpbWVsaW5lU3RlcFN0YXR1c1xuICovXG5leHBvcnQgZnVuY3Rpb24gZ2V0UHJldmlvdXNTdGVwU3RhdHVzKGluZGV4OiBudW1iZXIsIHN0ZXBzOiBUaW1lbGluZVN0ZXBCYXNlW10pOiBUaW1lbGluZVN0ZXBTdGF0dXMgfCB1bmRlZmluZWQge1xuICByZXR1cm4gc3RlcHNbaW5kZXggLSAxXSAmJiBzdGVwc1tpbmRleCAtIDFdLnN0YXR1cztcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGdldFRpbWVsaW5lU3RlcHBlclNhbXBsZURhdGEoKTogVGltZWxpbmVTdGVwW10ge1xuICByZXR1cm4gW1xuICAgIHsgdGl0bGU6ICdPcmRlciBQbGFjZWQnLCBpY29uOiA8YWRzSWNvbj4nY2hlY2snLCBkYXRlOiBuZXcgRGF0ZSgnMDUvMDkvMjAyMScpIH0sXG4gICAge1xuICAgICAgdGl0bGU6ICdBY2tub3dsZWRnZWQnLFxuICAgICAgaWNvbjogPGFkc0ljb24+J2ZpbGVfY29tcGxldGUnLFxuICAgICAgZGF0ZTogbmV3IERhdGUoJzA1LzEwLzIwMjEnKSxcbiAgICB9LFxuICAgIHtcbiAgICAgIHRpdGxlOiAnSW4gUHJvZHVjdGlvbicsXG4gICAgICBpY29uOiA8YWRzSWNvbj4nYXNzZW1ibHlfcHJvZHVjdGlvbl9jb252ZXllcicsXG4gICAgICBzdWJ0aXRsZTogJ3Rlc3QnLFxuICAgICAgc3RhdHVzOiBUaW1lbGluZVN0ZXBTdGF0dXMuU2tpcHBlZCxcbiAgICB9LFxuICAgIHsgdGl0bGU6ICdCb29rZWQnLCBpY29uOiA8YWRzSWNvbj4nY2FsZW5kYXJfc3RhcicgfSxcbiAgICB7IHRpdGxlOiAnRG9jdW1lbnRzJywgaWNvbjogPGFkc0ljb24+J2ZpbGVfbXVsdGknIH0sXG4gICAgeyB0aXRsZTogJ0luIFRyYW5zaXQnLCBpY29uOiA8YWRzSWNvbj4ndHJ1Y2tfZmFzdCcgfSxcbiAgICB7IHRpdGxlOiAnRGVsaXZlcmVkJywgaWNvbjogPGFkc0ljb24+J2JveF9jaGVjaycgfSxcbiAgXVxuICAgIC5tYXAoc2V0U3RlcFN0YXR1cylcbiAgICAubWFwKHNldFN0ZXBJY29uKTtcbn1cbiJdfQ==
|