{"version":3,"file":"my-widget-collapse.vue2.mjs","sources":["../../../../../../src/components/my/collapse/my-widget-collapse.vue"],"sourcesContent":["<template>\n    <div ref=\"headRef\"\n         class=\"widget-collapse-panel user-select-none\"\n         :class=\"{'widget-collapse-panel-fold': !data.show}\">\n        <div class=\"collapse-panel-head display-flex\">\n            <div class=\"collapse-panel-head-title display-flex\">\n                {{ title }}\n                <slot name=\"head\" />\n            </div>\n            \n            <my-icon class=\"my-handle-panel-icon\" @click=\"clickHead\">\n                <ArrowRight class=\"collapse-panel-head-right-icon\" :class=\"{'is-active': data.show }\" />\n            </my-icon>\n        </div>\n        <slot />\n    \n    </div>\n</template>\n<script setup lang=\"ts\">\nimport { reactive, ref } from 'vue-demi';\nimport MyIcon from '@myprint/design/components/my/icon/my-icon.vue';\nimport ArrowRight from '@myprint/design/components/my/icon/icons/ArrowRight.vue';\n\nwithDefaults(defineProps<{\n    title?: string;\n}>(), {\n    title: ''\n});\nconst emit = defineEmits(['update:modelValue']);\n\nconst headRef = ref<HTMLDivElement>()!;\nconst data = reactive({\n    show: true\n});\n\nfunction clickHead() {\n    data.show = !data.show;\n}\n\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA4BA,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAA,MAAM,UAAU,GAAoB,EAAA,CAAA;AACpC,IAAA,MAAM,OAAO,QAAS,CAAA;AAAA,MAClB,IAAM,EAAA,IAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,SAAS,SAAY,GAAA;AACjB,MAAK,IAAA,CAAA,IAAA,GAAO,CAAC,IAAK,CAAA,IAAA,CAAA;AAAA,KACtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}