primevue 3.28.0 → 3.29.0

package/rating/rating.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/icons/ban"),n=require("primevue/icons/star"),a=require("primevue/icons/starfill"),o=require("primevue/utils"),l=require("vue");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=t(e),c=t(n),r={name:"Rating",emits:["update:modelValue","change","focus","blur"],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},onIcon:{type:String,default:void 0},offIcon:{type:String,default:void 0},cancelIcon:{type:String,default:void 0}},data(){return{name:this.$attrs.name,focusedOptionIndex:-1}},watch:{"$attrs.name":function(e){this.name=e||o.UniqueComponentId()}},mounted(){this.name=this.name||o.UniqueComponentId()},methods:{onOptionClick(e,n){if(!this.readonly&&!this.disabled){this.onOptionSelect(e,n);const a=o.DomHandler.getFirstFocusableElement(e.currentTarget);a&&o.DomHandler.focus(a)}},onFocus(e,n){this.focusedOptionIndex=n,this.$emit("focus",e)},onBlur(e){this.focusedOptionIndex=-1,this.$emit("blur",e)},onChange(e,n){this.onOptionSelect(e,n)},onOptionSelect(e,n){this.focusedOptionIndex=n,this.updateModel(e,n||null)},updateModel(e,n){this.$emit("update:modelValue",n),this.$emit("change",{originalEvent:e,value:n})},cancelAriaLabel(){return this.$primevue.config.locale.clear},starAriaLabel(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}]}},components:{StarFillIcon:t(a).default,StarIcon:c.default,BanIcon:i.default}};const s={class:"p-hidden-accessible"},d=["name","checked","disabled","readonly","aria-label"],u=["onClick"],p={class:"p-hidden-accessible"},m=["value","name","checked","disabled","readonly","aria-label","onFocus","onChange"];!function(e,n){void 0===n&&(n={});var a=n.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===a&&o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-rating {\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n.p-rating-item {\n    display: inline-flex;\n    align-items: center;\n    cursor: pointer;\n}\n.p-rating.p-readonly .p-rating-item {\n    cursor: default;\n}\n"),r.render=function(e,n,a,o,t,i){return l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass(i.containerClass)},[a.cancel?(l.openBlock(),l.createElementBlock("div",{key:0,class:l.normalizeClass(["p-rating-item p-rating-cancel-item",{"p-focus":0===t.focusedOptionIndex}]),onClick:n[3]||(n[3]=e=>i.onOptionClick(e,0))},[l.createElementVNode("span",s,[l.createElementVNode("input",{type:"radio",value:"0",name:t.name,checked:0===a.modelValue,disabled:a.disabled,readonly:a.readonly,"aria-label":i.cancelAriaLabel(),onFocus:n[0]||(n[0]=e=>i.onFocus(e,0)),onBlur:n[1]||(n[1]=(...e)=>i.onBlur&&i.onBlur(...e)),onChange:n[2]||(n[2]=e=>i.onChange(e,0))},null,40,d)]),l.renderSlot(e.$slots,"cancelicon",{},(()=>[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(a.cancelIcon?"span":"BanIcon"),{class:l.normalizeClass(["p-rating-icon p-rating-cancel",a.cancelIcon])},null,8,["class"]))]))],2)):l.createCommentVNode("",!0),(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(a.stars,(o=>(l.openBlock(),l.createElementBlock("div",{key:o,class:l.normalizeClass(["p-rating-item",{"p-rating-item-active":o<=a.modelValue,"p-focus":o===t.focusedOptionIndex}]),onClick:e=>i.onOptionClick(e,o)},[l.createElementVNode("span",p,[l.createElementVNode("input",{type:"radio",value:o,name:t.name,checked:a.modelValue===o,disabled:a.disabled,readonly:a.readonly,"aria-label":i.starAriaLabel(o),onFocus:e=>i.onFocus(e,o),onBlur:n[4]||(n[4]=(...e)=>i.onBlur&&i.onBlur(...e)),onChange:e=>i.onChange(e,o)},null,40,m)]),o<=a.modelValue?l.renderSlot(e.$slots,"onicon",{key:0,value:o},(()=>[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(a.onIcon?"span":"StarFillIcon"),{class:l.normalizeClass(["p-rating-icon",a.onIcon])},null,8,["class"]))])):l.renderSlot(e.$slots,"officon",{key:1,value:o},(()=>[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(a.onIcon?"span":"StarIcon"),{class:l.normalizeClass(["p-rating-icon",a.offIcon])},null,8,["class"]))]))],10,u)))),128))],2)},module.exports=r;
+"use strict";var e=require("primevue/basecomponent"),n=require("primevue/icons/ban"),t=require("primevue/icons/star"),o=require("primevue/icons/starfill"),a=require("primevue/utils"),l=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e),c=i(n),s=i(t),d=i(o),p={name:"Rating",extends:r.default,emits:["update:modelValue","change","focus","blur"],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},onIcon:{type:String,default:void 0},offIcon:{type:String,default:void 0},cancelIcon:{type:String,default:void 0}},data(){return{name:this.$attrs.name,focusedOptionIndex:-1}},watch:{"$attrs.name":function(e){this.name=e||a.UniqueComponentId()}},mounted(){this.name=this.name||a.UniqueComponentId()},methods:{getPTOptions(e,n){return this.ptm(n,{context:{active:e<=this.modelValue,focused:e===this.focusedOptionIndex}})},onOptionClick(e,n){if(!this.readonly&&!this.disabled){this.onOptionSelect(e,n);const t=a.DomHandler.getFirstFocusableElement(e.currentTarget);t&&a.DomHandler.focus(t)}},onFocus(e,n){this.focusedOptionIndex=n,this.$emit("focus",e)},onBlur(e){this.focusedOptionIndex=-1,this.$emit("blur",e)},onChange(e,n){this.onOptionSelect(e,n)},onOptionSelect(e,n){this.focusedOptionIndex=n,this.updateModel(e,n||null)},updateModel(e,n){this.$emit("update:modelValue",n),this.$emit("change",{originalEvent:e,value:n})},cancelAriaLabel(){return this.$primevue.config.locale.clear},starAriaLabel(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}]}},components:{StarFillIcon:d.default,StarIcon:s.default,BanIcon:c.default}};const u=["name","checked","disabled","readonly","aria-label"],m=["onClick"],f=["value","name","checked","disabled","readonly","aria-label","onFocus","onChange"];!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-rating {\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n.p-rating-item {\n    display: inline-flex;\n    align-items: center;\n    cursor: pointer;\n}\n.p-rating.p-readonly .p-rating-item {\n    cursor: default;\n}\n"),p.render=function(e,n,t,o,a,i){return l.openBlock(),l.createElementBlock("div",l.mergeProps({class:i.containerClass},e.ptm("root")),[t.cancel?(l.openBlock(),l.createElementBlock("div",l.mergeProps({key:0,class:["p-rating-item p-rating-cancel-item",{"p-focus":0===a.focusedOptionIndex}],onClick:n[3]||(n[3]=e=>i.onOptionClick(e,0))},e.ptm("cancelItem")),[l.createElementVNode("span",l.mergeProps({class:"p-hidden-accessible"},e.ptm("hiddenCancelInputWrapper")),[l.createElementVNode("input",l.mergeProps({type:"radio",value:"0",name:a.name,checked:0===t.modelValue,disabled:t.disabled,readonly:t.readonly,"aria-label":i.cancelAriaLabel(),onFocus:n[0]||(n[0]=e=>i.onFocus(e,0)),onBlur:n[1]||(n[1]=(...e)=>i.onBlur&&i.onBlur(...e)),onChange:n[2]||(n[2]=e=>i.onChange(e,0))},e.ptm("hiddenCancelInput")),null,16,u)],16),l.renderSlot(e.$slots,"cancelicon",{},(()=>[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(t.cancelIcon?"span":"BanIcon"),l.mergeProps({class:["p-rating-icon p-rating-cancel",t.cancelIcon]},e.ptm("cancelIcon")),null,16,["class"]))]))],16)):l.createCommentVNode("",!0),(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(t.stars,(o=>(l.openBlock(),l.createElementBlock("div",l.mergeProps({key:o,class:["p-rating-item",{"p-rating-item-active":o<=t.modelValue,"p-focus":o===a.focusedOptionIndex}],onClick:e=>i.onOptionClick(e,o)},i.getPTOptions(o,"item")),[l.createElementVNode("span",l.mergeProps({class:"p-hidden-accessible"},e.ptm("hiddenItemInputWrapper")),[l.createElementVNode("input",l.mergeProps({type:"radio",value:o,name:a.name,checked:t.modelValue===o,disabled:t.disabled,readonly:t.readonly,"aria-label":i.starAriaLabel(o),onFocus:e=>i.onFocus(e,o),onBlur:n[4]||(n[4]=(...e)=>i.onBlur&&i.onBlur(...e)),onChange:e=>i.onChange(e,o)},e.ptm("hiddenItemInput")),null,16,f)],16),o<=t.modelValue?l.renderSlot(e.$slots,"onicon",{key:0,value:o},(()=>[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(t.onIcon?"span":"StarFillIcon"),l.mergeProps({class:["p-rating-icon",t.onIcon]},e.ptm("onIcon")),null,16,["class"]))])):l.renderSlot(e.$slots,"officon",{key:1,value:o},(()=>[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(t.offIcon?"span":"StarIcon"),l.mergeProps({class:["p-rating-icon",t.offIcon]},e.ptm("offIcon")),null,16,["class"]))]))],16,m)))),128))],16)},module.exports=p;

package/rating/rating.esm.js

@@ -1,11 +1,13 @@
+import BaseComponent from 'primevue/basecomponent';
 import BanIcon from 'primevue/icons/ban';
 import StarIcon from 'primevue/icons/star';
 import StarFillIcon from 'primevue/icons/starfill';
 import { UniqueComponentId, DomHandler } from 'primevue/utils';
-import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, Fragment, renderList } from 'vue';
+import { openBlock, createElementBlock, mergeProps, createElementVNode, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, Fragment, renderList } from 'vue';
 
 var script = {
     name: 'Rating',
+    extends: BaseComponent,
     emits: ['update:modelValue', 'change', 'focus', 'blur'],
     props: {
         modelValue: {
@@ -56,6 +58,14 @@ var script = {
         this.name = this.name || UniqueComponentId();
     },
     methods: {
+        getPTOptions(value, key) {
+            return this.ptm(key, {
+                context: {
+                    active: value <= this.modelValue,
+                    focused: value === this.focusedOptionIndex
+                }
+            });
+        },
         onOptionClick(event, value) {
             if (!this.readonly && !this.disabled) {
                 this.onOptionSelect(event, value);
@@ -108,24 +118,20 @@ var script = {
     }
 };
 
-const _hoisted_1 = { 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", "onChange"];
+const _hoisted_1 = ["name", "checked", "disabled", "readonly", "aria-label"];
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = ["value", "name", "checked", "disabled", "readonly", "aria-label", "onFocus", "onChange"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", {
-    class: normalizeClass($options.containerClass)
-  }, [
+  return (openBlock(), createElementBlock("div", mergeProps({ class: $options.containerClass }, _ctx.ptm('root')), [
     ($props.cancel)
-      ? (openBlock(), createElementBlock("div", {
+      ? (openBlock(), createElementBlock("div", mergeProps({
           key: 0,
-          class: normalizeClass(['p-rating-item p-rating-cancel-item', { 'p-focus': $data.focusedOptionIndex === 0 }]),
+          class: ['p-rating-item p-rating-cancel-item', { 'p-focus': $data.focusedOptionIndex === 0 }],
           onClick: _cache[3] || (_cache[3] = $event => ($options.onOptionClick($event, 0)))
-        }, [
-          createElementVNode("span", _hoisted_1, [
-            createElementVNode("input", {
+        }, _ctx.ptm('cancelItem')), [
+          createElementVNode("span", mergeProps({ class: "p-hidden-accessible" }, _ctx.ptm('hiddenCancelInputWrapper')), [
+            createElementVNode("input", mergeProps({
               type: "radio",
               value: "0",
               name: $data.name,
@@ -136,23 +142,23 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               onFocus: _cache[0] || (_cache[0] = $event => ($options.onFocus($event, 0))),
               onBlur: _cache[1] || (_cache[1] = (...args) => ($options.onBlur && $options.onBlur(...args))),
               onChange: _cache[2] || (_cache[2] = $event => ($options.onChange($event, 0)))
-            }, null, 40, _hoisted_2)
-          ]),
+            }, _ctx.ptm('hiddenCancelInput')), null, 16, _hoisted_1)
+          ], 16),
           renderSlot(_ctx.$slots, "cancelicon", {}, () => [
-            (openBlock(), createBlock(resolveDynamicComponent($props.cancelIcon ? 'span' : 'BanIcon'), {
-              class: normalizeClass(['p-rating-icon p-rating-cancel', $props.cancelIcon])
-            }, null, 8, ["class"]))
+            (openBlock(), createBlock(resolveDynamicComponent($props.cancelIcon ? 'span' : 'BanIcon'), mergeProps({
+              class: ['p-rating-icon p-rating-cancel', $props.cancelIcon]
+            }, _ctx.ptm('cancelIcon')), null, 16, ["class"]))
           ])
-        ], 2))
+        ], 16))
       : createCommentVNode("", true),
     (openBlock(true), createElementBlock(Fragment, null, renderList($props.stars, (value) => {
-      return (openBlock(), createElementBlock("div", {
+      return (openBlock(), createElementBlock("div", mergeProps({
         key: value,
-        class: normalizeClass(['p-rating-item', { 'p-rating-item-active': value <= $props.modelValue, 'p-focus': value === $data.focusedOptionIndex }]),
+        class: ['p-rating-item', { 'p-rating-item-active': value <= $props.modelValue, 'p-focus': value === $data.focusedOptionIndex }],
         onClick: $event => ($options.onOptionClick($event, value))
-      }, [
-        createElementVNode("span", _hoisted_4, [
-          createElementVNode("input", {
+      }, $options.getPTOptions(value, 'item')), [
+        createElementVNode("span", mergeProps({ class: "p-hidden-accessible" }, _ctx.ptm('hiddenItemInputWrapper')), [
+          createElementVNode("input", mergeProps({
             type: "radio",
             value: value,
             name: $data.name,
@@ -163,28 +169,28 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             onFocus: $event => ($options.onFocus($event, value)),
             onBlur: _cache[4] || (_cache[4] = (...args) => ($options.onBlur && $options.onBlur(...args))),
             onChange: $event => ($options.onChange($event, value))
-          }, null, 40, _hoisted_5)
-        ]),
+          }, _ctx.ptm('hiddenItemInput')), null, 16, _hoisted_3)
+        ], 16),
         (value <= $props.modelValue)
           ? renderSlot(_ctx.$slots, "onicon", {
               key: 0,
               value: value
             }, () => [
-              (openBlock(), createBlock(resolveDynamicComponent($props.onIcon ? 'span' : 'StarFillIcon'), {
-                class: normalizeClass(['p-rating-icon', $props.onIcon])
-              }, null, 8, ["class"]))
+              (openBlock(), createBlock(resolveDynamicComponent($props.onIcon ? 'span' : 'StarFillIcon'), mergeProps({
+                class: ['p-rating-icon', $props.onIcon]
+              }, _ctx.ptm('onIcon')), null, 16, ["class"]))
             ])
           : renderSlot(_ctx.$slots, "officon", {
               key: 1,
               value: value
             }, () => [
-              (openBlock(), createBlock(resolveDynamicComponent($props.onIcon ? 'span' : 'StarIcon'), {
-                class: normalizeClass(['p-rating-icon', $props.offIcon])
-              }, null, 8, ["class"]))
+              (openBlock(), createBlock(resolveDynamicComponent($props.offIcon ? 'span' : 'StarIcon'), mergeProps({
+                class: ['p-rating-icon', $props.offIcon]
+              }, _ctx.ptm('offIcon')), null, 16, ["class"]))
             ])
-      ], 10, _hoisted_3))
+      ], 16, _hoisted_2))
     }), 128))
-  ], 2))
+  ], 16))
 }
 
 function styleInject(css, ref) {

package/rating/rating.esm.min.js

@@ -1 +1 @@
-import e from"primevue/icons/ban";import n from"primevue/icons/star";import a from"primevue/icons/starfill";import{UniqueComponentId as t,DomHandler as o}from"primevue/utils";import{openBlock as l,createElementBlock as i,normalizeClass as s,createElementVNode as c,renderSlot as r,createBlock as d,resolveDynamicComponent as u,createCommentVNode as p,Fragment as m,renderList as f}from"vue";var h={name:"Rating",emits:["update:modelValue","change","focus","blur"],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},onIcon:{type:String,default:void 0},offIcon:{type:String,default:void 0},cancelIcon:{type:String,default:void 0}},data(){return{name:this.$attrs.name,focusedOptionIndex:-1}},watch:{"$attrs.name":function(e){this.name=e||t()}},mounted(){this.name=this.name||t()},methods:{onOptionClick(e,n){if(!this.readonly&&!this.disabled){this.onOptionSelect(e,n);const a=o.getFirstFocusableElement(e.currentTarget);a&&o.focus(a)}},onFocus(e,n){this.focusedOptionIndex=n,this.$emit("focus",e)},onBlur(e){this.focusedOptionIndex=-1,this.$emit("blur",e)},onChange(e,n){this.onOptionSelect(e,n)},onOptionSelect(e,n){this.focusedOptionIndex=n,this.updateModel(e,n||null)},updateModel(e,n){this.$emit("update:modelValue",n),this.$emit("change",{originalEvent:e,value:n})},cancelAriaLabel(){return this.$primevue.config.locale.clear},starAriaLabel(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}]}},components:{StarFillIcon:a,StarIcon:n,BanIcon:e}};const g={class:"p-hidden-accessible"},y=["name","checked","disabled","readonly","aria-label"],v=["onClick"],b={class:"p-hidden-accessible"},I=["value","name","checked","disabled","readonly","aria-label","onFocus","onChange"];!function(e,n){void 0===n&&(n={});var a=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===a&&t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-rating {\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n.p-rating-item {\n    display: inline-flex;\n    align-items: center;\n    cursor: pointer;\n}\n.p-rating.p-readonly .p-rating-item {\n    cursor: default;\n}\n"),h.render=function(e,n,a,t,o,h){return l(),i("div",{class:s(h.containerClass)},[a.cancel?(l(),i("div",{key:0,class:s(["p-rating-item p-rating-cancel-item",{"p-focus":0===o.focusedOptionIndex}]),onClick:n[3]||(n[3]=e=>h.onOptionClick(e,0))},[c("span",g,[c("input",{type:"radio",value:"0",name:o.name,checked:0===a.modelValue,disabled:a.disabled,readonly:a.readonly,"aria-label":h.cancelAriaLabel(),onFocus:n[0]||(n[0]=e=>h.onFocus(e,0)),onBlur:n[1]||(n[1]=(...e)=>h.onBlur&&h.onBlur(...e)),onChange:n[2]||(n[2]=e=>h.onChange(e,0))},null,40,y)]),r(e.$slots,"cancelicon",{},(()=>[(l(),d(u(a.cancelIcon?"span":"BanIcon"),{class:s(["p-rating-icon p-rating-cancel",a.cancelIcon])},null,8,["class"]))]))],2)):p("",!0),(l(!0),i(m,null,f(a.stars,(t=>(l(),i("div",{key:t,class:s(["p-rating-item",{"p-rating-item-active":t<=a.modelValue,"p-focus":t===o.focusedOptionIndex}]),onClick:e=>h.onOptionClick(e,t)},[c("span",b,[c("input",{type:"radio",value:t,name:o.name,checked:a.modelValue===t,disabled:a.disabled,readonly:a.readonly,"aria-label":h.starAriaLabel(t),onFocus:e=>h.onFocus(e,t),onBlur:n[4]||(n[4]=(...e)=>h.onBlur&&h.onBlur(...e)),onChange:e=>h.onChange(e,t)},null,40,I)]),t<=a.modelValue?r(e.$slots,"onicon",{key:0,value:t},(()=>[(l(),d(u(a.onIcon?"span":"StarFillIcon"),{class:s(["p-rating-icon",a.onIcon])},null,8,["class"]))])):r(e.$slots,"officon",{key:1,value:t},(()=>[(l(),d(u(a.onIcon?"span":"StarIcon"),{class:s(["p-rating-icon",a.offIcon])},null,8,["class"]))]))],10,v)))),128))],2)};export{h as default};
+import e from"primevue/basecomponent";import n from"primevue/icons/ban";import t from"primevue/icons/star";import a from"primevue/icons/starfill";import{UniqueComponentId as o,DomHandler as i}from"primevue/utils";import{openBlock as l,createElementBlock as s,mergeProps as c,createElementVNode as r,renderSlot as d,createBlock as p,resolveDynamicComponent as u,createCommentVNode as m,Fragment as f,renderList as h}from"vue";var g={name:"Rating",extends:e,emits:["update:modelValue","change","focus","blur"],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},onIcon:{type:String,default:void 0},offIcon:{type:String,default:void 0},cancelIcon:{type:String,default:void 0}},data(){return{name:this.$attrs.name,focusedOptionIndex:-1}},watch:{"$attrs.name":function(e){this.name=e||o()}},mounted(){this.name=this.name||o()},methods:{getPTOptions(e,n){return this.ptm(n,{context:{active:e<=this.modelValue,focused:e===this.focusedOptionIndex}})},onOptionClick(e,n){if(!this.readonly&&!this.disabled){this.onOptionSelect(e,n);const t=i.getFirstFocusableElement(e.currentTarget);t&&i.focus(t)}},onFocus(e,n){this.focusedOptionIndex=n,this.$emit("focus",e)},onBlur(e){this.focusedOptionIndex=-1,this.$emit("blur",e)},onChange(e,n){this.onOptionSelect(e,n)},onOptionSelect(e,n){this.focusedOptionIndex=n,this.updateModel(e,n||null)},updateModel(e,n){this.$emit("update:modelValue",n),this.$emit("change",{originalEvent:e,value:n})},cancelAriaLabel(){return this.$primevue.config.locale.clear},starAriaLabel(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}]}},components:{StarFillIcon:a,StarIcon:t,BanIcon:n}};const y=["name","checked","disabled","readonly","aria-label"],I=["onClick"],v=["value","name","checked","disabled","readonly","aria-label","onFocus","onChange"];!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-rating {\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n.p-rating-item {\n    display: inline-flex;\n    align-items: center;\n    cursor: pointer;\n}\n.p-rating.p-readonly .p-rating-item {\n    cursor: default;\n}\n"),g.render=function(e,n,t,a,o,i){return l(),s("div",c({class:i.containerClass},e.ptm("root")),[t.cancel?(l(),s("div",c({key:0,class:["p-rating-item p-rating-cancel-item",{"p-focus":0===o.focusedOptionIndex}],onClick:n[3]||(n[3]=e=>i.onOptionClick(e,0))},e.ptm("cancelItem")),[r("span",c({class:"p-hidden-accessible"},e.ptm("hiddenCancelInputWrapper")),[r("input",c({type:"radio",value:"0",name:o.name,checked:0===t.modelValue,disabled:t.disabled,readonly:t.readonly,"aria-label":i.cancelAriaLabel(),onFocus:n[0]||(n[0]=e=>i.onFocus(e,0)),onBlur:n[1]||(n[1]=(...e)=>i.onBlur&&i.onBlur(...e)),onChange:n[2]||(n[2]=e=>i.onChange(e,0))},e.ptm("hiddenCancelInput")),null,16,y)],16),d(e.$slots,"cancelicon",{},(()=>[(l(),p(u(t.cancelIcon?"span":"BanIcon"),c({class:["p-rating-icon p-rating-cancel",t.cancelIcon]},e.ptm("cancelIcon")),null,16,["class"]))]))],16)):m("",!0),(l(!0),s(f,null,h(t.stars,(a=>(l(),s("div",c({key:a,class:["p-rating-item",{"p-rating-item-active":a<=t.modelValue,"p-focus":a===o.focusedOptionIndex}],onClick:e=>i.onOptionClick(e,a)},i.getPTOptions(a,"item")),[r("span",c({class:"p-hidden-accessible"},e.ptm("hiddenItemInputWrapper")),[r("input",c({type:"radio",value:a,name:o.name,checked:t.modelValue===a,disabled:t.disabled,readonly:t.readonly,"aria-label":i.starAriaLabel(a),onFocus:e=>i.onFocus(e,a),onBlur:n[4]||(n[4]=(...e)=>i.onBlur&&i.onBlur(...e)),onChange:e=>i.onChange(e,a)},e.ptm("hiddenItemInput")),null,16,v)],16),a<=t.modelValue?d(e.$slots,"onicon",{key:0,value:a},(()=>[(l(),p(u(t.onIcon?"span":"StarFillIcon"),c({class:["p-rating-icon",t.onIcon]},e.ptm("onIcon")),null,16,["class"]))])):d(e.$slots,"officon",{key:1,value:a},(()=>[(l(),p(u(t.offIcon?"span":"StarIcon"),c({class:["p-rating-icon",t.offIcon]},e.ptm("offIcon")),null,16,["class"]))]))],16,I)))),128))],16)};export{g as default};

package/rating/rating.js

@@ -1,15 +1,17 @@
 this.primevue = this.primevue || {};
-this.primevue.rating = (function (BanIcon, StarIcon, StarFillIcon, utils, vue) {
+this.primevue.rating = (function (BaseComponent, BanIcon, StarIcon, StarFillIcon, utils, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+    var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
     var BanIcon__default = /*#__PURE__*/_interopDefaultLegacy(BanIcon);
     var StarIcon__default = /*#__PURE__*/_interopDefaultLegacy(StarIcon);
     var StarFillIcon__default = /*#__PURE__*/_interopDefaultLegacy(StarFillIcon);
 
     var script = {
         name: 'Rating',
+        extends: BaseComponent__default["default"],
         emits: ['update:modelValue', 'change', 'focus', 'blur'],
         props: {
             modelValue: {
@@ -60,6 +62,14 @@ this.primevue.rating = (function (BanIcon, StarIcon, StarFillIcon, utils, vue) {
             this.name = this.name || utils.UniqueComponentId();
         },
         methods: {
+            getPTOptions(value, key) {
+                return this.ptm(key, {
+                    context: {
+                        active: value <= this.modelValue,
+                        focused: value === this.focusedOptionIndex
+                    }
+                });
+            },
             onOptionClick(event, value) {
                 if (!this.readonly && !this.disabled) {
                     this.onOptionSelect(event, value);
@@ -112,24 +122,20 @@ this.primevue.rating = (function (BanIcon, StarIcon, StarFillIcon, utils, vue) {
         }
     };
 
-    const _hoisted_1 = { 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", "onChange"];
+    const _hoisted_1 = ["name", "checked", "disabled", "readonly", "aria-label"];
+    const _hoisted_2 = ["onClick"];
+    const _hoisted_3 = ["value", "name", "checked", "disabled", "readonly", "aria-label", "onFocus", "onChange"];
 
     function render(_ctx, _cache, $props, $setup, $data, $options) {
-      return (vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass($options.containerClass)
-      }, [
+      return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: $options.containerClass }, _ctx.ptm('root')), [
         ($props.cancel)
-          ? (vue.openBlock(), vue.createElementBlock("div", {
+          ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
               key: 0,
-              class: vue.normalizeClass(['p-rating-item p-rating-cancel-item', { 'p-focus': $data.focusedOptionIndex === 0 }]),
+              class: ['p-rating-item p-rating-cancel-item', { 'p-focus': $data.focusedOptionIndex === 0 }],
               onClick: _cache[3] || (_cache[3] = $event => ($options.onOptionClick($event, 0)))
-            }, [
-              vue.createElementVNode("span", _hoisted_1, [
-                vue.createElementVNode("input", {
+            }, _ctx.ptm('cancelItem')), [
+              vue.createElementVNode("span", vue.mergeProps({ class: "p-hidden-accessible" }, _ctx.ptm('hiddenCancelInputWrapper')), [
+                vue.createElementVNode("input", vue.mergeProps({
                   type: "radio",
                   value: "0",
                   name: $data.name,
@@ -140,23 +146,23 @@ this.primevue.rating = (function (BanIcon, StarIcon, StarFillIcon, utils, vue) {
                   onFocus: _cache[0] || (_cache[0] = $event => ($options.onFocus($event, 0))),
                   onBlur: _cache[1] || (_cache[1] = (...args) => ($options.onBlur && $options.onBlur(...args))),
                   onChange: _cache[2] || (_cache[2] = $event => ($options.onChange($event, 0)))
-                }, null, 40, _hoisted_2)
-              ]),
+                }, _ctx.ptm('hiddenCancelInput')), null, 16, _hoisted_1)
+              ], 16),
               vue.renderSlot(_ctx.$slots, "cancelicon", {}, () => [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.cancelIcon ? 'span' : 'BanIcon'), {
-                  class: vue.normalizeClass(['p-rating-icon p-rating-cancel', $props.cancelIcon])
-                }, null, 8, ["class"]))
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.cancelIcon ? 'span' : 'BanIcon'), vue.mergeProps({
+                  class: ['p-rating-icon p-rating-cancel', $props.cancelIcon]
+                }, _ctx.ptm('cancelIcon')), null, 16, ["class"]))
               ])
-            ], 2))
+            ], 16))
           : vue.createCommentVNode("", true),
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.stars, (value) => {
-          return (vue.openBlock(), vue.createElementBlock("div", {
+          return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
             key: value,
-            class: vue.normalizeClass(['p-rating-item', { 'p-rating-item-active': value <= $props.modelValue, 'p-focus': value === $data.focusedOptionIndex }]),
+            class: ['p-rating-item', { 'p-rating-item-active': value <= $props.modelValue, 'p-focus': value === $data.focusedOptionIndex }],
             onClick: $event => ($options.onOptionClick($event, value))
-          }, [
-            vue.createElementVNode("span", _hoisted_4, [
-              vue.createElementVNode("input", {
+          }, $options.getPTOptions(value, 'item')), [
+            vue.createElementVNode("span", vue.mergeProps({ class: "p-hidden-accessible" }, _ctx.ptm('hiddenItemInputWrapper')), [
+              vue.createElementVNode("input", vue.mergeProps({
                 type: "radio",
                 value: value,
                 name: $data.name,
@@ -167,28 +173,28 @@ this.primevue.rating = (function (BanIcon, StarIcon, StarFillIcon, utils, vue) {
                 onFocus: $event => ($options.onFocus($event, value)),
                 onBlur: _cache[4] || (_cache[4] = (...args) => ($options.onBlur && $options.onBlur(...args))),
                 onChange: $event => ($options.onChange($event, value))
-              }, null, 40, _hoisted_5)
-            ]),
+              }, _ctx.ptm('hiddenItemInput')), null, 16, _hoisted_3)
+            ], 16),
             (value <= $props.modelValue)
               ? vue.renderSlot(_ctx.$slots, "onicon", {
                   key: 0,
                   value: value
                 }, () => [
-                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.onIcon ? 'span' : 'StarFillIcon'), {
-                    class: vue.normalizeClass(['p-rating-icon', $props.onIcon])
-                  }, null, 8, ["class"]))
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.onIcon ? 'span' : 'StarFillIcon'), vue.mergeProps({
+                    class: ['p-rating-icon', $props.onIcon]
+                  }, _ctx.ptm('onIcon')), null, 16, ["class"]))
                 ])
               : vue.renderSlot(_ctx.$slots, "officon", {
                   key: 1,
                   value: value
                 }, () => [
-                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.onIcon ? 'span' : 'StarIcon'), {
-                    class: vue.normalizeClass(['p-rating-icon', $props.offIcon])
-                  }, null, 8, ["class"]))
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.offIcon ? 'span' : 'StarIcon'), vue.mergeProps({
+                    class: ['p-rating-icon', $props.offIcon]
+                  }, _ctx.ptm('offIcon')), null, 16, ["class"]))
                 ])
