wonder-image 1.2.0

package/package.json

@@ -0,0 +1,95 @@
+{
+  "name": "wonder-image",
+  "version": "1.2.0",
+  "description": "",
+  "private": false,
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "webpack"
+  },
+  "keywords": [],
+  "author": "Andrea Marinoni",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/core": "^7.24.5",
+    "@babel/preset-env": "^7.24.5",
+    "babel-loader": "^9.1.3",
+    "css-loader": "^7.1.1",
+    "css-minimizer-webpack-plugin": "^6.0.0",
+    "mini-css-extract-plugin": "^2.9.0",
+    "parcel": "^2.12.0",
+    "script-loader": "^0.7.2",
+    "style-loader": "^4.0.0",
+    "terser-webpack-plugin": "^5.3.10",
+    "webpack": "^5.91.0",
+    "webpack-cli": "^5.1.4"
+  },
+  "dependencies": {
+    "@editorjs/attaches": "1.3.0",
+    "@editorjs/code": "2.9.0",
+    "@editorjs/delimiter": "1.4.0",
+    "@editorjs/editorjs": "2.29.1",
+    "@editorjs/embed": "2.7.1",
+    "@editorjs/header": "2.8.1",
+    "@editorjs/image": "2.9.0",
+    "@editorjs/inline-code": "1.5.0",
+    "@editorjs/marker": "1.4.0",
+    "@editorjs/nested-list": "1.4.2",
+    "@editorjs/quote": "2.6.0",
+    "@editorjs/table": "2.3.0",
+    "@fancyapps/ui": "5.0",
+    "@fullcalendar/bootstrap5": "6.1.11",
+    "@fullcalendar/core": "6.1.11",
+    "@fullcalendar/daygrid": "6.1.11",
+    "@fullcalendar/interaction": "6.1.11",
+    "@fullcalendar/moment": "6.1.11",
+    "@fullcalendar/moment-timezone": "6.1.11",
+    "@fullcalendar/resource": "6.1.11",
+    "@fullcalendar/resource-timeline": "6.1.11",
+    "@fullcalendar/rrule": "6.1.11",
+    "@fullcalendar/timegrid": "6.1.11",
+    "aos": "2.3.1",
+    "autonumeric": "4.10.0",
+    "bootstrap": "5.3.3",
+    "bootstrap-datepicker": "1.10.0",
+    "bootstrap-icons": "1.11.3",
+    "chart.js": "4.4.2",
+    "chartjs-adapter-moment": "1.0.1",
+    "core-js": "^3.37.0",
+    "countup.js": "2.8.0",
+    "datatables.net-bs5": "2.0.6",
+    "datatables.net-dt": "2.0.6",
+    "datatables.net-responsive-bs5": "3.0.2",
+    "editorjs-text-alignment-blocktune": "1.0.3",
+    "figgy-pudding": "^3.5.2",
+    "filepond": "4.31.1",
+    "filepond-plugin-file-metadata": "1.0.8",
+    "filepond-plugin-file-validate-size": "2.2.8",
+    "filepond-plugin-file-validate-type": "1.2.9",
+    "filepond-plugin-get-file": "1.1.0",
+    "filepond-plugin-image-crop": "2.0.6",
+    "filepond-plugin-image-edit": "1.6.3",
+    "filepond-plugin-image-exif-orientation": "1.0.11",
+    "filepond-plugin-image-preview": "4.6.12",
+    "filepond-plugin-image-resize": "2.0.10",
+    "filepond-plugin-image-transform": "3.8.7",
+    "filepond-plugin-image-validate-size": "1.2.7",
+    "htmlnano": "^2.1.1",
+    "image-compare-viewer": "^1.6.2",
+    "inputmask": "^5.0.8",
+    "jquery": "^3.5.1",
+    "jquery-ui": "^1.13.3",
+    "jquery-ui-timepicker-addon": "^1.6.3",
+    "jstree": "3.2.1",
+    "lodash": "^4.17.21",
+    "moment": "^2.30.1",
+    "moment-timezone": "^0.5.45",
+    "node-sass": "^9.0.0",
+    "quill": "2.0.1",
+    "rrule": "^2.8.1",
+    "sass-loader": "^14.2.1",
+    "swiper": "10.3.1",
+    "typed.js": "2.0.15",
+    "video.js": "7.18.1"
+  }
+}

package/src/build/backend/css/header.css

