{"version":3,"file":"Drawer.cjs","sources":["../../common/Drawer/Drawer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Icon } from \"../Icon\";\nimport { DrawerClassesKey, DrawerProps } from \"./types\";\n\nconst {\n  open = false,\n  sidebarCloseIcon = false,\n  backdropCloseIcon = true,\n  placement = \"left\",\n  backdropClose = true,\n  id = \"\",\n  classes = {} as Partial<Record<DrawerClassesKey, string>>,\n} = defineProps<DrawerProps>();\n\nconst emits = defineEmits<{\n  (e: \"onClose\"): void;\n}>();\n</script>\n\n<template>\n  <!-- drawer component -->\n  <div v-if=\"open\">\n    <div :id=\"id\" :class=\"['drawer-sidebar', `${placement}-0`, classes?.container]\" tabindex=\"-1\" aria-labelledby=\"drawer-label\">\n      <button\n        v-if=\"sidebarCloseIcon\"\n        type=\"button\"\n        data-drawer-hide=\"drawer-close\"\n        aria-controls=\"drawer-close\"\n        :class=\"['close-btn right-2.5', classes?.sidebarCloseBtn]\"\n        @click=\"emits('onClose')\"\n        @keydown.esc=\"emits('onClose')\"\n      >\n        <Icon name=\"x-icon\" size=\"15\" :class=\"['w-[15px]', classes.sidebarCloseIcon || '']\" />\n        <span class=\"sr-only\">Close menu</span>\n      </button>\n      <slot name=\"sidebar\" />\n    </div>\n    <div\n      aria-hidden\n      :data-drawer-backdrop=\"backdropClose\"\n      :class=\"['backdrop-container', classes?.backdropContainer]\"\n      @click=\"backdropClose && emits('onClose')\"\n    >\n      <div>\n        <button\n          v-if=\"backdropCloseIcon\"\n          type=\"button\"\n          data-drawer-hide=\"drawer-close\"\n          aria-controls=\"drawer-close\"\n          :class=\"[\n            'close-btn !text-app-white !top-1.5 hover:!bg-transparent dark:hover:!bg-transparent',\n            { 'right-1.5': placement === 'left', 'left-1.5': placement === 'right' },\n            classes?.backdropCloseBtn,\n          ]\"\n          @click=\"emits('onClose')\"\n          @keydown.esc=\"emits('onClose')\"\n        >\n          <Icon name=\"x-icon\" size=\"15\" :class=\"['w-[15px]', classes.backdropCloseIcon || '']\" />\n          <span class=\"sr-only\">Close menu</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n@reference \"../../styles/main.css\";\n\n.drawer-sidebar {\n  @apply w-5/6 md:w-2/6 lg:w-1/5 xl:w-1/4 2xl:w-80\n  fixed z-40 h-screen overflow-y-auto bg-app-white\n  dark:bg-app-gray-800 transition-transform top-0;\n}\n\n.close-btn {\n  @apply text-app-gray-400 bg-transparent\n  hover:bg-app-gray-200 hover:text-app-gray-900\n  rounded-lg text-sm p-1.5 absolute top-2.5 inline-flex items-center\n  dark:hover:bg-app-gray-600 dark:hover:text-app-white;\n}\n\n.backdrop-container {\n  @apply bg-app-gray-500/50 dark:bg-app-gray-700/80 fixed inset-0 z-30;\n}\n</style>\n"],"names":["emits","__emit","__props","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_createVNode","_unref","Icon","_cache","_renderSlot","_ctx","$event"],"mappings":"ogBAcA,MAAMA,EAAQC,eAODC,EAAA,oBAAXC,EAAAA,mBAyCM,MAAAC,EAAA,CAxCJC,EAAAA,mBAcM,MAAA,CAdA,GAAIH,EAAA,GAAK,MAAKI,EAAAA,eAAA,CAAA,iBAAA,GAAwBJ,EAAA,SAAS,KAAMA,EAAA,SAAS,SAAS,CAAA,EAAG,SAAS,KAAK,kBAAgB,cAAA,GAEpGA,EAAA,gCADRC,EAAAA,mBAWS,SAAA,OATP,KAAK,SACL,mBAAiB,eACjB,gBAAc,eACb,MAAKG,EAAAA,eAAA,CAAA,sBAA0BJ,EAAA,SAAS,eAAe,CAAA,EACvD,uBAAOF,EAAK,SAAA,GACZ,oCAAaA,EAAK,SAAA,EAAA,CAAA,KAAA,CAAA,EAAA,GAEnBO,cAAsFC,EAAAA,MAAAC,EAAAA,SAAA,EAAA,CAAhF,KAAK,SAAS,KAAK,KAAM,MAAKH,EAAAA,eAAA,CAAA,WAAeJ,EAAA,QAAQ,kBAAgB,EAAA,CAAA,CAAA,oBAC3EQ,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAL,EAAAA,mBAAuC,OAAA,CAAjC,MAAM,WAAU,aAAU,EAAA,EAAA,mCAElCM,EAAAA,WAAuBC,EAAA,OAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAEzBP,EAAAA,mBAwBM,MAAA,CAvBJ,cAAA,GACC,uBAAsBH,EAAA,cACtB,MAAKI,EAAAA,eAAA,CAAA,qBAAyBJ,EAAA,SAAS,iBAAiB,CAAA,EACxD,QAAKQ,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAG,GAAEX,EAAA,eAAiBF,EAAK,SAAA,EAAA,GAE9BK,EAAAA,mBAiBM,MAAA,KAAA,CAfIH,EAAA,iCADRC,EAAAA,mBAeS,SAAA,OAbP,KAAK,SACL,mBAAiB,eACjB,gBAAc,eACb,MAAKG,EAAAA,eAAA,uFAAkI,CAAA,YAAAJ,EAAA,8BAAkCA,EAAA,YAAS,OAAA,EAA4BA,EAAA,SAAS,gBAAA,GAKvN,uBAAOF,EAAK,SAAA,GACZ,oCAAaA,EAAK,SAAA,EAAA,CAAA,KAAA,CAAA,EAAA,GAEnBO,cAAuFC,EAAAA,MAAAC,EAAAA,SAAA,EAAA,CAAjF,KAAK,SAAS,KAAK,KAAM,MAAKH,EAAAA,eAAA,CAAA,WAAeJ,EAAA,QAAQ,mBAAiB,EAAA,CAAA,CAAA,oBAC5EQ,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAL,EAAAA,mBAAuC,OAAA,CAAjC,MAAM,WAAU,aAAU,EAAA,EAAA"}