primevuelab 4.0.0-beta.4

package/rating/style/ratingstyle.mjs

@@ -0,0 +1,34 @@
+import BaseStyle from '@primevuelab/core/base/style';
+
+var theme = function theme(_ref) {
+  var dt = _ref.dt;
+  return "\n.p-rating {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: ".concat(dt('rating.gap'), ";\n}\n\n.p-rating-option {\n    display: inline-flex;\n    align-items: center;\n    cursor: pointer;\n    outline-color: transparent;\n    border-radius: 50%;\n    cursor: pointer;\n    transition: background ").concat(dt('rating.transition.duration'), ", color ").concat(dt('rating.transition.duration'), ", border-color ").concat(dt('rating.transition.duration'), ", outline-color ").concat(dt('rating.transition.duration'), ", box-shadow ").concat(dt('rating.transition.duration'), ";\n}\n\n.p-rating-option.p-focus-visible {\n    box-shadow: ").concat(dt('focus.ring.shadow'), ";\n    outline: ").concat(dt('focus.ring.width'), " ").concat(dt('focus.ring.style'), " ").concat(dt('focus.ring.color'), ";\n    outline-offset: ").concat(dt('focus.ring.offset'), ";\n}\n\n.p-rating-icon {\n    color: ").concat(dt('rating.icon.color'), ";\n    transition: background ").concat(dt('rating.transition.duration'), ", color ").concat(dt('rating.transition.duration'), ", border-color ").concat(dt('rating.transition.duration'), ", outline-color ").concat(dt('rating.transition.duration'), ", box-shadow ").concat(dt('rating.transition.duration'), ";\n    font-size: ").concat(dt('rating.icon.size'), ";\n    width: ").concat(dt('rating.icon.size'), ";\n    height: ").concat(dt('rating.icon.size'), ";\n}\n\n.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-option:hover .p-rating-icon {\n    color: ").concat(dt('rating.icon.hover.color'), ";\n}\n\n.p-rating-option-active .p-rating-icon {\n    color: ").concat(dt('rating.icon.active.color'), ";\n}\n");
+};
+var classes = {
+  root: function root(_ref2) {
+    var props = _ref2.props;
+    return ['p-rating', {
+      'p-readonly': props.readonly,
+      'p-disabled': props.disabled
+    }];
+  },
+  option: function option(_ref3) {
+    var instance = _ref3.instance,
+      props = _ref3.props,
+      value = _ref3.value;
+    return ['p-rating-option', {
+      'p-rating-option-active': value <= props.modelValue,
+      'p-focus-visible': value === instance.focusedOptionIndex && instance.isFocusVisibleItem
+    }];
+  },
+  onIcon: 'p-rating-icon p-rating-on-icon',
+  offIcon: 'p-rating-icon p-rating-off-icon'
+};
+var RatingStyle = BaseStyle.extend({
+  name: 'rating',
+  theme: theme,
+  classes: classes
+});
+
+export { RatingStyle as default };
+//# sourceMappingURL=ratingstyle.mjs.map

package/rating/style/ratingstyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ratingstyle.mjs","sources":["../../../src/rating/style/RatingStyle.js"],"sourcesContent":["import BaseStyle from '@primevuelab/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-rating {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: ${dt('rating.gap')};\n}\n\n.p-rating-option {\n    display: inline-flex;\n    align-items: center;\n    cursor: pointer;\n    outline-color: transparent;\n    border-radius: 50%;\n    cursor: pointer;\n    transition: background ${dt('rating.transition.duration')}, color ${dt('rating.transition.duration')}, border-color ${dt('rating.transition.duration')}, outline-color ${dt('rating.transition.duration')}, box-shadow ${dt(\n        'rating.transition.duration'\n    )};\n}\n\n.p-rating-option.p-focus-visible {\n    box-shadow: ${dt('focus.ring.shadow')};\n    outline: ${dt('focus.ring.width')} ${dt('focus.ring.style')} ${dt('focus.ring.color')};\n    outline-offset: ${dt('focus.ring.offset')};\n}\n\n.p-rating-icon {\n    color: ${dt('rating.icon.color')};\n    transition: background ${dt('rating.transition.duration')}, color ${dt('rating.transition.duration')}, border-color ${dt('rating.transition.duration')}, outline-color ${dt('rating.transition.duration')}, box-shadow ${dt(\n        'rating.transition.duration'\n    )};\n    font-size: ${dt('rating.icon.size')};\n    width: ${dt('rating.icon.size')};\n    height: ${dt('rating.icon.size')};\n}\n\n.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-option:hover .p-rating-icon {\n    color: ${dt('rating.icon.hover.color')};\n}\n\n.p-rating-option-active .p-rating-icon {\n    color: ${dt('rating.icon.active.color')};\n}\n`;\n\nconst classes = {\n    root: ({ props }) => [\n        'p-rating',\n        {\n            'p-readonly': props.readonly,\n            'p-disabled': props.disabled\n        }\n    ],\n    option: ({ instance, props, value }) => [\n        'p-rating-option',\n        {\n            'p-rating-option-active': value <= props.modelValue,\n            'p-focus-visible': value === instance.focusedOptionIndex && instance.isFocusVisibleItem\n        }\n    ],\n    onIcon: 'p-rating-icon p-rating-on-icon',\n    offIcon: 'p-rating-icon p-rating-off-icon'\n};\n\nexport default BaseStyle.extend({\n    name: 'rating',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","readonly","disabled","option","_ref3","instance","value","modelValue","focusedOptionIndex","isFocusVisibleItem","onIcon","offIcon","BaseStyle","extend","name"],"mappings":"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"}

