primevue 4.0.7 → 4.1.0

package/splitter/index.d.ts

@@ -226,6 +226,13 @@ export interface SplitterEmitsOptions {
 
 export declare type SplitterEmits = EmitFn<SplitterEmitsOptions>;
 
+export interface SplitterMethods {
+    /**
+     * This method resizes all panels by either using the stored state in the case of a stateful Splitter, the size property of each SplitterPanel, or by resetting them to their default values.
+     */
+    resetState(): void;
+}
+
 /**
  * **PrimeVue - Splitter**
  *
@@ -238,7 +245,7 @@ export declare type SplitterEmits = EmitFn<SplitterEmitsOptions>;
  * @group Component
  *
  */
-declare const Splitter: DefineComponent<SplitterProps, SplitterSlots, SplitterEmits>;
+declare const Splitter: DefineComponent<SplitterProps, SplitterSlots, SplitterEmits, SplitterMethods>;
 
 declare module 'vue' {
     export interface GlobalComponents {

package/splitter/index.mjs

@@ -1,6 +1,6 @@
-import { getVNodeProp } from '@primevue/core/utils';
 import { getWidth, getHeight, getOuterWidth, getOuterHeight } from '@primeuix/utils/dom';
 import { isArray } from '@primeuix/utils/object';
+import { getVNodeProp } from '@primevue/core/utils';
 import BaseComponent from '@primevue/core/basecomponent';
 import SplitterStyle from 'primevue/splitter/style';
 import { openBlock, createElementBlock, mergeProps, Fragment, renderList, createBlock, resolveDynamicComponent, createElementVNode, createCommentVNode } from 'vue';
@@ -71,27 +71,7 @@ var script = {
     };
   },
   mounted: function mounted() {
-    var _this = this;
-    if (this.panels && this.panels.length) {
-      var initialized = false;
-      if (this.isStateful()) {
-        initialized = this.restoreState();
-      }
-      if (!initialized) {
-        var children = _toConsumableArray(this.$el.children).filter(function (child) {
-          return child.getAttribute('data-pc-name') === 'splitterpanel';
-        });
-        var _panelSizes = [];
-        this.panels.map(function (panel, i) {
-          var panelInitialSize = panel.props && panel.props.size ? panel.props.size : null;
-          var panelSize = panelInitialSize || 100 / _this.panels.length;
-          _panelSizes[i] = panelSize;
-          children[i].style.flexBasis = 'calc(' + panelSize + '% - ' + (_this.panels.length - 1) * _this.gutterSize + 'px)';
-        });
-        this.panelSizes = _panelSizes;
-        this.prevSize = parseFloat(_panelSizes[0]).toFixed(4);
-      }
-    }
+    this.initializePanels();
   },
   beforeUnmount: function beforeUnmount() {
     this.clear();
@@ -101,6 +81,29 @@ var script = {
     isSplitterPanel: function isSplitterPanel(child) {
       return child.type.name === 'SplitterPanel';
     },
+    initializePanels: function initializePanels() {
+      var _this = this;
+      if (this.panels && this.panels.length) {
+        var initialized = false;
+        if (this.isStateful()) {
+          initialized = this.restoreState();
+        }
+        if (!initialized) {
+          var children = _toConsumableArray(this.$el.children).filter(function (child) {
+            return child.getAttribute('data-pc-name') === 'splitterpanel';
+          });
+          var _panelSizes = [];
+          this.panels.map(function (panel, i) {
+            var panelInitialSize = panel.props && panel.props.size ? panel.props.size : null;
+            var panelSize = panelInitialSize || 100 / _this.panels.length;
+            _panelSizes[i] = panelSize;
+            children[i].style.flexBasis = 'calc(' + panelSize + '% - ' + (_this.panels.length - 1) * _this.gutterSize + 'px)';
+          });
+          this.panelSizes = _panelSizes;
+          this.prevSize = parseFloat(_panelSizes[0]).toFixed(4);
+        }
+      }
+    },
     onResizeStart: function onResizeStart(event, index, isKeyDown) {
       this.gutterElement = event.currentTarget || event.target.parentElement;
       this.size = this.horizontal ? getWidth(this.$el) : getHeight(this.$el);
@@ -351,6 +354,9 @@ var script = {
         return true;
       }
       return false;
+    },
+    resetState: function resetState() {
+      this.initializePanels();
     }
   },
   computed: {

package/splitter/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/splitter/BaseSplitter.vue","../../src/splitter/Splitter.vue","../../src/splitter/Splitter.vue?vue&type=template&id=5cc5969c&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport SplitterStyle from 'primevue/splitter/style';\n\nexport default {\n    name: 'BaseSplitter',\n    extends: BaseComponent,\n    props: {\n        layout: {\n            type: String,\n            default: 'horizontal'\n        },\n        gutterSize: {\n            type: Number,\n            default: 4\n        },\n        stateKey: {\n            type: String,\n            default: null\n        },\n        stateStorage: {\n            type: String,\n            default: 'session'\n        },\n        step: {\n            type: Number,\n            default: 5\n        }\n    },\n    style: SplitterStyle,\n    provide() {\n        return {\n            $pcSplitter: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" :style=\"sx('root')\" :data-p-resizing=\"false\" v-bind=\"ptmi('root', getPTOptions)\">\n        <template v-for=\"(panel, i) of panels\" :key=\"i\">\n            <component :is=\"panel\" tabindex=\"-1\"></component>\n            <div\n                v-if=\"i !== panels.length - 1\"\n                ref=\"gutter\"\n                :class=\"cx('gutter')\"\n                role=\"separator\"\n                tabindex=\"-1\"\n                @mousedown=\"onGutterMouseDown($event, i)\"\n                @touchstart=\"onGutterTouchStart($event, i)\"\n                @touchmove=\"onGutterTouchMove($event, i)\"\n                @touchend=\"onGutterTouchEnd($event, i)\"\n                :data-p-gutter-resizing=\"false\"\n                v-bind=\"ptm('gutter')\"\n            >\n                <div :class=\"cx('gutterHandle')\" tabindex=\"0\" :style=\"[gutterStyle]\" :aria-orientation=\"layout\" :aria-valuenow=\"prevSize\" @keyup=\"onGutterKeyUp\" @keydown=\"onGutterKeyDown($event, i)\" v-bind=\"ptm('gutterHandle')\"></div>\n            </div>\n        </template>\n    </div>\n</template>\n\n<script>\nimport { getVNodeProp } from '@primevue/core/utils';\nimport { getWidth, getHeight, getOuterWidth, getOuterHeight } from '@primeuix/utils/dom';\nimport { isArray } from '@primeuix/utils/object';\nimport BaseSplitter from './BaseSplitter.vue';\n\nexport default {\n    name: 'Splitter',\n    extends: BaseSplitter,\n    inheritAttrs: false,\n    emits: ['resizestart', 'resizeend', 'resize'],\n    dragging: false,\n    mouseMoveListener: null,\n    mouseUpListener: null,\n    touchMoveListener: null,\n    touchEndListener: null,\n    size: null,\n    gutterElement: null,\n    startPos: null,\n    prevPanelElement: null,\n    nextPanelElement: null,\n    nextPanelSize: null,\n    prevPanelSize: null,\n    panelSizes: null,\n    prevPanelIndex: null,\n    timer: null,\n    data() {\n        return {\n            prevSize: null\n        };\n    },\n    mounted() {\n        if (this.panels && this.panels.length) {\n            let initialized = false;\n\n            if (this.isStateful()) {\n                initialized = this.restoreState();\n            }\n\n            if (!initialized) {\n                let children = [...this.$el.children].filter((child) => child.getAttribute('data-pc-name') === 'splitterpanel');\n                let _panelSizes = [];\n\n                this.panels.map((panel, i) => {\n                    let panelInitialSize = panel.props && panel.props.size ? panel.props.size : null;\n                    let panelSize = panelInitialSize || 100 / this.panels.length;\n\n                    _panelSizes[i] = panelSize;\n                    children[i].style.flexBasis = 'calc(' + panelSize + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';\n                });\n\n                this.panelSizes = _panelSizes;\n                this.prevSize = parseFloat(_panelSizes[0]).toFixed(4);\n            }\n        }\n    },\n    beforeUnmount() {\n        this.clear();\n        this.unbindMouseListeners();\n    },\n    methods: {\n        isSplitterPanel(child) {\n            return child.type.name === 'SplitterPanel';\n        },\n        onResizeStart(event, index, isKeyDown) {\n            this.gutterElement = event.currentTarget || event.target.parentElement;\n            this.size = this.horizontal ? getWidth(this.$el) : getHeight(this.$el);\n\n            if (!isKeyDown) {\n                this.dragging = true;\n                this.startPos = this.layout === 'horizontal' ? event.pageX || event.changedTouches[0].pageX : event.pageY || event.changedTouches[0].pageY;\n            }\n\n            this.prevPanelElement = this.gutterElement.previousElementSibling;\n            this.nextPanelElement = this.gutterElement.nextElementSibling;\n\n            if (isKeyDown) {\n                this.prevPanelSize = this.horizontal ? getOuterWidth(this.prevPanelElement, true) : getOuterHeight(this.prevPanelElement, true);\n                this.nextPanelSize = this.horizontal ? getOuterWidth(this.nextPanelElement, true) : getOuterHeight(this.nextPanelElement, true);\n            } else {\n                this.prevPanelSize = (100 * (this.horizontal ? getOuterWidth(this.prevPanelElement, true) : getOuterHeight(this.prevPanelElement, true))) / this.size;\n                this.nextPanelSize = (100 * (this.horizontal ? getOuterWidth(this.nextPanelElement, true) : getOuterHeight(this.nextPanelElement, true))) / this.size;\n            }\n\n            this.prevPanelIndex = index;\n            this.$emit('resizestart', { originalEvent: event, sizes: this.panelSizes });\n            this.$refs.gutter[index].setAttribute('data-p-gutter-resizing', true);\n            this.$el.setAttribute('data-p-resizing', true);\n        },\n        onResize(event, step, isKeyDown) {\n            let newPos, newPrevPanelSize, newNextPanelSize;\n\n            if (isKeyDown) {\n                if (this.horizontal) {\n                    newPrevPanelSize = (100 * (this.prevPanelSize + step)) / this.size;\n                    newNextPanelSize = (100 * (this.nextPanelSize - step)) / this.size;\n                } else {\n                    newPrevPanelSize = (100 * (this.prevPanelSize - step)) / this.size;\n                    newNextPanelSize = (100 * (this.nextPanelSize + step)) / this.size;\n                }\n            } else {\n                if (this.horizontal) newPos = (event.pageX * 100) / this.size - (this.startPos * 100) / this.size;\n                else newPos = (event.pageY * 100) / this.size - (this.startPos * 100) / this.size;\n\n                newPrevPanelSize = this.prevPanelSize + newPos;\n                newNextPanelSize = this.nextPanelSize - newPos;\n            }\n\n            if (this.validateResize(newPrevPanelSize, newNextPanelSize)) {\n                this.prevPanelElement.style.flexBasis = 'calc(' + newPrevPanelSize + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';\n                this.nextPanelElement.style.flexBasis = 'calc(' + newNextPanelSize + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';\n                this.panelSizes[this.prevPanelIndex] = newPrevPanelSize;\n                this.panelSizes[this.prevPanelIndex + 1] = newNextPanelSize;\n                this.prevSize = parseFloat(newPrevPanelSize).toFixed(4);\n            }\n\n            this.$emit('resize', { originalEvent: event, sizes: this.panelSizes });\n        },\n        onResizeEnd(event) {\n            if (this.isStateful()) {\n                this.saveState();\n            }\n\n            this.$emit('resizeend', { originalEvent: event, sizes: this.panelSizes });\n            this.$refs.gutter.forEach((gutter) => gutter.setAttribute('data-p-gutter-resizing', false));\n            this.$el.setAttribute('data-p-resizing', false);\n            this.clear();\n        },\n        repeat(event, index, step) {\n            this.onResizeStart(event, index, true);\n            this.onResize(event, step, true);\n        },\n        setTimer(event, index, step) {\n            if (!this.timer) {\n                this.timer = setInterval(() => {\n                    this.repeat(event, index, step);\n                }, 40);\n            }\n        },\n        clearTimer() {\n            if (this.timer) {\n                clearInterval(this.timer);\n                this.timer = null;\n            }\n        },\n        onGutterKeyUp() {\n            this.clearTimer();\n            this.onResizeEnd();\n        },\n        onGutterKeyDown(event, index) {\n            switch (event.code) {\n                case 'ArrowLeft': {\n                    if (this.layout === 'horizontal') {\n                        this.setTimer(event, index, this.step * -1);\n                    }\n\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'ArrowRight': {\n                    if (this.layout === 'horizontal') {\n                        this.setTimer(event, index, this.step);\n                    }\n\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'ArrowDown': {\n                    if (this.layout === 'vertical') {\n                        this.setTimer(event, index, this.step * -1);\n                    }\n\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'ArrowUp': {\n                    if (this.layout === 'vertical') {\n                        this.setTimer(event, index, this.step);\n                    }\n\n                    event.preventDefault();\n                    break;\n                }\n\n                default:\n                    //no op\n                    break;\n            }\n        },\n        onGutterMouseDown(event, index) {\n            this.onResizeStart(event, index);\n            this.bindMouseListeners();\n        },\n        onGutterTouchStart(event, index) {\n            this.onResizeStart(event, index);\n            this.bindTouchListeners();\n            event.preventDefault();\n        },\n        onGutterTouchMove(event) {\n            this.onResize(event);\n            event.preventDefault();\n        },\n        onGutterTouchEnd(event) {\n            this.onResizeEnd(event);\n            this.unbindTouchListeners();\n            event.preventDefault();\n        },\n        bindMouseListeners() {\n            if (!this.mouseMoveListener) {\n                this.mouseMoveListener = (event) => this.onResize(event);\n                document.addEventListener('mousemove', this.mouseMoveListener);\n            }\n\n            if (!this.mouseUpListener) {\n                this.mouseUpListener = (event) => {\n                    this.onResizeEnd(event);\n                    this.unbindMouseListeners();\n                };\n\n                document.addEventListener('mouseup', this.mouseUpListener);\n            }\n        },\n        bindTouchListeners() {\n            if (!this.touchMoveListener) {\n                this.touchMoveListener = (event) => this.onResize(event.changedTouches[0]);\n                document.addEventListener('touchmove', this.touchMoveListener);\n            }\n\n            if (!this.touchEndListener) {\n                this.touchEndListener = (event) => {\n                    this.resizeEnd(event);\n                    this.unbindTouchListeners();\n                };\n\n                document.addEventListener('touchend', this.touchEndListener);\n            }\n        },\n        validateResize(newPrevPanelSize, newNextPanelSize) {\n            if (newPrevPanelSize > 100 || newPrevPanelSize < 0) return false;\n            if (newNextPanelSize > 100 || newNextPanelSize < 0) return false;\n\n            let prevPanelMinSize = getVNodeProp(this.panels[this.prevPanelIndex], 'minSize');\n\n            if (this.panels[this.prevPanelIndex].props && prevPanelMinSize && prevPanelMinSize > newPrevPanelSize) {\n                return false;\n            }\n\n            let newPanelMinSize = getVNodeProp(this.panels[this.prevPanelIndex + 1], 'minSize');\n\n            if (this.panels[this.prevPanelIndex + 1].props && newPanelMinSize && newPanelMinSize > newNextPanelSize) {\n                return false;\n            }\n\n            return true;\n        },\n        unbindMouseListeners() {\n            if (this.mouseMoveListener) {\n                document.removeEventListener('mousemove', this.mouseMoveListener);\n                this.mouseMoveListener = null;\n            }\n\n            if (this.mouseUpListener) {\n                document.removeEventListener('mouseup', this.mouseUpListener);\n                this.mouseUpListener = null;\n            }\n        },\n        unbindTouchListeners() {\n            if (this.touchMoveListener) {\n                document.removeEventListener('touchmove', this.touchMoveListener);\n                this.touchMoveListener = null;\n            }\n\n            if (this.touchEndListener) {\n                document.removeEventListener('touchend', this.touchEndListener);\n                this.touchEndListener = null;\n            }\n        },\n        clear() {\n            this.dragging = false;\n            this.size = null;\n            this.startPos = null;\n            this.prevPanelElement = null;\n            this.nextPanelElement = null;\n            this.prevPanelSize = null;\n            this.nextPanelSize = null;\n            this.gutterElement = null;\n            this.prevPanelIndex = null;\n        },\n        isStateful() {\n            return this.stateKey != null;\n        },\n        getStorage() {\n            switch (this.stateStorage) {\n                case 'local':\n                    return window.localStorage;\n\n                case 'session':\n                    return window.sessionStorage;\n\n                default:\n                    throw new Error(this.stateStorage + ' is not a valid value for the state storage, supported values are \"local\" and \"session\".');\n            }\n        },\n        saveState() {\n            if (isArray(this.panelSizes)) {\n                this.getStorage().setItem(this.stateKey, JSON.stringify(this.panelSizes));\n            }\n        },\n        restoreState() {\n            const storage = this.getStorage();\n            const stateString = storage.getItem(this.stateKey);\n\n            if (stateString) {\n                this.panelSizes = JSON.parse(stateString);\n                let children = [...this.$el.children].filter((child) => child.getAttribute('data-pc-name') === 'splitterpanel');\n\n                children.forEach((child, i) => {\n                    child.style.flexBasis = 'calc(' + this.panelSizes[i] + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';\n                });\n\n                return true;\n            }\n\n            return false;\n        }\n    },\n    computed: {\n        panels() {\n            const panels = [];\n\n            this.$slots.default().forEach((child) => {\n                if (this.isSplitterPanel(child)) {\n                    panels.push(child);\n                } else if (child.children instanceof Array) {\n                    child.children.forEach((nestedChild) => {\n                        if (this.isSplitterPanel(nestedChild)) {\n                            panels.push(nestedChild);\n                        }\n                    });\n                }\n            });\n\n            return panels;\n        },\n        gutterStyle() {\n            if (this.horizontal) return { width: this.gutterSize + 'px' };\n            else return { height: this.gutterSize + 'px' };\n        },\n        horizontal() {\n            return this.layout === 'horizontal';\n        },\n        getPTOptions() {\n            return {\n                context: {\n                    nested: this.$parentInstance?.nestedState\n                }\n            };\n        }\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" :style=\"sx('root')\" :data-p-resizing=\"false\" v-bind=\"ptmi('root', getPTOptions)\">\n        <template v-for=\"(panel, i) of panels\" :key=\"i\">\n            <component :is=\"panel\" tabindex=\"-1\"></component>\n            <div\n                v-if=\"i !== panels.length - 1\"\n                ref=\"gutter\"\n                :class=\"cx('gutter')\"\n                role=\"separator\"\n                tabindex=\"-1\"\n                @mousedown=\"onGutterMouseDown($event, i)\"\n                @touchstart=\"onGutterTouchStart($event, i)\"\n                @touchmove=\"onGutterTouchMove($event, i)\"\n                @touchend=\"onGutterTouchEnd($event, i)\"\n                :data-p-gutter-resizing=\"false\"\n                v-bind=\"ptm('gutter')\"\n            >\n                <div :class=\"cx('gutterHandle')\" tabindex=\"0\" :style=\"[gutterStyle]\" :aria-orientation=\"layout\" :aria-valuenow=\"prevSize\" @keyup=\"onGutterKeyUp\" @keydown=\"onGutterKeyDown($event, i)\" v-bind=\"ptm('gutterHandle')\"></div>\n            </div>\n        </template>\n    </div>\n</template>\n\n<script>\nimport { getVNodeProp } from '@primevue/core/utils';\nimport { getWidth, getHeight, getOuterWidth, getOuterHeight } from '@primeuix/utils/dom';\nimport { isArray } from '@primeuix/utils/object';\nimport BaseSplitter from './BaseSplitter.vue';\n\nexport default {\n    name: 'Splitter',\n    extends: BaseSplitter,\n    inheritAttrs: false,\n    emits: ['resizestart', 'resizeend', 'resize'],\n    dragging: false,\n    mouseMoveListener: null,\n    mouseUpListener: null,\n    touchMoveListener: null,\n    touchEndListener: null,\n    size: null,\n    gutterElement: null,\n    startPos: null,\n    prevPanelElement: null,\n    nextPanelElement: null,\n    nextPanelSize: null,\n    prevPanelSize: null,\n    panelSizes: null,\n    prevPanelIndex: null,\n    timer: null,\n    data() {\n        return {\n            prevSize: null\n        };\n    },\n    mounted() {\n        if (this.panels && this.panels.length) {\n            let initialized = false;\n\n            if (this.isStateful()) {\n                initialized = this.restoreState();\n            }\n\n            if (!initialized) {\n                let children = [...this.$el.children].filter((child) => child.getAttribute('data-pc-name') === 'splitterpanel');\n                let _panelSizes = [];\n\n                this.panels.map((panel, i) => {\n                    let panelInitialSize = panel.props && panel.props.size ? panel.props.size : null;\n                    let panelSize = panelInitialSize || 100 / this.panels.length;\n\n                    _panelSizes[i] = panelSize;\n                    children[i].style.flexBasis = 'calc(' + panelSize + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';\n                });\n\n                this.panelSizes = _panelSizes;\n                this.prevSize = parseFloat(_panelSizes[0]).toFixed(4);\n            }\n        }\n    },\n    beforeUnmount() {\n        this.clear();\n        this.unbindMouseListeners();\n    },\n    methods: {\n        isSplitterPanel(child) {\n            return child.type.name === 'SplitterPanel';\n        },\n        onResizeStart(event, index, isKeyDown) {\n            this.gutterElement = event.currentTarget || event.target.parentElement;\n            this.size = this.horizontal ? getWidth(this.$el) : getHeight(this.$el);\n\n            if (!isKeyDown) {\n                this.dragging = true;\n                this.startPos = this.layout === 'horizontal' ? event.pageX || event.changedTouches[0].pageX : event.pageY || event.changedTouches[0].pageY;\n            }\n\n            this.prevPanelElement = this.gutterElement.previousElementSibling;\n            this.nextPanelElement = this.gutterElement.nextElementSibling;\n\n            if (isKeyDown) {\n                this.prevPanelSize = this.horizontal ? getOuterWidth(this.prevPanelElement, true) : getOuterHeight(this.prevPanelElement, true);\n                this.nextPanelSize = this.horizontal ? getOuterWidth(this.nextPanelElement, true) : getOuterHeight(this.nextPanelElement, true);\n            } else {\n                this.prevPanelSize = (100 * (this.horizontal ? getOuterWidth(this.prevPanelElement, true) : getOuterHeight(this.prevPanelElement, true))) / this.size;\n                this.nextPanelSize = (100 * (this.horizontal ? getOuterWidth(this.nextPanelElement, true) : getOuterHeight(this.nextPanelElement, true))) / this.size;\n            }\n\n            this.prevPanelIndex = index;\n            this.$emit('resizestart', { originalEvent: event, sizes: this.panelSizes });\n            this.$refs.gutter[index].setAttribute('data-p-gutter-resizing', true);\n            this.$el.setAttribute('data-p-resizing', true);\n        },\n        onResize(event, step, isKeyDown) {\n            let newPos, newPrevPanelSize, newNextPanelSize;\n\n            if (isKeyDown) {\n                if (this.horizontal) {\n                    newPrevPanelSize = (100 * (this.prevPanelSize + step)) / this.size;\n                    newNextPanelSize = (100 * (this.nextPanelSize - step)) / this.size;\n                } else {\n                    newPrevPanelSize = (100 * (this.prevPanelSize - step)) / this.size;\n                    newNextPanelSize = (100 * (this.nextPanelSize + step)) / this.size;\n                }\n            } else {\n                if (this.horizontal) newPos = (event.pageX * 100) / this.size - (this.startPos * 100) / this.size;\n                else newPos = (event.pageY * 100) / this.size - (this.startPos * 100) / this.size;\n\n                newPrevPanelSize = this.prevPanelSize + newPos;\n                newNextPanelSize = this.nextPanelSize - newPos;\n            }\n\n            if (this.validateResize(newPrevPanelSize, newNextPanelSize)) {\n                this.prevPanelElement.style.flexBasis = 'calc(' + newPrevPanelSize + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';\n                this.nextPanelElement.style.flexBasis = 'calc(' + newNextPanelSize + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';\n                this.panelSizes[this.prevPanelIndex] = newPrevPanelSize;\n                this.panelSizes[this.prevPanelIndex + 1] = newNextPanelSize;\n                this.prevSize = parseFloat(newPrevPanelSize).toFixed(4);\n            }\n\n            this.$emit('resize', { originalEvent: event, sizes: this.panelSizes });\n        },\n        onResizeEnd(event) {\n            if (this.isStateful()) {\n                this.saveState();\n            }\n\n            this.$emit('resizeend', { originalEvent: event, sizes: this.panelSizes });\n            this.$refs.gutter.forEach((gutter) => gutter.setAttribute('data-p-gutter-resizing', false));\n            this.$el.setAttribute('data-p-resizing', false);\n            this.clear();\n        },\n        repeat(event, index, step) {\n            this.onResizeStart(event, index, true);\n            this.onResize(event, step, true);\n        },\n        setTimer(event, index, step) {\n            if (!this.timer) {\n                this.timer = setInterval(() => {\n                    this.repeat(event, index, step);\n                }, 40);\n            }\n        },\n        clearTimer() {\n            if (this.timer) {\n                clearInterval(this.timer);\n                this.timer = null;\n            }\n        },\n        onGutterKeyUp() {\n            this.clearTimer();\n            this.onResizeEnd();\n        },\n        onGutterKeyDown(event, index) {\n            switch (event.code) {\n                case 'ArrowLeft': {\n                    if (this.layout === 'horizontal') {\n                        this.setTimer(event, index, this.step * -1);\n                    }\n\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'ArrowRight': {\n                    if (this.layout === 'horizontal') {\n                        this.setTimer(event, index, this.step);\n                    }\n\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'ArrowDown': {\n                    if (this.layout === 'vertical') {\n                        this.setTimer(event, index, this.step * -1);\n                    }\n\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'ArrowUp': {\n                    if (this.layout === 'vertical') {\n                        this.setTimer(event, index, this.step);\n                    }\n\n                    event.preventDefault();\n                    break;\n                }\n\n                default:\n                    //no op\n                    break;\n            }\n        },\n        onGutterMouseDown(event, index) {\n            this.onResizeStart(event, index);\n            this.bindMouseListeners();\n        },\n        onGutterTouchStart(event, index) {\n            this.onResizeStart(event, index);\n            this.bindTouchListeners();\n            event.preventDefault();\n        },\n        onGutterTouchMove(event) {\n            this.onResize(event);\n            event.preventDefault();\n        },\n        onGutterTouchEnd(event) {\n            this.onResizeEnd(event);\n            this.unbindTouchListeners();\n            event.preventDefault();\n        },\n        bindMouseListeners() {\n            if (!this.mouseMoveListener) {\n                this.mouseMoveListener = (event) => this.onResize(event);\n                document.addEventListener('mousemove', this.mouseMoveListener);\n            }\n\n            if (!this.mouseUpListener) {\n                this.mouseUpListener = (event) => {\n                    this.onResizeEnd(event);\n                    this.unbindMouseListeners();\n                };\n\n                document.addEventListener('mouseup', this.mouseUpListener);\n            }\n        },\n        bindTouchListeners() {\n            if (!this.touchMoveListener) {\n                this.touchMoveListener = (event) => this.onResize(event.changedTouches[0]);\n                document.addEventListener('touchmove', this.touchMoveListener);\n            }\n\n            if (!this.touchEndListener) {\n                this.touchEndListener = (event) => {\n                    this.resizeEnd(event);\n                    this.unbindTouchListeners();\n                };\n\n                document.addEventListener('touchend', this.touchEndListener);\n            }\n        },\n        validateResize(newPrevPanelSize, newNextPanelSize) {\n            if (newPrevPanelSize > 100 || newPrevPanelSize < 0) return false;\n            if (newNextPanelSize > 100 || newNextPanelSize < 0) return false;\n\n            let prevPanelMinSize = getVNodeProp(this.panels[this.prevPanelIndex], 'minSize');\n\n            if (this.panels[this.prevPanelIndex].props && prevPanelMinSize && prevPanelMinSize > newPrevPanelSize) {\n                return false;\n            }\n\n            let newPanelMinSize = getVNodeProp(this.panels[this.prevPanelIndex + 1], 'minSize');\n\n            if (this.panels[this.prevPanelIndex + 1].props && newPanelMinSize && newPanelMinSize > newNextPanelSize) {\n                return false;\n            }\n\n            return true;\n        },\n        unbindMouseListeners() {\n            if (this.mouseMoveListener) {\n                document.removeEventListener('mousemove', this.mouseMoveListener);\n                this.mouseMoveListener = null;\n            }\n\n            if (this.mouseUpListener) {\n                document.removeEventListener('mouseup', this.mouseUpListener);\n                this.mouseUpListener = null;\n            }\n        },\n        unbindTouchListeners() {\n            if (this.touchMoveListener) {\n                document.removeEventListener('touchmove', this.touchMoveListener);\n                this.touchMoveListener = null;\n            }\n\n            if (this.touchEndListener) {\n                document.removeEventListener('touchend', this.touchEndListener);\n                this.touchEndListener = null;\n            }\n        },\n        clear() {\n            this.dragging = false;\n            this.size = null;\n            this.startPos = null;\n            this.prevPanelElement = null;\n            this.nextPanelElement = null;\n            this.prevPanelSize = null;\n            this.nextPanelSize = null;\n            this.gutterElement = null;\n            this.prevPanelIndex = null;\n        },\n        isStateful() {\n            return this.stateKey != null;\n        },\n        getStorage() {\n            switch (this.stateStorage) {\n                case 'local':\n                    return window.localStorage;\n\n                case 'session':\n                    return window.sessionStorage;\n\n                default:\n                    throw new Error(this.stateStorage + ' is not a valid value for the state storage, supported values are \"local\" and \"session\".');\n            }\n        },\n        saveState() {\n            if (isArray(this.panelSizes)) {\n                this.getStorage().setItem(this.stateKey, JSON.stringify(this.panelSizes));\n            }\n        },\n        restoreState() {\n            const storage = this.getStorage();\n            const stateString = storage.getItem(this.stateKey);\n\n            if (stateString) {\n                this.panelSizes = JSON.parse(stateString);\n                let children = [...this.$el.children].filter((child) => child.getAttribute('data-pc-name') === 'splitterpanel');\n\n                children.forEach((child, i) => {\n                    child.style.flexBasis = 'calc(' + this.panelSizes[i] + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';\n                });\n\n                return true;\n            }\n\n            return false;\n        }\n    },\n    computed: {\n        panels() {\n            const panels = [];\n\n            this.$slots.default().forEach((child) => {\n                if (this.isSplitterPanel(child)) {\n                    panels.push(child);\n                } else if (child.children instanceof Array) {\n                    child.children.forEach((nestedChild) => {\n                        if (this.isSplitterPanel(nestedChild)) {\n                            panels.push(nestedChild);\n                        }\n                    });\n                }\n            });\n\n            return panels;\n        },\n        gutterStyle() {\n            if (this.horizontal) return { width: this.gutterSize + 'px' };\n            else return { height: this.gutterSize + 'px' };\n        },\n        horizontal() {\n            return this.layout === 'horizontal';\n        },\n        getPTOptions() {\n            return {\n                context: {\n                    nested: this.$parentInstance?.nestedState\n                }\n            };\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","layout","type","String","gutterSize","Number","stateKey","stateStorage","step","style","SplitterStyle","provide","$pcSplitter","$parentInstance","BaseSplitter","inheritAttrs","emits","dragging","mouseMoveListener","mouseUpListener","touchMoveListener","touchEndListener","size","gutterElement","startPos","prevPanelElement","nextPanelElement","nextPanelSize","prevPanelSize","panelSizes","prevPanelIndex","timer","data","prevSize","mounted","_this","panels","length","initialized","isStateful","restoreState","children","_toConsumableArray","$el","filter","child","getAttribute","_panelSizes","map","panel","i","panelInitialSize","panelSize","flexBasis","parseFloat","toFixed","beforeUnmount","clear","unbindMouseListeners","methods","isSplitterPanel","onResizeStart","event","index","isKeyDown","currentTarget","target","parentElement","horizontal","getWidth","getHeight","pageX","changedTouches","pageY","previousElementSibling","nextElementSibling","getOuterWidth","getOuterHeight","$emit","originalEvent","sizes","$refs","gutter","setAttribute","onResize","newPos","newPrevPanelSize","newNextPanelSize","validateResize","onResizeEnd","saveState","forEach","repeat","setTimer","_this2","setInterval","clearTimer","clearInterval","onGutterKeyUp","onGutterKeyDown","code","preventDefault","onGutterMouseDown","bindMouseListeners","onGutterTouchStart","bindTouchListeners","onGutterTouchMove","onGutterTouchEnd","unbindTouchListeners","_this3","document","addEventListener","_this4","resizeEnd","prevPanelMinSize","getVNodeProp","newPanelMinSize","removeEventListener","getStorage","window","localStorage","sessionStorage","Error","isArray","setItem","JSON","stringify","_this5","storage","stateString","getItem","parse","computed","_this6","$slots","push","Array","nestedChild","gutterStyle","width","height","getPTOptions","_this$$parentInstance","context","nested","nestedState","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","sx","ptmi","$options","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","tabindex","ref","role","onMousedown","$event","onTouchstart","onTouchmove","onTouchend","ptm","_createElementVNode","$data","onKeyup","apply","arguments","onKeydown","_hoisted_2"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/splitter/BaseSplitter.vue","../../src/splitter/Splitter.vue","../../src/splitter/Splitter.vue?vue&type=template&id=09e19b6e&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport SplitterStyle from 'primevue/splitter/style';\n\nexport default {\n    name: 'BaseSplitter',\n    extends: BaseComponent,\n    props: {\n        layout: {\n            type: String,\n            default: 'horizontal'\n        },\n        gutterSize: {\n            type: Number,\n            default: 4\n        },\n        stateKey: {\n            type: String,\n            default: null\n        },\n        stateStorage: {\n            type: String,\n            default: 'session'\n        },\n        step: {\n            type: Number,\n            default: 5\n        }\n    },\n    style: SplitterStyle,\n    provide() {\n        return {\n            $pcSplitter: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" :style=\"sx('root')\" :data-p-resizing=\"false\" v-bind=\"ptmi('root', getPTOptions)\">\n        <template v-for=\"(panel, i) of panels\" :key=\"i\">\n            <component :is=\"panel\" tabindex=\"-1\"></component>\n            <div\n                v-if=\"i !== panels.length - 1\"\n                ref=\"gutter\"\n                :class=\"cx('gutter')\"\n                role=\"separator\"\n                tabindex=\"-1\"\n                @mousedown=\"onGutterMouseDown($event, i)\"\n                @touchstart=\"onGutterTouchStart($event, i)\"\n                @touchmove=\"onGutterTouchMove($event, i)\"\n                @touchend=\"onGutterTouchEnd($event, i)\"\n                :data-p-gutter-resizing=\"false\"\n                v-bind=\"ptm('gutter')\"\n            >\n                <div :class=\"cx('gutterHandle')\" tabindex=\"0\" :style=\"[gutterStyle]\" :aria-orientation=\"layout\" :aria-valuenow=\"prevSize\" @keyup=\"onGutterKeyUp\" @keydown=\"onGutterKeyDown($event, i)\" v-bind=\"ptm('gutterHandle')\"></div>\n            </div>\n        </template>\n    </div>\n</template>\n\n<script>\nimport { getHeight, getOuterHeight, getOuterWidth, getWidth } from '@primeuix/utils/dom';\nimport { isArray } from '@primeuix/utils/object';\nimport { getVNodeProp } from '@primevue/core/utils';\nimport BaseSplitter from './BaseSplitter.vue';\n\nexport default {\n    name: 'Splitter',\n    extends: BaseSplitter,\n    inheritAttrs: false,\n    emits: ['resizestart', 'resizeend', 'resize'],\n    dragging: false,\n    mouseMoveListener: null,\n    mouseUpListener: null,\n    touchMoveListener: null,\n    touchEndListener: null,\n    size: null,\n    gutterElement: null,\n    startPos: null,\n    prevPanelElement: null,\n    nextPanelElement: null,\n    nextPanelSize: null,\n    prevPanelSize: null,\n    panelSizes: null,\n    prevPanelIndex: null,\n    timer: null,\n    data() {\n        return {\n            prevSize: null\n        };\n    },\n    mounted() {\n        this.initializePanels();\n    },\n    beforeUnmount() {\n        this.clear();\n        this.unbindMouseListeners();\n    },\n    methods: {\n        isSplitterPanel(child) {\n            return child.type.name === 'SplitterPanel';\n        },\n        initializePanels() {\n            if (this.panels && this.panels.length) {\n                let initialized = false;\n\n                if (this.isStateful()) {\n                    initialized = this.restoreState();\n                }\n\n                if (!initialized) {\n                    let children = [...this.$el.children].filter((child) => child.getAttribute('data-pc-name') === 'splitterpanel');\n                    let _panelSizes = [];\n\n                    this.panels.map((panel, i) => {\n                        let panelInitialSize = panel.props && panel.props.size ? panel.props.size : null;\n                        let panelSize = panelInitialSize || 100 / this.panels.length;\n\n                        _panelSizes[i] = panelSize;\n                        children[i].style.flexBasis = 'calc(' + panelSize + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';\n                    });\n\n                    this.panelSizes = _panelSizes;\n                    this.prevSize = parseFloat(_panelSizes[0]).toFixed(4);\n                }\n            }\n        },\n        onResizeStart(event, index, isKeyDown) {\n            this.gutterElement = event.currentTarget || event.target.parentElement;\n            this.size = this.horizontal ? getWidth(this.$el) : getHeight(this.$el);\n\n            if (!isKeyDown) {\n                this.dragging = true;\n                this.startPos = this.layout === 'horizontal' ? event.pageX || event.changedTouches[0].pageX : event.pageY || event.changedTouches[0].pageY;\n            }\n\n            this.prevPanelElement = this.gutterElement.previousElementSibling;\n            this.nextPanelElement = this.gutterElement.nextElementSibling;\n\n            if (isKeyDown) {\n                this.prevPanelSize = this.horizontal ? getOuterWidth(this.prevPanelElement, true) : getOuterHeight(this.prevPanelElement, true);\n                this.nextPanelSize = this.horizontal ? getOuterWidth(this.nextPanelElement, true) : getOuterHeight(this.nextPanelElement, true);\n            } else {\n                this.prevPanelSize = (100 * (this.horizontal ? getOuterWidth(this.prevPanelElement, true) : getOuterHeight(this.prevPanelElement, true))) / this.size;\n                this.nextPanelSize = (100 * (this.horizontal ? getOuterWidth(this.nextPanelElement, true) : getOuterHeight(this.nextPanelElement, true))) / this.size;\n            }\n\n            this.prevPanelIndex = index;\n            this.$emit('resizestart', { originalEvent: event, sizes: this.panelSizes });\n            this.$refs.gutter[index].setAttribute('data-p-gutter-resizing', true);\n            this.$el.setAttribute('data-p-resizing', true);\n        },\n        onResize(event, step, isKeyDown) {\n            let newPos, newPrevPanelSize, newNextPanelSize;\n\n            if (isKeyDown) {\n                if (this.horizontal) {\n                    newPrevPanelSize = (100 * (this.prevPanelSize + step)) / this.size;\n                    newNextPanelSize = (100 * (this.nextPanelSize - step)) / this.size;\n                } else {\n                    newPrevPanelSize = (100 * (this.prevPanelSize - step)) / this.size;\n                    newNextPanelSize = (100 * (this.nextPanelSize + step)) / this.size;\n                }\n            } else {\n                if (this.horizontal) newPos = (event.pageX * 100) / this.size - (this.startPos * 100) / this.size;\n                else newPos = (event.pageY * 100) / this.size - (this.startPos * 100) / this.size;\n\n                newPrevPanelSize = this.prevPanelSize + newPos;\n                newNextPanelSize = this.nextPanelSize - newPos;\n            }\n\n            if (this.validateResize(newPrevPanelSize, newNextPanelSize)) {\n                this.prevPanelElement.style.flexBasis = 'calc(' + newPrevPanelSize + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';\n                this.nextPanelElement.style.flexBasis = 'calc(' + newNextPanelSize + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';\n                this.panelSizes[this.prevPanelIndex] = newPrevPanelSize;\n                this.panelSizes[this.prevPanelIndex + 1] = newNextPanelSize;\n                this.prevSize = parseFloat(newPrevPanelSize).toFixed(4);\n            }\n\n            this.$emit('resize', { originalEvent: event, sizes: this.panelSizes });\n        },\n        onResizeEnd(event) {\n            if (this.isStateful()) {\n                this.saveState();\n            }\n\n            this.$emit('resizeend', { originalEvent: event, sizes: this.panelSizes });\n            this.$refs.gutter.forEach((gutter) => gutter.setAttribute('data-p-gutter-resizing', false));\n            this.$el.setAttribute('data-p-resizing', false);\n            this.clear();\n        },\n        repeat(event, index, step) {\n            this.onResizeStart(event, index, true);\n            this.onResize(event, step, true);\n        },\n        setTimer(event, index, step) {\n            if (!this.timer) {\n                this.timer = setInterval(() => {\n                    this.repeat(event, index, step);\n                }, 40);\n            }\n        },\n        clearTimer() {\n            if (this.timer) {\n                clearInterval(this.timer);\n                this.timer = null;\n            }\n        },\n        onGutterKeyUp() {\n            this.clearTimer();\n            this.onResizeEnd();\n        },\n        onGutterKeyDown(event, index) {\n            switch (event.code) {\n                case 'ArrowLeft': {\n                    if (this.layout === 'horizontal') {\n                        this.setTimer(event, index, this.step * -1);\n                    }\n\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'ArrowRight': {\n                    if (this.layout === 'horizontal') {\n                        this.setTimer(event, index, this.step);\n                    }\n\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'ArrowDown': {\n                    if (this.layout === 'vertical') {\n                        this.setTimer(event, index, this.step * -1);\n                    }\n\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'ArrowUp': {\n                    if (this.layout === 'vertical') {\n                        this.setTimer(event, index, this.step);\n                    }\n\n                    event.preventDefault();\n                    break;\n                }\n\n                default:\n                    //no op\n                    break;\n            }\n        },\n        onGutterMouseDown(event, index) {\n            this.onResizeStart(event, index);\n            this.bindMouseListeners();\n        },\n        onGutterTouchStart(event, index) {\n            this.onResizeStart(event, index);\n            this.bindTouchListeners();\n            event.preventDefault();\n        },\n        onGutterTouchMove(event) {\n            this.onResize(event);\n            event.preventDefault();\n        },\n        onGutterTouchEnd(event) {\n            this.onResizeEnd(event);\n            this.unbindTouchListeners();\n            event.preventDefault();\n        },\n        bindMouseListeners() {\n            if (!this.mouseMoveListener) {\n                this.mouseMoveListener = (event) => this.onResize(event);\n                document.addEventListener('mousemove', this.mouseMoveListener);\n            }\n\n            if (!this.mouseUpListener) {\n                this.mouseUpListener = (event) => {\n                    this.onResizeEnd(event);\n                    this.unbindMouseListeners();\n                };\n\n                document.addEventListener('mouseup', this.mouseUpListener);\n            }\n        },\n        bindTouchListeners() {\n            if (!this.touchMoveListener) {\n                this.touchMoveListener = (event) => this.onResize(event.changedTouches[0]);\n                document.addEventListener('touchmove', this.touchMoveListener);\n            }\n\n            if (!this.touchEndListener) {\n                this.touchEndListener = (event) => {\n                    this.resizeEnd(event);\n                    this.unbindTouchListeners();\n                };\n\n                document.addEventListener('touchend', this.touchEndListener);\n            }\n        },\n        validateResize(newPrevPanelSize, newNextPanelSize) {\n            if (newPrevPanelSize > 100 || newPrevPanelSize < 0) return false;\n            if (newNextPanelSize > 100 || newNextPanelSize < 0) return false;\n\n            let prevPanelMinSize = getVNodeProp(this.panels[this.prevPanelIndex], 'minSize');\n\n            if (this.panels[this.prevPanelIndex].props && prevPanelMinSize && prevPanelMinSize > newPrevPanelSize) {\n                return false;\n            }\n\n            let newPanelMinSize = getVNodeProp(this.panels[this.prevPanelIndex + 1], 'minSize');\n\n            if (this.panels[this.prevPanelIndex + 1].props && newPanelMinSize && newPanelMinSize > newNextPanelSize) {\n                return false;\n            }\n\n            return true;\n        },\n        unbindMouseListeners() {\n            if (this.mouseMoveListener) {\n                document.removeEventListener('mousemove', this.mouseMoveListener);\n                this.mouseMoveListener = null;\n            }\n\n            if (this.mouseUpListener) {\n                document.removeEventListener('mouseup', this.mouseUpListener);\n                this.mouseUpListener = null;\n            }\n        },\n        unbindTouchListeners() {\n            if (this.touchMoveListener) {\n                document.removeEventListener('touchmove', this.touchMoveListener);\n                this.touchMoveListener = null;\n            }\n\n            if (this.touchEndListener) {\n                document.removeEventListener('touchend', this.touchEndListener);\n                this.touchEndListener = null;\n            }\n        },\n        clear() {\n            this.dragging = false;\n            this.size = null;\n            this.startPos = null;\n            this.prevPanelElement = null;\n            this.nextPanelElement = null;\n            this.prevPanelSize = null;\n            this.nextPanelSize = null;\n            this.gutterElement = null;\n            this.prevPanelIndex = null;\n        },\n        isStateful() {\n            return this.stateKey != null;\n        },\n        getStorage() {\n            switch (this.stateStorage) {\n                case 'local':\n                    return window.localStorage;\n\n                case 'session':\n                    return window.sessionStorage;\n\n                default:\n                    throw new Error(this.stateStorage + ' is not a valid value for the state storage, supported values are \"local\" and \"session\".');\n            }\n        },\n        saveState() {\n            if (isArray(this.panelSizes)) {\n                this.getStorage().setItem(this.stateKey, JSON.stringify(this.panelSizes));\n            }\n        },\n        restoreState() {\n            const storage = this.getStorage();\n            const stateString = storage.getItem(this.stateKey);\n\n            if (stateString) {\n                this.panelSizes = JSON.parse(stateString);\n                let children = [...this.$el.children].filter((child) => child.getAttribute('data-pc-name') === 'splitterpanel');\n\n                children.forEach((child, i) => {\n                    child.style.flexBasis = 'calc(' + this.panelSizes[i] + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';\n                });\n\n                return true;\n            }\n\n            return false;\n        },\n        resetState() {\n            this.initializePanels();\n        }\n    },\n    computed: {\n        panels() {\n            const panels = [];\n\n            this.$slots.default().forEach((child) => {\n                if (this.isSplitterPanel(child)) {\n                    panels.push(child);\n                } else if (child.children instanceof Array) {\n                    child.children.forEach((nestedChild) => {\n                        if (this.isSplitterPanel(nestedChild)) {\n                            panels.push(nestedChild);\n                        }\n                    });\n                }\n            });\n\n            return panels;\n        },\n        gutterStyle() {\n            if (this.horizontal) return { width: this.gutterSize + 'px' };\n            else return { height: this.gutterSize + 'px' };\n        },\n        horizontal() {\n            return this.layout === 'horizontal';\n        },\n        getPTOptions() {\n            return {\n                context: {\n                    nested: this.$parentInstance?.nestedState\n                }\n            };\n        }\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" :style=\"sx('root')\" :data-p-resizing=\"false\" v-bind=\"ptmi('root', getPTOptions)\">\n        <template v-for=\"(panel, i) of panels\" :key=\"i\">\n            <component :is=\"panel\" tabindex=\"-1\"></component>\n            <div\n                v-if=\"i !== panels.length - 1\"\n                ref=\"gutter\"\n                :class=\"cx('gutter')\"\n                role=\"separator\"\n                tabindex=\"-1\"\n                @mousedown=\"onGutterMouseDown($event, i)\"\n                @touchstart=\"onGutterTouchStart($event, i)\"\n                @touchmove=\"onGutterTouchMove($event, i)\"\n                @touchend=\"onGutterTouchEnd($event, i)\"\n                :data-p-gutter-resizing=\"false\"\n                v-bind=\"ptm('gutter')\"\n            >\n                <div :class=\"cx('gutterHandle')\" tabindex=\"0\" :style=\"[gutterStyle]\" :aria-orientation=\"layout\" :aria-valuenow=\"prevSize\" @keyup=\"onGutterKeyUp\" @keydown=\"onGutterKeyDown($event, i)\" v-bind=\"ptm('gutterHandle')\"></div>\n            </div>\n        </template>\n    </div>\n</template>\n\n<script>\nimport { getHeight, getOuterHeight, getOuterWidth, getWidth } from '@primeuix/utils/dom';\nimport { isArray } from '@primeuix/utils/object';\nimport { getVNodeProp } from '@primevue/core/utils';\nimport BaseSplitter from './BaseSplitter.vue';\n\nexport default {\n    name: 'Splitter',\n    extends: BaseSplitter,\n    inheritAttrs: false,\n    emits: ['resizestart', 'resizeend', 'resize'],\n    dragging: false,\n    mouseMoveListener: null,\n    mouseUpListener: null,\n    touchMoveListener: null,\n    touchEndListener: null,\n    size: null,\n    gutterElement: null,\n    startPos: null,\n    prevPanelElement: null,\n    nextPanelElement: null,\n    nextPanelSize: null,\n    prevPanelSize: null,\n    panelSizes: null,\n    prevPanelIndex: null,\n    timer: null,\n    data() {\n        return {\n            prevSize: null\n        };\n    },\n    mounted() {\n        this.initializePanels();\n    },\n    beforeUnmount() {\n        this.clear();\n        this.unbindMouseListeners();\n    },\n    methods: {\n        isSplitterPanel(child) {\n            return child.type.name === 'SplitterPanel';\n        },\n        initializePanels() {\n            if (this.panels && this.panels.length) {\n                let initialized = false;\n\n                if (this.isStateful()) {\n                    initialized = this.restoreState();\n                }\n\n                if (!initialized) {\n                    let children = [...this.$el.children].filter((child) => child.getAttribute('data-pc-name') === 'splitterpanel');\n                    let _panelSizes = [];\n\n                    this.panels.map((panel, i) => {\n                        let panelInitialSize = panel.props && panel.props.size ? panel.props.size : null;\n                        let panelSize = panelInitialSize || 100 / this.panels.length;\n\n                        _panelSizes[i] = panelSize;\n                        children[i].style.flexBasis = 'calc(' + panelSize + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';\n                    });\n\n                    this.panelSizes = _panelSizes;\n                    this.prevSize = parseFloat(_panelSizes[0]).toFixed(4);\n                }\n            }\n        },\n        onResizeStart(event, index, isKeyDown) {\n            this.gutterElement = event.currentTarget || event.target.parentElement;\n            this.size = this.horizontal ? getWidth(this.$el) : getHeight(this.$el);\n\n            if (!isKeyDown) {\n                this.dragging = true;\n                this.startPos = this.layout === 'horizontal' ? event.pageX || event.changedTouches[0].pageX : event.pageY || event.changedTouches[0].pageY;\n            }\n\n            this.prevPanelElement = this.gutterElement.previousElementSibling;\n            this.nextPanelElement = this.gutterElement.nextElementSibling;\n\n            if (isKeyDown) {\n                this.prevPanelSize = this.horizontal ? getOuterWidth(this.prevPanelElement, true) : getOuterHeight(this.prevPanelElement, true);\n                this.nextPanelSize = this.horizontal ? getOuterWidth(this.nextPanelElement, true) : getOuterHeight(this.nextPanelElement, true);\n            } else {\n                this.prevPanelSize = (100 * (this.horizontal ? getOuterWidth(this.prevPanelElement, true) : getOuterHeight(this.prevPanelElement, true))) / this.size;\n                this.nextPanelSize = (100 * (this.horizontal ? getOuterWidth(this.nextPanelElement, true) : getOuterHeight(this.nextPanelElement, true))) / this.size;\n            }\n\n            this.prevPanelIndex = index;\n            this.$emit('resizestart', { originalEvent: event, sizes: this.panelSizes });\n            this.$refs.gutter[index].setAttribute('data-p-gutter-resizing', true);\n            this.$el.setAttribute('data-p-resizing', true);\n        },\n        onResize(event, step, isKeyDown) {\n            let newPos, newPrevPanelSize, newNextPanelSize;\n\n            if (isKeyDown) {\n                if (this.horizontal) {\n                    newPrevPanelSize = (100 * (this.prevPanelSize + step)) / this.size;\n                    newNextPanelSize = (100 * (this.nextPanelSize - step)) / this.size;\n                } else {\n                    newPrevPanelSize = (100 * (this.prevPanelSize - step)) / this.size;\n                    newNextPanelSize = (100 * (this.nextPanelSize + step)) / this.size;\n                }\n            } else {\n                if (this.horizontal) newPos = (event.pageX * 100) / this.size - (this.startPos * 100) / this.size;\n                else newPos = (event.pageY * 100) / this.size - (this.startPos * 100) / this.size;\n\n                newPrevPanelSize = this.prevPanelSize + newPos;\n                newNextPanelSize = this.nextPanelSize - newPos;\n            }\n\n            if (this.validateResize(newPrevPanelSize, newNextPanelSize)) {\n                this.prevPanelElement.style.flexBasis = 'calc(' + newPrevPanelSize + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';\n                this.nextPanelElement.style.flexBasis = 'calc(' + newNextPanelSize + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';\n                this.panelSizes[this.prevPanelIndex] = newPrevPanelSize;\n                this.panelSizes[this.prevPanelIndex + 1] = newNextPanelSize;\n                this.prevSize = parseFloat(newPrevPanelSize).toFixed(4);\n            }\n\n            this.$emit('resize', { originalEvent: event, sizes: this.panelSizes });\n        },\n        onResizeEnd(event) {\n            if (this.isStateful()) {\n                this.saveState();\n            }\n\n            this.$emit('resizeend', { originalEvent: event, sizes: this.panelSizes });\n            this.$refs.gutter.forEach((gutter) => gutter.setAttribute('data-p-gutter-resizing', false));\n            this.$el.setAttribute('data-p-resizing', false);\n            this.clear();\n        },\n        repeat(event, index, step) {\n            this.onResizeStart(event, index, true);\n            this.onResize(event, step, true);\n        },\n        setTimer(event, index, step) {\n            if (!this.timer) {\n                this.timer = setInterval(() => {\n                    this.repeat(event, index, step);\n                }, 40);\n            }\n        },\n        clearTimer() {\n            if (this.timer) {\n                clearInterval(this.timer);\n                this.timer = null;\n            }\n        },\n        onGutterKeyUp() {\n            this.clearTimer();\n            this.onResizeEnd();\n        },\n        onGutterKeyDown(event, index) {\n            switch (event.code) {\n                case 'ArrowLeft': {\n                    if (this.layout === 'horizontal') {\n                        this.setTimer(event, index, this.step * -1);\n                    }\n\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'ArrowRight': {\n                    if (this.layout === 'horizontal') {\n                        this.setTimer(event, index, this.step);\n                    }\n\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'ArrowDown': {\n                    if (this.layout === 'vertical') {\n                        this.setTimer(event, index, this.step * -1);\n                    }\n\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'ArrowUp': {\n                    if (this.layout === 'vertical') {\n                        this.setTimer(event, index, this.step);\n                    }\n\n                    event.preventDefault();\n                    break;\n                }\n\n                default:\n                    //no op\n                    break;\n            }\n        },\n        onGutterMouseDown(event, index) {\n            this.onResizeStart(event, index);\n            this.bindMouseListeners();\n        },\n        onGutterTouchStart(event, index) {\n            this.onResizeStart(event, index);\n            this.bindTouchListeners();\n            event.preventDefault();\n        },\n        onGutterTouchMove(event) {\n            this.onResize(event);\n            event.preventDefault();\n        },\n        onGutterTouchEnd(event) {\n            this.onResizeEnd(event);\n            this.unbindTouchListeners();\n            event.preventDefault();\n        },\n        bindMouseListeners() {\n            if (!this.mouseMoveListener) {\n                this.mouseMoveListener = (event) => this.onResize(event);\n                document.addEventListener('mousemove', this.mouseMoveListener);\n            }\n\n            if (!this.mouseUpListener) {\n                this.mouseUpListener = (event) => {\n                    this.onResizeEnd(event);\n                    this.unbindMouseListeners();\n                };\n\n                document.addEventListener('mouseup', this.mouseUpListener);\n            }\n        },\n        bindTouchListeners() {\n            if (!this.touchMoveListener) {\n                this.touchMoveListener = (event) => this.onResize(event.changedTouches[0]);\n                document.addEventListener('touchmove', this.touchMoveListener);\n            }\n\n            if (!this.touchEndListener) {\n                this.touchEndListener = (event) => {\n                    this.resizeEnd(event);\n                    this.unbindTouchListeners();\n                };\n\n                document.addEventListener('touchend', this.touchEndListener);\n            }\n        },\n        validateResize(newPrevPanelSize, newNextPanelSize) {\n            if (newPrevPanelSize > 100 || newPrevPanelSize < 0) return false;\n            if (newNextPanelSize > 100 || newNextPanelSize < 0) return false;\n\n            let prevPanelMinSize = getVNodeProp(this.panels[this.prevPanelIndex], 'minSize');\n\n            if (this.panels[this.prevPanelIndex].props && prevPanelMinSize && prevPanelMinSize > newPrevPanelSize) {\n                return false;\n            }\n\n            let newPanelMinSize = getVNodeProp(this.panels[this.prevPanelIndex + 1], 'minSize');\n\n            if (this.panels[this.prevPanelIndex + 1].props && newPanelMinSize && newPanelMinSize > newNextPanelSize) {\n                return false;\n            }\n\n            return true;\n        },\n        unbindMouseListeners() {\n            if (this.mouseMoveListener) {\n                document.removeEventListener('mousemove', this.mouseMoveListener);\n                this.mouseMoveListener = null;\n            }\n\n            if (this.mouseUpListener) {\n                document.removeEventListener('mouseup', this.mouseUpListener);\n                this.mouseUpListener = null;\n            }\n        },\n        unbindTouchListeners() {\n            if (this.touchMoveListener) {\n                document.removeEventListener('touchmove', this.touchMoveListener);\n                this.touchMoveListener = null;\n            }\n\n            if (this.touchEndListener) {\n                document.removeEventListener('touchend', this.touchEndListener);\n                this.touchEndListener = null;\n            }\n        },\n        clear() {\n            this.dragging = false;\n            this.size = null;\n            this.startPos = null;\n            this.prevPanelElement = null;\n            this.nextPanelElement = null;\n            this.prevPanelSize = null;\n            this.nextPanelSize = null;\n            this.gutterElement = null;\n            this.prevPanelIndex = null;\n        },\n        isStateful() {\n            return this.stateKey != null;\n        },\n        getStorage() {\n            switch (this.stateStorage) {\n                case 'local':\n                    return window.localStorage;\n\n                case 'session':\n                    return window.sessionStorage;\n\n                default:\n                    throw new Error(this.stateStorage + ' is not a valid value for the state storage, supported values are \"local\" and \"session\".');\n            }\n        },\n        saveState() {\n            if (isArray(this.panelSizes)) {\n                this.getStorage().setItem(this.stateKey, JSON.stringify(this.panelSizes));\n            }\n        },\n        restoreState() {\n            const storage = this.getStorage();\n            const stateString = storage.getItem(this.stateKey);\n\n            if (stateString) {\n                this.panelSizes = JSON.parse(stateString);\n                let children = [...this.$el.children].filter((child) => child.getAttribute('data-pc-name') === 'splitterpanel');\n\n                children.forEach((child, i) => {\n                    child.style.flexBasis = 'calc(' + this.panelSizes[i] + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';\n                });\n\n                return true;\n            }\n\n            return false;\n        },\n        resetState() {\n            this.initializePanels();\n        }\n    },\n    computed: {\n        panels() {\n            const panels = [];\n\n            this.$slots.default().forEach((child) => {\n                if (this.isSplitterPanel(child)) {\n                    panels.push(child);\n                } else if (child.children instanceof Array) {\n                    child.children.forEach((nestedChild) => {\n                        if (this.isSplitterPanel(nestedChild)) {\n                            panels.push(nestedChild);\n                        }\n                    });\n                }\n            });\n\n            return panels;\n        },\n        gutterStyle() {\n            if (this.horizontal) return { width: this.gutterSize + 'px' };\n            else return { height: this.gutterSize + 'px' };\n        },\n        horizontal() {\n            return this.layout === 'horizontal';\n        },\n        getPTOptions() {\n            return {\n                context: {\n                    nested: this.$parentInstance?.nestedState\n                }\n            };\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","layout","type","String","gutterSize","Number","stateKey","stateStorage","step","style","SplitterStyle","provide","$pcSplitter","$parentInstance","BaseSplitter","inheritAttrs","emits","dragging","mouseMoveListener","mouseUpListener","touchMoveListener","touchEndListener","size","gutterElement","startPos","prevPanelElement","nextPanelElement","nextPanelSize","prevPanelSize","panelSizes","prevPanelIndex","timer","data","prevSize","mounted","initializePanels","beforeUnmount","clear","unbindMouseListeners","methods","isSplitterPanel","child","_this","panels","length","initialized","isStateful","restoreState","children","_toConsumableArray","$el","filter","getAttribute","_panelSizes","map","panel","i","panelInitialSize","panelSize","flexBasis","parseFloat","toFixed","onResizeStart","event","index","isKeyDown","currentTarget","target","parentElement","horizontal","getWidth","getHeight","pageX","changedTouches","pageY","previousElementSibling","nextElementSibling","getOuterWidth","getOuterHeight","$emit","originalEvent","sizes","$refs","gutter","setAttribute","onResize","newPos","newPrevPanelSize","newNextPanelSize","validateResize","onResizeEnd","saveState","forEach","repeat","setTimer","_this2","setInterval","clearTimer","clearInterval","onGutterKeyUp","onGutterKeyDown","code","preventDefault","onGutterMouseDown","bindMouseListeners","onGutterTouchStart","bindTouchListeners","onGutterTouchMove","onGutterTouchEnd","unbindTouchListeners","_this3","document","addEventListener","_this4","resizeEnd","prevPanelMinSize","getVNodeProp","newPanelMinSize","removeEventListener","getStorage","window","localStorage","sessionStorage","Error","isArray","setItem","JSON","stringify","_this5","storage","stateString","getItem","parse","resetState","computed","_this6","$slots","push","Array","nestedChild","gutterStyle","width","height","getPTOptions","_this$$parentInstance","context","nested","nestedState","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","sx","ptmi","$options","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","tabindex","ref","role","onMousedown","$event","onTouchstart","onTouchmove","onTouchend","ptm","_createElementVNode","$data","onKeyup","apply","arguments","onKeydown","_hoisted_2"],"mappings":"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"}

package/tieredmenu/BaseTieredMenu.vue

@@ -18,6 +18,10 @@ export default {
             type: [String, Object],
             default: 'body'
         },
+        breakpoint: {
+            type: String,
+            default: '960px'
+        },
         autoZIndex: {
             type: Boolean,
             default: true

package/tieredmenu/TieredMenu.vue

@@ -8,6 +8,7 @@
                 <TieredMenuSub
                     :ref="menubarRef"
                     :id="id + '_list'"
+                    :class="cx('rootList')"
                     :tabindex="!disabled ? tabindex : -1"
                     role="menubar"
                     :aria-label="ariaLabel"
@@ -30,6 +31,7 @@
                     @item-click="onItemClick"
                     @item-mouseenter="onItemMouseEnter"
                     @item-mousemove="onItemMouseMove"
+                    v-bind="ptm('rootList')"
                 />
                 <div v-if="$slots.end" :class="cx('end')" v-bind="ptm('end')">
                     <slot name="end"></slot>
@@ -40,10 +42,10 @@
 </template>
 
 <script>
-import { ConnectedOverlayScrollHandler, UniqueComponentId } from '@primevue/core/utils';
-import { focus, findSingle, addStyle, absolutePosition, getOuterWidth, isTouchDevice } from '@primeuix/utils/dom';
-import { isNotEmpty, resolve, isPrintableCharacter, isEmpty, findLastIndex } from '@primeuix/utils/object';
+import { absolutePosition, addStyle, findSingle, focus, getOuterWidth, isTouchDevice } from '@primeuix/utils/dom';
+import { findLastIndex, isEmpty, isNotEmpty, isPrintableCharacter, resolve } from '@primeuix/utils/object';
 import { ZIndex } from '@primeuix/utils/zindex';
+import { ConnectedOverlayScrollHandler, UniqueComponentId } from '@primevue/core/utils';
 import OverlayEventBus from 'primevue/overlayeventbus';
 import Portal from 'primevue/portal';
 import BaseTieredMenu from './BaseTieredMenu.vue';
@@ -55,6 +57,7 @@ export default {
     inheritAttrs: false,
     emits: ['focus', 'blur', 'before-show', 'before-hide', 'hide', 'show'],
     outsideClickListener: null,
+    matchMediaListener: null,
     scrollHandler: null,
     resizeListener: null,
     target: null,
@@ -70,7 +73,9 @@ export default {
             activeItemPath: [],
             visible: !this.popup,
             submenuVisible: false,
-            dirty: false
+            dirty: false,
+            query: null,
+            queryMatches: false
         };
     },
     watch: {
@@ -91,10 +96,12 @@ export default {
     },
     mounted() {
         this.id = this.id || UniqueComponentId();
+        this.bindMatchMediaListener();
     },
     beforeUnmount() {
         this.unbindOutsideClickListener();
         this.unbindResizeListener();
+        this.unbindMatchMediaListener();
 
         if (this.scrollHandler) {
             this.scrollHandler.destroy();
@@ -496,6 +503,26 @@ export default {
                 this.resizeListener = null;
             }
         },
+        bindMatchMediaListener() {
+            if (!this.matchMediaListener) {
+                const query = matchMedia(`(max-width: ${this.breakpoint})`);
+
+                this.query = query;
+                this.queryMatches = query.matches;
+
+                this.matchMediaListener = () => {
+                    this.queryMatches = query.matches;
+                };
+
+                this.query.addEventListener('change', this.matchMediaListener);
+            }
+        },
+        unbindMatchMediaListener() {
+            if (this.matchMediaListener) {
+                this.query.removeEventListener('change', this.matchMediaListener);
+                this.matchMediaListener = null;
+            }
+        },
         isItemMatched(processedItem) {
             return this.isValidItem(processedItem) && this.getProccessedItemLabel(processedItem)?.toLocaleLowerCase().startsWith(this.searchValue.toLocaleLowerCase());
         },

package/tieredmenu/TieredMenuSub.vue

@@ -1,6 +1,6 @@
 <template>
     <transition name="p-tieredmenu" @enter="onEnter" v-bind="ptm('menu.transition')">
-        <ul v-if="level === 0 ? true : visible" :ref="containerRef" :class="level === 0 ? cx('rootList') : cx('submenu')" :tabindex="tabindex" v-bind="level === 0 ? ptm('rootList') : ptm('submenu')">
+        <ul v-if="level === 0 ? true : visible" :ref="containerRef" :tabindex="tabindex">
             <template v-for="(processedItem, index) of items" :key="getItemKey(processedItem)">
                 <li
                     v-if="isItemVisible(processedItem) && !getItemProp(processedItem, 'separator')"
@@ -43,6 +43,7 @@
                     <TieredMenuSub
                         v-if="isItemVisible(processedItem) && isItemGroup(processedItem)"
                         :id="getItemId(processedItem) + '_list'"
+                        :class="cx('submenu')"
                         :style="sx('submenu', true, { processedItem })"
                         :aria-labelledby="getItemLabelId(processedItem)"
                         role="menu"
@@ -58,6 +59,7 @@
                         @item-click="$emit('item-click', $event)"
                         @item-mouseenter="$emit('item-mouseenter', $event)"
                         @item-mousemove="$emit('item-mousemove', $event)"
+                        v-bind="ptm('submenu')"
                     />
                 </li>
                 <li

package/tieredmenu/index.d.ts

@@ -226,6 +226,11 @@ export interface TieredMenuProps {
      * @defaultValue false
      */
     popup?: boolean | undefined;
+    /**
+     * The breakpoint to define the maximum width boundary.
+     * @defaultValue 960px
+     */
+    breakpoint?: string | undefined;
     /**
      * A valid query selector or an HTMLElement to specify where the overlay gets attached.
      * @defaultValue body