{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./_src/js/blocks.js"],"names":["installedModules","__webpack_require__","moduleId","exports","module","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","smushStats","__","wp","i18n","el","element","createElement","stats","React","id","className","style","display","keys","sizes","map","item","toUpperCase","bytes","units","Math","abs","u","length","toFixed","humanFileSize","percent","smushStatsControl","compose","createHigherOrderComponent","BlockEdit","props","isSelected","attributes","Fragment","smushData","smush","fetch","image","api","models","Media","attribute","done","img","setAttributes","setTimeout","JSON","stringify","editor","InspectorControls","components","PanelBody","title","hooks","addFilter"],"mappings":"aACA,IAAAA,KAGA,SAAAC,EAAAC,GAGA,GAAAF,EAAAE,GACA,OAAAF,EAAAE,GAAAC,QAGA,IAAAC,EAAAJ,EAAAE,IACAG,EAAAH,EACAI,GAAA,EACAH,YAUA,OANAI,EAAAL,GAAAM,KAAAJ,EAAAD,QAAAC,IAAAD,QAAAF,GAGAG,EAAAE,GAAA,EAGAF,EAAAD,QAKAF,EAAAQ,EAAAF,EAGAN,EAAAS,EAAAV,EAGAC,EAAAU,EAAA,SAAAR,EAAAS,EAAAC,GACAZ,EAAAa,EAAAX,EAAAS,IACAG,OAAAC,eAAAb,EAAAS,GAA0CK,YAAA,EAAAC,IAAAL,KAK1CZ,EAAAkB,EAAA,SAAAhB,GACA,oBAAAiB,eAAAC,aACAN,OAAAC,eAAAb,EAAAiB,OAAAC,aAAwDC,MAAA,WAExDP,OAAAC,eAAAb,EAAA,cAAiDmB,OAAA,KAQjDrB,EAAAsB,EAAA,SAAAD,EAAAE,GAEA,GADA,EAAAA,IAAAF,EAAArB,EAAAqB,IACA,EAAAE,EAAA,OAAAF,EACA,KAAAE,GAAA,iBAAAF,QAAAG,WAAA,OAAAH,EACA,IAAAI,EAAAX,OAAAY,OAAA,MAGA,GAFA1B,EAAAkB,EAAAO,GACAX,OAAAC,eAAAU,EAAA,WAAyCT,YAAA,EAAAK,UACzC,EAAAE,GAAA,iBAAAF,EAAA,QAAAM,KAAAN,EAAArB,EAAAU,EAAAe,EAAAE,EAAA,SAAAA,GAAgH,OAAAN,EAAAM,IAAqBC,KAAA,KAAAD,IACrI,OAAAF,GAIAzB,EAAA6B,EAAA,SAAA1B,GACA,IAAAS,EAAAT,KAAAqB,WACA,WAA2B,OAAArB,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAH,EAAAU,EAAAE,EAAA,IAAAA,GACAA,GAIAZ,EAAAa,EAAA,SAAAiB,EAAAC,GAAsD,OAAAjB,OAAAkB,UAAAC,eAAA1B,KAAAuB,EAAAC,IAGtD/B,EAAAkC,EAAA,GAIAlC,IAAAmC,EAAA,2FC9CgBC,aAhCV,IAAEC,EAAOC,GAAGC,KAAVF,GACJG,EAASF,GAAGG,QAAQC,cA+BjB,SAASN,EAAYO,GAC3B,YAAK,IAAuBA,EAE1BC,MAAAF,cAAA,mDAIU,iBAAoBC,EAE9BC,MAAAF,cAAA,WACGC,GAMJC,MAAAF,cAAA,OAAKG,GAAG,cAAcC,UAAU,6CAA6CC,OAAUC,QAAS,UAC/FJ,MAAAF,cAAA,SAAOI,UAAU,yBAChBF,MAAAF,cAAA,aACAE,MAAAF,cAAA,UACCE,MAAAF,cAAA,MAAII,UAAU,sBAAd,cACAF,MAAAF,cAAA,MAAII,UAAU,sBAAd,aAGDF,MAAAF,cAAA,aACE5B,OAAOmC,KAAMN,EAAMO,OAAQC,IAAK,SAAEC,EAAMhD,GAAR,OACjCwC,MAAAF,cAAA,MAAIf,IAAMvB,GACTwC,MAAAF,cAAA,UAAMU,EAAKC,eACXT,MAAAF,cAAA,UAnDN,SAAwBY,GACvB,IACCC,GAAU,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,MAE9C,GAAKC,KAAKC,IAAKH,GAHA,KAId,OAAOA,EAAQ,KAGhB,IAAII,GAAK,EACT,GACCJ,GATc,OAUZI,QACOF,KAAKC,IAAKH,IAXL,MAW0BI,EAAIH,EAAMI,OAAS,GAE5D,OAAOL,EAAMM,QAAS,GAAK,IAAML,EAAMG,GAqC5BG,CAAelB,EAAMO,MAAME,GAAME,OAAvC,MAAqDX,EAAMO,MAAME,GAAMU,QAAvE,aAaN,IAAIC,EAAoBzB,GAAG0B,QAAQC,2BAA4B,SAAUC,GAyBxE,OAAO,SAAUC,GAEhB,GAAK,eAAiBA,EAAMxD,OAAUwD,EAAMC,iBAAc,IAAuBD,EAAME,WAAWxB,GACjG,OAAOL,EACNF,GAAGG,QAAQ6B,YAEX9B,EACC0B,EACAC,IAKH,IAAII,EAAYJ,EAAME,WAAWG,MAGjC,OAnCD,SAASC,EAAON,GACf,IAAIO,EAAQ,IAAIpC,GAAGqC,IAAIC,OAAOC,OAAShC,GAAIsB,EAAME,WAAWxB,KAC3D0B,EAAYJ,EAAME,WAAWG,MAE9BE,EAAMD,OAASK,UAAW,UAAYC,KAAM,SAAWC,GACjD,iBAAoBA,EAAIR,OAC5BL,EAAMc,eAAiBT,MAAOQ,EAAIR,QAClCU,WAAY,kBAAMT,EAAON,IAAS,WACvB,IAAuBa,EAAIR,YACtC,IAAuBD,GAAaY,KAAKC,UAAWb,KAAgBY,KAAKC,UAAWJ,EAAIR,QAExFL,EAAMc,eAAiBT,MAAOQ,EAAIR,UAsBpCC,CAAON,GAEA3B,EACNF,GAAGG,QAAQ6B,YAEX9B,EACC0B,EACAC,GAED3B,EACCF,GAAG+C,OAAOC,qBAEV9C,EACCF,GAAGiD,WAAWC,WAEbC,MAAOpD,EAAI,gBAEZD,EAAYmC,QAKd,yBAEHjC,GAAGoD,MAAMC,UAAW,mBAAoB,gCAAiC5B","file":"blocks.min.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 345);\n","/**\n * BLOCK: extend image block\n */\n\nconst { __ } = wp.i18n,\n \t  el     = wp.element.createElement;\n\n/**\n * Transform bytes to human readable format.\n *\n * @param {int} bytes\n * @returns {string}\n */\nfunction humanFileSize( bytes ) {\n\tconst thresh = 1024,\n\t\tunits  = ['kB','MB','GB','TB','PB','EB','ZB','YB'];\n\n\tif ( Math.abs( bytes ) < thresh ) {\n\t\treturn bytes + ' B';\n\t}\n\n\tlet u = -1;\n\tdo {\n\t\tbytes /= thresh;\n\t\t++u;\n\t} while ( Math.abs( bytes ) >= thresh && u < units.length - 1 );\n\n\treturn bytes.toFixed( 1) + ' ' + units[u];\n}\n\n/**\n * Generate Smush stats table.\n *\n * @param {object} stats\n * @returns {*}\n */\nexport function smushStats( stats ) {\n\tif ( 'undefined' === typeof stats ) {\n\t\treturn (\n\t\t\t<div>\n\t\t\t\tSelect an image to view Smush stats.\n\t\t\t</div>\n\t\t);\n\t} else if ( 'string' === typeof stats ) {\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t{ stats }\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div id=\"smush-stats\" className=\"sui-smush-media smush-stats-wrapper hidden\" style={ { display: 'block' } }>\n\t\t\t<table className=\"wp-smush-stats-holder\">\n\t\t\t\t<thead>\n\t\t\t\t<tr>\n\t\t\t\t\t<th className=\"smush-stats-header\">Image size</th>\n\t\t\t\t\t<th className=\"smush-stats-header\">Savings</th>\n\t\t\t\t</tr>\n\t\t\t\t</thead>\n\t\t\t\t<tbody>\n\t\t\t\t{ Object.keys( stats.sizes ).map( ( item, i ) => (\n\t\t\t\t\t<tr key={ i }>\n\t\t\t\t\t\t<td>{ item.toUpperCase() }</td>\n\t\t\t\t\t\t<td>{ humanFileSize( stats.sizes[item].bytes ) } ( { stats.sizes[item].percent }% )</td>\n\t\t\t\t\t</tr>)\n\t\t\t\t) }\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t</div>\n\t);\n}\n\n/**\n * Modify the block’s edit component.\n * Receives the original block BlockEdit component and returns a new wrapped component.\n */\nlet smushStatsControl = wp.compose.createHigherOrderComponent( function( BlockEdit ) {\n\t/**\n\t * Fetch image data. If image is Smushing, update in 3 seconds.\n\t *\n\t * TODO: this could be optimized not to query so much.\n\t */\n\tfunction fetch( props ) {\n\t\tlet image = new wp.api.models.Media( { id: props.attributes.id } ),\n\t\t\tsmushData = props.attributes.smush;\n\n\t\timage.fetch( { attribute: 'smush' } ).done( function ( img ) {\n\t\t\tif ( 'string' === typeof img.smush ) {\n\t\t\t\tprops.setAttributes( { smush: img.smush } );\n\t\t\t\tsetTimeout( () => fetch( props ), 3000 );\n\t\t\t} else if ( 'undefined' !== typeof img.smush && (\n\t\t\t\t'undefined' === typeof smushData || JSON.stringify( smushData ) !== JSON.stringify( img.smush )\n\t\t\t) ) {\n\t\t\t\tprops.setAttributes( { smush: img.smush } );\n\t\t\t}\n\t\t});\n\t}\n\n\t/**\n\t * Return block.\n\t */\n\treturn function( props ) {\n\t\t// If not image block or not selected, return unmodified block.\n\t\tif ( 'core/image' !== props.name || ! props.isSelected || 'undefined' === typeof props.attributes.id ) {\n\t\t\treturn el(\n\t\t\t\twp.element.Fragment,\n\t\t\t\t{},\n\t\t\t\tel(\n\t\t\t\t\tBlockEdit,\n\t\t\t\t\tprops\n\t\t\t\t)\n\t\t\t);\n\t\t}\n\n\t\tlet smushData = props.attributes.smush;\n\t\tfetch( props );\n\n\t\treturn el(\n\t\t\twp.element.Fragment,\n\t\t\t{},\n\t\t\tel(\n\t\t\t\tBlockEdit,\n\t\t\t\tprops\n\t\t\t),\n\t\t\tel(\n\t\t\t\twp.editor.InspectorControls,\n\t\t\t\t{},\n\t\t\t\tel(\n\t\t\t\t\twp.components.PanelBody,\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: __( 'Smush Stats' )\n\t\t\t\t\t},\n\t\t\t\t\tsmushStats( smushData )\n\t\t\t\t),\n\t\t\t)\n\t\t);\n\t};\n}, 'withInspectorControls' );\n\nwp.hooks.addFilter( 'editor.BlockEdit', 'wp-smushit/smush-data-control', smushStatsControl );\n"],"sourceRoot":""}