bromcom-ui 2.5.2-rc.8 → 2.5.2-rc.9

package/dist/bromcom-ui/p-890ffed6.js

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