primevue 3.14.0 → 3.16.1

package/paginator/paginator.min.js

@@ -0,0 +1 @@
+this.primevue=this.primevue||{},this.primevue.paginator=function(e,t,n,a){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(t),i=o(n),s=o(a),l={name:"CurrentPageReport",inheritAttrs:!1,props:{pageCount:{type:Number,default:0},currentPage:{type:Number,default:0},page:{type:Number,default:0},first:{type:Number,default:0},rows:{type:Number,default:0},totalRecords:{type:Number,default:0},template:{type:String,default:"({currentPage} of {totalPages})"}},computed:{text(){return this.template.replace("{currentPage}",this.currentPage).replace("{totalPages}",this.pageCount).replace("{first}",this.pageCount>0?this.first+1:0).replace("{last}",Math.min(this.first+this.rows,this.totalRecords)).replace("{rows}",this.rows).replace("{totalRecords}",this.totalRecords)}}};const p={class:"p-paginator-current"};l.render=function(t,n,a,o,r,i){return e.openBlock(),e.createElementBlock("span",p,e.toDisplayString(i.text),1)};var c={name:"FirstPageLink",computed:{containerClass(){return["p-paginator-first p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},directives:{ripple:r.default}};const g=[e.createElementVNode("span",{class:"p-paginator-icon pi pi-angle-double-left"},null,-1)];c.render=function(t,n,a,o,r,i){const s=e.resolveDirective("ripple");return e.withDirectives((e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(i.containerClass),type:"button"},g,2)),[[s]])};var u={name:"LastPageLink",computed:{containerClass(){return["p-paginator-last p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},directives:{ripple:r.default}};const d=[e.createElementVNode("span",{class:"p-paginator-icon pi pi-angle-double-right"},null,-1)];u.render=function(t,n,a,o,r,i){const s=e.resolveDirective("ripple");return e.withDirectives((e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(i.containerClass),type:"button"},d,2)),[[s]])};var m={name:"NextPageLink",computed:{containerClass(){return["p-paginator-next p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},directives:{ripple:r.default}};const h=[e.createElementVNode("span",{class:"p-paginator-icon pi pi-angle-right"},null,-1)];m.render=function(t,n,a,o,r,i){const s=e.resolveDirective("ripple");return e.withDirectives((e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(i.containerClass),type:"button"},h,2)),[[s]])};var k={name:"PageLinks",inheritAttrs:!1,emits:["click"],props:{value:Array,page:Number},methods:{onPageLinkClick(e,t){this.$emit("click",{originalEvent:e,value:t})}},directives:{ripple:r.default}};const P={class:"p-paginator-pages"},f=["onClick"];k.render=function(t,n,a,o,r,i){const s=e.resolveDirective("ripple");return e.openBlock(),e.createElementBlock("span",P,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,(t=>e.withDirectives((e.openBlock(),e.createElementBlock("button",{key:t,class:e.normalizeClass(["p-paginator-page p-paginator-element p-link",{"p-highlight":t-1===a.page}]),type:"button",onClick:e=>i.onPageLinkClick(e,t)},[e.createTextVNode(e.toDisplayString(t),1)],10,f)),[[s]]))),128))])};var b={name:"PrevPageLink",computed:{containerClass(){return["p-paginator-prev p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},directives:{ripple:r.default}};const v=[e.createElementVNode("span",{class:"p-paginator-icon pi pi-angle-left"},null,-1)];b.render=function(t,n,a,o,r,i){const s=e.resolveDirective("ripple");return e.withDirectives((e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(i.containerClass),type:"button"},v,2)),[[s]])};var w={name:"RowsPerPageDropdown",inheritAttrs:!1,emits:["rows-change"],props:{options:Array,rows:Number,disabled:Boolean},methods:{onChange(e){this.$emit("rows-change",e)}},computed:{rowsOptions(){let e=[];if(this.options)for(let t=0;t<this.options.length;t++)e.push({label:String(this.options[t]),value:this.options[t]});return e}},components:{RPPDropdown:i.default}};w.render=function(t,n,a,o,r,i){const s=e.resolveComponent("RPPDropdown");return e.openBlock(),e.createBlock(s,{modelValue:a.rows,options:i.rowsOptions,optionLabel:"label",optionValue:"value","onUpdate:modelValue":n[0]||(n[0]=e=>i.onChange(e)),class:"p-paginator-rpp-options",disabled:a.disabled},null,8,["modelValue","options","disabled"])};var C={name:"JumpToPageDropdown",inheritAttrs:!1,emits:["page-change"],props:{page:Number,pageCount:Number,disabled:Boolean},methods:{onChange(e){this.$emit("page-change",e)}},computed:{pageOptions(){let e=[];for(let t=0;t<this.pageCount;t++)e.push({label:String(t+1),value:t});return e}},components:{JTPDropdown:i.default}};C.render=function(t,n,a,o,r,i){const s=e.resolveComponent("JTPDropdown");return e.openBlock(),e.createBlock(s,{modelValue:a.page,options:i.pageOptions,optionLabel:"label",optionValue:"value","onUpdate:modelValue":n[0]||(n[0]=e=>i.onChange(e)),class:"p-paginator-page-options",disabled:a.disabled},null,8,["modelValue","options","disabled"])};var y={name:"JumpToPageInput",inheritAttrs:!1,emits:["page-change"],props:{page:Number,pageCount:Number,disabled:Boolean},methods:{onChange(e){this.$emit("page-change",e-1)}},components:{JTPInput:s.default}};y.render=function(t,n,a,o,r,i){const s=e.resolveComponent("JTPInput");return e.openBlock(),e.createBlock(s,{modelValue:a.page,"onUpdate:modelValue":n[0]||(n[0]=e=>i.onChange(e)),class:"p-paginator-page-input",disabled:a.disabled},null,8,["modelValue","disabled"])};var B={name:"Paginator",emits:["update:first","update:rows","page"],props:{totalRecords:{type:Number,default:0},rows:{type:Number,default:0},first:{type:Number,default:0},pageLinkSize:{type:Number,default:5},rowsPerPageOptions:{type:Array,default:null},template:{type:String,default:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown"},currentPageReportTemplate:{type:null,default:"({currentPage} of {totalPages})"},alwaysShow:{type:Boolean,default:!0}},data(){return{d_first:this.first,d_rows:this.rows}},watch:{first(e){this.d_first=e},rows(e){this.d_rows=e},totalRecords(e){this.page>0&&e&&this.d_first>=e&&this.changePage(this.pageCount-1)}},methods:{changePage(e){const t=this.pageCount;if(e>=0&&e<t){this.d_first=this.d_rows*e;const n={page:e,first:this.d_first,rows:this.d_rows,pageCount:t};this.$emit("update:first",this.d_first),this.$emit("update:rows",this.d_rows),this.$emit("page",n)}},changePageToFirst(e){this.isFirstPage||this.changePage(0),e.preventDefault()},changePageToPrev(e){this.changePage(this.page-1),e.preventDefault()},changePageLink(e){this.changePage(e.value-1),e.originalEvent.preventDefault()},changePageToNext(e){this.changePage(this.page+1),e.preventDefault()},changePageToLast(e){this.isLastPage||this.changePage(this.pageCount-1),e.preventDefault()},onRowChange(e){this.d_rows=e,this.changePage(this.page)}},computed:{templateItems(){let e=[];return this.template.split(" ").map((t=>{e.push(t.trim())})),e},page(){return Math.floor(this.d_first/this.d_rows)},pageCount(){return Math.ceil(this.totalRecords/this.d_rows)},isFirstPage(){return 0===this.page},isLastPage(){return this.page===this.pageCount-1},calculatePageLinkBoundaries(){const e=this.pageCount,t=Math.min(this.pageLinkSize,e);let n=Math.max(0,Math.ceil(this.page-t/2)),a=Math.min(e-1,n+t-1);const o=this.pageLinkSize-(a-n+1);return n=Math.max(0,n-o),[n,a]},pageLinks(){let e=[],t=this.calculatePageLinkBoundaries,n=t[0],a=t[1];for(var o=n;o<=a;o++)e.push(o+1);return e},currentState(){return{page:this.page,first:this.d_first,rows:this.d_rows}},empty(){return 0===this.pageCount},currentPage(){return this.pageCount>0?this.page+1:0}},components:{CurrentPageReport:l,FirstPageLink:c,LastPageLink:u,NextPageLink:m,PageLinks:k,PrevPageLink:b,RowsPerPageDropdown:w,JumpToPageDropdown:C,JumpToPageInput:y}};const L={key:0,class:"p-paginator p-component"},x={key:0,class:"p-paginator-left-content"},N={key:1,class:"p-paginator-right-content"};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],o=document.createElement("style");o.type="text/css","top"===n&&a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-paginator {\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-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n}\n.p-paginator-left-content {\n\tmargin-right: auto;\n}\n.p-paginator-right-content {\n\tmargin-left: auto;\n}\n.p-paginator-page,\n.p-paginator-next,\n.p-paginator-last,\n.p-paginator-first,\n.p-paginator-prev,\n.p-paginator-current {\n    cursor: pointer;\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    line-height: 1;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-paginator-element:focus {\n    z-index: 1;\n    position: relative;\n}\n"),B.render=function(t,n,a,o,r,i){const s=e.resolveComponent("FirstPageLink"),l=e.resolveComponent("PrevPageLink"),p=e.resolveComponent("NextPageLink"),c=e.resolveComponent("LastPageLink"),g=e.resolveComponent("PageLinks"),u=e.resolveComponent("CurrentPageReport"),d=e.resolveComponent("RowsPerPageDropdown"),m=e.resolveComponent("JumpToPageDropdown"),h=e.resolveComponent("JumpToPageInput");return a.alwaysShow||i.pageLinks&&i.pageLinks.length>1?(e.openBlock(),e.createElementBlock("div",L,[t.$slots.start?(e.openBlock(),e.createElementBlock("div",x,[e.renderSlot(t.$slots,"start",{state:i.currentState})])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.templateItems,(t=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:t},["FirstPageLink"===t?(e.openBlock(),e.createBlock(s,{key:0,onClick:n[0]||(n[0]=e=>i.changePageToFirst(e)),disabled:i.isFirstPage||i.empty},null,8,["disabled"])):"PrevPageLink"===t?(e.openBlock(),e.createBlock(l,{key:1,onClick:n[1]||(n[1]=e=>i.changePageToPrev(e)),disabled:i.isFirstPage||i.empty},null,8,["disabled"])):"NextPageLink"===t?(e.openBlock(),e.createBlock(p,{key:2,onClick:n[2]||(n[2]=e=>i.changePageToNext(e)),disabled:i.isLastPage||i.empty},null,8,["disabled"])):"LastPageLink"===t?(e.openBlock(),e.createBlock(c,{key:3,onClick:n[3]||(n[3]=e=>i.changePageToLast(e)),disabled:i.isLastPage||i.empty},null,8,["disabled"])):"PageLinks"===t?(e.openBlock(),e.createBlock(g,{key:4,value:i.pageLinks,page:i.page,onClick:n[4]||(n[4]=e=>i.changePageLink(e))},null,8,["value","page"])):"CurrentPageReport"===t?(e.openBlock(),e.createBlock(u,{key:5,template:a.currentPageReportTemplate,currentPage:i.currentPage,page:i.page,pageCount:i.pageCount,first:r.d_first,rows:r.d_rows,totalRecords:a.totalRecords},null,8,["template","currentPage","page","pageCount","first","rows","totalRecords"])):"RowsPerPageDropdown"===t&&a.rowsPerPageOptions?(e.openBlock(),e.createBlock(d,{key:6,rows:r.d_rows,options:a.rowsPerPageOptions,onRowsChange:n[5]||(n[5]=e=>i.onRowChange(e)),disabled:i.empty},null,8,["rows","options","disabled"])):"JumpToPageDropdown"===t?(e.openBlock(),e.createBlock(m,{key:7,page:i.page,pageCount:i.pageCount,onPageChange:n[6]||(n[6]=e=>i.changePage(e)),disabled:i.empty},null,8,["page","pageCount","disabled"])):"JumpToPageInput"===t?(e.openBlock(),e.createBlock(h,{key:8,page:i.currentPage,onPageChange:n[7]||(n[7]=e=>i.changePage(e)),disabled:i.empty},null,8,["page","disabled"])):e.createCommentVNode("",!0)],64)))),128)),t.$slots.end?(e.openBlock(),e.createElementBlock("div",N,[e.renderSlot(t.$slots,"end",{state:i.currentState})])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)},B}(Vue,primevue.ripple,primevue.dropdown,primevue.inputnumber);

