primevue 3.26.1 → 3.28.0

package/vetur-tags.json

@@ -8,7 +8,8 @@
       "expandIcon",
       "collapseIcon",
       "tabindex",
-      "selectOnFocus"
+      "selectOnFocus",
+      "pt"
     ]
   },
   "AccordionTab": {
@@ -22,7 +23,8 @@
       "contentStyle",
       "contentClass",
       "contentProps",
-      "disabled"
+      "disabled",
+      "pt"
     ]
   },
   "AutoComplete": {
@@ -55,7 +57,10 @@
       "panelStyle",
       "panelClass",
       "panelProps",
+      "dropdownIcon",
+      "dropdownClass",
       "loadingIcon",
+      "removeTokenIcon",
       "virtualScrollerOptions",
       "autoOptionFocus",
       "selectOnFocus",
@@ -76,7 +81,19 @@
       "icon",
       "image",
       "size",
-      "shape"
+      "shape",
+      "pt"
+    ]
+  },
+  "AvatarGroup": {
+    "description": "A set of Avatars can be displayed together using the AvatarGroup component.",
+    "attributes": [
+      "label",
+      "icon",
+      "image",
+      "size",
+      "shape",
+      "pt"
     ]
   },
   "Badge": {
@@ -84,7 +101,8 @@
     "attributes": [
       "value",
       "severity",
-      "size"
+      "size",
+      "pt"
     ]
   },
   "BlockUI": {
@@ -93,7 +111,8 @@
       "blocked",
       "fullscreen",
       "baseZIndex",
-      "autoZIndex"
+      "autoZIndex",
+      "pt"
     ]
   },
   "Breadcrumb": {
@@ -101,7 +120,8 @@
     "attributes": [
       "model",
       "home",
-      "exact"
+      "exact",
+      "pt"
     ]
   },
   "Button": {
@@ -122,7 +142,8 @@
       "text",
       "outlined",
       "size",
-      "plain"
+      "plain",
+      "pt"
     ]
   },
   "Calendar": {
@@ -136,6 +157,10 @@
       "selectOtherMonths",
       "showIcon",
       "icon",
+      "previousIcon",
+      "nextIcon",
+      "incrementIcon",
+      "decrementIcon",
       "numberOfMonths",
       "view",
       "touchUI",
@@ -219,7 +244,9 @@
       "panelProps",
       "appendTo",
       "loading",
+      "dropdownIcon",
       "loadingIcon",
+      "optionGroupIcon",
       "autoOptionFocus",
       "selectOnFocus",
       "searchLocale",
@@ -240,7 +267,8 @@
       "options",
       "plugins",
       "width",
-      "height"
+      "height",
+      "pt"
     ]
   },
   "Checkbox": {
@@ -270,7 +298,8 @@
       "icon",
       "image",
       "removable",
-      "removeIconClass"
+      "removeIconClass",
+      "pt"
     ]
   },
   "chips": {
@@ -358,13 +387,15 @@
     "attributes": [
       "group",
       "breakpoints",
-      "draggable"
+      "draggable",
+      "pt"
     ]
   },
   "ConfirmPopup": {
     "description": "ConfirmPopup displays a confirmation overlay displayed relatively to its target.",
     "attributes": [
-      "group"
+      "group",
+      "pt"
     ]
   },
   "ContextMenu": {
@@ -375,7 +406,8 @@
       "baseZIndex",
       "autoZIndex",
       "global",
-      "exact"
+      "exact",
+      "pt"
     ]
   },
   "DataTable": {
@@ -467,6 +499,18 @@
       "dataKey"
     ]
   },
