@pantograph/vue 0.29.1 → 0.29.3

package/dist/Comment/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),h=require("@pantograph/utils-vue"),D=require("../Avatar.vue_vue_type_style_index_0_lang-BTweD2oV.js"),q=require("../Badge.vue_vue_type_script_setup_true_lang-DVt1axIK.js"),$=require("class-variance-authority"),j=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-Bd5AyEiC.js"),N=require("../Icon.vue_vue_type_style_index_0_lang-DQNF7GAr.js"),n=require("@pantograph/utils"),S=require("../IconButton.vue_vue_type_script_setup_true_lang-BJAoKnAC.js"),H=require("../ActionButton.vue_vue_type_script_setup_true_lang-C8hiCxZe.js"),A=require("../Upload.vue_vue_type_style_index_0_lang-CPgody1-.js"),U=require("reka-ui"),G=require("../Popover.vue_vue_type_style_index_0_lang-w-n010qN.js"),w=require("../MenuItem.vue_vue_type_style_index_0_lang-CpFi8orx.js"),K=require("../GOPicker.vue_vue_type_style_index_0_lang-BikulE0p.js"),W=require("../Combobox.vue_vue_type_style_index_0_lang-cmleh5Z8.js"),Q=require("../Divider.vue_vue_type_style_index_0_lang-D3wrVsBd.js"),J=require("../ScrollContainer.vue_vue_type_style_index_0_lang-DDjSsSEk.js"),X=require("../Shortcut.vue_vue_type_style_index_0_lang-G0VfMmkm.js"),Y=e.defineComponent({...n.getComponentOptions("CommentActions"),__name:"CommentActions",setup(m){const s=V(),r=e.ref(),t=e.ref(),p=()=>{s.emit("openActions",t.value)},l=()=>{s.emit("openReaction",r.value)},i=()=>{s.emit("reply")};return(u,o)=>e.unref(s).props.hasReaction||e.unref(s).props.hasEdit||e.unref(s).props.hasDelete?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(v),"actions"),e.unref(s).props.actionsCls))},[e.unref(s).props.hasReply?(e.openBlock(),e.createBlock(S._sfc_main,{key:0,icon:"tabler:corner-up-left",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:r,flipOnDir:"rtl",onClick:i},null,512)):e.createCommentVNode("",!0),e.unref(s).props.hasReaction?(e.openBlock(),e.createBlock(S._sfc_main,{key:1,icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:r,onPointerdown:o[0]||(o[0]=e.withModifiers(()=>{},["stop"])),onClick:l},null,512)):e.createCommentVNode("",!0),e.unref(s).props.hasEdit||e.unref(s).props.hasDelete?(e.openBlock(),e.createBlock(S._sfc_main,{key:2,icon:"tabler:dots-vertical",color:"neutral",type:"ghost",ref_key:"actionRef",ref:t,onPointerdown:o[1]||(o[1]=e.withModifiers(()=>{},["stop"])),onClick:p},null,512)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)}}),Z=e.defineComponent({...n.getComponentOptions("CommentReactions"),__name:"CommentReactions",setup(m){const s=V(),r=e.ref(),t=()=>{s.emit("openReaction",r.value)},p=l=>{l&&s.emit("reaction",l)};return(l,i)=>{var u;return e.unref(s).props.hasReaction&&((u=e.unref(s).props.reactions)!=null&&u.some(o=>o.count&&o.emoji))?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(v),"reactions"),e.unref(s).props.reactionsCls))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s).props.reactions,o=>(e.openBlock(),e.createBlock(H._sfc_main,{key:o==null?void 0:o.emoji,active:o==null?void 0:o.active,onClick:y=>p(o)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o==null?void 0:o.emoji)+" "+e.toDisplayString(o==null?void 0:o.count),1)]),_:2},1032,["active","onClick"]))),128)),e.createVNode(S._sfc_main,{icon:"tabler:mood-plus",color:"neutral",type:"outline",ref_key:"reactionRef",ref:r,onPointerdown:i[0]||(i[0]=e.withModifiers(()=>{},["stop"])),onClick:t},null,512)],2)):e.createCommentVNode("",!0)}}}),I=e.defineComponent({...n.getComponentOptions("CommentFileList"),__name:"CommentFileList",setup(m){const s=V(),r=()=>{var t;return e.h(A._sfc_main$1,{...s.props.uploadProps??{},ref:s.fileListRef,listType:"card",fileListCls:n.normCls(n.getBemElement(v,"file_list"),(t=s.props.uploadProps)==null?void 0:t.fileListCls)},s.slots)};return(t,p)=>{var l,i;return(i=(l=e.unref(s).props.uploadProps)==null?void 0:l.fileList)!=null&&i.length?(e.openBlock(),e.createBlock(r,{key:0})):e.createCommentVNode("",!0)}}}),v=n.getBemBlock("comment"),[V,M]=U.createContext("Comment"),ee=e.defineComponent({...n.getComponentOptions("Comment"),__name:"Comment",props:{class:{},headerCls:{},actionsCls:{},bodyCls:{},datetimeCls:{},uploadProps:{},contentCls:{},authorCls:{},repliesCls:{},headerContentCls:{},reactionsCls:{},repliesHeaderCls:{},repliesTitleCls:{},repliesContentCls:{},author:{},avatar:{},content:{},datetime:{},repliesCount:{},repliesTitle:{default:"Replies"},avatarProps:{},open:{type:Boolean,default:void 0},hasReaction:{type:Boolean,default:!0},hasEdit:{type:Boolean,default:!0},hasDelete:{type:Boolean,default:!0},hasReply:{type:Boolean,default:!0},reactions:{}},emits:["update:open","openActions","reaction","reply","openReaction"],setup(m,{emit:s}){const r=m,t=e.useSlots(),p=s,l=h.useVModel(r,"open",p,{passive:r.open===void 0}),i=()=>{var C;let c;const _=(C=t.author)==null?void 0:C.call(t,{});return!h.isEmptyElement(_)?c=_:c=r.author,c?e.h("div",{class:n.normCls(n.getBemElement(v,"author"),r.authorCls)},c):null},u=()=>{var C;let c;const _=(C=t.datetime)==null?void 0:C.call(t,{});return!h.isEmptyElement(_)?c=_:c=r.datetime,c?e.h("div",{class:n.normCls(n.getBemElement(v,"datetime"),r.datetimeCls)},c):null},o=()=>{var C,g;const c=(C=t.header)==null?void 0:C.call(t,{}),_=!h.isEmptyElement(c);let f;if(_)f=c;else{f=[];const E=(g=t.avatar)==null?void 0:g.call(t,{});!h.isEmptyElement(E)?f.push(E):r.avatar&&f.push(e.h(D._sfc_main,{...r.avatarProps??{},src:r.avatar}));const k=i(),P=u();(k||P)&&f.push(e.h("div",{class:n.normCls(n.getBemElement(v,"header__content"),r.headerContentCls)},[k,P])),f.length||(f=void 0)}return f?(f.push(e.h(Y)),e.h("div",{class:n.normCls(n.getBemElement(v,"header"),r.headerCls)},f)):null},y=()=>{var f;const c=(f=t.content)==null?void 0:f.call(t,{}),_=!h.isEmptyElement(c);if(_||r.content)return e.h("div",{class:n.normCls(n.getBemElement(v,"content"),r.contentCls,"paragraph"),innerHTML:_?void 0:r.content},_?c:void 0)},d=n.getBemElement(v,"replies"),B=$.cva(d,{variants:{open:n.generateVariantClassList("open",d)}}),R=()=>{var g;const c=(g=t.replies)==null?void 0:g.call(t,{}),_=!h.isEmptyElement(c),f=()=>{var k,P,x;const E=(k=t.repliesHeader)==null?void 0:k.call(t,{open:!!l.value}),a=[];if(!h.isEmptyElement(E))a.push(E);else{a.push(e.h(j._sfc_main,{size:"xsm",bg:"transparent",br:"transparent"},{default:()=>e.h(N._sfc_main,{icon:"tabler:chevron-down",class:n.getBemElement(d,"icon"),size:"2xsm"})}));const T=(P=t.repliesCount)==null?void 0:P.call(t,{}),F=!h.isEmptyElement(T),z=(x=t.repliesTitle)==null?void 0:x.call(t,{}),L=!h.isEmptyElement(z);let O;L?O=z:O=r.repliesTitle,a.push(e.h("div",{class:n.normCls(n.getBemElement(d,"title"),r.repliesTitleCls)},O)),(F||r.repliesCount)&&a.push(e.h(q._sfc_main,{color:"primary-subtle",text:r.repliesCount,size:"xsm"},{text:()=>T}))}return e.h("div",{class:n.normCls(n.getBemElement(d,"header"),r.repliesHeaderCls),onClick:()=>{l.value=!l.value}},a)},C=()=>{if(l.value)return[e.h("div",{class:n.normCls(n.getBemElement(d,"content"),r.repliesContentCls)},c),e.h("div",{class:n.getBemElement(d,"line")})]};return _?e.h("div",{class:n.normCls(B({open:!!l.value}),r.repliesCls)},[f(),C()]):null},b=e.ref();return M({emit:p,props:r,slots:t,fileListRef:b}),(c,_)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(v),r.class))},[e.createVNode(o),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(v),"body"),r.bodyCls))},[e.createVNode(y),e.createVNode(I),e.createVNode(Z),e.createVNode(R)],2)],2))}}),te=e.defineComponent({...n.getComponentOptions("CommentAction"),__name:"CommentAction",props:{hasEdit:{type:Boolean,default:!0},hasDelete:{type:Boolean,default:!0},editText:{default:"Edit"},deleteText:{default:"Delete"},defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},modal:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},sideOffset:{},sideFlip:{type:Boolean},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},dir:{},class:{},containerCls:{},containerClass:{},size:{},to:{},placement:{},reversePlacementOnDir:{},autoFocusInside:{type:Boolean},noPadding:{type:Boolean},zIndex:{},containerStyle:{},containerProps:{},useReferenceAttribute:{type:Boolean},noTrigger:{type:Boolean}},emits:["edit","delete","update:open"],setup(m,{emit:s}){const r=m,t=s,p=()=>{t("edit"),i.value=!1},l=()=>{t("delete"),i.value=!1},i=h.useVModel(r,"open",t,{passive:r.open===void 0});return(u,o)=>(e.openBlock(),e.createBlock(e.unref(G._sfc_main),e.mergeProps(r,{open:e.unref(i),"onUpdate:open":o[0]||(o[0]=y=>e.isRef(i)?i.value=y:null),placement:"bottom-end",sideOffset:3,openDelay:0}),{content:e.withCtx(()=>[e.createVNode(w._sfc_main,{style:{width:"114px"}},{default:e.withCtx(()=>[u.hasEdit?(e.openBlock(),e.createBlock(w._sfc_main$1,{key:"edit",title:u.editText,onClick:p},{leading:e.withCtx(({iconSize:y})=>[e.createVNode(N._sfc_main,{icon:"tabler:edit",size:y},null,8,["size"])]),_:1},8,["title"])):e.createCommentVNode("",!0),u.hasDelete?(e.openBlock(),e.createBlock(w._sfc_main$1,{key:"delete",title:u.deleteText,danger:"",onClick:l},{leading:e.withCtx(({iconSize:y})=>[e.createVNode(N._sfc_main,{icon:"tabler:trash",size:y},null,8,["size"])]),_:1},8,["title"])):e.createCommentVNode("",!0)]),_:1})]),_:1},16,["open"]))}}),oe=e.defineComponent({...n.getComponentOptions("CommentReaction"),__name:"CommentReaction",props:{reference:{},open:{type:Boolean,default:void 0},icons:{},emojis:{},group:{},modelValue:{},defaultValue:{},visibleTabs:{},noTrigger:{type:Boolean},noModel:{type:Boolean},hideClear:{type:Boolean},hideColor:{type:Boolean},hideGroup:{type:Boolean},hideIcons:{type:Boolean},hideEmojis:{type:Boolean},hideSearch:{type:Boolean},hideRandom:{type:Boolean},disabled:{type:Boolean},borderless:{type:Boolean},popoverProps:{},colorPopoverProps:{},fgColorSwatchGroupProps:{},bgColorSwatchGroupProps:{},brColorSwatchGroupProps:{},visibleColorPickers:{},contentCls:{},headerCls:{},groupCls:{},searchCls:{},colorsCls:{},emptyCls:{},gridCls:{},scrollContainerProps:{},size:{},id:{},resetColorsOnChangeType:{}},emits:["reaction","update:open"],setup(m,{emit:s}){const r=m,t=s,p=i=>{t("reaction",i.value),l.value=!1},l=h.useVModel(r,"open",t,{passive:r.open===void 0});return(i,u)=>(e.openBlock(),e.createBlock(e.unref(K._sfc_main),e.mergeProps(r,{noTrigger:"",hideClear:"",hideGroup:"",hideIcons:"",hideRandom:"",group:"emoji",popoverProps:{...i.popoverProps??{},reference:i.reference},placement:"bottom-end",visibleColorPickers:[],noModel:"",onSelect:p,open:e.unref(l),"onUpdate:open":u[0]||(u[0]=o=>e.isRef(l)?l.value=o:null)}),null,16,["popoverProps","open"]))}}),ne=e.defineComponent({...n.getComponentOptions("CommentMention"),__name:"CommentMention",props:{modelValue:{},defaultValue:{},multiple:{type:Boolean},disabled:{type:Boolean},highlightOnHover:{type:Boolean},resetSearchTermOnBlur:{type:Boolean},resetSearchTermOnSelect:{type:Boolean},size:{},status:{},noValueOnPlaceholder:{type:Boolean},zIndex:{},checkbox:{type:Boolean},tagRenderMode:{},getTagProps:{type:Function},tree:{type:Boolean},treeProps:{},contentFit:{type:Boolean},wrapped:{type:Boolean},sortSelectedItems:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{type:[String,Boolean]},selectedItemIconAsTrailingIcon:{type:Boolean},maxCount:{},to:{type:[String,Function]},placeholder:{},indicatorIcon:{},options:{},getDisabled:{type:[String,Number,Function]},getLabel:{},getDescription:{},getValue:{},getNoCheckbox:{type:[String,Number,Function]},getSingle:{type:[String,Number,Function]},getClear:{type:[String,Number,Function]},getOptions:{type:[String,Number,Function]},getIcon:{},loading:{type:Boolean},skeletonProps:{},loadingRowCount:{},lazyLoading:{type:Boolean},bordered:{type:Boolean},clearOnChangeMultiple:{type:Boolean},triggerCls:{},triggerLeadingCls:{},triggerContentCls:{},triggerContentPlaceholderCls:{},triggerContentValueCls:{},triggerTrailingCls:{},itemLeadingCls:{},optionCls:{},tagCls:{},popupCls:{},labelCls:{},optionsCls:{},optionTextCls:{},optionContentCls:{},emptyCls:{},skeletonCls:{},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean},popupHeight:{},popupWidth:{},minWidth:{},search:{},filterOptions:{},expandedKeys:{},headerSearch:{type:Boolean},headerSearchInputProps:{},virtual:{type:Boolean},showTriggerTagOnOption:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},getMenuItemProps:{type:[Function,Object]},placement:{},containerProps:{},reversePlacementOnDir:{},open:{type:Boolean},defaultOpen:{type:Boolean},sideOffset:{},alignOffset:{},reference:{},prioritizePosition:{type:Boolean},avoidCollisions:{type:Boolean},dir:{},noTrigger:{type:Boolean}},emits:["mention"],setup(m,{expose:s,emit:r}){const t=m,p=r,l=e.useSlots(),i=(o,y,d)=>{p("mention",o,d)},u=e.ref();return s({comboboxRef:u}),(o,y)=>(e.openBlock(),e.createBlock(e.unref(W._sfc_main),e.mergeProps({ref_key:"comboboxRef",ref:u},t,{modelValue:"",onSelect:i,noTrigger:"",popupWidth:200}),e.createSlots({_:2},[e.renderList(Object.keys(l),d=>({name:d,fn:e.withCtx(B=>[e.renderSlot(o.$slots,d,e.normalizeProps(e.guardReactiveProps(B)))])}))]),1040))}}),re=e.defineComponent({...n.getComponentOptions("CommentEditor"),__name:"CommentEditor",props:{class:{},actionsCls:{},editorCls:{},footerCls:{},disabled:{type:Boolean,default:void 0},isEmpty:{type:Boolean},mentionsReference:{},uploadProps:{},maxHeight:{default:100}},emits:["openReaction","openMention","blur","focus","mention","submit"],setup(m,{emit:s}){const r=e.useSlots(),t=m,p=s,l=n.getBemElement(v,"editor"),i=e.ref(),u=()=>{p("openReaction",i.value)},o=e.ref(),y=()=>{p("openMention",o.value)},{getDisabled:d}=h.useFormInput(),{rootBindings:B,inputBindings:R}=h.useInputDataStates({getDisabled:()=>d.value,emit:p}),b=()=>p("submit"),c=e.computed(()=>n.getPxSize(t.maxHeight,!0)),_=e.ref(),f=C=>{var g;(g=_.value)!=null&&g.addFiles&&C.length&&_.value.addFiles(C)};return M({emit:p,props:t,slots:r,fileListRef:_}),(C,g)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:e.unref(n.normCls)(e.unref(l),t.class)},e.unref(B)),[e.createVNode(J._sfc_main,{overlay:!1,hasMask:!1,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(l),"editor"),"paragraph",t.editorCls)),style:e.normalizeStyle({maxHeight:c.value})},{default:e.withCtx(()=>[e.renderSlot(C.$slots,"default",e.normalizeProps(e.guardReactiveProps(e.unref(R))))]),_:3},8,["class","style"]),e.createVNode(I,e.mergeProps(C.uploadProps,{ref:"uploadRef"}),null,16),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(l),"footer"),t.footerCls))},[e.createVNode(Q._sfc_main),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(l),"actions"),t.actionsCls))},[e.createVNode(S._sfc_main,{icon:"tabler:at",color:"neutral",type:"ghost",ref_key:"mentionRef",ref:o,onPointerdown:g[0]||(g[0]=e.withModifiers(()=>{},["stop"])),onClick:y},null,512),e.createVNode(A._sfc_main$2,{accept:"image/*",multiple:"",onAddFiles:f},{default:e.withCtx(()=>[e.createVNode(S._sfc_main,{icon:"tabler:paperclip",color:"neutral",type:"ghost"})]),_:1}),e.createVNode(S._sfc_main,{icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:i,onPointerdown:g[1]||(g[1]=e.withModifiers(()=>{},["stop"])),onClick:u},null,512)],2),e.createVNode(S._sfc_main,{disabled:C.isEmpty,icon:"tabler:arrow-up",onClick:b},null,8,["disabled"])],2)],16))}}),se=["tabindex","disabled"],le=e.defineComponent({...n.getComponentOptions("CommentTrigger"),__name:"CommentTrigger",props:{class:{},text:{default:"Add a Comment or type @ to Mention..."},src:{},withShortcut:{type:Boolean},ignoeShortcut:{type:Boolean},disabled:{type:Boolean},avatarProps:{},shortcutProps:{}},emits:["add"],setup(m,{emit:s}){const r=e.useSlots(),t=m,p=s,l=n.getBemElement(v,"trigger"),i=o=>{!t.ignoeShortcut&&o.code==="KeyC"&&o.altKey&&u(o)};e.onMounted(()=>{t.withShortcut&&addEventListener("keyup",i)}),e.onBeforeUnmount(()=>{t.withShortcut&&removeEventListener("keyup",i)}),t.withShortcut;const u=o=>p("add",o);return(o,y)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(l),t.class)),tabindex:o.disabled?-1:0,disabled:o.disabled?"":void 0,onPointerdown:e.withModifiers(u,["stop"]),onKeyup:e.withModifiers(u,["stop"])},[e.createVNode(D._sfc_main,e.mergeProps(o.avatarProps??{},{size:"sm",src:o.src}),e.createSlots({_:2},[e.renderList(Object.keys(r),d=>({name:d,fn:e.withCtx(B=>[e.renderSlot(o.$slots,d,e.normalizeProps(e.guardReactiveProps(B)))])}))]),1040,["src"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(l),"text"))},[e.renderSlot(o.$slots,"text",{},()=>[e.createTextVNode(e.toDisplayString(o.text),1)])],2),e.createVNode(X._sfc_main,e.mergeProps(o.shortcutProps??{},{items:[{text:"Alt"},{text:"C"}]}),null,16)],42,se))}}),ie=m=>{const s=e.ref(!1),r=e.ref(),t=e.ref(!1),p=(a,k=!1)=>{s.value=!0,t.value=k,r.value=a},l=e.ref(!1),i=e.ref(),u=a=>{l.value=!0,i.value=a},o=e.computed(()=>({open:s.value,reference:r.value,"onUpdate:open":a=>s.value=a,onReaction:a=>{var k,P;if(t.value)try{(k=m.addEmoji)==null||k.call(m,a)}catch(x){console.error("error on reaction ===>",x)}try{(P=m.onReaction)==null||P.call(m,a)}catch(x){console.error("error on reaction ===>",x)}}})),y=e.computed(()=>({open:l.value,reference:i.value,"onUpdate:open":a=>l.value=a})),d=e.ref(!1),B=e.ref(),R=e.ref(),b=e.ref(),c=e.ref(!1),_=e.computed(()=>({ref:R,open:d.value,"onUpdate:open":a=>d.value=a,search:B.value,"onUpdate:search":a=>B.value=a,reference:b.value,disableOutsidePointerEvents:!1,resetSearchTermOnBlur:!0,headerSearch:c.value,onPointerDownOutside:C,onEscapeKeyDown:C})),f=a=>{a&&(b.value={getBoundingClientRect:a},d.value=!0,c.value=!1)},C=()=>{b.value=void 0,d.value=!1,B.value=void 0},g=a=>{B.value=a},E=e.computed(()=>({onOpenReaction:a=>p(a,!0),onOpenMention:a=>{a&&(b.value=a,d.value=!0,c.value=!0)}}));return{forwardRefMention:R,reactionBinding:o,actionBinding:y,editorBinding:E,mentionBinding:_,openActions:u,openReaction:p,openMentionInEditor:f,closeMentionInEditor:C,updateMentionQuery:g}};exports.Comment=ee;exports.CommentAction=te;exports.CommentEditor=re;exports.CommentMention=ne;exports.CommentReaction=oe;exports.CommentTrigger=le;exports.commentPrefix=v;exports.injectCommentContext=V;exports.provideCommentContext=M;exports.useComment=ie;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),h=require("@pantograph/utils-vue"),A=require("../Avatar.vue_vue_type_style_index_0_lang-D2o9rP-R.js"),K=require("../Badge.vue_vue_type_script_setup_true_lang-BFQCx53R.js"),W=require("class-variance-authority");require("../GraphicalObject/index.umd.cjs");require("../Icon/index.umd.cjs");const o=require("@pantograph/utils"),E=require("../IconButton.vue_vue_type_script_setup_true_lang-CeH-nxZ6.js"),Q=require("../ActionButton.vue_vue_type_script_setup_true_lang-BhI55sWu.js"),D=require("../Upload/index.umd.cjs"),J=require("reka-ui"),X=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-DuCrET7F.js"),T=require("../Icon.vue_vue_type_style_index_0_lang-D35DGfhm.js"),Y=require("../index-CXAXCAp4.js"),O=require("../MenuItem.vue_vue_type_style_index_0_lang-DT3IAkAQ.js"),Z=require("../GOPicker/index.umd.cjs"),ee=require("../Combobox/index.umd.cjs"),te=require("../Divider.vue_vue_type_style_index_0_lang-D3wrVsBd.js"),oe=require("../ScrollContainer.vue_vue_type_style_index_0_lang-Br7-ZHr3.js"),ne=require("../Shortcut.vue_vue_type_style_index_0_lang-BfPJ-C7d.js"),re=e.defineComponent({...o.getComponentOptions("CommentActions"),__name:"CommentActions",setup(d){const s=V(),r=e.ref(),t=e.ref(),u=()=>{s.emit("openActions",t.value)},l=()=>{s.emit("openReaction",r.value)},i=()=>{s.emit("reply",c=>{s.openReplies&&(c!==void 0?s.openReplies.value=c:s.openReplies.value=!s.openReplies.value)})};return(c,n)=>e.unref(s).props.hasReaction||e.unref(s).props.hasEdit||e.unref(s).props.hasDelete?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(v),"actions"),e.unref(s).props.actionsCls))},[e.unref(s).props.hasReply?(e.openBlock(),e.createBlock(E._sfc_main,{key:0,icon:"tabler:corner-up-left",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:r,flipOnDir:"rtl",onClick:i},null,512)):e.createCommentVNode("",!0),e.unref(s).props.hasReaction?(e.openBlock(),e.createBlock(E._sfc_main,{key:1,icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:r,onPointerdown:n[0]||(n[0]=e.withModifiers(()=>{},["stop"])),onClick:l},null,512)):e.createCommentVNode("",!0),e.unref(s).props.hasEdit||e.unref(s).props.hasDelete?(e.openBlock(),e.createBlock(E._sfc_main,{key:2,icon:"tabler:dots-vertical",color:"neutral",type:"ghost",ref_key:"actionRef",ref:t,onPointerdown:n[1]||(n[1]=e.withModifiers(()=>{},["stop"])),onClick:u},null,512)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)}}),se=e.defineComponent({...o.getComponentOptions("CommentReactions"),__name:"CommentReactions",setup(d){const s=V(),r=e.ref(),t=()=>{s.emit("openReaction",r.value)},u=l=>{l&&s.emit("reaction",l)};return(l,i)=>{var c;return e.unref(s).props.hasReaction&&((c=e.unref(s).props.reactions)!=null&&c.some(n=>n.count&&n.emoji))?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(v),"reactions"),e.unref(s).props.reactionsCls))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s).props.reactions,n=>(e.openBlock(),e.createBlock(Q._sfc_main,{key:n==null?void 0:n.emoji,active:n==null?void 0:n.active,onClick:y=>u(n)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n==null?void 0:n.emoji)+" "+e.toDisplayString(n==null?void 0:n.count),1)]),_:2},1032,["active","onClick"]))),128)),e.createVNode(E._sfc_main,{icon:"tabler:mood-plus",color:"neutral",type:"outline",ref_key:"reactionRef",ref:r,onPointerdown:i[0]||(i[0]=e.withModifiers(()=>{},["stop"])),onClick:t},null,512)],2)):e.createCommentVNode("",!0)}}}),I=e.defineComponent({...o.getComponentOptions("CommentFileList"),__name:"CommentFileList",setup(d){const s=V(),r=()=>{var t;return e.h(D.UploadList,{...s.props.uploadProps??{},ref:s.fileListRef,listType:"card",fileListCls:o.normCls(o.getBemElement(v,"file_list"),(t=s.props.uploadProps)==null?void 0:t.fileListCls)},s.slots)};return(t,u)=>{var l,i;return(i=(l=e.unref(s).props.uploadProps)==null?void 0:l.fileList)!=null&&i.length?(e.openBlock(),e.createBlock(r,{key:0})):e.createCommentVNode("",!0)}}}),v=o.getBemBlock("comment"),[V,w]=J.createContext("Comment"),q=e.defineComponent({...o.getComponentOptions("Comment"),__name:"Comment",props:{class:{},headerCls:{},actionsCls:{},bodyCls:{},datetimeCls:{},uploadProps:{},contentCls:{},authorCls:{},repliesCls:{},headerContentCls:{},reactionsCls:{},repliesHeaderCls:{},repliesTitleCls:{},repliesContentCls:{},author:{},avatar:{},content:{},datetime:{},repliesCount:{},repliesTitle:{default:"Replies"},avatarProps:{},open:{type:Boolean,default:void 0},hasReaction:{type:Boolean,default:!0},hasEdit:{type:Boolean,default:!0},hasDelete:{type:Boolean,default:!0},hasReply:{type:Boolean,default:!0},reactions:{}},emits:["update:open","openActions","reaction","reply","openReaction"],setup(d,{emit:s}){const r=d,t=e.useSlots(),u=s,l=h.useVModel(r,"open",u,{passive:r.open===void 0}),i=()=>{var C;let p;const g=(C=t.author)==null?void 0:C.call(t,{});return!h.isEmptyElement(g)?p=g:p=r.author,p?e.h("div",{class:o.normCls(o.getBemElement(v,"author"),r.authorCls)},p):null},c=()=>{var C;let p;const g=(C=t.datetime)==null?void 0:C.call(t,{});return!h.isEmptyElement(g)?p=g:p=r.datetime,p?e.h("div",{class:o.normCls(o.getBemElement(v,"datetime"),r.datetimeCls)},p):null},n=()=>{var C,_;const p=(C=t.header)==null?void 0:C.call(t,{}),g=!h.isEmptyElement(p);let f;if(g)f=p;else{f=[];const S=(_=t.avatar)==null?void 0:_.call(t,{});!h.isEmptyElement(S)?f.push(S):r.avatar&&f.push(e.h(A._sfc_main,{...r.avatarProps??{},src:r.avatar}));const P=i(),k=c();(P||k)&&f.push(e.h("div",{class:o.normCls(o.getBemElement(v,"header__content"),r.headerContentCls)},[P,k])),f.length||(f=void 0)}return f?(f.push(e.h(re)),e.h("div",{class:o.normCls(o.getBemElement(v,"header"),r.headerCls)},f)):null},y=()=>{var f;const p=(f=t.content)==null?void 0:f.call(t,{}),g=!h.isEmptyElement(p);if(g||r.content)return e.h("div",{class:o.normCls(o.getBemElement(v,"content"),r.contentCls,"paragraph"),innerHTML:g?void 0:r.content},g?p:void 0)},m=o.getBemElement(v,"replies"),B=W.cva(m,{variants:{open:o.generateVariantClassList("open",m)}}),R=()=>{var _;const p=(_=t.replies)==null?void 0:_.call(t,{}),g=!h.isEmptyElement(p),f=()=>{var P,k,x;const S=(P=t.repliesHeader)==null?void 0:P.call(t,{open:!!l.value}),a=[];if(!h.isEmptyElement(S))a.push(S);else{a.push(e.h(X._sfc_main,{size:"xsm",bg:"transparent",br:"transparent"},{default:()=>e.h(T._sfc_main,{icon:"tabler:chevron-down",class:o.getBemElement(m,"icon"),size:"2xsm"})}));const M=(k=t.repliesCount)==null?void 0:k.call(t,{}),U=!h.isEmptyElement(M),z=(x=t.repliesTitle)==null?void 0:x.call(t,{}),G=!h.isEmptyElement(z);let N;G?N=z:N=r.repliesTitle,a.push(e.h("div",{class:o.normCls(o.getBemElement(m,"title"),r.repliesTitleCls)},N)),(U||r.repliesCount)&&a.push(e.h(K._sfc_main,{color:"primary-subtle",text:r.repliesCount,size:"xsm"},{text:()=>M}))}return e.h("div",{class:o.normCls(o.getBemElement(m,"header"),r.repliesHeaderCls),onClick:()=>{l.value=!l.value}},a)},C=()=>{if(l.value)return[e.h("div",{class:o.normCls(o.getBemElement(m,"content"),r.repliesContentCls)},p),e.h("div",{class:o.getBemElement(m,"line")})]};return g?e.h("div",{class:o.normCls(B({open:!!l.value}),r.repliesCls)},[f(),C()]):null},b=e.ref();return w({openReplies:l,emit:u,props:r,slots:t,fileListRef:b}),(p,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(o.normCls)(e.unref(v),r.class))},[e.createVNode(n),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(v),"body"),r.bodyCls))},[e.createVNode(y),e.createVNode(I),e.createVNode(se),e.createVNode(R)],2)],2))}}),L=e.defineComponent({...o.getComponentOptions("CommentAction"),__name:"CommentAction",props:{hasEdit:{type:Boolean,default:!0},hasDelete:{type:Boolean,default:!0},editText:{default:"Edit"},deleteText:{default:"Delete"},defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},modal:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},sideOffset:{},sideFlip:{type:Boolean},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},dir:{},class:{},containerCls:{},containerClass:{},size:{},to:{},placement:{},reversePlacementOnDir:{},autoFocusInside:{type:Boolean},noPadding:{type:Boolean},zIndex:{},containerStyle:{},containerProps:{},useReferenceAttribute:{type:Boolean},noTrigger:{type:Boolean}},emits:["edit","delete","update:open"],setup(d,{emit:s}){const r=d,t=s,u=()=>{t("edit"),i.value=!1},l=()=>{t("delete"),i.value=!1},i=h.useVModel(r,"open",t,{passive:r.open===void 0});return(c,n)=>(e.openBlock(),e.createBlock(e.unref(Y._sfc_main),e.mergeProps(r,{open:e.unref(i),"onUpdate:open":n[0]||(n[0]=y=>e.isRef(i)?i.value=y:null),placement:"bottom-end",sideOffset:3,openDelay:0}),{content:e.withCtx(()=>[e.createVNode(O._sfc_main,{style:{width:"114px"}},{default:e.withCtx(()=>[c.hasEdit?(e.openBlock(),e.createBlock(O._sfc_main$1,{key:"edit",title:c.editText,onClick:u},{leading:e.withCtx(({iconSize:y})=>[e.createVNode(T._sfc_main,{icon:"tabler:edit",size:y},null,8,["size"])]),_:1},8,["title"])):e.createCommentVNode("",!0),c.hasDelete?(e.openBlock(),e.createBlock(O._sfc_main$1,{key:"delete",title:c.deleteText,danger:"",onClick:l},{leading:e.withCtx(({iconSize:y})=>[e.createVNode(T._sfc_main,{icon:"tabler:trash",size:y},null,8,["size"])]),_:1},8,["title"])):e.createCommentVNode("",!0)]),_:1})]),_:1},16,["open"]))}}),F=e.defineComponent({...o.getComponentOptions("CommentReaction"),__name:"CommentReaction",props:{reference:{},open:{type:Boolean,default:void 0},icons:{},emojis:{},group:{},modelValue:{},defaultValue:{},visibleTabs:{},noTrigger:{type:Boolean},noModel:{type:Boolean},hideClear:{type:Boolean},hideColor:{type:Boolean},hideGroup:{type:Boolean},hideIcons:{type:Boolean},hideEmojis:{type:Boolean},hideSearch:{type:Boolean},hideRandom:{type:Boolean},disabled:{type:Boolean},borderless:{type:Boolean},popoverProps:{},colorPopoverProps:{},fgColorSwatchGroupProps:{},bgColorSwatchGroupProps:{},brColorSwatchGroupProps:{},visibleColorPickers:{},contentCls:{},headerCls:{},groupCls:{},searchCls:{},colorsCls:{},emptyCls:{},gridCls:{},scrollContainerProps:{},size:{},id:{},resetColorsOnChangeType:{}},emits:["reaction","update:open"],setup(d,{emit:s}){const r=d,t=s,u=i=>{t("reaction",i.value),l.value=!1},l=h.useVModel(r,"open",t,{passive:r.open===void 0});return(i,c)=>(e.openBlock(),e.createBlock(e.unref(Z.default),e.mergeProps(r,{noTrigger:"",hideClear:"",hideGroup:"",hideIcons:"",hideRandom:"",group:"emoji",popoverProps:{...i.popoverProps??{},reference:i.reference},placement:"bottom-end",visibleColorPickers:[],noModel:"",onSelect:u,open:e.unref(l),"onUpdate:open":c[0]||(c[0]=n=>e.isRef(l)?l.value=n:null)}),null,16,["popoverProps","open"]))}}),j=e.defineComponent({...o.getComponentOptions("CommentMention"),__name:"CommentMention",props:{modelValue:{},defaultValue:{},multiple:{type:Boolean},disabled:{type:Boolean},highlightOnHover:{type:Boolean},resetSearchTermOnBlur:{type:Boolean},resetSearchTermOnSelect:{type:Boolean},size:{},status:{},noValueOnPlaceholder:{type:Boolean},zIndex:{},checkbox:{type:Boolean},tagRenderMode:{},getTagProps:{type:Function},tree:{type:Boolean},treeProps:{},contentFit:{type:Boolean},wrapped:{type:Boolean},sortSelectedItems:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{type:[String,Boolean]},selectedItemIconAsTrailingIcon:{type:Boolean},maxCount:{},to:{type:[String,Function]},placeholder:{},indicatorIcon:{},options:{},getDisabled:{type:[String,Number,Function]},getLabel:{},getDescription:{},getValue:{},getNoCheckbox:{type:[String,Number,Function]},getSingle:{type:[String,Number,Function]},getClear:{type:[String,Number,Function]},getOptions:{type:[String,Number,Function]},getIcon:{},loading:{type:Boolean},skeletonProps:{},loadingRowCount:{},lazyLoading:{type:Boolean},bordered:{type:Boolean},clearOnChangeMultiple:{type:Boolean},triggerCls:{},triggerLeadingCls:{},triggerContentCls:{},triggerContentPlaceholderCls:{},triggerContentValueCls:{},triggerTrailingCls:{},itemLeadingCls:{},optionCls:{},tagCls:{},popupCls:{},labelCls:{},optionsCls:{},optionTextCls:{},optionContentCls:{},emptyCls:{},skeletonCls:{},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean},popupHeight:{},popupWidth:{},minWidth:{},search:{},filterOptions:{},expandedKeys:{},headerSearch:{type:Boolean},headerSearchInputProps:{},virtual:{type:Boolean},showTriggerTagOnOption:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},getMenuItemProps:{type:[Function,Object]},placement:{},containerProps:{},reversePlacementOnDir:{},open:{type:Boolean},defaultOpen:{type:Boolean},sideOffset:{},alignOffset:{},reference:{},prioritizePosition:{type:Boolean},avoidCollisions:{type:Boolean},dir:{},noTrigger:{type:Boolean}},emits:["mention"],setup(d,{expose:s,emit:r}){const t=d,u=r,l=e.useSlots(),i=(n,y,m)=>{u("mention",n,m)},c=e.ref();return s({comboboxRef:c}),(n,y)=>(e.openBlock(),e.createBlock(e.unref(ee.Combobox),e.mergeProps({ref_key:"comboboxRef",ref:c},t,{modelValue:"",onSelect:i,noTrigger:"",popupWidth:200}),e.createSlots({_:2},[e.renderList(Object.keys(l),m=>({name:m,fn:e.withCtx(B=>[e.renderSlot(n.$slots,m,e.normalizeProps(e.guardReactiveProps(B)))])}))]),1040))}}),H=e.defineComponent({...o.getComponentOptions("CommentEditor"),__name:"CommentEditor",props:{class:{},actionsCls:{},editorCls:{},footerCls:{},disabled:{type:Boolean,default:void 0},isEmpty:{type:Boolean},mentionsReference:{},uploadProps:{},maxHeight:{default:100}},emits:["openReaction","openMention","blur","focus","mention","submit"],setup(d,{emit:s}){const r=e.useSlots(),t=d,u=s,l=o.getBemElement(v,"editor"),i=e.ref(),c=()=>{u("openReaction",i.value)},n=e.ref(),y=()=>{u("openMention",n.value)},{getDisabled:m}=h.useFormInput(),{rootBindings:B,inputBindings:R}=h.useInputDataStates({getDisabled:()=>m.value,emit:u}),b=()=>u("submit"),p=e.computed(()=>o.getPxSize(t.maxHeight,!0)),g=e.ref(),f=C=>{var _;(_=g.value)!=null&&_.addFiles&&C.length&&g.value.addFiles(C)};return w({emit:u,props:t,slots:r,fileListRef:g}),(C,_)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:e.unref(o.normCls)(e.unref(l),t.class)},e.unref(B)),[e.createVNode(oe._sfc_main,{overlay:!1,hasMask:!1,class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(l),"editor"),"paragraph",t.editorCls)),style:e.normalizeStyle({maxHeight:p.value})},{default:e.withCtx(()=>[e.renderSlot(C.$slots,"default",e.normalizeProps(e.guardReactiveProps(e.unref(R))))]),_:3},8,["class","style"]),e.createVNode(I,e.mergeProps(C.uploadProps,{ref:"uploadRef"}),null,16),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(l),"footer"),t.footerCls))},[e.createVNode(te._sfc_main),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(l),"actions"),t.actionsCls))},[e.createVNode(E._sfc_main,{icon:"tabler:at",color:"neutral",type:"ghost",ref_key:"mentionRef",ref:n,onPointerdown:_[0]||(_[0]=e.withModifiers(()=>{},["stop"])),onClick:y},null,512),e.createVNode(D.UploadTrigger,{accept:"image/*",multiple:"",onAddFiles:f},{default:e.withCtx(()=>[e.createVNode(E._sfc_main,{icon:"tabler:paperclip",color:"neutral",type:"ghost"})]),_:1}),e.createVNode(E._sfc_main,{icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:i,onPointerdown:_[1]||(_[1]=e.withModifiers(()=>{},["stop"])),onClick:c},null,512)],2),e.createVNode(E._sfc_main,{disabled:C.isEmpty,icon:"tabler:arrow-up",onClick:b},null,8,["disabled"])],2)],16))}}),le=["tabindex","disabled"],$=e.defineComponent({...o.getComponentOptions("CommentTrigger"),__name:"CommentTrigger",props:{class:{},text:{default:"Add a Comment or type @ to Mention..."},src:{},withShortcut:{type:Boolean},ignoeShortcut:{type:Boolean},disabled:{type:Boolean},avatarProps:{},shortcutProps:{}},emits:["add"],setup(d,{emit:s}){const r=e.useSlots(),t=d,u=s,l=o.getBemElement(v,"trigger"),i=n=>{!t.ignoeShortcut&&n.code==="KeyC"&&n.altKey&&c(n)};e.onMounted(()=>{t.withShortcut&&addEventListener("keyup",i)}),e.onBeforeUnmount(()=>{t.withShortcut&&removeEventListener("keyup",i)}),t.withShortcut;const c=n=>u("add",n);return(n,y)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(o.normCls)(e.unref(l),t.class)),tabindex:n.disabled?-1:0,disabled:n.disabled?"":void 0,onPointerdown:e.withModifiers(c,["stop"]),onKeyup:e.withModifiers(c,["stop"])},[e.createVNode(A._sfc_main,e.mergeProps(n.avatarProps??{},{size:"sm",src:n.src}),e.createSlots({_:2},[e.renderList(Object.keys(r),m=>({name:m,fn:e.withCtx(B=>[e.renderSlot(n.$slots,m,e.normalizeProps(e.guardReactiveProps(B)))])}))]),1040,["src"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o.getBemElement)(e.unref(l),"text"))},[e.renderSlot(n.$slots,"text",{},()=>[e.createTextVNode(e.toDisplayString(n.text),1)])],2),e.createVNode(ne._sfc_main,e.mergeProps(n.shortcutProps??{},{items:[{text:"Alt"},{text:"C"}]}),null,16)],42,le))}}),ie=h.installComponent(q,o.getComponentName("Comment")),ae=h.installComponent(L,o.getComponentName("CommentAction")),ce=h.installComponent(F,o.getComponentName("CommentReaction")),pe=h.installComponent(j,o.getComponentName("CommentMention")),ue=h.installComponent(H,o.getComponentName("CommentEditor")),me=h.installComponent($,o.getComponentName("CommentTrigger")),de=d=>{const s=e.ref(!1),r=e.ref(),t=e.ref(!1),u=(a,P=!1)=>{s.value=!0,t.value=P,r.value=a},l=e.ref(!1),i=e.ref(),c=a=>{l.value=!0,i.value=a},n=e.computed(()=>({open:s.value,reference:r.value,"onUpdate:open":a=>s.value=a,onReaction:a=>{var P,k;if(t.value)try{(P=d.addEmoji)==null||P.call(d,a)}catch(x){console.error("error on reaction ===>",x)}try{(k=d.onReaction)==null||k.call(d,a)}catch(x){console.error("error on reaction ===>",x)}}})),y=e.computed(()=>({open:l.value,reference:i.value,"onUpdate:open":a=>l.value=a})),m=e.ref(!1),B=e.ref(),R=e.ref(),b=e.ref(),p=e.ref(!1),g=e.computed(()=>({ref:R,open:m.value,"onUpdate:open":a=>m.value=a,search:B.value,"onUpdate:search":a=>B.value=a,reference:b.value,disableOutsidePointerEvents:!1,resetSearchTermOnBlur:!0,headerSearch:p.value,onPointerDownOutside:C,onEscapeKeyDown:C})),f=a=>{a&&(b.value={getBoundingClientRect:a},m.value=!0,p.value=!1)},C=()=>{b.value=void 0,m.value=!1,B.value=void 0},_=a=>{B.value=a},S=e.computed(()=>({onOpenReaction:a=>u(a,!0),onOpenMention:a=>{a&&(b.value=a,m.value=!0,p.value=!0)}}));return{forwardRefMention:R,reactionBinding:n,actionBinding:y,editorBinding:S,mentionBinding:g,openActions:c,openReaction:u,openMentionInEditor:f,closeMentionInEditor:C,updateMentionQuery:_}};exports.Comment=q;exports.CommentAction=L;exports.CommentActionPlugin=ae;exports.CommentEditor=H;exports.CommentEditorPlugin=ue;exports.CommentMention=j;exports.CommentMentionPlugin=pe;exports.CommentPlugin=ie;exports.CommentReaction=F;exports.CommentReactionPlugin=ce;exports.CommentTrigger=$;exports.CommentTriggerPlugin=me;exports.commentPrefix=v;exports.injectCommentContext=V;exports.provideCommentContext=w;exports.useComment=de;

package/dist/ComponentMap-BK05GoCW.js

@@ -0,0 +1,87 @@
+const o = [
+  "ActionButton",
+  "Alert",
+  "Avatar",
+  "AvatarGroup",
+  "Badge",
+  "Button",
+  "ButtonGroup",
+  "Card",
+  "Checkbox",
+  "CheckboxGroup",
+  "Chip",
+  "ChipGroup",
+  "ColorPicker",
+  "ColorSwatch",
+  "ColorSwatchGroup",
+  "ColorTrigger",
+  "Combobox",
+  "ComboboxInput",
+  "Comment",
+  "CommentAction",
+  "CommentReaction",
+  "CommentMention",
+  "CommentEditor",
+  "CommentTrigger",
+  "ConfigProvider",
+  "DataTable",
+  "Divider",
+  "DropZone",
+  "Empty",
+  "FloatButton",
+  "Form",
+  "FormItem",
+  "FormValidation",
+  "GOPicker",
+  "GraphicalObject",
+  "GraphicalObjectGroup",
+  "HoverCard",
+  "Icon",
+  "IconButton",
+  "Image",
+  "IndentLevel",
+  "Indicator",
+  "Input",
+  "InputNumber",
+  "Kbd",
+  "Label",
+  "Link",
+  "Menu",
+  "MenuItem",
+  "Pagination",
+  "Popover",
+  "Progress",
+  "RadioGroup",
+  "RadioGroupItem",
+  "ScrollContainer",
+  "Segmented",
+  "Select",
+  "SelectOption",
+  "SelectLabel",
+  "Shortcut",
+  "Skeleton",
+  "Spinner",
+  "SubMenu",
+  "Switch",
+  "Table",
+  "Th",
+  "Td",
+  "Tr",
+  "TBody",
+  "THead",
+  "TFoot",
+  "Tabs",
+  "TabList",
+  "TabTrigger",
+  "TabContent",
+  "Textarea",
+  "Tooltip",
+  "Tree",
+  "TreeNode",
+  "Upload",
+  "UploadList",
+  "UploadTrigger"
+];
+export {
+  o as c
+};

package/dist/ComponentMap-CFe_xZkg.js

@@ -0,0 +1 @@
+"use strict";const o=["ActionButton","Alert","Avatar","AvatarGroup","Badge","Button","ButtonGroup","Card","Checkbox","CheckboxGroup","Chip","ChipGroup","ColorPicker","ColorSwatch","ColorSwatchGroup","ColorTrigger","Combobox","ComboboxInput","Comment","CommentAction","CommentReaction","CommentMention","CommentEditor","CommentTrigger","ConfigProvider","DataTable","Divider","DropZone","Empty","FloatButton","Form","FormItem","FormValidation","GOPicker","GraphicalObject","GraphicalObjectGroup","HoverCard","Icon","IconButton","Image","IndentLevel","Indicator","Input","InputNumber","Kbd","Label","Link","Menu","MenuItem","Pagination","Popover","Progress","RadioGroup","RadioGroupItem","ScrollContainer","Segmented","Select","SelectOption","SelectLabel","Shortcut","Skeleton","Spinner","SubMenu","Switch","Table","Th","Td","Tr","TBody","THead","TFoot","Tabs","TabList","TabTrigger","TabContent","Textarea","Tooltip","Tree","TreeNode","Upload","UploadList","UploadTrigger"];exports.components=o;

package/dist/ComponentMap.d.ts

@@ -0,0 +1,3 @@
+export declare const components: readonly ["ActionButton", "Alert", "Avatar", "AvatarGroup", "Badge", "Button", "ButtonGroup", "Card", "Checkbox", "CheckboxGroup", "Chip", "ChipGroup", "ColorPicker", "ColorSwatch", "ColorSwatchGroup", "ColorTrigger", "Combobox", "ComboboxInput", "Comment", "CommentAction", "CommentReaction", "CommentMention", "CommentEditor", "CommentTrigger", "ConfigProvider", "DataTable", "Divider", "DropZone", "Empty", "FloatButton", "Form", "FormItem", "FormValidation", "GOPicker", "GraphicalObject", "GraphicalObjectGroup", "HoverCard", "Icon", "IconButton", "Image", "IndentLevel", "Indicator", "Input", "InputNumber", "Kbd", "Label", "Link", "Menu", "MenuItem", "Pagination", "Popover", "Progress", "RadioGroup", "RadioGroupItem", "ScrollContainer", "Segmented", "Select", "SelectOption", "SelectLabel", "Shortcut", "Skeleton", "Spinner", "SubMenu", "Switch", "Table", "Th", "Td", "Tr", "TBody", "THead", "TFoot", "Tabs", "TabList", "TabTrigger", "TabContent", "Textarea", "Tooltip", "Tree", "TreeNode", "Upload", "UploadList", "UploadTrigger"];
+export default components;
+export type Components = (typeof components)[number];

package/dist/ConfigProvider/ConfigProvider.d.ts

@@ -9,6 +9,7 @@ export interface ConfigProviderProps {
     locale?: 'fa' | 'en' | object;
     theme?: _Config;
     flipOnDir?: FlipOnDir;
+    dir: Direction;
     changeAbleDirectionElement?: string | HTMLElement | Ref<string | HTMLElement>;
     changeAbleDarkElement?: string | HTMLElement | Ref<string | HTMLElement>;
 }
@@ -29,10 +30,7 @@ declare const useConfig: () => {
     getDir: (getter?: () => Direction | undefined) => ComputedRef<Direction | undefined>;
 };
 export { provideConfigContext, injectConfigContext, useConfig };
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ConfigProviderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ConfigProviderProps> & Readonly<{}>, {
-    changeAbleDirectionElement: string | HTMLElement | Ref<string | HTMLElement>;
-    changeAbleDarkElement: string | HTMLElement | Ref<string | HTMLElement>;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<{
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ConfigProviderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ConfigProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<{
     default?: (props: Pick<Context, "toggleDark" | "changeTheme" | "changeDirection"> & {
         theme: Config;
         dir: Direction;

package/dist/ConfigProvider/index.d.ts

@@ -1 +1,2 @@
+export declare const ConfigProviderPlugin: import('vue').Plugin;
 export { default, default as ConfigProvider, provideConfigContext, injectConfigContext, useConfig, type FlipOnDir, type Direction, type ConfigProviderProps, } from './ConfigProvider';

package/dist/ConfigProvider/index.js

@@ -1,8 +1,127 @@
-import { _ as i, _ as n, i as t, p as a, u as f } from "../ConfigProvider.vue_vue_type_script_setup_true_lang-IVHvl51_.js";
+import { ref as f, onMounted as C, unref as c, computed as d, defineComponent as T, watch as v, createBlock as w, openBlock as P, withCtx as x, renderSlot as E, getCurrentInstance as F } from "vue";
+import { toggleDark as A, getThemeConfig as k, init as S, defineTheme as u } from "@pantograph/tokens";
+import { getComponentOptions as j, getComponentName as B } from "@pantograph/utils";
+import { createContext as M, ConfigProvider as q } from "reka-ui";
+import { isString as I, isFunction as L } from "es-toolkit";
+import { useMutationObserver as _ } from "@vueuse/core";
+import { installComponent as N } from "@pantograph/utils-vue";
+const b = (o) => {
+  const e = f();
+  return C(() => {
+    const t = c(o);
+    I(t) && typeof document < "u" ? e.value = document.querySelector(t) : (t == null ? void 0 : t.nodeType) === 1 ? e.value = t : typeof document < "u" && (e.value = document.documentElement);
+  }), e;
+}, y = (o) => {
+  const e = b(o ?? "html"), t = f("ltr"), l = () => {
+    var n;
+    ((n = e.value) == null ? void 0 : n.nodeType) === 1 && (t.value = getComputedStyle(e.value).direction);
+  };
+  l();
+  const r = (n) => {
+    let i = n;
+    (!n || !["rtl", "ltr"].includes(n)) && (i = t.value === "ltr" ? "rtl" : "ltr"), e.value && (e.value.dir = i);
+  };
+  return _(e, l, {
+    attributes: !0,
+    attributeFilter: ["dir", "class", "style"]
+  }), [t, r];
+}, O = (o) => {
+  const e = b(o ?? "html"), t = f(!1), l = () => {
+    var n, i, m;
+    ((n = e.value) == null ? void 0 : n.nodeType) === 1 && (t.value = ((m = (i = e.value) == null ? void 0 : i.classList) == null ? void 0 : m.contains("pantograph-dark")) ?? !1);
+  };
+  l();
+  const r = (n) => {
+    let i = n;
+    [!0, !1].includes(n) || (i = !t.value), e.value && A(i, e.value);
+  };
+  return _(e, l, {
+    attributes: !0,
+    attributeFilter: ["class", "data-theme"]
+  }), [t, r];
+}, [$, z] = M("config-provider"), [G, H] = y(), [J, K] = O(), Q = {
+  dir: G,
+  changeDirection: H,
+  dark: J,
+  flipOnDir: d(() => "none"),
+  toggleDark: K,
+  changeTheme: u,
+  theme: d(() => k())
+}, R = () => $(Q), re = () => {
+  const o = R(), e = F();
+  return { config: o, getFlipOnDir: (r) => d(
+    () => (e == null ? void 0 : e.props)[r] ?? o.flipOnDir.value
+  ), getDir: (r) => d(
+    () => (r && L(r) ? r() : (e == null ? void 0 : e.props).dir) ?? o.dir.value
+  ) };
+}, U = /* @__PURE__ */ T({
+  ...j("ConfigProvider", !1),
+  __name: "ConfigProvider",
+  props: {
+    locale: {},
+    theme: {},
+    flipOnDir: {},
+    dir: {},
+    changeAbleDirectionElement: {},
+    changeAbleDarkElement: {}
+  },
+  setup(o) {
+    var p, h;
+    const e = o, [t, l] = y(e.changeAbleDirectionElement ?? ((p = e.theme) == null ? void 0 : p.element)), [r, n] = O(e.changeAbleDarkElement ?? ((h = e.theme) == null ? void 0 : h.element));
+    C(() => {
+      v(
+        () => e.theme,
+        () => {
+          var a, s;
+          if ((a = e.theme) != null && a.init || (s = e.theme) != null && s.element) {
+            const { init: V, ...D } = e.theme;
+            typeof window < "u" && !window.pantographThemeDefined ? (S(D), window.pantographThemeDefined = !0) : u(D);
+          }
+        },
+        { immediate: !0 }
+      ), v(
+        () => e.dir,
+        () => {
+          ["rtl", "ltr"].includes(e.dir) && l(e.dir);
+        },
+        { immediate: !0 }
+      );
+    });
+    const i = d(() => ({
+      ...k(e.theme),
+      dark: r.value
+    })), m = d(() => e.flipOnDir), g = (a) => {
+      var s;
+      return u({ element: (s = e.theme) == null ? void 0 : s.element, ...a });
+    };
+    return z({
+      dir: t,
+      theme: i,
+      flipOnDir: m,
+      dark: r,
+      changeDirection: l,
+      changeTheme: g,
+      toggleDark: n
+    }), (a, s) => (P(), w(c(q), { dir: c(t) }, {
+      default: x(() => [
+        E(a.$slots, "default", {
+          dir: c(t),
+          theme: i.value,
+          changeDirection: c(l),
+          changeTheme: g,
+          toggleDark: c(n),
+          dark: c(r)
+        })
+      ]),
+      _: 3
+    }, 8, ["dir"]));
+  }
+}), oe = N(U, B("ConfigProvider"));
 export {
-  i as ConfigProvider,
-  n as default,
-  t as injectConfigContext,
-  a as provideConfigContext,
-  f as useConfig
+  U as ConfigProvider,
+  oe as ConfigProviderPlugin,
+  U as default,
+  R as injectConfigContext,
+  z as provideConfigContext,
+  re as useConfig
 };

