primevue 3.23.0 → 3.24.0

package/progressbar/ProgressBar.d.ts

@@ -1,8 +1,18 @@
+/**
+ *
+ * ProgressBar is a process status indicator.
+ *
+ * [Live Demo](https://www.primevue.org/progressbar)
+ *
+ * @module progressbar
+ *
+ */
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type ProgressBarModeType = 'determinate' | 'indeterminate' | undefined;
-
+/**
+ * Defines valid properties in ProgressBar component.
+ */
 export interface ProgressBarProps {
     /**
      * Current value of the progress.
@@ -10,26 +20,42 @@ export interface ProgressBarProps {
     value?: number | undefined;
     /**
      * Defines the mode of the progress
-     * @see ProgressBarModeType
-     * Default value is 'determinate'.
+     * @defaultValue determinate
      */
-    mode?: ProgressBarModeType;
+    mode?: 'determinate' | 'indeterminate' | undefined;
     /**
      * Whether to display the progress bar value.
-     * Default value is true.
+     * @defaultValue true
      */
     showValue?: boolean | undefined;
 }
 
+/**
+ * Defines valid slots in ProgressBar component.
+ */
 export interface ProgressBarSlots {
     /**
      * Custom content slot.
      */
-    default: () => VNode[];
+    default(): VNode[];
 }
 
-export declare type ProgressBarEmits = {};
+/**
+ * Defines valid emits in ProgressBar component.
+ */
+export interface ProgressBarEmits {}
 
+/**
+ * **PrimeVue - ProgressBar**
+ *
+ * ProgressBar is a process status indicator._
+ *
+ * [Live Demo](https://www.primevue.org/progressbar/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group Component
+ */
 declare class ProgressBar extends ClassComponent<ProgressBarProps, ProgressBarSlots, ProgressBarEmits> {}
 
 declare module '@vue/runtime-core' {
@@ -38,13 +64,4 @@ declare module '@vue/runtime-core' {
     }
 }
 
-/**
- *
- * ProgressBar is a process status indicator.
- *
- * Demos:
- *
- * - [ProgressBar](https://www.primefaces.org/primevue/progressbar)
- *
- */
 export default ProgressBar;

package/progressspinner/ProgressSpinner.d.ts

@@ -1,10 +1,21 @@
-import { VNode } from 'vue';
+/**
+ *
+ * ProgressSpinner is a process status indicator.
+ *
+ * [Live Demo](https://www.primevue.org/progressspinner)
+ *
+ * @module progressspinner
+ *
+ */
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
+/**
+ * Defines valid properties in ProgressSpinner component.
+ */
 export interface ProgressSpinnerProps {
     /**
      * Width of the circle stroke.
-     * Default value is 2.
+     * @defaultValue 2
      */
     strokeWidth?: string | undefined;
     /**
@@ -13,15 +24,32 @@ export interface ProgressSpinnerProps {
     fill?: string | undefined;
     /**
      * Duration of the rotate animation.
-     * Default value is 2s.
+     * @defaultValue 2s
      */
     animationDuration?: string | undefined;
 }
 
+/**
+ * Defines valid slots in ProgressSpinner component.
+ */
 export interface ProgressSpinnerSlots {}
 
-export declare type ProgressSpinnerEmits = {};
+/**
+ * Defines valid emits in ProgressSpinner component.
+ */
+export interface ProgressSpinnerEmits {}
 
+/**
+ * **PrimeVue - ProgressSpinner**
+ *
+ * _ProgressSpinner is a process status indicator._
+ *
+ * [Live Demo](https://www.primevue.org/progressspinner/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group Component
+ */
 declare class ProgressSpinner extends ClassComponent<ProgressSpinnerProps, ProgressSpinnerSlots, ProgressSpinnerEmits> {}
 
 declare module '@vue/runtime-core' {
@@ -30,13 +58,4 @@ declare module '@vue/runtime-core' {
     }
 }
 
-/**
- *
- * ProgressSpinner is a process status indicator.
- *
- * Demos:
- *
- * - [ProgressSpinner](https://www.primefaces.org/primevue/progressspinner)
- *
- */
 export default ProgressSpinner;

package/radiobutton/RadioButton.d.ts

@@ -1,6 +1,18 @@
+/**
+ *
+ * RadioButton is an extension to standard radio button element with theming.
+ *
+ * [Live Demo](https://www.primevue.org/radiobutton/)
+ *
+ * @module radiobutton
+ *
+ */
 import { InputHTMLAttributes } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
+/**
+ * Defines valid properties in RadioButton component.
+ */
 export interface RadioButtonProps {
     /**
      * Value of the checkbox.
@@ -46,24 +58,39 @@ export interface RadioButtonProps {
 
 export interface RadioButtonSlots {}
 
-export declare type RadioButtonEmits = {
+/**
+ * Defines valid emits in RadioButton component.
+ */
+export interface RadioButtonEmits {
     /**
      * Emitted when the value changes.
      * @param {*} value - New value.
      */
-    'update:modelValue': (value: any) => void;
+    'update:modelValue'(value: any): void;
     /**
      * Callback to invoke on radio button click.
      * @param {Event} event - Browser event.
      */
-    click: (event: Event) => void;
+    click(event: Event): void;
     /**
      * Callback to invoke on radio button value change.
      * @param {Event} event - Browser event.
      */
-    change: (event: Event) => void;
-};
+    change(event: Event): void;
+}
 