@@ -0,0 +1,252 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
+
+:root {
+--bs-font-sans-serif: 'Montserrat', sans-serif;
+--bs-font-monospace: 'Montserrat', sans-serif;  
+}
+
+html { font-size: 14px; }
+body { 
+--bs-bg-opacity: 1;
+background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important;
+}
+h1, h2, h3, h4, h5, h6 { margin: 0; }
+
+html[data-bs-theme="dark"] .btn-outline-dark {
+--bs-btn-color: #fff;
+--bs-btn-border-color: #373b3e;
+--bs-btn-hover-color: #fff;
+--bs-btn-hover-bg: #424649;
+--bs-btn-hover-border-color: #373b3e;
+--bs-btn-focus-shadow-rgb: 66,70,73;
+--bs-btn-active-color: #fff;
+--bs-btn-active-bg: #4d5154;
+--bs-btn-active-border-color: #373b3e;
+--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+--bs-btn-disabled-color: #fff;
+--bs-btn-disabled-bg: #212529;
+--bs-btn-disabled-border-color: #212529;
+}
+
+html[data-bs-theme="dark"] .btn-dark {
+--bs-btn-color: #fff;
+--bs-btn-bg: #4d5154;
+--bs-btn-border-color: var(--bs-border-color);
+--bs-btn-hover-color: #fff;
+--bs-btn-hover-bg: #424649;
+--bs-btn-hover-border-color: #373b3e;
+--bs-btn-focus-shadow-rgb: 66,70,73;
+--bs-btn-active-color: #fff;
+--bs-btn-active-bg: #4d5154;
+--bs-btn-active-border-color: #373b3e;
+--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+--bs-btn-disabled-color: #fff;
+--bs-btn-disabled-bg: #212529;
+--bs-btn-disabled-border-color: #212529;
+}
+
+html[data-bs-theme="dark"] {
+--bs-dark-rgb: 248,249,250;
+--bs-light-rgb: 33,37,41;
+}
+
+.dropdown-menu {
+--bs-dropdown-padding-x: .5rem;
+--bs-dropdown-padding-y: .5rem;
+}
+.dropdown-menu li + li { margin-top: .25rem; }
+.dropdown-menu .dropdown-item { border-radius: .25rem; }
+
+.tooltip {
+--bs-tooltip-max-width: 250px;
+--bs-tooltip-font-size: .8em;
+--bs-tooltip-bg: rgba(var(--bs-secondary-bg-rgb), 1);
+--bs-tooltip-color: var(--bs-emphasis-color);
+--bs-tooltip-opacity: 1;
+--bs-tooltip-border-radius: var(--bs-border-radius);
+--bs-tooltip-arrow-width: 0; /* Def: 0.8rem */
+--bs-tooltip-arrow-height: 0; /* Def: 0.4rem */
+border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
+border-radius: var(--bs-tooltip-border-radius);
+}
+
+#content {
+position: relative;
+float: right;
+padding: 20px;
+top: 50px;
+width: calc(100% - 80px);
+min-height: calc(100vh - 50px);
+transition: all 0.3s;
+}
+#sidebar {
+position: fixed;
+float: left;
+top: 50px;
+height: calc(100% - 50px);
+min-width: 80px;
+max-width: 80px;
+color: #fff;
+transform-origin: bottom left;
+padding: 0;
+z-index: 8;
+}
+#sidebar::after {
+content: "";
+position: absolute;
+float: left;
+width: calc(100% - var(--bs-border-width));
+height: calc(100% - 62px);
+top: 0;
+left: 0;
+background: linear-gradient(0deg, rgba(var(--bs-secondary-bg-rgb)) 5px, transparent 50px);
+pointer-events: none !important;
+z-index: 3;
+}
+#sidebar .sidebar-navbar {
+position: absolute;
+float: left;
+width: 100%;
+height: 100%;
+z-index: 3;
+}
+#sidebar .sidebar-offcanvas .offcanvas-backdrop {
+z-index: 1;
+}
+#sidebar .sidebar-offcanvas .offcanvas {
+--bs-offcanvas-height: calc(100% - 50px);
+--bs-offcanvas-width: 200px;
+--bs-offcanvas-zindex: 2;
+top: 50px !important;
+left: 80px !important;
+}
+#sidebar::-webkit-scrollbar {
+display: none;
+}
+#sidebar ul {
+position: relative;
+float: left;
+width: 100%;
+}
+#sidebar .sidebar-navbar-nav {
+padding-top: 10px;
+padding-bottom: 75px;
+max-height: calc(100% - 55px);
+overflow: scroll;
+overscroll-behavior: none !important;
+-ms-overflow-style: none !important;
+scrollbar-width: none !important;
+}
+#sidebar .sidebar-navbar-nav::-webkit-scrollbar { 
+display: none !important; 
+}
+#sidebar ul li{
+position: relative;
+float: left;
+width: 100%;
+margin: 5px 0;
+}
+#sidebar ul li ul {
+margin-top: 5px;
+}
+#sidebar ul li a {
+position: relative;
+float: left;
+width: 65px;
+margin: 0 7.5px;
+padding: 7.5px 5px;
+display: block;
+text-decoration: none;
+border-radius: 0.25rem;
+transition: .5s;
+}
+
+#sidebar ul li a:hover {
+--bs-bg-opacity: .5;
+background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important;
+}
+#sidebar ul li.active a {
+--bs-bg-opacity: 1;
+background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important;
+}
+#sidebar ul li.active-offcanvas a {
+background-color: var(--bs-body-bg) !important;
+width: 75px;
+padding-right: 15px;
+}
+#sidebar ul li a i {
+position: relative;
+float: left;
+font-size: 1.4em;
+line-height: 1em;
+width: 100%;
+text-align: center;
+}
+
+#sidebar ul li a span {
+position: relative;
+float: left;
+font-size: .7em;
+line-height: 1em;
+width: 100%;
+max-width: 100%;
+margin-top: 7.5px;
+text-align: center; 
+overflow: hidden;
+text-overflow: ellipsis;
+white-space: nowrap;
+}
+
+#topbar{
+position: fixed;
+float: left;
+width: 100vw;
+height: 50px;
+padding: 10px 20px;
+z-index: 9;
+}
+
+wi-card { display: none; }
+
+@media (max-width: 992px) {
+.col-1, .col-2{ width: 50%; }
+.col-3, .col-4,.col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{ width: 100%; }
+}
+@media (max-width: 768px) {
+#content{
+position: relative;
+width: 100%;
+}
+#sidebar {
+position: fixed;
+left: -80px;
+transition: .3s;
+transition-delay: .3s;
+}
+#sidebar::before {
+content: '';
+position: fixed;
+float: right;
+transition: .5s;
+width: calc(100% - 80px);
+height: 100%;
+background: var(--bs-body-bg);
+right: -120%;
+transition: .4s;
+}
+#sidebar .sidebar-offcanvas .offcanvas {
+--bs-offcanvas-width: calc(100% - 80px);
+}
+#sidebar ul li ul{ margin-top: 0%; }
+#sidebar .components {
+position: relative;
+float: left;
+}
+#sidebar.show { 
+left: 0px;
+transition-delay: 0s;
+}
+#sidebar.show::before {
+right: 0;
+}
+}