package/ripple/Ripple.d.ts

@@ -0,0 +1,87 @@
+/**
+ *
+ * Ripple directive adds ripple effect to the host element.
+ *
+ * [Live Demo](https://primevuelab.org/ripple)
+ *
+ * @module ripple
+ *
+ */
+import { DirectiveBinding, ObjectDirective } from 'vue';
+import { DirectiveHooks } from '../basedirective';
+import { PassThroughOptions } from '../passthrough';
+import { DesignToken, PassThrough } from '../ts-helpers';
+
+export declare type RippleDirectivePassThroughOptionType = RippleDirectivePassThroughAttributes | null | undefined;
+
+/**
+ * Defines options of Ripple.
+ */
+export interface RippleOptions {
+    /**
+     * It generates scoped CSS variables using design tokens for the component.
+     */
+    dt?: DesignToken<any>;
+    /**
+     * Used to pass attributes to DOM elements inside the component.
+     * @type {RippleDirectivePassThroughOptions}
+     */
+    pt?: PassThrough<RippleDirectivePassThroughOptions>;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
+    /**
+     * When enabled, it removes component related styles in the core.
+     * @defaultValue false
+     */
+    unstyled?: boolean;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link RippleOptions.pt}
+ */
+export interface RippleDirectivePassThroughOptions {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: RippleDirectivePassThroughOptionType;
+    /**
+     * Used to manage all lifecycle hooks.
+     * @see {@link BaseDirective.DirectiveHooks}
+     */
+    hooks?: DirectiveHooks;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface RippleDirectivePassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Binding of Ripple directive.
+ */
+export interface RippleDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {
+    /**
+     * Value of the Ripple.
+     */
+    value?: RippleOptions | undefined;
+}
+
+/**
+ * **primevuelab - Ripple**
+ *
+ * _Ripple directive adds ripple effect to the host element._
+ *
+ * [Live Demo](https://www.primevuelab.org/ripple/)
+ * --- ---
+ * ![primevuelab](https://primefaces.org/cdn/primevuelab/images/logo-100.png)
+ *
+ */
+declare const Ripple: ObjectDirective;
+
+export default Ripple;

package/ripple/package.json

@@ -0,0 +1,5 @@
+{
+    "main": "ripple.mjs",
+    "module": "ripple.mjs",
+    "types": "./Ripple.d.ts"
+}

package/ripple/ripple.mjs

@@ -0,0 +1,111 @@
+import { DomHandler } from '@primevuelab/core/utils';
+import BaseDirective from '@primevuelab/core/basedirective';
+import RippleStyle from 'primevuelab/ripple/style';
+
+var BaseRipple = BaseDirective.extend({
+  style: RippleStyle
+});
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var Ripple = BaseRipple.extend('ripple', {
+  watch: {
+    'config.ripple': function configRipple(newValue) {
+      if (newValue) {
+        this.createRipple(this.$host);
+        this.bindEvents(this.$host);
+        this.$host.setAttribute('data-pd-ripple', true);
+        this.$host.style['overflow'] = 'hidden';
+        this.$host.style['position'] = 'relative';
+      } else {
+        this.remove(this.$host);
+        this.$host.removeAttribute('data-pd-ripple');
+      }
+    }
+  },
+  unmounted: function unmounted(el) {
+    this.remove(el);
+  },
+  timeout: undefined,
+  methods: {
+    bindEvents: function bindEvents(el) {
+      el.addEventListener('mousedown', this.onMouseDown.bind(this));
+    },
+    unbindEvents: function unbindEvents(el) {
+      el.removeEventListener('mousedown', this.onMouseDown.bind(this));
+    },
+    createRipple: function createRipple(el) {
+      var ink = DomHandler.createElement('span', _defineProperty(_defineProperty({
+        role: 'presentation',
+        'aria-hidden': true,
+        'data-p-ink': true,
+        'data-p-ink-active': false,
+        "class": !this.isUnstyled() && this.cx('root'),
+        onAnimationEnd: this.onAnimationEnd.bind(this)
+      }, this.$attrSelector, ''), 'p-bind', this.ptm('root')));
+      el.appendChild(ink);
+      this.$el = ink;
+    },
+    remove: function remove(el) {
+      var ink = this.getInk(el);
+      if (ink) {
+        this.$host.style['overflow'] = '';
+        this.$host.style['position'] = '';
+        this.unbindEvents(el);
+        ink.removeEventListener('animationend', this.onAnimationEnd);
+        ink.remove();
+      }
+    },
+    onMouseDown: function onMouseDown(event) {
+      var _this = this;
+      var target = event.currentTarget;
+      var ink = this.getInk(target);
+      if (!ink || getComputedStyle(ink, null).display === 'none') {
+        return;
+      }
+      !this.isUnstyled() && DomHandler.removeClass(ink, 'p-ink-active');
+      ink.setAttribute('data-p-ink-active', 'false');
+      if (!DomHandler.getHeight(ink) && !DomHandler.getWidth(ink)) {
+        var d = Math.max(DomHandler.getOuterWidth(target), DomHandler.getOuterHeight(target));
+        ink.style.height = d + 'px';
+        ink.style.width = d + 'px';
+      }
+      var offset = DomHandler.getOffset(target);
+      var x = event.pageX - offset.left + document.body.scrollTop - DomHandler.getWidth(ink) / 2;
+      var y = event.pageY - offset.top + document.body.scrollLeft - DomHandler.getHeight(ink) / 2;
+      ink.style.top = y + 'px';
+      ink.style.left = x + 'px';
+      !this.isUnstyled() && DomHandler.addClass(ink, 'p-ink-active');
+      ink.setAttribute('data-p-ink-active', 'true');
+      this.timeout = setTimeout(function () {
+        if (ink) {
+          !_this.isUnstyled() && DomHandler.removeClass(ink, 'p-ink-active');
+          ink.setAttribute('data-p-ink-active', 'false');
+        }
+      }, 401);
+    },
+    onAnimationEnd: function onAnimationEnd(event) {
+      if (this.timeout) {
+        clearTimeout(this.timeout);
+      }
+      !this.isUnstyled() && DomHandler.removeClass(event.currentTarget, 'p-ink-active');
+      event.currentTarget.setAttribute('data-p-ink-active', 'false');
+    },
+    getInk: function getInk(el) {
+      return el && el.children ? _toConsumableArray(el.children).find(function (child) {
+        return DomHandler.getAttribute(child, 'data-pc-name') === 'ripple';
+      }) : undefined;
+    }
+  }
+});
+
+export { Ripple as default };
+//# sourceMappingURL=ripple.mjs.map

package/ripple/ripple.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripple.mjs","sources":["../../src/ripple/BaseRipple.js","../../src/ripple/Ripple.js"],"sourcesContent":["import BaseDirective from '@primevuelab/core/basedirective';\nimport RippleStyle from 'primevuelab/ripple/style';\n\nconst BaseRipple = BaseDirective.extend({\n    style: RippleStyle\n});\n\nexport default BaseRipple;\n","import { DomHandler } from '@primevuelab/core/utils';\nimport BaseRipple from './BaseRipple';\n\nconst Ripple = BaseRipple.extend('ripple', {\n    watch: {\n        'config.ripple'(newValue) {\n            if (newValue) {\n                this.createRipple(this.$host);\n                this.bindEvents(this.$host);\n\n                this.$host.setAttribute('data-pd-ripple', true);\n                this.$host.style['overflow'] = 'hidden';\n                this.$host.style['position'] = 'relative';\n            } else {\n                this.remove(this.$host);\n                this.$host.removeAttribute('data-pd-ripple');\n            }\n        }\n    },\n    unmounted(el) {\n        this.remove(el);\n    },\n    timeout: undefined,\n    methods: {\n        bindEvents(el) {\n            el.addEventListener('mousedown', this.onMouseDown.bind(this));\n        },\n        unbindEvents(el) {\n            el.removeEventListener('mousedown', this.onMouseDown.bind(this));\n        },\n        createRipple(el) {\n            const ink = DomHandler.createElement('span', {\n                role: 'presentation',\n                'aria-hidden': true,\n                'data-p-ink': true,\n                'data-p-ink-active': false,\n                class: !this.isUnstyled() && this.cx('root'),\n                onAnimationEnd: this.onAnimationEnd.bind(this),\n                [this.$attrSelector]: '',\n                'p-bind': this.ptm('root')\n            });\n\n            el.appendChild(ink);\n\n            this.$el = ink;\n        },\n        remove(el) {\n            let ink = this.getInk(el);\n\n            if (ink) {\n                this.$host.style['overflow'] = '';\n                this.$host.style['position'] = '';\n\n                this.unbindEvents(el);\n                ink.removeEventListener('animationend', this.onAnimationEnd);\n                ink.remove();\n            }\n        },\n        onMouseDown(event) {\n            let target = event.currentTarget;\n            let ink = this.getInk(target);\n\n            if (!ink || getComputedStyle(ink, null).display === 'none') {\n                return;\n            }\n\n            !this.isUnstyled() && DomHandler.removeClass(ink, 'p-ink-active');\n            ink.setAttribute('data-p-ink-active', 'false');\n\n            if (!DomHandler.getHeight(ink) && !DomHandler.getWidth(ink)) {\n                let d = Math.max(DomHandler.getOuterWidth(target), DomHandler.getOuterHeight(target));\n\n                ink.style.height = d + 'px';\n                ink.style.width = d + 'px';\n            }\n\n            let offset = DomHandler.getOffset(target);\n            let x = event.pageX - offset.left + document.body.scrollTop - DomHandler.getWidth(ink) / 2;\n            let y = event.pageY - offset.top + document.body.scrollLeft - DomHandler.getHeight(ink) / 2;\n\n            ink.style.top = y + 'px';\n            ink.style.left = x + 'px';\n\n            !this.isUnstyled() && DomHandler.addClass(ink, 'p-ink-active');\n            ink.setAttribute('data-p-ink-active', 'true');\n\n            this.timeout = setTimeout(() => {\n                if (ink) {\n                    !this.isUnstyled() && DomHandler.removeClass(ink, 'p-ink-active');\n                    ink.setAttribute('data-p-ink-active', 'false');\n                }\n            }, 401);\n        },\n        onAnimationEnd(event) {\n            if (this.timeout) {\n                clearTimeout(this.timeout);\n            }\n\n            !this.isUnstyled() && DomHandler.removeClass(event.currentTarget, 'p-ink-active');\n            event.currentTarget.setAttribute('data-p-ink-active', 'false');\n        },\n        getInk(el) {\n            return el && el.children ? [...el.children].find((child) => DomHandler.getAttribute(child, 'data-pc-name') === 'ripple') : undefined;\n        }\n    }\n});\n\nexport default Ripple;\n"],"names":["BaseRipple","BaseDirective","extend","style","RippleStyle","Ripple","watch","configRipple","newValue","createRipple","$host","bindEvents","setAttribute","remove","removeAttribute","unmounted","el","timeout","undefined","methods","addEventListener","onMouseDown","bind","unbindEvents","removeEventListener","ink","DomHandler","createElement","_defineProperty","role","isUnstyled","cx","onAnimationEnd","$attrSelector","ptm","appendChild","$el","getInk","event","_this","target","currentTarget","getComputedStyle","display","removeClass","getHeight","getWidth","d","Math","max","getOuterWidth","getOuterHeight","height","width","offset","getOffset","x","pageX","left","document","body","scrollTop","y","pageY","top","scrollLeft","addClass","setTimeout","clearTimeout","children","_toConsumableArray","find","child","getAttribute"],"mappings":";;;;AAGA,IAAMA,UAAU,GAAGC,aAAa,CAACC,MAAM,CAAC;AACpCC,EAAAA,KAAK,EAAEC,WAAAA;AACX,CAAC,CAAC;;;;;;;;;;;;ACFF,IAAMC,MAAM,GAAGL,UAAU,CAACE,MAAM,CAAC,QAAQ,EAAE;AACvCI,EAAAA,KAAK,EAAE;IACH,eAAe,EAAA,SAAAC,YAACC,CAAAA,QAAQ,EAAE;AACtB,MAAA,IAAIA,QAAQ,EAAE;AACV,QAAA,IAAI,CAACC,YAAY,CAAC,IAAI,CAACC,KAAK,CAAC,CAAA;AAC7B,QAAA,IAAI,CAACC,UAAU,CAAC,IAAI,CAACD,KAAK,CAAC,CAAA;QAE3B,IAAI,CAACA,KAAK,CAACE,YAAY,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAA;QAC/C,IAAI,CAACF,KAAK,CAACP,KAAK,CAAC,UAAU,CAAC,GAAG,QAAQ,CAAA;QACvC,IAAI,CAACO,KAAK,CAACP,KAAK,CAAC,UAAU,CAAC,GAAG,UAAU,CAAA;AAC7C,OAAC,MAAM;AACH,QAAA,IAAI,CAACU,MAAM,CAAC,IAAI,CAACH,KAAK,CAAC,CAAA;AACvB,QAAA,IAAI,CAACA,KAAK,CAACI,eAAe,CAAC,gBAAgB,CAAC,CAAA;AAChD,OAAA;AACJ,KAAA;GACH;EACDC,SAAS,EAAA,SAAAA,SAACC,CAAAA,EAAE,EAAE;AACV,IAAA,IAAI,CAACH,MAAM,CAACG,EAAE,CAAC,CAAA;GAClB;AACDC,EAAAA,OAAO,EAAEC,SAAS;AAClBC,EAAAA,OAAO,EAAE;IACLR,UAAU,EAAA,SAAAA,UAACK,CAAAA,EAAE,EAAE;AACXA,MAAAA,EAAE,CAACI,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAACC,WAAW,CAACC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;KAChE;IACDC,YAAY,EAAA,SAAAA,YAACP,CAAAA,EAAE,EAAE;AACbA,MAAAA,EAAE,CAACQ,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAACH,WAAW,CAACC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;KACnE;IACDb,YAAY,EAAA,SAAAA,YAACO,CAAAA,EAAE,EAAE;MACb,IAAMS,GAAG,GAAGC,UAAU,CAACC,aAAa,CAAC,MAAM,EAAAC,eAAA,CAAAA,eAAA,CAAA;AACvCC,QAAAA,IAAI,EAAE,cAAc;AACpB,QAAA,aAAa,EAAE,IAAI;AACnB,QAAA,YAAY,EAAE,IAAI;AAClB,QAAA,mBAAmB,EAAE,KAAK;AAC1B,QAAA,OAAA,EAAO,CAAC,IAAI,CAACC,UAAU,EAAE,IAAI,IAAI,CAACC,EAAE,CAAC,MAAM,CAAC;AAC5CC,QAAAA,cAAc,EAAE,IAAI,CAACA,cAAc,CAACV,IAAI,CAAC,IAAI,CAAA;AAAC,OAAA,EAC7C,IAAI,CAACW,aAAa,EAAG,EAAE,CACxB,EAAA,QAAQ,EAAE,IAAI,CAACC,GAAG,CAAC,MAAM,CAAC,CAC7B,CAAC,CAAA;AAEFlB,MAAAA,EAAE,CAACmB,WAAW,CAACV,GAAG,CAAC,CAAA;MAEnB,IAAI,CAACW,GAAG,GAAGX,GAAG,CAAA;KACjB;IACDZ,MAAM,EAAA,SAAAA,MAACG,CAAAA,EAAE,EAAE;AACP,MAAA,IAAIS,GAAG,GAAG,IAAI,CAACY,MAAM,CAACrB,EAAE,CAAC,CAAA;AAEzB,MAAA,IAAIS,GAAG,EAAE;QACL,IAAI,CAACf,KAAK,CAACP,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,CAAA;QACjC,IAAI,CAACO,KAAK,CAACP,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,CAAA;AAEjC,QAAA,IAAI,CAACoB,YAAY,CAACP,EAAE,CAAC,CAAA;QACrBS,GAAG,CAACD,mBAAmB,CAAC,cAAc,EAAE,IAAI,CAACQ,cAAc,CAAC,CAAA;QAC5DP,GAAG,CAACZ,MAAM,EAAE,CAAA;AAChB,OAAA;KACH;IACDQ,WAAW,EAAA,SAAAA,WAACiB,CAAAA,KAAK,EAAE;AAAA,MAAA,IAAAC,KAAA,GAAA,IAAA,CAAA;AACf,MAAA,IAAIC,MAAM,GAAGF,KAAK,CAACG,aAAa,CAAA;AAChC,MAAA,IAAIhB,GAAG,GAAG,IAAI,CAACY,MAAM,CAACG,MAAM,CAAC,CAAA;AAE7B,MAAA,IAAI,CAACf,GAAG,IAAIiB,gBAAgB,CAACjB,GAAG,EAAE,IAAI,CAAC,CAACkB,OAAO,KAAK,MAAM,EAAE;AACxD,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,CAAC,IAAI,CAACb,UAAU,EAAE,IAAIJ,UAAU,CAACkB,WAAW,CAACnB,GAAG,EAAE,cAAc,CAAC,CAAA;AACjEA,MAAAA,GAAG,CAACb,YAAY,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAAA;AAE9C,MAAA,IAAI,CAACc,UAAU,CAACmB,SAAS,CAACpB,GAAG,CAAC,IAAI,CAACC,UAAU,CAACoB,QAAQ,CAACrB,GAAG,CAAC,EAAE;AACzD,QAAA,IAAIsB,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACvB,UAAU,CAACwB,aAAa,CAACV,MAAM,CAAC,EAAEd,UAAU,CAACyB,cAAc,CAACX,MAAM,CAAC,CAAC,CAAA;AAErFf,QAAAA,GAAG,CAACtB,KAAK,CAACiD,MAAM,GAAGL,CAAC,GAAG,IAAI,CAAA;AAC3BtB,QAAAA,GAAG,CAACtB,KAAK,CAACkD,KAAK,GAAGN,CAAC,GAAG,IAAI,CAAA;AAC9B,OAAA;AAEA,MAAA,IAAIO,MAAM,GAAG5B,UAAU,CAAC6B,SAAS,CAACf,MAAM,CAAC,CAAA;MACzC,IAAIgB,CAAC,GAAGlB,KAAK,CAACmB,KAAK,GAAGH,MAAM,CAACI,IAAI,GAAGC,QAAQ,CAACC,IAAI,CAACC,SAAS,GAAGnC,UAAU,CAACoB,QAAQ,CAACrB,GAAG,CAAC,GAAG,CAAC,CAAA;MAC1F,IAAIqC,CAAC,GAAGxB,KAAK,CAACyB,KAAK,GAAGT,MAAM,CAACU,GAAG,GAAGL,QAAQ,CAACC,IAAI,CAACK,UAAU,GAAGvC,UAAU,CAACmB,SAAS,CAACpB,GAAG,CAAC,GAAG,CAAC,CAAA;AAE3FA,MAAAA,GAAG,CAACtB,KAAK,CAAC6D,GAAG,GAAGF,CAAC,GAAG,IAAI,CAAA;AACxBrC,MAAAA,GAAG,CAACtB,KAAK,CAACuD,IAAI,GAAGF,CAAC,GAAG,IAAI,CAAA;AAEzB,MAAA,CAAC,IAAI,CAAC1B,UAAU,EAAE,IAAIJ,UAAU,CAACwC,QAAQ,CAACzC,GAAG,EAAE,cAAc,CAAC,CAAA;AAC9DA,MAAAA,GAAG,CAACb,YAAY,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAA;AAE7C,MAAA,IAAI,CAACK,OAAO,GAAGkD,UAAU,CAAC,YAAM;AAC5B,QAAA,IAAI1C,GAAG,EAAE;AACL,UAAA,CAACc,KAAI,CAACT,UAAU,EAAE,IAAIJ,UAAU,CAACkB,WAAW,CAACnB,GAAG,EAAE,cAAc,CAAC,CAAA;AACjEA,UAAAA,GAAG,CAACb,YAAY,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAAA;AAClD,SAAA;OACH,EAAE,GAAG,CAAC,CAAA;KACV;IACDoB,cAAc,EAAA,SAAAA,cAACM,CAAAA,KAAK,EAAE;MAClB,IAAI,IAAI,CAACrB,OAAO,EAAE;AACdmD,QAAAA,YAAY,CAAC,IAAI,CAACnD,OAAO,CAAC,CAAA;AAC9B,OAAA;AAEA,MAAA,CAAC,IAAI,CAACa,UAAU,EAAE,IAAIJ,UAAU,CAACkB,WAAW,CAACN,KAAK,CAACG,aAAa,EAAE,cAAc,CAAC,CAAA;MACjFH,KAAK,CAACG,aAAa,CAAC7B,YAAY,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAAA;KACjE;IACDyB,MAAM,EAAA,SAAAA,MAACrB,CAAAA,EAAE,EAAE;AACP,MAAA,OAAOA,EAAE,IAAIA,EAAE,CAACqD,QAAQ,GAAGC,kBAAA,CAAItD,EAAE,CAACqD,QAAQ,CAAA,CAAEE,IAAI,CAAC,UAACC,KAAK,EAAA;QAAA,OAAK9C,UAAU,CAAC+C,YAAY,CAACD,KAAK,EAAE,cAAc,CAAC,KAAK,QAAQ,CAAA;AAAA,OAAA,CAAC,GAAGtD,SAAS,CAAA;AACxI,KAAA;AACJ,GAAA;AACJ,CAAC;;;;"}

package/ripple/style/RippleStyle.d.ts

@@ -0,0 +1,19 @@
+/**
+ *
+ * Ripple directive adds ripple effect to the host element.
+ *
+ * [Live Demo](https://primevuelab.org/ripple)
+ *
+ * @module ripplestyle
+ *
+ */
+import { BaseStyle } from '../../base/style';
+
+export enum RippleClasses {
+    /**
+     * Class name of the root element
+     */
+    root = 'p-ink'
+}
+
+export interface RippleStyle extends BaseStyle {}

package/ripple/style/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "ripplestyle.mjs",
+    "module": "ripplestyle.mjs",
+    "types": "./RippleStyle.d.ts",
+    "sideEffects": false
+}

