primereact 10.5.1 → 10.5.2

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 (430) hide show
  1. package/api/api.cjs.js +94 -92
  2. package/api/api.cjs.min.js +1 -1
  3. package/api/api.d.ts +229 -11
  4. package/api/api.esm.js +94 -92
  5. package/api/api.esm.min.js +1 -1
  6. package/api/api.js +94 -92
  7. package/api/api.min.js +1 -1
  8. package/autocomplete/autocomplete.cjs.js +89 -45
  9. package/autocomplete/autocomplete.cjs.min.js +1 -1
  10. package/autocomplete/autocomplete.d.ts +6 -1
  11. package/autocomplete/autocomplete.esm.js +89 -45
  12. package/autocomplete/autocomplete.esm.min.js +1 -1
  13. package/autocomplete/autocomplete.js +89 -45
  14. package/autocomplete/autocomplete.min.js +1 -1
  15. package/blockui/blockui.cjs.js +13 -13
  16. package/blockui/blockui.cjs.min.js +1 -1
  17. package/blockui/blockui.esm.js +13 -13
  18. package/blockui/blockui.esm.min.js +1 -1
  19. package/blockui/blockui.js +13 -13
  20. package/blockui/blockui.min.js +1 -1
  21. package/calendar/calendar.cjs.js +30 -11
  22. package/calendar/calendar.cjs.min.js +1 -1
  23. package/calendar/calendar.d.ts +9 -0
  24. package/calendar/calendar.esm.js +30 -11
  25. package/calendar/calendar.esm.min.js +1 -1
  26. package/calendar/calendar.js +30 -11
  27. package/calendar/calendar.min.js +1 -1
  28. package/carousel/carousel.cjs.js +17 -15
  29. package/carousel/carousel.cjs.min.js +1 -1
  30. package/carousel/carousel.esm.js +4 -2
  31. package/carousel/carousel.esm.min.js +1 -1
  32. package/carousel/carousel.js +17 -15
  33. package/carousel/carousel.min.js +1 -1
  34. package/cascadeselect/cascadeselect.cjs.js +28 -14
  35. package/cascadeselect/cascadeselect.cjs.min.js +1 -1
  36. package/cascadeselect/cascadeselect.d.ts +5 -0
  37. package/cascadeselect/cascadeselect.esm.js +28 -14
  38. package/cascadeselect/cascadeselect.esm.min.js +1 -1
  39. package/cascadeselect/cascadeselect.js +28 -14
  40. package/cascadeselect/cascadeselect.min.js +1 -1
  41. package/checkbox/checkbox.cjs.js +70 -153
  42. package/checkbox/checkbox.cjs.min.js +1 -1
  43. package/checkbox/checkbox.d.ts +10 -34
  44. package/checkbox/checkbox.esm.js +70 -153
  45. package/checkbox/checkbox.esm.min.js +1 -1
  46. package/checkbox/checkbox.js +70 -153
  47. package/checkbox/checkbox.min.js +1 -1
  48. package/chips/chips.cjs.js +23 -9
  49. package/chips/chips.cjs.min.js +1 -1
  50. package/chips/chips.d.ts +6 -1
  51. package/chips/chips.esm.js +23 -9
  52. package/chips/chips.esm.min.js +1 -1
  53. package/chips/chips.js +23 -9
  54. package/chips/chips.min.js +1 -1
  55. package/colorpicker/colorpicker.cjs.js +3 -2
  56. package/colorpicker/colorpicker.cjs.min.js +1 -1
  57. package/colorpicker/colorpicker.esm.js +2 -1
  58. package/colorpicker/colorpicker.esm.min.js +1 -1
  59. package/colorpicker/colorpicker.js +3 -2
  60. package/colorpicker/colorpicker.min.js +1 -1
  61. package/componentbase/componentbase.cjs.js +4 -6
  62. package/componentbase/componentbase.cjs.min.js +1 -1
  63. package/componentbase/componentbase.esm.js +5 -7
  64. package/componentbase/componentbase.esm.min.js +1 -1
  65. package/componentbase/componentbase.js +4 -6
  66. package/componentbase/componentbase.min.js +1 -1
  67. package/confirmdialog/confirmdialog.cjs.js +1 -0
  68. package/confirmdialog/confirmdialog.cjs.min.js +1 -1
  69. package/confirmdialog/confirmdialog.esm.js +1 -0
  70. package/confirmdialog/confirmdialog.esm.min.js +1 -1
  71. package/confirmdialog/confirmdialog.js +1 -0
  72. package/confirmdialog/confirmdialog.min.js +1 -1
  73. package/confirmpopup/confirmpopup.cjs.js +5 -5
  74. package/confirmpopup/confirmpopup.cjs.min.js +1 -1
  75. package/confirmpopup/confirmpopup.esm.js +5 -5
  76. package/confirmpopup/confirmpopup.esm.min.js +1 -1
  77. package/confirmpopup/confirmpopup.js +5 -5
  78. package/confirmpopup/confirmpopup.min.js +1 -1
  79. package/core/core.js +639 -603
  80. package/core/core.min.js +13 -13
  81. package/datatable/datatable.cjs.js +128 -110
  82. package/datatable/datatable.cjs.min.js +1 -1
  83. package/datatable/datatable.d.ts +1 -1
  84. package/datatable/datatable.esm.js +128 -110
  85. package/datatable/datatable.esm.min.js +1 -1
  86. package/datatable/datatable.js +128 -110
  87. package/datatable/datatable.min.js +1 -1
  88. package/dataview/dataview.cjs.js +16 -13
  89. package/dataview/dataview.cjs.min.js +1 -1
  90. package/dataview/dataview.esm.js +4 -1
  91. package/dataview/dataview.esm.min.js +1 -1
  92. package/dataview/dataview.js +17 -15
  93. package/dataview/dataview.min.js +1 -1
  94. package/dialog/dialog.cjs.js +6 -6
  95. package/dialog/dialog.cjs.min.js +1 -1
  96. package/dialog/dialog.esm.js +6 -6
  97. package/dialog/dialog.esm.min.js +1 -1
  98. package/dialog/dialog.js +6 -6
  99. package/dialog/dialog.min.js +1 -1
  100. package/dropdown/dropdown.cjs.js +98 -29
  101. package/dropdown/dropdown.cjs.min.js +1 -1
  102. package/dropdown/dropdown.d.ts +41 -0
  103. package/dropdown/dropdown.esm.js +98 -29
  104. package/dropdown/dropdown.esm.min.js +1 -1
  105. package/dropdown/dropdown.js +98 -31
  106. package/dropdown/dropdown.min.js +1 -1
  107. package/editor/editor.cjs.js +125 -54
  108. package/editor/editor.cjs.min.js +1 -1
  109. package/editor/editor.esm.js +125 -54
  110. package/editor/editor.esm.min.js +1 -1
  111. package/editor/editor.js +125 -54
  112. package/editor/editor.min.js +1 -1
  113. package/galleria/galleria.cjs.js +22 -19
  114. package/galleria/galleria.cjs.min.js +1 -1
  115. package/galleria/galleria.esm.js +4 -1
  116. package/galleria/galleria.esm.min.js +1 -1
  117. package/galleria/galleria.js +23 -20
  118. package/galleria/galleria.min.js +1 -1
  119. package/hooks/hooks.cjs.js +115 -72
  120. package/hooks/hooks.cjs.min.js +1 -1
  121. package/hooks/hooks.esm.js +116 -73
  122. package/hooks/hooks.esm.min.js +1 -1
  123. package/hooks/hooks.js +115 -72
  124. package/hooks/hooks.min.js +1 -1
  125. package/image/image.cjs.js +11 -9
  126. package/image/image.cjs.min.js +1 -1
  127. package/image/image.esm.js +11 -9
  128. package/image/image.esm.min.js +1 -1
  129. package/image/image.js +11 -9
  130. package/image/image.min.js +1 -1
  131. package/inputnumber/inputnumber.cjs.js +20 -36
  132. package/inputnumber/inputnumber.cjs.min.js +1 -1
  133. package/inputnumber/inputnumber.d.ts +5 -5
  134. package/inputnumber/inputnumber.esm.js +20 -36
  135. package/inputnumber/inputnumber.esm.min.js +1 -1
  136. package/inputnumber/inputnumber.js +20 -36
  137. package/inputnumber/inputnumber.min.js +1 -1
  138. package/inputswitch/inputswitch.cjs.js +18 -93
  139. package/inputswitch/inputswitch.cjs.min.js +1 -1
  140. package/inputswitch/inputswitch.d.ts +9 -20
  141. package/inputswitch/inputswitch.esm.js +18 -93
  142. package/inputswitch/inputswitch.esm.min.js +1 -1
  143. package/inputswitch/inputswitch.js +18 -93
  144. package/inputswitch/inputswitch.min.js +1 -1
  145. package/inputtext/inputtext.cjs.js +5 -3
  146. package/inputtext/inputtext.cjs.min.js +1 -1
  147. package/inputtext/inputtext.d.ts +5 -0
  148. package/inputtext/inputtext.esm.js +5 -3
  149. package/inputtext/inputtext.esm.min.js +1 -1
  150. package/inputtext/inputtext.js +5 -3
  151. package/inputtext/inputtext.min.js +1 -1
  152. package/inputtextarea/inputtextarea.cjs.js +3 -1
  153. package/inputtextarea/inputtextarea.cjs.min.js +1 -1
  154. package/inputtextarea/inputtextarea.d.ts +5 -0
  155. package/inputtextarea/inputtextarea.esm.js +3 -1
  156. package/inputtextarea/inputtextarea.esm.min.js +1 -1
  157. package/inputtextarea/inputtextarea.js +3 -1
  158. package/inputtextarea/inputtextarea.min.js +1 -1
  159. package/listbox/listbox.cjs.js +14 -10
  160. package/listbox/listbox.cjs.min.js +1 -1
  161. package/listbox/listbox.d.ts +15 -0
  162. package/listbox/listbox.esm.js +15 -11
  163. package/listbox/listbox.esm.min.js +1 -1
  164. package/listbox/listbox.js +14 -10
  165. package/listbox/listbox.min.js +1 -1
  166. package/mention/mention.cjs.js +3 -1
  167. package/mention/mention.cjs.min.js +1 -1
  168. package/mention/mention.esm.js +3 -1
  169. package/mention/mention.esm.min.js +1 -1
  170. package/mention/mention.js +3 -1
  171. package/mention/mention.min.js +1 -1
  172. package/menu/menu.cjs.js +3 -2
  173. package/menu/menu.cjs.min.js +1 -1
  174. package/menu/menu.esm.js +3 -2
  175. package/menu/menu.esm.min.js +1 -1
  176. package/menu/menu.js +3 -2
  177. package/menu/menu.min.js +1 -1
  178. package/menubar/menubar.cjs.js +1 -1
  179. package/menubar/menubar.cjs.min.js +1 -1
  180. package/menubar/menubar.esm.js +1 -1
  181. package/menubar/menubar.esm.min.js +1 -1
  182. package/menubar/menubar.js +1 -1
  183. package/menubar/menubar.min.js +1 -1
  184. package/message/message.cjs.js +2 -8
  185. package/message/message.cjs.min.js +1 -1
  186. package/message/message.d.ts +1 -1
  187. package/message/message.esm.js +2 -8
  188. package/message/message.esm.min.js +1 -1
  189. package/message/message.js +2 -8
  190. package/message/message.min.js +1 -1
  191. package/messages/messages.cjs.js +1 -1
  192. package/messages/messages.cjs.min.js +1 -1
  193. package/messages/messages.d.ts +1 -1
  194. package/messages/messages.esm.js +1 -1
  195. package/messages/messages.esm.min.js +1 -1
  196. package/messages/messages.js +1 -1
  197. package/messages/messages.min.js +1 -1
  198. package/metergroup/metergroup.cjs.js +237 -0
  199. package/metergroup/metergroup.cjs.min.js +1 -0
  200. package/metergroup/metergroup.d.ts +183 -0
  201. package/metergroup/metergroup.esm.js +233 -0
  202. package/metergroup/metergroup.esm.min.js +1 -0
  203. package/metergroup/metergroup.js +236 -0
  204. package/metergroup/metergroup.min.js +1 -0
  205. package/multiselect/multiselect.cjs.js +94 -123
  206. package/multiselect/multiselect.cjs.min.js +1 -1
  207. package/multiselect/multiselect.d.ts +25 -1
  208. package/multiselect/multiselect.esm.js +94 -123
  209. package/multiselect/multiselect.esm.min.js +1 -1
  210. package/multiselect/multiselect.js +94 -123
  211. package/multiselect/multiselect.min.js +1 -1
  212. package/multistatecheckbox/multistatecheckbox.cjs.js +1 -1
  213. package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
  214. package/multistatecheckbox/multistatecheckbox.esm.js +1 -1
  215. package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
  216. package/multistatecheckbox/multistatecheckbox.js +1 -1
  217. package/multistatecheckbox/multistatecheckbox.min.js +1 -1
  218. package/orderlist/orderlist.cjs.js +35 -11
  219. package/orderlist/orderlist.cjs.min.js +1 -1
  220. package/orderlist/orderlist.d.ts +5 -0
  221. package/orderlist/orderlist.esm.js +35 -11
  222. package/orderlist/orderlist.esm.min.js +1 -1
  223. package/orderlist/orderlist.js +35 -11
  224. package/orderlist/orderlist.min.js +1 -1
  225. package/overlaypanel/overlaypanel.cjs.js +3 -2
  226. package/overlaypanel/overlaypanel.cjs.min.js +1 -1
  227. package/overlaypanel/overlaypanel.esm.js +3 -2
  228. package/overlaypanel/overlaypanel.esm.min.js +1 -1
  229. package/overlaypanel/overlaypanel.js +3 -2
  230. package/overlaypanel/overlaypanel.min.js +1 -1
  231. package/package.json +1 -1
  232. package/paginator/paginator.cjs.js +125 -108
  233. package/paginator/paginator.cjs.min.js +1 -1
  234. package/paginator/paginator.d.ts +88 -0
  235. package/paginator/paginator.esm.js +125 -108
  236. package/paginator/paginator.esm.min.js +1 -1
  237. package/paginator/paginator.js +125 -108
  238. package/paginator/paginator.min.js +1 -1
  239. package/panelmenu/panelmenu.cjs.js +13 -5
  240. package/panelmenu/panelmenu.cjs.min.js +1 -1
  241. package/panelmenu/panelmenu.esm.js +13 -5
  242. package/panelmenu/panelmenu.esm.min.js +1 -1
  243. package/panelmenu/panelmenu.js +13 -5
  244. package/panelmenu/panelmenu.min.js +1 -1
  245. package/passthrough/index.d.ts +12 -0
  246. package/passthrough/tailwind/index.cjs.js +268 -172
  247. package/passthrough/tailwind/index.cjs.min.js +1 -1
  248. package/passthrough/tailwind/index.esm.js +268 -172
  249. package/passthrough/tailwind/index.esm.min.js +1 -1
  250. package/passthrough/tailwind/index.js +268 -172
  251. package/passthrough/tailwind/index.min.js +1 -1
  252. package/password/password.cjs.js +70 -39
  253. package/password/password.cjs.min.js +1 -1
  254. package/password/password.d.ts +5 -0
  255. package/password/password.esm.js +72 -41
  256. package/password/password.esm.min.js +1 -1
  257. package/password/password.js +70 -39
  258. package/password/password.min.js +1 -1
  259. package/picklist/picklist.cjs.js +126 -101
  260. package/picklist/picklist.cjs.min.js +1 -1
  261. package/picklist/picklist.d.ts +5 -0
  262. package/picklist/picklist.esm.js +126 -101
  263. package/picklist/picklist.esm.min.js +1 -1
  264. package/picklist/picklist.js +126 -101
  265. package/picklist/picklist.min.js +1 -1
  266. package/primereact.all.cjs.js +1774 -1431
  267. package/primereact.all.cjs.min.js +1 -1
  268. package/primereact.all.esm.js +1775 -1431
  269. package/primereact.all.esm.min.js +1 -1
  270. package/primereact.all.js +1774 -1431
  271. package/primereact.all.min.js +1 -1
  272. package/radiobutton/radiobutton.cjs.js +67 -142
  273. package/radiobutton/radiobutton.cjs.min.js +1 -1
  274. package/radiobutton/radiobutton.d.ts +17 -35
  275. package/radiobutton/radiobutton.esm.js +68 -143
  276. package/radiobutton/radiobutton.esm.min.js +1 -1
  277. package/radiobutton/radiobutton.js +67 -142
  278. package/radiobutton/radiobutton.min.js +1 -1
  279. package/resources/themes/arya-blue/theme.css +344 -67
  280. package/resources/themes/arya-green/theme.css +344 -67
  281. package/resources/themes/arya-orange/theme.css +344 -67
  282. package/resources/themes/bootstrap4-dark-blue/theme.css +389 -64
  283. package/resources/themes/bootstrap4-light-blue/theme.css +389 -64
  284. package/resources/themes/fluent-light/theme.css +341 -64
  285. package/resources/themes/lara-dark-amber/theme.css +470 -67
  286. package/resources/themes/lara-dark-blue/theme.css +470 -67
  287. package/resources/themes/lara-dark-cyan/theme.css +470 -67
  288. package/resources/themes/lara-dark-green/theme.css +470 -67
  289. package/resources/themes/lara-dark-indigo/theme.css +470 -67
  290. package/resources/themes/lara-dark-pink/theme.css +470 -67
  291. package/resources/themes/lara-dark-teal/theme.css +470 -67
  292. package/resources/themes/lara-light-amber/theme.css +470 -67
  293. package/resources/themes/lara-light-blue/theme.css +470 -67
  294. package/resources/themes/lara-light-cyan/theme.css +470 -67
  295. package/resources/themes/lara-light-green/theme.css +470 -67
  296. package/resources/themes/lara-light-indigo/theme.css +470 -67
  297. package/resources/themes/lara-light-pink/theme.css +470 -67
  298. package/resources/themes/lara-light-teal/theme.css +470 -67
  299. package/resources/themes/luna-amber/theme.css +344 -67
  300. package/resources/themes/luna-blue/theme.css +344 -67
  301. package/resources/themes/luna-green/theme.css +344 -67
  302. package/resources/themes/luna-pink/theme.css +344 -67
  303. package/resources/themes/md-dark-deeppurple/theme.css +995 -289
  304. package/resources/themes/md-dark-indigo/theme.css +684 -232
  305. package/resources/themes/md-light-deeppurple/theme.css +868 -162
  306. package/resources/themes/md-light-indigo/theme.css +566 -101
  307. package/resources/themes/mdc-dark-deeppurple/theme.css +995 -289
  308. package/resources/themes/mdc-dark-indigo/theme.css +697 -232
  309. package/resources/themes/mdc-light-deeppurple/theme.css +868 -162
  310. package/resources/themes/mdc-light-indigo/theme.css +566 -101
  311. package/resources/themes/mira/theme.css +344 -67
  312. package/resources/themes/nano/theme.css +344 -67
  313. package/resources/themes/nova/theme.css +344 -67
  314. package/resources/themes/nova-accent/theme.css +344 -67
  315. package/resources/themes/nova-alt/theme.css +344 -67
  316. package/resources/themes/rhea/theme.css +343 -66
  317. package/resources/themes/saga-blue/theme.css +344 -67
  318. package/resources/themes/saga-green/theme.css +344 -67
  319. package/resources/themes/saga-orange/theme.css +344 -67
  320. package/resources/themes/soho-dark/theme.css +413 -88
  321. package/resources/themes/soho-light/theme.css +392 -67
  322. package/resources/themes/tailwind-light/theme.css +344 -67
  323. package/resources/themes/vela-blue/theme.css +344 -67
  324. package/resources/themes/vela-green/theme.css +344 -67
  325. package/resources/themes/vela-orange/theme.css +344 -67
  326. package/resources/themes/viva-dark/theme.css +392 -67
  327. package/resources/themes/viva-light/theme.css +392 -67
  328. package/selectbutton/selectbutton.cjs.js +12 -4
  329. package/selectbutton/selectbutton.cjs.min.js +1 -1
  330. package/selectbutton/selectbutton.d.ts +5 -0
  331. package/selectbutton/selectbutton.esm.js +12 -4
  332. package/selectbutton/selectbutton.esm.min.js +1 -1
  333. package/selectbutton/selectbutton.js +13 -5
  334. package/selectbutton/selectbutton.min.js +1 -1
  335. package/sidebar/sidebar.cjs.js +4 -3
  336. package/sidebar/sidebar.cjs.min.js +1 -1
  337. package/sidebar/sidebar.d.ts +4 -4
  338. package/sidebar/sidebar.esm.js +4 -3
  339. package/sidebar/sidebar.esm.min.js +1 -1
  340. package/sidebar/sidebar.js +4 -3
  341. package/sidebar/sidebar.min.js +1 -1
  342. package/slidemenu/slidemenu.cjs.js +3 -2
  343. package/slidemenu/slidemenu.cjs.min.js +1 -1
  344. package/slidemenu/slidemenu.esm.js +3 -2
  345. package/slidemenu/slidemenu.esm.min.js +1 -1
  346. package/slidemenu/slidemenu.js +3 -2
  347. package/slidemenu/slidemenu.min.js +1 -1
  348. package/slider/slider.cjs.js +18 -2
  349. package/slider/slider.cjs.min.js +1 -1
  350. package/slider/slider.esm.js +18 -2
  351. package/slider/slider.esm.min.js +1 -1
  352. package/slider/slider.js +18 -2
  353. package/slider/slider.min.js +1 -1
  354. package/splitbutton/splitbutton.d.ts +2 -2
  355. package/splitter/splitter.cjs.js +7 -7
  356. package/splitter/splitter.cjs.min.js +1 -1
  357. package/splitter/splitter.d.ts +5 -5
  358. package/splitter/splitter.esm.js +7 -7
  359. package/splitter/splitter.esm.min.js +1 -1
  360. package/splitter/splitter.js +7 -7
  361. package/splitter/splitter.min.js +1 -1
  362. package/styleclass/styleclass.cjs.js +21 -1
  363. package/styleclass/styleclass.cjs.min.js +1 -1
  364. package/styleclass/styleclass.d.ts +10 -0
  365. package/styleclass/styleclass.esm.js +21 -1
  366. package/styleclass/styleclass.esm.min.js +1 -1
  367. package/styleclass/styleclass.js +22 -2
  368. package/styleclass/styleclass.min.js +1 -1
  369. package/tabmenu/tabmenu.cjs.js +1 -1
  370. package/tabmenu/tabmenu.cjs.min.js +1 -1
  371. package/tabmenu/tabmenu.esm.js +1 -1
  372. package/tabmenu/tabmenu.esm.min.js +1 -1
  373. package/tabmenu/tabmenu.js +1 -1
  374. package/tabmenu/tabmenu.min.js +1 -1
  375. package/toast/toast.cjs.js +93 -92
  376. package/toast/toast.cjs.min.js +1 -1
  377. package/toast/toast.d.ts +1 -1
  378. package/toast/toast.esm.js +93 -92
  379. package/toast/toast.esm.min.js +1 -1
  380. package/toast/toast.js +93 -92
  381. package/toast/toast.min.js +1 -1
  382. package/togglebutton/togglebutton.cjs.js +54 -92
  383. package/togglebutton/togglebutton.cjs.min.js +1 -1
  384. package/togglebutton/togglebutton.d.ts +24 -0
  385. package/togglebutton/togglebutton.esm.js +53 -91
  386. package/togglebutton/togglebutton.esm.min.js +1 -1
  387. package/togglebutton/togglebutton.js +54 -92
  388. package/togglebutton/togglebutton.min.js +1 -1
  389. package/tooltip/tooltip.d.ts +3 -3
  390. package/tooltip/tooltipoptions.d.ts +5 -0
  391. package/tree/tree.cjs.js +20 -8
  392. package/tree/tree.cjs.min.js +1 -1
  393. package/tree/tree.esm.js +20 -8
  394. package/tree/tree.esm.min.js +1 -1
  395. package/tree/tree.js +20 -8
  396. package/tree/tree.min.js +1 -1
  397. package/treeselect/treeselect.cjs.js +2 -0
  398. package/treeselect/treeselect.cjs.min.js +1 -1
  399. package/treeselect/treeselect.d.ts +5 -0
  400. package/treeselect/treeselect.esm.js +2 -0
  401. package/treeselect/treeselect.esm.min.js +1 -1
  402. package/treeselect/treeselect.js +2 -0
  403. package/treeselect/treeselect.min.js +1 -1
  404. package/treetable/treetable.cjs.js +17 -14
  405. package/treetable/treetable.cjs.min.js +1 -1
  406. package/treetable/treetable.esm.js +17 -14
  407. package/treetable/treetable.esm.min.js +1 -1
  408. package/treetable/treetable.js +17 -14
  409. package/treetable/treetable.min.js +1 -1
  410. package/tristatecheckbox/tristatecheckbox.cjs.js +33 -90
  411. package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
  412. package/tristatecheckbox/tristatecheckbox.d.ts +12 -13
  413. package/tristatecheckbox/tristatecheckbox.esm.js +34 -91
  414. package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
  415. package/tristatecheckbox/tristatecheckbox.js +33 -90
  416. package/tristatecheckbox/tristatecheckbox.min.js +1 -1
  417. package/utils/utils.cjs.js +64 -72
  418. package/utils/utils.cjs.min.js +1 -1
  419. package/utils/utils.d.ts +11 -2
  420. package/utils/utils.esm.js +65 -72
  421. package/utils/utils.esm.min.js +1 -1
  422. package/utils/utils.js +64 -72
  423. package/utils/utils.min.js +1 -1
  424. package/virtualscroller/virtualscroller.cjs.js +17 -15
  425. package/virtualscroller/virtualscroller.cjs.min.js +1 -1
  426. package/virtualscroller/virtualscroller.esm.js +14 -12
  427. package/virtualscroller/virtualscroller.esm.min.js +1 -1
  428. package/virtualscroller/virtualscroller.js +17 -15
  429. package/virtualscroller/virtualscroller.min.js +1 -1
  430. package/web-types.json +455 -39
