primevue 4.1.0 → 4.2.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 (596) hide show
  1. package/README.md +2 -94
  2. package/accordion/index.d.ts +2 -2
  3. package/accordion/index.mjs.map +1 -1
  4. package/accordion/style/index.mjs +1 -1
  5. package/accordion/style/index.mjs.map +1 -1
  6. package/accordioncontent/index.d.ts +2 -2
  7. package/accordioncontent/index.mjs.map +1 -1
  8. package/accordioncontent/style/index.mjs.map +1 -1
  9. package/accordionheader/index.d.ts +2 -2
  10. package/accordionheader/index.mjs.map +1 -1
  11. package/accordionheader/style/index.mjs.map +1 -1
  12. package/accordionpanel/index.d.ts +2 -2
  13. package/accordionpanel/index.mjs.map +1 -1
  14. package/accordionpanel/style/index.mjs.map +1 -1
  15. package/accordiontab/index.d.ts +2 -2
  16. package/accordiontab/index.mjs.map +1 -1
  17. package/accordiontab/style/index.mjs.map +1 -1
  18. package/animateonscroll/index.mjs.map +1 -1
  19. package/animateonscroll/style/index.mjs.map +1 -1
  20. package/autocomplete/AutoComplete.vue +36 -32
  21. package/autocomplete/BaseAutoComplete.vue +2 -19
  22. package/autocomplete/index.d.ts +23 -2
  23. package/autocomplete/index.mjs +40 -53
  24. package/autocomplete/index.mjs.map +1 -1
  25. package/autocomplete/style/index.mjs +7 -7
  26. package/autocomplete/style/index.mjs.map +1 -1
  27. package/avatar/index.d.ts +2 -2
  28. package/avatar/index.mjs.map +1 -1
  29. package/avatar/style/index.mjs +1 -1
  30. package/avatar/style/index.mjs.map +1 -1
  31. package/avatargroup/index.d.ts +2 -2
  32. package/avatargroup/index.mjs.map +1 -1
  33. package/avatargroup/style/index.mjs.map +1 -1
  34. package/badge/index.d.ts +2 -2
  35. package/badge/index.mjs.map +1 -1
  36. package/badge/style/index.mjs.map +1 -1
  37. package/badgedirective/index.d.ts +2 -2
  38. package/badgedirective/index.mjs.map +1 -1
  39. package/badgedirective/style/index.mjs.map +1 -1
  40. package/blockui/index.d.ts +2 -2
  41. package/blockui/index.mjs.map +1 -1
  42. package/blockui/style/index.mjs.map +1 -1
  43. package/breadcrumb/Breadcrumb.vue +1 -1
  44. package/breadcrumb/index.d.ts +2 -2
  45. package/breadcrumb/index.mjs +2 -1
  46. package/breadcrumb/index.mjs.map +1 -1
  47. package/breadcrumb/style/index.d.ts +4 -0
  48. package/breadcrumb/style/index.mjs +2 -1
  49. package/breadcrumb/style/index.mjs.map +1 -1
  50. package/button/BaseButton.vue +4 -0
  51. package/button/index.d.ts +8 -2
  52. package/button/index.mjs +4 -0
  53. package/button/index.mjs.map +1 -1
  54. package/button/style/index.mjs +3 -3
  55. package/button/style/index.mjs.map +1 -1
  56. package/buttongroup/index.d.ts +2 -2
  57. package/buttongroup/index.mjs.map +1 -1
  58. package/buttongroup/style/index.mjs +1 -1
  59. package/buttongroup/style/index.mjs.map +1 -1
  60. package/calendar/index.d.ts +2 -2
  61. package/calendar/index.mjs.map +1 -1
  62. package/calendar/style/index.mjs.map +1 -1
  63. package/card/index.d.ts +2 -2
  64. package/card/index.mjs.map +1 -1
  65. package/card/style/index.mjs.map +1 -1
  66. package/carousel/index.d.ts +2 -2
  67. package/carousel/index.mjs.map +1 -1
  68. package/carousel/style/index.mjs +1 -1
  69. package/carousel/style/index.mjs.map +1 -1
  70. package/cascadeselect/BaseCascadeSelect.vue +8 -14
  71. package/cascadeselect/CascadeSelect.vue +86 -55
  72. package/cascadeselect/CascadeSelectSub.vue +8 -17
  73. package/cascadeselect/index.d.ts +47 -2
  74. package/cascadeselect/index.mjs +148 -99
  75. package/cascadeselect/index.mjs.map +1 -1
  76. package/cascadeselect/style/index.d.ts +4 -0
  77. package/cascadeselect/style/index.mjs +9 -6
  78. package/cascadeselect/style/index.mjs.map +1 -1
  79. package/chart/index.d.ts +2 -2
  80. package/chart/index.mjs.map +1 -1
  81. package/chart/style/index.mjs.map +1 -1
  82. package/checkbox/BaseCheckbox.vue +2 -19
  83. package/checkbox/Checkbox.vue +18 -6
  84. package/checkbox/index.d.ts +19 -2
  85. package/checkbox/index.mjs +20 -25
  86. package/checkbox/index.mjs.map +1 -1
  87. package/checkbox/style/index.mjs +5 -3
  88. package/checkbox/style/index.mjs.map +1 -1
  89. package/checkboxgroup/BaseCheckboxGroup.vue +16 -0
  90. package/checkboxgroup/CheckboxGroup.vue +29 -0
  91. package/checkboxgroup/index.d.ts +160 -0
  92. package/checkboxgroup/index.mjs +46 -0
  93. package/checkboxgroup/index.mjs.map +1 -0
  94. package/checkboxgroup/package.json +11 -0
  95. package/checkboxgroup/style/index.d.ts +19 -0
  96. package/checkboxgroup/style/index.mjs +17 -0
  97. package/checkboxgroup/style/index.mjs.map +1 -0
  98. package/checkboxgroup/style/package.json +6 -0
  99. package/chip/index.d.ts +2 -2
  100. package/chip/index.mjs.map +1 -1
  101. package/chip/style/index.mjs +1 -1
  102. package/chip/style/index.mjs.map +1 -1
  103. package/chips/index.d.ts +2 -2
  104. package/chips/index.mjs.map +1 -1
  105. package/chips/style/index.mjs.map +1 -1
  106. package/colorpicker/BaseColorPicker.vue +2 -10
  107. package/colorpicker/ColorPicker.vue +7 -4
  108. package/colorpicker/index.d.ts +24 -2
  109. package/colorpicker/index.mjs +21 -23
  110. package/colorpicker/index.mjs.map +1 -1
  111. package/colorpicker/style/index.mjs +5 -3
  112. package/colorpicker/style/index.mjs.map +1 -1
  113. package/column/index.d.ts +2 -2
  114. package/column/index.mjs.map +1 -1
  115. package/column/style/index.mjs.map +1 -1
  116. package/columngroup/index.d.ts +2 -2
  117. package/columngroup/index.mjs.map +1 -1
  118. package/columngroup/style/index.mjs.map +1 -1
  119. package/config/index.d.ts +4 -0
  120. package/confirmationservice/index.mjs.map +1 -1
  121. package/confirmdialog/index.d.ts +2 -2
  122. package/confirmdialog/index.mjs.map +1 -1
  123. package/confirmdialog/style/index.mjs.map +1 -1
  124. package/confirmpopup/index.d.ts +2 -2
  125. package/confirmpopup/index.mjs.map +1 -1
  126. package/confirmpopup/style/index.mjs +1 -1
  127. package/confirmpopup/style/index.mjs.map +1 -1
  128. package/contextmenu/ContextMenu.vue +8 -3
  129. package/contextmenu/index.d.ts +2 -2
  130. package/contextmenu/index.mjs +6 -3
  131. package/contextmenu/index.mjs.map +1 -1
  132. package/contextmenu/style/index.mjs +1 -1
  133. package/contextmenu/style/index.mjs.map +1 -1
  134. package/datatable/BodyCell.vue +15 -6
  135. package/datatable/DataTable.vue +58 -4
  136. package/datatable/FooterCell.vue +15 -6
  137. package/datatable/HeaderCell.vue +15 -6
  138. package/datatable/index.d.ts +14 -10
  139. package/datatable/index.mjs +167 -82
  140. package/datatable/index.mjs.map +1 -1
  141. package/datatable/style/index.mjs +1 -1
  142. package/datatable/style/index.mjs.map +1 -1
  143. package/dataview/DataView.vue +33 -1
  144. package/dataview/index.d.ts +6 -2
  145. package/dataview/index.mjs +42 -6
  146. package/dataview/index.mjs.map +1 -1
  147. package/dataview/style/index.mjs.map +1 -1
  148. package/datepicker/BaseDatePicker.vue +2 -23
  149. package/datepicker/DatePicker.vue +39 -40
  150. package/datepicker/index.d.ts +23 -6
  151. package/datepicker/index.mjs +45 -65
  152. package/datepicker/index.mjs.map +1 -1
  153. package/datepicker/style/index.mjs +4 -5
  154. package/datepicker/style/index.mjs.map +1 -1
  155. package/deferredcontent/index.d.ts +2 -2
  156. package/deferredcontent/index.mjs.map +1 -1
  157. package/deferredcontent/style/index.mjs.map +1 -1
  158. package/dialog/index.d.ts +2 -2
  159. package/dialog/index.mjs.map +1 -1
  160. package/dialog/style/index.mjs +1 -1
  161. package/dialog/style/index.mjs.map +1 -1
  162. package/dialogservice/index.mjs.map +1 -1
  163. package/divider/index.d.ts +2 -2
  164. package/divider/index.mjs.map +1 -1
  165. package/divider/style/index.mjs +1 -1
  166. package/divider/style/index.mjs.map +1 -1
  167. package/dock/index.d.ts +2 -2
  168. package/dock/index.mjs.map +1 -1
  169. package/dock/style/index.mjs +1 -1
  170. package/dock/style/index.mjs.map +1 -1
  171. package/drawer/index.d.ts +2 -2
  172. package/drawer/index.mjs.map +1 -1
  173. package/drawer/style/index.mjs +1 -1
  174. package/drawer/style/index.mjs.map +1 -1
  175. package/dropdown/index.d.ts +2 -2
  176. package/dropdown/index.mjs.map +1 -1
  177. package/dropdown/style/index.mjs.map +1 -1
  178. package/dynamicdialog/index.d.ts +2 -2
  179. package/dynamicdialog/index.mjs.map +1 -1
  180. package/dynamicdialog/style/index.mjs.map +1 -1
  181. package/editor/BaseEditor.vue +2 -3
  182. package/editor/Editor.vue +3 -3
  183. package/editor/index.d.ts +24 -2
  184. package/editor/index.mjs +5 -6
  185. package/editor/index.mjs.map +1 -1
  186. package/editor/style/index.mjs +7 -2
  187. package/editor/style/index.mjs.map +1 -1
  188. package/fieldset/index.d.ts +2 -2
  189. package/fieldset/index.mjs.map +1 -1
  190. package/fieldset/style/index.mjs +1 -1
  191. package/fieldset/style/index.mjs.map +1 -1
  192. package/fileupload/index.d.ts +2 -2
  193. package/fileupload/index.mjs.map +1 -1
  194. package/fileupload/style/index.mjs +1 -1
  195. package/fileupload/style/index.mjs.map +1 -1
  196. package/floatlabel/index.d.ts +2 -2
  197. package/floatlabel/index.mjs.map +1 -1
  198. package/floatlabel/style/index.mjs +1 -1
  199. package/floatlabel/style/index.mjs.map +1 -1
  200. package/fluid/index.d.ts +2 -2
  201. package/fluid/index.mjs.map +1 -1
  202. package/fluid/style/index.mjs.map +1 -1
  203. package/focustrap/index.mjs.map +1 -1
  204. package/focustrap/style/index.mjs.map +1 -1
  205. package/galleria/index.d.ts +2 -2
  206. package/galleria/index.mjs.map +1 -1
  207. package/galleria/style/index.mjs +1 -1
  208. package/galleria/style/index.mjs.map +1 -1
  209. package/iconfield/index.d.ts +2 -2
  210. package/iconfield/index.mjs.map +1 -1
  211. package/iconfield/style/index.mjs +1 -1
  212. package/iconfield/style/index.mjs.map +1 -1
  213. package/iftalabel/index.d.ts +2 -2
  214. package/iftalabel/index.mjs.map +1 -1
  215. package/iftalabel/style/index.mjs +1 -1
  216. package/iftalabel/style/index.mjs.map +1 -1
  217. package/image/index.d.ts +2 -2
  218. package/image/index.mjs.map +1 -1
  219. package/image/style/index.mjs +1 -1
  220. package/image/style/index.mjs.map +1 -1
  221. package/imagecompare/ImageCompare.vue +33 -1
  222. package/imagecompare/index.d.ts +2 -2
  223. package/imagecompare/index.mjs +35 -1
  224. package/imagecompare/index.mjs.map +1 -1
  225. package/imagecompare/style/index.mjs +1 -1
  226. package/imagecompare/style/index.mjs.map +1 -1
  227. package/index.d.ts +811 -0
  228. package/index.mjs +531 -0
  229. package/index.mjs.map +1 -0
  230. package/inlinemessage/index.d.ts +2 -2
  231. package/inlinemessage/index.mjs.map +1 -1
  232. package/inlinemessage/style/index.mjs.map +1 -1
  233. package/inplace/index.d.ts +2 -6
  234. package/inplace/index.mjs.map +1 -1
  235. package/inplace/style/index.mjs.map +1 -1
  236. package/inputchips/index.d.ts +2 -2
  237. package/inputchips/index.mjs.map +1 -1
  238. package/inputchips/style/index.mjs.map +1 -1
  239. package/inputgroup/index.d.ts +2 -2
  240. package/inputgroup/index.mjs.map +1 -1
  241. package/inputgroup/style/index.mjs +1 -1
  242. package/inputgroup/style/index.mjs.map +1 -1
  243. package/inputgroupaddon/index.d.ts +2 -2
  244. package/inputgroupaddon/index.mjs.map +1 -1
  245. package/inputgroupaddon/style/index.mjs.map +1 -1
  246. package/inputicon/index.d.ts +2 -2
  247. package/inputicon/index.mjs.map +1 -1
  248. package/inputicon/style/index.mjs.map +1 -1
  249. package/inputmask/BaseInputMask.vue +2 -23
  250. package/inputmask/InputMask.vue +9 -14
  251. package/inputmask/index.d.ts +15 -2
  252. package/inputmask/index.mjs +13 -38
  253. package/inputmask/index.mjs.map +1 -1
  254. package/inputmask/style/index.mjs +1 -1
  255. package/inputmask/style/index.mjs.map +1 -1
  256. package/inputnumber/BaseInputNumber.vue +2 -22
  257. package/inputnumber/InputNumber.vue +14 -16
  258. package/inputnumber/index.d.ts +28 -2
  259. package/inputnumber/index.mjs +22 -39
  260. package/inputnumber/index.mjs.map +1 -1
  261. package/inputnumber/style/index.mjs +3 -3
  262. package/inputnumber/style/index.mjs.map +1 -1
  263. package/inputotp/BaseInputOtp.vue +2 -18
  264. package/inputotp/InputOtp.vue +4 -2
  265. package/inputotp/index.d.ts +23 -2
  266. package/inputotp/index.mjs +7 -21
  267. package/inputotp/index.mjs.map +1 -1
  268. package/inputotp/style/index.mjs +2 -2
  269. package/inputotp/style/index.mjs.map +1 -1
  270. package/inputswitch/index.d.ts +2 -2
  271. package/inputswitch/index.mjs.map +1 -1
  272. package/inputswitch/style/index.mjs.map +1 -1
  273. package/inputtext/BaseInputText.vue +2 -21
  274. package/inputtext/InputText.vue +13 -22
  275. package/inputtext/index.d.ts +19 -2
  276. package/inputtext/index.mjs +16 -48
  277. package/inputtext/index.mjs.map +1 -1
  278. package/inputtext/style/index.mjs +7 -7
  279. package/inputtext/style/index.mjs.map +1 -1
  280. package/keyfilter/index.mjs.map +1 -1
  281. package/keyfilter/style/index.mjs.map +1 -1
  282. package/knob/BaseKnob.vue +2 -10
  283. package/knob/Knob.vue +23 -19
  284. package/knob/index.d.ts +26 -4
  285. package/knob/index.mjs +31 -32
  286. package/knob/index.mjs.map +1 -1
  287. package/knob/style/index.mjs +4 -2
  288. package/knob/style/index.mjs.map +1 -1
  289. package/listbox/BaseListbox.vue +2 -11
  290. package/listbox/Listbox.vue +21 -20
  291. package/listbox/index.d.ts +19 -2
  292. package/listbox/index.mjs +23 -31
  293. package/listbox/index.mjs.map +1 -1
  294. package/listbox/style/index.mjs +4 -3
  295. package/listbox/style/index.mjs.map +1 -1
  296. package/megamenu/BaseMegaMenu.vue +4 -0
  297. package/megamenu/MegaMenu.vue +15 -5
  298. package/megamenu/index.d.ts +7 -2
  299. package/megamenu/index.mjs +23 -6
  300. package/megamenu/index.mjs.map +1 -1
  301. package/megamenu/style/index.mjs +5 -5
  302. package/megamenu/style/index.mjs.map +1 -1
  303. package/menu/index.d.ts +2 -2
  304. package/menu/index.mjs.map +1 -1
  305. package/menu/style/index.mjs +1 -1
  306. package/menu/style/index.mjs.map +1 -1
  307. package/menubar/Menubar.vue +8 -3
  308. package/menubar/index.d.ts +2 -2
  309. package/menubar/index.mjs +6 -3
  310. package/menubar/index.mjs.map +1 -1
  311. package/menubar/style/index.mjs +1 -1
  312. package/menubar/style/index.mjs.map +1 -1
  313. package/message/BaseMessage.vue +8 -0
  314. package/message/index.d.ts +11 -2
  315. package/message/index.mjs +8 -0
  316. package/message/index.mjs.map +1 -1
  317. package/message/style/index.mjs +7 -2
  318. package/message/style/index.mjs.map +1 -1
  319. package/metergroup/index.d.ts +2 -2
  320. package/metergroup/index.mjs.map +1 -1
  321. package/metergroup/style/index.mjs +1 -1
  322. package/metergroup/style/index.mjs.map +1 -1
  323. package/multiselect/BaseMultiSelect.vue +14 -19
  324. package/multiselect/MultiSelect.vue +45 -31
  325. package/multiselect/index.d.ts +52 -2
  326. package/multiselect/index.mjs +71 -52
  327. package/multiselect/index.mjs.map +1 -1
  328. package/multiselect/style/index.d.ts +4 -0
  329. package/multiselect/style/index.mjs +8 -5
  330. package/multiselect/style/index.mjs.map +1 -1
  331. package/orderlist/index.d.ts +2 -2
  332. package/orderlist/index.mjs.map +1 -1
  333. package/orderlist/style/index.mjs.map +1 -1
  334. package/organizationchart/index.d.ts +2 -2
  335. package/organizationchart/index.mjs.map +1 -1
  336. package/organizationchart/style/index.mjs +1 -1
  337. package/organizationchart/style/index.mjs.map +1 -1
  338. package/overlaybadge/index.d.ts +2 -2
  339. package/overlaybadge/index.mjs.map +1 -1
  340. package/overlaybadge/style/index.mjs +1 -1
  341. package/overlaybadge/style/index.mjs.map +1 -1
  342. package/overlaypanel/index.d.ts +2 -2
  343. package/overlaypanel/index.mjs.map +1 -1
  344. package/overlaypanel/style/index.mjs.map +1 -1
  345. package/package.json +15 -6
  346. package/paginator/Paginator.vue +104 -84
  347. package/paginator/index.d.ts +56 -2
  348. package/paginator/index.mjs +21 -3
  349. package/paginator/index.mjs.map +1 -1
  350. package/paginator/style/index.mjs +1 -1
  351. package/paginator/style/index.mjs.map +1 -1
  352. package/panel/index.d.ts +2 -2
  353. package/panel/index.mjs.map +1 -1
  354. package/panel/style/index.mjs.map +1 -1
  355. package/panelmenu/index.d.ts +2 -2
  356. package/panelmenu/index.mjs.map +1 -1
  357. package/panelmenu/style/index.mjs +1 -1
  358. package/panelmenu/style/index.mjs.map +1 -1
  359. package/passthrough/index.mjs.map +1 -1
  360. package/password/BasePassword.vue +2 -15
  361. package/password/Password.vue +13 -18
  362. package/password/index.d.ts +23 -2
  363. package/password/index.mjs +14 -32
  364. package/password/index.mjs.map +1 -1
  365. package/password/style/index.mjs +3 -3
  366. package/password/style/index.mjs.map +1 -1
  367. package/picklist/index.d.ts +2 -2
  368. package/picklist/index.mjs.map +1 -1
  369. package/picklist/style/index.mjs.map +1 -1
  370. package/popover/index.d.ts +2 -2
  371. package/popover/index.mjs.map +1 -1
  372. package/popover/style/index.mjs +1 -1
  373. package/popover/style/index.mjs.map +1 -1
  374. package/portal/index.d.ts +2 -2
  375. package/portal/index.mjs.map +1 -1
  376. package/portal/style/index.mjs.map +1 -1
  377. package/progressbar/index.d.ts +2 -2
  378. package/progressbar/index.mjs.map +1 -1
  379. package/progressbar/style/index.mjs +1 -1
  380. package/progressbar/style/index.mjs.map +1 -1
  381. package/progressspinner/index.d.ts +2 -2
  382. package/progressspinner/index.mjs.map +1 -1
  383. package/progressspinner/style/index.mjs.map +1 -1
  384. package/radiobutton/BaseRadioButton.vue +2 -19
  385. package/radiobutton/RadioButton.vue +15 -4
  386. package/radiobutton/index.d.ts +19 -2
  387. package/radiobutton/index.mjs +17 -23
  388. package/radiobutton/index.mjs.map +1 -1
  389. package/radiobutton/style/index.mjs +5 -3
  390. package/radiobutton/style/index.mjs.map +1 -1
  391. package/radiobuttongroup/BaseRadioButtonGroup.vue +16 -0
  392. package/radiobuttongroup/RadioButtonGroup.vue +29 -0
  393. package/radiobuttongroup/index.d.ts +160 -0
  394. package/radiobuttongroup/index.mjs +46 -0
  395. package/radiobuttongroup/index.mjs.map +1 -0
  396. package/radiobuttongroup/package.json +11 -0
  397. package/radiobuttongroup/style/index.d.ts +19 -0
  398. package/radiobuttongroup/style/index.mjs +17 -0
  399. package/radiobuttongroup/style/index.mjs.map +1 -0
  400. package/radiobuttongroup/style/package.json +6 -0
  401. package/rating/BaseRating.vue +2 -10
  402. package/rating/Rating.vue +17 -16
  403. package/rating/index.d.ts +20 -2
  404. package/rating/index.mjs +17 -23
  405. package/rating/index.mjs.map +1 -1
  406. package/rating/style/index.mjs +14 -5
  407. package/rating/style/index.mjs.map +1 -1
  408. package/ripple/index.mjs.map +1 -1
  409. package/ripple/style/index.mjs.map +1 -1
  410. package/row/index.d.ts +2 -2
  411. package/row/index.mjs.map +1 -1
  412. package/row/style/index.mjs.map +1 -1
  413. package/scrollpanel/ScrollPanel.vue +38 -5
  414. package/scrollpanel/index.d.ts +2 -2
  415. package/scrollpanel/index.mjs +58 -28
  416. package/scrollpanel/index.mjs.map +1 -1
  417. package/scrollpanel/style/index.mjs +1 -1
  418. package/scrollpanel/style/index.mjs.map +1 -1
  419. package/scrolltop/index.d.ts +2 -2
  420. package/scrolltop/index.mjs.map +1 -1
  421. package/scrolltop/style/index.mjs +1 -1
  422. package/scrolltop/style/index.mjs.map +1 -1
  423. package/select/BaseSelect.vue +2 -19
  424. package/select/Select.vue +15 -19
  425. package/select/index.d.ts +23 -2
  426. package/select/index.mjs +18 -40
  427. package/select/index.mjs.map +1 -1
  428. package/select/style/index.mjs +7 -5
  429. package/select/style/index.mjs.map +1 -1
  430. package/selectbutton/BaseSelectButton.vue +6 -8
  431. package/selectbutton/SelectButton.vue +9 -8
  432. package/selectbutton/index.d.ts +23 -2
  433. package/selectbutton/index.mjs +15 -16
  434. package/selectbutton/index.mjs.map +1 -1
  435. package/selectbutton/style/index.mjs +3 -3
  436. package/selectbutton/style/index.mjs.map +1 -1
  437. package/sidebar/index.d.ts +2 -2
  438. package/sidebar/index.mjs.map +1 -1
  439. package/sidebar/style/index.mjs.map +1 -1
  440. package/skeleton/index.d.ts +2 -2
  441. package/skeleton/index.mjs.map +1 -1
  442. package/skeleton/style/index.mjs +1 -1
  443. package/skeleton/style/index.mjs.map +1 -1
  444. package/slider/BaseSlider.vue +2 -7
  445. package/slider/Slider.vue +94 -38
  446. package/slider/index.d.ts +24 -2
  447. package/slider/index.mjs +145 -72
  448. package/slider/index.mjs.map +1 -1
  449. package/slider/style/index.mjs +4 -2
  450. package/slider/style/index.mjs.map +1 -1
  451. package/speeddial/index.d.ts +2 -2
  452. package/speeddial/index.mjs.map +1 -1
  453. package/speeddial/style/index.mjs +1 -1
  454. package/speeddial/style/index.mjs.map +1 -1
  455. package/splitbutton/index.d.ts +2 -2
  456. package/splitbutton/index.mjs.map +1 -1
  457. package/splitbutton/style/index.mjs +1 -1
  458. package/splitbutton/style/index.mjs.map +1 -1
  459. package/splitter/Splitter.vue +31 -3
  460. package/splitter/index.d.ts +2 -2
  461. package/splitter/index.mjs +50 -20
  462. package/splitter/index.mjs.map +1 -1
  463. package/splitter/style/index.mjs.map +1 -1
  464. package/splitterpanel/index.d.ts +2 -2
  465. package/splitterpanel/index.mjs.map +1 -1
  466. package/splitterpanel/style/index.mjs.map +1 -1
  467. package/step/index.d.ts +2 -2
  468. package/step/index.mjs.map +1 -1
  469. package/step/style/index.mjs.map +1 -1
  470. package/stepitem/index.d.ts +2 -2
  471. package/stepitem/index.mjs.map +1 -1
  472. package/stepitem/style/index.mjs.map +1 -1
  473. package/steplist/index.d.ts +2 -2
  474. package/steplist/index.mjs.map +1 -1
  475. package/steplist/style/index.mjs.map +1 -1
  476. package/steppanel/index.d.ts +2 -2
  477. package/steppanel/index.mjs.map +1 -1
  478. package/steppanel/style/index.mjs.map +1 -1
  479. package/steppanels/index.d.ts +2 -2
  480. package/steppanels/index.mjs.map +1 -1
  481. package/steppanels/style/index.mjs.map +1 -1
  482. package/stepper/index.d.ts +2 -2
  483. package/stepper/index.mjs.map +1 -1
  484. package/stepper/style/index.mjs +1 -1
  485. package/stepper/style/index.mjs.map +1 -1
  486. package/steps/index.d.ts +2 -2
  487. package/steps/index.mjs.map +1 -1
  488. package/steps/style/index.mjs +1 -1
  489. package/steps/style/index.mjs.map +1 -1
  490. package/styleclass/index.mjs.map +1 -1
  491. package/styleclass/style/index.mjs.map +1 -1
  492. package/tab/index.d.ts +2 -2
  493. package/tab/index.mjs.map +1 -1
  494. package/tab/style/index.mjs.map +1 -1
  495. package/tablist/TabList.vue +40 -5
  496. package/tablist/index.d.ts +2 -2
  497. package/tablist/index.mjs +38 -5
  498. package/tablist/index.mjs.map +1 -1
  499. package/tablist/style/index.mjs.map +1 -1
  500. package/tabmenu/index.d.ts +2 -2
  501. package/tabmenu/index.mjs.map +1 -1
  502. package/tabmenu/style/index.mjs.map +1 -1
  503. package/tabpanel/index.d.ts +2 -2
  504. package/tabpanel/index.mjs.map +1 -1
  505. package/tabpanel/style/index.mjs.map +1 -1
  506. package/tabpanels/index.d.ts +2 -2
  507. package/tabpanels/index.mjs.map +1 -1
  508. package/tabpanels/style/index.mjs.map +1 -1
  509. package/tabs/index.d.ts +2 -2
  510. package/tabs/index.mjs.map +1 -1
  511. package/tabs/style/index.mjs +1 -1
  512. package/tabs/style/index.mjs.map +1 -1
  513. package/tabview/index.d.ts +2 -2
  514. package/tabview/index.mjs.map +1 -1
  515. package/tabview/style/index.mjs.map +1 -1
  516. package/tag/index.d.ts +2 -2
  517. package/tag/index.mjs.map +1 -1
  518. package/tag/style/index.mjs.map +1 -1
  519. package/terminal/index.d.ts +2 -2
  520. package/terminal/index.mjs.map +1 -1
  521. package/terminal/style/index.mjs +1 -1
  522. package/terminal/style/index.mjs.map +1 -1
  523. package/textarea/BaseTextarea.vue +3 -16
  524. package/textarea/Textarea.vue +13 -19
  525. package/textarea/index.d.ts +23 -2
  526. package/textarea/index.mjs +14 -38
  527. package/textarea/index.mjs.map +1 -1
  528. package/textarea/style/index.mjs +7 -5
  529. package/textarea/style/index.mjs.map +1 -1
  530. package/tieredmenu/TieredMenu.vue +8 -3
  531. package/tieredmenu/index.d.ts +2 -2
  532. package/tieredmenu/index.mjs +6 -3
  533. package/tieredmenu/index.mjs.map +1 -1
  534. package/tieredmenu/style/index.mjs +1 -1
  535. package/tieredmenu/style/index.mjs.map +1 -1
  536. package/timeline/index.d.ts +2 -2
  537. package/timeline/index.mjs.map +1 -1
  538. package/timeline/style/index.mjs.map +1 -1
  539. package/toast/Toast.vue +0 -1
  540. package/toast/index.d.ts +2 -2
  541. package/toast/index.mjs.map +1 -1
  542. package/toast/style/index.mjs +1 -1
  543. package/toast/style/index.mjs.map +1 -1
  544. package/toastservice/index.mjs.map +1 -1
  545. package/togglebutton/BaseToggleButton.vue +6 -11
  546. package/togglebutton/ToggleButton.vue +11 -7
  547. package/togglebutton/index.d.ts +23 -2
  548. package/togglebutton/index.mjs +20 -18
  549. package/togglebutton/index.mjs.map +1 -1
  550. package/togglebutton/style/index.mjs +4 -2
  551. package/togglebutton/style/index.mjs.map +1 -1
  552. package/toggleswitch/BaseToggleSwitch.vue +2 -14
  553. package/toggleswitch/ToggleSwitch.vue +4 -3
  554. package/toggleswitch/index.d.ts +19 -2
  555. package/toggleswitch/index.mjs +7 -17
  556. package/toggleswitch/index.mjs.map +1 -1
  557. package/toggleswitch/style/index.mjs +2 -2
  558. package/toggleswitch/style/index.mjs.map +1 -1
  559. package/toolbar/index.d.ts +2 -2
  560. package/toolbar/index.mjs.map +1 -1
  561. package/toolbar/style/index.mjs.map +1 -1
  562. package/tooltip/index.mjs.map +1 -1
  563. package/tooltip/style/index.mjs +1 -1
  564. package/tooltip/style/index.mjs.map +1 -1
  565. package/tree/Tree.vue +1 -1
  566. package/tree/TreeNode.vue +1 -1
  567. package/tree/index.d.ts +2 -2
  568. package/tree/index.mjs +5 -4
  569. package/tree/index.mjs.map +1 -1
  570. package/tree/style/index.mjs +2 -1
  571. package/tree/style/index.mjs.map +1 -1
  572. package/treeselect/BaseTreeSelect.vue +18 -19
  573. package/treeselect/TreeSelect.vue +61 -18
  574. package/treeselect/index.d.ts +82 -28
  575. package/treeselect/index.mjs +87 -38
  576. package/treeselect/index.mjs.map +1 -1
  577. package/treeselect/style/index.d.ts +4 -0
  578. package/treeselect/style/index.mjs +8 -5
  579. package/treeselect/style/index.mjs.map +1 -1
  580. package/treetable/BodyCell.vue +21 -12
  581. package/treetable/FooterCell.vue +15 -6
  582. package/treetable/HeaderCell.vue +15 -6
  583. package/treetable/TreeTable.vue +57 -2
  584. package/treetable/index.d.ts +14 -10
  585. package/treetable/index.mjs +146 -59
  586. package/treetable/index.mjs.map +1 -1
  587. package/treetable/style/index.mjs +1 -1
  588. package/treetable/style/index.mjs.map +1 -1
  589. package/umd/primevue.min.js +1 -1
  590. package/useconfirm/index.mjs.map +1 -1
  591. package/usedialog/index.mjs.map +1 -1
  592. package/usetoast/index.mjs.map +1 -1
  593. package/virtualscroller/index.d.ts +2 -2
  594. package/virtualscroller/index.mjs.map +1 -1
  595. package/virtualscroller/style/index.mjs.map +1 -1
  596. package/web-types.json +2 -2
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../../src/image/style/ImageStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-image-mask {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-image-preview {\n position: relative;\n display: inline-flex;\n line-height: 0;\n}\n\n.p-image-preview-mask {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity 0.3s;\n border: 0 none;\n padding: 0;\n cursor: pointer;\n background: transparent;\n color: ${dt('image.preview.mask.color')};\n transition: background ${dt('image.transition.duration')};\n}\n\n.p-image-preview:hover > .p-image-preview-mask {\n opacity: 1;\n cursor: pointer;\n background: ${dt('image.preview.mask.background')};\n}\n\n.p-image-preview-icon {\n font-size: ${dt('image.preview.icon.size')};\n width: ${dt('image.preview.icon.size')};\n height: ${dt('image.preview.icon.size')};\n}\n\n.p-image-toolbar {\n position: absolute;\n top: ${dt('image.toolbar.position.top')};\n right: ${dt('image.toolbar.position.right')};\n left: ${dt('image.toolbar.position.left')};\n bottom: ${dt('image.toolbar.position.bottom')};\n display: flex;\n z-index: 1;\n padding: ${dt('image.toolbar.padding')};\n background: ${dt('image.toolbar.background')};\n backdrop-filter: blur(${dt('image.toolbar.blur')});\n border-color: ${dt('image.toolbar.border.color')};\n border-style: solid;\n border-width: ${dt('image.toolbar.border.width')};\n border-radius: ${dt('image.toolbar.border.radius')};\n gap: ${dt('image.toolbar.gap')};\n}\n\n.p-image-action {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n color: ${dt('image.action.color')};\n background: transparent;\n width: ${dt('image.action.size')};\n height: ${dt('image.action.size')};\n margin: 0;\n padding: 0;\n border: 0 none;\n cursor: pointer;\n user-select: none;\n border-radius: ${dt('image.action.border.radius')};\n outline-color: transparent;\n transition: background ${dt('image.transition.duration')}, color ${dt('image.transition.duration')}, outline-color ${dt('image.transition.duration')}, box-shadow ${dt('image.transition.duration')};\n}\n\n.p-image-action:hover {\n color: ${dt('image.action.hover.color')};\n background: ${dt('image.action.hover.background')};\n}\n\n.p-image-action:focus-visible {\n box-shadow: ${dt('image.action.focus.ring.shadow')};\n outline: ${dt('image.action.focus.ring.width')} ${dt('image.action.focus.ring.style')} ${dt('image.action.focus.ring.color')};\n outline-offset: ${dt('image.action.focus.ring.offset')};\n}\n\n.p-image-action .p-icon {\n font-size: ${dt('image.action.icon.size')};\n width: ${dt('image.action.icon.size')};\n height: ${dt('image.action.icon.size')};\n}\n\n.p-image-action.p-disabled {\n pointer-events: auto;\n}\n\n.p-image-original {\n transition: transform 0.15s;\n max-width: 100vw;\n max-height: 100vh;\n}\n\n.p-image-original-enter-active {\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-image-original-leave-active {\n transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.p-image-original-enter-from,\n.p-image-original-leave-to {\n opacity: 0;\n transform: scale(0.7);\n}\n`;\n\nconst classes = {\n root: ({ props }) => [\n 'p-image p-component',\n {\n 'p-image-preview': props.preview\n }\n ],\n previewMask: 'p-image-preview-mask',\n previewIcon: 'p-image-preview-icon',\n mask: 'p-image-mask p-overlay-mask p-overlay-mask-enter',\n toolbar: 'p-image-toolbar',\n rotateRightButton: 'p-image-action p-image-rotate-right-button',\n rotateLeftButton: 'p-image-action p-image-rotate-left-button',\n zoomOutButton: ({ instance }) => [\n 'p-image-action p-image-zoom-out-button',\n {\n 'p-disabled': instance.isZoomOutDisabled\n }\n ],\n zoomInButton: ({ instance }) => [\n 'p-image-action p-image-zoom-in-button',\n {\n 'p-disabled': instance.isZoomInDisabled\n }\n ],\n closeButton: 'p-image-action p-image-close-button',\n original: 'p-image-original'\n};\n\nexport default BaseStyle.extend({\n name: 'image',\n theme,\n classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","preview","previewMask","previewIcon","mask","toolbar","rotateRightButton","rotateLeftButton","zoomOutButton","_ref3","instance","isZoomOutDisabled","zoomInButton","_ref4","isZoomInDisabled","closeButton","original","BaseStyle","extend","name"],"mappings":"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"}
1
+ {"version":3,"file":"index.mjs","sources":["../../../src/image/style/ImageStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-image-mask {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-image-preview {\n position: relative;\n display: inline-flex;\n line-height: 0;\n}\n\n.p-image-preview-mask {\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity 0.3s;\n border: 0 none;\n padding: 0;\n cursor: pointer;\n background: transparent;\n color: ${dt('image.preview.mask.color')};\n transition: background ${dt('image.transition.duration')};\n}\n\n.p-image-preview:hover > .p-image-preview-mask {\n opacity: 1;\n cursor: pointer;\n background: ${dt('image.preview.mask.background')};\n}\n\n.p-image-preview-icon {\n font-size: ${dt('image.preview.icon.size')};\n width: ${dt('image.preview.icon.size')};\n height: ${dt('image.preview.icon.size')};\n}\n\n.p-image-toolbar {\n position: absolute;\n inset-block-start: ${dt('image.toolbar.position.top')};\n inset-inline-end: ${dt('image.toolbar.position.right')};\n inset-inline-start: ${dt('image.toolbar.position.left')};\n inset-block-end: ${dt('image.toolbar.position.bottom')};\n display: flex;\n z-index: 1;\n padding: ${dt('image.toolbar.padding')};\n background: ${dt('image.toolbar.background')};\n backdrop-filter: blur(${dt('image.toolbar.blur')});\n border-color: ${dt('image.toolbar.border.color')};\n border-style: solid;\n border-width: ${dt('image.toolbar.border.width')};\n border-radius: ${dt('image.toolbar.border.radius')};\n gap: ${dt('image.toolbar.gap')};\n}\n\n.p-image-action {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n color: ${dt('image.action.color')};\n background: transparent;\n width: ${dt('image.action.size')};\n height: ${dt('image.action.size')};\n margin: 0;\n padding: 0;\n border: 0 none;\n cursor: pointer;\n user-select: none;\n border-radius: ${dt('image.action.border.radius')};\n outline-color: transparent;\n transition: background ${dt('image.transition.duration')}, color ${dt('image.transition.duration')}, outline-color ${dt('image.transition.duration')}, box-shadow ${dt('image.transition.duration')};\n}\n\n.p-image-action:hover {\n color: ${dt('image.action.hover.color')};\n background: ${dt('image.action.hover.background')};\n}\n\n.p-image-action:focus-visible {\n box-shadow: ${dt('image.action.focus.ring.shadow')};\n outline: ${dt('image.action.focus.ring.width')} ${dt('image.action.focus.ring.style')} ${dt('image.action.focus.ring.color')};\n outline-offset: ${dt('image.action.focus.ring.offset')};\n}\n\n.p-image-action .p-icon {\n font-size: ${dt('image.action.icon.size')};\n width: ${dt('image.action.icon.size')};\n height: ${dt('image.action.icon.size')};\n}\n\n.p-image-action.p-disabled {\n pointer-events: auto;\n}\n\n.p-image-original {\n transition: transform 0.15s;\n max-width: 100vw;\n max-height: 100vh;\n}\n\n.p-image-original-enter-active {\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-image-original-leave-active {\n transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.p-image-original-enter-from,\n.p-image-original-leave-to {\n opacity: 0;\n transform: scale(0.7);\n}\n`;\n\nconst classes = {\n root: ({ props }) => [\n 'p-image p-component',\n {\n 'p-image-preview': props.preview\n }\n ],\n previewMask: 'p-image-preview-mask',\n previewIcon: 'p-image-preview-icon',\n mask: 'p-image-mask p-overlay-mask p-overlay-mask-enter',\n toolbar: 'p-image-toolbar',\n rotateRightButton: 'p-image-action p-image-rotate-right-button',\n rotateLeftButton: 'p-image-action p-image-rotate-left-button',\n zoomOutButton: ({ instance }) => [\n 'p-image-action p-image-zoom-out-button',\n {\n 'p-disabled': instance.isZoomOutDisabled\n }\n ],\n zoomInButton: ({ instance }) => [\n 'p-image-action p-image-zoom-in-button',\n {\n 'p-disabled': instance.isZoomInDisabled\n }\n ],\n closeButton: 'p-image-action p-image-close-button',\n original: 'p-image-original'\n};\n\nexport default BaseStyle.extend({\n name: 'image',\n theme,\n classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","preview","previewMask","previewIcon","mask","toolbar","rotateRightButton","rotateLeftButton","zoomOutButton","_ref3","instance","isZoomOutDisabled","zoomInButton","_ref4","isZoomInDisabled","closeButton","original","BaseStyle","extend","name"],"mappings":"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"}
@@ -12,12 +12,44 @@ import BaseImageCompare from './BaseImageCompare.vue';
12
12
  export default {
13
13
  name: 'ImageCompare',
14
14
  extends: BaseImageCompare,
15
+ mutationObserver: null,
16
+ data() {
17
+ return {
18
+ isRTL: false
19
+ };
20
+ },
21
+ beforeUnmount() {
22
+ if (this.mutationObserver) {
23
+ this.mutationObserver.disconnect();
24
+ }
25
+ },
26
+ mounted() {
27
+ this.updateDirection();
28
+ this.observeDirectionChanges();
29
+ },
15
30
  methods: {
16
31
  onSlide(event) {
17
32
  const value = event.target.value;
18
33
  const image = event.target.previousElementSibling;
19
34
 
20
- image.style.clipPath = 'polygon(0 0,' + value + '% 0,' + value + '% 100%, 0 100%)';
35
+ if (this.isRTL) {
36
+ image.style.clipPath = `polygon(${100 - value}% 0, 100% 0, 100% 100%, ${100 - value}% 100%)`;
37
+ } else {
38
+ image.style.clipPath = `polygon(0 0, ${value}% 0, ${value}% 100%, 0 100%)`;
39
+ }
40
+ },
41
+ updateDirection() {
42
+ this.isRTL = !!this.$el.closest('[dir="rtl"]');
43
+ },
44
+ observeDirectionChanges() {
45
+ const targetNode = document.documentElement;
46
+ const config = { attributes: true, attributeFilter: ['dir'] };
47
+
48
+ this.mutationObserver = new MutationObserver(() => {
49
+ this.updateDirection();
50
+ });
51
+
52
+ this.mutationObserver.observe(targetNode, config);
21
53
  }
22
54
  }
23
55
  };
@@ -7,7 +7,7 @@
7
7
  * @module imagecompare
8
8
  *
9
9
  */
10
- import type { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, PassThrough } from '@primevue/core';
10
+ import type { DefineComponent, DesignToken, EmitFn, PassThrough } from '@primevue/core';
11
11
  import type { ComponentHooks } from '@primevue/core/basecomponent';
12
12
  import type { PassThroughOptions } from 'primevue/passthrough';
13
13
  import { VNode } from 'vue';
@@ -142,7 +142,7 @@ declare const ImageCompare: DefineComponent<ImageCompareProps, ImageCompareSlots
142
142
 
143
143
  declare module 'vue' {
144
144
  export interface GlobalComponents {
145
- ImageCompare: GlobalComponentConstructor<ImageCompareProps, ImageCompareSlots, ImageCompareEmits>;
145
+ ImageCompare: DefineComponent<ImageCompareProps, ImageCompareSlots, ImageCompareEmits>;
146
146
  }
147
147
  }
148
148
 
@@ -31,11 +31,45 @@ var script$1 = {
31
31
  var script = {
32
32
  name: 'ImageCompare',
33
33
  "extends": script$1,
34
+ mutationObserver: null,
35
+ data: function data() {
36
+ return {
37
+ isRTL: false
38
+ };
39
+ },
40
+ beforeUnmount: function beforeUnmount() {
41
+ if (this.mutationObserver) {
42
+ this.mutationObserver.disconnect();
43
+ }
44
+ },
45
+ mounted: function mounted() {
46
+ this.updateDirection();
47
+ this.observeDirectionChanges();
48
+ },
34
49
  methods: {
35
50
  onSlide: function onSlide(event) {
36
51
  var value = event.target.value;
37
52
  var image = event.target.previousElementSibling;
38
- image.style.clipPath = 'polygon(0 0,' + value + '% 0,' + value + '% 100%, 0 100%)';
53
+ if (this.isRTL) {
54
+ image.style.clipPath = "polygon(".concat(100 - value, "% 0, 100% 0, 100% 100%, ").concat(100 - value, "% 100%)");
55
+ } else {
56
+ image.style.clipPath = "polygon(0 0, ".concat(value, "% 0, ").concat(value, "% 100%, 0 100%)");
57
+ }
58
+ },
59
+ updateDirection: function updateDirection() {
60
+ this.isRTL = !!this.$el.closest('[dir="rtl"]');
61
+ },
62
+ observeDirectionChanges: function observeDirectionChanges() {
63
+ var _this = this;
64
+ var targetNode = document.documentElement;
65
+ var config = {
66
+ attributes: true,
67
+ attributeFilter: ['dir']
68
+ };
69
+ this.mutationObserver = new MutationObserver(function () {
70
+ _this.updateDirection();
71
+ });
72
+ this.mutationObserver.observe(targetNode, config);
39
73
  }
40
74
  }
41
75
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../src/imagecompare/BaseImageCompare.vue","../../src/imagecompare/ImageCompare.vue","../../src/imagecompare/ImageCompare.vue?vue&type=template&id=24903c0a&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ImageCompareStyle from 'primevue/imagecompare/style';\n\nexport default {\n name: 'BaseImageCompare',\n extends: BaseComponent,\n props: {\n tabindex: {\n type: Number,\n default: 0\n },\n ariaLabelledby: {\n type: String,\n default: null\n },\n ariaLabel: {\n type: String,\n default: null\n }\n },\n style: ImageCompareStyle,\n provide() {\n return {\n $pcImageCompare: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <slot name=\"left\"></slot>\n <slot name=\"right\"></slot>\n <input type=\"range\" min=\"0\" max=\"100\" value=\"50\" @input=\"onSlide\" :class=\"cx('slider')\" v-bind=\"ptm('slider')\" />\n </div>\n</template>\n\n<script>\nimport BaseImageCompare from './BaseImageCompare.vue';\n\nexport default {\n name: 'ImageCompare',\n extends: BaseImageCompare,\n methods: {\n onSlide(event) {\n const value = event.target.value;\n const image = event.target.previousElementSibling;\n\n image.style.clipPath = 'polygon(0 0,' + value + '% 0,' + value + '% 100%, 0 100%)';\n }\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <slot name=\"left\"></slot>\n <slot name=\"right\"></slot>\n <input type=\"range\" min=\"0\" max=\"100\" value=\"50\" @input=\"onSlide\" :class=\"cx('slider')\" v-bind=\"ptm('slider')\" />\n </div>\n</template>\n\n<script>\nimport BaseImageCompare from './BaseImageCompare.vue';\n\nexport default {\n name: 'ImageCompare',\n extends: BaseImageCompare,\n methods: {\n onSlide(event) {\n const value = event.target.value;\n const image = event.target.previousElementSibling;\n\n image.style.clipPath = 'polygon(0 0,' + value + '% 0,' + value + '% 100%, 0 100%)';\n }\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","tabindex","type","Number","ariaLabelledby","String","ariaLabel","style","ImageCompareStyle","provide","$pcImageCompare","$parentInstance","BaseImageCompare","methods","onSlide","event","value","target","image","previousElementSibling","clipPath","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_renderSlot","$slots","_createElementVNode","min","max","onInput","$options","apply","arguments","ptm"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,kBAAkB;AACxB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,QAAQ,EAAE;AACNC,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,CAAA;KACZ;AACDC,IAAAA,cAAc,EAAE;AACZF,MAAAA,IAAI,EAAEG,MAAM;MACZ,SAAS,EAAA,IAAA;KACZ;AACDC,IAAAA,SAAS,EAAE;AACPJ,MAAAA,IAAI,EAAEG,MAAM;MACZ,SAAS,EAAA,IAAA;AACb,KAAA;GACH;AACDE,EAAAA,KAAK,EAAEC,iBAAiB;EACxBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,eAAe,EAAE,IAAI;AACrBC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;ACjBD,aAAe;AACXb,EAAAA,IAAI,EAAE,cAAc;AACpB,EAAA,SAAA,EAASc,QAAgB;AACzBC,EAAAA,OAAO,EAAE;AACLC,IAAAA,OAAO,EAAPA,SAAAA,OAAOA,CAACC,KAAK,EAAE;AACX,MAAA,IAAMC,KAAI,GAAID,KAAK,CAACE,MAAM,CAACD,KAAK,CAAA;AAChC,MAAA,IAAME,KAAM,GAAEH,KAAK,CAACE,MAAM,CAACE,sBAAsB,CAAA;AAEjDD,MAAAA,KAAK,CAACX,KAAK,CAACa,QAAO,GAAI,cAAe,GAAEJ,KAAM,GAAE,MAAO,GAAEA,KAAI,GAAI,iBAAiB,CAAA;AACtF,KAAA;AACJ,GAAA;AACJ,CAAC;;;ECrBG,OAAAK,SAAA,EAAA,EAAAC,kBAAA,CAIK,OAJLC,UAIK,CAAA;AAJC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;KAAkBD,IAAI,CAAAE,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CACjCC,UAAwB,CAAAH,IAAA,CAAAI,MAAA,EAAA,MAAA,CAAA,EACxBD,UAAyB,CAAAH,IAAA,CAAAI,MAAA,EAAA,OAAA,CAAA,EACzBC,kBAAA,CAAgH,SAAhHN,UAAgH,CAAA;AAAzGrB,IAAAA,IAAI,EAAC,OAAM;AAAE4B,IAAAA,GAAG,EAAC,GAAE;AAAEC,IAAAA,GAAG,EAAC,KAAI;AAAEf,IAAAA,KAAK,EAAC,IAAK;IAACgB,OAAK;aAAEC,QAAO,CAAAnB,OAAA,IAAAmB,QAAA,CAAAnB,OAAA,CAAAoB,KAAA,CAAAD,QAAA,EAAAE,SAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAAG,IAAA,OAAA,EAAOX,IAAE,CAAAC,EAAA,CAAA,QAAA,CAAA;KAAoBD,IAAG,CAAAY,GAAA,CAAA,QAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA;;;;;;;"}
1
+ {"version":3,"file":"index.mjs","sources":["../../src/imagecompare/BaseImageCompare.vue","../../src/imagecompare/ImageCompare.vue","../../src/imagecompare/ImageCompare.vue?vue&type=template&id=7e6a8988&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ImageCompareStyle from 'primevue/imagecompare/style';\n\nexport default {\n name: 'BaseImageCompare',\n extends: BaseComponent,\n props: {\n tabindex: {\n type: Number,\n default: 0\n },\n ariaLabelledby: {\n type: String,\n default: null\n },\n ariaLabel: {\n type: String,\n default: null\n }\n },\n style: ImageCompareStyle,\n provide() {\n return {\n $pcImageCompare: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <slot name=\"left\"></slot>\n <slot name=\"right\"></slot>\n <input type=\"range\" min=\"0\" max=\"100\" value=\"50\" @input=\"onSlide\" :class=\"cx('slider')\" v-bind=\"ptm('slider')\" />\n </div>\n</template>\n\n<script>\nimport BaseImageCompare from './BaseImageCompare.vue';\n\nexport default {\n name: 'ImageCompare',\n extends: BaseImageCompare,\n mutationObserver: null,\n data() {\n return {\n isRTL: false\n };\n },\n beforeUnmount() {\n if (this.mutationObserver) {\n this.mutationObserver.disconnect();\n }\n },\n mounted() {\n this.updateDirection();\n this.observeDirectionChanges();\n },\n methods: {\n onSlide(event) {\n const value = event.target.value;\n const image = event.target.previousElementSibling;\n\n if (this.isRTL) {\n image.style.clipPath = `polygon(${100 - value}% 0, 100% 0, 100% 100%, ${100 - value}% 100%)`;\n } else {\n image.style.clipPath = `polygon(0 0, ${value}% 0, ${value}% 100%, 0 100%)`;\n }\n },\n updateDirection() {\n this.isRTL = !!this.$el.closest('[dir=\"rtl\"]');\n },\n observeDirectionChanges() {\n const targetNode = document.documentElement;\n const config = { attributes: true, attributeFilter: ['dir'] };\n\n this.mutationObserver = new MutationObserver(() => {\n this.updateDirection();\n });\n\n this.mutationObserver.observe(targetNode, config);\n }\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <slot name=\"left\"></slot>\n <slot name=\"right\"></slot>\n <input type=\"range\" min=\"0\" max=\"100\" value=\"50\" @input=\"onSlide\" :class=\"cx('slider')\" v-bind=\"ptm('slider')\" />\n </div>\n</template>\n\n<script>\nimport BaseImageCompare from './BaseImageCompare.vue';\n\nexport default {\n name: 'ImageCompare',\n extends: BaseImageCompare,\n mutationObserver: null,\n data() {\n return {\n isRTL: false\n };\n },\n beforeUnmount() {\n if (this.mutationObserver) {\n this.mutationObserver.disconnect();\n }\n },\n mounted() {\n this.updateDirection();\n this.observeDirectionChanges();\n },\n methods: {\n onSlide(event) {\n const value = event.target.value;\n const image = event.target.previousElementSibling;\n\n if (this.isRTL) {\n image.style.clipPath = `polygon(${100 - value}% 0, 100% 0, 100% 100%, ${100 - value}% 100%)`;\n } else {\n image.style.clipPath = `polygon(0 0, ${value}% 0, ${value}% 100%, 0 100%)`;\n }\n },\n updateDirection() {\n this.isRTL = !!this.$el.closest('[dir=\"rtl\"]');\n },\n observeDirectionChanges() {\n const targetNode = document.documentElement;\n const config = { attributes: true, attributeFilter: ['dir'] };\n\n this.mutationObserver = new MutationObserver(() => {\n this.updateDirection();\n });\n\n this.mutationObserver.observe(targetNode, config);\n }\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","tabindex","type","Number","ariaLabelledby","String","ariaLabel","style","ImageCompareStyle","provide","$pcImageCompare","$parentInstance","BaseImageCompare","mutationObserver","data","isRTL","beforeUnmount","disconnect","mounted","updateDirection","observeDirectionChanges","methods","onSlide","event","value","target","image","previousElementSibling","clipPath","concat","$el","closest","_this","targetNode","document","documentElement","config","attributes","attributeFilter","MutationObserver","observe","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_renderSlot","$slots","_createElementVNode","min","max","onInput","$options","apply","arguments","ptm"],"mappings":"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"}
@@ -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-imagecompare {\n position: relative;\n overflow: hidden;\n width: 100%;\n aspect-ratio: 16 / 9;\n}\n\n.p-imagecompare img {\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.p-imagecompare img + img {\n clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);\n}\n\n.p-imagecompare-slider {\n position: relative;\n -webkit-appearance: none;\n width: calc(100% + ".concat(dt('imagecompare.handle.size'), ");\n height: 100%;\n margin-left: calc(-1 * calc(").concat(dt('imagecompare.handle.size'), " / 2));\n background-color: transparent;\n outline: none;\n transition: all ").concat(dt('imagecompare.handle.transition.duration'), ";\n}\n\n.p-imagecompare-slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n height: ").concat(dt('imagecompare.handle.size'), ";\n width: ").concat(dt('imagecompare.handle.size'), ";\n background: ").concat(dt('imagecompare.handle.background'), ";\n border: ").concat(dt('imagecompare.handle.border.width'), " solid ").concat(dt('imagecompare.handle.border.color'), ";\n border-radius: ").concat(dt('imagecompare.handle.border.radius'), ";\n background-size: contain;\n cursor: ew-resize;\n transition: all ").concat(dt('imagecompare.handle.transition.duration'), ";\n}\n\n.p-imagecompare-slider::-moz-range-thumb {\n height: ").concat(dt('imagecompare.handle.size'), ";\n width: ").concat(dt('imagecompare.handle.size'), ";\n background: ").concat(dt('imagecompare.handle.background'), ";\n border: ").concat(dt('imagecompare.handle.border.width'), " ").concat(dt('imagecompare.handle.border.style'), " ").concat(dt('imagecompare.handle.border.color'), ";\n border-radius: ").concat(dt('imagecompare.handle.border.radius'), ";\n background-size: contain;\n cursor: ew-resize;\n}\n\n.p-imagecompare-slider:focus-visible::-webkit-slider-thumb {\n box-shadow: ").concat(dt('imagecompare.handle.focus.ring.shadow'), ";\n outline: ").concat(dt('imagecompare.handle.focus.ring.width'), " ").concat(dt('imagecompare.handle.focus.ring.style'), " ").concat(dt('imagecompare.handle.focus.ring.color'), ";\n outline-offset: ").concat(dt('imagecompare.handle.focus.ring.offset'), ";\n}\n\n.p-imagecompare-slider:focus-visible::-moz-range-thumb {\n box-shadow: ").concat(dt('imagecompare.handle.focus.ring.shadow'), ";\n outline: ").concat(dt('imagecompare.handle.focus.ring.width'), " ").concat(dt('imagecompare.handle.focus.ring.style'), " ").concat(dt('imagecompare.handle.focus.ring.color'), ";\n outline-offset: ").concat(dt('imagecompare.handle.focus.ring.offset'), ";\n}\n \n.p-imagecompare-slider:hover {\n width: calc(100% + ").concat(dt('imagecompare.handle.hover.size'), ");\n margin-left: calc(-1 * calc(").concat(dt('imagecompare.handle.hover.size'), " / 2));\n}\n\n.p-imagecompare-slider:hover::-webkit-slider-thumb {\n background: ").concat(dt('imagecompare.handle.hover.background'), ";\n border-color: ").concat(dt('imagecompare.handle.hover.border.color'), ";\n height: ").concat(dt('imagecompare.handle.hover.size'), ";\n width: ").concat(dt('imagecompare.handle.hover.size'), ";\n}\n\n.p-imagecompare-slider:hover::-moz-range-thumb {\n background: ").concat(dt('imagecompare.handle.hover.background'), ";\n border-color: ").concat(dt('imagecompare.handle.hover.border.color'), ";\n height: ").concat(dt('imagecompare.handle.hover.size'), ";\n width: ").concat(dt('imagecompare.handle.hover.size'), ";\n}\n");
5
+ return "\n.p-imagecompare {\n position: relative;\n overflow: hidden;\n width: 100%;\n aspect-ratio: 16 / 9;\n}\n\n.p-imagecompare img {\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.p-imagecompare img + img {\n clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);\n}\n\n.p-imagecompare:dir(rtl) img + img {\n clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);\n}\n\n.p-imagecompare-slider {\n position: relative;\n -webkit-appearance: none;\n width: calc(100% + ".concat(dt('imagecompare.handle.size'), ");\n height: 100%;\n margin-inline-start: calc(-1 * calc(").concat(dt('imagecompare.handle.size'), " / 2));\n background-color: transparent;\n outline: none;\n transition: all ").concat(dt('imagecompare.handle.transition.duration'), ";\n}\n\n.p-imagecompare-slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n height: ").concat(dt('imagecompare.handle.size'), ";\n width: ").concat(dt('imagecompare.handle.size'), ";\n background: ").concat(dt('imagecompare.handle.background'), ";\n border: ").concat(dt('imagecompare.handle.border.width'), " solid ").concat(dt('imagecompare.handle.border.color'), ";\n border-radius: ").concat(dt('imagecompare.handle.border.radius'), ";\n background-size: contain;\n cursor: ew-resize;\n transition: all ").concat(dt('imagecompare.handle.transition.duration'), ";\n}\n\n.p-imagecompare-slider::-moz-range-thumb {\n height: ").concat(dt('imagecompare.handle.size'), ";\n width: ").concat(dt('imagecompare.handle.size'), ";\n background: ").concat(dt('imagecompare.handle.background'), ";\n border: ").concat(dt('imagecompare.handle.border.width'), " ").concat(dt('imagecompare.handle.border.style'), " ").concat(dt('imagecompare.handle.border.color'), ";\n border-radius: ").concat(dt('imagecompare.handle.border.radius'), ";\n background-size: contain;\n cursor: ew-resize;\n}\n\n.p-imagecompare-slider:focus-visible::-webkit-slider-thumb {\n box-shadow: ").concat(dt('imagecompare.handle.focus.ring.shadow'), ";\n outline: ").concat(dt('imagecompare.handle.focus.ring.width'), " ").concat(dt('imagecompare.handle.focus.ring.style'), " ").concat(dt('imagecompare.handle.focus.ring.color'), ";\n outline-offset: ").concat(dt('imagecompare.handle.focus.ring.offset'), ";\n}\n\n.p-imagecompare-slider:focus-visible::-moz-range-thumb {\n box-shadow: ").concat(dt('imagecompare.handle.focus.ring.shadow'), ";\n outline: ").concat(dt('imagecompare.handle.focus.ring.width'), " ").concat(dt('imagecompare.handle.focus.ring.style'), " ").concat(dt('imagecompare.handle.focus.ring.color'), ";\n outline-offset: ").concat(dt('imagecompare.handle.focus.ring.offset'), ";\n}\n\n.p-imagecompare-slider:hover {\n width: calc(100% + ").concat(dt('imagecompare.handle.hover.size'), ");\n margin-inline-start: calc(-1 * calc(").concat(dt('imagecompare.handle.hover.size'), " / 2));\n}\n\n.p-imagecompare-slider:hover::-webkit-slider-thumb {\n background: ").concat(dt('imagecompare.handle.hover.background'), ";\n border-color: ").concat(dt('imagecompare.handle.hover.border.color'), ";\n height: ").concat(dt('imagecompare.handle.hover.size'), ";\n width: ").concat(dt('imagecompare.handle.hover.size'), ";\n}\n\n.p-imagecompare-slider:hover::-moz-range-thumb {\n background: ").concat(dt('imagecompare.handle.hover.background'), ";\n border-color: ").concat(dt('imagecompare.handle.hover.border.color'), ";\n height: ").concat(dt('imagecompare.handle.hover.size'), ";\n width: ").concat(dt('imagecompare.handle.hover.size'), ";\n}\n");
6
6
  };
7
7
  var classes = {
8
8
  root: 'p-imagecompare',
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../../src/imagecompare/style/ImageCompareStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-imagecompare {\n position: relative;\n overflow: hidden;\n width: 100%;\n aspect-ratio: 16 / 9;\n}\n\n.p-imagecompare img {\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.p-imagecompare img + img {\n clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);\n}\n\n.p-imagecompare-slider {\n position: relative;\n -webkit-appearance: none;\n width: calc(100% + ${dt('imagecompare.handle.size')});\n height: 100%;\n margin-left: calc(-1 * calc(${dt('imagecompare.handle.size')} / 2));\n background-color: transparent;\n outline: none;\n transition: all ${dt('imagecompare.handle.transition.duration')};\n}\n\n.p-imagecompare-slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n height: ${dt('imagecompare.handle.size')};\n width: ${dt('imagecompare.handle.size')};\n background: ${dt('imagecompare.handle.background')};\n border: ${dt('imagecompare.handle.border.width')} solid ${dt('imagecompare.handle.border.color')};\n border-radius: ${dt('imagecompare.handle.border.radius')};\n background-size: contain;\n cursor: ew-resize;\n transition: all ${dt('imagecompare.handle.transition.duration')};\n}\n\n.p-imagecompare-slider::-moz-range-thumb {\n height: ${dt('imagecompare.handle.size')};\n width: ${dt('imagecompare.handle.size')};\n background: ${dt('imagecompare.handle.background')};\n border: ${dt('imagecompare.handle.border.width')} ${dt('imagecompare.handle.border.style')} ${dt('imagecompare.handle.border.color')};\n border-radius: ${dt('imagecompare.handle.border.radius')};\n background-size: contain;\n cursor: ew-resize;\n}\n\n.p-imagecompare-slider:focus-visible::-webkit-slider-thumb {\n box-shadow: ${dt('imagecompare.handle.focus.ring.shadow')};\n outline: ${dt('imagecompare.handle.focus.ring.width')} ${dt('imagecompare.handle.focus.ring.style')} ${dt('imagecompare.handle.focus.ring.color')};\n outline-offset: ${dt('imagecompare.handle.focus.ring.offset')};\n}\n\n.p-imagecompare-slider:focus-visible::-moz-range-thumb {\n box-shadow: ${dt('imagecompare.handle.focus.ring.shadow')};\n outline: ${dt('imagecompare.handle.focus.ring.width')} ${dt('imagecompare.handle.focus.ring.style')} ${dt('imagecompare.handle.focus.ring.color')};\n outline-offset: ${dt('imagecompare.handle.focus.ring.offset')};\n}\n \n.p-imagecompare-slider:hover {\n width: calc(100% + ${dt('imagecompare.handle.hover.size')});\n margin-left: calc(-1 * calc(${dt('imagecompare.handle.hover.size')} / 2));\n}\n\n.p-imagecompare-slider:hover::-webkit-slider-thumb {\n background: ${dt('imagecompare.handle.hover.background')};\n border-color: ${dt('imagecompare.handle.hover.border.color')};\n height: ${dt('imagecompare.handle.hover.size')};\n width: ${dt('imagecompare.handle.hover.size')};\n}\n\n.p-imagecompare-slider:hover::-moz-range-thumb {\n background: ${dt('imagecompare.handle.hover.background')};\n border-color: ${dt('imagecompare.handle.hover.border.color')};\n height: ${dt('imagecompare.handle.hover.size')};\n width: ${dt('imagecompare.handle.hover.size')};\n}\n`;\n\nconst classes = {\n root: 'p-imagecompare',\n slider: 'p-imagecompare-slider'\n};\n\nexport default BaseStyle.extend({\n name: 'imagecompare',\n theme,\n classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","slider","BaseStyle","extend","name"],"mappings":"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"}
1
+ {"version":3,"file":"index.mjs","sources":["../../../src/imagecompare/style/ImageCompareStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-imagecompare {\n position: relative;\n overflow: hidden;\n width: 100%;\n aspect-ratio: 16 / 9;\n}\n\n.p-imagecompare img {\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.p-imagecompare img + img {\n clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);\n}\n\n.p-imagecompare:dir(rtl) img + img {\n clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);\n}\n\n.p-imagecompare-slider {\n position: relative;\n -webkit-appearance: none;\n width: calc(100% + ${dt('imagecompare.handle.size')});\n height: 100%;\n margin-inline-start: calc(-1 * calc(${dt('imagecompare.handle.size')} / 2));\n background-color: transparent;\n outline: none;\n transition: all ${dt('imagecompare.handle.transition.duration')};\n}\n\n.p-imagecompare-slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n height: ${dt('imagecompare.handle.size')};\n width: ${dt('imagecompare.handle.size')};\n background: ${dt('imagecompare.handle.background')};\n border: ${dt('imagecompare.handle.border.width')} solid ${dt('imagecompare.handle.border.color')};\n border-radius: ${dt('imagecompare.handle.border.radius')};\n background-size: contain;\n cursor: ew-resize;\n transition: all ${dt('imagecompare.handle.transition.duration')};\n}\n\n.p-imagecompare-slider::-moz-range-thumb {\n height: ${dt('imagecompare.handle.size')};\n width: ${dt('imagecompare.handle.size')};\n background: ${dt('imagecompare.handle.background')};\n border: ${dt('imagecompare.handle.border.width')} ${dt('imagecompare.handle.border.style')} ${dt('imagecompare.handle.border.color')};\n border-radius: ${dt('imagecompare.handle.border.radius')};\n background-size: contain;\n cursor: ew-resize;\n}\n\n.p-imagecompare-slider:focus-visible::-webkit-slider-thumb {\n box-shadow: ${dt('imagecompare.handle.focus.ring.shadow')};\n outline: ${dt('imagecompare.handle.focus.ring.width')} ${dt('imagecompare.handle.focus.ring.style')} ${dt('imagecompare.handle.focus.ring.color')};\n outline-offset: ${dt('imagecompare.handle.focus.ring.offset')};\n}\n\n.p-imagecompare-slider:focus-visible::-moz-range-thumb {\n box-shadow: ${dt('imagecompare.handle.focus.ring.shadow')};\n outline: ${dt('imagecompare.handle.focus.ring.width')} ${dt('imagecompare.handle.focus.ring.style')} ${dt('imagecompare.handle.focus.ring.color')};\n outline-offset: ${dt('imagecompare.handle.focus.ring.offset')};\n}\n\n.p-imagecompare-slider:hover {\n width: calc(100% + ${dt('imagecompare.handle.hover.size')});\n margin-inline-start: calc(-1 * calc(${dt('imagecompare.handle.hover.size')} / 2));\n}\n\n.p-imagecompare-slider:hover::-webkit-slider-thumb {\n background: ${dt('imagecompare.handle.hover.background')};\n border-color: ${dt('imagecompare.handle.hover.border.color')};\n height: ${dt('imagecompare.handle.hover.size')};\n width: ${dt('imagecompare.handle.hover.size')};\n}\n\n.p-imagecompare-slider:hover::-moz-range-thumb {\n background: ${dt('imagecompare.handle.hover.background')};\n border-color: ${dt('imagecompare.handle.hover.border.color')};\n height: ${dt('imagecompare.handle.hover.size')};\n width: ${dt('imagecompare.handle.hover.size')};\n}\n`;\n\nconst classes = {\n root: 'p-imagecompare',\n slider: 'p-imagecompare-slider'\n};\n\nexport default BaseStyle.extend({\n name: 'imagecompare',\n theme,\n classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","slider","BaseStyle","extend","name"],"mappings":"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"}