primevue 3.36.0 → 3.37.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 (214) hide show
  1. package/README.md +50 -20
  2. package/animate/Animate.d.ts +87 -0
  3. package/animate/animate.cjs.js +71 -0
  4. package/animate/animate.cjs.min.js +1 -0
  5. package/animate/animate.esm.js +65 -0
  6. package/animate/animate.esm.min.js +1 -0
  7. package/animate/animate.js +72 -0
  8. package/animate/animate.min.js +1 -0
  9. package/animate/package.json +6 -0
  10. package/animate/style/AnimateStyle.d.ts +3 -0
  11. package/animate/style/animatestyle.cjs.js +5 -0
  12. package/animate/style/animatestyle.cjs.min.js +1 -0
  13. package/animate/style/animatestyle.esm.js +3 -0
  14. package/animate/style/animatestyle.esm.min.js +1 -0
  15. package/animate/style/animatestyle.js +10 -0
  16. package/animate/style/animatestyle.min.js +1 -0
  17. package/animate/style/package.json +6 -0
  18. package/calendar/Calendar.vue +2 -2
  19. package/calendar/calendar.cjs.js +43 -42
  20. package/calendar/calendar.cjs.min.js +1 -1
  21. package/calendar/calendar.esm.js +43 -42
  22. package/calendar/calendar.esm.min.js +1 -1
  23. package/calendar/calendar.js +43 -42
  24. package/calendar/calendar.min.js +1 -1
  25. package/config/PrimeVue.d.ts +2 -0
  26. package/config/config.cjs.js +15 -13
  27. package/config/config.cjs.min.js +1 -1
  28. package/config/config.esm.js +15 -13
  29. package/config/config.esm.min.js +1 -1
  30. package/config/config.js +15 -13
  31. package/config/config.min.js +1 -1
  32. package/contextmenu/ContextMenu.d.ts +5 -0
  33. package/contextmenu/ContextMenuSub.vue +1 -0
  34. package/contextmenu/contextmenu.cjs.js +1 -0
  35. package/contextmenu/contextmenu.cjs.min.js +1 -1
  36. package/contextmenu/contextmenu.esm.js +1 -0
  37. package/contextmenu/contextmenu.esm.min.js +1 -1
  38. package/contextmenu/contextmenu.js +1 -0
  39. package/contextmenu/contextmenu.min.js +1 -1
  40. package/core/core.js +447 -392
  41. package/core/core.min.js +9 -7
  42. package/megamenu/MegaMenu.d.ts +5 -0
  43. package/megamenu/MegaMenuSub.vue +2 -1
  44. package/megamenu/megamenu.cjs.js +2 -1
  45. package/megamenu/megamenu.cjs.min.js +1 -1
  46. package/megamenu/megamenu.esm.js +2 -1
  47. package/megamenu/megamenu.esm.min.js +1 -1
  48. package/megamenu/megamenu.js +2 -1
  49. package/megamenu/megamenu.min.js +1 -1
  50. package/menu/Menu.d.ts +5 -0
  51. package/menu/Menu.vue +1 -1
  52. package/menu/Menuitem.vue +2 -1
  53. package/menu/menu.cjs.js +3 -2
  54. package/menu/menu.cjs.min.js +1 -1
  55. package/menu/menu.esm.js +3 -2
  56. package/menu/menu.esm.min.js +1 -1
  57. package/menu/menu.js +3 -2
  58. package/menu/menu.min.js +1 -1
  59. package/menubar/Menubar.d.ts +5 -0
  60. package/menubar/MenubarSub.vue +1 -0
  61. package/menubar/menubar.cjs.js +1 -0
  62. package/menubar/menubar.cjs.min.js +1 -1
  63. package/menubar/menubar.esm.js +1 -0
  64. package/menubar/menubar.esm.min.js +1 -1
  65. package/menubar/menubar.js +1 -0
  66. package/menubar/menubar.min.js +1 -1
  67. package/multiselect/MultiSelect.vue +4 -3
  68. package/multiselect/multiselect.cjs.js +4 -3
  69. package/multiselect/multiselect.cjs.min.js +1 -1
  70. package/multiselect/multiselect.esm.js +4 -3
  71. package/multiselect/multiselect.esm.min.js +1 -1
  72. package/multiselect/multiselect.js +4 -3
  73. package/multiselect/multiselect.min.js +1 -1
  74. package/overlaypanel/BaseOverlayPanel.vue +4 -0
  75. package/overlaypanel/OverlayPanel.d.ts +5 -0
  76. package/overlaypanel/OverlayPanel.vue +22 -0
  77. package/overlaypanel/overlaypanel.cjs.js +25 -0
  78. package/overlaypanel/overlaypanel.cjs.min.js +1 -1
  79. package/overlaypanel/overlaypanel.esm.js +25 -0
  80. package/overlaypanel/overlaypanel.esm.min.js +1 -1
  81. package/overlaypanel/overlaypanel.js +25 -0
  82. package/overlaypanel/overlaypanel.min.js +1 -1
  83. package/package.json +17 -3
  84. package/panelmenu/PanelMenu.d.ts +13 -0
  85. package/panelmenu/PanelMenu.vue +20 -2
  86. package/panelmenu/PanelMenuSub.vue +2 -1
  87. package/panelmenu/panelmenu.cjs.js +20 -5
  88. package/panelmenu/panelmenu.cjs.min.js +1 -1
  89. package/panelmenu/panelmenu.esm.js +20 -5
  90. package/panelmenu/panelmenu.esm.min.js +1 -1
  91. package/panelmenu/panelmenu.js +21 -6
  92. package/panelmenu/panelmenu.min.js +1 -1
  93. package/passthrough/tailwind/index.cjs.js +397 -371
  94. package/passthrough/tailwind/index.cjs.min.js +1 -1
  95. package/passthrough/tailwind/index.esm.js +397 -371
  96. package/passthrough/tailwind/index.esm.min.js +1 -1
  97. package/passthrough/tailwind/index.js +397 -371
  98. package/passthrough/tailwind/index.min.js +1 -1
  99. package/picklist/PickList.vue +2 -2
  100. package/picklist/picklist.cjs.js +2 -2
  101. package/picklist/picklist.cjs.min.js +1 -1
  102. package/picklist/picklist.esm.js +2 -2
  103. package/picklist/picklist.esm.min.js +1 -1
  104. package/picklist/picklist.js +2 -2
  105. package/picklist/picklist.min.js +1 -1
  106. package/resources/themes/arya-blue/theme.css +2 -2
  107. package/resources/themes/arya-green/theme.css +2 -2
  108. package/resources/themes/arya-orange/theme.css +2 -2
  109. package/resources/themes/arya-purple/theme.css +2 -2
  110. package/resources/themes/bootstrap4-dark-blue/theme.css +2 -2
  111. package/resources/themes/bootstrap4-dark-purple/theme.css +2 -2
  112. package/resources/themes/bootstrap4-light-blue/theme.css +2 -2
  113. package/resources/themes/bootstrap4-light-purple/theme.css +2 -2
  114. package/resources/themes/fluent-light/theme.css +2 -2
  115. package/resources/themes/lara-dark-blue/theme.css +587 -575
  116. package/resources/themes/lara-dark-indigo/theme.css +587 -575
  117. package/resources/themes/lara-dark-purple/theme.css +587 -575
  118. package/resources/themes/lara-dark-teal/theme.css +662 -650
  119. package/resources/themes/lara-light-blue/theme.css +629 -625
  120. package/resources/themes/lara-light-indigo/theme.css +629 -625
  121. package/resources/themes/lara-light-purple/theme.css +629 -625
  122. package/resources/themes/lara-light-teal/theme.css +879 -875
  123. package/resources/themes/luna-amber/theme.css +2 -2
  124. package/resources/themes/luna-blue/theme.css +2 -2
  125. package/resources/themes/luna-green/theme.css +2 -2
  126. package/resources/themes/luna-pink/theme.css +2 -2
  127. package/resources/themes/md-dark-deeppurple/theme.css +2 -2
  128. package/resources/themes/md-dark-indigo/theme.css +2 -2
  129. package/resources/themes/md-light-deeppurple/theme.css +2 -2
  130. package/resources/themes/md-light-indigo/theme.css +2 -2
  131. package/resources/themes/mdc-dark-deeppurple/theme.css +2 -2
  132. package/resources/themes/mdc-dark-indigo/theme.css +2 -2
  133. package/resources/themes/mdc-light-deeppurple/theme.css +2 -2
  134. package/resources/themes/mdc-light-indigo/theme.css +2 -2
  135. package/resources/themes/mira/theme.css +2 -2
  136. package/resources/themes/nano/theme.css +2 -2
  137. package/resources/themes/nova/theme.css +2 -2
  138. package/resources/themes/nova-accent/theme.css +2 -2
  139. package/resources/themes/nova-alt/theme.css +2 -2
  140. package/resources/themes/nova-vue/theme.css +2 -2
  141. package/resources/themes/rhea/theme.css +2 -2
  142. package/resources/themes/saga-blue/theme.css +2 -2
  143. package/resources/themes/saga-green/theme.css +2 -2
  144. package/resources/themes/saga-orange/theme.css +2 -2
  145. package/resources/themes/saga-purple/theme.css +2 -2
  146. package/resources/themes/soho-dark/theme.css +2 -2
  147. package/resources/themes/soho-light/theme.css +2 -2
  148. package/resources/themes/tailwind-light/theme.css +2 -2
  149. package/resources/themes/vela-blue/theme.css +2 -2
  150. package/resources/themes/vela-green/theme.css +2 -2
  151. package/resources/themes/vela-orange/theme.css +2 -2
  152. package/resources/themes/vela-purple/theme.css +2 -2
  153. package/resources/themes/viva-dark/theme.css +2 -2
  154. package/resources/themes/viva-light/theme.css +2 -2
  155. package/selectbutton/BaseSelectButton.vue +1 -1
  156. package/selectbutton/SelectButton.d.ts +2 -2
  157. package/selectbutton/SelectButton.vue +1 -1
  158. package/selectbutton/selectbutton.cjs.js +2 -2
  159. package/selectbutton/selectbutton.cjs.min.js +1 -1
  160. package/selectbutton/selectbutton.esm.js +2 -2
  161. package/selectbutton/selectbutton.esm.min.js +1 -1
  162. package/selectbutton/selectbutton.js +2 -2
  163. package/selectbutton/selectbutton.min.js +1 -1
  164. package/slider/Slider.vue +2 -2
  165. package/slider/slider.cjs.js +1 -1
  166. package/slider/slider.cjs.min.js +1 -1
  167. package/slider/slider.esm.js +1 -1
  168. package/slider/slider.esm.min.js +1 -1
  169. package/slider/slider.js +1 -1
  170. package/slider/slider.min.js +1 -1
  171. package/splitbutton/SplitButton.vue +4 -1
  172. package/splitbutton/splitbutton.cjs.js +3 -1
  173. package/splitbutton/splitbutton.cjs.min.js +1 -1
  174. package/splitbutton/splitbutton.esm.js +3 -1
  175. package/splitbutton/splitbutton.esm.min.js +1 -1
  176. package/splitbutton/splitbutton.js +3 -1
  177. package/splitbutton/splitbutton.min.js +1 -1
  178. package/styleclass/StyleClass.d.ts +6 -6
  179. package/tieredmenu/TieredMenu.d.ts +5 -0
  180. package/tieredmenu/TieredMenuSub.vue +2 -1
  181. package/tieredmenu/tieredmenu.cjs.js +2 -1
  182. package/tieredmenu/tieredmenu.cjs.min.js +1 -1
  183. package/tieredmenu/tieredmenu.esm.js +2 -1
  184. package/tieredmenu/tieredmenu.esm.min.js +1 -1
  185. package/tieredmenu/tieredmenu.js +2 -1
  186. package/tieredmenu/tieredmenu.min.js +1 -1
  187. package/tooltip/Tooltip.d.ts +6 -1
  188. package/tooltip/style/tooltipstyle.cjs.js +1 -1
  189. package/tooltip/style/tooltipstyle.cjs.min.js +1 -1
  190. package/tooltip/style/tooltipstyle.esm.js +1 -1
  191. package/tooltip/style/tooltipstyle.esm.min.js +1 -1
  192. package/tooltip/style/tooltipstyle.js +1 -1
  193. package/tooltip/style/tooltipstyle.min.js +1 -1
  194. package/tooltip/tooltip.cjs.js +15 -1
  195. package/tooltip/tooltip.cjs.min.js +1 -1
  196. package/tooltip/tooltip.esm.js +15 -1
  197. package/tooltip/tooltip.esm.min.js +1 -1
  198. package/tooltip/tooltip.js +15 -1
  199. package/tooltip/tooltip.min.js +1 -1
  200. package/tree/Tree.d.ts +6 -1
  201. package/tree/Tree.vue +1 -1
  202. package/tree/tree.cjs.js +1 -1
  203. package/tree/tree.cjs.min.js +1 -1
  204. package/tree/tree.esm.js +1 -1
  205. package/tree/tree.esm.min.js +1 -1
  206. package/tree/tree.js +1 -1
  207. package/tree/tree.min.js +1 -1
  208. package/treetable/TreeTable.d.ts +0 -18
  209. package/utils/utils.cjs.js +2 -2
  210. package/utils/utils.esm.js +2 -2
  211. package/utils/utils.js +2 -2
  212. package/vetur-attributes.json +4 -0
  213. package/vetur-tags.json +1 -0
  214. package/web-types.json +11 -1
