hr-design-system-handlebars 1.69.2 → 1.69.3

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v1.69.3 (Tue Jun 11 2024)
+
+#### 🐛 Bug Fix
+
+- Bugfix/dpe 3141 [#937](https://github.com/mumprod/hr-design-system-handlebars/pull/937) ([@StefanVesper](https://github.com/StefanVesper))
+
+#### Authors: 1
+
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+
+---
+
 # v1.69.2 (Thu Jun 06 2024)
 
 #### 🐛 Bug Fix

package/dist/assets/brand/hessenschau/conf/locatags.merged.json

@@ -124,6 +124,7 @@
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
 	"share_copy_linktitle": "In die Zwischenablage kopieren",
+	"share_copy_message": "Link kopiert!",
 	"share_mail_subject": "Linktipp: {0} (hessenschau.de)",
 	"share_x_linktitle": "Bei X teilen",
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",

package/dist/assets/brand/hr/conf/locatags.merged.json

@@ -124,6 +124,7 @@
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
 	"share_copy_linktitle": "In die Zwischenablage kopieren",
+	"share_copy_message": "Link kopiert!",
 	"share_mail_subject": "Linktipp: {0} (hessenschau.de)",
 	"share_x_linktitle": "Bei X teilen",
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",

package/dist/assets/brand/hr-bigband/conf/locatags.merged.json

@@ -124,6 +124,7 @@
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
 	"share_copy_linktitle": "In die Zwischenablage kopieren",
+	"share_copy_message": "Link kopiert!",
 	"share_mail_subject": "Linktipp: {0} (hessenschau.de)",
 	"share_x_linktitle": "Bei X teilen",
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",

package/dist/assets/brand/hr-fernsehen/conf/locatags.merged.json

@@ -124,6 +124,7 @@
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
 	"share_copy_linktitle": "In die Zwischenablage kopieren",
+	"share_copy_message": "Link kopiert!",
 	"share_mail_subject": "Linktipp: {0} (hessenschau.de)",
 	"share_x_linktitle": "Bei X teilen",
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",

package/dist/assets/brand/hr-inforadio/conf/locatags.merged.json

@@ -124,6 +124,7 @@
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
 	"share_copy_linktitle": "In die Zwischenablage kopieren",
+	"share_copy_message": "Link kopiert!",
 	"share_mail_subject": "Linktipp: {0} (hessenschau.de)",
 	"share_x_linktitle": "Bei X teilen",
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",

package/dist/assets/brand/hr-rundfunkrat/conf/locatags.merged.json

@@ -124,6 +124,7 @@
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
 	"share_copy_linktitle": "In die Zwischenablage kopieren",
+	"share_copy_message": "Link kopiert!",
 	"share_mail_subject": "Linktipp: {0} (hessenschau.de)",
 	"share_x_linktitle": "Bei X teilen",
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",

package/dist/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json

@@ -124,6 +124,7 @@
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
 	"share_copy_linktitle": "In die Zwischenablage kopieren",
+	"share_copy_message": "Link kopiert!",
 	"share_mail_subject": "Linktipp: {0} (hessenschau.de)",
 	"share_x_linktitle": "Bei X teilen",
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",

package/dist/assets/brand/hr-werbung/conf/locatags.merged.json

@@ -124,6 +124,7 @@
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
 	"share_copy_linktitle": "In die Zwischenablage kopieren",
+	"share_copy_message": "Link kopiert!",
 	"share_mail_subject": "Linktipp: {0} (hessenschau.de)",
 	"share_x_linktitle": "Bei X teilen",
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",

package/dist/assets/brand/hr1/conf/locatags.merged.json

@@ -124,6 +124,7 @@
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
 	"share_copy_linktitle": "In die Zwischenablage kopieren",
+	"share_copy_message": "Link kopiert!",
 	"share_mail_subject": "Linktipp: {0} (hessenschau.de)",
 	"share_x_linktitle": "Bei X teilen",
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",

package/dist/assets/brand/hr2/conf/locatags.merged.json

@@ -124,6 +124,7 @@
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
 	"share_copy_linktitle": "In die Zwischenablage kopieren",
+	"share_copy_message": "Link kopiert!",
 	"share_mail_subject": "Linktipp: {0} (hessenschau.de)",
 	"share_x_linktitle": "Bei X teilen",
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",

package/dist/assets/brand/hr3/conf/locatags.merged.json

@@ -124,6 +124,7 @@
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
 	"share_copy_linktitle": "In die Zwischenablage kopieren",
+	"share_copy_message": "Link kopiert!",
 	"share_mail_subject": "Linktipp: {0} (hessenschau.de)",
 	"share_x_linktitle": "Bei X teilen",
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",

package/dist/assets/brand/hr4/conf/locatags.merged.json

@@ -124,6 +124,7 @@
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
 	"share_copy_linktitle": "In die Zwischenablage kopieren",
+	"share_copy_message": "Link kopiert!",
 	"share_mail_subject": "Linktipp: {0} (hessenschau.de)",
 	"share_x_linktitle": "Bei X teilen",
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",

package/dist/assets/brand/you-fm/conf/locatags.merged.json

@@ -124,6 +124,7 @@
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
 	"share_copy_linktitle": "In die Zwischenablage kopieren",
+	"share_copy_message": "Link kopiert!",
 	"share_mail_subject": "Linktipp: {0} (hessenschau.de)",
 	"share_x_linktitle": "Bei X teilen",
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",

package/dist/assets/index.css

@@ -3073,6 +3073,10 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-text-opacity: 1;
   color: rgba(96, 96, 96, var(--tw-text-opacity));
 }
