primevue 3.29.2 → 3.30.0

package/basecomponent/basecomponent.js

@@ -1,50 +1,182 @@
 this.primevue = this.primevue || {};
-this.primevue.basecomponent = (function (utils, vue) {
+this.primevue.basecomponent = (function (base, usestyle, utils, vue) {
     'use strict';
 
+    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 inlineStyles = {};
+    var buttonStyles = "\n.p-button {\n    margin: 0;\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 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-inputtext {\n    margin: 0;\n}\n\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";
+    var styles = "\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\ninput[type=\"button\"],\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"file\"]::-webkit-file-upload-button,\nbutton { /* @todo */\n    border-radius: 0;\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(buttonStyles, "\n").concat(checkboxStyles, "\n").concat(inputTextStyles, "\n").concat(radioButtonStyles, "\n");
+    var _useStyle = usestyle.useStyle(styles, {
+        name: 'common',
+        manual: true
+      }),
+      loadStyle = _useStyle.load;
     var script = {
-        name: 'BaseComponent',
-        props: {
-            pt: {
-                type: Object,
-                default: undefined
-            }
+      name: 'BaseComponent',
+      props: {
+        pt: {
+          type: Object,
+          "default": undefined
         },
-        methods: {
-            getOption(obj = {}, key = '') {
-                const fKey = utils.ObjectUtils.convertToFlatCase(key);
-
-                return obj[Object.keys(obj).find((k) => utils.ObjectUtils.convertToFlatCase(k) === fKey) || ''];
-            },
-            getPTValue(obj = {}, key = '', params = {}) {
-                const self = utils.ObjectUtils.getItemValue(this.getOption(obj, key), params);
-                const globalPT = utils.ObjectUtils.getItemValue(this.getOption(this.defaultPT, key), params);
-                const merged = vue.mergeProps(self, globalPT);
-
-                return merged;
-                /*
-                 * @todo: The 'class' option in self can always be more powerful to style the component easily.
-                 *
-                 * return self && self['class'] ? { ...merged, ...{ class: self['class'] } } : merged;
-                 */
-            },
-            ptm(key = '', params = {}) {
-                return this.getPTValue(this.pt, key, { props: this.$props, state: this.$data, ...params });
-            },
-            ptmo(obj = {}, key = '', params = {}) {
-                return this.getPTValue(obj, key, params);
+        unstyled: {
+          type: Boolean,
+          "default": undefined
+        }
+      },
+      inject: {
+        $parentInstance: {
+          "default": undefined
+        }
+      },
+      watch: {
+        isUnstyled: {
+          immediate: true,
+          handler: function handler(newValue) {
+            if (!newValue) {
+              loadStyle();
+              this.$options.css && this.$css.loadStyle();
             }
+          }
+        }
+      },
+      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);
+      },
+      created: function created() {
+        this._hook('onCreated');
+      },
+      beforeMount: function beforeMount() {
+        base.loadBaseStyle();
+        this._hook('onBeforeMount');
+      },
+      mounted: function mounted() {
+        this._hook('onMounted');
+      },
+      beforeUpdate: function beforeUpdate() {
+        this._hook('onBeforeUpdate');
+      },
+      updated: function updated() {
+        this._hook('onUpdated');
+      },
+      beforeUnmount: function beforeUnmount() {
+        this._hook('onBeforeUnmount');
+      },
+      unmounted: function unmounted() {
+        this._hook('onUnmounted');
+      },
+      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();
         },
-        computed: {
-            defaultPT() {
-                return utils.ObjectUtils.getItemValue(this.getOption(this.$primevue.config.pt, this.$.type.name), this.defaultsParams);
-            },
-            defaultsParams() {
-                return { instance: this.$ };
-            }
+        _getHostInstance: function _getHostInstance(instance) {
+          return instance ? this.$options.hostName ? instance.$.type.name === this.$options.hostName ? instance : this._getHostInstance(instance.$parentInstance) : instance.$parentInstance : undefined;
+        },
+        _getOptionValue: function _getOptionValue(options) {
+          var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+          var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+          var fKeys = utils.ObjectUtils.toFlatCase(key).split('.');
+          var fKey = fKeys.shift();
+          return fKey ? utils.ObjectUtils.isObject(options) ? this._getOptionValue(utils.ObjectUtils.getItemValue(options[Object.keys(options).find(function (k) {
+            return utils.ObjectUtils.toFlatCase(k) === fKey;
+          }) || ''], params), fKeys.join('.'), params) : undefined : utils.ObjectUtils.getItemValue(options, params);
+        },
+        _getPTValue: function _getPTValue() {
+          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 datasetPrefix = 'data-pc-';
+          var self = this._getOptionValue(obj, key, params);
+          var globalPT = searchInDefaultPT ? this._getOptionValue(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))));
+          return merged;
+          /*
+           * @todo: The 'class' option in self can always be more powerful to style the component easily.
+           *
+           * return self && self['class'] ? { ...merged, ...{ class: self['class'] } } : merged;
+           */
+        },
+        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));
+        },
+        ptmo: function ptmo() {
+          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] : {};
+          return this._getPTValue(obj, key, _objectSpread({
+            instance: this
+          }, params), false);
+        },
+        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;
+        },
+        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));
+            return [base, self];
+          }
+          return undefined;
+        }
+      },
+      computed: {
+        defaultPT: function defaultPT() {
+          return this._getOptionValue(this.$primevue.config.pt, this.$options.hostName || this.$.type.name, {
+            instance: this
+          });
+        },
+        isUnstyled: function isUnstyled() {
+          return this.unstyled !== undefined ? this.unstyled : this.$primevue.config.unstyled;
+        },
+        $css: function $css() {
+          return _objectSpread(_objectSpread({
+            classes: undefined,
+            inlineStyles: undefined,
+            loadStyle: function loadStyle() {}
+          }, (this._getHostInstance(this) || {}).$css), this.$options.css);
         }
+      }
     };
 
     return script;
 
