wonder-image 1.2.0

package/src/build/frontend/css/components/header/hamburger/hamburger-1.css

@@ -0,0 +1,56 @@
+#hamburger-1 {
+position: relative;
+float: left;
+width: 30px;
+height: 18px;
+margin: 16px 0;
+cursor: pointer;
+}
+#hamburger-1 .bar {
+position: absolute;
+width: 30px;
+height: 3px;
+border-radius: 1.5px;
+background: #ffffff;
+transition: .4s;
+}
+#hamburger-1.thin {
+height: 17px;
+margin: 16.5px 0;
+}
+#hamburger-1.thin .bar {
+height: 2px;
+}
+#hamburger-1:hover .bar {
+width: 30px;
+}
+#hamburger-1 .bar-1 {
+width: 22.5px;
+}
+#hamburger-1 .bar-2 {
+top: 50%;
+transform: translateY(-50%);
+}
+#hamburger-1 .bar-3 {
+float: right;
+right: 0;
+width: 22.5px;
+bottom: 0;
+}
+#hamburger-1.click .bar-1 {
+width: 30px;
+top: 50%;
+transform: translateY(-50%) rotate(45deg);
+}
+#hamburger-1.click .bar-2 {
+transform: translateY(-50%) rotate(-45deg);
+}
+#hamburger-1.click .bar-3 {
+width: 30px;
+bottom: 50%;
+transform: translateY(50%) rotate(45deg);
+}
+#hamburger-1 .bar-4,
+#hamburger-1 .bar-5 {
+display: none;
+}

package/src/build/frontend/css/components/header/hamburger/hamburger.css

@@ -0,0 +1,58 @@
+#hamburger {
+position: relative;
+float: left;
+width: 30px;
+height: 18px;
+margin: 16px 0;
+cursor: pointer;
+}
+#hamburger .bar{
+position: absolute;
+width: 30px;
+height: 3px;
+background: #ffffff;
+}
+#hamburger.thin {
+height: 17px;
+margin: 16.5px 0;
+}
+#hamburger.thin .bar {
+height: 2px;
+}
+#hamburger.click .bar-1,
+#hamburger.click .bar-2,
+#hamburger.click .bar-3{
+width: 0px;
+}
+#hamburger .bar-1 {
+margin-top: 0;
+transition: .2s;
+}
+#hamburger .bar-2 {
+margin-top: 7.5px;
+transition: .4s;
+}
+#hamburger .bar-3 {
+margin-top: 15px;
+transition: .6s;
+}
+#hamburger .bar-4,
+#hamburger .bar-5{
+left: 50%;
+top: 50%;
+width: 0;
+transition-duration: .3s;
+transition-delay: 0s;
+}
+#hamburger.click .bar-4,
+#hamburger.click .bar-5{
+width: 30px;
+transition-duration: .3s;
+transition-delay: .6s;
+}
+#hamburger .bar-4 {
+transform: translate(-50%, -50%) rotate(45deg);
+}
+#hamburger .bar-5 {
+transform: translate(-50%, -50%) rotate(-45deg);
+}

package/src/build/frontend/css/components/header/header.css

@@ -0,0 +1,57 @@
+header {
+position: fixed;
+width: 100%;
+top: 0;
+left: 0;
+height: var(--header-height);
+padding: calc(var(--spacer) * 4) 0;
+box-sizing: border-box;
+box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
+z-index: 99;
+}
+header .content {
+height: 100%;
+}
+header .nav-list {
+line-height: calc(var(--header-height) - (var(--spacer) * 8));
+}
+header .nav-list .nav {
+position: relative;
+float: left;
+padding: 0 calc(var(--spacer) * 3);
+text-decoration: none;
+}
+header .nav-list .nav:first-child {
+padding-left: 0;
+}
+header .nav-list .nav:last-child {
+padding-right: 0;
+}
+
+.scroll-line {
+width: 2px; 
+height: 40px;
+left: 50%;
+transform: translateX(-50%);
+}
+
+.scroll-line:after {
+content: '';
+position: absolute;
+float: left;
+left: 0;
+bottom: 0;
+width: 100%;
+height: 100%;
+background: #ffffff;
+animation-name: scroll-line;
+animation-duration: 1s;
+animation-delay: .3s;
+animation-iteration-count: infinite;
+animation-direction: alternate;
+}
+
+@keyframes scroll-line {
+from { height: 100%; }
+to { height: 40%; }
+}

