primevue 3.31.0 → 3.32.1

package/basedirective/basedirective.esm.min.js

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

package/basedirective/basedirective.js

@@ -40,17 +40,54 @@ this.primevue.basedirective = (function (base, utils, vue) {
           } : value;
         };
         var datasetPrefix = 'data-pc-';
-        var self = getValue(obj, key, params);
-        var globalPT = searchInDefaultPT ? getValue(instance.defaultPT, key, params) : undefined;
+        var self = BaseDirective._usePT(BaseDirective._getPT(obj, instance.$name), getValue, key, params);
+        var globalPT = searchInDefaultPT ? BaseDirective._useDefaultPT(instance.defaultPT, getValue, key, params) : undefined;
         var merged = vue.mergeProps(self, globalPT, _objectSpread(_objectSpread({}, key === 'root' && _defineProperty({}, "".concat(datasetPrefix, "name"), utils.ObjectUtils.toFlatCase(instance.$name))), {}, _defineProperty({}, "".concat(datasetPrefix, "section"), utils.ObjectUtils.toFlatCase(key))));
         return merged;
       },
+      _getPT: function _getPT(pt) {
+        var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+        var callback = arguments.length > 2 ? arguments[2] : undefined;
+        var _usept = pt === null || pt === void 0 ? void 0 : pt['_usept'];
+        var getValue = function getValue(value) {
+          var _computedValue$Object;
+          var computedValue = callback ? callback(value) : value;
+          return (_computedValue$Object = computedValue === null || computedValue === void 0 ? void 0 : computedValue[utils.ObjectUtils.toFlatCase(key)]) !== null && _computedValue$Object !== void 0 ? _computedValue$Object : computedValue;
+        };
+        return utils.ObjectUtils.isNotEmpty(_usept) ? {
+          _usept: _usept,
+          originalValue: getValue(pt.originalValue),
+          value: getValue(pt.value)
+        } : getValue(pt);
+      },
+      _usePT: function _usePT(pt, callback, key, params) {
+        var fn = function fn(value) {
+          return callback(value, key, params);
+        };
+        if (pt !== null && pt !== void 0 && pt.hasOwnProperty('_usept')) {
+          var _pt$_usept = pt['_usept'],
+            merge = _pt$_usept.merge,
+            useMergeProps = _pt$_usept.useMergeProps;
+          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;
+          return merge ? useMergeProps ? vue.mergeProps(originalValue, value) : _objectSpread(_objectSpread({}, originalValue), value) : value;
+        }
+        return fn(pt);
+      },
+      _useDefaultPT: function _useDefaultPT() {
+        var defaultPT = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        var callback = arguments.length > 1 ? arguments[1] : undefined;
+        var key = arguments.length > 2 ? arguments[2] : undefined;
+        var params = arguments.length > 3 ? arguments[3] : undefined;
+        return BaseDirective._usePT(defaultPT, callback, key, params);
+      },
       _hook: function _hook(directiveName, hookName, el, binding, vnode, prevVnode) {
         var _binding$instance, _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 selfHook = binding === null || binding === void 0 || (_binding$value = binding.value) === null || _binding$value === void 0 || (_binding$value = _binding$value.pt) === null || _binding$value === void 0 || (_binding$value = _binding$value.hooks) === null || _binding$value === void 0 ? void 0 : _binding$value[name];
-        var globalHook = config === null || config === void 0 || (_config$pt = config.pt) === null || _config$pt === void 0 || (_config$pt = _config$pt.directives) === null || _config$pt === void 0 || (_config$pt = _config$pt[directiveName]) === null || _config$pt === void 0 || (_config$pt = _config$pt.hooks) === null || _config$pt === void 0 ? void 0 : _config$pt[name];
+        var selfHook = BaseDirective._usePT(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(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));
         var options = {
           el: el,
           binding: binding,
@@ -58,12 +95,12 @@ this.primevue.basedirective = (function (base, utils, vue) {
           prevVnode: prevVnode
         };
         selfHook === null || selfHook === void 0 ? void 0 : selfHook(el === null || el === void 0 ? void 0 : el.$instance, options);
-        globalHook === null || globalHook === void 0 ? void 0 : globalHook(el === null || el === void 0 ? void 0 : el.$instance, options);
+        defaultHook === null || defaultHook === void 0 ? void 0 : defaultHook(el === null || el === void 0 ? void 0 : el.$instance, options);
       },
       _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, _config$pt2, _el$$instance$hook, _el$$instance5;
+          var _binding$instance2, _el$$instance$hook, _el$$instance5;
           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 $prevInstance = el._$instances[name] || {};
@@ -79,8 +116,12 @@ this.primevue.basedirective = (function (base, utils, vue) {
               inlineStyles: undefined,
               loadStyle: function loadStyle() {}
             }, options === null || options === void 0 ? void 0 : options.css),
+            $config: config,
             /* computed instance variables */
-            defaultPT: config === null || config === void 0 || (_config$pt2 = config.pt) === null || _config$pt2 === void 0 || (_config$pt2 = _config$pt2.directives) === null || _config$pt2 === void 0 ? void 0 : _config$pt2[name],
+            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,
             /* instance's methods */
             ptm: function ptm() {
@@ -119,9 +160,14 @@ this.primevue.basedirective = (function (base, utils, vue) {
             handleHook('created', el, binding, vnode, prevVnode);
           },
           beforeMount: function beforeMount(el, binding, vnode, prevVnode) {
-            var _el$$instance6, _el$$instance7;
-            base.loadBaseStyle();
-            !((_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());
+            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, {
+              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, {
+              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);
           },
           mounted: function mounted(el, binding, vnode, prevVnode) {

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 d(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){v(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 v(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=b(t,"string");return"symbol"===i(e)?e:String(e)}function b(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=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},l=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],r=function(){var t=p._getOptionValue.apply(p,arguments);return e.ObjectUtils.isString(t)||e.ObjectUtils.isArray(t)?{class:t}:t},u="data-pc-",c=r(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i,o),a=l?r(t.defaultPT,i,o):void 0;return n.mergeProps(c,a,d(d({},"root"===i&&v({},"".concat(u,"name"),e.ObjectUtils.toFlatCase(t.$name))),{},v({},"".concat(u,"section"),e.ObjectUtils.toFlatCase(i))))},_hook:function(t,n,i,o,l,r){var u,c,a,s="on".concat(e.ObjectUtils.toCapitalCase(n)),d=null==o||null===(u=o.instance)||void 0===u||null===(u=u.$primevue)||void 0===u?void 0:u.config,v=null==o||null===(c=o.value)||void 0===c||null===(c=c.pt)||void 0===c||null===(c=c.hooks)||void 0===c?void 0:c[s],f=null==d||null===(a=d.pt)||void 0===a||null===(a=a.directives)||void 0===a||null===(a=a[t])||void 0===a||null===(a=a.hooks)||void 0===a?void 0:a[s],b={el:i,binding:o,vnode:l,prevVnode:r};null==v||v(null==i?void 0:i.$instance,b),null==f||f(null==i?void 0:i.$instance,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,v;o._$instances=o._$instances||{};var f=null==l||null===(c=l.instance)||void 0===c||null===(c=c.$primevue)||void 0===c?void 0:c.config,b=o._$instances[n]||{},g=e.ObjectUtils.isEmpty(b)?d(d({},i),null==i?void 0:i.methods):{};o._$instances[n]=d(d({},b),{},{$name:n,$host:o,$binding:l,$el:b.$el||void 0,$css:d({classes:void 0,inlineStyles:void 0,loadStyle:function(){}},null==i?void 0:i.css),defaultPT:null==f||null===(a=f.pt)||void 0===a||null===(a=a.directives)||void 0===a?void 0:a[n],isUnstyled:void 0!==o.unstyled?o.unstyled:null==f?void 0:f.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]:"",d({},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]:"",d({},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]:"",d({},arguments.length>2&&void 0!==arguments[2]?arguments[2]:{})):void 0}},g),o.$instance=o._$instances[n],null===(s=(v=o.$instance)[t])||void 0===s||s.call(v,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;t.loadBaseStyle(),(null===(r=e.$instance)||void 0===r||!r.isUnstyled)&&(null===(u=e.$instance)||void 0===u||null===(u=u.$css)||void 0===u||u.loadStyle()),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 d({extend:function(){var t=o(p._getMeta.apply(p,arguments),2),n=t[1];return p.extend(t[0],d(d(d({},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 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=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},l=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],r=function(){var t=p._getOptionValue.apply(p,arguments);return e.ObjectUtils.isString(t)||e.ObjectUtils.isArray(t)?{class:t}:t},u="data-pc-",c=p._usePT(p._getPT(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t.$name),r,i,o),a=l?p._useDefaultPT(t.defaultPT,r,i,o):void 0;return n.mergeProps(c,a,v(v({},"root"===i&&d({},"".concat(u,"name"),e.ObjectUtils.toFlatCase(t.$name))),{},d({},"".concat(u,"section"),e.ObjectUtils.toFlatCase(i))))},_getPT:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",i=arguments.length>2?arguments[2]:void 0,o=null==t?void 0:t._usept,l=function(t){var o,l=i?i(t):t;return null!==(o=null==l?void 0:l[e.ObjectUtils.toFlatCase(n)])&&void 0!==o?o:l};return e.ObjectUtils.isNotEmpty(o)?{_usept:o,originalValue:l(t.originalValue),value:l(t.value)}:l(t)},_usePT:function(t,i,o,l){var r=function(t){return i(t,o,l)};if(null!=t&&t.hasOwnProperty("_usept")){var u=t._usept,c=u.merge,a=u.useMergeProps,s=r(t.originalValue),d=r(t.value);if(void 0===s&&void 0===d)return;return e.ObjectUtils.isString(d)?d:e.ObjectUtils.isString(s)?s:c?a?n.mergeProps(s,d):v(v({},s),d):d}return r(t)},_useDefaultPT:function(){return p._usePT(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},arguments.length>1?arguments[1]:void 0,arguments.length>2?arguments[2]:void 0,arguments.length>3?arguments[3]: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=p._usePT(p._getPT(null==o||null===(c=o.value)||void 0===c?void 0:c.pt,t),p._getOptionValue,"hooks.".concat(s)),f=p._useDefaultPT(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)),g={el:i,binding:o,vnode:l,prevVnode:r};null==d||d(null==i?void 0:i.$instance,g),null==f||f(null==i?void 0:i.$instance,g)},_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);

package/baseicon/BaseIcon.vue

@@ -1,6 +1,42 @@
 <script>
+import { useStyle } from 'primevue/usestyle';
 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: {
@@ -13,6 +49,9 @@ export default {
             default: false
         }
     },
+    beforeMount() {
+        loadStyle(undefined, { nonce: this.$config?.csp?.nonce });
+    },
     methods: {
         pti() {
             const isLabelEmpty = ObjectUtils.isEmpty(this.label);
@@ -29,38 +68,11 @@ export default {
                 'aria-hidden': isLabelEmpty
             };
         }
+    },
+    computed: {
+        $config() {
+            return this.$primevue?.config;
+        }
     }
 };
 </script>
-<style>
-.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);
-    }
-}
-</style>

package/baseicon/baseicon.cjs.js

@@ -1,7 +1,14 @@
 'use strict';
 
+var usestyle = require('primevue/usestyle');
 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;
 var script = {
   name: 'BaseIcon',
   props: {
@@ -14,6 +21,12 @@ var script = {
       "default": false
     }
   },
+  beforeMount: function beforeMount() {
+    var _this$$config;
+    loadStyle(undefined, {
+      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
+    });
+  },
   methods: {
     pti: function pti() {
       var isLabelEmpty = utils.ObjectUtils.isEmpty(this.label);
@@ -26,37 +39,13 @@ var script = {
         'aria-hidden': isLabelEmpty
       };
     }
-  }
-};
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
+  },
+  computed: {
+    $config: function $config() {
+      var _this$$primevue;
+      return (_this$$primevue = this.$primevue) === null || _this$$primevue === void 0 ? void 0 : _this$$primevue.config;
     }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
   }
-}
-
-var css_248z = "\n.p-icon {\n    display: inline-block;\n}\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n@-webkit-keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n@keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n";
-styleInject(css_248z);
+};
 
 module.exports = script;

package/baseicon/baseicon.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),n={name:"BaseIcon",props:{label:{type:String,default:void 0},spin:{type:Boolean,default:!1}},methods:{pti:function(){var n=e.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}}}};!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-icon {\n    display: inline-block;\n}\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n@-webkit-keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n@keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n"),module.exports=n;
+"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;

package/baseicon/baseicon.esm.js

@@ -1,5 +1,12 @@
+import { useStyle } from 'primevue/usestyle';
 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: {
@@ -12,6 +19,12 @@ var script = {
       "default": false
     }
   },
+  beforeMount: function beforeMount() {
+    var _this$$config;
+    loadStyle(undefined, {
+      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
+    });
+  },
   methods: {
     pti: function pti() {
       var isLabelEmpty = ObjectUtils.isEmpty(this.label);
@@ -24,37 +37,13 @@ var script = {
         'aria-hidden': isLabelEmpty
       };
     }
-  }
-};
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
+  },
+  computed: {
+    $config: function $config() {
+      var _this$$primevue;
+      return (_this$$primevue = this.$primevue) === null || _this$$primevue === void 0 ? void 0 : _this$$primevue.config;
     }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
   }
