@sebgroup/green-core-ng 3.12.3 → 3.13.0
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/fesm2022/sebgroup-green-core-ng.mjs +1386 -998
- package/fesm2022/sebgroup-green-core-ng.mjs.map +1 -1
- package/generated/green-core-ng.module.d.ts +350 -348
- package/generated/index.d.ts +12 -10
- package/generated/list/index.d.ts +9 -0
- package/generated/list/list.component.d.ts +238 -0
- package/generated/list-item/index.d.ts +1 -1
- package/generated/list-item/list-item.component.d.ts +28 -3
- package/generated/list-item-pattern-01/index.d.ts +7 -0
- package/generated/list-item-pattern-01/list-item-pattern-01.component.d.ts +118 -0
- package/package.json +2 -2
package/generated/index.d.ts
CHANGED
|
@@ -3,35 +3,35 @@
|
|
|
3
3
|
* Auto-generated from Custom Elements Manifest
|
|
4
4
|
*/
|
|
5
5
|
export * from './alert';
|
|
6
|
+
export * from './badge';
|
|
6
7
|
export * from './avatar';
|
|
7
8
|
export * from './blur';
|
|
8
|
-
export * from './badge';
|
|
9
|
-
export * from './button';
|
|
10
9
|
export * from './breadcrumbs';
|
|
10
|
+
export * from './button';
|
|
11
11
|
export * from './calendar';
|
|
12
12
|
export * from './card';
|
|
13
|
-
export * from './checkbox';
|
|
14
13
|
export * from './card-linked';
|
|
14
|
+
export * from './coachmark';
|
|
15
|
+
export * from './checkbox';
|
|
15
16
|
export * from './context-menu';
|
|
16
17
|
export * from './datepicker';
|
|
17
|
-
export * from './coachmark';
|
|
18
18
|
export * from './details';
|
|
19
19
|
export * from './dialog';
|
|
20
20
|
export * from './div';
|
|
21
|
-
export * from './divider';
|
|
22
21
|
export * from './dropdown';
|
|
22
|
+
export * from './divider';
|
|
23
23
|
export * from './fab';
|
|
24
24
|
export * from './filter-chips';
|
|
25
25
|
export * from './flex';
|
|
26
26
|
export * from './form-summary';
|
|
27
27
|
export * from './grid';
|
|
28
28
|
export * from './grouped-list';
|
|
29
|
-
export * from './list-item';
|
|
30
29
|
export * from './img';
|
|
31
30
|
export * from './input';
|
|
32
31
|
export * from './link';
|
|
33
|
-
export * from './
|
|
32
|
+
export * from './list';
|
|
34
33
|
export * from './mask';
|
|
34
|
+
export * from './menu-button';
|
|
35
35
|
export * from './pagination';
|
|
36
36
|
export * from './backdrop';
|
|
37
37
|
export * from './popover';
|
|
@@ -41,25 +41,27 @@ export * from './segmented-control';
|
|
|
41
41
|
export * from './select';
|
|
42
42
|
export * from './signal';
|
|
43
43
|
export * from './spinner';
|
|
44
|
+
export * from './switch';
|
|
44
45
|
export * from './table';
|
|
45
46
|
export * from './text';
|
|
46
|
-
export * from './switch';
|
|
47
47
|
export * from './textarea';
|
|
48
48
|
export * from './theme';
|
|
49
49
|
export * from './video';
|
|
50
50
|
export * from './card-pattern-01';
|
|
51
|
+
export * from './list-item-pattern-01';
|
|
51
52
|
export * from './avatar-group';
|
|
52
53
|
export * from './breadcrumb';
|
|
53
54
|
export * from './checkbox-group';
|
|
54
55
|
export * from './icon-details';
|
|
55
|
-
export * from './filter-chip';
|
|
56
56
|
export * from './formatted-account';
|
|
57
|
+
export * from './filter-chip';
|
|
57
58
|
export * from './formatted-date';
|
|
58
59
|
export * from './formatted-number';
|
|
60
|
+
export * from './list-item';
|
|
59
61
|
export * from './radio-group';
|
|
60
62
|
export * from './segment';
|
|
61
|
-
export * from './sensitive-account';
|
|
62
63
|
export * from './sensitive-date';
|
|
64
|
+
export * from './sensitive-account';
|
|
63
65
|
export * from './sensitive-number';
|
|
64
66
|
export * from './icon-ai';
|
|
65
67
|
export * from './icon-airplane-up';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* GdsListComponent - Angular wrapper for gds-list
|
|
3
|
+
* `gds-list` is a container for `gds-list-item` elements, expressing the semantic `list` role.
|
|
4
|
+
|
|
5
|
+
It extends `gds-flex` and defaults `flex-direction` to `column`.
|
|
6
|
+
*
|
|
7
|
+
* Auto-generated from Custom Elements Manifest
|
|
8
|
+
*/
|
|
9
|
+
export * from './list.component';
|
|
@@ -0,0 +1,238 @@
|
|
|
1
|
+
import { OnInit, OnChanges, AfterViewInit, SimpleChanges } from '@angular/core';
|
|
2
|
+
import { GdsList } from '@sebgroup/green-core/components/list/list.component.js';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* Angular wrapper for the gds-list web component
|
|
6
|
+
* `gds-list` is a container for `gds-list-item` elements, expressing the semantic `list` role.
|
|
7
|
+
|
|
8
|
+
It extends `gds-flex` and defaults `flex-direction` to `column`.
|
|
9
|
+
*/
|
|
10
|
+
export declare class GdsListComponent implements OnInit, OnChanges, AfterViewInit {
|
|
11
|
+
private elementRef;
|
|
12
|
+
private zone;
|
|
13
|
+
private cdr;
|
|
14
|
+
get element(): GdsList;
|
|
15
|
+
constructor();
|
|
16
|
+
/** Style Expression Property that controls the `width` property.
|
|
17
|
+
Supports space tokens and all valid CSS `width` values. */
|
|
18
|
+
width?: GdsList['width'];
|
|
19
|
+
/** Style Expression Property that controls the `min-width` property.
|
|
20
|
+
Supports space tokens and all valid CSS `min-width` values. */
|
|
21
|
+
minWidth?: GdsList['min-width'];
|
|
22
|
+
/** Style Expression Property that controls the `max-width` property.
|
|
23
|
+
Supports space tokens and all valid CSS `max-width` values. */
|
|
24
|
+
maxWidth?: GdsList['max-width'];
|
|
25
|
+
/** Style Expression Property that controls the `inline-size` property.
|
|
26
|
+
Supports space tokens and all valid CSS `inline-size` values */
|
|
27
|
+
inlineSize?: GdsList['inline-size'];
|
|
28
|
+
/** Style Expression Property that controls the `min-inline-size` property.
|
|
29
|
+
Supports space tokens and all valid CSS `min-inline-size` values. */
|
|
30
|
+
minInlineSize?: GdsList['min-inline-size'];
|
|
31
|
+
/** Style Expression Property that controls the `max-inline-size` property.
|
|
32
|
+
Supports space tokens and all valid CSS `max-inline-size` values. */
|
|
33
|
+
maxInlineSize?: GdsList['max-inline-size'];
|
|
34
|
+
/** Style Expression Property that controls the `height` property.
|
|
35
|
+
Supports space tokens and all valid CSS `height` values. */
|
|
36
|
+
height?: GdsList['height'];
|
|
37
|
+
/** Style Expression Property that controls the `min-height` property.
|
|
38
|
+
Supports space tokens and all valid CSS `min-height` values. */
|
|
39
|
+
minHeight?: GdsList['min-height'];
|
|
40
|
+
/** Style Expression Property that controls the `max-height` property.
|
|
41
|
+
Supports space tokens and all valid CSS `max-height` values. */
|
|
42
|
+
maxHeight?: GdsList['max-height'];
|
|
43
|
+
/** Style Expression Property that controls the `block-size` property.
|
|
44
|
+
Supports space tokens and all valid CSS `block-size` values. */
|
|
45
|
+
blockSize?: GdsList['block-size'];
|
|
46
|
+
/** Style Expression Property that controls the `min-block-size` property.
|
|
47
|
+
Supports space tokens and all valid CSS `min-block-size` values. */
|
|
48
|
+
minBlockSize?: GdsList['min-block-size'];
|
|
49
|
+
/** Style Expression Property that controls the `max-block-size` property.
|
|
50
|
+
Supports space tokens and all valid CSS `max-block-size` values. */
|
|
51
|
+
maxBlockSize?: GdsList['max-block-size'];
|
|
52
|
+
/** Style Expression Property that controls the `margin` property.
|
|
53
|
+
Only accepts space tokens. */
|
|
54
|
+
margin?: GdsList['margin'];
|
|
55
|
+
/** Style Expression Property that controls the `margin-inline` property.
|
|
56
|
+
Only accepts space tokens. */
|
|
57
|
+
marginInline?: GdsList['margin-inline'];
|
|
58
|
+
/** Style Expression Property that controls the `margin-block` property.
|
|
59
|
+
Only accepts space tokens. */
|
|
60
|
+
marginBlock?: GdsList['margin-block'];
|
|
61
|
+
/** Style Expression Property that controls the `padding` property.
|
|
62
|
+
Only accepts space tokens. */
|
|
63
|
+
padding?: GdsList['padding'];
|
|
64
|
+
/** Style Expression Property that controls the `padding-inline` property.
|
|
65
|
+
Only accepts space tokens. */
|
|
66
|
+
paddingInline?: GdsList['padding-inline'];
|
|
67
|
+
/** Style Expression Property that controls the `padding-block` property.
|
|
68
|
+
Only accepts space tokens. */
|
|
69
|
+
paddingBlock?: GdsList['padding-block'];
|
|
70
|
+
/** Style Expression Property that controls the `align-self` property.
|
|
71
|
+
Supports all valid CSS `align-self` values. */
|
|
72
|
+
alignSelf?: GdsList['align-self'];
|
|
73
|
+
/** Style Expression Property that controls the `justify-self` property.
|
|
74
|
+
Supports all valid CSS `justify-self` values. */
|
|
75
|
+
justifySelf?: GdsList['justify-self'];
|
|
76
|
+
/** Style Expression Property that controls the `place-self` property.
|
|
77
|
+
Supports all valid CSS `place-self` values. */
|
|
78
|
+
placeSelf?: GdsList['place-self'];
|
|
79
|
+
/** Style Expression Property that controls the `grid-column` property.
|
|
80
|
+
Supports all valid CSS grid-column values.
|
|
81
|
+
Documentation: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column */
|
|
82
|
+
gridColumn?: GdsList['grid-column'];
|
|
83
|
+
/** Style Expression Property that controls the `grid-row` property.
|
|
84
|
+
Supports all valid CSS `grid-row` values. */
|
|
85
|
+
gridRow?: GdsList['grid-row'];
|
|
86
|
+
/** Style Expression Property that controls the `grid-area` property.
|
|
87
|
+
Supports all valid CSS `grid-area` values. */
|
|
88
|
+
gridArea?: GdsList['grid-area'];
|
|
89
|
+
/** Style Expression Property that controls the `flex` property.
|
|
90
|
+
Supports all valid CSS `flex` values. */
|
|
91
|
+
flex?: GdsList['flex'];
|
|
92
|
+
/** Style Expression Property that controls the `order` property.
|
|
93
|
+
Supports all valid CSS `order` values. */
|
|
94
|
+
order?: GdsList['order'];
|
|
95
|
+
/** Style Expression Property that controls the `position` property.
|
|
96
|
+
Supports all valid CSS `position` values. */
|
|
97
|
+
position?: GdsList['position'];
|
|
98
|
+
/** Style Expression Property that controls the `transform` property.
|
|
99
|
+
Supports all valid CSS `transform` values. */
|
|
100
|
+
transform?: GdsList['transform'];
|
|
101
|
+
/** Style Expression Property that controls the `inset` property.
|
|
102
|
+
Supports all valid CSS `inset` values. */
|
|
103
|
+
inset?: GdsList['inset'];
|
|
104
|
+
/** Controls the display property.
|
|
105
|
+
Supports all valid CSS display values. */
|
|
106
|
+
display?: GdsList['display'];
|
|
107
|
+
/** The level of the container is used to resolve the color tokens from the corresponding level.
|
|
108
|
+
Check the [Color System documentation page](./?path=/docs/style-colors--docs) for more information.
|
|
109
|
+
|
|
110
|
+
Default for `gds-div` is level 2. */
|
|
111
|
+
level?: GdsList['level'];
|
|
112
|
+
/** Style Expression Property that controls the `color` property.
|
|
113
|
+
Only accepts color tokens and an optional transparency value, in the format tokenName/transparency.
|
|
114
|
+
|
|
115
|
+
```html
|
|
116
|
+
<gds-div color="neutral-01/0.2"></gds-div>
|
|
117
|
+
``` */
|
|
118
|
+
color?: GdsList['color'];
|
|
119
|
+
/** Style Expression Property that controls the `background` property.
|
|
120
|
+
Only accepts color tokens and an optional transparency value, in the format tokenName/transparency.
|
|
121
|
+
|
|
122
|
+
```html
|
|
123
|
+
<gds-div background="neutral-01/0.2"></gds-div>
|
|
124
|
+
``` */
|
|
125
|
+
background?: GdsList['background'];
|
|
126
|
+
/** Style Expression Property that controls the `border` property.
|
|
127
|
+
Accepts a string of the same format as the CSS border property.
|
|
128
|
+
|
|
129
|
+
```html
|
|
130
|
+
<gds-div border="4xs solid subtle-01/0.2"></gds-div>
|
|
131
|
+
```
|
|
132
|
+
|
|
133
|
+
Where the size value accepts space tokens and the color value accepts color tokens and an optional transparency value. */
|
|
134
|
+
border?: GdsList['border'];
|
|
135
|
+
/** Style Expression Property that controls the `border-color` property.
|
|
136
|
+
Only accepts color tokens and an optional transparency value, in the format tokenName/transparency.
|
|
137
|
+
|
|
138
|
+
```html
|
|
139
|
+
<gds-div border-color="subtle-01/0.2"></gds-div>
|
|
140
|
+
``` */
|
|
141
|
+
borderColor?: GdsList['border-color'];
|
|
142
|
+
/** Style Expression Property that controls the `border-width` property.
|
|
143
|
+
Only accepts space tokens. */
|
|
144
|
+
borderWidth?: GdsList['border-width'];
|
|
145
|
+
/** Style Expression Property that controls the `border-style` property.
|
|
146
|
+
Supports all valid CSS `border-style` values. */
|
|
147
|
+
borderStyle?: GdsList['border-style'];
|
|
148
|
+
/** Style Expression Property that controls the `border-radius` property.
|
|
149
|
+
Only accepts space tokens. */
|
|
150
|
+
borderRadius?: GdsList['border-radius'];
|
|
151
|
+
/** Style Expression Property for the `box-shadow` property.
|
|
152
|
+
|
|
153
|
+
Accepts shadow tokens from the design system.
|
|
154
|
+
|
|
155
|
+
`xs`, `s`, `m`, `l`, `xl` */
|
|
156
|
+
boxShadow?: GdsList['box-shadow'];
|
|
157
|
+
/** Style Expression Property that controls the `opacity` property.
|
|
158
|
+
Supports all valid CSS `opacity` values. */
|
|
159
|
+
opacity?: GdsList['opacity'];
|
|
160
|
+
/** Style Expression Property that controls the `overflow` property.
|
|
161
|
+
Supports all valid CSS `overflow` values. */
|
|
162
|
+
overflow?: GdsList['overflow'];
|
|
163
|
+
/** Style Expression Property that controls the `box-sizing` property.
|
|
164
|
+
Supports all valid CSS `box-sizing` values. */
|
|
165
|
+
boxSizing?: GdsList['box-sizing'];
|
|
166
|
+
/** Style Expression Property that controls the `z-index` property.
|
|
167
|
+
Supports all valid CSS `z-index` values. */
|
|
168
|
+
zIndex?: GdsList['z-index'];
|
|
169
|
+
/** Style Expression Property that controls the `font` property.
|
|
170
|
+
Supports all font tokens from the design system. */
|
|
171
|
+
font?: GdsList['font'];
|
|
172
|
+
/** Style Expression Property that controls the `font-weight` property.
|
|
173
|
+
Supports all typography weight tokens from the design system. */
|
|
174
|
+
fontWeight?: GdsList['font-weight'];
|
|
175
|
+
/** Style Expression Property that controls the `text-align` property.
|
|
176
|
+
Supports all valid CSS `text-align` values. */
|
|
177
|
+
textAlign?: GdsList['text-align'];
|
|
178
|
+
/** Style Expression Property that controls the `text-wrap` property.
|
|
179
|
+
Supports all valid CSS `text-wrap` values. */
|
|
180
|
+
textWrap?: GdsList['text-wrap'];
|
|
181
|
+
/** Style Expression Property that controls the `overflow-wrap` property.
|
|
182
|
+
Supports all valid CSS `overflow-wrap` values. */
|
|
183
|
+
overflowWrap?: GdsList['overflow-wrap'];
|
|
184
|
+
/** Style Expression Property that controls the `white-space` property.
|
|
185
|
+
Supports all valid CSS `white-space` values. */
|
|
186
|
+
whiteSpace?: GdsList['white-space'];
|
|
187
|
+
/** Style Expression Property that controls the `gap` property.
|
|
188
|
+
Only accepts space tokens. */
|
|
189
|
+
gap?: GdsList['gap'];
|
|
190
|
+
/** Style Expression Property that controls the `align-items` property.
|
|
191
|
+
Supports all valid CSS `align-items` values. */
|
|
192
|
+
alignItems?: GdsList['align-items'];
|
|
193
|
+
/** Style Expression Property that controls the `align-content` property.
|
|
194
|
+
Supports all valid CSS `align-content` values. */
|
|
195
|
+
alignContent?: GdsList['align-content'];
|
|
196
|
+
/** Style Expression Property that controls the `justify-content` property.
|
|
197
|
+
Supports all valid CSS `justify-content` values. */
|
|
198
|
+
justifyContent?: GdsList['justify-content'];
|
|
199
|
+
/** Style Expression Property that controls the `justify-items` property.
|
|
200
|
+
Supports all valid CSS `justify-items` values. */
|
|
201
|
+
justifyItems?: GdsList['justify-items'];
|
|
202
|
+
/** Style Expression Property that controls the `flex-direction` property.
|
|
203
|
+
Supports all valid CSS `flex-direction` values. */
|
|
204
|
+
flexDirection?: GdsList['flex-direction'];
|
|
205
|
+
/** Style Expression Property that controls the `flex-wrap` property.
|
|
206
|
+
Supports all valid CSS `flex-wrap` values. */
|
|
207
|
+
flexWrap?: GdsList['flex-wrap'];
|
|
208
|
+
/** Style Expression Property that controls the `place-items` property.
|
|
209
|
+
Supports all valid CSS `place-items` values. */
|
|
210
|
+
placeItems?: GdsList['place-items'];
|
|
211
|
+
/** Style Expression Property that controls the `place-content` property.
|
|
212
|
+
Supports all valid CSS `place-content` values. */
|
|
213
|
+
placeContent?: GdsList['place-content'];
|
|
214
|
+
/** Style Expression Property that controls the `aspect-ratio` property.
|
|
215
|
+
Supports all valid CSS `aspect-ratio` values. */
|
|
216
|
+
aspectRatio?: GdsList['aspect-ratio'];
|
|
217
|
+
/** Style Expression Property that controls the `cursor` property.
|
|
218
|
+
Supports all valid CSS `cursor` values. */
|
|
219
|
+
cursor?: GdsList['cursor'];
|
|
220
|
+
/** Style Expression Property that controls the `pointer-events` property.
|
|
221
|
+
Supports all valid CSS `pointer-events` values. */
|
|
222
|
+
pointerEvents?: GdsList['pointer-events'];
|
|
223
|
+
/** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
|
|
224
|
+
|
|
225
|
+
This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
|
|
226
|
+
run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM
|
|
227
|
+
is projected.
|
|
228
|
+
|
|
229
|
+
Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the
|
|
230
|
+
element needs to be measured synchronously after being added to the DOM. */
|
|
231
|
+
syncFirstRender?: GdsList['syncFirstRender'];
|
|
232
|
+
ngOnInit(): void;
|
|
233
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
234
|
+
ngAfterViewInit(): void;
|
|
235
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GdsListComponent, never>;
|
|
236
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GdsListComponent, "gds-list", never, { "width": { "alias": "width"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "inlineSize": { "alias": "inlineSize"; "required": false; }; "minInlineSize": { "alias": "minInlineSize"; "required": false; }; "maxInlineSize": { "alias": "maxInlineSize"; "required": false; }; "height": { "alias": "height"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "blockSize": { "alias": "blockSize"; "required": false; }; "minBlockSize": { "alias": "minBlockSize"; "required": false; }; "maxBlockSize": { "alias": "maxBlockSize"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "paddingInline": { "alias": "paddingInline"; "required": false; }; "paddingBlock": { "alias": "paddingBlock"; "required": false; }; "alignSelf": { "alias": "alignSelf"; "required": false; }; "justifySelf": { "alias": "justifySelf"; "required": false; }; "placeSelf": { "alias": "placeSelf"; "required": false; }; "gridColumn": { "alias": "gridColumn"; "required": false; }; "gridRow": { "alias": "gridRow"; "required": false; }; "gridArea": { "alias": "gridArea"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "order": { "alias": "order"; "required": false; }; "position": { "alias": "position"; "required": false; }; "transform": { "alias": "transform"; "required": false; }; "inset": { "alias": "inset"; "required": false; }; "display": { "alias": "display"; "required": false; }; "level": { "alias": "level"; "required": false; }; "color": { "alias": "color"; "required": false; }; "background": { "alias": "background"; "required": false; }; "border": { "alias": "border"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "borderWidth": { "alias": "borderWidth"; "required": false; }; "borderStyle": { "alias": "borderStyle"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "boxShadow": { "alias": "boxShadow"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "overflow": { "alias": "overflow"; "required": false; }; "boxSizing": { "alias": "boxSizing"; "required": false; }; "zIndex": { "alias": "zIndex"; "required": false; }; "font": { "alias": "font"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "textAlign": { "alias": "textAlign"; "required": false; }; "textWrap": { "alias": "textWrap"; "required": false; }; "overflowWrap": { "alias": "overflowWrap"; "required": false; }; "whiteSpace": { "alias": "whiteSpace"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "alignItems": { "alias": "alignItems"; "required": false; }; "alignContent": { "alias": "alignContent"; "required": false; }; "justifyContent": { "alias": "justifyContent"; "required": false; }; "justifyItems": { "alias": "justifyItems"; "required": false; }; "flexDirection": { "alias": "flexDirection"; "required": false; }; "flexWrap": { "alias": "flexWrap"; "required": false; }; "placeItems": { "alias": "placeItems"; "required": false; }; "placeContent": { "alias": "placeContent"; "required": false; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "cursor": { "alias": "cursor"; "required": false; }; "pointerEvents": { "alias": "pointerEvents"; "required": false; }; "syncFirstRender": { "alias": "syncFirstRender"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
237
|
+
static ngAcceptInputType_syncFirstRender: unknown;
|
|
238
|
+
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { OnInit, OnChanges, AfterViewInit, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { GdsListItem } from '@sebgroup/green-core/components/
|
|
2
|
+
import { GdsListItem } from '@sebgroup/green-core/components/list/list-item/list-item.component.js';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
/**
|
|
5
5
|
* Angular wrapper for the gds-list-item web component
|
|
6
|
-
*
|
|
6
|
+
* `gds-list-item` is used as a child of `gds-list` to represent a single item in a list.
|
|
7
7
|
*/
|
|
8
8
|
export declare class GdsListItemComponent implements OnInit, OnChanges, AfterViewInit {
|
|
9
9
|
private elementRef;
|
|
@@ -11,6 +11,31 @@ export declare class GdsListItemComponent implements OnInit, OnChanges, AfterVie
|
|
|
11
11
|
private cdr;
|
|
12
12
|
get element(): GdsListItem;
|
|
13
13
|
constructor();
|
|
14
|
+
/** Style Expression Property that controls the `align-self` property.
|
|
15
|
+
Supports all valid CSS `align-self` values. */
|
|
16
|
+
alignSelf?: GdsListItem['align-self'];
|
|
17
|
+
/** Style Expression Property that controls the `justify-self` property.
|
|
18
|
+
Supports all valid CSS `justify-self` values. */
|
|
19
|
+
justifySelf?: GdsListItem['justify-self'];
|
|
20
|
+
/** Style Expression Property that controls the `place-self` property.
|
|
21
|
+
Supports all valid CSS `place-self` values. */
|
|
22
|
+
placeSelf?: GdsListItem['place-self'];
|
|
23
|
+
/** Style Expression Property that controls the `grid-column` property.
|
|
24
|
+
Supports all valid CSS grid-column values.
|
|
25
|
+
Documentation: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column */
|
|
26
|
+
gridColumn?: GdsListItem['grid-column'];
|
|
27
|
+
/** Style Expression Property that controls the `grid-row` property.
|
|
28
|
+
Supports all valid CSS `grid-row` values. */
|
|
29
|
+
gridRow?: GdsListItem['grid-row'];
|
|
30
|
+
/** Style Expression Property that controls the `grid-area` property.
|
|
31
|
+
Supports all valid CSS `grid-area` values. */
|
|
32
|
+
gridArea?: GdsListItem['grid-area'];
|
|
33
|
+
/** Style Expression Property that controls the `flex` property.
|
|
34
|
+
Supports all valid CSS `flex` values. */
|
|
35
|
+
flex?: GdsListItem['flex'];
|
|
36
|
+
/** Style Expression Property that controls the `order` property.
|
|
37
|
+
Supports all valid CSS `order` values. */
|
|
38
|
+
order?: GdsListItem['order'];
|
|
14
39
|
/** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
|
|
15
40
|
|
|
16
41
|
This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
|
|
@@ -24,6 +49,6 @@ export declare class GdsListItemComponent implements OnInit, OnChanges, AfterVie
|
|
|
24
49
|
ngOnChanges(changes: SimpleChanges): void;
|
|
25
50
|
ngAfterViewInit(): void;
|
|
26
51
|
static ɵfac: i0.ɵɵFactoryDeclaration<GdsListItemComponent, never>;
|
|
27
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<GdsListItemComponent, "gds-list-item", never, { "syncFirstRender": { "alias": "syncFirstRender"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
52
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GdsListItemComponent, "gds-list-item", never, { "alignSelf": { "alias": "alignSelf"; "required": false; }; "justifySelf": { "alias": "justifySelf"; "required": false; }; "placeSelf": { "alias": "placeSelf"; "required": false; }; "gridColumn": { "alias": "gridColumn"; "required": false; }; "gridRow": { "alias": "gridRow"; "required": false; }; "gridArea": { "alias": "gridArea"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "order": { "alias": "order"; "required": false; }; "syncFirstRender": { "alias": "syncFirstRender"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
28
53
|
static ngAcceptInputType_syncFirstRender: unknown;
|
|
29
54
|
}
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
import { EventEmitter, OnInit, OnChanges, AfterViewInit, SimpleChanges } from '@angular/core';
|
|
2
|
+
import { GdsListItemPattern01 } from '@sebgroup/green-core/patterns/list-item-pattern-01/list-item-pattern-01.component.js';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* Angular wrapper for the gds-list-item-pattern-01 web component
|
|
6
|
+
*
|
|
7
|
+
*/
|
|
8
|
+
export declare class GdsListItemPattern01Component implements OnInit, OnChanges, AfterViewInit {
|
|
9
|
+
private elementRef;
|
|
10
|
+
private zone;
|
|
11
|
+
private cdr;
|
|
12
|
+
private renderer;
|
|
13
|
+
private router;
|
|
14
|
+
private locationStrategy;
|
|
15
|
+
private destroyRef;
|
|
16
|
+
private routerLink;
|
|
17
|
+
private routerLinkActive;
|
|
18
|
+
get element(): GdsListItemPattern01;
|
|
19
|
+
constructor();
|
|
20
|
+
/** Multi-column content for the main slot.
|
|
21
|
+
Each entry has an optional `label` and a required `value`.
|
|
22
|
+
When set, takes precedence over the default slot.
|
|
23
|
+
|
|
24
|
+
Accepts: `Array<{ label?: string, value: string }>` */
|
|
25
|
+
items?: GdsListItemPattern01['items'];
|
|
26
|
+
/** Optional label displayed above the items in the main slot.
|
|
27
|
+
If not set, falls back to the first item's label (if available). */
|
|
28
|
+
label?: GdsListItemPattern01['label'];
|
|
29
|
+
/** Enables a checkbox in the lead slot of the row.
|
|
30
|
+
The checkbox can be toggled and emits a `toggle-change` event. */
|
|
31
|
+
selectable?: GdsListItemPattern01['selectable'];
|
|
32
|
+
/** Whether the checkbox is checked. Only relevant when `selectable` is true. */
|
|
33
|
+
checked?: GdsListItemPattern01['checked'];
|
|
34
|
+
/** Whether the checkbox is in an indeterminate state. Only relevant when `selectable` is true. */
|
|
35
|
+
indeterminate?: GdsListItemPattern01['indeterminate'];
|
|
36
|
+
/** Whether the checkbox is disabled. Only relevant when `selectable` is true. */
|
|
37
|
+
disabled?: GdsListItemPattern01['disabled'];
|
|
38
|
+
/** Controls the `padding-inline` of the item.
|
|
39
|
+
Accepts space token names (e.g. `s`, `m`, `l`) or custom CSS values (e.g. `0`).
|
|
40
|
+
Defaults to `s` via the stylesheet. Set to `0` to remove padding. */
|
|
41
|
+
paddingInline?: GdsListItemPattern01['padding-inline'];
|
|
42
|
+
/** URL that the link points to
|
|
43
|
+
Can be absolute, relative, or fragment identifier */
|
|
44
|
+
href?: GdsListItemPattern01['href'];
|
|
45
|
+
/** Specifies where to open the linked document */
|
|
46
|
+
target?: GdsListItemPattern01['target'];
|
|
47
|
+
/** Specifies the relationship between the current document and the linked document
|
|
48
|
+
Automatically adds security-related values when target="_blank" */
|
|
49
|
+
rel?: GdsListItemPattern01['rel'];
|
|
50
|
+
/** When present, indicates that the linked resource should be downloaded */
|
|
51
|
+
download?: GdsListItemPattern01['download'];
|
|
52
|
+
/** Specifies a space-separated list of URLs to which, when the link is followed,
|
|
53
|
+
POST requests with the body ping will be sent by the browser. */
|
|
54
|
+
ping?: GdsListItemPattern01['ping'];
|
|
55
|
+
/** Style Expression Property that controls the `align-self` property.
|
|
56
|
+
Supports all valid CSS `align-self` values. */
|
|
57
|
+
alignSelf?: GdsListItemPattern01['align-self'];
|
|
58
|
+
/** Style Expression Property that controls the `justify-self` property.
|
|
59
|
+
Supports all valid CSS `justify-self` values. */
|
|
60
|
+
justifySelf?: GdsListItemPattern01['justify-self'];
|
|
61
|
+
/** Style Expression Property that controls the `place-self` property.
|
|
62
|
+
Supports all valid CSS `place-self` values. */
|
|
63
|
+
placeSelf?: GdsListItemPattern01['place-self'];
|
|
64
|
+
/** Style Expression Property that controls the `grid-column` property.
|
|
65
|
+
Supports all valid CSS grid-column values.
|
|
66
|
+
Documentation: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column */
|
|
67
|
+
gridColumn?: GdsListItemPattern01['grid-column'];
|
|
68
|
+
/** Style Expression Property that controls the `grid-row` property.
|
|
69
|
+
Supports all valid CSS `grid-row` values. */
|
|
70
|
+
gridRow?: GdsListItemPattern01['grid-row'];
|
|
71
|
+
/** Style Expression Property that controls the `grid-area` property.
|
|
72
|
+
Supports all valid CSS `grid-area` values. */
|
|
73
|
+
gridArea?: GdsListItemPattern01['grid-area'];
|
|
74
|
+
/** Style Expression Property that controls the `flex` property.
|
|
75
|
+
Supports all valid CSS `flex` values. */
|
|
76
|
+
flex?: GdsListItemPattern01['flex'];
|
|
77
|
+
/** Style Expression Property that controls the `order` property.
|
|
78
|
+
Supports all valid CSS `order` values. */
|
|
79
|
+
order?: GdsListItemPattern01['order'];
|
|
80
|
+
/** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
|
|
81
|
+
|
|
82
|
+
This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
|
|
83
|
+
run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM
|
|
84
|
+
is projected.
|
|
85
|
+
|
|
86
|
+
Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the
|
|
87
|
+
element needs to be measured synchronously after being added to the DOM. */
|
|
88
|
+
syncFirstRender?: GdsListItemPattern01['syncFirstRender'];
|
|
89
|
+
/** Dispatched when the checkbox is checked or unchecked. */
|
|
90
|
+
input: EventEmitter<Event>;
|
|
91
|
+
/** Dispatched when the checkbox is checked or unchecked. */
|
|
92
|
+
change: EventEmitter<Event>;
|
|
93
|
+
/**
|
|
94
|
+
* Prevent the browser from following the href when RouterLink handles
|
|
95
|
+
* navigation. RouterLink calls Router.navigateByUrl() for all elements,
|
|
96
|
+
* but only calls preventDefault() for native <a> tags. For custom
|
|
97
|
+
* elements we must do it ourselves, respecting modifier-key and
|
|
98
|
+
* target-attribute semantics so that ctrl-click / cmd-click / target=_blank
|
|
99
|
+
* still open a new tab.
|
|
100
|
+
* @internal
|
|
101
|
+
*/
|
|
102
|
+
private preventNativeNavigation;
|
|
103
|
+
/**
|
|
104
|
+
* Updates the href attribute from RouterLink using only public Angular APIs.
|
|
105
|
+
* @internal
|
|
106
|
+
*/
|
|
107
|
+
private updateHref;
|
|
108
|
+
ngOnInit(): void;
|
|
109
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
110
|
+
ngAfterViewInit(): void;
|
|
111
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GdsListItemPattern01Component, never>;
|
|
112
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GdsListItemPattern01Component, "gds-list-item-pattern-01", never, { "items": { "alias": "items"; "required": false; }; "label": { "alias": "label"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "paddingInline": { "alias": "paddingInline"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "download": { "alias": "download"; "required": false; }; "ping": { "alias": "ping"; "required": false; }; "alignSelf": { "alias": "alignSelf"; "required": false; }; "justifySelf": { "alias": "justifySelf"; "required": false; }; "placeSelf": { "alias": "placeSelf"; "required": false; }; "gridColumn": { "alias": "gridColumn"; "required": false; }; "gridRow": { "alias": "gridRow"; "required": false; }; "gridArea": { "alias": "gridArea"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "order": { "alias": "order"; "required": false; }; "syncFirstRender": { "alias": "syncFirstRender"; "required": false; }; }, { "input": "input"; "change": "change"; }, never, ["*"], true, never>;
|
|
113
|
+
static ngAcceptInputType_selectable: unknown;
|
|
114
|
+
static ngAcceptInputType_checked: unknown;
|
|
115
|
+
static ngAcceptInputType_indeterminate: unknown;
|
|
116
|
+
static ngAcceptInputType_disabled: unknown;
|
|
117
|
+
static ngAcceptInputType_syncFirstRender: unknown;
|
|
118
|
+
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sebgroup/green-core-ng",
|
|
3
3
|
"description": "Angular wrappers for @sebgroup/green-core web components.",
|
|
4
|
-
"version": "3.
|
|
4
|
+
"version": "3.13.0",
|
|
5
5
|
"main": "src/index.js",
|
|
6
6
|
"module": "fesm2022/sebgroup-green-core-ng.mjs",
|
|
7
7
|
"type": "module",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"directory": "../../dist/libs/core-ng"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@sebgroup/green-core": "3.
|
|
25
|
+
"@sebgroup/green-core": "3.13.0",
|
|
26
26
|
"tslib": "^2.3.0"
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|