{"version":3,"file":"alpha-slider.mjs","sources":["../../../../../../../packages/components/color-picker/src/components/alpha-slider.vue"],"sourcesContent":["<template>\n <div :class=\"rootKls\">\n <div ref=\"bar\" :class=\"barKls\" :style=\"barStyle\" @click=\"handleClick\" />\n <div ref=\"thumb\" :class=\"thumbKls\" :style=\"thumbStyle\" />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { alphaSliderProps } from '../props/alpha-slider'\nimport {\n useAlphaSlider,\n useAlphaSliderDOM,\n} from '../composables/use-alpha-slider'\n\nconst COMPONENT_NAME = 'ElColorAlphaSlider'\n\ndefineOptions({\n name: COMPONENT_NAME,\n})\n\nconst props = defineProps(alphaSliderProps)\n\nconst { bar, thumb, handleDrag, handleClick } = useAlphaSlider(props)\n\nconst { rootKls, barKls, barStyle, thumbKls, thumbStyle, update } =\n useAlphaSliderDOM(props, {\n bar,\n thumb,\n handleDrag,\n })\n\ndefineExpose({\n /**\n * @description update alpha slider manually\n * @type {Function}\n */\n update,\n /**\n * @description bar element ref\n * @type {HTMLElement}\n */\n bar,\n /**\n * @description thumb element ref\n * @type {HTMLElement}\n */\n thumb,\n})\n</script>\n"],"names":[],"mappings":";;;;;;mCAgBc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;AAIA,IAAA,MAAM,EAAE,GAAK,EAAA,KAAA,EAAO,UAAY,EAAA,WAAA,EAAA,GAAgB,eAAe,KAAK,CAAA,CAAA;AAEpE,IAAM,MAAA,EAAE,SAAS,MAAQ,EAAA,QAAA,EAAU,UAAU,UAAY,EAAA,MAAA,EAAA,GACvD,kBAAkB,KAAO,EAAA;AAAA,MACvB,GAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,KACD,CAAA,CAAA;AAEH,IAAa,MAAA,CAAA;AAAA,MAKX,MAAA;AAAA,MAKA,GAAA;AAAA,MAKA,KAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
