bromcom-ui 2.5.3-rc.7 → 2.6.0

package/dist/bromcom-ui/p-8edb1b22.entry.js

@@ -1 +0,0 @@
-import{h as s,r as e,c as t,g as i}from"./p-9d960649.js";import"./p-112455b1.js";import{c as o}from"./p-7294ec8e.js";import{G as c}from"./p-118fb279.js";import{B as l}from"./p-7e73190d.js";import{C as r}from"./p-312efff7.js";import{e as a}from"./p-a80ff3e5.js";import"./p-6d018a8f.js";import{N as h}from"./p-44d6172f.js";var n;!function(s){s.black="black",s.white="white",s["prime-blue"]="prime-blue",s.grey="grey",s.blue="blue",s.warmyellow="warmyellow",s.yellow="yellow",s.limegreen="limegreen",s.red="red",s.darkorange="darkorange",s.orange="orange",s.green="green",s.turquosie="turquosie",s.cobaltblue="cobaltblue",s.magenta="magenta",s.purple="purple",s["bc-red"]="bc-red",s["bc-blue"]="bc-blue",s["bc-green"]="bc-green",s["bc-orange"]="bc-orange"}(n||(n={}));const d=({_id:e,color:t,customStyle:i,size:c,checked:d,hidden:m,value:p,type:b,onDismiss:u,onSelect:f})=>{!c&&(c=l.FontSize["size-1"]),console.log(b===l.TagType.dismissable);const g=(s,e=!1)=>(h.isNumber(s)&&(s=l.FontSize["size-"+s]||l.FontSize["size-4"]),e?+(l.FontSizeValue[s]||l.FontSizeValue["size-4"])+2:s),y=o("bcm-tag__content",b,g(c)),k=o("bcm-tag",{hidden:m}),j=g(c,!0);return s("div",{id:e,class:o(k,{checked:d})},s("span",{hidden:!0},s("slot",null)),s("span",{class:y,style:(s=>{if((b===l.TagType.basic||b==l.TagType.dismissable)&&n[s])return{color:a(r,n[s]+"-6"),borderColor:a(r,n[s]+"-3"),backgroundColor:a(r,n[s]+"-1")}})(t),onClick:s=>f(s)},b===l.TagType.add&&s("span",{class:"left"},s("bcm-old-icon",{icon:"plus",type:"outlined",color:"grey-8",size:j})),b===l.TagType.checkable&&s("input",{type:"checkbox",checked:d}),s("span",{class:"value",style:i},p),b===l.TagType.dismissable&&s("span",{class:"right close-button",onClick:s=>u(s)},s("i",{class:"bcm-fal bcm-fa-times"}))))},m=class{constructor(s){e(this,s),this.change=t(this,"bcm-change",7),this.tagDismissable=t(this,"bcm-tag-dismissable",7),this.bcmTagSelect=t(this,"bcm-tag-select",7),this._id=c.UID(),this._internal_id=c.UID(),this.hidden=!1,this.value="",this.type=l.TagType.basic,this.checked=!1,this.size=l.FontSize["size-1"],this.closeFunc=s=>s,this.selectFunc=s=>s}handleClick(){this.type===l.TagType.checkable&&this.handleChecked()}handleClose(){this.tagDismissable.emit(this.el)}handleChecked(){this.checked=!this.checked,this.change.emit(this.checked)}render(){const{type:e,color:t,value:i,customStyle:o,size:c,hidden:r,checked:a}=this;return s(d,{size:c,hidden:r,color:t,customStyle:o,checked:a,value:i,type:l.TagType[e],onSelect:s=>{this.bcmTagSelect.emit(s),this.selectFunc({event:s,id:this._id})},onDismiss:s=>{this.handleClose(),this.closeFunc(s)}})}get el(){return i(this)}};export{m as bcm_tag}

package/dist/bromcom-ui/p-8f7c11ec.entry.js