-          ], 10, _hoisted_3))
+          ], 16, _hoisted_2))
         }), 128))
-      ], 2))
+      ], 16))
     }
 
     function styleInject(css, ref) {
@@ -225,4 +231,4 @@ this.primevue.rating = (function (BanIcon, StarIcon, StarFillIcon, utils, vue) {
 
     return script;
 
-})(primevue.icons.ban, primevue.icons.star, primevue.icons.starfill, primevue.utils, Vue);
+})(primevue.basecomponent, primevue.icons.ban, primevue.icons.star, primevue.icons.starfill, primevue.utils, Vue);

package/rating/rating.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.rating=function(e,n,a,t,o){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(e),c=l(n),s={name:"Rating",emits:["update:modelValue","change","focus","blur"],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},onIcon:{type:String,default:void 0},offIcon:{type:String,default:void 0},cancelIcon:{type:String,default:void 0}},data(){return{name:this.$attrs.name,focusedOptionIndex:-1}},watch:{"$attrs.name":function(e){this.name=e||t.UniqueComponentId()}},mounted(){this.name=this.name||t.UniqueComponentId()},methods:{onOptionClick(e,n){if(!this.readonly&&!this.disabled){this.onOptionSelect(e,n);const a=t.DomHandler.getFirstFocusableElement(e.currentTarget);a&&t.DomHandler.focus(a)}},onFocus(e,n){this.focusedOptionIndex=n,this.$emit("focus",e)},onBlur(e){this.focusedOptionIndex=-1,this.$emit("blur",e)},onChange(e,n){this.onOptionSelect(e,n)},onOptionSelect(e,n){this.focusedOptionIndex=n,this.updateModel(e,n||null)},updateModel(e,n){this.$emit("update:modelValue",n),this.$emit("change",{originalEvent:e,value:n})},cancelAriaLabel(){return this.$primevue.config.locale.clear},starAriaLabel(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}]}},components:{StarFillIcon:l(a).default,StarIcon:c.default,BanIcon:i.default}};const r={class:"p-hidden-accessible"},d=["name","checked","disabled","readonly","aria-label"],u=["onClick"],p={class:"p-hidden-accessible"},m=["value","name","checked","disabled","readonly","aria-label","onFocus","onChange"];return function(e,n){void 0===n&&(n={});var a=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===a&&t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-rating {\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n.p-rating-item {\n    display: inline-flex;\n    align-items: center;\n    cursor: pointer;\n}\n.p-rating.p-readonly .p-rating-item {\n    cursor: default;\n}\n"),s.render=function(e,n,a,t,l,i){return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(i.containerClass)},[a.cancel?(o.openBlock(),o.createElementBlock("div",{key:0,class:o.normalizeClass(["p-rating-item p-rating-cancel-item",{"p-focus":0===l.focusedOptionIndex}]),onClick:n[3]||(n[3]=e=>i.onOptionClick(e,0))},[o.createElementVNode("span",r,[o.createElementVNode("input",{type:"radio",value:"0",name:l.name,checked:0===a.modelValue,disabled:a.disabled,readonly:a.readonly,"aria-label":i.cancelAriaLabel(),onFocus:n[0]||(n[0]=e=>i.onFocus(e,0)),onBlur:n[1]||(n[1]=(...e)=>i.onBlur&&i.onBlur(...e)),onChange:n[2]||(n[2]=e=>i.onChange(e,0))},null,40,d)]),o.renderSlot(e.$slots,"cancelicon",{},(()=>[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(a.cancelIcon?"span":"BanIcon"),{class:o.normalizeClass(["p-rating-icon p-rating-cancel",a.cancelIcon])},null,8,["class"]))]))],2)):o.createCommentVNode("",!0),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(a.stars,(t=>(o.openBlock(),o.createElementBlock("div",{key:t,class:o.normalizeClass(["p-rating-item",{"p-rating-item-active":t<=a.modelValue,"p-focus":t===l.focusedOptionIndex}]),onClick:e=>i.onOptionClick(e,t)},[o.createElementVNode("span",p,[o.createElementVNode("input",{type:"radio",value:t,name:l.name,checked:a.modelValue===t,disabled:a.disabled,readonly:a.readonly,"aria-label":i.starAriaLabel(t),onFocus:e=>i.onFocus(e,t),onBlur:n[4]||(n[4]=(...e)=>i.onBlur&&i.onBlur(...e)),onChange:e=>i.onChange(e,t)},null,40,m)]),t<=a.modelValue?o.renderSlot(e.$slots,"onicon",{key:0,value:t},(()=>[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(a.onIcon?"span":"StarFillIcon"),{class:o.normalizeClass(["p-rating-icon",a.onIcon])},null,8,["class"]))])):o.renderSlot(e.$slots,"officon",{key:1,value:t},(()=>[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(a.onIcon?"span":"StarIcon"),{class:o.normalizeClass(["p-rating-icon",a.offIcon])},null,8,["class"]))]))],10,u)))),128))],2)},s}(primevue.icons.ban,primevue.icons.star,primevue.icons.starfill,primevue.utils,Vue);
+this.primevue=this.primevue||{},this.primevue.rating=function(e,n,t,o,a,l){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=i(e),r=i(n),s=i(t),d=i(o),p={name:"Rating",extends:c.default,emits:["update:modelValue","change","focus","blur"],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},onIcon:{type:String,default:void 0},offIcon:{type:String,default:void 0},cancelIcon:{type:String,default:void 0}},data(){return{name:this.$attrs.name,focusedOptionIndex:-1}},watch:{"$attrs.name":function(e){this.name=e||a.UniqueComponentId()}},mounted(){this.name=this.name||a.UniqueComponentId()},methods:{getPTOptions(e,n){return this.ptm(n,{context:{active:e<=this.modelValue,focused:e===this.focusedOptionIndex}})},onOptionClick(e,n){if(!this.readonly&&!this.disabled){this.onOptionSelect(e,n);const t=a.DomHandler.getFirstFocusableElement(e.currentTarget);t&&a.DomHandler.focus(t)}},onFocus(e,n){this.focusedOptionIndex=n,this.$emit("focus",e)},onBlur(e){this.focusedOptionIndex=-1,this.$emit("blur",e)},onChange(e,n){this.onOptionSelect(e,n)},onOptionSelect(e,n){this.focusedOptionIndex=n,this.updateModel(e,n||null)},updateModel(e,n){this.$emit("update:modelValue",n),this.$emit("change",{originalEvent:e,value:n})},cancelAriaLabel(){return this.$primevue.config.locale.clear},starAriaLabel(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}]}},components:{StarFillIcon:d.default,StarIcon:s.default,BanIcon:r.default}};const u=["name","checked","disabled","readonly","aria-label"],m=["onClick"],f=["value","name","checked","disabled","readonly","aria-label","onFocus","onChange"];return function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-rating {\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n.p-rating-item {\n    display: inline-flex;\n    align-items: center;\n    cursor: pointer;\n}\n.p-rating.p-readonly .p-rating-item {\n    cursor: default;\n}\n"),p.render=function(e,n,t,o,a,i){return l.openBlock(),l.createElementBlock("div",l.mergeProps({class:i.containerClass},e.ptm("root")),[t.cancel?(l.openBlock(),l.createElementBlock("div",l.mergeProps({key:0,class:["p-rating-item p-rating-cancel-item",{"p-focus":0===a.focusedOptionIndex}],onClick:n[3]||(n[3]=e=>i.onOptionClick(e,0))},e.ptm("cancelItem")),[l.createElementVNode("span",l.mergeProps({class:"p-hidden-accessible"},e.ptm("hiddenCancelInputWrapper")),[l.createElementVNode("input",l.mergeProps({type:"radio",value:"0",name:a.name,checked:0===t.modelValue,disabled:t.disabled,readonly:t.readonly,"aria-label":i.cancelAriaLabel(),onFocus:n[0]||(n[0]=e=>i.onFocus(e,0)),onBlur:n[1]||(n[1]=(...e)=>i.onBlur&&i.onBlur(...e)),onChange:n[2]||(n[2]=e=>i.onChange(e,0))},e.ptm("hiddenCancelInput")),null,16,u)],16),l.renderSlot(e.$slots,"cancelicon",{},(()=>[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(t.cancelIcon?"span":"BanIcon"),l.mergeProps({class:["p-rating-icon p-rating-cancel",t.cancelIcon]},e.ptm("cancelIcon")),null,16,["class"]))]))],16)):l.createCommentVNode("",!0),(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(t.stars,(o=>(l.openBlock(),l.createElementBlock("div",l.mergeProps({key:o,class:["p-rating-item",{"p-rating-item-active":o<=t.modelValue,"p-focus":o===a.focusedOptionIndex}],onClick:e=>i.onOptionClick(e,o)},i.getPTOptions(o,"item")),[l.createElementVNode("span",l.mergeProps({class:"p-hidden-accessible"},e.ptm("hiddenItemInputWrapper")),[l.createElementVNode("input",l.mergeProps({type:"radio",value:o,name:a.name,checked:t.modelValue===o,disabled:t.disabled,readonly:t.readonly,"aria-label":i.starAriaLabel(o),onFocus:e=>i.onFocus(e,o),onBlur:n[4]||(n[4]=(...e)=>i.onBlur&&i.onBlur(...e)),onChange:e=>i.onChange(e,o)},e.ptm("hiddenItemInput")),null,16,f)],16),o<=t.modelValue?l.renderSlot(e.$slots,"onicon",{key:0,value:o},(()=>[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(t.onIcon?"span":"StarFillIcon"),l.mergeProps({class:["p-rating-icon",t.onIcon]},e.ptm("onIcon")),null,16,["class"]))])):l.renderSlot(e.$slots,"officon",{key:1,value:o},(()=>[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(t.offIcon?"span":"StarIcon"),l.mergeProps({class:["p-rating-icon",t.offIcon]},e.ptm("offIcon")),null,16,["class"]))]))],16,m)))),128))],16)},p}(primevue.basecomponent,primevue.icons.ban,primevue.icons.star,primevue.icons.starfill,primevue.utils,Vue);

package/row/Row.d.ts

@@ -5,8 +5,37 @@
  *
  * @module row
  */
+import { ColumnGroupPassThroughOptions } from '../columngroup';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
+export declare type RowPassThroughOptionType = RowPassThroughAttributes | ((options: RowPassThroughMethodOptions) => RowPassThroughAttributes) | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface RowPassThroughMethodOptions {
+    props: RowProps;
+    parent: ColumnGroupPassThroughOptions;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link RowProps.pt}
+ */
+export interface RowPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: RowPassThroughOptionType;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface RowPassThroughAttributes {
+    [key: string]: any;
+}
+
 /**
  * Defines valid properties in Row component.
  */

package/row/Row.vue

@@ -1,6 +1,9 @@
 <script>
+import BaseComponent from 'primevue/basecomponent';
+
 export default {
     name: 'Row',
+    extends: BaseComponent,
     render() {
         return null;
     }

package/row/row.cjs.js

@@ -1,7 +1,14 @@
 'use strict';
 
+var BaseComponent = require('primevue/basecomponent');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+
 var script = {
     name: 'Row',
+    extends: BaseComponent__default["default"],
     render() {
         return null;
     }

package/row/row.cjs.min.js

@@ -1 +1 @@
-"use strict";var e={name:"Row",render:()=>null};module.exports=e;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t={name:"Row",extends:e(require("primevue/basecomponent")).default,render:()=>null};module.exports=t;

package/row/row.esm.js

@@ -1,5 +1,8 @@
+import BaseComponent from 'primevue/basecomponent';
+
 var script = {
     name: 'Row',
+    extends: BaseComponent,
     render() {
         return null;
     }

package/row/row.esm.min.js

@@ -1 +1 @@
-var e={name:"Row",render:()=>null};export{e as default};
+import e from"primevue/basecomponent";var r={name:"Row",extends:e,render:()=>null};export{r as default};

package/row/row.js

@@ -1,9 +1,14 @@
 this.primevue = this.primevue || {};
-this.primevue.row = (function () {
+this.primevue.row = (function (BaseComponent) {
     'use strict';
 
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+
     var script = {
         name: 'Row',
+        extends: BaseComponent__default["default"],
         render() {
             return null;
         }
@@ -11,4 +16,4 @@ this.primevue.row = (function () {
 
     return script;
 
-})();
+})(primevue.basecomponent);

package/row/row.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.row=function(){"use strict";return{name:"Row",render:()=>null}}();
+this.primevue=this.primevue||{},this.primevue.row=function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return{name:"Row",extends:t(primevue.basecomponent).default,render:()=>null}}();

package/selectbutton/SelectButton.d.ts

@@ -10,6 +10,43 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
+export declare type SelectButtonPassThroughOptionType = SelectButtonPassThroughAttributes | ((options: SelectButtonPassThroughMethodOptions) => SelectButtonPassThroughAttributes) | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface SelectButtonPassThroughMethodOptions {
+    props: SelectButtonProps;
+    state: SelectButtonState;
+    context: SelectButtonContext;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link SelectButtonProps.pt}
+ */
+export interface SelectButtonPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: SelectButtonPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the button's DOM element.
+     */
+    button?: SelectButtonPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the label's DOM element.
+     */
+    label?: SelectButtonPassThroughOptionType;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface SelectButtonPassThroughAttributes {
+    [key: string]: any;
+}
+
 /**
  * Custom change event.
  * @see {@link SelectButtonEmits.change}
@@ -25,6 +62,32 @@ export interface SelectButtonChangeEvent {
     value: any;
 }
 
+/**
+ * Defines current inline state in SelectButton component.
+ */
+export interface SelectButtonState {
+    /**
+     * FocusedIndex state as a number.
+     */
+    focusedIndex: number;
+}
+
+/**
+ * Defines current options in SelectButton component.
+ */
+export interface SelectButtonContext {
+    /**
+     * Current active state of the item as a boolean.
+     * @defaultValue false
+     */
+    active: boolean;
+    /**
+     * Current focused state of item as a boolean.
+     * @defaultValue false
+     */
+    focused: boolean;
+}
+
 /**
  * Defines valid properties in SelectButton component.
  */
@@ -72,6 +135,11 @@ export interface SelectButtonProps {
      * Identifier of the underlying element.
      */
     'aria-labelledby'?: string | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {SelectButtonPassThroughOptions}
+     */
+    pt?: SelectButtonPassThroughOptions;
 }
 
 /**

package/selectbutton/SelectButton.vue

@@ -1,5 +1,5 @@
 <template>
-    <div ref="container" :class="containerClass" role="group" :aria-labelledby="ariaLabelledby">
+    <div ref="container" :class="containerClass" role="group" :aria-labelledby="ariaLabelledby" v-bind="ptm('root')">
         <div
             v-for="(option, i) of options"
             :key="getOptionRenderKey(option)"
@@ -14,20 +14,23 @@
             @keydown="onKeydown($event, option, i)"
             @focus="onFocus($event)"
             @blur="onBlur($event, option)"
+            v-bind="getPTOptions(option, 'button')"
         >
             <slot name="option" :option="option" :index="i">
-                <span class="p-button-label">{{ getOptionLabel(option) }}</span>
+                <span class="p-button-label" v-bind="getPTOptions(option, 'label')">{{ getOptionLabel(option) }}</span>
             </slot>
         </div>
     </div>
 </template>
 
 <script>
+import BaseComponent from 'primevue/basecomponent';
 import Ripple from 'primevue/ripple';
 import { DomHandler, ObjectUtils } from 'primevue/utils';
 
 export default {
     name: 'SelectButton',
+    extends: BaseComponent,
     emits: ['update:modelValue', 'focus', 'blur', 'change'],
     props: {
         modelValue: null,
@@ -75,6 +78,14 @@ export default {
         getOptionRenderKey(option) {
             return this.dataKey ? ObjectUtils.resolveFieldData(option, this.dataKey) : this.getOptionLabel(option);
         },
+        getPTOptions(option, key) {
+            return this.ptm(key, {
+                context: {
+                    active: this.isSelected(option),
+                    disabled: this.isOptionDisabled(option)
+                }
+            });
+        },
         isOptionDisabled(option) {
             return this.optionDisabled ? ObjectUtils.resolveFieldData(option, this.optionDisabled) : false;
         },