primevue 4.0.7 → 4.1.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/autocomplete/AutoComplete.vue +50 -50
- package/autocomplete/index.d.ts +5 -1
- package/autocomplete/index.mjs +11 -8
- package/autocomplete/index.mjs.map +1 -1
- package/autocomplete/style/index.d.ts +4 -0
- package/autocomplete/style/index.mjs +3 -2
- package/autocomplete/style/index.mjs.map +1 -1
- package/button/BaseButton.vue +2 -2
- package/button/Button.vue +1 -1
- package/button/index.d.ts +2 -2
- package/button/index.mjs +7 -6
- package/button/index.mjs.map +1 -1
- package/carousel/Carousel.vue +2 -7
- package/carousel/index.mjs +2 -7
- 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 +4 -0
- package/cascadeselect/CascadeSelect.vue +53 -10
- package/cascadeselect/CascadeSelectSub.vue +24 -27
- package/cascadeselect/index.d.ts +41 -1
- package/cascadeselect/index.mjs +114 -73
- package/cascadeselect/index.mjs.map +1 -1
- package/cascadeselect/style/index.mjs +13 -6
- package/cascadeselect/style/index.mjs.map +1 -1
- package/colorpicker/BaseColorPicker.vue +2 -1
- package/colorpicker/ColorPicker.vue +3 -3
- package/colorpicker/index.d.ts +6 -1
- package/colorpicker/index.mjs +11 -4
- package/colorpicker/index.mjs.map +1 -1
- package/config/index.d.ts +9 -3
- package/confirmationoptions/index.d.ts +12 -0
- package/confirmdialog/ConfirmDialog.vue +11 -1
- package/confirmdialog/index.d.ts +3 -7
- package/confirmdialog/index.mjs +12 -2
- package/confirmdialog/index.mjs.map +1 -1
- package/contextmenu/BaseContextMenu.vue +4 -0
- package/contextmenu/ContextMenu.vue +37 -10
- package/contextmenu/index.d.ts +10 -5
- package/contextmenu/index.mjs +57 -28
- package/contextmenu/index.mjs.map +1 -1
- package/contextmenu/style/index.mjs +10 -5
- package/contextmenu/style/index.mjs.map +1 -1
- package/datatable/BaseDataTable.vue +4 -0
- package/datatable/DataTable.vue +5 -10
- package/datatable/HeaderCheckbox.vue +1 -1
- package/datatable/TableBody.vue +1 -1
- package/datatable/TableHeader.vue +51 -51
- package/datatable/index.d.ts +5 -0
- package/datatable/index.mjs +90 -87
- package/datatable/index.mjs.map +1 -1
- package/datatable/style/index.mjs +1 -1
- package/datatable/style/index.mjs.map +1 -1
- package/datepicker/DatePicker.vue +13 -11
- package/datepicker/index.d.ts +2 -10
- package/datepicker/index.mjs +12 -10
- package/datepicker/index.mjs.map +1 -1
- package/datepicker/style/index.mjs +3 -3
- package/datepicker/style/index.mjs.map +1 -1
- package/dialog/Dialog.vue +4 -10
- package/dialog/index.mjs +3 -10
- package/dialog/index.mjs.map +1 -1
- package/drawer/index.d.ts +5 -1
- package/fieldset/index.d.ts +2 -6
- package/fileupload/index.d.ts +1 -1
- package/floatlabel/BaseFloatLabel.vue +6 -1
- package/floatlabel/index.d.ts +7 -2
- package/floatlabel/index.mjs +6 -1
- package/floatlabel/index.mjs.map +1 -1
- package/floatlabel/style/index.d.ts +2 -2
- package/floatlabel/style/index.mjs +10 -2
- package/floatlabel/style/index.mjs.map +1 -1
- package/focustrap/index.d.ts +1 -1
- package/galleria/index.d.ts +8 -8
- package/galleria/style/index.mjs +2 -2
- package/galleria/style/index.mjs.map +1 -1
- package/iftalabel/BaseIftaLabel.vue +16 -0
- package/iftalabel/IftaLabel.vue +15 -0
- package/iftalabel/index.d.ts +130 -0
- package/iftalabel/index.mjs +32 -0
- package/iftalabel/index.mjs.map +1 -0
- package/iftalabel/package.json +11 -0
- package/iftalabel/style/index.d.ts +19 -0
- package/iftalabel/style/index.mjs +17 -0
- package/iftalabel/style/index.mjs.map +1 -0
- package/iftalabel/style/package.json +6 -0
- package/imagecompare/BaseImageCompare.vue +30 -0
- package/imagecompare/ImageCompare.vue +24 -0
- package/imagecompare/index.d.ts +149 -0
- package/imagecompare/index.mjs +61 -0
- package/imagecompare/index.mjs.map +1 -0
- package/imagecompare/package.json +11 -0
- package/imagecompare/style/index.d.ts +23 -0
- package/imagecompare/style/index.mjs +18 -0
- package/imagecompare/style/index.mjs.map +1 -0
- package/imagecompare/style/package.json +6 -0
- package/inputgroup/BaseInputGroup.vue +0 -6
- package/inputgroup/InputGroup.vue +1 -10
- package/inputgroup/index.d.ts +0 -5
- package/inputgroup/index.mjs +1 -18
- package/inputgroup/index.mjs.map +1 -1
- package/inputgroup/style/index.mjs +2 -7
- package/inputgroup/style/index.mjs.map +1 -1
- package/inputmask/InputMask.vue +23 -17
- package/inputmask/index.mjs +21 -16
- package/inputmask/index.mjs.map +1 -1
- package/inputnumber/InputNumber.vue +2 -2
- package/inputnumber/index.d.ts +1 -1
- package/inputnumber/index.mjs +2 -2
- package/inputnumber/index.mjs.map +1 -1
- package/inputnumber/style/index.mjs +2 -2
- package/inputnumber/style/index.mjs.map +1 -1
- package/inputotp/BaseInputOtp.vue +1 -1
- package/inputotp/InputOtp.vue +6 -12
- package/inputotp/index.d.ts +2 -2
- package/inputotp/index.mjs +11 -12
- package/inputotp/index.mjs.map +1 -1
- package/inputotp/style/index.mjs +1 -1
- package/inputotp/style/index.mjs.map +1 -1
- package/inputtext/style/index.mjs +1 -1
- package/inputtext/style/index.mjs.map +1 -1
- package/keyfilter/index.d.ts +153 -0
- package/keyfilter/index.mjs +127 -0
- package/keyfilter/index.mjs.map +1 -0
- package/keyfilter/package.json +5 -0
- package/keyfilter/style/index.d.ts +14 -0
- package/keyfilter/style/index.mjs +8 -0
- package/keyfilter/style/index.mjs.map +1 -0
- package/keyfilter/style/package.json +6 -0
- package/megamenu/MegaMenu.vue +4 -4
- package/megamenu/index.d.ts +4 -0
- package/megamenu/index.mjs +2 -2
- package/megamenu/index.mjs.map +1 -1
- package/message/Message.vue +3 -19
- package/message/index.mjs +4 -20
- package/message/index.mjs.map +1 -1
- package/multiselect/BaseMultiSelect.vue +1 -5
- package/multiselect/MultiSelect.vue +16 -14
- package/multiselect/index.d.ts +2 -20
- package/multiselect/index.mjs +15 -17
- package/multiselect/index.mjs.map +1 -1
- package/multiselect/style/index.mjs +1 -1
- package/multiselect/style/index.mjs.map +1 -1
- package/orderlist/OrderList.vue +4 -8
- package/orderlist/index.d.ts +1 -5
- package/orderlist/index.mjs +3 -7
- package/orderlist/index.mjs.map +1 -1
- package/package.json +5 -5
- package/paginator/JumpToPageInput.vue +1 -1
- package/paginator/Paginator.vue +4 -16
- package/paginator/index.d.ts +1 -1
- package/paginator/index.mjs +4 -21
- package/paginator/index.mjs.map +1 -1
- package/paginator/style/index.d.ts +1 -1
- package/paginator/style/index.mjs +1 -1
- package/paginator/style/index.mjs.map +1 -1
- package/panelmenu/index.d.ts +1 -1
- package/password/BasePassword.vue +4 -0
- package/password/Password.vue +4 -3
- package/password/index.d.ts +6 -1
- package/password/index.mjs +10 -5
- package/password/index.mjs.map +1 -1
- package/password/style/index.mjs +1 -1
- package/password/style/index.mjs.map +1 -1
- package/picklist/PickList.vue +4 -8
- package/picklist/index.d.ts +1 -13
- package/picklist/index.mjs +3 -7
- package/picklist/index.mjs.map +1 -1
- package/popover/Popover.vue +4 -10
- package/popover/index.d.ts +1 -1
- package/popover/index.mjs +3 -9
- package/popover/index.mjs.map +1 -1
- package/progressspinner/index.d.ts +1 -1
- package/rating/style/index.mjs +1 -1
- package/rating/style/index.mjs.map +1 -1
- package/scrolltop/ScrollTop.vue +2 -9
- package/scrolltop/index.d.ts +1 -6
- package/scrolltop/index.mjs +3 -9
- package/scrolltop/index.mjs.map +1 -1
- package/select/Select.vue +13 -6
- package/select/index.mjs +54 -45
- package/select/index.mjs.map +1 -1
- package/select/style/index.mjs +1 -1
- package/select/style/index.mjs.map +1 -1
- package/speeddial/SpeedDial.vue +3 -1
- package/speeddial/index.d.ts +16 -1
- package/speeddial/index.mjs +10 -5
- package/speeddial/index.mjs.map +1 -1
- package/splitter/Splitter.vue +31 -25
- package/splitter/index.d.ts +8 -1
- package/splitter/index.mjs +28 -22
- package/splitter/index.mjs.map +1 -1
- package/tieredmenu/BaseTieredMenu.vue +4 -0
- package/tieredmenu/TieredMenu.vue +31 -4
- package/tieredmenu/TieredMenuSub.vue +3 -1
- package/tieredmenu/index.d.ts +5 -0
- package/tieredmenu/index.mjs +63 -34
- package/tieredmenu/index.mjs.map +1 -1
- package/tieredmenu/style/index.mjs +5 -4
- package/tieredmenu/style/index.mjs.map +1 -1
- package/toast/Toast.vue +2 -9
- package/toast/index.mjs +1 -8
- package/toast/index.mjs.map +1 -1
- package/toggleswitch/ToggleSwitch.vue +5 -1
- package/toggleswitch/index.d.ts +17 -1
- package/toggleswitch/index.mjs +7 -3
- package/toggleswitch/index.mjs.map +1 -1
- package/toggleswitch/style/index.d.ts +9 -1
- package/toggleswitch/style/index.mjs +3 -2
- package/toggleswitch/style/index.mjs.map +1 -1
- package/tooltip/index.mjs +6 -1
- package/tooltip/index.mjs.map +1 -1
- package/tree/BaseTree.vue +1 -1
- package/tree/Tree.vue +4 -2
- package/tree/TreeNode.vue +16 -4
- package/tree/index.d.ts +52 -3
- package/tree/index.mjs +23 -10
- package/tree/index.mjs.map +1 -1
- package/treeselect/BaseTreeSelect.vue +36 -0
- package/treeselect/TreeSelect.vue +31 -16
- package/treeselect/index.d.ts +73 -4
- package/treeselect/index.mjs +82 -25
- package/treeselect/index.mjs.map +1 -1
- package/treeselect/style/index.mjs +1 -1
- package/treeselect/style/index.mjs.map +1 -1
- package/treetable/BaseTreeTable.vue +8 -0
- package/treetable/TreeTable.vue +19 -11
- package/treetable/TreeTableRow.vue +28 -2
- package/treetable/index.d.ts +34 -0
- package/treetable/index.mjs +63 -19
- package/treetable/index.mjs.map +1 -1
- package/treetable/style/index.mjs +5 -3
- package/treetable/style/index.mjs.map +1 -1
- package/umd/primevue.min.js +1 -1
- package/vetur-attributes.json +3 -3
- package/virtualscroller/style/index.mjs +3 -1
- package/virtualscroller/style/index.mjs.map +1 -1
- package/web-types.json +4 -4
|
@@ -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-inputnumber {\n display: inline-flex;\n position: relative;\n}\n\n.p-inputnumber-button {\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 auto;\n cursor: pointer;\n background: ".concat(dt('inputnumber.button.background'), ";\n color: ").concat(dt('inputnumber.button.color'), ";\n width: ").concat(dt('inputnumber.button.width'), ";\n transition: background ").concat(dt('inputnumber.transition.duration'), ", color ").concat(dt('inputnumber.transition.duration'), ", border-color ").concat(dt('inputnumber.transition.duration'), ", outline-color ").concat(dt('inputnumber.transition.duration'), ";\n}\n\n.p-inputnumber-button:hover {\n background: ").concat(dt('inputnumber.button.hover.background'), ";\n color: ").concat(dt('inputnumber.button.hover.color'), ";\n}\n\n.p-inputnumber-button:active {\n background: ").concat(dt('inputnumber.button.active.background'), ";\n color: ").concat(dt('inputnumber.button.active.color'), ";\n}\n\n.p-inputnumber-stacked .p-inputnumber-button {\n position: relative;\n border: 0 none;\n}\n\n.p-inputnumber-stacked .p-inputnumber-button-group {\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 1px;\n right: 1px;\n height: calc(100% - 2px);\n z-index: 1;\n}\n\n.p-inputnumber-stacked .p-inputnumber-increment-button {\n padding: 0;\n border-top-right-radius: calc(").concat(dt('inputnumber.button.border.radius'), " - 1px);\n}\n\n.p-inputnumber-stacked .p-inputnumber-decrement-button {\n padding: 0;\n border-bottom-right-radius: calc(").concat(dt('inputnumber.button.border.radius'), " - 1px);\n}\n\n.p-inputnumber-stacked .p-inputnumber-button {\n flex: 1 1 auto;\n border: 0 none;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button {\n border: 1px solid ").concat(dt('inputnumber.button.border.color'), ";\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button:hover {\n border-color: ").concat(dt('inputnumber.button.hover.border.color'), ";\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button:active {\n border-color: ").concat(dt('inputnumber.button.active.border.color'), ";\n}\n\n.p-inputnumber-horizontal .p-inputnumber-increment-button {\n order: 3;\n border-top-right-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n border-bottom-right-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n border-left: 0 none;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-input {\n order: 2;\n border-radius: 0;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-decrement-button {\n order: 1;\n border-top-left-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n border-bottom-left-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n border-right: 0 none;\n}\n\n.p-inputnumber-vertical {\n flex-direction: column;\n}\n\n.p-inputnumber-vertical .p-inputnumber-button {\n border: 1px solid ").concat(dt('inputnumber.button.border.color'), ";\n padding: ").concat(dt('inputnumber.button.vertical.padding'), "; 0;\n}\n\n.p-inputnumber-vertical .p-inputnumber-button:hover {\n border-color: ").concat(dt('inputnumber.button.hover.border.color'), ";\n}\n\n.p-inputnumber-vertical .p-inputnumber-button:active {\n border-color: ").concat(dt('inputnumber.button.active.border.color'), ";\n}\n\n.p-inputnumber-vertical .p-inputnumber-increment-button {\n order: 1;\n border-top-left-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n border-top-right-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n width: 100%;\n border-bottom: 0 none;\n}\n\n.p-inputnumber-vertical .p-inputnumber-input {\n order: 2;\n border-radius: 0;\n text-align: center;\n}\n\n.p-inputnumber-vertical .p-inputnumber-decrement-button {\n order: 3;\n border-bottom-left-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n border-bottom-right-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n width: 100%;\n border-top: 0 none;\n}\n\n.p-inputnumber-input {\n flex: 1 1 auto;\n}\n\n.p-inputnumber-fluid {\n width: 100%;\n}\n\n.p-inputnumber-fluid .p-inputnumber-input {\n width: 1%;\n}\n\n.p-inputnumber-fluid.p-inputnumber-vertical .p-inputnumber-input {\n width: 100%;\n}\n");
|
|
5
|
+
return "\n.p-inputnumber {\n display: inline-flex;\n position: relative;\n}\n\n.p-inputnumber-button {\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 auto;\n cursor: pointer;\n background: ".concat(dt('inputnumber.button.background'), ";\n color: ").concat(dt('inputnumber.button.color'), ";\n width: ").concat(dt('inputnumber.button.width'), ";\n transition: background ").concat(dt('inputnumber.transition.duration'), ", color ").concat(dt('inputnumber.transition.duration'), ", border-color ").concat(dt('inputnumber.transition.duration'), ", outline-color ").concat(dt('inputnumber.transition.duration'), ";\n}\n\n.p-inputnumber-button:hover {\n background: ").concat(dt('inputnumber.button.hover.background'), ";\n color: ").concat(dt('inputnumber.button.hover.color'), ";\n}\n\n.p-inputnumber-button:active {\n background: ").concat(dt('inputnumber.button.active.background'), ";\n color: ").concat(dt('inputnumber.button.active.color'), ";\n}\n\n.p-inputnumber-stacked .p-inputnumber-button {\n position: relative;\n border: 0 none;\n}\n\n.p-inputnumber-stacked .p-inputnumber-button-group {\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 1px;\n right: 1px;\n height: calc(100% - 2px);\n z-index: 1;\n}\n\n.p-inputnumber-stacked .p-inputnumber-increment-button {\n padding: 0;\n border-top-right-radius: calc(").concat(dt('inputnumber.button.border.radius'), " - 1px);\n}\n\n.p-inputnumber-stacked .p-inputnumber-decrement-button {\n padding: 0;\n border-bottom-right-radius: calc(").concat(dt('inputnumber.button.border.radius'), " - 1px);\n}\n\n.p-inputnumber-stacked .p-inputnumber-button {\n flex: 1 1 auto;\n border: 0 none;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button {\n border: 1px solid ").concat(dt('inputnumber.button.border.color'), ";\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button:hover {\n border-color: ").concat(dt('inputnumber.button.hover.border.color'), ";\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button:active {\n border-color: ").concat(dt('inputnumber.button.active.border.color'), ";\n}\n\n.p-inputnumber-horizontal .p-inputnumber-increment-button {\n order: 3;\n border-top-right-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n border-bottom-right-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n border-left: 0 none;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-input {\n order: 2;\n border-radius: 0;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-decrement-button {\n order: 1;\n border-top-left-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n border-bottom-left-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n border-right: 0 none;\n}\n\n.p-floatlabel:has(.p-inputnumber-horizontal) label {\n margin-inline-start: ").concat(dt('inputnumber.button.width'), ";\n}\n\n.p-inputnumber-vertical {\n flex-direction: column;\n}\n\n.p-inputnumber-vertical .p-inputnumber-button {\n border: 1px solid ").concat(dt('inputnumber.button.border.color'), ";\n padding: ").concat(dt('inputnumber.button.vertical.padding'), "; 0;\n}\n\n.p-inputnumber-vertical .p-inputnumber-button:hover {\n border-color: ").concat(dt('inputnumber.button.hover.border.color'), ";\n}\n\n.p-inputnumber-vertical .p-inputnumber-button:active {\n border-color: ").concat(dt('inputnumber.button.active.border.color'), ";\n}\n\n.p-inputnumber-vertical .p-inputnumber-increment-button {\n order: 1;\n border-top-left-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n border-top-right-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n width: 100%;\n border-bottom: 0 none;\n}\n\n.p-inputnumber-vertical .p-inputnumber-input {\n order: 2;\n border-radius: 0;\n text-align: center;\n}\n\n.p-inputnumber-vertical .p-inputnumber-decrement-button {\n order: 3;\n border-bottom-left-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n border-bottom-right-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n width: 100%;\n border-top: 0 none;\n}\n\n.p-inputnumber-input {\n flex: 1 1 auto;\n}\n\n.p-inputnumber-fluid {\n width: 100%;\n}\n\n.p-inputnumber-fluid .p-inputnumber-input {\n width: 1%;\n}\n\n.p-inputnumber-fluid.p-inputnumber-vertical .p-inputnumber-input {\n width: 100%;\n}\n");
|
|
6
6
|
};
|
|
7
7
|
var classes = {
|
|
8
8
|
root: function root(_ref2) {
|
|
@@ -17,7 +17,7 @@ var classes = {
|
|
|
17
17
|
'p-inputnumber-fluid': instance.hasFluid
|
|
18
18
|
}];
|
|
19
19
|
},
|
|
20
|
-
|
|
20
|
+
pcInputText: 'p-inputnumber-input',
|
|
21
21
|
buttonGroup: 'p-inputnumber-button-group',
|
|
22
22
|
incrementButton: function incrementButton(_ref3) {
|
|
23
23
|
var instance = _ref3.instance,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../src/inputnumber/style/InputNumberStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-inputnumber {\n display: inline-flex;\n position: relative;\n}\n\n.p-inputnumber-button {\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 auto;\n cursor: pointer;\n background: ${dt('inputnumber.button.background')};\n color: ${dt('inputnumber.button.color')};\n width: ${dt('inputnumber.button.width')};\n transition: background ${dt('inputnumber.transition.duration')}, color ${dt('inputnumber.transition.duration')}, border-color ${dt('inputnumber.transition.duration')}, outline-color ${dt('inputnumber.transition.duration')};\n}\n\n.p-inputnumber-button:hover {\n background: ${dt('inputnumber.button.hover.background')};\n color: ${dt('inputnumber.button.hover.color')};\n}\n\n.p-inputnumber-button:active {\n background: ${dt('inputnumber.button.active.background')};\n color: ${dt('inputnumber.button.active.color')};\n}\n\n.p-inputnumber-stacked .p-inputnumber-button {\n position: relative;\n border: 0 none;\n}\n\n.p-inputnumber-stacked .p-inputnumber-button-group {\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 1px;\n right: 1px;\n height: calc(100% - 2px);\n z-index: 1;\n}\n\n.p-inputnumber-stacked .p-inputnumber-increment-button {\n padding: 0;\n border-top-right-radius: calc(${dt('inputnumber.button.border.radius')} - 1px);\n}\n\n.p-inputnumber-stacked .p-inputnumber-decrement-button {\n padding: 0;\n border-bottom-right-radius: calc(${dt('inputnumber.button.border.radius')} - 1px);\n}\n\n.p-inputnumber-stacked .p-inputnumber-button {\n flex: 1 1 auto;\n border: 0 none;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button {\n border: 1px solid ${dt('inputnumber.button.border.color')};\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button:hover {\n border-color: ${dt('inputnumber.button.hover.border.color')};\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button:active {\n border-color: ${dt('inputnumber.button.active.border.color')};\n}\n\n.p-inputnumber-horizontal .p-inputnumber-increment-button {\n order: 3;\n border-top-right-radius: ${dt('inputnumber.button.border.radius')};\n border-bottom-right-radius: ${dt('inputnumber.button.border.radius')};\n border-left: 0 none;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-input {\n order: 2;\n border-radius: 0;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-decrement-button {\n order: 1;\n border-top-left-radius: ${dt('inputnumber.button.border.radius')};\n border-bottom-left-radius: ${dt('inputnumber.button.border.radius')};\n border-right: 0 none;\n}\n\n.p-inputnumber-vertical {\n flex-direction: column;\n}\n\n.p-inputnumber-vertical .p-inputnumber-button {\n border: 1px solid ${dt('inputnumber.button.border.color')};\n padding: ${dt('inputnumber.button.vertical.padding')}; 0;\n}\n\n.p-inputnumber-vertical .p-inputnumber-button:hover {\n border-color: ${dt('inputnumber.button.hover.border.color')};\n}\n\n.p-inputnumber-vertical .p-inputnumber-button:active {\n border-color: ${dt('inputnumber.button.active.border.color')};\n}\n\n.p-inputnumber-vertical .p-inputnumber-increment-button {\n order: 1;\n border-top-left-radius: ${dt('inputnumber.button.border.radius')};\n border-top-right-radius: ${dt('inputnumber.button.border.radius')};\n width: 100%;\n border-bottom: 0 none;\n}\n\n.p-inputnumber-vertical .p-inputnumber-input {\n order: 2;\n border-radius: 0;\n text-align: center;\n}\n\n.p-inputnumber-vertical .p-inputnumber-decrement-button {\n order: 3;\n border-bottom-left-radius: ${dt('inputnumber.button.border.radius')};\n border-bottom-right-radius: ${dt('inputnumber.button.border.radius')};\n width: 100%;\n border-top: 0 none;\n}\n\n.p-inputnumber-input {\n flex: 1 1 auto;\n}\n\n.p-inputnumber-fluid {\n width: 100%;\n}\n\n.p-inputnumber-fluid .p-inputnumber-input {\n width: 1%;\n}\n\n.p-inputnumber-fluid.p-inputnumber-vertical .p-inputnumber-input {\n width: 100%;\n}\n`;\n\nconst classes = {\n root: ({ instance, props }) => [\n 'p-inputnumber p-component p-inputwrapper',\n {\n 'p-inputwrapper-filled': instance.filled || props.allowEmpty === false,\n 'p-inputwrapper-focus': instance.focused,\n 'p-inputnumber-stacked': props.showButtons && props.buttonLayout === 'stacked',\n 'p-inputnumber-horizontal': props.showButtons && props.buttonLayout === 'horizontal',\n 'p-inputnumber-vertical': props.showButtons && props.buttonLayout === 'vertical',\n 'p-inputnumber-fluid': instance.hasFluid\n }\n ],\n
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/inputnumber/style/InputNumberStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-inputnumber {\n display: inline-flex;\n position: relative;\n}\n\n.p-inputnumber-button {\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 auto;\n cursor: pointer;\n background: ${dt('inputnumber.button.background')};\n color: ${dt('inputnumber.button.color')};\n width: ${dt('inputnumber.button.width')};\n transition: background ${dt('inputnumber.transition.duration')}, color ${dt('inputnumber.transition.duration')}, border-color ${dt('inputnumber.transition.duration')}, outline-color ${dt('inputnumber.transition.duration')};\n}\n\n.p-inputnumber-button:hover {\n background: ${dt('inputnumber.button.hover.background')};\n color: ${dt('inputnumber.button.hover.color')};\n}\n\n.p-inputnumber-button:active {\n background: ${dt('inputnumber.button.active.background')};\n color: ${dt('inputnumber.button.active.color')};\n}\n\n.p-inputnumber-stacked .p-inputnumber-button {\n position: relative;\n border: 0 none;\n}\n\n.p-inputnumber-stacked .p-inputnumber-button-group {\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 1px;\n right: 1px;\n height: calc(100% - 2px);\n z-index: 1;\n}\n\n.p-inputnumber-stacked .p-inputnumber-increment-button {\n padding: 0;\n border-top-right-radius: calc(${dt('inputnumber.button.border.radius')} - 1px);\n}\n\n.p-inputnumber-stacked .p-inputnumber-decrement-button {\n padding: 0;\n border-bottom-right-radius: calc(${dt('inputnumber.button.border.radius')} - 1px);\n}\n\n.p-inputnumber-stacked .p-inputnumber-button {\n flex: 1 1 auto;\n border: 0 none;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button {\n border: 1px solid ${dt('inputnumber.button.border.color')};\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button:hover {\n border-color: ${dt('inputnumber.button.hover.border.color')};\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button:active {\n border-color: ${dt('inputnumber.button.active.border.color')};\n}\n\n.p-inputnumber-horizontal .p-inputnumber-increment-button {\n order: 3;\n border-top-right-radius: ${dt('inputnumber.button.border.radius')};\n border-bottom-right-radius: ${dt('inputnumber.button.border.radius')};\n border-left: 0 none;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-input {\n order: 2;\n border-radius: 0;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-decrement-button {\n order: 1;\n border-top-left-radius: ${dt('inputnumber.button.border.radius')};\n border-bottom-left-radius: ${dt('inputnumber.button.border.radius')};\n border-right: 0 none;\n}\n\n.p-floatlabel:has(.p-inputnumber-horizontal) label {\n margin-inline-start: ${dt('inputnumber.button.width')};\n}\n\n.p-inputnumber-vertical {\n flex-direction: column;\n}\n\n.p-inputnumber-vertical .p-inputnumber-button {\n border: 1px solid ${dt('inputnumber.button.border.color')};\n padding: ${dt('inputnumber.button.vertical.padding')}; 0;\n}\n\n.p-inputnumber-vertical .p-inputnumber-button:hover {\n border-color: ${dt('inputnumber.button.hover.border.color')};\n}\n\n.p-inputnumber-vertical .p-inputnumber-button:active {\n border-color: ${dt('inputnumber.button.active.border.color')};\n}\n\n.p-inputnumber-vertical .p-inputnumber-increment-button {\n order: 1;\n border-top-left-radius: ${dt('inputnumber.button.border.radius')};\n border-top-right-radius: ${dt('inputnumber.button.border.radius')};\n width: 100%;\n border-bottom: 0 none;\n}\n\n.p-inputnumber-vertical .p-inputnumber-input {\n order: 2;\n border-radius: 0;\n text-align: center;\n}\n\n.p-inputnumber-vertical .p-inputnumber-decrement-button {\n order: 3;\n border-bottom-left-radius: ${dt('inputnumber.button.border.radius')};\n border-bottom-right-radius: ${dt('inputnumber.button.border.radius')};\n width: 100%;\n border-top: 0 none;\n}\n\n.p-inputnumber-input {\n flex: 1 1 auto;\n}\n\n.p-inputnumber-fluid {\n width: 100%;\n}\n\n.p-inputnumber-fluid .p-inputnumber-input {\n width: 1%;\n}\n\n.p-inputnumber-fluid.p-inputnumber-vertical .p-inputnumber-input {\n width: 100%;\n}\n`;\n\nconst classes = {\n root: ({ instance, props }) => [\n 'p-inputnumber p-component p-inputwrapper',\n {\n 'p-inputwrapper-filled': instance.filled || props.allowEmpty === false,\n 'p-inputwrapper-focus': instance.focused,\n 'p-inputnumber-stacked': props.showButtons && props.buttonLayout === 'stacked',\n 'p-inputnumber-horizontal': props.showButtons && props.buttonLayout === 'horizontal',\n 'p-inputnumber-vertical': props.showButtons && props.buttonLayout === 'vertical',\n 'p-inputnumber-fluid': instance.hasFluid\n }\n ],\n pcInputText: 'p-inputnumber-input',\n buttonGroup: 'p-inputnumber-button-group',\n incrementButton: ({ instance, props }) => [\n 'p-inputnumber-button p-inputnumber-increment-button',\n {\n 'p-disabled': props.showButtons && props.max !== null && instance.maxBoundry()\n }\n ],\n decrementButton: ({ instance, props }) => [\n 'p-inputnumber-button p-inputnumber-decrement-button',\n {\n 'p-disabled': props.showButtons && props.min !== null && instance.minBoundry()\n }\n ]\n};\n\nexport default BaseStyle.extend({\n name: 'inputnumber',\n theme,\n classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","filled","allowEmpty","focused","showButtons","buttonLayout","hasFluid","pcInputText","buttonGroup","incrementButton","_ref3","max","maxBoundry","decrementButton","_ref4","min","minBoundry","BaseStyle","extend","name"],"mappings":"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"}
|
package/inputotp/InputOtp.vue
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
<OtpInputText
|
|
6
6
|
:value="tokens[i - 1]"
|
|
7
7
|
:type="inputType"
|
|
8
|
-
:class="cx('
|
|
8
|
+
:class="cx('pcInputText')"
|
|
9
9
|
:inputmode="inputMode"
|
|
10
10
|
:variant="variant"
|
|
11
11
|
:readonly="readonly"
|
|
@@ -18,7 +18,8 @@
|
|
|
18
18
|
@blur="onBlur($event)"
|
|
19
19
|
@paste="onPaste($event)"
|
|
20
20
|
@keydown="onKeyDown($event)"
|
|
21
|
-
|
|
21
|
+
@click="onClick($event)"
|
|
22
|
+
:pt="ptm('pcInputText')"
|
|
22
23
|
/>
|
|
23
24
|
</slot>
|
|
24
25
|
</template>
|
|
@@ -62,16 +63,6 @@ export default {
|
|
|
62
63
|
paste: (event) => this.onPaste(event)
|
|
63
64
|
};
|
|
64
65
|
},
|
|
65
|
-
getPTOptions(key) {
|
|
66
|
-
const _ptm = key === 'root' ? this.ptmi : this.ptm;
|
|
67
|
-
|
|
68
|
-
return _ptm(key, {
|
|
69
|
-
context: {
|
|
70
|
-
checked: this.checked,
|
|
71
|
-
disabled: this.disabled
|
|
72
|
-
}
|
|
73
|
-
});
|
|
74
|
-
},
|
|
75
66
|
onInput(event, index) {
|
|
76
67
|
this.tokens[index] = event.target.value;
|
|
77
68
|
this.updateModel(event);
|
|
@@ -128,6 +119,9 @@ export default {
|
|
|
128
119
|
onBlur(event) {
|
|
129
120
|
this.$emit('blur', event);
|
|
130
121
|
},
|
|
122
|
+
onClick(event) {
|
|
123
|
+
setTimeout(() => event.target.select(), 1);
|
|
124
|
+
},
|
|
131
125
|
onKeyDown(event) {
|
|
132
126
|
if (event.ctrlKey || event.metaKey) {
|
|
133
127
|
return;
|
package/inputotp/index.d.ts
CHANGED
|
@@ -68,7 +68,7 @@ export interface InputOtpPassThroughOptions {
|
|
|
68
68
|
* Used to pass attributes to the InputText component.
|
|
69
69
|
* @see {@link InputTextPassThroughOptions}
|
|
70
70
|
*/
|
|
71
|
-
|
|
71
|
+
pcInputText?: InputTextPassThroughOptions<InputOtpSharedPassThroughMethodOptions>;
|
|
72
72
|
/**
|
|
73
73
|
* Used to manage all lifecycle hooks.
|
|
74
74
|
* @see {@link BaseComponent.ComponentHooks}
|
|
@@ -140,7 +140,7 @@ export interface InputOtpTemplateEvents {
|
|
|
140
140
|
export interface InputOtpProps {
|
|
141
141
|
/**
|
|
142
142
|
* Specifies whether a inputotp should be checked or not.
|
|
143
|
-
* @defaultValue
|
|
143
|
+
* @defaultValue null
|
|
144
144
|
*/
|
|
145
145
|
modelValue?: boolean | string | undefined;
|
|
146
146
|
/**
|
package/inputotp/index.mjs
CHANGED
|
@@ -9,7 +9,7 @@ var script$1 = {
|
|
|
9
9
|
props: {
|
|
10
10
|
modelValue: {
|
|
11
11
|
type: null,
|
|
12
|
-
"default":
|
|
12
|
+
"default": null
|
|
13
13
|
},
|
|
14
14
|
invalid: {
|
|
15
15
|
type: Boolean,
|
|
@@ -97,15 +97,6 @@ var script = {
|
|
|
97
97
|
}
|
|
98
98
|
};
|
|
99
99
|
},
|
|
100
|
-
getPTOptions: function getPTOptions(key) {
|
|
101
|
-
var _ptm = key === 'root' ? this.ptmi : this.ptm;
|
|
102
|
-
return _ptm(key, {
|
|
103
|
-
context: {
|
|
104
|
-
checked: this.checked,
|
|
105
|
-
disabled: this.disabled
|
|
106
|
-
}
|
|
107
|
-
});
|
|
108
|
-
},
|
|
109
100
|
onInput: function onInput(event, index) {
|
|
110
101
|
this.tokens[index] = event.target.value;
|
|
111
102
|
this.updateModel(event);
|
|
@@ -154,6 +145,11 @@ var script = {
|
|
|
154
145
|
onBlur: function onBlur(event) {
|
|
155
146
|
this.$emit('blur', event);
|
|
156
147
|
},
|
|
148
|
+
onClick: function onClick(event) {
|
|
149
|
+
setTimeout(function () {
|
|
150
|
+
return event.target.select();
|
|
151
|
+
}, 1);
|
|
152
|
+
},
|
|
157
153
|
onKeyDown: function onKeyDown(event) {
|
|
158
154
|
if (event.ctrlKey || event.metaKey) {
|
|
159
155
|
return;
|
|
@@ -227,7 +223,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
227
223
|
return [createVNode(_component_OtpInputText, {
|
|
228
224
|
value: $data.tokens[i - 1],
|
|
229
225
|
type: $options.inputType,
|
|
230
|
-
"class": normalizeClass(_ctx.cx('
|
|
226
|
+
"class": normalizeClass(_ctx.cx('pcInputText')),
|
|
231
227
|
inputmode: $options.inputMode,
|
|
232
228
|
variant: _ctx.variant,
|
|
233
229
|
readonly: _ctx.readonly,
|
|
@@ -250,7 +246,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
250
246
|
onKeydown: _cache[3] || (_cache[3] = function ($event) {
|
|
251
247
|
return $options.onKeyDown($event);
|
|
252
248
|
}),
|
|
253
|
-
|
|
249
|
+
onClick: _cache[4] || (_cache[4] = function ($event) {
|
|
250
|
+
return $options.onClick($event);
|
|
251
|
+
}),
|
|
252
|
+
pt: _ctx.ptm('pcInputText')
|
|
254
253
|
}, null, 8, ["value", "type", "class", "inputmode", "variant", "readonly", "disabled", "invalid", "tabindex", "unstyled", "onInput", "pt"])];
|
|
255
254
|
});
|
|
256
255
|
}), 128))], 16);
|
package/inputotp/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/inputotp/BaseInputOtp.vue","../../src/inputotp/InputOtp.vue","../../src/inputotp/InputOtp.vue?vue&type=template&id=4a3e4aab&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport InputOtpStyle from 'primevue/inputotp/style';\n\nexport default {\n name: 'BaseInputOtp',\n extends: BaseComponent,\n props: {\n modelValue: {\n type: null,\n default: false\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 variant: {\n type: String,\n default: null\n },\n tabindex: {\n type: Number,\n default: null\n },\n length: {\n type: Number,\n default: 4\n },\n mask: {\n type: Boolean,\n default: false\n },\n integerOnly: {\n type: Boolean,\n default: false\n }\n },\n style: InputOtpStyle,\n provide() {\n return {\n $pcInputOtp: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <template v-for=\"i in length\" :key=\"i\">\n <slot :events=\"getTemplateEvents(i - 1)\" :attrs=\"getTemplateAttrs(i - 1)\" :index=\"i\">\n <OtpInputText\n :value=\"tokens[i - 1]\"\n :type=\"inputType\"\n :class=\"cx('pcInput')\"\n :inputmode=\"inputMode\"\n :variant=\"variant\"\n :readonly=\"readonly\"\n :disabled=\"disabled\"\n :invalid=\"invalid\"\n :tabindex=\"tabindex\"\n :unstyled=\"unstyled\"\n @input=\"onInput($event, i - 1)\"\n @focus=\"onFocus($event)\"\n @blur=\"onBlur($event)\"\n @paste=\"onPaste($event)\"\n @keydown=\"onKeyDown($event)\"\n :pt=\"ptm('pcInput')\"\n />\n </slot>\n </template>\n </div>\n</template>\n\n<script>\nimport InputText from 'primevue/inputtext';\nimport BaseInputOtp from './BaseInputOtp.vue';\n\nexport default {\n name: 'InputOtp',\n extends: BaseInputOtp,\n inheritAttrs: false,\n emits: ['update:modelValue', 'change', 'focus', 'blur'],\n data() {\n return {\n tokens: []\n };\n },\n watch: {\n modelValue: {\n immediate: true,\n handler(newValue) {\n this.tokens = newValue ? newValue.split('') : new Array(this.length);\n }\n }\n },\n methods: {\n getTemplateAttrs(index) {\n return {\n value: this.tokens[index]\n };\n },\n getTemplateEvents(index) {\n return {\n input: (event) => this.onInput(event, index),\n keydown: (event) => this.onKeyDown(event),\n focus: (event) => this.onFocus(event),\n blur: (event) => this.onBlur(event),\n paste: (event) => this.onPaste(event)\n };\n },\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 onInput(event, index) {\n this.tokens[index] = event.target.value;\n this.updateModel(event);\n\n if (event.inputType === 'deleteContentBackward') {\n this.moveToPrev(event);\n } else if (event.inputType === 'insertText' || event.inputType === 'deleteContentForward') {\n this.moveToNext(event);\n }\n },\n updateModel(event) {\n const newValue = this.tokens.join('');\n\n this.$emit('update:modelValue', newValue);\n this.$emit('change', {\n originalEvent: event,\n value: newValue\n });\n },\n moveToPrev(event) {\n let prevInput = this.findPrevInput(event.target);\n\n if (prevInput) {\n prevInput.focus();\n prevInput.select();\n }\n },\n moveToNext(event) {\n let nextInput = this.findNextInput(event.target);\n\n if (nextInput) {\n nextInput.focus();\n nextInput.select();\n }\n },\n findNextInput(element) {\n let nextElement = element.nextElementSibling;\n\n if (!nextElement) return;\n\n return nextElement.nodeName === 'INPUT' ? nextElement : this.findNextInput(nextElement);\n },\n findPrevInput(element) {\n let prevElement = element.previousElementSibling;\n\n if (!prevElement) return;\n\n return prevElement.nodeName === 'INPUT' ? prevElement : this.findPrevInput(prevElement);\n },\n onFocus(event) {\n event.target.select();\n this.$emit('focus', event);\n },\n onBlur(event) {\n this.$emit('blur', event);\n },\n onKeyDown(event) {\n if (event.ctrlKey || event.metaKey) {\n return;\n }\n\n switch (event.code) {\n case 'ArrowLeft':\n this.moveToPrev(event);\n event.preventDefault();\n\n break;\n\n case 'ArrowUp':\n case 'ArrowDown':\n event.preventDefault();\n\n break;\n\n case 'Backspace':\n if (event.target.value.length === 0) {\n this.moveToPrev(event);\n event.preventDefault();\n }\n\n break;\n\n case 'ArrowRight':\n this.moveToNext(event);\n event.preventDefault();\n\n break;\n\n case 'Enter':\n case 'NumpadEnter':\n case 'Tab':\n break;\n\n default:\n if ((this.integerOnly && !(event.code !== 'Space' && Number(event.key) >= 0 && Number(event.key) <= 9)) || (this.tokens.join('').length >= this.length && event.code !== 'Delete')) {\n event.preventDefault();\n }\n\n break;\n }\n },\n onPaste(event) {\n let paste = event.clipboardData.getData('text');\n\n if (paste.length) {\n let pastedCode = paste.substring(0, this.length);\n\n if (!this.integerOnly || !isNaN(pastedCode)) {\n this.tokens = pastedCode.split('');\n this.updateModel(event);\n }\n }\n\n event.preventDefault();\n }\n },\n computed: {\n inputMode() {\n return this.integerOnly ? 'numeric' : 'text';\n },\n inputType() {\n return this.mask ? 'password' : 'text';\n }\n },\n components: {\n OtpInputText: InputText\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <template v-for=\"i in length\" :key=\"i\">\n <slot :events=\"getTemplateEvents(i - 1)\" :attrs=\"getTemplateAttrs(i - 1)\" :index=\"i\">\n <OtpInputText\n :value=\"tokens[i - 1]\"\n :type=\"inputType\"\n :class=\"cx('pcInput')\"\n :inputmode=\"inputMode\"\n :variant=\"variant\"\n :readonly=\"readonly\"\n :disabled=\"disabled\"\n :invalid=\"invalid\"\n :tabindex=\"tabindex\"\n :unstyled=\"unstyled\"\n @input=\"onInput($event, i - 1)\"\n @focus=\"onFocus($event)\"\n @blur=\"onBlur($event)\"\n @paste=\"onPaste($event)\"\n @keydown=\"onKeyDown($event)\"\n :pt=\"ptm('pcInput')\"\n />\n </slot>\n </template>\n </div>\n</template>\n\n<script>\nimport InputText from 'primevue/inputtext';\nimport BaseInputOtp from './BaseInputOtp.vue';\n\nexport default {\n name: 'InputOtp',\n extends: BaseInputOtp,\n inheritAttrs: false,\n emits: ['update:modelValue', 'change', 'focus', 'blur'],\n data() {\n return {\n tokens: []\n };\n },\n watch: {\n modelValue: {\n immediate: true,\n handler(newValue) {\n this.tokens = newValue ? newValue.split('') : new Array(this.length);\n }\n }\n },\n methods: {\n getTemplateAttrs(index) {\n return {\n value: this.tokens[index]\n };\n },\n getTemplateEvents(index) {\n return {\n input: (event) => this.onInput(event, index),\n keydown: (event) => this.onKeyDown(event),\n focus: (event) => this.onFocus(event),\n blur: (event) => this.onBlur(event),\n paste: (event) => this.onPaste(event)\n };\n },\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 onInput(event, index) {\n this.tokens[index] = event.target.value;\n this.updateModel(event);\n\n if (event.inputType === 'deleteContentBackward') {\n this.moveToPrev(event);\n } else if (event.inputType === 'insertText' || event.inputType === 'deleteContentForward') {\n this.moveToNext(event);\n }\n },\n updateModel(event) {\n const newValue = this.tokens.join('');\n\n this.$emit('update:modelValue', newValue);\n this.$emit('change', {\n originalEvent: event,\n value: newValue\n });\n },\n moveToPrev(event) {\n let prevInput = this.findPrevInput(event.target);\n\n if (prevInput) {\n prevInput.focus();\n prevInput.select();\n }\n },\n moveToNext(event) {\n let nextInput = this.findNextInput(event.target);\n\n if (nextInput) {\n nextInput.focus();\n nextInput.select();\n }\n },\n findNextInput(element) {\n let nextElement = element.nextElementSibling;\n\n if (!nextElement) return;\n\n return nextElement.nodeName === 'INPUT' ? nextElement : this.findNextInput(nextElement);\n },\n findPrevInput(element) {\n let prevElement = element.previousElementSibling;\n\n if (!prevElement) return;\n\n return prevElement.nodeName === 'INPUT' ? prevElement : this.findPrevInput(prevElement);\n },\n onFocus(event) {\n event.target.select();\n this.$emit('focus', event);\n },\n onBlur(event) {\n this.$emit('blur', event);\n },\n onKeyDown(event) {\n if (event.ctrlKey || event.metaKey) {\n return;\n }\n\n switch (event.code) {\n case 'ArrowLeft':\n this.moveToPrev(event);\n event.preventDefault();\n\n break;\n\n case 'ArrowUp':\n case 'ArrowDown':\n event.preventDefault();\n\n break;\n\n case 'Backspace':\n if (event.target.value.length === 0) {\n this.moveToPrev(event);\n event.preventDefault();\n }\n\n break;\n\n case 'ArrowRight':\n this.moveToNext(event);\n event.preventDefault();\n\n break;\n\n case 'Enter':\n case 'NumpadEnter':\n case 'Tab':\n break;\n\n default:\n if ((this.integerOnly && !(event.code !== 'Space' && Number(event.key) >= 0 && Number(event.key) <= 9)) || (this.tokens.join('').length >= this.length && event.code !== 'Delete')) {\n event.preventDefault();\n }\n\n break;\n }\n },\n onPaste(event) {\n let paste = event.clipboardData.getData('text');\n\n if (paste.length) {\n let pastedCode = paste.substring(0, this.length);\n\n if (!this.integerOnly || !isNaN(pastedCode)) {\n this.tokens = pastedCode.split('');\n this.updateModel(event);\n }\n }\n\n event.preventDefault();\n }\n },\n computed: {\n inputMode() {\n return this.integerOnly ? 'numeric' : 'text';\n },\n inputType() {\n return this.mask ? 'password' : 'text';\n }\n },\n components: {\n OtpInputText: InputText\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","modelValue","type","invalid","Boolean","disabled","readonly","variant","String","tabindex","Number","length","mask","integerOnly","style","InputOtpStyle","provide","$pcInputOtp","$parentInstance","BaseInputOtp","inheritAttrs","emits","data","tokens","watch","immediate","handler","newValue","split","Array","methods","getTemplateAttrs","index","value","getTemplateEvents","_this","input","event","onInput","keydown","onKeyDown","focus","onFocus","blur","onBlur","paste","onPaste","getPTOptions","key","_ptm","ptmi","ptm","context","checked","target","updateModel","inputType","moveToPrev","moveToNext","join","$emit","originalEvent","prevInput","findPrevInput","select","nextInput","findNextInput","element","nextElement","nextElementSibling","nodeName","prevElement","previousElementSibling","ctrlKey","metaKey","code","preventDefault","clipboardData","getData","pastedCode","substring","isNaN","computed","inputMode","components","OtpInputText","InputText","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","_Fragment","_renderList","i","_renderSlot","$slots","events","$options","attrs","_createVNode","_component_OtpInputText","$data","inputmode","unstyled","$event","_cache","onKeydown","pt"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/inputotp/BaseInputOtp.vue","../../src/inputotp/InputOtp.vue","../../src/inputotp/InputOtp.vue?vue&type=template&id=95b695da&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport InputOtpStyle from 'primevue/inputotp/style';\n\nexport default {\n name: 'BaseInputOtp',\n extends: BaseComponent,\n props: {\n modelValue: {\n type: null,\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 variant: {\n type: String,\n default: null\n },\n tabindex: {\n type: Number,\n default: null\n },\n length: {\n type: Number,\n default: 4\n },\n mask: {\n type: Boolean,\n default: false\n },\n integerOnly: {\n type: Boolean,\n default: false\n }\n },\n style: InputOtpStyle,\n provide() {\n return {\n $pcInputOtp: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <template v-for=\"i in length\" :key=\"i\">\n <slot :events=\"getTemplateEvents(i - 1)\" :attrs=\"getTemplateAttrs(i - 1)\" :index=\"i\">\n <OtpInputText\n :value=\"tokens[i - 1]\"\n :type=\"inputType\"\n :class=\"cx('pcInputText')\"\n :inputmode=\"inputMode\"\n :variant=\"variant\"\n :readonly=\"readonly\"\n :disabled=\"disabled\"\n :invalid=\"invalid\"\n :tabindex=\"tabindex\"\n :unstyled=\"unstyled\"\n @input=\"onInput($event, i - 1)\"\n @focus=\"onFocus($event)\"\n @blur=\"onBlur($event)\"\n @paste=\"onPaste($event)\"\n @keydown=\"onKeyDown($event)\"\n @click=\"onClick($event)\"\n :pt=\"ptm('pcInputText')\"\n />\n </slot>\n </template>\n </div>\n</template>\n\n<script>\nimport InputText from 'primevue/inputtext';\nimport BaseInputOtp from './BaseInputOtp.vue';\n\nexport default {\n name: 'InputOtp',\n extends: BaseInputOtp,\n inheritAttrs: false,\n emits: ['update:modelValue', 'change', 'focus', 'blur'],\n data() {\n return {\n tokens: []\n };\n },\n watch: {\n modelValue: {\n immediate: true,\n handler(newValue) {\n this.tokens = newValue ? newValue.split('') : new Array(this.length);\n }\n }\n },\n methods: {\n getTemplateAttrs(index) {\n return {\n value: this.tokens[index]\n };\n },\n getTemplateEvents(index) {\n return {\n input: (event) => this.onInput(event, index),\n keydown: (event) => this.onKeyDown(event),\n focus: (event) => this.onFocus(event),\n blur: (event) => this.onBlur(event),\n paste: (event) => this.onPaste(event)\n };\n },\n onInput(event, index) {\n this.tokens[index] = event.target.value;\n this.updateModel(event);\n\n if (event.inputType === 'deleteContentBackward') {\n this.moveToPrev(event);\n } else if (event.inputType === 'insertText' || event.inputType === 'deleteContentForward') {\n this.moveToNext(event);\n }\n },\n updateModel(event) {\n const newValue = this.tokens.join('');\n\n this.$emit('update:modelValue', newValue);\n this.$emit('change', {\n originalEvent: event,\n value: newValue\n });\n },\n moveToPrev(event) {\n let prevInput = this.findPrevInput(event.target);\n\n if (prevInput) {\n prevInput.focus();\n prevInput.select();\n }\n },\n moveToNext(event) {\n let nextInput = this.findNextInput(event.target);\n\n if (nextInput) {\n nextInput.focus();\n nextInput.select();\n }\n },\n findNextInput(element) {\n let nextElement = element.nextElementSibling;\n\n if (!nextElement) return;\n\n return nextElement.nodeName === 'INPUT' ? nextElement : this.findNextInput(nextElement);\n },\n findPrevInput(element) {\n let prevElement = element.previousElementSibling;\n\n if (!prevElement) return;\n\n return prevElement.nodeName === 'INPUT' ? prevElement : this.findPrevInput(prevElement);\n },\n onFocus(event) {\n event.target.select();\n this.$emit('focus', event);\n },\n onBlur(event) {\n this.$emit('blur', event);\n },\n onClick(event) {\n setTimeout(() => event.target.select(), 1);\n },\n onKeyDown(event) {\n if (event.ctrlKey || event.metaKey) {\n return;\n }\n\n switch (event.code) {\n case 'ArrowLeft':\n this.moveToPrev(event);\n event.preventDefault();\n\n break;\n\n case 'ArrowUp':\n case 'ArrowDown':\n event.preventDefault();\n\n break;\n\n case 'Backspace':\n if (event.target.value.length === 0) {\n this.moveToPrev(event);\n event.preventDefault();\n }\n\n break;\n\n case 'ArrowRight':\n this.moveToNext(event);\n event.preventDefault();\n\n break;\n\n case 'Enter':\n case 'NumpadEnter':\n case 'Tab':\n break;\n\n default:\n if ((this.integerOnly && !(event.code !== 'Space' && Number(event.key) >= 0 && Number(event.key) <= 9)) || (this.tokens.join('').length >= this.length && event.code !== 'Delete')) {\n event.preventDefault();\n }\n\n break;\n }\n },\n onPaste(event) {\n let paste = event.clipboardData.getData('text');\n\n if (paste.length) {\n let pastedCode = paste.substring(0, this.length);\n\n if (!this.integerOnly || !isNaN(pastedCode)) {\n this.tokens = pastedCode.split('');\n this.updateModel(event);\n }\n }\n\n event.preventDefault();\n }\n },\n computed: {\n inputMode() {\n return this.integerOnly ? 'numeric' : 'text';\n },\n inputType() {\n return this.mask ? 'password' : 'text';\n }\n },\n components: {\n OtpInputText: InputText\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <template v-for=\"i in length\" :key=\"i\">\n <slot :events=\"getTemplateEvents(i - 1)\" :attrs=\"getTemplateAttrs(i - 1)\" :index=\"i\">\n <OtpInputText\n :value=\"tokens[i - 1]\"\n :type=\"inputType\"\n :class=\"cx('pcInputText')\"\n :inputmode=\"inputMode\"\n :variant=\"variant\"\n :readonly=\"readonly\"\n :disabled=\"disabled\"\n :invalid=\"invalid\"\n :tabindex=\"tabindex\"\n :unstyled=\"unstyled\"\n @input=\"onInput($event, i - 1)\"\n @focus=\"onFocus($event)\"\n @blur=\"onBlur($event)\"\n @paste=\"onPaste($event)\"\n @keydown=\"onKeyDown($event)\"\n @click=\"onClick($event)\"\n :pt=\"ptm('pcInputText')\"\n />\n </slot>\n </template>\n </div>\n</template>\n\n<script>\nimport InputText from 'primevue/inputtext';\nimport BaseInputOtp from './BaseInputOtp.vue';\n\nexport default {\n name: 'InputOtp',\n extends: BaseInputOtp,\n inheritAttrs: false,\n emits: ['update:modelValue', 'change', 'focus', 'blur'],\n data() {\n return {\n tokens: []\n };\n },\n watch: {\n modelValue: {\n immediate: true,\n handler(newValue) {\n this.tokens = newValue ? newValue.split('') : new Array(this.length);\n }\n }\n },\n methods: {\n getTemplateAttrs(index) {\n return {\n value: this.tokens[index]\n };\n },\n getTemplateEvents(index) {\n return {\n input: (event) => this.onInput(event, index),\n keydown: (event) => this.onKeyDown(event),\n focus: (event) => this.onFocus(event),\n blur: (event) => this.onBlur(event),\n paste: (event) => this.onPaste(event)\n };\n },\n onInput(event, index) {\n this.tokens[index] = event.target.value;\n this.updateModel(event);\n\n if (event.inputType === 'deleteContentBackward') {\n this.moveToPrev(event);\n } else if (event.inputType === 'insertText' || event.inputType === 'deleteContentForward') {\n this.moveToNext(event);\n }\n },\n updateModel(event) {\n const newValue = this.tokens.join('');\n\n this.$emit('update:modelValue', newValue);\n this.$emit('change', {\n originalEvent: event,\n value: newValue\n });\n },\n moveToPrev(event) {\n let prevInput = this.findPrevInput(event.target);\n\n if (prevInput) {\n prevInput.focus();\n prevInput.select();\n }\n },\n moveToNext(event) {\n let nextInput = this.findNextInput(event.target);\n\n if (nextInput) {\n nextInput.focus();\n nextInput.select();\n }\n },\n findNextInput(element) {\n let nextElement = element.nextElementSibling;\n\n if (!nextElement) return;\n\n return nextElement.nodeName === 'INPUT' ? nextElement : this.findNextInput(nextElement);\n },\n findPrevInput(element) {\n let prevElement = element.previousElementSibling;\n\n if (!prevElement) return;\n\n return prevElement.nodeName === 'INPUT' ? prevElement : this.findPrevInput(prevElement);\n },\n onFocus(event) {\n event.target.select();\n this.$emit('focus', event);\n },\n onBlur(event) {\n this.$emit('blur', event);\n },\n onClick(event) {\n setTimeout(() => event.target.select(), 1);\n },\n onKeyDown(event) {\n if (event.ctrlKey || event.metaKey) {\n return;\n }\n\n switch (event.code) {\n case 'ArrowLeft':\n this.moveToPrev(event);\n event.preventDefault();\n\n break;\n\n case 'ArrowUp':\n case 'ArrowDown':\n event.preventDefault();\n\n break;\n\n case 'Backspace':\n if (event.target.value.length === 0) {\n this.moveToPrev(event);\n event.preventDefault();\n }\n\n break;\n\n case 'ArrowRight':\n this.moveToNext(event);\n event.preventDefault();\n\n break;\n\n case 'Enter':\n case 'NumpadEnter':\n case 'Tab':\n break;\n\n default:\n if ((this.integerOnly && !(event.code !== 'Space' && Number(event.key) >= 0 && Number(event.key) <= 9)) || (this.tokens.join('').length >= this.length && event.code !== 'Delete')) {\n event.preventDefault();\n }\n\n break;\n }\n },\n onPaste(event) {\n let paste = event.clipboardData.getData('text');\n\n if (paste.length) {\n let pastedCode = paste.substring(0, this.length);\n\n if (!this.integerOnly || !isNaN(pastedCode)) {\n this.tokens = pastedCode.split('');\n this.updateModel(event);\n }\n }\n\n event.preventDefault();\n }\n },\n computed: {\n inputMode() {\n return this.integerOnly ? 'numeric' : 'text';\n },\n inputType() {\n return this.mask ? 'password' : 'text';\n }\n },\n components: {\n OtpInputText: InputText\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","modelValue","type","invalid","Boolean","disabled","readonly","variant","String","tabindex","Number","length","mask","integerOnly","style","InputOtpStyle","provide","$pcInputOtp","$parentInstance","BaseInputOtp","inheritAttrs","emits","data","tokens","watch","immediate","handler","newValue","split","Array","methods","getTemplateAttrs","index","value","getTemplateEvents","_this","input","event","onInput","keydown","onKeyDown","focus","onFocus","blur","onBlur","paste","onPaste","target","updateModel","inputType","moveToPrev","moveToNext","join","$emit","originalEvent","prevInput","findPrevInput","select","nextInput","findNextInput","element","nextElement","nextElementSibling","nodeName","prevElement","previousElementSibling","onClick","setTimeout","ctrlKey","metaKey","code","preventDefault","key","clipboardData","getData","pastedCode","substring","isNaN","computed","inputMode","components","OtpInputText","InputText","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_Fragment","_renderList","i","_renderSlot","$slots","events","$options","attrs","_createVNode","_component_OtpInputText","$data","inputmode","unstyled","$event","_cache","onKeydown","pt","ptm"],"mappings":"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"}
|
package/inputotp/style/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../src/inputotp/style/InputOtpStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-inputotp {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.p-inputotp-input {\n text-align: center;\n width: 2.5rem;\n}\n`;\n\nconst classes = {\n root: 'p-inputotp p-component',\n
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/inputotp/style/InputOtpStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-inputotp {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.p-inputotp-input {\n text-align: center;\n width: 2.5rem;\n}\n`;\n\nconst classes = {\n root: 'p-inputotp p-component',\n pcInputText: 'p-inputotp-input'\n};\n\nexport default BaseStyle.extend({\n name: 'inputotp',\n theme,\n classes\n});\n"],"names":["theme","_ref","dt","classes","root","pcInputText","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAQA,IAAA,CAAFC,GAAE;AAAA,EAAA,OAAA,6JAAA,CAAA;AAAA,CAWlB,CAAA;AAED,IAAMC,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,wBAAwB;AAC9BC,EAAAA,WAAW,EAAE,kBAAA;AACjB,CAAC,CAAA;AAED,oBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,UAAU;AAChBR,EAAAA,KAAK,EAALA,KAAK;AACLG,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}
|
|
@@ -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-inputtext {\n font-family: inherit;\n font-feature-settings: inherit;\n font-size: 1rem;\n color: ".concat(dt('inputtext.color'), ";\n background: ").concat(dt('inputtext.background'), ";\n padding: ").concat(dt('inputtext.padding.y'), " ").concat(dt('inputtext.padding.x'), ";\n border: 1px solid ").concat(dt('inputtext.border.color'), ";\n transition: background ").concat(dt('inputtext.transition.duration'), ", color ").concat(dt('inputtext.transition.duration'), ", border-color ").concat(dt('inputtext.transition.duration'), ", outline-color ").concat(dt('inputtext.transition.duration'), ", box-shadow ").concat(dt('inputtext.transition.duration'), ";\n appearance: none;\n border-radius: ").concat(dt('inputtext.border.radius'), ";\n outline-color: transparent;\n box-shadow: ").concat(dt('inputtext.shadow'), ";\n}\n\n.p-inputtext:enabled:hover {\n border-color: ").concat(dt('inputtext.hover.border.color'), ";\n}\n\n.p-inputtext:enabled:focus {\n border-color: ").concat(dt('inputtext.focus.border.color'), ";\n box-shadow: ").concat(dt('inputtext.focus.ring.shadow'), ";\n outline: ").concat(dt('inputtext.focus.ring.width'), " ").concat(dt('inputtext.focus.ring.style'), " ").concat(dt('inputtext.focus.ring.color'), ";\n outline-offset: ").concat(dt('inputtext.focus.ring.offset'), ";\n}\n\n.p-inputtext.p-invalid {\n border-color: ").concat(dt('inputtext.invalid.border.color'), ";\n}\n\n.p-inputtext.p-variant-filled {\n background: ").concat(dt('inputtext.filled.background'), ";\n}\n\n.p-inputtext.p-variant-filled:enabled:focus {\n background: ").concat(dt('inputtext.filled.focus.background'), ";\n}\n\n.p-inputtext:disabled {\n opacity: 1;\n background: ").concat(dt('inputtext.disabled.background'), ";\n color: ").concat(dt('inputtext.disabled.color'), ";\n}\n\n.p-inputtext::placeholder {\n color: ").concat(dt('inputtext.placeholder.color'), ";\n}\n\n.p-inputtext-sm {\n font-size: ").concat(dt('inputtext.sm.font.size'), ";\n padding: ").concat(dt('inputtext.sm.padding.y'), " ").concat(dt('inputtext.sm.padding.x'), ";\n}\n\n.p-inputtext-lg {\n font-size: ").concat(dt('inputtext.lg.font.size'), ";\n padding: ").concat(dt('inputtext.lg.padding.y'), " ").concat(dt('inputtext.lg.padding.x'), ";\n}\n\n.p-inputtext-fluid {\n width: 100%;\n}\n");
|
|
5
|
+
return "\n.p-inputtext {\n font-family: inherit;\n font-feature-settings: inherit;\n font-size: 1rem;\n color: ".concat(dt('inputtext.color'), ";\n background: ").concat(dt('inputtext.background'), ";\n padding: ").concat(dt('inputtext.padding.y'), " ").concat(dt('inputtext.padding.x'), ";\n border: 1px solid ").concat(dt('inputtext.border.color'), ";\n transition: background ").concat(dt('inputtext.transition.duration'), ", color ").concat(dt('inputtext.transition.duration'), ", border-color ").concat(dt('inputtext.transition.duration'), ", outline-color ").concat(dt('inputtext.transition.duration'), ", box-shadow ").concat(dt('inputtext.transition.duration'), ";\n appearance: none;\n border-radius: ").concat(dt('inputtext.border.radius'), ";\n outline-color: transparent;\n box-shadow: ").concat(dt('inputtext.shadow'), ";\n}\n\n.p-inputtext:enabled:hover {\n border-color: ").concat(dt('inputtext.hover.border.color'), ";\n}\n\n.p-inputtext:enabled:focus {\n border-color: ").concat(dt('inputtext.focus.border.color'), ";\n box-shadow: ").concat(dt('inputtext.focus.ring.shadow'), ";\n outline: ").concat(dt('inputtext.focus.ring.width'), " ").concat(dt('inputtext.focus.ring.style'), " ").concat(dt('inputtext.focus.ring.color'), ";\n outline-offset: ").concat(dt('inputtext.focus.ring.offset'), ";\n}\n\n.p-inputtext.p-invalid {\n border-color: ").concat(dt('inputtext.invalid.border.color'), ";\n}\n\n.p-inputtext.p-variant-filled {\n background: ").concat(dt('inputtext.filled.background'), ";\n}\n\n.p-inputtext.p-variant-filled:enabled:hover {\n border-color: ").concat(dt('inputtext.filled.hover.background'), ";\n}\n\n.p-inputtext.p-variant-filled:enabled:focus {\n background: ").concat(dt('inputtext.filled.focus.background'), ";\n}\n\n.p-inputtext:disabled {\n opacity: 1;\n background: ").concat(dt('inputtext.disabled.background'), ";\n color: ").concat(dt('inputtext.disabled.color'), ";\n}\n\n.p-inputtext::placeholder {\n color: ").concat(dt('inputtext.placeholder.color'), ";\n}\n\n.p-inputtext-sm {\n font-size: ").concat(dt('inputtext.sm.font.size'), ";\n padding: ").concat(dt('inputtext.sm.padding.y'), " ").concat(dt('inputtext.sm.padding.x'), ";\n}\n\n.p-inputtext-lg {\n font-size: ").concat(dt('inputtext.lg.font.size'), ";\n padding: ").concat(dt('inputtext.lg.padding.y'), " ").concat(dt('inputtext.lg.padding.x'), ";\n}\n\n.p-inputtext-fluid {\n width: 100%;\n}\n");
|
|
6
6
|
};
|
|
7
7
|
var classes = {
|
|
8
8
|
root: function root(_ref2) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../src/inputtext/style/InputTextStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-inputtext {\n font-family: inherit;\n font-feature-settings: inherit;\n font-size: 1rem;\n color: ${dt('inputtext.color')};\n background: ${dt('inputtext.background')};\n padding: ${dt('inputtext.padding.y')} ${dt('inputtext.padding.x')};\n border: 1px solid ${dt('inputtext.border.color')};\n transition: background ${dt('inputtext.transition.duration')}, color ${dt('inputtext.transition.duration')}, border-color ${dt('inputtext.transition.duration')}, outline-color ${dt('inputtext.transition.duration')}, box-shadow ${dt(\n 'inputtext.transition.duration'\n)};\n appearance: none;\n border-radius: ${dt('inputtext.border.radius')};\n outline-color: transparent;\n box-shadow: ${dt('inputtext.shadow')};\n}\n\n.p-inputtext:enabled:hover {\n border-color: ${dt('inputtext.hover.border.color')};\n}\n\n.p-inputtext:enabled:focus {\n border-color: ${dt('inputtext.focus.border.color')};\n box-shadow: ${dt('inputtext.focus.ring.shadow')};\n outline: ${dt('inputtext.focus.ring.width')} ${dt('inputtext.focus.ring.style')} ${dt('inputtext.focus.ring.color')};\n outline-offset: ${dt('inputtext.focus.ring.offset')};\n}\n\n.p-inputtext.p-invalid {\n border-color: ${dt('inputtext.invalid.border.color')};\n}\n\n.p-inputtext.p-variant-filled {\n background: ${dt('inputtext.filled.background')};\n}\n\n.p-inputtext.p-variant-filled:enabled:focus {\n background: ${dt('inputtext.filled.focus.background')};\n}\n\n.p-inputtext:disabled {\n opacity: 1;\n background: ${dt('inputtext.disabled.background')};\n color: ${dt('inputtext.disabled.color')};\n}\n\n.p-inputtext::placeholder {\n color: ${dt('inputtext.placeholder.color')};\n}\n\n.p-inputtext-sm {\n font-size: ${dt('inputtext.sm.font.size')};\n padding: ${dt('inputtext.sm.padding.y')} ${dt('inputtext.sm.padding.x')};\n}\n\n.p-inputtext-lg {\n font-size: ${dt('inputtext.lg.font.size')};\n padding: ${dt('inputtext.lg.padding.y')} ${dt('inputtext.lg.padding.x')};\n}\n\n.p-inputtext-fluid {\n width: 100%;\n}\n`;\n\nconst classes = {\n root: ({ instance, props }) => [\n 'p-inputtext p-component',\n {\n 'p-filled': instance.filled,\n 'p-inputtext-sm': props.size === 'small',\n 'p-inputtext-lg': props.size === 'large',\n 'p-invalid': props.invalid,\n 'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled' || instance.$primevue.config.inputVariant === 'filled',\n 'p-inputtext-fluid': instance.hasFluid\n }\n ]\n};\n\nexport default BaseStyle.extend({\n name: 'inputtext',\n theme,\n classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","filled","size","invalid","variant","$primevue","config","inputStyle","inputVariant","hasFluid","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;EAAA,OAAAC,qHAAAA,CAAAA,MAAA,CAKND,EAAE,CAAC,iBAAiB,CAAC,
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/inputtext/style/InputTextStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-inputtext {\n font-family: inherit;\n font-feature-settings: inherit;\n font-size: 1rem;\n color: ${dt('inputtext.color')};\n background: ${dt('inputtext.background')};\n padding: ${dt('inputtext.padding.y')} ${dt('inputtext.padding.x')};\n border: 1px solid ${dt('inputtext.border.color')};\n transition: background ${dt('inputtext.transition.duration')}, color ${dt('inputtext.transition.duration')}, border-color ${dt('inputtext.transition.duration')}, outline-color ${dt('inputtext.transition.duration')}, box-shadow ${dt(\n 'inputtext.transition.duration'\n)};\n appearance: none;\n border-radius: ${dt('inputtext.border.radius')};\n outline-color: transparent;\n box-shadow: ${dt('inputtext.shadow')};\n}\n\n.p-inputtext:enabled:hover {\n border-color: ${dt('inputtext.hover.border.color')};\n}\n\n.p-inputtext:enabled:focus {\n border-color: ${dt('inputtext.focus.border.color')};\n box-shadow: ${dt('inputtext.focus.ring.shadow')};\n outline: ${dt('inputtext.focus.ring.width')} ${dt('inputtext.focus.ring.style')} ${dt('inputtext.focus.ring.color')};\n outline-offset: ${dt('inputtext.focus.ring.offset')};\n}\n\n.p-inputtext.p-invalid {\n border-color: ${dt('inputtext.invalid.border.color')};\n}\n\n.p-inputtext.p-variant-filled {\n background: ${dt('inputtext.filled.background')};\n}\n\n.p-inputtext.p-variant-filled:enabled:hover {\n border-color: ${dt('inputtext.filled.hover.background')};\n}\n\n.p-inputtext.p-variant-filled:enabled:focus {\n background: ${dt('inputtext.filled.focus.background')};\n}\n\n.p-inputtext:disabled {\n opacity: 1;\n background: ${dt('inputtext.disabled.background')};\n color: ${dt('inputtext.disabled.color')};\n}\n\n.p-inputtext::placeholder {\n color: ${dt('inputtext.placeholder.color')};\n}\n\n.p-inputtext-sm {\n font-size: ${dt('inputtext.sm.font.size')};\n padding: ${dt('inputtext.sm.padding.y')} ${dt('inputtext.sm.padding.x')};\n}\n\n.p-inputtext-lg {\n font-size: ${dt('inputtext.lg.font.size')};\n padding: ${dt('inputtext.lg.padding.y')} ${dt('inputtext.lg.padding.x')};\n}\n\n.p-inputtext-fluid {\n width: 100%;\n}\n`;\n\nconst classes = {\n root: ({ instance, props }) => [\n 'p-inputtext p-component',\n {\n 'p-filled': instance.filled,\n 'p-inputtext-sm': props.size === 'small',\n 'p-inputtext-lg': props.size === 'large',\n 'p-invalid': props.invalid,\n 'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled' || instance.$primevue.config.inputVariant === 'filled',\n 'p-inputtext-fluid': instance.hasFluid\n }\n ]\n};\n\nexport default BaseStyle.extend({\n name: 'inputtext',\n theme,\n classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","filled","size","invalid","variant","$primevue","config","inputStyle","inputVariant","hasFluid","BaseStyle","extend","name"],"mappings":"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"}
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* A keyfilter is a directive used to block individual keystrokes based on a pattern.
|
|
4
|
+
*
|
|
5
|
+
* [Live Demo](https://primevue.org/keyfilter)
|
|
6
|
+
*
|
|
7
|
+
* @module keyfilter
|
|
8
|
+
*
|
|
9
|
+
*/
|
|
10
|
+
import type { DesignToken, PassThrough } from '@primevue/core';
|
|
11
|
+
import type { DirectiveHooks } from '@primevue/core/basedirective';
|
|
12
|
+
import type { PassThroughOptions } from 'primevue/passthrough';
|
|
13
|
+
import { DirectiveBinding, ObjectDirective } from 'vue';
|
|
14
|
+
|
|
15
|
+
export declare type KeyFilterDirectivePassThroughOptionType = KeyFilterDirectivePassThroughAttributes | null | undefined;
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* Defines options of KeyFilter.
|
|
19
|
+
*/
|
|
20
|
+
export interface KeyFilterOptions {
|
|
21
|
+
/**
|
|
22
|
+
* Sets the pattern for key filtering.
|
|
23
|
+
* @defaultValue null
|
|
24
|
+
*/
|
|
25
|
+
pattern?: RegExp | undefined;
|
|
26
|
+
/**
|
|
27
|
+
* When enabled, instead of blocking keys, input is validated internally to test against the regular expression.
|
|
28
|
+
* @defaultValue false
|
|
29
|
+
*/
|
|
30
|
+
validateOnly?: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* It generates scoped CSS variables using design tokens for the component.
|
|
33
|
+
*/
|
|
34
|
+
dt?: DesignToken<any>;
|
|
35
|
+
/**
|
|
36
|
+
* Used to pass attributes to DOM elements inside the component.
|
|
37
|
+
* @type {KeyFilterDirectivePassThroughOptions}
|
|
38
|
+
*/
|
|
39
|
+
pt?: PassThrough<KeyFilterDirectivePassThroughOptions>;
|
|
40
|
+
/**
|
|
41
|
+
* Used to configure passthrough(pt) options of the component.
|
|
42
|
+
* @type {PassThroughOptions}
|
|
43
|
+
*/
|
|
44
|
+
ptOptions?: PassThroughOptions;
|
|
45
|
+
/**
|
|
46
|
+
* When enabled, it removes component related styles in the core.
|
|
47
|
+
* @defaultValue false
|
|
48
|
+
*/
|
|
49
|
+
unstyled?: boolean;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
/**
|
|
53
|
+
* Custom passthrough(pt) options.
|
|
54
|
+
* @see {@link KeyFilterOptions.pt}
|
|
55
|
+
*/
|
|
56
|
+
export interface KeyFilterDirectivePassThroughOptions {
|
|
57
|
+
/**
|
|
58
|
+
* Used to pass attributes to the root's DOM element.
|
|
59
|
+
*/
|
|
60
|
+
root?: KeyFilterDirectivePassThroughOptionType;
|
|
61
|
+
/**
|
|
62
|
+
* Used to manage all lifecycle hooks.
|
|
63
|
+
* @see {@link BaseDirective.DirectiveHooks}
|
|
64
|
+
*/
|
|
65
|
+
hooks?: DirectiveHooks;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
/**
|
|
69
|
+
* Custom passthrough attributes for each DOM elements
|
|
70
|
+
*/
|
|
71
|
+
export interface KeyFilterDirectivePassThroughAttributes {
|
|
72
|
+
[key: string]: any;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
/**
|
|
76
|
+
* Defines modifiers of KeyFilter directive.
|
|
77
|
+
*/
|
|
78
|
+
export interface KeyFilterModifiers {
|
|
79
|
+
/**
|
|
80
|
+
* Positive integer pattern for KeyFilter directive.
|
|
81
|
+
* @defaultValue false
|
|
82
|
+
*/
|
|
83
|
+
pint?: RegExp | undefined;
|
|
84
|
+
/**
|
|
85
|
+
* Integer pattern for KeyFilter directive.
|
|
86
|
+
* @defaultValue false
|
|
87
|
+
*/
|
|
88
|
+
int?: RegExp | undefined;
|
|
89
|
+
/**
|
|
90
|
+
* Positive number pattern for KeyFilter directive.
|
|
91
|
+
* @defaultValue false
|
|
92
|
+
*/
|
|
93
|
+
pnum?: RegExp | undefined;
|
|
94
|
+
/**
|
|
95
|
+
* Money pattern for KeyFilter directive.
|
|
96
|
+
* @defaultValue false
|
|
97
|
+
*/
|
|
98
|
+
money?: RegExp | undefined;
|
|
99
|
+
/**
|
|
100
|
+
* Number pattern for KeyFilter directive.
|
|
101
|
+
* @defaultValue false
|
|
102
|
+
*/
|
|
103
|
+
num?: RegExp | undefined;
|
|
104
|
+
/**
|
|
105
|
+
* Hexadecimal pattern for KeyFilter directive.
|
|
106
|
+
* @defaultValue false
|
|
107
|
+
*/
|
|
108
|
+
hex?: RegExp | undefined;
|
|
109
|
+
/**
|
|
110
|
+
* Email pattern for KeyFilter directive.
|
|
111
|
+
* @defaultValue false
|
|
112
|
+
*/
|
|
113
|
+
email?: RegExp | undefined;
|
|
114
|
+
/**
|
|
115
|
+
* Alphabetic pattern for KeyFilter directive.
|
|
116
|
+
* @defaultValue false
|
|
117
|
+
*/
|
|
118
|
+
alpha?: RegExp | undefined;
|
|
119
|
+
/**
|
|
120
|
+
* Alphanumeric pattern for KeyFilter directive.
|
|
121
|
+
* @defaultValue false
|
|
122
|
+
*/
|
|
123
|
+
alphanum?: RegExp | undefined;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
/**
|
|
127
|
+
* Binding of KeyFilter directive.
|
|
128
|
+
*/
|
|
129
|
+
export interface KeyFilterDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {
|
|
130
|
+
/**
|
|
131
|
+
* Value of the KeyFilter.
|
|
132
|
+
*/
|
|
133
|
+
value?: string | KeyFilterOptions | undefined;
|
|
134
|
+
/**
|
|
135
|
+
* Modifiers of the KeyFilter.
|
|
136
|
+
* @type {KeyFilterModifiers}
|
|
137
|
+
*/
|
|
138
|
+
modifiers?: KeyFilterModifiers | undefined;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
/**
|
|
142
|
+
* **PrimeVue - KeyFilter**
|
|
143
|
+
*
|
|
144
|
+
* _A keyfilter is a directive used to block individual keystrokes based on a pattern._
|
|
145
|
+
*
|
|
146
|
+
* [Live Demo](https://www.primevue.org/keyfilter/)
|
|
147
|
+
* --- ---
|
|
148
|
+
* 
|
|
149
|
+
*
|
|
150
|
+
*/
|
|
151
|
+
declare const KeyFilter: ObjectDirective;
|
|
152
|
+
|
|
153
|
+
export default KeyFilter;
|