primevue 3.15.0 → 3.16.2

package/rating/rating.cjs.js

@@ -4,11 +4,15 @@ var vue = require('vue');
 
 var script = {
     name: 'Rating',
-    emits: ['update:modelValue', 'change'],
+    emits: ['update:modelValue', 'change', 'focus', 'blur'],
     props: {
         modelValue: {
             type: Number,
             default: null
+        },
+        name: {
+            type: String,
+            default: null
         },
 		disabled: {
             type: Boolean,
@@ -27,12 +31,46 @@ var script = {
             default: true
         }
     },
+    data() {
+        return {
+            focusIndex: null
+        };
+    },
     methods: {
         onStarClick(event, value) {
             if (!this.readonly && !this.disabled) {
                 this.updateModel(event, value);
+                this.focusIndex = value;
             }
         },
+        onKeyDown(event, value) {
+            if (event.code === 'Space') {
+                this.updateModel(event, value);
+            }
+            if (event.code === 'Tab') {
+                this.focusIndex = null;
+            }
+        },
+        onFocus(event, index) {
+            if (!this.readonly) {
+                if (this.modelValue === null && this.focusIndex === null) {
+                    this.cancel ? this.focusIndex = 0 : this.focusIndex = 1;
+                }
+                else if (this.modelValue !== null && this.focusIndex === null) {
+                    this.focusIndex = this.modelValue;
+                    this.updateModel(event, this.modelValue);
+                }
+                else {
+                    this.focusIndex = index;
+                    this.updateModel(event, index);
+                }
+
+                this.$emit('focus', event);
+            }
+        },
+        onBlur(event) {
+            this.$emit('blur', event);
+        },
         onCancelClick(event) {
             if (!this.readonly && !this.disabled) {
                 this.updateModel(event, null);
@@ -44,6 +82,9 @@ var script = {
                 originalEvent: event,
                 value: value
             });
+        },
+        ariaLabelTemplate(index) {
+            return index === 1 ? this.$primevue.config.locale.aria.star : this.$primevue.config.locale.aria.stars.replace(/{star}/g, index);
         }
     },
     computed: {
@@ -55,15 +96,18 @@ var script = {
                     'p-disabled': this.disabled
                 }
             ];
-        },
-        focusIndex() {
-            return (this.disabled || this.readonly) ? null : '0';
         }
     }
 };
 
-const _hoisted_1 = ["tabindex"];
-const _hoisted_2 = ["onClick", "tabindex", "onKeydown"];
+const _hoisted_1 = {
+  key: 0,
+  class: "p-hidden-accessible"
+};
+const _hoisted_2 = ["name", "checked", "disabled", "readonly", "aria-label"];
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "p-hidden-accessible" };
+const _hoisted_5 = ["value", "name", "checked", "disabled", "readonly", "aria-label", "onFocus", "onKeydown"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return (vue.openBlock(), vue.createElementBlock("div", {
@@ -72,19 +116,49 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     ($props.cancel)
       ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 0,
-          class: "p-rating-icon p-rating-cancel pi pi-ban",
-          tabindex: $options.focusIndex,
-          onClick: _cache[0] || (_cache[0] = (...args) => ($options.onCancelClick && $options.onCancelClick(...args)))
-        }, null, 8, _hoisted_1))
+          class: vue.normalizeClass(['p-rating-icon p-rating-cancel pi pi-ban', {'p-focus': $data.focusIndex === 0}]),
+          onClick: _cache[3] || (_cache[3] = (...args) => ($options.onCancelClick && $options.onCancelClick(...args))),
+          onKeydown: _cache[4] || (_cache[4] = (...args) => ($options.onKeyDown && $options.onKeyDown(...args)))
+        }, [
+          ($props.cancel)
+            ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, [
+                vue.createElementVNode("input", {
+                  type: "radio",
+                  value: "0",
+                  name: $props.name,
+                  checked: $props.modelValue === 0,
+                  disabled: $props.disabled,
+                  readonly: $props.readonly,
+                  "aria-label": _ctx.$primevue.config.locale.clear,
+                  onFocus: _cache[0] || (_cache[0] = $event => ($options.onFocus($event, 0))),
+                  onBlur: _cache[1] || (_cache[1] = (...args) => ($options.onBlur && $options.onBlur(...args))),
+                  onKeydown: _cache[2] || (_cache[2] = $event => ($options.onKeyDown($event, 0)))
+                }, null, 40, _hoisted_2)
+              ]))
+            : vue.createCommentVNode("", true)
+        ], 34))
       : vue.createCommentVNode("", true),
     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.stars, (i) => {
       return (vue.openBlock(), vue.createElementBlock("span", {
         key: i,
-        onClick: $event => ($options.onStarClick($event,i)),
-        tabindex: $options.focusIndex,
-        onKeydown: vue.withKeys(vue.withModifiers($event => ($options.onStarClick($event,i)), ["prevent"]), ["enter"]),
-        class: vue.normalizeClass(['p-rating-icon', {'pi pi-star': (i > $props.modelValue), 'pi pi-star-fill': (i <= $props.modelValue)}])
-      }, null, 42, _hoisted_2))
+        class: vue.normalizeClass(['p-rating-icon', {'pi pi-star': (i > $props.modelValue), 'pi pi-star-fill': (i <= $props.modelValue), 'p-focus': i === $data.focusIndex}]),
+        onClick: $event => ($options.onStarClick($event,i))
+      }, [
+        vue.createElementVNode("span", _hoisted_4, [
+          vue.createElementVNode("input", {
+            type: "radio",
+            value: i,
+            name: $props.name,
+            checked: $props.modelValue === i,
+            disabled: $props.disabled,
+            readonly: $props.readonly,
+            "aria-label": $options.ariaLabelTemplate(i),
+            onFocus: $event => ($options.onFocus($event, i)),
+            onBlur: _cache[5] || (_cache[5] = (...args) => ($options.onBlur && $options.onBlur(...args))),
+            onKeydown: $event => ($options.onKeyDown($event,i))
+          }, null, 40, _hoisted_5)
+        ])
+      ], 10, _hoisted_3))
     }), 128))
   ], 2))
 }
