mypgs 1.1.5 → 1.3.3

package/assets/javascript/functions/_sendForm.js

@@ -1,100 +0,0 @@
-import { PGS_toast } from "../functions/_notifications.js";
-export async function PGS_sendForm(
-    append = {
-        formAppend: [
-            { name: "", value: "" }
-        ],
-        wpnonce: {
-            name: "",
-            value: ""
-        },
-        action: ""
-    },
-    tost = {
-        succesText: "Inviato con succeso",
-        errorGenericText: "Si è verificato un errore",
-        infoText: "Invio in corso..."
-    }, log = true) {
-
-    PGS_toast.info(tost.infoText, -1)
-
-    //== FORM DATA
-    const formData = new FormData();
-
-    //=== Mandatory data 
-    formData.append(append.wpnonce.name, append.wpnonce.value);
-    formData.append('action', append.action);
-
-    //=== append esempio
-    append.formAppend.forEach(item => formData.append(item.name, item.value));
-
-    let status
-
-    try {
-        const response = await fetch('/wp-admin/admin-ajax.php', {
-            method: 'POST',
-            body: formData
-        });
-
-        if (!response.ok) {
-            PGS_toast.error(`Errore: ${response.status}`)
-            status = { success: false, data: [], response: response };
-            throw new Error(`HTTP error! status: ${response.status}`);
-        }
-
-        const result = await response.json();
-
-        if (result.success) {
-            status = result;
-            PGS_toast.success(tost.succesText)
-
-        } else {
-            status = result;
-            PGS_toast.error(result.data ? result.data.message : 'Errore sconosciuto')
-            console.error(result);
-        }
-
-    } catch (error) {
-        status = status ? status : { success: false, data: []};
-        PGS_toast.error(`Si è verificato un errore nella richiesta.`)
-        console.error('Errore:', error);
-    }
-
-    if (log) console.log("Status:", status);
-    if (log) console.log("formData:", Array.from(formData.entries()));
-    return status;
-}
-
-/*
-let documentForm = document.querySelector("#formExample");
-if (documentForm) {
-    documentForm.addEventListener("submit", function (e) {
-        e.preventDefault();
-
-        let appendMandatory = {
-            formAppend: [
-                {
-                    name: "",
-                    value: ""
-                },
-                {
-                    name: "",
-                    value: ""
-                },
-            ],
-            wpnonce: {
-                name: "testName",
-                value: "testValue"
-            },
-            action: "test_submit_form"
-        };
-        let tost = {
-            succesText: "inviato ottimo",
-            errorGenericText: "errore invio",
-            infoText: "Invio in corso...",
-
-        }
-
-        sendBooking(appendMandatory, tost)
-    })
-} */

package/assets/scss/base/_reset.scss

@@ -1,15 +0,0 @@
-//= Reset properties 
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-    scroll-margin-top: calc(var(--heightOfHeader) + 5vh);
-}
-
-:root {
-    interpolate-size: allow-keywords;
-}
-
-@view-transition {
-    navigation: auto;
-}

package/assets/scss/mixin/_mx-menu.scss