package/dist/ConfigProvider/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ConfigProvider.vue_vue_type_script_setup_true_lang-CyGHtFPF.js");exports.ConfigProvider=e._sfc_main;exports.default=e._sfc_main;exports.injectConfigContext=e.injectConfigContext;exports.provideConfigContext=e.provideConfigContext;exports.useConfig=e.useConfig;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),s=require("@pantograph/tokens"),v=require("@pantograph/utils"),D=require("reka-ui"),C=require("es-toolkit"),k=require("@vueuse/core"),P=require("@pantograph/utils-vue"),_=i=>{const e=t.ref();return t.onMounted(()=>{const n=t.unref(i);C.isString(n)&&typeof document<"u"?e.value=document.querySelector(n):(n==null?void 0:n.nodeType)===1?e.value=n:typeof document<"u"&&(e.value=document.documentElement)}),e},T=i=>{const e=_(i??"html"),n=t.ref("ltr"),c=()=>{var r;((r=e.value)==null?void 0:r.nodeType)===1&&(n.value=getComputedStyle(e.value).direction)};c();const o=r=>{let l=r;(!r||!["rtl","ltr"].includes(r))&&(l=n.value==="ltr"?"rtl":"ltr"),e.value&&(e.value.dir=l)};return k.useMutationObserver(e,c,{attributes:!0,attributeFilter:["dir","class","style"]}),[n,o]},b=i=>{const e=_(i??"html"),n=t.ref(!1),c=()=>{var r,l,d;((r=e.value)==null?void 0:r.nodeType)===1&&(n.value=((d=(l=e.value)==null?void 0:l.classList)==null?void 0:d.contains("pantograph-dark"))??!1)};c();const o=r=>{let l=r;[!0,!1].includes(r)||(l=!n.value),e.value&&s.toggleDark(l,e.value)};return k.useMutationObserver(e,c,{attributes:!0,attributeFilter:["class","data-theme"]}),[n,o]},[w,O]=D.createContext("config-provider"),[q,x]=T(),[E,M]=b(),S={dir:q,changeDirection:x,dark:E,flipOnDir:t.computed(()=>"none"),toggleDark:M,changeTheme:s.defineTheme,theme:t.computed(()=>s.getThemeConfig())},y=()=>w(S),F=()=>{const i=y(),e=t.getCurrentInstance();return{config:i,getFlipOnDir:o=>t.computed(()=>(e==null?void 0:e.props)[o]??i.flipOnDir.value),getDir:o=>t.computed(()=>(o&&C.isFunction(o)?o():(e==null?void 0:e.props).dir)??i.dir.value)}},f=t.defineComponent({...v.getComponentOptions("ConfigProvider",!1),__name:"ConfigProvider",props:{locale:{},theme:{},flipOnDir:{},dir:{},changeAbleDirectionElement:{},changeAbleDarkElement:{}},setup(i){var g,h;const e=i,[n,c]=T(e.changeAbleDirectionElement??((g=e.theme)==null?void 0:g.element)),[o,r]=b(e.changeAbleDarkElement??((h=e.theme)==null?void 0:h.element));t.onMounted(()=>{t.watch(()=>e.theme,()=>{var u,a;if((u=e.theme)!=null&&u.init||(a=e.theme)!=null&&a.element){const{init:A,...p}=e.theme;typeof window<"u"&&!window.pantographThemeDefined?(s.init(p),window.pantographThemeDefined=!0):s.defineTheme(p)}},{immediate:!0}),t.watch(()=>e.dir,()=>{["rtl","ltr"].includes(e.dir)&&c(e.dir)},{immediate:!0})});const l=t.computed(()=>({...s.getThemeConfig(e.theme),dark:o.value})),d=t.computed(()=>e.flipOnDir),m=u=>{var a;return s.defineTheme({element:(a=e.theme)==null?void 0:a.element,...u})};return O({dir:n,theme:l,flipOnDir:d,dark:o,changeDirection:c,changeTheme:m,toggleDark:r}),(u,a)=>(t.openBlock(),t.createBlock(t.unref(D.ConfigProvider),{dir:t.unref(n)},{default:t.withCtx(()=>[t.renderSlot(u.$slots,"default",{dir:t.unref(n),theme:l.value,changeDirection:t.unref(c),changeTheme:m,toggleDark:t.unref(r),dark:t.unref(o)})]),_:3},8,["dir"]))}}),j=P.installComponent(f,v.getComponentName("ConfigProvider"));exports.ConfigProvider=f;exports.ConfigProviderPlugin=j;exports.default=f;exports.injectConfigContext=y;exports.provideConfigContext=O;exports.useConfig=F;

