{"version":3,"file":"node_modules_ionic_core_dist_esm_ion-ripple-effect_entry_js.js","mappings":"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","sources":["./node_modules/@ionic/core/dist/esm/ion-ripple-effect.entry.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { r as registerInstance, f as readTask, c as writeTask, h, i as getElement, H as Host } from './index-8e692445.js';\nimport { b as getIonMode } from './ionic-global-c95cf239.js';\n\nconst rippleEffectCss = \":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:strict;pointer-events:none}:host(.unbounded){contain:layout size style}.ripple-effect{border-radius:50%;position:absolute;background-color:currentColor;color:inherit;contain:strict;opacity:0;-webkit-animation:225ms rippleAnimation forwards, 75ms fadeInAnimation forwards;animation:225ms rippleAnimation forwards, 75ms fadeInAnimation forwards;will-change:transform, opacity;pointer-events:none}.fade-out{-webkit-transform:translate(var(--translate-end)) scale(var(--final-scale, 1));transform:translate(var(--translate-end)) scale(var(--final-scale, 1));-webkit-animation:150ms fadeOutAnimation forwards;animation:150ms fadeOutAnimation forwards}@-webkit-keyframes rippleAnimation{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:translate(var(--translate-end)) scale(var(--final-scale, 1));transform:translate(var(--translate-end)) scale(var(--final-scale, 1))}}@keyframes rippleAnimation{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:translate(var(--translate-end)) scale(var(--final-scale, 1));transform:translate(var(--translate-end)) scale(var(--final-scale, 1))}}@-webkit-keyframes fadeInAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:0.16}}@keyframes fadeInAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:0.16}}@-webkit-keyframes fadeOutAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0.16}to{opacity:0}}@keyframes fadeOutAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0.16}to{opacity:0}}\";\n\nconst RippleEffect = class {\n  constructor(hostRef) {\n    registerInstance(this, hostRef);\n    /**\n     * Sets the type of ripple-effect:\n     *\n     * - `bounded`: the ripple effect expands from the user's click position\n     * - `unbounded`: the ripple effect expands from the center of the button and overflows the container.\n     *\n     * NOTE: Surfaces for bounded ripples should have the overflow property set to hidden,\n     * while surfaces for unbounded ripples should have it set to visible.\n     */\n    this.type = 'bounded';\n  }\n  /**\n   * Adds the ripple effect to the parent element.\n   *\n   * @param x The horizontal coordinate of where the ripple should start.\n   * @param y The vertical coordinate of where the ripple should start.\n   */\n  async addRipple(x, y) {\n    return new Promise((resolve) => {\n      readTask(() => {\n        const rect = this.el.getBoundingClientRect();\n        const width = rect.width;\n        const height = rect.height;\n        const hypotenuse = Math.sqrt(width * width + height * height);\n        const maxDim = Math.max(height, width);\n        const maxRadius = this.unbounded ? maxDim : hypotenuse + PADDING;\n        const initialSize = Math.floor(maxDim * INITIAL_ORIGIN_SCALE);\n        const finalScale = maxRadius / initialSize;\n        let posX = x - rect.left;\n        let posY = y - rect.top;\n        if (this.unbounded) {\n          posX = width * 0.5;\n          posY = height * 0.5;\n        }\n        const styleX = posX - initialSize * 0.5;\n        const styleY = posY - initialSize * 0.5;\n        const moveX = width * 0.5 - posX;\n        const moveY = height * 0.5 - posY;\n        writeTask(() => {\n          const div = document.createElement('div');\n          div.classList.add('ripple-effect');\n          const style = div.style;\n          style.top = styleY + 'px';\n          style.left = styleX + 'px';\n          style.width = style.height = initialSize + 'px';\n          style.setProperty('--final-scale', `${finalScale}`);\n          style.setProperty('--translate-end', `${moveX}px, ${moveY}px`);\n          const container = this.el.shadowRoot || this.el;\n          container.appendChild(div);\n          setTimeout(() => {\n            resolve(() => {\n              removeRipple(div);\n            });\n          }, 225 + 100);\n        });\n      });\n    });\n  }\n  get unbounded() {\n    return this.type === 'unbounded';\n  }\n  render() {\n    const mode = getIonMode(this);\n    return (h(Host, { role: \"presentation\", class: {\n        [mode]: true,\n        unbounded: this.unbounded,\n      } }));\n  }\n  get el() { return getElement(this); }\n};\nconst removeRipple = (ripple) => {\n  ripple.classList.add('fade-out');\n  setTimeout(() => {\n    ripple.remove();\n  }, 200);\n};\nconst PADDING = 10;\nconst INITIAL_ORIGIN_SCALE = 0.5;\nRippleEffect.style = rippleEffectCss;\n\nexport { RippleEffect as ion_ripple_effect };\n"],"names":["r","registerInstance","f","readTask","c","writeTask","h","i","getElement","H","Host","b","getIonMode","rippleEffectCss","RippleEffect","constructor","hostRef","type","addRipple","x","y","Promise","resolve","rect","el","getBoundingClientRect","width","height","hypotenuse","Math","sqrt","maxDim","max","maxRadius","unbounded","PADDING","initialSize","floor","INITIAL_ORIGIN_SCALE","finalScale","posX","left","posY","top","styleX","styleY","moveX","moveY","div","document","createElement","classList","add","style","setProperty","container","shadowRoot","appendChild","setTimeout","removeRipple","render","mode","role","class","ripple","remove","ion_ripple_effect"],"sourceRoot":"webpack:///","x_google_ignoreList":[0]}