https://neofacto.lu/_nuxt/DhHeAsMp.js

1import{t as e}from"./DK3Fl9T5.js";import{A as t,B as n,W as r,m as i}from"./CDRt1QDx.js";import{r as a,t as o}from"./CMFkS7FA.js";var s=a.extend({name:`floatlabel`,style:`
2    .p-floatlabel {
3        display: block;
4        position: relative;
5    }
6
7    .p-floatlabel label {
8        position: absolute;
9        pointer-events: none;
10        top: 50%;
11        transform: translateY(-50%);
12        transition-property: all;
13        transition-timing-function: ease;
14        line-height: 1;
15        font-weight: dt('floatlabel.font.weight');
16        inset-inline-start: dt('floatlabel.position.x');
17        color: dt('floatlabel.color');
18        transition-duration: dt('floatlabel.transition.duration');
19    }
20
21    .p-floatlabel:has(.p-textarea) label {
22        top: dt('floatlabel.position.y');
23        transform: translateY(0);
24    }
25
26    .p-floatlabel:has(.p-inputicon:first-child) label {
27        inset-inline-start: calc((dt('form.field.padding.x') * 2) + dt('icon.size'));
28    }
29
30    .p-floatlabel:has(input:focus) label,
31    .p-floatlabel:has(input.p-filled) label,
32    .p-floatlabel:has(input:-webkit-autofill) label,
33    .p-floatlabel:has(textarea:focus) label,
34    .p-floatlabel:has(textarea.p-filled) label,
35    .p-floatlabel:has(.p-inputwrapper-focus) label,
36    .p-floatlabel:has(.p-inputwrapper-filled) label,
37    .p-floatlabel:has(input[placeholder]) label,
38    .p-floatlabel:has(textarea[placeholder]) label {
39        top: dt('floatlabel.over.active.top');
40        transform: translateY(0);
41        font-size: dt('floatlabel.active.font.size');
42        font-weight: dt('floatlabel.active.font.weight');
43    }
44
45    .p-floatlabel:has(input.p-filled) label,
46    .p-floatlabel:has(textarea.p-filled) label,
47    .p-floatlabel:has(.p-inputwrapper-filled) label {
48        color: dt('floatlabel.active.color');
49    }
50
51    .p-floatlabel:has(input:focus) label,
52    .p-floatlabel:has(input:-webkit-autofill) label,
53    .p-floatlabel:has(textarea:focus) label,
54    .p-floatlabel:has(.p-inputwrapper-focus) label {
55        color: dt('floatlabel.focus.color');
56    }
57
58    .p-floatlabel-in .p-inputtext,
59    .p-floatlabel-in .p-textarea,
60    .p-floatlabel-in .p-select-label,
61    .p-floatlabel-in .p-multiselect-label,
62    .p-floatlabel-in .p-multiselect-label:has(.p-chip),
63    .p-floatlabel-in .p-autocomplete-input-multiple,
64    .p-floatlabel-in .p-cascadeselect-label,
65    .p-floatlabel-in .p-treeselect-label {
66        padding-block-start: dt('floatlabel.in.input.padding.top');
67        padding-block-end: dt('floatlabel.in.input.padding.bottom');
68    }
69
70    .p-floatlabel-in:has(input:focus) label,
71    .p-floatlabel-in:has(input.p-filled) label,
72    .p-floatlabel-in:has(input:-webkit-autofill) label,
73    .p-floatlabel-in:has(textarea:focus) label,
74    .p-floatlabel-in:has(textarea.p-filled) label,
75    .p-floatlabel-in:has(.p-inputwrapper-focus) label,
76    .p-floatlabel-in:has(.p-inputwrapper-filled) label,
77    .p-floatlabel-in:has(input[placeholder]) label,
78    .p-floatlabel-in:has(textarea[placeholder]) label {
79        top: dt('floatlabel.in.active.top');
80    }
81
82    .p-floatlabel-on:has(input:focus) label,
83    .p-floatlabel-on:has(input.p-filled) label,
84    .p-floatlabel-on:has(input:-webkit-autofill) label,
85    .p-floatlabel-on:has(textarea:focus) label,
86    .p-floatlabel-on:has(textarea.p-filled) label,
87    .p-floatlabel-on:has(.p-inputwrapper-focus) label,
88    .p-floatlabel-on:has(.p-inputwrapper-filled) label,
89    .p-floatlabel-on:has(input[placeholder]) label,
90    .p-floatlabel-on:has(textarea[placeholder]) label {
91        top: 0;
92        transform: translateY(-50%);
93        border-radius: dt('floatlabel.on.border.radius');
94        background: dt('floatlabel.on.active.background');
95        padding: dt('floatlabel.on.active.padding');
96    }
97
98    .p-floatlabel:has([class^='p-'][class$='-fluid']) {
99        width: 100%;
100    }
101
102    .p-floatlabel:has(.p-invalid) label {
103        color: dt('floatlabel.invalid.color');
104    }
105`,classes:{root:function(e){var t=e.props;return[`p-floatlabel`,{"p-floatlabel-over":t.variant===`over`,"p-floatlabel-on":t.variant===`on`,"p-floatlabel-in":t.variant===`in`}]}}}),c=e({default:()=>l}),l={name:`FloatLabel`,extends:{name:`BaseFloatLabel`,extends:o,props:{variant:{type:String,default:`over`}},style:s,provide:function(){return{$pcFloatLabel:this,$parentInstance:this}}},inheritAttrs:!1};function u(e,a,o,s,c,l){return n(),i(`span`,t({class:e.cx(`root`)},e.ptmi(`root`)),[r(e.$slots,`default`)],16)}l.render=u;export{l as n,c as t};