mypgs 1.5.0 → 1.5.1

package/dist/index.d.ts

@@ -61,6 +61,14 @@ declare global {
 
   interface PgsBag extends PgsElementApi {}
 
+  namespace React {
+    interface HTMLAttributes<T> {
+      /** Use pgsHtml in JSX/TSX. The Vite plugin converts it to pgs. */
+      pgs?: never;
+      pgsHtml?: string;
+    }
+  }
+
   var pgs: PgsFunction;
 }
 

package/dist/javascript/index.js

@@ -2238,6 +2238,147 @@ function PGS_scrollHorizontal(querySelector, dataSpeed) {
 }
 
 
+/***/ },
+
+/***/ "./assets/javascript/layout/_header.js"
+/*!*********************************************!*\
+  !*** ./assets/javascript/layout/_header.js ***!
+  \*********************************************/
+() {
+
+//# HEADER
+const header = pgs(document).querySelector("header");
+
+//= HEADER
+function PGS_header(selectHeader = document) {
+
+    if (!header) return;
+
+    const headerElements = pgs(header).querySelectorAll("header-element");
+
+    if (!headerElements.length) return;
+
+    headerElements.forEach(selectHeader => {
+
+        //== ACTIVE MOBILE 
+        let menuAttivate = false;
+        let childsWidthSAVE;
+
+        function mobileActive(headerElement) {
+
+            //=== header
+            let style = window.getComputedStyle(headerElement);
+            let padding = parseFloat(style.paddingLeft) + parseFloat(style.paddingRight);
+            let gap = parseFloat(style.gap);
+            let headerElementWidth = parseInt(headerElement.offsetWidth - padding);
+            let childsWidth;
+
+            if (menuAttivate) {
+                childsWidth = childsWidthSAVE;
+            } else {
+                let childs = [];
+
+                // Esclude l'area mobile dedicata e l'hamburger, poi misura i figli sempre visibili su desktop.
+                Array.from(headerElement.children)
+                    .filter(el => !pgs(el).contains("header-element-onlyMobile"))
+                    .forEach(child => {
+                        if (pgs(child).contains("header-element-hamburger")) return;
+                        childs.push(...child.children);
+                    });
+
+                gap = Math.round(gap * (childs.length - 1));
+                let childsReduce = childs.reduce((totalWidth, child) => totalWidth + child.offsetWidth, 0) - 2;
+
+                childsWidth = childsReduce + gap;
+            }
+
+            //===set data
+            if (window.innerWidth < 600) {
+                pgs(header).state.add("mobileActive");
+                pgs(selectHeader).state.add("mobileActive");
+            } else if (headerElementWidth < childsWidth) {
+                pgs(header).state.add("mobileActive");
+                pgs(headerElement).state.add("mobileActive");
+                menuAttivate = true;
+                childsWidthSAVE = childsWidth;
+            } else {
+                pgs(header).state.remove("mobileActive");
+                pgs(headerElement).state.remove("mobileActive");
+            }
+        }
+
+        //== observer (throttled to avoid ResizeObserver loop warnings)
+        let resizeRafId = 0;
+        const scheduleMobileActive = () => {
+            if (resizeRafId) return;
+            resizeRafId = requestAnimationFrame(() => {
+                resizeRafId = 0;
+                mobileActive(selectHeader);
+            });
+        };
+
+        let observer = new ResizeObserver(scheduleMobileActive);
+        observer.observe(selectHeader);
+        scheduleMobileActive();
+    });
+
+    // Ripristina la posizione dell'header quando si esce dalla modalità mobile
+    window.addEventListener("resize", () => {
+        if (window.innerWidth > 768) header.style.transform = "translateY(0)";
+    });
+}
+PGS_header();
+
+
+//= HEADER HEIGHT
+function headerHeight() {
+    if (!header) return;
+    const wordPressBar = window.getComputedStyle(document.documentElement).marginTop ?? 0;
+    const headerHeight = header.offsetHeight
+    const height = headerHeight + parseInt(wordPressBar);
+    const scrollHeight = document.querySelector("header").getAttribute("data-header-scroll") === "true" ? 0 : height;
+
+    document.documentElement.style.setProperty("--heightOfHeader", `${height}px`);
+    document.documentElement.style.setProperty("--heightOfHeaderScroll", `${scrollHeight}px`);
+}
+headerHeight()
+window.addEventListener("resize", headerHeight);
+window.addEventListener("scroll", headerHeight);
+
+
+
+
+//= SCROLL
+// Nasconde l'header quando si scorre verso il basso e lo mostra quando si scorre verso l'alto su dispositivi con larghezza fino a 900px.
+let lastScrollY = window.scrollY;
+window.addEventListener("scroll", () => {
+    if (!header) return;
+    let currentScrollY = window.scrollY;
+
+    if (window.innerHeight <= 900) {
+        if (currentScrollY >= 80) {
+            if (currentScrollY > lastScrollY) {
+                header.style.transform = "translateY(-100%)";
+                header.setAttribute("data-header-scroll", true)
+            } else {
+                header.style.transform = "translateY(0px)";
+                header.setAttribute("data-header-scroll", false)
+            }
+        } else {
+            header.style.transform = "translateY(0)"; // Mostra sempre l'header se il scroll è inferiore a 80px
+            header.setAttribute("data-header-scroll", false)
+        }
+    }
+    lastScrollY = currentScrollY;
+
+});
+
+
+
+
+
+
+
 /***/ },
 
 /***/ "./assets/javascript/patterns/_cookieConsent.js"
