primereact 10.6.5 → 10.7.0

package/radiobutton/radiobutton.cjs.js

@@ -97,9 +97,9 @@ var classes = {
       'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
     });
   },
-  box: 'p-radiobutton-box',
-  input: 'p-radiobutton-input',
-  icon: 'p-radiobutton-icon'
+  radiobuttonbox: 'p-radiobutton-box',
+  radiobuttoninput: 'p-radiobutton-input',
+  radiobuttonicon: 'p-radiobutton-icon'
 };
 var RadioButtonBase = componentbase.ComponentBase.extend({
   defaultProps: {
@@ -238,7 +238,10 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     })),
     style: props.style,
     'data-p-checked': props.checked
-  }, RadioButtonBase.getOtherProps(props), ptm('root'));
+  }, otherProps, ptm('root'));
+  delete rootProps.input;
+  delete rootProps.box;
+  delete rootProps.icon;
   var createInputElement = function createInputElement() {
     var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
     var inputProps = mergeProps(_objectSpread({
@@ -253,19 +256,19 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       readOnly: props.readonly,
       required: props.required,
       tabIndex: props.tabIndex,
-      className: cx('input')
-    }, ariaProps), ptm('input'));
+      className: cx('radiobuttoninput')
+    }, ariaProps), inProps.input, ptm('radiobuttoninput'));
     return /*#__PURE__*/React__namespace.createElement("input", _extends({
       ref: inputRef
     }, inputProps));
   };
   var createBoxElement = function createBoxElement() {
     var boxProps = mergeProps({
-      className: cx('box')
-    }, ptm('box'));
+      className: cx('radiobuttonbox')
+    }, inProps.box, ptm('radiobuttonbox'));
     var iconProps = mergeProps({
-      className: cx('icon')
-    }, ptm('icon'));
+      className: cx('radiobuttonicon')
+    }, inProps.icon, ptm('radiobuttonicon'));
     return /*#__PURE__*/React__namespace.createElement("div", boxProps, /*#__PURE__*/React__namespace.createElement("div", iconProps));
   };
   return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({

package/radiobutton/radiobutton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/tooltip"),i=require("primereact/utils");function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=u(e);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l.apply(this,arguments)}function c(e){return c="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},c(e)}function s(e,t){if("object"!==c(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==c(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=s(e,"string");return"symbol"===c(t)?t:String(t)}var d=n.ComponentBase.extend({defaultProps:{__TYPE:"RadioButton",autoFocus:!1,checked:!1,className:null,disabled:!1,id:null,inputId:null,inputRef:null,invalid:!1,variant:null,name:null,onChange:null,onClick:null,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return i.classNames("p-radiobutton p-component",{"p-highlight":t.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})},box:"p-radiobutton-box",input:"p-radiobutton-input",icon:"p-radiobutton-icon"}}});function f(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 b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?f(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=p(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var m=a.memo(a.forwardRef((function(e,u){var c=r.useMergeProps(),s=a.useContext(t.PrimeReactContext),p=d.getProps(e,s),f=a.useRef(null),m=a.useRef(p.inputRef),v=d.setMetaData({props:p}),y=v.ptm,g=v.cx;n.useHandleStyle(d.css.styles,v.isUnstyled,{name:"radiobutton"});var O=function(e){h(e)},h=function(e){if(!p.disabled&&!p.readonly&&p.onChange){var t=p.checked,n=e.target instanceof HTMLDivElement,r=e.target===m.current&&e.target.checked!==t,o=n&&i.DomHandler.hasClass(f.current,"p-radiobutton-checked")===t&&!t,u=!t;if(r||o){var a;if(null==p||null===(a=p.onChange)||void 0===a||a.call(p,{originalEvent:e,value:p.value,checked:u,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"radio",name:p.name,id:p.id,value:p.value,checked:u}}),e.defaultPrevented)return;o&&(m.current.checked=u)}i.DomHandler.focus(m.current)}},P=function(e){var t;null==p||null===(t=p.onFocus)||void 0===t||t.call(p,e)},j=function(e){var t;null==p||null===(t=p.onBlur)||void 0===t||t.call(p,e)};a.useImperativeHandle(u,(function(){return{props:p,select:O,focus:function(){return i.DomHandler.focus(m.current)},getElement:function(){return f.current},getInput:function(){return m.current}}})),a.useEffect((function(){m.current&&(m.current.checked=p.checked)}),[p.checked]),a.useEffect((function(){i.ObjectUtils.combinedRefs(m,p.inputRef)}),[m,p.inputRef]),r.useMountEffect((function(){p.autoFocus&&i.DomHandler.focus(m.current,p.autoFocus)}));var k,E,x,D,R=i.ObjectUtils.isNotEmpty(p.tooltip),S=d.getOtherProps(p),w=c({id:p.id,className:i.classNames(p.className,g("root",{context:s})),style:p.style,"data-p-checked":p.checked},d.getOtherProps(p),y("root"));return a.createElement(a.Fragment,null,a.createElement("div",l({ref:f},w),(x=i.ObjectUtils.reduceKeys(S,i.DomHandler.ARIA_PROPS),D=c(b({id:p.inputId,type:"radio",name:p.name,defaultChecked:p.checked,onFocus:P,onBlur:j,onChange:h,disabled:p.disabled,readOnly:p.readonly,required:p.required,tabIndex:p.tabIndex,className:g("input")},x),y("input")),a.createElement("input",l({ref:m},D))),(k=c({className:g("box")},y("box")),E=c({className:g("icon")},y("icon")),a.createElement("div",k,a.createElement("div",E)))),R&&a.createElement(o.Tooltip,l({target:f,content:p.tooltip,pt:y("tooltip")},p.tooltipOptions)))})));m.displayName="RadioButton",exports.RadioButton=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/tooltip"),i=require("primereact/utils");function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=u(e);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l.apply(this,arguments)}function c(e){return c="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},c(e)}function s(e,t){if("object"!==c(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==c(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=s(e,"string");return"symbol"===c(t)?t:String(t)}var p=n.ComponentBase.extend({defaultProps:{__TYPE:"RadioButton",autoFocus:!1,checked:!1,className:null,disabled:!1,id:null,inputId:null,inputRef:null,invalid:!1,variant:null,name:null,onChange:null,onClick:null,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return i.classNames("p-radiobutton p-component",{"p-highlight":t.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})},radiobuttonbox:"p-radiobutton-box",radiobuttoninput:"p-radiobutton-input",radiobuttonicon:"p-radiobutton-icon"}}});function f(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 b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?f(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=d(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var m=a.memo(a.forwardRef((function(e,u){var c=r.useMergeProps(),s=a.useContext(t.PrimeReactContext),d=p.getProps(e,s),f=a.useRef(null),m=a.useRef(d.inputRef),v=p.setMetaData({props:d}),y=v.ptm,g=v.cx;n.useHandleStyle(p.css.styles,v.isUnstyled,{name:"radiobutton"});var O=function(e){h(e)},h=function(e){if(!d.disabled&&!d.readonly&&d.onChange){var t=d.checked,n=e.target instanceof HTMLDivElement,r=e.target===m.current&&e.target.checked!==t,o=n&&i.DomHandler.hasClass(f.current,"p-radiobutton-checked")===t&&!t,u=!t;if(r||o){var a;if(null==d||null===(a=d.onChange)||void 0===a||a.call(d,{originalEvent:e,value:d.value,checked:u,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"radio",name:d.name,id:d.id,value:d.value,checked:u}}),e.defaultPrevented)return;o&&(m.current.checked=u)}i.DomHandler.focus(m.current)}},j=function(e){var t;null==d||null===(t=d.onFocus)||void 0===t||t.call(d,e)},P=function(e){var t;null==d||null===(t=d.onBlur)||void 0===t||t.call(d,e)};a.useImperativeHandle(u,(function(){return{props:d,select:O,focus:function(){return i.DomHandler.focus(m.current)},getElement:function(){return f.current},getInput:function(){return m.current}}})),a.useEffect((function(){m.current&&(m.current.checked=d.checked)}),[d.checked]),a.useEffect((function(){i.ObjectUtils.combinedRefs(m,d.inputRef)}),[m,d.inputRef]),r.useMountEffect((function(){d.autoFocus&&i.DomHandler.focus(m.current,d.autoFocus)}));var k=i.ObjectUtils.isNotEmpty(d.tooltip),E=p.getOtherProps(d),x=c({id:d.id,className:i.classNames(d.className,g("root",{context:s})),style:d.style,"data-p-checked":d.checked},E,y("root"));delete x.input,delete x.box,delete x.icon;var D,R,S,w;return a.createElement(a.Fragment,null,a.createElement("div",l({ref:f},x),(S=i.ObjectUtils.reduceKeys(E,i.DomHandler.ARIA_PROPS),w=c(b({id:d.inputId,type:"radio",name:d.name,defaultChecked:d.checked,onFocus:j,onBlur:P,onChange:h,disabled:d.disabled,readOnly:d.readonly,required:d.required,tabIndex:d.tabIndex,className:g("radiobuttoninput")},S),e.input,y("radiobuttoninput")),a.createElement("input",l({ref:m},w))),(D=c({className:g("radiobuttonbox")},e.box,y("radiobuttonbox")),R=c({className:g("radiobuttonicon")},e.icon,y("radiobuttonicon")),a.createElement("div",D,a.createElement("div",R)))),k&&a.createElement(o.Tooltip,l({target:f,content:d.tooltip,pt:y("tooltip")},d.tooltipOptions)))})));m.displayName="RadioButton",exports.RadioButton=m;

package/radiobutton/radiobutton.esm.js

@@ -73,9 +73,9 @@ var classes = {
       'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
     });
   },
-  box: 'p-radiobutton-box',
-  input: 'p-radiobutton-input',
-  icon: 'p-radiobutton-icon'
+  radiobuttonbox: 'p-radiobutton-box',
+  radiobuttoninput: 'p-radiobutton-input',
+  radiobuttonicon: 'p-radiobutton-icon'
 };
 var RadioButtonBase = ComponentBase.extend({
   defaultProps: {
@@ -214,7 +214,10 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     })),
     style: props.style,
     'data-p-checked': props.checked
-  }, RadioButtonBase.getOtherProps(props), ptm('root'));
+  }, otherProps, ptm('root'));
+  delete rootProps.input;
+  delete rootProps.box;
+  delete rootProps.icon;
   var createInputElement = function createInputElement() {
     var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
     var inputProps = mergeProps(_objectSpread({
@@ -229,19 +232,19 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       readOnly: props.readonly,
       required: props.required,
       tabIndex: props.tabIndex,
-      className: cx('input')
-    }, ariaProps), ptm('input'));
+      className: cx('radiobuttoninput')
+    }, ariaProps), inProps.input, ptm('radiobuttoninput'));
     return /*#__PURE__*/React.createElement("input", _extends({
       ref: inputRef
     }, inputProps));
   };
   var createBoxElement = function createBoxElement() {
     var boxProps = mergeProps({
-      className: cx('box')
-    }, ptm('box'));
+      className: cx('radiobuttonbox')
+    }, inProps.box, ptm('radiobuttonbox'));
     var iconProps = mergeProps({
-      className: cx('icon')
-    }, ptm('icon'));
+      className: cx('radiobuttonicon')
+    }, inProps.icon, ptm('radiobuttonicon'));
     return /*#__PURE__*/React.createElement("div", boxProps, /*#__PURE__*/React.createElement("div", iconProps));
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({

package/radiobutton/radiobutton.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as o,useMountEffect as i}from"primereact/hooks";import{Tooltip as a}from"primereact/tooltip";import{classNames as l,DomHandler as u,ObjectUtils as c}from"primereact/utils";function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function s(e){return s="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},s(e)}function d(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=d(e,"string");return"symbol"===s(t)?t:String(t)}var m=n.extend({defaultProps:{__TYPE:"RadioButton",autoFocus:!1,checked:!1,className:null,disabled:!1,id:null,inputId:null,inputRef:null,invalid:!1,variant:null,name:null,onChange:null,onClick:null,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return l("p-radiobutton p-component",{"p-highlight":t.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})},box:"p-radiobutton-box",input:"p-radiobutton-input",icon:"p-radiobutton-icon"}}});function b(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 v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=f(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var y=e.memo(e.forwardRef((function(n,s){var d=o(),f=e.useContext(t),b=m.getProps(n,f),y=e.useRef(null),g=e.useRef(b.inputRef),h=m.setMetaData({props:b}),O=h.ptm,P=h.cx;r(m.css.styles,h.isUnstyled,{name:"radiobutton"});var k=function(e){j(e)},j=function(e){if(!b.disabled&&!b.readonly&&b.onChange){var t=b.checked,n=e.target instanceof HTMLDivElement,r=e.target===g.current&&e.target.checked!==t,o=n&&u.hasClass(y.current,"p-radiobutton-checked")===t&&!t,i=!t;if(r||o){var a;if(null==b||null===(a=b.onChange)||void 0===a||a.call(b,{originalEvent:e,value:b.value,checked:i,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"radio",name:b.name,id:b.id,value:b.value,checked:i}}),e.defaultPrevented)return;o&&(g.current.checked=i)}u.focus(g.current)}},E=function(e){var t;null==b||null===(t=b.onFocus)||void 0===t||t.call(b,e)},x=function(e){var t;null==b||null===(t=b.onBlur)||void 0===t||t.call(b,e)};e.useImperativeHandle(s,(function(){return{props:b,select:k,focus:function(){return u.focus(g.current)},getElement:function(){return y.current},getInput:function(){return g.current}}})),e.useEffect((function(){g.current&&(g.current.checked=b.checked)}),[b.checked]),e.useEffect((function(){c.combinedRefs(g,b.inputRef)}),[g,b.inputRef]),i((function(){b.autoFocus&&u.focus(g.current,b.autoFocus)}));var R,S,w,N,C=c.isNotEmpty(b.tooltip),D=m.getOtherProps(b),I=d({id:b.id,className:l(b.className,P("root",{context:f})),style:b.style,"data-p-checked":b.checked},m.getOtherProps(b),O("root"));return e.createElement(e.Fragment,null,e.createElement("div",p({ref:y},I),(w=c.reduceKeys(D,u.ARIA_PROPS),N=d(v({id:b.inputId,type:"radio",name:b.name,defaultChecked:b.checked,onFocus:E,onBlur:x,onChange:j,disabled:b.disabled,readOnly:b.readonly,required:b.required,tabIndex:b.tabIndex,className:P("input")},w),O("input")),e.createElement("input",p({ref:g},N))),(R=d({className:P("box")},O("box")),S=d({className:P("icon")},O("icon")),e.createElement("div",R,e.createElement("div",S)))),C&&e.createElement(a,p({target:y,content:b.tooltip,pt:O("tooltip")},b.tooltipOptions)))})));y.displayName="RadioButton";export{y as RadioButton};
+import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as o,useMountEffect as i}from"primereact/hooks";import{Tooltip as u}from"primereact/tooltip";import{classNames as a,DomHandler as l,ObjectUtils as c}from"primereact/utils";function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function d(e){return d="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},d(e)}function s(e,t){if("object"!==d(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=s(e,"string");return"symbol"===d(t)?t:String(t)}var b=n.extend({defaultProps:{__TYPE:"RadioButton",autoFocus:!1,checked:!1,className:null,disabled:!1,id:null,inputId:null,inputRef:null,invalid:!1,variant:null,name:null,onChange:null,onClick:null,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return a("p-radiobutton p-component",{"p-highlight":t.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})},radiobuttonbox:"p-radiobutton-box",radiobuttoninput:"p-radiobutton-input",radiobuttonicon:"p-radiobutton-icon"}}});function m(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 v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=f(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var y=e.memo(e.forwardRef((function(n,d){var s=o(),f=e.useContext(t),m=b.getProps(n,f),y=e.useRef(null),g=e.useRef(m.inputRef),h=b.setMetaData({props:m}),O=h.ptm,P=h.cx;r(b.css.styles,h.isUnstyled,{name:"radiobutton"});var k=function(e){j(e)},j=function(e){if(!m.disabled&&!m.readonly&&m.onChange){var t=m.checked,n=e.target instanceof HTMLDivElement,r=e.target===g.current&&e.target.checked!==t,o=n&&l.hasClass(y.current,"p-radiobutton-checked")===t&&!t,i=!t;if(r||o){var u;if(null==m||null===(u=m.onChange)||void 0===u||u.call(m,{originalEvent:e,value:m.value,checked:i,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"radio",name:m.name,id:m.id,value:m.value,checked:i}}),e.defaultPrevented)return;o&&(g.current.checked=i)}l.focus(g.current)}},E=function(e){var t;null==m||null===(t=m.onFocus)||void 0===t||t.call(m,e)},x=function(e){var t;null==m||null===(t=m.onBlur)||void 0===t||t.call(m,e)};e.useImperativeHandle(d,(function(){return{props:m,select:k,focus:function(){return l.focus(g.current)},getElement:function(){return y.current},getInput:function(){return g.current}}})),e.useEffect((function(){g.current&&(g.current.checked=m.checked)}),[m.checked]),e.useEffect((function(){c.combinedRefs(g,m.inputRef)}),[g,m.inputRef]),i((function(){m.autoFocus&&l.focus(g.current,m.autoFocus)}));var R=c.isNotEmpty(m.tooltip),S=b.getOtherProps(m),w=s({id:m.id,className:a(m.className,P("root",{context:f})),style:m.style,"data-p-checked":m.checked},S,O("root"));delete w.input,delete w.box,delete w.icon;var N,C,D,I;return e.createElement(e.Fragment,null,e.createElement("div",p({ref:y},w),(D=c.reduceKeys(S,l.ARIA_PROPS),I=s(v({id:m.inputId,type:"radio",name:m.name,defaultChecked:m.checked,onFocus:E,onBlur:x,onChange:j,disabled:m.disabled,readOnly:m.readonly,required:m.required,tabIndex:m.tabIndex,className:P("radiobuttoninput")},D),n.input,O("radiobuttoninput")),e.createElement("input",p({ref:g},I))),(N=s({className:P("radiobuttonbox")},n.box,O("radiobuttonbox")),C=s({className:P("radiobuttonicon")},n.icon,O("radiobuttonicon")),e.createElement("div",N,e.createElement("div",C)))),R&&e.createElement(u,p({target:y,content:m.tooltip,pt:O("tooltip")},m.tooltipOptions)))})));y.displayName="RadioButton";export{y as RadioButton};

package/radiobutton/radiobutton.js

@@ -89,9 +89,9 @@ this.primereact.radiobutton = (function (exports, React, api, componentbase, hoo
         'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
       });
     },
-    box: 'p-radiobutton-box',
-    input: 'p-radiobutton-input',
-    icon: 'p-radiobutton-icon'
+    radiobuttonbox: 'p-radiobutton-box',
+    radiobuttoninput: 'p-radiobutton-input',
+    radiobuttonicon: 'p-radiobutton-icon'
   };
   var RadioButtonBase = componentbase.ComponentBase.extend({
     defaultProps: {
@@ -230,7 +230,10 @@ this.primereact.radiobutton = (function (exports, React, api, componentbase, hoo
       })),
       style: props.style,
       'data-p-checked': props.checked
-    }, RadioButtonBase.getOtherProps(props), ptm('root'));
+    }, otherProps, ptm('root'));
+    delete rootProps.input;
+    delete rootProps.box;
+    delete rootProps.icon;
     var createInputElement = function createInputElement() {
       var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
       var inputProps = mergeProps(_objectSpread({
@@ -245,19 +248,19 @@ this.primereact.radiobutton = (function (exports, React, api, componentbase, hoo
         readOnly: props.readonly,
         required: props.required,
         tabIndex: props.tabIndex,
-        className: cx('input')
-      }, ariaProps), ptm('input'));
+        className: cx('radiobuttoninput')
+      }, ariaProps), inProps.input, ptm('radiobuttoninput'));
       return /*#__PURE__*/React__namespace.createElement("input", _extends({
         ref: inputRef
       }, inputProps));
     };
     var createBoxElement = function createBoxElement() {
       var boxProps = mergeProps({
-        className: cx('box')
-      }, ptm('box'));
+        className: cx('radiobuttonbox')
+      }, inProps.box, ptm('radiobuttonbox'));
       var iconProps = mergeProps({
-        className: cx('icon')
-      }, ptm('icon'));
+        className: cx('radiobuttonicon')
+      }, inProps.icon, ptm('radiobuttonicon'));
       return /*#__PURE__*/React__namespace.createElement("div", boxProps, /*#__PURE__*/React__namespace.createElement("div", iconProps));
     };
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({

package/radiobutton/radiobutton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.radiobutton=function(e,t,n,r,o,i,a){"use strict";function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=u(t);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l.apply(this,arguments)}function s(e){return s="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},s(e)}function p(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=p(e,"string");return"symbol"===s(t)?t:String(t)}var f=r.ComponentBase.extend({defaultProps:{__TYPE:"RadioButton",autoFocus:!1,checked:!1,className:null,disabled:!1,id:null,inputId:null,inputRef:null,invalid:!1,variant:null,name:null,onChange:null,onClick:null,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return a.classNames("p-radiobutton p-component",{"p-highlight":t.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})},box:"p-radiobutton-box",input:"p-radiobutton-input",icon:"p-radiobutton-icon"}}});function b(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 m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=d(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v=c.memo(c.forwardRef((function(e,t){var u=o.useMergeProps(),s=c.useContext(n.PrimeReactContext),p=f.getProps(e,s),d=c.useRef(null),b=c.useRef(p.inputRef),v=f.setMetaData({props:p}),y=v.ptm,g=v.cx;r.useHandleStyle(f.css.styles,v.isUnstyled,{name:"radiobutton"});var h=function(e){O(e)},O=function(e){if(!p.disabled&&!p.readonly&&p.onChange){var t=p.checked,n=e.target instanceof HTMLDivElement,r=e.target===b.current&&e.target.checked!==t,o=n&&a.DomHandler.hasClass(d.current,"p-radiobutton-checked")===t&&!t,i=!t;if(r||o){var u;if(null==p||null===(u=p.onChange)||void 0===u||u.call(p,{originalEvent:e,value:p.value,checked:i,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"radio",name:p.name,id:p.id,value:p.value,checked:i}}),e.defaultPrevented)return;o&&(b.current.checked=i)}a.DomHandler.focus(b.current)}},P=function(e){var t;null==p||null===(t=p.onFocus)||void 0===t||t.call(p,e)},j=function(e){var t;null==p||null===(t=p.onBlur)||void 0===t||t.call(p,e)};c.useImperativeHandle(t,(function(){return{props:p,select:h,focus:function(){return a.DomHandler.focus(b.current)},getElement:function(){return d.current},getInput:function(){return b.current}}})),c.useEffect((function(){b.current&&(b.current.checked=p.checked)}),[p.checked]),c.useEffect((function(){a.ObjectUtils.combinedRefs(b,p.inputRef)}),[b,p.inputRef]),o.useMountEffect((function(){p.autoFocus&&a.DomHandler.focus(b.current,p.autoFocus)}));var k,E,R,D,x=a.ObjectUtils.isNotEmpty(p.tooltip),S=f.getOtherProps(p),w=u({id:p.id,className:a.classNames(p.className,g("root",{context:s})),style:p.style,"data-p-checked":p.checked},f.getOtherProps(p),y("root"));return c.createElement(c.Fragment,null,c.createElement("div",l({ref:d},w),(R=a.ObjectUtils.reduceKeys(S,a.DomHandler.ARIA_PROPS),D=u(m({id:p.inputId,type:"radio",name:p.name,defaultChecked:p.checked,onFocus:P,onBlur:j,onChange:O,disabled:p.disabled,readOnly:p.readonly,required:p.required,tabIndex:p.tabIndex,className:g("input")},R),y("input")),c.createElement("input",l({ref:b},D))),(k=u({className:g("box")},y("box")),E=u({className:g("icon")},y("icon")),c.createElement("div",k,c.createElement("div",E)))),x&&c.createElement(i.Tooltip,l({target:d,content:p.tooltip,pt:y("tooltip")},p.tooltipOptions)))})));return v.displayName="RadioButton",e.RadioButton=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.radiobutton=function(e,t,n,r,o,i,a){"use strict";function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=u(t);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}function s(e){return s="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},s(e)}function d(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=d(e,"string");return"symbol"===s(t)?t:String(t)}var f=r.ComponentBase.extend({defaultProps:{__TYPE:"RadioButton",autoFocus:!1,checked:!1,className:null,disabled:!1,id:null,inputId:null,inputRef:null,invalid:!1,variant:null,name:null,onChange:null,onClick:null,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return a.classNames("p-radiobutton p-component",{"p-highlight":t.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})},radiobuttonbox:"p-radiobutton-box",radiobuttoninput:"p-radiobutton-input",radiobuttonicon:"p-radiobutton-icon"}}});function b(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 m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=p(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v=l.memo(l.forwardRef((function(e,t){var u=o.useMergeProps(),s=l.useContext(n.PrimeReactContext),d=f.getProps(e,s),p=l.useRef(null),b=l.useRef(d.inputRef),v=f.setMetaData({props:d}),y=v.ptm,g=v.cx;r.useHandleStyle(f.css.styles,v.isUnstyled,{name:"radiobutton"});var h=function(e){O(e)},O=function(e){if(!d.disabled&&!d.readonly&&d.onChange){var t=d.checked,n=e.target instanceof HTMLDivElement,r=e.target===b.current&&e.target.checked!==t,o=n&&a.DomHandler.hasClass(p.current,"p-radiobutton-checked")===t&&!t,i=!t;if(r||o){var u;if(null==d||null===(u=d.onChange)||void 0===u||u.call(d,{originalEvent:e,value:d.value,checked:i,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"radio",name:d.name,id:d.id,value:d.value,checked:i}}),e.defaultPrevented)return;o&&(b.current.checked=i)}a.DomHandler.focus(b.current)}},j=function(e){var t;null==d||null===(t=d.onFocus)||void 0===t||t.call(d,e)},P=function(e){var t;null==d||null===(t=d.onBlur)||void 0===t||t.call(d,e)};l.useImperativeHandle(t,(function(){return{props:d,select:h,focus:function(){return a.DomHandler.focus(b.current)},getElement:function(){return p.current},getInput:function(){return b.current}}})),l.useEffect((function(){b.current&&(b.current.checked=d.checked)}),[d.checked]),l.useEffect((function(){a.ObjectUtils.combinedRefs(b,d.inputRef)}),[b,d.inputRef]),o.useMountEffect((function(){d.autoFocus&&a.DomHandler.focus(b.current,d.autoFocus)}));var k=a.ObjectUtils.isNotEmpty(d.tooltip),E=f.getOtherProps(d),x=u({id:d.id,className:a.classNames(d.className,g("root",{context:s})),style:d.style,"data-p-checked":d.checked},E,y("root"));delete x.input,delete x.box,delete x.icon;var R,D,S,w;return l.createElement(l.Fragment,null,l.createElement("div",c({ref:p},x),(S=a.ObjectUtils.reduceKeys(E,a.DomHandler.ARIA_PROPS),w=u(m({id:d.inputId,type:"radio",name:d.name,defaultChecked:d.checked,onFocus:j,onBlur:P,onChange:O,disabled:d.disabled,readOnly:d.readonly,required:d.required,tabIndex:d.tabIndex,className:g("radiobuttoninput")},S),e.input,y("radiobuttoninput")),l.createElement("input",c({ref:b},w))),(R=u({className:g("radiobuttonbox")},e.box,y("radiobuttonbox")),D=u({className:g("radiobuttonicon")},e.icon,y("radiobuttonicon")),l.createElement("div",R,l.createElement("div",D)))),k&&l.createElement(i.Tooltip,c({target:p,content:d.tooltip,pt:y("tooltip")},d.tooltipOptions)))})));return v.displayName="RadioButton",e.RadioButton=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.tooltip,primereact.utils);

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

