primevue 3.45.0 → 3.47.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 -2
- package/api/api.cjs.js +6 -6
- package/api/api.cjs.min.js +1 -1
- package/api/api.esm.js +6 -6
- package/api/api.esm.min.js +1 -1
- package/api/api.js +6 -6
- package/api/api.min.js +1 -1
- package/autocomplete/AutoComplete.d.ts +6 -1
- package/autocomplete/AutoComplete.vue +24 -15
- package/autocomplete/BaseAutoComplete.vue +6 -2
- package/autocomplete/autocomplete.cjs.js +30 -19
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +30 -19
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +30 -19
- package/autocomplete/autocomplete.min.js +1 -1
- package/basecomponent/basecomponent.cjs.js +1 -3
- package/basecomponent/basecomponent.cjs.min.js +1 -1
- package/basecomponent/basecomponent.esm.js +1 -3
- package/basecomponent/basecomponent.esm.min.js +1 -1
- package/basecomponent/basecomponent.js +1 -3
- package/basecomponent/basecomponent.min.js +1 -1
- package/basecomponent/style/basecomponentstyle.cjs.js +1 -3
- package/basecomponent/style/basecomponentstyle.cjs.min.js +1 -1
- package/basecomponent/style/basecomponentstyle.esm.js +1 -3
- package/basecomponent/style/basecomponentstyle.esm.min.js +1 -1
- package/basecomponent/style/basecomponentstyle.js +1 -3
- package/basecomponent/style/basecomponentstyle.min.js +1 -1
- package/basedirective/basedirective.cjs.js +11 -2
- package/basedirective/basedirective.cjs.min.js +1 -1
- package/basedirective/basedirective.esm.js +11 -2
- package/basedirective/basedirective.esm.min.js +1 -1
- package/basedirective/basedirective.js +11 -2
- package/basedirective/basedirective.min.js +1 -1
- package/baseicon/BaseIcon.vue +6 -1
- package/baseicon/baseicon.cjs.js +5 -0
- package/baseicon/baseicon.cjs.min.js +1 -1
- package/baseicon/baseicon.esm.js +6 -1
- package/baseicon/baseicon.esm.min.js +1 -1
- package/baseicon/baseicon.js +5 -0
- package/baseicon/baseicon.min.js +1 -1
- package/calendar/BaseCalendar.vue +1 -1
- package/calendar/Calendar.d.ts +53 -2
- package/calendar/Calendar.vue +12 -0
- package/calendar/calendar.cjs.js +13 -1
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +13 -1
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +13 -1
- package/calendar/calendar.min.js +1 -1
- package/card/Card.d.ts +4 -0
- package/card/Card.vue +7 -5
- package/card/card.cjs.js +6 -3
- package/card/card.cjs.min.js +1 -1
- package/card/card.esm.js +6 -3
- package/card/card.esm.min.js +1 -1
- package/card/card.js +6 -3
- package/card/card.min.js +1 -1
- package/card/style/cardstyle.cjs.js +1 -0
- package/card/style/cardstyle.cjs.min.js +1 -1
- package/card/style/cardstyle.esm.js +1 -0
- package/card/style/cardstyle.esm.min.js +1 -1
- package/card/style/cardstyle.js +1 -0
- package/card/style/cardstyle.min.js +1 -1
- package/cascadeselect/BaseCascadeSelect.vue +6 -2
- package/cascadeselect/CascadeSelect.d.ts +47 -1
- package/cascadeselect/CascadeSelect.vue +56 -35
- package/cascadeselect/CascadeSelectSub.vue +26 -6
- package/cascadeselect/cascadeselect.cjs.js +118 -58
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.esm.js +118 -58
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +118 -58
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/checkbox/BaseCheckbox.vue +0 -4
- package/checkbox/Checkbox.d.ts +17 -34
- package/checkbox/Checkbox.vue +24 -35
- package/checkbox/checkbox.cjs.js +21 -49
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.esm.js +21 -49
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +21 -49
- package/checkbox/checkbox.min.js +1 -1
- package/checkbox/style/checkboxstyle.cjs.js +5 -11
- package/checkbox/style/checkboxstyle.cjs.min.js +1 -1
- package/checkbox/style/checkboxstyle.esm.js +5 -11
- package/checkbox/style/checkboxstyle.esm.min.js +1 -1
- package/checkbox/style/checkboxstyle.js +5 -11
- package/checkbox/style/checkboxstyle.min.js +1 -1
- package/chips/Chips.vue +2 -1
- package/chips/chips.cjs.js +2 -1
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +2 -1
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +2 -1
- package/chips/chips.min.js +1 -1
- package/colorpicker/BaseColorPicker.vue +1 -1
- package/colorpicker/ColorPicker.d.ts +1 -1
- package/colorpicker/colorpicker.cjs.js +1 -1
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.esm.js +1 -1
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +1 -1
- package/colorpicker/colorpicker.min.js +1 -1
- package/column/Column.d.ts +15 -44
- package/confirmdialog/ConfirmDialog.vue +1 -1
- package/confirmdialog/confirmdialog.cjs.js +1 -1
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.esm.js +1 -1
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +1 -1
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/confirmdialog/style/confirmdialogstyle.cjs.js +3 -6
- package/confirmdialog/style/confirmdialogstyle.cjs.min.js +1 -1
- package/confirmdialog/style/confirmdialogstyle.esm.js +3 -6
- package/confirmdialog/style/confirmdialogstyle.esm.min.js +1 -1
- package/confirmdialog/style/confirmdialogstyle.js +3 -6
- package/confirmdialog/style/confirmdialogstyle.min.js +1 -1
- package/confirmpopup/ConfirmPopup.vue +2 -2
- package/confirmpopup/confirmpopup.cjs.js +2 -2
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.esm.js +2 -2
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +2 -2
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/confirmpopup/style/confirmpopupstyle.cjs.js +5 -8
- package/confirmpopup/style/confirmpopupstyle.cjs.min.js +1 -1
- package/confirmpopup/style/confirmpopupstyle.esm.js +5 -8
- package/confirmpopup/style/confirmpopupstyle.esm.min.js +1 -1
- package/confirmpopup/style/confirmpopupstyle.js +5 -8
- package/confirmpopup/style/confirmpopupstyle.min.js +1 -1
- package/contextmenu/BaseContextMenu.vue +1 -1
- package/contextmenu/ContextMenu.vue +8 -8
- package/contextmenu/ContextMenuSub.vue +6 -1
- package/contextmenu/contextmenu.cjs.js +18 -11
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +18 -11
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +18 -11
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +973 -679
- package/core/core.min.js +70 -62
- package/datatable/BaseDataTable.vue +4 -0
- package/datatable/BodyCell.vue +11 -1
- package/datatable/BodyRow.vue +16 -9
- package/datatable/ColumnFilter.vue +5 -2
- package/datatable/DataTable.d.ts +5 -0
- package/datatable/DataTable.vue +2 -2
- package/datatable/HeaderCell.vue +2 -0
- package/datatable/HeaderCheckbox.vue +14 -42
- package/datatable/RowCheckbox.vue +10 -52
- package/datatable/RowRadioButton.vue +11 -32
- package/datatable/TableHeader.vue +3 -1
- package/datatable/datatable.cjs.js +120 -199
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +119 -200
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +120 -201
- package/datatable/datatable.min.js +1 -1
- package/datatable/style/datatablestyle.cjs.js +24 -73
- package/datatable/style/datatablestyle.cjs.min.js +1 -1
- package/datatable/style/datatablestyle.esm.js +24 -73
- package/datatable/style/datatablestyle.esm.min.js +1 -1
- package/datatable/style/datatablestyle.js +24 -73
- package/datatable/style/datatablestyle.min.js +1 -1
- package/dialog/BaseDialog.vue +1 -1
- package/dialog/dialog.cjs.js +1 -1
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +1 -1
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +1 -1
- package/dialog/dialog.min.js +1 -1
- package/dialog/style/dialogstyle.cjs.js +1 -1
- package/dialog/style/dialogstyle.cjs.min.js +1 -1
- package/dialog/style/dialogstyle.esm.js +1 -1
- package/dialog/style/dialogstyle.esm.min.js +1 -1
- package/dialog/style/dialogstyle.js +1 -1
- package/dialog/style/dialogstyle.min.js +1 -1
- package/dropdown/BaseDropdown.vue +18 -2
- package/dropdown/Dropdown.d.ts +37 -1
- package/dropdown/Dropdown.vue +68 -40
- package/dropdown/dropdown.cjs.js +96 -46
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.esm.js +94 -46
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +96 -48
- package/dropdown/dropdown.min.js +1 -1
- package/dropdown/style/dropdownstyle.cjs.js +7 -2
- package/dropdown/style/dropdownstyle.cjs.min.js +1 -1
- package/dropdown/style/dropdownstyle.esm.js +7 -2
- package/dropdown/style/dropdownstyle.esm.min.js +1 -1
- package/dropdown/style/dropdownstyle.js +7 -2
- package/dropdown/style/dropdownstyle.min.js +1 -1
- package/focustrap/focustrap.cjs.js +15 -2
- package/focustrap/focustrap.cjs.min.js +1 -1
- package/focustrap/focustrap.esm.js +15 -2
- package/focustrap/focustrap.esm.min.js +1 -1
- package/focustrap/focustrap.js +15 -2
- package/focustrap/focustrap.min.js +1 -1
- package/icons/arrowdown/index.cjs.js +4 -10
- package/icons/arrowdown/index.cjs.min.js +1 -1
- package/icons/arrowdown/index.esm.js +4 -10
- package/icons/arrowdown/index.esm.min.js +1 -1
- package/icons/arrowdown/index.js +6 -11
- package/icons/arrowdown/index.min.js +1 -1
- package/icons/arrowdown/index.vue +2 -8
- package/icons/arrowup/index.cjs.js +4 -10
- package/icons/arrowup/index.cjs.min.js +1 -1
- package/icons/arrowup/index.esm.js +4 -10
- package/icons/arrowup/index.esm.min.js +1 -1
- package/icons/arrowup/index.js +6 -11
- package/icons/arrowup/index.min.js +1 -1
- package/icons/arrowup/index.vue +2 -8
- package/icons/ban/index.cjs.js +4 -10
- package/icons/ban/index.cjs.min.js +1 -1
- package/icons/ban/index.esm.js +4 -10
- package/icons/ban/index.esm.min.js +1 -1
- package/icons/ban/index.js +6 -11
- package/icons/ban/index.min.js +1 -1
- package/icons/ban/index.vue +2 -8
- package/icons/blank/index.cjs.js +34 -0
- package/icons/blank/index.cjs.min.js +1 -0
- package/icons/blank/index.d.ts +12 -0
- package/icons/blank/index.esm.js +28 -0
- package/icons/blank/index.esm.min.js +1 -0
- package/icons/blank/index.js +36 -0
- package/icons/blank/index.min.js +1 -0
- package/icons/blank/index.vue +13 -0
- package/icons/blank/package.json +9 -0
- package/icons/exclamationtriangle/index.cjs.js +4 -10
- package/icons/exclamationtriangle/index.cjs.min.js +1 -1
- package/icons/exclamationtriangle/index.esm.js +4 -10
- package/icons/exclamationtriangle/index.esm.min.js +1 -1
- package/icons/exclamationtriangle/index.js +6 -11
- package/icons/exclamationtriangle/index.min.js +1 -1
- package/icons/exclamationtriangle/index.vue +2 -8
- package/icons/eyeslash/index.cjs.js +4 -10
- package/icons/eyeslash/index.cjs.min.js +1 -1
- package/icons/eyeslash/index.esm.js +4 -10
- package/icons/eyeslash/index.esm.min.js +1 -1
- package/icons/eyeslash/index.js +6 -11
- package/icons/eyeslash/index.min.js +1 -1
- package/icons/eyeslash/index.vue +2 -8
- package/icons/filter/index.cjs.js +4 -10
- package/icons/filter/index.cjs.min.js +1 -1
- package/icons/filter/index.esm.js +4 -10
- package/icons/filter/index.esm.min.js +1 -1
- package/icons/filter/index.js +6 -11
- package/icons/filter/index.min.js +1 -1
- package/icons/filter/index.vue +2 -8
- package/icons/filterslash/index.cjs.js +4 -10
- package/icons/filterslash/index.cjs.min.js +1 -1
- package/icons/filterslash/index.esm.js +4 -10
- package/icons/filterslash/index.esm.min.js +1 -1
- package/icons/filterslash/index.js +6 -11
- package/icons/filterslash/index.min.js +1 -1
- package/icons/filterslash/index.vue +2 -8
- package/icons/infocircle/index.cjs.js +4 -10
- package/icons/infocircle/index.cjs.min.js +1 -1
- package/icons/infocircle/index.esm.js +4 -10
- package/icons/infocircle/index.esm.min.js +1 -1
- package/icons/infocircle/index.js +6 -11
- package/icons/infocircle/index.min.js +1 -1
- package/icons/infocircle/index.vue +2 -8
- package/icons/pencil/index.cjs.js +4 -10
- package/icons/pencil/index.cjs.min.js +1 -1
- package/icons/pencil/index.esm.js +4 -10
- package/icons/pencil/index.esm.min.js +1 -1
- package/icons/pencil/index.js +6 -11
- package/icons/pencil/index.min.js +1 -1
- package/icons/pencil/index.vue +2 -8
- package/icons/plus/index.cjs.js +4 -10
- package/icons/plus/index.cjs.min.js +1 -1
- package/icons/plus/index.esm.js +4 -10
- package/icons/plus/index.esm.min.js +1 -1
- package/icons/plus/index.js +6 -11
- package/icons/plus/index.min.js +1 -1
- package/icons/plus/index.vue +2 -8
- package/icons/refresh/index.cjs.js +4 -10
- package/icons/refresh/index.cjs.min.js +1 -1
- package/icons/refresh/index.esm.js +4 -10
- package/icons/refresh/index.esm.min.js +1 -1
- package/icons/refresh/index.js +6 -11
- package/icons/refresh/index.min.js +1 -1
- package/icons/refresh/index.vue +2 -8
- package/icons/search/index.cjs.js +4 -10
- package/icons/search/index.cjs.min.js +1 -1
- package/icons/search/index.esm.js +4 -10
- package/icons/search/index.esm.min.js +1 -1
- package/icons/search/index.js +6 -11
- package/icons/search/index.min.js +1 -1
- package/icons/search/index.vue +2 -8
- package/icons/searchminus/index.cjs.js +4 -10
- package/icons/searchminus/index.cjs.min.js +1 -1
- package/icons/searchminus/index.esm.js +4 -10
- package/icons/searchminus/index.esm.min.js +1 -1
- package/icons/searchminus/index.js +6 -11
- package/icons/searchminus/index.min.js +1 -1
- package/icons/searchminus/index.vue +2 -8
- package/icons/searchplus/index.cjs.js +4 -10
- package/icons/searchplus/index.cjs.min.js +1 -1
- package/icons/searchplus/index.esm.js +4 -10
- package/icons/searchplus/index.esm.min.js +1 -1
- package/icons/searchplus/index.js +6 -11
- package/icons/searchplus/index.min.js +1 -1
- package/icons/searchplus/index.vue +2 -8
- package/icons/sortalt/index.cjs.js +4 -10
- package/icons/sortalt/index.cjs.min.js +1 -1
- package/icons/sortalt/index.esm.js +4 -10
- package/icons/sortalt/index.esm.min.js +1 -1
- package/icons/sortalt/index.js +6 -11
- package/icons/sortalt/index.min.js +1 -1
- package/icons/sortalt/index.vue +2 -8
- package/icons/sortamountdown/index.cjs.js +4 -10
- package/icons/sortamountdown/index.cjs.min.js +1 -1
- package/icons/sortamountdown/index.esm.js +4 -10
- package/icons/sortamountdown/index.esm.min.js +1 -1
- package/icons/sortamountdown/index.js +6 -11
- package/icons/sortamountdown/index.min.js +1 -1
- package/icons/sortamountdown/index.vue +2 -8
- package/icons/sortamountupalt/index.cjs.js +4 -10
- package/icons/sortamountupalt/index.cjs.min.js +1 -1
- package/icons/sortamountupalt/index.esm.js +4 -10
- package/icons/sortamountupalt/index.esm.min.js +1 -1
- package/icons/sortamountupalt/index.js +6 -11
- package/icons/sortamountupalt/index.min.js +1 -1
- package/icons/sortamountupalt/index.vue +2 -8
- package/icons/spinner/index.cjs.js +4 -10
- package/icons/spinner/index.cjs.min.js +1 -1
- package/icons/spinner/index.esm.js +4 -10
- package/icons/spinner/index.esm.min.js +1 -1
- package/icons/spinner/index.js +6 -11
- package/icons/spinner/index.min.js +1 -1
- package/icons/spinner/index.vue +2 -8
- package/icons/star/index.cjs.js +4 -10
- package/icons/star/index.cjs.min.js +1 -1
- package/icons/star/index.esm.js +4 -10
- package/icons/star/index.esm.min.js +1 -1
- package/icons/star/index.js +6 -11
- package/icons/star/index.min.js +1 -1
- package/icons/star/index.vue +2 -8
- package/icons/starfill/index.cjs.js +4 -10
- package/icons/starfill/index.cjs.min.js +1 -1
- package/icons/starfill/index.esm.js +4 -10
- package/icons/starfill/index.esm.min.js +1 -1
- package/icons/starfill/index.js +6 -11
- package/icons/starfill/index.min.js +1 -1
- package/icons/starfill/index.vue +2 -8
- package/icons/thlarge/index.cjs.js +4 -10
- package/icons/thlarge/index.cjs.min.js +1 -1
- package/icons/thlarge/index.esm.js +4 -10
- package/icons/thlarge/index.esm.min.js +1 -1
- package/icons/thlarge/index.js +6 -11
- package/icons/thlarge/index.min.js +1 -1
- package/icons/thlarge/index.vue +2 -8
- package/icons/timescircle/index.cjs.js +4 -10
- package/icons/timescircle/index.cjs.min.js +1 -1
- package/icons/timescircle/index.esm.js +4 -10
- package/icons/timescircle/index.esm.min.js +1 -1
- package/icons/timescircle/index.js +6 -11
- package/icons/timescircle/index.min.js +1 -1
- package/icons/timescircle/index.vue +2 -8
- package/icons/trash/index.cjs.js +4 -10
- package/icons/trash/index.cjs.min.js +1 -1
- package/icons/trash/index.esm.js +4 -10
- package/icons/trash/index.esm.min.js +1 -1
- package/icons/trash/index.js +6 -11
- package/icons/trash/index.min.js +1 -1
- package/icons/trash/index.vue +2 -8
- package/icons/undo/index.cjs.js +4 -10
- package/icons/undo/index.cjs.min.js +1 -1
- package/icons/undo/index.esm.js +4 -10
- package/icons/undo/index.esm.min.js +1 -1
- package/icons/undo/index.js +6 -11
- package/icons/undo/index.min.js +1 -1
- package/icons/undo/index.vue +2 -8
- package/icons/upload/index.cjs.js +4 -10
- package/icons/upload/index.cjs.min.js +1 -1
- package/icons/upload/index.esm.js +4 -10
- package/icons/upload/index.esm.min.js +1 -1
- package/icons/upload/index.js +6 -11
- package/icons/upload/index.min.js +1 -1
- package/icons/upload/index.vue +2 -8
- package/icons/windowmaximize/index.cjs.js +4 -10
- package/icons/windowmaximize/index.cjs.min.js +1 -1
- package/icons/windowmaximize/index.esm.js +4 -10
- package/icons/windowmaximize/index.esm.min.js +1 -1
- package/icons/windowmaximize/index.js +6 -11
- package/icons/windowmaximize/index.min.js +1 -1
- package/icons/windowmaximize/index.vue +2 -8
- package/icons/windowminimize/index.cjs.js +4 -10
- package/icons/windowminimize/index.cjs.min.js +1 -1
- package/icons/windowminimize/index.esm.js +4 -10
- package/icons/windowminimize/index.esm.min.js +1 -1
- package/icons/windowminimize/index.js +6 -11
- package/icons/windowminimize/index.min.js +1 -1
- package/icons/windowminimize/index.vue +2 -8
- package/inputnumber/InputNumber.vue +22 -9
- package/inputnumber/inputnumber.cjs.js +17 -6
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +18 -7
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +17 -6
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/BaseInputSwitch.vue +8 -4
- package/inputswitch/InputSwitch.d.ts +41 -20
- package/inputswitch/InputSwitch.vue +31 -33
- package/inputswitch/inputswitch.cjs.js +38 -42
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.esm.js +38 -42
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +38 -42
- package/inputswitch/inputswitch.min.js +1 -1
- package/inputswitch/style/inputswitchstyle.cjs.js +4 -4
- package/inputswitch/style/inputswitchstyle.cjs.min.js +1 -1
- package/inputswitch/style/inputswitchstyle.esm.js +4 -4
- package/inputswitch/style/inputswitchstyle.esm.min.js +1 -1
- package/inputswitch/style/inputswitchstyle.js +4 -4
- package/inputswitch/style/inputswitchstyle.min.js +1 -1
- package/listbox/BaseListbox.vue +4 -0
- package/listbox/Listbox.d.ts +6 -1
- package/listbox/Listbox.vue +47 -26
- package/listbox/listbox.cjs.js +88 -50
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.esm.js +88 -50
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +88 -50
- package/listbox/listbox.min.js +1 -1
- package/listbox/style/listboxstyle.cjs.js +2 -3
- package/listbox/style/listboxstyle.cjs.min.js +1 -1
- package/listbox/style/listboxstyle.esm.js +2 -3
- package/listbox/style/listboxstyle.esm.min.js +1 -1
- package/listbox/style/listboxstyle.js +2 -3
- package/listbox/style/listboxstyle.min.js +1 -1
- package/megamenu/MegaMenu.vue +1 -1
- package/megamenu/megamenu.cjs.js +2 -1
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +2 -1
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +2 -1
- package/megamenu/megamenu.min.js +1 -1
- package/menu/BaseMenu.vue +1 -1
- package/menu/menu.cjs.js +1 -1
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +1 -1
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +1 -1
- package/menu/menu.min.js +1 -1
- package/menubar/Menubar.vue +3 -2
- package/menubar/MenubarSub.vue +5 -1
- package/menubar/menubar.cjs.js +12 -5
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +12 -5
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +12 -5
- package/menubar/menubar.min.js +1 -1
- package/message/Message.d.ts +4 -0
- package/message/Message.vue +2 -1
- package/message/message.cjs.js +2 -1
- package/message/message.cjs.min.js +1 -1
- package/message/message.esm.js +2 -1
- package/message/message.esm.min.js +1 -1
- package/message/message.js +2 -1
- package/message/message.min.js +1 -1
- package/metergroup/BaseMeterGroup.vue +41 -0
- package/metergroup/MeterGroup.d.ts +302 -0
- package/metergroup/MeterGroup.vue +73 -0
- package/metergroup/MeterGroupLabel.vue +36 -0
- package/metergroup/metergroup.cjs.js +218 -0
- package/metergroup/metergroup.cjs.min.js +1 -0
- package/metergroup/metergroup.esm.js +211 -0
- package/metergroup/metergroup.esm.min.js +1 -0
- package/metergroup/metergroup.js +218 -0
- package/metergroup/metergroup.min.js +1 -0
- package/metergroup/package.json +9 -0
- package/metergroup/style/MeterGroupStyle.d.ts +3 -0
- package/metergroup/style/metergroupstyle.cjs.js +40 -0
- package/metergroup/style/metergroupstyle.cjs.min.js +1 -0
- package/metergroup/style/metergroupstyle.esm.js +34 -0
- package/metergroup/style/metergroupstyle.esm.min.js +1 -0
- package/metergroup/style/metergroupstyle.js +43 -0
- package/metergroup/style/metergroupstyle.min.js +1 -0
- package/metergroup/style/package.json +6 -0
- package/multiselect/BaseMultiSelect.vue +10 -2
- package/multiselect/MultiSelect.d.ts +13 -19
- package/multiselect/MultiSelect.vue +108 -76
- package/multiselect/multiselect.cjs.js +174 -134
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.esm.js +174 -135
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +175 -136
- package/multiselect/multiselect.min.js +1 -1
- package/multiselect/style/multiselectstyle.cjs.js +7 -30
- package/multiselect/style/multiselectstyle.cjs.min.js +1 -1
- package/multiselect/style/multiselectstyle.esm.js +7 -30
- package/multiselect/style/multiselectstyle.esm.min.js +1 -1
- package/multiselect/style/multiselectstyle.js +7 -30
- package/multiselect/style/multiselectstyle.min.js +1 -1
- package/orderlist/BaseOrderList.vue +8 -0
- package/orderlist/OrderList.d.ts +10 -0
- package/orderlist/OrderList.vue +72 -52
- package/orderlist/orderlist.cjs.js +79 -56
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.esm.js +79 -56
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +79 -56
- package/orderlist/orderlist.min.js +1 -1
- package/orderlist/style/orderliststyle.cjs.js +1 -1
- package/orderlist/style/orderliststyle.cjs.min.js +1 -1
- package/orderlist/style/orderliststyle.esm.js +1 -1
- package/orderlist/style/orderliststyle.esm.min.js +1 -1
- package/orderlist/style/orderliststyle.js +1 -1
- package/orderlist/style/orderliststyle.min.js +1 -1
- package/overlaypanel/BaseOverlayPanel.vue +1 -1
- package/overlaypanel/OverlayPanel.d.ts +4 -0
- package/overlaypanel/OverlayPanel.vue +1 -1
- package/overlaypanel/overlaypanel.cjs.js +2 -2
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.esm.js +2 -2
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +2 -2
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/panelmenu/PanelMenuList.vue +1 -1
- package/panelmenu/panelmenu.cjs.js +2 -1
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +2 -1
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +2 -1
- package/panelmenu/panelmenu.min.js +1 -1
- package/password/BasePassword.vue +1 -1
- package/password/password.cjs.js +1 -1
- package/password/password.cjs.min.js +1 -1
- package/password/password.esm.js +1 -1
- package/password/password.esm.min.js +1 -1
- package/password/password.js +1 -1
- package/password/password.min.js +1 -1
- package/picklist/BasePickList.vue +8 -0
- package/picklist/PickList.d.ts +10 -0
- package/picklist/PickList.vue +72 -37
- package/picklist/picklist.cjs.js +81 -46
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.esm.js +81 -46
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +81 -46
- package/picklist/picklist.min.js +1 -1
- package/portal/Portal.vue +1 -1
- package/portal/portal.cjs.js +1 -1
- package/portal/portal.cjs.min.js +1 -1
- package/portal/portal.esm.js +1 -1
- package/portal/portal.esm.min.js +1 -1
- package/portal/portal.js +1 -1
- package/portal/portal.min.js +1 -1
- package/progressbar/ProgressBar.vue +1 -1
- package/progressbar/progressbar.cjs.js +3 -1
- package/progressbar/progressbar.cjs.min.js +1 -1
- package/progressbar/progressbar.esm.js +3 -1
- package/progressbar/progressbar.esm.min.js +1 -1
- package/progressbar/progressbar.js +3 -1
- package/progressbar/progressbar.min.js +1 -1
- package/radiobutton/BaseRadioButton.vue +9 -4
- package/radiobutton/RadioButton.d.ts +48 -22
- package/radiobutton/RadioButton.vue +36 -23
- package/radiobutton/radiobutton.cjs.js +42 -50
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.esm.js +42 -50
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +42 -50
- package/radiobutton/radiobutton.min.js +1 -1
- package/radiobutton/style/radiobuttonstyle.cjs.js +5 -11
- package/radiobutton/style/radiobuttonstyle.cjs.min.js +1 -1
- package/radiobutton/style/radiobuttonstyle.esm.js +5 -11
- package/radiobutton/style/radiobuttonstyle.esm.min.js +1 -1
- package/radiobutton/style/radiobuttonstyle.js +5 -11
- package/radiobutton/style/radiobuttonstyle.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +432 -351
- package/resources/themes/arya-green/theme.css +432 -351
- package/resources/themes/arya-orange/theme.css +432 -351
- package/resources/themes/arya-purple/theme.css +432 -351
- package/resources/themes/aura-dark-amber/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/aura-dark-amber/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/aura-dark-amber/theme.css +7012 -0
- package/resources/themes/aura-dark-blue/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/aura-dark-blue/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/aura-dark-blue/theme.css +7012 -0
- package/resources/themes/aura-dark-cyan/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/aura-dark-cyan/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/aura-dark-cyan/theme.css +7012 -0
- package/resources/themes/aura-dark-green/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/aura-dark-green/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/aura-dark-green/theme.css +7012 -0
- package/resources/themes/aura-dark-indigo/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/aura-dark-indigo/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/aura-dark-indigo/theme.css +7012 -0
- package/resources/themes/aura-dark-lime/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/aura-dark-lime/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/aura-dark-lime/theme.css +7012 -0
- package/resources/themes/aura-dark-noir/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/aura-dark-noir/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/aura-dark-noir/theme.css +7012 -0
- package/resources/themes/aura-dark-pink/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/aura-dark-pink/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/aura-dark-pink/theme.css +7012 -0
- package/resources/themes/aura-dark-purple/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/aura-dark-purple/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/aura-dark-purple/theme.css +7012 -0
- package/resources/themes/aura-dark-teal/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/aura-dark-teal/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/aura-dark-teal/theme.css +7012 -0
- package/resources/themes/aura-light-amber/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/aura-light-amber/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/aura-light-amber/theme.css +7014 -0
- package/resources/themes/aura-light-blue/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/aura-light-blue/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/aura-light-blue/theme.css +7014 -0
- package/resources/themes/aura-light-cyan/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/aura-light-cyan/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/aura-light-cyan/theme.css +7014 -0
- package/resources/themes/aura-light-green/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/aura-light-green/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/aura-light-green/theme.css +7014 -0
- package/resources/themes/aura-light-indigo/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/aura-light-indigo/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/aura-light-indigo/theme.css +7014 -0
- package/resources/themes/aura-light-lime/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/aura-light-lime/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/aura-light-lime/theme.css +7014 -0
- package/resources/themes/aura-light-noir/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/aura-light-noir/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/aura-light-noir/theme.css +7022 -0
- package/resources/themes/aura-light-pink/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/aura-light-pink/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/aura-light-pink/theme.css +7014 -0
- package/resources/themes/aura-light-purple/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/aura-light-purple/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/aura-light-purple/theme.css +7014 -0
- package/resources/themes/aura-light-teal/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/aura-light-teal/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/aura-light-teal/theme.css +7014 -0
- package/resources/themes/bootstrap4-dark-blue/theme.css +533 -403
- package/resources/themes/bootstrap4-dark-purple/theme.css +533 -403
- package/resources/themes/bootstrap4-light-blue/theme.css +533 -403
- package/resources/themes/bootstrap4-light-purple/theme.css +533 -403
- package/resources/themes/fluent-light/theme.css +431 -350
- package/resources/themes/lara-dark-amber/theme.css +534 -404
- package/resources/themes/lara-dark-blue/theme.css +534 -404
- package/resources/themes/lara-dark-cyan/theme.css +534 -404
- package/resources/themes/lara-dark-green/theme.css +534 -404
- package/resources/themes/lara-dark-indigo/theme.css +534 -404
- package/resources/themes/lara-dark-pink/theme.css +534 -404
- package/resources/themes/lara-dark-purple/theme.css +534 -404
- package/resources/themes/lara-dark-teal/theme.css +534 -404
- package/resources/themes/lara-light-amber/theme.css +535 -405
- package/resources/themes/lara-light-blue/theme.css +535 -405
- package/resources/themes/lara-light-cyan/theme.css +535 -405
- package/resources/themes/lara-light-green/theme.css +535 -405
- package/resources/themes/lara-light-indigo/theme.css +535 -405
- package/resources/themes/lara-light-pink/theme.css +535 -405
- package/resources/themes/lara-light-purple/theme.css +535 -405
- package/resources/themes/lara-light-teal/theme.css +535 -405
- package/resources/themes/luna-amber/theme.css +432 -351
- package/resources/themes/luna-blue/theme.css +432 -351
- package/resources/themes/luna-green/theme.css +432 -351
- package/resources/themes/luna-pink/theme.css +432 -351
- package/resources/themes/md-dark-deeppurple/theme.css +696 -431
- package/resources/themes/md-dark-indigo/theme.css +696 -431
- package/resources/themes/md-light-deeppurple/theme.css +700 -435
- package/resources/themes/md-light-indigo/theme.css +700 -435
- package/resources/themes/mdc-dark-deeppurple/theme.css +696 -431
- package/resources/themes/mdc-dark-indigo/theme.css +696 -431
- package/resources/themes/mdc-light-deeppurple/theme.css +700 -435
- package/resources/themes/mdc-light-indigo/theme.css +700 -435
- package/resources/themes/mira/theme.css +486 -405
- package/resources/themes/nano/theme.css +432 -351
- package/resources/themes/nova/theme.css +432 -351
- package/resources/themes/nova-accent/theme.css +432 -351
- package/resources/themes/nova-alt/theme.css +432 -351
- package/resources/themes/nova-vue/theme.css +432 -351
- package/resources/themes/rhea/theme.css +432 -351
- package/resources/themes/saga-blue/theme.css +432 -351
- package/resources/themes/saga-green/theme.css +432 -351
- package/resources/themes/saga-orange/theme.css +432 -351
- package/resources/themes/saga-purple/theme.css +432 -351
- package/resources/themes/soho-dark/theme.css +534 -404
- package/resources/themes/soho-light/theme.css +534 -404
- package/resources/themes/tailwind-light/theme.css +432 -351
- package/resources/themes/vela-blue/theme.css +432 -351
- package/resources/themes/vela-green/theme.css +432 -351
- package/resources/themes/vela-orange/theme.css +432 -351
- package/resources/themes/vela-purple/theme.css +432 -351
- package/resources/themes/viva-dark/theme.css +535 -405
- package/resources/themes/viva-light/theme.css +535 -405
- package/sidebar/Sidebar.vue +16 -1
- package/sidebar/sidebar.cjs.js +17 -5
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.esm.js +17 -5
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +17 -5
- package/sidebar/sidebar.min.js +1 -1
- package/slider/Slider.vue +0 -1
- package/slider/slider.cjs.js +0 -1
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +0 -1
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +0 -1
- package/slider/slider.min.js +1 -1
- package/speeddial/SpeedDial.vue +2 -2
- package/speeddial/speeddial.cjs.js +2 -2
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +2 -2
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +2 -2
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/BaseSplitButton.vue +1 -1
- package/splitbutton/splitbutton.cjs.js +1 -1
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +1 -1
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +1 -1
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitbutton/style/splitbuttonstyle.cjs.js +8 -5
- package/splitbutton/style/splitbuttonstyle.cjs.min.js +1 -1
- package/splitbutton/style/splitbuttonstyle.esm.js +8 -5
- package/splitbutton/style/splitbuttonstyle.esm.min.js +1 -1
- package/splitbutton/style/splitbuttonstyle.js +8 -5
- package/splitbutton/style/splitbuttonstyle.min.js +1 -1
- package/steps/Steps.vue +2 -1
- package/steps/steps.cjs.js +3 -2
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.esm.js +3 -2
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +3 -2
- package/steps/steps.min.js +1 -1
- package/tabview/TabView.vue +2 -3
- package/tabview/tabview.cjs.js +3 -3
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.esm.js +3 -3
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +3 -3
- package/tabview/tabview.min.js +1 -1
- package/tag/Tag.vue +1 -1
- package/tag/tag.cjs.js +4 -2
- package/tag/tag.cjs.min.js +1 -1
- package/tag/tag.esm.js +4 -2
- package/tag/tag.esm.min.js +1 -1
- package/tag/tag.js +4 -2
- package/tag/tag.min.js +1 -1
- package/textarea/Textarea.d.ts +2 -2
- package/tieredmenu/BaseTieredMenu.vue +1 -1
- package/tieredmenu/TieredMenu.d.ts +4 -0
- package/tieredmenu/TieredMenu.vue +1 -1
- package/tieredmenu/TieredMenuSub.vue +5 -1
- package/tieredmenu/tieredmenu.cjs.js +12 -5
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +12 -5
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +12 -5
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/togglebutton/BaseToggleButton.vue +4 -4
- package/togglebutton/ToggleButton.d.ts +17 -24
- package/togglebutton/ToggleButton.vue +41 -67
- package/togglebutton/style/togglebuttonstyle.cjs.js +15 -8
- package/togglebutton/style/togglebuttonstyle.cjs.min.js +1 -1
- package/togglebutton/style/togglebuttonstyle.esm.js +15 -8
- package/togglebutton/style/togglebuttonstyle.esm.min.js +1 -1
- package/togglebutton/style/togglebuttonstyle.js +15 -8
- package/togglebutton/style/togglebuttonstyle.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +45 -80
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +46 -81
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +46 -82
- package/togglebutton/togglebutton.min.js +1 -1
- package/tooltip/style/tooltipstyle.cjs.js +1 -1
- package/tooltip/style/tooltipstyle.cjs.min.js +1 -1
- package/tooltip/style/tooltipstyle.esm.js +1 -1
- package/tooltip/style/tooltipstyle.esm.min.js +1 -1
- package/tooltip/style/tooltipstyle.js +1 -1
- package/tooltip/style/tooltipstyle.min.js +1 -1
- package/tree/BaseTree.vue +4 -0
- package/tree/Tree.d.ts +6 -9
- package/tree/Tree.vue +1 -1
- package/tree/TreeNode.vue +14 -11
- package/tree/style/treestyle.cjs.js +3 -6
- package/tree/style/treestyle.cjs.min.js +1 -1
- package/tree/style/treestyle.esm.js +3 -6
- package/tree/style/treestyle.esm.min.js +1 -1
- package/tree/style/treestyle.js +3 -6
- package/tree/style/treestyle.min.js +1 -1
- package/tree/tree.cjs.js +34 -21
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +34 -22
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +35 -23
- package/tree/tree.min.js +1 -1
- package/treeselect/BaseTreeSelect.vue +1 -1
- package/treeselect/TreeSelect.vue +0 -4
- package/treeselect/treeselect.cjs.js +1 -5
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.esm.js +1 -5
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +1 -5
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/BodyCell.vue +26 -24
- package/treetable/TreeTable.vue +3 -1
- package/treetable/TreeTableRow.vue +2 -0
- package/treetable/style/treetablestyle.cjs.js +4 -13
- package/treetable/style/treetablestyle.cjs.min.js +1 -1
- package/treetable/style/treetablestyle.esm.js +4 -13
- package/treetable/style/treetablestyle.esm.min.js +1 -1
- package/treetable/style/treetablestyle.js +4 -13
- package/treetable/style/treetablestyle.min.js +1 -1
- package/treetable/treetable.cjs.js +39 -44
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +39 -45
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +40 -46
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/BaseTriStateCheckbox.vue +17 -9
- package/tristatecheckbox/TriStateCheckbox.d.ts +34 -23
- package/tristatecheckbox/TriStateCheckbox.vue +49 -61
- package/tristatecheckbox/style/tristatecheckboxstyle.cjs.js +7 -13
- package/tristatecheckbox/style/tristatecheckboxstyle.cjs.min.js +1 -1
- package/tristatecheckbox/style/tristatecheckboxstyle.esm.js +7 -13
- package/tristatecheckbox/style/tristatecheckboxstyle.esm.min.js +1 -1
- package/tristatecheckbox/style/tristatecheckboxstyle.js +7 -13
- package/tristatecheckbox/style/tristatecheckboxstyle.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +69 -87
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.js +70 -88
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +69 -87
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/utils/utils.cjs.js +14 -6
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.esm.js +14 -6
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +14 -6
- package/utils/utils.min.js +1 -1
- package/vetur-attributes.json +24 -0
- package/vetur-tags.json +6 -0
- package/virtualscroller/BaseVirtualScroller.vue +1 -1
- package/virtualscroller/VirtualScroller.vue +58 -50
- package/virtualscroller/virtualscroller.cjs.js +90 -77
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.esm.js +90 -77
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +90 -77
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +71 -6
package/steps/steps.esm.js
CHANGED
|
@@ -47,7 +47,7 @@ var script = {
|
|
|
47
47
|
},
|
|
48
48
|
mounted: function mounted() {
|
|
49
49
|
var firstItem = this.findFirstItem();
|
|
50
|
-
firstItem.tabIndex = '0';
|
|
50
|
+
firstItem && (firstItem.tabIndex = '0');
|
|
51
51
|
},
|
|
52
52
|
methods: {
|
|
53
53
|
getPTOptions: function getPTOptions(key, item, index) {
|
|
@@ -195,7 +195,7 @@ var script = {
|
|
|
195
195
|
};
|
|
196
196
|
|
|
197
197
|
var _hoisted_1 = ["id"];
|
|
198
|
-
var _hoisted_2 = ["onClick", "onKeydown", "data-p-highlight", "data-p-disabled"];
|
|
198
|
+
var _hoisted_2 = ["aria-current", "onClick", "onKeydown", "data-p-highlight", "data-p-disabled"];
|
|
199
199
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
200
200
|
return openBlock(), createElementBlock("nav", mergeProps({
|
|
201
201
|
id: _ctx.id,
|
|
@@ -215,6 +215,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
215
215
|
index: index
|
|
216
216
|
}), item["class"]],
|
|
217
217
|
style: item.style,
|
|
218
|
+
"aria-current": $options.isActive(index) ? 'step' : undefined,
|
|
218
219
|
onClick: function onClick($event) {
|
|
219
220
|
return $options.onItemClick($event, item, index);
|
|
220
221
|
},
|
package/steps/steps.esm.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{DomHandler as t}from"primevue/utils";import{mergeProps as e,openBlock as i,createElementBlock as n,createElementVNode as s,Fragment as a,renderList as o,toDisplayString as r,createBlock as l,resolveDynamicComponent as c,createCommentVNode as u}from"vue";import d from"primevue/basecomponent";import m from"primevue/steps/style";var p={name:"Steps",extends:{name:"BaseSteps",extends:d,props:{id:{type:String},model:{type:Array,default:null},readonly:{type:Boolean,default:!0},activeStep:{type:Number,default:0}},style:m,provide:function(){return{$parentInstance:this}}},emits:["update:activeStep","step-change"],data:function(){return{d_activeStep:this.activeStep}},watch:{activeStep:function(t){this.d_activeStep=t}},mounted:function(){this.findFirstItem().tabIndex="0"},methods:{getPTOptions:function(t,e,i){return this.ptm(t,{context:{item:e,index:i,active:this.isActive(i),disabled:this.isItemDisabled(e,i)}})},onItemClick:function(t,e,i){this.disabled(e)||this.readonly?t.preventDefault():(e.command&&e.command({originalEvent:t,item:e}),i!==this.d_activeStep&&(this.d_activeStep=i,this.$emit("update:activeStep",this.d_activeStep)),this.$emit("step-change",{originalEvent:t,index:i}))},onItemKeydown:function(t,e){switch(t.code){case"ArrowRight":this.navigateToNextItem(t.target),t.preventDefault();break;case"ArrowLeft":this.navigateToPrevItem(t.target),t.preventDefault();break;case"Home":this.navigateToFirstItem(t.target),t.preventDefault();break;case"End":this.navigateToLastItem(t.target),t.preventDefault();break;case"Tab":break;case"Enter":case"NumpadEnter":case"Space":this.onItemClick(t,e),t.preventDefault()}},navigateToNextItem:function(t){var e=this.findNextItem(t);e&&this.setFocusToMenuitem(t,e)},navigateToPrevItem:function(t){var e=this.findPrevItem(t);e&&this.setFocusToMenuitem(t,e)},navigateToFirstItem:function(t){var e=this.findFirstItem(t);e&&this.setFocusToMenuitem(t,e)},navigateToLastItem:function(t){var e=this.findLastItem(t);e&&this.setFocusToMenuitem(t,e)},findNextItem:function(t){var e=t.parentElement.nextElementSibling;return e?e.children[0]:null},findPrevItem:function(t){var e=t.parentElement.previousElementSibling;return e?e.children[0]:null},findFirstItem:function(){var e=t.findSingle(this.$refs.list,'[data-pc-section="menuitem"]');return e?e.children[0]:null},findLastItem:function(){var e=t.find(this.$refs.list,'[data-pc-section="menuitem"]');return e?e[e.length-1].children[0]:null},setFocusToMenuitem:function(t,e){t.tabIndex="-1",e.tabIndex="0",e.focus()},isActive:function(t){return t===this.d_activeStep},isItemDisabled:function(t,e){return this.disabled(t)||this.readonly&&!this.isActive(e)},visible:function(t){return"function"==typeof t.visible?t.visible():!1!==t.visible},disabled:function(t){return"function"==typeof t.disabled?t.disabled():t.disabled},label:function(t){return"function"==typeof t.label?t.label():t.label},getMenuItemProps:function(t,i){var n=this;return{action:e({class:this.cx("action"),onClick:function(e){return n.onItemClick(e,t)},onKeyDown:function(e){return n.onItemKeydown(e,t)}},this.getPTOptions("action",t,i)),step:e({class:this.cx("step")},this.getPTOptions("step",t,i)),label:e({class:this.cx("label")},this.getPTOptions("label",t,i))}}}},f=["id"],v=["onClick","onKeydown","data-p-highlight","data-p-disabled"];p.render=function(t,d,m,p,h,b){return i(),n("nav",e({id:t.id,class:t.cx("root")},t.ptm("root"),{"data-pc-name":"steps"}),[s("ol",e({ref:"list",class:t.cx("menu")},t.ptm("menu")),[(i(!0),n(a,null,o(t.model,(function(o,d){return i(),n(a,{key:b.label(o)+"_"+d.toString()},[b.visible(o)?(i(),n("li",e({key:0,class:[t.cx("menuitem",{item:o,index:d}),o.class],style:o.style,onClick:function(t){return b.onItemClick(t,o,d)},onKeydown:function(t){return b.onItemKeydown(t,o,d)}},b.getPTOptions("menuitem",o,d),{"data-p-highlight":b.isActive(d),"data-p-disabled":b.isItemDisabled(o,d)}),[t.$slots.item?(i(),l(c(t.$slots.item),{key:1,item:o,index:d,active:d===h.d_activeStep,label:b.label(o),props:b.getMenuItemProps(o,d)},null,8,["item","index","active","label","props"])):(i(),n("span",e({key:0,class:t.cx("action")},b.getPTOptions("action",o,d)),[s("span",e({class:t.cx("step")},b.getPTOptions("step",o,d)),r(d+1),17),s("span",e({class:t.cx("label")},b.getPTOptions("label",o,d)),r(b.label(o)),17)],16))],16,v)):u("",!0)],64)})),128))],16)],16,f)};export{p as default};
|
|
1
|
+
import{DomHandler as t}from"primevue/utils";import{mergeProps as e,openBlock as i,createElementBlock as n,createElementVNode as s,Fragment as a,renderList as o,toDisplayString as r,createBlock as l,resolveDynamicComponent as c,createCommentVNode as u}from"vue";import d from"primevue/basecomponent";import m from"primevue/steps/style";var p={name:"Steps",extends:{name:"BaseSteps",extends:d,props:{id:{type:String},model:{type:Array,default:null},readonly:{type:Boolean,default:!0},activeStep:{type:Number,default:0}},style:m,provide:function(){return{$parentInstance:this}}},emits:["update:activeStep","step-change"],data:function(){return{d_activeStep:this.activeStep}},watch:{activeStep:function(t){this.d_activeStep=t}},mounted:function(){var t=this.findFirstItem();t&&(t.tabIndex="0")},methods:{getPTOptions:function(t,e,i){return this.ptm(t,{context:{item:e,index:i,active:this.isActive(i),disabled:this.isItemDisabled(e,i)}})},onItemClick:function(t,e,i){this.disabled(e)||this.readonly?t.preventDefault():(e.command&&e.command({originalEvent:t,item:e}),i!==this.d_activeStep&&(this.d_activeStep=i,this.$emit("update:activeStep",this.d_activeStep)),this.$emit("step-change",{originalEvent:t,index:i}))},onItemKeydown:function(t,e){switch(t.code){case"ArrowRight":this.navigateToNextItem(t.target),t.preventDefault();break;case"ArrowLeft":this.navigateToPrevItem(t.target),t.preventDefault();break;case"Home":this.navigateToFirstItem(t.target),t.preventDefault();break;case"End":this.navigateToLastItem(t.target),t.preventDefault();break;case"Tab":break;case"Enter":case"NumpadEnter":case"Space":this.onItemClick(t,e),t.preventDefault()}},navigateToNextItem:function(t){var e=this.findNextItem(t);e&&this.setFocusToMenuitem(t,e)},navigateToPrevItem:function(t){var e=this.findPrevItem(t);e&&this.setFocusToMenuitem(t,e)},navigateToFirstItem:function(t){var e=this.findFirstItem(t);e&&this.setFocusToMenuitem(t,e)},navigateToLastItem:function(t){var e=this.findLastItem(t);e&&this.setFocusToMenuitem(t,e)},findNextItem:function(t){var e=t.parentElement.nextElementSibling;return e?e.children[0]:null},findPrevItem:function(t){var e=t.parentElement.previousElementSibling;return e?e.children[0]:null},findFirstItem:function(){var e=t.findSingle(this.$refs.list,'[data-pc-section="menuitem"]');return e?e.children[0]:null},findLastItem:function(){var e=t.find(this.$refs.list,'[data-pc-section="menuitem"]');return e?e[e.length-1].children[0]:null},setFocusToMenuitem:function(t,e){t.tabIndex="-1",e.tabIndex="0",e.focus()},isActive:function(t){return t===this.d_activeStep},isItemDisabled:function(t,e){return this.disabled(t)||this.readonly&&!this.isActive(e)},visible:function(t){return"function"==typeof t.visible?t.visible():!1!==t.visible},disabled:function(t){return"function"==typeof t.disabled?t.disabled():t.disabled},label:function(t){return"function"==typeof t.label?t.label():t.label},getMenuItemProps:function(t,i){var n=this;return{action:e({class:this.cx("action"),onClick:function(e){return n.onItemClick(e,t)},onKeyDown:function(e){return n.onItemKeydown(e,t)}},this.getPTOptions("action",t,i)),step:e({class:this.cx("step")},this.getPTOptions("step",t,i)),label:e({class:this.cx("label")},this.getPTOptions("label",t,i))}}}},f=["id"],v=["aria-current","onClick","onKeydown","data-p-highlight","data-p-disabled"];p.render=function(t,d,m,p,h,b){return i(),n("nav",e({id:t.id,class:t.cx("root")},t.ptm("root"),{"data-pc-name":"steps"}),[s("ol",e({ref:"list",class:t.cx("menu")},t.ptm("menu")),[(i(!0),n(a,null,o(t.model,(function(o,d){return i(),n(a,{key:b.label(o)+"_"+d.toString()},[b.visible(o)?(i(),n("li",e({key:0,class:[t.cx("menuitem",{item:o,index:d}),o.class],style:o.style,"aria-current":b.isActive(d)?"step":void 0,onClick:function(t){return b.onItemClick(t,o,d)},onKeydown:function(t){return b.onItemKeydown(t,o,d)}},b.getPTOptions("menuitem",o,d),{"data-p-highlight":b.isActive(d),"data-p-disabled":b.isItemDisabled(o,d)}),[t.$slots.item?(i(),l(c(t.$slots.item),{key:1,item:o,index:d,active:d===h.d_activeStep,label:b.label(o),props:b.getMenuItemProps(o,d)},null,8,["item","index","active","label","props"])):(i(),n("span",e({key:0,class:t.cx("action")},b.getPTOptions("action",o,d)),[s("span",e({class:t.cx("step")},b.getPTOptions("step",o,d)),r(d+1),17),s("span",e({class:t.cx("label")},b.getPTOptions("label",o,d)),r(b.label(o)),17)],16))],16,v)):u("",!0)],64)})),128))],16)],16,f)};export{p as default};
|
package/steps/steps.js
CHANGED
|
@@ -51,7 +51,7 @@ this.primevue.steps = (function (utils, vue, BaseComponent, StepsStyle) {
|
|
|
51
51
|
},
|
|
52
52
|
mounted: function mounted() {
|
|
53
53
|
var firstItem = this.findFirstItem();
|
|
54
|
-
firstItem.tabIndex = '0';
|
|
54
|
+
firstItem && (firstItem.tabIndex = '0');
|
|
55
55
|
},
|
|
56
56
|
methods: {
|
|
57
57
|
getPTOptions: function getPTOptions(key, item, index) {
|
|
@@ -199,7 +199,7 @@ this.primevue.steps = (function (utils, vue, BaseComponent, StepsStyle) {
|
|
|
199
199
|
};
|
|
200
200
|
|
|
201
201
|
var _hoisted_1 = ["id"];
|
|
202
|
-
var _hoisted_2 = ["onClick", "onKeydown", "data-p-highlight", "data-p-disabled"];
|
|
202
|
+
var _hoisted_2 = ["aria-current", "onClick", "onKeydown", "data-p-highlight", "data-p-disabled"];
|
|
203
203
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
204
204
|
return vue.openBlock(), vue.createElementBlock("nav", vue.mergeProps({
|
|
205
205
|
id: _ctx.id,
|
|
@@ -219,6 +219,7 @@ this.primevue.steps = (function (utils, vue, BaseComponent, StepsStyle) {
|
|
|
219
219
|
index: index
|
|
220
220
|
}), item["class"]],
|
|
221
221
|
style: item.style,
|
|
222
|
+
"aria-current": $options.isActive(index) ? 'step' : undefined,
|
|
222
223
|
onClick: function onClick($event) {
|
|
223
224
|
return $options.onItemClick($event, item, index);
|
|
224
225
|
},
|
package/steps/steps.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primevue=this.primevue||{},this.primevue.steps=function(e,t,n,i){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a={name:"Steps",extends:{name:"BaseSteps",extends:s(n).default,props:{id:{type:String},model:{type:Array,default:null},readonly:{type:Boolean,default:!0},activeStep:{type:Number,default:0}},style:s(i).default,provide:function(){return{$parentInstance:this}}},emits:["update:activeStep","step-change"],data:function(){return{d_activeStep:this.activeStep}},watch:{activeStep:function(e){this.d_activeStep=e}},mounted:function(){this.findFirstItem().tabIndex="0"},methods:{getPTOptions:function(e,t,n){return this.ptm(e,{context:{item:t,index:n,active:this.isActive(n),disabled:this.isItemDisabled(t,n)}})},onItemClick:function(e,t,n){this.disabled(t)||this.readonly?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),n!==this.d_activeStep&&(this.d_activeStep=n,this.$emit("update:activeStep",this.d_activeStep)),this.$emit("step-change",{originalEvent:e,index:n}))},onItemKeydown:function(e,t){switch(e.code){case"ArrowRight":this.navigateToNextItem(e.target),e.preventDefault();break;case"ArrowLeft":this.navigateToPrevItem(e.target),e.preventDefault();break;case"Home":this.navigateToFirstItem(e.target),e.preventDefault();break;case"End":this.navigateToLastItem(e.target),e.preventDefault();break;case"Tab":break;case"Enter":case"NumpadEnter":case"Space":this.onItemClick(e,t),e.preventDefault()}},navigateToNextItem:function(e){var t=this.findNextItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToPrevItem:function(e){var t=this.findPrevItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToFirstItem:function(e){var t=this.findFirstItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToLastItem:function(e){var t=this.findLastItem(e);t&&this.setFocusToMenuitem(e,t)},findNextItem:function(e){var t=e.parentElement.nextElementSibling;return t?t.children[0]:null},findPrevItem:function(e){var t=e.parentElement.previousElementSibling;return t?t.children[0]:null},findFirstItem:function(){var t=e.DomHandler.findSingle(this.$refs.list,'[data-pc-section="menuitem"]');return t?t.children[0]:null},findLastItem:function(){var t=e.DomHandler.find(this.$refs.list,'[data-pc-section="menuitem"]');return t?t[t.length-1].children[0]:null},setFocusToMenuitem:function(e,t){e.tabIndex="-1",t.tabIndex="0",t.focus()},isActive:function(e){return e===this.d_activeStep},isItemDisabled:function(e,t){return this.disabled(e)||this.readonly&&!this.isActive(t)},visible:function(e){return"function"==typeof e.visible?e.visible():!1!==e.visible},disabled:function(e){return"function"==typeof e.disabled?e.disabled():e.disabled},label:function(e){return"function"==typeof e.label?e.label():e.label},getMenuItemProps:function(e,n){var i=this;return{action:t.mergeProps({class:this.cx("action"),onClick:function(t){return i.onItemClick(t,e)},onKeyDown:function(t){return i.onItemKeydown(t,e)}},this.getPTOptions("action",e,n)),step:t.mergeProps({class:this.cx("step")},this.getPTOptions("step",e,n)),label:t.mergeProps({class:this.cx("label")},this.getPTOptions("label",e,n))}}}},o=["id"],r=["onClick","onKeydown","data-p-highlight","data-p-disabled"];return a.render=function(e,n,i,s,a,l){return t.openBlock(),t.createElementBlock("nav",t.mergeProps({id:e.id,class:e.cx("root")},e.ptm("root"),{"data-pc-name":"steps"}),[t.createElementVNode("ol",t.mergeProps({ref:"list",class:e.cx("menu")},e.ptm("menu")),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.model,(function(n,i){return t.openBlock(),t.createElementBlock(t.Fragment,{key:l.label(n)+"_"+i.toString()},[l.visible(n)?(t.openBlock(),t.createElementBlock("li",t.mergeProps({key:0,class:[e.cx("menuitem",{item:n,index:i}),n.class],style:n.style,onClick:function(e){return l.onItemClick(e,n,i)},onKeydown:function(e){return l.onItemKeydown(e,n,i)}},l.getPTOptions("menuitem",n,i),{"data-p-highlight":l.isActive(i),"data-p-disabled":l.isItemDisabled(n,i)}),[e.$slots.item?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.$slots.item),{key:1,item:n,index:i,active:i===a.d_activeStep,label:l.label(n),props:l.getMenuItemProps(n,i)},null,8,["item","index","active","label","props"])):(t.openBlock(),t.createElementBlock("span",t.mergeProps({key:0,class:e.cx("action")},l.getPTOptions("action",n,i)),[t.createElementVNode("span",t.mergeProps({class:e.cx("step")},l.getPTOptions("step",n,i)),t.toDisplayString(i+1),17),t.createElementVNode("span",t.mergeProps({class:e.cx("label")},l.getPTOptions("label",n,i)),t.toDisplayString(l.label(n)),17)],16))],16,r)):t.createCommentVNode("",!0)],64)})),128))],16)],16,o)},a}(primevue.utils,Vue,primevue.basecomponent,primevue.steps.style);
|
|
1
|
+
this.primevue=this.primevue||{},this.primevue.steps=function(e,t,n,i){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a={name:"Steps",extends:{name:"BaseSteps",extends:s(n).default,props:{id:{type:String},model:{type:Array,default:null},readonly:{type:Boolean,default:!0},activeStep:{type:Number,default:0}},style:s(i).default,provide:function(){return{$parentInstance:this}}},emits:["update:activeStep","step-change"],data:function(){return{d_activeStep:this.activeStep}},watch:{activeStep:function(e){this.d_activeStep=e}},mounted:function(){var e=this.findFirstItem();e&&(e.tabIndex="0")},methods:{getPTOptions:function(e,t,n){return this.ptm(e,{context:{item:t,index:n,active:this.isActive(n),disabled:this.isItemDisabled(t,n)}})},onItemClick:function(e,t,n){this.disabled(t)||this.readonly?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),n!==this.d_activeStep&&(this.d_activeStep=n,this.$emit("update:activeStep",this.d_activeStep)),this.$emit("step-change",{originalEvent:e,index:n}))},onItemKeydown:function(e,t){switch(e.code){case"ArrowRight":this.navigateToNextItem(e.target),e.preventDefault();break;case"ArrowLeft":this.navigateToPrevItem(e.target),e.preventDefault();break;case"Home":this.navigateToFirstItem(e.target),e.preventDefault();break;case"End":this.navigateToLastItem(e.target),e.preventDefault();break;case"Tab":break;case"Enter":case"NumpadEnter":case"Space":this.onItemClick(e,t),e.preventDefault()}},navigateToNextItem:function(e){var t=this.findNextItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToPrevItem:function(e){var t=this.findPrevItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToFirstItem:function(e){var t=this.findFirstItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToLastItem:function(e){var t=this.findLastItem(e);t&&this.setFocusToMenuitem(e,t)},findNextItem:function(e){var t=e.parentElement.nextElementSibling;return t?t.children[0]:null},findPrevItem:function(e){var t=e.parentElement.previousElementSibling;return t?t.children[0]:null},findFirstItem:function(){var t=e.DomHandler.findSingle(this.$refs.list,'[data-pc-section="menuitem"]');return t?t.children[0]:null},findLastItem:function(){var t=e.DomHandler.find(this.$refs.list,'[data-pc-section="menuitem"]');return t?t[t.length-1].children[0]:null},setFocusToMenuitem:function(e,t){e.tabIndex="-1",t.tabIndex="0",t.focus()},isActive:function(e){return e===this.d_activeStep},isItemDisabled:function(e,t){return this.disabled(e)||this.readonly&&!this.isActive(t)},visible:function(e){return"function"==typeof e.visible?e.visible():!1!==e.visible},disabled:function(e){return"function"==typeof e.disabled?e.disabled():e.disabled},label:function(e){return"function"==typeof e.label?e.label():e.label},getMenuItemProps:function(e,n){var i=this;return{action:t.mergeProps({class:this.cx("action"),onClick:function(t){return i.onItemClick(t,e)},onKeyDown:function(t){return i.onItemKeydown(t,e)}},this.getPTOptions("action",e,n)),step:t.mergeProps({class:this.cx("step")},this.getPTOptions("step",e,n)),label:t.mergeProps({class:this.cx("label")},this.getPTOptions("label",e,n))}}}},o=["id"],r=["aria-current","onClick","onKeydown","data-p-highlight","data-p-disabled"];return a.render=function(e,n,i,s,a,l){return t.openBlock(),t.createElementBlock("nav",t.mergeProps({id:e.id,class:e.cx("root")},e.ptm("root"),{"data-pc-name":"steps"}),[t.createElementVNode("ol",t.mergeProps({ref:"list",class:e.cx("menu")},e.ptm("menu")),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.model,(function(n,i){return t.openBlock(),t.createElementBlock(t.Fragment,{key:l.label(n)+"_"+i.toString()},[l.visible(n)?(t.openBlock(),t.createElementBlock("li",t.mergeProps({key:0,class:[e.cx("menuitem",{item:n,index:i}),n.class],style:n.style,"aria-current":l.isActive(i)?"step":void 0,onClick:function(e){return l.onItemClick(e,n,i)},onKeydown:function(e){return l.onItemKeydown(e,n,i)}},l.getPTOptions("menuitem",n,i),{"data-p-highlight":l.isActive(i),"data-p-disabled":l.isItemDisabled(n,i)}),[e.$slots.item?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.$slots.item),{key:1,item:n,index:i,active:i===a.d_activeStep,label:l.label(n),props:l.getMenuItemProps(n,i)},null,8,["item","index","active","label","props"])):(t.openBlock(),t.createElementBlock("span",t.mergeProps({key:0,class:e.cx("action")},l.getPTOptions("action",n,i)),[t.createElementVNode("span",t.mergeProps({class:e.cx("step")},l.getPTOptions("step",n,i)),t.toDisplayString(i+1),17),t.createElementVNode("span",t.mergeProps({class:e.cx("label")},l.getPTOptions("label",n,i)),t.toDisplayString(l.label(n)),17)],16))],16,r)):t.createCommentVNode("",!0)],64)})),128))],16)],16,o)},a}(primevue.utils,Vue,primevue.basecomponent,primevue.steps.style);
|
package/tabview/TabView.vue
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div :class="cx('root')" v-bind="ptm('root')" data-pc-name="tabview">
|
|
2
|
+
<div :class="cx('root')" role="tablist" v-bind="ptm('root')" data-pc-name="tabview">
|
|
3
3
|
<div :class="cx('navContainer')" v-bind="ptm('navContainer')">
|
|
4
4
|
<button
|
|
5
5
|
v-if="scrollable && !isPrevButtonDisabled"
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
</slot>
|
|
19
19
|
</button>
|
|
20
20
|
<div ref="content" :class="cx('navContent')" @scroll="onScroll" v-bind="ptm('navContent')">
|
|
21
|
-
<ul ref="nav" :class="cx('nav')"
|
|
21
|
+
<ul ref="nav" :class="cx('nav')" v-bind="ptm('nav')">
|
|
22
22
|
<li
|
|
23
23
|
v-for="(tab, index) of tabs"
|
|
24
24
|
:key="getKey(tab, index)"
|
|
@@ -123,7 +123,6 @@ export default {
|
|
|
123
123
|
},
|
|
124
124
|
mounted() {
|
|
125
125
|
this.id = this.id || UniqueComponentId();
|
|
126
|
-
|
|
127
126
|
this.updateInkBar();
|
|
128
127
|
this.scrollable && this.updateButtonState();
|
|
129
128
|
},
|
package/tabview/tabview.cjs.js
CHANGED
|
@@ -346,7 +346,8 @@ var _hoisted_5 = ["id", "aria-labelledby", "data-pc-index", "data-p-active"];
|
|
|
346
346
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
347
347
|
var _directive_ripple = vue.resolveDirective("ripple");
|
|
348
348
|
return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
|
|
349
|
-
"class": _ctx.cx('root')
|
|
349
|
+
"class": _ctx.cx('root'),
|
|
350
|
+
role: "tablist"
|
|
350
351
|
}, _ctx.ptm('root'), {
|
|
351
352
|
"data-pc-name": "tabview"
|
|
352
353
|
}), [vue.createElementVNode("div", vue.mergeProps({
|
|
@@ -376,8 +377,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
376
377
|
})
|
|
377
378
|
}, _ctx.ptm('navContent')), [vue.createElementVNode("ul", vue.mergeProps({
|
|
378
379
|
ref: "nav",
|
|
379
|
-
"class": _ctx.cx('nav')
|
|
380
|
-
role: "tablist"
|
|
380
|
+
"class": _ctx.cx('nav')
|
|
381
381
|
}, _ctx.ptm('nav')), [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.tabs, function (tab, index) {
|
|
382
382
|
return vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
|
|
383
383
|
key: $options.getKey(tab, index),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("primevue/icons/chevronleft"),t=require("primevue/icons/chevronright"),n=require("primevue/ripple"),a=require("primevue/utils"),r=require("vue"),i=require("primevue/basecomponent"),o=require("primevue/tabview/style");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(e),s=c(t),d=c(n),u={name:"TabView",extends:{name:"BaseTabView",extends:c(i).default,props:{activeIndex:{type:Number,default:0},lazy:{type:Boolean,default:!1},scrollable:{type:Boolean,default:!1},tabindex:{type:Number,default:0},selectOnFocus:{type:Boolean,default:!1},previousButtonProps:{type:null,default:null},nextButtonProps:{type:null,default:null},prevIcon:{type:String,default:void 0},nextIcon:{type:String,default:void 0}},style:c(o).default,provide:function(){return{$parentInstance:this}}},emits:["update:activeIndex","tab-change","tab-click"],data:function(){return{id:this.$attrs.id,d_activeIndex:this.activeIndex,isPrevButtonDisabled:!0,isNextButtonDisabled:!1}},watch:{"$attrs.id":function(e){this.id=e||a.UniqueComponentId()},activeIndex:function(e){this.d_activeIndex=e,this.scrollInView({index:e})}},mounted:function(){this.id=this.id||a.UniqueComponentId(),this.updateInkBar(),this.scrollable&&this.updateButtonState()},updated:function(){this.updateInkBar()},methods:{isTabPanel:function(e){return"TabPanel"===e.type.name},isTabActive:function(e){return this.d_activeIndex===e},getTabProp:function(e,t){return e.props?e.props[t]:void 0},getKey:function(e,t){return this.getTabProp(e,"header")||t},getTabHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getTabContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getTabPT:function(e,t,n){var a=this.tabs.length,i={props:e.props,parent:{instance:this,props:this.$props,state:this.$data},context:{index:n,count:a,first:0===n,last:n===a-1,active:this.isTabActive(n)}};return r.mergeProps(this.ptm("tab.".concat(t),{tab:i}),this.ptm("tabpanel.".concat(t),{tabpanel:i}),this.ptm("tabpanel.".concat(t),i),this.ptmo(this.getTabProp(e,"pt"),t,i))},onScroll:function(e){this.scrollable&&this.updateButtonState(),e.preventDefault()},onPrevButtonClick:function(){var e=this.$refs.content,t=a.DomHandler.getWidth(e),n=e.scrollLeft-t;e.scrollLeft=n<=0?0:n},onNextButtonClick:function(){var e=this.$refs.content,t=a.DomHandler.getWidth(e)-this.getVisibleButtonWidths(),n=e.scrollLeft+t,r=e.scrollWidth-t;e.scrollLeft=n>=r?r:n},onTabClick:function(e,t,n){this.changeActiveIndex(e,t,n),this.$emit("tab-click",{originalEvent:e,index:n})},onTabKeyDown:function(e,t,n){switch(e.code){case"ArrowLeft":this.onTabArrowLeftKey(e);break;case"ArrowRight":this.onTabArrowRightKey(e);break;case"Home":this.onTabHomeKey(e);break;case"End":this.onTabEndKey(e);break;case"PageDown":this.onPageDownKey(e);break;case"PageUp":this.onPageUpKey(e);break;case"Enter":case"NumpadEnter":case"Space":this.onTabEnterKey(e,t,n)}},onTabArrowRightKey:function(e){var t=this.findNextHeaderAction(e.target.parentElement);t?this.changeFocusedTab(e,t):this.onTabHomeKey(e),e.preventDefault()},onTabArrowLeftKey:function(e){var t=this.findPrevHeaderAction(e.target.parentElement);t?this.changeFocusedTab(e,t):this.onTabEndKey(e),e.preventDefault()},onTabHomeKey:function(e){var t=this.findFirstHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEndKey:function(e){var t=this.findLastHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onPageDownKey:function(e){this.scrollInView({index:this.$refs.nav.children.length-2}),e.preventDefault()},onPageUpKey:function(e){this.scrollInView({index:0}),e.preventDefault()},onTabEnterKey:function(e,t,n){this.changeActiveIndex(e,t,n),e.preventDefault()},findNextHeaderAction:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling;return t?a.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===a.DomHandler.getAttribute(t,"data-pc-section")?this.findNextHeaderAction(t):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling;return t?a.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===a.DomHandler.getAttribute(t,"data-pc-section")?this.findPrevHeaderAction(t):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findFirstHeaderAction:function(){return this.findNextHeaderAction(this.$refs.nav.firstElementChild,!0)},findLastHeaderAction:function(){return this.findPrevHeaderAction(this.$refs.nav.lastElementChild,!0)},changeActiveIndex:function(e,t,n){this.getTabProp(t,"disabled")||this.d_activeIndex===n||(this.d_activeIndex=n,this.$emit("update:activeIndex",n),this.$emit("tab-change",{originalEvent:e,index:n}),this.scrollInView({index:n}))},changeFocusedTab:function(e,t){if(t&&(a.DomHandler.focus(t),this.scrollInView({element:t}),this.selectOnFocus)){var n=parseInt(t.parentElement.dataset.index,10);this.changeActiveIndex(e,this.tabs[n],n)}},scrollInView:function(e){var t=e.index,n=e.element||this.$refs.nav.children[void 0===t?-1:t];n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest"})},updateInkBar:function(){var e=this.$refs.nav.children[this.d_activeIndex];this.$refs.inkbar.style.width=a.DomHandler.getWidth(e)+"px",this.$refs.inkbar.style.left=a.DomHandler.getOffset(e).left-a.DomHandler.getOffset(this.$refs.nav).left+"px"},updateButtonState:function(){var e=this.$refs.content,t=e.scrollLeft,n=e.scrollWidth,r=a.DomHandler.getWidth(e);this.isPrevButtonDisabled=0===t,this.isNextButtonDisabled=parseInt(t)===n-r},getVisibleButtonWidths:function(){var e=this.$refs;return[e.prevBtn,e.nextBtn].reduce((function(e,t){return t?e+a.DomHandler.getWidth(t):e}),0)}},computed:{tabs:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isTabPanel(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isTabPanel(n)&&t.push(n)})),t}),[])},prevButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.previous:void 0},nextButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.next:void 0}},directives:{ripple:d.default},components:{ChevronLeftIcon:l.default,ChevronRightIcon:s.default}};function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){f(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function f(e,t,n){var a;return(t="symbol"==p(a=v(t,"string"))?a:String(a))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e,t){if("object"!=p(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t||"default");if("object"!=p(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var m=["tabindex","aria-label"],g=["data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],y=["id","tabindex","aria-disabled","aria-selected","aria-controls","onClick","onKeydown"],x=["tabindex","aria-label"],P=["id","aria-labelledby","data-pc-index","data-p-active"];u.render=function(e,t,n,a,i,o){var c=r.resolveDirective("ripple");return r.openBlock(),r.createElementBlock("div",r.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"tabview"}),[r.createElementVNode("div",r.mergeProps({class:e.cx("navContainer")},e.ptm("navContainer")),[e.scrollable&&!i.isPrevButtonDisabled?r.withDirectives((r.openBlock(),r.createElementBlock("button",r.mergeProps({key:0,ref:"prevBtn",type:"button",class:e.cx("previousButton"),tabindex:e.tabindex,"aria-label":o.prevButtonAriaLabel,onClick:t[0]||(t[0]=function(){return o.onPrevButtonClick&&o.onPrevButtonClick.apply(o,arguments)})},h(h({},e.previousButtonProps),e.ptm("previousButton")),{"data-pc-group-section":"navbutton"}),[r.renderSlot(e.$slots,"previcon",{},(function(){return[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.prevIcon?"span":"ChevronLeftIcon"),r.mergeProps({"aria-hidden":"true",class:e.prevIcon},e.ptm("previousIcon")),null,16,["class"]))]}))],16,m)),[[c]]):r.createCommentVNode("",!0),r.createElementVNode("div",r.mergeProps({ref:"content",class:e.cx("navContent"),onScroll:t[1]||(t[1]=function(){return o.onScroll&&o.onScroll.apply(o,arguments)})},e.ptm("navContent")),[r.createElementVNode("ul",r.mergeProps({ref:"nav",class:e.cx("nav"),role:"tablist"},e.ptm("nav")),[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(o.tabs,(function(t,n){return r.openBlock(),r.createElementBlock("li",r.mergeProps({key:o.getKey(t,n),style:o.getTabProp(t,"headerStyle"),class:e.cx("tab.header",{tab:t,index:n}),role:"presentation"},h(h(h({},o.getTabProp(t,"headerProps")),o.getTabPT(t,"root",n)),o.getTabPT(t,"header",n)),{"data-pc-name":"tabpanel","data-p-highlight":i.d_activeIndex===n,"data-p-disabled":o.getTabProp(t,"disabled"),"data-pc-index":n,"data-p-active":i.d_activeIndex===n}),[r.withDirectives((r.openBlock(),r.createElementBlock("a",r.mergeProps({id:o.getTabHeaderActionId(n),class:e.cx("tab.headerAction"),tabindex:o.getTabProp(t,"disabled")||!o.isTabActive(n)?-1:e.tabindex,role:"tab","aria-disabled":o.getTabProp(t,"disabled"),"aria-selected":o.isTabActive(n),"aria-controls":o.getTabContentId(n),onClick:function(e){return o.onTabClick(e,t,n)},onKeydown:function(e){return o.onTabKeyDown(e,t,n)}},h(h({},o.getTabProp(t,"headerActionProps")),o.getTabPT(t,"headerAction",n))),[t.props&&t.props.header?(r.openBlock(),r.createElementBlock("span",r.mergeProps({key:0,class:e.cx("tab.headerTitle")},o.getTabPT(t,"headerTitle",n)),r.toDisplayString(t.props.header),17)):r.createCommentVNode("",!0),t.children&&t.children.header?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.children.header),{key:1})):r.createCommentVNode("",!0)],16,y)),[[c]])],16,g)})),128)),r.createElementVNode("li",r.mergeProps({ref:"inkbar",class:e.cx("inkbar"),role:"presentation","aria-hidden":"true"},e.ptm("inkbar")),null,16)],16)],16),e.scrollable&&!i.isNextButtonDisabled?r.withDirectives((r.openBlock(),r.createElementBlock("button",r.mergeProps({key:1,ref:"nextBtn",type:"button",class:e.cx("nextButton"),tabindex:e.tabindex,"aria-label":o.nextButtonAriaLabel,onClick:t[2]||(t[2]=function(){return o.onNextButtonClick&&o.onNextButtonClick.apply(o,arguments)})},h(h({},e.nextButtonProps),e.ptm("nextButton")),{"data-pc-group-section":"navbutton"}),[r.renderSlot(e.$slots,"nexticon",{},(function(){return[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.nextIcon?"span":"ChevronRightIcon"),r.mergeProps({"aria-hidden":"true",class:e.nextIcon},e.ptm("nextIcon")),null,16,["class"]))]}))],16,x)),[[c]]):r.createCommentVNode("",!0)],16),r.createElementVNode("div",r.mergeProps({class:e.cx("panelContainer")},e.ptm("panelContainer")),[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(o.tabs,(function(t,n){return r.openBlock(),r.createElementBlock(r.Fragment,{key:o.getKey(t,n)},[!e.lazy||o.isTabActive(n)?r.withDirectives((r.openBlock(),r.createElementBlock("div",r.mergeProps({key:0,id:o.getTabContentId(n),style:o.getTabProp(t,"contentStyle"),class:e.cx("tab.content",{tab:t}),role:"tabpanel","aria-labelledby":o.getTabHeaderActionId(n)},h(h(h({},o.getTabProp(t,"contentProps")),o.getTabPT(t,"root",n)),o.getTabPT(t,"content",n)),{"data-pc-name":"tabpanel","data-pc-index":n,"data-p-active":i.d_activeIndex===n}),[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t)))],16,P)),[[r.vShow,!!e.lazy||o.isTabActive(n)]]):r.createCommentVNode("",!0)],64)})),128))],16)],16)},module.exports=u;
|
|
1
|
+
"use strict";var e=require("primevue/icons/chevronleft"),t=require("primevue/icons/chevronright"),n=require("primevue/ripple"),a=require("primevue/utils"),r=require("vue"),i=require("primevue/basecomponent"),o=require("primevue/tabview/style");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(e),s=c(t),d=c(n),u={name:"TabView",extends:{name:"BaseTabView",extends:c(i).default,props:{activeIndex:{type:Number,default:0},lazy:{type:Boolean,default:!1},scrollable:{type:Boolean,default:!1},tabindex:{type:Number,default:0},selectOnFocus:{type:Boolean,default:!1},previousButtonProps:{type:null,default:null},nextButtonProps:{type:null,default:null},prevIcon:{type:String,default:void 0},nextIcon:{type:String,default:void 0}},style:c(o).default,provide:function(){return{$parentInstance:this}}},emits:["update:activeIndex","tab-change","tab-click"],data:function(){return{id:this.$attrs.id,d_activeIndex:this.activeIndex,isPrevButtonDisabled:!0,isNextButtonDisabled:!1}},watch:{"$attrs.id":function(e){this.id=e||a.UniqueComponentId()},activeIndex:function(e){this.d_activeIndex=e,this.scrollInView({index:e})}},mounted:function(){this.id=this.id||a.UniqueComponentId(),this.updateInkBar(),this.scrollable&&this.updateButtonState()},updated:function(){this.updateInkBar()},methods:{isTabPanel:function(e){return"TabPanel"===e.type.name},isTabActive:function(e){return this.d_activeIndex===e},getTabProp:function(e,t){return e.props?e.props[t]:void 0},getKey:function(e,t){return this.getTabProp(e,"header")||t},getTabHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getTabContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getTabPT:function(e,t,n){var a=this.tabs.length,i={props:e.props,parent:{instance:this,props:this.$props,state:this.$data},context:{index:n,count:a,first:0===n,last:n===a-1,active:this.isTabActive(n)}};return r.mergeProps(this.ptm("tab.".concat(t),{tab:i}),this.ptm("tabpanel.".concat(t),{tabpanel:i}),this.ptm("tabpanel.".concat(t),i),this.ptmo(this.getTabProp(e,"pt"),t,i))},onScroll:function(e){this.scrollable&&this.updateButtonState(),e.preventDefault()},onPrevButtonClick:function(){var e=this.$refs.content,t=a.DomHandler.getWidth(e),n=e.scrollLeft-t;e.scrollLeft=n<=0?0:n},onNextButtonClick:function(){var e=this.$refs.content,t=a.DomHandler.getWidth(e)-this.getVisibleButtonWidths(),n=e.scrollLeft+t,r=e.scrollWidth-t;e.scrollLeft=n>=r?r:n},onTabClick:function(e,t,n){this.changeActiveIndex(e,t,n),this.$emit("tab-click",{originalEvent:e,index:n})},onTabKeyDown:function(e,t,n){switch(e.code){case"ArrowLeft":this.onTabArrowLeftKey(e);break;case"ArrowRight":this.onTabArrowRightKey(e);break;case"Home":this.onTabHomeKey(e);break;case"End":this.onTabEndKey(e);break;case"PageDown":this.onPageDownKey(e);break;case"PageUp":this.onPageUpKey(e);break;case"Enter":case"NumpadEnter":case"Space":this.onTabEnterKey(e,t,n)}},onTabArrowRightKey:function(e){var t=this.findNextHeaderAction(e.target.parentElement);t?this.changeFocusedTab(e,t):this.onTabHomeKey(e),e.preventDefault()},onTabArrowLeftKey:function(e){var t=this.findPrevHeaderAction(e.target.parentElement);t?this.changeFocusedTab(e,t):this.onTabEndKey(e),e.preventDefault()},onTabHomeKey:function(e){var t=this.findFirstHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEndKey:function(e){var t=this.findLastHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onPageDownKey:function(e){this.scrollInView({index:this.$refs.nav.children.length-2}),e.preventDefault()},onPageUpKey:function(e){this.scrollInView({index:0}),e.preventDefault()},onTabEnterKey:function(e,t,n){this.changeActiveIndex(e,t,n),e.preventDefault()},findNextHeaderAction:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling;return t?a.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===a.DomHandler.getAttribute(t,"data-pc-section")?this.findNextHeaderAction(t):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling;return t?a.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===a.DomHandler.getAttribute(t,"data-pc-section")?this.findPrevHeaderAction(t):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findFirstHeaderAction:function(){return this.findNextHeaderAction(this.$refs.nav.firstElementChild,!0)},findLastHeaderAction:function(){return this.findPrevHeaderAction(this.$refs.nav.lastElementChild,!0)},changeActiveIndex:function(e,t,n){this.getTabProp(t,"disabled")||this.d_activeIndex===n||(this.d_activeIndex=n,this.$emit("update:activeIndex",n),this.$emit("tab-change",{originalEvent:e,index:n}),this.scrollInView({index:n}))},changeFocusedTab:function(e,t){if(t&&(a.DomHandler.focus(t),this.scrollInView({element:t}),this.selectOnFocus)){var n=parseInt(t.parentElement.dataset.index,10);this.changeActiveIndex(e,this.tabs[n],n)}},scrollInView:function(e){var t=e.index,n=e.element||this.$refs.nav.children[void 0===t?-1:t];n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest"})},updateInkBar:function(){var e=this.$refs.nav.children[this.d_activeIndex];this.$refs.inkbar.style.width=a.DomHandler.getWidth(e)+"px",this.$refs.inkbar.style.left=a.DomHandler.getOffset(e).left-a.DomHandler.getOffset(this.$refs.nav).left+"px"},updateButtonState:function(){var e=this.$refs.content,t=e.scrollLeft,n=e.scrollWidth,r=a.DomHandler.getWidth(e);this.isPrevButtonDisabled=0===t,this.isNextButtonDisabled=parseInt(t)===n-r},getVisibleButtonWidths:function(){var e=this.$refs;return[e.prevBtn,e.nextBtn].reduce((function(e,t){return t?e+a.DomHandler.getWidth(t):e}),0)}},computed:{tabs:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isTabPanel(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isTabPanel(n)&&t.push(n)})),t}),[])},prevButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.previous:void 0},nextButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.next:void 0}},directives:{ripple:d.default},components:{ChevronLeftIcon:l.default,ChevronRightIcon:s.default}};function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){f(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function f(e,t,n){var a;return(t="symbol"==p(a=v(t,"string"))?a:String(a))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e,t){if("object"!=p(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t||"default");if("object"!=p(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var m=["tabindex","aria-label"],g=["data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],y=["id","tabindex","aria-disabled","aria-selected","aria-controls","onClick","onKeydown"],x=["tabindex","aria-label"],P=["id","aria-labelledby","data-pc-index","data-p-active"];u.render=function(e,t,n,a,i,o){var c=r.resolveDirective("ripple");return r.openBlock(),r.createElementBlock("div",r.mergeProps({class:e.cx("root"),role:"tablist"},e.ptm("root"),{"data-pc-name":"tabview"}),[r.createElementVNode("div",r.mergeProps({class:e.cx("navContainer")},e.ptm("navContainer")),[e.scrollable&&!i.isPrevButtonDisabled?r.withDirectives((r.openBlock(),r.createElementBlock("button",r.mergeProps({key:0,ref:"prevBtn",type:"button",class:e.cx("previousButton"),tabindex:e.tabindex,"aria-label":o.prevButtonAriaLabel,onClick:t[0]||(t[0]=function(){return o.onPrevButtonClick&&o.onPrevButtonClick.apply(o,arguments)})},h(h({},e.previousButtonProps),e.ptm("previousButton")),{"data-pc-group-section":"navbutton"}),[r.renderSlot(e.$slots,"previcon",{},(function(){return[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.prevIcon?"span":"ChevronLeftIcon"),r.mergeProps({"aria-hidden":"true",class:e.prevIcon},e.ptm("previousIcon")),null,16,["class"]))]}))],16,m)),[[c]]):r.createCommentVNode("",!0),r.createElementVNode("div",r.mergeProps({ref:"content",class:e.cx("navContent"),onScroll:t[1]||(t[1]=function(){return o.onScroll&&o.onScroll.apply(o,arguments)})},e.ptm("navContent")),[r.createElementVNode("ul",r.mergeProps({ref:"nav",class:e.cx("nav")},e.ptm("nav")),[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(o.tabs,(function(t,n){return r.openBlock(),r.createElementBlock("li",r.mergeProps({key:o.getKey(t,n),style:o.getTabProp(t,"headerStyle"),class:e.cx("tab.header",{tab:t,index:n}),role:"presentation"},h(h(h({},o.getTabProp(t,"headerProps")),o.getTabPT(t,"root",n)),o.getTabPT(t,"header",n)),{"data-pc-name":"tabpanel","data-p-highlight":i.d_activeIndex===n,"data-p-disabled":o.getTabProp(t,"disabled"),"data-pc-index":n,"data-p-active":i.d_activeIndex===n}),[r.withDirectives((r.openBlock(),r.createElementBlock("a",r.mergeProps({id:o.getTabHeaderActionId(n),class:e.cx("tab.headerAction"),tabindex:o.getTabProp(t,"disabled")||!o.isTabActive(n)?-1:e.tabindex,role:"tab","aria-disabled":o.getTabProp(t,"disabled"),"aria-selected":o.isTabActive(n),"aria-controls":o.getTabContentId(n),onClick:function(e){return o.onTabClick(e,t,n)},onKeydown:function(e){return o.onTabKeyDown(e,t,n)}},h(h({},o.getTabProp(t,"headerActionProps")),o.getTabPT(t,"headerAction",n))),[t.props&&t.props.header?(r.openBlock(),r.createElementBlock("span",r.mergeProps({key:0,class:e.cx("tab.headerTitle")},o.getTabPT(t,"headerTitle",n)),r.toDisplayString(t.props.header),17)):r.createCommentVNode("",!0),t.children&&t.children.header?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.children.header),{key:1})):r.createCommentVNode("",!0)],16,y)),[[c]])],16,g)})),128)),r.createElementVNode("li",r.mergeProps({ref:"inkbar",class:e.cx("inkbar"),role:"presentation","aria-hidden":"true"},e.ptm("inkbar")),null,16)],16)],16),e.scrollable&&!i.isNextButtonDisabled?r.withDirectives((r.openBlock(),r.createElementBlock("button",r.mergeProps({key:1,ref:"nextBtn",type:"button",class:e.cx("nextButton"),tabindex:e.tabindex,"aria-label":o.nextButtonAriaLabel,onClick:t[2]||(t[2]=function(){return o.onNextButtonClick&&o.onNextButtonClick.apply(o,arguments)})},h(h({},e.nextButtonProps),e.ptm("nextButton")),{"data-pc-group-section":"navbutton"}),[r.renderSlot(e.$slots,"nexticon",{},(function(){return[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.nextIcon?"span":"ChevronRightIcon"),r.mergeProps({"aria-hidden":"true",class:e.nextIcon},e.ptm("nextIcon")),null,16,["class"]))]}))],16,x)),[[c]]):r.createCommentVNode("",!0)],16),r.createElementVNode("div",r.mergeProps({class:e.cx("panelContainer")},e.ptm("panelContainer")),[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(o.tabs,(function(t,n){return r.openBlock(),r.createElementBlock(r.Fragment,{key:o.getKey(t,n)},[!e.lazy||o.isTabActive(n)?r.withDirectives((r.openBlock(),r.createElementBlock("div",r.mergeProps({key:0,id:o.getTabContentId(n),style:o.getTabProp(t,"contentStyle"),class:e.cx("tab.content",{tab:t}),role:"tabpanel","aria-labelledby":o.getTabHeaderActionId(n)},h(h(h({},o.getTabProp(t,"contentProps")),o.getTabPT(t,"root",n)),o.getTabPT(t,"content",n)),{"data-pc-name":"tabpanel","data-pc-index":n,"data-p-active":i.d_activeIndex===n}),[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t)))],16,P)),[[r.vShow,!!e.lazy||o.isTabActive(n)]]):r.createCommentVNode("",!0)],64)})),128))],16)],16)},module.exports=u;
|
package/tabview/tabview.esm.js
CHANGED
|
@@ -336,7 +336,8 @@ var _hoisted_5 = ["id", "aria-labelledby", "data-pc-index", "data-p-active"];
|
|
|
336
336
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
337
337
|
var _directive_ripple = resolveDirective("ripple");
|
|
338
338
|
return openBlock(), createElementBlock("div", mergeProps({
|
|
339
|
-
"class": _ctx.cx('root')
|
|
339
|
+
"class": _ctx.cx('root'),
|
|
340
|
+
role: "tablist"
|
|
340
341
|
}, _ctx.ptm('root'), {
|
|
341
342
|
"data-pc-name": "tabview"
|
|
342
343
|
}), [createElementVNode("div", mergeProps({
|
|
@@ -366,8 +367,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
366
367
|
})
|
|
367
368
|
}, _ctx.ptm('navContent')), [createElementVNode("ul", mergeProps({
|
|
368
369
|
ref: "nav",
|
|
369
|
-
"class": _ctx.cx('nav')
|
|
370
|
-
role: "tablist"
|
|
370
|
+
"class": _ctx.cx('nav')
|
|
371
371
|
}, _ctx.ptm('nav')), [(openBlock(true), createElementBlock(Fragment, null, renderList($options.tabs, function (tab, index) {
|
|
372
372
|
return openBlock(), createElementBlock("li", mergeProps({
|
|
373
373
|
key: $options.getKey(tab, index),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import t from"primevue/icons/chevronleft";import e from"primevue/icons/chevronright";import n from"primevue/ripple";import{UniqueComponentId as i,DomHandler as a}from"primevue/utils";import{mergeProps as r,resolveDirective as o,openBlock as c,createElementBlock as s,createElementVNode as l,withDirectives as d,renderSlot as u,createBlock as p,resolveDynamicComponent as b,createCommentVNode as h,Fragment as f,renderList as v,toDisplayString as g,vShow as m}from"vue";import y from"primevue/basecomponent";import x from"primevue/tabview/style";var T={name:"TabView",extends:{name:"BaseTabView",extends:y,props:{activeIndex:{type:Number,default:0},lazy:{type:Boolean,default:!1},scrollable:{type:Boolean,default:!1},tabindex:{type:Number,default:0},selectOnFocus:{type:Boolean,default:!1},previousButtonProps:{type:null,default:null},nextButtonProps:{type:null,default:null},prevIcon:{type:String,default:void 0},nextIcon:{type:String,default:void 0}},style:x,provide:function(){return{$parentInstance:this}}},emits:["update:activeIndex","tab-change","tab-click"],data:function(){return{id:this.$attrs.id,d_activeIndex:this.activeIndex,isPrevButtonDisabled:!0,isNextButtonDisabled:!1}},watch:{"$attrs.id":function(t){this.id=t||i()},activeIndex:function(t){this.d_activeIndex=t,this.scrollInView({index:t})}},mounted:function(){this.id=this.id||i(),this.updateInkBar(),this.scrollable&&this.updateButtonState()},updated:function(){this.updateInkBar()},methods:{isTabPanel:function(t){return"TabPanel"===t.type.name},isTabActive:function(t){return this.d_activeIndex===t},getTabProp:function(t,e){return t.props?t.props[e]:void 0},getKey:function(t,e){return this.getTabProp(t,"header")||e},getTabHeaderActionId:function(t){return"".concat(this.id,"_").concat(t,"_header_action")},getTabContentId:function(t){return"".concat(this.id,"_").concat(t,"_content")},getTabPT:function(t,e,n){var i=this.tabs.length,a={props:t.props,parent:{instance:this,props:this.$props,state:this.$data},context:{index:n,count:i,first:0===n,last:n===i-1,active:this.isTabActive(n)}};return r(this.ptm("tab.".concat(e),{tab:a}),this.ptm("tabpanel.".concat(e),{tabpanel:a}),this.ptm("tabpanel.".concat(e),a),this.ptmo(this.getTabProp(t,"pt"),e,a))},onScroll:function(t){this.scrollable&&this.updateButtonState(),t.preventDefault()},onPrevButtonClick:function(){var t=this.$refs.content,e=a.getWidth(t),n=t.scrollLeft-e;t.scrollLeft=n<=0?0:n},onNextButtonClick:function(){var t=this.$refs.content,e=a.getWidth(t)-this.getVisibleButtonWidths(),n=t.scrollLeft+e,i=t.scrollWidth-e;t.scrollLeft=n>=i?i:n},onTabClick:function(t,e,n){this.changeActiveIndex(t,e,n),this.$emit("tab-click",{originalEvent:t,index:n})},onTabKeyDown:function(t,e,n){switch(t.code){case"ArrowLeft":this.onTabArrowLeftKey(t);break;case"ArrowRight":this.onTabArrowRightKey(t);break;case"Home":this.onTabHomeKey(t);break;case"End":this.onTabEndKey(t);break;case"PageDown":this.onPageDownKey(t);break;case"PageUp":this.onPageUpKey(t);break;case"Enter":case"NumpadEnter":case"Space":this.onTabEnterKey(t,e,n)}},onTabArrowRightKey:function(t){var e=this.findNextHeaderAction(t.target.parentElement);e?this.changeFocusedTab(t,e):this.onTabHomeKey(t),t.preventDefault()},onTabArrowLeftKey:function(t){var e=this.findPrevHeaderAction(t.target.parentElement);e?this.changeFocusedTab(t,e):this.onTabEndKey(t),t.preventDefault()},onTabHomeKey:function(t){var e=this.findFirstHeaderAction();this.changeFocusedTab(t,e),t.preventDefault()},onTabEndKey:function(t){var e=this.findLastHeaderAction();this.changeFocusedTab(t,e),t.preventDefault()},onPageDownKey:function(t){this.scrollInView({index:this.$refs.nav.children.length-2}),t.preventDefault()},onPageUpKey:function(t){this.scrollInView({index:0}),t.preventDefault()},onTabEnterKey:function(t,e,n){this.changeActiveIndex(t,e,n),t.preventDefault()},findNextHeaderAction:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling;return e?a.getAttribute(e,"data-p-disabled")||"inkbar"===a.getAttribute(e,"data-pc-section")?this.findNextHeaderAction(e):a.findSingle(e,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling;return e?a.getAttribute(e,"data-p-disabled")||"inkbar"===a.getAttribute(e,"data-pc-section")?this.findPrevHeaderAction(e):a.findSingle(e,'[data-pc-section="headeraction"]'):null},findFirstHeaderAction:function(){return this.findNextHeaderAction(this.$refs.nav.firstElementChild,!0)},findLastHeaderAction:function(){return this.findPrevHeaderAction(this.$refs.nav.lastElementChild,!0)},changeActiveIndex:function(t,e,n){this.getTabProp(e,"disabled")||this.d_activeIndex===n||(this.d_activeIndex=n,this.$emit("update:activeIndex",n),this.$emit("tab-change",{originalEvent:t,index:n}),this.scrollInView({index:n}))},changeFocusedTab:function(t,e){if(e&&(a.focus(e),this.scrollInView({element:e}),this.selectOnFocus)){var n=parseInt(e.parentElement.dataset.index,10);this.changeActiveIndex(t,this.tabs[n],n)}},scrollInView:function(t){var e=t.index,n=t.element||this.$refs.nav.children[void 0===e?-1:e];n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest"})},updateInkBar:function(){var t=this.$refs.nav.children[this.d_activeIndex];this.$refs.inkbar.style.width=a.getWidth(t)+"px",this.$refs.inkbar.style.left=a.getOffset(t).left-a.getOffset(this.$refs.nav).left+"px"},updateButtonState:function(){var t=this.$refs.content,e=t.scrollLeft,n=t.scrollWidth,i=a.getWidth(t);this.isPrevButtonDisabled=0===e,this.isNextButtonDisabled=parseInt(e)===n-i},getVisibleButtonWidths:function(){var t=this.$refs;return[t.prevBtn,t.nextBtn].reduce((function(t,e){return e?t+a.getWidth(e):t}),0)}},computed:{tabs:function(){var t=this;return this.$slots.default().reduce((function(e,n){return t.isTabPanel(n)?e.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){t.isTabPanel(n)&&e.push(n)})),e}),[])},prevButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.previous:void 0},nextButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.next:void 0}},directives:{ripple:n},components:{ChevronLeftIcon:t,ChevronRightIcon:e}};function P(t){return P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},P(t)}function I(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function A(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?I(Object(n),!0).forEach((function(e){B(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function B(t,e,n){var i;return(e="symbol"==P(i=k(e,"string"))?i:String(i))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function k(t,e){if("object"!=P(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e||"default");if("object"!=P(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var w=["tabindex","aria-label"],C=["data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],$=["id","tabindex","aria-disabled","aria-selected","aria-controls","onClick","onKeydown"],S=["tabindex","aria-label"],D=["id","aria-labelledby","data-pc-index","data-p-active"];T.render=function(t,e,n,i,a,y){var x=o("ripple");return c(),s("div",r({class:t.cx("root")},t.ptm("root"),{"data-pc-name":"tabview"}),[l("div",r({class:t.cx("navContainer")},t.ptm("navContainer")),[t.scrollable&&!a.isPrevButtonDisabled?d((c(),s("button",r({key:0,ref:"prevBtn",type:"button",class:t.cx("previousButton"),tabindex:t.tabindex,"aria-label":y.prevButtonAriaLabel,onClick:e[0]||(e[0]=function(){return y.onPrevButtonClick&&y.onPrevButtonClick.apply(y,arguments)})},A(A({},t.previousButtonProps),t.ptm("previousButton")),{"data-pc-group-section":"navbutton"}),[u(t.$slots,"previcon",{},(function(){return[(c(),p(b(t.prevIcon?"span":"ChevronLeftIcon"),r({"aria-hidden":"true",class:t.prevIcon},t.ptm("previousIcon")),null,16,["class"]))]}))],16,w)),[[x]]):h("",!0),l("div",r({ref:"content",class:t.cx("navContent"),onScroll:e[1]||(e[1]=function(){return y.onScroll&&y.onScroll.apply(y,arguments)})},t.ptm("navContent")),[l("ul",r({ref:"nav",class:t.cx("nav"),role:"tablist"},t.ptm("nav")),[(c(!0),s(f,null,v(y.tabs,(function(e,n){return c(),s("li",r({key:y.getKey(e,n),style:y.getTabProp(e,"headerStyle"),class:t.cx("tab.header",{tab:e,index:n}),role:"presentation"},A(A(A({},y.getTabProp(e,"headerProps")),y.getTabPT(e,"root",n)),y.getTabPT(e,"header",n)),{"data-pc-name":"tabpanel","data-p-highlight":a.d_activeIndex===n,"data-p-disabled":y.getTabProp(e,"disabled"),"data-pc-index":n,"data-p-active":a.d_activeIndex===n}),[d((c(),s("a",r({id:y.getTabHeaderActionId(n),class:t.cx("tab.headerAction"),tabindex:y.getTabProp(e,"disabled")||!y.isTabActive(n)?-1:t.tabindex,role:"tab","aria-disabled":y.getTabProp(e,"disabled"),"aria-selected":y.isTabActive(n),"aria-controls":y.getTabContentId(n),onClick:function(t){return y.onTabClick(t,e,n)},onKeydown:function(t){return y.onTabKeyDown(t,e,n)}},A(A({},y.getTabProp(e,"headerActionProps")),y.getTabPT(e,"headerAction",n))),[e.props&&e.props.header?(c(),s("span",r({key:0,class:t.cx("tab.headerTitle")},y.getTabPT(e,"headerTitle",n)),g(e.props.header),17)):h("",!0),e.children&&e.children.header?(c(),p(b(e.children.header),{key:1})):h("",!0)],16,$)),[[x]])],16,C)})),128)),l("li",r({ref:"inkbar",class:t.cx("inkbar"),role:"presentation","aria-hidden":"true"},t.ptm("inkbar")),null,16)],16)],16),t.scrollable&&!a.isNextButtonDisabled?d((c(),s("button",r({key:1,ref:"nextBtn",type:"button",class:t.cx("nextButton"),tabindex:t.tabindex,"aria-label":y.nextButtonAriaLabel,onClick:e[2]||(e[2]=function(){return y.onNextButtonClick&&y.onNextButtonClick.apply(y,arguments)})},A(A({},t.nextButtonProps),t.ptm("nextButton")),{"data-pc-group-section":"navbutton"}),[u(t.$slots,"nexticon",{},(function(){return[(c(),p(b(t.nextIcon?"span":"ChevronRightIcon"),r({"aria-hidden":"true",class:t.nextIcon},t.ptm("nextIcon")),null,16,["class"]))]}))],16,S)),[[x]]):h("",!0)],16),l("div",r({class:t.cx("panelContainer")},t.ptm("panelContainer")),[(c(!0),s(f,null,v(y.tabs,(function(e,n){return c(),s(f,{key:y.getKey(e,n)},[!t.lazy||y.isTabActive(n)?d((c(),s("div",r({key:0,id:y.getTabContentId(n),style:y.getTabProp(e,"contentStyle"),class:t.cx("tab.content",{tab:e}),role:"tabpanel","aria-labelledby":y.getTabHeaderActionId(n)},A(A(A({},y.getTabProp(e,"contentProps")),y.getTabPT(e,"root",n)),y.getTabPT(e,"content",n)),{"data-pc-name":"tabpanel","data-pc-index":n,"data-p-active":a.d_activeIndex===n}),[(c(),p(b(e)))],16,D)),[[m,!!t.lazy||y.isTabActive(n)]]):h("",!0)],64)})),128))],16)],16)};export{T as default};
|
|
1
|
+
import t from"primevue/icons/chevronleft";import e from"primevue/icons/chevronright";import n from"primevue/ripple";import{UniqueComponentId as i,DomHandler as a}from"primevue/utils";import{mergeProps as r,resolveDirective as o,openBlock as c,createElementBlock as s,createElementVNode as l,withDirectives as d,renderSlot as u,createBlock as p,resolveDynamicComponent as b,createCommentVNode as h,Fragment as f,renderList as v,toDisplayString as g,vShow as m}from"vue";import y from"primevue/basecomponent";import x from"primevue/tabview/style";var T={name:"TabView",extends:{name:"BaseTabView",extends:y,props:{activeIndex:{type:Number,default:0},lazy:{type:Boolean,default:!1},scrollable:{type:Boolean,default:!1},tabindex:{type:Number,default:0},selectOnFocus:{type:Boolean,default:!1},previousButtonProps:{type:null,default:null},nextButtonProps:{type:null,default:null},prevIcon:{type:String,default:void 0},nextIcon:{type:String,default:void 0}},style:x,provide:function(){return{$parentInstance:this}}},emits:["update:activeIndex","tab-change","tab-click"],data:function(){return{id:this.$attrs.id,d_activeIndex:this.activeIndex,isPrevButtonDisabled:!0,isNextButtonDisabled:!1}},watch:{"$attrs.id":function(t){this.id=t||i()},activeIndex:function(t){this.d_activeIndex=t,this.scrollInView({index:t})}},mounted:function(){this.id=this.id||i(),this.updateInkBar(),this.scrollable&&this.updateButtonState()},updated:function(){this.updateInkBar()},methods:{isTabPanel:function(t){return"TabPanel"===t.type.name},isTabActive:function(t){return this.d_activeIndex===t},getTabProp:function(t,e){return t.props?t.props[e]:void 0},getKey:function(t,e){return this.getTabProp(t,"header")||e},getTabHeaderActionId:function(t){return"".concat(this.id,"_").concat(t,"_header_action")},getTabContentId:function(t){return"".concat(this.id,"_").concat(t,"_content")},getTabPT:function(t,e,n){var i=this.tabs.length,a={props:t.props,parent:{instance:this,props:this.$props,state:this.$data},context:{index:n,count:i,first:0===n,last:n===i-1,active:this.isTabActive(n)}};return r(this.ptm("tab.".concat(e),{tab:a}),this.ptm("tabpanel.".concat(e),{tabpanel:a}),this.ptm("tabpanel.".concat(e),a),this.ptmo(this.getTabProp(t,"pt"),e,a))},onScroll:function(t){this.scrollable&&this.updateButtonState(),t.preventDefault()},onPrevButtonClick:function(){var t=this.$refs.content,e=a.getWidth(t),n=t.scrollLeft-e;t.scrollLeft=n<=0?0:n},onNextButtonClick:function(){var t=this.$refs.content,e=a.getWidth(t)-this.getVisibleButtonWidths(),n=t.scrollLeft+e,i=t.scrollWidth-e;t.scrollLeft=n>=i?i:n},onTabClick:function(t,e,n){this.changeActiveIndex(t,e,n),this.$emit("tab-click",{originalEvent:t,index:n})},onTabKeyDown:function(t,e,n){switch(t.code){case"ArrowLeft":this.onTabArrowLeftKey(t);break;case"ArrowRight":this.onTabArrowRightKey(t);break;case"Home":this.onTabHomeKey(t);break;case"End":this.onTabEndKey(t);break;case"PageDown":this.onPageDownKey(t);break;case"PageUp":this.onPageUpKey(t);break;case"Enter":case"NumpadEnter":case"Space":this.onTabEnterKey(t,e,n)}},onTabArrowRightKey:function(t){var e=this.findNextHeaderAction(t.target.parentElement);e?this.changeFocusedTab(t,e):this.onTabHomeKey(t),t.preventDefault()},onTabArrowLeftKey:function(t){var e=this.findPrevHeaderAction(t.target.parentElement);e?this.changeFocusedTab(t,e):this.onTabEndKey(t),t.preventDefault()},onTabHomeKey:function(t){var e=this.findFirstHeaderAction();this.changeFocusedTab(t,e),t.preventDefault()},onTabEndKey:function(t){var e=this.findLastHeaderAction();this.changeFocusedTab(t,e),t.preventDefault()},onPageDownKey:function(t){this.scrollInView({index:this.$refs.nav.children.length-2}),t.preventDefault()},onPageUpKey:function(t){this.scrollInView({index:0}),t.preventDefault()},onTabEnterKey:function(t,e,n){this.changeActiveIndex(t,e,n),t.preventDefault()},findNextHeaderAction:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling;return e?a.getAttribute(e,"data-p-disabled")||"inkbar"===a.getAttribute(e,"data-pc-section")?this.findNextHeaderAction(e):a.findSingle(e,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling;return e?a.getAttribute(e,"data-p-disabled")||"inkbar"===a.getAttribute(e,"data-pc-section")?this.findPrevHeaderAction(e):a.findSingle(e,'[data-pc-section="headeraction"]'):null},findFirstHeaderAction:function(){return this.findNextHeaderAction(this.$refs.nav.firstElementChild,!0)},findLastHeaderAction:function(){return this.findPrevHeaderAction(this.$refs.nav.lastElementChild,!0)},changeActiveIndex:function(t,e,n){this.getTabProp(e,"disabled")||this.d_activeIndex===n||(this.d_activeIndex=n,this.$emit("update:activeIndex",n),this.$emit("tab-change",{originalEvent:t,index:n}),this.scrollInView({index:n}))},changeFocusedTab:function(t,e){if(e&&(a.focus(e),this.scrollInView({element:e}),this.selectOnFocus)){var n=parseInt(e.parentElement.dataset.index,10);this.changeActiveIndex(t,this.tabs[n],n)}},scrollInView:function(t){var e=t.index,n=t.element||this.$refs.nav.children[void 0===e?-1:e];n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest"})},updateInkBar:function(){var t=this.$refs.nav.children[this.d_activeIndex];this.$refs.inkbar.style.width=a.getWidth(t)+"px",this.$refs.inkbar.style.left=a.getOffset(t).left-a.getOffset(this.$refs.nav).left+"px"},updateButtonState:function(){var t=this.$refs.content,e=t.scrollLeft,n=t.scrollWidth,i=a.getWidth(t);this.isPrevButtonDisabled=0===e,this.isNextButtonDisabled=parseInt(e)===n-i},getVisibleButtonWidths:function(){var t=this.$refs;return[t.prevBtn,t.nextBtn].reduce((function(t,e){return e?t+a.getWidth(e):t}),0)}},computed:{tabs:function(){var t=this;return this.$slots.default().reduce((function(e,n){return t.isTabPanel(n)?e.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){t.isTabPanel(n)&&e.push(n)})),e}),[])},prevButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.previous:void 0},nextButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.next:void 0}},directives:{ripple:n},components:{ChevronLeftIcon:t,ChevronRightIcon:e}};function P(t){return P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},P(t)}function I(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function A(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?I(Object(n),!0).forEach((function(e){B(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function B(t,e,n){var i;return(e="symbol"==P(i=k(e,"string"))?i:String(i))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function k(t,e){if("object"!=P(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e||"default");if("object"!=P(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var w=["tabindex","aria-label"],C=["data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],$=["id","tabindex","aria-disabled","aria-selected","aria-controls","onClick","onKeydown"],S=["tabindex","aria-label"],D=["id","aria-labelledby","data-pc-index","data-p-active"];T.render=function(t,e,n,i,a,y){var x=o("ripple");return c(),s("div",r({class:t.cx("root"),role:"tablist"},t.ptm("root"),{"data-pc-name":"tabview"}),[l("div",r({class:t.cx("navContainer")},t.ptm("navContainer")),[t.scrollable&&!a.isPrevButtonDisabled?d((c(),s("button",r({key:0,ref:"prevBtn",type:"button",class:t.cx("previousButton"),tabindex:t.tabindex,"aria-label":y.prevButtonAriaLabel,onClick:e[0]||(e[0]=function(){return y.onPrevButtonClick&&y.onPrevButtonClick.apply(y,arguments)})},A(A({},t.previousButtonProps),t.ptm("previousButton")),{"data-pc-group-section":"navbutton"}),[u(t.$slots,"previcon",{},(function(){return[(c(),p(b(t.prevIcon?"span":"ChevronLeftIcon"),r({"aria-hidden":"true",class:t.prevIcon},t.ptm("previousIcon")),null,16,["class"]))]}))],16,w)),[[x]]):h("",!0),l("div",r({ref:"content",class:t.cx("navContent"),onScroll:e[1]||(e[1]=function(){return y.onScroll&&y.onScroll.apply(y,arguments)})},t.ptm("navContent")),[l("ul",r({ref:"nav",class:t.cx("nav")},t.ptm("nav")),[(c(!0),s(f,null,v(y.tabs,(function(e,n){return c(),s("li",r({key:y.getKey(e,n),style:y.getTabProp(e,"headerStyle"),class:t.cx("tab.header",{tab:e,index:n}),role:"presentation"},A(A(A({},y.getTabProp(e,"headerProps")),y.getTabPT(e,"root",n)),y.getTabPT(e,"header",n)),{"data-pc-name":"tabpanel","data-p-highlight":a.d_activeIndex===n,"data-p-disabled":y.getTabProp(e,"disabled"),"data-pc-index":n,"data-p-active":a.d_activeIndex===n}),[d((c(),s("a",r({id:y.getTabHeaderActionId(n),class:t.cx("tab.headerAction"),tabindex:y.getTabProp(e,"disabled")||!y.isTabActive(n)?-1:t.tabindex,role:"tab","aria-disabled":y.getTabProp(e,"disabled"),"aria-selected":y.isTabActive(n),"aria-controls":y.getTabContentId(n),onClick:function(t){return y.onTabClick(t,e,n)},onKeydown:function(t){return y.onTabKeyDown(t,e,n)}},A(A({},y.getTabProp(e,"headerActionProps")),y.getTabPT(e,"headerAction",n))),[e.props&&e.props.header?(c(),s("span",r({key:0,class:t.cx("tab.headerTitle")},y.getTabPT(e,"headerTitle",n)),g(e.props.header),17)):h("",!0),e.children&&e.children.header?(c(),p(b(e.children.header),{key:1})):h("",!0)],16,$)),[[x]])],16,C)})),128)),l("li",r({ref:"inkbar",class:t.cx("inkbar"),role:"presentation","aria-hidden":"true"},t.ptm("inkbar")),null,16)],16)],16),t.scrollable&&!a.isNextButtonDisabled?d((c(),s("button",r({key:1,ref:"nextBtn",type:"button",class:t.cx("nextButton"),tabindex:t.tabindex,"aria-label":y.nextButtonAriaLabel,onClick:e[2]||(e[2]=function(){return y.onNextButtonClick&&y.onNextButtonClick.apply(y,arguments)})},A(A({},t.nextButtonProps),t.ptm("nextButton")),{"data-pc-group-section":"navbutton"}),[u(t.$slots,"nexticon",{},(function(){return[(c(),p(b(t.nextIcon?"span":"ChevronRightIcon"),r({"aria-hidden":"true",class:t.nextIcon},t.ptm("nextIcon")),null,16,["class"]))]}))],16,S)),[[x]]):h("",!0)],16),l("div",r({class:t.cx("panelContainer")},t.ptm("panelContainer")),[(c(!0),s(f,null,v(y.tabs,(function(e,n){return c(),s(f,{key:y.getKey(e,n)},[!t.lazy||y.isTabActive(n)?d((c(),s("div",r({key:0,id:y.getTabContentId(n),style:y.getTabProp(e,"contentStyle"),class:t.cx("tab.content",{tab:e}),role:"tabpanel","aria-labelledby":y.getTabHeaderActionId(n)},A(A(A({},y.getTabProp(e,"contentProps")),y.getTabPT(e,"root",n)),y.getTabPT(e,"content",n)),{"data-pc-name":"tabpanel","data-pc-index":n,"data-p-active":a.d_activeIndex===n}),[(c(),p(b(e)))],16,D)),[[m,!!t.lazy||y.isTabActive(n)]]):h("",!0)],64)})),128))],16)],16)};export{T as default};
|
package/tabview/tabview.js
CHANGED
|
@@ -340,7 +340,8 @@ this.primevue.tabview = (function (ChevronLeftIcon, ChevronRightIcon, Ripple, ut
|
|
|
340
340
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
341
341
|
var _directive_ripple = vue.resolveDirective("ripple");
|
|
342
342
|
return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
|
|
343
|
-
"class": _ctx.cx('root')
|
|
343
|
+
"class": _ctx.cx('root'),
|
|
344
|
+
role: "tablist"
|
|
344
345
|
}, _ctx.ptm('root'), {
|
|
345
346
|
"data-pc-name": "tabview"
|
|
346
347
|
}), [vue.createElementVNode("div", vue.mergeProps({
|
|
@@ -370,8 +371,7 @@ this.primevue.tabview = (function (ChevronLeftIcon, ChevronRightIcon, Ripple, ut
|
|
|
370
371
|
})
|
|
371
372
|
}, _ctx.ptm('navContent')), [vue.createElementVNode("ul", vue.mergeProps({
|
|
372
373
|
ref: "nav",
|
|
373
|
-
"class": _ctx.cx('nav')
|
|
374
|
-
role: "tablist"
|
|
374
|
+
"class": _ctx.cx('nav')
|
|
375
375
|
}, _ctx.ptm('nav')), [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.tabs, function (tab, index) {
|
|
376
376
|
return vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
|
|
377
377
|
key: $options.getKey(tab, index),
|
package/tabview/tabview.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primevue=this.primevue||{},this.primevue.tabview=function(e,t,n,a,i,r,o){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(e),s=c(t),d=c(n),u={name:"TabView",extends:{name:"BaseTabView",extends:c(r).default,props:{activeIndex:{type:Number,default:0},lazy:{type:Boolean,default:!1},scrollable:{type:Boolean,default:!1},tabindex:{type:Number,default:0},selectOnFocus:{type:Boolean,default:!1},previousButtonProps:{type:null,default:null},nextButtonProps:{type:null,default:null},prevIcon:{type:String,default:void 0},nextIcon:{type:String,default:void 0}},style:c(o).default,provide:function(){return{$parentInstance:this}}},emits:["update:activeIndex","tab-change","tab-click"],data:function(){return{id:this.$attrs.id,d_activeIndex:this.activeIndex,isPrevButtonDisabled:!0,isNextButtonDisabled:!1}},watch:{"$attrs.id":function(e){this.id=e||a.UniqueComponentId()},activeIndex:function(e){this.d_activeIndex=e,this.scrollInView({index:e})}},mounted:function(){this.id=this.id||a.UniqueComponentId(),this.updateInkBar(),this.scrollable&&this.updateButtonState()},updated:function(){this.updateInkBar()},methods:{isTabPanel:function(e){return"TabPanel"===e.type.name},isTabActive:function(e){return this.d_activeIndex===e},getTabProp:function(e,t){return e.props?e.props[t]:void 0},getKey:function(e,t){return this.getTabProp(e,"header")||t},getTabHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getTabContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getTabPT:function(e,t,n){var a=this.tabs.length,r={props:e.props,parent:{instance:this,props:this.$props,state:this.$data},context:{index:n,count:a,first:0===n,last:n===a-1,active:this.isTabActive(n)}};return i.mergeProps(this.ptm("tab.".concat(t),{tab:r}),this.ptm("tabpanel.".concat(t),{tabpanel:r}),this.ptm("tabpanel.".concat(t),r),this.ptmo(this.getTabProp(e,"pt"),t,r))},onScroll:function(e){this.scrollable&&this.updateButtonState(),e.preventDefault()},onPrevButtonClick:function(){var e=this.$refs.content,t=a.DomHandler.getWidth(e),n=e.scrollLeft-t;e.scrollLeft=n<=0?0:n},onNextButtonClick:function(){var e=this.$refs.content,t=a.DomHandler.getWidth(e)-this.getVisibleButtonWidths(),n=e.scrollLeft+t,i=e.scrollWidth-t;e.scrollLeft=n>=i?i:n},onTabClick:function(e,t,n){this.changeActiveIndex(e,t,n),this.$emit("tab-click",{originalEvent:e,index:n})},onTabKeyDown:function(e,t,n){switch(e.code){case"ArrowLeft":this.onTabArrowLeftKey(e);break;case"ArrowRight":this.onTabArrowRightKey(e);break;case"Home":this.onTabHomeKey(e);break;case"End":this.onTabEndKey(e);break;case"PageDown":this.onPageDownKey(e);break;case"PageUp":this.onPageUpKey(e);break;case"Enter":case"NumpadEnter":case"Space":this.onTabEnterKey(e,t,n)}},onTabArrowRightKey:function(e){var t=this.findNextHeaderAction(e.target.parentElement);t?this.changeFocusedTab(e,t):this.onTabHomeKey(e),e.preventDefault()},onTabArrowLeftKey:function(e){var t=this.findPrevHeaderAction(e.target.parentElement);t?this.changeFocusedTab(e,t):this.onTabEndKey(e),e.preventDefault()},onTabHomeKey:function(e){var t=this.findFirstHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEndKey:function(e){var t=this.findLastHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onPageDownKey:function(e){this.scrollInView({index:this.$refs.nav.children.length-2}),e.preventDefault()},onPageUpKey:function(e){this.scrollInView({index:0}),e.preventDefault()},onTabEnterKey:function(e,t,n){this.changeActiveIndex(e,t,n),e.preventDefault()},findNextHeaderAction:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling;return t?a.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===a.DomHandler.getAttribute(t,"data-pc-section")?this.findNextHeaderAction(t):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling;return t?a.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===a.DomHandler.getAttribute(t,"data-pc-section")?this.findPrevHeaderAction(t):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findFirstHeaderAction:function(){return this.findNextHeaderAction(this.$refs.nav.firstElementChild,!0)},findLastHeaderAction:function(){return this.findPrevHeaderAction(this.$refs.nav.lastElementChild,!0)},changeActiveIndex:function(e,t,n){this.getTabProp(t,"disabled")||this.d_activeIndex===n||(this.d_activeIndex=n,this.$emit("update:activeIndex",n),this.$emit("tab-change",{originalEvent:e,index:n}),this.scrollInView({index:n}))},changeFocusedTab:function(e,t){if(t&&(a.DomHandler.focus(t),this.scrollInView({element:t}),this.selectOnFocus)){var n=parseInt(t.parentElement.dataset.index,10);this.changeActiveIndex(e,this.tabs[n],n)}},scrollInView:function(e){var t=e.index,n=e.element||this.$refs.nav.children[void 0===t?-1:t];n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest"})},updateInkBar:function(){var e=this.$refs.nav.children[this.d_activeIndex];this.$refs.inkbar.style.width=a.DomHandler.getWidth(e)+"px",this.$refs.inkbar.style.left=a.DomHandler.getOffset(e).left-a.DomHandler.getOffset(this.$refs.nav).left+"px"},updateButtonState:function(){var e=this.$refs.content,t=e.scrollLeft,n=e.scrollWidth,i=a.DomHandler.getWidth(e);this.isPrevButtonDisabled=0===t,this.isNextButtonDisabled=parseInt(t)===n-i},getVisibleButtonWidths:function(){var e=this.$refs;return[e.prevBtn,e.nextBtn].reduce((function(e,t){return t?e+a.DomHandler.getWidth(t):e}),0)}},computed:{tabs:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isTabPanel(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isTabPanel(n)&&t.push(n)})),t}),[])},prevButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.previous:void 0},nextButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.next:void 0}},directives:{ripple:d.default},components:{ChevronLeftIcon:l.default,ChevronRightIcon:s.default}};function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){f(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function f(e,t,n){var a;return(t="symbol"==p(a=v(t,"string"))?a:String(a))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e,t){if("object"!=p(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t||"default");if("object"!=p(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var m=["tabindex","aria-label"],g=["data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],y=["id","tabindex","aria-disabled","aria-selected","aria-controls","onClick","onKeydown"],x=["tabindex","aria-label"],P=["id","aria-labelledby","data-pc-index","data-p-active"];return u.render=function(e,t,n,a,r,o){var c=i.resolveDirective("ripple");return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"tabview"}),[i.createElementVNode("div",i.mergeProps({class:e.cx("navContainer")},e.ptm("navContainer")),[e.scrollable&&!r.isPrevButtonDisabled?i.withDirectives((i.openBlock(),i.createElementBlock("button",i.mergeProps({key:0,ref:"prevBtn",type:"button",class:e.cx("previousButton"),tabindex:e.tabindex,"aria-label":o.prevButtonAriaLabel,onClick:t[0]||(t[0]=function(){return o.onPrevButtonClick&&o.onPrevButtonClick.apply(o,arguments)})},h(h({},e.previousButtonProps),e.ptm("previousButton")),{"data-pc-group-section":"navbutton"}),[i.renderSlot(e.$slots,"previcon",{},(function(){return[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.prevIcon?"span":"ChevronLeftIcon"),i.mergeProps({"aria-hidden":"true",class:e.prevIcon},e.ptm("previousIcon")),null,16,["class"]))]}))],16,m)),[[c]]):i.createCommentVNode("",!0),i.createElementVNode("div",i.mergeProps({ref:"content",class:e.cx("navContent"),onScroll:t[1]||(t[1]=function(){return o.onScroll&&o.onScroll.apply(o,arguments)})},e.ptm("navContent")),[i.createElementVNode("ul",i.mergeProps({ref:"nav",class:e.cx("nav"),role:"tablist"},e.ptm("nav")),[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(o.tabs,(function(t,n){return i.openBlock(),i.createElementBlock("li",i.mergeProps({key:o.getKey(t,n),style:o.getTabProp(t,"headerStyle"),class:e.cx("tab.header",{tab:t,index:n}),role:"presentation"},h(h(h({},o.getTabProp(t,"headerProps")),o.getTabPT(t,"root",n)),o.getTabPT(t,"header",n)),{"data-pc-name":"tabpanel","data-p-highlight":r.d_activeIndex===n,"data-p-disabled":o.getTabProp(t,"disabled"),"data-pc-index":n,"data-p-active":r.d_activeIndex===n}),[i.withDirectives((i.openBlock(),i.createElementBlock("a",i.mergeProps({id:o.getTabHeaderActionId(n),class:e.cx("tab.headerAction"),tabindex:o.getTabProp(t,"disabled")||!o.isTabActive(n)?-1:e.tabindex,role:"tab","aria-disabled":o.getTabProp(t,"disabled"),"aria-selected":o.isTabActive(n),"aria-controls":o.getTabContentId(n),onClick:function(e){return o.onTabClick(e,t,n)},onKeydown:function(e){return o.onTabKeyDown(e,t,n)}},h(h({},o.getTabProp(t,"headerActionProps")),o.getTabPT(t,"headerAction",n))),[t.props&&t.props.header?(i.openBlock(),i.createElementBlock("span",i.mergeProps({key:0,class:e.cx("tab.headerTitle")},o.getTabPT(t,"headerTitle",n)),i.toDisplayString(t.props.header),17)):i.createCommentVNode("",!0),t.children&&t.children.header?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.children.header),{key:1})):i.createCommentVNode("",!0)],16,y)),[[c]])],16,g)})),128)),i.createElementVNode("li",i.mergeProps({ref:"inkbar",class:e.cx("inkbar"),role:"presentation","aria-hidden":"true"},e.ptm("inkbar")),null,16)],16)],16),e.scrollable&&!r.isNextButtonDisabled?i.withDirectives((i.openBlock(),i.createElementBlock("button",i.mergeProps({key:1,ref:"nextBtn",type:"button",class:e.cx("nextButton"),tabindex:e.tabindex,"aria-label":o.nextButtonAriaLabel,onClick:t[2]||(t[2]=function(){return o.onNextButtonClick&&o.onNextButtonClick.apply(o,arguments)})},h(h({},e.nextButtonProps),e.ptm("nextButton")),{"data-pc-group-section":"navbutton"}),[i.renderSlot(e.$slots,"nexticon",{},(function(){return[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.nextIcon?"span":"ChevronRightIcon"),i.mergeProps({"aria-hidden":"true",class:e.nextIcon},e.ptm("nextIcon")),null,16,["class"]))]}))],16,x)),[[c]]):i.createCommentVNode("",!0)],16),i.createElementVNode("div",i.mergeProps({class:e.cx("panelContainer")},e.ptm("panelContainer")),[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(o.tabs,(function(t,n){return i.openBlock(),i.createElementBlock(i.Fragment,{key:o.getKey(t,n)},[!e.lazy||o.isTabActive(n)?i.withDirectives((i.openBlock(),i.createElementBlock("div",i.mergeProps({key:0,id:o.getTabContentId(n),style:o.getTabProp(t,"contentStyle"),class:e.cx("tab.content",{tab:t}),role:"tabpanel","aria-labelledby":o.getTabHeaderActionId(n)},h(h(h({},o.getTabProp(t,"contentProps")),o.getTabPT(t,"root",n)),o.getTabPT(t,"content",n)),{"data-pc-name":"tabpanel","data-pc-index":n,"data-p-active":r.d_activeIndex===n}),[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t)))],16,P)),[[i.vShow,!!e.lazy||o.isTabActive(n)]]):i.createCommentVNode("",!0)],64)})),128))],16)],16)},u}(primevue.icons.chevronleft,primevue.icons.chevronright,primevue.ripple,primevue.utils,Vue,primevue.basecomponent,primevue.tabview.style);
|
|
1
|
+
this.primevue=this.primevue||{},this.primevue.tabview=function(e,t,n,a,i,r,o){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(e),s=c(t),d=c(n),u={name:"TabView",extends:{name:"BaseTabView",extends:c(r).default,props:{activeIndex:{type:Number,default:0},lazy:{type:Boolean,default:!1},scrollable:{type:Boolean,default:!1},tabindex:{type:Number,default:0},selectOnFocus:{type:Boolean,default:!1},previousButtonProps:{type:null,default:null},nextButtonProps:{type:null,default:null},prevIcon:{type:String,default:void 0},nextIcon:{type:String,default:void 0}},style:c(o).default,provide:function(){return{$parentInstance:this}}},emits:["update:activeIndex","tab-change","tab-click"],data:function(){return{id:this.$attrs.id,d_activeIndex:this.activeIndex,isPrevButtonDisabled:!0,isNextButtonDisabled:!1}},watch:{"$attrs.id":function(e){this.id=e||a.UniqueComponentId()},activeIndex:function(e){this.d_activeIndex=e,this.scrollInView({index:e})}},mounted:function(){this.id=this.id||a.UniqueComponentId(),this.updateInkBar(),this.scrollable&&this.updateButtonState()},updated:function(){this.updateInkBar()},methods:{isTabPanel:function(e){return"TabPanel"===e.type.name},isTabActive:function(e){return this.d_activeIndex===e},getTabProp:function(e,t){return e.props?e.props[t]:void 0},getKey:function(e,t){return this.getTabProp(e,"header")||t},getTabHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getTabContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getTabPT:function(e,t,n){var a=this.tabs.length,r={props:e.props,parent:{instance:this,props:this.$props,state:this.$data},context:{index:n,count:a,first:0===n,last:n===a-1,active:this.isTabActive(n)}};return i.mergeProps(this.ptm("tab.".concat(t),{tab:r}),this.ptm("tabpanel.".concat(t),{tabpanel:r}),this.ptm("tabpanel.".concat(t),r),this.ptmo(this.getTabProp(e,"pt"),t,r))},onScroll:function(e){this.scrollable&&this.updateButtonState(),e.preventDefault()},onPrevButtonClick:function(){var e=this.$refs.content,t=a.DomHandler.getWidth(e),n=e.scrollLeft-t;e.scrollLeft=n<=0?0:n},onNextButtonClick:function(){var e=this.$refs.content,t=a.DomHandler.getWidth(e)-this.getVisibleButtonWidths(),n=e.scrollLeft+t,i=e.scrollWidth-t;e.scrollLeft=n>=i?i:n},onTabClick:function(e,t,n){this.changeActiveIndex(e,t,n),this.$emit("tab-click",{originalEvent:e,index:n})},onTabKeyDown:function(e,t,n){switch(e.code){case"ArrowLeft":this.onTabArrowLeftKey(e);break;case"ArrowRight":this.onTabArrowRightKey(e);break;case"Home":this.onTabHomeKey(e);break;case"End":this.onTabEndKey(e);break;case"PageDown":this.onPageDownKey(e);break;case"PageUp":this.onPageUpKey(e);break;case"Enter":case"NumpadEnter":case"Space":this.onTabEnterKey(e,t,n)}},onTabArrowRightKey:function(e){var t=this.findNextHeaderAction(e.target.parentElement);t?this.changeFocusedTab(e,t):this.onTabHomeKey(e),e.preventDefault()},onTabArrowLeftKey:function(e){var t=this.findPrevHeaderAction(e.target.parentElement);t?this.changeFocusedTab(e,t):this.onTabEndKey(e),e.preventDefault()},onTabHomeKey:function(e){var t=this.findFirstHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEndKey:function(e){var t=this.findLastHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onPageDownKey:function(e){this.scrollInView({index:this.$refs.nav.children.length-2}),e.preventDefault()},onPageUpKey:function(e){this.scrollInView({index:0}),e.preventDefault()},onTabEnterKey:function(e,t,n){this.changeActiveIndex(e,t,n),e.preventDefault()},findNextHeaderAction:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling;return t?a.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===a.DomHandler.getAttribute(t,"data-pc-section")?this.findNextHeaderAction(t):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling;return t?a.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===a.DomHandler.getAttribute(t,"data-pc-section")?this.findPrevHeaderAction(t):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findFirstHeaderAction:function(){return this.findNextHeaderAction(this.$refs.nav.firstElementChild,!0)},findLastHeaderAction:function(){return this.findPrevHeaderAction(this.$refs.nav.lastElementChild,!0)},changeActiveIndex:function(e,t,n){this.getTabProp(t,"disabled")||this.d_activeIndex===n||(this.d_activeIndex=n,this.$emit("update:activeIndex",n),this.$emit("tab-change",{originalEvent:e,index:n}),this.scrollInView({index:n}))},changeFocusedTab:function(e,t){if(t&&(a.DomHandler.focus(t),this.scrollInView({element:t}),this.selectOnFocus)){var n=parseInt(t.parentElement.dataset.index,10);this.changeActiveIndex(e,this.tabs[n],n)}},scrollInView:function(e){var t=e.index,n=e.element||this.$refs.nav.children[void 0===t?-1:t];n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest"})},updateInkBar:function(){var e=this.$refs.nav.children[this.d_activeIndex];this.$refs.inkbar.style.width=a.DomHandler.getWidth(e)+"px",this.$refs.inkbar.style.left=a.DomHandler.getOffset(e).left-a.DomHandler.getOffset(this.$refs.nav).left+"px"},updateButtonState:function(){var e=this.$refs.content,t=e.scrollLeft,n=e.scrollWidth,i=a.DomHandler.getWidth(e);this.isPrevButtonDisabled=0===t,this.isNextButtonDisabled=parseInt(t)===n-i},getVisibleButtonWidths:function(){var e=this.$refs;return[e.prevBtn,e.nextBtn].reduce((function(e,t){return t?e+a.DomHandler.getWidth(t):e}),0)}},computed:{tabs:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isTabPanel(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isTabPanel(n)&&t.push(n)})),t}),[])},prevButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.previous:void 0},nextButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.next:void 0}},directives:{ripple:d.default},components:{ChevronLeftIcon:l.default,ChevronRightIcon:s.default}};function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){f(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function f(e,t,n){var a;return(t="symbol"==p(a=v(t,"string"))?a:String(a))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e,t){if("object"!=p(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t||"default");if("object"!=p(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var m=["tabindex","aria-label"],g=["data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],y=["id","tabindex","aria-disabled","aria-selected","aria-controls","onClick","onKeydown"],x=["tabindex","aria-label"],P=["id","aria-labelledby","data-pc-index","data-p-active"];return u.render=function(e,t,n,a,r,o){var c=i.resolveDirective("ripple");return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root"),role:"tablist"},e.ptm("root"),{"data-pc-name":"tabview"}),[i.createElementVNode("div",i.mergeProps({class:e.cx("navContainer")},e.ptm("navContainer")),[e.scrollable&&!r.isPrevButtonDisabled?i.withDirectives((i.openBlock(),i.createElementBlock("button",i.mergeProps({key:0,ref:"prevBtn",type:"button",class:e.cx("previousButton"),tabindex:e.tabindex,"aria-label":o.prevButtonAriaLabel,onClick:t[0]||(t[0]=function(){return o.onPrevButtonClick&&o.onPrevButtonClick.apply(o,arguments)})},h(h({},e.previousButtonProps),e.ptm("previousButton")),{"data-pc-group-section":"navbutton"}),[i.renderSlot(e.$slots,"previcon",{},(function(){return[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.prevIcon?"span":"ChevronLeftIcon"),i.mergeProps({"aria-hidden":"true",class:e.prevIcon},e.ptm("previousIcon")),null,16,["class"]))]}))],16,m)),[[c]]):i.createCommentVNode("",!0),i.createElementVNode("div",i.mergeProps({ref:"content",class:e.cx("navContent"),onScroll:t[1]||(t[1]=function(){return o.onScroll&&o.onScroll.apply(o,arguments)})},e.ptm("navContent")),[i.createElementVNode("ul",i.mergeProps({ref:"nav",class:e.cx("nav")},e.ptm("nav")),[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(o.tabs,(function(t,n){return i.openBlock(),i.createElementBlock("li",i.mergeProps({key:o.getKey(t,n),style:o.getTabProp(t,"headerStyle"),class:e.cx("tab.header",{tab:t,index:n}),role:"presentation"},h(h(h({},o.getTabProp(t,"headerProps")),o.getTabPT(t,"root",n)),o.getTabPT(t,"header",n)),{"data-pc-name":"tabpanel","data-p-highlight":r.d_activeIndex===n,"data-p-disabled":o.getTabProp(t,"disabled"),"data-pc-index":n,"data-p-active":r.d_activeIndex===n}),[i.withDirectives((i.openBlock(),i.createElementBlock("a",i.mergeProps({id:o.getTabHeaderActionId(n),class:e.cx("tab.headerAction"),tabindex:o.getTabProp(t,"disabled")||!o.isTabActive(n)?-1:e.tabindex,role:"tab","aria-disabled":o.getTabProp(t,"disabled"),"aria-selected":o.isTabActive(n),"aria-controls":o.getTabContentId(n),onClick:function(e){return o.onTabClick(e,t,n)},onKeydown:function(e){return o.onTabKeyDown(e,t,n)}},h(h({},o.getTabProp(t,"headerActionProps")),o.getTabPT(t,"headerAction",n))),[t.props&&t.props.header?(i.openBlock(),i.createElementBlock("span",i.mergeProps({key:0,class:e.cx("tab.headerTitle")},o.getTabPT(t,"headerTitle",n)),i.toDisplayString(t.props.header),17)):i.createCommentVNode("",!0),t.children&&t.children.header?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.children.header),{key:1})):i.createCommentVNode("",!0)],16,y)),[[c]])],16,g)})),128)),i.createElementVNode("li",i.mergeProps({ref:"inkbar",class:e.cx("inkbar"),role:"presentation","aria-hidden":"true"},e.ptm("inkbar")),null,16)],16)],16),e.scrollable&&!r.isNextButtonDisabled?i.withDirectives((i.openBlock(),i.createElementBlock("button",i.mergeProps({key:1,ref:"nextBtn",type:"button",class:e.cx("nextButton"),tabindex:e.tabindex,"aria-label":o.nextButtonAriaLabel,onClick:t[2]||(t[2]=function(){return o.onNextButtonClick&&o.onNextButtonClick.apply(o,arguments)})},h(h({},e.nextButtonProps),e.ptm("nextButton")),{"data-pc-group-section":"navbutton"}),[i.renderSlot(e.$slots,"nexticon",{},(function(){return[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.nextIcon?"span":"ChevronRightIcon"),i.mergeProps({"aria-hidden":"true",class:e.nextIcon},e.ptm("nextIcon")),null,16,["class"]))]}))],16,x)),[[c]]):i.createCommentVNode("",!0)],16),i.createElementVNode("div",i.mergeProps({class:e.cx("panelContainer")},e.ptm("panelContainer")),[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(o.tabs,(function(t,n){return i.openBlock(),i.createElementBlock(i.Fragment,{key:o.getKey(t,n)},[!e.lazy||o.isTabActive(n)?i.withDirectives((i.openBlock(),i.createElementBlock("div",i.mergeProps({key:0,id:o.getTabContentId(n),style:o.getTabProp(t,"contentStyle"),class:e.cx("tab.content",{tab:t}),role:"tabpanel","aria-labelledby":o.getTabHeaderActionId(n)},h(h(h({},o.getTabProp(t,"contentProps")),o.getTabPT(t,"root",n)),o.getTabPT(t,"content",n)),{"data-pc-name":"tabpanel","data-pc-index":n,"data-p-active":r.d_activeIndex===n}),[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t)))],16,P)),[[i.vShow,!!e.lazy||o.isTabActive(n)]]):i.createCommentVNode("",!0)],64)})),128))],16)],16)},u}(primevue.icons.chevronleft,primevue.icons.chevronright,primevue.ripple,primevue.utils,Vue,primevue.basecomponent,primevue.tabview.style);
|
package/tag/Tag.vue
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<span :class="cx('root')" v-bind="ptm('root')" data-pc-name="tag">
|
|
3
3
|
<component v-if="$slots.icon" :is="$slots.icon" :class="cx('icon')" v-bind="ptm('icon')" />
|
|
4
4
|
<span v-else-if="icon" :class="[cx('icon'), icon]" v-bind="ptm('icon')"></span>
|
|
5
|
-
<slot>
|
|
5
|
+
<slot v-if="value || $slots.default">
|
|
6
6
|
<span :class="cx('value')" v-bind="ptm('value')">{{ value }}</span>
|
|
7
7
|
</slot>
|
|
8
8
|
</span>
|
package/tag/tag.cjs.js
CHANGED
|
@@ -42,11 +42,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
42
42
|
}, _ctx.ptm('icon')), null, 16, ["class"])) : _ctx.icon ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
|
|
43
43
|
key: 1,
|
|
44
44
|
"class": [_ctx.cx('icon'), _ctx.icon]
|
|
45
|
-
}, _ctx.ptm('icon')), null, 16)) : vue.createCommentVNode("", true), vue.renderSlot(_ctx.$slots, "default", {
|
|
45
|
+
}, _ctx.ptm('icon')), null, 16)) : vue.createCommentVNode("", true), _ctx.value || _ctx.$slots["default"] ? vue.renderSlot(_ctx.$slots, "default", {
|
|
46
|
+
key: 2
|
|
47
|
+
}, function () {
|
|
46
48
|
return [vue.createElementVNode("span", vue.mergeProps({
|
|
47
49
|
"class": _ctx.cx('value')
|
|
48
50
|
}, _ctx.ptm('value')), vue.toDisplayString(_ctx.value), 17)];
|
|
49
|
-
})], 16);
|
|
51
|
+
}) : vue.createCommentVNode("", true)], 16);
|
|
50
52
|
}
|
|
51
53
|
|
|
52
54
|
script.render = render;
|
package/tag/tag.cjs.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("primevue/basecomponent"),
|
|
1
|
+
"use strict";var e=require("primevue/basecomponent"),t=require("primevue/tag/style"),n=require("vue");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r={name:"Tag",extends:{name:"BaseTag",extends:o(e).default,props:{value:null,severity:null,rounded:Boolean,icon:String},style:o(t).default,provide:function(){return{$parentInstance:this}}}};r.render=function(e,t,o,r,l,a){return n.openBlock(),n.createElementBlock("span",n.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"tag"}),[e.$slots.icon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.icon),n.mergeProps({key:0,class:e.cx("icon")},e.ptm("icon")),null,16,["class"])):e.icon?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:1,class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16)):n.createCommentVNode("",!0),e.value||e.$slots.default?n.renderSlot(e.$slots,"default",{key:2},(function(){return[n.createElementVNode("span",n.mergeProps({class:e.cx("value")},e.ptm("value")),n.toDisplayString(e.value),17)]})):n.createCommentVNode("",!0)],16)},module.exports=r;
|
package/tag/tag.esm.js
CHANGED
|
@@ -35,11 +35,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
35
35
|
}, _ctx.ptm('icon')), null, 16, ["class"])) : _ctx.icon ? (openBlock(), createElementBlock("span", mergeProps({
|
|
36
36
|
key: 1,
|
|
37
37
|
"class": [_ctx.cx('icon'), _ctx.icon]
|
|
38
|
-
}, _ctx.ptm('icon')), null, 16)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default", {
|
|
38
|
+
}, _ctx.ptm('icon')), null, 16)) : createCommentVNode("", true), _ctx.value || _ctx.$slots["default"] ? renderSlot(_ctx.$slots, "default", {
|
|
39
|
+
key: 2
|
|
40
|
+
}, function () {
|
|
39
41
|
return [createElementVNode("span", mergeProps({
|
|
40
42
|
"class": _ctx.cx('value')
|
|
41
43
|
}, _ctx.ptm('value')), toDisplayString(_ctx.value), 17)];
|
|
42
|
-
})], 16);
|
|
44
|
+
}) : createCommentVNode("", true)], 16);
|
|
43
45
|
}
|
|
44
46
|
|
|
45
47
|
script.render = render;
|
package/tag/tag.esm.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import e from"primevue/basecomponent";import n from"primevue/tag/style";import{openBlock as t,createElementBlock as o,mergeProps as a,createBlock as s,resolveDynamicComponent as l,createCommentVNode as r,renderSlot as c,createElementVNode as u,toDisplayString as i}from"vue";var p={name:"Tag",extends:{name:"BaseTag",extends:e,props:{value:null,severity:null,rounded:Boolean,icon:String},style:n,provide:function(){return{$parentInstance:this}}}};p.render=function(e,n,p,m,v,d){return t(),o("span",a({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"tag"}),[e.$slots.icon?(t(),s(l(e.$slots.icon),a({key:0,class:e.cx("icon")},e.ptm("icon")),null,16,["class"])):e.icon?(t(),o("span",a({key:1,class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16)):r("",!0),e.value||e.$slots.default?c(e.$slots,"default",{key:2},(function(){return[u("span",a({class:e.cx("value")},e.ptm("value")),i(e.value),17)]})):r("",!0)],16)};export{p as default};
|
package/tag/tag.js
CHANGED
|
@@ -40,11 +40,13 @@ this.primevue.tag = (function (BaseComponent, TagStyle, vue) {
|
|
|
40
40
|
}, _ctx.ptm('icon')), null, 16, ["class"])) : _ctx.icon ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
|
|
41
41
|
key: 1,
|
|
42
42
|
"class": [_ctx.cx('icon'), _ctx.icon]
|
|
43
|
-
}, _ctx.ptm('icon')), null, 16)) : vue.createCommentVNode("", true), vue.renderSlot(_ctx.$slots, "default", {
|
|
43
|
+
}, _ctx.ptm('icon')), null, 16)) : vue.createCommentVNode("", true), _ctx.value || _ctx.$slots["default"] ? vue.renderSlot(_ctx.$slots, "default", {
|
|
44
|
+
key: 2
|
|
45
|
+
}, function () {
|
|
44
46
|
return [vue.createElementVNode("span", vue.mergeProps({
|
|
45
47
|
"class": _ctx.cx('value')
|
|
46
48
|
}, _ctx.ptm('value')), vue.toDisplayString(_ctx.value), 17)];
|
|
47
|
-
})], 16);
|
|
49
|
+
}) : vue.createCommentVNode("", true)], 16);
|
|
48
50
|
}
|
|
49
51
|
|
|
50
52
|
script.render = render;
|
package/tag/tag.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primevue=this.primevue||{},this.primevue.tag=function(e,n
|
|
1
|
+
this.primevue=this.primevue||{},this.primevue.tag=function(e,t,n){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r={name:"Tag",extends:{name:"BaseTag",extends:o(e).default,props:{value:null,severity:null,rounded:Boolean,icon:String},style:o(t).default,provide:function(){return{$parentInstance:this}}}};return r.render=function(e,t,o,r,a,l){return n.openBlock(),n.createElementBlock("span",n.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"tag"}),[e.$slots.icon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.icon),n.mergeProps({key:0,class:e.cx("icon")},e.ptm("icon")),null,16,["class"])):e.icon?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:1,class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16)):n.createCommentVNode("",!0),e.value||e.$slots.default?n.renderSlot(e.$slots,"default",{key:2},(function(){return[n.createElementVNode("span",n.mergeProps({class:e.cx("value")},e.ptm("value")),n.toDisplayString(e.value),17)]})):n.createCommentVNode("",!0)],16)},r}(primevue.basecomponent,primevue.tag.style,Vue);
|
package/textarea/Textarea.d.ts
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
import { TextareaHTMLAttributes } from 'vue';
|
|
11
11
|
import { ComponentHooks } from '../basecomponent';
|
|
12
12
|
import { PassThroughOptions } from '../passthrough';
|
|
13
|
-
import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
|
|
13
|
+
import { ClassComponent, GlobalComponentConstructor, Nullable, PassThrough } from '../ts-helpers';
|
|
14
14
|
|
|
15
15
|
export declare type TextareaPassThroughOptionType = TextareaPassThroughAttributes | ((options: TextareaPassThroughMethodOptions) => TextareaPassThroughAttributes | string) | string | null | undefined;
|
|
16
16
|
|
|
@@ -91,7 +91,7 @@ export interface TextareaProps extends TextareaHTMLAttributes {
|
|
|
91
91
|
/**
|
|
92
92
|
* Value of the component.
|
|
93
93
|
*/
|
|
94
|
-
modelValue?: string
|
|
94
|
+
modelValue?: Nullable<string>;
|
|
95
95
|
/**
|
|
96
96
|
* When present, height of textarea changes as being typed.
|
|
97
97
|
* @defaultValue false
|
|
@@ -479,7 +479,7 @@ export default {
|
|
|
479
479
|
}
|
|
480
480
|
},
|
|
481
481
|
isItemMatched(processedItem) {
|
|
482
|
-
return this.isValidItem(processedItem) && this.getProccessedItemLabel(processedItem)
|
|
482
|
+
return this.isValidItem(processedItem) && this.getProccessedItemLabel(processedItem)?.toLocaleLowerCase().startsWith(this.searchValue.toLocaleLowerCase());
|
|
483
483
|
},
|
|
484
484
|
isValidItem(processedItem) {
|
|
485
485
|
return !!processedItem && !this.isItemDisabled(processedItem.item) && !this.isItemSeparator(processedItem.item);
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
<a v-ripple :href="getItemProp(processedItem, 'url')" :class="cx('action')" :target="getItemProp(processedItem, 'target')" tabindex="-1" aria-hidden="true" v-bind="getPTOptions(processedItem, index, 'action')">
|
|
26
26
|
<component v-if="templates.itemicon" :is="templates.itemicon" :item="processedItem.item" :class="[cx('icon'), getItemProp(processedItem, 'icon')]" />
|
|
27
27
|
<span v-else-if="getItemProp(processedItem, 'icon')" :class="[cx('icon'), getItemProp(processedItem, 'icon')]" v-bind="getPTOptions(processedItem, index, 'icon')" />
|
|
28
|
-
<span :class="cx('label')" v-bind="getPTOptions(processedItem, index, 'label')">{{ getItemLabel(processedItem) }}</span>
|
|
28
|
+
<span :id="getItemLabelId(processedItem)" :class="cx('label')" v-bind="getPTOptions(processedItem, index, 'label')">{{ getItemLabel(processedItem) }}</span>
|
|
29
29
|
<template v-if="getItemProp(processedItem, 'items')">
|
|
30
30
|
<component v-if="templates.submenuicon" :is="templates.submenuicon" :class="cx('submenuIcon')" :active="isItemActive(processedItem)" v-bind="getPTOptions(processedItem, index, 'submenuIcon')" />
|
|
31
31
|
<AngleRightIcon v-else :class="cx('submenuIcon')" v-bind="getPTOptions(processedItem, index, 'submenuIcon')" />
|
|
@@ -38,6 +38,7 @@
|
|
|
38
38
|
v-if="isItemVisible(processedItem) && isItemGroup(processedItem)"
|
|
39
39
|
:id="getItemId(processedItem) + '_list'"
|
|
40
40
|
:style="sx('submenu', true, { processedItem })"
|
|
41
|
+
:aria-labelledby="getItemLabelId(processedItem)"
|
|
41
42
|
role="menu"
|
|
42
43
|
:menuId="menuId"
|
|
43
44
|
:focusedItemId="focusedItemId"
|
|
@@ -125,6 +126,9 @@ export default {
|
|
|
125
126
|
getItemLabel(processedItem) {
|
|
126
127
|
return this.getItemProp(processedItem, 'label');
|
|
127
128
|
},
|
|
129
|
+
getItemLabelId(processedItem) {
|
|
130
|
+
return `${this.menuId}_${processedItem.key}_label`;
|
|
131
|
+
},
|
|
128
132
|
getPTOptions(processedItem, index, key) {
|
|
129
133
|
return this.ptm(key, {
|
|
130
134
|
context: {
|