hr-design-system-handlebars 1.123.2 → 1.124.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v1.124.0 (Fri Nov 14 2025)
+
+#### 🚀 Enhancement
+
+- Feature/dpe 3782 [#1321](https://github.com/mumprod/hr-design-system-handlebars/pull/1321) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 1
+
+- [@szuelch](https://github.com/szuelch)
+
+---
+
 # v1.123.2 (Thu Nov 13 2025)
 
 #### ⚠️ Pushed to `main`

package/dist/assets/index.css

@@ -3895,7 +3895,7 @@ article #commentList {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1763030567815;
+  counter-reset: cnt1763118283350;
 }
 .animate-delay-100 {
   --tw-animate-delay: 100ms;
@@ -4356,7 +4356,7 @@ html { scroll-behavior: smooth; }
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1763030567815 1;
+  counter-increment: cnt1763118283350 1;
 }
 .-ordered::before {
   position: absolute;
@@ -4374,7 +4374,7 @@ html { scroll-behavior: smooth; }
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, 1);
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1763030567815);
+  content: counter(cnt1763118283350);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */

package/dist/assets/js/components/external-service/externalServiceDs.feature.js

@@ -329,66 +329,49 @@ const ExternalService = function (context) {
 
     const createTwentyThreeDegreesEmbed = function () {
         removeDatapolicyBox()
-        const foundMatchesForSlug = embedCode.match(/embed\/([^/?]+)/)
-        const slug =
-            foundMatchesForSlug && foundMatchesForSlug.length > 1 ? foundMatchesForSlug[1] : null
-        if (slug) {
-            const script = document.createElement('script')
-            script.src = `https://app.23degrees.io/services/public/embed-code/${slug}`
-            script.type = 'text/javascript'
-
-            const css = `
-            .responsive23-${slug} {
-                width: 100%;
-                padding-top: 100%;
-            }
 
-            @media (max-width: 800px) {
-                .responsive23-${slug} {
-                padding-top: 80%;
-                }
-            }
+        const slugMatch = embedCode.match(/embed\/([^/?]+)/)
+        const slug = slugMatch?.[1] || null
+        if (!slug) return
+
+        // Style-Element erzeugen und einfügen
+        const style = document.createElement('style')
+        style.textContent = `
+        .responsive23-${slug} { width: 100%; padding-top: 100%; }
+        @media (max-width: 800px) { .responsive23-${slug} { padding-top: 80%; } }
+        @media (max-width: 600px) { .responsive23-${slug} { padding-top: 90.91%; } }
+        @media (max-width: 480px) { .responsive23-${slug} { padding-top: 111.11%; } }
+        @media (max-width: 360px) { .responsive23-${slug} { padding-top: 142.86%; } }
+    `
+        rootElement.appendChild(style)
+
+        // Responsive Container und Iframe erzeugen
+        const div = document.createElement('div')
+        div.className = `responsive23-${slug}`
+        div.id = `container23-${slug}`
+        div.style.position = 'relative'
+
+        const iFrame = document.createElement('iframe')
+        iFrame.src = decodeURIComponent(embedCode)
+        Object.assign(iFrame.style, {
+            position: 'absolute',
+            top: '0',
+            left: '0',
+            width: '100%',
+            height: '100%',
+            border: '0',
+        })
+        iFrame.allowFullscreen = true
+        iFrame.title = '23degrees Embed'
 
-            @media (max-width: 600px) {
-                .responsive23-${slug} {
-                padding-top: 90.91%;
-                }
-            }
+        div.appendChild(iFrame)
+        rootElement.appendChild(div)
 
-            @media (max-width: 480px) {
-                .responsive23-${slug} {
-                padding-top: 111.11%;
-                }
-            }
-
-            @media (max-width: 360px) {
-                .responsive23-${slug} {
-                padding-top: 142.86%;
-                }
-            }`
-            const style = document.createElement('style')
-            style.textContent = css
-
-            const iFrame = document.createElement('iframe')
-            iFrame.src = embedCode
-            iFrame.style.position = 'absolute'
-            iFrame.style.top = '0'
-            iFrame.style.left = '0'
-            iFrame.style.width = '100%'
-            iFrame.style.height = '100%'
-            iFrame.style.border = '0'
-            iFrame.allowFullscreen = true
-            iFrame.title = '23degrees Embed'
-            const div = document.createElement('div')
-            div.className = `responsive23-${slug}`
-            div.id = `container23-${slug}`
-            div.style.position = 'relative'
-            div.appendChild(iFrame)
-
-            rootElement.appendChild(style)
-            rootElement.appendChild(div)
-            rootElement.appendChild(script)
-        }
+        // Script einfügen
+        const script = document.createElement('script')
+        script.src = `https://app.23degrees.io/services/public/embed-code/${slug}`
+        script.type = 'text/javascript'
+        rootElement.appendChild(script)
     }
 
     const createFacebookEmbed = function () {

package/package.json

@@ -6,7 +6,7 @@
   "license": "MIT",
   "main": "dist/index.js",
   "repository": "https://github.com/szuelch/hr-design-system-handlebars",
-  "version": "1.123.2",
+  "version": "1.124.0",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "storybook": "storybook dev -p 6006 public",

package/src/stories/views/components/external-service/externalServiceDs.feature.js

@@ -329,66 +329,49 @@ const ExternalService = function (context) {
 
     const createTwentyThreeDegreesEmbed = function () {
         removeDatapolicyBox()
-        const foundMatchesForSlug = embedCode.match(/embed\/([^/?]+)/)
-        const slug =
-            foundMatchesForSlug && foundMatchesForSlug.length > 1 ? foundMatchesForSlug[1] : null
-        if (slug) {
-            const script = document.createElement('script')
-            script.src = `https://app.23degrees.io/services/public/embed-code/${slug}`
-            script.type = 'text/javascript'
-
-            const css = `
-            .responsive23-${slug} {
-                width: 100%;
-                padding-top: 100%;
-            }
 
-            @media (max-width: 800px) {
-                .responsive23-${slug} {
-                padding-top: 80%;
-                }
-            }
+        const slugMatch = embedCode.match(/embed\/([^/?]+)/)
+        const slug = slugMatch?.[1] || null
+        if (!slug) return
+
+        // Style-Element erzeugen und einfügen
+        const style = document.createElement('style')
+        style.textContent = `
+        .responsive23-${slug} { width: 100%; padding-top: 100%; }
+        @media (max-width: 800px) { .responsive23-${slug} { padding-top: 80%; } }
+        @media (max-width: 600px) { .responsive23-${slug} { padding-top: 90.91%; } }
+        @media (max-width: 480px) { .responsive23-${slug} { padding-top: 111.11%; } }
+        @media (max-width: 360px) { .responsive23-${slug} { padding-top: 142.86%; } }
+    `
+        rootElement.appendChild(style)
+
+        // Responsive Container und Iframe erzeugen
+        const div = document.createElement('div')
+        div.className = `responsive23-${slug}`
+        div.id = `container23-${slug}`
+        div.style.position = 'relative'
+
+        const iFrame = document.createElement('iframe')
+        iFrame.src = decodeURIComponent(embedCode)
+        Object.assign(iFrame.style, {
+            position: 'absolute',
+            top: '0',
+            left: '0',
+            width: '100%',
+            height: '100%',
+            border: '0',
+        })
+        iFrame.allowFullscreen = true
+        iFrame.title = '23degrees Embed'
 
-            @media (max-width: 600px) {
-                .responsive23-${slug} {
-                padding-top: 90.91%;
-                }
-            }
+        div.appendChild(iFrame)
+        rootElement.appendChild(div)
 
-            @media (max-width: 480px) {
-                .responsive23-${slug} {
-                padding-top: 111.11%;
-                }
-            }
-
-            @media (max-width: 360px) {
-                .responsive23-${slug} {
-                padding-top: 142.86%;
-                }
-            }`
-            const style = document.createElement('style')
-            style.textContent = css
-
-            const iFrame = document.createElement('iframe')
-            iFrame.src = embedCode
-            iFrame.style.position = 'absolute'
-            iFrame.style.top = '0'
-            iFrame.style.left = '0'
-            iFrame.style.width = '100%'
-            iFrame.style.height = '100%'
-            iFrame.style.border = '0'
-            iFrame.allowFullscreen = true
-            iFrame.title = '23degrees Embed'
-            const div = document.createElement('div')
-            div.className = `responsive23-${slug}`
-            div.id = `container23-${slug}`
-            div.style.position = 'relative'
-            div.appendChild(iFrame)
-
-            rootElement.appendChild(style)
-            rootElement.appendChild(div)
-            rootElement.appendChild(script)
-        }
+        // Script einfügen
+        const script = document.createElement('script')
+        script.src = `https://app.23degrees.io/services/public/embed-code/${slug}`
+        script.type = 'text/javascript'
+        rootElement.appendChild(script)
     }
 
     const createFacebookEmbed = function () {