{"version":3,"file":"dialog-content2.mjs","sources":["../../../../../../packages/components/dialog/src/dialog-content.vue"],"sourcesContent":["<template>\n  <div\n    :ref=\"composedDialogRef\"\n    :class=\"[\n      ns.b(),\n      ns.is('fullscreen', fullscreen),\n      ns.is('draggable', draggable),\n      { [ns.m('center')]: center },\n      containerClass,\n    ]\"\n    :style=\"style\"\n    tabindex=\"-1\"\n    @click.stop\n  >\n    <header ref=\"headerRef\" :class=\"[ns.e('header'), headerClass]\">\n      <slot name=\"header\">\n        <span role=\"heading\" :class=\"ns.e('title')\">\n          {{ title }}\n        </span>\n      </slot>\n      <b-button\n        v-if=\"showClose\"\n        small\n        ghost\n        :aria-label=\"t('b.dialog.close')\"\n        :icon=\"closeIcon || Close\"\n        @click=\"$emit('close')\"\n      />\n    </header>\n    <div :id=\"bodyId\" :class=\"[ns.e('body'), bodyClass]\">\n      <b-scrollbar\n        v-if=\"scrollable\"\n        :height=\"scrollableHeight\"\n        :max-height=\"scrollableMaxHeight\"\n        @scroll=\"($event) => emit('scroll', $event)\"\n      >\n        <slot />\n      </b-scrollbar>\n      <slot v-else />\n    </div>\n    <footer v-if=\"$slots.footer\" :class=\"[ns.e('footer'), footerClass]\">\n      <slot name=\"footer\" />\n    </footer>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { BButton } from '@bigin/components/button'\nimport { BScrollbar } from '@bigin/components/scrollbar'\nimport { FOCUS_TRAP_INJECTION_KEY } from '@bigin/components/focus-trap'\nimport { useDraggable, useLocale } from '@bigin/hooks'\nimport { CloseComponents, composeRefs } from '@bigin/utils'\nimport { dialogInjectionKey } from '@bigin/tokens'\nimport { dialogContentEmits, dialogContentProps } from './dialog-content'\n\nconst { t } = useLocale()\nconst { Close } = CloseComponents\n\ndefineOptions({ name: 'BDialogContent' })\nconst props = defineProps(dialogContentProps)\nconst emit = defineEmits(dialogContentEmits)\n\nconst { dialogRef, headerRef, bodyId, ns, style } = inject(dialogInjectionKey)!\nconst { focusTrapRef } = inject(FOCUS_TRAP_INJECTION_KEY)!\n\nconst composedDialogRef = composeRefs(focusTrapRef, dialogRef)\n\nconst draggable = computed(() => props.draggable)\nuseDraggable(dialogRef, headerRef, draggable)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;oCA2Dc,EAAE,IAAA,EAAM,kBAAiB,CAAA,CAAA;;;;;;;AAHjC,IAAA,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AAClB,IAAA,MAAA,EAAE,OAAU,GAAA,eAAA,CAAA;AAMZ,IAAA,MAAA,EAAE,WAAW,SAAW,EAAA,MAAA,EAAQ,IAAI,KAAM,EAAA,GAAI,OAAO,kBAAkB,CAAA,CAAA;AAC7E,IAAA,MAAM,EAAE,YAAA,EAAiB,GAAA,MAAA,CAAO,wBAAwB,CAAA,CAAA;AAElD,IAAA,MAAA,iBAAA,GAAoB,WAAY,CAAA,YAAA,EAAc,SAAS,CAAA,CAAA;AAE7D,IAAA,MAAM,SAAY,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,SAAS,CAAA,CAAA;AACnC,IAAA,YAAA,CAAA,SAAA,EAAW,WAAW,SAAS,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}