@@ -116,7 +190,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "\n.p-rating-icon {\n    cursor: pointer;\n}\n.p-rating.p-rating-readonly .p-rating-icon {\n    cursor: default;\n}\n";
+var css_248z = "\n.p-rating-icon {\n    cursor: pointer;\n}\n.p-rating.p-rating-readonly .p-rating-icon {\n    cursor: default;\n}\n.p-rating:not(.p-disabled) .p-rating-icon.p-focus {\n    outline: 0 none;\n    outline-offset: 0;\n    -webkit-box-shadow: 0 0 0 0.2rem #BFDBFE;\n            box-shadow: 0 0 0 0.2rem #BFDBFE;\n    border-color: #3B82F6;\n}\n";
 styleInject(css_248z);
 
 script.render = render;

package/rating/rating.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("vue"),n={name:"Rating",emits:["update:modelValue","change"],props:{modelValue:{type:Number,default:null},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},stars:{type:Number,default:5},cancel:{type:Boolean,default:!0}},methods:{onStarClick(e,n){this.readonly||this.disabled||this.updateModel(e,n)},onCancelClick(e){this.readonly||this.disabled||this.updateModel(e,null)},updateModel(e,n){this.$emit("update:modelValue",n),this.$emit("change",{originalEvent:e,value:n})}},computed:{containerClass(){return["p-rating",{"p-readonly":this.readonly,"p-disabled":this.disabled}]},focusIndex(){return this.disabled||this.readonly?null:"0"}}};const t=["tabindex"],l=["onClick","tabindex","onKeydown"];!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-rating-icon {\n    cursor: pointer;\n}\n.p-rating.p-rating-readonly .p-rating-icon {\n    cursor: default;\n}\n"),n.render=function(n,a,i,o,d,r){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(r.containerClass)},[i.cancel?(e.openBlock(),e.createElementBlock("span",{key:0,class:"p-rating-icon p-rating-cancel pi pi-ban",tabindex:r.focusIndex,onClick:a[0]||(a[0]=(...e)=>r.onCancelClick&&r.onCancelClick(...e))},null,8,t)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.stars,(n=>(e.openBlock(),e.createElementBlock("span",{key:n,onClick:e=>r.onStarClick(e,n),tabindex:r.focusIndex,onKeydown:e.withKeys(e.withModifiers((e=>r.onStarClick(e,n)),["prevent"]),["enter"]),class:e.normalizeClass(["p-rating-icon",{"pi pi-star":n>i.modelValue,"pi pi-star-fill":n<=i.modelValue}])},null,42,l)))),128))],2)},module.exports=n;
+"use strict";var e=require("vue"),n={name:"Rating",emits:["update:modelValue","change","focus","blur"],props:{modelValue:{type:Number,default:null},name:{type:String,default:null},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},stars:{type:Number,default:5},cancel:{type:Boolean,default:!0}},data:()=>({focusIndex:null}),methods:{onStarClick(e,n){this.readonly||this.disabled||(this.updateModel(e,n),this.focusIndex=n)},onKeyDown(e,n){"Space"===e.code&&this.updateModel(e,n),"Tab"===e.code&&(this.focusIndex=null)},onFocus(e,n){this.readonly||(null===this.modelValue&&null===this.focusIndex?this.cancel?this.focusIndex=0:this.focusIndex=1:null!==this.modelValue&&null===this.focusIndex?(this.focusIndex=this.modelValue,this.updateModel(e,this.modelValue)):(this.focusIndex=n,this.updateModel(e,n)),this.$emit("focus",e))},onBlur(e){this.$emit("blur",e)},onCancelClick(e){this.readonly||this.disabled||this.updateModel(e,null)},updateModel(e,n){this.$emit("update:modelValue",n),this.$emit("change",{originalEvent:e,value:n})},ariaLabelTemplate(e){return 1===e?this.$primevue.config.locale.aria.star:this.$primevue.config.locale.aria.stars.replace(/{star}/g,e)}},computed:{containerClass(){return["p-rating",{"p-readonly":this.readonly,"p-disabled":this.disabled}]}}};const l={key:0,class:"p-hidden-accessible"},a=["name","checked","disabled","readonly","aria-label"],o=["onClick"],t={class:"p-hidden-accessible"},i=["value","name","checked","disabled","readonly","aria-label","onFocus","onKeydown"];!function(e,n){void 0===n&&(n={});var l=n.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===l&&a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-rating-icon {\n    cursor: pointer;\n}\n.p-rating.p-rating-readonly .p-rating-icon {\n    cursor: default;\n}\n.p-rating:not(.p-disabled) .p-rating-icon.p-focus {\n    outline: 0 none;\n    outline-offset: 0;\n    -webkit-box-shadow: 0 0 0 0.2rem #BFDBFE;\n            box-shadow: 0 0 0 0.2rem #BFDBFE;\n    border-color: #3B82F6;\n}\n"),n.render=function(n,d,s,c,r,u){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(u.containerClass)},[s.cancel?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["p-rating-icon p-rating-cancel pi pi-ban",{"p-focus":0===r.focusIndex}]),onClick:d[3]||(d[3]=(...e)=>u.onCancelClick&&u.onCancelClick(...e)),onKeydown:d[4]||(d[4]=(...e)=>u.onKeyDown&&u.onKeyDown(...e))},[s.cancel?(e.openBlock(),e.createElementBlock("span",l,[e.createElementVNode("input",{type:"radio",value:"0",name:s.name,checked:0===s.modelValue,disabled:s.disabled,readonly:s.readonly,"aria-label":n.$primevue.config.locale.clear,onFocus:d[0]||(d[0]=e=>u.onFocus(e,0)),onBlur:d[1]||(d[1]=(...e)=>u.onBlur&&u.onBlur(...e)),onKeydown:d[2]||(d[2]=e=>u.onKeyDown(e,0))},null,40,a)])):e.createCommentVNode("",!0)],34)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.stars,(n=>(e.openBlock(),e.createElementBlock("span",{key:n,class:e.normalizeClass(["p-rating-icon",{"pi pi-star":n>s.modelValue,"pi pi-star-fill":n<=s.modelValue,"p-focus":n===r.focusIndex}]),onClick:e=>u.onStarClick(e,n)},[e.createElementVNode("span",t,[e.createElementVNode("input",{type:"radio",value:n,name:s.name,checked:s.modelValue===n,disabled:s.disabled,readonly:s.readonly,"aria-label":u.ariaLabelTemplate(n),onFocus:e=>u.onFocus(e,n),onBlur:d[5]||(d[5]=(...e)=>u.onBlur&&u.onBlur(...e)),onKeydown:e=>u.onKeyDown(e,n)},null,40,i)])],10,o)))),128))],2)},module.exports=n;

package/rating/rating.esm.js

@@ -1,12 +1,16 @@
-import { openBlock, createElementBlock, normalizeClass, createCommentVNode, Fragment, renderList, withKeys, withModifiers } from 'vue';
+import { openBlock, createElementBlock, normalizeClass, createElementVNode, createCommentVNode, Fragment, renderList } from 'vue';
 
 var script = {
     name: 'Rating',
-    emits: ['update:modelValue', 'change'],
+    emits: ['update:modelValue', 'change', 'focus', 'blur'],
     props: {
         modelValue: {
             type: Number,
             default: null
+        },
+        name: {
+            type: String,
+            default: null
         },
 		disabled: {
             type: Boolean,
@@ -25,12 +29,46 @@ var script = {
             default: true
         }
     },
+    data() {
+        return {
+            focusIndex: null
+        };
+    },
     methods: {
         onStarClick(event, value) {
             if (!this.readonly && !this.disabled) {
                 this.updateModel(event, value);
+                this.focusIndex = value;
             }
         },
+        onKeyDown(event, value) {
+            if (event.code === 'Space') {
+                this.updateModel(event, value);
+            }
+            if (event.code === 'Tab') {
+                this.focusIndex = null;
+            }
+        },
+        onFocus(event, index) {
+            if (!this.readonly) {
+                if (this.modelValue === null && this.focusIndex === null) {
+                    this.cancel ? this.focusIndex = 0 : this.focusIndex = 1;
+                }
+                else if (this.modelValue !== null && this.focusIndex === null) {
+                    this.focusIndex = this.modelValue;
+                    this.updateModel(event, this.modelValue);
+                }
+                else {
+                    this.focusIndex = index;
+                    this.updateModel(event, index);
+                }
+
+                this.$emit('focus', event);
+            }
+        },
+        onBlur(event) {
+            this.$emit('blur', event);
+        },
         onCancelClick(event) {
             if (!this.readonly && !this.disabled) {
                 this.updateModel(event, null);
@@ -42,6 +80,9 @@ var script = {
                 originalEvent: event,
                 value: value
             });
+        },
+        ariaLabelTemplate(index) {
+            return index === 1 ? this.$primevue.config.locale.aria.star : this.$primevue.config.locale.aria.stars.replace(/{star}/g, index);
         }
     },
     computed: {
@@ -53,15 +94,18 @@ var script = {
                     'p-disabled': this.disabled
                 }
             ];
-        },
-        focusIndex() {
-            return (this.disabled || this.readonly) ? null : '0';
         }
     }
 };
 
-const _hoisted_1 = ["tabindex"];
-const _hoisted_2 = ["onClick", "tabindex", "onKeydown"];
+const _hoisted_1 = {
+  key: 0,
+  class: "p-hidden-accessible"
+};
+const _hoisted_2 = ["name", "checked", "disabled", "readonly", "aria-label"];
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "p-hidden-accessible" };
+const _hoisted_5 = ["value", "name", "checked", "disabled", "readonly", "aria-label", "onFocus", "onKeydown"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", {
@@ -70,19 +114,49 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     ($props.cancel)
       ? (openBlock(), createElementBlock("span", {
           key: 0,
-          class: "p-rating-icon p-rating-cancel pi pi-ban",
-          tabindex: $options.focusIndex,
-          onClick: _cache[0] || (_cache[0] = (...args) => ($options.onCancelClick && $options.onCancelClick(...args)))
-        }, null, 8, _hoisted_1))
+          class: normalizeClass(['p-rating-icon p-rating-cancel pi pi-ban', {'p-focus': $data.focusIndex === 0}]),
+          onClick: _cache[3] || (_cache[3] = (...args) => ($options.onCancelClick && $options.onCancelClick(...args))),
+          onKeydown: _cache[4] || (_cache[4] = (...args) => ($options.onKeyDown && $options.onKeyDown(...args)))
+        }, [
+          ($props.cancel)
+            ? (openBlock(), createElementBlock("span", _hoisted_1, [
+                createElementVNode("input", {
+                  type: "radio",
+                  value: "0",
+                  name: $props.name,
+                  checked: $props.modelValue === 0,
+                  disabled: $props.disabled,
+                  readonly: $props.readonly,
+                  "aria-label": _ctx.$primevue.config.locale.clear,
+                  onFocus: _cache[0] || (_cache[0] = $event => ($options.onFocus($event, 0))),
+                  onBlur: _cache[1] || (_cache[1] = (...args) => ($options.onBlur && $options.onBlur(...args))),
+                  onKeydown: _cache[2] || (_cache[2] = $event => ($options.onKeyDown($event, 0)))
+                }, null, 40, _hoisted_2)
+              ]))
+            : createCommentVNode("", true)
+        ], 34))
       : createCommentVNode("", true),
     (openBlock(true), createElementBlock(Fragment, null, renderList($props.stars, (i) => {
       return (openBlock(), createElementBlock("span", {
         key: i,
-        onClick: $event => ($options.onStarClick($event,i)),
-        tabindex: $options.focusIndex,
-        onKeydown: withKeys(withModifiers($event => ($options.onStarClick($event,i)), ["prevent"]), ["enter"]),
-        class: normalizeClass(['p-rating-icon', {'pi pi-star': (i > $props.modelValue), 'pi pi-star-fill': (i <= $props.modelValue)}])
-      }, null, 42, _hoisted_2))
+        class: normalizeClass(['p-rating-icon', {'pi pi-star': (i > $props.modelValue), 'pi pi-star-fill': (i <= $props.modelValue), 'p-focus': i === $data.focusIndex}]),
+        onClick: $event => ($options.onStarClick($event,i))
+      }, [
+        createElementVNode("span", _hoisted_4, [
+          createElementVNode("input", {
+            type: "radio",
+            value: i,
+            name: $props.name,
+            checked: $props.modelValue === i,
+            disabled: $props.disabled,
+            readonly: $props.readonly,
+            "aria-label": $options.ariaLabelTemplate(i),
+            onFocus: $event => ($options.onFocus($event, i)),
+            onBlur: _cache[5] || (_cache[5] = (...args) => ($options.onBlur && $options.onBlur(...args))),
+            onKeydown: $event => ($options.onKeyDown($event,i))
+          }, null, 40, _hoisted_5)
+        ])
+      ], 10, _hoisted_3))
     }), 128))
   ], 2))
 }
