bromcom-ui 2.6.1 → 2.6.2-rc.2

package/dist/bromcom-ui/p-b7e75cee.js

@@ -0,0 +1 @@
+import{h as n}from"./p-9d960649.js";import{B as e}from"./p-60271ed7.js";import{c as a}from"./p-7294ec8e.js";import{s}from"./p-6d018a8f.js";var i,t;!function(n){n.search="fal fa-search",n.email="fal fa-mail",n.tel="fal fa-phone",n.url="fal fa-link"}(i||(i={})),function(n){n[n.small=14]="small",n[n.medium=16]="medium",n[n.large=18]="large"}(t||(t={}));const l=({elementType:t,rows:l,id:c,internalId:o,type:r,placeholder:p,value:u,size:f,pattern:d,unit:m,unitPrefix:x,maxLength:b,disabled:h,clearable:v,focused:y,readonly:g,isPasswordVisible:w,passwordToggle:z,noDefaultIcon:C,inValid:j,captionType:_,resize:k,autocomplete:I,_suffix:T,_prefix:L,changePasswordVisibility:B,handleClear:O,steps:P,ref:V,handleBlur:F,handleFocus:H,handleInput:M,handleChange:D})=>{const q=e.HtmlElementType[t]||e.HtmlElementType.input;r="password"===r&&w?"text":r,u=s((()=>u),""),r=(null==m?void 0:m.length)>0&&!y?"text":r,u=y?u:u+(u&&(null==m?void 0:m.length)>0?" "+m:"");var A=a("bcm-input__container",q===e.HtmlElementType.textarea&&a("bcm-input__textarea","textarea-size-"+e.Size[f],"resize-"+k,"textarea-"+f),q===e.HtmlElementType.input&&a("input-size-"+e.Size[f]),{focused:y,clearable:v,disabled:h,readonly:g,invalid:j,unit:(null==m?void 0:m.length)>0,error:"error"===_});const E=a("caret-container",{unit:(null==m?void 0:m.length)>0,disabled:h||g||j}),G="large"===f?"size-3":"size-2",J=a(G,"unit-prefix");return n("div",{class:A},n("span",{hidden:!0},n("slot",null)),n("span",{class:"input-prefix"},n("slot",{name:"prefix"}),L&&L.length>0&&n("span",{innerHTML:L}),x&&n("span",{class:J},x)),n(q,Object.assign({tabindex:"1",id:c,"bcm-internal-id":o,class:"bcm-input-element "+G},q===e.HtmlElementType.input&&{type:r,autocomplete:I?"on":"off",pattern:d},q===e.HtmlElementType.textarea&&{rows:l,resize:k},{value:u,maxLength:b,placeholder:p,disabled:h,readOnly:g,ref:n=>V(n),onBlur:n=>(n=>{n.target.parentElement.classList.remove("focused"),F(n)})(n),onFocus:n=>(n=>{n.target.parentElement.classList.add("focused"),H(n)})(n),onInput:n=>M(n),onChange:n=>D(n)})),n("span",{class:"input-suffix-content"},v&&!h&&n("span",{class:"input-suffix input-suffix-button input-clear-button",onClick:n=>O(n)},n("bcm-icon",{icon:"fas fa-times-circle"}))),n("span",{class:"input-suffix-content"},("password"===r||"text"===r)&&z&&n("span",{class:"input-suffix input-suffix-button",onClick:()=>B()},n("bcm-icon",{icon:w?"far fa-eye-slash":"far fa-eye"}))),n("span",{class:"input-suffix-content"},Object.keys(i).includes(r)&&!C&&n("span",{class:"input-suffix"},n("bcm-icon",{icon:i[r]}))),n("span",{class:"input-suffix-content"},"number"===r&&n("div",{class:E},n("span",{class:"bcm-input-caret",onClick:()=>P("up")},n("bcm-icon",{icon:"fas fa-caret-up"})),n("span",{class:"bcm-input-caret",onClick:()=>P("down")},n("bcm-icon",{icon:"fas fa-caret-down"})))),n("span",{class:"input-suffix-content"},"number"!==r&&n("span",{class:"input-suffix"},n("slot",{name:"suffix"}),T&&T.length>0&&n("span",{innerHTML:T}))))};export{l as I}