-}
-
-var css_248z = "\n.p-icon {\n    display: inline-block;\n}\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n@-webkit-keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n@keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n";
-styleInject(css_248z);
+};
 
 export { script as default };

package/baseicon/baseicon.esm.min.js

@@ -1 +1 @@
-import{ObjectUtils as e}from"primevue/utils";var n={name:"BaseIcon",props:{label:{type:String,default:void 0},spin:{type:Boolean,default:!1}},methods:{pti:function(){var n=e.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}}}};!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-icon {\n    display: inline-block;\n}\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n@-webkit-keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n@keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n");export{n as default};
+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};

package/baseicon/baseicon.js

@@ -1,7 +1,13 @@
 this.primevue = this.primevue || {};
-this.primevue.baseicon = (function (utils) {
+this.primevue.baseicon = (function (usestyle, 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;
     var script = {
       name: 'BaseIcon',
       props: {
@@ -14,6 +20,12 @@ this.primevue.baseicon = (function (utils) {
           "default": false
         }
       },
+      beforeMount: function beforeMount() {
+        var _this$$config;
+        loadStyle(undefined, {
+          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
+        });
+      },
       methods: {
         pti: function pti() {
           var isLabelEmpty = utils.ObjectUtils.isEmpty(this.label);
@@ -26,39 +38,15 @@ this.primevue.baseicon = (function (utils) {
             'aria-hidden': isLabelEmpty
           };
         }
-      }
-    };
-
-    function styleInject(css, ref) {
-      if ( ref === void 0 ) ref = {};
-      var insertAt = ref.insertAt;
-
-      if (!css || typeof document === 'undefined') { return; }
-
-      var head = document.head || document.getElementsByTagName('head')[0];
-      var style = document.createElement('style');
-      style.type = 'text/css';
-
-      if (insertAt === 'top') {
-        if (head.firstChild) {
-          head.insertBefore(style, head.firstChild);
-        } else {
-          head.appendChild(style);
+      },
+      computed: {
+        $config: function $config() {
+          var _this$$primevue;
+          return (_this$$primevue = this.$primevue) === null || _this$$primevue === void 0 ? void 0 : _this$$primevue.config;
         }
-      } else {
-        head.appendChild(style);
-      }
-
-      if (style.styleSheet) {
-        style.styleSheet.cssText = css;
-      } else {
-        style.appendChild(document.createTextNode(css));
       }
-    }
-
-    var css_248z = "\n.p-icon {\n    display: inline-block;\n}\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n@-webkit-keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n@keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n";
-    styleInject(css_248z);
+    };
 
     return script;
 
-})(primevue.utils);
+})(primevue.usestyle, primevue.utils);

package/baseicon/baseicon.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.baseicon=function(e){"use strict";var n={name:"BaseIcon",props:{label:{type:String,default:void 0},spin:{type:Boolean,default:!1}},methods:{pti:function(){var n=e.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}}}};return function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===t&&i.firstChild?i.insertBefore(r,i.firstChild):i.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}("\n.p-icon {\n    display: inline-block;\n}\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n@-webkit-keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n@keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n"),n}(primevue.utils);
+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);

