primevue 3.16.2 → 3.17.0

package/tristatecheckbox/tristatecheckbox.js

@@ -7,11 +7,17 @@ this.primevue.tristatecheckbox = (function (vue) {
         emits: ['click', 'update:modelValue', 'change', 'keydown', 'focus', 'blur'],
         props: {
             modelValue: null,
-            inputId: null,
-            inputProps: null,
+            inputId: {
+                type: String,
+                default: null
+            },
+            inputProps: {
+                type: null,
+                default: null
+            },
             disabled: {
-    			type: Boolean,
-    			default: false
+                type: Boolean,
+                default: false
             },
             tabindex: {
                 type: Number,
@@ -39,15 +45,15 @@ this.primevue.tristatecheckbox = (function (vue) {
                     switch (this.modelValue) {
                         case true:
                             newValue = false;
-                        break;
+                            break;
 
                         case false:
                             newValue = null;
-                        break;
+                            break;
 
                         case null:
                             newValue = true;
-                        break;
+                            break;
                     }
 
                     this.$emit('update:modelValue', newValue);
@@ -78,32 +84,35 @@ this.primevue.tristatecheckbox = (function (vue) {
         computed: {
             icon() {
                 let icon;
+
                 switch (this.modelValue) {
                     case true:
                         icon = 'pi pi-check';
-                    break;
+                        break;
 
                     case false:
                         icon = 'pi pi-times';
-                    break;
+                        break;
 
                     case null:
                         icon = null;
-                    break;
+                        break;
                 }
 
                 return icon;
             },
             containerClass() {
                 return [
-                    'p-checkbox p-component', {
+                    'p-checkbox p-component',
+                    {
                         'p-checkbox-checked': this.modelValue === true,
                         'p-checkbox-disabled': this.disabled,
                         'p-checkbox-focused': this.focused
-                }];
+                    }
+                ];
             },
             ariaValueLabel() {
-                return this.modelValue ? this.$primevue.config.locale.aria.trueLabel : (this.modelValue === false ? this.$primevue.config.locale.aria.falseLabel : this.$primevue.config.locale.aria.nullLabel);
+                return this.modelValue ? this.$primevue.config.locale.aria.trueLabel : this.modelValue === false ? this.$primevue.config.locale.aria.falseLabel : this.$primevue.config.locale.aria.nullLabel;
             }
         }
     };
@@ -122,8 +131,8 @@ this.primevue.tristatecheckbox = (function (vue) {
       }, [
         vue.createElementVNode("div", _hoisted_1, [
           vue.createElementVNode("input", vue.mergeProps({
-            id: $props.inputId,
             ref: "input",
+            id: $props.inputId,
             type: "checkbox",
             checked: $props.modelValue === true,
             tabindex: $props.tabindex,
@@ -138,7 +147,7 @@ this.primevue.tristatecheckbox = (function (vue) {
         vue.createElementVNode("span", _hoisted_3, vue.toDisplayString($options.ariaValueLabel), 1),
         vue.createElementVNode("div", {
           ref: "box",
-          class: vue.normalizeClass(['p-checkbox-box', {'p-highlight': ($props.modelValue != null), 'p-disabled': $props.disabled, 'p-focus': $data.focused}])
+          class: vue.normalizeClass(['p-checkbox-box', { 'p-highlight': $props.modelValue != null, 'p-disabled': $props.disabled, 'p-focus': $data.focused }])
         }, [
           vue.createElementVNode("span", {
             class: vue.normalizeClass(['p-checkbox-icon', $options.icon])

package/tristatecheckbox/tristatecheckbox.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.tristatecheckbox=function(e){"use strict";var l={name:"TriStateCheckbox",emits:["click","update:modelValue","change","keydown","focus","blur"],props:{modelValue:null,inputId:null,inputProps:null,disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:0},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},data:()=>({focused:!1}),methods:{updateModel(){if(!this.disabled){let e;switch(this.modelValue){case!0:e=!1;break;case!1:e=null;break;case null:e=!0}this.$emit("update:modelValue",e)}},onClick(e){this.updateModel(),this.$emit("click",e),this.$emit("change",e),this.$refs.input.focus()},onKeyDown(e){"Enter"===e.code&&(this.updateModel(),this.$emit("keydown",e),e.preventDefault())},onFocus(e){this.focused=!0,this.$emit("focus",e)},onBlur(e){this.focused=!1,this.$emit("blur",e)}},computed:{icon(){let e;switch(this.modelValue){case!0:e="pi pi-check";break;case!1:e="pi pi-times";break;case null:e=null}return e},containerClass(){return["p-checkbox p-component",{"p-checkbox-checked":!0===this.modelValue,"p-checkbox-disabled":this.disabled,"p-checkbox-focused":this.focused}]},ariaValueLabel(){return this.modelValue?this.$primevue.config.locale.aria.trueLabel:!1===this.modelValue?this.$primevue.config.locale.aria.falseLabel:this.$primevue.config.locale.aria.nullLabel}}};const a={class:"p-hidden-accessible"},i=["id","checked","tabindex","disabled","aria-labelledby","aria-label"],t={class:"p-sr-only","aria-live":"polite"};return l.render=function(l,s,o,c,n,d){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(d.containerClass),onClick:s[3]||(s[3]=e=>d.onClick(e))},[e.createElementVNode("div",a,[e.createElementVNode("input",e.mergeProps({id:o.inputId,ref:"input",type:"checkbox",checked:!0===o.modelValue,tabindex:o.tabindex,disabled:o.disabled,"aria-labelledby":l.ariaLabelledby,"aria-label":l.ariaLabel,onKeydown:s[0]||(s[0]=e=>d.onKeyDown(e)),onFocus:s[1]||(s[1]=e=>d.onFocus(e)),onBlur:s[2]||(s[2]=e=>d.onBlur(e))},o.inputProps),null,16,i)]),e.createElementVNode("span",t,e.toDisplayString(d.ariaValueLabel),1),e.createElementVNode("div",{ref:"box",class:e.normalizeClass(["p-checkbox-box",{"p-highlight":null!=o.modelValue,"p-disabled":o.disabled,"p-focus":n.focused}])},[e.createElementVNode("span",{class:e.normalizeClass(["p-checkbox-icon",d.icon])},null,2)],2)],2)},l}(Vue);
+this.primevue=this.primevue||{},this.primevue.tristatecheckbox=function(e){"use strict";var l={name:"TriStateCheckbox",emits:["click","update:modelValue","change","keydown","focus","blur"],props:{modelValue:null,inputId:{type:String,default:null},inputProps:{type:null,default:null},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:0},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},data:()=>({focused:!1}),methods:{updateModel(){if(!this.disabled){let e;switch(this.modelValue){case!0:e=!1;break;case!1:e=null;break;case null:e=!0}this.$emit("update:modelValue",e)}},onClick(e){this.updateModel(),this.$emit("click",e),this.$emit("change",e),this.$refs.input.focus()},onKeyDown(e){"Enter"===e.code&&(this.updateModel(),this.$emit("keydown",e),e.preventDefault())},onFocus(e){this.focused=!0,this.$emit("focus",e)},onBlur(e){this.focused=!1,this.$emit("blur",e)}},computed:{icon(){let e;switch(this.modelValue){case!0:e="pi pi-check";break;case!1:e="pi pi-times";break;case null:e=null}return e},containerClass(){return["p-checkbox p-component",{"p-checkbox-checked":!0===this.modelValue,"p-checkbox-disabled":this.disabled,"p-checkbox-focused":this.focused}]},ariaValueLabel(){return this.modelValue?this.$primevue.config.locale.aria.trueLabel:!1===this.modelValue?this.$primevue.config.locale.aria.falseLabel:this.$primevue.config.locale.aria.nullLabel}}};const a={class:"p-hidden-accessible"},i=["id","checked","tabindex","disabled","aria-labelledby","aria-label"],t={class:"p-sr-only","aria-live":"polite"};return l.render=function(l,s,o,n,c,d){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(d.containerClass),onClick:s[3]||(s[3]=e=>d.onClick(e))},[e.createElementVNode("div",a,[e.createElementVNode("input",e.mergeProps({ref:"input",id:o.inputId,type:"checkbox",checked:!0===o.modelValue,tabindex:o.tabindex,disabled:o.disabled,"aria-labelledby":l.ariaLabelledby,"aria-label":l.ariaLabel,onKeydown:s[0]||(s[0]=e=>d.onKeyDown(e)),onFocus:s[1]||(s[1]=e=>d.onFocus(e)),onBlur:s[2]||(s[2]=e=>d.onBlur(e))},o.inputProps),null,16,i)]),e.createElementVNode("span",t,e.toDisplayString(d.ariaValueLabel),1),e.createElementVNode("div",{ref:"box",class:e.normalizeClass(["p-checkbox-box",{"p-highlight":null!=o.modelValue,"p-disabled":o.disabled,"p-focus":c.focused}])},[e.createElementVNode("span",{class:e.normalizeClass(["p-checkbox-icon",d.icon])},null,2)],2)],2)},l}(Vue);

package/ts-helpers.d.ts

@@ -2,21 +2,27 @@ import { ComponentCustomProps, VNodeProps, EmitsOptions, AllowedComponentProps,
 
 declare type PublicProps = VNodeProps & AllowedComponentProps & ComponentCustomProps;
 
-declare type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends ((k: infer I) => void) ? I : never;
-
-declare type EmitFn<Options = ObjectEmitsOptions, Event extends keyof Options = keyof Options> = Options extends Array<infer V> ? (event: V, ...args: any[]) => void : {} extends Options ? (event: string, ...args: any[]) => void : UnionToIntersection<{
-  [key in Event]: Options[key] extends ((...args: infer Args) => any) ? (event: key, ...args: Args) => void : (event: key, ...args: any[]) => void;
-}[Event]>;
+declare type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+
+declare type EmitFn<Options = ObjectEmitsOptions, Event extends keyof Options = keyof Options> = Options extends Array<infer V>
+    ? (event: V, ...args: any[]) => void
+    : {} extends Options
+    ? (event: string, ...args: any[]) => void
+    : UnionToIntersection<
+          {
+              [key in Event]: Options[key] extends (...args: infer Args) => any ? (event: key, ...args: Args) => void : (event: key, ...args: any[]) => void;
+          }[Event]
+      >;
 
 export class ClassComponent<Props, Slots, Emits extends EmitsOptions = {}> {
-  $props: Props & PublicProps;
-  $slots: Slots;
-  $emit: EmitFn<Emits>;
+    $props: Props & PublicProps;
+    $slots: Slots;
+    $emit: EmitFn<Emits>;
 }
 
 export type GlobalComponentConstructor<T> = {
-  new (): T;
-}
+    new (): T;
+};
 
 /**
  * Custom types

package/useconfirm/UseConfirm.d.ts

@@ -3,4 +3,4 @@ import { ConfirmationOptions } from '../confirmationoptions';
 export declare function useConfirm(): {
     require: (option: ConfirmationOptions) => void;
     close: () => void;
-}
+};

package/useconfirm/useconfirm.cjs.js

@@ -8,9 +8,10 @@ const PrimeVueConfirmSymbol = Symbol();
 
 function useConfirm() {
     const PrimeVueConfirm = vue.inject(PrimeVueConfirmSymbol);
+
     if (!PrimeVueConfirm) {
         throw new Error('No PrimeVue Confirmation provided!');
-    } 
+    }
 
     return PrimeVueConfirm;
 }

package/useconfirm/useconfirm.esm.js

@@ -4,9 +4,10 @@ const PrimeVueConfirmSymbol = Symbol();
 
 function useConfirm() {
     const PrimeVueConfirm = inject(PrimeVueConfirmSymbol);
+
     if (!PrimeVueConfirm) {
         throw new Error('No PrimeVue Confirmation provided!');
-    } 
+    }
 
     return PrimeVueConfirm;
 }

package/useconfirm/useconfirm.js

@@ -6,9 +6,10 @@ this.primevue.useconfirm = (function (exports, vue) {
 
     function useConfirm() {
         const PrimeVueConfirm = vue.inject(PrimeVueConfirmSymbol);
+
         if (!PrimeVueConfirm) {
             throw new Error('No PrimeVue Confirmation provided!');
-        } 
+        }
 
         return PrimeVueConfirm;
     }

package/usedialog/UseDialog.d.ts

@@ -2,4 +2,4 @@ import { DynamicDialogOptions, DynamicDialogInstance } from '../dynamicdialogopt
 
 export declare function useDialog(): {
     open: (content: any, options?: DynamicDialogOptions) => DynamicDialogInstance;
-}
+};

package/usedialog/usedialog.cjs.js

@@ -8,9 +8,10 @@ const PrimeVueDialogSymbol = Symbol();
 
 function useDialog() {
     const PrimeVueDialog = vue.inject(PrimeVueDialogSymbol);
+
     if (!PrimeVueDialog) {
         throw new Error('No PrimeVue Dialog provided!');
-    } 
+    }
 
     return PrimeVueDialog;
 }

package/usedialog/usedialog.esm.js

@@ -4,9 +4,10 @@ const PrimeVueDialogSymbol = Symbol();
 
 function useDialog() {
     const PrimeVueDialog = inject(PrimeVueDialogSymbol);
+
     if (!PrimeVueDialog) {
         throw new Error('No PrimeVue Dialog provided!');
-    } 
+    }
 
     return PrimeVueDialog;
 }

package/usedialog/usedialog.js

@@ -6,9 +6,10 @@ this.primevue.usedialog = (function (exports, vue) {
 
     function useDialog() {
         const PrimeVueDialog = vue.inject(PrimeVueDialogSymbol);
+
         if (!PrimeVueDialog) {
             throw new Error('No PrimeVue Dialog provided!');
-        } 
+        }
 
         return PrimeVueDialog;
     }

package/usetoast/usetoast.cjs.js

@@ -8,9 +8,10 @@ const PrimeVueToastSymbol = Symbol();
 
 function useToast() {
     const PrimeVueToast = vue.inject(PrimeVueToastSymbol);
+
     if (!PrimeVueToast) {
         throw new Error('No PrimeVue Toast provided!');
-    } 
+    }
 
     return PrimeVueToast;
 }

package/usetoast/usetoast.esm.js

@@ -4,9 +4,10 @@ const PrimeVueToastSymbol = Symbol();
 
 function useToast() {
     const PrimeVueToast = inject(PrimeVueToastSymbol);
+
     if (!PrimeVueToast) {
         throw new Error('No PrimeVue Toast provided!');
-    } 
+    }
 
     return PrimeVueToast;
 }

package/usetoast/usetoast.js

@@ -6,9 +6,10 @@ this.primevue.usetoast = (function (exports, vue) {
 
     function useToast() {
         const PrimeVueToast = vue.inject(PrimeVueToastSymbol);
+
         if (!PrimeVueToast) {
             throw new Error('No PrimeVue Toast provided!');
-        } 
+        }
 
         return PrimeVueToast;
     }

package/utils/Utils.d.ts

@@ -13,8 +13,8 @@ export declare class DomHandler {
     static getOuterWidth(el: HTMLElement, margin: boolean): number;
     static getOuterHeight(el: HTMLElement, margin: boolean): number;
     static getClientHeight(el: HTMLElement, margin: boolean): number;
-    static getViewport(): { width: number; height: number; };
-    static getOffset(el: HTMLElement): { top: any; left: any; };
+    static getViewport(): { width: number; height: number };
+    static getOffset(el: HTMLElement): { top: any; left: any };
     static index(el: HTMLElement): number;
     static addMultipleClasses(el: HTMLElement, className: string): void;
     static addClass(el: HTMLElement, className: string): void;
@@ -30,7 +30,7 @@ export declare class DomHandler {
     static getScrollableParents(el: HTMLElement): any[];
     static getHiddenElementOuterHeight(el: HTMLElement): number;
     static getHiddenElementOuterWidth(el: HTMLElement): number;
-    static getHiddenElementDimensions(el: HTMLElement): { width?: number; height?: number; };
+    static getHiddenElementDimensions(el: HTMLElement): { width?: number; height?: number };
     static fadeIn(el: HTMLElement, duration: number): void;
     static fadeOut(el: HTMLElement, duration: number): void;
     static getUserAgent(): string;
@@ -39,10 +39,12 @@ export declare class DomHandler {
     static clearSelection(): void;
     static calculateScrollbarWidth(): number;
     static getBrowser(): object;
-    static resolveUserAgent(): { browser: string; version: string; };
+    static resolveUserAgent(): { browser: string; version: string };
     static isVisible(el: HTMLElement): boolean;
     static invokeElementMethod(el: HTMLElement, methodName: string, args: any): void;
+    static isExist(el: HTMLElement): boolean;
     static isClient(): boolean;
+    static focus(el: HTMLElement, options?: FocusOptions): void;
     static getFocusableElements(el: HTMLElement, selector?: string): any[];
     static getFirstFocusableElement(el: HTMLElement, selector?: string): any;
     static isClickable(el: HTMLElement): boolean;
@@ -82,4 +84,4 @@ export declare function EventBus(): {
     on(type: string, fn: any): void;
     emit(type: string, evt?: any): void;
     off(type: string, fn: any): void;
-}
+};