{"version":3,"file":"create-container-element.mjs","sources":["../../../../../../../packages/directives/ripple/src/utils/create-container-element.ts"],"sourcesContent":["export const createContainer = ({\n  borderTopLeftRadius,\n  borderTopRightRadius,\n  borderBottomLeftRadius,\n  borderBottomRightRadius,\n}: CSSStyleDeclaration): HTMLElement => {\n  const rippleContainer = document.createElement('div')\n  rippleContainer.style.top = '0'\n  rippleContainer.style.left = '0'\n  rippleContainer.style.width = '100%'\n  rippleContainer.style.height = '100%'\n  rippleContainer.style.position = 'absolute'\n  rippleContainer.style.borderRadius = `${borderTopLeftRadius} ${borderTopRightRadius} ${borderBottomRightRadius} ${borderBottomLeftRadius}`\n  rippleContainer.style.overflow = 'hidden'\n  rippleContainer.style.pointerEvents = 'none'\n\n  // 兼容 ie  苹果\n  rippleContainer.style.webkitMaskImage =\n    '-webkit-radial-gradient(white, black)'\n\n  return rippleContainer\n}\n"],"names":[],"mappings":"AAAY,MAAC,eAAe,GAAG,CAAC;AAChC,EAAE,mBAAmB;AACrB,EAAE,oBAAoB;AACtB,EAAE,sBAAsB;AACxB,EAAE,uBAAuB;AACzB,CAAC,KAAK;AACN,EAAE,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AACxD,EAAE,eAAe,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;AAClC,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;AACnC,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;AACvC,EAAE,eAAe,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;AACxC,EAAE,eAAe,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;AAC9C,EAAE,eAAe,CAAC,KAAK,CAAC,YAAY,GAAG,CAAC,EAAE,mBAAmB,CAAC,CAAC,EAAE,oBAAoB,CAAC,CAAC,EAAE,uBAAuB,CAAC,CAAC,EAAE,sBAAsB,CAAC,CAAC,CAAC;AAC7I,EAAE,eAAe,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAC5C,EAAE,eAAe,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;AAC/C,EAAE,eAAe,CAAC,KAAK,CAAC,eAAe,GAAG,uCAAuC,CAAC;AAClF,EAAE,OAAO,eAAe,CAAC;AACzB;;;;"}