mypgs 1.1.2 → 1.3.2

package/dist/javascript/index.js

@@ -1,6 +1,54 @@
 /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
+/***/ "./assets/javascript/_imports.js"
+/*!***************************************!*\
+  !*** ./assets/javascript/_imports.js ***!
+  \***************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _pgs_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_pgs.js */ "./assets/javascript/_pgs.js");
+/* harmony import */ var _components_accordion_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/_accordion.js */ "./assets/javascript/components/_accordion.js");
+/* harmony import */ var _components_dropdown_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/_dropdown.js */ "./assets/javascript/components/_dropdown.js");
+/* harmony import */ var _components_menu_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/_menu.js */ "./assets/javascript/components/_menu.js");
+/* harmony import */ var _components_modals_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/_modals.js */ "./assets/javascript/components/_modals.js");
+/* harmony import */ var _components_notifications_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/_notifications.js */ "./assets/javascript/components/_notifications.js");
+/* harmony import */ var _components_slides_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/_slides.js */ "./assets/javascript/components/_slides.js");
+/* harmony import */ var _components_stepTabs_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/_stepTabs.js */ "./assets/javascript/components/_stepTabs.js");
+/* harmony import */ var _components_steps_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./components/_steps.js */ "./assets/javascript/components/_steps.js");
+/* harmony import */ var _functions_formValidate_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./functions/_formValidate.js */ "./assets/javascript/functions/_formValidate.js");
+/* harmony import */ var _functions_scrollY_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./functions/_scrollY.js */ "./assets/javascript/functions/_scrollY.js");
+
+
+
+
+
+
+
+
+
+
+
+
+
+_pgs_js__WEBPACK_IMPORTED_MODULE_0__.pgs.registerImport({
+    PGS_accordion: _components_accordion_js__WEBPACK_IMPORTED_MODULE_1__.PGS_accordion,
+    PGS_dropdown: _components_dropdown_js__WEBPACK_IMPORTED_MODULE_2__.PGS_dropdown,
+    PGS_menu: _components_menu_js__WEBPACK_IMPORTED_MODULE_3__.PGS_menu,
+    PGS_modal: _components_modals_js__WEBPACK_IMPORTED_MODULE_4__.PGS_modal,
+    PGS_notification: _components_notifications_js__WEBPACK_IMPORTED_MODULE_5__.PGS_notification,
+    PGS_slides: _components_slides_js__WEBPACK_IMPORTED_MODULE_6__.PGS_slides,
+    PGS_stepTabs: _components_stepTabs_js__WEBPACK_IMPORTED_MODULE_7__.PGS_stepTabs,
+    PGS_steps: _components_steps_js__WEBPACK_IMPORTED_MODULE_8__.PGS_steps,
+    PGS_formValidate: _functions_formValidate_js__WEBPACK_IMPORTED_MODULE_9__.PGS_formValidate,
+    PGS_scrollHorizontal: _functions_scrollY_js__WEBPACK_IMPORTED_MODULE_10__.PGS_scrollHorizontal,
+});
+
+
+/***/ },
+
 /***/ "./assets/javascript/_pgs.js"
 /*!***********************************!*\
   !*** ./assets/javascript/_pgs.js ***!
@@ -238,9 +286,45 @@ function pgs(root) {
     return api;
 }
 
-globalThis.pgs ??= pgs;
+const PGS_IMPORTS = {};
+
+function registerImportModule(name, module) {
+    const key = String(name || "").trim().replace(/^pgs[_-\s]*/i, "").toLowerCase();
+
+    if (!key) throw new TypeError("pgs.registerImport(...modules): ogni modulo deve avere name o PGS_name");
+
+    PGS_IMPORTS[key] = {
+        name,
+        module
+    };
+}
 
+pgs.registerImport = function (...modules) {
+    modules.flat().forEach(item => {
+        if (item && typeof item === "object" && !item.PGS_name && !item.name) {
+            Object.entries(item).forEach(([name, module]) => registerImportModule(name, module));
+            return;
+        }
+
+        registerImportModule(item?.PGS_name || item?.name, item);
+    });
 
+    return pgs;
+};
+
+pgs.import = function (...names) {
+    return names.flat().reduce((imports, name) => {
+        const key = String(name || "").trim().replace(/^pgs[_-\s]*/i, "").toLowerCase();
+        const item = PGS_IMPORTS[key];
+
+        if (!item) throw new Error(`pgs.import(): modulo "${name}" non registrato`);
+
+        imports[item.name] = item.module;
+        return imports;
+    }, {});
+};
+
+globalThis.pgs ??= pgs;
 
 
 /***/ },