package/src/build/frontend/css/components/header/mobile-nav.css

@@ -0,0 +1,79 @@
+#nav-mobile {
+position: fixed;
+width: 100%;
+height: calc(100% - var(--header-height));
+top: -100%;
+margin-top: 0;
+padding: 0;
+transition: .6s;
+transition-delay: .6s;
+z-index: 98;
+}
+#nav-mobile:before {
+content: '';
+position: fixed;
+float: left;
+top: 0;
+left: 0;
+width: 100%;
+height: 100%;
+backdrop-filter: blur(7.5px) saturate(200%);
+-webkit-backdrop-filter: blur(7.5px) saturate(200%);
+background-color: rgba(0, 0, 0, .3);
+opacity: 0;
+transition: .3s;
+transition-delay: .7s;
+pointer-events: none;
+}
+#nav-mobile.show {
+top: 0;
+margin-top: var(--header-height);
+opacity: 1;
+transition-duration: .3s;
+transition-delay: 0s;
+}
+#nav-mobile.show:before {
+opacity: 1;
+transition-delay: 0s;
+}
+#nav-mobile .content {
+padding: 40px;
+max-height: calc(100% - 80px);
+box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
+overflow: scroll;
+}
+#nav-mobile .nav-list {
+width: 100%;
+}
+#nav-mobile .nav-list .nav {
+position: relative;
+float: left;
+width: 100%;
+left: -100%;
+padding: calc(var(--spacer) * 4) 0;
+text-decoration: none;
+transition: .3s;
+}
+#nav-mobile .nav-list .nav:first-child { padding-top: 0; }
+#nav-mobile .nav-list .nav:last-child { padding-bottom: 0; }
+#nav-mobile.show .nav-list .nav{ left: 0; }
+#nav-mobile.show .nav-list .nav:nth-child(1) { transition-delay: .3s; }
+#nav-mobile.show .nav-list .nav:nth-child(2) { transition-delay: .4s; }
+#nav-mobile.show .nav-list .nav:nth-child(3) { transition-delay: .5s; }
+#nav-mobile.show .nav-list .nav:nth-child(4) { transition-delay: .6s; }
+#nav-mobile.show .nav-list .nav:nth-child(5) { transition-delay: .7s; }
+#nav-mobile.show .nav-list .nav:nth-child(6) { transition-delay: .8s; }
+#nav-mobile.show .nav-list .nav:nth-child(7) { transition-delay: .9s; }
+#nav-mobile.show .nav-list .nav:nth-child(8) { transition-delay: 1s; }
+#nav-mobile.show .nav-list .nav:nth-child(9) { transition-delay: 1.05s; }
+#nav-mobile.show .nav-list .nav:nth-child(10) { transition-delay: 1.10s; }
+#nav-mobile.show .nav-list .nav:nth-child(11) { transition-delay: 1.15s; }
+#nav-mobile.show .nav-list .nav:nth-child(12) { transition-delay: 1.20s; }
+#nav-mobile.show .nav-list .nav:nth-child(13) { transition-delay: 1.25s; }
+#nav-mobile.show .nav-list .nav:nth-child(14) { transition-delay: 1.30s; }
+#nav-mobile.show .nav-list .nav:nth-child(15) { transition-delay: 1.35s; }
+#nav-mobile.show .nav-list .nav:nth-child(16) { transition-delay: 1.40s; }
+#nav-mobile.show .nav-list .nav:nth-child(17) { transition-delay: 1.45s; }
+#nav-mobile.show .nav-list .nav:nth-child(18) { transition-delay: 1.50s; }
+#nav-mobile.show .nav-list .nav:nth-child(19) { transition-delay: 1.55s; }
+#nav-mobile.show .nav-list .nav:nth-child(20) { transition-delay: 1.60s; }

package/src/build/frontend/css/components/modal.css

