bromcom-ui 2.4.18 → 2.4.19

package/dist/bromcom-ui/p-fb10cbc4.entry.js

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