primevue 4.0.7 → 4.1.0

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 (238) hide show
  1. package/autocomplete/AutoComplete.vue +50 -50
  2. package/autocomplete/index.d.ts +5 -1
  3. package/autocomplete/index.mjs +11 -8
  4. package/autocomplete/index.mjs.map +1 -1
  5. package/autocomplete/style/index.d.ts +4 -0
  6. package/autocomplete/style/index.mjs +3 -2
  7. package/autocomplete/style/index.mjs.map +1 -1
  8. package/button/BaseButton.vue +2 -2
  9. package/button/Button.vue +1 -1
  10. package/button/index.d.ts +2 -2
  11. package/button/index.mjs +7 -6
  12. package/button/index.mjs.map +1 -1
  13. package/carousel/Carousel.vue +2 -7
  14. package/carousel/index.mjs +2 -7
  15. package/carousel/index.mjs.map +1 -1
  16. package/carousel/style/index.mjs +1 -1
  17. package/carousel/style/index.mjs.map +1 -1
  18. package/cascadeselect/BaseCascadeSelect.vue +4 -0
  19. package/cascadeselect/CascadeSelect.vue +53 -10
  20. package/cascadeselect/CascadeSelectSub.vue +24 -27
  21. package/cascadeselect/index.d.ts +41 -1
  22. package/cascadeselect/index.mjs +114 -73
  23. package/cascadeselect/index.mjs.map +1 -1
  24. package/cascadeselect/style/index.mjs +13 -6
  25. package/cascadeselect/style/index.mjs.map +1 -1
  26. package/colorpicker/BaseColorPicker.vue +2 -1
  27. package/colorpicker/ColorPicker.vue +3 -3
  28. package/colorpicker/index.d.ts +6 -1
  29. package/colorpicker/index.mjs +11 -4
  30. package/colorpicker/index.mjs.map +1 -1
  31. package/config/index.d.ts +9 -3
  32. package/confirmationoptions/index.d.ts +12 -0
  33. package/confirmdialog/ConfirmDialog.vue +11 -1
  34. package/confirmdialog/index.d.ts +3 -7
  35. package/confirmdialog/index.mjs +12 -2
  36. package/confirmdialog/index.mjs.map +1 -1
  37. package/contextmenu/BaseContextMenu.vue +4 -0
  38. package/contextmenu/ContextMenu.vue +37 -10
  39. package/contextmenu/index.d.ts +10 -5
  40. package/contextmenu/index.mjs +57 -28
  41. package/contextmenu/index.mjs.map +1 -1
  42. package/contextmenu/style/index.mjs +10 -5
  43. package/contextmenu/style/index.mjs.map +1 -1
  44. package/datatable/BaseDataTable.vue +4 -0
  45. package/datatable/DataTable.vue +5 -10
  46. package/datatable/HeaderCheckbox.vue +1 -1
  47. package/datatable/TableBody.vue +1 -1
  48. package/datatable/TableHeader.vue +51 -51
  49. package/datatable/index.d.ts +5 -0
  50. package/datatable/index.mjs +90 -87
  51. package/datatable/index.mjs.map +1 -1
  52. package/datatable/style/index.mjs +1 -1
  53. package/datatable/style/index.mjs.map +1 -1
  54. package/datepicker/DatePicker.vue +13 -11
  55. package/datepicker/index.d.ts +2 -10
  56. package/datepicker/index.mjs +12 -10
  57. package/datepicker/index.mjs.map +1 -1
  58. package/datepicker/style/index.mjs +3 -3
  59. package/datepicker/style/index.mjs.map +1 -1
  60. package/dialog/Dialog.vue +4 -10
  61. package/dialog/index.mjs +3 -10
  62. package/dialog/index.mjs.map +1 -1
  63. package/drawer/index.d.ts +5 -1
  64. package/fieldset/index.d.ts +2 -6
  65. package/fileupload/index.d.ts +1 -1
  66. package/floatlabel/BaseFloatLabel.vue +6 -1
  67. package/floatlabel/index.d.ts +7 -2
  68. package/floatlabel/index.mjs +6 -1
  69. package/floatlabel/index.mjs.map +1 -1
  70. package/floatlabel/style/index.d.ts +2 -2
  71. package/floatlabel/style/index.mjs +10 -2
  72. package/floatlabel/style/index.mjs.map +1 -1
  73. package/focustrap/index.d.ts +1 -1
  74. package/galleria/index.d.ts +8 -8
  75. package/galleria/style/index.mjs +2 -2
  76. package/galleria/style/index.mjs.map +1 -1
  77. package/iftalabel/BaseIftaLabel.vue +16 -0
  78. package/iftalabel/IftaLabel.vue +15 -0
  79. package/iftalabel/index.d.ts +130 -0
  80. package/iftalabel/index.mjs +32 -0
  81. package/iftalabel/index.mjs.map +1 -0
  82. package/iftalabel/package.json +11 -0
  83. package/iftalabel/style/index.d.ts +19 -0
  84. package/iftalabel/style/index.mjs +17 -0
  85. package/iftalabel/style/index.mjs.map +1 -0
  86. package/iftalabel/style/package.json +6 -0
  87. package/imagecompare/BaseImageCompare.vue +30 -0
  88. package/imagecompare/ImageCompare.vue +24 -0
  89. package/imagecompare/index.d.ts +149 -0
  90. package/imagecompare/index.mjs +61 -0
  91. package/imagecompare/index.mjs.map +1 -0
  92. package/imagecompare/package.json +11 -0
  93. package/imagecompare/style/index.d.ts +23 -0
  94. package/imagecompare/style/index.mjs +18 -0
  95. package/imagecompare/style/index.mjs.map +1 -0
  96. package/imagecompare/style/package.json +6 -0
  97. package/inputgroup/BaseInputGroup.vue +0 -6
  98. package/inputgroup/InputGroup.vue +1 -10
  99. package/inputgroup/index.d.ts +0 -5
  100. package/inputgroup/index.mjs +1 -18
  101. package/inputgroup/index.mjs.map +1 -1
  102. package/inputgroup/style/index.mjs +2 -7
  103. package/inputgroup/style/index.mjs.map +1 -1
  104. package/inputmask/InputMask.vue +23 -17
  105. package/inputmask/index.mjs +21 -16
  106. package/inputmask/index.mjs.map +1 -1
  107. package/inputnumber/InputNumber.vue +2 -2
  108. package/inputnumber/index.d.ts +1 -1
  109. package/inputnumber/index.mjs +2 -2
  110. package/inputnumber/index.mjs.map +1 -1
  111. package/inputnumber/style/index.mjs +2 -2
  112. package/inputnumber/style/index.mjs.map +1 -1
  113. package/inputotp/BaseInputOtp.vue +1 -1
  114. package/inputotp/InputOtp.vue +6 -12
  115. package/inputotp/index.d.ts +2 -2
  116. package/inputotp/index.mjs +11 -12
  117. package/inputotp/index.mjs.map +1 -1
  118. package/inputotp/style/index.mjs +1 -1
  119. package/inputotp/style/index.mjs.map +1 -1
  120. package/inputtext/style/index.mjs +1 -1
  121. package/inputtext/style/index.mjs.map +1 -1
  122. package/keyfilter/index.d.ts +153 -0
  123. package/keyfilter/index.mjs +127 -0
  124. package/keyfilter/index.mjs.map +1 -0
  125. package/keyfilter/package.json +5 -0
  126. package/keyfilter/style/index.d.ts +14 -0
  127. package/keyfilter/style/index.mjs +8 -0
  128. package/keyfilter/style/index.mjs.map +1 -0
  129. package/keyfilter/style/package.json +6 -0
  130. package/megamenu/MegaMenu.vue +4 -4
  131. package/megamenu/index.d.ts +4 -0
  132. package/megamenu/index.mjs +2 -2
  133. package/megamenu/index.mjs.map +1 -1
  134. package/message/Message.vue +3 -19
  135. package/message/index.mjs +4 -20
  136. package/message/index.mjs.map +1 -1
  137. package/multiselect/BaseMultiSelect.vue +1 -5
  138. package/multiselect/MultiSelect.vue +16 -14
  139. package/multiselect/index.d.ts +2 -20
  140. package/multiselect/index.mjs +15 -17
  141. package/multiselect/index.mjs.map +1 -1
  142. package/multiselect/style/index.mjs +1 -1
  143. package/multiselect/style/index.mjs.map +1 -1
  144. package/orderlist/OrderList.vue +4 -8
  145. package/orderlist/index.d.ts +1 -5
  146. package/orderlist/index.mjs +3 -7
  147. package/orderlist/index.mjs.map +1 -1
  148. package/package.json +5 -5
  149. package/paginator/JumpToPageInput.vue +1 -1
  150. package/paginator/Paginator.vue +4 -16
  151. package/paginator/index.d.ts +1 -1
  152. package/paginator/index.mjs +4 -21
  153. package/paginator/index.mjs.map +1 -1
  154. package/paginator/style/index.d.ts +1 -1
  155. package/paginator/style/index.mjs +1 -1
  156. package/paginator/style/index.mjs.map +1 -1
  157. package/panelmenu/index.d.ts +1 -1
  158. package/password/BasePassword.vue +4 -0
  159. package/password/Password.vue +4 -3
  160. package/password/index.d.ts +6 -1
  161. package/password/index.mjs +10 -5
  162. package/password/index.mjs.map +1 -1
  163. package/password/style/index.mjs +1 -1
  164. package/password/style/index.mjs.map +1 -1
  165. package/picklist/PickList.vue +4 -8
  166. package/picklist/index.d.ts +1 -13
  167. package/picklist/index.mjs +3 -7
  168. package/picklist/index.mjs.map +1 -1
  169. package/popover/Popover.vue +4 -10
  170. package/popover/index.d.ts +1 -1
  171. package/popover/index.mjs +3 -9
  172. package/popover/index.mjs.map +1 -1
  173. package/progressspinner/index.d.ts +1 -1
  174. package/rating/style/index.mjs +1 -1
  175. package/rating/style/index.mjs.map +1 -1
  176. package/scrolltop/ScrollTop.vue +2 -9
  177. package/scrolltop/index.d.ts +1 -6
  178. package/scrolltop/index.mjs +3 -9
  179. package/scrolltop/index.mjs.map +1 -1
  180. package/select/Select.vue +13 -6
  181. package/select/index.mjs +54 -45
  182. package/select/index.mjs.map +1 -1
  183. package/select/style/index.mjs +1 -1
  184. package/select/style/index.mjs.map +1 -1
  185. package/speeddial/SpeedDial.vue +3 -1
  186. package/speeddial/index.d.ts +16 -1
  187. package/speeddial/index.mjs +10 -5
  188. package/speeddial/index.mjs.map +1 -1
  189. package/splitter/Splitter.vue +31 -25
  190. package/splitter/index.d.ts +8 -1
  191. package/splitter/index.mjs +28 -22
  192. package/splitter/index.mjs.map +1 -1
  193. package/tieredmenu/BaseTieredMenu.vue +4 -0
  194. package/tieredmenu/TieredMenu.vue +31 -4
  195. package/tieredmenu/TieredMenuSub.vue +3 -1
  196. package/tieredmenu/index.d.ts +5 -0
  197. package/tieredmenu/index.mjs +63 -34
  198. package/tieredmenu/index.mjs.map +1 -1
  199. package/tieredmenu/style/index.mjs +5 -4
  200. package/tieredmenu/style/index.mjs.map +1 -1
  201. package/toast/Toast.vue +2 -9
  202. package/toast/index.mjs +1 -8
  203. package/toast/index.mjs.map +1 -1
  204. package/toggleswitch/ToggleSwitch.vue +5 -1
  205. package/toggleswitch/index.d.ts +17 -1
  206. package/toggleswitch/index.mjs +7 -3
  207. package/toggleswitch/index.mjs.map +1 -1
  208. package/toggleswitch/style/index.d.ts +9 -1
  209. package/toggleswitch/style/index.mjs +3 -2
  210. package/toggleswitch/style/index.mjs.map +1 -1
  211. package/tooltip/index.mjs +6 -1
  212. package/tooltip/index.mjs.map +1 -1
  213. package/tree/BaseTree.vue +1 -1
  214. package/tree/Tree.vue +4 -2
  215. package/tree/TreeNode.vue +16 -4
  216. package/tree/index.d.ts +52 -3
  217. package/tree/index.mjs +23 -10
  218. package/tree/index.mjs.map +1 -1
  219. package/treeselect/BaseTreeSelect.vue +36 -0
  220. package/treeselect/TreeSelect.vue +31 -16
  221. package/treeselect/index.d.ts +73 -4
  222. package/treeselect/index.mjs +82 -25
  223. package/treeselect/index.mjs.map +1 -1
  224. package/treeselect/style/index.mjs +1 -1
  225. package/treeselect/style/index.mjs.map +1 -1
  226. package/treetable/BaseTreeTable.vue +8 -0
  227. package/treetable/TreeTable.vue +19 -11
  228. package/treetable/TreeTableRow.vue +28 -2
  229. package/treetable/index.d.ts +34 -0
  230. package/treetable/index.mjs +63 -19
  231. package/treetable/index.mjs.map +1 -1
  232. package/treetable/style/index.mjs +5 -3
  233. package/treetable/style/index.mjs.map +1 -1
  234. package/umd/primevue.min.js +1 -1
  235. package/vetur-attributes.json +3 -3
  236. package/virtualscroller/style/index.mjs +3 -1
  237. package/virtualscroller/style/index.mjs.map +1 -1
  238. package/web-types.json +4 -4