@@ -0,0 +1,76 @@
+.wi-modal {
+position: fixed;
+width: 100%;
+height: 100%;
+padding: 0;
+backdrop-filter: blur(7.5px) saturate(200%);
+-webkit-backdrop-filter: blur(7.5px) saturate(200%);
+background-color: rgba(0, 0, 0, .3);
+opacity: 0;
+transition: .5s;
+z-index: 100;
+top: 0;
+}
+.wi-modal.wi-show {
+opacity: 1;
+}
+.wi-modal .wi-modal-content {
+width: 90%;
+top: -100%;
+max-width: 500px;
+border-radius: var(--modal-border-radius);
+border-width: var(--modal-border-width);
+border-color: var(--modal-border-color);
+background: var(--modal-bg);
+color: var(--modal-tx);
+transition-delay: .5s;
+transition: .5s;
+box-sizing: border-box;
+}
+.wi-modal.wi-show .wi-modal-content {
+top: 40px;
+}
+.wi-modal .wi-modal-header,
+.wi-modal .wi-modal-body,
+.wi-modal .wi-modal-footer {
+width: calc(100% - 32px);
+padding: 16px;
+}
+.wi-modal .wi-modal-body {
+max-height: calc(100vh - (40px * 2) - (16px * 6) - 24px - 40px);
+overflow: scroll;
+}
+.wi-modal .wi-modal-header {
+border-bottom:var(--modal-border-width) solid var(--modal-border-color);
+}
+.wi-modal .wi-modal-footer {
+border-top: var(--modal-border-width) solid var(--modal-border-color);
+}
+.wi-modal .wi-modal-header .wi-modal-title {
+width: calc(100% - 20px);
+font-size: 20px;
+line-height: 24px;
+font-weight: 400;
+}
+.wi-modal .wi-modal-header .wi-modal-close {
+width: 20px;
+height: 24px;
+line-height: 24px;
+font-size: 20px;
+color: var(--modal-tx);
+cursor: pointer;
+text-align: right;
+opacity: .7;
+transition: .3s;
+}
+.wi-modal .wi-modal-header .wi-modal-close:hover {
+opacity: 1;
+}
+.wi-modal .wi-modal-form {
+position: relative;
+float: left;
+width: 100%;
+max-width: 100%;
+padding: 0;
+margin: 0;
+}

package/src/build/frontend/css/components/spinner.css

@@ -0,0 +1,37 @@
+.spinner-border {
+display: inline-block;
+width: 1em;
+height: 1em;
+vertical-align: -0.125em;
+border-radius: 50%;
+border: 2px solid currentColor;
+border-right-color: transparent !important;
+animation: 0.75s linear infinite spinner-border;
+box-sizing: border-box;
+}
+
+@keyframes spinner-border {
+to { transform: rotate(360deg) }
+}
+
+.spinner-grow {
+display: inline-block;
+width: 1em;
+height: 1em;
+vertical-align: -0.125em;
+border-radius: 50%;
+background: currentColor;
+opacity: 0;
+animation: 0.75s linear infinite spinner-grow;
+box-sizing: border-box;
+}
+
+@keyframes spinner-grow {
+0% {
+    transform: scale(0);
+}
+50% {
+    opacity: 1;
+    transform: none;
+}
+}

package/src/build/frontend/css/generator/dimension.php