@@ -432,85 +516,131 @@ document.addEventListener('DOMContentLoaded', () => {
 /*!****************************************************!*\
   !*** ./assets/javascript/components/_accordion.js ***!
   \****************************************************/
-() {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
-//= ACCORDION 
-const allAccordion = pgs(document).querySelectorAll("accordion")
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   PGS_accordion: () => (/* binding */ PGS_accordion),
+/* harmony export */   PGS_accordion_api: () => (/* binding */ PGS_accordion_api),
+/* harmony export */   PGS_accordion_init: () => (/* binding */ PGS_accordion_init)
+/* harmony export */ });
+//= ACCORDION
+const API = new WeakMap();
 
-allAccordion.forEach((accordion, index) => {
+function PGS_accordion_init(root = document) {
+    pgs(root).querySelectorAll("accordion").forEach((accordion, index) => {
+        if (API.has(accordion)) return;
 
-    const BUTTON = pgs(accordion).querySelector("accordion-button");
-    const CONTENT = pgs(accordion).querySelector("accordion-content");
+        const BUTTON = pgs(accordion).querySelector("accordion-button");
+        const CONTENT = pgs(accordion).querySelector("accordion-content");
+        if (!BUTTON || !CONTENT) return;
 
-    //== ID univoci per aria-controls / aria-labelledby
-    const ID = index + 1;
-    const btnId = `acc-btn-${ID}`;
-    const panelId = `acc-panel-${ID}`;
+        //== ID univoci per aria-controls / aria-labelledby
+        const ID = index + 1;
+        const btnId = `acc-btn-${ID}`;
+        const panelId = `acc-panel-${ID}`;
+
+        //== Stato iniziale
+        const isOpenInit = pgs(accordion).state.contains("open");
+
+        //== Accessibilità (setup una volta)
+        BUTTON.setAttribute("role", "button");
+        BUTTON.setAttribute("tabindex", "0");
+        BUTTON.setAttribute("id", btnId);
+        BUTTON.setAttribute("aria-controls", panelId);
+
+        CONTENT.setAttribute("id", panelId);
+        CONTENT.setAttribute("role", "region");
+        CONTENT.setAttribute("aria-labelledby", btnId);
+
+        //+ Accessibility (applica stato aperto/chiuso)
+        function accordionAccessibility(isOpen, button, content) {
+            const text = (button?.textContent || "").trim().replace(/\s+/g, " ");
+            button.setAttribute("aria-label", `${isOpen ? "Chiudi" : "Apri"} ${text || "sezione"}`);
+            button.setAttribute("aria-expanded", String(isOpen));
+            content.hidden = !isOpen;
+        }
 
-    //== Stato iniziale
-    const isOpenInit = pgs(accordion).state.contains("open");
+        //+ Chiudi tutti gli altri
+        function closeOltherAccordion() {
+            for (const otherLi of pgs(document).querySelectorAll("accordion")) {
+                if (otherLi === accordion) continue;
 
-    //== Accessibilità (setup una volta)
-    BUTTON.setAttribute("role", "button");
-    BUTTON.setAttribute("tabindex", "0");
-    BUTTON.setAttribute("id", btnId);
-    BUTTON.setAttribute("aria-controls", panelId);
+                const otherBtn = pgs(otherLi).querySelector("accordion-button");
+                const otherContent = pgs(otherLi).querySelector("accordion-content");
+                if (!otherBtn || !otherContent) continue;
 
-    CONTENT.setAttribute("id", panelId);
-    CONTENT.setAttribute("role", "region");
-    CONTENT.setAttribute("aria-labelledby", btnId);
+                pgs(otherLi).state().remove("open");
+                accordionAccessibility(false, otherBtn, otherContent);
+            }
+        }
 
-    //+ Accessibility (applica stato aperto/chiuso)
-    function accordionAccessibility(isOpen, button, content) {
-        const text = (button?.textContent || "").trim().replace(/\s+/g, " ");
-        button.setAttribute("aria-label", `${isOpen ? "Chiudi" : "Apri"} ${text || "sezione"}`);
-        button.setAttribute("aria-expanded", String(isOpen));
-        content.hidden = !isOpen;
-    }
+        //+ FN ACCORDION
+        function accordionFunction() {
+            const isOpen = pgs(accordion).state.contains("open");
+            const nowOpen = !isOpen;
 
-    //+ Chiudi tutti gli altri
-    function closeOltherAccordion() {
-        for (const otherLi of allAccordion) {
-            if (otherLi === accordion) continue;
+            pgs(accordion).state.toggle("open", nowOpen);
+            accordionAccessibility(nowOpen, BUTTON, CONTENT);
 
-            const otherBtn = pgs(otherLi).querySelector("accordion-button");
-            const otherContent = pgs(otherLi).querySelector("accordion-content");
-            if (!otherBtn || !otherContent) continue;
+            closeOltherAccordion();
 
-            pgs(otherLi).state().remove("open");
-            accordionAccessibility(false, otherBtn, otherContent);
+            //== scroll to view
+            if (nowOpen) setTimeout(() => accordion.scrollIntoView({ block: "nearest", inline: "nearest" }), 100);
         }
-    }
 
-    //+ FN ACCORDION
-    function accordionFunction() {
-        const isOpen = pgs(accordion).state.contains("open");
-        const nowOpen = !isOpen;
-
-        pgs(accordion).state.toggle("open", nowOpen);
-        accordionAccessibility(nowOpen, BUTTON, CONTENT);
+        function open() {
+            if (!pgs(accordion).state.contains("open")) accordionFunction();
+        }
 
-        closeOltherAccordion();
+        function close() {
+            if (pgs(accordion).state.contains("open")) accordionFunction();
+        }
 
-        //== scroll to view
-        if (nowOpen) setTimeout(() => accordion.scrollIntoView({ block: "nearest", inline: "nearest" }), 100);
-    }
+        // applica stato iniziale
+        accordionAccessibility(isOpenInit, BUTTON, CONTENT);
 
-    // applica stato iniziale
-    accordionAccessibility(isOpenInit, BUTTON, CONTENT);
+        //- Eventi
+        BUTTON.addEventListener("click", accordionFunction);
 
-    //- Eventi
-    BUTTON.addEventListener("click", accordionFunction);
+        //- Tastiera: Enter / Space
+        BUTTON.addEventListener("keydown", (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                accordionFunction();
+            }
+        });
 
-    //- Tastiera: Enter / Space
-    BUTTON.addEventListener("keydown", (e) => {
-        if (e.key === "Enter" || e.key === " ") {
-            e.preventDefault();
-            accordionFunction();
-        }
+        API.set(accordion, {
+            element: accordion,
+            button: BUTTON,
+            content: CONTENT,
+            open,
+            close,
+            toggle: accordionFunction,
+            refresh: () => {
+                PGS_accordion_init(accordion.parentNode || document);
+                return API.get(accordion);
+            },
+            isOpen: () => pgs(accordion).state.contains("open"),
+        });
     });
+}
 
-});
+//# INIT
+PGS_accordion_init();
+
+//# API
+function PGS_accordion_api(selector) {
+    return API.get(selector);
+}
+
+const PGS_accordion = {
+    PGS_name: "PGS_accordion",
+    init: PGS_accordion_init,
+    api: PGS_accordion_api
+};
 
 
 /***/ },
@@ -524,11 +654,17 @@ allAccordion.forEach((accordion, index) => {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   pgs_dropdown: () => (/* binding */ pgs_dropdown)
+/* harmony export */   PGS_dropdown: () => (/* binding */ PGS_dropdown),
+/* harmony export */   PGS_dropdown_api: () => (/* binding */ PGS_dropdown_api),
+/* harmony export */   PGS_dropdown_init: () => (/* binding */ PGS_dropdown_init)
 /* harmony export */ });
 // + dropdown (Popover API)
-function pgs_dropdown() {
-    pgs(document).querySelectorAll("dropdown").forEach((DROPDOWN, index) => {
+const API = new WeakMap();
+
+function PGS_dropdown_init(root = document) {
+    pgs(root).querySelectorAll("dropdown").forEach((DROPDOWN, index) => {
+        if (API.has(DROPDOWN)) return;
+
         const BUTTON = pgs(DROPDOWN).querySelector("dropdown-button");
         const CONTENT = pgs(DROPDOWN).querySelector("dropdown-content");
 
@@ -562,9 +698,10 @@ function pgs_dropdown() {
             CSS.supports("position-anchor: --dropdown-anchor") &&
             CSS.supports("position-area: bottom") &&
             CSS.supports("top: anchor(bottom)");
+        const USE_FALLBACK_POSITIONING = pgs(DROPDOWN).contains("tooltip") || !HAS_ANCHOR_POSITIONING;
 
         const updatePopoverPosition = () => {
-            if (HAS_ANCHOR_POSITIONING) return;
+            if (!USE_FALLBACK_POSITIONING) return;
 
             const buttonRect = BUTTON.getBoundingClientRect();
             const style = getComputedStyle(DROPDOWN);
@@ -599,7 +736,7 @@ function pgs_dropdown() {
         };
 
         BUTTON.addEventListener("click", e => {
-            if (HAS_ANCHOR_POSITIONING) return;
+            if (!USE_FALLBACK_POSITIONING) return;
 
             e.preventDefault();
             if (CONTENT.matches(":popover-open")) {
@@ -628,112 +765,52 @@ function pgs_dropdown() {
         window.addEventListener("scroll", () => {
             if (CONTENT.matches(":popover-open")) updatePopoverPosition();
         }, true);
-    });
-}
 
-// # INIT
-pgs_dropdown();
-
-
-/***/ },
-
-/***/ "./assets/javascript/components/_exeNotifications.js"
-/*!***********************************************************!*\
-  !*** ./assets/javascript/components/_exeNotifications.js ***!
-  \***********************************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   PGS_md_notification: () => (/* binding */ PGS_md_notification)
-/* harmony export */ });
-/* harmony import */ var _functions_notifications_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../functions/_notifications.js */ "./assets/javascript/functions/_notifications.js");
-
-
-function escapeHtml(value) {
-    return String(value ?? "");
-}
-
-function getDuration(notification) {
-    const rawDuration = notification.duration;
-    const duration = Number.parseInt(rawDuration, 10);
-
-    return Number.isNaN(duration) ? 5000 : duration;
-}
-
-function getNotificationApi(notification) {
-    const element = String(notification.element || "notification").trim();
-
-    return element === "toast" ? _functions_notifications_js__WEBPACK_IMPORTED_MODULE_0__.PGS_toast : _functions_notifications_js__WEBPACK_IMPORTED_MODULE_0__.PGS_notification;
-}
-
-function getNotificationType(notification, api) {
-    const type = String(notification.type || "info").trim();
-
-    return typeof api[type] === "function" ? type : "info";
-}
-
-function getNotificationData(root) {
-    try {
-        return JSON.parse(root.dataset.notification || "{}");
-    } catch (error) {
-        console.warn("PGS notification: dati non validi", error);
-        return {};
-    }
-}
+        function open() {
+            if (CONTENT.matches(":popover-open")) return;
+            updatePopoverPosition();
+            CONTENT.showPopover();
+        }
 
-function getNotificationContent(title, content) {
-    const safeContent = escapeHtml(content);
-    const safeTitle = escapeHtml(title);
+        function close() {
+            if (!CONTENT.matches(":popover-open")) return;
+            CONTENT.hidePopover();
+        }
 
-    if (!safeTitle) return safeContent;
-    if (!safeContent) return `<span pgs="notification-element-title">${safeTitle}</span>`;
+        function toggle() {
+            CONTENT.matches(":popover-open") ? close() : open();
+        }
 
-    return `
-        <span pgs="notification-element-title">${safeTitle}</span>
-        <br>
-        <span pgs="notification-element-content">${safeContent}</span>
-    `;
+        API.set(DROPDOWN, {
+            element: DROPDOWN,
+            button: BUTTON,
+            content: CONTENT,
+            open,
+            close,
+            toggle,
+            updatePosition: updatePopoverPosition,
+            refresh: () => {
+                PGS_dropdown_init(DROPDOWN.parentNode || document);
+                return API.get(DROPDOWN);
+            },
+            isOpen: () => CONTENT.matches(":popover-open"),
+        });
+    });
 }
 
-function PGS_md_notification(root) {
-    if (!root || root.dataset.initialize === "true") return;
-    root.dataset.initialize = "true";
-
-    const notification = getNotificationData(root);
-    const title = String(notification.title || "").trim();
-    const content = String(notification.message || "").trim();
-    if (!title && !content) {
-        root.remove();
-        return;
-    }
-
-    const link = notification.link || null;
-    const icon = notification.icon || undefined;
-    const duration = getDuration(notification);
-    const api = getNotificationApi(notification);
-    const type = getNotificationType(notification, api);
-    const formattedContent = getNotificationContent(title, content);
-
-    if (api === _functions_notifications_js__WEBPACK_IMPORTED_MODULE_0__.PGS_toast) {
-        api[type](formattedContent, duration, icon);
-    } else {
-        api[type](formattedContent, link, duration, icon);
-    }
-
-    root.remove();
-}
+// # INIT
+PGS_dropdown_init();
 
-function initMdNotifications() {
-    pgs(document).querySelectorAll("notificationTrigger").forEach(PGS_md_notification);
+// # API
+function PGS_dropdown_api(selector) {
+    return API.get(selector);
 }
 
-if (document.readyState === "loading") {
-    document.addEventListener("DOMContentLoaded", initMdNotifications);
-} else {
-    initMdNotifications();
-}
+const PGS_dropdown = {
+    PGS_name: "PGS_dropdown",
+    init: PGS_dropdown_init,
+    api: PGS_dropdown_api
+};
 
 
 /***/ },
@@ -747,19 +824,25 @@ if (document.readyState === "loading") {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   PGS_menu: () => (/* binding */ PGS_menu)
+/* harmony export */   PGS_menu: () => (/* binding */ PGS_menu),
+/* harmony export */   PGS_menu_api: () => (/* binding */ PGS_menu_api),
+/* harmony export */   PGS_menu_init: () => (/* binding */ PGS_menu_init)
 /* harmony export */ });
 /* harmony import */ var _dropdown__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_dropdown */ "./assets/javascript/components/_dropdown.js");
 
 
+const API = new WeakMap();
+
 //= DROP DOWN MENU
-function PGS_menu() {
+function PGS_menu_init(root = document) {
 
-    pgs(document).querySelectorAll('menu-horizontal').forEach(MENU => {
+    pgs(root).querySelectorAll('menu-horizontal').forEach(MENU => {
+        if (API.has(MENU)) return;
 
         MENU.querySelectorAll('nav > ul > li.menu-item-has-children').forEach(li => {
             if (li.querySelector("ul")) {
                 const ul = li.querySelector("ul");
+                if (pgs(li).querySelector("dropdown-button")) return;
 
                 const button = document.createElement("button");
                 button.className = "icon-down";
@@ -774,14 +857,28 @@ function PGS_menu() {
                 pgs(ul).add("menu-vertical")
             }
         });
+
+        API.set(MENU, {
+            element: MENU,
+            type: "horizontal",
+            items: () => Array.from(MENU.querySelectorAll('nav > ul > li')),
+            submenus: () => Array.from(MENU.querySelectorAll('.menu-item-has-children > ul')),
+            dropdowns: () => Array.from(MENU.querySelectorAll('.menu-item-has-children')).map(_dropdown__WEBPACK_IMPORTED_MODULE_0__.PGS_dropdown_api).filter(Boolean),
+            refresh: () => {
+                PGS_menu_init(MENU.parentNode || document);
+                return API.get(MENU);
+            },
+        });
     });
 
-    pgs(document).querySelectorAll('menu-vertical').forEach(MENU => {
+    pgs(root).querySelectorAll('menu-vertical').forEach(MENU => {
+        if (API.has(MENU)) return;
 
         MENU.querySelectorAll('.menu-item-has-children').forEach((li, index) => {
             const ul = li.querySelector("ul");
 
             if (!ul) return
+            if (li.querySelector(":scope > button")) return;
 
             const button = document.createElement("button");
             button.className = "icon-down buttonIcon";
@@ -816,6 +913,42 @@ function PGS_menu() {
             });
         });
 
+        function submenu(index) {
+            return MENU.querySelectorAll('.menu-item-has-children > ul')[index];
+        }
+
+        function setSubmenu(index, open) {
+            const ul = submenu(index);
+            const button = ul?.parentElement?.querySelector(":scope > button");
+            if (!ul || !button) return;
+
+            pgs(ul).state.toggle("open", open);
+            button.setAttribute("aria-expanded", String(open));
+            button.setAttribute("aria-label", open ? "Chiudi sottomenu" : "Apri sottomenu");
+        }
+
+        API.set(MENU, {
+            element: MENU,
+            type: "vertical",
+            items: () => Array.from(MENU.querySelectorAll(':scope > li')),
+            submenus: () => Array.from(MENU.querySelectorAll('.menu-item-has-children > ul')),
+            openSubmenu: (index) => setSubmenu(index, true),
+            closeSubmenu: (index) => setSubmenu(index, false),
+            toggleSubmenu: (index) => {
+                const ul = submenu(index);
+                if (!ul) return;
+                setSubmenu(index, !pgs(ul).state.contains("open"));
+            },
+            isSubmenuOpen: (index) => {
+                const ul = submenu(index);
+                return ul ? pgs(ul).state.contains("open") : false;
+            },
+            refresh: () => {
+                PGS_menu_init(MENU.parentNode || document);
+                return API.get(MENU);
+            },
+        });
+
         // pgs(document).querySelectorAll('menu-vertical').forEach(MENU => {
 
         //     MENU.querySelectorAll('.menu-item-has-children').forEach(li => {
@@ -837,11 +970,23 @@ function PGS_menu() {
         //     });
         // });
     });
-    (0,_dropdown__WEBPACK_IMPORTED_MODULE_0__.pgs_dropdown)()
+    (0,_dropdown__WEBPACK_IMPORTED_MODULE_0__.PGS_dropdown_init)()
 }
 
 //# INIT PGS_menu
-PGS_menu()
+PGS_menu_init()
+
+//# API
+function PGS_menu_api(selector) {
+    return API.get(selector);
+}
+
+const PGS_menu = {
+    PGS_name: "PGS_menu",
+    init: PGS_menu_init,
+    api: PGS_menu_api
+};
+
 
 /***/ },
 
@@ -854,12 +999,16 @@ PGS_menu()
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   PGS_modal: () => (/* binding */ PGS_modal)
+/* harmony export */   PGS_modal: () => (/* binding */ PGS_modal),
+/* harmony export */   PGS_modal_api: () => (/* binding */ PGS_modal_api),
+/* harmony export */   PGS_modal_init: () => (/* binding */ PGS_modal_init)
 /* harmony export */ });
 //# MODAL
-PGS_modal()
-function PGS_modal(selector = "modal") {
+const API = new WeakMap();
+
+function PGS_modal_init(selector = "modal") {
     pgs(document).querySelectorAll(selector).forEach(MODAL => {
+        if (API.has(MODAL)) return;
 
         const BUTTON_OPEN = pgs(MODAL).querySelector("modal-button");        
         const DIALOG = MODAL.querySelector("dialog");
@@ -912,9 +1061,14 @@ function PGS_modal(selector = "modal") {
         //+ FN OPEN 
         function openModal(e) {
             e?.stopImmediatePropagation();
+            if (DIALOG.open) {
+                closeModal(e);
+                return;
+            }
+
             if (!DIALOG.open) document.querySelectorAll("dialog[open]").forEach((dlg) => dlg.close());
             statusModal(true);
-            DIALOG.open ? closeModal(e) : topLevel ? DIALOG.showModal() : DIALOG.show();
+            topLevel ? DIALOG.showModal() : DIALOG.show();
             // modalCustomEvents('modal:open', { event: e });
             MODAL.dispatchEvent(new CustomEvent('modal:open'));
             DIALOG.dispatchEvent(new CustomEvent('modal:open'));
@@ -930,6 +1084,14 @@ function PGS_modal(selector = "modal") {
             DIALOG.dispatchEvent(new CustomEvent('modal:close'));
         }
 
+        function forceOpen(e) {
+            if (!DIALOG.open) openModal(e);
+        }
+
+        function forceClose(e) {
+            if (DIALOG.open) closeModal(e);
+        }
+
         //+ fn OPEN ON HISTORY
         function openModalOnHistory() {
             const params = new URLSearchParams(window.location.search);
@@ -975,10 +1137,216 @@ function PGS_modal(selector = "modal") {
                 } catch (_) { }
             });
         }
+
+        API.set(MODAL, {
+            element: MODAL,
+            button: BUTTON_OPEN,
+            dialog: DIALOG,
+            closeButton: BUTTON_CLOSE,
+            open: forceOpen,
+            close: forceClose,
+            toggle: openModal,
+            refresh: () => {
+                PGS_modal_init(selector);
+                return API.get(MODAL);
+            },
+            isOpen: () => DIALOG.open,
+        });
     });
 }
 
 //# INIT PGS_modal
+PGS_modal_init()
+
+//# API
+function PGS_modal_api(selector) {
+    return API.get(selector);
+}
+
+const PGS_modal = {
+    PGS_name: "PGS_modal",
+    init: PGS_modal_init,
+    api: PGS_modal_api
+};
+
+
+/***/ },
+
+/***/ "./assets/javascript/components/_notifications.js"
+/*!********************************************************!*\
+  !*** ./assets/javascript/components/_notifications.js ***!
+  \********************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   PGS_notification: () => (/* binding */ PGS_notification),
+/* harmony export */   PGS_notificationTrigger_init: () => (/* binding */ PGS_notificationTrigger_init)
+/* harmony export */ });
+//= PGS_notification
+const fn_notification = {
+    _escapeHtml(value) {
+        return String(value ?? "");
+    },
+
+    _getDuration(notification) {
+        const rawDuration = notification.duration;
+        const duration = Number.parseInt(rawDuration, 10);
+
+        return Number.isNaN(duration) ? 5000 : duration;
+    },
+
+    _getApi(notification) {
+        const element = String(notification.element || "notification").trim();
+
+        return element === "toast" ? PGS_notification.toast : PGS_notification.alert;
+    },
+
+    _getType(notification, api) {
+        const type = String(notification.type || "info").trim();
+
+        return typeof api[type] === "function" ? type : "info";
+    },
+
+    _getData(root) {
+        try {
+            return JSON.parse(root.dataset.notification || "{}");
+        } catch (error) {
+            console.warn("PGS notification: dati non validi", error);
+            return {};
+        }
+    },
+
+    _getContent(title, content) {
+        const safeContent = this._escapeHtml(content);
+        const safeTitle = this._escapeHtml(title);
+
+        if (!safeTitle) return safeContent;
+        if (!safeContent) return `<span pgs="notification-element-title">${safeTitle}</span>`;
+
+        return `
+            <span pgs="notification-element-title">${safeTitle}</span>
+            <br>
+            <span pgs="notification-element-content">${safeContent}</span>
+        `;
+    },
+
+    initNotification(type, containerToken, icon, text, timeout, methodDelete = "replace", link = null) {
+        let containerNotification = pgs(document).querySelector(containerToken);
+
+        //== Create Container
+        if (!containerNotification) {
+            const newContainer = document.createElement("div");
+            pgs(newContainer).add(containerToken);
+            newContainer.setAttribute("aria-live", "polite");
+            newContainer.setAttribute("aria-relevant", "additions");
+            document.body.appendChild(newContainer);
+            containerNotification = newContainer;
+        }
+
+        //== Create Notification
+        const notification = document.createElement(link ? "a" : "div");
+        if (methodDelete == "replace") containerNotification.innerHTML = "";
+        if (link) notification.href = link;
+        if (timeout > 0) notification.style.setProperty("--notification-timeout", timeout + "ms");
+        pgs(notification).state.add(type);
+        pgs(notification).add("notification-element");
+        notification.setAttribute("role", type == "error" ? "alert" : "status")
+        notification.innerHTML = `${icon} <p>${text}</p>`;
+        containerNotification.appendChild(notification);
+
+
+        //+ Animation delete 
+        function deleteNotification() {
+            methodDelete == "stack" ? notification.style.translate = "120%" : notification.style.opacity = "0";
+            setTimeout(() => notification.remove(), 300);
+        }
+
+        //== Timeout delete
+        if (timeout > 0) setTimeout(() => { deleteNotification() }, timeout);
+
+        //== button delete
+        const btnDelete = document.createElement("button");
+        btnDelete.type = "button";
+        btnDelete.ariaLabel = "Rimuovi notifica";
+        btnDelete.innerHTML = '<i class="fa-solid fa-xmark"></i>';
+        btnDelete.setAttribute("pgs", "buttonClose");
+        notification.insertAdjacentElement("afterbegin", btnDelete);
+
+        //== event
+
+        btnDelete.addEventListener("click", function (e) {
+            e.preventDefault();
+            e.stopPropagation();
+            e.stopImmediatePropagation()
+            deleteNotification(e); // Esegue la tua funzione
+        });
+    },
+
+    deleteAll(containerToken) {
+        let containerNotification = pgs(document).querySelector(containerToken);
+        if (containerNotification) containerNotification.innerHTML = "";
+    },
+
+    trigger(root = document) {
+        pgs(root).querySelectorAll("notificationTrigger").forEach(element => {
+            if (!element || element.dataset.initialize === "true") return;
+
+            element.dataset.initialize = "true";
+
+            const notification = this._getData(element);
+            const title = String(notification.title || "").trim();
+            const content = String(notification.message || "").trim();
+
+            if (!title && !content) {
+                element.remove();
+                return;
+            }
+
+            const link = notification.link || null;
+            const icon = notification.icon || undefined;
+            const duration = this._getDuration(notification);
+            const api = this._getApi(notification);
+            const type = this._getType(notification, api);
+            const formattedContent = this._getContent(title, content);
+
+            if (api === PGS_notification.toast) api[type](formattedContent, duration, icon);
+            else api[type](formattedContent, link, duration, icon);
+
+            element.remove();
+        });
+    }
+};
+
+//# EXPORT 
+function PGS_notificationTrigger_init(root = document) {
+    return fn_notification.trigger(root);
+}
+
+const PGS_notification = {
+    PGS_name: "PGS_notification",
+    trigger: PGS_notificationTrigger_init,
+    alert: {
+        error: (text = "Errore", link = null, timeout = 0, icon = '<i class="fa-solid fa-octagon-xmark"></i>') => fn_notification.initNotification("error", "notification", icon, text, timeout, "stack", link),
+        success: (text = "Aggiornato", link = null, timeout = 0, icon = '<i class="fa-solid fa-check"></i>') => fn_notification.initNotification("success", "notification", icon, text, timeout, "stack", link),
+        info: (text = "Aggiornamento", link = null, timeout = 0, icon = '<i class="fa-solid fa-circle-info"></i>',) => fn_notification.initNotification("info", "notification", icon, text, timeout, "stack", link),
+        warning: (text = "Attenzione", link = null, timeout = 0, icon = '<i class="fa-solid fa-triangle-exclamation"></i>') => fn_notification.initNotification("warning", "notification", icon, text, timeout, "stack", link),
+        deleteAll: () => fn_notification.deleteAll("notification")
+    },
+    toast: {
+        error: (text = "Errore", timeout = 4000, icon = '<i class="fa-solid fa-octagon-xmark"></i>',) => fn_notification.initNotification("error", "toast", icon, text, timeout),
+        success: (text = "Aggiornato", timeout = 4000, icon = '<i class="fa-solid fa-check"></i>',) => fn_notification.initNotification("success", "toast", icon, text, timeout),
+        info: (text = "Aggiornamento", timeout = 0, icon = '<i class="fa-solid fa-circle-info"></i>',) => fn_notification.initNotification("info", "toast", icon, text, timeout),
+        warning: (text = "Attenzione", timeout = 4000, icon = '<i class="fa-solid fa-triangle-exclamation"></i>',) => fn_notification.initNotification("warning", "toast", icon, text, timeout),
+        deleteAll: () => fn_notification.deleteAll("toast")
+    }
+};
+
+
+//= EXECUTE 
+if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", () => PGS_notificationTrigger_init());
+else PGS_notificationTrigger_init();
 
 
 /***/ },
@@ -992,6 +1360,7 @@ function PGS_modal(selector = "modal") {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   PGS_slides: () => (/* binding */ PGS_slides),
 /* harmony export */   PGS_slides_api: () => (/* binding */ PGS_slides_api),
 /* harmony export */   PGS_slides_init: () => (/* binding */ PGS_slides_init)
 /* harmony export */ });