package/panel/Panel.d.ts

@@ -0,0 +1,75 @@
+import { VNode } from 'vue';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+
+export interface PanelToggleEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: Event;
+    /**
+     * Collapsed state as a boolean
+     */
+    value: boolean;
+}
+
+export interface PanelProps {
+    /**
+     * Header text of the panel.
+     */
+    header?: string;
+    /**
+     * Defines if content of panel can be expanded and collapsed.
+     */
+    toggleable?: boolean;
+    /**
+     * Defines the initial state of panel content.
+     */
+    collapsed?: boolean;
+}
+
+export interface PanelSlots {
+    /**
+     * Custom content template.
+     */
+    default: () => VNode[];
+    /**
+     * Custom header template.
+     */
+    header: () => VNode[];
+    /**
+     * Custom icons template.
+     */
+    icons: () => VNode[];
+}
+
+export declare type PanelEmits = {
+    /**
+     * Emitted when the collapsed changes.
+     * @param {boolean} value - New value.
+     */
+    'update:collapsed': (value: boolean) => void;
+    /**
+     * Callback to invoke when a tab toggle.
+     * @param {PanelToggleEvent} event - Custom toggle event.
+     */
+    'toggle': (event: PanelToggleEvent) => void;
+}
+
+declare class Panel extends ClassComponent<PanelProps, PanelSlots, PanelEmits> { }
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        Panel: GlobalComponentConstructor<Panel>
+    }
+}
+
+/**
+ *
+ * Panel is a container with the optional content toggle feature.
+ *
+ * Demos:
+ *
+ * - [Panel](https://www.primefaces.org/primevue/showcase/#/panel)
+ *
+ */
+export default Panel;

