5966.b85d6652bcae61a4.js.map

{"version":3,"file":"5966.b85d6652bcae61a4.js","mappings":"oKAMA,MAEMA,EAAe,MACjBC,YAAYC,IACRC,OAAiBC,KAAMF,GACvBE,KAAKC,KAAO,SAChB,CAOMC,UAAUC,EAAGC,GAAG,IAAAC,EAAAL,KAAA,SAAAM,KAAA,YAClB,OAAO,IAAIC,QAASC,KAChBC,OAAS,KACL,MAAMC,EAAOL,EAAKM,GAAGC,wBACfC,EAAQH,EAAKG,MACbC,EAASJ,EAAKI,OACdC,EAAaC,KAAKC,KAAKJ,EAAQA,EAAQC,EAASA,GAChDI,EAASF,KAAKG,IAAIL,EAAQD,GAC1BO,EAAYf,EAAKgB,UAAYH,EAASH,EAAaO,EACnDC,EAAcP,KAAKQ,MAAMN,EAASO,GAClCC,EAAaN,EAAYG,EAC/B,IAAII,EAAOxB,EAAIO,EAAKkB,KAChBC,EAAOzB,EAAIM,EAAKoB,IAChBzB,EAAKgB,YACLM,EAAe,GAARd,EACPgB,EAAgB,GAATf,GAEX,MAAMiB,EAASJ,EAAqB,GAAdJ,EAChBS,EAASH,EAAqB,GAAdN,EAChBU,EAAgB,GAARpB,EAAcc,EACtBO,EAAiB,GAATpB,EAAee,GAC7BM,OAAU,KACN,MAAMC,EAAMC,SAASC,cAAc,OACnCF,EAAIG,UAAUC,IAAI,iBAClB,MAAMC,EAAQL,EAAIK,MAClBA,EAAMX,IAAME,EAAS,KACrBS,EAAMb,KAAOG,EAAS,KACtBU,EAAM5B,MAAQ4B,EAAM3B,OAASS,EAAc,KAC3CkB,EAAMC,YAAY,gBAAkB,GAAEhB,KACtCe,EAAMC,YAAY,kBAAoB,GAAET,QAAYC,QAClC7B,EAAKM,GAAGgC,YAActC,EAAKM,IACnCiC,YAAYR,GACtBS,WAAW,KACPrC,EAAQ,KACJsC,EAAaV,EAAG,EACnB,EACF,IAAS,EACf,EACJ,EACF,EAvCe,EAwCtB,CACA,aAAIf,GACA,MAAqB,cAAdrB,KAAKC,IAChB,CACA8C,SACI,MAAMC,KAAOC,KAAWjD,MACxB,SAAQkD,KAAEC,IAAM,CAAEC,KAAM,eAAgBC,MAAO,CACvCC,CAACN,IAAO,EACR3B,UAAWrB,KAAKqB,YAE5B,CACA,MAAIV,GAAO,SAAO4C,KAAWvD,KAAO,GAElC8C,EAAgBU,IAClBA,EAAOjB,UAAUC,IAAI,YACrBK,WAAW,KACPW,EAAOC,QAAO,EACf,IAAG,EAEJnC,EAAU,GACVG,EAAuB,GAC7B7B,EAAa6C,MA1EW","names":["RippleEffect","constructor","hostRef","registerInstance","this","type","addRipple","x","y","_this","_asyncToGenerator","Promise","resolve","readTask","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","writeTask","div","document","createElement","classList","add","style","setProperty","shadowRoot","appendChild","setTimeout","removeRipple","render","mode","getIonMode","h","Host","role","class","t","getElement","ripple","remove"],"sourceRoot":"webpack:///","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, e as readTask, w as writeTask, h, f as getElement, H as Host } from './index-b7d870cf.js';\nimport { b as getIonMode } from './ionic-global-1f99b929.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        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"],"x_google_ignoreList":[0]}