diff --git a/plugins/carhop-blocks/blocks/decorative-shapes/build/block.json b/plugins/carhop-blocks/blocks/decorative-shapes/build/block.json
index f1c3b1a..ca145f7 100644
--- a/plugins/carhop-blocks/blocks/decorative-shapes/build/block.json
+++ b/plugins/carhop-blocks/blocks/decorative-shapes/build/block.json
@@ -15,5 +15,11 @@
"editorScript": "file:./index.js",
"editorStyle": "file:./index.css",
"style": "file:./style-index.css",
- "viewScript": "file:./view.js"
+ "viewScript": "file:./view.js",
+ "attributes": {
+ "variant": {
+ "type": "string",
+ "default": "medium"
+ }
+ }
}
\ No newline at end of file
diff --git a/plugins/carhop-blocks/blocks/decorative-shapes/build/index.asset.php b/plugins/carhop-blocks/blocks/decorative-shapes/build/index.asset.php
index 6a3cea2..737de16 100644
--- a/plugins/carhop-blocks/blocks/decorative-shapes/build/index.asset.php
+++ b/plugins/carhop-blocks/blocks/decorative-shapes/build/index.asset.php
@@ -1 +1 @@
- array('react', 'react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-i18n'), 'version' => 'cb6831f9b1591c2d4990');
+ array('react', 'react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-i18n'), 'version' => 'b28d29be3660a6135aa3');
diff --git a/plugins/carhop-blocks/blocks/decorative-shapes/build/index.js b/plugins/carhop-blocks/blocks/decorative-shapes/build/index.js
index 02eeb4a..a14054f 100644
--- a/plugins/carhop-blocks/blocks/decorative-shapes/build/index.js
+++ b/plugins/carhop-blocks/blocks/decorative-shapes/build/index.js
@@ -125,7 +125,7 @@ function Shapes() {
\************************/
/***/ ((module) => {
-module.exports = /*#__PURE__*/JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"carhop-blocks/decorative-shapes","version":"0.1.0","title":"Formes décoratives ","category":"carhop-blocks","icon":"smiley","description":"Formes décoratives du carhop","example":{},"supports":{"html":false},"textdomain":"carhop-blocks","editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css","viewScript":"file:./view.js"}');
+module.exports = /*#__PURE__*/JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"carhop-blocks/decorative-shapes","version":"0.1.0","title":"Formes décoratives ","category":"carhop-blocks","icon":"smiley","description":"Formes décoratives du carhop","example":{},"supports":{"html":false},"textdomain":"carhop-blocks","editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css","viewScript":"file:./view.js","attributes":{"variant":{"type":"string","default":"medium"}}}');
/***/ }),
@@ -145,21 +145,50 @@ __webpack_require__.r(__webpack_exports__);
/* 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/editor.scss");
/* harmony import */ var _Shapes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Shapes */ "./src/Shapes.jsx");
-/* 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__);
+/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
+/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__);
+/* 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__);
-function Edit() {
- return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment, {
- children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
+
+function Edit({
+ attributes,
+ setAttributes
+}) {
+ const {
+ variant
+ } = attributes;
+ return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment, {
+ children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.InspectorControls, {
+ children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.PanelBody, {
+ title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Shapes", "carhop-blocks"),
+ children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.__experimentalToggleGroupControl, {
+ className: "deligraph-blocks__variant",
+ isBlock: true,
+ label: "Variante",
+ onChange: value => setAttributes({
+ variant: value
+ }),
+ value: variant,
+ children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.__experimentalToggleGroupControlOption, {
+ label: "Medium",
+ value: "medium"
+ }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.__experimentalToggleGroupControlOption, {
+ label: "Big",
+ value: "big"
+ })]
+ })
+ })
+ }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
...(0,_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.useBlockProps)({
- className: "carhop-decorative-shapes decorative-shapes"
+ className: `carhop-decorative-shapes decorative-shapes decorative-shapes--${variant}`
}),
- children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Shapes__WEBPACK_IMPORTED_MODULE_3__["default"], {})
- })
+ children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Shapes__WEBPACK_IMPORTED_MODULE_3__["default"], {})
+ })]
});
}
@@ -240,10 +269,15 @@ __webpack_require__.r(__webpack_exports__);
-function save() {
+function save({
+ attributes
+}) {
+ const {
+ variant
+ } = attributes;
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
..._wordpress_block_editor__WEBPACK_IMPORTED_MODULE_0__.useBlockProps.save({
- className: "carhop-decorative-shapes decorative-shapes"
+ className: `carhop-decorative-shapes decorative-shapes decorative-shapes--${variant} ${variant === "big" ? "alignfull" : ""}`
}),
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Shapes__WEBPACK_IMPORTED_MODULE_1__["default"], {})
});
@@ -283,6 +317,16 @@ module.exports = window["wp"]["blocks"];
/***/ }),
+/***/ "@wordpress/components":
+/*!************************************!*\
+ !*** external ["wp","components"] ***!
+ \************************************/
+/***/ ((module) => {
+
+module.exports = window["wp"]["components"];
+
+/***/ }),
+
/***/ "@wordpress/i18n":
/*!******************************!*\
!*** external ["wp","i18n"] ***!
diff --git a/plugins/carhop-blocks/blocks/decorative-shapes/build/index.js.map b/plugins/carhop-blocks/blocks/decorative-shapes/build/index.js.map
index 65d1dc1..099a40e 100644
--- a/plugins/carhop-blocks/blocks/decorative-shapes/build/index.js.map
+++ b/plugins/carhop-blocks/blocks/decorative-shapes/build/index.js.map
@@ -1 +1 @@
-{"version":3,"file":"index.js","mappings":"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","sources":["webpack://front-header/./src/Shapes.jsx","webpack://front-header/./src/edit.js","webpack://front-header/./src/editor.scss","webpack://front-header/./src/index.js","webpack://front-header/./src/save.js","webpack://front-header/./src/style.scss?e2e7","webpack://front-header/external window [\"wp\",\"blockEditor\"]","webpack://front-header/external window [\"wp\",\"blocks\"]","webpack://front-header/external window [\"wp\",\"i18n\"]","webpack://front-header/external window \"React\"","webpack://front-header/external window \"ReactJSXRuntime\"","webpack://front-header/webpack/bootstrap","webpack://front-header/webpack/runtime/chunk loaded","webpack://front-header/webpack/runtime/compat get default export","webpack://front-header/webpack/runtime/define property getters","webpack://front-header/webpack/runtime/hasOwnProperty shorthand","webpack://front-header/webpack/runtime/make namespace object","webpack://front-header/webpack/runtime/jsonp chunk loading","webpack://front-header/webpack/before-startup","webpack://front-header/webpack/startup","webpack://front-header/webpack/after-startup"],"sourcesContent":["import React from \"react\";\r\n\r\nexport default function Shapes() {\r\n\treturn (\r\n\t\t<>\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\r\n\t);\r\n}\r\n","import { __ } from \"@wordpress/i18n\";\nimport { useBlockProps, InnerBlocks } from \"@wordpress/block-editor\";\nimport \"./editor.scss\";\nimport Shapes from \"./Shapes\";\nexport default function Edit() {\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t);\n}\n","// extracted by mini-css-extract-plugin\nexport {};","import { registerBlockType } from \"@wordpress/blocks\";\nimport \"./style.scss\";\n\nimport Edit from \"./edit\";\nimport save from \"./save\";\nimport metadata from \"./block.json\";\n\nregisterBlockType(metadata.name, {\n\ticon: {\n\t\tforeground: \"#136f63\",\n\t\tsrc: (\n\t\t\t\n\t\t),\n\t},\n\tedit: Edit,\n\tsave,\n});\n","import { useBlockProps, InnerBlocks } from \"@wordpress/block-editor\";\nimport Shapes from \"./Shapes\";\n\nexport default function save() {\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n}\n","// extracted by mini-css-extract-plugin\nexport {};","module.exports = window[\"wp\"][\"blockEditor\"];","module.exports = window[\"wp\"][\"blocks\"];","module.exports = window[\"wp\"][\"i18n\"];","module.exports = window[\"React\"];","module.exports = window[\"ReactJSXRuntime\"];","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = (result, chunkIds, fn, priority) => {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar [chunkIds, fn, priority] = deferred[i];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t\"index\": 0,\n\t\"./style-index\": 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = (parentChunkLoadingFunction, data) => {\n\tvar [chunkIds, moreModules, runtime] = data;\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some((id) => (installedChunks[id] !== 0))) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = globalThis[\"webpackChunkfront_header\"] = globalThis[\"webpackChunkfront_header\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [\"./style-index\"], () => (__webpack_require__(\"./src/index.js\")))\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n",""],"names":["React","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Shapes","children","className","width","height","viewBox","fill","version","cx","cy","rx","ry","style","fillOpacity","stroke","id","x","transform","y","__","useBlockProps","InnerBlocks","Edit","registerBlockType","save","metadata","name","icon","foreground","src","class","d","edit"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"index.js","mappings":"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GAAG,EAAE;IAEtC,CAAC,CAAC;IAAA9B,QAAA,eAEFN,sDAAA,CAACK,+CAAM,IAAE;EAAC,CACN,CAAC;AAER;;;;;;;;;;;AChBA;;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;UCAA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;UAEA;UACA;;;;;WCzBA;WACA;WACA;WACA;WACA,+BAA+B,wCAAwC;WACvE;WACA;WACA;WACA;WACA,iBAAiB,qBAAqB;WACtC;WACA;WACA,kBAAkB,qBAAqB;WACvC;WACA;WACA,KAAK;WACL;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;;;;;WC3BA;WACA;WACA;WACA;WACA;WACA,iCAAiC,WAAW;WAC5C;WACA;;;;;WCPA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA;;;;;WCPA;;;;;WCAA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;WCNA;;WAEA;WACA;WACA;WACA;WACA;WACA;WACA;;WAEA;;WAEA;;WAEA;;WAEA;;WAEA;;WAEA;;WAEA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA,MAAM,qBAAqB;WAC3B;WACA;WACA;WACA;WACA;WACA;WACA;WACA;;WAEA;WACA;WACA;;;;;UEjDA;UACA;UACA;UACA;UACA","sources":["webpack://front-header/./src/Shapes.jsx","webpack://front-header/./src/edit.js","webpack://front-header/./src/editor.scss","webpack://front-header/./src/index.js","webpack://front-header/./src/save.js","webpack://front-header/./src/style.scss?e2e7","webpack://front-header/external window [\"wp\",\"blockEditor\"]","webpack://front-header/external window [\"wp\",\"blocks\"]","webpack://front-header/external window [\"wp\",\"components\"]","webpack://front-header/external window [\"wp\",\"i18n\"]","webpack://front-header/external window \"React\"","webpack://front-header/external window \"ReactJSXRuntime\"","webpack://front-header/webpack/bootstrap","webpack://front-header/webpack/runtime/chunk loaded","webpack://front-header/webpack/runtime/compat get default export","webpack://front-header/webpack/runtime/define property getters","webpack://front-header/webpack/runtime/hasOwnProperty shorthand","webpack://front-header/webpack/runtime/make namespace object","webpack://front-header/webpack/runtime/jsonp chunk loading","webpack://front-header/webpack/before-startup","webpack://front-header/webpack/startup","webpack://front-header/webpack/after-startup"],"sourcesContent":["import React from \"react\";\r\n\r\nexport default function Shapes() {\r\n\treturn (\r\n\t\t<>\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\r\n\t);\r\n}\r\n","import { __ } from \"@wordpress/i18n\";\nimport {\n\tuseBlockProps,\n\tInnerBlocks,\n\tInspectorControls,\n} from \"@wordpress/block-editor\";\nimport \"./editor.scss\";\nimport Shapes from \"./Shapes\";\nimport {\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\tPanelBody,\n} from \"@wordpress/components\";\nexport default function Edit({ attributes, setAttributes }) {\n\tconst { variant } = attributes;\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t setAttributes({ variant: value })}\n\t\t\t\t\t\tvalue={variant}\n\t\t\t\t\t>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t);\n}\n","// extracted by mini-css-extract-plugin\nexport {};","import { registerBlockType } from \"@wordpress/blocks\";\nimport \"./style.scss\";\n\nimport Edit from \"./edit\";\nimport save from \"./save\";\nimport metadata from \"./block.json\";\n\nregisterBlockType(metadata.name, {\n\ticon: {\n\t\tforeground: \"#136f63\",\n\t\tsrc: (\n\t\t\t\n\t\t),\n\t},\n\tedit: Edit,\n\tsave,\n});\n","import { useBlockProps, InnerBlocks } from \"@wordpress/block-editor\";\nimport Shapes from \"./Shapes\";\n\nexport default function save({ attributes }) {\n\tconst { variant } = attributes;\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n}\n","// extracted by mini-css-extract-plugin\nexport {};","module.exports = window[\"wp\"][\"blockEditor\"];","module.exports = window[\"wp\"][\"blocks\"];","module.exports = window[\"wp\"][\"components\"];","module.exports = window[\"wp\"][\"i18n\"];","module.exports = window[\"React\"];","module.exports = window[\"ReactJSXRuntime\"];","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = (result, chunkIds, fn, priority) => {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar [chunkIds, fn, priority] = deferred[i];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t\"index\": 0,\n\t\"./style-index\": 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = (parentChunkLoadingFunction, data) => {\n\tvar [chunkIds, moreModules, runtime] = data;\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some((id) => (installedChunks[id] !== 0))) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = globalThis[\"webpackChunkfront_header\"] = globalThis[\"webpackChunkfront_header\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [\"./style-index\"], () => (__webpack_require__(\"./src/index.js\")))\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n",""],"names":["React","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Shapes","children","className","width","height","viewBox","fill","version","cx","cy","rx","ry","style","fillOpacity","stroke","id","x","transform","y","__","useBlockProps","InnerBlocks","InspectorControls","__experimentalToggleGroupControl","ToggleGroupControl","__experimentalToggleGroupControlOption","ToggleGroupControlOption","PanelBody","Edit","attributes","setAttributes","variant","title","isBlock","label","onChange","value","registerBlockType","save","metadata","name","icon","foreground","src","class","d","edit"],"sourceRoot":""}
\ No newline at end of file
diff --git a/plugins/carhop-blocks/blocks/decorative-shapes/build/style-index-rtl.css b/plugins/carhop-blocks/blocks/decorative-shapes/build/style-index-rtl.css
index 0da1458..b1c3460 100644
--- a/plugins/carhop-blocks/blocks/decorative-shapes/build/style-index-rtl.css
+++ b/plugins/carhop-blocks/blocks/decorative-shapes/build/style-index-rtl.css
@@ -7,11 +7,6 @@
justify-content: center;
gap: 10rem;
}
-.decorative-shapes__shape {
- display: flex;
- align-items: center;
- justify-content: center;
-}
.decorative-shapes__shape svg {
width: 100%;
max-width: 300px;
@@ -20,3 +15,19 @@
-o-object-fit: contain;
object-fit: contain;
}
+.decorative-shapes--big {
+ padding: 0rem 2rem;
+ display: flex !important;
+ align-items: center;
+ justify-content: center;
+ gap: 6rem;
+}
+.decorative-shapes--big .decorative-shapes__shape {
+ display: block;
+ width: 100vw;
+ max-width: 400px;
+}
+.decorative-shapes--big .decorative-shapes__shape svg {
+ max-width: 800px;
+ max-height: 800px;
+}
diff --git a/plugins/carhop-blocks/blocks/decorative-shapes/build/style-index.css b/plugins/carhop-blocks/blocks/decorative-shapes/build/style-index.css
index c2f7491..0b03b9d 100644
--- a/plugins/carhop-blocks/blocks/decorative-shapes/build/style-index.css
+++ b/plugins/carhop-blocks/blocks/decorative-shapes/build/style-index.css
@@ -7,11 +7,6 @@
justify-content: center;
gap: 10rem;
}
-.decorative-shapes__shape {
- display: flex;
- align-items: center;
- justify-content: center;
-}
.decorative-shapes__shape svg {
width: 100%;
max-width: 300px;
@@ -20,5 +15,21 @@
-o-object-fit: contain;
object-fit: contain;
}
+.decorative-shapes--big {
+ padding: 0rem 2rem;
+ display: flex !important;
+ align-items: center;
+ justify-content: center;
+ gap: 6rem;
+}
+.decorative-shapes--big .decorative-shapes__shape {
+ display: block;
+ width: 100vw;
+ max-width: 400px;
+}
+.decorative-shapes--big .decorative-shapes__shape svg {
+ max-width: 800px;
+ max-height: 800px;
+}
/*# sourceMappingURL=style-index.css.map*/
\ No newline at end of file
diff --git a/plugins/carhop-blocks/blocks/decorative-shapes/build/style-index.css.map b/plugins/carhop-blocks/blocks/decorative-shapes/build/style-index.css.map
index 5fd27c6..bef168e 100644
--- a/plugins/carhop-blocks/blocks/decorative-shapes/build/style-index.css.map
+++ b/plugins/carhop-blocks/blocks/decorative-shapes/build/style-index.css.map
@@ -1 +1 @@
-{"version":3,"file":"./style-index.css","mappings":";;;AAAA;EACC;EACA;EACA;EACA;AACD;AACC;EAEC;EACA;EACA;AAAF;AACE;EAEC;EACA;EACA;EACA;EACA;KAAA;AAAH,C","sources":["webpack://front-header/./src/style.scss"],"sourcesContent":[".decorative-shapes {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: repeat(4, 1fr);\r\n\tjustify-content: center;\r\n\tgap: 10rem;\r\n\r\n\t&__shape {\r\n\t\t// background-color: red;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tsvg {\r\n\t\t\t// background-color: blue;\r\n\t\t\twidth: 100%;\r\n\t\t\tmax-width: 300px;\r\n\t\t\theight: auto;\r\n\t\t\taspect-ratio: 1/1;\r\n\t\t\tobject-fit: contain;\r\n\t\t}\r\n\t}\r\n}\r\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"./style-index.css","mappings":";;;AAAA;EACC;EACA;EACA;EACA;AACD;AAME;EAEC;EACA;EACA;EACA;EACA;KAAA;AALH;AASC;EACC;EACA;EACA;EACA;EACA;AAPF;AASE;EACC;EACA;EACA;AAPH;AAQG;EACC;EACA;AANJ,C","sources":["webpack://front-header/./src/style.scss"],"sourcesContent":[".decorative-shapes {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: repeat(4, 1fr);\r\n\tjustify-content: center;\r\n\tgap: 10rem;\r\n\r\n\t&__shape {\r\n\t\t// background-color: red;\r\n\t\t// display: flex;\r\n\t\t// align-items: center;\r\n\t\t// justify-content: center;\r\n\t\tsvg {\r\n\t\t\t// background-color: blue;\r\n\t\t\twidth: 100%;\r\n\t\t\tmax-width: 300px;\r\n\t\t\theight: auto;\r\n\t\t\taspect-ratio: 1/1;\r\n\t\t\tobject-fit: contain;\r\n\t\t}\r\n\t}\r\n\r\n\t&--big {\r\n\t\tpadding: 0rem 2rem;\r\n\t\tdisplay: flex !important;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tgap: 6rem;\r\n\r\n\t\t.decorative-shapes__shape {\r\n\t\t\tdisplay: block;\r\n\t\t\twidth: 100vw;\r\n\t\t\tmax-width: 400px;\r\n\t\t\tsvg {\r\n\t\t\t\tmax-width: 800px;\r\n\t\t\t\tmax-height: 800px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n"],"names":[],"sourceRoot":""}
\ No newline at end of file