mypgs 1.1.5 → 1.3.3

package/dist/javascript/index.js

@@ -1,6 +1,68 @@
 /******/ (() => { // 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.registerModules({
+    accordion: _components_accordion_js__WEBPACK_IMPORTED_MODULE_1__.PGS_accordion,
+    dropdown: _components_dropdown_js__WEBPACK_IMPORTED_MODULE_2__.PGS_dropdown,
+    menu: _components_menu_js__WEBPACK_IMPORTED_MODULE_3__.PGS_menu,
+    modal: _components_modals_js__WEBPACK_IMPORTED_MODULE_4__.PGS_modal,
+    notification: _components_notifications_js__WEBPACK_IMPORTED_MODULE_5__.PGS_notification,
+    slides: _components_slides_js__WEBPACK_IMPORTED_MODULE_6__.PGS_slides,
+    stepTabs: _components_stepTabs_js__WEBPACK_IMPORTED_MODULE_7__.PGS_stepTabs,
+    steps: _components_steps_js__WEBPACK_IMPORTED_MODULE_8__.PGS_steps,
+    formValidate: _functions_formValidate_js__WEBPACK_IMPORTED_MODULE_9__.PGS_formValidate,
+    scrollHorizontal: _functions_scrollY_js__WEBPACK_IMPORTED_MODULE_10__.PGS_scrollHorizontal,
+});
+
+// pgs.registerImport({
+//     PGS_accordion,
+//     PGS_dropdown,
+//     PGS_menu,
+//     PGS_modal,
+//     PGS_notification,
+//     PGS_slides,
+//     PGS_stepTabs,
+//     PGS_steps,
+//     PGS_formValidate,
+//     PGS_scrollHorizontal,
+// });
+
+
+
+/***/ },
+
 /***/ "./assets/javascript/_pgs.js"
 /*!***********************************!*\
   !*** ./assets/javascript/_pgs.js ***!
@@ -234,13 +296,64 @@ function pgs(root) {
     const api = createBasePgs();
     api.state = createState("pgs-state");
     api.option = createOption("pgs-option");
-    api.modules = createOption("pgs-modules");
     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.registerModules = function (modules = {}) {
+    Object.entries(modules).forEach(([name, module]) => {
+        const key = String(name || "").trim();
+        if (!key) return;
+
+        const hasOwn = Object.prototype.hasOwnProperty.call(pgs, key);
+        if (hasOwn && pgs[key] !== module) {
+            throw new Error(`pgs.registerModules(): "${key}" e' gia' definito su pgs`);
+        }
+
+        pgs[key] = module;
+    });
 
+    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 +545,140 @@ document.addEventListener('DOMContentLoaded', () => {
 /*!****************************************************!*\
   !*** ./assets/javascript/components/_accordion.js ***!
   \****************************************************/