+/**
+ * **PrimeVue - RadioButton**
+ *
+ * _RadioButton is an extension to standard radio button element with theming._
+ *
+ * [Live Demo](https://www.primevue.org/radiobutton/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
 declare class RadioButton extends ClassComponent<RadioButtonProps, RadioButtonSlots, RadioButtonEmits> {}
 
 declare module '@vue/runtime-core' {
@@ -72,13 +99,4 @@ declare module '@vue/runtime-core' {
     }
 }
 
-/**
- *
- * RadioButton is an extension to standard radio button element with theming.
- *
- * Demos:
- *
- * - [RadioButton](https://www.primefaces.org/primevue/radiobutton)
- *
- */
 export default RadioButton;

package/rating/Rating.d.ts

@@ -1,6 +1,19 @@
+/**
+ *
+ * Rating component is a star based selection input.
+ *
+ * [Live Demo](https://www.primevue.org/rating/)
+ *
+ * @module rating
+ *
+ */
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
+/**
+ * Custom change event.
+ * @see {@link RatingEmits.change}
+ */
 export interface RatingChangeEvent {
     /**
      * Browser event
@@ -12,6 +25,9 @@ export interface RatingChangeEvent {
     value: number;
 }
 
+/**
+ * Defines valid properties in Rating component.
+ */
 export interface RatingProps {
     /**
      * Value of the rating.
@@ -23,89 +39,108 @@ export interface RatingProps {
     name?: string | undefined;
     /**
      * When present, it specifies that the element should be disabled.
+     * @defaultValue false
      */
     disabled?: boolean | undefined;
     /**
      * When present, it specifies that component is read-only.
+     * @defaultValue false
      */
     readonly?: boolean | undefined;
     /**
      * Number of stars.
-     * Default value is 5.
+     * @defaultValue 5
      */
     stars?: number | undefined;
     /**
      * When specified a cancel icon is displayed to allow clearing the value.
-     * Default value is true.
+     * @defaultValue true
      */
     cancel?: boolean | undefined;
     /**
      * Icon for the on state.
-     * Default value is pi pi-star.
+     * @defaultValue pi pi-star
      */
     onIcon?: string | undefined;
     /**
      * Icon for the off state.
-     * Default value is pi pi-star-fill.
+     * @defaultValue pi pi-star-fill
      */
     offIcon?: string | undefined;
     /**
      * Icon for the cancelable state.
-     * Default value is pi pi-ban.
+     * @defaultValue pi pi-ban
      */
     cancelIcon?: string | undefined;
 }
 
+/**
+ * Defines valid slots in Rating component.
+ */
 export interface RatingSlots {
     /**
      * Custom cancel icon template.
      */
-    cancelicon: () => VNode[];
+    cancelicon(): VNode[];
     /**
      * Custom on icon template.
      * @param {Object} scope - on icon slot's params.
      */
-    onicon: (scope: {
+    onicon(scope: {
         /**
          * Item value
          */
         value: number;
-    }) => VNode[];
+    }): VNode[];
     /**
      * Custom off icon template.
      * @param {Object} scope - off icon slot's params.
      */
-    officon: (scope: {
+    officon(scope: {
         /**
          * Item value
          */
         value: number;
-    }) => VNode[];
+    }): VNode[];
 }
 
-export declare type RatingEmits = {
+/**
+ * Defines valid emits in Rating component.
+ */
+export interface RatingEmits {
     /**
      * Emitted when the value changes.
      * @param {number} value - New value.
      */
-    'update:modelValue': (value: number) => void;
+    'update:modelValue'(value: number): void;
     /**
      * Callback to invoke when a suggestion is selected.
      * @param {RatingChangeEvent} event - Custom change event.
      */
-    change: (event: RatingChangeEvent) => void;
+    change(event: RatingChangeEvent): void;
     /**
      * Callback to invoke when the component receives focus.
      * @param {Event} event - Browser event.
      */
-    focus: (event: Event) => void;
+    focus(event: Event): void;
     /**
      * Callback to invoke when the component loses focus.
      * @param {Event} event - Browser event.
      */
-    blur: (event: Event) => void;
-};
+    blur(event: Event): void;
+}
 
+/**
+ * **PrimeVue - Rating**
+ *
+ * _Rating component is a star based selection input._
+ *
+ * [Live Demo](https://www.primevue.org/rating/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group Component
+ */
 declare class Rating extends ClassComponent<RatingProps, RatingSlots, RatingEmits> {}
 
 declare module '@vue/runtime-core' {
@@ -114,13 +149,4 @@ declare module '@vue/runtime-core' {
     }
 }
 
-/**
- *
- * Rating component is a star based selection input.
- *
- * Demos:
- *
- * - [Rating](https://www.primefaces.org/primevue/rating)
- *
- */
 export default Rating;

package/resources/themes/arya-blue/theme.css

@@ -42,6 +42,8 @@
   --surface-hover:rgba(255,255,255,.03);
   --focus-ring: 0 0 0 1px #93cbf9;
   --maskbg: rgba(0, 0, 0, 0.4);
+  --highlight-bg: rgba(100, 181, 246, 0.16);
+  --highlight-text-color: rgba(255, 255, 255, 0.87);
   color-scheme: dark;
 }
 