package/ripple/style/ripplestyle.mjs

@@ -0,0 +1,17 @@
+import BaseStyle from '@primevuelab/core/base/style';
+
+var theme = function theme(_ref) {
+  var dt = _ref.dt;
+  return "\n.p-ink {\n    display: block;\n    position: absolute;\n    background: ".concat(dt('ripple.background'), ";\n    border-radius: 100%;\n    transform: scale(0);\n    pointer-events: none;\n}\n\n.p-ink-active {\n    animation: ripple 0.4s linear;\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n");
+};
+var classes = {
+  root: 'p-ink'
+};
+var RippleStyle = BaseStyle.extend({
+  name: 'ripple-directive',
+  theme: theme,
+  classes: classes
+});
+
+export { RippleStyle as default };
+//# sourceMappingURL=ripplestyle.mjs.map

package/ripple/style/ripplestyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripplestyle.mjs","sources":["../../../src/ripple/style/RippleStyle.js"],"sourcesContent":["import BaseStyle from '@primevuelab/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-ink {\n    display: block;\n    position: absolute;\n    background: ${dt('ripple.background')};\n    border-radius: 100%;\n    transform: scale(0);\n    pointer-events: none;\n}\n\n.p-ink-active {\n    animation: ripple 0.4s linear;\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n`;\n\nconst classes = {\n    root: 'p-ink'\n};\n\nexport default BaseStyle.extend({\n    name: 'ripple-directive',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;AAAA,EAAA,OAAA,4EAAA,CAAAC,MAAA,CAIDD,EAAE,CAAC,mBAAmB,CAAC,EAAA,mPAAA,CAAA,CAAA;AAAA,CAgBxC,CAAA;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,OAAA;AACV,CAAC,CAAA;AAED,kBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,kBAAkB;AACxBR,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}

