bromcom-ui 2.6.2-rc.8 → 2.6.2

package/dist/bromcom-ui/{p-b7e75cee.js → p-c6087a34.js}

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

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

@@ -0,0 +1 @@
+import{r as t,c as s,h as e,H as a,g as i}from"./p-9d960649.js";import{G as n}from"./p-88874c1c.js";import{B as l}from"./p-af3de684.js";import"./p-112455b1.js";import"./p-7294ec8e.js";import{s as h}from"./p-6d018a8f.js";import{c as r}from"./p-a8b797d7.js";import{S as c}from"./p-523fa22b.js";import{d}from"./p-a80ff3e5.js";import{I as o}from"./p-c6087a34.js";import{J as u}from"./p-bb6e1bdc.js";const{state:p}=r({value:new Map}),m=(t,s)=>{let e=[];return t&&(e=t.map((t=>Object.assign(Object.assign(Object.assign({},t),{parentId:h((()=>s),null)}),t.items&&t.items.length>0&&{items:h((()=>m(t.items,t.id)),[])})))),e},f=t=>h((()=>p.value.get(t)),{}),b=(t,s,e)=>{let a=[],i=[],n=[],l=[];const{searchIsOnlyChilds:h}=f(t);return s&&s.length>0&&s.forEach((s=>{let r=h&&null!==s.parentId;if(c.slugify(s.text).indexOf(c.slugify(e))>-1&&(!h||h&&r)){if(n.push(s.id),a.push(s.id),i.push(s.id),l.push({id:s.id,text:s.text,parentId:s.parentId}),s.items&&s.items.length>0){const i=b(t,s.items,e);i.matching.length>0&&i.matching.forEach((t=>{a.push(t)}))}}else if(s.items&&s.items.length>0){const h=b(t,s.items,e);h.result.length>0&&(h.result.forEach((t=>{n.push(t)})),n.push(s.id),i.push(s.id),l.push({id:s.id,text:s.text,parentId:s.parentId,items:h.nestedResult})),h.matching.length>0&&a.push(...h.matching)}})),{result:n,matching:a,parentIndex:i,nestedResult:l}},v=(t,s,e)=>{let a;a=e&&e.length>0?e:f(t).dataSource;let i=[];return a&&i.push(b(t,a,s)),{result:n.flatArray(i[0].result),matching:i[0].matching,parentIndex:i[0].parentIndex,nestedResult:i[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=n.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.data=[],this.tick={},this.isActiveClearable=!1,this.debounceHandler=n.debounceInput((t=>this.onSearchValue(t,this)),300,!1,(()=>{var t,s;this.isActiveClearable=(null===(s=null===(t=this.inputElement)||void 0===t?void 0:t.value)||void 0===s?void 0:s.length)>0&&this.clearable}))}async componentDidLoad(){await this.initState()}async dataChanged(t,s){t!==s&&await this.initState()}async initState(){await(t=>{const{id:s,dataSource:e}=t,a={id:h((()=>s),n.UID),dataSource:e&&e.length>0&&m(e),searchIsOnlyChilds:t.searchIsOnlyChilds};p.value.set(a.id,a)})({id:this._id,dataSource:this.data,searchIsOnlyChilds:this.searchIsOnlyChilds}),await this.markForCheck()}markForCheck(){this.tick=n.UID()}handleInput(){}async onBcmFocus(){this.inputElement.focus()}async onBcmBlur(){this.inputElement.blur()}async onBcmSelect(){this.inputElement.select()}async setValue(t){this.inputElement.value=t}handleFocus(){}handleBlur(){}handleChange(){}async handleClear(t=!0){this.inputElement.value="";const{value:s,id:e}=this.inputElement;return v(e,s),this.isActiveClearable=!1,this.bcmOnSearch.emit({result:null,value:null,matching:null,parentIndex:null}),this.bcmOnSearchClear.emit(t),await d(10),Promise.resolve()}onSearchValue(t,s){const{value:e,id:a}=t.target,i=(null==e?void 0:e.length)>=2?v(a,e,null):null,{bcmOnSearch:n,inputElement:l}=s;n.emit({result:null==i?void 0:i.result,value:null==l?void 0:l.value,matching:null==i?void 0:i.matching,parentIndex:null==i?void 0:i.parentIndex,nestedResult:null==i?void 0:i.nestedResult})}render(){const{_id:t,placeholder:s,disabled:i,readonly:n}=this;return e(a,{onClick:()=>{this.onBcmFocus(),this.onBcmSelect()}},e(o,{size:this.size,id:t,type:"search",placeholder:s,disabled:i,"full-width":!0,readonly:n,clearable:this.isActiveClearable,handleFocus:()=>this.handleFocus(),handleBlur:()=>this.handleBlur(),handleChange:()=>this.handleChange(),handleClear:()=>this.handleClear(),handleInput:this.debounceHandler,ref:t=>this.inputElement=t}))}get el(){return i(this)}static get watchers(){return{data:["dataChanged"]}}};!function(t,s,e,a){var i,n=arguments.length,l=n<3?s:null===a?a=Object.getOwnPropertyDescriptor(s,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,s,e,a);else for(var h=t.length-1;h>=0;h--)(i=t[h])&&(l=(n<3?i(l):n>3?i(s,e,l):i(s,e))||l);n>3&&l&&Object.defineProperty(s,e,l)}([u("data")],j.prototype,"data",void 0);export{j as bcm_search_2}