primevue 4.3.2 → 4.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/autocomplete/AutoComplete.vue +56 -10
- package/autocomplete/index.mjs +67 -33
- package/autocomplete/index.mjs.map +1 -1
- package/cascadeselect/CascadeSelect.vue +1 -1
- package/cascadeselect/index.mjs +1 -2
- package/cascadeselect/index.mjs.map +1 -1
- package/checkbox/Checkbox.vue +1 -1
- package/checkbox/index.mjs +2 -1
- package/checkbox/index.mjs.map +1 -1
- package/chip/BaseChip.vue +1 -1
- package/chip/index.d.ts +1 -1
- package/chip/index.mjs +1 -1
- package/chip/index.mjs.map +1 -1
- package/colorpicker/ColorPicker.vue +1 -1
- package/colorpicker/index.mjs +1 -1
- package/colorpicker/index.mjs.map +1 -1
- package/datatable/BodyCell.vue +1 -0
- package/datatable/ColumnFilter.vue +1 -1
- package/datatable/DataTable.vue +103 -44
- package/datatable/HeaderCheckbox.vue +2 -2
- package/datatable/RowCheckbox.vue +1 -1
- package/datatable/TableBody.vue +12 -1
- package/datatable/TableFooter.vue +9 -1
- package/datatable/TableHeader.vue +9 -2
- package/datatable/index.d.ts +35 -27
- package/datatable/index.mjs +163 -99
- package/datatable/index.mjs.map +1 -1
- package/dataview/DataView.vue +4 -0
- package/dataview/index.d.ts +58 -1
- package/dataview/index.mjs +6 -2
- package/dataview/index.mjs.map +1 -1
- package/datepicker/DatePicker.vue +369 -233
- package/datepicker/index.d.ts +156 -0
- package/datepicker/index.mjs +643 -383
- package/datepicker/index.mjs.map +1 -1
- package/drawer/Drawer.vue +30 -20
- package/drawer/index.d.ts +10 -0
- package/drawer/index.mjs +42 -25
- package/drawer/index.mjs.map +1 -1
- package/fileupload/FileUpload.vue +1 -1
- package/fileupload/index.mjs +2 -2
- package/fileupload/index.mjs.map +1 -1
- package/galleria/Galleria.vue +39 -3
- package/galleria/index.mjs +40 -3
- package/galleria/index.mjs.map +1 -1
- package/inplace/Inplace.vue +1 -1
- package/inplace/index.mjs +3 -2
- package/inplace/index.mjs.map +1 -1
- package/inputnumber/BaseInputNumber.vue +4 -0
- package/inputnumber/InputNumber.vue +2 -9
- package/inputnumber/index.mjs +7 -8
- package/inputnumber/index.mjs.map +1 -1
- package/inputtext/index.d.ts +1 -2
- package/keyfilter/index.mjs +12 -19
- package/keyfilter/index.mjs.map +1 -1
- package/listbox/Listbox.vue +9 -2
- package/listbox/index.mjs +11 -3
- package/listbox/index.mjs.map +1 -1
- package/menu/Menu.vue +8 -2
- package/menu/Menuitem.vue +14 -4
- package/menu/index.mjs +36 -16
- package/menu/index.mjs.map +1 -1
- package/metergroup/MeterGroup.vue +9 -3
- package/metergroup/MeterGroupLabel.vue +10 -1
- package/metergroup/index.mjs +32 -7
- package/metergroup/index.mjs.map +1 -1
- package/multiselect/MultiSelect.vue +36 -5
- package/multiselect/index.mjs +49 -20
- package/multiselect/index.mjs.map +1 -1
- package/package.json +3 -3
- package/paginator/Paginator.vue +2 -0
- package/paginator/index.d.ts +8 -0
- package/paginator/index.mjs +3 -1
- package/paginator/index.mjs.map +1 -1
- package/panelmenu/PanelMenuList.vue +1 -1
- package/panelmenu/index.mjs +1 -1
- package/panelmenu/index.mjs.map +1 -1
- package/password/Password.vue +21 -3
- package/password/index.d.ts +1 -1
- package/password/index.mjs +32 -10
- package/password/index.mjs.map +1 -1
- package/popover/Popover.vue +1 -1
- package/popover/index.mjs +1 -2
- package/popover/index.mjs.map +1 -1
- package/progressbar/ProgressBar.vue +4 -4
- package/progressbar/index.mjs +8 -12
- package/progressbar/index.mjs.map +1 -1
- package/scrolltop/ScrollTop.vue +2 -2
- package/scrolltop/index.mjs +4 -2
- package/scrolltop/index.mjs.map +1 -1
- package/select/Select.vue +48 -12
- package/select/index.mjs +104 -71
- package/select/index.mjs.map +1 -1
- package/splitter/Splitter.vue +10 -2
- package/splitter/index.mjs +19 -6
- package/splitter/index.mjs.map +1 -1
- package/step/Step.vue +25 -7
- package/step/index.mjs +44 -14
- package/step/index.mjs.map +1 -1
- package/steppanel/StepPanel.vue +9 -3
- package/steppanel/index.d.ts +8 -0
- package/steppanel/index.mjs +23 -8
- package/steppanel/index.mjs.map +1 -1
- package/stepper/StepperSeparator.vue +5 -2
- package/tab/Tab.vue +4 -4
- package/tab/index.mjs +4 -4
- package/tab/index.mjs.map +1 -1
- package/tablist/TabList.vue +3 -0
- package/tablist/index.mjs +1 -0
- package/tablist/index.mjs.map +1 -1
- package/tabpanel/TabPanel.vue +2 -2
- package/tabpanel/index.mjs +2 -2
- package/tabpanel/index.mjs.map +1 -1
- package/textarea/index.d.ts +1 -2
- package/tieredmenu/TieredMenu.vue +1 -1
- package/tieredmenu/index.mjs +1 -2
- package/tieredmenu/index.mjs.map +1 -1
- package/tooltip/index.mjs +22 -16
- package/tooltip/index.mjs.map +1 -1
- package/tree/Tree.vue +14 -2
- package/tree/TreeNode.vue +2 -2
- package/tree/index.mjs +28 -10
- package/tree/index.mjs.map +1 -1
- package/treeselect/TreeSelect.vue +1 -1
- package/treeselect/index.mjs +1 -2
- package/treeselect/index.mjs.map +1 -1
- package/umd/primevue.min.js +1 -1
- package/virtualscroller/VirtualScroller.vue +13 -2
- package/virtualscroller/index.mjs +14 -4
- package/virtualscroller/index.mjs.map +1 -1
- package/virtualscroller/style/index.mjs +1 -1
- package/virtualscroller/style/index.mjs.map +1 -1
- package/web-types.json +1 -1
package/splitter/Splitter.vue
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div :class="cx('root')" :style="sx('root')" :data-p-resizing="false" v-bind="ptmi('root', getPTOptions)">
|
|
2
|
+
<div :class="cx('root')" :style="sx('root')" :data-p-resizing="false" :data-p="dataP" v-bind="ptmi('root', getPTOptions)">
|
|
3
3
|
<template v-for="(panel, i) of panels" :key="i">
|
|
4
4
|
<component :is="panel" tabindex="-1"></component>
|
|
5
5
|
<div
|
|
@@ -13,15 +13,17 @@
|
|
|
13
13
|
@touchmove="onGutterTouchMove($event, i)"
|
|
14
14
|
@touchend="onGutterTouchEnd($event, i)"
|
|
15
15
|
:data-p-gutter-resizing="false"
|
|
16
|
+
:data-p="dataP"
|
|
16
17
|
v-bind="ptm('gutter')"
|
|
17
18
|
>
|
|
18
|
-
<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>
|
|
19
|
+
<div :class="cx('gutterHandle')" tabindex="0" :style="[gutterStyle]" :aria-orientation="layout" :aria-valuenow="prevSize" @keyup="onGutterKeyUp" @keydown="onGutterKeyDown($event, i)" :data-p="dataP" v-bind="ptm('gutterHandle')"></div>
|
|
19
20
|
</div>
|
|
20
21
|
</template>
|
|
21
22
|
</div>
|
|
22
23
|
</template>
|
|
23
24
|
|
|
24
25
|
<script>
|
|
26
|
+
import { cn } from '@primeuix/utils';
|
|
25
27
|
import { getHeight, getOuterHeight, getOuterWidth, getWidth, isRTL } from '@primeuix/utils/dom';
|
|
26
28
|
import { isArray, isNotEmpty } from '@primeuix/utils/object';
|
|
27
29
|
import { getVNodeProp } from '@primevue/core/utils';
|
|
@@ -411,6 +413,12 @@ export default {
|
|
|
411
413
|
}
|
|
412
414
|
|
|
413
415
|
return 0;
|
|
416
|
+
},
|
|
417
|
+
dataP() {
|
|
418
|
+
return cn({
|
|
419
|
+
[this.layout]: this.layout,
|
|
420
|
+
nested: this.$parentInstance?.nestedState != null
|
|
421
|
+
});
|
|
414
422
|
}
|
|
415
423
|
}
|
|
416
424
|
};
|
package/splitter/index.mjs
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { cn } from '@primeuix/utils';
|
|
1
2
|
import { isRTL, getWidth, getHeight, getOuterWidth, getOuterHeight } from '@primeuix/utils/dom';
|
|
2
3
|
import { isArray, isNotEmpty } from '@primeuix/utils/object';
|
|
3
4
|
import { getVNodeProp } from '@primevue/core/utils';
|
|
@@ -39,6 +40,10 @@ var script$1 = {
|
|
|
39
40
|
}
|
|
40
41
|
};
|
|
41
42
|
|
|
43
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
44
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
|
|
45
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
46
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
42
47
|
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
|
|
43
48
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
44
49
|
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
@@ -415,17 +420,23 @@ var script = {
|
|
|
415
420
|
return nextPanelMinSize;
|
|
416
421
|
}
|
|
417
422
|
return 0;
|
|
423
|
+
},
|
|
424
|
+
dataP: function dataP() {
|
|
425
|
+
var _this$$parentInstance2;
|
|
426
|
+
return cn(_defineProperty(_defineProperty({}, this.layout, this.layout), "nested", ((_this$$parentInstance2 = this.$parentInstance) === null || _this$$parentInstance2 === void 0 ? void 0 : _this$$parentInstance2.nestedState) != null));
|
|
418
427
|
}
|
|
419
428
|
}
|
|
420
429
|
};
|
|
421
430
|
|
|
422
|
-
var _hoisted_1 = ["
|
|
423
|
-
var _hoisted_2 = ["
|
|
431
|
+
var _hoisted_1 = ["data-p"];
|
|
432
|
+
var _hoisted_2 = ["onMousedown", "onTouchstart", "onTouchmove", "onTouchend", "data-p"];
|
|
433
|
+
var _hoisted_3 = ["aria-orientation", "aria-valuenow", "onKeydown", "data-p"];
|
|
424
434
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
425
435
|
return openBlock(), createElementBlock("div", mergeProps({
|
|
426
436
|
"class": _ctx.cx('root'),
|
|
427
437
|
style: _ctx.sx('root'),
|
|
428
|
-
"data-p-resizing": false
|
|
438
|
+
"data-p-resizing": false,
|
|
439
|
+
"data-p": $options.dataP
|
|
429
440
|
}, _ctx.ptmi('root', $options.getPTOptions)), [(openBlock(true), createElementBlock(Fragment, null, renderList($options.panels, function (panel, i) {
|
|
430
441
|
return openBlock(), createElementBlock(Fragment, {
|
|
431
442
|
key: i
|
|
@@ -450,7 +461,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
450
461
|
onTouchend: function onTouchend($event) {
|
|
451
462
|
return $options.onGutterTouchEnd($event, i);
|
|
452
463
|
},
|
|
453
|
-
"data-p-gutter-resizing": false
|
|
464
|
+
"data-p-gutter-resizing": false,
|
|
465
|
+
"data-p": $options.dataP
|
|
454
466
|
}, _ctx.ptm('gutter')), [createElementVNode("div", mergeProps({
|
|
455
467
|
"class": _ctx.cx('gutterHandle'),
|
|
456
468
|
tabindex: "0",
|
|
@@ -463,9 +475,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
463
475
|
onKeydown: function onKeydown($event) {
|
|
464
476
|
return $options.onGutterKeyDown($event, i);
|
|
465
477
|
},
|
|
478
|
+
"data-p": $options.dataP,
|
|
466
479
|
ref_for: true
|
|
467
|
-
}, _ctx.ptm('gutterHandle')), null, 16,
|
|
468
|
-
}), 128))], 16);
|
|
480
|
+
}, _ctx.ptm('gutterHandle')), null, 16, _hoisted_3)], 16, _hoisted_2)) : createCommentVNode("", true)], 64);
|
|
481
|
+
}), 128))], 16, _hoisted_1);
|
|
469
482
|
}
|
|
470
483
|
|
|
471
484
|
script.render = render;
|
package/splitter/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/splitter/BaseSplitter.vue","../../src/splitter/Splitter.vue","../../src/splitter/Splitter.vue?vue&type=template&id=561e5db4&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, isRTL } from '@primeuix/utils/dom';\nimport { isArray, isNotEmpty } 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 && isNotEmpty(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) {\n if (isRTL(this.$el)) {\n newPos = ((this.startPos - event.pageX) * 100) / this.size;\n } else {\n newPos = ((event.pageX - this.startPos) * 100) / this.size;\n }\n } else {\n newPos = ((event.pageY - this.startPos) * 100) / this.size;\n }\n\n newPrevPanelSize = this.prevPanelSize + newPos;\n newNextPanelSize = this.nextPanelSize - newPos;\n }\n\n if (!this.validateResize(newPrevPanelSize, newNextPanelSize)) {\n newPrevPanelSize = Math.min(Math.max(this.prevPanelMinSize, newPrevPanelSize), 100 - this.nextPanelMinSize);\n newNextPanelSize = Math.min(Math.max(this.nextPanelMinSize, newNextPanelSize), 100 - this.prevPanelMinSize);\n }\n\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 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 if (this.prevPanelMinSize > newPrevPanelSize) {\n return false;\n }\n\n if (this.nextPanelMinSize > 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 prevPanelMinSize() {\n const prevPanelMinSize = getVNodeProp(this.panels[this.prevPanelIndex], 'minSize');\n\n if (this.panels[this.prevPanelIndex].props && prevPanelMinSize) {\n return prevPanelMinSize;\n }\n\n return 0;\n },\n nextPanelMinSize() {\n const nextPanelMinSize = getVNodeProp(this.panels[this.prevPanelIndex + 1], 'minSize');\n\n if (this.panels[this.prevPanelIndex + 1].props && nextPanelMinSize) {\n return nextPanelMinSize;\n }\n\n return 0;\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, isRTL } from '@primeuix/utils/dom';\nimport { isArray, isNotEmpty } 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 && isNotEmpty(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) {\n if (isRTL(this.$el)) {\n newPos = ((this.startPos - event.pageX) * 100) / this.size;\n } else {\n newPos = ((event.pageX - this.startPos) * 100) / this.size;\n }\n } else {\n newPos = ((event.pageY - this.startPos) * 100) / this.size;\n }\n\n newPrevPanelSize = this.prevPanelSize + newPos;\n newNextPanelSize = this.nextPanelSize - newPos;\n }\n\n if (!this.validateResize(newPrevPanelSize, newNextPanelSize)) {\n newPrevPanelSize = Math.min(Math.max(this.prevPanelMinSize, newPrevPanelSize), 100 - this.nextPanelMinSize);\n newNextPanelSize = Math.min(Math.max(this.nextPanelMinSize, newNextPanelSize), 100 - this.prevPanelMinSize);\n }\n\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 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 if (this.prevPanelMinSize > newPrevPanelSize) {\n return false;\n }\n\n if (this.nextPanelMinSize > 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 prevPanelMinSize() {\n const prevPanelMinSize = getVNodeProp(this.panels[this.prevPanelIndex], 'minSize');\n\n if (this.panels[this.prevPanelIndex].props && prevPanelMinSize) {\n return prevPanelMinSize;\n }\n\n return 0;\n },\n nextPanelMinSize() {\n const nextPanelMinSize = getVNodeProp(this.panels[this.prevPanelIndex + 1], 'minSize');\n\n if (this.panels[this.prevPanelIndex + 1].props && nextPanelMinSize) {\n return nextPanelMinSize;\n }\n\n return 0;\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","isNotEmpty","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","isRTL","validateResize","Math","min","max","prevPanelMinSize","nextPanelMinSize","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","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","getVNodeProp","_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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"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/splitter/BaseSplitter.vue","../../src/splitter/Splitter.vue","../../src/splitter/Splitter.vue?vue&type=template&id=4b1de5d4&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\" :data-p=\"dataP\" 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 :data-p=\"dataP\"\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)\" :data-p=\"dataP\" v-bind=\"ptm('gutterHandle')\"></div>\n </div>\n </template>\n </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { getHeight, getOuterHeight, getOuterWidth, getWidth, isRTL } from '@primeuix/utils/dom';\nimport { isArray, isNotEmpty } 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 && isNotEmpty(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) {\n if (isRTL(this.$el)) {\n newPos = ((this.startPos - event.pageX) * 100) / this.size;\n } else {\n newPos = ((event.pageX - this.startPos) * 100) / this.size;\n }\n } else {\n newPos = ((event.pageY - this.startPos) * 100) / this.size;\n }\n\n newPrevPanelSize = this.prevPanelSize + newPos;\n newNextPanelSize = this.nextPanelSize - newPos;\n }\n\n if (!this.validateResize(newPrevPanelSize, newNextPanelSize)) {\n newPrevPanelSize = Math.min(Math.max(this.prevPanelMinSize, newPrevPanelSize), 100 - this.nextPanelMinSize);\n newNextPanelSize = Math.min(Math.max(this.nextPanelMinSize, newNextPanelSize), 100 - this.prevPanelMinSize);\n }\n\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 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 if (this.prevPanelMinSize > newPrevPanelSize) {\n return false;\n }\n\n if (this.nextPanelMinSize > 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 prevPanelMinSize() {\n const prevPanelMinSize = getVNodeProp(this.panels[this.prevPanelIndex], 'minSize');\n\n if (this.panels[this.prevPanelIndex].props && prevPanelMinSize) {\n return prevPanelMinSize;\n }\n\n return 0;\n },\n nextPanelMinSize() {\n const nextPanelMinSize = getVNodeProp(this.panels[this.prevPanelIndex + 1], 'minSize');\n\n if (this.panels[this.prevPanelIndex + 1].props && nextPanelMinSize) {\n return nextPanelMinSize;\n }\n\n return 0;\n },\n dataP() {\n return cn({\n [this.layout]: this.layout,\n nested: this.$parentInstance?.nestedState != null\n });\n }\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" :style=\"sx('root')\" :data-p-resizing=\"false\" :data-p=\"dataP\" 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 :data-p=\"dataP\"\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)\" :data-p=\"dataP\" v-bind=\"ptm('gutterHandle')\"></div>\n </div>\n </template>\n </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { getHeight, getOuterHeight, getOuterWidth, getWidth, isRTL } from '@primeuix/utils/dom';\nimport { isArray, isNotEmpty } 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 && isNotEmpty(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) {\n if (isRTL(this.$el)) {\n newPos = ((this.startPos - event.pageX) * 100) / this.size;\n } else {\n newPos = ((event.pageX - this.startPos) * 100) / this.size;\n }\n } else {\n newPos = ((event.pageY - this.startPos) * 100) / this.size;\n }\n\n newPrevPanelSize = this.prevPanelSize + newPos;\n newNextPanelSize = this.nextPanelSize - newPos;\n }\n\n if (!this.validateResize(newPrevPanelSize, newNextPanelSize)) {\n newPrevPanelSize = Math.min(Math.max(this.prevPanelMinSize, newPrevPanelSize), 100 - this.nextPanelMinSize);\n newNextPanelSize = Math.min(Math.max(this.nextPanelMinSize, newNextPanelSize), 100 - this.prevPanelMinSize);\n }\n\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 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 if (this.prevPanelMinSize > newPrevPanelSize) {\n return false;\n }\n\n if (this.nextPanelMinSize > 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 prevPanelMinSize() {\n const prevPanelMinSize = getVNodeProp(this.panels[this.prevPanelIndex], 'minSize');\n\n if (this.panels[this.prevPanelIndex].props && prevPanelMinSize) {\n return prevPanelMinSize;\n }\n\n return 0;\n },\n nextPanelMinSize() {\n const nextPanelMinSize = getVNodeProp(this.panels[this.prevPanelIndex + 1], 'minSize');\n\n if (this.panels[this.prevPanelIndex + 1].props && nextPanelMinSize) {\n return nextPanelMinSize;\n }\n\n return 0;\n },\n dataP() {\n return cn({\n [this.layout]: this.layout,\n nested: this.$parentInstance?.nestedState != null\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","isNotEmpty","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","isRTL","validateResize","Math","min","max","prevPanelMinSize","nextPanelMinSize","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","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","getVNodeProp","dataP","_this$$parentInstance2","cn","_defineProperty","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","sx","$options","ptmi","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","tabindex","ref","role","onMousedown","$event","onTouchstart","onTouchmove","onTouchend","ptm","_createElementVNode","$data","onKeyup","apply","arguments","onKeydown","_hoisted_3"],"mappings":"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"}
|
package/step/Step.vue
CHANGED
|
@@ -1,18 +1,19 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<component v-if="!asChild" :is="as" :class="cx('root')" :aria-current="active ? 'step' : undefined" role="presentation" :data-p-active="active" :data-p-disabled="isStepDisabled" v-bind="getPTOptions('root')">
|
|
3
|
-
<button :id="id" :class="cx('header')" role="tab" type="button" :tabindex="isStepDisabled ? -1 : undefined" :aria-controls="ariaControls" :disabled="isStepDisabled" @click="onStepClick" v-bind="getPTOptions('header')">
|
|
4
|
-
<span :class="cx('number')" v-bind="getPTOptions('number')">{{ activeValue }}</span>
|
|
5
|
-
<span :class="cx('title')" v-bind="getPTOptions('title')">
|
|
2
|
+
<component v-if="!asChild" :is="as" :class="cx('root')" :aria-current="active ? 'step' : undefined" role="presentation" :data-p-active="active" :data-p-disabled="isStepDisabled" :data-p="dataP" v-bind="getPTOptions('root')">
|
|
3
|
+
<button :id="id" :class="cx('header')" role="tab" type="button" :tabindex="isStepDisabled ? -1 : undefined" :aria-controls="ariaControls" :disabled="isStepDisabled" @click="onStepClick" :data-p="dataP" v-bind="getPTOptions('header')">
|
|
4
|
+
<span :class="cx('number')" :data-p="dataP" v-bind="getPTOptions('number')">{{ activeValue }}</span>
|
|
5
|
+
<span :class="cx('title')" :data-p="dataP" v-bind="getPTOptions('title')">
|
|
6
6
|
<slot />
|
|
7
7
|
</span>
|
|
8
8
|
</button>
|
|
9
|
-
<StepperSeparator v-if="isSeparatorVisible" />
|
|
9
|
+
<StepperSeparator v-if="isSeparatorVisible" :data-p="dataP" />
|
|
10
10
|
</component>
|
|
11
11
|
<slot v-else :class="cx('root')" :active="active" :value="value" :a11yAttrs="a11yAttrs" :activateCallback="onStepClick" />
|
|
12
12
|
</template>
|
|
13
13
|
|
|
14
14
|
<script>
|
|
15
|
-
import {
|
|
15
|
+
import { cn } from '@primeuix/utils';
|
|
16
|
+
import { find, findSingle } from '@primeuix/utils/dom';
|
|
16
17
|
import { findIndexInList } from '@primeuix/utils/object';
|
|
17
18
|
import StepperSeparator from '../stepper/StepperSeparator.vue';
|
|
18
19
|
import BaseStep from './BaseStep.vue';
|
|
@@ -28,17 +29,25 @@ export default {
|
|
|
28
29
|
},
|
|
29
30
|
data() {
|
|
30
31
|
return {
|
|
31
|
-
isSeparatorVisible: false
|
|
32
|
+
isSeparatorVisible: false,
|
|
33
|
+
isCompleted: false
|
|
32
34
|
};
|
|
33
35
|
},
|
|
34
36
|
mounted() {
|
|
35
37
|
if (this.$el && this.$pcStepList) {
|
|
36
38
|
let index = findIndexInList(this.$el, find(this.$pcStepper.$el, '[data-pc-name="step"]'));
|
|
39
|
+
let activeIndex = findIndexInList(findSingle(this.$pcStepper.$el, '[data-pc-name="step"][data-p-active="true"]'), find(this.$pcStepper.$el, '[data-pc-name="step"]'));
|
|
37
40
|
let stepLen = find(this.$pcStepper.$el, '[data-pc-name="step"]').length;
|
|
38
41
|
|
|
39
42
|
this.isSeparatorVisible = index !== stepLen - 1;
|
|
43
|
+
this.isCompleted = index < activeIndex;
|
|
40
44
|
}
|
|
41
45
|
},
|
|
46
|
+
updated() {
|
|
47
|
+
let index = findIndexInList(this.$el, find(this.$pcStepper.$el, '[data-pc-name="step"]'));
|
|
48
|
+
let activeIndex = findIndexInList(findSingle(this.$pcStepper.$el, '[data-pc-name="step"][data-p-active="true"]'), find(this.$pcStepper.$el, '[data-pc-name="step"]'));
|
|
49
|
+
this.isCompleted = index < activeIndex;
|
|
50
|
+
},
|
|
42
51
|
methods: {
|
|
43
52
|
getPTOptions(key) {
|
|
44
53
|
const _ptm = key === 'root' ? this.ptmi : this.ptm;
|
|
@@ -90,6 +99,15 @@ export default {
|
|
|
90
99
|
onClick: this.onStepClick
|
|
91
100
|
}
|
|
92
101
|
};
|
|
102
|
+
},
|
|
103
|
+
dataP() {
|
|
104
|
+
return cn({
|
|
105
|
+
disabled: this.isStepDisabled,
|
|
106
|
+
readonly: this.$pcStepper.linear,
|
|
107
|
+
active: this.active,
|
|
108
|
+
completed: this.isCompleted,
|
|
109
|
+
vertical: this.$pcStepItem != null
|
|
110
|
+
});
|
|
93
111
|
}
|
|
94
112
|
},
|
|
95
113
|
components: {
|
package/step/index.mjs
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { cn } from '@primeuix/utils';
|
|
2
|
+
import { find, findSingle } from '@primeuix/utils/dom';
|
|
2
3
|
import { findIndexInList } from '@primeuix/utils/object';
|
|
3
4
|
import BaseComponent from '@primevue/core/basecomponent';
|
|
4
5
|
import { createElementBlock, openBlock, mergeProps, resolveComponent, createBlock, renderSlot, resolveDynamicComponent, withCtx, createElementVNode, createCommentVNode, toDisplayString, normalizeClass } from 'vue';
|
|
@@ -7,13 +8,18 @@ import StepStyle from 'primevue/step/style';
|
|
|
7
8
|
var script$2 = {
|
|
8
9
|
name: 'StepperSeparator',
|
|
9
10
|
hostName: 'Stepper',
|
|
10
|
-
"extends": BaseComponent
|
|
11
|
+
"extends": BaseComponent,
|
|
12
|
+
inject: {
|
|
13
|
+
$pcStepper: {
|
|
14
|
+
"default": null
|
|
15
|
+
}
|
|
16
|
+
}
|
|
11
17
|
};
|
|
12
18
|
|
|
13
19
|
function render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
14
20
|
return openBlock(), createElementBlock("span", mergeProps({
|
|
15
21
|
"class": _ctx.cx('separator')
|
|
16
|
-
}, _ctx.
|
|
22
|
+
}, _ctx.ptmo($options.$pcStepper.pt, 'separator')), null, 16);
|
|
17
23
|
}
|
|
18
24
|
|
|
19
25
|
script$2.render = render$1;
|
|
@@ -65,16 +71,24 @@ var script = {
|
|
|
65
71
|
},
|
|
66
72
|
data: function data() {
|
|
67
73
|
return {
|
|
68
|
-
isSeparatorVisible: false
|
|
74
|
+
isSeparatorVisible: false,
|
|
75
|
+
isCompleted: false
|
|
69
76
|
};
|
|
70
77
|
},
|
|
71
78
|
mounted: function mounted() {
|
|
72
79
|
if (this.$el && this.$pcStepList) {
|
|
73
80
|
var index = findIndexInList(this.$el, find(this.$pcStepper.$el, '[data-pc-name="step"]'));
|
|
81
|
+
var activeIndex = findIndexInList(findSingle(this.$pcStepper.$el, '[data-pc-name="step"][data-p-active="true"]'), find(this.$pcStepper.$el, '[data-pc-name="step"]'));
|
|
74
82
|
var stepLen = find(this.$pcStepper.$el, '[data-pc-name="step"]').length;
|
|
75
83
|
this.isSeparatorVisible = index !== stepLen - 1;
|
|
84
|
+
this.isCompleted = index < activeIndex;
|
|
76
85
|
}
|
|
77
86
|
},
|
|
87
|
+
updated: function updated() {
|
|
88
|
+
var index = findIndexInList(this.$el, find(this.$pcStepper.$el, '[data-pc-name="step"]'));
|
|
89
|
+
var activeIndex = findIndexInList(findSingle(this.$pcStepper.$el, '[data-pc-name="step"][data-p-active="true"]'), find(this.$pcStepper.$el, '[data-pc-name="step"]'));
|
|
90
|
+
this.isCompleted = index < activeIndex;
|
|
91
|
+
},
|
|
78
92
|
methods: {
|
|
79
93
|
getPTOptions: function getPTOptions(key) {
|
|
80
94
|
var _ptm = key === 'root' ? this.ptmi : this.ptm;
|
|
@@ -128,6 +142,15 @@ var script = {
|
|
|
128
142
|
onClick: this.onStepClick
|
|
129
143
|
}
|
|
130
144
|
};
|
|
145
|
+
},
|
|
146
|
+
dataP: function dataP() {
|
|
147
|
+
return cn({
|
|
148
|
+
disabled: this.isStepDisabled,
|
|
149
|
+
readonly: this.$pcStepper.linear,
|
|
150
|
+
active: this.active,
|
|
151
|
+
completed: this.isCompleted,
|
|
152
|
+
vertical: this.$pcStepItem != null
|
|
153
|
+
});
|
|
131
154
|
}
|
|
132
155
|
},
|
|
133
156
|
components: {
|
|
@@ -135,7 +158,9 @@ var script = {
|
|
|
135
158
|
}
|
|
136
159
|
};
|
|
137
160
|
|
|
138
|
-
var _hoisted_1 = ["id", "tabindex", "aria-controls", "disabled"];
|
|
161
|
+
var _hoisted_1 = ["id", "tabindex", "aria-controls", "disabled", "data-p"];
|
|
162
|
+
var _hoisted_2 = ["data-p"];
|
|
163
|
+
var _hoisted_3 = ["data-p"];
|
|
139
164
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
140
165
|
var _component_StepperSeparator = resolveComponent("StepperSeparator");
|
|
141
166
|
return !_ctx.asChild ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.as), mergeProps({
|
|
@@ -144,7 +169,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
144
169
|
"aria-current": $options.active ? 'step' : undefined,
|
|
145
170
|
role: "presentation",
|
|
146
171
|
"data-p-active": $options.active,
|
|
147
|
-
"data-p-disabled": $options.isStepDisabled
|
|
172
|
+
"data-p-disabled": $options.isStepDisabled,
|
|
173
|
+
"data-p": $options.dataP
|
|
148
174
|
}, $options.getPTOptions('root')), {
|
|
149
175
|
"default": withCtx(function () {
|
|
150
176
|
return [createElementVNode("button", mergeProps({
|
|
@@ -157,17 +183,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
157
183
|
disabled: $options.isStepDisabled,
|
|
158
184
|
onClick: _cache[0] || (_cache[0] = function () {
|
|
159
185
|
return $options.onStepClick && $options.onStepClick.apply($options, arguments);
|
|
160
|
-
})
|
|
186
|
+
}),
|
|
187
|
+
"data-p": $options.dataP
|
|
161
188
|
}, $options.getPTOptions('header')), [createElementVNode("span", mergeProps({
|
|
162
|
-
"class": _ctx.cx('number')
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
}))
|
|
189
|
+
"class": _ctx.cx('number'),
|
|
190
|
+
"data-p": $options.dataP
|
|
191
|
+
}, $options.getPTOptions('number')), toDisplayString($options.activeValue), 17, _hoisted_2), createElementVNode("span", mergeProps({
|
|
192
|
+
"class": _ctx.cx('title'),
|
|
193
|
+
"data-p": $options.dataP
|
|
194
|
+
}, $options.getPTOptions('title')), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_3)], 16, _hoisted_1), $data.isSeparatorVisible ? (openBlock(), createBlock(_component_StepperSeparator, {
|
|
195
|
+
key: 0,
|
|
196
|
+
"data-p": $options.dataP
|
|
197
|
+
}, null, 8, ["data-p"])) : createCommentVNode("", true)];
|
|
168
198
|
}),
|
|
169
199
|
_: 3
|
|
170
|
-
}, 16, ["class", "aria-current", "data-p-active", "data-p-disabled"])) : renderSlot(_ctx.$slots, "default", {
|
|
200
|
+
}, 16, ["class", "aria-current", "data-p-active", "data-p-disabled", "data-p"])) : renderSlot(_ctx.$slots, "default", {
|
|
171
201
|
key: 1,
|
|
172
202
|
"class": normalizeClass(_ctx.cx('root')),
|
|
173
203
|
active: $options.active,
|