digivue/floatlabel/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/floatlabel/style/FloatLabelStyle.js"],"sourcesContent":["import BaseStyle from '@digivue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-floatlabel {\n    display: block;\n    position: relative;\n}\n\n.p-floatlabel label {\n    position: absolute;\n    pointer-events: none;\n    top: 50%;\n    transform: translateY(-50%);\n    transition-property: all;\n    transition-timing-function: ease;\n    line-height: 1;\n    font-weight: ${dt('floatlabel.font.weight')};\n    inset-inline-start: ${dt('floatlabel.position.x')};\n    color: ${dt('floatlabel.color')};\n    transition-duration: ${dt('floatlabel.transition.duration')};\n}\n\n.p-floatlabel:has(.p-textarea) label {\n    top: ${dt('floatlabel.position.y')};\n    transform: translateY(0);\n}\n\n.p-floatlabel:has(.p-inputicon:first-child) label {\n    inset-inline-start: calc((${dt('form.field.padding.x')} * 2) + ${dt('icon.size')});\n}\n\n.p-floatlabel:has(.p-invalid) label {\n    color: ${dt('floatlabel.invalid.color')};\n}\n\n.p-floatlabel:has(input:focus) label,\n.p-floatlabel:has(input.p-filled) label,\n.p-floatlabel:has(input:-webkit-autofill) label,\n.p-floatlabel:has(textarea:focus) label,\n.p-floatlabel:has(textarea.p-filled) label,\n.p-floatlabel:has(.p-inputwrapper-focus) label,\n.p-floatlabel:has(.p-inputwrapper-filled) label {\n    top: ${dt('floatlabel.over.active.top')};\n    transform: translateY(0);\n    font-size: ${dt('floatlabel.active.font.size')};\n    font-weight: ${dt('floatlabel.label.active.font.weight')};\n}\n\n.p-floatlabel:has(input.p-filled) label,\n.p-floatlabel:has(textarea.p-filled) label,\n.p-floatlabel:has(.p-inputwrapper-filled) label {\n    color: ${dt('floatlabel.active.color')};\n}\n\n.p-floatlabel:has(input:focus) label,\n.p-floatlabel:has(input:-webkit-autofill) label,\n.p-floatlabel:has(textarea:focus) label,\n.p-floatlabel:has(.p-inputwrapper-focus) label {\n    color: ${dt('floatlabel.focus.color')};\n}\n\n.p-floatlabel-in .p-inputtext,\n.p-floatlabel-in .p-textarea,\n.p-floatlabel-in .p-select-label,\n.p-floatlabel-in .p-multiselect-label,\n.p-floatlabel-in .p-autocomplete-input-multiple,\n.p-floatlabel-in .p-cascadeselect-label,\n.p-floatlabel-in .p-treeselect-label {\n    padding-block-start: ${dt('floatlabel.in.input.padding.top')};\n    padding-block-end: ${dt('floatlabel.in.input.padding.bottom')};\n}\n\n.p-floatlabel-in:has(input:focus) label,\n.p-floatlabel-in:has(input.p-filled) label,\n.p-floatlabel-in:has(input:-webkit-autofill) label,\n.p-floatlabel-in:has(textarea:focus) label,\n.p-floatlabel-in:has(textarea.p-filled) label,\n.p-floatlabel-in:has(.p-inputwrapper-focus) label,\n.p-floatlabel-in:has(.p-inputwrapper-filled) label {\n    top: ${dt('floatlabel.in.active.top')};\n}\n\n.p-floatlabel-on:has(input:focus) label,\n.p-floatlabel-on:has(input.p-filled) label,\n.p-floatlabel-on:has(input:-webkit-autofill) label,\n.p-floatlabel-on:has(textarea:focus) label,\n.p-floatlabel-on:has(textarea.p-filled) label,\n.p-floatlabel-on:has(.p-inputwrapper-focus) label,\n.p-floatlabel-on:has(.p-inputwrapper-filled) label {\n    top: 0;\n    transform: translateY(-50%);\n    border-radius: ${dt('floatlabel.on.border.radius')};\n    background: ${dt('floatlabel.on.active.background')};\n    padding: ${dt('floatlabel.on.active.padding')};\n}\n`;\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-floatlabel',\n        {\n            'p-floatlabel-over': props.variant === 'over',\n            'p-floatlabel-on': props.variant === 'on',\n            'p-floatlabel-in': props.variant === 'in',\n            'p-floatlabel-xs': props.size === 'xsmall',\n            'p-floatlabel-sm': props.size === 'small',\n            'p-floatlabel-lg': props.size === 'large'\n        }\n    ]\n};\n\nexport default BaseStyle.extend({\n    name: 'floatlabel',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","variant","size","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE;AAAA,EAAA,OAAA,gTAAA,CAAAC,MAAA,CAcAD,EAAE,CAAC,wBAAwB,CAAC,EAAAC,6BAAAA,CAAAA,CAAAA,MAAA,CACrBD,EAAE,CAAC,uBAAuB,CAAC,EAAA,gBAAA,CAAA,CAAAC,MAAA,CACxCD,EAAE,CAAC,kBAAkB,CAAC,EAAAC,8BAAAA,CAAAA,CAAAA,MAAA,CACRD,EAAE,CAAC,gCAAgC,CAAC,EAAA,2DAAA,CAAA,CAAAC,MAAA,CAIpDD,EAAE,CAAC,uBAAuB,CAAC,EAAA,4HAAA,CAAA,CAAAC,MAAA,CAKND,EAAE,CAAC,sBAAsB,CAAC,EAAAC,UAAAA,CAAAA,CAAAA,MAAA,CAAWD,EAAE,CAAC,WAAW,CAAC,EAAAC,6DAAAA,CAAAA,CAAAA,MAAA,CAIvED,EAAE,CAAC,0BAA0B,CAAC,EAAA,iVAAA,CAAA,CAAAC,MAAA,CAUhCD,EAAE,CAAC,4BAA4B,CAAC,uDAAAC,MAAA,CAE1BD,EAAE,CAAC,6BAA6B,CAAC,EAAAC,sBAAAA,CAAAA,CAAAA,MAAA,CAC/BD,EAAE,CAAC,qCAAqC,CAAC,EAAA,+JAAA,CAAA,CAAAC,MAAA,CAM/CD,EAAE,CAAC,yBAAyB,CAAC,EAAA,0MAAA,CAAA,CAAAC,MAAA,CAO7BD,EAAE,CAAC,wBAAwB,CAAC,EAAAC,iTAAAA,CAAAA,CAAAA,MAAA,CAUdD,EAAE,CAAC,iCAAiC,CAAC,EAAAC,4BAAAA,CAAAA,CAAAA,MAAA,CACvCD,EAAE,CAAC,oCAAoC,CAAC,EAAA,sWAAA,CAAA,CAAAC,MAAA,CAUtDD,EAAE,CAAC,0BAA0B,CAAC,EAAAC,+ZAAAA,CAAAA,CAAAA,MAAA,CAYpBD,EAAE,CAAC,6BAA6B,CAAC,EAAAC,qBAAAA,CAAAA,CAAAA,MAAA,CACpCD,EAAE,CAAC,iCAAiC,CAAC,EAAA,kBAAA,CAAA,CAAAC,MAAA,CACxCD,EAAE,CAAC,8BAA8B,CAAC,EAAA,QAAA,CAAA;AAAA,CAEhD;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,KAAA,EAAA;AAAA,IAAaA,KAAA,CAARC,QAAQ;UAAEC,KAAK,GAAAF,KAAA,CAALE;IAAK,OAAO,CAC3B,cAAc,EACd;AACI,MAAA,mBAAmB,EAAEA,KAAK,CAACC,OAAO,KAAK,MAAM;AAC7C,MAAA,iBAAiB,EAAED,KAAK,CAACC,OAAO,KAAK,IAAI;AACzC,MAAA,iBAAiB,EAAED,KAAK,CAACC,OAAO,KAAK,IAAI;AACzC,MAAA,iBAAiB,EAAED,KAAK,CAACE,IAAI,KAAK,QAAQ;AAC1C,MAAA,iBAAiB,EAAEF,KAAK,CAACE,IAAI,KAAK,OAAO;AACzC,MAAA,iBAAiB,EAAEF,KAAK,CAACE,IAAI,KAAK;AACtC,KAAC,CACJ;AAAA;AACL,CAAC;AAED,sBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBb,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}