package/row/Row.d.ts

@@ -0,0 +1,126 @@
+/**
+ *
+ * Row component is a helper component used to create grouping structures in DataTable.
+ *
+ * [Live Demo](https://www.primevuelab.org/datatable/)
+ *
+ * @module row
+ *
+ */
+import { ComponentHooks } from '../../../core/src/basecomponent';
+import { DefineComponent, EmitFn, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
+
+export declare type RowPassThroughOptionType<T = any> = RowPassThroughAttributes | ((options: RowPassThroughMethodOptions<T>) => RowPassThroughAttributes | string) | string | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface RowPassThroughMethodOptions<T = any> {
+    /**
+     * Defines instance.
+     */
+    instance: any;
+    /**
+     * Defines valid properties.
+     */
+    props: RowProps;
+    /**
+     * Defines valid attributes.
+     */
+    attrs: any;
+    /**
+     * Defines parent options.
+     */
+    parent: T;
+    /**
+     * Defines current options.
+     */
+    context: RowContext;
+    /**
+     * Defines passthrough(pt) options in global config.
+     */
+    global: object | undefined;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link RowProps.pt}
+ */
+export interface RowPassThroughOptions<T = any> {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: RowPassThroughOptionType<T>;
+    /**
+     * Used to manage all lifecycle hooks.
+     * @see {@link BaseComponent.ComponentHooks}
+     */
+    hooks?: ComponentHooks;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface RowPassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines valid properties in Row component.
+ */
+export interface RowProps {
+    /**
+     * When enabled, it removes component related styles in the core.
+     * @defaultValue false
+     */
+    unstyled?: boolean;
+    /**
+     * Used to pass attributes to DOM elements inside the component.
+     * @type {ButtonPassThroughOptions}
+     */
+    pt?: PassThrough<RowPassThroughOptions<any>>;
+}
+
+/**
+ * Defines current options in Row component.
+ */
+export interface RowContext {
+    /**
+     * Current index of the row.
+     */
+    index: number;
+}
+
+/**
+ * Defines valid slots in Row component.
+ */
+export interface RowSlots {}
+
+/**
+ * Defines valid emits in Row component.
+ */
+export interface RowEmitsOptions {}
+
+export declare type RowEmits = EmitFn<RowEmitsOptions>;
+
+/**
+ * **primevuelab - Row**
+ *
+ * _Row component is a helper component used to create grouping structures in DataTable._
+ *
+ * [Live Demo](https://www.primevuelab.org/datatable/)
+ * --- ---
+ * ![primevuelab](https://primefaces.org/cdn/primevuelab/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
+declare const Row: DefineComponent<RowProps, RowSlots, RowEmits>;
+
+declare module 'vue' {
+    export interface GlobalComponents {
+        Row: GlobalComponentConstructor<RowProps, RowSlots, RowEmits>;
+    }
+}
+
+export default Row;

package/row/Row.vue

@@ -0,0 +1,18 @@
+<script>
+import BaseComponent from '@primevuelab/core/basecomponent';
+
+export default {
+    name: 'Row',
+    extends: BaseComponent,
+    inject: ['$rows'],
+    mounted() {
+        this.$rows?.add(this.$);
+    },
+    unmounted() {
+        this.$rows?.delete(this.$);
+    },
+    render() {
+        return null;
+    }
+};
+</script>

package/row/package.json

@@ -0,0 +1,11 @@
+{
+    "main": "row.mjs",
+    "module": "row.mjs",
+    "types": "./Row.d.ts",
+    "browser": {
+        "./sfc": "./Row.vue"
+    },
+    "sideEffects": [
+        "*.vue"
+    ]
+}

package/row/row.mjs

@@ -0,0 +1,21 @@
+import BaseComponent from '@primevuelab/core/basecomponent';
+
+var script = {
+  name: 'Row',
+  "extends": BaseComponent,
+  inject: ['$rows'],
+  mounted: function mounted() {
+    var _this$$rows;
+    (_this$$rows = this.$rows) === null || _this$$rows === void 0 || _this$$rows.add(this.$);
+  },
+  unmounted: function unmounted() {
+    var _this$$rows2;
+    (_this$$rows2 = this.$rows) === null || _this$$rows2 === void 0 || _this$$rows2["delete"](this.$);
+  },
+  render: function render() {
+    return null;
+  }
+};
+
+export { script as default };
+//# sourceMappingURL=row.mjs.map

package/row/row.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"row.mjs","sources":["../../src/row/Row.vue"],"sourcesContent":["<script>\nimport BaseComponent from '@primevuelab/core/basecomponent';\n\nexport default {\n    name: 'Row',\n    extends: BaseComponent,\n    inject: ['$rows'],\n    mounted() {\n        this.$rows?.add(this.$);\n    },\n    unmounted() {\n        this.$rows?.delete(this.$);\n    },\n    render() {\n        return null;\n    }\n};\n</script>\n"],"names":["name","BaseComponent","inject","mounted","_this$$rows","$rows","add","$","unmounted","_this$$rows2","render"],"mappings":";;AAGA,aAAe;AACXA,EAAAA,IAAI,EAAE,KAAK;AACX,EAAA,SAAA,EAASC,aAAa;EACtBC,MAAM,EAAE,CAAC,OAAO,CAAC;EACjBC,OAAO,EAAA,SAAAA,UAAG;AAAA,IAAA,IAAAC,WAAA,CAAA;AACN,IAAA,CAAAA,WAAA,GAAA,IAAI,CAACC,KAAK,cAAAD,WAAA,KAAA,KAAA,CAAA,IAAVA,WAAA,CAAYE,GAAG,CAAC,IAAI,CAACC,CAAC,CAAC,CAAA;GAC1B;EACDC,SAAS,EAAA,SAAAA,YAAG;AAAA,IAAA,IAAAC,YAAA,CAAA;AACR,IAAA,CAAAA,YAAA,GAAA,IAAI,CAACJ,KAAK,MAAAI,IAAAA,IAAAA,YAAA,KAAVA,KAAAA,CAAAA,IAAAA,YAAA,CAAkB,QAAA,CAAA,CAAC,IAAI,CAACF,CAAC,CAAC,CAAA;GAC7B;EACDG,MAAM,EAAA,SAAAA,SAAG;AACL,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;AACJ,CAAC;;;;"}

package/row/style/RowStyle.d.ts

@@ -0,0 +1,14 @@
+/**
+ *
+ * Row component is a helper component used to create grouping structures in DataTable.
+ *
+ * [Live Demo](https://www.primevuelab.org/datatable/)
+ *
+ * @module rowstyle
+ *
+ */
+import { BaseStyle } from '../../base/style';
+
+export enum RowClasses {}
+
+export interface RowStyle extends BaseStyle {}

package/row/style/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "rowstyle.mjs",
+    "module": "rowstyle.mjs",
+    "types": "./RowStyle.d.ts",
+    "sideEffects": false
+}

package/row/style/rowstyle.mjs

@@ -0,0 +1,8 @@
+import BaseStyle from '@primevuelab/core/base/style';
+
+var RowStyle = BaseStyle.extend({
+  name: 'row'
+});
+
+export { RowStyle as default };
+//# sourceMappingURL=rowstyle.mjs.map

package/row/style/rowstyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rowstyle.mjs","sources":["../../../src/row/style/RowStyle.js"],"sourcesContent":["import BaseStyle from '@primevuelab/core/base/style';\n\nexport default BaseStyle.extend({\n    name: 'row'\n});\n"],"names":["BaseStyle","extend","name"],"mappings":";;AAEA,eAAeA,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,KAAA;AACV,CAAC,CAAC;;;;"}

package/scrollpanel/BaseScrollPanel.vue

@@ -0,0 +1,22 @@
+<script>
+import BaseComponent from '@primevuelab/core/basecomponent';
+import ScrollPanelStyle from 'primevuelab/scrollpanel/style';
+
+export default {
+    name: 'BaseScrollPanel',
+    extends: BaseComponent,
+    props: {
+        step: {
+            type: Number,
+            default: 5
+        }
+    },
+    style: ScrollPanelStyle,
+    provide() {
+        return {
+            $pcScrollPanel: this,
+            $parentInstance: this
+        };
+    }
+};
+</script>