{"version":3,"file":"header.vue2.mjs","sources":["../../../../../../../../packages/components/date-picker/src/panels/layout/header.vue"],"sourcesContent":["<script lang=\"ts\">\n  import type { PropType } from 'vue'\n  import { defineComponent } from 'vue'\n  import { getNamespace } from '../../../../../utils/global-config'\n  import {\n    BnIconSuperArrowLeft,\n    BnIconSuperArrowRight,\n    BnIconArrowLeft,\n    BnIconArrowRight\n  } from '../../../../icon'\n\n  export default defineComponent({\n    name: 'PanelHeader',\n    components: {\n      BnIconSuperArrowLeft,\n      BnIconSuperArrowRight,\n      BnIconArrowLeft,\n      BnIconArrowRight\n    },\n    props: {\n      content: {\n        type: String,\n        default: ''\n      },\n      actions: {\n        type: Array as PropType<string[]>,\n        default: () => ['prevSuper', 'prev', 'next', 'nextSuper']\n      }\n    },\n    emits: ['prevSuper', 'prev', 'next', 'nextSuper'],\n    setup(_props, { emit }) {\n      const ns = getNamespace('date-picker')\n\n      const handlePrevSuper = () => {\n        emit('prevSuper')\n      }\n      const handlePrev = () => {\n        emit('prev')\n      }\n      const handleNextSuper = () => {\n        emit('nextSuper')\n      }\n\n      const handleNext = () => {\n        emit('next')\n      }\n\n      return {\n        ns,\n        handlePrevSuper,\n        handleNextSuper,\n        handlePrev,\n        handleNext\n      }\n    }\n  })\n</script>\n\n<template>\n  <div :class=\"[`${ns}__header`]\">\n    <div :class=\"[`${ns}__header-left`]\">\n      <div :class=\"[`${ns}__header-icon`]\">\n        <BnIconSuperArrowLeft v-if=\"actions.includes('prevSuper')\" @click=\"handlePrevSuper\" />\n      </div>\n      <div :class=\"[`${ns}__header-icon`]\">\n        <BnIconArrowLeft v-if=\"actions.includes('prev')\" @click=\"handlePrev\" />\n      </div>\n    </div>\n    <div :class=\"[`${ns}__header-content`]\">{{ content }}</div>\n    <div :class=\"[`${ns}__header-right`]\">\n      <div :class=\"[`${ns}__header-icon`]\">\n        <BnIconArrowRight v-if=\"actions.includes('next')\" @click=\"handleNext\" />\n      </div>\n      <div :class=\"[`${ns}__header-icon`]\">\n        <BnIconSuperArrowRight v-if=\"actions.includes('nextSuper')\" @click=\"handleNextSuper\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":[],"mappings":";;;;;;;;AAWE,gBAAe,eAAgB,CAAA;AAAA,EAC7B,IAAM,EAAA,aAAA;AAAA,EACN,UAAY,EAAA;AAAA,IACV,oBAAA;AAAA,IACA,qBAAA;AAAA,IACA,eAAA;AAAA,IACA,gBAAA;AAAA,GACF;AAAA,EACA,KAAO,EAAA;AAAA,IACL,OAAS,EAAA;AAAA,MACP,IAAM,EAAA,MAAA;AAAA,MACN,OAAS,EAAA,EAAA;AAAA,KACX;AAAA,IACA,OAAS,EAAA;AAAA,MACP,IAAM,EAAA,KAAA;AAAA,MACN,SAAS,MAAM,CAAC,WAAa,EAAA,MAAA,EAAQ,QAAQ,WAAW,CAAA;AAAA,KAC1D;AAAA,GACF;AAAA,EACA,KAAO,EAAA,CAAC,WAAa,EAAA,MAAA,EAAQ,QAAQ,WAAW,CAAA;AAAA,EAChD,KAAM,CAAA,MAAA,EAAQ,EAAE,IAAA,EAAQ,EAAA;AACtB,IAAM,MAAA,EAAA,GAAK,aAAa,aAAa,CAAA,CAAA;AAErC,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAA,IAAA,CAAK,WAAW,CAAA,CAAA;AAAA,KAClB,CAAA;AACA,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,IAAA,CAAK,MAAM,CAAA,CAAA;AAAA,KACb,CAAA;AACA,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAA,IAAA,CAAK,WAAW,CAAA,CAAA;AAAA,KAClB,CAAA;AAEA,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,IAAA,CAAK,MAAM,CAAA,CAAA;AAAA,KACb,CAAA;AAEA,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,MACA,eAAA;AAAA,MACA,eAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}