primevue 3.22.4 → 3.24.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/LICENSE.md +1 -1
- package/README.md +13 -13
- package/accordion/Accordion.d.ts +53 -21
- package/accordiontab/AccordionTab.d.ts +33 -12
- package/autocomplete/AutoComplete.d.ts +111 -84
- package/avatar/Avatar.d.ts +38 -25
- package/avatar/Avatar.vue +1 -1
- package/avatar/avatar.cjs.js +2 -1
- package/avatar/avatar.cjs.min.js +1 -1
- package/avatar/avatar.esm.js +2 -1
- package/avatar/avatar.esm.min.js +1 -1
- package/avatar/avatar.js +2 -1
- package/avatar/avatar.min.js +1 -1
- package/avatargroup/AvatarGroup.d.ts +30 -14
- package/badge/Badge.d.ts +34 -20
- package/badge/Badge.vue +16 -5
- package/badge/badge.cjs.js +15 -5
- package/badge/badge.cjs.min.js +1 -1
- package/badge/badge.esm.js +15 -5
- package/badge/badge.esm.min.js +1 -1
- package/badge/badge.js +16 -7
- package/badge/badge.min.js +1 -1
- package/badgedirective/BadgeDirective.d.ts +60 -1
- package/blockui/BlockUI.d.ts +36 -16
- package/breadcrumb/Breadcrumb.d.ts +37 -20
- package/breadcrumb/Breadcrumb.vue +1 -1
- package/breadcrumb/breadcrumb.cjs.js +2 -1
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +2 -1
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +2 -1
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/button/Button.d.ts +74 -17
- package/button/Button.vue +51 -8
- package/button/button.cjs.js +51 -8
- package/button/button.cjs.min.js +1 -1
- package/button/button.esm.js +51 -8
- package/button/button.esm.min.js +1 -1
- package/button/button.js +51 -8
- package/button/button.min.js +1 -1
- package/calendar/Calendar.d.ts +112 -77
- package/calendar/Calendar.vue +4 -4
- package/calendar/calendar.cjs.js +4 -4
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +4 -4
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +4 -4
- package/calendar/calendar.min.js +1 -1
- package/card/Card.d.ts +35 -15
- package/carousel/Carousel.d.ts +47 -29
- package/cascadeselect/CascadeSelect.d.ts +70 -59
- package/chart/Chart.d.ts +41 -23
- package/checkbox/Checkbox.d.ts +39 -15
- package/checkbox/Checkbox.vue +1 -1
- package/checkbox/checkbox.cjs.js +1 -1
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.esm.js +1 -1
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +1 -1
- package/checkbox/checkbox.min.js +1 -1
- package/chip/Chip.d.ts +35 -14
- package/chips/Chips.d.ts +45 -20
- package/colorpicker/ColorPicker.d.ts +46 -28
- package/column/Column.d.ts +81 -65
- package/columngroup/ColumnGroup.d.ts +29 -13
- package/config/PrimeVue.d.ts +1 -2
- package/config/config.cjs.js +20 -2
- package/config/config.cjs.min.js +1 -1
- package/config/config.esm.js +20 -2
- package/config/config.esm.min.js +1 -1
- package/config/config.js +20 -2
- package/config/config.min.js +1 -1
- package/confirmationoptions/ConfirmationOptions.d.ts +15 -6
- package/confirmationservice/ConfirmationService.d.ts +11 -0
- package/confirmdialog/ConfirmDialog.d.ts +35 -17
- package/confirmpopup/ConfirmPopup.d.ts +32 -17
- package/contextmenu/ContextMenu.d.ts +51 -35
- package/core/core.js +368 -121
- package/core/core.min.js +8 -8
- package/datatable/DataTable.d.ts +248 -205
- package/datatable/DataTable.vue +78 -117
- package/datatable/TableBody.vue +3 -17
- package/datatable/datatable.cjs.js +73 -67
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +73 -67
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +73 -67
- package/datatable/datatable.min.js +1 -1
- package/dataview/DataView.d.ts +65 -47
- package/dataviewlayoutoptions/DataViewLayoutOptions.d.ts +33 -13
- package/deferredcontent/DeferredContent.d.ts +30 -13
- package/dialog/Dialog.d.ts +67 -46
- package/dialog/Dialog.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/dialogservice/DialogService.d.ts +13 -2
- package/divider/Divider.d.ts +35 -30
- package/dock/Dock.d.ts +49 -36
- package/dropdown/Dropdown.d.ts +90 -82
- package/dropdown/Dropdown.vue +1 -1
- package/dropdown/dropdown.cjs.js +1 -1
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.esm.js +1 -1
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +1 -1
- package/dropdown/dropdown.min.js +1 -1
- package/dynamicdialog/DynamicDialog.d.ts +30 -10
- package/dynamicdialog/DynamicDialog.vue +2 -2
- package/dynamicdialog/dynamicdialog.cjs.js +3 -3
- package/dynamicdialog/dynamicdialog.cjs.min.js +1 -1
- package/dynamicdialog/dynamicdialog.esm.js +2 -2
- package/dynamicdialog/dynamicdialog.esm.min.js +1 -1
- package/dynamicdialog/dynamicdialog.js +3 -3
- package/dynamicdialog/dynamicdialog.min.js +1 -1
- package/dynamicdialogoptions/DynamicDialogOptions.d.ts +28 -8
- package/editor/Editor.d.ts +48 -17
- package/fieldset/Fieldset.d.ts +43 -16
- package/fileupload/FileUpload.d.ts +101 -47
- package/focustrap/FocusTrap.d.ts +42 -3
- package/fullcalendar/FullCalendar.d.ts +1 -1
- package/galleria/Galleria.d.ts +64 -40
- package/image/Image.d.ts +33 -14
- package/inlinemessage/InlineMessage.d.ts +31 -17
- package/inplace/Inplace.d.ts +41 -18
- package/inputmask/InputMask.d.ts +41 -17
- package/inputnumber/InputNumber.d.ts +60 -41
- package/inputswitch/InputSwitch.d.ts +35 -15
- package/inputswitch/InputSwitch.vue +1 -0
- package/inputswitch/inputswitch.cjs.js +1 -1
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.esm.js +1 -1
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +1 -1
- package/inputswitch/inputswitch.min.js +1 -1
- package/inputtext/InputText.d.ts +32 -12
- package/knob/Knob.d.ts +47 -21
- package/listbox/Listbox.d.ts +81 -60
- package/megamenu/MegaMenu.d.ts +42 -27
- package/megamenu/MegaMenu.vue +17 -0
- package/megamenu/megamenu.cjs.js +1 -1
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +1 -1
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +1 -1
- package/megamenu/megamenu.min.js +1 -1
- package/menu/Menu.d.ts +57 -28
- package/menu/Menu.vue +6 -0
- package/menu/menu.cjs.js +26 -8
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +27 -9
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +26 -8
- package/menu/menu.min.js +1 -1
- package/menubar/Menubar.d.ts +36 -19
- package/menuitem/MenuItem.d.ts +22 -10
- package/message/Message.d.ts +40 -21
- package/multiselect/MultiSelect.d.ts +111 -90
- package/orderlist/OrderList.d.ts +51 -23
- package/organizationchart/OrganizationChart.d.ts +43 -26
- package/overlaypanel/OverlayPanel.d.ts +46 -26
- package/package.json +2 -2
- package/paginator/Paginator.d.ts +49 -24
- package/panel/Panel.d.ts +39 -14
- package/panelmenu/PanelMenu.d.ts +49 -21
- package/password/Password.d.ts +47 -28
- package/picklist/PickList.d.ts +74 -33
- package/progressbar/ProgressBar.d.ts +34 -17
- package/progressspinner/ProgressSpinner.d.ts +32 -13
- package/radiobutton/RadioButton.d.ts +32 -14
- package/rating/Rating.d.ts +51 -25
- package/resources/themes/arya-blue/theme.css +34 -11
- package/resources/themes/arya-green/theme.css +34 -11
- package/resources/themes/arya-orange/theme.css +34 -11
- package/resources/themes/arya-purple/theme.css +34 -11
- package/resources/themes/bootstrap4-dark-blue/theme.css +34 -11
- package/resources/themes/bootstrap4-dark-purple/theme.css +34 -11
- package/resources/themes/bootstrap4-light-blue/theme.css +34 -11
- package/resources/themes/bootstrap4-light-purple/theme.css +34 -11
- package/resources/themes/fluent-light/theme.css +34 -11
- package/resources/themes/lara-dark-blue/theme.css +34 -11
- package/resources/themes/lara-dark-indigo/theme.css +34 -11
- package/resources/themes/lara-dark-purple/theme.css +34 -11
- package/resources/themes/lara-dark-teal/theme.css +34 -11
- package/resources/themes/lara-light-blue/theme.css +34 -11
- package/resources/themes/lara-light-indigo/theme.css +34 -11
- package/resources/themes/lara-light-purple/theme.css +34 -11
- package/resources/themes/lara-light-teal/theme.css +34 -11
- package/resources/themes/luna-amber/theme.css +34 -11
- package/resources/themes/luna-blue/theme.css +34 -11
- package/resources/themes/luna-green/theme.css +34 -11
- package/resources/themes/luna-pink/theme.css +34 -11
- package/resources/themes/md-dark-deeppurple/theme.css +34 -11
- package/resources/themes/md-dark-indigo/theme.css +34 -11
- package/resources/themes/md-light-deeppurple/theme.css +34 -11
- package/resources/themes/md-light-indigo/theme.css +34 -11
- package/resources/themes/mdc-dark-deeppurple/theme.css +34 -11
- package/resources/themes/mdc-dark-indigo/theme.css +34 -11
- package/resources/themes/mdc-light-deeppurple/theme.css +34 -11
- package/resources/themes/mdc-light-indigo/theme.css +34 -11
- package/resources/themes/mira/fonts/Inter-Bold.woff +0 -0
- package/resources/themes/mira/fonts/Inter-Bold.woff2 +0 -0
- package/resources/themes/mira/fonts/Inter-Medium.woff +0 -0
- package/resources/themes/mira/fonts/Inter-Medium.woff2 +0 -0
- package/resources/themes/mira/fonts/Inter-Regular.woff +0 -0
- package/resources/themes/mira/fonts/Inter-Regular.woff2 +0 -0
- package/resources/themes/mira/fonts/Inter-SemiBold.woff +0 -0
- package/resources/themes/mira/fonts/Inter-SemiBold.woff2 +0 -0
- package/resources/themes/mira/theme.css +6089 -0
- package/resources/themes/nano/theme.css +5861 -0
- package/resources/themes/nova/theme.css +34 -11
- package/resources/themes/nova-accent/theme.css +34 -11
- package/resources/themes/nova-alt/theme.css +34 -11
- package/resources/themes/nova-vue/theme.css +34 -11
- package/resources/themes/rhea/theme.css +34 -11
- package/resources/themes/saga-blue/theme.css +34 -11
- package/resources/themes/saga-green/theme.css +34 -11
- package/resources/themes/saga-orange/theme.css +34 -11
- package/resources/themes/saga-purple/theme.css +34 -11
- package/resources/themes/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff +0 -0
- package/resources/themes/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff2 +0 -0
- package/resources/themes/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff +0 -0
- package/resources/themes/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff2 +0 -0
- package/resources/themes/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff +0 -0
- package/resources/themes/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff2 +0 -0
- package/resources/themes/soho-dark/theme.css +5854 -0
- package/resources/themes/soho-light/fonts/lato-v17-latin-ext_latin-300.woff +0 -0
- package/resources/themes/soho-light/fonts/lato-v17-latin-ext_latin-300.woff2 +0 -0
- package/resources/themes/soho-light/fonts/lato-v17-latin-ext_latin-700.woff +0 -0
- package/resources/themes/soho-light/fonts/lato-v17-latin-ext_latin-700.woff2 +0 -0
- package/resources/themes/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff +0 -0
- package/resources/themes/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff2 +0 -0
- package/resources/themes/soho-light/theme.css +5908 -0
- package/resources/themes/tailwind-light/theme.css +34 -11
- package/resources/themes/vela-blue/theme.css +34 -11
- package/resources/themes/vela-green/theme.css +34 -11
- package/resources/themes/vela-orange/theme.css +34 -11
- package/resources/themes/vela-purple/theme.css +34 -11
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff2 +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff2 +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff2 +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff2 +0 -0
- package/resources/themes/viva-dark/theme.css +6016 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff2 +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff2 +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff2 +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff2 +0 -0
- package/resources/themes/viva-light/theme.css +6016 -0
- package/ripple/Ripple.d.ts +24 -1
- package/row/Row.d.ts +28 -10
- package/scrollpanel/ScrollPanel.d.ts +29 -11
- package/scrolltop/ScrollTop.d.ts +35 -18
- package/selectbutton/SelectButton.d.ts +47 -27
- package/sidebar/Sidebar.d.ts +46 -27
- package/skeleton/Skeleton.d.ts +36 -22
- package/slider/Slider.d.ts +46 -23
- package/speeddial/SpeedDial.d.ts +64 -51
- package/splitbutton/SplitButton.d.ts +73 -24
- package/splitbutton/SplitButton.vue +41 -1
- package/splitbutton/splitbutton.cjs.js +43 -3
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +43 -3
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +43 -3
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/Splitter.d.ts +49 -30
- package/splitterpanel/SplitterPanel.d.ts +28 -10
- package/steps/Steps.d.ts +36 -15
- package/styleclass/StyleClass.d.ts +72 -1
- package/tabmenu/TabMenu.d.ts +41 -16
- package/tabmenu/TabMenu.vue +1 -1
- package/tabmenu/tabmenu.cjs.js +1 -0
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +1 -0
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +1 -0
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabpanel/TabPanel.d.ts +29 -11
- package/tabview/TabView.d.ts +47 -19
- package/tag/Tag.d.ts +33 -15
- 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 +5 -3
- package/tag/tag.esm.min.js +1 -1
- package/tag/tag.js +4 -2
- package/tag/tag.min.js +1 -1
- package/terminal/Terminal.d.ts +30 -14
- package/terminalservice/TerminalService.d.ts +24 -5
- package/textarea/Textarea.d.ts +33 -11
- package/tieredmenu/TieredMenu.d.ts +45 -31
- package/timeline/Timeline.d.ts +41 -32
- package/toast/Toast.d.ts +63 -35
- package/toast/Toast.vue +4 -2
- package/toast/ToastMessage.vue +4 -4
- package/toast/toast.cjs.js +8 -6
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.esm.js +8 -6
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +8 -6
- package/toast/toast.min.js +1 -1
- package/toastservice/ToastService.d.ts +16 -3
- package/togglebutton/ToggleButton.d.ts +42 -22
- package/toolbar/Toolbar.d.ts +34 -14
- package/tooltip/Tooltip.d.ts +99 -1
- package/tree/Tree.d.ts +55 -36
- package/treeselect/TreeSelect.d.ts +63 -55
- package/treetable/TreeTable.d.ts +121 -107
- package/tristatecheckbox/TriStateCheckbox.d.ts +35 -12
- package/ts-helpers.d.ts +2 -2
- package/utils/utils.cjs.js +20 -22
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.esm.js +20 -22
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +20 -22
- package/utils/utils.min.js +1 -1
- package/vetur-attributes.json +62 -2
- package/vetur-tags.json +17 -2
- package/virtualscroller/VirtualScroller.d.ts +99 -43
- package/virtualscroller/VirtualScroller.vue +248 -72
- package/virtualscroller/virtualscroller.cjs.js +234 -72
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.esm.js +234 -72
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +235 -74
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +1930 -1742
|
@@ -1,12 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* InputNumber is an input component to provide numerical input.
|
|
4
|
+
*
|
|
5
|
+
* [Live Demo](https://www.primevue.org/inputnumber/)
|
|
6
|
+
*
|
|
7
|
+
* @module inputnumber
|
|
8
|
+
*
|
|
9
|
+
*/
|
|
1
10
|
import { ButtonHTMLAttributes, InputHTMLAttributes } from 'vue';
|
|
2
11
|
import { ClassComponent, GlobalComponentConstructor, Nullable } from '../ts-helpers';
|
|
3
12
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
type InputNumberModeType = 'decimal' | 'currency' | undefined;
|
|
9
|
-
|
|
13
|
+
/**
|
|
14
|
+
* Custom input event.
|
|
15
|
+
* @see {@link InputNumberEmits.input}
|
|
16
|
+
*/
|
|
10
17
|
export interface InputNumberInputEvent {
|
|
11
18
|
/**
|
|
12
19
|
* Browser event
|
|
@@ -18,6 +25,10 @@ export interface InputNumberInputEvent {
|
|
|
18
25
|
value: string | number | undefined;
|
|
19
26
|
}
|
|
20
27
|
|
|
28
|
+
/**
|
|
29
|
+
* Custom blur event.
|
|
30
|
+
* @see {@link InputNumberEmits.blur}
|
|
31
|
+
*/
|
|
21
32
|
export interface InputNumberBlurEvent {
|
|
22
33
|
/**
|
|
23
34
|
* Browser event
|
|
@@ -29,6 +40,9 @@ export interface InputNumberBlurEvent {
|
|
|
29
40
|
value: string;
|
|
30
41
|
}
|
|
31
42
|
|
|
43
|
+
/**
|
|
44
|
+
* Defines valid properties in InputNumber component.
|
|
45
|
+
*/
|
|
32
46
|
export interface InputNumberProps {
|
|
33
47
|
/**
|
|
34
48
|
* Value of the component.
|
|
@@ -36,18 +50,19 @@ export interface InputNumberProps {
|
|
|
36
50
|
modelValue?: Nullable<number>;
|
|
37
51
|
/**
|
|
38
52
|
* Whether to format the value.
|
|
53
|
+
* @defaultValue true
|
|
39
54
|
*/
|
|
40
55
|
format?: boolean | undefined;
|
|
41
56
|
/**
|
|
42
57
|
* Displays spinner buttons.
|
|
58
|
+
* @defaultValue false
|
|
43
59
|
*/
|
|
44
60
|
showButtons?: boolean | undefined;
|
|
45
61
|
/**
|
|
46
62
|
* Layout of the buttons.
|
|
47
|
-
* @
|
|
48
|
-
* Default value is 'stacked'.
|
|
63
|
+
* @defaultValue stacked
|
|
49
64
|
*/
|
|
50
|
-
buttonLayout?:
|
|
65
|
+
buttonLayout?: 'stacked' | 'horizontal' | 'vertical' | undefined;
|
|
51
66
|
/**
|
|
52
67
|
* Style class of the increment button.
|
|
53
68
|
*/
|
|
@@ -58,12 +73,12 @@ export interface InputNumberProps {
|
|
|
58
73
|
decrementButtonClass?: string | undefined;
|
|
59
74
|
/**
|
|
60
75
|
* Style class of the increment button.
|
|
61
|
-
*
|
|
76
|
+
* @defaultValue pi pi-angle-up
|
|
62
77
|
*/
|
|
63
78
|
incrementButtonIcon?: string | undefined;
|
|
64
79
|
/**
|
|
65
80
|
* Style class of the decrement button.
|
|
66
|
-
*
|
|
81
|
+
* @defaultValue pi pi-angle-down
|
|
67
82
|
*/
|
|
68
83
|
decrementButtonIcon?: string | undefined;
|
|
69
84
|
/**
|
|
@@ -73,16 +88,14 @@ export interface InputNumberProps {
|
|
|
73
88
|
/**
|
|
74
89
|
* The locale matching algorithm to use. Possible values are 'lookup' and 'best fit'; the default is 'best fit'.
|
|
75
90
|
* See [Locale Negotation](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locale_negotiation) for details.
|
|
76
|
-
* @
|
|
77
|
-
* Default value is 'best fit'
|
|
91
|
+
* @defaultValue best fit
|
|
78
92
|
*/
|
|
79
|
-
localeMatcher?:
|
|
93
|
+
localeMatcher?: 'lookup' | 'best fit' | undefined;
|
|
80
94
|
/**
|
|
81
95
|
* Defines the behavior of the component.
|
|
82
|
-
* @
|
|
83
|
-
* Default value is 'decimal'.
|
|
96
|
+
* @defaultValue decimal
|
|
84
97
|
*/
|
|
85
|
-
mode?:
|
|
98
|
+
mode?: 'decimal' | 'currency' | undefined;
|
|
86
99
|
/**
|
|
87
100
|
* Text to display before the value.
|
|
88
101
|
*/
|
|
@@ -98,12 +111,12 @@ export interface InputNumberProps {
|
|
|
98
111
|
currency?: string | undefined;
|
|
99
112
|
/**
|
|
100
113
|
* How to display the currency in currency formatting. Possible values are 'symbol' to use a localized currency symbol such as €, 'code' to use the ISO currency code, 'name' to use a localized currency name such as 'dollar'.
|
|
101
|
-
*
|
|
114
|
+
* @defaultValue symbol
|
|
102
115
|
*/
|
|
103
116
|
currencyDisplay?: string | undefined;
|
|
104
117
|
/**
|
|
105
118
|
* Whether to use grouping separators, such as thousands separators or thousand/lakh/crore separators.
|
|
106
|
-
*
|
|
119
|
+
* @defaultValue true
|
|
107
120
|
*/
|
|
108
121
|
useGrouping?: boolean | undefined;
|
|
109
122
|
/**
|
|
@@ -126,25 +139,27 @@ export interface InputNumberProps {
|
|
|
126
139
|
max?: number | undefined;
|
|
127
140
|
/**
|
|
128
141
|
* Step factor to increment/decrement the value.
|
|
129
|
-
*
|
|
142
|
+
* @defaultValue 1
|
|
130
143
|
*/
|
|
131
144
|
step?: number | undefined;
|
|
132
145
|
/**
|
|
133
146
|
* Determines whether the input field is empty.
|
|
134
|
-
*
|
|
147
|
+
* @defaultValue true
|
|
135
148
|
*/
|
|
136
149
|
allowEmpty?: boolean | undefined;
|
|
137
150
|
/**
|
|
138
151
|
* Highlights automatically the input value.
|
|
139
|
-
*
|
|
152
|
+
* @defaultValue false
|
|
140
153
|
*/
|
|
141
154
|
highlightOnFocus?: boolean | undefined;
|
|
142
155
|
/**
|
|
143
156
|
* When present, it specifies that the component should be disabled.
|
|
157
|
+
* @defaultValue false
|
|
144
158
|
*/
|
|
145
159
|
disabled?: boolean | undefined;
|
|
146
160
|
/**
|
|
147
161
|
* When present, it specifies that an input field is read-only.
|
|
162
|
+
* @defaultValue false
|
|
148
163
|
*/
|
|
149
164
|
readonly?: boolean | undefined;
|
|
150
165
|
/**
|
|
@@ -185,31 +200,48 @@ export interface InputNumberProps {
|
|
|
185
200
|
'aria-label'?: string | undefined;
|
|
186
201
|
}
|
|
187
202
|
|
|
203
|
+
/**
|
|
204
|
+
* Defines valid slots in InputNumber component.
|
|
205
|
+
*/
|
|
188
206
|
export interface InputNumberSlots {}
|
|
189
207
|
|
|
190
|
-
|
|
208
|
+
/**
|
|
209
|
+
* Defines valid emits in InputNumber component.
|
|
210
|
+
*/
|
|
211
|
+
export interface InputNumberEmits {
|
|
191
212
|
/**
|
|
192
213
|
* Emitted when the value changes.
|
|
193
214
|
* @param {number} value - New value.
|
|
194
215
|
*/
|
|
195
|
-
'update:modelValue'
|
|
216
|
+
'update:modelValue'(value: number): void;
|
|
196
217
|
/**
|
|
197
218
|
* Callback to invoke when the value is entered.
|
|
198
219
|
* @param {InputNumberInputEvent} event - Custom input event.
|
|
199
220
|
*/
|
|
200
|
-
input
|
|
221
|
+
input(event: InputNumberInputEvent): void;
|
|
201
222
|
/**
|
|
202
223
|
* Callback to invoke on focus of input field.
|
|
203
224
|
* @param {Event} event - Focus event
|
|
204
225
|
*/
|
|
205
|
-
focus
|
|
226
|
+
focus(event: Event): void;
|
|
206
227
|
/**
|
|
207
228
|
* Callback to invoke on blur of input field.
|
|
208
229
|
* @param {InputNumberBlurEvent} event - Blur event
|
|
209
230
|
*/
|
|
210
|
-
blur
|
|
211
|
-
}
|
|
231
|
+
blur(event: InputNumberBlurEvent): void;
|
|
232
|
+
}
|
|
212
233
|
|
|
234
|
+
/**
|
|
235
|
+
* **PrimeVue - InputNumber**
|
|
236
|
+
*
|
|
237
|
+
* _InputNumber is an input component to provide numerical input._
|
|
238
|
+
*
|
|
239
|
+
* [Live Demo](https://www.primevue.org/inputnumber/)
|
|
240
|
+
* --- ---
|
|
241
|
+
* 
|
|
242
|
+
*
|
|
243
|
+
* @group Component
|
|
244
|
+
*/
|
|
213
245
|
declare class InputNumber extends ClassComponent<InputNumberProps, InputNumberSlots, InputNumberEmits> {
|
|
214
246
|
/**
|
|
215
247
|
* Returns Intl.NumberFormat object.
|
|
@@ -225,17 +257,4 @@ declare module '@vue/runtime-core' {
|
|
|
225
257
|
}
|
|
226
258
|
}
|
|
227
259
|
|
|
228
|
-
/**
|
|
229
|
-
*
|
|
230
|
-
* InputNumber is an input component to provide numerical input.
|
|
231
|
-
*
|
|
232
|
-
* Helper API:
|
|
233
|
-
*
|
|
234
|
-
* - [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat)
|
|
235
|
-
*
|
|
236
|
-
* Demos:
|
|
237
|
-
*
|
|
238
|
-
* - [InputNumber](https://www.primefaces.org/primevue/inputnumber)
|
|
239
|
-
*
|
|
240
|
-
*/
|
|
241
260
|
export default InputNumber;
|
|
@@ -1,6 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* InputSwitch is used to select a boolean value.
|
|
4
|
+
*
|
|
5
|
+
* [Live Demo](https://www.primevue.org/inputswitch/)
|
|
6
|
+
*
|
|
7
|
+
* @module inputswitch
|
|
8
|
+
*
|
|
9
|
+
*/
|
|
1
10
|
import { InputHTMLAttributes } from 'vue';
|
|
2
11
|
import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
|
|
3
12
|
|
|
13
|
+
/**
|
|
14
|
+
* Defines valid properties in InputSwitch component.
|
|
15
|
+
*/
|
|
4
16
|
export interface InputSwitchProps {
|
|
5
17
|
/**
|
|
6
18
|
* Specifies whether a inputswitch should be checked or not.
|
|
@@ -8,10 +20,12 @@ export interface InputSwitchProps {
|
|
|
8
20
|
modelValue?: boolean | string | undefined;
|
|
9
21
|
/**
|
|
10
22
|
* Value in checked state.
|
|
23
|
+
* @defaultValue true
|
|
11
24
|
*/
|
|
12
25
|
trueValue?: any;
|
|
13
26
|
/**
|
|
14
27
|
* Value in unchecked state.
|
|
28
|
+
* @defaultValue false
|
|
15
29
|
*/
|
|
16
30
|
falseValue?: any;
|
|
17
31
|
/**
|
|
@@ -42,29 +56,44 @@ export interface InputSwitchProps {
|
|
|
42
56
|
|
|
43
57
|
export interface InputSwitchSlots {}
|
|
44
58
|
|
|
45
|
-
|
|
59
|
+
/**
|
|
60
|
+
* Defines valid emits in InputSwitch component.
|
|
61
|
+
*/
|
|
62
|
+
export interface InputSwitchEmits {
|
|
46
63
|
/**
|
|
47
64
|
* Emitted when the value changes.
|
|
48
65
|
* @param {boolean} value - New value.
|
|
49
66
|
*/
|
|
50
|
-
'update:modelValue'
|
|
67
|
+
'update:modelValue'(value: boolean): void;
|
|
51
68
|
/**
|
|
52
69
|
* Callback to invoke on click.
|
|
53
70
|
* @param {Event} event - Browser event.
|
|
54
71
|
*/
|
|
55
|
-
click
|
|
72
|
+
click(event: Event): void;
|
|
56
73
|
/**
|
|
57
74
|
* Callback to invoke on value change.
|
|
58
75
|
* @param {Event} event - Browser event.
|
|
59
76
|
*/
|
|
60
|
-
change
|
|
77
|
+
change(event: Event): void;
|
|
61
78
|
/**
|
|
62
79
|
* Callback to invoke on value change.
|
|
63
80
|
* @param {boolean} value - New value.
|
|
64
81
|
*/
|
|
65
|
-
input
|
|
66
|
-
}
|
|
82
|
+
input(value: boolean): void;
|
|
83
|
+
}
|
|
67
84
|
|
|
85
|
+
/**
|
|
86
|
+
* **PrimeVue - InputSwitch**
|
|
87
|
+
*
|
|
88
|
+
* _InputSwitch is used to select a boolean value._
|
|
89
|
+
*
|
|
90
|
+
* [Live Demo](https://www.primevue.org/inputswitch/)
|
|
91
|
+
* --- ---
|
|
92
|
+
* 
|
|
93
|
+
*
|
|
94
|
+
* @group Component
|
|
95
|
+
*
|
|
96
|
+
*/
|
|
68
97
|
declare class InputSwitch extends ClassComponent<InputSwitchProps, InputSwitchSlots, InputSwitchEmits> {}
|
|
69
98
|
|
|
70
99
|
declare module '@vue/runtime-core' {
|
|
@@ -73,13 +102,4 @@ declare module '@vue/runtime-core' {
|
|
|
73
102
|
}
|
|
74
103
|
}
|
|
75
104
|
|
|
76
|
-
/**
|
|
77
|
-
*
|
|
78
|
-
* InputSwitch is used to select a boolean value.
|
|
79
|
-
*
|
|
80
|
-
* Demos:
|
|
81
|
-
*
|
|
82
|
-
* - [InputSwitch](https://www.primefaces.org/primevue/inputswitch)
|
|
83
|
-
*
|
|
84
|
-
*/
|
|
85
105
|
export default InputSwitch;
|
|
@@ -149,7 +149,7 @@ function styleInject(css, ref) {
|
|
|
149
149
|
}
|
|
150
150
|
}
|
|
151
151
|
|
|
152
|
-
var css_248z = "\n.p-inputswitch {\n position: relative;\n display: inline-block;\n}\n.p-inputswitch-slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n.p-inputswitch-slider:before {\n position: absolute;\n content: '';\n top: 50%;\n}\n";
|
|
152
|
+
var css_248z = "\n.p-inputswitch {\n position: relative;\n display: inline-block;\n}\n.p-inputswitch-slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 1px solid transparent;\n}\n.p-inputswitch-slider:before {\n position: absolute;\n content: '';\n top: 50%;\n}\n";
|
|
153
153
|
styleInject(css_248z);
|
|
154
154
|
|
|
155
155
|
script.render = render;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("vue"),t={name:"InputSwitch",emits:["click","update:modelValue","change","input","focus","blur"],props:{modelValue:{type:null,default:!1},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},disabled:{type:Boolean,default:!1},inputId:{type:String,default:null},inputClass:{type:String,default:null},inputStyle:{type:null,default:null},inputProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},data:()=>({focused:!1}),methods:{onClick(e){if(!this.disabled){const t=this.checked?this.falseValue:this.trueValue;this.$emit("click",e),this.$emit("update:modelValue",t),this.$emit("change",e),this.$emit("input",t),this.$refs.input.focus()}e.preventDefault()},onFocus(e){this.focused=!0,this.$emit("focus",e)},onBlur(e){this.focused=!1,this.$emit("blur",e)}},computed:{containerClass(){return["p-inputswitch p-component",{"p-inputswitch-checked":this.checked,"p-disabled":this.disabled,"p-focus":this.focused}]},checked(){return this.modelValue===this.trueValue}}};const l={class:"p-hidden-accessible"},i=["id","checked","disabled","aria-checked","aria-labelledby","aria-label"],n=e.createElementVNode("span",{class:"p-inputswitch-slider"},null,-1);!function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===l&&i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-inputswitch {\n position: relative;\n display: inline-block;\n}\n.p-inputswitch-slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n.p-inputswitch-slider:before {\n position: absolute;\n content: '';\n top: 50%;\n}\n"),t.render=function(t,s,a,u,d,c){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(c.containerClass),onClick:s[2]||(s[2]=e=>c.onClick(e))},[e.createElementVNode("div",l,[e.createElementVNode("input",e.mergeProps({ref:"input",id:a.inputId,type:"checkbox",role:"switch",class:a.inputClass,style:a.inputStyle,checked:c.checked,disabled:a.disabled,"aria-checked":c.checked,"aria-labelledby":t.ariaLabelledby,"aria-label":t.ariaLabel,onFocus:s[0]||(s[0]=e=>c.onFocus(e)),onBlur:s[1]||(s[1]=e=>c.onBlur(e))},a.inputProps),null,16,i)]),n],2)},module.exports=t;
|
|
1
|
+
"use strict";var e=require("vue"),t={name:"InputSwitch",emits:["click","update:modelValue","change","input","focus","blur"],props:{modelValue:{type:null,default:!1},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},disabled:{type:Boolean,default:!1},inputId:{type:String,default:null},inputClass:{type:String,default:null},inputStyle:{type:null,default:null},inputProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},data:()=>({focused:!1}),methods:{onClick(e){if(!this.disabled){const t=this.checked?this.falseValue:this.trueValue;this.$emit("click",e),this.$emit("update:modelValue",t),this.$emit("change",e),this.$emit("input",t),this.$refs.input.focus()}e.preventDefault()},onFocus(e){this.focused=!0,this.$emit("focus",e)},onBlur(e){this.focused=!1,this.$emit("blur",e)}},computed:{containerClass(){return["p-inputswitch p-component",{"p-inputswitch-checked":this.checked,"p-disabled":this.disabled,"p-focus":this.focused}]},checked(){return this.modelValue===this.trueValue}}};const l={class:"p-hidden-accessible"},i=["id","checked","disabled","aria-checked","aria-labelledby","aria-label"],n=e.createElementVNode("span",{class:"p-inputswitch-slider"},null,-1);!function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===l&&i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-inputswitch {\n position: relative;\n display: inline-block;\n}\n.p-inputswitch-slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 1px solid transparent;\n}\n.p-inputswitch-slider:before {\n position: absolute;\n content: '';\n top: 50%;\n}\n"),t.render=function(t,s,a,u,d,c){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(c.containerClass),onClick:s[2]||(s[2]=e=>c.onClick(e))},[e.createElementVNode("div",l,[e.createElementVNode("input",e.mergeProps({ref:"input",id:a.inputId,type:"checkbox",role:"switch",class:a.inputClass,style:a.inputStyle,checked:c.checked,disabled:a.disabled,"aria-checked":c.checked,"aria-labelledby":t.ariaLabelledby,"aria-label":t.ariaLabel,onFocus:s[0]||(s[0]=e=>c.onFocus(e)),onBlur:s[1]||(s[1]=e=>c.onBlur(e))},a.inputProps),null,16,i)]),n],2)},module.exports=t;
|
|
@@ -147,7 +147,7 @@ function styleInject(css, ref) {
|
|
|
147
147
|
}
|
|
148
148
|
}
|
|
149
149
|
|
|
150
|
-
var css_248z = "\n.p-inputswitch {\n position: relative;\n display: inline-block;\n}\n.p-inputswitch-slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n.p-inputswitch-slider:before {\n position: absolute;\n content: '';\n top: 50%;\n}\n";
|
|
150
|
+
var css_248z = "\n.p-inputswitch {\n position: relative;\n display: inline-block;\n}\n.p-inputswitch-slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 1px solid transparent;\n}\n.p-inputswitch-slider:before {\n position: absolute;\n content: '';\n top: 50%;\n}\n";
|
|
151
151
|
styleInject(css_248z);
|
|
152
152
|
|
|
153
153
|
script.render = render;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{openBlock as e,createElementBlock as t,normalizeClass as l,createElementVNode as i,mergeProps as n}from"vue";var s={name:"InputSwitch",emits:["click","update:modelValue","change","input","focus","blur"],props:{modelValue:{type:null,default:!1},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},disabled:{type:Boolean,default:!1},inputId:{type:String,default:null},inputClass:{type:String,default:null},inputStyle:{type:null,default:null},inputProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},data:()=>({focused:!1}),methods:{onClick(e){if(!this.disabled){const t=this.checked?this.falseValue:this.trueValue;this.$emit("click",e),this.$emit("update:modelValue",t),this.$emit("change",e),this.$emit("input",t),this.$refs.input.focus()}e.preventDefault()},onFocus(e){this.focused=!0,this.$emit("focus",e)},onBlur(e){this.focused=!1,this.$emit("blur",e)}},computed:{containerClass(){return["p-inputswitch p-component",{"p-inputswitch-checked":this.checked,"p-disabled":this.disabled,"p-focus":this.focused}]},checked(){return this.modelValue===this.trueValue}}};const a={class:"p-hidden-accessible"},u=["id","checked","disabled","aria-checked","aria-labelledby","aria-label"],d=i("span",{class:"p-inputswitch-slider"},null,-1);!function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===l&&i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-inputswitch {\n position: relative;\n display: inline-block;\n}\n.p-inputswitch-slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n.p-inputswitch-slider:before {\n position: absolute;\n content: '';\n top: 50%;\n}\n"),s.render=function(s,c,o,p,r,h){return e(),t("div",{class:l(h.containerClass),onClick:c[2]||(c[2]=e=>h.onClick(e))},[i("div",a,[i("input",n({ref:"input",id:o.inputId,type:"checkbox",role:"switch",class:o.inputClass,style:o.inputStyle,checked:h.checked,disabled:o.disabled,"aria-checked":h.checked,"aria-labelledby":s.ariaLabelledby,"aria-label":s.ariaLabel,onFocus:c[0]||(c[0]=e=>h.onFocus(e)),onBlur:c[1]||(c[1]=e=>h.onBlur(e))},o.inputProps),null,16,u)]),d],2)};export{s as default};
|
|
1
|
+
import{openBlock as e,createElementBlock as t,normalizeClass as l,createElementVNode as i,mergeProps as n}from"vue";var s={name:"InputSwitch",emits:["click","update:modelValue","change","input","focus","blur"],props:{modelValue:{type:null,default:!1},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},disabled:{type:Boolean,default:!1},inputId:{type:String,default:null},inputClass:{type:String,default:null},inputStyle:{type:null,default:null},inputProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},data:()=>({focused:!1}),methods:{onClick(e){if(!this.disabled){const t=this.checked?this.falseValue:this.trueValue;this.$emit("click",e),this.$emit("update:modelValue",t),this.$emit("change",e),this.$emit("input",t),this.$refs.input.focus()}e.preventDefault()},onFocus(e){this.focused=!0,this.$emit("focus",e)},onBlur(e){this.focused=!1,this.$emit("blur",e)}},computed:{containerClass(){return["p-inputswitch p-component",{"p-inputswitch-checked":this.checked,"p-disabled":this.disabled,"p-focus":this.focused}]},checked(){return this.modelValue===this.trueValue}}};const a={class:"p-hidden-accessible"},u=["id","checked","disabled","aria-checked","aria-labelledby","aria-label"],d=i("span",{class:"p-inputswitch-slider"},null,-1);!function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===l&&i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-inputswitch {\n position: relative;\n display: inline-block;\n}\n.p-inputswitch-slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 1px solid transparent;\n}\n.p-inputswitch-slider:before {\n position: absolute;\n content: '';\n top: 50%;\n}\n"),s.render=function(s,c,o,p,r,h){return e(),t("div",{class:l(h.containerClass),onClick:c[2]||(c[2]=e=>h.onClick(e))},[i("div",a,[i("input",n({ref:"input",id:o.inputId,type:"checkbox",role:"switch",class:o.inputClass,style:o.inputStyle,checked:h.checked,disabled:o.disabled,"aria-checked":h.checked,"aria-labelledby":s.ariaLabelledby,"aria-label":s.ariaLabel,onFocus:c[0]||(c[0]=e=>h.onFocus(e)),onBlur:c[1]||(c[1]=e=>h.onBlur(e))},o.inputProps),null,16,u)]),d],2)};export{s as default};
|
|
@@ -149,7 +149,7 @@ this.primevue.inputswitch = (function (vue) {
|
|
|
149
149
|
}
|
|
150
150
|
}
|
|
151
151
|
|
|
152
|
-
var css_248z = "\n.p-inputswitch {\n position: relative;\n display: inline-block;\n}\n.p-inputswitch-slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n.p-inputswitch-slider:before {\n position: absolute;\n content: '';\n top: 50%;\n}\n";
|
|
152
|
+
var css_248z = "\n.p-inputswitch {\n position: relative;\n display: inline-block;\n}\n.p-inputswitch-slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 1px solid transparent;\n}\n.p-inputswitch-slider:before {\n position: absolute;\n content: '';\n top: 50%;\n}\n";
|
|
153
153
|
styleInject(css_248z);
|
|
154
154
|
|
|
155
155
|
script.render = render;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primevue=this.primevue||{},this.primevue.inputswitch=function(e){"use strict";var t={name:"InputSwitch",emits:["click","update:modelValue","change","input","focus","blur"],props:{modelValue:{type:null,default:!1},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},disabled:{type:Boolean,default:!1},inputId:{type:String,default:null},inputClass:{type:String,default:null},inputStyle:{type:null,default:null},inputProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},data:()=>({focused:!1}),methods:{onClick(e){if(!this.disabled){const t=this.checked?this.falseValue:this.trueValue;this.$emit("click",e),this.$emit("update:modelValue",t),this.$emit("change",e),this.$emit("input",t),this.$refs.input.focus()}e.preventDefault()},onFocus(e){this.focused=!0,this.$emit("focus",e)},onBlur(e){this.focused=!1,this.$emit("blur",e)}},computed:{containerClass(){return["p-inputswitch p-component",{"p-inputswitch-checked":this.checked,"p-disabled":this.disabled,"p-focus":this.focused}]},checked(){return this.modelValue===this.trueValue}}};const l={class:"p-hidden-accessible"},i=["id","checked","disabled","aria-checked","aria-labelledby","aria-label"],n=e.createElementVNode("span",{class:"p-inputswitch-slider"},null,-1);return function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===l&&i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-inputswitch {\n position: relative;\n display: inline-block;\n}\n.p-inputswitch-slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n.p-inputswitch-slider:before {\n position: absolute;\n content: '';\n top: 50%;\n}\n"),t.render=function(t,s,a,u,c
|
|
1
|
+
this.primevue=this.primevue||{},this.primevue.inputswitch=function(e){"use strict";var t={name:"InputSwitch",emits:["click","update:modelValue","change","input","focus","blur"],props:{modelValue:{type:null,default:!1},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},disabled:{type:Boolean,default:!1},inputId:{type:String,default:null},inputClass:{type:String,default:null},inputStyle:{type:null,default:null},inputProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},data:()=>({focused:!1}),methods:{onClick(e){if(!this.disabled){const t=this.checked?this.falseValue:this.trueValue;this.$emit("click",e),this.$emit("update:modelValue",t),this.$emit("change",e),this.$emit("input",t),this.$refs.input.focus()}e.preventDefault()},onFocus(e){this.focused=!0,this.$emit("focus",e)},onBlur(e){this.focused=!1,this.$emit("blur",e)}},computed:{containerClass(){return["p-inputswitch p-component",{"p-inputswitch-checked":this.checked,"p-disabled":this.disabled,"p-focus":this.focused}]},checked(){return this.modelValue===this.trueValue}}};const l={class:"p-hidden-accessible"},i=["id","checked","disabled","aria-checked","aria-labelledby","aria-label"],n=e.createElementVNode("span",{class:"p-inputswitch-slider"},null,-1);return function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===l&&i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-inputswitch {\n position: relative;\n display: inline-block;\n}\n.p-inputswitch-slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 1px solid transparent;\n}\n.p-inputswitch-slider:before {\n position: absolute;\n content: '';\n top: 50%;\n}\n"),t.render=function(t,s,a,u,d,c){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(c.containerClass),onClick:s[2]||(s[2]=e=>c.onClick(e))},[e.createElementVNode("div",l,[e.createElementVNode("input",e.mergeProps({ref:"input",id:a.inputId,type:"checkbox",role:"switch",class:a.inputClass,style:a.inputStyle,checked:c.checked,disabled:a.disabled,"aria-checked":c.checked,"aria-labelledby":t.ariaLabelledby,"aria-label":t.ariaLabel,onFocus:s[0]||(s[0]=e=>c.onFocus(e)),onBlur:s[1]||(s[1]=e=>c.onBlur(e))},a.inputProps),null,16,i)]),n],2)},t}(Vue);
|
package/inputtext/InputText.d.ts
CHANGED
|
@@ -1,6 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* InputText renders a text field to enter data.
|
|
4
|
+
*
|
|
5
|
+
* [Live Demo](https://www.primevue.org/inputtext/)
|
|
6
|
+
*
|
|
7
|
+
* @module inputtext
|
|
8
|
+
*
|
|
9
|
+
*/
|
|
1
10
|
import { InputHTMLAttributes } from 'vue';
|
|
2
11
|
import { ClassComponent, GlobalComponentConstructor, Nullable } from '../ts-helpers';
|
|
3
12
|
|
|
13
|
+
/**
|
|
14
|
+
* Defines valid properties in InputText component.
|
|
15
|
+
*/
|
|
4
16
|
export interface InputTextProps extends InputHTMLAttributes {
|
|
5
17
|
/**
|
|
6
18
|
* Value of the component.
|
|
@@ -8,16 +20,33 @@ export interface InputTextProps extends InputHTMLAttributes {
|
|
|
8
20
|
modelValue?: Nullable<string>;
|
|
9
21
|
}
|
|
10
22
|
|
|
23
|
+
/**
|
|
24
|
+
* Defines valid slots in InputText component.
|
|
25
|
+
*/
|
|
11
26
|
export interface InputTextSlots {}
|
|
12
27
|
|
|
13
|
-
|
|
28
|
+
/**
|
|
29
|
+
* Defines valid emits in InputText component.
|
|
30
|
+
*/
|
|
31
|
+
export interface InputTextEmits {
|
|
14
32
|
/**
|
|
15
33
|
* Emitted when the value changes.
|
|
16
34
|
* @param {string} value - New value.
|
|
17
35
|
*/
|
|
18
|
-
'update:modelValue'
|
|
19
|
-
}
|
|
36
|
+
'update:modelValue'(value: string | undefined): void;
|
|
37
|
+
}
|
|
20
38
|
|
|
39
|
+
/**
|
|
40
|
+
* **PrimeVue - InputText**
|
|
41
|
+
*
|
|
42
|
+
* _InputText renders a text field to enter data._
|
|
43
|
+
*
|
|
44
|
+
* [Live Demo](https://www.primevue.org/inputtext/)
|
|
45
|
+
* --- ---
|
|
46
|
+
* 
|
|
47
|
+
*
|
|
48
|
+
* @group Component
|
|
49
|
+
*/
|
|
21
50
|
declare class InputText extends ClassComponent<InputTextProps, InputTextSlots, InputTextEmits> {}
|
|
22
51
|
|
|
23
52
|
declare module '@vue/runtime-core' {
|
|
@@ -26,13 +55,4 @@ declare module '@vue/runtime-core' {
|
|
|
26
55
|
}
|
|
27
56
|
}
|
|
28
57
|
|
|
29
|
-
/**
|
|
30
|
-
*
|
|
31
|
-
* InputText renders a text field to enter data.
|
|
32
|
-
*
|
|
33
|
-
* Demos:
|
|
34
|
-
*
|
|
35
|
-
* - [InputText](https://www.primefaces.org/primevue/inputtext)
|
|
36
|
-
*
|
|
37
|
-
*/
|
|
38
58
|
export default InputText;
|
package/knob/Knob.d.ts
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Knob is a form component to define number inputs with a dial.
|
|
4
|
+
*
|
|
5
|
+
* [Live Demo](https://www.primevue.org/knob/)
|
|
6
|
+
*
|
|
7
|
+
* @module knob
|
|
8
|
+
*
|
|
9
|
+
*/
|
|
1
10
|
import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
|
|
2
11
|
|
|
12
|
+
/**
|
|
13
|
+
* Defines valid properties in Knob component.
|
|
14
|
+
*/
|
|
3
15
|
export interface KnobProps {
|
|
4
16
|
/**
|
|
5
17
|
* Value of the component.
|
|
@@ -7,60 +19,67 @@ export interface KnobProps {
|
|
|
7
19
|
modelValue?: number | undefined;
|
|
8
20
|
/**
|
|
9
21
|
* Size of the component in pixels.
|
|
10
|
-
*
|
|
22
|
+
* @defaultValue 100
|
|
11
23
|
*/
|
|
12
24
|
size?: number | undefined;
|
|
13
25
|
/**
|
|
14
26
|
* When present, it specifies that the component should be disabled.
|
|
27
|
+
* @defaultValue false
|
|
15
28
|
*/
|
|
16
29
|
disabled?: boolean | undefined;
|
|
17
30
|
/**
|
|
18
31
|
* When present, it specifies that the component value cannot be edited.
|
|
32
|
+
* @defaultValue false
|
|
19
33
|
*/
|
|
20
34
|
readonly?: boolean | undefined;
|
|
21
35
|
/**
|
|
22
36
|
* Step factor to increment/decrement the value.
|
|
37
|
+
* @defaultValue 1
|
|
23
38
|
*/
|
|
24
39
|
step?: number | undefined;
|
|
25
40
|
/**
|
|
26
41
|
* Mininum boundary value.
|
|
27
|
-
*
|
|
42
|
+
* @defaultValue 0
|
|
28
43
|
*/
|
|
29
44
|
min?: number | undefined;
|
|
30
45
|
/**
|
|
31
46
|
* Maximum boundary value.
|
|
32
|
-
*
|
|
47
|
+
* @defaultValue 100
|
|
33
48
|
*/
|
|
34
49
|
max?: number | undefined;
|
|
35
50
|
/**
|
|
36
51
|
* Background of the value.
|
|
52
|
+
* @defaultValue var(--primary-color, Black)
|
|
37
53
|
*/
|
|
38
54
|
valueColor?: string | undefined;
|
|
39
55
|
/**
|
|
40
56
|
* Background color of the range.
|
|
57
|
+
* @defaultValue var(--surface-border, LightGray)
|
|
41
58
|
*/
|
|
42
59
|
rangeColor?: string | undefined;
|
|
43
60
|
/**
|
|
44
61
|
* Color of the value text.
|
|
62
|
+
* @defaultValue var(--text-color-secondary, Black)
|
|
45
63
|
*/
|
|
46
64
|
textColor?: string | undefined;
|
|
47
65
|
/**
|
|
48
66
|
* Width of the knob stroke.
|
|
49
|
-
*
|
|
67
|
+
* @defaultValue 14
|
|
50
68
|
*/
|
|
51
69
|
strokeWidth?: number | undefined;
|
|
52
70
|
/**
|
|
53
71
|
* Whether the show the value inside the knob.
|
|
54
|
-
*
|
|
72
|
+
* @defaultValue true
|
|
55
73
|
*/
|
|
56
74
|
showValue?: boolean | undefined;
|
|
57
75
|
/**
|
|
58
76
|
* Template string of the value.
|
|
59
|
-
*
|
|
77
|
+
* @defaultValue '{value}'
|
|
60
78
|
*/
|
|
61
79
|
valueTemplate?: string | undefined;
|
|
62
80
|
/**
|
|
63
81
|
* Index of the element in tabbing order.
|
|
82
|
+
* @defaultValue 0
|
|
64
83
|
*/
|
|
65
84
|
tabindex?: number | undefined;
|
|
66
85
|
/**
|
|
@@ -73,21 +92,37 @@ export interface KnobProps {
|
|
|
73
92
|
'aria-label'?: string | undefined;
|
|
74
93
|
}
|
|
75
94
|
|
|
95
|
+
/**
|
|
96
|
+
* Defines valid slots in Knob component.
|
|
97
|
+
*/
|
|
76
98
|
export interface KnobSlots {}
|
|
77
99
|
|
|
78
|
-
|
|
100
|
+
/**
|
|
101
|
+
* Defines valid emits in Knob component.
|
|
102
|
+
*/
|
|
103
|
+
export interface KnobEmits {
|
|
79
104
|
/**
|
|
80
105
|
* Emitted when the value changes.
|
|
81
|
-
* @param {number}
|
|
106
|
+
* @param {number} event - New value.
|
|
82
107
|
*/
|
|
83
|
-
'update:modelValue'
|
|
108
|
+
'update:modelValue'(value: number): void;
|
|
84
109
|
/**
|
|
85
110
|
* Callback to invoke when the value changes.
|
|
86
|
-
* @param {number}
|
|
111
|
+
* @param {number} event - New value
|
|
87
112
|
*/
|
|
88
|
-
change
|
|
89
|
-
}
|
|
113
|
+
change(value: number): void;
|
|
114
|
+
}
|
|
90
115
|
|
|
116
|
+
/**
|
|
117
|
+
* **PrimeVue - Knob**
|
|
118
|
+
*
|
|
119
|
+
* _Knob groups a collection of contents in tabs._
|
|
120
|
+
*
|
|
121
|
+
* [Live Demo](https://www.primevue.org/knob/)
|
|
122
|
+
* --- ---
|
|
123
|
+
* 
|
|
124
|
+
*
|
|
125
|
+
*/
|
|
91
126
|
declare class Knob extends ClassComponent<KnobProps, KnobSlots, KnobEmits> {}
|
|
92
127
|
|
|
93
128
|
declare module '@vue/runtime-core' {
|
|
@@ -96,13 +131,4 @@ declare module '@vue/runtime-core' {
|
|
|
96
131
|
}
|
|
97
132
|
}
|
|
98
133
|
|
|
99
|
-
/**
|
|
100
|
-
*
|
|
101
|
-
* Knob is a form component to define number inputs with a dial.
|
|
102
|
-
*
|
|
103
|
-
* Demos:
|
|
104
|
-
*
|
|
105
|
-
* - [Knob](https://www.primefaces.org/primevue/knob)
|
|
106
|
-
*
|
|
107
|
-
*/
|
|
108
134
|
export default Knob;
|