@ascentgl/ads-ui 0.0.9 → 0.0.11
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/error-page/error-page.component.mjs +2 -2
- 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/nav-bar/side-nav-bar/side-nav-bar.component.mjs +13 -4
- package/esm2022/lib/components/progress-indicators/progress-indicator-spinner/progress-indicator-spinner.component.mjs +2 -2
- 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/lib/components/tags/create-tag/create-tag.component.mjs +2 -2
- package/esm2022/src/lib/components/avatar/avatar.component.mjs +3 -3
- package/esm2022/src/lib/components/divider/divider.component.mjs +4 -4
- package/esm2022/src/lib/components/progress-indicators/progress-indicator-spinner/progress-indicator-spinner.component.mjs +2 -2
- 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-src-lib-components-progress-indicators-progress-indicator-spinner.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui.mjs +37 -233
- 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/nav-bar/side-nav-bar/side-nav-bar.component.d.ts +2 -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 +42 -42
- package/src/assets/sass/ads-ui/base/_reset.scss +8 -30
- 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:40px;height:40px}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:40px;height:40px}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==
|