primevue 3.48.1 → 3.49.0

package/buttongroup/ButtonGroup.d.ts

@@ -0,0 +1,113 @@
+/**
+ *
+ * A set of Buttons can be displayed together using the ButtonGroup component.
+ *
+ * [Live Demo](https://www.primevue.org/button/)
+ *
+ * @module buttongroup
+ *
+ */
+import { VNode } from 'vue';
+import { ComponentHooks } from '../basecomponent/BaseComponent';
+import { PassThroughOptions } from '../passthrough';
+import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
+
+export declare type ButtonGroupPassThroughOptionType = ButtonGroupPassThroughAttributes | ((options: ButtonGroupPassThroughMethodOptions) => ButtonGroupPassThroughAttributes | string) | string | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface ButtonGroupPassThroughMethodOptions {
+    /**
+     * Defines instance.
+     */
+    instance: any;
+    /**
+     * Defines valid properties.
+     */
+    props: ButtonGroupProps;
+    /**
+     * Defines passthrough(pt) options in global config.
+     */
+    global: object | undefined;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link ButtonGroupProps.pt}
+ */
+export interface ButtonGroupPassThroughOptions {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: ButtonGroupPassThroughOptionType;
+    /**
+     * Used to manage all lifecycle hooks.
+     * @see {@link BaseComponent.ComponentHooks}
+     */
+    hooks?: ComponentHooks;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface ButtonGroupPassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines valid properties in ButtonGroup component.
+ */
+export interface ButtonGroupProps {
+    /**
+     * Used to pass attributes to DOM elements inside the component.
+     * @type {ButtonGroupPassThroughOptions}
+     */
+    pt?: PassThrough<ButtonGroupPassThroughOptions>;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
+    /**
+     * When enabled, it removes component related styles in the core.
+     * @defaultValue false
+     */
+    unstyled?: boolean;
+}
+
+/**
+ * Defines valid slots in ButtonGroup component.
+ */
+export interface ButtonGroupSlots {
+    /**
+     * Default slot to detect Button components.
+     */
+    default(): VNode[];
+}
+
+/**
+ * Defines valid emits in ButtonGroup component.
+ */
+export interface ButtonGroupEmits {}
+
+/**
+ * **PrimeVue - ButtonGroup**
+ *
+ * _A set of Buttons can be displayed together using the ButtonGroup component._
+ *
+ * [Live Demo](https://www.primevue.org/button/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group Component
+ */
+declare class ButtonGroup extends ClassComponent<ButtonGroupProps, ButtonGroupSlots, ButtonGroupEmits> {}
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        ButtonGroup: GlobalComponentConstructor<ButtonGroup>;
+    }
+}
+
+export default ButtonGroup;

package/buttongroup/ButtonGroup.vue

@@ -0,0 +1,15 @@
+<template>
+    <span :class="cx('root')" role="group" v-bind="ptmi('root')">
+        <slot />
+    </span>
+</template>
+
+<script>
+import BaseButtonGroup from './BaseButtonGroup.vue';
+
+export default {
+    name: 'ButtonGroup',
+    extends: BaseButtonGroup,
+    inheritAttrs: false
+};
+</script>

package/buttongroup/buttongroup.cjs.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var BaseComponent = require('primevue/basecomponent');
+var ButtonGroupStyle = require('primevue/buttongroup/style');
+var vue = require('vue');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+var ButtonGroupStyle__default = /*#__PURE__*/_interopDefaultLegacy(ButtonGroupStyle);
+
+var script$1 = {
+  name: 'BaseButtonGroup',
+  "extends": BaseComponent__default["default"],
+  style: ButtonGroupStyle__default["default"],
+  provide: function provide() {
+    return {
+      $parentInstance: this
+    };
+  }
+};
+
+var script = {
+  name: 'ButtonGroup',
+  "extends": script$1,
+  inheritAttrs: false
+};
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
+    "class": _ctx.cx('root'),
+    role: "group"
+  }, _ctx.ptmi('root')), [vue.renderSlot(_ctx.$slots, "default")], 16);
+}
+
+script.render = render;
+
+module.exports = script;

package/buttongroup/buttongroup.cjs.min.js

