@pantograph/vue 0.25.0 → 0.25.2

package/dist/Comment/CommentEditor.d.ts

@@ -36,9 +36,10 @@ declare function __VLS_template(): {
                 readonly maxCount?: number | string | undefined;
                 readonly action: (config: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadActionParams) => Promise<any>;
                 readonly getFileIcon?: ((file: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => string) | undefined;
-                readonly directory?: boolean | undefined;
-                readonly multiple?: boolean | undefined;
+                readonly triggerCls?: import('clsx').ClassValue;
                 readonly disabled?: boolean | undefined;
+                readonly multiple?: boolean | undefined;
+                readonly directory?: boolean | undefined;
                 readonly accept?: string | undefined;
                 readonly onChange?: ((data: {
                     file: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile;
@@ -84,7 +85,7 @@ declare function __VLS_template(): {
                 props: UploadProps;
                 attrs: object;
                 slots: UploadSlots;
-                progressSize: import('vue').ComputedRef<import('../Progress/Progress.model.ts', { with: { "resolution-mode": "import" } }).ProgressSize>;
+                progressSize: import('vue').ComputedRef<import('../index.ts', { with: { "resolution-mode": "import" } }).ProgressSize>;
                 emit: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadEmits;
                 createRequest: (uploadFile: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => Promise<void>;
                 resetRequest: (uploadFile: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => Promise<void>;
@@ -155,7 +156,7 @@ declare function __VLS_template(): {
             props: UploadProps;
             attrs: object;
             slots: UploadSlots;
-            progressSize: import('vue').ComputedRef<import('../Progress/Progress.model.ts', { with: { "resolution-mode": "import" } }).ProgressSize>;
+            progressSize: import('vue').ComputedRef<import('../index.ts', { with: { "resolution-mode": "import" } }).ProgressSize>;
             emit: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadEmits;
             createRequest: (uploadFile: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => Promise<void>;
             resetRequest: (uploadFile: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => Promise<void>;

package/dist/Comment/index.js

@@ -17,7 +17,7 @@ import { _ as Se } from "../Combobox.vue_vue_type_style_index_0_lang-BsO5vzLB.js
 import { _ as ke } from "../Divider.vue_vue_type_style_index_0_lang-CfBklijs.js";
 import { U as Pe } from "../useInputDataStates-RRZVY4Vg.js";
 import { _ as xe } from "../ScrollContainer.vue_vue_type_style_index_0_lang-DqLbpFbD.js";
-import { _ as Te, a as $e } from "../Upload.vue_vue_type_style_index_0_lang-DXBaIH16.js";
+import { _ as Te, a as $e } from "../Upload.vue_vue_type_style_index_0_lang-DC0jVRjM.js";
 import { _ as Oe } from "../Shortcut.vue_vue_type_style_index_0_lang-D0pRaguA.js";
 const Ee = /* @__PURE__ */ A({
   ...z("CommentActions"),

package/dist/Comment/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),y=require("../Icon.vue_vue_type_style_index_0_lang-CPuN4R-k.js"),R=require("../options-CY2uxp5A.js"),M=require("../Avatar.vue_vue_type_style_index_0_lang-YkXWR99l.js"),I=require("../Badge.vue_vue_type_script_setup_true_lang-BAQIKtam.js"),$=require("class-variance-authority"),H=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-EviuZ52W.js");require("@iconify/vue");const r=require("@pantograph/utils"),P=require("../IconButton.vue_vue_type_script_setup_true_lang-DynLmo_n.js"),L=require("../ActionButton.vue_vue_type_script_setup_true_lang-BGrL1xRj.js"),j=require("reka-ui"),U=require("../Popover.vue_vue_type_style_index_0_lang-qJ0psPTx.js"),O=require("../MenuItem.vue_vue_type_style_index_0_lang-fYybuhKO.js"),F=require("../GOPicker.vue_vue_type_style_index_0_lang-Bb05nUVP.js"),G=require("../Combobox.vue_vue_type_style_index_0_lang-Dtf_JcyR.js"),K=require("../Divider.vue_vue_type_style_index_0_lang-B1VnMpBg.js"),W=require("../useInputDataStates-CXaVG_o2.js"),Q=require("../ScrollContainer.vue_vue_type_style_index_0_lang-BLFtmUwR.js"),z=require("../Upload.vue_vue_type_style_index_0_lang-6dbdVoDr.js"),J=require("../Shortcut.vue_vue_type_style_index_0_lang-maaUKoPJ.js"),X=e.defineComponent({...R.getComponentOptions("CommentActions"),__name:"CommentActions",setup(f){const l=N(),n=e.ref(),t=e.ref(),u=()=>{l.emit("openActions",t.value)},s=()=>{l.emit("openReaction",n.value)},i=()=>{l.emit("reply")};return(p,o)=>e.unref(l).props.hasReaction||e.unref(l).props.hasEdit||e.unref(l).props.hasDelete?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(g),"actions"),e.unref(l).props.actionsCls))},[e.unref(l).props.hasReply?(e.openBlock(),e.createBlock(P._sfc_main,{key:0,icon:"tabler:corner-up-left",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:n,flipOnDir:"rtl",onClick:i},null,512)):e.createCommentVNode("",!0),e.unref(l).props.hasReaction?(e.openBlock(),e.createBlock(P._sfc_main,{key:1,icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:n,onClick:s},null,512)):e.createCommentVNode("",!0),e.unref(l).props.hasEdit||e.unref(l).props.hasDelete?(e.openBlock(),e.createBlock(P._sfc_main,{key:2,icon:"tabler:dots-vertical",color:"neutral",type:"ghost",ref_key:"actionRef",ref:t,onClick:u},null,512)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)}}),Y=e.defineComponent({...R.getComponentOptions("CommentReactions"),__name:"CommentReactions",setup(f){const l=N(),n=e.ref(),t=()=>{l.emit("openReaction",n.value)},u=s=>{s&&!s.active&&l.emit("reaction",s.emoji)};return(s,i)=>{var p;return e.unref(l).props.hasReaction&&((p=e.unref(l).props.reactions)!=null&&p.some(o=>o.count&&o.emoji))?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(g),"reactions"),e.unref(l).props.reactionsCls))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(l).props.reactions,o=>(e.openBlock(),e.createBlock(L._sfc_main,{key:o==null?void 0:o.emoji,active:o==null?void 0:o.active,onClick:h=>u(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(P._sfc_main,{icon:"tabler:mood-plus",color:"neutral",type:"outline",ref_key:"reactionRef",ref:n,onClick:t},null,512)],2)):e.createCommentVNode("",!0)}}}),g=r.getBemBlock("comment"),[N,D]=j.createContext("Comment"),Z=e.defineComponent({...R.getComponentOptions("Comment"),__name:"Comment",props:{class:{},headerCls:{},actionsCls:{},bodyCls:{},datetimeCls:{},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(f,{emit:l}){const n=f,t=e.useSlots(),u=l,s=y.useVModel(n,"open",u,{passive:n.open===void 0}),i=()=>{var d;let c;const C=(d=t.author)==null?void 0:d.call(t,{});return!y.isEmptyElement(C)?c=C:c=n.author,c?e.h("div",{class:r.normCls(r.getBemElement(g,"author"),n.authorCls)},c):null},p=()=>{var d;let c;const C=(d=t.datetime)==null?void 0:d.call(t,{});return!y.isEmptyElement(C)?c=C:c=n.datetime,c?e.h("div",{class:r.normCls(r.getBemElement(g,"datetime"),n.datetimeCls)},c):null},o=()=>{var d,v;const c=(d=t.header)==null?void 0:d.call(t,{}),C=!y.isEmptyElement(c);let m;if(C)m=c;else{m=[];const k=(v=t.avatar)==null?void 0:v.call(t,{});!y.isEmptyElement(k)?m.push(k):n.avatar&&m.push(e.h(M._sfc_main,{...n.avatarProps??{},src:n.avatar}));const E=i(),S=p();(E||S)&&m.push(e.h("div",{class:r.normCls(r.getBemElement(g,"header__content"),n.headerContentCls)},[E,S])),m.length||(m=void 0)}return m?(m.push(e.h(X)),e.h("div",{class:r.normCls(r.getBemElement(g,"header"),n.headerCls)},m)):null},h=()=>{var m;const c=(m=t.content)==null?void 0:m.call(t,{}),C=!y.isEmptyElement(c);if(C||n.content)return e.h("div",{class:r.normCls(r.getBemElement(g,"content"),n.contentCls,"paragraph"),innerHTML:C?void 0:n.content},C?c:void 0)},_=r.getBemElement(g,"replies"),B=$.cva(_,{variants:{open:r.generateVariantClassList("open",_)}}),b=()=>{var v;const c=(v=t.replies)==null?void 0:v.call(t,{}),C=!y.isEmptyElement(c),m=()=>{var E,S,x;const k=(E=t.repliesHeader)==null?void 0:E.call(t,{open:!!s.value}),a=[];if(!y.isEmptyElement(k))a.push(k);else{a.push(e.h(H._sfc_main,{size:"xsm",bg:"transparent",br:"transparent"},{default:()=>e.h(y._sfc_main$3,{icon:"tabler:chevron-down",class:r.getBemElement(_,"icon"),size:"2xsm"})}));const T=(S=t.repliesCount)==null?void 0:S.call(t,{}),A=!y.isEmptyElement(T),w=(x=t.repliesTitle)==null?void 0:x.call(t,{}),q=!y.isEmptyElement(w);let V;q?V=w:V=n.repliesTitle,a.push(e.h("div",{class:r.normCls(r.getBemElement(_,"title"),n.repliesTitleCls)},V)),(A||n.repliesCount)&&a.push(e.h(I._sfc_main,{color:"primary-subtle",text:n.repliesCount,size:"xsm"},{text:()=>T}))}return e.h("div",{class:r.normCls(r.getBemElement(_,"header"),n.repliesHeaderCls),onClick:()=>{s.value=!s.value}},a)},d=()=>{if(s.value)return[e.h("div",{class:r.normCls(r.getBemElement(_,"content"),n.repliesContentCls)},c),e.h("div",{class:r.getBemElement(_,"line")})]};return C?e.h("div",{class:r.normCls(B({open:!!s.value}),n.repliesCls)},[m(),d()]):null};return D({emit:u,props:n,slots:t}),(c,C)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(g),n.class))},[e.createVNode(o),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(g),"body"),n.bodyCls))},[e.createVNode(h),e.createVNode(Y),e.createVNode(b)],2)],2))}}),ee=e.defineComponent({...R.getComponentOptions("CommentAction"),__name:"CommentAction",props:{hasEdit:{type:Boolean,default:!0},hasDelete:{type:Boolean,default:!0},editText:{default:"Edit"},deleteText:{default:"Delete"},dir:{},class:{},containerCls:{},containerClass:{},containerProps:{},trigger:{},size:{},to:{},placement:{},reversePlacementOnDir:{},autoFocusInside:{type:Boolean},zIndex:{},useReferenceAttribute:{type:Boolean},defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},openDelay:{},closeDelay:{},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},sideOffset:{},alignOffset:{},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},disableOutsidePointerEvents:{type:Boolean}},emits:["edit","delete","update:open"],setup(f,{emit:l}){const n=f,t=l,u=()=>{t("edit"),i.value=!1},s=()=>{t("delete"),i.value=!1},i=y.useVModel(n,"open",t,{passive:n.open===void 0});return(p,o)=>(e.openBlock(),e.createBlock(e.unref(U._sfc_main),e.mergeProps(n,{open:e.unref(i),"onUpdate:open":o[0]||(o[0]=h=>e.isRef(i)?i.value=h:null),placement:"bottom-end",sideOffset:3,trigger:"click",openDelay:0}),{content:e.withCtx(()=>[e.createVNode(O._sfc_main,{style:{width:"116px"}},{default:e.withCtx(()=>[p.hasEdit?(e.openBlock(),e.createBlock(O._sfc_main$1,{key:"edit",title:p.editText,onClick:u},{leading:e.withCtx(({iconSize:h})=>[e.createVNode(y._sfc_main$3,{icon:"tabler:edit",size:h},null,8,["size"])]),_:1},8,["title"])):e.createCommentVNode("",!0),p.hasDelete?(e.openBlock(),e.createBlock(O._sfc_main$1,{key:"delete",title:p.deleteText,danger:"",onClick:s},{leading:e.withCtx(({iconSize:h})=>[e.createVNode(y._sfc_main$3,{icon:"tabler:trash",size:h},null,8,["size"])]),_:1},8,["title"])):e.createCommentVNode("",!0)]),_:1})]),_:1},16,["open"]))}}),te=e.defineComponent({...R.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(f,{emit:l}){const n=f,t=l,u=i=>{t("reaction",i.value),s.value=!1},s=y.useVModel(n,"open",t,{passive:n.open===void 0});return(i,p)=>(e.openBlock(),e.createBlock(F._sfc_main,e.mergeProps(n,{noTrigger:"",hideClear:"",hideGroup:"",hideIcons:"",hideRandom:"",group:"emoji",popoverProps:{...i.popoverProps??{},reference:i.reference},placement:"bottom-end",visibleColorPickers:[],noModel:"",onSelect:u,open:e.unref(s),"onUpdate:open":p[0]||(p[0]=o=>e.isRef(s)?s.value=o:null)}),null,16,["popoverProps","open"]))}}),oe=e.defineComponent({...R.getComponentOptions("CommentMention"),__name:"CommentMention",props:{size:{},status:{},multiple:{type:Boolean},noLastValueOnPlaceholder:{type:Boolean},showLabelValueOnHeaderSearch:{type:Boolean},zIndex:{},checkbox:{type:Boolean},tagRenderMode:{},getTagProps:{type:Function},tree:{type:Boolean},contentFit:{type:Boolean},wrapped:{type:Boolean},sortSelectedItems:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{},selectedItemIconAsTrailingIcon:{type:Boolean},maxCount:{},to:{type:[String,Function]},placeholder:{},indicatorIcon:{},options:{},getDisabled:{},getLabel:{},getDescription:{},getValue:{},getNoCheckbox:{},getSingle:{},getClear:{},getGroupOptions:{},getGroupLabel:{},getIcon:{},placement:{},reversePlacementOnDir:{},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:{},headerSearch:{type:Boolean},search:{},noTrigger:{type:Boolean},open:{type:Boolean},defaultOpen:{type:Boolean},resetSearchTermOnBlur:{type:Boolean},resetSearchTermOnSelect:{type:Boolean},modelValue:{},defaultValue:{},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},by:{type:[String,Function]},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean},reference:{},forceMount:{type:Boolean},position:{},bodyLock:{type:Boolean},side:{},sideOffset:{},align:{},alignOffset:{},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},defer:{type:Boolean}},emits:["mention"],setup(f,{emit:l}){const n=f,t=l,u=e.useSlots(),s=(i,p,o)=>{t("mention",i,o)};return(i,p)=>(e.openBlock(),e.createBlock(G._sfc_main,e.mergeProps(n,{modelValue:"",onSelect:s,noTrigger:""}),e.createSlots({_:2},[e.renderList(Object.keys(u),o=>({name:o,fn:e.withCtx(h=>[e.renderSlot(i.$slots,o,e.normalizeProps(e.guardReactiveProps(h)))])}))]),1040))}}),ne=e.defineComponent({...R.getComponentOptions("CommentEditor"),__name:"CommentEditor",props:{class:{},actionsCls:{},editorCls:{},footerCls:{},disabled:{type:Boolean},isEmpty:{type:Boolean},mentionsReference:{},uploadProps:{},maxHeight:{default:100}},emits:["openReaction","openMention","blur","focus","mention","submit"],setup(f,{emit:l}){const n=e.useSlots(),t=f,u=l,s=r.getBemElement(g,"editor"),i=e.ref(),p=()=>{u("openReaction",i.value)},o=e.ref(),h=()=>{u("openMention",o.value)},{rootBindings:_,inputBindings:B}=W.UseInputDataStates({getDisabled:()=>t.disabled,emit:u}),b=()=>u("submit"),c=e.computed(()=>{if(Number(t.maxHeight)>0)return`${t.maxHeight}px`;if(typeof t.maxHeight=="string")return t.maxHeight}),C=e.ref(),m=d=>{var v;(v=C.value)!=null&&v.addFiles&&d.length&&C.value.addFiles(d)};return(d,v)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:e.unref(r.normCls)(e.unref(s),t.class)},e.unref(_)),[e.createVNode(Q._sfc_main,{overlay:!1,hasMask:!1,class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(s),"editor"),"paragraph",t.editorCls)),style:e.normalizeStyle({maxHeight:c.value})},{default:e.withCtx(()=>[e.renderSlot(d.$slots,"default",e.normalizeProps(e.guardReactiveProps(e.unref(B))))]),_:3},8,["class","style"]),e.createVNode(z._sfc_main,e.mergeProps({noTrigger:""},d.uploadProps,{ref_key:"uploadRef",ref:C}),e.createSlots({_:2},[e.renderList(Object.keys(e.unref(y.omit)(n,"default")),k=>({name:k,fn:e.withCtx(a=>[e.renderSlot(d.$slots,k,e.normalizeProps(e.guardReactiveProps(a)))])}))]),1040),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(s),"footer"),t.footerCls))},[e.createVNode(K._sfc_main),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(s),"actions"),t.actionsCls))},[e.createElementVNode("div",null,[e.createVNode(P._sfc_main,{icon:"tabler:at",color:"neutral",type:"ghost",ref_key:"mentionRef",ref:o,onClick:h},null,512),e.createVNode(z._sfc_main$1,{accept:"image/*",multiple:"",onAddFiles:m},{default:e.withCtx(()=>[e.createVNode(P._sfc_main,{icon:"tabler:photo",color:"neutral",type:"ghost"})]),_:1}),e.createVNode(P._sfc_main,{icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:i,onClick:p},null,512)]),e.createVNode(P._sfc_main,{disabled:d.isEmpty,icon:"tabler:arrow-up",onClick:b},null,8,["disabled"])],2)],2)],16))}}),re=["tabindex","disabled"],le=e.defineComponent({...R.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(f,{emit:l}){const n=e.useSlots(),t=f,u=l,s=r.getBemElement(g,"trigger"),i=o=>{!t.ignoeShortcut&&o.code==="KeyC"&&o.altKey&&p(o)};e.onMounted(()=>{t.withShortcut&&addEventListener("keyup",i)}),e.onBeforeUnmount(()=>{t.withShortcut&&removeEventListener("keyup",i)}),t.withShortcut;const p=o=>u("add",o);return(o,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(s),t.class)),tabindex:o.disabled?-1:0,disabled:o.disabled?"":void 0,onPointerdown:e.withModifiers(p,["stop"]),onKeyup:e.withModifiers(p,["stop"])},[e.createVNode(M._sfc_main,e.mergeProps(o.avatarProps??{},{size:"sm",src:o.src}),e.createSlots({_:2},[e.renderList(Object.keys(n),_=>({name:_,fn:e.withCtx(B=>[e.renderSlot(o.$slots,_,e.normalizeProps(e.guardReactiveProps(B)))])}))]),1040,["src"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(s),"text"))},[e.renderSlot(o.$slots,"text",{},()=>[e.createTextVNode(e.toDisplayString(o.text),1)])],2),e.createVNode(J._sfc_main,e.mergeProps(o.shortcutProps??{},{items:[{text:"Alt"},{text:"C"}]}),null,16)],42,re))}}),se=f=>{const l=e.ref(!1),n=e.ref(),t=e.ref(!1),u=(a,E=!1)=>{l.value=!0,t.value=E,n.value=a},s=e.ref(!1),i=e.ref(),p=a=>{s.value=!0,i.value=a},o=e.computed(()=>({open:l.value,reference:n.value,"onUpdate:open":a=>l.value=a,onReaction:a=>{var E,S;if(t.value)try{(E=f.addEmoji)==null||E.call(f,a)}catch(x){console.log("error on reaction ===>",x)}try{(S=f.onReaction)==null||S.call(f,a)}catch(x){console.log("error on reaction ===>",x)}}})),h=e.computed(()=>({open:s.value,reference:i.value,"onUpdate:open":a=>s.value=a})),_=e.ref(!1),B=e.ref(),b=e.ref(),c=e.ref(!1),C=e.computed(()=>({open:_.value,"onUpdate:open":a=>_.value=a,search:B.value,"onUpdate:search":a=>B.value=a,reference:b.value,headerSearch:c.value,onPointerDownOutside:d,onEscapeKeyDown:d})),m=a=>{a&&(b.value={getBoundingClientRect:a},_.value=!0,c.value=!1)},d=()=>{b.value=void 0,_.value=!1,B.value=void 0},v=a=>{B.value=a},k=e.computed(()=>({onOpenReaction:a=>u(a,!0),onOpenMention:a=>{a&&(b.value=a,_.value=!0,c.value=!0)}}));return{reactionBinding:o,actionBinding:h,editorBinding:k,mentionBinding:C,openActions:p,openReaction:u,openMentionInEditor:m,closeMentionInEditor:d,updateMentionQuery:v}};exports.Comment=Z;exports.CommentAction=ee;exports.CommentEditor=ne;exports.CommentMention=oe;exports.CommentReaction=te;exports.CommentTrigger=le;exports.commentPrefix=g;exports.injectCommentContext=N;exports.provideCommentContext=D;exports.useComment=se;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),y=require("../Icon.vue_vue_type_style_index_0_lang-CPuN4R-k.js"),R=require("../options-CY2uxp5A.js"),M=require("../Avatar.vue_vue_type_style_index_0_lang-YkXWR99l.js"),I=require("../Badge.vue_vue_type_script_setup_true_lang-BAQIKtam.js"),$=require("class-variance-authority"),H=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-EviuZ52W.js");require("@iconify/vue");const r=require("@pantograph/utils"),P=require("../IconButton.vue_vue_type_script_setup_true_lang-DynLmo_n.js"),L=require("../ActionButton.vue_vue_type_script_setup_true_lang-BGrL1xRj.js"),j=require("reka-ui"),U=require("../Popover.vue_vue_type_style_index_0_lang-qJ0psPTx.js"),O=require("../MenuItem.vue_vue_type_style_index_0_lang-fYybuhKO.js"),F=require("../GOPicker.vue_vue_type_style_index_0_lang-Bb05nUVP.js"),G=require("../Combobox.vue_vue_type_style_index_0_lang-Dtf_JcyR.js"),K=require("../Divider.vue_vue_type_style_index_0_lang-B1VnMpBg.js"),W=require("../useInputDataStates-CXaVG_o2.js"),Q=require("../ScrollContainer.vue_vue_type_style_index_0_lang-BLFtmUwR.js"),z=require("../Upload.vue_vue_type_style_index_0_lang-oVgy1020.js"),J=require("../Shortcut.vue_vue_type_style_index_0_lang-maaUKoPJ.js"),X=e.defineComponent({...R.getComponentOptions("CommentActions"),__name:"CommentActions",setup(f){const l=N(),n=e.ref(),t=e.ref(),u=()=>{l.emit("openActions",t.value)},s=()=>{l.emit("openReaction",n.value)},i=()=>{l.emit("reply")};return(p,o)=>e.unref(l).props.hasReaction||e.unref(l).props.hasEdit||e.unref(l).props.hasDelete?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(g),"actions"),e.unref(l).props.actionsCls))},[e.unref(l).props.hasReply?(e.openBlock(),e.createBlock(P._sfc_main,{key:0,icon:"tabler:corner-up-left",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:n,flipOnDir:"rtl",onClick:i},null,512)):e.createCommentVNode("",!0),e.unref(l).props.hasReaction?(e.openBlock(),e.createBlock(P._sfc_main,{key:1,icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:n,onClick:s},null,512)):e.createCommentVNode("",!0),e.unref(l).props.hasEdit||e.unref(l).props.hasDelete?(e.openBlock(),e.createBlock(P._sfc_main,{key:2,icon:"tabler:dots-vertical",color:"neutral",type:"ghost",ref_key:"actionRef",ref:t,onClick:u},null,512)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)}}),Y=e.defineComponent({...R.getComponentOptions("CommentReactions"),__name:"CommentReactions",setup(f){const l=N(),n=e.ref(),t=()=>{l.emit("openReaction",n.value)},u=s=>{s&&!s.active&&l.emit("reaction",s.emoji)};return(s,i)=>{var p;return e.unref(l).props.hasReaction&&((p=e.unref(l).props.reactions)!=null&&p.some(o=>o.count&&o.emoji))?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(g),"reactions"),e.unref(l).props.reactionsCls))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(l).props.reactions,o=>(e.openBlock(),e.createBlock(L._sfc_main,{key:o==null?void 0:o.emoji,active:o==null?void 0:o.active,onClick:h=>u(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(P._sfc_main,{icon:"tabler:mood-plus",color:"neutral",type:"outline",ref_key:"reactionRef",ref:n,onClick:t},null,512)],2)):e.createCommentVNode("",!0)}}}),g=r.getBemBlock("comment"),[N,D]=j.createContext("Comment"),Z=e.defineComponent({...R.getComponentOptions("Comment"),__name:"Comment",props:{class:{},headerCls:{},actionsCls:{},bodyCls:{},datetimeCls:{},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(f,{emit:l}){const n=f,t=e.useSlots(),u=l,s=y.useVModel(n,"open",u,{passive:n.open===void 0}),i=()=>{var d;let c;const C=(d=t.author)==null?void 0:d.call(t,{});return!y.isEmptyElement(C)?c=C:c=n.author,c?e.h("div",{class:r.normCls(r.getBemElement(g,"author"),n.authorCls)},c):null},p=()=>{var d;let c;const C=(d=t.datetime)==null?void 0:d.call(t,{});return!y.isEmptyElement(C)?c=C:c=n.datetime,c?e.h("div",{class:r.normCls(r.getBemElement(g,"datetime"),n.datetimeCls)},c):null},o=()=>{var d,v;const c=(d=t.header)==null?void 0:d.call(t,{}),C=!y.isEmptyElement(c);let m;if(C)m=c;else{m=[];const k=(v=t.avatar)==null?void 0:v.call(t,{});!y.isEmptyElement(k)?m.push(k):n.avatar&&m.push(e.h(M._sfc_main,{...n.avatarProps??{},src:n.avatar}));const E=i(),S=p();(E||S)&&m.push(e.h("div",{class:r.normCls(r.getBemElement(g,"header__content"),n.headerContentCls)},[E,S])),m.length||(m=void 0)}return m?(m.push(e.h(X)),e.h("div",{class:r.normCls(r.getBemElement(g,"header"),n.headerCls)},m)):null},h=()=>{var m;const c=(m=t.content)==null?void 0:m.call(t,{}),C=!y.isEmptyElement(c);if(C||n.content)return e.h("div",{class:r.normCls(r.getBemElement(g,"content"),n.contentCls,"paragraph"),innerHTML:C?void 0:n.content},C?c:void 0)},_=r.getBemElement(g,"replies"),B=$.cva(_,{variants:{open:r.generateVariantClassList("open",_)}}),b=()=>{var v;const c=(v=t.replies)==null?void 0:v.call(t,{}),C=!y.isEmptyElement(c),m=()=>{var E,S,x;const k=(E=t.repliesHeader)==null?void 0:E.call(t,{open:!!s.value}),a=[];if(!y.isEmptyElement(k))a.push(k);else{a.push(e.h(H._sfc_main,{size:"xsm",bg:"transparent",br:"transparent"},{default:()=>e.h(y._sfc_main$3,{icon:"tabler:chevron-down",class:r.getBemElement(_,"icon"),size:"2xsm"})}));const T=(S=t.repliesCount)==null?void 0:S.call(t,{}),A=!y.isEmptyElement(T),w=(x=t.repliesTitle)==null?void 0:x.call(t,{}),q=!y.isEmptyElement(w);let V;q?V=w:V=n.repliesTitle,a.push(e.h("div",{class:r.normCls(r.getBemElement(_,"title"),n.repliesTitleCls)},V)),(A||n.repliesCount)&&a.push(e.h(I._sfc_main,{color:"primary-subtle",text:n.repliesCount,size:"xsm"},{text:()=>T}))}return e.h("div",{class:r.normCls(r.getBemElement(_,"header"),n.repliesHeaderCls),onClick:()=>{s.value=!s.value}},a)},d=()=>{if(s.value)return[e.h("div",{class:r.normCls(r.getBemElement(_,"content"),n.repliesContentCls)},c),e.h("div",{class:r.getBemElement(_,"line")})]};return C?e.h("div",{class:r.normCls(B({open:!!s.value}),n.repliesCls)},[m(),d()]):null};return D({emit:u,props:n,slots:t}),(c,C)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(g),n.class))},[e.createVNode(o),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(g),"body"),n.bodyCls))},[e.createVNode(h),e.createVNode(Y),e.createVNode(b)],2)],2))}}),ee=e.defineComponent({...R.getComponentOptions("CommentAction"),__name:"CommentAction",props:{hasEdit:{type:Boolean,default:!0},hasDelete:{type:Boolean,default:!0},editText:{default:"Edit"},deleteText:{default:"Delete"},dir:{},class:{},containerCls:{},containerClass:{},containerProps:{},trigger:{},size:{},to:{},placement:{},reversePlacementOnDir:{},autoFocusInside:{type:Boolean},zIndex:{},useReferenceAttribute:{type:Boolean},defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},openDelay:{},closeDelay:{},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},sideOffset:{},alignOffset:{},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},disableOutsidePointerEvents:{type:Boolean}},emits:["edit","delete","update:open"],setup(f,{emit:l}){const n=f,t=l,u=()=>{t("edit"),i.value=!1},s=()=>{t("delete"),i.value=!1},i=y.useVModel(n,"open",t,{passive:n.open===void 0});return(p,o)=>(e.openBlock(),e.createBlock(e.unref(U._sfc_main),e.mergeProps(n,{open:e.unref(i),"onUpdate:open":o[0]||(o[0]=h=>e.isRef(i)?i.value=h:null),placement:"bottom-end",sideOffset:3,trigger:"click",openDelay:0}),{content:e.withCtx(()=>[e.createVNode(O._sfc_main,{style:{width:"116px"}},{default:e.withCtx(()=>[p.hasEdit?(e.openBlock(),e.createBlock(O._sfc_main$1,{key:"edit",title:p.editText,onClick:u},{leading:e.withCtx(({iconSize:h})=>[e.createVNode(y._sfc_main$3,{icon:"tabler:edit",size:h},null,8,["size"])]),_:1},8,["title"])):e.createCommentVNode("",!0),p.hasDelete?(e.openBlock(),e.createBlock(O._sfc_main$1,{key:"delete",title:p.deleteText,danger:"",onClick:s},{leading:e.withCtx(({iconSize:h})=>[e.createVNode(y._sfc_main$3,{icon:"tabler:trash",size:h},null,8,["size"])]),_:1},8,["title"])):e.createCommentVNode("",!0)]),_:1})]),_:1},16,["open"]))}}),te=e.defineComponent({...R.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(f,{emit:l}){const n=f,t=l,u=i=>{t("reaction",i.value),s.value=!1},s=y.useVModel(n,"open",t,{passive:n.open===void 0});return(i,p)=>(e.openBlock(),e.createBlock(F._sfc_main,e.mergeProps(n,{noTrigger:"",hideClear:"",hideGroup:"",hideIcons:"",hideRandom:"",group:"emoji",popoverProps:{...i.popoverProps??{},reference:i.reference},placement:"bottom-end",visibleColorPickers:[],noModel:"",onSelect:u,open:e.unref(s),"onUpdate:open":p[0]||(p[0]=o=>e.isRef(s)?s.value=o:null)}),null,16,["popoverProps","open"]))}}),oe=e.defineComponent({...R.getComponentOptions("CommentMention"),__name:"CommentMention",props:{size:{},status:{},multiple:{type:Boolean},noLastValueOnPlaceholder:{type:Boolean},showLabelValueOnHeaderSearch:{type:Boolean},zIndex:{},checkbox:{type:Boolean},tagRenderMode:{},getTagProps:{type:Function},tree:{type:Boolean},contentFit:{type:Boolean},wrapped:{type:Boolean},sortSelectedItems:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{},selectedItemIconAsTrailingIcon:{type:Boolean},maxCount:{},to:{type:[String,Function]},placeholder:{},indicatorIcon:{},options:{},getDisabled:{},getLabel:{},getDescription:{},getValue:{},getNoCheckbox:{},getSingle:{},getClear:{},getGroupOptions:{},getGroupLabel:{},getIcon:{},placement:{},reversePlacementOnDir:{},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:{},headerSearch:{type:Boolean},search:{},noTrigger:{type:Boolean},open:{type:Boolean},defaultOpen:{type:Boolean},resetSearchTermOnBlur:{type:Boolean},resetSearchTermOnSelect:{type:Boolean},modelValue:{},defaultValue:{},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},by:{type:[String,Function]},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean},reference:{},forceMount:{type:Boolean},position:{},bodyLock:{type:Boolean},side:{},sideOffset:{},align:{},alignOffset:{},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},defer:{type:Boolean}},emits:["mention"],setup(f,{emit:l}){const n=f,t=l,u=e.useSlots(),s=(i,p,o)=>{t("mention",i,o)};return(i,p)=>(e.openBlock(),e.createBlock(G._sfc_main,e.mergeProps(n,{modelValue:"",onSelect:s,noTrigger:""}),e.createSlots({_:2},[e.renderList(Object.keys(u),o=>({name:o,fn:e.withCtx(h=>[e.renderSlot(i.$slots,o,e.normalizeProps(e.guardReactiveProps(h)))])}))]),1040))}}),ne=e.defineComponent({...R.getComponentOptions("CommentEditor"),__name:"CommentEditor",props:{class:{},actionsCls:{},editorCls:{},footerCls:{},disabled:{type:Boolean},isEmpty:{type:Boolean},mentionsReference:{},uploadProps:{},maxHeight:{default:100}},emits:["openReaction","openMention","blur","focus","mention","submit"],setup(f,{emit:l}){const n=e.useSlots(),t=f,u=l,s=r.getBemElement(g,"editor"),i=e.ref(),p=()=>{u("openReaction",i.value)},o=e.ref(),h=()=>{u("openMention",o.value)},{rootBindings:_,inputBindings:B}=W.UseInputDataStates({getDisabled:()=>t.disabled,emit:u}),b=()=>u("submit"),c=e.computed(()=>{if(Number(t.maxHeight)>0)return`${t.maxHeight}px`;if(typeof t.maxHeight=="string")return t.maxHeight}),C=e.ref(),m=d=>{var v;(v=C.value)!=null&&v.addFiles&&d.length&&C.value.addFiles(d)};return(d,v)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:e.unref(r.normCls)(e.unref(s),t.class)},e.unref(_)),[e.createVNode(Q._sfc_main,{overlay:!1,hasMask:!1,class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(s),"editor"),"paragraph",t.editorCls)),style:e.normalizeStyle({maxHeight:c.value})},{default:e.withCtx(()=>[e.renderSlot(d.$slots,"default",e.normalizeProps(e.guardReactiveProps(e.unref(B))))]),_:3},8,["class","style"]),e.createVNode(z._sfc_main,e.mergeProps({noTrigger:""},d.uploadProps,{ref_key:"uploadRef",ref:C}),e.createSlots({_:2},[e.renderList(Object.keys(e.unref(y.omit)(n,"default")),k=>({name:k,fn:e.withCtx(a=>[e.renderSlot(d.$slots,k,e.normalizeProps(e.guardReactiveProps(a)))])}))]),1040),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(s),"footer"),t.footerCls))},[e.createVNode(K._sfc_main),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(s),"actions"),t.actionsCls))},[e.createElementVNode("div",null,[e.createVNode(P._sfc_main,{icon:"tabler:at",color:"neutral",type:"ghost",ref_key:"mentionRef",ref:o,onClick:h},null,512),e.createVNode(z._sfc_main$1,{accept:"image/*",multiple:"",onAddFiles:m},{default:e.withCtx(()=>[e.createVNode(P._sfc_main,{icon:"tabler:photo",color:"neutral",type:"ghost"})]),_:1}),e.createVNode(P._sfc_main,{icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:i,onClick:p},null,512)]),e.createVNode(P._sfc_main,{disabled:d.isEmpty,icon:"tabler:arrow-up",onClick:b},null,8,["disabled"])],2)],2)],16))}}),re=["tabindex","disabled"],le=e.defineComponent({...R.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(f,{emit:l}){const n=e.useSlots(),t=f,u=l,s=r.getBemElement(g,"trigger"),i=o=>{!t.ignoeShortcut&&o.code==="KeyC"&&o.altKey&&p(o)};e.onMounted(()=>{t.withShortcut&&addEventListener("keyup",i)}),e.onBeforeUnmount(()=>{t.withShortcut&&removeEventListener("keyup",i)}),t.withShortcut;const p=o=>u("add",o);return(o,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(s),t.class)),tabindex:o.disabled?-1:0,disabled:o.disabled?"":void 0,onPointerdown:e.withModifiers(p,["stop"]),onKeyup:e.withModifiers(p,["stop"])},[e.createVNode(M._sfc_main,e.mergeProps(o.avatarProps??{},{size:"sm",src:o.src}),e.createSlots({_:2},[e.renderList(Object.keys(n),_=>({name:_,fn:e.withCtx(B=>[e.renderSlot(o.$slots,_,e.normalizeProps(e.guardReactiveProps(B)))])}))]),1040,["src"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(s),"text"))},[e.renderSlot(o.$slots,"text",{},()=>[e.createTextVNode(e.toDisplayString(o.text),1)])],2),e.createVNode(J._sfc_main,e.mergeProps(o.shortcutProps??{},{items:[{text:"Alt"},{text:"C"}]}),null,16)],42,re))}}),se=f=>{const l=e.ref(!1),n=e.ref(),t=e.ref(!1),u=(a,E=!1)=>{l.value=!0,t.value=E,n.value=a},s=e.ref(!1),i=e.ref(),p=a=>{s.value=!0,i.value=a},o=e.computed(()=>({open:l.value,reference:n.value,"onUpdate:open":a=>l.value=a,onReaction:a=>{var E,S;if(t.value)try{(E=f.addEmoji)==null||E.call(f,a)}catch(x){console.log("error on reaction ===>",x)}try{(S=f.onReaction)==null||S.call(f,a)}catch(x){console.log("error on reaction ===>",x)}}})),h=e.computed(()=>({open:s.value,reference:i.value,"onUpdate:open":a=>s.value=a})),_=e.ref(!1),B=e.ref(),b=e.ref(),c=e.ref(!1),C=e.computed(()=>({open:_.value,"onUpdate:open":a=>_.value=a,search:B.value,"onUpdate:search":a=>B.value=a,reference:b.value,headerSearch:c.value,onPointerDownOutside:d,onEscapeKeyDown:d})),m=a=>{a&&(b.value={getBoundingClientRect:a},_.value=!0,c.value=!1)},d=()=>{b.value=void 0,_.value=!1,B.value=void 0},v=a=>{B.value=a},k=e.computed(()=>({onOpenReaction:a=>u(a,!0),onOpenMention:a=>{a&&(b.value=a,_.value=!0,c.value=!0)}}));return{reactionBinding:o,actionBinding:h,editorBinding:k,mentionBinding:C,openActions:p,openReaction:u,openMentionInEditor:m,closeMentionInEditor:d,updateMentionQuery:v}};exports.Comment=Z;exports.CommentAction=ee;exports.CommentEditor=ne;exports.CommentMention=oe;exports.CommentReaction=te;exports.CommentTrigger=le;exports.commentPrefix=g;exports.injectCommentContext=N;exports.provideCommentContext=D;exports.useComment=se;

package/dist/DropZone/index.js

@@ -1,4 +1,4 @@
-import { _ as a, a as s, D as p, _ as r } from "../DropZone.vue_vue_type_style_index_0_lang-gguAkRve.js";
+import { _ as a, a as s, D as p, _ as r } from "../DropZone.vue_vue_type_style_index_0_lang-DG-qd8DX.js";
 export {
   a as DropZone,
   s as DropZoneSizes,

package/dist/DropZone/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../DropZone.vue_vue_type_style_index_0_lang-4zdO8B11.js");exports.DropZone=e._sfc_main;exports.DropZoneSizes=e.DropZoneSizes;exports.DropZoneTypes=e.DropZoneTypes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../DropZone.vue_vue_type_style_index_0_lang-B0mAntU4.js");exports.DropZone=e._sfc_main;exports.DropZoneSizes=e.DropZoneSizes;exports.DropZoneTypes=e.DropZoneTypes;exports.default=e._sfc_main;

package/dist/DropZone.vue_vue_type_style_index_0_lang-B0mAntU4.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),o=require("@pantograph/utils"),b=require("class-variance-authority"),V=require("./options-CY2uxp5A.js"),T=require("./Icon.vue_vue_type_style_index_0_lang-CPuN4R-k.js"),_=require("./Button.vue_vue_type_script_setup_true_lang-dyN0fBVx.js"),u=["default","placeholder"],d=["sm","md","lg"],h=["tabindex","disabled"],N=e.defineComponent({...V.getComponentOptions("DropZone"),__name:"DropZone",props:{type:{default:"default"},size:{default:"md"},uploadButton:{type:Boolean},disabled:{type:Boolean},class:{},iconCls:{},icon:{type:[String,Boolean],default:!0},titleCls:{},descriptionCls:{},title:{},description:{},uploadText:{}},emits:["upload","drop","dragleave","dragenter"],setup(p,{emit:m}){const l=m,n=p,f=e.computed(()=>n.icon===!0?"tabler:drag-drop":n.icon),i=e.useSlots(),s=o.getBemBlock("drop_zone"),g=b.cva(s,{variants:{type:o.generateVariantClassList(u,s),size:o.generateVariantClassList(d,s),active:o.generateVariantClassList("active",s)}}),a=e.shallowRef(!1),C=e.computed(()=>n.title||!!i.title),v=e.computed(()=>n.description||!!i.description),B=e.computed(()=>{switch(n.size){case"sm":return"xsm";default:return"sm"}}),y=e.computed(()=>{switch(n.size){case"sm":return"sm";default:return"md"}}),z=t=>{var r,c;(c=(r=t==null?void 0:t.currentTarget)==null?void 0:r.contains)!=null&&c.call(r,t.relatedTarget)||(a.value=!1,l("dragleave",t))},k=t=>{a.value||(a.value=!0,l("dragenter",t))},D=t=>{a.value=!1,l("drop",t)},S=t=>{l("upload",t)};return(t,r)=>(e.openBlock(),e.createElementBlock("div",{onDragenter:k,onDragleave:z,onDragover:r[0]||(r[0]=e.withModifiers(()=>{},["prevent"])),onDrop:D,class:e.normalizeClass(e.unref(o.normCls)(e.unref(g)({type:t.type,size:t.size,active:a.value}),n.class)),tabindex:t.disabled?void 0:0,disabled:t.disabled},[t.icon||i.icon?(e.openBlock(),e.createBlock(T._sfc_main$3,{key:0,size:B.value,icon:f.value,class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(s),"icon"),t.iconCls))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["size","icon","class"])):e.createCommentVNode("",!0),C.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(s),"title"),t.titleCls))},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),v.value?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(s),"description"),t.descriptionCls))},[e.renderSlot(t.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0),t.type=="default"?e.renderSlot(t.$slots,"uploadButton",{key:3},()=>[t.uploadText?(e.openBlock(),e.createBlock(_._sfc_main,{key:0,size:y.value,"pre-icon":"tabler:upload",type:"outline",disabled:t.disabled||a.value,onClick:S},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.uploadText),1)]),_:1},8,["size","disabled"])):e.createCommentVNode("",!0)]):e.createCommentVNode("",!0)],42,h))}});exports.DropZoneSizes=d;exports.DropZoneTypes=u;exports._sfc_main=N;

package/dist/{DropZone.vue_vue_type_style_index_0_lang-gguAkRve.js → DropZone.vue_vue_type_style_index_0_lang-DG-qd8DX.js}

@@ -1,5 +1,5 @@
-import { defineComponent as N, computed as r, useSlots as M, shallowRef as O, createElementBlock as f, openBlock as n, normalizeClass as p, withModifiers as R, unref as t, createBlock as C, createCommentVNode as l, renderSlot as c, withCtx as D, createTextVNode as g, toDisplayString as v } from "vue";
-import { getBemBlock as U, generateVariantClassList as y, normCls as u, getBemElement as z } from "@pantograph/utils";
+import { defineComponent as N, computed as n, useSlots as M, shallowRef as O, createElementBlock as f, openBlock as r, normalizeClass as p, withModifiers as R, unref as t, createBlock as C, createCommentVNode as l, renderSlot as u, withCtx as D, createTextVNode as g, toDisplayString as v } from "vue";
+import { getBemBlock as U, generateVariantClassList as y, normCls as c, getBemElement as z } from "@pantograph/utils";
 import { cva as j } from "class-variance-authority";
 import { g as q } from "./options-Bh1s18jm.js";
 import { k as A } from "./Icon.vue_vue_type_style_index_0_lang-BxthrfMq.js";
@@ -23,22 +23,20 @@ const G = ["default", "placeholder"], H = ["sm", "md", "lg"], J = ["tabindex", "
   },
   emits: ["upload", "drop", "dragleave", "dragenter"],
   setup(b, { emit: k }) {
-    const d = k, o = b, h = r(() => o.icon === !0 ? "tabler:drag-drop" : o.icon), m = M(), s = U("drop_zone"), T = j(s, {
+    const d = k, o = b, h = n(() => o.icon === !0 ? "tabler:drag-drop" : o.icon), m = M(), s = U("drop_zone"), T = j(s, {
       variants: {
         type: y(G, s),
         size: y(H, s),
         active: y("active", s)
       }
-    }), i = O(!1), S = r(() => o.title || !!m.title), $ = r(() => o.description || !!m.description), w = r(() => {
+    }), i = O(!1), S = n(() => o.title || !!m.title), $ = n(() => o.description || !!m.description), w = n(() => {
       switch (o.size) {
         case "sm":
-          return "2xsm";
-        case "lg":
-          return "sm";
-        default:
           return "xsm";
+        default:
+          return "sm";
       }
-    }), Z = r(() => {
+    }), Z = n(() => {
       switch (o.size) {
         case "sm":
           return "sm";
@@ -55,14 +53,14 @@ const G = ["default", "placeholder"], H = ["sm", "md", "lg"], J = ["tabindex", "
     }, L = (e) => {
       d("upload", e);
     };
-    return (e, a) => (n(), f("div", {
+    return (e, a) => (r(), f("div", {
       onDragenter: V,
       onDragleave: E,
       onDragover: a[0] || (a[0] = R(() => {
       }, ["prevent"])),
       onDrop: I,
       class: p(
-        t(u)(
+        t(c)(
           t(T)({
             type: e.type,
             size: e.size,
@@ -74,40 +72,40 @@ const G = ["default", "placeholder"], H = ["sm", "md", "lg"], J = ["tabindex", "
       tabindex: e.disabled ? void 0 : 0,
       disabled: e.disabled
     }, [
-      e.icon || m.icon ? (n(), C(A, {
+      e.icon || m.icon ? (r(), C(A, {
         key: 0,
         size: w.value,
         icon: h.value,
-        class: p(t(u)(t(z)(t(s), "icon"), e.iconCls))
+        class: p(t(c)(t(z)(t(s), "icon"), e.iconCls))
       }, {
         default: D(() => [
-          c(e.$slots, "icon")
+          u(e.$slots, "icon")
         ]),
         _: 3
       }, 8, ["size", "icon", "class"])) : l("", !0),
-      S.value ? (n(), f("div", {
+      S.value ? (r(), f("div", {
         key: 1,
-        class: p(t(u)(t(z)(t(s), "title"), e.titleCls))
+        class: p(t(c)(t(z)(t(s), "title"), e.titleCls))
       }, [
-        c(e.$slots, "title", {}, () => [
+        u(e.$slots, "title", {}, () => [
           g(v(e.title), 1)
         ])
       ], 2)) : l("", !0),
-      $.value ? (n(), f("div", {
+      $.value ? (r(), f("div", {
         key: 2,
-        class: p(t(u)(t(z)(t(s), "description"), e.descriptionCls))
+        class: p(t(c)(t(z)(t(s), "description"), e.descriptionCls))
       }, [
-        c(e.$slots, "description", {}, () => [
+        u(e.$slots, "description", {}, () => [
           g(v(e.description), 1)
         ])
       ], 2)) : l("", !0),
-      e.type == "default" ? c(e.$slots, "uploadButton", { key: 3 }, () => [
-        e.uploadText ? (n(), C(F, {
+      e.type == "default" ? u(e.$slots, "uploadButton", { key: 3 }, () => [
+        e.uploadText ? (r(), C(F, {
           key: 0,
           size: Z.value,
           "pre-icon": "tabler:upload",
           type: "outline",
-          disabled: e.disabled,
+          disabled: e.disabled || i.value,
           onClick: L
         }, {
           default: D(() => [

package/dist/Upload/UploadTrigger.d.ts

@@ -3,18 +3,18 @@ declare function __VLS_template(): {
     slots: {
         default?(_: {
             disabled: boolean | undefined;
+            tabindex: string;
             onClick?: undefined;
             onKeydown?: undefined;
             onDrop?: undefined;
             onDragover?: undefined;
-            tabindex?: undefined;
         } | {
             disabled: boolean | undefined;
+            tabindex: string;
             onClick: () => void;
             onKeydown: (e: KeyboardEvent) => void;
             onDrop: (e: DragEvent) => Promise<void>;
             onDragover: (e: DragEvent) => Promise<void>;
-            tabindex: string;
         }): any;
     };
     refs: {

package/dist/Upload/index.js

@@ -1,4 +1,4 @@
-import { _ as o, e as p, d as e, U as d, a as t, f as i, i as l, p as U, c as r, b as x, u as f } from "../Upload.vue_vue_type_style_index_0_lang-DXBaIH16.js";
+import { _ as o, e as p, d as e, U as d, a as t, f as i, i as l, p as U, c as r, b as x, u as f } from "../Upload.vue_vue_type_style_index_0_lang-DC0jVRjM.js";
 export {
   o as Upload,
   p as UploadListTypes,

package/dist/Upload/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Upload.vue_vue_type_style_index_0_lang-6dbdVoDr.js");exports.Upload=e._sfc_main;exports.UploadListTypes=e.UploadListTypes;exports.UploadSizes=e.UploadSizes;exports.UploadStatuses=e.UploadStatuses;exports.UploadTrigger=e._sfc_main$1;exports.UploadTypes=e.UploadTypes;exports.injectUploadContext=e.injectUploadContext;exports.provideUploadContext=e.provideUploadContext;exports.uploadListItemPrefix=e.uploadListItemPrefix;exports.uploadListPrefix=e.uploadListPrefix;exports.uploadPrefix=e.uploadPrefix;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Upload.vue_vue_type_style_index_0_lang-oVgy1020.js");exports.Upload=e._sfc_main;exports.UploadListTypes=e.UploadListTypes;exports.UploadSizes=e.UploadSizes;exports.UploadStatuses=e.UploadStatuses;exports.UploadTrigger=e._sfc_main$1;exports.UploadTypes=e.UploadTypes;exports.injectUploadContext=e.injectUploadContext;exports.provideUploadContext=e.provideUploadContext;exports.uploadListItemPrefix=e.uploadListItemPrefix;exports.uploadListPrefix=e.uploadListPrefix;exports.uploadPrefix=e.uploadPrefix;

package/dist/Upload/types.d.ts

@@ -1,6 +1,7 @@
 import { UploadListType, UploadSize, UploadStatus, UploadType } from './Upload.model.js';
 import { ComputedRef, WritableComputedRef } from 'vue';
 import { ProgressSize } from '../Progress/Progress.model.js';
+import { ClassValue } from 'class-variance-authority/types';
 export interface UploadFileBase {
     uid: string;
     percent?: number;
@@ -39,8 +40,9 @@ export interface UploadBaseProps {
     multiple?: boolean;
     disabled?: boolean;
     accept?: string;
+    class?: ClassValue;
 }
-export interface UploadProps extends UploadBaseProps {
+export interface UploadProps extends Omit<UploadBaseProps, 'class'> {
     onDownload?: (uploadFile: UploadFile) => void;
     parallelUpload?: boolean;
     uploadOnSelect?: boolean;
@@ -55,6 +57,7 @@ export interface UploadProps extends UploadBaseProps {
     maxCount?: number | string;
     action: (config: UploadActionParams) => Promise<any>;
     getFileIcon?: (file: UploadFile) => string;
+    triggerCls?: ClassValue;
 }
 export interface UploadEmits {
     (e: 'update:fileList', value: UploadFile[]): void;