Several updates to make gutenberg blocks compatible with 6.3. #798.
This commit is contained in:
mateuswetah
parent
ff24f56c0e
commit
f6ee7c3d76
|
|
@ -2381,30 +2381,113 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"babel-loader": {
|
"babel-loader": {
|
||||||
"version": "9.1.2",
|
"version": "9.1.3",
|
||||||
"resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-9.1.2.tgz",
|
"resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-9.1.3.tgz",
|
||||||
"integrity": "sha512-mN14niXW43tddohGl8HPu5yfQq70iUThvFL/4QzESA7GcZoC0eVOhvWdQ8+3UlSjaDE9MVtsW9mxDY07W7VpVA==",
|
"integrity": "sha512-xG3ST4DglodGf8qSwv0MdeWLhrDsw/32QMdTO5T1ZIp9gQur0HkCyFs7Awskr10JKXFXwpAhiCuYX5oGXnRGbw==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"find-cache-dir": "^3.3.2",
|
"find-cache-dir": "^4.0.0",
|
||||||
"schema-utils": "^4.0.0"
|
"schema-utils": "^4.0.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"babel-plugin-polyfill-corejs2": {
|
"babel-plugin-polyfill-corejs2": {
|
||||||
"version": "0.4.3",
|
"version": "0.4.5",
|
||||||
"resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.3.tgz",
|
"resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.5.tgz",
|
||||||
"integrity": "sha512-bM3gHc337Dta490gg+/AseNB9L4YLHxq1nGKZZSHbhXv4aTYU2MD2cjza1Ru4S6975YLTaL1K8uJf6ukJhhmtw==",
|
"integrity": "sha512-19hwUH5FKl49JEsvyTcoHakh6BE0wgXLLptIyKZ3PijHc/Ci521wygORCUCCred+E/twuqRyAkE02BAWPmsHOg==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"@babel/compat-data": "^7.17.7",
|
"@babel/compat-data": "^7.22.6",
|
||||||
"@babel/helper-define-polyfill-provider": "^0.4.0",
|
"@babel/helper-define-polyfill-provider": "^0.4.2",
|
||||||
"semver": "^6.1.1"
|
"semver": "^6.3.1"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
"@babel/compat-data": {
|
||||||
|
"version": "7.22.9",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.9.tgz",
|
||||||
|
"integrity": "sha512-5UamI7xkUcJ3i9qVDS+KFDEK8/7oJ55/sJMB1Ge7IEapr7KfdfV/HErR+koZwOfd+SgtFKOKRhRakdg++DcJpQ==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
|
"@babel/helper-compilation-targets": {
|
||||||
|
"version": "7.22.9",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.9.tgz",
|
||||||
|
"integrity": "sha512-7qYrNM6HjpnPHJbopxmb8hSPoZ0gsX8IvUS32JGVoy+pU9e5N0nLr1VjJoR6kA4d9dmGLxNYOjeB8sUDal2WMw==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"@babel/compat-data": "^7.22.9",
|
||||||
|
"@babel/helper-validator-option": "^7.22.5",
|
||||||
|
"browserslist": "^4.21.9",
|
||||||
|
"lru-cache": "^5.1.1",
|
||||||
|
"semver": "^6.3.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@babel/helper-define-polyfill-provider": {
|
||||||
|
"version": "0.4.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.2.tgz",
|
||||||
|
"integrity": "sha512-k0qnnOqHn5dK9pZpfD5XXZ9SojAITdCKRn2Lp6rnDGzIbaP0rHyMPk/4wsSxVBVz4RfN0q6VpXWP2pDGIoQ7hw==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"@babel/helper-compilation-targets": "^7.22.6",
|
||||||
|
"@babel/helper-plugin-utils": "^7.22.5",
|
||||||
|
"debug": "^4.1.1",
|
||||||
|
"lodash.debounce": "^4.0.8",
|
||||||
|
"resolve": "^1.14.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@babel/helper-plugin-utils": {
|
||||||
|
"version": "7.22.5",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz",
|
||||||
|
"integrity": "sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
|
"@babel/helper-validator-option": {
|
||||||
|
"version": "7.22.5",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.5.tgz",
|
||||||
|
"integrity": "sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
|
"browserslist": {
|
||||||
|
"version": "4.21.9",
|
||||||
|
"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.9.tgz",
|
||||||
|
"integrity": "sha512-M0MFoZzbUrRU4KNfCrDLnvyE7gub+peetoTid3TBIqtunaDJyXlwhakT+/VkvSXcfIzFfK/nkCs4nmyTmxdNSg==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"caniuse-lite": "^1.0.30001503",
|
||||||
|
"electron-to-chromium": "^1.4.431",
|
||||||
|
"node-releases": "^2.0.12",
|
||||||
|
"update-browserslist-db": "^1.0.11"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"caniuse-lite": {
|
||||||
|
"version": "1.0.30001517",
|
||||||
|
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001517.tgz",
|
||||||
|
"integrity": "sha512-Vdhm5S11DaFVLlyiKu4hiUTkpZu+y1KA/rZZqVQfOD5YdDT/eQKlkt7NaE0WGOFgX32diqt9MiP9CAiFeRklaA==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
|
"electron-to-chromium": {
|
||||||
|
"version": "1.4.470",
|
||||||
|
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.470.tgz",
|
||||||
|
"integrity": "sha512-zZM48Lmy2FKWgqyvsX9XK+J6FfP7aCDUFLmgooLJzA7v1agCs/sxSoBpTIwDLhmbhpx9yJIxj2INig/ncjJRqg==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
|
"lru-cache": {
|
||||||
|
"version": "5.1.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
|
||||||
|
"integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"yallist": "^3.0.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
"semver": {
|
"semver": {
|
||||||
"version": "6.3.0",
|
"version": "6.3.1",
|
||||||
"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
|
"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
|
||||||
"integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
|
"integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
|
"yallist": {
|
||||||
|
"version": "3.1.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
|
||||||
|
"integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
|
||||||
"dev": true
|
"dev": true
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -2793,10 +2876,10 @@
|
||||||
"integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
|
"integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"commondir": {
|
"common-path-prefix": {
|
||||||
"version": "1.0.1",
|
"version": "3.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/common-path-prefix/-/common-path-prefix-3.0.0.tgz",
|
||||||
"integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==",
|
"integrity": "sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"compressible": {
|
"compressible": {
|
||||||
|
|
@ -3713,14 +3796,73 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"find-cache-dir": {
|
"find-cache-dir": {
|
||||||
"version": "3.3.2",
|
"version": "4.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz",
|
"resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-4.0.0.tgz",
|
||||||
"integrity": "sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==",
|
"integrity": "sha512-9ZonPT4ZAK4a+1pUPVPZJapbi7O5qbbJPdYw/NOQWZZbVLdDTYM3A4R9z/DpAM08IDaFGsvPgiGZ82WEwUDWjg==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"commondir": "^1.0.1",
|
"common-path-prefix": "^3.0.0",
|
||||||
"make-dir": "^3.0.2",
|
"pkg-dir": "^7.0.0"
|
||||||
"pkg-dir": "^4.1.0"
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"find-up": {
|
||||||
|
"version": "6.3.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/find-up/-/find-up-6.3.0.tgz",
|
||||||
|
"integrity": "sha512-v2ZsoEuVHYy8ZIlYqwPe/39Cy+cFDzp4dXPaxNvkEuouymu+2Jbz0PxpKarJHYJTmv2HWT3O382qY8l4jMWthw==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"locate-path": "^7.1.0",
|
||||||
|
"path-exists": "^5.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"locate-path": {
|
||||||
|
"version": "7.2.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/locate-path/-/locate-path-7.2.0.tgz",
|
||||||
|
"integrity": "sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"p-locate": "^6.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"p-limit": {
|
||||||
|
"version": "4.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz",
|
||||||
|
"integrity": "sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"yocto-queue": "^1.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"p-locate": {
|
||||||
|
"version": "6.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/p-locate/-/p-locate-6.0.0.tgz",
|
||||||
|
"integrity": "sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"p-limit": "^4.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"path-exists": {
|
||||||
|
"version": "5.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/path-exists/-/path-exists-5.0.0.tgz",
|
||||||
|
"integrity": "sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
|
"pkg-dir": {
|
||||||
|
"version": "7.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-7.0.0.tgz",
|
||||||
|
"integrity": "sha512-Ie9z/WINcxxLp27BKOCHGde4ITq9UklYKDzVo1nhk5sqGEXU3FpkwP5GM2voTGJkGd9B3Otl+Q4uwSOeSUtOBA==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"find-up": "^6.3.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"yocto-queue": {
|
||||||
|
"version": "1.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.0.0.tgz",
|
||||||
|
"integrity": "sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==",
|
||||||
|
"dev": true
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"find-up": {
|
"find-up": {
|
||||||
|
|
@ -4671,23 +4813,6 @@
|
||||||
"yallist": "^4.0.0"
|
"yallist": "^4.0.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"make-dir": {
|
|
||||||
"version": "3.1.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
|
|
||||||
"integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
|
|
||||||
"dev": true,
|
|
||||||
"requires": {
|
|
||||||
"semver": "^6.0.0"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"semver": {
|
|
||||||
"version": "6.3.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
|
|
||||||
"integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
|
|
||||||
"dev": true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"make-fetch-happen": {
|
"make-fetch-happen": {
|
||||||
"version": "9.1.0",
|
"version": "9.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-9.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-9.1.0.tgz",
|
||||||
|
|
@ -5968,9 +6093,9 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"semver": {
|
"semver": {
|
||||||
"version": "7.5.1",
|
"version": "7.5.4",
|
||||||
"resolved": "https://registry.npmjs.org/semver/-/semver-7.5.1.tgz",
|
"resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
|
||||||
"integrity": "sha512-Wvss5ivl8TMRZXXESstBA4uR5iXgEN/VC5/sOcuXdVLzcdkz4HWetIoRfG5gb5X+ij/G9rw9YoGn3QoQ8OCSpw==",
|
"integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
|
||||||
"requires": {
|
"requires": {
|
||||||
"lru-cache": "^6.0.0"
|
"lru-cache": "^6.0.0"
|
||||||
}
|
}
|
||||||
|
|
@ -7273,9 +7398,9 @@
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"word-wrap": {
|
"word-wrap": {
|
||||||
"version": "1.2.3",
|
"version": "1.2.5",
|
||||||
"resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
|
"resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
|
||||||
"integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==",
|
"integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"wrap-ansi": {
|
"wrap-ansi": {
|
||||||
|
|
|
||||||
|
|
@ -26,7 +26,7 @@
|
||||||
"qs": "^6.11.2",
|
"qs": "^6.11.2",
|
||||||
"react": "^17.0.2",
|
"react": "^17.0.2",
|
||||||
"react-dom": "^17.0.2",
|
"react-dom": "^17.0.2",
|
||||||
"swiper": "^8.4.5",
|
"swiper": "^8.4.7",
|
||||||
"vue": "^2.6.14",
|
"vue": "^2.6.14",
|
||||||
"vue-apexcharts": "^1.6.2",
|
"vue-apexcharts": "^1.6.2",
|
||||||
"vue-blurhash": "^0.1.4",
|
"vue-blurhash": "^0.1.4",
|
||||||
|
|
@ -46,7 +46,7 @@
|
||||||
"acorn": "^8.8.2",
|
"acorn": "^8.8.2",
|
||||||
"ajv": "^7.2.4",
|
"ajv": "^7.2.4",
|
||||||
"autoprefixer": "^10.4.14",
|
"autoprefixer": "^10.4.14",
|
||||||
"babel-loader": "^9.1.2",
|
"babel-loader": "^9.1.3",
|
||||||
"circular-dependency-plugin": "5.2.2",
|
"circular-dependency-plugin": "5.2.2",
|
||||||
"cross-env": "^7.0.3",
|
"cross-env": "^7.0.3",
|
||||||
"css-loader": "^6.7.3",
|
"css-loader": "^6.7.3",
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,211 @@
|
||||||
|
/**
|
||||||
|
* Swiper 8.4.7
|
||||||
|
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
||||||
|
* https://swiperjs.com
|
||||||
|
*
|
||||||
|
* Copyright 2014-2023 Vladimir Kharlampidi
|
||||||
|
*
|
||||||
|
* Released under the MIT License
|
||||||
|
*
|
||||||
|
* Released on: January 30, 2023
|
||||||
|
*/
|
||||||
|
@font-face {
|
||||||
|
font-family: 'swiper-icons';
|
||||||
|
src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal; }
|
||||||
|
:root {
|
||||||
|
--swiper-theme-color: #007aff; }
|
||||||
|
.swiper {
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
/* Fix of Webkit flickering */
|
||||||
|
z-index: 1; }
|
||||||
|
|
||||||
|
.swiper-vertical > .swiper-wrapper {
|
||||||
|
flex-direction: column; }
|
||||||
|
|
||||||
|
.swiper-wrapper {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 1;
|
||||||
|
display: flex;
|
||||||
|
transition-property: transform;
|
||||||
|
box-sizing: content-box; }
|
||||||
|
|
||||||
|
.swiper-android .swiper-slide,
|
||||||
|
.swiper-wrapper {
|
||||||
|
transform: translate3d(0px, 0, 0); }
|
||||||
|
|
||||||
|
.swiper-pointer-events {
|
||||||
|
touch-action: pan-y; }
|
||||||
|
.swiper-pointer-events.swiper-vertical {
|
||||||
|
touch-action: pan-x; }
|
||||||
|
|
||||||
|
.swiper-slide {
|
||||||
|
flex-shrink: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
transition-property: transform; }
|
||||||
|
|
||||||
|
.swiper-slide-invisible-blank {
|
||||||
|
visibility: hidden; }
|
||||||
|
|
||||||
|
/* Auto Height */
|
||||||
|
.swiper-autoheight,
|
||||||
|
.swiper-autoheight .swiper-slide {
|
||||||
|
height: auto; }
|
||||||
|
.swiper-autoheight .swiper-wrapper {
|
||||||
|
align-items: flex-start;
|
||||||
|
transition-property: transform, height; }
|
||||||
|
|
||||||
|
.swiper-backface-hidden .swiper-slide {
|
||||||
|
transform: translateZ(0);
|
||||||
|
backface-visibility: hidden; }
|
||||||
|
|
||||||
|
/* 3D Effects */
|
||||||
|
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
|
||||||
|
perspective: 1200px; }
|
||||||
|
.swiper-3d .swiper-wrapper,
|
||||||
|
.swiper-3d .swiper-slide,
|
||||||
|
.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,
|
||||||
|
.swiper-3d .swiper-slide-shadow-top,
|
||||||
|
.swiper-3d .swiper-slide-shadow-bottom {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
pointer-events: none;
|
||||||
|
z-index: 10; }
|
||||||
|
.swiper-3d .swiper-slide-shadow {
|
||||||
|
background: rgba(0, 0, 0, 0.15); }
|
||||||
|
.swiper-3d .swiper-slide-shadow-left {
|
||||||
|
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
|
||||||
|
.swiper-3d .swiper-slide-shadow-right {
|
||||||
|
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
|
||||||
|
.swiper-3d .swiper-slide-shadow-top {
|
||||||
|
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
|
||||||
|
.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-horizontal.swiper-css-mode > .swiper-wrapper {
|
||||||
|
scroll-snap-type: x mandatory; }
|
||||||
|
|
||||||
|
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
|
||||||
|
scroll-snap-type: y mandatory; }
|
||||||
|
|
||||||
|
.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; }
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--swiper-navigation-size: 44px;
|
||||||
|
/*
|
||||||
|
--swiper-navigation-color: var(--swiper-theme-color);
|
||||||
|
*/ }
|
||||||
|
.swiper-button-prev, .swiper-button-next {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
width: calc(var(--swiper-navigation-size) / 44 * 27);
|
||||||
|
height: var(--swiper-navigation-size);
|
||||||
|
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
|
||||||
|
z-index: 10;
|
||||||
|
cursor: pointer;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: var(--swiper-navigation-color, var(--swiper-theme-color)); }
|
||||||
|
.swiper-button-prev.swiper-button-disabled,
|
||||||
|
.swiper-button-next.swiper-button-disabled {
|
||||||
|
opacity: 0.35;
|
||||||
|
cursor: auto;
|
||||||
|
pointer-events: none; }
|
||||||
|
.swiper-button-prev.swiper-button-hidden,
|
||||||
|
.swiper-button-next.swiper-button-hidden {
|
||||||
|
opacity: 0;
|
||||||
|
cursor: auto;
|
||||||
|
pointer-events: none; }
|
||||||
|
.swiper-navigation-disabled .swiper-button-prev,
|
||||||
|
.swiper-navigation-disabled .swiper-button-next {
|
||||||
|
display: none !important; }
|
||||||
|
.swiper-button-prev:after, .swiper-button-next:after {
|
||||||
|
font-family: swiper-icons;
|
||||||
|
font-size: var(--swiper-navigation-size);
|
||||||
|
text-transform: none !important;
|
||||||
|
letter-spacing: 0;
|
||||||
|
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 {
|
||||||
|
content: 'prev'; }
|
||||||
|
|
||||||
|
.swiper-button-next,
|
||||||
|
.swiper-rtl .swiper-button-prev {
|
||||||
|
right: 10px;
|
||||||
|
left: auto; }
|
||||||
|
.swiper-button-next:after,
|
||||||
|
.swiper-rtl .swiper-button-prev:after {
|
||||||
|
content: 'next'; }
|
||||||
|
|
||||||
|
.swiper-button-lock {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
/* a11y */
|
||||||
|
.swiper .swiper-notification {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
pointer-events: none;
|
||||||
|
opacity: 0;
|
||||||
|
z-index: -1000; }
|
||||||
|
|
||||||
.components-panel__body .collection-carousel-view-modes {
|
.components-panel__body .collection-carousel-view-modes {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin: 12px 0 24px 0; }
|
margin: 12px 0 24px 0; }
|
||||||
|
|
@ -118,7 +326,7 @@
|
||||||
.wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper {
|
.wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper {
|
||||||
margin: 0 var(--spaceAroundCarousel, 50px); }
|
margin: 0 var(--spaceAroundCarousel, 50px); }
|
||||||
.wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper ul.swiper-wrapper {
|
.wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper ul.swiper-wrapper {
|
||||||
list-style: none;
|
list-style: none !important;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0; }
|
margin: 0; }
|
||||||
.wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper a > span,
|
.wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper a > span,
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,3 +1,211 @@
|
||||||
|
/**
|
||||||
|
* Swiper 8.4.7
|
||||||
|
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
||||||
|
* https://swiperjs.com
|
||||||
|
*
|
||||||
|
* Copyright 2014-2023 Vladimir Kharlampidi
|
||||||
|
*
|
||||||
|
* Released under the MIT License
|
||||||
|
*
|
||||||
|
* Released on: January 30, 2023
|
||||||
|
*/
|
||||||
|
@font-face {
|
||||||
|
font-family: 'swiper-icons';
|
||||||
|
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal; }
|
||||||
|
:root {
|
||||||
|
--swiper-theme-color: #007aff; }
|
||||||
|
.swiper {
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
/* Fix of Webkit flickering */
|
||||||
|
z-index: 1; }
|
||||||
|
|
||||||
|
.swiper-vertical > .swiper-wrapper {
|
||||||
|
flex-direction: column; }
|
||||||
|
|
||||||
|
.swiper-wrapper {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 1;
|
||||||
|
display: flex;
|
||||||
|
transition-property: transform;
|
||||||
|
box-sizing: content-box; }
|
||||||
|
|
||||||
|
.swiper-android .swiper-slide,
|
||||||
|
.swiper-wrapper {
|
||||||
|
transform: translate3d(0px, 0, 0); }
|
||||||
|
|
||||||
|
.swiper-pointer-events {
|
||||||
|
touch-action: pan-y; }
|
||||||
|
.swiper-pointer-events.swiper-vertical {
|
||||||
|
touch-action: pan-x; }
|
||||||
|
|
||||||
|
.swiper-slide {
|
||||||
|
flex-shrink: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
transition-property: transform; }
|
||||||
|
|
||||||
|
.swiper-slide-invisible-blank {
|
||||||
|
visibility: hidden; }
|
||||||
|
|
||||||
|
/* Auto Height */
|
||||||
|
.swiper-autoheight,
|
||||||
|
.swiper-autoheight .swiper-slide {
|
||||||
|
height: auto; }
|
||||||
|
.swiper-autoheight .swiper-wrapper {
|
||||||
|
align-items: flex-start;
|
||||||
|
transition-property: transform, height; }
|
||||||
|
|
||||||
|
.swiper-backface-hidden .swiper-slide {
|
||||||
|
transform: translateZ(0);
|
||||||
|
backface-visibility: hidden; }
|
||||||
|
|
||||||
|
/* 3D Effects */
|
||||||
|
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
|
||||||
|
perspective: 1200px; }
|
||||||
|
.swiper-3d .swiper-wrapper,
|
||||||
|
.swiper-3d .swiper-slide,
|
||||||
|
.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,
|
||||||
|
.swiper-3d .swiper-slide-shadow-top,
|
||||||
|
.swiper-3d .swiper-slide-shadow-bottom {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
pointer-events: none;
|
||||||
|
z-index: 10; }
|
||||||
|
.swiper-3d .swiper-slide-shadow {
|
||||||
|
background: rgba(0, 0, 0, 0.15); }
|
||||||
|
.swiper-3d .swiper-slide-shadow-left {
|
||||||
|
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
|
||||||
|
.swiper-3d .swiper-slide-shadow-right {
|
||||||
|
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
|
||||||
|
.swiper-3d .swiper-slide-shadow-top {
|
||||||
|
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
|
||||||
|
.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-horizontal.swiper-css-mode > .swiper-wrapper {
|
||||||
|
scroll-snap-type: x mandatory; }
|
||||||
|
|
||||||
|
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
|
||||||
|
scroll-snap-type: y mandatory; }
|
||||||
|
|
||||||
|
.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; }
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--swiper-navigation-size: 44px;
|
||||||
|
/*
|
||||||
|
--swiper-navigation-color: var(--swiper-theme-color);
|
||||||
|
*/ }
|
||||||
|
.swiper-button-prev, .swiper-button-next {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
width: calc(var(--swiper-navigation-size) / 44 * 27);
|
||||||
|
height: var(--swiper-navigation-size);
|
||||||
|
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
|
||||||
|
z-index: 10;
|
||||||
|
cursor: pointer;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: var(--swiper-navigation-color, var(--swiper-theme-color)); }
|
||||||
|
.swiper-button-prev.swiper-button-disabled,
|
||||||
|
.swiper-button-next.swiper-button-disabled {
|
||||||
|
opacity: 0.35;
|
||||||
|
cursor: auto;
|
||||||
|
pointer-events: none; }
|
||||||
|
.swiper-button-prev.swiper-button-hidden,
|
||||||
|
.swiper-button-next.swiper-button-hidden {
|
||||||
|
opacity: 0;
|
||||||
|
cursor: auto;
|
||||||
|
pointer-events: none; }
|
||||||
|
.swiper-navigation-disabled .swiper-button-prev,
|
||||||
|
.swiper-navigation-disabled .swiper-button-next {
|
||||||
|
display: none !important; }
|
||||||
|
.swiper-button-prev:after, .swiper-button-next:after {
|
||||||
|
font-family: swiper-icons;
|
||||||
|
font-size: var(--swiper-navigation-size);
|
||||||
|
text-transform: none !important;
|
||||||
|
letter-spacing: 0;
|
||||||
|
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 {
|
||||||
|
content: 'prev'; }
|
||||||
|
|
||||||
|
.swiper-button-next,
|
||||||
|
.swiper-rtl .swiper-button-prev {
|
||||||
|
right: 10px;
|
||||||
|
left: auto; }
|
||||||
|
.swiper-button-next:after,
|
||||||
|
.swiper-rtl .swiper-button-prev:after {
|
||||||
|
content: 'next'; }
|
||||||
|
|
||||||
|
.swiper-button-lock {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
/* a11y */
|
||||||
|
.swiper .swiper-notification {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
pointer-events: none;
|
||||||
|
opacity: 0;
|
||||||
|
z-index: -1000; }
|
||||||
|
|
||||||
.wp-block-tainacan-carousel-items-list {
|
.wp-block-tainacan-carousel-items-list {
|
||||||
margin: 2em auto;
|
margin: 2em auto;
|
||||||
--swiper-navigation-color: var(--tainacan-block-primary, $primary);
|
--swiper-navigation-color: var(--tainacan-block-primary, $primary);
|
||||||
|
|
@ -125,7 +333,7 @@
|
||||||
.wp-block-tainacan-carousel-items-list .tainacan-carousel .swiper {
|
.wp-block-tainacan-carousel-items-list .tainacan-carousel .swiper {
|
||||||
margin: 0 var(--spaceAroundCarousel, 50px); }
|
margin: 0 var(--spaceAroundCarousel, 50px); }
|
||||||
.wp-block-tainacan-carousel-items-list .tainacan-carousel .swiper ul.swiper-wrapper {
|
.wp-block-tainacan-carousel-items-list .tainacan-carousel .swiper ul.swiper-wrapper {
|
||||||
list-style: none;
|
list-style: none !important;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0; }
|
margin: 0; }
|
||||||
.wp-block-tainacan-carousel-items-list .tainacan-carousel .swiper a > span,
|
.wp-block-tainacan-carousel-items-list .tainacan-carousel .swiper a > span,
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,3 +1,211 @@
|
||||||
|
/**
|
||||||
|
* Swiper 8.4.7
|
||||||
|
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
||||||
|
* https://swiperjs.com
|
||||||
|
*
|
||||||
|
* Copyright 2014-2023 Vladimir Kharlampidi
|
||||||
|
*
|
||||||
|
* Released under the MIT License
|
||||||
|
*
|
||||||
|
* Released on: January 30, 2023
|
||||||
|
*/
|
||||||
|
@font-face {
|
||||||
|
font-family: 'swiper-icons';
|
||||||
|
src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal; }
|
||||||
|
:root {
|
||||||
|
--swiper-theme-color: #007aff; }
|
||||||
|
.swiper {
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
/* Fix of Webkit flickering */
|
||||||
|
z-index: 1; }
|
||||||
|
|
||||||
|
.swiper-vertical > .swiper-wrapper {
|
||||||
|
flex-direction: column; }
|
||||||
|
|
||||||
|
.swiper-wrapper {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 1;
|
||||||
|
display: flex;
|
||||||
|
transition-property: transform;
|
||||||
|
box-sizing: content-box; }
|
||||||
|
|
||||||
|
.swiper-android .swiper-slide,
|
||||||
|
.swiper-wrapper {
|
||||||
|
transform: translate3d(0px, 0, 0); }
|
||||||
|
|
||||||
|
.swiper-pointer-events {
|
||||||
|
touch-action: pan-y; }
|
||||||
|
.swiper-pointer-events.swiper-vertical {
|
||||||
|
touch-action: pan-x; }
|
||||||
|
|
||||||
|
.swiper-slide {
|
||||||
|
flex-shrink: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
transition-property: transform; }
|
||||||
|
|
||||||
|
.swiper-slide-invisible-blank {
|
||||||
|
visibility: hidden; }
|
||||||
|
|
||||||
|
/* Auto Height */
|
||||||
|
.swiper-autoheight,
|
||||||
|
.swiper-autoheight .swiper-slide {
|
||||||
|
height: auto; }
|
||||||
|
.swiper-autoheight .swiper-wrapper {
|
||||||
|
align-items: flex-start;
|
||||||
|
transition-property: transform, height; }
|
||||||
|
|
||||||
|
.swiper-backface-hidden .swiper-slide {
|
||||||
|
transform: translateZ(0);
|
||||||
|
backface-visibility: hidden; }
|
||||||
|
|
||||||
|
/* 3D Effects */
|
||||||
|
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
|
||||||
|
perspective: 1200px; }
|
||||||
|
.swiper-3d .swiper-wrapper,
|
||||||
|
.swiper-3d .swiper-slide,
|
||||||
|
.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,
|
||||||
|
.swiper-3d .swiper-slide-shadow-top,
|
||||||
|
.swiper-3d .swiper-slide-shadow-bottom {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
pointer-events: none;
|
||||||
|
z-index: 10; }
|
||||||
|
.swiper-3d .swiper-slide-shadow {
|
||||||
|
background: rgba(0, 0, 0, 0.15); }
|
||||||
|
.swiper-3d .swiper-slide-shadow-left {
|
||||||
|
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
|
||||||
|
.swiper-3d .swiper-slide-shadow-right {
|
||||||
|
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
|
||||||
|
.swiper-3d .swiper-slide-shadow-top {
|
||||||
|
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
|
||||||
|
.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-horizontal.swiper-css-mode > .swiper-wrapper {
|
||||||
|
scroll-snap-type: x mandatory; }
|
||||||
|
|
||||||
|
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
|
||||||
|
scroll-snap-type: y mandatory; }
|
||||||
|
|
||||||
|
.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; }
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--swiper-navigation-size: 44px;
|
||||||
|
/*
|
||||||
|
--swiper-navigation-color: var(--swiper-theme-color);
|
||||||
|
*/ }
|
||||||
|
.swiper-button-prev, .swiper-button-next {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
width: calc(var(--swiper-navigation-size) / 44 * 27);
|
||||||
|
height: var(--swiper-navigation-size);
|
||||||
|
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
|
||||||
|
z-index: 10;
|
||||||
|
cursor: pointer;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: var(--swiper-navigation-color, var(--swiper-theme-color)); }
|
||||||
|
.swiper-button-prev.swiper-button-disabled,
|
||||||
|
.swiper-button-next.swiper-button-disabled {
|
||||||
|
opacity: 0.35;
|
||||||
|
cursor: auto;
|
||||||
|
pointer-events: none; }
|
||||||
|
.swiper-button-prev.swiper-button-hidden,
|
||||||
|
.swiper-button-next.swiper-button-hidden {
|
||||||
|
opacity: 0;
|
||||||
|
cursor: auto;
|
||||||
|
pointer-events: none; }
|
||||||
|
.swiper-navigation-disabled .swiper-button-prev,
|
||||||
|
.swiper-navigation-disabled .swiper-button-next {
|
||||||
|
display: none !important; }
|
||||||
|
.swiper-button-prev:after, .swiper-button-next:after {
|
||||||
|
font-family: swiper-icons;
|
||||||
|
font-size: var(--swiper-navigation-size);
|
||||||
|
text-transform: none !important;
|
||||||
|
letter-spacing: 0;
|
||||||
|
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 {
|
||||||
|
content: 'prev'; }
|
||||||
|
|
||||||
|
.swiper-button-next,
|
||||||
|
.swiper-rtl .swiper-button-prev {
|
||||||
|
right: 10px;
|
||||||
|
left: auto; }
|
||||||
|
.swiper-button-next:after,
|
||||||
|
.swiper-rtl .swiper-button-prev:after {
|
||||||
|
content: 'next'; }
|
||||||
|
|
||||||
|
.swiper-button-lock {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
/* a11y */
|
||||||
|
.swiper .swiper-notification {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
pointer-events: none;
|
||||||
|
opacity: 0;
|
||||||
|
z-index: -1000; }
|
||||||
|
|
||||||
.components-panel__body .term-carousel-view-modes {
|
.components-panel__body .term-carousel-view-modes {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin: 12px 0 24px 0; }
|
margin: 12px 0 24px 0; }
|
||||||
|
|
@ -118,7 +326,7 @@
|
||||||
.wp-block-tainacan-carousel-terms-list .tainacan-carousel .swiper {
|
.wp-block-tainacan-carousel-terms-list .tainacan-carousel .swiper {
|
||||||
margin: 0 var(--spaceAroundCarousel, 50px); }
|
margin: 0 var(--spaceAroundCarousel, 50px); }
|
||||||
.wp-block-tainacan-carousel-terms-list .tainacan-carousel .swiper ul.swiper-wrapper {
|
.wp-block-tainacan-carousel-terms-list .tainacan-carousel .swiper ul.swiper-wrapper {
|
||||||
list-style: none;
|
list-style: none !important;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0; }
|
margin: 0; }
|
||||||
.wp-block-tainacan-carousel-terms-list .tainacan-carousel .swiper a > span,
|
.wp-block-tainacan-carousel-terms-list .tainacan-carousel .swiper a > span,
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,3 +1,211 @@
|
||||||
|
/**
|
||||||
|
* Swiper 8.4.7
|
||||||
|
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
||||||
|
* https://swiperjs.com
|
||||||
|
*
|
||||||
|
* Copyright 2014-2023 Vladimir Kharlampidi
|
||||||
|
*
|
||||||
|
* Released under the MIT License
|
||||||
|
*
|
||||||
|
* Released on: January 30, 2023
|
||||||
|
*/
|
||||||
|
@font-face {
|
||||||
|
font-family: 'swiper-icons';
|
||||||
|
src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal; }
|
||||||
|
:root {
|
||||||
|
--swiper-theme-color: #007aff; }
|
||||||
|
.swiper {
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
/* Fix of Webkit flickering */
|
||||||
|
z-index: 1; }
|
||||||
|
|
||||||
|
.swiper-vertical > .swiper-wrapper {
|
||||||
|
flex-direction: column; }
|
||||||
|
|
||||||
|
.swiper-wrapper {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 1;
|
||||||
|
display: flex;
|
||||||
|
transition-property: transform;
|
||||||
|
box-sizing: content-box; }
|
||||||
|
|
||||||
|
.swiper-android .swiper-slide,
|
||||||
|
.swiper-wrapper {
|
||||||
|
transform: translate3d(0px, 0, 0); }
|
||||||
|
|
||||||
|
.swiper-pointer-events {
|
||||||
|
touch-action: pan-y; }
|
||||||
|
.swiper-pointer-events.swiper-vertical {
|
||||||
|
touch-action: pan-x; }
|
||||||
|
|
||||||
|
.swiper-slide {
|
||||||
|
flex-shrink: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
transition-property: transform; }
|
||||||
|
|
||||||
|
.swiper-slide-invisible-blank {
|
||||||
|
visibility: hidden; }
|
||||||
|
|
||||||
|
/* Auto Height */
|
||||||
|
.swiper-autoheight,
|
||||||
|
.swiper-autoheight .swiper-slide {
|
||||||
|
height: auto; }
|
||||||
|
.swiper-autoheight .swiper-wrapper {
|
||||||
|
align-items: flex-start;
|
||||||
|
transition-property: transform, height; }
|
||||||
|
|
||||||
|
.swiper-backface-hidden .swiper-slide {
|
||||||
|
transform: translateZ(0);
|
||||||
|
backface-visibility: hidden; }
|
||||||
|
|
||||||
|
/* 3D Effects */
|
||||||
|
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
|
||||||
|
perspective: 1200px; }
|
||||||
|
.swiper-3d .swiper-wrapper,
|
||||||
|
.swiper-3d .swiper-slide,
|
||||||
|
.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,
|
||||||
|
.swiper-3d .swiper-slide-shadow-top,
|
||||||
|
.swiper-3d .swiper-slide-shadow-bottom {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
pointer-events: none;
|
||||||
|
z-index: 10; }
|
||||||
|
.swiper-3d .swiper-slide-shadow {
|
||||||
|
background: rgba(0, 0, 0, 0.15); }
|
||||||
|
.swiper-3d .swiper-slide-shadow-left {
|
||||||
|
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
|
||||||
|
.swiper-3d .swiper-slide-shadow-right {
|
||||||
|
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
|
||||||
|
.swiper-3d .swiper-slide-shadow-top {
|
||||||
|
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
|
||||||
|
.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-horizontal.swiper-css-mode > .swiper-wrapper {
|
||||||
|
scroll-snap-type: x mandatory; }
|
||||||
|
|
||||||
|
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
|
||||||
|
scroll-snap-type: y mandatory; }
|
||||||
|
|
||||||
|
.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; }
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--swiper-navigation-size: 44px;
|
||||||
|
/*
|
||||||
|
--swiper-navigation-color: var(--swiper-theme-color);
|
||||||
|
*/ }
|
||||||
|
.swiper-button-prev, .swiper-button-next {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
width: calc(var(--swiper-navigation-size) / 44 * 27);
|
||||||
|
height: var(--swiper-navigation-size);
|
||||||
|
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
|
||||||
|
z-index: 10;
|
||||||
|
cursor: pointer;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: var(--swiper-navigation-color, var(--swiper-theme-color)); }
|
||||||
|
.swiper-button-prev.swiper-button-disabled,
|
||||||
|
.swiper-button-next.swiper-button-disabled {
|
||||||
|
opacity: 0.35;
|
||||||
|
cursor: auto;
|
||||||
|
pointer-events: none; }
|
||||||
|
.swiper-button-prev.swiper-button-hidden,
|
||||||
|
.swiper-button-next.swiper-button-hidden {
|
||||||
|
opacity: 0;
|
||||||
|
cursor: auto;
|
||||||
|
pointer-events: none; }
|
||||||
|
.swiper-navigation-disabled .swiper-button-prev,
|
||||||
|
.swiper-navigation-disabled .swiper-button-next {
|
||||||
|
display: none !important; }
|
||||||
|
.swiper-button-prev:after, .swiper-button-next:after {
|
||||||
|
font-family: swiper-icons;
|
||||||
|
font-size: var(--swiper-navigation-size);
|
||||||
|
text-transform: none !important;
|
||||||
|
letter-spacing: 0;
|
||||||
|
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 {
|
||||||
|
content: 'prev'; }
|
||||||
|
|
||||||
|
.swiper-button-next,
|
||||||
|
.swiper-rtl .swiper-button-prev {
|
||||||
|
right: 10px;
|
||||||
|
left: auto; }
|
||||||
|
.swiper-button-next:after,
|
||||||
|
.swiper-rtl .swiper-button-prev:after {
|
||||||
|
content: 'next'; }
|
||||||
|
|
||||||
|
.swiper-button-lock {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
/* a11y */
|
||||||
|
.swiper .swiper-notification {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
pointer-events: none;
|
||||||
|
opacity: 0;
|
||||||
|
z-index: -1000; }
|
||||||
|
|
||||||
.item-gallery-edit-container .tainacan-media-component .swiper-slide,
|
.item-gallery-edit-container .tainacan-media-component .swiper-slide,
|
||||||
.item-gallery-edit-container .tainacan-media-component .swiper-button-prev,
|
.item-gallery-edit-container .tainacan-media-component .swiper-button-prev,
|
||||||
.item-gallery-edit-container .tainacan-media-component .swiper-button-next {
|
.item-gallery-edit-container .tainacan-media-component .swiper-button-next {
|
||||||
|
|
@ -85,7 +293,7 @@
|
||||||
fill: currentColor; }
|
fill: currentColor; }
|
||||||
.tainacan-media-component__swiper-main ul.swiper-wrapper,
|
.tainacan-media-component__swiper-main ul.swiper-wrapper,
|
||||||
.tainacan-media-component__swiper-thumbs ul.swiper-wrapper {
|
.tainacan-media-component__swiper-thumbs ul.swiper-wrapper {
|
||||||
list-style: none;
|
list-style: none !important;
|
||||||
padding: 0; }
|
padding: 0; }
|
||||||
|
|
||||||
.tainacan-media-component__swiper-main {
|
.tainacan-media-component__swiper-main {
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -14,12 +14,8 @@ import axios from 'axios';
|
||||||
import qs from 'qs';
|
import qs from 'qs';
|
||||||
import { ThumbnailHelperFunctions } from '../../../admin/js/utilities.js';
|
import { ThumbnailHelperFunctions } from '../../../admin/js/utilities.js';
|
||||||
import TainacanBlocksCompatToolbar from '../../js/compatibility/tainacan-blocks-compat-toolbar.js';
|
import TainacanBlocksCompatToolbar from '../../js/compatibility/tainacan-blocks-compat-toolbar.js';
|
||||||
import 'swiper/css';
|
|
||||||
import 'swiper/css/a11y';
|
|
||||||
import 'swiper/css/autoplay';
|
|
||||||
import 'swiper/css/navigation';
|
|
||||||
|
|
||||||
export default function ({ attributes, setAttributes, className, isSelected, clientId }) {
|
export default function ({ attributes, setAttributes, isSelected, clientId }) {
|
||||||
let {
|
let {
|
||||||
collections,
|
collections,
|
||||||
content,
|
content,
|
||||||
|
|
@ -43,6 +39,7 @@ export default function ({ attributes, setAttributes, className, isSelected, cli
|
||||||
|
|
||||||
// Gets blocks props from hook
|
// Gets blocks props from hook
|
||||||
const blockProps = useBlockProps();
|
const blockProps = useBlockProps();
|
||||||
|
const className = blockProps.className;
|
||||||
|
|
||||||
// Obtains block's client id to render it on save function
|
// Obtains block's client id to render it on save function
|
||||||
setAttributes({ blockId: clientId });
|
setAttributes({ blockId: clientId });
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
const { useBlockProps } = wp.blockEditor;
|
const { useBlockProps } = wp.blockEditor;
|
||||||
|
|
||||||
export default function ({ attributes, className }) {
|
export default function ({ attributes }) {
|
||||||
const {
|
const {
|
||||||
content,
|
content,
|
||||||
blockId,
|
blockId,
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,8 @@
|
||||||
@import '../../scss/gutenberg-blocks-variables.scss';
|
@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';
|
||||||
|
|
||||||
.components-panel__body .collection-carousel-view-modes {
|
.components-panel__body .collection-carousel-view-modes {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -138,7 +142,7 @@
|
||||||
margin: 0 var(--spaceAroundCarousel, 50px);
|
margin: 0 var(--spaceAroundCarousel, 50px);
|
||||||
|
|
||||||
ul.swiper-wrapper {
|
ul.swiper-wrapper {
|
||||||
list-style: none;
|
list-style: none !important;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -14,12 +14,8 @@ import axios from 'axios';
|
||||||
import qs from 'qs';
|
import qs from 'qs';
|
||||||
import { ThumbnailHelperFunctions } from '../../../admin/js/utilities.js';
|
import { ThumbnailHelperFunctions } from '../../../admin/js/utilities.js';
|
||||||
import TainacanBlocksCompatToolbar from '../../js/compatibility/tainacan-blocks-compat-toolbar.js';
|
import TainacanBlocksCompatToolbar from '../../js/compatibility/tainacan-blocks-compat-toolbar.js';
|
||||||
import 'swiper/css';
|
|
||||||
import 'swiper/css/a11y';
|
|
||||||
import 'swiper/css/autoplay';
|
|
||||||
import 'swiper/css/navigation';
|
|
||||||
|
|
||||||
export default function({ attributes, setAttributes, className, isSelected, clientId }){
|
export default function({ attributes, setAttributes, isSelected, clientId }){
|
||||||
let {
|
let {
|
||||||
items,
|
items,
|
||||||
content,
|
content,
|
||||||
|
|
@ -52,6 +48,7 @@ export default function({ attributes, setAttributes, className, isSelected, clie
|
||||||
|
|
||||||
// Gets blocks props from hook
|
// Gets blocks props from hook
|
||||||
const blockProps = useBlockProps();
|
const blockProps = useBlockProps();
|
||||||
|
const className = blockProps.className;
|
||||||
|
|
||||||
// Obtains block's client id to render it on save function
|
// Obtains block's client id to render it on save function
|
||||||
setAttributes({ blockId: clientId });
|
setAttributes({ blockId: clientId });
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
const { useBlockProps } = wp.blockEditor;
|
const { useBlockProps } = wp.blockEditor;
|
||||||
|
|
||||||
export default function ({ attributes, className }) {
|
export default function ({ attributes }) {
|
||||||
const {
|
const {
|
||||||
content,
|
content,
|
||||||
blockId,
|
blockId,
|
||||||
|
|
@ -25,9 +25,10 @@ export default function ({ attributes, className }) {
|
||||||
collectionBackgroundColor,
|
collectionBackgroundColor,
|
||||||
collectionTextColor
|
collectionTextColor
|
||||||
} = attributes;
|
} = attributes;
|
||||||
|
|
||||||
// Gets attributes such as style, that are automatically added by the editor hook
|
// Gets attributes such as style, that are automatically added by the editor hook
|
||||||
const blockProps = useBlockProps.save();
|
const blockProps = useBlockProps.save();
|
||||||
|
|
||||||
return <div
|
return <div
|
||||||
{ ...blockProps }
|
{ ...blockProps }
|
||||||
data-module="carousel-items-list"
|
data-module="carousel-items-list"
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,8 @@
|
||||||
@import '../../scss/gutenberg-blocks-variables.scss';
|
@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';
|
||||||
|
|
||||||
.wp-block-tainacan-carousel-items-list {
|
.wp-block-tainacan-carousel-items-list {
|
||||||
margin: 2em auto;
|
margin: 2em auto;
|
||||||
|
|
@ -150,7 +154,7 @@
|
||||||
margin: 0 var(--spaceAroundCarousel, 50px);
|
margin: 0 var(--spaceAroundCarousel, 50px);
|
||||||
|
|
||||||
ul.swiper-wrapper {
|
ul.swiper-wrapper {
|
||||||
list-style: none;
|
list-style: none !important;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -14,12 +14,8 @@ import axios from 'axios';
|
||||||
import qs from 'qs';
|
import qs from 'qs';
|
||||||
import { ThumbnailHelperFunctions } from '../../../admin/js/utilities.js';
|
import { ThumbnailHelperFunctions } from '../../../admin/js/utilities.js';
|
||||||
import TainacanBlocksCompatToolbar from '../../js/compatibility/tainacan-blocks-compat-toolbar.js';
|
import TainacanBlocksCompatToolbar from '../../js/compatibility/tainacan-blocks-compat-toolbar.js';
|
||||||
import 'swiper/css';
|
|
||||||
import 'swiper/css/a11y';
|
|
||||||
import 'swiper/css/autoplay';
|
|
||||||
import 'swiper/css/navigation';
|
|
||||||
|
|
||||||
export default function({ attributes, setAttributes, className, isSelected, clientId }){
|
export default function({ attributes, setAttributes, isSelected, clientId }){
|
||||||
let {
|
let {
|
||||||
terms,
|
terms,
|
||||||
content,
|
content,
|
||||||
|
|
@ -44,6 +40,7 @@ export default function({ attributes, setAttributes, className, isSelected, clie
|
||||||
|
|
||||||
// Gets blocks props from hook
|
// Gets blocks props from hook
|
||||||
const blockProps = useBlockProps();
|
const blockProps = useBlockProps();
|
||||||
|
const className = blockProps.className;
|
||||||
|
|
||||||
// Obtains block's client id to render it on save function
|
// Obtains block's client id to render it on save function
|
||||||
setAttributes({ blockId: clientId });
|
setAttributes({ blockId: clientId });
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
const { useBlockProps } = wp.blockEditor;
|
const { useBlockProps } = wp.blockEditor;
|
||||||
|
|
||||||
export default function({ attributes, className }) {
|
export default function({ attributes }) {
|
||||||
const {
|
const {
|
||||||
content,
|
content,
|
||||||
blockId,
|
blockId,
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,8 @@
|
||||||
@import '../../scss/gutenberg-blocks-variables.scss';
|
@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';
|
||||||
|
|
||||||
.components-panel__body .term-carousel-view-modes {
|
.components-panel__body .term-carousel-view-modes {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -138,7 +142,7 @@
|
||||||
margin: 0 var(--spaceAroundCarousel, 50px);
|
margin: 0 var(--spaceAroundCarousel, 50px);
|
||||||
|
|
||||||
ul.swiper-wrapper {
|
ul.swiper-wrapper {
|
||||||
list-style: none;
|
list-style: none !important;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@ const { InspectorControls, BlockControls, useBlockProps } = wp.blockEditor;
|
||||||
import TainacanBlocksCompatToolbar from '../../js/compatibility/tainacan-blocks-compat-toolbar.js';
|
import TainacanBlocksCompatToolbar from '../../js/compatibility/tainacan-blocks-compat-toolbar.js';
|
||||||
import CollectionsModal from './collections-modal.js';
|
import CollectionsModal from './collections-modal.js';
|
||||||
|
|
||||||
export default function({ attributes, setAttributes, className, isSelected }) {
|
export default function({ attributes, setAttributes, isSelected }) {
|
||||||
let {
|
let {
|
||||||
selectedCollectionsObject,
|
selectedCollectionsObject,
|
||||||
selectedCollectionsHTML,
|
selectedCollectionsHTML,
|
||||||
|
|
@ -21,6 +21,7 @@ export default function({ attributes, setAttributes, className, isSelected }) {
|
||||||
|
|
||||||
// Gets blocks props from hook
|
// Gets blocks props from hook
|
||||||
const blockProps = useBlockProps();
|
const blockProps = useBlockProps();
|
||||||
|
const className = blockProps.className;
|
||||||
|
|
||||||
function prepareCollection(collection) {
|
function prepareCollection(collection) {
|
||||||
return (
|
return (
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
const { useBlockProps } = wp.blockEditor;
|
const { useBlockProps } = wp.blockEditor;
|
||||||
|
|
||||||
export default function({ attributes, className }) {
|
export default function({ attributes }) {
|
||||||
const { content } = attributes;
|
const { content } = attributes;
|
||||||
|
|
||||||
// Gets attributes such as style, that are automatically added by the editor hook
|
// Gets attributes such as style, that are automatically added by the editor hook
|
||||||
|
|
|
||||||
|
|
@ -15,7 +15,7 @@ import qs from 'qs';
|
||||||
import { ThumbnailHelperFunctions } from '../../../admin/js/utilities.js';
|
import { ThumbnailHelperFunctions } from '../../../admin/js/utilities.js';
|
||||||
import TainacanBlocksCompatToolbar from '../../js/compatibility/tainacan-blocks-compat-toolbar.js';
|
import TainacanBlocksCompatToolbar from '../../js/compatibility/tainacan-blocks-compat-toolbar.js';
|
||||||
|
|
||||||
export default function({ attributes, setAttributes, className, isSelected, clientId }){
|
export default function({ attributes, setAttributes, isSelected, clientId }) {
|
||||||
let {
|
let {
|
||||||
items,
|
items,
|
||||||
content,
|
content,
|
||||||
|
|
@ -54,6 +54,7 @@ export default function({ attributes, setAttributes, className, isSelected, clie
|
||||||
|
|
||||||
// Gets blocks props from hook
|
// Gets blocks props from hook
|
||||||
const blockProps = useBlockProps();
|
const blockProps = useBlockProps();
|
||||||
|
const className = blockProps.className;
|
||||||
|
|
||||||
// Obtains block's client id to render it on save function
|
// Obtains block's client id to render it on save function
|
||||||
setAttributes({ blockId: clientId });
|
setAttributes({ blockId: clientId });
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
const { useBlockProps } = wp.blockEditor;
|
const { useBlockProps } = wp.blockEditor;
|
||||||
|
|
||||||
export default function({ attributes, className }) {
|
export default function({ attributes }) {
|
||||||
const {
|
const {
|
||||||
content,
|
content,
|
||||||
blockId,
|
blockId,
|
||||||
|
|
|
||||||
|
|
@ -2,6 +2,7 @@
|
||||||
"$schema": "https://schemas.wp.org/trunk/block.json",
|
"$schema": "https://schemas.wp.org/trunk/block.json",
|
||||||
"name": "tainacan/faceted-search",
|
"name": "tainacan/faceted-search",
|
||||||
"title": "Tainacan Faceted Search",
|
"title": "Tainacan Faceted Search",
|
||||||
|
"apiVersion": 3,
|
||||||
"category": "tainacan-blocks",
|
"category": "tainacan-blocks",
|
||||||
"keywords": [ "facets", "search", "items" ],
|
"keywords": [ "facets", "search", "items" ],
|
||||||
"description": "A full items list faceted search from either the repository, a collection or a term.",
|
"description": "A full items list faceted search from either the repository, a collection or a term.",
|
||||||
|
|
|
||||||
|
|
@ -20,12 +20,12 @@ const {
|
||||||
MenuItemsChoice
|
MenuItemsChoice
|
||||||
} = wp.components;
|
} = wp.components;
|
||||||
|
|
||||||
const { InspectorControls, BlockControls } = wp.blockEditor;
|
const { InspectorControls, BlockControls, useBlockProps } = wp.blockEditor;
|
||||||
|
|
||||||
import CollectionModal from './collection-modal.js';
|
import CollectionModal from './collection-modal.js';
|
||||||
import TermModal from './term-modal.js';
|
import TermModal from './term-modal.js';
|
||||||
|
|
||||||
export default function({ attributes, setAttributes, className, isSelected, clientId }) {
|
export default function({ attributes, setAttributes, isSelected, clientId }) {
|
||||||
let {
|
let {
|
||||||
termId,
|
termId,
|
||||||
taxonomyId,
|
taxonomyId,
|
||||||
|
|
@ -79,6 +79,10 @@ export default function({ attributes, setAttributes, className, isSelected, clie
|
||||||
collectionOrderByType
|
collectionOrderByType
|
||||||
} = attributes;
|
} = attributes;
|
||||||
|
|
||||||
|
// Gets blocks props from hook
|
||||||
|
const blockProps = useBlockProps();
|
||||||
|
const className = blockProps.className;
|
||||||
|
|
||||||
let registeredViewModesEntries = [];
|
let registeredViewModesEntries = [];
|
||||||
let registeredViewModesKeys = [];
|
let registeredViewModesKeys = [];
|
||||||
updateAvailableViewModes(hideItemsThumbnail);
|
updateAvailableViewModes(hideItemsThumbnail);
|
||||||
|
|
@ -208,7 +212,7 @@ export default function({ attributes, setAttributes, className, isSelected, clie
|
||||||
src={ `${tainacan_blocks.base_url}/assets/images/faceted-search.png` } />
|
src={ `${tainacan_blocks.base_url}/assets/images/faceted-search.png` } />
|
||||||
</div>
|
</div>
|
||||||
: (
|
: (
|
||||||
<div className={className}>
|
<div { ...blockProps }>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<BlockControls>
|
<BlockControls>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,6 @@
|
||||||
export default function({ attributes, className }) {
|
const { useBlockProps } = wp.blockEditor;
|
||||||
|
|
||||||
|
export default function({ attributes }) {
|
||||||
const {
|
const {
|
||||||
termId,
|
termId,
|
||||||
taxonomyId,
|
taxonomyId,
|
||||||
|
|
@ -57,6 +59,9 @@ export default function({ attributes, className }) {
|
||||||
else if (updatedListType === '' && termId && taxonomyId)
|
else if (updatedListType === '' && termId && taxonomyId)
|
||||||
updatedListType = 'term';
|
updatedListType = 'term';
|
||||||
|
|
||||||
|
// Gets attributes such as style, that are automatically added by the editor hook
|
||||||
|
const blockProps = useBlockProps.save();
|
||||||
|
|
||||||
return <div
|
return <div
|
||||||
style={{
|
style={{
|
||||||
'font-size': baseFontSize + 'px',
|
'font-size': baseFontSize + 'px',
|
||||||
|
|
@ -76,7 +81,7 @@ export default function({ attributes, className }) {
|
||||||
'--tainacan-primary': primaryColor,
|
'--tainacan-primary': primaryColor,
|
||||||
'--tainacan-secondary': secondaryColor
|
'--tainacan-secondary': secondaryColor
|
||||||
}}
|
}}
|
||||||
className={ className }>
|
{ ...blockProps }>
|
||||||
<main
|
<main
|
||||||
id="tainacan-items-page"
|
id="tainacan-items-page"
|
||||||
data-module="faceted-search"
|
data-module="faceted-search"
|
||||||
|
|
|
||||||
|
|
@ -16,7 +16,7 @@ import qs from 'qs';
|
||||||
import { ThumbnailHelperFunctions } from '../../../admin/js/utilities.js';
|
import { ThumbnailHelperFunctions } from '../../../admin/js/utilities.js';
|
||||||
import TainacanBlocksCompatToolbar from '../../js/compatibility/tainacan-blocks-compat-toolbar.js';
|
import TainacanBlocksCompatToolbar from '../../js/compatibility/tainacan-blocks-compat-toolbar.js';
|
||||||
|
|
||||||
export default function({ attributes, setAttributes, className, isSelected, clientId }) {
|
export default function({ attributes, setAttributes, isSelected, clientId }) {
|
||||||
let {
|
let {
|
||||||
facets,
|
facets,
|
||||||
facetsObject,
|
facetsObject,
|
||||||
|
|
@ -51,6 +51,7 @@ export default function({ attributes, setAttributes, className, isSelected, clie
|
||||||
|
|
||||||
// Gets blocks props from hook
|
// Gets blocks props from hook
|
||||||
const blockProps = useBlockProps();
|
const blockProps = useBlockProps();
|
||||||
|
const className = blockProps.className;
|
||||||
|
|
||||||
// Obtains block's client id to render it on save function
|
// Obtains block's client id to render it on save function
|
||||||
setAttributes({ blockId: clientId });
|
setAttributes({ blockId: clientId });
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
const { useBlockProps } = wp.blockEditor;
|
const { useBlockProps } = wp.blockEditor;
|
||||||
|
|
||||||
export default function({ attributes, className }) {
|
export default function({ attributes }) {
|
||||||
const {
|
const {
|
||||||
content,
|
content,
|
||||||
blockId,
|
blockId,
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@ import SingleItemMetadatumModal from '../../js/selection/single-item-metadatum-m
|
||||||
import TainacanBlocksCompatToolbar from '../../js/compatibility/tainacan-blocks-compat-toolbar.js';
|
import TainacanBlocksCompatToolbar from '../../js/compatibility/tainacan-blocks-compat-toolbar.js';
|
||||||
import getCollectionIdFromPossibleTemplateEdition from '../../js/template/tainacan-blocks-single-item-template-mode.js';
|
import getCollectionIdFromPossibleTemplateEdition from '../../js/template/tainacan-blocks-single-item-template-mode.js';
|
||||||
|
|
||||||
export default function ({ attributes, setAttributes, className, isSelected }) {
|
export default function ({ attributes, setAttributes, isSelected }) {
|
||||||
|
|
||||||
let {
|
let {
|
||||||
content,
|
content,
|
||||||
|
|
@ -27,6 +27,7 @@ export default function ({ attributes, setAttributes, className, isSelected }) {
|
||||||
[ `has-text-align-${ textAlign }` ]: textAlign,
|
[ `has-text-align-${ textAlign }` ]: textAlign,
|
||||||
}
|
}
|
||||||
} );
|
} );
|
||||||
|
const className = blockProps.className;
|
||||||
const currentWPVersion = (typeof tainacan_blocks != 'undefined') ? tainacan_blocks.wp_version : tainacan_plugin.wp_version;
|
const currentWPVersion = (typeof tainacan_blocks != 'undefined') ? tainacan_blocks.wp_version : tainacan_plugin.wp_version;
|
||||||
|
|
||||||
// Checks if we are in template mode, if so, gets the collection Id from URL.
|
// Checks if we are in template mode, if so, gets the collection Id from URL.
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@ const { InspectorControls, useBlockProps } = wp.blockEditor;
|
||||||
import SingleItemModal from '../../js/selection/single-item-modal.js';
|
import SingleItemModal from '../../js/selection/single-item-modal.js';
|
||||||
import getCollectionIdFromPossibleTemplateEdition from '../../js/template/tainacan-blocks-single-item-template-mode.js';
|
import getCollectionIdFromPossibleTemplateEdition from '../../js/template/tainacan-blocks-single-item-template-mode.js';
|
||||||
|
|
||||||
export default function ({ attributes, setAttributes, className, isSelected, clientId }) {
|
export default function ({ attributes, setAttributes, isSelected, clientId }) {
|
||||||
|
|
||||||
let {
|
let {
|
||||||
content,
|
content,
|
||||||
|
|
@ -39,7 +39,7 @@ export default function ({ attributes, setAttributes, className, isSelected, cli
|
||||||
|
|
||||||
// Gets blocks props from hook
|
// Gets blocks props from hook
|
||||||
const blockProps = useBlockProps();
|
const blockProps = useBlockProps();
|
||||||
const currentWPVersion = (typeof tainacan_blocks != 'undefined') ? tainacan_blocks.wp_version : tainacan_plugin.wp_version;
|
const className = blockProps.className;
|
||||||
|
|
||||||
// Obtains block's client id to render it on save function
|
// Obtains block's client id to render it on save function
|
||||||
setAttributes({ blockId: clientId });
|
setAttributes({ blockId: clientId });
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,8 @@
|
||||||
|
@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';
|
||||||
|
|
||||||
.item-gallery-edit-container {
|
.item-gallery-edit-container {
|
||||||
.tainacan-media-component {
|
.tainacan-media-component {
|
||||||
.swiper-slide,
|
.swiper-slide,
|
||||||
|
|
@ -98,7 +103,7 @@
|
||||||
fill: currentColor;
|
fill: currentColor;
|
||||||
}
|
}
|
||||||
ul.swiper-wrapper {
|
ul.swiper-wrapper {
|
||||||
list-style: none;
|
list-style: none !important;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -6,10 +6,6 @@ import PhotoSwipeLightbox from 'photoswipe/lightbox';
|
||||||
import PhotoSwipe from 'photoswipe';
|
import PhotoSwipe from 'photoswipe';
|
||||||
import 'photoswipe/dist/photoswipe.css';
|
import 'photoswipe/dist/photoswipe.css';
|
||||||
import Swiper, { Navigation, A11y, Thumbs } from 'swiper';
|
import Swiper, { Navigation, A11y, Thumbs } from 'swiper';
|
||||||
import 'swiper/css';
|
|
||||||
import 'swiper/css/navigation';
|
|
||||||
import 'swiper/css/a11y';
|
|
||||||
import 'swiper/css/controller';
|
|
||||||
|
|
||||||
const { __ } = wp.i18n;
|
const { __ } = wp.i18n;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@ import getCollectionIdFromPossibleTemplateEdition from '../../js/template/tainac
|
||||||
import tainacan from '../../js/axios.js';
|
import tainacan from '../../js/axios.js';
|
||||||
import axios from 'axios';
|
import axios from 'axios';
|
||||||
|
|
||||||
export default function ({ attributes, setAttributes, className, isSelected }) {
|
export default function ({ attributes, setAttributes, isSelected }) {
|
||||||
|
|
||||||
let {
|
let {
|
||||||
content,
|
content,
|
||||||
|
|
@ -36,7 +36,7 @@ export default function ({ attributes, setAttributes, className, isSelected }) {
|
||||||
[ `has-text-align-${ textAlign }` ]: textAlign,
|
[ `has-text-align-${ textAlign }` ]: textAlign,
|
||||||
}
|
}
|
||||||
} );
|
} );
|
||||||
const currentWPVersion = (typeof tainacan_blocks != 'undefined') ? tainacan_blocks.wp_version : tainacan_plugin.wp_version;
|
const className = blockProps.className;
|
||||||
|
|
||||||
function setContent() {
|
function setContent() {
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@ import getCollectionIdFromPossibleTemplateEdition from '../../js/template/tainac
|
||||||
import tainacan from '../../js/axios.js';
|
import tainacan from '../../js/axios.js';
|
||||||
import axios from 'axios';
|
import axios from 'axios';
|
||||||
|
|
||||||
export default function ({ attributes, setAttributes, className, isSelected }) {
|
export default function ({ attributes, setAttributes, isSelected }) {
|
||||||
|
|
||||||
let {
|
let {
|
||||||
content,
|
content,
|
||||||
|
|
@ -32,7 +32,7 @@ export default function ({ attributes, setAttributes, className, isSelected }) {
|
||||||
[ `has-text-align-${ textAlign }` ]: textAlign,
|
[ `has-text-align-${ textAlign }` ]: textAlign,
|
||||||
}
|
}
|
||||||
} );
|
} );
|
||||||
const currentWPVersion = (typeof tainacan_blocks != 'undefined') ? tainacan_blocks.wp_version : tainacan_plugin.wp_version;
|
const className = blockProps.className;
|
||||||
|
|
||||||
function setContent() {
|
function setContent() {
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@ import getCollectionIdFromPossibleTemplateEdition from '../../js/template/tainac
|
||||||
import tainacan from '../../js/axios.js';
|
import tainacan from '../../js/axios.js';
|
||||||
import axios from 'axios';
|
import axios from 'axios';
|
||||||
|
|
||||||
export default function ({ attributes, setAttributes, className, isSelected }) {
|
export default function ({ attributes, setAttributes, isSelected }) {
|
||||||
|
|
||||||
let {
|
let {
|
||||||
content,
|
content,
|
||||||
|
|
@ -35,7 +35,7 @@ export default function ({ attributes, setAttributes, className, isSelected }) {
|
||||||
[ `has-text-align-${ textAlign }` ]: textAlign,
|
[ `has-text-align-${ textAlign }` ]: textAlign,
|
||||||
}
|
}
|
||||||
} );
|
} );
|
||||||
const currentWPVersion = (typeof tainacan_blocks != 'undefined') ? tainacan_blocks.wp_version : tainacan_plugin.wp_version;
|
const className = blockProps.className;
|
||||||
|
|
||||||
function setContent() {
|
function setContent() {
|
||||||
if ( dataSource === 'parent' && templateMode) {
|
if ( dataSource === 'parent' && templateMode) {
|
||||||
|
|
|
||||||
|
|
@ -17,7 +17,7 @@ const levelToPath = {
|
||||||
6: 'M9 15H7v-4H3v4H1V5h2v4h4V5h2v10zm8.6-7.5c-.2-.2-.5-.4-.8-.5-.6-.2-1.3-.2-1.9 0-.3.1-.6.3-.8.5l-.6.9c-.2.5-.2.9-.2 1.4.4-.3.8-.6 1.2-.8.4-.2.8-.3 1.3-.3.4 0 .8 0 1.2.2.4.1.7.3 1 .6.3.3.5.6.7.9.2.4.3.8.3 1.3s-.1.9-.3 1.4c-.2.4-.5.7-.8 1-.4.3-.8.5-1.2.6-1 .3-2 .3-3 0-.5-.2-1-.5-1.4-.9-.4-.4-.8-.9-1-1.5-.2-.6-.3-1.3-.3-2.1s.1-1.6.4-2.3c.2-.6.6-1.2 1-1.6.4-.4.9-.7 1.4-.9.6-.3 1.1-.4 1.7-.4.7 0 1.4.1 2 .3.5.2 1 .5 1.4.8 0 .1-1.3 1.4-1.3 1.4zm-2.4 5.8c.2 0 .4 0 .6-.1.2 0 .4-.1.5-.2.1-.1.3-.3.4-.5.1-.2.1-.5.1-.7 0-.4-.1-.8-.4-1.1-.3-.2-.7-.3-1.1-.3-.3 0-.7.1-1 .2-.4.2-.7.4-1 .7 0 .3.1.7.3 1 .1.2.3.4.4.6.2.1.3.3.5.3.2.1.5.2.7.1z',
|
6: 'M9 15H7v-4H3v4H1V5h2v4h4V5h2v10zm8.6-7.5c-.2-.2-.5-.4-.8-.5-.6-.2-1.3-.2-1.9 0-.3.1-.6.3-.8.5l-.6.9c-.2.5-.2.9-.2 1.4.4-.3.8-.6 1.2-.8.4-.2.8-.3 1.3-.3.4 0 .8 0 1.2.2.4.1.7.3 1 .6.3.3.5.6.7.9.2.4.3.8.3 1.3s-.1.9-.3 1.4c-.2.4-.5.7-.8 1-.4.3-.8.5-1.2.6-1 .3-2 .3-3 0-.5-.2-1-.5-1.4-.9-.4-.4-.8-.9-1-1.5-.2-.6-.3-1.3-.3-2.1s.1-1.6.4-2.3c.2-.6.6-1.2 1-1.6.4-.4.9-.7 1.4-.9.6-.3 1.1-.4 1.7-.4.7 0 1.4.1 2 .3.5.2 1 .5 1.4.8 0 .1-1.3 1.4-1.3 1.4zm-2.4 5.8c.2 0 .4 0 .6-.1.2 0 .4-.1.5-.2.1-.1.3-.3.4-.5.1-.2.1-.5.1-.7 0-.4-.1-.8-.4-1.1-.3-.2-.7-.3-1.1-.3-.3 0-.7.1-1 .2-.4.2-.7.4-1 .7 0 .3.1.7.3 1 .1.2.3.4.4.6.2.1.3.3.5.3.2.1.5.2.7.1z',
|
||||||
};
|
};
|
||||||
|
|
||||||
export default function ({ attributes, setAttributes, className, isSelected }) {
|
export default function ({ attributes, setAttributes, isSelected }) {
|
||||||
|
|
||||||
let {
|
let {
|
||||||
content,
|
content,
|
||||||
|
|
@ -38,7 +38,7 @@ export default function ({ attributes, setAttributes, className, isSelected }) {
|
||||||
[ `has-text-align-${ textAlign }` ]: textAlign,
|
[ `has-text-align-${ textAlign }` ]: textAlign,
|
||||||
}
|
}
|
||||||
} );
|
} );
|
||||||
const currentWPVersion = (typeof tainacan_blocks != 'undefined') ? tainacan_blocks.wp_version : tainacan_plugin.wp_version;
|
const className = blockProps.className;
|
||||||
|
|
||||||
// Checks if we are in template mode, if so, gets the collection Id from URL.
|
// Checks if we are in template mode, if so, gets the collection Id from URL.
|
||||||
if ( !templateMode ) {
|
if ( !templateMode ) {
|
||||||
|
|
|
||||||
|
|
@ -2,6 +2,7 @@
|
||||||
"$schema": "https://schemas.wp.org/trunk/block.json",
|
"$schema": "https://schemas.wp.org/trunk/block.json",
|
||||||
"name": "tainacan/item-submission-form",
|
"name": "tainacan/item-submission-form",
|
||||||
"title": "Tainacan Item Submission Form",
|
"title": "Tainacan Item Submission Form",
|
||||||
|
"apiVersion": 3,
|
||||||
"category": "tainacan-blocks",
|
"category": "tainacan-blocks",
|
||||||
"keywords": [ "item", "submission", "form" ],
|
"keywords": [ "item", "submission", "form" ],
|
||||||
"description": "A public item submission form, to allow visitors to create items drafts.",
|
"description": "A public item submission form, to allow visitors to create items drafts.",
|
||||||
|
|
|
||||||
|
|
@ -21,7 +21,7 @@ import tainacan from '../../js/axios.js';
|
||||||
import CollectionModal from '../faceted-search/collection-modal.js';
|
import CollectionModal from '../faceted-search/collection-modal.js';
|
||||||
import TainacanBlocksCompatToolbar from '../../js/compatibility/tainacan-blocks-compat-toolbar.js';
|
import TainacanBlocksCompatToolbar from '../../js/compatibility/tainacan-blocks-compat-toolbar.js';
|
||||||
|
|
||||||
export default function ({ attributes, setAttributes, className }) {
|
export default function ({ attributes, setAttributes }) {
|
||||||
let {
|
let {
|
||||||
collectionId,
|
collectionId,
|
||||||
isCollectionModalOpen,
|
isCollectionModalOpen,
|
||||||
|
|
@ -61,7 +61,8 @@ export default function ({ attributes, setAttributes, className }) {
|
||||||
} = attributes;
|
} = attributes;
|
||||||
|
|
||||||
const blockProps = useBlockProps();
|
const blockProps = useBlockProps();
|
||||||
|
const className = blockProps.className;
|
||||||
|
|
||||||
const fontSizes = [
|
const fontSizes = [
|
||||||
{
|
{
|
||||||
name: __( 'Tiny', 'tainacan' ),
|
name: __( 'Tiny', 'tainacan' ),
|
||||||
|
|
@ -145,7 +146,7 @@ export default function ({ attributes, setAttributes, className }) {
|
||||||
src={ `${tainacan_blocks.base_url}/assets/images/item-submission-form.png` } />
|
src={ `${tainacan_blocks.base_url}/assets/images/item-submission-form.png` } />
|
||||||
</div>
|
</div>
|
||||||
: (
|
: (
|
||||||
<div className={className}>
|
<div { ...blockProps }>
|
||||||
|
|
||||||
{ collectionId ?
|
{ collectionId ?
|
||||||
<BlockControls>
|
<BlockControls>
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
const { RichText, useBlockProps } = wp.blockEditor;
|
const { RichText, useBlockProps } = wp.blockEditor;
|
||||||
|
|
||||||
export default function({ attributes, className }) {
|
export default function({ attributes }) {
|
||||||
const {
|
const {
|
||||||
collectionId,
|
collectionId,
|
||||||
backgroundColor,
|
backgroundColor,
|
||||||
|
|
@ -37,6 +37,8 @@ export default function({ attributes, className }) {
|
||||||
} = attributes;
|
} = attributes;
|
||||||
|
|
||||||
const blockProps = useBlockProps.save();
|
const blockProps = useBlockProps.save();
|
||||||
|
const className = blockProps.className;
|
||||||
|
|
||||||
let termsAgreementMessageHTML = <RichText.Content { ...blockProps } tagName="p" value={ termsAgreementMessage } />;
|
let termsAgreementMessageHTML = <RichText.Content { ...blockProps } tagName="p" value={ termsAgreementMessage } />;
|
||||||
termsAgreementMessageHTML = (termsAgreementMessageHTML && termsAgreementMessageHTML.props && termsAgreementMessageHTML.props.value) ? termsAgreementMessageHTML.props.value : '';
|
termsAgreementMessageHTML = (termsAgreementMessageHTML && termsAgreementMessageHTML.props && termsAgreementMessageHTML.props.value) ? termsAgreementMessageHTML.props.value : '';
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@ const { InspectorControls, BlockControls, useBlockProps } = wp.blockEditor;
|
||||||
import TainacanBlocksCompatToolbar from '../../js/compatibility/tainacan-blocks-compat-toolbar.js';
|
import TainacanBlocksCompatToolbar from '../../js/compatibility/tainacan-blocks-compat-toolbar.js';
|
||||||
import ItemsModal from './items-modal.js';
|
import ItemsModal from './items-modal.js';
|
||||||
|
|
||||||
export default function({ attributes, setAttributes, className, isSelected }) {
|
export default function({ attributes, setAttributes, isSelected }) {
|
||||||
let {
|
let {
|
||||||
selectedItemsObject,
|
selectedItemsObject,
|
||||||
selectedItemsHTML,
|
selectedItemsHTML,
|
||||||
|
|
@ -22,6 +22,7 @@ export default function({ attributes, setAttributes, className, isSelected }) {
|
||||||
|
|
||||||
// Gets blocks props from hook
|
// Gets blocks props from hook
|
||||||
const blockProps = useBlockProps();
|
const blockProps = useBlockProps();
|
||||||
|
const className = blockProps.className;
|
||||||
|
|
||||||
function prepareItem(item) {
|
function prepareItem(item) {
|
||||||
return (
|
return (
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
const { useBlockProps } = wp.blockEditor;
|
const { useBlockProps } = wp.blockEditor;
|
||||||
|
|
||||||
export default function({ attributes, className }) {
|
export default function({ attributes }) {
|
||||||
const { content } = attributes;
|
const { content } = attributes;
|
||||||
|
|
||||||
// Gets attributes such as style, that are automatically added by the editor hook
|
// Gets attributes such as style, that are automatically added by the editor hook
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@ const { __ } = wp.i18n;
|
||||||
|
|
||||||
const { useBlockProps, BlockControls, AlignmentControl } = wp.blockEditor;
|
const { useBlockProps, BlockControls, AlignmentControl } = wp.blockEditor;
|
||||||
|
|
||||||
export default function ({ attributes, setAttributes, className, context }) {
|
export default function ({ attributes, setAttributes, context }) {
|
||||||
|
|
||||||
let {
|
let {
|
||||||
content,
|
content,
|
||||||
|
|
@ -17,6 +17,7 @@ export default function ({ attributes, setAttributes, className, context }) {
|
||||||
[ `has-text-align-${ textAlign }` ]: textAlign,
|
[ `has-text-align-${ textAlign }` ]: textAlign,
|
||||||
}
|
}
|
||||||
} );
|
} );
|
||||||
|
const className = blockProps.className;
|
||||||
|
|
||||||
if (context['tainacan/metadataSectionId'])
|
if (context['tainacan/metadataSectionId'])
|
||||||
sectionId = context['tainacan/metadataSectionId'];
|
sectionId = context['tainacan/metadataSectionId'];
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,7 @@ const levelToPath = {
|
||||||
6: 'M9 15H7v-4H3v4H1V5h2v4h4V5h2v10zm8.6-7.5c-.2-.2-.5-.4-.8-.5-.6-.2-1.3-.2-1.9 0-.3.1-.6.3-.8.5l-.6.9c-.2.5-.2.9-.2 1.4.4-.3.8-.6 1.2-.8.4-.2.8-.3 1.3-.3.4 0 .8 0 1.2.2.4.1.7.3 1 .6.3.3.5.6.7.9.2.4.3.8.3 1.3s-.1.9-.3 1.4c-.2.4-.5.7-.8 1-.4.3-.8.5-1.2.6-1 .3-2 .3-3 0-.5-.2-1-.5-1.4-.9-.4-.4-.8-.9-1-1.5-.2-.6-.3-1.3-.3-2.1s.1-1.6.4-2.3c.2-.6.6-1.2 1-1.6.4-.4.9-.7 1.4-.9.6-.3 1.1-.4 1.7-.4.7 0 1.4.1 2 .3.5.2 1 .5 1.4.8 0 .1-1.3 1.4-1.3 1.4zm-2.4 5.8c.2 0 .4 0 .6-.1.2 0 .4-.1.5-.2.1-.1.3-.3.4-.5.1-.2.1-.5.1-.7 0-.4-.1-.8-.4-1.1-.3-.2-.7-.3-1.1-.3-.3 0-.7.1-1 .2-.4.2-.7.4-1 .7 0 .3.1.7.3 1 .1.2.3.4.4.6.2.1.3.3.5.3.2.1.5.2.7.1z',
|
6: 'M9 15H7v-4H3v4H1V5h2v4h4V5h2v10zm8.6-7.5c-.2-.2-.5-.4-.8-.5-.6-.2-1.3-.2-1.9 0-.3.1-.6.3-.8.5l-.6.9c-.2.5-.2.9-.2 1.4.4-.3.8-.6 1.2-.8.4-.2.8-.3 1.3-.3.4 0 .8 0 1.2.2.4.1.7.3 1 .6.3.3.5.6.7.9.2.4.3.8.3 1.3s-.1.9-.3 1.4c-.2.4-.5.7-.8 1-.4.3-.8.5-1.2.6-1 .3-2 .3-3 0-.5-.2-1-.5-1.4-.9-.4-.4-.8-.9-1-1.5-.2-.6-.3-1.3-.3-2.1s.1-1.6.4-2.3c.2-.6.6-1.2 1-1.6.4-.4.9-.7 1.4-.9.6-.3 1.1-.4 1.7-.4.7 0 1.4.1 2 .3.5.2 1 .5 1.4.8 0 .1-1.3 1.4-1.3 1.4zm-2.4 5.8c.2 0 .4 0 .6-.1.2 0 .4-.1.5-.2.1-.1.3-.3.4-.5.1-.2.1-.5.1-.7 0-.4-.1-.8-.4-1.1-.3-.2-.7-.3-1.1-.3-.3 0-.7.1-1 .2-.4.2-.7.4-1 .7 0 .3.1.7.3 1 .1.2.3.4.4.6.2.1.3.3.5.3.2.1.5.2.7.1z',
|
||||||
};
|
};
|
||||||
|
|
||||||
export default function ({ attributes, setAttributes, className, context }) {
|
export default function ({ attributes, setAttributes, context }) {
|
||||||
|
|
||||||
let {
|
let {
|
||||||
content,
|
content,
|
||||||
|
|
@ -28,6 +28,7 @@ export default function ({ attributes, setAttributes, className, context }) {
|
||||||
[ `has-text-align-${ textAlign }` ]: textAlign,
|
[ `has-text-align-${ textAlign }` ]: textAlign,
|
||||||
}
|
}
|
||||||
} );
|
} );
|
||||||
|
const className = blockProps.className;
|
||||||
|
|
||||||
if (context['tainacan/metadataSectionId'])
|
if (context['tainacan/metadataSectionId'])
|
||||||
sectionId = context['tainacan/metadataSectionId'];
|
sectionId = context['tainacan/metadataSectionId'];
|
||||||
|
|
|
||||||
|
|
@ -2,6 +2,7 @@
|
||||||
"$schema": "https://schemas.wp.org/trunk/block.json",
|
"$schema": "https://schemas.wp.org/trunk/block.json",
|
||||||
"name": "tainacan/related-items-list",
|
"name": "tainacan/related-items-list",
|
||||||
"title": "Tainacan Related Items List",
|
"title": "Tainacan Related Items List",
|
||||||
|
"apiVersion": 3,
|
||||||
"category": "tainacan-blocks",
|
"category": "tainacan-blocks",
|
||||||
"keywords": [ "items", "carousel", "slider", "relationship" ],
|
"keywords": [ "items", "carousel", "slider", "relationship" ],
|
||||||
"description": "A set of lists to display items related to a certain item via relationship metadata.",
|
"description": "A set of lists to display items related to a certain item via relationship metadata.",
|
||||||
|
|
|
||||||
|
|
@ -2,13 +2,13 @@ const { __ } = wp.i18n;
|
||||||
|
|
||||||
const { Spinner, Button, Placeholder } = wp.components;
|
const { Spinner, Button, Placeholder } = wp.components;
|
||||||
|
|
||||||
const { InnerBlocks } = wp.blockEditor;
|
const { InnerBlocks, useBlockProps } = wp.blockEditor;
|
||||||
|
|
||||||
import SingleItemModal from '../../js/selection/single-item-modal.js';
|
import SingleItemModal from '../../js/selection/single-item-modal.js';
|
||||||
import tainacan from '../../js/axios.js';
|
import tainacan from '../../js/axios.js';
|
||||||
import axios from 'axios';
|
import axios from 'axios';
|
||||||
|
|
||||||
export default function ({ attributes, setAttributes, className, isSelected }) {
|
export default function ({ attributes, setAttributes, isSelected }) {
|
||||||
|
|
||||||
let {
|
let {
|
||||||
content,
|
content,
|
||||||
|
|
@ -21,6 +21,10 @@ export default function ({ attributes, setAttributes, className, isSelected }) {
|
||||||
relatedItemsTemplate,
|
relatedItemsTemplate,
|
||||||
itemsListlayout
|
itemsListlayout
|
||||||
} = attributes;
|
} = attributes;
|
||||||
|
|
||||||
|
// Gets blocks props from hook
|
||||||
|
const blockProps = useBlockProps();
|
||||||
|
const className = blockProps.className;
|
||||||
|
|
||||||
function setContent(){
|
function setContent(){
|
||||||
isLoading = true;
|
isLoading = true;
|
||||||
|
|
@ -138,7 +142,7 @@ export default function ({ attributes, setAttributes, className, isSelected }) {
|
||||||
src={ `${tainacan_blocks.base_url}/assets/images/related-carousel-items.png` } />
|
src={ `${tainacan_blocks.base_url}/assets/images/related-carousel-items.png` } />
|
||||||
</div>
|
</div>
|
||||||
: (
|
: (
|
||||||
<div className={className}>
|
<div { ...blockProps }>
|
||||||
|
|
||||||
{ isSelected ?
|
{ isSelected ?
|
||||||
(
|
(
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,6 @@
|
||||||
const { InnerBlocks} = wp.blockEditor;
|
const { InnerBlocks, useBlockProps } = wp.blockEditor;
|
||||||
|
|
||||||
export default function({ className }) {
|
export default function() {
|
||||||
return <div data-module="related-items-list" className={ className }><InnerBlocks.Content /></div>
|
const blockProps = useBlockProps.save();
|
||||||
|
return <div { ...blockProps } data-module="related-items-list"><InnerBlocks.Content /></div>
|
||||||
};
|
};
|
||||||
|
|
@ -7,7 +7,7 @@ const { InspectorControls, BlockControls, useBlockProps } = wp.blockEditor;
|
||||||
import TainacanBlocksCompatToolbar from '../../js/compatibility/tainacan-blocks-compat-toolbar.js';
|
import TainacanBlocksCompatToolbar from '../../js/compatibility/tainacan-blocks-compat-toolbar.js';
|
||||||
import SearchBarModal from './search-bar-modal.js';
|
import SearchBarModal from './search-bar-modal.js';
|
||||||
|
|
||||||
export default function({ attributes, setAttributes, className, isSelected }) {
|
export default function({ attributes, setAttributes, isSelected }) {
|
||||||
let {
|
let {
|
||||||
content,
|
content,
|
||||||
collectionId,
|
collectionId,
|
||||||
|
|
@ -29,6 +29,7 @@ export default function({ attributes, setAttributes, className, isSelected }) {
|
||||||
|
|
||||||
// Gets blocks props from hook
|
// Gets blocks props from hook
|
||||||
const blockProps = useBlockProps();
|
const blockProps = useBlockProps();
|
||||||
|
const className = blockProps.className;
|
||||||
|
|
||||||
function setContent(){
|
function setContent(){
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
const { useBlockProps } = wp.blockEditor;
|
const { useBlockProps } = wp.blockEditor;
|
||||||
|
|
||||||
export default function({ attributes, className }) {
|
export default function({ attributes }) {
|
||||||
const { content } = attributes;
|
const { content } = attributes;
|
||||||
|
|
||||||
// Gets attributes such as style, that are automatically added by the editor hook
|
// Gets attributes such as style, that are automatically added by the editor hook
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@ const { InspectorControls, BlockControls, useBlockProps } = wp.blockEditor;
|
||||||
import TainacanBlocksCompatToolbar from '../../js/compatibility/tainacan-blocks-compat-toolbar.js';
|
import TainacanBlocksCompatToolbar from '../../js/compatibility/tainacan-blocks-compat-toolbar.js';
|
||||||
import TermsModal from './terms-modal.js';
|
import TermsModal from './terms-modal.js';
|
||||||
|
|
||||||
export default function({ attributes, setAttributes, className, isSelected }){
|
export default function({ attributes, setAttributes, isSelected }){
|
||||||
let {
|
let {
|
||||||
selectedTermsObject,
|
selectedTermsObject,
|
||||||
selectedTermsHTML,
|
selectedTermsHTML,
|
||||||
|
|
@ -21,6 +21,7 @@ export default function({ attributes, setAttributes, className, isSelected }){
|
||||||
|
|
||||||
// Gets blocks props from hook
|
// Gets blocks props from hook
|
||||||
const blockProps = useBlockProps();
|
const blockProps = useBlockProps();
|
||||||
|
const className = blockProps.className;
|
||||||
|
|
||||||
function prepareTerm(term) {
|
function prepareTerm(term) {
|
||||||
return (
|
return (
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
const { useBlockProps } = wp.blockEditor;
|
const { useBlockProps } = wp.blockEditor;
|
||||||
|
|
||||||
export default function({ attributes, className }){
|
export default function({ attributes }){
|
||||||
const { content } = attributes;
|
const { content } = attributes;
|
||||||
|
|
||||||
// Gets attributes such as style, that are automatically added by the editor hook
|
// Gets attributes such as style, that are automatically added by the editor hook
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue