\r\n\t\t\t\t
\r\n\t\t\r\n\t);\r\n}\r\n","/**\r\n * Registers a new block provided a unique name and an object defining its behavior.\r\n *\r\n * @see https://developer.wordpress.org/block-editor/reference-guides/block-api/block-registration/\r\n */\r\nimport { registerBlockType } from '@wordpress/blocks';\r\nimport { InnerBlocks } from '@wordpress/block-editor'\r\n\r\n/**\r\n * Lets webpack process CSS, SASS or SCSS files referenced in JavaScript files.\r\n * All files containing `style` keyword are bundled together. The code used\r\n * gets applied both to the front of your site and to the editor.\r\n *\r\n * @see https://www.npmjs.com/package/@wordpress/scripts#using-css\r\n */\r\nimport './scss/style.scss';\r\n\r\n/**\r\n * Internal dependencies\r\n */\r\nimport Edit from './edit';\r\nimport metadata from './block.json';\r\n\r\nconst blockIcon = (\r\n\t\r\n);\r\n\r\n/** Update custom icon for eo-blocks category /*/\r\nwp.blocks.updateCategory('eo-blocks', {\r\n\ticon: (\r\n\t\t\r\n\t)\r\n});\r\n\r\n/**\r\n * Every block starts by registering a new block type definition.\r\n *\r\n * @see https://developer.wordpress.org/block-editor/reference-guides/block-api/block-registration/\r\n */\r\nregisterBlockType( metadata.name, {\r\n\t/**\r\n\t * @see ./edit.js\r\n\t */\r\n\tedit: Edit,\r\n\tsave: props => {\r\n\t\treturn \r\n\t\t\t\t\t setAttributes({subtitle})}\r\n\t\t\t\t\t\tplaceholder={ __('Write subtitle...', 'eo-blocks') }\r\n\t\t\t\t\t/>\r\n\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t setAttributes({title})}\r\n\t\t\t\t\t\t\tplaceholder={ __( 'Title', 'eo-blocks' ) }\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t\r\n\t);\r\n}\r\n","/**\n * Registers a new block provided a unique name and an object defining its behavior.\n *\n * @see https://developer.wordpress.org/block-editor/reference-guides/block-api/block-registration/\n */\nimport { registerBlockType } from '@wordpress/blocks';\n\n/**\n * Lets webpack process CSS, SASS or SCSS files referenced in JavaScript files.\n * All files containing `style` keyword are bundled together. The code used\n * gets applied both to the front of your site and to the editor.\n *\n * @see https://www.npmjs.com/package/@wordpress/scripts#using-css\n */\nimport './scss/style.scss';\n\n/**\n * Internal dependencies\n */\nimport Edit from './edit';\nimport metadata from './block.json';\n\nconst blockIcon = (\n\t\n);\n\n/**\n * Every block starts by registering a new block type definition.\n *\n * @see https://developer.wordpress.org/block-editor/reference-guides/block-api/block-registration/\n */\nregisterBlockType( metadata.name, {\n\t/**\n\t * @see ./edit.js\n\t */\n\tedit: Edit,\n\ticon: blockIcon,\n} );\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","module.exports = window[\"React\"];","module.exports = window[\"wp\"][\"blockEditor\"];","module.exports = window[\"wp\"][\"blocks\"];","module.exports = window[\"wp\"][\"components\"];","module.exports = window[\"wp\"][\"i18n\"];","// 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\"eo-kpi-contentment/index\": 0,\n\t\"eo-kpi-contentment/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[\"webpackChunkeo_blocks\"] = globalThis[\"webpackChunkeo_blocks\"] || [];\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, [\"eo-kpi-contentment/style-index\"], () => (__webpack_require__(\"./blocks/src/eo-kpi-contentment/index.js\")))\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n",""],"names":["__","InspectorControls","useBlockProps","PanelBody","TextControl","RangeControl","iconFrown","iconSmile","iconPin","Edit","attributes","setAttributes","blockLabel","contentmentLabel","customTooltipContent","value","contentmentLabelColorClass","createElement","Fragment","title","label","onChange","min","max","renderTooltipContent","className","src","style","left","registerBlockType","metadata","blockIcon","width","height","viewBox","fill","xmlns","d","name","edit","icon"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"eo-kpi-contentment/index.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA,sBAAsB,wEAAwE,gBAAgB,sBAAsB,OAAO,sBAAsB,oBAAoB,gDAAgD,WAAW;AACjN;AAC/B;AACA,sBAAsB,gDAAmB;AACzC;AACA;AACA;AACA;AACA,GAAG,yCAAyC,gDAAmB;AAC/D;AACA;AACA,GAAG;AACH;AAC0C;AAC1C,iEAAe,oBAAoB,gjEAAgjE;;;;;;;;;;;;;;;;;ACfnlE;AACA,sBAAsB,wEAAwE,gBAAgB,sBAAsB,OAAO,sBAAsB,oBAAoB,gDAAgD,WAAW;AACjN;AAC/B;AACA,sBAAsB,gDAAmB;AACzC;AACA;AACA;AACA;AACA,GAAG,yCAAyC,gDAAmB;AAC/D;AACA;AACA,GAAG;AACH;AACwC;AACxC,iEAAe,oBAAoB,g5BAAg5B;;;;;;;;;;;;;;;;;ACfn7B;AACA,sBAAsB,wEAAwE,gBAAgB,sBAAsB,OAAO,sBAAsB,oBAAoB,gDAAgD,WAAW;AACjN;AAC/B;AACA,sBAAsB,gDAAmB;AACzC;AACA;AACA;AACA;AACA,GAAG,yCAAyC,gDAAmB;AAC/D;AACA;AACA,GAAG;AACH;AAC0C;AAC1C,iEAAe,oBAAoB,gkEAAgkE;;;;;;;;;;;;;;;;;;;;;;;;;;;ACfnmE;AACA;AACA;AACA;AACA;AACqC;;AAErC;AACA;AACA;AACA;AACA;AACA;AAC2E;AACE;;AAE7E;AACA;AACA;AACA;AACA;AACA;AAC4B;;AAE5B;AACA;AACA;AACgE;AACA;AACJ;;AAG5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASS,IAAIA,CAAE;EAAEC,UAAU;EAAEC;AAAc,CAAC,EAAG;EAC7D,MAAM;IAAEC,UAAU;IAAEC;EAAiB,CAAC,GAAGH,UAAU;EACnD,MAAMI,oBAAoB,GAAGC,KAAK,IAAI,GAAGA,KAAK,GAAG;EACjD,IAAIC,0BAA0B,GAAG,eAAe;EAEhD,IAAKH,gBAAgB,GAAG,EAAE,EAAG;IAC5BG,0BAA0B,GAAG,gBAAgB;EAC9C,CAAC,MAAM,IAAKH,gBAAgB,IAAI,EAAE,IAAIA,gBAAgB,GAAG,EAAE,EAAG;IAC7DG,0BAA0B,GAAG,gBAAgB;EAC9C,CAAC,MAAM,IAAKH,gBAAgB,IAAI,EAAE,IAAIA,gBAAgB,GAAG,EAAE,EAAG;IAC7DG,0BAA0B,GAAG,gBAAgB;EAC9C,CAAC,MAAM;IACNA,0BAA0B,GAAG,gBAAgB;EAC9C;EAEA,OACCC,oDAAA,CAAAC,2CAAA,QACCD,oDAAA,CAAChB,sEAAiB,QACjBgB,oDAAA,CAACd,4DAAS;IAACgB,KAAK,EAAGnB,mDAAE,CAAE,UAAU,EAAE,WAAY;EAAG,GACjDiB,oDAAA,CAACb,8DAAW;IACXgB,KAAK,EAAGpB,mDAAE,CAAE,aAAa,EAAE,WAAY,CAAG;IAC1Ce,KAAK,EAAGH,UAAU,IAAI,EAAI;IAC1BS,QAAQ,EAAKN,KAAK,IAAMJ,aAAa,CAAE;MAAEC,UAAU,EAAEG;IAAM,CAAE;EAAG,CAChE,CAAC,EACFE,oDAAA,CAACZ,+DAAY;IACZe,KAAK,EAAGpB,mDAAE,CAAE,wBAAwB,EAAE,WAAY,CAAG;IACrDe,KAAK,EAAGF,gBAAgB,IAAI,EAAI;IAChCQ,QAAQ,EAAKN,KAAK,IAAMJ,aAAa,CAAE;MAAEE,gBAAgB,EAAEE;IAAM,CAAE,CAAG;IACtEO,GAAG,EAAG,CAAG;IACTC,GAAG,EAAG,GAAK;IACXC,oBAAoB,EAAGV;EAAsB,CAC7C,CACS,CACO,CAAC,EACpBG,oDAAA;IAAA,GAAUf,sEAAa,CAAC;EAAC,GACxBe,oDAAA;IAAKQ,SAAS,EAAC,gCAAgC;IAACC,GAAG,EAAGpB,qEAASA;EAAE,CAAE,CAAC,EACpEW,oDAAA;IAAKQ,SAAS,EAAC,gCAAgC;IAACC,GAAG,EAAGnB,qEAASA;EAAE,CAAE,CAAC,EAEpEU,oDAAA;IAAKQ,SAAS,EAAC;EAA+B,GAC7CR,oDAAA;IAAKQ,SAAS,EAAC;EAAmC,GACjDR,oDAAA;IAAKQ,SAAS,EAAC,8BAA8B;IAACC,GAAG,EAAGlB,mEAAS;IAACmB,KAAK,EAAE;MAACC,IAAI,EAAEf,gBAAgB,GAAG;IAAG;EAAE,CAAC,CAAC,EACtGI,oDAAA;IAAKQ,SAAS,EAAC;EAAyB,GACvCR,oDAAA;IAAMQ,SAAS,EAAC;EAAwC,CAAO,CAAC,EAChER,oDAAA;IAAMQ,SAAS,EAAC;EAAwC,CAAO,CAAC,EAChER,oDAAA;IAAMQ,SAAS,EAAC;EAAwC,CAAO,CAAC,EAChER,oDAAA;IAAMQ,SAAS,EAAC;EAAwC,CAAO,CAC3D,CACD,CAAC,EACNR,oDAAA;IAAKQ,SAAS,EAAC;EAA6B,GAC3CR,oDAAA;IAAKQ,SAAS,EAAC;EAAiC,GAAGb,UAAiB,CAAC,EACrEK,oDAAA;IAAKQ,SAAS,EAAE,yCAAyCT,0BAA0B;EAAG,GAAGH,gBAAgB,EAAE,GAAM,CAC7G,CACD,CACD,CACJ,CAAC;AAEL;;;;;;;;;;;;;;;;;;;AChGA;AACA;AACA;AACA;AACA;AACsD;;AAEtD;AACA;AACA;AACA;AACA;AACA;AACA;AAC2B;;AAE3B;AACA;AACA;AAC0B;AACU;AAEpC,MAAMkB,SAAS,GACdd,oDAAA;EAAKe,KAAK,EAAC,IAAI;EAACC,MAAM,EAAC,IAAI;EAACC,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAACC,KAAK,EAAC;AAA4B,GAC7FnB,oDAAA;EAAMoB,CAAC,EAAC,gtCAAgtC;EAACF,IAAI,EAAC;AAAS,CAAC,CACpuC,CACL;;AAED;AACA;AACA;AACA;AACA;AACAN,oEAAiB,CAAEC,6CAAa,EAAE;EACjC;AACD;AACA;EACCS,IAAI,EAAE9B,6CAAI;EACV+B,IAAI,EAAET;AACP,CAAE,CAAC;;;;;;;;;;;ACvCH;;;;;;;;;;;;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://eo-blocks/./assets/images/icon-frown.svg","webpack://eo-blocks/./assets/images/icon-pin.svg","webpack://eo-blocks/./assets/images/icon-smile.svg","webpack://eo-blocks/./blocks/src/eo-kpi-contentment/edit.js","webpack://eo-blocks/./blocks/src/eo-kpi-contentment/index.js","webpack://eo-blocks/./blocks/src/eo-kpi-contentment/scss/editor.scss?3c3a","webpack://eo-blocks/./blocks/src/eo-kpi-contentment/scss/style.scss?bd82","webpack://eo-blocks/external window \"React\"","webpack://eo-blocks/external window [\"wp\",\"blockEditor\"]","webpack://eo-blocks/external window [\"wp\",\"blocks\"]","webpack://eo-blocks/external window [\"wp\",\"components\"]","webpack://eo-blocks/external window [\"wp\",\"i18n\"]","webpack://eo-blocks/webpack/bootstrap","webpack://eo-blocks/webpack/runtime/chunk loaded","webpack://eo-blocks/webpack/runtime/compat get default export","webpack://eo-blocks/webpack/runtime/define property getters","webpack://eo-blocks/webpack/runtime/hasOwnProperty shorthand","webpack://eo-blocks/webpack/runtime/make namespace object","webpack://eo-blocks/webpack/runtime/jsonp chunk loading","webpack://eo-blocks/webpack/before-startup","webpack://eo-blocks/webpack/startup","webpack://eo-blocks/webpack/after-startup"],"sourcesContent":["var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nvar SvgIconFrown = function SvgIconFrown(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 20,\n height: 20,\n fill: \"none\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FA5659\",\n d: \"M10 20a10 10 0 1 0 0-20 10 10 0 0 0 0 20m-3.777-4.816a.624.624 0 1 1-1.191-.371c.64-2.075 2.636-3.563 4.968-3.563s4.328 1.488 4.973 3.566a.626.626 0 0 1-.41.782.626.626 0 0 1-.782-.41c-.48-1.54-1.98-2.688-3.781-2.688-1.8 0-3.3 1.148-3.777 2.684M5.64 8.125a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0m7.5-1.25a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5\"\n })));\n};\nexport { SvgIconFrown as ReactComponent };\nexport default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMCAyMEMxMi42NTIyIDIwIDE1LjE5NTcgMTguOTQ2NCAxNy4wNzExIDE3LjA3MTFDMTguOTQ2NCAxNS4xOTU3IDIwIDEyLjY1MjIgMjAgMTBDMjAgNy4zNDc4NCAxOC45NDY0IDQuODA0MyAxNy4wNzExIDIuOTI4OTNDMTUuMTk1NyAxLjA1MzU3IDEyLjY1MjIgMCAxMCAwQzcuMzQ3ODQgMCA0LjgwNDMgMS4wNTM1NyAyLjkyODkzIDIuOTI4OTNDMS4wNTM1NyA0LjgwNDMgMCA3LjM0Nzg0IDAgMTBDMCAxMi42NTIyIDEuMDUzNTcgMTUuMTk1NyAyLjkyODkzIDE3LjA3MTFDNC44MDQzIDE4Ljk0NjQgNy4zNDc4NCAyMCAxMCAyMFpNNi4yMjI2NiAxNS4xODM2QzYuMTIxMDkgMTUuNTExNyA1Ljc2OTUzIDE1LjY5OTIgNS40NDE0MSAxNS41OTM4QzUuMTEzMjggMTUuNDg4MyA0LjkyNTc4IDE1LjE0MDYgNS4wMzEyNSAxNC44MTI1QzUuNjcxODggMTIuNzM4MyA3LjY2Nzk3IDExLjI1IDEwIDExLjI1QzEyLjMzMiAxMS4yNSAxNC4zMjgxIDEyLjczODMgMTQuOTcyNyAxNC44MTY0QzE1LjA3NDIgMTUuMTQ0NSAxNC44OTA2IDE1LjQ5NjEgMTQuNTYyNSAxNS41OTc3QzE0LjIzNDQgMTUuNjk5MiAxMy44ODI4IDE1LjUxNTYgMTMuNzgxMiAxNS4xODc1QzEzLjMwMDggMTMuNjQ4NCAxMS44MDA4IDEyLjUgMTAgMTIuNUM4LjE5OTIyIDEyLjUgNi42OTkyMiAxMy42NDg0IDYuMjIyNjYgMTUuMTgzNlpNNS42NDA2MiA4LjEyNUM1LjY0MDYyIDcuNzkzNDggNS43NzIzMiA3LjQ3NTU0IDYuMDA2NzQgNy4yNDExMkM2LjI0MTE2IDcuMDA2NyA2LjU1OTEgNi44NzUgNi44OTA2MiA2Ljg3NUM3LjIyMjE1IDYuODc1IDcuNTQwMDkgNy4wMDY3IDcuNzc0NTEgNy4yNDExMkM4LjAwODkzIDcuNDc1NTQgOC4xNDA2MiA3Ljc5MzQ4IDguMTQwNjIgOC4xMjVDOC4xNDA2MiA4LjQ1NjUyIDguMDA4OTMgOC43NzQ0NiA3Ljc3NDUxIDkuMDA4ODhDNy41NDAwOSA5LjI0MzMgNy4yMjIxNSA5LjM3NSA2Ljg5MDYyIDkuMzc1QzYuNTU5MSA5LjM3NSA2LjI0MTE2IDkuMjQzMyA2LjAwNjc0IDkuMDA4ODhDNS43NzIzMiA4Ljc3NDQ2IDUuNjQwNjIgOC40NTY1MiA1LjY0MDYyIDguMTI1Wk0xMy4xNDA2IDYuODc1QzEzLjQ3MjEgNi44NzUgMTMuNzkwMSA3LjAwNjcgMTQuMDI0NSA3LjI0MTEyQzE0LjI1ODkgNy40NzU1NCAxNC4zOTA2IDcuNzkzNDggMTQuMzkwNiA4LjEyNUMxNC4zOTA2IDguNDU2NTIgMTQuMjU4OSA4Ljc3NDQ2IDE0LjAyNDUgOS4wMDg4OEMxMy43OTAxIDkuMjQzMyAxMy40NzIxIDkuMzc1IDEzLjE0MDYgOS4zNzVDMTIuODA5MSA5LjM3NSAxMi40OTEyIDkuMjQzMyAxMi4yNTY3IDkuMDA4ODhDMTIuMDIyMyA4Ljc3NDQ2IDExLjg5MDYgOC40NTY1MiAxMS44OTA2IDguMTI1QzExLjg5MDYgNy43OTM0OCAxMi4wMjIzIDcuNDc1NTQgMTIuMjU2NyA3LjI0MTEyQzEyLjQ5MTIgNy4wMDY3IDEyLjgwOTEgNi44NzUgMTMuMTQwNiA2Ljg3NVoiIGZpbGw9IiNGQTU2NTkiLz4NCjwvc3ZnPg0K\";","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nvar SvgIconPin = function SvgIconPin(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 32,\n fill: \"none\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#1D1D1D\",\n d: \"M13.481 31.281C16.688 27.258 24 17.508 24 12.031 24 5.39 18.625 0 12 0S0 5.389 0 12.031c0 5.477 7.313 15.227 10.519 19.25a1.885 1.885 0 0 0 2.962 0M12 8.021c1.06 0 2.078.422 2.828 1.174a4.015 4.015 0 0 1 0 5.672 3.995 3.995 0 0 1-5.656 0 4.016 4.016 0 0 1 0-5.672A4 4 0 0 1 12 8.021\"\n })));\n};\nexport { SvgIconPin as ReactComponent };\nexport default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAyNCAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMy40ODEyIDMxLjI4MUMxNi42ODc1IDI3LjI1OCAyNCAxNy41MDc4IDI0IDEyLjAzMTFDMjQgNS4zODg5NSAxOC42MjUgMCAxMiAwQzUuMzc1IDAgMCA1LjM4ODk1IDAgMTIuMDMxMUMwIDE3LjUwNzggNy4zMTI1IDI3LjI1OCAxMC41MTg4IDMxLjI4MUMxMS4yODc1IDMyLjIzOTcgMTIuNzEyNSAzMi4yMzk3IDEzLjQ4MTIgMzEuMjgxWk0xMiA4LjAyMDc2QzEzLjA2MDkgOC4wMjA3NiAxNC4wNzgzIDguNDQzMjggMTQuODI4NCA5LjE5NTM3QzE1LjU3ODYgOS45NDc0NiAxNiAxMC45Njc1IDE2IDEyLjAzMTFDMTYgMTMuMDk0OCAxNS41Nzg2IDE0LjExNDggMTQuODI4NCAxNC44NjY5QzE0LjA3ODMgMTUuNjE5IDEzLjA2MDkgMTYuMDQxNSAxMiAxNi4wNDE1QzEwLjkzOTEgMTYuMDQxNSA5LjkyMTcyIDE1LjYxOSA5LjE3MTU3IDE0Ljg2NjlDOC40MjE0MyAxNC4xMTQ4IDggMTMuMDk0OCA4IDEyLjAzMTFDOCAxMC45Njc1IDguNDIxNDMgOS45NDc0NiA5LjE3MTU3IDkuMTk1MzdDOS45MjE3MiA4LjQ0MzI4IDEwLjkzOTEgOC4wMjA3NiAxMiA4LjAyMDc2WiIgZmlsbD0iIzFEMUQxRCIvPg0KPC9zdmc+DQo=\";","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nvar SvgIconSmile = function SvgIconSmile(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 20,\n height: 20,\n fill: \"none\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#62B64D\",\n d: \"M10 20a10 10 0 1 0 0-20 10 10 0 0 0 0 20m-3.59-7.285c.7.808 1.895 1.66 3.59 1.66s2.89-.852 3.59-1.66a.625.625 0 1 1 .945.82c-.87 1-2.383 2.09-4.535 2.09s-3.664-1.09-4.535-2.09a.625.625 0 1 1 .945-.82m-.77-4.59a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0m7.5-1.25a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5\"\n })));\n};\nexport { SvgIconSmile as ReactComponent };\nexport default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMCAyMEMxMi42NTIyIDIwIDE1LjE5NTcgMTguOTQ2NCAxNy4wNzExIDE3LjA3MTFDMTguOTQ2NCAxNS4xOTU3IDIwIDEyLjY1MjIgMjAgMTBDMjAgNy4zNDc4NCAxOC45NDY0IDQuODA0MyAxNy4wNzExIDIuOTI4OTNDMTUuMTk1NyAxLjA1MzU3IDEyLjY1MjIgMCAxMCAwQzcuMzQ3ODQgMCA0LjgwNDMgMS4wNTM1NyAyLjkyODkzIDIuOTI4OTNDMS4wNTM1NyA0LjgwNDMgMCA3LjM0Nzg0IDAgMTBDMCAxMi42NTIyIDEuMDUzNTcgMTUuMTk1NyAyLjkyODkzIDE3LjA3MTFDNC44MDQzIDE4Ljk0NjQgNy4zNDc4NCAyMCAxMCAyMFpNNi40MTAxNiAxMi43MTQ4QzcuMTA5MzggMTMuNTIzNCA4LjMwNDY5IDE0LjM3NSAxMCAxNC4zNzVDMTEuNjk1MyAxNC4zNzUgMTIuODkwNiAxMy41MjM0IDEzLjU4OTggMTIuNzE0OEMxMy44MTY0IDEyLjQ1MzEgMTQuMjEwOSAxMi40MjU4IDE0LjQ3MjcgMTIuNjUyM0MxNC43MzQ0IDEyLjg3ODkgMTQuNzYxNyAxMy4yNzM0IDE0LjUzNTIgMTMuNTM1MkMxMy42NjQxIDE0LjUzNTIgMTIuMTUyMyAxNS42MjUgMTAgMTUuNjI1QzcuODQ3NjYgMTUuNjI1IDYuMzM1OTQgMTQuNTM1MiA1LjQ2NDg0IDEzLjUzNTJDNS4yMzgyOCAxMy4yNzM0IDUuMjY1NjIgMTIuODc4OSA1LjUyNzM0IDEyLjY1MjNDNS43ODkwNiAxMi40MjU4IDYuMTgzNTkgMTIuNDUzMSA2LjQxMDE2IDEyLjcxNDhaTTUuNjQwNjIgOC4xMjVDNS42NDA2MiA3Ljc5MzQ4IDUuNzcyMzIgNy40NzU1NCA2LjAwNjc0IDcuMjQxMTJDNi4yNDExNiA3LjAwNjcgNi41NTkxIDYuODc1IDYuODkwNjIgNi44NzVDNy4yMjIxNSA2Ljg3NSA3LjU0MDA5IDcuMDA2NyA3Ljc3NDUxIDcuMjQxMTJDOC4wMDg5MyA3LjQ3NTU0IDguMTQwNjIgNy43OTM0OCA4LjE0MDYyIDguMTI1QzguMTQwNjIgOC40NTY1MiA4LjAwODkzIDguNzc0NDYgNy43NzQ1MSA5LjAwODg4QzcuNTQwMDkgOS4yNDMzIDcuMjIyMTUgOS4zNzUgNi44OTA2MiA5LjM3NUM2LjU1OTEgOS4zNzUgNi4yNDExNiA5LjI0MzMgNi4wMDY3NCA5LjAwODg4QzUuNzcyMzIgOC43NzQ0NiA1LjY0MDYyIDguNDU2NTIgNS42NDA2MiA4LjEyNVpNMTMuMTQwNiA2Ljg3NUMxMy40NzIxIDYuODc1IDEzLjc5MDEgNy4wMDY3IDE0LjAyNDUgNy4yNDExMkMxNC4yNTg5IDcuNDc1NTQgMTQuMzkwNiA3Ljc5MzQ4IDE0LjM5MDYgOC4xMjVDMTQuMzkwNiA4LjQ1NjUyIDE0LjI1ODkgOC43NzQ0NiAxNC4wMjQ1IDkuMDA4ODhDMTMuNzkwMSA5LjI0MzMgMTMuNDcyMSA5LjM3NSAxMy4xNDA2IDkuMzc1QzEyLjgwOTEgOS4zNzUgMTIuNDkxMiA5LjI0MzMgMTIuMjU2NyA5LjAwODg4QzEyLjAyMjMgOC43NzQ0NiAxMS44OTA2IDguNDU2NTIgMTEuODkwNiA4LjEyNUMxMS44OTA2IDcuNzkzNDggMTIuMDIyMyA3LjQ3NTU0IDEyLjI1NjcgNy4yNDExMkMxMi40OTEyIDcuMDA2NyAxMi44MDkxIDYuODc1IDEzLjE0MDYgNi44NzVaIiBmaWxsPSIjNjJCNjREIi8+DQo8L3N2Zz4NCg==\";","/**\r\n * Retrieves the translation of text.\r\n *\r\n * @see https://developer.wordpress.org/block-editor/reference-guides/packages/packages-i18n/\r\n */\r\nimport { __ } from '@wordpress/i18n';\r\n\r\n/**\r\n * React hook that is used to mark the block wrapper element.\r\n * It provides all the necessary props like the class name.\r\n *\r\n * @see https://developer.wordpress.org/block-editor/reference-guides/packages/packages-block-editor/#useblockprops\r\n */\r\nimport { InspectorControls, useBlockProps } from '@wordpress/block-editor';\r\nimport { PanelBody, TextControl, RangeControl } from '@wordpress/components';\r\n\r\n/**\r\n * Lets webpack process CSS, SASS or SCSS files referenced in JavaScript files.\r\n * Those files can contain any CSS code that gets applied to the editor.\r\n *\r\n * @see https://www.npmjs.com/package/@wordpress/scripts#using-css\r\n */\r\nimport './scss/editor.scss';\r\n\r\n/**\r\n * Import components\r\n */\r\nimport iconFrown from './../../../assets/images/icon-frown.svg';\r\nimport iconSmile from './../../../assets/images/icon-smile.svg';\r\nimport iconPin from './../../../assets/images/icon-pin.svg';\r\n\r\n\r\n/**\r\n * The edit function describes the structure of your block in the context of the\r\n * editor. This represents what the editor will render when the block is used.\r\n *\r\n * @see https://developer.wordpress.org/block-editor/reference-guides/block-api/block-edit-save/#edit\r\n *\r\n * @return {Element} Element to render.\r\n */\r\nexport default function Edit( { attributes, setAttributes } ) {\r\n\tconst { blockLabel, contentmentLabel } = attributes;\r\n\tconst customTooltipContent = value => `${value}%`\r\n\tlet contentmentLabelColorClass = 'bar__quater-1';\r\n\r\n\tif ( contentmentLabel < 25 ) {\r\n\t\tcontentmentLabelColorClass = 'bar__quarter-1';\r\n\t} else if ( contentmentLabel >= 25 && contentmentLabel < 50 ) {\r\n\t\tcontentmentLabelColorClass = 'bar__quarter-2';\r\n\t} else if ( contentmentLabel >= 50 && contentmentLabel < 75 ) {\r\n\t\tcontentmentLabelColorClass = 'bar__quarter-3';\r\n\t} else {\r\n\t\tcontentmentLabelColorClass = 'bar__quarter-4';\r\n\t}\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t{ blockLabel }
\r\n\t\t\t\t\t\t{ contentmentLabel }%
\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t\r\n\t);\r\n}\r\n","/**\r\n * Registers a new block provided a unique name and an object defining its behavior.\r\n *\r\n * @see https://developer.wordpress.org/block-editor/reference-guides/block-api/block-registration/\r\n */\r\nimport { registerBlockType } from '@wordpress/blocks';\r\n\r\n/**\r\n * Lets webpack process CSS, SASS or SCSS files referenced in JavaScript files.\r\n * All files containing `style` keyword are bundled together. The code used\r\n * gets applied both to the front of your site and to the editor.\r\n *\r\n * @see https://www.npmjs.com/package/@wordpress/scripts#using-css\r\n */\r\nimport './scss/style.scss';\r\n\r\n/**\r\n * Internal dependencies\r\n */\r\nimport Edit from './edit';\r\nimport metadata from './block.json';\r\n\r\nconst blockIcon = (\r\n\t\r\n);\r\n\r\n/**\r\n * Every block starts by registering a new block type definition.\r\n *\r\n * @see https://developer.wordpress.org/block-editor/reference-guides/block-api/block-registration/\r\n */\r\nregisterBlockType( metadata.name, {\r\n\t/**\r\n\t * @see ./edit.js\r\n\t */\r\n\tedit: Edit,\r\n\ticon: blockIcon,\r\n} );\r\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","module.exports = window[\"React\"];","module.exports = window[\"wp\"][\"blockEditor\"];","module.exports = window[\"wp\"][\"blocks\"];","module.exports = window[\"wp\"][\"components\"];","module.exports = window[\"wp\"][\"i18n\"];","// 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\"eo-kpi-contentment/index\": 0,\n\t\"eo-kpi-contentment/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[\"webpackChunkeo_blocks\"] = globalThis[\"webpackChunkeo_blocks\"] || [];\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, [\"eo-kpi-contentment/style-index\"], () => (__webpack_require__(\"./blocks/src/eo-kpi-contentment/index.js\")))\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n",""],"names":["__","InspectorControls","useBlockProps","PanelBody","TextControl","RangeControl","iconFrown","iconSmile","iconPin","Edit","attributes","setAttributes","blockLabel","contentmentLabel","customTooltipContent","value","contentmentLabelColorClass","createElement","Fragment","title","label","onChange","min","max","renderTooltipContent","className","src","style","left","registerBlockType","metadata","blockIcon","width","height","viewBox","fill","xmlns","d","name","edit","icon"],"sourceRoot":""}
\ No newline at end of file
diff --git a/blocks/build/eo-sticky/block.json b/blocks/build/eo-sticky/block.json
new file mode 100644
index 0000000..539b1e3
--- /dev/null
+++ b/blocks/build/eo-sticky/block.json
@@ -0,0 +1,50 @@
+{
+ "$schema": "https://schemas.wp.org/trunk/block.json",
+ "apiVersion": 3,
+ "name": "eo/sticky",
+ "version": "1.0.0",
+ "title": "Sticky",
+ "category": "eo-blocks",
+ "icon": "smiley",
+ "description": "Display sticky block",
+ "example": {},
+ "attributes": {
+ "contentPosition": {
+ "type": "string",
+ "default": "top right"
+ },
+ "horizontalGapPercent": {
+ "type": "number",
+ "default": 0
+ },
+ "verticalGapPercent": {
+ "type": "number",
+ "default": 0
+ },
+ "displayMobile": {
+ "type": "boolean",
+ "default": true
+ },
+ "styleMobile": {
+ "type": "string",
+ "default": "standard"
+ }
+ },
+ "supports": {
+ "color": {
+ "background": "true",
+ "color": "true"
+ },
+ "spacing": {
+ "margin": false,
+ "padding": true,
+ "blockGap": true
+ }
+ },
+ "textdomain": "accordion",
+ "editorScript": "file:./index.js",
+ "editorStyle": "file:./index.css",
+ "style": "file:./style-index.css",
+ "render": "file:./render.php",
+ "viewScript": "file:./view.js"
+}
\ No newline at end of file
diff --git a/blocks/build/eo-sticky/index-rtl.css b/blocks/build/eo-sticky/index-rtl.css
new file mode 100644
index 0000000..d253f67
--- /dev/null
+++ b/blocks/build/eo-sticky/index-rtl.css
@@ -0,0 +1,11 @@
+/*!**************************************************************************************************************************************************************************************************************************************************************!*\
+ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./blocks/src/eo-sticky/scss/editor.scss ***!
+ \**************************************************************************************************************************************************************************************************************************************************************/
+/**
+ * The following styles get applied inside the editor only.
+ *
+ * Replace them with your own styles or remove the file completely.
+ */
+.wp-block-eo-sticky {
+ position: static;
+}
diff --git a/blocks/build/eo-sticky/index.asset.php b/blocks/build/eo-sticky/index.asset.php
new file mode 100644
index 0000000..996ad23
--- /dev/null
+++ b/blocks/build/eo-sticky/index.asset.php
@@ -0,0 +1 @@
+ array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '1ee234298f6e4a660bce');
diff --git a/blocks/build/eo-sticky/index.css b/blocks/build/eo-sticky/index.css
new file mode 100644
index 0000000..b4eddf6
--- /dev/null
+++ b/blocks/build/eo-sticky/index.css
@@ -0,0 +1,13 @@
+/*!**************************************************************************************************************************************************************************************************************************************************************!*\
+ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./blocks/src/eo-sticky/scss/editor.scss ***!
+ \**************************************************************************************************************************************************************************************************************************************************************/
+/**
+ * The following styles get applied inside the editor only.
+ *
+ * Replace them with your own styles or remove the file completely.
+ */
+.wp-block-eo-sticky {
+ position: static;
+}
+
+/*# sourceMappingURL=index.css.map*/
\ No newline at end of file
diff --git a/blocks/build/eo-sticky/index.css.map b/blocks/build/eo-sticky/index.css.map
new file mode 100644
index 0000000..dd97cb2
--- /dev/null
+++ b/blocks/build/eo-sticky/index.css.map
@@ -0,0 +1 @@
+{"version":3,"file":"eo-sticky/index.css","mappings":";;;AAAA;;;;EAAA;AAMA;EACC;AAAD,C","sources":["webpack://eo-blocks/./blocks/src/eo-sticky/scss/editor.scss"],"sourcesContent":["/**\r\n * The following styles get applied inside the editor only.\r\n *\r\n * Replace them with your own styles or remove the file completely.\r\n */\r\n\r\n.wp-block-eo-sticky {\r\n\tposition: static;\r\n}\r\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/blocks/build/eo-sticky/index.js b/blocks/build/eo-sticky/index.js
new file mode 100644
index 0000000..4e17e45
--- /dev/null
+++ b/blocks/build/eo-sticky/index.js
@@ -0,0 +1,1931 @@
+/******/ (() => { // webpackBootstrap
+/******/ "use strict";
+/******/ var __webpack_modules__ = ({
+
+/***/ "./node_modules/@wordpress/icons/build-module/library/sides-horizontal.js":
+/*!********************************************************************************!*\
+ !*** ./node_modules/@wordpress/icons/build-module/library/sides-horizontal.js ***!
+ \********************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
+/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
+/**
+ * WordPress dependencies
+ */
+
+
+const sidesHorizontal = /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_0__.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_0__.Path, {
+ d: "m7.5 6h9v-1.5h-9zm0 13.5h9v-1.5h-9zm-3-3h1.5v-9h-1.5zm13.5-9v9h1.5v-9z",
+ style: {
+ opacity: 0.25
+ }
+ }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_0__.Path, {
+ d: "m4.5 7.5v9h1.5v-9z"
+ }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_0__.Path, {
+ d: "m18 7.5v9h1.5v-9z"
+ })]
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (sidesHorizontal);
+//# sourceMappingURL=sides-horizontal.js.map
+
+/***/ }),
+
+/***/ "./node_modules/@wordpress/icons/build-module/library/sides-vertical.js":
+/*!******************************************************************************!*\
+ !*** ./node_modules/@wordpress/icons/build-module/library/sides-vertical.js ***!
+ \******************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
+/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
+/**
+ * WordPress dependencies
+ */
+
+
+const sidesVertical = /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_0__.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_0__.Path, {
+ d: "m7.5 6h9v-1.5h-9zm0 13.5h9v-1.5h-9zm-3-3h1.5v-9h-1.5zm13.5-9v9h1.5v-9z",
+ style: {
+ opacity: 0.25
+ }
+ }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_0__.Path, {
+ d: "m7.5 6h9v-1.5h-9z"
+ }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_0__.Path, {
+ d: "m7.5 19.5h9v-1.5h-9z"
+ })]
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (sidesVertical);
+//# sourceMappingURL=sides-vertical.js.map
+
+/***/ }),
+
+/***/ "./blocks/src/eo-sticky/edit.js":
+/*!**************************************!*\
+ !*** ./blocks/src/eo-sticky/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 react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
+/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
+/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
+/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/sides-horizontal.js");
+/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/sides-vertical.js");
+/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
+/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _scss_editor_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./scss/editor.scss */ "./blocks/src/eo-sticky/scss/editor.scss");
+
+/**
+ * Retrieves the translation of text.
+ *
+ * @see https://developer.wordpress.org/block-editor/reference-guides/packages/packages-i18n/
+ */
+
+
+/**
+ * React hook that is used to mark the block wrapper element.
+ * It provides all the necessary props like the class name.
+ *
+ * @see https://developer.wordpress.org/block-editor/reference-guides/packages/packages-block-editor/#useblockprops
+ */
+
+
+// import { AlignmentMatrixControl } from '@wordpress/components';
+
+/**
+ * Experimental components
+ */
+
+
+
+
+
+/**
+ * Lets webpack process CSS, SASS or SCSS files referenced in JavaScript files.
+ * Those files can contain any CSS code that gets applied to the editor.
+ *
+ * @see https://www.npmjs.com/package/@wordpress/scripts#using-css
+ */
+
+
+/**
+ * The edit function describes the structure of your block in the context of the
+ * editor. This represents what the editor will render when the block is used.
+ *
+ * @see https://developer.wordpress.org/block-editor/reference-guides/block-api/block-edit-save/#edit
+ *
+ * @return {Element} Element to render.
+ */
+function Edit({
+ attributes,
+ setAttributes
+}) {
+ const gapPercentTooltip = value => `${value}em`;
+ const titleStyle = {
+ fontSize: '11px',
+ fontWeight: '500',
+ lineHeight: '1.4',
+ textTransform: 'uppercase'
+ };
+ const stickyPositionTranslate = {
+ 'top left': (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('At the top left of screen', 'eo-blocks'),
+ 'top center': (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('At the top middle of screen', 'eo-blocks'),
+ 'top right': (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('At the top right of screen', 'eo-blocks'),
+ 'center left': (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('At the middle left of screen', 'eo-blocks'),
+ 'center center': (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('At the middle of screen', 'eo-blocks'),
+ 'center right': (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('At the middle right of screen', 'eo-blocks'),
+ 'bottom left': (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('At the bottom left of screen', 'eo-blocks'),
+ 'bottom center': (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('At the bottom middle of screen', 'eo-blocks'),
+ 'bottom right': (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('At the bottom right of screen', 'eo-blocks')
+ };
+ return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__.BlockControls, null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__.__experimentalBlockAlignmentMatrixControl, {
+ label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Change sticky position', 'eo-blocks'),
+ value: attributes.contentPosition,
+ onChange: nextPosition => setAttributes({
+ contentPosition: nextPosition
+ })
+ })), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__.InspectorControls, null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.PanelBody, {
+ title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Settings', 'eo-blocks')
+ }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
+ style: titleStyle
+ }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Sticky position', 'eo-blocks')), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.Flex, null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.FlexItem, null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__.__experimentalBlockAlignmentMatrixControl, {
+ label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Change sticky position', 'eo-blocks'),
+ value: attributes.contentPosition,
+ onChange: nextPosition => setAttributes({
+ contentPosition: nextPosition
+ })
+ })), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.FlexBlock, null, stickyPositionTranslate[attributes.contentPosition]))), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.PanelBody, {
+ title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Gap Offset', 'eo-blocks')
+ }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.RangeControl, {
+ label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Horizontal Gap offset (em)', 'eo-blocks'),
+ help: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Offset of the sticky from the edge of the screen', 'eo-blocks'),
+ beforeIcon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"],
+ step: 1,
+ value: attributes.horizontalGapPercent || 0,
+ onChange: value => setAttributes({
+ horizontalGapPercent: value
+ }),
+ min: 0,
+ max: 6,
+ renderTooltipContent: gapPercentTooltip
+ }), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.RangeControl, {
+ label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Vertical Gap offset (em)', 'eo-blocks'),
+ help: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Offset of the sticky from the edge of the screen', 'eo-blocks'),
+ beforeIcon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__["default"],
+ step: 1,
+ value: attributes.verticalGapPercent || 0,
+ onChange: value => setAttributes({
+ verticalGapPercent: value
+ }),
+ min: 0,
+ max: 6,
+ renderTooltipContent: gapPercentTooltip
+ })), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.PanelBody, {
+ title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Mobile settings', 'eo-blocks')
+ }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.ToggleControl, {
+ label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Show in mobile', 'eo-blocks'),
+ checked: attributes.displayMobile,
+ onChange: value => setAttributes({
+ displayMobile: value
+ })
+ }), attributes.displayMobile && (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.__experimentalToggleGroupControl, {
+ label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Style in mobile', 'eo-blocks'),
+ isBlock: true,
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ value: attributes.styleMobile,
+ onChange: value => setAttributes({
+ styleMobile: value
+ })
+ }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.__experimentalToggleGroupControlOption, {
+ value: "standard",
+ label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Standard', 'eo-blocks')
+ }), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.__experimentalToggleGroupControlOption, {
+ value: "menu",
+ label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Menu', 'eo-blocks')
+ })))), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
+ ...(0,_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__.useBlockProps)()
+ }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__.InnerBlocks, null)));
+}
+
+/***/ }),
+
+/***/ "./blocks/src/eo-sticky/index.js":
+/*!***************************************!*\
+ !*** ./blocks/src/eo-sticky/index.js ***!
+ \***************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/blocks */ "@wordpress/blocks");
+/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
+/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _scss_style_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./scss/style.scss */ "./blocks/src/eo-sticky/scss/style.scss");
+/* harmony import */ var _edit__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./edit */ "./blocks/src/eo-sticky/edit.js");
+/* harmony import */ var _block_json__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./block.json */ "./blocks/src/eo-sticky/block.json");
+
+/**
+ * Registers a new block provided a unique name and an object defining its behavior.
+ *
+ * @see https://developer.wordpress.org/block-editor/reference-guides/block-api/block-registration/
+ */
+
+
+
+/**
+ * Lets webpack process CSS, SASS or SCSS files referenced in JavaScript files.
+ * All files containing `style` keyword are bundled together. The code used
+ * gets applied both to the front of your site and to the editor.
+ *
+ * @see https://www.npmjs.com/package/@wordpress/scripts#using-css
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
+
+const blockIcon = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("svg", {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 576 512"
+}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("path", {
+ d: "M64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l448 0c8.8 0 16-7.2 16-16l0-320c0-8.8-7.2-16-16-16L64 80zM0 96C0 60.7 28.7 32 64 32l448 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zm96 64a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm104 0c0-13.3 10.7-24 24-24l224 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-224 0c-13.3 0-24-10.7-24-24zm0 96c0-13.3 10.7-24 24-24l224 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-224 0c-13.3 0-24-10.7-24-24zm0 96c0-13.3 10.7-24 24-24l224 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-224 0c-13.3 0-24-10.7-24-24zm-72-64a32 32 0 1 1 0-64 32 32 0 1 1 0 64zM96 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z",
+ fill: "#0066FF"
+}));
+
+/**
+ * Every block starts by registering a new block type definition.
+ *
+ * @see https://developer.wordpress.org/block-editor/reference-guides/block-api/block-registration/
+ */
+(0,_wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__.registerBlockType)(_block_json__WEBPACK_IMPORTED_MODULE_5__.name, {
+ /**
+ * @see ./edit.js
+ */
+ edit: _edit__WEBPACK_IMPORTED_MODULE_4__["default"],
+ save: props => {
+ return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__.InnerBlocks.Content, null);
+ },
+ icon: blockIcon
+});
+
+/***/ }),
+
+/***/ "./blocks/src/eo-sticky/scss/editor.scss":
+/*!***********************************************!*\
+ !*** ./blocks/src/eo-sticky/scss/editor.scss ***!
+ \***********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ }),
+
+/***/ "./blocks/src/eo-sticky/scss/style.scss":
+/*!**********************************************!*\
+ !*** ./blocks/src/eo-sticky/scss/style.scss ***!
+ \**********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ }),
+
+/***/ "./node_modules/react/cjs/react-jsx-runtime.development.js":
+/*!*****************************************************************!*\
+ !*** ./node_modules/react/cjs/react-jsx-runtime.development.js ***!
+ \*****************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+
+
+if (true) {
+ (function() {
+'use strict';
+
+var React = __webpack_require__(/*! react */ "react");
+
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+var REACT_PORTAL_TYPE = Symbol.for('react.portal');
+var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
+var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+var REACT_MEMO_TYPE = Symbol.for('react.memo');
+var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+ if (maybeIterable === null || typeof maybeIterable !== 'object') {
+ return null;
+ }
+
+ var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+ if (typeof maybeIterator === 'function') {
+ return maybeIterator;
+ }
+
+ return null;
+}
+
+var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+function error(format) {
+ {
+ {
+ for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+ args[_key2 - 1] = arguments[_key2];
+ }
+
+ printWarning('error', format, args);
+ }
+ }
+}
+
+function printWarning(level, format, args) {
+ // When changing this logic, you might want to also
+ // update consoleWithStackDev.www.js as well.
+ {
+ var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+ var stack = ReactDebugCurrentFrame.getStackAddendum();
+
+ if (stack !== '') {
+ format += '%s';
+ args = args.concat([stack]);
+ } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+ var argsWithFormat = args.map(function (item) {
+ return String(item);
+ }); // Careful: RN currently depends on this prefix
+
+ argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
+ // breaks IE9: https://github.com/facebook/react/issues/13610
+ // eslint-disable-next-line react-internal/no-production-logging
+
+ Function.prototype.apply.call(console[level], console, argsWithFormat);
+ }
+}
+
+// -----------------------------------------------------------------------------
+
+var enableScopeAPI = false; // Experimental Create Event Handle API.
+var enableCacheElement = false;
+var enableTransitionTracing = false; // No known bugs, but needs performance testing
+
+var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
+// stuff. Intended to enable React core members to more easily debug scheduling
+// issues in DEV builds.
+
+var enableDebugTracing = false; // Track which Fiber(s) schedule render work.
+
+var REACT_MODULE_REFERENCE;
+
+{
+ REACT_MODULE_REFERENCE = Symbol.for('react.module.reference');
+}
+
+function isValidElementType(type) {
+ if (typeof type === 'string' || typeof type === 'function') {
+ return true;
+ } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
+
+
+ if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden || type === REACT_OFFSCREEN_TYPE || enableScopeAPI || enableCacheElement || enableTransitionTracing ) {
+ return true;
+ }
+
+ if (typeof type === 'object' && type !== null) {
+ if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
+ // types supported by any Flight configuration anywhere since
+ // we don't know which Flight build this will end up being used
+ // with.
+ type.$$typeof === REACT_MODULE_REFERENCE || type.getModuleId !== undefined) {
+ return true;
+ }
+ }
+
+ return false;
+}
+
+function getWrappedName(outerType, innerType, wrapperName) {
+ var displayName = outerType.displayName;
+
+ if (displayName) {
+ return displayName;
+ }
+
+ var functionName = innerType.displayName || innerType.name || '';
+ return functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName;
+} // Keep in sync with react-reconciler/getComponentNameFromFiber
+
+
+function getContextName(type) {
+ return type.displayName || 'Context';
+} // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
+
+
+function getComponentNameFromType(type) {
+ if (type == null) {
+ // Host root, text node or just invalid type.
+ return null;
+ }
+
+ {
+ if (typeof type.tag === 'number') {
+ error('Received an unexpected object in getComponentNameFromType(). ' + 'This is likely a bug in React. Please file an issue.');
+ }
+ }
+
+ if (typeof type === 'function') {
+ return type.displayName || type.name || null;
+ }
+
+ if (typeof type === 'string') {
+ return type;
+ }
+
+ switch (type) {
+ case REACT_FRAGMENT_TYPE:
+ return 'Fragment';
+
+ case REACT_PORTAL_TYPE:
+ return 'Portal';
+
+ case REACT_PROFILER_TYPE:
+ return 'Profiler';
+
+ case REACT_STRICT_MODE_TYPE:
+ return 'StrictMode';
+
+ case REACT_SUSPENSE_TYPE:
+ return 'Suspense';
+
+ case REACT_SUSPENSE_LIST_TYPE:
+ return 'SuspenseList';
+
+ }
+
+ if (typeof type === 'object') {
+ switch (type.$$typeof) {
+ case REACT_CONTEXT_TYPE:
+ var context = type;
+ return getContextName(context) + '.Consumer';
+
+ case REACT_PROVIDER_TYPE:
+ var provider = type;
+ return getContextName(provider._context) + '.Provider';
+
+ case REACT_FORWARD_REF_TYPE:
+ return getWrappedName(type, type.render, 'ForwardRef');
+
+ case REACT_MEMO_TYPE:
+ var outerName = type.displayName || null;
+
+ if (outerName !== null) {
+ return outerName;
+ }
+
+ return getComponentNameFromType(type.type) || 'Memo';
+
+ case REACT_LAZY_TYPE:
+ {
+ var lazyComponent = type;
+ var payload = lazyComponent._payload;
+ var init = lazyComponent._init;
+
+ try {
+ return getComponentNameFromType(init(payload));
+ } catch (x) {
+ return null;
+ }
+ }
+
+ // eslint-disable-next-line no-fallthrough
+ }
+ }
+
+ return null;
+}
+
+var assign = Object.assign;
+
+// Helpers to patch console.logs to avoid logging during side-effect free
+// replaying on render function. This currently only patches the object
+// lazily which won't cover if the log function was extracted eagerly.
+// We could also eagerly patch the method.
+var disabledDepth = 0;
+var prevLog;
+var prevInfo;
+var prevWarn;
+var prevError;
+var prevGroup;
+var prevGroupCollapsed;
+var prevGroupEnd;
+
+function disabledLog() {}
+
+disabledLog.__reactDisabledLog = true;
+function disableLogs() {
+ {
+ if (disabledDepth === 0) {
+ /* eslint-disable react-internal/no-production-logging */
+ prevLog = console.log;
+ prevInfo = console.info;
+ prevWarn = console.warn;
+ prevError = console.error;
+ prevGroup = console.group;
+ prevGroupCollapsed = console.groupCollapsed;
+ prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+
+ var props = {
+ configurable: true,
+ enumerable: true,
+ value: disabledLog,
+ writable: true
+ }; // $FlowFixMe Flow thinks console is immutable.
+
+ Object.defineProperties(console, {
+ info: props,
+ log: props,
+ warn: props,
+ error: props,
+ group: props,
+ groupCollapsed: props,
+ groupEnd: props
+ });
+ /* eslint-enable react-internal/no-production-logging */
+ }
+
+ disabledDepth++;
+ }
+}
+function reenableLogs() {
+ {
+ disabledDepth--;
+
+ if (disabledDepth === 0) {
+ /* eslint-disable react-internal/no-production-logging */
+ var props = {
+ configurable: true,
+ enumerable: true,
+ writable: true
+ }; // $FlowFixMe Flow thinks console is immutable.
+
+ Object.defineProperties(console, {
+ log: assign({}, props, {
+ value: prevLog
+ }),
+ info: assign({}, props, {
+ value: prevInfo
+ }),
+ warn: assign({}, props, {
+ value: prevWarn
+ }),
+ error: assign({}, props, {
+ value: prevError
+ }),
+ group: assign({}, props, {
+ value: prevGroup
+ }),
+ groupCollapsed: assign({}, props, {
+ value: prevGroupCollapsed
+ }),
+ groupEnd: assign({}, props, {
+ value: prevGroupEnd
+ })
+ });
+ /* eslint-enable react-internal/no-production-logging */
+ }
+
+ if (disabledDepth < 0) {
+ error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+ }
+ }
+}
+
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+var prefix;
+function describeBuiltInComponentFrame(name, source, ownerFn) {
+ {
+ if (prefix === undefined) {
+ // Extract the VM specific prefix used by each line.
+ try {
+ throw Error();
+ } catch (x) {
+ var match = x.stack.trim().match(/\n( *(at )?)/);
+ prefix = match && match[1] || '';
+ }
+ } // We use the prefix to ensure our stacks line up with native stack frames.
+
+
+ return '\n' + prefix + name;
+ }
+}
+var reentry = false;
+var componentFrameCache;
+
+{
+ var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
+ componentFrameCache = new PossiblyWeakMap();
+}
+
+function describeNativeComponentFrame(fn, construct) {
+ // If something asked for a stack inside a fake render, it should get ignored.
+ if ( !fn || reentry) {
+ return '';
+ }
+
+ {
+ var frame = componentFrameCache.get(fn);
+
+ if (frame !== undefined) {
+ return frame;
+ }
+ }
+
+ var control;
+ reentry = true;
+ var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe It does accept undefined.
+
+ Error.prepareStackTrace = undefined;
+ var previousDispatcher;
+
+ {
+ previousDispatcher = ReactCurrentDispatcher.current; // Set the dispatcher in DEV because this might be call in the render function
+ // for warnings.
+
+ ReactCurrentDispatcher.current = null;
+ disableLogs();
+ }
+
+ try {
+ // This should throw.
+ if (construct) {
+ // Something should be setting the props in the constructor.
+ var Fake = function () {
+ throw Error();
+ }; // $FlowFixMe
+
+
+ Object.defineProperty(Fake.prototype, 'props', {
+ set: function () {
+ // We use a throwing setter instead of frozen or non-writable props
+ // because that won't throw in a non-strict mode function.
+ throw Error();
+ }
+ });
+
+ if (typeof Reflect === 'object' && Reflect.construct) {
+ // We construct a different control for this case to include any extra
+ // frames added by the construct call.
+ try {
+ Reflect.construct(Fake, []);
+ } catch (x) {
+ control = x;
+ }
+
+ Reflect.construct(fn, [], Fake);
+ } else {
+ try {
+ Fake.call();
+ } catch (x) {
+ control = x;
+ }
+
+ fn.call(Fake.prototype);
+ }
+ } else {
+ try {
+ throw Error();
+ } catch (x) {
+ control = x;
+ }
+
+ fn();
+ }
+ } catch (sample) {
+ // This is inlined manually because closure doesn't do it for us.
+ if (sample && control && typeof sample.stack === 'string') {
+ // This extracts the first frame from the sample that isn't also in the control.
+ // Skipping one frame that we assume is the frame that calls the two.
+ var sampleLines = sample.stack.split('\n');
+ var controlLines = control.stack.split('\n');
+ var s = sampleLines.length - 1;
+ var c = controlLines.length - 1;
+
+ while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+ // We expect at least one stack frame to be shared.
+ // Typically this will be the root most one. However, stack frames may be
+ // cut off due to maximum stack limits. In this case, one maybe cut off
+ // earlier than the other. We assume that the sample is longer or the same
+ // and there for cut off earlier. So we should find the root most frame in
+ // the sample somewhere in the control.
+ c--;
+ }
+
+ for (; s >= 1 && c >= 0; s--, c--) {
+ // Next we find the first one that isn't the same which should be the
+ // frame that called our sample function and the control.
+ if (sampleLines[s] !== controlLines[c]) {
+ // In V8, the first line is describing the message but other VMs don't.
+ // If we're about to return the first line, and the control is also on the same
+ // line, that's a pretty good indicator that our sample threw at same line as
+ // the control. I.e. before we entered the sample frame. So we ignore this result.
+ // This can happen if you passed a class to function component, or non-function.
+ if (s !== 1 || c !== 1) {
+ do {
+ s--;
+ c--; // We may still have similar intermediate frames from the construct call.
+ // The next one that isn't the same should be our match though.
+
+ if (c < 0 || sampleLines[s] !== controlLines[c]) {
+ // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+ var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t{ blockLabel }
\r\n\t\t\t\t\t\t{ contentmentLabel }%
\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\r\n\t);\r\n}\r\n","/**\r\n * Registers a new block provided a unique name and an object defining its behavior.\r\n *\r\n * @see https://developer.wordpress.org/block-editor/reference-guides/block-api/block-registration/\r\n */\r\nimport { registerBlockType } from '@wordpress/blocks';\r\nimport { InnerBlocks } from '@wordpress/block-editor'\r\n\r\n/**\r\n * Lets webpack process CSS, SASS or SCSS files referenced in JavaScript files.\r\n * All files containing `style` keyword are bundled together. The code used\r\n * gets applied both to the front of your site and to the editor.\r\n *\r\n * @see https://www.npmjs.com/package/@wordpress/scripts#using-css\r\n */\r\nimport './scss/style.scss';\r\n\r\n/**\r\n * Internal dependencies\r\n */\r\nimport Edit from './edit';\r\nimport metadata from './block.json';\r\n\r\nconst blockIcon = (\r\n\t\r\n);\r\n\r\n/**\r\n * Every block starts by registering a new block type definition.\r\n *\r\n * @see https://developer.wordpress.org/block-editor/reference-guides/block-api/block-registration/\r\n */\r\nregisterBlockType( metadata.name, {\r\n\t/**\r\n\t * @see ./edit.js\r\n\t */\r\n\tedit: Edit,\r\n\tsave: props => {\r\n\t\treturn esc_attr( $blockClass) ) ) ); ?>>
+
+
diff --git a/blocks/build/eo-sticky/style-index-rtl.css b/blocks/build/eo-sticky/style-index-rtl.css
new file mode 100644
index 0000000..6b211b5
--- /dev/null
+++ b/blocks/build/eo-sticky/style-index-rtl.css
@@ -0,0 +1,194 @@
+/*!*************************************************************************************************************************************************************************************************************************************************************!*\
+ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./blocks/src/eo-sticky/scss/style.scss ***!
+ \*************************************************************************************************************************************************************************************************************************************************************/
+/**
+ * The following styles get applied both on the front of your site
+ * and in the editor.
+ *
+ * Replace them with your own styles or remove the file completely.
+ */
+.wp-block-eo-sticky {
+ position: fixed;
+ z-index: 100000;
+ margin-top: 0 !important;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu) {
+ /** Vertical & Horizontal Gap */
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-left {
+ top: 0;
+ right: 0;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-center {
+ top: 0;
+ right: 50%;
+ transform: translateX(50%);
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-right {
+ top: 0;
+ left: 0;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-left {
+ top: 50%;
+ right: 0;
+ transform: translateY(-50%);
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-center, .wp-block-eo-sticky:not(.is-active-mobile-menu) .is-position-center {
+ top: 50%;
+ right: 50%;
+ transform: translate(50%, -50%);
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-right {
+ top: 50%;
+ left: 0;
+ transform: translateY(-50%);
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-left {
+ bottom: 0;
+ right: 0;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-center {
+ bottom: 0;
+ right: 50%;
+ transform: translateX(50%);
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-right {
+ bottom: 0;
+ left: 0;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu)[class^=is-position-top].is-gap-vertical-1 {
+ top: 1em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu)[class^=is-position-top].is-gap-vertical-2 {
+ top: 2em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu)[class^=is-position-top].is-gap-vertical-3 {
+ top: 3em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu)[class^=is-position-top].is-gap-vertical-4 {
+ top: 4em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu)[class^=is-position-top].is-gap-vertical-5 {
+ top: 5em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu)[class^=is-position-top].is-gap-vertical-6 {
+ top: 6em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu)[class^=is-position-bottom].is-gap-vertical-1 {
+ bottom: 1em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu)[class^=is-position-bottom].is-gap-vertical-2 {
+ bottom: 2em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu)[class^=is-position-bottom].is-gap-vertical-3 {
+ bottom: 3em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu)[class^=is-position-bottom].is-gap-vertical-4 {
+ bottom: 4em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu)[class^=is-position-bottom].is-gap-vertical-5 {
+ bottom: 5em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu)[class^=is-position-bottom].is-gap-vertical-6 {
+ bottom: 6em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-left.is-gap-horizontal-1, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-left.is-gap-horizontal-1, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-left.is-gap-horizontal-1 {
+ right: 1em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-left.is-gap-horizontal-2, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-left.is-gap-horizontal-2, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-left.is-gap-horizontal-2 {
+ right: 2em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-left.is-gap-horizontal-3, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-left.is-gap-horizontal-3, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-left.is-gap-horizontal-3 {
+ right: 3em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-left.is-gap-horizontal-4, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-left.is-gap-horizontal-4, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-left.is-gap-horizontal-4 {
+ right: 4em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-left.is-gap-horizontal-5, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-left.is-gap-horizontal-5, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-left.is-gap-horizontal-5 {
+ right: 5em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-left.is-gap-horizontal-6, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-left.is-gap-horizontal-6, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-left.is-gap-horizontal-6 {
+ right: 6em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-right.is-gap-horizontal-1, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-right.is-gap-horizontal-1, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-right.is-gap-horizontal-1 {
+ left: 1em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-right.is-gap-horizontal-2, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-right.is-gap-horizontal-2, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-right.is-gap-horizontal-2 {
+ left: 2em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-right.is-gap-horizontal-3, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-right.is-gap-horizontal-3, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-right.is-gap-horizontal-3 {
+ left: 3em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-right.is-gap-horizontal-4, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-right.is-gap-horizontal-4, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-right.is-gap-horizontal-4 {
+ left: 4em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-right.is-gap-horizontal-5, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-right.is-gap-horizontal-5, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-right.is-gap-horizontal-5 {
+ left: 5em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-right.is-gap-horizontal-6, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-right.is-gap-horizontal-6, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-right.is-gap-horizontal-6 {
+ left: 6em;
+}
+
+/**
+ * Sticky version mobile
+ */
+.wp-block-eo-sticky .eo-sticky__menu {
+ display: none;
+ width: 50px;
+ height: 50px;
+ background: #fff;
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
+ border-radius: 8px;
+ transition: opacity 0.2s ease-out;
+}
+.wp-block-eo-sticky .eo-sticky__menu:hover {
+ cursor: pointer;
+ opacity: 0.6;
+}
+.wp-block-eo-sticky .eo-sticky__menu .eo-sticky__menu-icon {
+ width: 100%;
+ max-width: 20px;
+ margin: auto;
+}
+.wp-block-eo-sticky .eo-sticky__menu-close {
+ display: none;
+ position: absolute;
+ top: 2em;
+ left: 2em;
+ width: 100%;
+ max-width: 20px;
+ transition: opacity 0.2s ease-out;
+}
+.wp-block-eo-sticky .eo-sticky__menu-close:hover {
+ opacity: 0.5;
+ cursor: pointer;
+}
+@media (max-width: 599px) {
+ .wp-block-eo-sticky:not(.is-display-mobile) {
+ display: none;
+ }
+}
+@media (max-width: 599px) {
+ .wp-block-eo-sticky.is-display-mobile.is-style-mobile-menu .eo-sticky__menu {
+ display: flex;
+ }
+ .wp-block-eo-sticky.is-display-mobile.is-style-mobile-menu .eo-sticky__container {
+ display: none;
+ position: fixed;
+ z-index: 100001;
+ justify-content: center;
+ align-items: center;
+ top: 0;
+ right: 0;
+ width: 100%;
+ height: 100%;
+ background: #fff;
+ padding: 4em;
+ }
+ .wp-block-eo-sticky.is-display-mobile.is-style-mobile-menu.is-active-mobile-menu .eo-sticky__container {
+ display: flex;
+ }
+ .wp-block-eo-sticky.is-display-mobile.is-style-mobile-menu.is-active-mobile-menu .eo-sticky__menu-close {
+ display: block;
+ }
+}
diff --git a/blocks/build/eo-sticky/style-index.css b/blocks/build/eo-sticky/style-index.css
new file mode 100644
index 0000000..8a1e5a1
--- /dev/null
+++ b/blocks/build/eo-sticky/style-index.css
@@ -0,0 +1,196 @@
+/*!*************************************************************************************************************************************************************************************************************************************************************!*\
+ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./blocks/src/eo-sticky/scss/style.scss ***!
+ \*************************************************************************************************************************************************************************************************************************************************************/
+/**
+ * The following styles get applied both on the front of your site
+ * and in the editor.
+ *
+ * Replace them with your own styles or remove the file completely.
+ */
+.wp-block-eo-sticky {
+ position: fixed;
+ z-index: 100000;
+ margin-top: 0 !important;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu) {
+ /** Vertical & Horizontal Gap */
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-left {
+ top: 0;
+ left: 0;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-center {
+ top: 0;
+ left: 50%;
+ transform: translateX(-50%);
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-right {
+ top: 0;
+ right: 0;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-left {
+ top: 50%;
+ left: 0;
+ transform: translateY(-50%);
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-center, .wp-block-eo-sticky:not(.is-active-mobile-menu) .is-position-center {
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-right {
+ top: 50%;
+ right: 0;
+ transform: translateY(-50%);
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-left {
+ bottom: 0;
+ left: 0;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-center {
+ bottom: 0;
+ left: 50%;
+ transform: translateX(-50%);
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-right {
+ bottom: 0;
+ right: 0;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu)[class^=is-position-top].is-gap-vertical-1 {
+ top: 1em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu)[class^=is-position-top].is-gap-vertical-2 {
+ top: 2em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu)[class^=is-position-top].is-gap-vertical-3 {
+ top: 3em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu)[class^=is-position-top].is-gap-vertical-4 {
+ top: 4em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu)[class^=is-position-top].is-gap-vertical-5 {
+ top: 5em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu)[class^=is-position-top].is-gap-vertical-6 {
+ top: 6em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu)[class^=is-position-bottom].is-gap-vertical-1 {
+ bottom: 1em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu)[class^=is-position-bottom].is-gap-vertical-2 {
+ bottom: 2em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu)[class^=is-position-bottom].is-gap-vertical-3 {
+ bottom: 3em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu)[class^=is-position-bottom].is-gap-vertical-4 {
+ bottom: 4em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu)[class^=is-position-bottom].is-gap-vertical-5 {
+ bottom: 5em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu)[class^=is-position-bottom].is-gap-vertical-6 {
+ bottom: 6em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-left.is-gap-horizontal-1, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-left.is-gap-horizontal-1, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-left.is-gap-horizontal-1 {
+ left: 1em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-left.is-gap-horizontal-2, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-left.is-gap-horizontal-2, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-left.is-gap-horizontal-2 {
+ left: 2em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-left.is-gap-horizontal-3, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-left.is-gap-horizontal-3, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-left.is-gap-horizontal-3 {
+ left: 3em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-left.is-gap-horizontal-4, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-left.is-gap-horizontal-4, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-left.is-gap-horizontal-4 {
+ left: 4em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-left.is-gap-horizontal-5, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-left.is-gap-horizontal-5, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-left.is-gap-horizontal-5 {
+ left: 5em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-left.is-gap-horizontal-6, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-left.is-gap-horizontal-6, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-left.is-gap-horizontal-6 {
+ left: 6em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-right.is-gap-horizontal-1, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-right.is-gap-horizontal-1, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-right.is-gap-horizontal-1 {
+ right: 1em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-right.is-gap-horizontal-2, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-right.is-gap-horizontal-2, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-right.is-gap-horizontal-2 {
+ right: 2em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-right.is-gap-horizontal-3, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-right.is-gap-horizontal-3, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-right.is-gap-horizontal-3 {
+ right: 3em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-right.is-gap-horizontal-4, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-right.is-gap-horizontal-4, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-right.is-gap-horizontal-4 {
+ right: 4em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-right.is-gap-horizontal-5, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-right.is-gap-horizontal-5, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-right.is-gap-horizontal-5 {
+ right: 5em;
+}
+.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-top-right.is-gap-horizontal-6, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-center-right.is-gap-horizontal-6, .wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-right.is-gap-horizontal-6 {
+ right: 6em;
+}
+
+/**
+ * Sticky version mobile
+ */
+.wp-block-eo-sticky .eo-sticky__menu {
+ display: none;
+ width: 50px;
+ height: 50px;
+ background: #fff;
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
+ border-radius: 8px;
+ transition: opacity 0.2s ease-out;
+}
+.wp-block-eo-sticky .eo-sticky__menu:hover {
+ cursor: pointer;
+ opacity: 0.6;
+}
+.wp-block-eo-sticky .eo-sticky__menu .eo-sticky__menu-icon {
+ width: 100%;
+ max-width: 20px;
+ margin: auto;
+}
+.wp-block-eo-sticky .eo-sticky__menu-close {
+ display: none;
+ position: absolute;
+ top: 2em;
+ right: 2em;
+ width: 100%;
+ max-width: 20px;
+ transition: opacity 0.2s ease-out;
+}
+.wp-block-eo-sticky .eo-sticky__menu-close:hover {
+ opacity: 0.5;
+ cursor: pointer;
+}
+@media (max-width: 599px) {
+ .wp-block-eo-sticky:not(.is-display-mobile) {
+ display: none;
+ }
+}
+@media (max-width: 599px) {
+ .wp-block-eo-sticky.is-display-mobile.is-style-mobile-menu .eo-sticky__menu {
+ display: flex;
+ }
+ .wp-block-eo-sticky.is-display-mobile.is-style-mobile-menu .eo-sticky__container {
+ display: none;
+ position: fixed;
+ z-index: 100001;
+ justify-content: center;
+ align-items: center;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #fff;
+ padding: 4em;
+ }
+ .wp-block-eo-sticky.is-display-mobile.is-style-mobile-menu.is-active-mobile-menu .eo-sticky__container {
+ display: flex;
+ }
+ .wp-block-eo-sticky.is-display-mobile.is-style-mobile-menu.is-active-mobile-menu .eo-sticky__menu-close {
+ display: block;
+ }
+}
+
+/*# sourceMappingURL=style-index.css.map*/
\ No newline at end of file
diff --git a/blocks/build/eo-sticky/style-index.css.map b/blocks/build/eo-sticky/style-index.css.map
new file mode 100644
index 0000000..1f96ed9
--- /dev/null
+++ b/blocks/build/eo-sticky/style-index.css.map
@@ -0,0 +1 @@
+{"version":3,"file":"eo-sticky/style-index.css","mappings":";;;AAAA;;;;;EAAA;AASA;EACC;EACA;EACA;AAFD;AAIC;EA2CC;AA5CF;AAEE;EACC;EACA;AAAH;AAEE;EACC;EACA;EACA;AAAH;AAEE;EACC;EACA;AAAH;AAEE;EACC;EACA;EACA;AAAH;AAEE;EACC;EACA;EACA;AAAH;AAEE;EACC;EACA;EACA;AAAH;AAEE;EACC;EACA;AAAH;AAEE;EACC;EACA;EACA;AAAH;AAEE;EACC;EACA;AAAH;AAMI;EACC;AAJL;AAGI;EACC;AADL;AAAI;EACC;AAEL;AAHI;EACC;AAKL;AANI;EACC;AAQL;AATI;EACC;AAWL;AALI;EACC;AAOL;AARI;EACC;AAUL;AAXI;EACC;AAaL;AAdI;EACC;AAgBL;AAjBI;EACC;AAmBL;AApBI;EACC;AAsBL;AAhBI;EACC;AAkBL;AAnBI;EACC;AAqBL;AAtBI;EACC;AAwBL;AAzBI;EACC;AA2BL;AA5BI;EACC;AA8BL;AA/BI;EACC;AAiCL;AA3BI;EACC;AA6BL;AA9BI;EACC;AAgCL;AAjCI;EACC;AAmCL;AApCI;EACC;AAsCL;AAvCI;EACC;AAyCL;AA1CI;EACC;AA4CL;;AC9HA;;EAAA;AAKE;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;AD8HJ;AC5HI;EACE;EACA;AD8HN;AC3HI;EACE;EACA;EACA;AD6HN;AC1HE;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;AD2HJ;ACzHI;EACE;EACA;AD2HN;ACtHI;EADF;IAEI;EDyHJ;AACF;ACrHI;EACE;IACE;EDuHN;ECrHI;IACE;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EDsHN;EClHM;IACE;EDoHR;EClHM;IACE;EDoHR;AACF,C","sources":["webpack://eo-blocks/./blocks/src/eo-sticky/scss/style.scss","webpack://eo-blocks/./blocks/src/eo-sticky/scss/_mobile.scss"],"sourcesContent":["/**\r\n * The following styles get applied both on the front of your site\r\n * and in the editor.\r\n *\r\n * Replace them with your own styles or remove the file completely.\r\n */\r\n\r\n$media__mobile: 599px;\r\n\r\n.wp-block-eo-sticky {\r\n\tposition: fixed;\r\n\tz-index: 100000;\r\n\tmargin-top: 0 !important;\r\n\r\n\t&:not(.is-active-mobile-menu) {\r\n\t\t&.is-position-top-left {\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t}\r\n\t\t&.is-position-top-center {\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translateX(-50%);\r\n\t\t}\r\n\t\t&.is-position-top-right {\r\n\t\t\ttop: 0;\r\n\t\t\tright: 0;\r\n\t\t}\r\n\t\t&.is-position-center-left {\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 0;\r\n\t\t\ttransform: translateY(-50%);\r\n\t\t}\r\n\t\t&.is-position-center-center, .is-position-center {\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t}\r\n\t\t&.is-position-center-right {\r\n\t\t\ttop: 50%;\r\n\t\t\tright: 0;\r\n\t\t\ttransform: translateY(-50%);\r\n\t\t}\r\n\t\t&.is-position-bottom-left {\r\n\t\t\tbottom: 0;\r\n\t\t\tleft: 0;\r\n\t\t}\r\n\t\t&.is-position-bottom-center {\r\n\t\t\tbottom: 0;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translateX(-50%);\r\n\t\t}\r\n\t\t&.is-position-bottom-right {\r\n\t\t\tbottom: 0;\r\n\t\t\tright: 0;\r\n\t\t}\r\n\r\n\t\t/** Vertical & Horizontal Gap */\r\n\t\t&[class^=\"is-position-top\"] {\r\n\t\t\t@for $i from 1 through 6 {\r\n\t\t\t\t&.is-gap-vertical-#{$i} {\r\n\t\t\t\t\ttop: #{$i + 'em'};\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t&[class^=\"is-position-bottom\"] {\r\n\t\t\t@for $i from 1 through 6 {\r\n\t\t\t\t&.is-gap-vertical-#{$i} {\r\n\t\t\t\t\tbottom: #{$i + 'em'};\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.is-position-top-left, &.is-position-center-left, &.is-position-bottom-left {\r\n\t\t\t@for $i from 1 through 6 {\r\n\t\t\t\t&.is-gap-horizontal-#{$i} {\r\n\t\t\t\t\tleft: #{$i + 'em'};\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.is-position-top-right, &.is-position-center-right, &.is-position-bottom-right {\r\n\t\t\t@for $i from 1 through 6 {\r\n\t\t\t\t&.is-gap-horizontal-#{$i} {\r\n\t\t\t\t\tright: #{$i + 'em'};\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@import \"mobile\";\r\n","/**\r\n * Sticky version mobile\r\n */\r\n\r\n.wp-block-eo-sticky {\r\n .eo-sticky__menu {\r\n display: none;\r\n\r\n width: 50px;\r\n height: 50px;\r\n background: #fff;\r\n box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);\r\n border-radius: 8px;\r\n transition: opacity 0.2s ease-out;\r\n\r\n &:hover {\r\n cursor: pointer;\r\n opacity: 0.6;\r\n }\r\n\r\n .eo-sticky__menu-icon {\r\n width: 100%;\r\n max-width: 20px;\r\n margin: auto;\r\n }\r\n }\r\n .eo-sticky__menu-close {\r\n display: none;\r\n\r\n position: absolute;\r\n top: 2em;\r\n right: 2em;\r\n width: 100%;\r\n max-width: 20px;\r\n transition: opacity 0.2s ease-out;\r\n\r\n &:hover {\r\n opacity: 0.5;\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n &:not(.is-display-mobile) {\r\n @media ( max-width: $media__mobile ) {\r\n display: none;\r\n }\r\n }\r\n\r\n &.is-display-mobile.is-style-mobile-menu {\r\n @media ( max-width: $media__mobile ) {\r\n .eo-sticky__menu {\r\n display: flex;\r\n }\r\n .eo-sticky__container {\r\n display: none;\r\n\r\n position: fixed;\r\n z-index: 100001;\r\n justify-content: center;\r\n align-items: center;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: #fff;\r\n padding: 4em;\r\n }\r\n\r\n &.is-active-mobile-menu {\r\n .eo-sticky__container {\r\n display: flex;\r\n }\r\n .eo-sticky__menu-close {\r\n display: block;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/blocks/build/eo-sticky/view.asset.php b/blocks/build/eo-sticky/view.asset.php
new file mode 100644
index 0000000..3d3b484
--- /dev/null
+++ b/blocks/build/eo-sticky/view.asset.php
@@ -0,0 +1 @@
+ array(), 'version' => '733981ae834f89f674ff');
diff --git a/blocks/build/eo-sticky/view.js b/blocks/build/eo-sticky/view.js
new file mode 100644
index 0000000..94ae63b
--- /dev/null
+++ b/blocks/build/eo-sticky/view.js
@@ -0,0 +1,33 @@
+/******/ (() => { // webpackBootstrap
+var __webpack_exports__ = {};
+/*!**************************************!*\
+ !*** ./blocks/src/eo-sticky/view.js ***!
+ \**************************************/
+(function ($) {
+ /**
+ * initializeBlock
+ *
+ * Adds custom JavaScript to the block Accordion.
+ *
+ * @since 1.0.0
+ *
+ * @param object $block The block jQuery element.
+ * @return void
+ */
+ var initializeBlock = function ($block) {
+ $($block).find('.eo-sticky__menu').on('click', function () {
+ $($block).toggleClass('is-active-mobile-menu');
+ });
+ $($block).find('.eo-sticky__menu-close').on('click', function () {
+ $($block).removeClass('is-active-mobile-menu');
+ });
+ };
+ $(document).ready(function () {
+ $('.wp-block-eo-sticky').each(function () {
+ initializeBlock($(this));
+ });
+ });
+})(jQuery);
+/******/ })()
+;
+//# sourceMappingURL=view.js.map
\ No newline at end of file
diff --git a/blocks/build/eo-sticky/view.js.map b/blocks/build/eo-sticky/view.js.map
new file mode 100644
index 0000000..a8fb9af
--- /dev/null
+++ b/blocks/build/eo-sticky/view.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"eo-sticky/view.js","mappings":";;;;;AAAA,CAAC,UAASA,CAAC,EAAE;EAEZ;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACC,IAAIC,eAAe,GAAG,SAAAA,CAAUC,MAAM,EAAG;IACxCF,CAAC,CAACE,MAAM,CAAC,CAACC,IAAI,CAAC,kBAAkB,CAAC,CAACC,EAAE,CAAE,OAAO,EAAE,YAAW;MAC1DJ,CAAC,CAACE,MAAM,CAAC,CAACG,WAAW,CAAC,uBAAuB,CAAC;IAC/C,CAAC,CAAC;IACFL,CAAC,CAACE,MAAM,CAAC,CAACC,IAAI,CAAC,wBAAwB,CAAC,CAACC,EAAE,CAAC,OAAO,EAAE,YAAW;MAC/DJ,CAAC,CAACE,MAAM,CAAC,CAACI,WAAW,CAAC,uBAAuB,CAAC;IAC/C,CAAC,CAAC;EACH,CAAC;EAEDN,CAAC,CAACO,QAAQ,CAAC,CAACC,KAAK,CAAC,YAAU;IAC3BR,CAAC,CAAC,qBAAqB,CAAC,CAACS,IAAI,CAAC,YAAU;MACvCR,eAAe,CAAED,CAAC,CAAC,IAAI,CAAE,CAAC;IAC3B,CAAC,CAAC;EACH,CAAC,CAAC;AAEH,CAAC,EAAEU,MAAM,CAAC,C","sources":["webpack://eo-blocks/./blocks/src/eo-sticky/view.js"],"sourcesContent":["(function($) {\r\n\r\n\t/**\r\n\t * initializeBlock\r\n\t *\r\n\t * Adds custom JavaScript to the block Accordion.\r\n\t *\r\n\t * @since 1.0.0\r\n\t *\r\n\t * @param object $block The block jQuery element.\r\n\t * @return void\r\n\t */\r\n\tvar initializeBlock = function( $block ) {\r\n\t\t$($block).find('.eo-sticky__menu').on( 'click', function() {\r\n\t\t\t$($block).toggleClass('is-active-mobile-menu');\r\n\t\t})\r\n\t\t$($block).find('.eo-sticky__menu-close').on('click', function() {\r\n\t\t\t$($block).removeClass('is-active-mobile-menu');\r\n\t\t});\r\n\t}\r\n\r\n\t$(document).ready(function(){\r\n\t\t$('.wp-block-eo-sticky').each(function(){\r\n\t\t\tinitializeBlock( $(this) );\r\n\t\t});\r\n\t});\r\n\r\n})(jQuery);\r\n"],"names":["$","initializeBlock","$block","find","on","toggleClass","removeClass","document","ready","each","jQuery"],"sourceRoot":""}
\ No newline at end of file
diff --git a/blocks/src/eo-sticky/block.json b/blocks/src/eo-sticky/block.json
new file mode 100644
index 0000000..c8873c7
--- /dev/null
+++ b/blocks/src/eo-sticky/block.json
@@ -0,0 +1,50 @@
+{
+ "$schema": "https://schemas.wp.org/trunk/block.json",
+ "apiVersion": 3,
+ "name": "eo/sticky",
+ "version": "1.0.0",
+ "title": "Sticky",
+ "category": "eo-blocks",
+ "icon": "smiley",
+ "description": "Display sticky block",
+ "example": {},
+ "attributes": {
+ "contentPosition": {
+ "type": "string",
+ "default": "top right"
+ },
+ "horizontalGapPercent": {
+ "type": "number",
+ "default": 0
+ },
+ "verticalGapPercent": {
+ "type": "number",
+ "default": 0
+ },
+ "displayMobile": {
+ "type": "boolean",
+ "default": true
+ },
+ "styleMobile": {
+ "type": "string",
+ "default": "standard"
+ }
+ },
+ "supports": {
+ "color": {
+ "background": "true",
+ "color": "true"
+ },
+ "spacing": {
+ "margin": false,
+ "padding": true,
+ "blockGap": true
+ }
+ },
+ "textdomain": "accordion",
+ "editorScript": "file:./index.js",
+ "editorStyle": "file:./index.css",
+ "style": "file:./style-index.css",
+ "render": "file:./render.php",
+ "viewScript": "file:./view.js"
+}
diff --git a/blocks/src/eo-sticky/edit.js b/blocks/src/eo-sticky/edit.js
new file mode 100644
index 0000000..e4d8d4c
--- /dev/null
+++ b/blocks/src/eo-sticky/edit.js
@@ -0,0 +1,159 @@
+/**
+ * Retrieves the translation of text.
+ *
+ * @see https://developer.wordpress.org/block-editor/reference-guides/packages/packages-i18n/
+ */
+import { __ } from '@wordpress/i18n';
+
+/**
+ * React hook that is used to mark the block wrapper element.
+ * It provides all the necessary props like the class name.
+ *
+ * @see https://developer.wordpress.org/block-editor/reference-guides/packages/packages-block-editor/#useblockprops
+ */
+import { InspectorControls, BlockControls, RichText, useBlockProps, InnerBlocks } from '@wordpress/block-editor';
+import { Flex, FlexBlock, FlexItem, RangeControl, DropdownMenu, Toolbar, ToolbarDropdownMenu, ToggleControl, PanelBody, Spacer } from '@wordpress/components';
+// import { AlignmentMatrixControl } from '@wordpress/components';
+
+/**
+ * Experimental components
+ */
+import {
+ __experimentalBlockAlignmentMatrixControl as BlockAlignmentMatrixControl
+} from '@wordpress/block-editor';
+import {
+ __experimentalToggleGroupControl as ToggleGroupControl,
+ __experimentalToggleGroupControlOption as ToggleGroupControlOption,
+} from '@wordpress/components'
+
+import {
+ sidesHorizontal,
+ sidesVertical,
+} from '@wordpress/icons';
+
+import { useState } from '@wordpress/element';
+
+/**
+ * Lets webpack process CSS, SASS or SCSS files referenced in JavaScript files.
+ * Those files can contain any CSS code that gets applied to the editor.
+ *
+ * @see https://www.npmjs.com/package/@wordpress/scripts#using-css
+ */
+import './scss/editor.scss';
+
+/**
+ * The edit function describes the structure of your block in the context of the
+ * editor. This represents what the editor will render when the block is used.
+ *
+ * @see https://developer.wordpress.org/block-editor/reference-guides/block-api/block-edit-save/#edit
+ *
+ * @return {Element} Element to render.
+ */
+export default function Edit( { attributes, setAttributes } ) {
+ const gapPercentTooltip = value => `${value}em`;
+ const titleStyle = {
+ fontSize: '11px',
+ fontWeight: '500',
+ lineHeight: '1.4',
+ textTransform: 'uppercase'
+ };
+ const stickyPositionTranslate = {
+ 'top left': __( 'At the top left of screen', 'eo-blocks' ),
+ 'top center': __( 'At the top middle of screen', 'eo-blocks' ),
+ 'top right': __( 'At the top right of screen', 'eo-blocks' ),
+ 'center left': __( 'At the middle left of screen', 'eo-blocks' ),
+ 'center center': __( 'At the middle of screen', 'eo-blocks' ),
+ 'center right': __( 'At the middle right of screen', 'eo-blocks' ),
+ 'bottom left': __( 'At the bottom left of screen', 'eo-blocks' ),
+ 'bottom center': __( 'At the bottom middle of screen', 'eo-blocks' ),
+ 'bottom right': __( 'At the bottom right of screen', 'eo-blocks' ),
+ }
+ return (
+ <>
+
+
+
+
+
+
+
+ );
+}
diff --git a/blocks/src/eo-sticky/index.js b/blocks/src/eo-sticky/index.js
new file mode 100644
index 0000000..1c048fe
--- /dev/null
+++ b/blocks/src/eo-sticky/index.js
@@ -0,0 +1,46 @@
+/**
+ * Registers a new block provided a unique name and an object defining its behavior.
+ *
+ * @see https://developer.wordpress.org/block-editor/reference-guides/block-api/block-registration/
+ */
+import { registerBlockType } from '@wordpress/blocks';
+import { InnerBlocks } from '@wordpress/block-editor'
+
+/**
+ * Lets webpack process CSS, SASS or SCSS files referenced in JavaScript files.
+ * All files containing `style` keyword are bundled together. The code used
+ * gets applied both to the front of your site and to the editor.
+ *
+ * @see https://www.npmjs.com/package/@wordpress/scripts#using-css
+ */
+import './scss/style.scss';
+
+/**
+ * Internal dependencies
+ */
+import Edit from './edit';
+import metadata from './block.json';
+
+const blockIcon = (
+
+);
+
+/**
+ * Every block starts by registering a new block type definition.
+ *
+ * @see https://developer.wordpress.org/block-editor/reference-guides/block-api/block-registration/
+ */
+registerBlockType( metadata.name, {
+ /**
+ * @see ./edit.js
+ */
+ edit: Edit,
+ save: props => {
+ return esc_attr( $blockClass) ) ) ); ?>>
+
+
diff --git a/blocks/src/eo-sticky/scss/_mobile.scss b/blocks/src/eo-sticky/scss/_mobile.scss
new file mode 100644
index 0000000..cbb95c7
--- /dev/null
+++ b/blocks/src/eo-sticky/scss/_mobile.scss
@@ -0,0 +1,79 @@
+/**
+ * Sticky version mobile
+ */
+
+.wp-block-eo-sticky {
+ .eo-sticky__menu {
+ display: none;
+
+ width: 50px;
+ height: 50px;
+ background: #fff;
+ box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
+ border-radius: 8px;
+ transition: opacity 0.2s ease-out;
+
+ &:hover {
+ cursor: pointer;
+ opacity: 0.6;
+ }
+
+ .eo-sticky__menu-icon {
+ width: 100%;
+ max-width: 20px;
+ margin: auto;
+ }
+ }
+ .eo-sticky__menu-close {
+ display: none;
+
+ position: absolute;
+ top: 2em;
+ right: 2em;
+ width: 100%;
+ max-width: 20px;
+ transition: opacity 0.2s ease-out;
+
+ &:hover {
+ opacity: 0.5;
+ cursor: pointer;
+ }
+ }
+
+ &:not(.is-display-mobile) {
+ @media ( max-width: $media__mobile ) {
+ display: none;
+ }
+ }
+
+ &.is-display-mobile.is-style-mobile-menu {
+ @media ( max-width: $media__mobile ) {
+ .eo-sticky__menu {
+ display: flex;
+ }
+ .eo-sticky__container {
+ display: none;
+
+ position: fixed;
+ z-index: 100001;
+ justify-content: center;
+ align-items: center;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #fff;
+ padding: 4em;
+ }
+
+ &.is-active-mobile-menu {
+ .eo-sticky__container {
+ display: flex;
+ }
+ .eo-sticky__menu-close {
+ display: block;
+ }
+ }
+ }
+ }
+}
diff --git a/blocks/src/eo-sticky/scss/editor.scss b/blocks/src/eo-sticky/scss/editor.scss
new file mode 100644
index 0000000..0a8ca08
--- /dev/null
+++ b/blocks/src/eo-sticky/scss/editor.scss
@@ -0,0 +1,9 @@
+/**
+ * The following styles get applied inside the editor only.
+ *
+ * Replace them with your own styles or remove the file completely.
+ */
+
+.wp-block-eo-sticky {
+ position: static;
+}
diff --git a/blocks/src/eo-sticky/scss/style.scss b/blocks/src/eo-sticky/scss/style.scss
new file mode 100644
index 0000000..b32951e
--- /dev/null
+++ b/blocks/src/eo-sticky/scss/style.scss
@@ -0,0 +1,90 @@
+/**
+ * The following styles get applied both on the front of your site
+ * and in the editor.
+ *
+ * Replace them with your own styles or remove the file completely.
+ */
+
+$media__mobile: 599px;
+
+.wp-block-eo-sticky {
+ position: fixed;
+ z-index: 100000;
+ margin-top: 0 !important;
+
+ &:not(.is-active-mobile-menu) {
+ &.is-position-top-left {
+ top: 0;
+ left: 0;
+ }
+ &.is-position-top-center {
+ top: 0;
+ left: 50%;
+ transform: translateX(-50%);
+ }
+ &.is-position-top-right {
+ top: 0;
+ right: 0;
+ }
+ &.is-position-center-left {
+ top: 50%;
+ left: 0;
+ transform: translateY(-50%);
+ }
+ &.is-position-center-center, .is-position-center {
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ }
+ &.is-position-center-right {
+ top: 50%;
+ right: 0;
+ transform: translateY(-50%);
+ }
+ &.is-position-bottom-left {
+ bottom: 0;
+ left: 0;
+ }
+ &.is-position-bottom-center {
+ bottom: 0;
+ left: 50%;
+ transform: translateX(-50%);
+ }
+ &.is-position-bottom-right {
+ bottom: 0;
+ right: 0;
+ }
+
+ /** Vertical & Horizontal Gap */
+ &[class^="is-position-top"] {
+ @for $i from 1 through 6 {
+ &.is-gap-vertical-#{$i} {
+ top: #{$i + 'em'};
+ }
+ }
+ }
+ &[class^="is-position-bottom"] {
+ @for $i from 1 through 6 {
+ &.is-gap-vertical-#{$i} {
+ bottom: #{$i + 'em'};
+ }
+ }
+ }
+ &.is-position-top-left, &.is-position-center-left, &.is-position-bottom-left {
+ @for $i from 1 through 6 {
+ &.is-gap-horizontal-#{$i} {
+ left: #{$i + 'em'};
+ }
+ }
+ }
+ &.is-position-top-right, &.is-position-center-right, &.is-position-bottom-right {
+ @for $i from 1 through 6 {
+ &.is-gap-horizontal-#{$i} {
+ right: #{$i + 'em'};
+ }
+ }
+ }
+ }
+}
+
+@import "mobile";
diff --git a/blocks/src/eo-sticky/view.js b/blocks/src/eo-sticky/view.js
new file mode 100644
index 0000000..e348f1b
--- /dev/null
+++ b/blocks/src/eo-sticky/view.js
@@ -0,0 +1,28 @@
+(function($) {
+
+ /**
+ * initializeBlock
+ *
+ * Adds custom JavaScript to the block Accordion.
+ *
+ * @since 1.0.0
+ *
+ * @param object $block The block jQuery element.
+ * @return void
+ */
+ var initializeBlock = function( $block ) {
+ $($block).find('.eo-sticky__menu').on( 'click', function() {
+ $($block).toggleClass('is-active-mobile-menu');
+ })
+ $($block).find('.eo-sticky__menu-close').on('click', function() {
+ $($block).removeClass('is-active-mobile-menu');
+ });
+ }
+
+ $(document).ready(function(){
+ $('.wp-block-eo-sticky').each(function(){
+ initializeBlock( $(this) );
+ });
+ });
+
+})(jQuery);
+
+
+
+