package/panel/Panel.vue

@@ -0,0 +1,91 @@
+<template>
+    <div :class="containerClass">
+        <div class="p-panel-header">
+            <slot name="header">
+                <span class="p-panel-title" v-if="header" :id="ariaId + '_header'">{{header}}</span>
+            </slot>
+            <div class="p-panel-icons">
+                <slot name="icons"></slot>
+                <button v-if="toggleable" class="p-panel-header-icon p-panel-toggler p-link" @click="toggle" type="button"
+                    :id="ariaId +  '_header'" :aria-controls="ariaId + '_content'" :aria-expanded="!d_collapsed" v-ripple>
+                    <span :class="{'pi pi-minus': !d_collapsed, 'pi pi-plus': d_collapsed}"></span>
+                </button>
+            </div>
+        </div>
+        <transition name="p-toggleable-content">
+            <div class="p-toggleable-content" v-show="!d_collapsed" role="region" :id="ariaId + '_content'" :aria-labelledby="ariaId + '_header'">
+                <div class="p-panel-content">
+                    <slot></slot>
+                </div>
+            </div>
+        </transition>
+    </div>
+</template>
+
+<script>
+import {UniqueComponentId} from 'primevue/utils';
+import Ripple from 'primevue/ripple';
+
+export default {
+    name: 'Panel',
+    emits: ['update:collapsed', 'toggle'],
+    props: {
+        header: String,
+        toggleable: Boolean,
+        collapsed: Boolean
+    },
+    data() {
+        return {
+            d_collapsed: this.collapsed
+        }
+    },
+    watch: {
+        collapsed(newValue) {
+            this.d_collapsed = newValue;
+        }
+    },
+    methods: {
+        toggle(event) {
+            this.d_collapsed = !this.d_collapsed;
+            this.$emit('update:collapsed', this.d_collapsed);
+            this.$emit('toggle', {
+                originalEvent: event,
+                value: this.d_collapsed
+            });
+        }
+    },
+    computed: {
+        ariaId() {
+            return UniqueComponentId();
+        },
+        containerClass() {
+            return ['p-panel p-component', {'p-panel-toggleable': this.toggleable}];
+        }
+    },
+    directives: {
+        'ripple': Ripple
+    }
+}
+</script>
+
+<style>
+.p-panel-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.p-panel-title {
+    line-height: 1;
+}
+
+.p-panel-header-icon {
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    text-decoration: none;
+    overflow: hidden;
+    position: relative;
+}
+</style>

