@taiga-ui/core 4.0.0 → 4.0.1
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/components/index.d.ts +0 -1
- package/components/textfield/textfield.component.d.ts +2 -0
- package/{components → directives}/group/group.directive.d.ts +0 -2
- package/directives/index.d.ts +1 -0
- package/esm2022/components/button/button.directive.mjs +2 -2
- package/esm2022/components/index.mjs +1 -2
- package/esm2022/components/root/root.component.mjs +3 -3
- package/esm2022/components/textfield/select.directive.mjs +5 -4
- package/esm2022/components/textfield/textfield.component.mjs +6 -3
- package/esm2022/components/textfield/textfield.directive.mjs +2 -2
- package/esm2022/directives/group/group.directive.mjs +51 -0
- package/esm2022/{components → directives}/group/group.options.mjs +2 -2
- package/esm2022/{components → directives}/group/index.mjs +1 -1
- package/esm2022/{components/group/taiga-ui-core-components-group.mjs → directives/group/taiga-ui-core-directives-group.mjs} +1 -1
- package/esm2022/directives/index.mjs +2 -1
- package/fesm2022/taiga-ui-core-components-button.mjs +2 -2
- package/fesm2022/taiga-ui-core-components-button.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-root.mjs +2 -2
- package/fesm2022/taiga-ui-core-components-root.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-textfield.mjs +10 -6
- package/fesm2022/taiga-ui-core-components-textfield.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components.mjs +0 -1
- package/fesm2022/taiga-ui-core-components.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-group.mjs +67 -0
- package/fesm2022/taiga-ui-core-directives-group.mjs.map +1 -0
- package/fesm2022/taiga-ui-core-directives.mjs +1 -0
- package/fesm2022/taiga-ui-core-directives.mjs.map +1 -1
- package/package.json +9 -9
- package/styles/components/button.less +0 -13
- package/styles/components/group.less +131 -0
- package/styles/components/notification.less +1 -1
- package/styles/components/textfield.less +2 -4
- package/styles/mixins/mixins.less +1 -1
- package/styles/theme/appearance/secondary.less +1 -1
- package/esm2022/components/group/group.directive.mjs +0 -59
- package/fesm2022/taiga-ui-core-components-group.mjs +0 -75
- package/fesm2022/taiga-ui-core-components-group.mjs.map +0 -1
- /package/{components → directives}/group/group.options.d.ts +0 -0
- /package/{components → directives}/group/index.d.ts +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"taiga-ui-core-directives-group.mjs","sources":["../../../projects/core/directives/group/group.options.ts","../../../projects/core/directives/group/group.directive.ts","../../../projects/core/directives/group/taiga-ui-core-directives-group.ts"],"sourcesContent":["import type {Provider} from '@angular/core';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk/utils/miscellaneous';\nimport type {TuiOrientation, TuiSizeL} from '@taiga-ui/core/types';\n\nexport interface TuiGroupOptions {\n readonly size: TuiSizeL;\n readonly collapsed: boolean;\n readonly rounded: boolean;\n readonly orientation: TuiOrientation;\n}\n\nexport const TUI_GROUP_DEFAULT_OPTIONS: TuiGroupOptions = {\n size: 'l',\n collapsed: false,\n rounded: true,\n orientation: 'horizontal',\n};\n\nexport const TUI_GROUP_OPTIONS = tuiCreateToken(TUI_GROUP_DEFAULT_OPTIONS);\n\nexport function tuiGroupOptionsProvider(options: Partial<TuiGroupOptions>): Provider {\n return tuiProvideOptions(TUI_GROUP_OPTIONS, options, TUI_GROUP_DEFAULT_OPTIONS);\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n Directive,\n inject,\n Input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport type {TuiOrientation, TuiSizeL, TuiSizeS} from '@taiga-ui/core/types';\n\nimport {TUI_GROUP_OPTIONS} from './group.options';\n\n@Component({\n standalone: true,\n template: '',\n styleUrls: ['./group.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-group',\n },\n})\nclass TuiGroupStyles {}\n\n@Directive({\n standalone: true,\n selector: '[tuiGroup]:not(ng-container)',\n host: {\n tuiGroup: '',\n role: 'group',\n '[attr.data-orientation]': 'orientation',\n '[attr.data-size]': 'size',\n '[style.--t-group-radius]': 'rounded ? null : 0',\n '[style.--t-group-margin.rem]': 'collapsed ? null : 0.125',\n },\n})\nexport class TuiGroup {\n private readonly options = inject(TUI_GROUP_OPTIONS);\n\n protected readonly nothing = tuiWithStyles(TuiGroupStyles);\n\n @Input()\n public orientation: TuiOrientation = this.options.orientation;\n\n @Input()\n public collapsed = this.options.collapsed;\n\n @Input()\n public rounded = this.options.rounded;\n\n @Input()\n public size: TuiSizeL | TuiSizeS = this.options.size;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export * from '@taiga-ui/core/directives/appearance';
|
|
2
2
|
export * from '@taiga-ui/core/directives/date-format';
|
|
3
3
|
export * from '@taiga-ui/core/directives/dropdown';
|
|
4
|
+
export * from '@taiga-ui/core/directives/group';
|
|
4
5
|
export * from '@taiga-ui/core/directives/hint';
|
|
5
6
|
export * from '@taiga-ui/core/directives/icons';
|
|
6
7
|
export * from '@taiga-ui/core/directives/number-format';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-core-directives.mjs","sources":["../../../projects/core/directives/taiga-ui-core-directives.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"taiga-ui-core-directives.mjs","sources":["../../../projects/core/directives/taiga-ui-core-directives.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAAA;;AAEG"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@taiga-ui/core",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.1",
|
|
4
4
|
"description": "Core library for creating Angular components and applications using Taiga UI",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|
|
@@ -121,12 +121,6 @@
|
|
|
121
121
|
"esm": "./esm2022/components/expand/taiga-ui-core-components-expand.mjs",
|
|
122
122
|
"default": "./fesm2022/taiga-ui-core-components-expand.mjs"
|
|
123
123
|
},
|
|
124
|
-
"./components/group": {
|
|
125
|
-
"types": "./components/group/index.d.ts",
|
|
126
|
-
"esm2022": "./esm2022/components/group/taiga-ui-core-components-group.mjs",
|
|
127
|
-
"esm": "./esm2022/components/group/taiga-ui-core-components-group.mjs",
|
|
128
|
-
"default": "./fesm2022/taiga-ui-core-components-group.mjs"
|
|
129
|
-
},
|
|
130
124
|
"./components/icon": {
|
|
131
125
|
"types": "./components/icon/index.d.ts",
|
|
132
126
|
"esm2022": "./esm2022/components/icon/taiga-ui-core-components-icon.mjs",
|
|
@@ -199,6 +193,12 @@
|
|
|
199
193
|
"esm": "./esm2022/directives/dropdown/taiga-ui-core-directives-dropdown.mjs",
|
|
200
194
|
"default": "./fesm2022/taiga-ui-core-directives-dropdown.mjs"
|
|
201
195
|
},
|
|
196
|
+
"./directives/group": {
|
|
197
|
+
"types": "./directives/group/index.d.ts",
|
|
198
|
+
"esm2022": "./esm2022/directives/group/taiga-ui-core-directives-group.mjs",
|
|
199
|
+
"esm": "./esm2022/directives/group/taiga-ui-core-directives-group.mjs",
|
|
200
|
+
"default": "./fesm2022/taiga-ui-core-directives-group.mjs"
|
|
201
|
+
},
|
|
202
202
|
"./directives/hint": {
|
|
203
203
|
"types": "./directives/hint/index.d.ts",
|
|
204
204
|
"esm2022": "./esm2022/directives/hint/taiga-ui-core-directives-hint.mjs",
|
|
@@ -311,9 +311,9 @@
|
|
|
311
311
|
"@angular/router": ">=16.0.0",
|
|
312
312
|
"@ng-web-apis/common": "^4.2.1",
|
|
313
313
|
"@ng-web-apis/mutation-observer": "^4.2.1",
|
|
314
|
-
"@taiga-ui/cdk": "^4.0.
|
|
314
|
+
"@taiga-ui/cdk": "^4.0.1",
|
|
315
315
|
"@taiga-ui/event-plugins": "^4.0.1",
|
|
316
|
-
"@taiga-ui/i18n": "^4.0.
|
|
316
|
+
"@taiga-ui/i18n": "^4.0.1",
|
|
317
317
|
"@taiga-ui/polymorpheus": "^4.6.4",
|
|
318
318
|
"rxjs": ">=7.0.0"
|
|
319
319
|
},
|
|
@@ -35,10 +35,6 @@
|
|
|
35
35
|
font: var(--tui-font-text-m);
|
|
36
36
|
font-weight: bold;
|
|
37
37
|
|
|
38
|
-
&[tuiIcons]::after {
|
|
39
|
-
margin: 0 -0.25rem 0 0.25rem;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
38
|
> .t-loader {
|
|
43
39
|
.center-all();
|
|
44
40
|
|
|
@@ -56,10 +52,6 @@
|
|
|
56
52
|
|
|
57
53
|
font: var(--tui-font-text-s);
|
|
58
54
|
|
|
59
|
-
&::after {
|
|
60
|
-
margin: var(--t-margin);
|
|
61
|
-
}
|
|
62
|
-
|
|
63
55
|
tui-svg,
|
|
64
56
|
tui-icon,
|
|
65
57
|
&::before {
|
|
@@ -76,10 +68,6 @@
|
|
|
76
68
|
|
|
77
69
|
font: var(--tui-font-text-s);
|
|
78
70
|
|
|
79
|
-
&::after {
|
|
80
|
-
margin: var(--t-margin);
|
|
81
|
-
}
|
|
82
|
-
|
|
83
71
|
tui-svg,
|
|
84
72
|
tui-icon,
|
|
85
73
|
&:not([tuiIconButton][data-appearance='icon']):not([tuiIconButton][data-appearance='link'])::before {
|
|
@@ -98,7 +86,6 @@
|
|
|
98
86
|
font-weight: bold;
|
|
99
87
|
|
|
100
88
|
&::after {
|
|
101
|
-
margin: var(--t-margin);
|
|
102
89
|
margin-inline-end: -0.125rem;
|
|
103
90
|
}
|
|
104
91
|
}
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @name Group
|
|
3
|
+
* @selector [tuiGroup]
|
|
4
|
+
*
|
|
5
|
+
* @description
|
|
6
|
+
* A directive to combine children into rounded flex group
|
|
7
|
+
*
|
|
8
|
+
* @attributes
|
|
9
|
+
* data-size — size (default: 'l') ('s' | 'm' | 'l')
|
|
10
|
+
* data-orientation — orientation (default: 'horizontal') ('horizontal' | 'vertical')
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* <div tuiGroup>
|
|
14
|
+
* <button tuiButton>Click me</button>
|
|
15
|
+
* <button tuiButton>Click me</button>
|
|
16
|
+
* <button tuiButton>Click me</button>
|
|
17
|
+
* </div>
|
|
18
|
+
*
|
|
19
|
+
* @see-also
|
|
20
|
+
* Button, Block, Textfield
|
|
21
|
+
*/
|
|
22
|
+
[tuiGroup] {
|
|
23
|
+
position: relative;
|
|
24
|
+
display: flex;
|
|
25
|
+
isolation: isolate;
|
|
26
|
+
|
|
27
|
+
--t-group-radius: var(--tui-radius-l);
|
|
28
|
+
--t-group-margin: -1px;
|
|
29
|
+
|
|
30
|
+
& > * {
|
|
31
|
+
z-index: 1;
|
|
32
|
+
flex: 1 1 0;
|
|
33
|
+
min-width: 0;
|
|
34
|
+
|
|
35
|
+
&._disabled,
|
|
36
|
+
&._disabled:hover {
|
|
37
|
+
z-index: 0;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
&:invalid {
|
|
41
|
+
z-index: 2;
|
|
42
|
+
|
|
43
|
+
&:hover {
|
|
44
|
+
z-index: 4;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
&:has(:invalid),
|
|
49
|
+
&:has([data-mode='invalid']) {
|
|
50
|
+
z-index: 2;
|
|
51
|
+
|
|
52
|
+
&:hover {
|
|
53
|
+
z-index: 4;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
&:hover {
|
|
58
|
+
z-index: 3;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
&:has([data-state='hover']) {
|
|
62
|
+
z-index: 3;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
&:focus-within {
|
|
66
|
+
z-index: 5;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
&:has([data-focus='true']) {
|
|
70
|
+
z-index: 5;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
&[data-mode='checked'] {
|
|
74
|
+
z-index: 6;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
&:has([tuiBlock]:checked) {
|
|
78
|
+
z-index: 6;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
&:not(:last-child) {
|
|
82
|
+
margin-inline-end: var(--t-group-margin);
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
&:nth-child(n) {
|
|
86
|
+
border-radius: 0;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
&:first-child {
|
|
90
|
+
border-top-left-radius: var(--t-group-radius);
|
|
91
|
+
border-bottom-left-radius: var(--t-group-radius);
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
&:last-child {
|
|
95
|
+
border-top-right-radius: var(--t-group-radius);
|
|
96
|
+
border-bottom-right-radius: var(--t-group-radius);
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
&[data-size='s'],
|
|
101
|
+
&[data-size='m'] {
|
|
102
|
+
--t-group-radius: var(--tui-radius-m);
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
&[data-orientation='vertical'] {
|
|
106
|
+
display: inline-flex;
|
|
107
|
+
flex-direction: column;
|
|
108
|
+
|
|
109
|
+
& > * {
|
|
110
|
+
min-height: auto;
|
|
111
|
+
flex: 0 0 auto;
|
|
112
|
+
|
|
113
|
+
&:not(:last-child) {
|
|
114
|
+
margin-inline-end: 0;
|
|
115
|
+
margin-block-end: var(--t-group-margin);
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
&:first-child {
|
|
119
|
+
border-radius: var(--t-group-radius) var(--t-group-radius) 0 0;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
&:last-child {
|
|
123
|
+
border-radius: 0 0 var(--t-group-radius) var(--t-group-radius);
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
&:only-child {
|
|
127
|
+
border-radius: var(--t-group-radius);
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
}
|
|
@@ -3,8 +3,6 @@
|
|
|
3
3
|
tui-textfield {
|
|
4
4
|
.transition(color);
|
|
5
5
|
|
|
6
|
-
--t-left: 0rem;
|
|
7
|
-
--t-right: 0rem;
|
|
8
6
|
--t-height: var(--tui-height-l);
|
|
9
7
|
|
|
10
8
|
position: relative;
|
|
@@ -163,8 +161,8 @@ tui-textfield {
|
|
|
163
161
|
appearance: none;
|
|
164
162
|
box-sizing: border-box;
|
|
165
163
|
border: none;
|
|
166
|
-
border-inline-start: var(--t-left) solid transparent !important;
|
|
167
|
-
border-inline-end: calc(var(--t-right) + var(--t-side)) solid transparent !important;
|
|
164
|
+
border-inline-start: var(--t-left, 0) solid transparent !important;
|
|
165
|
+
border-inline-end: calc(var(--t-right, 0rem) + var(--t-side)) solid transparent !important;
|
|
168
166
|
border-radius: inherit;
|
|
169
167
|
padding: inherit;
|
|
170
168
|
}
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Directive, HostBinding, inject, Input, ViewEncapsulation, } from '@angular/core';
|
|
2
|
-
import { tuiDirectiveBinding, tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
3
|
-
import { TUI_GROUP_OPTIONS } from './group.options';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
class TuiGroupStyles {
|
|
6
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiGroupStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiGroupStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-group-styles" }, ngImport: i0, template: '', isInline: true, styles: [".tui-group{position:relative;display:flex;isolation:isolate;--t-radius: var(--tui-radius-m)}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_radius_large{--t-radius: var(--tui-radius-l)}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin:0 -1px 0 0}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*:has([tuiBlock]:checked){z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin:0 0 -1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--t-radius);border-bottom-left-radius:var(--t-radius)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--t-radius);border-bottom-right-radius:var(--t-radius)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--t-radius);border-top-right-radius:var(--t-radius)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--t-radius);border-bottom-right-radius:var(--t-radius)}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8
|
-
}
|
|
9
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiGroupStyles, decorators: [{
|
|
10
|
-
type: Component,
|
|
11
|
-
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
12
|
-
class: 'tui-group-styles',
|
|
13
|
-
}, styles: [".tui-group{position:relative;display:flex;isolation:isolate;--t-radius: var(--tui-radius-m)}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_radius_large{--t-radius: var(--tui-radius-l)}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin:0 -1px 0 0}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*:has([tuiBlock]:checked){z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin:0 0 -1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--t-radius);border-bottom-left-radius:var(--t-radius)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--t-radius);border-bottom-right-radius:var(--t-radius)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--t-radius);border-top-right-radius:var(--t-radius)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--t-radius);border-bottom-right-radius:var(--t-radius)}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}\n"] }]
|
|
14
|
-
}] });
|
|
15
|
-
class TuiGroup {
|
|
16
|
-
constructor() {
|
|
17
|
-
this.options = inject(TUI_GROUP_OPTIONS);
|
|
18
|
-
this.nothing = tuiWithStyles(TuiGroupStyles);
|
|
19
|
-
this.orientation = this.options.orientation;
|
|
20
|
-
this.collapsed = this.options.collapsed;
|
|
21
|
-
this.rounded = this.options.rounded;
|
|
22
|
-
this.size = this.options.size;
|
|
23
|
-
}
|
|
24
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
25
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiGroup, isStandalone: true, selector: "[tuiGroup]:not(ng-container)", inputs: { orientation: "orientation", collapsed: "collapsed", rounded: "rounded", size: "size" }, host: { attributes: { "role": "group" }, properties: { "class.tui-group_orientation_horizontal": "orientation === \"horizontal\"", "class.tui-group_orientation_vertical": "orientation === \"vertical\"", "class.tui-group_radius_large": "size === \"l\"", "class.tui-group_collapsed": "this.collapsed", "class.tui-group_rounded": "this.rounded" }, classAttribute: "tui-group" }, ngImport: i0 }); }
|
|
26
|
-
}
|
|
27
|
-
export { TuiGroup };
|
|
28
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiGroup, decorators: [{
|
|
29
|
-
type: Directive,
|
|
30
|
-
args: [{
|
|
31
|
-
standalone: true,
|
|
32
|
-
selector: '[tuiGroup]:not(ng-container)',
|
|
33
|
-
host: {
|
|
34
|
-
class: 'tui-group',
|
|
35
|
-
role: 'group',
|
|
36
|
-
'[class.tui-group_orientation_horizontal]': 'orientation === "horizontal"',
|
|
37
|
-
'[class.tui-group_orientation_vertical]': 'orientation === "vertical"',
|
|
38
|
-
'[class.tui-group_radius_large]': 'size === "l"',
|
|
39
|
-
},
|
|
40
|
-
}]
|
|
41
|
-
}], propDecorators: { orientation: [{
|
|
42
|
-
type: Input
|
|
43
|
-
}], collapsed: [{
|
|
44
|
-
type: Input
|
|
45
|
-
}, {
|
|
46
|
-
type: HostBinding,
|
|
47
|
-
args: ['class.tui-group_collapsed']
|
|
48
|
-
}], rounded: [{
|
|
49
|
-
type: Input
|
|
50
|
-
}, {
|
|
51
|
-
type: HostBinding,
|
|
52
|
-
args: ['class.tui-group_rounded']
|
|
53
|
-
}], size: [{
|
|
54
|
-
type: Input
|
|
55
|
-
}] } });
|
|
56
|
-
export function tuiGroupSize(signal) {
|
|
57
|
-
return tuiDirectiveBinding(TuiGroup, 'size', signal);
|
|
58
|
-
}
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JvdXAuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL2dyb3VwL2dyb3VwLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxTQUFTLEVBQ1QsV0FBVyxFQUNYLE1BQU0sRUFDTixLQUFLLEVBQ0wsaUJBQWlCLEdBQ3BCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxtQkFBbUIsRUFBRSxhQUFhLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQztBQUdyRixPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQzs7QUFFbEQsTUFVTSxjQUFjOytHQUFkLGNBQWM7bUdBQWQsY0FBYyxzSEFSTixFQUFFOzs0RkFRVixjQUFjO2tCQVZuQixTQUFTO2lDQUNNLElBQUksWUFDTixFQUFFLGlCQUVHLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0YsS0FBSyxFQUFFLGtCQUFrQjtxQkFDNUI7O0FBSUwsTUFXYSxRQUFRO0lBWHJCO1FBWXFCLFlBQU8sR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUVsQyxZQUFPLEdBQUcsYUFBYSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBR3BELGdCQUFXLEdBQW1CLElBQUksQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDO1FBSXZELGNBQVMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQztRQUluQyxZQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUM7UUFHL0IsU0FBSSxHQUF3QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQztLQUN4RDsrR0FsQlksUUFBUTttR0FBUixRQUFROztTQUFSLFFBQVE7NEZBQVIsUUFBUTtrQkFYcEIsU0FBUzttQkFBQztvQkFDUCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLDhCQUE4QjtvQkFDeEMsSUFBSSxFQUFFO3dCQUNGLEtBQUssRUFBRSxXQUFXO3dCQUNsQixJQUFJLEVBQUUsT0FBTzt3QkFDYiwwQ0FBMEMsRUFBRSw4QkFBOEI7d0JBQzFFLHdDQUF3QyxFQUFFLDRCQUE0Qjt3QkFDdEUsZ0NBQWdDLEVBQUUsY0FBYztxQkFDbkQ7aUJBQ0o7OEJBT1UsV0FBVztzQkFEakIsS0FBSztnQkFLQyxTQUFTO3NCQUZmLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsMkJBQTJCO2dCQUtqQyxPQUFPO3NCQUZiLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMseUJBQXlCO2dCQUkvQixJQUFJO3NCQURWLEtBQUs7O0FBSVYsTUFBTSxVQUFVLFlBQVksQ0FDeEIsTUFBbUM7SUFFbkMsT0FBTyxtQkFBbUIsQ0FBQyxRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0sQ0FBQyxDQUFDO0FBQ3pELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7U2lnbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIERpcmVjdGl2ZSxcbiAgICBIb3N0QmluZGluZyxcbiAgICBpbmplY3QsXG4gICAgSW5wdXQsXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHt0dWlEaXJlY3RpdmVCaW5kaW5nLCB0dWlXaXRoU3R5bGVzfSBmcm9tICdAdGFpZ2EtdWkvY2RrL3V0aWxzL21pc2NlbGxhbmVvdXMnO1xuaW1wb3J0IHR5cGUge1R1aU9yaWVudGF0aW9uLCBUdWlTaXplTCwgVHVpU2l6ZVN9IGZyb20gJ0B0YWlnYS11aS9jb3JlL3R5cGVzJztcblxuaW1wb3J0IHtUVUlfR1JPVVBfT1BUSU9OU30gZnJvbSAnLi9ncm91cC5vcHRpb25zJztcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICB0ZW1wbGF0ZTogJycsXG4gICAgc3R5bGVVcmxzOiBbJy4vZ3JvdXAuc3R5bGUubGVzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ3R1aS1ncm91cC1zdHlsZXMnLFxuICAgIH0sXG59KVxuY2xhc3MgVHVpR3JvdXBTdHlsZXMge31cblxuQERpcmVjdGl2ZSh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ1t0dWlHcm91cF06bm90KG5nLWNvbnRhaW5lciknLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICd0dWktZ3JvdXAnLFxuICAgICAgICByb2xlOiAnZ3JvdXAnLFxuICAgICAgICAnW2NsYXNzLnR1aS1ncm91cF9vcmllbnRhdGlvbl9ob3Jpem9udGFsXSc6ICdvcmllbnRhdGlvbiA9PT0gXCJob3Jpem9udGFsXCInLFxuICAgICAgICAnW2NsYXNzLnR1aS1ncm91cF9vcmllbnRhdGlvbl92ZXJ0aWNhbF0nOiAnb3JpZW50YXRpb24gPT09IFwidmVydGljYWxcIicsXG4gICAgICAgICdbY2xhc3MudHVpLWdyb3VwX3JhZGl1c19sYXJnZV0nOiAnc2l6ZSA9PT0gXCJsXCInLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUdyb3VwIHtcbiAgICBwcml2YXRlIHJlYWRvbmx5IG9wdGlvbnMgPSBpbmplY3QoVFVJX0dST1VQX09QVElPTlMpO1xuXG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IG5vdGhpbmcgPSB0dWlXaXRoU3R5bGVzKFR1aUdyb3VwU3R5bGVzKTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIG9yaWVudGF0aW9uOiBUdWlPcmllbnRhdGlvbiA9IHRoaXMub3B0aW9ucy5vcmllbnRhdGlvbjtcblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy50dWktZ3JvdXBfY29sbGFwc2VkJylcbiAgICBwdWJsaWMgY29sbGFwc2VkID0gdGhpcy5vcHRpb25zLmNvbGxhcHNlZDtcblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy50dWktZ3JvdXBfcm91bmRlZCcpXG4gICAgcHVibGljIHJvdW5kZWQgPSB0aGlzLm9wdGlvbnMucm91bmRlZDtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHNpemU6IFR1aVNpemVMIHwgVHVpU2l6ZVMgPSB0aGlzLm9wdGlvbnMuc2l6ZTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHR1aUdyb3VwU2l6ZShcbiAgICBzaWduYWw6IFNpZ25hbDxUdWlTaXplTCB8IFR1aVNpemVTPixcbik6IFNpZ25hbDxUdWlTaXplTCB8IFR1aVNpemVTPiB7XG4gICAgcmV0dXJuIHR1aURpcmVjdGl2ZUJpbmRpbmcoVHVpR3JvdXAsICdzaXplJywgc2lnbmFsKTtcbn1cbiJdfQ==
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, ViewEncapsulation, ChangeDetectionStrategy, inject, Directive, Input, HostBinding } from '@angular/core';
|
|
3
|
-
import { tuiCreateToken, tuiProvideOptions, tuiWithStyles, tuiDirectiveBinding } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
4
|
-
|
|
5
|
-
const TUI_GROUP_DEFAULT_OPTIONS = {
|
|
6
|
-
size: 'm',
|
|
7
|
-
collapsed: false,
|
|
8
|
-
rounded: true,
|
|
9
|
-
orientation: 'horizontal',
|
|
10
|
-
};
|
|
11
|
-
const TUI_GROUP_OPTIONS = tuiCreateToken(TUI_GROUP_DEFAULT_OPTIONS);
|
|
12
|
-
function tuiGroupOptionsProvider(options) {
|
|
13
|
-
return tuiProvideOptions(TUI_GROUP_OPTIONS, options, TUI_GROUP_DEFAULT_OPTIONS);
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
class TuiGroupStyles {
|
|
17
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiGroupStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiGroupStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-group-styles" }, ngImport: i0, template: '', isInline: true, styles: [".tui-group{position:relative;display:flex;isolation:isolate;--t-radius: var(--tui-radius-m)}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_radius_large{--t-radius: var(--tui-radius-l)}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin:0 -1px 0 0}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*:has([tuiBlock]:checked){z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin:0 0 -1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--t-radius);border-bottom-left-radius:var(--t-radius)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--t-radius);border-bottom-right-radius:var(--t-radius)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--t-radius);border-top-right-radius:var(--t-radius)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--t-radius);border-bottom-right-radius:var(--t-radius)}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
19
|
-
}
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiGroupStyles, decorators: [{
|
|
21
|
-
type: Component,
|
|
22
|
-
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
23
|
-
class: 'tui-group-styles',
|
|
24
|
-
}, styles: [".tui-group{position:relative;display:flex;isolation:isolate;--t-radius: var(--tui-radius-m)}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_radius_large{--t-radius: var(--tui-radius-l)}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin:0 -1px 0 0}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*:has([tuiBlock]:checked){z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin:0 0 -1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--t-radius);border-bottom-left-radius:var(--t-radius)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--t-radius);border-bottom-right-radius:var(--t-radius)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--t-radius);border-top-right-radius:var(--t-radius)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--t-radius);border-bottom-right-radius:var(--t-radius)}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}\n"] }]
|
|
25
|
-
}] });
|
|
26
|
-
class TuiGroup {
|
|
27
|
-
constructor() {
|
|
28
|
-
this.options = inject(TUI_GROUP_OPTIONS);
|
|
29
|
-
this.nothing = tuiWithStyles(TuiGroupStyles);
|
|
30
|
-
this.orientation = this.options.orientation;
|
|
31
|
-
this.collapsed = this.options.collapsed;
|
|
32
|
-
this.rounded = this.options.rounded;
|
|
33
|
-
this.size = this.options.size;
|
|
34
|
-
}
|
|
35
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
36
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiGroup, isStandalone: true, selector: "[tuiGroup]:not(ng-container)", inputs: { orientation: "orientation", collapsed: "collapsed", rounded: "rounded", size: "size" }, host: { attributes: { "role": "group" }, properties: { "class.tui-group_orientation_horizontal": "orientation === \"horizontal\"", "class.tui-group_orientation_vertical": "orientation === \"vertical\"", "class.tui-group_radius_large": "size === \"l\"", "class.tui-group_collapsed": "this.collapsed", "class.tui-group_rounded": "this.rounded" }, classAttribute: "tui-group" }, ngImport: i0 }); }
|
|
37
|
-
}
|
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiGroup, decorators: [{
|
|
39
|
-
type: Directive,
|
|
40
|
-
args: [{
|
|
41
|
-
standalone: true,
|
|
42
|
-
selector: '[tuiGroup]:not(ng-container)',
|
|
43
|
-
host: {
|
|
44
|
-
class: 'tui-group',
|
|
45
|
-
role: 'group',
|
|
46
|
-
'[class.tui-group_orientation_horizontal]': 'orientation === "horizontal"',
|
|
47
|
-
'[class.tui-group_orientation_vertical]': 'orientation === "vertical"',
|
|
48
|
-
'[class.tui-group_radius_large]': 'size === "l"',
|
|
49
|
-
},
|
|
50
|
-
}]
|
|
51
|
-
}], propDecorators: { orientation: [{
|
|
52
|
-
type: Input
|
|
53
|
-
}], collapsed: [{
|
|
54
|
-
type: Input
|
|
55
|
-
}, {
|
|
56
|
-
type: HostBinding,
|
|
57
|
-
args: ['class.tui-group_collapsed']
|
|
58
|
-
}], rounded: [{
|
|
59
|
-
type: Input
|
|
60
|
-
}, {
|
|
61
|
-
type: HostBinding,
|
|
62
|
-
args: ['class.tui-group_rounded']
|
|
63
|
-
}], size: [{
|
|
64
|
-
type: Input
|
|
65
|
-
}] } });
|
|
66
|
-
function tuiGroupSize(signal) {
|
|
67
|
-
return tuiDirectiveBinding(TuiGroup, 'size', signal);
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
/**
|
|
71
|
-
* Generated bundle index. Do not edit.
|
|
72
|
-
*/
|
|
73
|
-
|
|
74
|
-
export { TUI_GROUP_DEFAULT_OPTIONS, TUI_GROUP_OPTIONS, TuiGroup, tuiGroupOptionsProvider, tuiGroupSize };
|
|
75
|
-
//# sourceMappingURL=taiga-ui-core-components-group.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-core-components-group.mjs","sources":["../../../projects/core/components/group/group.options.ts","../../../projects/core/components/group/group.directive.ts","../../../projects/core/components/group/taiga-ui-core-components-group.ts"],"sourcesContent":["import type {Provider} from '@angular/core';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk/utils/miscellaneous';\nimport type {TuiOrientation, TuiSizeL} from '@taiga-ui/core/types';\n\nexport interface TuiGroupOptions {\n readonly size: TuiSizeL;\n readonly collapsed: boolean;\n readonly rounded: boolean;\n readonly orientation: TuiOrientation;\n}\n\nexport const TUI_GROUP_DEFAULT_OPTIONS: TuiGroupOptions = {\n size: 'm',\n collapsed: false,\n rounded: true,\n orientation: 'horizontal',\n};\n\nexport const TUI_GROUP_OPTIONS = tuiCreateToken(TUI_GROUP_DEFAULT_OPTIONS);\n\nexport function tuiGroupOptionsProvider(options: Partial<TuiGroupOptions>): Provider {\n return tuiProvideOptions(TUI_GROUP_OPTIONS, options, TUI_GROUP_DEFAULT_OPTIONS);\n}\n","import type {Signal} from '@angular/core';\nimport {\n ChangeDetectionStrategy,\n Component,\n Directive,\n HostBinding,\n inject,\n Input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {tuiDirectiveBinding, tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport type {TuiOrientation, TuiSizeL, TuiSizeS} from '@taiga-ui/core/types';\n\nimport {TUI_GROUP_OPTIONS} from './group.options';\n\n@Component({\n standalone: true,\n template: '',\n styleUrls: ['./group.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-group-styles',\n },\n})\nclass TuiGroupStyles {}\n\n@Directive({\n standalone: true,\n selector: '[tuiGroup]:not(ng-container)',\n host: {\n class: 'tui-group',\n role: 'group',\n '[class.tui-group_orientation_horizontal]': 'orientation === \"horizontal\"',\n '[class.tui-group_orientation_vertical]': 'orientation === \"vertical\"',\n '[class.tui-group_radius_large]': 'size === \"l\"',\n },\n})\nexport class TuiGroup {\n private readonly options = inject(TUI_GROUP_OPTIONS);\n\n protected readonly nothing = tuiWithStyles(TuiGroupStyles);\n\n @Input()\n public orientation: TuiOrientation = this.options.orientation;\n\n @Input()\n @HostBinding('class.tui-group_collapsed')\n public collapsed = this.options.collapsed;\n\n @Input()\n @HostBinding('class.tui-group_rounded')\n public rounded = this.options.rounded;\n\n @Input()\n public size: TuiSizeL | TuiSizeS = this.options.size;\n}\n\nexport function tuiGroupSize(\n signal: Signal<TuiSizeL | TuiSizeS>,\n): Signal<TuiSizeL | TuiSizeS> {\n return tuiDirectiveBinding(TuiGroup, 'size', signal);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
File without changes
|
|
File without changes
|