FEATURE Modifying block to handle logos differentlyu and removing unused svg background
This commit is contained in:
Antoine M
parent
2cee49d71e
commit
05ba550d9f
|
|
@ -1,4 +1 @@
|
|||
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
|
||||
!*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.103.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.103.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.94.1_webpack@5.103.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/highlight-timeline/editor.scss ***!
|
||||
\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
|
||||
|
||||
|
|
|
|||
|
|
@ -1,374 +1 @@
|
|||
/******/ (() => { // webpackBootstrap
|
||||
/******/ "use strict";
|
||||
/******/ var __webpack_modules__ = ({
|
||||
|
||||
/***/ "./src/highlight-timeline/block.json":
|
||||
/*!*******************************************!*\
|
||||
!*** ./src/highlight-timeline/block.json ***!
|
||||
\*******************************************/
|
||||
/***/ ((module) => {
|
||||
|
||||
module.exports = /*#__PURE__*/JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"carhop-blocks/highlight-timeline","version":"0.1.0","title":"Highlight Timeline","category":"carhop-blocks","icon":"smiley","description":"Highlight Timeline pour la mise en forme d\'une timeline avec des éléments en surbrillance","example":{},"supports":{"html":false},"textdomain":"highlight-timeline","editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css","viewScript":"file:./view.js","render":"file:./render.php"}');
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./src/highlight-timeline/edit.js":
|
||||
/*!****************************************!*\
|
||||
!*** ./src/highlight-timeline/edit.js ***!
|
||||
\****************************************/
|
||||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||||
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||||
/* harmony export */ "default": () => (/* binding */ Edit)
|
||||
/* harmony export */ });
|
||||
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
|
||||
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__);
|
||||
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
|
||||
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__);
|
||||
/* harmony import */ var _editor_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./editor.scss */ "./src/highlight-timeline/editor.scss");
|
||||
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data");
|
||||
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_3__);
|
||||
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
|
||||
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
function Edit({
|
||||
attributes,
|
||||
setAttributes,
|
||||
...props
|
||||
}) {
|
||||
const years = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_3__.useSelect)(select => {
|
||||
const {
|
||||
getBlocks
|
||||
} = select("core/block-editor");
|
||||
const childBlocks = getBlocks(props.clientId) || [];
|
||||
return childBlocks.filter(b => b.name === "carhop-blocks/highlight-timeline-step").map(b => b.attributes?.year).filter(y => y !== undefined && y !== null && y !== "");
|
||||
}, [props.clientId]);
|
||||
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
|
||||
...(0,_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.useBlockProps)({
|
||||
className: "highlight-timeline"
|
||||
}),
|
||||
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
|
||||
className: "highlight-timeline__innerblocks",
|
||||
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.InnerBlocks, {
|
||||
allowedBlocks: ["carhop-blocks/highlight-timeline-step"]
|
||||
})
|
||||
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("ul", {
|
||||
className: "highlight-timeline__years",
|
||||
children: years.map((y, idx) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("li", {
|
||||
className: "story-timeline__year",
|
||||
children: y
|
||||
}, idx))
|
||||
})]
|
||||
});
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./src/highlight-timeline/editor.scss":
|
||||
/*!********************************************!*\
|
||||
!*** ./src/highlight-timeline/editor.scss ***!
|
||||
\********************************************/
|
||||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||||
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
// extracted by mini-css-extract-plugin
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./src/highlight-timeline/index.js":
|
||||
/*!*****************************************!*\
|
||||
!*** ./src/highlight-timeline/index.js ***!
|
||||
\*****************************************/
|
||||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||||
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/blocks */ "@wordpress/blocks");
|
||||
/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_blocks__WEBPACK_IMPORTED_MODULE_0__);
|
||||
/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./style.scss */ "./src/highlight-timeline/style.scss");
|
||||
/* harmony import */ var _edit__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./edit */ "./src/highlight-timeline/edit.js");
|
||||
/* harmony import */ var _save__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./save */ "./src/highlight-timeline/save.js");
|
||||
/* harmony import */ var _block_json__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./block.json */ "./src/highlight-timeline/block.json");
|
||||
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
|
||||
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
(0,_wordpress_blocks__WEBPACK_IMPORTED_MODULE_0__.registerBlockType)(_block_json__WEBPACK_IMPORTED_MODULE_4__.name, {
|
||||
icon: {
|
||||
src: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("svg", {
|
||||
width: "32",
|
||||
height: "32",
|
||||
viewBox: "0 0 32 32",
|
||||
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("path", {
|
||||
d: "M16 24L8 16L16 8L24 16L16 24Z"
|
||||
})
|
||||
})
|
||||
},
|
||||
edit: _edit__WEBPACK_IMPORTED_MODULE_2__["default"],
|
||||
save: _save__WEBPACK_IMPORTED_MODULE_3__["default"]
|
||||
});
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./src/highlight-timeline/save.js":
|
||||
/*!****************************************!*\
|
||||
!*** ./src/highlight-timeline/save.js ***!
|
||||
\****************************************/
|
||||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||||
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||||
/* harmony export */ "default": () => (/* binding */ save)
|
||||
/* harmony export */ });
|
||||
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
|
||||
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_0__);
|
||||
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
|
||||
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);
|
||||
|
||||
|
||||
function save({
|
||||
attributes
|
||||
}) {
|
||||
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_0__.InnerBlocks.Content, {});
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./src/highlight-timeline/style.scss":
|
||||
/*!*******************************************!*\
|
||||
!*** ./src/highlight-timeline/style.scss ***!
|
||||
\*******************************************/
|
||||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||||
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
// extracted by mini-css-extract-plugin
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "@wordpress/block-editor":
|
||||
/*!*************************************!*\
|
||||
!*** external ["wp","blockEditor"] ***!
|
||||
\*************************************/
|
||||
/***/ ((module) => {
|
||||
|
||||
module.exports = window["wp"]["blockEditor"];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "@wordpress/blocks":
|
||||
/*!********************************!*\
|
||||
!*** external ["wp","blocks"] ***!
|
||||
\********************************/
|
||||
/***/ ((module) => {
|
||||
|
||||
module.exports = window["wp"]["blocks"];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "@wordpress/data":
|
||||
/*!******************************!*\
|
||||
!*** external ["wp","data"] ***!
|
||||
\******************************/
|
||||
/***/ ((module) => {
|
||||
|
||||
module.exports = window["wp"]["data"];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "@wordpress/i18n":
|
||||
/*!******************************!*\
|
||||
!*** external ["wp","i18n"] ***!
|
||||
\******************************/
|
||||
/***/ ((module) => {
|
||||
|
||||
module.exports = window["wp"]["i18n"];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "react/jsx-runtime":
|
||||
/*!**********************************!*\
|
||||
!*** external "ReactJSXRuntime" ***!
|
||||
\**********************************/
|
||||
/***/ ((module) => {
|
||||
|
||||
module.exports = window["ReactJSXRuntime"];
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
/************************************************************************/
|
||||
/******/ // The module cache
|
||||
/******/ var __webpack_module_cache__ = {};
|
||||
/******/
|
||||
/******/ // The require function
|
||||
/******/ function __webpack_require__(moduleId) {
|
||||
/******/ // Check if module is in cache
|
||||
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
||||
/******/ if (cachedModule !== undefined) {
|
||||
/******/ return cachedModule.exports;
|
||||
/******/ }
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = __webpack_module_cache__[moduleId] = {
|
||||
/******/ // no module.id needed
|
||||
/******/ // no module.loaded needed
|
||||
/******/ exports: {}
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // Execute the module function
|
||||
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
||||
/******/
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
/******/ }
|
||||
/******/
|
||||
/******/ // expose the modules object (__webpack_modules__)
|
||||
/******/ __webpack_require__.m = __webpack_modules__;
|
||||
/******/
|
||||
/************************************************************************/
|
||||
/******/ /* webpack/runtime/chunk loaded */
|
||||
/******/ (() => {
|
||||
/******/ var deferred = [];
|
||||
/******/ __webpack_require__.O = (result, chunkIds, fn, priority) => {
|
||||
/******/ if(chunkIds) {
|
||||
/******/ priority = priority || 0;
|
||||
/******/ for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];
|
||||
/******/ deferred[i] = [chunkIds, fn, priority];
|
||||
/******/ return;
|
||||
/******/ }
|
||||
/******/ var notFulfilled = Infinity;
|
||||
/******/ for (var i = 0; i < deferred.length; i++) {
|
||||
/******/ var [chunkIds, fn, priority] = deferred[i];
|
||||
/******/ var fulfilled = true;
|
||||
/******/ for (var j = 0; j < chunkIds.length; j++) {
|
||||
/******/ if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) {
|
||||
/******/ chunkIds.splice(j--, 1);
|
||||
/******/ } else {
|
||||
/******/ fulfilled = false;
|
||||
/******/ if(priority < notFulfilled) notFulfilled = priority;
|
||||
/******/ }
|
||||
/******/ }
|
||||
/******/ if(fulfilled) {
|
||||
/******/ deferred.splice(i--, 1)
|
||||
/******/ var r = fn();
|
||||
/******/ if (r !== undefined) result = r;
|
||||
/******/ }
|
||||
/******/ }
|
||||
/******/ return result;
|
||||
/******/ };
|
||||
/******/ })();
|
||||
/******/
|
||||
/******/ /* webpack/runtime/compat get default export */
|
||||
/******/ (() => {
|
||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||||
/******/ __webpack_require__.n = (module) => {
|
||||
/******/ var getter = module && module.__esModule ?
|
||||
/******/ () => (module['default']) :
|
||||
/******/ () => (module);
|
||||
/******/ __webpack_require__.d(getter, { a: getter });
|
||||
/******/ return getter;
|
||||
/******/ };
|
||||
/******/ })();
|
||||
/******/
|
||||
/******/ /* webpack/runtime/define property getters */
|
||||
/******/ (() => {
|
||||
/******/ // define getter functions for harmony exports
|
||||
/******/ __webpack_require__.d = (exports, definition) => {
|
||||
/******/ for(var key in definition) {
|
||||
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
||||
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
||||
/******/ }
|
||||
/******/ }
|
||||
/******/ };
|
||||
/******/ })();
|
||||
/******/
|
||||
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
||||
/******/ (() => {
|
||||
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
||||
/******/ })();
|
||||
/******/
|
||||
/******/ /* webpack/runtime/make namespace object */
|
||||
/******/ (() => {
|
||||
/******/ // define __esModule on exports
|
||||
/******/ __webpack_require__.r = (exports) => {
|
||||
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
||||
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||||
/******/ }
|
||||
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
||||
/******/ };
|
||||
/******/ })();
|
||||
/******/
|
||||
/******/ /* webpack/runtime/jsonp chunk loading */
|
||||
/******/ (() => {
|
||||
/******/ // no baseURI
|
||||
/******/
|
||||
/******/ // object to store loaded and loading chunks
|
||||
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
|
||||
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
|
||||
/******/ var installedChunks = {
|
||||
/******/ "highlight-timeline/index": 0,
|
||||
/******/ "highlight-timeline/style-index": 0
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // no chunk on demand loading
|
||||
/******/
|
||||
/******/ // no prefetching
|
||||
/******/
|
||||
/******/ // no preloaded
|
||||
/******/
|
||||
/******/ // no HMR
|
||||
/******/
|
||||
/******/ // no HMR manifest
|
||||
/******/
|
||||
/******/ __webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);
|
||||
/******/
|
||||
/******/ // install a JSONP callback for chunk loading
|
||||
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
|
||||
/******/ var [chunkIds, moreModules, runtime] = data;
|
||||
/******/ // add "moreModules" to the modules object,
|
||||
/******/ // then flag all "chunkIds" as loaded and fire callback
|
||||
/******/ var moduleId, chunkId, i = 0;
|
||||
/******/ if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
|
||||
/******/ for(moduleId in moreModules) {
|
||||
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
|
||||
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
|
||||
/******/ }
|
||||
/******/ }
|
||||
/******/ if(runtime) var result = runtime(__webpack_require__);
|
||||
/******/ }
|
||||
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
|
||||
/******/ for(;i < chunkIds.length; i++) {
|
||||
/******/ chunkId = chunkIds[i];
|
||||
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
|
||||
/******/ installedChunks[chunkId][0]();
|
||||
/******/ }
|
||||
/******/ installedChunks[chunkId] = 0;
|
||||
/******/ }
|
||||
/******/ return __webpack_require__.O(result);
|
||||
/******/ }
|
||||
/******/
|
||||
/******/ var chunkLoadingGlobal = globalThis["webpackChunkcarhop_blocks"] = globalThis["webpackChunkcarhop_blocks"] || [];
|
||||
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
|
||||
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
|
||||
/******/ })();
|
||||
/******/
|
||||
/************************************************************************/
|
||||
/******/
|
||||
/******/ // startup
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ // This entry module depends on other loaded chunks and execution need to be delayed
|
||||
/******/ var __webpack_exports__ = __webpack_require__.O(undefined, ["highlight-timeline/style-index"], () => (__webpack_require__("./src/highlight-timeline/index.js")))
|
||||
/******/ __webpack_exports__ = __webpack_require__.O(__webpack_exports__);
|
||||
/******/
|
||||
/******/ })()
|
||||
;
|
||||
//# sourceMappingURL=index.js.map
|
||||
(()=>{"use strict";var e,i={7301:()=>{const e=window.wp.blocks,i=(window.wp.i18n,window.wp.blockEditor),t=window.wp.data,r=window.ReactJSXRuntime,l=JSON.parse('{"UU":"carhop-blocks/highlight-timeline"}');(0,e.registerBlockType)(l.UU,{icon:{src:(0,r.jsx)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",children:(0,r.jsx)("path",{d:"M16 24L8 16L16 8L24 16L16 24Z"})})},edit:function({attributes:e,setAttributes:l,...s}){const o=(0,t.useSelect)(e=>{const{getBlocks:i}=e("core/block-editor");return(i(s.clientId)||[]).filter(e=>"carhop-blocks/highlight-timeline-step"===e.name).map(e=>e.attributes?.year).filter(e=>null!=e&&""!==e)},[s.clientId]);return(0,r.jsxs)("div",{...(0,i.useBlockProps)({className:"highlight-timeline"}),children:[(0,r.jsx)("div",{className:"highlight-timeline__innerblocks",children:(0,r.jsx)(i.InnerBlocks,{allowedBlocks:["carhop-blocks/highlight-timeline-step"]})}),(0,r.jsx)("ul",{className:"highlight-timeline__years",children:o.map((e,i)=>(0,r.jsx)("li",{className:"story-timeline__year",children:e},i))})]})},save:function({attributes:e}){return(0,r.jsx)(i.InnerBlocks.Content,{})}})}},t={};function r(e){var l=t[e];if(void 0!==l)return l.exports;var s=t[e]={exports:{}};return i[e](s,s.exports,r),s.exports}r.m=i,e=[],r.O=(i,t,l,s)=>{if(!t){var o=1/0;for(h=0;h<e.length;h++){for(var[t,l,s]=e[h],n=!0,c=0;c<t.length;c++)(!1&s||o>=s)&&Object.keys(r.O).every(e=>r.O[e](t[c]))?t.splice(c--,1):(n=!1,s<o&&(o=s));if(n){e.splice(h--,1);var a=l();void 0!==a&&(i=a)}}return i}s=s||0;for(var h=e.length;h>0&&e[h-1][2]>s;h--)e[h]=e[h-1];e[h]=[t,l,s]},r.o=(e,i)=>Object.prototype.hasOwnProperty.call(e,i),(()=>{var e={2454:0,3690:0};r.O.j=i=>0===e[i];var i=(i,t)=>{var l,s,[o,n,c]=t,a=0;if(o.some(i=>0!==e[i])){for(l in n)r.o(n,l)&&(r.m[l]=n[l]);if(c)var h=c(r)}for(i&&i(t);a<o.length;a++)s=o[a],r.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return r.O(h)},t=globalThis.webpackChunkcarhop_blocks=globalThis.webpackChunkcarhop_blocks||[];t.forEach(i.bind(null,0)),t.push=i.bind(null,t.push.bind(t))})();var l=r.O(void 0,[3690],()=>r(7301));l=r.O(l)})();
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,17 +1 @@
|
|||
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
|
||||
!*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.103.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.103.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.94.1_webpack@5.103.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/highlight-timeline/style.scss ***!
|
||||
\*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
|
||||
.highlight-timeline__years {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
}
|
||||
.highlight-timeline__years li {
|
||||
color: #fff;
|
||||
flex-grow: 1;
|
||||
text-align: center;
|
||||
list-style: none !important;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=style-index.css.map*/
|
||||
.highlight-timeline__years{display:flex;gap:20px;width:100%}.highlight-timeline__years li{border-bottom:1px solid #fff;color:#fff;flex-grow:1;list-style:none!important;text-align:center}
|
||||
|
|
|
|||
|
|
@ -1 +0,0 @@
|
|||
{"version":3,"file":"highlight-timeline/style-index.css","mappings":";;;AACC;EACC;EAEA;EAEA;AAFF;AAGE;EACC;EACA;EACA;EACA;EACA;AADH,C","sources":["webpack://carhop-blocks/./src/highlight-timeline/style.scss"],"sourcesContent":[".highlight-timeline {\n\t&__years {\n\t\twidth: 100%;\n\n\t\tdisplay: flex;\n\n\t\tgap: 20px;\n\t\tli {\n\t\t\tcolor: #fff;\n\t\t\tflex-grow: 1;\n\t\t\ttext-align: center;\n\t\t\tlist-style: none !important;\n\t\t\tborder-bottom: 1px solid #fff;\n\t\t}\n\t}\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""}
|
||||
|
|
@ -1,62 +1 @@
|
|||
/******/ (() => { // webpackBootstrap
|
||||
/*!****************************************!*\
|
||||
!*** ./src/highlight-timeline/view.js ***!
|
||||
\****************************************/
|
||||
function initiateSwiper() {
|
||||
const currentBlock = document.querySelector(".wp-block-carhop-blocks-highlight-timeline");
|
||||
if (!currentBlock) return;
|
||||
|
||||
// const swiperFraction = currentBlock.querySelector(
|
||||
// ".swiper-pagination-fraction"
|
||||
// );
|
||||
const slides = currentBlock.querySelectorAll(".swiper-slide");
|
||||
const slideCount = slides.length;
|
||||
const years = Array.from(slides).map(slide => {
|
||||
const yearEl = slide.querySelector(".highlight-timeline-step__year");
|
||||
if (yearEl && yearEl.textContent) {
|
||||
return yearEl.textContent.trim();
|
||||
}
|
||||
const id = slide.id || "";
|
||||
const match = id.match(/^year-(.+)$/);
|
||||
return match ? match[1] : "";
|
||||
});
|
||||
highlightTimelineSwiper = new Swiper(".highlight-timeline-swiper", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 30,
|
||||
loop: true,
|
||||
grabCursor: true,
|
||||
keyboard: {
|
||||
enabled: true,
|
||||
onlyInViewport: true
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev"
|
||||
},
|
||||
mousewheel: {
|
||||
enabled: true,
|
||||
forceToAxis: true,
|
||||
// Force le scroll dans l'axe du slider
|
||||
sensitivity: 1,
|
||||
// Sensibilité du scroll (1 = normal)
|
||||
releaseOnEdges: false // Continue le scroll même aux bords
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
renderBullet: function (index, className) {
|
||||
var _years$index;
|
||||
return `<button class="${className}">${(_years$index = years[index]) !== null && _years$index !== void 0 ? _years$index : ""}</button>`;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
window.addEventListener("DOMContentLoaded", event => {
|
||||
initiateSwiper();
|
||||
|
||||
// swiperCheckBreakpoints();
|
||||
// window.addEventListener("resize", swiperCheckBreakpoints);
|
||||
});
|
||||
/******/ })()
|
||||
;
|
||||
//# sourceMappingURL=view.js.map
|
||||
window.addEventListener("DOMContentLoaded",e=>{!function(){const e=document.querySelector(".wp-block-carhop-blocks-highlight-timeline");if(!e)return;const t=e.querySelectorAll(".swiper-slide"),n=(t.length,Array.from(t).map(e=>{const t=e.querySelector(".highlight-timeline-step__year");if(t&&t.textContent)return t.textContent.trim();const n=(e.id||"").match(/^year-(.+)$/);return n?n[1]:""}));highlightTimelineSwiper=new Swiper(".highlight-timeline-swiper",{slidesPerView:1,spaceBetween:30,loop:!0,grabCursor:!0,keyboard:{enabled:!0,onlyInViewport:!0},navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},mousewheel:{enabled:!0,forceToAxis:!0,sensitivity:1,releaseOnEdges:!1},pagination:{el:".swiper-pagination",clickable:!0,renderBullet:function(e,t){var i;return`<button class="${t}">${null!==(i=n[e])&&void 0!==i?i:""}</button>`}}})}()});
|
||||
|
|
@ -1 +0,0 @@
|
|||
{"version":3,"file":"highlight-timeline/view.js","mappings":";;;;AAAA,SAASA,cAAcA,CAAA,EAAG;EACzB,MAAMC,YAAY,GAAGC,QAAQ,CAACC,aAAa,CAC1C,4CACD,CAAC;EACD,IAAI,CAACF,YAAY,EAAE;;EAEnB;EACA;EACA;EACA,MAAMG,MAAM,GAAGH,YAAY,CAACI,gBAAgB,CAAC,eAAe,CAAC;EAC7D,MAAMC,UAAU,GAAGF,MAAM,CAACG,MAAM;EAChC,MAAMC,KAAK,GAAGC,KAAK,CAACC,IAAI,CAACN,MAAM,CAAC,CAACO,GAAG,CAAEC,KAAK,IAAK;IAC/C,MAAMC,MAAM,GAAGD,KAAK,CAACT,aAAa,CAAC,gCAAgC,CAAC;IACpE,IAAIU,MAAM,IAAIA,MAAM,CAACC,WAAW,EAAE;MACjC,OAAOD,MAAM,CAACC,WAAW,CAACC,IAAI,CAAC,CAAC;IACjC;IACA,MAAMC,EAAE,GAAGJ,KAAK,CAACI,EAAE,IAAI,EAAE;IACzB,MAAMC,KAAK,GAAGD,EAAE,CAACC,KAAK,CAAC,aAAa,CAAC;IACrC,OAAOA,KAAK,GAAGA,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE;EAC7B,CAAC,CAAC;EAEFC,uBAAuB,GAAG,IAAIC,MAAM,CAAC,4BAA4B,EAAE;IAClEC,aAAa,EAAE,CAAC;IAChBC,YAAY,EAAE,EAAE;IAChBC,IAAI,EAAE,IAAI;IACVC,UAAU,EAAE,IAAI;IAChBC,QAAQ,EAAE;MACTC,OAAO,EAAE,IAAI;MACbC,cAAc,EAAE;IACjB,CAAC;IACDC,UAAU,EAAE;MACXC,MAAM,EAAE,qBAAqB;MAC7BC,MAAM,EAAE;IACT,CAAC;IACDC,UAAU,EAAE;MACXL,OAAO,EAAE,IAAI;MACbM,WAAW,EAAE,IAAI;MAAE;MACnBC,WAAW,EAAE,CAAC;MAAE;MAChBC,cAAc,EAAE,KAAK,CAAE;IACxB,CAAC;IACDC,UAAU,EAAE;MACXC,EAAE,EAAE,oBAAoB;MACxBC,SAAS,EAAE,IAAI;MACfC,YAAY,EAAE,SAAAA,CAAUC,KAAK,EAAEC,SAAS,EAAE;QAAA,IAAAC,YAAA;QACzC,OAAO,kBAAkBD,SAAS,MAAAC,YAAA,GAAKhC,KAAK,CAAC8B,KAAK,CAAC,cAAAE,YAAA,cAAAA,YAAA,GAAI,EAAE,WAAW;MACrE;IACD;EACD,CAAC,CAAC;AACH;AAEAC,MAAM,CAACC,gBAAgB,CAAC,kBAAkB,EAAGC,KAAK,IAAK;EACtD3C,cAAc,CAAC,CAAC;;EAEhB;EACA;AACD,CAAC,CAAC,C","sources":["webpack://carhop-blocks/./src/highlight-timeline/view.js"],"sourcesContent":["function initiateSwiper() {\n\tconst currentBlock = document.querySelector(\n\t\t\".wp-block-carhop-blocks-highlight-timeline\"\n\t);\n\tif (!currentBlock) return;\n\n\t// const swiperFraction = currentBlock.querySelector(\n\t// \t\".swiper-pagination-fraction\"\n\t// );\n\tconst slides = currentBlock.querySelectorAll(\".swiper-slide\");\n\tconst slideCount = slides.length;\n\tconst years = Array.from(slides).map((slide) => {\n\t\tconst yearEl = slide.querySelector(\".highlight-timeline-step__year\");\n\t\tif (yearEl && yearEl.textContent) {\n\t\t\treturn yearEl.textContent.trim();\n\t\t}\n\t\tconst id = slide.id || \"\";\n\t\tconst match = id.match(/^year-(.+)$/);\n\t\treturn match ? match[1] : \"\";\n\t});\n\n\thighlightTimelineSwiper = new Swiper(\".highlight-timeline-swiper\", {\n\t\tslidesPerView: 1,\n\t\tspaceBetween: 30,\n\t\tloop: true,\n\t\tgrabCursor: true,\n\t\tkeyboard: {\n\t\t\tenabled: true,\n\t\t\tonlyInViewport: true,\n\t\t},\n\t\tnavigation: {\n\t\t\tnextEl: \".swiper-button-next\",\n\t\t\tprevEl: \".swiper-button-prev\",\n\t\t},\n\t\tmousewheel: {\n\t\t\tenabled: true,\n\t\t\tforceToAxis: true, // Force le scroll dans l'axe du slider\n\t\t\tsensitivity: 1, // Sensibilité du scroll (1 = normal)\n\t\t\treleaseOnEdges: false, // Continue le scroll même aux bords\n\t\t},\n\t\tpagination: {\n\t\t\tel: \".swiper-pagination\",\n\t\t\tclickable: true,\n\t\t\trenderBullet: function (index, className) {\n\t\t\t\treturn `<button class=\"${className}\">${years[index] ?? \"\"}</button>`;\n\t\t\t},\n\t\t},\n\t});\n}\n\nwindow.addEventListener(\"DOMContentLoaded\", (event) => {\n\tinitiateSwiper();\n\n\t// swiperCheckBreakpoints();\n\t// window.addEventListener(\"resize\", swiperCheckBreakpoints);\n});\n"],"names":["initiateSwiper","currentBlock","document","querySelector","slides","querySelectorAll","slideCount","length","years","Array","from","map","slide","yearEl","textContent","trim","id","match","highlightTimelineSwiper","Swiper","slidesPerView","spaceBetween","loop","grabCursor","keyboard","enabled","onlyInViewport","navigation","nextEl","prevEl","mousewheel","forceToAxis","sensitivity","releaseOnEdges","pagination","el","clickable","renderBullet","index","className","_years$index","window","addEventListener","event"],"ignoreList":[],"sourceRoot":""}
|
||||
|
|
@ -12,8 +12,6 @@ import {
|
|||
} from "@wordpress/components";
|
||||
import { InspectorControls } from "@wordpress/block-editor";
|
||||
|
||||
import { RichText } from "@wordpress/block-editor";
|
||||
import TimelineYearBackground from "./timelineYearBackground";
|
||||
export default function Edit({ attributes, setAttributes, ...props }) {
|
||||
const { year } = attributes;
|
||||
|
||||
|
|
@ -39,7 +37,6 @@ export default function Edit({ attributes, setAttributes, ...props }) {
|
|||
>
|
||||
<div className="highlight-timeline-step__year">
|
||||
<p className="highlight-timeline-step__year-text">{year}</p>
|
||||
<TimelineYearBackground />
|
||||
</div>
|
||||
<div className="highlight-timeline-step__innerblocks">
|
||||
<InnerBlocks
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
import { useBlockProps, InnerBlocks } from "@wordpress/block-editor";
|
||||
import TimelineYearBackground from "./timelineYearBackground";
|
||||
|
||||
export default function save({ attributes }) {
|
||||
const { year } = attributes;
|
||||
return (
|
||||
|
|
@ -11,7 +11,6 @@ export default function save({ attributes }) {
|
|||
>
|
||||
<div className="highlight-timeline-step__year">
|
||||
<p className="highlight-timeline-step__year-text">{year}</p>
|
||||
<TimelineYearBackground />
|
||||
</div>
|
||||
<div className="highlight-timeline-step__innerblocks">
|
||||
<InnerBlocks.Content />
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user