@tetacom/ng-components 1.2.9 → 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.
- package/component/accordion/accordion-item/accordion-item.component.d.ts +5 -3
- package/component/button/button/button.component.d.ts +3 -5
- package/docs/accordionDocs.mdx +139 -118
- package/esm2022/component/accordion/accordion/accordion.component.mjs +1 -1
- package/esm2022/component/accordion/accordion-head/accordion-head.component.mjs +4 -7
- package/esm2022/component/accordion/accordion-item/accordion-item.component.mjs +17 -8
- package/esm2022/component/button/button/button.component.mjs +19 -12
- package/fesm2022/tetacom-ng-components.mjs +35 -23
- package/fesm2022/tetacom-ng-components.mjs.map +1 -1
- package/package.json +1 -1
- package/style/accordion.scss +65 -42
- package/style/chips.scss +2 -6
|
@@ -1,19 +1,21 @@
|
|
|
1
1
|
import { ChangeDetectorRef } from '@angular/core';
|
|
2
|
-
import { viewType } from '../../../common/model/view-type.model';
|
|
3
2
|
import { AccordionComponent } from '../accordion/accordion.component';
|
|
4
3
|
import { AccordionContentDirective } from '../accordion-content.directive';
|
|
4
|
+
import { viewType } from '../../../common/model/view-type.model';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare class AccordionItemComponent {
|
|
7
7
|
private cdr$;
|
|
8
8
|
content?: AccordionContentDirective;
|
|
9
9
|
open: boolean;
|
|
10
10
|
disabled: boolean;
|
|
11
|
-
viewType: viewType;
|
|
12
11
|
private readonly accordionItemClass;
|
|
12
|
+
divider: boolean;
|
|
13
|
+
get dividerClass(): boolean;
|
|
14
|
+
viewType: viewType;
|
|
13
15
|
get class(): string;
|
|
14
16
|
private readonly accordion$;
|
|
15
17
|
constructor(accordion: AccordionComponent, cdr$: ChangeDetectorRef);
|
|
16
18
|
toggle(): void;
|
|
17
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<AccordionItemComponent, [{ optional: true; }, null]>;
|
|
18
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AccordionItemComponent, "teta-accordion-item", never, { "open": { "alias": "open"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "viewType": { "alias": "viewType"; "required": false; }; }, {}, ["content"], ["teta-accordion-head"], true, never>;
|
|
20
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AccordionItemComponent, "teta-accordion-item", never, { "open": { "alias": "open"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "divider": { "alias": "divider"; "required": false; }; "viewType": { "alias": "viewType"; "required": false; }; }, {}, ["content"], ["teta-accordion-head"], true, never>;
|
|
19
21
|
}
|
|
@@ -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
|
}
|
package/docs/accordionDocs.mdx
CHANGED
|
@@ -1,118 +1,139 @@
|
|
|
1
|
-
import {Meta} from
|
|
2
|
-
import AccordionStories from
|
|
3
|
-
|
|
4
|
-
<Meta of={AccordionStories}/>
|
|
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
|
-
|
|
1
|
+
import { Meta } from '@storybook/blocks';
|
|
2
|
+
import AccordionStories from '../src/component/accordion/Accordion.stories';
|
|
3
|
+
|
|
4
|
+
<Meta of={AccordionStories} />
|
|
5
|
+
|
|
6
|
+
# Аккордеон
|
|
7
|
+
|
|
8
|
+
Аккордеон — это список параметров, которые можно развернуть / свернуть, чтобы отобразить или скрыть дополнительный
|
|
9
|
+
связанный контент.
|
|
10
|
+
|
|
11
|
+
### Функции
|
|
12
|
+
|
|
13
|
+
Аккордеон позволяет пользователю расширить и свернуть разделы контента и тем самым быстро перемещаться по
|
|
14
|
+
материалам, а также дизайнер может вмещать большие объемы информации в ограниченном пространстве.
|
|
15
|
+
|
|
16
|
+
У элемента есть возможность добавить иконку для уточнения раздела или же кнопку “Дополнительно” для уточнения
|
|
17
|
+
возможностей аккордеона.
|
|
18
|
+
|
|
19
|
+
### Состояния
|
|
20
|
+
|
|
21
|
+
По умолчанию у аккордеона есть 3 состояния: Close, Hover и Open.
|
|
22
|
+
|
|
23
|
+
Аккордеон при наведении визуально выделяется, чтобы человек понимал, что при нажатии на этот элемент что-то
|
|
24
|
+
произойдет. После нажатия стрелка поворчаивается, показывая, что элемент был успешно развёрнут. При повторном
|
|
25
|
+
щелчке, стрелка возвращается в исходное положение, а информация сворачивается.
|
|
26
|
+
|
|
27
|
+
### Как пользоваться компонентом
|
|
28
|
+
|
|
29
|
+
Для начала нужно создать `<teta-accordion>` — обертку для аккордеонов и служит для объединения
|
|
30
|
+
аккордеонов, т.е. среди них может быть открыт только один.
|
|
31
|
+
|
|
32
|
+
Сам аккордеон создается при помощи тега `<teta-accordion-item>`.
|
|
33
|
+
|
|
34
|
+
Внутрь необходимо передать контент для шапки аккордеона и наполнение аккордеона. Это делается при помощи
|
|
35
|
+
компонента `<teta-accordion-head>` с наполнением шапки и директивы `tetaAccordionContent`
|
|
36
|
+
|
|
37
|
+
### Примеры кода
|
|
38
|
+
|
|
39
|
+
```
|
|
40
|
+
<teta-accordion>
|
|
41
|
+
<teta-accordion-item [viewType]="'rounded'" [divider]="true">
|
|
42
|
+
<teta-accordion-head>Heading 1</teta-accordion-head>
|
|
43
|
+
<ng-template tetaAccordionContent>
|
|
44
|
+
<div class="padding-v-3 padding-h-2">I am the content 1</div>
|
|
45
|
+
</ng-template>
|
|
46
|
+
</teta-accordion-item>
|
|
47
|
+
<teta-accordion-item [viewType]="'brick'">
|
|
48
|
+
<teta-accordion-head>Heading 3</teta-accordion-head>
|
|
49
|
+
<ng-template tetaAccordionContent>
|
|
50
|
+
<div class="padding-v-3 padding-h-5">I am the content 3</div>
|
|
51
|
+
</ng-template>
|
|
52
|
+
</teta-accordion-item>
|
|
53
|
+
</teta-accordion>
|
|
54
|
+
```
|
|
55
|
+
|
|
56
|
+
### Свойства
|
|
57
|
+
|
|
58
|
+
#### teta-accordion-item
|
|
59
|
+
|
|
60
|
+
<table>
|
|
61
|
+
<thead>
|
|
62
|
+
<tr>
|
|
63
|
+
<th>Свойство</th>
|
|
64
|
+
<th>Tип</th>
|
|
65
|
+
<th>Описание</th>
|
|
66
|
+
</tr>
|
|
67
|
+
</thead>
|
|
68
|
+
<tbody>
|
|
69
|
+
<tr>
|
|
70
|
+
<td class="text-align-center">
|
|
71
|
+
<p>open</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>disabled</p>
|
|
83
|
+
</td>
|
|
84
|
+
<td class="text-align-center">
|
|
85
|
+
<code>boolean</code>
|
|
86
|
+
</td>
|
|
87
|
+
<td class="text-align-center">
|
|
88
|
+
<p>Свойство для отключения аккордеона</p>
|
|
89
|
+
</td>
|
|
90
|
+
</tr>
|
|
91
|
+
<tr>
|
|
92
|
+
<td class="text-align-center">
|
|
93
|
+
<p>viewType</p>
|
|
94
|
+
</td>
|
|
95
|
+
<td class="text-align-center">
|
|
96
|
+
<code>'rounded'|'circle'|'brick'</code>
|
|
97
|
+
</td>
|
|
98
|
+
<td class="text-align-center">
|
|
99
|
+
<p>Свойство округления компонента.</p>
|
|
100
|
+
</td>
|
|
101
|
+
</tr>
|
|
102
|
+
<tr>
|
|
103
|
+
<td class="text-align-center">
|
|
104
|
+
<p>divider</p>
|
|
105
|
+
</td>
|
|
106
|
+
<td class="text-align-center">
|
|
107
|
+
<code>boolean</code>
|
|
108
|
+
</td>
|
|
109
|
+
<td class="text-align-center">
|
|
110
|
+
<p>Разделители между айтемами</p>
|
|
111
|
+
</td>
|
|
112
|
+
</tr>
|
|
113
|
+
</tbody>
|
|
114
|
+
</table>
|
|
115
|
+
|
|
116
|
+
#### teta-accordion-head
|
|
117
|
+
|
|
118
|
+
<table>
|
|
119
|
+
<thead>
|
|
120
|
+
<tr>
|
|
121
|
+
<th>Свойство</th>
|
|
122
|
+
<th>Tип</th>
|
|
123
|
+
<th>Описание</th>
|
|
124
|
+
</tr>
|
|
125
|
+
</thead>
|
|
126
|
+
<tbody>
|
|
127
|
+
<tr>
|
|
128
|
+
<td class="text-align-center">
|
|
129
|
+
<p>showToggle</p>
|
|
130
|
+
</td>
|
|
131
|
+
<td class="text-align-center">
|
|
132
|
+
<code>boolean</code>
|
|
133
|
+
</td>
|
|
134
|
+
<td class="text-align-center">
|
|
135
|
+
<p>Свойство для отображения состояния аккордеона</p>
|
|
136
|
+
</td>
|
|
137
|
+
</tr>
|
|
138
|
+
</tbody>
|
|
139
|
+
</table>
|
|
@@ -14,4 +14,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
|
|
|
14
14
|
type: HostBinding,
|
|
15
15
|
args: ['class.accordion']
|
|
16
16
|
}] } });
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnQvYWNjb3JkaW9uL2FjY29yZGlvbi9hY2NvcmRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9hY2NvcmRpb24vYWNjb3JkaW9uL2FjY29yZGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTaEYsTUFBTSxPQUFPLGtCQUFrQjtJQVAvQjtRQVFtRCx1QkFBa0IsR0FBRyxJQUFJLENBQUM7S0FDNUU7OEdBRlksa0JBQWtCO2tHQUFsQixrQkFBa0Isa0pDVC9CLDZCQUNBOzsyRkRRYSxrQkFBa0I7a0JBUDlCLFNBQVM7K0JBQ0UsZ0JBQWdCLG1CQUdULHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSTs4QkFHaUMsa0JBQWtCO3NCQUFsRSxXQUFXO3VCQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RldGEtYWNjb3JkaW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FjY29yZGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FjY29yZGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgQWNjb3JkaW9uQ29tcG9uZW50IHtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5hY2NvcmRpb24nKSBwcml2YXRlIHJlYWRvbmx5IGFjY29yZGlvbkNsYXNzTmFtZSA9IHRydWU7XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4iXX0=
|
|
@@ -21,16 +21,13 @@ export class AccordionHeadComponent {
|
|
|
21
21
|
get disabled() {
|
|
22
22
|
return this.accordionItem$.disabled;
|
|
23
23
|
}
|
|
24
|
-
ngOnInit() {
|
|
25
|
-
}
|
|
24
|
+
ngOnInit() { }
|
|
26
25
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AccordionHeadComponent, deps: [{ token: AccordionItemComponent, host: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: AccordionHeadComponent, isStandalone: true, selector: "teta-accordion-head", inputs: { showToggle: "showToggle" }, host: { listeners: { "click": "toggle()" }, properties: { "class.accordion-head": "this.accordionHeadClass", "class.accordion-head_open": "this.open", "class.accordion-head_disabled": "this.disabled" } }, ngImport: i0, template: "<ng-content></ng-content>\n@if (showToggle) {\n
|
|
26
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: AccordionHeadComponent, isStandalone: true, selector: "teta-accordion-head", inputs: { showToggle: "showToggle" }, host: { listeners: { "click": "toggle()" }, properties: { "class.accordion-head": "this.accordionHeadClass", "class.accordion-head_open": "this.open", "class.accordion-head_disabled": "this.disabled" } }, ngImport: i0, template: "<ng-content></ng-content>\n@if (showToggle) {\n<div class=\"accordion-toggle\" [class.accordion-toggle_opened]=\"open\">\n <teta-icon [name]=\"'arrowDownKey'\"></teta-icon>\n</div>\n}\n", styles: [""], dependencies: [{ kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
28
27
|
}
|
|
29
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AccordionHeadComponent, decorators: [{
|
|
30
29
|
type: Component,
|
|
31
|
-
args: [{ selector: 'teta-accordion-head', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
|
32
|
-
IconComponent
|
|
33
|
-
], template: "<ng-content></ng-content>\n@if (showToggle) {\n <div class=\"accordion-toggle\">\n <teta-icon [name]=\"open ? 'arrowUpKey' : 'arrowDownKey'\"></teta-icon>\n </div>\n}\n\n" }]
|
|
30
|
+
args: [{ selector: 'teta-accordion-head', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [IconComponent], template: "<ng-content></ng-content>\n@if (showToggle) {\n<div class=\"accordion-toggle\" [class.accordion-toggle_opened]=\"open\">\n <teta-icon [name]=\"'arrowDownKey'\"></teta-icon>\n</div>\n}\n" }]
|
|
34
31
|
}], ctorParameters: () => [{ type: i1.AccordionItemComponent, decorators: [{
|
|
35
32
|
type: Host
|
|
36
33
|
}, {
|
|
@@ -51,4 +48,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
|
|
|
51
48
|
type: HostBinding,
|
|
52
49
|
args: ['class.accordion-head_disabled']
|
|
53
50
|
}] } });
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWhlYWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9hY2NvcmRpb24vYWNjb3JkaW9uLWhlYWQvYWNjb3JkaW9uLWhlYWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9hY2NvcmRpb24vYWNjb3JkaW9uLWhlYWQvYWNjb3JkaW9uLWhlYWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsSUFBSSxFQUNKLFdBQVcsRUFDWCxZQUFZLEVBQ1osTUFBTSxFQUNOLEtBQUssR0FFTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUNwRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7OztBQVUvRCxNQUFNLE9BQU8sc0JBQXNCO0lBT2pDLFlBR0UsYUFBcUM7UUFUZSx1QkFBa0IsR0FBRyxJQUFJLENBQUM7UUFFdkUsZUFBVSxHQUFHLElBQUksQ0FBQztRQVN6QixJQUFJLENBQUMsY0FBYyxHQUFHLGFBQWEsQ0FBQztJQUN0QyxDQUFDO0lBR0QsTUFBTTtRQUNKLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ2xCLE9BQU87UUFDVCxDQUFDO1FBQ0QsSUFBSSxDQUFDLGNBQWMsQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRUQsSUFDSSxJQUFJO1FBQ04sT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQztJQUNsQyxDQUFDO0lBRUQsSUFDSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDLFFBQVEsQ0FBQztJQUN0QyxDQUFDO0lBRUQsUUFBUSxLQUFJLENBQUM7OEdBakNGLHNCQUFzQixrQkFTdkIsc0JBQXNCO2tHQVRyQixzQkFBc0Isa1VDckJuQyw0TEFNQSwwRERhWSxhQUFhOzsyRkFFWixzQkFBc0I7a0JBUmxDLFNBQVM7K0JBQ0UscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQLENBQUMsYUFBYSxDQUFDOzswQkFVckIsSUFBSTs7MEJBQ0osTUFBTTsyQkFBQyxzQkFBc0I7eUNBUnNCLGtCQUFrQjtzQkFBdkUsV0FBVzt1QkFBQyxzQkFBc0I7Z0JBRTFCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBYU4sTUFBTTtzQkFETCxZQUFZO3VCQUFDLE9BQU87Z0JBU2pCLElBQUk7c0JBRFAsV0FBVzt1QkFBQywyQkFBMkI7Z0JBTXBDLFFBQVE7c0JBRFgsV0FBVzt1QkFBQywrQkFBK0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBIb3N0LFxuICBIb3N0QmluZGluZyxcbiAgSG9zdExpc3RlbmVyLFxuICBJbmplY3QsXG4gIElucHV0LFxuICBPbkluaXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWNjb3JkaW9uSXRlbUNvbXBvbmVudCB9IGZyb20gJy4uL2FjY29yZGlvbi1pdGVtL2FjY29yZGlvbi1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vaWNvbi9pY29uL2ljb24uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGV0YS1hY2NvcmRpb24taGVhZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hY2NvcmRpb24taGVhZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FjY29yZGlvbi1oZWFkLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbSWNvbkNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEFjY29yZGlvbkhlYWRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmFjY29yZGlvbi1oZWFkJykgcHJpdmF0ZSByZWFkb25seSBhY2NvcmRpb25IZWFkQ2xhc3MgPSB0cnVlO1xuXG4gIEBJbnB1dCgpIHNob3dUb2dnbGUgPSB0cnVlO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgYWNjb3JkaW9uSXRlbSQ6IEFjY29yZGlvbkl0ZW1Db21wb25lbnQ7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQEhvc3QoKVxuICAgIEBJbmplY3QoQWNjb3JkaW9uSXRlbUNvbXBvbmVudClcbiAgICBhY2NvcmRpb25JdGVtOiBBY2NvcmRpb25JdGVtQ29tcG9uZW50XG4gICkge1xuICAgIHRoaXMuYWNjb3JkaW9uSXRlbSQgPSBhY2NvcmRpb25JdGVtO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snKVxuICB0b2dnbGUoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5hY2NvcmRpb25JdGVtJC50b2dnbGUoKTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuYWNjb3JkaW9uLWhlYWRfb3BlbicpXG4gIGdldCBvcGVuKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmFjY29yZGlvbkl0ZW0kLm9wZW47XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmFjY29yZGlvbi1oZWFkX2Rpc2FibGVkJylcbiAgZ2V0IGRpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmFjY29yZGlvbkl0ZW0kLmRpc2FibGVkO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7fVxufVxuIiwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuQGlmIChzaG93VG9nZ2xlKSB7XG48ZGl2IGNsYXNzPVwiYWNjb3JkaW9uLXRvZ2dsZVwiIFtjbGFzcy5hY2NvcmRpb24tdG9nZ2xlX29wZW5lZF09XCJvcGVuXCI+XG4gIDx0ZXRhLWljb24gW25hbWVdPVwiJ2Fycm93RG93bktleSdcIj48L3RldGEtaWNvbj5cbjwvZGl2PlxufVxuIl19
|
|
@@ -1,19 +1,23 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, HostBinding, Inject, Input, Optional, } from '@angular/core';
|
|
2
|
+
import { NgTemplateOutlet } from '@angular/common';
|
|
2
3
|
import { AccordionComponent } from '../accordion/accordion.component';
|
|
3
4
|
import { AccordionContentDirective } from '../accordion-content.directive';
|
|
4
|
-
import { NgTemplateOutlet } from '@angular/common';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
import * as i1 from "../accordion/accordion.component";
|
|
7
7
|
export class AccordionItemComponent {
|
|
8
|
+
get dividerClass() {
|
|
9
|
+
return this.divider;
|
|
10
|
+
}
|
|
8
11
|
get class() {
|
|
9
|
-
return `
|
|
12
|
+
return `accordion-item_${this.viewType}`;
|
|
10
13
|
}
|
|
11
14
|
constructor(accordion, cdr$) {
|
|
12
15
|
this.cdr$ = cdr$;
|
|
13
16
|
this.open = false;
|
|
14
17
|
this.disabled = false;
|
|
15
|
-
this.viewType = 'rounded';
|
|
16
18
|
this.accordionItemClass = true;
|
|
19
|
+
this.divider = false;
|
|
20
|
+
this.viewType = 'rounded';
|
|
17
21
|
this.accordion$ = accordion;
|
|
18
22
|
}
|
|
19
23
|
toggle() {
|
|
@@ -21,11 +25,11 @@ export class AccordionItemComponent {
|
|
|
21
25
|
this.cdr$.detectChanges();
|
|
22
26
|
}
|
|
23
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AccordionItemComponent, deps: [{ token: AccordionComponent, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: AccordionItemComponent, isStandalone: true, selector: "teta-accordion-item", inputs: { open: "open", disabled: "disabled", viewType: "viewType" }, host: { properties: { "class.accordion-item_active": "this.open", "class.accordion-item": "this.accordionItemClass", "class": "this.class" } }, queries: [{ propertyName: "content", first: true, predicate: AccordionContentDirective, descendants: true }], ngImport: i0, template: "<ng-content select=\"teta-accordion-head\"></ng-content>\n@if (open) {\n
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: AccordionItemComponent, isStandalone: true, selector: "teta-accordion-item", inputs: { open: "open", disabled: "disabled", divider: "divider", viewType: "viewType" }, host: { properties: { "class.accordion-item_active": "this.open", "class.accordion-item": "this.accordionItemClass", "class.accordion-item_divider": "this.dividerClass", "class": "this.class" } }, queries: [{ propertyName: "content", first: true, predicate: AccordionContentDirective, descendants: true }], ngImport: i0, template: "<ng-content select=\"teta-accordion-head\"></ng-content>\n@if (open) {\n<div class=\"accordion-content\">\n <ng-container *ngTemplateOutlet=\"content!.template\"></ng-container>\n</div>\n}\n", styles: [""], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
25
29
|
}
|
|
26
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AccordionItemComponent, decorators: [{
|
|
27
31
|
type: Component,
|
|
28
|
-
args: [{ selector: 'teta-accordion-item', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgTemplateOutlet], template: "<ng-content select=\"teta-accordion-head\"></ng-content>\n@if (open) {\n
|
|
32
|
+
args: [{ selector: 'teta-accordion-item', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgTemplateOutlet], template: "<ng-content select=\"teta-accordion-head\"></ng-content>\n@if (open) {\n<div class=\"accordion-content\">\n <ng-container *ngTemplateOutlet=\"content!.template\"></ng-container>\n</div>\n}\n" }]
|
|
29
33
|
}], ctorParameters: () => [{ type: i1.AccordionComponent, decorators: [{
|
|
30
34
|
type: Optional
|
|
31
35
|
}, {
|
|
@@ -41,13 +45,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
|
|
|
41
45
|
type: Input
|
|
42
46
|
}], disabled: [{
|
|
43
47
|
type: Input
|
|
44
|
-
}], viewType: [{
|
|
45
|
-
type: Input
|
|
46
48
|
}], accordionItemClass: [{
|
|
47
49
|
type: HostBinding,
|
|
48
50
|
args: ['class.accordion-item']
|
|
51
|
+
}], divider: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}], dividerClass: [{
|
|
54
|
+
type: HostBinding,
|
|
55
|
+
args: ['class.accordion-item_divider']
|
|
56
|
+
}], viewType: [{
|
|
57
|
+
type: Input
|
|
49
58
|
}], class: [{
|
|
50
59
|
type: HostBinding,
|
|
51
60
|
args: [`class`]
|
|
52
61
|
}] } });
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9hY2NvcmRpb24vYWNjb3JkaW9uLWl0ZW0vYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9hY2NvcmRpb24vYWNjb3JkaW9uLWl0ZW0vYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULFlBQVksRUFDWixXQUFXLEVBQ1gsTUFBTSxFQUNOLEtBQUssRUFDTCxRQUFRLEdBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFbkQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDdEUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7OztBQVczRSxNQUFNLE9BQU8sc0JBQXNCO0lBYWpDLElBQWlELFlBQVk7UUFDM0QsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQ3RCLENBQUM7SUFJRCxJQUNJLEtBQUs7UUFDUCxPQUFPLGtCQUFrQixJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDM0MsQ0FBQztJQUlELFlBQW9ELFNBQTZCLEVBQVUsSUFBdUI7UUFBdkIsU0FBSSxHQUFKLElBQUksQ0FBbUI7UUFwQmxILFNBQUksR0FBRyxLQUFLLENBQUM7UUFFYixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ3FDLHVCQUFrQixHQUFHLElBQUksQ0FBQztRQUdoRixZQUFPLEdBQVksS0FBSyxDQUFDO1FBTXpCLGFBQVEsR0FBYSxTQUFTLENBQUM7UUFTN0IsSUFBSSxDQUFDLFVBQVUsR0FBRyxTQUFTLENBQUM7SUFDOUIsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQztRQUN2QixJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzVCLENBQUM7OEdBakNVLHNCQUFzQixrQkEwQkQsa0JBQWtCO2tHQTFCdkMsc0JBQXNCLG1aQUNuQix5QkFBeUIsZ0RDekJ6QyxpTUFNQSwwRERnQlksZ0JBQWdCOzsyRkFFZixzQkFBc0I7a0JBUmxDLFNBQVM7K0JBQ0UscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQLENBQUMsZ0JBQWdCLENBQUM7OzBCQTRCZCxRQUFROzswQkFBSSxNQUFNOzJCQUFDLGtCQUFrQjt5RUF4QmxELE9BQU87c0JBRE4sWUFBWTt1QkFBQyx5QkFBeUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Z0JBSzFELElBQUk7c0JBRkgsV0FBVzt1QkFBQyw2QkFBNkI7O3NCQUN6QyxLQUFLO2dCQUdOLFFBQVE7c0JBRFAsS0FBSztnQkFFZ0Qsa0JBQWtCO3NCQUF2RSxXQUFXO3VCQUFDLHNCQUFzQjtnQkFHbkMsT0FBTztzQkFETixLQUFLO2dCQUUyQyxZQUFZO3NCQUE1RCxXQUFXO3VCQUFDLDhCQUE4QjtnQkFLM0MsUUFBUTtzQkFEUCxLQUFLO2dCQUdGLEtBQUs7c0JBRFIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgSG9zdEJpbmRpbmcsXG4gIEluamVjdCxcbiAgSW5wdXQsXG4gIE9wdGlvbmFsLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5pbXBvcnQgeyBBY2NvcmRpb25Db21wb25lbnQgfSBmcm9tICcuLi9hY2NvcmRpb24vYWNjb3JkaW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBY2NvcmRpb25Db250ZW50RGlyZWN0aXZlIH0gZnJvbSAnLi4vYWNjb3JkaW9uLWNvbnRlbnQuZGlyZWN0aXZlJztcbmltcG9ydCB7IHZpZXdUeXBlIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL21vZGVsL3ZpZXctdHlwZS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RldGEtYWNjb3JkaW9uLWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJy4vYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hY2NvcmRpb24taXRlbS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nVGVtcGxhdGVPdXRsZXRdLFxufSlcbmV4cG9ydCBjbGFzcyBBY2NvcmRpb25JdGVtQ29tcG9uZW50IHtcbiAgQENvbnRlbnRDaGlsZChBY2NvcmRpb25Db250ZW50RGlyZWN0aXZlLCB7IHN0YXRpYzogZmFsc2UgfSlcbiAgY29udGVudD86IEFjY29yZGlvbkNvbnRlbnREaXJlY3RpdmU7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5hY2NvcmRpb24taXRlbV9hY3RpdmUnKVxuICBASW5wdXQoKVxuICBvcGVuID0gZmFsc2U7XG4gIEBJbnB1dCgpXG4gIGRpc2FibGVkID0gZmFsc2U7XG4gIEBIb3N0QmluZGluZygnY2xhc3MuYWNjb3JkaW9uLWl0ZW0nKSBwcml2YXRlIHJlYWRvbmx5IGFjY29yZGlvbkl0ZW1DbGFzcyA9IHRydWU7XG5cbiAgQElucHV0KClcbiAgZGl2aWRlcjogYm9vbGVhbiA9IGZhbHNlO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmFjY29yZGlvbi1pdGVtX2RpdmlkZXInKSBnZXQgZGl2aWRlckNsYXNzKCkge1xuICAgIHJldHVybiB0aGlzLmRpdmlkZXI7XG4gIH1cblxuICBASW5wdXQoKVxuICB2aWV3VHlwZTogdmlld1R5cGUgPSAncm91bmRlZCc7XG4gIEBIb3N0QmluZGluZyhgY2xhc3NgKVxuICBnZXQgY2xhc3MoKSB7XG4gICAgcmV0dXJuIGBhY2NvcmRpb24taXRlbV8ke3RoaXMudmlld1R5cGV9YDtcbiAgfVxuXG4gIHByaXZhdGUgcmVhZG9ubHkgYWNjb3JkaW9uJDogQWNjb3JkaW9uQ29tcG9uZW50O1xuXG4gIGNvbnN0cnVjdG9yKEBPcHRpb25hbCgpIEBJbmplY3QoQWNjb3JkaW9uQ29tcG9uZW50KSBhY2NvcmRpb246IEFjY29yZGlvbkNvbXBvbmVudCwgcHJpdmF0ZSBjZHIkOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICAgIHRoaXMuYWNjb3JkaW9uJCA9IGFjY29yZGlvbjtcbiAgfVxuXG4gIHRvZ2dsZSgpIHtcbiAgICB0aGlzLm9wZW4gPSAhdGhpcy5vcGVuO1xuICAgIHRoaXMuY2RyJC5kZXRlY3RDaGFuZ2VzKCk7XG4gIH1cbn1cbiIsIjxuZy1jb250ZW50IHNlbGVjdD1cInRldGEtYWNjb3JkaW9uLWhlYWRcIj48L25nLWNvbnRlbnQ+XG5AaWYgKG9wZW4pIHtcbjxkaXYgY2xhc3M9XCJhY2NvcmRpb24tY29udGVudFwiPlxuICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudCEudGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxufVxuIl19
|
|
@@ -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=
|