@pantograph/vue 0.32.4 → 0.32.6

package/dist/Dialog/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),I=require("class-variance-authority"),y=require("reka-ui"),u=require("@pantograph/utils-vue"),n=require("@pantograph/utils");require("clsx");const ge=require("../utils-BurtTDf8.js"),_=require("../IconButton.vue_vue_type_script_setup_true_lang-D3l2EAmu.js");require("../Blanket/index.umd.cjs");const P=require("es-toolkit"),q=require("../index-BOecemV4.js"),fe=require("@vueuse/core"),L=require("../Button.vue_vue_type_script_setup_true_lang-DuzKM6AI.js"),ye=require("../Blanket.vue_vue_type_style_index_0_lang-WQSz_s3C.js"),x=e.defineComponent({...n.getComponentOptions("DialogTitle"),__name:"DialogTitle",props:{class:{type:[Array,Object,String,Number,null,Boolean]},title:{}},setup(l){const h=e.useSlots(),c=l,t=()=>{var C;const i=(C=h.default)==null?void 0:C.call(h,{}),b=!u.isEmptyElement(i);if(b||c.title)return e.h(y.DialogTitle,{class:n.normCls(n.getBemElement(a,"title"),c.class)},()=>b?i:c.title)};return(i,b)=>(e.openBlock(),e.createBlock(t))}}),O=["sm","md","lg"],W=["modal","drawer"],R=["start","top","end","bottom"],he=["data-screen"],U={text:"Submit"},G={text:"Cancel",type:"ghost",color:"neutral"},K={keyboard:!0,openAutoFocus:!1,trapFocus:!1,closeOnClickOutside:!1,footer:void 0,open:!1,canFullScreen:!0,animated:!0,fullScreen:!1,width:"md",frameless:!1,closeable:!0,mask:!0,maskClosable:!0,screen:!0,type:"modal",side:"end",zIndex:1e3,asDrawerInMobile:!1,mobileDrawerMinHeight:void 0,mobileDrawerHeight:void 0,mobileDrawerMaxHeight:void 0,noBody:!1,headerCls:void 0,bodyCls:void 0,footerCls:void 0,swipeTriggerCls:void 0,swipeTrigger:void 0,okProps:()=>U,cancelProps:()=>G},a=n.getBemBlock("dialog"),E=e.defineComponent({...n.getComponentOptions("Dialog",!1),__name:"Dialog",props:e.mergeDefaults({wrapperStyle:{type:[Boolean,null,String,Object,Array]},style:{type:[Boolean,null,String,Object,Array]},contentStyle:{type:[Boolean,null,String,Object,Array]},noBody:{type:Boolean},keyboard:{type:Boolean},openAutoFocus:{type:Boolean},trapFocus:{type:Boolean},closeOnClickOutside:{type:Boolean},open:{type:Boolean},canFullScreen:{type:Boolean},fullScreen:{type:Boolean},minWidth:{},width:{},maxWidth:{},minHeight:{},height:{},maxHeight:{},title:{},description:{},frameless:{type:Boolean},footer:{type:[Boolean,null]},closeable:{type:Boolean},zIndex:{},okProps:{},cancelProps:{},mask:{type:Boolean},maskClosable:{type:Boolean},beforeClose:{type:Function},beforeCloseDebugger:{type:Boolean},to:{type:[String,Function]},animated:{type:[Boolean,String]},type:{},asDrawerInMobile:{type:Boolean},mobileDrawerMinHeight:{},mobileDrawerHeight:{},mobileDrawerMaxHeight:{},side:{},wrapperCls:{type:[Array,Object,String,Number,null,Boolean]},class:{type:[Array,Object,String,Number,null,Boolean]},blanketCls:{type:[Array,Object,String,Number,null,Boolean]},contentCls:{type:[Array,Object,String,Number,null,Boolean]},headerCls:{type:[Array,Object,String,Number,null,Boolean]},titleWrapperCls:{type:[Array,Object,String,Number,null,Boolean]},titleCls:{type:[Array,Object,String,Number,null,Boolean]},descriptionCls:{type:[Array,Object,String,Number,null,Boolean]},actionsCls:{type:[Array,Object,String,Number,null,Boolean]},bodyCls:{type:[Array,Object,String,Number,null,Boolean]},footerCls:{type:[Array,Object,String,Number,null,Boolean]},swipeTriggerCls:{type:[Array,Object,String,Number,null,Boolean]},screen:{type:Boolean},swipeTrigger:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},disableOutsidePointerEvents:{type:Boolean}},K),emits:["update:open","pointerDownOutside","escapeKeyDown","focusOutside","update:fullScreen","ok","cancel","close","openChange"],setup(l,{emit:h}){const c=h,t=l,i=e.useSlots(),b=e.useAttrs(),C=e.ref(),k=ge.getPopoverPortalProps({triggerRef:C,props:t}),S=u.useVModel(t,"open",c,{passive:t.open===void 0,onChange(o){o||c("close"),c("openChange",o)}}),B=async o=>{if(!o&&P.isFunction(t.beforeClose))try{const r=await t.beforeClose();if(t.beforeCloseDebugger&&console.info("beforeClose response",r),!r)return}catch(r){t.beforeCloseDebugger&&console.error("beforeClose error",r);return}S.value=o},g=u.useVModel(t,"fullScreen",c,{}),$=()=>{t.canFullScreen&&(g.value=!g.value)},Y=o=>{c("ok",o)},J=o=>{c("cancel",o)},Q=()=>{t.maskClosable&&B(!1)},X=I.cva(a,{variants:{frameless:n.generateVariantClassList("frameless",a),fullscreen:n.generateVariantClassList("fullscreen",a),width:n.generateVariantClassList([...O,"custom"],a),type:n.generateVariantClassList(W,a),side:n.generateVariantClassList(R,a)}}),A=n.getBemElement(a,"content"),Z=I.cva(A,{variants:{swiping:n.generateVariantClassList("swiping",A)}}),m=e.computed(()=>{let o=n.getValidNumber(t.width);return o!==void 0?o=`${o}px`:P.isString(t.width)&&!O.includes(t.width)&&(o=t.width),{widthVariant:o?"custom":t.width,minWidth:n.getPxSize(t.minWidth,!0),width:o,maxWidth:n.getPxSize(t.maxWidth,!0),minHeight:n.getPxSize(t.minHeight,!0),height:n.getPxSize(t.height,!0),maxHeight:n.getPxSize(t.maxHeight,!0),mobileDrawerMinHeight:n.getPxSize(t.mobileDrawerMinHeight,!0),mobileDrawerHeight:n.getPxSize(t.mobileDrawerHeight,!0),mobileDrawerMaxHeight:n.getPxSize(t.mobileDrawerMaxHeight,!0)}}),ee=()=>{var r;const o=(r=i.trigger)==null?void 0:r.call(i,{});if(!u.isEmptyElement(o))return e.h(y.DialogTrigger,{asChild:!0,ref:C},()=>o)},te=()=>{var r;const o=(r=i.beforeTitle)==null?void 0:r.call(i,{});if(!u.isEmptyElement(o))return o},oe=()=>{const o=()=>{var p;const d=(p=i.beforeActions)==null?void 0:p.call(i,{});if(!u.isEmptyElement(d))return d},r=()=>{const d=[];if(t.canFullScreen&&d.push(e.h(_._sfc_main,{icon:g.value?"tabler:arrows-minimize":"tabler:arrows-maximize",type:"ghost",color:"neutral",onClick:$})),t.closeable&&d.push(e.h(_._sfc_main,{icon:"tabler:x",type:"ghost",color:"neutral",onClick:()=>B(!1)})),d.length)return e.h(q._sfc_main,{gap:"sm"},()=>d)},s=o(),f=r();if(s||f)return e.h("div",{class:n.normCls(n.getBemElement(a,"actions"),t.actionsCls)},[s,f])},ne=()=>{var s;const o=(s=i.title)==null?void 0:s.call(i,{}),r=!u.isEmptyElement(o);if(t.title||r)return e.h(x,{class:t.titleCls},()=>r?o:t.title)},re=()=>{var s;const o=(s=i.description)==null?void 0:s.call(i,{}),r=!u.isEmptyElement(o);if(t.description||r)return e.h(y.DialogDescription,{class:n.normCls(n.getBemElement(a,"description"),"paragraph",t.descriptionCls)},()=>r?o:t.description)},ie=()=>{const o=oe(),r=te();if(t.frameless)return o;const s=()=>{const p=ne();if(p||o||r)return e.h("div",{class:n.normCls(n.getBemElement(a,"title_wrapper"),t.titleWrapperCls)},[r,p,o])},f=re(),d=s();if(d||f)return e.h("div",{class:n.normCls(n.getBemElement(a,"header"),t.headerCls)},[d,f])},le=()=>{var V,z;const o=(V=i.footer)==null?void 0:V.call(i,{}),r=!u.isEmptyElement(o),s=(z=i.beforeFooterActions)==null?void 0:z.call(i,{}),f=!u.isEmptyElement(s);if(t.footer!==void 0&&!t.footer)return null;const p=r?o:(()=>{var H,j;const v=[];(H=t.cancelProps)!=null&&H.hide||v.push(e.h(L._sfc_main,{...G,...t.cancelProps??{},onClick:J},{default:i.cancel,preIcon:i.cancelPreIcon,postIcon:i.cancelPostIcon})),(j=t.okProps)!=null&&j.hide||v.push(e.h(L._sfc_main,{...U,...t.okProps??{},onClick:Y},{default:i.ok,preIcon:i.okPreIcon,postIcon:i.okPostIcon}));const D=[];if(f&&D.push(s),v.length&&D.push(e.h(q._sfc_main,{gap:"sm"},()=>v)),D.length)return D})();if(p)return e.h("div",{class:n.normCls(n.getBemElement(a,"footer"),t.footerCls)},p)},ae=()=>{var r;const o=(r=i.default)==null?void 0:r.call(i,{});if(!u.isEmptyElement(o))return t.noBody?o:e.h("div",{class:n.normCls(n.getBemElement(a,"body"),t.bodyCls)},o)},se=e.computed(()=>{if(t.animated&&P.isString(t.animated))return t.animated;if(t.type==="modal")return n.getBemModifier(a,"fade");switch(t.side){case"start":case"end":return n.getBemModifier(a,"side-x");case"bottom":case"top":return n.getBemModifier(a,"side-y")}}),ce=e.computed(()=>{switch(t.side){case"start":case"top":return-1;case"bottom":case"end":return 1}}),w=e.computed(()=>!g.value&&m.value.widthVariant!=="custom"&&!(t.type==="drawer"&&["top","bottom"].includes(t.side))),T=e.ref(),{isSwiping:M,direction:N,distanceY:F}=fe.usePointerSwipe(T,{disableTextSelect:!0,threshold:50,onSwipeEnd(){t.type==="drawer"&&t.closeable&&(t.side==="bottom"&&N.value==="down"||t.side==="top"&&N.value==="up")&&B(!1)}}),ue=e.computed(()=>{if(!M.value||t.type!=="drawer"||!["top","bottom"].includes(t.side))return;const o=Math.min(Math.abs(F.value)/100,1);let r=-F.value*o*.6;return t.side==="top"?r=Math.min(0,r):r=Math.max(0,r),r}),de=o=>{(!t.keyboard||!t.open)&&(o.preventDefault(),o.stopPropagation()),t.open&&c("escapeKeyDown",o)},me=o=>{t.openAutoFocus||(o.preventDefault(),o.stopPropagation())},pe=o=>{(!t.closeOnClickOutside||!t.open)&&(o.preventDefault(),o.stopPropagation())};return(o,r)=>(e.openBlock(),e.createBlock(e.unref(y.DialogRoot),{open:e.unref(S),"onUpdate:open":B,modal:l.trapFocus},{default:e.withCtx(()=>[e.createVNode(ee),e.createVNode(e.unref(y.DialogPortal),e.normalizeProps(e.guardReactiveProps(e.unref(k))),{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:se.value,css:!!l.animated,duration:l.type==="drawer"?250:200},{default:e.withCtx(()=>[e.unref(k).forceMount||e.unref(S)?(e.openBlock(),e.createBlock(e.unref(y.Primitive),e.mergeProps({"as-child":!w.value||!l.screen,key:String(!w.value||!l.screen),class:{[e.unref(n.normCls)("pc_grid",e.unref(n.getBemElement)(e.unref(a),"wrapper"),l.wrapperCls)]:w.value&&l.screen,[e.unref(n.getBemModifier)(e.unref(a),"as-drawer-in-mobile")]:t.type==="modal"&&l.asDrawerInMobile}},e.unref(b),{style:{zIndex:l.zIndex,"--ptc-dialog-transform":l.fullScreen||l.type==="modal"?"20px":"100%","--ptc-dialog-transform-ratio":ce.value,...e.unref(n.getStyleObject)(w.value&&l.screen?l.wrapperStyle:{})}}),{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{"data-screen":l.screen?"":void 0,class:e.normalizeClass(e.unref(n.normCls)({pc_grid__container:w.value},e.unref(X)({frameless:l.frameless,fullscreen:e.unref(g),width:m.value.widthVariant,type:l.type,side:l.side}),t.class)),style:e.normalizeStyle({"--ptc-dialog-w":m.value.width,"--ptc-dialog-min-h":m.value.minHeight,"--ptc-dialog-h":m.value.height,"--ptc-dialog-max-h":m.value.maxHeight,"--ptc-dialog-mobile-drawer-min-h":m.value.mobileDrawerMinHeight,"--ptc-dialog-mobile-drawer-h":m.value.mobileDrawerHeight,"--ptc-dialog-mobile-drawer-max-h":m.value.mobileDrawerMaxHeight,...e.unref(n.getStyleObject)(l.style)})},[!e.unref(g)&&l.mask?(e.openBlock(),e.createBlock(e.unref(ye._sfc_main),{key:0,onClick:Q,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(a),"blanket"),l.blanketCls)),screen:!1},null,8,["class"])):e.createCommentVNode("",!0),e.createVNode(e.unref(y.DialogContent),{forceMount:e.unref(k).forceMount,onInteractOutside:pe,onOpenAutoFocus:me,onEscapeKeyDown:de,onPointerDownOutside:r[0]||(r[0]=s=>c("pointerDownOutside",s)),onFocusOutside:r[1]||(r[1]=s=>c("focusOutside",s)),class:e.normalizeClass(e.unref(n.normCls)(e.unref(Z)({swiping:e.unref(M)}),l.contentCls)),style:e.normalizeStyle({"--ptc-dialog-swipe-transform":ue.value,...e.unref(n.getStyleObject)(l.contentStyle)})},{default:e.withCtx(()=>[e.createVNode(ie),e.createVNode(ae),e.createVNode(le),t.swipeTrigger&&l.type==="drawer"&&["top","bottom"].includes(t.side)&&!e.unref(g)?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"swipeTrigger",ref:T,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(a),"swipe_trigger"),l.swipeTriggerCls))},null,2)):e.createCommentVNode("",!0)]),_:1},8,["forceMount","class","style"])],14,he),[[e.vShow,e.unref(S)]])]),_:1},16,["as-child","class","style"])):e.createCommentVNode("",!0)]),_:1},8,["name","css","duration"])]),_:1},16)]),_:1},8,["open","modal"]))}}),be=u.installComponent(E,n.getComponentName("Dialog")),Ce=u.installComponent(x,n.getComponentName("DialogTitle"));exports.DIALOG_DEFAULT_PROPS=K;exports.Dialog=E;exports.DialogDrawerSides=R;exports.DialogPlugin=be;exports.DialogSizes=O;exports.DialogTitle=x;exports.DialogTitlePlugin=Ce;exports.DialogTypes=W;exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),j=require("class-variance-authority"),y=require("reka-ui"),u=require("@pantograph/utils-vue"),n=require("@pantograph/utils");require("clsx");const q=require("../utils-CCymYPFY.js"),L=require("../IconButton.vue_vue_type_script_setup_true_lang-D3l2EAmu.js");require("../Blanket/index.umd.cjs");const k=require("es-toolkit"),W=require("../index-BOecemV4.js"),Ce=require("@vueuse/core"),R=require("../Button.vue_vue_type_script_setup_true_lang-DuzKM6AI.js"),we=require("../Blanket.vue_vue_type_style_index_0_lang-WQSz_s3C.js"),x=e.defineComponent({...n.getComponentOptions("DialogTitle"),__name:"DialogTitle",props:{class:{type:[Array,Object,String,Number,null,Boolean]},title:{}},setup(l){const h=e.useSlots(),c=l,t=()=>{var C;const i=(C=h.default)==null?void 0:C.call(h,{}),b=!u.isEmptyElement(i);if(b||c.title)return e.h(y.DialogTitle,{class:n.normCls(n.getBemElement(a,"title"),c.class)},()=>b?i:c.title)};return(i,b)=>(e.openBlock(),e.createBlock(t))}}),O=["sm","md","lg"],U=["modal","drawer"],G=["start","top","end","bottom"],Be=["data-screen"],K={text:"Submit"},$={text:"Cancel",type:"ghost",color:"neutral"},Y={renderPopupsInContent:!0,keyboard:!0,openAutoFocus:!1,trapFocus:!1,closeOnClickOutside:!1,footer:void 0,open:!1,canFullScreen:!0,animated:!0,fullScreen:!1,width:"md",frameless:!1,closeable:!0,mask:!0,maskClosable:!0,screen:!0,type:"modal",side:"end",zIndex:1e3,asDrawerInMobile:!1,mobileDrawerMinHeight:void 0,mobileDrawerHeight:void 0,mobileDrawerMaxHeight:void 0,noBody:!1,headerCls:void 0,bodyCls:void 0,footerCls:void 0,swipeTriggerCls:void 0,swipeTrigger:void 0,okProps:()=>K,cancelProps:()=>$},a=n.getBemBlock("dialog"),T=e.defineComponent({...n.getComponentOptions("Dialog",!1),__name:"Dialog",props:e.mergeDefaults({wrapperStyle:{type:[Boolean,null,String,Object,Array]},style:{type:[Boolean,null,String,Object,Array]},contentStyle:{type:[Boolean,null,String,Object,Array]},noBody:{type:Boolean},keyboard:{type:Boolean},openAutoFocus:{type:Boolean},trapFocus:{type:Boolean},closeOnClickOutside:{type:Boolean},open:{type:Boolean},canFullScreen:{type:Boolean},fullScreen:{type:Boolean},minWidth:{},width:{},maxWidth:{},minHeight:{},height:{},maxHeight:{},title:{},description:{},frameless:{type:Boolean},footer:{type:[Boolean,null]},closeable:{type:Boolean},zIndex:{},okProps:{},cancelProps:{},mask:{type:Boolean},maskClosable:{type:Boolean},beforeClose:{type:Function},beforeCloseDebugger:{type:Boolean},to:{type:[String,Function]},animated:{type:[Boolean,String]},type:{},asDrawerInMobile:{type:Boolean},mobileDrawerMinHeight:{},mobileDrawerHeight:{},mobileDrawerMaxHeight:{},side:{},wrapperCls:{type:[Array,Object,String,Number,null,Boolean]},class:{type:[Array,Object,String,Number,null,Boolean]},blanketCls:{type:[Array,Object,String,Number,null,Boolean]},contentCls:{type:[Array,Object,String,Number,null,Boolean]},headerCls:{type:[Array,Object,String,Number,null,Boolean]},titleWrapperCls:{type:[Array,Object,String,Number,null,Boolean]},titleCls:{type:[Array,Object,String,Number,null,Boolean]},descriptionCls:{type:[Array,Object,String,Number,null,Boolean]},actionsCls:{type:[Array,Object,String,Number,null,Boolean]},bodyCls:{type:[Array,Object,String,Number,null,Boolean]},footerCls:{type:[Array,Object,String,Number,null,Boolean]},swipeTriggerCls:{type:[Array,Object,String,Number,null,Boolean]},screen:{type:Boolean},swipeTrigger:{type:Boolean},renderPopupsInContent:{type:Boolean},renderPopupsInTo:{type:Boolean},ignoreParentTo:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},disableOutsidePointerEvents:{type:Boolean}},Y),emits:["update:open","pointerDownOutside","escapeKeyDown","focusOutside","update:fullScreen","ok","cancel","close","openChange","afterClose","afterOpen"],setup(l,{emit:h}){const c=h,t=l,i=e.useSlots(),b=e.useAttrs(),C=e.ref(),B=q.getPopoverPortalProps({triggerRef:C,props:t}),S=u.useVModel(t,"open",c,{passive:t.open===void 0,onChange(o){o||c("close"),c("openChange",o)}}),v=async o=>{if(!o&&k.isFunction(t.beforeClose))try{const r=await t.beforeClose();if(t.beforeCloseDebugger&&console.info("beforeClose response",r),!r)return}catch(r){t.beforeCloseDebugger&&console.error("beforeClose error",r);return}S.value=o},f=u.useVModel(t,"fullScreen",c,{}),J=()=>{t.canFullScreen&&(f.value=!f.value)},Q=o=>{c("ok",o)},X=o=>{c("cancel",o)},Z=()=>{t.maskClosable&&v(!1)},ee=j.cva(a,{variants:{frameless:n.generateVariantClassList("frameless",a),fullscreen:n.generateVariantClassList("fullscreen",a),width:n.generateVariantClassList([...O,"custom"],a),type:n.generateVariantClassList(U,a),side:n.generateVariantClassList(G,a)}}),A=n.getBemElement(a,"content"),te=j.cva(A,{variants:{swiping:n.generateVariantClassList("swiping",A)}}),p=e.computed(()=>{let o=n.getValidNumber(t.width);return o!==void 0?o=`${o}px`:k.isString(t.width)&&!O.includes(t.width)&&(o=t.width),{widthVariant:o?"custom":t.width,minWidth:n.getPxSize(t.minWidth,!0),width:o,maxWidth:n.getPxSize(t.maxWidth,!0),minHeight:n.getPxSize(t.minHeight,!0),height:n.getPxSize(t.height,!0),maxHeight:n.getPxSize(t.maxHeight,!0),mobileDrawerMinHeight:n.getPxSize(t.mobileDrawerMinHeight,!0),mobileDrawerHeight:n.getPxSize(t.mobileDrawerHeight,!0),mobileDrawerMaxHeight:n.getPxSize(t.mobileDrawerMaxHeight,!0)}}),oe=()=>{var r;const o=(r=i.trigger)==null?void 0:r.call(i,{});if(!u.isEmptyElement(o))return e.h(y.DialogTrigger,{asChild:!0,ref:C},()=>o)},ne=()=>{var r;const o=(r=i.beforeTitle)==null?void 0:r.call(i,{});if(!u.isEmptyElement(o))return o},re=()=>{const o=()=>{var m;const d=(m=i.beforeActions)==null?void 0:m.call(i,{});if(!u.isEmptyElement(d))return d},r=()=>{const d=[];if(t.canFullScreen&&d.push(e.h(L._sfc_main,{icon:f.value?"tabler:arrows-minimize":"tabler:arrows-maximize",type:"ghost",color:"neutral",onClick:J})),t.closeable&&d.push(e.h(L._sfc_main,{icon:"tabler:x",type:"ghost",color:"neutral",onClick:()=>v(!1)})),d.length)return e.h(W._sfc_main,{gap:"sm"},()=>d)},s=o(),g=r();if(s||g)return e.h("div",{class:n.normCls(n.getBemElement(a,"actions"),t.actionsCls)},[s,g])},ie=()=>{var s;const o=(s=i.title)==null?void 0:s.call(i,{}),r=!u.isEmptyElement(o);if(t.title||r)return e.h(x,{class:t.titleCls},()=>r?o:t.title)},le=()=>{var s;const o=(s=i.description)==null?void 0:s.call(i,{}),r=!u.isEmptyElement(o);if(t.description||r)return e.h(y.DialogDescription,{class:n.normCls(n.getBemElement(a,"description"),"paragraph",t.descriptionCls)},()=>r?o:t.description)},ae=()=>{const o=re(),r=ne();if(t.frameless)return o;const s=()=>{const m=ie();if(m||o||r)return e.h("div",{class:n.normCls(n.getBemElement(a,"title_wrapper"),t.titleWrapperCls)},[r,m,o])},g=le(),d=s();if(d||g)return e.h("div",{class:n.normCls(n.getBemElement(a,"header"),t.headerCls)},[d,g])},se=()=>{var V,z;const o=(V=i.footer)==null?void 0:V.call(i,{}),r=!u.isEmptyElement(o),s=(z=i.beforeFooterActions)==null?void 0:z.call(i,{}),g=!u.isEmptyElement(s);if(t.footer!==void 0&&!t.footer)return null;const m=r?o:(()=>{var H,_;const D=[];(H=t.cancelProps)!=null&&H.hide||D.push(e.h(R._sfc_main,{...$,...t.cancelProps??{},onClick:X},{default:i.cancel,preIcon:i.cancelPreIcon,postIcon:i.cancelPostIcon})),(_=t.okProps)!=null&&_.hide||D.push(e.h(R._sfc_main,{...K,...t.okProps??{},onClick:Q},{default:i.ok,preIcon:i.okPreIcon,postIcon:i.okPostIcon}));const P=[];if(g&&P.push(s),D.length&&P.push(e.h(W._sfc_main,{gap:"sm"},()=>D)),P.length)return P})();if(m)return e.h("div",{class:n.normCls(n.getBemElement(a,"footer"),t.footerCls)},m)},ce=()=>{var r;const o=(r=i.default)==null?void 0:r.call(i,{});if(!u.isEmptyElement(o))return t.noBody?o:e.h("div",{class:n.normCls(n.getBemElement(a,"body"),t.bodyCls)},o)},ue=e.computed(()=>{if(t.animated&&k.isString(t.animated))return t.animated;if(t.type==="modal")return n.getBemModifier(a,"fade");switch(t.side){case"start":case"end":return n.getBemModifier(a,"side-x");case"bottom":case"top":return n.getBemModifier(a,"side-y")}}),de=e.computed(()=>{switch(t.side){case"start":case"top":return-1;case"bottom":case"end":return 1}}),w=e.computed(()=>!f.value&&p.value.widthVariant!=="custom"&&!(t.type==="drawer"&&["top","bottom"].includes(t.side))),E=e.ref(),{isSwiping:M,direction:N,distanceY:F}=Ce.usePointerSwipe(E,{disableTextSelect:!0,threshold:50,onSwipeEnd(){t.type==="drawer"&&t.closeable&&(t.side==="bottom"&&N.value==="down"||t.side==="top"&&N.value==="up")&&v(!1)}}),pe=e.computed(()=>{if(!M.value||t.type!=="drawer"||!["top","bottom"].includes(t.side))return;const o=Math.min(Math.abs(F.value)/100,1);let r=-F.value*o*.6;return t.side==="top"?r=Math.min(0,r):r=Math.max(0,r),r}),me=e.computed(()=>t.animated?t.type==="drawer"?250:200:0),fe=()=>c("afterClose"),ge=()=>c("afterOpen"),ye=o=>{(!t.keyboard||!t.open)&&(o.preventDefault(),o.stopPropagation()),t.open&&c("escapeKeyDown",o)},he=o=>{t.openAutoFocus||(o.preventDefault(),o.stopPropagation())},be=o=>{(!t.closeOnClickOutside||!t.open)&&(o.preventDefault(),o.stopPropagation())},I=e.ref();return(t.renderPopupsInContent||t.renderPopupsInTo)&&q.providePopupContext({to:e.computed(()=>{if(t.renderPopupsInContent)return I.value;if(t.renderPopupsInTo)return B.value.to})}),(o,r)=>(e.openBlock(),e.createBlock(e.unref(y.DialogRoot),{open:e.unref(S),"onUpdate:open":v,modal:l.trapFocus},{default:e.withCtx(()=>[e.createVNode(oe),e.createVNode(e.unref(y.DialogPortal),e.normalizeProps(e.guardReactiveProps(e.unref(B))),{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:ue.value,css:!!l.animated,duration:me.value,onAfterEnter:ge,onAfterLeave:fe},{default:e.withCtx(()=>[e.unref(B).forceMount||e.unref(S)?(e.openBlock(),e.createBlock(e.unref(y.Primitive),e.mergeProps({"as-child":!w.value||!l.screen,key:String(!w.value||!l.screen),class:{[e.unref(n.normCls)("pc_grid",e.unref(n.getBemElement)(e.unref(a),"wrapper"),l.wrapperCls)]:w.value&&l.screen,[e.unref(n.getBemModifier)(e.unref(a),"as-drawer-in-mobile")]:t.type==="modal"&&l.asDrawerInMobile}},e.unref(b),{style:{zIndex:l.zIndex,"--ptc-dialog-transform":l.fullScreen||l.type==="modal"?"20px":"100%","--ptc-dialog-transform-ratio":de.value,...e.unref(n.getStyleObject)(w.value&&l.screen?l.wrapperStyle:{})}}),{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"content",ref:I,"data-screen":l.screen?"":void 0,class:e.normalizeClass(e.unref(n.normCls)({pc_grid__container:w.value},e.unref(ee)({frameless:l.frameless,fullscreen:e.unref(f),width:p.value.widthVariant,type:l.type,side:l.side}),t.class)),style:e.normalizeStyle({"--ptc-dialog-w":p.value.width,"--ptc-dialog-min-h":p.value.minHeight,"--ptc-dialog-h":p.value.height,"--ptc-dialog-max-h":p.value.maxHeight,"--ptc-dialog-mobile-drawer-min-h":p.value.mobileDrawerMinHeight,"--ptc-dialog-mobile-drawer-h":p.value.mobileDrawerHeight,"--ptc-dialog-mobile-drawer-max-h":p.value.mobileDrawerMaxHeight,...e.unref(n.getStyleObject)(l.style)})},[!e.unref(f)&&l.mask?(e.openBlock(),e.createBlock(e.unref(we._sfc_main),{key:0,onClick:Z,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(a),"blanket"),l.blanketCls)),screen:!1},null,8,["class"])):e.createCommentVNode("",!0),e.createVNode(e.unref(y.DialogContent),{forceMount:e.unref(B).forceMount,onInteractOutside:be,onOpenAutoFocus:he,onEscapeKeyDown:ye,onPointerDownOutside:r[0]||(r[0]=s=>c("pointerDownOutside",s)),onFocusOutside:r[1]||(r[1]=s=>c("focusOutside",s)),class:e.normalizeClass(e.unref(n.normCls)(e.unref(te)({swiping:e.unref(M)}),l.contentCls)),style:e.normalizeStyle({"--ptc-dialog-swipe-transform":pe.value,...e.unref(n.getStyleObject)(l.contentStyle)})},{default:e.withCtx(()=>[e.createVNode(ae),e.createVNode(ce),e.createVNode(se),t.swipeTrigger&&l.type==="drawer"&&["top","bottom"].includes(t.side)&&!e.unref(f)?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"swipeTrigger",ref:E,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(a),"swipe_trigger"),l.swipeTriggerCls))},null,2)):e.createCommentVNode("",!0)]),_:1},8,["forceMount","class","style"])],14,Be),[[e.vShow,e.unref(S)]])]),_:1},16,["as-child","class","style"])):e.createCommentVNode("",!0)]),_:1},8,["name","css","duration"])]),_:1},16)]),_:1},8,["open","modal"]))}}),Se=u.installComponent(T,n.getComponentName("Dialog")),ve=u.installComponent(x,n.getComponentName("DialogTitle"));exports.DIALOG_DEFAULT_PROPS=Y;exports.Dialog=T;exports.DialogDrawerSides=G;exports.DialogPlugin=Se;exports.DialogSizes=O;exports.DialogTitle=x;exports.DialogTitlePlugin=ve;exports.DialogTypes=U;exports.default=T;