@@ -1071,7 +1073,7 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #43a5f4;
 }
-.p-inputswitch.p-invalid {
+.p-inputswitch.p-invalid .p-inputswitch-slider {
   border-color: #ef9a9a;
 }
 
@@ -2714,25 +2716,46 @@
   border-width: 0 1px 1px 1px;
 }
 .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
-  border-width: 1px 1px 1px 1px;
+  border-width: 1px 0 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
+  border-width: 1px;
 }
 .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
+  border-width: 1px 0 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
+  border-width: 1px 1px 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
+  border-width: 1px 0 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
   border-width: 1px;
 }
 .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
-  border-width: 1px;
+  border-width: 1px 0 1px 1px;
 }
-.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
-  border-left-width: 0;
+.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
+  border-width: 1px 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
+  border-width: 0 0 1px 1px;
 }
-.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
-  border-left-width: 0;
+.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
+  border-width: 0 1px 1px 1px;
 }
-.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
-  border-top-width: 0;
+.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
+  border-width: 0 0 1px 1px;
 }
-.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
-  border-left-width: 0;
+.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
+  border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
+  border-width: 0 0 0 1px;
+}
+.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
+  border-width: 0 1px 0 1px;
 }
 .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
   background: #242424;

package/resources/themes/arya-green/theme.css

@@ -42,6 +42,8 @@
   --surface-hover:rgba(255,255,255,.03);
   --focus-ring: 0 0 0 1px #a7d8a9;
   --maskbg: rgba(0, 0, 0, 0.4);
+  --highlight-bg: rgba(129, 199, 132, 0.16);
+  --highlight-text-color: rgba(255, 255, 255, 0.87);
   color-scheme: dark;
 }
 
@@ -1071,7 +1073,7 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #6abd6e;
 }
-.p-inputswitch.p-invalid {
+.p-inputswitch.p-invalid .p-inputswitch-slider {
   border-color: #ef9a9a;
 }
 
@@ -2714,25 +2716,46 @@
   border-width: 0 1px 1px 1px;
 }
 .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
-  border-width: 1px 1px 1px 1px;
+  border-width: 1px 0 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
+  border-width: 1px;
 }
 .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
+  border-width: 1px 0 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
+  border-width: 1px 1px 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
+  border-width: 1px 0 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
   border-width: 1px;
 }
 .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
-  border-width: 1px;
+  border-width: 1px 0 1px 1px;
 }
-.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
-  border-left-width: 0;
+.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
+  border-width: 1px 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
+  border-width: 0 0 1px 1px;
 }
-.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
-  border-left-width: 0;
+.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
+  border-width: 0 1px 1px 1px;
 }
-.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
-  border-top-width: 0;
+.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
+  border-width: 0 0 1px 1px;
 }
-.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
-  border-left-width: 0;
+.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
+  border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
+  border-width: 0 0 0 1px;
+}
+.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
+  border-width: 0 1px 0 1px;
 }
 .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
   background: #242424;

package/resources/themes/arya-orange/theme.css

@@ -42,6 +42,8 @@
   --surface-hover:rgba(255,255,255,.03);
   --focus-ring: 0 0 0 1px #ffe284;
   --maskbg: rgba(0, 0, 0, 0.4);
+  --highlight-bg: rgba(255, 213, 79, 0.16);
+  --highlight-text-color: rgba(255, 255, 255, 0.87);
   color-scheme: dark;
 }
 
@@ -1071,7 +1073,7 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #ffcd2e;
 }
-.p-inputswitch.p-invalid {
+.p-inputswitch.p-invalid .p-inputswitch-slider {
   border-color: #ef9a9a;
 }
 
@@ -2714,25 +2716,46 @@
   border-width: 0 1px 1px 1px;
 }
 .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
-  border-width: 1px 1px 1px 1px;
+  border-width: 1px 0 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
+  border-width: 1px;
 }
 .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
+  border-width: 1px 0 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
+  border-width: 1px 1px 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
+  border-width: 1px 0 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
   border-width: 1px;
 }
 .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
-  border-width: 1px;
+  border-width: 1px 0 1px 1px;
 }
-.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
-  border-left-width: 0;
+.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
+  border-width: 1px 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
+  border-width: 0 0 1px 1px;
 }
-.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
-  border-left-width: 0;
+.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
+  border-width: 0 1px 1px 1px;
 }
-.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
-  border-top-width: 0;
+.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
+  border-width: 0 0 1px 1px;
 }
-.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
-  border-left-width: 0;
+.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
+  border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
+  border-width: 0 0 0 1px;
+}
+.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
+  border-width: 0 1px 0 1px;
 }
 .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
   background: #242424;