{"version":3,"file":"index.js","mappings":"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","sources":["webpack://img-comparison-slider/./src/styles.scss","webpack://img-comparison-slider/./node_modules/css-loader/dist/runtime/api.js","webpack://img-comparison-slider/webpack/bootstrap","webpack://img-comparison-slider/webpack/runtime/compat get default export","webpack://img-comparison-slider/webpack/runtime/define property getters","webpack://img-comparison-slider/webpack/runtime/hasOwnProperty shorthand","webpack://img-comparison-slider/./src/template.html","webpack://img-comparison-slider/./src/defaults.ts","webpack://img-comparison-slider/./src/index.ts","webpack://img-comparison-slider/./src/inBetween.ts"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_IMPORT___ from \"../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \":host{--divider-width: 1px;--divider-color: #fff;--divider-shadow: none;--default-handle-width: 50px;--default-handle-color: #fff;--default-handle-opacity: 1;--default-handle-shadow: none;position:relative;display:inline-block;overflow:hidden;line-height:0;direction:ltr}@media screen and (-webkit-min-device-pixel-ratio: 0)and (min-resolution: 0.001dpcm){:host{outline-offset:1px}}::slotted(*){-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.first{position:absolute;left:0;top:0;line-height:normal;font-size:100%;max-height:100%;height:100%;width:100%;--exposure: 50%;--transition-time: 0ms;transform:translateX(calc(var(--exposure) * -1));transition:transform var(--transition-time)}.first .first-overlay-container{position:relative;transform:translateX(var(--exposure));transition:transform var(--transition-time);height:100%}.first .first-overlay{overflow:hidden;height:100%}.first.focused{will-change:transform}.first.focused .first-overlay-container{will-change:transform}@media not all and (min-resolution: 0.001dpcm){@supports(-webkit-appearance: none){.first.focused{will-change:auto}.first.focused .first-overlay-container{will-change:auto}}}.second{position:relative}.handle-container{transform:translateX(50%);position:absolute;top:0;right:0;height:100%;display:flex;align-items:flex-end;justify-content:center;flex-direction:column}.divider{position:absolute;height:100%;width:100%;left:0;top:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.divider:after{content:\\\" \\\";display:block;height:100%;border-left-width:var(--divider-width);border-left-style:solid;border-left-color:var(--divider-color);box-shadow:var(--divider-shadow)}.handle{pointer-events:none;box-sizing:border-box;margin-left:1px;transform:translateX(-0.5px)}.default-handle{width:var(--default-handle-width);opacity:var(--default-handle-opacity);transition:all 1s;filter:drop-shadow(var(--default-handle-shadow))}.default-handle path{stroke:var(--default-handle-color)}.vertical.first{transform:translateY(calc(var(--exposure) * -1))}.vertical.first .first-overlay-container{transform:translateY(var(--exposure))}.vertical .handle-container{transform:translateY(50%);height:auto;top:unset;bottom:0;width:100%;left:0;flex-direction:row}.vertical .divider:after{height:1px;width:100%;border-top-width:var(--divider-width);border-top-style:solid;border-top-color:var(--divider-color);border-left:0}.vertical .handle{transform:translateX(-0.5px) rotate(90deg)}\", \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","\"use strict\";\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\n// eslint-disable-next-line func-names\nmodule.exports = function (cssWithMappingToString) {\n  var list = []; // return the list of modules as css string\n\n  list.toString = function toString() {\n    return this.map(function (item) {\n      var content = cssWithMappingToString(item);\n\n      if (item[2]) {\n        return \"@media \".concat(item[2], \" {\").concat(content, \"}\");\n      }\n\n      return content;\n    }).join(\"\");\n  }; // import a list of modules into the list\n  // eslint-disable-next-line func-names\n\n\n  list.i = function (modules, mediaQuery, dedupe) {\n    if (typeof modules === \"string\") {\n      // eslint-disable-next-line no-param-reassign\n      modules = [[null, modules, \"\"]];\n    }\n\n    var alreadyImportedModules = {};\n\n    if (dedupe) {\n      for (var i = 0; i < this.length; i++) {\n        // eslint-disable-next-line prefer-destructuring\n        var id = this[i][0];\n\n        if (id != null) {\n          alreadyImportedModules[id] = true;\n        }\n      }\n    }\n\n    for (var _i = 0; _i < modules.length; _i++) {\n      var item = [].concat(modules[_i]);\n\n      if (dedupe && alreadyImportedModules[item[0]]) {\n        // eslint-disable-next-line no-continue\n        continue;\n      }\n\n      if (mediaQuery) {\n        if (!item[2]) {\n          item[2] = mediaQuery;\n        } else {\n          item[2] = \"\".concat(mediaQuery, \" and \").concat(item[2]);\n        }\n      }\n\n      list.push(item);\n    }\n  };\n\n  return list;\n};","// 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\tid: moduleId,\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","// 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))","// Module\nvar code = \"<div class=\\\"second\\\" id=\\\"second\\\"> <slot name=\\\"second\\\"><slot name=\\\"before\\\"></slot></slot> </div> <div class=\\\"first\\\" id=\\\"first\\\"> <div class=\\\"first-overlay\\\"> <div class=\\\"first-overlay-container\\\" id=\\\"firstImageContainer\\\"> <slot name=\\\"first\\\"><slot name=\\\"after\\\"></slot></slot> </div> </div> <div class=\\\"handle-container\\\"> <div class=\\\"divider\\\"></div> <div class=\\\"handle\\\"> <slot name=\\\"handle\\\"> <svg xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"default-handle\\\" viewBox=\\\"-8 -3 16 6\\\"> <path d=\\\"M -5 -2 L -7 0 L -5 2 M 5 -2 L 7 0 L 5 2\\\" fill=\\\"none\\\" vector-effect=\\\"non-scaling-stroke\\\"/> </svg> </slot> </div> </div> </div> \";\n// Exports\nexport default code;","export const TABINDEX = 0;\nexport const RENDERED_CLASS = 'rendered';\n","import styles from './styles.scss';\nimport { inBetween } from './inBetween';\nimport templateHtml from './template.html';\nimport { TABINDEX, RENDERED_CLASS } from './defaults';\nconst templateElement = document.createElement('template');\ntemplateElement.innerHTML = templateHtml;\nconst KeySlideOffset = {\n    ArrowLeft: -1,\n    ArrowRight: 1,\n};\nconst slideDirections = ['horizontal', 'vertical'];\nconst getTouchPagePoint = (e) => ({\n    x: e.touches[0].pageX,\n    y: e.touches[0].pageY,\n});\nconst getMousePagePoint = (e) => ({\n    x: e.pageX,\n    y: e.pageY,\n});\nconst slideAnimationPeriod = 1000 / 60;\nexport class HTMLImgComparisonSliderElement extends HTMLElement {\n    constructor() {\n        super();\n        this.exposure = this.hasAttribute('value')\n            ? parseFloat(this.getAttribute('value'))\n            : 50;\n        this.slideOnHover = false;\n        this.slideDirection = 'horizontal';\n        this.keyboard = 'enabled';\n        this.isMouseDown = false;\n        this.isFocused = false;\n        this.onMouseMove = (e) => {\n            if (this.isMouseDown || this.slideOnHover) {\n                const currentPoint = getMousePagePoint(e);\n                this.slideToPage(currentPoint);\n            }\n        };\n        this.bodyUserSelectStyle = '';\n        this.onMouseDown = (e) => {\n            if (this.slideOnHover) {\n                return;\n            }\n            window.addEventListener('mousemove', this.onMouseMove);\n            window.addEventListener('mouseup', this.onWindowMouseUp);\n            this.isMouseDown = true;\n            this.enableTransition();\n            const currentPoint = getMousePagePoint(e);\n            this.slideToPage(currentPoint);\n            this.focus();\n            this.bodyUserSelectStyle = window.document.body.style.userSelect;\n            window.document.body.style.userSelect = 'none';\n        };\n        this.onWindowMouseUp = () => {\n            this.isMouseDown = false;\n            window.document.body.style.userSelect = this.bodyUserSelectStyle;\n            window.removeEventListener('mousemove', this.onMouseMove);\n            window.removeEventListener('mouseup', this.onWindowMouseUp);\n        };\n        this.isTouchComparing = false;\n        this.hasTouchMoved = false;\n        this.onTouchStart = (e) => {\n            this.touchStartPoint = getTouchPagePoint(e);\n            if (this.isFocused) {\n                this.enableTransition();\n                this.slideToPage(this.touchStartPoint);\n            }\n        };\n        this.onTouchMove = (e) => {\n            const currentPoint = getTouchPagePoint(e);\n            if (this.isTouchComparing) {\n                this.slideToPage(currentPoint);\n                e.preventDefault();\n                return false;\n            }\n            if (!this.hasTouchMoved) {\n                const offsetY = Math.abs(currentPoint.y - this.touchStartPoint.y);\n                const offsetX = Math.abs(currentPoint.x - this.touchStartPoint.x);\n                if ((this.slideDirection === 'horizontal' && offsetY < offsetX) ||\n                    (this.slideDirection === 'vertical' && offsetY > offsetX)) {\n                    this.isTouchComparing = true;\n                    this.focus();\n                    this.slideToPage(currentPoint);\n                    e.preventDefault();\n                    return false;\n                }\n                this.hasTouchMoved = true;\n            }\n        };\n        this.onTouchEnd = () => {\n            this.isTouchComparing = false;\n            this.hasTouchMoved = false;\n        };\n        this.onBlur = () => {\n            this.stopSlideAnimation();\n            this.isFocused = false;\n            this.firstElement.classList.remove('focused');\n        };\n        this.onFocus = () => {\n            this.isFocused = true;\n            this.firstElement.classList.add('focused');\n        };\n        this.onKeyDown = (e) => {\n            if (this.keyboard === 'disabled') {\n                return;\n            }\n            if (this.isAnimating) {\n                return;\n            }\n            this.isAnimating = true;\n            const key = e.key;\n            if (KeySlideOffset[key] === undefined) {\n                return;\n            }\n            this.startSlideAnimation(KeySlideOffset[key]);\n        };\n        this.onKeyUp = (e) => {\n            if (this.keyboard === 'disabled') {\n                return;\n            }\n            if (!this.isAnimating) {\n                return;\n            }\n            if (KeySlideOffset[e.key] === undefined) {\n                return;\n            }\n            this.stopSlideAnimation();\n        };\n        this.resetDimensions = () => {\n            this.imageWidth = this.offsetWidth;\n            this.imageHeight = this.offsetHeight;\n        };\n        const shadowRoot = this.attachShadow({ mode: 'open' });\n        const styleEl = document.createElement('style');\n        styleEl.innerHTML = styles;\n        if (this.getAttribute('nonce')) {\n            styleEl.setAttribute('nonce', this.getAttribute('nonce'));\n        }\n        shadowRoot.appendChild(styleEl);\n        shadowRoot.appendChild(templateElement.content.cloneNode(true));\n        this.firstElement = shadowRoot.getElementById('first');\n        this.firstImageContainerElement = shadowRoot.getElementById('firstImageContainer');\n        this.secondElement = shadowRoot.getElementById('second');\n    }\n    get value() {\n        return this.exposure;\n    }\n    set value(newValue) {\n        const newExposure = parseFloat(newValue);\n        if (newExposure === this.exposure) {\n            return;\n        }\n        this.exposure = newExposure;\n        this.enableTransition();\n        this.setExposure();\n    }\n    get hover() {\n        return this.slideOnHover;\n    }\n    set hover(newValue) {\n        this.slideOnHover = newValue.toString().toLowerCase() !== 'false';\n        this.removeEventListener('mousemove', this.onMouseMove);\n        if (this.slideOnHover) {\n            this.addEventListener('mousemove', this.onMouseMove);\n        }\n    }\n    get direction() {\n        return this.slideDirection;\n    }\n    set direction(newValue) {\n        this.slideDirection = newValue.toString().toLowerCase();\n        this.slide(0);\n        this.firstElement.classList.remove(...slideDirections);\n        if (!slideDirections.includes(this.slideDirection)) {\n            return;\n        }\n        this.firstElement.classList.add(this.slideDirection);\n    }\n    static get observedAttributes() {\n        return ['hover', 'direction'];\n    }\n    connectedCallback() {\n        if (!this.hasAttribute('tabindex')) {\n            this.tabIndex = TABINDEX;\n        }\n        this.addEventListener('dragstart', (e) => {\n            e.preventDefault();\n            return false;\n        });\n        const resizeObserver = new ResizeObserver(this.resetDimensions);\n        resizeObserver.observe(this);\n        this.setExposure(0);\n        this.keyboard =\n            this.hasAttribute('keyboard') &&\n                this.getAttribute('keyboard') === 'disabled'\n                ? 'disabled'\n                : 'enabled';\n        this.addEventListener('keydown', this.onKeyDown);\n        this.addEventListener('keyup', this.onKeyUp);\n        this.addEventListener('focus', this.onFocus);\n        this.addEventListener('blur', this.onBlur);\n        this.addEventListener('touchstart', this.onTouchStart, {\n            passive: true,\n        });\n        this.addEventListener('touchmove', this.onTouchMove, {\n            passive: false,\n        });\n        this.addEventListener('touchend', this.onTouchEnd);\n        this.addEventListener('mousedown', this.onMouseDown);\n        this.hover = this.hasAttribute('hover')\n            ? this.getAttribute('hover')\n            : false;\n        this.direction = this.hasAttribute('direction')\n            ? this.getAttribute('direction')\n            : 'horizontal';\n        this.resetDimensions();\n        if (!this.classList.contains(RENDERED_CLASS)) {\n            this.classList.add(RENDERED_CLASS);\n        }\n        if (this.querySelectorAll('[slot=\"before\"], [slot=\"after\"]').length > 0) {\n            console.warn('<img-comparison-slider>: ' +\n                'slot names \"before\" and \"after\" are deprecated and soon won\\'t be supported. ' +\n                'Please use slot=\"first\" instead of slot=\"after\", and slot=\"second\" instead of slot=\"before\".');\n        }\n    }\n    disconnectedCallback() {\n        if (this.transitionTimer) {\n            window.clearTimeout(this.transitionTimer);\n        }\n    }\n    attributeChangedCallback(name, oldValue, newValue) {\n        if (name === 'hover') {\n            this.hover = newValue;\n        }\n        if (name === 'direction') {\n            this.direction = newValue;\n        }\n        if (name === 'keyboard') {\n            this.keyboard = newValue === 'disabled' ? 'disabled' : 'enabled';\n        }\n    }\n    setExposure(increment = 0) {\n        this.exposure = inBetween(this.exposure + increment, 0, 100);\n        this.firstElement.style.setProperty('--exposure', `${100 - this.exposure}%`);\n    }\n    slide(increment = 0) {\n        this.setExposure(increment);\n        const event = new Event('slide');\n        this.dispatchEvent(event);\n    }\n    slideToPage(currentPoint) {\n        if (this.slideDirection === 'horizontal') {\n            this.slideToPageX(currentPoint.x);\n        }\n        if (this.slideDirection === 'vertical') {\n            this.slideToPageY(currentPoint.y);\n        }\n    }\n    slideToPageX(pageX) {\n        const x = pageX - this.getBoundingClientRect().left - window.scrollX;\n        this.exposure = (x / this.imageWidth) * 100;\n        this.slide(0);\n    }\n    slideToPageY(pageY) {\n        const y = pageY - this.getBoundingClientRect().top - window.scrollY;\n        this.exposure = (y / this.imageHeight) * 100;\n        this.slide(0);\n    }\n    enableTransition() {\n        const transitionTime = 100;\n        this.firstElement.style.setProperty('--transition-time', `${transitionTime}ms`);\n        this.transitionTimer = window.setTimeout(() => {\n            this.firstElement.style.setProperty('--transition-time', `0ms`);\n            this.transitionTimer = null;\n        }, transitionTime);\n    }\n    startSlideAnimation(offset) {\n        let lastTimestamp = null;\n        const slide = (now) => {\n            if (lastTimestamp === null) {\n                lastTimestamp = now;\n            }\n            const interval = now - lastTimestamp, distance = (interval / slideAnimationPeriod) * offset;\n            this.slide(distance);\n            if (this.isAnimating) {\n                window.requestAnimationFrame(slide);\n                lastTimestamp = now;\n            }\n        };\n        window.requestAnimationFrame(slide);\n    }\n    stopSlideAnimation() {\n        this.isAnimating = false;\n    }\n}\nif (typeof window !== 'undefined') {\n    window.customElements.define('img-comparison-slider', HTMLImgComparisonSliderElement);\n}\n","export const inBetween = (actual, min, max) => {\n    if (actual < min) {\n        return min;\n    }\n    if (actual > max) {\n        return max;\n    }\n    return actual;\n};\n"],"names":["___CSS_LOADER_EXPORT___","i","push","module","id","exports","cssWithMappingToString","list","toString","this","map","item","content","concat","join","modules","mediaQuery","dedupe","alreadyImportedModules","length","_i","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","n","getter","__esModule","d","a","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","RENDERED_CLASS","templateElement","document","createElement","innerHTML","KeySlideOffset","ArrowLeft","ArrowRight","slideDirections","getTouchPagePoint","e","x","touches","pageX","y","pageY","getMousePagePoint","HTMLImgComparisonSliderElement","HTMLElement","constructor","super","exposure","hasAttribute","parseFloat","getAttribute","slideOnHover","slideDirection","keyboard","isMouseDown","isFocused","onMouseMove","currentPoint","slideToPage","bodyUserSelectStyle","onMouseDown","window","addEventListener","onWindowMouseUp","enableTransition","focus","body","style","userSelect","removeEventListener","isTouchComparing","hasTouchMoved","onTouchStart","touchStartPoint","onTouchMove","preventDefault","offsetY","Math","abs","offsetX","onTouchEnd","onBlur","stopSlideAnimation","firstElement","classList","remove","onFocus","add","onKeyDown","isAnimating","startSlideAnimation","onKeyUp","resetDimensions","imageWidth","offsetWidth","imageHeight","offsetHeight","shadowRoot","attachShadow","mode","styleEl","styles","setAttribute","appendChild","cloneNode","getElementById","firstImageContainerElement","secondElement","value","newValue","newExposure","setExposure","hover","toLowerCase","direction","slide","includes","observedAttributes","connectedCallback","tabIndex","ResizeObserver","observe","passive","contains","querySelectorAll","console","warn","disconnectedCallback","transitionTimer","clearTimeout","attributeChangedCallback","name","oldValue","increment","actual","setProperty","event","Event","dispatchEvent","slideToPageX","slideToPageY","getBoundingClientRect","left","scrollX","top","scrollY","setTimeout","offset","lastTimestamp","now","distance","requestAnimationFrame","customElements","define"],"sourceRoot":""}