package/blockui/BaseBlockUI.vue

@@ -7,14 +7,6 @@ const styles = `
     position: relative;
 }
 
-.p-blockui {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-}
-
 .p-blockui.p-component-overlay {
     position: absolute;
 }

package/blockui/BlockUI.d.ts

@@ -9,7 +9,7 @@
  */
 import { VNode } from 'vue';
 import { ComponentHooks } from '../basecomponent';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { ClassComponent, GlobalComponentConstructor, PTOptions } from '../ts-helpers';
 
 export declare type BlockUIPassThroughOptionType = BlockUIPassThroughAttributes | ((options: BlockUIPassThroughMethodOptions) => BlockUIPassThroughAttributes | string) | string | null | undefined;
 
@@ -28,11 +28,15 @@ export interface BlockUIPassThroughMethodOptions {
  */
 export interface BlockUIPassThroughOptions {
     /**
-     * Uses to pass attributes to the root's DOM element.
+     * Used to pass attributes to the root's DOM element.
      */
     root?: BlockUIPassThroughOptionType;
     /**
-     * Uses to manage all lifecycle hooks
+     * Used to pass attributes to the mask's DOM element.
+     */
+    mask?: BlockUIPassThroughOptionType;
+    /**
+     * Used to manage all lifecycle hooks
      * @see {@link BaseComponent.ComponentHooks}
      */
     hooks?: ComponentHooks;
@@ -81,10 +85,10 @@ export interface BlockUIProps {
      */
     autoZIndex?: boolean | undefined;
     /**
-     * Uses to pass attributes to DOM elements inside the component.
+     * Used to pass attributes to DOM elements inside the component.
      * @type {BlockUIPassThroughOptions}
      */
-    pt?: BlockUIPassThroughOptions;
+    pt?: PTOptions<BlockUIPassThroughOptions>;
     /**
      * When enabled, it removes component related styles in the core.
      * @defaultValue false