@sebgroup/green-core-ng 3.6.3 → 3.8.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.
@@ -0,0 +1,99 @@
1
+ import { OnInit, OnChanges, AfterViewInit, SimpleChanges } from '@angular/core';
2
+ import { GdsAvatar } from '@sebgroup/green-core/components/avatar/avatar.component.js';
3
+ import * as i0 from "@angular/core";
4
+ /**
5
+ * Angular wrapper for the gds-avatar web component
6
+ * `gds-avatar` is a visual element used to represent a user or entity.
7
+ It supports displaying an image, slotted text content, or a fallback icon.
8
+ */
9
+ export declare class GdsAvatarComponent implements OnInit, OnChanges, AfterViewInit {
10
+ private elementRef;
11
+ private zone;
12
+ private cdr;
13
+ get element(): GdsAvatar;
14
+ constructor();
15
+ /** Image URL to display inside the avatar.
16
+ When set, an `<img>` is rendered directly in the shadow DOM. */
17
+ src?: GdsAvatar['src'];
18
+ /** Alt text for the image when using the `src` property. */
19
+ alt?: GdsAvatar['alt'];
20
+ /** The size of the avatar. */
21
+ size?: GdsAvatar['size'];
22
+ /** The shape of the avatar. */
23
+ shape?: GdsAvatar['shape'];
24
+ /** The color level used when resolving color tokens for style expression properties. */
25
+ level?: GdsAvatar['level'];
26
+ /** Style Expression Property that controls the `background` color of the avatar shape.
27
+ Only accepts color tokens and optional transparency values. */
28
+ background?: GdsAvatar['background'];
29
+ /** Style Expression Property that controls the text/icon `color` of the avatar.
30
+ Accepts content color tokens and optional transparency values. */
31
+ color?: GdsAvatar['color'];
32
+ /** Style Expression Property that controls the `width` property.
33
+ Supports space tokens and all valid CSS `width` values. */
34
+ width?: GdsAvatar['width'];
35
+ /** Style Expression Property that controls the `min-width` property.
36
+ Supports space tokens and all valid CSS `min-width` values. */
37
+ minWidth?: GdsAvatar['min-width'];
38
+ /** Style Expression Property that controls the `max-width` property.
39
+ Supports space tokens and all valid CSS `max-width` values. */
40
+ maxWidth?: GdsAvatar['max-width'];
41
+ /** Style Expression Property that controls the `inline-size` property.
42
+ Supports space tokens and all valid CSS `inline-size` values */
43
+ inlineSize?: GdsAvatar['inline-size'];
44
+ /** Style Expression Property that controls the `min-inline-size` property.
45
+ Supports space tokens and all valid CSS `min-inline-size` values. */
46
+ minInlineSize?: GdsAvatar['min-inline-size'];
47
+ /** Style Expression Property that controls the `max-inline-size` property.
48
+ Supports space tokens and all valid CSS `max-inline-size` values. */
49
+ maxInlineSize?: GdsAvatar['max-inline-size'];
50
+ /** Style Expression Property that controls the `margin` property.
51
+ Only accepts space tokens. */
52
+ margin?: GdsAvatar['margin'];
53
+ /** Style Expression Property that controls the `margin-inline` property.
54
+ Only accepts space tokens. */
55
+ marginInline?: GdsAvatar['margin-inline'];
56
+ /** Style Expression Property that controls the `margin-block` property.
57
+ Only accepts space tokens. */
58
+ marginBlock?: GdsAvatar['margin-block'];
59
+ /** Style Expression Property that controls the `align-self` property.
60
+ Supports all valid CSS `align-self` values. */
61
+ alignSelf?: GdsAvatar['align-self'];
62
+ /** Style Expression Property that controls the `justify-self` property.
63
+ Supports all valid CSS `justify-self` values. */
64
+ justifySelf?: GdsAvatar['justify-self'];
65
+ /** Style Expression Property that controls the `place-self` property.
66
+ Supports all valid CSS `place-self` values. */
67
+ placeSelf?: GdsAvatar['place-self'];
68
+ /** Style Expression Property that controls the `grid-column` property.
69
+ Supports all valid CSS grid-column values.
70
+ Documentation: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column */
71
+ gridColumn?: GdsAvatar['grid-column'];
72
+ /** Style Expression Property that controls the `grid-row` property.
73
+ Supports all valid CSS `grid-row` values. */
74
+ gridRow?: GdsAvatar['grid-row'];
75
+ /** Style Expression Property that controls the `grid-area` property.
76
+ Supports all valid CSS `grid-area` values. */
77
+ gridArea?: GdsAvatar['grid-area'];
78
+ /** Style Expression Property that controls the `flex` property.
79
+ Supports all valid CSS `flex` values. */
80
+ flex?: GdsAvatar['flex'];
81
+ /** Style Expression Property that controls the `order` property.
82
+ Supports all valid CSS `order` values. */
83
+ order?: GdsAvatar['order'];
84
+ /** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
85
+
86
+ This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
87
+ run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM
88
+ is projected.
89
+
90
+ Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the
91
+ element needs to be measured synchronously after being added to the DOM. */
92
+ syncFirstRender?: GdsAvatar['syncFirstRender'];
93
+ ngOnInit(): void;
94
+ ngOnChanges(changes: SimpleChanges): void;
95
+ ngAfterViewInit(): void;
96
+ static ɵfac: i0.ɵɵFactoryDeclaration<GdsAvatarComponent, never>;
97
+ static ɵcmp: i0.ɵɵComponentDeclaration<GdsAvatarComponent, "gds-avatar", never, { "src": { "alias": "src"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "size": { "alias": "size"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "level": { "alias": "level"; "required": false; }; "background": { "alias": "background"; "required": false; }; "color": { "alias": "color"; "required": false; }; "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; }; "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "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; }; }, {}, never, ["*"], true, never>;
98
+ static ngAcceptInputType_syncFirstRender: unknown;
99
+ }
@@ -0,0 +1,8 @@
1
+ /**
2
+ * GdsAvatarComponent - Angular wrapper for gds-avatar
3
+ * `gds-avatar` is a visual element used to represent a user or entity.
4
+ It supports displaying an image, slotted text content, or a fallback icon.
5
+ *
6
+ * Auto-generated from Custom Elements Manifest
7
+ */
8
+ export * from './avatar.component';
@@ -0,0 +1,67 @@
1
+ import { OnInit, OnChanges, AfterViewInit, SimpleChanges } from '@angular/core';
2
+ import { GdsAvatarGroup } from '@sebgroup/green-core/components/avatar/avatar-group/avatar-group.component.js';
3
+ import * as i0 from "@angular/core";
4
+ /**
5
+ * Angular wrapper for the gds-avatar-group web component
6
+ * `gds-avatar-group` stacks multiple avatars with an overlapping ring cutout effect.
7
+
8
+ Accessibility:
9
+ - Exposes `role="group"` by default.
10
+ - Provide an `aria-label` (for example `aria-label="Authors"`) to describe the group context.
11
+ */
12
+ export declare class GdsAvatarGroupComponent implements OnInit, OnChanges, AfterViewInit {
13
+ private elementRef;
14
+ private zone;
15
+ private cdr;
16
+ get element(): GdsAvatarGroup;
17
+ constructor();
18
+ /** Style Expression Property that controls the `margin` property.
19
+ Only accepts space tokens. */
20
+ margin?: GdsAvatarGroup['margin'];
21
+ /** Style Expression Property that controls the `margin-inline` property.
22
+ Only accepts space tokens. */
23
+ marginInline?: GdsAvatarGroup['margin-inline'];
24
+ /** Style Expression Property that controls the `margin-block` property.
25
+ Only accepts space tokens. */
26
+ marginBlock?: GdsAvatarGroup['margin-block'];
27
+ /** Style Expression Property that controls the `align-self` property.
28
+ Supports all valid CSS `align-self` values. */
29
+ alignSelf?: GdsAvatarGroup['align-self'];
30
+ /** Style Expression Property that controls the `justify-self` property.
31
+ Supports all valid CSS `justify-self` values. */
32
+ justifySelf?: GdsAvatarGroup['justify-self'];
33
+ /** Style Expression Property that controls the `place-self` property.
34
+ Supports all valid CSS `place-self` values. */
35
+ placeSelf?: GdsAvatarGroup['place-self'];
36
+ /** Style Expression Property that controls the `grid-column` property.
37
+ Supports all valid CSS grid-column values.
38
+ Documentation: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column */
39
+ gridColumn?: GdsAvatarGroup['grid-column'];
40
+ /** Style Expression Property that controls the `grid-row` property.
41
+ Supports all valid CSS `grid-row` values. */
42
+ gridRow?: GdsAvatarGroup['grid-row'];
43
+ /** Style Expression Property that controls the `grid-area` property.
44
+ Supports all valid CSS `grid-area` values. */
45
+ gridArea?: GdsAvatarGroup['grid-area'];
46
+ /** Style Expression Property that controls the `flex` property.
47
+ Supports all valid CSS `flex` values. */
48
+ flex?: GdsAvatarGroup['flex'];
49
+ /** Style Expression Property that controls the `order` property.
50
+ Supports all valid CSS `order` values. */
51
+ order?: GdsAvatarGroup['order'];
52
+ /** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
53
+
54
+ This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
55
+ run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM
56
+ is projected.
57
+
58
+ Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the
59
+ element needs to be measured synchronously after being added to the DOM. */
60
+ syncFirstRender?: GdsAvatarGroup['syncFirstRender'];
61
+ ngOnInit(): void;
62
+ ngOnChanges(changes: SimpleChanges): void;
63
+ ngAfterViewInit(): void;
64
+ static ɵfac: i0.ɵɵFactoryDeclaration<GdsAvatarGroupComponent, never>;
65
+ static ɵcmp: i0.ɵɵComponentDeclaration<GdsAvatarGroupComponent, "gds-avatar-group", never, { "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "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; }; }, {}, never, ["*"], true, never>;
66
+ static ngAcceptInputType_syncFirstRender: unknown;
67
+ }
@@ -0,0 +1,11 @@
1
+ /**
2
+ * GdsAvatarGroupComponent - Angular wrapper for gds-avatar-group
3
+ * `gds-avatar-group` stacks multiple avatars with an overlapping ring cutout effect.
4
+
5
+ Accessibility:
6
+ - Exposes `role="group"` by default.
7
+ - Provide an `aria-label` (for example `aria-label="Authors"`) to describe the group context.
8
+ *
9
+ * Auto-generated from Custom Elements Manifest
10
+ */
11
+ export * from './avatar-group.component';