primevue 3.29.2 → 3.30.0

package/card/card.esm.js

@@ -1,51 +1,50 @@
 import BaseComponent from 'primevue/basecomponent';
 import { openBlock, createElementBlock, mergeProps, renderSlot, createCommentVNode, createElementVNode } from 'vue';
 
+var classes = {
+  root: 'p-card p-component',
+  header: 'p-card-header',
+  body: 'p-card-body',
+  title: 'p-card-title',
+  subtitle: 'p-card-subtitle',
+  content: 'p-card-content',
+  footer: 'p-card-footer'
+};
+var script$1 = {
+  name: 'BaseCard',
+  "extends": BaseComponent,
+  css: {
+    classes: classes
+  }
+};
+
 var script = {
-    name: 'Card',
-    extends: BaseComponent
+  name: 'Card',
+  "extends": script$1
 };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", mergeProps({ class: "p-card p-component" }, _ctx.ptm('root')), [
-    (_ctx.$slots.header)
-      ? (openBlock(), createElementBlock("div", mergeProps({
-          key: 0,
-          class: "p-card-header"
-        }, _ctx.ptm('header')), [
-          renderSlot(_ctx.$slots, "header")
-        ], 16))
-      : createCommentVNode("", true),
-    createElementVNode("div", mergeProps({ class: "p-card-body" }, _ctx.ptm('body')), [
-      (_ctx.$slots.title)
-        ? (openBlock(), createElementBlock("div", mergeProps({
-            key: 0,
-            class: "p-card-title"
-          }, _ctx.ptm('title')), [
-            renderSlot(_ctx.$slots, "title")
-          ], 16))
-        : createCommentVNode("", true),
-      (_ctx.$slots.subtitle)
-        ? (openBlock(), createElementBlock("div", mergeProps({
-            key: 1,
-            class: "p-card-subtitle"
-          }, _ctx.ptm('subtitle')), [
-            renderSlot(_ctx.$slots, "subtitle")
-          ], 16))
-        : createCommentVNode("", true),
-      createElementVNode("div", mergeProps({ class: "p-card-content" }, _ctx.ptm('content')), [
-        renderSlot(_ctx.$slots, "content")
-      ], 16),
-      (_ctx.$slots.footer)
-        ? (openBlock(), createElementBlock("div", mergeProps({
-            key: 2,
-            class: "p-card-footer"
-          }, _ctx.ptm('footer')), [
-            renderSlot(_ctx.$slots, "footer")
-          ], 16))
-        : createCommentVNode("", true)
-    ], 16)
-  ], 16))
+  return openBlock(), createElementBlock("div", mergeProps({
+    "class": _ctx.cx('root')
+  }, _ctx.ptm('root'), {
+    "data-pc-name": "card"
+  }), [_ctx.$slots.header ? (openBlock(), createElementBlock("div", mergeProps({
+    key: 0,
+    "class": _ctx.cx('header')
+  }, _ctx.ptm('header')), [renderSlot(_ctx.$slots, "header")], 16)) : createCommentVNode("", true), createElementVNode("div", mergeProps({
+    "class": _ctx.cx('body')
+  }, _ctx.ptm('body')), [_ctx.$slots.title ? (openBlock(), createElementBlock("div", mergeProps({
+    key: 0,
+    "class": _ctx.cx('title')
+  }, _ctx.ptm('title')), [renderSlot(_ctx.$slots, "title")], 16)) : createCommentVNode("", true), _ctx.$slots.subtitle ? (openBlock(), createElementBlock("div", mergeProps({
+    key: 1,
+    "class": _ctx.cx('subtitle')
+  }, _ctx.ptm('subtitle')), [renderSlot(_ctx.$slots, "subtitle")], 16)) : createCommentVNode("", true), createElementVNode("div", mergeProps({
+    "class": _ctx.cx('content')
+  }, _ctx.ptm('content')), [renderSlot(_ctx.$slots, "content")], 16), _ctx.$slots.footer ? (openBlock(), createElementBlock("div", mergeProps({
+    key: 2,
+    "class": _ctx.cx('footer')
+  }, _ctx.ptm('footer')), [renderSlot(_ctx.$slots, "footer")], 16)) : createCommentVNode("", true)], 16)], 16);
 }
 
 script.render = render;