@@ -1160,10 +1529,13 @@ class PGS_Slides {
                 const last = children[children.length - 1];
                 return last?.classList.contains("view") || false;
             },
+            refresh: () => {
+                PGS_slides_init(this.selector.parentNode || document);
+                return API.get(this.selector);
+            },
         });
     }
 }
-PGS_slides_init();
 
 //# INIT 
 function PGS_slides_init(root = document) {
@@ -1175,11 +1547,19 @@ function PGS_slides_init(root = document) {
     });
 }
 
+PGS_slides_init();
+
 //# API 
 function PGS_slides_api(selector) {
     return API.get(selector);
 }
 
+const PGS_slides = {
+    PGS_name: "PGS_slides",
+    init: PGS_slides_init,
+    api: PGS_slides_api
+};
+
 
 /***/ },
 
@@ -1193,13 +1573,13 @@ function PGS_slides_api(selector) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   PGS_stepTabs: () => (/* binding */ PGS_stepTabs),
-/* harmony export */   PGS_tabs_api: () => (/* binding */ PGS_tabs_api)
+/* harmony export */   PGS_stepTabs_api: () => (/* binding */ PGS_stepTabs_api),
+/* harmony export */   PGS_stepTabs_init: () => (/* binding */ PGS_stepTabs_init)
 /* harmony export */ });
 const API = new WeakMap();