@@ -0,0 +1,93 @@
+<?php
+
+    $FRONTEND = true;
+    $PRIVATE = false;
+    $PERMIT = [];
+
+    $ROOT = $_SERVER['DOCUMENT_ROOT'];
+    require_once $ROOT."/vendor/wonder-image/app/wonder-image.php";
+
+    header("Content-type: text/css");
+
+    $PC = "";
+    $TABLET = "";
+    $PHONE = "";
+
+    for ($i=0; $i <= 150; $i+=5) { 
+
+        # Percentuale
+        $PC .= ".w-$i { width: $i% !important; }";
+        $PC .= ".max-w-$i { max-width: $i% !important; }";
+        $PC .= ".min-w-$i { min-width: $i% !important; }";
+        $PC .= ".h-$i { height: $i% !important; }";
+        $PC .= ".max-h-$i { max-height: $i% !important; }";
+        $PC .= ".min-h-$i { min-height: $i% !important; }";
+
+        # Viewport
+        $PC .= ".vw-$i { width: {$i}vw !important; }";
+        $PC .= ".max-vw-$i { max-width: {$i}vw !important; }";
+        $PC .= ".min-vw-$i { min-width: {$i}vw !important; }";
+        $PC .= ".vh-$i { height: {$i}vh !important; }";
+        $PC .= ".max-vh-$i { max-height: {$i}vh !important; }";
+        $PC .= ".min-vh-$i { min-height: {$i}vh !important; }";
+
+        # Percentuale
+        $TABLET .= ".w-t-$i { width: $i% !important; }";
+        $TABLET .= ".max-w-t-$i { max-width: $i% !important; }";
+        $TABLET .= ".min-w-t-$i { min-width: $i% !important; }";
+        $TABLET .= ".h-t-$i { height: $i% !important; }";
+        $TABLET .= ".max-h-t-$i { max-height: $i% !important; }";
+        $TABLET .= ".min-h-t-$i { min-height: $i% !important; }";
+
+        # Viewport
+        $TABLET .= ".vw-t-$i { width: {$i}vw !important; }";
+        $TABLET .= ".max-vw-t-$i { max-width: {$i}vw !important; }";
+        $TABLET .= ".min-vw-t-$i { min-width: {$i}vw !important; }";
+        $TABLET .= ".vh-t-$i { height: {$i}vh !important; }";
+        $TABLET .= ".max-vh-t-$i { max-height: {$i}vh !important; }";
+        $TABLET .= ".min-vh-t-$i { min-height: {$i}vh !important; }";
+
+        # Percentuale
+        $PHONE .= ".w-p-$i { width: $i% !important; }";
+        $PHONE .= ".max-w-p-$i { max-width: $i% !important; }";
+        $PHONE .= ".min-w-p-$i { min-width: $i% !important; }";
+        $PHONE .= ".h-p-$i { height: $i% !important; }";
+        $PHONE .= ".max-h-p-$i { max-height: $i% !important; }";
+        $PHONE .= ".min-h-p-$i { min-height: $i% !important; }";
+
+        # Viewport
+        $PHONE .= ".vw-p-$i { width: {$i}vw !important; }";
+        $PHONE .= ".max-vw-p-$i { max-width: {$i}vw !important; }";
+        $PHONE .= ".min-vw-p-$i { min-width: {$i}vw !important; }";
+        $PHONE .= ".vh-p-$i { height: {$i}vh !important; }";
+        $PHONE .= ".max-vh-p-$i { max-height: {$i}vh !important; }";
+        $PHONE .= ".min-vh-p-$i { min-height: {$i}vh !important; }";
+        
+    }
+
+    echo "$PC";
+    echo "@media (max-width: 1000px) { $TABLET }";
+    echo "@media (max-width: 768px) { $PHONE }";
+
+?>
+.w-auto { width: auto !important; }
+.w-fit { width: fit-content !important; }
+
+.h-auto { height: auto !important; }
+.h-fit { height: fit-content !important; }
+
+@media (max-width: 1000px) {
+.w-t-auto { width: auto !important; }
+.w-t-fit { width: fit-content !important; }
+
+.h-t-auto { height: auto !important; }
+.h-t-fit { height: fit-content !important; }
+}
+
+@media (max-width: 768px) {
+.w-p-auto { width: auto !important; }
+.w-p-fit { width: fit-content !important; }
+
+.h-p-auto { height: auto !important; }
+.h-p-fit { height: fit-content !important; }
+}

package/src/build/frontend/css/generator/margin.php

