primevue 3.31.0 → 3.32.1

package/badgedirective/badgedirective.js

@@ -23,6 +23,11 @@ this.primevue.badgedirective = (function (utils, BaseDirective, usestyle) {
     });
 
     function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+    function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+    function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+    function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+    function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
     var BadgeDirective = BaseBadgeDirective.extend('badge', {
       mounted: function mounted(el, binding) {
         var _binding$instance$$pr, _binding$value;
@@ -31,7 +36,12 @@ this.primevue.badgedirective = (function (utils, BaseDirective, usestyle) {
         var badge = utils.DomHandler.createElement('span', {
           id: id,
           "class": !el.unstyled && this.cx('root'),
-          'p-bind': this.ptm('root')
+          'p-bind': this.ptm('root', {
+            context: _objectSpread(_objectSpread({}, binding.modifiers), {}, {
+              nogutter: String(binding.value).length === 1,
+              dot: binding.value == null
+            })
+          })
         });
         el.$_pbadgeId = badge.getAttribute('id');
         for (var modifier in binding.modifiers) {

package/badgedirective/badgedirective.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.badgedirective=function(e,a,d){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=n(a),l=d.useStyle("\n.p-badge {\n    display: inline-block;\n    border-radius: 10px;\n    text-align: center;\n    padding: 0 .5rem;\n}\n\n.p-overlay-badge {\n    position: relative;\n}\n\n.p-overlay-badge .p-badge {\n    position: absolute;\n    top: 0;\n    right: 0;\n    transform: translate(50%,-50%);\n    transform-origin: 100% 0;\n    margin: 0;\n}\n\n.p-badge-dot {\n    width: .5rem;\n    min-width: .5rem;\n    height: .5rem;\n    border-radius: 50%;\n    padding: 0;\n}\n\n.p-badge-no-gutter {\n    padding: 0;\n    border-radius: 50%;\n}\n",{name:"badge",manual:!0});function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}return t.default.extend({css:{classes:{root:"p-badge p-component"},loadStyle:l.load}}).extend("badge",{mounted:function(a,d){var n,t,l=e.UniqueComponentId()+"_badge";a.unstyled=(null===(n=d.instance.$primevue)||void 0===n||null===(n=n.config)||void 0===n?void 0:n.unstyled)||(null===(t=d.value)||void 0===t?void 0:t.unstyled)||!1;var r=e.DomHandler.createElement("span",{id:l,class:!a.unstyled&&this.cx("root"),"p-bind":this.ptm("root")});for(var u in a.$_pbadgeId=r.getAttribute("id"),d.modifiers)!a.unstyled&&e.DomHandler.addClass(r,"p-badge-"+u);null!=d.value?(a.$_badgeValue="object"===o(d.value)?d.value.value:d.value,r.appendChild(document.createTextNode(a.$_badgeValue)),1!==String(a.$_badgeValue).length||a.unstyled||!a.unstyled&&e.DomHandler.addClass(r,"p-badge-no-gutter")):!a.unstyled&&e.DomHandler.addClass(r,"p-badge-dot"),a.setAttribute("data-pd-badge",!0),!a.unstyled&&e.DomHandler.addClass(a,"p-overlay-badge"),a.setAttribute("data-p-overlay-badge","true"),a.appendChild(r),this.$el=r},updated:function(a,d){if(!a.unstyled&&e.DomHandler.addClass(a,"p-overlay-badge"),a.setAttribute("data-p-overlay-badge","true"),d.oldValue!==d.value){var n=document.getElementById(a.$_pbadgeId);a.$_badgeValue="object"===o(d.value)?d.value.value:d.value,a.unstyled||(a.$_badgeValue?(e.DomHandler.hasClass(n,"p-badge-dot")&&e.DomHandler.removeClass(n,"p-badge-dot"),1===a.$_badgeValue.length?e.DomHandler.addClass(n,"p-badge-no-gutter"):e.DomHandler.removeClass(n,"p-badge-no-gutter")):a.$_badgeValue||e.DomHandler.hasClass(n,"p-badge-dot")||e.DomHandler.addClass(n,"p-badge-dot")),n.innerHTML="",n.appendChild(document.createTextNode(a.$_badgeValue))}}})}(primevue.utils,primevue.basedirective,primevue.usestyle);
+this.primevue=this.primevue||{},this.primevue.badgedirective=function(e,t,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(t),d=n.useStyle("\n.p-badge {\n    display: inline-block;\n    border-radius: 10px;\n    text-align: center;\n    padding: 0 .5rem;\n}\n\n.p-overlay-badge {\n    position: relative;\n}\n\n.p-overlay-badge .p-badge {\n    position: absolute;\n    top: 0;\n    right: 0;\n    transform: translate(50%,-50%);\n    transform-origin: 100% 0;\n    margin: 0;\n}\n\n.p-badge-dot {\n    width: .5rem;\n    min-width: .5rem;\n    height: .5rem;\n    border-radius: 50%;\n    padding: 0;\n}\n\n.p-badge-no-gutter {\n    padding: 0;\n    border-radius: 50%;\n}\n",{name:"badge",manual:!0});function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function u(e,t,n){return(t=s(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e){var t=b(e,"string");return"symbol"===o(t)?t:String(t)}function b(e,t){if("object"!==o(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}return a.default.extend({css:{classes:{root:"p-badge p-component"},loadStyle:d.load}}).extend("badge",{mounted:function(t,n){var r,a,d=e.UniqueComponentId()+"_badge";t.unstyled=(null===(r=n.instance.$primevue)||void 0===r||null===(r=r.config)||void 0===r?void 0:r.unstyled)||(null===(a=n.value)||void 0===a?void 0:a.unstyled)||!1;var l=e.DomHandler.createElement("span",{id:d,class:!t.unstyled&&this.cx("root"),"p-bind":this.ptm("root",{context:i(i({},n.modifiers),{},{nogutter:1===String(n.value).length,dot:null==n.value})})});for(var u in t.$_pbadgeId=l.getAttribute("id"),n.modifiers)!t.unstyled&&e.DomHandler.addClass(l,"p-badge-"+u);null!=n.value?(t.$_badgeValue="object"===o(n.value)?n.value.value:n.value,l.appendChild(document.createTextNode(t.$_badgeValue)),1!==String(t.$_badgeValue).length||t.unstyled||!t.unstyled&&e.DomHandler.addClass(l,"p-badge-no-gutter")):!t.unstyled&&e.DomHandler.addClass(l,"p-badge-dot"),t.setAttribute("data-pd-badge",!0),!t.unstyled&&e.DomHandler.addClass(t,"p-overlay-badge"),t.setAttribute("data-p-overlay-badge","true"),t.appendChild(l),this.$el=l},updated:function(t,n){if(!t.unstyled&&e.DomHandler.addClass(t,"p-overlay-badge"),t.setAttribute("data-p-overlay-badge","true"),n.oldValue!==n.value){var r=document.getElementById(t.$_pbadgeId);t.$_badgeValue="object"===o(n.value)?n.value.value:n.value,t.unstyled||(t.$_badgeValue?(e.DomHandler.hasClass(r,"p-badge-dot")&&e.DomHandler.removeClass(r,"p-badge-dot"),1===t.$_badgeValue.length?e.DomHandler.addClass(r,"p-badge-no-gutter"):e.DomHandler.removeClass(r,"p-badge-no-gutter")):t.$_badgeValue||e.DomHandler.hasClass(r,"p-badge-dot")||e.DomHandler.addClass(r,"p-badge-dot")),r.innerHTML="",r.appendChild(document.createTextNode(t.$_badgeValue))}}})}(primevue.utils,primevue.basedirective,primevue.usestyle);

package/basecomponent/BaseComponent.vue

@@ -52,7 +52,7 @@ const buttonStyles = `
     margin: 0;
 }
 
-.p-buttonset .p-button:not(:last-child) {
+.p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
     border-right: 0 none;
 }
 
@@ -357,6 +357,7 @@ ${radioButtonStyles}
 `;
 
 const { load: loadStyle } = useStyle(styles, { name: 'common', manual: true });
+const { load: loadGlobalStyle } = useStyle('', { name: 'global', manual: true });
 
 export default {
     name: 'BaseComponent',
@@ -380,21 +381,31 @@ export default {
             immediate: true,
             handler(newValue) {
                 if (!newValue) {
-                    loadStyle();
-                    this.$options.css && this.$css.loadStyle();
+                    loadStyle(undefined, { nonce: this.$config?.csp?.nonce });
+                    this.$options.css && this.$css.loadStyle(undefined, { nonce: this.$config?.csp?.nonce });
                 }
             }
         }
     },
     beforeCreate() {
-        this.pt?.hooks?.['onBeforeCreate']?.();
-        this.$primevue?.config?.pt?.[this.$.type.name]?.hooks?.['onBeforeCreate']?.();
+        const _usept = this.pt?.['_usept'];
+        const originalValue = _usept ? this.pt?.originalValue?.[this.$.type.name] : undefined;
+        const value = _usept ? this.pt?.value?.[this.$.type.name] : this.pt;
+
+        (value || originalValue)?.hooks?.['onBeforeCreate']?.();
+
+        const _useptInConfig = this.$config?.pt?.['_usept'];
+        const originalValueInConfig = _useptInConfig ? this.$primevue?.config?.pt?.originalValue : undefined;
+        const valueInConfig = _useptInConfig ? this.$primevue?.config?.pt?.value : this.$primevue?.config?.pt;
+
+        (valueInConfig || originalValueInConfig)?.[this.$.type.name]?.hooks?.['onBeforeCreate']?.();
     },
     created() {
         this._hook('onCreated');
     },
     beforeMount() {
-        loadBaseStyle();
+        loadBaseStyle(undefined, { nonce: this.$config?.csp?.nonce });
+        this._loadGlobalStyles();
         this._hook('onBeforeMount');
     },
     mounted() {
@@ -414,11 +425,28 @@ export default {
     },
     methods: {
         _hook(hookName) {
-            const selfHook = this._getOptionValue(this.pt, `hooks.${hookName}`);
-            const globalHook = this._getOptionValue(this.globalPT, `hooks.${hookName}`);
+            if (!this.$options.hostName) {
+                const selfHook = this._usePT(this._getPT(this.pt, this.$.type.name), this._getOptionValue, `hooks.${hookName}`);
+                const defaultHook = this._useDefaultPT(this._getOptionValue, `hooks.${hookName}`);
+
+                selfHook?.();
+                defaultHook?.();
+            }
+        },
+        _loadGlobalStyles() {
+            /*
+             * @todo Add self custom css support;
+             * <Panel :pt="{ css: `...` }" .../>
+             *
+             * const selfCSS = this._getPTClassValue(this.pt, 'css', this.$params);
+             * const defaultCSS = this._getPTClassValue(this.defaultPT, 'css', this.$params);
+             * const mergedCSS = mergeProps(selfCSS, defaultCSS);
+             * ObjectUtils.isNotEmpty(mergedCSS?.class) && this.$css.loadCustomStyle(mergedCSS?.class);
+             */
+
+            const globalCSS = this._useGlobalPT(this._getOptionValue, 'global.css', this.$params);
 
-            selfHook?.();
-            globalHook?.();
+            ObjectUtils.isNotEmpty(globalCSS) && loadGlobalStyle(globalCSS, { nonce: this.$config?.csp?.nonce });
         },
         _getHostInstance(instance) {
             return instance ? (this.$options.hostName ? (instance.$.type.name === this.$options.hostName ? instance : this._getHostInstance(instance.$parentInstance)) : instance.$parentInstance) : undefined;
@@ -434,19 +462,18 @@ export default {
                 : ObjectUtils.getItemValue(options, params);
         },
         _getPTValue(obj = {}, key = '', params = {}, searchInDefaultPT = true) {
-            const getValue = (...args) => {
-                const value = this._getOptionValue(...args);
-
-                return ObjectUtils.isString(value) || ObjectUtils.isArray(value) ? { class: value } : value;
-            };
-
             const datasetPrefix = 'data-pc-';
-            const self = getValue(obj, key, params);
-            const globalPT = searchInDefaultPT ? (/./g.test(key) && !!params[key.split('.')[0]] ? getValue(this.globalPT, key, params) : getValue(this.defaultPT, key, params)) : undefined;
-            const merged = mergeProps(self, globalPT, {
-                ...(key === 'root' && { [`${datasetPrefix}name`]: ObjectUtils.toFlatCase(this.$.type.name) }),
-                [`${datasetPrefix}section`]: ObjectUtils.toFlatCase(key)
-            });
+            const searchOut = /./g.test(key) && !!params[key.split('.')[0]];
+            const self = searchOut ? undefined : this._usePT(this._getPT(obj, this.$name), this._getPTClassValue, key, params);
+            const globalPT = searchInDefaultPT ? (searchOut ? this._useGlobalPT(this._getPTClassValue, key, params) : this._useDefaultPT(this._getPTClassValue, key, params)) : undefined;
+            const merged = mergeProps(
+                self,
+                globalPT,
+                key !== 'transition' && {
+                    ...(key === 'root' && { [`${datasetPrefix}name`]: ObjectUtils.toFlatCase(this.$.type.name) }),
+                    [`${datasetPrefix}section`]: ObjectUtils.toFlatCase(key)
+                }
+            );
 
             return merged;
             /*
@@ -455,19 +482,64 @@ export default {
              * return self && self['class'] ? { ...merged, ...{ class: self['class'] } } : merged;
              */
         },
+        _getPTClassValue(...args) {
+            const value = this._getOptionValue(...args);
+
+            return ObjectUtils.isString(value) || ObjectUtils.isArray(value) ? { class: value } : value;
+        },
+        _getPT(pt, key = '', callback) {
+            const _usept = pt?.['_usept'];
+
+            const getValue = (value) => {
+                const computedValue = callback ? callback(value) : value;
+
+                return computedValue?.[ObjectUtils.toFlatCase(key)] ?? computedValue;
+            };
+
+            return ObjectUtils.isNotEmpty(_usept)
+                ? {
+                      _usept,
+                      originalValue: getValue(pt.originalValue),
+                      value: getValue(pt.value)
+                  }
+                : getValue(pt);
+        },
+        _usePT(pt, callback, key, params) {
+            const fn = (value) => callback(value, key, params);
+
+            if (pt?.hasOwnProperty('_usept')) {
+                const { merge, useMergeProps } = pt['_usept'];
+                const originalValue = fn(pt.originalValue);
+                const value = fn(pt.value);
+
+                if (originalValue === undefined && value === undefined) return undefined;
+                else if (ObjectUtils.isString(value)) return value;
+                else if (ObjectUtils.isString(originalValue)) return originalValue;
+
+                return merge ? (useMergeProps ? mergeProps(originalValue, value) : { ...originalValue, ...value }) : value;
+            }
+
+            return fn(pt);
+        },
+        _useGlobalPT(callback, key, params) {
+            return this._usePT(this.globalPT, callback, key, params);
+        },
+        _useDefaultPT(callback, key, params) {
+            return this._usePT(this.defaultPT, callback, key, params);
+        },
         ptm(key = '', params = {}) {
-            return this._getPTValue(this.pt, key, { instance: this, props: this.$props, state: this.$data, ...params });
+            return this._getPTValue(this.pt, key, { ...this.$params, ...params });
         },
         ptmo(obj = {}, key = '', params = {}) {
             return this._getPTValue(obj, key, { instance: this, ...params }, false);
         },
         cx(key = '', params = {}) {
-            return !this.isUnstyled ? this._getOptionValue(this.$css.classes, key, { instance: this, props: this.$props, state: this.$data, parentInstance: this.$parentInstance, ...params }) : undefined;
+            return !this.isUnstyled ? this._getOptionValue(this.$css.classes, key, { ...this.$params, ...params }) : undefined;
         },
         sx(key = '', when = true, params = {}) {
             if (when) {
-                const self = this._getOptionValue(this.$css.inlineStyles, key, { instance: this, props: this.$props, state: this.$data, parentInstance: this.$parentInstance, ...params });
-                const base = this._getOptionValue(inlineStyles, key, { instance: this, props: this.$props, state: this.$data, parentInstance: this.$parentInstance, ...params });
+                const self = this._getOptionValue(this.$css.inlineStyles, key, { ...this.$params, ...params });
+                const base = this._getOptionValue(inlineStyles, key, { ...this.$params, ...params });
 
                 return [base, self];
             }
@@ -477,16 +549,25 @@ export default {
     },
     computed: {
         globalPT() {
-            return ObjectUtils.getItemValue(this.$primevue.config.pt, { instance: this });
+            return this._getPT(this.$config?.pt, undefined, (value) => ObjectUtils.getItemValue(value, { instance: this }));
         },
         defaultPT() {
-            return this._getOptionValue(this.$primevue.config.pt, this.$options.hostName || this.$.type.name, { instance: this }) || this.globalPT;
+            return this._getPT(this.$config?.pt, undefined, (value) => this._getOptionValue(value, this.$name, { instance: this }) || ObjectUtils.getItemValue(value, { instance: this }));
         },
         isUnstyled() {
-            return this.unstyled !== undefined ? this.unstyled : this.$primevue.config.unstyled;
+            return this.unstyled !== undefined ? this.unstyled : this.$config.unstyled;
+        },
+        $params() {
+            return { instance: this, props: this.$props, state: this.$data, parentInstance: this.$parentInstance };
         },
         $css() {
-            return { classes: undefined, inlineStyles: undefined, loadStyle: () => {}, ...(this._getHostInstance(this) || {}).$css, ...this.$options.css };
+            return { classes: undefined, inlineStyles: undefined, loadStyle: () => {}, loadCustomStyle: () => {}, ...(this._getHostInstance(this) || {}).$css, ...this.$options.css };
+        },
+        $config() {
+            return this.$primevue?.config;
+        },
+        $name() {
+            return this.$options.hostName || this.$.type.name;
         }
     }
 };

package/basecomponent/basecomponent.cjs.js

@@ -12,7 +12,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var inlineStyles = {};
-var buttonStyles = "\n.p-button {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    vertical-align: bottom;\n    text-align: center;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-button-label {\n    flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-only {\n    justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n    flex: 0 0 auto;\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-buttonset .p-button {\n    margin: 0;\n}\n\n.p-buttonset .p-button:not(:last-child) {\n    border-right: 0 none;\n}\n\n.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-buttonset .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-buttonset .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-buttonset .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n";
+var buttonStyles = "\n.p-button {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    vertical-align: bottom;\n    text-align: center;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-button-label {\n    flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-only {\n    justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n    flex: 0 0 auto;\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-buttonset .p-button {\n    margin: 0;\n}\n\n.p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {\n    border-right: 0 none;\n}\n\n.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-buttonset .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-buttonset .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-buttonset .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n";
 var checkboxStyles = "\n.p-checkbox {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n    position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n    cursor: default;\n}\n\n.p-checkbox-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n";
 var inputTextStyles = "\n.p-fluid .p-inputtext {\n    width: 100%;\n}\n\n/* InputGroup */\n.p-inputgroup {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup-addon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-inputgroup .p-float-label {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-fluid .p-inputgroup .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-fluid .p-inputgroup .p-input {\n    flex: 1 1 auto;\n    width: 1%;\n}\n\n/* Floating Label */\n.p-float-label {\n    display: block;\n    position: relative;\n}\n\n.p-float-label label {\n    position: absolute;\n    pointer-events: none;\n    top: 50%;\n    margin-top: -.5rem;\n    transition-property: all;\n    transition-timing-function: ease;\n    line-height: 1;\n}\n\n.p-float-label textarea ~ label {\n    top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input.p-filled ~ label,\n.p-float-label textarea:focus ~ label,\n.p-float-label textarea.p-filled ~ label,\n.p-float-label .p-inputwrapper-focus ~ label,\n.p-float-label .p-inputwrapper-filled ~ label {\n    top: -.75rem;\n    font-size: 12px;\n}\n\n.p-float-label .input:-webkit-autofill ~ label {\n    top: -20px;\n    font-size: 12px;\n}\n\n.p-float-label .p-placeholder,\n.p-float-label input::placeholder,\n.p-float-label .p-inputtext::placeholder {\n    opacity: 0;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-float-label .p-focus .p-placeholder,\n.p-float-label input:focus::placeholder,\n.p-float-label .p-inputtext:focus::placeholder {\n    opacity: 1;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-input-icon-left,\n.p-input-icon-right {\n    position: relative;\n    display: inline-block;\n}\n\n.p-input-icon-left > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > i,\n.p-input-icon-right > svg {\n    position: absolute;\n    top: 50%;\n    margin-top: -.5rem;\n}\n\n.p-fluid .p-input-icon-left,\n.p-fluid .p-input-icon-right {\n    display: block;\n    width: 100%;\n}\n";
 var radioButtonStyles = "\n.p-radiobutton {\n    position: relative;\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n}\n\n.p-radiobutton.p-radiobutton-disabled {\n    cursor: default;\n}\n\n.p-radiobutton-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.p-radiobutton-icon {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    transform: translateZ(0) scale(.1);\n    border-radius: 50%;\n    visibility: hidden;\n}\n\n.p-radiobutton-box.p-highlight .p-radiobutton-icon {\n    transform: translateZ(0) scale(1.0, 1.0);\n    visibility: visible;\n}\n";
@@ -22,6 +22,11 @@ var _useStyle = usestyle.useStyle(styles, {
     manual: true
   }),
   loadStyle = _useStyle.load;
+var _useStyle2 = usestyle.useStyle('', {
+    name: 'global',
+    manual: true
+  }),
+  loadGlobalStyle = _useStyle2.load;
 var script = {
   name: 'BaseComponent',
   props: {
@@ -44,22 +49,37 @@ var script = {
       immediate: true,
       handler: function handler(newValue) {
         if (!newValue) {
-          loadStyle();
-          this.$options.css && this.$css.loadStyle();
+          var _this$$config, _this$$config2;
+          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
+          });
+          this.$options.css && this.$css.loadStyle(undefined, {
+            nonce: (_this$$config2 = this.$config) === null || _this$$config2 === void 0 || (_this$$config2 = _this$$config2.csp) === null || _this$$config2 === void 0 ? void 0 : _this$$config2.nonce
+          });
         }
       }
     }
   },
   beforeCreate: function beforeCreate() {
-    var _this$pt, _this$pt$onBeforeCrea, _this$$primevue, _this$$primevue$onBef;
-    (_this$pt = this.pt) === null || _this$pt === void 0 || (_this$pt = _this$pt.hooks) === null || _this$pt === void 0 || (_this$pt$onBeforeCrea = _this$pt['onBeforeCreate']) === null || _this$pt$onBeforeCrea === void 0 ? void 0 : _this$pt$onBeforeCrea.call(_this$pt);
-    (_this$$primevue = this.$primevue) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue.config) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue.pt) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue[this.$.type.name]) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue.hooks) === null || _this$$primevue === void 0 || (_this$$primevue$onBef = _this$$primevue['onBeforeCreate']) === null || _this$$primevue$onBef === void 0 ? void 0 : _this$$primevue$onBef.call(_this$$primevue);
+    var _this$pt, _this$pt2, _this$pt3, _ref, _ref$onBeforeCreate, _this$$config3, _this$$primevue, _this$$primevue2, _this$$primevue3, _ref2, _ref2$onBeforeCreate;
+    var _usept = (_this$pt = this.pt) === null || _this$pt === void 0 ? void 0 : _this$pt['_usept'];
+    var originalValue = _usept ? (_this$pt2 = this.pt) === null || _this$pt2 === void 0 || (_this$pt2 = _this$pt2.originalValue) === null || _this$pt2 === void 0 ? void 0 : _this$pt2[this.$.type.name] : undefined;
+    var value = _usept ? (_this$pt3 = this.pt) === null || _this$pt3 === void 0 || (_this$pt3 = _this$pt3.value) === null || _this$pt3 === void 0 ? void 0 : _this$pt3[this.$.type.name] : this.pt;
+    (_ref = value || originalValue) === null || _ref === void 0 || (_ref = _ref.hooks) === null || _ref === void 0 || (_ref$onBeforeCreate = _ref['onBeforeCreate']) === null || _ref$onBeforeCreate === void 0 ? void 0 : _ref$onBeforeCreate.call(_ref);
+    var _useptInConfig = (_this$$config3 = this.$config) === null || _this$$config3 === void 0 || (_this$$config3 = _this$$config3.pt) === null || _this$$config3 === void 0 ? void 0 : _this$$config3['_usept'];
+    var originalValueInConfig = _useptInConfig ? (_this$$primevue = this.$primevue) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue.config) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue.pt) === null || _this$$primevue === void 0 ? void 0 : _this$$primevue.originalValue : undefined;
+    var valueInConfig = _useptInConfig ? (_this$$primevue2 = this.$primevue) === null || _this$$primevue2 === void 0 || (_this$$primevue2 = _this$$primevue2.config) === null || _this$$primevue2 === void 0 || (_this$$primevue2 = _this$$primevue2.pt) === null || _this$$primevue2 === void 0 ? void 0 : _this$$primevue2.value : (_this$$primevue3 = this.$primevue) === null || _this$$primevue3 === void 0 || (_this$$primevue3 = _this$$primevue3.config) === null || _this$$primevue3 === void 0 ? void 0 : _this$$primevue3.pt;
+    (_ref2 = valueInConfig || originalValueInConfig) === null || _ref2 === void 0 || (_ref2 = _ref2[this.$.type.name]) === null || _ref2 === void 0 || (_ref2 = _ref2.hooks) === null || _ref2 === void 0 || (_ref2$onBeforeCreate = _ref2['onBeforeCreate']) === null || _ref2$onBeforeCreate === void 0 ? void 0 : _ref2$onBeforeCreate.call(_ref2);
   },
   created: function created() {
     this._hook('onCreated');
   },
   beforeMount: function beforeMount() {
-    base.loadBaseStyle();
+    var _this$$config4;
+    base.loadBaseStyle(undefined, {
+      nonce: (_this$$config4 = this.$config) === null || _this$$config4 === void 0 || (_this$$config4 = _this$$config4.csp) === null || _this$$config4 === void 0 ? void 0 : _this$$config4.nonce
+    });
+    this._loadGlobalStyles();
     this._hook('onBeforeMount');
   },
   mounted: function mounted() {
@@ -79,10 +99,29 @@ var script = {
   },
   methods: {
     _hook: function _hook(hookName) {
-      var selfHook = this._getOptionValue(this.pt, "hooks.".concat(hookName));
-      var globalHook = this._getOptionValue(this.globalPT, "hooks.".concat(hookName));
-      selfHook === null || selfHook === void 0 ? void 0 : selfHook();
-      globalHook === null || globalHook === void 0 ? void 0 : globalHook();
+      if (!this.$options.hostName) {
+        var selfHook = this._usePT(this._getPT(this.pt, this.$.type.name), this._getOptionValue, "hooks.".concat(hookName));
+        var defaultHook = this._useDefaultPT(this._getOptionValue, "hooks.".concat(hookName));
+        selfHook === null || selfHook === void 0 ? void 0 : selfHook();
+        defaultHook === null || defaultHook === void 0 ? void 0 : defaultHook();
+      }
+    },
+    _loadGlobalStyles: function _loadGlobalStyles() {
+      var _this$$config5;
+      /*
+       * @todo Add self custom css support;
+       * <Panel :pt="{ css: `...` }" .../>
+       *
+       * const selfCSS = this._getPTClassValue(this.pt, 'css', this.$params);
+       * const defaultCSS = this._getPTClassValue(this.defaultPT, 'css', this.$params);
+       * const mergedCSS = mergeProps(selfCSS, defaultCSS);
+       * ObjectUtils.isNotEmpty(mergedCSS?.class) && this.$css.loadCustomStyle(mergedCSS?.class);
+       */
+
+      var globalCSS = this._useGlobalPT(this._getOptionValue, 'global.css', this.$params);
+      utils.ObjectUtils.isNotEmpty(globalCSS) && loadGlobalStyle(globalCSS, {
+        nonce: (_this$$config5 = this.$config) === null || _this$$config5 === void 0 || (_this$$config5 = _this$$config5.csp) === null || _this$$config5 === void 0 ? void 0 : _this$$config5.nonce
+      });
     },
     _getHostInstance: function _getHostInstance(instance) {
       return instance ? this.$options.hostName ? instance.$.type.name === this.$options.hostName ? instance : this._getHostInstance(instance.$parentInstance) : instance.$parentInstance : undefined;
@@ -97,21 +136,15 @@ var script = {
       }) || ''], params), fKeys.join('.'), params) : undefined : utils.ObjectUtils.getItemValue(options, params);
     },
     _getPTValue: function _getPTValue() {
-      var _this = this;
       var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
       var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       var searchInDefaultPT = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
-      var getValue = function getValue() {
-        var value = _this._getOptionValue.apply(_this, arguments);
-        return utils.ObjectUtils.isString(value) || utils.ObjectUtils.isArray(value) ? {
-          "class": value
-        } : value;
-      };
       var datasetPrefix = 'data-pc-';
-      var self = getValue(obj, key, params);
-      var globalPT = searchInDefaultPT ? /./g.test(key) && !!params[key.split('.')[0]] ? getValue(this.globalPT, key, params) : getValue(this.defaultPT, key, params) : undefined;
-      var merged = vue.mergeProps(self, globalPT, _objectSpread(_objectSpread({}, key === 'root' && _defineProperty({}, "".concat(datasetPrefix, "name"), utils.ObjectUtils.toFlatCase(this.$.type.name))), {}, _defineProperty({}, "".concat(datasetPrefix, "section"), utils.ObjectUtils.toFlatCase(key))));
+      var searchOut = /./g.test(key) && !!params[key.split('.')[0]];
+      var self = searchOut ? undefined : this._usePT(this._getPT(obj, this.$name), this._getPTClassValue, key, params);
+      var globalPT = searchInDefaultPT ? searchOut ? this._useGlobalPT(this._getPTClassValue, key, params) : this._useDefaultPT(this._getPTClassValue, key, params) : undefined;
+      var merged = vue.mergeProps(self, globalPT, key !== 'transition' && _objectSpread(_objectSpread({}, key === 'root' && _defineProperty({}, "".concat(datasetPrefix, "name"), utils.ObjectUtils.toFlatCase(this.$.type.name))), {}, _defineProperty({}, "".concat(datasetPrefix, "section"), utils.ObjectUtils.toFlatCase(key))));
       return merged;
       /*
        * @todo: The 'class' option in self can always be more powerful to style the component easily.
@@ -119,14 +152,52 @@ var script = {
        * return self && self['class'] ? { ...merged, ...{ class: self['class'] } } : merged;
        */
     },
+    _getPTClassValue: function _getPTClassValue() {
+      var value = this._getOptionValue.apply(this, arguments);
+      return utils.ObjectUtils.isString(value) || utils.ObjectUtils.isArray(value) ? {
+        "class": value
+      } : value;
+    },
+    _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);
+    },
+    _useGlobalPT: function _useGlobalPT(callback, key, params) {
+      return this._usePT(this.globalPT, callback, key, params);
+    },
+    _useDefaultPT: function _useDefaultPT(callback, key, params) {
+      return this._usePT(this.defaultPT, callback, key, params);
+    },
     ptm: function ptm() {
       var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
       var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      return this._getPTValue(this.pt, key, _objectSpread({
-        instance: this,
-        props: this.$props,
-        state: this.$data
-      }, params));
+      return this._getPTValue(this.pt, key, _objectSpread(_objectSpread({}, this.$params), params));
     },
     ptmo: function ptmo() {
       var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -139,30 +210,15 @@ var script = {
     cx: function cx() {
       var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
       var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      return !this.isUnstyled ? this._getOptionValue(this.$css.classes, key, _objectSpread({
-        instance: this,
-        props: this.$props,
-        state: this.$data,
-        parentInstance: this.$parentInstance
-      }, params)) : undefined;
+      return !this.isUnstyled ? this._getOptionValue(this.$css.classes, key, _objectSpread(_objectSpread({}, this.$params), params)) : undefined;
     },
     sx: function sx() {
       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] : {};
       if (when) {
-        var self = this._getOptionValue(this.$css.inlineStyles, key, _objectSpread({
-          instance: this,
-          props: this.$props,
-          state: this.$data,
-          parentInstance: this.$parentInstance
-        }, params));
-        var base = this._getOptionValue(inlineStyles, key, _objectSpread({
-          instance: this,
-          props: this.$props,
-          state: this.$data,
-          parentInstance: this.$parentInstance
-        }, params));
+        var self = this._getOptionValue(this.$css.inlineStyles, key, _objectSpread(_objectSpread({}, this.$params), params));
+        var base = this._getOptionValue(inlineStyles, key, _objectSpread(_objectSpread({}, this.$params), params));
         return [base, self];
       }
       return undefined;
@@ -170,24 +226,50 @@ var script = {
   },
   computed: {
     globalPT: function globalPT() {
-      return utils.ObjectUtils.getItemValue(this.$primevue.config.pt, {
-        instance: this
+      var _this$$config6,
+        _this = this;
+      return this._getPT((_this$$config6 = this.$config) === null || _this$$config6 === void 0 ? void 0 : _this$$config6.pt, undefined, function (value) {
+        return utils.ObjectUtils.getItemValue(value, {
+          instance: _this
+        });
       });
     },
     defaultPT: function defaultPT() {
-      return this._getOptionValue(this.$primevue.config.pt, this.$options.hostName || this.$.type.name, {
-        instance: this
-      }) || this.globalPT;
+      var _this$$config7,
+        _this2 = this;
+      return this._getPT((_this$$config7 = this.$config) === null || _this$$config7 === void 0 ? void 0 : _this$$config7.pt, undefined, function (value) {
+        return _this2._getOptionValue(value, _this2.$name, {
+          instance: _this2
+        }) || utils.ObjectUtils.getItemValue(value, {
+          instance: _this2
+        });
+      });
     },
     isUnstyled: function isUnstyled() {
-      return this.unstyled !== undefined ? this.unstyled : this.$primevue.config.unstyled;
+      return this.unstyled !== undefined ? this.unstyled : this.$config.unstyled;
+    },
+    $params: function $params() {
+      return {
+        instance: this,
+        props: this.$props,
+        state: this.$data,
+        parentInstance: this.$parentInstance
+      };
     },
     $css: function $css() {
       return _objectSpread(_objectSpread({
         classes: undefined,
         inlineStyles: undefined,
-        loadStyle: function loadStyle() {}
+        loadStyle: function loadStyle() {},
+        loadCustomStyle: function loadCustomStyle() {}
       }, (this._getHostInstance(this) || {}).$css), this.$options.css);
+    },
+    $config: function $config() {
+      var _this$$primevue4;
+      return (_this$$primevue4 = this.$primevue) === null || _this$$primevue4 === void 0 ? void 0 : _this$$primevue4.config;
+    },
+    $name: function $name() {
+      return this.$options.hostName || this.$.type.name;
     }
   }
 };

package/basecomponent/basecomponent.cjs.min.js

@@ -1 +1 @@
-"use strict";var n=require("primevue/base"),t=require("primevue/usestyle"),e=require("primevue/utils"),o=require("vue");function i(n){return i="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},i(n)}function l(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 a(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?l(Object(e),!0).forEach((function(t){r(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):l(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}function r(n,t,e){return(t=s(t))in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function s(n){var t=p(n,"string");return"symbol"===i(t)?t:String(t)}function p(n,t){if("object"!==i(n)||null===n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var o=e.call(n,t||"default");if("object"!==i(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(n)}var c={},u="\n.p-component, .p-component * {\n    box-sizing: border-box;\n}\n\n.p-hidden-space {\n    visibility: hidden;\n}\n\n.p-reset {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    outline: 0;\n    text-decoration: none;\n    font-size: 100%;\n    list-style: none;\n}\n\n.p-disabled, .p-disabled * {\n    cursor: default !important;\n    pointer-events: none;\n    user-select: none;\n}\n\n.p-component-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.p-unselectable-text {\n    user-select: none;\n}\n\n.p-sr-only {\n    border: 0;\n    clip: rect(1px, 1px, 1px, 1px);\n    clip-path: inset(50%);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n    word-wrap: normal !important;\n}\n\n.p-link {\n\ttext-align: left;\n\tbackground-color: transparent;\n\tmargin: 0;\n\tpadding: 0;\n\tborder: none;\n    cursor: pointer;\n    user-select: none;\n}\n\n.p-link:disabled {\n\tcursor: default;\n}\n\n/* Non vue overlay animations */\n.p-connected-overlay {\n    opacity: 0;\n    transform: scaleY(0.8);\n    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-visible {\n    opacity: 1;\n    transform: scaleY(1);\n}\n\n.p-connected-overlay-hidden {\n    opacity: 0;\n    transform: scaleY(1);\n    transition: opacity .1s linear;\n}\n\n/* Vue based overlay animations */\n.p-connected-overlay-enter-from {\n    opacity: 0;\n    transform: scaleY(0.8);\n}\n\n.p-connected-overlay-leave-to {\n    opacity: 0;\n}\n\n.p-connected-overlay-enter-active {\n    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-leave-active {\n    transition: opacity .1s linear;\n}\n\n/* Toggleable Content */\n.p-toggleable-content-enter-from,\n.p-toggleable-content-leave-to {\n    max-height: 0;\n}\n\n.p-toggleable-content-enter-to,\n.p-toggleable-content-leave-from {\n    max-height: 1000px;\n}\n\n.p-toggleable-content-leave-active {\n    overflow: hidden;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n}\n\n.p-toggleable-content-enter-active {\n    overflow: hidden;\n    transition: max-height 1s ease-in-out;\n}\n".concat("\n.p-button {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    vertical-align: bottom;\n    text-align: center;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-button-label {\n    flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-only {\n    justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n    flex: 0 0 auto;\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-buttonset .p-button {\n    margin: 0;\n}\n\n.p-buttonset .p-button:not(:last-child) {\n    border-right: 0 none;\n}\n\n.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-buttonset .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-buttonset .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-buttonset .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n","\n").concat("\n.p-checkbox {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n    position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n    cursor: default;\n}\n\n.p-checkbox-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n","\n").concat("\n.p-fluid .p-inputtext {\n    width: 100%;\n}\n\n/* InputGroup */\n.p-inputgroup {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup-addon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-inputgroup .p-float-label {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-fluid .p-inputgroup .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-fluid .p-inputgroup .p-input {\n    flex: 1 1 auto;\n    width: 1%;\n}\n\n/* Floating Label */\n.p-float-label {\n    display: block;\n    position: relative;\n}\n\n.p-float-label label {\n    position: absolute;\n    pointer-events: none;\n    top: 50%;\n    margin-top: -.5rem;\n    transition-property: all;\n    transition-timing-function: ease;\n    line-height: 1;\n}\n\n.p-float-label textarea ~ label {\n    top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input.p-filled ~ label,\n.p-float-label textarea:focus ~ label,\n.p-float-label textarea.p-filled ~ label,\n.p-float-label .p-inputwrapper-focus ~ label,\n.p-float-label .p-inputwrapper-filled ~ label {\n    top: -.75rem;\n    font-size: 12px;\n}\n\n.p-float-label .input:-webkit-autofill ~ label {\n    top: -20px;\n    font-size: 12px;\n}\n\n.p-float-label .p-placeholder,\n.p-float-label input::placeholder,\n.p-float-label .p-inputtext::placeholder {\n    opacity: 0;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-float-label .p-focus .p-placeholder,\n.p-float-label input:focus::placeholder,\n.p-float-label .p-inputtext:focus::placeholder {\n    opacity: 1;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-input-icon-left,\n.p-input-icon-right {\n    position: relative;\n    display: inline-block;\n}\n\n.p-input-icon-left > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > i,\n.p-input-icon-right > svg {\n    position: absolute;\n    top: 50%;\n    margin-top: -.5rem;\n}\n\n.p-fluid .p-input-icon-left,\n.p-fluid .p-input-icon-right {\n    display: block;\n    width: 100%;\n}\n","\n").concat("\n.p-radiobutton {\n    position: relative;\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n}\n\n.p-radiobutton.p-radiobutton-disabled {\n    cursor: default;\n}\n\n.p-radiobutton-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.p-radiobutton-icon {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    transform: translateZ(0) scale(.1);\n    border-radius: 50%;\n    visibility: hidden;\n}\n\n.p-radiobutton-box.p-highlight .p-radiobutton-icon {\n    transform: translateZ(0) scale(1.0, 1.0);\n    visibility: visible;\n}\n","\n"),d=t.useStyle(u,{name:"common",manual:!0}).load,b={name:"BaseComponent",props:{pt:{type:Object,default:void 0},unstyled:{type:Boolean,default:void 0}},inject:{$parentInstance:{default:void 0}},watch:{isUnstyled:{immediate:!0,handler:function(n){n||(d(),this.$options.css&&this.$css.loadStyle())}}},beforeCreate:function(){var n,t,e,o;null===(n=this.pt)||void 0===n||null===(n=n.hooks)||void 0===n||null===(t=n.onBeforeCreate)||void 0===t||t.call(n),null===(e=this.$primevue)||void 0===e||null===(e=e.config)||void 0===e||null===(e=e.pt)||void 0===e||null===(e=e[this.$.type.name])||void 0===e||null===(e=e.hooks)||void 0===e||null===(o=e.onBeforeCreate)||void 0===o||o.call(e)},created:function(){this._hook("onCreated")},beforeMount:function(){n.loadBaseStyle(),this._hook("onBeforeMount")},mounted:function(){this._hook("onMounted")},beforeUpdate:function(){this._hook("onBeforeUpdate")},updated:function(){this._hook("onUpdated")},beforeUnmount:function(){this._hook("onBeforeUnmount")},unmounted:function(){this._hook("onUnmounted")},methods:{_hook:function(n){var t=this._getOptionValue(this.pt,"hooks.".concat(n)),e=this._getOptionValue(this.globalPT,"hooks.".concat(n));null==t||t(),null==e||e()},_getHostInstance:function(n){return n?this.$options.hostName?n.$.type.name===this.$options.hostName?n:this._getHostInstance(n.$parentInstance):n.$parentInstance:void 0},_getOptionValue:function(n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=e.ObjectUtils.toFlatCase(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"").split("."),i=o.shift();return i?e.ObjectUtils.isObject(n)?this._getOptionValue(e.ObjectUtils.getItemValue(n[Object.keys(n).find((function(n){return e.ObjectUtils.toFlatCase(n)===i}))||""],t),o.join("."),t):void 0:e.ObjectUtils.getItemValue(n,t)},_getPTValue:function(){var n=this,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],s=function(){var t=n._getOptionValue.apply(n,arguments);return e.ObjectUtils.isString(t)||e.ObjectUtils.isArray(t)?{class:t}:t},p="data-pc-",c=s(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t,i),u=l?/./g.test(t)&&i[t.split(".")[0]]?s(this.globalPT,t,i):s(this.defaultPT,t,i):void 0;return o.mergeProps(c,u,a(a({},"root"===t&&r({},"".concat(p,"name"),e.ObjectUtils.toFlatCase(this.$.type.name))),{},r({},"".concat(p,"section"),e.ObjectUtils.toFlatCase(t))))},ptm:function(){return this._getPTValue(this.pt,arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",a({instance:this,props:this.$props,state:this.$data},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}))},ptmo:function(){return this._getPTValue(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",a({instance:this},arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}),!1)},cx:function(){return this.isUnstyled?void 0:this._getOptionValue(this.$css.classes,arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",a({instance:this,props:this.$props,state:this.$data,parentInstance:this.$parentInstance},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}))},sx:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(!(arguments.length>1&&void 0!==arguments[1])||arguments[1]){var e=this._getOptionValue(this.$css.inlineStyles,n,a({instance:this,props:this.$props,state:this.$data,parentInstance:this.$parentInstance},t));return[this._getOptionValue(c,n,a({instance:this,props:this.$props,state:this.$data,parentInstance:this.$parentInstance},t)),e]}}},computed:{globalPT:function(){return e.ObjectUtils.getItemValue(this.$primevue.config.pt,{instance:this})},defaultPT:function(){return this._getOptionValue(this.$primevue.config.pt,this.$options.hostName||this.$.type.name,{instance:this})||this.globalPT},isUnstyled:function(){return void 0!==this.unstyled?this.unstyled:this.$primevue.config.unstyled},$css:function(){return a(a({classes:void 0,inlineStyles:void 0,loadStyle:function(){}},(this._getHostInstance(this)||{}).$css),this.$options.css)}}};module.exports=b;
+"use strict";var n=require("primevue/base"),t=require("primevue/usestyle"),e=require("primevue/utils"),i=require("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 l(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,i)}return e}function a(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?l(Object(e),!0).forEach((function(t){r(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):l(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}function r(n,t,e){return(t=s(t))in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function s(n){var t=u(n,"string");return"symbol"===o(t)?t:String(t)}function u(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={},c="\n.p-component, .p-component * {\n    box-sizing: border-box;\n}\n\n.p-hidden-space {\n    visibility: hidden;\n}\n\n.p-reset {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    outline: 0;\n    text-decoration: none;\n    font-size: 100%;\n    list-style: none;\n}\n\n.p-disabled, .p-disabled * {\n    cursor: default !important;\n    pointer-events: none;\n    user-select: none;\n}\n\n.p-component-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.p-unselectable-text {\n    user-select: none;\n}\n\n.p-sr-only {\n    border: 0;\n    clip: rect(1px, 1px, 1px, 1px);\n    clip-path: inset(50%);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n    word-wrap: normal !important;\n}\n\n.p-link {\n\ttext-align: left;\n\tbackground-color: transparent;\n\tmargin: 0;\n\tpadding: 0;\n\tborder: none;\n    cursor: pointer;\n    user-select: none;\n}\n\n.p-link:disabled {\n\tcursor: default;\n}\n\n/* Non vue overlay animations */\n.p-connected-overlay {\n    opacity: 0;\n    transform: scaleY(0.8);\n    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-visible {\n    opacity: 1;\n    transform: scaleY(1);\n}\n\n.p-connected-overlay-hidden {\n    opacity: 0;\n    transform: scaleY(1);\n    transition: opacity .1s linear;\n}\n\n/* Vue based overlay animations */\n.p-connected-overlay-enter-from {\n    opacity: 0;\n    transform: scaleY(0.8);\n}\n\n.p-connected-overlay-leave-to {\n    opacity: 0;\n}\n\n.p-connected-overlay-enter-active {\n    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-leave-active {\n    transition: opacity .1s linear;\n}\n\n/* Toggleable Content */\n.p-toggleable-content-enter-from,\n.p-toggleable-content-leave-to {\n    max-height: 0;\n}\n\n.p-toggleable-content-enter-to,\n.p-toggleable-content-leave-from {\n    max-height: 1000px;\n}\n\n.p-toggleable-content-leave-active {\n    overflow: hidden;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n}\n\n.p-toggleable-content-enter-active {\n    overflow: hidden;\n    transition: max-height 1s ease-in-out;\n}\n".concat("\n.p-button {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    vertical-align: bottom;\n    text-align: center;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-button-label {\n    flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-only {\n    justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n    flex: 0 0 auto;\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-buttonset .p-button {\n    margin: 0;\n}\n\n.p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {\n    border-right: 0 none;\n}\n\n.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-buttonset .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-buttonset .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-buttonset .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n","\n").concat("\n.p-checkbox {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n    position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n    cursor: default;\n}\n\n.p-checkbox-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n","\n").concat("\n.p-fluid .p-inputtext {\n    width: 100%;\n}\n\n/* InputGroup */\n.p-inputgroup {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup-addon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-inputgroup .p-float-label {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-fluid .p-inputgroup .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-fluid .p-inputgroup .p-input {\n    flex: 1 1 auto;\n    width: 1%;\n}\n\n/* Floating Label */\n.p-float-label {\n    display: block;\n    position: relative;\n}\n\n.p-float-label label {\n    position: absolute;\n    pointer-events: none;\n    top: 50%;\n    margin-top: -.5rem;\n    transition-property: all;\n    transition-timing-function: ease;\n    line-height: 1;\n}\n\n.p-float-label textarea ~ label {\n    top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input.p-filled ~ label,\n.p-float-label textarea:focus ~ label,\n.p-float-label textarea.p-filled ~ label,\n.p-float-label .p-inputwrapper-focus ~ label,\n.p-float-label .p-inputwrapper-filled ~ label {\n    top: -.75rem;\n    font-size: 12px;\n}\n\n.p-float-label .input:-webkit-autofill ~ label {\n    top: -20px;\n    font-size: 12px;\n}\n\n.p-float-label .p-placeholder,\n.p-float-label input::placeholder,\n.p-float-label .p-inputtext::placeholder {\n    opacity: 0;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-float-label .p-focus .p-placeholder,\n.p-float-label input:focus::placeholder,\n.p-float-label .p-inputtext:focus::placeholder {\n    opacity: 1;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-input-icon-left,\n.p-input-icon-right {\n    position: relative;\n    display: inline-block;\n}\n\n.p-input-icon-left > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > i,\n.p-input-icon-right > svg {\n    position: absolute;\n    top: 50%;\n    margin-top: -.5rem;\n}\n\n.p-fluid .p-input-icon-left,\n.p-fluid .p-input-icon-right {\n    display: block;\n    width: 100%;\n}\n","\n").concat("\n.p-radiobutton {\n    position: relative;\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n}\n\n.p-radiobutton.p-radiobutton-disabled {\n    cursor: default;\n}\n\n.p-radiobutton-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.p-radiobutton-icon {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    transform: translateZ(0) scale(.1);\n    border-radius: 50%;\n    visibility: hidden;\n}\n\n.p-radiobutton-box.p-highlight .p-radiobutton-icon {\n    transform: translateZ(0) scale(1.0, 1.0);\n    visibility: visible;\n}\n","\n"),d=t.useStyle(c,{name:"common",manual:!0}).load,f=t.useStyle("",{name:"global",manual:!0}).load,b={name:"BaseComponent",props:{pt:{type:Object,default:void 0},unstyled:{type:Boolean,default:void 0}},inject:{$parentInstance:{default:void 0}},watch:{isUnstyled:{immediate:!0,handler:function(n){var t,e;n||(d(void 0,{nonce:null===(t=this.$config)||void 0===t||null===(t=t.csp)||void 0===t?void 0:t.nonce}),this.$options.css&&this.$css.loadStyle(void 0,{nonce:null===(e=this.$config)||void 0===e||null===(e=e.csp)||void 0===e?void 0:e.nonce}))}}},beforeCreate:function(){var n,t,e,i,o,l,a,r,s,u,p,c=null===(n=this.pt)||void 0===n?void 0:n._usept,d=c?null===(t=this.pt)||void 0===t||null===(t=t.originalValue)||void 0===t?void 0:t[this.$.type.name]:void 0;null===(i=(c?null===(e=this.pt)||void 0===e||null===(e=e.value)||void 0===e?void 0:e[this.$.type.name]:this.pt)||d)||void 0===i||null===(i=i.hooks)||void 0===i||null===(o=i.onBeforeCreate)||void 0===o||o.call(i);var f=null===(l=this.$config)||void 0===l||null===(l=l.pt)||void 0===l?void 0:l._usept,b=f?null===(a=this.$primevue)||void 0===a||null===(a=a.config)||void 0===a||null===(a=a.pt)||void 0===a?void 0:a.originalValue:void 0;null===(u=(f?null===(r=this.$primevue)||void 0===r||null===(r=r.config)||void 0===r||null===(r=r.pt)||void 0===r?void 0:r.value:null===(s=this.$primevue)||void 0===s||null===(s=s.config)||void 0===s?void 0:s.pt)||b)||void 0===u||null===(u=u[this.$.type.name])||void 0===u||null===(u=u.hooks)||void 0===u||null===(p=u.onBeforeCreate)||void 0===p||p.call(u)},created:function(){this._hook("onCreated")},beforeMount:function(){var t;n.loadBaseStyle(void 0,{nonce:null===(t=this.$config)||void 0===t||null===(t=t.csp)||void 0===t?void 0:t.nonce}),this._loadGlobalStyles(),this._hook("onBeforeMount")},mounted:function(){this._hook("onMounted")},beforeUpdate:function(){this._hook("onBeforeUpdate")},updated:function(){this._hook("onUpdated")},beforeUnmount:function(){this._hook("onBeforeUnmount")},unmounted:function(){this._hook("onUnmounted")},methods:{_hook:function(n){if(!this.$options.hostName){var t=this._usePT(this._getPT(this.pt,this.$.type.name),this._getOptionValue,"hooks.".concat(n)),e=this._useDefaultPT(this._getOptionValue,"hooks.".concat(n));null==t||t(),null==e||e()}},_loadGlobalStyles:function(){var n,t=this._useGlobalPT(this._getOptionValue,"global.css",this.$params);e.ObjectUtils.isNotEmpty(t)&&f(t,{nonce:null===(n=this.$config)||void 0===n||null===(n=n.csp)||void 0===n?void 0:n.nonce})},_getHostInstance:function(n){return n?this.$options.hostName?n.$.type.name===this.$options.hostName?n:this._getHostInstance(n.$parentInstance):n.$parentInstance:void 0},_getOptionValue:function(n){var t=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(n)?this._getOptionValue(e.ObjectUtils.getItemValue(n[Object.keys(n).find((function(n){return e.ObjectUtils.toFlatCase(n)===o}))||""],t),i.join("."),t):void 0:e.ObjectUtils.getItemValue(n,t)},_getPTValue:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],s="data-pc-",u=/./g.test(t)&&!!o[t.split(".")[0]],p=u?void 0:this._usePT(this._getPT(n,this.$name),this._getPTClassValue,t,o),c=l?u?this._useGlobalPT(this._getPTClassValue,t,o):this._useDefaultPT(this._getPTClassValue,t,o):void 0;return i.mergeProps(p,c,"transition"!==t&&a(a({},"root"===t&&r({},"".concat(s,"name"),e.ObjectUtils.toFlatCase(this.$.type.name))),{},r({},"".concat(s,"section"),e.ObjectUtils.toFlatCase(t))))},_getPTClassValue:function(){var n=this._getOptionValue.apply(this,arguments);return e.ObjectUtils.isString(n)||e.ObjectUtils.isArray(n)?{class:n}:n},_getPT:function(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",i=arguments.length>2?arguments[2]:void 0,o=null==n?void 0:n._usept,l=function(n){var o,l=i?i(n):n;return null!==(o=null==l?void 0:l[e.ObjectUtils.toFlatCase(t)])&&void 0!==o?o:l};return e.ObjectUtils.isNotEmpty(o)?{_usept:o,originalValue:l(n.originalValue),value:l(n.value)}:l(n)},_usePT:function(n,t,o,l){var r=function(n){return t(n,o,l)};if(null!=n&&n.hasOwnProperty("_usept")){var s=n._usept,u=s.merge,p=s.useMergeProps,c=r(n.originalValue),d=r(n.value);if(void 0===c&&void 0===d)return;return e.ObjectUtils.isString(d)?d:e.ObjectUtils.isString(c)?c:u?p?i.mergeProps(c,d):a(a({},c),d):d}return r(n)},_useGlobalPT:function(n,t,e){return this._usePT(this.globalPT,n,t,e)},_useDefaultPT:function(n,t,e){return this._usePT(this.defaultPT,n,t,e)},ptm:function(){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this._getPTValue(this.pt,arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",a(a({},this.$params),n))},ptmo:function(){return this._getPTValue(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",a({instance:this},arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}),!1)},cx:function(){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.isUnstyled?void 0:this._getOptionValue(this.$css.classes,arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",a(a({},this.$params),n))},sx:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(!(arguments.length>1&&void 0!==arguments[1])||arguments[1]){var e=this._getOptionValue(this.$css.inlineStyles,n,a(a({},this.$params),t));return[this._getOptionValue(p,n,a(a({},this.$params),t)),e]}}},computed:{globalPT:function(){var n,t=this;return this._getPT(null===(n=this.$config)||void 0===n?void 0:n.pt,void 0,(function(n){return e.ObjectUtils.getItemValue(n,{instance:t})}))},defaultPT:function(){var n,t=this;return this._getPT(null===(n=this.$config)||void 0===n?void 0:n.pt,void 0,(function(n){return t._getOptionValue(n,t.$name,{instance:t})||e.ObjectUtils.getItemValue(n,{instance:t})}))},isUnstyled:function(){return void 0!==this.unstyled?this.unstyled:this.$config.unstyled},$params:function(){return{instance:this,props:this.$props,state:this.$data,parentInstance:this.$parentInstance}},$css:function(){return a(a({classes:void 0,inlineStyles:void 0,loadStyle:function(){},loadCustomStyle:function(){}},(this._getHostInstance(this)||{}).$css),this.$options.css)},$config:function(){var n;return null===(n=this.$primevue)||void 0===n?void 0:n.config},$name:function(){return this.$options.hostName||this.$.type.name}}};module.exports=b;