-PGS_stepTabs()
 
-function PGS_stepTabs() {
-    pgs(document).querySelectorAll("stepTabs").forEach(tabsWizard => {
+function PGS_stepTabs_init(root = document) {
+    pgs(root).querySelectorAll("stepTabs").forEach(tabsWizard => {
         if (tabsWizard.dataset.stepTabsInitialized === "true") return;
         tabsWizard.dataset.stepTabsInitialized = "true";
 
@@ -1226,7 +1606,7 @@ function PGS_stepTabs() {
             dots.innerHTML = "";
 
             allTab.forEach((tab, index) => {
-                const iconClass = tab.getAttribute("data-tab-icon") || "fa-circle";
+                const iconClass = pgs(tab).option.getValueBrackets("tabIcon") || "fa-circle";
                 const dot = document.createElement("button");
                 dot.type = "button";
                 pgs(dot).add("stepTabs-dots-dot");
@@ -1314,21 +1694,35 @@ function PGS_stepTabs() {
         //-(API) 
         // tabsWizard.addEventListener("stepTabs:reset", () => restartTab());
         API.set(tabsWizard, {
+            element: tabsWizard,
+            container: tabsContainer,
             restart: restartTab,
             goTo,
             next: () => goTo(current + 1),
             prev: () => goTo(current - 1),
             toggleLock: (step, lock = true) => typeof step === "number" && allTab[step] && (pgs(allTab[step]).state.toggle("is-locked", lock), goTo(current)),
+            refresh: () => {
+                PGS_stepTabs_init(tabsWizard.parentNode || document);
+                return API.get(tabsWizard);
+            },
             getCurrent: () => current,
             getState: () => ({ current, total }),
         });
     });
 }
 
-function PGS_tabs_api(selector) {
+PGS_stepTabs_init()
+
+function PGS_stepTabs_api(selector) {
     return API.get(selector);
 }
 
+const PGS_stepTabs = {
+    PGS_name: "PGS_stepTabs",
+    init: PGS_stepTabs_init,
+    api: PGS_stepTabs_api
+};
+
 /* 
     / EXAMPLE
     // vai allo step 2
@@ -1365,11 +1759,15 @@ function PGS_tabs_api(selector) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   PGS_ol: () => (/* binding */ PGS_ol)
+/* harmony export */   PGS_steps: () => (/* binding */ PGS_steps),
+/* harmony export */   PGS_steps_api: () => (/* binding */ PGS_steps_api),
+/* harmony export */   PGS_steps_init: () => (/* binding */ PGS_steps_init)
 /* harmony export */ });
+const API = new WeakMap();
 
-function PGS_ol() {
-    pgs(document).querySelectorAll("steps").forEach(steps => {
+function PGS_steps_init(root = document) {
+    pgs(root).querySelectorAll("steps").forEach(steps => {
+        if (API.has(steps)) return;
 
         pgs(steps).querySelectorAll("steps-step").forEach((li, index) => {
             
@@ -1385,105 +1783,274 @@ function PGS_ol() {
             }
             
             //= line
-            const line = document.createElement("span");
-            pgs(line).add("steps-step-line")
-            li.insertAdjacentElement("afterbegin", line);
+            if (!pgs(li).querySelector("steps-step-line")) {
+                const line = document.createElement("span");
+                pgs(line).add("steps-step-line")
+                li.insertAdjacentElement("afterbegin", line);
+            }
+        });
+
+        API.set(steps, {
+            element: steps,
+            steps: () => Array.from(pgs(steps).querySelectorAll("steps-step")),
+            getStep: (index) => pgs(steps).querySelectorAll("steps-step")[index],
+            getTotal: () => pgs(steps).querySelectorAll("steps-step").length,
+            refresh: () => {
+                API.delete(steps);
+                PGS_steps_init(steps.parentNode || document);
+                return API.get(steps);
+            },
         });
     });
 }
 
 //# INIT PGS_ol
-PGS_ol()
+PGS_steps_init()
+
+//# API
+function PGS_steps_api(selector) {
+    return API.get(selector);
+}
+
+const PGS_steps = {
+    PGS_name: "PGS_steps",
+    init: PGS_steps_init,
+    api: PGS_steps_api
+};
+
 
 /***/ },
 
-/***/ "./assets/javascript/functions/_notifications.js"
-/*!*******************************************************!*\
-  !*** ./assets/javascript/functions/_notifications.js ***!
-  \*******************************************************/
+/***/ "./assets/javascript/functions/_formValidate.js"
+/*!******************************************************!*\
+  !*** ./assets/javascript/functions/_formValidate.js ***!
+  \******************************************************/
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   PGS_notification: () => (/* binding */ PGS_notification),
-/* harmony export */   PGS_toast: () => (/* binding */ PGS_toast)
+/* harmony export */   PGS_formValidate: () => (/* binding */ PGS_formValidate)
 /* harmony export */ });
-//# PGS_notification
-function initNotification(type, containerToken, icon, text, timeout, methodDelete = "replace", link = null) {
-    let containerNotification = pgs(document).querySelector(containerToken);
-
-    //== Create Container
-    if (!containerNotification) {
-        const newContainer = document.createElement("div");
-        pgs(newContainer).add(containerToken);
-        newContainer.setAttribute("aria-live", "polite");
-        newContainer.setAttribute("aria-relevant", "additions");
-        document.body.appendChild(newContainer);
-        containerNotification = newContainer;
+/* harmony import */ var _components_notifications_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/_notifications.js */ "./assets/javascript/components/_notifications.js");
+
+
+
+class PGS_formValidate {
+    constructor({ form } = {}) {
+        this.container = form;
+        this._rules = [];
+        // pgs(this.container).add("formError"); 
     }
 
-    //== Create Notification
-    const notification = document.createElement(link ? "a" : "div");
-    if (methodDelete == "replace") containerNotification.innerHTML = "";
-    if (link) notification.href = link;
-    if (timeout > 0) notification.style.setProperty("--notification-timeout", timeout + "ms");
-    pgs(notification).state.add(type);
-    pgs(notification).add("notification-element");
-    notification.setAttribute("role", type == "error" ? "alert" : "status")
-    notification.innerHTML = `${icon} <p>${text}</p>`;
-    containerNotification.appendChild(notification);
-
-
-    //+ Animation delete 
-    function deleteNotification() {
-        methodDelete == "stack" ? notification.style.translate = "120%" : notification.style.opacity = "0";
-        setTimeout(() => notification.remove(), 300);
+    //+ ADD
+    addError(field, i) {
+        field.setAttribute("data-form-field-status", "error");
+        if (i == 0) field.scrollIntoView();
+
+        let message = field.getAttribute("data-form-field-message");
+
+        if (i == 0 && message) _components_notifications_js__WEBPACK_IMPORTED_MODULE_0__.PGS_notification.toast.error(message);
+        else if (i == 0) _components_notifications_js__WEBPACK_IMPORTED_MODULE_0__.PGS_notification.toast.error("Compila tutti i campi!");
     }
 
-    //== Timeout delete
-    if (timeout > 0) setTimeout(() => { deleteNotification() }, timeout);
+    //+ REMOVE
+    removeError(field) {
+        field.setAttribute("data-form-field-status", "");
+    }
 
-    //== button delete
-    const btnDelete = document.createElement("button");
-    btnDelete.type = "button";
-    btnDelete.ariaLabel = "Rimuovi notifica";
-    btnDelete.innerHTML = '<i class="fa-solid fa-xmark"></i>';
-    btnDelete.setAttribute("pgs", "buttonClose");
-    notification.insertAdjacentElement("afterbegin", btnDelete);
+    #removeErrorOnClick(allFields) {
+        allFields.forEach(element => {
+            element.addEventListener("click", e => this.removeError(element))
+        });
+    }
 
-    //== event
-    btnDelete.addEventListener("click", function (e) {
-        e.preventDefault();
-        e.stopPropagation();
-        e.stopImmediatePropagation()
-        deleteNotification(e); // Esegue la tua funzione
-    });
-}
+    // + --------------------------
+    // + Helpers                   
+    // + --------------------------
+    help = {
+        // supporta sia required nativo, sia data-required="true"
+        isRequired(field) {
+            if (!field) return false;
+
+            const required = field.required === true || field?.dataset?.required === "true" || field?.getAttribute('aria-required') == "true";
+            return required && !field.hidden; // solo attributo/proprietà "hidden"
+        },
+        // input (non speciali), textarea
+        isEmptyTextLike(field) { return !String(field?.value ?? "").trim(); },
+        // select: vuoto se value == "" o null
+        isEmptySelect(field) { return !String(field?.value ?? "").trim(); },
+        // recupera name in modo sicuro
+        getGroupName(field) { return field?.name || field?.getAttribute?.("name") || ""; }
+    };
 
-function deleteALl(containerToken) {
-    let containerNotification = pgs(document).querySelector(containerToken);
-    if (containerNotification) containerNotification.innerHTML = "";
-}
 
+    // + --------------------------
+    // + input + altri elementi.   
+    // + --------------------------
+    #inputValue(container) {
 
+        //++ add rule
+        const ruleInvalidFields = [];
+        for (const rule of this._rules) {
+            const res = rule(container);
 
-let PGS_notification = {
-    error: (text = "Errore", link = null, timeout = 0, icon = '<i class="fa-solid fa-octagon-xmark"></i>') => initNotification("error", "notification", icon, text, timeout, "stack", link),
-    success: (text = "Aggiornato", link = null, timeout = 0, icon = '<i class="fa-solid fa-check"></i>') => initNotification("success", "notification", icon, text, timeout, "stack", link),
-    info: (text = "Aggiornamento", link = null, timeout = 0, icon = '<i class="fa-solid fa-circle-info"></i>',) => initNotification("info", "notification", icon, text, timeout, "stack", link),
-    warning: (text = "Attenzione", link = null, timeout = 0, icon = '<i class="fa-solid fa-triangle-exclamation"></i>') => initNotification("warning", "notification", icon, text, timeout, "stack", link),
-    deleteAllNotification: () => deleteALl("notification")
-}
+            // la rule può tornare:
+            // • null/undefined => ok
+            // • un elemento => invalido
+            // • un array di elementi => invalidi
+            if (!res) continue;
+
+            if (Array.isArray(res)) ruleInvalidFields.push(...res);
+            else ruleInvalidFields.push(res);
+        }
+
+        //== INPUT 
+        // "testuali" (esclude hidden/disabled/checkbox/radio/file come nel tuo snippet)
+        const textInputs = Array.from(container.querySelectorAll("input")).filter((input) => {
+            if (input.disabled) return false;
+            if (input.type === "hidden") return false;
+            if (input.type === "checkbox" || input.type === "radio" || input.type === "file") return false;
+
+            // valida solo se required (o data-required="true")
+            if (!this.help.isRequired(input)) return false;
+
+            return this.help.isEmptyTextLike(input);
+        });
+
+        //== TEXTAREA 
+        // required vuote
+        const textareas = Array.from(container.querySelectorAll("textarea")).filter((ta) => {
+            if (ta.disabled) return false;
+            if (!this.help.isRequired(ta)) return false;
+            return this.help.isEmptyTextLike(ta);
+        });
+
+        //== SELECT 
+        // required vuoti
+        const selects = Array.from(container.querySelectorAll("select")).filter((sel) => {
+            if (sel.disabled) return false;
+            if (!this.help.isRequired(sel)) return false;
+            return this.help.isEmptySelect(sel);
+        });
+
+        //== RADIO 
+        // required: se in un gruppo required non ce n'è uno checked => errore sul "primo" radio del gruppo
+        const radios = Array.from(container.querySelectorAll('input[type="radio"]')).filter((r) => !r.disabled);
+        const requiredRadioGroups = new Map(); // name -> [elements]
+        for (const r of radios) {
+            if (!this.help.isRequired(r)) continue;
+            const name = this.help.getGroupName(r);
+            if (!name) continue;
+            if (!requiredRadioGroups.has(name)) requiredRadioGroups.set(name, []);
+            requiredRadioGroups.get(name).push(r);
+        }
+        const radioGroupErrors = [];
+        for (const [name, group] of requiredRadioGroups.entries()) {
+            const anyChecked = group.some((r) => r.checked);
+            if (!anyChecked) {
+                // scegli dove mettere l'errore: tipicamente sul primo radio del gruppo
+                radioGroupErrors.push(group[0]);
+            }
+        }
+
+        //== CHECKBOX 
+        // required: può essere singola checkbox required (checked obbligatorio)
+        // oppure gruppo di checkbox (stesso name) con almeno una selezionata
+        const checkboxes = Array.from(container.querySelectorAll('input[type="checkbox"]')).filter((c) => !c.disabled);
+        const requiredCheckboxSingles = [];
+        const requiredCheckboxGroups = new Map(); // name -> [elements]
+        for (const c of checkboxes) {
+            if (!this.help.isRequired(c)) continue;
+
+            const name = this.help.getGroupName(c);
+            if (!name) {
+                // checkbox senza name: trattala come singola required
+                if (!c.checked) requiredCheckboxSingles.push(c);
+                continue;
+            }
+
+            // se vuoi trattare come gruppo, raggruppa per name
+            if (!requiredCheckboxGroups.has(name)) requiredCheckboxGroups.set(name, []);
+            requiredCheckboxGroups.get(name).push(c);
+        }
+        const checkboxGroupErrors = [];
+        for (const [name, group] of requiredCheckboxGroups.entries()) {
+            // se è un gruppo (>=2) richiedi almeno una spuntata
+            // se è 1 sola, si comporta come singola
+            const anyChecked = group.some((c) => c.checked);
+            if (!anyChecked) checkboxGroupErrors.push(group[0]);
+        }
+
+        //== FILE 
+        // required: se vuoi includerlo
+        const fileInputs = Array.from(container.querySelectorAll('input[type="file"]')).filter((f) => {
+            if (f.disabled) return false;
+            if (!this.help.isRequired(f)) return false;
+            return !(f.files && f.files.length > 0);
+        });
 
-let PGS_toast = {
-    error: (text = "Errore", timeout = 4000, icon = '<i class="fa-solid fa-octagon-xmark"></i>',) => initNotification("error", "toast", icon, text, timeout),
-    success: (text = "Aggiornato", timeout = 4000, icon = '<i class="fa-solid fa-check"></i>',) => initNotification("success", "toast", icon, text, timeout),
-    info: (text = "Aggiornamento", timeout = 0, icon = '<i class="fa-solid fa-circle-info"></i>',) => initNotification("info", "toast", icon, text, timeout),
-    warning: (text = "Attenzione", timeout = 4000, icon = '<i class="fa-solid fa-triangle-exclamation"></i>',) => initNotification("warning", "toast", icon, text, timeout),
-    deleteTost: () => deleteALl("toast")
+        //== risultato finale: tutti i campi da marcare come errore
+        const invalidFields = [
+            textInputs,
+            textareas,
+            selects,
+            radioGroupErrors,
+            requiredCheckboxSingles,
+            checkboxGroupErrors,
+            fileInputs,
+            ruleInvalidFields
+        ];
+
+        return invalidFields.flat();
+    }
+
+    // + -------------------------
+    // + VALIDATE                 
+    // + -------------------------
+    validate() {
+        const invalid = this.#inputValue(this.container);
+        const allFields = this.container.querySelectorAll("input, textarea, select")
+
+        //== pulizia/aggiornamento errori: 
+        // prima rimuovo errori dai campi "non più invalidi"
+        Array.from(allFields).filter((el) => !el.disabled);
+
+        //== per radio/checkbox in gruppo: 
+        // rimuovi l'errore solo sull'elemento che lo ospita (qui: se presente)
+        for (const el of allFields) { if (!invalid.includes(el)) this.removeError(el); }
+
+        //== aggiungo errori dove serve
+        invalid.forEach((el, i) => this.addError(el, i))
+
+        //== rimuove l'errore al click
+        this.#removeErrorOnClick(allFields)
+
+        //== status form
+        if (invalid.length) {
+            this.container.setAttribute("data-form-status", "error");
+            return false;
+        } else {
+            this.container.setAttribute("data-form-status", "success");
+            return true;
+        }
+    }
+
+    ifSuccess(text = "Inviato con successo") {
+        if (this.validate() == true) _components_notifications_js__WEBPACK_IMPORTED_MODULE_0__.PGS_notification.toast.success(text)
+    }
+
+    // + -------------------------
+    // + ADD RULE                 
+    // + -------------------------
+    addNewRule(container) {
+        if (typeof container !== "function") throw new Error("Rule must be a function");
+        this._rules.push(container);
+        return this;
+    }
 }
 
+
 /***/ },
 
 /***/ "./assets/javascript/functions/_scrollY.js"
@@ -1801,13 +2368,8 @@ document.addEventListener('DOMContentLoaded', function () {
 /*!***********************************************!*\
   !*** ./assets/javascript/patterns/_header.js ***!
   \***********************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+() {
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   PGS_header: () => (/* binding */ PGS_header)
-/* harmony export */ });
 //# HEADER
 const header = pgs(document).querySelector("header");
 const headerElements = pgs(header).querySelectorAll("header-element");
@@ -2027,26 +2589,31 @@ var __webpack_exports__ = {};
   !*** ./assets/javascript/index.js ***!
   \************************************/
 __webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   pgs: () => (/* reexport safe */ _pgs_js__WEBPACK_IMPORTED_MODULE_0__.pgs)
+/* harmony export */ });
 /* harmony import */ var _pgs_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_pgs.js */ "./assets/javascript/_pgs.js");
 /* harmony import */ var _base_darkmode_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./base/_darkmode.js */ "./assets/javascript/base/_darkmode.js");
 /* harmony import */ var _base_darkmode_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_base_darkmode_js__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _base_object_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./base/_object.js */ "./assets/javascript/base/_object.js");
 /* harmony import */ var _base_object_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_base_object_js__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _components_accordion_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/_accordion.js */ "./assets/javascript/components/_accordion.js");