package/card/card.esm.min.js

@@ -1 +1 @@
-import t from"primevue/basecomponent";import{openBlock as e,createElementBlock as s,mergeProps as o,renderSlot as r,createCommentVNode as l,createElementVNode as a}from"vue";var d={name:"Card",extends:t};d.render=function(t,d,p,c,i,n){return e(),s("div",o({class:"p-card p-component"},t.ptm("root")),[t.$slots.header?(e(),s("div",o({key:0,class:"p-card-header"},t.ptm("header")),[r(t.$slots,"header")],16)):l("",!0),a("div",o({class:"p-card-body"},t.ptm("body")),[t.$slots.title?(e(),s("div",o({key:0,class:"p-card-title"},t.ptm("title")),[r(t.$slots,"title")],16)):l("",!0),t.$slots.subtitle?(e(),s("div",o({key:1,class:"p-card-subtitle"},t.ptm("subtitle")),[r(t.$slots,"subtitle")],16)):l("",!0),a("div",o({class:"p-card-content"},t.ptm("content")),[r(t.$slots,"content")],16),t.$slots.footer?(e(),s("div",o({key:2,class:"p-card-footer"},t.ptm("footer")),[r(t.$slots,"footer")],16)):l("",!0)],16)],16)};export{d as default};
+import t from"primevue/basecomponent";import{openBlock as e,createElementBlock as s,mergeProps as o,renderSlot as r,createCommentVNode as a,createElementVNode as c}from"vue";var d={name:"Card",extends:{name:"BaseCard",extends:t,css:{classes:{root:"p-card p-component",header:"p-card-header",body:"p-card-body",title:"p-card-title",subtitle:"p-card-subtitle",content:"p-card-content",footer:"p-card-footer"}}}};d.render=function(t,d,l,i,n,p){return e(),s("div",o({class:t.cx("root")},t.ptm("root"),{"data-pc-name":"card"}),[t.$slots.header?(e(),s("div",o({key:0,class:t.cx("header")},t.ptm("header")),[r(t.$slots,"header")],16)):a("",!0),c("div",o({class:t.cx("body")},t.ptm("body")),[t.$slots.title?(e(),s("div",o({key:0,class:t.cx("title")},t.ptm("title")),[r(t.$slots,"title")],16)):a("",!0),t.$slots.subtitle?(e(),s("div",o({key:1,class:t.cx("subtitle")},t.ptm("subtitle")),[r(t.$slots,"subtitle")],16)):a("",!0),c("div",o({class:t.cx("content")},t.ptm("content")),[r(t.$slots,"content")],16),t.$slots.footer?(e(),s("div",o({key:2,class:t.cx("footer")},t.ptm("footer")),[r(t.$slots,"footer")],16)):a("",!0)],16)],16)};export{d as default};

package/card/card.js

