bromcom-ui 2.5.3-rc.7 → 2.5.3-rc.8

package/dist/bromcom-ui/p-5632fdf3.entry.js

@@ -0,0 +1 @@
+import{h as s,r as e,c as t,g as i}from"./p-9d960649.js";import"./p-112455b1.js";import{c}from"./p-7294ec8e.js";import{G as o}from"./p-effc0c8f.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:o,checked:d,hidden:m,value:p,type:u,onDismiss:b,onSelect:f})=>{!o&&(o=l.FontSize["size-1"]),console.log(u===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=c("bcm-tag__content",u,g(o)),k=c("bcm-tag",{hidden:m}),j=g(o,!0);return s("div",{id:e,class:c(k,{checked:d})},s("span",{hidden:!0},s("slot",null)),s("span",{class:y,style:(s=>{if((u===l.TagType.basic||u==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)},u===l.TagType.add&&s("span",{class:"left"},s("bcm-old-icon",{icon:"plus",type:"outlined",color:"grey-8",size:j})),u===l.TagType.checkable&&s("input",{type:"checkbox",checked:d}),s("span",{class:"value",style:i},p),u===l.TagType.dismissable&&s("span",{class:"right close-button",onClick:s=>b(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=o.UID(),this._internal_id=o.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:c,size:o,hidden:r,checked:a}=this;return s(d,{size:o,hidden:r,color:t,customStyle:c,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}