+  "DataViewLayoutOptions": {
+    "description": "When both layout modes are enabled in DataView, a UI element would be necessary to let the user toggle between the view. DataViewLayoutOptions is a helper component to display a buttonset to choose the layout mode in DataView.",
+    "attributes": [
+      "modelValue"
+    ]
+  },
+  "DeferredContent": {
+    "description": "DeferredContent postpones the loading the content that is initially not in the viewport until it becomes visible on scroll.",
+    "attributes": [
+      "pt"
+    ]
+  },
   "Dialog": {
     "description": "Dialog is a container to display content in an overlay window.",
     "attributes": [
@@ -491,7 +535,8 @@
       "minX",
       "minY",
       "keepInViewport",
-      "appendTo"
+      "appendTo",
+      "pt"
     ]
   },
   "Divider": {
@@ -499,7 +544,8 @@
     "attributes": [
       "align",
       "layout",
-      "type"
+      "type",
+      "pt"
     ]
   },
   "Dock": {
@@ -510,7 +556,8 @@
       "class",
       "style",
       "exact",
-      "tooltipOptions"
+      "tooltipOptions",
+      "pt"
     ]
   },
   "Dropdown": {
@@ -578,7 +625,8 @@
       "legend",
       "toggleable",
       "collapsed",
-      "toggleButtonProps"
+      "toggleButtonProps",
+      "pt"
     ]
   },
   "FileUpload": {
@@ -607,14 +655,8 @@
       "uploadIcon",
       "cancelIcon",
       "style",
-      "class"
-    ]
-  },
-  "FullCalendar": {
-    "description": "An event calendar based on the FullCalendar library.",
-    "attributes": [
-      "events",
-      "options"
+      "class",
+      "pt"
     ]
   },
   "Galleria": {
@@ -656,7 +698,9 @@
   "InlineMessage": {
     "description": "InlineMessage component is useful in cases where a single message needs to be displayed related to an element such as forms",
     "attributes": [
-      "severity"
+      "severity",
+      "icon",
+      "pt"
     ]
   },
   "Inplace": {
@@ -664,7 +708,8 @@
     "attributes": [
       "active",
       "closable",
-      "diabled"
+      "diabled",
+      "pt"
     ]
   },
   "InputMask": {
@@ -790,7 +835,8 @@
     "attributes": [
       "modelValue",
       "orientation",
-      "exact"
+      "exact",
+      "pt"
     ]
   },
   "Menu": {
@@ -801,14 +847,16 @@
       "appendTo",
       "baseZIndex",
       "autoZIndex",
-      "exact"
+      "exact",
+      "pt"
     ]
   },
   "Menubar": {
     "description": "Menubar is a horizontal menu component.",
     "attributes": [
       "modelValue",
-      "exact"
+      "exact",
+      "pt"
     ]
   },
   "Message": {
@@ -818,7 +866,9 @@
       "closable",
       "sticky",
       "life",
-      "icon"
+      "icon",
+      "closeIcon",
+      "pt"
     ]
   },
   "MultiSelect": {
@@ -855,6 +905,11 @@
       "showToggleAll",
       "loading",
       "loadingIcon",
+      "checkboxIcon",
+      "closeIcon",
+      "dropdownIcon",
+      "filterIcon",
+      "removeTokenIcon",
       "selectAll",
       "resetFilterOnHide",
       "virtualScrollerOptions",
@@ -902,7 +957,9 @@
       "baseZIndex",
       "autoZIndex",
       "ariaCloseLabel",
-      "breakpoints"
+      "breakpoints",
+      "closeIcon",
+      "pt"
     ]
   },
   "Paginator": {
@@ -924,7 +981,8 @@
       "header",
       "toggleable",
       "collapsed",
-      "toggleButtonProps"
+      "toggleButtonProps",
+      "pt"
     ]
   },
   "PanelMenu": {
@@ -932,7 +990,8 @@
     "attributes": [
       "model",
       "expandedKeys",
-      "exact"
+      "exact",
+      "pt"
     ]
   },
   "Password": {
@@ -990,7 +1049,8 @@
     "attributes": [
       "value",
       "mode",
-      "showValue"
+      "showValue",
+      "pt"
     ]
   },
   "ProgressSpinner": {
@@ -998,7 +1058,8 @@
     "attributes": [
       "strokeWidth",
       "fill",
-      "animationDuration"
+      "animationDuration",
+      "pt"
     ]
   },
   "RadioButton": {
@@ -1023,13 +1084,17 @@
       "disabled",
       "readonly",
       "stars",
-      "cancel"
+      "cancel",
+      "onIcon",
+      "offIcon",
+      "cancelIcon"
     ]
   },
   "ScrollPanel": {
     "description": "ScrollPanel is a cross browser, lightweight and themable alternative to native browser scrollbar.",
     "attributes": [
-      "step"
+      "step",
+      "pt"
     ]
   },
   "ScrollTop": {
@@ -1038,7 +1103,8 @@
       "target",
       "threshold",
       "icon",
-      "behavior"
+      "behavior",
+      "pt"
     ]
   },
   "SelectButton": {
@@ -1067,7 +1133,9 @@
       "showCloseIcon",
       "modal",
       "ariaCloseLabel",
-      "blockScroll"
+      "blockScroll",
+      "closeIcon",
+      "pt"
     ]
   },
   "Skeleton": {
@@ -1078,7 +1146,8 @@
       "width",
       "height",
       "borderRadius",
-      "animation"
+      "animation",
+      "pt"
     ]
   },
   "Slider": {
@@ -1116,7 +1185,8 @@
       "rotateAnimation",
       "class",
       "style",
-      "tooltipOptions"
+      "tooltipOptions",
+      "pt"
     ]
   },
   "SplitButton": {
@@ -1138,7 +1208,8 @@
       "text",
       "outlined",
       "size",
-      "plain"
+      "plain",
+      "pt"
     ]
   },
   "Splitter": {
@@ -1148,14 +1219,16 @@
       "gutterSize",
       "stateKey",
       "stateStorage",
-      "step"
+      "step",
+      "pt"
     ]
   },
   "SplitterPanel": {
     "description": "Splitter requires two SplitterPanel components to wrap.",
     "attributes": [
       "size",
-      "minSize"
+      "minSize",
+      "pt"
     ]
   },
   "steps": {
@@ -1164,7 +1237,8 @@
       "id",
       "model",
       "readonly",
-      "exact"
+      "exact",
+      "pt"
     ]
   },
   "TabMenu": {
@@ -1172,7 +1246,8 @@
     "attributes": [
       "model",
       "exact",
-      "activeIndex"
+      "activeIndex",
+      "pt"
     ]
   },
   "TabPanel": {
@@ -1186,7 +1261,8 @@
       "contentStyle",
       "contentClass",
       "contentProps",
-      "disabled"
+      "disabled",
+      "pt"
     ]
   },
   "TabView": {
@@ -1198,7 +1274,10 @@
       "tabindex",
       "selectOnFocus",
       "previousButtonProps",
-      "nextButtonProps"
+      "nextButtonProps",
+      "prevIcon",
+      "nextIcon",
+      "pt"
     ]
   },
   "Tag": {
@@ -1207,14 +1286,16 @@
       "value",
       "severity",
       "rounded",
-      "icon"
+      "icon",
+      "pt"
     ]
   },
   "Terminal": {
     "description": "Terminal is a text based user interface.",
     "attributes": [
       "welcomeMessage",
-      "prompt"
+      "prompt",
+      "pt"
     ]
   },
   "Textarea": {
@@ -1232,7 +1313,8 @@
       "appendTo",
       "baseZIndex",
       "autoZIndex",
-      "exact"
+      "exact",
+      "pt"
     ]
   },
   "Timeline": {
@@ -1251,7 +1333,8 @@
       "position",
       "autoZIndex",
       "baseZIndex",
-      "breakpoints"
+      "breakpoints",
+      "pt"
     ]
   },
   "ToggleButton": {
@@ -1274,7 +1357,8 @@
   "Toolbar": {
     "description": "Toolbar is a grouping component for buttons and other content.",
     "attributes": [
-      "aria-labelledby"
+      "aria-labelledby",
+      "pt"
     ]
   },
   "Tree": {

package/virtualscroller/VirtualScroller.d.ts

@@ -308,6 +308,10 @@ export interface VirtualScrollerSlots {
          */
         options: VirtualScrollerLoaderOptions;
     }): VNode[];
+    /**
+     * Custom loading icon template.
+     */
+    loadingicon(): VNode[];
 }
 
 /**

package/virtualscroller/VirtualScroller.vue

@@ -31,7 +31,9 @@
                         <slot name="loader" :options="getLoaderOptions(index, isBoth() && { numCols: d_numItemsInViewport.cols })"></slot>
                     </template>
                 </template>
-                <i v-else class="p-virtualscroller-loading-icon pi pi-spinner pi-spin"></i>
+                <slot name="loadingicon">
+                    <SpinnerIcon spin class="p-virtualscroller-loading-icon" />
+                </slot>
             </div>
         </div>
     </template>
@@ -42,6 +44,7 @@
 </template>
 
 <script>
+import SpinnerIcon from 'primevue/icons/spinner';
 import { DomHandler } from 'primevue/utils';
 
 export default {
@@ -742,6 +745,9 @@ export default {
 
             return this.columns;
         }
+    },
+    components: {
+        SpinnerIcon: SpinnerIcon
     }
 };
 </script>
@@ -794,6 +800,11 @@ export default {
     font-size: 2rem;
 }
 
+.p-virtualscroller-loading-icon.p-icon {
+    width: 2rem;
+    height: 2rem;
+}
+
 .p-virtualscroller-horizontal > .p-virtualscroller-content {
     display: flex;
 }

package/virtualscroller/virtualscroller.cjs.js

@@ -1,8 +1,13 @@
 'use strict';
 
+var SpinnerIcon = require('primevue/icons/spinner');
 var utils = require('primevue/utils');
 var vue = require('vue');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var SpinnerIcon__default = /*#__PURE__*/_interopDefaultLegacy(SpinnerIcon);