@@ -6,51 +6,50 @@ this.primevue.card = (function (BaseComponent, vue) {
 
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
+    var classes = {
+      root: 'p-card p-component',
+      header: 'p-card-header',
+      body: 'p-card-body',
+      title: 'p-card-title',
+      subtitle: 'p-card-subtitle',
+      content: 'p-card-content',
+      footer: 'p-card-footer'
+    };
+    var script$1 = {
+      name: 'BaseCard',
+      "extends": BaseComponent__default["default"],
+      css: {
+        classes: classes
+      }
+    };
+
     var script = {
-        name: 'Card',
-        extends: BaseComponent__default["default"]
+      name: 'Card',
+      "extends": script$1
     };
 
     function render(_ctx, _cache, $props, $setup, $data, $options) {
-      return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "p-card p-component" }, _ctx.ptm('root')), [
-        (_ctx.$slots.header)
-          ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-              key: 0,
-              class: "p-card-header"
-            }, _ctx.ptm('header')), [
-              vue.renderSlot(_ctx.$slots, "header")
-            ], 16))
-          : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", vue.mergeProps({ class: "p-card-body" }, _ctx.ptm('body')), [
-          (_ctx.$slots.title)
-            ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-                key: 0,
-                class: "p-card-title"
-              }, _ctx.ptm('title')), [
-                vue.renderSlot(_ctx.$slots, "title")
-              ], 16))
-            : vue.createCommentVNode("", true),
-          (_ctx.$slots.subtitle)
-            ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-                key: 1,
-                class: "p-card-subtitle"
-              }, _ctx.ptm('subtitle')), [
-                vue.renderSlot(_ctx.$slots, "subtitle")
-              ], 16))
-            : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", vue.mergeProps({ class: "p-card-content" }, _ctx.ptm('content')), [
-            vue.renderSlot(_ctx.$slots, "content")
-          ], 16),
-          (_ctx.$slots.footer)
-            ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-                key: 2,
-                class: "p-card-footer"
-              }, _ctx.ptm('footer')), [
-                vue.renderSlot(_ctx.$slots, "footer")
-              ], 16))
-            : vue.createCommentVNode("", true)
-        ], 16)
-      ], 16))
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        "class": _ctx.cx('root')
+      }, _ctx.ptm('root'), {
+        "data-pc-name": "card"
+      }), [_ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        key: 0,
+        "class": _ctx.cx('header')
+      }, _ctx.ptm('header')), [vue.renderSlot(_ctx.$slots, "header")], 16)) : vue.createCommentVNode("", true), vue.createElementVNode("div", vue.mergeProps({
+        "class": _ctx.cx('body')
+      }, _ctx.ptm('body')), [_ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        key: 0,
+        "class": _ctx.cx('title')
+      }, _ctx.ptm('title')), [vue.renderSlot(_ctx.$slots, "title")], 16)) : vue.createCommentVNode("", true), _ctx.$slots.subtitle ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        key: 1,
+        "class": _ctx.cx('subtitle')
+      }, _ctx.ptm('subtitle')), [vue.renderSlot(_ctx.$slots, "subtitle")], 16)) : vue.createCommentVNode("", true), vue.createElementVNode("div", vue.mergeProps({
+        "class": _ctx.cx('content')
+      }, _ctx.ptm('content')), [vue.renderSlot(_ctx.$slots, "content")], 16), _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        key: 2,
+        "class": _ctx.cx('footer')
+      }, _ctx.ptm('footer')), [vue.renderSlot(_ctx.$slots, "footer")], 16)) : vue.createCommentVNode("", true)], 16)], 16);
     }
 
     script.render = render;