-})(primevue.utils, Vue);
+})(primevue.base, primevue.usestyle, primevue.utils, Vue);

package/basecomponent/basecomponent.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.basecomponent=function(t,e){"use strict";return{name:"BaseComponent",props:{pt:{type:Object,default:void 0}},methods:{getOption(e={},s=""){const i=t.ObjectUtils.convertToFlatCase(s);return e[Object.keys(e).find((e=>t.ObjectUtils.convertToFlatCase(e)===i))||""]},getPTValue(s={},i="",r={}){const u=t.ObjectUtils.getItemValue(this.getOption(s,i),r),a=t.ObjectUtils.getItemValue(this.getOption(this.defaultPT,i),r);return e.mergeProps(u,a)},ptm(t="",e={}){return this.getPTValue(this.pt,t,{props:this.$props,state:this.$data,...e})},ptmo(t={},e="",s={}){return this.getPTValue(t,e,s)}},computed:{defaultPT(){return t.ObjectUtils.getItemValue(this.getOption(this.$primevue.config.pt,this.$.type.name),this.defaultsParams)},defaultsParams(){return{instance:this.$}}}}}(primevue.utils,Vue);
+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=p(t))in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function p(n){var t=s(n,"string");return"symbol"===i(t)?t:String(t)}function s(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 u={},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\ninput[type="button"],\ninput[type="submit"],\ninput[type="reset"],\ninput[type="file"]::-webkit-file-upload-button,\nbutton { /* @todo */\n    border-radius: 0;\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    margin: 0;\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-inputtext {\n    margin: 0;\n}\n\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,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=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],l="data-pc-",p=this._getOptionValue(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n,t),s=i?this._getOptionValue(this.defaultPT,n,t):void 0;return o.mergeProps(p,s,a(a({},"root"===n&&r({},"".concat(l,"name"),e.ObjectUtils.toFlatCase(this.$.type.name))),{},r({},"".concat(l,"section"),e.ObjectUtils.toFlatCase(n))))},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(u,n,a({instance:this,props:this.$props,state:this.$data,parentInstance:this.$parentInstance},t)),e]}}},computed:{defaultPT:function(){return this._getOptionValue(this.$primevue.config.pt,this.$options.hostName||this.$.type.name,{instance:this})},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);

package/basecomponent/package.json

@@ -2,6 +2,7 @@
   "main": "./basecomponent.cjs.js",
   "module": "./basecomponent.esm.js",
   "unpkg": "./basecomponent.min.js",
+  "types": "./BaseComponent.d.ts",
   "browser": {
     "./sfc": "./BaseComponent.vue"
   }

package/basedirective/BaseDirective.d.ts