-() {
-
-//= ACCORDION 
-const allAccordion = pgs(document).querySelectorAll("accordion")
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
-allAccordion.forEach((accordion, index) => {
+"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();
+let accordionId = 0;
 
-    const BUTTON = pgs(accordion).querySelector("accordion-button");
-    const CONTENT = pgs(accordion).querySelector("accordion-content");
+function nextAccordionId() {
+    accordionId += 1;
+    return accordionId;
+}
 
-    //== ID univoci per aria-controls / aria-labelledby
-    const ID = index + 1;
-    const btnId = `acc-btn-${ID}`;
-    const panelId = `acc-panel-${ID}`;
+function directPgsChild(element, token) {
+    return Array.from(element.children).find(child => pgs(child).contains(token));
+}
 
-    //== Stato iniziale
-    const isOpenInit = pgs(accordion).state.contains("open");
+function PGS_accordion_init(root = document) {
+    pgs(root).querySelectorAll("accordion").forEach((accordion) => {
+        if (API.has(accordion)) return;
 
-    //== Accessibilità (setup una volta)
-    BUTTON.setAttribute("role", "button");
-    BUTTON.setAttribute("tabindex", "0");
-    BUTTON.setAttribute("id", btnId);
-    BUTTON.setAttribute("aria-controls", panelId);
+        const BUTTON = directPgsChild(accordion, "accordion-button");
+        const CONTENT = directPgsChild(accordion, "accordion-content");
+        if (!BUTTON || !CONTENT) return;
 
-    CONTENT.setAttribute("id", panelId);
-    CONTENT.setAttribute("role", "region");
-    CONTENT.setAttribute("aria-labelledby", btnId);
+        //== ID univoci per aria-controls / aria-labelledby
+        const ID = nextAccordionId();
+        const btnId = `acc-btn-${ID}`;
+        const panelId = `acc-panel-${ID}`;
 
-    //+ 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 allAccordion) {
-            if (otherLi === accordion) continue;
+        //== Accessibilità (setup una volta)
+        BUTTON.setAttribute("role", "button");
+        BUTTON.setAttribute("tabindex", "0");
+        if (!BUTTON.id) BUTTON.setAttribute("id", btnId);
 
-            const otherBtn = pgs(otherLi).querySelector("accordion-button");
-            const otherContent = pgs(otherLi).querySelector("accordion-content");
-            if (!otherBtn || !otherContent) continue;
+        if (!CONTENT.id) CONTENT.setAttribute("id", panelId);
+        BUTTON.setAttribute("aria-controls", CONTENT.id);
+        CONTENT.setAttribute("role", "region");
+        CONTENT.setAttribute("aria-labelledby", BUTTON.id);
 
-            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 pgs(document).querySelectorAll("accordion")) {
+                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;
 
-    // applica stato iniziale
-    accordionAccessibility(isOpenInit, BUTTON, CONTENT);
+            pgs(accordion).state.toggle("open", nowOpen);
+            accordionAccessibility(nowOpen, BUTTON, CONTENT);
 
-    //- Eventi
-    BUTTON.addEventListener("click", accordionFunction);
+            closeOltherAccordion();
 
-    //- Tastiera: Enter / Space
-    BUTTON.addEventListener("keydown", (e) => {
-        if (e.key === "Enter" || e.key === " ") {
-            e.preventDefault();
-            accordionFunction();
+            //== scroll to view
+            if (nowOpen) setTimeout(() => accordion.scrollIntoView({ block: "nearest", inline: "nearest" }), 100);
+        }
+
+        function open() {
+            if (!pgs(accordion).state.contains("open")) accordionFunction();
+        }
+
+        function close() {
+            if (pgs(accordion).state.contains("open")) accordionFunction();
         }
+
+        // applica stato iniziale
+        accordionAccessibility(isOpenInit, BUTTON, CONTENT);
+
+        //- Eventi
+        BUTTON.addEventListener("click", 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 = {
+    init: PGS_accordion_init,
+    api: PGS_accordion_api
+};
 
 
 /***/ },
@@ -524,218 +692,218 @@ 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 */ });
-// + dropdown (Popover API)
-function pgs_dropdown() {
-    pgs(document).querySelectorAll("dropdown").forEach((DROPDOWN, index) => {
-        const BUTTON = pgs(DROPDOWN).querySelector("dropdown-button");
-        const CONTENT = pgs(DROPDOWN).querySelector("dropdown-content");
-
-        if (!BUTTON || !CONTENT) return;
-
-        // = INIT
-        if (DROPDOWN.getAttribute("data-initialize") === "true") return;
-        DROPDOWN.setAttribute("data-initialize", "true");
+// + dropdown
+const API = new WeakMap();
+const OPEN_DROPDOWNS = new Set();
+const VIEWPORT_GAP = 8;
+let dropdownId = 0;
 
-        // == CSS dropdown-anchor
-        const ANCHOR_NAME = `--dropdown-anchor-${index}`;
-        DROPDOWN.style.setProperty("--dropdown-anchor", ANCHOR_NAME);
+function nextDropdownId() {
+    dropdownId += 1;
+    return dropdownId;
+}
 
-        // == IDs + ACCESSIBILITY
-        if (!BUTTON.id) BUTTON.id = `dropdown-btn-${index}`;
-        if (!CONTENT.id) CONTENT.id = `dropdown-panel-${index}`;
-        BUTTON.setAttribute("type", "button");
-        BUTTON.setAttribute("aria-haspopup", "true");
-        BUTTON.setAttribute("aria-controls", CONTENT.id);
-        BUTTON.setAttribute("aria-expanded", "false");
-        CONTENT.setAttribute("aria-labelledby", BUTTON.id);
+function isDropdownContent(element) {
+    return element instanceof Element && pgs(element).contains("dropdown-content");
+}
 
-        // == POPVER SETUP 
-        if (!CONTENT.hasAttribute("popover")) CONTENT.setAttribute("popover", "auto");
-        BUTTON.setAttribute("popovertarget", CONTENT.id);
-        BUTTON.setAttribute("popovertargetaction", "toggle");
-
-        //-( Safari / legacy fallback: popover is in the top layer, so fixed coords are viewport-based.
-        const HAS_ANCHOR_POSITIONING =
-            CSS.supports("anchor-name: --dropdown-anchor") &&
-            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 (!USE_FALLBACK_POSITIONING) return;
-
-            const buttonRect = BUTTON.getBoundingClientRect();
-            const style = getComputedStyle(DROPDOWN);
-            const offset = parseFloat(style.getPropertyValue("--dropdown-offset")) || 10;
-            const padding = parseFloat(style.getPropertyValue("--dropdown-padding")) || 0;
-            const arrowSize = parseFloat(style.getPropertyValue("--dropdown-arrow-size")) || 12;
-            const viewportGap = 8;
-            const viewportWidth = window.innerWidth;
-            const maxWidth = viewportWidth - viewportGap * 2;
-            const contentStyle = getComputedStyle(CONTENT);
-            const cssMaxWidth = parseFloat(contentStyle.maxWidth);
-            const dropdownMaxWidth = Number.isFinite(cssMaxWidth) ? Math.min(cssMaxWidth, maxWidth) : maxWidth;
-            const contentWidth = Math.min(
-                Math.max(CONTENT.scrollWidth + padding * 2, buttonRect.width),
-                dropdownMaxWidth
-            );
-            const top = buttonRect.bottom + offset;
-            const centeredLeft = buttonRect.left + buttonRect.width / 2 - contentWidth / 2;
-            const left = Math.min(
-                Math.max(centeredLeft, viewportGap),
-                viewportWidth - contentWidth - viewportGap
-            );
-            const buttonCenter = buttonRect.left + buttonRect.width / 2;
-            const arrowLeft = Math.min(
-                Math.max(buttonCenter - left, padding + arrowSize),
-                contentWidth - padding - arrowSize
-            );
+function getDropdownTrigger(dropdown, content) {
+    const children = Array.from(dropdown.children).filter(child => child !== content);
+    const dropdownButton = children.find(child => pgs(child).contains("dropdown-button"));
 
-            DROPDOWN.style.setProperty("--dropdown-fallback-top", `${top}px`);
-            DROPDOWN.style.setProperty("--dropdown-fallback-left", `${left}px`);
-            DROPDOWN.style.setProperty("--dropdown-arrow-left", `${arrowLeft}px`);
-        };
+    return dropdownButton || children.find(child => !isDropdownContent(child)) || dropdown;
+}
 
-        BUTTON.addEventListener("click", e => {
-            if (!USE_FALLBACK_POSITIONING) return;
+function getDropdownContent(dropdown) {
+    return Array.from(dropdown.children).find(isDropdownContent) || pgs(dropdown).querySelector("dropdown-content");
+}
 
-            e.preventDefault();
-            if (CONTENT.matches(":popover-open")) {
-                CONTENT.hidePopover();
-                return;
-            }
+function getDropdowns(root) {
+    const dropdowns = root instanceof Element && pgs(root).contains("dropdown") ? [root] : [];
+    dropdowns.push(...pgs(root).querySelectorAll("dropdown"));
+    return dropdowns;
+}
 
-            updatePopoverPosition();
-            CONTENT.showPopover();
-        });
+function getposition(dropdown) {
+    const option = pgs(dropdown).option;
+    const optionValue = option.getValueBrackets("position");
+    const raw = (optionValue || "bottom center").trim().toLowerCase();
+    const parts = raw.split(/\s+/).filter(Boolean);
+    const side = parts.find(part => ["top", "right", "bottom", "left"].includes(part)) || "bottom";
+    const align = parts.find(part => ["top", "right", "bottom", "left", "center"].includes(part) && part !== side) || "center";
 
-        // == sync ARIA + data-open quando apre/chiude
-        CONTENT.addEventListener("toggle", e => {
-            const open = CONTENT.matches(":popover-open");
-            BUTTON.setAttribute("aria-expanded", open ? "true" : "false");
-            pgs(DROPDOWN).state.toggle("open", open);
-            if (open) {
-                updatePopoverPosition();
-                CONTENT.querySelector('a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])')?.focus();
-            }
-        });
+    return { side, align };
+}
 
-        window.addEventListener("resize", () => {
-            if (CONTENT.matches(":popover-open")) updatePopoverPosition();
-        });
-        window.addEventListener("scroll", () => {
-            if (CONTENT.matches(":popover-open")) updatePopoverPosition();
-        }, true);
-    });
+function clamp(value, min, max) {
+    return Math.min(Math.max(value, min), max);
 }
 
-// # INIT
-pgs_dropdown();
+function updateposition(dropdown) {
+    const data = API.get(dropdown);
+    if (!data || !data.isOpen()) return;
+
+    const { trigger, content } = data;
+    const { side, align } = getposition(dropdown);
+    const triggerRect = trigger.getBoundingClientRect();
+    const contentRect = content.getBoundingClientRect();
+    const viewportWidth = document.documentElement.clientWidth;
+    const maxLeft = Math.max(VIEWPORT_GAP, viewportWidth - contentRect.width - VIEWPORT_GAP);
+    let left = triggerRect.left + (triggerRect.width - contentRect.width) / 2;
+    let top = triggerRect.bottom + VIEWPORT_GAP;
+
+    if (side === "top" || side === "bottom") {
+        top = side === "top"
+            ? triggerRect.top - contentRect.height - VIEWPORT_GAP
+            : triggerRect.bottom + VIEWPORT_GAP;
+
+        if (align === "left") left = triggerRect.left;
+        if (align === "right") left = triggerRect.right - contentRect.width;
+    }
 
+    if (side === "left" || side === "right") {
+        left = side === "left"
+            ? triggerRect.left - contentRect.width - VIEWPORT_GAP
+            : triggerRect.right + VIEWPORT_GAP;
+        top = triggerRect.top + (triggerRect.height - contentRect.height) / 2;
 
-/***/ },
+        if (align === "top") top = triggerRect.top;
+        if (align === "bottom") top = triggerRect.bottom - contentRect.height;
+    }
 
-/***/ "./assets/javascript/components/_exeNotifications.js"
-/*!***********************************************************!*\
-  !*** ./assets/javascript/components/_exeNotifications.js ***!
-  \***********************************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+    if (side === "left" && left < VIEWPORT_GAP) {
+        left = triggerRect.right + VIEWPORT_GAP;
+    }
 
-"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");
+    if (side === "right" && left + contentRect.width > viewportWidth - VIEWPORT_GAP) {
+        left = triggerRect.left - contentRect.width - VIEWPORT_GAP;
+    }
 
+    left = clamp(left, VIEWPORT_GAP, maxLeft);
+
+    content.style.setProperty("--dropdown-left", `${Math.round(left)}px`);
+    content.style.setProperty("--dropdown-top", `${Math.round(top)}px`);
+}
 
-function escapeHtml(value) {
-    return String(value ?? "");
+function updateOpenDropdowns() {
+    OPEN_DROPDOWNS.forEach(updateposition);
 }
 
-function getDuration(notification) {
-    const rawDuration = notification.duration;
-    const duration = Number.parseInt(rawDuration, 10);
+function closeDropdown(dropdown) {
+    const data = API.get(dropdown);
+    if (!data || !data.isOpen()) return;
 
-    return Number.isNaN(duration) ? 5000 : duration;
+    pgs(dropdown).state.remove("open");
+    data.trigger.setAttribute("aria-expanded", "false");
+    OPEN_DROPDOWNS.delete(dropdown);
 }
 
-function getNotificationApi(notification) {
-    const element = String(notification.element || "notification").trim();
+function openDropdown(dropdown) {
+    const data = API.get(dropdown);
+    if (!data || data.isOpen()) return;
 
-    return element === "toast" ? _functions_notifications_js__WEBPACK_IMPORTED_MODULE_0__.PGS_toast : _functions_notifications_js__WEBPACK_IMPORTED_MODULE_0__.PGS_notification;
+    OPEN_DROPDOWNS.forEach(item => {
+        if (item !== dropdown) closeDropdown(item);
+    });
+
+    pgs(dropdown).state.add("open");
+    data.trigger.setAttribute("aria-expanded", "true");
+    OPEN_DROPDOWNS.add(dropdown);
+    updateposition(dropdown);
 }
 
-function getNotificationType(notification, api) {
-    const type = String(notification.type || "info").trim();
+function toggleDropdown(dropdown) {
+    const data = API.get(dropdown);
+    if (!data) return;
 
-    return typeof api[type] === "function" ? type : "info";
+    if (data.isOpen()) closeDropdown(dropdown);
+    else openDropdown(dropdown);
 }
 
-function getNotificationData(root) {
-    try {
-        return JSON.parse(root.dataset.notification || "{}");
-    } catch (error) {
-        console.warn("PGS notification: dati non validi", error);
-        return {};
-    }
+function isInsideAnyDropdown(target) {
+    return Array.from(OPEN_DROPDOWNS).some(dropdown => dropdown.contains(target));
 }
 
-function getNotificationContent(title, content) {
-    const safeContent = escapeHtml(content);
-    const safeTitle = escapeHtml(title);
+function PGS_dropdown_init(root = document) {
+    getDropdowns(root).forEach((DROPDOWN) => {
+        if (API.has(DROPDOWN)) return;
 
-    if (!safeTitle) return safeContent;
-    if (!safeContent) return `<span pgs="notification-element-title">${safeTitle}</span>`;
+        const CONTENT = getDropdownContent(DROPDOWN);
+        if (!CONTENT) return;
 
-    return `
-        <span pgs="notification-element-title">${safeTitle}</span>
-        <br>
-        <span pgs="notification-element-content">${safeContent}</span>
-    `;
-}
+        const TRIGGER = getDropdownTrigger(DROPDOWN, CONTENT);
+        const id = nextDropdownId();
 
-function PGS_md_notification(root) {
-    if (!root || root.dataset.initialize === "true") return;
-    root.dataset.initialize = "true";
+        if (!TRIGGER.id) TRIGGER.id = `dropdown-btn-${id}`;
+        if (!CONTENT.id) CONTENT.id = `dropdown-panel-${id}`;
 
-    const notification = getNotificationData(root);
-    const title = String(notification.title || "").trim();
-    const content = String(notification.message || "").trim();
-    if (!title && !content) {
-        root.remove();
-        return;
-    }
+        if (TRIGGER.matches("button") && !TRIGGER.hasAttribute("type")) {
+            TRIGGER.setAttribute("type", "button");
+        }
+
+        TRIGGER.setAttribute("aria-haspopup", "true");
+        TRIGGER.setAttribute("aria-controls", CONTENT.id);
+        TRIGGER.setAttribute("aria-expanded", String(pgs(DROPDOWN).state.contains("open")));
+        CONTENT.setAttribute("aria-labelledby", TRIGGER.id);
+
+        const data = {
+            element: DROPDOWN,
+            trigger: TRIGGER,
+            content: CONTENT,
+            open: () => openDropdown(DROPDOWN),
+            close: () => closeDropdown(DROPDOWN),
+            toggle: () => toggleDropdown(DROPDOWN),
+            refresh: () => {
+                PGS_dropdown_init(DROPDOWN.parentNode || document);
+                updateposition(DROPDOWN);
+                return API.get(DROPDOWN);
+            },
+            isOpen: () => pgs(DROPDOWN).state.contains("open")
+        };
 
-    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);
+        TRIGGER.addEventListener("click", (event) => {
+            if (isDropdownContent(event.target)) return;
+            event.preventDefault();
+            event.stopPropagation();
+            toggleDropdown(DROPDOWN);
+        });
 
-    if (api === _functions_notifications_js__WEBPACK_IMPORTED_MODULE_0__.PGS_toast) {
-        api[type](formattedContent, duration, icon);
-    } else {
-        api[type](formattedContent, link, duration, icon);
-    }
+        CONTENT.addEventListener("click", event => event.stopPropagation());
+        API.set(DROPDOWN, data);
 
-    root.remove();
+        if (data.isOpen()) OPEN_DROPDOWNS.add(DROPDOWN);
+        updateposition(DROPDOWN);
+    });
 }
 
-function initMdNotifications() {
-    pgs(document).querySelectorAll("notificationTrigger").forEach(PGS_md_notification);
-}
+document.addEventListener("click", (event) => {
+    if (isInsideAnyDropdown(event.target)) return;
+    OPEN_DROPDOWNS.forEach(closeDropdown);
+});
 
-if (document.readyState === "loading") {
-    document.addEventListener("DOMContentLoaded", initMdNotifications);
-} else {
-    initMdNotifications();
+document.addEventListener("keydown", (event) => {
+    if (event.key !== "Escape") return;
+    OPEN_DROPDOWNS.forEach(closeDropdown);
+});
+
+window.addEventListener("resize", updateOpenDropdowns);
+window.addEventListener("scroll", updateOpenDropdowns, true);
+
+// # INIT
+PGS_dropdown_init();
+
+// # API
+function PGS_dropdown_api(selector) {
+    return API.get(selector);
 }
 
+const PGS_dropdown = {
+    init: PGS_dropdown_init,
+    api: PGS_dropdown_api
+};
+
 
 /***/ },
 
@@ -753,96 +921,61 @@ __webpack_require__.r(__webpack_exports__);
 /* 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').forEach(MENU => {
+        if (API.has(MENU)) return;
+
+        MENU.querySelectorAll('li').forEach(li => {
+            const ul = li.querySelector("ul");
 
-        MENU.querySelectorAll('nav > ul > li.menu-item-has-children').forEach(li => {
-            if (li.querySelector("ul")) {
-                const ul = li.querySelector("ul");
+            if (ul) {
 
                 const button = document.createElement("button");
-                button.className = "icon-down";
                 button.type = "button";
                 button.innerHTML = "<span>&#9207;</span>";
+                pgs(button).add("menu-buttonIcon");
                 li.querySelector("a").insertAdjacentElement("afterend", button);
 
                 pgs(li).add("dropdown")
                 pgs(button).add("dropdown-button")
                 pgs(button).add("buttonNohover")
                 pgs(ul).add("dropdown-content")
-                pgs(ul).add("menu-vertical")
+
             }
         });
-    });
-
-    pgs(document).querySelectorAll('menu-vertical').forEach(MENU => {
-
-        MENU.querySelectorAll('.menu-item-has-children').forEach((li, index) => {
-            const ul = li.querySelector("ul");
 
-            if (!ul) return
-
-            const button = document.createElement("button");
-            button.className = "icon-down buttonIcon";
-            button.type = "button";
-
-            // ID unico per aria-controls
-            const submenuId = `vertical-submenu-${index}`;
-            ul.id = submenuId;
-
-            // Stato iniziale
-            pgs(button).add("buttonIcon")
-            button.setAttribute("aria-expanded", "false");
-            button.setAttribute("aria-controls", submenuId);
-            button.setAttribute("aria-label", "Apri sottomenu");
-            button.innerHTML = "<span aria-hidden='true'>&#9207;</span>";
-            li.querySelector("a").insertAdjacentElement("afterend", button);
-
-            function toggleMenu() {
-                // const isOpena = ul.classList.toggle("open");
-                const isOpen = pgs(ul).state.toggle("open");
-                button.setAttribute("aria-expanded", isOpen);
-                button.setAttribute("aria-label", isOpen ? "Chiudi sottomenu" : "Apri sottomenu");
-            };
-
-            // Click
-            button.addEventListener("click", toggleMenu);
-            button.addEventListener("keydown", (e) => {
-                if (e.key === "Enter" || e.key === " ") {
-                    e.preventDefault();
-                    toggleMenu();
-                }
-            });
+        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(PGS_dropdown_api).filter(Boolean),
+            refresh: () => {
+                PGS_menu_init(MENU.parentNode || document);
+                return API.get(MENU);
+            },
         });
+        _dropdown__WEBPACK_IMPORTED_MODULE_0__.PGS_dropdown.init(MENU);
+    });
 
-        // pgs(document).querySelectorAll('menu-vertical').forEach(MENU => {
-
-        //     MENU.querySelectorAll('.menu-item-has-children').forEach(li => {
-        //         if (li.querySelector("ul")) {
-        //             const ul = li.querySelector("ul");
-
-        //             const button = document.createElement("button");
-        //             button.className = "icon-down";
-        //             button.type = "button";
-        //             button.innerHTML = "<span>&#9207;</span>";
-        //             li.querySelector("a").insertAdjacentElement("afterend", button);
+}
 
+PGS_menu_init()
 
-        //             pgs(button).add("buttonIcon")
-        //             button.addEventListener("click", () => {
-        //                 ul.classList.toggle("open")
-        //             })
-        //         }
-        //     });
-        // });
-    });
-    (0,_dropdown__WEBPACK_IMPORTED_MODULE_0__.pgs_dropdown)()
+function PGS_menu_api(selector) {
+    return API.get(selector);
 }
 
-//# INIT PGS_menu
-PGS_menu()
+//# EXPORT
+const PGS_menu = {
+    init: PGS_menu_init,
+    api: PGS_menu_api
+};
+
 
 /***/ },
 
@@ -855,12 +988,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");
@@ -913,9 +1050,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'));
@@ -931,6 +1073,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);
@@ -976,10 +1126,214 @@ 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 = {
+    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 = {
+    trigger: PGS_notificationTrigger_init,
+    alert: {
+        error: (text = "Errore", link = null, timeout = 0, icon = '<i class="fa-solid fa-circle-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-circle-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();
 
 
 /***/ },
@@ -993,6 +1347,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 */ });
@@ -1161,10 +1516,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) {
@@ -1176,11 +1534,18 @@ function PGS_slides_init(root = document) {
     });
 }
 
+PGS_slides_init();
+
 //# API 
 function PGS_slides_api(selector) {
     return API.get(selector);
 }
 
+const PGS_slides = {
+    init: PGS_slides_init,
+    api: PGS_slides_api
+};
+
 
 /***/ },
 
@@ -1194,13 +1559,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";
 
@@ -1315,21 +1680,34 @@ 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 = {
+    init: PGS_stepTabs_init,
+    api: PGS_stepTabs_api
+};
+
 /* 
     / EXAMPLE
     // vai allo step 2
@@ -1366,11 +1744,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) => {
             
@@ -1386,105 +1768,273 @@ 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 = {
+    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"); 
+    }
+
+    //+ 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!");
+    }
+
+    //+ REMOVE
+    removeError(field) {
+        field.setAttribute("data-form-field-status", "");
     }
 
-    //== 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);
+    #removeErrorOnClick(allFields) {
+        allFields.forEach(element => {
+            element.addEventListener("click", e => this.removeError(element))
+        });
     }
 
-    //== Timeout delete
-    if (timeout > 0) setTimeout(() => { deleteNotification() }, timeout);
+    // + --------------------------
+    // + 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") || ""; }
+    };
 
-    //== 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
-    });
-}
+    // + --------------------------
+    // + input + altri elementi.   
+    // + --------------------------
+    #inputValue(container) {
 
-function deleteALl(containerToken) {
-    let containerNotification = pgs(document).querySelector(containerToken);
-    if (containerNotification) containerNotification.innerHTML = "";
-}
+        //++ add rule
+        const ruleInvalidFields = [];
+        for (const rule of this._rules) {
+            const res = rule(container);
 
+            // 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);
+        }
 
-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")
-}
+        //== 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]);
+            }
+        }
 
-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")
+        //== 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);
+        });
+
+        //== 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"
@@ -1683,7 +2233,7 @@ function assignCookieRuntimeAttributes({ root, analyticsToggle, acceptAllButton,
 }
 
 //= CookieConsent
-document.addEventListener('DOMContentLoaded', function () {
+function initCookieConsent() {
     const root = pgs(document).querySelector('cookieConsent');
     if (!root) return;
 
@@ -1793,7 +2343,13 @@ document.addEventListener('DOMContentLoaded', function () {
     } else {
         setBannerVisibility(true);
     }
-});
+}
+
+if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', initCookieConsent);
+} else {
+    initCookieConsent();
+}
 
 
 /***/ },