package/panel/package.json

@@ -0,0 +1,9 @@
+{
+  "main": "./panel.cjs.js",
+  "module": "./panel.esm.js",
+  "unpkg": "./panel.min.js",
+  "types": "./Panel.d.ts",
+  "browser": {
+    "./sfc": "./Panel.vue"
+  }
+}

package/panel/panel.cjs.js

@@ -0,0 +1,148 @@
+'use strict';
+
+var utils = require('primevue/utils');
+var Ripple = require('primevue/ripple');
+var vue = require('vue');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
+
+var script = {
+    name: 'Panel',
+    emits: ['update:collapsed', 'toggle'],
+    props: {
+        header: String,
+        toggleable: Boolean,
+        collapsed: Boolean
+    },
+    data() {
+        return {
+            d_collapsed: this.collapsed
+        }
+    },
+    watch: {
+        collapsed(newValue) {
+            this.d_collapsed = newValue;
+        }
+    },
+    methods: {
+        toggle(event) {
+            this.d_collapsed = !this.d_collapsed;
+            this.$emit('update:collapsed', this.d_collapsed);
+            this.$emit('toggle', {
+                originalEvent: event,
+                value: this.d_collapsed
+            });
+        }
+    },
+    computed: {
+        ariaId() {
+            return utils.UniqueComponentId();
+        },
+        containerClass() {
+            return ['p-panel p-component', {'p-panel-toggleable': this.toggleable}];
+        }
+    },
+    directives: {
+        'ripple': Ripple__default["default"]
+    }
+};
+
+const _hoisted_1 = { class: "p-panel-header" };
+const _hoisted_2 = ["id"];
+const _hoisted_3 = { class: "p-panel-icons" };
+const _hoisted_4 = ["id", "aria-controls", "aria-expanded"];
+const _hoisted_5 = ["id", "aria-labelledby"];
+const _hoisted_6 = { class: "p-panel-content" };
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _directive_ripple = vue.resolveDirective("ripple");
+
+  return (vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass($options.containerClass)
+  }, [
+    vue.createElementVNode("div", _hoisted_1, [
+      vue.renderSlot(_ctx.$slots, "header", {}, () => [
+        ($props.header)
+          ? (vue.openBlock(), vue.createElementBlock("span", {
+              key: 0,
+              class: "p-panel-title",
+              id: $options.ariaId + '_header'
+            }, vue.toDisplayString($props.header), 9, _hoisted_2))
+          : vue.createCommentVNode("", true)
+      ]),
+      vue.createElementVNode("div", _hoisted_3, [
+        vue.renderSlot(_ctx.$slots, "icons"),
+        ($props.toggleable)
+          ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
+              key: 0,
+              class: "p-panel-header-icon p-panel-toggler p-link",
+              onClick: _cache[0] || (_cache[0] = (...args) => ($options.toggle && $options.toggle(...args))),
+              type: "button",
+              id: $options.ariaId +  '_header',
+              "aria-controls": $options.ariaId + '_content',
+              "aria-expanded": !$data.d_collapsed
+            }, [
+              vue.createElementVNode("span", {
+                class: vue.normalizeClass({'pi pi-minus': !$data.d_collapsed, 'pi pi-plus': $data.d_collapsed})
+              }, null, 2)
+            ], 8, _hoisted_4)), [
+              [_directive_ripple]
+            ])
+          : vue.createCommentVNode("", true)
+      ])
+    ]),
+    vue.createVNode(vue.Transition, { name: "p-toggleable-content" }, {
+      default: vue.withCtx(() => [
+        vue.withDirectives(vue.createElementVNode("div", {
+          class: "p-toggleable-content",
+          role: "region",
+          id: $options.ariaId + '_content',
+          "aria-labelledby": $options.ariaId + '_header'
+        }, [
+          vue.createElementVNode("div", _hoisted_6, [
+            vue.renderSlot(_ctx.$slots, "default")
+          ])
+        ], 8, _hoisted_5), [
+          [vue.vShow, !$data.d_collapsed]
+        ])
+      ]),
+      _: 3
+    })
+  ], 2))
+}
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = "\n.p-panel-header {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-panel-title {\n    line-height: 1;\n}\n.p-panel-header-icon {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    cursor: pointer;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n";
+styleInject(css_248z);
+
+script.render = render;
+
+module.exports = script;