package/dist/DataTable/components/DataTableHeaderCell.d.ts

@@ -20,13 +20,13 @@ declare function __VLS_template(): {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly text?: string | number | undefined;
                 readonly class?: import('clsx').ClassValue;
+                readonly text?: string | number | undefined;
                 readonly flipOnDir?: import('../..').FlipOnDir | undefined;
                 readonly target?: string | undefined;
                 readonly size?: import('../..').ButtonSize | undefined;
                 readonly icon?: string | undefined;
-                readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
+                readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
                 readonly active?: boolean | undefined;
                 readonly preIcon?: string | undefined;
                 readonly postIcon?: string | undefined;
@@ -55,7 +55,7 @@ declare function __VLS_template(): {
                     $: import('vue').ComponentInternalInstance;
                     $data: {};
                     $props: {
-                        readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
+                        readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
                         readonly class?: import('clsx').ClassValue;
                         readonly text?: string | number | undefined;
                         readonly size?: import('../..').ButtonSize | undefined;
@@ -231,13 +231,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly text?: string | number | undefined;
             readonly class?: import('clsx').ClassValue;
+            readonly text?: string | number | undefined;
             readonly flipOnDir?: import('../..').FlipOnDir | undefined;
             readonly target?: string | undefined;
             readonly size?: import('../..').ButtonSize | undefined;
             readonly icon?: string | undefined;
-            readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
+            readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
             readonly active?: boolean | undefined;
             readonly preIcon?: string | undefined;
             readonly postIcon?: string | undefined;
@@ -266,7 +266,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: {
-                    readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
+                    readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
                     readonly class?: import('clsx').ClassValue;
                     readonly text?: string | number | undefined;
                     readonly size?: import('../..').ButtonSize | undefined;

package/dist/DataTable/index.d.ts

@@ -1,2 +1,3 @@
+export declare const DataTablePlugin: import('vue').Plugin;
 export { default as DataTable, default } from './DataTable';
 export * from './types';