@pantograph/vue 0.14.2 → 0.15.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (161) hide show
  1. package/dist/ActionButton/index.js +1 -1
  2. package/dist/ActionButton/index.umd.cjs +1 -1
  3. package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-SWGqIOkL.js → ActionButton.vue_vue_type_script_setup_true_lang-4bWnl8i0.js} +1 -1
  4. package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-CIRnLjGb.js → ActionButton.vue_vue_type_script_setup_true_lang-C_7SZxPE.js} +2 -2
  5. package/dist/Alert/index.js +1 -1
  6. package/dist/Alert/index.umd.cjs +1 -1
  7. package/dist/{Alert.vue_vue_type_style_index_0_lang-CgaIpUlB.js → Alert.vue_vue_type_style_index_0_lang-BSPB5uP9.js} +4 -4
  8. package/dist/{Alert.vue_vue_type_style_index_0_lang-igQvl6PR.js → Alert.vue_vue_type_style_index_0_lang-De8BdiEm.js} +1 -1
  9. package/dist/Avatar/index.js +1 -1
  10. package/dist/Avatar/index.umd.cjs +1 -1
  11. package/dist/Avatar.vue_vue_type_style_index_0_lang-CrIwlgJN.js +1 -0
  12. package/dist/{Avatar.vue_vue_type_style_index_0_lang-CsXvz6XE.js → Avatar.vue_vue_type_style_index_0_lang-DeTUyD13.js} +68 -53
  13. package/dist/AvatarGroup/AvatarGroup.d.ts +2 -1
  14. package/dist/AvatarGroup/index.js +1 -1
  15. package/dist/AvatarGroup/index.umd.cjs +1 -1
  16. package/dist/Badge/index.js +1 -1
  17. package/dist/Badge/index.umd.cjs +1 -1
  18. package/dist/Badge.vue_vue_type_script_setup_true_lang-CvnE7Srj.js +1 -0
  19. package/dist/Badge.vue_vue_type_script_setup_true_lang-DYPVS-yf.js +66 -0
  20. package/dist/BaseBadge.model-B27aBzz_.js +45 -0
  21. package/dist/BaseBadge.model-qrHPAcrC.js +1 -0
  22. package/dist/BaseBadge.vue_vue_type_style_index_0_lang-BGO_OgyI.js +87 -0
  23. package/dist/BaseBadge.vue_vue_type_style_index_0_lang-CKgCe7Up.js +1 -0
  24. package/dist/{BaseButton.vue_vue_type_style_index_0_lang-BG8oFqnh.js → BaseButton.vue_vue_type_style_index_0_lang-CgMukDgL.js} +4 -4
  25. package/dist/{BaseButton.vue_vue_type_style_index_0_lang-CDioOTsQ.js → BaseButton.vue_vue_type_style_index_0_lang-eeWTMdbl.js} +1 -1
  26. package/dist/Button/index.js +1 -1
  27. package/dist/Button/index.umd.cjs +1 -1
  28. package/dist/{Button.vue_vue_type_script_setup_true_lang-B4NQ4Dxa.js → Button.vue_vue_type_script_setup_true_lang-B6PUOUfI.js} +2 -2
  29. package/dist/{Button.vue_vue_type_script_setup_true_lang-BCRCGuJq.js → Button.vue_vue_type_script_setup_true_lang-DjzpN9q5.js} +1 -1
  30. package/dist/Checkbox/index.js +1 -1
  31. package/dist/Checkbox/index.umd.cjs +1 -1
  32. package/dist/{Checkbox.vue_vue_type_style_index_0_lang-Dpzk-ikf.js → Checkbox.vue_vue_type_style_index_0_lang-BoCylzCv.js} +14 -14
  33. package/dist/Checkbox.vue_vue_type_style_index_0_lang-CP6XeMyz.js +1 -0
  34. package/dist/CheckboxGroup/index.js +1 -1
  35. package/dist/CheckboxGroup/index.umd.cjs +1 -1
  36. package/dist/Chip/Chip.d.ts +55 -0
  37. package/dist/Chip/Chip.model.d.ts +4 -0
  38. package/dist/Chip/index.d.ts +2 -0
  39. package/dist/Chip/index.js +8 -0
  40. package/dist/Chip/index.umd.cjs +1 -0
  41. package/dist/Chip.vue_vue_type_style_index_0_lang-B8_9Fuov.js +114 -0
  42. package/dist/Chip.vue_vue_type_style_index_0_lang-DkdkKJvb.js +1 -0
  43. package/dist/ChipGroup/ChipGroup.d.ts +38 -0
  44. package/dist/ChipGroup/index.d.ts +1 -0
  45. package/dist/ChipGroup/index.js +7 -0
  46. package/dist/ChipGroup/index.umd.cjs +1 -0
  47. package/dist/ChipGroup.vue_vue_type_style_index_0_lang-Cn0SS405.js +74 -0
  48. package/dist/ChipGroup.vue_vue_type_style_index_0_lang-DXgB3D2F.js +1 -0
  49. package/dist/ColorPicker/index.js +1 -1
  50. package/dist/ColorPicker/index.umd.cjs +1 -1
  51. package/dist/{ColorPicker.vue_vue_type_style_index_0_lang-znCqIygO.js → ColorPicker.vue_vue_type_style_index_0_lang-BJqIuqb1.js} +1 -1
  52. package/dist/{ColorPicker.vue_vue_type_style_index_0_lang-C7mV51Ad.js → ColorPicker.vue_vue_type_style_index_0_lang-OlYb1GsW.js} +3 -3
  53. package/dist/ColorSwatch/index.js +1 -1
  54. package/dist/ColorSwatch/index.umd.cjs +1 -1
  55. package/dist/{ColorSwatch.vue_vue_type_style_index_0_lang-BmHfEa7I.js → ColorSwatch.vue_vue_type_style_index_0_lang-B35b1BsJ.js} +3 -3
  56. package/dist/{ColorSwatch.vue_vue_type_style_index_0_lang-03eJikYh.js → ColorSwatch.vue_vue_type_style_index_0_lang-DmhhCVv7.js} +1 -1
  57. package/dist/ColorSwatchGroup/index.js +1 -1
  58. package/dist/ColorSwatchGroup/index.umd.cjs +1 -1
  59. package/dist/{ColorSwatchGroup.vue_vue_type_style_index_0_lang-B77FnS5z.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-CUBuxVaq.js} +7 -7
  60. package/dist/{ColorSwatchGroup.vue_vue_type_style_index_0_lang-DkF3uee8.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-CYLmaqeI.js} +1 -1
  61. package/dist/ColorTrigger/index.js +1 -1
  62. package/dist/ColorTrigger/index.umd.cjs +1 -1
  63. package/dist/{ColorTrigger.vue_vue_type_style_index_0_lang-Q00MQEXY.js → ColorTrigger.vue_vue_type_style_index_0_lang-DNZxq-yR.js} +4 -4
  64. package/dist/{ColorTrigger.vue_vue_type_style_index_0_lang-DtSOxztA.js → ColorTrigger.vue_vue_type_style_index_0_lang-YWVLXFVc.js} +1 -1
  65. package/dist/ConfigProvider/index.js +1 -1
  66. package/dist/DataTable/index.js +1 -1
  67. package/dist/DataTable/index.umd.cjs +1 -1
  68. package/dist/DataTable.vue_vue_type_style_index_0_lang-BP5c0rda.js +1 -0
  69. package/dist/{DataTable.vue_vue_type_style_index_0_lang-wUSNbKN5.js → DataTable.vue_vue_type_style_index_0_lang-C-7s05L-.js} +198 -197
  70. package/dist/DropZone/DropZone.d.ts +53 -0
  71. package/dist/DropZone/index.d.ts +2 -1
  72. package/dist/DropZone/index.js +7 -1
  73. package/dist/DropZone/index.umd.cjs +1 -1
  74. package/dist/DropZone.vue_vue_type_style_index_0_lang-2NjXlFUi.js +121 -0
  75. package/dist/DropZone.vue_vue_type_style_index_0_lang-33INL6nm.js +1 -0
  76. package/dist/Empty/index.js +1 -1
  77. package/dist/{Empty.vue_vue_type_style_index_0_lang-DIgNReMG.js → Empty.vue_vue_type_style_index_0_lang-Jm_jtiLY.js} +1 -1
  78. package/dist/FloatButton/index.js +1 -1
  79. package/dist/FloatButton/index.umd.cjs +1 -1
  80. package/dist/{FloatButton.vue_vue_type_script_setup_true_lang-B_StGCXt.js → FloatButton.vue_vue_type_script_setup_true_lang-BxvHC70e.js} +2 -2
  81. package/dist/{FloatButton.vue_vue_type_script_setup_true_lang-B1XPEkaM.js → FloatButton.vue_vue_type_script_setup_true_lang-COenBFvO.js} +1 -1
  82. package/dist/GraphicalObject/index.js +1 -1
  83. package/dist/GraphicalObject/index.umd.cjs +1 -1
  84. package/dist/GraphicalObject.vue_vue_type_script_setup_true_lang-Bc5zh_wp.js +63 -0
  85. package/dist/GraphicalObject.vue_vue_type_script_setup_true_lang-CwxMftZ5.js +1 -0
  86. package/dist/Icon/index.js +1 -1
  87. package/dist/{Icon.vue_vue_type_style_index_0_lang-BbOuVnaS.js → Icon.vue_vue_type_style_index_0_lang-D2A2tkHI.js} +1 -1
  88. package/dist/IconButton/index.js +1 -1
  89. package/dist/IconButton/index.umd.cjs +1 -1
  90. package/dist/{IconButton.vue_vue_type_script_setup_true_lang-BCKUoXMR.js → IconButton.vue_vue_type_script_setup_true_lang-Bi_qwuVm.js} +2 -2
  91. package/dist/{IconButton.vue_vue_type_script_setup_true_lang-8SXYjPFD.js → IconButton.vue_vue_type_script_setup_true_lang-efWR_OuR.js} +1 -1
  92. package/dist/Image/index.js +1 -1
  93. package/dist/{Image.vue_vue_type_style_index_0_lang-BCEUJNgp.js → Image.vue_vue_type_style_index_0_lang-BgSo-YAW.js} +3 -3
  94. package/dist/IndentLevel/index.js +1 -1
  95. package/dist/IndentLevel/index.umd.cjs +1 -1
  96. package/dist/{IndentLevel.vue_vue_type_style_index_0_lang-Balon_8b.js → IndentLevel.vue_vue_type_style_index_0_lang-C_b-LVE0.js} +1 -1
  97. package/dist/{IndentLevel.vue_vue_type_style_index_0_lang-B8LQPGav.js → IndentLevel.vue_vue_type_style_index_0_lang-ChiSKb-J.js} +3 -3
  98. package/dist/Indicator/index.js +1 -1
  99. package/dist/Indicator/index.umd.cjs +1 -1
  100. package/dist/Indicator.vue_vue_type_script_setup_true_lang-DjRN5aRj.js +40 -0
  101. package/dist/Indicator.vue_vue_type_script_setup_true_lang-RPFjQEzE.js +1 -0
  102. package/dist/Input/index.js +1 -1
  103. package/dist/{Input.vue_vue_type_style_index_0_lang-B2Z-qNGX.js → Input.vue_vue_type_style_index_0_lang-CCKpwRTa.js} +35 -35
  104. package/dist/Kbd/index.js +1 -1
  105. package/dist/{Kbd.vue_vue_type_style_index_0_lang-qT4atWnM.js → Kbd.vue_vue_type_style_index_0_lang-4JCBBCVt.js} +1 -1
  106. package/dist/Link/index.js +1 -1
  107. package/dist/{Link.vue_vue_type_style_index_0_lang-CwqNtUft.js → Link.vue_vue_type_style_index_0_lang-klDK1kuj.js} +2 -2
  108. package/dist/Menu/index.js +1 -1
  109. package/dist/Menu/index.umd.cjs +1 -1
  110. package/dist/{Menu.vue_vue_type_style_index_0_lang-B4nElqHh.js → Menu.vue_vue_type_style_index_0_lang-BVNhKBcu.js} +7 -7
  111. package/dist/{Menu.vue_vue_type_style_index_0_lang-DI8PfRfx.js → Menu.vue_vue_type_style_index_0_lang-DacaUajM.js} +1 -1
  112. package/dist/MenuItem/index.js +1 -1
  113. package/dist/MenuItem/index.umd.cjs +1 -1
  114. package/dist/Popover/Popover.d.ts +0 -1
  115. package/dist/Popover/index.js +1 -1
  116. package/dist/Popover/index.umd.cjs +1 -1
  117. package/dist/Popover.vue_vue_type_style_index_0_lang-B695YDJE.js +1 -0
  118. package/dist/{Popover.vue_vue_type_style_index_0_lang-0M5QF6zB.js → Popover.vue_vue_type_style_index_0_lang-ByhaxoQo.js} +20 -21
  119. package/dist/RadioGroup/index.js +1 -1
  120. package/dist/{RadioGroup.vue_vue_type_script_setup_true_lang-nmPTqQWQ.js → RadioGroup.vue_vue_type_script_setup_true_lang-B9tmAIEG.js} +1 -1
  121. package/dist/ScrollContainer/index.js +1 -1
  122. package/dist/{ScrollContainer.model-BjFK83Qc.js → ScrollContainer.model-BzodTc4p.js} +1 -1
  123. package/dist/Shortcut/index.js +1 -1
  124. package/dist/{Shortcut.vue_vue_type_style_index_0_lang-BVM8_oZn.js → Shortcut.vue_vue_type_style_index_0_lang-Ae0GyIDs.js} +2 -2
  125. package/dist/Spinner/index.js +1 -1
  126. package/dist/{Spinner.vue_vue_type_style_index_0_lang-BxkbqSR_.js → Spinner.vue_vue_type_style_index_0_lang-DxwACaLW.js} +1 -1
  127. package/dist/Switch/index.js +1 -1
  128. package/dist/{Switch.vue_vue_type_style_index_0_lang-EFeii6Wg.js → Switch.vue_vue_type_style_index_0_lang-mkO4UH9N.js} +2 -2
  129. package/dist/Tree/index.js +1 -1
  130. package/dist/Tree/index.umd.cjs +1 -1
  131. package/dist/{Tree.vue_vue_type_style_index_0_lang-DKH3b_ev.js → Tree.vue_vue_type_style_index_0_lang-DKtLWacR.js} +7 -7
  132. package/dist/{Tree.vue_vue_type_style_index_0_lang-CYGAlGwC.js → Tree.vue_vue_type_style_index_0_lang-DnnW2v03.js} +1 -1
  133. package/dist/{_baseIsEqual-D6OIyc9x.js → _baseIsEqual-B1yr67CO.js} +4 -4
  134. package/dist/{_flatRest-BFIiKgYv.js → _flatRest-Bw7fWA39.js} +2 -2
  135. package/dist/{_getTag-C1N7G_It.js → _getTag-z7QaQ5uZ.js} +1 -1
  136. package/dist/{cloneDeep-BNNspOg-.js → cloneDeep-unwWx7xF.js} +1 -1
  137. package/dist/{get-9cMI4wkc.js → get-FzuQyzCL.js} +1 -1
  138. package/dist/{index-D_hCmLp9.js → index-CKvTY2M1.js} +1 -1
  139. package/dist/index.d.ts +2 -0
  140. package/dist/index.js +154 -142
  141. package/dist/index.umd.cjs +1 -1
  142. package/dist/{isArray-DGJFqUD8.js → isArray-CdbPONHA.js} +2 -2
  143. package/dist/{isEmpty-BfqMcSem.js → isEmpty-BEYnAygl.js} +2 -2
  144. package/dist/{isNumber-CFhCrbTP.js → isNumber-BopDesuz.js} +3 -3
  145. package/dist/{omit-BsFVls5E.js → omit-DB3u1XL5.js} +3 -3
  146. package/dist/{pick-CJI0LhLm.js → pick-BEnuz3iO.js} +3 -3
  147. package/dist/style/index.css +1 -1
  148. package/dist/{uniq-DI-nuzAz.js → uniq-Yl5OObL1.js} +2 -2
  149. package/package.json +12 -2
  150. package/dist/Avatar.vue_vue_type_style_index_0_lang-B--X3QQp.js +0 -1
  151. package/dist/Badge.vue_vue_type_script_setup_true_lang-C6BNLMaW.js +0 -65
  152. package/dist/Badge.vue_vue_type_script_setup_true_lang-Dn33PgFw.js +0 -1
  153. package/dist/BaseBadge.vue_vue_type_style_index_0_lang-BCkm3H4P.js +0 -128
  154. package/dist/BaseBadge.vue_vue_type_style_index_0_lang-BeAtJkbh.js +0 -1
  155. package/dist/Checkbox.vue_vue_type_style_index_0_lang-DXothnel.js +0 -1
  156. package/dist/DataTable.vue_vue_type_style_index_0_lang-zj_Bkt1X.js +0 -1
  157. package/dist/GraphicalObject.vue_vue_type_script_setup_true_lang-BfmGxGrs.js +0 -62
  158. package/dist/GraphicalObject.vue_vue_type_script_setup_true_lang-CS169UvS.js +0 -1
  159. package/dist/Indicator.vue_vue_type_script_setup_true_lang-B23gQXdq.js +0 -39
  160. package/dist/Indicator.vue_vue_type_script_setup_true_lang-DW3eCurT.js +0 -1
  161. package/dist/Popover.vue_vue_type_style_index_0_lang-DexTJf-3.js +0 -1