@@ -0,0 +1,38 @@
+import { DirectiveBinding, VNode } from 'vue';
+
+export interface DirectiveInstance<T = any, V = any> {
+    $name: string | undefined;
+    $host: T;
+    $binding: DirectiveBinding<V>;
+    $el: HTMLElement | undefined;
+    $css?: {
+        classes?: undefined;
+        inlineStyles?: undefined;
+        loadStyle?: () => void;
+    };
+    defaultPT: any;
+    isUnstyled: boolean;
+    [key: string]: any;
+}
+
+/* All parameters passed by the directive of Vue.js */
+export interface DirectiveOptions<T = any, Prev = VNode<any, T> | null, V = any> {
+    el: T;
+    binding: DirectiveBinding<V>;
+    vnode: VNode<any, T>;
+    prevVNode: Prev;
+}
+
+export interface DirectiveHooks<T = any, V = any> {
+    onCreated?: (instance: DirectiveInstance<T, V> | undefined, options: DirectiveOptions<T, null, V>) => void;
+    onBeforeMount?: (instance: DirectiveInstance<T, V> | undefined, options: DirectiveOptions<T, null, V>) => void;
+    onMounted?: (instance: DirectiveInstance<T, V> | undefined, options: DirectiveOptions<T, null, V>) => void;
+    onBeforeUpdate?: (instance: DirectiveInstance<T, V> | undefined, options: DirectiveOptions<T, VNode<any, T>, V>) => void;
+    onUpdated?: (instance: DirectiveInstance<T, V> | undefined, options: DirectiveOptions<T, VNode<any, T>, V>) => void;
+    onBeforeUnmount?: (instance: DirectiveInstance<T, V> | undefined, options: DirectiveOptions<T, null, V>) => void;
+    onUnmounted?: (instance: DirectiveInstance<T, V> | undefined, options: DirectiveOptions<T, null, V>) => void;
+}
+
+export interface BaseDirectivePassThroughOptions {
+    hooks?: DirectiveHooks;
+}

package/basedirective/basedirective.cjs.js

@@ -0,0 +1,157 @@
+'use strict';
+
+var base = require('primevue/base');
+var utils = require('primevue/utils');
+var vue = require('vue');
+
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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 BaseDirective = {
+  _getMeta: function _getMeta() {
+    return [utils.ObjectUtils.isObject(arguments.length <= 0 ? undefined : arguments[0]) ? undefined : arguments.length <= 0 ? undefined : arguments[0], utils.ObjectUtils.getItemValue(utils.ObjectUtils.isObject(arguments.length <= 0 ? undefined : arguments[0]) ? arguments.length <= 0 ? undefined : arguments[0] : arguments.length <= 1 ? undefined : arguments[1])];
+  },
+  _getOptionValue: function _getOptionValue(options) {
+    var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    var fKeys = utils.ObjectUtils.toFlatCase(key).split('.');
+    var fKey = fKeys.shift();
+    return fKey ? utils.ObjectUtils.isObject(options) ? BaseDirective._getOptionValue(utils.ObjectUtils.getItemValue(options[Object.keys(options).find(function (k) {
+      return utils.ObjectUtils.toFlatCase(k) === fKey;
+    }) || ''], params), fKeys.join('.'), params) : undefined : utils.ObjectUtils.getItemValue(options, params);
+  },
+  _getPTValue: function _getPTValue() {
+    var instance = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var obj = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+    var params = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+    var searchInDefaultPT = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
+    var datasetPrefix = 'data-pc-';
+    var self = BaseDirective._getOptionValue(obj, key, params);
+    var globalPT = searchInDefaultPT ? BaseDirective._getOptionValue(instance.defaultPT, 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;
+  },
+  _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 options = {
+      el: el,
+      binding: binding,
+      vnode: vnode,
+      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);
+  },
+  _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;
+      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] || {};
+      var $options = utils.ObjectUtils.isEmpty($prevInstance) ? _objectSpread(_objectSpread({}, options), options === null || options === void 0 ? void 0 : options.methods) : {};
+      el._$instances[name] = _objectSpread(_objectSpread({}, $prevInstance), {}, {
+        /* new instance variables to pass in directive methods */
+        $name: name,
+        $host: el,
+        $binding: binding,
+        $el: $prevInstance['$el'] || undefined,
+        $css: _objectSpread({
+          classes: undefined,
+          inlineStyles: undefined,
+          loadStyle: function loadStyle() {}
+        }, options === null || options === void 0 ? void 0 : options.css),
+        /* 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],
+        isUnstyled: el.unstyled !== undefined ? el.unstyled : config === null || config === void 0 ? void 0 : config.unstyled,
+        /* instance's methods */
+        ptm: function ptm() {
+          var _el$$instance;
+          var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+          var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+          return BaseDirective._getPTValue(el.$instance, (_el$$instance = el.$instance) === null || _el$$instance === void 0 || (_el$$instance = _el$$instance.$binding) === null || _el$$instance === void 0 || (_el$$instance = _el$$instance.value) === null || _el$$instance === void 0 ? void 0 : _el$$instance.pt, key, _objectSpread({}, params));
+        },
+        ptmo: function ptmo() {
+          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] : {};
+          return BaseDirective._getPTValue(el.$instance, obj, key, params, false);
+        },
+        cx: function cx() {
+          var _el$$instance2, _el$$instance3;
+          var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+          var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+          return !((_el$$instance2 = el.$instance) !== null && _el$$instance2 !== void 0 && _el$$instance2.isUnstyled) ? BaseDirective._getOptionValue((_el$$instance3 = el.$instance) === null || _el$$instance3 === void 0 || (_el$$instance3 = _el$$instance3.$css) === null || _el$$instance3 === void 0 ? void 0 : _el$$instance3.classes, key, _objectSpread({}, params)) : undefined;
+        },
+        sx: function sx() {
+          var _el$$instance4;
+          var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+          var when = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+          var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+          return when ? BaseDirective._getOptionValue((_el$$instance4 = el.$instance) === null || _el$$instance4 === void 0 || (_el$$instance4 = _el$$instance4.$css) === null || _el$$instance4 === void 0 ? void 0 : _el$$instance4.inlineStyles, key, _objectSpread({}, params)) : undefined;
+        }
+      }, $options);
+      el.$instance = el._$instances[name]; // pass instance data to hooks
+      (_el$$instance$hook = (_el$$instance5 = el.$instance)[hook]) === null || _el$$instance$hook === void 0 ? void 0 : _el$$instance$hook.call(_el$$instance5, el, binding, vnode, prevVnode); // handle hook in directive implementation
+      BaseDirective._hook(name, hook, el, binding, vnode, prevVnode); // handle hooks during directive uses (global and self-definition)
+    };
+
+    return {
+      created: function created(el, binding, vnode, prevVnode) {
+        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());
+        handleHook('beforeMount', el, binding, vnode, prevVnode);
+      },
+      mounted: function mounted(el, binding, vnode, prevVnode) {
+        handleHook('mounted', el, binding, vnode, prevVnode);
+      },
+      beforeUpdate: function beforeUpdate(el, binding, vnode, prevVnode) {
+        handleHook('beforeUpdate', el, binding, vnode, prevVnode);
+      },
+      updated: function updated(el, binding, vnode, prevVnode) {
+        handleHook('updated', el, binding, vnode, prevVnode);
+      },
+      beforeUnmount: function beforeUnmount(el, binding, vnode, prevVnode) {
+        handleHook('beforeUnmount', el, binding, vnode, prevVnode);
+      },
+      unmounted: function unmounted(el, binding, vnode, prevVnode) {
+        handleHook('unmounted', el, binding, vnode, prevVnode);
+      }
+    };
+  },
+  extend: function extend() {
+    var _BaseDirective$_getMe = BaseDirective._getMeta.apply(BaseDirective, arguments),
+      _BaseDirective$_getMe2 = _slicedToArray(_BaseDirective$_getMe, 2),
+      name = _BaseDirective$_getMe2[0],
+      options = _BaseDirective$_getMe2[1];
+    return _objectSpread({
+      extend: function extend() {
+        var _BaseDirective$_getMe3 = BaseDirective._getMeta.apply(BaseDirective, arguments),
+          _BaseDirective$_getMe4 = _slicedToArray(_BaseDirective$_getMe3, 2),
+          _name = _BaseDirective$_getMe4[0],
+          _options = _BaseDirective$_getMe4[1];
+        return BaseDirective.extend(_name, _objectSpread(_objectSpread(_objectSpread({}, options), options === null || options === void 0 ? void 0 : options.methods), _options));
+      }
+    }, BaseDirective._extend(name, options));
+  }
+};
+
+module.exports = BaseDirective;

