@tetacom/ng-components 1.2.10 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/icons.svg +476 -542
- package/component/button/button/button.component.d.ts +3 -5
- package/component/public-api.d.ts +1 -0
- package/component/stepper/public-api.d.ts +1 -0
- package/component/stepper/stepper/stepper.component.d.ts +10 -0
- package/docs/checkboxDocs.mdx +108 -106
- package/docs/iconDocs.mdx +92 -89
- package/docs/modalDocs.mdx +63 -63
- package/docs/stepperDocs.mdx +34 -0
- package/esm2022/common/enum/teta-size.enum.mjs +1 -1
- package/esm2022/component/button/button/button.component.mjs +19 -12
- package/esm2022/component/icon/icon/icon.component.mjs +20 -3
- package/esm2022/component/public-api.mjs +3 -1
- package/esm2022/component/stepper/public-api.mjs +2 -0
- package/esm2022/component/stepper/stepper/stepper.component.mjs +16 -0
- package/fesm2022/tetacom-ng-components.mjs +50 -13
- package/fesm2022/tetacom-ng-components.mjs.map +1 -1
- package/package.json +1 -1
- package/style/checkbox.scss +6 -7
- package/style/icon.scss +28 -4
- package/style/modal.scss +4 -4
|
@@ -6,4 +6,4 @@ export var TetaSize;
|
|
|
6
6
|
TetaSize[TetaSize["L"] = 3] = "L";
|
|
7
7
|
TetaSize[TetaSize["XL"] = 4] = "XL";
|
|
8
8
|
})(TetaSize || (TetaSize = {}));
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV0YS1zaXplLmVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL2VudW0vdGV0YS1zaXplLmVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFOLElBQVksUUFNWDtBQU5ELFdBQVksUUFBUTtJQUNsQixtQ0FBRSxDQUFBO0lBQ0YsaUNBQUMsQ0FBQTtJQUNELGlDQUFDLENBQUE7SUFDRCxpQ0FBQyxDQUFBO0lBQ0QsbUNBQUUsQ0FBQTtBQUNKLENBQUMsRUFOVyxRQUFRLEtBQVIsUUFBUSxRQU1uQiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIFRldGFTaXplIHtcbiAgWFMsXG4gIFMsXG4gIE0sXG4gIEwsXG4gIFhMLFxufVxuIl19
|
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';
|
|
2
|
+
import { TetaSize } from "../../../common/enum/teta-size.enum";
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
export class ButtonComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.view = 'primary';
|
|
7
|
+
this.square = false;
|
|
8
|
+
this.viewType = 'rounded';
|
|
9
|
+
this.size = TetaSize.M;
|
|
10
|
+
}
|
|
4
11
|
get getClass() {
|
|
5
12
|
const result = [this.class, 'button'];
|
|
6
13
|
if (this.palette) {
|
|
@@ -13,35 +20,35 @@ export class ButtonComponent {
|
|
|
13
20
|
result.push(`button-square`);
|
|
14
21
|
}
|
|
15
22
|
switch (this.size) {
|
|
16
|
-
case
|
|
23
|
+
case TetaSize.XL:
|
|
24
|
+
result.push(`button-xl`);
|
|
25
|
+
break;
|
|
26
|
+
case TetaSize.L:
|
|
17
27
|
result.push(`button-l`);
|
|
18
28
|
break;
|
|
19
|
-
case
|
|
29
|
+
case TetaSize.M:
|
|
20
30
|
result.push(`font-button-2`);
|
|
21
31
|
result.push(`button-m`);
|
|
22
32
|
break;
|
|
23
|
-
case
|
|
33
|
+
case TetaSize.S:
|
|
24
34
|
result.push(`font-button-3`);
|
|
25
35
|
result.push(`button-s`);
|
|
26
36
|
break;
|
|
37
|
+
case TetaSize.XS:
|
|
38
|
+
result.push(`font-button-3`);
|
|
39
|
+
result.push(`button-xs`);
|
|
40
|
+
break;
|
|
27
41
|
}
|
|
28
42
|
result.push(`button_${this.viewType}`);
|
|
29
43
|
return result.join(' ');
|
|
30
44
|
}
|
|
31
|
-
constructor() {
|
|
32
|
-
this.view = 'primary';
|
|
33
|
-
this.square = false;
|
|
34
|
-
this.viewType = 'rounded';
|
|
35
|
-
this.size = 'm';
|
|
36
|
-
}
|
|
37
|
-
ngOnInit() { }
|
|
38
45
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39
46
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: ButtonComponent, isStandalone: true, selector: "button[teta-button], teta-button", inputs: { palette: "palette", class: "class", view: "view", square: "square", viewType: "viewType", size: "size" }, host: { properties: { "class": "this.getClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
40
47
|
}
|
|
41
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
42
49
|
type: Component,
|
|
43
50
|
args: [{ selector: 'button[teta-button], teta-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n" }]
|
|
44
|
-
}],
|
|
51
|
+
}], propDecorators: { palette: [{
|
|
45
52
|
type: Input
|
|
46
53
|
}], class: [{
|
|
47
54
|
type: Input
|
|
@@ -57,4 +64,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
|
|
|
57
64
|
type: HostBinding,
|
|
58
65
|
args: ['class']
|
|
59
66
|
}] } });
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnQvYnV0dG9uL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9idXR0b24vYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFckYsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLHFDQUFxQyxDQUFDOztBQVc3RCxNQUFNLE9BQU8sZUFBZTtJQVA1QjtRQVVXLFNBQUksR0FBbUIsU0FBUyxDQUFDO1FBQ2pDLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFDZixhQUFRLEdBQWEsU0FBUyxDQUFDO1FBQy9CLFNBQUksR0FBYSxRQUFRLENBQUMsQ0FBQyxDQUFDO0tBcUN0QztJQW5DQyxJQUNZLFFBQVE7UUFDbEIsTUFBTSxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBQ3RDLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ2pCLE1BQU0sQ0FBQyxJQUFJLENBQUMsVUFBVSxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztRQUN4QyxDQUFDO1FBQ0QsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDZCxNQUFNLENBQUMsSUFBSSxDQUFDLFVBQVUsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUM7UUFDckMsQ0FBQztRQUNELElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ2hCLE1BQU0sQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7UUFDL0IsQ0FBQztRQUNELFFBQVEsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ2xCLEtBQUssUUFBUSxDQUFDLEVBQUU7Z0JBQ2QsTUFBTSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztnQkFDekIsTUFBTTtZQUNSLEtBQUssUUFBUSxDQUFDLENBQUM7Z0JBQ2IsTUFBTSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDeEIsTUFBTTtZQUNSLEtBQUssUUFBUSxDQUFDLENBQUM7Z0JBQ2IsTUFBTSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztnQkFDN0IsTUFBTSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDeEIsTUFBTTtZQUNSLEtBQUssUUFBUSxDQUFDLENBQUM7Z0JBQ2IsTUFBTSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztnQkFDN0IsTUFBTSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDeEIsTUFBTTtZQUNSLEtBQUssUUFBUSxDQUFDLEVBQUU7Z0JBQ2QsTUFBTSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztnQkFDN0IsTUFBTSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztnQkFDekIsTUFBTTtRQUNWLENBQUM7UUFDRCxNQUFNLENBQUMsSUFBSSxDQUFDLFVBQVUsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUM7UUFDdkMsT0FBTyxNQUFNLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzFCLENBQUM7OEdBMUNVLGVBQWU7a0dBQWYsZUFBZSxvUUNiNUIsNkJBQ0E7OzJGRFlhLGVBQWU7a0JBUDNCLFNBQVM7K0JBQ0Usa0NBQWtDLG1CQUczQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUk7OEJBR1AsT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUdNLFFBQVE7c0JBRG5CLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7dmlld1R5cGV9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9tb2RlbC92aWV3LXR5cGUubW9kZWwnO1xuaW1wb3J0IHtUZXRhU2l6ZX0gZnJvbSBcIi4uLy4uLy4uL2NvbW1vbi9lbnVtL3RldGEtc2l6ZS5lbnVtXCI7XG5cbmV4cG9ydCB0eXBlIEJ1dHRvblZpZXdUeXBlID0gJ3ByaW1hcnknIHwgJ291dGxpbmUnIHwgJ2dob3N0JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYnV0dG9uW3RldGEtYnV0dG9uXSwgdGV0YS1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25Db21wb25lbnQge1xuICBASW5wdXQoKSBwYWxldHRlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGNsYXNzO1xuICBASW5wdXQoKSB2aWV3OiBCdXR0b25WaWV3VHlwZSA9ICdwcmltYXJ5JztcbiAgQElucHV0KCkgc3F1YXJlID0gZmFsc2U7XG4gIEBJbnB1dCgpIHZpZXdUeXBlOiB2aWV3VHlwZSA9ICdyb3VuZGVkJztcbiAgQElucHV0KCkgc2l6ZTogVGV0YVNpemUgPSBUZXRhU2l6ZS5NO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBnZXRDbGFzcygpOiBzdHJpbmcge1xuICAgIGNvbnN0IHJlc3VsdCA9IFt0aGlzLmNsYXNzLCAnYnV0dG9uJ107XG4gICAgaWYgKHRoaXMucGFsZXR0ZSkge1xuICAgICAgcmVzdWx0LnB1c2goYGJ1dHRvbi0ke3RoaXMucGFsZXR0ZX1gKTtcbiAgICB9XG4gICAgaWYgKHRoaXMudmlldykge1xuICAgICAgcmVzdWx0LnB1c2goYGJ1dHRvbl8ke3RoaXMudmlld31gKTtcbiAgICB9XG4gICAgaWYgKHRoaXMuc3F1YXJlKSB7XG4gICAgICByZXN1bHQucHVzaChgYnV0dG9uLXNxdWFyZWApO1xuICAgIH1cbiAgICBzd2l0Y2ggKHRoaXMuc2l6ZSkge1xuICAgICAgY2FzZSBUZXRhU2l6ZS5YTDpcbiAgICAgICAgcmVzdWx0LnB1c2goYGJ1dHRvbi14bGApO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgVGV0YVNpemUuTDpcbiAgICAgICAgcmVzdWx0LnB1c2goYGJ1dHRvbi1sYCk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBUZXRhU2l6ZS5NOlxuICAgICAgICByZXN1bHQucHVzaChgZm9udC1idXR0b24tMmApO1xuICAgICAgICByZXN1bHQucHVzaChgYnV0dG9uLW1gKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFRldGFTaXplLlM6XG4gICAgICAgIHJlc3VsdC5wdXNoKGBmb250LWJ1dHRvbi0zYCk7XG4gICAgICAgIHJlc3VsdC5wdXNoKGBidXR0b24tc2ApO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgVGV0YVNpemUuWFM6XG4gICAgICAgIHJlc3VsdC5wdXNoKGBmb250LWJ1dHRvbi0zYCk7XG4gICAgICAgIHJlc3VsdC5wdXNoKGBidXR0b24teHNgKTtcbiAgICAgICAgYnJlYWs7XG4gICAgfVxuICAgIHJlc3VsdC5wdXNoKGBidXR0b25fJHt0aGlzLnZpZXdUeXBlfWApO1xuICAgIHJldHVybiByZXN1bHQuam9pbignICcpO1xuICB9XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4iXX0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, HostBinding, Input
|
|
1
|
+
import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';
|
|
2
2
|
import { TetaSize } from '../../../common/enum/teta-size.enum';
|
|
3
|
-
import { IconSpriteDirective } from
|
|
3
|
+
import { IconSpriteDirective } from '../icon-sprite.directive';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export class IconComponent {
|
|
6
6
|
constructor() {
|
|
@@ -11,6 +11,23 @@ export class IconComponent {
|
|
|
11
11
|
if (this.palette) {
|
|
12
12
|
result.push(`icon-${this.palette}`);
|
|
13
13
|
}
|
|
14
|
+
switch (this.size) {
|
|
15
|
+
case TetaSize.XL:
|
|
16
|
+
result.push(`icon-xl`);
|
|
17
|
+
break;
|
|
18
|
+
case TetaSize.L:
|
|
19
|
+
result.push(`icon-l`);
|
|
20
|
+
break;
|
|
21
|
+
case TetaSize.M:
|
|
22
|
+
result.push(`icon-m`);
|
|
23
|
+
break;
|
|
24
|
+
case TetaSize.S:
|
|
25
|
+
result.push(`icon-s`);
|
|
26
|
+
break;
|
|
27
|
+
case TetaSize.XS:
|
|
28
|
+
result.push(`icon-xs`);
|
|
29
|
+
break;
|
|
30
|
+
}
|
|
14
31
|
return result.join(' ');
|
|
15
32
|
}
|
|
16
33
|
getName() {
|
|
@@ -34,4 +51,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
|
|
|
34
51
|
type: HostBinding,
|
|
35
52
|
args: ['class']
|
|
36
53
|
}] } });
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50L2ljb24vaWNvbi9pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnQvaWNvbi9pY29uL2ljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXZGLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUMvRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFVL0QsTUFBTSxPQUFPLGFBQWE7SUFSMUI7UUFVVyxTQUFJLEdBQWEsUUFBUSxDQUFDLENBQUMsQ0FBQztLQWtDdEM7SUE3QkMsSUFDWSxRQUFRO1FBQ2xCLE1BQU0sTUFBTSxHQUFHLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsQ0FBQztRQUNwQyxJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNqQixNQUFNLENBQUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUM7UUFDdEMsQ0FBQztRQUNELFFBQVEsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ2xCLEtBQUssUUFBUSxDQUFDLEVBQUU7Z0JBQ2QsTUFBTSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztnQkFDdkIsTUFBTTtZQUNSLEtBQUssUUFBUSxDQUFDLENBQUM7Z0JBQ2IsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDdEIsTUFBTTtZQUNSLEtBQUssUUFBUSxDQUFDLENBQUM7Z0JBQ2IsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDdEIsTUFBTTtZQUNSLEtBQUssUUFBUSxDQUFDLENBQUM7Z0JBQ2IsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDdEIsTUFBTTtZQUNSLEtBQUssUUFBUSxDQUFDLEVBQUU7Z0JBQ2QsTUFBTSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztnQkFDdkIsTUFBTTtRQUNWLENBQUM7UUFDRCxPQUFPLE1BQU0sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDMUIsQ0FBQztJQUVELE9BQU87UUFDTCxPQUFPLElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3pCLENBQUM7OEdBbkNVLGFBQWE7a0dBQWIsYUFBYSxxTUNiMUIseUhBR0E7OzJGRFVhLGFBQWE7a0JBUnpCLFNBQVM7K0JBQ0UsV0FBVyxXQUdaLENBQUMsbUJBQW1CLENBQUMsbUJBQ2IsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJOzhCQUdQLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUVHLEtBQUs7c0JBQWIsS0FBSztnQkFHTSxRQUFRO3NCQURuQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgVGV0YVNpemUgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vZW51bS90ZXRhLXNpemUuZW51bSc7XG5pbXBvcnQgeyBJY29uU3ByaXRlRGlyZWN0aXZlIH0gZnJvbSAnLi4vaWNvbi1zcHJpdGUuZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGV0YS1pY29uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ljb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pY29uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGltcG9ydHM6IFtJY29uU3ByaXRlRGlyZWN0aXZlXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIEljb25Db21wb25lbnQge1xuICBASW5wdXQoKSBuYW1lOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNpemU6IFRldGFTaXplID0gVGV0YVNpemUuTTtcbiAgQElucHV0KCkgcGFsZXR0ZTogc3RyaW5nO1xuXG4gIEBJbnB1dCgpIGNsYXNzO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBnZXRDbGFzcygpOiBzdHJpbmcge1xuICAgIGNvbnN0IHJlc3VsdCA9IFt0aGlzLmNsYXNzLCAnaWNvbiddO1xuICAgIGlmICh0aGlzLnBhbGV0dGUpIHtcbiAgICAgIHJlc3VsdC5wdXNoKGBpY29uLSR7dGhpcy5wYWxldHRlfWApO1xuICAgIH1cbiAgICBzd2l0Y2ggKHRoaXMuc2l6ZSkge1xuICAgICAgY2FzZSBUZXRhU2l6ZS5YTDpcbiAgICAgICAgcmVzdWx0LnB1c2goYGljb24teGxgKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFRldGFTaXplLkw6XG4gICAgICAgIHJlc3VsdC5wdXNoKGBpY29uLWxgKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFRldGFTaXplLk06XG4gICAgICAgIHJlc3VsdC5wdXNoKGBpY29uLW1gKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFRldGFTaXplLlM6XG4gICAgICAgIHJlc3VsdC5wdXNoKGBpY29uLXNgKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFRldGFTaXplLlhTOlxuICAgICAgICByZXN1bHQucHVzaChgaWNvbi14c2ApO1xuICAgICAgICBicmVhaztcbiAgICB9XG4gICAgcmV0dXJuIHJlc3VsdC5qb2luKCcgJyk7XG4gIH1cblxuICBnZXROYW1lKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGAjJHt0aGlzLm5hbWV9YDtcbiAgfVxufVxuIiwiPHN2ZyBjbGFzcz1cImljb25fX2ltYWdlXCIgc3R5bGU9XCJ3aWR0aDogMTAwJTtoZWlnaHQ6IDEwMCVcIj5cbiAgPHVzZSBbYXR0ci54bGluazpocmVmXT1cImdldE5hbWUoKVwiPjwvdXNlPlxuPC9zdmc+XG4iXX0=
|
|
@@ -62,9 +62,11 @@ export * from './toggle/public-api';
|
|
|
62
62
|
export * from './toolbar/public-api';
|
|
63
63
|
/* tree */
|
|
64
64
|
export * from './tree/public-api';
|
|
65
|
+
/* stepper */
|
|
66
|
+
export * from './stepper/public-api';
|
|
65
67
|
/* 3d-chart */
|
|
66
68
|
export * from './chart-3d/public-api';
|
|
67
69
|
/* Resize panel */
|
|
68
70
|
export * from './divider/public-api';
|
|
69
71
|
export * from './resize-panel/public-api';
|
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnQvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxlQUFlO0FBQ2YsY0FBYyx3QkFBd0IsQ0FBQztBQUV2QyxZQUFZO0FBQ1osY0FBYyxxQkFBcUIsQ0FBQztBQUVwQyxrQkFBa0I7QUFDbEIsY0FBYywyQkFBMkIsQ0FBQztBQUUxQyxZQUFZO0FBQ1osY0FBYyxxQkFBcUIsQ0FBQztBQUVwQyxjQUFjO0FBQ2QsY0FBYyx1QkFBdUIsQ0FBQztBQUV0QyxjQUFjO0FBQ2QsY0FBYyx1QkFBdUIsQ0FBQztBQUV0QyxnQkFBZ0I7QUFDaEIsY0FBYywwQkFBMEIsQ0FBQztBQUV6QyxlQUFlO0FBQ2YsY0FBYyx3QkFBd0IsQ0FBQztBQUV2QyxjQUFjO0FBQ2QsY0FBYyx1QkFBdUIsQ0FBQztBQUV0Qyx1QkFBdUI7QUFDdkIsY0FBYyxnQ0FBZ0MsQ0FBQztBQUUvQyxpQkFBaUI7QUFDakIsY0FBYywwQkFBMEIsQ0FBQztBQUV6QyxrQkFBa0I7QUFDbEIsY0FBYywyQkFBMkIsQ0FBQztBQUUxQyxVQUFVO0FBQ1YsY0FBYywwQkFBMEIsQ0FBQztBQUV6QyxZQUFZO0FBQ1osY0FBYyxxQkFBcUIsQ0FBQztBQUVwQyxVQUFVO0FBQ1YsY0FBYyxtQkFBbUIsQ0FBQztBQUVsQyxXQUFXO0FBQ1gsY0FBYyxvQkFBb0IsQ0FBQztBQUVuQyxhQUFhO0FBQ2IsY0FBYyxzQkFBc0IsQ0FBQztBQUVyQyxXQUFXO0FBQ1gsY0FBYyxvQkFBb0IsQ0FBQztBQUVuQyxXQUFXO0FBQ1gsY0FBYyxvQkFBb0IsQ0FBQztBQUVuQyxXQUFXO0FBQ1gsY0FBYyxvQkFBb0IsQ0FBQztBQUVuQyxrQkFBa0I7QUFDbEIsY0FBYywyQkFBMkIsQ0FBQztBQUUxQyxtQkFBbUI7QUFDbkIsY0FBYyw0QkFBNEIsQ0FBQztBQUUzQyxXQUFXO0FBQ1gsY0FBYyxvQkFBb0IsQ0FBQztBQUVuQyxZQUFZO0FBQ1osY0FBYyxxQkFBcUIsQ0FBQztBQUVwQyxhQUFhO0FBQ2IsY0FBYyxzQkFBc0IsQ0FBQztBQUVyQyxZQUFZO0FBQ1osY0FBYyxxQkFBcUIsQ0FBQztBQUVwQyxXQUFXO0FBQ1gsY0FBYyxvQkFBb0IsQ0FBQztBQUVuQyxVQUFVO0FBQ1YsY0FBYyxtQkFBbUIsQ0FBQztBQUVsQyxrQkFBa0I7QUFDbEIsY0FBYywyQkFBMkIsQ0FBQztBQUUxQyxZQUFZO0FBQ1osY0FBYyxxQkFBcUIsQ0FBQztBQUVwQyxhQUFhO0FBQ2IsY0FBYyxzQkFBc0IsQ0FBQztBQUVyQyxVQUFVO0FBQ1YsY0FBYyxtQkFBbUIsQ0FBQztBQUVsQyxhQUFhO0FBQ2IsY0FBYyxzQkFBc0IsQ0FBQztBQUVyQyxjQUFjO0FBQ2QsY0FBYyx1QkFBdUIsQ0FBQztBQUV0QyxrQkFBa0I7QUFDbEIsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLDJCQUEyQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyogYWNjb3JkaW9uICovXG5leHBvcnQgKiBmcm9tICcuL2FjY29yZGlvbi9wdWJsaWMtYXBpJztcblxuLyogYXZhdGFyICovXG5leHBvcnQgKiBmcm9tICcuL2F2YXRhci9wdWJsaWMtYXBpJztcblxuLyogYXV0b2NvbXBsZXRlICovXG5leHBvcnQgKiBmcm9tICcuL2F1dG9jb21wbGV0ZS9wdWJsaWMtYXBpJztcblxuLyogYnV0dG9uICovXG5leHBvcnQgKiBmcm9tICcuL2J1dHRvbi9wdWJsaWMtYXBpJztcblxuLyogY2hlY2tib3ggKi9cbmV4cG9ydCAqIGZyb20gJy4vY2hhcnQtM2QvcHVibGljLWFwaSc7XG5cbi8qIGNoZWNrYm94ICovXG5leHBvcnQgKiBmcm9tICcuL2NoZWNrYm94L3B1YmxpYy1hcGknO1xuXG4vKiBkYXRlcGlja2VyICovXG5leHBvcnQgKiBmcm9tICcuL2RhdGUtcGlja2VyL3B1YmxpYy1hcGknO1xuXG4vKiBkZWxpbWl0ZXIgKi9cbmV4cG9ydCAqIGZyb20gJy4vZGVsaW1pdGVyL3B1YmxpYy1hcGknO1xuXG4vKiBkcm9wZG93biAqL1xuZXhwb3J0ICogZnJvbSAnLi9kcm9wZG93bi9wdWJsaWMtYXBpJztcblxuLyogZHluYW1pYy1jb21wb25lbnQgKi9cbmV4cG9ydCAqIGZyb20gJy4vZHluYW1pYy1jb21wb25lbnQvcHVibGljLWFwaSc7XG5cbi8qIGV4cGFuZC1jYXJkICovXG5leHBvcnQgKiBmcm9tICcuL2V4cGFuZC1jYXJkL3B1YmxpYy1hcGknO1xuXG4vKiBleHBhbmQtcGFuZWwgKi9cbmV4cG9ydCAqIGZyb20gJy4vZXhwYW5kLXBhbmVsL3B1YmxpYy1hcGknO1xuXG4vKiBmaWxlICovXG5leHBvcnQgKiBmcm9tICcuL2ZpbGUtdXBsb2FkL3B1YmxpYy1hcGknO1xuXG4vKiBmaWx0ZXIgKi9cbmV4cG9ydCAqIGZyb20gJy4vZmlsdGVyL3B1YmxpYy1hcGknO1xuXG4vKiBpY29uICovXG5leHBvcnQgKiBmcm9tICcuL2ljb24vcHVibGljLWFwaSc7XG5cbi8qIGlucHV0ICovXG5leHBvcnQgKiBmcm9tICcuL2lucHV0L3B1YmxpYy1hcGknO1xuXG4vKiBtZXNzYWdlICovXG5leHBvcnQgKiBmcm9tICcuL21lc3NhZ2UvcHVibGljLWFwaSc7XG5cbi8qIG1vZGFsICovXG5leHBvcnQgKiBmcm9tICcuL21vZGFsL3B1YmxpYy1hcGknO1xuXG4vKiBwYWdlciAqL1xuZXhwb3J0ICogZnJvbSAnLi9wYWdlci9wdWJsaWMtYXBpJztcblxuLyogcGFuZWwgKi9cbmV4cG9ydCAqIGZyb20gJy4vcGFuZWwvcHVibGljLWFwaSc7XG5cbi8qIHByb2dyZXNzLWJhciAqL1xuZXhwb3J0ICogZnJvbSAnLi9wcm9ncmVzcy1iYXIvcHVibGljLWFwaSc7XG5cbi8qIHByb3BlcnR5LWdyaWQgKi9cbmV4cG9ydCAqIGZyb20gJy4vcHJvcGVydHktZ3JpZC9wdWJsaWMtYXBpJztcblxuLyogcmFkaW8gKi9cbmV4cG9ydCAqIGZyb20gJy4vcmFkaW8vcHVibGljLWFwaSc7XG5cbi8qIHNlbGVjdCAqL1xuZXhwb3J0ICogZnJvbSAnLi9zZWxlY3QvcHVibGljLWFwaSc7XG5cbi8qIHNpZGViYXIgKi9cbmV4cG9ydCAqIGZyb20gJy4vc2lkZWJhci9wdWJsaWMtYXBpJztcblxuLyogc3dpdGNoICovXG5leHBvcnQgKiBmcm9tICcuL3N3aXRjaC9wdWJsaWMtYXBpJztcblxuLyogdGFibGUgKi9cbmV4cG9ydCAqIGZyb20gJy4vdGFibGUvcHVibGljLWFwaSc7XG5cbi8qIHRhYnMgKi9cbmV4cG9ydCAqIGZyb20gJy4vdGFicy9wdWJsaWMtYXBpJztcblxuLyogdGhlbWUtc3dpdGNoICovXG5leHBvcnQgKiBmcm9tICcuL3RoZW1lLXN3aXRjaC9wdWJsaWMtYXBpJztcblxuLyogdG9nZ2xlICovXG5leHBvcnQgKiBmcm9tICcuL3RvZ2dsZS9wdWJsaWMtYXBpJztcblxuLyogdG9vbGJhciAqL1xuZXhwb3J0ICogZnJvbSAnLi90b29sYmFyL3B1YmxpYy1hcGknO1xuXG4vKiB0cmVlICovXG5leHBvcnQgKiBmcm9tICcuL3RyZWUvcHVibGljLWFwaSc7XG5cbi8qIHN0ZXBwZXIgKi9cbmV4cG9ydCAqIGZyb20gJy4vc3RlcHBlci9wdWJsaWMtYXBpJztcblxuLyogM2QtY2hhcnQgKi9cbmV4cG9ydCAqIGZyb20gJy4vY2hhcnQtM2QvcHVibGljLWFwaSc7XG5cbi8qIFJlc2l6ZSBwYW5lbCAqL1xuZXhwb3J0ICogZnJvbSAnLi9kaXZpZGVyL3B1YmxpYy1hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9yZXNpemUtcGFuZWwvcHVibGljLWFwaSc7XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './stepper/stepper.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnQvc3RlcHBlci9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsNkJBQTZCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N0ZXBwZXIvc3RlcHBlci5jb21wb25lbnQnO1xuIl19
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Component, computed, input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class StepperComponent {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.steps = input.required();
|
|
6
|
+
this.currentStepId = input.required();
|
|
7
|
+
this.currentIndex = computed(() => this.steps().findIndex((step) => step.id === this.currentStepId()) ?? 0);
|
|
8
|
+
}
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: StepperComponent, isStandalone: true, selector: "app-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null }, currentStepId: { classPropertyName: "currentStepId", publicName: "currentStepId", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if (steps().length) {\n<ul\n class=\"stepper\"\n [style]=\"\n '--step-count: ' +\n (steps().length - 1) +\n '; --padding-left: ' +\n steps().at(0).name.length / 2 +\n 'ch; --padding-right: ' +\n steps().at(-1).name.length / 2 +\n 'ch;'\n \"\n>\n @for (step of steps(); track step.id; let index = $index) {\n <li class=\"font-title-3 stepperItem\" [class.stepperItemActive]=\"currentIndex() >= index\">\n <span class=\"point\">\n <span class=\"stepLabel\">{{ step.name }}</span>\n </span>\n </li>\n }\n</ul>\n} @else {\n<p class=\"font-title-1 text-align-center\">\u0428\u0430\u0433\u0438 \u043E\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044E\u0442</p>\n}\n", styles: [":host{display:block;padding:18px 0 0}:host .stepper{--point-radius: 4px;margin:0;padding:0 var(--padding-right) 0 var(--padding-left);list-style:none;display:grid;grid-template-columns:calc(2 * var(--point-radius)) repeat(var(--step-count),1fr)}:host .stepperItem{position:relative;display:flex;justify-content:flex-end;cursor:default}:host .stepperItem:not(:first-child):before{content:\"\";position:absolute;top:calc(var(--point-radius) - .5px);right:calc(2 * var(--point-radius));width:calc(100% - 2 * var(--point-radius));height:1px;background-color:var(--color-text-20)}:host .stepperItem .point{position:relative;display:block;width:calc(2 * var(--point-radius));height:calc(2 * var(--point-radius));border-radius:50%;border:1px solid var(--color-text-20)}:host .stepperItem .stepLabel{position:absolute;bottom:calc(2px + 100%);left:50%;transform:translate(-50%);white-space:nowrap}:host .stepperItemActive:not(:first-child):before{background-color:var(--color-primary-50)}:host .stepperItemActive .point{border-color:var(--color-primary-50)}:host .stepperItemActive .stepLabel{color:var(--color-primary-50)}\n"] }); }
|
|
11
|
+
}
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: StepperComponent, decorators: [{
|
|
13
|
+
type: Component,
|
|
14
|
+
args: [{ selector: 'app-stepper', standalone: true, imports: [], template: "@if (steps().length) {\n<ul\n class=\"stepper\"\n [style]=\"\n '--step-count: ' +\n (steps().length - 1) +\n '; --padding-left: ' +\n steps().at(0).name.length / 2 +\n 'ch; --padding-right: ' +\n steps().at(-1).name.length / 2 +\n 'ch;'\n \"\n>\n @for (step of steps(); track step.id; let index = $index) {\n <li class=\"font-title-3 stepperItem\" [class.stepperItemActive]=\"currentIndex() >= index\">\n <span class=\"point\">\n <span class=\"stepLabel\">{{ step.name }}</span>\n </span>\n </li>\n }\n</ul>\n} @else {\n<p class=\"font-title-1 text-align-center\">\u0428\u0430\u0433\u0438 \u043E\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044E\u0442</p>\n}\n", styles: [":host{display:block;padding:18px 0 0}:host .stepper{--point-radius: 4px;margin:0;padding:0 var(--padding-right) 0 var(--padding-left);list-style:none;display:grid;grid-template-columns:calc(2 * var(--point-radius)) repeat(var(--step-count),1fr)}:host .stepperItem{position:relative;display:flex;justify-content:flex-end;cursor:default}:host .stepperItem:not(:first-child):before{content:\"\";position:absolute;top:calc(var(--point-radius) - .5px);right:calc(2 * var(--point-radius));width:calc(100% - 2 * var(--point-radius));height:1px;background-color:var(--color-text-20)}:host .stepperItem .point{position:relative;display:block;width:calc(2 * var(--point-radius));height:calc(2 * var(--point-radius));border-radius:50%;border:1px solid var(--color-text-20)}:host .stepperItem .stepLabel{position:absolute;bottom:calc(2px + 100%);left:50%;transform:translate(-50%);white-space:nowrap}:host .stepperItemActive:not(:first-child):before{background-color:var(--color-primary-50)}:host .stepperItemActive .point{border-color:var(--color-primary-50)}:host .stepperItemActive .stepLabel{color:var(--color-primary-50)}\n"] }]
|
|
15
|
+
}] });
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50L3N0ZXBwZXIvc3RlcHBlci9zdGVwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnQvc3RlcHBlci9zdGVwcGVyL3N0ZXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQVVuRSxNQUFNLE9BQU8sZ0JBQWdCO0lBUDdCO1FBUUUsVUFBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQXFCLENBQUM7UUFDNUMsa0JBQWEsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFDekMsaUJBQVksR0FBbUIsUUFBUSxDQUNyQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRSxLQUFLLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FDOUUsQ0FBQztLQUNIOzhHQU5ZLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLHlWQ1Y3Qixpc0JBd0JBOzsyRkRkYSxnQkFBZ0I7a0JBUDVCLFNBQVM7K0JBQ0UsYUFBYSxjQUNYLElBQUksV0FDUCxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBjb21wdXRlZCwgaW5wdXQsIFNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSUlkTmFtZSB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9jb250cmFjdC9pLWlkLW5hbWUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtc3RlcHBlcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RlcHBlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9zdGVwcGVyLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgU3RlcHBlckNvbXBvbmVudCB7XG4gIHN0ZXBzID0gaW5wdXQucmVxdWlyZWQ8SUlkTmFtZTxudW1iZXI+W10+KCk7XG4gIGN1cnJlbnRTdGVwSWQgPSBpbnB1dC5yZXF1aXJlZDxudW1iZXI+KCk7XG4gIGN1cnJlbnRJbmRleDogU2lnbmFsPG51bWJlcj4gPSBjb21wdXRlZChcbiAgICAoKSA9PiB0aGlzLnN0ZXBzKCkuZmluZEluZGV4KChzdGVwKSA9PiBzdGVwLmlkID09PSB0aGlzLmN1cnJlbnRTdGVwSWQoKSkgPz8gMFxuICApO1xufVxuIiwiQGlmIChzdGVwcygpLmxlbmd0aCkge1xuPHVsXG4gIGNsYXNzPVwic3RlcHBlclwiXG4gIFtzdHlsZV09XCJcbiAgICAnLS1zdGVwLWNvdW50OiAnICtcbiAgICAoc3RlcHMoKS5sZW5ndGggLSAxKSArXG4gICAgJzsgLS1wYWRkaW5nLWxlZnQ6ICcgK1xuICAgIHN0ZXBzKCkuYXQoMCkubmFtZS5sZW5ndGggLyAyICtcbiAgICAnY2g7IC0tcGFkZGluZy1yaWdodDogJyArXG4gICAgc3RlcHMoKS5hdCgtMSkubmFtZS5sZW5ndGggLyAyICtcbiAgICAnY2g7J1xuICBcIlxuPlxuICBAZm9yIChzdGVwIG9mIHN0ZXBzKCk7IHRyYWNrIHN0ZXAuaWQ7IGxldCBpbmRleCA9ICRpbmRleCkge1xuICA8bGkgY2xhc3M9XCJmb250LXRpdGxlLTMgc3RlcHBlckl0ZW1cIiBbY2xhc3Muc3RlcHBlckl0ZW1BY3RpdmVdPVwiY3VycmVudEluZGV4KCkgPj0gaW5kZXhcIj5cbiAgICA8c3BhbiBjbGFzcz1cInBvaW50XCI+XG4gICAgICA8c3BhbiBjbGFzcz1cInN0ZXBMYWJlbFwiPnt7IHN0ZXAubmFtZSB9fTwvc3Bhbj5cbiAgICA8L3NwYW4+XG4gIDwvbGk+XG4gIH1cbjwvdWw+XG59IEBlbHNlIHtcbjxwIGNsYXNzPVwiZm9udC10aXRsZS0xIHRleHQtYWxpZ24tY2VudGVyXCI+0KjQsNCz0Lgg0L7RgtGB0YPRgtGB0YLQstGD0Y7RgjwvcD5cbn1cbiJdfQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, ChangeDetectionStrategy, HostBinding, Directive, Optional, Inject, ContentChild, Input, Injectable, Host, HostListener, ViewChild, forwardRef, ElementRef, EventEmitter, Output, TemplateRef, Injector, ViewContainerRef, Pipe, ViewEncapsulation, ChangeDetectorRef, NgModule, ContentChildren, inject, SkipSelf, PLATFORM_ID, InjectionToken } from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, HostBinding, Directive, Optional, Inject, ContentChild, Input, Injectable, Host, HostListener, ViewChild, forwardRef, ElementRef, EventEmitter, Output, TemplateRef, Injector, ViewContainerRef, Pipe, ViewEncapsulation, ChangeDetectorRef, NgModule, ContentChildren, inject, input, computed, SkipSelf, PLATFORM_ID, InjectionToken } from '@angular/core';
|
|
3
3
|
import * as i1$1 from '@angular/common';
|
|
4
4
|
import { NgTemplateOutlet, DOCUMENT, NgClass, AsyncPipe, DatePipe, CommonModule, isPlatformBrowser } from '@angular/common';
|
|
5
5
|
import * as i1 from '@angular/common/http';
|
|
@@ -213,6 +213,23 @@ class IconComponent {
|
|
|
213
213
|
if (this.palette) {
|
|
214
214
|
result.push(`icon-${this.palette}`);
|
|
215
215
|
}
|
|
216
|
+
switch (this.size) {
|
|
217
|
+
case TetaSize.XL:
|
|
218
|
+
result.push(`icon-xl`);
|
|
219
|
+
break;
|
|
220
|
+
case TetaSize.L:
|
|
221
|
+
result.push(`icon-l`);
|
|
222
|
+
break;
|
|
223
|
+
case TetaSize.M:
|
|
224
|
+
result.push(`icon-m`);
|
|
225
|
+
break;
|
|
226
|
+
case TetaSize.S:
|
|
227
|
+
result.push(`icon-s`);
|
|
228
|
+
break;
|
|
229
|
+
case TetaSize.XS:
|
|
230
|
+
result.push(`icon-xs`);
|
|
231
|
+
break;
|
|
232
|
+
}
|
|
216
233
|
return result.join(' ');
|
|
217
234
|
}
|
|
218
235
|
getName() {
|
|
@@ -370,6 +387,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
|
|
|
370
387
|
}], ctorParameters: () => [] });
|
|
371
388
|
|
|
372
389
|
class ButtonComponent {
|
|
390
|
+
constructor() {
|
|
391
|
+
this.view = 'primary';
|
|
392
|
+
this.square = false;
|
|
393
|
+
this.viewType = 'rounded';
|
|
394
|
+
this.size = TetaSize.M;
|
|
395
|
+
}
|
|
373
396
|
get getClass() {
|
|
374
397
|
const result = [this.class, 'button'];
|
|
375
398
|
if (this.palette) {
|
|
@@ -382,35 +405,35 @@ class ButtonComponent {
|
|
|
382
405
|
result.push(`button-square`);
|
|
383
406
|
}
|
|
384
407
|
switch (this.size) {
|
|
385
|
-
case
|
|
408
|
+
case TetaSize.XL:
|
|
409
|
+
result.push(`button-xl`);
|
|
410
|
+
break;
|
|
411
|
+
case TetaSize.L:
|
|
386
412
|
result.push(`button-l`);
|
|
387
413
|
break;
|
|
388
|
-
case
|
|
414
|
+
case TetaSize.M:
|
|
389
415
|
result.push(`font-button-2`);
|
|
390
416
|
result.push(`button-m`);
|
|
391
417
|
break;
|
|
392
|
-
case
|
|
418
|
+
case TetaSize.S:
|
|
393
419
|
result.push(`font-button-3`);
|
|
394
420
|
result.push(`button-s`);
|
|
395
421
|
break;
|
|
422
|
+
case TetaSize.XS:
|
|
423
|
+
result.push(`font-button-3`);
|
|
424
|
+
result.push(`button-xs`);
|
|
425
|
+
break;
|
|
396
426
|
}
|
|
397
427
|
result.push(`button_${this.viewType}`);
|
|
398
428
|
return result.join(' ');
|
|
399
429
|
}
|
|
400
|
-
constructor() {
|
|
401
|
-
this.view = 'primary';
|
|
402
|
-
this.square = false;
|
|
403
|
-
this.viewType = 'rounded';
|
|
404
|
-
this.size = 'm';
|
|
405
|
-
}
|
|
406
|
-
ngOnInit() { }
|
|
407
430
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
408
431
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: ButtonComponent, isStandalone: true, selector: "button[teta-button], teta-button", inputs: { palette: "palette", class: "class", view: "view", square: "square", viewType: "viewType", size: "size" }, host: { properties: { "class": "this.getClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
409
432
|
}
|
|
410
433
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
411
434
|
type: Component,
|
|
412
435
|
args: [{ selector: 'button[teta-button], teta-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n" }]
|
|
413
|
-
}],
|
|
436
|
+
}], propDecorators: { palette: [{
|
|
414
437
|
type: Input
|
|
415
438
|
}], class: [{
|
|
416
439
|
type: Input
|
|
@@ -10639,6 +10662,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
|
|
|
10639
10662
|
* Components
|
|
10640
10663
|
*/
|
|
10641
10664
|
|
|
10665
|
+
class StepperComponent {
|
|
10666
|
+
constructor() {
|
|
10667
|
+
this.steps = input.required();
|
|
10668
|
+
this.currentStepId = input.required();
|
|
10669
|
+
this.currentIndex = computed(() => this.steps().findIndex((step) => step.id === this.currentStepId()) ?? 0);
|
|
10670
|
+
}
|
|
10671
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10672
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: StepperComponent, isStandalone: true, selector: "app-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null }, currentStepId: { classPropertyName: "currentStepId", publicName: "currentStepId", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if (steps().length) {\n<ul\n class=\"stepper\"\n [style]=\"\n '--step-count: ' +\n (steps().length - 1) +\n '; --padding-left: ' +\n steps().at(0).name.length / 2 +\n 'ch; --padding-right: ' +\n steps().at(-1).name.length / 2 +\n 'ch;'\n \"\n>\n @for (step of steps(); track step.id; let index = $index) {\n <li class=\"font-title-3 stepperItem\" [class.stepperItemActive]=\"currentIndex() >= index\">\n <span class=\"point\">\n <span class=\"stepLabel\">{{ step.name }}</span>\n </span>\n </li>\n }\n</ul>\n} @else {\n<p class=\"font-title-1 text-align-center\">\u0428\u0430\u0433\u0438 \u043E\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044E\u0442</p>\n}\n", styles: [":host{display:block;padding:18px 0 0}:host .stepper{--point-radius: 4px;margin:0;padding:0 var(--padding-right) 0 var(--padding-left);list-style:none;display:grid;grid-template-columns:calc(2 * var(--point-radius)) repeat(var(--step-count),1fr)}:host .stepperItem{position:relative;display:flex;justify-content:flex-end;cursor:default}:host .stepperItem:not(:first-child):before{content:\"\";position:absolute;top:calc(var(--point-radius) - .5px);right:calc(2 * var(--point-radius));width:calc(100% - 2 * var(--point-radius));height:1px;background-color:var(--color-text-20)}:host .stepperItem .point{position:relative;display:block;width:calc(2 * var(--point-radius));height:calc(2 * var(--point-radius));border-radius:50%;border:1px solid var(--color-text-20)}:host .stepperItem .stepLabel{position:absolute;bottom:calc(2px + 100%);left:50%;transform:translate(-50%);white-space:nowrap}:host .stepperItemActive:not(:first-child):before{background-color:var(--color-primary-50)}:host .stepperItemActive .point{border-color:var(--color-primary-50)}:host .stepperItemActive .stepLabel{color:var(--color-primary-50)}\n"] }); }
|
|
10673
|
+
}
|
|
10674
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: StepperComponent, decorators: [{
|
|
10675
|
+
type: Component,
|
|
10676
|
+
args: [{ selector: 'app-stepper', standalone: true, imports: [], template: "@if (steps().length) {\n<ul\n class=\"stepper\"\n [style]=\"\n '--step-count: ' +\n (steps().length - 1) +\n '; --padding-left: ' +\n steps().at(0).name.length / 2 +\n 'ch; --padding-right: ' +\n steps().at(-1).name.length / 2 +\n 'ch;'\n \"\n>\n @for (step of steps(); track step.id; let index = $index) {\n <li class=\"font-title-3 stepperItem\" [class.stepperItemActive]=\"currentIndex() >= index\">\n <span class=\"point\">\n <span class=\"stepLabel\">{{ step.name }}</span>\n </span>\n </li>\n }\n</ul>\n} @else {\n<p class=\"font-title-1 text-align-center\">\u0428\u0430\u0433\u0438 \u043E\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044E\u0442</p>\n}\n", styles: [":host{display:block;padding:18px 0 0}:host .stepper{--point-radius: 4px;margin:0;padding:0 var(--padding-right) 0 var(--padding-left);list-style:none;display:grid;grid-template-columns:calc(2 * var(--point-radius)) repeat(var(--step-count),1fr)}:host .stepperItem{position:relative;display:flex;justify-content:flex-end;cursor:default}:host .stepperItem:not(:first-child):before{content:\"\";position:absolute;top:calc(var(--point-radius) - .5px);right:calc(2 * var(--point-radius));width:calc(100% - 2 * var(--point-radius));height:1px;background-color:var(--color-text-20)}:host .stepperItem .point{position:relative;display:block;width:calc(2 * var(--point-radius));height:calc(2 * var(--point-radius));border-radius:50%;border:1px solid var(--color-text-20)}:host .stepperItem .stepLabel{position:absolute;bottom:calc(2px + 100%);left:50%;transform:translate(-50%);white-space:nowrap}:host .stepperItemActive:not(:first-child):before{background-color:var(--color-primary-50)}:host .stepperItemActive .point{border-color:var(--color-primary-50)}:host .stepperItemActive .stepLabel{color:var(--color-primary-50)}\n"] }]
|
|
10677
|
+
}] });
|
|
10678
|
+
|
|
10642
10679
|
class DividerComponent {
|
|
10643
10680
|
constructor() { }
|
|
10644
10681
|
ngOnInit() { }
|
|
@@ -11962,5 +11999,5 @@ function tetaZoneOptimized(ngZone) {
|
|
|
11962
11999
|
* Generated bundle index. Do not edit.
|
|
11963
12000
|
*/
|
|
11964
12001
|
|
|
11965
|
-
export { ANIMATION_FRAME, AccordionComponent, AccordionContentDirective, AccordionHeadComponent, AccordionItemComponent, AggregationType, Align, ArrayUtil, AutoPositionDirective, AutocompleteComponent, AvatarComponent, BooleanCellComponent, BooleanFilter, BooleanFilterComponent, ButtonComponent, CHECKBOX_CONTROL_VALUE_ACCESSOR, CellComponent, CellComponentBase, CellHostComponent, Chart3dComponent, Chart3dOptions, CheckboxComponent, ClickOutsideDirective, ClickService, ColorInputComponent, ColumnReorderEvent, ColumnResizeEvent, ContextMenuDirective, CurrentModal, DATE_PICKER_CONTROL_VALUE_ACCESSOR, DATE_Range_CONTROL_VALUE_ACCESSOR, DateCalendarComponent, DateCellComponent, DateFilter, DateFilterComponent, DateFilterValue, DatePeriod, DatePickerComponent, DatePickerMode, DateRangeComponent, DateTimeCellComponent, DateUtil, DayModel, DelimiterComponent, DetailComponentBase, DialogComponent, DialogService, DisableControlDirective, DividerComponent, DomUtil, DragContainerDirective, DragContainerInstance, DragDirective, DragDropService, DragInstance, DragPlaceholderDirective, DragPreviewDirective, DragSortContainerDirective, DragSortItemDirective, DropdownComponent, DropdownContentDirective, DropdownDirective, DropdownHeadDirective, DynamicComponentService, DynamicContentBaseDirective, DynamicData, EditEvent, EditType, ExpandCardComponent, ExpandItemComponent, ExpandPanelComponent, ExpandPanelContentDirective, ExpandPanelHeadDirective, ExportType, FileItemComponent, FileUploadAreaComponent, FilterBase, FilterComponentBase, FilterHostComponent, FilterItem, FilterState, FilterType, FormGroupTitleComponent, FormsUtil, HeadCellComponentBase, HeadCellHostComponent, HighlightDirective, HintDirective, IconComponent, IconFileComponent, IconService, IconSpriteDirective, InputComponent, LetContext, LetDirective, ListCellComponent, ListFilter, ListFilterComponent, ListFilterType, LoaderDirective, Message, MessageComponent, MessageHostComponent, MessageService, ModalCloseReason, ModalContainerComponent, ModalInstance, ModalModule, ModalService, NoAutofillDirective, NumberPipe, NumericCellComponent, NumericFilter, NumericFilterComponent, NumericFilterValue, OnlyNumberDirective, OverlayContainerService, PagerComponent, PagerState, PagerUtil, PanelComponent, PopupContentComponent, PositionUtil, ProgressBarComponent, PropertyGridComponent, PropertyGridItemDescriptionDirective, PropertyGridModule, RadioButtonComponent, RadioComponent, RangeCalendarComponent, ResizeDragDirective, ResizePanelComponent, SLIDER_CONTROL_VALUE_ACCESSOR, SWITCH_CONTROL_VALUE_ACCESSOR, ScrollIntoViewDirective, ScrollableComponent, ScrollableDirective, SelectComponent, SelectOptionDirective, SelectType, SelectValueDirective, SidebarComponent, SidebarPosition, SortEvent, SortParam, StateUtil, StringCellComponent, StringFilter, StringFilterComponent, StringFilterType, StringUtil, SwitchButtonComponent, SwitchComponent, TOGGLE_CONTROL_VALUE_ACCESSOR, TabComponent, TabContentDirective, TabTitleDirective, TableBodyComponent, TableColumn, TableColumnStore, TableComponent, TableHeadComponent, TableRow, TableService, TableUtil, TabsComponent, TetaConfigService, TetaContentRef, TetaDatePipe, TetaSize, TetaTemplateDirective, TextFieldComponent, ThemeSwitchComponent, ThemeSwitchService, ToggleComponent, ToolbarComponent, TooltipDirective, TreeComponent, TreeItemToggleComponent, TreeService, VerticalAlign, WINDOW, boolOrFuncCallback, enLocale, exportDomToImage, formatNumber, getCellComponent, getPrecision, isFunction, prependZero, ruLocale, tetaZoneFree, tetaZoneFull, tetaZoneOptimized };
|
|
12002
|
+
export { ANIMATION_FRAME, AccordionComponent, AccordionContentDirective, AccordionHeadComponent, AccordionItemComponent, AggregationType, Align, ArrayUtil, AutoPositionDirective, AutocompleteComponent, AvatarComponent, BooleanCellComponent, BooleanFilter, BooleanFilterComponent, ButtonComponent, CHECKBOX_CONTROL_VALUE_ACCESSOR, CellComponent, CellComponentBase, CellHostComponent, Chart3dComponent, Chart3dOptions, CheckboxComponent, ClickOutsideDirective, ClickService, ColorInputComponent, ColumnReorderEvent, ColumnResizeEvent, ContextMenuDirective, CurrentModal, DATE_PICKER_CONTROL_VALUE_ACCESSOR, DATE_Range_CONTROL_VALUE_ACCESSOR, DateCalendarComponent, DateCellComponent, DateFilter, DateFilterComponent, DateFilterValue, DatePeriod, DatePickerComponent, DatePickerMode, DateRangeComponent, DateTimeCellComponent, DateUtil, DayModel, DelimiterComponent, DetailComponentBase, DialogComponent, DialogService, DisableControlDirective, DividerComponent, DomUtil, DragContainerDirective, DragContainerInstance, DragDirective, DragDropService, DragInstance, DragPlaceholderDirective, DragPreviewDirective, DragSortContainerDirective, DragSortItemDirective, DropdownComponent, DropdownContentDirective, DropdownDirective, DropdownHeadDirective, DynamicComponentService, DynamicContentBaseDirective, DynamicData, EditEvent, EditType, ExpandCardComponent, ExpandItemComponent, ExpandPanelComponent, ExpandPanelContentDirective, ExpandPanelHeadDirective, ExportType, FileItemComponent, FileUploadAreaComponent, FilterBase, FilterComponentBase, FilterHostComponent, FilterItem, FilterState, FilterType, FormGroupTitleComponent, FormsUtil, HeadCellComponentBase, HeadCellHostComponent, HighlightDirective, HintDirective, IconComponent, IconFileComponent, IconService, IconSpriteDirective, InputComponent, LetContext, LetDirective, ListCellComponent, ListFilter, ListFilterComponent, ListFilterType, LoaderDirective, Message, MessageComponent, MessageHostComponent, MessageService, ModalCloseReason, ModalContainerComponent, ModalInstance, ModalModule, ModalService, NoAutofillDirective, NumberPipe, NumericCellComponent, NumericFilter, NumericFilterComponent, NumericFilterValue, OnlyNumberDirective, OverlayContainerService, PagerComponent, PagerState, PagerUtil, PanelComponent, PopupContentComponent, PositionUtil, ProgressBarComponent, PropertyGridComponent, PropertyGridItemDescriptionDirective, PropertyGridModule, RadioButtonComponent, RadioComponent, RangeCalendarComponent, ResizeDragDirective, ResizePanelComponent, SLIDER_CONTROL_VALUE_ACCESSOR, SWITCH_CONTROL_VALUE_ACCESSOR, ScrollIntoViewDirective, ScrollableComponent, ScrollableDirective, SelectComponent, SelectOptionDirective, SelectType, SelectValueDirective, SidebarComponent, SidebarPosition, SortEvent, SortParam, StateUtil, StepperComponent, StringCellComponent, StringFilter, StringFilterComponent, StringFilterType, StringUtil, SwitchButtonComponent, SwitchComponent, TOGGLE_CONTROL_VALUE_ACCESSOR, TabComponent, TabContentDirective, TabTitleDirective, TableBodyComponent, TableColumn, TableColumnStore, TableComponent, TableHeadComponent, TableRow, TableService, TableUtil, TabsComponent, TetaConfigService, TetaContentRef, TetaDatePipe, TetaSize, TetaTemplateDirective, TextFieldComponent, ThemeSwitchComponent, ThemeSwitchService, ToggleComponent, ToolbarComponent, TooltipDirective, TreeComponent, TreeItemToggleComponent, TreeService, VerticalAlign, WINDOW, boolOrFuncCallback, enLocale, exportDomToImage, formatNumber, getCellComponent, getPrecision, isFunction, prependZero, ruLocale, tetaZoneFree, tetaZoneFull, tetaZoneOptimized };
|
|
11966
12003
|
//# sourceMappingURL=tetacom-ng-components.mjs.map
|