@@ -2463,147 +2604,6 @@ if (document.readyState === 'loading') {
 }
 
 
-/***/ },
-
-/***/ "./assets/javascript/patterns/_header.js"
-/*!***********************************************!*\
-  !*** ./assets/javascript/patterns/_header.js ***!
-  \***********************************************/
-() {
-
-//# HEADER
-const header = pgs(document).querySelector("header");
-
-//= HEADER
-function PGS_header(selectHeader = document) {
-
-    if (!header) return;
-
-    const headerElements = pgs(header).querySelectorAll("header-element");
-
-    if (!headerElements.length) return;
-
-    headerElements.forEach(selectHeader => {
-
-        //== ACTIVE MOBILE 
-        let menuAttivate = false;
-        let childsWidthSAVE;
-
-        function mobileActive(headerElement) {
-
-            //=== header
-            let style = window.getComputedStyle(headerElement);
-            let padding = parseFloat(style.paddingLeft) + parseFloat(style.paddingRight);
-            let gap = parseFloat(style.gap);
-            let headerElementWidth = parseInt(headerElement.offsetWidth - padding);
-            let childsWidth;
-
-            if (menuAttivate) {
-                childsWidth = childsWidthSAVE;
-            } else {
-                let childs = [];
-
-                // Esclude l'area mobile dedicata e l'hamburger, poi misura i figli sempre visibili su desktop.
-                Array.from(headerElement.children)
-                    .filter(el => !pgs(el).contains("header-element-onlyMobile"))
-                    .forEach(child => {
-                        if (pgs(child).contains("header-element-hamburger")) return;
-                        childs.push(...child.children);
-                    });
-
-                gap = Math.round(gap * (childs.length - 1));
-                let childsReduce = childs.reduce((totalWidth, child) => totalWidth + child.offsetWidth, 0) - 2;
-
-                childsWidth = childsReduce + gap;
-            }
-
-            //===set data
-            if (window.innerWidth < 600) {
-                pgs(header).state.add("mobileActive");
-                pgs(selectHeader).state.add("mobileActive");
-            } else if (headerElementWidth < childsWidth) {
-                pgs(header).state.add("mobileActive");
-                pgs(headerElement).state.add("mobileActive");
-                menuAttivate = true;
-                childsWidthSAVE = childsWidth;
-            } else {
-                pgs(header).state.remove("mobileActive");
-                pgs(headerElement).state.remove("mobileActive");
-            }
-        }
-
-        //== observer (throttled to avoid ResizeObserver loop warnings)
-        let resizeRafId = 0;
-        const scheduleMobileActive = () => {
-            if (resizeRafId) return;
-            resizeRafId = requestAnimationFrame(() => {
-                resizeRafId = 0;
-                mobileActive(selectHeader);
-            });
-        };
-
-        let observer = new ResizeObserver(scheduleMobileActive);
-        observer.observe(selectHeader);
-        scheduleMobileActive();
-    });
-
-    // Ripristina la posizione dell'header quando si esce dalla modalità mobile
-    window.addEventListener("resize", () => {
-        if (window.innerWidth > 768) header.style.transform = "translateY(0)";
-    });
-}
-PGS_header();
-
-
-//= HEADER HEIGHT
-function headerHeight() {
-    if (!header) return;
-    const wordPressBar = window.getComputedStyle(document.documentElement).marginTop ?? 0;
-    const headerHeight = header.offsetHeight
-    const height = headerHeight + parseInt(wordPressBar);
-    const scrollHeight = document.querySelector("header").getAttribute("data-header-scroll") === "true" ? 0 : height;
-
-    document.documentElement.style.setProperty("--heightOfHeader", `${height}px`);
-    document.documentElement.style.setProperty("--heightOfHeaderScroll", `${scrollHeight}px`);
-}
-headerHeight()
-window.addEventListener("resize", headerHeight);
-window.addEventListener("scroll", headerHeight);
-
-
-
-
-//= SCROLL
-// Nasconde l'header quando si scorre verso il basso e lo mostra quando si scorre verso l'alto su dispositivi con larghezza fino a 900px.
-let lastScrollY = window.scrollY;
-window.addEventListener("scroll", () => {
-    if (!header) return;
-    let currentScrollY = window.scrollY;
-
-    if (window.innerHeight <= 900) {
-        if (currentScrollY >= 80) {
-            if (currentScrollY > lastScrollY) {
-                header.style.transform = "translateY(-100%)";
-                header.setAttribute("data-header-scroll", true)
-            } else {
-                header.style.transform = "translateY(0px)";
-                header.setAttribute("data-header-scroll", false)
-            }
-        } else {
-            header.style.transform = "translateY(0)"; // Mostra sempre l'header se il scroll è inferiore a 80px
-            header.setAttribute("data-header-scroll", false)
-        }
-    }
-    lastScrollY = currentScrollY;
-
-});
-
-
-
-
-
-
-
 /***/ }
 
 /******/ 	});