@@ -0,0 +1,48 @@
+<?php
+
+    $FRONTEND = true;
+    $PRIVATE = false;
+    $PERMIT = [];
+
+    $ROOT = $_SERVER['DOCUMENT_ROOT'];
+    require_once $ROOT."/vendor/wonder-image/app/wonder-image.php";
+
+    header("Content-type: text/css");
+
+    $PC = "";
+    $TABLET = "";
+    $PHONE = "";
+
+    for ($i=0; $i <= 12; $i++) { 
+        
+        $PC .= ".m-$i { margin: calc(var(--spacer) * $i) !important; }";
+        $PC .= ".mh-$i { margin: calc(var(--spacer) * $i) 0px !important; }";
+        $PC .= ".mw-$i { margin: 0px calc(var(--spacer) * $i) !important; }";
+        $PC .= ".mt-$i { margin-top: calc(var(--spacer) * $i) !important; }";
+        $PC .= ".mr-$i { margin-right: calc(var(--spacer) * $i) !important; }";
+        $PC .= ".mb-$i { margin-bottom: calc(var(--spacer) * $i) !important; }";
+        $PC .= ".ml-$i { margin-left: calc(var(--spacer) * $i) !important; }";
+
+        $TABLET .= ".m-t-$i { margin: calc(var(--spacer) * $i) !important; }";
+        $TABLET .= ".mh-t-$i { margin: calc(var(--spacer) * $i) 0px !important; }";
+        $TABLET .= ".mw-t-$i { margin: 0px calc(var(--spacer) * $i) !important; }";
+        $TABLET .= ".mt-t-$i { margin-top: calc(var(--spacer) * $i) !important; }";
+        $TABLET .= ".mr-t-$i { margin-right: calc(var(--spacer) * $i) !important; }";
+        $TABLET .= ".mb-t-$i { margin-bottom: calc(var(--spacer) * $i) !important; }";
+        $TABLET .= ".ml-t-$i { margin-left: calc(var(--spacer) * $i) !important; }";
+        $PHONE .= ".m-p-$i { margin: calc(var(--spacer) * $i) !important; }";
+
+        $PHONE .= ".mh-p-$i { margin: calc(var(--spacer) * $i) 0px !important; }";
+        $PHONE .= ".mw-p-$i { margin: 0px calc(var(--spacer) * $i) !important; }";
+        $PHONE .= ".mt-p-$i { margin-top: calc(var(--spacer) * $i) !important; }";
+        $PHONE .= ".mr-p-$i { margin-right: calc(var(--spacer) * $i) !important; }";
+        $PHONE .= ".mb-p-$i { margin-bottom: calc(var(--spacer) * $i) !important; }";
+        $PHONE .= ".ml-p-$i { margin-left: calc(var(--spacer) * $i) !important; }";
+
+    }
+
+    echo "$PC";
+    echo "@media (max-width: 1000px) { $TABLET }";
+    echo "@media (max-width: 768px) { $PHONE }";
+
+?>

package/src/build/frontend/css/generator/padding.php

@@ -0,0 +1,48 @@
+<?php
+
+    $FRONTEND = true;
+    $PRIVATE = false;
+    $PERMIT = [];
+
+    $ROOT = $_SERVER['DOCUMENT_ROOT'];
+    require_once $ROOT."/vendor/wonder-image/app/wonder-image.php";
+
+    header("Content-type: text/css");
+
+    $PC = "";
+    $TABLET = "";
+    $PHONE = "";
+
+    for ($i=0; $i <= 12; $i++) { 
+
+        $PC .= ".p-$i { padding: calc(var(--spacer) * $i) !important; box-sizing: border-box !important; }";
+        $PC .= ".ph-$i { padding-top: calc(var(--spacer) * $i) !important; padding-bottom: calc(var(--spacer) * $i) !important; }";
+        $PC .= ".pw-$i { padding-left: calc(var(--spacer) * $i) !important; padding-right: calc(var(--spacer) * $i) !important; }";
+        $PC .= ".pt-$i { padding-top: calc(var(--spacer) * $i) !important; }";
+        $PC .= ".pr-$i { padding-right: calc(var(--spacer) * $i) !important; }";
+        $PC .= ".pb-$i { padding-bottom: calc(var(--spacer) * $i) !important; }";
+        $PC .= ".pl-$i { padding-left: calc(var(--spacer) * $i) !important; }";
+
+        $TABLET .= ".p-t-$i { padding: calc(var(--spacer) * $i) !important; }";
+        $TABLET .= ".ph-t-$i { padding-top: calc(var(--spacer) * $i) !important; padding-bottom: calc(var(--spacer) * $i) !important; }";
+        $TABLET .= ".pw-t-$i { padding-left: calc(var(--spacer) * $i) !important; padding-right: calc(var(--spacer) * $i) !important; }";
+        $TABLET .= ".pt-t-$i { padding-top: calc(var(--spacer) * $i) !important; }";
+        $TABLET .= ".pr-t-$i { padding-right: calc(var(--spacer) * $i) !important; }";
+        $TABLET .= ".pb-t-$i { padding-bottom: calc(var(--spacer) * $i) !important; }";
+        $TABLET .= ".pl-t-$i { padding-left: calc(var(--spacer) * $i) !important; }";
+        
+        $PHONE .= ".p-p-$i { padding: calc(var(--spacer) * $i) !important; }";
+        $PHONE .= ".ph-p-$i { padding-top: calc(var(--spacer) * $i) !important; padding-bottom: calc(var(--spacer) * $i) !important; }";
+        $PHONE .= ".pw-p-$i { padding-left: calc(var(--spacer) * $i) !important; padding-right: calc(var(--spacer) * $i) !important; }";
+        $PHONE .= ".pt-p-$i { padding-top: calc(var(--spacer) * $i) !important; }";
+        $PHONE .= ".pr-p-$i { padding-right: calc(var(--spacer) * $i) !important; }";
+        $PHONE .= ".pb-p-$i { padding-bottom: calc(var(--spacer) * $i) !important; }";
+        $PHONE .= ".pl-p-$i { padding-left: calc(var(--spacer) * $i) !important; }";
+
+    }
+
+    echo "$PC";
+    echo "@media (max-width: 1000px) { $TABLET }";
+    echo "@media (max-width: 768px) { $PHONE }";
+
+?>

