{"version":3,"file":"popover-header-footer.cjs","sources":["../../../components/popover/popover_header_footer.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"dt-popover-header-footer\"\n    :class=\"{\n      'd-popover__header': type === 'header',\n      'd-popover__footer': type === 'footer',\n    }\"\n  >\n    <div\n      v-if=\"hasSlotContent($slots.content)\"\n      data-qa=\"dt-popover-header-footer-content\"\n      :class=\"[{\n        'd-popover__header__content': type === 'header',\n        'd-popover__footer__content': type === 'footer',\n      }, contentClass]\"\n    >\n      <!-- @slot Slot for main content -->\n      <slot name=\"content\" />\n    </div>\n    <dt-button\n      v-if=\"showCloseButton\"\n      ref=\"popover__close-button\"\n      data-qa=\"dt-popover-close\"\n      :class=\"{\n        'd-popover__header__close-button': type === 'header',\n        'd-popover__footer__close-button': type === 'footer',\n      }\"\n      importance=\"outlined\"\n      kind=\"muted\"\n      circle\n      v-bind=\"closeButtonProps\"\n      @click=\"$emit('close')\"\n    >\n      <template #icon>\n        <dt-icon-close\n          size=\"300\"\n        />\n      </template>\n    </dt-button>\n  </div>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue3';\nimport { hasSlotContent, returnFirstEl } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'PopoverHeaderFooter',\n  components: {\n    DtButton,\n    DtIconClose,\n  },\n\n  props: {\n    // eslint-disable-next-line vue/require-default-prop\n    type: {\n      type: String,\n      validator: function (value) {\n        return ['header', 'footer'].includes(value);\n      },\n    },\n\n    /**\n     * Additional class name for the content wrapper element.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Determines visibility for close button\n     * @values true, false\n     */\n    showCloseButton: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * A set of props to be passed into the popover's header close button.\n     * Requires an 'ariaLabel' property.\n     */\n    closeButtonProps: {\n      type: Object,\n      default: () => {},\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when popover is closed\n     *\n     * @event close\n     * @type { Boolean }\n     */\n    'close',\n  ],\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n\n  methods: {\n    focusCloseButton () {\n      const closeButton = returnFirstEl(this.$refs['popover__close-button']?.$el);\n      closeButton?.focus();\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtIconClose","value","hasSlotContent","closeButton","returnFirstEl","_a","_createElementBlock","_normalizeClass","$props","$data","_ctx","_renderSlot","_createCommentVNode","_openBlock","_createBlock","_component_dt_button","_mergeProps","_createVNode","_component_dt_icon_close"],"mappings":"mTA+CKA,EAAU,CACb,aAAc,CAAE,KAAM,CAAG,EACzB,KAAM,sBACN,WAAY,CACV,SAAAC,EAAQ,oBACRC,EAAW,WACZ,EAED,MAAO,CAEL,KAAM,CACJ,KAAM,OACN,UAAW,SAAUC,EAAO,CAC1B,MAAO,CAAC,SAAU,QAAQ,EAAE,SAASA,CAAK,CAC3C,CACF,EAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,EACV,EAMD,gBAAiB,CACf,KAAM,QACN,QAAS,EACV,EAMD,iBAAkB,CAChB,KAAM,OACN,QAAS,IAAM,CAAE,CAClB,CACF,EAED,MAAO,CAOL,OACD,EAED,MAAQ,CACN,MAAO,CACL,eAAAC,EAAc,eAEjB,EAED,QAAS,CACP,kBAAoB,OAClB,MAAMC,EAAcC,EAAAA,eAAcC,EAAA,KAAK,MAAM,uBAAuB,IAAlC,YAAAA,EAAqC,GAAG,EAC1EF,GAAA,MAAAA,EAAa,OACd,CACF,CACH,6HAhHEG,EAsCM,mBAAA,MAAA,CArCJ,UAAQ,2BACP,MAHLC,EAAAA,eAAA,qBAGyCC,EAAI,OAAA,6BAA0CA,EAAI,OAAA,aAM/EC,EAAc,eAACC,EAAM,OAAC,OAAO,iBADrCJ,EAUM,mBAAA,MAAA,CAlBV,IAAA,EAUM,UAAQ,mCACP,MAXPC,EAAA,eAAA,CAAA,8BAWuDC,EAAI,OAAA,sCAAqDA,EAAI,OAAA,UAAwBA,EAAY,YAAA,CAAA,IAMlJG,aAAuBD,EAAA,OAAA,SAAA,OAjB7BE,EAAA,mBAAA,GAAA,EAAA,EAoBYJ,EAAe,iBADvBK,EAAAA,YAAAC,EAAAA,YAmBYC,EAnBZC,aAmBY,CAtChB,IAAA,EAqBM,IAAI,wBACJ,UAAQ,mBACP,MAAK,mCAA+CR,EAAI,OAAA,2CAA0DA,EAAI,OAAA,UAIvH,WAAW,WACX,KAAK,QACL,OAAA,IACQA,EAAgB,iBAAA,CACvB,uBAAOE,EAAK,MAAA,OAAA,MAEF,eACT,IAEE,CAFFO,EAAAA,YAEEC,EAAA,CADA,KAAK,KAAK,CAAA,IAnCpB,EAAA,kBAAAN,EAAA,mBAAA,GAAA,EAAA"}