package/src/build/backend/css/input.css

@@ -0,0 +1,295 @@
+/* File */
+.wi-container-files .wi-card-file.wi-first-file .wi-arrow-up {
+display: none;
+}
+.wi-container-files .wi-card-file.wi-last-file .wi-arrow-down {
+display: none;
+}
+
+/* Summernote */
+.note-modal .modal-dialog .modal-content .modal-header .modal-title{
+position: absolute
+}
+.note-editor.note-frame.panel.panel-default{
+background: white;
+border: 1px solid #ced4da;
+border-radius: .25rem;
+}
+
+/* FullCalendar */
+.fc-header-toolbar h2 {
+font-size: calc(1.275rem + .3vw) !important;
+text-transform: capitalize;
+}
+.fc-header-toolbar .btn,
+.fc-event {
+background: #212529;
+border-color: #212529;
+padding: 0.25rem 0.5rem;
+font-size: 0.875rem;
+border-radius: 0.25rem;
+}
+.fc-event {
+background: none;
+overflow: hidden;
+}
+.fc-header-toolbar .btn:hover {
+background: #424649;
+border-color: #373b3e;
+}
+.fc-header-toolbar .btn:disabled {
+background: #212529;
+border-color: #212529;
+}
+.fc-header-toolbar .btn.active,
+.fc-header-toolbar .btn.active:active,
+.fc-header-toolbar .btn.active:checked,
+.fc-header-toolbar .btn.active:checked {
+background: #4d5154;
+border-color: #373b3e;
+}
+.fc-view-harness th {
+text-transform: capitalize;
+}
+
+
+/* Quill.js */
+.ql-snow .ql-stroke { stroke: var(--bs-body-color); }
+.ql-snow .ql-fill{ fill: var(--bs-body-color); }
+
+
+/* Editor.js */
+.tc-wrap {
+--color-background: var(--bs-card-bg);
+--color-text-secondary: var(--bs-secondary);
+--color-border: var(--bs-border-color)
+}
+.tc-toolbox {
+--toggler-dots-color: var(--bs-border-color);
+--toggler-dots-color-hovered: var(--bs-body-color);
+}
+.ce-popover,
+.tc-popover {
+--color-border: var(--bs-border-color);
+--color-shadow: none;
+--color-background: var(--bs-body-bg);
+--color-text-primary: var(--bs-body-color);
+--color-text-secondary: var(--bs-secondary);
+--color-border-icon: var(--bs-body-bg);
+--color-border-icon-disabled: var(--bs-secondary);
+--color-text-icon-active: var(--bs-success);
+--color-background-icon-active: var(--bs-secondary-bg);
+--color-background-item-focus: var(--bs-secondary-bg);
+--color-shadow-item-focus: var(--bs-secondary-bg);
+
+--color-background-hover: var(--bs-secondary-bg);
+--color-background-item-hover: var(--bs-secondary-bg);
+--color-background-confirm: var(--bs-danger);
+--color-background-item-confirm: var(--bs-danger);
+--color-background-confirm-hover: var(--bs-danger);
+--color-background-item-confirm-hover: var(--bs-danger);
+--color-text-confirm: #fff;
+}
+
+/* Sistemo file */
+.cdx-attaches {
+--color-line: var(--bs-border-color);
+--color-bg: var(--bs-body-bg);
+--color-bg-secondary: var(--bs-secondary-bg);
+--color-bg-secondary--hover: var(--bs-secondary);
+--color-text-secondary: var(--bs-secondary);
+border-radius: var(--bs-border-radius);
+}
+
+/* Sistemo svg */
+.codex-editor path,
+.codex-editor rect{
+stroke: currentColor;
+}
+
+/* Sistemo input */
+.cdx-input {
+font-size: 1rem;
+font-weight: 400;
+line-height: 1.5;
+color: var(--bs-body-color);
+background-color: var(--bs-body-bg);
+background-clip: padding-box;
+border: var(--bs-border-width) solid var(--bs-border-color) !important;
+border-radius: var(--bs-border-radius) !important;
+box-shadow: none;
+}
+
+/* Sistemo bottoni */
+.cdx-button {
+padding: 13px;
+font-size: 1rem;
+font-weight: 400;
+line-height: 1.5;
+color: var(--bs-dark-bg);
+border-color: var(--bs-dark-bg);
+border-radius: var(--bs-border-radius);
+background-color: transparent;
+-webkit-box-shadow: none;
+box-shadow: none;
+text-align: center;
+cursor: pointer;
+transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+}
+.cdx-button:hover {
+background: var(--bs-secondary-bg);
+-webkit-box-shadow: none;
+box-shadow: none;
+}
+.ce-conversion-tool__icon {
+box-shadow: none;
+background: var(--color-background);
+}
+.codex-editor ::selection {
+background-color: var(--bs-secondary-bg);
+}
+.ce-code__textarea {
+color: var(--bs-body-color);
+border-color: var(--bs-border-color);
+background-color: var(--bs-secondary-bg);
+}
+
+.ce-toolbar__plus,
+.ce-toolbar__settings-btn {
+color: var(--bs-body-color);
+}
+.ce-toolbar__plus:hover,
+.ce-toolbar__settings-btn:hover {
+background: var(--bs-secondary-bg);
+}
+.ce-inline-toolbar__dropdown {
+border-color: var(--bs-border-color);
+}
+.ce-conversion-tool:hover,
+.ce-inline-tool:hover,
+.ce-inline-toolbar__dropdown:hover {
+background: var(--bs-secondary-bg);
+}
+.ce-block.ce-block--selected .cdx-block {
+background: var(--bs-secondary-bg);
+}
+.ce-popover-item__icon {
+background: var(--color-background);
+}
+.cdx-search-field {
+background: none;
+}
+.ce-inline-toolbar,
+.ce-conversion-toolbar {
+background-color: var(--bs-body-bg);
+border: 1px solid var(--bs-border-color);
+-webkit-box-shadow: none;
+box-shadow: none;
+border-radius: 6px;
+}
+
+/* Bottoni allineamento */
+.cdx-settings-button--active {
+background: var(--color-text-icon-active);
+fill: #fff;
+}
+.cdx-settings-button--active:hover {
+fill: #000;
+}
+
+/* Sistemo video */
+.video-tool__video {
+border-color: var(--bs-card-border-color) !important;
+background-color: transparent !important;
+}
+.video-tool__video div, 
+.video-tool__video video {
+position: relative;
+float: left;
+width: 100% !important;
+height: auto!important;
+}
+
+/* Sistemo gallery */
+.image-gallery__container {
+background: var(--bs-body-bg);
+padding: 0;
+border-radius: 6px;
+border: 1px solid var(--bs-border-color);
+overflow: hidden;
+}
+.image-gallery__container .image-gallery__items {
+background: var(--bs-secondary-bg);
+}
+.image-gallery__container .image-gallery__items .image-gallery__image {
+background: transparent;
+border: 1px solid var(--bs-border-color);
+padding: 0;
+}
+.image-gallery__container .image-gallery__items .image-gallery__image-trash {
+background: var(--bs-danger);
+}
+
+/* Elimino icone non necessarie */
+.wi-blog .ce-popover-item[data-item-name="withBorder"],
+.wi-blog .ce-popover-item[data-item-name="stretched"],
+.wi-blog .ce-popover-item[data-item-name="withBackground"],
+.wi-blog .video-tool__tune[data-tune="withBorder"],
+.wi-blog .video-tool__tune[data-tune="stretched"],
+.wi-blog .video-tool__tune[data-tune="withBackground"],
+.wi-blog .image-gallery__tune[data-tune="fit"],
+.wi-blog .image-gallery__tune[data-tune="slider"] {
+display: none;
+}
+
+/* FilePond */
+.filepond, 
+.filepond--root { margin: 0; }
+.filepond .filepond--credits,
+.filepond--root .filepond--credits{ display: none; }
+.filepond .filepond--drop-label,
+.filepond--root .filepond--drop-label { color: inherit; }
+.filepond--panel-root {
+background-color: var(--bs-secondary-bg-subtle);
+border-radius: var(--bs-border-radius);
+}
+
+/* jsTree */
+.jstree .jstree-icon.jstree-checkbox { display: none; }
+.jstree li.jstree-node,
+.jstree li i.jstree-icon.jstree-ocl { background-image: none; }
+.jstree li i.jstree-icon.jstree-ocl::before {
+display: inline-block;
+font-family: bootstrap-icons !important;
+font-style: normal;
+font-weight: normal !important;
+font-variant: normal;
+text-transform: none;
+line-height: 1;
+vertical-align: -.125em;
+-webkit-font-smoothing: antialiased;
+-moz-osx-font-smoothing: grayscale;
+}
+.jstree li[aria-expanded="false"] > i.jstree-icon.jstree-ocl::before { content: "\F285"; }
+.jstree li[aria-expanded="true"] > i.jstree-icon.jstree-ocl::before { content: "\F282"; }
+.jstree li[aria-expanded="true"] > a.jstree-anchor i.jstree-icon.jstree-themeicon.bi-folder:before { content: "\F3D8"; }
+.jstree li[aria-selected="true"] a.jstree-anchor.jstree-clicked i.jstree-icon.jstree-themeicon.bi-folder:before {
+content: "\F3D1";
+color: var(--bs-blue);
+}
+.jstree .jstree-search {
+color: inherit;
+font-weight: bold;
+font-style: italic;
+}
+.jstree .jstree-anchor {
+border-width: var(--bs-border-width) !important;
+border-color: transparent;
+border-radius: var(--bs-border-radius);
+}
+.jstree .jstree-anchor.jstree-hovered,
+.jstree .jstree-anchor.jstree-clicked.jstree-hovered {
+background: var(--bs-secondary-bg-subtle) !important;
+border-color: var(--bs-border-color);
+box-shadow: none;
+}

package/src/build/backend/css/list.css

@@ -0,0 +1,57 @@
+#form-list{
+position: relative;
+float: left;
+width: 100%;
+}
+table .little{
+width: 30px;
+}
+table .medium{
+width: 120px;
+}
+table .big{
+width: 180px;
+}
+.tablet-none,
+.phone-none { display: block; }
+
+th.phone-none,
+th.tablet-none,
+td.phone-none,
+td.tablet-none {
+display: table-cell;
+}
+.pc-none { display: none !important; }
+
+
+/* DataTable */
+table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order::after, 
+table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order::after, 
+table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order::after, 
+table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order::after {
+font-family: bootstrap-icons !important;
+content: '\F282';
+}
+
+table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order::before, 
+table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order::before, 
+table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order::before, 
+table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order::before {
+font-family: bootstrap-icons !important;
+content: '\F286';
+}
+
+.dt-container .dt-scroll-body { overflow: visible !important; }
+
+@media (max-width: 992px) {
+.tablet-none { display: none !important; }
+}
+@media (max-width: 768px) {
+.phone-none { display: none !important; }
+.pc-none { display: block !important; }
+
+th.pc-none,
+td.pc-none {
+display: table-cell !important;
+}
+}