@tetacom/ng-components 1.2.7 → 1.2.9
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/component/button/button/button.component.d.ts +2 -2
- package/docs/buttonDocs.mdx +115 -118
- package/esm2022/component/button/button/button.component.mjs +12 -7
- package/fesm2022/tetacom-ng-components.mjs +10 -5
- package/fesm2022/tetacom-ng-components.mjs.map +1 -1
- package/package.json +1 -1
- package/style/button.scss +10 -11
- package/style/chips.scss +35 -33
- package/style/presets/font-presets.scss +2 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { OnInit } from '@angular/core';
|
|
2
|
-
import { viewType } from
|
|
2
|
+
import { viewType } from '../../../common/model/view-type.model';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export type ButtonViewType = 'primary' | 'outline' | 'ghost';
|
|
5
5
|
export declare class ButtonComponent implements OnInit {
|
|
@@ -8,7 +8,7 @@ export declare class ButtonComponent implements OnInit {
|
|
|
8
8
|
view: ButtonViewType;
|
|
9
9
|
square: boolean;
|
|
10
10
|
viewType: viewType;
|
|
11
|
-
size: 'm' | 'l';
|
|
11
|
+
size: 's' | 'm' | 'l';
|
|
12
12
|
private get getClass();
|
|
13
13
|
constructor();
|
|
14
14
|
ngOnInit(): void;
|
package/docs/buttonDocs.mdx
CHANGED
|
@@ -1,120 +1,117 @@
|
|
|
1
|
-
import {Meta} from
|
|
2
|
-
import * as
|
|
1
|
+
import { Meta } from '@storybook/blocks';
|
|
2
|
+
import * as ButtonStories from '../src/component/button/Button.stories';
|
|
3
3
|
|
|
4
|
-
<Meta of={ButtonStories}/>
|
|
4
|
+
<Meta of={ButtonStories} />
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
<
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
<
|
|
52
|
-
<
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
<
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
</
|
|
61
|
-
</
|
|
62
|
-
<
|
|
63
|
-
<
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
<
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
</
|
|
72
|
-
</
|
|
73
|
-
<
|
|
74
|
-
<
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
<
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
</
|
|
83
|
-
</
|
|
84
|
-
<
|
|
85
|
-
<
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
<
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
<
|
|
96
|
-
<
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
<
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
<
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
<
|
|
107
|
-
<
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
<
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
<
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
</table>
|
|
119
|
-
</div>
|
|
120
|
-
</div>
|
|
6
|
+
# Кнопка
|
|
7
|
+
|
|
8
|
+
Button (кнопка) — компонент, который призывает пользователя к совершению определенного действия в интерфейсе,
|
|
9
|
+
например: открыть следующую страницу, заказать товар или войти в свой аккаунт.
|
|
10
|
+
|
|
11
|
+
Основной призыв к действию. Предназначены для выполнения какого-либо действия в системе.
|
|
12
|
+
|
|
13
|
+
### Как использовать
|
|
14
|
+
|
|
15
|
+
За создание кнопки отвечает компонент
|
|
16
|
+
|
|
17
|
+
Основные правила применения кнопки:
|
|
18
|
+
|
|
19
|
+
- Текст кнопки всегда должен быть с заглавной буквы;
|
|
20
|
+
- Текст на кнопке должен сообщать пользователю, что произойдёт, если он нажмёт на кнопку (например, Сохранить, Добавить
|
|
21
|
+
и т. п.);
|
|
22
|
+
- Не перенасыщать страницу большим количеством Primary кнопок. Не распологать их рядом друг с другом.
|
|
23
|
+
|
|
24
|
+
### Типы кнопок
|
|
25
|
+
|
|
26
|
+
В системе существуют всего 3 типа кнопок
|
|
27
|
+
|
|
28
|
+
- Primary (основная)
|
|
29
|
+
- Ghost (без фона)
|
|
30
|
+
- Outline (с обводкой)
|
|
31
|
+
|
|
32
|
+
### Размер кнопок
|
|
33
|
+
|
|
34
|
+
Есть 3 размера кнопок — s, m и l. В основном в проектах используются кнопки размера m.
|
|
35
|
+
|
|
36
|
+
### Свойства
|
|
37
|
+
|
|
38
|
+
<table>
|
|
39
|
+
<thead>
|
|
40
|
+
<tr>
|
|
41
|
+
<th>Свойство</th>
|
|
42
|
+
<th>Tип</th>
|
|
43
|
+
<th>Описание</th>
|
|
44
|
+
</tr>
|
|
45
|
+
</thead>
|
|
46
|
+
<tbody>
|
|
47
|
+
<tr>
|
|
48
|
+
<td class="text-align-center">
|
|
49
|
+
<p>viewType</p>
|
|
50
|
+
</td>
|
|
51
|
+
<td class="text-align-center">
|
|
52
|
+
<code>'rounded'|'circle'|'brick'</code>
|
|
53
|
+
</td>
|
|
54
|
+
<td class="text-align-center">
|
|
55
|
+
<p>Свойство округления компонента.</p>
|
|
56
|
+
</td>
|
|
57
|
+
</tr>
|
|
58
|
+
<tr>
|
|
59
|
+
<td class="text-align-center">
|
|
60
|
+
<p>size</p>
|
|
61
|
+
</td>
|
|
62
|
+
<td class="text-align-center">
|
|
63
|
+
<code>'s' | 'm' |'l'</code>
|
|
64
|
+
</td>
|
|
65
|
+
<td class="text-align-center">
|
|
66
|
+
<p>Размер кнопки</p>
|
|
67
|
+
</td>
|
|
68
|
+
</tr>
|
|
69
|
+
<tr>
|
|
70
|
+
<td class="text-align-center">
|
|
71
|
+
<p>disabled</p>
|
|
72
|
+
</td>
|
|
73
|
+
<td class="text-align-center">
|
|
74
|
+
<code>boolean</code>
|
|
75
|
+
</td>
|
|
76
|
+
<td class="text-align-center">
|
|
77
|
+
<p>Отключает реакцию компонента на клик пользователя</p>
|
|
78
|
+
</td>
|
|
79
|
+
</tr>
|
|
80
|
+
<tr>
|
|
81
|
+
<td class="text-align-center">
|
|
82
|
+
<p>palette</p>
|
|
83
|
+
</td>
|
|
84
|
+
<td class="text-align-center">
|
|
85
|
+
<code>string</code>
|
|
86
|
+
</td>
|
|
87
|
+
<td class="text-align-center">
|
|
88
|
+
<p>
|
|
89
|
+
Отвечает за цвет фона кнопки. Принимает в себя название палитры и указывает 50-й оттенок (Пример: вводим
|
|
90
|
+
yellow- цвет будет color-yellow-50). Работает только при view="primary"
|
|
91
|
+
</p>
|
|
92
|
+
</td>
|
|
93
|
+
</tr>
|
|
94
|
+
<tr>
|
|
95
|
+
<td class="text-align-center">
|
|
96
|
+
<p>view</p>
|
|
97
|
+
</td>
|
|
98
|
+
<td class="text-align-center">
|
|
99
|
+
<code>'primary' | 'outline' | 'ghost'</code>
|
|
100
|
+
</td>
|
|
101
|
+
<td class="text-align-center">
|
|
102
|
+
<p>Свойство, которое отвечает за тип кнопки</p>
|
|
103
|
+
</td>
|
|
104
|
+
</tr>
|
|
105
|
+
<tr>
|
|
106
|
+
<td class="text-align-center">
|
|
107
|
+
<p>square</p>
|
|
108
|
+
</td>
|
|
109
|
+
<td class="text-align-center">
|
|
110
|
+
<code>boolean</code>
|
|
111
|
+
</td>
|
|
112
|
+
<td class="text-align-center">
|
|
113
|
+
<p>Отвечает за форму кнопки</p>
|
|
114
|
+
</td>
|
|
115
|
+
</tr>
|
|
116
|
+
</tbody>
|
|
117
|
+
</table>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, HostBinding, Input
|
|
1
|
+
import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class ButtonComponent {
|
|
4
4
|
get getClass() {
|
|
@@ -13,11 +13,17 @@ export class ButtonComponent {
|
|
|
13
13
|
result.push(`button-square`);
|
|
14
14
|
}
|
|
15
15
|
switch (this.size) {
|
|
16
|
-
case
|
|
17
|
-
result.push(`
|
|
16
|
+
case 'l':
|
|
17
|
+
result.push(`button-l`);
|
|
18
18
|
break;
|
|
19
|
-
case
|
|
19
|
+
case 'm':
|
|
20
20
|
result.push(`font-button-2`);
|
|
21
|
+
result.push(`button-m`);
|
|
22
|
+
break;
|
|
23
|
+
case 's':
|
|
24
|
+
result.push(`font-button-3`);
|
|
25
|
+
result.push(`button-s`);
|
|
26
|
+
break;
|
|
21
27
|
}
|
|
22
28
|
result.push(`button_${this.viewType}`);
|
|
23
29
|
return result.join(' ');
|
|
@@ -28,8 +34,7 @@ export class ButtonComponent {
|
|
|
28
34
|
this.viewType = 'rounded';
|
|
29
35
|
this.size = 'm';
|
|
30
36
|
}
|
|
31
|
-
ngOnInit() {
|
|
32
|
-
}
|
|
37
|
+
ngOnInit() { }
|
|
33
38
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34
39
|
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 }); }
|
|
35
40
|
}
|
|
@@ -52,4 +57,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
|
|
|
52
57
|
type: HostBinding,
|
|
53
58
|
args: ['class']
|
|
54
59
|
}] } });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnQvYnV0dG9uL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9idXR0b24vYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7O0FBYS9GLE1BQU0sT0FBTyxlQUFlO0lBUTFCLElBQ1ksUUFBUTtRQUNsQixNQUFNLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFDdEMsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDakIsTUFBTSxDQUFDLElBQUksQ0FBQyxVQUFVLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDO1FBQ3hDLENBQUM7UUFDRCxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNkLE1BQU0sQ0FBQyxJQUFJLENBQUMsVUFBVSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUNyQyxDQUFDO1FBQ0QsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDaEIsTUFBTSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUMvQixDQUFDO1FBQ0QsUUFBUSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDbEIsS0FBSyxHQUFHO2dCQUNOLE1BQU0sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7Z0JBQ3hCLE1BQU07WUFDUixLQUFLLEdBQUc7Z0JBQ04sTUFBTSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztnQkFDN0IsTUFBTSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDeEIsTUFBTTtZQUNSLEtBQUssR0FBRztnQkFDTixNQUFNLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO2dCQUM3QixNQUFNLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO2dCQUN4QixNQUFNO1FBQ1YsQ0FBQztRQUNELE1BQU0sQ0FBQyxJQUFJLENBQUMsVUFBVSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztRQUN2QyxPQUFPLE1BQU0sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDMUIsQ0FBQztJQUVEO1FBbENTLFNBQUksR0FBbUIsU0FBUyxDQUFDO1FBQ2pDLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFDZixhQUFRLEdBQWEsU0FBUyxDQUFDO1FBQy9CLFNBQUksR0FBb0IsR0FBRyxDQUFDO0lBK0J0QixDQUFDO0lBRWhCLFFBQVEsS0FBVSxDQUFDOzhHQXZDUixlQUFlO2tHQUFmLGVBQWUsb1FDYjVCLDZCQUNBOzsyRkRZYSxlQUFlO2tCQVIzQixTQUFTOytCQUVFLGtDQUFrQyxtQkFHM0IsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJO3dEQUdQLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFHTSxRQUFRO3NCQURuQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgdmlld1R5cGUgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vbW9kZWwvdmlldy10eXBlLm1vZGVsJztcblxuZXhwb3J0IHR5cGUgQnV0dG9uVmlld1R5cGUgPSAncHJpbWFyeScgfCAnb3V0bGluZScgfCAnZ2hvc3QnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdidXR0b25bdGV0YS1idXR0b25dLCB0ZXRhLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHBhbGV0dGU6IHN0cmluZztcbiAgQElucHV0KCkgY2xhc3M7XG4gIEBJbnB1dCgpIHZpZXc6IEJ1dHRvblZpZXdUeXBlID0gJ3ByaW1hcnknO1xuICBASW5wdXQoKSBzcXVhcmUgPSBmYWxzZTtcbiAgQElucHV0KCkgdmlld1R5cGU6IHZpZXdUeXBlID0gJ3JvdW5kZWQnO1xuICBASW5wdXQoKSBzaXplOiAncycgfCAnbScgfCAnbCcgPSAnbSc7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHByaXZhdGUgZ2V0IGdldENsYXNzKCk6IHN0cmluZyB7XG4gICAgY29uc3QgcmVzdWx0ID0gW3RoaXMuY2xhc3MsICdidXR0b24nXTtcbiAgICBpZiAodGhpcy5wYWxldHRlKSB7XG4gICAgICByZXN1bHQucHVzaChgYnV0dG9uLSR7dGhpcy5wYWxldHRlfWApO1xuICAgIH1cbiAgICBpZiAodGhpcy52aWV3KSB7XG4gICAgICByZXN1bHQucHVzaChgYnV0dG9uXyR7dGhpcy52aWV3fWApO1xuICAgIH1cbiAgICBpZiAodGhpcy5zcXVhcmUpIHtcbiAgICAgIHJlc3VsdC5wdXNoKGBidXR0b24tc3F1YXJlYCk7XG4gICAgfVxuICAgIHN3aXRjaCAodGhpcy5zaXplKSB7XG4gICAgICBjYXNlICdsJzpcbiAgICAgICAgcmVzdWx0LnB1c2goYGJ1dHRvbi1sYCk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAnbSc6XG4gICAgICAgIHJlc3VsdC5wdXNoKGBmb250LWJ1dHRvbi0yYCk7XG4gICAgICAgIHJlc3VsdC5wdXNoKGBidXR0b24tbWApO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ3MnOlxuICAgICAgICByZXN1bHQucHVzaChgZm9udC1idXR0b24tM2ApO1xuICAgICAgICByZXN1bHQucHVzaChgYnV0dG9uLXNgKTtcbiAgICAgICAgYnJlYWs7XG4gICAgfVxuICAgIHJlc3VsdC5wdXNoKGBidXR0b25fJHt0aGlzLnZpZXdUeXBlfWApO1xuICAgIHJldHVybiByZXN1bHQuam9pbignICcpO1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge31cbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiJdfQ==
|
|
@@ -376,11 +376,17 @@ class ButtonComponent {
|
|
|
376
376
|
result.push(`button-square`);
|
|
377
377
|
}
|
|
378
378
|
switch (this.size) {
|
|
379
|
-
case
|
|
380
|
-
result.push(`
|
|
379
|
+
case 'l':
|
|
380
|
+
result.push(`button-l`);
|
|
381
381
|
break;
|
|
382
|
-
case
|
|
382
|
+
case 'm':
|
|
383
383
|
result.push(`font-button-2`);
|
|
384
|
+
result.push(`button-m`);
|
|
385
|
+
break;
|
|
386
|
+
case 's':
|
|
387
|
+
result.push(`font-button-3`);
|
|
388
|
+
result.push(`button-s`);
|
|
389
|
+
break;
|
|
384
390
|
}
|
|
385
391
|
result.push(`button_${this.viewType}`);
|
|
386
392
|
return result.join(' ');
|
|
@@ -391,8 +397,7 @@ class ButtonComponent {
|
|
|
391
397
|
this.viewType = 'rounded';
|
|
392
398
|
this.size = 'm';
|
|
393
399
|
}
|
|
394
|
-
ngOnInit() {
|
|
395
|
-
}
|
|
400
|
+
ngOnInit() { }
|
|
396
401
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
397
402
|
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 }); }
|
|
398
403
|
}
|