@hortonstudio/main 1.9.3 → 1.9.4

package/autoInit/button.js

@@ -0,0 +1,51 @@
+export function init() {
+  function setupButtonIcons() {
+    const buttonWrappers = document.querySelectorAll('[data-site-button="wrapper"]');
+
+    buttonWrappers.forEach(wrapper => {
+      // Check if this wrapper has an icon wrapper
+      const iconWrapper = wrapper.querySelector('[data-site-button-icon="wrapper"]');
+
+      if (!iconWrapper) {
+        return;
+      }
+
+      // Find the main icon and get the first slot
+      const mainIcon = iconWrapper.querySelector('[data-site-button-icon="main"]');
+      if (!mainIcon) {
+        return;
+      }
+
+      const mainSlot = mainIcon.querySelector('[data-site-icon="slot"]');
+      if (!mainSlot) {
+        return;
+      }
+
+      // Clone the main slot
+      const clonedSlot = mainSlot.cloneNode(true);
+
+      // Find the placeholder icon and get the first slot
+      const placeholderIcon = iconWrapper.querySelector('[data-site-button-icon="placeholder"]');
+      if (!placeholderIcon) {
+        return;
+      }
+
+      const placeholderSlot = placeholderIcon.querySelector('[data-site-icon="slot"]');
+      if (!placeholderSlot) {
+        return;
+      }
+
+      // Replace the placeholder slot with the cloned main slot
+      placeholderSlot.parentNode.replaceChild(clonedSlot, placeholderSlot);
+    });
+  }
+
+  setupButtonIcons();
+
+  return {
+    result: "button initialized",
+    destroy: () => {
+      // No cleanup needed - this module only modifies DOM during init
+    }
+  };
+}

package/index.js

@@ -33,6 +33,7 @@ const initializeHsMain = async () => {
     counter: () => import("./autoInit/counter.js"),
     form: () => import("./autoInit/form.js"),
     "site-settings": () => import("./autoInit/site-settings.js"),
+    button: () => import("./autoInit/button.js"),
   };
 
   let scripts = [
@@ -73,6 +74,7 @@ const initializeHsMain = async () => {
     counter: true,
     form: true,
     "site-settings": true,
+    button: true,
     // Only include transition if no-transition attribute is NOT present
     ...(hasNoTransition ? {} : { transition: true }),
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hortonstudio/main",
-  "version": "1.9.3",
+  "version": "1.9.4",
   "description": "Animation and utility library for client websites",
   "main": "index.js",
   "type": "module",