package/panel/panel.cjs.min.js

@@ -0,0 +1 @@
+"use strict";var e=require("primevue/utils"),t=require("primevue/ripple"),n=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a={name:"Panel",emits:["update:collapsed","toggle"],props:{header:String,toggleable:Boolean,collapsed:Boolean},data(){return{d_collapsed:this.collapsed}},watch:{collapsed(e){this.d_collapsed=e}},methods:{toggle(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})}},computed:{ariaId:()=>e.UniqueComponentId(),containerClass(){return["p-panel p-component",{"p-panel-toggleable":this.toggleable}]}},directives:{ripple:l(t).default}};const i={class:"p-panel-header"},o=["id"],d={class:"p-panel-icons"},s=["id","aria-controls","aria-expanded"],r=["id","aria-labelledby"],c={class:"p-panel-content"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-panel-header {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-panel-title {\n    line-height: 1;\n}\n.p-panel-header-icon {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    cursor: pointer;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n"),a.render=function(e,t,l,a,p,m){const u=n.resolveDirective("ripple");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(m.containerClass)},[n.createElementVNode("div",i,[n.renderSlot(e.$slots,"header",{},(()=>[l.header?(n.openBlock(),n.createElementBlock("span",{key:0,class:"p-panel-title",id:m.ariaId+"_header"},n.toDisplayString(l.header),9,o)):n.createCommentVNode("",!0)])),n.createElementVNode("div",d,[n.renderSlot(e.$slots,"icons"),l.toggleable?n.withDirectives((n.openBlock(),n.createElementBlock("button",{key:0,class:"p-panel-header-icon p-panel-toggler p-link",onClick:t[0]||(t[0]=(...e)=>m.toggle&&m.toggle(...e)),type:"button",id:m.ariaId+"_header","aria-controls":m.ariaId+"_content","aria-expanded":!p.d_collapsed},[n.createElementVNode("span",{class:n.normalizeClass({"pi pi-minus":!p.d_collapsed,"pi pi-plus":p.d_collapsed})},null,2)],8,s)),[[u]]):n.createCommentVNode("",!0)])]),n.createVNode(n.Transition,{name:"p-toggleable-content"},{default:n.withCtx((()=>[n.withDirectives(n.createElementVNode("div",{class:"p-toggleable-content",role:"region",id:m.ariaId+"_content","aria-labelledby":m.ariaId+"_header"},[n.createElementVNode("div",c,[n.renderSlot(e.$slots,"default")])],8,r),[[n.vShow,!p.d_collapsed]])])),_:3})],2)},module.exports=a;

package/panel/panel.esm.js

@@ -0,0 +1,142 @@
+import { UniqueComponentId } from 'primevue/utils';
+import Ripple from 'primevue/ripple';
+import { resolveDirective, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, toDisplayString, createCommentVNode, withDirectives, createVNode, Transition, withCtx, vShow } from 'vue';
+
+var script = {
+    name: 'Panel',
+    emits: ['update:collapsed', 'toggle'],
+    props: {
+        header: String,
+        toggleable: Boolean,
+        collapsed: Boolean
+    },
+    data() {
+        return {
+            d_collapsed: this.collapsed
+        }
+    },
+    watch: {
+        collapsed(newValue) {
+            this.d_collapsed = newValue;
+        }
+    },
+    methods: {
+        toggle(event) {
+            this.d_collapsed = !this.d_collapsed;
+            this.$emit('update:collapsed', this.d_collapsed);
+            this.$emit('toggle', {
+                originalEvent: event,
+                value: this.d_collapsed
+            });
+        }
+    },
+    computed: {
+        ariaId() {
+            return UniqueComponentId();
+        },
+        containerClass() {
+            return ['p-panel p-component', {'p-panel-toggleable': this.toggleable}];
+        }
+    },
+    directives: {
+        'ripple': Ripple
+    }
+};
+
+const _hoisted_1 = { class: "p-panel-header" };
+const _hoisted_2 = ["id"];
+const _hoisted_3 = { class: "p-panel-icons" };
+const _hoisted_4 = ["id", "aria-controls", "aria-expanded"];
+const _hoisted_5 = ["id", "aria-labelledby"];
+const _hoisted_6 = { class: "p-panel-content" };
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _directive_ripple = resolveDirective("ripple");
+
+  return (openBlock(), createElementBlock("div", {
+    class: normalizeClass($options.containerClass)
+  }, [
+    createElementVNode("div", _hoisted_1, [
+      renderSlot(_ctx.$slots, "header", {}, () => [
+        ($props.header)
+          ? (openBlock(), createElementBlock("span", {
+              key: 0,
+              class: "p-panel-title",
+              id: $options.ariaId + '_header'
+            }, toDisplayString($props.header), 9, _hoisted_2))
+          : createCommentVNode("", true)
+      ]),
+      createElementVNode("div", _hoisted_3, [
+        renderSlot(_ctx.$slots, "icons"),
+        ($props.toggleable)
+          ? withDirectives((openBlock(), createElementBlock("button", {
+              key: 0,
+              class: "p-panel-header-icon p-panel-toggler p-link",
+              onClick: _cache[0] || (_cache[0] = (...args) => ($options.toggle && $options.toggle(...args))),
+              type: "button",
+              id: $options.ariaId +  '_header',
+              "aria-controls": $options.ariaId + '_content',
+              "aria-expanded": !$data.d_collapsed
+            }, [
+              createElementVNode("span", {
+                class: normalizeClass({'pi pi-minus': !$data.d_collapsed, 'pi pi-plus': $data.d_collapsed})
+              }, null, 2)
+            ], 8, _hoisted_4)), [
+              [_directive_ripple]
+            ])
+          : createCommentVNode("", true)
+      ])
+    ]),
+    createVNode(Transition, { name: "p-toggleable-content" }, {
+      default: withCtx(() => [
+        withDirectives(createElementVNode("div", {
+          class: "p-toggleable-content",
+          role: "region",
+          id: $options.ariaId + '_content',
+          "aria-labelledby": $options.ariaId + '_header'
+        }, [
+          createElementVNode("div", _hoisted_6, [
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ], 8, _hoisted_5), [
+          [vShow, !$data.d_collapsed]
+        ])
+      ]),
+      _: 3
+    })
+  ], 2))
+}
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = "\n.p-panel-header {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-panel-title {\n    line-height: 1;\n}\n.p-panel-header-icon {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    cursor: pointer;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n";
+styleInject(css_248z);
+
+script.render = render;
+
+export { script as default };

package/panel/panel.esm.min.js

@@ -0,0 +1 @@
+import{UniqueComponentId as e}from"primevue/utils";import n from"primevue/ripple";import{resolveDirective as l,openBlock as t,createElementBlock as a,normalizeClass as i,createElementVNode as o,renderSlot as s,toDisplayString as d,createCommentVNode as p,withDirectives as r,createVNode as c,Transition as g,withCtx as h,vShow as m}from"vue";var u={name:"Panel",emits:["update:collapsed","toggle"],props:{header:String,toggleable:Boolean,collapsed:Boolean},data(){return{d_collapsed:this.collapsed}},watch:{collapsed(e){this.d_collapsed=e}},methods:{toggle(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})}},computed:{ariaId:()=>e(),containerClass(){return["p-panel p-component",{"p-panel-toggleable":this.toggleable}]}},directives:{ripple:n}};const b={class:"p-panel-header"},f=["id"],x={class:"p-panel-icons"},y=["id","aria-controls","aria-expanded"],v=["id","aria-labelledby"],_={class:"p-panel-content"};!function(e,n){void 0===n&&(n={});var l=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===l&&t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-panel-header {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-panel-title {\n    line-height: 1;\n}\n.p-panel-header-icon {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    cursor: pointer;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n"),u.render=function(e,n,u,k,w,C){const I=l("ripple");return t(),a("div",{class:i(C.containerClass)},[o("div",b,[s(e.$slots,"header",{},(()=>[u.header?(t(),a("span",{key:0,class:"p-panel-title",id:C.ariaId+"_header"},d(u.header),9,f)):p("",!0)])),o("div",x,[s(e.$slots,"icons"),u.toggleable?r((t(),a("button",{key:0,class:"p-panel-header-icon p-panel-toggler p-link",onClick:n[0]||(n[0]=(...e)=>C.toggle&&C.toggle(...e)),type:"button",id:C.ariaId+"_header","aria-controls":C.ariaId+"_content","aria-expanded":!w.d_collapsed},[o("span",{class:i({"pi pi-minus":!w.d_collapsed,"pi pi-plus":w.d_collapsed})},null,2)],8,y)),[[I]]):p("",!0)])]),c(g,{name:"p-toggleable-content"},{default:h((()=>[r(o("div",{class:"p-toggleable-content",role:"region",id:C.ariaId+"_content","aria-labelledby":C.ariaId+"_header"},[o("div",_,[s(e.$slots,"default")])],8,v),[[m,!w.d_collapsed]])])),_:3})],2)};export{u as default};

package/panel/panel.js

@@ -0,0 +1,148 @@
+this.primevue = this.primevue || {};
+this.primevue.panel = (function (utils, Ripple, vue) {
+    'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
+
+    var script = {
+        name: 'Panel',
+        emits: ['update:collapsed', 'toggle'],
+        props: {
+            header: String,
+            toggleable: Boolean,
+            collapsed: Boolean
+        },
+        data() {
+            return {
+                d_collapsed: this.collapsed
+            }
+        },
+        watch: {
+            collapsed(newValue) {
+                this.d_collapsed = newValue;
+            }
+        },
+        methods: {
+            toggle(event) {
+                this.d_collapsed = !this.d_collapsed;
+                this.$emit('update:collapsed', this.d_collapsed);
+                this.$emit('toggle', {
+                    originalEvent: event,
+                    value: this.d_collapsed
+                });
+            }
+        },
+        computed: {
+            ariaId() {
+                return utils.UniqueComponentId();
+            },
+            containerClass() {
+                return ['p-panel p-component', {'p-panel-toggleable': this.toggleable}];
+            }
+        },
+        directives: {
+            'ripple': Ripple__default["default"]
+        }
+    };
+
+    const _hoisted_1 = { class: "p-panel-header" };
+    const _hoisted_2 = ["id"];
+    const _hoisted_3 = { class: "p-panel-icons" };
+    const _hoisted_4 = ["id", "aria-controls", "aria-expanded"];
+    const _hoisted_5 = ["id", "aria-labelledby"];
+    const _hoisted_6 = { class: "p-panel-content" };
+
+    function render(_ctx, _cache, $props, $setup, $data, $options) {
+      const _directive_ripple = vue.resolveDirective("ripple");
+
+      return (vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass($options.containerClass)
+      }, [
+        vue.createElementVNode("div", _hoisted_1, [
+          vue.renderSlot(_ctx.$slots, "header", {}, () => [
+            ($props.header)
+              ? (vue.openBlock(), vue.createElementBlock("span", {
+                  key: 0,
+                  class: "p-panel-title",
+                  id: $options.ariaId + '_header'
+                }, vue.toDisplayString($props.header), 9, _hoisted_2))
+              : vue.createCommentVNode("", true)
+          ]),
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.renderSlot(_ctx.$slots, "icons"),
+            ($props.toggleable)
+              ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
+                  key: 0,
+                  class: "p-panel-header-icon p-panel-toggler p-link",
+                  onClick: _cache[0] || (_cache[0] = (...args) => ($options.toggle && $options.toggle(...args))),
+                  type: "button",
+                  id: $options.ariaId +  '_header',
+                  "aria-controls": $options.ariaId + '_content',
+                  "aria-expanded": !$data.d_collapsed
+                }, [
+                  vue.createElementVNode("span", {
+                    class: vue.normalizeClass({'pi pi-minus': !$data.d_collapsed, 'pi pi-plus': $data.d_collapsed})
+                  }, null, 2)
+                ], 8, _hoisted_4)), [
+                  [_directive_ripple]
+                ])
+              : vue.createCommentVNode("", true)
+          ])
+        ]),
+        vue.createVNode(vue.Transition, { name: "p-toggleable-content" }, {
+          default: vue.withCtx(() => [
+            vue.withDirectives(vue.createElementVNode("div", {
+              class: "p-toggleable-content",
+              role: "region",
+              id: $options.ariaId + '_content',
+              "aria-labelledby": $options.ariaId + '_header'
+            }, [
+              vue.createElementVNode("div", _hoisted_6, [
+                vue.renderSlot(_ctx.$slots, "default")
+              ])
+            ], 8, _hoisted_5), [
+              [vue.vShow, !$data.d_collapsed]
+            ])
+          ]),
+          _: 3
+        })
+      ], 2))
+    }
+
+    function styleInject(css, ref) {
+      if ( ref === void 0 ) ref = {};
+      var insertAt = ref.insertAt;
+
+      if (!css || typeof document === 'undefined') { return; }
+
+      var head = document.head || document.getElementsByTagName('head')[0];
+      var style = document.createElement('style');
+      style.type = 'text/css';
+
+      if (insertAt === 'top') {
+        if (head.firstChild) {
+          head.insertBefore(style, head.firstChild);
+        } else {
+          head.appendChild(style);
+        }
+      } else {
+        head.appendChild(style);
+      }
+
+      if (style.styleSheet) {
+        style.styleSheet.cssText = css;
+      } else {
+        style.appendChild(document.createTextNode(css));
+      }
+    }
+
+    var css_248z = "\n.p-panel-header {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-panel-title {\n    line-height: 1;\n}\n.p-panel-header-icon {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    cursor: pointer;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n";
+    styleInject(css_248z);
+
+    script.render = render;
+
+    return script;
+
+})(primevue.utils, primevue.ripple, Vue);

