primevue 4.1.0 → 4.2.0
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/README.md +2 -94
- package/accordion/index.d.ts +2 -2
- package/accordion/index.mjs.map +1 -1
- package/accordion/style/index.mjs +1 -1
- package/accordion/style/index.mjs.map +1 -1
- package/accordioncontent/index.d.ts +2 -2
- package/accordioncontent/index.mjs.map +1 -1
- package/accordioncontent/style/index.mjs.map +1 -1
- package/accordionheader/index.d.ts +2 -2
- package/accordionheader/index.mjs.map +1 -1
- package/accordionheader/style/index.mjs.map +1 -1
- package/accordionpanel/index.d.ts +2 -2
- package/accordionpanel/index.mjs.map +1 -1
- package/accordionpanel/style/index.mjs.map +1 -1
- package/accordiontab/index.d.ts +2 -2
- package/accordiontab/index.mjs.map +1 -1
- package/accordiontab/style/index.mjs.map +1 -1
- package/animateonscroll/index.mjs.map +1 -1
- package/animateonscroll/style/index.mjs.map +1 -1
- package/autocomplete/AutoComplete.vue +36 -32
- package/autocomplete/BaseAutoComplete.vue +2 -19
- package/autocomplete/index.d.ts +23 -2
- package/autocomplete/index.mjs +40 -53
- package/autocomplete/index.mjs.map +1 -1
- package/autocomplete/style/index.mjs +7 -7
- package/autocomplete/style/index.mjs.map +1 -1
- package/avatar/index.d.ts +2 -2
- package/avatar/index.mjs.map +1 -1
- package/avatar/style/index.mjs +1 -1
- package/avatar/style/index.mjs.map +1 -1
- package/avatargroup/index.d.ts +2 -2
- package/avatargroup/index.mjs.map +1 -1
- package/avatargroup/style/index.mjs.map +1 -1
- package/badge/index.d.ts +2 -2
- package/badge/index.mjs.map +1 -1
- package/badge/style/index.mjs.map +1 -1
- package/badgedirective/index.d.ts +2 -2
- package/badgedirective/index.mjs.map +1 -1
- package/badgedirective/style/index.mjs.map +1 -1
- package/blockui/index.d.ts +2 -2
- package/blockui/index.mjs.map +1 -1
- package/blockui/style/index.mjs.map +1 -1
- package/breadcrumb/Breadcrumb.vue +1 -1
- package/breadcrumb/index.d.ts +2 -2
- package/breadcrumb/index.mjs +2 -1
- package/breadcrumb/index.mjs.map +1 -1
- package/breadcrumb/style/index.d.ts +4 -0
- package/breadcrumb/style/index.mjs +2 -1
- package/breadcrumb/style/index.mjs.map +1 -1
- package/button/BaseButton.vue +4 -0
- package/button/index.d.ts +8 -2
- package/button/index.mjs +4 -0
- package/button/index.mjs.map +1 -1
- package/button/style/index.mjs +3 -3
- package/button/style/index.mjs.map +1 -1
- package/buttongroup/index.d.ts +2 -2
- package/buttongroup/index.mjs.map +1 -1
- package/buttongroup/style/index.mjs +1 -1
- package/buttongroup/style/index.mjs.map +1 -1
- package/calendar/index.d.ts +2 -2
- package/calendar/index.mjs.map +1 -1
- package/calendar/style/index.mjs.map +1 -1
- package/card/index.d.ts +2 -2
- package/card/index.mjs.map +1 -1
- package/card/style/index.mjs.map +1 -1
- package/carousel/index.d.ts +2 -2
- package/carousel/index.mjs.map +1 -1
- package/carousel/style/index.mjs +1 -1
- package/carousel/style/index.mjs.map +1 -1
- package/cascadeselect/BaseCascadeSelect.vue +8 -14
- package/cascadeselect/CascadeSelect.vue +86 -55
- package/cascadeselect/CascadeSelectSub.vue +8 -17
- package/cascadeselect/index.d.ts +47 -2
- package/cascadeselect/index.mjs +148 -99
- package/cascadeselect/index.mjs.map +1 -1
- package/cascadeselect/style/index.d.ts +4 -0
- package/cascadeselect/style/index.mjs +9 -6
- package/cascadeselect/style/index.mjs.map +1 -1
- package/chart/index.d.ts +2 -2
- package/chart/index.mjs.map +1 -1
- package/chart/style/index.mjs.map +1 -1
- package/checkbox/BaseCheckbox.vue +2 -19
- package/checkbox/Checkbox.vue +18 -6
- package/checkbox/index.d.ts +19 -2
- package/checkbox/index.mjs +20 -25
- package/checkbox/index.mjs.map +1 -1
- package/checkbox/style/index.mjs +5 -3
- package/checkbox/style/index.mjs.map +1 -1
- package/checkboxgroup/BaseCheckboxGroup.vue +16 -0
- package/checkboxgroup/CheckboxGroup.vue +29 -0
- package/checkboxgroup/index.d.ts +160 -0
- package/checkboxgroup/index.mjs +46 -0
- package/checkboxgroup/index.mjs.map +1 -0
- package/checkboxgroup/package.json +11 -0
- package/checkboxgroup/style/index.d.ts +19 -0
- package/checkboxgroup/style/index.mjs +17 -0
- package/checkboxgroup/style/index.mjs.map +1 -0
- package/checkboxgroup/style/package.json +6 -0
- package/chip/index.d.ts +2 -2
- package/chip/index.mjs.map +1 -1
- package/chip/style/index.mjs +1 -1
- package/chip/style/index.mjs.map +1 -1
- package/chips/index.d.ts +2 -2
- package/chips/index.mjs.map +1 -1
- package/chips/style/index.mjs.map +1 -1
- package/colorpicker/BaseColorPicker.vue +2 -10
- package/colorpicker/ColorPicker.vue +7 -4
- package/colorpicker/index.d.ts +24 -2
- package/colorpicker/index.mjs +21 -23
- package/colorpicker/index.mjs.map +1 -1
- package/colorpicker/style/index.mjs +5 -3
- package/colorpicker/style/index.mjs.map +1 -1
- package/column/index.d.ts +2 -2
- package/column/index.mjs.map +1 -1
- package/column/style/index.mjs.map +1 -1
- package/columngroup/index.d.ts +2 -2
- package/columngroup/index.mjs.map +1 -1
- package/columngroup/style/index.mjs.map +1 -1
- package/config/index.d.ts +4 -0
- package/confirmationservice/index.mjs.map +1 -1
- package/confirmdialog/index.d.ts +2 -2
- package/confirmdialog/index.mjs.map +1 -1
- package/confirmdialog/style/index.mjs.map +1 -1
- package/confirmpopup/index.d.ts +2 -2
- package/confirmpopup/index.mjs.map +1 -1
- package/confirmpopup/style/index.mjs +1 -1
- package/confirmpopup/style/index.mjs.map +1 -1
- package/contextmenu/ContextMenu.vue +8 -3
- package/contextmenu/index.d.ts +2 -2
- package/contextmenu/index.mjs +6 -3
- package/contextmenu/index.mjs.map +1 -1
- package/contextmenu/style/index.mjs +1 -1
- package/contextmenu/style/index.mjs.map +1 -1
- package/datatable/BodyCell.vue +15 -6
- package/datatable/DataTable.vue +58 -4
- package/datatable/FooterCell.vue +15 -6
- package/datatable/HeaderCell.vue +15 -6
- package/datatable/index.d.ts +14 -10
- package/datatable/index.mjs +167 -82
- package/datatable/index.mjs.map +1 -1
- package/datatable/style/index.mjs +1 -1
- package/datatable/style/index.mjs.map +1 -1
- package/dataview/DataView.vue +33 -1
- package/dataview/index.d.ts +6 -2
- package/dataview/index.mjs +42 -6
- package/dataview/index.mjs.map +1 -1
- package/dataview/style/index.mjs.map +1 -1
- package/datepicker/BaseDatePicker.vue +2 -23
- package/datepicker/DatePicker.vue +39 -40
- package/datepicker/index.d.ts +23 -6
- package/datepicker/index.mjs +45 -65
- package/datepicker/index.mjs.map +1 -1
- package/datepicker/style/index.mjs +4 -5
- package/datepicker/style/index.mjs.map +1 -1
- package/deferredcontent/index.d.ts +2 -2
- package/deferredcontent/index.mjs.map +1 -1
- package/deferredcontent/style/index.mjs.map +1 -1
- package/dialog/index.d.ts +2 -2
- package/dialog/index.mjs.map +1 -1
- package/dialog/style/index.mjs +1 -1
- package/dialog/style/index.mjs.map +1 -1
- package/dialogservice/index.mjs.map +1 -1
- package/divider/index.d.ts +2 -2
- package/divider/index.mjs.map +1 -1
- package/divider/style/index.mjs +1 -1
- package/divider/style/index.mjs.map +1 -1
- package/dock/index.d.ts +2 -2
- package/dock/index.mjs.map +1 -1
- package/dock/style/index.mjs +1 -1
- package/dock/style/index.mjs.map +1 -1
- package/drawer/index.d.ts +2 -2
- package/drawer/index.mjs.map +1 -1
- package/drawer/style/index.mjs +1 -1
- package/drawer/style/index.mjs.map +1 -1
- package/dropdown/index.d.ts +2 -2
- package/dropdown/index.mjs.map +1 -1
- package/dropdown/style/index.mjs.map +1 -1
- package/dynamicdialog/index.d.ts +2 -2
- package/dynamicdialog/index.mjs.map +1 -1
- package/dynamicdialog/style/index.mjs.map +1 -1
- package/editor/BaseEditor.vue +2 -3
- package/editor/Editor.vue +3 -3
- package/editor/index.d.ts +24 -2
- package/editor/index.mjs +5 -6
- package/editor/index.mjs.map +1 -1
- package/editor/style/index.mjs +7 -2
- package/editor/style/index.mjs.map +1 -1
- package/fieldset/index.d.ts +2 -2
- package/fieldset/index.mjs.map +1 -1
- package/fieldset/style/index.mjs +1 -1
- package/fieldset/style/index.mjs.map +1 -1
- package/fileupload/index.d.ts +2 -2
- package/fileupload/index.mjs.map +1 -1
- package/fileupload/style/index.mjs +1 -1
- package/fileupload/style/index.mjs.map +1 -1
- package/floatlabel/index.d.ts +2 -2
- package/floatlabel/index.mjs.map +1 -1
- package/floatlabel/style/index.mjs +1 -1
- package/floatlabel/style/index.mjs.map +1 -1
- package/fluid/index.d.ts +2 -2
- package/fluid/index.mjs.map +1 -1
- package/fluid/style/index.mjs.map +1 -1
- package/focustrap/index.mjs.map +1 -1
- package/focustrap/style/index.mjs.map +1 -1
- package/galleria/index.d.ts +2 -2
- package/galleria/index.mjs.map +1 -1
- package/galleria/style/index.mjs +1 -1
- package/galleria/style/index.mjs.map +1 -1
- package/iconfield/index.d.ts +2 -2
- package/iconfield/index.mjs.map +1 -1
- package/iconfield/style/index.mjs +1 -1
- package/iconfield/style/index.mjs.map +1 -1
- package/iftalabel/index.d.ts +2 -2
- package/iftalabel/index.mjs.map +1 -1
- package/iftalabel/style/index.mjs +1 -1
- package/iftalabel/style/index.mjs.map +1 -1
- package/image/index.d.ts +2 -2
- package/image/index.mjs.map +1 -1
- package/image/style/index.mjs +1 -1
- package/image/style/index.mjs.map +1 -1
- package/imagecompare/ImageCompare.vue +33 -1
- package/imagecompare/index.d.ts +2 -2
- package/imagecompare/index.mjs +35 -1
- package/imagecompare/index.mjs.map +1 -1
- package/imagecompare/style/index.mjs +1 -1
- package/imagecompare/style/index.mjs.map +1 -1
- package/index.d.ts +811 -0
- package/index.mjs +531 -0
- package/index.mjs.map +1 -0
- package/inlinemessage/index.d.ts +2 -2
- package/inlinemessage/index.mjs.map +1 -1
- package/inlinemessage/style/index.mjs.map +1 -1
- package/inplace/index.d.ts +2 -6
- package/inplace/index.mjs.map +1 -1
- package/inplace/style/index.mjs.map +1 -1
- package/inputchips/index.d.ts +2 -2
- package/inputchips/index.mjs.map +1 -1
- package/inputchips/style/index.mjs.map +1 -1
- package/inputgroup/index.d.ts +2 -2
- package/inputgroup/index.mjs.map +1 -1
- package/inputgroup/style/index.mjs +1 -1
- package/inputgroup/style/index.mjs.map +1 -1
- package/inputgroupaddon/index.d.ts +2 -2
- package/inputgroupaddon/index.mjs.map +1 -1
- package/inputgroupaddon/style/index.mjs.map +1 -1
- package/inputicon/index.d.ts +2 -2
- package/inputicon/index.mjs.map +1 -1
- package/inputicon/style/index.mjs.map +1 -1
- package/inputmask/BaseInputMask.vue +2 -23
- package/inputmask/InputMask.vue +9 -14
- package/inputmask/index.d.ts +15 -2
- package/inputmask/index.mjs +13 -38
- package/inputmask/index.mjs.map +1 -1
- package/inputmask/style/index.mjs +1 -1
- package/inputmask/style/index.mjs.map +1 -1
- package/inputnumber/BaseInputNumber.vue +2 -22
- package/inputnumber/InputNumber.vue +14 -16
- package/inputnumber/index.d.ts +28 -2
- package/inputnumber/index.mjs +22 -39
- package/inputnumber/index.mjs.map +1 -1
- package/inputnumber/style/index.mjs +3 -3
- package/inputnumber/style/index.mjs.map +1 -1
- package/inputotp/BaseInputOtp.vue +2 -18
- package/inputotp/InputOtp.vue +4 -2
- package/inputotp/index.d.ts +23 -2
- package/inputotp/index.mjs +7 -21
- package/inputotp/index.mjs.map +1 -1
- package/inputotp/style/index.mjs +2 -2
- package/inputotp/style/index.mjs.map +1 -1
- package/inputswitch/index.d.ts +2 -2
- package/inputswitch/index.mjs.map +1 -1
- package/inputswitch/style/index.mjs.map +1 -1
- package/inputtext/BaseInputText.vue +2 -21
- package/inputtext/InputText.vue +13 -22
- package/inputtext/index.d.ts +19 -2
- package/inputtext/index.mjs +16 -48
- package/inputtext/index.mjs.map +1 -1
- package/inputtext/style/index.mjs +7 -7
- package/inputtext/style/index.mjs.map +1 -1
- package/keyfilter/index.mjs.map +1 -1
- package/keyfilter/style/index.mjs.map +1 -1
- package/knob/BaseKnob.vue +2 -10
- package/knob/Knob.vue +23 -19
- package/knob/index.d.ts +26 -4
- package/knob/index.mjs +31 -32
- package/knob/index.mjs.map +1 -1
- package/knob/style/index.mjs +4 -2
- package/knob/style/index.mjs.map +1 -1
- package/listbox/BaseListbox.vue +2 -11
- package/listbox/Listbox.vue +21 -20
- package/listbox/index.d.ts +19 -2
- package/listbox/index.mjs +23 -31
- package/listbox/index.mjs.map +1 -1
- package/listbox/style/index.mjs +4 -3
- package/listbox/style/index.mjs.map +1 -1
- package/megamenu/BaseMegaMenu.vue +4 -0
- package/megamenu/MegaMenu.vue +15 -5
- package/megamenu/index.d.ts +7 -2
- package/megamenu/index.mjs +23 -6
- package/megamenu/index.mjs.map +1 -1
- package/megamenu/style/index.mjs +5 -5
- package/megamenu/style/index.mjs.map +1 -1
- package/menu/index.d.ts +2 -2
- package/menu/index.mjs.map +1 -1
- package/menu/style/index.mjs +1 -1
- package/menu/style/index.mjs.map +1 -1
- package/menubar/Menubar.vue +8 -3
- package/menubar/index.d.ts +2 -2
- package/menubar/index.mjs +6 -3
- package/menubar/index.mjs.map +1 -1
- package/menubar/style/index.mjs +1 -1
- package/menubar/style/index.mjs.map +1 -1
- package/message/BaseMessage.vue +8 -0
- package/message/index.d.ts +11 -2
- package/message/index.mjs +8 -0
- package/message/index.mjs.map +1 -1
- package/message/style/index.mjs +7 -2
- package/message/style/index.mjs.map +1 -1
- package/metergroup/index.d.ts +2 -2
- package/metergroup/index.mjs.map +1 -1
- package/metergroup/style/index.mjs +1 -1
- package/metergroup/style/index.mjs.map +1 -1
- package/multiselect/BaseMultiSelect.vue +14 -19
- package/multiselect/MultiSelect.vue +45 -31
- package/multiselect/index.d.ts +52 -2
- package/multiselect/index.mjs +71 -52
- package/multiselect/index.mjs.map +1 -1
- package/multiselect/style/index.d.ts +4 -0
- package/multiselect/style/index.mjs +8 -5
- package/multiselect/style/index.mjs.map +1 -1
- package/orderlist/index.d.ts +2 -2
- package/orderlist/index.mjs.map +1 -1
- package/orderlist/style/index.mjs.map +1 -1
- package/organizationchart/index.d.ts +2 -2
- package/organizationchart/index.mjs.map +1 -1
- package/organizationchart/style/index.mjs +1 -1
- package/organizationchart/style/index.mjs.map +1 -1
- package/overlaybadge/index.d.ts +2 -2
- package/overlaybadge/index.mjs.map +1 -1
- package/overlaybadge/style/index.mjs +1 -1
- package/overlaybadge/style/index.mjs.map +1 -1
- package/overlaypanel/index.d.ts +2 -2
- package/overlaypanel/index.mjs.map +1 -1
- package/overlaypanel/style/index.mjs.map +1 -1
- package/package.json +15 -6
- package/paginator/Paginator.vue +104 -84
- package/paginator/index.d.ts +56 -2
- package/paginator/index.mjs +21 -3
- package/paginator/index.mjs.map +1 -1
- package/paginator/style/index.mjs +1 -1
- package/paginator/style/index.mjs.map +1 -1
- package/panel/index.d.ts +2 -2
- package/panel/index.mjs.map +1 -1
- package/panel/style/index.mjs.map +1 -1
- package/panelmenu/index.d.ts +2 -2
- package/panelmenu/index.mjs.map +1 -1
- package/panelmenu/style/index.mjs +1 -1
- package/panelmenu/style/index.mjs.map +1 -1
- package/passthrough/index.mjs.map +1 -1
- package/password/BasePassword.vue +2 -15
- package/password/Password.vue +13 -18
- package/password/index.d.ts +23 -2
- package/password/index.mjs +14 -32
- package/password/index.mjs.map +1 -1
- package/password/style/index.mjs +3 -3
- package/password/style/index.mjs.map +1 -1
- package/picklist/index.d.ts +2 -2
- package/picklist/index.mjs.map +1 -1
- package/picklist/style/index.mjs.map +1 -1
- package/popover/index.d.ts +2 -2
- package/popover/index.mjs.map +1 -1
- package/popover/style/index.mjs +1 -1
- package/popover/style/index.mjs.map +1 -1
- package/portal/index.d.ts +2 -2
- package/portal/index.mjs.map +1 -1
- package/portal/style/index.mjs.map +1 -1
- package/progressbar/index.d.ts +2 -2
- package/progressbar/index.mjs.map +1 -1
- package/progressbar/style/index.mjs +1 -1
- package/progressbar/style/index.mjs.map +1 -1
- package/progressspinner/index.d.ts +2 -2
- package/progressspinner/index.mjs.map +1 -1
- package/progressspinner/style/index.mjs.map +1 -1
- package/radiobutton/BaseRadioButton.vue +2 -19
- package/radiobutton/RadioButton.vue +15 -4
- package/radiobutton/index.d.ts +19 -2
- package/radiobutton/index.mjs +17 -23
- package/radiobutton/index.mjs.map +1 -1
- package/radiobutton/style/index.mjs +5 -3
- package/radiobutton/style/index.mjs.map +1 -1
- package/radiobuttongroup/BaseRadioButtonGroup.vue +16 -0
- package/radiobuttongroup/RadioButtonGroup.vue +29 -0
- package/radiobuttongroup/index.d.ts +160 -0
- package/radiobuttongroup/index.mjs +46 -0
- package/radiobuttongroup/index.mjs.map +1 -0
- package/radiobuttongroup/package.json +11 -0
- package/radiobuttongroup/style/index.d.ts +19 -0
- package/radiobuttongroup/style/index.mjs +17 -0
- package/radiobuttongroup/style/index.mjs.map +1 -0
- package/radiobuttongroup/style/package.json +6 -0
- package/rating/BaseRating.vue +2 -10
- package/rating/Rating.vue +17 -16
- package/rating/index.d.ts +20 -2
- package/rating/index.mjs +17 -23
- package/rating/index.mjs.map +1 -1
- package/rating/style/index.mjs +14 -5
- package/rating/style/index.mjs.map +1 -1
- package/ripple/index.mjs.map +1 -1
- package/ripple/style/index.mjs.map +1 -1
- package/row/index.d.ts +2 -2
- package/row/index.mjs.map +1 -1
- package/row/style/index.mjs.map +1 -1
- package/scrollpanel/ScrollPanel.vue +38 -5
- package/scrollpanel/index.d.ts +2 -2
- package/scrollpanel/index.mjs +58 -28
- package/scrollpanel/index.mjs.map +1 -1
- package/scrollpanel/style/index.mjs +1 -1
- package/scrollpanel/style/index.mjs.map +1 -1
- package/scrolltop/index.d.ts +2 -2
- package/scrolltop/index.mjs.map +1 -1
- package/scrolltop/style/index.mjs +1 -1
- package/scrolltop/style/index.mjs.map +1 -1
- package/select/BaseSelect.vue +2 -19
- package/select/Select.vue +15 -19
- package/select/index.d.ts +23 -2
- package/select/index.mjs +18 -40
- package/select/index.mjs.map +1 -1
- package/select/style/index.mjs +7 -5
- package/select/style/index.mjs.map +1 -1
- package/selectbutton/BaseSelectButton.vue +6 -8
- package/selectbutton/SelectButton.vue +9 -8
- package/selectbutton/index.d.ts +23 -2
- package/selectbutton/index.mjs +15 -16
- package/selectbutton/index.mjs.map +1 -1
- package/selectbutton/style/index.mjs +3 -3
- package/selectbutton/style/index.mjs.map +1 -1
- package/sidebar/index.d.ts +2 -2
- package/sidebar/index.mjs.map +1 -1
- package/sidebar/style/index.mjs.map +1 -1
- package/skeleton/index.d.ts +2 -2
- package/skeleton/index.mjs.map +1 -1
- package/skeleton/style/index.mjs +1 -1
- package/skeleton/style/index.mjs.map +1 -1
- package/slider/BaseSlider.vue +2 -7
- package/slider/Slider.vue +94 -38
- package/slider/index.d.ts +24 -2
- package/slider/index.mjs +145 -72
- package/slider/index.mjs.map +1 -1
- package/slider/style/index.mjs +4 -2
- package/slider/style/index.mjs.map +1 -1
- package/speeddial/index.d.ts +2 -2
- package/speeddial/index.mjs.map +1 -1
- package/speeddial/style/index.mjs +1 -1
- package/speeddial/style/index.mjs.map +1 -1
- package/splitbutton/index.d.ts +2 -2
- package/splitbutton/index.mjs.map +1 -1
- package/splitbutton/style/index.mjs +1 -1
- package/splitbutton/style/index.mjs.map +1 -1
- package/splitter/Splitter.vue +31 -3
- package/splitter/index.d.ts +2 -2
- package/splitter/index.mjs +50 -20
- package/splitter/index.mjs.map +1 -1
- package/splitter/style/index.mjs.map +1 -1
- package/splitterpanel/index.d.ts +2 -2
- package/splitterpanel/index.mjs.map +1 -1
- package/splitterpanel/style/index.mjs.map +1 -1
- package/step/index.d.ts +2 -2
- package/step/index.mjs.map +1 -1
- package/step/style/index.mjs.map +1 -1
- package/stepitem/index.d.ts +2 -2
- package/stepitem/index.mjs.map +1 -1
- package/stepitem/style/index.mjs.map +1 -1
- package/steplist/index.d.ts +2 -2
- package/steplist/index.mjs.map +1 -1
- package/steplist/style/index.mjs.map +1 -1
- package/steppanel/index.d.ts +2 -2
- package/steppanel/index.mjs.map +1 -1
- package/steppanel/style/index.mjs.map +1 -1
- package/steppanels/index.d.ts +2 -2
- package/steppanels/index.mjs.map +1 -1
- package/steppanels/style/index.mjs.map +1 -1
- package/stepper/index.d.ts +2 -2
- package/stepper/index.mjs.map +1 -1
- package/stepper/style/index.mjs +1 -1
- package/stepper/style/index.mjs.map +1 -1
- package/steps/index.d.ts +2 -2
- package/steps/index.mjs.map +1 -1
- package/steps/style/index.mjs +1 -1
- package/steps/style/index.mjs.map +1 -1
- package/styleclass/index.mjs.map +1 -1
- package/styleclass/style/index.mjs.map +1 -1
- package/tab/index.d.ts +2 -2
- package/tab/index.mjs.map +1 -1
- package/tab/style/index.mjs.map +1 -1
- package/tablist/TabList.vue +40 -5
- package/tablist/index.d.ts +2 -2
- package/tablist/index.mjs +38 -5
- package/tablist/index.mjs.map +1 -1
- package/tablist/style/index.mjs.map +1 -1
- package/tabmenu/index.d.ts +2 -2
- package/tabmenu/index.mjs.map +1 -1
- package/tabmenu/style/index.mjs.map +1 -1
- package/tabpanel/index.d.ts +2 -2
- package/tabpanel/index.mjs.map +1 -1
- package/tabpanel/style/index.mjs.map +1 -1
- package/tabpanels/index.d.ts +2 -2
- package/tabpanels/index.mjs.map +1 -1
- package/tabpanels/style/index.mjs.map +1 -1
- package/tabs/index.d.ts +2 -2
- package/tabs/index.mjs.map +1 -1
- package/tabs/style/index.mjs +1 -1
- package/tabs/style/index.mjs.map +1 -1
- package/tabview/index.d.ts +2 -2
- package/tabview/index.mjs.map +1 -1
- package/tabview/style/index.mjs.map +1 -1
- package/tag/index.d.ts +2 -2
- package/tag/index.mjs.map +1 -1
- package/tag/style/index.mjs.map +1 -1
- package/terminal/index.d.ts +2 -2
- package/terminal/index.mjs.map +1 -1
- package/terminal/style/index.mjs +1 -1
- package/terminal/style/index.mjs.map +1 -1
- package/textarea/BaseTextarea.vue +3 -16
- package/textarea/Textarea.vue +13 -19
- package/textarea/index.d.ts +23 -2
- package/textarea/index.mjs +14 -38
- package/textarea/index.mjs.map +1 -1
- package/textarea/style/index.mjs +7 -5
- package/textarea/style/index.mjs.map +1 -1
- package/tieredmenu/TieredMenu.vue +8 -3
- package/tieredmenu/index.d.ts +2 -2
- package/tieredmenu/index.mjs +6 -3
- package/tieredmenu/index.mjs.map +1 -1
- package/tieredmenu/style/index.mjs +1 -1
- package/tieredmenu/style/index.mjs.map +1 -1
- package/timeline/index.d.ts +2 -2
- package/timeline/index.mjs.map +1 -1
- package/timeline/style/index.mjs.map +1 -1
- package/toast/Toast.vue +0 -1
- package/toast/index.d.ts +2 -2
- package/toast/index.mjs.map +1 -1
- package/toast/style/index.mjs +1 -1
- package/toast/style/index.mjs.map +1 -1
- package/toastservice/index.mjs.map +1 -1
- package/togglebutton/BaseToggleButton.vue +6 -11
- package/togglebutton/ToggleButton.vue +11 -7
- package/togglebutton/index.d.ts +23 -2
- package/togglebutton/index.mjs +20 -18
- package/togglebutton/index.mjs.map +1 -1
- package/togglebutton/style/index.mjs +4 -2
- package/togglebutton/style/index.mjs.map +1 -1
- package/toggleswitch/BaseToggleSwitch.vue +2 -14
- package/toggleswitch/ToggleSwitch.vue +4 -3
- package/toggleswitch/index.d.ts +19 -2
- package/toggleswitch/index.mjs +7 -17
- package/toggleswitch/index.mjs.map +1 -1
- package/toggleswitch/style/index.mjs +2 -2
- package/toggleswitch/style/index.mjs.map +1 -1
- package/toolbar/index.d.ts +2 -2
- package/toolbar/index.mjs.map +1 -1
- package/toolbar/style/index.mjs.map +1 -1
- package/tooltip/index.mjs.map +1 -1
- package/tooltip/style/index.mjs +1 -1
- package/tooltip/style/index.mjs.map +1 -1
- package/tree/Tree.vue +1 -1
- package/tree/TreeNode.vue +1 -1
- package/tree/index.d.ts +2 -2
- package/tree/index.mjs +5 -4
- package/tree/index.mjs.map +1 -1
- package/tree/style/index.mjs +2 -1
- package/tree/style/index.mjs.map +1 -1
- package/treeselect/BaseTreeSelect.vue +18 -19
- package/treeselect/TreeSelect.vue +61 -18
- package/treeselect/index.d.ts +82 -28
- package/treeselect/index.mjs +87 -38
- package/treeselect/index.mjs.map +1 -1
- package/treeselect/style/index.d.ts +4 -0
- package/treeselect/style/index.mjs +8 -5
- package/treeselect/style/index.mjs.map +1 -1
- package/treetable/BodyCell.vue +21 -12
- package/treetable/FooterCell.vue +15 -6
- package/treetable/HeaderCell.vue +15 -6
- package/treetable/TreeTable.vue +57 -2
- package/treetable/index.d.ts +14 -10
- package/treetable/index.mjs +146 -59
- package/treetable/index.mjs.map +1 -1
- package/treetable/style/index.mjs +1 -1
- package/treetable/style/index.mjs.map +1 -1
- package/umd/primevue.min.js +1 -1
- package/useconfirm/index.mjs.map +1 -1
- package/usedialog/index.mjs.map +1 -1
- package/usetoast/index.mjs.map +1 -1
- package/virtualscroller/index.d.ts +2 -2
- package/virtualscroller/index.mjs.map +1 -1
- package/virtualscroller/style/index.mjs.map +1 -1
- package/web-types.json +2 -2
|
@@ -40,8 +40,8 @@
|
|
|
40
40
|
</template>
|
|
41
41
|
|
|
42
42
|
<script>
|
|
43
|
+
import { addClass, getHeight, removeClass } from '@primeuix/utils/dom';
|
|
43
44
|
import { UniqueComponentId } from '@primevue/core/utils';
|
|
44
|
-
import { getHeight, addClass, removeClass } from '@primeuix/utils/dom';
|
|
45
45
|
import BaseScrollPanel from './BaseScrollPanel.vue';
|
|
46
46
|
|
|
47
47
|
export default {
|
|
@@ -61,12 +61,14 @@ export default {
|
|
|
61
61
|
lastPageY: null,
|
|
62
62
|
timer: null,
|
|
63
63
|
outsideClickListener: null,
|
|
64
|
+
mutationObserver: null,
|
|
64
65
|
data() {
|
|
65
66
|
return {
|
|
66
67
|
id: this.$attrs.id,
|
|
67
68
|
orientation: 'vertical',
|
|
68
69
|
lastScrollTop: 0,
|
|
69
|
-
lastScrollLeft: 0
|
|
70
|
+
lastScrollLeft: 0,
|
|
71
|
+
isRTL: false
|
|
70
72
|
};
|
|
71
73
|
},
|
|
72
74
|
watch: {
|
|
@@ -80,6 +82,9 @@ export default {
|
|
|
80
82
|
if (this.$el.offsetParent) {
|
|
81
83
|
this.initialize();
|
|
82
84
|
}
|
|
85
|
+
|
|
86
|
+
this.updateDirection();
|
|
87
|
+
this.observeDirectionChanges();
|
|
83
88
|
},
|
|
84
89
|
updated() {
|
|
85
90
|
if (!this.initialized && this.$el.offsetParent) {
|
|
@@ -92,8 +97,25 @@ export default {
|
|
|
92
97
|
if (this.frame) {
|
|
93
98
|
window.cancelAnimationFrame(this.frame);
|
|
94
99
|
}
|
|
100
|
+
|
|
101
|
+
if (this.mutationObserver) {
|
|
102
|
+
this.mutationObserver.disconnect();
|
|
103
|
+
}
|
|
95
104
|
},
|
|
96
105
|
methods: {
|
|
106
|
+
updateDirection() {
|
|
107
|
+
this.isRTL = !!this.$el.closest('[dir="rtl"]');
|
|
108
|
+
},
|
|
109
|
+
observeDirectionChanges() {
|
|
110
|
+
const targetNode = document.documentElement;
|
|
111
|
+
const config = { attributes: true, attributeFilter: ['dir'] };
|
|
112
|
+
|
|
113
|
+
this.mutationObserver = new MutationObserver(() => {
|
|
114
|
+
this.updateDirection();
|
|
115
|
+
});
|
|
116
|
+
|
|
117
|
+
this.mutationObserver.observe(targetNode, config);
|
|
118
|
+
},
|
|
97
119
|
initialize() {
|
|
98
120
|
this.moveBar();
|
|
99
121
|
this.bindDocumentResizeListener();
|
|
@@ -137,7 +159,12 @@ export default {
|
|
|
137
159
|
} else {
|
|
138
160
|
this.$refs.xBar.setAttribute('data-p-scrollpanel-hidden', 'false');
|
|
139
161
|
!this.isUnstyled && removeClass(this.$refs.xBar, 'p-scrollpanel-hidden');
|
|
140
|
-
|
|
162
|
+
|
|
163
|
+
if (this.isRTL) {
|
|
164
|
+
this.$refs.xBar.style.cssText = 'width:' + Math.max(this.scrollXRatio * 100, 10) + '%; right:' + (this.$refs.content.scrollLeft / totalWidth) * 100 + '%;bottom:' + bottom + 'px;';
|
|
165
|
+
} else {
|
|
166
|
+
this.$refs.xBar.style.cssText = 'width:' + Math.max(this.scrollXRatio * 100, 10) + '%; left:' + (this.$refs.content.scrollLeft / totalWidth) * 100 + '%;bottom:' + bottom + 'px;';
|
|
167
|
+
}
|
|
141
168
|
}
|
|
142
169
|
}
|
|
143
170
|
|
|
@@ -148,8 +175,14 @@ export default {
|
|
|
148
175
|
} else {
|
|
149
176
|
this.$refs.yBar.setAttribute('data-p-scrollpanel-hidden', 'false');
|
|
150
177
|
!this.isUnstyled && removeClass(this.$refs.yBar, 'p-scrollpanel-hidden');
|
|
151
|
-
|
|
152
|
-
|
|
178
|
+
|
|
179
|
+
if (this.isRTL) {
|
|
180
|
+
this.$refs.yBar.style.cssText =
|
|
181
|
+
'height:' + Math.max(this.scrollYRatio * 100, 10) + '%; top: calc(' + (this.$refs.content.scrollTop / totalHeight) * 100 + '% - ' + this.$refs.xBar.clientHeight + 'px);left:' + right + 'px;';
|
|
182
|
+
} else {
|
|
183
|
+
this.$refs.yBar.style.cssText =
|
|
184
|
+
'height:' + Math.max(this.scrollYRatio * 100, 10) + '%; top: calc(' + (this.$refs.content.scrollTop / totalHeight) * 100 + '% - ' + this.$refs.xBar.clientHeight + 'px);right:' + right + 'px;';
|
|
185
|
+
}
|
|
153
186
|
}
|
|
154
187
|
}
|
|
155
188
|
});
|
package/scrollpanel/index.d.ts
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* @module scrollpanel
|
|
8
8
|
*
|
|
9
9
|
*/
|
|
10
|
-
import type { DefineComponent, DesignToken, EmitFn,
|
|
10
|
+
import type { DefineComponent, DesignToken, EmitFn, PassThrough } from '@primevue/core';
|
|
11
11
|
import type { ComponentHooks } from '@primevue/core/basecomponent';
|
|
12
12
|
import type { PassThroughOptions } from 'primevue/passthrough';
|
|
13
13
|
import { VNode } from 'vue';
|
|
@@ -168,7 +168,7 @@ declare const ScrollPanel: DefineComponent<ScrollPanelProps, ScrollPanelSlots, S
|
|
|
168
168
|
|
|
169
169
|
declare module 'vue' {
|
|
170
170
|
export interface GlobalComponents {
|
|
171
|
-
ScrollPanel:
|
|
171
|
+
ScrollPanel: DefineComponent<ScrollPanelProps, ScrollPanelSlots, ScrollPanelEmits>;
|
|
172
172
|
}
|
|
173
173
|
}
|
|
174
174
|
|
package/scrollpanel/index.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { UniqueComponentId } from '@primevue/core/utils';
|
|
2
1
|
import { getHeight, addClass, removeClass } from '@primeuix/utils/dom';
|
|
2
|
+
import { UniqueComponentId } from '@primevue/core/utils';
|
|
3
3
|
import BaseComponent from '@primevue/core/basecomponent';
|
|
4
4
|
import ScrollPanelStyle from 'primevue/scrollpanel/style';
|
|
5
5
|
import { openBlock, createElementBlock, mergeProps, createElementVNode, renderSlot } from 'vue';
|
|
@@ -39,12 +39,14 @@ var script = {
|
|
|
39
39
|
lastPageY: null,
|
|
40
40
|
timer: null,
|
|
41
41
|
outsideClickListener: null,
|
|
42
|
+
mutationObserver: null,
|
|
42
43
|
data: function data() {
|
|
43
44
|
return {
|
|
44
45
|
id: this.$attrs.id,
|
|
45
46
|
orientation: 'vertical',
|
|
46
47
|
lastScrollTop: 0,
|
|
47
|
-
lastScrollLeft: 0
|
|
48
|
+
lastScrollLeft: 0,
|
|
49
|
+
isRTL: false
|
|
48
50
|
};
|
|
49
51
|
},
|
|
50
52
|
watch: {
|
|
@@ -57,6 +59,8 @@ var script = {
|
|
|
57
59
|
if (this.$el.offsetParent) {
|
|
58
60
|
this.initialize();
|
|
59
61
|
}
|
|
62
|
+
this.updateDirection();
|
|
63
|
+
this.observeDirectionChanges();
|
|
60
64
|
},
|
|
61
65
|
updated: function updated() {
|
|
62
66
|
if (!this.initialized && this.$el.offsetParent) {
|
|
@@ -68,8 +72,26 @@ var script = {
|
|
|
68
72
|
if (this.frame) {
|
|
69
73
|
window.cancelAnimationFrame(this.frame);
|
|
70
74
|
}
|
|
75
|
+
if (this.mutationObserver) {
|
|
76
|
+
this.mutationObserver.disconnect();
|
|
77
|
+
}
|
|
71
78
|
},
|
|
72
79
|
methods: {
|
|
80
|
+
updateDirection: function updateDirection() {
|
|
81
|
+
this.isRTL = !!this.$el.closest('[dir="rtl"]');
|
|
82
|
+
},
|
|
83
|
+
observeDirectionChanges: function observeDirectionChanges() {
|
|
84
|
+
var _this = this;
|
|
85
|
+
var targetNode = document.documentElement;
|
|
86
|
+
var config = {
|
|
87
|
+
attributes: true,
|
|
88
|
+
attributeFilter: ['dir']
|
|
89
|
+
};
|
|
90
|
+
this.mutationObserver = new MutationObserver(function () {
|
|
91
|
+
_this.updateDirection();
|
|
92
|
+
});
|
|
93
|
+
this.mutationObserver.observe(targetNode, config);
|
|
94
|
+
},
|
|
73
95
|
initialize: function initialize() {
|
|
74
96
|
this.moveBar();
|
|
75
97
|
this.bindDocumentResizeListener();
|
|
@@ -88,7 +110,7 @@ var script = {
|
|
|
88
110
|
}
|
|
89
111
|
},
|
|
90
112
|
moveBar: function moveBar() {
|
|
91
|
-
var
|
|
113
|
+
var _this2 = this;
|
|
92
114
|
if (this.$refs.content) {
|
|
93
115
|
/* horizontal scroll */
|
|
94
116
|
var totalWidth = this.$refs.content.scrollWidth;
|
|
@@ -102,24 +124,32 @@ var script = {
|
|
|
102
124
|
var right = (this.$el.clientWidth - this.$refs.yBar.clientWidth) * -1;
|
|
103
125
|
this.scrollYRatio = ownHeight / totalHeight;
|
|
104
126
|
this.frame = this.requestAnimationFrame(function () {
|
|
105
|
-
if (
|
|
106
|
-
if (
|
|
107
|
-
|
|
108
|
-
!
|
|
127
|
+
if (_this2.$refs.xBar) {
|
|
128
|
+
if (_this2.scrollXRatio >= 1) {
|
|
129
|
+
_this2.$refs.xBar.setAttribute('data-p-scrollpanel-hidden', 'true');
|
|
130
|
+
!_this2.isUnstyled && addClass(_this2.$refs.xBar, 'p-scrollpanel-hidden');
|
|
109
131
|
} else {
|
|
110
|
-
|
|
111
|
-
!
|
|
112
|
-
|
|
132
|
+
_this2.$refs.xBar.setAttribute('data-p-scrollpanel-hidden', 'false');
|
|
133
|
+
!_this2.isUnstyled && removeClass(_this2.$refs.xBar, 'p-scrollpanel-hidden');
|
|
134
|
+
if (_this2.isRTL) {
|
|
135
|
+
_this2.$refs.xBar.style.cssText = 'width:' + Math.max(_this2.scrollXRatio * 100, 10) + '%; right:' + _this2.$refs.content.scrollLeft / totalWidth * 100 + '%;bottom:' + bottom + 'px;';
|
|
136
|
+
} else {
|
|
137
|
+
_this2.$refs.xBar.style.cssText = 'width:' + Math.max(_this2.scrollXRatio * 100, 10) + '%; left:' + _this2.$refs.content.scrollLeft / totalWidth * 100 + '%;bottom:' + bottom + 'px;';
|
|
138
|
+
}
|
|
113
139
|
}
|
|
114
140
|
}
|
|
115
|
-
if (
|
|
116
|
-
if (
|
|
117
|
-
|
|
118
|
-
!
|
|
141
|
+
if (_this2.$refs.yBar) {
|
|
142
|
+
if (_this2.scrollYRatio >= 1) {
|
|
143
|
+
_this2.$refs.yBar.setAttribute('data-p-scrollpanel-hidden', 'true');
|
|
144
|
+
!_this2.isUnstyled && addClass(_this2.$refs.yBar, 'p-scrollpanel-hidden');
|
|
119
145
|
} else {
|
|
120
|
-
|
|
121
|
-
!
|
|
122
|
-
|
|
146
|
+
_this2.$refs.yBar.setAttribute('data-p-scrollpanel-hidden', 'false');
|
|
147
|
+
!_this2.isUnstyled && removeClass(_this2.$refs.yBar, 'p-scrollpanel-hidden');
|
|
148
|
+
if (_this2.isRTL) {
|
|
149
|
+
_this2.$refs.yBar.style.cssText = 'height:' + Math.max(_this2.scrollYRatio * 100, 10) + '%; top: calc(' + _this2.$refs.content.scrollTop / totalHeight * 100 + '% - ' + _this2.$refs.xBar.clientHeight + 'px);left:' + right + 'px;';
|
|
150
|
+
} else {
|
|
151
|
+
_this2.$refs.yBar.style.cssText = 'height:' + Math.max(_this2.scrollYRatio * 100, 10) + '%; top: calc(' + _this2.$refs.content.scrollTop / totalHeight * 100 + '% - ' + _this2.$refs.xBar.clientHeight + 'px);right:' + right + 'px;';
|
|
152
|
+
}
|
|
123
153
|
}
|
|
124
154
|
}
|
|
125
155
|
});
|
|
@@ -210,10 +240,10 @@ var script = {
|
|
|
210
240
|
this.moveBar();
|
|
211
241
|
},
|
|
212
242
|
setTimer: function setTimer(bar, step) {
|
|
213
|
-
var
|
|
243
|
+
var _this3 = this;
|
|
214
244
|
this.clearTimer();
|
|
215
245
|
this.timer = setTimeout(function () {
|
|
216
|
-
|
|
246
|
+
_this3.repeat(bar, step);
|
|
217
247
|
}, 40);
|
|
218
248
|
},
|
|
219
249
|
clearTimer: function clearTimer() {
|
|
@@ -232,19 +262,19 @@ var script = {
|
|
|
232
262
|
}
|
|
233
263
|
},
|
|
234
264
|
onMouseMoveForXBar: function onMouseMoveForXBar(e) {
|
|
235
|
-
var
|
|
265
|
+
var _this4 = this;
|
|
236
266
|
var deltaX = e.pageX - this.lastPageX;
|
|
237
267
|
this.lastPageX = e.pageX;
|
|
238
268
|
this.frame = this.requestAnimationFrame(function () {
|
|
239
|
-
|
|
269
|
+
_this4.$refs.content.scrollLeft += deltaX / _this4.scrollXRatio;
|
|
240
270
|
});
|
|
241
271
|
},
|
|
242
272
|
onMouseMoveForYBar: function onMouseMoveForYBar(e) {
|
|
243
|
-
var
|
|
273
|
+
var _this5 = this;
|
|
244
274
|
var deltaY = e.pageY - this.lastPageY;
|
|
245
275
|
this.lastPageY = e.pageY;
|
|
246
276
|
this.frame = this.requestAnimationFrame(function () {
|
|
247
|
-
|
|
277
|
+
_this5.$refs.content.scrollTop += deltaY / _this5.scrollYRatio;
|
|
248
278
|
});
|
|
249
279
|
},
|
|
250
280
|
onFocus: function onFocus(event) {
|
|
@@ -286,16 +316,16 @@ var script = {
|
|
|
286
316
|
setTimeout(fn, 0);
|
|
287
317
|
},
|
|
288
318
|
bindDocumentMouseListeners: function bindDocumentMouseListeners() {
|
|
289
|
-
var
|
|
319
|
+
var _this6 = this;
|
|
290
320
|
if (!this.documentMouseMoveListener) {
|
|
291
321
|
this.documentMouseMoveListener = function (e) {
|
|
292
|
-
|
|
322
|
+
_this6.onDocumentMouseMove(e);
|
|
293
323
|
};
|
|
294
324
|
document.addEventListener('mousemove', this.documentMouseMoveListener);
|
|
295
325
|
}
|
|
296
326
|
if (!this.documentMouseUpListener) {
|
|
297
327
|
this.documentMouseUpListener = function (e) {
|
|
298
|
-
|
|
328
|
+
_this6.onDocumentMouseUp(e);
|
|
299
329
|
};
|
|
300
330
|
document.addEventListener('mouseup', this.documentMouseUpListener);
|
|
301
331
|
}
|
|
@@ -311,10 +341,10 @@ var script = {
|
|
|
311
341
|
}
|
|
312
342
|
},
|
|
313
343
|
bindDocumentResizeListener: function bindDocumentResizeListener() {
|
|
314
|
-
var
|
|
344
|
+
var _this7 = this;
|
|
315
345
|
if (!this.documentResizeListener) {
|
|
316
346
|
this.documentResizeListener = function () {
|
|
317
|
-
|
|
347
|
+
_this7.moveBar();
|
|
318
348
|
};
|
|
319
349
|
window.addEventListener('resize', this.documentResizeListener);
|
|
320
350
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/scrollpanel/BaseScrollPanel.vue","../../src/scrollpanel/ScrollPanel.vue","../../src/scrollpanel/ScrollPanel.vue?vue&type=template&id=d7d01550&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ScrollPanelStyle from 'primevue/scrollpanel/style';\n\nexport default {\n name: 'BaseScrollPanel',\n extends: BaseComponent,\n props: {\n step: {\n type: Number,\n default: 5\n }\n },\n style: ScrollPanelStyle,\n provide() {\n return {\n $pcScrollPanel: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <div :class=\"cx('contentContainer')\" v-bind=\"ptm('contentContainer')\">\n <div ref=\"content\" :id=\"contentId\" :class=\"cx('content')\" @scroll=\"onScroll\" @mouseenter=\"moveBar\" v-bind=\"ptm('content')\">\n <slot></slot>\n </div>\n </div>\n <div\n ref=\"xBar\"\n :class=\"cx('barx')\"\n tabindex=\"0\"\n role=\"scrollbar\"\n aria-orientation=\"horizontal\"\n :aria-controls=\"contentId\"\n :aria-valuenow=\"lastScrollLeft\"\n @mousedown=\"onXBarMouseDown\"\n @keydown=\"onKeyDown($event)\"\n @keyup=\"onKeyUp\"\n @focus=\"onFocus\"\n @blur=\"onBlur\"\n v-bind=\"ptm('barx')\"\n data-pc-group-section=\"bar\"\n ></div>\n <div\n ref=\"yBar\"\n :class=\"cx('bary')\"\n tabindex=\"0\"\n role=\"scrollbar\"\n aria-orientation=\"vertical\"\n :aria-controls=\"contentId\"\n :aria-valuenow=\"lastScrollTop\"\n @mousedown=\"onYBarMouseDown\"\n @keydown=\"onKeyDown($event)\"\n @keyup=\"onKeyUp\"\n @focus=\"onFocus\"\n v-bind=\"ptm('bary')\"\n data-pc-group-section=\"bar\"\n ></div>\n </div>\n</template>\n\n<script>\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport { getHeight, addClass, removeClass } from '@primeuix/utils/dom';\nimport BaseScrollPanel from './BaseScrollPanel.vue';\n\nexport default {\n name: 'ScrollPanel',\n extends: BaseScrollPanel,\n inheritAttrs: false,\n initialized: false,\n documentResizeListener: null,\n documentMouseMoveListener: null,\n documentMouseUpListener: null,\n frame: null,\n scrollXRatio: null,\n scrollYRatio: null,\n isXBarClicked: false,\n isYBarClicked: false,\n lastPageX: null,\n lastPageY: null,\n timer: null,\n outsideClickListener: null,\n data() {\n return {\n id: this.$attrs.id,\n orientation: 'vertical',\n lastScrollTop: 0,\n lastScrollLeft: 0\n };\n },\n watch: {\n '$attrs.id': function (newValue) {\n this.id = newValue || UniqueComponentId();\n }\n },\n mounted() {\n this.id = this.id || UniqueComponentId();\n\n if (this.$el.offsetParent) {\n this.initialize();\n }\n },\n updated() {\n if (!this.initialized && this.$el.offsetParent) {\n this.initialize();\n }\n },\n beforeUnmount() {\n this.unbindDocumentResizeListener();\n\n if (this.frame) {\n window.cancelAnimationFrame(this.frame);\n }\n },\n methods: {\n initialize() {\n this.moveBar();\n this.bindDocumentResizeListener();\n this.calculateContainerHeight();\n },\n calculateContainerHeight() {\n let containerStyles = getComputedStyle(this.$el),\n xBarStyles = getComputedStyle(this.$refs.xBar),\n pureContainerHeight = getHeight(this.$el) - parseInt(xBarStyles['height'], 10);\n\n if (containerStyles['max-height'] !== 'none' && pureContainerHeight === 0) {\n if (this.$refs.content.offsetHeight + parseInt(xBarStyles['height'], 10) > parseInt(containerStyles['max-height'], 10)) {\n this.$el.style.height = containerStyles['max-height'];\n } else {\n this.$el.style.height =\n this.$refs.content.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + 'px';\n }\n }\n },\n moveBar() {\n if (this.$refs.content) {\n /* horizontal scroll */\n let totalWidth = this.$refs.content.scrollWidth;\n let ownWidth = this.$refs.content.clientWidth;\n let bottom = (this.$el.clientHeight - this.$refs.xBar.clientHeight) * -1;\n\n this.scrollXRatio = ownWidth / totalWidth;\n\n /* vertical scroll */\n let totalHeight = this.$refs.content.scrollHeight;\n let ownHeight = this.$refs.content.clientHeight;\n let right = (this.$el.clientWidth - this.$refs.yBar.clientWidth) * -1;\n\n this.scrollYRatio = ownHeight / totalHeight;\n\n this.frame = this.requestAnimationFrame(() => {\n if (this.$refs.xBar) {\n if (this.scrollXRatio >= 1) {\n this.$refs.xBar.setAttribute('data-p-scrollpanel-hidden', 'true');\n !this.isUnstyled && addClass(this.$refs.xBar, 'p-scrollpanel-hidden');\n } else {\n this.$refs.xBar.setAttribute('data-p-scrollpanel-hidden', 'false');\n !this.isUnstyled && removeClass(this.$refs.xBar, 'p-scrollpanel-hidden');\n this.$refs.xBar.style.cssText = 'width:' + Math.max(this.scrollXRatio * 100, 10) + '%; left:' + (this.$refs.content.scrollLeft / totalWidth) * 100 + '%;bottom:' + bottom + 'px;';\n }\n }\n\n if (this.$refs.yBar) {\n if (this.scrollYRatio >= 1) {\n this.$refs.yBar.setAttribute('data-p-scrollpanel-hidden', 'true');\n !this.isUnstyled && addClass(this.$refs.yBar, 'p-scrollpanel-hidden');\n } else {\n this.$refs.yBar.setAttribute('data-p-scrollpanel-hidden', 'false');\n !this.isUnstyled && removeClass(this.$refs.yBar, 'p-scrollpanel-hidden');\n this.$refs.yBar.style.cssText =\n 'height:' + Math.max(this.scrollYRatio * 100, 10) + '%; top: calc(' + (this.$refs.content.scrollTop / totalHeight) * 100 + '% - ' + this.$refs.xBar.clientHeight + 'px);right:' + right + 'px;';\n }\n }\n });\n }\n },\n onYBarMouseDown(e) {\n this.isYBarClicked = true;\n this.$refs.yBar.focus();\n this.lastPageY = e.pageY;\n this.$refs.yBar.setAttribute('data-p-scrollpanel-grabbed', 'true');\n !this.isUnstyled && addClass(this.$refs.yBar, 'p-scrollpanel-grabbed');\n document.body.setAttribute('data-p-scrollpanel-grabbed', 'true');\n !this.isUnstyled && addClass(document.body, 'p-scrollpanel-grabbed');\n\n this.bindDocumentMouseListeners();\n e.preventDefault();\n },\n onXBarMouseDown(e) {\n this.isXBarClicked = true;\n this.$refs.xBar.focus();\n this.lastPageX = e.pageX;\n this.$refs.yBar.setAttribute('data-p-scrollpanel-grabbed', 'false');\n !this.isUnstyled && addClass(this.$refs.xBar, 'p-scrollpanel-grabbed');\n document.body.setAttribute('data-p-scrollpanel-grabbed', 'false');\n !this.isUnstyled && addClass(document.body, 'p-scrollpanel-grabbed');\n\n this.bindDocumentMouseListeners();\n e.preventDefault();\n },\n onScroll(event) {\n if (this.lastScrollLeft !== event.target.scrollLeft) {\n this.lastScrollLeft = event.target.scrollLeft;\n this.orientation = 'horizontal';\n } else if (this.lastScrollTop !== event.target.scrollTop) {\n this.lastScrollTop = event.target.scrollTop;\n this.orientation = 'vertical';\n }\n\n this.moveBar();\n },\n onKeyDown(event) {\n if (this.orientation === 'vertical') {\n switch (event.code) {\n case 'ArrowDown': {\n this.setTimer('scrollTop', this.step);\n event.preventDefault();\n break;\n }\n\n case 'ArrowUp': {\n this.setTimer('scrollTop', this.step * -1);\n event.preventDefault();\n break;\n }\n\n case 'ArrowLeft':\n\n case 'ArrowRight': {\n event.preventDefault();\n break;\n }\n\n default:\n //no op\n break;\n }\n } else if (this.orientation === 'horizontal') {\n switch (event.code) {\n case 'ArrowRight': {\n this.setTimer('scrollLeft', this.step);\n event.preventDefault();\n break;\n }\n\n case 'ArrowLeft': {\n this.setTimer('scrollLeft', this.step * -1);\n event.preventDefault();\n break;\n }\n\n case 'ArrowDown':\n\n case 'ArrowUp': {\n event.preventDefault();\n break;\n }\n\n default:\n //no op\n break;\n }\n }\n },\n onKeyUp() {\n this.clearTimer();\n },\n repeat(bar, step) {\n this.$refs.content[bar] += step;\n this.moveBar();\n },\n setTimer(bar, step) {\n this.clearTimer();\n this.timer = setTimeout(() => {\n this.repeat(bar, step);\n }, 40);\n },\n clearTimer() {\n if (this.timer) {\n clearTimeout(this.timer);\n }\n },\n onDocumentMouseMove(e) {\n if (this.isXBarClicked) {\n this.onMouseMoveForXBar(e);\n } else if (this.isYBarClicked) {\n this.onMouseMoveForYBar(e);\n } else {\n this.onMouseMoveForXBar(e);\n this.onMouseMoveForYBar(e);\n }\n },\n onMouseMoveForXBar(e) {\n let deltaX = e.pageX - this.lastPageX;\n\n this.lastPageX = e.pageX;\n\n this.frame = this.requestAnimationFrame(() => {\n this.$refs.content.scrollLeft += deltaX / this.scrollXRatio;\n });\n },\n onMouseMoveForYBar(e) {\n let deltaY = e.pageY - this.lastPageY;\n\n this.lastPageY = e.pageY;\n\n this.frame = this.requestAnimationFrame(() => {\n this.$refs.content.scrollTop += deltaY / this.scrollYRatio;\n });\n },\n onFocus(event) {\n if (this.$refs.xBar.isSameNode(event.target)) {\n this.orientation = 'horizontal';\n } else if (this.$refs.yBar.isSameNode(event.target)) {\n this.orientation = 'vertical';\n }\n },\n onBlur() {\n if (this.orientation === 'horizontal') {\n this.orientation = 'vertical';\n }\n },\n onDocumentMouseUp() {\n this.$refs.yBar.setAttribute('data-p-scrollpanel-grabbed', 'false');\n !this.isUnstyled && removeClass(this.$refs.yBar, 'p-scrollpanel-grabbed');\n this.$refs.xBar.setAttribute('data-p-scrollpanel-grabbed', 'false');\n !this.isUnstyled && removeClass(this.$refs.xBar, 'p-scrollpanel-grabbed');\n document.body.setAttribute('data-p-scrollpanel-grabbed', 'false');\n !this.isUnstyled && removeClass(document.body, 'p-scrollpanel-grabbed');\n\n this.unbindDocumentMouseListeners();\n this.isXBarClicked = false;\n this.isYBarClicked = false;\n },\n requestAnimationFrame(f) {\n let frame = window.requestAnimationFrame || this.timeoutFrame;\n\n return frame(f);\n },\n refresh() {\n this.moveBar();\n },\n scrollTop(scrollTop) {\n let scrollableHeight = this.$refs.content.scrollHeight - this.$refs.content.clientHeight;\n\n scrollTop = scrollTop > scrollableHeight ? scrollableHeight : scrollTop > 0 ? scrollTop : 0;\n this.$refs.content.scrollTop = scrollTop;\n },\n timeoutFrame(fn) {\n setTimeout(fn, 0);\n },\n bindDocumentMouseListeners() {\n if (!this.documentMouseMoveListener) {\n this.documentMouseMoveListener = (e) => {\n this.onDocumentMouseMove(e);\n };\n\n document.addEventListener('mousemove', this.documentMouseMoveListener);\n }\n\n if (!this.documentMouseUpListener) {\n this.documentMouseUpListener = (e) => {\n this.onDocumentMouseUp(e);\n };\n\n document.addEventListener('mouseup', this.documentMouseUpListener);\n }\n },\n unbindDocumentMouseListeners() {\n if (this.documentMouseMoveListener) {\n document.removeEventListener('mousemove', this.documentMouseMoveListener);\n this.documentMouseMoveListener = null;\n }\n\n if (this.documentMouseUpListener) {\n document.removeEventListener('mouseup', this.documentMouseUpListener);\n this.documentMouseUpListener = null;\n }\n },\n bindDocumentResizeListener() {\n if (!this.documentResizeListener) {\n this.documentResizeListener = () => {\n this.moveBar();\n };\n\n window.addEventListener('resize', this.documentResizeListener);\n }\n },\n unbindDocumentResizeListener() {\n if (this.documentResizeListener) {\n window.removeEventListener('resize', this.documentResizeListener);\n this.documentResizeListener = null;\n }\n }\n },\n computed: {\n contentId() {\n return this.id + '_content';\n }\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <div :class=\"cx('contentContainer')\" v-bind=\"ptm('contentContainer')\">\n <div ref=\"content\" :id=\"contentId\" :class=\"cx('content')\" @scroll=\"onScroll\" @mouseenter=\"moveBar\" v-bind=\"ptm('content')\">\n <slot></slot>\n </div>\n </div>\n <div\n ref=\"xBar\"\n :class=\"cx('barx')\"\n tabindex=\"0\"\n role=\"scrollbar\"\n aria-orientation=\"horizontal\"\n :aria-controls=\"contentId\"\n :aria-valuenow=\"lastScrollLeft\"\n @mousedown=\"onXBarMouseDown\"\n @keydown=\"onKeyDown($event)\"\n @keyup=\"onKeyUp\"\n @focus=\"onFocus\"\n @blur=\"onBlur\"\n v-bind=\"ptm('barx')\"\n data-pc-group-section=\"bar\"\n ></div>\n <div\n ref=\"yBar\"\n :class=\"cx('bary')\"\n tabindex=\"0\"\n role=\"scrollbar\"\n aria-orientation=\"vertical\"\n :aria-controls=\"contentId\"\n :aria-valuenow=\"lastScrollTop\"\n @mousedown=\"onYBarMouseDown\"\n @keydown=\"onKeyDown($event)\"\n @keyup=\"onKeyUp\"\n @focus=\"onFocus\"\n v-bind=\"ptm('bary')\"\n data-pc-group-section=\"bar\"\n ></div>\n </div>\n</template>\n\n<script>\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport { getHeight, addClass, removeClass } from '@primeuix/utils/dom';\nimport BaseScrollPanel from './BaseScrollPanel.vue';\n\nexport default {\n name: 'ScrollPanel',\n extends: BaseScrollPanel,\n inheritAttrs: false,\n initialized: false,\n documentResizeListener: null,\n documentMouseMoveListener: null,\n documentMouseUpListener: null,\n frame: null,\n scrollXRatio: null,\n scrollYRatio: null,\n isXBarClicked: false,\n isYBarClicked: false,\n lastPageX: null,\n lastPageY: null,\n timer: null,\n outsideClickListener: null,\n data() {\n return {\n id: this.$attrs.id,\n orientation: 'vertical',\n lastScrollTop: 0,\n lastScrollLeft: 0\n };\n },\n watch: {\n '$attrs.id': function (newValue) {\n this.id = newValue || UniqueComponentId();\n }\n },\n mounted() {\n this.id = this.id || UniqueComponentId();\n\n if (this.$el.offsetParent) {\n this.initialize();\n }\n },\n updated() {\n if (!this.initialized && this.$el.offsetParent) {\n this.initialize();\n }\n },\n beforeUnmount() {\n this.unbindDocumentResizeListener();\n\n if (this.frame) {\n window.cancelAnimationFrame(this.frame);\n }\n },\n methods: {\n initialize() {\n this.moveBar();\n this.bindDocumentResizeListener();\n this.calculateContainerHeight();\n },\n calculateContainerHeight() {\n let containerStyles = getComputedStyle(this.$el),\n xBarStyles = getComputedStyle(this.$refs.xBar),\n pureContainerHeight = getHeight(this.$el) - parseInt(xBarStyles['height'], 10);\n\n if (containerStyles['max-height'] !== 'none' && pureContainerHeight === 0) {\n if (this.$refs.content.offsetHeight + parseInt(xBarStyles['height'], 10) > parseInt(containerStyles['max-height'], 10)) {\n this.$el.style.height = containerStyles['max-height'];\n } else {\n this.$el.style.height =\n this.$refs.content.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + 'px';\n }\n }\n },\n moveBar() {\n if (this.$refs.content) {\n /* horizontal scroll */\n let totalWidth = this.$refs.content.scrollWidth;\n let ownWidth = this.$refs.content.clientWidth;\n let bottom = (this.$el.clientHeight - this.$refs.xBar.clientHeight) * -1;\n\n this.scrollXRatio = ownWidth / totalWidth;\n\n /* vertical scroll */\n let totalHeight = this.$refs.content.scrollHeight;\n let ownHeight = this.$refs.content.clientHeight;\n let right = (this.$el.clientWidth - this.$refs.yBar.clientWidth) * -1;\n\n this.scrollYRatio = ownHeight / totalHeight;\n\n this.frame = this.requestAnimationFrame(() => {\n if (this.$refs.xBar) {\n if (this.scrollXRatio >= 1) {\n this.$refs.xBar.setAttribute('data-p-scrollpanel-hidden', 'true');\n !this.isUnstyled && addClass(this.$refs.xBar, 'p-scrollpanel-hidden');\n } else {\n this.$refs.xBar.setAttribute('data-p-scrollpanel-hidden', 'false');\n !this.isUnstyled && removeClass(this.$refs.xBar, 'p-scrollpanel-hidden');\n this.$refs.xBar.style.cssText = 'width:' + Math.max(this.scrollXRatio * 100, 10) + '%; left:' + (this.$refs.content.scrollLeft / totalWidth) * 100 + '%;bottom:' + bottom + 'px;';\n }\n }\n\n if (this.$refs.yBar) {\n if (this.scrollYRatio >= 1) {\n this.$refs.yBar.setAttribute('data-p-scrollpanel-hidden', 'true');\n !this.isUnstyled && addClass(this.$refs.yBar, 'p-scrollpanel-hidden');\n } else {\n this.$refs.yBar.setAttribute('data-p-scrollpanel-hidden', 'false');\n !this.isUnstyled && removeClass(this.$refs.yBar, 'p-scrollpanel-hidden');\n this.$refs.yBar.style.cssText =\n 'height:' + Math.max(this.scrollYRatio * 100, 10) + '%; top: calc(' + (this.$refs.content.scrollTop / totalHeight) * 100 + '% - ' + this.$refs.xBar.clientHeight + 'px);right:' + right + 'px;';\n }\n }\n });\n }\n },\n onYBarMouseDown(e) {\n this.isYBarClicked = true;\n this.$refs.yBar.focus();\n this.lastPageY = e.pageY;\n this.$refs.yBar.setAttribute('data-p-scrollpanel-grabbed', 'true');\n !this.isUnstyled && addClass(this.$refs.yBar, 'p-scrollpanel-grabbed');\n document.body.setAttribute('data-p-scrollpanel-grabbed', 'true');\n !this.isUnstyled && addClass(document.body, 'p-scrollpanel-grabbed');\n\n this.bindDocumentMouseListeners();\n e.preventDefault();\n },\n onXBarMouseDown(e) {\n this.isXBarClicked = true;\n this.$refs.xBar.focus();\n this.lastPageX = e.pageX;\n this.$refs.yBar.setAttribute('data-p-scrollpanel-grabbed', 'false');\n !this.isUnstyled && addClass(this.$refs.xBar, 'p-scrollpanel-grabbed');\n document.body.setAttribute('data-p-scrollpanel-grabbed', 'false');\n !this.isUnstyled && addClass(document.body, 'p-scrollpanel-grabbed');\n\n this.bindDocumentMouseListeners();\n e.preventDefault();\n },\n onScroll(event) {\n if (this.lastScrollLeft !== event.target.scrollLeft) {\n this.lastScrollLeft = event.target.scrollLeft;\n this.orientation = 'horizontal';\n } else if (this.lastScrollTop !== event.target.scrollTop) {\n this.lastScrollTop = event.target.scrollTop;\n this.orientation = 'vertical';\n }\n\n this.moveBar();\n },\n onKeyDown(event) {\n if (this.orientation === 'vertical') {\n switch (event.code) {\n case 'ArrowDown': {\n this.setTimer('scrollTop', this.step);\n event.preventDefault();\n break;\n }\n\n case 'ArrowUp': {\n this.setTimer('scrollTop', this.step * -1);\n event.preventDefault();\n break;\n }\n\n case 'ArrowLeft':\n\n case 'ArrowRight': {\n event.preventDefault();\n break;\n }\n\n default:\n //no op\n break;\n }\n } else if (this.orientation === 'horizontal') {\n switch (event.code) {\n case 'ArrowRight': {\n this.setTimer('scrollLeft', this.step);\n event.preventDefault();\n break;\n }\n\n case 'ArrowLeft': {\n this.setTimer('scrollLeft', this.step * -1);\n event.preventDefault();\n break;\n }\n\n case 'ArrowDown':\n\n case 'ArrowUp': {\n event.preventDefault();\n break;\n }\n\n default:\n //no op\n break;\n }\n }\n },\n onKeyUp() {\n this.clearTimer();\n },\n repeat(bar, step) {\n this.$refs.content[bar] += step;\n this.moveBar();\n },\n setTimer(bar, step) {\n this.clearTimer();\n this.timer = setTimeout(() => {\n this.repeat(bar, step);\n }, 40);\n },\n clearTimer() {\n if (this.timer) {\n clearTimeout(this.timer);\n }\n },\n onDocumentMouseMove(e) {\n if (this.isXBarClicked) {\n this.onMouseMoveForXBar(e);\n } else if (this.isYBarClicked) {\n this.onMouseMoveForYBar(e);\n } else {\n this.onMouseMoveForXBar(e);\n this.onMouseMoveForYBar(e);\n }\n },\n onMouseMoveForXBar(e) {\n let deltaX = e.pageX - this.lastPageX;\n\n this.lastPageX = e.pageX;\n\n this.frame = this.requestAnimationFrame(() => {\n this.$refs.content.scrollLeft += deltaX / this.scrollXRatio;\n });\n },\n onMouseMoveForYBar(e) {\n let deltaY = e.pageY - this.lastPageY;\n\n this.lastPageY = e.pageY;\n\n this.frame = this.requestAnimationFrame(() => {\n this.$refs.content.scrollTop += deltaY / this.scrollYRatio;\n });\n },\n onFocus(event) {\n if (this.$refs.xBar.isSameNode(event.target)) {\n this.orientation = 'horizontal';\n } else if (this.$refs.yBar.isSameNode(event.target)) {\n this.orientation = 'vertical';\n }\n },\n onBlur() {\n if (this.orientation === 'horizontal') {\n this.orientation = 'vertical';\n }\n },\n onDocumentMouseUp() {\n this.$refs.yBar.setAttribute('data-p-scrollpanel-grabbed', 'false');\n !this.isUnstyled && removeClass(this.$refs.yBar, 'p-scrollpanel-grabbed');\n this.$refs.xBar.setAttribute('data-p-scrollpanel-grabbed', 'false');\n !this.isUnstyled && removeClass(this.$refs.xBar, 'p-scrollpanel-grabbed');\n document.body.setAttribute('data-p-scrollpanel-grabbed', 'false');\n !this.isUnstyled && removeClass(document.body, 'p-scrollpanel-grabbed');\n\n this.unbindDocumentMouseListeners();\n this.isXBarClicked = false;\n this.isYBarClicked = false;\n },\n requestAnimationFrame(f) {\n let frame = window.requestAnimationFrame || this.timeoutFrame;\n\n return frame(f);\n },\n refresh() {\n this.moveBar();\n },\n scrollTop(scrollTop) {\n let scrollableHeight = this.$refs.content.scrollHeight - this.$refs.content.clientHeight;\n\n scrollTop = scrollTop > scrollableHeight ? scrollableHeight : scrollTop > 0 ? scrollTop : 0;\n this.$refs.content.scrollTop = scrollTop;\n },\n timeoutFrame(fn) {\n setTimeout(fn, 0);\n },\n bindDocumentMouseListeners() {\n if (!this.documentMouseMoveListener) {\n this.documentMouseMoveListener = (e) => {\n this.onDocumentMouseMove(e);\n };\n\n document.addEventListener('mousemove', this.documentMouseMoveListener);\n }\n\n if (!this.documentMouseUpListener) {\n this.documentMouseUpListener = (e) => {\n this.onDocumentMouseUp(e);\n };\n\n document.addEventListener('mouseup', this.documentMouseUpListener);\n }\n },\n unbindDocumentMouseListeners() {\n if (this.documentMouseMoveListener) {\n document.removeEventListener('mousemove', this.documentMouseMoveListener);\n this.documentMouseMoveListener = null;\n }\n\n if (this.documentMouseUpListener) {\n document.removeEventListener('mouseup', this.documentMouseUpListener);\n this.documentMouseUpListener = null;\n }\n },\n bindDocumentResizeListener() {\n if (!this.documentResizeListener) {\n this.documentResizeListener = () => {\n this.moveBar();\n };\n\n window.addEventListener('resize', this.documentResizeListener);\n }\n },\n unbindDocumentResizeListener() {\n if (this.documentResizeListener) {\n window.removeEventListener('resize', this.documentResizeListener);\n this.documentResizeListener = null;\n }\n }\n },\n computed: {\n contentId() {\n return this.id + '_content';\n }\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","step","type","Number","style","ScrollPanelStyle","provide","$pcScrollPanel","$parentInstance","BaseScrollPanel","inheritAttrs","initialized","documentResizeListener","documentMouseMoveListener","documentMouseUpListener","frame","scrollXRatio","scrollYRatio","isXBarClicked","isYBarClicked","lastPageX","lastPageY","timer","outsideClickListener","data","id","$attrs","orientation","lastScrollTop","lastScrollLeft","watch","$attrsId","newValue","UniqueComponentId","mounted","$el","offsetParent","initialize","updated","beforeUnmount","unbindDocumentResizeListener","window","cancelAnimationFrame","methods","moveBar","bindDocumentResizeListener","calculateContainerHeight","containerStyles","getComputedStyle","xBarStyles","$refs","xBar","pureContainerHeight","getHeight","parseInt","content","offsetHeight","height","parseFloat","paddingTop","paddingBottom","borderTopWidth","borderBottomWidth","_this","totalWidth","scrollWidth","ownWidth","clientWidth","bottom","clientHeight","totalHeight","scrollHeight","ownHeight","right","yBar","requestAnimationFrame","setAttribute","isUnstyled","addClass","removeClass","cssText","Math","max","scrollLeft","scrollTop","onYBarMouseDown","e","focus","pageY","document","body","bindDocumentMouseListeners","preventDefault","onXBarMouseDown","pageX","onScroll","event","target","onKeyDown","code","setTimer","onKeyUp","clearTimer","repeat","bar","_this2","setTimeout","clearTimeout","onDocumentMouseMove","onMouseMoveForXBar","onMouseMoveForYBar","_this3","deltaX","_this4","deltaY","onFocus","isSameNode","onBlur","onDocumentMouseUp","unbindDocumentMouseListeners","f","timeoutFrame","refresh","scrollableHeight","fn","_this5","addEventListener","removeEventListener","_this6","computed","contentId","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_createElementVNode","ptm","ref","$options","apply","arguments","onMouseenter","_renderSlot","$slots","tabindex","role","$data","onMousedown","onKeydown","_cache","$event","onKeyup","_hoisted_2","_hoisted_3"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/scrollpanel/BaseScrollPanel.vue","../../src/scrollpanel/ScrollPanel.vue","../../src/scrollpanel/ScrollPanel.vue?vue&type=template&id=34af76e6&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ScrollPanelStyle from 'primevue/scrollpanel/style';\n\nexport default {\n name: 'BaseScrollPanel',\n extends: BaseComponent,\n props: {\n step: {\n type: Number,\n default: 5\n }\n },\n style: ScrollPanelStyle,\n provide() {\n return {\n $pcScrollPanel: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <div :class=\"cx('contentContainer')\" v-bind=\"ptm('contentContainer')\">\n <div ref=\"content\" :id=\"contentId\" :class=\"cx('content')\" @scroll=\"onScroll\" @mouseenter=\"moveBar\" v-bind=\"ptm('content')\">\n <slot></slot>\n </div>\n </div>\n <div\n ref=\"xBar\"\n :class=\"cx('barx')\"\n tabindex=\"0\"\n role=\"scrollbar\"\n aria-orientation=\"horizontal\"\n :aria-controls=\"contentId\"\n :aria-valuenow=\"lastScrollLeft\"\n @mousedown=\"onXBarMouseDown\"\n @keydown=\"onKeyDown($event)\"\n @keyup=\"onKeyUp\"\n @focus=\"onFocus\"\n @blur=\"onBlur\"\n v-bind=\"ptm('barx')\"\n data-pc-group-section=\"bar\"\n ></div>\n <div\n ref=\"yBar\"\n :class=\"cx('bary')\"\n tabindex=\"0\"\n role=\"scrollbar\"\n aria-orientation=\"vertical\"\n :aria-controls=\"contentId\"\n :aria-valuenow=\"lastScrollTop\"\n @mousedown=\"onYBarMouseDown\"\n @keydown=\"onKeyDown($event)\"\n @keyup=\"onKeyUp\"\n @focus=\"onFocus\"\n v-bind=\"ptm('bary')\"\n data-pc-group-section=\"bar\"\n ></div>\n </div>\n</template>\n\n<script>\nimport { addClass, getHeight, removeClass } from '@primeuix/utils/dom';\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport BaseScrollPanel from './BaseScrollPanel.vue';\n\nexport default {\n name: 'ScrollPanel',\n extends: BaseScrollPanel,\n inheritAttrs: false,\n initialized: false,\n documentResizeListener: null,\n documentMouseMoveListener: null,\n documentMouseUpListener: null,\n frame: null,\n scrollXRatio: null,\n scrollYRatio: null,\n isXBarClicked: false,\n isYBarClicked: false,\n lastPageX: null,\n lastPageY: null,\n timer: null,\n outsideClickListener: null,\n mutationObserver: null,\n data() {\n return {\n id: this.$attrs.id,\n orientation: 'vertical',\n lastScrollTop: 0,\n lastScrollLeft: 0,\n isRTL: false\n };\n },\n watch: {\n '$attrs.id': function (newValue) {\n this.id = newValue || UniqueComponentId();\n }\n },\n mounted() {\n this.id = this.id || UniqueComponentId();\n\n if (this.$el.offsetParent) {\n this.initialize();\n }\n\n this.updateDirection();\n this.observeDirectionChanges();\n },\n updated() {\n if (!this.initialized && this.$el.offsetParent) {\n this.initialize();\n }\n },\n beforeUnmount() {\n this.unbindDocumentResizeListener();\n\n if (this.frame) {\n window.cancelAnimationFrame(this.frame);\n }\n\n if (this.mutationObserver) {\n this.mutationObserver.disconnect();\n }\n },\n methods: {\n updateDirection() {\n this.isRTL = !!this.$el.closest('[dir=\"rtl\"]');\n },\n observeDirectionChanges() {\n const targetNode = document.documentElement;\n const config = { attributes: true, attributeFilter: ['dir'] };\n\n this.mutationObserver = new MutationObserver(() => {\n this.updateDirection();\n });\n\n this.mutationObserver.observe(targetNode, config);\n },\n initialize() {\n this.moveBar();\n this.bindDocumentResizeListener();\n this.calculateContainerHeight();\n },\n calculateContainerHeight() {\n let containerStyles = getComputedStyle(this.$el),\n xBarStyles = getComputedStyle(this.$refs.xBar),\n pureContainerHeight = getHeight(this.$el) - parseInt(xBarStyles['height'], 10);\n\n if (containerStyles['max-height'] !== 'none' && pureContainerHeight === 0) {\n if (this.$refs.content.offsetHeight + parseInt(xBarStyles['height'], 10) > parseInt(containerStyles['max-height'], 10)) {\n this.$el.style.height = containerStyles['max-height'];\n } else {\n this.$el.style.height =\n this.$refs.content.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + 'px';\n }\n }\n },\n moveBar() {\n if (this.$refs.content) {\n /* horizontal scroll */\n let totalWidth = this.$refs.content.scrollWidth;\n let ownWidth = this.$refs.content.clientWidth;\n let bottom = (this.$el.clientHeight - this.$refs.xBar.clientHeight) * -1;\n\n this.scrollXRatio = ownWidth / totalWidth;\n\n /* vertical scroll */\n let totalHeight = this.$refs.content.scrollHeight;\n let ownHeight = this.$refs.content.clientHeight;\n let right = (this.$el.clientWidth - this.$refs.yBar.clientWidth) * -1;\n\n this.scrollYRatio = ownHeight / totalHeight;\n\n this.frame = this.requestAnimationFrame(() => {\n if (this.$refs.xBar) {\n if (this.scrollXRatio >= 1) {\n this.$refs.xBar.setAttribute('data-p-scrollpanel-hidden', 'true');\n !this.isUnstyled && addClass(this.$refs.xBar, 'p-scrollpanel-hidden');\n } else {\n this.$refs.xBar.setAttribute('data-p-scrollpanel-hidden', 'false');\n !this.isUnstyled && removeClass(this.$refs.xBar, 'p-scrollpanel-hidden');\n\n if (this.isRTL) {\n this.$refs.xBar.style.cssText = 'width:' + Math.max(this.scrollXRatio * 100, 10) + '%; right:' + (this.$refs.content.scrollLeft / totalWidth) * 100 + '%;bottom:' + bottom + 'px;';\n } else {\n this.$refs.xBar.style.cssText = 'width:' + Math.max(this.scrollXRatio * 100, 10) + '%; left:' + (this.$refs.content.scrollLeft / totalWidth) * 100 + '%;bottom:' + bottom + 'px;';\n }\n }\n }\n\n if (this.$refs.yBar) {\n if (this.scrollYRatio >= 1) {\n this.$refs.yBar.setAttribute('data-p-scrollpanel-hidden', 'true');\n !this.isUnstyled && addClass(this.$refs.yBar, 'p-scrollpanel-hidden');\n } else {\n this.$refs.yBar.setAttribute('data-p-scrollpanel-hidden', 'false');\n !this.isUnstyled && removeClass(this.$refs.yBar, 'p-scrollpanel-hidden');\n\n if (this.isRTL) {\n this.$refs.yBar.style.cssText =\n 'height:' + Math.max(this.scrollYRatio * 100, 10) + '%; top: calc(' + (this.$refs.content.scrollTop / totalHeight) * 100 + '% - ' + this.$refs.xBar.clientHeight + 'px);left:' + right + 'px;';\n } else {\n this.$refs.yBar.style.cssText =\n 'height:' + Math.max(this.scrollYRatio * 100, 10) + '%; top: calc(' + (this.$refs.content.scrollTop / totalHeight) * 100 + '% - ' + this.$refs.xBar.clientHeight + 'px);right:' + right + 'px;';\n }\n }\n }\n });\n }\n },\n onYBarMouseDown(e) {\n this.isYBarClicked = true;\n this.$refs.yBar.focus();\n this.lastPageY = e.pageY;\n this.$refs.yBar.setAttribute('data-p-scrollpanel-grabbed', 'true');\n !this.isUnstyled && addClass(this.$refs.yBar, 'p-scrollpanel-grabbed');\n document.body.setAttribute('data-p-scrollpanel-grabbed', 'true');\n !this.isUnstyled && addClass(document.body, 'p-scrollpanel-grabbed');\n\n this.bindDocumentMouseListeners();\n e.preventDefault();\n },\n onXBarMouseDown(e) {\n this.isXBarClicked = true;\n this.$refs.xBar.focus();\n this.lastPageX = e.pageX;\n this.$refs.yBar.setAttribute('data-p-scrollpanel-grabbed', 'false');\n !this.isUnstyled && addClass(this.$refs.xBar, 'p-scrollpanel-grabbed');\n document.body.setAttribute('data-p-scrollpanel-grabbed', 'false');\n !this.isUnstyled && addClass(document.body, 'p-scrollpanel-grabbed');\n\n this.bindDocumentMouseListeners();\n e.preventDefault();\n },\n onScroll(event) {\n if (this.lastScrollLeft !== event.target.scrollLeft) {\n this.lastScrollLeft = event.target.scrollLeft;\n this.orientation = 'horizontal';\n } else if (this.lastScrollTop !== event.target.scrollTop) {\n this.lastScrollTop = event.target.scrollTop;\n this.orientation = 'vertical';\n }\n\n this.moveBar();\n },\n onKeyDown(event) {\n if (this.orientation === 'vertical') {\n switch (event.code) {\n case 'ArrowDown': {\n this.setTimer('scrollTop', this.step);\n event.preventDefault();\n break;\n }\n\n case 'ArrowUp': {\n this.setTimer('scrollTop', this.step * -1);\n event.preventDefault();\n break;\n }\n\n case 'ArrowLeft':\n\n case 'ArrowRight': {\n event.preventDefault();\n break;\n }\n\n default:\n //no op\n break;\n }\n } else if (this.orientation === 'horizontal') {\n switch (event.code) {\n case 'ArrowRight': {\n this.setTimer('scrollLeft', this.step);\n event.preventDefault();\n break;\n }\n\n case 'ArrowLeft': {\n this.setTimer('scrollLeft', this.step * -1);\n event.preventDefault();\n break;\n }\n\n case 'ArrowDown':\n\n case 'ArrowUp': {\n event.preventDefault();\n break;\n }\n\n default:\n //no op\n break;\n }\n }\n },\n onKeyUp() {\n this.clearTimer();\n },\n repeat(bar, step) {\n this.$refs.content[bar] += step;\n this.moveBar();\n },\n setTimer(bar, step) {\n this.clearTimer();\n this.timer = setTimeout(() => {\n this.repeat(bar, step);\n }, 40);\n },\n clearTimer() {\n if (this.timer) {\n clearTimeout(this.timer);\n }\n },\n onDocumentMouseMove(e) {\n if (this.isXBarClicked) {\n this.onMouseMoveForXBar(e);\n } else if (this.isYBarClicked) {\n this.onMouseMoveForYBar(e);\n } else {\n this.onMouseMoveForXBar(e);\n this.onMouseMoveForYBar(e);\n }\n },\n onMouseMoveForXBar(e) {\n let deltaX = e.pageX - this.lastPageX;\n\n this.lastPageX = e.pageX;\n\n this.frame = this.requestAnimationFrame(() => {\n this.$refs.content.scrollLeft += deltaX / this.scrollXRatio;\n });\n },\n onMouseMoveForYBar(e) {\n let deltaY = e.pageY - this.lastPageY;\n\n this.lastPageY = e.pageY;\n\n this.frame = this.requestAnimationFrame(() => {\n this.$refs.content.scrollTop += deltaY / this.scrollYRatio;\n });\n },\n onFocus(event) {\n if (this.$refs.xBar.isSameNode(event.target)) {\n this.orientation = 'horizontal';\n } else if (this.$refs.yBar.isSameNode(event.target)) {\n this.orientation = 'vertical';\n }\n },\n onBlur() {\n if (this.orientation === 'horizontal') {\n this.orientation = 'vertical';\n }\n },\n onDocumentMouseUp() {\n this.$refs.yBar.setAttribute('data-p-scrollpanel-grabbed', 'false');\n !this.isUnstyled && removeClass(this.$refs.yBar, 'p-scrollpanel-grabbed');\n this.$refs.xBar.setAttribute('data-p-scrollpanel-grabbed', 'false');\n !this.isUnstyled && removeClass(this.$refs.xBar, 'p-scrollpanel-grabbed');\n document.body.setAttribute('data-p-scrollpanel-grabbed', 'false');\n !this.isUnstyled && removeClass(document.body, 'p-scrollpanel-grabbed');\n\n this.unbindDocumentMouseListeners();\n this.isXBarClicked = false;\n this.isYBarClicked = false;\n },\n requestAnimationFrame(f) {\n let frame = window.requestAnimationFrame || this.timeoutFrame;\n\n return frame(f);\n },\n refresh() {\n this.moveBar();\n },\n scrollTop(scrollTop) {\n let scrollableHeight = this.$refs.content.scrollHeight - this.$refs.content.clientHeight;\n\n scrollTop = scrollTop > scrollableHeight ? scrollableHeight : scrollTop > 0 ? scrollTop : 0;\n this.$refs.content.scrollTop = scrollTop;\n },\n timeoutFrame(fn) {\n setTimeout(fn, 0);\n },\n bindDocumentMouseListeners() {\n if (!this.documentMouseMoveListener) {\n this.documentMouseMoveListener = (e) => {\n this.onDocumentMouseMove(e);\n };\n\n document.addEventListener('mousemove', this.documentMouseMoveListener);\n }\n\n if (!this.documentMouseUpListener) {\n this.documentMouseUpListener = (e) => {\n this.onDocumentMouseUp(e);\n };\n\n document.addEventListener('mouseup', this.documentMouseUpListener);\n }\n },\n unbindDocumentMouseListeners() {\n if (this.documentMouseMoveListener) {\n document.removeEventListener('mousemove', this.documentMouseMoveListener);\n this.documentMouseMoveListener = null;\n }\n\n if (this.documentMouseUpListener) {\n document.removeEventListener('mouseup', this.documentMouseUpListener);\n this.documentMouseUpListener = null;\n }\n },\n bindDocumentResizeListener() {\n if (!this.documentResizeListener) {\n this.documentResizeListener = () => {\n this.moveBar();\n };\n\n window.addEventListener('resize', this.documentResizeListener);\n }\n },\n unbindDocumentResizeListener() {\n if (this.documentResizeListener) {\n window.removeEventListener('resize', this.documentResizeListener);\n this.documentResizeListener = null;\n }\n }\n },\n computed: {\n contentId() {\n return this.id + '_content';\n }\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <div :class=\"cx('contentContainer')\" v-bind=\"ptm('contentContainer')\">\n <div ref=\"content\" :id=\"contentId\" :class=\"cx('content')\" @scroll=\"onScroll\" @mouseenter=\"moveBar\" v-bind=\"ptm('content')\">\n <slot></slot>\n </div>\n </div>\n <div\n ref=\"xBar\"\n :class=\"cx('barx')\"\n tabindex=\"0\"\n role=\"scrollbar\"\n aria-orientation=\"horizontal\"\n :aria-controls=\"contentId\"\n :aria-valuenow=\"lastScrollLeft\"\n @mousedown=\"onXBarMouseDown\"\n @keydown=\"onKeyDown($event)\"\n @keyup=\"onKeyUp\"\n @focus=\"onFocus\"\n @blur=\"onBlur\"\n v-bind=\"ptm('barx')\"\n data-pc-group-section=\"bar\"\n ></div>\n <div\n ref=\"yBar\"\n :class=\"cx('bary')\"\n tabindex=\"0\"\n role=\"scrollbar\"\n aria-orientation=\"vertical\"\n :aria-controls=\"contentId\"\n :aria-valuenow=\"lastScrollTop\"\n @mousedown=\"onYBarMouseDown\"\n @keydown=\"onKeyDown($event)\"\n @keyup=\"onKeyUp\"\n @focus=\"onFocus\"\n v-bind=\"ptm('bary')\"\n data-pc-group-section=\"bar\"\n ></div>\n </div>\n</template>\n\n<script>\nimport { addClass, getHeight, removeClass } from '@primeuix/utils/dom';\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport BaseScrollPanel from './BaseScrollPanel.vue';\n\nexport default {\n name: 'ScrollPanel',\n extends: BaseScrollPanel,\n inheritAttrs: false,\n initialized: false,\n documentResizeListener: null,\n documentMouseMoveListener: null,\n documentMouseUpListener: null,\n frame: null,\n scrollXRatio: null,\n scrollYRatio: null,\n isXBarClicked: false,\n isYBarClicked: false,\n lastPageX: null,\n lastPageY: null,\n timer: null,\n outsideClickListener: null,\n mutationObserver: null,\n data() {\n return {\n id: this.$attrs.id,\n orientation: 'vertical',\n lastScrollTop: 0,\n lastScrollLeft: 0,\n isRTL: false\n };\n },\n watch: {\n '$attrs.id': function (newValue) {\n this.id = newValue || UniqueComponentId();\n }\n },\n mounted() {\n this.id = this.id || UniqueComponentId();\n\n if (this.$el.offsetParent) {\n this.initialize();\n }\n\n this.updateDirection();\n this.observeDirectionChanges();\n },\n updated() {\n if (!this.initialized && this.$el.offsetParent) {\n this.initialize();\n }\n },\n beforeUnmount() {\n this.unbindDocumentResizeListener();\n\n if (this.frame) {\n window.cancelAnimationFrame(this.frame);\n }\n\n if (this.mutationObserver) {\n this.mutationObserver.disconnect();\n }\n },\n methods: {\n updateDirection() {\n this.isRTL = !!this.$el.closest('[dir=\"rtl\"]');\n },\n observeDirectionChanges() {\n const targetNode = document.documentElement;\n const config = { attributes: true, attributeFilter: ['dir'] };\n\n this.mutationObserver = new MutationObserver(() => {\n this.updateDirection();\n });\n\n this.mutationObserver.observe(targetNode, config);\n },\n initialize() {\n this.moveBar();\n this.bindDocumentResizeListener();\n this.calculateContainerHeight();\n },\n calculateContainerHeight() {\n let containerStyles = getComputedStyle(this.$el),\n xBarStyles = getComputedStyle(this.$refs.xBar),\n pureContainerHeight = getHeight(this.$el) - parseInt(xBarStyles['height'], 10);\n\n if (containerStyles['max-height'] !== 'none' && pureContainerHeight === 0) {\n if (this.$refs.content.offsetHeight + parseInt(xBarStyles['height'], 10) > parseInt(containerStyles['max-height'], 10)) {\n this.$el.style.height = containerStyles['max-height'];\n } else {\n this.$el.style.height =\n this.$refs.content.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + 'px';\n }\n }\n },\n moveBar() {\n if (this.$refs.content) {\n /* horizontal scroll */\n let totalWidth = this.$refs.content.scrollWidth;\n let ownWidth = this.$refs.content.clientWidth;\n let bottom = (this.$el.clientHeight - this.$refs.xBar.clientHeight) * -1;\n\n this.scrollXRatio = ownWidth / totalWidth;\n\n /* vertical scroll */\n let totalHeight = this.$refs.content.scrollHeight;\n let ownHeight = this.$refs.content.clientHeight;\n let right = (this.$el.clientWidth - this.$refs.yBar.clientWidth) * -1;\n\n this.scrollYRatio = ownHeight / totalHeight;\n\n this.frame = this.requestAnimationFrame(() => {\n if (this.$refs.xBar) {\n if (this.scrollXRatio >= 1) {\n this.$refs.xBar.setAttribute('data-p-scrollpanel-hidden', 'true');\n !this.isUnstyled && addClass(this.$refs.xBar, 'p-scrollpanel-hidden');\n } else {\n this.$refs.xBar.setAttribute('data-p-scrollpanel-hidden', 'false');\n !this.isUnstyled && removeClass(this.$refs.xBar, 'p-scrollpanel-hidden');\n\n if (this.isRTL) {\n this.$refs.xBar.style.cssText = 'width:' + Math.max(this.scrollXRatio * 100, 10) + '%; right:' + (this.$refs.content.scrollLeft / totalWidth) * 100 + '%;bottom:' + bottom + 'px;';\n } else {\n this.$refs.xBar.style.cssText = 'width:' + Math.max(this.scrollXRatio * 100, 10) + '%; left:' + (this.$refs.content.scrollLeft / totalWidth) * 100 + '%;bottom:' + bottom + 'px;';\n }\n }\n }\n\n if (this.$refs.yBar) {\n if (this.scrollYRatio >= 1) {\n this.$refs.yBar.setAttribute('data-p-scrollpanel-hidden', 'true');\n !this.isUnstyled && addClass(this.$refs.yBar, 'p-scrollpanel-hidden');\n } else {\n this.$refs.yBar.setAttribute('data-p-scrollpanel-hidden', 'false');\n !this.isUnstyled && removeClass(this.$refs.yBar, 'p-scrollpanel-hidden');\n\n if (this.isRTL) {\n this.$refs.yBar.style.cssText =\n 'height:' + Math.max(this.scrollYRatio * 100, 10) + '%; top: calc(' + (this.$refs.content.scrollTop / totalHeight) * 100 + '% - ' + this.$refs.xBar.clientHeight + 'px);left:' + right + 'px;';\n } else {\n this.$refs.yBar.style.cssText =\n 'height:' + Math.max(this.scrollYRatio * 100, 10) + '%; top: calc(' + (this.$refs.content.scrollTop / totalHeight) * 100 + '% - ' + this.$refs.xBar.clientHeight + 'px);right:' + right + 'px;';\n }\n }\n }\n });\n }\n },\n onYBarMouseDown(e) {\n this.isYBarClicked = true;\n this.$refs.yBar.focus();\n this.lastPageY = e.pageY;\n this.$refs.yBar.setAttribute('data-p-scrollpanel-grabbed', 'true');\n !this.isUnstyled && addClass(this.$refs.yBar, 'p-scrollpanel-grabbed');\n document.body.setAttribute('data-p-scrollpanel-grabbed', 'true');\n !this.isUnstyled && addClass(document.body, 'p-scrollpanel-grabbed');\n\n this.bindDocumentMouseListeners();\n e.preventDefault();\n },\n onXBarMouseDown(e) {\n this.isXBarClicked = true;\n this.$refs.xBar.focus();\n this.lastPageX = e.pageX;\n this.$refs.yBar.setAttribute('data-p-scrollpanel-grabbed', 'false');\n !this.isUnstyled && addClass(this.$refs.xBar, 'p-scrollpanel-grabbed');\n document.body.setAttribute('data-p-scrollpanel-grabbed', 'false');\n !this.isUnstyled && addClass(document.body, 'p-scrollpanel-grabbed');\n\n this.bindDocumentMouseListeners();\n e.preventDefault();\n },\n onScroll(event) {\n if (this.lastScrollLeft !== event.target.scrollLeft) {\n this.lastScrollLeft = event.target.scrollLeft;\n this.orientation = 'horizontal';\n } else if (this.lastScrollTop !== event.target.scrollTop) {\n this.lastScrollTop = event.target.scrollTop;\n this.orientation = 'vertical';\n }\n\n this.moveBar();\n },\n onKeyDown(event) {\n if (this.orientation === 'vertical') {\n switch (event.code) {\n case 'ArrowDown': {\n this.setTimer('scrollTop', this.step);\n event.preventDefault();\n break;\n }\n\n case 'ArrowUp': {\n this.setTimer('scrollTop', this.step * -1);\n event.preventDefault();\n break;\n }\n\n case 'ArrowLeft':\n\n case 'ArrowRight': {\n event.preventDefault();\n break;\n }\n\n default:\n //no op\n break;\n }\n } else if (this.orientation === 'horizontal') {\n switch (event.code) {\n case 'ArrowRight': {\n this.setTimer('scrollLeft', this.step);\n event.preventDefault();\n break;\n }\n\n case 'ArrowLeft': {\n this.setTimer('scrollLeft', this.step * -1);\n event.preventDefault();\n break;\n }\n\n case 'ArrowDown':\n\n case 'ArrowUp': {\n event.preventDefault();\n break;\n }\n\n default:\n //no op\n break;\n }\n }\n },\n onKeyUp() {\n this.clearTimer();\n },\n repeat(bar, step) {\n this.$refs.content[bar] += step;\n this.moveBar();\n },\n setTimer(bar, step) {\n this.clearTimer();\n this.timer = setTimeout(() => {\n this.repeat(bar, step);\n }, 40);\n },\n clearTimer() {\n if (this.timer) {\n clearTimeout(this.timer);\n }\n },\n onDocumentMouseMove(e) {\n if (this.isXBarClicked) {\n this.onMouseMoveForXBar(e);\n } else if (this.isYBarClicked) {\n this.onMouseMoveForYBar(e);\n } else {\n this.onMouseMoveForXBar(e);\n this.onMouseMoveForYBar(e);\n }\n },\n onMouseMoveForXBar(e) {\n let deltaX = e.pageX - this.lastPageX;\n\n this.lastPageX = e.pageX;\n\n this.frame = this.requestAnimationFrame(() => {\n this.$refs.content.scrollLeft += deltaX / this.scrollXRatio;\n });\n },\n onMouseMoveForYBar(e) {\n let deltaY = e.pageY - this.lastPageY;\n\n this.lastPageY = e.pageY;\n\n this.frame = this.requestAnimationFrame(() => {\n this.$refs.content.scrollTop += deltaY / this.scrollYRatio;\n });\n },\n onFocus(event) {\n if (this.$refs.xBar.isSameNode(event.target)) {\n this.orientation = 'horizontal';\n } else if (this.$refs.yBar.isSameNode(event.target)) {\n this.orientation = 'vertical';\n }\n },\n onBlur() {\n if (this.orientation === 'horizontal') {\n this.orientation = 'vertical';\n }\n },\n onDocumentMouseUp() {\n this.$refs.yBar.setAttribute('data-p-scrollpanel-grabbed', 'false');\n !this.isUnstyled && removeClass(this.$refs.yBar, 'p-scrollpanel-grabbed');\n this.$refs.xBar.setAttribute('data-p-scrollpanel-grabbed', 'false');\n !this.isUnstyled && removeClass(this.$refs.xBar, 'p-scrollpanel-grabbed');\n document.body.setAttribute('data-p-scrollpanel-grabbed', 'false');\n !this.isUnstyled && removeClass(document.body, 'p-scrollpanel-grabbed');\n\n this.unbindDocumentMouseListeners();\n this.isXBarClicked = false;\n this.isYBarClicked = false;\n },\n requestAnimationFrame(f) {\n let frame = window.requestAnimationFrame || this.timeoutFrame;\n\n return frame(f);\n },\n refresh() {\n this.moveBar();\n },\n scrollTop(scrollTop) {\n let scrollableHeight = this.$refs.content.scrollHeight - this.$refs.content.clientHeight;\n\n scrollTop = scrollTop > scrollableHeight ? scrollableHeight : scrollTop > 0 ? scrollTop : 0;\n this.$refs.content.scrollTop = scrollTop;\n },\n timeoutFrame(fn) {\n setTimeout(fn, 0);\n },\n bindDocumentMouseListeners() {\n if (!this.documentMouseMoveListener) {\n this.documentMouseMoveListener = (e) => {\n this.onDocumentMouseMove(e);\n };\n\n document.addEventListener('mousemove', this.documentMouseMoveListener);\n }\n\n if (!this.documentMouseUpListener) {\n this.documentMouseUpListener = (e) => {\n this.onDocumentMouseUp(e);\n };\n\n document.addEventListener('mouseup', this.documentMouseUpListener);\n }\n },\n unbindDocumentMouseListeners() {\n if (this.documentMouseMoveListener) {\n document.removeEventListener('mousemove', this.documentMouseMoveListener);\n this.documentMouseMoveListener = null;\n }\n\n if (this.documentMouseUpListener) {\n document.removeEventListener('mouseup', this.documentMouseUpListener);\n this.documentMouseUpListener = null;\n }\n },\n bindDocumentResizeListener() {\n if (!this.documentResizeListener) {\n this.documentResizeListener = () => {\n this.moveBar();\n };\n\n window.addEventListener('resize', this.documentResizeListener);\n }\n },\n unbindDocumentResizeListener() {\n if (this.documentResizeListener) {\n window.removeEventListener('resize', this.documentResizeListener);\n this.documentResizeListener = null;\n }\n }\n },\n computed: {\n contentId() {\n return this.id + '_content';\n }\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","step","type","Number","style","ScrollPanelStyle","provide","$pcScrollPanel","$parentInstance","BaseScrollPanel","inheritAttrs","initialized","documentResizeListener","documentMouseMoveListener","documentMouseUpListener","frame","scrollXRatio","scrollYRatio","isXBarClicked","isYBarClicked","lastPageX","lastPageY","timer","outsideClickListener","mutationObserver","data","id","$attrs","orientation","lastScrollTop","lastScrollLeft","isRTL","watch","$attrsId","newValue","UniqueComponentId","mounted","$el","offsetParent","initialize","updateDirection","observeDirectionChanges","updated","beforeUnmount","unbindDocumentResizeListener","window","cancelAnimationFrame","disconnect","methods","closest","_this","targetNode","document","documentElement","config","attributes","attributeFilter","MutationObserver","observe","moveBar","bindDocumentResizeListener","calculateContainerHeight","containerStyles","getComputedStyle","xBarStyles","$refs","xBar","pureContainerHeight","getHeight","parseInt","content","offsetHeight","height","parseFloat","paddingTop","paddingBottom","borderTopWidth","borderBottomWidth","_this2","totalWidth","scrollWidth","ownWidth","clientWidth","bottom","clientHeight","totalHeight","scrollHeight","ownHeight","right","yBar","requestAnimationFrame","setAttribute","isUnstyled","addClass","removeClass","cssText","Math","max","scrollLeft","scrollTop","onYBarMouseDown","e","focus","pageY","body","bindDocumentMouseListeners","preventDefault","onXBarMouseDown","pageX","onScroll","event","target","onKeyDown","code","setTimer","onKeyUp","clearTimer","repeat","bar","_this3","setTimeout","clearTimeout","onDocumentMouseMove","onMouseMoveForXBar","onMouseMoveForYBar","_this4","deltaX","_this5","deltaY","onFocus","isSameNode","onBlur","onDocumentMouseUp","unbindDocumentMouseListeners","f","timeoutFrame","refresh","scrollableHeight","fn","_this6","addEventListener","removeEventListener","_this7","computed","contentId","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_createElementVNode","ptm","ref","$options","apply","arguments","onMouseenter","_renderSlot","$slots","tabindex","role","$data","onMousedown","onKeydown","_cache","$event","onKeyup","_hoisted_2","_hoisted_3"],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import BaseStyle from '@primevue/core/base/style';
|
|
|
2
2
|
|
|
3
3
|
var theme = function theme(_ref) {
|
|
4
4
|
var dt = _ref.dt;
|
|
5
|
-
return "\n.p-scrollpanel-content-container {\n overflow: hidden;\n width: 100%;\n height: 100%;\n position: relative;\n z-index: 1;\n float: left;\n}\n\n.p-scrollpanel-content {\n height: calc(100% + calc(2 * ".concat(dt('scrollpanel.bar.size'), "));\n width: calc(100% + calc(2 * ").concat(dt('scrollpanel.bar.size'), "));\n padding: 0 calc(2 * ").concat(dt('scrollpanel.bar.size'), ") calc(2 * ").concat(dt('scrollpanel.bar.size'), ") 0;\n position: relative;\n overflow: auto;\n box-sizing: border-box;\n scrollbar-width: none;\n}\n\n.p-scrollpanel-content::-webkit-scrollbar {\n display: none;\n}\n\n.p-scrollpanel-bar {\n position: relative;\n border-radius: ").concat(dt('scrollpanel.bar.border.radius'), ";\n z-index: 2;\n cursor: pointer;\n opacity: 0;\n outline-color: transparent;\n
|
|
5
|
+
return "\n.p-scrollpanel-content-container {\n overflow: hidden;\n width: 100%;\n height: 100%;\n position: relative;\n z-index: 1;\n float: left;\n}\n\n.p-scrollpanel-content {\n height: calc(100% + calc(2 * ".concat(dt('scrollpanel.bar.size'), "));\n width: calc(100% + calc(2 * ").concat(dt('scrollpanel.bar.size'), "));\n padding: 0 calc(2 * ").concat(dt('scrollpanel.bar.size'), ") calc(2 * ").concat(dt('scrollpanel.bar.size'), ") 0;\n position: relative;\n overflow: auto;\n box-sizing: border-box;\n scrollbar-width: none;\n}\n\n.p-scrollpanel-content::-webkit-scrollbar {\n display: none;\n}\n\n.p-scrollpanel-bar {\n position: relative;\n border-radius: ").concat(dt('scrollpanel.bar.border.radius'), ";\n z-index: 2;\n cursor: pointer;\n opacity: 0;\n outline-color: transparent;\n background: ").concat(dt('scrollpanel.bar.background'), ";\n border: 0 none;\n transition: outline-color ").concat(dt('scrollpanel.transition.duration'), ", opacity ").concat(dt('scrollpanel.transition.duration'), ";\n}\n\n.p-scrollpanel-bar:focus-visible {\n box-shadow: ").concat(dt('scrollpanel.bar.focus.ring.shadow'), ";\n outline: ").concat(dt('scrollpanel.barfocus.ring.width'), " ").concat(dt('scrollpanel.bar.focus.ring.style'), " ").concat(dt('scrollpanel.bar.focus.ring.color'), ";\n outline-offset: ").concat(dt('scrollpanel.barfocus.ring.offset'), ";\n}\n\n.p-scrollpanel-bar-y {\n width: ").concat(dt('scrollpanel.bar.size'), ";\n inset-block-start: 0;\n}\n\n.p-scrollpanel-bar-x {\n height: ").concat(dt('scrollpanel.bar.size'), ";\n inset-block-end: 0;\n}\n\n.p-scrollpanel-hidden {\n visibility: hidden;\n}\n\n.p-scrollpanel:hover .p-scrollpanel-bar,\n.p-scrollpanel:active .p-scrollpanel-bar {\n opacity: 1;\n}\n\n.p-scrollpanel-grabbed {\n user-select: none;\n}\n");
|
|
6
6
|
};
|
|
7
7
|
var classes = {
|
|
8
8
|
root: 'p-scrollpanel p-component',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../src/scrollpanel/style/ScrollPanelStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-scrollpanel-content-container {\n overflow: hidden;\n width: 100%;\n height: 100%;\n position: relative;\n z-index: 1;\n float: left;\n}\n\n.p-scrollpanel-content {\n height: calc(100% + calc(2 * ${dt('scrollpanel.bar.size')}));\n width: calc(100% + calc(2 * ${dt('scrollpanel.bar.size')}));\n padding: 0 calc(2 * ${dt('scrollpanel.bar.size')}) calc(2 * ${dt('scrollpanel.bar.size')}) 0;\n position: relative;\n overflow: auto;\n box-sizing: border-box;\n scrollbar-width: none;\n}\n\n.p-scrollpanel-content::-webkit-scrollbar {\n display: none;\n}\n\n.p-scrollpanel-bar {\n position: relative;\n border-radius: ${dt('scrollpanel.bar.border.radius')};\n z-index: 2;\n cursor: pointer;\n opacity: 0;\n outline-color: transparent;\n
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/scrollpanel/style/ScrollPanelStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-scrollpanel-content-container {\n overflow: hidden;\n width: 100%;\n height: 100%;\n position: relative;\n z-index: 1;\n float: left;\n}\n\n.p-scrollpanel-content {\n height: calc(100% + calc(2 * ${dt('scrollpanel.bar.size')}));\n width: calc(100% + calc(2 * ${dt('scrollpanel.bar.size')}));\n padding: 0 calc(2 * ${dt('scrollpanel.bar.size')}) calc(2 * ${dt('scrollpanel.bar.size')}) 0;\n position: relative;\n overflow: auto;\n box-sizing: border-box;\n scrollbar-width: none;\n}\n\n.p-scrollpanel-content::-webkit-scrollbar {\n display: none;\n}\n\n.p-scrollpanel-bar {\n position: relative;\n border-radius: ${dt('scrollpanel.bar.border.radius')};\n z-index: 2;\n cursor: pointer;\n opacity: 0;\n outline-color: transparent;\n background: ${dt('scrollpanel.bar.background')};\n border: 0 none;\n transition: outline-color ${dt('scrollpanel.transition.duration')}, opacity ${dt('scrollpanel.transition.duration')};\n}\n\n.p-scrollpanel-bar:focus-visible {\n box-shadow: ${dt('scrollpanel.bar.focus.ring.shadow')};\n outline: ${dt('scrollpanel.barfocus.ring.width')} ${dt('scrollpanel.bar.focus.ring.style')} ${dt('scrollpanel.bar.focus.ring.color')};\n outline-offset: ${dt('scrollpanel.barfocus.ring.offset')};\n}\n\n.p-scrollpanel-bar-y {\n width: ${dt('scrollpanel.bar.size')};\n inset-block-start: 0;\n}\n\n.p-scrollpanel-bar-x {\n height: ${dt('scrollpanel.bar.size')};\n inset-block-end: 0;\n}\n\n.p-scrollpanel-hidden {\n visibility: hidden;\n}\n\n.p-scrollpanel:hover .p-scrollpanel-bar,\n.p-scrollpanel:active .p-scrollpanel-bar {\n opacity: 1;\n}\n\n.p-scrollpanel-grabbed {\n user-select: none;\n}\n`;\n\nconst classes = {\n root: 'p-scrollpanel p-component',\n contentContainer: 'p-scrollpanel-content-container',\n content: 'p-scrollpanel-content',\n barX: 'p-scrollpanel-bar p-scrollpanel-bar-x',\n barY: 'p-scrollpanel-bar p-scrollpanel-bar-y'\n};\n\nexport default BaseStyle.extend({\n name: 'scrollpanel',\n theme,\n classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","contentContainer","content","barX","barY","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE;EAAA,OAAAC,gOAAAA,CAAAA,MAAA,CAWgBD,EAAE,CAAC,sBAAsB,CAAC,EAAA,uCAAA,CAAA,CAAAC,MAAA,CAC3BD,EAAE,CAAC,sBAAsB,CAAC,EAAA,+BAAA,CAAA,CAAAC,MAAA,CAClCD,EAAE,CAAC,sBAAsB,CAAC,EAAAC,aAAAA,CAAAA,CAAAA,MAAA,CAAcD,EAAE,CAAC,sBAAsB,CAAC,gQAAAC,MAAA,CAavED,EAAE,CAAC,+BAA+B,CAAC,EAAA,8GAAA,CAAA,CAAAC,MAAA,CAKtCD,EAAE,CAAC,4BAA4B,CAAC,EAAA,wDAAA,CAAA,CAAAC,MAAA,CAElBD,EAAE,CAAC,iCAAiC,CAAC,EAAA,YAAA,CAAA,CAAAC,MAAA,CAAaD,EAAE,CAAC,iCAAiC,CAAC,EAAAC,8DAAAA,CAAAA,CAAAA,MAAA,CAIrGD,EAAE,CAAC,mCAAmC,CAAC,EAAAC,kBAAAA,CAAAA,CAAAA,MAAA,CAC1CD,EAAE,CAAC,iCAAiC,CAAC,EAAAC,GAAAA,CAAAA,CAAAA,MAAA,CAAID,EAAE,CAAC,kCAAkC,CAAC,EAAAC,GAAAA,CAAAA,CAAAA,MAAA,CAAID,EAAE,CAAC,kCAAkC,CAAC,EAAA,yBAAA,CAAA,CAAAC,MAAA,CAClHD,EAAE,CAAC,kCAAkC,CAAC,EAAA,6CAAA,CAAA,CAAAC,MAAA,CAI/CD,EAAE,CAAC,sBAAsB,CAAC,EAAA,yEAAA,CAAA,CAAAC,MAAA,CAKzBD,EAAE,CAAC,sBAAsB,CAAC,EAAA,2PAAA,CAAA;AAAA,CAgBvC;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,2BAA2B;AACjCC,EAAAA,gBAAgB,EAAE,iCAAiC;AACnDC,EAAAA,OAAO,EAAE,uBAAuB;AAChCC,EAAAA,IAAI,EAAE,uCAAuC;AAC7CC,EAAAA,IAAI,EAAE;AACV,CAAC;AAED,uBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,aAAa;AACnBZ,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}
|
package/scrolltop/index.d.ts
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* @module scrolltop
|
|
8
8
|
*
|
|
9
9
|
*/
|
|
10
|
-
import type { DefineComponent, DesignToken, EmitFn,
|
|
10
|
+
import type { DefineComponent, DesignToken, EmitFn, PassThrough } from '@primevue/core';
|
|
11
11
|
import type { ComponentHooks } from '@primevue/core/basecomponent';
|
|
12
12
|
import type { ButtonPassThroughOptions, ButtonProps } from 'primevue/button';
|
|
13
13
|
import type { PassThroughOptions } from 'primevue/passthrough';
|
|
@@ -183,7 +183,7 @@ declare const ScrollTop: DefineComponent<ScrollTopProps, ScrollTopSlots, ScrollT
|
|
|
183
183
|
|
|
184
184
|
declare module 'vue' {
|
|
185
185
|
export interface GlobalComponents {
|
|
186
|
-
ScrollTop:
|
|
186
|
+
ScrollTop: DefineComponent<ScrollTopProps, ScrollTopSlots, ScrollTopEmits>;
|
|
187
187
|
}
|
|
188
188
|
}
|
|
189
189
|
|