-/* harmony import */ var _components_accordion_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_components_accordion_js__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var _components_dropdown_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/_dropdown.js */ "./assets/javascript/components/_dropdown.js");
-/* harmony import */ var _components_exeNotifications_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/_exeNotifications.js */ "./assets/javascript/components/_exeNotifications.js");
-/* harmony import */ var _components_menu_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/_menu.js */ "./assets/javascript/components/_menu.js");
-/* harmony import */ var _components_modals_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/_modals.js */ "./assets/javascript/components/_modals.js");
-/* harmony import */ var _components_slides_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./components/_slides.js */ "./assets/javascript/components/_slides.js");
-/* harmony import */ var _components_steps_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./components/_steps.js */ "./assets/javascript/components/_steps.js");
-/* harmony import */ var _components_stepTabs_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./components/_stepTabs.js */ "./assets/javascript/components/_stepTabs.js");
-/* harmony import */ var _patterns_header_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./patterns/_header.js */ "./assets/javascript/patterns/_header.js");
-/* harmony import */ var _patterns_cookieConsent_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./patterns/_cookieConsent.js */ "./assets/javascript/patterns/_cookieConsent.js");
-/* harmony import */ var _patterns_cookieConsent_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_patterns_cookieConsent_js__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var _components_menu_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/_menu.js */ "./assets/javascript/components/_menu.js");
+/* harmony import */ var _components_modals_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/_modals.js */ "./assets/javascript/components/_modals.js");
+/* harmony import */ var _components_slides_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/_slides.js */ "./assets/javascript/components/_slides.js");
+/* harmony import */ var _components_steps_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./components/_steps.js */ "./assets/javascript/components/_steps.js");
+/* harmony import */ var _components_stepTabs_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./components/_stepTabs.js */ "./assets/javascript/components/_stepTabs.js");
+/* harmony import */ var _components_notifications_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./components/_notifications.js */ "./assets/javascript/components/_notifications.js");
+/* harmony import */ var _imports_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./_imports.js */ "./assets/javascript/_imports.js");
+/* harmony import */ var _patterns_header_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./patterns/_header.js */ "./assets/javascript/patterns/_header.js");
+/* harmony import */ var _patterns_header_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_patterns_header_js__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var _patterns_cookieConsent_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./patterns/_cookieConsent.js */ "./assets/javascript/patterns/_cookieConsent.js");
+/* harmony import */ var _patterns_cookieConsent_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_patterns_cookieConsent_js__WEBPACK_IMPORTED_MODULE_13__);
 //= PGS
 
 
+
 //= BASE
 
 
@@ -2061,8 +2628,10 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-//= patterns 
+//= IMPORT REGISTRY
+
 
+//= PATTERNS 
 
 
 })();