@@ -4660,6 +4660,68 @@
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
   }
+  .p-tabview-nav-container {
+    position: relative;
+  }
+  .p-tabview-scrollable .p-tabview-nav-container {
+    overflow: hidden;
+  }
+  .p-tabview-nav-content {
+    overflow-x: auto;
+    overflow-y: hidden;
+    scroll-behavior: smooth;
+    scrollbar-width: none;
+    overscroll-behavior: contain auto;
+    position: relative;
+  }
+  .p-tabview-nav {
+    display: flex;
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+    flex: 1 1 auto;
+  }
+  .p-tabview-nav-link {
+    cursor: pointer;
+    user-select: none;
+    display: flex;
+    align-items: center;
+    position: relative;
+    text-decoration: none;
+    overflow: hidden;
+  }
+  .p-tabview-ink-bar {
+    display: none;
+    z-index: 1;
+  }
+  .p-tabview-nav-link:focus {
+    z-index: 1;
+  }
+  .p-tabview-close {
+    z-index: 1;
+  }
+  .p-tabview-title {
+    line-height: 1;
+    white-space: nowrap;
+  }
+  .p-tabview-nav-btn {
+    position: absolute;
+    top: 0;
+    z-index: 2;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .p-tabview-nav-prev {
+    left: 0;
+  }
+  .p-tabview-nav-next {
+    right: 0;
+  }
+  .p-tabview-nav-content::-webkit-scrollbar {
+    display: none;
+  }
   .p-tabview .p-tabview-nav {
     background: transparent;
     border: 1px solid #383838;

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

@@ -4660,6 +4660,68 @@
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
   }
+  .p-tabview-nav-container {
+    position: relative;
+  }
+  .p-tabview-scrollable .p-tabview-nav-container {
+    overflow: hidden;
+  }
+  .p-tabview-nav-content {
+    overflow-x: auto;
+    overflow-y: hidden;
+    scroll-behavior: smooth;
+    scrollbar-width: none;
+    overscroll-behavior: contain auto;
+    position: relative;
+  }
+  .p-tabview-nav {
+    display: flex;
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+    flex: 1 1 auto;
+  }
+  .p-tabview-nav-link {
+    cursor: pointer;
+    user-select: none;
+    display: flex;
+    align-items: center;
+    position: relative;
+    text-decoration: none;
+    overflow: hidden;
+  }
+  .p-tabview-ink-bar {
+    display: none;
+    z-index: 1;
+  }
+  .p-tabview-nav-link:focus {
+    z-index: 1;
+  }
+  .p-tabview-close {
+    z-index: 1;
+  }
+  .p-tabview-title {
+    line-height: 1;
+    white-space: nowrap;
+  }
+  .p-tabview-nav-btn {
+    position: absolute;
+    top: 0;
+    z-index: 2;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .p-tabview-nav-prev {
+    left: 0;
+  }
+  .p-tabview-nav-next {
+    right: 0;
+  }
+  .p-tabview-nav-content::-webkit-scrollbar {
+    display: none;
+  }
   .p-tabview .p-tabview-nav {
     background: transparent;
     border: 1px solid #383838;

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

@@ -4660,6 +4660,68 @@
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
   }
+  .p-tabview-nav-container {
+    position: relative;
+  }
+  .p-tabview-scrollable .p-tabview-nav-container {
+    overflow: hidden;
+  }
+  .p-tabview-nav-content {
+    overflow-x: auto;
+    overflow-y: hidden;
+    scroll-behavior: smooth;
+    scrollbar-width: none;
+    overscroll-behavior: contain auto;
+    position: relative;
+  }
+  .p-tabview-nav {
+    display: flex;
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+    flex: 1 1 auto;
+  }
+  .p-tabview-nav-link {
+    cursor: pointer;
+    user-select: none;
+    display: flex;
+    align-items: center;
+    position: relative;
+    text-decoration: none;
+    overflow: hidden;
+  }
+  .p-tabview-ink-bar {
+    display: none;
+    z-index: 1;
+  }
+  .p-tabview-nav-link:focus {
+    z-index: 1;
+  }
+  .p-tabview-close {
+    z-index: 1;
+  }
+  .p-tabview-title {
+    line-height: 1;
+    white-space: nowrap;
+  }
+  .p-tabview-nav-btn {
+    position: absolute;
+    top: 0;
+    z-index: 2;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .p-tabview-nav-prev {
+    left: 0;
+  }
+  .p-tabview-nav-next {
+    right: 0;
+  }
+  .p-tabview-nav-content::-webkit-scrollbar {
+    display: none;
+  }
   .p-tabview .p-tabview-nav {
     background: transparent;
     border: 1px solid #383838;

package/resources/themes/bootstrap4-dark-blue/theme.css

@@ -4717,6 +4717,68 @@
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e3f3fe;
   }
+  .p-tabview-nav-container {
+    position: relative;
+  }
+  .p-tabview-scrollable .p-tabview-nav-container {
+    overflow: hidden;
+  }
+  .p-tabview-nav-content {
+    overflow-x: auto;
+    overflow-y: hidden;
+    scroll-behavior: smooth;
+    scrollbar-width: none;
+    overscroll-behavior: contain auto;
+    position: relative;
+  }
+  .p-tabview-nav {
+    display: flex;
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+    flex: 1 1 auto;
+  }
+  .p-tabview-nav-link {
+    cursor: pointer;
+    user-select: none;
+    display: flex;
+    align-items: center;
+    position: relative;
+    text-decoration: none;
+    overflow: hidden;
+  }
+  .p-tabview-ink-bar {
+    display: none;
+    z-index: 1;
+  }
+  .p-tabview-nav-link:focus {
+    z-index: 1;
+  }
+  .p-tabview-close {
+    z-index: 1;
+  }
+  .p-tabview-title {
+    line-height: 1;
+    white-space: nowrap;
+  }
+  .p-tabview-nav-btn {
+    position: absolute;
+    top: 0;
+    z-index: 2;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .p-tabview-nav-prev {
+    left: 0;
+  }
+  .p-tabview-nav-next {
+    right: 0;
+  }
+  .p-tabview-nav-content::-webkit-scrollbar {
+    display: none;
+  }
   .p-tabview .p-tabview-nav {
     background: transparent;
     border: 1px solid #3f4b5b;