@@ -1 +1 @@
1
- "use strict";const e=require("vue"),m=require("./Icon.vue_vue_type_style_index_0_lang-BrV8amSh.js"),S=require("./Spinner.vue_vue_type_style_index_0_lang-DqDFW850.js"),x=require("./Badge.vue_vue_type_script_setup_true_lang-Dn33PgFw.js"),s=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-Dh51uD32.js"),a=require("@pantograph/utils"),h=require("class-variance-authority"),L=require("./options-B4iSAKol.js"),q=require("./index-BfpYQmzU.js"),B="2xsm",T=e.defineComponent({...L.getComponentOptions("BaseButton"),__name:"BaseButton",props:{class:{},text:{},size:{},color:{default:"primary"},type:{default:"fill"},variant:{},loading:{type:Boolean},action:{type:Boolean},active:{type:Boolean},badgeText:{},badgeIcon:{},icon:{},preIcon:{},postIcon:{},flipOnDir:{},preIconFlipOnDir:{},postIconFlipOnDir:{},badgeIconFlipOnDir:{}},setup(I,{expose:y}){const n=I,{getFlipOnDir:l}=q.useConfig(),_=l("flipOnDir"),z=l("preIconFlipOnDir"),C=l("postIconFlipOnDir"),b=l("badgeIconFlipOnDir"),o=a.getBemBlock("button"),k=h.cva(o,{variants:{size:a.generateVariantClassList(s.ButtonSizes,o),type:a.generateVariantClassList(s.ButtonTypes,o),color:a.generateVariantClassList(s.ButtonColors,o),variant:a.generateVariantClassList(s.ButtonVariants,o),action:a.generateVariantClassList("action",o),active:a.generateVariantClassList("active",o),text:a.generateVariantClassList("text",o),preIcon:a.generateVariantClassList("preIcon",o),postIcon:a.generateVariantClassList("postIcon",o),loading:a.generateVariantClassList("loading",o)}}),v=s.injectButtonGroupContext({size:e.computed(()=>n.size),variant:e.computed(()=>n.variant)}),c=e.computed(()=>n.variant??v.variant.value??"simple"),r=e.computed(()=>["icon","float"].includes(c.value)),i=e.useSlots(),D=e.computed(()=>{let t=s.ButtonTypes.includes(n.type)?n.type:"fill";const u=n.size??v.size.value,V=u&&s.ButtonSizes.includes(u)?u:"md";let p=n.color&&s.ButtonColors.includes(n.color)?n.color:"primary",d=c.value&&s.ButtonVariants.includes(c.value)?c.value:"simple";return n.action?(d==="float"&&(d="icon"),t==="fill"&&(t="outline"),p=void 0):d==="float"&&(t==="ghost"&&(t="fill"),["primary","gray"].includes(p)||(p="primary")),{size:V,type:t,color:p,variant:d,action:!!n.action,active:!!n.active,loading:!!n.loading,text:!r.value&&!!(n.text||i.default),preIcon:!r.value&&!!(n.preIcon||i.preIcon),postIcon:!r.value&&!!(n.postIcon||i.postIcon)}}),f=e.computed(()=>{switch(n.size){case"sm":return"3xsm";default:return"2xsm"}}),O=e.computed(()=>{switch(n.size){case"sm":return"3xsm";case"lg":return"xsm";case"md":default:return"2xsm"}}),g=e.ref();return y({focus(){var t;(t=g.value)==null||t.focus()},blur(){var t;(t=g.value)==null||t.blur()}}),(t,u)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass([e.unref(k)(D.value),n.class]),tabindex:"0",ref_key:"buttonRef",ref:g},[t.loading?(e.openBlock(),e.createBlock(S._sfc_main,{key:1,class:e.normalizeClass(e.unref(a.getBemElement)(e.unref(o),"loading")),size:f.value},null,8,["class","size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(t.preIcon||i.preIcon)&&!r.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:0,flipOnDir:e.unref(z),icon:t.preIcon,size:f.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"preIcon")]),_:3},8,["flipOnDir","icon","size"])):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:1,icon:t.icon,size:O.value,flipOnDir:e.unref(_)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["icon","size","flipOnDir"])):e.renderSlot(t.$slots,"default",{key:2},()=>[e.createTextVNode(e.toDisplayString(t.text),1)]),t.action&&t.active&&!r.value&&(t.badgeText||i.badgeText||t.badgeIcon||i.badgeIcon)?e.renderSlot(t.$slots,"badge",e.normalizeProps(e.mergeProps({key:3},{color:t.$attrs.disabled?"gray":"primary",size:B})),()=>[e.createVNode(x._sfc_main,{text:t.badgeText,icon:t.badgeIcon,flipOnDir:e.unref(b),color:t.$attrs.disabled?"gray":"primary",size:B},e.createSlots({_:2},[i.badgeText?{name:"default",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"badgeText")]),key:"0"}:void 0,i.badgeIcon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"badgeIcon")]),key:"1"}:void 0]),1032,["text","icon","flipOnDir","color"])]):e.createCommentVNode("",!0),(t.postIcon||i.postIcon)&&!r.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:4,flipOnDir:e.unref(C),icon:t.postIcon,size:f.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"postIcon")]),_:3},8,["flipOnDir","icon","size"])):e.createCommentVNode("",!0)],64))],2))}});exports._sfc_main=T;
1
+ "use strict";const e=require("vue"),m=require("./Icon.vue_vue_type_style_index_0_lang-BrV8amSh.js"),S=require("./Spinner.vue_vue_type_style_index_0_lang-DqDFW850.js"),x=require("./Badge.vue_vue_type_script_setup_true_lang-CvnE7Srj.js"),s=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-Dh51uD32.js"),a=require("@pantograph/utils"),h=require("class-variance-authority"),L=require("./options-B4iSAKol.js"),q=require("./index-BfpYQmzU.js"),B="2xsm",T=e.defineComponent({...L.getComponentOptions("BaseButton"),__name:"BaseButton",props:{class:{},text:{},size:{},color:{default:"primary"},type:{default:"fill"},variant:{},loading:{type:Boolean},action:{type:Boolean},active:{type:Boolean},badgeText:{},badgeIcon:{},icon:{},preIcon:{},postIcon:{},flipOnDir:{},preIconFlipOnDir:{},postIconFlipOnDir:{},badgeIconFlipOnDir:{}},setup(I,{expose:y}){const n=I,{getFlipOnDir:l}=q.useConfig(),_=l("flipOnDir"),z=l("preIconFlipOnDir"),C=l("postIconFlipOnDir"),b=l("badgeIconFlipOnDir"),o=a.getBemBlock("button"),k=h.cva(o,{variants:{size:a.generateVariantClassList(s.ButtonSizes,o),type:a.generateVariantClassList(s.ButtonTypes,o),color:a.generateVariantClassList(s.ButtonColors,o),variant:a.generateVariantClassList(s.ButtonVariants,o),action:a.generateVariantClassList("action",o),active:a.generateVariantClassList("active",o),text:a.generateVariantClassList("text",o),preIcon:a.generateVariantClassList("preIcon",o),postIcon:a.generateVariantClassList("postIcon",o),loading:a.generateVariantClassList("loading",o)}}),v=s.injectButtonGroupContext({size:e.computed(()=>n.size),variant:e.computed(()=>n.variant)}),c=e.computed(()=>n.variant??v.variant.value??"simple"),r=e.computed(()=>["icon","float"].includes(c.value)),i=e.useSlots(),D=e.computed(()=>{let t=s.ButtonTypes.includes(n.type)?n.type:"fill";const u=n.size??v.size.value,V=u&&s.ButtonSizes.includes(u)?u:"md";let p=n.color&&s.ButtonColors.includes(n.color)?n.color:"primary",d=c.value&&s.ButtonVariants.includes(c.value)?c.value:"simple";return n.action?(d==="float"&&(d="icon"),t==="fill"&&(t="outline"),p=void 0):d==="float"&&(t==="ghost"&&(t="fill"),["primary","gray"].includes(p)||(p="primary")),{size:V,type:t,color:p,variant:d,action:!!n.action,active:!!n.active,loading:!!n.loading,text:!r.value&&!!(n.text||i.default),preIcon:!r.value&&!!(n.preIcon||i.preIcon),postIcon:!r.value&&!!(n.postIcon||i.postIcon)}}),f=e.computed(()=>{switch(n.size){case"sm":return"3xsm";default:return"2xsm"}}),O=e.computed(()=>{switch(n.size){case"sm":return"3xsm";case"lg":return"xsm";case"md":default:return"2xsm"}}),g=e.ref();return y({focus(){var t;(t=g.value)==null||t.focus()},blur(){var t;(t=g.value)==null||t.blur()}}),(t,u)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass([e.unref(k)(D.value),n.class]),tabindex:"0",ref_key:"buttonRef",ref:g},[t.loading?(e.openBlock(),e.createBlock(S._sfc_main,{key:1,class:e.normalizeClass(e.unref(a.getBemElement)(e.unref(o),"loading")),size:f.value},null,8,["class","size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(t.preIcon||i.preIcon)&&!r.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:0,flipOnDir:e.unref(z),icon:t.preIcon,size:f.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"preIcon")]),_:3},8,["flipOnDir","icon","size"])):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:1,icon:t.icon,size:O.value,flipOnDir:e.unref(_)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["icon","size","flipOnDir"])):e.renderSlot(t.$slots,"default",{key:2},()=>[e.createTextVNode(e.toDisplayString(t.text),1)]),t.action&&t.active&&!r.value&&(t.badgeText||i.badgeText||t.badgeIcon||i.badgeIcon)?e.renderSlot(t.$slots,"badge",e.normalizeProps(e.mergeProps({key:3},{color:t.$attrs.disabled?"gray":"primary",size:B})),()=>[e.createVNode(x._sfc_main,{text:t.badgeText,icon:t.badgeIcon,flipOnDir:e.unref(b),color:t.$attrs.disabled?"gray":"primary",size:B},e.createSlots({_:2},[i.badgeText?{name:"default",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"badgeText")]),key:"0"}:void 0,i.badgeIcon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"badgeIcon")]),key:"1"}:void 0]),1032,["text","icon","flipOnDir","color"])]):e.createCommentVNode("",!0),(t.postIcon||i.postIcon)&&!r.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:4,flipOnDir:e.unref(C),icon:t.postIcon,size:f.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"postIcon")]),_:3},8,["flipOnDir","icon","size"])):e.createCommentVNode("",!0)],64))],2))}});exports._sfc_main=T;
@@ -1,4 +1,4 @@
1
- import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-B4NQ4Dxa.js";
1
+ import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-B6PUOUfI.js";
2
2
  export {
3
3
  o as Button,
4
4
  e as default
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Button.vue_vue_type_script_setup_true_lang-BCRCGuJq.js");exports.Button=e._sfc_main;exports.default=e._sfc_main;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Button.vue_vue_type_script_setup_true_lang-DjzpN9q5.js");exports.Button=e._sfc_main;exports.default=e._sfc_main;
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as c, useAttrs as l, computed as m, ref as u, createBlock as f, openBlock as _, mergeProps as d, createSlots as b, renderList as g, withCtx as v, renderSlot as B, normalizeProps as k, guardReactiveProps as x } from "vue";
2
- import { o as y } from "./omit-BsFVls5E.js";
3
- import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-BG8oFqnh.js";
2
+ import { o as y } from "./omit-DB3u1XL5.js";
3
+ import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-CgMukDgL.js";
4
4
  import { g as O } from "./options-JBqnVZUl.js";