@@ -114,7 +188,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "\n.p-rating-icon {\n    cursor: pointer;\n}\n.p-rating.p-rating-readonly .p-rating-icon {\n    cursor: default;\n}\n";
+var css_248z = "\n.p-rating-icon {\n    cursor: pointer;\n}\n.p-rating.p-rating-readonly .p-rating-icon {\n    cursor: default;\n}\n.p-rating:not(.p-disabled) .p-rating-icon.p-focus {\n    outline: 0 none;\n    outline-offset: 0;\n    -webkit-box-shadow: 0 0 0 0.2rem #BFDBFE;\n            box-shadow: 0 0 0 0.2rem #BFDBFE;\n    border-color: #3B82F6;\n}\n";
 styleInject(css_248z);
 
 script.render = render;

package/rating/rating.esm.min.js

@@ -1 +1 @@
-import{openBlock as e,createElementBlock as n,normalizeClass as t,createCommentVNode as a,Fragment as l,renderList as i,withKeys as d,withModifiers as o}from"vue";var s={name:"Rating",emits:["update:modelValue","change"],props:{modelValue:{type:Number,default:null},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},stars:{type:Number,default:5},cancel:{type:Boolean,default:!0}},methods:{onStarClick(e,n){this.readonly||this.disabled||this.updateModel(e,n)},onCancelClick(e){this.readonly||this.disabled||this.updateModel(e,null)},updateModel(e,n){this.$emit("update:modelValue",n),this.$emit("change",{originalEvent:e,value:n})}},computed:{containerClass(){return["p-rating",{"p-readonly":this.readonly,"p-disabled":this.disabled}]},focusIndex(){return this.disabled||this.readonly?null:"0"}}};const r=["tabindex"],c=["onClick","tabindex","onKeydown"];!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===t&&a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-rating-icon {\n    cursor: pointer;\n}\n.p-rating.p-rating-readonly .p-rating-icon {\n    cursor: default;\n}\n"),s.render=function(s,u,p,h,m,y){return e(),n("div",{class:t(y.containerClass)},[p.cancel?(e(),n("span",{key:0,class:"p-rating-icon p-rating-cancel pi pi-ban",tabindex:y.focusIndex,onClick:u[0]||(u[0]=(...e)=>y.onCancelClick&&y.onCancelClick(...e))},null,8,r)):a("",!0),(e(!0),n(l,null,i(p.stars,(a=>(e(),n("span",{key:a,onClick:e=>y.onStarClick(e,a),tabindex:y.focusIndex,onKeydown:d(o((e=>y.onStarClick(e,a)),["prevent"]),["enter"]),class:t(["p-rating-icon",{"pi pi-star":a>p.modelValue,"pi pi-star-fill":a<=p.modelValue}])},null,42,c)))),128))],2)};export{s as default};
+import{openBlock as e,createElementBlock as n,normalizeClass as a,createElementVNode as l,createCommentVNode as o,Fragment as t,renderList as i}from"vue";var d={name:"Rating",emits:["update:modelValue","change","focus","blur"],props:{modelValue:{type:Number,default:null},name:{type:String,default:null},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},stars:{type:Number,default:5},cancel:{type:Boolean,default:!0}},data:()=>({focusIndex:null}),methods:{onStarClick(e,n){this.readonly||this.disabled||(this.updateModel(e,n),this.focusIndex=n)},onKeyDown(e,n){"Space"===e.code&&this.updateModel(e,n),"Tab"===e.code&&(this.focusIndex=null)},onFocus(e,n){this.readonly||(null===this.modelValue&&null===this.focusIndex?this.cancel?this.focusIndex=0:this.focusIndex=1:null!==this.modelValue&&null===this.focusIndex?(this.focusIndex=this.modelValue,this.updateModel(e,this.modelValue)):(this.focusIndex=n,this.updateModel(e,n)),this.$emit("focus",e))},onBlur(e){this.$emit("blur",e)},onCancelClick(e){this.readonly||this.disabled||this.updateModel(e,null)},updateModel(e,n){this.$emit("update:modelValue",n),this.$emit("change",{originalEvent:e,value:n})},ariaLabelTemplate(e){return 1===e?this.$primevue.config.locale.aria.star:this.$primevue.config.locale.aria.stars.replace(/{star}/g,e)}},computed:{containerClass(){return["p-rating",{"p-readonly":this.readonly,"p-disabled":this.disabled}]}}};const s={key:0,class:"p-hidden-accessible"},u=["name","checked","disabled","readonly","aria-label"],c=["onClick"],r={class:"p-hidden-accessible"},p=["value","name","checked","disabled","readonly","aria-label","onFocus","onKeydown"];!function(e,n){void 0===n&&(n={});var a=n.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===a&&l.firstChild?l.insertBefore(o,l.firstChild):l.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-rating-icon {\n    cursor: pointer;\n}\n.p-rating.p-rating-readonly .p-rating-icon {\n    cursor: default;\n}\n.p-rating:not(.p-disabled) .p-rating-icon.p-focus {\n    outline: 0 none;\n    outline-offset: 0;\n    -webkit-box-shadow: 0 0 0 0.2rem #BFDBFE;\n            box-shadow: 0 0 0 0.2rem #BFDBFE;\n    border-color: #3B82F6;\n}\n"),d.render=function(d,h,m,f,y,b){return e(),n("div",{class:a(b.containerClass)},[m.cancel?(e(),n("span",{key:0,class:a(["p-rating-icon p-rating-cancel pi pi-ban",{"p-focus":0===y.focusIndex}]),onClick:h[3]||(h[3]=(...e)=>b.onCancelClick&&b.onCancelClick(...e)),onKeydown:h[4]||(h[4]=(...e)=>b.onKeyDown&&b.onKeyDown(...e))},[m.cancel?(e(),n("span",s,[l("input",{type:"radio",value:"0",name:m.name,checked:0===m.modelValue,disabled:m.disabled,readonly:m.readonly,"aria-label":d.$primevue.config.locale.clear,onFocus:h[0]||(h[0]=e=>b.onFocus(e,0)),onBlur:h[1]||(h[1]=(...e)=>b.onBlur&&b.onBlur(...e)),onKeydown:h[2]||(h[2]=e=>b.onKeyDown(e,0))},null,40,u)])):o("",!0)],34)):o("",!0),(e(!0),n(t,null,i(m.stars,(o=>(e(),n("span",{key:o,class:a(["p-rating-icon",{"pi pi-star":o>m.modelValue,"pi pi-star-fill":o<=m.modelValue,"p-focus":o===y.focusIndex}]),onClick:e=>b.onStarClick(e,o)},[l("span",r,[l("input",{type:"radio",value:o,name:m.name,checked:m.modelValue===o,disabled:m.disabled,readonly:m.readonly,"aria-label":b.ariaLabelTemplate(o),onFocus:e=>b.onFocus(e,o),onBlur:h[5]||(h[5]=(...e)=>b.onBlur&&b.onBlur(...e)),onKeydown:e=>b.onKeyDown(e,o)},null,40,p)])],10,c)))),128))],2)};export{d as default};

package/rating/rating.js

@@ -4,11 +4,15 @@ this.primevue.rating = (function (vue) {
 
     var script = {
         name: 'Rating',
-        emits: ['update:modelValue', 'change'],
+        emits: ['update:modelValue', 'change', 'focus', 'blur'],
         props: {
             modelValue: {
                 type: Number,
                 default: null
+            },
+            name: {
+                type: String,
+                default: null
             },
     		disabled: {
                 type: Boolean,
@@ -27,12 +31,46 @@ this.primevue.rating = (function (vue) {
                 default: true
             }
         },
+        data() {
+            return {
+                focusIndex: null
+            };
+        },
         methods: {
             onStarClick(event, value) {
                 if (!this.readonly && !this.disabled) {
                     this.updateModel(event, value);
+                    this.focusIndex = value;
                 }
             },
+            onKeyDown(event, value) {
+                if (event.code === 'Space') {
+                    this.updateModel(event, value);
+                }
+                if (event.code === 'Tab') {
+                    this.focusIndex = null;
+                }
+            },
+            onFocus(event, index) {
+                if (!this.readonly) {
+                    if (this.modelValue === null && this.focusIndex === null) {
+                        this.cancel ? this.focusIndex = 0 : this.focusIndex = 1;
+                    }
+                    else if (this.modelValue !== null && this.focusIndex === null) {
+                        this.focusIndex = this.modelValue;
+                        this.updateModel(event, this.modelValue);
+                    }
+                    else {
+                        this.focusIndex = index;
+                        this.updateModel(event, index);
+                    }
+
+                    this.$emit('focus', event);
+                }
+            },
+            onBlur(event) {
+                this.$emit('blur', event);
+            },
             onCancelClick(event) {
                 if (!this.readonly && !this.disabled) {
                     this.updateModel(event, null);
@@ -44,6 +82,9 @@ this.primevue.rating = (function (vue) {
                     originalEvent: event,
                     value: value
                 });
+            },
+            ariaLabelTemplate(index) {
+                return index === 1 ? this.$primevue.config.locale.aria.star : this.$primevue.config.locale.aria.stars.replace(/{star}/g, index);
             }
         },
         computed: {
@@ -55,15 +96,18 @@ this.primevue.rating = (function (vue) {
                         'p-disabled': this.disabled
                     }
                 ];
-            },
-            focusIndex() {
-                return (this.disabled || this.readonly) ? null : '0';
             }
         }
     };
 
-    const _hoisted_1 = ["tabindex"];
-    const _hoisted_2 = ["onClick", "tabindex", "onKeydown"];
+    const _hoisted_1 = {
+      key: 0,
+      class: "p-hidden-accessible"
+    };
+    const _hoisted_2 = ["name", "checked", "disabled", "readonly", "aria-label"];
+    const _hoisted_3 = ["onClick"];
+    const _hoisted_4 = { class: "p-hidden-accessible" };
+    const _hoisted_5 = ["value", "name", "checked", "disabled", "readonly", "aria-label", "onFocus", "onKeydown"];
 
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       return (vue.openBlock(), vue.createElementBlock("div", {
@@ -72,19 +116,49 @@ this.primevue.rating = (function (vue) {
         ($props.cancel)
           ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
-              class: "p-rating-icon p-rating-cancel pi pi-ban",
-              tabindex: $options.focusIndex,
-              onClick: _cache[0] || (_cache[0] = (...args) => ($options.onCancelClick && $options.onCancelClick(...args)))
-            }, null, 8, _hoisted_1))
+              class: vue.normalizeClass(['p-rating-icon p-rating-cancel pi pi-ban', {'p-focus': $data.focusIndex === 0}]),
+              onClick: _cache[3] || (_cache[3] = (...args) => ($options.onCancelClick && $options.onCancelClick(...args))),
+              onKeydown: _cache[4] || (_cache[4] = (...args) => ($options.onKeyDown && $options.onKeyDown(...args)))
+            }, [
+              ($props.cancel)
+                ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, [
+                    vue.createElementVNode("input", {
+                      type: "radio",
+                      value: "0",
+                      name: $props.name,
+                      checked: $props.modelValue === 0,
+                      disabled: $props.disabled,
+                      readonly: $props.readonly,
+                      "aria-label": _ctx.$primevue.config.locale.clear,
+                      onFocus: _cache[0] || (_cache[0] = $event => ($options.onFocus($event, 0))),
+                      onBlur: _cache[1] || (_cache[1] = (...args) => ($options.onBlur && $options.onBlur(...args))),
+                      onKeydown: _cache[2] || (_cache[2] = $event => ($options.onKeyDown($event, 0)))
+                    }, null, 40, _hoisted_2)
+                  ]))
+                : vue.createCommentVNode("", true)
+            ], 34))
           : vue.createCommentVNode("", true),
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.stars, (i) => {
           return (vue.openBlock(), vue.createElementBlock("span", {
             key: i,
-            onClick: $event => ($options.onStarClick($event,i)),
-            tabindex: $options.focusIndex,
-            onKeydown: vue.withKeys(vue.withModifiers($event => ($options.onStarClick($event,i)), ["prevent"]), ["enter"]),
-            class: vue.normalizeClass(['p-rating-icon', {'pi pi-star': (i > $props.modelValue), 'pi pi-star-fill': (i <= $props.modelValue)}])
-          }, null, 42, _hoisted_2))
+            class: vue.normalizeClass(['p-rating-icon', {'pi pi-star': (i > $props.modelValue), 'pi pi-star-fill': (i <= $props.modelValue), 'p-focus': i === $data.focusIndex}]),
+            onClick: $event => ($options.onStarClick($event,i))
+          }, [
+            vue.createElementVNode("span", _hoisted_4, [
+              vue.createElementVNode("input", {
+                type: "radio",
+                value: i,
+                name: $props.name,
+                checked: $props.modelValue === i,
+                disabled: $props.disabled,
+                readonly: $props.readonly,
+                "aria-label": $options.ariaLabelTemplate(i),
+                onFocus: $event => ($options.onFocus($event, i)),
+                onBlur: _cache[5] || (_cache[5] = (...args) => ($options.onBlur && $options.onBlur(...args))),
+                onKeydown: $event => ($options.onKeyDown($event,i))
+              }, null, 40, _hoisted_5)
+            ])
+          ], 10, _hoisted_3))
         }), 128))
       ], 2))
     }
