primevue 3.46.0 → 3.47.0

package/radiobutton/radiobutton.cjs.js

@@ -16,6 +16,7 @@ var script$1 = {
   props: {
     value: null,
     modelValue: null,
+    binary: Boolean,
     name: {
       type: String,
       "default": null
@@ -24,6 +25,14 @@ var script$1 = {
       type: Boolean,
       "default": false
     },
+    readonly: {
+      type: Boolean,
+      "default": false
+    },
+    tabindex: {
+      type: Number,
+      "default": null
+    },
     inputId: {
       type: String,
       "default": null
@@ -36,10 +45,6 @@ var script$1 = {
       type: Object,
       "default": null
     },
-    inputProps: {
-      type: null,
-      "default": null
-    },
     ariaLabelledby: {
       type: String,
       "default": null
@@ -60,67 +65,57 @@ var script$1 = {
 var script = {
   name: 'RadioButton',
   "extends": script$1,
-  emits: ['click', 'update:modelValue', 'change', 'focus', 'blur'],
-  data: function data() {
-    return {
-      focused: false
-    };
-  },
+  emits: ['update:modelValue', 'change', 'focus', 'blur'],
   methods: {
-    onClick: function onClick(event) {
-      if (!this.disabled) {
-        this.$emit('click', event);
-        this.$emit('update:modelValue', this.value);
-        this.$refs.input.focus();
-        if (!this.checked) {
-          this.$emit('change', event);
+    getPTOptions: function getPTOptions(key) {
+      return this.ptm(key, {
+        context: {
+          checked: this.checked,
+          disabled: this.disabled
         }
+      });
+    },
+    onChange: function onChange(event) {
+      if (!this.disabled && !this.readonly) {
+        var newModelValue = this.binary ? !this.checked : this.value;
+        this.$emit('update:modelValue', newModelValue);
+        this.$emit('change', event);
       }
     },
     onFocus: function onFocus(event) {
-      this.focused = true;
       this.$emit('focus', event);
     },
     onBlur: function onBlur(event) {
-      this.focused = false;
       this.$emit('blur', event);
     }
   },
   computed: {
     checked: function checked() {
-      return this.modelValue != null && utils.ObjectUtils.equals(this.modelValue, this.value);
+      return this.modelValue != null && (this.binary ? !!this.modelValue : utils.ObjectUtils.equals(this.modelValue, this.value));
     }
   }
 };
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var _hoisted_1 = ["id", "name", "checked", "disabled", "value", "aria-labelledby", "aria-label"];
-var _hoisted_2 = ["data-p-highlight", "data-p-disabled", "data-p-focused"];
+var _hoisted_1 = ["data-p-highlight", "data-p-disabled"];
+var _hoisted_2 = ["id", "value", "name", "checked", "tabindex", "disabled", "readonly", "aria-labelledby", "aria-label"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-    "class": _ctx.cx('root'),
-    onClick: _cache[2] || (_cache[2] = function ($event) {
-      return $options.onClick($event);
-    })
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "radiobutton"
-  }), [vue.createElementVNode("div", vue.mergeProps({
-    "class": "p-hidden-accessible"
-  }, _ctx.ptm('hiddenInputWrapper'), {
-    "data-p-hidden-accessible": true
+    "class": _ctx.cx('root')
+  }, $options.getPTOptions('root'), {
+    "data-pc-name": "radiobutton",
+    "data-p-highlight": $options.checked,
+    "data-p-disabled": _ctx.disabled
   }), [vue.createElementVNode("input", vue.mergeProps({
-    ref: "input",
     id: _ctx.inputId,
     type: "radio",
+    "class": [_ctx.cx('input'), _ctx.inputClass],
+    style: _ctx.inputStyle,
+    value: _ctx.value,
     name: _ctx.name,
     checked: $options.checked,
+    tabindex: _ctx.tabindex,
     disabled: _ctx.disabled,
-    value: _ctx.value,
+    readonly: _ctx.readonly,
     "aria-labelledby": _ctx.ariaLabelledby,
     "aria-label": _ctx.ariaLabel,
     onFocus: _cache[0] || (_cache[0] = function () {
@@ -128,18 +123,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     onBlur: _cache[1] || (_cache[1] = function () {
       return $options.onBlur && $options.onBlur.apply($options, arguments);
+    }),
+    onChange: _cache[2] || (_cache[2] = function () {
+      return $options.onChange && $options.onChange.apply($options, arguments);
     })
-  }, _ctx.ptm('hiddenInput')), null, 16, _hoisted_1)], 16), vue.createElementVNode("div", vue.mergeProps({
-    ref: "box",
-    "class": [_ctx.cx('input'), _ctx.inputClass],
-    style: _ctx.inputStyle
-  }, _objectSpread(_objectSpread({}, _ctx.inputProps), _ctx.ptm('input')), {
-    "data-p-highlight": $options.checked,
-    "data-p-disabled": _ctx.disabled,
-    "data-p-focused": $data.focused
-  }), [vue.createElementVNode("div", vue.mergeProps({
+  }, $options.getPTOptions('input')), null, 16, _hoisted_2), vue.createElementVNode("div", vue.mergeProps({
+    "class": _ctx.cx('box')
+  }, $options.getPTOptions('box')), [vue.createElementVNode("div", vue.mergeProps({
     "class": _ctx.cx('icon')
-  }, _ctx.ptm('icon')), null, 16)], 16, _hoisted_2)], 16);
+  }, $options.getPTOptions('icon')), null, 16)], 16)], 16, _hoisted_1);
 }
 
 script.render = render;

package/radiobutton/radiobutton.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),t=require("primevue/basecomponent"),n=require("primevue/radiobutton/style"),r=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l={name:"RadioButton",extends:{name:"BaseRadioButton",extends:i(t).default,props:{value:null,modelValue:null,name:{type:String,default:null},disabled:{type:Boolean,default:!1},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},inputProps:{type:null,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:i(n).default,provide:function(){return{$parentInstance:this}}},emits:["click","update:modelValue","change","focus","blur"],data:function(){return{focused:!1}},methods:{onClick:function(e){this.disabled||(this.$emit("click",e),this.$emit("update:modelValue",this.value),this.$refs.input.focus(),this.checked||this.$emit("change",e))},onFocus:function(e){this.focused=!0,this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.$emit("blur",e)}},computed:{checked:function(){return null!=this.modelValue&&e.ObjectUtils.equals(this.modelValue,this.value)}}};function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){c(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function c(e,t,n){var r;return(t="symbol"==u(r=d(t,"string"))?r:String(r))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e,t){if("object"!=u(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var s=["id","name","checked","disabled","value","aria-labelledby","aria-label"],p=["data-p-highlight","data-p-disabled","data-p-focused"];l.render=function(e,t,n,i,l,u){return r.openBlock(),r.createElementBlock("div",r.mergeProps({class:e.cx("root"),onClick:t[2]||(t[2]=function(e){return u.onClick(e)})},e.ptm("root"),{"data-pc-name":"radiobutton"}),[r.createElementVNode("div",r.mergeProps({class:"p-hidden-accessible"},e.ptm("hiddenInputWrapper"),{"data-p-hidden-accessible":!0}),[r.createElementVNode("input",r.mergeProps({ref:"input",id:e.inputId,type:"radio",name:e.name,checked:u.checked,disabled:e.disabled,value:e.value,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return u.onFocus&&u.onFocus.apply(u,arguments)}),onBlur:t[1]||(t[1]=function(){return u.onBlur&&u.onBlur.apply(u,arguments)})},e.ptm("hiddenInput")),null,16,s)],16),r.createElementVNode("div",r.mergeProps({ref:"box",class:[e.cx("input"),e.inputClass],style:e.inputStyle},a(a({},e.inputProps),e.ptm("input")),{"data-p-highlight":u.checked,"data-p-disabled":e.disabled,"data-p-focused":l.focused}),[r.createElementVNode("div",r.mergeProps({class:e.cx("icon")},e.ptm("icon")),null,16)],16,p)],16)},module.exports=l;
+"use strict";var e=require("primevue/utils"),t=require("primevue/basecomponent"),a=require("primevue/radiobutton/style"),n=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={name:"RadioButton",extends:{name:"BaseRadioButton",extends:l(t).default,props:{value:null,modelValue:null,binary:Boolean,name:{type:String,default:null},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:l(a).default,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","focus","blur"],methods:{getPTOptions:function(e){return this.ptm(e,{context:{checked:this.checked,disabled:this.disabled}})},onChange:function(e){this.disabled||this.readonly||(this.$emit("update:modelValue",this.binary?!this.checked:this.value),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{checked:function(){return null!=this.modelValue&&(this.binary?!!this.modelValue:e.ObjectUtils.equals(this.modelValue,this.value))}}},u=["data-p-highlight","data-p-disabled"],d=["id","value","name","checked","tabindex","disabled","readonly","aria-labelledby","aria-label"];i.render=function(e,t,a,l,i,o){return n.openBlock(),n.createElementBlock("div",n.mergeProps({class:e.cx("root")},o.getPTOptions("root"),{"data-pc-name":"radiobutton","data-p-highlight":o.checked,"data-p-disabled":e.disabled}),[n.createElementVNode("input",n.mergeProps({id:e.inputId,type:"radio",class:[e.cx("input"),e.inputClass],style:e.inputStyle,value:e.value,name:e.name,checked:o.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return o.onFocus&&o.onFocus.apply(o,arguments)}),onBlur:t[1]||(t[1]=function(){return o.onBlur&&o.onBlur.apply(o,arguments)}),onChange:t[2]||(t[2]=function(){return o.onChange&&o.onChange.apply(o,arguments)})},o.getPTOptions("input")),null,16,d),n.createElementVNode("div",n.mergeProps({class:e.cx("box")},o.getPTOptions("box")),[n.createElementVNode("div",n.mergeProps({class:e.cx("icon")},o.getPTOptions("icon")),null,16)],16)],16,u)},module.exports=i;

package/radiobutton/radiobutton.esm.js

@@ -9,6 +9,7 @@ var script$1 = {
   props: {
     value: null,
     modelValue: null,
+    binary: Boolean,
     name: {
       type: String,
       "default": null
@@ -17,6 +18,14 @@ var script$1 = {
       type: Boolean,
       "default": false
     },
+    readonly: {
+      type: Boolean,
+      "default": false
+    },
+    tabindex: {
+      type: Number,
+      "default": null
+    },
     inputId: {
       type: String,
       "default": null
@@ -29,10 +38,6 @@ var script$1 = {
       type: Object,
       "default": null
     },
-    inputProps: {
-      type: null,
-      "default": null
-    },
     ariaLabelledby: {
       type: String,
       "default": null
@@ -53,67 +58,57 @@ var script$1 = {
 var script = {
   name: 'RadioButton',
   "extends": script$1,
-  emits: ['click', 'update:modelValue', 'change', 'focus', 'blur'],
-  data: function data() {
-    return {
-      focused: false
-    };
-  },
+  emits: ['update:modelValue', 'change', 'focus', 'blur'],
   methods: {
-    onClick: function onClick(event) {
-      if (!this.disabled) {
-        this.$emit('click', event);
-        this.$emit('update:modelValue', this.value);
-        this.$refs.input.focus();
-        if (!this.checked) {
-          this.$emit('change', event);
+    getPTOptions: function getPTOptions(key) {
+      return this.ptm(key, {
+        context: {
+          checked: this.checked,
+          disabled: this.disabled
         }
+      });
+    },
+    onChange: function onChange(event) {
+      if (!this.disabled && !this.readonly) {
+        var newModelValue = this.binary ? !this.checked : this.value;
+        this.$emit('update:modelValue', newModelValue);
+        this.$emit('change', event);
       }
     },
     onFocus: function onFocus(event) {
-      this.focused = true;
       this.$emit('focus', event);
     },
     onBlur: function onBlur(event) {
-      this.focused = false;
       this.$emit('blur', event);
     }
   },
   computed: {
     checked: function checked() {
-      return this.modelValue != null && ObjectUtils.equals(this.modelValue, this.value);
+      return this.modelValue != null && (this.binary ? !!this.modelValue : ObjectUtils.equals(this.modelValue, this.value));
     }
   }
 };
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var _hoisted_1 = ["id", "name", "checked", "disabled", "value", "aria-labelledby", "aria-label"];
-var _hoisted_2 = ["data-p-highlight", "data-p-disabled", "data-p-focused"];
+var _hoisted_1 = ["data-p-highlight", "data-p-disabled"];
+var _hoisted_2 = ["id", "value", "name", "checked", "tabindex", "disabled", "readonly", "aria-labelledby", "aria-label"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", mergeProps({
-    "class": _ctx.cx('root'),
-    onClick: _cache[2] || (_cache[2] = function ($event) {
-      return $options.onClick($event);
-    })
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "radiobutton"
-  }), [createElementVNode("div", mergeProps({
-    "class": "p-hidden-accessible"
-  }, _ctx.ptm('hiddenInputWrapper'), {
-    "data-p-hidden-accessible": true
+    "class": _ctx.cx('root')
+  }, $options.getPTOptions('root'), {
+    "data-pc-name": "radiobutton",
+    "data-p-highlight": $options.checked,
+    "data-p-disabled": _ctx.disabled
   }), [createElementVNode("input", mergeProps({
-    ref: "input",
     id: _ctx.inputId,
     type: "radio",
+    "class": [_ctx.cx('input'), _ctx.inputClass],
+    style: _ctx.inputStyle,
+    value: _ctx.value,
     name: _ctx.name,
     checked: $options.checked,
+    tabindex: _ctx.tabindex,
     disabled: _ctx.disabled,
-    value: _ctx.value,
+    readonly: _ctx.readonly,
     "aria-labelledby": _ctx.ariaLabelledby,
     "aria-label": _ctx.ariaLabel,
     onFocus: _cache[0] || (_cache[0] = function () {
@@ -121,18 +116,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     onBlur: _cache[1] || (_cache[1] = function () {
       return $options.onBlur && $options.onBlur.apply($options, arguments);
+    }),
+    onChange: _cache[2] || (_cache[2] = function () {
+      return $options.onChange && $options.onChange.apply($options, arguments);
     })
-  }, _ctx.ptm('hiddenInput')), null, 16, _hoisted_1)], 16), createElementVNode("div", mergeProps({
-    ref: "box",
-    "class": [_ctx.cx('input'), _ctx.inputClass],
-    style: _ctx.inputStyle
-  }, _objectSpread(_objectSpread({}, _ctx.inputProps), _ctx.ptm('input')), {
-    "data-p-highlight": $options.checked,
-    "data-p-disabled": _ctx.disabled,
-    "data-p-focused": $data.focused
-  }), [createElementVNode("div", mergeProps({
+  }, $options.getPTOptions('input')), null, 16, _hoisted_2), createElementVNode("div", mergeProps({
+    "class": _ctx.cx('box')
+  }, $options.getPTOptions('box')), [createElementVNode("div", mergeProps({
     "class": _ctx.cx('icon')
-  }, _ctx.ptm('icon')), null, 16)], 16, _hoisted_2)], 16);
+  }, $options.getPTOptions('icon')), null, 16)], 16)], 16, _hoisted_1);
 }
 
 script.render = render;

package/radiobutton/radiobutton.esm.min.js

@@ -1 +1 @@
-import{ObjectUtils as e}from"primevue/utils";import t from"primevue/basecomponent";import n from"primevue/radiobutton/style";import{openBlock as i,createElementBlock as r,mergeProps as l,createElementVNode as o}from"vue";var u={name:"RadioButton",extends:{name:"BaseRadioButton",extends:t,props:{value:null,modelValue:null,name:{type:String,default:null},disabled:{type:Boolean,default:!1},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},inputProps:{type:null,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:n,provide:function(){return{$parentInstance:this}}},emits:["click","update:modelValue","change","focus","blur"],data:function(){return{focused:!1}},methods:{onClick:function(e){this.disabled||(this.$emit("click",e),this.$emit("update:modelValue",this.value),this.$refs.input.focus(),this.checked||this.$emit("change",e))},onFocus:function(e){this.focused=!0,this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.$emit("blur",e)}},computed:{checked:function(){return null!=this.modelValue&&e.equals(this.modelValue,this.value)}}};function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function c(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function d(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?c(Object(n),!0).forEach((function(t){p(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function p(e,t,n){var i;return(t="symbol"==a(i=s(t,"string"))?i:String(i))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e,t){if("object"!=a(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=a(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var f=["id","name","checked","disabled","value","aria-labelledby","aria-label"],b=["data-p-highlight","data-p-disabled","data-p-focused"];u.render=function(e,t,n,u,a,c){return i(),r("div",l({class:e.cx("root"),onClick:t[2]||(t[2]=function(e){return c.onClick(e)})},e.ptm("root"),{"data-pc-name":"radiobutton"}),[o("div",l({class:"p-hidden-accessible"},e.ptm("hiddenInputWrapper"),{"data-p-hidden-accessible":!0}),[o("input",l({ref:"input",id:e.inputId,type:"radio",name:e.name,checked:c.checked,disabled:e.disabled,value:e.value,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return c.onFocus&&c.onFocus.apply(c,arguments)}),onBlur:t[1]||(t[1]=function(){return c.onBlur&&c.onBlur.apply(c,arguments)})},e.ptm("hiddenInput")),null,16,f)],16),o("div",l({ref:"box",class:[e.cx("input"),e.inputClass],style:e.inputStyle},d(d({},e.inputProps),e.ptm("input")),{"data-p-highlight":c.checked,"data-p-disabled":e.disabled,"data-p-focused":a.focused}),[o("div",l({class:e.cx("icon")},e.ptm("icon")),null,16)],16,b)],16)};export{u as default};
+import{ObjectUtils as e}from"primevue/utils";import t from"primevue/basecomponent";import a from"primevue/radiobutton/style";import{openBlock as n,createElementBlock as l,mergeProps as i,createElementVNode as u}from"vue";var o={name:"RadioButton",extends:{name:"BaseRadioButton",extends:t,props:{value:null,modelValue:null,binary:Boolean,name:{type:String,default:null},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:a,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","focus","blur"],methods:{getPTOptions:function(e){return this.ptm(e,{context:{checked:this.checked,disabled:this.disabled}})},onChange:function(e){this.disabled||this.readonly||(this.$emit("update:modelValue",this.binary?!this.checked:this.value),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{checked:function(){return null!=this.modelValue&&(this.binary?!!this.modelValue:e.equals(this.modelValue,this.value))}}},d=["data-p-highlight","data-p-disabled"],r=["id","value","name","checked","tabindex","disabled","readonly","aria-labelledby","aria-label"];o.render=function(e,t,a,o,s,p){return n(),l("div",i({class:e.cx("root")},p.getPTOptions("root"),{"data-pc-name":"radiobutton","data-p-highlight":p.checked,"data-p-disabled":e.disabled}),[u("input",i({id:e.inputId,type:"radio",class:[e.cx("input"),e.inputClass],style:e.inputStyle,value:e.value,name:e.name,checked:p.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return p.onFocus&&p.onFocus.apply(p,arguments)}),onBlur:t[1]||(t[1]=function(){return p.onBlur&&p.onBlur.apply(p,arguments)}),onChange:t[2]||(t[2]=function(){return p.onChange&&p.onChange.apply(p,arguments)})},p.getPTOptions("input")),null,16,r),u("div",i({class:e.cx("box")},p.getPTOptions("box")),[u("div",i({class:e.cx("icon")},p.getPTOptions("icon")),null,16)],16)],16,d)};export{o as default};

package/radiobutton/radiobutton.js

@@ -13,6 +13,7 @@ this.primevue.radiobutton = (function (utils, BaseComponent, RadioButtonStyle, v
       props: {
         value: null,
         modelValue: null,
+        binary: Boolean,
         name: {
           type: String,
           "default": null
@@ -21,6 +22,14 @@ this.primevue.radiobutton = (function (utils, BaseComponent, RadioButtonStyle, v
           type: Boolean,
           "default": false
         },
+        readonly: {
+          type: Boolean,
+          "default": false
+        },
+        tabindex: {
+          type: Number,
+          "default": null
+        },
         inputId: {
           type: String,
           "default": null
@@ -33,10 +42,6 @@ this.primevue.radiobutton = (function (utils, BaseComponent, RadioButtonStyle, v
           type: Object,
           "default": null
         },
-        inputProps: {
-          type: null,
-          "default": null
-        },
         ariaLabelledby: {
           type: String,
           "default": null
@@ -57,67 +62,57 @@ this.primevue.radiobutton = (function (utils, BaseComponent, RadioButtonStyle, v
     var script = {
       name: 'RadioButton',
       "extends": script$1,
-      emits: ['click', 'update:modelValue', 'change', 'focus', 'blur'],
-      data: function data() {
-        return {
-          focused: false
-        };
-      },
+      emits: ['update:modelValue', 'change', 'focus', 'blur'],
       methods: {
-        onClick: function onClick(event) {
-          if (!this.disabled) {
-            this.$emit('click', event);
-            this.$emit('update:modelValue', this.value);
-            this.$refs.input.focus();
-            if (!this.checked) {
-              this.$emit('change', event);
+        getPTOptions: function getPTOptions(key) {
+          return this.ptm(key, {
+            context: {
+              checked: this.checked,
+              disabled: this.disabled
             }
+          });
+        },
+        onChange: function onChange(event) {
+          if (!this.disabled && !this.readonly) {
+            var newModelValue = this.binary ? !this.checked : this.value;
+            this.$emit('update:modelValue', newModelValue);
+            this.$emit('change', event);
           }
         },
         onFocus: function onFocus(event) {
-          this.focused = true;
           this.$emit('focus', event);
         },
         onBlur: function onBlur(event) {
-          this.focused = false;
           this.$emit('blur', event);
         }
       },
       computed: {
         checked: function checked() {
-          return this.modelValue != null && utils.ObjectUtils.equals(this.modelValue, this.value);
+          return this.modelValue != null && (this.binary ? !!this.modelValue : utils.ObjectUtils.equals(this.modelValue, this.value));
         }
       }
     };
 
-    function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-    function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-    function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-    function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-    function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-    var _hoisted_1 = ["id", "name", "checked", "disabled", "value", "aria-labelledby", "aria-label"];
-    var _hoisted_2 = ["data-p-highlight", "data-p-disabled", "data-p-focused"];
+    var _hoisted_1 = ["data-p-highlight", "data-p-disabled"];
+    var _hoisted_2 = ["id", "value", "name", "checked", "tabindex", "disabled", "readonly", "aria-labelledby", "aria-label"];
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-        "class": _ctx.cx('root'),
-        onClick: _cache[2] || (_cache[2] = function ($event) {
-          return $options.onClick($event);
-        })
-      }, _ctx.ptm('root'), {
-        "data-pc-name": "radiobutton"
-      }), [vue.createElementVNode("div", vue.mergeProps({
-        "class": "p-hidden-accessible"
-      }, _ctx.ptm('hiddenInputWrapper'), {
-        "data-p-hidden-accessible": true
+        "class": _ctx.cx('root')
+      }, $options.getPTOptions('root'), {
+        "data-pc-name": "radiobutton",
+        "data-p-highlight": $options.checked,
+        "data-p-disabled": _ctx.disabled
       }), [vue.createElementVNode("input", vue.mergeProps({
-        ref: "input",
         id: _ctx.inputId,
         type: "radio",
+        "class": [_ctx.cx('input'), _ctx.inputClass],
+        style: _ctx.inputStyle,
+        value: _ctx.value,
         name: _ctx.name,
         checked: $options.checked,
+        tabindex: _ctx.tabindex,
         disabled: _ctx.disabled,
-        value: _ctx.value,
+        readonly: _ctx.readonly,
         "aria-labelledby": _ctx.ariaLabelledby,
         "aria-label": _ctx.ariaLabel,
         onFocus: _cache[0] || (_cache[0] = function () {
@@ -125,18 +120,15 @@ this.primevue.radiobutton = (function (utils, BaseComponent, RadioButtonStyle, v
         }),
         onBlur: _cache[1] || (_cache[1] = function () {
           return $options.onBlur && $options.onBlur.apply($options, arguments);
+        }),
+        onChange: _cache[2] || (_cache[2] = function () {
+          return $options.onChange && $options.onChange.apply($options, arguments);
         })
-      }, _ctx.ptm('hiddenInput')), null, 16, _hoisted_1)], 16), vue.createElementVNode("div", vue.mergeProps({
-        ref: "box",
-        "class": [_ctx.cx('input'), _ctx.inputClass],
-        style: _ctx.inputStyle
-      }, _objectSpread(_objectSpread({}, _ctx.inputProps), _ctx.ptm('input')), {
-        "data-p-highlight": $options.checked,
-        "data-p-disabled": _ctx.disabled,
-        "data-p-focused": $data.focused
-      }), [vue.createElementVNode("div", vue.mergeProps({
+      }, $options.getPTOptions('input')), null, 16, _hoisted_2), vue.createElementVNode("div", vue.mergeProps({
+        "class": _ctx.cx('box')
+      }, $options.getPTOptions('box')), [vue.createElementVNode("div", vue.mergeProps({
         "class": _ctx.cx('icon')
-      }, _ctx.ptm('icon')), null, 16)], 16, _hoisted_2)], 16);
+      }, $options.getPTOptions('icon')), null, 16)], 16)], 16, _hoisted_1);
     }
 
     script.render = render;

package/radiobutton/radiobutton.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.radiobutton=function(e,t,n,r){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u={name:"RadioButton",extends:{name:"BaseRadioButton",extends:i(t).default,props:{value:null,modelValue:null,name:{type:String,default:null},disabled:{type:Boolean,default:!1},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},inputProps:{type:null,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:i(n).default,provide:function(){return{$parentInstance:this}}},emits:["click","update:modelValue","change","focus","blur"],data:function(){return{focused:!1}},methods:{onClick:function(e){this.disabled||(this.$emit("click",e),this.$emit("update:modelValue",this.value),this.$refs.input.focus(),this.checked||this.$emit("change",e))},onFocus:function(e){this.focused=!0,this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.$emit("blur",e)}},computed:{checked:function(){return null!=this.modelValue&&e.ObjectUtils.equals(this.modelValue,this.value)}}};function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){c(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function c(e,t,n){var r;return(t="symbol"==l(r=d(t,"string"))?r:String(r))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e,t){if("object"!=l(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=l(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var s=["id","name","checked","disabled","value","aria-labelledby","aria-label"],p=["data-p-highlight","data-p-disabled","data-p-focused"];return u.render=function(e,t,n,i,u,l){return r.openBlock(),r.createElementBlock("div",r.mergeProps({class:e.cx("root"),onClick:t[2]||(t[2]=function(e){return l.onClick(e)})},e.ptm("root"),{"data-pc-name":"radiobutton"}),[r.createElementVNode("div",r.mergeProps({class:"p-hidden-accessible"},e.ptm("hiddenInputWrapper"),{"data-p-hidden-accessible":!0}),[r.createElementVNode("input",r.mergeProps({ref:"input",id:e.inputId,type:"radio",name:e.name,checked:l.checked,disabled:e.disabled,value:e.value,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return l.onFocus&&l.onFocus.apply(l,arguments)}),onBlur:t[1]||(t[1]=function(){return l.onBlur&&l.onBlur.apply(l,arguments)})},e.ptm("hiddenInput")),null,16,s)],16),r.createElementVNode("div",r.mergeProps({ref:"box",class:[e.cx("input"),e.inputClass],style:e.inputStyle},a(a({},e.inputProps),e.ptm("input")),{"data-p-highlight":l.checked,"data-p-disabled":e.disabled,"data-p-focused":u.focused}),[r.createElementVNode("div",r.mergeProps({class:e.cx("icon")},e.ptm("icon")),null,16)],16,p)],16)},u}(primevue.utils,primevue.basecomponent,primevue.radiobutton.style,Vue);
+this.primevue=this.primevue||{},this.primevue.radiobutton=function(e,t,n,a){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={name:"RadioButton",extends:{name:"BaseRadioButton",extends:l(t).default,props:{value:null,modelValue:null,binary:Boolean,name:{type:String,default:null},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:l(n).default,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","focus","blur"],methods:{getPTOptions:function(e){return this.ptm(e,{context:{checked:this.checked,disabled:this.disabled}})},onChange:function(e){this.disabled||this.readonly||(this.$emit("update:modelValue",this.binary?!this.checked:this.value),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{checked:function(){return null!=this.modelValue&&(this.binary?!!this.modelValue:e.ObjectUtils.equals(this.modelValue,this.value))}}},u=["data-p-highlight","data-p-disabled"],o=["id","value","name","checked","tabindex","disabled","readonly","aria-labelledby","aria-label"];return i.render=function(e,t,n,l,i,d){return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:e.cx("root")},d.getPTOptions("root"),{"data-pc-name":"radiobutton","data-p-highlight":d.checked,"data-p-disabled":e.disabled}),[a.createElementVNode("input",a.mergeProps({id:e.inputId,type:"radio",class:[e.cx("input"),e.inputClass],style:e.inputStyle,value:e.value,name:e.name,checked:d.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return d.onFocus&&d.onFocus.apply(d,arguments)}),onBlur:t[1]||(t[1]=function(){return d.onBlur&&d.onBlur.apply(d,arguments)}),onChange:t[2]||(t[2]=function(){return d.onChange&&d.onChange.apply(d,arguments)})},d.getPTOptions("input")),null,16,o),a.createElementVNode("div",a.mergeProps({class:e.cx("box")},d.getPTOptions("box")),[a.createElementVNode("div",a.mergeProps({class:e.cx("icon")},d.getPTOptions("icon")),null,16)],16)],16,u)},i}(primevue.utils,primevue.basecomponent,primevue.radiobutton.style,Vue);

package/radiobutton/style/radiobuttonstyle.cjs.js

@@ -6,29 +6,23 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
+var css = "\n@layer primevue {\n    .p-radiobutton {\n        position: relative;\n        display: inline-flex;\n        user-select: none;\n        vertical-align: bottom;\n    }\n\n    .p-radiobutton-input {\n        cursor: pointer;\n    }\n\n    .p-radiobutton-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .p-radiobutton-icon {\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n        transform: translateZ(0) scale(.1);\n        border-radius: 50%;\n        visibility: hidden;\n    }\n\n    .p-radiobutton.p-highlight .p-radiobutton-icon {\n        transform: translateZ(0) scale(1.0, 1.0);\n        visibility: visible;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var instance = _ref.instance,
       props = _ref.props;
     return ['p-radiobutton p-component', {
-      'p-radiobutton-checked': instance.checked,
-      'p-radiobutton-disabled': props.disabled,
-      'p-radiobutton-focused': instance.focused
-    }];
-  },
-  input: function input(_ref2) {
-    var instance = _ref2.instance,
-      props = _ref2.props;
-    return ['p-radiobutton-box', {
       'p-highlight': instance.checked,
-      'p-disabled': props.disabled,
-      'p-focus': instance.focused
+      'p-disabled': props.disabled
     }];
   },
+  box: 'p-radiobutton-box',
+  input: 'p-radiobutton-input',
   icon: 'p-radiobutton-icon'
 };
 var RadioButtonStyle = BaseStyle__default["default"].extend({
   name: 'radiobutton',
+  css: css,
   classes: classes
 });
 

package/radiobutton/style/radiobuttonstyle.cjs.min.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=e(require("primevue/base/style")).default.extend({name:"radiobutton",classes:{root:function(e){var t=e.instance;return["p-radiobutton p-component",{"p-radiobutton-checked":t.checked,"p-radiobutton-disabled":e.props.disabled,"p-radiobutton-focused":t.focused}]},input:function(e){var t=e.instance;return["p-radiobutton-box",{"p-highlight":t.checked,"p-disabled":e.props.disabled,"p-focus":t.focused}]},icon:"p-radiobutton-icon"}});module.exports=t;
+"use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i=n(require("primevue/base/style")).default.extend({name:"radiobutton",css:"\n@layer primevue {\n    .p-radiobutton {\n        position: relative;\n        display: inline-flex;\n        user-select: none;\n        vertical-align: bottom;\n    }\n\n    .p-radiobutton-input {\n        cursor: pointer;\n    }\n\n    .p-radiobutton-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .p-radiobutton-icon {\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n        transform: translateZ(0) scale(.1);\n        border-radius: 50%;\n        visibility: hidden;\n    }\n\n    .p-radiobutton.p-highlight .p-radiobutton-icon {\n        transform: translateZ(0) scale(1.0, 1.0);\n        visibility: visible;\n    }\n}\n",classes:{root:function(n){return["p-radiobutton p-component",{"p-highlight":n.instance.checked,"p-disabled":n.props.disabled}]},box:"p-radiobutton-box",input:"p-radiobutton-input",icon:"p-radiobutton-icon"}});module.exports=i;

package/radiobutton/style/radiobuttonstyle.esm.js

@@ -1,28 +1,22 @@
 import BaseStyle from 'primevue/base/style';
 
+var css = "\n@layer primevue {\n    .p-radiobutton {\n        position: relative;\n        display: inline-flex;\n        user-select: none;\n        vertical-align: bottom;\n    }\n\n    .p-radiobutton-input {\n        cursor: pointer;\n    }\n\n    .p-radiobutton-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .p-radiobutton-icon {\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n        transform: translateZ(0) scale(.1);\n        border-radius: 50%;\n        visibility: hidden;\n    }\n\n    .p-radiobutton.p-highlight .p-radiobutton-icon {\n        transform: translateZ(0) scale(1.0, 1.0);\n        visibility: visible;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var instance = _ref.instance,
       props = _ref.props;
     return ['p-radiobutton p-component', {
-      'p-radiobutton-checked': instance.checked,
-      'p-radiobutton-disabled': props.disabled,
-      'p-radiobutton-focused': instance.focused
-    }];
-  },
-  input: function input(_ref2) {
-    var instance = _ref2.instance,
-      props = _ref2.props;
-    return ['p-radiobutton-box', {
       'p-highlight': instance.checked,
-      'p-disabled': props.disabled,
-      'p-focus': instance.focused
+      'p-disabled': props.disabled
     }];
   },
+  box: 'p-radiobutton-box',
+  input: 'p-radiobutton-input',
   icon: 'p-radiobutton-icon'
 };
 var RadioButtonStyle = BaseStyle.extend({
   name: 'radiobutton',
+  css: css,
   classes: classes
 });
 

package/radiobutton/style/radiobuttonstyle.esm.min.js

@@ -1 +1 @@
-import o from"primevue/base/style";var t=o.extend({name:"radiobutton",classes:{root:function(o){var t=o.instance;return["p-radiobutton p-component",{"p-radiobutton-checked":t.checked,"p-radiobutton-disabled":o.props.disabled,"p-radiobutton-focused":t.focused}]},input:function(o){var t=o.instance;return["p-radiobutton-box",{"p-highlight":t.checked,"p-disabled":o.props.disabled,"p-focus":t.focused}]},icon:"p-radiobutton-icon"}});export{t as default};
+import n from"primevue/base/style";var i=n.extend({name:"radiobutton",css:"\n@layer primevue {\n    .p-radiobutton {\n        position: relative;\n        display: inline-flex;\n        user-select: none;\n        vertical-align: bottom;\n    }\n\n    .p-radiobutton-input {\n        cursor: pointer;\n    }\n\n    .p-radiobutton-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .p-radiobutton-icon {\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n        transform: translateZ(0) scale(.1);\n        border-radius: 50%;\n        visibility: hidden;\n    }\n\n    .p-radiobutton.p-highlight .p-radiobutton-icon {\n        transform: translateZ(0) scale(1.0, 1.0);\n        visibility: visible;\n    }\n}\n",classes:{root:function(n){return["p-radiobutton p-component",{"p-highlight":n.instance.checked,"p-disabled":n.props.disabled}]},box:"p-radiobutton-box",input:"p-radiobutton-input",icon:"p-radiobutton-icon"}});export{i as default};