@@ -0,0 +1 @@
+"use strict";var e=require("primevue/basecomponent"),t=require("primevue/buttongroup/style"),r=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o={name:"ButtonGroup",extends:{name:"BaseButtonGroup",extends:n(e).default,style:n(t).default,provide:function(){return{$parentInstance:this}}},inheritAttrs:!1};o.render=function(e,t,n,o,u,s){return r.openBlock(),r.createElementBlock("span",r.mergeProps({class:e.cx("root"),role:"group"},e.ptmi("root")),[r.renderSlot(e.$slots,"default")],16)},module.exports=o;

package/buttongroup/buttongroup.esm.js

@@ -0,0 +1,31 @@
+import BaseComponent from 'primevue/basecomponent';
+import ButtonGroupStyle from 'primevue/buttongroup/style';
+import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
+
+var script$1 = {
+  name: 'BaseButtonGroup',
+  "extends": BaseComponent,
+  style: ButtonGroupStyle,
+  provide: function provide() {
+    return {
+      $parentInstance: this
+    };
+  }
+};
+
+var script = {
+  name: 'ButtonGroup',
+  "extends": script$1,
+  inheritAttrs: false
+};
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("span", mergeProps({
+    "class": _ctx.cx('root'),
+    role: "group"
+  }, _ctx.ptmi('root')), [renderSlot(_ctx.$slots, "default")], 16);
+}
+
+script.render = render;
+
+export { script as default };

package/buttongroup/buttongroup.esm.min.js

@@ -0,0 +1 @@
+import t from"primevue/basecomponent";import e from"primevue/buttongroup/style";import{openBlock as r,createElementBlock as o,mergeProps as n,renderSlot as u}from"vue";var p={name:"ButtonGroup",extends:{name:"BaseButtonGroup",extends:t,style:e,provide:function(){return{$parentInstance:this}}},inheritAttrs:!1};p.render=function(t,e,p,s,a,i){return r(),o("span",n({class:t.cx("root"),role:"group"},t.ptmi("root")),[u(t.$slots,"default")],16)};export{p as default};

package/buttongroup/buttongroup.js

@@ -0,0 +1,38 @@
+this.primevue = this.primevue || {};
+this.primevue.buttongroup = (function (BaseComponent, ButtonGroupStyle, vue) {
+    'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+    var ButtonGroupStyle__default = /*#__PURE__*/_interopDefaultLegacy(ButtonGroupStyle);
+
+    var script$1 = {
+      name: 'BaseButtonGroup',
+      "extends": BaseComponent__default["default"],
+      style: ButtonGroupStyle__default["default"],
+      provide: function provide() {
+        return {
+          $parentInstance: this
+        };
+      }
+    };
+
+    var script = {
+      name: 'ButtonGroup',
+      "extends": script$1,
+      inheritAttrs: false
+    };
+
+    function render(_ctx, _cache, $props, $setup, $data, $options) {
+      return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
+        "class": _ctx.cx('root'),
+        role: "group"
+      }, _ctx.ptmi('root')), [vue.renderSlot(_ctx.$slots, "default")], 16);
+    }
+
+    script.render = render;
+
+    return script;
+
+})(primevue.basecomponent, ButtonGroupStyle, Vue);

package/buttongroup/buttongroup.min.js

@@ -0,0 +1 @@
+this.primevue=this.primevue||{},this.primevue.buttongroup=function(e,t,r){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o={name:"ButtonGroup",extends:{name:"BaseButtonGroup",extends:n(e).default,style:n(t).default,provide:function(){return{$parentInstance:this}}},inheritAttrs:!1};return o.render=function(e,t,n,o,u,s){return r.openBlock(),r.createElementBlock("span",r.mergeProps({class:e.cx("root"),role:"group"},e.ptmi("root")),[r.renderSlot(e.$slots,"default")],16)},o}(primevue.basecomponent,ButtonGroupStyle,Vue);

package/buttongroup/package.json

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

package/buttongroup/style/ButtonGroupStyle.d.ts

@@ -0,0 +1,3 @@
+import { BaseStyle } from '../../base/style/BaseStyle';
+
+export interface ButtonGroupStyle extends BaseStyle {}