@@ -8,10 +8,10 @@ var PrimeReact = require('primereact/api');
8
8
  var componentbase = require('primereact/componentbase');
9
9
  var csstransition = require('primereact/csstransition');
10
10
  var hooks = require('primereact/hooks');
11
- var utils = require('primereact/utils');
12
11
  var times = require('primereact/icons/times');
13
12
  var portal = require('primereact/portal');
14
13
  var ripple = require('primereact/ripple');
14
+ var utils = require('primereact/utils');
15
15
  var chevronleft = require('primereact/icons/chevronleft');
16
16
  var chevronright = require('primereact/icons/chevronright');
17
17
  var chevrondown = require('primereact/icons/chevrondown');
@@ -583,6 +583,7 @@ GalleriaItem.displayName = 'GalleriaItem';
583
583
  function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
584
584
  function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
585
585
  var GalleriaThumbnailItem = /*#__PURE__*/React__namespace.memo(function (props) {
586
+ var mergeProps = hooks.useMergeProps();
586
587
  var ptm = props.ptm,
587
588
  cx = props.cx;
588
589
  var getPTOptions = function getPTOptions(key, options) {
@@ -675,7 +676,7 @@ var GalleriaThumbnailItem = /*#__PURE__*/React__namespace.memo(function (props)
675
676
  indicators[nextInd].children[0].focus();
676
677
  };
677
678
  var content = props.template && props.template(props.item);
678
- var thumbnailItemProps = utils.mergeProps({
679
+ var thumbnailItemProps = mergeProps({
679
680
  className: utils.classNames(props.className, cx('thumbnailItem', {
680
681
  subProps: props
681
682
  })),
@@ -690,7 +691,7 @@ var GalleriaThumbnailItem = /*#__PURE__*/React__namespace.memo(function (props)
690
691
  'data-p-galleria-thumbnail-item-start': props.start,
691
692
  'data-p-galleria-thumbnail-item-end': props.end
692
693
  }, getPTOptions('thumbnailItem'));
693
- var thumbnailItemContentProps = utils.mergeProps({
694
+ var thumbnailItemContentProps = mergeProps({
694
695
  className: cx('thumbnailItemContent'),
695
696
  tabIndex: props.current ? '0' : '-1',
696
697
  'aria-label': ariaPageLabel(props.index + 1),
@@ -700,6 +701,7 @@ var GalleriaThumbnailItem = /*#__PURE__*/React__namespace.memo(function (props)
700
701
  return /*#__PURE__*/React__namespace.createElement("div", thumbnailItemProps, /*#__PURE__*/React__namespace.createElement("div", thumbnailItemContentProps, content));
701
702
  });
702
703
  var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
704
+ var mergeProps = hooks.useMergeProps();
703
705
  var _React$useState = React__namespace.useState(props.numVisible),
704
706
  _React$useState2 = _slicedToArray(_React$useState, 2),
705
707
  numVisibleState = _React$useState2[0],
@@ -948,14 +950,14 @@ var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
948
950
  var createBackwardNavigator = function createBackwardNavigator() {
949
951
  if (props.showThumbnailNavigators) {
950
952
  var isDisabled = !props.circular && props.activeItemIndex === 0 || props.value.length <= numVisibleState;
951
- var previousThumbnailIconProps = utils.mergeProps({
953
+ var previousThumbnailIconProps = mergeProps({
952
954
  className: cx('previousThumbnailIcon')
953
955
  }, getPTOptions('previousThumbnailIcon'));
954
956
  var icon = props.isVertical ? props.prevThumbnailIcon || /*#__PURE__*/React__namespace.createElement(chevronup.ChevronUpIcon, previousThumbnailIconProps) : props.prevThumbnailIcon || /*#__PURE__*/React__namespace.createElement(chevronleft.ChevronLeftIcon, previousThumbnailIconProps);
955
957
  var prevThumbnailIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, previousThumbnailIconProps), {
956
958
  props: props
957
959
  });
958
- var previousThumbnailButtonProps = utils.mergeProps({
960
+ var previousThumbnailButtonProps = mergeProps({
959
961
  className: cx('previousThumbnailButton', {
960
962
  isDisabled: isDisabled
961
963
  }),
@@ -973,14 +975,14 @@ var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
973
975
  var createForwardNavigator = function createForwardNavigator() {
974
976
  if (props.showThumbnailNavigators) {
975
977
  var isDisabled = !props.circular && props.activeItemIndex === props.value.length - 1 || props.value.length <= numVisibleState;
976
- var nextThumbnailIconProps = utils.mergeProps({
978
+ var nextThumbnailIconProps = mergeProps({
977
979
  className: cx('nextThumbnailIcon')
978
980
  }, getPTOptions('nextThumbnailIcon'));
979
981
  var icon = props.isVertical ? props.nextThumbnailIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, nextThumbnailIconProps) : props.nextThumbnailIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, nextThumbnailIconProps);
980
982
  var nextThumbnailIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, nextThumbnailIconProps), {
981
983
  props: props
982
984
  });
983
- var nextThumbnailButtonProps = utils.mergeProps({
985
+ var nextThumbnailButtonProps = mergeProps({
984
986
  className: cx('nextThumbnailButton', {
985
987
  isDisabled: isDisabled
986
988
  }),
@@ -1000,16 +1002,16 @@ var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
1000
1002
  var height = props.isVertical ? props.contentHeight : '';
1001
1003
  var backwardNavigator = createBackwardNavigator();
1002
1004
  var forwardNavigator = createForwardNavigator();
1003
- var thumbnailContainerProps = utils.mergeProps({
1005
+ var thumbnailContainerProps = mergeProps({
1004
1006
  className: cx('thumbnailContainer')
1005
1007
  }, getPTOptions('thumbnailContainer'));
1006
- var thumbnailItemsContainerProps = utils.mergeProps({
1008
+ var thumbnailItemsContainerProps = mergeProps({
1007
1009
  className: cx('thumbnailItemsContainer'),
1008
1010
  style: sx('thumbnailItemsContainer', {
1009
1011
  height: height
1010
1012
  })
1011
1013
  }, getPTOptions('thumbnailItemsContainer'));
1012
- var thumbnailItemsProps = utils.mergeProps({
1014
+ var thumbnailItemsProps = mergeProps({
1013
1015
  ref: itemsContainerRef,
1014
1016
  className: cx('thumbnailItems'),
1015
1017
  role: 'tablist',
@@ -1021,7 +1023,7 @@ var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
1021
1023
  return /*#__PURE__*/React__namespace.createElement("div", thumbnailContainerProps, backwardNavigator, /*#__PURE__*/React__namespace.createElement("div", thumbnailItemsContainerProps, /*#__PURE__*/React__namespace.createElement("div", thumbnailItemsProps, items)), forwardNavigator);
1022
1024
  };
1023
1025
  var content = createContent();
1024
- var thumbnailWrapperProps = utils.mergeProps({
1026
+ var thumbnailWrapperProps = mergeProps({
1025
1027
  className: cx('thumbnailWrapper')
1026
1028
  }, getPTOptions('thumbnailWrapper'));
1027
1029
  return /*#__PURE__*/React__namespace.createElement("div", thumbnailWrapperProps, content);
@@ -1032,6 +1034,7 @@ GalleriaThumbnails.displayName = 'GalleriaThumbnails';
1032
1034
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1033
1035
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1034
1036
  var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
1037
+ var mergeProps = hooks.useMergeProps();
1035
1038
  var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
1036
1039
  var props = GalleriaBase.getProps(inProps, context);
1037
1040
  var _React$useState = React__namespace.useState(false),
@@ -1160,7 +1163,7 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
1160
1163
  };
1161
1164
  });
1162
1165
  var createHeader = function createHeader() {
1163
- var headerProps = utils.mergeProps({
1166
+ var headerProps = mergeProps({
1164
1167
  className: cx('header')
1165
1168
  }, ptm('header'));
1166
1169
  if (props.header) {
@@ -1169,7 +1172,7 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
1169
1172
  return null;
1170
1173
  };
1171
1174
  var createFooter = function createFooter() {
1172
- var footerProps = utils.mergeProps({
1175
+ var footerProps = mergeProps({
1173
1176
  className: cx('footer')
1174
1177
  }, ptm('footer'));
1175
1178
  if (props.footer) {
@@ -1180,7 +1183,7 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
1180
1183
  var createElement = function createElement() {
1181
1184
  var thumbnailsPosClassName = props.showThumbnails && getPositionClassName('p-galleria-thumbnails', props.thumbnailsPosition);
1182
1185
  var indicatorPosClassName = props.showIndicators && getPositionClassName('p-galleria-indicators', props.indicatorsPosition);
1183
- var closeIconProps = utils.mergeProps({
1186
+ var closeIconProps = mergeProps({
1184
1187
  className: cx('closeIcon'),
1185
1188
  'aria-hidden': true
1186
1189
  }, ptm('closeIcon'));
@@ -1188,7 +1191,7 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
1188
1191
  var closeIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, closeIconProps), {
1189
1192
  props: props
1190
1193
  });
1191
- var closeButtonProps = utils.mergeProps({
1194
+ var closeButtonProps = mergeProps({
1192
1195
  type: 'button',
1193
1196
  className: cx('closeButton'),
1194
1197
  'aria-label': PrimeReact.localeOption('aria') ? PrimeReact.localeOption('aria').close : undefined,
@@ -1197,7 +1200,7 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
1197
1200
  var closeButton = props.fullScreen && /*#__PURE__*/React__namespace.createElement("button", closeButtonProps, closeIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
1198
1201
  var header = createHeader();
1199
1202
  var footer = createFooter();
1200
- var rootProps = utils.mergeProps({
1203
+ var rootProps = mergeProps({
1201
1204
  ref: elementRef,
1202
1205
  id: id,
1203
1206
  className: utils.classNames(props.className, cx('root', {
@@ -1208,7 +1211,7 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
1208
1211
  style: props.style,
1209
1212
  role: 'region'
1210
1213
  }, GalleriaBase.getOtherProps(props), ptm('root'));
1211
- var contentProps = utils.mergeProps({
1214
+ var contentProps = mergeProps({
1212
1215
  className: cx('content'),
1213
1216
  'aria-live': props.autoPlay ? 'polite' : 'off'
1214
1217
  }, ptm('content'));
@@ -1262,14 +1265,14 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
1262
1265
  var createGalleria = function createGalleria() {
1263
1266
  var element = createElement();
1264
1267
  if (props.fullScreen) {
1265
- var maskProps = utils.mergeProps({
1268
+ var maskProps = mergeProps({
1266
1269
  className: cx('mask', {
1267
1270
  visibleState: visibleState
1268
1271
  }),
1269
1272
  role: 'dialog',
1270
1273
  'aria-modal': 'true'
1271
1274
  }, ptm('mask'));
1272
- var transitionProps = utils.mergeProps({
1275
+ var transitionProps = mergeProps({
1273
1276
  classNames: cx('transition'),
1274
1277
  "in": visibleState,
1275
1278
  timeout: {
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),a=require("primereact/csstransition"),i=require("primereact/hooks"),r=require("primereact/utils"),l=require("primereact/icons/times"),o=require("primereact/portal"),c=require("primereact/ripple"),s=require("primereact/icons/chevronleft"),u=require("primereact/icons/chevronright"),m=require("primereact/icons/chevrondown"),p=require("primereact/icons/chevronup");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var h=f(e),g=d(n);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},b.apply(this,arguments)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function I(e,n){if("object"!==v(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n||"default");if("object"!==v(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function x(e){var n=I(e,"string");return"symbol"===v(n)?n:String(n)}function y(e,n,t){return(n=x(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function w(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,r,l,o=[],c=!0,s=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(a=r.call(t)).done)&&(o.push(a.value),o.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw i}}return o}}function P(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function S(e,n){if(e){if("string"==typeof e)return P(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?P(e,n):void 0}}function N(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,n){return w(e)||O(e,n)||S(e,n)||N()}var C=t.ComponentBase.extend({defaultProps:{__TYPE:"Galleria",activeIndex:0,autoPlay:!1,baseZIndex:0,caption:null,changeItemOnIndicatorHover:!1,children:void 0,circular:!1,className:null,closeIcon:null,footer:null,fullScreen:!1,header:null,id:null,indicator:null,indicatorsPosition:"bottom",item:null,itemNextIcon:null,itemPrevIcon:null,nextThumbnailIcon:null,numVisible:3,onHide:null,onItemChange:null,onShow:null,prevThumbnailIcon:null,responsiveOptions:null,showIndicators:!1,showIndicatorsOnItem:!1,showItemNavigators:!1,showItemNavigatorsOnHover:!1,showThumbnailNavigators:!0,showThumbnails:!0,style:null,thumbnail:null,thumbnailsPosition:"bottom",transitionInterval:4e3,transitionOptions:null,value:null,verticalThumbnailViewPortHeight:"300px"},css:{classes:{header:"p-galleria-header",footer:"p-galleria-footer",closeIcon:"p-galleria-close-icon",closeButton:"p-galleria-close p-link",root:function(e){var n=e.props,t=e.context;return r.classNames("p-galleria p-component",{"p-galleria-fullscreen":n.fullScreen,"p-galleria-indicator-onitem":n.showIndicatorsOnItem,"p-galleria-item-nav-onhover":n.showItemNavigatorsOnHover&&!n.fullScreen,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===g.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===g.default.ripple},e.thumbnailsPosClassName,e.indicatorPosClassName)},content:"p-galleria-content",mask:function(e){return r.classNames("p-galleria-mask",{"p-galleria-visible":e.visibleState})},thumbnailItem:function(e){var n=e.subProps;return r.classNames("p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":n.current,"p-galleria-thumbnail-item-active":n.active,"p-galleria-thumbnail-item-start":n.start,"p-galleria-thumbnail-item-end":n.end})},thumbnailItemContent:"p-galleria-thumbnail-item-content",previousThumbnailIcon:"p-galleria-thumbnail-prev-icon",previousThumbnailButton:function(e){return r.classNames("p-galleria-thumbnail-prev p-link",{"p-disabled":e.isDisabled})},nextThumbnailIcon:"p-galleria-thumbnail-next-icon",nextThumbnailButton:function(e){return r.classNames("p-galleria-thumbnail-next p-link",{"p-disabled":e.isDisabled})},thumbnailContainer:"p-galleria-thumbnail-container",thumbnailItemsContainer:"p-galleria-thumbnail-items-container",thumbnailItems:"p-galleria-thumbnail-items",thumbnailWrapper:"p-galleria-thumbnail-wrapper",previousItemIcon:"p-galleria-item-prev-icon",previousItemButton:function(e){return r.classNames("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},nextItemIcon:"p-galleria-item-next-icon",nextItemButton:function(e){return r.classNames("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},caption:"p-galleria-caption",indicator:function(e){return r.classNames("p-galleria-indicator",{"p-highlight":e.isActive})},indicators:"p-galleria-indicators p-reset",itemWrapper:"p-galleria-item-wrapper",itemContainer:"p-galleria-item-container",item:"p-galleria-item",transition:"p-galleria"},styles:"\n@layer primereact {\n .p-galleria-content {\n display: flex;\n flex-direction: column;\n }\n \n .p-galleria-item-wrapper {\n display: flex;\n flex-direction: column;\n position: relative;\n }\n \n .p-galleria-item-container {\n position: relative;\n display: flex;\n height: 100%;\n }\n \n .p-galleria-item-nav {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n }\n \n .p-galleria-item-prev {\n left: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n \n .p-galleria-item-next {\n right: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n \n .p-galleria-item {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n width: 100%;\n }\n \n .p-galleria-item-nav-onhover .p-galleria-item-nav {\n pointer-events: none;\n opacity: 0;\n transition: opacity .2s ease-in-out;\n }\n \n .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {\n pointer-events: all;\n opacity: 1;\n }\n \n .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {\n pointer-events: none;\n }\n \n .p-galleria-caption {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n }\n \n /* Thumbnails */\n .p-galleria-thumbnail-wrapper {\n display: flex;\n flex-direction: column;\n overflow: auto;\n flex-shrink: 0;\n }\n \n .p-galleria-thumbnail-prev,\n .p-galleria-thumbnail-next {\n align-self: center;\n flex: 0 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n }\n \n .p-galleria-thumbnail-prev span,\n .p-galleria-thumbnail-next span {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n \n .p-galleria-thumbnail-container {\n display: flex;\n flex-direction: row;\n }\n \n .p-galleria-thumbnail-items-container {\n overflow: hidden;\n width: 100%;\n }\n \n .p-galleria-thumbnail-items {\n display: flex;\n }\n \n .p-galleria-thumbnail-item {\n overflow: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n opacity: .5;\n }\n \n .p-galleria-thumbnail-item:hover {\n opacity: 1;\n transition: opacity .3s;\n }\n \n .p-galleria-thumbnail-item-current {\n opacity: 1;\n }\n \n /* Positions */\n /* Thumbnails */\n .p-galleria-thumbnails-left .p-galleria-content,\n .p-galleria-thumbnails-right .p-galleria-content {\n flex-direction: row;\n }\n \n .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n .p-galleria-thumbnails-right .p-galleria-item-wrapper {\n flex-direction: row;\n }\n \n .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n .p-galleria-thumbnails-top .p-galleria-item-wrapper {\n order: 2;\n }\n \n .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,\n .p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {\n order: 1;\n }\n \n .p-galleria-thumbnails-left .p-galleria-thumbnail-container,\n .p-galleria-thumbnails-right .p-galleria-thumbnail-container {\n flex-direction: column;\n flex-grow: 1;\n }\n \n .p-galleria-thumbnails-left .p-galleria-thumbnail-items,\n .p-galleria-thumbnails-right .p-galleria-thumbnail-items {\n flex-direction: column;\n height: 100%;\n }\n \n /* Indicators */\n .p-galleria-indicators {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-galleria-indicator > button {\n display: inline-flex;\n align-items: center;\n }\n \n .p-galleria-indicators-left .p-galleria-item-wrapper,\n .p-galleria-indicators-right .p-galleria-item-wrapper {\n flex-direction: row;\n align-items: center;\n }\n \n .p-galleria-indicators-left .p-galleria-item-container,\n .p-galleria-indicators-top .p-galleria-item-container {\n order: 2;\n }\n \n .p-galleria-indicators-left .p-galleria-indicators,\n .p-galleria-indicators-top .p-galleria-indicators {\n order: 1;\n }\n \n .p-galleria-indicators-left .p-galleria-indicators,\n .p-galleria-indicators-right .p-galleria-indicators {\n flex-direction: column;\n }\n \n .p-galleria-indicator-onitem .p-galleria-indicators {\n position: absolute;\n display: flex;\n z-index: 1;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {\n top: 0;\n left: 0;\n width: 100%;\n align-items: flex-start;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {\n right: 0;\n top: 0;\n height: 100%;\n align-items: flex-end;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {\n bottom: 0;\n left: 0;\n width: 100%;\n align-items: flex-end;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {\n left: 0;\n top: 0;\n height: 100%;\n align-items: flex-start;\n }\n \n /* FullScreen */\n .p-galleria-mask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n }\n \n .p-galleria-mask.p-component-overlay {\n pointer-events: auto;\n }\n \n .p-galleria-close {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n }\n \n .p-galleria-mask .p-galleria-item-nav {\n position: fixed;\n top: 50%;\n margin-top: -.5rem;\n }\n \n /* Animation */\n .p-galleria-enter {\n opacity: 0;\n transform: scale(0.7);\n }\n \n .p-galleria-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-galleria-enter-done {\n transform: none;\n }\n \n .p-galleria-exit {\n opacity: 1;\n }\n \n .p-galleria-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n }\n \n .p-galleria-enter-active .p-galleria-item-nav {\n opacity: 0;\n }\n \n /* Keyboard Support */\n .p-items-hidden .p-galleria-thumbnail-item {\n visibility: hidden;\n }\n \n .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {\n visibility: visible;\n }\n}\n",inlineStyles:{thumbnailItemsContainer:function(e){return{height:e.height}}}}});function D(e){if(Array.isArray(e))return P(e)}function j(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function T(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function k(e){return D(e)||j(e)||S(e)||T()}function A(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function H(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?A(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var R=h.memo(h.forwardRef((function(e,t){var a=i.useMergeProps(),l=h.useRef(null),o=e.ptm,m=e.cx,p=function(n,t){return o(n,H({hostName:e.hostName},t))},d=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},f=function(n){d(),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:0!==e.activeItemIndex?e.activeItemIndex-1:0}),n&&n.cancelable&&n.preventDefault()},g=function(n){d(),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:e.activeItemIndex+1}),n&&n.cancelable&&n.preventDefault()},v=function(n){d(),e.onActiveItemChange({index:n})},I=function(n){e.changeItemOnIndicatorHover&&(d(),e.onActiveItemChange({index:n}))},x=function(n,t){switch(n.code){case"Enter":case"Space":d(),e.onActiveItemChange({index:t}),n.preventDefault();break;case"ArrowRight":y();break;case"ArrowLeft":w();break;case"Home":O(),n.preventDefault();break;case"End":P(),n.preventDefault();break;case"Tab":S();break;case"ArrowDown":case"ArrowUp":case"PageUp":case"PageDown":n.preventDefault()}},y=function(){var e=k(r.DomHandler.find(l.current,'[data-pc-section="indicator"]')),n=N();E(n,n+1===e.length?e.length-1:n+1)},w=function(){var e=N();E(e,e-1<=0?0:e-1)},O=function(){var e=N();E(e,0)},P=function(){var e=k(r.DomHandler.find(l.current,'[data-pc-section="indicator"]')),n=N();E(n,e.length-1)},S=function(){var e=k(r.DomHandler.find(l.current,'[data-pc-section="indicator"]')),n=e.findIndex((function(e){return!0===r.DomHandler.getAttribute(e,"data-p-highlight")})),t=r.DomHandler.findSingle(l.current,'[data-pc-section="indicator"] > button[tabindex="0"]'),a=e.findIndex((function(e){return e===t.parentElement}));e[a].children[0].tabIndex="-1",e[n].children[0].tabIndex="0"},N=function(){var e=k(r.DomHandler.find(l.current,'[data-pc-section="indicator"]')),n=r.DomHandler.findSingle(l.current,'[data-pc-section="indicator"] > button[tabindex="0"]');return e.findIndex((function(e){return e===n.parentElement}))},E=function(e,n){var t=k(r.DomHandler.find(l.current,'[data-pc-section="indicator"]'));t[e].children[0].tabIndex="-1",t[n].children[0].tabIndex="0",t[n].children[0].focus()};i.useMountEffect((function(){e.autoPlay&&e.startSlideShow()}));var C,D=function(t){var i,r="p-galleria-indicator-"+t,l=e.activeItemIndex===t,o=e.indicator&&e.indicator(t),s=a({className:m("indicator",{isActive:l}),key:r,tabIndex:0,"aria-label":(i=t+1,n.localeOption("aria")?n.localeOption("aria").pageLabel.replace(/{page}/g,i):void 0),"aria-selected":e.activeIndex===t,"aria-controls":e.id+"_item_"+t,"data-p-highlight":l,onClick:function(){return v(t)},onMouseEnter:function(){return I(t)},onKeyDown:function(e){return x(e,t)}},p("indicator"));return o||(o=h.createElement("button",{tabIndex:e.activeIndex===t?"0":"-1",type:"button",className:"p-link"},h.createElement(c.Ripple,null))),h.createElement("li",s,o)},j=e.itemTemplate&&e.itemTemplate(e.value[e.activeItemIndex]),T=function(){if(e.showItemNavigators){var n=!e.circular&&0===e.activeItemIndex,t=a({className:m("previousItemIcon")},p("previousItemIcon")),i=r.IconUtils.getJSXIcon(e.itemPrevIcon||h.createElement(s.ChevronLeftIcon,t),H({},t),{props:e}),l=a({type:"button",className:m("previousItemButton",{isDisabled:n}),onClick:f,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},p("previousItemButton"));return h.createElement("button",l,i,h.createElement(c.Ripple,null))}return null}(),A=function(){if(e.showItemNavigators){var n=!e.circular&&e.activeItemIndex===e.value.length-1,t=a({className:m("nextItemIcon")},p("nextItemIcon")),i=r.IconUtils.getJSXIcon(e.itemNextIcon||h.createElement(u.ChevronRightIcon,t),H({},t),{props:e}),l=a({type:"button",className:m("nextItemButton",{isDisabled:n}),onClick:g,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},p("nextItemButton"));return h.createElement("button",l,i,h.createElement(c.Ripple,null))}return null}(),R=function(){var n=a({className:m("caption")},p("caption"));if(e.caption){var t=e.caption(e.value[e.activeItemIndex]);return h.createElement("div",n,t)}return null}(),U=function(){if(e.showIndicators){for(var n=[],t=a({className:r.classNames(e.indicatorsContentClassName,m("indicators"))},p("indicators")),i=0;i<e.value.length;i++)n.push(D(i));return h.createElement("ul",b({ref:l},t),n)}return null}(),V=a({ref:t,className:m("itemWrapper")},p("itemWrapper")),B=a({className:m("itemContainer")},p("itemContainer")),q=a({className:m("item"),id:e.id+"_item_"+e.activeItemIndex,role:"group","aria-label":(C=e.activeItemIndex+1,n.localeOption("aria")?n.localeOption("aria").slideNumber.replace(/{slideNumber}/g,C):void 0),"aria-roledescription":n.localeOption("aria")?n.localeOption("aria").slide:void 0},p("item"));return h.createElement("div",V,h.createElement("div",B,T,h.createElement("div",q,j),A,R),U)})));function U(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function V(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?U(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):U(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}R.displayName="GalleriaItem";var B=h.memo((function(e){var t,a=e.ptm,i=e.cx,l=function(n,t){return a(n,V({hostName:e.hostName},t))},o=function(){var n=r.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=p();d(t,t+1===n.length?n.length-1:t+1)},c=function(){var e=p();d(e,e-1<=0?0:e-1)},s=function(){var e=p();d(e,0)},u=function(){var n=r.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=p();d(t,n.length-1)},m=function(){var n=k(r.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=n.findIndex((function(e){return!0===r.DomHandler.getAttribute(e,"data-p-active")})),a=r.DomHandler.findSingle(e.itemsContainerRef.current,'[tabindex="0"]'),i=n.findIndex((function(e){return e===a.parentElement}));n[i].children[0].tabIndex="-1",n[t].children[0].tabIndex="0"},p=function(){var n=k(r.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=r.DomHandler.findSingle(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"] > [tabindex="0"]');return n.findIndex((function(e){return e===t.parentElement}))},d=function(n,t){var a=r.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]');a[n].children[0].tabIndex="-1",a[t].children[0].tabIndex="0",a[t].children[0].focus()},f=e.template&&e.template(e.item),g=r.mergeProps({className:r.classNames(e.className,i("thumbnailItem",{subProps:e})),key:"p-galleria-thumbnail-item-"+e.index,role:"tab","data-p-active":e.current,"aria-selected":e.current,"aria-controls":e.containerId+"_item_"+e.index,onKeyDown:function(n){switch("Enter"!==n.code&&"Space"!==n.code||(e.onItemClick({originalEvent:n,index:e.index}),n.preventDefault()),n.code){case"ArrowRight":o();break;case"ArrowLeft":c();break;case"Home":s(),n.preventDefault();break;case"End":u(),n.preventDefault();break;case"ArrowUp":case"ArrowDown":n.preventDefault();break;case"Tab":m()}},"data-p-galleria-thumbnail-item-current":e.current,"data-p-galleria-thumbnail-item-active":e.active,"data-p-galleria-thumbnail-item-start":e.start,"data-p-galleria-thumbnail-item-end":e.end},l("thumbnailItem")),b=r.mergeProps({className:i("thumbnailItemContent"),tabIndex:e.current?"0":"-1","aria-label":(t=e.index+1,n.localeOption("aria")?n.localeOption("aria").pageLabel.replace(/{page}/g,t):void 0),"aria-current":e.current?"page":void 0,onClick:function(n){e.onItemClick({originalEvent:n,index:e.index})}},l("thumbnailItemContent"));return h.createElement("div",g,h.createElement("div",b,f))})),q=h.memo(h.forwardRef((function(e,t){var a=E(h.useState(e.numVisible),2),l=a[0],o=a[1],d=E(h.useState(0),2),f=d[0],b=d[1],v=h.useRef(null),I=h.useRef(null),x=h.useRef(""),y=h.useRef(null),w=h.useRef(null),O=i.usePrevious(l),P=i.usePrevious(e.activeItemIndex),S=h.useContext(n.PrimeReactContext),N=e.ptm,C=e.cx,D=e.sx,j=function(n,t){return N(n,V({hostName:e.hostName},t))},T=E(i.useResizeListener({listener:function(){J()},when:e.responsiveOptions}),1)[0],A=function(n){var t=f+n;n<0&&-1*t+l>e.value.length-1?t=l-e.value.length:n>0&&t>0&&(t=0),e.circular&&(n<0&&e.value.length-1===e.activeItemIndex?t=0:n>0&&0===e.activeItemIndex&&(t=l-e.value.length)),v.current&&(r.DomHandler.removeClass(v.current,"p-items-hidden"),v.current.style.transform=e.isVertical?"translate3d(0, ".concat(t*(100/l),"%, 0)"):"translate3d(".concat(t*(100/l),"%, 0, 0)"),v.current.style.transition="transform 500ms ease 0s"),b(t)},H=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},R=function(){var e=Math.floor(l/2);return l%2?e:e-1},U=function(n){H();var t=0!==e.activeItemIndex?e.activeItemIndex-1:0;l-(t+f)-1>R()&&(-1*f!=0||e.circular)&&A(1),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:t}),n.cancelable&&n.preventDefault()},q=function(n){H();var t=e.activeItemIndex+1;t+f>R()&&(-1*f<X()-1||e.circular)&&A(-1),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:t}),n.cancelable&&n.preventDefault()},M=function(n){H();var t=n.index;if(t!==e.activeItemIndex){var a=t+f,i=0;t<e.activeItemIndex?(i=l-a-1-R())>0&&-1*f!=0&&A(i):(i=R()-a)<0&&-1*f<X()-1&&A(i),e.onActiveItemChange({index:t})}},_=function(n){v.current&&"transform"===n.propertyName&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&r.DomHandler.addClass(v.current,"p-items-hidden"),v.current.style.transition="")},L=function(e){var n=e.changedTouches[0];I.current={x:n.pageX,y:n.pageY}},G=function(e){e.cancelable&&e.preventDefault()},z=function(n){var t=n.changedTouches[0];W(n,e.isVertical?t.pageY-I.current.y:t.pageX-I.current.x)},W=function(e,n){n<0?q(e):U(e)},X=function(){return e.value.length>l?e.value.length-l+1:0},Z=function(){y.current||(y.current=r.DomHandler.createInlineStyle(S&&S.nonce||g.default.nonce,S&&S.styleContainer));var n='\n [data-pc-section="thumbnailitems"]['.concat(x.current,'] {\n [data-pc-section="thumbnailitem"] {\n flex: 1 0 ').concat(100/l,"%\n }\n } \n ");if(e.responsiveOptions){var t=r.ObjectUtils.localeComparator(S&&S.locale||g.default.locale);w.current=k(e.responsiveOptions),w.current.sort((function(e,n){return r.ObjectUtils.sort(e.breakpoint,n.breakpoint,-1,t,S&&S.nullSortOrder||g.default.nullSortOrder)}));for(var a=0;a<w.current.length;a++){var i=w.current[a];n+="\n @media screen and (max-width: ".concat(i.breakpoint,') {\n [data-pc-section="thumbnailitems"][').concat(x.current,'] {\n [data-pc-section="thumbnailitem"] {\n flex: 1 0 ').concat(100/i.numVisible,"%\n }\n } \n }\n ")}}y.current.innerHTML=n},J=function(){if(v.current&&w.current){for(var n=window.innerWidth,t={numVisible:e.numVisible},a=0;a<w.current.length;a++){var i=w.current[a];parseInt(i.breakpoint,10)>=n&&(t=i)}l!==t.numVisible&&o(t.numVisible)}};i.useMountEffect((function(){v.current&&(x.current=r.UniqueComponentId(),v.current.setAttribute(x.current,"")),Z(),J(),T()})),i.useUpdateEffect((function(){var n=f;O===l&&P===e.activeItemIndex||((n=e.activeItemIndex<=R()?0:e.value.length-l+R()<e.activeItemIndex?l-e.value.length:e.value.length-l<e.activeItemIndex&&l%2==0?-1*e.activeItemIndex+R()+1:-1*e.activeItemIndex+R())!==f&&b(n),v.current.style.transform=e.isVertical?"translate3d(0, ".concat(n*(100/l),"%, 0)"):"translate3d(".concat(n*(100/l),"%, 0, 0)"),P!==e.activeItemIndex&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&r.DomHandler.removeClass(v.current,"p-items-hidden"),v.current.style.transition="transform 500ms ease 0s"))}));var K,Y,F,$,Q,ee,ne,te=function(){if(e.showThumbnailNavigators){var t=!e.circular&&0===e.activeItemIndex||e.value.length<=l,a=r.mergeProps({className:C("previousThumbnailIcon")},j("previousThumbnailIcon")),i=r.IconUtils.getJSXIcon(e.isVertical?e.prevThumbnailIcon||h.createElement(p.ChevronUpIcon,a):e.prevThumbnailIcon||h.createElement(s.ChevronLeftIcon,a),V({},a),{props:e}),o=r.mergeProps({className:C("previousThumbnailButton",{isDisabled:t}),onClick:U,type:"button",disabled:t,"data-p-disabled":t,"aria-label":n.localeOption("aria")?n.localeOption("aria").previousPageLabel:void 0,"data-pc-group-section":"thumbnailnavigator"},j("previousThumbnailButton"));return h.createElement("button",o,i,h.createElement(c.Ripple,null))}return null},ae=function(){if(e.showThumbnailNavigators){var t=!e.circular&&e.activeItemIndex===e.value.length-1||e.value.length<=l,a=r.mergeProps({className:C("nextThumbnailIcon")},j("nextThumbnailIcon")),i=r.IconUtils.getJSXIcon(e.isVertical?e.nextThumbnailIcon||h.createElement(m.ChevronDownIcon,a):e.nextThumbnailIcon||h.createElement(u.ChevronRightIcon,a),V({},a),{props:e}),o=r.mergeProps({className:C("nextThumbnailButton",{isDisabled:t}),disabled:t,type:"button","aria-label":n.localeOption("aria")?n.localeOption("aria").nextPageLabel:void 0,onClick:q,"data-p-disabled":t,"data-pc-group-section":"thumbnailnavigator"},j("nextThumbnailButton"));return h.createElement("button",o,i,h.createElement(c.Ripple,null))}return null},ie=(K=e.value.map((function(n,t){var a=-1*f,i=a+l-1;return h.createElement(B,{key:t,index:t,containerId:e.containerId,itemsContainerRef:v,template:e.itemTemplate,item:n,active:a<=t&&i>=t,start:a===t,end:i===t,onItemClick:M,current:e.activeItemIndex===t,ptm:N,cx:C,sx:D})})),Y=e.isVertical?e.contentHeight:"",F=te(),$=ae(),Q=r.mergeProps({className:C("thumbnailContainer")},j("thumbnailContainer")),ee=r.mergeProps({className:C("thumbnailItemsContainer"),style:D("thumbnailItemsContainer",{height:Y})},j("thumbnailItemsContainer")),ne=r.mergeProps({ref:v,className:C("thumbnailItems"),role:"tablist",onTransitionEnd:_,onTouchStart:L,onTouchMove:G,onTouchEnd:z},j("thumbnailItems")),h.createElement("div",Q,F,h.createElement("div",ee,h.createElement("div",ne,K)),$)),re=r.mergeProps({className:C("thumbnailWrapper")},j("thumbnailWrapper"));return h.createElement("div",re,ie)})));function M(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function _(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?M(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):M(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}B.displayName="GalleriaThumbnailItem",q.displayName="GalleriaThumbnails";var L=h.memo(h.forwardRef((function(e,s){var u=h.useContext(n.PrimeReactContext),m=C.getProps(e,u),p=E(h.useState(!1),2),d=p[0],f=p[1],v=E(h.useState(m.numVisible),2),I=v[0],x=v[1],y=E(h.useState(!1),2),w=y[0],O=y[1],P=E(h.useState(m.activeIndex),2),S=P[0],N=P[1],D=h.useRef(null),j=h.useRef(null),T=h.useRef(null),k=m.onItemChange?m.activeIndex:S,A="left"===m.thumbnailsPosition||"right"===m.thumbnailsPosition,H=m.id||r.UniqueComponentId(),U=C.setMetaData({props:m,state:{visible:d,numVisible:I,slideShowActive:w,activeIndex:S}}),V=U.ptm,B=U.cx,M=U.sx,L=U.isUnstyled;t.useHandleStyle(C.css.styles,L,{name:"galleria"}),i.useInterval((function(){G({index:m.circular&&m.value.length-1===k?0:k+1})}),m.transitionInterval,w);var G=function(e){e.index>=m.value.length?Q():m.onItemChange?m.onItemChange(e):N(e.index)},z=function(){f(!0)},W=function(){f(!1)},X=function(){r.DomHandler.blockBodyScroll()},Z=function(){r.ZIndexUtils.set("modal",T.current,u&&u.autoZIndex||g.default.autoZIndex,m.baseZIndex||u&&u.zIndex.modal||g.default.zIndex.modal),!L()&&r.DomHandler.addMultipleClasses(T.current,"p-component-overlay p-component-overlay-enter")},J=function(){m.onShow&&m.onShow()},K=function(){r.DomHandler.unblockBodyScroll(),!L()&&r.DomHandler.addClass(T.current,"p-component-overlay-leave")},Y=function(){r.ZIndexUtils.clear(T.current),m.onHide&&m.onHide()},F=function(){return w},$=function(){O(!0)},Q=function(){O(!1)},ee=function(e,n){var t=["top","left","bottom","right"].find((function(e){return e===n}));return t?"".concat(e,"-").concat(t):""};h.useEffect((function(){m.value&&m.value.length<I&&x(m.value.length)}),[m.value,I]),h.useEffect((function(){x(m.numVisible)}),[m.numVisible]),i.useUnmountEffect((function(){w&&Q(),r.ZIndexUtils.clear(T.current)})),h.useImperativeHandle(s,(function(){return{props:m,show:z,hide:W,isAutoPlayActive:F,startSlideShow:$,stopSlideShow:Q,getElement:function(){return D.current},getPreviewContent:function(){return j.current}}}));return r.ObjectUtils.isNotEmpty(m.value)&&function(){var e,t,i,s,p,f,g,v,x,y,O,P,S=(i=m.showThumbnails&&ee("p-galleria-thumbnails",m.thumbnailsPosition),s=m.showIndicators&&ee("p-galleria-indicators",m.indicatorsPosition),p=r.mergeProps({className:B("closeIcon"),"aria-hidden":!0},V("closeIcon")),f=r.IconUtils.getJSXIcon(m.closeIcon||h.createElement(l.TimesIcon,p),_({},p),{props:m}),g=r.mergeProps({type:"button",className:B("closeButton"),"aria-label":n.localeOption("aria")?n.localeOption("aria").close:void 0,onClick:W},V("closeButton")),v=m.fullScreen&&h.createElement("button",g,f,h.createElement(c.Ripple,null)),e=r.mergeProps({className:B("header")},V("header")),x=m.header?h.createElement("div",e,m.header):null,t=r.mergeProps({className:B("footer")},V("footer")),y=m.footer?h.createElement("div",t,m.footer):null,O=r.mergeProps({ref:D,id:H,className:r.classNames(m.className,B("root",{context:u,thumbnailsPosClassName:i,indicatorPosClassName:s})),style:m.style,role:"region"},C.getOtherProps(m),V("root")),P=r.mergeProps({className:B("content"),"aria-live":m.autoPlay?"polite":"off"},V("content")),h.createElement("div",O,v,x,h.createElement("div",P,h.createElement(R,{hostName:"Galleria",ref:j,id:H,value:m.value,activeItemIndex:k,onActiveItemChange:G,itemTemplate:m.item,circular:m.circular,caption:m.caption,showIndicators:m.showIndicators,itemPrevIcon:m.itemPrevIcon,itemNextIcon:m.itemNextIcon,changeItemOnIndicatorHover:m.changeItemOnIndicatorHover,indicator:m.indicator,showItemNavigators:m.showItemNavigators,autoPlay:m.autoPlay,slideShowActive:w,startSlideShow:$,stopSlideShow:Q,ptm:V,cx:B}),m.showThumbnails&&h.createElement(q,{hostName:"Galleria",value:m.value,containerId:H,activeItemIndex:k,onActiveItemChange:G,itemTemplate:m.thumbnail,numVisible:I,nextThumbnailIcon:m.nextThumbnailIcon,prevThumbnailIcon:m.prevThumbnailIcon,responsiveOptions:m.responsiveOptions,circular:m.circular,isVertical:A,contentHeight:m.verticalThumbnailViewPortHeight,showThumbnailNavigators:m.showThumbnailNavigators,autoPlay:m.autoPlay,slideShowActive:w,stopSlideShow:Q,isUnstyled:L,ptm:V,cx:B,sx:M})),y));if(m.fullScreen){var N=r.mergeProps({className:B("mask",{visibleState:d}),role:"dialog","aria-modal":"true"},V("mask")),E=r.mergeProps({classNames:B("transition"),in:d,timeout:{enter:150,exit:150},options:m.transitionOptions,unmountOnExit:!0,onEnter:X,onEntering:Z,onEntered:J,onExit:K,onExited:Y},V("transition")),U=h.createElement("div",b({ref:T},N),h.createElement(a.CSSTransition,b({nodeRef:D},E),S));return h.createElement(o.Portal,{element:U})}return S}()})));L.displayName="Galleria",exports.Galleria=L;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),a=require("primereact/csstransition"),i=require("primereact/hooks"),r=require("primereact/icons/times"),l=require("primereact/portal"),o=require("primereact/ripple"),c=require("primereact/utils"),s=require("primereact/icons/chevronleft"),u=require("primereact/icons/chevronright"),m=require("primereact/icons/chevrondown"),p=require("primereact/icons/chevronup");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var h=f(e),b=d(n);function v(){return v=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},v.apply(this,arguments)}function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function I(e,n){if("object"!==g(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n||"default");if("object"!==g(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function x(e){var n=I(e,"string");return"symbol"===g(n)?n:String(n)}function y(e,n,t){return(n=x(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function w(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,r,l,o=[],c=!0,s=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(a=r.call(t)).done)&&(o.push(a.value),o.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw i}}return o}}function S(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function N(e,n){if(e){if("string"==typeof e)return S(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?S(e,n):void 0}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e,n){return w(e)||O(e,n)||N(e,n)||E()}var C=t.ComponentBase.extend({defaultProps:{__TYPE:"Galleria",activeIndex:0,autoPlay:!1,baseZIndex:0,caption:null,changeItemOnIndicatorHover:!1,children:void 0,circular:!1,className:null,closeIcon:null,footer:null,fullScreen:!1,header:null,id:null,indicator:null,indicatorsPosition:"bottom",item:null,itemNextIcon:null,itemPrevIcon:null,nextThumbnailIcon:null,numVisible:3,onHide:null,onItemChange:null,onShow:null,prevThumbnailIcon:null,responsiveOptions:null,showIndicators:!1,showIndicatorsOnItem:!1,showItemNavigators:!1,showItemNavigatorsOnHover:!1,showThumbnailNavigators:!0,showThumbnails:!0,style:null,thumbnail:null,thumbnailsPosition:"bottom",transitionInterval:4e3,transitionOptions:null,value:null,verticalThumbnailViewPortHeight:"300px"},css:{classes:{header:"p-galleria-header",footer:"p-galleria-footer",closeIcon:"p-galleria-close-icon",closeButton:"p-galleria-close p-link",root:function(e){var n=e.props,t=e.context;return c.classNames("p-galleria p-component",{"p-galleria-fullscreen":n.fullScreen,"p-galleria-indicator-onitem":n.showIndicatorsOnItem,"p-galleria-item-nav-onhover":n.showItemNavigatorsOnHover&&!n.fullScreen,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===b.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===b.default.ripple},e.thumbnailsPosClassName,e.indicatorPosClassName)},content:"p-galleria-content",mask:function(e){return c.classNames("p-galleria-mask",{"p-galleria-visible":e.visibleState})},thumbnailItem:function(e){var n=e.subProps;return c.classNames("p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":n.current,"p-galleria-thumbnail-item-active":n.active,"p-galleria-thumbnail-item-start":n.start,"p-galleria-thumbnail-item-end":n.end})},thumbnailItemContent:"p-galleria-thumbnail-item-content",previousThumbnailIcon:"p-galleria-thumbnail-prev-icon",previousThumbnailButton:function(e){return c.classNames("p-galleria-thumbnail-prev p-link",{"p-disabled":e.isDisabled})},nextThumbnailIcon:"p-galleria-thumbnail-next-icon",nextThumbnailButton:function(e){return c.classNames("p-galleria-thumbnail-next p-link",{"p-disabled":e.isDisabled})},thumbnailContainer:"p-galleria-thumbnail-container",thumbnailItemsContainer:"p-galleria-thumbnail-items-container",thumbnailItems:"p-galleria-thumbnail-items",thumbnailWrapper:"p-galleria-thumbnail-wrapper",previousItemIcon:"p-galleria-item-prev-icon",previousItemButton:function(e){return c.classNames("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},nextItemIcon:"p-galleria-item-next-icon",nextItemButton:function(e){return c.classNames("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},caption:"p-galleria-caption",indicator:function(e){return c.classNames("p-galleria-indicator",{"p-highlight":e.isActive})},indicators:"p-galleria-indicators p-reset",itemWrapper:"p-galleria-item-wrapper",itemContainer:"p-galleria-item-container",item:"p-galleria-item",transition:"p-galleria"},styles:"\n@layer primereact {\n .p-galleria-content {\n display: flex;\n flex-direction: column;\n }\n \n .p-galleria-item-wrapper {\n display: flex;\n flex-direction: column;\n position: relative;\n }\n \n .p-galleria-item-container {\n position: relative;\n display: flex;\n height: 100%;\n }\n \n .p-galleria-item-nav {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n }\n \n .p-galleria-item-prev {\n left: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n \n .p-galleria-item-next {\n right: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n \n .p-galleria-item {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n width: 100%;\n }\n \n .p-galleria-item-nav-onhover .p-galleria-item-nav {\n pointer-events: none;\n opacity: 0;\n transition: opacity .2s ease-in-out;\n }\n \n .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {\n pointer-events: all;\n opacity: 1;\n }\n \n .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {\n pointer-events: none;\n }\n \n .p-galleria-caption {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n }\n \n /* Thumbnails */\n .p-galleria-thumbnail-wrapper {\n display: flex;\n flex-direction: column;\n overflow: auto;\n flex-shrink: 0;\n }\n \n .p-galleria-thumbnail-prev,\n .p-galleria-thumbnail-next {\n align-self: center;\n flex: 0 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n }\n \n .p-galleria-thumbnail-prev span,\n .p-galleria-thumbnail-next span {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n \n .p-galleria-thumbnail-container {\n display: flex;\n flex-direction: row;\n }\n \n .p-galleria-thumbnail-items-container {\n overflow: hidden;\n width: 100%;\n }\n \n .p-galleria-thumbnail-items {\n display: flex;\n }\n \n .p-galleria-thumbnail-item {\n overflow: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n opacity: .5;\n }\n \n .p-galleria-thumbnail-item:hover {\n opacity: 1;\n transition: opacity .3s;\n }\n \n .p-galleria-thumbnail-item-current {\n opacity: 1;\n }\n \n /* Positions */\n /* Thumbnails */\n .p-galleria-thumbnails-left .p-galleria-content,\n .p-galleria-thumbnails-right .p-galleria-content {\n flex-direction: row;\n }\n \n .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n .p-galleria-thumbnails-right .p-galleria-item-wrapper {\n flex-direction: row;\n }\n \n .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n .p-galleria-thumbnails-top .p-galleria-item-wrapper {\n order: 2;\n }\n \n .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,\n .p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {\n order: 1;\n }\n \n .p-galleria-thumbnails-left .p-galleria-thumbnail-container,\n .p-galleria-thumbnails-right .p-galleria-thumbnail-container {\n flex-direction: column;\n flex-grow: 1;\n }\n \n .p-galleria-thumbnails-left .p-galleria-thumbnail-items,\n .p-galleria-thumbnails-right .p-galleria-thumbnail-items {\n flex-direction: column;\n height: 100%;\n }\n \n /* Indicators */\n .p-galleria-indicators {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-galleria-indicator > button {\n display: inline-flex;\n align-items: center;\n }\n \n .p-galleria-indicators-left .p-galleria-item-wrapper,\n .p-galleria-indicators-right .p-galleria-item-wrapper {\n flex-direction: row;\n align-items: center;\n }\n \n .p-galleria-indicators-left .p-galleria-item-container,\n .p-galleria-indicators-top .p-galleria-item-container {\n order: 2;\n }\n \n .p-galleria-indicators-left .p-galleria-indicators,\n .p-galleria-indicators-top .p-galleria-indicators {\n order: 1;\n }\n \n .p-galleria-indicators-left .p-galleria-indicators,\n .p-galleria-indicators-right .p-galleria-indicators {\n flex-direction: column;\n }\n \n .p-galleria-indicator-onitem .p-galleria-indicators {\n position: absolute;\n display: flex;\n z-index: 1;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {\n top: 0;\n left: 0;\n width: 100%;\n align-items: flex-start;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {\n right: 0;\n top: 0;\n height: 100%;\n align-items: flex-end;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {\n bottom: 0;\n left: 0;\n width: 100%;\n align-items: flex-end;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {\n left: 0;\n top: 0;\n height: 100%;\n align-items: flex-start;\n }\n \n /* FullScreen */\n .p-galleria-mask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n }\n \n .p-galleria-mask.p-component-overlay {\n pointer-events: auto;\n }\n \n .p-galleria-close {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n }\n \n .p-galleria-mask .p-galleria-item-nav {\n position: fixed;\n top: 50%;\n margin-top: -.5rem;\n }\n \n /* Animation */\n .p-galleria-enter {\n opacity: 0;\n transform: scale(0.7);\n }\n \n .p-galleria-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-galleria-enter-done {\n transform: none;\n }\n \n .p-galleria-exit {\n opacity: 1;\n }\n \n .p-galleria-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n }\n \n .p-galleria-enter-active .p-galleria-item-nav {\n opacity: 0;\n }\n \n /* Keyboard Support */\n .p-items-hidden .p-galleria-thumbnail-item {\n visibility: hidden;\n }\n \n .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {\n visibility: visible;\n }\n}\n",inlineStyles:{thumbnailItemsContainer:function(e){return{height:e.height}}}}});function D(e){if(Array.isArray(e))return S(e)}function j(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function T(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function k(e){return D(e)||j(e)||N(e)||T()}function A(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function H(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?A(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var R=h.memo(h.forwardRef((function(e,t){var a=i.useMergeProps(),r=h.useRef(null),l=e.ptm,m=e.cx,p=function(n,t){return l(n,H({hostName:e.hostName},t))},d=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},f=function(n){d(),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:0!==e.activeItemIndex?e.activeItemIndex-1:0}),n&&n.cancelable&&n.preventDefault()},b=function(n){d(),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:e.activeItemIndex+1}),n&&n.cancelable&&n.preventDefault()},g=function(n){d(),e.onActiveItemChange({index:n})},I=function(n){e.changeItemOnIndicatorHover&&(d(),e.onActiveItemChange({index:n}))},x=function(n,t){switch(n.code){case"Enter":case"Space":d(),e.onActiveItemChange({index:t}),n.preventDefault();break;case"ArrowRight":y();break;case"ArrowLeft":w();break;case"Home":O(),n.preventDefault();break;case"End":S(),n.preventDefault();break;case"Tab":N();break;case"ArrowDown":case"ArrowUp":case"PageUp":case"PageDown":n.preventDefault()}},y=function(){var e=k(c.DomHandler.find(r.current,'[data-pc-section="indicator"]')),n=E();P(n,n+1===e.length?e.length-1:n+1)},w=function(){var e=E();P(e,e-1<=0?0:e-1)},O=function(){var e=E();P(e,0)},S=function(){var e=k(c.DomHandler.find(r.current,'[data-pc-section="indicator"]')),n=E();P(n,e.length-1)},N=function(){var e=k(c.DomHandler.find(r.current,'[data-pc-section="indicator"]')),n=e.findIndex((function(e){return!0===c.DomHandler.getAttribute(e,"data-p-highlight")})),t=c.DomHandler.findSingle(r.current,'[data-pc-section="indicator"] > button[tabindex="0"]'),a=e.findIndex((function(e){return e===t.parentElement}));e[a].children[0].tabIndex="-1",e[n].children[0].tabIndex="0"},E=function(){var e=k(c.DomHandler.find(r.current,'[data-pc-section="indicator"]')),n=c.DomHandler.findSingle(r.current,'[data-pc-section="indicator"] > button[tabindex="0"]');return e.findIndex((function(e){return e===n.parentElement}))},P=function(e,n){var t=k(c.DomHandler.find(r.current,'[data-pc-section="indicator"]'));t[e].children[0].tabIndex="-1",t[n].children[0].tabIndex="0",t[n].children[0].focus()};i.useMountEffect((function(){e.autoPlay&&e.startSlideShow()}));var C,D=function(t){var i,r="p-galleria-indicator-"+t,l=e.activeItemIndex===t,c=e.indicator&&e.indicator(t),s=a({className:m("indicator",{isActive:l}),key:r,tabIndex:0,"aria-label":(i=t+1,n.localeOption("aria")?n.localeOption("aria").pageLabel.replace(/{page}/g,i):void 0),"aria-selected":e.activeIndex===t,"aria-controls":e.id+"_item_"+t,"data-p-highlight":l,onClick:function(){return g(t)},onMouseEnter:function(){return I(t)},onKeyDown:function(e){return x(e,t)}},p("indicator"));return c||(c=h.createElement("button",{tabIndex:e.activeIndex===t?"0":"-1",type:"button",className:"p-link"},h.createElement(o.Ripple,null))),h.createElement("li",s,c)},j=e.itemTemplate&&e.itemTemplate(e.value[e.activeItemIndex]),T=function(){if(e.showItemNavigators){var n=!e.circular&&0===e.activeItemIndex,t=a({className:m("previousItemIcon")},p("previousItemIcon")),i=c.IconUtils.getJSXIcon(e.itemPrevIcon||h.createElement(s.ChevronLeftIcon,t),H({},t),{props:e}),r=a({type:"button",className:m("previousItemButton",{isDisabled:n}),onClick:f,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},p("previousItemButton"));return h.createElement("button",r,i,h.createElement(o.Ripple,null))}return null}(),A=function(){if(e.showItemNavigators){var n=!e.circular&&e.activeItemIndex===e.value.length-1,t=a({className:m("nextItemIcon")},p("nextItemIcon")),i=c.IconUtils.getJSXIcon(e.itemNextIcon||h.createElement(u.ChevronRightIcon,t),H({},t),{props:e}),r=a({type:"button",className:m("nextItemButton",{isDisabled:n}),onClick:b,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},p("nextItemButton"));return h.createElement("button",r,i,h.createElement(o.Ripple,null))}return null}(),R=function(){var n=a({className:m("caption")},p("caption"));if(e.caption){var t=e.caption(e.value[e.activeItemIndex]);return h.createElement("div",n,t)}return null}(),U=function(){if(e.showIndicators){for(var n=[],t=a({className:c.classNames(e.indicatorsContentClassName,m("indicators"))},p("indicators")),i=0;i<e.value.length;i++)n.push(D(i));return h.createElement("ul",v({ref:r},t),n)}return null}(),V=a({ref:t,className:m("itemWrapper")},p("itemWrapper")),B=a({className:m("itemContainer")},p("itemContainer")),q=a({className:m("item"),id:e.id+"_item_"+e.activeItemIndex,role:"group","aria-label":(C=e.activeItemIndex+1,n.localeOption("aria")?n.localeOption("aria").slideNumber.replace(/{slideNumber}/g,C):void 0),"aria-roledescription":n.localeOption("aria")?n.localeOption("aria").slide:void 0},p("item"));return h.createElement("div",V,h.createElement("div",B,T,h.createElement("div",q,j),A,R),U)})));function U(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function V(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?U(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):U(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}R.displayName="GalleriaItem";var B=h.memo((function(e){var t,a=i.useMergeProps(),r=e.ptm,l=e.cx,o=function(n,t){return r(n,V({hostName:e.hostName},t))},s=function(){var n=c.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=f();b(t,t+1===n.length?n.length-1:t+1)},u=function(){var e=f();b(e,e-1<=0?0:e-1)},m=function(){var e=f();b(e,0)},p=function(){var n=c.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=f();b(t,n.length-1)},d=function(){var n=k(c.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=n.findIndex((function(e){return!0===c.DomHandler.getAttribute(e,"data-p-active")})),a=c.DomHandler.findSingle(e.itemsContainerRef.current,'[tabindex="0"]'),i=n.findIndex((function(e){return e===a.parentElement}));n[i].children[0].tabIndex="-1",n[t].children[0].tabIndex="0"},f=function(){var n=k(c.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=c.DomHandler.findSingle(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"] > [tabindex="0"]');return n.findIndex((function(e){return e===t.parentElement}))},b=function(n,t){var a=c.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]');a[n].children[0].tabIndex="-1",a[t].children[0].tabIndex="0",a[t].children[0].focus()},v=e.template&&e.template(e.item),g=a({className:c.classNames(e.className,l("thumbnailItem",{subProps:e})),key:"p-galleria-thumbnail-item-"+e.index,role:"tab","data-p-active":e.current,"aria-selected":e.current,"aria-controls":e.containerId+"_item_"+e.index,onKeyDown:function(n){switch("Enter"!==n.code&&"Space"!==n.code||(e.onItemClick({originalEvent:n,index:e.index}),n.preventDefault()),n.code){case"ArrowRight":s();break;case"ArrowLeft":u();break;case"Home":m(),n.preventDefault();break;case"End":p(),n.preventDefault();break;case"ArrowUp":case"ArrowDown":n.preventDefault();break;case"Tab":d()}},"data-p-galleria-thumbnail-item-current":e.current,"data-p-galleria-thumbnail-item-active":e.active,"data-p-galleria-thumbnail-item-start":e.start,"data-p-galleria-thumbnail-item-end":e.end},o("thumbnailItem")),I=a({className:l("thumbnailItemContent"),tabIndex:e.current?"0":"-1","aria-label":(t=e.index+1,n.localeOption("aria")?n.localeOption("aria").pageLabel.replace(/{page}/g,t):void 0),"aria-current":e.current?"page":void 0,onClick:function(n){e.onItemClick({originalEvent:n,index:e.index})}},o("thumbnailItemContent"));return h.createElement("div",g,h.createElement("div",I,v))})),q=h.memo(h.forwardRef((function(e,t){var a=i.useMergeProps(),r=P(h.useState(e.numVisible),2),l=r[0],d=r[1],f=P(h.useState(0),2),v=f[0],g=f[1],I=h.useRef(null),x=h.useRef(null),y=h.useRef(""),w=h.useRef(null),O=h.useRef(null),S=i.usePrevious(l),N=i.usePrevious(e.activeItemIndex),E=h.useContext(n.PrimeReactContext),C=e.ptm,D=e.cx,j=e.sx,T=function(n,t){return C(n,V({hostName:e.hostName},t))},A=P(i.useResizeListener({listener:function(){K()},when:e.responsiveOptions}),1)[0],H=function(n){var t=v+n;n<0&&-1*t+l>e.value.length-1?t=l-e.value.length:n>0&&t>0&&(t=0),e.circular&&(n<0&&e.value.length-1===e.activeItemIndex?t=0:n>0&&0===e.activeItemIndex&&(t=l-e.value.length)),I.current&&(c.DomHandler.removeClass(I.current,"p-items-hidden"),I.current.style.transform=e.isVertical?"translate3d(0, ".concat(t*(100/l),"%, 0)"):"translate3d(".concat(t*(100/l),"%, 0, 0)"),I.current.style.transition="transform 500ms ease 0s"),g(t)},R=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},U=function(){var e=Math.floor(l/2);return l%2?e:e-1},q=function(n){R();var t=0!==e.activeItemIndex?e.activeItemIndex-1:0;l-(t+v)-1>U()&&(-1*v!=0||e.circular)&&H(1),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:t}),n.cancelable&&n.preventDefault()},M=function(n){R();var t=e.activeItemIndex+1;t+v>U()&&(-1*v<Z()-1||e.circular)&&H(-1),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:t}),n.cancelable&&n.preventDefault()},_=function(n){R();var t=n.index;if(t!==e.activeItemIndex){var a=t+v,i=0;t<e.activeItemIndex?(i=l-a-1-U())>0&&-1*v!=0&&H(i):(i=U()-a)<0&&-1*v<Z()-1&&H(i),e.onActiveItemChange({index:t})}},L=function(n){I.current&&"transform"===n.propertyName&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&c.DomHandler.addClass(I.current,"p-items-hidden"),I.current.style.transition="")},G=function(e){var n=e.changedTouches[0];x.current={x:n.pageX,y:n.pageY}},z=function(e){e.cancelable&&e.preventDefault()},W=function(n){var t=n.changedTouches[0];X(n,e.isVertical?t.pageY-x.current.y:t.pageX-x.current.x)},X=function(e,n){n<0?M(e):q(e)},Z=function(){return e.value.length>l?e.value.length-l+1:0},J=function(){w.current||(w.current=c.DomHandler.createInlineStyle(E&&E.nonce||b.default.nonce,E&&E.styleContainer));var n='\n [data-pc-section="thumbnailitems"]['.concat(y.current,'] {\n [data-pc-section="thumbnailitem"] {\n flex: 1 0 ').concat(100/l,"%\n }\n } \n ");if(e.responsiveOptions){var t=c.ObjectUtils.localeComparator(E&&E.locale||b.default.locale);O.current=k(e.responsiveOptions),O.current.sort((function(e,n){return c.ObjectUtils.sort(e.breakpoint,n.breakpoint,-1,t,E&&E.nullSortOrder||b.default.nullSortOrder)}));for(var a=0;a<O.current.length;a++){var i=O.current[a];n+="\n @media screen and (max-width: ".concat(i.breakpoint,') {\n [data-pc-section="thumbnailitems"][').concat(y.current,'] {\n [data-pc-section="thumbnailitem"] {\n flex: 1 0 ').concat(100/i.numVisible,"%\n }\n } \n }\n ")}}w.current.innerHTML=n},K=function(){if(I.current&&O.current){for(var n=window.innerWidth,t={numVisible:e.numVisible},a=0;a<O.current.length;a++){var i=O.current[a];parseInt(i.breakpoint,10)>=n&&(t=i)}l!==t.numVisible&&d(t.numVisible)}};i.useMountEffect((function(){I.current&&(y.current=c.UniqueComponentId(),I.current.setAttribute(y.current,"")),J(),K(),A()})),i.useUpdateEffect((function(){var n=v;S===l&&N===e.activeItemIndex||((n=e.activeItemIndex<=U()?0:e.value.length-l+U()<e.activeItemIndex?l-e.value.length:e.value.length-l<e.activeItemIndex&&l%2==0?-1*e.activeItemIndex+U()+1:-1*e.activeItemIndex+U())!==v&&g(n),I.current.style.transform=e.isVertical?"translate3d(0, ".concat(n*(100/l),"%, 0)"):"translate3d(".concat(n*(100/l),"%, 0, 0)"),N!==e.activeItemIndex&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&c.DomHandler.removeClass(I.current,"p-items-hidden"),I.current.style.transition="transform 500ms ease 0s"))}));var Y,F,$,Q,ee,ne,te,ae=function(){if(e.showThumbnailNavigators){var t=!e.circular&&0===e.activeItemIndex||e.value.length<=l,i=a({className:D("previousThumbnailIcon")},T("previousThumbnailIcon")),r=c.IconUtils.getJSXIcon(e.isVertical?e.prevThumbnailIcon||h.createElement(p.ChevronUpIcon,i):e.prevThumbnailIcon||h.createElement(s.ChevronLeftIcon,i),V({},i),{props:e}),u=a({className:D("previousThumbnailButton",{isDisabled:t}),onClick:q,type:"button",disabled:t,"data-p-disabled":t,"aria-label":n.localeOption("aria")?n.localeOption("aria").previousPageLabel:void 0,"data-pc-group-section":"thumbnailnavigator"},T("previousThumbnailButton"));return h.createElement("button",u,r,h.createElement(o.Ripple,null))}return null},ie=function(){if(e.showThumbnailNavigators){var t=!e.circular&&e.activeItemIndex===e.value.length-1||e.value.length<=l,i=a({className:D("nextThumbnailIcon")},T("nextThumbnailIcon")),r=c.IconUtils.getJSXIcon(e.isVertical?e.nextThumbnailIcon||h.createElement(m.ChevronDownIcon,i):e.nextThumbnailIcon||h.createElement(u.ChevronRightIcon,i),V({},i),{props:e}),s=a({className:D("nextThumbnailButton",{isDisabled:t}),disabled:t,type:"button","aria-label":n.localeOption("aria")?n.localeOption("aria").nextPageLabel:void 0,onClick:M,"data-p-disabled":t,"data-pc-group-section":"thumbnailnavigator"},T("nextThumbnailButton"));return h.createElement("button",s,r,h.createElement(o.Ripple,null))}return null},re=(Y=e.value.map((function(n,t){var a=-1*v,i=a+l-1;return h.createElement(B,{key:t,index:t,containerId:e.containerId,itemsContainerRef:I,template:e.itemTemplate,item:n,active:a<=t&&i>=t,start:a===t,end:i===t,onItemClick:_,current:e.activeItemIndex===t,ptm:C,cx:D,sx:j})})),F=e.isVertical?e.contentHeight:"",$=ae(),Q=ie(),ee=a({className:D("thumbnailContainer")},T("thumbnailContainer")),ne=a({className:D("thumbnailItemsContainer"),style:j("thumbnailItemsContainer",{height:F})},T("thumbnailItemsContainer")),te=a({ref:I,className:D("thumbnailItems"),role:"tablist",onTransitionEnd:L,onTouchStart:G,onTouchMove:z,onTouchEnd:W},T("thumbnailItems")),h.createElement("div",ee,$,h.createElement("div",ne,h.createElement("div",te,Y)),Q)),le=a({className:D("thumbnailWrapper")},T("thumbnailWrapper"));return h.createElement("div",le,re)})));function M(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function _(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?M(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):M(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}B.displayName="GalleriaThumbnailItem",q.displayName="GalleriaThumbnails";var L=h.memo(h.forwardRef((function(e,s){var u=i.useMergeProps(),m=h.useContext(n.PrimeReactContext),p=C.getProps(e,m),d=P(h.useState(!1),2),f=d[0],g=d[1],I=P(h.useState(p.numVisible),2),x=I[0],y=I[1],w=P(h.useState(!1),2),O=w[0],S=w[1],N=P(h.useState(p.activeIndex),2),E=N[0],D=N[1],j=h.useRef(null),T=h.useRef(null),k=h.useRef(null),A=p.onItemChange?p.activeIndex:E,H="left"===p.thumbnailsPosition||"right"===p.thumbnailsPosition,U=p.id||c.UniqueComponentId(),V=C.setMetaData({props:p,state:{visible:f,numVisible:x,slideShowActive:O,activeIndex:E}}),B=V.ptm,M=V.cx,L=V.sx,G=V.isUnstyled;t.useHandleStyle(C.css.styles,G,{name:"galleria"}),i.useInterval((function(){z({index:p.circular&&p.value.length-1===A?0:A+1})}),p.transitionInterval,O);var z=function(e){e.index>=p.value.length?ee():p.onItemChange?p.onItemChange(e):D(e.index)},W=function(){g(!0)},X=function(){g(!1)},Z=function(){c.DomHandler.blockBodyScroll()},J=function(){c.ZIndexUtils.set("modal",k.current,m&&m.autoZIndex||b.default.autoZIndex,p.baseZIndex||m&&m.zIndex.modal||b.default.zIndex.modal),!G()&&c.DomHandler.addMultipleClasses(k.current,"p-component-overlay p-component-overlay-enter")},K=function(){p.onShow&&p.onShow()},Y=function(){c.DomHandler.unblockBodyScroll(),!G()&&c.DomHandler.addClass(k.current,"p-component-overlay-leave")},F=function(){c.ZIndexUtils.clear(k.current),p.onHide&&p.onHide()},$=function(){return O},Q=function(){S(!0)},ee=function(){S(!1)},ne=function(e,n){var t=["top","left","bottom","right"].find((function(e){return e===n}));return t?"".concat(e,"-").concat(t):""};h.useEffect((function(){p.value&&p.value.length<x&&y(p.value.length)}),[p.value,x]),h.useEffect((function(){y(p.numVisible)}),[p.numVisible]),i.useUnmountEffect((function(){O&&ee(),c.ZIndexUtils.clear(k.current)})),h.useImperativeHandle(s,(function(){return{props:p,show:W,hide:X,isAutoPlayActive:$,startSlideShow:Q,stopSlideShow:ee,getElement:function(){return j.current},getPreviewContent:function(){return T.current}}}));return c.ObjectUtils.isNotEmpty(p.value)&&function(){var e,t,i,s,d,b,g,I,y,w,S,N,E=(i=p.showThumbnails&&ne("p-galleria-thumbnails",p.thumbnailsPosition),s=p.showIndicators&&ne("p-galleria-indicators",p.indicatorsPosition),d=u({className:M("closeIcon"),"aria-hidden":!0},B("closeIcon")),b=c.IconUtils.getJSXIcon(p.closeIcon||h.createElement(r.TimesIcon,d),_({},d),{props:p}),g=u({type:"button",className:M("closeButton"),"aria-label":n.localeOption("aria")?n.localeOption("aria").close:void 0,onClick:X},B("closeButton")),I=p.fullScreen&&h.createElement("button",g,b,h.createElement(o.Ripple,null)),e=u({className:M("header")},B("header")),y=p.header?h.createElement("div",e,p.header):null,t=u({className:M("footer")},B("footer")),w=p.footer?h.createElement("div",t,p.footer):null,S=u({ref:j,id:U,className:c.classNames(p.className,M("root",{context:m,thumbnailsPosClassName:i,indicatorPosClassName:s})),style:p.style,role:"region"},C.getOtherProps(p),B("root")),N=u({className:M("content"),"aria-live":p.autoPlay?"polite":"off"},B("content")),h.createElement("div",S,I,y,h.createElement("div",N,h.createElement(R,{hostName:"Galleria",ref:T,id:U,value:p.value,activeItemIndex:A,onActiveItemChange:z,itemTemplate:p.item,circular:p.circular,caption:p.caption,showIndicators:p.showIndicators,itemPrevIcon:p.itemPrevIcon,itemNextIcon:p.itemNextIcon,changeItemOnIndicatorHover:p.changeItemOnIndicatorHover,indicator:p.indicator,showItemNavigators:p.showItemNavigators,autoPlay:p.autoPlay,slideShowActive:O,startSlideShow:Q,stopSlideShow:ee,ptm:B,cx:M}),p.showThumbnails&&h.createElement(q,{hostName:"Galleria",value:p.value,containerId:U,activeItemIndex:A,onActiveItemChange:z,itemTemplate:p.thumbnail,numVisible:x,nextThumbnailIcon:p.nextThumbnailIcon,prevThumbnailIcon:p.prevThumbnailIcon,responsiveOptions:p.responsiveOptions,circular:p.circular,isVertical:H,contentHeight:p.verticalThumbnailViewPortHeight,showThumbnailNavigators:p.showThumbnailNavigators,autoPlay:p.autoPlay,slideShowActive:O,stopSlideShow:ee,isUnstyled:G,ptm:B,cx:M,sx:L})),w));if(p.fullScreen){var P=u({className:M("mask",{visibleState:f}),role:"dialog","aria-modal":"true"},B("mask")),D=u({classNames:M("transition"),in:f,timeout:{enter:150,exit:150},options:p.transitionOptions,unmountOnExit:!0,onEnter:Z,onEntering:J,onEntered:K,onExit:Y,onExited:F},B("transition")),V=h.createElement("div",v({ref:k},P),h.createElement(a.CSSTransition,v({nodeRef:j},D),E));return h.createElement(l.Portal,{element:V})}return E}()})));L.displayName="Galleria",exports.Galleria=L;
@@ -4,10 +4,10 @@ import PrimeReact, { localeOption, PrimeReactContext } from 'primereact/api';
4
4
  import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
5
5
  import { CSSTransition } from 'primereact/csstransition';
6
6
  import { useMergeProps, useMountEffect, usePrevious, useResizeListener, useUpdateEffect, useInterval, useUnmountEffect } from 'primereact/hooks';
7
- import { classNames, IconUtils, DomHandler, UniqueComponentId, mergeProps, ObjectUtils, ZIndexUtils } from 'primereact/utils';
8
7
  import { TimesIcon } from 'primereact/icons/times';
9
8
  import { Portal } from 'primereact/portal';
10
9
  import { Ripple } from 'primereact/ripple';
10
+ import { classNames, IconUtils, DomHandler, UniqueComponentId, ObjectUtils, ZIndexUtils } from 'primereact/utils';
11
11
  import { ChevronLeftIcon } from 'primereact/icons/chevronleft';
12
12
  import { ChevronRightIcon } from 'primereact/icons/chevronright';
13
13
  import { ChevronDownIcon } from 'primereact/icons/chevrondown';
@@ -556,6 +556,7 @@ GalleriaItem.displayName = 'GalleriaItem';
556
556
  function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
557
557
  function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
558
558
  var GalleriaThumbnailItem = /*#__PURE__*/React.memo(function (props) {
559
+ var mergeProps = useMergeProps();
559
560
  var ptm = props.ptm,
560
561
  cx = props.cx;
561
562
  var getPTOptions = function getPTOptions(key, options) {
@@ -673,6 +674,7 @@ var GalleriaThumbnailItem = /*#__PURE__*/React.memo(function (props) {
673
674
  return /*#__PURE__*/React.createElement("div", thumbnailItemProps, /*#__PURE__*/React.createElement("div", thumbnailItemContentProps, content));
674
675
  });
675
676
  var GalleriaThumbnails = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
677
+ var mergeProps = useMergeProps();
676
678
  var _React$useState = React.useState(props.numVisible),
677
679
  _React$useState2 = _slicedToArray(_React$useState, 2),
678
680
  numVisibleState = _React$useState2[0],
@@ -1005,6 +1007,7 @@ GalleriaThumbnails.displayName = 'GalleriaThumbnails';
1005
1007
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1006
1008
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1007
1009
  var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
1010
+ var mergeProps = useMergeProps();
1008
1011
  var context = React.useContext(PrimeReactContext);
1009
1012
  var props = GalleriaBase.getProps(inProps, context);
1010
1013
  var _React$useState = React.useState(false),
@@ -1 +1 @@
1
- import*as e from"react";import n,{localeOption as t,PrimeReactContext as i}from"primereact/api";import{ComponentBase as a,useHandleStyle as r}from"primereact/componentbase";import{CSSTransition as l}from"primereact/csstransition";import{useMergeProps as o,useMountEffect as c,usePrevious as u,useResizeListener as s,useUpdateEffect as m,useInterval as p,useUnmountEffect as d}from"primereact/hooks";import{classNames as f,IconUtils as h,DomHandler as b,UniqueComponentId as v,mergeProps as g,ObjectUtils as I,ZIndexUtils as x}from"primereact/utils";import{TimesIcon as y}from"primereact/icons/times";import{Portal as w}from"primereact/portal";import{Ripple as S}from"primereact/ripple";import{ChevronLeftIcon as O}from"primereact/icons/chevronleft";import{ChevronRightIcon as E}from"primereact/icons/chevronright";import{ChevronDownIcon as N}from"primereact/icons/chevrondown";import{ChevronUpIcon as P}from"primereact/icons/chevronup";function C(){return C=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},C.apply(this,arguments)}function T(e){return T="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T(e)}function j(e,n){if("object"!==T(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,n||"default");if("object"!==T(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function k(e){var n=j(e,"string");return"symbol"===T(n)?n:String(n)}function A(e,n,t){return(n=k(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function D(e){if(Array.isArray(e))return e}function R(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var i,a,r,l,o=[],c=!0,u=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(i=r.call(t)).done)&&(o.push(i.value),o.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}function V(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}function B(e,n){if(e){if("string"==typeof e)return V(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?V(e,n):void 0}}function H(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function U(e,n){return D(e)||R(e,n)||B(e,n)||H()}var _=a.extend({defaultProps:{__TYPE:"Galleria",activeIndex:0,autoPlay:!1,baseZIndex:0,caption:null,changeItemOnIndicatorHover:!1,children:void 0,circular:!1,className:null,closeIcon:null,footer:null,fullScreen:!1,header:null,id:null,indicator:null,indicatorsPosition:"bottom",item:null,itemNextIcon:null,itemPrevIcon:null,nextThumbnailIcon:null,numVisible:3,onHide:null,onItemChange:null,onShow:null,prevThumbnailIcon:null,responsiveOptions:null,showIndicators:!1,showIndicatorsOnItem:!1,showItemNavigators:!1,showItemNavigatorsOnHover:!1,showThumbnailNavigators:!0,showThumbnails:!0,style:null,thumbnail:null,thumbnailsPosition:"bottom",transitionInterval:4e3,transitionOptions:null,value:null,verticalThumbnailViewPortHeight:"300px"},css:{classes:{header:"p-galleria-header",footer:"p-galleria-footer",closeIcon:"p-galleria-close-icon",closeButton:"p-galleria-close p-link",root:function(e){var t=e.props,i=e.context;return f("p-galleria p-component",{"p-galleria-fullscreen":t.fullScreen,"p-galleria-indicator-onitem":t.showIndicatorsOnItem,"p-galleria-item-nav-onhover":t.showItemNavigatorsOnHover&&!t.fullScreen,"p-input-filled":i&&"filled"===i.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":i&&!1===i.ripple||!1===n.ripple},e.thumbnailsPosClassName,e.indicatorPosClassName)},content:"p-galleria-content",mask:function(e){return f("p-galleria-mask",{"p-galleria-visible":e.visibleState})},thumbnailItem:function(e){var n=e.subProps;return f("p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":n.current,"p-galleria-thumbnail-item-active":n.active,"p-galleria-thumbnail-item-start":n.start,"p-galleria-thumbnail-item-end":n.end})},thumbnailItemContent:"p-galleria-thumbnail-item-content",previousThumbnailIcon:"p-galleria-thumbnail-prev-icon",previousThumbnailButton:function(e){return f("p-galleria-thumbnail-prev p-link",{"p-disabled":e.isDisabled})},nextThumbnailIcon:"p-galleria-thumbnail-next-icon",nextThumbnailButton:function(e){return f("p-galleria-thumbnail-next p-link",{"p-disabled":e.isDisabled})},thumbnailContainer:"p-galleria-thumbnail-container",thumbnailItemsContainer:"p-galleria-thumbnail-items-container",thumbnailItems:"p-galleria-thumbnail-items",thumbnailWrapper:"p-galleria-thumbnail-wrapper",previousItemIcon:"p-galleria-item-prev-icon",previousItemButton:function(e){return f("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},nextItemIcon:"p-galleria-item-next-icon",nextItemButton:function(e){return f("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},caption:"p-galleria-caption",indicator:function(e){return f("p-galleria-indicator",{"p-highlight":e.isActive})},indicators:"p-galleria-indicators p-reset",itemWrapper:"p-galleria-item-wrapper",itemContainer:"p-galleria-item-container",item:"p-galleria-item",transition:"p-galleria"},styles:"\n@layer primereact {\n .p-galleria-content {\n display: flex;\n flex-direction: column;\n }\n \n .p-galleria-item-wrapper {\n display: flex;\n flex-direction: column;\n position: relative;\n }\n \n .p-galleria-item-container {\n position: relative;\n display: flex;\n height: 100%;\n }\n \n .p-galleria-item-nav {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n }\n \n .p-galleria-item-prev {\n left: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n \n .p-galleria-item-next {\n right: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n \n .p-galleria-item {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n width: 100%;\n }\n \n .p-galleria-item-nav-onhover .p-galleria-item-nav {\n pointer-events: none;\n opacity: 0;\n transition: opacity .2s ease-in-out;\n }\n \n .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {\n pointer-events: all;\n opacity: 1;\n }\n \n .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {\n pointer-events: none;\n }\n \n .p-galleria-caption {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n }\n \n /* Thumbnails */\n .p-galleria-thumbnail-wrapper {\n display: flex;\n flex-direction: column;\n overflow: auto;\n flex-shrink: 0;\n }\n \n .p-galleria-thumbnail-prev,\n .p-galleria-thumbnail-next {\n align-self: center;\n flex: 0 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n }\n \n .p-galleria-thumbnail-prev span,\n .p-galleria-thumbnail-next span {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n \n .p-galleria-thumbnail-container {\n display: flex;\n flex-direction: row;\n }\n \n .p-galleria-thumbnail-items-container {\n overflow: hidden;\n width: 100%;\n }\n \n .p-galleria-thumbnail-items {\n display: flex;\n }\n \n .p-galleria-thumbnail-item {\n overflow: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n opacity: .5;\n }\n \n .p-galleria-thumbnail-item:hover {\n opacity: 1;\n transition: opacity .3s;\n }\n \n .p-galleria-thumbnail-item-current {\n opacity: 1;\n }\n \n /* Positions */\n /* Thumbnails */\n .p-galleria-thumbnails-left .p-galleria-content,\n .p-galleria-thumbnails-right .p-galleria-content {\n flex-direction: row;\n }\n \n .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n .p-galleria-thumbnails-right .p-galleria-item-wrapper {\n flex-direction: row;\n }\n \n .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n .p-galleria-thumbnails-top .p-galleria-item-wrapper {\n order: 2;\n }\n \n .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,\n .p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {\n order: 1;\n }\n \n .p-galleria-thumbnails-left .p-galleria-thumbnail-container,\n .p-galleria-thumbnails-right .p-galleria-thumbnail-container {\n flex-direction: column;\n flex-grow: 1;\n }\n \n .p-galleria-thumbnails-left .p-galleria-thumbnail-items,\n .p-galleria-thumbnails-right .p-galleria-thumbnail-items {\n flex-direction: column;\n height: 100%;\n }\n \n /* Indicators */\n .p-galleria-indicators {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-galleria-indicator > button {\n display: inline-flex;\n align-items: center;\n }\n \n .p-galleria-indicators-left .p-galleria-item-wrapper,\n .p-galleria-indicators-right .p-galleria-item-wrapper {\n flex-direction: row;\n align-items: center;\n }\n \n .p-galleria-indicators-left .p-galleria-item-container,\n .p-galleria-indicators-top .p-galleria-item-container {\n order: 2;\n }\n \n .p-galleria-indicators-left .p-galleria-indicators,\n .p-galleria-indicators-top .p-galleria-indicators {\n order: 1;\n }\n \n .p-galleria-indicators-left .p-galleria-indicators,\n .p-galleria-indicators-right .p-galleria-indicators {\n flex-direction: column;\n }\n \n .p-galleria-indicator-onitem .p-galleria-indicators {\n position: absolute;\n display: flex;\n z-index: 1;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {\n top: 0;\n left: 0;\n width: 100%;\n align-items: flex-start;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {\n right: 0;\n top: 0;\n height: 100%;\n align-items: flex-end;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {\n bottom: 0;\n left: 0;\n width: 100%;\n align-items: flex-end;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {\n left: 0;\n top: 0;\n height: 100%;\n align-items: flex-start;\n }\n \n /* FullScreen */\n .p-galleria-mask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n }\n \n .p-galleria-mask.p-component-overlay {\n pointer-events: auto;\n }\n \n .p-galleria-close {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n }\n \n .p-galleria-mask .p-galleria-item-nav {\n position: fixed;\n top: 50%;\n margin-top: -.5rem;\n }\n \n /* Animation */\n .p-galleria-enter {\n opacity: 0;\n transform: scale(0.7);\n }\n \n .p-galleria-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-galleria-enter-done {\n transform: none;\n }\n \n .p-galleria-exit {\n opacity: 1;\n }\n \n .p-galleria-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n }\n \n .p-galleria-enter-active .p-galleria-item-nav {\n opacity: 0;\n }\n \n /* Keyboard Support */\n .p-items-hidden .p-galleria-thumbnail-item {\n visibility: hidden;\n }\n \n .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {\n visibility: visible;\n }\n}\n",inlineStyles:{thumbnailItemsContainer:function(e){return{height:e.height}}}}});function G(e){if(Array.isArray(e))return V(e)}function L(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function M(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function W(e){return G(e)||L(e)||B(e)||M()}function X(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function z(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?X(Object(t),!0).forEach((function(n){A(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):X(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var J=e.memo(e.forwardRef((function(n,i){var a=o(),r=e.useRef(null),l=n.ptm,u=n.cx,s=function(e,t){return l(e,z({hostName:n.hostName},t))},m=function(){n.slideShowActive&&n.stopSlideShow&&n.stopSlideShow()},p=function(e){m(),n.onActiveItemChange({index:n.circular&&0===n.activeItemIndex?n.value.length-1:0!==n.activeItemIndex?n.activeItemIndex-1:0}),e&&e.cancelable&&e.preventDefault()},d=function(e){m(),n.onActiveItemChange({index:n.circular&&n.value.length-1===n.activeItemIndex?0:n.activeItemIndex+1}),e&&e.cancelable&&e.preventDefault()},v=function(e){m(),n.onActiveItemChange({index:e})},g=function(e){n.changeItemOnIndicatorHover&&(m(),n.onActiveItemChange({index:e}))},I=function(e,t){switch(e.code){case"Enter":case"Space":m(),n.onActiveItemChange({index:t}),e.preventDefault();break;case"ArrowRight":x();break;case"ArrowLeft":y();break;case"Home":w(),e.preventDefault();break;case"End":N(),e.preventDefault();break;case"Tab":P();break;case"ArrowDown":case"ArrowUp":case"PageUp":case"PageDown":e.preventDefault()}},x=function(){var e=W(b.find(r.current,'[data-pc-section="indicator"]')),n=T();j(n,n+1===e.length?e.length-1:n+1)},y=function(){var e=T();j(e,e-1<=0?0:e-1)},w=function(){var e=T();j(e,0)},N=function(){var e=W(b.find(r.current,'[data-pc-section="indicator"]')),n=T();j(n,e.length-1)},P=function(){var e=W(b.find(r.current,'[data-pc-section="indicator"]')),n=e.findIndex((function(e){return!0===b.getAttribute(e,"data-p-highlight")})),t=b.findSingle(r.current,'[data-pc-section="indicator"] > button[tabindex="0"]'),i=e.findIndex((function(e){return e===t.parentElement}));e[i].children[0].tabIndex="-1",e[n].children[0].tabIndex="0"},T=function(){var e=W(b.find(r.current,'[data-pc-section="indicator"]')),n=b.findSingle(r.current,'[data-pc-section="indicator"] > button[tabindex="0"]');return e.findIndex((function(e){return e===n.parentElement}))},j=function(e,n){var t=W(b.find(r.current,'[data-pc-section="indicator"]'));t[e].children[0].tabIndex="-1",t[n].children[0].tabIndex="0",t[n].children[0].focus()};c((function(){n.autoPlay&&n.startSlideShow()}));var k,A=function(i){var r,l="p-galleria-indicator-"+i,o=n.activeItemIndex===i,c=n.indicator&&n.indicator(i),m=a({className:u("indicator",{isActive:o}),key:l,tabIndex:0,"aria-label":(r=i+1,t("aria")?t("aria").pageLabel.replace(/{page}/g,r):void 0),"aria-selected":n.activeIndex===i,"aria-controls":n.id+"_item_"+i,"data-p-highlight":o,onClick:function(){return v(i)},onMouseEnter:function(){return g(i)},onKeyDown:function(e){return I(e,i)}},s("indicator"));return c||(c=e.createElement("button",{tabIndex:n.activeIndex===i?"0":"-1",type:"button",className:"p-link"},e.createElement(S,null))),e.createElement("li",m,c)},D=n.itemTemplate&&n.itemTemplate(n.value[n.activeItemIndex]),R=function(){if(n.showItemNavigators){var t=!n.circular&&0===n.activeItemIndex,i=a({className:u("previousItemIcon")},s("previousItemIcon")),r=h.getJSXIcon(n.itemPrevIcon||e.createElement(O,i),z({},i),{props:n}),l=a({type:"button",className:u("previousItemButton",{isDisabled:t}),onClick:p,disabled:t,"data-p-disabled":t,"data-pc-group-section":"itemnavigator"},s("previousItemButton"));return e.createElement("button",l,r,e.createElement(S,null))}return null}(),V=function(){if(n.showItemNavigators){var t=!n.circular&&n.activeItemIndex===n.value.length-1,i=a({className:u("nextItemIcon")},s("nextItemIcon")),r=h.getJSXIcon(n.itemNextIcon||e.createElement(E,i),z({},i),{props:n}),l=a({type:"button",className:u("nextItemButton",{isDisabled:t}),onClick:d,disabled:t,"data-p-disabled":t,"data-pc-group-section":"itemnavigator"},s("nextItemButton"));return e.createElement("button",l,r,e.createElement(S,null))}return null}(),B=function(){var t=a({className:u("caption")},s("caption"));if(n.caption){var i=n.caption(n.value[n.activeItemIndex]);return e.createElement("div",t,i)}return null}(),H=function(){if(n.showIndicators){for(var t=[],i=a({className:f(n.indicatorsContentClassName,u("indicators"))},s("indicators")),l=0;l<n.value.length;l++)t.push(A(l));return e.createElement("ul",C({ref:r},i),t)}return null}(),U=a({ref:i,className:u("itemWrapper")},s("itemWrapper")),_=a({className:u("itemContainer")},s("itemContainer")),G=a({className:u("item"),id:n.id+"_item_"+n.activeItemIndex,role:"group","aria-label":(k=n.activeItemIndex+1,t("aria")?t("aria").slideNumber.replace(/{slideNumber}/g,k):void 0),"aria-roledescription":t("aria")?t("aria").slide:void 0},s("item"));return e.createElement("div",U,e.createElement("div",_,R,e.createElement("div",G,D),V,B),H)})));function Z(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function K(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?Z(Object(t),!0).forEach((function(n){A(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Z(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}J.displayName="GalleriaItem";var Y=e.memo((function(n){var i,a=n.ptm,r=n.cx,l=function(e,t){return a(e,K({hostName:n.hostName},t))},o=function(){var e=b.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=p();d(t,t+1===e.length?e.length-1:t+1)},c=function(){var e=p();d(e,e-1<=0?0:e-1)},u=function(){var e=p();d(e,0)},s=function(){var e=b.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=p();d(t,e.length-1)},m=function(){var e=W(b.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=e.findIndex((function(e){return!0===b.getAttribute(e,"data-p-active")})),i=b.findSingle(n.itemsContainerRef.current,'[tabindex="0"]'),a=e.findIndex((function(e){return e===i.parentElement}));e[a].children[0].tabIndex="-1",e[t].children[0].tabIndex="0"},p=function(){var e=W(b.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=b.findSingle(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"] > [tabindex="0"]');return e.findIndex((function(e){return e===t.parentElement}))},d=function(e,t){var i=b.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]');i[e].children[0].tabIndex="-1",i[t].children[0].tabIndex="0",i[t].children[0].focus()},h=n.template&&n.template(n.item),v=g({className:f(n.className,r("thumbnailItem",{subProps:n})),key:"p-galleria-thumbnail-item-"+n.index,role:"tab","data-p-active":n.current,"aria-selected":n.current,"aria-controls":n.containerId+"_item_"+n.index,onKeyDown:function(e){switch("Enter"!==e.code&&"Space"!==e.code||(n.onItemClick({originalEvent:e,index:n.index}),e.preventDefault()),e.code){case"ArrowRight":o();break;case"ArrowLeft":c();break;case"Home":u(),e.preventDefault();break;case"End":s(),e.preventDefault();break;case"ArrowUp":case"ArrowDown":e.preventDefault();break;case"Tab":m()}},"data-p-galleria-thumbnail-item-current":n.current,"data-p-galleria-thumbnail-item-active":n.active,"data-p-galleria-thumbnail-item-start":n.start,"data-p-galleria-thumbnail-item-end":n.end},l("thumbnailItem")),I=g({className:r("thumbnailItemContent"),tabIndex:n.current?"0":"-1","aria-label":(i=n.index+1,t("aria")?t("aria").pageLabel.replace(/{page}/g,i):void 0),"aria-current":n.current?"page":void 0,onClick:function(e){n.onItemClick({originalEvent:e,index:n.index})}},l("thumbnailItemContent"));return e.createElement("div",v,e.createElement("div",I,h))})),F=e.memo(e.forwardRef((function(a,r){var l=U(e.useState(a.numVisible),2),o=l[0],p=l[1],d=U(e.useState(0),2),f=d[0],x=d[1],y=e.useRef(null),w=e.useRef(null),C=e.useRef(""),T=e.useRef(null),j=e.useRef(null),k=u(o),A=u(a.activeItemIndex),D=e.useContext(i),R=a.ptm,V=a.cx,B=a.sx,H=function(e,n){return R(e,K({hostName:a.hostName},n))},_=U(s({listener:function(){te()},when:a.responsiveOptions}),1)[0],G=function(e){var n=f+e;e<0&&-1*n+o>a.value.length-1?n=o-a.value.length:e>0&&n>0&&(n=0),a.circular&&(e<0&&a.value.length-1===a.activeItemIndex?n=0:e>0&&0===a.activeItemIndex&&(n=o-a.value.length)),y.current&&(b.removeClass(y.current,"p-items-hidden"),y.current.style.transform=a.isVertical?"translate3d(0, ".concat(n*(100/o),"%, 0)"):"translate3d(".concat(n*(100/o),"%, 0, 0)"),y.current.style.transition="transform 500ms ease 0s"),x(n)},L=function(){a.slideShowActive&&a.stopSlideShow&&a.stopSlideShow()},M=function(){var e=Math.floor(o/2);return o%2?e:e-1},X=function(e){L();var n=0!==a.activeItemIndex?a.activeItemIndex-1:0;o-(n+f)-1>M()&&(-1*f!=0||a.circular)&&G(1),a.onActiveItemChange({index:a.circular&&0===a.activeItemIndex?a.value.length-1:n}),e.cancelable&&e.preventDefault()},z=function(e){L();var n=a.activeItemIndex+1;n+f>M()&&(-1*f<ee()-1||a.circular)&&G(-1),a.onActiveItemChange({index:a.circular&&a.value.length-1===a.activeItemIndex?0:n}),e.cancelable&&e.preventDefault()},J=function(e){L();var n=e.index;if(n!==a.activeItemIndex){var t=n+f,i=0;n<a.activeItemIndex?(i=o-t-1-M())>0&&-1*f!=0&&G(i):(i=M()-t)<0&&-1*f<ee()-1&&G(i),a.onActiveItemChange({index:n})}},Z=function(e){y.current&&"transform"===e.propertyName&&(document.body.setAttribute("data-p-items-hidden","false"),!a.isUnstyled()&&b.addClass(y.current,"p-items-hidden"),y.current.style.transition="")},F=function(e){var n=e.changedTouches[0];w.current={x:n.pageX,y:n.pageY}},$=function(e){e.cancelable&&e.preventDefault()},q=function(e){var n=e.changedTouches[0];Q(e,a.isVertical?n.pageY-w.current.y:n.pageX-w.current.x)},Q=function(e,n){n<0?z(e):X(e)},ee=function(){return a.value.length>o?a.value.length-o+1:0},ne=function(){T.current||(T.current=b.createInlineStyle(D&&D.nonce||n.nonce,D&&D.styleContainer));var e='\n [data-pc-section="thumbnailitems"]['.concat(C.current,'] {\n [data-pc-section="thumbnailitem"] {\n flex: 1 0 ').concat(100/o,"%\n }\n } \n ");if(a.responsiveOptions){var t=I.localeComparator(D&&D.locale||n.locale);j.current=W(a.responsiveOptions),j.current.sort((function(e,i){return I.sort(e.breakpoint,i.breakpoint,-1,t,D&&D.nullSortOrder||n.nullSortOrder)}));for(var i=0;i<j.current.length;i++){var r=j.current[i];e+="\n @media screen and (max-width: ".concat(r.breakpoint,') {\n [data-pc-section="thumbnailitems"][').concat(C.current,'] {\n [data-pc-section="thumbnailitem"] {\n flex: 1 0 ').concat(100/r.numVisible,"%\n }\n } \n }\n ")}}T.current.innerHTML=e},te=function(){if(y.current&&j.current){for(var e=window.innerWidth,n={numVisible:a.numVisible},t=0;t<j.current.length;t++){var i=j.current[t];parseInt(i.breakpoint,10)>=e&&(n=i)}o!==n.numVisible&&p(n.numVisible)}};c((function(){y.current&&(C.current=v(),y.current.setAttribute(C.current,"")),ne(),te(),_()})),m((function(){var e=f;k===o&&A===a.activeItemIndex||((e=a.activeItemIndex<=M()?0:a.value.length-o+M()<a.activeItemIndex?o-a.value.length:a.value.length-o<a.activeItemIndex&&o%2==0?-1*a.activeItemIndex+M()+1:-1*a.activeItemIndex+M())!==f&&x(e),y.current.style.transform=a.isVertical?"translate3d(0, ".concat(e*(100/o),"%, 0)"):"translate3d(".concat(e*(100/o),"%, 0, 0)"),A!==a.activeItemIndex&&(document.body.setAttribute("data-p-items-hidden","false"),!a.isUnstyled()&&b.removeClass(y.current,"p-items-hidden"),y.current.style.transition="transform 500ms ease 0s"))}));var ie,ae,re,le,oe,ce,ue,se=function(){if(a.showThumbnailNavigators){var n=!a.circular&&0===a.activeItemIndex||a.value.length<=o,i=g({className:V("previousThumbnailIcon")},H("previousThumbnailIcon")),r=h.getJSXIcon(a.isVertical?a.prevThumbnailIcon||e.createElement(P,i):a.prevThumbnailIcon||e.createElement(O,i),K({},i),{props:a}),l=g({className:V("previousThumbnailButton",{isDisabled:n}),onClick:X,type:"button",disabled:n,"data-p-disabled":n,"aria-label":t("aria")?t("aria").previousPageLabel:void 0,"data-pc-group-section":"thumbnailnavigator"},H("previousThumbnailButton"));return e.createElement("button",l,r,e.createElement(S,null))}return null},me=function(){if(a.showThumbnailNavigators){var n=!a.circular&&a.activeItemIndex===a.value.length-1||a.value.length<=o,i=g({className:V("nextThumbnailIcon")},H("nextThumbnailIcon")),r=h.getJSXIcon(a.isVertical?a.nextThumbnailIcon||e.createElement(N,i):a.nextThumbnailIcon||e.createElement(E,i),K({},i),{props:a}),l=g({className:V("nextThumbnailButton",{isDisabled:n}),disabled:n,type:"button","aria-label":t("aria")?t("aria").nextPageLabel:void 0,onClick:z,"data-p-disabled":n,"data-pc-group-section":"thumbnailnavigator"},H("nextThumbnailButton"));return e.createElement("button",l,r,e.createElement(S,null))}return null},pe=(ie=a.value.map((function(n,t){var i=-1*f,r=i+o-1;return e.createElement(Y,{key:t,index:t,containerId:a.containerId,itemsContainerRef:y,template:a.itemTemplate,item:n,active:i<=t&&r>=t,start:i===t,end:r===t,onItemClick:J,current:a.activeItemIndex===t,ptm:R,cx:V,sx:B})})),ae=a.isVertical?a.contentHeight:"",re=se(),le=me(),oe=g({className:V("thumbnailContainer")},H("thumbnailContainer")),ce=g({className:V("thumbnailItemsContainer"),style:B("thumbnailItemsContainer",{height:ae})},H("thumbnailItemsContainer")),ue=g({ref:y,className:V("thumbnailItems"),role:"tablist",onTransitionEnd:Z,onTouchStart:F,onTouchMove:$,onTouchEnd:q},H("thumbnailItems")),e.createElement("div",oe,re,e.createElement("div",ce,e.createElement("div",ue,ie)),le)),de=g({className:V("thumbnailWrapper")},H("thumbnailWrapper"));return e.createElement("div",de,pe)})));function $(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function q(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?$(Object(t),!0).forEach((function(n){A(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):$(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}Y.displayName="GalleriaThumbnailItem",F.displayName="GalleriaThumbnails";var Q=e.memo(e.forwardRef((function(a,o){var c=e.useContext(i),u=_.getProps(a,c),s=U(e.useState(!1),2),m=s[0],O=s[1],E=U(e.useState(u.numVisible),2),N=E[0],P=E[1],T=U(e.useState(!1),2),j=T[0],k=T[1],A=U(e.useState(u.activeIndex),2),D=A[0],R=A[1],V=e.useRef(null),B=e.useRef(null),H=e.useRef(null),G=u.onItemChange?u.activeIndex:D,L="left"===u.thumbnailsPosition||"right"===u.thumbnailsPosition,M=u.id||v(),W=_.setMetaData({props:u,state:{visible:m,numVisible:N,slideShowActive:j,activeIndex:D}}),X=W.ptm,z=W.cx,Z=W.sx,K=W.isUnstyled;r(_.css.styles,K,{name:"galleria"}),p((function(){Y({index:u.circular&&u.value.length-1===G?0:G+1})}),u.transitionInterval,j);var Y=function(e){e.index>=u.value.length?oe():u.onItemChange?u.onItemChange(e):R(e.index)},$=function(){O(!0)},Q=function(){O(!1)},ee=function(){b.blockBodyScroll()},ne=function(){x.set("modal",H.current,c&&c.autoZIndex||n.autoZIndex,u.baseZIndex||c&&c.zIndex.modal||n.zIndex.modal),!K()&&b.addMultipleClasses(H.current,"p-component-overlay p-component-overlay-enter")},te=function(){u.onShow&&u.onShow()},ie=function(){b.unblockBodyScroll(),!K()&&b.addClass(H.current,"p-component-overlay-leave")},ae=function(){x.clear(H.current),u.onHide&&u.onHide()},re=function(){return j},le=function(){k(!0)},oe=function(){k(!1)},ce=function(e,n){var t=["top","left","bottom","right"].find((function(e){return e===n}));return t?"".concat(e,"-").concat(t):""};e.useEffect((function(){u.value&&u.value.length<N&&P(u.value.length)}),[u.value,N]),e.useEffect((function(){P(u.numVisible)}),[u.numVisible]),d((function(){j&&oe(),x.clear(H.current)})),e.useImperativeHandle(o,(function(){return{props:u,show:$,hide:Q,isAutoPlayActive:re,startSlideShow:le,stopSlideShow:oe,getElement:function(){return V.current},getPreviewContent:function(){return B.current}}}));return I.isNotEmpty(u.value)&&function(){var n,i,a,r,o,s,p,d,b,v,I,x,O=(a=u.showThumbnails&&ce("p-galleria-thumbnails",u.thumbnailsPosition),r=u.showIndicators&&ce("p-galleria-indicators",u.indicatorsPosition),o=g({className:z("closeIcon"),"aria-hidden":!0},X("closeIcon")),s=h.getJSXIcon(u.closeIcon||e.createElement(y,o),q({},o),{props:u}),p=g({type:"button",className:z("closeButton"),"aria-label":t("aria")?t("aria").close:void 0,onClick:Q},X("closeButton")),d=u.fullScreen&&e.createElement("button",p,s,e.createElement(S,null)),n=g({className:z("header")},X("header")),b=u.header?e.createElement("div",n,u.header):null,i=g({className:z("footer")},X("footer")),v=u.footer?e.createElement("div",i,u.footer):null,I=g({ref:V,id:M,className:f(u.className,z("root",{context:c,thumbnailsPosClassName:a,indicatorPosClassName:r})),style:u.style,role:"region"},_.getOtherProps(u),X("root")),x=g({className:z("content"),"aria-live":u.autoPlay?"polite":"off"},X("content")),e.createElement("div",I,d,b,e.createElement("div",x,e.createElement(J,{hostName:"Galleria",ref:B,id:M,value:u.value,activeItemIndex:G,onActiveItemChange:Y,itemTemplate:u.item,circular:u.circular,caption:u.caption,showIndicators:u.showIndicators,itemPrevIcon:u.itemPrevIcon,itemNextIcon:u.itemNextIcon,changeItemOnIndicatorHover:u.changeItemOnIndicatorHover,indicator:u.indicator,showItemNavigators:u.showItemNavigators,autoPlay:u.autoPlay,slideShowActive:j,startSlideShow:le,stopSlideShow:oe,ptm:X,cx:z}),u.showThumbnails&&e.createElement(F,{hostName:"Galleria",value:u.value,containerId:M,activeItemIndex:G,onActiveItemChange:Y,itemTemplate:u.thumbnail,numVisible:N,nextThumbnailIcon:u.nextThumbnailIcon,prevThumbnailIcon:u.prevThumbnailIcon,responsiveOptions:u.responsiveOptions,circular:u.circular,isVertical:L,contentHeight:u.verticalThumbnailViewPortHeight,showThumbnailNavigators:u.showThumbnailNavigators,autoPlay:u.autoPlay,slideShowActive:j,stopSlideShow:oe,isUnstyled:K,ptm:X,cx:z,sx:Z})),v));if(u.fullScreen){var E=g({className:z("mask",{visibleState:m}),role:"dialog","aria-modal":"true"},X("mask")),P=g({classNames:z("transition"),in:m,timeout:{enter:150,exit:150},options:u.transitionOptions,unmountOnExit:!0,onEnter:ee,onEntering:ne,onEntered:te,onExit:ie,onExited:ae},X("transition")),T=e.createElement("div",C({ref:H},E),e.createElement(l,C({nodeRef:V},P),O));return e.createElement(w,{element:T})}return O}()})));Q.displayName="Galleria";export{Q as Galleria};
1
+ import*as e from"react";import n,{localeOption as t,PrimeReactContext as i}from"primereact/api";import{ComponentBase as a,useHandleStyle as r}from"primereact/componentbase";import{CSSTransition as l}from"primereact/csstransition";import{useMergeProps as o,useMountEffect as c,usePrevious as u,useResizeListener as s,useUpdateEffect as m,useInterval as p,useUnmountEffect as d}from"primereact/hooks";import{TimesIcon as f}from"primereact/icons/times";import{Portal as h}from"primereact/portal";import{Ripple as b}from"primereact/ripple";import{classNames as v,IconUtils as g,DomHandler as I,UniqueComponentId as x,ObjectUtils as y,ZIndexUtils as w}from"primereact/utils";import{ChevronLeftIcon as S}from"primereact/icons/chevronleft";import{ChevronRightIcon as O}from"primereact/icons/chevronright";import{ChevronDownIcon as E}from"primereact/icons/chevrondown";import{ChevronUpIcon as N}from"primereact/icons/chevronup";function P(){return P=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},P.apply(this,arguments)}function C(e){return C="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},C(e)}function T(e,n){if("object"!==C(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,n||"default");if("object"!==C(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function j(e){var n=T(e,"string");return"symbol"===C(n)?n:String(n)}function k(e,n,t){return(n=j(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function A(e){if(Array.isArray(e))return e}function D(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var i,a,r,l,o=[],c=!0,u=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(i=r.call(t)).done)&&(o.push(i.value),o.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}function R(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}function V(e,n){if(e){if("string"==typeof e)return R(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?R(e,n):void 0}}function B(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function H(e,n){return A(e)||D(e,n)||V(e,n)||B()}var U=a.extend({defaultProps:{__TYPE:"Galleria",activeIndex:0,autoPlay:!1,baseZIndex:0,caption:null,changeItemOnIndicatorHover:!1,children:void 0,circular:!1,className:null,closeIcon:null,footer:null,fullScreen:!1,header:null,id:null,indicator:null,indicatorsPosition:"bottom",item:null,itemNextIcon:null,itemPrevIcon:null,nextThumbnailIcon:null,numVisible:3,onHide:null,onItemChange:null,onShow:null,prevThumbnailIcon:null,responsiveOptions:null,showIndicators:!1,showIndicatorsOnItem:!1,showItemNavigators:!1,showItemNavigatorsOnHover:!1,showThumbnailNavigators:!0,showThumbnails:!0,style:null,thumbnail:null,thumbnailsPosition:"bottom",transitionInterval:4e3,transitionOptions:null,value:null,verticalThumbnailViewPortHeight:"300px"},css:{classes:{header:"p-galleria-header",footer:"p-galleria-footer",closeIcon:"p-galleria-close-icon",closeButton:"p-galleria-close p-link",root:function(e){var t=e.props,i=e.context;return v("p-galleria p-component",{"p-galleria-fullscreen":t.fullScreen,"p-galleria-indicator-onitem":t.showIndicatorsOnItem,"p-galleria-item-nav-onhover":t.showItemNavigatorsOnHover&&!t.fullScreen,"p-input-filled":i&&"filled"===i.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":i&&!1===i.ripple||!1===n.ripple},e.thumbnailsPosClassName,e.indicatorPosClassName)},content:"p-galleria-content",mask:function(e){return v("p-galleria-mask",{"p-galleria-visible":e.visibleState})},thumbnailItem:function(e){var n=e.subProps;return v("p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":n.current,"p-galleria-thumbnail-item-active":n.active,"p-galleria-thumbnail-item-start":n.start,"p-galleria-thumbnail-item-end":n.end})},thumbnailItemContent:"p-galleria-thumbnail-item-content",previousThumbnailIcon:"p-galleria-thumbnail-prev-icon",previousThumbnailButton:function(e){return v("p-galleria-thumbnail-prev p-link",{"p-disabled":e.isDisabled})},nextThumbnailIcon:"p-galleria-thumbnail-next-icon",nextThumbnailButton:function(e){return v("p-galleria-thumbnail-next p-link",{"p-disabled":e.isDisabled})},thumbnailContainer:"p-galleria-thumbnail-container",thumbnailItemsContainer:"p-galleria-thumbnail-items-container",thumbnailItems:"p-galleria-thumbnail-items",thumbnailWrapper:"p-galleria-thumbnail-wrapper",previousItemIcon:"p-galleria-item-prev-icon",previousItemButton:function(e){return v("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},nextItemIcon:"p-galleria-item-next-icon",nextItemButton:function(e){return v("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},caption:"p-galleria-caption",indicator:function(e){return v("p-galleria-indicator",{"p-highlight":e.isActive})},indicators:"p-galleria-indicators p-reset",itemWrapper:"p-galleria-item-wrapper",itemContainer:"p-galleria-item-container",item:"p-galleria-item",transition:"p-galleria"},styles:"\n@layer primereact {\n .p-galleria-content {\n display: flex;\n flex-direction: column;\n }\n \n .p-galleria-item-wrapper {\n display: flex;\n flex-direction: column;\n position: relative;\n }\n \n .p-galleria-item-container {\n position: relative;\n display: flex;\n height: 100%;\n }\n \n .p-galleria-item-nav {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n }\n \n .p-galleria-item-prev {\n left: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n \n .p-galleria-item-next {\n right: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n \n .p-galleria-item {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n width: 100%;\n }\n \n .p-galleria-item-nav-onhover .p-galleria-item-nav {\n pointer-events: none;\n opacity: 0;\n transition: opacity .2s ease-in-out;\n }\n \n .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {\n pointer-events: all;\n opacity: 1;\n }\n \n .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {\n pointer-events: none;\n }\n \n .p-galleria-caption {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n }\n \n /* Thumbnails */\n .p-galleria-thumbnail-wrapper {\n display: flex;\n flex-direction: column;\n overflow: auto;\n flex-shrink: 0;\n }\n \n .p-galleria-thumbnail-prev,\n .p-galleria-thumbnail-next {\n align-self: center;\n flex: 0 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n }\n \n .p-galleria-thumbnail-prev span,\n .p-galleria-thumbnail-next span {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n \n .p-galleria-thumbnail-container {\n display: flex;\n flex-direction: row;\n }\n \n .p-galleria-thumbnail-items-container {\n overflow: hidden;\n width: 100%;\n }\n \n .p-galleria-thumbnail-items {\n display: flex;\n }\n \n .p-galleria-thumbnail-item {\n overflow: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n opacity: .5;\n }\n \n .p-galleria-thumbnail-item:hover {\n opacity: 1;\n transition: opacity .3s;\n }\n \n .p-galleria-thumbnail-item-current {\n opacity: 1;\n }\n \n /* Positions */\n /* Thumbnails */\n .p-galleria-thumbnails-left .p-galleria-content,\n .p-galleria-thumbnails-right .p-galleria-content {\n flex-direction: row;\n }\n \n .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n .p-galleria-thumbnails-right .p-galleria-item-wrapper {\n flex-direction: row;\n }\n \n .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n .p-galleria-thumbnails-top .p-galleria-item-wrapper {\n order: 2;\n }\n \n .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,\n .p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {\n order: 1;\n }\n \n .p-galleria-thumbnails-left .p-galleria-thumbnail-container,\n .p-galleria-thumbnails-right .p-galleria-thumbnail-container {\n flex-direction: column;\n flex-grow: 1;\n }\n \n .p-galleria-thumbnails-left .p-galleria-thumbnail-items,\n .p-galleria-thumbnails-right .p-galleria-thumbnail-items {\n flex-direction: column;\n height: 100%;\n }\n \n /* Indicators */\n .p-galleria-indicators {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-galleria-indicator > button {\n display: inline-flex;\n align-items: center;\n }\n \n .p-galleria-indicators-left .p-galleria-item-wrapper,\n .p-galleria-indicators-right .p-galleria-item-wrapper {\n flex-direction: row;\n align-items: center;\n }\n \n .p-galleria-indicators-left .p-galleria-item-container,\n .p-galleria-indicators-top .p-galleria-item-container {\n order: 2;\n }\n \n .p-galleria-indicators-left .p-galleria-indicators,\n .p-galleria-indicators-top .p-galleria-indicators {\n order: 1;\n }\n \n .p-galleria-indicators-left .p-galleria-indicators,\n .p-galleria-indicators-right .p-galleria-indicators {\n flex-direction: column;\n }\n \n .p-galleria-indicator-onitem .p-galleria-indicators {\n position: absolute;\n display: flex;\n z-index: 1;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {\n top: 0;\n left: 0;\n width: 100%;\n align-items: flex-start;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {\n right: 0;\n top: 0;\n height: 100%;\n align-items: flex-end;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {\n bottom: 0;\n left: 0;\n width: 100%;\n align-items: flex-end;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {\n left: 0;\n top: 0;\n height: 100%;\n align-items: flex-start;\n }\n \n /* FullScreen */\n .p-galleria-mask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n }\n \n .p-galleria-mask.p-component-overlay {\n pointer-events: auto;\n }\n \n .p-galleria-close {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n }\n \n .p-galleria-mask .p-galleria-item-nav {\n position: fixed;\n top: 50%;\n margin-top: -.5rem;\n }\n \n /* Animation */\n .p-galleria-enter {\n opacity: 0;\n transform: scale(0.7);\n }\n \n .p-galleria-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-galleria-enter-done {\n transform: none;\n }\n \n .p-galleria-exit {\n opacity: 1;\n }\n \n .p-galleria-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n }\n \n .p-galleria-enter-active .p-galleria-item-nav {\n opacity: 0;\n }\n \n /* Keyboard Support */\n .p-items-hidden .p-galleria-thumbnail-item {\n visibility: hidden;\n }\n \n .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {\n visibility: visible;\n }\n}\n",inlineStyles:{thumbnailItemsContainer:function(e){return{height:e.height}}}}});function _(e){if(Array.isArray(e))return R(e)}function G(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function L(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function M(e){return _(e)||G(e)||V(e)||L()}function W(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function X(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?W(Object(t),!0).forEach((function(n){k(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):W(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var z=e.memo(e.forwardRef((function(n,i){var a=o(),r=e.useRef(null),l=n.ptm,u=n.cx,s=function(e,t){return l(e,X({hostName:n.hostName},t))},m=function(){n.slideShowActive&&n.stopSlideShow&&n.stopSlideShow()},p=function(e){m(),n.onActiveItemChange({index:n.circular&&0===n.activeItemIndex?n.value.length-1:0!==n.activeItemIndex?n.activeItemIndex-1:0}),e&&e.cancelable&&e.preventDefault()},d=function(e){m(),n.onActiveItemChange({index:n.circular&&n.value.length-1===n.activeItemIndex?0:n.activeItemIndex+1}),e&&e.cancelable&&e.preventDefault()},f=function(e){m(),n.onActiveItemChange({index:e})},h=function(e){n.changeItemOnIndicatorHover&&(m(),n.onActiveItemChange({index:e}))},x=function(e,t){switch(e.code){case"Enter":case"Space":m(),n.onActiveItemChange({index:t}),e.preventDefault();break;case"ArrowRight":y();break;case"ArrowLeft":w();break;case"Home":E(),e.preventDefault();break;case"End":N(),e.preventDefault();break;case"Tab":C();break;case"ArrowDown":case"ArrowUp":case"PageUp":case"PageDown":e.preventDefault()}},y=function(){var e=M(I.find(r.current,'[data-pc-section="indicator"]')),n=T();j(n,n+1===e.length?e.length-1:n+1)},w=function(){var e=T();j(e,e-1<=0?0:e-1)},E=function(){var e=T();j(e,0)},N=function(){var e=M(I.find(r.current,'[data-pc-section="indicator"]')),n=T();j(n,e.length-1)},C=function(){var e=M(I.find(r.current,'[data-pc-section="indicator"]')),n=e.findIndex((function(e){return!0===I.getAttribute(e,"data-p-highlight")})),t=I.findSingle(r.current,'[data-pc-section="indicator"] > button[tabindex="0"]'),i=e.findIndex((function(e){return e===t.parentElement}));e[i].children[0].tabIndex="-1",e[n].children[0].tabIndex="0"},T=function(){var e=M(I.find(r.current,'[data-pc-section="indicator"]')),n=I.findSingle(r.current,'[data-pc-section="indicator"] > button[tabindex="0"]');return e.findIndex((function(e){return e===n.parentElement}))},j=function(e,n){var t=M(I.find(r.current,'[data-pc-section="indicator"]'));t[e].children[0].tabIndex="-1",t[n].children[0].tabIndex="0",t[n].children[0].focus()};c((function(){n.autoPlay&&n.startSlideShow()}));var k,A=function(i){var r,l="p-galleria-indicator-"+i,o=n.activeItemIndex===i,c=n.indicator&&n.indicator(i),m=a({className:u("indicator",{isActive:o}),key:l,tabIndex:0,"aria-label":(r=i+1,t("aria")?t("aria").pageLabel.replace(/{page}/g,r):void 0),"aria-selected":n.activeIndex===i,"aria-controls":n.id+"_item_"+i,"data-p-highlight":o,onClick:function(){return f(i)},onMouseEnter:function(){return h(i)},onKeyDown:function(e){return x(e,i)}},s("indicator"));return c||(c=e.createElement("button",{tabIndex:n.activeIndex===i?"0":"-1",type:"button",className:"p-link"},e.createElement(b,null))),e.createElement("li",m,c)},D=n.itemTemplate&&n.itemTemplate(n.value[n.activeItemIndex]),R=function(){if(n.showItemNavigators){var t=!n.circular&&0===n.activeItemIndex,i=a({className:u("previousItemIcon")},s("previousItemIcon")),r=g.getJSXIcon(n.itemPrevIcon||e.createElement(S,i),X({},i),{props:n}),l=a({type:"button",className:u("previousItemButton",{isDisabled:t}),onClick:p,disabled:t,"data-p-disabled":t,"data-pc-group-section":"itemnavigator"},s("previousItemButton"));return e.createElement("button",l,r,e.createElement(b,null))}return null}(),V=function(){if(n.showItemNavigators){var t=!n.circular&&n.activeItemIndex===n.value.length-1,i=a({className:u("nextItemIcon")},s("nextItemIcon")),r=g.getJSXIcon(n.itemNextIcon||e.createElement(O,i),X({},i),{props:n}),l=a({type:"button",className:u("nextItemButton",{isDisabled:t}),onClick:d,disabled:t,"data-p-disabled":t,"data-pc-group-section":"itemnavigator"},s("nextItemButton"));return e.createElement("button",l,r,e.createElement(b,null))}return null}(),B=function(){var t=a({className:u("caption")},s("caption"));if(n.caption){var i=n.caption(n.value[n.activeItemIndex]);return e.createElement("div",t,i)}return null}(),H=function(){if(n.showIndicators){for(var t=[],i=a({className:v(n.indicatorsContentClassName,u("indicators"))},s("indicators")),l=0;l<n.value.length;l++)t.push(A(l));return e.createElement("ul",P({ref:r},i),t)}return null}(),U=a({ref:i,className:u("itemWrapper")},s("itemWrapper")),_=a({className:u("itemContainer")},s("itemContainer")),G=a({className:u("item"),id:n.id+"_item_"+n.activeItemIndex,role:"group","aria-label":(k=n.activeItemIndex+1,t("aria")?t("aria").slideNumber.replace(/{slideNumber}/g,k):void 0),"aria-roledescription":t("aria")?t("aria").slide:void 0},s("item"));return e.createElement("div",U,e.createElement("div",_,R,e.createElement("div",G,D),V,B),H)})));function J(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function Z(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?J(Object(t),!0).forEach((function(n){k(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):J(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}z.displayName="GalleriaItem";var K=e.memo((function(n){var i,a=o(),r=n.ptm,l=n.cx,c=function(e,t){return r(e,Z({hostName:n.hostName},t))},u=function(){var e=I.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=f();h(t,t+1===e.length?e.length-1:t+1)},s=function(){var e=f();h(e,e-1<=0?0:e-1)},m=function(){var e=f();h(e,0)},p=function(){var e=I.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=f();h(t,e.length-1)},d=function(){var e=M(I.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=e.findIndex((function(e){return!0===I.getAttribute(e,"data-p-active")})),i=I.findSingle(n.itemsContainerRef.current,'[tabindex="0"]'),a=e.findIndex((function(e){return e===i.parentElement}));e[a].children[0].tabIndex="-1",e[t].children[0].tabIndex="0"},f=function(){var e=M(I.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=I.findSingle(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"] > [tabindex="0"]');return e.findIndex((function(e){return e===t.parentElement}))},h=function(e,t){var i=I.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]');i[e].children[0].tabIndex="-1",i[t].children[0].tabIndex="0",i[t].children[0].focus()},b=n.template&&n.template(n.item),g=a({className:v(n.className,l("thumbnailItem",{subProps:n})),key:"p-galleria-thumbnail-item-"+n.index,role:"tab","data-p-active":n.current,"aria-selected":n.current,"aria-controls":n.containerId+"_item_"+n.index,onKeyDown:function(e){switch("Enter"!==e.code&&"Space"!==e.code||(n.onItemClick({originalEvent:e,index:n.index}),e.preventDefault()),e.code){case"ArrowRight":u();break;case"ArrowLeft":s();break;case"Home":m(),e.preventDefault();break;case"End":p(),e.preventDefault();break;case"ArrowUp":case"ArrowDown":e.preventDefault();break;case"Tab":d()}},"data-p-galleria-thumbnail-item-current":n.current,"data-p-galleria-thumbnail-item-active":n.active,"data-p-galleria-thumbnail-item-start":n.start,"data-p-galleria-thumbnail-item-end":n.end},c("thumbnailItem")),x=a({className:l("thumbnailItemContent"),tabIndex:n.current?"0":"-1","aria-label":(i=n.index+1,t("aria")?t("aria").pageLabel.replace(/{page}/g,i):void 0),"aria-current":n.current?"page":void 0,onClick:function(e){n.onItemClick({originalEvent:e,index:n.index})}},c("thumbnailItemContent"));return e.createElement("div",g,e.createElement("div",x,b))})),Y=e.memo(e.forwardRef((function(a,r){var l=o(),p=H(e.useState(a.numVisible),2),d=p[0],f=p[1],h=H(e.useState(0),2),v=h[0],w=h[1],P=e.useRef(null),C=e.useRef(null),T=e.useRef(""),j=e.useRef(null),k=e.useRef(null),A=u(d),D=u(a.activeItemIndex),R=e.useContext(i),V=a.ptm,B=a.cx,U=a.sx,_=function(e,n){return V(e,Z({hostName:a.hostName},n))},G=H(s({listener:function(){ie()},when:a.responsiveOptions}),1)[0],L=function(e){var n=v+e;e<0&&-1*n+d>a.value.length-1?n=d-a.value.length:e>0&&n>0&&(n=0),a.circular&&(e<0&&a.value.length-1===a.activeItemIndex?n=0:e>0&&0===a.activeItemIndex&&(n=d-a.value.length)),P.current&&(I.removeClass(P.current,"p-items-hidden"),P.current.style.transform=a.isVertical?"translate3d(0, ".concat(n*(100/d),"%, 0)"):"translate3d(".concat(n*(100/d),"%, 0, 0)"),P.current.style.transition="transform 500ms ease 0s"),w(n)},W=function(){a.slideShowActive&&a.stopSlideShow&&a.stopSlideShow()},X=function(){var e=Math.floor(d/2);return d%2?e:e-1},z=function(e){W();var n=0!==a.activeItemIndex?a.activeItemIndex-1:0;d-(n+v)-1>X()&&(-1*v!=0||a.circular)&&L(1),a.onActiveItemChange({index:a.circular&&0===a.activeItemIndex?a.value.length-1:n}),e.cancelable&&e.preventDefault()},J=function(e){W();var n=a.activeItemIndex+1;n+v>X()&&(-1*v<ne()-1||a.circular)&&L(-1),a.onActiveItemChange({index:a.circular&&a.value.length-1===a.activeItemIndex?0:n}),e.cancelable&&e.preventDefault()},Y=function(e){W();var n=e.index;if(n!==a.activeItemIndex){var t=n+v,i=0;n<a.activeItemIndex?(i=d-t-1-X())>0&&-1*v!=0&&L(i):(i=X()-t)<0&&-1*v<ne()-1&&L(i),a.onActiveItemChange({index:n})}},F=function(e){P.current&&"transform"===e.propertyName&&(document.body.setAttribute("data-p-items-hidden","false"),!a.isUnstyled()&&I.addClass(P.current,"p-items-hidden"),P.current.style.transition="")},$=function(e){var n=e.changedTouches[0];C.current={x:n.pageX,y:n.pageY}},q=function(e){e.cancelable&&e.preventDefault()},Q=function(e){var n=e.changedTouches[0];ee(e,a.isVertical?n.pageY-C.current.y:n.pageX-C.current.x)},ee=function(e,n){n<0?J(e):z(e)},ne=function(){return a.value.length>d?a.value.length-d+1:0},te=function(){j.current||(j.current=I.createInlineStyle(R&&R.nonce||n.nonce,R&&R.styleContainer));var e='\n [data-pc-section="thumbnailitems"]['.concat(T.current,'] {\n [data-pc-section="thumbnailitem"] {\n flex: 1 0 ').concat(100/d,"%\n }\n } \n ");if(a.responsiveOptions){var t=y.localeComparator(R&&R.locale||n.locale);k.current=M(a.responsiveOptions),k.current.sort((function(e,i){return y.sort(e.breakpoint,i.breakpoint,-1,t,R&&R.nullSortOrder||n.nullSortOrder)}));for(var i=0;i<k.current.length;i++){var r=k.current[i];e+="\n @media screen and (max-width: ".concat(r.breakpoint,') {\n [data-pc-section="thumbnailitems"][').concat(T.current,'] {\n [data-pc-section="thumbnailitem"] {\n flex: 1 0 ').concat(100/r.numVisible,"%\n }\n } \n }\n ")}}j.current.innerHTML=e},ie=function(){if(P.current&&k.current){for(var e=window.innerWidth,n={numVisible:a.numVisible},t=0;t<k.current.length;t++){var i=k.current[t];parseInt(i.breakpoint,10)>=e&&(n=i)}d!==n.numVisible&&f(n.numVisible)}};c((function(){P.current&&(T.current=x(),P.current.setAttribute(T.current,"")),te(),ie(),G()})),m((function(){var e=v;A===d&&D===a.activeItemIndex||((e=a.activeItemIndex<=X()?0:a.value.length-d+X()<a.activeItemIndex?d-a.value.length:a.value.length-d<a.activeItemIndex&&d%2==0?-1*a.activeItemIndex+X()+1:-1*a.activeItemIndex+X())!==v&&w(e),P.current.style.transform=a.isVertical?"translate3d(0, ".concat(e*(100/d),"%, 0)"):"translate3d(".concat(e*(100/d),"%, 0, 0)"),D!==a.activeItemIndex&&(document.body.setAttribute("data-p-items-hidden","false"),!a.isUnstyled()&&I.removeClass(P.current,"p-items-hidden"),P.current.style.transition="transform 500ms ease 0s"))}));var ae,re,le,oe,ce,ue,se,me=function(){if(a.showThumbnailNavigators){var n=!a.circular&&0===a.activeItemIndex||a.value.length<=d,i=l({className:B("previousThumbnailIcon")},_("previousThumbnailIcon")),r=g.getJSXIcon(a.isVertical?a.prevThumbnailIcon||e.createElement(N,i):a.prevThumbnailIcon||e.createElement(S,i),Z({},i),{props:a}),o=l({className:B("previousThumbnailButton",{isDisabled:n}),onClick:z,type:"button",disabled:n,"data-p-disabled":n,"aria-label":t("aria")?t("aria").previousPageLabel:void 0,"data-pc-group-section":"thumbnailnavigator"},_("previousThumbnailButton"));return e.createElement("button",o,r,e.createElement(b,null))}return null},pe=function(){if(a.showThumbnailNavigators){var n=!a.circular&&a.activeItemIndex===a.value.length-1||a.value.length<=d,i=l({className:B("nextThumbnailIcon")},_("nextThumbnailIcon")),r=g.getJSXIcon(a.isVertical?a.nextThumbnailIcon||e.createElement(E,i):a.nextThumbnailIcon||e.createElement(O,i),Z({},i),{props:a}),o=l({className:B("nextThumbnailButton",{isDisabled:n}),disabled:n,type:"button","aria-label":t("aria")?t("aria").nextPageLabel:void 0,onClick:J,"data-p-disabled":n,"data-pc-group-section":"thumbnailnavigator"},_("nextThumbnailButton"));return e.createElement("button",o,r,e.createElement(b,null))}return null},de=(ae=a.value.map((function(n,t){var i=-1*v,r=i+d-1;return e.createElement(K,{key:t,index:t,containerId:a.containerId,itemsContainerRef:P,template:a.itemTemplate,item:n,active:i<=t&&r>=t,start:i===t,end:r===t,onItemClick:Y,current:a.activeItemIndex===t,ptm:V,cx:B,sx:U})})),re=a.isVertical?a.contentHeight:"",le=me(),oe=pe(),ce=l({className:B("thumbnailContainer")},_("thumbnailContainer")),ue=l({className:B("thumbnailItemsContainer"),style:U("thumbnailItemsContainer",{height:re})},_("thumbnailItemsContainer")),se=l({ref:P,className:B("thumbnailItems"),role:"tablist",onTransitionEnd:F,onTouchStart:$,onTouchMove:q,onTouchEnd:Q},_("thumbnailItems")),e.createElement("div",ce,le,e.createElement("div",ue,e.createElement("div",se,ae)),oe)),fe=l({className:B("thumbnailWrapper")},_("thumbnailWrapper"));return e.createElement("div",fe,de)})));function F(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function $(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?F(Object(t),!0).forEach((function(n){k(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):F(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}K.displayName="GalleriaThumbnailItem",Y.displayName="GalleriaThumbnails";var q=e.memo(e.forwardRef((function(a,c){var u=o(),s=e.useContext(i),m=U.getProps(a,s),S=H(e.useState(!1),2),O=S[0],E=S[1],N=H(e.useState(m.numVisible),2),C=N[0],T=N[1],j=H(e.useState(!1),2),k=j[0],A=j[1],D=H(e.useState(m.activeIndex),2),R=D[0],V=D[1],B=e.useRef(null),_=e.useRef(null),G=e.useRef(null),L=m.onItemChange?m.activeIndex:R,M="left"===m.thumbnailsPosition||"right"===m.thumbnailsPosition,W=m.id||x(),X=U.setMetaData({props:m,state:{visible:O,numVisible:C,slideShowActive:k,activeIndex:R}}),J=X.ptm,Z=X.cx,K=X.sx,F=X.isUnstyled;r(U.css.styles,F,{name:"galleria"}),p((function(){q({index:m.circular&&m.value.length-1===L?0:L+1})}),m.transitionInterval,k);var q=function(e){e.index>=m.value.length?ce():m.onItemChange?m.onItemChange(e):V(e.index)},Q=function(){E(!0)},ee=function(){E(!1)},ne=function(){I.blockBodyScroll()},te=function(){w.set("modal",G.current,s&&s.autoZIndex||n.autoZIndex,m.baseZIndex||s&&s.zIndex.modal||n.zIndex.modal),!F()&&I.addMultipleClasses(G.current,"p-component-overlay p-component-overlay-enter")},ie=function(){m.onShow&&m.onShow()},ae=function(){I.unblockBodyScroll(),!F()&&I.addClass(G.current,"p-component-overlay-leave")},re=function(){w.clear(G.current),m.onHide&&m.onHide()},le=function(){return k},oe=function(){A(!0)},ce=function(){A(!1)},ue=function(e,n){var t=["top","left","bottom","right"].find((function(e){return e===n}));return t?"".concat(e,"-").concat(t):""};e.useEffect((function(){m.value&&m.value.length<C&&T(m.value.length)}),[m.value,C]),e.useEffect((function(){T(m.numVisible)}),[m.numVisible]),d((function(){k&&ce(),w.clear(G.current)})),e.useImperativeHandle(c,(function(){return{props:m,show:Q,hide:ee,isAutoPlayActive:le,startSlideShow:oe,stopSlideShow:ce,getElement:function(){return B.current},getPreviewContent:function(){return _.current}}}));return y.isNotEmpty(m.value)&&function(){var n,i,a,r,o,c,p,d,I,x,y,w,S=(a=m.showThumbnails&&ue("p-galleria-thumbnails",m.thumbnailsPosition),r=m.showIndicators&&ue("p-galleria-indicators",m.indicatorsPosition),o=u({className:Z("closeIcon"),"aria-hidden":!0},J("closeIcon")),c=g.getJSXIcon(m.closeIcon||e.createElement(f,o),$({},o),{props:m}),p=u({type:"button",className:Z("closeButton"),"aria-label":t("aria")?t("aria").close:void 0,onClick:ee},J("closeButton")),d=m.fullScreen&&e.createElement("button",p,c,e.createElement(b,null)),n=u({className:Z("header")},J("header")),I=m.header?e.createElement("div",n,m.header):null,i=u({className:Z("footer")},J("footer")),x=m.footer?e.createElement("div",i,m.footer):null,y=u({ref:B,id:W,className:v(m.className,Z("root",{context:s,thumbnailsPosClassName:a,indicatorPosClassName:r})),style:m.style,role:"region"},U.getOtherProps(m),J("root")),w=u({className:Z("content"),"aria-live":m.autoPlay?"polite":"off"},J("content")),e.createElement("div",y,d,I,e.createElement("div",w,e.createElement(z,{hostName:"Galleria",ref:_,id:W,value:m.value,activeItemIndex:L,onActiveItemChange:q,itemTemplate:m.item,circular:m.circular,caption:m.caption,showIndicators:m.showIndicators,itemPrevIcon:m.itemPrevIcon,itemNextIcon:m.itemNextIcon,changeItemOnIndicatorHover:m.changeItemOnIndicatorHover,indicator:m.indicator,showItemNavigators:m.showItemNavigators,autoPlay:m.autoPlay,slideShowActive:k,startSlideShow:oe,stopSlideShow:ce,ptm:J,cx:Z}),m.showThumbnails&&e.createElement(Y,{hostName:"Galleria",value:m.value,containerId:W,activeItemIndex:L,onActiveItemChange:q,itemTemplate:m.thumbnail,numVisible:C,nextThumbnailIcon:m.nextThumbnailIcon,prevThumbnailIcon:m.prevThumbnailIcon,responsiveOptions:m.responsiveOptions,circular:m.circular,isVertical:M,contentHeight:m.verticalThumbnailViewPortHeight,showThumbnailNavigators:m.showThumbnailNavigators,autoPlay:m.autoPlay,slideShowActive:k,stopSlideShow:ce,isUnstyled:F,ptm:J,cx:Z,sx:K})),x));if(m.fullScreen){var E=u({className:Z("mask",{visibleState:O}),role:"dialog","aria-modal":"true"},J("mask")),N=u({classNames:Z("transition"),in:O,timeout:{enter:150,exit:150},options:m.transitionOptions,unmountOnExit:!0,onEnter:ne,onEntering:te,onEntered:ie,onExit:ae,onExited:re},J("transition")),T=e.createElement("div",P({ref:G},E),e.createElement(l,P({nodeRef:B},N),S));return e.createElement(h,{element:T})}return S}()})));q.displayName="Galleria";export{q as Galleria};