Removes migration build and updates Swiper to version 10.
This commit is contained in:
mateuswetah
parent
b5bc411dee
commit
7044563df1
|
|
@ -1295,6 +1295,22 @@
|
|||
"regenerator-runtime": "^0.13.11"
|
||||
}
|
||||
},
|
||||
"@babel/runtime-corejs3": {
|
||||
"version": "7.22.11",
|
||||
"resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.22.11.tgz",
|
||||
"integrity": "sha512-NhfzUbdWbiE6fCFypbWCPu6AR8xre31EOPF7wwAIJEvGQ2avov04eymayWinCuyXmV1b0+jzoXP/HYzzUYdvwg==",
|
||||
"requires": {
|
||||
"core-js-pure": "^3.30.2",
|
||||
"regenerator-runtime": "^0.14.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"regenerator-runtime": {
|
||||
"version": "0.14.0",
|
||||
"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
|
||||
"integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA=="
|
||||
}
|
||||
}
|
||||
},
|
||||
"@babel/template": {
|
||||
"version": "7.21.9",
|
||||
"resolved": "https://registry.npmjs.org/@babel/template/-/template-7.21.9.tgz",
|
||||
|
|
@ -1927,16 +1943,6 @@
|
|||
"vue": "^3.2.25"
|
||||
}
|
||||
},
|
||||
"@vue/compat": {
|
||||
"version": "3.3.4",
|
||||
"resolved": "https://registry.npmjs.org/@vue/compat/-/compat-3.3.4.tgz",
|
||||
"integrity": "sha512-VwAsPqUqRJVxeLQPUC03Sa5d+T8UG2Qv4VItq74KmNvtQlRXICpa/sqq12BcyBB4Tz1U5paOEZxWCUoXkrZ9QQ==",
|
||||
"requires": {
|
||||
"@babel/parser": "^7.21.3",
|
||||
"estree-walker": "^2.0.2",
|
||||
"source-map-js": "^1.0.2"
|
||||
}
|
||||
},
|
||||
"@vue/compiler-core": {
|
||||
"version": "3.3.4",
|
||||
"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.3.4.tgz",
|
||||
|
|
@ -3077,6 +3083,11 @@
|
|||
"browserslist": "^4.21.5"
|
||||
}
|
||||
},
|
||||
"core-js-pure": {
|
||||
"version": "3.32.1",
|
||||
"resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.32.1.tgz",
|
||||
"integrity": "sha512-f52QZwkFVDPf7UEQZGHKx6NYxsxmVGJe5DIvbzOdRMJlmT6yv0KDjR8rmy3ngr/t5wU54c7Sp/qIJH0ppbhVpQ=="
|
||||
},
|
||||
"core-util-is": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
|
||||
|
|
@ -3280,14 +3291,6 @@
|
|||
"esutils": "^2.0.2"
|
||||
}
|
||||
},
|
||||
"dom7": {
|
||||
"version": "4.0.6",
|
||||
"resolved": "https://registry.npmjs.org/dom7/-/dom7-4.0.6.tgz",
|
||||
"integrity": "sha512-emjdpPLhpNubapLFdjNL9tP06Sr+GZkrIHEXLWvOGsytACUrkbeIdjO5g77m00BrHTznnlcNqgmn7pCN192TBA==",
|
||||
"requires": {
|
||||
"ssr-window": "^4.0.0"
|
||||
}
|
||||
},
|
||||
"duplexer": {
|
||||
"version": "0.1.2",
|
||||
"resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz",
|
||||
|
|
@ -4497,6 +4500,14 @@
|
|||
"integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
|
||||
"dev": true
|
||||
},
|
||||
"imask": {
|
||||
"version": "7.1.3",
|
||||
"resolved": "https://registry.npmjs.org/imask/-/imask-7.1.3.tgz",
|
||||
"integrity": "sha512-jZCqTI5Jgukhl2ff+znBQd8BiHOTlnFYCIgggzHYDdoJsHmSSWr1BaejcYBxsjy4ZIs8Rm0HhbOxQcobcdESRQ==",
|
||||
"requires": {
|
||||
"@babel/runtime-corejs3": "^7.22.6"
|
||||
}
|
||||
},
|
||||
"import-fresh": {
|
||||
"version": "3.3.0",
|
||||
"resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
|
||||
|
|
@ -6545,11 +6556,6 @@
|
|||
"tweetnacl": "~0.14.0"
|
||||
}
|
||||
},
|
||||
"ssr-window": {
|
||||
"version": "4.0.2",
|
||||
"resolved": "https://registry.npmjs.org/ssr-window/-/ssr-window-4.0.2.tgz",
|
||||
"integrity": "sha512-ISv/Ch+ig7SOtw7G2+qkwfVASzazUnvlDTwypdLoPoySv+6MqlOV10VwPSE6EWkGjhW50lUmghPmpYZXMu/+AQ=="
|
||||
},
|
||||
"ssri": {
|
||||
"version": "8.0.1",
|
||||
"resolved": "https://registry.npmjs.org/ssri/-/ssri-8.0.1.tgz",
|
||||
|
|
@ -6731,13 +6737,9 @@
|
|||
}
|
||||
},
|
||||
"swiper": {
|
||||
"version": "8.4.7",
|
||||
"resolved": "https://registry.npmjs.org/swiper/-/swiper-8.4.7.tgz",
|
||||
"integrity": "sha512-VwO/KU3i9IV2Sf+W2NqyzwWob4yX9Qdedq6vBtS0rFqJ6Fa5iLUJwxQkuD4I38w0WDJwmFl8ojkdcRFPHWD+2g==",
|
||||
"requires": {
|
||||
"dom7": "^4.0.4",
|
||||
"ssr-window": "^4.0.2"
|
||||
}
|
||||
"version": "10.2.0",
|
||||
"resolved": "https://registry.npmjs.org/swiper/-/swiper-10.2.0.tgz",
|
||||
"integrity": "sha512-nktQsOtBInJjr3f5DicxC8eHYGcLXDVIGPSon0QoXRaO6NjKnATCbQ8SZsD3dN1Ph1RH4EhVPwSYCcuDRFWHGQ=="
|
||||
},
|
||||
"tapable": {
|
||||
"version": "2.2.1",
|
||||
|
|
@ -7076,6 +7078,11 @@
|
|||
"countup.js": "^2.6.2"
|
||||
}
|
||||
},
|
||||
"vue-demi": {
|
||||
"version": "0.14.6",
|
||||
"resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.6.tgz",
|
||||
"integrity": "sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w=="
|
||||
},
|
||||
"vue-eslint-parser": {
|
||||
"version": "9.3.1",
|
||||
"resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.3.1.tgz",
|
||||
|
|
@ -7102,6 +7109,15 @@
|
|||
}
|
||||
}
|
||||
},
|
||||
"vue-imask": {
|
||||
"version": "7.1.3",
|
||||
"resolved": "https://registry.npmjs.org/vue-imask/-/vue-imask-7.1.3.tgz",
|
||||
"integrity": "sha512-WkkEwx34UjNJhN5vwgfLNgydLoqyFxBGJibT2322Extl68kW6YHQrFIusLeEZ4EVGzmv2zWhuxXxke55I2x4Dw==",
|
||||
"requires": {
|
||||
"imask": "^7.1.3",
|
||||
"vue-demi": "^0.14.5"
|
||||
}
|
||||
},
|
||||
"vue-loader": {
|
||||
"version": "17.2.2",
|
||||
"resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-17.2.2.tgz",
|
||||
|
|
@ -7126,11 +7142,6 @@
|
|||
"@vue/devtools-api": "^6.5.0"
|
||||
}
|
||||
},
|
||||
"vue-the-mask": {
|
||||
"version": "0.11.1",
|
||||
"resolved": "https://registry.npmjs.org/vue-the-mask/-/vue-the-mask-0.11.1.tgz",
|
||||
"integrity": "sha512-UquSfnSWejD0zAfcD+3jJ1chUAkOAyoxya9Lxh9acCRtrlmGcAIvd0cQYraWqKenbuZJUdum+S174atv2AuEHQ=="
|
||||
},
|
||||
"vue3-apexcharts": {
|
||||
"version": "1.4.4",
|
||||
"resolved": "https://registry.npmjs.org/vue3-apexcharts/-/vue3-apexcharts-1.4.4.tgz",
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
"dependencies": {
|
||||
"@ntohq/buefy-next": "^0.1.1",
|
||||
"@vue-leaflet/vue-leaflet": "^0.10.1",
|
||||
"@vue/compat": "^3.3.4",
|
||||
"another-vue3-blurhash": "^0.0.1",
|
||||
"apexcharts": "^3.41.0",
|
||||
"axios": "^1.4.0",
|
||||
|
|
@ -32,11 +31,11 @@
|
|||
"react-dom": "^17.0.2",
|
||||
"sortablejs": "^1.15.0",
|
||||
"sortablejs-vue3": "^1.2.9",
|
||||
"swiper": "^8.4.7",
|
||||
"swiper": "^10.2.0",
|
||||
"vue": "^3.3.4",
|
||||
"vue-countup-v3": "^1.3.0",
|
||||
"vue-router": "^4.2.4",
|
||||
"vue-the-mask": "^0.11.1",
|
||||
"vue-imask": "^7.1.3",
|
||||
"vue3-apexcharts": "^1.4.4",
|
||||
"vuex": "^4.1.0"
|
||||
},
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
/**
|
||||
* Swiper 8.4.7
|
||||
* Swiper 10.2.0
|
||||
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
||||
* https://swiperjs.com
|
||||
*
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
*
|
||||
* Released under the MIT License
|
||||
*
|
||||
* Released on: January 30, 2023
|
||||
* Released on: August 17, 2023
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'swiper-icons';
|
||||
|
|
@ -15,16 +15,29 @@
|
|||
font-weight: 400;
|
||||
font-style: normal; }
|
||||
:root {
|
||||
--swiper-theme-color: #007aff; }
|
||||
--swiper-theme-color: #007aff;
|
||||
/*
|
||||
--swiper-preloader-color: var(--swiper-theme-color);
|
||||
--swiper-wrapper-transition-timing-function: initial;
|
||||
*/ }
|
||||
:host {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
z-index: 1; }
|
||||
|
||||
.swiper {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
overflow: clip;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
/* Fix of Webkit flickering */
|
||||
z-index: 1; }
|
||||
z-index: 1;
|
||||
display: block; }
|
||||
|
||||
.swiper-vertical > .swiper-wrapper {
|
||||
flex-direction: column; }
|
||||
|
|
@ -36,15 +49,18 @@
|
|||
z-index: 1;
|
||||
display: flex;
|
||||
transition-property: transform;
|
||||
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
|
||||
box-sizing: content-box; }
|
||||
|
||||
.swiper-android .swiper-slide,
|
||||
.swiper-ios .swiper-slide,
|
||||
.swiper-wrapper {
|
||||
transform: translate3d(0px, 0, 0); }
|
||||
|
||||
.swiper-pointer-events {
|
||||
.swiper-horizontal {
|
||||
touch-action: pan-y; }
|
||||
.swiper-pointer-events.swiper-vertical {
|
||||
|
||||
.swiper-vertical {
|
||||
touch-action: pan-x; }
|
||||
|
||||
.swiper-slide {
|
||||
|
|
@ -52,7 +68,8 @@
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
transition-property: transform; }
|
||||
transition-property: transform;
|
||||
display: block; }
|
||||
|
||||
.swiper-slide-invisible-blank {
|
||||
visibility: hidden; }
|
||||
|
|
@ -61,6 +78,7 @@
|
|||
.swiper-autoheight,
|
||||
.swiper-autoheight .swiper-slide {
|
||||
height: auto; }
|
||||
|
||||
.swiper-autoheight .swiper-wrapper {
|
||||
align-items: flex-start;
|
||||
transition-property: transform, height; }
|
||||
|
|
@ -70,17 +88,64 @@
|
|||
backface-visibility: hidden; }
|
||||
|
||||
/* 3D Effects */
|
||||
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
|
||||
.swiper-3d.swiper-css-mode .swiper-wrapper {
|
||||
perspective: 1200px; }
|
||||
.swiper-3d .swiper-wrapper,
|
||||
.swiper-3d .swiper-slide,
|
||||
|
||||
.swiper-3d .swiper-wrapper {
|
||||
transform-style: preserve-3d; }
|
||||
|
||||
.swiper-3d {
|
||||
perspective: 1200px; }
|
||||
.swiper-3d .swiper-slide,
|
||||
.swiper-3d .swiper-cube-shadow {
|
||||
transform-style: preserve-3d; }
|
||||
|
||||
/* CSS Mode */
|
||||
.swiper-css-mode > .swiper-wrapper {
|
||||
overflow: auto;
|
||||
scrollbar-width: none;
|
||||
/* For Firefox */
|
||||
-ms-overflow-style: none;
|
||||
/* For Internet Explorer and Edge */ }
|
||||
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
|
||||
display: none; }
|
||||
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
|
||||
scroll-snap-align: start start; }
|
||||
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
|
||||
scroll-snap-type: x mandatory; }
|
||||
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
|
||||
scroll-snap-type: y mandatory; }
|
||||
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
|
||||
scroll-snap-type: none; }
|
||||
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
|
||||
scroll-snap-align: none; }
|
||||
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
|
||||
content: '';
|
||||
flex-shrink: 0;
|
||||
order: 9999; }
|
||||
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
|
||||
scroll-snap-align: center center;
|
||||
scroll-snap-stop: always; }
|
||||
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
|
||||
margin-inline-start: var(--swiper-centered-offset-before); }
|
||||
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
width: var(--swiper-centered-offset-after); }
|
||||
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
|
||||
margin-block-start: var(--swiper-centered-offset-before); }
|
||||
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
|
||||
width: 100%;
|
||||
min-width: 1px;
|
||||
height: var(--swiper-centered-offset-after); }
|
||||
|
||||
/* Slide styles start */
|
||||
/* 3D Shadows */
|
||||
.swiper-3d .swiper-slide-shadow,
|
||||
.swiper-3d .swiper-slide-shadow-left,
|
||||
.swiper-3d .swiper-slide-shadow-right,
|
||||
.swiper-3d .swiper-slide-shadow-top,
|
||||
.swiper-3d .swiper-slide-shadow-bottom,
|
||||
.swiper-3d .swiper-cube-shadow {
|
||||
transform-style: preserve-3d; }
|
||||
.swiper-3d .swiper-slide-shadow,
|
||||
.swiper-3d .swiper-slide-shadow-left,
|
||||
.swiper-3d .swiper-slide-shadow-right,
|
||||
|
|
@ -104,50 +169,47 @@
|
|||
.swiper-3d .swiper-slide-shadow-bottom {
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
|
||||
|
||||
/* CSS Mode */
|
||||
.swiper-css-mode > .swiper-wrapper {
|
||||
overflow: auto;
|
||||
scrollbar-width: none;
|
||||
/* For Firefox */
|
||||
-ms-overflow-style: none;
|
||||
/* For Internet Explorer and Edge */ }
|
||||
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
|
||||
display: none; }
|
||||
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
|
||||
scroll-snap-align: start start; }
|
||||
.swiper-lazy-preloader {
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -21px;
|
||||
margin-top: -21px;
|
||||
z-index: 10;
|
||||
transform-origin: 50%;
|
||||
box-sizing: border-box;
|
||||
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
|
||||
border-radius: 50%;
|
||||
border-top-color: transparent; }
|
||||
|
||||
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
|
||||
scroll-snap-type: x mandatory; }
|
||||
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
|
||||
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
|
||||
animation: swiper-preloader-spin 1s infinite linear; }
|
||||
|
||||
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
|
||||
scroll-snap-type: y mandatory; }
|
||||
.swiper-lazy-preloader-white {
|
||||
--swiper-preloader-color: #fff; }
|
||||
|
||||
.swiper-centered > .swiper-wrapper::before {
|
||||
content: '';
|
||||
flex-shrink: 0;
|
||||
order: 9999; }
|
||||
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
|
||||
margin-inline-start: var(--swiper-centered-offset-before); }
|
||||
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
|
||||
height: 100%;
|
||||
width: var(--swiper-centered-offset-after); }
|
||||
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
|
||||
margin-block-start: var(--swiper-centered-offset-before); }
|
||||
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
|
||||
width: 100%;
|
||||
height: var(--swiper-centered-offset-after); }
|
||||
.swiper-centered > .swiper-wrapper > .swiper-slide {
|
||||
scroll-snap-align: center center;
|
||||
scroll-snap-stop: always; }
|
||||
.swiper-lazy-preloader-black {
|
||||
--swiper-preloader-color: #000; }
|
||||
|
||||
@keyframes swiper-preloader-spin {
|
||||
0% {
|
||||
transform: rotate(0deg); }
|
||||
100% {
|
||||
transform: rotate(360deg); } }
|
||||
/* Slide styles end */
|
||||
:root {
|
||||
--swiper-navigation-size: 44px;
|
||||
/*
|
||||
--swiper-navigation-top-offset: 50%;
|
||||
--swiper-navigation-sides-offset: 10px;
|
||||
--swiper-navigation-color: var(--swiper-theme-color);
|
||||
*/ }
|
||||
.swiper-button-prev, .swiper-button-next {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
top: var(--swiper-navigation-top-offset, 50%);
|
||||
width: calc(var(--swiper-navigation-size) / 44 * 27);
|
||||
height: var(--swiper-navigation-size);
|
||||
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
|
||||
|
|
@ -170,7 +232,30 @@
|
|||
.swiper-navigation-disabled .swiper-button-prev,
|
||||
.swiper-navigation-disabled .swiper-button-next {
|
||||
display: none !important; }
|
||||
.swiper-button-prev:after, .swiper-button-next:after {
|
||||
.swiper-button-prev svg, .swiper-button-next svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
transform-origin: center; }
|
||||
.swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg {
|
||||
transform: rotate(180deg); }
|
||||
|
||||
.swiper-button-prev,
|
||||
.swiper-rtl .swiper-button-next {
|
||||
left: var(--swiper-navigation-sides-offset, 10px);
|
||||
right: auto; }
|
||||
|
||||
.swiper-button-next,
|
||||
.swiper-rtl .swiper-button-prev {
|
||||
right: var(--swiper-navigation-sides-offset, 10px);
|
||||
left: auto; }
|
||||
|
||||
.swiper-button-lock {
|
||||
display: none; }
|
||||
|
||||
/* Navigation font start */
|
||||
.swiper-button-prev:after,
|
||||
.swiper-button-next:after {
|
||||
font-family: swiper-icons;
|
||||
font-size: var(--swiper-navigation-size);
|
||||
text-transform: none !important;
|
||||
|
|
@ -178,25 +263,19 @@
|
|||
font-variant: initial;
|
||||
line-height: 1; }
|
||||
|
||||
.swiper-button-prev,
|
||||
.swiper-rtl .swiper-button-next {
|
||||
left: 10px;
|
||||
right: auto; }
|
||||
.swiper-button-prev:after,
|
||||
.swiper-rtl .swiper-button-next:after {
|
||||
.swiper-button-prev:after,
|
||||
.swiper-rtl .swiper-button-next:after {
|
||||
content: 'prev'; }
|
||||
|
||||
.swiper-button-next,
|
||||
.swiper-rtl .swiper-button-prev {
|
||||
right: 10px;
|
||||
right: var(--swiper-navigation-sides-offset, 10px);
|
||||
left: auto; }
|
||||
.swiper-button-next:after,
|
||||
.swiper-rtl .swiper-button-prev:after {
|
||||
content: 'next'; }
|
||||
|
||||
.swiper-button-lock {
|
||||
display: none; }
|
||||
|
||||
/* Navigation font end */
|
||||
/* a11y */
|
||||
.swiper .swiper-notification {
|
||||
position: absolute;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,5 +1,5 @@
|
|||
/**
|
||||
* Swiper 8.4.7
|
||||
* Swiper 10.2.0
|
||||
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
||||
* https://swiperjs.com
|
||||
*
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
*
|
||||
* Released under the MIT License
|
||||
*
|
||||
* Released on: January 30, 2023
|
||||
* Released on: August 17, 2023
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'swiper-icons';
|
||||
|
|
@ -15,16 +15,29 @@
|
|||
font-weight: 400;
|
||||
font-style: normal; }
|
||||
:root {
|
||||
--swiper-theme-color: #007aff; }
|
||||
--swiper-theme-color: #007aff;
|
||||
/*
|
||||
--swiper-preloader-color: var(--swiper-theme-color);
|
||||
--swiper-wrapper-transition-timing-function: initial;
|
||||
*/ }
|
||||
:host {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
z-index: 1; }
|
||||
|
||||
.swiper {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
overflow: clip;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
/* Fix of Webkit flickering */
|
||||
z-index: 1; }
|
||||
z-index: 1;
|
||||
display: block; }
|
||||
|
||||
.swiper-vertical > .swiper-wrapper {
|
||||
flex-direction: column; }
|
||||
|
|
@ -36,15 +49,18 @@
|
|||
z-index: 1;
|
||||
display: flex;
|
||||
transition-property: transform;
|
||||
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
|
||||
box-sizing: content-box; }
|
||||
|
||||
.swiper-android .swiper-slide,
|
||||
.swiper-ios .swiper-slide,
|
||||
.swiper-wrapper {
|
||||
transform: translate3d(0px, 0, 0); }
|
||||
|
||||
.swiper-pointer-events {
|
||||
.swiper-horizontal {
|
||||
touch-action: pan-y; }
|
||||
.swiper-pointer-events.swiper-vertical {
|
||||
|
||||
.swiper-vertical {
|
||||
touch-action: pan-x; }
|
||||
|
||||
.swiper-slide {
|
||||
|
|
@ -52,7 +68,8 @@
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
transition-property: transform; }
|
||||
transition-property: transform;
|
||||
display: block; }
|
||||
|
||||
.swiper-slide-invisible-blank {
|
||||
visibility: hidden; }
|
||||
|
|
@ -61,6 +78,7 @@
|
|||
.swiper-autoheight,
|
||||
.swiper-autoheight .swiper-slide {
|
||||
height: auto; }
|
||||
|
||||
.swiper-autoheight .swiper-wrapper {
|
||||
align-items: flex-start;
|
||||
transition-property: transform, height; }
|
||||
|
|
@ -70,17 +88,64 @@
|
|||
backface-visibility: hidden; }
|
||||
|
||||
/* 3D Effects */
|
||||
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
|
||||
.swiper-3d.swiper-css-mode .swiper-wrapper {
|
||||
perspective: 1200px; }
|
||||
.swiper-3d .swiper-wrapper,
|
||||
.swiper-3d .swiper-slide,
|
||||
|
||||
.swiper-3d .swiper-wrapper {
|
||||
transform-style: preserve-3d; }
|
||||
|
||||
.swiper-3d {
|
||||
perspective: 1200px; }
|
||||
.swiper-3d .swiper-slide,
|
||||
.swiper-3d .swiper-cube-shadow {
|
||||
transform-style: preserve-3d; }
|
||||
|
||||
/* CSS Mode */
|
||||
.swiper-css-mode > .swiper-wrapper {
|
||||
overflow: auto;
|
||||
scrollbar-width: none;
|
||||
/* For Firefox */
|
||||
-ms-overflow-style: none;
|
||||
/* For Internet Explorer and Edge */ }
|
||||
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
|
||||
display: none; }
|
||||
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
|
||||
scroll-snap-align: start start; }
|
||||
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
|
||||
scroll-snap-type: x mandatory; }
|
||||
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
|
||||
scroll-snap-type: y mandatory; }
|
||||
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
|
||||
scroll-snap-type: none; }
|
||||
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
|
||||
scroll-snap-align: none; }
|
||||
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
|
||||
content: '';
|
||||
flex-shrink: 0;
|
||||
order: 9999; }
|
||||
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
|
||||
scroll-snap-align: center center;
|
||||
scroll-snap-stop: always; }
|
||||
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
|
||||
margin-inline-start: var(--swiper-centered-offset-before); }
|
||||
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
width: var(--swiper-centered-offset-after); }
|
||||
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
|
||||
margin-block-start: var(--swiper-centered-offset-before); }
|
||||
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
|
||||
width: 100%;
|
||||
min-width: 1px;
|
||||
height: var(--swiper-centered-offset-after); }
|
||||
|
||||
/* Slide styles start */
|
||||
/* 3D Shadows */
|
||||
.swiper-3d .swiper-slide-shadow,
|
||||
.swiper-3d .swiper-slide-shadow-left,
|
||||
.swiper-3d .swiper-slide-shadow-right,
|
||||
.swiper-3d .swiper-slide-shadow-top,
|
||||
.swiper-3d .swiper-slide-shadow-bottom,
|
||||
.swiper-3d .swiper-cube-shadow {
|
||||
transform-style: preserve-3d; }
|
||||
.swiper-3d .swiper-slide-shadow,
|
||||
.swiper-3d .swiper-slide-shadow-left,
|
||||
.swiper-3d .swiper-slide-shadow-right,
|
||||
|
|
@ -104,50 +169,47 @@
|
|||
.swiper-3d .swiper-slide-shadow-bottom {
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
|
||||
|
||||
/* CSS Mode */
|
||||
.swiper-css-mode > .swiper-wrapper {
|
||||
overflow: auto;
|
||||
scrollbar-width: none;
|
||||
/* For Firefox */
|
||||
-ms-overflow-style: none;
|
||||
/* For Internet Explorer and Edge */ }
|
||||
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
|
||||
display: none; }
|
||||
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
|
||||
scroll-snap-align: start start; }
|
||||
.swiper-lazy-preloader {
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -21px;
|
||||
margin-top: -21px;
|
||||
z-index: 10;
|
||||
transform-origin: 50%;
|
||||
box-sizing: border-box;
|
||||
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
|
||||
border-radius: 50%;
|
||||
border-top-color: transparent; }
|
||||
|
||||
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
|
||||
scroll-snap-type: x mandatory; }
|
||||
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
|
||||
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
|
||||
animation: swiper-preloader-spin 1s infinite linear; }
|
||||
|
||||
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
|
||||
scroll-snap-type: y mandatory; }
|
||||
.swiper-lazy-preloader-white {
|
||||
--swiper-preloader-color: #fff; }
|
||||
|
||||
.swiper-centered > .swiper-wrapper::before {
|
||||
content: '';
|
||||
flex-shrink: 0;
|
||||
order: 9999; }
|
||||
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
|
||||
margin-inline-start: var(--swiper-centered-offset-before); }
|
||||
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
|
||||
height: 100%;
|
||||
width: var(--swiper-centered-offset-after); }
|
||||
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
|
||||
margin-block-start: var(--swiper-centered-offset-before); }
|
||||
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
|
||||
width: 100%;
|
||||
height: var(--swiper-centered-offset-after); }
|
||||
.swiper-centered > .swiper-wrapper > .swiper-slide {
|
||||
scroll-snap-align: center center;
|
||||
scroll-snap-stop: always; }
|
||||
.swiper-lazy-preloader-black {
|
||||
--swiper-preloader-color: #000; }
|
||||
|
||||
@keyframes swiper-preloader-spin {
|
||||
0% {
|
||||
transform: rotate(0deg); }
|
||||
100% {
|
||||
transform: rotate(360deg); } }
|
||||
/* Slide styles end */
|
||||
:root {
|
||||
--swiper-navigation-size: 44px;
|
||||
/*
|
||||
--swiper-navigation-top-offset: 50%;
|
||||
--swiper-navigation-sides-offset: 10px;
|
||||
--swiper-navigation-color: var(--swiper-theme-color);
|
||||
*/ }
|
||||
.swiper-button-prev, .swiper-button-next {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
top: var(--swiper-navigation-top-offset, 50%);
|
||||
width: calc(var(--swiper-navigation-size) / 44 * 27);
|
||||
height: var(--swiper-navigation-size);
|
||||
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
|
||||
|
|
@ -170,7 +232,30 @@
|
|||
.swiper-navigation-disabled .swiper-button-prev,
|
||||
.swiper-navigation-disabled .swiper-button-next {
|
||||
display: none !important; }
|
||||
.swiper-button-prev:after, .swiper-button-next:after {
|
||||
.swiper-button-prev svg, .swiper-button-next svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
transform-origin: center; }
|
||||
.swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg {
|
||||
transform: rotate(180deg); }
|
||||
|
||||
.swiper-button-prev,
|
||||
.swiper-rtl .swiper-button-next {
|
||||
left: var(--swiper-navigation-sides-offset, 10px);
|
||||
right: auto; }
|
||||
|
||||
.swiper-button-next,
|
||||
.swiper-rtl .swiper-button-prev {
|
||||
right: var(--swiper-navigation-sides-offset, 10px);
|
||||
left: auto; }
|
||||
|
||||
.swiper-button-lock {
|
||||
display: none; }
|
||||
|
||||
/* Navigation font start */
|
||||
.swiper-button-prev:after,
|
||||
.swiper-button-next:after {
|
||||
font-family: swiper-icons;
|
||||
font-size: var(--swiper-navigation-size);
|
||||
text-transform: none !important;
|
||||
|
|
@ -178,25 +263,19 @@
|
|||
font-variant: initial;
|
||||
line-height: 1; }
|
||||
|
||||
.swiper-button-prev,
|
||||
.swiper-rtl .swiper-button-next {
|
||||
left: 10px;
|
||||
right: auto; }
|
||||
.swiper-button-prev:after,
|
||||
.swiper-rtl .swiper-button-next:after {
|
||||
.swiper-button-prev:after,
|
||||
.swiper-rtl .swiper-button-next:after {
|
||||
content: 'prev'; }
|
||||
|
||||
.swiper-button-next,
|
||||
.swiper-rtl .swiper-button-prev {
|
||||
right: 10px;
|
||||
right: var(--swiper-navigation-sides-offset, 10px);
|
||||
left: auto; }
|
||||
.swiper-button-next:after,
|
||||
.swiper-rtl .swiper-button-prev:after {
|
||||
content: 'next'; }
|
||||
|
||||
.swiper-button-lock {
|
||||
display: none; }
|
||||
|
||||
/* Navigation font end */
|
||||
/* a11y */
|
||||
.swiper .swiper-notification {
|
||||
position: absolute;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,5 +1,5 @@
|
|||
/**
|
||||
* Swiper 8.4.7
|
||||
* Swiper 10.2.0
|
||||
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
||||
* https://swiperjs.com
|
||||
*
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
*
|
||||
* Released under the MIT License
|
||||
*
|
||||
* Released on: January 30, 2023
|
||||
* Released on: August 17, 2023
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'swiper-icons';
|
||||
|
|
@ -15,16 +15,29 @@
|
|||
font-weight: 400;
|
||||
font-style: normal; }
|
||||
:root {
|
||||
--swiper-theme-color: #007aff; }
|
||||
--swiper-theme-color: #007aff;
|
||||
/*
|
||||
--swiper-preloader-color: var(--swiper-theme-color);
|
||||
--swiper-wrapper-transition-timing-function: initial;
|
||||
*/ }
|
||||
:host {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
z-index: 1; }
|
||||
|
||||
.swiper {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
overflow: clip;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
/* Fix of Webkit flickering */
|
||||
z-index: 1; }
|
||||
z-index: 1;
|
||||
display: block; }
|
||||
|
||||
.swiper-vertical > .swiper-wrapper {
|
||||
flex-direction: column; }
|
||||
|
|
@ -36,15 +49,18 @@
|
|||
z-index: 1;
|
||||
display: flex;
|
||||
transition-property: transform;
|
||||
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
|
||||
box-sizing: content-box; }
|
||||
|
||||
.swiper-android .swiper-slide,
|
||||
.swiper-ios .swiper-slide,
|
||||
.swiper-wrapper {
|
||||
transform: translate3d(0px, 0, 0); }
|
||||
|
||||
.swiper-pointer-events {
|
||||
.swiper-horizontal {
|
||||
touch-action: pan-y; }
|
||||
.swiper-pointer-events.swiper-vertical {
|
||||
|
||||
.swiper-vertical {
|
||||
touch-action: pan-x; }
|
||||
|
||||
.swiper-slide {
|
||||
|
|
@ -52,7 +68,8 @@
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
transition-property: transform; }
|
||||
transition-property: transform;
|
||||
display: block; }
|
||||
|
||||
.swiper-slide-invisible-blank {
|
||||
visibility: hidden; }
|
||||
|
|
@ -61,6 +78,7 @@
|
|||
.swiper-autoheight,
|
||||
.swiper-autoheight .swiper-slide {
|
||||
height: auto; }
|
||||
|
||||
.swiper-autoheight .swiper-wrapper {
|
||||
align-items: flex-start;
|
||||
transition-property: transform, height; }
|
||||
|
|
@ -70,17 +88,64 @@
|
|||
backface-visibility: hidden; }
|
||||
|
||||
/* 3D Effects */
|
||||
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
|
||||
.swiper-3d.swiper-css-mode .swiper-wrapper {
|
||||
perspective: 1200px; }
|
||||
.swiper-3d .swiper-wrapper,
|
||||
.swiper-3d .swiper-slide,
|
||||
|
||||
.swiper-3d .swiper-wrapper {
|
||||
transform-style: preserve-3d; }
|
||||
|
||||
.swiper-3d {
|
||||
perspective: 1200px; }
|
||||
.swiper-3d .swiper-slide,
|
||||
.swiper-3d .swiper-cube-shadow {
|
||||
transform-style: preserve-3d; }
|
||||
|
||||
/* CSS Mode */
|
||||
.swiper-css-mode > .swiper-wrapper {
|
||||
overflow: auto;
|
||||
scrollbar-width: none;
|
||||
/* For Firefox */
|
||||
-ms-overflow-style: none;
|
||||
/* For Internet Explorer and Edge */ }
|
||||
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
|
||||
display: none; }
|
||||
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
|
||||
scroll-snap-align: start start; }
|
||||
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
|
||||
scroll-snap-type: x mandatory; }
|
||||
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
|
||||
scroll-snap-type: y mandatory; }
|
||||
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
|
||||
scroll-snap-type: none; }
|
||||
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
|
||||
scroll-snap-align: none; }
|
||||
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
|
||||
content: '';
|
||||
flex-shrink: 0;
|
||||
order: 9999; }
|
||||
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
|
||||
scroll-snap-align: center center;
|
||||
scroll-snap-stop: always; }
|
||||
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
|
||||
margin-inline-start: var(--swiper-centered-offset-before); }
|
||||
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
width: var(--swiper-centered-offset-after); }
|
||||
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
|
||||
margin-block-start: var(--swiper-centered-offset-before); }
|
||||
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
|
||||
width: 100%;
|
||||
min-width: 1px;
|
||||
height: var(--swiper-centered-offset-after); }
|
||||
|
||||
/* Slide styles start */
|
||||
/* 3D Shadows */
|
||||
.swiper-3d .swiper-slide-shadow,
|
||||
.swiper-3d .swiper-slide-shadow-left,
|
||||
.swiper-3d .swiper-slide-shadow-right,
|
||||
.swiper-3d .swiper-slide-shadow-top,
|
||||
.swiper-3d .swiper-slide-shadow-bottom,
|
||||
.swiper-3d .swiper-cube-shadow {
|
||||
transform-style: preserve-3d; }
|
||||
.swiper-3d .swiper-slide-shadow,
|
||||
.swiper-3d .swiper-slide-shadow-left,
|
||||
.swiper-3d .swiper-slide-shadow-right,
|
||||
|
|
@ -104,50 +169,47 @@
|
|||
.swiper-3d .swiper-slide-shadow-bottom {
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
|
||||
|
||||
/* CSS Mode */
|
||||
.swiper-css-mode > .swiper-wrapper {
|
||||
overflow: auto;
|
||||
scrollbar-width: none;
|
||||
/* For Firefox */
|
||||
-ms-overflow-style: none;
|
||||
/* For Internet Explorer and Edge */ }
|
||||
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
|
||||
display: none; }
|
||||
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
|
||||
scroll-snap-align: start start; }
|
||||
.swiper-lazy-preloader {
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -21px;
|
||||
margin-top: -21px;
|
||||
z-index: 10;
|
||||
transform-origin: 50%;
|
||||
box-sizing: border-box;
|
||||
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
|
||||
border-radius: 50%;
|
||||
border-top-color: transparent; }
|
||||
|
||||
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
|
||||
scroll-snap-type: x mandatory; }
|
||||
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
|
||||
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
|
||||
animation: swiper-preloader-spin 1s infinite linear; }
|
||||
|
||||
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
|
||||
scroll-snap-type: y mandatory; }
|
||||
.swiper-lazy-preloader-white {
|
||||
--swiper-preloader-color: #fff; }
|
||||
|
||||
.swiper-centered > .swiper-wrapper::before {
|
||||
content: '';
|
||||
flex-shrink: 0;
|
||||
order: 9999; }
|
||||
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
|
||||
margin-inline-start: var(--swiper-centered-offset-before); }
|
||||
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
|
||||
height: 100%;
|
||||
width: var(--swiper-centered-offset-after); }
|
||||
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
|
||||
margin-block-start: var(--swiper-centered-offset-before); }
|
||||
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
|
||||
width: 100%;
|
||||
height: var(--swiper-centered-offset-after); }
|
||||
.swiper-centered > .swiper-wrapper > .swiper-slide {
|
||||
scroll-snap-align: center center;
|
||||
scroll-snap-stop: always; }
|
||||
.swiper-lazy-preloader-black {
|
||||
--swiper-preloader-color: #000; }
|
||||
|
||||
@keyframes swiper-preloader-spin {
|
||||
0% {
|
||||
transform: rotate(0deg); }
|
||||
100% {
|
||||
transform: rotate(360deg); } }
|
||||
/* Slide styles end */
|
||||
:root {
|
||||
--swiper-navigation-size: 44px;
|
||||
/*
|
||||
--swiper-navigation-top-offset: 50%;
|
||||
--swiper-navigation-sides-offset: 10px;
|
||||
--swiper-navigation-color: var(--swiper-theme-color);
|
||||
*/ }
|
||||
.swiper-button-prev, .swiper-button-next {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
top: var(--swiper-navigation-top-offset, 50%);
|
||||
width: calc(var(--swiper-navigation-size) / 44 * 27);
|
||||
height: var(--swiper-navigation-size);
|
||||
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
|
||||
|
|
@ -170,7 +232,30 @@
|
|||
.swiper-navigation-disabled .swiper-button-prev,
|
||||
.swiper-navigation-disabled .swiper-button-next {
|
||||
display: none !important; }
|
||||
.swiper-button-prev:after, .swiper-button-next:after {
|
||||
.swiper-button-prev svg, .swiper-button-next svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
transform-origin: center; }
|
||||
.swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg {
|
||||
transform: rotate(180deg); }
|
||||
|
||||
.swiper-button-prev,
|
||||
.swiper-rtl .swiper-button-next {
|
||||
left: var(--swiper-navigation-sides-offset, 10px);
|
||||
right: auto; }
|
||||
|
||||
.swiper-button-next,
|
||||
.swiper-rtl .swiper-button-prev {
|
||||
right: var(--swiper-navigation-sides-offset, 10px);
|
||||
left: auto; }
|
||||
|
||||
.swiper-button-lock {
|
||||
display: none; }
|
||||
|
||||
/* Navigation font start */
|
||||
.swiper-button-prev:after,
|
||||
.swiper-button-next:after {
|
||||
font-family: swiper-icons;
|
||||
font-size: var(--swiper-navigation-size);
|
||||
text-transform: none !important;
|
||||
|
|
@ -178,25 +263,19 @@
|
|||
font-variant: initial;
|
||||
line-height: 1; }
|
||||
|
||||
.swiper-button-prev,
|
||||
.swiper-rtl .swiper-button-next {
|
||||
left: 10px;
|
||||
right: auto; }
|
||||
.swiper-button-prev:after,
|
||||
.swiper-rtl .swiper-button-next:after {
|
||||
.swiper-button-prev:after,
|
||||
.swiper-rtl .swiper-button-next:after {
|
||||
content: 'prev'; }
|
||||
|
||||
.swiper-button-next,
|
||||
.swiper-rtl .swiper-button-prev {
|
||||
right: 10px;
|
||||
right: var(--swiper-navigation-sides-offset, 10px);
|
||||
left: auto; }
|
||||
.swiper-button-next:after,
|
||||
.swiper-rtl .swiper-button-prev:after {
|
||||
content: 'next'; }
|
||||
|
||||
.swiper-button-lock {
|
||||
display: none; }
|
||||
|
||||
/* Navigation font end */
|
||||
/* a11y */
|
||||
.swiper .swiper-notification {
|
||||
position: absolute;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,5 +1,5 @@
|
|||
/**
|
||||
* Swiper 8.4.7
|
||||
* Swiper 10.2.0
|
||||
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
||||
* https://swiperjs.com
|
||||
*
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
*
|
||||
* Released under the MIT License
|
||||
*
|
||||
* Released on: January 30, 2023
|
||||
* Released on: August 17, 2023
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'swiper-icons';
|
||||
|
|
@ -15,16 +15,29 @@
|
|||
font-weight: 400;
|
||||
font-style: normal; }
|
||||
:root {
|
||||
--swiper-theme-color: #007aff; }
|
||||
--swiper-theme-color: #007aff;
|
||||
/*
|
||||
--swiper-preloader-color: var(--swiper-theme-color);
|
||||
--swiper-wrapper-transition-timing-function: initial;
|
||||
*/ }
|
||||
:host {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
z-index: 1; }
|
||||
|
||||
.swiper {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
overflow: clip;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
/* Fix of Webkit flickering */
|
||||
z-index: 1; }
|
||||
z-index: 1;
|
||||
display: block; }
|
||||
|
||||
.swiper-vertical > .swiper-wrapper {
|
||||
flex-direction: column; }
|
||||
|
|
@ -36,15 +49,18 @@
|
|||
z-index: 1;
|
||||
display: flex;
|
||||
transition-property: transform;
|
||||
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
|
||||
box-sizing: content-box; }
|
||||
|
||||
.swiper-android .swiper-slide,
|
||||
.swiper-ios .swiper-slide,
|
||||
.swiper-wrapper {
|
||||
transform: translate3d(0px, 0, 0); }
|
||||
|
||||
.swiper-pointer-events {
|
||||
.swiper-horizontal {
|
||||
touch-action: pan-y; }
|
||||
.swiper-pointer-events.swiper-vertical {
|
||||
|
||||
.swiper-vertical {
|
||||
touch-action: pan-x; }
|
||||
|
||||
.swiper-slide {
|
||||
|
|
@ -52,7 +68,8 @@
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
transition-property: transform; }
|
||||
transition-property: transform;
|
||||
display: block; }
|
||||
|
||||
.swiper-slide-invisible-blank {
|
||||
visibility: hidden; }
|
||||
|
|
@ -61,6 +78,7 @@
|
|||
.swiper-autoheight,
|
||||
.swiper-autoheight .swiper-slide {
|
||||
height: auto; }
|
||||
|
||||
.swiper-autoheight .swiper-wrapper {
|
||||
align-items: flex-start;
|
||||
transition-property: transform, height; }
|
||||
|
|
@ -70,17 +88,64 @@
|
|||
backface-visibility: hidden; }
|
||||
|
||||
/* 3D Effects */
|
||||
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
|
||||
.swiper-3d.swiper-css-mode .swiper-wrapper {
|
||||
perspective: 1200px; }
|
||||
.swiper-3d .swiper-wrapper,
|
||||
.swiper-3d .swiper-slide,
|
||||
|
||||
.swiper-3d .swiper-wrapper {
|
||||
transform-style: preserve-3d; }
|
||||
|
||||
.swiper-3d {
|
||||
perspective: 1200px; }
|
||||
.swiper-3d .swiper-slide,
|
||||
.swiper-3d .swiper-cube-shadow {
|
||||
transform-style: preserve-3d; }
|
||||
|
||||
/* CSS Mode */
|
||||
.swiper-css-mode > .swiper-wrapper {
|
||||
overflow: auto;
|
||||
scrollbar-width: none;
|
||||
/* For Firefox */
|
||||
-ms-overflow-style: none;
|
||||
/* For Internet Explorer and Edge */ }
|
||||
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
|
||||
display: none; }
|
||||
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
|
||||
scroll-snap-align: start start; }
|
||||
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
|
||||
scroll-snap-type: x mandatory; }
|
||||
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
|
||||
scroll-snap-type: y mandatory; }
|
||||
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
|
||||
scroll-snap-type: none; }
|
||||
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
|
||||
scroll-snap-align: none; }
|
||||
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
|
||||
content: '';
|
||||
flex-shrink: 0;
|
||||
order: 9999; }
|
||||
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
|
||||
scroll-snap-align: center center;
|
||||
scroll-snap-stop: always; }
|
||||
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
|
||||
margin-inline-start: var(--swiper-centered-offset-before); }
|
||||
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
width: var(--swiper-centered-offset-after); }
|
||||
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
|
||||
margin-block-start: var(--swiper-centered-offset-before); }
|
||||
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
|
||||
width: 100%;
|
||||
min-width: 1px;
|
||||
height: var(--swiper-centered-offset-after); }
|
||||
|
||||
/* Slide styles start */
|
||||
/* 3D Shadows */
|
||||
.swiper-3d .swiper-slide-shadow,
|
||||
.swiper-3d .swiper-slide-shadow-left,
|
||||
.swiper-3d .swiper-slide-shadow-right,
|
||||
.swiper-3d .swiper-slide-shadow-top,
|
||||
.swiper-3d .swiper-slide-shadow-bottom,
|
||||
.swiper-3d .swiper-cube-shadow {
|
||||
transform-style: preserve-3d; }
|
||||
.swiper-3d .swiper-slide-shadow,
|
||||
.swiper-3d .swiper-slide-shadow-left,
|
||||
.swiper-3d .swiper-slide-shadow-right,
|
||||
|
|
@ -104,50 +169,47 @@
|
|||
.swiper-3d .swiper-slide-shadow-bottom {
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
|
||||
|
||||
/* CSS Mode */
|
||||
.swiper-css-mode > .swiper-wrapper {
|
||||
overflow: auto;
|
||||
scrollbar-width: none;
|
||||
/* For Firefox */
|
||||
-ms-overflow-style: none;
|
||||
/* For Internet Explorer and Edge */ }
|
||||
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
|
||||
display: none; }
|
||||
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
|
||||
scroll-snap-align: start start; }
|
||||
.swiper-lazy-preloader {
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -21px;
|
||||
margin-top: -21px;
|
||||
z-index: 10;
|
||||
transform-origin: 50%;
|
||||
box-sizing: border-box;
|
||||
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
|
||||
border-radius: 50%;
|
||||
border-top-color: transparent; }
|
||||
|
||||
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
|
||||
scroll-snap-type: x mandatory; }
|
||||
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
|
||||
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
|
||||
animation: swiper-preloader-spin 1s infinite linear; }
|
||||
|
||||
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
|
||||
scroll-snap-type: y mandatory; }
|
||||
.swiper-lazy-preloader-white {
|
||||
--swiper-preloader-color: #fff; }
|
||||
|
||||
.swiper-centered > .swiper-wrapper::before {
|
||||
content: '';
|
||||
flex-shrink: 0;
|
||||
order: 9999; }
|
||||
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
|
||||
margin-inline-start: var(--swiper-centered-offset-before); }
|
||||
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
|
||||
height: 100%;
|
||||
width: var(--swiper-centered-offset-after); }
|
||||
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
|
||||
margin-block-start: var(--swiper-centered-offset-before); }
|
||||
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
|
||||
width: 100%;
|
||||
height: var(--swiper-centered-offset-after); }
|
||||
.swiper-centered > .swiper-wrapper > .swiper-slide {
|
||||
scroll-snap-align: center center;
|
||||
scroll-snap-stop: always; }
|
||||
.swiper-lazy-preloader-black {
|
||||
--swiper-preloader-color: #000; }
|
||||
|
||||
@keyframes swiper-preloader-spin {
|
||||
0% {
|
||||
transform: rotate(0deg); }
|
||||
100% {
|
||||
transform: rotate(360deg); } }
|
||||
/* Slide styles end */
|
||||
:root {
|
||||
--swiper-navigation-size: 44px;
|
||||
/*
|
||||
--swiper-navigation-top-offset: 50%;
|
||||
--swiper-navigation-sides-offset: 10px;
|
||||
--swiper-navigation-color: var(--swiper-theme-color);
|
||||
*/ }
|
||||
.swiper-button-prev, .swiper-button-next {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
top: var(--swiper-navigation-top-offset, 50%);
|
||||
width: calc(var(--swiper-navigation-size) / 44 * 27);
|
||||
height: var(--swiper-navigation-size);
|
||||
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
|
||||
|
|
@ -170,7 +232,30 @@
|
|||
.swiper-navigation-disabled .swiper-button-prev,
|
||||
.swiper-navigation-disabled .swiper-button-next {
|
||||
display: none !important; }
|
||||
.swiper-button-prev:after, .swiper-button-next:after {
|
||||
.swiper-button-prev svg, .swiper-button-next svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
transform-origin: center; }
|
||||
.swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg {
|
||||
transform: rotate(180deg); }
|
||||
|
||||
.swiper-button-prev,
|
||||
.swiper-rtl .swiper-button-next {
|
||||
left: var(--swiper-navigation-sides-offset, 10px);
|
||||
right: auto; }
|
||||
|
||||
.swiper-button-next,
|
||||
.swiper-rtl .swiper-button-prev {
|
||||
right: var(--swiper-navigation-sides-offset, 10px);
|
||||
left: auto; }
|
||||
|
||||
.swiper-button-lock {
|
||||
display: none; }
|
||||
|
||||
/* Navigation font start */
|
||||
.swiper-button-prev:after,
|
||||
.swiper-button-next:after {
|
||||
font-family: swiper-icons;
|
||||
font-size: var(--swiper-navigation-size);
|
||||
text-transform: none !important;
|
||||
|
|
@ -178,25 +263,19 @@
|
|||
font-variant: initial;
|
||||
line-height: 1; }
|
||||
|
||||
.swiper-button-prev,
|
||||
.swiper-rtl .swiper-button-next {
|
||||
left: 10px;
|
||||
right: auto; }
|
||||
.swiper-button-prev:after,
|
||||
.swiper-rtl .swiper-button-next:after {
|
||||
.swiper-button-prev:after,
|
||||
.swiper-rtl .swiper-button-next:after {
|
||||
content: 'prev'; }
|
||||
|
||||
.swiper-button-next,
|
||||
.swiper-rtl .swiper-button-prev {
|
||||
right: 10px;
|
||||
right: var(--swiper-navigation-sides-offset, 10px);
|
||||
left: auto; }
|
||||
.swiper-button-next:after,
|
||||
.swiper-rtl .swiper-button-prev:after {
|
||||
content: 'next'; }
|
||||
|
||||
.swiper-button-lock {
|
||||
display: none; }
|
||||
|
||||
/* Navigation font end */
|
||||
/* a11y */
|
||||
.swiper .swiper-notification {
|
||||
position: absolute;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -54,7 +54,6 @@
|
|||
import TainacanHeader from './components/navigation/tainacan-header.vue';
|
||||
import TainacanRepositorySubheader from './components/navigation/tainacan-repository-subheader.vue';
|
||||
import CustomDialog from './components/other/custom-dialog.vue';
|
||||
import "floating-vue/dist/style.css";
|
||||
|
||||
export default {
|
||||
name: "AdminPage",
|
||||
|
|
@ -146,6 +145,7 @@
|
|||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import url('floating-vue/dist/style.css');
|
||||
|
||||
.is-fullheight {
|
||||
height: 100%;
|
||||
|
|
|
|||
|
|
@ -730,7 +730,9 @@ import ItemFormFooterButtons from './item-form-footer-buttons.vue';
|
|||
import 'swiper/css';
|
||||
import 'swiper/css/mousewheel';
|
||||
import 'swiper/css/navigation';
|
||||
import Swiper, { Mousewheel, Navigation } from 'swiper';
|
||||
|
||||
import Swiper from 'swiper';
|
||||
import { Mousewheel, Navigation } from 'swiper/modules';
|
||||
|
||||
export default {
|
||||
name: 'ItemEditionForm',
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
class="show"
|
||||
v-model="singleCollapseOpen"
|
||||
animation="filter-item">
|
||||
<template #trigger="{ props }">
|
||||
<template #trigger="props">
|
||||
<button
|
||||
:for="'filter-input-id-' + filter.id"
|
||||
:aria-controls="'filter-input-id-' + filter.id"
|
||||
|
|
@ -32,8 +32,8 @@
|
|||
<span class="icon">
|
||||
<i
|
||||
:class="{
|
||||
'tainacan-icon-arrowdown' : props.open,
|
||||
'tainacan-icon-arrowright' : !props.open
|
||||
'tainacan-icon-arrowdown' : props && props.open,
|
||||
'tainacan-icon-arrowright' : props && !props.open
|
||||
}"
|
||||
class="tainacan-icon tainacan-icon-1-25em"/>
|
||||
</span>
|
||||
|
|
|
|||
|
|
@ -94,6 +94,7 @@
|
|||
put: [ 'metadata-sections' ]
|
||||
},
|
||||
sort: (openedMetadataSectionId == '' || openedMetadataSectionId == undefined) && (openedMetadatumId == '' || openedMetadatumId == undefined),
|
||||
direction: 'vertical',
|
||||
handle: '.handle',
|
||||
ghostClass: 'sortable-ghost',
|
||||
chosenClass: 'sortable-chosen',
|
||||
|
|
@ -273,6 +274,7 @@
|
|||
},
|
||||
sort: (openedMetadatumId == '' || openedMetadatumId == undefined) && (openedMetadataSectionId == '' || openedMetadataSectionId == undefined),
|
||||
handle: '.handle',
|
||||
direction: 'vertical',
|
||||
ghostClass: 'sortable-ghost',
|
||||
chosenClass: 'sortable-chosen',
|
||||
filter: '.not-sortable-item',
|
||||
|
|
@ -466,7 +468,7 @@
|
|||
:is-parent-multiple="metadatum.multiple == 'yes'"
|
||||
:is-repository-level="false"
|
||||
:collapse-all="collapseAll"
|
||||
:section-id="metadataSection.id" />
|
||||
:section-id="metadataSection.id + ''" />
|
||||
|
||||
<!-- Metadata edition form, for each metadata -->
|
||||
<b-modal
|
||||
|
|
@ -565,7 +567,7 @@ export default {
|
|||
set(value) {
|
||||
this.updateMetadataSections(value);
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
watch: {
|
||||
'$route.query': {
|
||||
|
|
@ -643,7 +645,8 @@ export default {
|
|||
'moveMetadatumDown'
|
||||
]),
|
||||
...mapGetters('metadata',[
|
||||
'getMetadataSections'
|
||||
'getMetadataSections',
|
||||
'getMetadatumTypes'
|
||||
]),
|
||||
handleSectionChange($event) {
|
||||
switch ( $event.type ) {
|
||||
|
|
@ -669,9 +672,11 @@ export default {
|
|||
handleChange($event, sectionIndex) {
|
||||
switch ( $event.type ) {
|
||||
case 'add':
|
||||
if ( !this.activeMetadataSectionsList[sectionIndex].metadata_object_list[$event.oldIndex]['id'] )
|
||||
this.addNewMetadatum(this.activeMetadataSectionsList[sectionIndex].metadata_object_list[$event.oldIndex], $event.newIndex, sectionIndex);
|
||||
else {
|
||||
|
||||
if ( !$event.from.classList.contains('active-metadata-area') ) {
|
||||
this.addNewMetadatum(this.getMetadatumTypes()[$event.oldIndex], $event.newIndex, sectionIndex);
|
||||
$event.originalTarget.removeChild($event.item)
|
||||
} else {
|
||||
|
||||
this.updateMetadatum({
|
||||
collectionId: this.collectionId,
|
||||
|
|
@ -699,6 +704,7 @@ export default {
|
|||
this.updateMetadataOrder(sectionIndex);
|
||||
break;
|
||||
}
|
||||
|
||||
},
|
||||
updateMetadataOrder(sectionIndex) {
|
||||
let metadataOrder = [];
|
||||
|
|
@ -711,8 +717,13 @@ export default {
|
|||
|
||||
this.isUpdatingMetadataOrder = true;
|
||||
this.updateCollectionMetadataOrder({ collectionId: this.collectionId, metadataOrder: metadataOrder, metadataSectionId: this.activeMetadataSectionsList[sectionIndex].id })
|
||||
.then(() => this.isUpdatingMetadataOrder = false)
|
||||
.then(() => {
|
||||
this.isUpdatingMetadataOrder = false
|
||||
|
||||
|
||||
})
|
||||
.catch(() => this.isUpdatingMetadataOrder = false);
|
||||
|
||||
},
|
||||
updateMetadataSectionsOrder() {
|
||||
let metadataSectionsOrder = [];
|
||||
|
|
@ -782,9 +793,7 @@ export default {
|
|||
sectionId: this.activeMetadataSectionsList[sectionIndex].id
|
||||
})
|
||||
.then((metadatum) => {
|
||||
|
||||
this.updateMetadataOrder(sectionIndex);
|
||||
|
||||
this.toggleMetadatumEdition(metadatum)
|
||||
this.highlightedMetadatum = '';
|
||||
this.isUpdatingMetadatum = false;
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
:disabled="disabled"
|
||||
:custom-class="{ 'is-danger': isInvalidDate && dateValue }"
|
||||
type="text"
|
||||
v-mask="dateMask"
|
||||
v-imask="dateMask"
|
||||
v-model="dateValue"
|
||||
@update:model-value="onInput"
|
||||
@blur="onBlur"
|
||||
|
|
@ -21,8 +21,12 @@
|
|||
<script>
|
||||
import { dateInter } from "../../../js/mixins";
|
||||
import moment from 'moment';
|
||||
import { IMaskDirective } from 'vue-imask';
|
||||
|
||||
export default {
|
||||
directives: {
|
||||
imask: IMaskDirective
|
||||
},
|
||||
mixins: [ dateInter ],
|
||||
props: {
|
||||
itemMetadatum: Object,
|
||||
|
|
|
|||
|
|
@ -68,7 +68,7 @@ export default {
|
|||
},
|
||||
computed: {
|
||||
slotPassed() {
|
||||
return this.$slots && this.$slots.default && (!!this.$slots.default[0].text || !!this.$slots.default[0].tag)
|
||||
return this.$slots && this.$slots.default && this.$slots.default[0] && (!!this.$slots.default[0].text || !!this.$slots.default[0].tag)
|
||||
},
|
||||
collection() {
|
||||
return this.getCollection();
|
||||
|
|
|
|||
|
|
@ -40,12 +40,12 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import { VTooltip } from 'floating-vue';
|
||||
import { Tooltip } from 'floating-vue';
|
||||
export default {
|
||||
name: 'HelpButton',
|
||||
components: [
|
||||
VTooltip
|
||||
],
|
||||
components: {
|
||||
'v-tooltip': Tooltip
|
||||
},
|
||||
props: {
|
||||
formErrors: Array
|
||||
},
|
||||
|
|
|
|||
|
|
@ -113,7 +113,7 @@
|
|||
v-else-if="getAdvancedSearchQueryCriterionMetadataType(searchCriterion.index) == 'date'"
|
||||
class="input"
|
||||
:value="parseValidDateToNavigatorLanguage(advancedSearchQuery.metaquery[searchCriterion.index].value)"
|
||||
v-mask="dateMask"
|
||||
v-imask="dateMask"
|
||||
@input="addValueToAdvancedSearchQuery($event.target.value, searchCriterion)"
|
||||
:placeholder="dateFormat"
|
||||
type="text"
|
||||
|
|
@ -236,9 +236,13 @@
|
|||
import { mapActions } from 'vuex';
|
||||
import { dateInter } from '../../js/mixins.js';
|
||||
import moment from 'moment';
|
||||
import { IMaskDirective } from 'vue-imask';
|
||||
|
||||
export default {
|
||||
name: "AdvancedSearch",
|
||||
directives: {
|
||||
imask: IMaskDirective
|
||||
},
|
||||
mixins: [ dateInter ],
|
||||
props: {
|
||||
isRepositoryLevel: false,
|
||||
|
|
|
|||
|
|
@ -80,7 +80,6 @@
|
|||
<template v-if="taxonomyFilter.length > 0">
|
||||
<tainacan-filter-item
|
||||
:is-loading-items="isLoadingItems"
|
||||
v-show="!isMenuCompressed"
|
||||
:query="getQuery"
|
||||
v-for="(filter, filterIndex) in taxonomyFilter"
|
||||
:key="filterIndex"
|
||||
|
|
@ -130,7 +129,6 @@
|
|||
<template v-if="taxonomyFilter.length > 0">
|
||||
<tainacan-filter-item
|
||||
:is-loading-items="isLoadingItems"
|
||||
v-show="!isMenuCompressed"
|
||||
:query="getQuery"
|
||||
v-for="(filter, filterIndex) in taxonomyFilter"
|
||||
:key="filterIndex"
|
||||
|
|
@ -184,7 +182,6 @@
|
|||
<template v-if="repositoryCollectionFilter.length > 0">
|
||||
<tainacan-filter-item
|
||||
:is-loading-items="isLoadingItems"
|
||||
v-show="!isMenuCompressed"
|
||||
:query="getQuery"
|
||||
v-for="(filter, filterIndex) in repositoryCollectionFilter"
|
||||
:key="filterIndex"
|
||||
|
|
@ -234,7 +231,6 @@
|
|||
<template v-if="repositoryCollectionFilter.length > 0">
|
||||
<tainacan-filter-item
|
||||
:is-loading-items="isLoadingItems"
|
||||
v-show="!isMenuCompressed"
|
||||
:query="getQuery"
|
||||
v-for="(filter, filterIndex) in repositoryCollectionFilter"
|
||||
:key="filterIndex"
|
||||
|
|
@ -259,7 +255,6 @@
|
|||
<template v-else>
|
||||
<tainacan-filter-item
|
||||
:is-loading-items="isLoadingItems"
|
||||
v-show="!isMenuCompressed"
|
||||
:query="getQuery"
|
||||
v-for="(filter, index) in filters"
|
||||
:key="index"
|
||||
|
|
|
|||
|
|
@ -81,7 +81,8 @@
|
|||
import 'swiper/css';
|
||||
import 'swiper/css/mousewheel';
|
||||
import 'swiper/css/navigation';
|
||||
import Swiper, { Mousewheel, Navigation } from 'swiper';
|
||||
import Swiper from 'swiper';
|
||||
import { Mousewheel, Navigation } from 'swiper/modules';
|
||||
|
||||
export default {
|
||||
name: 'FiltersTagsList',
|
||||
|
|
@ -134,6 +135,7 @@
|
|||
watch: {
|
||||
filterTags: {
|
||||
handler() {
|
||||
console.log(this.swiper)
|
||||
if (typeof this.swiper.update == 'function')
|
||||
this.swiper.update();
|
||||
},
|
||||
|
|
|
|||
|
|
@ -29,8 +29,7 @@ import {
|
|||
Toast,
|
||||
Numberinput
|
||||
} from '@ntohq/buefy-next';
|
||||
import VTooltip from 'floating-vue';
|
||||
import VueTheMask from 'vue-the-mask';
|
||||
import FloatingVue from 'floating-vue';
|
||||
import cssVars from 'css-vars-ponyfill';
|
||||
import VueBlurHash from 'another-vue3-blurhash';
|
||||
|
||||
|
|
@ -87,13 +86,13 @@ import {
|
|||
} from './utilities';
|
||||
import mitt from 'mitt';
|
||||
|
||||
import { configureCompat } from 'vue'
|
||||
|
||||
// Desabilita a compatibilidade Vue2 para certos recursos já tratados no código
|
||||
configureCompat({
|
||||
COMPONENT_V_MODEL: false
|
||||
})
|
||||
|
||||
// import { configureCompat } from 'vue';
|
||||
// configureCompat({
|
||||
// COMPONENT_V_MODEL: false,
|
||||
// ATTR_FALSE_VALUE: false,
|
||||
// RENDER_FUNCTION: false,
|
||||
// MODE: 3
|
||||
// })
|
||||
|
||||
export default (element) => {
|
||||
|
||||
|
|
@ -149,41 +148,41 @@ export default (element) => {
|
|||
app.use(Snackbar);
|
||||
app.use(Toast);
|
||||
app.use(Numberinput);
|
||||
// app.use(VTooltip, {
|
||||
// popperTriggers: ['hover', 'touch'],
|
||||
// themes: {
|
||||
// 'taianacan-tooltip': {
|
||||
// '$extend': 'tooltip',
|
||||
// triggers: ['hover', 'focus', 'touch'],
|
||||
// autoHide: true,
|
||||
// html: true
|
||||
// },
|
||||
// 'tainacan-repository-tooltip': {
|
||||
// '$extend': 'tainacan-tooltip',
|
||||
// triggers: ['hover', 'focus', 'touch'],
|
||||
// autoHide: true,
|
||||
// html: true,
|
||||
// },
|
||||
// 'tainacan-repository-tooltip': {
|
||||
// '$extend': 'tainacan-header-tooltip',
|
||||
// triggers: ['hover', 'focus', 'touch'],
|
||||
// autoHide: true,
|
||||
// html: true,
|
||||
// },
|
||||
// 'tainacan-repository-tooltip': {
|
||||
// '$extend': 'tainacan-repository-header-tooltip',
|
||||
// triggers: ['hover', 'focus', 'touch'],
|
||||
// autoHide: true,
|
||||
// html: true,
|
||||
// },
|
||||
// 'tainacan-helper-tooltip': {
|
||||
// '$extend': 'tainacan-tooltip',
|
||||
// triggers: ['hover', 'focus', 'touch'],
|
||||
// autoHide: true,
|
||||
// html: true,
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
app.use(FloatingVue, {
|
||||
popperTriggers: ['hover', 'touch'],
|
||||
themes: {
|
||||
'taianacan-tooltip': {
|
||||
'$extend': 'tooltip',
|
||||
triggers: ['hover', 'focus', 'touch'],
|
||||
autoHide: true,
|
||||
html: true
|
||||
},
|
||||
'tainacan-repository-tooltip': {
|
||||
'$extend': 'tainacan-tooltip',
|
||||
triggers: ['hover', 'focus', 'touch'],
|
||||
autoHide: true,
|
||||
html: true,
|
||||
},
|
||||
'tainacan-repository-tooltip': {
|
||||
'$extend': 'tainacan-header-tooltip',
|
||||
triggers: ['hover', 'focus', 'touch'],
|
||||
autoHide: true,
|
||||
html: true,
|
||||
},
|
||||
'tainacan-repository-tooltip': {
|
||||
'$extend': 'tainacan-repository-header-tooltip',
|
||||
triggers: ['hover', 'focus', 'touch'],
|
||||
autoHide: true,
|
||||
html: true,
|
||||
},
|
||||
'tainacan-helper-tooltip': {
|
||||
'$extend': 'tainacan-tooltip',
|
||||
triggers: ['hover', 'focus', 'touch'],
|
||||
autoHide: true,
|
||||
html: true,
|
||||
}
|
||||
}
|
||||
});
|
||||
app.use(VueBlurHash);
|
||||
app.use(I18NPlugin);
|
||||
app.use(UserPrefsPlugin);
|
||||
|
|
@ -193,7 +192,6 @@ export default (element) => {
|
|||
app.use(OrderByHelperPlugin);
|
||||
app.use(StatusHelperPlugin);
|
||||
app.use(ConsolePlugin, {visual: false});
|
||||
app.use(VueTheMask);
|
||||
app.use(CommentsStatusHelperPlugin);
|
||||
app.use(AdminOptionsHelperPlugin, pageElement.dataset['options']);
|
||||
|
||||
|
|
@ -242,8 +240,8 @@ export default (element) => {
|
|||
app.component('tainacan-title', TainacanTitle);
|
||||
|
||||
// Event bus are needed to facilate comunication between child-parent-child components
|
||||
app.use(eventBusMetadataList, {});
|
||||
app.use(eventBusSearch, { store: store, router: router });
|
||||
app.use(eventBusMetadataList);
|
||||
app.use(eventBusSearch);
|
||||
|
||||
// Changing title of pages
|
||||
router.beforeEach((to, from, next) => {
|
||||
|
|
|
|||
|
|
@ -5,9 +5,11 @@ import mitt from 'mitt';
|
|||
const emitter = mitt();
|
||||
|
||||
export const eventBusItemMetadata = createApp({
|
||||
data: {
|
||||
data: () => {
|
||||
return {
|
||||
errors : [],
|
||||
conditionalSections: {}
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
errors: {
|
||||
|
|
|
|||
|
|
@ -1,15 +1,15 @@
|
|||
import mitt from 'mitt';
|
||||
|
||||
const emitter = mitt();
|
||||
|
||||
export default {
|
||||
|
||||
install(app, options = {}) {
|
||||
|
||||
app.config.globalProperties.$eventBusSearch = {
|
||||
const emitter = mitt();
|
||||
const bus = {
|
||||
$store: app.config.globalProperties.$store,
|
||||
$router: app.config.globalProperties.$router,
|
||||
$route: app.config.globalProperties.$route,
|
||||
$userPrefs: app.config.globalProperties.$userPrefs,
|
||||
errors : [],
|
||||
query: {},
|
||||
collectionId: undefined,
|
||||
|
|
@ -209,11 +209,11 @@ export default {
|
|||
this.$store.dispatch('search/set_postquery', this.$route.query);
|
||||
},
|
||||
loadItems() {
|
||||
|
||||
console.log('loadItems')
|
||||
// Forces fetch_only to be filled before any search happens
|
||||
if (this.$store.getters['search/getPostQuery']['fetch_only'] != undefined) {
|
||||
|
||||
this.$eventBusSearchEmitter.emit( 'isLoadingItems', true);
|
||||
app.config.globalProperties.$eventBusSearchEmitter.emit( 'isLoadingItems', true);
|
||||
// Cancels previous Request
|
||||
if (this.searchCancel != undefined)
|
||||
this.searchCancel.cancel('Item search Canceled.');
|
||||
|
|
@ -226,11 +226,11 @@ export default {
|
|||
}).then((resp) => {
|
||||
// The actual fetch item request
|
||||
resp.request.then((res) => {
|
||||
this.$eventBusSearchEmitter.emit( 'isLoadingItems', false);
|
||||
this.$eventBusSearchEmitter.emit( 'hasFiltered', res.hasFiltered);
|
||||
app.config.globalProperties.$eventBusSearchEmitter.emit( 'isLoadingItems', false);
|
||||
app.config.globalProperties.$eventBusSearchEmitter.emit( 'hasFiltered', res.hasFiltered);
|
||||
})
|
||||
.catch(() => {
|
||||
this.$eventBusSearchEmitter.emit( 'isLoadingItems', false);
|
||||
app.config.globalProperties.$eventBusSearchEmitter.emit( 'isLoadingItems', false);
|
||||
});
|
||||
|
||||
// Search Request Token for cancelling
|
||||
|
|
@ -260,26 +260,27 @@ export default {
|
|||
this.updateURLQueries();
|
||||
}
|
||||
}
|
||||
app.config.globalProperties.$eventBusSearch = bus;
|
||||
|
||||
// Defines the global $eventBusSearchEmitter for handling events across different search components
|
||||
emitter.on('input', data => {
|
||||
if (data.taxonomy)
|
||||
$eventBusSearch.addTaxquery(data);
|
||||
app.config.globalProperties.$eventBusSearch.addTaxquery(data);
|
||||
else
|
||||
$eventBusSearch.addMetaquery(data);
|
||||
app.config.globalProperties.$eventBusSearch.addMetaquery(data);
|
||||
});
|
||||
|
||||
emitter.on('closeAdvancedSearch', () => {
|
||||
$eventBusSearch.$store.dispatch('search/setPage', 1);
|
||||
app.config.globalProperties.$eventBusSearch.$store.dispatch('search/setPage', 1);
|
||||
|
||||
$eventBusSearch.performAdvancedSearch({});
|
||||
app.config.globalProperties.$eventBusSearch.performAdvancedSearch({});
|
||||
});
|
||||
|
||||
emitter.on('performAdvancedSearch', advancedSearchQuery => {
|
||||
$eventBusSearch.$store.dispatch('search/setPage', 1);
|
||||
$eventBusSearch.performAdvancedSearch(advancedSearchQuery);
|
||||
app.config.globalProperties.$eventBusSearch.$store.dispatch('search/setPage', 1);
|
||||
app.config.globalProperties.$eventBusSearch.performAdvancedSearch(advancedSearchQuery);
|
||||
|
||||
$eventBusSearch.updateURLQueries();
|
||||
app.config.globalProperties.$eventBusSearch.updateURLQueries();
|
||||
});
|
||||
|
||||
app.config.globalProperties.$eventBusSearchEmitter = emitter;
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ export const filterTypeMixin = {
|
|||
isRepositoryLevel: Boolean,
|
||||
isUsingElasticSearch: Boolean,
|
||||
isLoadingItems: Boolean,
|
||||
currentCollectionId: Boolean
|
||||
currentCollectionId: String|Number
|
||||
},
|
||||
created() {
|
||||
this.collectionId = this.filter.collection_id ? this.filter.collection_id : this.collectionId;
|
||||
|
|
|
|||
|
|
@ -90,7 +90,6 @@ export default createRouter({
|
|||
},
|
||||
stringifyQuery(query) {
|
||||
let result = qs.stringify(query);
|
||||
|
||||
return result ? ('?' + result) : '';
|
||||
return result ? result : '';
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -97,6 +97,7 @@ export const fetchItems = ({ rootGetters, dispatch, commit }, { collectionId, is
|
|||
hasFiltered: hasFiltered,
|
||||
itemsPerPage: res.headers['x-wp-itemperpage'] });
|
||||
}
|
||||
console.log(res.headers['x-wp-total']);
|
||||
dispatch('search/setTotalItems', res.headers['x-wp-total'], { root: true } );
|
||||
dispatch('search/setTotalPages', res.headers['x-wp-totalpages'], { root: true } );
|
||||
dispatch('search/setItemsPerPage', res.headers['x-wp-itemsperpage'], { root: true } );
|
||||
|
|
|
|||
|
|
@ -135,6 +135,7 @@ export const removePostIn = ( state ) => {
|
|||
};
|
||||
|
||||
export const setTotalItems = ( state, total ) => {
|
||||
console.log(total)
|
||||
state.totalItems = total;
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -16,14 +16,6 @@ import capability from './modules/capability';
|
|||
import report from './modules/report';
|
||||
|
||||
export default createStore({
|
||||
/*
|
||||
In strict mode, whenever Vuex state is mutated outside of mutation handlers, an error will be thrown
|
||||
|
||||
Do not enable strict mode when deploying for production! Strict mode runs a synchronous deep watcher
|
||||
on the state tree for detecting inappropriate mutations, and it can be quite expensive when you make
|
||||
large amount of mutations to the state. Make sure to turn it off in production to avoid the performance cost.
|
||||
*/
|
||||
strict: TAINACAN_ENV !== 'production',
|
||||
modules: {
|
||||
item,
|
||||
collection,
|
||||
|
|
|
|||
|
|
@ -31,7 +31,7 @@
|
|||
<button
|
||||
aria-controls="filters-modal"
|
||||
:aria-expanded="isFiltersModalActive"
|
||||
v-if="!openAdvancedSearch && !(registeredViewModes[viewMode] != undefined && registeredViewModes[viewMode].full_screen)"
|
||||
v-if="!openAdvancedSearch"
|
||||
id="filter-menu-compress-button"
|
||||
:aria-label="!isFiltersModalActive ? $i18n.get('label_show_filters') : $i18n.get('label_hide_filters')"
|
||||
@click="isFiltersModalActive = !isFiltersModalActive"
|
||||
|
|
@ -533,7 +533,7 @@
|
|||
aria-modal
|
||||
role="dialog"
|
||||
id="filters-items-list"
|
||||
:collection-id="collectionId"
|
||||
:collection-id="collectionId + ''"
|
||||
:is-repository-level="isRepositoryLevel"/>
|
||||
</b-modal>
|
||||
|
||||
|
|
@ -583,20 +583,14 @@
|
|||
</h3>
|
||||
|
||||
<div
|
||||
v-show="(showLoading &&
|
||||
!(registeredViewModes[viewMode] != undefined && registeredViewModes[viewMode].implements_skeleton == true))"
|
||||
v-show="showLoading"
|
||||
class="loading-container">
|
||||
|
||||
<!-- Default loading, to be used view modes without any skeleton-->
|
||||
<b-loading
|
||||
v-if="!(registeredViewModes[viewMode] != undefined && registeredViewModes[viewMode].skeleton_template != undefined)"
|
||||
:is-full-page="false"
|
||||
:model-value="showLoading"/>
|
||||
|
||||
<!-- Custom skeleton templates used by some view modes -->
|
||||
<div
|
||||
v-if="(registeredViewModes[viewMode] != undefined && registeredViewModes[viewMode].skeleton_template != undefined)"
|
||||
v-html="registeredViewModes[viewMode].skeleton_template"/>
|
||||
</div>
|
||||
|
||||
<!-- Alert if custom metada is being used for sorting -->
|
||||
|
|
@ -735,7 +729,7 @@
|
|||
AdvancedSearch
|
||||
},
|
||||
props: {
|
||||
collectionId: Number
|
||||
collectionId: String
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
|
@ -822,14 +816,15 @@
|
|||
watch: {
|
||||
'$route': {
|
||||
handler(to, from) {
|
||||
|
||||
console.log('line 819')
|
||||
// Should set Collection ID from URL only when in admin.
|
||||
if (this.$route.name == 'CollectionItemsPage' || this.$route.name == 'ItemsPage')
|
||||
this.$eventBusSearch.setCollectionId( !this.$route.params.collectionId ? this.$route.params.collectionId : parseInt(this.$route.params.collectionId) );
|
||||
|
||||
console.log('line 824')
|
||||
// Fills the URL with appropriate default values in case a query is not passed
|
||||
if (this.$route.name == null || this.$route.name == undefined || this.$route.name == 'CollectionItemsPage' || this.$route.name == 'ItemsPage') {
|
||||
|
||||
console.log('line 828')
|
||||
// Items Per Page
|
||||
if (this.$route.query.perpage == undefined || to.params.collectionId != from.params.collectionId) {
|
||||
let perPageKey = (this.collectionId != undefined ? 'items_per_page_' + this.collectionId : 'items_per_page');
|
||||
|
|
@ -842,11 +837,12 @@
|
|||
this.$userPrefs.set(perPageKey, 12);
|
||||
}
|
||||
}
|
||||
|
||||
console.log('line 841')
|
||||
console.log(this.$route.query, to.params, from.params);
|
||||
// Page
|
||||
if (this.$route.query.paged == undefined || to.params.collectionId != from.params.collectionId)
|
||||
this.$route.query.paged = 1;
|
||||
|
||||
console.log('line 845')
|
||||
// Order (ASC, DESC)
|
||||
if (this.$route.query.order == undefined || to.params.collectionId != from.params.collectionId) {
|
||||
let orderKey = (this.collectionId != undefined ? 'order_' + this.collectionId : 'order');
|
||||
|
|
@ -859,7 +855,7 @@
|
|||
this.$userPrefs.set(orderKey, 'DESC');
|
||||
}
|
||||
}
|
||||
|
||||
console.log('line 851')
|
||||
// Order By (required extra work to deal with custom metadata ordering)
|
||||
if (this.$route.query.orderby == undefined || (to.params.collectionId != from.params.collectionId)) {
|
||||
let orderByKey = (this.collectionId != undefined ? 'order_by_' + this.collectionId : 'order_by');
|
||||
|
|
@ -888,7 +884,7 @@
|
|||
} else if ( this.$route.query.orderby == 'creation_date' ) { // Fixes old usage of creation_date
|
||||
this.$route.query.orderby = 'date'
|
||||
}
|
||||
|
||||
console.log('line 887')
|
||||
// Theme View Modes
|
||||
if ((this.$route.name == null || this.$route.name == undefined ) &&
|
||||
this.$route.name != 'CollectionItemsPage' && this.$route.name != 'ItemsPage' &&
|
||||
|
|
@ -909,7 +905,7 @@
|
|||
// Emit slideshow-from to start this view mode from index
|
||||
if (this.$route.query.view_mode != 'slideshow' && this.$route.query['slideshow-from'] !== null && this.$route.query['slideshow-from'] !== undefined && this.$route.query['slideshow-from'] !== false)
|
||||
this.$eventBusSearchEmitter.emit('startSlideshowFromItem', this.$route.query['slideshow-from']);
|
||||
|
||||
console.log('line 908')
|
||||
// Admin View Modes
|
||||
if (this.$route.name != null && this.$route.name != undefined &&
|
||||
(this.$route.name == 'CollectionItemsPage' || this.$route.name == 'ItemsPage') &&
|
||||
|
|
@ -933,6 +929,7 @@
|
|||
this.$store.dispatch('search/set_postquery', this.$route.query);
|
||||
}
|
||||
|
||||
console.log('line 931')
|
||||
// Checks current metaqueries and taxqueries to alert filters that should reload
|
||||
// For some reason, this process is not working accessing to.query, so we need to check the path string.
|
||||
const oldQueryString = from.fullPath.replace(from.path + '?', '');
|
||||
|
|
@ -959,9 +956,13 @@
|
|||
this.$eventBusSearchEmitter.emit('hasToReloadFacets', true);
|
||||
}
|
||||
|
||||
console.log('line 958')
|
||||
console.log(to.query, from.query);
|
||||
// Finally, loads items
|
||||
if (to.fullPath != from.fullPath)
|
||||
//if (to.fullPath != from.fullPath) {
|
||||
console.log('vai')
|
||||
this.$eventBusSearch.loadItems();
|
||||
//}
|
||||
}
|
||||
},
|
||||
deep: true
|
||||
|
|
|
|||
|
|
@ -46,7 +46,7 @@ export default {
|
|||
(this.collectionId != this.$route.params.collectionId)
|
||||
) {
|
||||
this.isLoadingCollectionBasics = true;
|
||||
this.collectionId = this.$route.params.collectionId;
|
||||
this.collectionId = Number(this.$route.params.collectionId);
|
||||
this.fetchCollectionBasics({ collectionId: this.collectionId, isContextEdit: true })
|
||||
.then(() => {
|
||||
this.isLoadingCollectionBasics = false;
|
||||
|
|
@ -61,7 +61,7 @@ export default {
|
|||
}
|
||||
},
|
||||
created() {
|
||||
this.collectionId = this.$route.params.collectionId;
|
||||
this.collectionId = Number(this.$route.params.collectionId);
|
||||
this.$eventBusSearch.setCollectionId(this.collectionId);
|
||||
|
||||
// Loads to store basic collection info such as name, url, current_user_can_edit... etc.
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@
|
|||
// Tainacan custom colors and bulma's core
|
||||
@import "./_variables.scss";
|
||||
|
||||
|
||||
// Import Bulma and Buefy styles
|
||||
@import "../../assets/css/materialdesignicons.css";
|
||||
@import "../../../../node_modules/bulma/bulma.sass";
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
@import '../../scss/gutenberg-blocks-variables.scss';
|
||||
@import '../../../../../node_modules/swiper/swiper.scss';
|
||||
@import '../../../../../node_modules/swiper/modules/navigation/navigation.scss';
|
||||
@import '../../../../../node_modules/swiper/modules/a11y/a11y.scss';
|
||||
@import '../../../../../node_modules/swiper/modules/autoplay/autoplay.scss';
|
||||
@import '../../../../../node_modules/swiper/modules/navigation.scss';
|
||||
@import '../../../../../node_modules/swiper/modules/a11y.scss';
|
||||
@import '../../../../../node_modules/swiper/modules/autoplay.scss';
|
||||
|
||||
.components-panel__body .collection-carousel-view-modes {
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -22,7 +22,8 @@ export default (element) => {
|
|||
|
||||
// Configure Vue logic before passing it to constructor:
|
||||
let vueOptions = {
|
||||
data: {
|
||||
data: () => {
|
||||
return {
|
||||
selectedItem: [],
|
||||
maxItemsNumber: 12,
|
||||
arrowsPosition: 'around',
|
||||
|
|
@ -41,6 +42,7 @@ export default (element) => {
|
|||
tainacanBaseUrl: '',
|
||||
className: '',
|
||||
style: ''
|
||||
}
|
||||
},
|
||||
render() {
|
||||
return h(CarouselCollectionsListTheme, {
|
||||
|
|
|
|||
|
|
@ -153,7 +153,8 @@ import 'swiper/css';
|
|||
import 'swiper/css/a11y';
|
||||
import 'swiper/css/autoplay';
|
||||
import 'swiper/css/navigation';
|
||||
import Swiper, { Autoplay, Navigation, A11y } from 'swiper';
|
||||
import Swiper from 'swiper';
|
||||
import { Autoplay, Navigation, A11y } from 'swiper/modules';
|
||||
|
||||
export default {
|
||||
name: "CarouselCollectionsListTheme",
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
@import '../../scss/gutenberg-blocks-variables.scss';
|
||||
@import '../../../../../node_modules/swiper/swiper.scss';
|
||||
@import '../../../../../node_modules/swiper/modules/navigation/navigation.scss';
|
||||
@import '../../../../../node_modules/swiper/modules/a11y/a11y.scss';
|
||||
@import '../../../../../node_modules/swiper/modules/autoplay/autoplay.scss';
|
||||
@import '../../../../../node_modules/swiper/modules/navigation.scss';
|
||||
@import '../../../../../node_modules/swiper/modules/a11y.scss';
|
||||
@import '../../../../../node_modules/swiper/modules/autoplay.scss';
|
||||
|
||||
.wp-block-tainacan-carousel-items-list {
|
||||
margin: 2em auto;
|
||||
|
|
|
|||
|
|
@ -22,7 +22,8 @@ export default (element) => {
|
|||
for (let blockId of blockIds) {
|
||||
// Configure Vue logic before passing it to constructor:
|
||||
let vueOptions = {
|
||||
data: {
|
||||
data: () => {
|
||||
return {
|
||||
collectionId: '',
|
||||
searchURL: '',
|
||||
selectedItems: [],
|
||||
|
|
@ -47,8 +48,9 @@ export default (element) => {
|
|||
tainacanBaseUrl: '',
|
||||
className: '',
|
||||
style: ''
|
||||
}
|
||||
},
|
||||
render(){
|
||||
render() {
|
||||
return h(CarouselItemsListTheme, {
|
||||
props: {
|
||||
blockId: blockId,
|
||||
|
|
|
|||
|
|
@ -156,7 +156,8 @@ import 'swiper/css';
|
|||
import 'swiper/css/a11y';
|
||||
import 'swiper/css/autoplay';
|
||||
import 'swiper/css/navigation';
|
||||
import Swiper, { Autoplay, Navigation, A11y } from 'swiper';
|
||||
import Swiper from 'swiper';
|
||||
import { Autoplay, Navigation, A11y } from 'swiper/modules';
|
||||
|
||||
export default {
|
||||
name: "CarouselItemsListTheme",
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
@import '../../scss/gutenberg-blocks-variables.scss';
|
||||
@import '../../../../../node_modules/swiper/swiper.scss';
|
||||
@import '../../../../../node_modules/swiper/modules/navigation/navigation.scss';
|
||||
@import '../../../../../node_modules/swiper/modules/a11y/a11y.scss';
|
||||
@import '../../../../../node_modules/swiper/modules/autoplay/autoplay.scss';
|
||||
@import '../../../../../node_modules/swiper/modules/navigation.scss';
|
||||
@import '../../../../../node_modules/swiper/modules/a11y.scss';
|
||||
@import '../../../../../node_modules/swiper/modules/autoplay.scss';
|
||||
|
||||
.components-panel__body .term-carousel-view-modes {
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -22,7 +22,8 @@ export default (element) => {
|
|||
|
||||
// Configure Vue logic before passing it to constructor:
|
||||
let vueOptions = {
|
||||
data: {
|
||||
data: () => {
|
||||
return {
|
||||
selectedItem: [],
|
||||
maxItemsNumber: 12,
|
||||
arrowsPosition: 'around',
|
||||
|
|
@ -42,8 +43,9 @@ export default (element) => {
|
|||
className: '',
|
||||
taxonomyId: '',
|
||||
style: ''
|
||||
}
|
||||
},
|
||||
render(){
|
||||
render() {
|
||||
return h(CarouselTermsListTheme, {
|
||||
props: {
|
||||
blockId: blockId,
|
||||
|
|
|
|||
|
|
@ -154,7 +154,8 @@ import 'swiper/css';
|
|||
import 'swiper/css/a11y';
|
||||
import 'swiper/css/autoplay';
|
||||
import 'swiper/css/navigation';
|
||||
import Swiper, { Autoplay, Navigation, A11y } from 'swiper';
|
||||
import Swiper from 'swiper';
|
||||
import { Autoplay, Navigation, A11y } from 'swiper/modules';
|
||||
|
||||
export default {
|
||||
name: "CarouselTermsListTheme",
|
||||
|
|
|
|||
|
|
@ -23,7 +23,8 @@ export default (element) => {
|
|||
|
||||
// Configure Vue logic before passing it to constructor:
|
||||
let vueOptions = {
|
||||
data: {
|
||||
data: () => {
|
||||
return {
|
||||
collectionId: '',
|
||||
showImage: true,
|
||||
showName: true,
|
||||
|
|
@ -53,8 +54,9 @@ export default (element) => {
|
|||
tainacanBaseUrl: '',
|
||||
className: '',
|
||||
style: ''
|
||||
}
|
||||
},
|
||||
render(){
|
||||
render() {
|
||||
return h(DynamicItemsListTheme, {
|
||||
props: {
|
||||
collectionId: this.collectionId,
|
||||
|
|
|
|||
|
|
@ -360,7 +360,8 @@ import 'swiper/css';
|
|||
import 'swiper/css/mousewheel';
|
||||
import 'swiper/css/navigation';
|
||||
import 'swiper/css/virtual';
|
||||
import Swiper, {Navigation, Virtual, Mousewheel } from 'swiper';
|
||||
import Swiper from 'swiper';
|
||||
import { Navigation, Virtual, Mousewheel } from 'swiper/modules';
|
||||
import CircularCounter from './circular-counter.vue';
|
||||
import SlidesHelpModal from './slides-help-modal.vue'
|
||||
import { viewModesMixin } from '../js/view-modes-mixin.js';
|
||||
|
|
|
|||
|
|
@ -12,7 +12,6 @@ export default createRouter ({
|
|||
},
|
||||
stringifyQuery(query) {
|
||||
let result = qs.stringify(query);
|
||||
|
||||
return result ? ('?' + result) : '';
|
||||
return result ? result : '';
|
||||
}
|
||||
});
|
||||
|
|
@ -443,7 +443,7 @@
|
|||
:role="filtersAsModal ? 'dialog' : ''"
|
||||
id="filters-items-list"
|
||||
:taxonomy="taxonomy"
|
||||
:collection-id="collectionId"
|
||||
:collection-id="collectionId + ''"
|
||||
:is-repository-level="isRepositoryLevel"
|
||||
:filters-as-modal="filtersAsModal"
|
||||
:has-filtered="hasFiltered"
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
// Main imports
|
||||
import { createApp, h } from 'vue';
|
||||
import { createApp, h, onMounted } from 'vue';
|
||||
import {
|
||||
Field,
|
||||
Input,
|
||||
|
|
@ -46,6 +46,13 @@ import {
|
|||
} from '../../../admin/js/utilities';
|
||||
import mitt from 'mitt';
|
||||
|
||||
// import { configureCompat } from 'vue';
|
||||
// configureCompat({
|
||||
// COMPONENT_V_MODEL: false,
|
||||
// ATTR_FALSE_VALUE: false,
|
||||
// RENDER_FUNCTION: false
|
||||
// })
|
||||
|
||||
export default (element) => {
|
||||
|
||||
function renderTainacanItemsListComponent() {
|
||||
|
|
@ -58,7 +65,8 @@ export default (element) => {
|
|||
|
||||
const VueItemsList = createApp({
|
||||
el: '#tainacan-items-page',
|
||||
data: {
|
||||
data: () => {
|
||||
return {
|
||||
termId: '',
|
||||
taxonomy: '',
|
||||
collectionId: '',
|
||||
|
|
@ -86,9 +94,9 @@ export default (element) => {
|
|||
filtersAsModal: false,
|
||||
showInlineViewModeOptions: false,
|
||||
showFullscreenWithViewModes: false
|
||||
}
|
||||
},
|
||||
beforeMount() {
|
||||
|
||||
created() {
|
||||
// Loads params if passed previously
|
||||
if (this.$route.hash && this.$route.hash.split('#/?') && this.$route.hash.split('#/?')[1]) {
|
||||
const existingQueries = qs.parse(this.$route.hash.split('#/?')[1]);
|
||||
|
|
@ -96,6 +104,8 @@ export default (element) => {
|
|||
for (let key of Object.keys(existingQueries))
|
||||
this.$route.query[key] = existingQueries[key];
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
// Collection or Term source settings
|
||||
if (this.$el.attributes['collection-id'] != undefined)
|
||||
|
|
|
|||
|
|
@ -33,7 +33,6 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import "floating-vue/dist/style.css";
|
||||
export default {
|
||||
name: "ThemeSearch",
|
||||
created() {
|
||||
|
|
@ -47,6 +46,9 @@ export default {
|
|||
// TAINACAN Variables
|
||||
@import "../../../admin/scss/_variables.scss";
|
||||
|
||||
//Vue Tooltip
|
||||
@import "../../../../../node_modules/floating-vue/dist/style.css";
|
||||
|
||||
// Bulma imports
|
||||
@import "./theme-search/scss/theme-basics.sass";
|
||||
|
||||
|
|
|
|||
|
|
@ -21,7 +21,8 @@ export default (element) => {
|
|||
|
||||
// Configure Vue logic before passing it to constructor:
|
||||
let vueOptions = {
|
||||
data: {
|
||||
data: () => {
|
||||
return {
|
||||
metadatumId: '',
|
||||
metadatumType: '',
|
||||
collectionId: '',
|
||||
|
|
@ -46,6 +47,7 @@ export default (element) => {
|
|||
tainacanSiteUrl: '',
|
||||
className: '',
|
||||
style: ''
|
||||
}
|
||||
},
|
||||
render(){
|
||||
return h(FacetsListTheme, {
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@import '../../../../../node_modules/swiper/swiper.scss';
|
||||
@import '../../../../../node_modules/swiper/modules/navigation/navigation.scss';
|
||||
@import '../../../../../node_modules/swiper/modules/a11y/a11y.scss';
|
||||
@import '../../../../../node_modules/swiper/modules/autoplay/autoplay.scss';
|
||||
@import '../../../../../node_modules/swiper/modules/navigation.scss';
|
||||
@import '../../../../../node_modules/swiper/modules/a11y.scss';
|
||||
@import '../../../../../node_modules/swiper/modules/autoplay.scss';
|
||||
|
||||
.item-gallery-edit-container {
|
||||
.tainacan-media-component {
|
||||
|
|
|
|||
|
|
@ -5,7 +5,8 @@
|
|||
import PhotoSwipeLightbox from 'photoswipe/lightbox';
|
||||
import PhotoSwipe from 'photoswipe';
|
||||
import 'photoswipe/dist/photoswipe.css';
|
||||
import Swiper, { Navigation, A11y, Thumbs } from 'swiper';
|
||||
import Swiper from 'swiper';
|
||||
import { Navigation, A11y, Thumbs } from 'swiper';
|
||||
|
||||
const { __ } = wp.i18n;
|
||||
|
||||
|
|
|
|||
|
|
@ -24,7 +24,6 @@ import {
|
|||
} from '@ntohq/buefy-next';
|
||||
import VTooltip from 'floating-vue';
|
||||
import cssVars from 'css-vars-ponyfill';
|
||||
import VueTheMask from 'vue-the-mask';
|
||||
|
||||
// Metadata Types
|
||||
import Text from '../../../admin/components/metadata-types/text/Text.vue';
|
||||
|
|
@ -61,7 +60,8 @@ export default (element) => {
|
|||
|
||||
const VueItemSubmission = createApp({
|
||||
el: '#tainacan-item-submission-form',
|
||||
data: {
|
||||
data: () => {
|
||||
return {
|
||||
collectionId: '',
|
||||
hideFileModalButton: false,
|
||||
hideTextModalButton: false,
|
||||
|
|
@ -85,6 +85,7 @@ export default (element) => {
|
|||
showItemLinkButton: false,
|
||||
termsAgreementMessage: '',
|
||||
isLayoutSteps: false
|
||||
}
|
||||
},
|
||||
beforeMount () {
|
||||
// Collection source settings
|
||||
|
|
@ -206,7 +207,6 @@ export default (element) => {
|
|||
VueItemSubmission.use(StatusHelperPlugin);
|
||||
VueItemSubmission.use(RouterHelperPlugin);
|
||||
VueItemSubmission.use(ConsolePlugin, {visual: false});
|
||||
VueItemSubmission.use(VueTheMask);
|
||||
VueItemSubmission.use(CommentsStatusHelperPlugin);
|
||||
VueItemSubmission.use(ThumbnailHelperPlugin);
|
||||
VueItemSubmission.use(AdminOptionsHelperPlugin, blockElement.dataset['options']);
|
||||
|
|
|
|||
|
|
@ -28,7 +28,6 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import "floating-vue/dist/style.css";
|
||||
export default {
|
||||
name: "ItemSubmission"
|
||||
}
|
||||
|
|
@ -39,6 +38,9 @@ export default {
|
|||
// TAINACAN Variables
|
||||
@import "../../../admin/scss/_variables.scss";
|
||||
|
||||
//Vue Tooltip
|
||||
@import "../../../../../node_modules/floating-vue/dist/style.css";
|
||||
|
||||
// Bulma imports
|
||||
@import "./item-submission/scss/item-submission-basics.sass";
|
||||
|
||||
|
|
|
|||
|
|
@ -18,7 +18,6 @@ export default createRouter({
|
|||
},
|
||||
stringifyQuery(query) {
|
||||
let result = qs.stringify(query);
|
||||
|
||||
return result ? ('?' + result) : '';
|
||||
return result ? result : '';
|
||||
}
|
||||
});
|
||||
|
|
@ -8,6 +8,13 @@ import { I18NPlugin } from './wp-i18n-plugin';
|
|||
|
||||
import RolesPage from '../roles.vue';
|
||||
|
||||
// import { configureCompat } from 'vue'
|
||||
// configureCompat({
|
||||
// COMPONENT_V_MODEL: false,
|
||||
// RENDER_FUNCTION: false,
|
||||
// MODE: 3
|
||||
// })
|
||||
|
||||
export default (element) => {
|
||||
|
||||
function renderTainacanRolePage() {
|
||||
|
|
|
|||
|
|
@ -21,7 +21,6 @@ export default createRouter({
|
|||
},
|
||||
stringifyQuery(query) {
|
||||
let result = qs.stringify(query);
|
||||
|
||||
return result ? ('?' + result) : '';
|
||||
return result ? result : '';
|
||||
}
|
||||
});
|
||||
|
|
@ -5,13 +5,14 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import "floating-vue/dist/style.css";
|
||||
export default {
|
||||
name: "RolesPage"
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import url('floating-vue/dist/style.css');
|
||||
|
||||
.tainacan_page_tainacan_roles #wpbody {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -45,7 +45,7 @@ module.exports = {
|
|||
tls: false
|
||||
},
|
||||
alias: {
|
||||
vue: '@vue/compat'
|
||||
vue: 'vue/dist/vue.esm-bundler.js',
|
||||
}
|
||||
},
|
||||
module: {
|
||||
|
|
@ -53,15 +53,7 @@ module.exports = {
|
|||
{
|
||||
test: /\.vue$/,
|
||||
exclude: /node_modules/,
|
||||
loader: 'vue-loader',
|
||||
options: {
|
||||
compilerOptions: {
|
||||
compatConfig: {
|
||||
// Default everything to Vue 2 behavior
|
||||
MODE: 2
|
||||
}
|
||||
}
|
||||
}
|
||||
loader: 'vue-loader'
|
||||
},
|
||||
{
|
||||
test: /\.js$/,
|
||||
|
|
@ -75,6 +67,7 @@ module.exports = {
|
|||
{
|
||||
test: /\.css$/,
|
||||
use: [
|
||||
'style-loader',
|
||||
'css-loader',
|
||||
'postcss-loader',
|
||||
],
|
||||
|
|
@ -108,7 +101,7 @@ module.exports = {
|
|||
new webpack.DefinePlugin({
|
||||
'TAINACAN_ENV': JSON.stringify(process.env.NODE_ENV),
|
||||
__VUE_OPTIONS_API__: true,
|
||||
__VUE_PROD_DEVTOOLS__: true,
|
||||
__VUE_PROD_DEVTOOLS__: false,
|
||||
}),
|
||||
new VueLoaderPlugin({
|
||||
prettify: false
|
||||
|
|
|
|||
Loading…
Reference in New Issue