package/basedirective/basedirective.cjs.min.js

@@ -0,0 +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 d(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 s(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?d(Object(n),!0).forEach((function(e){v(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):d(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="data-pc-",u=p._getOptionValue(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i,o),c=l?p._getOptionValue(t.defaultPT,i,o):void 0;return n.mergeProps(u,c,s(s({},"root"===i&&v({},"".concat(r,"name"),e.ObjectUtils.toFlatCase(t.$name))),{},v({},"".concat(r,"section"),e.ObjectUtils.toFlatCase(i))))},_hook:function(t,n,i,o,l,r){var u,c,a,d="on".concat(e.ObjectUtils.toCapitalCase(n)),s=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[d],f=null==s||null===(a=s.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[d],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,d,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)?s(s({},i),null==i?void 0:i.methods):{};o._$instances[n]=s(s({},b),{},{$name:n,$host:o,$binding:l,$el:b.$el||void 0,$css:s({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]:"",s({},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]:"",s({},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]:"",s({},arguments.length>2&&void 0!==arguments[2]?arguments[2]:{})):void 0}},g),o.$instance=o._$instances[n],null===(d=(v=o.$instance)[t])||void 0===d||d.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 s({extend:function(){var t=o(p._getMeta.apply(p,arguments),2),n=t[1];return p.extend(t[0],s(s(s({},e),null==e?void 0:e.methods),n))}},p._extend(t[0],e))}};module.exports=p;