atropos/atropos.min.mjs.map

Touch-friendly 3D parallax hover effects

{"version":3,"file":"atropos.min.mjs","names":["$","el","sel","querySelector","$$","querySelectorAll","removeUndefinedProps","obj","result","Object","keys","forEach","key","defaults","alwaysActive","activeOffset","shadowOffset","shadowScale","duration","rotate","rotateTouch","rotateXMax","rotateYMax","rotateXInvert","rotateYInvert","stretchX","stretchY","stretchZ","commonOrigin","shadow","highlight","Atropos","originalParams","childrenRootEl","rotateEl","scaleEl","innerEl","elBoundingClientRect","eventsElBoundingClientRect","shadowEl","highlightEl","isScrolling","clientXStart","clientYStart","queueFrameId","_originalParams","eventsEl","isComponent","self","__atropos__","params","_extends","onEnter","onLeave","onRotate","destroyed","isActive","queue","purgeQueue","requestAnimationFrame","data","element","prop","value","style","splice","length","created","$setDuration","push","$setEasing","$setTransform","$setOpacity","$on","event","handler","props","addEventListener","$off","removeEventListener","setChildrenOffset","_ref","_ref$rotateXPercentag","rotateXPercentage","_ref$rotateYPercentag","rotateYPercentage","opacityOnly","easeOut","childEl","elementOpacity","dataset","atroposOpacity","split","map","v","parseFloat","getOpacity","childElOffset","atroposOffset","Number","isNaN","min","max","rotatePercentage","Math","abs","setElements","clientX","clientY","isMultiple","getBoundingClientRect","rect","left","width","top","height","transformOrigin","rotateX","rotateY","_elBoundingClientRect","_eventsElBoundingClie","parentTop","parentLeft","parentWidth","parentHeight","centerX","centerY","coordX","coordY","activate","classList","add","onPointerEnter","e","undefined","type","pointerType","preventDefault","onTouchMove","cancelable","onPointerMove","diffX","diffY","touchAngle","atan2","PI","onPointerLeave","remove","onDocumentClick","clickTarget","target","contains","destroy","cancelAnimationFrame","document","parentNode","host","assign","createElement","appendChild","createHighlight"],"sources":["../src/atropos.js"],"sourcesContent":["/* eslint-disable no-restricted-globals */\nconst $ = (el, sel) => el.querySelector(sel);\nconst $$ = (el, sel) => el.querySelectorAll(sel);\n\nconst removeUndefinedProps = (obj = {}) => {\n  const result = {};\n  Object.keys(obj).forEach((key) => {\n    if (typeof obj[key] !== 'undefined') result[key] = obj[key];\n  });\n  return result;\n};\nexport const defaults = {\n  alwaysActive: false,\n  activeOffset: 50,\n  shadowOffset: 50,\n  shadowScale: 1,\n  duration: 300,\n  rotate: true,\n  rotateTouch: true,\n  rotateXMax: 15,\n  rotateYMax: 15,\n  rotateXInvert: false,\n  rotateYInvert: false,\n  stretchX: 0,\n  stretchY: 0,\n  stretchZ: 0,\n  commonOrigin: true,\n  shadow: true,\n  highlight: true,\n};\nfunction Atropos(originalParams = {}) {\n  let { el, eventsEl } = originalParams;\n  const { isComponent } = originalParams;\n  let childrenRootEl;\n  const self = {\n    __atropos__: true,\n    params: {\n      ...defaults,\n      onEnter: null,\n      onLeave: null,\n      onRotate: null,\n      ...removeUndefinedProps(originalParams || {}),\n    },\n    destroyed: false,\n    isActive: false,\n  };\n\n  const { params } = self;\n\n  let rotateEl;\n  let scaleEl;\n  let innerEl;\n\n  let elBoundingClientRect;\n  let eventsElBoundingClientRect;\n\n  let shadowEl;\n  let highlightEl;\n\n  let isScrolling;\n  let clientXStart;\n  let clientYStart;\n\n  const queue = [];\n  let queueFrameId;\n  const purgeQueue = () => {\n    queueFrameId = requestAnimationFrame(() => {\n      queue.forEach((data) => {\n        if (typeof data === 'function') {\n          data();\n        } else {\n          const { element, prop, value } = data;\n          element.style[prop] = value;\n        }\n      });\n      queue.splice(0, queue.length);\n      purgeQueue();\n    });\n  };\n  purgeQueue();\n\n  const $setDuration = (element, value) => {\n    queue.push({ element, prop: 'transitionDuration', value });\n  };\n  const $setEasing = (element, value) => {\n    queue.push({ element, prop: 'transitionTimingFunction', value });\n  };\n  const $setTransform = (element, value) => {\n    queue.push({ element, prop: 'transform', value });\n  };\n  const $setOpacity = (element, value) => {\n    queue.push({ element, prop: 'opacity', value });\n  };\n  const $setOrigin = (element, value) => {\n    queue.push({ element, prop: 'transformOrigin', value });\n  };\n  const $on = (element, event, handler, props) => element.addEventListener(event, handler, props);\n  const $off = (element, event, handler, props) =>\n    element.removeEventListener(event, handler, props);\n\n  const createShadow = () => {\n    let created;\n    shadowEl = $(el, '.atropos-shadow');\n    if (!shadowEl) {\n      shadowEl = document.createElement('span');\n      shadowEl.classList.add('atropos-shadow');\n      created = true;\n    }\n    $setTransform(\n      shadowEl,\n      `translate3d(0,0,-${params.shadowOffset}px) scale(${params.shadowScale})`,\n    );\n    if (created) {\n      rotateEl.appendChild(shadowEl);\n    }\n  };\n  const createHighlight = () => {\n    let created;\n    highlightEl = $(el, '.atropos-highlight');\n    if (!highlightEl) {\n      highlightEl = document.createElement('span');\n      highlightEl.classList.add('atropos-highlight');\n      created = true;\n    }\n\n    $setTransform(highlightEl, `translate3d(0,0,0)`);\n    if (created) {\n      innerEl.appendChild(highlightEl);\n    }\n  };\n\n  const setChildrenOffset = ({\n    rotateXPercentage = 0,\n    rotateYPercentage = 0,\n    duration,\n    opacityOnly,\n    easeOut,\n  }) => {\n    const getOpacity = (element) => {\n      if (element.dataset.atroposOpacity && typeof element.dataset.atroposOpacity === 'string') {\n        return element.dataset.atroposOpacity.split(';').map((v) => parseFloat(v));\n      }\n      return undefined;\n    };\n\n    $$(childrenRootEl, '[data-atropos-offset], [data-atropos-opacity]').forEach((childEl) => {\n      $setDuration(childEl, duration);\n      $setEasing(childEl, easeOut ? 'ease-out' : '');\n      const elementOpacity = getOpacity(childEl);\n      if (rotateXPercentage === 0 && rotateYPercentage === 0) {\n        if (!opacityOnly) $setTransform(childEl, `translate3d(0, 0, 0)`);\n        if (elementOpacity) $setOpacity(childEl, elementOpacity[0]);\n      } else {\n        const childElOffset = parseFloat(childEl.dataset.atroposOffset) / 100;\n        if (!Number.isNaN(childElOffset) && !opacityOnly) {\n          $setTransform(\n            childEl,\n            `translate3d(${-rotateYPercentage * -childElOffset}%, ${\n              rotateXPercentage * -childElOffset\n            }%, 0)`,\n          );\n        }\n        if (elementOpacity) {\n          const [min, max] = elementOpacity;\n          const rotatePercentage = Math.max(\n            Math.abs(rotateXPercentage),\n            Math.abs(rotateYPercentage),\n          );\n          $setOpacity(childEl, min + ((max - min) * rotatePercentage) / 100);\n        }\n      }\n    });\n  };\n\n  const setElements = (clientX, clientY) => {\n    const isMultiple = el !== eventsEl;\n    if (!elBoundingClientRect) {\n      elBoundingClientRect = el.getBoundingClientRect();\n    }\n    if (isMultiple && !eventsElBoundingClientRect) {\n      eventsElBoundingClientRect = eventsEl.getBoundingClientRect();\n    }\n    if (typeof clientX === 'undefined' && typeof clientY === 'undefined') {\n      const rect = isMultiple ? eventsElBoundingClientRect : elBoundingClientRect;\n      clientX = rect.left + rect.width / 2;\n      clientY = rect.top + rect.height / 2;\n    }\n\n    let rotateX = 0;\n    let rotateY = 0;\n    const { top, left, width, height } = elBoundingClientRect;\n    let transformOrigin;\n    if (!isMultiple) {\n      const centerX = width / 2;\n      const centerY = height / 2;\n\n      const coordX = clientX - left;\n      const coordY = clientY - top;\n\n      rotateY = ((params.rotateYMax * (coordX - centerX)) / (width / 2)) * -1;\n      rotateX = (params.rotateXMax * (coordY - centerY)) / (height / 2);\n    } else {\n      const {\n        top: parentTop,\n        left: parentLeft,\n        width: parentWidth,\n        height: parentHeight,\n      } = eventsElBoundingClientRect;\n      const offsetLeft = left - parentLeft;\n      const offsetTop = top - parentTop;\n\n      const centerX = width / 2 + offsetLeft;\n      const centerY = height / 2 + offsetTop;\n\n      const coordX = clientX - parentLeft;\n      const coordY = clientY - parentTop;\n\n      rotateY = ((params.rotateYMax * (coordX - centerX)) / (parentWidth - width / 2)) * -1;\n      rotateX = (params.rotateXMax * (coordY - centerY)) / (parentHeight - height / 2);\n      transformOrigin = `${clientX - left}px ${clientY - top}px`;\n    }\n\n    rotateX = Math.min(Math.max(-rotateX, -params.rotateXMax), params.rotateXMax);\n    if (params.rotateXInvert) rotateX = -rotateX;\n    rotateY = Math.min(Math.max(-rotateY, -params.rotateYMax), params.rotateYMax);\n    if (params.rotateYInvert) rotateY = -rotateY;\n\n    const rotateXPercentage = (rotateX / params.rotateXMax) * 100;\n    const rotateYPercentage = (rotateY / params.rotateYMax) * 100;\n\n    const stretchX =\n      (isMultiple ? (rotateYPercentage / 100) * params.stretchX : 0) *\n      (params.rotateYInvert ? -1 : 1);\n    const stretchY =\n      (isMultiple ? (rotateXPercentage / 100) * params.stretchY : 0) *\n      (params.rotateXInvert ? -1 : 1);\n    const stretchZ = isMultiple\n      ? (Math.max(Math.abs(rotateXPercentage), Math.abs(rotateYPercentage)) / 100) * params.stretchZ\n      : 0;\n    $setTransform(\n      rotateEl,\n      `translate3d(${stretchX}%, ${-stretchY}%, ${-stretchZ}px) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`,\n    );\n    if (transformOrigin && params.commonOrigin) {\n      $setOrigin(rotateEl, transformOrigin);\n    }\n\n    if (highlightEl) {\n      $setDuration(highlightEl, `${params.duration}ms`);\n      $setEasing(highlightEl, 'ease-out');\n      $setTransform(\n        highlightEl,\n        `translate3d(${-rotateYPercentage * 0.25}%, ${rotateXPercentage * 0.25}%, 0)`,\n      );\n      $setOpacity(\n        highlightEl,\n        Math.max(Math.abs(rotateXPercentage), Math.abs(rotateYPercentage)) / 100,\n      );\n    }\n\n    setChildrenOffset({\n      rotateXPercentage,\n      rotateYPercentage,\n      duration: `${params.duration}ms`,\n      easeOut: true,\n    });\n\n    if (typeof params.onRotate === 'function') params.onRotate(rotateX, rotateY);\n  };\n\n  const activate = () => {\n    queue.push(() => el.classList.add('atropos-active'));\n    $setDuration(rotateEl, `${params.duration}ms`);\n    $setEasing(rotateEl, 'ease-out');\n    $setTransform(scaleEl, `translate3d(0,0, ${params.activeOffset}px)`);\n    $setDuration(scaleEl, `${params.duration}ms`);\n    $setEasing(scaleEl, 'ease-out');\n    if (shadowEl) {\n      $setDuration(shadowEl, `${params.duration}ms`);\n      $setEasing(shadowEl, 'ease-out');\n    }\n\n    self.isActive = true;\n  };\n\n  const onPointerEnter = (e) => {\n    isScrolling = undefined;\n    if (e.type === 'pointerdown' && e.pointerType === 'mouse') return;\n    if (e.type === 'pointerenter' && e.pointerType !== 'mouse') return;\n    if (e.type === 'pointerdown') {\n      e.preventDefault();\n    }\n    clientXStart = e.clientX;\n    clientYStart = e.clientY;\n\n    if (params.alwaysActive) {\n      elBoundingClientRect = undefined;\n      eventsElBoundingClientRect = undefined;\n      return;\n    }\n    activate();\n    if (typeof params.onEnter === 'function') params.onEnter();\n  };\n\n  const onTouchMove = (e) => {\n    if (isScrolling === false && e.cancelable) {\n      e.preventDefault();\n    }\n  };\n\n  const onPointerMove = (e) => {\n    if (!params.rotate || !self.isActive) return;\n    if (e.pointerType !== 'mouse') {\n      if (!params.rotateTouch) return;\n      e.preventDefault();\n    }\n    const { clientX, clientY } = e;\n\n    const diffX = clientX - clientXStart;\n    const diffY = clientY - clientYStart;\n    if (\n      typeof params.rotateTouch === 'string' &&\n      (diffX !== 0 || diffY !== 0) &&\n      typeof isScrolling === 'undefined'\n    ) {\n      if (diffX * diffX + diffY * diffY >= 25) {\n        const touchAngle = (Math.atan2(Math.abs(diffY), Math.abs(diffX)) * 180) / Math.PI;\n        isScrolling = params.rotateTouch === 'scroll-y' ? touchAngle > 45 : 90 - touchAngle > 45;\n      }\n      if (isScrolling === false) {\n        el.classList.add('atropos-rotate-touch');\n        if (e.cancelable) {\n          e.preventDefault();\n        }\n      }\n    }\n    if (e.pointerType !== 'mouse' && isScrolling) {\n      return;\n    }\n    setElements(clientX, clientY);\n  };\n\n  const onPointerLeave = (e) => {\n    elBoundingClientRect = undefined;\n    eventsElBoundingClientRect = undefined;\n    if (!self.isActive) return;\n    if (e && e.type === 'pointerup' && e.pointerType === 'mouse') return;\n    if (e && e.type === 'pointerleave' && e.pointerType !== 'mouse') return;\n    if (typeof params.rotateTouch === 'string' && isScrolling) {\n      el.classList.remove('atropos-rotate-touch');\n    }\n\n    if (params.alwaysActive) {\n      setElements();\n      if (typeof params.onRotate === 'function') params.onRotate(0, 0);\n      if (typeof params.onLeave === 'function') params.onLeave();\n      return;\n    }\n\n    queue.push(() => el.classList.remove('atropos-active'));\n    $setDuration(scaleEl, `${params.duration}ms`);\n    $setEasing(scaleEl, '');\n    $setTransform(scaleEl, `translate3d(0,0, ${0}px)`);\n    if (shadowEl) {\n      $setDuration(shadowEl, `${params.duration}ms`);\n      $setEasing(shadowEl, '');\n    }\n    if (highlightEl) {\n      $setDuration(highlightEl, `${params.duration}ms`);\n      $setEasing(highlightEl, '');\n      $setTransform(highlightEl, `translate3d(0, 0, 0)`);\n      $setOpacity(highlightEl, 0);\n    }\n    $setDuration(rotateEl, `${params.duration}ms`);\n    $setEasing(rotateEl, '');\n    $setTransform(rotateEl, `translate3d(0,0,0) rotateX(0deg) rotateY(0deg)`);\n\n    setChildrenOffset({ duration: `${params.duration}ms` });\n\n    self.isActive = false;\n    if (typeof params.onRotate === 'function') params.onRotate(0, 0);\n    if (typeof params.onLeave === 'function') params.onLeave();\n  };\n\n  const onDocumentClick = (e) => {\n    const clickTarget = e.target;\n    if (!eventsEl.contains(clickTarget) && clickTarget !== eventsEl && self.isActive) {\n      onPointerLeave();\n    }\n  };\n\n  const initDOM = () => {\n    if (typeof el === 'string') {\n      el = $(document, el);\n    }\n    if (!el) return;\n\n    // eslint-disable-next-line\n    if (el.__atropos__) return;\n\n    if (typeof eventsEl !== 'undefined') {\n      if (typeof eventsEl === 'string') {\n        eventsEl = $(document, eventsEl);\n      }\n    } else {\n      eventsEl = el;\n    }\n    childrenRootEl = isComponent ? el.parentNode.host : el;\n\n    Object.assign(self, {\n      el,\n    });\n\n    rotateEl = $(el, '.atropos-rotate');\n    scaleEl = $(el, '.atropos-scale');\n    innerEl = $(el, '.atropos-inner');\n\n    // eslint-disable-next-line\n    el.__atropos__ = self;\n  };\n\n  const init = () => {\n    initDOM();\n    if (!el || !eventsEl) return;\n    if (params.shadow) {\n      createShadow();\n    }\n    if (params.highlight) {\n      createHighlight();\n    }\n    if (params.rotateTouch) {\n      if (typeof params.rotateTouch === 'string') {\n        el.classList.add(`atropos-rotate-touch-${params.rotateTouch}`);\n      } else {\n        el.classList.add('atropos-rotate-touch');\n      }\n    }\n    if ($(childrenRootEl, '[data-atropos-opacity]')) {\n      setChildrenOffset({ opacityOnly: true });\n    }\n    $on(document, 'click', onDocumentClick);\n    $on(eventsEl, 'pointerdown', onPointerEnter);\n    $on(eventsEl, 'pointerenter', onPointerEnter);\n    $on(eventsEl, 'pointermove', onPointerMove);\n    $on(eventsEl, 'touchmove', onTouchMove);\n    $on(eventsEl, 'pointerleave', onPointerLeave);\n    $on(eventsEl, 'pointerup', onPointerLeave);\n    $on(eventsEl, 'lostpointercapture', onPointerLeave);\n\n    if (params.alwaysActive) {\n      activate();\n      setElements();\n    }\n  };\n\n  const destroy = () => {\n    self.destroyed = true;\n    cancelAnimationFrame(queueFrameId);\n    $off(document, 'click', onDocumentClick);\n    $off(eventsEl, 'pointerdown', onPointerEnter);\n    $off(eventsEl, 'pointerenter', onPointerEnter);\n    $off(eventsEl, 'pointermove', onPointerMove);\n    $off(eventsEl, 'touchmove', onTouchMove);\n    $off(eventsEl, 'pointerleave', onPointerLeave);\n    $off(eventsEl, 'pointerup', onPointerLeave);\n    $off(eventsEl, 'lostpointercapture', onPointerLeave);\n    // eslint-disable-next-line\n    delete el.__atropos__;\n  };\n\n  self.destroy = destroy;\n\n  init();\n\n  // eslint-disable-next-line\n  return self;\n}\nexport { Atropos };\nexport default Atropos;\n"],"mappings":"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"}