primevue 3.8.2 → 3.11.0

package/README.md

@@ -3,8 +3,8 @@
 [![npm version](https://badge.fury.io/js/primevue.svg)](https://badge.fury.io/js/primevue)
 [![Discord Chat](https://img.shields.io/discord/557940238991753223.svg?color=7289da&label=chat&logo=discord)](https://discord.gg/gzKFYnpmCY)
 
-[![PrimeVue Hero](https://www.primefaces.org/wp-content/uploads/2020/08/primevue-promo.jpg)](https://www.primefaces.org/primevue)
+[![PrimeVue Hero](https://user-images.githubusercontent.com/686247/138925407-2a7e916d-c674-4fb5-b721-1dd41a8eeebc.jpg)](https://www.primefaces.org/primevue)
 
 ### Website
 
-Visit the [PrimeVue Website](https://www.primefaces.org/primevue/) for general information, demos and documentation.
+Visit the [PrimeVue Website](https://www.primefaces.org/primevue/) for general information, demos and documentation.

package/accordion/Accordion.d.ts

@@ -1,19 +1,82 @@
 import { VNode } from 'vue';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-interface AccordionProps {
-    multiple?: boolean;
-    activeIndex?: Number|[Number];
-    lazy?: boolean;
+export interface AccordionTabOpenEvent {
+    /**
+     * Browser mouse event.
+     * @type {MouseEvent}
+     */
+    originalEvent: MouseEvent;
+    /**
+     * Opened tab index.
+     */
+    index: number;
 }
 
-declare class Accordion {
-    $props: AccordionProps;
-    $emit(eventName: 'update:activeIndex', value: number): this;
-    $emit(eventName: 'tab-open', e: {originalEvent: Event, tab: any}): this;
-    $emit(eventName: 'tab-close', e: {originalEvent: Event, tab: any}): this;
-    $slots: {
-        '': VNode[];
+/**
+ * @extends {AccordionTabOpenEvent}
+ */
+export interface AccordionTabCloseEvent extends AccordionTabOpenEvent { }
+
+export interface AccordionProps {
+    /**
+     * When enabled, multiple tabs can be activated at the same time.
+     */
+    multiple?: boolean | undefined;
+    /**
+     * Index of the active tab or an array of indexes in multiple mode.
+     */
+    activeIndex?: number | number[] | undefined;
+    /**
+     * When enabled, hidden tabs are not rendered at all. Defaults to false that hides tabs with css.
+     */
+    lazy?: boolean | undefined;
+}
+
+export interface AccordionSlots {
+    /**
+     * Default slot to detect AccordionTab components.
+     */
+    default: () => VNode[];
+}
+
+export declare type AccordionEmits = {
+    /**
+     * Emitted when the active tab changes.
+     * @param {number | undefined} value - Index of new active tab.
+     */
+    'update:activeIndex': (value: number | undefined) => void;
+    /**
+     * Callback to invoke when a tab gets expanded.
+     * @param {AccordionTabOpenEvent} event - Custom tab open event.
+     */
+    'tab-open': (event: AccordionTabOpenEvent) => void;
+    /**
+     * Callback to invoke when an active tab is collapsed by clicking on the header.
+     * @param {AccordionTabCloseEvent} event - Custom tab close event.
+     */
+    'tab-close': (event: AccordionTabCloseEvent) => void;
+}
+
+declare class Accordion extends ClassComponent<AccordionProps, AccordionSlots, AccordionEmits> { }
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        Accordion: GlobalComponentConstructor<Accordion>
     }
 }
 
+/**
+ *
+ * Accordion groups a collection of contents in tabs.
+ *
+ * Helper Components:
+ *
+ * - AccordionTab
+ *
+ * Demos:
+ *
+ * - [Accordion](https://www.primefaces.org/primevue/showcase/#/accordion)
+ *
+ */
 export default Accordion;

package/accordion/accordion.esm.js

@@ -210,4 +210,4 @@ styleInject(css_248z);
 
 script.render = render;
 
-export default script;
+export { script as default };

package/accordion/accordion.esm.min.js

@@ -1 +1 @@
-import{UniqueComponentId as e}from"primevue/utils";import{openBlock as t,createBlock as i,Fragment as a,renderList as n,createVNode as d,toDisplayString as s,createCommentVNode as o,resolveDynamicComponent as c,Transition as r,withCtx as l,withDirectives as h,vShow as p}from"vue";var b={name:"Accordion",emits:["tab-close","tab-open","update:activeIndex"],props:{multiple:{type:Boolean,default:!1},activeIndex:{type:[Number,Array],default:null},lazy:{type:Boolean,default:!1}},data(){return{d_activeIndex:this.activeIndex}},watch:{activeIndex(e){this.d_activeIndex=e}},methods:{onTabClick(e,t,i){if(!this.isTabDisabled(t)){const t=this.isTabActive(i),a=t?"tab-close":"tab-open";this.multiple?t?this.d_activeIndex=this.d_activeIndex.filter((e=>e!==i)):this.d_activeIndex?this.d_activeIndex.push(i):this.d_activeIndex=[i]:this.d_activeIndex=this.d_activeIndex===i?null:i,this.$emit("update:activeIndex",this.d_activeIndex),this.$emit(a,{originalEvent:e,index:i})}},onTabKeydown(e,t,i){13===e.which&&this.onTabClick(e,t,i)},isTabActive(e){return this.multiple?this.d_activeIndex&&this.d_activeIndex.includes(e):e===this.d_activeIndex},getKey:(e,t)=>e.props&&e.props.header?e.props.header:t,isTabDisabled:e=>e.props&&e.props.disabled,getTabClass(e){return["p-accordion-tab",{"p-accordion-tab-active":this.isTabActive(e)}]},getTabHeaderClass(e,t){return["p-accordion-header",{"p-highlight":this.isTabActive(t),"p-disabled":this.isTabDisabled(e)}]},getTabAriaId(e){return this.ariaId+"_"+e},getHeaderIcon(e){const t=this.isTabActive(e);return["p-accordion-toggle-icon pi",{"pi-chevron-right":!t,"pi-chevron-down":t}]},isAccordionTab:e=>"AccordionTab"===e.type.name},computed:{tabs(){const e=[];return this.$slots.default().forEach((t=>{this.isAccordionTab(t)?e.push(t):t.children&&t.children instanceof Array&&t.children.forEach((t=>{this.isAccordionTab(t)&&e.push(t)}))})),e},ariaId:()=>e()}};const u={class:"p-accordion p-component"},v={key:0,class:"p-accordion-header-text"},x={class:"p-accordion-content"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-accordion-header-link {\n    cursor: pointer;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    position: relative;\n    text-decoration: none;\n}\n.p-accordion-header-link:focus {\n    z-index: 1;\n}\n.p-accordion-header-text {\n    line-height: 1;\n}\n"),b.render=function(e,b,T,m,g,y){return t(),i("div",u,[(t(!0),i(a,null,n(y.tabs,((e,a)=>(t(),i("div",{key:y.getKey(e,a),class:y.getTabClass(a)},[d("div",{class:y.getTabHeaderClass(e,a)},[d("a",{role:"tab",class:"p-accordion-header-link",onClick:t=>y.onTabClick(t,e,a),onKeydown:t=>y.onTabKeydown(t,e,a),tabindex:y.isTabDisabled(e)?null:"0","aria-expanded":y.isTabActive(a),id:y.getTabAriaId(a)+"_header","aria-controls":y.getTabAriaId(a)+"_content"},[d("span",{class:y.getHeaderIcon(a)},null,2),e.props&&e.props.header?(t(),i("span",v,s(e.props.header),1)):o("",!0),e.children&&e.children.header?(t(),i(c(e.children.header),{key:1})):o("",!0)],40,["onClick","onKeydown","tabindex","aria-expanded","id","aria-controls"])],2),d(r,{name:"p-toggleable-content"},{default:l((()=>[!T.lazy||y.isTabActive(a)?h((t(),i("div",{key:0,class:"p-toggleable-content",role:"region",id:y.getTabAriaId(a)+"_content","aria-labelledby":y.getTabAriaId(a)+"_header"},[d("div",x,[(t(),i(c(e)))])],8,["id","aria-labelledby"])),[[p,!!T.lazy||y.isTabActive(a)]]):o("",!0)])),_:2},1024)],2)))),128))])};export default b;
+import{UniqueComponentId as e}from"primevue/utils";import{openBlock as t,createBlock as i,Fragment as a,renderList as n,createVNode as d,toDisplayString as s,createCommentVNode as o,resolveDynamicComponent as c,Transition as r,withCtx as l,withDirectives as h,vShow as p}from"vue";var b={name:"Accordion",emits:["tab-close","tab-open","update:activeIndex"],props:{multiple:{type:Boolean,default:!1},activeIndex:{type:[Number,Array],default:null},lazy:{type:Boolean,default:!1}},data(){return{d_activeIndex:this.activeIndex}},watch:{activeIndex(e){this.d_activeIndex=e}},methods:{onTabClick(e,t,i){if(!this.isTabDisabled(t)){const t=this.isTabActive(i),a=t?"tab-close":"tab-open";this.multiple?t?this.d_activeIndex=this.d_activeIndex.filter((e=>e!==i)):this.d_activeIndex?this.d_activeIndex.push(i):this.d_activeIndex=[i]:this.d_activeIndex=this.d_activeIndex===i?null:i,this.$emit("update:activeIndex",this.d_activeIndex),this.$emit(a,{originalEvent:e,index:i})}},onTabKeydown(e,t,i){13===e.which&&this.onTabClick(e,t,i)},isTabActive(e){return this.multiple?this.d_activeIndex&&this.d_activeIndex.includes(e):e===this.d_activeIndex},getKey:(e,t)=>e.props&&e.props.header?e.props.header:t,isTabDisabled:e=>e.props&&e.props.disabled,getTabClass(e){return["p-accordion-tab",{"p-accordion-tab-active":this.isTabActive(e)}]},getTabHeaderClass(e,t){return["p-accordion-header",{"p-highlight":this.isTabActive(t),"p-disabled":this.isTabDisabled(e)}]},getTabAriaId(e){return this.ariaId+"_"+e},getHeaderIcon(e){const t=this.isTabActive(e);return["p-accordion-toggle-icon pi",{"pi-chevron-right":!t,"pi-chevron-down":t}]},isAccordionTab:e=>"AccordionTab"===e.type.name},computed:{tabs(){const e=[];return this.$slots.default().forEach((t=>{this.isAccordionTab(t)?e.push(t):t.children&&t.children instanceof Array&&t.children.forEach((t=>{this.isAccordionTab(t)&&e.push(t)}))})),e},ariaId:()=>e()}};const u={class:"p-accordion p-component"},v={key:0,class:"p-accordion-header-text"},x={class:"p-accordion-content"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-accordion-header-link {\n    cursor: pointer;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    position: relative;\n    text-decoration: none;\n}\n.p-accordion-header-link:focus {\n    z-index: 1;\n}\n.p-accordion-header-text {\n    line-height: 1;\n}\n"),b.render=function(e,b,T,m,g,y){return t(),i("div",u,[(t(!0),i(a,null,n(y.tabs,((e,a)=>(t(),i("div",{key:y.getKey(e,a),class:y.getTabClass(a)},[d("div",{class:y.getTabHeaderClass(e,a)},[d("a",{role:"tab",class:"p-accordion-header-link",onClick:t=>y.onTabClick(t,e,a),onKeydown:t=>y.onTabKeydown(t,e,a),tabindex:y.isTabDisabled(e)?null:"0","aria-expanded":y.isTabActive(a),id:y.getTabAriaId(a)+"_header","aria-controls":y.getTabAriaId(a)+"_content"},[d("span",{class:y.getHeaderIcon(a)},null,2),e.props&&e.props.header?(t(),i("span",v,s(e.props.header),1)):o("",!0),e.children&&e.children.header?(t(),i(c(e.children.header),{key:1})):o("",!0)],40,["onClick","onKeydown","tabindex","aria-expanded","id","aria-controls"])],2),d(r,{name:"p-toggleable-content"},{default:l((()=>[!T.lazy||y.isTabActive(a)?h((t(),i("div",{key:0,class:"p-toggleable-content",role:"region",id:y.getTabAriaId(a)+"_content","aria-labelledby":y.getTabAriaId(a)+"_header"},[d("div",x,[(t(),i(c(e)))])],8,["id","aria-labelledby"])),[[p,!!T.lazy||y.isTabActive(a)]]):o("",!0)])),_:2},1024)],2)))),128))])};export{b as default};

package/accordion/accordion.js

@@ -213,4 +213,4 @@ this.primevue.accordion = (function (utils, vue) {
 
     return script;
 
-}(primevue.utils, Vue));
+})(primevue.utils, Vue);

package/accordiontab/AccordionTab.d.ts

@@ -1,16 +1,45 @@
 import { VNode } from 'vue';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-interface AccordionTabProps {
-    header?: string;
-    disabled?: boolean;
+export interface AccordionTabProps {
+    /**
+     * Orientation of tab headers.
+     */
+    header?: string | undefined;
+    /**
+     * Whether the tab is disabled.
+     */
+    disabled?: boolean | undefined;
 }
 
-declare class AccordionTab {
-    $props: AccordionTabProps;
-    $slot: {
-        '': VNode[];
-        header: VNode[];
+export interface AccordionTabSlots {
+    /**
+     * Default slot for content.
+     */
+    default: () => VNode[];
+    /**
+     * Custom content for the title section of a panel is defined using the header template.
+     */
+    header: () => VNode[];
+}
+
+export declare type AccordionTabEmits = { }
+
+declare class AccordionTab extends ClassComponent<AccordionTabProps, AccordionTabSlots, AccordionTabEmits> { }
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        AccordionTab: GlobalComponentConstructor<AccordionTab>
     }
 }
 
+/**
+ *
+ * AccordionTab is a helper component for Accordion.
+ *
+ * Demos:
+ *
+ * - [Accordion](https://www.primefaces.org/primevue/showcase/#/accordion)
+ *
+ */
 export default AccordionTab;

package/accordiontab/accordiontab.esm.js

@@ -14,4 +14,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
 script.render = render;
 
-export default script;
+export { script as default };

package/accordiontab/accordiontab.esm.min.js

@@ -1 +1 @@
-import{renderSlot as e}from"vue";var r={name:"AccordionTab",props:{header:null,disabled:Boolean}};r.render=function(r,o,a,n,d,l){return e(r.$slots,"default")};export default r;
+import{renderSlot as e}from"vue";var r={name:"AccordionTab",props:{header:null,disabled:Boolean}};r.render=function(r,o,a,n,d,l){return e(r.$slots,"default")};export{r as default};

package/accordiontab/accordiontab.js

@@ -18,4 +18,4 @@ this.primevue.accordiontab = (function (vue) {
 
     return script;
 
-}(Vue));
+})(Vue);