primevue 4.1.0 → 4.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -94
- package/accordion/index.d.ts +2 -2
- package/accordion/index.mjs.map +1 -1
- package/accordion/style/index.mjs +1 -1
- package/accordion/style/index.mjs.map +1 -1
- package/accordioncontent/index.d.ts +2 -2
- package/accordioncontent/index.mjs.map +1 -1
- package/accordioncontent/style/index.mjs.map +1 -1
- package/accordionheader/index.d.ts +2 -2
- package/accordionheader/index.mjs.map +1 -1
- package/accordionheader/style/index.mjs.map +1 -1
- package/accordionpanel/index.d.ts +2 -2
- package/accordionpanel/index.mjs.map +1 -1
- package/accordionpanel/style/index.mjs.map +1 -1
- package/accordiontab/index.d.ts +2 -2
- package/accordiontab/index.mjs.map +1 -1
- package/accordiontab/style/index.mjs.map +1 -1
- package/animateonscroll/index.mjs.map +1 -1
- package/animateonscroll/style/index.mjs.map +1 -1
- package/autocomplete/AutoComplete.vue +36 -32
- package/autocomplete/BaseAutoComplete.vue +2 -19
- package/autocomplete/index.d.ts +23 -2
- package/autocomplete/index.mjs +40 -53
- package/autocomplete/index.mjs.map +1 -1
- package/autocomplete/style/index.mjs +7 -7
- package/autocomplete/style/index.mjs.map +1 -1
- package/avatar/index.d.ts +2 -2
- package/avatar/index.mjs.map +1 -1
- package/avatar/style/index.mjs +1 -1
- package/avatar/style/index.mjs.map +1 -1
- package/avatargroup/index.d.ts +2 -2
- package/avatargroup/index.mjs.map +1 -1
- package/avatargroup/style/index.mjs.map +1 -1
- package/badge/index.d.ts +2 -2
- package/badge/index.mjs.map +1 -1
- package/badge/style/index.mjs.map +1 -1
- package/badgedirective/index.d.ts +2 -2
- package/badgedirective/index.mjs.map +1 -1
- package/badgedirective/style/index.mjs.map +1 -1
- package/blockui/index.d.ts +2 -2
- package/blockui/index.mjs.map +1 -1
- package/blockui/style/index.mjs.map +1 -1
- package/breadcrumb/Breadcrumb.vue +1 -1
- package/breadcrumb/index.d.ts +2 -2
- package/breadcrumb/index.mjs +2 -1
- package/breadcrumb/index.mjs.map +1 -1
- package/breadcrumb/style/index.d.ts +4 -0
- package/breadcrumb/style/index.mjs +2 -1
- package/breadcrumb/style/index.mjs.map +1 -1
- package/button/BaseButton.vue +4 -0
- package/button/index.d.ts +8 -2
- package/button/index.mjs +4 -0
- package/button/index.mjs.map +1 -1
- package/button/style/index.mjs +3 -3
- package/button/style/index.mjs.map +1 -1
- package/buttongroup/index.d.ts +2 -2
- package/buttongroup/index.mjs.map +1 -1
- package/buttongroup/style/index.mjs +1 -1
- package/buttongroup/style/index.mjs.map +1 -1
- package/calendar/index.d.ts +2 -2
- package/calendar/index.mjs.map +1 -1
- package/calendar/style/index.mjs.map +1 -1
- package/card/index.d.ts +2 -2
- package/card/index.mjs.map +1 -1
- package/card/style/index.mjs.map +1 -1
- package/carousel/index.d.ts +2 -2
- package/carousel/index.mjs.map +1 -1
- package/carousel/style/index.mjs +1 -1
- package/carousel/style/index.mjs.map +1 -1
- package/cascadeselect/BaseCascadeSelect.vue +8 -14
- package/cascadeselect/CascadeSelect.vue +86 -55
- package/cascadeselect/CascadeSelectSub.vue +8 -17
- package/cascadeselect/index.d.ts +47 -2
- package/cascadeselect/index.mjs +148 -99
- package/cascadeselect/index.mjs.map +1 -1
- package/cascadeselect/style/index.d.ts +4 -0
- package/cascadeselect/style/index.mjs +9 -6
- package/cascadeselect/style/index.mjs.map +1 -1
- package/chart/index.d.ts +2 -2
- package/chart/index.mjs.map +1 -1
- package/chart/style/index.mjs.map +1 -1
- package/checkbox/BaseCheckbox.vue +2 -19
- package/checkbox/Checkbox.vue +18 -6
- package/checkbox/index.d.ts +19 -2
- package/checkbox/index.mjs +20 -25
- package/checkbox/index.mjs.map +1 -1
- package/checkbox/style/index.mjs +5 -3
- package/checkbox/style/index.mjs.map +1 -1
- package/checkboxgroup/BaseCheckboxGroup.vue +16 -0
- package/checkboxgroup/CheckboxGroup.vue +29 -0
- package/checkboxgroup/index.d.ts +160 -0
- package/checkboxgroup/index.mjs +46 -0
- package/checkboxgroup/index.mjs.map +1 -0
- package/checkboxgroup/package.json +11 -0
- package/checkboxgroup/style/index.d.ts +19 -0
- package/checkboxgroup/style/index.mjs +17 -0
- package/checkboxgroup/style/index.mjs.map +1 -0
- package/checkboxgroup/style/package.json +6 -0
- package/chip/index.d.ts +2 -2
- package/chip/index.mjs.map +1 -1
- package/chip/style/index.mjs +1 -1
- package/chip/style/index.mjs.map +1 -1
- package/chips/index.d.ts +2 -2
- package/chips/index.mjs.map +1 -1
- package/chips/style/index.mjs.map +1 -1
- package/colorpicker/BaseColorPicker.vue +2 -10
- package/colorpicker/ColorPicker.vue +7 -4
- package/colorpicker/index.d.ts +24 -2
- package/colorpicker/index.mjs +21 -23
- package/colorpicker/index.mjs.map +1 -1
- package/colorpicker/style/index.mjs +5 -3
- package/colorpicker/style/index.mjs.map +1 -1
- package/column/index.d.ts +2 -2
- package/column/index.mjs.map +1 -1
- package/column/style/index.mjs.map +1 -1
- package/columngroup/index.d.ts +2 -2
- package/columngroup/index.mjs.map +1 -1
- package/columngroup/style/index.mjs.map +1 -1
- package/config/index.d.ts +4 -0
- package/confirmationservice/index.mjs.map +1 -1
- package/confirmdialog/index.d.ts +2 -2
- package/confirmdialog/index.mjs.map +1 -1
- package/confirmdialog/style/index.mjs.map +1 -1
- package/confirmpopup/index.d.ts +2 -2
- package/confirmpopup/index.mjs.map +1 -1
- package/confirmpopup/style/index.mjs +1 -1
- package/confirmpopup/style/index.mjs.map +1 -1
- package/contextmenu/ContextMenu.vue +8 -3
- package/contextmenu/index.d.ts +2 -2
- package/contextmenu/index.mjs +6 -3
- package/contextmenu/index.mjs.map +1 -1
- package/contextmenu/style/index.mjs +1 -1
- package/contextmenu/style/index.mjs.map +1 -1
- package/datatable/BodyCell.vue +15 -6
- package/datatable/DataTable.vue +58 -4
- package/datatable/FooterCell.vue +15 -6
- package/datatable/HeaderCell.vue +15 -6
- package/datatable/index.d.ts +14 -10
- package/datatable/index.mjs +167 -82
- package/datatable/index.mjs.map +1 -1
- package/datatable/style/index.mjs +1 -1
- package/datatable/style/index.mjs.map +1 -1
- package/dataview/DataView.vue +33 -1
- package/dataview/index.d.ts +6 -2
- package/dataview/index.mjs +42 -6
- package/dataview/index.mjs.map +1 -1
- package/dataview/style/index.mjs.map +1 -1
- package/datepicker/BaseDatePicker.vue +2 -23
- package/datepicker/DatePicker.vue +39 -40
- package/datepicker/index.d.ts +23 -6
- package/datepicker/index.mjs +45 -65
- package/datepicker/index.mjs.map +1 -1
- package/datepicker/style/index.mjs +4 -5
- package/datepicker/style/index.mjs.map +1 -1
- package/deferredcontent/index.d.ts +2 -2
- package/deferredcontent/index.mjs.map +1 -1
- package/deferredcontent/style/index.mjs.map +1 -1
- package/dialog/index.d.ts +2 -2
- package/dialog/index.mjs.map +1 -1
- package/dialog/style/index.mjs +1 -1
- package/dialog/style/index.mjs.map +1 -1
- package/dialogservice/index.mjs.map +1 -1
- package/divider/index.d.ts +2 -2
- package/divider/index.mjs.map +1 -1
- package/divider/style/index.mjs +1 -1
- package/divider/style/index.mjs.map +1 -1
- package/dock/index.d.ts +2 -2
- package/dock/index.mjs.map +1 -1
- package/dock/style/index.mjs +1 -1
- package/dock/style/index.mjs.map +1 -1
- package/drawer/index.d.ts +2 -2
- package/drawer/index.mjs.map +1 -1
- package/drawer/style/index.mjs +1 -1
- package/drawer/style/index.mjs.map +1 -1
- package/dropdown/index.d.ts +2 -2
- package/dropdown/index.mjs.map +1 -1
- package/dropdown/style/index.mjs.map +1 -1
- package/dynamicdialog/index.d.ts +2 -2
- package/dynamicdialog/index.mjs.map +1 -1
- package/dynamicdialog/style/index.mjs.map +1 -1
- package/editor/BaseEditor.vue +2 -3
- package/editor/Editor.vue +3 -3
- package/editor/index.d.ts +24 -2
- package/editor/index.mjs +5 -6
- package/editor/index.mjs.map +1 -1
- package/editor/style/index.mjs +7 -2
- package/editor/style/index.mjs.map +1 -1
- package/fieldset/index.d.ts +2 -2
- package/fieldset/index.mjs.map +1 -1
- package/fieldset/style/index.mjs +1 -1
- package/fieldset/style/index.mjs.map +1 -1
- package/fileupload/index.d.ts +2 -2
- package/fileupload/index.mjs.map +1 -1
- package/fileupload/style/index.mjs +1 -1
- package/fileupload/style/index.mjs.map +1 -1
- package/floatlabel/index.d.ts +2 -2
- package/floatlabel/index.mjs.map +1 -1
- package/floatlabel/style/index.mjs +1 -1
- package/floatlabel/style/index.mjs.map +1 -1
- package/fluid/index.d.ts +2 -2
- package/fluid/index.mjs.map +1 -1
- package/fluid/style/index.mjs.map +1 -1
- package/focustrap/index.mjs.map +1 -1
- package/focustrap/style/index.mjs.map +1 -1
- package/galleria/index.d.ts +2 -2
- package/galleria/index.mjs.map +1 -1
- package/galleria/style/index.mjs +1 -1
- package/galleria/style/index.mjs.map +1 -1
- package/iconfield/index.d.ts +2 -2
- package/iconfield/index.mjs.map +1 -1
- package/iconfield/style/index.mjs +1 -1
- package/iconfield/style/index.mjs.map +1 -1
- package/iftalabel/index.d.ts +2 -2
- package/iftalabel/index.mjs.map +1 -1
- package/iftalabel/style/index.mjs +1 -1
- package/iftalabel/style/index.mjs.map +1 -1
- package/image/index.d.ts +2 -2
- package/image/index.mjs.map +1 -1
- package/image/style/index.mjs +1 -1
- package/image/style/index.mjs.map +1 -1
- package/imagecompare/ImageCompare.vue +33 -1
- package/imagecompare/index.d.ts +2 -2
- package/imagecompare/index.mjs +35 -1
- package/imagecompare/index.mjs.map +1 -1
- package/imagecompare/style/index.mjs +1 -1
- package/imagecompare/style/index.mjs.map +1 -1
- package/index.d.ts +811 -0
- package/index.mjs +531 -0
- package/index.mjs.map +1 -0
- package/inlinemessage/index.d.ts +2 -2
- package/inlinemessage/index.mjs.map +1 -1
- package/inlinemessage/style/index.mjs.map +1 -1
- package/inplace/index.d.ts +2 -6
- package/inplace/index.mjs.map +1 -1
- package/inplace/style/index.mjs.map +1 -1
- package/inputchips/index.d.ts +2 -2
- package/inputchips/index.mjs.map +1 -1
- package/inputchips/style/index.mjs.map +1 -1
- package/inputgroup/index.d.ts +2 -2
- package/inputgroup/index.mjs.map +1 -1
- package/inputgroup/style/index.mjs +1 -1
- package/inputgroup/style/index.mjs.map +1 -1
- package/inputgroupaddon/index.d.ts +2 -2
- package/inputgroupaddon/index.mjs.map +1 -1
- package/inputgroupaddon/style/index.mjs.map +1 -1
- package/inputicon/index.d.ts +2 -2
- package/inputicon/index.mjs.map +1 -1
- package/inputicon/style/index.mjs.map +1 -1
- package/inputmask/BaseInputMask.vue +2 -23
- package/inputmask/InputMask.vue +9 -14
- package/inputmask/index.d.ts +15 -2
- package/inputmask/index.mjs +13 -38
- package/inputmask/index.mjs.map +1 -1
- package/inputmask/style/index.mjs +1 -1
- package/inputmask/style/index.mjs.map +1 -1
- package/inputnumber/BaseInputNumber.vue +2 -22
- package/inputnumber/InputNumber.vue +14 -16
- package/inputnumber/index.d.ts +28 -2
- package/inputnumber/index.mjs +22 -39
- package/inputnumber/index.mjs.map +1 -1
- package/inputnumber/style/index.mjs +3 -3
- package/inputnumber/style/index.mjs.map +1 -1
- package/inputotp/BaseInputOtp.vue +2 -18
- package/inputotp/InputOtp.vue +4 -2
- package/inputotp/index.d.ts +23 -2
- package/inputotp/index.mjs +7 -21
- package/inputotp/index.mjs.map +1 -1
- package/inputotp/style/index.mjs +2 -2
- package/inputotp/style/index.mjs.map +1 -1
- package/inputswitch/index.d.ts +2 -2
- package/inputswitch/index.mjs.map +1 -1
- package/inputswitch/style/index.mjs.map +1 -1
- package/inputtext/BaseInputText.vue +2 -21
- package/inputtext/InputText.vue +13 -22
- package/inputtext/index.d.ts +19 -2
- package/inputtext/index.mjs +16 -48
- package/inputtext/index.mjs.map +1 -1
- package/inputtext/style/index.mjs +7 -7
- package/inputtext/style/index.mjs.map +1 -1
- package/keyfilter/index.mjs.map +1 -1
- package/keyfilter/style/index.mjs.map +1 -1
- package/knob/BaseKnob.vue +2 -10
- package/knob/Knob.vue +23 -19
- package/knob/index.d.ts +26 -4
- package/knob/index.mjs +31 -32
- package/knob/index.mjs.map +1 -1
- package/knob/style/index.mjs +4 -2
- package/knob/style/index.mjs.map +1 -1
- package/listbox/BaseListbox.vue +2 -11
- package/listbox/Listbox.vue +21 -20
- package/listbox/index.d.ts +19 -2
- package/listbox/index.mjs +23 -31
- package/listbox/index.mjs.map +1 -1
- package/listbox/style/index.mjs +4 -3
- package/listbox/style/index.mjs.map +1 -1
- package/megamenu/BaseMegaMenu.vue +4 -0
- package/megamenu/MegaMenu.vue +15 -5
- package/megamenu/index.d.ts +7 -2
- package/megamenu/index.mjs +23 -6
- package/megamenu/index.mjs.map +1 -1
- package/megamenu/style/index.mjs +5 -5
- package/megamenu/style/index.mjs.map +1 -1
- package/menu/index.d.ts +2 -2
- package/menu/index.mjs.map +1 -1
- package/menu/style/index.mjs +1 -1
- package/menu/style/index.mjs.map +1 -1
- package/menubar/Menubar.vue +8 -3
- package/menubar/index.d.ts +2 -2
- package/menubar/index.mjs +6 -3
- package/menubar/index.mjs.map +1 -1
- package/menubar/style/index.mjs +1 -1
- package/menubar/style/index.mjs.map +1 -1
- package/message/BaseMessage.vue +8 -0
- package/message/index.d.ts +11 -2
- package/message/index.mjs +8 -0
- package/message/index.mjs.map +1 -1
- package/message/style/index.mjs +7 -2
- package/message/style/index.mjs.map +1 -1
- package/metergroup/index.d.ts +2 -2
- package/metergroup/index.mjs.map +1 -1
- package/metergroup/style/index.mjs +1 -1
- package/metergroup/style/index.mjs.map +1 -1
- package/multiselect/BaseMultiSelect.vue +14 -19
- package/multiselect/MultiSelect.vue +45 -31
- package/multiselect/index.d.ts +52 -2
- package/multiselect/index.mjs +71 -52
- package/multiselect/index.mjs.map +1 -1
- package/multiselect/style/index.d.ts +4 -0
- package/multiselect/style/index.mjs +8 -5
- package/multiselect/style/index.mjs.map +1 -1
- package/orderlist/index.d.ts +2 -2
- package/orderlist/index.mjs.map +1 -1
- package/orderlist/style/index.mjs.map +1 -1
- package/organizationchart/index.d.ts +2 -2
- package/organizationchart/index.mjs.map +1 -1
- package/organizationchart/style/index.mjs +1 -1
- package/organizationchart/style/index.mjs.map +1 -1
- package/overlaybadge/index.d.ts +2 -2
- package/overlaybadge/index.mjs.map +1 -1
- package/overlaybadge/style/index.mjs +1 -1
- package/overlaybadge/style/index.mjs.map +1 -1
- package/overlaypanel/index.d.ts +2 -2
- package/overlaypanel/index.mjs.map +1 -1
- package/overlaypanel/style/index.mjs.map +1 -1
- package/package.json +15 -6
- package/paginator/Paginator.vue +104 -84
- package/paginator/index.d.ts +56 -2
- package/paginator/index.mjs +21 -3
- package/paginator/index.mjs.map +1 -1
- package/paginator/style/index.mjs +1 -1
- package/paginator/style/index.mjs.map +1 -1
- package/panel/index.d.ts +2 -2
- package/panel/index.mjs.map +1 -1
- package/panel/style/index.mjs.map +1 -1
- package/panelmenu/index.d.ts +2 -2
- package/panelmenu/index.mjs.map +1 -1
- package/panelmenu/style/index.mjs +1 -1
- package/panelmenu/style/index.mjs.map +1 -1
- package/passthrough/index.mjs.map +1 -1
- package/password/BasePassword.vue +2 -15
- package/password/Password.vue +13 -18
- package/password/index.d.ts +23 -2
- package/password/index.mjs +14 -32
- package/password/index.mjs.map +1 -1
- package/password/style/index.mjs +3 -3
- package/password/style/index.mjs.map +1 -1
- package/picklist/index.d.ts +2 -2
- package/picklist/index.mjs.map +1 -1
- package/picklist/style/index.mjs.map +1 -1
- package/popover/index.d.ts +2 -2
- package/popover/index.mjs.map +1 -1
- package/popover/style/index.mjs +1 -1
- package/popover/style/index.mjs.map +1 -1
- package/portal/index.d.ts +2 -2
- package/portal/index.mjs.map +1 -1
- package/portal/style/index.mjs.map +1 -1
- package/progressbar/index.d.ts +2 -2
- package/progressbar/index.mjs.map +1 -1
- package/progressbar/style/index.mjs +1 -1
- package/progressbar/style/index.mjs.map +1 -1
- package/progressspinner/index.d.ts +2 -2
- package/progressspinner/index.mjs.map +1 -1
- package/progressspinner/style/index.mjs.map +1 -1
- package/radiobutton/BaseRadioButton.vue +2 -19
- package/radiobutton/RadioButton.vue +15 -4
- package/radiobutton/index.d.ts +19 -2
- package/radiobutton/index.mjs +17 -23
- package/radiobutton/index.mjs.map +1 -1
- package/radiobutton/style/index.mjs +5 -3
- package/radiobutton/style/index.mjs.map +1 -1
- package/radiobuttongroup/BaseRadioButtonGroup.vue +16 -0
- package/radiobuttongroup/RadioButtonGroup.vue +29 -0
- package/radiobuttongroup/index.d.ts +160 -0
- package/radiobuttongroup/index.mjs +46 -0
- package/radiobuttongroup/index.mjs.map +1 -0
- package/radiobuttongroup/package.json +11 -0
- package/radiobuttongroup/style/index.d.ts +19 -0
- package/radiobuttongroup/style/index.mjs +17 -0
- package/radiobuttongroup/style/index.mjs.map +1 -0
- package/radiobuttongroup/style/package.json +6 -0
- package/rating/BaseRating.vue +2 -10
- package/rating/Rating.vue +17 -16
- package/rating/index.d.ts +20 -2
- package/rating/index.mjs +17 -23
- package/rating/index.mjs.map +1 -1
- package/rating/style/index.mjs +14 -5
- package/rating/style/index.mjs.map +1 -1
- package/ripple/index.mjs.map +1 -1
- package/ripple/style/index.mjs.map +1 -1
- package/row/index.d.ts +2 -2
- package/row/index.mjs.map +1 -1
- package/row/style/index.mjs.map +1 -1
- package/scrollpanel/ScrollPanel.vue +38 -5
- package/scrollpanel/index.d.ts +2 -2
- package/scrollpanel/index.mjs +58 -28
- package/scrollpanel/index.mjs.map +1 -1
- package/scrollpanel/style/index.mjs +1 -1
- package/scrollpanel/style/index.mjs.map +1 -1
- package/scrolltop/index.d.ts +2 -2
- package/scrolltop/index.mjs.map +1 -1
- package/scrolltop/style/index.mjs +1 -1
- package/scrolltop/style/index.mjs.map +1 -1
- package/select/BaseSelect.vue +2 -19
- package/select/Select.vue +15 -19
- package/select/index.d.ts +23 -2
- package/select/index.mjs +18 -40
- package/select/index.mjs.map +1 -1
- package/select/style/index.mjs +7 -5
- package/select/style/index.mjs.map +1 -1
- package/selectbutton/BaseSelectButton.vue +6 -8
- package/selectbutton/SelectButton.vue +9 -8
- package/selectbutton/index.d.ts +23 -2
- package/selectbutton/index.mjs +15 -16
- package/selectbutton/index.mjs.map +1 -1
- package/selectbutton/style/index.mjs +3 -3
- package/selectbutton/style/index.mjs.map +1 -1
- package/sidebar/index.d.ts +2 -2
- package/sidebar/index.mjs.map +1 -1
- package/sidebar/style/index.mjs.map +1 -1
- package/skeleton/index.d.ts +2 -2
- package/skeleton/index.mjs.map +1 -1
- package/skeleton/style/index.mjs +1 -1
- package/skeleton/style/index.mjs.map +1 -1
- package/slider/BaseSlider.vue +2 -7
- package/slider/Slider.vue +94 -38
- package/slider/index.d.ts +24 -2
- package/slider/index.mjs +145 -72
- package/slider/index.mjs.map +1 -1
- package/slider/style/index.mjs +4 -2
- package/slider/style/index.mjs.map +1 -1
- package/speeddial/index.d.ts +2 -2
- package/speeddial/index.mjs.map +1 -1
- package/speeddial/style/index.mjs +1 -1
- package/speeddial/style/index.mjs.map +1 -1
- package/splitbutton/index.d.ts +2 -2
- package/splitbutton/index.mjs.map +1 -1
- package/splitbutton/style/index.mjs +1 -1
- package/splitbutton/style/index.mjs.map +1 -1
- package/splitter/Splitter.vue +31 -3
- package/splitter/index.d.ts +2 -2
- package/splitter/index.mjs +50 -20
- package/splitter/index.mjs.map +1 -1
- package/splitter/style/index.mjs.map +1 -1
- package/splitterpanel/index.d.ts +2 -2
- package/splitterpanel/index.mjs.map +1 -1
- package/splitterpanel/style/index.mjs.map +1 -1
- package/step/index.d.ts +2 -2
- package/step/index.mjs.map +1 -1
- package/step/style/index.mjs.map +1 -1
- package/stepitem/index.d.ts +2 -2
- package/stepitem/index.mjs.map +1 -1
- package/stepitem/style/index.mjs.map +1 -1
- package/steplist/index.d.ts +2 -2
- package/steplist/index.mjs.map +1 -1
- package/steplist/style/index.mjs.map +1 -1
- package/steppanel/index.d.ts +2 -2
- package/steppanel/index.mjs.map +1 -1
- package/steppanel/style/index.mjs.map +1 -1
- package/steppanels/index.d.ts +2 -2
- package/steppanels/index.mjs.map +1 -1
- package/steppanels/style/index.mjs.map +1 -1
- package/stepper/index.d.ts +2 -2
- package/stepper/index.mjs.map +1 -1
- package/stepper/style/index.mjs +1 -1
- package/stepper/style/index.mjs.map +1 -1
- package/steps/index.d.ts +2 -2
- package/steps/index.mjs.map +1 -1
- package/steps/style/index.mjs +1 -1
- package/steps/style/index.mjs.map +1 -1
- package/styleclass/index.mjs.map +1 -1
- package/styleclass/style/index.mjs.map +1 -1
- package/tab/index.d.ts +2 -2
- package/tab/index.mjs.map +1 -1
- package/tab/style/index.mjs.map +1 -1
- package/tablist/TabList.vue +40 -5
- package/tablist/index.d.ts +2 -2
- package/tablist/index.mjs +38 -5
- package/tablist/index.mjs.map +1 -1
- package/tablist/style/index.mjs.map +1 -1
- package/tabmenu/index.d.ts +2 -2
- package/tabmenu/index.mjs.map +1 -1
- package/tabmenu/style/index.mjs.map +1 -1
- package/tabpanel/index.d.ts +2 -2
- package/tabpanel/index.mjs.map +1 -1
- package/tabpanel/style/index.mjs.map +1 -1
- package/tabpanels/index.d.ts +2 -2
- package/tabpanels/index.mjs.map +1 -1
- package/tabpanels/style/index.mjs.map +1 -1
- package/tabs/index.d.ts +2 -2
- package/tabs/index.mjs.map +1 -1
- package/tabs/style/index.mjs +1 -1
- package/tabs/style/index.mjs.map +1 -1
- package/tabview/index.d.ts +2 -2
- package/tabview/index.mjs.map +1 -1
- package/tabview/style/index.mjs.map +1 -1
- package/tag/index.d.ts +2 -2
- package/tag/index.mjs.map +1 -1
- package/tag/style/index.mjs.map +1 -1
- package/terminal/index.d.ts +2 -2
- package/terminal/index.mjs.map +1 -1
- package/terminal/style/index.mjs +1 -1
- package/terminal/style/index.mjs.map +1 -1
- package/textarea/BaseTextarea.vue +3 -16
- package/textarea/Textarea.vue +13 -19
- package/textarea/index.d.ts +23 -2
- package/textarea/index.mjs +14 -38
- package/textarea/index.mjs.map +1 -1
- package/textarea/style/index.mjs +7 -5
- package/textarea/style/index.mjs.map +1 -1
- package/tieredmenu/TieredMenu.vue +8 -3
- package/tieredmenu/index.d.ts +2 -2
- package/tieredmenu/index.mjs +6 -3
- package/tieredmenu/index.mjs.map +1 -1
- package/tieredmenu/style/index.mjs +1 -1
- package/tieredmenu/style/index.mjs.map +1 -1
- package/timeline/index.d.ts +2 -2
- package/timeline/index.mjs.map +1 -1
- package/timeline/style/index.mjs.map +1 -1
- package/toast/Toast.vue +0 -1
- package/toast/index.d.ts +2 -2
- package/toast/index.mjs.map +1 -1
- package/toast/style/index.mjs +1 -1
- package/toast/style/index.mjs.map +1 -1
- package/toastservice/index.mjs.map +1 -1
- package/togglebutton/BaseToggleButton.vue +6 -11
- package/togglebutton/ToggleButton.vue +11 -7
- package/togglebutton/index.d.ts +23 -2
- package/togglebutton/index.mjs +20 -18
- package/togglebutton/index.mjs.map +1 -1
- package/togglebutton/style/index.mjs +4 -2
- package/togglebutton/style/index.mjs.map +1 -1
- package/toggleswitch/BaseToggleSwitch.vue +2 -14
- package/toggleswitch/ToggleSwitch.vue +4 -3
- package/toggleswitch/index.d.ts +19 -2
- package/toggleswitch/index.mjs +7 -17
- package/toggleswitch/index.mjs.map +1 -1
- package/toggleswitch/style/index.mjs +2 -2
- package/toggleswitch/style/index.mjs.map +1 -1
- package/toolbar/index.d.ts +2 -2
- package/toolbar/index.mjs.map +1 -1
- package/toolbar/style/index.mjs.map +1 -1
- package/tooltip/index.mjs.map +1 -1
- package/tooltip/style/index.mjs +1 -1
- package/tooltip/style/index.mjs.map +1 -1
- package/tree/Tree.vue +1 -1
- package/tree/TreeNode.vue +1 -1
- package/tree/index.d.ts +2 -2
- package/tree/index.mjs +5 -4
- package/tree/index.mjs.map +1 -1
- package/tree/style/index.mjs +2 -1
- package/tree/style/index.mjs.map +1 -1
- package/treeselect/BaseTreeSelect.vue +18 -19
- package/treeselect/TreeSelect.vue +61 -18
- package/treeselect/index.d.ts +82 -28
- package/treeselect/index.mjs +87 -38
- package/treeselect/index.mjs.map +1 -1
- package/treeselect/style/index.d.ts +4 -0
- package/treeselect/style/index.mjs +8 -5
- package/treeselect/style/index.mjs.map +1 -1
- package/treetable/BodyCell.vue +21 -12
- package/treetable/FooterCell.vue +15 -6
- package/treetable/HeaderCell.vue +15 -6
- package/treetable/TreeTable.vue +57 -2
- package/treetable/index.d.ts +14 -10
- package/treetable/index.mjs +146 -59
- package/treetable/index.mjs.map +1 -1
- package/treetable/style/index.mjs +1 -1
- package/treetable/style/index.mjs.map +1 -1
- package/umd/primevue.min.js +1 -1
- package/useconfirm/index.mjs.map +1 -1
- package/usedialog/index.mjs.map +1 -1
- package/usetoast/index.mjs.map +1 -1
- package/virtualscroller/index.d.ts +2 -2
- package/virtualscroller/index.mjs.map +1 -1
- package/virtualscroller/style/index.mjs.map +1 -1
- package/web-types.json +2 -2
package/radiobutton/index.mjs
CHANGED
|
@@ -1,31 +1,14 @@
|
|
|
1
1
|
import { equals } from '@primeuix/utils/object';
|
|
2
|
-
import
|
|
2
|
+
import BaseInput from '@primevue/core/baseinput';
|
|
3
3
|
import RadioButtonStyle from 'primevue/radiobutton/style';
|
|
4
4
|
import { openBlock, createElementBlock, mergeProps, createElementVNode } from 'vue';
|
|
5
5
|
|
|
6
6
|
var script$1 = {
|
|
7
7
|
name: 'BaseRadioButton',
|
|
8
|
-
"extends":
|
|
8
|
+
"extends": BaseInput,
|
|
9
9
|
props: {
|
|
10
10
|
value: null,
|
|
11
|
-
modelValue: null,
|
|
12
11
|
binary: Boolean,
|
|
13
|
-
name: {
|
|
14
|
-
type: String,
|
|
15
|
-
"default": null
|
|
16
|
-
},
|
|
17
|
-
variant: {
|
|
18
|
-
type: String,
|
|
19
|
-
"default": null
|
|
20
|
-
},
|
|
21
|
-
invalid: {
|
|
22
|
-
type: Boolean,
|
|
23
|
-
"default": false
|
|
24
|
-
},
|
|
25
|
-
disabled: {
|
|
26
|
-
type: Boolean,
|
|
27
|
-
"default": false
|
|
28
|
-
},
|
|
29
12
|
readonly: {
|
|
30
13
|
type: Boolean,
|
|
31
14
|
"default": false
|
|
@@ -68,7 +51,12 @@ var script = {
|
|
|
68
51
|
name: 'RadioButton',
|
|
69
52
|
"extends": script$1,
|
|
70
53
|
inheritAttrs: false,
|
|
71
|
-
emits: ['
|
|
54
|
+
emits: ['change', 'focus', 'blur'],
|
|
55
|
+
inject: {
|
|
56
|
+
$pcRadioButtonGroup: {
|
|
57
|
+
"default": undefined
|
|
58
|
+
}
|
|
59
|
+
},
|
|
72
60
|
methods: {
|
|
73
61
|
getPTOptions: function getPTOptions(key) {
|
|
74
62
|
var _ptm = key === 'root' ? this.ptmi : this.ptm;
|
|
@@ -82,7 +70,7 @@ var script = {
|
|
|
82
70
|
onChange: function onChange(event) {
|
|
83
71
|
if (!this.disabled && !this.readonly) {
|
|
84
72
|
var newModelValue = this.binary ? !this.checked : this.value;
|
|
85
|
-
this.$
|
|
73
|
+
this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.writeValue(newModelValue, event) : this.writeValue(newModelValue, event);
|
|
86
74
|
this.$emit('change', event);
|
|
87
75
|
}
|
|
88
76
|
},
|
|
@@ -90,12 +78,18 @@ var script = {
|
|
|
90
78
|
this.$emit('focus', event);
|
|
91
79
|
},
|
|
92
80
|
onBlur: function onBlur(event) {
|
|
81
|
+
var _this$formField$onBlu, _this$formField;
|
|
93
82
|
this.$emit('blur', event);
|
|
83
|
+
(_this$formField$onBlu = (_this$formField = this.formField).onBlur) === null || _this$formField$onBlu === void 0 || _this$formField$onBlu.call(_this$formField, event);
|
|
94
84
|
}
|
|
95
85
|
},
|
|
96
86
|
computed: {
|
|
87
|
+
groupName: function groupName() {
|
|
88
|
+
return this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.groupName : this.$formName;
|
|
89
|
+
},
|
|
97
90
|
checked: function checked() {
|
|
98
|
-
|
|
91
|
+
var value = this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.d_value : this.d_value;
|
|
92
|
+
return value != null && (this.binary ? !!value : equals(value, this.value));
|
|
99
93
|
}
|
|
100
94
|
}
|
|
101
95
|
};
|
|
@@ -114,7 +108,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
114
108
|
"class": [_ctx.cx('input'), _ctx.inputClass],
|
|
115
109
|
style: _ctx.inputStyle,
|
|
116
110
|
value: _ctx.value,
|
|
117
|
-
name:
|
|
111
|
+
name: $options.groupName,
|
|
118
112
|
checked: $options.checked,
|
|
119
113
|
tabindex: _ctx.tabindex,
|
|
120
114
|
disabled: _ctx.disabled,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/radiobutton/BaseRadioButton.vue","../../src/radiobutton/RadioButton.vue","../../src/radiobutton/RadioButton.vue?vue&type=template&id=18d96d6c&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport RadioButtonStyle from 'primevue/radiobutton/style';\n\nexport default {\n name: 'BaseRadioButton',\n extends: BaseComponent,\n props: {\n value: null,\n modelValue: null,\n binary: Boolean,\n name: {\n type: String,\n default: null\n },\n variant: {\n type: String,\n default: null\n },\n invalid: {\n type: Boolean,\n default: false\n },\n disabled: {\n type: Boolean,\n default: false\n },\n readonly: {\n type: Boolean,\n default: false\n },\n tabindex: {\n type: Number,\n default: null\n },\n inputId: {\n type: String,\n default: null\n },\n inputClass: {\n type: [String, Object],\n default: null\n },\n inputStyle: {\n type: Object,\n default: null\n },\n ariaLabelledby: {\n type: String,\n default: null\n },\n ariaLabel: {\n type: String,\n default: null\n }\n },\n style: RadioButtonStyle,\n provide() {\n return {\n $pcRadioButton: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"getPTOptions('root')\" :data-p-checked=\"checked\" :data-p-disabled=\"disabled\">\n <input\n :id=\"inputId\"\n type=\"radio\"\n :class=\"[cx('input'), inputClass]\"\n :style=\"inputStyle\"\n :value=\"value\"\n :name=\"name\"\n :checked=\"checked\"\n :tabindex=\"tabindex\"\n :disabled=\"disabled\"\n :readonly=\"readonly\"\n :aria-labelledby=\"ariaLabelledby\"\n :aria-label=\"ariaLabel\"\n :aria-invalid=\"invalid || undefined\"\n @focus=\"onFocus\"\n @blur=\"onBlur\"\n @change=\"onChange\"\n v-bind=\"getPTOptions('input')\"\n />\n <div :class=\"cx('box')\" v-bind=\"getPTOptions('box')\">\n <div :class=\"cx('icon')\" v-bind=\"getPTOptions('icon')\"></div>\n </div>\n </div>\n</template>\n\n<script>\nimport { equals } from '@primeuix/utils/object';\nimport BaseRadioButton from './BaseRadioButton.vue';\n\nexport default {\n name: 'RadioButton',\n extends: BaseRadioButton,\n inheritAttrs: false,\n emits: ['update:modelValue', 'change', 'focus', 'blur'],\n methods: {\n getPTOptions(key) {\n const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n return _ptm(key, {\n context: {\n checked: this.checked,\n disabled: this.disabled\n }\n });\n },\n onChange(event) {\n if (!this.disabled && !this.readonly) {\n const newModelValue = this.binary ? !this.checked : this.value;\n\n this.$emit('update:modelValue', newModelValue);\n this.$emit('change', event);\n }\n },\n onFocus(event) {\n this.$emit('focus', event);\n },\n onBlur(event) {\n this.$emit('blur', event);\n }\n },\n computed: {\n checked() {\n return this.modelValue != null && (this.binary ? !!this.modelValue : equals(this.modelValue, this.value));\n }\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"getPTOptions('root')\" :data-p-checked=\"checked\" :data-p-disabled=\"disabled\">\n <input\n :id=\"inputId\"\n type=\"radio\"\n :class=\"[cx('input'), inputClass]\"\n :style=\"inputStyle\"\n :value=\"value\"\n :name=\"name\"\n :checked=\"checked\"\n :tabindex=\"tabindex\"\n :disabled=\"disabled\"\n :readonly=\"readonly\"\n :aria-labelledby=\"ariaLabelledby\"\n :aria-label=\"ariaLabel\"\n :aria-invalid=\"invalid || undefined\"\n @focus=\"onFocus\"\n @blur=\"onBlur\"\n @change=\"onChange\"\n v-bind=\"getPTOptions('input')\"\n />\n <div :class=\"cx('box')\" v-bind=\"getPTOptions('box')\">\n <div :class=\"cx('icon')\" v-bind=\"getPTOptions('icon')\"></div>\n </div>\n </div>\n</template>\n\n<script>\nimport { equals } from '@primeuix/utils/object';\nimport BaseRadioButton from './BaseRadioButton.vue';\n\nexport default {\n name: 'RadioButton',\n extends: BaseRadioButton,\n inheritAttrs: false,\n emits: ['update:modelValue', 'change', 'focus', 'blur'],\n methods: {\n getPTOptions(key) {\n const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n return _ptm(key, {\n context: {\n checked: this.checked,\n disabled: this.disabled\n }\n });\n },\n onChange(event) {\n if (!this.disabled && !this.readonly) {\n const newModelValue = this.binary ? !this.checked : this.value;\n\n this.$emit('update:modelValue', newModelValue);\n this.$emit('change', event);\n }\n },\n onFocus(event) {\n this.$emit('focus', event);\n },\n onBlur(event) {\n this.$emit('blur', event);\n }\n },\n computed: {\n checked() {\n return this.modelValue != null && (this.binary ? !!this.modelValue : equals(this.modelValue, this.value));\n }\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","modelValue","binary","Boolean","type","String","variant","invalid","disabled","readonly","tabindex","Number","inputId","inputClass","Object","inputStyle","ariaLabelledby","ariaLabel","style","RadioButtonStyle","provide","$pcRadioButton","$parentInstance","BaseRadioButton","inheritAttrs","emits","methods","getPTOptions","key","_ptm","ptmi","ptm","context","checked","onChange","event","newModelValue","$emit","onFocus","onBlur","computed","equals","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","$options","_createElementVNode","id","undefined","apply","arguments","_hoisted_2"],"mappings":";;;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,iBAAiB;AACvB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE,IAAI;AACXC,IAAAA,UAAU,EAAE,IAAI;AAChBC,IAAAA,MAAM,EAAEC,OAAO;AACfN,IAAAA,IAAI,EAAE;AACFO,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,IAAA;KACZ;AACDC,IAAAA,OAAO,EAAE;AACLF,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,IAAA;KACZ;AACDE,IAAAA,OAAO,EAAE;AACLH,MAAAA,IAAI,EAAED,OAAO;MACb,SAAS,EAAA,KAAA;KACZ;AACDK,IAAAA,QAAQ,EAAE;AACNJ,MAAAA,IAAI,EAAED,OAAO;MACb,SAAS,EAAA,KAAA;KACZ;AACDM,IAAAA,QAAQ,EAAE;AACNL,MAAAA,IAAI,EAAED,OAAO;MACb,SAAS,EAAA,KAAA;KACZ;AACDO,IAAAA,QAAQ,EAAE;AACNN,MAAAA,IAAI,EAAEO,MAAM;MACZ,SAAS,EAAA,IAAA;KACZ;AACDC,IAAAA,OAAO,EAAE;AACLR,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,IAAA;KACZ;AACDQ,IAAAA,UAAU,EAAE;AACRT,MAAAA,IAAI,EAAE,CAACC,MAAM,EAAES,MAAM,CAAC;MACtB,SAAS,EAAA,IAAA;KACZ;AACDC,IAAAA,UAAU,EAAE;AACRX,MAAAA,IAAI,EAAEU,MAAM;MACZ,SAAS,EAAA,IAAA;KACZ;AACDE,IAAAA,cAAc,EAAE;AACZZ,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,IAAA;KACZ;AACDY,IAAAA,SAAS,EAAE;AACPb,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,IAAA;AACb,KAAA;GACH;AACDa,EAAAA,KAAK,EAAEC,gBAAgB;EACvBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,cAAc,EAAE,IAAI;AACpBC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;AChCD,aAAe;AACXzB,EAAAA,IAAI,EAAE,aAAa;AACnB,EAAA,SAAA,EAAS0B,QAAe;AACxBC,EAAAA,YAAY,EAAE,KAAK;EACnBC,KAAK,EAAE,CAAC,mBAAmB,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC;AACvDC,EAAAA,OAAO,EAAE;AACLC,IAAAA,YAAY,EAAZA,SAAAA,YAAYA,CAACC,GAAG,EAAE;AACd,MAAA,IAAMC,IAAG,GAAID,GAAI,KAAI,MAAK,GAAI,IAAI,CAACE,IAAK,GAAE,IAAI,CAACC,GAAG,CAAA;MAElD,OAAOF,IAAI,CAACD,GAAG,EAAE;AACbI,QAAAA,OAAO,EAAE;UACLC,OAAO,EAAE,IAAI,CAACA,OAAO;UACrBzB,QAAQ,EAAE,IAAI,CAACA,QAAAA;AACnB,SAAA;AACJ,OAAC,CAAC,CAAA;KACL;AACD0B,IAAAA,QAAQ,EAARA,SAAAA,QAAQA,CAACC,KAAK,EAAE;MACZ,IAAI,CAAC,IAAI,CAAC3B,QAAO,IAAK,CAAC,IAAI,CAACC,QAAQ,EAAE;AAClC,QAAA,IAAM2B,aAAY,GAAI,IAAI,CAAClC,MAAK,GAAI,CAAC,IAAI,CAAC+B,OAAM,GAAI,IAAI,CAACjC,KAAK,CAAA;AAE9D,QAAA,IAAI,CAACqC,KAAK,CAAC,mBAAmB,EAAED,aAAa,CAAC,CAAA;AAC9C,QAAA,IAAI,CAACC,KAAK,CAAC,QAAQ,EAAEF,KAAK,CAAC,CAAA;AAC/B,OAAA;KACH;AACDG,IAAAA,OAAO,EAAPA,SAAAA,OAAOA,CAACH,KAAK,EAAE;AACX,MAAA,IAAI,CAACE,KAAK,CAAC,OAAO,EAAEF,KAAK,CAAC,CAAA;KAC7B;AACDI,IAAAA,MAAM,EAANA,SAAAA,MAAMA,CAACJ,KAAK,EAAE;AACV,MAAA,IAAI,CAACE,KAAK,CAAC,MAAM,EAAEF,KAAK,CAAC,CAAA;AAC7B,KAAA;GACH;AACDK,EAAAA,QAAQ,EAAE;IACNP,OAAO,EAAA,SAAPA,OAAOA,GAAG;MACN,OAAO,IAAI,CAAChC,cAAc,SAAS,IAAI,CAACC,MAAK,GAAI,CAAC,CAAC,IAAI,CAACD,UAAS,GAAIwC,MAAM,CAAC,IAAI,CAACxC,UAAU,EAAE,IAAI,CAACD,KAAK,CAAC,CAAC,CAAA;AAC7G,KAAA;AACJ,GAAA;AACJ,CAAC;;;;;EClEG,OAAA0C,SAAA,EAAA,EAAAC,kBAAA,CAuBK,OAvBLC,UAuBK,CAAA;AAvBC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;KAAkBC,QAAY,CAAApB,YAAA,CAAA,MAAA,CAAA,EAAA;IAAW,gBAAc,EAAEoB,QAAO,CAAAd,OAAA;IAAG,iBAAe,EAAEY,IAAQ,CAAArC,QAAAA;OACvGwC,kBAAA,CAkBC,SAlBDJ,UAkBC,CAAA;IAjBIK,EAAE,EAAEJ,IAAO,CAAAjC,OAAA;AACZR,IAAAA,IAAI,EAAC,OAAM;IACV,OAAK,EAAA,CAAGyC,IAAE,CAAAC,EAAA,CAAA,OAAA,CAAA,EAAWD,IAAU,CAAAhC,UAAA,CAAA;IAC/BK,KAAK,EAAE2B,IAAU,CAAA9B,UAAA;IACjBf,KAAK,EAAE6C,IAAK,CAAA7C,KAAA;IACZH,IAAI,EAAEgD,IAAI,CAAAhD,IAAA;IACVoC,OAAO,EAAEc,QAAO,CAAAd,OAAA;IAChBvB,QAAQ,EAAEmC,IAAQ,CAAAnC,QAAA;IAClBF,QAAQ,EAAEqC,IAAQ,CAAArC,QAAA;IAClBC,QAAQ,EAAEoC,IAAQ,CAAApC,QAAA;IAClB,iBAAe,EAAEoC,IAAc,CAAA7B,cAAA;IAC/B,YAAU,EAAE6B,IAAS,CAAA5B,SAAA;AACrB,IAAA,cAAY,EAAE4B,IAAM,CAAAtC,OAAA,IAAK2C,SAAS;IAClCZ,OAAK;aAAES,QAAO,CAAAT,OAAA,IAAAS,QAAA,CAAAT,OAAA,CAAAa,KAAA,CAAAJ,QAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,KAAA,CAAA;IACdb,MAAI;aAAEQ,QAAM,CAAAR,MAAA,IAAAQ,QAAA,CAAAR,MAAA,CAAAY,KAAA,CAAAJ,QAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,KAAA,CAAA;IACZlB,QAAM;aAAEa,QAAQ,CAAAb,QAAA,IAAAa,QAAA,CAAAb,QAAA,CAAAiB,KAAA,CAAAJ,QAAA,EAAAK,SAAA,CAAA,CAAA;KAAA,CAAA;KACTL,QAAY,CAAApB,YAAA,CAAA,OAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,EAAA0B,UAAA,CAAA,EAExBL,kBAAA,CAEK,OAFLJ,UAEK,CAAA;AAFC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,KAAA,CAAA;KAAiBC,QAAY,CAAApB,YAAA,CAAA,KAAA,CAAA,CAAA,EAAA,CACxCqB,kBAAA,CAA4D,OAA5DJ,UAA4D,CAAA;AAAtD,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;KAAkBC,QAAY,CAAApB,YAAA,CAAA,MAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/radiobutton/BaseRadioButton.vue","../../src/radiobutton/RadioButton.vue","../../src/radiobutton/RadioButton.vue?vue&type=template&id=7e5ffc70&lang.js"],"sourcesContent":["<script>\nimport BaseInput from '@primevue/core/baseinput';\nimport RadioButtonStyle from 'primevue/radiobutton/style';\n\nexport default {\n name: 'BaseRadioButton',\n extends: BaseInput,\n props: {\n value: null,\n binary: Boolean,\n readonly: {\n type: Boolean,\n default: false\n },\n tabindex: {\n type: Number,\n default: null\n },\n inputId: {\n type: String,\n default: null\n },\n inputClass: {\n type: [String, Object],\n default: null\n },\n inputStyle: {\n type: Object,\n default: null\n },\n ariaLabelledby: {\n type: String,\n default: null\n },\n ariaLabel: {\n type: String,\n default: null\n }\n },\n style: RadioButtonStyle,\n provide() {\n return {\n $pcRadioButton: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"getPTOptions('root')\" :data-p-checked=\"checked\" :data-p-disabled=\"disabled\">\n <input\n :id=\"inputId\"\n type=\"radio\"\n :class=\"[cx('input'), inputClass]\"\n :style=\"inputStyle\"\n :value=\"value\"\n :name=\"groupName\"\n :checked=\"checked\"\n :tabindex=\"tabindex\"\n :disabled=\"disabled\"\n :readonly=\"readonly\"\n :aria-labelledby=\"ariaLabelledby\"\n :aria-label=\"ariaLabel\"\n :aria-invalid=\"invalid || undefined\"\n @focus=\"onFocus\"\n @blur=\"onBlur\"\n @change=\"onChange\"\n v-bind=\"getPTOptions('input')\"\n />\n <div :class=\"cx('box')\" v-bind=\"getPTOptions('box')\">\n <div :class=\"cx('icon')\" v-bind=\"getPTOptions('icon')\"></div>\n </div>\n </div>\n</template>\n\n<script>\nimport { equals } from '@primeuix/utils/object';\nimport BaseRadioButton from './BaseRadioButton.vue';\n\nexport default {\n name: 'RadioButton',\n extends: BaseRadioButton,\n inheritAttrs: false,\n emits: ['change', 'focus', 'blur'],\n inject: {\n $pcRadioButtonGroup: {\n default: undefined\n }\n },\n methods: {\n getPTOptions(key) {\n const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n return _ptm(key, {\n context: {\n checked: this.checked,\n disabled: this.disabled\n }\n });\n },\n onChange(event) {\n if (!this.disabled && !this.readonly) {\n const newModelValue = this.binary ? !this.checked : this.value;\n\n this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.writeValue(newModelValue, event) : this.writeValue(newModelValue, event);\n this.$emit('change', event);\n }\n },\n onFocus(event) {\n this.$emit('focus', event);\n },\n onBlur(event) {\n this.$emit('blur', event);\n this.formField.onBlur?.(event);\n }\n },\n computed: {\n groupName() {\n return this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.groupName : this.$formName;\n },\n checked() {\n const value = this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.d_value : this.d_value;\n\n return value != null && (this.binary ? !!value : equals(value, this.value));\n }\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"getPTOptions('root')\" :data-p-checked=\"checked\" :data-p-disabled=\"disabled\">\n <input\n :id=\"inputId\"\n type=\"radio\"\n :class=\"[cx('input'), inputClass]\"\n :style=\"inputStyle\"\n :value=\"value\"\n :name=\"groupName\"\n :checked=\"checked\"\n :tabindex=\"tabindex\"\n :disabled=\"disabled\"\n :readonly=\"readonly\"\n :aria-labelledby=\"ariaLabelledby\"\n :aria-label=\"ariaLabel\"\n :aria-invalid=\"invalid || undefined\"\n @focus=\"onFocus\"\n @blur=\"onBlur\"\n @change=\"onChange\"\n v-bind=\"getPTOptions('input')\"\n />\n <div :class=\"cx('box')\" v-bind=\"getPTOptions('box')\">\n <div :class=\"cx('icon')\" v-bind=\"getPTOptions('icon')\"></div>\n </div>\n </div>\n</template>\n\n<script>\nimport { equals } from '@primeuix/utils/object';\nimport BaseRadioButton from './BaseRadioButton.vue';\n\nexport default {\n name: 'RadioButton',\n extends: BaseRadioButton,\n inheritAttrs: false,\n emits: ['change', 'focus', 'blur'],\n inject: {\n $pcRadioButtonGroup: {\n default: undefined\n }\n },\n methods: {\n getPTOptions(key) {\n const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n return _ptm(key, {\n context: {\n checked: this.checked,\n disabled: this.disabled\n }\n });\n },\n onChange(event) {\n if (!this.disabled && !this.readonly) {\n const newModelValue = this.binary ? !this.checked : this.value;\n\n this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.writeValue(newModelValue, event) : this.writeValue(newModelValue, event);\n this.$emit('change', event);\n }\n },\n onFocus(event) {\n this.$emit('focus', event);\n },\n onBlur(event) {\n this.$emit('blur', event);\n this.formField.onBlur?.(event);\n }\n },\n computed: {\n groupName() {\n return this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.groupName : this.$formName;\n },\n checked() {\n const value = this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.d_value : this.d_value;\n\n return value != null && (this.binary ? !!value : equals(value, this.value));\n }\n }\n};\n</script>\n"],"names":["name","BaseInput","props","value","binary","Boolean","readonly","type","tabindex","Number","inputId","String","inputClass","Object","inputStyle","ariaLabelledby","ariaLabel","style","RadioButtonStyle","provide","$pcRadioButton","$parentInstance","BaseRadioButton","inheritAttrs","emits","inject","$pcRadioButtonGroup","undefined","methods","getPTOptions","key","_ptm","ptmi","ptm","context","checked","disabled","onChange","event","newModelValue","writeValue","$emit","onFocus","onBlur","_this$formField$onBlu","_this$formField","formField","call","computed","groupName","$formName","d_value","equals","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","$options","_createElementVNode","id","invalid","apply","arguments","_hoisted_2"],"mappings":";;;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,iBAAiB;AACvB,EAAA,SAAA,EAASC,SAAS;AAClBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE,IAAI;AACXC,IAAAA,MAAM,EAAEC,OAAO;AACfC,IAAAA,QAAQ,EAAE;AACNC,MAAAA,IAAI,EAAEF,OAAO;MACb,SAAS,EAAA;KACZ;AACDG,IAAAA,QAAQ,EAAE;AACND,MAAAA,IAAI,EAAEE,MAAM;MACZ,SAAS,EAAA;KACZ;AACDC,IAAAA,OAAO,EAAE;AACLH,MAAAA,IAAI,EAAEI,MAAM;MACZ,SAAS,EAAA;KACZ;AACDC,IAAAA,UAAU,EAAE;AACRL,MAAAA,IAAI,EAAE,CAACI,MAAM,EAAEE,MAAM,CAAC;MACtB,SAAS,EAAA;KACZ;AACDC,IAAAA,UAAU,EAAE;AACRP,MAAAA,IAAI,EAAEM,MAAM;MACZ,SAAS,EAAA;KACZ;AACDE,IAAAA,cAAc,EAAE;AACZR,MAAAA,IAAI,EAAEI,MAAM;MACZ,SAAS,EAAA;KACZ;AACDK,IAAAA,SAAS,EAAE;AACPT,MAAAA,IAAI,EAAEI,MAAM;MACZ,SAAS,EAAA;AACb;GACH;AACDM,EAAAA,KAAK,EAAEC,gBAAgB;EACvBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,cAAc,EAAE,IAAI;AACpBC,MAAAA,eAAe,EAAE;KACpB;AACL;AACJ,CAAC;;ACfD,aAAe;AACXrB,EAAAA,IAAI,EAAE,aAAa;AACnB,EAAA,SAAA,EAASsB,QAAe;AACxBC,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,KAAK,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC;AAClCC,EAAAA,MAAM,EAAE;AACJC,IAAAA,mBAAmB,EAAE;MACjB,SAASC,EAAAA;AACb;GACH;AACDC,EAAAA,OAAO,EAAE;AACLC,IAAAA,YAAY,EAAZA,SAAAA,YAAYA,CAACC,GAAG,EAAE;AACd,MAAA,IAAMC,IAAG,GAAID,GAAI,KAAI,MAAK,GAAI,IAAI,CAACE,IAAK,GAAE,IAAI,CAACC,GAAG;MAElD,OAAOF,IAAI,CAACD,GAAG,EAAE;AACbI,QAAAA,OAAO,EAAE;UACLC,OAAO,EAAE,IAAI,CAACA,OAAO;UACrBC,QAAQ,EAAE,IAAI,CAACA;AACnB;AACJ,OAAC,CAAC;KACL;AACDC,IAAAA,QAAQ,EAARA,SAAAA,QAAQA,CAACC,KAAK,EAAE;MACZ,IAAI,CAAC,IAAI,CAACF,QAAO,IAAK,CAAC,IAAI,CAAC9B,QAAQ,EAAE;AAClC,QAAA,IAAMiC,aAAY,GAAI,IAAI,CAACnC,MAAK,GAAI,CAAC,IAAI,CAAC+B,OAAM,GAAI,IAAI,CAAChC,KAAK;QAE9D,IAAI,CAACuB,mBAAoB,GAAE,IAAI,CAACA,mBAAmB,CAACc,UAAU,CAACD,aAAa,EAAED,KAAK,CAAA,GAAI,IAAI,CAACE,UAAU,CAACD,aAAa,EAAED,KAAK,CAAC;AAC5H,QAAA,IAAI,CAACG,KAAK,CAAC,QAAQ,EAAEH,KAAK,CAAC;AAC/B;KACH;AACDI,IAAAA,OAAO,EAAPA,SAAAA,OAAOA,CAACJ,KAAK,EAAE;AACX,MAAA,IAAI,CAACG,KAAK,CAAC,OAAO,EAAEH,KAAK,CAAC;KAC7B;AACDK,IAAAA,MAAM,EAANA,SAAAA,MAAMA,CAACL,KAAK,EAAE;MAAA,IAAAM,qBAAA,EAAAC,eAAA;AACV,MAAA,IAAI,CAACJ,KAAK,CAAC,MAAM,EAAEH,KAAK,CAAC;AACzB,MAAA,CAAAM,qBAAA,GAAAC,CAAAA,eAAA,OAAI,CAACC,SAAS,EAACH,MAAM,MAAA,IAAA,IAAAC,qBAAA,KAAA,KAAA,CAAA,IAArBA,qBAAA,CAAAG,IAAA,CAAAF,eAAA,EAAwBP,KAAK,CAAC;AAClC;GACH;AACDU,EAAAA,QAAQ,EAAE;IACNC,SAAS,EAAA,SAATA,SAASA,GAAG;AACR,MAAA,OAAO,IAAI,CAACvB,mBAAoB,GAAE,IAAI,CAACA,mBAAmB,CAACuB,SAAQ,GAAI,IAAI,CAACC,SAAS;KACxF;IACDf,OAAO,EAAA,SAAPA,OAAOA,GAAG;AACN,MAAA,IAAMhC,KAAM,GAAE,IAAI,CAACuB,sBAAsB,IAAI,CAACA,mBAAmB,CAACyB,OAAM,GAAI,IAAI,CAACA,OAAO;MAExF,OAAOhD,KAAI,IAAK,IAAG,KAAM,IAAI,CAACC,MAAO,GAAE,CAAC,CAACD,KAAM,GAAEiD,MAAM,CAACjD,KAAK,EAAE,IAAI,CAACA,KAAK,CAAC,CAAC;AAC/E;AACJ;AACJ,CAAC;;;;;EC7EG,OAAAkD,SAAA,EAAA,EAAAC,kBAAA,CAuBK,OAvBLC,UAuBK,CAAA;AAvBC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA;KAAkBC,QAAY,CAAA7B,YAAA,CAAA,MAAA,CAAA,EAAA;IAAW,gBAAc,EAAE6B,QAAO,CAAAvB,OAAA;IAAG,iBAAe,EAAEqB,IAAQ,CAAApB;OACvGuB,kBAAA,CAkBC,SAlBDJ,UAkBC,CAAA;IAjBIK,EAAE,EAAEJ,IAAO,CAAA9C,OAAA;AACZH,IAAAA,IAAI,EAAC,OAAM;IACV,OAAK,EAAA,CAAGiD,IAAE,CAAAC,EAAA,CAAA,OAAA,CAAA,EAAWD,IAAU,CAAA5C,UAAA,CAAA;IAC/BK,KAAK,EAAEuC,IAAU,CAAA1C,UAAA;IACjBX,KAAK,EAAEqD,IAAK,CAAArD,KAAA;IACZH,IAAI,EAAE0D,QAAS,CAAAT,SAAA;IACfd,OAAO,EAAEuB,QAAO,CAAAvB,OAAA;IAChB3B,QAAQ,EAAEgD,IAAQ,CAAAhD,QAAA;IAClB4B,QAAQ,EAAEoB,IAAQ,CAAApB,QAAA;IAClB9B,QAAQ,EAAEkD,IAAQ,CAAAlD,QAAA;IAClB,iBAAe,EAAEkD,IAAc,CAAAzC,cAAA;IAC/B,YAAU,EAAEyC,IAAS,CAAAxC,SAAA;AACrB,IAAA,cAAY,EAAEwC,IAAM,CAAAK,OAAA,IAAKlC,SAAS;IAClCe,OAAK;aAAEgB,QAAO,CAAAhB,OAAA,IAAAgB,QAAA,CAAAhB,OAAA,CAAAoB,KAAA,CAAAJ,QAAA,EAAAK,SAAA,CAAA;AAAA,KAAA,CAAA;IACdpB,MAAI;aAAEe,QAAM,CAAAf,MAAA,IAAAe,QAAA,CAAAf,MAAA,CAAAmB,KAAA,CAAAJ,QAAA,EAAAK,SAAA,CAAA;AAAA,KAAA,CAAA;IACZ1B,QAAM;aAAEqB,QAAQ,CAAArB,QAAA,IAAAqB,QAAA,CAAArB,QAAA,CAAAyB,KAAA,CAAAJ,QAAA,EAAAK,SAAA,CAAA;KAAA;KACTL,QAAY,CAAA7B,YAAA,CAAA,OAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,EAAAmC,UAAA,CAAA,EAExBL,kBAAA,CAEK,OAFLJ,UAEK,CAAA;AAFC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,KAAA;KAAiBC,QAAY,CAAA7B,YAAA,CAAA,KAAA,CAAA,CAAA,EAAA,CACxC8B,kBAAA,CAA4D,OAA5DJ,UAA4D,CAAA;AAAtD,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA;KAAkBC,QAAY,CAAA7B,YAAA,CAAA,MAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA;;;;;;;"}
|
|
@@ -2,7 +2,7 @@ import BaseStyle from '@primevue/core/base/style';
|
|
|
2
2
|
|
|
3
3
|
var theme = function theme(_ref) {
|
|
4
4
|
var dt = _ref.dt;
|
|
5
|
-
return "\n.p-radiobutton {\n position: relative;\n display: inline-flex;\n user-select: none;\n vertical-align: bottom;\n width: ".concat(dt('radiobutton.width'), ";\n height: ").concat(dt('radiobutton.height'), ";\n}\n\n.p-radiobutton-input {\n cursor: pointer;\n appearance: none;\n position: absolute;\n top: 0;\n
|
|
5
|
+
return "\n.p-radiobutton {\n position: relative;\n display: inline-flex;\n user-select: none;\n vertical-align: bottom;\n width: ".concat(dt('radiobutton.width'), ";\n height: ").concat(dt('radiobutton.height'), ";\n}\n\n.p-radiobutton-input {\n cursor: pointer;\n appearance: none;\n position: absolute;\n top: 0;\n inset-inline-start: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n opacity: 0;\n z-index: 1;\n outline: 0 none;\n border: 1px solid transparent;\n border-radius: 50%;\n}\n\n.p-radiobutton-box {\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n border: 1px solid ").concat(dt('radiobutton.border.color'), ";\n background: ").concat(dt('radiobutton.background'), ";\n width: ").concat(dt('radiobutton.width'), ";\n height: ").concat(dt('radiobutton.height'), ";\n transition: background ").concat(dt('radiobutton.transition.duration'), ", color ").concat(dt('radiobutton.transition.duration'), ", border-color ").concat(dt('radiobutton.transition.duration'), ", box-shadow ").concat(dt('radiobutton.transition.duration'), ", outline-color ").concat(dt('radiobutton.transition.duration'), ";\n outline-color: transparent;\n box-shadow: ").concat(dt('radiobutton.shadow'), ";\n}\n\n.p-radiobutton-icon {\n transition-duration: ").concat(dt('radiobutton.transition.duration'), ";\n background: transparent;\n font-size: ").concat(dt('radiobutton.icon.size'), ";\n width: ").concat(dt('radiobutton.icon.size'), ";\n height: ").concat(dt('radiobutton.icon.size'), ";\n border-radius: 50%;\n backface-visibility: hidden;\n transform: translateZ(0) scale(0.1);\n}\n\n.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {\n border-color: ").concat(dt('radiobutton.hover.border.color'), ";\n}\n\n.p-radiobutton-checked .p-radiobutton-box {\n border-color: ").concat(dt('radiobutton.checked.border.color'), ";\n background: ").concat(dt('radiobutton.checked.background'), ";\n}\n\n.p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon {\n background: ").concat(dt('radiobutton.icon.checked.color'), ";\n transform: translateZ(0) scale(1, 1);\n visibility: visible;\n}\n\n.p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {\n border-color: ").concat(dt('radiobutton.checked.hover.border.color'), ";\n background: ").concat(dt('radiobutton.checked.hover.background'), ";\n}\n\n.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon {\n background: ").concat(dt('radiobutton.icon.checked.hover.color'), ";\n}\n\n.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {\n border-color: ").concat(dt('radiobutton.focus.border.color'), ";\n box-shadow: ").concat(dt('radiobutton.focus.ring.shadow'), ";\n outline: ").concat(dt('radiobutton.focus.ring.width'), " ").concat(dt('radiobutton.focus.ring.style'), " ").concat(dt('radiobutton.focus.ring.color'), ";\n outline-offset: ").concat(dt('radiobutton.focus.ring.offset'), ";\n}\n\n.p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {\n border-color: ").concat(dt('radiobutton.checked.focus.border.color'), ";\n}\n\n.p-radiobutton.p-invalid > .p-radiobutton-box {\n border-color: ").concat(dt('radiobutton.invalid.border.color'), ";\n}\n\n.p-radiobutton.p-variant-filled .p-radiobutton-box {\n background: ").concat(dt('radiobutton.filled.background'), ";\n}\n\n.p-radiobutton.p-variant-filled.p-radiobutton-checked .p-radiobutton-box {\n background: ").concat(dt('radiobutton.checked.background'), ";\n}\n\n.p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-radiobutton-checked .p-radiobutton-box {\n background: ").concat(dt('radiobutton.checked.hover.background'), ";\n}\n\n.p-radiobutton.p-disabled {\n opacity: 1;\n}\n\n.p-radiobutton.p-disabled .p-radiobutton-box {\n background: ").concat(dt('radiobutton.disabled.background'), ";\n border-color: ").concat(dt('radiobutton.checked.disabled.border.color'), ";\n}\n\n.p-radiobutton-checked.p-disabled .p-radiobutton-box .p-radiobutton-icon {\n background: ").concat(dt('radiobutton.icon.disabled.color'), ";\n}\n\n.p-radiobutton-sm,\n.p-radiobutton-sm .p-radiobutton-box {\n width: ").concat(dt('radiobutton.sm.width'), ";\n height: ").concat(dt('radiobutton.sm.height'), ";\n}\n\n.p-radiobutton-sm .p-radiobutton-icon {\n font-size: ").concat(dt('radiobutton.icon.sm.size'), ";\n width: ").concat(dt('radiobutton.icon.sm.size'), ";\n height: ").concat(dt('radiobutton.icon.sm.size'), ";\n}\n\n.p-radiobutton-lg,\n.p-radiobutton-lg .p-radiobutton-box {\n width: ").concat(dt('radiobutton.lg.width'), ";\n height: ").concat(dt('radiobutton.lg.height'), ";\n}\n\n.p-radiobutton-lg .p-radiobutton-icon {\n font-size: ").concat(dt('radiobutton.icon.lg.size'), ";\n width: ").concat(dt('radiobutton.icon.lg.size'), ";\n height: ").concat(dt('radiobutton.icon.lg.size'), ";\n}\n");
|
|
6
6
|
};
|
|
7
7
|
var classes = {
|
|
8
8
|
root: function root(_ref2) {
|
|
@@ -11,8 +11,10 @@ var classes = {
|
|
|
11
11
|
return ['p-radiobutton p-component', {
|
|
12
12
|
'p-radiobutton-checked': instance.checked,
|
|
13
13
|
'p-disabled': props.disabled,
|
|
14
|
-
'p-invalid':
|
|
15
|
-
'p-variant-filled':
|
|
14
|
+
'p-invalid': instance.$pcRadioButtonGroup ? instance.$pcRadioButtonGroup.$invalid : instance.$invalid,
|
|
15
|
+
'p-variant-filled': instance.$variant === 'filled',
|
|
16
|
+
'p-radiobutton-sm p-inputfield-sm': props.size === 'small',
|
|
17
|
+
'p-radiobutton-lg p-inputfield-lg': props.size === 'large'
|
|
16
18
|
}];
|
|
17
19
|
},
|
|
18
20
|
box: 'p-radiobutton-box',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../src/radiobutton/style/RadioButtonStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-radiobutton {\n position: relative;\n display: inline-flex;\n user-select: none;\n vertical-align: bottom;\n width: ${dt('radiobutton.width')};\n height: ${dt('radiobutton.height')};\n}\n\n.p-radiobutton-input {\n cursor: pointer;\n appearance: none;\n position: absolute;\n top: 0;\n
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/radiobutton/style/RadioButtonStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-radiobutton {\n position: relative;\n display: inline-flex;\n user-select: none;\n vertical-align: bottom;\n width: ${dt('radiobutton.width')};\n height: ${dt('radiobutton.height')};\n}\n\n.p-radiobutton-input {\n cursor: pointer;\n appearance: none;\n position: absolute;\n top: 0;\n inset-inline-start: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n opacity: 0;\n z-index: 1;\n outline: 0 none;\n border: 1px solid transparent;\n border-radius: 50%;\n}\n\n.p-radiobutton-box {\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n border: 1px solid ${dt('radiobutton.border.color')};\n background: ${dt('radiobutton.background')};\n width: ${dt('radiobutton.width')};\n height: ${dt('radiobutton.height')};\n transition: background ${dt('radiobutton.transition.duration')}, color ${dt('radiobutton.transition.duration')}, border-color ${dt('radiobutton.transition.duration')}, box-shadow ${dt('radiobutton.transition.duration')}, outline-color ${dt(\n 'radiobutton.transition.duration'\n)};\n outline-color: transparent;\n box-shadow: ${dt('radiobutton.shadow')};\n}\n\n.p-radiobutton-icon {\n transition-duration: ${dt('radiobutton.transition.duration')};\n background: transparent;\n font-size: ${dt('radiobutton.icon.size')};\n width: ${dt('radiobutton.icon.size')};\n height: ${dt('radiobutton.icon.size')};\n border-radius: 50%;\n backface-visibility: hidden;\n transform: translateZ(0) scale(0.1);\n}\n\n.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {\n border-color: ${dt('radiobutton.hover.border.color')};\n}\n\n.p-radiobutton-checked .p-radiobutton-box {\n border-color: ${dt('radiobutton.checked.border.color')};\n background: ${dt('radiobutton.checked.background')};\n}\n\n.p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon {\n background: ${dt('radiobutton.icon.checked.color')};\n transform: translateZ(0) scale(1, 1);\n visibility: visible;\n}\n\n.p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {\n border-color: ${dt('radiobutton.checked.hover.border.color')};\n background: ${dt('radiobutton.checked.hover.background')};\n}\n\n.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon {\n background: ${dt('radiobutton.icon.checked.hover.color')};\n}\n\n.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {\n border-color: ${dt('radiobutton.focus.border.color')};\n box-shadow: ${dt('radiobutton.focus.ring.shadow')};\n outline: ${dt('radiobutton.focus.ring.width')} ${dt('radiobutton.focus.ring.style')} ${dt('radiobutton.focus.ring.color')};\n outline-offset: ${dt('radiobutton.focus.ring.offset')};\n}\n\n.p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {\n border-color: ${dt('radiobutton.checked.focus.border.color')};\n}\n\n.p-radiobutton.p-invalid > .p-radiobutton-box {\n border-color: ${dt('radiobutton.invalid.border.color')};\n}\n\n.p-radiobutton.p-variant-filled .p-radiobutton-box {\n background: ${dt('radiobutton.filled.background')};\n}\n\n.p-radiobutton.p-variant-filled.p-radiobutton-checked .p-radiobutton-box {\n background: ${dt('radiobutton.checked.background')};\n}\n\n.p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-radiobutton-checked .p-radiobutton-box {\n background: ${dt('radiobutton.checked.hover.background')};\n}\n\n.p-radiobutton.p-disabled {\n opacity: 1;\n}\n\n.p-radiobutton.p-disabled .p-radiobutton-box {\n background: ${dt('radiobutton.disabled.background')};\n border-color: ${dt('radiobutton.checked.disabled.border.color')};\n}\n\n.p-radiobutton-checked.p-disabled .p-radiobutton-box .p-radiobutton-icon {\n background: ${dt('radiobutton.icon.disabled.color')};\n}\n\n.p-radiobutton-sm,\n.p-radiobutton-sm .p-radiobutton-box {\n width: ${dt('radiobutton.sm.width')};\n height: ${dt('radiobutton.sm.height')};\n}\n\n.p-radiobutton-sm .p-radiobutton-icon {\n font-size: ${dt('radiobutton.icon.sm.size')};\n width: ${dt('radiobutton.icon.sm.size')};\n height: ${dt('radiobutton.icon.sm.size')};\n}\n\n.p-radiobutton-lg,\n.p-radiobutton-lg .p-radiobutton-box {\n width: ${dt('radiobutton.lg.width')};\n height: ${dt('radiobutton.lg.height')};\n}\n\n.p-radiobutton-lg .p-radiobutton-icon {\n font-size: ${dt('radiobutton.icon.lg.size')};\n width: ${dt('radiobutton.icon.lg.size')};\n height: ${dt('radiobutton.icon.lg.size')};\n}\n`;\n\nconst classes = {\n root: ({ instance, props }) => [\n 'p-radiobutton p-component',\n {\n 'p-radiobutton-checked': instance.checked,\n 'p-disabled': props.disabled,\n 'p-invalid': instance.$pcRadioButtonGroup ? instance.$pcRadioButtonGroup.$invalid : instance.$invalid,\n 'p-variant-filled': instance.$variant === 'filled',\n 'p-radiobutton-sm p-inputfield-sm': props.size === 'small',\n 'p-radiobutton-lg p-inputfield-lg': props.size === 'large'\n }\n ],\n box: 'p-radiobutton-box',\n input: 'p-radiobutton-input',\n icon: 'p-radiobutton-icon'\n};\n\nexport default BaseStyle.extend({\n name: 'radiobutton',\n theme,\n classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","checked","disabled","$pcRadioButtonGroup","$invalid","$variant","size","box","input","icon","BaseStyle","extend","name"],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script>
|
|
2
|
+
import BaseEditableHolder from '@primevue/core/baseeditableholder';
|
|
3
|
+
import RadioButtonGroupStyle from 'primevue/radiobuttongroup/style';
|
|
4
|
+
|
|
5
|
+
export default {
|
|
6
|
+
name: 'BaseRadioButtonGroup',
|
|
7
|
+
extends: BaseEditableHolder,
|
|
8
|
+
style: RadioButtonGroupStyle,
|
|
9
|
+
provide() {
|
|
10
|
+
return {
|
|
11
|
+
$pcRadioButtonGroup: this,
|
|
12
|
+
$parentInstance: this
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
</script>
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div :class="cx('root')" v-bind="ptmi('root')">
|
|
3
|
+
<slot />
|
|
4
|
+
</div>
|
|
5
|
+
</template>
|
|
6
|
+
|
|
7
|
+
<script>
|
|
8
|
+
import { uuid } from '@primeuix/utils';
|
|
9
|
+
import BaseRadioButtonGroup from './BaseRadioButtonGroup.vue';
|
|
10
|
+
|
|
11
|
+
export default {
|
|
12
|
+
name: 'RadioButtonGroup',
|
|
13
|
+
extends: BaseRadioButtonGroup,
|
|
14
|
+
inheritAttrs: false,
|
|
15
|
+
data() {
|
|
16
|
+
return {
|
|
17
|
+
groupName: this.name
|
|
18
|
+
};
|
|
19
|
+
},
|
|
20
|
+
watch: {
|
|
21
|
+
name(newValue) {
|
|
22
|
+
this.groupName = newValue || uuid('radiobutton-group-');
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
mounted() {
|
|
26
|
+
this.groupName = this.groupName || uuid('radiobutton-group-');
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
</script>
|
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* RadioButtonGroup is a component that groups multiple radio buttons, allowing users to select only one option from the group.
|
|
4
|
+
*
|
|
5
|
+
* [Live Demo](https://www.primevue.org/radiobutton/)
|
|
6
|
+
*
|
|
7
|
+
* @module radiobuttongroup
|
|
8
|
+
*
|
|
9
|
+
*/
|
|
10
|
+
import type { DefineComponent, DesignToken, EmitFn, PassThrough } from '@primevue/core';
|
|
11
|
+
import type { ComponentHooks } from '@primevue/core/basecomponent';
|
|
12
|
+
import type { PassThroughOptions } from 'primevue/passthrough';
|
|
13
|
+
import { VNode } from 'vue';
|
|
14
|
+
|
|
15
|
+
export declare type RadioButtonGroupPassThroughOptionType = RadioButtonGroupPassThroughAttributes | ((options: RadioButtonGroupPassThroughMethodOptions) => RadioButtonGroupPassThroughAttributes | string) | string | null | undefined;
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* Custom passthrough(pt) option method.
|
|
19
|
+
*/
|
|
20
|
+
export interface RadioButtonGroupPassThroughMethodOptions {
|
|
21
|
+
/**
|
|
22
|
+
* Defines instance.
|
|
23
|
+
*/
|
|
24
|
+
instance: any;
|
|
25
|
+
/**
|
|
26
|
+
* Defines valid properties.
|
|
27
|
+
*/
|
|
28
|
+
props: RadioButtonGroupProps;
|
|
29
|
+
/**
|
|
30
|
+
* Defines valid attributes.
|
|
31
|
+
*/
|
|
32
|
+
attrs: any;
|
|
33
|
+
/**
|
|
34
|
+
* Defines parent options.
|
|
35
|
+
*/
|
|
36
|
+
parent: any;
|
|
37
|
+
/**
|
|
38
|
+
* Defines passthrough(pt) options in global config.
|
|
39
|
+
*/
|
|
40
|
+
global: object | undefined;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
/**
|
|
44
|
+
* Custom passthrough(pt) options.
|
|
45
|
+
* @see {@link RadioButtonGroupProps.pt}
|
|
46
|
+
*/
|
|
47
|
+
export interface RadioButtonGroupPassThroughOptions {
|
|
48
|
+
/**
|
|
49
|
+
* Used to pass attributes to the root's DOM element.
|
|
50
|
+
*/
|
|
51
|
+
root?: RadioButtonGroupPassThroughOptionType;
|
|
52
|
+
/**
|
|
53
|
+
* Used to manage all lifecycle hooks.
|
|
54
|
+
* @see {@link BaseComponent.ComponentHooks}
|
|
55
|
+
*/
|
|
56
|
+
hooks?: ComponentHooks;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
/**
|
|
60
|
+
* Custom passthrough attributes for each DOM elements
|
|
61
|
+
*/
|
|
62
|
+
export interface RadioButtonGroupPassThroughAttributes {
|
|
63
|
+
[key: string]: any;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
/**
|
|
67
|
+
* Defines valid properties in RadioButtonGroup component.
|
|
68
|
+
*/
|
|
69
|
+
export interface RadioButtonGroupProps {
|
|
70
|
+
/**
|
|
71
|
+
* Value binding of the radiobuttons.
|
|
72
|
+
*/
|
|
73
|
+
modelValue?: any;
|
|
74
|
+
/**
|
|
75
|
+
* Default values of the radiobuttons in uncontrolled mode.
|
|
76
|
+
*/
|
|
77
|
+
defaultValue?: any;
|
|
78
|
+
/**
|
|
79
|
+
* Name of the input elements.
|
|
80
|
+
*/
|
|
81
|
+
name?: string | undefined;
|
|
82
|
+
/**
|
|
83
|
+
* When present, it specifies that the component should have invalid state style.
|
|
84
|
+
* @defaultValue false
|
|
85
|
+
*/
|
|
86
|
+
invalid?: boolean | undefined;
|
|
87
|
+
/**
|
|
88
|
+
* Used to set form control options.
|
|
89
|
+
*/
|
|
90
|
+
formControl?: any;
|
|
91
|
+
/**
|
|
92
|
+
* It generates scoped CSS variables using design tokens for the component.
|
|
93
|
+
*/
|
|
94
|
+
dt?: DesignToken<any>;
|
|
95
|
+
/**
|
|
96
|
+
* Used to pass attributes to DOM elements inside the component.
|
|
97
|
+
* @type {RadioButtonGroupPassThroughOptions}
|
|
98
|
+
*/
|
|
99
|
+
pt?: PassThrough<RadioButtonGroupPassThroughOptions>;
|
|
100
|
+
/**
|
|
101
|
+
* Used to configure passthrough(pt) options of the component.
|
|
102
|
+
* @type {PassThroughOptions}
|
|
103
|
+
*/
|
|
104
|
+
ptOptions?: PassThroughOptions;
|
|
105
|
+
/**
|
|
106
|
+
* When enabled, it removes component related styles in the core.
|
|
107
|
+
* @defaultValue false
|
|
108
|
+
*/
|
|
109
|
+
unstyled?: boolean;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
/**
|
|
113
|
+
* Defines valid slots in RadioButtonGroup component.
|
|
114
|
+
*/
|
|
115
|
+
export interface RadioButtonGroupSlots {
|
|
116
|
+
/**
|
|
117
|
+
* Default content slot.
|
|
118
|
+
*/
|
|
119
|
+
default: () => VNode[];
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
/**
|
|
123
|
+
* Defines valid emits in RadioButtonGroup component.
|
|
124
|
+
*/
|
|
125
|
+
export interface RadioButtonGroupEmitsOptions {
|
|
126
|
+
/**
|
|
127
|
+
* Emitted when the value changes.
|
|
128
|
+
* @param {*} value - New value.
|
|
129
|
+
*/
|
|
130
|
+
'update:modelValue'(value: any): void;
|
|
131
|
+
/**
|
|
132
|
+
* Emitted when the value changes in uncontrolled mode.
|
|
133
|
+
* @param {*} value - New value.
|
|
134
|
+
*/
|
|
135
|
+
'value-change'(value: any): void;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
export declare type RadioButtonGroupEmits = EmitFn<RadioButtonGroupEmitsOptions>;
|
|
139
|
+
|
|
140
|
+
/**
|
|
141
|
+
* **PrimeVue - RadioButtonGroup**
|
|
142
|
+
*
|
|
143
|
+
* _RadioButtonGroup is a component that groups multiple radio buttons, allowing users to select only one option from the group._
|
|
144
|
+
*
|
|
145
|
+
* [Live Demo](https://www.primevue.org/radiobutton/)
|
|
146
|
+
* --- ---
|
|
147
|
+
* 
|
|
148
|
+
*
|
|
149
|
+
* @group Component
|
|
150
|
+
*
|
|
151
|
+
*/
|
|
152
|
+
declare const RadioButtonGroup: DefineComponent<RadioButtonGroupProps, RadioButtonGroupSlots, RadioButtonGroupEmits>;
|
|
153
|
+
|
|
154
|
+
declare module 'vue' {
|
|
155
|
+
export interface GlobalComponents {
|
|
156
|
+
RadioButtonGroup: DefineComponent<RadioButtonGroupProps, RadioButtonGroupSlots, RadioButtonGroupEmits>;
|
|
157
|
+
}
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
export default RadioButtonGroup;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { uuid } from '@primeuix/utils';
|
|
2
|
+
import BaseEditableHolder from '@primevue/core/baseeditableholder';
|
|
3
|
+
import RadioButtonGroupStyle from 'primevue/radiobuttongroup/style';
|
|
4
|
+
import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
|
|
5
|
+
|
|
6
|
+
var script$1 = {
|
|
7
|
+
name: 'BaseRadioButtonGroup',
|
|
8
|
+
"extends": BaseEditableHolder,
|
|
9
|
+
style: RadioButtonGroupStyle,
|
|
10
|
+
provide: function provide() {
|
|
11
|
+
return {
|
|
12
|
+
$pcRadioButtonGroup: this,
|
|
13
|
+
$parentInstance: this
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
var script = {
|
|
19
|
+
name: 'RadioButtonGroup',
|
|
20
|
+
"extends": script$1,
|
|
21
|
+
inheritAttrs: false,
|
|
22
|
+
data: function data() {
|
|
23
|
+
return {
|
|
24
|
+
groupName: this.name
|
|
25
|
+
};
|
|
26
|
+
},
|
|
27
|
+
watch: {
|
|
28
|
+
name: function name(newValue) {
|
|
29
|
+
this.groupName = newValue || uuid('radiobutton-group-');
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
mounted: function mounted() {
|
|
33
|
+
this.groupName = this.groupName || uuid('radiobutton-group-');
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
38
|
+
return openBlock(), createElementBlock("div", mergeProps({
|
|
39
|
+
"class": _ctx.cx('root')
|
|
40
|
+
}, _ctx.ptmi('root')), [renderSlot(_ctx.$slots, "default")], 16);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
script.render = render;
|
|
44
|
+
|
|
45
|
+
export { script as default };
|
|
46
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/radiobuttongroup/BaseRadioButtonGroup.vue","../../src/radiobuttongroup/RadioButtonGroup.vue","../../src/radiobuttongroup/RadioButtonGroup.vue?vue&type=template&id=7258f444&lang.js"],"sourcesContent":["<script>\nimport BaseEditableHolder from '@primevue/core/baseeditableholder';\nimport RadioButtonGroupStyle from 'primevue/radiobuttongroup/style';\n\nexport default {\n name: 'BaseRadioButtonGroup',\n extends: BaseEditableHolder,\n style: RadioButtonGroupStyle,\n provide() {\n return {\n $pcRadioButtonGroup: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <slot />\n </div>\n</template>\n\n<script>\nimport { uuid } from '@primeuix/utils';\nimport BaseRadioButtonGroup from './BaseRadioButtonGroup.vue';\n\nexport default {\n name: 'RadioButtonGroup',\n extends: BaseRadioButtonGroup,\n inheritAttrs: false,\n data() {\n return {\n groupName: this.name\n };\n },\n watch: {\n name(newValue) {\n this.groupName = newValue || uuid('radiobutton-group-');\n }\n },\n mounted() {\n this.groupName = this.groupName || uuid('radiobutton-group-');\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <slot />\n </div>\n</template>\n\n<script>\nimport { uuid } from '@primeuix/utils';\nimport BaseRadioButtonGroup from './BaseRadioButtonGroup.vue';\n\nexport default {\n name: 'RadioButtonGroup',\n extends: BaseRadioButtonGroup,\n inheritAttrs: false,\n data() {\n return {\n groupName: this.name\n };\n },\n watch: {\n name(newValue) {\n this.groupName = newValue || uuid('radiobutton-group-');\n }\n },\n mounted() {\n this.groupName = this.groupName || uuid('radiobutton-group-');\n }\n};\n</script>\n"],"names":["name","BaseEditableHolder","style","RadioButtonGroupStyle","provide","$pcRadioButtonGroup","$parentInstance","BaseRadioButtonGroup","inheritAttrs","data","groupName","watch","newValue","uuid","mounted","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_renderSlot","$slots"],"mappings":";;;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,sBAAsB;AAC5B,EAAA,SAAA,EAASC,kBAAkB;AAC3BC,EAAAA,KAAK,EAAEC,qBAAqB;EAC5BC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,mBAAmB,EAAE,IAAI;AACzBC,MAAAA,eAAe,EAAE;KACpB;AACL;AACJ,CAAC;;ACJD,aAAe;AACXN,EAAAA,IAAI,EAAE,kBAAkB;AACxB,EAAA,SAAA,EAASO,QAAoB;AAC7BC,EAAAA,YAAY,EAAE,KAAK;EACnBC,IAAI,EAAA,SAAJA,IAAIA,GAAG;IACH,OAAO;MACHC,SAAS,EAAE,IAAI,CAACV;KACnB;GACJ;AACDW,EAAAA,KAAK,EAAE;AACHX,IAAAA,IAAI,EAAJA,SAAAA,IAAIA,CAACY,QAAQ,EAAE;MACX,IAAI,CAACF,SAAU,GAAEE,QAAO,IAAKC,IAAI,CAAC,oBAAoB,CAAC;AAC3D;GACH;EACDC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,IAAI,CAACJ,YAAY,IAAI,CAACA,aAAaG,IAAI,CAAC,oBAAoB,CAAC;AACjE;AACJ,CAAC;;;EC1BG,OAAAE,SAAA,EAAA,EAAAC,kBAAA,CAEK,OAFLC,UAEK,CAAA;AAFC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA;KAAkBD,IAAI,CAAAE,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CACjCC,UAAO,CAAAH,IAAA,CAAAI,MAAA,EAAA,SAAA,CAAA;;;;;;;"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* RadioButtonGroup is a component that groups multiple radio buttons, allowing users to select only one option from the group.
|
|
4
|
+
*
|
|
5
|
+
* [Live Demo](https://www.primevue.org/radiobuttongroup/)
|
|
6
|
+
*
|
|
7
|
+
* @module radiobuttongroupstyle
|
|
8
|
+
*
|
|
9
|
+
*/
|
|
10
|
+
import type { BaseStyle } from '@primevue/core/base/style';
|
|
11
|
+
|
|
12
|
+
export enum RadioButtonGroupClasses {
|
|
13
|
+
/**
|
|
14
|
+
* Class name of the root element
|
|
15
|
+
*/
|
|
16
|
+
root = 'p-radiobutton-group'
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export interface RadioButtonGroupStyle extends BaseStyle {}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import BaseStyle from '@primevue/core/base/style';
|
|
2
|
+
|
|
3
|
+
var theme = function theme(_ref) {
|
|
4
|
+
_ref.dt;
|
|
5
|
+
return "\n.p-radiobutton-group {\n display: inline-flex;\n}\n";
|
|
6
|
+
};
|
|
7
|
+
var classes = {
|
|
8
|
+
root: 'p-radiobutton-group p-component'
|
|
9
|
+
};
|
|
10
|
+
var RadioButtonGroupStyle = BaseStyle.extend({
|
|
11
|
+
name: 'radiobuttongroup',
|
|
12
|
+
theme: theme,
|
|
13
|
+
classes: classes
|
|
14
|
+
});
|
|
15
|
+
|
|
16
|
+
export { RadioButtonGroupStyle as default };
|
|
17
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/radiobuttongroup/style/RadioButtonGroupStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-radiobutton-group {\n display: inline-flex;\n}\n`;\n\nconst classes = {\n root: 'p-radiobutton-group p-component'\n};\n\nexport default BaseStyle.extend({\n name: 'radiobuttongroup',\n theme,\n classes\n});\n"],"names":["theme","_ref","dt","classes","root","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAQA,IAAA,CAAFC;AAAE,EAAA,OAAA,0DAAA;AAAA,CAIlB;AAED,IAAMC,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE;AACV,CAAC;AAED,4BAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,kBAAkB;AACxBP,EAAAA,KAAK,EAALA,KAAK;AACLG,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}
|
package/rating/BaseRating.vue
CHANGED
|
@@ -1,19 +1,11 @@
|
|
|
1
1
|
<script>
|
|
2
|
-
import
|
|
2
|
+
import BaseEditableHolder from '@primevue/core/baseeditableholder';
|
|
3
3
|
import RatingStyle from 'primevue/rating/style';
|
|
4
4
|
|
|
5
5
|
export default {
|
|
6
6
|
name: 'BaseRating',
|
|
7
|
-
extends:
|
|
7
|
+
extends: BaseEditableHolder,
|
|
8
8
|
props: {
|
|
9
|
-
modelValue: {
|
|
10
|
-
type: Number,
|
|
11
|
-
default: null
|
|
12
|
-
},
|
|
13
|
-
disabled: {
|
|
14
|
-
type: Boolean,
|
|
15
|
-
default: false
|
|
16
|
-
},
|
|
17
9
|
readonly: {
|
|
18
10
|
type: Boolean,
|
|
19
11
|
default: false
|