primevue 3.18.1 → 3.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (232) hide show
  1. package/README.md +11 -3
  2. package/api/Api.d.ts +22 -0
  3. package/avatar/Avatar.d.ts +8 -0
  4. package/avatar/Avatar.vue +9 -1
  5. package/avatar/avatar.cjs.js +17 -6
  6. package/avatar/avatar.cjs.min.js +1 -1
  7. package/avatar/avatar.esm.js +17 -6
  8. package/avatar/avatar.esm.min.js +1 -1
  9. package/avatar/avatar.js +17 -6
  10. package/avatar/avatar.min.js +1 -1
  11. package/blockui/BlockUI.vue +8 -1
  12. package/blockui/blockui.cjs.js +14 -4
  13. package/blockui/blockui.cjs.min.js +1 -1
  14. package/blockui/blockui.esm.js +15 -5
  15. package/blockui/blockui.esm.min.js +1 -1
  16. package/blockui/blockui.js +14 -4
  17. package/blockui/blockui.min.js +1 -1
  18. package/calendar/Calendar.vue +5 -1
  19. package/calendar/calendar.cjs.js +5 -1
  20. package/calendar/calendar.cjs.min.js +1 -1
  21. package/calendar/calendar.esm.js +5 -1
  22. package/calendar/calendar.esm.min.js +1 -1
  23. package/calendar/calendar.js +5 -1
  24. package/calendar/calendar.min.js +1 -1
  25. package/chip/Chip.vue +7 -2
  26. package/chip/chip.cjs.js +14 -7
  27. package/chip/chip.cjs.min.js +1 -1
  28. package/chip/chip.esm.js +15 -8
  29. package/chip/chip.esm.min.js +1 -1
  30. package/chip/chip.js +14 -7
  31. package/chip/chip.min.js +1 -1
  32. package/chips/Chips.d.ts +2 -2
  33. package/chips/Chips.vue +6 -2
  34. package/chips/chips.cjs.js +6 -2
  35. package/chips/chips.cjs.min.js +1 -1
  36. package/chips/chips.esm.js +6 -2
  37. package/chips/chips.esm.min.js +1 -1
  38. package/chips/chips.js +6 -2
  39. package/chips/chips.min.js +1 -1
  40. package/config/PrimeVue.d.ts +1 -0
  41. package/config/config.cjs.js +2 -1
  42. package/config/config.cjs.min.js +1 -1
  43. package/config/config.esm.js +2 -1
  44. package/config/config.esm.min.js +1 -1
  45. package/config/config.js +2 -1
  46. package/config/config.min.js +1 -1
  47. package/confirmdialog/ConfirmDialog.vue +6 -1
  48. package/confirmdialog/confirmdialog.cjs.js +7 -1
  49. package/confirmdialog/confirmdialog.cjs.min.js +1 -1
  50. package/confirmdialog/confirmdialog.esm.js +7 -1
  51. package/confirmdialog/confirmdialog.esm.min.js +1 -1
  52. package/confirmdialog/confirmdialog.js +7 -1
  53. package/confirmdialog/confirmdialog.min.js +1 -1
  54. package/confirmpopup/ConfirmPopup.vue +59 -5
  55. package/confirmpopup/confirmpopup.cjs.js +83 -19
  56. package/confirmpopup/confirmpopup.cjs.min.js +1 -1
  57. package/confirmpopup/confirmpopup.esm.js +82 -19
  58. package/confirmpopup/confirmpopup.esm.min.js +1 -1
  59. package/confirmpopup/confirmpopup.js +82 -19
  60. package/confirmpopup/confirmpopup.min.js +1 -1
  61. package/core/core.js +247 -70
  62. package/core/core.min.js +9 -7
  63. package/datatable/DataTable.d.ts +1 -1
  64. package/datatable/DataTable.vue +1 -1
  65. package/datatable/HeaderCell.vue +1 -1
  66. package/datatable/TableBody.vue +1 -1
  67. package/datatable/TableHeader.vue +1 -1
  68. package/datatable/datatable.cjs.js +4 -4
  69. package/datatable/datatable.cjs.min.js +1 -1
  70. package/datatable/datatable.esm.js +4 -4
  71. package/datatable/datatable.esm.min.js +1 -1
  72. package/datatable/datatable.js +4 -4
  73. package/datatable/datatable.min.js +1 -1
  74. package/dialog/Dialog.d.ts +5 -6
  75. package/dialog/Dialog.vue +95 -44
  76. package/dialog/dialog.cjs.js +123 -62
  77. package/dialog/dialog.cjs.min.js +1 -1
  78. package/dialog/dialog.esm.js +123 -63
  79. package/dialog/dialog.esm.min.js +1 -1
  80. package/dialog/dialog.js +124 -64
  81. package/dialog/dialog.min.js +1 -1
  82. package/fieldset/Fieldset.d.ts +1 -1
  83. package/fieldset/Fieldset.vue +20 -2
  84. package/fieldset/fieldset.cjs.js +11 -5
  85. package/fieldset/fieldset.cjs.min.js +1 -1
  86. package/fieldset/fieldset.esm.js +12 -6
  87. package/fieldset/fieldset.esm.min.js +1 -1
  88. package/fieldset/fieldset.js +11 -5
  89. package/fieldset/fieldset.min.js +1 -1
  90. package/focustrap/FocusTrap.d.ts +5 -0
  91. package/focustrap/focustrap.cjs.js +94 -0
  92. package/focustrap/focustrap.cjs.min.js +1 -0
  93. package/focustrap/focustrap.esm.js +92 -0
  94. package/focustrap/focustrap.esm.min.js +1 -0
  95. package/focustrap/focustrap.js +96 -0
  96. package/focustrap/focustrap.min.js +1 -0
  97. package/focustrap/package.json +6 -0
  98. package/inplace/Inplace.d.ts +9 -1
  99. package/inplace/Inplace.vue +17 -3
  100. package/inplace/inplace.cjs.js +25 -7
  101. package/inplace/inplace.cjs.min.js +1 -1
  102. package/inplace/inplace.esm.js +26 -8
  103. package/inplace/inplace.esm.min.js +1 -1
  104. package/inplace/inplace.js +25 -7
  105. package/inplace/inplace.min.js +1 -1
  106. package/megamenu/MegaMenu.vue +3 -2
  107. package/megamenu/megamenu.cjs.js +3 -2
  108. package/megamenu/megamenu.cjs.min.js +1 -1
  109. package/megamenu/megamenu.esm.js +3 -2
  110. package/megamenu/megamenu.esm.min.js +1 -1
  111. package/megamenu/megamenu.js +3 -2
  112. package/megamenu/megamenu.min.js +1 -1
  113. package/menu/Menu.vue +2 -2
  114. package/menu/menu.cjs.js +2 -2
  115. package/menu/menu.cjs.min.js +1 -1
  116. package/menu/menu.esm.js +2 -2
  117. package/menu/menu.esm.min.js +1 -1
  118. package/menu/menu.js +2 -2
  119. package/menu/menu.min.js +1 -1
  120. package/menubar/Menubar.vue +1 -0
  121. package/menubar/menubar.cjs.js +16 -13
  122. package/menubar/menubar.cjs.min.js +1 -1
  123. package/menubar/menubar.esm.js +16 -13
  124. package/menubar/menubar.esm.min.js +1 -1
  125. package/menubar/menubar.js +16 -13
  126. package/menubar/menubar.min.js +1 -1
  127. package/overlaypanel/OverlayPanel.d.ts +0 -5
  128. package/overlaypanel/OverlayPanel.vue +34 -9
  129. package/overlaypanel/overlaypanel.cjs.js +53 -22
  130. package/overlaypanel/overlaypanel.cjs.min.js +1 -1
  131. package/overlaypanel/overlaypanel.esm.js +52 -22
  132. package/overlaypanel/overlaypanel.esm.min.js +1 -1
  133. package/overlaypanel/overlaypanel.js +52 -22
  134. package/overlaypanel/overlaypanel.min.js +1 -1
  135. package/package.json +1 -1
  136. package/panel/Panel.d.ts +2 -2
  137. package/panel/Panel.vue +9 -2
  138. package/panel/panel.cjs.js +11 -5
  139. package/panel/panel.cjs.min.js +1 -1
  140. package/panel/panel.esm.js +12 -6
  141. package/panel/panel.esm.min.js +1 -1
  142. package/panel/panel.js +11 -5
  143. package/panel/panel.min.js +1 -1
  144. package/progressspinner/ProgressSpinner.vue +1 -1
  145. package/progressspinner/progressspinner.cjs.js +1 -2
  146. package/progressspinner/progressspinner.cjs.min.js +1 -1
  147. package/progressspinner/progressspinner.esm.js +1 -2
  148. package/progressspinner/progressspinner.esm.min.js +1 -1
  149. package/progressspinner/progressspinner.js +1 -2
  150. package/progressspinner/progressspinner.min.js +1 -1
  151. package/resources/primevue.css +4 -2
  152. package/resources/primevue.min.css +1 -1
  153. package/ripple/ripple.cjs.js +1 -0
  154. package/ripple/ripple.cjs.min.js +1 -1
  155. package/ripple/ripple.esm.js +1 -0
  156. package/ripple/ripple.esm.min.js +1 -1
  157. package/ripple/ripple.js +1 -0
  158. package/ripple/ripple.min.js +1 -1
  159. package/scrolltop/ScrollTop.vue +4 -1
  160. package/scrolltop/scrolltop.cjs.js +8 -2
  161. package/scrolltop/scrolltop.cjs.min.js +1 -1
  162. package/scrolltop/scrolltop.esm.js +8 -2
  163. package/scrolltop/scrolltop.esm.min.js +1 -1
  164. package/scrolltop/scrolltop.js +8 -2
  165. package/scrolltop/scrolltop.min.js +1 -1
  166. package/sidebar/Sidebar.d.ts +0 -5
  167. package/sidebar/Sidebar.vue +39 -11
  168. package/sidebar/sidebar.cjs.js +62 -23
  169. package/sidebar/sidebar.cjs.min.js +1 -1
  170. package/sidebar/sidebar.esm.js +62 -24
  171. package/sidebar/sidebar.esm.min.js +1 -1
  172. package/sidebar/sidebar.js +63 -25
  173. package/sidebar/sidebar.min.js +1 -1
  174. package/skeleton/Skeleton.vue +1 -1
  175. package/skeleton/skeleton.cjs.js +2 -1
  176. package/skeleton/skeleton.cjs.min.js +1 -1
  177. package/skeleton/skeleton.esm.js +2 -1
  178. package/skeleton/skeleton.esm.min.js +1 -1
  179. package/skeleton/skeleton.js +2 -1
  180. package/skeleton/skeleton.min.js +1 -1
  181. package/slider/Slider.vue +2 -2
  182. package/slider/slider.cjs.js +2 -2
  183. package/slider/slider.cjs.min.js +1 -1
  184. package/slider/slider.esm.js +2 -2
  185. package/slider/slider.esm.min.js +1 -1
  186. package/slider/slider.js +2 -2
  187. package/slider/slider.min.js +1 -1
  188. package/splitter/Splitter.d.ts +16 -0
  189. package/splitter/Splitter.vue +2 -1
  190. package/splitter/splitter.cjs.js +2 -1
  191. package/splitter/splitter.cjs.min.js +1 -1
  192. package/splitter/splitter.esm.js +2 -1
  193. package/splitter/splitter.esm.min.js +1 -1
  194. package/splitter/splitter.js +2 -1
  195. package/splitter/splitter.min.js +1 -1
  196. package/tabview/TabView.vue +8 -2
  197. package/tabview/tabview.cjs.js +8 -2
  198. package/tabview/tabview.cjs.min.js +1 -1
  199. package/tabview/tabview.esm.js +8 -2
  200. package/tabview/tabview.esm.min.js +1 -1
  201. package/tabview/tabview.js +8 -2
  202. package/tabview/tabview.min.js +1 -1
  203. package/terminal/Terminal.vue +2 -2
  204. package/terminal/terminal.cjs.js +5 -2
  205. package/terminal/terminal.cjs.min.js +1 -1
  206. package/terminal/terminal.esm.js +5 -2
  207. package/terminal/terminal.esm.min.js +1 -1
  208. package/terminal/terminal.js +5 -2
  209. package/terminal/terminal.min.js +1 -1
  210. package/tieredmenu/TieredMenu.vue +1 -2
  211. package/tieredmenu/tieredmenu.cjs.js +1 -2
  212. package/tieredmenu/tieredmenu.cjs.min.js +1 -1
  213. package/tieredmenu/tieredmenu.esm.js +1 -2
  214. package/tieredmenu/tieredmenu.esm.min.js +1 -1
  215. package/tieredmenu/tieredmenu.js +1 -2
  216. package/tieredmenu/tieredmenu.min.js +1 -1
  217. package/tooltip/tooltip.cjs.js +14 -1
  218. package/tooltip/tooltip.cjs.min.js +1 -1
  219. package/tooltip/tooltip.esm.js +14 -1
  220. package/tooltip/tooltip.esm.min.js +1 -1
  221. package/tooltip/tooltip.js +14 -1
  222. package/tooltip/tooltip.min.js +1 -1
  223. package/utils/Utils.d.ts +1 -0
  224. package/utils/utils.cjs.js +6 -0
  225. package/utils/utils.cjs.min.js +1 -1
  226. package/utils/utils.esm.js +6 -0
  227. package/utils/utils.esm.min.js +1 -1
  228. package/utils/utils.js +6 -0
  229. package/utils/utils.min.js +1 -1
  230. package/vetur-attributes.json +27 -19
  231. package/vetur-tags.json +9 -7
  232. package/web-types.json +100 -38