@@ -1 +0,0 @@
-import{r as i,c as s,h as t,H as h}from"./p-9d960649.js";import"./p-112455b1.js";import{c as e}from"./p-7294ec8e.js";import{G as a}from"./p-118fb279.js";import{B as r}from"./p-7e73190d.js";import{d as n}from"./p-a80ff3e5.js";import"./p-6d018a8f.js";import{S as l}from"./p-5f3c0fe2.js";import{N as o}from"./p-44d6172f.js";import{V as c}from"./p-7bc3a736.js";import{C as u}from"./p-b43213d3.js";import{I as p}from"./p-7d0feff7.js";const d=class{constructor(t){i(this,t),this.focus=s(this,"bcm-focus",7),this.blur=s(this,"bcm-blur",7),this.clear=s(this,"bcm-clear",7),this.change=s(this,"bcm-change",7),this.input=s(this,"bcm-input",7),this._id=a.UID(),this._internal_id=a.UID(),this.value="",this.size=r.Size.medium,this.disabled=!1,this.readonly=!1,this.clearable=!1,this.type=r.InputType.text,this.hidden=!1,this.required=!1,this.fullWidth=!1,this.noMargin=!1,this.disableWatchValue=!1,this.passwordToggle=!1,this.maxLength=null,this.unitPrefix=null,this.decimal=!0,this.noCaption=!1,this.captionType=r.Status.default,this.inValid=!1,this.valueCache="",this.focused=!1,this.isPasswordVisible=!1,this.isBlur=!1}connectedCallback(){this.valueCache=this.value,this.captionCache=this.caption,this.captionTypeCache=this.captionType}componentWillRender(){const{type:i,isBlur:s,value:t}=this;if(t)switch(i){case"number":!this.checkValid("number")&&this.validationRange();break;case"email":s&&this.checkValid("email");break;case"tel":s&&this.checkValid("phone")}}async onBcmFocus(){this.inputElement.focus()}async onBcmBlur(){this.inputElement.blur()}async onBcmSelect(){this.inputElement.select()}async set(i){await this.setValue(i)}async get(){return this.value||null}async setValue(i){return this.inputElement.value=i,this.value=i,this.handleChange(),i}async setClear(){return this.inputElement.value="",this.value="",await n(10),Promise.resolve()}async resetCaption(){this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null}async getValue(){return this.value}watchValue(){this.disableWatchValue||"number"==this.type||this.handleChange()}listenKeyDown(i){if(!this.disabled&&!this.readonly&&(this.onBcmFocus(),"number"==this.type)){var s=i.which||0,t=i.key;38==s&&(i.preventDefault(),this.stepUpOrDown("up")),40==s&&(i.preventDefault(),this.stepUpOrDown("down")),(190==s||110==s||"."==t)&&this.value.indexOf(".")>-1&&i.preventDefault(),189!=s&&109!=s&&"-"!=t||("-"==this.value.charAt(0)||this.value.indexOf("-")>-1)&&i.preventDefault()}}handleFocus(){this.focused=!0,this.focus.emit(),this.whatchHasFocus()}handleBlur(){this.focused=!1,this.isBlur=!0,this.whatchHasFocus(),this.blur.emit()}handleChange(){this.value=this.inputElement.value,this.change.emit(this.value)}handleInput(){this.value=this.inputElement.value,this.input.emit(this.value)}handleClear(i){this.inputElement.value="",this.value="",this.inputElement.focus(),this.clear.emit(i),i.stopPropagation()}changePasswordVisibility(){this.isPasswordVisible=!this.isPasswordVisible}setCaption(i=null,s=null){this.caption=i||this.captionCache,this.captionType=s||this.captionTypeCache,this.captionError="error"==s?i:null}stepUpOrDown(i){if(!this.inValid&&!this.disabled&&!this.readonly){let s=+this.step||1,t=+this.value;t="up"==i?+(t+s):+(t-s),this.value=t}}validationRange(){const{min:i,max:s,value:t}=this;if(t)if(i&&s){if(t<i||t>s)return this.setCaption(l.getMessage("between",[i,s]),"error"),!1}else if(i){if(t<i)return this.setCaption(l.getMessage("min",[i]),"error"),!1}else if(s&&t>s)return this.setCaption(l.getMessage("max",[s]),"error"),!1;return this.setCaption(),!0}checkValid(i){const{value:s}=this;return c.isValidate(s,i)?(this.setCaption(),this.inValid=!1):(this.setCaption(l.getMessage(i),"error"),this.inValid=!0),this.inValid}whatchHasFocus(){const{type:i,focused:s,valueCache:t,inValid:h}=this;i==r.InputType.number&&h&&(this.value=s?"":l.isNullOrEmpty(this.value)?t:this.value?this.fixToNumber(this.value):"")}fixToNumber(i){if(i){const s=o.getDecimalLength(this.step);return s>0?o.parseFloatFixed(i,s):i}return i}render(){const{value:i,size:s,label:a,type:r,captionType:n,caption:l,captionError:o,placeholder:c,fullWidth:d,disabled:m,readonly:f,clearable:b,passwordToggle:y,isPasswordVisible:w,noDefaultIcon:g,unit:C,inValid:V,focused:j,unitPrefix:v,noCaption:x,required:B,hidden:P,noMargin:I,_id:T}=this,k=(null==i?void 0:i.length)>0&&b,F=e("bcm-input",{hidden:P,"no-margin":I,"full-width":d,"size-1":"small"===s||"medium"===s,"size-2":"large"===s});return t(h,{tabindex:"-1",onfocus:()=>this.onBcmFocus(),class:F,onClick:()=>this.onBcmFocus()},a&&t("bcm-label",{tooltip:this.tooltip,type:n,value:a,required:B,htmlFor:T}),t(p,{id:T,type:r,value:i,placeholder:c,disabled:m,readonly:f,clearable:k,passwordToggle:y,isPasswordVisible:w,noDefaultIcon:g,focused:j,inValid:V,unitPrefix:v,maxLength:this.maxLength,internalId:this._internal_id,captionType:n,unit:C,size:s,handleFocus:()=>this.handleFocus(),handleBlur:()=>this.handleBlur(),handleChange:()=>this.handleChange(),handleInput:()=>this.handleInput(),steps:i=>this.stepUpOrDown(i),changePasswordVisibility:()=>this.changePasswordVisibility(),handleClear:i=>this.handleClear(i),ref:i=>this.inputElement=i,_suffix:this._suffix,_prefix:this._prefix}),t(u,{noCaption:x,captionType:n,captionError:o,caption:l}))}static get watchers(){return{value:["watchValue"]}}};export{d as bcm_input}