@@ -2721,8 +2721,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_summary_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./components/_summary.js */ "./assets/javascript/components/_summary.js");
 /* harmony import */ var _components_notifications_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./components/_notifications.js */ "./assets/javascript/components/_notifications.js");
 /* harmony import */ var _imports_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./_imports.js */ "./assets/javascript/_imports.js");
-/* harmony import */ var _patterns_header_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./patterns/_header.js */ "./assets/javascript/patterns/_header.js");
-/* harmony import */ var _patterns_header_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_patterns_header_js__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var _layout_header_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./layout/_header.js */ "./assets/javascript/layout/_header.js");
+/* harmony import */ var _layout_header_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_layout_header_js__WEBPACK_IMPORTED_MODULE_13__);
 /* harmony import */ var _patterns_cookieConsent_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./patterns/_cookieConsent.js */ "./assets/javascript/patterns/_cookieConsent.js");
 /* harmony import */ var _patterns_cookieConsent_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_patterns_cookieConsent_js__WEBPACK_IMPORTED_MODULE_14__);
 //= PGS
@@ -2747,9 +2747,11 @@ __webpack_require__.r(__webpack_exports__);
 //= IMPORT REGISTRY
 
 
-//= PATTERNS 
+//= LAYOUT 
 
 
+//= PATTERNS 
+
 
 })();