package/src/build/frontend/css/lib.css

@@ -0,0 +1,3 @@
+:root {
+    --swiper-theme-color: var(--primary-color);
+}

package/src/build/frontend/css/main.css

@@ -0,0 +1,37 @@
+html, body {
+width: 100%;
+height: 100%;
+padding: 0;
+margin: 0;
+font-family: var(--font-family);
+font-weight: var(--font-weight);
+font-size: var(--font-size);
+line-height: var(--line-height);
+background: var(--bg-color);
+color: var(--tx-color);
+}
+
+body.block-scroll {
+overflow: hidden
+}
+
+header, 
+footer,
+header div,
+header img,
+footer div,
+footer img,
+section div,
+section img,
+section table {
+position: relative;
+float: left;
+}
+
+section table {
+border-collapse: collapse;
+}
+section table th,
+section table td {
+padding: 0 !important;
+}

package/src/build/frontend/js/alert.js

@@ -0,0 +1,64 @@
+function alertContainer() {
+
+    if (document.querySelector('.alert-container')) {
+
+        var container = document.querySelector('.alert-container');
+
+    }else{
+
+        var container = document.createElement('div');
+        container.classList.add('alert-container');
+        container.classList.add('p-f');
+        container.classList.add('top');
+        container.classList.add('start');
+        container.classList.add('w-100');
+        container.classList.add('h-100');
+        container.classList.add('no-interaction');
+        container.style.zIndex = "1000";
+
+        document.body.insertBefore(container, document.body.firstChild);
+
+    }
+
+    return container;
+
+}
+
+function alertToast(alert) {
+
+    var container = alertContainer();
+
+    if (alert == 801) {
+
+        container.innerHTML += NO_INTERNET_ALERT;
+
+    } else {
+
+        $.ajax({
+            type: "POST",
+            url: pathApp+'/api/alert.php',
+            data: { 
+                post: 'true',
+                frontend: 'true',
+                alert: alert
+            }, 
+            success: function (data) {
+
+                container.innerHTML += data;
+                
+                var url = new URL(window.location.href);
+                url.searchParams.delete('alert');
+                window.history.replaceState(null, null, url);
+
+            }
+        });
+
+    }
+
+    setTimeout(() => {
+        document.querySelectorAll('.wi-alert.wi-show').forEach(element => {
+            element.classList.remove('wi-show');
+        });
+    }, 4000);
+
+}

package/src/build/frontend/js/aos.js

@@ -0,0 +1,9 @@
+function setAos() {
+
+    if(isMobile() && (typeof MOBILE_REMOVE_AOS == 'undefined' || MOBILE_REMOVE_AOS == true)) {
+        
+    } else {
+        AOS.init();
+    }
+
+}