@@ -1802,13 +2358,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");
@@ -1949,17 +2500,17 @@ if (window.innerWidth < 600) {
 /******/ 	});
 /************************************************************************/
 /******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
+/******/ 	const __webpack_module_cache__ = {};
 /******/ 	
 /******/ 	// The require function
 /******/ 	function __webpack_require__(moduleId) {
 /******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		const cachedModule = __webpack_module_cache__[moduleId];
 /******/ 		if (cachedModule !== undefined) {
 /******/ 			return cachedModule.exports;
 /******/ 		}
 /******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 		const module = __webpack_module_cache__[moduleId] = {
 /******/ 			// no module.id needed
 /******/ 			// no module.loaded needed
 /******/ 			exports: {}
@@ -1968,7 +2519,7 @@ if (window.innerWidth < 600) {
 /******/ 		// Execute the module function
 /******/ 		if (!(moduleId in __webpack_modules__)) {
 /******/ 			delete __webpack_module_cache__[moduleId];
-/******/ 			var e = new Error("Cannot find module '" + moduleId + "'");
+/******/ 			const e = new Error("Cannot find module '" + moduleId + "'");
 /******/ 			e.code = 'MODULE_NOT_FOUND';
 /******/ 			throw e;
 /******/ 		}
@@ -1983,7 +2534,7 @@ if (window.innerWidth < 600) {
 /******/ 	(() => {
 /******/ 		// getDefaultExport function for compatibility with non-harmony modules
 /******/ 		__webpack_require__.n = (module) => {
-/******/ 			var getter = module && module.__esModule ?
+/******/ 			const getter = module && module.__esModule ?
 /******/ 				() => (module['default']) :
 /******/ 				() => (module);
 /******/ 			__webpack_require__.d(getter, { a: getter });
@@ -1993,11 +2544,26 @@ if (window.innerWidth < 600) {
 /******/ 	
 /******/ 	/* webpack/runtime/define property getters */
 /******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
+/******/ 		// define getter/value functions for harmony exports
 /******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			if(Array.isArray(definition)) {
+/******/ 				var i = 0;
+/******/ 				while(i < definition.length) {
+/******/ 					var key = definition[i++];
+/******/ 					var binding = definition[i++];
+/******/ 					if(!__webpack_require__.o(exports, key)) {
+/******/ 						if(binding === 0) {
+/******/ 							Object.defineProperty(exports, key, { enumerable: true, value: definition[i++] });
+/******/ 						} else {
+/******/ 							Object.defineProperty(exports, key, { enumerable: true, get: binding });
+/******/ 						}
+/******/ 					} else if(binding === 0) { i++; }
+/******/ 				}
+/******/ 			} else {
+/******/ 				for(var key in definition) {
+/******/ 					if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 						Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 					}
 /******/ 				}
 /******/ 			}
 /******/ 		};
@@ -2012,7 +2578,7 @@ if (window.innerWidth < 600) {
 /******/ 	(() => {
 /******/ 		// define __esModule on exports
 /******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			if(Symbol.toStringTag) {
 /******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 /******/ 			}
 /******/ 			Object.defineProperty(exports, '__esModule', { value: true });
@@ -2020,7 +2586,7 @@ if (window.innerWidth < 600) {
 /******/ 	})();
 /******/ 	
 /************************************************************************/
-var __webpack_exports__ = {};
+let __webpack_exports__ = {};
 // This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
 (() => {
 "use strict";
@@ -2028,26 +2594,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
 
 
@@ -2062,8 +2633,10 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-//= patterns 
+//= IMPORT REGISTRY
+
 
+//= PATTERNS 
 
 
 })();