[Update] - Added Scripts and Script Modifications

Modified scripts:
- CopyToClipboard
- FormatNumber
- TabsSlider

Added Scripts
- MirrorClick

Author: JorchCortez

Dist/Functional/CopyToClipboard.js

@@ -26,17 +26,15 @@ const SetCopyToClipboard = () => {
                 let timeOut     = _trigger.getAttribute('wt-copycb-timeout') || 2000;
                 let _defaultTxt = _trigger.innerText;
                 let textTarget  = document.querySelector(`[wt-copycb-element="textTarget${index}"]`);
-    
+
                 UpdateTriggerDisplay(copiedTxt, textTarget, _trigger, activeClass);
-    
                 setTimeout(() => {
                     UpdateTriggerDisplay(_defaultTxt, textTarget, _trigger, activeClass);
                 }, timeOut);
-    
                 navigator.clipboard.writeText(textToCopy);
             });
         }
     }
 }
 
-window.addEventListener('DOMContentLoaded', SetCopyToClipboard());
+window.addEventListener('DOMContentLoaded', SetCopyToClipboard());

Dist/Functional/FormatNumbers.js

@@ -17,7 +17,43 @@ let FormatNo = (element, locales, number, options) => {
     element.innerHTML = final;
 }
 
+let GetFormatStyle = (_style, _currency, _unit) => {
+    let _options = null;
+
+    if (_style) {
+        switch (_style) {
+            case 'currency':
+                if (!_currency) return;
+                _options = {
+                    style: _style,
+                    currency: _currency
+                }
+                break;
+            case 'decimal':
+                _options = {
+                    style: _style
+                };
+                break;
+            case 'percent':
+                _options = {
+                    style: _style
+                };
+                break;
+            case 'unit':
+                _options = {
+                    style: _style,
+                    unit: _unit
+                };
+                break;
+            default:
+                return null;
+        }
+        return _options
+    }
+}
+
 const InitializeFormatNumbers = () => {
+
     let numbersToFormat = document.querySelectorAll('[wt-formatnumber-element="number"]');
 
     if(!numbersToFormat || numbersToFormat.length === 0) return;
@@ -27,47 +63,20 @@ const InitializeFormatNumbers = () => {
         let style       = numberContainer.getAttribute("wt-formatnumber-style");
         let currency    = numberContainer.getAttribute("wt-formatnumber-currency");
         let unit        = numberContainer.getAttribute("wt-formatnumber-unit");
-        let options     = null;
+        let options     = GetFormatStyle(style, currency, unit);
+        
+        if(!options) return;
+
+        let value = numberContainer.textContent;
 
-        if (style) {
-            switch (style) {
-                case 'currency':
-                    if (!currency) return;
-                    options = {
-                        style: style,
-                        currency: currency
-                    }
-                    break;
-                case 'decimal':
-                    options = {
-                        style: style
-                    };
-                    break;
-                case 'percent':
-                    options = {
-                        style: style
-                    };
-                    break;
-                case 'unit':
-                    options = {
-                        style: style,
-                        unit: unit
-                    };
-                    break;
-                default:
-                    console.log(`undefined`);
-            }
-        }
-    
-        let value = numberContainer.textContent
         if (!value) return;
 
         try {
             FormatNo(numberContainer, locales, value, options);
         } catch (error) {
-            numberContainer.innerHTML = `there was an error processing the format, ${error}`;
+            console.error(`there was an error processing the format, ${error}`);
         }
     }
 }
 
-window.addEventListener('DOMContentLoaded', InitializeFormatNumbers())
+window.addEventListener('DOMContentLoaded', InitializeFormatNumbers());

Dist/WebflowOnly/MirrorClick.js

@@ -0,0 +1,22 @@
+'use strict'
+
+const InitializeMirrorClick = () => {
+
+    let triggers = document.querySelectorAll('[wt-mirrorclick-element^="trigger-"], [wt-mirrorclick-element="trigger"]');
+    
+    if(!triggers || triggers.length === 0) return;
+
+    for(let trigger of triggers) {
+        let _triggerAttr    = trigger.getAttribute('wt-mirrorclick-element');
+        let _index          = _triggerAttr.replace('trigger','');
+        let _target         = document.querySelector(`[wt-mirrorclick-element="target${_index}"]`);
+
+        if(_target) {
+            trigger.addEventListener('click', () => {
+                _target.click();
+            })
+        }
+    }
+}
+
+window.addEventListener('DOMContentLoaded', InitializeMirrorClick());

Dist/WebflowOnly/TabsSlider.js

@@ -1,6 +1,9 @@
 'use strict'
 
-var Webflow = Webflow || [];
+if(!Webflow) {
+    var Webflow = Webflow || [];
+}
+
 Webflow.push(function () {
     //Allow site to load in case there's any extra integrations that require it
     setTimeout(function () {