UNPKG

primevue

Version:

PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc

2 lines (1 loc) 3.81 kB
this.primevue=this.primevue||{},this.primevue.inputnumber=this.primevue.inputnumber||{},this.primevue.inputnumber.style=function(n){"use strict";function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}return t(primevue.base.style).default.extend({name:"inputnumber",css:"\n@layer primevue {\n .p-inputnumber {\n display: inline-flex;\n }\n\n .p-inputnumber-button {\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 auto;\n }\n\n .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,\n .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {\n display: none;\n }\n\n .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n padding: 0;\n }\n\n .p-inputnumber-buttons-stacked .p-inputnumber-input {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-left-radius: 0;\n padding: 0;\n }\n\n .p-inputnumber-buttons-stacked .p-inputnumber-button-group {\n display: flex;\n flex-direction: column;\n }\n\n .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {\n flex: 1 1 auto;\n }\n\n .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {\n order: 3;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n .p-inputnumber-buttons-horizontal .p-inputnumber-input {\n order: 2;\n border-radius: 0;\n }\n\n .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {\n order: 1;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n .p-inputnumber-buttons-vertical {\n flex-direction: column;\n }\n\n .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {\n order: 1;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n width: 100%;\n }\n\n .p-inputnumber-buttons-vertical .p-inputnumber-input {\n order: 2;\n border-radius: 0;\n text-align: center;\n }\n\n .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {\n order: 3;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n width: 100%;\n }\n\n .p-inputnumber-input {\n flex: 1 1 auto;\n }\n\n .p-fluid .p-inputnumber {\n width: 100%;\n }\n\n .p-fluid .p-inputnumber .p-inputnumber-input {\n width: 1%;\n }\n\n .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {\n width: 100%;\n }\n}\n",classes:{root:function(n){var t=n.instance,u=n.props;return["p-inputnumber p-component p-inputwrapper",{"p-inputwrapper-filled":t.filled||!1===u.allowEmpty,"p-inputwrapper-focus":t.focused,"p-inputnumber-buttons-stacked":u.showButtons&&"stacked"===u.buttonLayout,"p-inputnumber-buttons-horizontal":u.showButtons&&"horizontal"===u.buttonLayout,"p-inputnumber-buttons-vertical":u.showButtons&&"vertical"===u.buttonLayout}]},input:"p-inputnumber-input",buttonGroup:"p-inputnumber-button-group",incrementButton:function(n){var t=n.props;return["p-inputnumber-button p-inputnumber-button-up",{"p-disabled":t.showButtons&&null!==t.max&&n.instance.maxBoundry()}]},decrementButton:function(n){var t=n.props;return["p-inputnumber-button p-inputnumber-button-down",{"p-disabled":t.showButtons&&null!==t.min&&n.instance.minBoundry()}]}}})}();