package/card/card.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.card=function(e,t){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r={name:"Card",extends:o(e).default};return r.render=function(e,o,r,s,l,c){return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:"p-card p-component"},e.ptm("root")),[e.$slots.header?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:0,class:"p-card-header"},e.ptm("header")),[t.renderSlot(e.$slots,"header")],16)):t.createCommentVNode("",!0),t.createElementVNode("div",t.mergeProps({class:"p-card-body"},e.ptm("body")),[e.$slots.title?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:0,class:"p-card-title"},e.ptm("title")),[t.renderSlot(e.$slots,"title")],16)):t.createCommentVNode("",!0),e.$slots.subtitle?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:1,class:"p-card-subtitle"},e.ptm("subtitle")),[t.renderSlot(e.$slots,"subtitle")],16)):t.createCommentVNode("",!0),t.createElementVNode("div",t.mergeProps({class:"p-card-content"},e.ptm("content")),[t.renderSlot(e.$slots,"content")],16),e.$slots.footer?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:2,class:"p-card-footer"},e.ptm("footer")),[t.renderSlot(e.$slots,"footer")],16)):t.createCommentVNode("",!0)],16)],16)},r}(primevue.basecomponent,Vue);
+this.primevue=this.primevue||{},this.primevue.card=function(e,t){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r={name:"Card",extends:{name:"BaseCard",extends:o(e).default,css:{classes:{root:"p-card p-component",header:"p-card-header",body:"p-card-body",title:"p-card-title",subtitle:"p-card-subtitle",content:"p-card-content",footer:"p-card-footer"}}}};return r.render=function(e,o,r,c,s,l){return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"card"}),[e.$slots.header?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:0,class:e.cx("header")},e.ptm("header")),[t.renderSlot(e.$slots,"header")],16)):t.createCommentVNode("",!0),t.createElementVNode("div",t.mergeProps({class:e.cx("body")},e.ptm("body")),[e.$slots.title?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:0,class:e.cx("title")},e.ptm("title")),[t.renderSlot(e.$slots,"title")],16)):t.createCommentVNode("",!0),e.$slots.subtitle?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:1,class:e.cx("subtitle")},e.ptm("subtitle")),[t.renderSlot(e.$slots,"subtitle")],16)):t.createCommentVNode("",!0),t.createElementVNode("div",t.mergeProps({class:e.cx("content")},e.ptm("content")),[t.renderSlot(e.$slots,"content")],16),e.$slots.footer?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:2,class:e.cx("footer")},e.ptm("footer")),[t.renderSlot(e.$slots,"footer")],16)):t.createCommentVNode("",!0)],16)],16)},r}(primevue.basecomponent,Vue);

package/carousel/BaseCarousel.vue