+
 var script = {
     name: 'VirtualScroller',
     emits: ['update:numToleratedItems', 'scroll', 'scroll-index-change', 'lazy-load'],
@@ -701,16 +706,17 @@ var script = {
 
             return this.columns;
         }
+    },
+    components: {
+        SpinnerIcon: SpinnerIcon__default["default"]
     }
 };
 
 const _hoisted_1 = ["tabindex"];
-const _hoisted_2 = {
-  key: 1,
-  class: "p-virtualscroller-loading-icon pi pi-spinner pi-spin"
-};
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_SpinnerIcon = vue.resolveComponent("SpinnerIcon");
+
   return (!$props.disabled)
     ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
@@ -769,7 +775,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       options: $options.getLoaderOptions(index, $options.isBoth() && { numCols: _ctx.d_numItemsInViewport.cols })
                     })
                   }), 128))
-                : (vue.openBlock(), vue.createElementBlock("i", _hoisted_2))
+                : vue.createCommentVNode("", true),
+              vue.renderSlot(_ctx.$slots, "loadingicon", {}, () => [
+                vue.createVNode(_component_SpinnerIcon, {
+                  spin: "",
+                  class: "p-virtualscroller-loading-icon"
+                })
+              ])
             ], 2))
           : vue.createCommentVNode("", true)
       ], 46, _hoisted_1))
