nsw-design-system 3.18.7 → 3.18.9

package/dist/js/main.js

@@ -368,14 +368,13 @@
       if (this.allBreadcrumbs.children.length > 3) {
         this.createToggle();
       }
-      this.element.addEventListener('click', event => {
-        event.preventDefault();
-        this.allBreadcrumbs.classList.toggle('nsw-breadcrumbs__show-all');
-      });
     }
     createToggle() {
       const toggle = this.constructor.createElement('li', ['nsw-breadcrumbs__show-more-toggle']);
       toggle.innerHTML = '<button aria-label="Show more breadcrumbs" class="nsw-breadcrumbs__toggle-button" type="button">…</button>';
+      toggle.addEventListener('click', () => {
+        this.allBreadcrumbs.classList.toggle('nsw-breadcrumbs__show-all');
+      });
       this.allBreadcrumbs.insertBefore(toggle, this.secondBreadcrumb);
     }
     static createElement(tag) {
@@ -5171,11 +5170,12 @@
     copiedMessage(element) {
       this.copyElement = element;
       const icon = '<span class="material-icons nsw-material-icons" focusable="false" aria-hidden="true">link</span>';
+      const originalText = this.copyElement.innerHTML;
       this.copyElement.classList.add('copied');
       this.copyElement.innerHTML = `${icon} Copied`;
       setTimeout(() => {
         this.copyElement.classList.remove('copied');
-        this.copyElement.innerHTML = `${icon} Copy link`;
+        this.copyElement.innerHTML = originalText;
       }, 3000);
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nsw-design-system",
-  "version": "3.18.7",
+  "version": "3.18.9",
   "description": "Design system for Digital NSW",
   "main": "dist/js/main.js",
   "types": "dist/js/main.d.ts",

package/src/components/breadcrumbs/breadcrumbs.js

@@ -10,16 +10,14 @@ class Breadcrumbs {
     if (this.allBreadcrumbs.children.length > 3) {
       this.createToggle()
     }
-
-    this.element.addEventListener('click', (event) => {
-      event.preventDefault()
-      this.allBreadcrumbs.classList.toggle('nsw-breadcrumbs__show-all')
-    })
   }
 
   createToggle() {
     const toggle = this.constructor.createElement('li', ['nsw-breadcrumbs__show-more-toggle'])
     toggle.innerHTML = '<button aria-label="Show more breadcrumbs" class="nsw-breadcrumbs__toggle-button" type="button">…</button>'
+    toggle.addEventListener('click', () => {
+      this.allBreadcrumbs.classList.toggle('nsw-breadcrumbs__show-all')
+    })
 
     this.allBreadcrumbs.insertBefore(toggle, this.secondBreadcrumb)
   }

package/src/components/utility-list/utility-list.js

@@ -152,11 +152,14 @@ class UtilityList extends Toggletip {
   copiedMessage(element) {
     this.copyElement = element
     const icon = '<span class="material-icons nsw-material-icons" focusable="false" aria-hidden="true">link</span>'
+    const originalText = this.copyElement.innerHTML
+
     this.copyElement.classList.add('copied')
     this.copyElement.innerHTML = `${icon} Copied`
+
     setTimeout(() => {
       this.copyElement.classList.remove('copied')
-      this.copyElement.innerHTML = `${icon} Copy link`
+      this.copyElement.innerHTML = originalText
     }, 3000)
   }
 }