@@ -0,0 +1,197 @@
+<script>
+import BaseComponent from 'primevue/basecomponent';
+import { useStyle } from 'primevue/usestyle';
+
+const styles = `
+.p-carousel {
+    display: flex;
+    flex-direction: column;
+}
+
+.p-carousel-content {
+    display: flex;
+    flex-direction: column;
+    overflow: auto;
+}
+
+.p-carousel-prev,
+.p-carousel-next {
+    align-self: center;
+    flex-grow: 0;
+    flex-shrink: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    overflow: hidden;
+    position: relative;
+}
+
+.p-carousel-container {
+    display: flex;
+    flex-direction: row;
+}
+
+.p-carousel-items-content {
+    overflow: hidden;
+    width: 100%;
+}
+
+.p-carousel-items-container {
+    display: flex;
+    flex-direction: row;
+}
+
+.p-carousel-indicators {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    flex-wrap: wrap;
+}
+
+.p-carousel-indicator > button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+/* Vertical */
+.p-carousel-vertical .p-carousel-container {
+    flex-direction: column;
+}
+
+.p-carousel-vertical .p-carousel-items-container {
+    flex-direction: column;
+    height: 100%;
+}
+
+/* Keyboard Support */
+.p-items-hidden .p-carousel-item {
+    visibility: hidden;
+}
+
+.p-items-hidden .p-carousel-item.p-carousel-item-active {
+    visibility: visible;
+}
+`;
+
+const classes = {
+    root: ({ instance }) => [
+        'p-carousel p-component',
+        {
+            'p-carousel-vertical': instance.isVertical(),
+            'p-carousel-horizontal': !instance.isVertical()
+        }
+    ],
+    header: 'p-carousel-header',
+    content: 'p-carousel-content',
+    container: 'p-carousel-container',
+    previousButton: ({ instance }) => [
+        'p-carousel-prev p-link',
+        {
+            'p-disabled': instance.backwardIsDisabled
+        }
+    ],
+    previousButtonIcon: 'p-carousel-next-icon',
+    itemsContent: 'p-carousel-items-content',
+    itemsContainer: 'p-carousel-items-container',
+    itemCloned: ({ index, value, totalShiftedItems, d_numVisible }) => [
+        'p-carousel-item p-carousel-item-cloned',
+        {
+            'p-carousel-item-active': totalShiftedItems * -1 === value.length + d_numVisible,
+            'p-carousel-item-start': index === 0,
+            'p-carousel-item-end': value.slice(-1 * d_numVisible).length - 1 === index
+        }
+    ],
+    item: ({ instance, index }) => [
+        'p-carousel-item',
+        {
+            'p-carousel-item-active': instance.firstIndex() <= index && instance.lastIndex() >= index,
+            'p-carousel-item-start': instance.firstIndex() === index,
+            'p-carousel-item-end': instance.lastIndex() === index
+        }
+    ],
+    nextButton: ({ instance }) => [
+        'p-carousel-next p-link',
+        {
+            'p-disabled': instance.forwardIsDisabled
+        }
+    ],
+    nextButtonIcon: 'p-carousel-prev-icon',
+    indicators: 'p-carousel-indicators p-reset',
+    indicator: ({ instance, index }) => [
+        'p-carousel-indicator',
+        {
+            'p-highlight': instance.d_page === index
+        }
+    ],
+    indicatorButton: 'p-link',
+    footer: 'p-carousel-footer'
+};
+
+const { load: loadStyle } = useStyle(styles, { name: 'carousel', manual: true });
+
+export default {
+    name: 'BaseCarousel',
+    extends: BaseComponent,
+    props: {
+        value: null,
+        page: {
+            type: Number,
+            default: 0
+        },
+        numVisible: {
+            type: Number,
+            default: 1
+        },
+        numScroll: {
+            type: Number,
+            default: 1
+        },
+        responsiveOptions: Array,
+        orientation: {
+            type: String,
+            default: 'horizontal'
+        },
+        verticalViewPortHeight: {
+            type: String,
+            default: '300px'
+        },
+        contentClass: String,
+        containerClass: String,
+        indicatorsContentClass: String,
+        circular: {
+            type: Boolean,
+            default: false
+        },
+        autoplayInterval: {
+            type: Number,
+            default: 0
+        },
+        showNavigators: {
+            type: Boolean,
+            default: true
+        },
+        showIndicators: {
+            type: Boolean,
+            default: true
+        },
+        prevButtonProps: {
+            type: null,
+            default: null
+        },
+        nextButtonProps: {
+            type: null,
+            default: null
+        }
+    },
+    css: {
+        classes,
+        loadStyle
+    },
+    provide() {
+        return {
+            $parentInstance: this
+        };
+    }
+};
+</script>

package/carousel/Carousel.d.ts

@@ -8,6 +8,7 @@
  *
  */
 import { ButtonHTMLAttributes, VNode } from 'vue';
+import { ComponentHooks } from '../basecomponent';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
 export declare type CarouselPassThroughOptionType = CarouselPassThroughAttributes | ((options: CarouselPassThroughMethodOptions) => CarouselPassThroughAttributes) | null | undefined;
@@ -16,6 +17,7 @@ export declare type CarouselPassThroughOptionType = CarouselPassThroughAttribute
  * Custom passthrough(pt) option method.
  */
 export interface CarouselPassThroughMethodOptions {
+    instance: any;
     props: CarouselProps;
     state: CarouselState;
 }
@@ -89,6 +91,11 @@ export interface CarouselPassThroughOptions {
      * Uses to pass attributes to the footer's DOM element.
      */
     footer?: CarouselPassThroughOptionType;
+    /**
+     * Uses to manage all lifecycle hooks
+     * @see {@link BaseComponent.ComponentHooks}
+     */
+    hooks?: ComponentHooks;
 }
 
 /**
@@ -256,6 +263,11 @@ export interface CarouselProps {
      * @type {CarouselPassThroughOptions}
      */
     pt?: CarouselPassThroughOptions;
+    /**
+     * When enabled, it removes component related styles in the core.
+     * @defaultValue false
+     */
+    unstyled?: boolean;
 }
 
 /**