@@ -810,7 +822,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "\n.p-virtualscroller {\n    position: relative;\n    overflow: auto;\n    contain: strict;\n    transform: translateZ(0);\n    will-change: scroll-position;\n    outline: 0 none;\n}\n.p-virtualscroller-content {\n    position: absolute;\n    top: 0;\n    left: 0;\n    /* contain: content; */\n    min-height: 100%;\n    min-width: 100%;\n    will-change: transform;\n}\n.p-virtualscroller-spacer {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 1px;\n    width: 1px;\n    transform-origin: 0 0;\n    pointer-events: none;\n}\n.p-virtualscroller .p-virtualscroller-loader {\n    position: sticky;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n.p-virtualscroller-loader.p-component-overlay {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.p-virtualscroller-loading-icon {\n    font-size: 2rem;\n}\n.p-virtualscroller-horizontal > .p-virtualscroller-content {\n    display: flex;\n}\n\n/* Inline */\n.p-virtualscroller-inline .p-virtualscroller-content {\n    position: static;\n}\n";
+var css_248z = "\n.p-virtualscroller {\n    position: relative;\n    overflow: auto;\n    contain: strict;\n    transform: translateZ(0);\n    will-change: scroll-position;\n    outline: 0 none;\n}\n.p-virtualscroller-content {\n    position: absolute;\n    top: 0;\n    left: 0;\n    /* contain: content; */\n    min-height: 100%;\n    min-width: 100%;\n    will-change: transform;\n}\n.p-virtualscroller-spacer {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 1px;\n    width: 1px;\n    transform-origin: 0 0;\n    pointer-events: none;\n}\n.p-virtualscroller .p-virtualscroller-loader {\n    position: sticky;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n.p-virtualscroller-loader.p-component-overlay {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.p-virtualscroller-loading-icon {\n    font-size: 2rem;\n}\n.p-virtualscroller-loading-icon.p-icon {\n    width: 2rem;\n    height: 2rem;\n}\n.p-virtualscroller-horizontal > .p-virtualscroller-content {\n    display: flex;\n}\n\n/* Inline */\n.p-virtualscroller-inline .p-virtualscroller-content {\n    position: static;\n}\n";
 styleInject(css_248z);
 
 script.render = render;