package/dist/Drawer/Drawer.d.ts

@@ -1,17 +1,33 @@
 import { DialogSlots, DialogProps, DialogEmits } from '../Dialog';
 /**
- * Props for the Drawer component
- * Omitting 'type' and 'asDrawerInMobile' as they are set internally
+ * Props interface for the Drawer component.
+ *
+ * Extends DialogProps while omitting 'type' and 'asDrawerInMobile' properties
+ * as they are set internally to create a drawer-specific dialog. Also omits
+ * mobile-specific drawer properties that are handled internally.
+ *
+ * @interface DrawerProps
+ * @extends Omit<DialogProps, 'type' | 'asDrawerInMobile' | 'mobileDrawerMinHeight' | 'mobileDrawerHeight' | 'mobileDrawerMaxHeight'>
  */
 export type DrawerProps = Omit<DialogProps, 'type' | 'asDrawerInMobile' | 'mobileDrawerMinHeight' | 'mobileDrawerHeight' | 'mobileDrawerMaxHeight'>;
 /**
- * Slots for the Drawer component
- * Inherits all slots from Dialog component
+ * Slots interface for the Drawer component.
+ *
+ * Inherits all slots from Dialog component, providing the same
+ * customization options for drawer content.
+ *
+ * @interface DrawerSlots
+ * @extends DialogSlots
  */
 export type DrawerSlots = DialogSlots;
 /**
- * Emits for the Drawer component
- * Inherits all emits from Dialog component
+ * Emits interface for the Drawer component.
+ *
+ * Inherits all emits from Dialog component, providing the same
+ * event handling capabilities for drawer interactions.
+ *
+ * @interface DrawerEmits
+ * @extends DialogEmits
  */
 export type DrawerEmits = DialogEmits;
 export declare const DRAWER_DEFAULT_PROPS: {
@@ -23,6 +39,7 @@ export declare const DRAWER_DEFAULT_PROPS: {
     readonly openAutoFocus: false;
     readonly side: "end";
     readonly zIndex: 1000;
+    readonly renderPopupsInContent: true;
     readonly screen: true;
     readonly closeable: true;
     readonly bodyCls: undefined;
@@ -48,25 +65,29 @@ export declare const DRAWER_DEFAULT_PROPS: {
     readonly swipeTrigger: undefined;
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<DrawerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    cancel: (event: Event) => any;
+    cancel: (event?: PointerEvent | undefined) => any;
     close: () => any;
     openChange: (value?: boolean | null | undefined) => any;
     "update:open": (value: boolean) => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
     pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
     focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
-    ok: (event: Event) => any;
+    ok: (event?: PointerEvent | undefined) => any;
     "update:fullScreen": (value: boolean) => any;
+    afterClose: () => any;
+    afterOpen: () => any;
 }, string, import('vue').PublicProps, Readonly<DrawerProps> & Readonly<{
-    onCancel?: ((event: Event) => any) | undefined;
+    onCancel?: ((event?: PointerEvent | undefined) => any) | undefined;
     onClose?: (() => any) | undefined;
     onOpenChange?: ((value?: boolean | null | undefined) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
-    onOk?: ((event: Event) => any) | undefined;
+    onOk?: ((event?: PointerEvent | undefined) => any) | undefined;
     "onUpdate:fullScreen"?: ((value: boolean) => any) | undefined;
+    onAfterClose?: (() => any) | undefined;
+    onAfterOpen?: (() => any) | undefined;
 }>, {
     footer: false | null;
     mask: boolean;
@@ -76,6 +97,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Dr
     openAutoFocus: boolean;
     side: import('..').DialogDrawerSide;
     zIndex: number;
+    renderPopupsInContent: boolean;
     screen: boolean;
     closeable: boolean;
     bodyCls: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | null;

package/dist/Drawer/index.js

@@ -1,5 +1,5 @@
-import { defineComponent as s, mergeDefaults as A, useAttrs as C, useSlots as i, computed as _, createBlock as p, openBlock as c, normalizeProps as r, guardReactiveProps as n, createSlots as j, renderList as h, withCtx as u, renderSlot as y } from "vue";
-import { DIALOG_DEFAULT_PROPS as N, Dialog as P, DialogTitle as k, DialogSizes as T, DialogDrawerSides as F } from "../Dialog/index.js";
+import { defineComponent as s, mergeDefaults as A, useAttrs as C, useSlots as i, computed as _, createBlock as p, openBlock as c, normalizeProps as r, guardReactiveProps as n, createSlots as j, renderList as P, withCtx as u, renderSlot as y } from "vue";
+import { DIALOG_DEFAULT_PROPS as h, Dialog as N, DialogTitle as T, DialogSizes as k, DialogDrawerSides as F } from "../Dialog/index.js";
 import { getComponentOptions as m, getComponentName as b } from "@pantograph/utils";
 import { useEmitAsProps as x } from "reka-ui";
 import { omit as g } from "es-toolkit";
@@ -11,7 +11,7 @@ const d = [
   "mobileDrawerHeight",
   "mobileDrawerMaxHeight"
 ], E = {
-  ...g(N, d)
+  ...g(h, d)
 }, H = /* @__PURE__ */ s({
   ...m("Drawer", !1),
   __name: "Drawer",
@@ -62,29 +62,32 @@ const d = [
     swipeTriggerCls: { type: [Array, Object, String, Number, null, Boolean] },
     screen: { type: Boolean },
     swipeTrigger: { type: Boolean },
+    renderPopupsInContent: { type: Boolean },
+    renderPopupsInTo: { type: Boolean },
+    ignoreParentTo: { type: Boolean },
     disabled: { type: Boolean },
     defer: { type: Boolean },
     forceMount: { type: Boolean },
     disableOutsidePointerEvents: { type: Boolean }
   }, E),
-  emits: ["update:open", "pointerDownOutside", "escapeKeyDown", "focusOutside", "update:fullScreen", "ok", "cancel", "close", "openChange"],
+  emits: ["update:open", "pointerDownOutside", "escapeKeyDown", "focusOutside", "update:fullScreen", "ok", "cancel", "close", "openChange", "afterClose", "afterOpen"],
   setup(e, { emit: t }) {
-    const o = e, l = C(), S = i(), D = x(t), f = _(() => ({
+    const o = e, l = C(), S = i(), f = x(t), D = _(() => ({
       ...g(l, d),
       ...o,
-      ...D,
+      ...f,
       type: "drawer"
     }));
-    return (w, $) => (c(), p(P, r(n(f.value)), j({ _: 2 }, [
-      h(Object.keys(S), (a) => ({
+    return (O, R) => (c(), p(N, r(n(D.value)), j({ _: 2 }, [
+      P(Object.keys(S), (a) => ({
         name: a,
-        fn: u((O) => [
-          y(w.$slots, a, r(n(O)))
+        fn: u((w) => [
+          y(O.$slots, a, r(n(w)))
         ])
       }))
     ]), 1040));
   }
-}), L = /* @__PURE__ */ s({
+}), I = /* @__PURE__ */ s({
   ...m("DrawerTitle"),
   __name: "DrawerTitle",
   props: {
@@ -94,20 +97,20 @@ const d = [
   setup(e) {
     i();
     const t = e;
-    return (o, l) => (c(), p(k, r(n(t)), {
+    return (o, l) => (c(), p(T, r(n(t)), {
       default: u(() => [
         y(o.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), G = T, K = F, q = B(H, b("Drawer")), J = B(L, b("DrawerTitle"));
+}), G = k, K = F, q = B(H, b("Drawer")), J = B(I, b("DrawerTitle"));
 export {
   H as Drawer,
   q as DrawerPlugin,
   K as DrawerSides,
   G as DrawerSizes,
-  L as DrawerTitle,
+  I as DrawerTitle,
   J as DrawerTitlePlugin,
   H as default
 };

package/dist/Drawer/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../Dialog/index.umd.cjs"),o=require("@pantograph/utils"),D=require("reka-ui"),p=require("es-toolkit"),u=require("@pantograph/utils-vue"),c=["type","asDrawerInMobile","mobileDrawerMinHeight","mobileDrawerHeight","mobileDrawerMaxHeight"],w={...p.omit(t.DIALOG_DEFAULT_PROPS,c)},a=e.defineComponent({...o.getComponentOptions("Drawer",!1),__name:"Drawer",props:e.mergeDefaults({wrapperStyle:{type:[Boolean,null,String,Object,Array]},style:{type:[Boolean,null,String,Object,Array]},contentStyle:{type:[Boolean,null,String,Object,Array]},noBody:{type:Boolean},keyboard:{type:Boolean},openAutoFocus:{type:Boolean},trapFocus:{type:Boolean},closeOnClickOutside:{type:Boolean},open:{type:Boolean},canFullScreen:{type:Boolean},fullScreen:{type:Boolean},minWidth:{},width:{},maxWidth:{},minHeight:{},height:{},maxHeight:{},title:{},description:{},frameless:{type:Boolean},footer:{type:[Boolean,null]},closeable:{type:Boolean},zIndex:{},okProps:{},cancelProps:{},mask:{type:Boolean},maskClosable:{type:Boolean},beforeClose:{type:Function},beforeCloseDebugger:{type:Boolean},to:{type:[String,Function]},animated:{type:[Boolean,String]},side:{},wrapperCls:{type:[Array,Object,String,Number,null,Boolean]},class:{type:[Array,Object,String,Number,null,Boolean]},blanketCls:{type:[Array,Object,String,Number,null,Boolean]},contentCls:{type:[Array,Object,String,Number,null,Boolean]},headerCls:{type:[Array,Object,String,Number,null,Boolean]},titleWrapperCls:{type:[Array,Object,String,Number,null,Boolean]},titleCls:{type:[Array,Object,String,Number,null,Boolean]},descriptionCls:{type:[Array,Object,String,Number,null,Boolean]},actionsCls:{type:[Array,Object,String,Number,null,Boolean]},bodyCls:{type:[Array,Object,String,Number,null,Boolean]},footerCls:{type:[Array,Object,String,Number,null,Boolean]},swipeTriggerCls:{type:[Array,Object,String,Number,null,Boolean]},screen:{type:Boolean},swipeTrigger:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},disableOutsidePointerEvents:{type:Boolean}},w),emits:["update:open","pointerDownOutside","escapeKeyDown","focusOutside","update:fullScreen","ok","cancel","close","openChange"],setup(r,{emit:n}){const l=r,s=e.useAttrs(),m=e.useSlots(),g=n,b=D.useEmitAsProps(g),d=e.computed(()=>({...p.omit(s,c),...l,...b,type:"drawer"}));return(B,P)=>(e.openBlock(),e.createBlock(t.Dialog,e.normalizeProps(e.guardReactiveProps(d.value)),e.createSlots({_:2},[e.renderList(Object.keys(m),i=>({name:i,fn:e.withCtx(S=>[e.renderSlot(B.$slots,i,e.normalizeProps(e.guardReactiveProps(S)))])}))]),1040))}}),y=e.defineComponent({...o.getComponentOptions("DrawerTitle"),__name:"DrawerTitle",props:{class:{type:[Array,Object,String,Number,null,Boolean]},title:{}},setup(r){e.useSlots();const n=r;return(l,s)=>(e.openBlock(),e.createBlock(t.DialogTitle,e.normalizeProps(e.guardReactiveProps(n)),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},16))}}),O=t.DialogSizes,C=t.DialogDrawerSides,A=u.installComponent(a,o.getComponentName("Drawer")),f=u.installComponent(y,o.getComponentName("DrawerTitle"));exports.Drawer=a;exports.DrawerPlugin=A;exports.DrawerSides=C;exports.DrawerSizes=O;exports.DrawerTitle=y;exports.DrawerTitlePlugin=f;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../Dialog/index.umd.cjs"),o=require("@pantograph/utils"),D=require("reka-ui"),p=require("es-toolkit"),u=require("@pantograph/utils-vue"),c=["type","asDrawerInMobile","mobileDrawerMinHeight","mobileDrawerHeight","mobileDrawerMaxHeight"],w={...p.omit(t.DIALOG_DEFAULT_PROPS,c)},a=e.defineComponent({...o.getComponentOptions("Drawer",!1),__name:"Drawer",props:e.mergeDefaults({wrapperStyle:{type:[Boolean,null,String,Object,Array]},style:{type:[Boolean,null,String,Object,Array]},contentStyle:{type:[Boolean,null,String,Object,Array]},noBody:{type:Boolean},keyboard:{type:Boolean},openAutoFocus:{type:Boolean},trapFocus:{type:Boolean},closeOnClickOutside:{type:Boolean},open:{type:Boolean},canFullScreen:{type:Boolean},fullScreen:{type:Boolean},minWidth:{},width:{},maxWidth:{},minHeight:{},height:{},maxHeight:{},title:{},description:{},frameless:{type:Boolean},footer:{type:[Boolean,null]},closeable:{type:Boolean},zIndex:{},okProps:{},cancelProps:{},mask:{type:Boolean},maskClosable:{type:Boolean},beforeClose:{type:Function},beforeCloseDebugger:{type:Boolean},to:{type:[String,Function]},animated:{type:[Boolean,String]},side:{},wrapperCls:{type:[Array,Object,String,Number,null,Boolean]},class:{type:[Array,Object,String,Number,null,Boolean]},blanketCls:{type:[Array,Object,String,Number,null,Boolean]},contentCls:{type:[Array,Object,String,Number,null,Boolean]},headerCls:{type:[Array,Object,String,Number,null,Boolean]},titleWrapperCls:{type:[Array,Object,String,Number,null,Boolean]},titleCls:{type:[Array,Object,String,Number,null,Boolean]},descriptionCls:{type:[Array,Object,String,Number,null,Boolean]},actionsCls:{type:[Array,Object,String,Number,null,Boolean]},bodyCls:{type:[Array,Object,String,Number,null,Boolean]},footerCls:{type:[Array,Object,String,Number,null,Boolean]},swipeTriggerCls:{type:[Array,Object,String,Number,null,Boolean]},screen:{type:Boolean},swipeTrigger:{type:Boolean},renderPopupsInContent:{type:Boolean},renderPopupsInTo:{type:Boolean},ignoreParentTo:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},disableOutsidePointerEvents:{type:Boolean}},w),emits:["update:open","pointerDownOutside","escapeKeyDown","focusOutside","update:fullScreen","ok","cancel","close","openChange","afterClose","afterOpen"],setup(r,{emit:n}){const l=r,s=e.useAttrs(),m=e.useSlots(),g=n,b=D.useEmitAsProps(g),B=e.computed(()=>({...p.omit(s,c),...l,...b,type:"drawer"}));return(d,P)=>(e.openBlock(),e.createBlock(t.Dialog,e.normalizeProps(e.guardReactiveProps(B.value)),e.createSlots({_:2},[e.renderList(Object.keys(m),i=>({name:i,fn:e.withCtx(S=>[e.renderSlot(d.$slots,i,e.normalizeProps(e.guardReactiveProps(S)))])}))]),1040))}}),y=e.defineComponent({...o.getComponentOptions("DrawerTitle"),__name:"DrawerTitle",props:{class:{type:[Array,Object,String,Number,null,Boolean]},title:{}},setup(r){e.useSlots();const n=r;return(l,s)=>(e.openBlock(),e.createBlock(t.DialogTitle,e.normalizeProps(e.guardReactiveProps(n)),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},16))}}),O=t.DialogSizes,C=t.DialogDrawerSides,A=u.installComponent(a,o.getComponentName("Drawer")),f=u.installComponent(y,o.getComponentName("DrawerTitle"));exports.Drawer=a;exports.DrawerPlugin=A;exports.DrawerSides=C;exports.DrawerSizes=O;exports.DrawerTitle=y;exports.DrawerTitlePlugin=f;exports.default=a;

package/dist/GOPicker/index.js

@@ -6,7 +6,7 @@ import { _ as we } from "../RadioGroup.vue_vue_type_script_setup_true_lang-CKst3
 import { _ as ke } from "../Input.vue_vue_type_script_setup_true_lang-Ga_3LDxv.js";
 import { _ as ne } from "../ColorTrigger.vue_vue_type_style_index_0_lang-C8fATI6R.js";
 import { _ as ye } from "../Empty.vue_vue_type_style_index_0_lang-yTn4EQKn.js";
-import { _ as J } from "../ColorSwatchGroup.vue_vue_type_style_index_0_lang-DDy2ee2d.js";
+import { _ as J } from "../ColorSwatchGroup.vue_vue_type_style_index_0_lang-_pCAmZ53.js";
 import { getBemElement as w, getBemBlock as me, getComponentOptions as he, normCls as x, getComponentName as fe } from "@pantograph/utils";
 import { _ as be } from "../Skeleton.vue_vue_type_style_index_0_lang-aI8FTL_w.js";
 import "../ScrollContainer/index.js";