primevue/inputnumber/style/index.mjs.map

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

{"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    inset-block-start: 1px;\n    inset-inline-end: 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-start-end-radius: calc(${dt('inputnumber.button.border.radius')} - 1px);\n}\n\n.p-inputnumber-stacked .p-inputnumber-decrement-button {\n    padding: 0;\n    border-end-end-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-start-end-radius: ${dt('inputnumber.button.border.radius')};\n    border-end-end-radius: ${dt('inputnumber.button.border.radius')};\n    border-inline-start: 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-start-start-radius: ${dt('inputnumber.button.border.radius')};\n    border-end-start-radius: ${dt('inputnumber.button.border.radius')};\n    border-inline-end: 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')};\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-start-start-radius: ${dt('inputnumber.button.border.radius')};\n    border-start-end-radius: ${dt('inputnumber.button.border.radius')};\n    width: 100%;\n    border-block-end: 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-end-start-radius: ${dt('inputnumber.button.border.radius')};\n    border-end-end-radius: ${dt('inputnumber.button.border.radius')};\n    width: 100%;\n    border-block-start: 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.p-inputnumber:has(.p-inputtext-sm) .p-inputnumber-button .p-icon {\n    font-size: ${dt('form.field.sm.font.size')};\n    width: ${dt('form.field.sm.font.size')};\n    height: ${dt('form.field.sm.font.size')};\n}\n\n.p-inputnumber:has(.p-inputtext-lg) .p-inputnumber-button .p-icon {\n    font-size: ${dt('form.field.lg.font.size')};\n    width: ${dt('form.field.lg.font.size')};\n    height: ${dt('form.field.lg.font.size')};\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.$fluid\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","$fluid","pcInputText","buttonGroup","incrementButton","_ref3","max","maxBoundry","decrementButton","_ref4","min","minBoundry","BaseStyle","extend","name"],"mappings":"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"}