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

package/dist/bromcom-ui/p-89e7790f.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{B as c}from"./p-7e73190d.js";import"./p-1429a2b4.js";import{G as r}from"./p-3a0f33ed.js";import{C as l}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:r,checked:d,hidden:m,value:p,type:b,onDismiss:u,onSelect:f})=>{!r&&(r=c.FontSize["size-1"]);const g=(s,e=!1)=>(h.isNumber(s)&&(s=c.FontSize["size-"+s]||c.FontSize["size-4"]),e?+(c.FontSizeValue[s]||c.FontSizeValue["size-4"])+2:s),y=o("bcm-tag__content",b,g(r)),k=o("bcm-tag",{hidden:m}),j=g(r,!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===c.TagType.basic||b==c.TagType.dismissable)&&n[s])return{color:a(l,n[s]+"-6"),borderColor:a(l,n[s]+"-3"),backgroundColor:a(l,n[s]+"-1")}})(t),onClick:s=>f(s)},b===c.TagType.add&&s("span",{class:"left"},s("bcm-old-icon",{icon:"plus",type:"outlined",color:"grey-8",size:j})),b===c.TagType.checkable&&s("input",{type:"checkbox",checked:d}),s("span",{class:"value",style:i},p),b===c.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=r.UID(),this._internal_id=r.UID(),this.hidden=!1,this.value="",this.type=c.TagType.basic,this.checked=!1,this.size=c.FontSize["size-1"],this.closeFunc=s=>s,this.selectFunc=s=>s}handleClick(){this.type===c.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:r,hidden:l,checked:a}=this;return s(d,{size:r,hidden:l,color:t,customStyle:o,checked:a,value:i,type:c.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-9559e425.entry.js

@@ -1 +0,0 @@
-import{h as e,r as t,c as s,H as i,g as n}from"./p-9d960649.js";import"./p-112455b1.js";import{c as a}from"./p-7294ec8e.js";import{B as l}from"./p-7e73190d.js";import"./p-1429a2b4.js";import{G as o}from"./p-3a0f33ed.js";import{d as r}from"./p-a80ff3e5.js";import{c}from"./p-a8b797d7.js";import{s as d}from"./p-6d018a8f.js";import{S as u}from"./p-66ba7ea5.js";import{J as h}from"./p-bb6e1bdc.js";var p,m;!function(e){e.search="search",e.email="mail",e.tel="phone",e.url="link"}(p||(p={})),function(e){e[e.small=14]="small",e[e.medium=16]="medium",e[e.large=18]="large"}(m||(m={}));const f=({elementType:t,rows:s,id:i,internalId:n,type:o,placeholder:r,value:c,size:d,unit:u,unitPrefix:h,maxLength:f,disabled:b,clearable:y,focused:v,readonly:g,isPasswordVisible:x,passwordToggle:j,noDefaultIcon:C,inValid:I,captionType:w,resize:O,autocomplete:z,changePasswordVisibility:B,handleClear:S,steps:k,ref:_,handleBlur:F,handleFocus:P,handleInput:R,handleChange:V})=>{const L=l.HtmlElementType[t]||l.HtmlElementType.input;o="password"===o&&x?"text":o,c=c||"",c=v?c:c+(c&&(null==u?void 0:u.length)>0?" "+u:"");var T=a("bcm-input__container",L===l.HtmlElementType.textarea&&a("bcm-input__textarea","textarea-size-"+l.Size[d],"resize-"+O,"textarea-"+d),L===l.HtmlElementType.input&&a("input-size-"+l.Size[d]),{focused:v,clearable:y,disabled:b,readonly:g,invalid:I,unit:(null==u?void 0:u.length)>0,error:"error"===w});const D=a("caret-container",{unit:(null==u?void 0:u.length)>0,disabled:b||g||I}),E="large"===d?"size-3":"size-2",G=a(E,"unit-prefix");return e("div",{class:T},e("span",{hidden:!0},e("slot",null)),e("span",{class:"input-prefix"},e("slot",{name:"prefix"}),h&&e("span",{class:G},h)),e(L,Object.assign({tabindex:"1",id:i,"bcm-internal-id":n,class:"bcm-input-element "+E},L===l.HtmlElementType.input&&{type:o,autocomplete:z?"on":"off"},L===l.HtmlElementType.textarea&&{rows:s},{value:c,maxLength:f,placeholder:r,disabled:b,readOnly:g,ref:e=>_(e),onBlur:e=>(e=>{e.target.parentElement.classList.remove("focused"),F(e)})(e),onFocus:e=>(e=>{e.target.parentElement.classList.add("focused"),P(e)})(e),onInput:e=>R(e),onChange:e=>V(e)})),y&&!b&&e("span",{class:"input-suffix input-suffix-button input-clear-button",onClick:e=>S(e)},e("bcm-old-icon",{icon:"close-circle",type:"fill",size:m[d],color:"grey-7"})),"password"===o&&j&&e("span",{class:"input-suffix input-suffix-button",onClick:()=>B()},e("bcm-old-icon",{icon:x?"eye-invisible":"eye",type:"outlined",size:m[d],color:"grey-7"})),Object.keys(p).includes(o)&&!C&&e("span",{class:"input-suffix"},e("bcm-old-icon",{icon:p[o],type:"outlined",size:m[d],color:"grey-7"})),"number"===o&&e("div",{class:D},e("span",{class:"caret",onClick:()=>k("up")},e("bcm-old-icon",{icon:"caret-up",type:"outlined",color:"grey-7",size:8})),e("span",{class:"caret",onClick:()=>k("down")},e("bcm-old-icon",{icon:"caret-down",type:"outlined",color:"grey-7",size:8}))),"number"!==o&&e("span",{class:"input-suffix"},e("slot",{name:"suffix"})))},{state:b}=c({value:new Map}),y=(e,t)=>{let s=[];return e&&(s=e.map((e=>Object.assign(Object.assign(Object.assign({},e),{parentId:d((()=>t),null)}),e.items&&e.items.length>0&&{items:d((()=>y(e.items,e.id)),[])})))),s},v=e=>d((()=>b.value.get(e)),{}),g=(e,t,s)=>{let i=[],n=[],a=[],l=[];const{searchIsOnlyChilds:o}=v(e);return t&&t.length>0&&t.forEach((t=>{let r=o&&null!==t.parentId;if(u.slugify(t.text).indexOf(u.slugify(s))>-1&&(!o||o&&r)){if(a.push(t.id),i.push(t.id),n.push(t.id),l.push({id:t.id,text:t.text,parentId:t.parentId}),t.items&&t.items.length>0){const n=g(e,t.items,s);n.matching.length>0&&n.matching.forEach((e=>{i.push(e)}))}}else if(t.items&&t.items.length>0){const o=g(e,t.items,s);o.result.length>0&&(o.result.forEach((e=>{a.push(e)})),a.push(t.id),n.push(t.id),l.push({id:t.id,text:t.text,parentId:t.parentId,items:o.nestedResult})),o.matching.length>0&&i.push(...o.matching)}})),{result:a,matching:i,parentIndex:n,nestedResult:l}},x=(e,t,s)=>{let i;i=s&&s.length>0?s:v(e).dataSource;let n=[];return i&&n.push(g(e,i,t)),{result:o.flatArray(n[0].result),matching:n[0].matching,parentIndex:n[0].parentIndex,nestedResult:n[0].nestedResult}};const j=class{constructor(e){t(this,e),this.bcmOnSearch=s(this,"bcm-on-search",7),this.bcmOnSearchClear=s(this,"bcm-on-search-clear",7),this._id=o.UID(),this.placeholder="Search",this.disabled=!1,this.readonly=!1,this.clearable=!0,this.size=l.Size.medium,this.limit=10,this.searchIsOnlyChilds=!1,this.searchIsOnlyParents=!1,this.data=[],this.tick={},this.isActiveClearable=!1,this.debounceHandler=o.debounceInput((e=>this.onSearchValue(e,this)),300,!1,(()=>{var e,t;this.isActiveClearable=(null===(t=null===(e=this.inputElement)||void 0===e?void 0:e.value)||void 0===t?void 0:t.length)>0&&this.clearable}))}async componentDidLoad(){await this.initState()}async dataChanged(e,t){e!==t&&await this.initState()}async initState(){await(e=>{const{id:t,dataSource:s}=e,i={id:d((()=>t),o.UID),dataSource:s&&s.length>0&&y(s),searchIsOnlyChilds:e.searchIsOnlyChilds,searchIsOnlyParents:e.searchIsOnlyParents};b.value.set(i.id,i)})({id:this._id,dataSource:this.data,searchIsOnlyChilds:this.searchIsOnlyChilds,searchIsOnlyParents:this.searchIsOnlyParents}),await this.markForCheck()}markForCheck(){this.tick=o.UID()}handleInput(){}async onBcmFocus(){this.inputElement.focus()}async onBcmBlur(){this.inputElement.blur()}async onBcmSelect(){this.inputElement.select()}async setValue(e){this.inputElement.value=e}handleFocus(){}handleBlur(){}handleChange(){}async handleClear(e=!0){this.inputElement.value="";const{value:t,id:s}=this.inputElement;return x(s,t),this.isActiveClearable=!1,this.bcmOnSearch.emit({result:null,value:null,matching:null,parentIndex:null}),this.bcmOnSearchClear.emit(e),await r(10),Promise.resolve()}onSearchValue(e,t){const{value:s,id:i}=e.target,n=(null==s?void 0:s.length)>=2?x(i,s,null):null,{bcmOnSearch:a,inputElement:l}=t;a.emit({result:null==n?void 0:n.result,value:null==l?void 0:l.value,matching:null==n?void 0:n.matching,parentIndex:null==n?void 0:n.parentIndex,nestedResult:null==n?void 0:n.nestedResult})}render(){const{_id:t,placeholder:s,disabled:n,readonly:a}=this;return e(i,{onClick:()=>{this.onBcmFocus(),this.onBcmSelect()}},e(f,{size:this.size,id:t,type:"search",placeholder:s,disabled:n,"full-width":!0,readonly:a,clearable:this.isActiveClearable,handleFocus:()=>this.handleFocus(),handleBlur:()=>this.handleBlur(),handleChange:()=>this.handleChange(),handleClear:()=>this.handleClear(),handleInput:this.debounceHandler,ref:e=>this.inputElement=e}))}get el(){return n(this)}static get watchers(){return{data:["dataChanged"]}}};!function(e,t,s,i){var n,a=arguments.length,l=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,s,i);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(l=(a<3?n(l):a>3?n(t,s,l):n(t,s))||l);a>3&&l&&Object.defineProperty(t,s,l)}([h("data")],j.prototype,"data",void 0);export{j as bcm_search_2}

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

@@ -1 +0,0 @@
-import{h as r}from"./p-9d960649.js";import{c as e}from"./p-7294ec8e.js";import{B as o}from"./p-7e73190d.js";import{S as t}from"./p-fc054144.js";const m=({required:m,value:s,size:l,form:a,htmlFor:p,type:c})=>{const f=e("bcm-label__text",l=l||o.FontSize["size-1"],{"bcm-label__text-error":(c=c||o.Status.default)===o.Status.error});return r("label",{form:a,htmlFor:p,class:f}," ",r(t,{value:s})," ",m&&"*")};export{m as L}