package/panel/panel.min.js

@@ -0,0 +1 @@
+this.primevue=this.primevue||{},this.primevue.panel=function(e,t,n){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a={name:"Panel",emits:["update:collapsed","toggle"],props:{header:String,toggleable:Boolean,collapsed:Boolean},data(){return{d_collapsed:this.collapsed}},watch:{collapsed(e){this.d_collapsed=e}},methods:{toggle(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})}},computed:{ariaId:()=>e.UniqueComponentId(),containerClass(){return["p-panel p-component",{"p-panel-toggleable":this.toggleable}]}},directives:{ripple:l(t).default}};const i={class:"p-panel-header"},o=["id"],s={class:"p-panel-icons"},d=["id","aria-controls","aria-expanded"],r=["id","aria-labelledby"],c={class:"p-panel-content"};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-panel-header {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-panel-title {\n    line-height: 1;\n}\n.p-panel-header-icon {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    cursor: pointer;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n"),a.render=function(e,t,l,a,p,m){const u=n.resolveDirective("ripple");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(m.containerClass)},[n.createElementVNode("div",i,[n.renderSlot(e.$slots,"header",{},(()=>[l.header?(n.openBlock(),n.createElementBlock("span",{key:0,class:"p-panel-title",id:m.ariaId+"_header"},n.toDisplayString(l.header),9,o)):n.createCommentVNode("",!0)])),n.createElementVNode("div",s,[n.renderSlot(e.$slots,"icons"),l.toggleable?n.withDirectives((n.openBlock(),n.createElementBlock("button",{key:0,class:"p-panel-header-icon p-panel-toggler p-link",onClick:t[0]||(t[0]=(...e)=>m.toggle&&m.toggle(...e)),type:"button",id:m.ariaId+"_header","aria-controls":m.ariaId+"_content","aria-expanded":!p.d_collapsed},[n.createElementVNode("span",{class:n.normalizeClass({"pi pi-minus":!p.d_collapsed,"pi pi-plus":p.d_collapsed})},null,2)],8,d)),[[u]]):n.createCommentVNode("",!0)])]),n.createVNode(n.Transition,{name:"p-toggleable-content"},{default:n.withCtx((()=>[n.withDirectives(n.createElementVNode("div",{class:"p-toggleable-content",role:"region",id:m.ariaId+"_content","aria-labelledby":m.ariaId+"_header"},[n.createElementVNode("div",c,[n.renderSlot(e.$slots,"default")])],8,r),[[n.vShow,!p.d_collapsed]])])),_:3})],2)},a}(primevue.utils,primevue.ripple,Vue);