primevuelab 4.0.0-beta.4

package/scrollpanel/scrollpanel.mjs

@@ -0,0 +1,406 @@
+import { UniqueComponentId, DomHandler } from '@primevuelab/core/utils';
+import BaseComponent from '@primevuelab/core/basecomponent';
+import ScrollPanelStyle from 'primevuelab/scrollpanel/style';
+import { openBlock, createElementBlock, mergeProps, createElementVNode, renderSlot } from 'vue';
+
+var script$1 = {
+  name: 'BaseScrollPanel',
+  "extends": BaseComponent,
+  props: {
+    step: {
+      type: Number,
+      "default": 5
+    }
+  },
+  style: ScrollPanelStyle,
+  provide: function provide() {
+    return {
+      $pcScrollPanel: this,
+      $parentInstance: this
+    };
+  }
+};
+
+var script = {
+  name: 'ScrollPanel',
+  "extends": script$1,
+  inheritAttrs: false,
+  initialized: false,
+  documentResizeListener: null,
+  documentMouseMoveListener: null,
+  documentMouseUpListener: null,
+  frame: null,
+  scrollXRatio: null,
+  scrollYRatio: null,
+  isXBarClicked: false,
+  isYBarClicked: false,
+  lastPageX: null,
+  lastPageY: null,
+  timer: null,
+  outsideClickListener: null,
+  data: function data() {
+    return {
+      id: this.$attrs.id,
+      orientation: 'vertical',
+      lastScrollTop: 0,
+      lastScrollLeft: 0
+    };
+  },
+  watch: {
+    '$attrs.id': function $attrsId(newValue) {
+      this.id = newValue || UniqueComponentId();
+    }
+  },
+  mounted: function mounted() {
+    this.id = this.id || UniqueComponentId();
+    if (this.$el.offsetParent) {
+      this.initialize();
+    }
+  },
+  updated: function updated() {
+    if (!this.initialized && this.$el.offsetParent) {
+      this.initialize();
+    }
+  },
+  beforeUnmount: function beforeUnmount() {
+    this.unbindDocumentResizeListener();
+    if (this.frame) {
+      window.cancelAnimationFrame(this.frame);
+    }
+  },
+  methods: {
+    initialize: function initialize() {
+      this.moveBar();
+      this.bindDocumentResizeListener();
+      this.calculateContainerHeight();
+    },
+    calculateContainerHeight: function calculateContainerHeight() {
+      var containerStyles = getComputedStyle(this.$el),
+        xBarStyles = getComputedStyle(this.$refs.xBar),
+        pureContainerHeight = DomHandler.getHeight(this.$el) - parseInt(xBarStyles['height'], 10);
+      if (containerStyles['max-height'] !== 'none' && pureContainerHeight === 0) {
+        if (this.$refs.content.offsetHeight + parseInt(xBarStyles['height'], 10) > parseInt(containerStyles['max-height'], 10)) {
+          this.$el.style.height = containerStyles['max-height'];
+        } else {
+          this.$el.style.height = this.$refs.content.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + 'px';
+        }
+      }
+    },
+    moveBar: function moveBar() {
+      var _this = this;
+      if (this.$refs.content) {
+        /* horizontal scroll */
+        var totalWidth = this.$refs.content.scrollWidth;
+        var ownWidth = this.$refs.content.clientWidth;
+        var bottom = (this.$el.clientHeight - this.$refs.xBar.clientHeight) * -1;
+        this.scrollXRatio = ownWidth / totalWidth;
+
+        /* vertical scroll */
+        var totalHeight = this.$refs.content.scrollHeight;
+        var ownHeight = this.$refs.content.clientHeight;
+        var right = (this.$el.clientWidth - this.$refs.yBar.clientWidth) * -1;
+        this.scrollYRatio = ownHeight / totalHeight;
+        this.frame = this.requestAnimationFrame(function () {
+          if (_this.$refs.xBar) {
+            if (_this.scrollXRatio >= 1) {
+              _this.$refs.xBar.setAttribute('data-p-scrollpanel-hidden', 'true');
+              !_this.isUnstyled && DomHandler.addClass(_this.$refs.xBar, 'p-scrollpanel-hidden');
+            } else {
+              _this.$refs.xBar.setAttribute('data-p-scrollpanel-hidden', 'false');
+              !_this.isUnstyled && DomHandler.removeClass(_this.$refs.xBar, 'p-scrollpanel-hidden');
+              _this.$refs.xBar.style.cssText = 'width:' + Math.max(_this.scrollXRatio * 100, 10) + '%; left:' + _this.$refs.content.scrollLeft / totalWidth * 100 + '%;bottom:' + bottom + 'px;';
+            }
+          }
+          if (_this.$refs.yBar) {
+            if (_this.scrollYRatio >= 1) {
+              _this.$refs.yBar.setAttribute('data-p-scrollpanel-hidden', 'true');
+              !_this.isUnstyled && DomHandler.addClass(_this.$refs.yBar, 'p-scrollpanel-hidden');
+            } else {
+              _this.$refs.yBar.setAttribute('data-p-scrollpanel-hidden', 'false');
+              !_this.isUnstyled && DomHandler.removeClass(_this.$refs.yBar, 'p-scrollpanel-hidden');
+              _this.$refs.yBar.style.cssText = 'height:' + Math.max(_this.scrollYRatio * 100, 10) + '%; top: calc(' + _this.$refs.content.scrollTop / totalHeight * 100 + '% - ' + _this.$refs.xBar.clientHeight + 'px);right:' + right + 'px;';
+            }
+          }
+        });
+      }
+    },
+    onYBarMouseDown: function onYBarMouseDown(e) {
+      this.isYBarClicked = true;
+      this.$refs.yBar.focus();
+      this.lastPageY = e.pageY;
+      this.$refs.yBar.setAttribute('data-p-scrollpanel-grabbed', 'true');
+      !this.isUnstyled && DomHandler.addClass(this.$refs.yBar, 'p-scrollpanel-grabbed');
+      document.body.setAttribute('data-p-scrollpanel-grabbed', 'true');
+      !this.isUnstyled && DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
+      this.bindDocumentMouseListeners();
+      e.preventDefault();
+    },
+    onXBarMouseDown: function onXBarMouseDown(e) {
+      this.isXBarClicked = true;
+      this.$refs.xBar.focus();
+      this.lastPageX = e.pageX;
+      this.$refs.yBar.setAttribute('data-p-scrollpanel-grabbed', 'false');
+      !this.isUnstyled && DomHandler.addClass(this.$refs.xBar, 'p-scrollpanel-grabbed');
+      document.body.setAttribute('data-p-scrollpanel-grabbed', 'false');
+      !this.isUnstyled && DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
+      this.bindDocumentMouseListeners();
+      e.preventDefault();
+    },
+    onScroll: function onScroll(event) {
+      if (this.lastScrollLeft !== event.target.scrollLeft) {
+        this.lastScrollLeft = event.target.scrollLeft;
+        this.orientation = 'horizontal';
+      } else if (this.lastScrollTop !== event.target.scrollTop) {
+        this.lastScrollTop = event.target.scrollTop;
+        this.orientation = 'vertical';
+      }
+      this.moveBar();
+    },
+    onKeyDown: function onKeyDown(event) {
+      if (this.orientation === 'vertical') {
+        switch (event.code) {
+          case 'ArrowDown':
+            {
+              this.setTimer('scrollTop', this.step);
+              event.preventDefault();
+              break;
+            }
+          case 'ArrowUp':
+            {
+              this.setTimer('scrollTop', this.step * -1);
+              event.preventDefault();
+              break;
+            }
+          case 'ArrowLeft':
+          case 'ArrowRight':
+            {
+              event.preventDefault();
+              break;
+            }
+        }
+      } else if (this.orientation === 'horizontal') {
+        switch (event.code) {
+          case 'ArrowRight':
+            {
+              this.setTimer('scrollLeft', this.step);
+              event.preventDefault();
+              break;
+            }
+          case 'ArrowLeft':
+            {
+              this.setTimer('scrollLeft', this.step * -1);
+              event.preventDefault();
+              break;
+            }
+          case 'ArrowDown':
+          case 'ArrowUp':
+            {
+              event.preventDefault();
+              break;
+            }
+        }
+      }
+    },
+    onKeyUp: function onKeyUp() {
+      this.clearTimer();
+    },
+    repeat: function repeat(bar, step) {
+      this.$refs.content[bar] += step;
+      this.moveBar();
+    },
+    setTimer: function setTimer(bar, step) {
+      var _this2 = this;
+      this.clearTimer();
+      this.timer = setTimeout(function () {
+        _this2.repeat(bar, step);
+      }, 40);
+    },
+    clearTimer: function clearTimer() {
+      if (this.timer) {
+        clearTimeout(this.timer);
+      }
+    },
+    onDocumentMouseMove: function onDocumentMouseMove(e) {
+      if (this.isXBarClicked) {
+        this.onMouseMoveForXBar(e);
+      } else if (this.isYBarClicked) {
+        this.onMouseMoveForYBar(e);
+      } else {
+        this.onMouseMoveForXBar(e);
+        this.onMouseMoveForYBar(e);
+      }
+    },
+    onMouseMoveForXBar: function onMouseMoveForXBar(e) {
+      var _this3 = this;
+      var deltaX = e.pageX - this.lastPageX;
+      this.lastPageX = e.pageX;
+      this.frame = this.requestAnimationFrame(function () {
+        _this3.$refs.content.scrollLeft += deltaX / _this3.scrollXRatio;
+      });
+    },
+    onMouseMoveForYBar: function onMouseMoveForYBar(e) {
+      var _this4 = this;
+      var deltaY = e.pageY - this.lastPageY;
+      this.lastPageY = e.pageY;
+      this.frame = this.requestAnimationFrame(function () {
+        _this4.$refs.content.scrollTop += deltaY / _this4.scrollYRatio;
+      });
+    },
+    onFocus: function onFocus(event) {
+      if (this.$refs.xBar.isSameNode(event.target)) {
+        this.orientation = 'horizontal';
+      } else if (this.$refs.yBar.isSameNode(event.target)) {
+        this.orientation = 'vertical';
+      }
+    },
+    onBlur: function onBlur() {
+      if (this.orientation === 'horizontal') {
+        this.orientation = 'vertical';
+      }
+    },
+    onDocumentMouseUp: function onDocumentMouseUp() {
+      this.$refs.yBar.setAttribute('data-p-scrollpanel-grabbed', 'false');
+      !this.isUnstyled && DomHandler.removeClass(this.$refs.yBar, 'p-scrollpanel-grabbed');
+      this.$refs.xBar.setAttribute('data-p-scrollpanel-grabbed', 'false');
+      !this.isUnstyled && DomHandler.removeClass(this.$refs.xBar, 'p-scrollpanel-grabbed');
+      document.body.setAttribute('data-p-scrollpanel-grabbed', 'false');
+      !this.isUnstyled && DomHandler.removeClass(document.body, 'p-scrollpanel-grabbed');
+      this.unbindDocumentMouseListeners();
+      this.isXBarClicked = false;
+      this.isYBarClicked = false;
+    },
+    requestAnimationFrame: function requestAnimationFrame(f) {
+      var frame = window.requestAnimationFrame || this.timeoutFrame;
+      return frame(f);
+    },
+    refresh: function refresh() {
+      this.moveBar();
+    },
+    scrollTop: function scrollTop(_scrollTop) {
+      var scrollableHeight = this.$refs.content.scrollHeight - this.$refs.content.clientHeight;
+      _scrollTop = _scrollTop > scrollableHeight ? scrollableHeight : _scrollTop > 0 ? _scrollTop : 0;
+      this.$refs.content.scrollTop = _scrollTop;
+    },
+    timeoutFrame: function timeoutFrame(fn) {
+      setTimeout(fn, 0);
+    },
+    bindDocumentMouseListeners: function bindDocumentMouseListeners() {
+      var _this5 = this;
+      if (!this.documentMouseMoveListener) {
+        this.documentMouseMoveListener = function (e) {
+          _this5.onDocumentMouseMove(e);
+        };
+        document.addEventListener('mousemove', this.documentMouseMoveListener);
+      }
+      if (!this.documentMouseUpListener) {
+        this.documentMouseUpListener = function (e) {
+          _this5.onDocumentMouseUp(e);
+        };
+        document.addEventListener('mouseup', this.documentMouseUpListener);
+      }
+    },
+    unbindDocumentMouseListeners: function unbindDocumentMouseListeners() {
+      if (this.documentMouseMoveListener) {
+        document.removeEventListener('mousemove', this.documentMouseMoveListener);
+        this.documentMouseMoveListener = null;
+      }
+      if (this.documentMouseUpListener) {
+        document.removeEventListener('mouseup', this.documentMouseUpListener);
+        this.documentMouseUpListener = null;
+      }
+    },
+    bindDocumentResizeListener: function bindDocumentResizeListener() {
+      var _this6 = this;
+      if (!this.documentResizeListener) {
+        this.documentResizeListener = function () {
+          _this6.moveBar();
+        };
+        window.addEventListener('resize', this.documentResizeListener);
+      }
+    },
+    unbindDocumentResizeListener: function unbindDocumentResizeListener() {
+      if (this.documentResizeListener) {
+        window.removeEventListener('resize', this.documentResizeListener);
+        this.documentResizeListener = null;
+      }
+    }
+  },
+  computed: {
+    contentId: function contentId() {
+      return this.id + '_content';
+    }
+  }
+};
+
+var _hoisted_1 = ["id"];
+var _hoisted_2 = ["aria-controls", "aria-valuenow"];
+var _hoisted_3 = ["aria-controls", "aria-valuenow"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", mergeProps({
+    "class": _ctx.cx('root')
+  }, _ctx.ptmi('root')), [createElementVNode("div", mergeProps({
+    "class": _ctx.cx('contentContainer')
+  }, _ctx.ptm('contentContainer')), [createElementVNode("div", mergeProps({
+    ref: "content",
+    id: $options.contentId,
+    "class": _ctx.cx('content'),
+    onScroll: _cache[0] || (_cache[0] = function () {
+      return $options.onScroll && $options.onScroll.apply($options, arguments);
+    }),
+    onMouseenter: _cache[1] || (_cache[1] = function () {
+      return $options.moveBar && $options.moveBar.apply($options, arguments);
+    })
+  }, _ctx.ptm('content')), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1)], 16), createElementVNode("div", mergeProps({
+    ref: "xBar",
+    "class": _ctx.cx('barx'),
+    tabindex: "0",
+    role: "scrollbar",
+    "aria-orientation": "horizontal",
+    "aria-controls": $options.contentId,
+    "aria-valuenow": $data.lastScrollLeft,
+    onMousedown: _cache[2] || (_cache[2] = function () {
+      return $options.onXBarMouseDown && $options.onXBarMouseDown.apply($options, arguments);
+    }),
+    onKeydown: _cache[3] || (_cache[3] = function ($event) {
+      return $options.onKeyDown($event);
+    }),
+    onKeyup: _cache[4] || (_cache[4] = function () {
+      return $options.onKeyUp && $options.onKeyUp.apply($options, arguments);
+    }),
+    onFocus: _cache[5] || (_cache[5] = function () {
+      return $options.onFocus && $options.onFocus.apply($options, arguments);
+    }),
+    onBlur: _cache[6] || (_cache[6] = function () {
+      return $options.onBlur && $options.onBlur.apply($options, arguments);
+    })
+  }, _ctx.ptm('barx'), {
+    "data-pc-group-section": "bar"
+  }), null, 16, _hoisted_2), createElementVNode("div", mergeProps({
+    ref: "yBar",
+    "class": _ctx.cx('bary'),
+    tabindex: "0",
+    role: "scrollbar",
+    "aria-orientation": "vertical",
+    "aria-controls": $options.contentId,
+    "aria-valuenow": $data.lastScrollTop,
+    onMousedown: _cache[7] || (_cache[7] = function () {
+      return $options.onYBarMouseDown && $options.onYBarMouseDown.apply($options, arguments);
+    }),
+    onKeydown: _cache[8] || (_cache[8] = function ($event) {
+      return $options.onKeyDown($event);
+    }),
+    onKeyup: _cache[9] || (_cache[9] = function () {
+      return $options.onKeyUp && $options.onKeyUp.apply($options, arguments);
+    }),
+    onFocus: _cache[10] || (_cache[10] = function () {
+      return $options.onFocus && $options.onFocus.apply($options, arguments);
+    })
+  }, _ctx.ptm('bary'), {
+    "data-pc-group-section": "bar"
+  }), null, 16, _hoisted_3)], 16);
+}
+
+script.render = render;
+
+export { script as default };
+//# sourceMappingURL=scrollpanel.mjs.map