5
5
  const z = /* @__PURE__ */ c({
6
6
  ...O("Button", !1),
@@ -1 +1 @@
1
- "use strict";const e=require("vue"),p=require("./omit-6FeILhm3.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-CDioOTsQ.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("Button",!1),__name:"Button",props:{class:{},type:{},color:{},loading:{type:Boolean},preIcon:{},postIcon:{},size:{},text:{},postIconFlipOnDir:{},preIconFlipOnDir:{}},setup(s,{expose:r}){const c=s,i=e.useAttrs(),a=e.computed(()=>({...p.omit(i,"variant","icon","action","active","badgeText"),...c})),o=e.ref();return r({focus(){var t;(t=o.value)==null||t.focus()},blur(){var t;(t=o.value)==null||t.blur()}}),(t,m)=>(e.openBlock(),e.createBlock(l._sfc_main,e.mergeProps(a.value,{variant:"simple",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(u=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(u)))])}))]),1040))}});exports._sfc_main=f;
1
+ "use strict";const e=require("vue"),p=require("./omit-6FeILhm3.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-eeWTMdbl.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("Button",!1),__name:"Button",props:{class:{},type:{},color:{},loading:{type:Boolean},preIcon:{},postIcon:{},size:{},text:{},postIconFlipOnDir:{},preIconFlipOnDir:{}},setup(s,{expose:r}){const c=s,i=e.useAttrs(),a=e.computed(()=>({...p.omit(i,"variant","icon","action","active","badgeText"),...c})),o=e.ref();return r({focus(){var t;(t=o.value)==null||t.focus()},blur(){var t;(t=o.value)==null||t.blur()}}),(t,m)=>(e.openBlock(),e.createBlock(l._sfc_main,e.mergeProps(a.value,{variant:"simple",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(u=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(u)))])}))]),1040))}});exports._sfc_main=f;
@@ -1,4 +1,4 @@
1
- import { _ as e, C as s, _ as r, u as C, a as h } from "../Checkbox.vue_vue_type_style_index_0_lang-Dpzk-ikf.js";
1
+ import { _ as e, C as s, _ as r, u as C, a as h } from "../Checkbox.vue_vue_type_style_index_0_lang-BoCylzCv.js";
2
2
  export {
3
3
  e as Checkbox,
4
4
  s as CheckboxSizes,
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-DXothnel.js");exports.Checkbox=e._sfc_main;exports.CheckboxSizes=e.CheckboxSizes;exports.default=e._sfc_main;exports.useColoredPantographCheckbox=e.useColoredPantographCheckbox;exports.useColoredPantographCheckboxGroup=e.useColoredPantographCheckboxGroup;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-CP6XeMyz.js");exports.Checkbox=e._sfc_main;exports.CheckboxSizes=e.CheckboxSizes;exports.default=e._sfc_main;exports.useColoredPantographCheckbox=e.useColoredPantographCheckbox;exports.useColoredPantographCheckboxGroup=e.useColoredPantographCheckboxGroup;
@@ -4,8 +4,8 @@ import { getCssCoreColor as n } from "@pantograph/tokens";
4
4
  import { getBemBlock as Q, usePCId as W, generateVariantClassList as X, getBemElement as f } from "@pantograph/utils";
5
5
  import { cva as Y } from "class-variance-authority";
6
6
  import { g as P } from "./options-JBqnVZUl.js";
7
- import { o as Z } from "./omit-BsFVls5E.js";
8
- import { _ as ee } from "./Icon.vue_vue_type_style_index_0_lang-BbOuVnaS.js";
7
+ import { o as Z } from "./omit-DB3u1XL5.js";
8
+ import { _ as ee } from "./Icon.vue_vue_type_style_index_0_lang-D2A2tkHI.js";
9
9
  import { U as te } from "./useInputDataStates-CZbdWpyp.js";
10
10
  const ae = ["2xsm", "xsm"], he = (a) => ({
11
11
  "--ptc-checkbox-bg": n(`${a}-5`),
@@ -52,12 +52,12 @@ const ae = ["2xsm", "xsm"], he = (a) => ({
52
52
  disabled: d
53
53
  }), (s, g) => (i(), m("div", null, [
54
54
  G(s.$slots, "default", {}, () => {
55
- var b;
55
+ var v;
56
56
  return [
57
- (b = s.options) != null && b.length ? (i(!0), m(K, { key: 0 }, O(s.options, (v) => (i(), V(ce, z({
58
- key: v.value,
57
+ (v = s.options) != null && v.length ? (i(!0), m(K, { key: 0 }, O(s.options, (p) => (i(), V(ce, z({
58
+ key: p.value ?? p,
59
59
  ref_for: !0
60
- }, v), null, 16))), 128)) : w("", !0)
60
+ }, p), null, 16))), 128)) : w("", !0)
61
61
  ];
62
62
  })
63
63
  ]));
@@ -97,8 +97,8 @@ const ae = ["2xsm", "xsm"], he = (a) => ({
97
97
  return (t = o.model) != null && t.value ? e.value !== void 0 && o.model.value.includes(e.value) : e.checked !== void 0 ? e.checked : d.value;
98
98
  },
99
99
  set(t) {
100
- var p;
101
- if ((p = o.model) != null && p.value) {
100
+ var b;
101
+ if ((b = o.model) != null && b.value) {
102
102
  if (e.value !== void 0) {
103
103
  const h = o.model.value.indexOf(e.value);
104
104
  t && h === -1 ? o.model.value = [...o.model.value, e.value] : !t && h !== -1 && (o.model.value = o.model.value.filter(
@@ -108,7 +108,7 @@ const ae = ["2xsm", "xsm"], he = (a) => ({
108
108
  } else
109
109
  e.checked === void 0 && (d.value = t), u("update:checked", t), u("change", t);
110
110
  }
111
- }), g = r(() => e.id ?? W(c)), b = r(() => {
111
+ }), g = r(() => e.id ?? W(c)), v = r(() => {
112
112
  var t;
113
113
  return {
114
114
  disabled: ((t = o.disabled) == null ? void 0 : t.value) ?? e.disabled,
@@ -127,7 +127,7 @@ const ae = ["2xsm", "xsm"], he = (a) => ({
127
127
  "labelCls"
128
128
  )
129
129
  };
130
- }), v = Y(c, {
130
+ }), p = Y(c, {
131
131
  variants: {
132
132
  size: X(ae, c)
133
133
  }
@@ -152,16 +152,16 @@ const ae = ["2xsm", "xsm"], he = (a) => ({
152
152
  },
153
153
  emit: u
154
154
  }), U = () => s.value = !s.value;
155
- return (t, p) => (i(), m("div", z({
155
+ return (t, b) => (i(), m("div", z({
156
156
  class: [l(f)(l(c), "root"), t.rootCls]
157
157
  }, l(I)), [
158
158
  B(l(J), z({
159
159
  onKeyup: F(U, ["enter"])
160
- }, b.value, {
160
+ }, v.value, {
161
161
  checked: s.value,
162
- "onUpdate:checked": p[0] || (p[0] = (h) => s.value = h),
162
+ "onUpdate:checked": b[0] || (b[0] = (h) => s.value = h),
163
163
  id: g.value,
164
- class: [l(v)({ size: y.value }), e.class]
164
+ class: [l(p)({ size: y.value }), e.class]
165
165
  }), {
166
166
  default: $(() => [
167
167
  B(l(M), {
@@ -0,0 +1 @@
1
+ "use strict";const e=require("vue"),v=require("radix-vue"),r=require("@pantograph/tokens"),n=require("@pantograph/utils"),P=require("class-variance-authority"),g=require("./options-B4iSAKol.js"),w=require("./omit-6FeILhm3.js"),L=require("./Icon.vue_vue_type_style_index_0_lang-BrV8amSh.js"),I=require("./useInputDataStates-CbRgNQqU.js"),x=["2xsm","xsm"],N=s=>({"--ptc-checkbox-bg":r.getCssCoreColor(`${s}-5`),"--ptc-checkbox-bg-hover":r.getCssCoreColor(`${s}-4`),"--ptc-checkbox-bg-focus":r.getCssCoreColor(`${s}-6`),"--ptc-checkbox-br-focus":r.getCssCoreColor(`${s}-6`),"--ptc-checkbox-bg-active":r.getCssCoreColor(`${s}-7`)}),A=s=>({"--ptc-group-checkbox-bg":r.getCssCoreColor(`${s}-5`),"--ptc-group-checkbox-bg-hover":r.getCssCoreColor(`${s}-4`),"--ptc-group-checkbox-bg-focus":r.getCssCoreColor(`${s}-6`),"--ptc-group-checkbox-br-focus":r.getCssCoreColor(`${s}-6`),"--ptc-group-checkbox-bg-active":r.getCssCoreColor(`${s}-7`)}),[B,z]=v.createContext("CheckboxGroup"),D=e.defineComponent({...g.getComponentOptions("CheckboxGroup"),__name:"CheckboxGroup",props:{value:{},size:{},disabled:{type:Boolean},name:{},options:{}},emits:["update:value","change"],setup(s,{emit:b}){const c=b,o=s,l=e.ref(o.value??[]);e.watch(()=>o.value,()=>{l.value=o.value??[]});const u=e.computed({get(){return o.value?o.value:l.value},set(a){o.value||(l.value=a),c("update:value",a),c("change",a)}}),h=e.computed(()=>o.size),i=e.computed(()=>o.disabled?!0:void 0);return z({model:u,size:h,disabled:i}),(a,k)=>(e.openBlock(),e.createElementBlock("div",null,[e.renderSlot(a.$slots,"default",{},()=>{var C;return[(C=a.options)!=null&&C.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(a.options,d=>(e.openBlock(),e.createBlock(y,e.mergeProps({key:d.value??d,ref_for:!0},d),null,16))),128)):e.createCommentVNode("",!0)]})]))}}),O=["for"],y=e.defineComponent({...g.getComponentOptions("Checkbox"),__name:"Checkbox",props:{size:{default:"xsm"},class:{},rootCls:{},indicatorCls:{},indeterminateCls:{},labelCls:{},label:{},value:{},id:{},valueAsLabel:{type:Boolean,default:!0},defaultChecked:{type:Boolean},checked:{type:[Boolean,String],default:void 0},disabled:{type:Boolean},required:{type:Boolean},name:{}},emits:["update:checked","change","blur","focus"],setup(s,{emit:b}){const c=n.getBemBlock("checkbox"),o=s,l=B({}),u=b,h=e.useSlots(),i=e.ref(o.checked??!1);e.watch(()=>o.checked,()=>{i.value=o.checked??!1});const a=e.computed({get(){var t;return(t=l.model)!=null&&t.value?o.value!==void 0&&l.model.value.includes(o.value):o.checked!==void 0?o.checked:i.value},set(t){var p;if((p=l.model)!=null&&p.value){if(o.value!==void 0){const m=l.model.value.indexOf(o.value);t&&m===-1?l.model.value=[...l.model.value,o.value]:!t&&m!==-1&&(l.model.value=l.model.value.filter(V=>V!==o.value))}}else o.checked===void 0&&(i.value=t),u("update:checked",t),u("change",t)}}),k=e.computed(()=>o.id??n.usePCId(c)),C=e.computed(()=>{var t;return{disabled:((t=l.disabled)==null?void 0:t.value)??o.disabled,...E.value,...w.omit(o,"size","class","label","disabled","checked","id","rootCls","indicatorCls","indeterminateCls","labelCls")}}),d=P.cva(c,{variants:{size:n.generateVariantClassList(x,c)}}),_=e.computed(()=>o.label||h.default||o.value&&o.valueAsLabel),$=e.computed(()=>{if(o.label)return o.label;if(o.value&&o.valueAsLabel)return o.value}),f=e.computed(()=>{var t;return((t=l.size)==null?void 0:t.value)??o.size}),q=e.computed(()=>{switch(f.value){case"xsm":return"2xsm";case"2xsm":default:return"3xsm"}}),{rootBindings:S,inputBindings:E}=I.UseInputDataStates({getDisabled:()=>{var t;return((t=l.disabled)==null?void 0:t.value)??o.disabled},emit:u}),G=()=>a.value=!a.value;return(t,p)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:[e.unref(n.getBemElement)(e.unref(c),"root"),t.rootCls]},e.unref(S)),[e.createVNode(e.unref(v.CheckboxRoot),e.mergeProps({onKeyup:e.withKeys(G,["enter"])},C.value,{checked:a.value,"onUpdate:checked":p[0]||(p[0]=m=>a.value=m),id:k.value,class:[e.unref(d)({size:f.value}),o.class]}),{default:e.withCtx(()=>[e.createVNode(e.unref(v.CheckboxIndicator),{class:e.normalizeClass([e.unref(n.getBemElement)(e.unref(c),"indicator"),t.indicatorCls]),asChild:""},{default:e.withCtx(()=>[o.checked!="indeterminate"?(e.openBlock(),e.createBlock(L._sfc_main,{key:0,icon:"tabler:check",size:q.value},null,8,["size"])):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([e.unref(n.getBemElement)(e.unref(c),"indeterminate"),t.indeterminateCls])},null,2))]),_:1},8,["class"])]),_:1},16,["checked","id","class"]),_.value?(e.openBlock(),e.createElementBlock("label",{key:0,for:k.value,class:e.normalizeClass([e.unref(n.getBemElement)(e.unref(c),"label"),t.labelCls])},[e.renderSlot(t.$slots,"default",{checked:t.checked,disabled:t.disabled,required:t.required},()=>[e.createTextVNode(e.toDisplayString($.value),1)])],10,O)):e.createCommentVNode("",!0)],16))}});exports.CheckboxSizes=x;exports._sfc_main=y;exports._sfc_main$1=D;exports.injectCheckboxGroupContext=B;exports.provideCheckboxGroupContext=z;exports.useColoredPantographCheckbox=N;exports.useColoredPantographCheckboxGroup=A;
@@ -1,4 +1,4 @@
1
- import { b as p, i as r, p as t } from "../Checkbox.vue_vue_type_style_index_0_lang-Dpzk-ikf.js";
1
+ import { b as p, i as r, p as t } from "../Checkbox.vue_vue_type_style_index_0_lang-BoCylzCv.js";
2
2
  export {
3
3
  p as CheckboxGroup,
4
4
  r as injectCheckboxGroupContext,
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-DXothnel.js");exports.CheckboxGroup=e._sfc_main$1;exports.injectCheckboxGroupContext=e.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=e.provideCheckboxGroupContext;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-CP6XeMyz.js");exports.CheckboxGroup=e._sfc_main$1;exports.injectCheckboxGroupContext=e.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=e.provideCheckboxGroupContext;
@@ -0,0 +1,55 @@
1
+ import { IconSize } from '../Icon/Icon.model';
2
+ import { ChipColor, ChipSize } from './Chip.model';
3
+ import { Class } from '../types';
4
+ export interface ChipProps {
5
+ value?: string | number;
6
+ size?: ChipSize;
7
+ class?: Class;
8
+ actionsCls?: Class;
9
+ textCls?: Class;
10
+ iconCls?: Class;
11
+ text?: string;
12
+ icon?: string;
13
+ closeIcon?: string;
14
+ closeIconCls?: Class;
15
+ color?: ChipColor;
16
+ overlayActions?: boolean;
17
+ closeable?: boolean;
18
+ selected?: boolean;
19
+ }
20
+ interface SlotProps {
21
+ item?: ChipProps;
22
+ size: IconSize;
23
+ onClose: (e: MouseEvent) => void;
24
+ }
25
+ export interface ChipSlots {
26
+ text?: (data?: SlotProps) => never;
27
+ leading?: (data?: SlotProps) => never;
28
+ trailing?: (data?: SlotProps) => never;
29
+ close?: (data?: SlotProps) => never;
30
+ overlayActions?: (data?: SlotProps) => never;
31
+ }
32
+ declare function __VLS_template(): {
33
+ slots: Readonly<ChipSlots> & ChipSlots;
34
+ refs: {};
35
+ attrs: Partial<{}>;
36
+ };
37
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
38
+ declare const __VLS_component: import('vue').DefineComponent<ChipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
39
+ close: (event: MouseEvent) => any;
40
+ }, string, import('vue').PublicProps, Readonly<ChipProps> & Readonly<{
41
+ onClose?: ((event: MouseEvent) => any) | undefined;
42
+ }>, {
43
+ size: ChipSize;
44
+ closeable: boolean;
45
+ closeIcon: string;
46
+ overlayActions: boolean;
47
+ selected: boolean;
48
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
49
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
50
+ export default _default;
51
+ type __VLS_WithTemplateSlots<T, S> = T & {
52
+ new (): {
53
+ $slots: S;
54
+ };
55
+ };
@@ -0,0 +1,4 @@
1
+ export declare const ChipSizes: readonly ["xsm", "sm", "md"];
2
+ export type ChipSize = (typeof ChipSizes)[number];
3
+ export declare const ChipColors: readonly ["primary", "red", "orange", "amber", "yellow", "lime", "green", "teal", "cyan", "sky", "blue", "ocean", "violet", "amethyst", "fuchsia", "pink", "gray", "mallard"];
4
+ export type ChipColor = (typeof ChipColors)[number];
@@ -0,0 +1,2 @@
1
+ export { default as Chip, type ChipProps, type ChipSlots, default } from './Chip';
2
+ export * from './Chip.model';
@@ -0,0 +1,8 @@
1
+ import { _ as s, _ as p } from "../Chip.vue_vue_type_style_index_0_lang-B8_9Fuov.js";
2
+ import { a as C, C as e } from "../ChipGroup.vue_vue_type_style_index_0_lang-Cn0SS405.js";
3
+ export {
4
+ s as Chip,
5
+ C as ChipColors,
6
+ e as ChipSizes,
7
+ p as default
8
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Chip.vue_vue_type_style_index_0_lang-DkdkKJvb.js"),_=require("../ChipGroup.vue_vue_type_style_index_0_lang-DXgB3D2F.js");exports.Chip=e._sfc_main;exports.default=e._sfc_main;exports.ChipColors=_.ChipColors;exports.ChipSizes=_.ChipSizes;
@@ -0,0 +1,114 @@
1
+ import { defineComponent as N, computed as a, useSlots as E, createElementBlock as m, openBlock as u, normalizeClass as n, unref as t, renderSlot as i, createCommentVNode as r, normalizeProps as p, guardReactiveProps as d, createBlock as O, createTextVNode as j, toDisplayString as w, mergeProps as I, createVNode as D } from "vue";
2
+ import { getBemBlock as G, generateVariantClassList as v, getBemElement as C } from "@pantograph/utils";
3
+ import { cva as L } from "class-variance-authority";
4
+ import "@iconify/vue";
5
+ import { _ as h } from "./Icon.vue_vue_type_style_index_0_lang-D2A2tkHI.js";
6
+ import { g as R } from "./options-JBqnVZUl.js";
7
+ import { i as T, a as q, C as F } from "./ChipGroup.vue_vue_type_style_index_0_lang-Cn0SS405.js";
8
+ const Y = /* @__PURE__ */ N({
9
+ ...R("Chip"),
10
+ __name: "Chip",
11
+ props: {
12
+ value: {},
13
+ size: { default: "md" },
14
+ class: {},
15
+ actionsCls: {},
16
+ textCls: {},
17
+ iconCls: {},
18
+ text: {},
19
+ icon: {},
20
+ closeIcon: { default: "tabler:x" },
21
+ closeIconCls: {},
22
+ color: {},
23
+ overlayActions: { type: Boolean, default: void 0 },
24
+ closeable: { type: Boolean, default: void 0 },
25
+ selected: { type: Boolean, default: void 0 }
26
+ },
27
+ emits: ["close"],
28
+ setup(A, { emit: S }) {
29
+ const o = A, s = T({}), g = a(() => {
30
+ var e;
31
+ return ((e = s.props) == null ? void 0 : e.size) ?? o.size;
32
+ }), x = a(() => {
33
+ var e;
34
+ return o.color ?? ((e = s.props) == null ? void 0 : e.color) ?? "primary";
35
+ }), y = a(() => {
36
+ var e;
37
+ return ((e = s.props) == null ? void 0 : e.overlayActions) ?? o.overlayActions;
38
+ }), $ = a(() => {
39
+ var e;
40
+ return o.selected ?? ((e = s.props) == null ? void 0 : e.selected);
41
+ }), b = a(() => {
42
+ var e;
43
+ return ((e = s.props) == null ? void 0 : e.closeIcon) ?? o.closeIcon;
44
+ }), f = a(() => {
45
+ var e;
46
+ return ((e = s.props) == null ? void 0 : e.icon) ?? o.icon;
47
+ }), z = a(() => s.props ? !0 : o.closeable), P = S, B = E(), l = G("chip"), V = L(l, {
48
+ variants: {
49
+ size: v(F, l),
50
+ color: v(q, l),
51
+ overlayActions: v("overlay-actions", l),
52
+ selected: v("selected", l)
53
+ }
54
+ }), k = (e) => {
55
+ s.onClose && s.onClose(o), P("close", e);
56
+ }, c = a(() => ({
57
+ onClose: k,
58
+ size: (() => {
59
+ switch (g.value) {
60
+ case "md":
61
+ return "xsm";
62
+ default:
63
+ return "2xsm";
64
+ }
65
+ })()
66
+ }));
67
+ return (e, H) => (u(), m("div", {
68
+ class: n([
69
+ t(V)({
70
+ size: g.value,
71
+ color: x.value,
72
+ overlayActions: y.value,
73
+ selected: $.value
74
+ }),
75
+ o.class
76
+ ])
77
+ }, [
78
+ i(e.$slots, "leading", p(d(c.value)), () => [
79
+ f.value ? (u(), O(t(h), {
80
+ key: 0,
81
+ size: c.value.size,
82
+ icon: f.value,
83
+ class: n(e.iconCls)
84
+ }, null, 8, ["size", "icon", "class"])) : r("", !0)
85
+ ]),
86
+ B.text || e.text ? (u(), m("div", {
87
+ key: 0,
88
+ class: n([t(C)(t(l), "text"), e.textCls])
89
+ }, [
90
+ i(e.$slots, "text", p(d(c.value)), () => [
91
+ j(w(e.text), 1)
92
+ ])
93
+ ], 2)) : r("", !0),
94
+ i(e.$slots, "trailing", p(d(c.value))),
95
+ z.value || B.overlayActions ? (u(), m("div", {
96
+ key: 1,
97
+ class: n([t(C)(t(l), "actions"), e.actionsCls])
98
+ }, [
99
+ y.value ? i(e.$slots, "overlayActions", p(I({ key: 0 }, c.value))) : r("", !0),
100
+ z.value ? i(e.$slots, "close", p(I({ key: 1 }, c.value)), () => [
101
+ D(t(h), {
102
+ onClick: k,
103
+ size: c.value.size,
104
+ icon: b.value,
105
+ class: n([t(C)(t(l), "close_icon"), e.closeIconCls])
106
+ }, null, 8, ["size", "icon", "class"])
107
+ ]) : r("", !0)
108
+ ], 2)) : r("", !0)
109
+ ], 2));
110
+ }
111
+ });
112
+ export {
113
+ Y as _
114
+ };
@@ -0,0 +1 @@
1
+ "use strict";const e=require("vue"),n=require("@pantograph/utils"),k=require("class-variance-authority");require("@iconify/vue");const v=require("./Icon.vue_vue_type_style_index_0_lang-BrV8amSh.js"),S=require("./options-B4iSAKol.js"),a=require("./ChipGroup.vue_vue_type_style_index_0_lang-DXgB3D2F.js"),V=e.defineComponent({...S.getComponentOptions("Chip"),__name:"Chip",props:{value:{},size:{default:"md"},class:{},actionsCls:{},textCls:{},iconCls:{},text:{},icon:{},closeIcon:{default:"tabler:x"},closeIconCls:{},color:{},overlayActions:{type:Boolean,default:void 0},closeable:{type:Boolean,default:void 0},selected:{type:Boolean,default:void 0}},emits:["close"],setup(C,{emit:g}){const s=C,t=a.injectChipGroupContext({}),c=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.size)??s.size}),z=e.computed(()=>{var o;return s.color??((o=t.props)==null?void 0:o.color)??"primary"}),i=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.overlayActions)??s.overlayActions}),y=e.computed(()=>{var o;return s.selected??((o=t.props)==null?void 0:o.selected)}),f=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.closeIcon)??s.closeIcon}),u=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.icon)??s.icon}),p=e.computed(()=>t.props?!0:s.closeable),B=g,m=e.useSlots(),l=n.getBemBlock("chip"),_=k.cva(l,{variants:{size:n.generateVariantClassList(a.ChipSizes,l),color:n.generateVariantClassList(a.ChipColors,l),overlayActions:n.generateVariantClassList("overlay-actions",l),selected:n.generateVariantClassList("selected",l)}}),d=o=>{t.onClose&&t.onClose(s),B("close",o)},r=e.computed(()=>({onClose:d,size:(()=>{switch(c.value){case"md":return"xsm";default:return"2xsm"}})()}));return(o,P)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(_)({size:c.value,color:z.value,overlayActions:i.value,selected:y.value}),s.class])},[e.renderSlot(o.$slots,"leading",e.normalizeProps(e.guardReactiveProps(r.value)),()=>[u.value?(e.openBlock(),e.createBlock(e.unref(v._sfc_main),{key:0,size:r.value.size,icon:u.value,class:e.normalizeClass(o.iconCls)},null,8,["size","icon","class"])):e.createCommentVNode("",!0)]),m.text||o.text?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(n.getBemElement)(e.unref(l),"text"),o.textCls])},[e.renderSlot(o.$slots,"text",e.normalizeProps(e.guardReactiveProps(r.value)),()=>[e.createTextVNode(e.toDisplayString(o.text),1)])],2)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"trailing",e.normalizeProps(e.guardReactiveProps(r.value))),p.value||m.overlayActions?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(n.getBemElement)(e.unref(l),"actions"),o.actionsCls])},[i.value?e.renderSlot(o.$slots,"overlayActions",e.normalizeProps(e.mergeProps({key:0},r.value))):e.createCommentVNode("",!0),p.value?e.renderSlot(o.$slots,"close",e.normalizeProps(e.mergeProps({key:1},r.value)),()=>[e.createVNode(e.unref(v._sfc_main),{onClick:d,size:r.value.size,icon:f.value,class:e.normalizeClass([e.unref(n.getBemElement)(e.unref(l),"close_icon"),o.closeIconCls])},null,8,["size","icon","class"])]):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],2))}});exports._sfc_main=V;
@@ -0,0 +1,38 @@
1
+ import { ChipSlots, ChipProps } from '../Chip/Chip';
2
+ import { ChipColor, ChipSize } from '../Chip/Chip.model';
3
+ import { Class } from '../types/index.js';
4
+ import { PopoverProps } from '../Popover/index.js';
5
+ export type ChipGroupProps = {
6
+ countChipProps?: ChipProps;
7
+ color?: ChipColor;
8
+ size?: ChipSize;
9
+ closeIcon?: string;
10
+ icon?: string;
11
+ overlayActions?: boolean;
12
+ selected?: boolean;
13
+ maxCount?: number | string;
14
+ popoverProps?: PopoverProps;
15
+ truncateCls?: Class;
16
+ };
17
+ interface Context {
18
+ props?: ChipGroupProps;
19
+ onClose?: (item?: ChipProps) => void;
20
+ }
21
+ export declare const injectChipGroupContext: <T extends Context | null | undefined = Context>(fallback?: T | undefined) => T extends null ? Context | null : Context, provideChipGroupContext: (contextValue: Context) => Context;
22
+ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ChipGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
23
+ close: (...args: any[]) => void;
24
+ }, string, import('vue').PublicProps, Readonly<ChipGroupProps> & Readonly<{
25
+ onClose?: ((...args: any[]) => any) | undefined;
26
+ }>, {
27
+ size: ChipSize;
28
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<ChipSlots & {
29
+ default?: () => never;
30
+ }> & ChipSlots & {
31
+ default?: () => never;
32
+ }>;
33
+ export default _default;
34
+ type __VLS_WithTemplateSlots<T, S> = T & {
35
+ new (): {
36
+ $slots: S;
37
+ };
38
+ };
@@ -0,0 +1 @@
1
+ export { default as ChipGroup, type ChipGroupProps, provideChipGroupContext, injectChipGroupContext, default, } from './ChipGroup';
@@ -0,0 +1,7 @@
1
+ import { _ as t, _ as e, i, p as r } from "../ChipGroup.vue_vue_type_style_index_0_lang-Cn0SS405.js";
2
+ export {
3
+ t as ChipGroup,
4
+ e as default,
5
+ i as injectChipGroupContext,
6
+ r as provideChipGroupContext
7
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ChipGroup.vue_vue_type_style_index_0_lang-DXgB3D2F.js");exports.ChipGroup=e._sfc_main;exports.default=e._sfc_main;exports.injectChipGroupContext=e.injectChipGroupContext;exports.provideChipGroupContext=e.provideChipGroupContext;
@@ -0,0 +1,74 @@
1
+ import { defineComponent as C, useSlots as f, computed as d, createElementBlock as v, openBlock as h, normalizeClass as _, unref as x, createVNode as g, h as r } from "vue";
2
+ import { g as B } from "./options-JBqnVZUl.js";
3
+ import { getBemBlock as z, generateVariantClassList as G, getBemElement as S } from "@pantograph/utils";
4
+ import { cva as k } from "class-variance-authority";
5
+ import { B as y } from "./BaseBadge.model-B27aBzz_.js";
6
+ import { c as P } from "./element-CayrDxFe.js";
7
+ import { _ as E } from "./Popover.vue_vue_type_style_index_0_lang-ByhaxoQo.js";
8
+ import { createContext as N } from "radix-vue";
9
+ const V = ["xsm", "sm", "md"], F = [...y], [H, $] = N("ChipGroup"), J = /* @__PURE__ */ C({
10
+ ...B("ChipGroup"),
11
+ __name: "ChipGroup",
12
+ props: {
13
+ countChipProps: {},
14
+ color: {},
15
+ size: { default: "md" },
16
+ closeIcon: {},
17
+ icon: {},
18
+ overlayActions: { type: Boolean },
19
+ selected: { type: Boolean },
20
+ maxCount: {},
21
+ popoverProps: {},
22
+ truncateCls: {}
23
+ },
24
+ emits: ["close"],
25
+ setup(c, { emit: p }) {
26
+ const m = p, o = c, a = f();
27
+ $({
28
+ props: o,
29
+ onClose: (t) => {
30
+ m("close", t);
31
+ }
32
+ });
33
+ const e = d(() => o.maxCount ? Number(o.maxCount) : 0), u = () => {
34
+ const t = P(a.default ? a.default() : []);
35
+ return e.value > 1 && t.length > e.value ? [
36
+ ...t.filter((l, n) => n < e.value),
37
+ r(
38
+ E,
39
+ { size: o.size === "md" ? "md" : "sm", ...o.popoverProps ?? {} },
40
+ {
41
+ default: () => r(
42
+ "div",
43
+ { class: [S(s, "truncate"), o.truncateCls] },
44
+ `+${t.length - e.value + 1}`
45
+ ),
46
+ content: () => r(
47
+ "div",
48
+ { class: i(o) },
49
+ {
50
+ default: () => t.filter((l, n) => n >= e.value)
51
+ }
52
+ )
53
+ }
54
+ )
55
+ ] : t;
56
+ }, s = z("chip_group"), i = k(s, {
57
+ variants: {
58
+ size: G(V, s)
59
+ }
60
+ });
61
+ return (t, l) => (h(), v("div", {
62
+ class: _(x(i)(o))
63
+ }, [
64
+ g(u)
65
+ ], 2));
66
+ }
67
+ });
68
+ export {
69
+ V as C,
70
+ J as _,
71
+ F as a,
72
+ H as i,
73
+ $ as p
74
+ };
@@ -0,0 +1 @@
1
+ "use strict";const e=require("vue"),_=require("./options-B4iSAKol.js"),i=require("@pantograph/utils"),v=require("class-variance-authority"),f=require("./BaseBadge.model-qrHPAcrC.js"),x=require("./element-BURaVF00.js"),g=require("./Popover.vue_vue_type_style_index_0_lang-B695YDJE.js"),B=require("radix-vue"),a=["xsm","sm","md"],q=[...f.BadgeColors],[z,p]=B.createContext("ChipGroup"),G=e.defineComponent({..._.getComponentOptions("ChipGroup"),__name:"ChipGroup",props:{countChipProps:{},color:{},size:{default:"md"},closeIcon:{},icon:{},overlayActions:{type:Boolean},selected:{type:Boolean},maxCount:{},popoverProps:{},truncateCls:{}},emits:["close"],setup(C,{emit:m}){const d=m,t=C,c=e.useSlots();p({props:t,onClose:o=>{d("close",o)}});const n=e.computed(()=>t.maxCount?Number(t.maxCount):0),h=()=>{const o=x.flattenChildren(c.default?c.default():[]);return n.value>1&&o.length>n.value?[...o.filter((u,r)=>r<n.value),e.h(g._sfc_main,{size:t.size==="md"?"md":"sm",...t.popoverProps??{}},{default:()=>e.h("div",{class:[i.getBemElement(s,"truncate"),t.truncateCls]},`+${o.length-n.value+1}`),content:()=>e.h("div",{class:l(t)},{default:()=>o.filter((u,r)=>r>=n.value)})})]:o},s=i.getBemBlock("chip_group"),l=v.cva(s,{variants:{size:i.generateVariantClassList(a,s)}});return(o,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l)(t))},[e.createVNode(h)],2))}});exports.ChipColors=q;exports.ChipSizes=a;exports._sfc_main=G;exports.injectChipGroupContext=z;exports.provideChipGroupContext=p;
@@ -1,4 +1,4 @@
1
- import { _ as r, _ as t, i, p as a } from "../ColorPicker.vue_vue_type_style_index_0_lang-C7mV51Ad.js";
1
+ import { _ as r, _ as t, i, p as a } from "../ColorPicker.vue_vue_type_style_index_0_lang-OlYb1GsW.js";
2
2
  export {
3
3
  r as ColorPicker,
4
4
  t as default,
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorPicker.vue_vue_type_style_index_0_lang-znCqIygO.js");exports.ColorPicker=e._sfc_main;exports.default=e._sfc_main;exports.injectColorPickerContext=e.injectColorPickerContext;exports.provideColorPickerContext=e.provideColorPickerContext;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorPicker.vue_vue_type_style_index_0_lang-BJqIuqb1.js");exports.ColorPicker=e._sfc_main;exports.default=e._sfc_main;exports.injectColorPickerContext=e.injectColorPickerContext;exports.provideColorPickerContext=e.provideColorPickerContext;