{"version":3,"file":"create-ripple-element.mjs","sources":["../../../../../../../packages/directives/ripple/src/utils/create-ripple-element.ts"],"sourcesContent":["import type { IRippleDirectiveOptions } from '../options'\n\nexport const createrippleElement = (\n  x: number,\n  y: number,\n  size: number,\n  options: IRippleDirectiveOptions\n): HTMLElement => {\n  const rippleElement = document.createElement('div')\n\n  rippleElement.style.position = 'absolute'\n  rippleElement.style.width = `${size}px`\n  rippleElement.style.height = `${size}px`\n  rippleElement.style.top = `${y}px`\n  rippleElement.style.left = `${x}px`\n  rippleElement.style.background = options.color\n  rippleElement.style.borderRadius = '50%'\n  rippleElement.style.opacity = `${options.initialOpacity}`\n  rippleElement.style.transform = `translate(-50%,-50%) scale(0)`\n  rippleElement.style.transition = `transform ${options.duration / 1000}s ${\n    options.easing\n  }, opacity ${options.duration / 1000}s ${options.easing}`\n  return rippleElement\n}\n"],"names":[],"mappings":"AAAY,MAAC,mBAAmB,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,KAAK;AAC5D,EAAE,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AACtD,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;AAC5C,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,EAAE,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACrC,EAAE,aAAa,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACtC,EAAE,aAAa,CAAC,KAAK,CAAC,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC;AACjD,EAAE,aAAa,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;AAC3C,EAAE,aAAa,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC;AAC5D,EAAE,aAAa,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,6BAA6B,CAAC,CAAC;AAClE,EAAE,aAAa,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,UAAU,EAAE,OAAO,CAAC,QAAQ,GAAG,GAAG,CAAC,EAAE,EAAE,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,QAAQ,GAAG,GAAG,CAAC,EAAE,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;AAClJ,EAAE,OAAO,aAAa,CAAC;AACvB;;;;"}