@sebgroup/green-core-ng 2.37.4 → 3.1.0

package/generated/sensitive-date/sensitive-date.component.d.ts

@@ -237,10 +237,20 @@ export declare class GdsSensitiveDateComponent implements OnInit, OnChanges, Aft
     /** Style Expression Property that controls the `pointer-events` property.
   Supports all valid CSS `pointer-events` values. */
     pointerEvents?: GdsSensitiveDate['pointer-events'];
+    /** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
+  
+  This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
+  run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM
+  is projected.
+  
+  Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the
+  element needs to be measured synchronously after being added to the DOM. */
+    syncFirstRender?: GdsSensitiveDate['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GdsSensitiveDateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GdsSensitiveDateComponent, "gds-sensitive-date", never, { "hide": { "alias": "hide"; "required": false; }; "value": { "alias": "value"; "required": false; }; "format": { "alias": "format"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "font": { "alias": "font"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "textTransform": { "alias": "textTransform"; "required": false; }; "textDecoration": { "alias": "textDecoration"; "required": false; }; "lines": { "alias": "lines"; "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; }; "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; }; "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; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GdsSensitiveDateComponent, "gds-sensitive-date", never, { "hide": { "alias": "hide"; "required": false; }; "value": { "alias": "value"; "required": false; }; "format": { "alias": "format"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "font": { "alias": "font"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "textTransform": { "alias": "textTransform"; "required": false; }; "textDecoration": { "alias": "textDecoration"; "required": false; }; "lines": { "alias": "lines"; "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; }; "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; }; "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>;
     static ngAcceptInputType_hide: unknown;
+    static ngAcceptInputType_syncFirstRender: unknown;
 }

package/generated/sensitive-number/sensitive-number.component.d.ts

@@ -239,10 +239,20 @@ export declare class GdsSensitiveNumberComponent implements OnInit, OnChanges, A
     /** Style Expression Property that controls the `pointer-events` property.
   Supports all valid CSS `pointer-events` values. */
     pointerEvents?: GdsSensitiveNumber['pointer-events'];
+    /** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
+  
+  This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
+  run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM
+  is projected.
+  
+  Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the
+  element needs to be measured synchronously after being added to the DOM. */
+    syncFirstRender?: GdsSensitiveNumber['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GdsSensitiveNumberComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GdsSensitiveNumberComponent, "gds-sensitive-number", never, { "hide": { "alias": "hide"; "required": false; }; "value": { "alias": "value"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "decimals": { "alias": "decimals"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "font": { "alias": "font"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "textTransform": { "alias": "textTransform"; "required": false; }; "textDecoration": { "alias": "textDecoration"; "required": false; }; "lines": { "alias": "lines"; "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; }; "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; }; "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; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GdsSensitiveNumberComponent, "gds-sensitive-number", never, { "hide": { "alias": "hide"; "required": false; }; "value": { "alias": "value"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "decimals": { "alias": "decimals"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "font": { "alias": "font"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "textTransform": { "alias": "textTransform"; "required": false; }; "textDecoration": { "alias": "textDecoration"; "required": false; }; "lines": { "alias": "lines"; "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; }; "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; }; "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>;
     static ngAcceptInputType_hide: unknown;
+    static ngAcceptInputType_syncFirstRender: unknown;
 }

package/generated/signal/signal.component.d.ts

@@ -14,9 +14,19 @@ export declare class GdsSignalComponent implements OnInit, OnChanges, AfterViewI
     /** Change signal color based on variant.
   The color can be customized using the `color` property. */
     color?: GdsSignal['color'];
+    /** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
+  
+  This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
+  run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM
+  is projected.
+  
+  Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the
+  element needs to be measured synchronously after being added to the DOM. */
+    syncFirstRender?: GdsSignal['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GdsSignalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GdsSignalComponent, "gds-signal", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GdsSignalComponent, "gds-signal", never, { "color": { "alias": "color"; "required": false; }; "syncFirstRender": { "alias": "syncFirstRender"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_syncFirstRender: unknown;
 }

package/generated/spinner/spinner.component.d.ts

@@ -67,14 +67,24 @@ export declare class GdsSpinnerComponent implements OnInit, OnChanges, AfterView
     /** Style Expression Property that controls the `order` property.
   Supports all valid CSS `order` values. */
     order?: GdsSpinner['order'];