@@ -2,7 +2,7 @@ import BaseStyle from '@primevue/core/base/style';
2
2
 
3
3
  var theme = function theme(_ref) {
4
4
  var dt = _ref.dt;
5
- return "\n.p-tieredmenu {\n background: ".concat(dt('tieredmenu.background'), ";\n color: ").concat(dt('tieredmenu.color'), ";\n border: 1px solid ").concat(dt('tieredmenu.border.color'), ";\n border-radius: ").concat(dt('tieredmenu.border.radius'), ";\n min-width: 12.5rem;\n}\n\n.p-tieredmenu-root-list,\n.p-tieredmenu-submenu {\n margin: 0;\n padding: ").concat(dt('tieredmenu.list.padding'), ";\n list-style: none;\n outline: 0 none;\n display: flex;\n flex-direction: column;\n gap: ").concat(dt('tieredmenu.list.gap'), ";\n}\n\n.p-tieredmenu-submenu {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n background: ").concat(dt('tieredmenu.background'), ";\n color: ").concat(dt('tieredmenu.color'), ";\n border: 1px solid ").concat(dt('tieredmenu.border.color'), ";\n border-radius: ").concat(dt('tieredmenu.border.radius'), ";\n box-shadow: ").concat(dt('tieredmenu.shadow'), ";\n}\n\n.p-tieredmenu-item {\n position: relative;\n}\n\n.p-tieredmenu-item-content {\n transition: background ").concat(dt('tieredmenu.transition.duration'), ", color ").concat(dt('tieredmenu.transition.duration'), ";\n border-radius: ").concat(dt('tieredmenu.item.border.radius'), ";\n color: ").concat(dt('tieredmenu.item.color'), ";\n}\n\n.p-tieredmenu-item-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n color: inherit;\n padding: ").concat(dt('tieredmenu.item.padding'), ";\n gap: ").concat(dt('tieredmenu.item.gap'), ";\n user-select: none;\n outline: 0 none;\n}\n\n.p-tieredmenu-item-label {\n line-height: 1;\n}\n\n.p-tieredmenu-item-icon {\n color: ").concat(dt('tieredmenu.item.icon.color'), ";\n}\n\n.p-tieredmenu-submenu-icon {\n color: ").concat(dt('tieredmenu.submenu.icon.color'), ";\n margin-left: auto;\n font-size: ").concat(dt('tieredmenu.submenu.icon.size'), ";\n width: ").concat(dt('tieredmenu.submenu.icon.size'), ";\n height: ").concat(dt('tieredmenu.submenu.icon.size'), ";\n}\n\n.p-tieredmenu-item.p-focus > .p-tieredmenu-item-content {\n color: ").concat(dt('tieredmenu.item.focus.color'), ";\n background: ").concat(dt('tieredmenu.item.focus.background'), ";\n}\n\n.p-tieredmenu-item.p-focus > .p-tieredmenu-item-content .p-tieredmenu-item-icon {\n color: ").concat(dt('tieredmenu.item.icon.focus.color'), ";\n}\n\n.p-tieredmenu-item.p-focus > .p-tieredmenu-item-content .p-tieredmenu-submenu-icon {\n color: ").concat(dt('tieredmenu.submenu.icon.focus.color'), ";\n}\n\n.p-tieredmenu-item:not(.p-disabled) > .p-tieredmenu-item-content:hover {\n color: ").concat(dt('tieredmenu.item.focus.color'), ";\n background: ").concat(dt('tieredmenu.item.focus.background'), ";\n}\n\n.p-tieredmenu-item:not(.p-disabled) > .p-tieredmenu-item-content:hover .p-tieredmenu-item-icon {\n color: ").concat(dt('tieredmenu.item.icon.focus.color'), ";\n}\n\n.p-tieredmenu-item:not(.p-disabled) > .p-tieredmenu-item-content:hover .p-tieredmenu-submenu-icon {\n color: ").concat(dt('tieredmenu.submenu.icon.focus.color'), ";\n}\n\n.p-tieredmenu-item-active > .p-tieredmenu-item-content {\n color: ").concat(dt('tieredmenu.item.active.color'), ";\n background: ").concat(dt('tieredmenu.item.active.background'), ";\n}\n\n.p-tieredmenu-item-active > .p-tieredmenu-item-content .p-tieredmenu-item-icon {\n color: ").concat(dt('tieredmenu.item.icon.active.color'), ";\n}\n\n.p-tieredmenu-item-active > .p-tieredmenu-item-content .p-tieredmenu-submenu-icon {\n color: ").concat(dt('tieredmenu.submenu.icon.active.color'), ";\n}\n\n.p-tieredmenu-separator {\n border-top: 1px solid ").concat(dt('tieredmenu.separator.border.color'), ";\n}\n\n.p-tieredmenu-overlay {\n box-shadow: ").concat(dt('tieredmenu.shadow'), ";\n}\n\n.p-tieredmenu-enter-from,\n.p-tieredmenu-leave-active {\n opacity: 0;\n}\n\n.p-tieredmenu-enter-active {\n transition: opacity 250ms;\n}\n");
5
+ return "\n.p-tieredmenu {\n background: ".concat(dt('tieredmenu.background'), ";\n color: ").concat(dt('tieredmenu.color'), ";\n border: 1px solid ").concat(dt('tieredmenu.border.color'), ";\n border-radius: ").concat(dt('tieredmenu.border.radius'), ";\n min-width: 12.5rem;\n}\n\n.p-tieredmenu-root-list,\n.p-tieredmenu-submenu {\n margin: 0;\n padding: ").concat(dt('tieredmenu.list.padding'), ";\n list-style: none;\n outline: 0 none;\n display: flex;\n flex-direction: column;\n gap: ").concat(dt('tieredmenu.list.gap'), ";\n}\n\n.p-tieredmenu-submenu {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n background: ").concat(dt('tieredmenu.background'), ";\n color: ").concat(dt('tieredmenu.color'), ";\n border: 1px solid ").concat(dt('tieredmenu.border.color'), ";\n border-radius: ").concat(dt('tieredmenu.border.radius'), ";\n box-shadow: ").concat(dt('tieredmenu.shadow'), ";\n}\n\n.p-tieredmenu-item {\n position: relative;\n}\n\n.p-tieredmenu-item-content {\n transition: background ").concat(dt('tieredmenu.transition.duration'), ", color ").concat(dt('tieredmenu.transition.duration'), ";\n border-radius: ").concat(dt('tieredmenu.item.border.radius'), ";\n color: ").concat(dt('tieredmenu.item.color'), ";\n}\n\n.p-tieredmenu-item-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n color: inherit;\n padding: ").concat(dt('tieredmenu.item.padding'), ";\n gap: ").concat(dt('tieredmenu.item.gap'), ";\n user-select: none;\n outline: 0 none;\n}\n\n.p-tieredmenu-item-label {\n line-height: 1;\n}\n\n.p-tieredmenu-item-icon {\n color: ").concat(dt('tieredmenu.item.icon.color'), ";\n}\n\n.p-tieredmenu-submenu-icon {\n color: ").concat(dt('tieredmenu.submenu.icon.color'), ";\n margin-left: auto;\n font-size: ").concat(dt('tieredmenu.submenu.icon.size'), ";\n width: ").concat(dt('tieredmenu.submenu.icon.size'), ";\n height: ").concat(dt('tieredmenu.submenu.icon.size'), ";\n}\n\n.p-tieredmenu-item.p-focus > .p-tieredmenu-item-content {\n color: ").concat(dt('tieredmenu.item.focus.color'), ";\n background: ").concat(dt('tieredmenu.item.focus.background'), ";\n}\n\n.p-tieredmenu-item.p-focus > .p-tieredmenu-item-content .p-tieredmenu-item-icon {\n color: ").concat(dt('tieredmenu.item.icon.focus.color'), ";\n}\n\n.p-tieredmenu-item.p-focus > .p-tieredmenu-item-content .p-tieredmenu-submenu-icon {\n color: ").concat(dt('tieredmenu.submenu.icon.focus.color'), ";\n}\n\n.p-tieredmenu-item:not(.p-disabled) > .p-tieredmenu-item-content:hover {\n color: ").concat(dt('tieredmenu.item.focus.color'), ";\n background: ").concat(dt('tieredmenu.item.focus.background'), ";\n}\n\n.p-tieredmenu-item:not(.p-disabled) > .p-tieredmenu-item-content:hover .p-tieredmenu-item-icon {\n color: ").concat(dt('tieredmenu.item.icon.focus.color'), ";\n}\n\n.p-tieredmenu-item:not(.p-disabled) > .p-tieredmenu-item-content:hover .p-tieredmenu-submenu-icon {\n color: ").concat(dt('tieredmenu.submenu.icon.focus.color'), ";\n}\n\n.p-tieredmenu-item-active > .p-tieredmenu-item-content {\n color: ").concat(dt('tieredmenu.item.active.color'), ";\n background: ").concat(dt('tieredmenu.item.active.background'), ";\n}\n\n.p-tieredmenu-item-active > .p-tieredmenu-item-content .p-tieredmenu-item-icon {\n color: ").concat(dt('tieredmenu.item.icon.active.color'), ";\n}\n\n.p-tieredmenu-item-active > .p-tieredmenu-item-content .p-tieredmenu-submenu-icon {\n color: ").concat(dt('tieredmenu.submenu.icon.active.color'), ";\n}\n\n.p-tieredmenu-separator {\n border-top: 1px solid ").concat(dt('tieredmenu.separator.border.color'), ";\n}\n\n.p-tieredmenu-overlay {\n box-shadow: ").concat(dt('tieredmenu.shadow'), ";\n}\n\n.p-tieredmenu-enter-from,\n.p-tieredmenu-leave-active {\n opacity: 0;\n}\n\n.p-tieredmenu-enter-active {\n transition: opacity 250ms;\n}\n\n.p-tieredmenu-mobile {\n position: relative;\n}\n\n.p-tieredmenu-mobile .p-tieredmenu-button {\n display: flex;\n}\n\n.p-tieredmenu-mobile .p-tieredmenu-root-list > .p-tieredmenu-item > .p-tieredmenu-item-content > .p-tieredmenu-item-link {\n padding: ").concat(dt('tieredmenu.item.padding'), ";\n}\n\n.p-tieredmenu-mobile .p-tieredmenu-root-list .p-tieredmenu-separator {\n border-top: 1px solid ").concat(dt('tieredmenu.separator.border.color'), ";\n}\n\n.p-tieredmenu-mobile .p-tieredmenu-root-list > .p-tieredmenu-item > .p-tieredmenu-item-content .p-tieredmenu-submenu-icon {\n margin-left: auto;\n transition: transform 0.2s;\n}\n\n.p-tieredmenu-mobile .p-tieredmenu-root-list > .p-tieredmenu-item-active > .p-tieredmenu-item-content .p-tieredmenu-submenu-icon {\n transform: rotate(-90deg);\n}\n\n.p-tieredmenu-mobile .p-tieredmenu-submenu .p-tieredmenu-submenu-icon {\n transition: transform 0.2s;\n transform: rotate(90deg);\n}\n\n.p-tieredmenu-mobile .p-tieredmenu-item-active > .p-tieredmenu-item-content .p-tieredmenu-submenu-icon {\n transform: rotate(-90deg);\n}\n\n.p-tieredmenu-mobile .p-tieredmenu-submenu {\n position: static;\n box-shadow: none;\n border: 0 none;\n padding-left: ").concat(dt('tieredmenu.submenu.mobile.indent'), ";\n}\n");
6
6
  };
