{"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/isElementAffected.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;--handle-position-start: 50%;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}}:host(:focus){outline:2px solid -webkit-focus-ring-color}::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;right:0;line-height:normal;font-size:100%;max-height:100%;height:100%;width:100%;--exposure: 50%;--keyboard-transition-time: 0ms;--default-transition-time: 0ms;--transition-time: var(--default-transition-time)}.first .first-overlay-container{position:relative;clip-path:inset(0 var(--exposure) 0 0);transition:clip-path var(--transition-time);height:100%}.first .first-overlay{overflow:hidden;height:100%}.first.focused{will-change:clip-path}.first.focused .first-overlay-container{will-change:clip-path}.second{position:relative}.handle-container{transform:translateX(50%);position:absolute;top:0;right:var(--exposure);height:100%;transition:right var(--transition-time),bottom var(--transition-time)}.focused .handle-container{will-change:right}.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{position:absolute;top:var(--handle-position-start);pointer-events:none;box-sizing:border-box;margin-left:1px;transform:translate(calc(-50% - 0.5px), -50%);line-height:0}.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-overlay-container{clip-path:inset(0 0 var(--exposure) 0)}.vertical .handle-container{transform:translateY(50%);height:auto;top:unset;bottom:var(--exposure);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{top:auto;left:var(--handle-position-start);transform:translate(calc(-50% - 0.5px), -50%) 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\\\" id=\\\"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","export const isMouseEvent = (event) => {\n    return event.type === 'mousedown';\n};\nexport const isElementAffected = (element, e) => {\n    const rect = element.getBoundingClientRect();\n    let eventX, eventY;\n    if (isMouseEvent(e)) {\n        eventX = e.clientX;\n        eventY = e.clientY;\n    }\n    else {\n        eventX = e.touches[0].clientX;\n        eventY = e.touches[0].clientY;\n    }\n    return (eventX >= rect.x &&\n        eventX <= rect.x + rect.width &&\n        eventY >= rect.y &&\n        eventY <= rect.y + rect.height);\n};\n","import styles from './styles.scss';\nimport { inBetween } from './inBetween';\nimport templateHtml from './template.html';\nimport { TABINDEX, RENDERED_CLASS } from './defaults';\nimport { isElementAffected } from './isElementAffected';\nlet templateElement;\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.animationDirection = 0;\n        this.isFocused = false;\n        this.dragByHandle = 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            if (this.handle && !isElementAffected(this.handleElement, e)) {\n                return;\n            }\n            e.preventDefault();\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.touchStartPoint = null;\n        this.isTouchComparing = false;\n        this.hasTouchMoved = false;\n        this.onTouchStart = (e) => {\n            if (this.dragByHandle && !isElementAffected(this.handleElement, e)) {\n                return;\n            }\n            this.touchStartPoint = getTouchPagePoint(e);\n            if (this.isFocused) {\n                this.enableTransition();\n                this.slideToPage(this.touchStartPoint);\n            }\n        };\n        this.onTouchMove = (e) => {\n            if (this.touchStartPoint === null) {\n                return;\n            }\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            this.touchStartPoint = null;\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            const direction = KeySlideOffset[e.key];\n            if (this.animationDirection === direction) {\n                return;\n            }\n            if (direction === undefined) {\n                return;\n            }\n            this.animationDirection = direction;\n            this.startSlideAnimation();\n        };\n        this.onKeyUp = (e) => {\n            if (this.keyboard === 'disabled') {\n                return;\n            }\n            const direction = KeySlideOffset[e.key];\n            if (direction === undefined) {\n                return;\n            }\n            if (this.animationDirection !== direction) {\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.handleElement = shadowRoot.getElementById('handle');\n    }\n    set handle(newValue) {\n        this.dragByHandle = newValue.toString().toLowerCase() !== 'false';\n    }\n    get handle() {\n        return this.dragByHandle;\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.handle = this.hasAttribute('handle')\n            ? this.getAttribute('handle')\n            : this.dragByHandle;\n        this.hover = this.hasAttribute('hover')\n            ? this.getAttribute('hover')\n            : this.slideOnHover;\n        this.direction = this.hasAttribute('direction')\n            ? this.getAttribute('direction')\n            : this.slideDirection;\n        this.resetDimensions();\n        if (!this.classList.contains(RENDERED_CLASS)) {\n            this.classList.add(RENDERED_CLASS);\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', `var(--default-transition-time)`);\n            this.transitionTimer = null;\n        }, transitionTime);\n    }\n    startSlideAnimation() {\n        let lastTimestamp = null;\n        let initialDirection = this.animationDirection;\n        this.firstElement.style.setProperty('--transition-time', `var(--keyboard-transition-time)`);\n        const slide = (now) => {\n            if (this.animationDirection === 0 ||\n                initialDirection !== this.animationDirection) {\n                return;\n            }\n            if (lastTimestamp === null) {\n                lastTimestamp = now;\n            }\n            const interval = now - lastTimestamp, distance = (interval / slideAnimationPeriod) * this.animationDirection;\n            this.slide(distance);\n            // This is necessary to speed up the key up event in Desktop Safari\n            setTimeout(() => window.requestAnimationFrame(slide), 0);\n            lastTimestamp = now;\n        };\n        window.requestAnimationFrame(slide);\n    }\n    stopSlideAnimation() {\n        this.animationDirection = 0;\n        this.firstElement.style.setProperty('--transition-time', `var(--default-transition-time)`);\n    }\n}\nif (typeof window !== 'undefined') {\n    if (window.document) {\n        templateElement = document.createElement('template');\n        templateElement.innerHTML = templateHtml;\n    }\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","isElementAffected","element","e","rect","getBoundingClientRect","eventX","eventY","type","clientX","clientY","touches","x","width","y","height","templateElement","KeySlideOffset","ArrowLeft","ArrowRight","slideDirections","getTouchPagePoint","pageX","pageY","getMousePagePoint","HTMLImgComparisonSliderElement","HTMLElement","constructor","super","exposure","hasAttribute","parseFloat","getAttribute","slideOnHover","slideDirection","keyboard","isMouseDown","animationDirection","isFocused","dragByHandle","onMouseMove","currentPoint","slideToPage","bodyUserSelectStyle","onMouseDown","handle","handleElement","preventDefault","window","addEventListener","onWindowMouseUp","enableTransition","focus","document","body","style","userSelect","removeEventListener","touchStartPoint","isTouchComparing","hasTouchMoved","onTouchStart","onTouchMove","offsetY","Math","abs","offsetX","onTouchEnd","onBlur","stopSlideAnimation","firstElement","classList","remove","onFocus","add","onKeyDown","direction","startSlideAnimation","onKeyUp","resetDimensions","imageWidth","offsetWidth","imageHeight","offsetHeight","shadowRoot","attachShadow","mode","styleEl","createElement","innerHTML","styles","setAttribute","appendChild","cloneNode","getElementById","newValue","toLowerCase","value","newExposure","setExposure","hover","slide","includes","observedAttributes","connectedCallback","tabIndex","ResizeObserver","observe","passive","contains","disconnectedCallback","transitionTimer","clearTimeout","attributeChangedCallback","name","oldValue","increment","actual","setProperty","event","Event","dispatchEvent","slideToPageX","slideToPageY","left","scrollX","top","scrollY","setTimeout","lastTimestamp","initialDirection","now","distance","requestAnimationFrame","customElements","define"],"sourceRoot":""}