primevue 3.31.0 → 3.32.1

package/basecomponent/basecomponent.js

@@ -9,7 +9,7 @@ this.primevue.basecomponent = (function (base, usestyle, utils, vue) {
     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";
@@ -19,6 +19,11 @@ this.primevue.basecomponent = (function (base, usestyle, utils, vue) {
         manual: true
       }),
       loadStyle = _useStyle.load;
+    var _useStyle2 = usestyle.useStyle('', {
+        name: 'global',
+        manual: true
+      }),
+      loadGlobalStyle = _useStyle2.load;
     var script = {
       name: 'BaseComponent',
       props: {
@@ -41,22 +46,37 @@ this.primevue.basecomponent = (function (base, usestyle, utils, vue) {
           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() {
@@ -76,10 +96,29 @@ this.primevue.basecomponent = (function (base, usestyle, utils, vue) {
       },
       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;
@@ -94,21 +133,15 @@ this.primevue.basecomponent = (function (base, usestyle, utils, vue) {
           }) || ''], 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.
@@ -116,14 +149,52 @@ this.primevue.basecomponent = (function (base, usestyle, utils, vue) {
            * 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] : {};
@@ -136,30 +207,15 @@ this.primevue.basecomponent = (function (base, usestyle, utils, vue) {
         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;
@@ -167,24 +223,50 @@ this.primevue.basecomponent = (function (base, usestyle, utils, vue) {
       },
       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.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.basecomponent=function(n,t,e,o){"use strict";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)}}};return b}(primevue.base,primevue.usestyle,primevue.utils,Vue);
+this.primevue=this.primevue||{},this.primevue.basecomponent=function(n,t,e,i){"use strict";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,h={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,h=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)||h)||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}}};return h}(primevue.base,primevue.usestyle,primevue.utils,Vue);

package/basedirective/basedirective.cjs.js

@@ -42,17 +42,54 @@ var BaseDirective = {
       } : 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,
@@ -60,12 +97,12 @@ var BaseDirective = {
       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] || {};
@@ -81,8 +118,12 @@ var BaseDirective = {
           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() {
@@ -121,9 +162,14 @@ var BaseDirective = {
         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.cjs.min.js

@@ -1 +1 @@
-"use strict";var t=require("primevue/base"),e=require("primevue/utils"),n=require("vue");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))}};module.exports=p;
+"use strict";var t=require("primevue/base"),e=require("primevue/utils"),n=require("vue");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 c(t)||a(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 a(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var i,o,l,r,u=[],a=!0,c=!1;try{if(l=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;a=!1}else for(;!(a=(i=l.call(n)).done)&&(u.push(i.value),u.length!==e);a=!0);}catch(t){c=!0,o=t}finally{try{if(!a&&null!=n.return&&(r=n.return(),Object(r)!==r))return}finally{if(c)throw o}}return u}}function c(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-",a=p._usePT(p._getPT(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t.$name),r,i,o),c=l?p._useDefaultPT(t.defaultPT,r,i,o):void 0;return n.mergeProps(a,c,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,a=u.merge,c=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:a?c?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,a,c,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===(a=o.value)||void 0===a?void 0:a.pt,t),p._getOptionValue,"hooks.".concat(s)),f=p._useDefaultPT(null==v||null===(c=v.pt)||void 0===c||null===(c=c.directives)||void 0===c?void 0:c[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 a,c,s;o._$instances=o._$instances||{};var d=null==l||null===(a=l.instance)||void 0===a||null===(a=a.$primevue)||void 0===a?void 0:a.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===(c=(s=o.$instance)[t])||void 0===c||c.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,a,c,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===(a=e.$instance)||void 0===a||!a.isUnstyled)&&(null===(c=e.$instance)||void 0===c||null===(c=c.$css)||void 0===c||c.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))}};module.exports=p;

package/basedirective/basedirective.esm.js

@@ -40,17 +40,54 @@ var BaseDirective = {
       } : 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 = mergeProps(self, globalPT, _objectSpread(_objectSpread({}, key === 'root' && _defineProperty({}, "".concat(datasetPrefix, "name"), ObjectUtils.toFlatCase(instance.$name))), {}, _defineProperty({}, "".concat(datasetPrefix, "section"), 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[ObjectUtils.toFlatCase(key)]) !== null && _computedValue$Object !== void 0 ? _computedValue$Object : computedValue;
+    };
+    return 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 (ObjectUtils.isString(value)) return value;else if (ObjectUtils.isString(originalValue)) return originalValue;
+      return merge ? useMergeProps ? 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(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 @@ var BaseDirective = {
       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 @@ var BaseDirective = {
           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 @@ var BaseDirective = {
         handleHook('created', el, binding, vnode, prevVnode);
       },
       beforeMount: function beforeMount(el, binding, vnode, prevVnode) {
-        var _el$$instance6, _el$$instance7;
-        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;
+        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) {