{"code":"(window.webpackJsonpGUI=window.webpackJsonpGUI||[]).push([[33],{1508:function(e,a,n){(e.exports=n(9)(!1)).push([e.i,'/* override styles in https://github.com/scratchfoundation/scratch-gui/blob/develop/src/components/backpack/backpack.css */\\n\\n[class^=\"backpack_backpack-list\"] {\\n  /* set height of the item picker, the vanilla height of the backpack is 5.5rem so multiply it by the rows setting */\\n  height: calc(var(--expandedBackpack-rows) * 5.5rem);\\n}\\n\\n[class*=\"backpack_backpack-list-inner\"] {\\n  /* move items to the top-left of the container instead of vertically centering them */\\n  align-items: flex-start;\\n  /* force horizontal wrapping and enable vertical scrolling */\\n  flex-wrap: wrap;\\n  height: auto;\\n  max-height: 100%;\\n}\\n\\n[class*=\"backpack_backpack-item\"] {\\n  /* add vertical margin to make stacked buttons look nicer */\\n  margin: 0.25rem;\\n}\\n\\n/* non-backpacked sprite, costume and sound thumbnails use the same .sprite-selector classes so check parents to see if its part of the backpack */\\n[class^=\"backpack_backpack-list-inner\"]\\n  > .react-contextmenu-wrapper\\n  > [class^=\"sprite-selector-item_sprite-image-outer\"]\\n  > [class^=\"sprite-selector-item_sprite-image-inner\"] {\\n  /* fill area around thumbnail to make the image background blend in when using dark mode/custom theme */\\n  background-color: var(--expandedBackpack-bgcolor);\\n}\\n\\n[class^=\"backpack_backpack-list-inner\"]\\n  > .react-contextmenu-wrapper\\n  > [class^=\"sprite-selector-item_sprite-image-outer\"]\\n  > [class^=\"sprite-selector-item_sprite-image-inner\"]\\n  > [class^=\"sprite-selector-item_sprite-image\"] {\\n  /* make thumbnails use all avaliable space inside the button instead of being downscaled to 32x32 pixels */\\n  max-width: var(--expandedBackpack-imgsize);\\n  max-height: var(--expandedBackpack-imgsize);\\n}\\n',\"\"])},1584:function(e,a,n){\"use strict\";n.r(a),n.d(a,\"resources\",(function(){return s}));var t=n(1508);const s={\"userscript.js\":async function(e){let{addon:a,global:n,console:t}=e;async function s(){window.dispatchEvent(new Event(\"resize\"))}a.settings.addEventListener(\"change\",s),a.self.addEventListener(\"disabled\",s),a.self.addEventListener(\"reenabled\",s)},\"backpack.css\":n.n(t).a}}}]);","name":"js/pentapod/addon-entry-expanded-backpack.608ff267cedc72a634bf.js","input":"(window[\"webpackJsonpGUI\"] = window[\"webpackJsonpGUI\"] || []).push([[33],{\n\n/***/ 1508:\n/***/ (function(module, exports, __webpack_require__) {\n\nexports = module.exports = __webpack_require__(9)(false);\n// imports\n\n\n// module\nexports.push([module.i, \"/* override styles in https://github.com/scratchfoundation/scratch-gui/blob/develop/src/components/backpack/backpack.css */\\n\\n[class^=\\\"backpack_backpack-list\\\"] {\\n  /* set height of the item picker, the vanilla height of the backpack is 5.5rem so multiply it by the rows setting */\\n  height: calc(var(--expandedBackpack-rows) * 5.5rem);\\n}\\n\\n[class*=\\\"backpack_backpack-list-inner\\\"] {\\n  /* move items to the top-left of the container instead of vertically centering them */\\n  align-items: flex-start;\\n  /* force horizontal wrapping and enable vertical scrolling */\\n  flex-wrap: wrap;\\n  height: auto;\\n  max-height: 100%;\\n}\\n\\n[class*=\\\"backpack_backpack-item\\\"] {\\n  /* add vertical margin to make stacked buttons look nicer */\\n  margin: 0.25rem;\\n}\\n\\n/* non-backpacked sprite, costume and sound thumbnails use the same .sprite-selector classes so check parents to see if its part of the backpack */\\n[class^=\\\"backpack_backpack-list-inner\\\"]\\n  > .react-contextmenu-wrapper\\n  > [class^=\\\"sprite-selector-item_sprite-image-outer\\\"]\\n  > [class^=\\\"sprite-selector-item_sprite-image-inner\\\"] {\\n  /* fill area around thumbnail to make the image background blend in when using dark mode/custom theme */\\n  background-color: var(--expandedBackpack-bgcolor);\\n}\\n\\n[class^=\\\"backpack_backpack-list-inner\\\"]\\n  > .react-contextmenu-wrapper\\n  > [class^=\\\"sprite-selector-item_sprite-image-outer\\\"]\\n  > [class^=\\\"sprite-selector-item_sprite-image-inner\\\"]\\n  > [class^=\\\"sprite-selector-item_sprite-image\\\"] {\\n  /* make thumbnails use all avaliable space inside the button instead of being downscaled to 32x32 pixels */\\n  max-width: var(--expandedBackpack-imgsize);\\n  max-height: var(--expandedBackpack-imgsize);\\n}\\n\", \"\"]);\n\n// exports\n\n\n/***/ }),\n\n/***/ 1584:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, \"resources\", function() { return /* binding */ resources; });\n\n// CONCATENATED MODULE: ./src/addons/addons/expanded-backpack/userscript.js\n/* harmony default export */ var userscript = (async function (_ref) {\n  let {\n    addon,\n    global,\n    console\n  } = _ref;\n  // fix area above the backpack displaying at the wrong height when addon settings are changed\n  addon.settings.addEventListener(\"change\", heightFix);\n  addon.self.addEventListener(\"disabled\", heightFix);\n  addon.self.addEventListener(\"reenabled\", heightFix);\n  async function heightFix() {\n    window.dispatchEvent(new Event(\"resize\")); // resizes the code area and paint editor canvas (thanks @mxmou)\n  }\n});\n// EXTERNAL MODULE: ./node_modules/css-loader!./src/addons/addons/expanded-backpack/backpack.css\nvar backpack = __webpack_require__(1508);\nvar backpack_default = /*#__PURE__*/__webpack_require__.n(backpack);\n\n// CONCATENATED MODULE: ./src/addons/addons/expanded-backpack/_runtime_entry.js\n/* generated by pull.js */\n\n\nconst resources = {\n  \"userscript.js\": userscript,\n  \"backpack.css\": backpack_default.a\n};\n\n/***/ })\n\n}]);","inputSourceMap":null}