{"version":3,"file":"scrollbar2.mjs","sources":["../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { useNamespace } from '@element3/hooks'\nimport { scrollbarProps } from './scrollbar'\nimport Bar from './bar.vue'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElScrollbar',\n})\nconst props = defineProps(scrollbarProps)\nconst ns = useNamespace('scrollbar')\n\nconst style = computed(() => {\n  const style: CSSProperties = {}\n  if (props.height) style.height = props.height\n  if (props.maxHeight) style.maxHeight = props.maxHeight\n  return [style]\n})\n</script>\n\n<template>\n  <div :class=\"ns.b()\" :style=\"style\">\n    <div :class=\"ns.b('wrap')\">\n      <slot />\n    </div>\n    <Bar />\n  </div>\n</template>\n\n<style scoped></style>\n"],"names":["style"],"mappings":";;;;;;;;;;;;;;;AAWA,IAAA,MAAA,EAAA,GAAA,aAAA,WAAA,CAAA,CAAA;AAEA,IAAA,MAAA,KAAA,GAAA,SAAA,MAAA;AACA,MAAA,MAAAA,SAAA,EAAA,CAAA;AACA,MAAA,IAAA,KAAA,CAAA,MAAA;AAAA,QAAA,MAAA,CAAA,SAAA,KAAA,CAAA,MAAA,CAAA;AACA,MAAA,IAAA,KAAA,CAAA,SAAA;AAAA,QAAA,MAAA,CAAA,YAAA,KAAA,CAAA,SAAA,CAAA;AACA,MAAA,OAAA,CAAAA,MAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;"}