@@ -116,7 +190,7 @@ this.primevue.rating = (function (vue) {
       }
     }
 
-    var css_248z = "\n.p-rating-icon {\n    cursor: pointer;\n}\n.p-rating.p-rating-readonly .p-rating-icon {\n    cursor: default;\n}\n";
+    var css_248z = "\n.p-rating-icon {\n    cursor: pointer;\n}\n.p-rating.p-rating-readonly .p-rating-icon {\n    cursor: default;\n}\n.p-rating:not(.p-disabled) .p-rating-icon.p-focus {\n    outline: 0 none;\n    outline-offset: 0;\n    -webkit-box-shadow: 0 0 0 0.2rem #BFDBFE;\n            box-shadow: 0 0 0 0.2rem #BFDBFE;\n    border-color: #3B82F6;\n}\n";
     styleInject(css_248z);
 
     script.render = render;

package/rating/rating.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.rating=function(e){"use strict";var n={name:"Rating",emits:["update:modelValue","change"],props:{modelValue:{type:Number,default:null},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},stars:{type:Number,default:5},cancel:{type:Boolean,default:!0}},methods:{onStarClick(e,n){this.readonly||this.disabled||this.updateModel(e,n)},onCancelClick(e){this.readonly||this.disabled||this.updateModel(e,null)},updateModel(e,n){this.$emit("update:modelValue",n),this.$emit("change",{originalEvent:e,value:n})}},computed:{containerClass(){return["p-rating",{"p-readonly":this.readonly,"p-disabled":this.disabled}]},focusIndex(){return this.disabled||this.readonly?null:"0"}}};const t=["tabindex"],l=["onClick","tabindex","onKeydown"];return function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-rating-icon {\n    cursor: pointer;\n}\n.p-rating.p-rating-readonly .p-rating-icon {\n    cursor: default;\n}\n"),n.render=function(n,a,i,o,d,r){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(r.containerClass)},[i.cancel?(e.openBlock(),e.createElementBlock("span",{key:0,class:"p-rating-icon p-rating-cancel pi pi-ban",tabindex:r.focusIndex,onClick:a[0]||(a[0]=(...e)=>r.onCancelClick&&r.onCancelClick(...e))},null,8,t)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.stars,(n=>(e.openBlock(),e.createElementBlock("span",{key:n,onClick:e=>r.onStarClick(e,n),tabindex:r.focusIndex,onKeydown:e.withKeys(e.withModifiers((e=>r.onStarClick(e,n)),["prevent"]),["enter"]),class:e.normalizeClass(["p-rating-icon",{"pi pi-star":n>i.modelValue,"pi pi-star-fill":n<=i.modelValue}])},null,42,l)))),128))],2)},n}(Vue);
+this.primevue=this.primevue||{},this.primevue.rating=function(e){"use strict";var n={name:"Rating",emits:["update:modelValue","change","focus","blur"],props:{modelValue:{type:Number,default:null},name:{type:String,default:null},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},stars:{type:Number,default:5},cancel:{type:Boolean,default:!0}},data:()=>({focusIndex:null}),methods:{onStarClick(e,n){this.readonly||this.disabled||(this.updateModel(e,n),this.focusIndex=n)},onKeyDown(e,n){"Space"===e.code&&this.updateModel(e,n),"Tab"===e.code&&(this.focusIndex=null)},onFocus(e,n){this.readonly||(null===this.modelValue&&null===this.focusIndex?this.cancel?this.focusIndex=0:this.focusIndex=1:null!==this.modelValue&&null===this.focusIndex?(this.focusIndex=this.modelValue,this.updateModel(e,this.modelValue)):(this.focusIndex=n,this.updateModel(e,n)),this.$emit("focus",e))},onBlur(e){this.$emit("blur",e)},onCancelClick(e){this.readonly||this.disabled||this.updateModel(e,null)},updateModel(e,n){this.$emit("update:modelValue",n),this.$emit("change",{originalEvent:e,value:n})},ariaLabelTemplate(e){return 1===e?this.$primevue.config.locale.aria.star:this.$primevue.config.locale.aria.stars.replace(/{star}/g,e)}},computed:{containerClass(){return["p-rating",{"p-readonly":this.readonly,"p-disabled":this.disabled}]}}};const l={key:0,class:"p-hidden-accessible"},a=["name","checked","disabled","readonly","aria-label"],o=["onClick"],t={class:"p-hidden-accessible"},i=["value","name","checked","disabled","readonly","aria-label","onFocus","onKeydown"];return function(e,n){void 0===n&&(n={});var l=n.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===l&&a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-rating-icon {\n    cursor: pointer;\n}\n.p-rating.p-rating-readonly .p-rating-icon {\n    cursor: default;\n}\n.p-rating:not(.p-disabled) .p-rating-icon.p-focus {\n    outline: 0 none;\n    outline-offset: 0;\n    -webkit-box-shadow: 0 0 0 0.2rem #BFDBFE;\n            box-shadow: 0 0 0 0.2rem #BFDBFE;\n    border-color: #3B82F6;\n}\n"),n.render=function(n,s,d,c,r,u){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(u.containerClass)},[d.cancel?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["p-rating-icon p-rating-cancel pi pi-ban",{"p-focus":0===r.focusIndex}]),onClick:s[3]||(s[3]=(...e)=>u.onCancelClick&&u.onCancelClick(...e)),onKeydown:s[4]||(s[4]=(...e)=>u.onKeyDown&&u.onKeyDown(...e))},[d.cancel?(e.openBlock(),e.createElementBlock("span",l,[e.createElementVNode("input",{type:"radio",value:"0",name:d.name,checked:0===d.modelValue,disabled:d.disabled,readonly:d.readonly,"aria-label":n.$primevue.config.locale.clear,onFocus:s[0]||(s[0]=e=>u.onFocus(e,0)),onBlur:s[1]||(s[1]=(...e)=>u.onBlur&&u.onBlur(...e)),onKeydown:s[2]||(s[2]=e=>u.onKeyDown(e,0))},null,40,a)])):e.createCommentVNode("",!0)],34)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.stars,(n=>(e.openBlock(),e.createElementBlock("span",{key:n,class:e.normalizeClass(["p-rating-icon",{"pi pi-star":n>d.modelValue,"pi pi-star-fill":n<=d.modelValue,"p-focus":n===r.focusIndex}]),onClick:e=>u.onStarClick(e,n)},[e.createElementVNode("span",t,[e.createElementVNode("input",{type:"radio",value:n,name:d.name,checked:d.modelValue===n,disabled:d.disabled,readonly:d.readonly,"aria-label":u.ariaLabelTemplate(n),onFocus:e=>u.onFocus(e,n),onBlur:s[5]||(s[5]=(...e)=>u.onBlur&&u.onBlur(...e)),onKeydown:e=>u.onKeyDown(e,n)},null,40,i)])],10,o)))),128))],2)},n}(Vue);

package/resources/primevue.css

@@ -275,6 +275,10 @@ button {
     position: relative;
 }
 
+.p-checkbox.p-checkbox-disabled {
+    cursor: default;
+}
+
 .p-checkbox-box {
     display: flex;
     justify-content: center;
@@ -383,6 +387,10 @@ button {
     vertical-align: bottom;
 }
 
+.p-radiobutton.p-radiobutton-disabled {
+    cursor: default;
+}
+
 .p-radiobutton-box {
     display: flex;
     justify-content: center;

package/resources/primevue.min.css

@@ -1 +1 @@
-.p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none;user-select:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-overflow-hidden{overflow:hidden}.p-unselectable-text{user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@-webkit-keyframes p-fadein{0%{opacity:0}100%{opacity:1}}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;user-select:none}.p-link:disabled{cursor:default}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-connected-overlay-enter-from{opacity:0;transform:scaleY(0.8)}.p-connected-overlay-leave-to{opacity:0}.p-connected-overlay-enter-active{transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-leave-active{transition:opacity .1s linear}.p-toggleable-content-enter-from,.p-toggleable-content-leave-to{max-height:0}.p-toggleable-content-enter-to,.p-toggleable-content-leave-from{max-height:1000px}.p-toggleable-content-leave-active{overflow:hidden;transition:max-height .45s cubic-bezier(0,1,0,1)}.p-toggleable-content-enter-active{overflow:hidden;transition:max-height 1s ease-in-out}.p-sr-only{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-badge{display:inline-block;border-radius:10px;text-align:center;padding:0 .5rem}.p-overlay-badge{position:relative}.p-overlay-badge .p-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}.p-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}.p-badge-no-gutter{padding:0;border-radius:50%}.p-button{margin:0;display:inline-flex;cursor:pointer;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}.p-button-label{flex:1 1 auto}.p-button-icon-right{order:1}.p-button:disabled{cursor:default}.p-button-icon-only{justify-content:center}.p-button-icon-only .p-button-label{visibility:hidden;width:0;flex:0 0 auto}.p-button-vertical{flex-direction:column}.p-button-icon-bottom{order:2}.p-buttonset .p-button{margin:0}.p-buttonset .p-button:not(:last-child){border-right:0 none}.p-buttonset .p-button:not(:first-of-type):not(:last-of-type){border-radius:0}.p-buttonset .p-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.p-buttonset .p-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.p-buttonset .p-button:focus{position:relative;z-index:1}.p-checkbox{display:inline-flex;cursor:pointer;user-select:none;vertical-align:bottom;position:relative}.p-checkbox-box{display:flex;justify-content:center;align-items:center}.p-colorpicker-panel .p-colorpicker-color{background:transparent url("./images/color.png") no-repeat left top}.p-colorpicker-panel .p-colorpicker-hue{background:transparent url("./images/hue.png") no-repeat left top}.p-inputtext{margin:0}.p-fluid .p-inputtext{width:100%}.p-inputgroup{display:flex;align-items:stretch;width:100%}.p-inputgroup-addon{display:flex;align-items:center;justify-content:center}.p-inputgroup .p-float-label{display:flex;align-items:stretch;width:100%}.p-inputgroup .p-inputtext,.p-fluid .p-inputgroup .p-inputtext,.p-inputgroup .p-inputwrapper,.p-fluid .p-inputgroup .p-input{flex:1 1 auto;width:1%}.p-float-label{display:block;position:relative}.p-float-label label{position:absolute;pointer-events:none;top:50%;margin-top:-.5rem;transition-property:all;transition-timing-function:ease;line-height:1}.p-float-label textarea ~ label{top:1rem}.p-float-label input:focus ~ label,.p-float-label input.p-filled ~ label,.p-float-label textarea:focus ~ label,.p-float-label textarea.p-filled ~ label,.p-float-label .p-inputwrapper-focus ~ label,.p-float-label .p-inputwrapper-filled ~ label{top:-.75rem;font-size:12px}.p-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px}.p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block}.p-input-icon-left>i,.p-input-icon-right>i{position:absolute;top:50%;margin-top:-.5rem}.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%}.p-radiobutton{display:inline-flex;cursor:pointer;user-select:none;vertical-align:bottom}.p-radiobutton-box{display:flex;justify-content:center;align-items:center}.p-radiobutton-icon{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0) scale(.1);border-radius:50%;visibility:hidden}.p-radiobutton-box.p-highlight .p-radiobutton-icon{transform:translateZ(0) scale(1.0,1.0);visibility:visible}.p-ripple{overflow:hidden;position:relative}.p-ink{display:block;position:absolute;background:rgba(255,255,255,0.5);border-radius:100%;transform:scale(0);pointer-events:none}.p-ink-active{animation:ripple .4s linear}.p-ripple-disabled .p-ink{display:none !important}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}.p-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem}.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}.p-tooltip .p-tooltip-text{white-space:pre-line;word-break:break-word}.p-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-.25rem;border-width:.25em .25em .25em 0}.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-.25rem;border-width:.25em 0 .25em .25rem}.p-tooltip.p-tooltip-top{padding:.25em 0}.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-.25rem;border-width:.25em .25em 0}.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-.25rem;border-width:0 .25em .25rem}
+.p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none;user-select:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-overflow-hidden{overflow:hidden}.p-unselectable-text{user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@-webkit-keyframes p-fadein{0%{opacity:0}100%{opacity:1}}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;user-select:none}.p-link:disabled{cursor:default}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-connected-overlay-enter-from{opacity:0;transform:scaleY(0.8)}.p-connected-overlay-leave-to{opacity:0}.p-connected-overlay-enter-active{transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-leave-active{transition:opacity .1s linear}.p-toggleable-content-enter-from,.p-toggleable-content-leave-to{max-height:0}.p-toggleable-content-enter-to,.p-toggleable-content-leave-from{max-height:1000px}.p-toggleable-content-leave-active{overflow:hidden;transition:max-height .45s cubic-bezier(0,1,0,1)}.p-toggleable-content-enter-active{overflow:hidden;transition:max-height 1s ease-in-out}.p-sr-only{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-badge{display:inline-block;border-radius:10px;text-align:center;padding:0 .5rem}.p-overlay-badge{position:relative}.p-overlay-badge .p-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}.p-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}.p-badge-no-gutter{padding:0;border-radius:50%}.p-button{margin:0;display:inline-flex;cursor:pointer;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}.p-button-label{flex:1 1 auto}.p-button-icon-right{order:1}.p-button:disabled{cursor:default}.p-button-icon-only{justify-content:center}.p-button-icon-only .p-button-label{visibility:hidden;width:0;flex:0 0 auto}.p-button-vertical{flex-direction:column}.p-button-icon-bottom{order:2}.p-buttonset .p-button{margin:0}.p-buttonset .p-button:not(:last-child){border-right:0 none}.p-buttonset .p-button:not(:first-of-type):not(:last-of-type){border-radius:0}.p-buttonset .p-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.p-buttonset .p-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.p-buttonset .p-button:focus{position:relative;z-index:1}.p-checkbox{display:inline-flex;cursor:pointer;user-select:none;vertical-align:bottom;position:relative}.p-checkbox.p-checkbox-disabled{cursor:default}.p-checkbox-box{display:flex;justify-content:center;align-items:center}.p-colorpicker-panel .p-colorpicker-color{background:transparent url("./images/color.png") no-repeat left top}.p-colorpicker-panel .p-colorpicker-hue{background:transparent url("./images/hue.png") no-repeat left top}.p-inputtext{margin:0}.p-fluid .p-inputtext{width:100%}.p-inputgroup{display:flex;align-items:stretch;width:100%}.p-inputgroup-addon{display:flex;align-items:center;justify-content:center}.p-inputgroup .p-float-label{display:flex;align-items:stretch;width:100%}.p-inputgroup .p-inputtext,.p-fluid .p-inputgroup .p-inputtext,.p-inputgroup .p-inputwrapper,.p-fluid .p-inputgroup .p-input{flex:1 1 auto;width:1%}.p-float-label{display:block;position:relative}.p-float-label label{position:absolute;pointer-events:none;top:50%;margin-top:-.5rem;transition-property:all;transition-timing-function:ease;line-height:1}.p-float-label textarea ~ label{top:1rem}.p-float-label input:focus ~ label,.p-float-label input.p-filled ~ label,.p-float-label textarea:focus ~ label,.p-float-label textarea.p-filled ~ label,.p-float-label .p-inputwrapper-focus ~ label,.p-float-label .p-inputwrapper-filled ~ label{top:-.75rem;font-size:12px}.p-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px}.p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block}.p-input-icon-left>i,.p-input-icon-right>i{position:absolute;top:50%;margin-top:-.5rem}.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%}.p-radiobutton{display:inline-flex;cursor:pointer;user-select:none;vertical-align:bottom}.p-radiobutton.p-radiobutton-disabled{cursor:default}.p-radiobutton-box{display:flex;justify-content:center;align-items:center}.p-radiobutton-icon{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0) scale(.1);border-radius:50%;visibility:hidden}.p-radiobutton-box.p-highlight .p-radiobutton-icon{transform:translateZ(0) scale(1.0,1.0);visibility:visible}.p-ripple{overflow:hidden;position:relative}.p-ink{display:block;position:absolute;background:rgba(255,255,255,0.5);border-radius:100%;transform:scale(0);pointer-events:none}.p-ink-active{animation:ripple .4s linear}.p-ripple-disabled .p-ink{display:none !important}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}.p-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem}.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}.p-tooltip .p-tooltip-text{white-space:pre-line;word-break:break-word}.p-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-.25rem;border-width:.25em .25em .25em 0}.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-.25rem;border-width:.25em 0 .25em .25rem}.p-tooltip.p-tooltip-top{padding:.25em 0}.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-.25rem;border-width:.25em .25em 0}.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-.25rem;border-width:0 .25em .25rem}