+    /** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
+  
+  This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
+  run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM
+  is projected.
+  
+  Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the
+  element needs to be measured synchronously after being added to the DOM. */
+    syncFirstRender?: GdsSpinner['syncFirstRender'];
     /** When the spinner is connected and visible */
     gdsSpinnerConnected: EventEmitter<CustomEvent<any>>;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GdsSpinnerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GdsSpinnerComponent, "gds-spinner", never, { "label": { "alias": "label"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "cover": { "alias": "cover"; "required": false; }; "fullscreen": { "alias": "fullscreen"; "required": false; }; "size": { "alias": "size"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "position": { "alias": "position"; "required": false; }; "transform": { "alias": "transform"; "required": false; }; "inset": { "alias": "inset"; "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; }; }, { "gdsSpinnerConnected": "gdsSpinnerConnected"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GdsSpinnerComponent, "gds-spinner", never, { "label": { "alias": "label"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "cover": { "alias": "cover"; "required": false; }; "fullscreen": { "alias": "fullscreen"; "required": false; }; "size": { "alias": "size"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "position": { "alias": "position"; "required": false; }; "transform": { "alias": "transform"; "required": false; }; "inset": { "alias": "inset"; "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; }; }, { "gdsSpinnerConnected": "gdsSpinnerConnected"; }, never, ["*"], true, never>;
     static ngAcceptInputType_showLabel: unknown;
     static ngAcceptInputType_cover: unknown;
     static ngAcceptInputType_fullscreen: unknown;
+    static ngAcceptInputType_syncFirstRender: unknown;
 }

package/generated/table/table.component.d.ts

@@ -77,11 +77,17 @@ export declare class GdsTableComponent implements OnInit, OnChanges, AfterViewIn
   with a sticky header that remains visible. */
     height?: GdsTable['height'];
     /** Sets the visual variant of the table container card.
-  Forwards to the underlying `gds-card` component.
-  Accepts: `primary`, `secondary` (default), `tertiary`.
-  
-  > Variant naming will change in the next major release. */
+  Forwards to the underlying `gds-card` component. */
     variant?: GdsTable['variant'];
+    /** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
+  
+  This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
+  run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM
+  is projected.
+  
+  Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the
+  element needs to be measured synchronously after being added to the DOM. */
+    syncFirstRender?: GdsTable['syncFirstRender'];
     /** Fired when the active page changes. Detail: `{ page: number }` */
     gdsPageChange: EventEmitter<CustomEvent<any>>;
     /** Fired when the rows per page value changes. Detail: `{ rows: number }` */
@@ -98,7 +104,7 @@ export declare class GdsTableComponent implements OnInit, OnChanges, AfterViewIn
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GdsTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GdsTableComponent, "gds-table", never, { "headline": { "alias": "headline"; "required": false; }; "headlineTag": { "alias": "headlineTag"; "required": false; }; "summary": { "alias": "summary"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; "options": { "alias": "options"; "required": false; }; "page": { "alias": "page"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "density": { "alias": "density"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "disableSelectAll": { "alias": "disableSelectAll"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "plain": { "alias": "plain"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "settings": { "alias": "settings"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "nocache": { "alias": "nocache"; "required": false; }; "tfoot": { "alias": "tfoot"; "required": false; }; "dataLoadKey": { "alias": "dataLoadKey"; "required": false; }; "height": { "alias": "height"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "gdsPageChange": "gdsPageChange"; "gdsRowsChange": "gdsRowsChange"; "gdsSortChange": "gdsSortChange"; "gdsTableDataLoaded": "gdsTableDataLoaded"; "gdsTableDataError": "gdsTableDataError"; "gdsTableSelection": "gdsTableSelection"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GdsTableComponent, "gds-table", never, { "headline": { "alias": "headline"; "required": false; }; "headlineTag": { "alias": "headlineTag"; "required": false; }; "summary": { "alias": "summary"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; "options": { "alias": "options"; "required": false; }; "page": { "alias": "page"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "density": { "alias": "density"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "disableSelectAll": { "alias": "disableSelectAll"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "plain": { "alias": "plain"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "settings": { "alias": "settings"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "nocache": { "alias": "nocache"; "required": false; }; "tfoot": { "alias": "tfoot"; "required": false; }; "dataLoadKey": { "alias": "dataLoadKey"; "required": false; }; "height": { "alias": "height"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "syncFirstRender": { "alias": "syncFirstRender"; "required": false; }; }, { "gdsPageChange": "gdsPageChange"; "gdsRowsChange": "gdsRowsChange"; "gdsSortChange": "gdsSortChange"; "gdsTableDataLoaded": "gdsTableDataLoaded"; "gdsTableDataError": "gdsTableDataError"; "gdsTableSelection": "gdsTableSelection"; }, never, ["*"], true, never>;
     static ngAcceptInputType_selectable: unknown;
     static ngAcceptInputType_disableSelectAll: unknown;
     static ngAcceptInputType_responsive: unknown;
@@ -107,4 +113,5 @@ export declare class GdsTableComponent implements OnInit, OnChanges, AfterViewIn
     static ngAcceptInputType_settings: unknown;
     static ngAcceptInputType_striped: unknown;
     static ngAcceptInputType_nocache: unknown;
+    static ngAcceptInputType_syncFirstRender: unknown;
 }

package/generated/text/text.component.d.ts

@@ -229,9 +229,19 @@ export declare class GdsTextComponent implements OnInit, OnChanges, AfterViewIni
     /** Style Expression Property that controls the `pointer-events` property.
   Supports all valid CSS `pointer-events` values. */
     pointerEvents?: GdsText['pointer-events'];
+    /** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
+  
+  This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
+  run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM
+  is projected.
+  
+  Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the
+  element needs to be measured synchronously after being added to the DOM. */
+    syncFirstRender?: GdsText['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GdsTextComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GdsTextComponent, "gds-text", never, { "tag": { "alias": "tag"; "required": false; }; "font": { "alias": "font"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "textTransform": { "alias": "textTransform"; "required": false; }; "textDecoration": { "alias": "textDecoration"; "required": false; }; "lines": { "alias": "lines"; "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; }; "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; }; "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; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GdsTextComponent, "gds-text", never, { "tag": { "alias": "tag"; "required": false; }; "font": { "alias": "font"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "textTransform": { "alias": "textTransform"; "required": false; }; "textDecoration": { "alias": "textDecoration"; "required": false; }; "lines": { "alias": "lines"; "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; }; "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; }; "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>;
+    static ngAcceptInputType_syncFirstRender: unknown;
 }

package/generated/textarea/textarea.component.d.ts

@@ -126,6 +126,15 @@ export declare class GdsTextareaComponent extends GdsFormControlBase {
     name?: GdsTextarea['name'];
     /** If the input is Disabled */
     disabled?: GdsTextarea['disabled'];
+    /** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
+  
+  This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
+  run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM
+  is projected.
+  
+  Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the
+  element needs to be measured synchronously after being added to the DOM. */
+    syncFirstRender?: GdsTextarea['syncFirstRender'];
     /** Fired when the clear button is clicked. */
     gdsInputCleared: EventEmitter<CustomEvent<any>>;
     get element(): GdsTextarea;
@@ -133,7 +142,7 @@ export declare class GdsTextareaComponent extends GdsFormControlBase {
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GdsTextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GdsTextareaComponent, "gds-textarea", 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; }; "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; }; "rows": { "alias": "rows"; "required": false; }; "supportingText": { "alias": "supportingText"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "showExtendedSupportingText": { "alias": "showExtendedSupportingText"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "size": { "alias": "size"; "required": false; }; "plain": { "alias": "plain"; "required": false; }; "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "charCounterCallback": { "alias": "charCounterCallback"; "required": false; }; "selectionStart": { "alias": "selectionStart"; "required": false; }; "selectionEnd": { "alias": "selectionEnd"; "required": false; }; "selectionDirection": { "alias": "selectionDirection"; "required": false; }; "value": { "alias": "value"; "required": false; }; "validator": { "alias": "validator"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "gdsInputCleared": "gdsInputCleared"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GdsTextareaComponent, "gds-textarea", 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; }; "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; }; "rows": { "alias": "rows"; "required": false; }; "supportingText": { "alias": "supportingText"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "showExtendedSupportingText": { "alias": "showExtendedSupportingText"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "size": { "alias": "size"; "required": false; }; "plain": { "alias": "plain"; "required": false; }; "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "charCounterCallback": { "alias": "charCounterCallback"; "required": false; }; "selectionStart": { "alias": "selectionStart"; "required": false; }; "selectionEnd": { "alias": "selectionEnd"; "required": false; }; "selectionDirection": { "alias": "selectionDirection"; "required": false; }; "value": { "alias": "value"; "required": false; }; "validator": { "alias": "validator"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "syncFirstRender": { "alias": "syncFirstRender"; "required": false; }; }, { "gdsInputCleared": "gdsInputCleared"; }, never, ["*"], true, never>;
     static ngAcceptInputType_clearable: unknown;
     static ngAcceptInputType_showExtendedSupportingText: unknown;
     static ngAcceptInputType_plain: unknown;
@@ -142,4 +151,5 @@ export declare class GdsTextareaComponent extends GdsFormControlBase {
     static ngAcceptInputType_spellcheck: unknown;
     static ngAcceptInputType_required: unknown;
     static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_syncFirstRender: unknown;
 }

package/generated/theme/theme.component.d.ts

@@ -15,6 +15,15 @@ export declare class GdsThemeComponent implements OnInit, OnChanges, AfterViewIn
     colorScheme?: GdsTheme['colorScheme'];
     /** The design version to use. Can be `16` or `23`. */
     designVersion?: GdsTheme['designVersion'];
+    /** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
+  
+  This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
+  run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM
+  is projected.
+  
+  Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the
+  element needs to be measured synchronously after being added to the DOM. */
+    syncFirstRender?: GdsTheme['syncFirstRender'];
     /** Fired when the color scheme changes. */
     gdsColorSchemeChanged: EventEmitter<CustomEvent<any>>;
     /** Fired when the design version changes. */
@@ -23,5 +32,6 @@ export declare class GdsThemeComponent implements OnInit, OnChanges, AfterViewIn
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GdsThemeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GdsThemeComponent, "gds-theme", never, { "colorScheme": { "alias": "colorScheme"; "required": false; }; "designVersion": { "alias": "designVersion"; "required": false; }; }, { "gdsColorSchemeChanged": "gdsColorSchemeChanged"; "gdsDesignVersionChanged": "gdsDesignVersionChanged"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GdsThemeComponent, "gds-theme", never, { "colorScheme": { "alias": "colorScheme"; "required": false; }; "designVersion": { "alias": "designVersion"; "required": false; }; "syncFirstRender": { "alias": "syncFirstRender"; "required": false; }; }, { "gdsColorSchemeChanged": "gdsColorSchemeChanged"; "gdsDesignVersionChanged": "gdsDesignVersionChanged"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_syncFirstRender: unknown;
 }

package/generated/video/video.component.d.ts

@@ -147,9 +147,19 @@ export declare class GdsVideoComponent implements OnInit, OnChanges, AfterViewIn
     /** Style Expression Property that controls the `inset` property.
   Supports all valid CSS `inset` values. */
     inset?: GdsVideo['inset'];
+    /** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
+  
+  This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
+  run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM
+  is projected.
+  
+  Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the
+  element needs to be measured synchronously after being added to the DOM. */
+    syncFirstRender?: GdsVideo['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GdsVideoComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GdsVideoComponent, "gds-video", never, { "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "objectPosition": { "alias": "objectPosition"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "objectFit": { "alias": "objectFit"; "required": false; }; "pointerEvents": { "alias": "pointerEvents"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "src": { "alias": "src"; "required": false; }; "poster": { "alias": "poster"; "required": false; }; "muted": { "alias": "muted"; "required": false; }; "playsinline": { "alias": "playsinline"; "required": false; }; "autoplay": { "alias": "autoplay"; "required": false; }; "loop": { "alias": "loop"; "required": false; }; "videoElement": { "alias": "videoElement"; "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; }; "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; }; "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; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GdsVideoComponent, "gds-video", never, { "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "objectPosition": { "alias": "objectPosition"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "objectFit": { "alias": "objectFit"; "required": false; }; "pointerEvents": { "alias": "pointerEvents"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "src": { "alias": "src"; "required": false; }; "poster": { "alias": "poster"; "required": false; }; "muted": { "alias": "muted"; "required": false; }; "playsinline": { "alias": "playsinline"; "required": false; }; "autoplay": { "alias": "autoplay"; "required": false; }; "loop": { "alias": "loop"; "required": false; }; "videoElement": { "alias": "videoElement"; "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; }; "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; }; "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; }; "syncFirstRender": { "alias": "syncFirstRender"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_syncFirstRender: unknown;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sebgroup/green-core-ng",
   "description": "Angular wrappers for @sebgroup/green-core web components.",
-  "version": "2.37.4",
+  "version": "3.1.0",
   "main": "src/index.js",
   "module": "fesm2022/sebgroup-green-core-ng.mjs",
   "type": "module",
@@ -22,7 +22,7 @@
     "directory": "../../dist/libs/core-ng"
   },
   "dependencies": {
-    "@sebgroup/green-core": "2.37.4",
+    "@sebgroup/green-core": "3.1.0",
     "tslib": "^2.3.0"
   },
   "peerDependencies": {

package/generated/icon-arrows-repeat/icon-arrows-repeat.component.d.ts

@@ -1,79 +0,0 @@
-import { OnInit, OnChanges, AfterViewInit, SimpleChanges } from '@angular/core';
-import { IconArrowsRepeat } from '@sebgroup/green-core/components/icon/icons/arrows-repeat.component.js';
-import * as i0 from "@angular/core";
-/**
- * Angular wrapper for the gds-icon-arrows-repeat web component
- *
- */
-export declare class IconArrowsRepeatComponent implements OnInit, OnChanges, AfterViewInit {
-    private elementRef;
-    private zone;
-    private cdr;
-    get element(): IconArrowsRepeat;
-    constructor();
-    /** Style Expression Property that controls the `margin` property.
-  Only accepts space tokens. */
-    margin?: IconArrowsRepeat['margin'];
-    /** Style Expression Property that controls the `margin-inline` property.
-  Only accepts space tokens. */
-    marginInline?: IconArrowsRepeat['margin-inline'];
-    /** Style Expression Property that controls the `margin-block` property.
-  Only accepts space tokens. */
-    marginBlock?: IconArrowsRepeat['margin-block'];
-    /** Style Expression Property that controls the `align-self` property.
-  Supports all valid CSS `align-self` values. */
-    alignSelf?: IconArrowsRepeat['align-self'];
-    /** Style Expression Property that controls the `justify-self` property.
-  Supports all valid CSS `justify-self` values. */
-    justifySelf?: IconArrowsRepeat['justify-self'];
-    /** Style Expression Property that controls the `place-self` property.
-  Supports all valid CSS `place-self` values. */
-    placeSelf?: IconArrowsRepeat['place-self'];
-    /** Style Expression Property that controls the `grid-column` property.
-  Supports all valid CSS grid-column values.
-  Documentation: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column */
-    gridColumn?: IconArrowsRepeat['grid-column'];
-    /** Style Expression Property that controls the `grid-row` property.
-  Supports all valid CSS `grid-row` values. */
-    gridRow?: IconArrowsRepeat['grid-row'];
-    /** Style Expression Property that controls the `grid-area` property.
-  Supports all valid CSS `grid-area` values. */
-    gridArea?: IconArrowsRepeat['grid-area'];
-    /** Style Expression Property that controls the `flex` property.
-  Supports all valid CSS `flex` values. */
-    flex?: IconArrowsRepeat['flex'];
-    /** Style Expression Property that controls the `order` property.
-  Supports all valid CSS `order` values. */
-    order?: IconArrowsRepeat['order'];
-    /** This property allow you to set the size of the icon with the token and custom values.
-  If not provided, uses the icon's default size.
-  
-  The size is a shorthand for setting both width and height at once. */
-    size?: IconArrowsRepeat['size'];
-    /** When set to true, the solid version of the icon is displayed.
-  When set to false or not provided, the regular version of the icon is displayed. */
-    solid?: IconArrowsRepeat['solid'];
-    /** When set to true, you can apply custom stroke width to the icon. */
-    stroke?: IconArrowsRepeat['stroke'];
-    /** The level of the icon is used to resolve the color tokens from the corresponding level.
-  Check the [Color System documentation page](./?path=/docs/style-colors--docs) for more information.
-  
-  Default for `gds-icon-*` is level 2. */
-    level?: IconArrowsRepeat['level'];
-    /** Style Expression Property that controls the `color` property.
-  Only accepts color tokens and an optional transparency value, in the format tokenName/transparency.
-  
-  ```html
-  <gds-icon-ai color="neutral-01/0.2"></gds-icon-ai>
-  ``` */
-    color?: IconArrowsRepeat['color'];
-    /** This property allow you to set the accessible label of the icon.
-  If not provided, the icon will be presentational. */
-    label?: IconArrowsRepeat['label'];
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<IconArrowsRepeatComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconArrowsRepeatComponent, "gds-icon-arrows-repeat", 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; }; "size": { "alias": "size"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "level": { "alias": "level"; "required": false; }; "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], true, never>;
-    static ngAcceptInputType_solid: unknown;
-}

package/generated/icon-arrows-repeat/index.d.ts

@@ -1,7 +0,0 @@
-/**
- * IconArrowsRepeatComponent - Angular wrapper for gds-icon-arrows-repeat
- *
- *
- * Auto-generated from Custom Elements Manifest
- */
-export * from './icon-arrows-repeat.component';

package/generated/icon-bubble/icon-bubble.component.d.ts

@@ -1,79 +0,0 @@
-import { OnInit, OnChanges, AfterViewInit, SimpleChanges } from '@angular/core';
-import { IconBubble } from '@sebgroup/green-core/components/icon/icons/bubble.component.js';
-import * as i0 from "@angular/core";
-/**
- * Angular wrapper for the gds-icon-bubble web component
- *
- */
-export declare class IconBubbleComponent implements OnInit, OnChanges, AfterViewInit {
-    private elementRef;
-    private zone;
-    private cdr;
-    get element(): IconBubble;
-    constructor();
-    /** Style Expression Property that controls the `margin` property.
-  Only accepts space tokens. */
-    margin?: IconBubble['margin'];
-    /** Style Expression Property that controls the `margin-inline` property.
-  Only accepts space tokens. */
-    marginInline?: IconBubble['margin-inline'];
-    /** Style Expression Property that controls the `margin-block` property.
-  Only accepts space tokens. */
-    marginBlock?: IconBubble['margin-block'];
-    /** Style Expression Property that controls the `align-self` property.
-  Supports all valid CSS `align-self` values. */
-    alignSelf?: IconBubble['align-self'];
-    /** Style Expression Property that controls the `justify-self` property.
-  Supports all valid CSS `justify-self` values. */
-    justifySelf?: IconBubble['justify-self'];
-    /** Style Expression Property that controls the `place-self` property.
-  Supports all valid CSS `place-self` values. */
-    placeSelf?: IconBubble['place-self'];
-    /** Style Expression Property that controls the `grid-column` property.
-  Supports all valid CSS grid-column values.
-  Documentation: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column */
-    gridColumn?: IconBubble['grid-column'];
-    /** Style Expression Property that controls the `grid-row` property.
-  Supports all valid CSS `grid-row` values. */
-    gridRow?: IconBubble['grid-row'];
-    /** Style Expression Property that controls the `grid-area` property.
-  Supports all valid CSS `grid-area` values. */
-    gridArea?: IconBubble['grid-area'];
-    /** Style Expression Property that controls the `flex` property.
-  Supports all valid CSS `flex` values. */
-    flex?: IconBubble['flex'];
-    /** Style Expression Property that controls the `order` property.
-  Supports all valid CSS `order` values. */
-    order?: IconBubble['order'];
-    /** This property allow you to set the size of the icon with the token and custom values.
-  If not provided, uses the icon's default size.
-  
-  The size is a shorthand for setting both width and height at once. */
-    size?: IconBubble['size'];
-    /** When set to true, the solid version of the icon is displayed.
-  When set to false or not provided, the regular version of the icon is displayed. */
-    solid?: IconBubble['solid'];
-    /** When set to true, you can apply custom stroke width to the icon. */
-    stroke?: IconBubble['stroke'];
-    /** The level of the icon is used to resolve the color tokens from the corresponding level.
-  Check the [Color System documentation page](./?path=/docs/style-colors--docs) for more information.
-  
-  Default for `gds-icon-*` is level 2. */
-    level?: IconBubble['level'];
-    /** Style Expression Property that controls the `color` property.
-  Only accepts color tokens and an optional transparency value, in the format tokenName/transparency.
-  
-  ```html
-  <gds-icon-ai color="neutral-01/0.2"></gds-icon-ai>
-  ``` */
-    color?: IconBubble['color'];
-    /** This property allow you to set the accessible label of the icon.
-  If not provided, the icon will be presentational. */
-    label?: IconBubble['label'];
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<IconBubbleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconBubbleComponent, "gds-icon-bubble", 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; }; "size": { "alias": "size"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "level": { "alias": "level"; "required": false; }; "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], true, never>;
-    static ngAcceptInputType_solid: unknown;
-}

package/generated/icon-bubble/index.d.ts

@@ -1,7 +0,0 @@
-/**
- * IconBubbleComponent - Angular wrapper for gds-icon-bubble
- *
- *
- * Auto-generated from Custom Elements Manifest
- */
-export * from './icon-bubble.component';