@ascentgl/ads-ui 0.0.9 → 0.0.10
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/lib/components/avatar/avatar.component.mjs +3 -3
- package/esm2022/lib/components/divider/divider.component.mjs +4 -4
- package/esm2022/lib/components/nav-bar/nav-menu/public-api.mjs +2 -1
- package/esm2022/lib/components/nav-bar/side-nav-bar/public-api.mjs +2 -1
- package/esm2022/lib/components/steppers/vertical-stepper/public-api.mjs +1 -2
- package/esm2022/lib/components/steppers/vertical-stepper/vertical-step.type.mjs +1 -5
- package/esm2022/lib/components/steppers/vertical-stepper/vertical-stepper.component.mjs +11 -108
- package/esm2022/lib/components/steppers/vertical-stepper/vertical-stepper.module.mjs +4 -12
- package/esm2022/src/lib/components/avatar/avatar.component.mjs +3 -3
- package/esm2022/src/lib/components/divider/divider.component.mjs +4 -4
- package/fesm2022/ascentgl-ads-ui-src-lib-components-avatar.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-avatar.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-divider.mjs +3 -3
- package/fesm2022/ascentgl-ads-ui-src-lib-components-divider.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui.mjs +19 -224
- package/fesm2022/ascentgl-ads-ui.mjs.map +1 -1
- package/lib/components/divider/divider.component.d.ts +3 -3
- package/lib/components/nav-bar/nav-menu/public-api.d.ts +1 -0
- package/lib/components/nav-bar/side-nav-bar/public-api.d.ts +1 -0
- package/lib/components/steppers/vertical-stepper/public-api.d.ts +0 -1
- package/lib/components/steppers/vertical-stepper/vertical-step.type.d.ts +2 -30
- package/lib/components/steppers/vertical-stepper/vertical-stepper.component.d.ts +6 -47
- package/lib/components/steppers/vertical-stepper/vertical-stepper.module.d.ts +1 -2
- package/package.json +35 -35
- package/src/lib/components/divider/divider.component.d.ts +3 -3
- package/esm2022/lib/components/steppers/vertical-stepper/vertical-helpers.mjs +0 -98
- package/lib/components/steppers/vertical-stepper/vertical-helpers.d.ts +0 -24
|
@@ -33,11 +33,11 @@ export class AdsAvatarComponent {
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsAvatarComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
36
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsAvatarComponent, selector: "ads-avatar", inputs: { alt: "alt", id: "id", size: "size", src: "src" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"avatar\" [ngClass]=\"size\">\n <img *ngIf=\"src; else icon\" [src]=\"src\" [alt]=\"alt\" />\n <ng-template #icon>\n <ads-icon
|
|
36
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsAvatarComponent, selector: "ads-avatar", inputs: { alt: "alt", id: "id", size: "size", src: "src" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"avatar\" [ngClass]=\"size\">\n <img *ngIf=\"src; else icon\" [src]=\"src\" [alt]=\"alt\" />\n <ng-template #icon>\n <ads-icon\n [id]=\"id\"\n name=\"user_circle\"\n [size]=\"size\"\n theme=\"iconPrimary\"\n stroke=\"iconPrimary\"\n color=\"--color-medium\"\n />\n </ng-template>\n</div>\n", styles: [".avatar{position:relative;width:32px;height:32px}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:48px;height:48px}img{width:100%;height:100%;border-radius:50%}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
|
|
37
37
|
}
|
|
38
38
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsAvatarComponent, decorators: [{
|
|
39
39
|
type: Component,
|
|
40
|
-
args: [{ selector: 'ads-avatar', template: "<div class=\"avatar\" [ngClass]=\"size\">\n <img *ngIf=\"src; else icon\" [src]=\"src\" [alt]=\"alt\" />\n <ng-template #icon>\n <ads-icon
|
|
40
|
+
args: [{ selector: 'ads-avatar', template: "<div class=\"avatar\" [ngClass]=\"size\">\n <img *ngIf=\"src; else icon\" [src]=\"src\" [alt]=\"alt\" />\n <ng-template #icon>\n <ads-icon\n [id]=\"id\"\n name=\"user_circle\"\n [size]=\"size\"\n theme=\"iconPrimary\"\n stroke=\"iconPrimary\"\n color=\"--color-medium\"\n />\n </ng-template>\n</div>\n", styles: [".avatar{position:relative;width:32px;height:32px}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:48px;height:48px}img{width:100%;height:100%;border-radius:50%}\n"] }]
|
|
41
41
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { alt: [{
|
|
42
42
|
type: Input
|
|
43
43
|
}], id: [{
|
|
@@ -47,4 +47,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImpor
|
|
|
47
47
|
}], src: [{
|
|
48
48
|
type: Input
|
|
49
49
|
}] } });
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9hdmF0YXIvYXZhdGFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9hdmF0YXIvYXZhdGFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUE0QixNQUFNLGVBQWUsQ0FBQztBQUMzRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7Ozs7QUFROUQsTUFBTSxPQUFPLGtCQUFrQjtJQUM3QixZQUFvQixRQUF5QjtRQUF6QixhQUFRLEdBQVIsUUFBUSxDQUFpQjtRQUk3Qzs7V0FFRztRQUNNLFFBQUcsR0FBWSxpQkFBaUIsQ0FBQztRQUUxQzs7V0FFRztRQUNNLE9BQUUsR0FBRyxZQUFZLENBQUM7UUFFM0I7O1dBRUc7UUFDTSxTQUFJLEdBQVMsSUFBSSxDQUFDO1FBaEJ6QixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQzVDLENBQUM7SUFzQkQ7O09BRUc7SUFDSCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxDQUFDO1lBQ2hDLElBQUksQ0FBQyxJQUFJLEdBQUcsT0FBTyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7UUFDeEMsQ0FBQztRQUVELElBQUksT0FBTyxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsQ0FBQztZQUNqQyxJQUFJLENBQUMsR0FBRyxHQUFHLE9BQU8sQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDO1FBQ3hDLENBQUM7SUFDSCxDQUFDOzhHQXBDVSxrQkFBa0I7a0dBQWxCLGtCQUFrQixtSUNWL0Isc1ZBYUE7OzJGREhhLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxZQUFZO29GQVliLEdBQUc7c0JBQVgsS0FBSztnQkFLRyxFQUFFO3NCQUFWLEtBQUs7Z0JBS0csSUFBSTtzQkFBWixLQUFLO2dCQUtHLEdBQUc7c0JBQVgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWRzSWNvblJlZ2lzdHJ5IH0gZnJvbSAnQGFzY2VudGdsL2Fkcy1pY29ucyc7XG5pbXBvcnQgeyBhZHNJY29uVXNlckNpcmNsZSB9IGZyb20gJ0Bhc2NlbnRnbC9hZHMtaWNvbnMvaWNvbnMnO1xuaW1wb3J0IHsgU2l6ZSB9IGZyb20gJy4vYXZhdGFyLnR5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWRzLWF2YXRhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hdmF0YXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQWRzQXZhdGFyQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWdpc3RyeTogQWRzSWNvblJlZ2lzdHJ5KSB7XG4gICAgdGhpcy5yZWdpc3RyeS5yZWdpc3RlcihhZHNJY29uVXNlckNpcmNsZSk7XG4gIH1cblxuICAvKipcbiAgICogVGhlIGFsdCB0ZXh0IGZvciB0aGUgYXZhdGFyXG4gICAqL1xuICBASW5wdXQoKSBhbHQ/OiBzdHJpbmcgPSAnQXZhdGFyIGZvciB1c2VyJztcblxuICAvKipcbiAgICogVGhlIGlkIGF0dHJpYnV0ZSBmb3IgdGhlIGF2YXRhciBpY29uXG4gICAqL1xuICBASW5wdXQoKSBpZCA9ICdhZHMtYXZhdGFyJztcblxuICAvKipcbiAgICogVGhlIHNpemUgb2YgdGhlIGF2YXRhclxuICAgKi9cbiAgQElucHV0KCkgc2l6ZTogU2l6ZSA9ICdtZCc7XG5cbiAgLyoqXG4gICAqIFRoZSBwYXRoIHRvIHRoZSBpbWFnZSB0byBkaXNwbGF5XG4gICAqL1xuICBASW5wdXQoKSBzcmM/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlcz8uc2l6ZT8uY3VycmVudFZhbHVlKSB7XG4gICAgICB0aGlzLnNpemUgPSBjaGFuZ2VzLnNpemUuY3VycmVudFZhbHVlO1xuICAgIH1cblxuICAgIGlmIChjaGFuZ2VzPy5pbWFnZT8uY3VycmVudFZhbHVlKSB7XG4gICAgICB0aGlzLnNyYyA9IGNoYW5nZXMuaW1hZ2UuY3VycmVudFZhbHVlO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImF2YXRhclwiIFtuZ0NsYXNzXT1cInNpemVcIj5cbiAgPGltZyAqbmdJZj1cInNyYzsgZWxzZSBpY29uXCIgW3NyY109XCJzcmNcIiBbYWx0XT1cImFsdFwiIC8+XG4gIDxuZy10ZW1wbGF0ZSAjaWNvbj5cbiAgICA8YWRzLWljb25cbiAgICAgIFtpZF09XCJpZFwiXG4gICAgICBuYW1lPVwidXNlcl9jaXJjbGVcIlxuICAgICAgW3NpemVdPVwic2l6ZVwiXG4gICAgICB0aGVtZT1cImljb25QcmltYXJ5XCJcbiAgICAgIHN0cm9rZT1cImljb25QcmltYXJ5XCJcbiAgICAgIGNvbG9yPVwiLS1jb2xvci1tZWRpdW1cIlxuICAgIC8+XG4gIDwvbmctdGVtcGxhdGU+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -19,18 +19,18 @@ export class DividerComponent {
|
|
|
19
19
|
};
|
|
20
20
|
}
|
|
21
21
|
/** @ignore */
|
|
22
|
-
|
|
22
|
+
ngOnInit() {
|
|
23
23
|
this.setDividerStyle();
|
|
24
24
|
}
|
|
25
25
|
/** @ignore */
|
|
26
26
|
setDividerStyle() {
|
|
27
27
|
this.style = {
|
|
28
|
-
margin:
|
|
28
|
+
margin: `${this.margin}px`,
|
|
29
29
|
'background-color': `var(${this.colors[this.color] || this.colors['light']})`,
|
|
30
30
|
};
|
|
31
31
|
}
|
|
32
32
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: DividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: DividerComponent, selector: "ads-divider", inputs: { margin: "margin", color: "color" },
|
|
33
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: DividerComponent, selector: "ads-divider", inputs: { margin: "margin", color: "color" }, ngImport: i0, template: "<div [ngStyle]=\"style\" class=\"ads-divider\"></div>\n", styles: [".ads-divider{height:1px}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
34
34
|
}
|
|
35
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: DividerComponent, decorators: [{
|
|
36
36
|
type: Component,
|
|
@@ -40,4 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImpor
|
|
|
40
40
|
}], color: [{
|
|
41
41
|
type: Input
|
|
42
42
|
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGl2aWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvZGl2aWRlci9kaXZpZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9kaXZpZGVyL2RpdmlkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQXFCLE1BQU0sZUFBZSxDQUFDOzs7QUFZcEUsTUFBTSxPQUFPLGdCQUFnQjtJQUw3QjtRQU1FOztXQUVHO1FBQ00sV0FBTSxHQUFvQixDQUFDLENBQUM7UUFFckM7O1dBRUc7UUFDTSxVQUFLLEdBQXNDLE9BQU8sQ0FBQztRQUs1RCxjQUFjO1FBQ04sV0FBTSxHQUFHO1lBQ2YsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixTQUFTLEVBQUUsbUJBQW1CO1lBQzlCLEtBQUssRUFBRSxlQUFlO1NBQ3ZCLENBQUM7S0FjSDtJQVpDLGNBQWM7SUFDZCxRQUFRO1FBQ04sSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxjQUFjO0lBQ04sZUFBZTtRQUNyQixJQUFJLENBQUMsS0FBSyxHQUFHO1lBQ1gsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLE1BQU0sSUFBSTtZQUMxQixrQkFBa0IsRUFBRSxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLEdBQUc7U0FDOUUsQ0FBQztJQUNKLENBQUM7OEdBaENVLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLGlHQ1o3Qix5REFDQTs7MkZEV2EsZ0JBQWdCO2tCQUw1QixTQUFTOytCQUNFLGFBQWE7OEJBUWQsTUFBTTtzQkFBZCxLQUFLO2dCQUtHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCB0eXBlIERpdmlkZXJTdHlsZSA9IHtcbiAgbWFyZ2luOiBzdHJpbmcgfCBudW1iZXI7XG4gICdiYWNrZ3JvdW5kLWNvbG9yJzogc3RyaW5nO1xufTtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWRzLWRpdmlkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vZGl2aWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RpdmlkZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRGl2aWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8qKlxuICAgKiBUaGUgZGl2aWRlciBsZWZ0IGFuZCByaWdodCBtYXJnaW5cbiAgICovXG4gIEBJbnB1dCgpIG1hcmdpbjogc3RyaW5nIHwgbnVtYmVyID0gMDtcblxuICAvKipcbiAgICogVGhlIGRpdmlkZXIgY29sb3JcbiAgICovXG4gIEBJbnB1dCgpIGNvbG9yOiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdsaWdodCcgPSAnbGlnaHQnO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIHB1YmxpYyBzdHlsZSE6IERpdmlkZXJTdHlsZTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBwcml2YXRlIGNvbG9ycyA9IHtcbiAgICBwcmltYXJ5OiAnLS1jb2xvci1wcmltYXJ5JyxcbiAgICBzZWNvbmRhcnk6ICctLWNvbG9yLXNlY29uZGFyeScsXG4gICAgbGlnaHQ6ICctLWNvbG9yLWxpZ2h0JyxcbiAgfTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnNldERpdmlkZXJTdHlsZSgpO1xuICB9XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJpdmF0ZSBzZXREaXZpZGVyU3R5bGUoKSB7XG4gICAgdGhpcy5zdHlsZSA9IHtcbiAgICAgIG1hcmdpbjogYCR7dGhpcy5tYXJnaW59cHhgLFxuICAgICAgJ2JhY2tncm91bmQtY29sb3InOiBgdmFyKCR7dGhpcy5jb2xvcnNbdGhpcy5jb2xvcl0gfHwgdGhpcy5jb2xvcnNbJ2xpZ2h0J119KWAsXG4gICAgfTtcbiAgfVxufVxuIiwiPGRpdiBbbmdTdHlsZV09XCJzdHlsZVwiIGNsYXNzPVwiYWRzLWRpdmlkZXJcIj48L2Rpdj5cbiJdfQ==
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export * from './nav-menu.module';
|
|
2
2
|
export * from './nav-menu.component';
|
|
3
|
-
|
|
3
|
+
export * from './nav-menu.types';
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9uYXYtYmFyL25hdi1tZW51L3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsa0JBQWtCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL25hdi1tZW51Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL25hdi1tZW51LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL25hdi1tZW51LnR5cGVzJztcbiJdfQ==
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export * from './side-nav-bar.component';
|
|
2
2
|
export * from './side-nav-bar.module';
|
|
3
|
-
|
|
3
|
+
export * from './nav-item.types';
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9uYXYtYmFyL3NpZGUtbmF2LWJhci9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLGtCQUFrQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zaWRlLW5hdi1iYXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc2lkZS1uYXYtYmFyLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL25hdi1pdGVtLnR5cGVzJztcbiJdfQ==
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
export * from './vertical-helpers';
|
|
2
1
|
export * from './vertical-step.type';
|
|
3
2
|
export * from './vertical-stepper.component';
|
|
4
3
|
export * from './vertical-stepper.module';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9zdGVwcGVycy92ZXJ0aWNhbC1zdGVwcGVyL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsMkJBQTJCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3ZlcnRpY2FsLXN0ZXAudHlwZSc7XG5leHBvcnQgKiBmcm9tICcuL3ZlcnRpY2FsLXN0ZXBwZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdmVydGljYWwtc3RlcHBlci5tb2R1bGUnO1xuIl19
|
|
@@ -3,10 +3,6 @@ export var VerticalStepStatus;
|
|
|
3
3
|
VerticalStepStatus["Completed"] = "completed";
|
|
4
4
|
VerticalStepStatus["Current"] = "current";
|
|
5
5
|
VerticalStepStatus["Future"] = "future";
|
|
6
|
-
VerticalStepStatus["Skipped"] = "skipped";
|
|
7
|
-
VerticalStepStatus["Rejected"] = "rejected";
|
|
8
|
-
VerticalStepStatus["Alert"] = "alert";
|
|
9
6
|
VerticalStepStatus["Disabled"] = "disabled";
|
|
10
|
-
VerticalStepStatus["DisabledRejected"] = "disabled-rejected";
|
|
11
7
|
})(VerticalStepStatus || (VerticalStepStatus = {}));
|
|
12
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtc3RlcC50eXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZHMtdWkvc3JjL2xpYi9jb21wb25lbnRzL3N0ZXBwZXJzL3ZlcnRpY2FsLXN0ZXBwZXIvdmVydGljYWwtc3RlcC50eXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdBLE1BQU0sQ0FBTixJQUFZLGtCQUtYO0FBTEQsV0FBWSxrQkFBa0I7SUFDNUIsNkNBQXVCLENBQUE7SUFDdkIseUNBQW1CLENBQUE7SUFDbkIsdUNBQWlCLENBQUE7SUFDakIsMkNBQXFCLENBQUE7QUFDdkIsQ0FBQyxFQUxXLGtCQUFrQixLQUFsQixrQkFBa0IsUUFLN0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBhZHNJY29uIH0gZnJvbSAnQGFzY2VudGdsL2Fkcy1pY29ucy9pY29ucyc7XG5cbmV4cG9ydCB0eXBlIFZlcnRpY2FsU3RlcCA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgZGF0ZT86IERhdGU7XG4gIGljb246IGFkc0ljb247XG4gIHN0YXR1czogVmVydGljYWxTdGVwU3RhdHVzO1xuICBvbkNsaWNrPzogKHN0ZXA6IFZlcnRpY2FsU3RlcCkgPT4gdm9pZDtcbiAgdG9vbHRpcD86IHN0cmluZztcbn07XG5cbmV4cG9ydCBlbnVtIFZlcnRpY2FsU3RlcFN0YXR1cyB7XG4gIENvbXBsZXRlZCA9ICdjb21wbGV0ZWQnLFxuICBDdXJyZW50ID0gJ2N1cnJlbnQnLFxuICBGdXR1cmUgPSAnZnV0dXJlJyxcbiAgRGlzYWJsZWQgPSAnZGlzYWJsZWQnLFxufVxuIl19
|
|
@@ -1,125 +1,28 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { Component
|
|
1
|
+
import { input } from '@angular/core';
|
|
2
|
+
import { Component } from '@angular/core';
|
|
3
3
|
import { VerticalStepStatus } from './vertical-step.type';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "@angular/common";
|
|
6
6
|
import * as i2 from "@angular/material/tooltip";
|
|
7
7
|
import * as i3 from "@ascentgl/ads-icons";
|
|
8
8
|
export class AdsVerticalStepperComponent {
|
|
9
|
-
constructor(
|
|
10
|
-
this.element = element;
|
|
11
|
-
this.renderer = renderer;
|
|
12
|
-
this.window = window;
|
|
9
|
+
constructor() {
|
|
13
10
|
/**
|
|
14
11
|
* The steps to display
|
|
15
12
|
*/
|
|
16
|
-
this.
|
|
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;
|
|
13
|
+
this.steps = input.required();
|
|
33
14
|
/** @ignore */
|
|
34
|
-
this.
|
|
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
|
-
}
|
|
15
|
+
this.VerticalStepStatus = VerticalStepStatus;
|
|
51
16
|
}
|
|
52
17
|
/** @ignore */
|
|
53
18
|
ngOnInit() {
|
|
54
|
-
this.focusedStepIndex = this.
|
|
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
|
-
}
|
|
19
|
+
this.focusedStepIndex = this.steps().findIndex((step) => step.status === VerticalStepStatus.Current);
|
|
104
20
|
}
|
|
105
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsVerticalStepperComponent, deps: [
|
|
106
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsVerticalStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: AdsVerticalStepperComponent, selector: "ads-vertical-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"vertical-stepper\">\n @for (step of steps(); track step; let first = $first; let last = $last; let index = $index) {\n <div class=\"step\" [class.focused]=\"index === focusedStepIndex\" [ngClass]=\"{ clickable: step.onClick }\">\n @if (!first) {\n <div class=\"line-container\">\n <div></div>\n <div></div>\n </div>\n }\n\n <div\n class=\"step-icon-wrapper\"\n (click)=\"step.onClick && step.status !== VerticalStepStatus.Disabled ? step.onClick!(step) : null\"\n [ngClass]=\"step.status\"\n [class.clickable]=\"step.onClick && step.status !== VerticalStepStatus.Disabled\"\n >\n <div class=\"step-icon\" [matTooltip]=\"step.tooltip || ''\" [matTooltipDisabled]=\"!step.tooltip\">\n <ads-icon [name]=\"step.icon\" size=\"sm\" stroke=\"white\" theme=\"white\" />\n </div>\n\n <span class=\"title\">{{ step.title }}</span>\n </div>\n </div>\n }\n</div>\n", styles: [":host{display:flex}.vertical-stepper{display:flex;flex-direction:column}.vertical-stepper .step{display:flex;justify-content:center;align-items:center;flex-direction:column}.vertical-stepper .step .line-container{display:flex;padding:8px 0}.vertical-stepper .step .line-container div{flex:1;height:40px}.vertical-stepper .step .line-container div:first-child{border-right:1px solid var(--color-light)}.vertical-stepper .step .line-container div:last-child{border-left:1px solid var(--color-light)}.vertical-stepper .step .step-icon-wrapper{display:flex;align-items:center;flex-direction:column}.vertical-stepper .step .step-icon-wrapper .step-icon{border-radius:80px}.vertical-stepper .step .step-icon-wrapper .title{line-height:21px}.vertical-stepper .step .step-icon-wrapper.clickable{cursor:pointer}.vertical-stepper .step .step-icon-wrapper.completed .step-icon{background-color:var(--color-primary)}.vertical-stepper .step .step-icon-wrapper.current .step-icon{background-color:var(--color-secondary)}.vertical-stepper .step .step-icon-wrapper.disabled .step-icon{background-color:var(--color-muted)}.vertical-stepper .step .step-icon-wrapper.disabled .step-icon ::ng-deep ads-icon svg{fill:var(--color-light);stroke:var(--color-light)}.vertical-stepper .step .step-icon-wrapper.future .step-icon{background-color:transparent;border:2px solid var(--color-light);padding:10px}.vertical-stepper .step .step-icon-wrapper.future .step-icon ::ng-deep ads-icon svg{fill:var(--color-light);stroke:var(--color-light)}.vertical-stepper .step:not(.focused) ::ng-deep .step-icon{height:16px;padding:12px}.vertical-stepper .step:not(.focused) ::ng-deep .step-icon ads-icon,.vertical-stepper .step:not(.focused) ::ng-deep .step-icon svg{width:16px!important;height:16px!important}.vertical-stepper .step:not(.focused) .title{color:var(--color-medium)}.vertical-stepper .step.focused .step-icon{padding:24px;height:24px}.vertical-stepper .step.focused .title{color:var(--color-dark)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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
23
|
}
|
|
108
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsVerticalStepperComponent, decorators: [{
|
|
109
25
|
type: Component,
|
|
110
|
-
args: [{ selector: 'ads-vertical-stepper', template: "<div class=\"vertical-stepper\"
|
|
111
|
-
}]
|
|
112
|
-
|
|
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtc3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvc3RlcHBlcnMvdmVydGljYWwtc3RlcHBlci92ZXJ0aWNhbC1zdGVwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9zdGVwcGVycy92ZXJ0aWNhbC1zdGVwcGVyL3ZlcnRpY2FsLXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQXFCLFNBQVMsRUFBRSxTQUFTLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBQ3JILE9BQU8sRUFBZ0Isa0JBQWtCLEVBQWlCLE1BQU0sc0JBQXNCLENBQUM7Ozs7O0FBT3ZGLE1BQU0sT0FBTywyQkFBMkI7SUFDdEMsWUFDVSxPQUFtQixFQUNuQixRQUFtQixFQUNuQixNQUFjO1FBRmQsWUFBTyxHQUFQLE9BQU8sQ0FBWTtRQUNuQixhQUFRLEdBQVIsUUFBUSxDQUFXO1FBQ25CLFdBQU0sR0FBTixNQUFNLENBQVE7UUFReEI7O1dBRUc7UUFDYSxrQkFBYSxHQUFtQixFQUFFLENBQUM7UUFFbkQ7O1dBRUc7UUFDYSxhQUFRLEdBQXVCLElBQUksQ0FBQztRQUVwRDs7V0FFRztRQUNNLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFMUI7O1dBRUc7UUFDTSxrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUUvQixrRUFBa0U7UUFDbEUsYUFBUSxHQUFZLEtBQUssQ0FBQztRQVExQixjQUFjO1FBQ2QsZUFBVSxHQUFHLGtCQUFrQixDQUFDO1FBS2hDLGNBQWM7UUFDTixZQUFPLEdBQUc7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QUs7Z0JBS0csYUFBYTtzQkFBckIsS0FBSztnQkFNd0IsWUFBWTtzQkFBekMsWUFBWTt1QkFBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVmlld0NoaWxkcmVuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCwgUXVlcnlMaXN0LCBSZW5kZXJlcjIsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFZlcnRpY2FsU3RlcCwgVmVydGljYWxTdGVwU3RhdHVzLCBWZXJ0aWNhbFN0eWxlIH0gZnJvbSAnLi92ZXJ0aWNhbC1zdGVwLnR5cGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhZHMtdmVydGljYWwtc3RlcHBlcicsXG4gIHN0eWxlVXJsczogWycuL3ZlcnRpY2FsLXN0ZXBwZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3ZlcnRpY2FsLXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBBZHNWZXJ0aWNhbFN0ZXBwZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZWxlbWVudDogRWxlbWVudFJlZixcbiAgICBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIsXG4gICAgcHJpdmF0ZSB3aW5kb3c6IFdpbmRvdyxcbiAgKSB7fVxuXG4gIC8qKlxuICAgKiBUaGUgdW5pcXVlIElEIGZvciB0aGUgdmVydGljYWwgc3RlcHBlclxuICAgKi9cbiAgQElucHV0KCkgaWQhOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIFRoZSBzdGVwcyB0byBkaXNwbGF5XG4gICAqL1xuICBASW5wdXQoKSBwdWJsaWMgdmVydGljYWxzdGVwczogVmVydGljYWxTdGVwW10gPSBbXTtcblxuICAvKipcbiAgICogVGhlIHNpemUgb2YgdGhlIGljb25zXG4gICAqL1xuICBASW5wdXQoKSBwdWJsaWMgaWNvblNpemU6ICdzbScgfCAnbWQnIHwgJ2xnJyA9ICdzbSc7XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIHZpZXdwb3J0IGlzIG1vYmlsZVxuICAgKi9cbiAgQElucHV0KCkgaXNNb2JpbGUgPSBmYWxzZTtcblxuICAvKipcbiAgICogRW5hYmxlIHRvb2x0aXBcbiAgICovXG4gIEBJbnB1dCgpIGVuYWJsZVRvb2x0aXAgPSBmYWxzZTtcblxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWluZmVycmFibGUtdHlwZXNcbiAgaXNMaW5lYXI6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBAVmlld0NoaWxkcmVuKCdzdGVwRWxlbWVudHMnKSBzdGVwRWxlbWVudHMhOiBRdWVyeUxpc3Q8RWxlbWVudFJlZj47XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgZm9jdXNlZFN0ZXBJbmRleCE6IG51bWJlcjtcblxuICAvKiogQGlnbm9yZSAqL1xuICBzdGVwU3RhdHVzID0gVmVydGljYWxTdGVwU3RhdHVzO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIHN0eWxlITogVmVydGljYWxTdHlsZTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBwcml2YXRlIGljb25NYXAgPSB7XG4gICAgc206IHsgc2l6ZTogMjQsIHBhZGRpbmc6IDE2IH0sXG4gICAgbWQ6IHsgc2l6ZTogMzIsIHBhZGRpbmc6IDI0IH0sXG4gICAgbGc6IHsgc2l6ZTogNDgsIHBhZGRpbmc6IDMyIH0sXG4gIH07XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJpdmF0ZSBzaG91bGRTY3JvbGwgPSBmYWxzZTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBwcml2YXRlIHN0ZXBXaWR0aCE6IG51bWJlcjtcblxuICAvKiogQGlnbm9yZSAqL1xuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXMuaWNvblNpemUgJiYgIWNoYW5nZXMuaWNvblNpemUuZmlyc3RDaGFuZ2UpIHtcbiAgICAgIHRoaXMuc2V0Q2lyY2xlU2l6ZSgpO1xuICAgIH1cblxuICAgIGlmIChjaGFuZ2VzLmlzTW9iaWxlICYmICFjaGFuZ2VzLmlzTW9iaWxlLmZpcnN0Q2hhbmdlKSB7XG4gICAgICB0aGlzLnJlc2V0U3RlcHBlclNjcm9sbFN0YXRlKCk7XG4gICAgICB0aGlzLnNldFN0ZXBwZXJTY3JvbGxTdGF0ZSgpO1xuICAgIH1cbiAgfVxuXG4gIC8qKiBAaWdub3JlICovXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZm9jdXNlZFN0ZXBJbmRleCA9IHRoaXMudmVydGljYWxzdGVwcy5maW5kSW5kZXgoXG4gICAgICAoc3RlcDogVmVydGljYWxTdGVwKSA9PiBzdGVwLnN0YXR1cyA9PT0gdGhpcy5zdGVwU3RhdHVzLkN1cnJlbnQsXG4gICAgKTtcbiAgICB0aGlzLnNldENpcmNsZVNpemUoKTtcbiAgfVxuXG4gIC8qKiBAaWdub3JlICovXG4gIHByaXZhdGUgY2VudGVyRm9jdXNlZFN0ZXAoKTogdm9pZCB7XG4gICAgY29uc3QgaGFsZk9mVmlld3BvcnQgPSB0aGlzLndpbmRvdy5pbm5lcldpZHRoIC8gMjtcbiAgICBjb25zdCBtaWRkbGVPZkZvY3VzZWRTdGVwID0gdGhpcy5mb2N1c2VkU3RlcEluZGV4ICogdGhpcy5zdGVwV2lkdGggKyB0aGlzLnN0ZXBXaWR0aCAvIDI7XG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCwgJ21hcmdpbi1sZWZ0JywgYCR7aGFsZk9mVmlld3BvcnQgLSBtaWRkbGVPZkZvY3VzZWRTdGVwfXB4YCk7XG4gIH1cblxuICAvKiogQGlnbm9yZSAqL1xuICBwcml2YXRlIHJlc2V0U3RlcHBlclNjcm9sbFN0YXRlKCk6IHZvaWQge1xuICAgIHRoaXMuc2hvdWxkU2Nyb2xsID0gZmFsc2U7XG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCwgJ21hcmdpbi1sZWZ0JywgJzAnKTtcbiAgfVxuXG4gIC8qKiBAaWdub3JlICovXG4gIHByaXZhdGUgc2V0Q2lyY2xlU2l6ZSgpOiB2b2lkIHtcbiAgICBjb25zdCB7IHNpemUsIHBhZGRpbmcgfSA9IHRoaXMuaWNvbk1hcFt0aGlzLmljb25TaXplXTtcbiAgICBjb25zdCBjaXJjbGVTaXplID0gc2l6ZSArIHBhZGRpbmc7XG5cbiAgICB0aGlzLnN0eWxlID0ge1xuICAgICAgY2lyY2xlOiB7XG4gICAgICAgIHdpZHRoOiBgJHtjaXJjbGVTaXplfXB4YCxcbiAgICAgICAgaGVpZ2h0OiBgJHtjaXJjbGVTaXplfXB4YCxcbiAgICAgICAgJ2JvcmRlci1yYWRpdXMnOiBgJHtjaXJjbGVTaXplIC8gMn1weGAsXG4gICAgICB9LFxuICAgICAgbGluZUJlZm9yZToge1xuICAgICAgICB3aWR0aDogYGNhbGMoNTAlIC0gJHtjaXJjbGVTaXplIC8gMiAtIDR9cHgpYCxcbiAgICAgICAgdG9wOiBgJHtjaXJjbGVTaXplIC8gMn1weGAsXG4gICAgICB9LFxuICAgICAgbGluZUFmdGVyOiB7XG4gICAgICAgIHdpZHRoOiBgY2FsYyg1MCUgLSAke2NpcmNsZVNpemUgLyAyIC0gNn1weClgLFxuICAgICAgICB0b3A6IGAke2NpcmNsZVNpemUgLyAyfXB4YCxcbiAgICAgIH0sXG4gICAgICBza2lwcGVkOiB7XG4gICAgICAgIHdpZHRoOiBgJHtjaXJjbGVTaXplIC0gNH1weGAsXG4gICAgICAgIGhlaWdodDogYCR7Y2lyY2xlU2l6ZSAtIDR9cHhgLFxuICAgICAgICAnYm9yZGVyLXJhZGl1cyc6IGAke2NpcmNsZVNpemUgLyAyfXB4YCxcbiAgICAgIH0sXG4gICAgfTtcbiAgfVxuXG4gIC8qKiBAaWdub3JlICovXG4gIHByaXZhdGUgc2V0U3RlcHBlclNjcm9sbFN0YXRlKCk6IHZvaWQge1xuICAgIHRoaXMuc3RlcFdpZHRoID0gdGhpcy5zdGVwRWxlbWVudHMuZmlyc3QubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aDtcblxuICAgIGlmIChNYXRoLmZsb29yKHRoaXMudmVydGljYWxzdGVwcy5sZW5ndGggKiB0aGlzLnN0ZXBXaWR0aCkgPiB0aGlzLndpbmRvdy5pbm5lcldpZHRoKSB7XG4gICAgICB0aGlzLnN0ZXBFbGVtZW50cy5mb3JFYWNoKChzdGVwKSA9PiB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHN0ZXAubmF0aXZlRWxlbWVudCwgJ2ZsZXgnLCAnMCAwIDAnKSk7XG4gICAgICB0aGlzLnNob3VsZFNjcm9sbCA9IHRydWU7XG4gICAgICB0aGlzLmNlbnRlckZvY3VzZWRTdGVwKCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc3RlcEVsZW1lbnRzLmZvckVhY2goKHN0ZXApID0+IHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoc3RlcC5uYXRpdmVFbGVtZW50LCAnZmxleCcsICcxJykpO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInZlcnRpY2FsLXN0ZXBwZXJcIiBhcmlhLW9yaWVudGF0aW9uPVwidmVydGljYWxcIiBbY2xhc3MubW9iaWxlXT1cImlzTW9iaWxlXCIgW2lkXT1cImlkXCI+XG4gIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHN0ZXAgb2YgdmVydGljYWxzdGVwczsgbGV0IGZpcnN0ID0gZmlyc3Q7IGxldCBsYXN0ID0gbGFzdDsgbGV0IGluZGV4ID0gaW5kZXhcIj5cbiAgICA8ZGl2XG4gICAgICAjc3RlcEVsZW1lbnRzXG4gICAgICBjbGFzcz1cInN0ZXBcIlxuICAgICAgW2NsYXNzLmZvY3VzZWRdPVwiaW5kZXggPT09IGZvY3VzZWRTdGVwSW5kZXhcIlxuICAgICAgW25nQ2xhc3NdPVwieyBjbGlja2FibGU6IHN0ZXAub25DbGljayAmJiBzdGVwLmlzQ2xpY2thYmxlICE9PSBmYWxzZSB9XCJcbiAgICA+XG4gICAgICA8ZGl2ICpuZ0lmPVwiIWZpcnN0XCIgY2xhc3M9XCJsaW5lLWNvbnRhaW5lclwiIFtuZ0NsYXNzXT1cInN0ZXAuc3RhdHVzXCI+XG4gICAgICAgIDxkaXY+PC9kaXY+XG4gICAgICAgIDxkaXY+PC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLWljb24td3JhcHBlclwiIChjbGljayk9XCJzdGVwLm9uQ2xpY2sgJiYgc3RlcC5pc0NsaWNrYWJsZSAhPT0gZmFsc2UgPyBzdGVwLm9uQ2xpY2shKHN0ZXApIDogbnVsbFwiPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY2xhc3M9XCJzdGVwLWljb25cIlxuICAgICAgICAgIFtuZ0NsYXNzXT1cInN0ZXAuc3RhdHVzXCJcbiAgICAgICAgICBbbmdTdHlsZV09XCJzdGVwLnN0YXR1cyA9PT0gc3RlcFN0YXR1cy5Ta2lwcGVkID8gc3R5bGUuc2tpcHBlZCA6IHN0eWxlLmNpcmNsZVwiXG4gICAgICAgICAgW21hdFRvb2x0aXBdPVwic3RlcC50aXRsZVwiXG4gICAgICAgICAgW21hdFRvb2x0aXBEaXNhYmxlZF09XCIhZW5hYmxlVG9vbHRpcFwiXG4gICAgICAgID5cbiAgICAgICAgICA8YWRzLWljb24gW25hbWVdPVwic3RlcC5pY29uXCIgW3NpemVdPVwiaWNvblNpemVcIiBzdHJva2U9XCJ3aGl0ZVwiIHRoZW1lPVwid2hpdGVcIj48L2Fkcy1pY29uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPHNwYW4gY2xhc3M9XCJ0aXRsZVwiIChjbGljayk9XCJzdGVwLm9uQ2xpY2sgJiYgc3RlcC5pc0NsaWNrYWJsZSAhPT0gZmFsc2UgPyBzdGVwLm9uQ2xpY2shKHN0ZXApIDogbnVsbFwiPnt7XG4gICAgICAgIHN0ZXAudGl0bGVcbiAgICAgIH19PC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuIl19
|
|
26
|
+
args: [{ selector: 'ads-vertical-stepper', template: "<div class=\"vertical-stepper\">\n @for (step of steps(); track step; let first = $first; let last = $last; let index = $index) {\n <div class=\"step\" [class.focused]=\"index === focusedStepIndex\" [ngClass]=\"{ clickable: step.onClick }\">\n @if (!first) {\n <div class=\"line-container\">\n <div></div>\n <div></div>\n </div>\n }\n\n <div\n class=\"step-icon-wrapper\"\n (click)=\"step.onClick && step.status !== VerticalStepStatus.Disabled ? step.onClick!(step) : null\"\n [ngClass]=\"step.status\"\n [class.clickable]=\"step.onClick && step.status !== VerticalStepStatus.Disabled\"\n >\n <div class=\"step-icon\" [matTooltip]=\"step.tooltip || ''\" [matTooltipDisabled]=\"!step.tooltip\">\n <ads-icon [name]=\"step.icon\" size=\"sm\" stroke=\"white\" theme=\"white\" />\n </div>\n\n <span class=\"title\">{{ step.title }}</span>\n </div>\n </div>\n }\n</div>\n", styles: [":host{display:flex}.vertical-stepper{display:flex;flex-direction:column}.vertical-stepper .step{display:flex;justify-content:center;align-items:center;flex-direction:column}.vertical-stepper .step .line-container{display:flex;padding:8px 0}.vertical-stepper .step .line-container div{flex:1;height:40px}.vertical-stepper .step .line-container div:first-child{border-right:1px solid var(--color-light)}.vertical-stepper .step .line-container div:last-child{border-left:1px solid var(--color-light)}.vertical-stepper .step .step-icon-wrapper{display:flex;align-items:center;flex-direction:column}.vertical-stepper .step .step-icon-wrapper .step-icon{border-radius:80px}.vertical-stepper .step .step-icon-wrapper .title{line-height:21px}.vertical-stepper .step .step-icon-wrapper.clickable{cursor:pointer}.vertical-stepper .step .step-icon-wrapper.completed .step-icon{background-color:var(--color-primary)}.vertical-stepper .step .step-icon-wrapper.current .step-icon{background-color:var(--color-secondary)}.vertical-stepper .step .step-icon-wrapper.disabled .step-icon{background-color:var(--color-muted)}.vertical-stepper .step .step-icon-wrapper.disabled .step-icon ::ng-deep ads-icon svg{fill:var(--color-light);stroke:var(--color-light)}.vertical-stepper .step .step-icon-wrapper.future .step-icon{background-color:transparent;border:2px solid var(--color-light);padding:10px}.vertical-stepper .step .step-icon-wrapper.future .step-icon ::ng-deep ads-icon svg{fill:var(--color-light);stroke:var(--color-light)}.vertical-stepper .step:not(.focused) ::ng-deep .step-icon{height:16px;padding:12px}.vertical-stepper .step:not(.focused) ::ng-deep .step-icon ads-icon,.vertical-stepper .step:not(.focused) ::ng-deep .step-icon svg{width:16px!important;height:16px!important}.vertical-stepper .step:not(.focused) .title{color:var(--color-medium)}.vertical-stepper .step.focused .step-icon{padding:24px;height:24px}.vertical-stepper .step.focused .title{color:var(--color-dark)}\n"] }]
|
|
27
|
+
}] });
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtc3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvc3RlcHBlcnMvdmVydGljYWwtc3RlcHBlci92ZXJ0aWNhbC1zdGVwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9zdGVwcGVycy92ZXJ0aWNhbC1zdGVwcGVyL3ZlcnRpY2FsLXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0QyxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ2xELE9BQU8sRUFBZ0Isa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7QUFPeEUsTUFBTSxPQUFPLDJCQUEyQjtJQUx4QztRQU1FOztXQUVHO1FBQ0gsVUFBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQWtCLENBQUM7UUFLekMsY0FBYztRQUNLLHVCQUFrQixHQUFHLGtCQUFrQixDQUFDO0tBTTVEO0lBSkMsY0FBYztJQUNkLFFBQVE7UUFDTixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLElBQWtCLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLEtBQUssa0JBQWtCLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDckgsQ0FBQzs4R0FmVSwyQkFBMkI7a0dBQTNCLDJCQUEyQiwrTENUeEMsODlCQXlCQTs7MkZEaEJhLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDRSxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFZlcnRpY2FsU3RlcCwgVmVydGljYWxTdGVwU3RhdHVzIH0gZnJvbSAnLi92ZXJ0aWNhbC1zdGVwLnR5cGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhZHMtdmVydGljYWwtc3RlcHBlcicsXG4gIHN0eWxlVXJsczogWycuL3ZlcnRpY2FsLXN0ZXBwZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3ZlcnRpY2FsLXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBBZHNWZXJ0aWNhbFN0ZXBwZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAvKipcbiAgICogVGhlIHN0ZXBzIHRvIGRpc3BsYXlcbiAgICovXG4gIHN0ZXBzID0gaW5wdXQucmVxdWlyZWQ8VmVydGljYWxTdGVwW10+KCk7XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgZm9jdXNlZFN0ZXBJbmRleCE6IG51bWJlcjtcblxuICAvKiogQGlnbm9yZSAqL1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgVmVydGljYWxTdGVwU3RhdHVzID0gVmVydGljYWxTdGVwU3RhdHVzO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZm9jdXNlZFN0ZXBJbmRleCA9IHRoaXMuc3RlcHMoKS5maW5kSW5kZXgoKHN0ZXA6IFZlcnRpY2FsU3RlcCkgPT4gc3RlcC5zdGF0dXMgPT09IFZlcnRpY2FsU3RlcFN0YXR1cy5DdXJyZW50KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInZlcnRpY2FsLXN0ZXBwZXJcIj5cbiAgQGZvciAoc3RlcCBvZiBzdGVwcygpOyB0cmFjayBzdGVwOyBsZXQgZmlyc3QgPSAkZmlyc3Q7IGxldCBsYXN0ID0gJGxhc3Q7IGxldCBpbmRleCA9ICRpbmRleCkge1xuICAgIDxkaXYgY2xhc3M9XCJzdGVwXCIgW2NsYXNzLmZvY3VzZWRdPVwiaW5kZXggPT09IGZvY3VzZWRTdGVwSW5kZXhcIiBbbmdDbGFzc109XCJ7IGNsaWNrYWJsZTogc3RlcC5vbkNsaWNrIH1cIj5cbiAgICAgIEBpZiAoIWZpcnN0KSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJsaW5lLWNvbnRhaW5lclwiPlxuICAgICAgICAgIDxkaXY+PC9kaXY+XG4gICAgICAgICAgPGRpdj48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICB9XG5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJzdGVwLWljb24td3JhcHBlclwiXG4gICAgICAgIChjbGljayk9XCJzdGVwLm9uQ2xpY2sgJiYgc3RlcC5zdGF0dXMgIT09IFZlcnRpY2FsU3RlcFN0YXR1cy5EaXNhYmxlZCA/IHN0ZXAub25DbGljayEoc3RlcCkgOiBudWxsXCJcbiAgICAgICAgW25nQ2xhc3NdPVwic3RlcC5zdGF0dXNcIlxuICAgICAgICBbY2xhc3MuY2xpY2thYmxlXT1cInN0ZXAub25DbGljayAmJiBzdGVwLnN0YXR1cyAhPT0gVmVydGljYWxTdGVwU3RhdHVzLkRpc2FibGVkXCJcbiAgICAgID5cbiAgICAgICAgPGRpdiBjbGFzcz1cInN0ZXAtaWNvblwiIFttYXRUb29sdGlwXT1cInN0ZXAudG9vbHRpcCB8fCAnJ1wiIFttYXRUb29sdGlwRGlzYWJsZWRdPVwiIXN0ZXAudG9vbHRpcFwiPlxuICAgICAgICAgIDxhZHMtaWNvbiBbbmFtZV09XCJzdGVwLmljb25cIiBzaXplPVwic21cIiBzdHJva2U9XCJ3aGl0ZVwiIHRoZW1lPVwid2hpdGVcIiAvPlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8c3BhbiBjbGFzcz1cInRpdGxlXCI+e3sgc3RlcC50aXRsZSB9fTwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICB9XG48L2Rpdj5cbiJdfQ==
|
|
@@ -3,26 +3,18 @@ import { CommonModule } from '@angular/common';
|
|
|
3
3
|
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
4
4
|
import { AdsIconModule } from '@ascentgl/ads-icons';
|
|
5
5
|
import { AdsVerticalStepperComponent } from './vertical-stepper.component';
|
|
6
|
-
import { AdsGestureDirection, AdsGestureModule, ADS_GESTURE_DEFAULT_OPTIONS } from '@ascentgl/ads-utils';
|
|
7
6
|
import * as i0 from "@angular/core";
|
|
8
7
|
export class AdsVerticalStepperModule {
|
|
9
8
|
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
|
|
11
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsVerticalStepperModule,
|
|
12
|
-
{ provide: Window, useValue: window },
|
|
13
|
-
{ provide: ADS_GESTURE_DEFAULT_OPTIONS, useValue: { direction: AdsGestureDirection.DIRECTION_HORIZONTAL } },
|
|
14
|
-
], imports: [CommonModule, MatTooltipModule, AdsIconModule, AdsGestureModule] }); }
|
|
9
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsVerticalStepperModule, declarations: [AdsVerticalStepperComponent], imports: [CommonModule, MatTooltipModule, AdsIconModule], exports: [AdsVerticalStepperComponent] }); }
|
|
10
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsVerticalStepperModule, imports: [CommonModule, MatTooltipModule, AdsIconModule] }); }
|
|
15
11
|
}
|
|
16
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsVerticalStepperModule, decorators: [{
|
|
17
13
|
type: NgModule,
|
|
18
14
|
args: [{
|
|
19
|
-
imports: [CommonModule, MatTooltipModule, AdsIconModule
|
|
15
|
+
imports: [CommonModule, MatTooltipModule, AdsIconModule],
|
|
20
16
|
exports: [AdsVerticalStepperComponent],
|
|
21
17
|
declarations: [AdsVerticalStepperComponent],
|
|
22
|
-
providers: [
|
|
23
|
-
{ provide: Window, useValue: window },
|
|
24
|
-
{ provide: ADS_GESTURE_DEFAULT_OPTIONS, useValue: { direction: AdsGestureDirection.DIRECTION_HORIZONTAL } },
|
|
25
|
-
],
|
|
26
18
|
}]
|
|
27
19
|
}] });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtc3RlcHBlci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvc3RlcHBlcnMvdmVydGljYWwtc3RlcHBlci92ZXJ0aWNhbC1zdGVwcGVyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDcEQsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sOEJBQThCLENBQUM7O0FBTzNFLE1BQU0sT0FBTyx3QkFBd0I7OEdBQXhCLHdCQUF3QjsrR0FBeEIsd0JBQXdCLGlCQUZwQiwyQkFBMkIsYUFGaEMsWUFBWSxFQUFFLGdCQUFnQixFQUFFLGFBQWEsYUFDN0MsMkJBQTJCOytHQUcxQix3QkFBd0IsWUFKekIsWUFBWSxFQUFFLGdCQUFnQixFQUFFLGFBQWE7OzJGQUk1Qyx3QkFBd0I7a0JBTHBDLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGdCQUFnQixFQUFFLGFBQWEsQ0FBQztvQkFDeEQsT0FBTyxFQUFFLENBQUMsMkJBQTJCLENBQUM7b0JBQ3RDLFlBQVksRUFBRSxDQUFDLDJCQUEyQixDQUFDO2lCQUM1QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xuaW1wb3J0IHsgQWRzSWNvbk1vZHVsZSB9IGZyb20gJ0Bhc2NlbnRnbC9hZHMtaWNvbnMnO1xuaW1wb3J0IHsgQWRzVmVydGljYWxTdGVwcGVyQ29tcG9uZW50IH0gZnJvbSAnLi92ZXJ0aWNhbC1zdGVwcGVyLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE1hdFRvb2x0aXBNb2R1bGUsIEFkc0ljb25Nb2R1bGVdLFxuICBleHBvcnRzOiBbQWRzVmVydGljYWxTdGVwcGVyQ29tcG9uZW50XSxcbiAgZGVjbGFyYXRpb25zOiBbQWRzVmVydGljYWxTdGVwcGVyQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgQWRzVmVydGljYWxTdGVwcGVyTW9kdWxlIHt9XG4iXX0=
|
|
@@ -33,11 +33,11 @@ export class AdsAvatarComponent {
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsAvatarComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
36
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsAvatarComponent, selector: "ads-avatar", inputs: { alt: "alt", id: "id", size: "size", src: "src" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"avatar\" [ngClass]=\"size\">\n <img *ngIf=\"src; else icon\" [src]=\"src\" [alt]=\"alt\" />\n <ng-template #icon>\n <ads-icon
|
|
36
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsAvatarComponent, selector: "ads-avatar", inputs: { alt: "alt", id: "id", size: "size", src: "src" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"avatar\" [ngClass]=\"size\">\n <img *ngIf=\"src; else icon\" [src]=\"src\" [alt]=\"alt\" />\n <ng-template #icon>\n <ads-icon\n [id]=\"id\"\n name=\"user_circle\"\n [size]=\"size\"\n theme=\"iconPrimary\"\n stroke=\"iconPrimary\"\n color=\"--color-medium\"\n />\n </ng-template>\n</div>\n", styles: [".avatar{position:relative;width:32px;height:32px}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:48px;height:48px}img{width:100%;height:100%;border-radius:50%}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
|
|
37
37
|
}
|
|
38
38
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsAvatarComponent, decorators: [{
|
|
39
39
|
type: Component,
|
|
40
|
-
args: [{ selector: 'ads-avatar', template: "<div class=\"avatar\" [ngClass]=\"size\">\n <img *ngIf=\"src; else icon\" [src]=\"src\" [alt]=\"alt\" />\n <ng-template #icon>\n <ads-icon
|
|
40
|
+
args: [{ selector: 'ads-avatar', template: "<div class=\"avatar\" [ngClass]=\"size\">\n <img *ngIf=\"src; else icon\" [src]=\"src\" [alt]=\"alt\" />\n <ng-template #icon>\n <ads-icon\n [id]=\"id\"\n name=\"user_circle\"\n [size]=\"size\"\n theme=\"iconPrimary\"\n stroke=\"iconPrimary\"\n color=\"--color-medium\"\n />\n </ng-template>\n</div>\n", styles: [".avatar{position:relative;width:32px;height:32px}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:48px;height:48px}img{width:100%;height:100%;border-radius:50%}\n"] }]
|
|
41
41
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { alt: [{
|
|
42
42
|
type: Input
|
|
43
43
|
}], id: [{
|
|
@@ -47,4 +47,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImpor
|
|
|
47
47
|
}], src: [{
|
|
48
48
|
type: Input
|
|
49
49
|
}] } });
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9hdmF0YXIvYXZhdGFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9hdmF0YXIvYXZhdGFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUE0QixNQUFNLGVBQWUsQ0FBQztBQUMzRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7Ozs7QUFROUQsTUFBTSxPQUFPLGtCQUFrQjtJQUM3QixZQUFvQixRQUF5QjtRQUF6QixhQUFRLEdBQVIsUUFBUSxDQUFpQjtRQUk3Qzs7V0FFRztRQUNNLFFBQUcsR0FBWSxpQkFBaUIsQ0FBQztRQUUxQzs7V0FFRztRQUNNLE9BQUUsR0FBRyxZQUFZLENBQUM7UUFFM0I7O1dBRUc7UUFDTSxTQUFJLEdBQVMsSUFBSSxDQUFDO1FBaEJ6QixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQzVDLENBQUM7SUFzQkQ7O09BRUc7SUFDSCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxDQUFDO1lBQ2hDLElBQUksQ0FBQyxJQUFJLEdBQUcsT0FBTyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7UUFDeEMsQ0FBQztRQUVELElBQUksT0FBTyxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsQ0FBQztZQUNqQyxJQUFJLENBQUMsR0FBRyxHQUFHLE9BQU8sQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDO1FBQ3hDLENBQUM7SUFDSCxDQUFDOzhHQXBDVSxrQkFBa0I7a0dBQWxCLGtCQUFrQixtSUNWL0Isc1ZBYUE7OzJGREhhLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxZQUFZO29GQVliLEdBQUc7c0JBQVgsS0FBSztnQkFLRyxFQUFFO3NCQUFWLEtBQUs7Z0JBS0csSUFBSTtzQkFBWixLQUFLO2dCQUtHLEdBQUc7c0JBQVgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWRzSWNvblJlZ2lzdHJ5IH0gZnJvbSAnQGFzY2VudGdsL2Fkcy1pY29ucyc7XG5pbXBvcnQgeyBhZHNJY29uVXNlckNpcmNsZSB9IGZyb20gJ0Bhc2NlbnRnbC9hZHMtaWNvbnMvaWNvbnMnO1xuaW1wb3J0IHsgU2l6ZSB9IGZyb20gJy4vYXZhdGFyLnR5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWRzLWF2YXRhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hdmF0YXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQWRzQXZhdGFyQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWdpc3RyeTogQWRzSWNvblJlZ2lzdHJ5KSB7XG4gICAgdGhpcy5yZWdpc3RyeS5yZWdpc3RlcihhZHNJY29uVXNlckNpcmNsZSk7XG4gIH1cblxuICAvKipcbiAgICogVGhlIGFsdCB0ZXh0IGZvciB0aGUgYXZhdGFyXG4gICAqL1xuICBASW5wdXQoKSBhbHQ/OiBzdHJpbmcgPSAnQXZhdGFyIGZvciB1c2VyJztcblxuICAvKipcbiAgICogVGhlIGlkIGF0dHJpYnV0ZSBmb3IgdGhlIGF2YXRhciBpY29uXG4gICAqL1xuICBASW5wdXQoKSBpZCA9ICdhZHMtYXZhdGFyJztcblxuICAvKipcbiAgICogVGhlIHNpemUgb2YgdGhlIGF2YXRhclxuICAgKi9cbiAgQElucHV0KCkgc2l6ZTogU2l6ZSA9ICdtZCc7XG5cbiAgLyoqXG4gICAqIFRoZSBwYXRoIHRvIHRoZSBpbWFnZSB0byBkaXNwbGF5XG4gICAqL1xuICBASW5wdXQoKSBzcmM/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlcz8uc2l6ZT8uY3VycmVudFZhbHVlKSB7XG4gICAgICB0aGlzLnNpemUgPSBjaGFuZ2VzLnNpemUuY3VycmVudFZhbHVlO1xuICAgIH1cblxuICAgIGlmIChjaGFuZ2VzPy5pbWFnZT8uY3VycmVudFZhbHVlKSB7XG4gICAgICB0aGlzLnNyYyA9IGNoYW5nZXMuaW1hZ2UuY3VycmVudFZhbHVlO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImF2YXRhclwiIFtuZ0NsYXNzXT1cInNpemVcIj5cbiAgPGltZyAqbmdJZj1cInNyYzsgZWxzZSBpY29uXCIgW3NyY109XCJzcmNcIiBbYWx0XT1cImFsdFwiIC8+XG4gIDxuZy10ZW1wbGF0ZSAjaWNvbj5cbiAgICA8YWRzLWljb25cbiAgICAgIFtpZF09XCJpZFwiXG4gICAgICBuYW1lPVwidXNlcl9jaXJjbGVcIlxuICAgICAgW3NpemVdPVwic2l6ZVwiXG4gICAgICB0aGVtZT1cImljb25QcmltYXJ5XCJcbiAgICAgIHN0cm9rZT1cImljb25QcmltYXJ5XCJcbiAgICAgIGNvbG9yPVwiLS1jb2xvci1tZWRpdW1cIlxuICAgIC8+XG4gIDwvbmctdGVtcGxhdGU+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -19,18 +19,18 @@ export class DividerComponent {
|
|
|
19
19
|
};
|
|
20
20
|
}
|
|
21
21
|
/** @ignore */
|
|
22
|
-
|
|
22
|
+
ngOnInit() {
|
|
23
23
|
this.setDividerStyle();
|
|
24
24
|
}
|
|
25
25
|
/** @ignore */
|
|
26
26
|
setDividerStyle() {
|
|
27
27
|
this.style = {
|
|
28
|
-
margin:
|
|
28
|
+
margin: `${this.margin}px`,
|
|
29
29
|
'background-color': `var(${this.colors[this.color] || this.colors['light']})`,
|
|
30
30
|
};
|
|
31
31
|
}
|
|
32
32
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: DividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: DividerComponent, selector: "ads-divider", inputs: { margin: "margin", color: "color" },
|
|
33
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: DividerComponent, selector: "ads-divider", inputs: { margin: "margin", color: "color" }, ngImport: i0, template: "<div [ngStyle]=\"style\" class=\"ads-divider\"></div>\n", styles: [".ads-divider{height:1px}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
34
34
|
}
|
|
35
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: DividerComponent, decorators: [{
|
|
36
36
|
type: Component,
|
|
@@ -40,4 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImpor
|
|
|
40
40
|
}], color: [{
|
|
41
41
|
type: Input
|
|
42
42
|
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGl2aWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvZGl2aWRlci9kaXZpZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9kaXZpZGVyL2RpdmlkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQXFCLE1BQU0sZUFBZSxDQUFDOzs7QUFZcEUsTUFBTSxPQUFPLGdCQUFnQjtJQUw3QjtRQU1FOztXQUVHO1FBQ00sV0FBTSxHQUFvQixDQUFDLENBQUM7UUFFckM7O1dBRUc7UUFDTSxVQUFLLEdBQXNDLE9BQU8sQ0FBQztRQUs1RCxjQUFjO1FBQ04sV0FBTSxHQUFHO1lBQ2YsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixTQUFTLEVBQUUsbUJBQW1CO1lBQzlCLEtBQUssRUFBRSxlQUFlO1NBQ3ZCLENBQUM7S0FjSDtJQVpDLGNBQWM7SUFDZCxRQUFRO1FBQ04sSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxjQUFjO0lBQ04sZUFBZTtRQUNyQixJQUFJLENBQUMsS0FBSyxHQUFHO1lBQ1gsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLE1BQU0sSUFBSTtZQUMxQixrQkFBa0IsRUFBRSxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLEdBQUc7U0FDOUUsQ0FBQztJQUNKLENBQUM7OEdBaENVLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLGlHQ1o3Qix5REFDQTs7MkZEV2EsZ0JBQWdCO2tCQUw1QixTQUFTOytCQUNFLGFBQWE7OEJBUWQsTUFBTTtzQkFBZCxLQUFLO2dCQUtHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCB0eXBlIERpdmlkZXJTdHlsZSA9IHtcbiAgbWFyZ2luOiBzdHJpbmcgfCBudW1iZXI7XG4gICdiYWNrZ3JvdW5kLWNvbG9yJzogc3RyaW5nO1xufTtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWRzLWRpdmlkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vZGl2aWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RpdmlkZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRGl2aWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8qKlxuICAgKiBUaGUgZGl2aWRlciBsZWZ0IGFuZCByaWdodCBtYXJnaW5cbiAgICovXG4gIEBJbnB1dCgpIG1hcmdpbjogc3RyaW5nIHwgbnVtYmVyID0gMDtcblxuICAvKipcbiAgICogVGhlIGRpdmlkZXIgY29sb3JcbiAgICovXG4gIEBJbnB1dCgpIGNvbG9yOiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdsaWdodCcgPSAnbGlnaHQnO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIHB1YmxpYyBzdHlsZSE6IERpdmlkZXJTdHlsZTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBwcml2YXRlIGNvbG9ycyA9IHtcbiAgICBwcmltYXJ5OiAnLS1jb2xvci1wcmltYXJ5JyxcbiAgICBzZWNvbmRhcnk6ICctLWNvbG9yLXNlY29uZGFyeScsXG4gICAgbGlnaHQ6ICctLWNvbG9yLWxpZ2h0JyxcbiAgfTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnNldERpdmlkZXJTdHlsZSgpO1xuICB9XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJpdmF0ZSBzZXREaXZpZGVyU3R5bGUoKSB7XG4gICAgdGhpcy5zdHlsZSA9IHtcbiAgICAgIG1hcmdpbjogYCR7dGhpcy5tYXJnaW59cHhgLFxuICAgICAgJ2JhY2tncm91bmQtY29sb3InOiBgdmFyKCR7dGhpcy5jb2xvcnNbdGhpcy5jb2xvcl0gfHwgdGhpcy5jb2xvcnNbJ2xpZ2h0J119KWAsXG4gICAgfTtcbiAgfVxufVxuIiwiPGRpdiBbbmdTdHlsZV09XCJzdHlsZVwiIGNsYXNzPVwiYWRzLWRpdmlkZXJcIj48L2Rpdj5cbiJdfQ==
|
|
@@ -35,11 +35,11 @@ class AdsAvatarComponent {
|
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsAvatarComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsAvatarComponent, selector: "ads-avatar", inputs: { alt: "alt", id: "id", size: "size", src: "src" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"avatar\" [ngClass]=\"size\">\n <img *ngIf=\"src; else icon\" [src]=\"src\" [alt]=\"alt\" />\n <ng-template #icon>\n <ads-icon
|
|
38
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsAvatarComponent, selector: "ads-avatar", inputs: { alt: "alt", id: "id", size: "size", src: "src" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"avatar\" [ngClass]=\"size\">\n <img *ngIf=\"src; else icon\" [src]=\"src\" [alt]=\"alt\" />\n <ng-template #icon>\n <ads-icon\n [id]=\"id\"\n name=\"user_circle\"\n [size]=\"size\"\n theme=\"iconPrimary\"\n stroke=\"iconPrimary\"\n color=\"--color-medium\"\n />\n </ng-template>\n</div>\n", styles: [".avatar{position:relative;width:32px;height:32px}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:48px;height:48px}img{width:100%;height:100%;border-radius:50%}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
|
|
39
39
|
}
|
|
40
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsAvatarComponent, decorators: [{
|
|
41
41
|
type: Component,
|
|
42
|
-
args: [{ selector: 'ads-avatar', template: "<div class=\"avatar\" [ngClass]=\"size\">\n <img *ngIf=\"src; else icon\" [src]=\"src\" [alt]=\"alt\" />\n <ng-template #icon>\n <ads-icon
|
|
42
|
+
args: [{ selector: 'ads-avatar', template: "<div class=\"avatar\" [ngClass]=\"size\">\n <img *ngIf=\"src; else icon\" [src]=\"src\" [alt]=\"alt\" />\n <ng-template #icon>\n <ads-icon\n [id]=\"id\"\n name=\"user_circle\"\n [size]=\"size\"\n theme=\"iconPrimary\"\n stroke=\"iconPrimary\"\n color=\"--color-medium\"\n />\n </ng-template>\n</div>\n", styles: [".avatar{position:relative;width:32px;height:32px}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:48px;height:48px}img{width:100%;height:100%;border-radius:50%}\n"] }]
|
|
43
43
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { alt: [{
|
|
44
44
|
type: Input
|
|
45
45
|
}], id: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ascentgl-ads-ui-src-lib-components-avatar.mjs","sources":["../../../../libs/ads-ui/src/lib/components/avatar/avatar.component.ts","../../../../libs/ads-ui/src/lib/components/avatar/avatar.component.html","../../../../libs/ads-ui/src/lib/components/avatar/avatar.module.ts","../../../../libs/ads-ui/src/lib/components/avatar/ascentgl-ads-ui-src-lib-components-avatar.ts"],"sourcesContent":["import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';\nimport { AdsIconRegistry } from '@ascentgl/ads-icons';\nimport { adsIconUserCircle } from '@ascentgl/ads-icons/icons';\nimport { Size } from './avatar.types';\n\n@Component({\n selector: 'ads-avatar',\n templateUrl: './avatar.component.html',\n styleUrls: ['./avatar.component.scss'],\n})\nexport class AdsAvatarComponent implements OnChanges {\n constructor(private registry: AdsIconRegistry) {\n this.registry.register(adsIconUserCircle);\n }\n\n /**\n * The alt text for the avatar\n */\n @Input() alt?: string = 'Avatar for user';\n\n /**\n * The id attribute for the avatar icon\n */\n @Input() id = 'ads-avatar';\n\n /**\n * The size of the avatar\n */\n @Input() size: Size = 'md';\n\n /**\n * The path to the image to display\n */\n @Input() src?: string;\n\n /**\n * @ignore\n */\n ngOnChanges(changes: SimpleChanges): void {\n if (changes?.size?.currentValue) {\n this.size = changes.size.currentValue;\n }\n\n if (changes?.image?.currentValue) {\n this.src = changes.image.currentValue;\n }\n }\n}\n","<div class=\"avatar\" [ngClass]=\"size\">\n <img *ngIf=\"src; else icon\" [src]=\"src\" [alt]=\"alt\" />\n <ng-template #icon>\n <ads-icon
|
|
1
|
+
{"version":3,"file":"ascentgl-ads-ui-src-lib-components-avatar.mjs","sources":["../../../../libs/ads-ui/src/lib/components/avatar/avatar.component.ts","../../../../libs/ads-ui/src/lib/components/avatar/avatar.component.html","../../../../libs/ads-ui/src/lib/components/avatar/avatar.module.ts","../../../../libs/ads-ui/src/lib/components/avatar/ascentgl-ads-ui-src-lib-components-avatar.ts"],"sourcesContent":["import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';\nimport { AdsIconRegistry } from '@ascentgl/ads-icons';\nimport { adsIconUserCircle } from '@ascentgl/ads-icons/icons';\nimport { Size } from './avatar.types';\n\n@Component({\n selector: 'ads-avatar',\n templateUrl: './avatar.component.html',\n styleUrls: ['./avatar.component.scss'],\n})\nexport class AdsAvatarComponent implements OnChanges {\n constructor(private registry: AdsIconRegistry) {\n this.registry.register(adsIconUserCircle);\n }\n\n /**\n * The alt text for the avatar\n */\n @Input() alt?: string = 'Avatar for user';\n\n /**\n * The id attribute for the avatar icon\n */\n @Input() id = 'ads-avatar';\n\n /**\n * The size of the avatar\n */\n @Input() size: Size = 'md';\n\n /**\n * The path to the image to display\n */\n @Input() src?: string;\n\n /**\n * @ignore\n */\n ngOnChanges(changes: SimpleChanges): void {\n if (changes?.size?.currentValue) {\n this.size = changes.size.currentValue;\n }\n\n if (changes?.image?.currentValue) {\n this.src = changes.image.currentValue;\n }\n }\n}\n","<div class=\"avatar\" [ngClass]=\"size\">\n <img *ngIf=\"src; else icon\" [src]=\"src\" [alt]=\"alt\" />\n <ng-template #icon>\n <ads-icon\n [id]=\"id\"\n name=\"user_circle\"\n [size]=\"size\"\n theme=\"iconPrimary\"\n stroke=\"iconPrimary\"\n color=\"--color-medium\"\n />\n </ng-template>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AdsAvatarComponent } from './avatar.component';\nimport { AdsIconModule } from '@ascentgl/ads-icons';\n\n@NgModule({\n declarations: [AdsAvatarComponent],\n imports: [CommonModule, AdsIconModule],\n exports: [AdsAvatarComponent],\n})\nexport class AdsAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -21,18 +21,18 @@ class DividerComponent {
|
|
|
21
21
|
};
|
|
22
22
|
}
|
|
23
23
|
/** @ignore */
|
|
24
|
-
|
|
24
|
+
ngOnInit() {
|
|
25
25
|
this.setDividerStyle();
|
|
26
26
|
}
|
|
27
27
|
/** @ignore */
|
|
28
28
|
setDividerStyle() {
|
|
29
29
|
this.style = {
|
|
30
|
-
margin:
|
|
30
|
+
margin: `${this.margin}px`,
|
|
31
31
|
'background-color': `var(${this.colors[this.color] || this.colors['light']})`,
|
|
32
32
|
};
|
|
33
33
|
}
|
|
34
34
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: DividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
35
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: DividerComponent, selector: "ads-divider", inputs: { margin: "margin", color: "color" },
|
|
35
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: DividerComponent, selector: "ads-divider", inputs: { margin: "margin", color: "color" }, ngImport: i0, template: "<div [ngStyle]=\"style\" class=\"ads-divider\"></div>\n", styles: [".ads-divider{height:1px}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
36
36
|
}
|
|
37
37
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: DividerComponent, decorators: [{
|
|
38
38
|
type: Component,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ascentgl-ads-ui-src-lib-components-divider.mjs","sources":["../../../../libs/ads-ui/src/lib/components/divider/divider.component.ts","../../../../libs/ads-ui/src/lib/components/divider/divider.component.html","../../../../libs/ads-ui/src/lib/components/divider/divider.module.ts","../../../../libs/ads-ui/src/lib/components/divider/ascentgl-ads-ui-src-lib-components-divider.ts"],"sourcesContent":["import { Component, Input, OnChanges } from '@angular/core';\n\nexport type DividerStyle = {\n margin: string | number;\n 'background-color': string;\n};\n\n@Component({\n selector: 'ads-divider',\n templateUrl: './divider.component.html',\n styleUrls: ['./divider.component.scss'],\n})\nexport class DividerComponent implements
|
|
1
|
+
{"version":3,"file":"ascentgl-ads-ui-src-lib-components-divider.mjs","sources":["../../../../libs/ads-ui/src/lib/components/divider/divider.component.ts","../../../../libs/ads-ui/src/lib/components/divider/divider.component.html","../../../../libs/ads-ui/src/lib/components/divider/divider.module.ts","../../../../libs/ads-ui/src/lib/components/divider/ascentgl-ads-ui-src-lib-components-divider.ts"],"sourcesContent":["import { Component, Input, OnChanges, OnInit } from '@angular/core';\n\nexport type DividerStyle = {\n margin: string | number;\n 'background-color': string;\n};\n\n@Component({\n selector: 'ads-divider',\n templateUrl: './divider.component.html',\n styleUrls: ['./divider.component.scss'],\n})\nexport class DividerComponent implements OnInit {\n /**\n * The divider left and right margin\n */\n @Input() margin: string | number = 0;\n\n /**\n * The divider color\n */\n @Input() color: 'primary' | 'secondary' | 'light' = 'light';\n\n /** @ignore */\n public style!: DividerStyle;\n\n /** @ignore */\n private colors = {\n primary: '--color-primary',\n secondary: '--color-secondary',\n light: '--color-light',\n };\n\n /** @ignore */\n ngOnInit(): void {\n this.setDividerStyle();\n }\n\n /** @ignore */\n private setDividerStyle() {\n this.style = {\n margin: `${this.margin}px`,\n 'background-color': `var(${this.colors[this.color] || this.colors['light']})`,\n };\n }\n}\n","<div [ngStyle]=\"style\" class=\"ads-divider\"></div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DividerComponent } from './divider.component';\n\n@NgModule({\n imports: [CommonModule],\n exports: [DividerComponent],\n declarations: [DividerComponent],\n})\nexport class AdsDividerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAYa,gBAAgB,CAAA;AAL7B,IAAA,WAAA,GAAA;AAME;;AAEG;QACM,IAAM,CAAA,MAAA,GAAoB,CAAC,CAAC;AAErC;;AAEG;QACM,IAAK,CAAA,KAAA,GAAsC,OAAO,CAAC;;AAMpD,QAAA,IAAA,CAAA,MAAM,GAAG;AACf,YAAA,OAAO,EAAE,iBAAiB;AAC1B,YAAA,SAAS,EAAE,mBAAmB;AAC9B,YAAA,KAAK,EAAE,eAAe;SACvB,CAAC;AAcH,KAAA;;IAXC,QAAQ,GAAA;QACN,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;;IAGO,eAAe,GAAA;QACrB,IAAI,CAAC,KAAK,GAAG;AACX,YAAA,MAAM,EAAE,CAAA,EAAG,IAAI,CAAC,MAAM,CAAI,EAAA,CAAA;AAC1B,YAAA,kBAAkB,EAAE,CAAO,IAAA,EAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAG,CAAA,CAAA;SAC9E,CAAC;KACH;8GAhCU,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,iGCZ7B,yDACA,EAAA,MAAA,EAAA,CAAA,4BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDWa,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,SAAS;+BACE,aAAa,EAAA,QAAA,EAAA,yDAAA,EAAA,MAAA,EAAA,CAAA,4BAAA,CAAA,EAAA,CAAA;8BAQd,MAAM,EAAA,CAAA;sBAAd,KAAK;gBAKG,KAAK,EAAA,CAAA;sBAAb,KAAK;;;MEXK,gBAAgB,CAAA;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,EAFZ,YAAA,EAAA,CAAA,gBAAgB,CAFrB,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,gBAAgB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAJjB,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIX,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,gBAAgB,CAAC;oBAC3B,YAAY,EAAE,CAAC,gBAAgB,CAAC;AACjC,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}
|