package/README.md CHANGED
@@ -14,11 +14,14 @@ PrimeVue is a rich set of open source UI Components for Vue. See [PrimeVue homep
14
14
  PrimeVue is available at [npm](https://www.npmjs.com/package/primevue).
15
15
 
16
16
  ```
17
- // with npm
17
+ # Using npm
18
18
  npm install primevue
19
19
 
20
- // with yarn
20
+ # Using yarn
21
21
  yarn add primevue
22
+
23
+ # Using pnpm
24
+ pnpm add nuxt-primevue
22
25
  ```
23
26
 
24
27
  ## Plugin
@@ -43,7 +46,7 @@ Styled mode is based on pre-skinned components with opinionated themes like Mate
43
46
 
44
47
  ```javascript
45
48
  // theme
46
- import 'primevue/resources/themes/lara-light-blue/theme.css';
49
+ import 'primevue/resources/themes/lara-light-teal/theme.css';
47
50
  ```
48
51
 
49
52
  **Unstyled Mode**
@@ -71,7 +74,7 @@ app.component('Button', Button);
71
74
 
72
75
  ## Prop Cases
73
76
 
74
- Component prop names are described as camel case throughout the documentation however kebap-case is also fully supported. Events on the other hand should always be kebap-case.
77
+ Component prop names are described as camel case throughout the documentation however kebab-case is also fully supported. Events on the other hand should always be kebab-case.
75
78
 
76
79
  ```vue
77
80
  <Dialog :showHeader="false"></Dialog>
@@ -83,37 +86,64 @@ Component prop names are described as camel case throughout the documentation ho
83
86
 
84
87
  ## Nuxt Integration
85
88
 
86
- PrimeVue can easily be used with Nuxt 3 using a custom plugin.
89
+ The [nuxt-primevue](https://www.npmjs.com/package/nuxt-primevue) package is the official module by PrimeTek.
90
+
91
+ ```
92
+ # Using npm
93
+ npm install --save-dev nuxt-primevue
94
+
95
+ # Using yarn
96
+ yarn add --dev nuxt-primevue
87
97
 
88
- **nuxt.config.js**
98
+ # Using pnpm
99
+ pnpm add -D nuxt-primevue
100
+ ```
89
101
 
90
- Open the nuxt configuration file and add the css dependencies.
102
+ The module is enabled by adding `nuxt-primevue` to the modules option. Configuration values are defined with the `primevue` property.
91
103
 
92
104
  ```javascript
93
105
  export default defineNuxtConfig({
94
- css: ['primevue/resources/themes/lara-light-blue/theme.css'],
95
- build: {
96
- transpile: ['primevue']
106
+ modules: ['nuxt-primevue'],
107
+ primevue: {
108
+ /* Options */
97
109
  }
98
110
  });
99
111
  ```
100
112
 
101
- **primevue.js**
113
+ Whether to install the PrimeVue plugin, defaults to true. Disable this option if you prefer to configure PrimeVue manually e.g. with a Nuxt plugin.
114
+
115
+ ```javascript
116
+ primevue: {
117
+ usePrimeVue: true;
118
+ }
119
+ ```
102
120
 
103
- Create a file like **primevue.js** under the plugins directory for the configuration.
121
+ The names of the components, directives and composables to import and register are provided using the include property. When the value is ignored or set using the \* alias, all of the components, directives and composables are registered respectively.
104
122
 
105
123
  ```javascript
106
- import { defineNuxtPlugin } from '#app';
107
- import PrimeVue from 'primevue/config';
108
- import Button from 'primevue/button';
124
+ primevue: {
125
+ components: {
126
+ include: ['Button', 'DataTable']
127
+ },
128
+ directives: {
129
+ include: ['Ripple', 'Tooltip']
130
+ },
131
+ composables: {
132
+ include: ['useStyle']
133
+ }
134
+ }
135
+ ```
109
136
 
110
- export default defineNuxtPlugin((nuxtApp) => {
111
- nuxtApp.vueApp.use(PrimeVue, { ripple: true });
112
- nuxtApp.vueApp.component('Button', Button);
113
- //other components that you need
137
+ In styled mode, the theme can be defined at Nuxt configuration with the css property. Note that this only applies to styled mode, in unstyled mode a theme file is not required as styling is done externally.
138
+
139
+ ```javascript
140
+ export default defineNuxtConfig({
141
+ css: ['primevue/resources/themes/lara-dark-teal/theme.css']
114
142
  });
115
143
  ```
116
144
 
145
+ For detailed [information](https://primevue.org/nuxt)
146
+
117
147
  ## Example
118
148
 
119
149
  We've created various samples for the popular options in the Vue ecosystem. Visit the [primevue-examples](https://github.com/primefaces/primevue-examples) repository for the samples.
@@ -126,7 +156,7 @@ We've created various samples for the popular options in the Vue ecosystem. Visi
126
156
 
127
157
  ### Nuxt
128
158
 
129
- <a href="https://github.com/primefaces/primevue-examples/tree/main/nuxt3-quickstart">
159
+ <a href="https://github.com/primefaces/primevue-examples/tree/main/nuxt-quickstart">
130
160
  <img src="https://primefaces.org/cdn/primevue/images/logos/nuxt.svg" alt="nuxt" width="112" height="112">
131
161
  </a>
132
162
 
@@ -0,0 +1,87 @@
1
+ /**
2
+ *
3
+ * Animate manages PrimeFlex CSS classes declaratively to during enter/leave animations on scroll or on page load.
4
+ *
5
+ * [Live Demo](https://primevue.org/animate)
6
+ *
7
+ * @module animate
8
+ */
9
+ import { DirectiveBinding, ObjectDirective } from 'vue';
10
+ import { DirectiveHooks } from '../basedirective/BaseDirective';
11
+ import { PassThroughOptions } from '../passthrough';
12
+ import { PassThrough } from '../ts-helpers';
13
+
14
+ /**
15
+ * Defines options of Animate.
16
+ */
17
+ export interface AnimateOptions {
18
+ /**
19
+ * Animate scroll to add when item begins to get displayed.
20
+ */
21
+ enterClass?: string | undefined;
22
+ /**
23
+ * Animate scroll to add when item begins to get hidden.
24
+ */
25
+ leaveClass?: string | undefined;
26
+ /**
27
+ * Used to pass attributes to DOM elements inside the component.
28
+ * @type {AnimateDirectivePassThroughOptions}
29
+ */
30
+ pt?: PassThrough<AnimateDirectivePassThroughOptions>;
31
+ /**
32
+ * Used to configure passthrough(pt) options of the component.
33
+ * @type {PassThroughOptions}
34
+ */
35
+ ptOptions?: PassThroughOptions;
36
+ }
37
+
38
+ /**
39
+ * Custom passthrough(pt) directive options.
40
+ */
41
+ export interface AnimateDirectivePassThroughOptions {
42
+ /**
43
+ * Used to manage all lifecycle hooks
44
+ * @see {@link BaseDirective.DirectiveHooks}
45
+ */
46
+ hooks?: DirectiveHooks;
47
+ }
48
+
49
+ /**
50
+ * Defines modifiers of Animate.
51
+ */
52
+ export interface AnimateDirectiveModifiers {
53
+ /**
54
+ * Whether the animation will be repeated
55
+ * @defaultValue true
56
+ */
57
+ once?: boolean | undefined;
58
+ }
59
+
60
+ /**
61
+ * Binding of Animate directive.
62
+ */
63
+ export interface AnimateDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {
64
+ /**
65
+ * Value of the Animate.
66
+ */
67
+ value?: AnimateOptions | undefined;
68
+ /**
69
+ * Modifiers of the tooltip.
70
+ * @type {AnimateDirectiveModifiers}
71
+ */
72
+ modifiers?: AnimateDirectiveModifiers | undefined;
73
+ }
74
+
75
+ /**
76
+ * **PrimeVue - Animate**
77
+ *
78
+ * _Animate manages PrimeFlex CSS classes declaratively to during enter/leave animations on scroll or on page load._
79
+ *
80
+ * [Live Demo](https://www.primevue.org/animate/)
81
+ * --- ---
82
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
83
+ *
84
+ */
85
+ declare const Animate: ObjectDirective;
86
+
87
+ export default Animate;
@@ -0,0 +1,71 @@
1
+ 'use strict';
2
+
3
+ var utils = require('primevue/utils');
4
+ var BaseDirective = require('primevue/basedirective');
5
+
6
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
7
+
8
+ var BaseDirective__default = /*#__PURE__*/_interopDefaultLegacy(BaseDirective);
9
+
10
+ var BaseAnimate = BaseDirective__default["default"].extend({});
11
+
12
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
13
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
14
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
15
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
16
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
17
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
18
+ var Animate = BaseAnimate.extend('animate', {
19
+ mounted: function mounted(el, binding) {
20
+ el.setAttribute('data-pd-animate', true);
21
+ !this.isUnstyled() && utils.DomHandler.addClass(el, 'p-animate');
22
+ this.bindIntersectionObserver(el, binding);
23
+ },
24
+ unmounted: function unmounted(el) {
25
+ this.unbindIntersectionObserver(el);
26
+ clearTimeout(this.timeout);
27
+ },
28
+ timeout: null,
29
+ observer: null,
30
+ methods: {
31
+ bindIntersectionObserver: function bindIntersectionObserver(el, binding) {
32
+ var _this = this;
33
+ var options = {
34
+ root: null,
35
+ rootMargin: '0px',
36
+ threshold: 1.0
37
+ };
38
+ this.observer = new IntersectionObserver(function (element) {
39
+ return _this.isVisible(element, el, binding);
40
+ }, options);
41
+ this.observer.observe(el);
42
+ },
43
+ isVisible: function isVisible(target, el, binding) {
44
+ var _target = _slicedToArray(target, 1),
45
+ intersectionObserverEntry = _target[0];
46
+ intersectionObserverEntry.isIntersecting ? this.enter(el, binding) : this.leave(el, binding);
47
+ },
48
+ enter: function enter(el, binding) {
49
+ el.style.visibility = 'visible';
50
+ utils.DomHandler.addMultipleClasses(el, binding.value.enterClass);
51
+ binding.modifiers.once && this.unbindIntersectionObserver(el);
52
+ },
53
+ leave: function leave(el, binding) {
54
+ utils.DomHandler.removeClass(el, binding.value.enterClass);
55
+ if (binding.value.leaveClass) {
56
+ utils.DomHandler.addMultipleClasses(el, binding.value.leaveClass);
57
+ }
58
+ var animationDuration = el.style.animationDuration || 500;
59
+ this.timeout = setTimeout(function () {
60
+ el.style.visibility = 'hidden';
61
+ }, animationDuration);
62
+ },
63
+ unbindIntersectionObserver: function unbindIntersectionObserver(el) {
64
+ if (this.observer) {
65
+ this.observer.unobserve(el);
66
+ }
67
+ }
68
+ }
69
+ });
70
+
71
+ module.exports = Animate;
@@ -0,0 +1 @@
1
+ "use strict";var e=require("primevue/utils");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function r(){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 n(e,t){if(e){if("string"==typeof e)return i(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?i(e,t):void 0}}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function s(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,i,s,o,l=[],a=!0,u=!1;try{if(s=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=s.call(r)).done)&&(l.push(n.value),l.length!==t);a=!0);}catch(e){u=!0,i=e}finally{try{if(!a&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw i}}return l}}function o(e){if(Array.isArray(e))return e}var l=t(require("primevue/basedirective")).default.extend({}).extend("animate",{mounted:function(t,r){t.setAttribute("data-pd-animate",!0),!this.isUnstyled()&&e.DomHandler.addClass(t,"p-animate"),this.bindIntersectionObserver(t,r)},unmounted:function(e){this.unbindIntersectionObserver(e),clearTimeout(this.timeout)},timeout:null,observer:null,methods:{bindIntersectionObserver:function(e,t){var r=this;this.observer=new IntersectionObserver((function(n){return r.isVisible(n,e,t)}),{root:null,rootMargin:"0px",threshold:1}),this.observer.observe(e)},isVisible:function(e,t,i){var l,a;(a=1,o(l=e)||s(l,a)||n(l,a)||r())[0].isIntersecting?this.enter(t,i):this.leave(t,i)},enter:function(t,r){t.style.visibility="visible",e.DomHandler.addMultipleClasses(t,r.value.enterClass),r.modifiers.once&&this.unbindIntersectionObserver(t)},leave:function(t,r){e.DomHandler.removeClass(t,r.value.enterClass),r.value.leaveClass&&e.DomHandler.addMultipleClasses(t,r.value.leaveClass),this.timeout=setTimeout((function(){t.style.visibility="hidden"}),t.style.animationDuration||500)},unbindIntersectionObserver:function(e){this.observer&&this.observer.unobserve(e)}}});module.exports=l;
@@ -0,0 +1,65 @@
1
+ import { DomHandler } from 'primevue/utils';
2
+ import BaseDirective from 'primevue/basedirective';
3
+
4
+ var BaseAnimate = BaseDirective.extend({});
5
+
6
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
7
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
8
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
9
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
10
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
11
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
12
+ var Animate = BaseAnimate.extend('animate', {
13
+ mounted: function mounted(el, binding) {
14
+ el.setAttribute('data-pd-animate', true);
15
+ !this.isUnstyled() && DomHandler.addClass(el, 'p-animate');
16
+ this.bindIntersectionObserver(el, binding);
17
+ },
18
+ unmounted: function unmounted(el) {
19
+ this.unbindIntersectionObserver(el);
20
+ clearTimeout(this.timeout);
21
+ },
22
+ timeout: null,
23
+ observer: null,
24
+ methods: {
25
+ bindIntersectionObserver: function bindIntersectionObserver(el, binding) {
26
+ var _this = this;
27
+ var options = {
28
+ root: null,
29
+ rootMargin: '0px',
30
+ threshold: 1.0
31
+ };
32
+ this.observer = new IntersectionObserver(function (element) {
33
+ return _this.isVisible(element, el, binding);
34
+ }, options);
35
+ this.observer.observe(el);
36
+ },
37
+ isVisible: function isVisible(target, el, binding) {
38
+ var _target = _slicedToArray(target, 1),
39
+ intersectionObserverEntry = _target[0];
40
+ intersectionObserverEntry.isIntersecting ? this.enter(el, binding) : this.leave(el, binding);
41
+ },
42
+ enter: function enter(el, binding) {
43
+ el.style.visibility = 'visible';
44
+ DomHandler.addMultipleClasses(el, binding.value.enterClass);
45
+ binding.modifiers.once && this.unbindIntersectionObserver(el);
46
+ },
47
+ leave: function leave(el, binding) {
48
+ DomHandler.removeClass(el, binding.value.enterClass);
49
+ if (binding.value.leaveClass) {
50
+ DomHandler.addMultipleClasses(el, binding.value.leaveClass);
51
+ }
52
+ var animationDuration = el.style.animationDuration || 500;
53
+ this.timeout = setTimeout(function () {
54
+ el.style.visibility = 'hidden';
55
+ }, animationDuration);
56
+ },
57
+ unbindIntersectionObserver: function unbindIntersectionObserver(el) {
58
+ if (this.observer) {
59
+ this.observer.unobserve(el);
60
+ }
61
+ }
62
+ }
63
+ });
64
+
65
+ export { Animate as default };
@@ -0,0 +1 @@
1
+ import{DomHandler as e}from"primevue/utils";import t from"primevue/basedirective";function r(){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 n(e,t){if(e){if("string"==typeof e)return i(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?i(e,t):void 0}}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function s(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,i,s,o,l=[],a=!0,u=!1;try{if(s=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=s.call(r)).done)&&(l.push(n.value),l.length!==t);a=!0);}catch(e){u=!0,i=e}finally{try{if(!a&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw i}}return l}}function o(e){if(Array.isArray(e))return e}var l=t.extend({}).extend("animate",{mounted:function(t,r){t.setAttribute("data-pd-animate",!0),!this.isUnstyled()&&e.addClass(t,"p-animate"),this.bindIntersectionObserver(t,r)},unmounted:function(e){this.unbindIntersectionObserver(e),clearTimeout(this.timeout)},timeout:null,observer:null,methods:{bindIntersectionObserver:function(e,t){var r=this;this.observer=new IntersectionObserver((function(n){return r.isVisible(n,e,t)}),{root:null,rootMargin:"0px",threshold:1}),this.observer.observe(e)},isVisible:function(e,t,i){var l,a;(a=1,o(l=e)||s(l,a)||n(l,a)||r())[0].isIntersecting?this.enter(t,i):this.leave(t,i)},enter:function(t,r){t.style.visibility="visible",e.addMultipleClasses(t,r.value.enterClass),r.modifiers.once&&this.unbindIntersectionObserver(t)},leave:function(t,r){e.removeClass(t,r.value.enterClass),r.value.leaveClass&&e.addMultipleClasses(t,r.value.leaveClass),this.timeout=setTimeout((function(){t.style.visibility="hidden"}),t.style.animationDuration||500)},unbindIntersectionObserver:function(e){this.observer&&this.observer.unobserve(e)}}});export{l as default};
@@ -0,0 +1,72 @@
1
+ this.primevue = this.primevue || {};
2
+ this.primevue.animate = (function (utils, BaseDirective) {
3
+ 'use strict';
4
+
5
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
6
+
7
+ var BaseDirective__default = /*#__PURE__*/_interopDefaultLegacy(BaseDirective);
8
+
9
+ var BaseAnimate = BaseDirective__default["default"].extend({});
10
+
11
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
12
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
13
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
14
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
15
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
16
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
17
+ var Animate = BaseAnimate.extend('animate', {
18
+ mounted: function mounted(el, binding) {
19
+ el.setAttribute('data-pd-animate', true);
20
+ !this.isUnstyled() && utils.DomHandler.addClass(el, 'p-animate');
21
+ this.bindIntersectionObserver(el, binding);
22
+ },
23
+ unmounted: function unmounted(el) {
24
+ this.unbindIntersectionObserver(el);
25
+ clearTimeout(this.timeout);
26
+ },
27
+ timeout: null,
28
+ observer: null,
29
+ methods: {
30
+ bindIntersectionObserver: function bindIntersectionObserver(el, binding) {
31
+ var _this = this;
32
+ var options = {
33
+ root: null,
34
+ rootMargin: '0px',
35
+ threshold: 1.0
36
+ };
37
+ this.observer = new IntersectionObserver(function (element) {
38
+ return _this.isVisible(element, el, binding);
39
+ }, options);
40
+ this.observer.observe(el);
41
+ },
42
+ isVisible: function isVisible(target, el, binding) {
43
+ var _target = _slicedToArray(target, 1),
44
+ intersectionObserverEntry = _target[0];
45
+ intersectionObserverEntry.isIntersecting ? this.enter(el, binding) : this.leave(el, binding);
46
+ },
47
+ enter: function enter(el, binding) {
48
+ el.style.visibility = 'visible';
49
+ utils.DomHandler.addMultipleClasses(el, binding.value.enterClass);
50
+ binding.modifiers.once && this.unbindIntersectionObserver(el);
51
+ },
52
+ leave: function leave(el, binding) {
53
+ utils.DomHandler.removeClass(el, binding.value.enterClass);
54
+ if (binding.value.leaveClass) {
55
+ utils.DomHandler.addMultipleClasses(el, binding.value.leaveClass);
56
+ }
57
+ var animationDuration = el.style.animationDuration || 500;
58
+ this.timeout = setTimeout(function () {
59
+ el.style.visibility = 'hidden';
60
+ }, animationDuration);
61
+ },
62
+ unbindIntersectionObserver: function unbindIntersectionObserver(el) {
63
+ if (this.observer) {
64
+ this.observer.unobserve(el);
65
+ }
66
+ }
67
+ }
68
+ });
69
+
70
+ return Animate;
71
+
72
+ })(primevue.utils, primevue.basedirective);
@@ -0,0 +1 @@
1
+ this.primevue=this.primevue||{},this.primevue.animate=function(e,t){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function r(){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 i(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,s,o,l=[],a=!0,u=!1;try{if(s=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=s.call(n)).done)&&(l.push(r.value),l.length!==t);a=!0);}catch(e){u=!0,i=e}finally{try{if(!a&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw i}}return l}}function l(e){if(Array.isArray(e))return e}return n(primevue.basedirective).default.extend({}).extend("animate",{mounted:function(t,n){t.setAttribute("data-pd-animate",!0),!this.isUnstyled()&&e.DomHandler.addClass(t,"p-animate"),this.bindIntersectionObserver(t,n)},unmounted:function(e){this.unbindIntersectionObserver(e),clearTimeout(this.timeout)},timeout:null,observer:null,methods:{bindIntersectionObserver:function(e,t){var n=this;this.observer=new IntersectionObserver((function(r){return n.isVisible(r,e,t)}),{root:null,rootMargin:"0px",threshold:1}),this.observer.observe(e)},isVisible:function(e,t,n){var s,a;(a=1,l(s=e)||o(s,a)||i(s,a)||r())[0].isIntersecting?this.enter(t,n):this.leave(t,n)},enter:function(t,n){t.style.visibility="visible",e.DomHandler.addMultipleClasses(t,n.value.enterClass),n.modifiers.once&&this.unbindIntersectionObserver(t)},leave:function(t,n){e.DomHandler.removeClass(t,n.value.enterClass),n.value.leaveClass&&e.DomHandler.addMultipleClasses(t,n.value.leaveClass),this.timeout=setTimeout((function(){t.style.visibility="hidden"}),t.style.animationDuration||500)},unbindIntersectionObserver:function(e){this.observer&&this.observer.unobserve(e)}}})}(primevue.utils);
@@ -0,0 +1,6 @@
1
+ {
2
+ "main": "./animate.cjs.js",
3
+ "module": "./animate.esm.js",
4
+ "unpkg": "./animate.min.js",
5
+ "types": "./Animate.d.ts"
6
+ }
@@ -0,0 +1,3 @@
1
+ import { BaseStyle } from '../../base/style/BaseStyle';
2
+
3
+ export interface AnimateStyle extends BaseStyle {}
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var AnimateStyle = {};
4
+
5
+ module.exports = AnimateStyle;
@@ -0,0 +1 @@
1
+ "use strict";module.exports={};
@@ -0,0 +1,3 @@
1
+ var AnimateStyle = {};
2
+
3
+ export { AnimateStyle as default };
@@ -0,0 +1 @@
1
+ var a={};export{a as default};
@@ -0,0 +1,10 @@
1
+ this.primevue = this.primevue || {};
2
+ this.primevue.animate = this.primevue.animate || {};
3
+ this.primevue.animate.style = (function () {
4
+ 'use strict';
5
+
6
+ var AnimateStyle = {};
7
+
8
+ return AnimateStyle;
9
+
10
+ })();
@@ -0,0 +1 @@
1
+ this.primevue=this.primevue||{},this.primevue.animate=this.primevue.animate||{},this.primevue.animate.style=function(){"use strict";return{}}();
@@ -0,0 +1,6 @@
1
+ {
2
+ "main": "./animatestyle.cjs.js",
3
+ "module": "./animatestyle.esm.js",
4
+ "unpkg": "./animatestyle.min.js",
5
+ "types": "./AnimateStyle.d.ts"
6
+ }
@@ -675,9 +675,9 @@ export default {
675
675
  let value = this.isRangeSelection() ? this.modelValue[0] : this.modelValue;
676
676
 
677
677
  if (this.isMultipleSelection()) {
678
- return value.some((currentValue) => currentValue.getMonth() === month && currentValue.getFullYear() === currentYear);
678
+ return value.some((currentValue) => currentValue.getMonth() === month && currentValue.getFullYear() === this.currentYear);
679
679
  } else {
680
- return value.getMonth() === month && value.getFullYear() === currentYear;
680
+ return value.getMonth() === month && value.getFullYear() === this.currentYear;
681
681
  }
682
682
  }
683
683