{"version":3,"file":"collapse2.mjs","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      namespace, {\n        'arrow-left': arrowLeft,\n      }\n    ]\"\n    role=\"tablist\"\n    aria-multiselectable=\"true\"\n    :style=\"[\n      gap ? `--collapse-gap: ${gap}` : '',\n      headerGap ? `--collapse-header-gap: ${headerGap}` : '',\n      padding ? `--collapse-padding-x: ${padding}` : '',\n      contentPadding ? `--collapse-content-padding: ${contentPadding}` : '',\n    ]\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@hongluan-ui/hooks'\nimport { collapseProps, collapseEmits } from './collapse'\nimport { useCollapse } from './use-collapse'\n\ndefineOptions({\n  name: 'Collapse',\n})\nconst props = defineProps(collapseProps)\nconst emit = defineEmits(collapseEmits)\n\nconst { namespace } = useNamespace('collapse')\nconst { activeNames, setActiveNames } = useCollapse(props, emit)\n\ndefineExpose({\n  /** @description active names */\n  activeNames,\n  /** @description set active names */\n  setActiveNames,\n})\n</script>\n"],"names":[],"mappings":";;;;;;oCAyBc;AAAA,EACZ,MAAM;AACR;;;;;;;AAIA,UAAM,EAAE,cAAc,aAAa,UAAU;AAC7C,UAAM,EAAE,aAAa,mBAAmB,YAAY,OAAO,IAAI;AAE/D,WAAa;AAAA,MAEX;AAAA,MAEA;AAAA,KACD;;;;;;;;;;;;;;;;;;;;;;;;;;"}