From c54838bc86b5e3e8a60a867221314993fb97e14b Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Fri, 7 Nov 2025 08:00:07 +0000
Subject: [PATCH 1/4] Create PR for #1844


From 7aa03a3c473b766281038c223ae3ee12df9aa6c8 Mon Sep 17 00:00:00 2001
From: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch>
Date: Fri, 7 Nov 2025 09:10:36 +0100
Subject: [PATCH 2/4] fix(heading): get font size before render

---
 .changeset/tall-rules-attend.md                          | 5 +++++
 packages/core/src/components/bal-heading/bal-heading.tsx | 4 ++++
 2 files changed, 9 insertions(+)
 create mode 100644 .changeset/tall-rules-attend.md

diff --git a/.changeset/tall-rules-attend.md b/.changeset/tall-rules-attend.md
new file mode 100644
index 0000000000..3da16d29f0
--- /dev/null
+++ b/.changeset/tall-rules-attend.md
@@ -0,0 +1,5 @@
+---
+'@baloise/ds-core': patch
+---
+
+**heading**: get font size before render
diff --git a/packages/core/src/components/bal-heading/bal-heading.tsx b/packages/core/src/components/bal-heading/bal-heading.tsx
index ed0fde5b53..ea60044aad 100644
--- a/packages/core/src/components/bal-heading/bal-heading.tsx
+++ b/packages/core/src/components/bal-heading/bal-heading.tsx
@@ -101,6 +101,10 @@ export class Heading implements ComponentInterface {
     this.updateAutoFontSize()
   }
 
+  componentWillRender(): Promise<void> | void {
+    this.updateAutoFontSize()
+  }
+
   componentDidRender(): void {
     if (this.autoLevel && this.autoFontSize) {
       const rows = this.rows

From 81ccfd51fa8a65ad4c83a28805b2515c1572606e Mon Sep 17 00:00:00 2001
From: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch>
Date: Fri, 7 Nov 2025 10:00:38 +0100
Subject: [PATCH 3/4] chore: add debug logs

---
 packages/core/src/components/bal-heading/bal-heading.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/core/src/components/bal-heading/bal-heading.tsx b/packages/core/src/components/bal-heading/bal-heading.tsx
index ea60044aad..cd3ae6dfca 100644
--- a/packages/core/src/components/bal-heading/bal-heading.tsx
+++ b/packages/core/src/components/bal-heading/bal-heading.tsx
@@ -35,6 +35,7 @@ export class Heading implements ComponentInterface {
 
   @Watch('level')
   levelWatcher() {
+    console.log('level')
     this.updateAutoFontSize()
   }
 
@@ -47,6 +48,7 @@ export class Heading implements ComponentInterface {
 
   @Watch('visualLevel')
   visualLevelWatcher() {
+    console.log('visualLevelWatcher')
     this.updateAutoFontSize()
   }
 
@@ -98,10 +100,12 @@ export class Heading implements ComponentInterface {
    */
 
   connectedCallback(): void {
+    console.log('connectedCallback')
     this.updateAutoFontSize()
   }
 
   componentWillRender(): Promise<void> | void {
+    console.log('componentWillRender')
     this.updateAutoFontSize()
   }
 
@@ -164,6 +168,8 @@ export class Heading implements ComponentInterface {
     const Heading = this.tag
     const fontColor = this.fontColor
 
+    console.log('render')
+
     return (
       <Host
         class={{

From 986bec75f5983e9ff5edb29f8d00d2771d30db0a Mon Sep 17 00:00:00 2001
From: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch>
Date: Fri, 7 Nov 2025 13:07:58 +0100
Subject: [PATCH 4/4] fix(core): enable experimentalScopedSlotChanges and
 experimentalSlotFixes

---
 packages/core/stencil.config.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/core/stencil.config.ts b/packages/core/stencil.config.ts
index 45080c8714..b2fbbe4770 100644
--- a/packages/core/stencil.config.ts
+++ b/packages/core/stencil.config.ts
@@ -59,6 +59,8 @@ export const config: Config = {
   ],
   extras: {
     initializeNextTick: true,
+    experimentalScopedSlotChanges: true,
+    experimentalSlotFixes: true,
   },
   outputTargets: [
     {