@tetacom/ng-components 1.2.10 → 1.2.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.
|
@@ -1,17 +1,15 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
2
1
|
import { viewType } from '../../../common/model/view-type.model';
|
|
2
|
+
import { TetaSize } from "../../../common/enum/teta-size.enum";
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export type ButtonViewType = 'primary' | 'outline' | 'ghost';
|
|
5
|
-
export declare class ButtonComponent
|
|
5
|
+
export declare class ButtonComponent {
|
|
6
6
|
palette: string;
|
|
7
7
|
class: any;
|
|
8
8
|
view: ButtonViewType;
|
|
9
9
|
square: boolean;
|
|
10
10
|
viewType: viewType;
|
|
11
|
-
size:
|
|
11
|
+
size: TetaSize;
|
|
12
12
|
private get getClass();
|
|
13
|
-
constructor();
|
|
14
|
-
ngOnInit(): void;
|
|
15
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
|
|
16
14
|
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[teta-button], teta-button", never, { "palette": { "alias": "palette"; "required": false; }; "class": { "alias": "class"; "required": false; }; "view": { "alias": "view"; "required": false; }; "square": { "alias": "square"; "required": false; }; "viewType": { "alias": "viewType"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
17
15
|
}
|
|
@@ -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=
|
|
@@ -370,6 +370,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
|
|
|
370
370
|
}], ctorParameters: () => [] });
|
|
371
371
|
|
|
372
372
|
class ButtonComponent {
|
|
373
|
+
constructor() {
|
|
374
|
+
this.view = 'primary';
|
|
375
|
+
this.square = false;
|
|
376
|
+
this.viewType = 'rounded';
|
|
377
|
+
this.size = TetaSize.M;
|
|
378
|
+
}
|
|
373
379
|
get getClass() {
|
|
374
380
|
const result = [this.class, 'button'];
|
|
375
381
|
if (this.palette) {
|
|
@@ -382,35 +388,35 @@ class ButtonComponent {
|
|
|
382
388
|
result.push(`button-square`);
|
|
383
389
|
}
|
|
384
390
|
switch (this.size) {
|
|
385
|
-
case
|
|
391
|
+
case TetaSize.XL:
|
|
392
|
+
result.push(`button-xl`);
|
|
393
|
+
break;
|
|
394
|
+
case TetaSize.L:
|
|
386
395
|
result.push(`button-l`);
|
|
387
396
|
break;
|
|
388
|
-
case
|
|
397
|
+
case TetaSize.M:
|
|
389
398
|
result.push(`font-button-2`);
|
|
390
399
|
result.push(`button-m`);
|
|
391
400
|
break;
|
|
392
|
-
case
|
|
401
|
+
case TetaSize.S:
|
|
393
402
|
result.push(`font-button-3`);
|
|
394
403
|
result.push(`button-s`);
|
|
395
404
|
break;
|
|
405
|
+
case TetaSize.XS:
|
|
406
|
+
result.push(`font-button-3`);
|
|
407
|
+
result.push(`button-xs`);
|
|
408
|
+
break;
|
|
396
409
|
}
|
|
397
410
|
result.push(`button_${this.viewType}`);
|
|
398
411
|
return result.join(' ');
|
|
399
412
|
}
|
|
400
|
-
constructor() {
|
|
401
|
-
this.view = 'primary';
|
|
402
|
-
this.square = false;
|
|
403
|
-
this.viewType = 'rounded';
|
|
404
|
-
this.size = 'm';
|
|
405
|
-
}
|
|
406
|
-
ngOnInit() { }
|
|
407
413
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
408
414
|
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
415
|
}
|
|
410
416
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
411
417
|
type: Component,
|
|
412
418
|
args: [{ selector: 'button[teta-button], teta-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n" }]
|
|
413
|
-
}],
|
|
419
|
+
}], propDecorators: { palette: [{
|
|
414
420
|
type: Input
|
|
415
421
|
}], class: [{
|
|
416
422
|
type: Input
|