bromcom-ui 2.4.14 → 2.4.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bromcom-ui/bromcom-ui.esm.js +1 -1
- package/dist/bromcom-ui/{p-f2e73379.entry.js → p-027c7708.entry.js} +1 -1
- package/dist/bromcom-ui/{p-1b314bd5.entry.js → p-1cd97811.entry.js} +1 -1
- package/dist/bromcom-ui/{p-d4fd1619.entry.js → p-1fc98e5a.entry.js} +1 -1
- package/dist/bromcom-ui/{p-5f44988e.entry.js → p-2bd4c2ba.entry.js} +1 -1
- package/dist/bromcom-ui/{p-59c0459d.entry.js → p-3c1b8095.entry.js} +1 -1
- package/dist/bromcom-ui/p-3d40f6ce.js +1 -0
- package/dist/bromcom-ui/p-4054d5e3.js +1 -0
- package/dist/bromcom-ui/{p-6f9c4492.entry.js → p-7175652d.entry.js} +1 -1
- package/dist/bromcom-ui/p-9f47196d.js +1 -0
- package/dist/bromcom-ui/{p-3d463d45.entry.js → p-af83c581.entry.js} +1 -1
- package/dist/bromcom-ui/{p-89aab923.js → p-b5f0649f.js} +1 -1
- package/dist/bromcom-ui/p-c28be553.entry.js +1 -0
- package/dist/bromcom-ui/p-c6e58492.js +1 -0
- package/dist/bromcom-ui/{p-841a7311.entry.js → p-d4d5758f.entry.js} +1 -1
- package/dist/bromcom-ui/p-e42b15f4.js +1 -0
- package/dist/bromcom-ui/{p-ac4d2284.entry.js → p-ea79fd86.entry.js} +1 -1
- package/dist/cjs/{bcm-6463472f.js → bcm-5dcc129b.js} +6 -0
- package/dist/cjs/bcm-avatar_33.cjs.entry.js +5 -5
- package/dist/cjs/bcm-icon-2_2.cjs.entry.js +2 -2
- package/dist/cjs/bcm-list.cjs.entry.js +287 -218
- package/dist/cjs/bcm-popconfirm-box.cjs.entry.js +4 -4
- package/dist/cjs/bcm-popconfirm.cjs.entry.js +2 -2
- package/dist/cjs/bcm-popover-box.cjs.entry.js +4 -4
- package/dist/cjs/bcm-popover.cjs.entry.js +2 -2
- package/dist/cjs/bcm-search-2.cjs.entry.js +3 -3
- package/dist/cjs/bcm-stepper.cjs.entry.js +3 -3
- package/dist/cjs/bcm-tag-2.cjs.entry.js +2 -2
- package/dist/cjs/bromcom-ui.cjs.js +1 -1
- package/dist/cjs/{generate-2330fd84.js → generate-daf8998f.js} +10 -0
- package/dist/cjs/{label-template-317aee92.js → label-template-39ce726c.js} +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{popover-placement-e5e2f665.js → popover-placement-dacc8fc9.js} +5 -6
- package/dist/cjs/{stepper-states-3c341aa6.js → stepper-states-56f0862b.js} +1 -1
- package/dist/cjs/{string-helper-acab31b6.js → string-helper-991c7e7d.js} +1 -1
- package/dist/collection/components/organism/list/list-key-control.js +104 -0
- package/dist/collection/components/organism/list/list.css +10 -4
- package/dist/collection/components/organism/list/list.js +211 -210
- package/dist/collection/helper/generate.js +10 -0
- package/dist/collection/models/bcm.js +6 -0
- package/dist/collection/templates/list-item-template.js +6 -5
- package/dist/collection/utils/popover-placement.js +4 -5
- package/dist/esm/{bcm-0d5f0281.js → bcm-1571bb45.js} +6 -0
- package/dist/esm/bcm-avatar_33.entry.js +5 -5
- package/dist/esm/bcm-icon-2_2.entry.js +2 -2
- package/dist/esm/bcm-list.entry.js +287 -218
- package/dist/esm/bcm-popconfirm-box.entry.js +4 -4
- package/dist/esm/bcm-popconfirm.entry.js +2 -2
- package/dist/esm/bcm-popover-box.entry.js +4 -4
- package/dist/esm/bcm-popover.entry.js +2 -2
- package/dist/esm/bcm-search-2.entry.js +3 -3
- package/dist/esm/bcm-stepper.entry.js +3 -3
- package/dist/esm/bcm-tag-2.entry.js +2 -2
- package/dist/esm/bromcom-ui.js +1 -1
- package/dist/esm/{generate-2ee52515.js → generate-3a3196bb.js} +10 -0
- package/dist/esm/{label-template-dcde83fb.js → label-template-6989c6ba.js} +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{popover-placement-0b415c4e.js → popover-placement-38aa9b63.js} +5 -6
- package/dist/esm/{stepper-states-8d16f3b0.js → stepper-states-b821e069.js} +1 -1
- package/dist/esm/{string-helper-acc53dad.js → string-helper-cfa6df93.js} +1 -1
- package/dist/types/components/organism/list/list-key-control.d.ts +21 -0
- package/dist/types/components/organism/list/list.d.ts +26 -24
- package/dist/types/components.d.ts +5 -3
- package/dist/types/models/bcm-types.d.ts +1 -0
- package/dist/types/models/bcm.d.ts +5 -1
- package/dist/types/templates/list-item-template.d.ts +1 -0
- package/dist/types/templates/list-template.d.ts +1 -0
- package/package.json +2 -2
- package/dist/bromcom-ui/p-18d770ad.js +0 -1
- package/dist/bromcom-ui/p-3cbd2cb0.js +0 -1
- package/dist/bromcom-ui/p-8754d990.js +0 -1
- package/dist/bromcom-ui/p-93082523.js +0 -1
- package/dist/bromcom-ui/p-970c5b1c.entry.js +0 -1
- package/dist/bromcom-ui/p-dd76fa74.js +0 -1
|
@@ -1 +1 @@
|
|
|
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{G as l}from"./p-
|
|
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{G as l}from"./p-e42b15f4.js";import{B as o}from"./p-c6e58492.js";import{S as r}from"./p-b5f0649f.js";import{s as c}from"./p-6d018a8f.js";import{J as d}from"./p-c7a6f7d8.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:r,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=o.HtmlElementType[t]||o.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===o.HtmlElementType.textarea&&a("bcm-input__textarea","textarea-size-"+o.Size[d],"resize-"+I,"textarea-"+d),P===o.HtmlElementType.input&&a("input-size-"+o.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===o.HtmlElementType.input&&{type:l},P===o.HtmlElementType.textarea&&{rows:i},{value:c,maxLength:f,placeholder:r,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:c((()=>b(e.items,e.id)),[])}))),y=(e,t)=>{let i=[],s=[],n=[],a=[];return e&&e.length>0&&e.forEach((e=>{if(r.slugify(e.text).indexOf(r.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=>c((()=>f.value.get(e)),{}))(e).dataSource;let n=[];return s&&n.push(y(s,t)),{result:l.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=l.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=l.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:c((()=>t),l.UID),dataSource:b(i)};f.value.set(s.id,s)})({id:this._id,dataSource:this.data}),await this.markForCheck()}markForCheck(){this.tick=l.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)}([d("data")],x.prototype,"data",void 0);export{x as bcm_search_2}
|