mirror of
https://github.com/nextcloud/server.git
synced 2026-03-29 05:43:57 -04:00
2 lines
3.4 KiB
JavaScript
2 lines
3.4 KiB
JavaScript
import{f as L,B as V,J as A,C as j,o as i,c as n,b as p,m as q,t as h,e as u,K as z,L as E,z as v,g as t,w as J,u as s,v as K,A as M,E as y,F as o}from"./runtime-dom.esm-bundler-CKxgtjB6.chunk.mjs";import{N as S,b as g,c as m,i as B}from"./autolink-U5pBzLgI-D1NMH9bI.chunk.mjs";import{_ as D,N as d,c as G}from"./createElementId-DhjFt1I9-DdwCqgaq.chunk.mjs";const H={class:"input-field__main-wrapper"},P=["id","aria-describedby","disabled","placeholder","type","value"],Q=["for"],R={class:"input-field__icon input-field__icon--leading"},U={key:2,class:"input-field__icon input-field__icon--trailing"},W=["id"],X=L({inheritAttrs:!1,__name:"NcInputField",props:y({class:{default:""},inputClass:{default:""},id:{default:()=>G()},label:{default:void 0},labelOutside:{type:Boolean},type:{default:"text"},placeholder:{default:void 0},showTrailingButton:{type:Boolean},trailingButtonLabel:{default:void 0},success:{type:Boolean},error:{type:Boolean},helperText:{default:""},disabled:{type:Boolean},pill:{type:Boolean}},{modelValue:{required:!0},modelModifiers:{}}),emits:y(["trailingButtonClick"],["update:modelValue"]),setup(c,{expose:x,emit:k}){const r=V(c,"modelValue"),l=c,$=k;x({focus:N,select:O});const f=A(),b=j("input"),T=o(()=>l.showTrailingButton||l.success),w=o(()=>{if(l.placeholder)return l.placeholder;if(l.label)return B?l.label:""}),_=o(()=>l.label||l.labelOutside),C=o(()=>{const e=[];return l.helperText&&e.push(`${l.id}-helper-text`),f["aria-describedby"]&&e.push(String(f["aria-describedby"])),e.join(" ")||void 0});function N(e){b.value.focus(e)}function O(){b.value.select()}function F(e){const a=e.target;r.value=l.type==="number"&&typeof r.value=="number"?parseFloat(a.value):a.value}return(e,a)=>(i(),n("div",{class:M(["input-field",[{"input-field--disabled":e.disabled,"input-field--error":e.error,"input-field--label-outside":e.labelOutside||!_.value,"input-field--leading-icon":!!e.$slots.icon,"input-field--trailing-icon":T.value,"input-field--pill":e.pill,"input-field--success":e.success,"input-field--legacy":s(B)},e.$props.class]])},[p("div",H,[p("input",q(e.$attrs,{id:e.id,ref:"input","aria-describedby":C.value,"aria-live":"polite",class:["input-field__input",e.inputClass],disabled:e.disabled,placeholder:w.value,type:e.type,value:r.value.toString(),onInput:F}),null,16,P),!e.labelOutside&&_.value?(i(),n("label",{key:0,class:"input-field__label",for:e.id},h(e.label),9,Q)):u("",!0),z(p("div",R,[v(e.$slots,"icon",{},void 0,!0)],512),[[E,!!e.$slots.icon]]),e.showTrailingButton?(i(),t(S,{key:1,class:"input-field__trailing-button","aria-label":e.trailingButtonLabel,disabled:e.disabled,variant:"tertiary-no-background",onClick:a[0]||(a[0]=I=>$("trailingButtonClick",I))},{icon:J(()=>[v(e.$slots,"trailing-button-icon",{},void 0,!0)]),_:3},8,["aria-label","disabled"])):e.success||e.error?(i(),n("div",U,[e.success?(i(),t(d,{key:0,path:s(g)},null,8,["path"])):(i(),t(d,{key:1,path:s(m)},null,8,["path"]))])):u("",!0)]),e.helperText?(i(),n("p",{key:0,id:`${e.id}-helper-text`,class:"input-field__helper-text-message"},[e.success?(i(),t(d,{key:0,class:"input-field__helper-text-message__icon",path:s(g),inline:""},null,8,["path"])):e.error?(i(),t(d,{key:1,class:"input-field__helper-text-message__icon",path:s(m),inline:""},null,8,["path"])):u("",!0),K(" "+h(e.helperText),1)],8,W)):u("",!0)],2))}}),le=D(X,[["__scopeId","data-v-fccfce00"]]);export{le as N};
|
|
//# sourceMappingURL=NcInputField-CPL-a_MM-R1bsVnGI.chunk.mjs.map
|