{"version":3,"sources":["webpack:///./app/components/m/background-image-text/index.js"],"names":["$","fn","backgroundImageText","options","defaults","strength","settings","extend","each","$el","$imageContainer","find","backgroundSize","mediumMq","window","matchMedia","matches","css","parallax","e","w","innerWidth","h","innerHeight","mouseX","clientX","mouseY","clientY","depth1","depth2","depth3","x","on"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACAA,CAAC,CAACC,EAAE,CAACC,mBAAmB,GAAG,UAAUC,OAAO,EAAE;EAC5C,IAAI,CAAC,IAAI,EAAE;IACT,OAAO,KAAK;EACd;EAEA,MAAMC,QAAQ,GAAG;IAAEC,QAAQ,EAAE;EAAE,CAAC;EAChC,MAAMC,QAAQ,GAAGN,CAAC,CAACO,MAAM,CAAC,CAAC,CAAC,EAAEH,QAAQ,EAAED,OAAO,CAAC;EAEhD,OAAO,IAAI,CAACK,IAAI,CAAC,YAAY;IAC3B,MAAMC,GAAG,GAAGT,CAAC,CAAC,IAAI,CAAC;IACnB,MAAMU,eAAe,GAAGD,GAAG,CAACE,IAAI,CAAC,mCAAmC,CAAC;;IAErE;IACA,IAAIC,cAAc,GAAG,GAAG,GAAIN,QAAQ,CAACD,QAAQ,GAAG,EAAE,GAAI,GAAG;IACzD;IACA,MAAMQ,QAAQ,GAAGC,MAAM,CAACC,UAAU,CAAC,2CAA2C,CAAC;IAC/E,IAAIF,QAAQ,CAACG,OAAO,IAAIJ,cAAc,GAAG,GAAG,EAAE;MAC5CA,cAAc,GAAG,GAAG;IACtB;IACA;IACAF,eAAe,CAACO,GAAG,CAAC,iBAAiB,EAAG,GAAEL,cAAe,GAAE,CAAC;;IAE5D;AACJ;AACA;AACA;AACA;AACA;IACI,SAASM,QAAQA,CAACC,CAAC,EAAE;MACnB,MAAMC,CAAC,GAAGN,MAAM,CAACO,UAAU,GAAG,CAAC;MAC/B,MAAMC,CAAC,GAAGR,MAAM,CAACS,WAAW,GAAG,CAAC;MAChC,MAAMC,MAAM,GAAGL,CAAC,CAACM,OAAO;MACxB,MAAMC,MAAM,GAAGP,CAAC,CAACQ,OAAO;MACxB,MAAMC,MAAM,GAAI,GAAE,EAAE,GAAG,CAACJ,MAAM,GAAGJ,CAAC,IAAI,IAAK,KAAI,EAAE,GAAG,CAACM,MAAM,GAAGJ,CAAC,IAAI,IAAK,GAAE;MAC1E,MAAMO,MAAM,GAAI,GAAE,EAAE,GAAG,CAACL,MAAM,GAAGJ,CAAC,IAAI,IAAK,KAAI,EAAE,GAAG,CAACM,MAAM,GAAGJ,CAAC,IAAI,IAAK,GAAE;MAC1E,MAAMQ,MAAM,GAAI,GAAE,EAAE,GAAG,CAACN,MAAM,GAAGJ,CAAC,IAAI,IAAK,KAAI,EAAE,GAAG,CAACM,MAAM,GAAGJ,CAAC,IAAI,IAAK,GAAE;MAC1E,MAAMS,CAAC,GAAI,GAAED,MAAO,KAAID,MAAO,KAAID,MAAO,EAAC;;MAE3C;MACAlB,eAAe,CAACO,GAAG,CAAC,qBAAqB,EAAEc,CAAC,CAAC;IAC/C;IAEAtB,GAAG,CAACuB,EAAE,CAAC,WAAW,EAAEd,QAAQ,CAAC;EAC/B,CAAC,CAAC;AACJ,CAAC;;AAED;AACAlB,CAAC,CAAC,wBAAwB,CAAC,CAACE,mBAAmB,CAAC;EAC9CG,QAAQ,EAAE;AACZ,CAAC,CAAC,C","file":"background-image-text.chunk.js","sourcesContent":["/**\r\n *\r\n * @param options\r\n * @returns {boolean}\r\n */\r\n$.fn.backgroundImageText = function (options) {\r\n  if (!this) {\r\n    return false;\r\n  }\r\n\r\n  const defaults = { strength: 1 };\r\n  const settings = $.extend({}, defaults, options);\r\n\r\n  return this.each(function () {\r\n    const $el = $(this);\r\n    const $imageContainer = $el.find('.background-image-text__container');\r\n\r\n    // set background size\r\n    let backgroundSize = 100 + (settings.strength / 10) * 100;\r\n    // check if we're on medium device to ensure a min image size\r\n    const mediumMq = window.matchMedia('(min-width: 768px) and (max-width: 991px)');\r\n    if (mediumMq.matches && backgroundSize < 130) {\r\n      backgroundSize = 130;\r\n    }\r\n    // set background size\r\n    $imageContainer.css('background-size', `${backgroundSize}%`);\r\n\r\n    /**\r\n     * Calculate background-position of the background\r\n     * image, based on the window width and the mouse\r\n     * position\r\n     * @param e\r\n     */\r\n    function parallax(e) {\r\n      const w = window.innerWidth / 2;\r\n      const h = window.innerHeight / 2;\r\n      const mouseX = e.clientX;\r\n      const mouseY = e.clientY;\r\n      const depth1 = `${50 - (mouseX - w) * 0.01}% ${50 - (mouseY - h) * 0.01}%`;\r\n      const depth2 = `${50 - (mouseX - w) * 0.02}% ${50 - (mouseY - h) * 0.02}%`;\r\n      const depth3 = `${50 - (mouseX - w) * 0.06}% ${50 - (mouseY - h) * 0.06}%`;\r\n      const x = `${depth3}, ${depth2}, ${depth1}`;\r\n\r\n      //\r\n      $imageContainer.css('background-position', x);\r\n    }\r\n\r\n    $el.on('mousemove', parallax);\r\n  });\r\n};\r\n\r\n//\r\n$('.background-image-text').backgroundImageText({\r\n  strength: 0.8,\r\n});\r\n"],"sourceRoot":""}