package/buttongroup/style/buttongroupstyle.cjs.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var BaseStyle = require('primevue/base/style');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
+
+var classes = {
+  root: 'p-button-group p-component'
+};
+var ButtonGroupStyle = BaseStyle__default["default"].extend({
+  name: 'buttongroup',
+  classes: classes
+});
+
+module.exports = ButtonGroupStyle;

package/buttongroup/style/buttongroupstyle.cjs.min.js

@@ -0,0 +1 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=e(require("primevue/base/style")).default.extend({name:"buttongroup",classes:{root:"p-button-group p-component"}});module.exports=t;

package/buttongroup/style/buttongroupstyle.esm.js

@@ -0,0 +1,11 @@
+import BaseStyle from 'primevue/base/style';
+
+var classes = {
+  root: 'p-button-group p-component'
+};
+var ButtonGroupStyle = BaseStyle.extend({
+  name: 'buttongroup',
+  classes: classes
+});
+
+export { ButtonGroupStyle as default };

package/buttongroup/style/buttongroupstyle.esm.min.js

@@ -0,0 +1 @@
+import e from"primevue/base/style";var o=e.extend({name:"buttongroup",classes:{root:"p-button-group p-component"}});export{o as default};

package/buttongroup/style/buttongroupstyle.js

@@ -0,0 +1,20 @@
+this.primevue = this.primevue || {};
+this.primevue.buttongroup = this.primevue.buttongroup || {};
+this.primevue.buttongroup.style = (function (BaseStyle) {
+    'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
+
+    var classes = {
+      root: 'p-button-group p-component'
+    };
+    var ButtonGroupStyle = BaseStyle__default["default"].extend({
+      name: 'buttongroup',
+      classes: classes
+    });
+
+    return ButtonGroupStyle;
+
+})(primevue.base.style);

package/buttongroup/style/buttongroupstyle.min.js

@@ -0,0 +1 @@
+this.primevue=this.primevue||{},this.primevue.buttongroup=this.primevue.buttongroup||{},this.primevue.buttongroup.style=function(t){"use strict";function e(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}return e(primevue.base.style).default.extend({name:"buttongroup",classes:{root:"p-button-group p-component"}})}();

package/buttongroup/style/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "./buttongroupstyle.cjs.js",
+    "module": "./buttongroupstyle.esm.js",
+    "unpkg": "./buttongroupstyle.min.js",
+    "types": "./ButtonGroupStyle.d.ts"
+}

package/calendar/Calendar.d.ts

@@ -11,7 +11,7 @@ import { HTMLAttributes, InputHTMLAttributes, TransitionProps, VNode } from 'vue
 import { ComponentHooks } from '../basecomponent';
 import { ButtonPassThroughOptions } from '../button';
 import { PassThroughOptions } from '../passthrough';
-import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
+import { ClassComponent, GlobalComponentConstructor, PassThrough, HintedString } from '../ts-helpers';
 
 export declare type CalendarPassThroughOptionType = CalendarPassThroughAttributes | ((options: CalendarPassThroughMethodOptions) => CalendarPassThroughAttributes | string) | string | null | undefined;
 
@@ -739,7 +739,7 @@ export interface CalendarProps {
      * A valid query selector or an HTMLElement to specify where the overlay gets attached.
      * @defaultValue body
      */
-    appendTo?: 'body' | 'self' | string | undefined | HTMLElement;
+    appendTo?: HintedString<'body' | 'self'> | undefined | HTMLElement;
     /**
      * Identifier of the element.
      */

package/calendar/Calendar.vue

@@ -1,5 +1,5 @@
 <template>
-    <span ref="container" :id="d_id" :class="cx('root')" :style="sx('root')" v-bind="ptm('root')">
+    <span ref="container" :id="d_id" :class="cx('root')" :style="sx('root')" v-bind="ptmi('root')">
         <input
             v-if="!inline"
             :ref="inputRef"
@@ -16,6 +16,7 @@
             :aria-controls="panelId"
             :aria-labelledby="ariaLabelledby"
             :aria-label="ariaLabel"
+            :aria-invalid="invalid || undefined"
             inputmode="none"
             :disabled="disabled"
             :readonly="!manualInput || readonly"
@@ -204,7 +205,9 @@
                                                             context: {
                                                                 date,
                                                                 today: date.today,
-                                                                otherMonth: date.otherMonth
+                                                                otherMonth: date.otherMonth,
+                                                                selected: isSelected(date),
+                                                                disabled: !date.selectable
                                                             }
                                                         })
                                                     "
