@hortonstudio/main 1.9.2 → 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/autoInit/site-settings.js

@@ -21,8 +21,33 @@ export function init() {
       const settingElements = list.querySelectorAll('[data-site-settings]');
 
       settingElements.forEach(element => {
+        // Clone the element to avoid modifying the original DOM
+        const clonedElement = element.cloneNode(true);
+
+        // Find and remove elements with data-site-settings-hide that match their classes
+        const hideElements = clonedElement.querySelectorAll('[data-site-settings-hide]');
+
+        hideElements.forEach(hideElement => {
+          const hideValue = hideElement.getAttribute('data-site-settings-hide');
+
+          if (hideValue) {
+            // Split by spaces to get all class names to check
+            const classesToHide = hideValue.split(' ').filter(c => c.trim());
+
+            // Check if element has any of the classes
+            const hasMatchingClass = classesToHide.some(className =>
+              hideElement.classList.contains(className)
+            );
+
+            // Remove element if it has a matching class
+            if (hasMatchingClass) {
+              hideElement.remove();
+            }
+          }
+        });
+
         const settingName = element.getAttribute('data-site-settings');
-        const settingValue = element.textContent.trim();
+        const settingValue = clonedElement.textContent.trim();
 
         // Only store if both name and value exist (ignore empty elements like images)
         if (settingName && settingValue) {

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.2",
+  "version": "1.9.4",
   "description": "Animation and utility library for client websites",
   "main": "index.js",
   "type": "module",