@tetacom/ng-components 1.2.8 → 1.2.10
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/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/fesm2022/tetacom-ng-components.mjs +18 -12
- package/fesm2022/tetacom-ng-components.mjs.map +1 -1
- package/package.json +1 -1
- package/style/accordion.scss +65 -42
- package/style/button.scss +0 -2
- package/style/chips.scss +31 -33
|
@@ -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
|
}
|
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
|
|
@@ -57,15 +57,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
|
|
|
57
57
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
58
58
|
|
|
59
59
|
class AccordionItemComponent {
|
|
60
|
+
get dividerClass() {
|
|
61
|
+
return this.divider;
|
|
62
|
+
}
|
|
60
63
|
get class() {
|
|
61
|
-
return `
|
|
64
|
+
return `accordion-item_${this.viewType}`;
|
|
62
65
|
}
|
|
63
66
|
constructor(accordion, cdr$) {
|
|
64
67
|
this.cdr$ = cdr$;
|
|
65
68
|
this.open = false;
|
|
66
69
|
this.disabled = false;
|
|
67
|
-
this.viewType = 'rounded';
|
|
68
70
|
this.accordionItemClass = true;
|
|
71
|
+
this.divider = false;
|
|
72
|
+
this.viewType = 'rounded';
|
|
69
73
|
this.accordion$ = accordion;
|
|
70
74
|
}
|
|
71
75
|
toggle() {
|
|
@@ -73,11 +77,11 @@ class AccordionItemComponent {
|
|
|
73
77
|
this.cdr$.detectChanges();
|
|
74
78
|
}
|
|
75
79
|
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 }); }
|
|
76
|
-
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
|
|
80
|
+
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 }); }
|
|
77
81
|
}
|
|
78
82
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AccordionItemComponent, decorators: [{
|
|
79
83
|
type: Component,
|
|
80
|
-
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
|
|
84
|
+
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" }]
|
|
81
85
|
}], ctorParameters: () => [{ type: AccordionComponent, decorators: [{
|
|
82
86
|
type: Optional
|
|
83
87
|
}, {
|
|
@@ -93,11 +97,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
|
|
|
93
97
|
type: Input
|
|
94
98
|
}], disabled: [{
|
|
95
99
|
type: Input
|
|
96
|
-
}], viewType: [{
|
|
97
|
-
type: Input
|
|
98
100
|
}], accordionItemClass: [{
|
|
99
101
|
type: HostBinding,
|
|
100
102
|
args: ['class.accordion-item']
|
|
103
|
+
}], divider: [{
|
|
104
|
+
type: Input
|
|
105
|
+
}], dividerClass: [{
|
|
106
|
+
type: HostBinding,
|
|
107
|
+
args: ['class.accordion-item_divider']
|
|
108
|
+
}], viewType: [{
|
|
109
|
+
type: Input
|
|
101
110
|
}], class: [{
|
|
102
111
|
type: HostBinding,
|
|
103
112
|
args: [`class`]
|
|
@@ -246,16 +255,13 @@ class AccordionHeadComponent {
|
|
|
246
255
|
get disabled() {
|
|
247
256
|
return this.accordionItem$.disabled;
|
|
248
257
|
}
|
|
249
|
-
ngOnInit() {
|
|
250
|
-
}
|
|
258
|
+
ngOnInit() { }
|
|
251
259
|
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 }); }
|
|
252
|
-
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
|
|
260
|
+
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 }); }
|
|
253
261
|
}
|
|
254
262
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AccordionHeadComponent, decorators: [{
|
|
255
263
|
type: Component,
|
|
256
|
-
args: [{ selector: 'teta-accordion-head', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
|
257
|
-
IconComponent
|
|
258
|
-
], 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" }]
|
|
264
|
+
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" }]
|
|
259
265
|
}], ctorParameters: () => [{ type: AccordionItemComponent, decorators: [{
|
|
260
266
|
type: Host
|
|
261
267
|
}, {
|