primevue 3.35.0 → 3.36.0

package/basedirective/basedirective.js

@@ -1,7 +1,11 @@
 this.primevue = this.primevue || {};
-this.primevue.basedirective = (function (base, utils, vue) {
+this.primevue.basedirective = (function (BaseStyle, utils, vue) {
     'use strict';
 
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
+
     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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
     function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -18,6 +22,10 @@ this.primevue.basedirective = (function (base, utils, vue) {
       _getMeta: function _getMeta() {
         return [utils.ObjectUtils.isObject(arguments.length <= 0 ? undefined : arguments[0]) ? undefined : arguments.length <= 0 ? undefined : arguments[0], utils.ObjectUtils.getItemValue(utils.ObjectUtils.isObject(arguments.length <= 0 ? undefined : arguments[0]) ? arguments.length <= 0 ? undefined : arguments[0] : arguments.length <= 1 ? undefined : arguments[1])];
       },
+      _getConfig: function _getConfig(binding, vnode) {
+        var _ref, _binding$instance, _vnode$ctx;
+        return (_ref = (binding === null || binding === void 0 || (_binding$instance = binding.instance) === null || _binding$instance === void 0 ? void 0 : _binding$instance.$primevue) || (vnode === null || vnode === void 0 || (_vnode$ctx = vnode.ctx) === null || _vnode$ctx === void 0 || (_vnode$ctx = _vnode$ctx.appContext) === null || _vnode$ctx === void 0 || (_vnode$ctx = _vnode$ctx.config) === null || _vnode$ctx === void 0 || (_vnode$ctx = _vnode$ctx.globalProperties) === null || _vnode$ctx === void 0 ? void 0 : _vnode$ctx.$primevue)) === null || _ref === void 0 ? void 0 : _ref.config;
+      },
       _getOptionValue: function _getOptionValue(options) {
         var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
         var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
@@ -41,12 +49,12 @@ this.primevue.basedirective = (function (base, utils, vue) {
           } : value;
         };
         var datasetPrefix = 'data-pc-';
-        var _ref = ((_instance$binding = instance.binding) === null || _instance$binding === void 0 || (_instance$binding = _instance$binding.value) === null || _instance$binding === void 0 ? void 0 : _instance$binding.ptOptions) || ((_instance$$config = instance.$config) === null || _instance$$config === void 0 ? void 0 : _instance$$config.ptOptions) || {},
-          _ref$mergeSections = _ref.mergeSections,
-          mergeSections = _ref$mergeSections === void 0 ? true : _ref$mergeSections,
-          _ref$mergeProps = _ref.mergeProps,
-          useMergeProps = _ref$mergeProps === void 0 ? false : _ref$mergeProps;
-        var global = searchInDefaultPT ? BaseDirective._useDefaultPT(instance, instance.defaultPT, getValue, key, params) : undefined;
+        var _ref2 = ((_instance$binding = instance.binding) === null || _instance$binding === void 0 || (_instance$binding = _instance$binding.value) === null || _instance$binding === void 0 ? void 0 : _instance$binding.ptOptions) || ((_instance$$config = instance.$config) === null || _instance$$config === void 0 ? void 0 : _instance$$config.ptOptions) || {},
+          _ref2$mergeSections = _ref2.mergeSections,
+          mergeSections = _ref2$mergeSections === void 0 ? true : _ref2$mergeSections,
+          _ref2$mergeProps = _ref2.mergeProps,
+          useMergeProps = _ref2$mergeProps === void 0 ? false : _ref2$mergeProps;
+        var global = searchInDefaultPT ? BaseDirective._useDefaultPT(instance, instance.defaultPT(), getValue, key, params) : undefined;
         var self = BaseDirective._usePT(instance, BaseDirective._getPT(obj, instance.$name), getValue, key, _objectSpread(_objectSpread({}, params), {}, {
           global: global || {}
         }));
@@ -79,11 +87,11 @@ this.primevue.basedirective = (function (base, utils, vue) {
         };
         if (pt !== null && pt !== void 0 && pt.hasOwnProperty('_usept')) {
           var _instance$$config2;
-          var _ref3 = pt['_usept'] || ((_instance$$config2 = instance.$config) === null || _instance$$config2 === void 0 ? void 0 : _instance$$config2.ptOptions) || {},
-            _ref3$mergeSections = _ref3.mergeSections,
-            mergeSections = _ref3$mergeSections === void 0 ? true : _ref3$mergeSections,
-            _ref3$mergeProps = _ref3.mergeProps,
-            useMergeProps = _ref3$mergeProps === void 0 ? false : _ref3$mergeProps;
+          var _ref4 = pt['_usept'] || ((_instance$$config2 = instance.$config) === null || _instance$$config2 === void 0 ? void 0 : _instance$$config2.ptOptions) || {},
+            _ref4$mergeSections = _ref4.mergeSections,
+            mergeSections = _ref4$mergeSections === void 0 ? true : _ref4$mergeSections,
+            _ref4$mergeProps = _ref4.mergeProps,
+            useMergeProps = _ref4$mergeProps === void 0 ? false : _ref4$mergeProps;
           var originalValue = fn(pt.originalValue);
           var value = fn(pt.value);
           if (originalValue === undefined && value === undefined) return undefined;else if (utils.ObjectUtils.isString(value)) return value;else if (utils.ObjectUtils.isString(originalValue)) return originalValue;
@@ -100,9 +108,9 @@ this.primevue.basedirective = (function (base, utils, vue) {
         return BaseDirective._usePT(instance, defaultPT, callback, key, params);
       },
       _hook: function _hook(directiveName, hookName, el, binding, vnode, prevVnode) {
-        var _binding$instance, _binding$value, _config$pt;
+        var _binding$value, _config$pt;
         var name = "on".concat(utils.ObjectUtils.toCapitalCase(hookName));
-        var config = binding === null || binding === void 0 || (_binding$instance = binding.instance) === null || _binding$instance === void 0 || (_binding$instance = _binding$instance.$primevue) === null || _binding$instance === void 0 ? void 0 : _binding$instance.config;
+        var config = BaseDirective._getConfig(binding, vnode);
         var instance = el === null || el === void 0 ? void 0 : el.$instance;
         var selfHook = BaseDirective._usePT(instance, BaseDirective._getPT(binding === null || binding === void 0 || (_binding$value = binding.value) === null || _binding$value === void 0 ? void 0 : _binding$value.pt, directiveName), BaseDirective._getOptionValue, "hooks.".concat(name));
         var defaultHook = BaseDirective._useDefaultPT(instance, config === null || config === void 0 || (_config$pt = config.pt) === null || _config$pt === void 0 || (_config$pt = _config$pt.directives) === null || _config$pt === void 0 ? void 0 : _config$pt[directiveName], BaseDirective._getOptionValue, "hooks.".concat(name));
@@ -118,9 +126,9 @@ this.primevue.basedirective = (function (base, utils, vue) {
       _extend: function _extend(name) {
         var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         var handleHook = function handleHook(hook, el, binding, vnode, prevVnode) {
-          var _binding$instance2, _el$$instance$hook, _el$$instance5;
+          var _el$$instance$hook, _el$$instance7;
           el._$instances = el._$instances || {};
-          var config = binding === null || binding === void 0 || (_binding$instance2 = binding.instance) === null || _binding$instance2 === void 0 || (_binding$instance2 = _binding$instance2.$primevue) === null || _binding$instance2 === void 0 ? void 0 : _binding$instance2.config;
+          var config = BaseDirective._getConfig(binding, vnode);
           var $prevInstance = el._$instances[name] || {};
           var $options = utils.ObjectUtils.isEmpty($prevInstance) ? _objectSpread(_objectSpread({}, options), options === null || options === void 0 ? void 0 : options.methods) : {};
           el._$instances[name] = _objectSpread(_objectSpread({}, $prevInstance), {}, {
@@ -129,24 +137,29 @@ this.primevue.basedirective = (function (base, utils, vue) {
             $host: el,
             $binding: binding,
             $el: $prevInstance['$el'] || undefined,
-            $css: _objectSpread({
+            $style: _objectSpread({
               classes: undefined,
               inlineStyles: undefined,
               loadStyle: function loadStyle() {}
-            }, options === null || options === void 0 ? void 0 : options.css),
+            }, options === null || options === void 0 ? void 0 : options.style),
             $config: config,
             /* computed instance variables */
-            defaultPT: BaseDirective._getPT(config === null || config === void 0 ? void 0 : config.pt, undefined, function (value) {
-              var _value$directives;
-              return value === null || value === void 0 || (_value$directives = value.directives) === null || _value$directives === void 0 ? void 0 : _value$directives[name];
-            }),
-            isUnstyled: el.unstyled !== undefined ? el.unstyled : config === null || config === void 0 ? void 0 : config.unstyled,
+            defaultPT: function defaultPT() {
+              return BaseDirective._getPT(config === null || config === void 0 ? void 0 : config.pt, undefined, function (value) {
+                var _value$directives;
+                return value === null || value === void 0 || (_value$directives = value.directives) === null || _value$directives === void 0 ? void 0 : _value$directives[name];
+              });
+            },
+            isUnstyled: function isUnstyled() {
+              var _el$$instance, _el$$instance2;
+              return ((_el$$instance = el.$instance) === null || _el$$instance === void 0 || (_el$$instance = _el$$instance.$binding) === null || _el$$instance === void 0 || (_el$$instance = _el$$instance.value) === null || _el$$instance === void 0 ? void 0 : _el$$instance.unstyled) !== undefined ? (_el$$instance2 = el.$instance) === null || _el$$instance2 === void 0 || (_el$$instance2 = _el$$instance2.$binding) === null || _el$$instance2 === void 0 || (_el$$instance2 = _el$$instance2.value) === null || _el$$instance2 === void 0 ? void 0 : _el$$instance2.unstyled : config === null || config === void 0 ? void 0 : config.unstyled;
+            },
             /* instance's methods */
             ptm: function ptm() {
-              var _el$$instance;
+              var _el$$instance3;
               var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
               var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-              return BaseDirective._getPTValue(el.$instance, (_el$$instance = el.$instance) === null || _el$$instance === void 0 || (_el$$instance = _el$$instance.$binding) === null || _el$$instance === void 0 || (_el$$instance = _el$$instance.value) === null || _el$$instance === void 0 ? void 0 : _el$$instance.pt, key, _objectSpread({}, params));
+              return BaseDirective._getPTValue(el.$instance, (_el$$instance3 = el.$instance) === null || _el$$instance3 === void 0 || (_el$$instance3 = _el$$instance3.$binding) === null || _el$$instance3 === void 0 || (_el$$instance3 = _el$$instance3.value) === null || _el$$instance3 === void 0 ? void 0 : _el$$instance3.pt, key, _objectSpread({}, params));
             },
             ptmo: function ptmo() {
               var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -155,21 +168,21 @@ this.primevue.basedirective = (function (base, utils, vue) {
               return BaseDirective._getPTValue(el.$instance, obj, key, params, false);
             },
             cx: function cx() {
-              var _el$$instance2, _el$$instance3;
+              var _el$$instance4, _el$$instance5;
               var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
               var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-              return !((_el$$instance2 = el.$instance) !== null && _el$$instance2 !== void 0 && _el$$instance2.isUnstyled) ? BaseDirective._getOptionValue((_el$$instance3 = el.$instance) === null || _el$$instance3 === void 0 || (_el$$instance3 = _el$$instance3.$css) === null || _el$$instance3 === void 0 ? void 0 : _el$$instance3.classes, key, _objectSpread({}, params)) : undefined;
+              return !((_el$$instance4 = el.$instance) !== null && _el$$instance4 !== void 0 && _el$$instance4.isUnstyled()) ? BaseDirective._getOptionValue((_el$$instance5 = el.$instance) === null || _el$$instance5 === void 0 || (_el$$instance5 = _el$$instance5.$style) === null || _el$$instance5 === void 0 ? void 0 : _el$$instance5.classes, key, _objectSpread({}, params)) : undefined;
             },
             sx: function sx() {
-              var _el$$instance4;
+              var _el$$instance6;
               var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
               var when = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
               var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-              return when ? BaseDirective._getOptionValue((_el$$instance4 = el.$instance) === null || _el$$instance4 === void 0 || (_el$$instance4 = _el$$instance4.$css) === null || _el$$instance4 === void 0 ? void 0 : _el$$instance4.inlineStyles, key, _objectSpread({}, params)) : undefined;
+              return when ? BaseDirective._getOptionValue((_el$$instance6 = el.$instance) === null || _el$$instance6 === void 0 || (_el$$instance6 = _el$$instance6.$style) === null || _el$$instance6 === void 0 ? void 0 : _el$$instance6.inlineStyles, key, _objectSpread({}, params)) : undefined;
             }
           }, $options);
           el.$instance = el._$instances[name]; // pass instance data to hooks
-          (_el$$instance$hook = (_el$$instance5 = el.$instance)[hook]) === null || _el$$instance$hook === void 0 || _el$$instance$hook.call(_el$$instance5, el, binding, vnode, prevVnode); // handle hook in directive implementation
+          (_el$$instance$hook = (_el$$instance7 = el.$instance)[hook]) === null || _el$$instance$hook === void 0 || _el$$instance$hook.call(_el$$instance7, el, binding, vnode, prevVnode); // handle hook in directive implementation
           BaseDirective._hook(name, hook, el, binding, vnode, prevVnode); // handle hooks during directive uses (global and self-definition)
         };
 
@@ -178,12 +191,12 @@ this.primevue.basedirective = (function (base, utils, vue) {
             handleHook('created', el, binding, vnode, prevVnode);
           },
           beforeMount: function beforeMount(el, binding, vnode, prevVnode) {
-            var _binding$instance3, _config$csp, _el$$instance6, _el$$instance7, _config$csp2;
-            var config = binding === null || binding === void 0 || (_binding$instance3 = binding.instance) === null || _binding$instance3 === void 0 || (_binding$instance3 = _binding$instance3.$primevue) === null || _binding$instance3 === void 0 ? void 0 : _binding$instance3.config;
-            base.loadBaseStyle(undefined, {
+            var _config$csp, _el$$instance8, _el$$instance9, _config$csp2;
+            var config = BaseDirective._getConfig(binding, vnode);
+            BaseStyle__default["default"].loadStyle(undefined, {
               nonce: config === null || config === void 0 || (_config$csp = config.csp) === null || _config$csp === void 0 ? void 0 : _config$csp.nonce
             });
-            !((_el$$instance6 = el.$instance) !== null && _el$$instance6 !== void 0 && _el$$instance6.isUnstyled) && ((_el$$instance7 = el.$instance) === null || _el$$instance7 === void 0 || (_el$$instance7 = _el$$instance7.$css) === null || _el$$instance7 === void 0 ? void 0 : _el$$instance7.loadStyle(undefined, {
+            !((_el$$instance8 = el.$instance) !== null && _el$$instance8 !== void 0 && _el$$instance8.isUnstyled()) && ((_el$$instance9 = el.$instance) === null || _el$$instance9 === void 0 || (_el$$instance9 = _el$$instance9.$style) === null || _el$$instance9 === void 0 ? void 0 : _el$$instance9.loadStyle(undefined, {
               nonce: config === null || config === void 0 || (_config$csp2 = config.csp) === null || _config$csp2 === void 0 ? void 0 : _config$csp2.nonce
             }));
             handleHook('beforeMount', el, binding, vnode, prevVnode);
@@ -224,4 +237,4 @@ this.primevue.basedirective = (function (base, utils, vue) {
 
     return BaseDirective;
 
-})(primevue.base, primevue.utils, Vue);
+})(primevue.base.style, primevue.utils, Vue);

package/basedirective/basedirective.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.basedirective=function(t,e,n){"use strict";function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}function o(t,e){return a(t)||c(t,e)||r(t,e)||l()}function l(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function r(t,e){if(t){if("string"==typeof t)return u(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(t,e):void 0}}function u(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=new Array(e);n<e;n++)i[n]=t[n];return i}function c(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var i,o,l,r,u=[],c=!0,a=!1;try{if(l=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;c=!1}else for(;!(c=(i=l.call(n)).done)&&(u.push(i.value),u.length!==e);c=!0);}catch(t){a=!0,o=t}finally{try{if(!c&&null!=n.return&&(r=n.return(),Object(r)!==r))return}finally{if(a)throw o}}return u}}function a(t){if(Array.isArray(t))return t}function s(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function v(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?s(Object(n),!0).forEach((function(e){d(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function d(t,e,n){return(e=f(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function f(t){var e=g(t,"string");return"symbol"===i(e)?e:String(e)}function g(t,e){if("object"!==i(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var o=n.call(t,e||"default");if("object"!==i(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var p={_getMeta:function(){return[e.ObjectUtils.isObject(arguments.length<=0?void 0:arguments[0])||arguments.length<=0?void 0:arguments[0],e.ObjectUtils.getItemValue(e.ObjectUtils.isObject(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:arguments.length<=1?void 0:arguments[1])]},_getOptionValue:function(t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=e.ObjectUtils.toFlatCase(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"").split("."),o=i.shift();return o?e.ObjectUtils.isObject(t)?p._getOptionValue(e.ObjectUtils.getItemValue(t[Object.keys(t).find((function(t){return e.ObjectUtils.toFlatCase(t)===o}))||""],n),i.join("."),n):void 0:e.ObjectUtils.getItemValue(t,n)},_getPTValue:function(){var t,i,o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",u=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},c=function(){var t=p._getOptionValue.apply(p,arguments);return e.ObjectUtils.isString(t)||e.ObjectUtils.isArray(t)?{class:t}:t},a="data-pc-",s=(null===(t=o.binding)||void 0===t||null===(t=t.value)||void 0===t?void 0:t.ptOptions)||(null===(i=o.$config)||void 0===i?void 0:i.ptOptions)||{},f=s.mergeSections,g=void 0===f||f,b=s.mergeProps,y=void 0!==b&&b,h=!(arguments.length>4&&void 0!==arguments[4])||arguments[4]?p._useDefaultPT(o,o.defaultPT,c,r,u):void 0,m=p._usePT(o,p._getPT(l,o.$name),c,r,v(v({},u),{},{global:h||{}})),O=v(v({},"root"===r&&d({},"".concat(a,"name"),e.ObjectUtils.toFlatCase(o.$name))),{},d({},"".concat(a,"section"),e.ObjectUtils.toFlatCase(r)));return g||!g&&m?y?n.mergeProps(h,m,O):v(v(v({},h),m),O):v(v({},m),O)},_getPT:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",i=arguments.length>2?arguments[2]:void 0,o=function(t){var o,l=i?i(t):t,r=e.ObjectUtils.toFlatCase(n);return null!==(o=null==l?void 0:l[r])&&void 0!==o?o:l};return null!=t&&t.hasOwnProperty("_usept")?{_usept:t._usept,originalValue:o(t.originalValue),value:o(t.value)}:o(t)},_usePT:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},i=arguments.length>1?arguments[1]:void 0,o=arguments.length>2?arguments[2]:void 0,l=arguments.length>3?arguments[3]:void 0,r=arguments.length>4?arguments[4]:void 0,u=function(t){return o(t,l,r)};if(null!=i&&i.hasOwnProperty("_usept")){var c,a=i._usept||(null===(c=t.$config)||void 0===c?void 0:c.ptOptions)||{},s=a.mergeSections,d=void 0===s||s,f=a.mergeProps,g=void 0!==f&&f,p=u(i.originalValue),b=u(i.value);if(void 0===p&&void 0===b)return;return e.ObjectUtils.isString(b)?b:e.ObjectUtils.isString(p)?p:d||!d&&b?g?n.mergeProps(p,b):v(v({},p),b):b}return u(i)},_useDefaultPT:function(){return p._usePT(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},arguments.length>2?arguments[2]:void 0,arguments.length>3?arguments[3]:void 0,arguments.length>4?arguments[4]:void 0)},_hook:function(t,n,i,o,l,r){var u,c,a,s="on".concat(e.ObjectUtils.toCapitalCase(n)),v=null==o||null===(u=o.instance)||void 0===u||null===(u=u.$primevue)||void 0===u?void 0:u.config,d=null==i?void 0:i.$instance,f=p._usePT(d,p._getPT(null==o||null===(c=o.value)||void 0===c?void 0:c.pt,t),p._getOptionValue,"hooks.".concat(s)),g=p._useDefaultPT(d,null==v||null===(a=v.pt)||void 0===a||null===(a=a.directives)||void 0===a?void 0:a[t],p._getOptionValue,"hooks.".concat(s)),b={el:i,binding:o,vnode:l,prevVnode:r};null==f||f(d,b),null==g||g(d,b)},_extend:function(n){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=function(t,o,l,r,u){var c,a,s;o._$instances=o._$instances||{};var d=null==l||null===(c=l.instance)||void 0===c||null===(c=c.$primevue)||void 0===c?void 0:c.config,f=o._$instances[n]||{},g=e.ObjectUtils.isEmpty(f)?v(v({},i),null==i?void 0:i.methods):{};o._$instances[n]=v(v({},f),{},{$name:n,$host:o,$binding:l,$el:f.$el||void 0,$css:v({classes:void 0,inlineStyles:void 0,loadStyle:function(){}},null==i?void 0:i.css),$config:d,defaultPT:p._getPT(null==d?void 0:d.pt,void 0,(function(t){var e;return null==t||null===(e=t.directives)||void 0===e?void 0:e[n]})),isUnstyled:void 0!==o.unstyled?o.unstyled:null==d?void 0:d.unstyled,ptm:function(){var t;return p._getPTValue(o.$instance,null===(t=o.$instance)||void 0===t||null===(t=t.$binding)||void 0===t||null===(t=t.value)||void 0===t?void 0:t.pt,arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",v({},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}))},ptmo:function(){return p._getPTValue(o.$instance,arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},!1)},cx:function(){var t,e;return null!==(t=o.$instance)&&void 0!==t&&t.isUnstyled?void 0:p._getOptionValue(null===(e=o.$instance)||void 0===e||null===(e=e.$css)||void 0===e?void 0:e.classes,arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",v({},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}))},sx:function(){var t;return!(arguments.length>1&&void 0!==arguments[1])||arguments[1]?p._getOptionValue(null===(t=o.$instance)||void 0===t||null===(t=t.$css)||void 0===t?void 0:t.inlineStyles,arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",v({},arguments.length>2&&void 0!==arguments[2]?arguments[2]:{})):void 0}},g),o.$instance=o._$instances[n],null===(a=(s=o.$instance)[t])||void 0===a||a.call(s,o,l,r,u),p._hook(n,t,o,l,r,u)};return{created:function(t,e,n,i){o("created",t,e,n,i)},beforeMount:function(e,n,i,l){var r,u,c,a,s,v=null==n||null===(r=n.instance)||void 0===r||null===(r=r.$primevue)||void 0===r?void 0:r.config;t.loadBaseStyle(void 0,{nonce:null==v||null===(u=v.csp)||void 0===u?void 0:u.nonce}),(null===(c=e.$instance)||void 0===c||!c.isUnstyled)&&(null===(a=e.$instance)||void 0===a||null===(a=a.$css)||void 0===a||a.loadStyle(void 0,{nonce:null==v||null===(s=v.csp)||void 0===s?void 0:s.nonce})),o("beforeMount",e,n,i,l)},mounted:function(t,e,n,i){o("mounted",t,e,n,i)},beforeUpdate:function(t,e,n,i){o("beforeUpdate",t,e,n,i)},updated:function(t,e,n,i){o("updated",t,e,n,i)},beforeUnmount:function(t,e,n,i){o("beforeUnmount",t,e,n,i)},unmounted:function(t,e,n,i){o("unmounted",t,e,n,i)}}},extend:function(){var t=o(p._getMeta.apply(p,arguments),2),e=t[1];return v({extend:function(){var t=o(p._getMeta.apply(p,arguments),2),n=t[1];return p.extend(t[0],v(v(v({},e),null==e?void 0:e.methods),n))}},p._extend(t[0],e))}};return p}(primevue.base,primevue.utils,Vue);
+this.primevue=this.primevue||{},this.primevue.basedirective=function(t,e,n){"use strict";function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o=i(t);function l(t){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},l(t)}function r(t,e){return d(t)||c(t,e)||a(t,e)||u()}function u(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function a(t,e){if(t){if("string"==typeof t)return v(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(t,e):void 0}}function v(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=new Array(e);n<e;n++)i[n]=t[n];return i}function c(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var i,o,l,r,u=[],a=!0,v=!1;try{if(l=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;a=!1}else for(;!(a=(i=l.call(n)).done)&&(u.push(i.value),u.length!==e);a=!0);}catch(t){v=!0,o=t}finally{try{if(!a&&null!=n.return&&(r=n.return(),Object(r)!==r))return}finally{if(v)throw o}}return u}}function d(t){if(Array.isArray(t))return t}function s(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function f(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?s(Object(n),!0).forEach((function(e){g(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function g(t,e,n){return(e=p(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function p(t){var e=b(t,"string");return"symbol"===l(e)?e:String(e)}function b(t,e){if("object"!==l(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e||"default");if("object"!==l(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var y={_getMeta:function(){return[e.ObjectUtils.isObject(arguments.length<=0?void 0:arguments[0])||arguments.length<=0?void 0:arguments[0],e.ObjectUtils.getItemValue(e.ObjectUtils.isObject(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:arguments.length<=1?void 0:arguments[1])]},_getConfig:function(t,e){var n,i,o;return null===(n=(null==t||null===(i=t.instance)||void 0===i?void 0:i.$primevue)||(null==e||null===(o=e.ctx)||void 0===o||null===(o=o.appContext)||void 0===o||null===(o=o.config)||void 0===o||null===(o=o.globalProperties)||void 0===o?void 0:o.$primevue))||void 0===n?void 0:n.config},_getOptionValue:function(t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=e.ObjectUtils.toFlatCase(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"").split("."),o=i.shift();return o?e.ObjectUtils.isObject(t)?y._getOptionValue(e.ObjectUtils.getItemValue(t[Object.keys(t).find((function(t){return e.ObjectUtils.toFlatCase(t)===o}))||""],n),i.join("."),n):void 0:e.ObjectUtils.getItemValue(t,n)},_getPTValue:function(){var t,i,o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",u=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=function(){var t=y._getOptionValue.apply(y,arguments);return e.ObjectUtils.isString(t)||e.ObjectUtils.isArray(t)?{class:t}:t},v="data-pc-",c=(null===(t=o.binding)||void 0===t||null===(t=t.value)||void 0===t?void 0:t.ptOptions)||(null===(i=o.$config)||void 0===i?void 0:i.ptOptions)||{},d=c.mergeSections,s=void 0===d||d,p=c.mergeProps,b=void 0!==p&&p,h=!(arguments.length>4&&void 0!==arguments[4])||arguments[4]?y._useDefaultPT(o,o.defaultPT(),a,r,u):void 0,m=y._usePT(o,y._getPT(l,o.$name),a,r,f(f({},u),{},{global:h||{}})),O=f(f({},"root"===r&&g({},"".concat(v,"name"),e.ObjectUtils.toFlatCase(o.$name))),{},g({},"".concat(v,"section"),e.ObjectUtils.toFlatCase(r)));return s||!s&&m?b?n.mergeProps(h,m,O):f(f(f({},h),m),O):f(f({},m),O)},_getPT:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",i=arguments.length>2?arguments[2]:void 0,o=function(t){var o,l=i?i(t):t,r=e.ObjectUtils.toFlatCase(n);return null!==(o=null==l?void 0:l[r])&&void 0!==o?o:l};return null!=t&&t.hasOwnProperty("_usept")?{_usept:t._usept,originalValue:o(t.originalValue),value:o(t.value)}:o(t)},_usePT:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},i=arguments.length>1?arguments[1]:void 0,o=arguments.length>2?arguments[2]:void 0,l=arguments.length>3?arguments[3]:void 0,r=arguments.length>4?arguments[4]:void 0,u=function(t){return o(t,l,r)};if(null!=i&&i.hasOwnProperty("_usept")){var a,v=i._usept||(null===(a=t.$config)||void 0===a?void 0:a.ptOptions)||{},c=v.mergeSections,d=void 0===c||c,s=v.mergeProps,g=void 0!==s&&s,p=u(i.originalValue),b=u(i.value);if(void 0===p&&void 0===b)return;return e.ObjectUtils.isString(b)?b:e.ObjectUtils.isString(p)?p:d||!d&&b?g?n.mergeProps(p,b):f(f({},p),b):b}return u(i)},_useDefaultPT:function(){return y._usePT(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},arguments.length>2?arguments[2]:void 0,arguments.length>3?arguments[3]:void 0,arguments.length>4?arguments[4]:void 0)},_hook:function(t,n,i,o,l,r){var u,a,v="on".concat(e.ObjectUtils.toCapitalCase(n)),c=y._getConfig(o,l),d=null==i?void 0:i.$instance,s=y._usePT(d,y._getPT(null==o||null===(u=o.value)||void 0===u?void 0:u.pt,t),y._getOptionValue,"hooks.".concat(v)),f=y._useDefaultPT(d,null==c||null===(a=c.pt)||void 0===a||null===(a=a.directives)||void 0===a?void 0:a[t],y._getOptionValue,"hooks.".concat(v)),g={el:i,binding:o,vnode:l,prevVnode:r};null==s||s(d,g),null==f||f(d,g)},_extend:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=function(i,o,l,r,u){var a,v;o._$instances=o._$instances||{};var c=y._getConfig(l,r),d=o._$instances[t]||{},s=e.ObjectUtils.isEmpty(d)?f(f({},n),null==n?void 0:n.methods):{};o._$instances[t]=f(f({},d),{},{$name:t,$host:o,$binding:l,$el:d.$el||void 0,$style:f({classes:void 0,inlineStyles:void 0,loadStyle:function(){}},null==n?void 0:n.style),$config:c,defaultPT:function(){return y._getPT(null==c?void 0:c.pt,void 0,(function(e){var n;return null==e||null===(n=e.directives)||void 0===n?void 0:n[t]}))},isUnstyled:function(){var t,e;return void 0!==(null===(t=o.$instance)||void 0===t||null===(t=t.$binding)||void 0===t||null===(t=t.value)||void 0===t?void 0:t.unstyled)?null===(e=o.$instance)||void 0===e||null===(e=e.$binding)||void 0===e||null===(e=e.value)||void 0===e?void 0:e.unstyled:null==c?void 0:c.unstyled},ptm:function(){var t;return y._getPTValue(o.$instance,null===(t=o.$instance)||void 0===t||null===(t=t.$binding)||void 0===t||null===(t=t.value)||void 0===t?void 0:t.pt,arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",f({},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}))},ptmo:function(){return y._getPTValue(o.$instance,arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},!1)},cx:function(){var t,e,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return null!==(t=o.$instance)&&void 0!==t&&t.isUnstyled()?void 0:y._getOptionValue(null===(e=o.$instance)||void 0===e||null===(e=e.$style)||void 0===e?void 0:e.classes,n,f({},i))},sx:function(){var t;return!(arguments.length>1&&void 0!==arguments[1])||arguments[1]?y._getOptionValue(null===(t=o.$instance)||void 0===t||null===(t=t.$style)||void 0===t?void 0:t.inlineStyles,arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",f({},arguments.length>2&&void 0!==arguments[2]?arguments[2]:{})):void 0}},s),o.$instance=o._$instances[t],null===(a=(v=o.$instance)[i])||void 0===a||a.call(v,o,l,r,u),y._hook(t,i,o,l,r,u)};return{created:function(t,e,n,o){i("created",t,e,n,o)},beforeMount:function(t,e,n,l){var r,u,a,v,c=y._getConfig(e,n);o.default.loadStyle(void 0,{nonce:null==c||null===(r=c.csp)||void 0===r?void 0:r.nonce}),(null===(u=t.$instance)||void 0===u||!u.isUnstyled())&&(null===(a=t.$instance)||void 0===a||null===(a=a.$style)||void 0===a||a.loadStyle(void 0,{nonce:null==c||null===(v=c.csp)||void 0===v?void 0:v.nonce})),i("beforeMount",t,e,n,l)},mounted:function(t,e,n,o){i("mounted",t,e,n,o)},beforeUpdate:function(t,e,n,o){i("beforeUpdate",t,e,n,o)},updated:function(t,e,n,o){i("updated",t,e,n,o)},beforeUnmount:function(t,e,n,o){i("beforeUnmount",t,e,n,o)},unmounted:function(t,e,n,o){i("unmounted",t,e,n,o)}}},extend:function(){var t=r(y._getMeta.apply(y,arguments),2),e=t[1];return f({extend:function(){var t=r(y._getMeta.apply(y,arguments),2),n=t[1];return y.extend(t[0],f(f(f({},e),null==e?void 0:e.methods),n))}},y._extend(t[0],e))}};return y}(primevue.base.style,primevue.utils,Vue);

package/baseicon/BaseIcon.vue

@@ -1,42 +1,7 @@
 <script>
-import { useStyle } from 'primevue/usestyle';
+import BaseIconStyle from 'primevue/baseicon/style';
 import { ObjectUtils } from 'primevue/utils';
 
-const styles = `
-.p-icon {
-    display: inline-block;
-}
-
-.p-icon-spin {
-    -webkit-animation: p-icon-spin 2s infinite linear;
-    animation: p-icon-spin 2s infinite linear;
-}
-
-@-webkit-keyframes p-icon-spin {
-    0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-    }
-    100% {
-        -webkit-transform: rotate(359deg);
-        transform: rotate(359deg);
-    }
-}
-
-@keyframes p-icon-spin {
-    0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-    }
-    100% {
-        -webkit-transform: rotate(359deg);
-        transform: rotate(359deg);
-    }
-}
-`;
-
-const { load: loadStyle } = useStyle(styles, { name: 'baseicon', manual: true });
-
 export default {
     name: 'BaseIcon',
     props: {
@@ -50,7 +15,7 @@ export default {
         }
     },
     beforeMount() {
-        loadStyle(undefined, { nonce: this.$config?.csp?.nonce });
+        BaseIconStyle.loadStyle({ nonce: this.$config?.csp?.nonce });
     },
     methods: {
         pti() {

package/baseicon/baseicon.cjs.js

@@ -1,14 +1,12 @@
 'use strict';
 
-var usestyle = require('primevue/usestyle');
+var BaseIconStyle = require('primevue/baseicon/style');
 var utils = require('primevue/utils');
 
-var styles = "\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n";
-var _useStyle = usestyle.useStyle(styles, {
-    name: 'baseicon',
-    manual: true
-  }),
-  loadStyle = _useStyle.load;
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var BaseIconStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseIconStyle);
+
 var script = {
   name: 'BaseIcon',
   props: {
@@ -23,7 +21,7 @@ var script = {
   },
   beforeMount: function beforeMount() {
     var _this$$config;
-    loadStyle(undefined, {
+    BaseIconStyle__default["default"].loadStyle({
       nonce: (_this$$config = this.$config) === null || _this$$config === void 0 || (_this$$config = _this$$config.csp) === null || _this$$config === void 0 ? void 0 : _this$$config.nonce
     });
   },

package/baseicon/baseicon.cjs.min.js

@@ -1 +1 @@
-"use strict";var n=require("primevue/usestyle"),i=require("primevue/utils"),e=n.useStyle("\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n",{name:"baseicon",manual:!0}).load,t={name:"BaseIcon",props:{label:{type:String,default:void 0},spin:{type:Boolean,default:!1}},beforeMount:function(){var n;e(void 0,{nonce:null===(n=this.$config)||void 0===n||null===(n=n.csp)||void 0===n?void 0:n.nonce})},methods:{pti:function(){var n=i.ObjectUtils.isEmpty(this.label);return{class:["p-icon",{"p-icon-spin":this.spin}],role:n?void 0:"img","aria-label":n?void 0:this.label,"aria-hidden":n}}},computed:{$config:function(){var n;return null===(n=this.$primevue)||void 0===n?void 0:n.config}}};module.exports=t;
+"use strict";var e=require("primevue/baseicon/style"),i=require("primevue/utils");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=t(e),o={name:"BaseIcon",props:{label:{type:String,default:void 0},spin:{type:Boolean,default:!1}},beforeMount:function(){var e;n.default.loadStyle({nonce:null===(e=this.$config)||void 0===e||null===(e=e.csp)||void 0===e?void 0:e.nonce})},methods:{pti:function(){var e=i.ObjectUtils.isEmpty(this.label);return{class:["p-icon",{"p-icon-spin":this.spin}],role:e?void 0:"img","aria-label":e?void 0:this.label,"aria-hidden":e}}},computed:{$config:function(){var e;return null===(e=this.$primevue)||void 0===e?void 0:e.config}}};module.exports=o;

package/baseicon/baseicon.esm.js

@@ -1,12 +1,6 @@
-import { useStyle } from 'primevue/usestyle';
+import BaseIconStyle from 'primevue/baseicon/style';
 import { ObjectUtils } from 'primevue/utils';
 
-var styles = "\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n";
-var _useStyle = useStyle(styles, {
-    name: 'baseicon',
-    manual: true
-  }),
-  loadStyle = _useStyle.load;
 var script = {
   name: 'BaseIcon',
   props: {
@@ -21,7 +15,7 @@ var script = {
   },
   beforeMount: function beforeMount() {
     var _this$$config;
-    loadStyle(undefined, {
+    BaseIconStyle.loadStyle({
       nonce: (_this$$config = this.$config) === null || _this$$config === void 0 || (_this$$config = _this$$config.csp) === null || _this$$config === void 0 ? void 0 : _this$$config.nonce
     });
   },

package/baseicon/baseicon.esm.min.js

@@ -1 +1 @@
-import{useStyle as n}from"primevue/usestyle";import{ObjectUtils as i}from"primevue/utils";var e=n("\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n",{name:"baseicon",manual:!0}).load,o={name:"BaseIcon",props:{label:{type:String,default:void 0},spin:{type:Boolean,default:!1}},beforeMount:function(){var n;e(void 0,{nonce:null===(n=this.$config)||void 0===n||null===(n=n.csp)||void 0===n?void 0:n.nonce})},methods:{pti:function(){var n=i.isEmpty(this.label);return{class:["p-icon",{"p-icon-spin":this.spin}],role:n?void 0:"img","aria-label":n?void 0:this.label,"aria-hidden":n}}},computed:{$config:function(){var n;return null===(n=this.$primevue)||void 0===n?void 0:n.config}}};export{o as default};
+import i from"primevue/baseicon/style";import{ObjectUtils as o}from"primevue/utils";var e={name:"BaseIcon",props:{label:{type:String,default:void 0},spin:{type:Boolean,default:!1}},beforeMount:function(){var o;i.loadStyle({nonce:null===(o=this.$config)||void 0===o||null===(o=o.csp)||void 0===o?void 0:o.nonce})},methods:{pti:function(){var i=o.isEmpty(this.label);return{class:["p-icon",{"p-icon-spin":this.spin}],role:i?void 0:"img","aria-label":i?void 0:this.label,"aria-hidden":i}}},computed:{$config:function(){var i;return null===(i=this.$primevue)||void 0===i?void 0:i.config}}};export{e as default};

package/baseicon/baseicon.js

@@ -1,13 +1,11 @@
 this.primevue = this.primevue || {};
-this.primevue.baseicon = (function (usestyle, utils) {
+this.primevue.baseicon = (function (BaseIconStyle, utils) {
     'use strict';
 
-    var styles = "\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n";
-    var _useStyle = usestyle.useStyle(styles, {
-        name: 'baseicon',
-        manual: true
-      }),
-      loadStyle = _useStyle.load;
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BaseIconStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseIconStyle);
+
     var script = {
       name: 'BaseIcon',
       props: {
@@ -22,7 +20,7 @@ this.primevue.baseicon = (function (usestyle, utils) {
       },
       beforeMount: function beforeMount() {
         var _this$$config;
-        loadStyle(undefined, {
+        BaseIconStyle__default["default"].loadStyle({
           nonce: (_this$$config = this.$config) === null || _this$$config === void 0 || (_this$$config = _this$$config.csp) === null || _this$$config === void 0 ? void 0 : _this$$config.nonce
         });
       },
@@ -49,4 +47,4 @@ this.primevue.baseicon = (function (usestyle, utils) {
 
     return script;
 
-})(primevue.usestyle, primevue.utils);
+})(primevue.baseicon.style, primevue.utils);

package/baseicon/baseicon.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.baseicon=function(n,i){"use strict";var e=n.useStyle("\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n",{name:"baseicon",manual:!0}).load;return{name:"BaseIcon",props:{label:{type:String,default:void 0},spin:{type:Boolean,default:!1}},beforeMount:function(){var n;e(void 0,{nonce:null===(n=this.$config)||void 0===n||null===(n=n.csp)||void 0===n?void 0:n.nonce})},methods:{pti:function(){var n=i.ObjectUtils.isEmpty(this.label);return{class:["p-icon",{"p-icon-spin":this.spin}],role:n?void 0:"img","aria-label":n?void 0:this.label,"aria-hidden":n}}},computed:{$config:function(){var n;return null===(n=this.$primevue)||void 0===n?void 0:n.config}}}}(primevue.usestyle,primevue.utils);
+this.primevue=this.primevue||{},this.primevue.baseicon=function(i,e){"use strict";function t(i){return i&&"object"==typeof i&&"default"in i?i:{default:i}}var n=t(i);return{name:"BaseIcon",props:{label:{type:String,default:void 0},spin:{type:Boolean,default:!1}},beforeMount:function(){var i;n.default.loadStyle({nonce:null===(i=this.$config)||void 0===i||null===(i=i.csp)||void 0===i?void 0:i.nonce})},methods:{pti:function(){var i=e.ObjectUtils.isEmpty(this.label);return{class:["p-icon",{"p-icon-spin":this.spin}],role:i?void 0:"img","aria-label":i?void 0:this.label,"aria-hidden":i}}},computed:{$config:function(){var i;return null===(i=this.$primevue)||void 0===i?void 0:i.config}}}}(primevue.baseicon.style,primevue.utils);

package/baseicon/package.json

@@ -1,8 +1,8 @@
 {
-  "main": "./baseicon.cjs.js",
-  "module": "./baseicon.esm.js",
-  "unpkg": "./baseicon.min.js",
-  "browser": {
-    "./sfc": "./BaseIcon.vue"
-  }
-}
+    "main": "./baseicon.cjs.js",
+    "module": "./baseicon.esm.js",
+    "unpkg": "./baseicon.min.js",
+    "browser": {
+        "./sfc": "./BaseIcon.vue"
+    }
+}

package/baseicon/style/BaseIconStyle.d.ts

@@ -0,0 +1,3 @@
+import { BaseStyle } from '../../base/style';
+
+export interface BaseIconStyle extends BaseStyle {}

package/baseicon/style/baseiconstyle.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var BaseStyle = require('primevue/base/style');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
+
+var css = "\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n";
+var BaseIconStyle = BaseStyle__default["default"].extend({
+  name: 'baseicon',
+  css: css
+});
+
+module.exports = BaseIconStyle;

package/baseicon/style/baseiconstyle.cjs.min.js

@@ -0,0 +1 @@
+"use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e=n(require("primevue/base/style")).default.extend({name:"baseicon",css:"\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n"});module.exports=e;

package/baseicon/style/baseiconstyle.esm.js

@@ -0,0 +1,9 @@
+import BaseStyle from 'primevue/base/style';
+
+var css = "\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n";
+var BaseIconStyle = BaseStyle.extend({
+  name: 'baseicon',
+  css: css
+});
+
+export { BaseIconStyle as default };

package/baseicon/style/baseiconstyle.esm.min.js

@@ -0,0 +1 @@
+import n from"primevue/base/style";var e=n.extend({name:"baseicon",css:"\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n"});export{e as default};

package/baseicon/style/baseiconstyle.js

@@ -0,0 +1,18 @@
+this.primevue = this.primevue || {};
+this.primevue.baseicon = this.primevue.baseicon || {};
+this.primevue.baseicon.style = (function (BaseStyle) {
+    'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
+
+    var css = "\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n";
+    var BaseIconStyle = BaseStyle__default["default"].extend({
+      name: 'baseicon',
+      css: css
+    });
+
+    return BaseIconStyle;
+
+})(primevue.base.style);

package/baseicon/style/baseiconstyle.min.js

@@ -0,0 +1 @@
+this.primevue=this.primevue||{},this.primevue.baseicon=this.primevue.baseicon||{},this.primevue.baseicon.style=function(n){"use strict";function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}return e(primevue.base.style).default.extend({name:"baseicon",css:"\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n"})}();

package/baseicon/style/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "./baseiconstyle.cjs.js",
+    "module": "./baseiconstyle.esm.js",
+    "unpkg": "./baseiconstyle.min.js",
+    "types": "./BaseIconStyle.d.ts"
+}

package/blockui/BaseBlockUI.vue

@@ -1,28 +1,6 @@
 <script>
 import BaseComponent from 'primevue/basecomponent';
-import { useStyle } from 'primevue/usestyle';
-
-const styles = `
-@layer primevue {
-    .p-blockui-container {
-        position: relative;
-    }
-    
-    .p-blockui.p-component-overlay {
-        position: absolute;
-    }
-    
-    .p-blockui-document.p-component-overlay {
-        position: fixed;
-    }
-}
-`;
-
-const classes = {
-    root: 'p-blockui-container'
-};
-
-const { load: loadStyle } = useStyle(styles, { name: 'blockui', manual: true });
+import BlockUIStyle from 'primevue/blockui/style';
 
 export default {
     name: 'BaseBlockUI',
@@ -45,10 +23,7 @@ export default {
             default: true
         }
     },
-    css: {
-        classes,
-        loadStyle
-    },
+    style: BlockUIStyle,
     provide() {
         return {
             $parentInstance: this

package/blockui/BlockUI.vue

@@ -50,8 +50,7 @@ export default {
                 });
 
                 document.body.appendChild(this.mask);
-                DomHandler.addClass(document.body, 'p-overflow-hidden');
-                document.body.style.setProperty('--scrollbar-width', DomHandler.calculateScrollbarWidth() + 'px');
+                DomHandler.blockBodyScroll();
                 document.activeElement.blur();
             } else {
                 this.mask = DomHandler.createElement('div', {
@@ -92,8 +91,7 @@ export default {
 
             if (this.fullScreen) {
                 document.body.removeChild(this.mask);
-                DomHandler.removeClass(document.body, 'p-overflow-hidden');
-                document.body.style.removeProperty('--scrollbar-width');
+                DomHandler.unblockBodyScroll();
             } else {
                 this.$refs.container.removeChild(this.mask);
             }

package/blockui/blockui.cjs.js

@@ -2,22 +2,14 @@
 
 var utils = require('primevue/utils');
 var BaseComponent = require('primevue/basecomponent');
-var usestyle = require('primevue/usestyle');
+var BlockUIStyle = require('primevue/blockui/style');
 var vue = require('vue');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+var BlockUIStyle__default = /*#__PURE__*/_interopDefaultLegacy(BlockUIStyle);
 
-var styles = "\n@layer primevue {\n    .p-blockui-container {\n        position: relative;\n    }\n    \n    .p-blockui.p-component-overlay {\n        position: absolute;\n    }\n    \n    .p-blockui-document.p-component-overlay {\n        position: fixed;\n    }\n}\n";
-var classes = {
-  root: 'p-blockui-container'
-};
-var _useStyle = usestyle.useStyle(styles, {
-    name: 'blockui',
-    manual: true
-  }),
-  loadStyle = _useStyle.load;
 var script$1 = {
   name: 'BaseBlockUI',
   "extends": BaseComponent__default["default"],
@@ -39,10 +31,7 @@ var script$1 = {
       "default": true
     }
   },
-  css: {
-    classes: classes,
-    loadStyle: loadStyle
-  },
+  style: BlockUIStyle__default["default"],
   provide: function provide() {
     return {
       $parentInstance: this
@@ -88,8 +77,7 @@ var script = {
           'p-bind': this.ptm('mask')
         });
         document.body.appendChild(this.mask);
-        utils.DomHandler.addClass(document.body, 'p-overflow-hidden');
-        document.body.style.setProperty('--scrollbar-width', utils.DomHandler.calculateScrollbarWidth() + 'px');
+        utils.DomHandler.blockBodyScroll();
         document.activeElement.blur();
       } else {
         this.mask = utils.DomHandler.createElement('div', {
@@ -127,8 +115,7 @@ var script = {
       utils.ZIndexUtils.clear(this.mask);
       if (this.fullScreen) {
         document.body.removeChild(this.mask);
-        utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
-        document.body.style.removeProperty('--scrollbar-width');
+        utils.DomHandler.unblockBodyScroll();
       } else {
         this.$refs.container.removeChild(this.mask);
       }