{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/js/utils.js","webpack:///./src/js/app.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","default","object","property","prototype","hasOwnProperty","p","s","e","debounce","func","wait","immediate","timeout","context","this","args","arguments","callNow","clearTimeout","setTimeout","apply","fixBaseline","element","computedStyle","getComputedStyle","originalMargin","parseInt","getPropertyValue","_fix","remSize","parseFloat","document","documentElement","fontSize","elemHeight","getBoundingClientRect","height","HTMLImageElement","heightDecimalPart","marginInRem","style","marginBottom","complete","onload","window","addEventListener","elem","getElementsByClassName","toggleGrid","querySelector","body","classList","toggle"],"mappings":"aACA,IAAAA,KAGA,SAAAC,EAAAC,GAGA,GAAAF,EAAAE,GACA,OAAAF,EAAAE,GAAAC,QAGA,IAAAC,EAAAJ,EAAAE,IACAG,EAAAH,EACAI,KACAH,YAUA,OANAI,EAAAL,GAAAM,KAAAJ,EAAAD,QAAAC,IAAAD,QAAAF,GAGAG,EAAAE,KAGAF,EAAAD,QAKAF,EAAAQ,EAAAF,EAGAN,EAAAS,EAAAV,EAGAC,EAAAU,EAAA,SAAAR,EAAAS,EAAAC,GACAZ,EAAAa,EAAAX,EAAAS,IACAG,OAAAC,eAAAb,EAAAS,GAA0CK,cAAAC,IAAAL,KAK1CZ,EAAAkB,EAAA,SAAAhB,GACA,oBAAAiB,eAAAC,aACAN,OAAAC,eAAAb,EAAAiB,OAAAC,aAAwDC,MAAA,WAExDP,OAAAC,eAAAb,EAAA,cAAiDmB,YAQjDrB,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,cAAAK,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,EAAA2B,SAC3B,WAAiC,OAAA3B,GAEjC,OADAH,EAAAU,EAAAE,EAAA,IAAAA,GACAA,GAIAZ,EAAAa,EAAA,SAAAkB,EAAAC,GAAsD,OAAAlB,OAAAmB,UAAAC,eAAA3B,KAAAwB,EAAAC,IAGtDhC,EAAAmC,EAAA,SAIAnC,IAAAoC,EAAA,cAAAC,EAAAf,EAAAO,KAAA,SAAAQ,EAAAf,EAAAO,GAAA,aAAAA,EAAAX,EAAAI,GAAAO,EAAA,GClFO,MAiCMS,EAAW,CAACC,EAAMC,EAAMC,KACjC,IAAIC,EACJ,OAAO,WACH,IAAIC,EAAUC,KAAMC,EAAOC,UAKvBC,EAAUN,IAAcC,EAC5BM,aAAaN,GACbA,EAAUO,WANE,WACRP,EAAU,KACLD,GAAWF,EAAKW,MAAMP,EAASE,IAIZL,GACxBO,GAASR,EAAKW,MAAMP,EAASE,KCzCzC,SAASM,EAAYC,GACjB,IAAIC,EAAgBC,iBAAiBF,GACjCG,EAAiBC,SAASH,EAAcI,iBAAiB,kBAE7D,SAASC,IAEL,MAAMC,EAAUC,WAAWN,iBAAiBO,SAASC,iBAAiBC,UAChEC,EAAaZ,EAAQa,wBAAwBC,OAInD,GAAId,aAAmBe,iBAAkB,CACrC,MAAMC,EAJcJ,EAAaL,EAIW,EACtCU,EAAcD,EAAoB,GAAM,EAAIA,GAAyC,EAArBA,EACtEhB,EAAQkB,MAAMC,aAAgBF,EAAed,EAAiBI,EAAY,OAK9EP,aAAmBe,iBACnBf,EAAQoB,SAAWd,IAASN,EAAQqB,OAASf,EAE7CA,IAGJgB,OAAOC,iBAAiB,SAAUrC,EAAS,KAC1CoB,KACG,MAKR,IAAK,IAAIkB,KAAQf,SAASgB,uBAAuB,mBAC7C1B,EAAYyB,GAGhB,IAAIE,EAAajB,SAASkB,cAAc,uBACtB,OAAfD,GACCA,EAAWH,iBAAiB,QAAS,KACjCd,SAASmB,KAAKC,UAAUC,OAAO","file":"build.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 = \"/dist/\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 1);\n","export const throttle = (func, wait, options) => {\r\n    var context, args, result;\r\n    var timeout = null;\r\n    var previous = 0;\r\n    if (!options) options = {};\r\n    var later = function () {\r\n        previous = options.leading === false ? 0 : Date.now();\r\n        timeout = null;\r\n        result = func.apply(context, args);\r\n        if (!timeout) context = args = null;\r\n    };\r\n    return function () {\r\n        var now = Date.now();\r\n        if (!previous && options.leading === false) previous = now;\r\n        var remaining = wait - (now - previous);\r\n        context = this;\r\n        args = arguments;\r\n        if (remaining <= 0 || remaining > wait) {\r\n            if (timeout) {\r\n                clearTimeout(timeout);\r\n                timeout = null;\r\n            }\r\n            previous = now;\r\n            result = func.apply(context, args);\r\n            if (!timeout) context = args = null;\r\n        } else if (!timeout && options.trailing !== false) {\r\n            timeout = setTimeout(later, remaining);\r\n        }\r\n        return result;\r\n    };\r\n};\r\n\r\n\r\nexport const debounce = (func, wait, immediate) => {\r\n    var timeout;\r\n    return function () {\r\n        var context = this, args = arguments;\r\n        var later = function () {\r\n            timeout = null;\r\n            if (!immediate) func.apply(context, args);\r\n        };\r\n        var callNow = immediate && !timeout;\r\n        clearTimeout(timeout);\r\n        timeout = setTimeout(later, wait);\r\n        if (callNow) func.apply(context, args);\r\n    };\r\n};","import './../css/styles.scss';\r\nimport { throttle, debounce } from './utils';\r\n\r\nfunction fixBaseline(element) {\r\n    let computedStyle = getComputedStyle(element);\r\n    let originalMargin = parseInt(computedStyle.getPropertyValue(\"margin-bottom\"));\r\n\r\n    function _fix() {\r\n        // Get actual size of 1 rem in px\r\n        const remSize = parseFloat(getComputedStyle(document.documentElement).fontSize);\r\n        const elemHeight = element.getBoundingClientRect().height;\r\n        const elemHeightInRem = elemHeight / remSize;\r\n\r\n        // Fix images using setting their height to a direct multiple of 1rem\r\n        if (element instanceof HTMLImageElement) {\r\n            const heightDecimalPart = elemHeightInRem % 1;\r\n            const marginInRem = heightDecimalPart > 0.5 ? 1 - heightDecimalPart : heightDecimalPart * -1;\r\n            element.style.marginBottom = (marginInRem + (originalMargin / remSize)) + 'rem';\r\n        }\r\n    }\r\n\r\n    // Wait for image to load.\r\n    if (element instanceof HTMLImageElement) {\r\n        element.complete ? _fix() : element.onload = _fix;\r\n    } else {\r\n        _fix();\r\n    }\r\n\r\n    window.addEventListener(\"resize\", debounce(()=>{\r\n     _fix();\r\n     }, 600))\r\n\r\n}\r\n\r\n// example usage\r\nfor (let elem of document.getElementsByClassName('js-fix-baseline')) {\r\n    fixBaseline(elem);\r\n}\r\n\r\nlet toggleGrid = document.querySelector(\".button-toggle-grid\");\r\nif(toggleGrid !== null){\r\n    toggleGrid.addEventListener(\"click\", ()=> {\r\n        document.body.classList.toggle(\"with-grid\");\r\n    });\r\n}\r\n"],"sourceRoot":""}