@@ -224,6 +227,8 @@
                                                             ptm('dayLabel', {
                                                                 context: {
                                                                     date,
+                                                                    today: date.today,
+                                                                    otherMonth: date.otherMonth,
                                                                     selected: isSelected(date),
                                                                     disabled: !date.selectable
                                                                 }
@@ -521,6 +526,7 @@ import BaseCalendar from './BaseCalendar.vue';
 export default {
     name: 'Calendar',
     extends: BaseCalendar,
+    inheritAttrs: false,
     emits: ['show', 'hide', 'input', 'month-change', 'year-change', 'date-select', 'update:modelValue', 'today-click', 'clear-click', 'focus', 'blur', 'keydown'],
     navigationState: null,
     timePickerChange: false,
@@ -1808,7 +1814,7 @@ export default {
             let parts = text.split(' ');
 
             if (this.timeOnly) {
-                date = new Date(this.modelValue);
+                date = new Date();
                 this.populateTime(date, parts[0], parts[1]);
             } else {
                 const dateFormat = this.datePattern;

package/calendar/calendar.cjs.js

@@ -282,6 +282,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 var script = {
   name: 'Calendar',
   "extends": script$1,
+  inheritAttrs: false,
   emits: ['show', 'hide', 'input', 'month-change', 'year-change', 'date-select', 'update:modelValue', 'today-click', 'clear-click', 'focus', 'blur', 'keydown'],
   navigationState: null,
   timePickerChange: false,
@@ -1492,7 +1493,7 @@ var script = {
       var date;
       var parts = text.split(' ');
       if (this.timeOnly) {
-        date = new Date(this.modelValue);
+        date = new Date();
         this.populateTime(date, parts[0], parts[1]);
       } else {
         var dateFormat = this.datePattern;
@@ -2595,7 +2596,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var _hoisted_1 = ["id"];
-var _hoisted_2 = ["id", "placeholder", "aria-expanded", "aria-controls", "aria-labelledby", "aria-label", "disabled", "readonly"];
+var _hoisted_2 = ["id", "placeholder", "aria-expanded", "aria-controls", "aria-labelledby", "aria-label", "aria-invalid", "disabled", "readonly"];
 var _hoisted_3 = ["id", "role", "aria-modal", "aria-label"];
 var _hoisted_4 = ["disabled", "aria-label"];
 var _hoisted_5 = ["disabled", "aria-label"];
@@ -2627,7 +2628,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     id: $data.d_id,
     "class": _ctx.cx('root'),
     style: _ctx.sx('root')
-  }, _ctx.ptm('root')), [!_ctx.inline ? (vue.openBlock(), vue.createElementBlock("input", vue.mergeProps({
+  }, _ctx.ptmi('root')), [!_ctx.inline ? (vue.openBlock(), vue.createElementBlock("input", vue.mergeProps({
     key: 0,
     ref: $options.inputRef,
     id: _ctx.inputId,
@@ -2643,6 +2644,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-controls": $options.panelId,
     "aria-labelledby": _ctx.ariaLabelledby,
     "aria-label": _ctx.ariaLabel,
+    "aria-invalid": _ctx.invalid || undefined,
     inputmode: "none",
     disabled: _ctx.disabled,
     readonly: !_ctx.manualInput || _ctx.readonly,
@@ -2922,7 +2924,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   context: {
                     date: date,
                     today: date.today,
-                    otherMonth: date.otherMonth
+                    otherMonth: date.otherMonth,
+                    selected: $options.isSelected(date),
+                    disabled: !date.selectable
                   }
                 }), {
                   "data-p-today": date.today,
@@ -2944,6 +2948,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 }, _ctx.ptm('dayLabel', {
                   context: {
                     date: date,
+                    today: date.today,
+                    otherMonth: date.otherMonth,
                     selected: $options.isSelected(date),
                     disabled: !date.selectable
                   }