@@ -1,154 +0,0 @@
-//# MENU
-@mixin menu($direction: row, $isHeader: true) {
-
-    >ul {
-        display: flex;
-        font-weight: 600;
-        align-items: center;
-        flex-direction: $direction;
-        column-gap: var(--gap-texts);
-        row-gap: 1.0rem;
-        // width: 100%;
-        isolation: isolate;
-        flex-wrap: nowrap;
-
-        //= Content
-        >li {
-
-            >a {
-                flex-grow: 1;
-                min-width: fit-content;
-                
-                @include button();
-                @if($isHeader) {
-                    @include button_header();
-                }
-                span {
-                    line-height: 1.6;
-                    flex-grow: 1;
-                }
-            }
-        }
-    }
-
-    //= ROW 
-    @if($direction ==row) {
-        ul {
-            >li>a {
-                width: max-content;
-            }
-
-            //== Sub menu
-            >li.menu-item-has-children {
-                display: flex;
-                gap: 0.2rem;
-                flex-wrap: nowrap;
-                isolation: isolate;
-
-                >a {
-                    border-radius: var(--border-radius-input);
-                    // box-shadow: var(--box-shadow);
-                }
-
-                ul.sub-menu {
-                    &:not([popover]) {
-                        display: none;
-
-                        li a {
-                            min-width: 100% !important;
-                        }
-                    }
-
-                    &[pgs-state~=open] {
-                        display: flex;
-                    }
-                }
-
-                //== ICON
-                button.icon-down {
-                    --button-size: 0.9rem;
-                    margin-right: -15px;
-                    margin-block: auto;
-                    scale: 0.9;
-                    height: min-content;
-                    cursor: pointer;
-                    translate: -15px;
-                    z-index: -1;
-
-                    &[aria-expanded="true"] {
-                        span {
-                            rotate: 180deg;
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    //= COLUMN 
-    @if($direction ==column) {
-        ul {
-            li {
-                width: -webkit-fill-available;
-
-                >a {
-                    width: 100%;
-                    padding: 1.5rem;
-                    --button-background: transaprent;
-                }
-            }
-
-            //== Sub menu
-            >li:has(ul.sub-menu) {
-                @include flexRow;
-                align-items: center;
-
-                button.icon-down {
-                    --button-background: var(--color-boxDark);
-                    --button-color: var(--color-white);
-                    max-height: max-content;
-                    justify-content: center;
-
-                    span {
-                        transition: all 300ms;
-                    }
-
-                    &[aria-expanded="true"] span {
-                        rotate: 180deg;
-                    }
-                }
-
-                a {
-                    max-width: calc(90% - var(--gap-texts));
-                }
-
-                >ul {
-                    flex-basis: 100%;
-
-                    &.sub-menu:not([pgs-state~=open]) {
-                        display: none;
-                    }
-
-                    &.sub-menu[pgs-state~=open] {
-                        padding-left: 2rem;
-                        margin-left: 2rem;
-                        border-left: solid 2px var(--color-gray);
-                    }
-                }
-            }
-        }
-    }
-}
-
-@mixin menuFooter() {
-    ul {
-        @include flexColumn();
-
-        li {
-            a {
-                color: var(--color-text);
-                font-weight: 600;
-            }
-        }
-    }
-}

package/templates/components/md-dropdown.html

@@ -1,16 +0,0 @@
-<span pgs="dropdown">
-    <button pgs="dropdown-button button" pgs-option="buttonReverse" type="button">
-        Apri menu
-        <i class="fa-solid fa-chevron-down" aria-hidden="true"></i>
-    </button>
-
-    <div pgs="dropdown-content">
-        <nav aria-label="Menu dropdown">
-            <ul>
-                <li><a href="#">Voce uno</a></li>
-                <li><a href="#">Voce due</a></li>
-                <li><a href="#">Voce tre</a></li>
-            </ul>
-        </nav>
-    </div>
-</span>

package/templates/components/md-menu.html

@@ -1,40 +0,0 @@
-<nav pgs="menuHorizontal" aria-label="Menu orizzontale">
-    <ul class="primary-menu">
-        <li class="menu-item current-menu-item">
-            <a href="/" aria-current="page">
-                <i class="fa-solid fa-house" aria-hidden="true"></i>
-                <span>Home</span>
-            </a>
-        </li>
-        <li class="menu-item menu-item-has-children">
-            <a href="/servizi">
-                <i class="fa-solid fa-layer-group" aria-hidden="true"></i>
-                <span>Servizi</span>
-            </a>
-            <ul class="sub-menu">
-                <li class="menu-item"><a href="/servizi/uno">Servizio uno</a></li>
-                <li class="menu-item"><a href="/servizi/due">Servizio due</a></li>
-            </ul>
-        </li>
-        <li class="menu-item">
-            <a href="/contatti">
-                <i class="fa-solid fa-envelope" aria-hidden="true"></i>
-                <span>Contatti</span>
-            </a>
-        </li>
-    </ul>
-</nav>
-
-<nav pgs="menuVertical" aria-label="Menu verticale">
-    <ul>
-        <li class="menu-item"><a href="#">Voce verticale uno</a></li>
-        <li class="menu-item"><a href="#">Voce verticale due</a></li>
-    </ul>
-</nav>
-
-<nav pgs="menuFooter" aria-label="Menu footer">
-    <ul>
-        <li class="menu-item"><a href="/privacy-policy">Privacy Policy</a></li>
-        <li class="menu-item"><a href="/cookie-policy">Cookie Policy</a></li>
-    </ul>
-</nav>

package/templates/components/md-modal.html

@@ -1,19 +0,0 @@
-<div pgs="modal" pgs-option="containerID[modal-container]">
-    <button pgs="modal-button button" type="button">
-        <i class="fa-solid fa-window-maximize"></i> Apri modale
-    </button>
-
-    <dialog>
-        <div pgs="modal-dialog-content">
-            <div pgs="modal-dialog-content-header">
-                <h3>Modale di esempio</h3>
-            </div>
-
-            <div pgs="modal-dialog-content-scroll">
-                <p>Contenuto della modale. Il bottone di chiusura viene aggiunto automaticamente se non presente.</p>
-            </div>
-        </div>
-    </dialog>
-</div>
-
-<div id="modal-container"></div>

package/templates/components/md-notification.html

@@ -1,13 +0,0 @@
-<div pgs="notification" aria-live="polite"></div>
-<div pgs="toast" aria-live="polite"></div>
-
-<div pgs="hidden notificationTrigger" data-notification='{
-        "title":"Titolo",
-        "message":"Messaggio",
-        "element":"notification",
-        "type":"info",
-        "icon":null,
-        "duration":"-1",
-        "link":null
-    }'>
-</div>

package/templates/layout/md-pageShell.html

@@ -1,22 +0,0 @@
-<div pgs="pageShell">
-    <aside pgs="pageShell-asideLeft aside">
-        <nav pgs="menuVertical" aria-label="Navigazione laterale">
-            <ul>
-                <li><a href="#sezione-uno">Sezione uno</a></li>
-                <li><a href="#sezione-due">Sezione due</a></li>
-            </ul>
-        </nav>
-    </aside>
-
-    <main pgs="pageShell-content main">
-        <section pgs="section flexColumnElements" id="sezione-uno">
-            <p>Contenuto principale della pagina.</p>
-        </section>
-    </main>
-
-    <aside pgs="pageShell-asideRight aside">
-        <div pgs="card flexColumnTexts">
-            <p>Box laterale</p>
-        </div>
-    </aside>
-</div>

package/templates/layout/md-section.html

@@ -1,25 +0,0 @@
-<section pgs="section flexColumnElements">
-    <div pgs="container flexColumnTexts">
-        <h2>Sezione standard</h2>
-        <p>Contenuto centrato dentro una sezione MyPGS.</p>
-    </div>
-</section>
-
-<section pgs="sectionFull flexColumnElements">
-    <div pgs="grid-3">
-        <article pgs="card flexColumnTexts">
-            <h3>Colonna uno</h3>
-            <p>Contenuto della prima colonna.</p>
-        </article>
-
-        <article pgs="card flexColumnTexts">
-            <h3>Colonna due</h3>
-            <p>Contenuto della seconda colonna.</p>
-        </article>
-
-        <article pgs="card flexColumnTexts">
-            <h3>Colonna tre</h3>
-            <p>Contenuto della terza colonna.</p>
-        </article>
-    </div>
-</section>