package/scrollpanel/scrollpanel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollpanel.mjs","sources":["../../src/scrollpanel/BaseScrollPanel.vue","../../src/scrollpanel/ScrollPanel.vue","../../src/scrollpanel/ScrollPanel.vue?vue&type=template&id=1ea656bf&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevuelab/core/basecomponent';\nimport ScrollPanelStyle from 'primevuelab/scrollpanel/style';\n\nexport default {\n    name: 'BaseScrollPanel',\n    extends: BaseComponent,\n    props: {\n        step: {\n            type: Number,\n            default: 5\n        }\n    },\n    style: ScrollPanelStyle,\n    provide() {\n        return {\n            $pcScrollPanel: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <div :class=\"cx('contentContainer')\" v-bind=\"ptm('contentContainer')\">\n            <div ref=\"content\" :id=\"contentId\" :class=\"cx('content')\" @scroll=\"onScroll\" @mouseenter=\"moveBar\" v-bind=\"ptm('content')\">\n                <slot></slot>\n            </div>\n        </div>\n        <div\n            ref=\"xBar\"\n            :class=\"cx('barx')\"\n            tabindex=\"0\"\n            role=\"scrollbar\"\n            aria-orientation=\"horizontal\"\n            :aria-controls=\"contentId\"\n            :aria-valuenow=\"lastScrollLeft\"\n            @mousedown=\"onXBarMouseDown\"\n            @keydown=\"onKeyDown($event)\"\n            @keyup=\"onKeyUp\"\n            @focus=\"onFocus\"\n            @blur=\"onBlur\"\n            v-bind=\"ptm('barx')\"\n            data-pc-group-section=\"bar\"\n        ></div>\n        <div\n            ref=\"yBar\"\n            :class=\"cx('bary')\"\n            tabindex=\"0\"\n            role=\"scrollbar\"\n            aria-orientation=\"vertical\"\n            :aria-controls=\"contentId\"\n            :aria-valuenow=\"lastScrollTop\"\n            @mousedown=\"onYBarMouseDown\"\n            @keydown=\"onKeyDown($event)\"\n            @keyup=\"onKeyUp\"\n            @focus=\"onFocus\"\n            v-bind=\"ptm('bary')\"\n            data-pc-group-section=\"bar\"\n        ></div>\n    </div>\n</template>\n\n<script>\nimport { DomHandler, UniqueComponentId } from '@primevuelab/core/utils';\nimport BaseScrollPanel from './BaseScrollPanel.vue';\n\nexport default {\n    name: 'ScrollPanel',\n    extends: BaseScrollPanel,\n    inheritAttrs: false,\n    initialized: false,\n    documentResizeListener: null,\n    documentMouseMoveListener: null,\n    documentMouseUpListener: null,\n    frame: null,\n    scrollXRatio: null,\n    scrollYRatio: null,\n    isXBarClicked: false,\n    isYBarClicked: false,\n    lastPageX: null,\n    lastPageY: null,\n    timer: null,\n    outsideClickListener: null,\n    data() {\n        return {\n            id: this.$attrs.id,\n            orientation: 'vertical',\n            lastScrollTop: 0,\n            lastScrollLeft: 0\n        };\n    },\n    watch: {\n        '$attrs.id': function (newValue) {\n            this.id = newValue || UniqueComponentId();\n        }\n    },\n    mounted() {\n        this.id = this.id || UniqueComponentId();\n\n        if (this.$el.offsetParent) {\n            this.initialize();\n        }\n    },\n    updated() {\n        if (!this.initialized && this.$el.offsetParent) {\n            this.initialize();\n        }\n    },\n    beforeUnmount() {\n        this.unbindDocumentResizeListener();\n\n        if (this.frame) {\n            window.cancelAnimationFrame(this.frame);\n        }\n    },\n    methods: {\n        initialize() {\n            this.moveBar();\n            this.bindDocumentResizeListener();\n            this.calculateContainerHeight();\n        },\n        calculateContainerHeight() {\n            let containerStyles = getComputedStyle(this.$el),\n                xBarStyles = getComputedStyle(this.$refs.xBar),\n                pureContainerHeight = DomHandler.getHeight(this.$el) - parseInt(xBarStyles['height'], 10);\n\n            if (containerStyles['max-height'] !== 'none' && pureContainerHeight === 0) {\n                if (this.$refs.content.offsetHeight + parseInt(xBarStyles['height'], 10) > parseInt(containerStyles['max-height'], 10)) {\n                    this.$el.style.height = containerStyles['max-height'];\n                } else {\n                    this.$el.style.height =\n                        this.$refs.content.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + 'px';\n                }\n            }\n        },\n        moveBar() {\n            if (this.$refs.content) {\n                /* horizontal scroll */\n                let totalWidth = this.$refs.content.scrollWidth;\n                let ownWidth = this.$refs.content.clientWidth;\n                let bottom = (this.$el.clientHeight - this.$refs.xBar.clientHeight) * -1;\n\n                this.scrollXRatio = ownWidth / totalWidth;\n\n                /* vertical scroll */\n                let totalHeight = this.$refs.content.scrollHeight;\n                let ownHeight = this.$refs.content.clientHeight;\n                let right = (this.$el.clientWidth - this.$refs.yBar.clientWidth) * -1;\n\n                this.scrollYRatio = ownHeight / totalHeight;\n\n                this.frame = this.requestAnimationFrame(() => {\n                    if (this.$refs.xBar) {\n                        if (this.scrollXRatio >= 1) {\n                            this.$refs.xBar.setAttribute('data-p-scrollpanel-hidden', 'true');\n                            !this.isUnstyled && DomHandler.addClass(this.$refs.xBar, 'p-scrollpanel-hidden');\n                        } else {\n                            this.$refs.xBar.setAttribute('data-p-scrollpanel-hidden', 'false');\n                            !this.isUnstyled && DomHandler.removeClass(this.$refs.xBar, 'p-scrollpanel-hidden');\n                            this.$refs.xBar.style.cssText = 'width:' + Math.max(this.scrollXRatio * 100, 10) + '%; left:' + (this.$refs.content.scrollLeft / totalWidth) * 100 + '%;bottom:' + bottom + 'px;';\n                        }\n                    }\n\n                    if (this.$refs.yBar) {\n                        if (this.scrollYRatio >= 1) {\n                            this.$refs.yBar.setAttribute('data-p-scrollpanel-hidden', 'true');\n                            !this.isUnstyled && DomHandler.addClass(this.$refs.yBar, 'p-scrollpanel-hidden');\n                        } else {\n                            this.$refs.yBar.setAttribute('data-p-scrollpanel-hidden', 'false');\n                            !this.isUnstyled && DomHandler.removeClass(this.$refs.yBar, 'p-scrollpanel-hidden');\n                            this.$refs.yBar.style.cssText =\n                                'height:' + Math.max(this.scrollYRatio * 100, 10) + '%; top: calc(' + (this.$refs.content.scrollTop / totalHeight) * 100 + '% - ' + this.$refs.xBar.clientHeight + 'px);right:' + right + 'px;';\n                        }\n                    }\n                });\n            }\n        },\n        onYBarMouseDown(e) {\n            this.isYBarClicked = true;\n            this.$refs.yBar.focus();\n            this.lastPageY = e.pageY;\n            this.$refs.yBar.setAttribute('data-p-scrollpanel-grabbed', 'true');\n            !this.isUnstyled && DomHandler.addClass(this.$refs.yBar, 'p-scrollpanel-grabbed');\n            document.body.setAttribute('data-p-scrollpanel-grabbed', 'true');\n            !this.isUnstyled && DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');\n\n            this.bindDocumentMouseListeners();\n            e.preventDefault();\n        },\n        onXBarMouseDown(e) {\n            this.isXBarClicked = true;\n            this.$refs.xBar.focus();\n            this.lastPageX = e.pageX;\n            this.$refs.yBar.setAttribute('data-p-scrollpanel-grabbed', 'false');\n            !this.isUnstyled && DomHandler.addClass(this.$refs.xBar, 'p-scrollpanel-grabbed');\n            document.body.setAttribute('data-p-scrollpanel-grabbed', 'false');\n            !this.isUnstyled && DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');\n\n            this.bindDocumentMouseListeners();\n            e.preventDefault();\n        },\n        onScroll(event) {\n            if (this.lastScrollLeft !== event.target.scrollLeft) {\n                this.lastScrollLeft = event.target.scrollLeft;\n                this.orientation = 'horizontal';\n            } else if (this.lastScrollTop !== event.target.scrollTop) {\n                this.lastScrollTop = event.target.scrollTop;\n                this.orientation = 'vertical';\n            }\n\n            this.moveBar();\n        },\n        onKeyDown(event) {\n            if (this.orientation === 'vertical') {\n                switch (event.code) {\n                    case 'ArrowDown': {\n                        this.setTimer('scrollTop', this.step);\n                        event.preventDefault();\n                        break;\n                    }\n\n                    case 'ArrowUp': {\n                        this.setTimer('scrollTop', this.step * -1);\n                        event.preventDefault();\n                        break;\n                    }\n\n                    case 'ArrowLeft':\n\n                    case 'ArrowRight': {\n                        event.preventDefault();\n                        break;\n                    }\n\n                    default:\n                        //no op\n                        break;\n                }\n            } else if (this.orientation === 'horizontal') {\n                switch (event.code) {\n                    case 'ArrowRight': {\n                        this.setTimer('scrollLeft', this.step);\n                        event.preventDefault();\n                        break;\n                    }\n\n                    case 'ArrowLeft': {\n                        this.setTimer('scrollLeft', this.step * -1);\n                        event.preventDefault();\n                        break;\n                    }\n\n                    case 'ArrowDown':\n\n                    case 'ArrowUp': {\n                        event.preventDefault();\n                        break;\n                    }\n\n                    default:\n                        //no op\n                        break;\n                }\n            }\n        },\n        onKeyUp() {\n            this.clearTimer();\n        },\n        repeat(bar, step) {\n            this.$refs.content[bar] += step;\n            this.moveBar();\n        },\n        setTimer(bar, step) {\n            this.clearTimer();\n            this.timer = setTimeout(() => {\n                this.repeat(bar, step);\n            }, 40);\n        },\n        clearTimer() {\n            if (this.timer) {\n                clearTimeout(this.timer);\n            }\n        },\n        onDocumentMouseMove(e) {\n            if (this.isXBarClicked) {\n                this.onMouseMoveForXBar(e);\n            } else if (this.isYBarClicked) {\n                this.onMouseMoveForYBar(e);\n            } else {\n                this.onMouseMoveForXBar(e);\n                this.onMouseMoveForYBar(e);\n            }\n        },\n        onMouseMoveForXBar(e) {\n            let deltaX = e.pageX - this.lastPageX;\n\n            this.lastPageX = e.pageX;\n\n            this.frame = this.requestAnimationFrame(() => {\n                this.$refs.content.scrollLeft += deltaX / this.scrollXRatio;\n            });\n        },\n        onMouseMoveForYBar(e) {\n            let deltaY = e.pageY - this.lastPageY;\n\n            this.lastPageY = e.pageY;\n\n            this.frame = this.requestAnimationFrame(() => {\n                this.$refs.content.scrollTop += deltaY / this.scrollYRatio;\n            });\n        },\n        onFocus(event) {\n            if (this.$refs.xBar.isSameNode(event.target)) {\n                this.orientation = 'horizontal';\n            } else if (this.$refs.yBar.isSameNode(event.target)) {\n                this.orientation = 'vertical';\n            }\n        },\n        onBlur() {\n            if (this.orientation === 'horizontal') {\n                this.orientation = 'vertical';\n            }\n        },\n        onDocumentMouseUp() {\n            this.$refs.yBar.setAttribute('data-p-scrollpanel-grabbed', 'false');\n            !this.isUnstyled && DomHandler.removeClass(this.$refs.yBar, 'p-scrollpanel-grabbed');\n            this.$refs.xBar.setAttribute('data-p-scrollpanel-grabbed', 'false');\n            !this.isUnstyled && DomHandler.removeClass(this.$refs.xBar, 'p-scrollpanel-grabbed');\n            document.body.setAttribute('data-p-scrollpanel-grabbed', 'false');\n            !this.isUnstyled && DomHandler.removeClass(document.body, 'p-scrollpanel-grabbed');\n\n            this.unbindDocumentMouseListeners();\n            this.isXBarClicked = false;\n            this.isYBarClicked = false;\n        },\n        requestAnimationFrame(f) {\n            let frame = window.requestAnimationFrame || this.timeoutFrame;\n\n            return frame(f);\n        },\n        refresh() {\n            this.moveBar();\n        },\n        scrollTop(scrollTop) {\n            let scrollableHeight = this.$refs.content.scrollHeight - this.$refs.content.clientHeight;\n\n            scrollTop = scrollTop > scrollableHeight ? scrollableHeight : scrollTop > 0 ? scrollTop : 0;\n            this.$refs.content.scrollTop = scrollTop;\n        },\n        timeoutFrame(fn) {\n            setTimeout(fn, 0);\n        },\n        bindDocumentMouseListeners() {\n            if (!this.documentMouseMoveListener) {\n                this.documentMouseMoveListener = (e) => {\n                    this.onDocumentMouseMove(e);\n                };\n\n                document.addEventListener('mousemove', this.documentMouseMoveListener);\n            }\n\n            if (!this.documentMouseUpListener) {\n                this.documentMouseUpListener = (e) => {\n                    this.onDocumentMouseUp(e);\n                };\n\n                document.addEventListener('mouseup', this.documentMouseUpListener);\n            }\n        },\n        unbindDocumentMouseListeners() {\n            if (this.documentMouseMoveListener) {\n                document.removeEventListener('mousemove', this.documentMouseMoveListener);\n                this.documentMouseMoveListener = null;\n            }\n\n            if (this.documentMouseUpListener) {\n                document.removeEventListener('mouseup', this.documentMouseUpListener);\n                this.documentMouseUpListener = null;\n            }\n        },\n        bindDocumentResizeListener() {\n            if (!this.documentResizeListener) {\n                this.documentResizeListener = () => {\n                    this.moveBar();\n                };\n\n                window.addEventListener('resize', this.documentResizeListener);\n            }\n        },\n        unbindDocumentResizeListener() {\n            if (this.documentResizeListener) {\n                window.removeEventListener('resize', this.documentResizeListener);\n                this.documentResizeListener = null;\n            }\n        }\n    },\n    computed: {\n        contentId() {\n            return this.id + '_content';\n        }\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <div :class=\"cx('contentContainer')\" v-bind=\"ptm('contentContainer')\">\n            <div ref=\"content\" :id=\"contentId\" :class=\"cx('content')\" @scroll=\"onScroll\" @mouseenter=\"moveBar\" v-bind=\"ptm('content')\">\n                <slot></slot>\n            </div>\n        </div>\n        <div\n            ref=\"xBar\"\n            :class=\"cx('barx')\"\n            tabindex=\"0\"\n            role=\"scrollbar\"\n            aria-orientation=\"horizontal\"\n            :aria-controls=\"contentId\"\n            :aria-valuenow=\"lastScrollLeft\"\n            @mousedown=\"onXBarMouseDown\"\n            @keydown=\"onKeyDown($event)\"\n            @keyup=\"onKeyUp\"\n            @focus=\"onFocus\"\n            @blur=\"onBlur\"\n            v-bind=\"ptm('barx')\"\n            data-pc-group-section=\"bar\"\n        ></div>\n        <div\n            ref=\"yBar\"\n            :class=\"cx('bary')\"\n            tabindex=\"0\"\n            role=\"scrollbar\"\n            aria-orientation=\"vertical\"\n            :aria-controls=\"contentId\"\n            :aria-valuenow=\"lastScrollTop\"\n            @mousedown=\"onYBarMouseDown\"\n            @keydown=\"onKeyDown($event)\"\n            @keyup=\"onKeyUp\"\n            @focus=\"onFocus\"\n            v-bind=\"ptm('bary')\"\n            data-pc-group-section=\"bar\"\n        ></div>\n    </div>\n</template>\n\n<script>\nimport { DomHandler, UniqueComponentId } from '@primevuelab/core/utils';\nimport BaseScrollPanel from './BaseScrollPanel.vue';\n\nexport default {\n    name: 'ScrollPanel',\n    extends: BaseScrollPanel,\n    inheritAttrs: false,\n    initialized: false,\n    documentResizeListener: null,\n    documentMouseMoveListener: null,\n    documentMouseUpListener: null,\n    frame: null,\n    scrollXRatio: null,\n    scrollYRatio: null,\n    isXBarClicked: false,\n    isYBarClicked: false,\n    lastPageX: null,\n    lastPageY: null,\n    timer: null,\n    outsideClickListener: null,\n    data() {\n        return {\n            id: this.$attrs.id,\n            orientation: 'vertical',\n            lastScrollTop: 0,\n            lastScrollLeft: 0\n        };\n    },\n    watch: {\n        '$attrs.id': function (newValue) {\n            this.id = newValue || UniqueComponentId();\n        }\n    },\n    mounted() {\n        this.id = this.id || UniqueComponentId();\n\n        if (this.$el.offsetParent) {\n            this.initialize();\n        }\n    },\n    updated() {\n        if (!this.initialized && this.$el.offsetParent) {\n            this.initialize();\n        }\n    },\n    beforeUnmount() {\n        this.unbindDocumentResizeListener();\n\n        if (this.frame) {\n            window.cancelAnimationFrame(this.frame);\n        }\n    },\n    methods: {\n        initialize() {\n            this.moveBar();\n            this.bindDocumentResizeListener();\n            this.calculateContainerHeight();\n        },\n        calculateContainerHeight() {\n            let containerStyles = getComputedStyle(this.$el),\n                xBarStyles = getComputedStyle(this.$refs.xBar),\n                pureContainerHeight = DomHandler.getHeight(this.$el) - parseInt(xBarStyles['height'], 10);\n\n            if (containerStyles['max-height'] !== 'none' && pureContainerHeight === 0) {\n                if (this.$refs.content.offsetHeight + parseInt(xBarStyles['height'], 10) > parseInt(containerStyles['max-height'], 10)) {\n                    this.$el.style.height = containerStyles['max-height'];\n                } else {\n                    this.$el.style.height =\n                        this.$refs.content.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + 'px';\n                }\n            }\n        },\n        moveBar() {\n            if (this.$refs.content) {\n                /* horizontal scroll */\n                let totalWidth = this.$refs.content.scrollWidth;\n                let ownWidth = this.$refs.content.clientWidth;\n                let bottom = (this.$el.clientHeight - this.$refs.xBar.clientHeight) * -1;\n\n                this.scrollXRatio = ownWidth / totalWidth;\n\n                /* vertical scroll */\n                let totalHeight = this.$refs.content.scrollHeight;\n                let ownHeight = this.$refs.content.clientHeight;\n                let right = (this.$el.clientWidth - this.$refs.yBar.clientWidth) * -1;\n\n                this.scrollYRatio = ownHeight / totalHeight;\n\n                this.frame = this.requestAnimationFrame(() => {\n                    if (this.$refs.xBar) {\n                        if (this.scrollXRatio >= 1) {\n                            this.$refs.xBar.setAttribute('data-p-scrollpanel-hidden', 'true');\n                            !this.isUnstyled && DomHandler.addClass(this.$refs.xBar, 'p-scrollpanel-hidden');\n                        } else {\n                            this.$refs.xBar.setAttribute('data-p-scrollpanel-hidden', 'false');\n                            !this.isUnstyled && DomHandler.removeClass(this.$refs.xBar, 'p-scrollpanel-hidden');\n                            this.$refs.xBar.style.cssText = 'width:' + Math.max(this.scrollXRatio * 100, 10) + '%; left:' + (this.$refs.content.scrollLeft / totalWidth) * 100 + '%;bottom:' + bottom + 'px;';\n                        }\n                    }\n\n                    if (this.$refs.yBar) {\n                        if (this.scrollYRatio >= 1) {\n                            this.$refs.yBar.setAttribute('data-p-scrollpanel-hidden', 'true');\n                            !this.isUnstyled && DomHandler.addClass(this.$refs.yBar, 'p-scrollpanel-hidden');\n                        } else {\n                            this.$refs.yBar.setAttribute('data-p-scrollpanel-hidden', 'false');\n                            !this.isUnstyled && DomHandler.removeClass(this.$refs.yBar, 'p-scrollpanel-hidden');\n                            this.$refs.yBar.style.cssText =\n                                'height:' + Math.max(this.scrollYRatio * 100, 10) + '%; top: calc(' + (this.$refs.content.scrollTop / totalHeight) * 100 + '% - ' + this.$refs.xBar.clientHeight + 'px);right:' + right + 'px;';\n                        }\n                    }\n                });\n            }\n        },\n        onYBarMouseDown(e) {\n            this.isYBarClicked = true;\n            this.$refs.yBar.focus();\n            this.lastPageY = e.pageY;\n            this.$refs.yBar.setAttribute('data-p-scrollpanel-grabbed', 'true');\n            !this.isUnstyled && DomHandler.addClass(this.$refs.yBar, 'p-scrollpanel-grabbed');\n            document.body.setAttribute('data-p-scrollpanel-grabbed', 'true');\n            !this.isUnstyled && DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');\n\n            this.bindDocumentMouseListeners();\n            e.preventDefault();\n        },\n        onXBarMouseDown(e) {\n            this.isXBarClicked = true;\n            this.$refs.xBar.focus();\n            this.lastPageX = e.pageX;\n            this.$refs.yBar.setAttribute('data-p-scrollpanel-grabbed', 'false');\n            !this.isUnstyled && DomHandler.addClass(this.$refs.xBar, 'p-scrollpanel-grabbed');\n            document.body.setAttribute('data-p-scrollpanel-grabbed', 'false');\n            !this.isUnstyled && DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');\n\n            this.bindDocumentMouseListeners();\n            e.preventDefault();\n        },\n        onScroll(event) {\n            if (this.lastScrollLeft !== event.target.scrollLeft) {\n                this.lastScrollLeft = event.target.scrollLeft;\n                this.orientation = 'horizontal';\n            } else if (this.lastScrollTop !== event.target.scrollTop) {\n                this.lastScrollTop = event.target.scrollTop;\n                this.orientation = 'vertical';\n            }\n\n            this.moveBar();\n        },\n        onKeyDown(event) {\n            if (this.orientation === 'vertical') {\n                switch (event.code) {\n                    case 'ArrowDown': {\n                        this.setTimer('scrollTop', this.step);\n                        event.preventDefault();\n                        break;\n                    }\n\n                    case 'ArrowUp': {\n                        this.setTimer('scrollTop', this.step * -1);\n                        event.preventDefault();\n                        break;\n                    }\n\n                    case 'ArrowLeft':\n\n                    case 'ArrowRight': {\n                        event.preventDefault();\n                        break;\n                    }\n\n                    default:\n                        //no op\n                        break;\n                }\n            } else if (this.orientation === 'horizontal') {\n                switch (event.code) {\n                    case 'ArrowRight': {\n                        this.setTimer('scrollLeft', this.step);\n                        event.preventDefault();\n                        break;\n                    }\n\n                    case 'ArrowLeft': {\n                        this.setTimer('scrollLeft', this.step * -1);\n                        event.preventDefault();\n                        break;\n                    }\n\n                    case 'ArrowDown':\n\n                    case 'ArrowUp': {\n                        event.preventDefault();\n                        break;\n                    }\n\n                    default:\n                        //no op\n                        break;\n                }\n            }\n        },\n        onKeyUp() {\n            this.clearTimer();\n        },\n        repeat(bar, step) {\n            this.$refs.content[bar] += step;\n            this.moveBar();\n        },\n        setTimer(bar, step) {\n            this.clearTimer();\n            this.timer = setTimeout(() => {\n                this.repeat(bar, step);\n            }, 40);\n        },\n        clearTimer() {\n            if (this.timer) {\n                clearTimeout(this.timer);\n            }\n        },\n        onDocumentMouseMove(e) {\n            if (this.isXBarClicked) {\n                this.onMouseMoveForXBar(e);\n            } else if (this.isYBarClicked) {\n                this.onMouseMoveForYBar(e);\n            } else {\n                this.onMouseMoveForXBar(e);\n                this.onMouseMoveForYBar(e);\n            }\n        },\n        onMouseMoveForXBar(e) {\n            let deltaX = e.pageX - this.lastPageX;\n\n            this.lastPageX = e.pageX;\n\n            this.frame = this.requestAnimationFrame(() => {\n                this.$refs.content.scrollLeft += deltaX / this.scrollXRatio;\n            });\n        },\n        onMouseMoveForYBar(e) {\n            let deltaY = e.pageY - this.lastPageY;\n\n            this.lastPageY = e.pageY;\n\n            this.frame = this.requestAnimationFrame(() => {\n                this.$refs.content.scrollTop += deltaY / this.scrollYRatio;\n            });\n        },\n        onFocus(event) {\n            if (this.$refs.xBar.isSameNode(event.target)) {\n                this.orientation = 'horizontal';\n            } else if (this.$refs.yBar.isSameNode(event.target)) {\n                this.orientation = 'vertical';\n            }\n        },\n        onBlur() {\n            if (this.orientation === 'horizontal') {\n                this.orientation = 'vertical';\n            }\n        },\n        onDocumentMouseUp() {\n            this.$refs.yBar.setAttribute('data-p-scrollpanel-grabbed', 'false');\n            !this.isUnstyled && DomHandler.removeClass(this.$refs.yBar, 'p-scrollpanel-grabbed');\n            this.$refs.xBar.setAttribute('data-p-scrollpanel-grabbed', 'false');\n            !this.isUnstyled && DomHandler.removeClass(this.$refs.xBar, 'p-scrollpanel-grabbed');\n            document.body.setAttribute('data-p-scrollpanel-grabbed', 'false');\n            !this.isUnstyled && DomHandler.removeClass(document.body, 'p-scrollpanel-grabbed');\n\n            this.unbindDocumentMouseListeners();\n            this.isXBarClicked = false;\n            this.isYBarClicked = false;\n        },\n        requestAnimationFrame(f) {\n            let frame = window.requestAnimationFrame || this.timeoutFrame;\n\n            return frame(f);\n        },\n        refresh() {\n            this.moveBar();\n        },\n        scrollTop(scrollTop) {\n            let scrollableHeight = this.$refs.content.scrollHeight - this.$refs.content.clientHeight;\n\n            scrollTop = scrollTop > scrollableHeight ? scrollableHeight : scrollTop > 0 ? scrollTop : 0;\n            this.$refs.content.scrollTop = scrollTop;\n        },\n        timeoutFrame(fn) {\n            setTimeout(fn, 0);\n        },\n        bindDocumentMouseListeners() {\n            if (!this.documentMouseMoveListener) {\n                this.documentMouseMoveListener = (e) => {\n                    this.onDocumentMouseMove(e);\n                };\n\n                document.addEventListener('mousemove', this.documentMouseMoveListener);\n            }\n\n            if (!this.documentMouseUpListener) {\n                this.documentMouseUpListener = (e) => {\n                    this.onDocumentMouseUp(e);\n                };\n\n                document.addEventListener('mouseup', this.documentMouseUpListener);\n            }\n        },\n        unbindDocumentMouseListeners() {\n            if (this.documentMouseMoveListener) {\n                document.removeEventListener('mousemove', this.documentMouseMoveListener);\n                this.documentMouseMoveListener = null;\n            }\n\n            if (this.documentMouseUpListener) {\n                document.removeEventListener('mouseup', this.documentMouseUpListener);\n                this.documentMouseUpListener = null;\n            }\n        },\n        bindDocumentResizeListener() {\n            if (!this.documentResizeListener) {\n                this.documentResizeListener = () => {\n                    this.moveBar();\n                };\n\n                window.addEventListener('resize', this.documentResizeListener);\n            }\n        },\n        unbindDocumentResizeListener() {\n            if (this.documentResizeListener) {\n                window.removeEventListener('resize', this.documentResizeListener);\n                this.documentResizeListener = null;\n            }\n        }\n    },\n    computed: {\n        contentId() {\n            return this.id + '_content';\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","step","type","Number","style","ScrollPanelStyle","provide","$pcScrollPanel","$parentInstance","BaseScrollPanel","inheritAttrs","initialized","documentResizeListener","documentMouseMoveListener","documentMouseUpListener","frame","scrollXRatio","scrollYRatio","isXBarClicked","isYBarClicked","lastPageX","lastPageY","timer","outsideClickListener","data","id","$attrs","orientation","lastScrollTop","lastScrollLeft","watch","$attrsId","newValue","UniqueComponentId","mounted","$el","offsetParent","initialize","updated","beforeUnmount","unbindDocumentResizeListener","window","cancelAnimationFrame","methods","moveBar","bindDocumentResizeListener","calculateContainerHeight","containerStyles","getComputedStyle","xBarStyles","$refs","xBar","pureContainerHeight","DomHandler","getHeight","parseInt","content","offsetHeight","height","parseFloat","paddingTop","paddingBottom","borderTopWidth","borderBottomWidth","_this","totalWidth","scrollWidth","ownWidth","clientWidth","bottom","clientHeight","totalHeight","scrollHeight","ownHeight","right","yBar","requestAnimationFrame","setAttribute","isUnstyled","addClass","removeClass","cssText","Math","max","scrollLeft","scrollTop","onYBarMouseDown","e","focus","pageY","document","body","bindDocumentMouseListeners","preventDefault","onXBarMouseDown","pageX","onScroll","event","target","onKeyDown","code","setTimer","onKeyUp","clearTimer","repeat","bar","_this2","setTimeout","clearTimeout","onDocumentMouseMove","onMouseMoveForXBar","onMouseMoveForYBar","_this3","deltaX","_this4","deltaY","onFocus","isSameNode","onBlur","onDocumentMouseUp","unbindDocumentMouseListeners","f","timeoutFrame","refresh","scrollableHeight","fn","_this5","addEventListener","removeEventListener","_this6","computed","contentId","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_createElementVNode","ptm","ref","$options","apply","arguments","onMouseenter","_renderSlot","$slots","tabindex","role","$data","onMousedown","onKeydown","_cache","$event","onKeyup","_hoisted_2","_hoisted_3"],"mappings":"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"}

package/scrollpanel/style/ScrollPanelStyle.d.ts

@@ -0,0 +1,35 @@
+/**
+ *
+ * ScrollPanel is a cross browser, lightweight and themable alternative to native browser scrollbar.
+ *
+ * [Live Demo](https://www.primevuelab.org/scrollpanel/)
+ *
+ * @module scrollpanelstyle
+ *
+ */
+import { BaseStyle } from '../../base/style';
+
+export enum ScrollPanelClasses {
+    /**
+     * Class name of the root element
+     */
+    root = 'p-scrollpanel',
+    /**
+     * Class name of the content container element
+     */
+    contentContainer = 'p-scrollpanel-content-container',
+    /**
+     * Class name of the content element
+     */
+    content = 'p-scrollpanel-content',
+    /**
+     * Class name of the bar x element
+     */
+    barX = 'p-scrollpanel-bar-x',
+    /**
+     * Class name of the bar y element
+     */
+    barY = 'p-scrollpanel-bar-y'
+}
+
+export interface ScrollPanelStyle extends BaseStyle {}

package/scrollpanel/style/package.json

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

package/scrollpanel/style/scrollpanelstyle.mjs

@@ -0,0 +1,21 @@
+import BaseStyle from '@primevuelab/core/base/style';
+
+var theme = function theme(_ref) {
+  var dt = _ref.dt;
+  return "\n.p-scrollpanel-content-container {\n    overflow: hidden;\n    width: 100%;\n    height: 100%;\n    position: relative;\n    z-index: 1;\n    float: left;\n}\n\n.p-scrollpanel-content {\n    height: calc(100% + calc(2 * ".concat(dt('scrollpanel.bar.size'), "));\n    width: calc(100% + calc(2 * ").concat(dt('scrollpanel.bar.size'), "));\n    padding: 0 calc(2 * ").concat(dt('scrollpanel.bar.size'), ") calc(2 * ").concat(dt('scrollpanel.bar.size'), ") 0;\n    position: relative;\n    overflow: auto;\n    box-sizing: border-box;\n    scrollbar-width: none;\n}\n\n.p-scrollpanel-content::-webkit-scrollbar {\n    display: none;\n}\n\n.p-scrollpanel-bar {\n    position: relative;\n    border-radius: ").concat(dt('scrollpanel.bar.border.radius'), ";\n    z-index: 2;\n    cursor: pointer;\n    opacity: 0;\n    outline-color: transparent;\n    transition: outline-color ").concat(dt('scrollpanel.transition.duration'), ";\n    background: ").concat(dt('scrollpanel.bar.background'), ";\n    border: 0 none;\n    transition: outline-color ").concat(dt('scrollpanel.transition.duration'), ", opacity ").concat(dt('scrollpanel.transition.duration'), ";\n}\n\n.p-scrollpanel-bar:focus-visible {\n    box-shadow: ").concat(dt('scrollpanel.bar.focus.ring.shadow'), ";\n    outline: ").concat(dt('scrollpanel.barfocus.ring.width'), " ").concat(dt('scrollpanel.bar.focus.ring.style'), " ").concat(dt('scrollpanel.bar.focus.ring.color'), ";\n    outline-offset: ").concat(dt('scrollpanel.barfocus.ring.offset'), ";\n}\n\n.p-scrollpanel-bar-y {\n    width: ").concat(dt('scrollpanel.bar.size'), ";\n    top: 0;\n}\n\n.p-scrollpanel-bar-x {\n    height: ").concat(dt('scrollpanel.bar.size'), ";\n    bottom: 0;\n}\n\n.p-scrollpanel-hidden {\n    visibility: hidden;\n}\n\n.p-scrollpanel:hover .p-scrollpanel-bar,\n.p-scrollpanel:active .p-scrollpanel-bar {\n    opacity: 1;\n}\n\n.p-scrollpanel-grabbed {\n    user-select: none;\n}\n");
+};
+var classes = {
+  root: 'p-scrollpanel p-component',
+  contentContainer: 'p-scrollpanel-content-container',
+  content: 'p-scrollpanel-content',
+  barX: 'p-scrollpanel-bar p-scrollpanel-bar-x',
+  barY: 'p-scrollpanel-bar p-scrollpanel-bar-y'
+};
+var ScrollPanelStyle = BaseStyle.extend({
+  name: 'scrollpanel',
+  theme: theme,
+  classes: classes
+});
+
+export { ScrollPanelStyle as default };
+//# sourceMappingURL=scrollpanelstyle.mjs.map

package/scrollpanel/style/scrollpanelstyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollpanelstyle.mjs","sources":["../../../src/scrollpanel/style/ScrollPanelStyle.js"],"sourcesContent":["import BaseStyle from '@primevuelab/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-scrollpanel-content-container {\n    overflow: hidden;\n    width: 100%;\n    height: 100%;\n    position: relative;\n    z-index: 1;\n    float: left;\n}\n\n.p-scrollpanel-content {\n    height: calc(100% + calc(2 * ${dt('scrollpanel.bar.size')}));\n    width: calc(100% + calc(2 * ${dt('scrollpanel.bar.size')}));\n    padding: 0 calc(2 * ${dt('scrollpanel.bar.size')}) calc(2 * ${dt('scrollpanel.bar.size')}) 0;\n    position: relative;\n    overflow: auto;\n    box-sizing: border-box;\n    scrollbar-width: none;\n}\n\n.p-scrollpanel-content::-webkit-scrollbar {\n    display: none;\n}\n\n.p-scrollpanel-bar {\n    position: relative;\n    border-radius: ${dt('scrollpanel.bar.border.radius')};\n    z-index: 2;\n    cursor: pointer;\n    opacity: 0;\n    outline-color: transparent;\n    transition: outline-color ${dt('scrollpanel.transition.duration')};\n    background: ${dt('scrollpanel.bar.background')};\n    border: 0 none;\n    transition: outline-color ${dt('scrollpanel.transition.duration')}, opacity ${dt('scrollpanel.transition.duration')};\n}\n\n.p-scrollpanel-bar:focus-visible {\n    box-shadow: ${dt('scrollpanel.bar.focus.ring.shadow')};\n    outline: ${dt('scrollpanel.barfocus.ring.width')} ${dt('scrollpanel.bar.focus.ring.style')} ${dt('scrollpanel.bar.focus.ring.color')};\n    outline-offset: ${dt('scrollpanel.barfocus.ring.offset')};\n}\n\n.p-scrollpanel-bar-y {\n    width: ${dt('scrollpanel.bar.size')};\n    top: 0;\n}\n\n.p-scrollpanel-bar-x {\n    height: ${dt('scrollpanel.bar.size')};\n    bottom: 0;\n}\n\n.p-scrollpanel-hidden {\n    visibility: hidden;\n}\n\n.p-scrollpanel:hover .p-scrollpanel-bar,\n.p-scrollpanel:active .p-scrollpanel-bar {\n    opacity: 1;\n}\n\n.p-scrollpanel-grabbed {\n    user-select: none;\n}\n`;\n\nconst classes = {\n    root: 'p-scrollpanel p-component',\n    contentContainer: 'p-scrollpanel-content-container',\n    content: 'p-scrollpanel-content',\n    barX: 'p-scrollpanel-bar p-scrollpanel-bar-x',\n    barY: 'p-scrollpanel-bar p-scrollpanel-bar-y'\n};\n\nexport default BaseStyle.extend({\n    name: 'scrollpanel',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","contentContainer","content","barX","barY","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;EAAA,OAAAC,gOAAAA,CAAAA,MAAA,CAWgBD,EAAE,CAAC,sBAAsB,CAAC,EAAAC,uCAAAA,CAAAA,CAAAA,MAAA,CAC3BD,EAAE,CAAC,sBAAsB,CAAC,EAAAC,+BAAAA,CAAAA,CAAAA,MAAA,CAClCD,EAAE,CAAC,sBAAsB,CAAC,EAAAC,aAAAA,CAAAA,CAAAA,MAAA,CAAcD,EAAE,CAAC,sBAAsB,CAAC,EAAAC,4PAAAA,CAAAA,CAAAA,MAAA,CAavED,EAAE,CAAC,+BAA+B,CAAC,EAAAC,4HAAAA,CAAAA,CAAAA,MAAA,CAKxBD,EAAE,CAAC,iCAAiC,CAAC,EAAAC,qBAAAA,CAAAA,CAAAA,MAAA,CACnDD,EAAE,CAAC,4BAA4B,CAAC,EAAA,wDAAA,CAAA,CAAAC,MAAA,CAElBD,EAAE,CAAC,iCAAiC,CAAC,gBAAAC,MAAA,CAAaD,EAAE,CAAC,iCAAiC,CAAC,kEAAAC,MAAA,CAIrGD,EAAE,CAAC,mCAAmC,CAAC,sBAAAC,MAAA,CAC1CD,EAAE,CAAC,iCAAiC,CAAC,OAAAC,MAAA,CAAID,EAAE,CAAC,kCAAkC,CAAC,OAAAC,MAAA,CAAID,EAAE,CAAC,kCAAkC,CAAC,6BAAAC,MAAA,CAClHD,EAAE,CAAC,kCAAkC,CAAC,iDAAAC,MAAA,CAI/CD,EAAE,CAAC,sBAAsB,CAAC,EAAAC,2DAAAA,CAAAA,CAAAA,MAAA,CAKzBD,EAAE,CAAC,sBAAsB,CAAC,EAAA,kPAAA,CAAA,CAAA;AAAA,CAgBvC,CAAA;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,2BAA2B;AACjCC,EAAAA,gBAAgB,EAAE,iCAAiC;AACnDC,EAAAA,OAAO,EAAE,uBAAuB;AAChCC,EAAAA,IAAI,EAAE,uCAAuC;AAC7CC,EAAAA,IAAI,EAAE,uCAAA;AACV,CAAC,CAAA;AAED,uBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,aAAa;AACnBZ,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}

package/scrolltop/BaseScrollTop.vue

@@ -0,0 +1,40 @@
+<script>
+import BaseComponent from '@primevuelab/core/basecomponent';
+import ScrollTopStyle from 'primevuelab/scrolltop/style';
+
+export default {
+    name: 'BaseScrollTop',
+    extends: BaseComponent,
+    props: {
+        target: {
+            type: String,
+            default: 'window'
+        },
+        threshold: {
+            type: Number,
+            default: 400
+        },
+        icon: {
+            type: String,
+            default: undefined
+        },
+        behavior: {
+            type: String,
+            default: 'smooth'
+        },
+        buttonProps: {
+            type: Object,
+            default: () => {
+                return { rounded: true };
+            }
+        }
+    },
+    style: ScrollTopStyle,
+    provide() {
+        return {
+            $pcScrollTop: this,
+            $parentInstance: this
+        };
+    }
+};
+</script>