@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
3 lines (2 loc) • 2.03 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("@dialpad/dialtone-icons/vue3"),r=require("../../common/utils/index.cjs"),e=require("vue"),d=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),u=require("../button/button.cjs"),_={compatConfig:{MODE:3},name:"PopoverHeaderFooter",components:{DtButton:u.default,DtIconClose:a.DtIconClose},props:{type:{type:String,validator:function(o){return["header","footer"].includes(o)}},contentClass:{type:[String,Array,Object],default:""},showCloseButton:{type:Boolean,default:!1},closeButtonProps:{type:Object,default:()=>{}}},emits:["close"],data(){return{hasSlotContent:r.hasSlotContent}},methods:{focusCloseButton(){var n;const o=r.returnFirstEl((n=this.$refs["popover__close-button"])==null?void 0:n.$el);o==null||o.focus()}}};function i(o,n,t,f,s,m){const c=e.resolveComponent("dt-icon-close"),l=e.resolveComponent("dt-button");return e.openBlock(),e.createElementBlock("div",{"data-qa":"dt-popover-header-footer",class:e.normalizeClass({"d-popover__header":t.type==="header","d-popover__footer":t.type==="footer"})},[s.hasSlotContent(o.$slots.content)?(e.openBlock(),e.createElementBlock("div",{key:0,"data-qa":"dt-popover-header-footer-content",class:e.normalizeClass([{"d-popover__header__content":t.type==="header","d-popover__footer__content":t.type==="footer"},t.contentClass])},[e.renderSlot(o.$slots,"content")],2)):e.createCommentVNode("",!0),t.showCloseButton?(e.openBlock(),e.createBlock(l,e.mergeProps({key:1,ref:"popover__close-button","data-qa":"dt-popover-close",class:{"d-popover__header__close-button":t.type==="header","d-popover__footer__close-button":t.type==="footer"},importance:"outlined",kind:"muted",circle:""},t.closeButtonProps,{onClick:n[0]||(n[0]=v=>o.$emit("close"))}),{icon:e.withCtx(()=>[e.createVNode(c,{size:"300"})]),_:1},16,["class"])):e.createCommentVNode("",!0)],2)}const p=d._(_,[["render",i]]);exports.default=p;
//# sourceMappingURL=popover-header-footer.cjs.map