package/README.md CHANGED
@@ -155,9 +155,9 @@ export default defineNuxtConfig({
155
155
  'primevue/resources/primevue.css',
156
156
  'primeicons/primeicons.css'
157
157
  ],
158
- build: {
159
- transpile: ['primevue']
160
- }
158
+ build: {
159
+ transpile: ['primevue']
160
+ }
161
161
  })
162
162
  ```
163
163
 
@@ -251,6 +251,14 @@ app.use(PrimeVue, {
251
251
 
252
252
  PrimeVue provides a Locale API to support i18n and l7n, visit the [Locale](https://www.primefaces.org/primevue/showcase/#/locale) documentation for more information.
253
253
 
254
+ ## Quickstart with Create Vue
255
+
256
+ An [example application](https://github.com/primefaces/primevue-quickstart-create-vue) based on Create Vue is available at github.
257
+
258
+ ## Quickstart with Create Vue TypeScrript
259
+
260
+ An [sample application](https://github.com/primefaces/primevue-quickstart-create-vue-ts) based on Create Vue is available at github.
261
+
254
262
  ## Quickstart with Vue CLI
255
263
 
256
264
  An [example application](https://github.com/primefaces/primevue-quickstart) based on Vue CLI is available at github.
package/api/Api.d.ts CHANGED
@@ -76,16 +76,19 @@ export interface PrimeIconsOptions {
76
76
  readonly ARROW_DOWN_RIGHT: string;
77
77
  readonly ARROW_LEFT: string;
78
78
  readonly ARROW_RIGHT: string;
79
+ readonly ARROW_RIGHT_ARROW_LEFT: string;
79
80
  readonly ARROW_UP: string;
80
81
  readonly ARROW_UP_LEFT: string;
81
82
  readonly ARROW_UP_RIGHT: string;
82
83
  readonly ARROW_H: string;
83
84
  readonly ARROW_V: string;
85
+ readonly ARROW_A: string;
84
86
  readonly AT: string;
85
87
  readonly BACKWARD: string;
86
88
  readonly BAN: string;
87
89
  readonly BARS: string;
88
90
  readonly BELL: string;
91
+ readonly BITCOIN: string;
89
92
  readonly BOLT: string;
90
93
  readonly BOOK: string;
91
94
  readonly BOOKMARK: string;
@@ -97,12 +100,14 @@ export interface PrimeIconsOptions {
97
100
  readonly CALENDAR_MINUS: string;
98
101
  readonly CALENDAR_PLUS: string;
99
102
  readonly CALENDAR_TIMES: string;
103
+ readonly CALCULATOR: string;
100
104
  readonly CAMERA: string;
101
105
  readonly CAR: string;
102
106
  readonly CARET_DOWN: string;
103
107
  readonly CARET_LEFT: string;
104
108
  readonly CARET_RIGHT: string;
105
109
  readonly CARET_UP: string;
110
+ readonly CART_PLUS: string;
106
111
  readonly CHART_BAR: string;
107
112
  readonly CHART_LINE: string;
108
113
  readonly CHART_PIE: string;
@@ -132,6 +137,7 @@ export interface PrimeIconsOptions {
132
137
  readonly COPY: string;
133
138
  readonly CREDIT_CARD: string;
134
139
  readonly DATABASE: string;
140
+ readonly DELETELEFT: string;
135
141
  readonly DESKTOP: string;
136
142
  readonly DIRECTIONS: string;
137
143
  readonly DIRECTIONS_ALT: string;
@@ -142,6 +148,7 @@ export interface PrimeIconsOptions {
142
148
  readonly ELLIPSIS_H: string;
143
149
  readonly ELLIPSIS_V: string;
144
150
  readonly ENVELOPE: string;
151
+ readonly ERASER: string;
145
152
  readonly EURO: string;
146
153
  readonly EXCLAMATION_CIRCLE: string;
147
154
  readonly EXCLAMATION_TRIANGLE: string;
@@ -152,8 +159,12 @@ export interface PrimeIconsOptions {
152
159
  readonly FAST_BACKWARD: string;
153
160
  readonly FAST_FORWARD: string;
154
161
  readonly FILE: string;
162
+ readonly FILE_EDIT: string;
155
163
  readonly FILE_EXCEL: string;
164
+ readonly FILE_EXPORT: string;
165
+ readonly FILE_IMPORT: string;
156
166
  readonly FILE_PDF: string;
167
+ readonly FILE_WORD: string;
157
168
  readonly FILTER: string;
158
169
  readonly FILTER_FILL: string;
159
170
  readonly FILTER_SLASH: string;
@@ -162,6 +173,7 @@ export interface PrimeIconsOptions {
162
173
  readonly FOLDER: string;
163
174
  readonly FOLDER_OPEN: string;
164
175
  readonly FORWARD: string;
176
+ readonly GIFT: string;
165
177
  readonly GITHUB: string;
166
178
  readonly GLOBE: string;
167
179
  readonly GOOGLE: string;
@@ -169,6 +181,7 @@ export interface PrimeIconsOptions {
169
181
  readonly HEART: string;
170
182
  readonly HEART_FILL: string;
171
183
  readonly HISTORY: string;
184
+ readonly HOURGLASS: string;
172
185
  readonly HOME: string;
173
186
  readonly ID_CARD: string;
174
187
  readonly IMAGE: string;
@@ -178,6 +191,7 @@ export interface PrimeIconsOptions {
178
191
  readonly INFO_CIRCLE: string;
179
192
  readonly INSTAGRAM: string;
180
193
  readonly KEY: string;
194
+ readonly LANGUAGE: string;
181
195
  readonly LINK: string;
182
196
  readonly LINKEDIN: string;
183
197
  readonly LIST: string;
@@ -185,6 +199,8 @@ export interface PrimeIconsOptions {
185
199
  readonly LOCK_OPEN: string;
186
200
  readonly MAP: string;
187
201
  readonly MAP_MARKER: string;
202
+ readonly MEGAPHONE: string;
203
+ readonly MICREPHONE: string;
188
204
  readonly MICROSOFT: string;
189
205
  readonly MINUS: string;
190
206
  readonly MINUS_CIRCLE: string;
@@ -253,6 +269,7 @@ export interface PrimeIconsOptions {
253
269
  readonly STEP_FORWARD: string;
254
270
  readonly STEP_FORWARD_ALT: string;
255
271
  readonly STOP: string;
272
+ readonly STOPWATCH: string;
256
273
  readonly STOP_CIRCLE: string;
257
274
  readonly SUN: string;
258
275
  readonly SYNC: string;
@@ -263,11 +280,14 @@ export interface PrimeIconsOptions {
263
280
  readonly TELEGRAM: string;
264
281
  readonly TH_LARGE: string;
265
282
  readonly THUMBS_DOWN: string;
283
+ readonly THUMBS_DOWN_FILL: string;
266
284
  readonly THUMBS_UP: string;
285
+ readonly THUMBS_UP_FILL: string;
267
286
  readonly TICKET: string;
268
287
  readonly TIMES: string;
269
288
  readonly TIMES_CIRCLE: string;
270
289
  readonly TRASH: string;
290
+ readonly TRUCK: string;
271
291
  readonly TWITTER: string;
272
292
  readonly UNDO: string;
273
293
  readonly UNLOCK: string;
@@ -277,6 +297,7 @@ export interface PrimeIconsOptions {
277
297
  readonly USER_MINUS: string;
278
298
  readonly USER_PLUS: string;
279
299
  readonly USERS: string;
300
+ readonly VERIFIED: string;
280
301
  readonly VIDEO: string;
281
302
  readonly VIMEO: string;
282
303
  readonly VOLUME_DOWN: string;
@@ -287,6 +308,7 @@ export interface PrimeIconsOptions {
287
308
  readonly WIFI: string;
288
309
  readonly WINDOW_MAXIMIZE: string;
289
310
  readonly WINDOW_MINIMIZE: string;
311
+ readonly WRENCH: string;
290
312
  readonly YOUTUBE: string;
291
313
  }
292
314
 
@@ -30,6 +30,14 @@ export interface AvatarProps {
30
30
  * Default value is 'square'.
31
31
  */
32
32
  shape?: AvatarShapeType;
33
+ /**
34
+ * Establishes a string value that labels the component.
35
+ */
36
+ 'aria-label'?: string | undefined;
37
+ /**
38
+ * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
39
+ */
40
+ 'aria-labelledby'?: string | undefined;
33
41
  }
34
42
 
35
43
  export interface AvatarSlots {
package/avatar/Avatar.vue CHANGED
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div :class="containerClass">
2
+ <div :class="containerClass" :aria-labelledby="ariaLabelledby" :aria-label="ariaLabel">
3
3
  <slot>
4
4
  <span v-if="label" class="p-avatar-text">{{ label }}</span>
5
5
  <span v-else-if="icon" :class="iconClass"></span>
@@ -32,6 +32,14 @@ export default {
32
32
  shape: {
33
33
  type: String,
34
34
  default: 'square'
35
+ },
36
+ 'aria-labelledby': {
37
+ type: String,
38
+ default: null
39
+ },
40
+ 'aria-label': {
41
+ type: String,
42
+ default: null
35
43
  }
36
44
  },
37
45
  methods: {
@@ -25,6 +25,14 @@ var script = {
25
25
  shape: {
26
26
  type: String,
27
27
  default: 'square'
28
+ },
29
+ 'aria-labelledby': {
30
+ type: String,
31
+ default: null
32
+ },
33
+ 'aria-label': {
34
+ type: String,
35
+ default: null
28
36
  }
29
37
  },
30
38
  methods: {
@@ -50,19 +58,22 @@ var script = {
50
58
  }
51
59
  };
52
60
 
53
- const _hoisted_1 = {
61
+ const _hoisted_1 = ["aria-labelledby", "aria-label"];
62
+ const _hoisted_2 = {
54
63
  key: 0,
55
64
  class: "p-avatar-text"
56
65
  };
57
- const _hoisted_2 = ["src"];
66
+ const _hoisted_3 = ["src"];
58
67
 
59
68
  function render(_ctx, _cache, $props, $setup, $data, $options) {
60
69
  return (vue.openBlock(), vue.createElementBlock("div", {
61
- class: vue.normalizeClass($options.containerClass)
70
+ class: vue.normalizeClass($options.containerClass),
71
+ "aria-labelledby": _ctx.ariaLabelledby,
72
+ "aria-label": _ctx.ariaLabel
62
73
  }, [
63
74
  vue.renderSlot(_ctx.$slots, "default", {}, () => [
64
75
  ($props.label)
65
- ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString($props.label), 1))
76
+ ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString($props.label), 1))
66
77
  : ($props.icon)
67
78
  ? (vue.openBlock(), vue.createElementBlock("span", {
68
79
  key: 1,
@@ -73,10 +84,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
73
84
  key: 2,
74
85
  src: $props.image,
75
86
  onError: _cache[0] || (_cache[0] = (...args) => ($options.onError && $options.onError(...args)))
76
- }, null, 40, _hoisted_2))
87
+ }, null, 40, _hoisted_3))
77
88
  : vue.createCommentVNode("", true)
78
89
  ])
79
- ], 2))
90
+ ], 10, _hoisted_1))
80
91
  }
81
92
 
82
93
  function styleInject(css, ref) {
@@ -1 +1 @@
1
- "use strict";var e=require("vue"),n={name:"Avatar",emits:["error"],props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},size:{type:String,default:"normal"},shape:{type:String,default:"square"}},methods:{onError(){this.$emit("error")}},computed:{containerClass(){return["p-avatar p-component",{"p-avatar-image":null!=this.image,"p-avatar-circle":"circle"===this.shape,"p-avatar-lg":"large"===this.size,"p-avatar-xl":"xlarge"===this.size}]},iconClass(){return["p-avatar-icon",this.icon]}}};const t={key:0,class:"p-avatar-text"},a=["src"];!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===t&&a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}("\n.p-avatar {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n font-size: 1rem;\n}\n.p-avatar.p-avatar-image {\n background-color: transparent;\n}\n.p-avatar.p-avatar-circle {\n border-radius: 50%;\n}\n.p-avatar-circle img {\n border-radius: 50%;\n}\n.p-avatar .p-avatar-icon {\n font-size: 1rem;\n}\n.p-avatar img {\n width: 100%;\n height: 100%;\n}\n"),n.render=function(n,r,i,l,o,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(s.containerClass)},[e.renderSlot(n.$slots,"default",{},(()=>[i.label?(e.openBlock(),e.createElementBlock("span",t,e.toDisplayString(i.label),1)):i.icon?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(s.iconClass)},null,2)):i.image?(e.openBlock(),e.createElementBlock("img",{key:2,src:i.image,onError:r[0]||(r[0]=(...e)=>s.onError&&s.onError(...e))},null,40,a)):e.createCommentVNode("",!0)]))],2)},module.exports=n;
1
+ "use strict";var e=require("vue"),a={name:"Avatar",emits:["error"],props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},size:{type:String,default:"normal"},shape:{type:String,default:"square"},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},methods:{onError(){this.$emit("error")}},computed:{containerClass(){return["p-avatar p-component",{"p-avatar-image":null!=this.image,"p-avatar-circle":"circle"===this.shape,"p-avatar-lg":"large"===this.size,"p-avatar-xl":"xlarge"===this.size}]},iconClass(){return["p-avatar-icon",this.icon]}}};const t=["aria-labelledby","aria-label"],n={key:0,class:"p-avatar-text"},r=["src"];!function(e,a){void 0===a&&(a={});var t=a.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===t&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}("\n.p-avatar {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n font-size: 1rem;\n}\n.p-avatar.p-avatar-image {\n background-color: transparent;\n}\n.p-avatar.p-avatar-circle {\n border-radius: 50%;\n}\n.p-avatar-circle img {\n border-radius: 50%;\n}\n.p-avatar .p-avatar-icon {\n font-size: 1rem;\n}\n.p-avatar img {\n width: 100%;\n height: 100%;\n}\n"),a.render=function(a,l,i,o,s,c){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(c.containerClass),"aria-labelledby":a.ariaLabelledby,"aria-label":a.ariaLabel},[e.renderSlot(a.$slots,"default",{},(()=>[i.label?(e.openBlock(),e.createElementBlock("span",n,e.toDisplayString(i.label),1)):i.icon?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(c.iconClass)},null,2)):i.image?(e.openBlock(),e.createElementBlock("img",{key:2,src:i.image,onError:l[0]||(l[0]=(...e)=>c.onError&&c.onError(...e))},null,40,r)):e.createCommentVNode("",!0)]))],10,t)},module.exports=a;
@@ -23,6 +23,14 @@ var script = {
23
23
  shape: {
24
24
  type: String,
25
25
  default: 'square'
26
+ },
27
+ 'aria-labelledby': {
28
+ type: String,
29
+ default: null
30
+ },
31
+ 'aria-label': {
32
+ type: String,
33
+ default: null
26
34
  }
27
35
  },
28
36
  methods: {
@@ -48,19 +56,22 @@ var script = {
48
56
  }
49
57
  };
50
58
 
51
- const _hoisted_1 = {
59
+ const _hoisted_1 = ["aria-labelledby", "aria-label"];
60
+ const _hoisted_2 = {
52
61
  key: 0,
53
62
  class: "p-avatar-text"
54
63
  };
55
- const _hoisted_2 = ["src"];
64
+ const _hoisted_3 = ["src"];
56
65
 
57
66
  function render(_ctx, _cache, $props, $setup, $data, $options) {
58
67
  return (openBlock(), createElementBlock("div", {
59
- class: normalizeClass($options.containerClass)
68
+ class: normalizeClass($options.containerClass),
69
+ "aria-labelledby": _ctx.ariaLabelledby,
70
+ "aria-label": _ctx.ariaLabel
60
71
  }, [
61
72
  renderSlot(_ctx.$slots, "default", {}, () => [
62
73
  ($props.label)
63
- ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString($props.label), 1))
74
+ ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString($props.label), 1))
64
75
  : ($props.icon)
65
76
  ? (openBlock(), createElementBlock("span", {
66
77
  key: 1,
@@ -71,10 +82,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
71
82
  key: 2,
72
83
  src: $props.image,
73
84
  onError: _cache[0] || (_cache[0] = (...args) => ($options.onError && $options.onError(...args)))
74
- }, null, 40, _hoisted_2))
85
+ }, null, 40, _hoisted_3))
75
86
  : createCommentVNode("", true)
76
87
  ])
77
- ], 2))
88
+ ], 10, _hoisted_1))
78
89
  }
79
90
 
80
91
  function styleInject(css, ref) {
@@ -1 +1 @@
1
- import{openBlock as e,createElementBlock as a,normalizeClass as n,renderSlot as t,toDisplayString as r,createCommentVNode as i}from"vue";var l={name:"Avatar",emits:["error"],props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},size:{type:String,default:"normal"},shape:{type:String,default:"square"}},methods:{onError(){this.$emit("error")}},computed:{containerClass(){return["p-avatar p-component",{"p-avatar-image":null!=this.image,"p-avatar-circle":"circle"===this.shape,"p-avatar-lg":"large"===this.size,"p-avatar-xl":"xlarge"===this.size}]},iconClass(){return["p-avatar-icon",this.icon]}}};const s={key:0,class:"p-avatar-text"},o=["src"];!function(e,a){void 0===a&&(a={});var n=a.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===n&&t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}("\n.p-avatar {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n font-size: 1rem;\n}\n.p-avatar.p-avatar-image {\n background-color: transparent;\n}\n.p-avatar.p-avatar-circle {\n border-radius: 50%;\n}\n.p-avatar-circle img {\n border-radius: 50%;\n}\n.p-avatar .p-avatar-icon {\n font-size: 1rem;\n}\n.p-avatar img {\n width: 100%;\n height: 100%;\n}\n"),l.render=function(l,c,p,d,m,u){return e(),a("div",{class:n(u.containerClass)},[t(l.$slots,"default",{},(()=>[p.label?(e(),a("span",s,r(p.label),1)):p.icon?(e(),a("span",{key:1,class:n(u.iconClass)},null,2)):p.image?(e(),a("img",{key:2,src:p.image,onError:c[0]||(c[0]=(...e)=>u.onError&&u.onError(...e))},null,40,o)):i("",!0)]))],2)};export{l as default};
1
+ import{openBlock as e,createElementBlock as a,normalizeClass as t,renderSlot as n,toDisplayString as r,createCommentVNode as l}from"vue";var i={name:"Avatar",emits:["error"],props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},size:{type:String,default:"normal"},shape:{type:String,default:"square"},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},methods:{onError(){this.$emit("error")}},computed:{containerClass(){return["p-avatar p-component",{"p-avatar-image":null!=this.image,"p-avatar-circle":"circle"===this.shape,"p-avatar-lg":"large"===this.size,"p-avatar-xl":"xlarge"===this.size}]},iconClass(){return["p-avatar-icon",this.icon]}}};const s=["aria-labelledby","aria-label"],o={key:0,class:"p-avatar-text"},c=["src"];!function(e,a){void 0===a&&(a={});var t=a.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===t&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}("\n.p-avatar {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n font-size: 1rem;\n}\n.p-avatar.p-avatar-image {\n background-color: transparent;\n}\n.p-avatar.p-avatar-circle {\n border-radius: 50%;\n}\n.p-avatar-circle img {\n border-radius: 50%;\n}\n.p-avatar .p-avatar-icon {\n font-size: 1rem;\n}\n.p-avatar img {\n width: 100%;\n height: 100%;\n}\n"),i.render=function(i,p,d,u,m,g){return e(),a("div",{class:t(g.containerClass),"aria-labelledby":i.ariaLabelledby,"aria-label":i.ariaLabel},[n(i.$slots,"default",{},(()=>[d.label?(e(),a("span",o,r(d.label),1)):d.icon?(e(),a("span",{key:1,class:t(g.iconClass)},null,2)):d.image?(e(),a("img",{key:2,src:d.image,onError:p[0]||(p[0]=(...e)=>g.onError&&g.onError(...e))},null,40,c)):l("",!0)]))],10,s)};export{i as default};
package/avatar/avatar.js CHANGED
@@ -25,6 +25,14 @@ this.primevue.avatar = (function (vue) {
25
25
  shape: {
26
26
  type: String,
27
27
  default: 'square'
28
+ },
29
+ 'aria-labelledby': {
30
+ type: String,
31
+ default: null
32
+ },
33
+ 'aria-label': {
34
+ type: String,
35
+ default: null
28
36
  }
29
37
  },
30
38
  methods: {
@@ -50,19 +58,22 @@ this.primevue.avatar = (function (vue) {
50
58
  }
51
59
  };
52
60
 
53
- const _hoisted_1 = {
61
+ const _hoisted_1 = ["aria-labelledby", "aria-label"];
62
+ const _hoisted_2 = {
54
63
  key: 0,
55
64
  class: "p-avatar-text"
56
65
  };
57
- const _hoisted_2 = ["src"];
66
+ const _hoisted_3 = ["src"];
58
67
 
59
68
  function render(_ctx, _cache, $props, $setup, $data, $options) {
60
69
  return (vue.openBlock(), vue.createElementBlock("div", {
61
- class: vue.normalizeClass($options.containerClass)
70
+ class: vue.normalizeClass($options.containerClass),
71
+ "aria-labelledby": _ctx.ariaLabelledby,
72
+ "aria-label": _ctx.ariaLabel
62
73
  }, [
63
74
  vue.renderSlot(_ctx.$slots, "default", {}, () => [
64
75
  ($props.label)
65
- ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString($props.label), 1))
76
+ ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString($props.label), 1))
66
77
  : ($props.icon)
67
78
  ? (vue.openBlock(), vue.createElementBlock("span", {
68
79
  key: 1,
@@ -73,10 +84,10 @@ this.primevue.avatar = (function (vue) {
73
84
  key: 2,
74
85
  src: $props.image,
75
86
  onError: _cache[0] || (_cache[0] = (...args) => ($options.onError && $options.onError(...args)))
76
- }, null, 40, _hoisted_2))
87
+ }, null, 40, _hoisted_3))
77
88
  : vue.createCommentVNode("", true)
78
89
  ])
79
- ], 2))
90
+ ], 10, _hoisted_1))
80
91
  }
81
92
 
82
93
  function styleInject(css, ref) {
@@ -1 +1 @@
1
- this.primevue=this.primevue||{},this.primevue.avatar=function(e){"use strict";var t={name:"Avatar",emits:["error"],props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},size:{type:String,default:"normal"},shape:{type:String,default:"square"}},methods:{onError(){this.$emit("error")}},computed:{containerClass(){return["p-avatar p-component",{"p-avatar-image":null!=this.image,"p-avatar-circle":"circle"===this.shape,"p-avatar-lg":"large"===this.size,"p-avatar-xl":"xlarge"===this.size}]},iconClass(){return["p-avatar-icon",this.icon]}}};const n={key:0,class:"p-avatar-text"},a=["src"];return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===n&&a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}("\n.p-avatar {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n font-size: 1rem;\n}\n.p-avatar.p-avatar-image {\n background-color: transparent;\n}\n.p-avatar.p-avatar-circle {\n border-radius: 50%;\n}\n.p-avatar-circle img {\n border-radius: 50%;\n}\n.p-avatar .p-avatar-icon {\n font-size: 1rem;\n}\n.p-avatar img {\n width: 100%;\n height: 100%;\n}\n"),t.render=function(t,r,i,l,s,o){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.containerClass)},[e.renderSlot(t.$slots,"default",{},(()=>[i.label?(e.openBlock(),e.createElementBlock("span",n,e.toDisplayString(i.label),1)):i.icon?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(o.iconClass)},null,2)):i.image?(e.openBlock(),e.createElementBlock("img",{key:2,src:i.image,onError:r[0]||(r[0]=(...e)=>o.onError&&o.onError(...e))},null,40,a)):e.createCommentVNode("",!0)]))],2)},t}(Vue);
1
+ this.primevue=this.primevue||{},this.primevue.avatar=function(e){"use strict";var a={name:"Avatar",emits:["error"],props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},size:{type:String,default:"normal"},shape:{type:String,default:"square"},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},methods:{onError(){this.$emit("error")}},computed:{containerClass(){return["p-avatar p-component",{"p-avatar-image":null!=this.image,"p-avatar-circle":"circle"===this.shape,"p-avatar-lg":"large"===this.size,"p-avatar-xl":"xlarge"===this.size}]},iconClass(){return["p-avatar-icon",this.icon]}}};const t=["aria-labelledby","aria-label"],n={key:0,class:"p-avatar-text"},r=["src"];return function(e,a){void 0===a&&(a={});var t=a.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===t&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}("\n.p-avatar {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n font-size: 1rem;\n}\n.p-avatar.p-avatar-image {\n background-color: transparent;\n}\n.p-avatar.p-avatar-circle {\n border-radius: 50%;\n}\n.p-avatar-circle img {\n border-radius: 50%;\n}\n.p-avatar .p-avatar-icon {\n font-size: 1rem;\n}\n.p-avatar img {\n width: 100%;\n height: 100%;\n}\n"),a.render=function(a,l,i,s,o,c){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(c.containerClass),"aria-labelledby":a.ariaLabelledby,"aria-label":a.ariaLabel},[e.renderSlot(a.$slots,"default",{},(()=>[i.label?(e.openBlock(),e.createElementBlock("span",n,e.toDisplayString(i.label),1)):i.icon?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(c.iconClass)},null,2)):i.image?(e.openBlock(),e.createElementBlock("img",{key:2,src:i.image,onError:l[0]||(l[0]=(...e)=>c.onError&&c.onError(...e))},null,40,r)):e.createCommentVNode("",!0)]))],10,t)},a}(Vue);
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div ref="container" class="p-blockui-container" v-bind="$attrs">
2
+ <div ref="container" class="p-blockui-container" :aria-busy="isBlocked">
3
3
  <slot></slot>
4
4
  </div>
5
5
  </template>
@@ -29,6 +29,11 @@ export default {
29
29
  }
30
30
  },
31
31
  mask: null,
32
+ data() {
33
+ return {
34
+ isBlocked: false
35
+ };
36
+ },
32
37
  watch: {
33
38
  blocked(newValue) {
34
39
  if (newValue === true) this.block();
@@ -61,6 +66,7 @@ export default {
61
66
  ZIndexUtils.set('modal', this.mask, this.baseZIndex + this.$primevue.config.zIndex.modal);
62
67
  }
63
68
 
69
+ this.isBlocked = true;
64
70
  this.$emit('block');
65
71
  },
66
72
  unblock() {
@@ -79,6 +85,7 @@ export default {
79
85
  this.$refs.container.removeChild(this.mask);
80
86
  }
81
87
 
88
+ this.isBlocked = false;
82
89
  this.$emit('unblock');
83
90
  }
84
91
  }
@@ -25,6 +25,11 @@ var script = {
25
25
  }
26
26
  },
27
27
  mask: null,
28
+ data() {
29
+ return {
30
+ isBlocked: false
31
+ };
32
+ },
28
33
  watch: {
29
34
  blocked(newValue) {
30
35
  if (newValue === true) this.block();
@@ -57,6 +62,7 @@ var script = {
57
62
  utils.ZIndexUtils.set('modal', this.mask, this.baseZIndex + this.$primevue.config.zIndex.modal);
58
63
  }
59
64
 
65
+ this.isBlocked = true;
60
66
  this.$emit('block');
61
67
  },
62
68
  unblock() {
@@ -75,18 +81,22 @@ var script = {
75
81
  this.$refs.container.removeChild(this.mask);
76
82
  }
77
83
 
84
+ this.isBlocked = false;
78
85
  this.$emit('unblock');
79
86
  }
80
87
  }
81
88
  };
82
89
 
90
+ const _hoisted_1 = ["aria-busy"];
91
+
83
92
  function render(_ctx, _cache, $props, $setup, $data, $options) {
84
- return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
93
+ return (vue.openBlock(), vue.createElementBlock("div", {
85
94
  ref: "container",
86
- class: "p-blockui-container"
87
- }, _ctx.$attrs), [
95
+ class: "p-blockui-container",
96
+ "aria-busy": $data.isBlocked
97
+ }, [
88
98
  vue.renderSlot(_ctx.$slots, "default")
89
- ], 16))
99
+ ], 8, _hoisted_1))
90
100
  }
91
101
 
92
102
  function styleInject(css, ref) {
@@ -1 +1 @@
1
- "use strict";var e=require("primevue/utils"),t=require("vue"),o={name:"BlockUI",emits:["block","unblock"],props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},mask:null,watch:{blocked(e){!0===e?this.block():this.unblock()}},mounted(){this.blocked&&this.block()},methods:{block(){let t="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(t+=" p-blockui-document",this.mask=document.createElement("div"),this.mask.setAttribute("class",t),document.body.appendChild(this.mask),e.DomHandler.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()):(this.mask=document.createElement("div"),this.mask.setAttribute("class",t),this.$refs.container.appendChild(this.mask)),this.autoZIndex&&e.ZIndexUtils.set("modal",this.mask,this.baseZIndex+this.$primevue.config.zIndex.modal),this.$emit("block")},unblock(){e.DomHandler.addClass(this.mask,"p-component-overlay-leave"),this.mask.addEventListener("animationend",(()=>{this.removeMask()}))},removeMask(){e.ZIndexUtils.clear(this.mask),this.fullScreen?(document.body.removeChild(this.mask),e.DomHandler.removeClass(document.body,"p-overflow-hidden")):this.$refs.container.removeChild(this.mask),this.$emit("unblock")}}};!function(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===o&&n.firstChild?n.insertBefore(s,n.firstChild):n.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-blockui-container {\n position: relative;\n}\n.p-blockui {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.p-blockui.p-component-overlay {\n position: absolute;\n}\n.p-blockui-document.p-component-overlay {\n position: fixed;\n}\n"),o.render=function(e,o,n,s,i,l){return t.openBlock(),t.createElementBlock("div",t.mergeProps({ref:"container",class:"p-blockui-container"},e.$attrs),[t.renderSlot(e.$slots,"default")],16)},module.exports=o;
1
+ "use strict";var e=require("primevue/utils"),t=require("vue"),o={name:"BlockUI",emits:["block","unblock"],props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},mask:null,data:()=>({isBlocked:!1}),watch:{blocked(e){!0===e?this.block():this.unblock()}},mounted(){this.blocked&&this.block()},methods:{block(){let t="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(t+=" p-blockui-document",this.mask=document.createElement("div"),this.mask.setAttribute("class",t),document.body.appendChild(this.mask),e.DomHandler.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()):(this.mask=document.createElement("div"),this.mask.setAttribute("class",t),this.$refs.container.appendChild(this.mask)),this.autoZIndex&&e.ZIndexUtils.set("modal",this.mask,this.baseZIndex+this.$primevue.config.zIndex.modal),this.isBlocked=!0,this.$emit("block")},unblock(){e.DomHandler.addClass(this.mask,"p-component-overlay-leave"),this.mask.addEventListener("animationend",(()=>{this.removeMask()}))},removeMask(){e.ZIndexUtils.clear(this.mask),this.fullScreen?(document.body.removeChild(this.mask),e.DomHandler.removeClass(document.body,"p-overflow-hidden")):this.$refs.container.removeChild(this.mask),this.isBlocked=!1,this.$emit("unblock")}}};const n=["aria-busy"];!function(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===o&&n.firstChild?n.insertBefore(s,n.firstChild):n.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-blockui-container {\n position: relative;\n}\n.p-blockui {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.p-blockui.p-component-overlay {\n position: absolute;\n}\n.p-blockui-document.p-component-overlay {\n position: fixed;\n}\n"),o.render=function(e,o,s,i,l,a){return t.openBlock(),t.createElementBlock("div",{ref:"container",class:"p-blockui-container","aria-busy":l.isBlocked},[t.renderSlot(e.$slots,"default")],8,n)},module.exports=o;
@@ -1,5 +1,5 @@
1
1
  import { DomHandler, ZIndexUtils } from 'primevue/utils';
2
- import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
2
+ import { openBlock, createElementBlock, renderSlot } from 'vue';
3
3
 
4
4
  var script = {
5
5
  name: 'BlockUI',
@@ -23,6 +23,11 @@ var script = {
23
23
  }
24
24
  },
25
25
  mask: null,
26
+ data() {
27
+ return {
28
+ isBlocked: false
29
+ };
30
+ },
26
31
  watch: {
27
32
  blocked(newValue) {
28
33
  if (newValue === true) this.block();
@@ -55,6 +60,7 @@ var script = {
55
60
  ZIndexUtils.set('modal', this.mask, this.baseZIndex + this.$primevue.config.zIndex.modal);
56
61
  }
57
62
 
63
+ this.isBlocked = true;
58
64
  this.$emit('block');
59
65
  },
60
66
  unblock() {
@@ -73,18 +79,22 @@ var script = {
73
79
  this.$refs.container.removeChild(this.mask);
74
80
  }
75
81
 
82
+ this.isBlocked = false;
76
83
  this.$emit('unblock');
77
84
  }
78
85
  }
79
86
  };
80
87
 
88
+ const _hoisted_1 = ["aria-busy"];
89
+
81
90
  function render(_ctx, _cache, $props, $setup, $data, $options) {
82
- return (openBlock(), createElementBlock("div", mergeProps({
91
+ return (openBlock(), createElementBlock("div", {
83
92
  ref: "container",
84
- class: "p-blockui-container"
85
- }, _ctx.$attrs), [
93
+ class: "p-blockui-container",
94
+ "aria-busy": $data.isBlocked
95
+ }, [
86
96
  renderSlot(_ctx.$slots, "default")
87
- ], 16))
97
+ ], 8, _hoisted_1))
88
98
  }
89
99
 
90
100
  function styleInject(css, ref) {
@@ -1 +1 @@
1
- import{DomHandler as e,ZIndexUtils as t}from"primevue/utils";import{openBlock as o,createElementBlock as n,mergeProps as i,renderSlot as s}from"vue";var l={name:"BlockUI",emits:["block","unblock"],props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},mask:null,watch:{blocked(e){!0===e?this.block():this.unblock()}},mounted(){this.blocked&&this.block()},methods:{block(){let o="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(o+=" p-blockui-document",this.mask=document.createElement("div"),this.mask.setAttribute("class",o),document.body.appendChild(this.mask),e.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()):(this.mask=document.createElement("div"),this.mask.setAttribute("class",o),this.$refs.container.appendChild(this.mask)),this.autoZIndex&&t.set("modal",this.mask,this.baseZIndex+this.$primevue.config.zIndex.modal),this.$emit("block")},unblock(){e.addClass(this.mask,"p-component-overlay-leave"),this.mask.addEventListener("animationend",(()=>{this.removeMask()}))},removeMask(){t.clear(this.mask),this.fullScreen?(document.body.removeChild(this.mask),e.removeClass(document.body,"p-overflow-hidden")):this.$refs.container.removeChild(this.mask),this.$emit("unblock")}}};!function(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===o&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-blockui-container {\n position: relative;\n}\n.p-blockui {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.p-blockui.p-component-overlay {\n position: absolute;\n}\n.p-blockui-document.p-component-overlay {\n position: fixed;\n}\n"),l.render=function(e,t,l,a,d,c){return o(),n("div",i({ref:"container",class:"p-blockui-container"},e.$attrs),[s(e.$slots,"default")],16)};export{l as default};
1
+ import{DomHandler as e,ZIndexUtils as t}from"primevue/utils";import{openBlock as o,createElementBlock as n,renderSlot as i}from"vue";var s={name:"BlockUI",emits:["block","unblock"],props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},mask:null,data:()=>({isBlocked:!1}),watch:{blocked(e){!0===e?this.block():this.unblock()}},mounted(){this.blocked&&this.block()},methods:{block(){let o="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(o+=" p-blockui-document",this.mask=document.createElement("div"),this.mask.setAttribute("class",o),document.body.appendChild(this.mask),e.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()):(this.mask=document.createElement("div"),this.mask.setAttribute("class",o),this.$refs.container.appendChild(this.mask)),this.autoZIndex&&t.set("modal",this.mask,this.baseZIndex+this.$primevue.config.zIndex.modal),this.isBlocked=!0,this.$emit("block")},unblock(){e.addClass(this.mask,"p-component-overlay-leave"),this.mask.addEventListener("animationend",(()=>{this.removeMask()}))},removeMask(){t.clear(this.mask),this.fullScreen?(document.body.removeChild(this.mask),e.removeClass(document.body,"p-overflow-hidden")):this.$refs.container.removeChild(this.mask),this.isBlocked=!1,this.$emit("unblock")}}};const l=["aria-busy"];!function(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===o&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-blockui-container {\n position: relative;\n}\n.p-blockui {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.p-blockui.p-component-overlay {\n position: absolute;\n}\n.p-blockui-document.p-component-overlay {\n position: fixed;\n}\n"),s.render=function(e,t,s,a,d,c){return o(),n("div",{ref:"container",class:"p-blockui-container","aria-busy":d.isBlocked},[i(e.$slots,"default")],8,l)};export{s as default};
@@ -24,6 +24,11 @@ this.primevue.blockui = (function (utils, vue) {
24
24
  }
25
25
  },
26
26
  mask: null,
27
+ data() {
28
+ return {
29
+ isBlocked: false
30
+ };
31
+ },
27
32
  watch: {
28
33
  blocked(newValue) {
29
34
  if (newValue === true) this.block();
@@ -56,6 +61,7 @@ this.primevue.blockui = (function (utils, vue) {
56
61
  utils.ZIndexUtils.set('modal', this.mask, this.baseZIndex + this.$primevue.config.zIndex.modal);
57
62
  }
58
63
 
64
+ this.isBlocked = true;
59
65
  this.$emit('block');
60
66
  },
61
67
  unblock() {
@@ -74,18 +80,22 @@ this.primevue.blockui = (function (utils, vue) {
74
80
  this.$refs.container.removeChild(this.mask);
75
81
  }
76
82
 
83
+ this.isBlocked = false;
77
84
  this.$emit('unblock');
78
85
  }
79
86
  }
80
87
  };
81
88
 
89
+ const _hoisted_1 = ["aria-busy"];
90
+
82
91
  function render(_ctx, _cache, $props, $setup, $data, $options) {
83
- return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
92
+ return (vue.openBlock(), vue.createElementBlock("div", {
84
93
  ref: "container",
85
- class: "p-blockui-container"
86
- }, _ctx.$attrs), [
94
+ class: "p-blockui-container",
95
+ "aria-busy": $data.isBlocked
96
+ }, [
87
97
  vue.renderSlot(_ctx.$slots, "default")
88
- ], 16))
98
+ ], 8, _hoisted_1))
89
99
  }
90
100
 
91
101
  function styleInject(css, ref) {
@@ -1 +1 @@
1
- this.primevue=this.primevue||{},this.primevue.blockui=function(e,t){"use strict";var n={name:"BlockUI",emits:["block","unblock"],props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},mask:null,watch:{blocked(e){!0===e?this.block():this.unblock()}},mounted(){this.blocked&&this.block()},methods:{block(){let t="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(t+=" p-blockui-document",this.mask=document.createElement("div"),this.mask.setAttribute("class",t),document.body.appendChild(this.mask),e.DomHandler.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()):(this.mask=document.createElement("div"),this.mask.setAttribute("class",t),this.$refs.container.appendChild(this.mask)),this.autoZIndex&&e.ZIndexUtils.set("modal",this.mask,this.baseZIndex+this.$primevue.config.zIndex.modal),this.$emit("block")},unblock(){e.DomHandler.addClass(this.mask,"p-component-overlay-leave"),this.mask.addEventListener("animationend",(()=>{this.removeMask()}))},removeMask(){e.ZIndexUtils.clear(this.mask),this.fullScreen?(document.body.removeChild(this.mask),e.DomHandler.removeClass(document.body,"p-overflow-hidden")):this.$refs.container.removeChild(this.mask),this.$emit("unblock")}}};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-blockui-container {\n position: relative;\n}\n.p-blockui {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.p-blockui.p-component-overlay {\n position: absolute;\n}\n.p-blockui-document.p-component-overlay {\n position: fixed;\n}\n"),n.render=function(e,n,o,i,s,l){return t.openBlock(),t.createElementBlock("div",t.mergeProps({ref:"container",class:"p-blockui-container"},e.$attrs),[t.renderSlot(e.$slots,"default")],16)},n}(primevue.utils,Vue);
1
+ this.primevue=this.primevue||{},this.primevue.blockui=function(e,t){"use strict";var o={name:"BlockUI",emits:["block","unblock"],props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},mask:null,data:()=>({isBlocked:!1}),watch:{blocked(e){!0===e?this.block():this.unblock()}},mounted(){this.blocked&&this.block()},methods:{block(){let t="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(t+=" p-blockui-document",this.mask=document.createElement("div"),this.mask.setAttribute("class",t),document.body.appendChild(this.mask),e.DomHandler.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()):(this.mask=document.createElement("div"),this.mask.setAttribute("class",t),this.$refs.container.appendChild(this.mask)),this.autoZIndex&&e.ZIndexUtils.set("modal",this.mask,this.baseZIndex+this.$primevue.config.zIndex.modal),this.isBlocked=!0,this.$emit("block")},unblock(){e.DomHandler.addClass(this.mask,"p-component-overlay-leave"),this.mask.addEventListener("animationend",(()=>{this.removeMask()}))},removeMask(){e.ZIndexUtils.clear(this.mask),this.fullScreen?(document.body.removeChild(this.mask),e.DomHandler.removeClass(document.body,"p-overflow-hidden")):this.$refs.container.removeChild(this.mask),this.isBlocked=!1,this.$emit("unblock")}}};const n=["aria-busy"];return function(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===o&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-blockui-container {\n position: relative;\n}\n.p-blockui {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.p-blockui.p-component-overlay {\n position: absolute;\n}\n.p-blockui-document.p-component-overlay {\n position: fixed;\n}\n"),o.render=function(e,o,i,s,l,a){return t.openBlock(),t.createElementBlock("div",{ref:"container",class:"p-blockui-container","aria-busy":l.isBlocked},[t.renderSlot(e.$slots,"default")],8,n)},o}(primevue.utils,Vue);
@@ -1618,6 +1618,10 @@ export default {
1618
1618
  setTimeout(() => (this.timePickerChange = false), 0);
1619
1619
  },
1620
1620
  toggleAMPM(event) {
1621
+ const validHour = this.validateTime(this.currentHour, this.currentMinute, this.currentSecond, !this.pm);
1622
+
1623
+ if (!validHour && (this.maxDate || this.minDate)) return;
1624
+
1621
1625
  this.pm = !this.pm;
1622
1626
  this.updateModelTime();
1623
1627
  event.preventDefault();
@@ -2698,7 +2702,7 @@ export default {
2698
2702
 
2699
2703
  if (propValue && Array.isArray(propValue)) {
2700
2704
  if (this.isRangeSelection()) {
2701
- propValue = propValue[1] || propValue[0];
2705
+ propValue = this.inline ? propValue[0] : propValue[1] || propValue[0];
2702
2706
  } else if (this.isMultipleSelection()) {
2703
2707
  propValue = propValue[propValue.length - 1];
2704
2708
  }