@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.
Files changed (39) hide show
  1. package/components/index.d.ts +0 -1
  2. package/components/textfield/textfield.component.d.ts +2 -0
  3. package/{components → directives}/group/group.directive.d.ts +0 -2
  4. package/directives/index.d.ts +1 -0
  5. package/esm2022/components/button/button.directive.mjs +2 -2
  6. package/esm2022/components/index.mjs +1 -2
  7. package/esm2022/components/root/root.component.mjs +3 -3
  8. package/esm2022/components/textfield/select.directive.mjs +5 -4
  9. package/esm2022/components/textfield/textfield.component.mjs +6 -3
  10. package/esm2022/components/textfield/textfield.directive.mjs +2 -2
  11. package/esm2022/directives/group/group.directive.mjs +51 -0
  12. package/esm2022/{components → directives}/group/group.options.mjs +2 -2
  13. package/esm2022/{components → directives}/group/index.mjs +1 -1
  14. package/esm2022/{components/group/taiga-ui-core-components-group.mjs → directives/group/taiga-ui-core-directives-group.mjs} +1 -1
  15. package/esm2022/directives/index.mjs +2 -1
  16. package/fesm2022/taiga-ui-core-components-button.mjs +2 -2
  17. package/fesm2022/taiga-ui-core-components-button.mjs.map +1 -1
  18. package/fesm2022/taiga-ui-core-components-root.mjs +2 -2
  19. package/fesm2022/taiga-ui-core-components-root.mjs.map +1 -1
  20. package/fesm2022/taiga-ui-core-components-textfield.mjs +10 -6
  21. package/fesm2022/taiga-ui-core-components-textfield.mjs.map +1 -1
  22. package/fesm2022/taiga-ui-core-components.mjs +0 -1
  23. package/fesm2022/taiga-ui-core-components.mjs.map +1 -1
  24. package/fesm2022/taiga-ui-core-directives-group.mjs +67 -0
  25. package/fesm2022/taiga-ui-core-directives-group.mjs.map +1 -0
  26. package/fesm2022/taiga-ui-core-directives.mjs +1 -0
  27. package/fesm2022/taiga-ui-core-directives.mjs.map +1 -1
  28. package/package.json +9 -9
  29. package/styles/components/button.less +0 -13
  30. package/styles/components/group.less +131 -0
  31. package/styles/components/notification.less +1 -1
  32. package/styles/components/textfield.less +2 -4
  33. package/styles/mixins/mixins.less +1 -1
  34. package/styles/theme/appearance/secondary.less +1 -1
  35. package/esm2022/components/group/group.directive.mjs +0 -59
  36. package/fesm2022/taiga-ui-core-components-group.mjs +0 -75
  37. package/fesm2022/taiga-ui-core-components-group.mjs.map +0 -1
  38. /package/{components → directives}/group/group.options.d.ts +0 -0
  39. /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":";;;;;;;;;AAAA;;AAEG"}
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.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.0",
314
+ "@taiga-ui/cdk": "^4.0.1",
315
315
  "@taiga-ui/event-plugins": "^4.0.1",
316
- "@taiga-ui/i18n": "^4.0.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
+ }
@@ -1,4 +1,4 @@
1
- @import '@taiga-ui/core/styles/taiga-ui-local';
1
+ @import '@taiga-ui/core/styles/taiga-ui-local.less';
2
2
 
3
3
  /**
4
4
  * @name Notification
@@ -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
  }
@@ -70,7 +70,7 @@
70
70
  overflow: hidden;
71
71
  vertical-align: middle;
72
72
  max-width: 100%;
73
- gap: calc(var(--t-gap) - 2 * var(--t-margin));
73
+ gap: calc(var(--t-gap, 0rem) - 2 * var(--t-margin, 0rem));
74
74
 
75
75
  > img,
76
76
  > tui-svg,
@@ -15,7 +15,7 @@
15
15
  });
16
16
 
17
17
  &:checked,
18
- &:indeterminate {
18
+ &[type='checkbox']:indeterminate {
19
19
  background: var(--tui-background-accent-1);
20
20
  color: var(--tui-text-primary-on-accent-1);
21
21
 
@@ -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