+.text-green-600 {
+  --tw-text-opacity: 1;
+  color: rgba(22, 163, 74, var(--tw-text-opacity));
+}
 .text-inherit {
   color: inherit;
 }
@@ -3343,7 +3347,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1717690777460;
+  counter-reset: cnt1718095797713;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3722,7 +3726,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1717690777460 1;
+  counter-increment: cnt1718095797713 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3738,7 +3742,7 @@ article.indexTextDS .indexTextHighlighted .link {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1717690777460);
+  content: counter(cnt1718095797713);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */

package/dist/views/components/social_sharing/social_sharing_compact_icons.hbs

@@ -61,15 +61,40 @@
 </li>
 {{/with}}
 
-<li class="">
+<li x-data="copyHandler()" x-on:click="copyToClipboard" class="">
     <a class="{{#with ../this.content.trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
-        
-        href="javascript:window.print()"
-        title="{{loca "share_print_linktitle" }}"
+        title="{{loca "share_copy_linktitle" }}"
         {{#with ../this.content.trackingData}}
-            data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
+            data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::copybutton"}]}'
         {{/with}}
     >
         {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="copy-ds" _iconmap="icons" ~}}
     </a>
 </li>
+<div class="absolute flex flex-row items-center justify-end hidden w-full h-8 text-xs bg-white js-copyMessage sm480:text-sm font-headingSerif dark:text-text-dark">
+    {{~> components/base/image/icon _addClass="w-6 h-6 text-green-600 mr-2" _icon="status-done" _iconmap="icons" ~}}
+    {{loca "share_copy_message" }}
+</div>
+
+<script>
+    function copyHandler(){
+        return  {  
+            copyToClipboard(event) {
+                const messageDiv = document.querySelector('.js-copyMessage')
+                const el = document.createElement('textarea')
+                el.value = window.location.href
+                el.setAttribute('readonly', '')
+                el.style.position = 'absolute'
+                el.style.left = '-9999px'
+                document.body.appendChild(el)
+                el.select()
+                document.execCommand('copy')
+                document.body.removeChild(el)
+                messageDiv.classList.remove('hidden')
+                window.setTimeout(() => {
+                    messageDiv.classList.add('hidden')
+                }, 2000)
+            }
+        }
+    }
+</script>

package/dist/views_static/components/social_sharing/social_sharing_compact_icons.hbs

@@ -61,15 +61,40 @@
 </li>
 {{/with}}
 
-<li class="">
+<li x-data="copyHandler()" x-on:click="copyToClipboard" class="">
     <a class="{{#with ../this.content.trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
-        
-        href="javascript:window.print()"
-        title="{{loca "share_print_linktitle" }}"
+        title="{{loca "share_copy_linktitle" }}"
         {{#with ../this.content.trackingData}}
-            data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
+            data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::copybutton"}]}'
         {{/with}}
     >
         {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="copy-ds" _iconmap="icons" ~}}
     </a>
 </li>
+<div class="absolute flex flex-row items-center justify-end hidden w-full h-8 text-xs bg-white js-copyMessage sm480:text-sm font-headingSerif dark:text-text-dark">
+    {{~> components/base/image/icon _addClass="w-6 h-6 text-green-600 mr-2" _icon="status-done" _iconmap="icons" ~}}
+    {{loca "share_copy_message" }}
+</div>
+
+<script>
+    function copyHandler(){
+        return  {  
+            copyToClipboard(event) {
+                const messageDiv = document.querySelector('.js-copyMessage')
+                const el = document.createElement('textarea')
+                el.value = window.location.href
+                el.setAttribute('readonly', '')
+                el.style.position = 'absolute'
+                el.style.left = '-9999px'
+                document.body.appendChild(el)
+                el.select()
+                document.execCommand('copy')
+                document.body.removeChild(el)
+                messageDiv.classList.remove('hidden')
+                window.setTimeout(() => {
+                    messageDiv.classList.add('hidden')
+                }, 2000)
+            }
+        }
+    }
+</script>

package/package.json

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

package/src/assets/brand/_default/conf/locatags.json

@@ -124,6 +124,7 @@
     "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
     "share_mail_linktitle": "Per E-Mail versenden",
     "share_copy_linktitle": "In die Zwischenablage kopieren",
+    "share_copy_message": "Link kopiert!",
     "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
     "share_x_linktitle": "Bei X teilen",
     "share_whatsapp_linktitle": "Bei Whatsapp teilen",

package/src/assets/brand/hessenschau/conf/locatags.merged.json

@@ -124,6 +124,7 @@
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
 	"share_copy_linktitle": "In die Zwischenablage kopieren",
+	"share_copy_message": "Link kopiert!",
 	"share_mail_subject": "Linktipp: {0} (hessenschau.de)",
 	"share_x_linktitle": "Bei X teilen",
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",

package/src/assets/brand/hr/conf/locatags.merged.json

@@ -124,6 +124,7 @@
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
 	"share_copy_linktitle": "In die Zwischenablage kopieren",
+	"share_copy_message": "Link kopiert!",
 	"share_mail_subject": "Linktipp: {0} (hessenschau.de)",
 	"share_x_linktitle": "Bei X teilen",
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",

package/src/assets/brand/hr-bigband/conf/locatags.merged.json

@@ -124,6 +124,7 @@
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
 	"share_copy_linktitle": "In die Zwischenablage kopieren",
+	"share_copy_message": "Link kopiert!",
 	"share_mail_subject": "Linktipp: {0} (hessenschau.de)",
 	"share_x_linktitle": "Bei X teilen",
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",

package/src/assets/brand/hr-fernsehen/conf/locatags.merged.json

@@ -124,6 +124,7 @@
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
 	"share_copy_linktitle": "In die Zwischenablage kopieren",
+	"share_copy_message": "Link kopiert!",
 	"share_mail_subject": "Linktipp: {0} (hessenschau.de)",
 	"share_x_linktitle": "Bei X teilen",
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",

package/src/assets/brand/hr-inforadio/conf/locatags.merged.json

@@ -124,6 +124,7 @@
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
 	"share_copy_linktitle": "In die Zwischenablage kopieren",
+	"share_copy_message": "Link kopiert!",
 	"share_mail_subject": "Linktipp: {0} (hessenschau.de)",
 	"share_x_linktitle": "Bei X teilen",
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",

package/src/assets/brand/hr-rundfunkrat/conf/locatags.merged.json

@@ -124,6 +124,7 @@
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
 	"share_copy_linktitle": "In die Zwischenablage kopieren",
+	"share_copy_message": "Link kopiert!",
 	"share_mail_subject": "Linktipp: {0} (hessenschau.de)",
 	"share_x_linktitle": "Bei X teilen",
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",

package/src/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json

@@ -124,6 +124,7 @@
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
 	"share_copy_linktitle": "In die Zwischenablage kopieren",
+	"share_copy_message": "Link kopiert!",
 	"share_mail_subject": "Linktipp: {0} (hessenschau.de)",
 	"share_x_linktitle": "Bei X teilen",
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",

package/src/assets/brand/hr-werbung/conf/locatags.merged.json

@@ -124,6 +124,7 @@
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
 	"share_copy_linktitle": "In die Zwischenablage kopieren",
+	"share_copy_message": "Link kopiert!",
 	"share_mail_subject": "Linktipp: {0} (hessenschau.de)",
 	"share_x_linktitle": "Bei X teilen",
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",

package/src/assets/brand/hr1/conf/locatags.merged.json

@@ -124,6 +124,7 @@
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
 	"share_copy_linktitle": "In die Zwischenablage kopieren",
+	"share_copy_message": "Link kopiert!",
 	"share_mail_subject": "Linktipp: {0} (hessenschau.de)",
 	"share_x_linktitle": "Bei X teilen",
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",

package/src/assets/brand/hr2/conf/locatags.merged.json

@@ -124,6 +124,7 @@
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
 	"share_copy_linktitle": "In die Zwischenablage kopieren",
+	"share_copy_message": "Link kopiert!",
 	"share_mail_subject": "Linktipp: {0} (hessenschau.de)",
 	"share_x_linktitle": "Bei X teilen",
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",

package/src/assets/brand/hr3/conf/locatags.merged.json

@@ -124,6 +124,7 @@
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
 	"share_copy_linktitle": "In die Zwischenablage kopieren",
+	"share_copy_message": "Link kopiert!",
 	"share_mail_subject": "Linktipp: {0} (hessenschau.de)",
 	"share_x_linktitle": "Bei X teilen",
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",

package/src/assets/brand/hr4/conf/locatags.merged.json

@@ -124,6 +124,7 @@
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
 	"share_copy_linktitle": "In die Zwischenablage kopieren",
+	"share_copy_message": "Link kopiert!",
 	"share_mail_subject": "Linktipp: {0} (hessenschau.de)",
 	"share_x_linktitle": "Bei X teilen",
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",

package/src/assets/brand/you-fm/conf/locatags.merged.json

@@ -124,6 +124,7 @@
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
 	"share_copy_linktitle": "In die Zwischenablage kopieren",
+	"share_copy_message": "Link kopiert!",
 	"share_mail_subject": "Linktipp: {0} (hessenschau.de)",
 	"share_x_linktitle": "Bei X teilen",
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",

package/src/stories/views/components/social_sharing/social_sharing_compact_icons.hbs

@@ -61,15 +61,40 @@
 </li>
 {{/with}}
 
-<li class="">
+<li x-data="copyHandler()" x-on:click="copyToClipboard" class="">
     <a class="{{#with ../this.content.trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
-        
-        href="javascript:window.print()"
-        title="{{loca "share_print_linktitle" }}"
+        title="{{loca "share_copy_linktitle" }}"
         {{#with ../this.content.trackingData}}
-            data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
+            data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::copybutton"}]}'
         {{/with}}
     >
         {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="copy-ds" _iconmap="icons" ~}}
     </a>
 </li>
+<div class="absolute flex flex-row items-center justify-end hidden w-full h-8 text-xs bg-white js-copyMessage sm480:text-sm font-headingSerif dark:text-text-dark">
+    {{~> components/base/image/icon _addClass="w-6 h-6 text-green-600 mr-2" _icon="status-done" _iconmap="icons" ~}}
+    {{loca "share_copy_message" }}
+</div>
+
+<script>
+    function copyHandler(){
+        return  {  
+            copyToClipboard(event) {
+                const messageDiv = document.querySelector('.js-copyMessage')
+                const el = document.createElement('textarea')
+                el.value = window.location.href
+                el.setAttribute('readonly', '')
+                el.style.position = 'absolute'
+                el.style.left = '-9999px'
+                document.body.appendChild(el)
+                el.select()
+                document.execCommand('copy')
+                document.body.removeChild(el)
+                messageDiv.classList.remove('hidden')
+                window.setTimeout(() => {
+                    messageDiv.classList.add('hidden')
+                }, 2000)
+            }
+        }
+    }
+</script>