bromcom-ui 2.5.3-rc.2 → 2.5.3-rc.20

package/dist/bromcom-ui/p-960bf518.js

@@ -0,0 +1 @@
+import{h as n}from"./p-74df82e2.js";import{c as a}from"./p-7294ec8e.js";import{a as e}from"./p-7e73190d.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:u,value:f,size:p,unit:d,unitPrefix:m,maxLength:x,disabled:b,clearable:h,focused:v,readonly:y,isPasswordVisible:g,passwordToggle:w,noDefaultIcon:z,inValid:C,captionType:j,resize:_,autocomplete:k,_suffix:I,_prefix:T,changePasswordVisibility:L,handleClear:O,steps:P,ref:V,handleBlur:B,handleFocus:F,handleInput:H,handleChange:M})=>{const D=e.HtmlElementType[t]||e.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=a("bcm-input__container",D===e.HtmlElementType.textarea&&a("bcm-input__textarea","textarea-size-"+e.Size[p],"resize-"+_,"textarea-"+p),D===e.HtmlElementType.input&&a("input-size-"+e.Size[p]),{focused:v,clearable:h,disabled:b,readonly:y,invalid:C,unit:(null==d?void 0:d.length)>0,error:"error"===j});const A=a("caret-container",{unit:(null==d?void 0:d.length)>0,disabled:b||y||C}),E="large"===p?"size-3":"size-2",G=a(E,"unit-prefix");return n("div",{class:q},n("span",{hidden:!0},n("slot",null)),n("span",{class:"input-prefix"},n("slot",{name:"prefix"}),T&&T.length>0&&n("span",{innerHTML:T}),m&&n("span",{class:G},m)),n(D,Object.assign({tabindex:"1",id:c,"bcm-internal-id":o,class:"bcm-input-element "+E},D===e.HtmlElementType.input&&{type:r,autocomplete:k?"on":"off"},D===e.HtmlElementType.textarea&&{rows:l},{value:f,maxLength:x,placeholder:u,disabled:b,readOnly:y,ref:n=>V(n),onBlur:n=>(n=>{n.target.parentElement.classList.remove("focused"),B(n)})(n),onFocus:n=>(n=>{n.target.parentElement.classList.add("focused"),F(n)})(n),onInput:n=>H(n),onChange:n=>M(n)})),n("span",{class:"input-suffix-content"},h&&!b&&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)&&w&&n("span",{class:"input-suffix input-suffix-button",onClick:()=>L()},n("bcm-icon",{icon:g?"far fa-eye-slash":"far fa-eye"}))),n("span",{class:"input-suffix-content"},Object.keys(i).includes(r)&&!z&&n("span",{class:"input-suffix"},n("bcm-icon",{icon:i[r]}))),n("span",{class:"input-suffix-content"},"number"===r&&n("div",{class:A},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"}),I&&I.length>0&&n("span",{innerHTML:I}))))};export{l as I}