7
7
  var inlineStyles = {
8
8
  submenu: function submenu(_ref2) {
@@ -15,10 +15,11 @@ var inlineStyles = {
15
15
  };
16
16
  var classes = {
17
17
  root: function root(_ref3) {
18
- _ref3.instance;
19
- var props = _ref3.props;
18
+ var props = _ref3.props,
19
+ instance = _ref3.instance;
20
20
  return ['p-tieredmenu p-component', {
21
- 'p-tieredmenu-overlay': props.popup
21
+ 'p-tieredmenu-overlay': props.popup,
22
+ 'p-tieredmenu-mobile': instance.queryMatches
22
23
  }];
23
24
  },
24
25
  start: 'p-tieredmenu-start',
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../../src/tieredmenu/style/TieredMenuStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-tieredmenu {\n background: ${dt('tieredmenu.background')};\n color: ${dt('tieredmenu.color')};\n border: 1px solid ${dt('tieredmenu.border.color')};\n border-radius: ${dt('tieredmenu.border.radius')};\n min-width: 12.5rem;\n}\n\n.p-tieredmenu-root-list,\n.p-tieredmenu-submenu {\n margin: 0;\n padding: ${dt('tieredmenu.list.padding')};\n list-style: none;\n outline: 0 none;\n display: flex;\n flex-direction: column;\n gap: ${dt('tieredmenu.list.gap')};\n}\n\n.p-tieredmenu-submenu {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n background: ${dt('tieredmenu.background')};\n color: ${dt('tieredmenu.color')};\n border: 1px solid ${dt('tieredmenu.border.color')};\n border-radius: ${dt('tieredmenu.border.radius')};\n box-shadow: ${dt('tieredmenu.shadow')};\n}\n\n.p-tieredmenu-item {\n position: relative;\n}\n\n.p-tieredmenu-item-content {\n transition: background ${dt('tieredmenu.transition.duration')}, color ${dt('tieredmenu.transition.duration')};\n border-radius: ${dt('tieredmenu.item.border.radius')};\n color: ${dt('tieredmenu.item.color')};\n}\n\n.p-tieredmenu-item-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n color: inherit;\n padding: ${dt('tieredmenu.item.padding')};\n gap: ${dt('tieredmenu.item.gap')};\n user-select: none;\n outline: 0 none;\n}\n\n.p-tieredmenu-item-label {\n line-height: 1;\n}\n\n.p-tieredmenu-item-icon {\n color: ${dt('tieredmenu.item.icon.color')};\n}\n\n.p-tieredmenu-submenu-icon {\n color: ${dt('tieredmenu.submenu.icon.color')};\n margin-left: auto;\n font-size: ${dt('tieredmenu.submenu.icon.size')};\n width: ${dt('tieredmenu.submenu.icon.size')};\n height: ${dt('tieredmenu.submenu.icon.size')};\n}\n\n.p-tieredmenu-item.p-focus > .p-tieredmenu-item-content {\n color: ${dt('tieredmenu.item.focus.color')};\n background: ${dt('tieredmenu.item.focus.background')};\n}\n\n.p-tieredmenu-item.p-focus > .p-tieredmenu-item-content .p-tieredmenu-item-icon {\n color: ${dt('tieredmenu.item.icon.focus.color')};\n}\n\n.p-tieredmenu-item.p-focus > .p-tieredmenu-item-content .p-tieredmenu-submenu-icon {\n color: ${dt('tieredmenu.submenu.icon.focus.color')};\n}\n\n.p-tieredmenu-item:not(.p-disabled) > .p-tieredmenu-item-content:hover {\n color: ${dt('tieredmenu.item.focus.color')};\n background: ${dt('tieredmenu.item.focus.background')};\n}\n\n.p-tieredmenu-item:not(.p-disabled) > .p-tieredmenu-item-content:hover .p-tieredmenu-item-icon {\n color: ${dt('tieredmenu.item.icon.focus.color')};\n}\n\n.p-tieredmenu-item:not(.p-disabled) > .p-tieredmenu-item-content:hover .p-tieredmenu-submenu-icon {\n color: ${dt('tieredmenu.submenu.icon.focus.color')};\n}\n\n.p-tieredmenu-item-active > .p-tieredmenu-item-content {\n color: ${dt('tieredmenu.item.active.color')};\n background: ${dt('tieredmenu.item.active.background')};\n}\n\n.p-tieredmenu-item-active > .p-tieredmenu-item-content .p-tieredmenu-item-icon {\n color: ${dt('tieredmenu.item.icon.active.color')};\n}\n\n.p-tieredmenu-item-active > .p-tieredmenu-item-content .p-tieredmenu-submenu-icon {\n color: ${dt('tieredmenu.submenu.icon.active.color')};\n}\n\n.p-tieredmenu-separator {\n border-top: 1px solid ${dt('tieredmenu.separator.border.color')};\n}\n\n.p-tieredmenu-overlay {\n box-shadow: ${dt('tieredmenu.shadow')};\n}\n\n.p-tieredmenu-enter-from,\n.p-tieredmenu-leave-active {\n opacity: 0;\n}\n\n.p-tieredmenu-enter-active {\n transition: opacity 250ms;\n}\n`;\n\nconst inlineStyles = {\n submenu: ({ instance, processedItem }) => ({ display: instance.isItemActive(processedItem) ? 'flex' : 'none' })\n};\n\nconst classes = {\n root: ({ instance, props }) => [\n 'p-tieredmenu p-component',\n {\n 'p-tieredmenu-overlay': props.popup\n }\n ],\n start: 'p-tieredmenu-start',\n rootList: 'p-tieredmenu-root-list',\n item: ({ instance, processedItem }) => [\n 'p-tieredmenu-item',\n {\n 'p-tieredmenu-item-active': instance.isItemActive(processedItem),\n 'p-focus': instance.isItemFocused(processedItem),\n 'p-disabled': instance.isItemDisabled(processedItem)\n }\n ],\n itemContent: 'p-tieredmenu-item-content',\n itemLink: 'p-tieredmenu-item-link',\n itemIcon: 'p-tieredmenu-item-icon',\n itemLabel: 'p-tieredmenu-item-label',\n submenuIcon: 'p-tieredmenu-submenu-icon',\n submenu: 'p-tieredmenu-submenu',\n separator: 'p-tieredmenu-separator',\n end: 'p-tieredmenu-end'\n};\n\nexport default BaseStyle.extend({\n name: 'tieredmenu',\n theme,\n classes,\n inlineStyles\n});\n"],"names":["theme","_ref","dt","concat","inlineStyles","submenu","_ref2","instance","processedItem","display","isItemActive","classes","root","_ref3","props","popup","start","rootList","item","_ref4","isItemFocused","isItemDisabled","itemContent","itemLink","itemIcon","itemLabel","submenuIcon","separator","end","BaseStyle","extend","name"],"mappings":"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"}
1
+ {"version":3,"file":"index.mjs","sources":["../../../src/tieredmenu/style/TieredMenuStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-tieredmenu {\n background: ${dt('tieredmenu.background')};\n color: ${dt('tieredmenu.color')};\n border: 1px solid ${dt('tieredmenu.border.color')};\n border-radius: ${dt('tieredmenu.border.radius')};\n min-width: 12.5rem;\n}\n\n.p-tieredmenu-root-list,\n.p-tieredmenu-submenu {\n margin: 0;\n padding: ${dt('tieredmenu.list.padding')};\n list-style: none;\n outline: 0 none;\n display: flex;\n flex-direction: column;\n gap: ${dt('tieredmenu.list.gap')};\n}\n\n.p-tieredmenu-submenu {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n background: ${dt('tieredmenu.background')};\n color: ${dt('tieredmenu.color')};\n border: 1px solid ${dt('tieredmenu.border.color')};\n border-radius: ${dt('tieredmenu.border.radius')};\n box-shadow: ${dt('tieredmenu.shadow')};\n}\n\n.p-tieredmenu-item {\n position: relative;\n}\n\n.p-tieredmenu-item-content {\n transition: background ${dt('tieredmenu.transition.duration')}, color ${dt('tieredmenu.transition.duration')};\n border-radius: ${dt('tieredmenu.item.border.radius')};\n color: ${dt('tieredmenu.item.color')};\n}\n\n.p-tieredmenu-item-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n color: inherit;\n padding: ${dt('tieredmenu.item.padding')};\n gap: ${dt('tieredmenu.item.gap')};\n user-select: none;\n outline: 0 none;\n}\n\n.p-tieredmenu-item-label {\n line-height: 1;\n}\n\n.p-tieredmenu-item-icon {\n color: ${dt('tieredmenu.item.icon.color')};\n}\n\n.p-tieredmenu-submenu-icon {\n color: ${dt('tieredmenu.submenu.icon.color')};\n margin-left: auto;\n font-size: ${dt('tieredmenu.submenu.icon.size')};\n width: ${dt('tieredmenu.submenu.icon.size')};\n height: ${dt('tieredmenu.submenu.icon.size')};\n}\n\n.p-tieredmenu-item.p-focus > .p-tieredmenu-item-content {\n color: ${dt('tieredmenu.item.focus.color')};\n background: ${dt('tieredmenu.item.focus.background')};\n}\n\n.p-tieredmenu-item.p-focus > .p-tieredmenu-item-content .p-tieredmenu-item-icon {\n color: ${dt('tieredmenu.item.icon.focus.color')};\n}\n\n.p-tieredmenu-item.p-focus > .p-tieredmenu-item-content .p-tieredmenu-submenu-icon {\n color: ${dt('tieredmenu.submenu.icon.focus.color')};\n}\n\n.p-tieredmenu-item:not(.p-disabled) > .p-tieredmenu-item-content:hover {\n color: ${dt('tieredmenu.item.focus.color')};\n background: ${dt('tieredmenu.item.focus.background')};\n}\n\n.p-tieredmenu-item:not(.p-disabled) > .p-tieredmenu-item-content:hover .p-tieredmenu-item-icon {\n color: ${dt('tieredmenu.item.icon.focus.color')};\n}\n\n.p-tieredmenu-item:not(.p-disabled) > .p-tieredmenu-item-content:hover .p-tieredmenu-submenu-icon {\n color: ${dt('tieredmenu.submenu.icon.focus.color')};\n}\n\n.p-tieredmenu-item-active > .p-tieredmenu-item-content {\n color: ${dt('tieredmenu.item.active.color')};\n background: ${dt('tieredmenu.item.active.background')};\n}\n\n.p-tieredmenu-item-active > .p-tieredmenu-item-content .p-tieredmenu-item-icon {\n color: ${dt('tieredmenu.item.icon.active.color')};\n}\n\n.p-tieredmenu-item-active > .p-tieredmenu-item-content .p-tieredmenu-submenu-icon {\n color: ${dt('tieredmenu.submenu.icon.active.color')};\n}\n\n.p-tieredmenu-separator {\n border-top: 1px solid ${dt('tieredmenu.separator.border.color')};\n}\n\n.p-tieredmenu-overlay {\n box-shadow: ${dt('tieredmenu.shadow')};\n}\n\n.p-tieredmenu-enter-from,\n.p-tieredmenu-leave-active {\n opacity: 0;\n}\n\n.p-tieredmenu-enter-active {\n transition: opacity 250ms;\n}\n\n.p-tieredmenu-mobile {\n position: relative;\n}\n\n.p-tieredmenu-mobile .p-tieredmenu-button {\n display: flex;\n}\n\n.p-tieredmenu-mobile .p-tieredmenu-root-list > .p-tieredmenu-item > .p-tieredmenu-item-content > .p-tieredmenu-item-link {\n padding: ${dt('tieredmenu.item.padding')};\n}\n\n.p-tieredmenu-mobile .p-tieredmenu-root-list .p-tieredmenu-separator {\n border-top: 1px solid ${dt('tieredmenu.separator.border.color')};\n}\n\n.p-tieredmenu-mobile .p-tieredmenu-root-list > .p-tieredmenu-item > .p-tieredmenu-item-content .p-tieredmenu-submenu-icon {\n margin-left: auto;\n transition: transform 0.2s;\n}\n\n.p-tieredmenu-mobile .p-tieredmenu-root-list > .p-tieredmenu-item-active > .p-tieredmenu-item-content .p-tieredmenu-submenu-icon {\n transform: rotate(-90deg);\n}\n\n.p-tieredmenu-mobile .p-tieredmenu-submenu .p-tieredmenu-submenu-icon {\n transition: transform 0.2s;\n transform: rotate(90deg);\n}\n\n.p-tieredmenu-mobile .p-tieredmenu-item-active > .p-tieredmenu-item-content .p-tieredmenu-submenu-icon {\n transform: rotate(-90deg);\n}\n\n.p-tieredmenu-mobile .p-tieredmenu-submenu {\n position: static;\n box-shadow: none;\n border: 0 none;\n padding-left: ${dt('tieredmenu.submenu.mobile.indent')};\n}\n`;\n\nconst inlineStyles = {\n submenu: ({ instance, processedItem }) => ({ display: instance.isItemActive(processedItem) ? 'flex' : 'none' })\n};\n\nconst classes = {\n root: ({ props, instance }) => [\n 'p-tieredmenu p-component',\n {\n 'p-tieredmenu-overlay': props.popup,\n 'p-tieredmenu-mobile': instance.queryMatches\n }\n ],\n start: 'p-tieredmenu-start',\n rootList: 'p-tieredmenu-root-list',\n item: ({ instance, processedItem }) => [\n 'p-tieredmenu-item',\n {\n 'p-tieredmenu-item-active': instance.isItemActive(processedItem),\n 'p-focus': instance.isItemFocused(processedItem),\n 'p-disabled': instance.isItemDisabled(processedItem)\n }\n ],\n itemContent: 'p-tieredmenu-item-content',\n itemLink: 'p-tieredmenu-item-link',\n itemIcon: 'p-tieredmenu-item-icon',\n itemLabel: 'p-tieredmenu-item-label',\n submenuIcon: 'p-tieredmenu-submenu-icon',\n submenu: 'p-tieredmenu-submenu',\n separator: 'p-tieredmenu-separator',\n end: 'p-tieredmenu-end'\n};\n\nexport default BaseStyle.extend({\n name: 'tieredmenu',\n theme,\n classes,\n inlineStyles\n});\n"],"names":["theme","_ref","dt","concat","inlineStyles","submenu","_ref2","instance","processedItem","display","isItemActive","classes","root","_ref3","props","popup","queryMatches","start","rootList","item","_ref4","isItemFocused","isItemDisabled","itemContent","itemLink","itemIcon","itemLabel","submenuIcon","separator","end","BaseStyle","extend","name"],"mappings":"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"}
package/toast/Toast.vue CHANGED
@@ -26,7 +26,6 @@
26
26
  import { setAttribute } from '@primeuix/utils/dom';
27
27
  import { isEmpty } from '@primeuix/utils/object';
28
28
  import { ZIndex } from '@primeuix/utils/zindex';
29
- import { UniqueComponentId } from '@primevue/core/utils';
30
29
  import Portal from 'primevue/portal';
31
30
  import ToastEventBus from 'primevue/toasteventbus';
32
31
  import BaseToast from './BaseToast.vue';
@@ -100,8 +99,6 @@ export default {
100
99
  this.messages = [];
101
100
  },
102
101
  onEnter() {
103
- this.$refs.container.setAttribute(this.attributeSelector, '');
104
-
105
102
  if (this.autoZIndex) {
106
103
  ZIndex.set('modal', this.$refs.container, this.baseZIndex || this.$primevue.config.zIndex.modal);
107
104
  }
@@ -131,7 +128,7 @@ export default {
131
128
 
132
129
  innerHTML += `
133
130
  @media screen and (max-width: ${breakpoint}) {
134
- .p-toast[${this.attributeSelector}] {
131
+ .p-toast[${this.$attrSelector}] {
135
132
  ${breakpointStyle}
136
133
  }
137
134
  }
@@ -148,11 +145,7 @@ export default {
148
145
  }
149
146
  }
150
147
  },
151
- computed: {
152
- attributeSelector() {
153
- return UniqueComponentId();
154
- }
155
- },
148
+
156
149
  components: {
157
150
  ToastMessage: ToastMessage,
158
151
  Portal: Portal
package/toast/index.mjs CHANGED
@@ -1,7 +1,6 @@
1
1
  import { setAttribute } from '@primeuix/utils/dom';
2
2
  import { isEmpty } from '@primeuix/utils/object';
3
3
  import { ZIndex } from '@primeuix/utils/zindex';
4
- import { UniqueComponentId } from '@primevue/core/utils';
5
4
  import Portal from 'primevue/portal';
6
5
  import ToastEventBus from 'primevue/toasteventbus';
7
6
  import BaseComponent from '@primevue/core/basecomponent';
@@ -295,7 +294,6 @@ var script = {
295
294
  this.messages = [];
296
295
  },
297
296
  onEnter: function onEnter() {
298
- this.$refs.container.setAttribute(this.attributeSelector, '');
299
297
  if (this.autoZIndex) {
300
298
  ZIndex.set('modal', this.$refs.container, this.baseZIndex || this.$primevue.config.zIndex.modal);
301
299
  }
@@ -321,7 +319,7 @@ var script = {
321
319
  for (var styleProp in this.breakpoints[breakpoint]) {
322
320
  breakpointStyle += styleProp + ':' + this.breakpoints[breakpoint][styleProp] + '!important;';
323
321
  }
324
- innerHTML += "\n @media screen and (max-width: ".concat(breakpoint, ") {\n .p-toast[").concat(this.attributeSelector, "] {\n ").concat(breakpointStyle, "\n }\n }\n ");
322
+ innerHTML += "\n @media screen and (max-width: ".concat(breakpoint, ") {\n .p-toast[").concat(this.$attrSelector, "] {\n ").concat(breakpointStyle, "\n }\n }\n ");
325
323
  }
326
324
  this.styleElement.innerHTML = innerHTML;
327
325
  }
@@ -333,11 +331,6 @@ var script = {
333
331
  }
334
332
  }
335
333
  },
336
- computed: {
337
- attributeSelector: function attributeSelector() {
338
- return UniqueComponentId();
339
- }
340
- },
341
334
  components: {
342
335
  ToastMessage: script$1,
343
336
  Portal: Portal
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../src/toast/BaseToast.vue","../../src/toast/ToastMessage.vue","../../src/toast/ToastMessage.vue?vue&type=template&id=c179fbbe&lang.js","../../src/toast/Toast.vue","../../src/toast/Toast.vue?vue&type=template&id=66959656&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ToastStyle from 'primevue/toast/style';\n\nexport default {\n name: 'BaseToast',\n extends: BaseComponent,\n props: {\n group: {\n type: String,\n default: null\n },\n position: {\n type: String,\n default: 'top-right'\n },\n autoZIndex: {\n type: Boolean,\n default: true\n },\n baseZIndex: {\n type: Number,\n default: 0\n },\n breakpoints: {\n type: Object,\n default: null\n },\n closeIcon: {\n type: String,\n default: undefined\n },\n infoIcon: {\n type: String,\n default: undefined\n },\n warnIcon: {\n type: String,\n default: undefined\n },\n errorIcon: {\n type: String,\n default: undefined\n },\n successIcon: {\n type: String,\n default: undefined\n },\n closeButtonProps: {\n type: null,\n default: null\n }\n },\n style: ToastStyle,\n provide() {\n return {\n $pcToast: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"[cx('message'), message.styleClass]\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" v-bind=\"ptm('message')\">\n <component v-if=\"templates.container\" :is=\"templates.container\" :message=\"message\" :closeCallback=\"onCloseClick\" />\n <div v-else :class=\"[cx('messageContent'), message.contentStyleClass]\" v-bind=\"ptm('messageContent')\">\n <template v-if=\"!templates.message\">\n <component :is=\"templates.messageicon ? templates.messageicon : templates.icon ? templates.icon : iconComponent && iconComponent.name ? iconComponent : 'span'\" :class=\"cx('messageIcon')\" v-bind=\"ptm('messageIcon')\" />\n <div :class=\"cx('messageText')\" v-bind=\"ptm('messageText')\">\n <span :class=\"cx('summary')\" v-bind=\"ptm('summary')\">{{ message.summary }}</span>\n <div :class=\"cx('detail')\" v-bind=\"ptm('detail')\">{{ message.detail }}</div>\n </div>\n </template>\n <component v-else :is=\"templates.message\" :message=\"message\"></component>\n <div v-if=\"message.closable !== false\" v-bind=\"ptm('buttonContainer')\">\n <button v-ripple :class=\"cx('closeButton')\" type=\"button\" :aria-label=\"closeAriaLabel\" @click=\"onCloseClick\" autofocus v-bind=\"{ ...closeButtonProps, ...ptm('closeButton') }\">\n <component :is=\"templates.closeicon || 'TimesIcon'\" :class=\"[cx('closeIcon'), closeIcon]\" v-bind=\"ptm('closeIcon')\" />\n </button>\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport CheckIcon from '@primevue/icons/check';\nimport ExclamationTriangleIcon from '@primevue/icons/exclamationtriangle';\nimport InfoCircleIcon from '@primevue/icons/infocircle';\nimport TimesIcon from '@primevue/icons/times';\nimport TimesCircleIcon from '@primevue/icons/timescircle';\nimport Ripple from 'primevue/ripple';\n\nexport default {\n name: 'ToastMessage',\n hostName: 'Toast',\n extends: BaseComponent,\n emits: ['close'],\n closeTimeout: null,\n props: {\n message: {\n type: null,\n default: null\n },\n templates: {\n type: Object,\n default: null\n },\n closeIcon: {\n type: String,\n default: null\n },\n infoIcon: {\n type: String,\n default: null\n },\n warnIcon: {\n type: String,\n default: null\n },\n errorIcon: {\n type: String,\n default: null\n },\n successIcon: {\n type: String,\n default: null\n },\n closeButtonProps: {\n type: null,\n default: null\n }\n },\n mounted() {\n if (this.message.life) {\n this.closeTimeout = setTimeout(() => {\n this.close({ message: this.message, type: 'life-end' });\n }, this.message.life);\n }\n },\n beforeUnmount() {\n this.clearCloseTimeout();\n },\n methods: {\n close(params) {\n this.$emit('close', params);\n },\n onCloseClick() {\n this.clearCloseTimeout();\n this.close({ message: this.message, type: 'close' });\n },\n clearCloseTimeout() {\n if (this.closeTimeout) {\n clearTimeout(this.closeTimeout);\n this.closeTimeout = null;\n }\n }\n },\n computed: {\n iconComponent() {\n return {\n info: !this.infoIcon && InfoCircleIcon,\n success: !this.successIcon && CheckIcon,\n warn: !this.warnIcon && ExclamationTriangleIcon,\n error: !this.errorIcon && TimesCircleIcon\n }[this.message.severity];\n },\n closeAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n }\n },\n components: {\n TimesIcon: TimesIcon,\n InfoCircleIcon: InfoCircleIcon,\n CheckIcon: CheckIcon,\n ExclamationTriangleIcon: ExclamationTriangleIcon,\n TimesCircleIcon: TimesCircleIcon\n },\n directives: {\n ripple: Ripple\n }\n};\n</script>\n","<template>\n <div :class=\"[cx('message'), message.styleClass]\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" v-bind=\"ptm('message')\">\n <component v-if=\"templates.container\" :is=\"templates.container\" :message=\"message\" :closeCallback=\"onCloseClick\" />\n <div v-else :class=\"[cx('messageContent'), message.contentStyleClass]\" v-bind=\"ptm('messageContent')\">\n <template v-if=\"!templates.message\">\n <component :is=\"templates.messageicon ? templates.messageicon : templates.icon ? templates.icon : iconComponent && iconComponent.name ? iconComponent : 'span'\" :class=\"cx('messageIcon')\" v-bind=\"ptm('messageIcon')\" />\n <div :class=\"cx('messageText')\" v-bind=\"ptm('messageText')\">\n <span :class=\"cx('summary')\" v-bind=\"ptm('summary')\">{{ message.summary }}</span>\n <div :class=\"cx('detail')\" v-bind=\"ptm('detail')\">{{ message.detail }}</div>\n </div>\n </template>\n <component v-else :is=\"templates.message\" :message=\"message\"></component>\n <div v-if=\"message.closable !== false\" v-bind=\"ptm('buttonContainer')\">\n <button v-ripple :class=\"cx('closeButton')\" type=\"button\" :aria-label=\"closeAriaLabel\" @click=\"onCloseClick\" autofocus v-bind=\"{ ...closeButtonProps, ...ptm('closeButton') }\">\n <component :is=\"templates.closeicon || 'TimesIcon'\" :class=\"[cx('closeIcon'), closeIcon]\" v-bind=\"ptm('closeIcon')\" />\n </button>\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport CheckIcon from '@primevue/icons/check';\nimport ExclamationTriangleIcon from '@primevue/icons/exclamationtriangle';\nimport InfoCircleIcon from '@primevue/icons/infocircle';\nimport TimesIcon from '@primevue/icons/times';\nimport TimesCircleIcon from '@primevue/icons/timescircle';\nimport Ripple from 'primevue/ripple';\n\nexport default {\n name: 'ToastMessage',\n hostName: 'Toast',\n extends: BaseComponent,\n emits: ['close'],\n closeTimeout: null,\n props: {\n message: {\n type: null,\n default: null\n },\n templates: {\n type: Object,\n default: null\n },\n closeIcon: {\n type: String,\n default: null\n },\n infoIcon: {\n type: String,\n default: null\n },\n warnIcon: {\n type: String,\n default: null\n },\n errorIcon: {\n type: String,\n default: null\n },\n successIcon: {\n type: String,\n default: null\n },\n closeButtonProps: {\n type: null,\n default: null\n }\n },\n mounted() {\n if (this.message.life) {\n this.closeTimeout = setTimeout(() => {\n this.close({ message: this.message, type: 'life-end' });\n }, this.message.life);\n }\n },\n beforeUnmount() {\n this.clearCloseTimeout();\n },\n methods: {\n close(params) {\n this.$emit('close', params);\n },\n onCloseClick() {\n this.clearCloseTimeout();\n this.close({ message: this.message, type: 'close' });\n },\n clearCloseTimeout() {\n if (this.closeTimeout) {\n clearTimeout(this.closeTimeout);\n this.closeTimeout = null;\n }\n }\n },\n computed: {\n iconComponent() {\n return {\n info: !this.infoIcon && InfoCircleIcon,\n success: !this.successIcon && CheckIcon,\n warn: !this.warnIcon && ExclamationTriangleIcon,\n error: !this.errorIcon && TimesCircleIcon\n }[this.message.severity];\n },\n closeAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n }\n },\n components: {\n TimesIcon: TimesIcon,\n InfoCircleIcon: InfoCircleIcon,\n CheckIcon: CheckIcon,\n ExclamationTriangleIcon: ExclamationTriangleIcon,\n TimesCircleIcon: TimesCircleIcon\n },\n directives: {\n ripple: Ripple\n }\n};\n</script>\n","<template>\n <Portal>\n <div ref=\"container\" :class=\"cx('root')\" :style=\"sx('root', true, { position })\" v-bind=\"ptmi('root')\">\n <transition-group name=\"p-toast-message\" tag=\"div\" @enter=\"onEnter\" @leave=\"onLeave\" v-bind=\"{ ...ptm('transition') }\">\n <ToastMessage\n v-for=\"msg of messages\"\n :key=\"msg.id\"\n :message=\"msg\"\n :templates=\"$slots\"\n :closeIcon=\"closeIcon\"\n :infoIcon=\"infoIcon\"\n :warnIcon=\"warnIcon\"\n :errorIcon=\"errorIcon\"\n :successIcon=\"successIcon\"\n :closeButtonProps=\"closeButtonProps\"\n :unstyled=\"unstyled\"\n @close=\"remove($event)\"\n :pt=\"pt\"\n />\n </transition-group>\n </div>\n </Portal>\n</template>\n\n<script>\nimport { setAttribute } from '@primeuix/utils/dom';\nimport { isEmpty } from '@primeuix/utils/object';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport Portal from 'primevue/portal';\nimport ToastEventBus from 'primevue/toasteventbus';\nimport BaseToast from './BaseToast.vue';\nimport ToastMessage from './ToastMessage.vue';\n\nvar messageIdx = 0;\n\nexport default {\n name: 'Toast',\n extends: BaseToast,\n inheritAttrs: false,\n emits: ['close', 'life-end'],\n data() {\n return {\n messages: []\n };\n },\n styleElement: null,\n mounted() {\n ToastEventBus.on('add', this.onAdd);\n ToastEventBus.on('remove', this.onRemove);\n ToastEventBus.on('remove-group', this.onRemoveGroup);\n ToastEventBus.on('remove-all-groups', this.onRemoveAllGroups);\n\n if (this.breakpoints) {\n this.createStyle();\n }\n },\n beforeUnmount() {\n this.destroyStyle();\n\n if (this.$refs.container && this.autoZIndex) {\n ZIndex.clear(this.$refs.container);\n }\n\n ToastEventBus.off('add', this.onAdd);\n ToastEventBus.off('remove', this.onRemove);\n ToastEventBus.off('remove-group', this.onRemoveGroup);\n ToastEventBus.off('remove-all-groups', this.onRemoveAllGroups);\n },\n methods: {\n add(message) {\n if (message.id == null) {\n message.id = messageIdx++;\n }\n\n this.messages = [...this.messages, message];\n },\n remove(params) {\n const index = this.messages.findIndex((m) => m.id === params.message.id);\n\n if (index !== -1) {\n this.messages.splice(index, 1);\n this.$emit(params.type, { message: params.message });\n }\n },\n onAdd(message) {\n if (this.group == message.group) {\n this.add(message);\n }\n },\n onRemove(message) {\n this.remove({ message, type: 'close' });\n },\n onRemoveGroup(group) {\n if (this.group === group) {\n this.messages = [];\n }\n },\n onRemoveAllGroups() {\n this.messages = [];\n },\n onEnter() {\n this.$refs.container.setAttribute(this.attributeSelector, '');\n\n if (this.autoZIndex) {\n ZIndex.set('modal', this.$refs.container, this.baseZIndex || this.$primevue.config.zIndex.modal);\n }\n },\n onLeave() {\n if (this.$refs.container && this.autoZIndex && isEmpty(this.messages)) {\n setTimeout(() => {\n ZIndex.clear(this.$refs.container);\n }, 200);\n }\n },\n createStyle() {\n if (!this.styleElement && !this.isUnstyled) {\n this.styleElement = document.createElement('style');\n this.styleElement.type = 'text/css';\n setAttribute(this.styleElement, 'nonce', this.$primevue?.config?.csp?.nonce);\n document.head.appendChild(this.styleElement);\n\n let innerHTML = '';\n\n for (let breakpoint in this.breakpoints) {\n let breakpointStyle = '';\n\n for (let styleProp in this.breakpoints[breakpoint]) {\n breakpointStyle += styleProp + ':' + this.breakpoints[breakpoint][styleProp] + '!important;';\n }\n\n innerHTML += `\n @media screen and (max-width: ${breakpoint}) {\n .p-toast[${this.attributeSelector}] {\n ${breakpointStyle}\n }\n }\n `;\n }\n\n this.styleElement.innerHTML = innerHTML;\n }\n },\n destroyStyle() {\n if (this.styleElement) {\n document.head.removeChild(this.styleElement);\n this.styleElement = null;\n }\n }\n },\n computed: {\n attributeSelector() {\n return UniqueComponentId();\n }\n },\n components: {\n ToastMessage: ToastMessage,\n Portal: Portal\n }\n};\n</script>\n","<template>\n <Portal>\n <div ref=\"container\" :class=\"cx('root')\" :style=\"sx('root', true, { position })\" v-bind=\"ptmi('root')\">\n <transition-group name=\"p-toast-message\" tag=\"div\" @enter=\"onEnter\" @leave=\"onLeave\" v-bind=\"{ ...ptm('transition') }\">\n <ToastMessage\n v-for=\"msg of messages\"\n :key=\"msg.id\"\n :message=\"msg\"\n :templates=\"$slots\"\n :closeIcon=\"closeIcon\"\n :infoIcon=\"infoIcon\"\n :warnIcon=\"warnIcon\"\n :errorIcon=\"errorIcon\"\n :successIcon=\"successIcon\"\n :closeButtonProps=\"closeButtonProps\"\n :unstyled=\"unstyled\"\n @close=\"remove($event)\"\n :pt=\"pt\"\n />\n </transition-group>\n </div>\n </Portal>\n</template>\n\n<script>\nimport { setAttribute } from '@primeuix/utils/dom';\nimport { isEmpty } from '@primeuix/utils/object';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport Portal from 'primevue/portal';\nimport ToastEventBus from 'primevue/toasteventbus';\nimport BaseToast from './BaseToast.vue';\nimport ToastMessage from './ToastMessage.vue';\n\nvar messageIdx = 0;\n\nexport default {\n name: 'Toast',\n extends: BaseToast,\n inheritAttrs: false,\n emits: ['close', 'life-end'],\n data() {\n return {\n messages: []\n };\n },\n styleElement: null,\n mounted() {\n ToastEventBus.on('add', this.onAdd);\n ToastEventBus.on('remove', this.onRemove);\n ToastEventBus.on('remove-group', this.onRemoveGroup);\n ToastEventBus.on('remove-all-groups', this.onRemoveAllGroups);\n\n if (this.breakpoints) {\n this.createStyle();\n }\n },\n beforeUnmount() {\n this.destroyStyle();\n\n if (this.$refs.container && this.autoZIndex) {\n ZIndex.clear(this.$refs.container);\n }\n\n ToastEventBus.off('add', this.onAdd);\n ToastEventBus.off('remove', this.onRemove);\n ToastEventBus.off('remove-group', this.onRemoveGroup);\n ToastEventBus.off('remove-all-groups', this.onRemoveAllGroups);\n },\n methods: {\n add(message) {\n if (message.id == null) {\n message.id = messageIdx++;\n }\n\n this.messages = [...this.messages, message];\n },\n remove(params) {\n const index = this.messages.findIndex((m) => m.id === params.message.id);\n\n if (index !== -1) {\n this.messages.splice(index, 1);\n this.$emit(params.type, { message: params.message });\n }\n },\n onAdd(message) {\n if (this.group == message.group) {\n this.add(message);\n }\n },\n onRemove(message) {\n this.remove({ message, type: 'close' });\n },\n onRemoveGroup(group) {\n if (this.group === group) {\n this.messages = [];\n }\n },\n onRemoveAllGroups() {\n this.messages = [];\n },\n onEnter() {\n this.$refs.container.setAttribute(this.attributeSelector, '');\n\n if (this.autoZIndex) {\n ZIndex.set('modal', this.$refs.container, this.baseZIndex || this.$primevue.config.zIndex.modal);\n }\n },\n onLeave() {\n if (this.$refs.container && this.autoZIndex && isEmpty(this.messages)) {\n setTimeout(() => {\n ZIndex.clear(this.$refs.container);\n }, 200);\n }\n },\n createStyle() {\n if (!this.styleElement && !this.isUnstyled) {\n this.styleElement = document.createElement('style');\n this.styleElement.type = 'text/css';\n setAttribute(this.styleElement, 'nonce', this.$primevue?.config?.csp?.nonce);\n document.head.appendChild(this.styleElement);\n\n let innerHTML = '';\n\n for (let breakpoint in this.breakpoints) {\n let breakpointStyle = '';\n\n for (let styleProp in this.breakpoints[breakpoint]) {\n breakpointStyle += styleProp + ':' + this.breakpoints[breakpoint][styleProp] + '!important;';\n }\n\n innerHTML += `\n @media screen and (max-width: ${breakpoint}) {\n .p-toast[${this.attributeSelector}] {\n ${breakpointStyle}\n }\n }\n `;\n }\n\n this.styleElement.innerHTML = innerHTML;\n }\n },\n destroyStyle() {\n if (this.styleElement) {\n document.head.removeChild(this.styleElement);\n this.styleElement = null;\n }\n }\n },\n computed: {\n attributeSelector() {\n return UniqueComponentId();\n }\n },\n components: {\n ToastMessage: ToastMessage,\n Portal: Portal\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","group","type","String","position","autoZIndex","Boolean","baseZIndex","Number","breakpoints","Object","closeIcon","undefined","infoIcon","warnIcon","errorIcon","successIcon","closeButtonProps","style","ToastStyle","provide","$pcToast","$parentInstance","hostName","emits","closeTimeout","message","templates","mounted","_this","life","setTimeout","close","beforeUnmount","clearCloseTimeout","methods","params","$emit","onCloseClick","clearTimeout","computed","iconComponent","info","InfoCircleIcon","success","CheckIcon","warn","ExclamationTriangleIcon","error","TimesCircleIcon","severity","closeAriaLabel","$primevue","config","locale","aria","components","TimesIcon","directives","ripple","Ripple","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","$props","styleClass","role","ptm","container","_createBlock","_resolveDynamicComponent","closeCallback","$options","contentStyleClass","_Fragment","key","messageicon","icon","_createElementVNode","_toDisplayString","summary","detail","closable","_withDirectives","onClick","apply","arguments","autofocus","_objectSpread","closeicon","messageIdx","BaseToast","inheritAttrs","data","messages","styleElement","ToastEventBus","on","onAdd","onRemove","onRemoveGroup","onRemoveAllGroups","createStyle","destroyStyle","$refs","ZIndex","clear","off","add","id","concat","_toConsumableArray","remove","index","findIndex","m","splice","onEnter","setAttribute","attributeSelector","set","zIndex","modal","onLeave","isEmpty","isUnstyled","_this$$primevue","document","createElement","csp","nonce","head","appendChild","innerHTML","breakpoint","breakpointStyle","styleProp","removeChild","UniqueComponentId","ToastMessage","Portal","_component_Portal","ref","sx","ptmi","_createVNode","_TransitionGroup","tag","_renderList","$data","msg","_component_ToastMessage","$slots","unstyled","onClose","_cache","$event","pt"],"mappings":"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"}
1
+ {"version":3,"file":"index.mjs","sources":["../../src/toast/BaseToast.vue","../../src/toast/ToastMessage.vue","../../src/toast/ToastMessage.vue?vue&type=template&id=c179fbbe&lang.js","../../src/toast/Toast.vue","../../src/toast/Toast.vue?vue&type=template&id=eb4eb124&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ToastStyle from 'primevue/toast/style';\n\nexport default {\n name: 'BaseToast',\n extends: BaseComponent,\n props: {\n group: {\n type: String,\n default: null\n },\n position: {\n type: String,\n default: 'top-right'\n },\n autoZIndex: {\n type: Boolean,\n default: true\n },\n baseZIndex: {\n type: Number,\n default: 0\n },\n breakpoints: {\n type: Object,\n default: null\n },\n closeIcon: {\n type: String,\n default: undefined\n },\n infoIcon: {\n type: String,\n default: undefined\n },\n warnIcon: {\n type: String,\n default: undefined\n },\n errorIcon: {\n type: String,\n default: undefined\n },\n successIcon: {\n type: String,\n default: undefined\n },\n closeButtonProps: {\n type: null,\n default: null\n }\n },\n style: ToastStyle,\n provide() {\n return {\n $pcToast: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"[cx('message'), message.styleClass]\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" v-bind=\"ptm('message')\">\n <component v-if=\"templates.container\" :is=\"templates.container\" :message=\"message\" :closeCallback=\"onCloseClick\" />\n <div v-else :class=\"[cx('messageContent'), message.contentStyleClass]\" v-bind=\"ptm('messageContent')\">\n <template v-if=\"!templates.message\">\n <component :is=\"templates.messageicon ? templates.messageicon : templates.icon ? templates.icon : iconComponent && iconComponent.name ? iconComponent : 'span'\" :class=\"cx('messageIcon')\" v-bind=\"ptm('messageIcon')\" />\n <div :class=\"cx('messageText')\" v-bind=\"ptm('messageText')\">\n <span :class=\"cx('summary')\" v-bind=\"ptm('summary')\">{{ message.summary }}</span>\n <div :class=\"cx('detail')\" v-bind=\"ptm('detail')\">{{ message.detail }}</div>\n </div>\n </template>\n <component v-else :is=\"templates.message\" :message=\"message\"></component>\n <div v-if=\"message.closable !== false\" v-bind=\"ptm('buttonContainer')\">\n <button v-ripple :class=\"cx('closeButton')\" type=\"button\" :aria-label=\"closeAriaLabel\" @click=\"onCloseClick\" autofocus v-bind=\"{ ...closeButtonProps, ...ptm('closeButton') }\">\n <component :is=\"templates.closeicon || 'TimesIcon'\" :class=\"[cx('closeIcon'), closeIcon]\" v-bind=\"ptm('closeIcon')\" />\n </button>\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport CheckIcon from '@primevue/icons/check';\nimport ExclamationTriangleIcon from '@primevue/icons/exclamationtriangle';\nimport InfoCircleIcon from '@primevue/icons/infocircle';\nimport TimesIcon from '@primevue/icons/times';\nimport TimesCircleIcon from '@primevue/icons/timescircle';\nimport Ripple from 'primevue/ripple';\n\nexport default {\n name: 'ToastMessage',\n hostName: 'Toast',\n extends: BaseComponent,\n emits: ['close'],\n closeTimeout: null,\n props: {\n message: {\n type: null,\n default: null\n },\n templates: {\n type: Object,\n default: null\n },\n closeIcon: {\n type: String,\n default: null\n },\n infoIcon: {\n type: String,\n default: null\n },\n warnIcon: {\n type: String,\n default: null\n },\n errorIcon: {\n type: String,\n default: null\n },\n successIcon: {\n type: String,\n default: null\n },\n closeButtonProps: {\n type: null,\n default: null\n }\n },\n mounted() {\n if (this.message.life) {\n this.closeTimeout = setTimeout(() => {\n this.close({ message: this.message, type: 'life-end' });\n }, this.message.life);\n }\n },\n beforeUnmount() {\n this.clearCloseTimeout();\n },\n methods: {\n close(params) {\n this.$emit('close', params);\n },\n onCloseClick() {\n this.clearCloseTimeout();\n this.close({ message: this.message, type: 'close' });\n },\n clearCloseTimeout() {\n if (this.closeTimeout) {\n clearTimeout(this.closeTimeout);\n this.closeTimeout = null;\n }\n }\n },\n computed: {\n iconComponent() {\n return {\n info: !this.infoIcon && InfoCircleIcon,\n success: !this.successIcon && CheckIcon,\n warn: !this.warnIcon && ExclamationTriangleIcon,\n error: !this.errorIcon && TimesCircleIcon\n }[this.message.severity];\n },\n closeAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n }\n },\n components: {\n TimesIcon: TimesIcon,\n InfoCircleIcon: InfoCircleIcon,\n CheckIcon: CheckIcon,\n ExclamationTriangleIcon: ExclamationTriangleIcon,\n TimesCircleIcon: TimesCircleIcon\n },\n directives: {\n ripple: Ripple\n }\n};\n</script>\n","<template>\n <div :class=\"[cx('message'), message.styleClass]\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" v-bind=\"ptm('message')\">\n <component v-if=\"templates.container\" :is=\"templates.container\" :message=\"message\" :closeCallback=\"onCloseClick\" />\n <div v-else :class=\"[cx('messageContent'), message.contentStyleClass]\" v-bind=\"ptm('messageContent')\">\n <template v-if=\"!templates.message\">\n <component :is=\"templates.messageicon ? templates.messageicon : templates.icon ? templates.icon : iconComponent && iconComponent.name ? iconComponent : 'span'\" :class=\"cx('messageIcon')\" v-bind=\"ptm('messageIcon')\" />\n <div :class=\"cx('messageText')\" v-bind=\"ptm('messageText')\">\n <span :class=\"cx('summary')\" v-bind=\"ptm('summary')\">{{ message.summary }}</span>\n <div :class=\"cx('detail')\" v-bind=\"ptm('detail')\">{{ message.detail }}</div>\n </div>\n </template>\n <component v-else :is=\"templates.message\" :message=\"message\"></component>\n <div v-if=\"message.closable !== false\" v-bind=\"ptm('buttonContainer')\">\n <button v-ripple :class=\"cx('closeButton')\" type=\"button\" :aria-label=\"closeAriaLabel\" @click=\"onCloseClick\" autofocus v-bind=\"{ ...closeButtonProps, ...ptm('closeButton') }\">\n <component :is=\"templates.closeicon || 'TimesIcon'\" :class=\"[cx('closeIcon'), closeIcon]\" v-bind=\"ptm('closeIcon')\" />\n </button>\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport CheckIcon from '@primevue/icons/check';\nimport ExclamationTriangleIcon from '@primevue/icons/exclamationtriangle';\nimport InfoCircleIcon from '@primevue/icons/infocircle';\nimport TimesIcon from '@primevue/icons/times';\nimport TimesCircleIcon from '@primevue/icons/timescircle';\nimport Ripple from 'primevue/ripple';\n\nexport default {\n name: 'ToastMessage',\n hostName: 'Toast',\n extends: BaseComponent,\n emits: ['close'],\n closeTimeout: null,\n props: {\n message: {\n type: null,\n default: null\n },\n templates: {\n type: Object,\n default: null\n },\n closeIcon: {\n type: String,\n default: null\n },\n infoIcon: {\n type: String,\n default: null\n },\n warnIcon: {\n type: String,\n default: null\n },\n errorIcon: {\n type: String,\n default: null\n },\n successIcon: {\n type: String,\n default: null\n },\n closeButtonProps: {\n type: null,\n default: null\n }\n },\n mounted() {\n if (this.message.life) {\n this.closeTimeout = setTimeout(() => {\n this.close({ message: this.message, type: 'life-end' });\n }, this.message.life);\n }\n },\n beforeUnmount() {\n this.clearCloseTimeout();\n },\n methods: {\n close(params) {\n this.$emit('close', params);\n },\n onCloseClick() {\n this.clearCloseTimeout();\n this.close({ message: this.message, type: 'close' });\n },\n clearCloseTimeout() {\n if (this.closeTimeout) {\n clearTimeout(this.closeTimeout);\n this.closeTimeout = null;\n }\n }\n },\n computed: {\n iconComponent() {\n return {\n info: !this.infoIcon && InfoCircleIcon,\n success: !this.successIcon && CheckIcon,\n warn: !this.warnIcon && ExclamationTriangleIcon,\n error: !this.errorIcon && TimesCircleIcon\n }[this.message.severity];\n },\n closeAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n }\n },\n components: {\n TimesIcon: TimesIcon,\n InfoCircleIcon: InfoCircleIcon,\n CheckIcon: CheckIcon,\n ExclamationTriangleIcon: ExclamationTriangleIcon,\n TimesCircleIcon: TimesCircleIcon\n },\n directives: {\n ripple: Ripple\n }\n};\n</script>\n","<template>\n <Portal>\n <div ref=\"container\" :class=\"cx('root')\" :style=\"sx('root', true, { position })\" v-bind=\"ptmi('root')\">\n <transition-group name=\"p-toast-message\" tag=\"div\" @enter=\"onEnter\" @leave=\"onLeave\" v-bind=\"{ ...ptm('transition') }\">\n <ToastMessage\n v-for=\"msg of messages\"\n :key=\"msg.id\"\n :message=\"msg\"\n :templates=\"$slots\"\n :closeIcon=\"closeIcon\"\n :infoIcon=\"infoIcon\"\n :warnIcon=\"warnIcon\"\n :errorIcon=\"errorIcon\"\n :successIcon=\"successIcon\"\n :closeButtonProps=\"closeButtonProps\"\n :unstyled=\"unstyled\"\n @close=\"remove($event)\"\n :pt=\"pt\"\n />\n </transition-group>\n </div>\n </Portal>\n</template>\n\n<script>\nimport { setAttribute } from '@primeuix/utils/dom';\nimport { isEmpty } from '@primeuix/utils/object';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport Portal from 'primevue/portal';\nimport ToastEventBus from 'primevue/toasteventbus';\nimport BaseToast from './BaseToast.vue';\nimport ToastMessage from './ToastMessage.vue';\n\nvar messageIdx = 0;\n\nexport default {\n name: 'Toast',\n extends: BaseToast,\n inheritAttrs: false,\n emits: ['close', 'life-end'],\n data() {\n return {\n messages: []\n };\n },\n styleElement: null,\n mounted() {\n ToastEventBus.on('add', this.onAdd);\n ToastEventBus.on('remove', this.onRemove);\n ToastEventBus.on('remove-group', this.onRemoveGroup);\n ToastEventBus.on('remove-all-groups', this.onRemoveAllGroups);\n\n if (this.breakpoints) {\n this.createStyle();\n }\n },\n beforeUnmount() {\n this.destroyStyle();\n\n if (this.$refs.container && this.autoZIndex) {\n ZIndex.clear(this.$refs.container);\n }\n\n ToastEventBus.off('add', this.onAdd);\n ToastEventBus.off('remove', this.onRemove);\n ToastEventBus.off('remove-group', this.onRemoveGroup);\n ToastEventBus.off('remove-all-groups', this.onRemoveAllGroups);\n },\n methods: {\n add(message) {\n if (message.id == null) {\n message.id = messageIdx++;\n }\n\n this.messages = [...this.messages, message];\n },\n remove(params) {\n const index = this.messages.findIndex((m) => m.id === params.message.id);\n\n if (index !== -1) {\n this.messages.splice(index, 1);\n this.$emit(params.type, { message: params.message });\n }\n },\n onAdd(message) {\n if (this.group == message.group) {\n this.add(message);\n }\n },\n onRemove(message) {\n this.remove({ message, type: 'close' });\n },\n onRemoveGroup(group) {\n if (this.group === group) {\n this.messages = [];\n }\n },\n onRemoveAllGroups() {\n this.messages = [];\n },\n onEnter() {\n if (this.autoZIndex) {\n ZIndex.set('modal', this.$refs.container, this.baseZIndex || this.$primevue.config.zIndex.modal);\n }\n },\n onLeave() {\n if (this.$refs.container && this.autoZIndex && isEmpty(this.messages)) {\n setTimeout(() => {\n ZIndex.clear(this.$refs.container);\n }, 200);\n }\n },\n createStyle() {\n if (!this.styleElement && !this.isUnstyled) {\n this.styleElement = document.createElement('style');\n this.styleElement.type = 'text/css';\n setAttribute(this.styleElement, 'nonce', this.$primevue?.config?.csp?.nonce);\n document.head.appendChild(this.styleElement);\n\n let innerHTML = '';\n\n for (let breakpoint in this.breakpoints) {\n let breakpointStyle = '';\n\n for (let styleProp in this.breakpoints[breakpoint]) {\n breakpointStyle += styleProp + ':' + this.breakpoints[breakpoint][styleProp] + '!important;';\n }\n\n innerHTML += `\n @media screen and (max-width: ${breakpoint}) {\n .p-toast[${this.$attrSelector}] {\n ${breakpointStyle}\n }\n }\n `;\n }\n\n this.styleElement.innerHTML = innerHTML;\n }\n },\n destroyStyle() {\n if (this.styleElement) {\n document.head.removeChild(this.styleElement);\n this.styleElement = null;\n }\n }\n },\n\n components: {\n ToastMessage: ToastMessage,\n Portal: Portal\n }\n};\n</script>\n","<template>\n <Portal>\n <div ref=\"container\" :class=\"cx('root')\" :style=\"sx('root', true, { position })\" v-bind=\"ptmi('root')\">\n <transition-group name=\"p-toast-message\" tag=\"div\" @enter=\"onEnter\" @leave=\"onLeave\" v-bind=\"{ ...ptm('transition') }\">\n <ToastMessage\n v-for=\"msg of messages\"\n :key=\"msg.id\"\n :message=\"msg\"\n :templates=\"$slots\"\n :closeIcon=\"closeIcon\"\n :infoIcon=\"infoIcon\"\n :warnIcon=\"warnIcon\"\n :errorIcon=\"errorIcon\"\n :successIcon=\"successIcon\"\n :closeButtonProps=\"closeButtonProps\"\n :unstyled=\"unstyled\"\n @close=\"remove($event)\"\n :pt=\"pt\"\n />\n </transition-group>\n </div>\n </Portal>\n</template>\n\n<script>\nimport { setAttribute } from '@primeuix/utils/dom';\nimport { isEmpty } from '@primeuix/utils/object';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport Portal from 'primevue/portal';\nimport ToastEventBus from 'primevue/toasteventbus';\nimport BaseToast from './BaseToast.vue';\nimport ToastMessage from './ToastMessage.vue';\n\nvar messageIdx = 0;\n\nexport default {\n name: 'Toast',\n extends: BaseToast,\n inheritAttrs: false,\n emits: ['close', 'life-end'],\n data() {\n return {\n messages: []\n };\n },\n styleElement: null,\n mounted() {\n ToastEventBus.on('add', this.onAdd);\n ToastEventBus.on('remove', this.onRemove);\n ToastEventBus.on('remove-group', this.onRemoveGroup);\n ToastEventBus.on('remove-all-groups', this.onRemoveAllGroups);\n\n if (this.breakpoints) {\n this.createStyle();\n }\n },\n beforeUnmount() {\n this.destroyStyle();\n\n if (this.$refs.container && this.autoZIndex) {\n ZIndex.clear(this.$refs.container);\n }\n\n ToastEventBus.off('add', this.onAdd);\n ToastEventBus.off('remove', this.onRemove);\n ToastEventBus.off('remove-group', this.onRemoveGroup);\n ToastEventBus.off('remove-all-groups', this.onRemoveAllGroups);\n },\n methods: {\n add(message) {\n if (message.id == null) {\n message.id = messageIdx++;\n }\n\n this.messages = [...this.messages, message];\n },\n remove(params) {\n const index = this.messages.findIndex((m) => m.id === params.message.id);\n\n if (index !== -1) {\n this.messages.splice(index, 1);\n this.$emit(params.type, { message: params.message });\n }\n },\n onAdd(message) {\n if (this.group == message.group) {\n this.add(message);\n }\n },\n onRemove(message) {\n this.remove({ message, type: 'close' });\n },\n onRemoveGroup(group) {\n if (this.group === group) {\n this.messages = [];\n }\n },\n onRemoveAllGroups() {\n this.messages = [];\n },\n onEnter() {\n if (this.autoZIndex) {\n ZIndex.set('modal', this.$refs.container, this.baseZIndex || this.$primevue.config.zIndex.modal);\n }\n },\n onLeave() {\n if (this.$refs.container && this.autoZIndex && isEmpty(this.messages)) {\n setTimeout(() => {\n ZIndex.clear(this.$refs.container);\n }, 200);\n }\n },\n createStyle() {\n if (!this.styleElement && !this.isUnstyled) {\n this.styleElement = document.createElement('style');\n this.styleElement.type = 'text/css';\n setAttribute(this.styleElement, 'nonce', this.$primevue?.config?.csp?.nonce);\n document.head.appendChild(this.styleElement);\n\n let innerHTML = '';\n\n for (let breakpoint in this.breakpoints) {\n let breakpointStyle = '';\n\n for (let styleProp in this.breakpoints[breakpoint]) {\n breakpointStyle += styleProp + ':' + this.breakpoints[breakpoint][styleProp] + '!important;';\n }\n\n innerHTML += `\n @media screen and (max-width: ${breakpoint}) {\n .p-toast[${this.$attrSelector}] {\n ${breakpointStyle}\n }\n }\n `;\n }\n\n this.styleElement.innerHTML = innerHTML;\n }\n },\n destroyStyle() {\n if (this.styleElement) {\n document.head.removeChild(this.styleElement);\n this.styleElement = null;\n }\n }\n },\n\n components: {\n ToastMessage: ToastMessage,\n Portal: Portal\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","group","type","String","position","autoZIndex","Boolean","baseZIndex","Number","breakpoints","Object","closeIcon","undefined","infoIcon","warnIcon","errorIcon","successIcon","closeButtonProps","style","ToastStyle","provide","$pcToast","$parentInstance","hostName","emits","closeTimeout","message","templates","mounted","_this","life","setTimeout","close","beforeUnmount","clearCloseTimeout","methods","params","$emit","onCloseClick","clearTimeout","computed","iconComponent","info","InfoCircleIcon","success","CheckIcon","warn","ExclamationTriangleIcon","error","TimesCircleIcon","severity","closeAriaLabel","$primevue","config","locale","aria","components","TimesIcon","directives","ripple","Ripple","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","$props","styleClass","role","ptm","container","_createBlock","_resolveDynamicComponent","closeCallback","$options","contentStyleClass","_Fragment","key","messageicon","icon","_createElementVNode","_toDisplayString","summary","detail","closable","_withDirectives","onClick","apply","arguments","autofocus","_objectSpread","closeicon","messageIdx","BaseToast","inheritAttrs","data","messages","styleElement","ToastEventBus","on","onAdd","onRemove","onRemoveGroup","onRemoveAllGroups","createStyle","destroyStyle","$refs","ZIndex","clear","off","add","id","concat","_toConsumableArray","remove","index","findIndex","m","splice","onEnter","set","zIndex","modal","onLeave","isEmpty","isUnstyled","_this$$primevue","document","createElement","setAttribute","csp","nonce","head","appendChild","innerHTML","breakpoint","breakpointStyle","styleProp","$attrSelector","removeChild","ToastMessage","Portal","_component_Portal","ref","sx","ptmi","_createVNode","_TransitionGroup","tag","_renderList","$data","msg","_component_ToastMessage","$slots","unstyled","onClose","_cache","$event","pt"],"mappings":"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"}
@@ -19,7 +19,11 @@
19
19
  @change="onChange"
20
20
  v-bind="getPTOptions('input')"
21
21
  />
22
- <span :class="cx('slider')" v-bind="getPTOptions('slider')"></span>
22
+ <div :class="cx('slider')" v-bind="getPTOptions('slider')">
23
+ <div :class="cx('handle')" v-bind="getPTOptions('handle')">
24
+ <slot name="handle" :checked="checked" />
25
+ </div>
26
+ </div>
23
27
  </div>
24
28
  </template>
25
29
 
@@ -10,6 +10,7 @@
10
10
  import type { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, PassThrough } from '@primevue/core';
11
11
  import type { ComponentHooks } from '@primevue/core/basecomponent';
12
12
  import type { PassThroughOptions } from 'primevue/passthrough';
13
+ import { VNode } from 'vue';
13
14
 
14
15
  export declare type ToggleSwitchPassThroughOptionType = ToggleSwitchPassThroughAttributes | ((options: ToggleSwitchPassThroughMethodOptions) => ToggleSwitchPassThroughAttributes | string) | string | null | undefined;
15
16
 
@@ -60,6 +61,10 @@ export interface ToggleSwitchPassThroughOptions {
60
61
  * Used to pass attributes to the slider's DOM element.
61
62
  */
62
63
  slider?: ToggleSwitchPassThroughOptionType;
64
+ /**
65
+ * Used to pass attributes to the handle's DOM element.
66
+ */
67
+ handle?: ToggleSwitchPassThroughOptionType;
63
68
  /**
64
69
  * Used to manage all lifecycle hooks.
65
70
  * @see {@link BaseComponent.ComponentHooks}
@@ -169,7 +174,18 @@ export interface ToggleSwitchContext {
169
174
  disabled: boolean;
170
175
  }
171
176
 
172
- export interface ToggleSwitchSlots {}
177
+ export interface ToggleSwitchSlots {
178
+ /**
179
+ * Custom handle template.
180
+ * @param {Object} scope - handle slot's params.
181
+ */
182
+ handle(scope: {
183
+ /**
184
+ * Current checked state of the item as a boolean.
185
+ */
186
+ checked: boolean;
187
+ }): VNode[];
188
+ }
173
189
 
174
190
  /**
175
191
  * Defines valid emits in ToggleSwitch component.
@@ -1,6 +1,6 @@
1
1
  import BaseComponent from '@primevue/core/basecomponent';
2
2
  import ToggleSwitchStyle from 'primevue/toggleswitch/style';
3
- import { openBlock, createElementBlock, mergeProps, createElementVNode } from 'vue';
3
+ import { openBlock, createElementBlock, mergeProps, createElementVNode, renderSlot } from 'vue';
4
4
 
5
5
  var script$1 = {
6
6
  name: 'BaseToggleSwitch',
@@ -132,9 +132,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
132
132
  onChange: _cache[2] || (_cache[2] = function () {
133
133
  return $options.onChange && $options.onChange.apply($options, arguments);
134
134
  })
135
- }, $options.getPTOptions('input')), null, 16, _hoisted_2), createElementVNode("span", mergeProps({
135
+ }, $options.getPTOptions('input')), null, 16, _hoisted_2), createElementVNode("div", mergeProps({
136
136
  "class": _ctx.cx('slider')
137
- }, $options.getPTOptions('slider')), null, 16)], 16, _hoisted_1);
137
+ }, $options.getPTOptions('slider')), [createElementVNode("div", mergeProps({
138
+ "class": _ctx.cx('handle')
139
+ }, $options.getPTOptions('handle')), [renderSlot(_ctx.$slots, "handle", {
140
+ checked: $options.checked
141
+ })], 16)], 16)], 16, _hoisted_1);
138
142
  }
139
143
 
140
144
  script.render = render;
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../src/toggleswitch/BaseToggleSwitch.vue","../../src/toggleswitch/ToggleSwitch.vue","../../src/toggleswitch/ToggleSwitch.vue?vue&type=template&id=5f95dadd&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ToggleSwitchStyle from 'primevue/toggleswitch/style';\n\nexport default {\n name: 'BaseToggleSwitch',\n extends: BaseComponent,\n props: {\n modelValue: {\n type: null,\n default: false\n },\n trueValue: {\n type: null,\n default: true\n },\n falseValue: {\n type: null,\n default: false\n },\n invalid: {\n type: Boolean,\n default: false\n },\n disabled: {\n type: Boolean,\n default: false\n },\n readonly: {\n type: Boolean,\n default: false\n },\n tabindex: {\n type: Number,\n default: null\n },\n inputId: {\n type: String,\n default: null\n },\n inputClass: {\n type: [String, Object],\n default: null\n },\n inputStyle: {\n type: Object,\n default: null\n },\n ariaLabelledby: {\n type: String,\n default: null\n },\n ariaLabel: {\n type: String,\n default: null\n }\n },\n style: ToggleSwitchStyle,\n provide() {\n return {\n $pcToggleSwitch: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" :style=\"sx('root')\" v-bind=\"getPTOptions('root')\" :data-p-checked=\"checked\" :data-p-disabled=\"disabled\">\n <input\n :id=\"inputId\"\n type=\"checkbox\"\n role=\"switch\"\n :class=\"[cx('input'), inputClass]\"\n :style=\"inputStyle\"\n :checked=\"checked\"\n :tabindex=\"tabindex\"\n :disabled=\"disabled\"\n :readonly=\"readonly\"\n :aria-checked=\"checked\"\n :aria-labelledby=\"ariaLabelledby\"\n :aria-label=\"ariaLabel\"\n :aria-invalid=\"invalid || undefined\"\n @focus=\"onFocus\"\n @blur=\"onBlur\"\n @change=\"onChange\"\n v-bind=\"getPTOptions('input')\"\n />\n <span :class=\"cx('slider')\" v-bind=\"getPTOptions('slider')\"></span>\n </div>\n</template>\n\n<script>\nimport BaseToggleSwitch from './BaseToggleSwitch.vue';\n\nexport default {\n name: 'ToggleSwitch',\n extends: BaseToggleSwitch,\n inheritAttrs: false,\n emits: ['update:modelValue', 'change', 'focus', 'blur'],\n methods: {\n getPTOptions(key) {\n const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n return _ptm(key, {\n context: {\n checked: this.checked,\n disabled: this.disabled\n }\n });\n },\n onChange(event) {\n if (!this.disabled && !this.readonly) {\n const newValue = this.checked ? this.falseValue : this.trueValue;\n\n this.$emit('update:modelValue', newValue);\n this.$emit('change', event);\n }\n },\n onFocus(event) {\n this.$emit('focus', event);\n },\n onBlur(event) {\n this.$emit('blur', event);\n }\n },\n computed: {\n checked() {\n return this.modelValue === this.trueValue;\n }\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" :style=\"sx('root')\" v-bind=\"getPTOptions('root')\" :data-p-checked=\"checked\" :data-p-disabled=\"disabled\">\n <input\n :id=\"inputId\"\n type=\"checkbox\"\n role=\"switch\"\n :class=\"[cx('input'), inputClass]\"\n :style=\"inputStyle\"\n :checked=\"checked\"\n :tabindex=\"tabindex\"\n :disabled=\"disabled\"\n :readonly=\"readonly\"\n :aria-checked=\"checked\"\n :aria-labelledby=\"ariaLabelledby\"\n :aria-label=\"ariaLabel\"\n :aria-invalid=\"invalid || undefined\"\n @focus=\"onFocus\"\n @blur=\"onBlur\"\n @change=\"onChange\"\n v-bind=\"getPTOptions('input')\"\n />\n <span :class=\"cx('slider')\" v-bind=\"getPTOptions('slider')\"></span>\n </div>\n</template>\n\n<script>\nimport BaseToggleSwitch from './BaseToggleSwitch.vue';\n\nexport default {\n name: 'ToggleSwitch',\n extends: BaseToggleSwitch,\n inheritAttrs: false,\n emits: ['update:modelValue', 'change', 'focus', 'blur'],\n methods: {\n getPTOptions(key) {\n const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n return _ptm(key, {\n context: {\n checked: this.checked,\n disabled: this.disabled\n }\n });\n },\n onChange(event) {\n if (!this.disabled && !this.readonly) {\n const newValue = this.checked ? this.falseValue : this.trueValue;\n\n this.$emit('update:modelValue', newValue);\n this.$emit('change', event);\n }\n },\n onFocus(event) {\n this.$emit('focus', event);\n },\n onBlur(event) {\n this.$emit('blur', event);\n }\n },\n computed: {\n checked() {\n return this.modelValue === this.trueValue;\n }\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","modelValue","type","trueValue","falseValue","invalid","Boolean","disabled","readonly","tabindex","Number","inputId","String","inputClass","Object","inputStyle","ariaLabelledby","ariaLabel","style","ToggleSwitchStyle","provide","$pcToggleSwitch","$parentInstance","BaseToggleSwitch","inheritAttrs","emits","methods","getPTOptions","key","_ptm","ptmi","ptm","context","checked","onChange","event","newValue","$emit","onFocus","onBlur","computed","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","sx","$options","_createElementVNode","id","role","undefined","apply","arguments","_hoisted_2"],"mappings":"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"}
1
+ {"version":3,"file":"index.mjs","sources":["../../src/toggleswitch/BaseToggleSwitch.vue","../../src/toggleswitch/ToggleSwitch.vue","../../src/toggleswitch/ToggleSwitch.vue?vue&type=template&id=f1ad7e36&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ToggleSwitchStyle from 'primevue/toggleswitch/style';\n\nexport default {\n name: 'BaseToggleSwitch',\n extends: BaseComponent,\n props: {\n modelValue: {\n type: null,\n default: false\n },\n trueValue: {\n type: null,\n default: true\n },\n falseValue: {\n type: null,\n default: false\n },\n invalid: {\n type: Boolean,\n default: false\n },\n disabled: {\n type: Boolean,\n default: false\n },\n readonly: {\n type: Boolean,\n default: false\n },\n tabindex: {\n type: Number,\n default: null\n },\n inputId: {\n type: String,\n default: null\n },\n inputClass: {\n type: [String, Object],\n default: null\n },\n inputStyle: {\n type: Object,\n default: null\n },\n ariaLabelledby: {\n type: String,\n default: null\n },\n ariaLabel: {\n type: String,\n default: null\n }\n },\n style: ToggleSwitchStyle,\n provide() {\n return {\n $pcToggleSwitch: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" :style=\"sx('root')\" v-bind=\"getPTOptions('root')\" :data-p-checked=\"checked\" :data-p-disabled=\"disabled\">\n <input\n :id=\"inputId\"\n type=\"checkbox\"\n role=\"switch\"\n :class=\"[cx('input'), inputClass]\"\n :style=\"inputStyle\"\n :checked=\"checked\"\n :tabindex=\"tabindex\"\n :disabled=\"disabled\"\n :readonly=\"readonly\"\n :aria-checked=\"checked\"\n :aria-labelledby=\"ariaLabelledby\"\n :aria-label=\"ariaLabel\"\n :aria-invalid=\"invalid || undefined\"\n @focus=\"onFocus\"\n @blur=\"onBlur\"\n @change=\"onChange\"\n v-bind=\"getPTOptions('input')\"\n />\n <div :class=\"cx('slider')\" v-bind=\"getPTOptions('slider')\">\n <div :class=\"cx('handle')\" v-bind=\"getPTOptions('handle')\">\n <slot name=\"handle\" :checked=\"checked\" />\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport BaseToggleSwitch from './BaseToggleSwitch.vue';\n\nexport default {\n name: 'ToggleSwitch',\n extends: BaseToggleSwitch,\n inheritAttrs: false,\n emits: ['update:modelValue', 'change', 'focus', 'blur'],\n methods: {\n getPTOptions(key) {\n const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n return _ptm(key, {\n context: {\n checked: this.checked,\n disabled: this.disabled\n }\n });\n },\n onChange(event) {\n if (!this.disabled && !this.readonly) {\n const newValue = this.checked ? this.falseValue : this.trueValue;\n\n this.$emit('update:modelValue', newValue);\n this.$emit('change', event);\n }\n },\n onFocus(event) {\n this.$emit('focus', event);\n },\n onBlur(event) {\n this.$emit('blur', event);\n }\n },\n computed: {\n checked() {\n return this.modelValue === this.trueValue;\n }\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" :style=\"sx('root')\" v-bind=\"getPTOptions('root')\" :data-p-checked=\"checked\" :data-p-disabled=\"disabled\">\n <input\n :id=\"inputId\"\n type=\"checkbox\"\n role=\"switch\"\n :class=\"[cx('input'), inputClass]\"\n :style=\"inputStyle\"\n :checked=\"checked\"\n :tabindex=\"tabindex\"\n :disabled=\"disabled\"\n :readonly=\"readonly\"\n :aria-checked=\"checked\"\n :aria-labelledby=\"ariaLabelledby\"\n :aria-label=\"ariaLabel\"\n :aria-invalid=\"invalid || undefined\"\n @focus=\"onFocus\"\n @blur=\"onBlur\"\n @change=\"onChange\"\n v-bind=\"getPTOptions('input')\"\n />\n <div :class=\"cx('slider')\" v-bind=\"getPTOptions('slider')\">\n <div :class=\"cx('handle')\" v-bind=\"getPTOptions('handle')\">\n <slot name=\"handle\" :checked=\"checked\" />\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport BaseToggleSwitch from './BaseToggleSwitch.vue';\n\nexport default {\n name: 'ToggleSwitch',\n extends: BaseToggleSwitch,\n inheritAttrs: false,\n emits: ['update:modelValue', 'change', 'focus', 'blur'],\n methods: {\n getPTOptions(key) {\n const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n return _ptm(key, {\n context: {\n checked: this.checked,\n disabled: this.disabled\n }\n });\n },\n onChange(event) {\n if (!this.disabled && !this.readonly) {\n const newValue = this.checked ? this.falseValue : this.trueValue;\n\n this.$emit('update:modelValue', newValue);\n this.$emit('change', event);\n }\n },\n onFocus(event) {\n this.$emit('focus', event);\n },\n onBlur(event) {\n this.$emit('blur', event);\n }\n },\n computed: {\n checked() {\n return this.modelValue === this.trueValue;\n }\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","modelValue","type","trueValue","falseValue","invalid","Boolean","disabled","readonly","tabindex","Number","inputId","String","inputClass","Object","inputStyle","ariaLabelledby","ariaLabel","style","ToggleSwitchStyle","provide","$pcToggleSwitch","$parentInstance","BaseToggleSwitch","inheritAttrs","emits","methods","getPTOptions","key","_ptm","ptmi","ptm","context","checked","onChange","event","newValue","$emit","onFocus","onBlur","computed","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","sx","$options","_createElementVNode","id","role","undefined","apply","arguments","_hoisted_2","_renderSlot","$slots"],"mappings":"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"}
@@ -21,7 +21,15 @@ export enum ToggleSwitchClasses {
21
21
  /**
22
22
  * Class name of the slider element
23
23
  */
24
- slider = 'p-toggleswitch-slider'
24
+ slider = 'p-toggleswitch-slider',
25
+ /**
26
+ * Class name of the handle element
27
+ */
28
+ handle = 'p-toggleswitch-handle',
29
+ /**
30
+ * Class name of the icon element
31
+ */
32
+ icon = 'p-toggleswitch-handle'
25
33
  }
26
34
 
27
35
  export interface ToggleSwitchStyle extends BaseStyle {}
@@ -2,7 +2,7 @@ import BaseStyle from '@primevue/core/base/style';
2
2
 
3
3
  var theme = function theme(_ref) {
4
4
  var dt = _ref.dt;
5
- return "\n.p-toggleswitch {\n display: inline-block;\n width: ".concat(dt('toggleswitch.width'), ";\n height: ").concat(dt('toggleswitch.height'), ";\n}\n\n.p-toggleswitch-input {\n cursor: pointer;\n appearance: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n opacity: 0;\n z-index: 1;\n outline: 0 none;\n border-radius: ").concat(dt('toggleswitch.border.radius'), ";\n}\n\n.p-toggleswitch-slider {\n display: inline-block;\n cursor: pointer;\n width: 100%;\n height: 100%;\n border-width: ").concat(dt('toggleswitch.border.width'), ";\n border-style: solid;\n border-color: ").concat(dt('toggleswitch.border.color'), ";\n background: ").concat(dt('toggleswitch.background'), ";\n transition: background ").concat(dt('toggleswitch.transition.duration'), ", color ").concat(dt('toggleswitch.transition.duration'), ", border-color ").concat(dt('toggleswitch.transition.duration'), ", outline-color ").concat(dt('toggleswitch.transition.duration'), ", box-shadow ").concat(dt('toggleswitch.transition.duration'), ";\n border-radius: ").concat(dt('toggleswitch.border.radius'), ";\n outline-color: transparent;\n box-shadow: ").concat(dt('toggleswitch.shadow'), ";\n}\n\n.p-toggleswitch-slider:before {\n position: absolute;\n content: \"\";\n top: 50%;\n background: ").concat(dt('toggleswitch.handle.background'), ";\n width: ").concat(dt('toggleswitch.handle.size'), ";\n height: ").concat(dt('toggleswitch.handle.size'), ";\n left: ").concat(dt('toggleswitch.gap'), ";\n margin-top: calc(-1 * calc(").concat(dt('toggleswitch.handle.size'), " / 2));\n border-radius: ").concat(dt('toggleswitch.handle.border.radius'), ";\n transition: background ").concat(dt('toggleswitch.transition.duration'), ", left ").concat(dt('toggleswitch.slide.duration'), ";\n}\n\n.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider {\n background: ").concat(dt('toggleswitch.checked.background'), ";\n border-color: ").concat(dt('toggleswitch.checked.border.color'), ";\n}\n\n.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider:before {\n background: ").concat(dt('toggleswitch.handle.checked.background'), ";\n left: calc(").concat(dt('toggleswitch.width'), " - calc(").concat(dt('toggleswitch.handle.size'), " + ").concat(dt('toggleswitch.gap'), "));\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-slider {\n background: ").concat(dt('toggleswitch.hover.background'), ";\n border-color: ").concat(dt('toggleswitch.hover.border.color'), ";\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-slider:before {\n background: ").concat(dt('toggleswitch.handle.hover.background'), ";\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-slider {\n background: ").concat(dt('toggleswitch.checked.hover.background'), ";\n border-color: ").concat(dt('toggleswitch.checked.hover.border.color'), ";\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-slider:before {\n background: ").concat(dt('toggleswitch.handle.checked.hover.background'), ";\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:focus-visible) .p-toggleswitch-slider {\n box-shadow: ").concat(dt('toggleswitch.focus.ring.shadow'), ";\n outline: ").concat(dt('toggleswitch.focus.ring.width'), " ").concat(dt('toggleswitch.focus.ring.style'), " ").concat(dt('toggleswitch.focus.ring.color'), ";\n outline-offset: ").concat(dt('toggleswitch.focus.ring.offset'), ";\n}\n\n.p-toggleswitch.p-invalid > .p-toggleswitch-slider {\n border-color: ").concat(dt('toggleswitch.invalid.border.color'), ";\n}\n\n.p-toggleswitch.p-disabled {\n opacity: 1;\n}\n\n.p-toggleswitch.p-disabled .p-toggleswitch-slider {\n background: ").concat(dt('toggleswitch.disabled.background'), ";\n}\n\n.p-toggleswitch.p-disabled .p-toggleswitch-slider:before {\n background: ").concat(dt('toggleswitch.handle.disabled.background'), ";\n}\n");
5
+ return "\n.p-toggleswitch {\n display: inline-block;\n width: ".concat(dt('toggleswitch.width'), ";\n height: ").concat(dt('toggleswitch.height'), ";\n}\n\n.p-toggleswitch-input {\n cursor: pointer;\n appearance: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n opacity: 0;\n z-index: 1;\n outline: 0 none;\n border-radius: ").concat(dt('toggleswitch.border.radius'), ";\n}\n\n.p-toggleswitch-slider {\n display: inline-block;\n cursor: pointer;\n width: 100%;\n height: 100%;\n border-width: ").concat(dt('toggleswitch.border.width'), ";\n border-style: solid;\n border-color: ").concat(dt('toggleswitch.border.color'), ";\n background: ").concat(dt('toggleswitch.background'), ";\n transition: background ").concat(dt('toggleswitch.transition.duration'), ", color ").concat(dt('toggleswitch.transition.duration'), ", border-color ").concat(dt('toggleswitch.transition.duration'), ", outline-color ").concat(dt('toggleswitch.transition.duration'), ", box-shadow ").concat(dt('toggleswitch.transition.duration'), ";\n border-radius: ").concat(dt('toggleswitch.border.radius'), ";\n outline-color: transparent;\n box-shadow: ").concat(dt('toggleswitch.shadow'), ";\n}\n\n.p-toggleswitch-handle {\n position: absolute;\n top: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n background: ").concat(dt('toggleswitch.handle.background'), ";\n color: ").concat(dt('toggleswitch.handle.color'), ";\n width: ").concat(dt('toggleswitch.handle.size'), ";\n height: ").concat(dt('toggleswitch.handle.size'), ";\n left: ").concat(dt('toggleswitch.gap'), ";\n margin-top: calc(-1 * calc(").concat(dt('toggleswitch.handle.size'), " / 2));\n border-radius: ").concat(dt('toggleswitch.handle.border.radius'), ";\n transition: background ").concat(dt('toggleswitch.transition.duration'), ", color ").concat(dt('toggleswitch.transition.duration'), ", left ").concat(dt('toggleswitch.slide.duration'), ", box-shadow ").concat(dt('toggleswitch.slide.duration'), ";\n}\n\n.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider {\n background: ").concat(dt('toggleswitch.checked.background'), ";\n border-color: ").concat(dt('toggleswitch.checked.border.color'), ";\n}\n\n.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-handle {\n background: ").concat(dt('toggleswitch.handle.checked.background'), ";\n color: ").concat(dt('toggleswitch.handle.checked.color'), ";\n left: calc(").concat(dt('toggleswitch.width'), " - calc(").concat(dt('toggleswitch.handle.size'), " + ").concat(dt('toggleswitch.gap'), "));\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-slider {\n background: ").concat(dt('toggleswitch.hover.background'), ";\n border-color: ").concat(dt('toggleswitch.hover.border.color'), ";\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-handle {\n background: ").concat(dt('toggleswitch.handle.hover.background'), ";\n color: ").concat(dt('toggleswitch.handle.hover.color'), ";\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-slider {\n background: ").concat(dt('toggleswitch.checked.hover.background'), ";\n border-color: ").concat(dt('toggleswitch.checked.hover.border.color'), ";\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-handle {\n background: ").concat(dt('toggleswitch.handle.checked.hover.background'), ";\n color: ").concat(dt('toggleswitch.handle.checked.hover.color'), ";\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:focus-visible) .p-toggleswitch-slider {\n box-shadow: ").concat(dt('toggleswitch.focus.ring.shadow'), ";\n outline: ").concat(dt('toggleswitch.focus.ring.width'), " ").concat(dt('toggleswitch.focus.ring.style'), " ").concat(dt('toggleswitch.focus.ring.color'), ";\n outline-offset: ").concat(dt('toggleswitch.focus.ring.offset'), ";\n}\n\n.p-toggleswitch.p-invalid > .p-toggleswitch-slider {\n border-color: ").concat(dt('toggleswitch.invalid.border.color'), ";\n}\n\n.p-toggleswitch.p-disabled {\n opacity: 1;\n}\n\n.p-toggleswitch.p-disabled .p-toggleswitch-slider {\n background: ").concat(dt('toggleswitch.disabled.background'), ";\n}\n\n.p-toggleswitch.p-disabled .p-toggleswitch-handle {\n background: ").concat(dt('toggleswitch.handle.disabled.background'), ";\n}\n");
6
6
  };
7
7
  var inlineStyles = {
8
8
  root: {
@@ -20,7 +20,8 @@ var classes = {
20
20
  }];
21
21
  },
22
22
  input: 'p-toggleswitch-input',
23
- slider: 'p-toggleswitch-slider'
23
+ slider: 'p-toggleswitch-slider',
24
+ handle: 'p-toggleswitch-handle'
24
25
  };
25
26
  var ToggleSwitchStyle = BaseStyle.extend({
26
27
  name: 'toggleswitch',