bromcom-ui 2.3.57 → 2.3.58

package/dist/bromcom-ui/p-8851e01e.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as e,H as s,g as h}from"./p-6e0d3067.js";import{c as o}from"./p-5525b672.js";import{g as n,d as c}from"./p-4cb268d2.js";const r=t=>t.toLowerCase(),l=class{constructor(e){t(this,e),this.listboxItemSelected=i(this,"bcm-listbox-item-selected",7),this.listboxClearSelected=i(this,"bcm-listbox-clear-selecteds",7),this.listboxSendCheck=i(this,"bcm-listbox-send-check",7),this.listboxSendUncheck=i(this,"bcm-listbox-send-uncheck",7),this.listboxChecklist=i(this,"bcm-listbox-checklist",7),this.listboxChange=i(this,"bcm-listbox-change",7),this.listboxChecked=i(this,"bcm-listbox-checked",7),this.change=i(this,"bcm-change",7),this.objectMapping={id:"id",text:"text",icon:"icon",avatar:"avatar",avatarName:"avatarName",avatarImage:"avatarImage",secondaryText:"secondaryText",tooltipText:"tooltipText",selected:"selected",checked:"checked",disabled:"disabled"},this.checkedObjectList=[],this.cacheCheckedObjectList=[],this.allChilds=[],this.onlyChilds=[],this.firstRun=!0,this.firstCheck=!1,this.onFocus=!1,this.isSetData=!1,this.isGroupArray=[],this.intersection=[],this.innerComponent=!1,this.checkboxes=!1,this.required=!1,this.value=null,this.search=!1,this.infoFooter=!1,this.showIcon=!1,this.size="medium",this.checkedList=[],this.updateCheckedList=[],this._items=[],this.fullWidth=!1,this.searchFields=["text","secondaryText","tooltipText"],this.hidden=!1,this.returnField="id",this.searchSub="items",this.searchText="",this.treeview=!1,this.searchPlaceholder="Search",this.numberOfColumns=1,this.height=null,this.maxHeight=null,this.template=null,this.highlight=!1,this.loading=!0,this.noCaption=!1,this.captionType="default",this._internal_id=(4*Math.random()).toString(16).replace(".",""),this.searchResults=[],this.totalSearch=0,this.showSearch=!0,this.empty=!1,this.runClearAndSelect=!1,this.total=0,this.items=[],this.checklist=[],this.sortedChecklist=[],this.indeterminateState="uncheck",this.checked=!1,this.checklistSorted=[]}async setClear(){this.listboxChecklist.emit([]),this.value=null,this.selectedId=null,this.listboxClearSelected.emit([]);let t=n(this.el,"bcm-listbox-item"),i=[];t&&t.map((t=>{i.push(t.checked=!1)})),await Promise.all(i),this.checklist=[],this.sortedChecklist=[],this.checklistSorted=[],this.checkedObjectList=[]}async resetCaption(){this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType}async getValue(){return this.checkboxes?this.checkedObjectList:this.value}async getChecklist(){return this.checkedObjectList}async showSearchMethod(t=!0){if(0==this.treeview&&1==this.search){this.showSearch=t;var i=null;(i=this.el.shadowRoot.getElementById("search"))&&(t?i.classList.remove("hidden"):i.classList.add("hidden"))}}async selected(t){this.selectedId=String(t),setTimeout((async()=>{if(!0===this.treeview){await customElements.whenDefined("bcm-treeview");const t=this.el.shadowRoot.querySelector("bcm-treeview");t&&await t.selected(this.selectedId)}}),100)}async clearAndSelectSearch(t=!0){this.runClearAndSelect=!0,1==this.search&&setTimeout((()=>{var i=null;(i=this.el.shadowRoot.querySelector("bcm-search"))&&(i.setClear(),1==t&&i.select())}),100)}async addChecked(t){this.setClear(),t&&"string"!=typeof t&&(await c(100),sessionStorage.getItem(this._internal_id+"-config")&&this.config(JSON.parse(sessionStorage.getItem(this._internal_id+"-config"))),this.checkedList=t,this.checkedList.forEach((t=>{this.handleListboxChecked({detail:String(t)},this._internal_id)})),this.updateCheckedList=[],setTimeout((async()=>{if(!0===this.treeview){await customElements.whenDefined("bcm-treeview");const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&await i.addChecked(t)}}),100))}async updateChecked(t){this.setClear(),this.checkedList=[],this.updateCheckedList=t,this.updateCheckedList.forEach((t=>{this.handleListboxChecked({detail:t})})),setTimeout((async()=>{if(!0===this.treeview){await customElements.whenDefined("bcm-treeview");const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&await i.updateChecked(t)}}),100)}async config(t){return t.treeview&&!0===t.treeview&&(this.treeview="boolean"==typeof t.treeview&&t.treeview),setTimeout((async()=>{if(!0===this.treeview){await customElements.whenDefined("bcm-treeview");const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&(await i.config(t),this.selectedId&&await i.selected(this.selectedId))}}),300),t.searchFields&&Array.isArray(t.searchFields)&&(this.searchFields=t.searchFields),t.searchPlaceholder&&(this.searchPlaceholder="string"==typeof t.searchPlaceholder?t.searchPlaceholder:null),t.maxHeight&&(this.maxHeight="string"==typeof t.maxHeight?t.maxHeight:"100%"),t.height&&(this.height="string"==typeof t.height?t.height:"100%"),t.template&&(this.template="string"==typeof t.template?t.template:null),t.searchable&&(this.search="boolean"==typeof t.searchable&&t.searchable),t.highlight&&(this.highlight="boolean"==typeof t.highlight&&t.highlight),t.fullWidth&&(this.fullWidth="boolean"==typeof t.fullWidth&&t.fullWidth),t.numberOfColumns&&(this.numberOfColumns="number"==typeof t.numberOfColumns?t.numberOfColumns:1),t.infoFooter&&(this.infoFooter="boolean"==typeof t.infoFooter&&t.infoFooter),t.checkable&&(this.checkboxes="boolean"==typeof t.checkable&&t.checkable),t.showIcon&&(this.showIcon="boolean"==typeof t.showIcon&&t.showIcon),t.size&&(this.size=["small","medium","large"].indexOf(t.size)>=0?t.size:"medium"),this.searchSub=this.objectMapping.items,t.mapping&&(t.mapping.id&&(this.objectMapping.id=String(t.mapping.id),this.returnField=this.objectMapping.id),t.mapping.text&&(this.objectMapping.text=t.mapping.text),t.mapping.icon&&(this.objectMapping.icon=t.mapping.icon),t.mapping.avatar&&(this.objectMapping.avatar=t.mapping.avatar),t.mapping.avatarName&&(this.objectMapping.avatarName=t.mapping.avatarName),t.mapping.avatarImage&&(this.objectMapping.avatarImage=t.mapping.avatarImage),t.mapping.secondaryText&&(this.objectMapping.secondaryText=t.mapping.secondaryText),t.mapping.tooltipText&&(this.objectMapping.tooltipText=t.mapping.tooltipText),t.mapping.disabled&&(this.objectMapping.disabled=t.mapping.disabled),t.mapping.checked&&(this.objectMapping.checked=t.mapping.checked),t.mapping.selected&&(this.objectMapping.selected=t.mapping.selected),t.mapping.items&&(this.objectMapping.items=t.mapping.items,this.searchSub=this.objectMapping.items)),sessionStorage.setItem(this._internal_id+"-config",JSON.stringify(t)),Promise.resolve(!0)}async setData(t=[]){this.clearAndSelectSearch(!1),this.isLoading(!0),this._items=t,this.searchData=JSON.parse(t),this.isSetData=!0,await c(500),setTimeout((async()=>{if(!0===this.treeview){await customElements.whenDefined("bcm-treeview");const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&(await i.setData(t),this.searchData.length>0&&(this.isEmpty(!1),this.isLoading(!1)))}}),100)}componentDidRender(){this.isSetData&&(this.onlyChilds=this.getAllGroup(this.el,!0),this.allChilds=this.getAllGroup(),this.total=this.onlyChilds.length,this.total>0?(this.isEmpty(!1),this.isLoading(!1)):this.isEmpty(!0),!0===this.checkboxes&&(this.setIndeterminateState(),this.checklistSorted.length>0?(this.checkedObjectList=[],this.getAllGroup(this.el).forEach((t=>{1==t.checked&&(this.firstCheck=!0,-1==this.checkedObjectList.indexOf(t.itemObject)&&this.checkedObjectList.push(t.itemObject))})),JSON.stringify(this.cacheCheckedObjectList)!==JSON.stringify(this.checkedObjectList)&&(this.listboxChecklist.emit(this.checkedObjectList),this.cacheCheckedObjectList=this.checkedObjectList,this.value=this.checkedObjectList)):this.firstCheck&&(this.listboxChecklist.emit([]),this.cacheCheckedObjectList=[],null!=this.value&&(this.value=null))))}setIndeterminateState(){let t="uncheck",i=!0,e=!0;this.getAllGroup(this.el,!0).map((t=>{t.checked&&(e=!1),!t.checked&&(i=!1)})),t=i||e?i?"determinate":"uncheck":"indeterminate",this.indeterminateState=t,this.checked="determinate"==t}getAllGroup(t=this.el,i=!1){let e=[],s=n(t,"bcm-listbox-group"),h=n(t,"bcm-listbox-item");return s.length>0&&s.forEach((t=>{-1===this.isGroupArray.indexOf(Number(t.id))&&this.isGroupArray.push(Number(t.id)),0==i&&(e=[...e,t]),n(t,"bcm-listbox-item").forEach((t=>{e.indexOf(t)>=0||(e=[...e,t])}))})),h.length>0&&h.forEach((t=>{e.indexOf(t)>=0||(e=[...e,t])})),e}getAllChilds(t=this.el,i=null){let e=[],s=[];return this._items&&"slot"!==i?this._items&&this._items.length>0&&(s=JSON.parse(this._items),s.map((t=>"group"===t.type?t.items.map((t=>e=[...e,t])):e=[...e,t]))):n(t,"bcm-listbox-item").forEach((t=>{e=[...e,t]})),e}handleCheckList(t="add",i){if(i=String(i),this.checkboxes&&this.items&&this.items.find((t=>t[this.objectMapping.id]==i))){switch(t){case"add":this.checklist.length>0?this.checklist.includes(i)||(this.checklist=[...this.checklist,i]):this.checklist=[i];break;case"remove":this.checklist=this.checklist.filter((t=>t!==i))}let e=this.checklist.sort((function(t,i){return t-i}));this.sortedChecklist=this.checklist,this.checklistSorted=e}}handleIndeterminateClick(){let t="uncheck",i=!0,e=!0,s=[];this.getAllGroup(this.el,!0).map((t=>{!1===t.hidden&&(s.push(t),t.checked&&(e=!1),!t.checked&&(i=!1))})),t=i||e?i?"determinate":"uncheck":"indeterminate",s.map((i=>{"uncheck"!==t?(i.checked=!1,this.handleCheckList("remove",String(i.id))):(i.checked=!0,this.handleCheckList("add",String(i.id)))})),this.setIndeterminateState()}handleCheckboxClick(t){t.preventDefault()}itemRenderer(t){return t[this.objectMapping.id]&&String(this.selectedId)==String(t[this.objectMapping.id])&&this.listboxItemSelected.emit(t),e("bcm-listbox-item",Object.assign({_internal_id:this._internal_id,id:String(t[this.objectMapping.id]),text:t[this.objectMapping.text]},t[this.objectMapping.icon]&&{icon:t[this.objectMapping.icon]},t[this.objectMapping.avatar]&&{avatar:t[this.objectMapping.avatar]},t[this.objectMapping.avatarName]&&{avatarName:t[this.objectMapping.avatarName]},t[this.objectMapping.avatarImage]&&{avatarImage:t[this.objectMapping.avatarImage]},t[this.objectMapping.secondaryText]&&{secondaryText:t[this.objectMapping.secondaryText]},t[this.objectMapping.tooltipText]&&{tooltipText:t[this.objectMapping.tooltipText]},Boolean(t[this.objectMapping.checked])===Boolean(!0)&&{checked:Boolean(t[this.objectMapping.checked])},!0===t[this.objectMapping.disabled]&&{disabled:!0},Boolean(t[this.objectMapping.selected])===Boolean(!0)&&0==this.checkboxes&&{selected:Boolean(t[this.objectMapping.selected])},this.template&&{template:this.template},this.checkboxes&&{checkboxes:!0},this.size&&{size:this.size},{itemObject:t,objectMapping:this.objectMapping}))}recursiveGroupRenderer(t){return e("bcm-listbox-group",{id:t[this.objectMapping.id],text:t[this.objectMapping.text]},t.items.map((t=>"group"===t.type?this.recursiveGroupRenderer(t):this.itemRenderer(t))))}async searchResultMethod(t=[]){if(1==this.treeview){await customElements.whenDefined("bcm-treeview");const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&await i.searchResultMethod({detail:!(t.length>0)||t})}else this.listenSearchResult({detail:!(t.length>0)||t,isEvent:!0})}handleListboxSelected(t){this.listboxItemSelected.emit(t.detail)}isLoading(t){var i=this.el.shadowRoot.getElementById("bcm-listbox-list"),e=this.el.shadowRoot.getElementById("loading"),s=this.el.shadowRoot.querySelector("bcm-search");t?(s&&(s.disabled=!0),i&&i.classList.add("loading"),e&&e.classList.add("show")):(s&&(s.disabled=!1),i&&i.classList.remove("loading"),e&&e.classList.remove("show"))}isEmpty(t){var i=this.el.shadowRoot.getElementById("empty"),e=this.el.shadowRoot.getElementById("list-container"),s=this.el.shadowRoot.getElementById("checkall");t?(i&&i.classList.add("show"),e&&e.classList.add("hidden"),s&&s.classList.add("hidden")):(i&&i.classList.remove("show"),e&&e.classList.remove("hidden"),s&&s.classList.remove("hidden"))}isSearchCount(t=!1){if(this.infoFooter){var i=this.el.shadowRoot.getElementById("in-search"),e=this.el.shadowRoot.getElementById("in-total");!1!==t&&t>=0&&null!=t&&i&&e?(i.innerHTML=t,e.style.display="none"):(e.style.display="inline",i.innerHTML="")}}listenSearchResult(t){var i=t.path||t.composedPath&&t.composedPath();if(null==t.isEvent&&i&&null!=i.filter((t=>t._internal_id==this._internal_id))[0]){var e="";if(0==this.treeview){var s=t.detail.length;this.isEmpty(!1),this.intersection=[],t.detail.length>0?(-1==t.detail[0]&&(s=0,this.empty=!0,this.isEmpty(!0)),this.allChilds.length>0&&this.allChilds.map((i=>{this.highlight&&t.target.addEventListener("bcm-on-search-value",(async t=>{e=await t.detail;var s=i.shadowRoot.getElementById("text");if(s=s.textContent||s.innerText||"",e){var h=r(s),o=r(e),n=h.indexOf(o);n>=0&&(s=s.substring(0,n)+"<span class='highlight'>"+s.substring(n,n+e.length)+"</span>"+s.substring(n+e.length))}i.shadowRoot.getElementById("text").innerHTML=s})),i.hidden=!0;var s=String(i.id);i.hidden=!(t.detail.indexOf(s)>=0)})),this.intersection=-1==t.detail[0]?[0]:t.detail.filter((t=>this.isGroupArray.includes(t)))):this.allChilds.length>0&&this.allChilds.map((t=>{t.hidden=!1})),(this.search||this.checkboxes)&&setTimeout((()=>{this.isSearchCount(s>=0?s:0),-1===t.detail[0]&&this.isSearchCount(0),!0===t.detail&&this.isSearchCount()}),100),!0===t.detail&&this.isEmpty(!1),this.runClearAndSelect&&(this.runClearAndSelect=!1,this.isSearchCount(!0))}}}parseItems(t){t&&(this.items="string"==typeof t?JSON.parse(t):t),this.handleChildProcess()}handleChange(t){this.change.emit(t),this.listboxChange.emit(t)}handleChildProcess(){setTimeout((()=>{this.onlyChilds=this.getAllGroup(this.el,!0),this.total=this.onlyChilds.length,this.total>0?(this.isLoading(!1),this.isEmpty(!1)):(this.isLoading(!1),this.isEmpty(!0))}),100)}handleListboxClearSelected(t){var i=t.path||t.composedPath&&t.composedPath();0==this.checkboxes&&i&&null!=i.filter((t=>t._internal_id==this._internal_id))[0]&&(this.value=t.detail,this.selectedId=String(t.detail[this.objectMapping.id]),this.listboxClearSelected.emit(t.detail))}handleListboxChecked(t,i=this._internal_id){var e=t.path||t.composedPath&&t.composedPath();(e&&null!=e.filter((t=>t._internal_id==this._internal_id))[0]||i==this._internal_id)&&(this.listboxSendCheck.emit(t.detail),this.handleCheckList("add",t.detail),this.setIndeterminateState())}handleListboxUnchecked(t,i=this._internal_id){var e=t.path||t.composedPath&&t.composedPath();(e&&null!=e.filter((t=>t._internal_id==this._internal_id))[0]||i==this._internal_id)&&(this.listboxSendUncheck.emit(t.detail),this.handleCheckList("remove",t.detail),this.setIndeterminateState())}async listboxUncheckedMethod(t,i=this._internal_id){if(this.treeview){await customElements.whenDefined("bcm-treeview");const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&await i.treeviewUncheckedMethod(t)}else this.handleListboxUnchecked({detail:t},i)}handleFocus(t=!1){this.onFocus=t}render(){const{innerComponent:t,label:i,required:h,treeview:n,searchText:c,checkboxes:r,search:l,size:a,fullWidth:d,total:m,indeterminateState:p,checked:x,checklist:b,searchData:g,searchFields:u,_flex:f,returnField:v,searchSub:y,infoFooter:w,showSearch:k,noCaption:z,caption:S,captionError:C,captionType:T}=this,j=o("bcm-listbox",{error:"error"==T,"full-width":d,flex:f}),I=o("listbox-item",{hidden:this.totalSearch>0}),N=o("listbox-item-container"),L=o("listbox-item-container-text-content",a,{"size-2":"small"===a||"medium"===a,"size-3":"large"===a}),F=o("list-container",{"column-1":this.numberOfColumns<=1,"column-2":2==this.numberOfColumns,"column-3":this.numberOfColumns>=3}),_={"grid-template-columns":this.numberOfColumns<=1?"1fr":"repeat("+this.numberOfColumns+", "+(210-10*this.numberOfColumns)+"px)"},M=o(this.hidden?"hidden":null,{flex:f,"full-width":d});var O={"max-height":this.maxHeight};const R={"min-height":this.height?"inherit":this.maxHeight?"auto":"200px"};this.height&&(O=Object.assign(Object.assign({},O),{height:this.height}));const P=o("size-1","input-caption","caption-"+T);return e(s,{class:M,style:O,"bcm-internal-id":this._internal_id},!t&&i&&e("div",null,e("bcm-label",{tooltip:this.tooltip,type:T,value:i,required:h})),!0===n&&e("bcm-treeview",{_internal_id:this._internal_id}),0==n&&e("div",{class:j,style:O},l&&e("div",{class:"search",id:"search",style:{display:"false"==String(k)?"none":"block"}},e("bcm-search",{_internal_id:this._internal_id,searchPlaceholder:this.searchPlaceholder,searchValue:c,"on-bcm-focus":()=>this.handleFocus(!0),"on-bcm-blur":()=>this.handleFocus(!1),data:g,returnField:v,searchFields:u,searchSub:y,clearable:!0}),e("bcm-divider",null)),e("div",{id:"bcm-listbox-list",class:"bcm-listbox-list loading",style:R},r&&e("div",{class:I,id:"checkall"},e("div",{class:N,onClick:()=>this.handleIndeterminateClick()},e("div",{class:"check-content"},"indeterminate"==p&&e("span",{class:"indeterminate"})||e("bcm-checkbox",{onClick:t=>this.handleCheckboxClick(t),checked:x,noCaption:!0})),e("div",{class:L},"Select All")),e("div",{class:"divider"},e("bcm-divider",null))),e("div",{id:"list-container",class:F,style:_},0!==this.items.length&&this.items.map((t=>"group"===t.type?this.recursiveGroupRenderer(t):this.itemRenderer(t)))),e("div",{id:"loading",class:"loading show"},e("bcm-icon",{type:"animated",color:"prime-blue-6",class:"prefix",icon:"loading",size:"medium"})),e("div",{id:"empty",class:"empty"},e("bcm-empty",{size:"small",text:"No Data"}))),1==w&&e("div",{class:"bcm-listbox-footer"},e("bcm-text",{scale:"size-1",color:"grey-8"},b.length>0&&" ( "+b.length+" selected ) ","Total ",e("span",{id:"in-search"})," ",e("span",{id:"in-total"},m)," items found."))),!z&&e("div",{class:"caption-area"},"error"==T?e("span",{class:P}," ",C," "):S&&e("span",{class:P}," ",S," ")))}get el(){return h(this)}static get watchers(){return{_items:["parseItems"],value:["handleChange"]}}};l.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:block;width:fit-content;height:fit-content;background-color:#ffffff}:host(.hidden){display:none}:host(.flex){width:100%;height:100%}:host(.flex) .bcm-listbox{max-height:100%;max-width:100%;height:100%;min-width:100%}:host(.full-width){width:100%}:host(.full-width) .bcm-listbox{max-width:100%;min-width:100%}.bcm-listbox{flex:1;background-color:var(--bcm-color-grey-1);width:fit-content;display:flex;flex-direction:column;height:100%;width:100%;min-width:256px;max-width:256px;min-height:auto;max-height:300px;box-sizing:border-box;border:1px solid var(--bcm-color-grey-5)}.bcm-listbox-list{flex:1;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;border-bottom:none}.bcm-listbox-list.loading{min-height:150px;position:relative;margin:0 8px 8px 8px}.bcm-listbox-list .loading{display:none;align-items:center;justify-content:center;height:100%;width:100%;position:absolute;background-color:rgba(255, 255, 255, 0.03)}.bcm-listbox-list .loading.show{display:flex}.bcm-listbox-list .list-container.hidden{display:none}.bcm-listbox .search{padding:8px;padding-bottom:0}.bcm-listbox .search.hidden{display:none !important}.bcm-listbox .empty{display:none;align-items:center;justify-content:center;flex:1;height:100%}.bcm-listbox .empty.show{display:flex}.bcm-listbox-footer{text-align:right;padding:4px 8px;background-color:var(--bcm-color-grey-3)}.label{display:block;color:var(--bcm-color-grey-9);margin-bottom:4px}.listbox-item{display:flex;align-items:stretch;justify-content:flex-start;flex-direction:column;color:var(--bcm-color-grey-8);user-select:none;background-color:var(--bcm-color-grey-1)}.listbox-item.hidden{display:none}.listbox-item .divider{padding:0 8px}.listbox-item-container{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;padding-left:8px;width:100%}.listbox-item-container .check-content{display:flex;align-items:center;justify-content:flex-start;width:16px;min-width:16px;margin-right:4px}.listbox-item-container .check-content .indeterminate{width:16px;height:16px;position:relative;display:block;padding-right:8px;cursor:pointer}.listbox-item-container .check-content .indeterminate:after{content:"";position:absolute;top:50%;left:9px;width:10px;height:10px;background-color:var(--bcm-color-prime-blue-6);transform:translate(-50%, -50%);opacity:1;z-index:1}.listbox-item-container .check-content .indeterminate:before{content:"";position:absolute;top:-1px;left:0px;width:16px;height:100%;border-radius:2px;background-color:transparent;border:1px solid var(--bcm-color-grey-5);opacity:1;z-index:2}.listbox-item-container .check-content .indeterminate:hover:before{border-color:var(--bcm-color-prime-blue-6);box-shadow:0px 2px 4px rgba(54, 121, 171, 0.5)}.listbox-item-container-text-content{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;cursor:pointer;width:100%;padding:4px 8px 4px 4px}.listbox-item-container.disabled{color:var(--bcm-color-grey-6)}.listbox-item-container.selected{color:var(--bcm-color-prime-blue-6)}.listbox-item-container.selected:hover:not(.disabled){color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}.listbox-item-container:hover:not(.disabled),.listbox-item-container:active:not(.disabled){color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}.caption-area{margin-bottom:8px;min-height:20px}.input-caption{display:block}.error.label{color:var(--bcm-color-red-6) !important}.error.bcm-listbox{border:1px solid var(--bcm-color-red-6) !important}.caption-default{color:#8C8C8C}.caption-primary{color:#4293CF}.caption-success{color:#52C41A}.caption-warning{color:#FA8C16}.caption-error{color:#F5222D}.input-large{height:38px}.input-medium{height:30px}.input-small{height:20px}';const a=class{constructor(i){t(this,i),this._id=(4*Math.random()).toString(16).replace(".",""),this.hidden=!1}componentWillLoad(){this.text=this.text.toUpperCase()}render(){const{text:t}=this,i=o("listbox-group"),h=o("listbox-group-title"),n=o(this.hidden?"hidden":null);return e(s,{class:n},e("div",{class:i},e("div",{class:h},e("bcm-text",{scale:"size-2",color:"grey-1"}," ",t," ")),e("slot",null)))}};a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:block}:host(.hidden){display:none}.listbox-group-title{padding:4px 16px;background-color:var(--bcm-color-grey-7);position:sticky;top:0;z-index:1}';const d={default:{large:16,medium:14,small:14}},m=class{constructor(e){t(this,e),this.listboxItemSelected=i(this,"bcm-listbox-item-selected",7),this.listboxUnchecked=i(this,"bcm-listbox-unchecked",7),this.listboxChecked=i(this,"bcm-listbox-checked",7),this.objectMapping={id:"id",text:"text",icon:"icon",avatar:"avatar",avatarName:"avatarName",avatarImage:"avatarImage",secondaryText:"secondaryText",tooltipText:"tooltipText",selected:"selected",checked:"checked",disabled:"disabled"},this.display=!0,this.avatar=!1,this._id=(4*Math.random()).toString(16).replace(".",""),this.size="medium",this.icon="bug",this.open=!1,this.selected=!1,this.checkboxes=!1,this.showIcon=!1,this.checked=!1,this.focused=!1,this.hidden=!1,this.disabled=!1,this._internal_id="",this.template=null}componentDidLoad(){this.disabled||(!0===this.selected&&this.listboxItemSelected.emit(this.itemObject),!0===this.checkboxes&&!0===this.checked&&this.listboxChecked.emit(this._id))}handleClick(){this.disabled||(!0===this.checkboxes&&(!0===this.checked&&this.listboxUnchecked.emit(this._id)||this.listboxChecked.emit(this._id)),!1===this.checkboxes&&(this.selected=!0,this.listboxItemSelected.emit(this.itemObject)))}handleCheckboxClick(t){t.preventDefault()}isInternal(t){var i=t.path||t.composedPath&&t.composedPath();return(i&&i[0]&&i[0].attributes&&i[0].attributes["bcm-internal-id"]&&i[0].attributes["bcm-internal-id"].value)==this._internal_id}ListenListboxCheck(t){this.isInternal(t)&&(this.disabled||t.detail&&t.detail===this._id&&(this.checked=!0))}ListenListboxUncheck(t){this.isInternal(t)&&(this.disabled||t.detail&&t.detail===this._id&&(this.checked=!1))}handleListboxClearSelecteds(t){0==this.checkboxes&&this.isInternal(t)&&(this.disabled||t.detail&&(this.selected=t.detail===this.itemObject))}templateParser(t){for(var i,e=/{{([^}]+)}}/g,s=t;i=e.exec(s);)t=t.replace("{{"+i[1]+"}}",this.itemObject[i[1]]);return t}render(){const{display:t,focused:i,selected:h,size:n,showIcon:c,icon:r,checkboxes:l,_id:a,checked:m,text:p,avatarName:x,avatarImage:b,avatar:g,secondaryText:u,tooltipText:f}=this,v=d.default[n],y=o("listbox-item",{disabled:this.disabled,display:t}),w=o("listbox-item-container",{disabled:this.disabled,focus:i,selected:h}),k=o("listbox-item-container-text-content",n,{disabled:this.disabled,"size-2":"small"===n||"medium"===n,"size-3":"large"===n}),z=o(this.hidden?"hidden":null),S=o("listbox-item-container-html-content",n,{disabled:this.disabled,"size-2":"small"===n||"medium"===n,"size-3":"large"===n});return e(s,{class:z},e("div",{class:y},e("div",{class:w,onClick:()=>this.handleClick()},l&&e("div",{class:"check-content"},e("bcm-checkbox-lite",{id:"check-"+a,name:"check-"+a,onClick:t=>this.handleCheckboxClick(t),checked:m,disabled:this.disabled})),this.template&&e("div",{class:S,title:f,innerHTML:this.templateParser(this.template)}),null==this.template&&e("div",{class:k,title:f},e("div",null,(g||x||b)&&e("div",{class:"avatar"},e("bcm-avatar",Object.assign({size:"small",name:p},x&&{name:x},b&&{image:b}))),c&&r&&e("bcm-icon",{type:"fill",class:"icon",icon:r,size:v}),p&&e("span",{id:"text"},p)||e("slot",null)),e("div",null,u&&e("div",{class:"secondaryText size-1"},u))))))}get el(){return h(this)}};m.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:flex;flex:1}:host(.hidden){display:none}.listbox-item{display:flex;flex:1;align-items:stretch;justify-content:flex-start;color:var(--bcm-color-grey-8);user-select:none;background-color:var(--bcm-color-grey-1);display:none}.listbox-item.display{display:flex}.listbox-item-container{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;padding-left:8px;flex:1}.listbox-item-container .avatar{margin-right:4px}.listbox-item-container .check-content{display:flex;align-items:center;justify-content:flex-start;width:16px;min-width:16px;margin-right:4px}.listbox-item-container .check-content .indeterminate{width:16px;height:16px;position:relative;display:block;padding-right:8px;cursor:pointer}.listbox-item-container .check-content .indeterminate:after{content:"";position:absolute;top:50%;left:9px;width:10px;height:10px;background-color:var(--bcm-color-prime-blue-6);transform:translate(-50%, -50%);opacity:1;z-index:1}.listbox-item-container .check-content .indeterminate:before{content:"";position:absolute;top:-1px;left:0px;width:16px;height:100%;border-radius:2px;background-color:transparent;border:1px solid var(--bcm-color-grey-5);opacity:1;z-index:2}.listbox-item-container .check-content .indeterminate:hover:not(.disabled):before{border-color:var(--bcm-color-prime-blue-6);box-shadow:0px 2px 4px rgba(54, 121, 171, 0.5)}.listbox-item-container-html-content{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;cursor:pointer;flex:1}.listbox-item-container-html-content #text .highlight{background-color:var(--bcm-color-yellow-5)}.listbox-item-container-html-content.small{padding:0 8px 0 4px;padding:4px 8px 4px 4px}.listbox-item-container-html-content.medium{padding:8px 8px 8px 4px}.listbox-item-container-html-content.large{padding:8px 8px 8px 4px}.listbox-item-container-text-content{display:flex;align-items:center;justify-content:space-between;flex-direction:row;cursor:pointer;width:100%}.listbox-item-container-text-content #text .highlight{background-color:var(--bcm-color-yellow-5)}.listbox-item-container-text-content.small{padding:0 8px 0 4px;padding:4px 8px 4px 4px}.listbox-item-container-text-content.medium{padding:8px 8px 8px 4px}.listbox-item-container-text-content.large{padding:8px 8px 8px 4px}.listbox-item-container-text-content .icon{text-align:center;margin-right:8px}.listbox-item-container-text-content>div{display:flex;align-items:center;flex-direction:row;word-wrap:break-word}.listbox-item-container.disabled{color:var(--bcm-color-grey-6)}.listbox-item-container.selected{color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}.listbox-item-container.selected:hover:not(.disabled){color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}.listbox-item-container:hover:not(.disabled),.listbox-item-container:active:not(.disabled){color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}';const p=t=>t.toLowerCase(),x=class{constructor(e){t(this,e),this.treeviewChange=i(this,"bcm-treeview-change",7),this.treeviewSendCheck=i(this,"bcm-treeview-send-check",7),this.treeviewSendUncheck=i(this,"bcm-treeview-send-uncheck",7),this.treeviewChecklist=i(this,"bcm-treeview-checklist",7),this.treeviewItemSelected=i(this,"bcm-treeview-item-selected",7),this.treeviewClearSelecteds=i(this,"bcm-treeview-clear-selecteds",7),this.treeviewShowContext=i(this,"bcm-treeview-show-context",7),this.treeviewUnchecked=i(this,"bcm-treeview-unchecked",7),this.treeviewChecked=i(this,"bcm-treeview-checked",7),this.objectMapping={text:"text",icon:"icon",id:"id",items:"items",open:"open",selected:"selected",checked:"checked",tooltipText:"tooltipText",disabled:"disabled",favorite:"favorite"},this.checkedObjectList=[],this.allChilds=[],this.onFocus=!1,this.minHeight=200,this.minWidth=200,this.allOpenCache=!1,this.allOpenOnSearch=!1,this.parentLength=[{}],this.isSetData=!1,this.runClearAndSelect=!1,this.checkboxes=!1,this.showIcon=!1,this.size="medium",this.checkedList=[],this.updateCheckedList=[],this.hidden=!1,this.search=!1,this.searchOnlyChild=!1,this.keydown=!1,this.allOpen=!1,this.fullWidth=!1,this.infoFooter=!1,this.searchFields=["text","secondaryText","tooltipText"],this.searchSub="items",this.returnField="id",this._items=[],this.searchPlaceholder="Search",this.maxHeight=null,this.highlight=!1,this.loading=!0,this.favIcon=!1,this.favIconOnlyChilds=!1,this._internal_id=(4*Math.random()).toString(16).replace(".",""),this.empty=!1,this.showSearch=!0,this.items=[],this.total=0,this.checkCount=0,this.keyMapForFocus={18:!1,87:!1},this.checklist=[],this.favoriteList=[],this.checklistSorted=[],this.searchResults=[]}async setData(t=[]){return this.clearAndSelectSearch(!1),this.isLoading(!0),this.isSetData=!0,this.checkedObjectList=[],this.selectedId=null,setTimeout((()=>{this._items=t,this.searchData=JSON.parse(t),this.calculateMinSizes(),this.handleChildProcess()}),100),Promise.resolve(!0)}async getChecklist(){return this.checkedObjectList}async getFavorites(){return this.getChildItem(this.el).forEach((t=>{1==t[this.objectMapping.favorite]&&(this.favIconOnlyChilds&&0==t[this.objectMapping.items].length&&this.favoriteList.indexOf(t.itemObject)<0&&this.favoriteList.push(t.itemObject),!this.favIconOnlyChilds&&this.favoriteList.indexOf(t.itemObject)<0&&this.favoriteList.push(t.itemObject))})),this.favoriteList}async selected(t){this.selectedId=t}async clearAndSelectSearch(t=!0){this.runClearAndSelect=!0,!0===this.search&&setTimeout((()=>{var i=null;(i=this.el.shadowRoot.querySelector("bcm-search"))&&(i.setClear(),1==t&&i.select())}),100)}async addChecked(t=[]){this.checkedList=t}async updateChecked(t=[]){this.updateCheckedList=t}async config(t){return t.maxHeight&&(this.maxHeight="string"==typeof t.maxHeight?t.maxHeight:"100%"),t.searchFields&&Array.isArray(t.searchFields)&&(this.searchFields=t.searchFields),t.searchable&&(this.search="boolean"==typeof t.searchable&&t.searchable),t.searchOnlyChild&&(this.searchOnlyChild="boolean"==typeof t.searchOnlyChild&&t.searchOnlyChild),t.searchPlaceholder&&(this.searchPlaceholder="string"==typeof t.searchPlaceholder?t.searchPlaceholder:null),t.fullWidth&&(this.fullWidth="boolean"==typeof t.fullWidth&&t.fullWidth),t.infoFooter&&(this.infoFooter="boolean"==typeof t.infoFooter&&t.infoFooter),t.highlight&&(this.highlight="boolean"==typeof t.highlight&&t.highlight),t.checkable&&(this.checkboxes="boolean"==typeof t.checkable&&t.checkable),t.showIcon&&(this.showIcon="boolean"==typeof t.showIcon&&t.showIcon),t.favIcon&&(this.favIcon="boolean"==typeof t.favIcon&&t.favIcon),t.favIconOnlyChilds&&(this.favIconOnlyChilds="boolean"==typeof t.favIconOnlyChilds&&t.favIconOnlyChilds),t.allOpen&&(this.allOpen="boolean"==typeof t.allOpen&&t.allOpen),this.allOpenCache=this.allOpen,t.size&&(this.size=["small","medium","large"].indexOf(t.size)>=0?t.size:"medium"),t.mapping&&(t.mapping.text&&(this.objectMapping.text=t.mapping.text),t.mapping.icon&&(this.objectMapping.icon=t.mapping.icon),t.mapping.id&&(this.objectMapping.id=t.mapping.id,this.returnField=this.objectMapping.id),t.mapping.items&&(this.objectMapping.items=t.mapping.items,this.searchSub=this.objectMapping.items),t.mapping.open&&(this.objectMapping.open=t.mapping.open),t.mapping.selected&&(this.objectMapping.selected=t.mapping.selected),t.mapping.checked&&(this.objectMapping.checked=t.mapping.checked),t.mapping.tooltipText&&(this.objectMapping.tooltipText=t.mapping.tooltipText),t.mapping.disabled&&(this.objectMapping.disabled=t.mapping.disabled),t.mapping.favorite&&(this.objectMapping.favorite=t.mapping.favorite)),Promise.resolve(!0)}calculateMinSizes(){this.minHeight<this.el.clientHeight&&(this.minHeight=this.el.clientHeight)}connectedCallback(){}componentWillLoad(){}componentWillRender(){sessionStorage.getItem(this._internal_id+"-config")&&this.config(JSON.parse(sessionStorage.getItem(this._internal_id+"-config")))}componentDidRender(){}componentWillUpdate(){}componentDidUpdate(){!0===this.checkboxes&&(this.checkedObjectList=[],this.checklistSorted.length>0?(this.getChildItem(this.el).forEach((t=>{1==t.checked&&this.checkedObjectList.indexOf(t.itemObject)<0&&this.checkedObjectList.push(t.itemObject)})),this.treeviewChecklist.emit(this.checkedObjectList)):this.treeviewChecklist.emit([]))}parseItems(t){t&&(this.items="string"==typeof t?JSON.parse(t):t),this.handleChildProcess()}handleChildProcess(){setTimeout((()=>{this.allChilds=this.getAllChilds(),this.total=this.allChilds.filter(((t,i,e)=>e.indexOf(t)===i)).length,this.total>0?(this.isLoading(!1),this.isEmpty(!1)):(this.isLoading(!1),this.isEmpty(!0))}),100)}recursiveItemRenderer(t,i){return String(this.selectedId)!==String(t[this.objectMapping.id])&&"true"!==String(t[this.objectMapping.selected])||this.treeviewItemSelected.emit(t),e("bcm-treeview-item",Object.assign({_internal_id:this._internal_id,text:t[this.objectMapping.text],icon:t[this.objectMapping.icon],id:t[this.objectMapping.id],size:this.size,"has-child":!!t[this.objectMapping.items]},i&&{"parent-id":i[this.objectMapping.id]},t[this.objectMapping.tooltipText]&&{tooltipText:t[this.objectMapping.tooltipText]},"true"===String(t[this.objectMapping.checked])&&{checkTrigger:!0},"true"===String(t[this.objectMapping.open])&&{open:!0},"true"===String(t[this.objectMapping.selected])&&{selected:!0},"true"===String(t[this.objectMapping.disabled])&&{disabled:!0},t[this.objectMapping.items]&&{items:t[this.objectMapping.items]},this.favIcon&&!this.favIconOnlyChilds&&{favicon:!0},this.favIcon&&this.favIconOnlyChilds&&0==t[this.objectMapping.items].length&&{favicon:!0},this.favIcon&&t.rightSlot&&{favorite:t.rightSlot[this.objectMapping.favorite]},this.showIcon&&{showIcon:!0},"true"===String(this.checkboxes)&&{checkboxes:!0},(this.allOpen||this.allOpenOnSearch)&&{open:!0},{itemObject:t},this.checkedList&&this.checkedList.find((i=>i==t[this.objectMapping.id]))&&{checkTrigger:!0},this.updateCheckedList.length>0&&this.updateCheckedList.find((i=>i==t[this.objectMapping.id]))&&{checkTrigger:!0}),t[this.objectMapping.items]&&t[this.objectMapping.items].map((i=>this.recursiveItemRenderer(i,t))))}handleCheckList(t="add",i){if(!0===this.checkboxes){switch(t){case"add":this.checklist.length>0?this.checklist.indexOf(i)<0&&(this.checklist=[...this.checklist,i]):this.checklist=[i];break;case"remove":this.checklist=this.checklist.filter((t=>t!==i))}let e=this.checklist.sort((function(t,i){return t-i}));this.checklistSorted=e,this.checkCount=this.checklistSorted.length}}async showSearchMethod(t=!0){this.showSearch=t}async searchResultMethod(t=[]){await customElements.whenDefined("bcm-search");const i=this.el.shadowRoot.querySelector("bcm-search"),e=await i.searchArray(t,this.objectMapping.id);await this.listenSearchResult({detail:e})}isLoading(t){var i=this.el.shadowRoot.getElementById("treeview"),e=this.el.shadowRoot.getElementById("loading"),s=this.el.shadowRoot.querySelector("bcm-search");return!0===t?(i&&i.classList.add("loading"),e&&e.classList.add("show"),s&&(s.disabled=!0)):(i&&i.classList.remove("loading"),e&&e.classList.remove("show"),s&&(s.disabled=!1)),!1}isEmpty(t){var i=this.el.shadowRoot.getElementById("empty");!0===t?i&&i.classList.add("show"):i&&i.classList.remove("show")}isSearchCount(t=null){if(!0===this.infoFooter){var i=this.el.shadowRoot.getElementById("in-search"),e=this.el.shadowRoot.getElementById("in-total");t>=0&&null!=t&&i&&e?(i.innerHTML=t,e.style.display="none"):(e.style.display="inline",i.innerHTML="")}}listenSearchResult(t){this.parentLength=[];var i="",e=t.detail.length;this.empty=!1;var s=this.getAllChilds();this.isEmpty(!1),t.detail.length>0?(-1==t.detail[0]&&(e=0,this.empty=!0,this.isEmpty(!0)),s.length>0&&s.map((e=>{var s=!1;this.searchOnlyChild&&e.items&&e.items.length>0&&(s=!0),t.target.addEventListener("bcm-on-search-value",(async t=>{i=await t.detail;var h=e.shadowRoot.getElementById("text");if(h=h.textContent||h.innerText||"",i){var o=p(h),n=p(i),c=o.indexOf(n);c>=0&&0==s&&(-1===this.parentLength.indexOf(e.id)&&this.parentLength.push(e.id),this.highlight&&(h=h.substring(0,c)+"<span class='highlight'>"+h.substring(c,c+i.length)+"</span>"+h.substring(c+i.length)))}e.shadowRoot.getElementById("text").innerHTML=h})),e.hidden=!0,t.detail.indexOf(e.id)>=0?(e.hidden=!1,e.open=!0,setTimeout((()=>{if(-1!==this.parentLength.indexOf(e.id)&&e.items&&e.items.length>0&&0==this.searchOnlyChild){const t=i=>{this.getAllChilds(i).map((i=>{i.hidden=!1,i.open=!0,t(i)}))};t(e)}}),1)):e.hidden=!0}))):s.length>0&&s.map((t=>{t.hidden=!1})),setTimeout((()=>{if(e>=0){var i=e-Number(e-this.parentLength.length);this.isSearchCount(i>0?i:0)}else this.isSearchCount();-1===t.detail[0]&&this.isSearchCount(0),!0===t.detail&&this.isSearchCount()}),100),!0===t.detail&&this.isEmpty(!1)}getAllChilds(t=this.el){let i=[];return n(t,"bcm-treeview-item").forEach((t=>{this.getAllChilds(t)&&i.indexOf(t)<0&&i.push(t),i.indexOf(t)<0&&i.push(t)})),i}handletreeviewItemSelected(t){this.treeviewClearSelecteds.emit(t.detail)}handletreeviewChecked(t){this.handleCheckList("add",t.detail)}handletreeviewUnchecked(t){this.handleCheckList("remove",t.detail)}handletreeviewIndeterminateChecked(t){this.handleCheckList("add",t.detail)}handletreeviewIndeterminateUnchecked(t){this.handleCheckList("remove",t.detail)}treeviewUncheckedMethod(t){return this.handletreeviewUnchecked({detail:t}),this.componentDidUpdate(),Promise.resolve(!0)}getIndex(t){return Array.from(t.parentNode.children).indexOf(t)}getNext(t){return this.getChildItem(t.parentElement)[this.getIndex(t)+1]||!1}getPrev(t){return this.getChildItem(t.parentElement)[this.getIndex(t)-1]||!1}getParent(t){return"bcm-treeview"!=p(t.parentElement.tagName)&&this.getChildItem(t.parentElement.parentElement)[this.getIndex(t.parentElement)]}getNextParent(t){let i,e=this.getParent(t);if(e)return i=this.getNext(e),i||this.getNextParent(e)}getFirstItem(t=this.el){return this.getChildItem(t)[0]}getLastItem(t=this.el){let i=this.getChildItem(t).length,e=this.getChildItem(t)[i-1];return this.getChildItem(e).length>0&&1==e.open?this.getLastItem(e):e}getChildItem(t=this.el){return n(t,"bcm-treeview-item")||0}handleRightClick(t){this.treeviewShowContext.emit([t.target.id,t.clientY,t.clientX]),t.preventDefault()}keyboardNavigationUp(t){let{keyMapForFocus:i}=this;t.keyCode in i&&(i[t.keyCode]=!1)}keyboardNavigation(t){if(this.keydown){const{keyMapForFocus:i,focusedElement:e,el:s}=this;this.focusedElement=e||s;const h=t.which||0;if(this.getChildItem(s).length>0){if(t.keyCode in i&&(i[t.keyCode]=!0,i[18]&&i[87]&&(t.preventDefault(),this.focusedElement=this.getFirstItem(this.focusedElement))),9==h||13==h||18==h||32==h||35==h||36==h||h>=35&&h<=40)if(t.preventDefault(),e)switch(this.focusedElement.focused=!1,h){case 13:this.focusedElement.selected=!0;break;case 32:this.focusedElement.checked&&this.treeviewUnchecked.emit(this.focusedElement.id)||this.treeviewChecked.emit(this.focusedElement.id);break;case 35:this.focusedElement=this.getLastItem(this.focusedElement.parentElement);break;case 36:this.focusedElement=this.getFirstItem(this.focusedElement.parentElement);break;case 37:this.getChildItem(this.focusedElement).length>0&&1==this.focusedElement.open?this.focusedElement.open=!1:this.getParent(this.focusedElement)&&(this.focusedElement=this.getParent(this.focusedElement));break;case 38:this.getPrev(this.focusedElement)?(this.focusedElement=this.getPrev(this.focusedElement),this.getChildItem(this.focusedElement).length>0&&1==this.focusedElement.open&&(this.focusedElement=this.getLastItem(this.focusedElement))):this.getParent(this.focusedElement)&&(this.focusedElement=this.getParent(this.focusedElement));break;case 39:this.getChildItem(this.focusedElement).length>0&&(1==this.focusedElement.open?this.focusedElement=this.getFirstItem(this.focusedElement):this.focusedElement.open=!0);break;case 40:this.getChildItem(this.focusedElement).length>0&&1==this.focusedElement.open?this.focusedElement=this.getFirstItem(this.focusedElement):this.getNext(this.focusedElement)?this.focusedElement=this.getNext(this.focusedElement):this.getNextParent(this.focusedElement)&&(this.focusedElement=this.getNextParent(this.focusedElement))}else this.focusedElement=this.getFirstItem(this.focusedElement);this.focusedElement&&(this.focusedElement.focused=!0)}}}handleFocus(t=!1){this.onFocus=t}render(){const{searchOnlyChild:t,searchPlaceholder:i,search:h,checkCount:n,searchData:c,searchFields:r,searchSub:l,returnField:a,total:d,fullWidth:m,infoFooter:p,showSearch:x}=this,b=o(this.hidden?"hidden":null,{empty:this.empty,"full-width":m});return e(s,{class:b,style:{"min-width":this.minWidth+"px","max-height":this.maxHeight}},h&&e("div",{class:"search",style:{display:"false"==String(x)?"none":"block"}},e("bcm-search",{onlyChild:t,searchPlaceholder:i,"on-bcm-focus":()=>this.handleFocus(!0),"on-bcm-blur":()=>this.handleFocus(!1),data:c,returnField:a,searchFields:r,searchSub:l,clearable:!0}),e("bcm-divider",null)),e("div",{id:"treeview",class:"treeview loading"},e("div",{id:"loading",class:"loading show"},e("bcm-icon",{type:"animated",color:"prime-blue-6",class:"prefix",icon:"loading",size:"medium"})),e("div",{id:"empty",class:"empty"},e("bcm-empty",{size:"small",text:"No Data"})),!this.empty&&0!==this.items.length&&this.items.map((t=>this.recursiveItemRenderer(t,null)))),1==p&&e("footer",null,e("bcm-text",{scale:"size-1",color:"grey-8"},n>0&&"( "+n+" items selected ) ","Total ",e("span",{id:"in-search"})," ",e("span",{id:"in-total"},d)," items found.")))}get el(){return h(this)}static get watchers(){return{_items:["parseItems"]}}};x.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:flex;flex-direction:column;height:100%;max-height:100%;border:1px solid var(--bcm-color-grey-5);box-sizing:border-box;background-color:#ffffff}:host(.empty) .treeview{display:flex;align-items:center;justify-content:center}.search{padding:8px;padding-bottom:0;margin-bottom:4px}.treeview{height:100%;max-height:100%;overflow:auto;background-color:var(--bcm-color-grey-1);padding:0 8px 8px 0}.treeview.loading{min-height:150px;position:relative;margin:0 8px 8px 8px}.treeview .loading{display:none;align-items:center;justify-content:center;height:100%;width:100%;position:absolute;background-color:rgba(255, 255, 255, 0.03)}.treeview .loading.show{display:flex}.treeview .empty{display:none;align-items:center;justify-content:center;height:100%}.treeview .empty bcm-empty{width:fit-content;margin:auto}.treeview .empty.show{display:flex}footer{text-align:right;padding:4px 8px;background-color:var(--bcm-color-grey-3);user-select:none}';const b={default:{large:16,medium:14,small:14}},g=class{constructor(e){t(this,e),this.treeviewItemSelected=i(this,"bcm-treeview-item-selected",7),this.treeviewUnchecked=i(this,"bcm-treeview-unchecked",7),this.treeviewChecked=i(this,"bcm-treeview-checked",7),this.treeviewChange=i(this,"bcm-treeview-change",7),this.treeviewIndeterminateUnchecked=i(this,"bcm-treeview-indeterminate-unchecked",7),this.treeviewIndeterminateChecked=i(this,"bcm-treeview-indeterminate-checked",7),this.itemChecked=i(this,"bcm-treeview-check-item-checked",7),this.itemUnchecked=i(this,"bcm-treeview-check-item-unchecked",7),this.groupCheck=i(this,"bcm-treeview-check-group-check",7),this.favoriteStatus=i(this,"bcm-favorite-status",7),this.firstRun=!0,this._id=(4*Math.random()).toString(16).replace(".",""),this.hasChild=!1,this.size="medium",this.icon="bug",this.open=!1,this.selected=!1,this.checkboxes=!1,this.showIcon=!1,this.favicon=!1,this.favorite=!1,this.checked=!1,this.checkTrigger=!1,this.focused=!1,this.disabled=!1,this.contextMenuShow=!1,this._contextMenu=[],this.indeterminateState="uncheck",this._internal_id="",this.menuPadding=0,this.childLength=0,this.indeterminate=!1,this.hidden=!1,this.contextMenu=[],this.contextOffsetLeft=0,this.contextOffsetTop=0}componentWillLoad(){this.menuPadding=24,this.childLength=this.el.children.length,this.parseItems(this._contextMenu)}componentDidLoad(){!this.disabled&&this.firstRun&&this.checkTrigger&&(this.firstRun=!1,this.handleCheckMouseUp())}handletreeviewClearSelecteds(t){this.disabled||t.detail&&t.detail!==this.itemObject&&(this.selected=!1)}ListentreeviewChange(){}ListentreeviewShowContext(t){this.contextOffsetTop=t.detail[1],this.contextOffsetLeft=t.detail[2],this.contextMenuShow=!(!t.detail[0]||t.detail[0]!==this._id)}handleWindowClick(t){t.target!==this.el&&(this.contextMenuShow=!1)}handleClick(){this.disabled||(this.selected=!0,this.treeviewItemSelected.emit(this.itemObject))}handleFavClick(t){this.disabled||(this.favorite=!this.favorite,this.itemObject.rightSlot||(this.itemObject.rightSlot={}),this.itemObject.rightSlot.favorite=this.favorite,this.favoriteStatus.emit(this.itemObject),t.stopPropagation(),t.preventDefault())}handleOpen(){this.open=!this.open}getRootChilds(t=this.el){return n(t,"bcm-treeview-item")}getAllChilds(t=this.el){let i=[];return n(t,"bcm-treeview-item").forEach((t=>{this.getAllChilds(t)&&(i=[...i,...this.getAllChilds(t)]),i=[...i,t]})),i}checkGroupState(){const t=this.getRootChilds();let[i,e,s]=["uncheck",!0,!0];t.length>0?(t.forEach((t=>{(t.checked||"indeterminate"===t.indeterminateState)&&(s=!1),!t.checked&&(e=!1)})),i=e||s?e?"determinate":"uncheck":"indeterminate",this.indeterminateState=i,"determinate"===i?(this.checked=!0,this.treeviewChecked.emit(this._id)):(this.checked=!1,this.treeviewUnchecked.emit(this._id))):this.checked?(this.checked=!1,this.treeviewUnchecked.emit(this._id)):(this.checked=!0,this.treeviewChecked.emit(this._id))}handleCheckMouseUp(){const t=this.indeterminateState;if(!this.hasChild)return this.checked=!this.checked,this.checked?this.treeviewChecked.emit(this._id):this.treeviewUnchecked.emit(this._id),void this.groupCheck.emit(this.parentId);this.getAllChilds().forEach("indeterminate"===t||"uncheck"===t?t=>{t.checked=!0,this.treeviewChecked.emit(t._id),t.indeterminateState="determined"}:t=>{t.checked=!1,this.treeviewUnchecked.emit(t._id),t.indeterminateState="uncheck"}),this.checkGroupState(),this.groupCheck.emit(this.parentId)}checkGroup(t){const{detail:i}=t;i&&this._id===i&&(this.checkGroupState(),this.groupCheck.emit(this.parentId))}contextItemRenderer(t){return e("span",null,t.title)}parseItems(t){t&&(this.contextMenu="string"==typeof t?JSON.parse(t):t)}render(){const{_id:t,text:i,tooltipText:h,size:n,icon:c,open:r,childLength:l,checkboxes:a,showIcon:d,checked:m,indeterminateState:p,focused:x,contextMenuShow:g}=this,u=this.menuPadding+"px",f=b.default[n],v=o("text-content",n,"size-2"),y=o("treeview-item",{focus:x,open:r,selected:this.selected}),w=o("treeview-item-context-menu",{show:g}),k=o("treeview-inner",{open:r}),z=o("indeterminate",{disabled:this.disabled}),S=o("treeview-item-container",{selected:this.selected,disabled:this.disabled}),C=o("collapse-content",{child:l>0}),T=o(this.hidden?"hidden":null),j=o("favicon",{favorite:this.favorite});return e(s,{class:T},e("div",{class:y},e("div",{class:C,id:"collapse-button",onClick:()=>l>0&&this.handleOpen()},l>0&&e("bcm-icon",{class:"collapse-icon",size:8,icon:r?"caret-down":"caret-right",type:"fill",color:"grey-10"})),e("div",{class:S},e("section",{onMouseUp:()=>this.handleCheckMouseUp()},a&&e("div",{class:"check-content"},"indeterminate"==p&&e("span",{class:z})||e("bcm-checkbox",{id:"check-"+t,name:"check-"+t,checked:m,disabled:this.disabled,noCaption:!0})),e("div",{class:v,onClick:()=>this.handleClick(),title:h},d&&c&&e("bcm-icon",{type:"fill",class:"icon",icon:c,size:f}),e("span",{id:"text"},i))),this.favicon&&e("section",{class:j,onClick:t=>this.handleFavClick(t)},e("bcm-icon",{title:this.favorite?"Click to remove from favorite list":"Click to add to your favourites list",size:f,type:this.favorite?"fill":"outlined",icon:"star"}))),!a&&e("div",{class:w,style:{top:this.contextOffsetTop+"px",left:this.contextOffsetLeft+"px"}},0!==this.contextMenu.length&&this.contextMenu.map((t=>this.contextItemRenderer(t))))),e("div",{class:k,style:{paddingLeft:u}},e("slot",null)))}get el(){return h(this)}static get watchers(){return{_contextMenu:["parseItems"]}}};g.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host(.hidden){display:none}.treeview-item{display:flex;align-items:stretch;justify-content:flex-start;color:var(--bcm-color-grey-8);padding-left:8px;user-select:none;background-color:var(--bcm-color-grey-1)}.treeview-item-context-menu{display:none;position:absolute;height:auto;background-color:#ffffff;align-items:center;justify-content:center;flex-direction:column;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25)}.treeview-item-context-menu.show{display:flex}.treeview-item-context-menu span{text-align:left;min-width:100px;padding:5px 8px;font-size:14px;line-height:22px;color:var(--bcm-color-grey-8)}.treeview-item-context-menu span:hover{cursor:pointer;color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}.treeview-item.focus .treeview-item-container{border:2px solid var(--bcm-color-prime-blue-2)}.treeview-item-container{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.treeview-item-container.disabled{color:var(--bcm-color-grey-6)}.treeview-item-container.disabled .text-content{cursor:not-allowed}.treeview-item-container.selected:not(.disabled){color:var(--bcm-color-prime-blue-6)}.treeview-item-container.selected:not(.disabled):hover:not(.disabled){color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}.treeview-item-container:hover:not(.disabled),.treeview-item-container:active:not(.disabled){color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}.treeview-item-container>section:not(.favicon){display:flex;align-items:stretch;justify-content:flex-start;border:2px solid transparent;flex:1}.treeview-item-container>section.favicon{display:flex;align-items:center;justify-content:center;padding:0 5px;height:100%;cursor:pointer}.treeview-item-container>section.favicon:not(.favorite){display:none}.treeview-item-container:hover:not(.disabled) .favicon{display:flex}.treeview-inner{display:none}.treeview-inner.open{display:block}.collapse-content{display:flex;align-items:center;justify-content:center;width:16px;min-width:16px}.collapse-content.child{cursor:pointer}.check-content{display:flex;align-items:center;justify-content:flex-start;width:24px;min-width:24px;padding-left:8px}.check-content .indeterminate{width:16px;height:16px;position:relative;display:block;padding-right:8px;cursor:pointer}.check-content .indeterminate:after{content:"";position:absolute;top:50%;left:9px;width:10px;height:10px;background-color:var(--bcm-color-prime-blue-6);transform:translate(-50%, -50%);opacity:1;z-index:1}.check-content .indeterminate:before{content:"";position:absolute;top:-1px;left:0px;width:16px;height:100%;border-radius:2px;background-color:transparent;border:1px solid var(--bcm-color-grey-5);opacity:1;z-index:2}.check-content .indeterminate:hover:not(.disabled):before{border-color:var(--bcm-color-prime-blue-6);box-shadow:0px 2px 4px rgba(54, 121, 171, 0.5)}.check-content .indeterminate.disabled{cursor:not-allowed;background:linear-gradient(90deg, var(--bcm-color-grey-3) 18px, transparent 0px);border-color:var(--bcm-color-grey-3)}.check-content .indeterminate.disabled:after{background-color:var(--bcm-color-grey-6)}.check-content .indeterminate.disabled bcm-icon{filter:brightness(0);opacity:0.3}.text-content{display:flex;align-items:center;justify-content:space-between;cursor:pointer;width:100%;flex:1}.text-content .favicon{display:flex;flex-direction:row;align-items:center;grid-gap:4px}.text-content #text .highlight{background-color:var(--bcm-color-yellow-5)}.text-content.small{padding:0 8px 0 4px}.text-content.medium{padding:4px 8px 4px 4px}.text-content.large{padding:8px 8px 8px 4px}.text-content .icon{text-align:center;margin-right:8px}';export{l as bcm_listbox,a as bcm_listbox_group,m as bcm_listbox_item,x as bcm_treeview,g as bcm_treeview_item}

package/dist/bromcom-ui/p-9ffff762.entry.js

@@ -0,0 +1 @@
+import{r as i,c as t,h as o,H as s,g as e}from"./p-6e0d3067.js";import{c as r}from"./p-5525b672.js";const a=class{constructor(o){i(this,o),this.change=t(this,"bcm-change",7),this.childRadios=[],this.direction="horizontal",this.optionType="default",this.buttonStyle="solid",this.size="medium",this.disabled=!1,this.hidden=!1,this.label=null,this.required=!1,this.noCaption=!1,this.captionType="default",this.radioOptions=[],this.usingSlots=!0}async setData(i){return setTimeout((()=>{this.options=i}),100),Promise.resolve(!0)}async getValue(){return this.value}async check(i){this.defaultValue=i,this.value=i}async setClear(){this.value=""}async resetCaption(){this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null}parseOptions(i){i&&(this.radioOptions="string"==typeof i?JSON.parse(i):i,this.radioOptions.length>0&&(this.usingSlots=!1))}handleChange(i){this.change.emit(i)}controlRadio(i){i.forEach((i=>{i.checked=this.value?i.value===this.value:this.defaultValue?i.value===this.defaultValue:null,i.disabled=this.disabled,i.optionType=this.optionType,i.buttonStyle=this.buttonStyle,i.size=this.size,i.addEventListener("bcm-change",(t=>{t.stopPropagation(),t.detail.checked&&(this.value=i.value)}),{once:!0})}))}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType}componentWillLoad(){this.parseOptions(this.options)}componentDidRender(){let i=[];this.usingSlots?(i=this.host.shadowRoot.querySelector("slot").assignedElements(),this.childRadios=[],i.map((i=>{"bcm-radio"==String(i.tagName).toLowerCase()&&this.childRadios.push(i)})),this.controlRadio(this.childRadios)):(i=Array.from(this.host.shadowRoot.querySelectorAll("bcm-radio")),this.controlRadio(i))}render(){const{label:i,required:t,noCaption:e,caption:a,captionError:n,captionType:h}=this,l=r("radio-group",{[this.direction]:"default"===this.optionType}),p=r(this.hidden?"hidden":null,{error:"error"==h}),c=r("size-1","input-caption","caption-"+h);return this.radioOptions?o(s,{class:p},i&&o("div",null,o("bcm-label",{tooltip:this.tooltip,type:h,value:i,required:t})),o("div",{class:l},this.radioOptions&&this.radioOptions.map((i=>o("bcm-radio",{value:i.value,disabled:i.disabled,checked:i.checked}," ",i.label," "))),o("slot",null)),!e&&o("div",{class:"caption-area"},"error"==h?o("span",{class:c}," ",n," "):a&&o("span",{class:c}," ",a," "))):o(s,{class:p},o("div",{class:l},o("slot",null)))}get host(){return e(this)}static get watchers(){return{options:["parseOptions"],value:["handleChange"]}}};a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:block;margin:0 0 8px 0}:host(.hidden){display:none}:host(.error) label{color:var(--bcm-color-red-6) !important}.caption-default{color:#8C8C8C}.caption-primary{color:#4293CF}.caption-success{color:#52C41A}.caption-warning{color:#FA8C16}.caption-error{color:#F5222D}.radio-group{display:flex}.radio-group.horizontal{flex-direction:row;margin-bottom:5px}.radio-group.horizontal ::slotted(bcm-radio:not(:last-of-type)){margin-right:16px}.radio-group.horizontal bcm-radio:not(:last-of-type){margin-right:16px}.radio-group.vertical{flex-direction:column}.radio-group.vertical label{margin-bottom:4px}.radio-group.vertical ::slotted(bcm-radio:not(:last-of-type)){margin-bottom:8px}.radio-group.vertical bcm-radio:not(:last-of-type){margin-bottom:8px}.label{display:flex;flex-direction:column;color:var(--bcm-color-grey-9);padding-right:4px;margin-right:8px;margin-bottom:8px}.caption-area{min-height:20px}.input-caption{display:block}';export{a as bcm_radio_group}

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

@@ -0,0 +1 @@
+import{r as i,c as t,h as o,H as e,g as s}from"./p-6e0d3067.js";import{c as r}from"./p-5525b672.js";import{S as l,T as n}from"./p-1429a2b4.js";const c=class{constructor(o){i(this,o),this.alertDissmisable=t(this,"bcm-alert-dissmisable",7),this._title="",this.status=l.info,this.type=n.basic,this.dissmisable=!1,this.icon=!1,this.bigIcon=!1,this.fullWidth=!1,this.hidden=!1,this.hasSlot=!1}componentDidRender(){this.hasSlot=!!this.el.shadowRoot.querySelector("slot").assignedNodes().length}getIcon(i=!1){const t=i?"medium":14,e=i?"outlined":"fill";switch(this.status){case l.info:return o("bcm-icon",{type:e,icon:"info-circle",size:t,color:"blue-6"});case l.error:return o("bcm-icon",{type:e,icon:"close-circle",size:t,color:"red-6"});case l.warning:return o("bcm-icon",{type:e,icon:"exclamation-circle",size:t,color:"warmyellow-6"});case l.success:return o("bcm-icon",{type:e,icon:"check-circle",size:t,color:"green-6"})}}getDismiss(){let i="";return i="string"==typeof this.dissmisable&&""===this.dissmisable?o("bcm-icon",{class:"dismiss",icon:"close",color:"grey-10",onClick:i=>this.dismiss(i)}):o("span",{class:"dismiss",onClick:i=>this.dismiss(i)},this.dissmisable),i}dismiss(i){this.alertDissmisable.emit(i),this.el.remove()}render(){const{fullWidth:i,status:t,type:s,icon:l,bigIcon:n,hasSlot:c,_title:a}=this,p=r("alert",s,t,{"full-width":i,"has-slot":c&&""!=a}),h=r(this.hidden?"hidden":null);return o(e,{class:h},o("div",{class:p},n&&o("div",{class:"icon-content"},this.getIcon(!0)),o("div",{class:"text-content"},o("span",{class:"title"},l&&this.getIcon()," ",""!=a?a:o("slot",null)," ",this.getDismiss()),o("p",{class:{visible:c,hidden:""==a}},o("slot",null)))))}get el(){return s(this)}};c.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:block}:host(.hidden){display:none}.alert{display:flex;width:100%;box-sizing:border-box;padding:8px 16px;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.15);border-radius:2px}.alert:not(.full-width){max-width:400px}.alert.has-slot{padding-top:16px;padding-bottom:16px}.alert.has-slot .title{font-size:16px}.alert.info{background-color:var(--bcm-color-blue-1);border:1px solid var(--bcm-color-blue-3)}.alert.error{background-color:var(--bcm-color-red-1);border:1px solid var(--bcm-color-red-3)}.alert.warning{background-color:var(--bcm-color-warmyellow-1);border:1px solid var(--bcm-color-warmyellow-3)}.alert.success{background-color:var(--bcm-color-green-1);border:1px solid var(--bcm-color-green-3)}.alert.banner{border:none}.text-content{width:100%}.title{position:relative;display:flex;align-items:center;padding-right:24px;padding-top:4px;padding-bottom:4px;font-size:14px;color:var(--bcm-color-grey-8)}.title .dismiss{position:absolute;right:0;top:5px;cursor:pointer}.title bcm-icon{margin-right:9px}p{margin-top:8px;margin-bottom:0;font-size:14px;line-height:22px;color:var(--bcm-color-grey-8)}p:not(.visible){display:none}p.hidden{display:none}.icon-content{padding-top:2px;padding-right:16px}';export{c as bcm_alert}

package/dist/bromcom-ui/{p-0d336381.entry.js → p-afb68492.entry.js}

@@ -1 +1 @@
-import{r as o,h as t,H as e,g as r}from"./p-6e0d3067.js";import{c as p}from"./p-5525b672.js";const n=class{constructor(t){o(this,t),this.hidden=!1}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}componentDidLoad(){}componentWillRender(){}componentDidRender(){}componentWillUpdate(){}componentDidUpdate(){}async openBox(o){this.open=o}render(){const o=p("popover-box",this.open,this.placement),r=p("box"),n=p(this.hidden?"hidden":null);return t(e,{class:n},t("div",{class:o},t("div",{class:r},this.heading&&t("span",{class:"heading size-2 weight-semibold",innerHTML:this.heading}),t("span",{class:"content size-2",innerHTML:this.message}))))}get el(){return r(this)}};n.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:inline-flex}:host(.hidden){display:none}:host(:focus){outline:none}.popover-box{position:relative;}.popover-box .box{position:absolute;display:none;box-sizing:border-box;background-color:#FFFFFF;border:1px solid #FFFFFF;border-radius:2px;z-index:10700;width:230px;filter:drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.25))}.popover-box .box .heading,.popover-box .box .content{display:block}.popover-box .box .heading{padding:4px 16px;border-bottom:1px solid #D9D9D9;color:var(--bcm-color-grey-9)}.popover-box .box .content{padding:8px 16px;color:var(--bcm-color-grey-8)}.popover-box::after{content:"";position:absolute;display:none;border:6px solid;z-index:10700}.popover-box.open .box,.popover-box.open::after{display:block}.popover-box.top .box{bottom:100%;margin-bottom:16px}.popover-box.top::after{bottom:100%;margin-bottom:4px;border-color:#FFFFFF transparent transparent transparent}.popover-box.bottom .box{top:100%;margin-top:16px}.popover-box.bottom::after{top:100%;margin-top:4px;border-color:transparent transparent #FFFFFF transparent}.popover-box.left .box{right:100%;margin-right:16px}.popover-box.left::after{right:100%;margin-right:4px;border-color:transparent transparent transparent #FFFFFF}.popover-box.right .box{left:100%;margin-left:16px}.popover-box.right::after{left:100%;margin-left:4px;border-color:transparent #FFFFFF transparent transparent}.popover-box.top.center .box,.popover-box.bottom.center .box{left:50%;transform:translateX(-50%)}.popover-box.top.center::after,.popover-box.bottom.center::after{left:50%;transform:translateX(-50%)}.popover-box.top.start .box,.popover-box.bottom.start .box{left:0}.popover-box.top.start::after,.popover-box.bottom.start::after{left:16px}.popover-box.top.end .box,.popover-box.bottom.end .box{right:0}.popover-box.top.end::after,.popover-box.bottom.end::after{right:16px}.popover-box.left.center .box,.popover-box.right.center .box{top:50%;transform:translateY(-50%)}.popover-box.left.center::after,.popover-box.right.center::after{top:50%;transform:translateY(-50%)}.popover-box.left.start .box,.popover-box.right.start .box{top:0}.popover-box.left.start::after,.popover-box.right.start::after{top:12px}.popover-box.left.end .box,.popover-box.right.end .box{bottom:0}.popover-box.left.end::after,.popover-box.right.end::after{bottom:12px}';export{n as bcm_popover_box}
+import{r as o,h as t,H as e,g as r}from"./p-6e0d3067.js";import{c as p}from"./p-5525b672.js";const n=class{constructor(t){o(this,t),this.hidden=!1}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}componentDidLoad(){}componentWillRender(){}componentDidRender(){}componentWillUpdate(){}componentDidUpdate(){}async openBox(o){this.open=o}render(){const o=p("popover-box",this.open,this.placement),r=p("box"),n=p(this.hidden?"hidden":null);return t(e,{class:n},t("div",{class:o},t("div",{class:r},this.heading&&t("span",{class:"heading size-2 weight-semibold",innerHTML:this.heading}),t("span",{class:"content size-2",innerHTML:this.message}))))}get el(){return r(this)}};n.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:inline-flex}:host(.hidden){display:none}:host(:focus){outline:none}.popover-box{position:relative;}.popover-box .box{position:absolute;display:none;box-sizing:border-box;background-color:#FFFFFF;border:1px solid #FFFFFF;border-radius:2px;z-index:10700;width:230px;filter:drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.25))}.popover-box .box .heading,.popover-box .box .content{display:block}.popover-box .box .heading{padding:4px 16px;border-bottom:1px solid #D9D9D9;color:var(--bcm-color-grey-9)}.popover-box .box .content{padding:8px 16px;color:var(--bcm-color-grey-8)}.popover-box::after{content:"";position:absolute;display:none;border:6px solid;z-index:10700;pointer-events:none}.popover-box.open .box,.popover-box.open::after{display:block}.popover-box.top .box{bottom:100%;margin-bottom:16px}.popover-box.top::after{bottom:100%;margin-bottom:4px;border-color:#FFFFFF transparent transparent transparent}.popover-box.bottom .box{top:100%;margin-top:16px}.popover-box.bottom::after{top:100%;margin-top:4px;border-color:transparent transparent #FFFFFF transparent}.popover-box.left .box{right:100%;margin-right:16px}.popover-box.left::after{right:100%;margin-right:4px;border-color:transparent transparent transparent #FFFFFF}.popover-box.right .box{left:100%;margin-left:16px}.popover-box.right::after{left:100%;margin-left:4px;border-color:transparent #FFFFFF transparent transparent}.popover-box.top.center .box,.popover-box.bottom.center .box{left:50%;transform:translateX(-50%)}.popover-box.top.center::after,.popover-box.bottom.center::after{left:50%;transform:translateX(-50%)}.popover-box.top.start .box,.popover-box.bottom.start .box{left:0}.popover-box.top.start::after,.popover-box.bottom.start::after{left:16px}.popover-box.top.end .box,.popover-box.bottom.end .box{right:0}.popover-box.top.end::after,.popover-box.bottom.end::after{right:16px}.popover-box.left.center .box,.popover-box.right.center .box{top:50%;transform:translateY(-50%)}.popover-box.left.center::after,.popover-box.right.center::after{top:50%;transform:translateY(-50%)}.popover-box.left.start .box,.popover-box.right.start .box{top:0}.popover-box.left.start::after,.popover-box.right.start::after{top:12px}.popover-box.left.end .box,.popover-box.right.end .box{bottom:0}.popover-box.left.end::after,.popover-box.right.end::after{bottom:12px}';export{n as bcm_popover_box}

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

@@ -0,0 +1 @@
+import{r as t,c as i,h as s,H as e,g as h}from"./p-6e0d3067.js";import{c as n}from"./p-5525b672.js";import{d as l,b as c,g as o,p as a}from"./p-4cb268d2.js";const r=t=>t.toLowerCase(),d=class{constructor(s){t(this,s),this.listSelected=i(this,"bcm-list-selected",7),this.listChecked=i(this,"bcm-list-checklist",7),this.change=i(this,"bcm-change",7),this.configObject=[],this.isRendered=!1,this.firstRender=!0,this.linkedElementWidth="100%",this.bodyStyleOverflow="",this.dataLength=0,this.checklist=[],this.otherList=[],this.configured=!1,this.checkStatus=!1,this.resetSelected=!1,this.indeterminateStatus=!1,this.total=0,this.totalSearch=0,this.empty=!1,this.objectMapping={id:"id",text:"text",selected:"selected"},this._id=(4*Math.random()).toString(16).replace(".",""),this._internal_id=(4*Math.random()).toString(16).replace(".",""),this._list_select_id=null,this._list_id=null,this.type="default",this.processType="default",this.hidden=!1,this.items=[],this.isShow=!0,this.linkedComponent=null,this.selectedId=null,this.flex=!1,this.height="256px",this.minHeight=null,this.maxHeight=null,this.width="100%",this.minWidth=null,this.maxWidth=null,this.fullWidth=!1,this.size="medium",this.infoFooter=!1,this.searchable=!1,this.highlight=!0,this.searchPlaceholder="Search",this.searchFields=["text"],this.returnField="id",this.searchData=null,this.searchSub="items",this.searchText="",this.value=null,this.multiSelect=!1,this.variableText="item",this.clearable=!1,this.label=null,this.placeholder="Choose an option",this.noCaption=!1,this.caption=null,this.captionError=null,this.captionType="default",this.disabled=!1,this.name=null,this.required=!1}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType,this.bodyStyleOverflow=document.querySelector("body").style.overflow;const t="bcm-list-select-"+this._id;"select"!==this.type&&"autocomplete"!==this.type||(this.selectIsInitialize(),this.linkedComponent=t),"default"===this.type&&null===this.linkedComponent||(this.isShow=!1,this.el.classList.add("linked"),this.el.classList.remove("show"),this.handleLinkedComponent());const i=this.el.shadowRoot.querySelectorAll("bcm-list-item");i&&i.forEach((t=>{"bcm-list-item"===r(t.tagName)&&t.setAttribute("_internal_id",this._internal_id)}))}disconnectedCallback(){}componentWillLoad(){}componentDidLoad(){}componentWillRender(){}componentDidRender(){const t="bcm-list-select-"+this._id;"select"!==this.type&&"autocomplete"!==this.type||(this.selectIsInitialize(),this.linkedComponent=t),sessionStorage.getItem(this._internal_id+"-config")&&this.config(JSON.parse(sessionStorage.getItem(this._internal_id+"-config"))),setTimeout((()=>{const t=this.el.shadowRoot.querySelector(".spinner");t&&t.classList.remove("first-run")}),500)}componentWillUpdate(){}componentDidUpdate(){}async hide(){this.isShow=!1,document.querySelector("body").style.overflow=this.bodyStyleOverflow}async setSearch(t){const i=this.el.shadowRoot.querySelector("bcm-search");i&&i.setValue(t)}async clearAndSelectSearch(t=!0){if(1==this.searchable){const i=this.el.shadowRoot.querySelector("bcm-search");i&&(i.setClear(),1==t&&i.select())}}async show(){"deselect"==this.processType&&(this.firstRender=!0,this.items!=this.otherList&&(this.isRendered=!1,this.setData(this.otherList))),this.isShow=!0,this.renderList(),this.clearAndSelectSearch(!0)}async renderList(){this.items&&!1===this.isRendered&&(this.isRendered=!0,this.processData(this.items)),null!==this.linkedComponent&&this.handleLinkedComponent()}async toggle(){this.isShow=!this.isShow}async openStatus(){return this.isShow}handleOpen(t){if("deselect"===this.processType){const i=document.getElementById(this._list_select_id);if(i){const s=i.shadowRoot.querySelector("#other-tag");s&&(!0===t?s.setAttribute("color","prime-blue"):s.removeAttribute("color"))}}}handleChange(t){this.change.emit(t)}handleCaptionType(){if("select"===this.type||"autocomplete"===this.type){const t=document.getElementById("bcm-list-select-"+this._id);t&&(t.caption=this.caption,t.captionError=this.captionError,t.captionType=this.captionType)}}async config(t){return t.type&&(this.type=t.type),t.searchPlaceholder&&(this.searchPlaceholder=t.searchPlaceholder),t.searchFields&&(this.searchFields=t.searchFields),t.returnField&&(this.returnField=t.returnField),t.highlight&&(this.highlight=t.highlight),t.linkedComponent&&"string"==typeof t.linkedComponent&&(this.linkedComponent=t.linkedComponent),t.searchable&&"boolean"==typeof t.searchable&&(this.searchable=t.searchable),t.infoFooter&&"boolean"==typeof t.infoFooter&&(this.infoFooter=t.infoFooter),t.mapping&&(t.mapping.id&&(this.objectMapping.id=t.mapping.id),t.mapping.text&&(this.objectMapping.text=t.mapping.text),t.mapping.selected&&(this.objectMapping.selected=t.mapping.selected)),sessionStorage.setItem(this._internal_id+"-config",JSON.stringify(t)),this.configured=!0,this.configObject=t,t}async setDataOther(t=[]){this.otherList=t}async setData(t=[]){if("select"!==this.type&&"autocomplete"!==this.type||this.selectIsInitialize(),null!==this.value&&this.setClear(),t){if(this.items="string"==typeof t?JSON.parse(t):t,this.items)switch(this.processType){case"default":if(this.items.find((t=>t[this.objectMapping.selected]))){var i=[];this.items.filter((t=>"true"===String(t[this.objectMapping.selected]))).forEach((t=>{i.push(t[this.objectMapping.id])})),this.checked(i)}break;case"deselect":i=[],this.items.forEach((t=>{i.push(t[this.objectMapping.id])})),this.checked(i)}this.calculatedTotals({total:this.items.length}),!0===this.multiSelect&&this.calculatedTotals({selected:i?i.length:0}),this.isRendered=!1,null===this.linkedComponent&&this.show()}return"autocomplete"===this.type&&this.renderList(),t}async getValue(){return this.value}async getChecklist(){return this.checklist}async resetCaption(){if(this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,"autocomplete"===this.type||"select"===this.type){const t=document.getElementById("bcm-list-select-"+this._id);t&&t.resetCaption()}}async toggleChecked(t=null){if(null!==t&&t!==[]){"string"!=typeof t&&1==t.length&&(t=String(t[0]));var i=!1;if("string"==typeof t)i=this.items.find((i=>i[this.objectMapping.id]==t))[this.objectMapping.selected];else{let s="uncheck",e=!0,h=!0;t.forEach((t=>{"true"===String(this.items.find((i=>i[this.objectMapping.id]==t))[this.objectMapping.selected])?h=!1:e=!1})),s=e||h?e?"determinate":"uncheck":"determinate",i="determinate"!=s}if(!0===i)this.unChecked(t);else{var s=[];"string"==typeof t?s.push(t):t.forEach((t=>{s.push(t)})),this.checked(s,!1)}}}async unChecked(t=null){if(null!==t&&t!==[]){"string"!=typeof t&&1==t.length&&(t=String(t[0]));var i=[];this.selectedId=null,"string"==typeof t?this.sendSelectId(String(t),!1):t.forEach((t=>{this.sendSelectId(String(t),!1)})),this.items&&this.items.find((t=>t[this.objectMapping.selected]))&&this.items.filter((t=>"true"===String(t[this.objectMapping.selected]))).forEach((t=>{i.push(t)})),this.value=i,this.listChecked.emit(this.value),this.handleIndeterminateStatus(),this.sendSelectValue()}}async checked(t=null,i=!0){if(null!==t&&t!==[]){"string"!=typeof t&&1==t.length&&(t=String(t[0]));var s=[];!0===i&&(this.items&&this.items.find((t=>"true"===String(t[this.objectMapping.selected])))&&this.items.filter((t=>"true"===String(t[this.objectMapping.selected]))).forEach((t=>{this.jsonDataProcess(t[this.objectMapping.id],!1),this.sendSelectId(String(t[this.objectMapping.id]),!1)})),this.setClear(!1)),"string"==typeof t?(this.sendSelectId(String(t)),!1===this.multiSelect&&(this.selectedId=this.items.find((i=>String(i[this.objectMapping.id])===String(t)))[this.objectMapping.id])):!0===this.multiSelect&&t.forEach((t=>{this.sendSelectId(String(t))})),this.items&&this.items.find((t=>"true"===String(t[this.objectMapping.selected])))&&this.items.filter((t=>"true"===String(t[this.objectMapping.selected]))).forEach((t=>{s.push(t)})),this.value=s,this.listChecked.emit(this.value),this.handleIndeterminateStatus(),this.sendSelectValue()}}async setClear(t=!0){if(null!=this.items&&this.items.length>0&&this.items.find((t=>t[this.objectMapping.selected]))){var i=[];this.items.filter((t=>"true"===String(t[this.objectMapping.selected]))).forEach((t=>{i.push(t[this.objectMapping.id])})),this.unChecked(i)}this.selectedId=null,this.checklist=[],!0===t&&(this.listChecked.emit(this.checklist),this.value=null),this.handleIndeterminateStatus(),this.calculatedTotals({selected:this.checklist.length})}async processData(t){this.handleLoading(!0),await l(100);const i=this.el.shadowRoot.querySelector(".list");i.innerHTML="";const s=[];var e=[];if(t.length>0){if(this.dataLength=t.length,this.searchData=t,await l(100),t.map((t=>{const h=document.createElement("bcm-list-item");h.setAttribute("_internal_id",this._internal_id),h.setAttribute("text",t[this.objectMapping.text]),h.setAttribute("id",String(t[this.objectMapping.id])),"true"===String(t[this.objectMapping.selected])&&e.push(String(t[this.objectMapping.id])),h.itemObject=t,h.multiSelect=!0===this.multiSelect,i.appendChild(h),s.push(h.componentOnReady())})),await Promise.all(s))return e!=[]&&e.forEach((t=>{this.sendSelectId(String(t))})),this.handleLoading(!1),this.handleIndeterminateStatus(),this.firstRender=!1,!0}else this.handleLoading(!1)}handleLoading(t=!1){const i=this.el.shadowRoot.querySelector(".spinner");1==t?i.classList.add("show"):i.classList.remove("show"),null!==this.linkedComponent&&this.handleLinkedComponent()}handleClick(t){var i=t.path||t.composedPath&&t.composedPath();(!this.el.contains(t.target)||i&&i.filter((t=>t._internal_id==this._internal_id))[0]&&i.filter((t=>"BCM-LIST-ITEM"==t.nodeName))[0]&&!1===this.multiSelect)&&!0===this.isShow&&this.hide()}wheelEvent(t){this.el.contains(t.target)||!0===this.isShow&&this.hide()}scrollEvent(t){this.el.contains(t.target)||!0===this.isShow&&this.hide()}resizeEvent(){c(this.el,"#"+this.linkedComponent)}onmousemove(t){this.el.contains(t.target)?"hidden"!=document.querySelector("body").style.overflow&&(document.querySelector("body").style.overflow="hidden"):document.querySelector("body").style.overflow!=this.bodyStyleOverflow&&(document.querySelector("body").style.overflow=this.bodyStyleOverflow)}listenSearchResult(t){var i=t.path||t.composedPath&&t.composedPath();if(null==t.isEvent&&i&&null!=i.filter((t=>t._internal_id==this._internal_id))[0]){var s=this.el.shadowRoot.querySelectorAll("bcm-list-item");s.forEach((t=>{t.classList.add("hidden")})),t.detail.length>0?-1==t.detail[0]?(this.totalSearch=0,this.empty=!0):(this.totalSearch=t.detail.length,this.empty=!1,this.dataLength>0&&s.forEach((i=>{t.detail.indexOf(i._id)>=0&&i.classList.remove("hidden")}))):!0===t.detail&&(this.totalSearch=this.dataLength,this.empty=!1,s.forEach((t=>{t.classList.remove("hidden")}))),this.handleIndeterminateStatus(),this.calculatedTotals({searchResult:this.totalSearch})}}sendSelectId(t,i=!0){if(t=String(t),this.items&&this.items.find((i=>String(i[this.objectMapping.id])==t))){if(this.selectedId=t,!1===this.isRendered){const s=this.items.find((i=>String(i[this.objectMapping.id])==String(t)));return s[this.objectMapping.selected]=i,this.handleChecklist(s,i),s}var s=null;if(s=this.el.shadowRoot.getElementById(t))return!0===i?s.classList.add("selected"):s.classList.remove("selected"),!0===this.multiSelect&&(this.handleChecklist(s.itemObject,i),s.shadowRoot.querySelector(".checkbox")&&(s.shadowRoot.querySelector(".checkbox").querySelector("input").checked=i)),this.items.find((i=>i[this.objectMapping.id]==t))[this.objectMapping.selected]=i,this.items.find((i=>i[this.objectMapping.id]==t))}return!1}jsonDataProcess(t,i){var s=this.items.find((i=>String(i[this.objectMapping.id])==String(t)));s&&(s[this.objectMapping.selected]=i)}handleListSelected(t){var i=t.path||t.composedPath&&t.composedPath();if(this.isInternal(t)||!this.isInternal(t)&&this.isInternalSlot(t)){var s=!1,e=null;const n=this.getItemId(t);if(!1===this.multiSelect&&(e=o(this.el,"bcm-list-item").find((t=>t._id===this.selectedId)))&&(e.classList.remove("selected"),s=!1),(e=this.el.shadowRoot.getElementById(n))&&(this.selectedId=e.id,!0===this.multiSelect?(e.classList.toggle("selected"),s=!0!==e.classList.contains("selected")):(e.classList.add("selected"),s=!0)),this.isInternalSlot(t)&&(e=i[0]))return this.selectedId=i[0].id,this.value=[t.detail],!0;if(!0===this.multiSelect?(this.handleChecklist(e.itemObject,e.classList.contains("selected")),this.listChecked.emit(this.checklist),e.shadowRoot.querySelector(".checkbox")&&(e.shadowRoot.querySelector(".checkbox").querySelector("input").checked=e.classList.contains("selected")),this.value=this.checklist):this.value=[t.detail],"default"===this.processType&&this.jsonDataProcess(this.selectedId,s),this.handleIndeterminateStatus(),this.sendSelectValue(),"deselect"===this.processType){var h=document.querySelector("#"+this._list_id);h&&!1===this.firstRender&&h.toggleChecked(this.selectedId)}}}handleChecklist(t,i=!0){if(this.items&&this.items.find((i=>i[this.objectMapping.id]==t[this.objectMapping.id]))){switch(i){case!0:this.checklist.length>0?this.checklist.includes(t)||(this.checklist=[...this.checklist,t]):this.checklist=[t];break;case!1:this.checklist=this.checklist.filter((i=>i[this.objectMapping.id]!==t[this.objectMapping.id]))}let s=this.checklist.sort((function(t,i){return t-i}));this.checklist=s,this.calculatedTotals({selected:this.checklist.length})}}handleIndeterminateStatus(){if(!0===this.multiSelect&&(this.checkStatus=!1,this.indeterminateStatus=!1,null!=this.items&&null!=this.checklist)){let i="uncheck",s=!0,e=!0;switch(o(this.el,"bcm-list-item").map((t=>{!1===t.classList.contains("hidden")&&(!0===t.classList.contains("selected")&&(e=!1),1==!t.classList.contains("selected")&&(s=!1))})),i=s||e?s?"determinate":"uncheck":"indeterminate",i){case"indeterminate":this.checkStatus=!1,this.indeterminateStatus=!0;break;case"determinate":this.checkStatus=!0,this.indeterminateStatus=!1;break;case"uncheck":this.checkStatus=!1,this.indeterminateStatus=!1}var t;(t=this.el.shadowRoot.querySelector("#check-lite-"+this._id))&&(t.checked=this.checkStatus,t.indeterminate=this.indeterminateStatus),(t=this.el.shadowRoot.querySelector("#check-lite-"+this._id))&&(t.checked=this.checkStatus,t.indeterminate=this.indeterminateStatus)}}calculatedTotals(t){var i=-1;null!=t.selected&&1==this.infoFooter&&this.el.shadowRoot.querySelector("#selected-item")&&(this.el.shadowRoot.querySelector("#selected-item").innerHTML=t.selected>0?"( "+t.selected+" selected ) ":" "),null!=t.searchResult&&1==this.infoFooter&&this.el.shadowRoot.querySelector("#search-result")&&(this.el.shadowRoot.querySelector("#search-result").innerHTML=t.searchResult==this.total?"":t.searchResult+" / ",i=t.searchResult),null!=t.total&&1==this.infoFooter&&this.el.shadowRoot.querySelector("#in-total")&&(this.el.shadowRoot.querySelector("#in-total").innerHTML=t.total,this.total=t.total,this.el.shadowRoot.querySelector("#variable-text").innerHTML=a(this.variableText,t.total));const s=this.el.shadowRoot.querySelector("#empty"),e=this.el.shadowRoot.querySelector("#check-container");0==i||0==this.total?(s&&s.classList.add("show"),e&&e.classList.add("hidden")):(s&&s.classList.remove("show"),e&&e.classList.remove("hidden"))}getItemId(t){var i=t.path||t.composedPath&&t.composedPath();return i&&i[0]&&i[0].attributes&&i[0].attributes.id&&i[0].attributes.id.value}isInternalSlot(t){var i=t.path||t.composedPath&&t.composedPath();return i&&i[0]&&"bcm-list-item"===r(i[0].tagName)&&this.el.contains(i[0])}isInternal(t){var i=t.path||t.composedPath&&t.composedPath();return(i&&i[0]&&i[0].attributes&&i[0].attributes._internal_id&&i[0].attributes._internal_id.value)==this._internal_id}handleLinkedComponent(){c(this.el,"#"+this.linkedComponent);var t=null;"100%"==this.width&&(t=document.querySelector("#"+this.linkedComponent))&&(this.linkedElementWidth=t.clientWidth+"px")}async selectIsInitialize(){const t="bcm-list-select-"+this._id;var i;return(i=document.getElementById(t)?document.getElementById(t):document.createElement("bcm-list-select")).setAttribute("id",t),i.setAttribute("_list_id",this._id),i.setAttribute("_internal_id",this._internal_id),this.type&&i.setAttribute("type",this.type),this.clearable&&i.setAttribute("clearable",this.clearable),this.label&&i.setAttribute("label",this.label),this.variableText&&i.setAttribute("variable-text",this.variableText),this.placeholder&&i.setAttribute("placeholder",this.placeholder),this.noCaption&&i.setAttribute("no-naption",this.noCaption),this.caption&&i.setAttribute("caption",this.caption),this.captionError&&i.setAttribute("caption-error",this.captionError),this.captionType&&i.setAttribute("caption-type",this.captionType),this.disabled&&i.setAttribute("disabled",this.disabled),this.name&&i.setAttribute("name",this.name),this.required&&i.setAttribute("required",this.required),this.fullWidth&&i.setAttribute("full-width",this.fullWidth),this.multiSelect&&i.setAttribute("multiselect",this.multiSelect),this.el.parentNode.insertBefore(i,this.el),t}handleCheckboxClick(t){t.preventDefault()}async handleIndeterminateClick(t){t.preventDefault();let i="uncheck",s=!0,e=!0,h=[];o(this.el,"bcm-list-item").map((t=>{!1===t.classList.contains("hidden")&&(h.push(t.id),!0===t.classList.contains("selected")&&(e=!1),1==!t.classList.contains("selected")&&(s=!1))})),i=s||e?s?"determinate":"uncheck":"indeterminate","determinate"===i?this.unChecked(h):this.checked(h,!1),this.handleIndeterminateStatus()}sendSelectValue(){if("select"===this.type||"autocomplete"===this.type){const t=document.getElementById("bcm-list-select-"+this._id);t&&t.setValue(this.value,this.objectMapping.id,this.objectMapping.text)}}render(){const t=n("list-container",this.size),i=n("list-item",this.size,{"size-2":"small"===this.size||"medium"===this.size,"size-3":"large"===this.size}),h=n(this.hidden?"hidden":null,"type-"+this.type,{error:"default"==this.type&&"error"==this.captionType,show:this.isShow,flex:null!=this.minHeight||null!=this.maxHeight,"full-width":this.fullWidth}),l=n("search-container",{show:this.searchable}),c=n("footer"),o=n("size-1","input-caption","caption-"+this.captionType);var r=0;this.el.shadowRoot&&this.el.shadowRoot.querySelector(".label")&&this.el.shadowRoot.querySelector(".label").clientHeight&&(r=this.el.shadowRoot.querySelector(".label").clientHeight+2);var d=null!=this.minHeight||null!=this.maxHeight?"auto":this.height,u={"min-height":null!=this.minHeight?this.minHeight:null,"max-height":null!=this.maxHeight?this.maxHeight:null,width:null!=this.minWidth||null!=this.maxWidth?"max-content":"100%"!=this.width?this.width:this.linkedElementWidth,"min-width":null!=this.minWidth?"100%"==this.minWidth||"auto"==this.minWidth?this.linkedElementWidth:this.minWidth:null,"max-width":null!=this.maxWidth?"100%"==this.maxWidth||"auto"==this.maxWidth?this.linkedElementWidth:this.maxWidth:null},p=Object.assign({height:d},u),m=Object.assign({height:d+r},u);return s(e,{class:h,style:m},"default"===this.type&&"default"===this.processType&&this.label&&s("div",null,s("bcm-label",{tooltip:this.tooltip,type:this.captionType,value:this.label,required:this.required})),s("main",{style:p},!0===this.searchable&&s("div",{class:l},s("bcm-search",{id:"search",_internal_id:this._internal_id,searchPlaceholder:this.searchPlaceholder,data:this.searchData,returnField:this.returnField,searchFields:this.searchFields,searchValue:this.searchText,clearable:!0}),s("bcm-divider",null)),s("div",{class:t},!0===this.multiSelect&&s("div",{id:"check-container",class:"check-container"},s("div",{class:i,id:"text",onClick:t=>this.handleIndeterminateClick(t)},s("div",{class:"check-content"},s("bcm-checkbox-lite",{id:"check-lite-"+this._id,name:"check-lite-"+this._id,checked:!1,indeterminate:!1,onClick:t=>this.handleCheckboxClick(t)})),"Select All"),s("div",{class:"divider"},s("bcm-divider",null))),s("slot",null),s("div",{class:"list"}),s("div",{class:"spinner first-run"},s("bcm-icon",{type:"animated",color:"prime-blue",class:"prefix",icon:"loading"})),s("div",{id:"empty",class:"empty"},s("bcm-empty",{size:"small",text:"No Data"}))),1==this.infoFooter&&s("div",{class:c},s("bcm-text",{scale:"size-1",color:"grey-8"},!0===this.multiSelect&&s("span",{id:"selected-item"}),"Total ",s("span",{id:"search-result"})," ",s("span",{id:"in-total"},"0")," ",s("span",{id:"variable-text"}," ",a(this.variableText))," found."))),"default"===this.type&&"default"===this.processType&&!this.noCaption&&s("div",{class:"caption-area"},"error"==this.captionType?s("span",{class:o}," ",this.captionError," "):this.caption&&s("span",{class:o}," ",this.caption," ")))}get el(){return h(this)}static get watchers(){return{isShow:["handleOpen"],value:["handleChange"],captionType:["handleCaptionType"]}}};d.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:block;position:relative;user-select:none;width:fit-content;height:fit-content}:host main{width:256px;height:256px;background-color:#ffffff;border:1px solid #d9d9d9;box-sizing:border-box;transition:height 1s ease 1s;display:flex;flex-direction:column;position:relative;padding-top:8px}:host(.full-width){width:100%}:host(.full-width) main{width:100%}:host(.linked){z-index:-999;position:absolute;opacity:0;top:-10000;left:-10000;visibility:hidden !important;box-shadow:0px 2px 8px rgba(0, 0, 0, 0.15)}:host(.linked.show){opacity:1;visibility:visible !important;z-index:100000}:host(.flex){width:100%;height:100%}:host(.flex) main{width:100%}:host(.type-autocomplete) .search-container{height:0;margin:0;padding:0;overflow:hidden}.label{display:block;color:var(--bcm-color-grey-9);margin-bottom:4px}.caption-area{min-height:20px}.caption-default{color:#8C8C8C}.caption-primary{color:#4293CF}.caption-success{color:#52C41A}.caption-warning{color:#FA8C16}.caption-error{color:#F5222D}:host(.error) .label{color:var(--bcm-color-red-6) !important}:host(.error) main{border:1px solid var(--bcm-color-red-6) !important}.search-container{margin:0 8px;padding-top:8px;background-color:#ffffff}.search-container+.list-container{padding-top:0}.footer{text-align:right;padding:4px 8px;background-color:var(--bcm-color-grey-3)}.list-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;grid-gap:4px;position:relative}.list-container .list{display:flex;flex-direction:column;grid-gap:4px}.check-container{display:block}.check-container.hidden{display:none}.empty{display:none;align-items:center;justify-content:center;flex:1;height:100%}.empty.show{display:flex}.spinner{position:absolute;z-index:1;top:0;opacity:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#ffffff;visibility:hidden;transition:opacity 0.3s, visibility 0.5s}.spinner.show{visibility:visible;opacity:0.8}.spinner.first-run{visibility:visible;opacity:0.9}.list-item{padding:8px;color:var(--bcm-color-grey-8);background-color:var(--bcm-color-grey-1);cursor:pointer;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;margin:0 8px}.list-item:hover:not(.disabled),.list-item:active:not(.disabled){color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}.divider{margin:0 8px}';export{d as bcm_list}

package/dist/bromcom-ui/{p-b52eb625.entry.js → p-e21a8f2d.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as s,a as e,H as o,g as r}from"./p-6e0d3067.js";import{c as n}from"./p-5525b672.js";import"./p-4cb268d2.js";import{E as h,D as a}from"./p-554d326a.js";const l=class{constructor(s){t(this,s),this.change=i(this,"bcm-change",7),this.initialized=!1,this.setColorBeforeInitialized=!1,this._color="#4293CF",this.open=!1,this.value=null,this.size="medium",this.noCaption=!1,this.captionType="default",this.fullWidth=!1,this.disabled=!1,this.hidden=!1,this.required=!1,this.h=-1,this.s=1,this.v=1,this.a=1,this.selectedH=-1,this.selectedS=1,this.selectedV=1,this.selectedA=1,this.color={rgba:"",hex:""},this.inputValue="",this.mouseState="up"}componentWillLoad(){const t=this.hextohsv(this._color);this.s=t.s,this.v=t.v,this.h=t.h}componentDidRender(){this.initialized||Promise.all([this.initColorDragger(),this.initColorsDragger(),this.initTransparencyDragger()]).then((()=>{!this.setColorBeforeInitialized&&this._setColor(this._color),this.updateValue(),this.initialized=!0}))}initColorDragger(){if(!this.colorDragger)return this.colorDragger=new h({target:this.colorIndicatorElement,trigger:this.colorElement,direction:a.both,limit:{x:{min:0,max:this.colorElement.offsetWidth},y:{min:0,max:this.colorElement.offsetHeight}},snapOnMouseDown:!0,center:{x:this.colorIndicatorElement.offsetWidth/2,y:this.colorIndicatorElement.offsetHeight/2}}),this.colorDragger.on("drag",(t=>this.colorDrag(t))),Promise.resolve()}initColorsDragger(){if(!this.colorsDragger)return this.colorsDragger=new h({target:this.colorsIndicatorElement,trigger:this.colorsElement,direction:a.x,limit:{x:{min:0,max:this.colorsElement.offsetWidth}},snapOnMouseDown:!0,center:{x:this.colorsIndicatorElement.offsetWidth/2}}),this.colorsDragger.on("drag",(t=>this.colorsDrag(t))),Promise.resolve()}initTransparencyDragger(){}hsvtorgb(t){let i,s,e,o,r,n=t.h%360/60;r=t.v*t.s,o=r*(1-Math.abs(n%2-1)),i=s=e=t.v-r,n=~~n,i+=[r,o,0,0,o,r][n],s+=[o,r,r,o,0,0][n],e+=[0,0,o,r,r,o][n];const h={r:Math.round(255*i),g:Math.round(255*s),b:Math.round(255*e)};return Object.assign(Object.assign({},h),{hex:"#"+(16777216|h.b|h.g<<8|h.r<<16).toString(16).slice(1)})}rgbtohsv(t){let i,s,e,o,r=t.r,n=t.g,h=t.b;return(t.r>1||t.g>1||t.b>1)&&(r/=255,n/=255,h/=255),e=Math.max(r,n,h),o=e-Math.min(r,n,h),i=0==o?null:e==r?(n-h)/o+(n<h?6:0):e==n?(h-r)/o+2:(r-n)/o+4,i=i%6*60,s=0==o?0:o/e,{h:i,s,v:e}}hextohsv(t){return this.rgbtohsv(this.hextorgb(t))}hextorgb(t){return{r:parseInt(t.substr(1,2),16),g:parseInt(t.substr(3,2),16),b:parseInt(t.substr(5,2),16)}}colorDrag(t){const i=this.colorElement.offsetHeight;this.selectedS=t.x/this.colorElement.offsetWidth,this.selectedV=(i-t.y)/i,this.updateValue()}colorsDrag(t){this.h=t.x/this.colorsElement.offsetWidth*360,this.s=1,this.v=1,this.selectedH=this.h,this.updateValue()}setHsvColor(){const t=this.hsvtorgb({h:this.selectedH,s:this.selectedS,v:this.selectedV});return this.color={rgba:`rgba(${t.r}, ${t.g}, ${t.b}, ${this.a})`,hex:t.hex},this.color}_setColor(t,i=!1){if(/^#+([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t)){4===t.length&&(t=t.split("").map((t=>"#"!==t?t+t:t)).join(""));const s=this.hextohsv(t);this.h=s.h,this.s=1,this.v=1,this.selectedH=s.h,this.selectedS=s.s,this.selectedV=s.v,this.updateIndicators(),this.updateValue(i)}}updateIndicators(){const{colorsElement:t,colorElement:i,colorsIndicatorElement:s}=this;this.colorDragger.setPosition({x:this.selectedS*i.offsetWidth,y:i.offsetHeight-this.selectedV*i.offsetHeight}),this.colorsDragger.setPosition({x:this.selectedH*(t.offsetWidth-2*s.offsetWidth)/360})}updateValue(t=!1){const{selectedH:i,selectedS:s,selectedV:e}=this,o=this.hsvtorgb({h:i,s,v:e}).hex;this.value=o,t||this.updateInputValue(o)}updateInputValue(t){this.inputElement&&(this.inputElement.value=t)}handleClick(){this.open=!0}handleColorInputKeyUp(t){var i=t.path||t.composedPath&&t.composedPath();this._setColor(i[0].value,!0)}handleWindowClick(t){const i=t.target,s=i.classList,e=i.tagName.toLowerCase();!s.contains("sc-bcm-colorpicker")&&"bcm-colorpicker"!==e&&"up"===this.mouseState&&(this.open=!1,this.updateInputValue(this.value)),this.mouseState="up"}valueChange(){this.initialized&&this.change.emit(this.value)}async getValue(){return this.value}async setColor(t){this.setColorBeforeInitialized=!0,this._setColor(t)}render(){const{label:t,required:i,noCaption:r,caption:h,captionError:a,captionType:l}=this,c=n("color-picker",{open:this.open}),p=n("size-1","input-caption","caption-"+l);return s(o,null,s("div",{class:c,onClick:()=>this.handleClick()},t&&s("label",{class:"label size-1"}," ",t," ",i&&"*"," "),s("div",{class:"input"},s("div",{class:"active-color"},s("div",{class:"color-thumb",style:{backgroundColor:this.value}})),s("span",{class:"icon",slot:"suffix"},s("bcm-icon",{icon:"bg-colors"}))),!r&&s("div",{class:"caption-area"},"error"==l?s("span",{class:p}," ",a," "):h&&s("span",{class:p}," ",h," ")),s("div",{class:"picker"},s("div",{class:"input"},s("input",{type:"text",class:"color-input",maxlength:"7",ref:t=>this.inputElement=t,onKeyUp:t=>this.handleColorInputKeyUp(t)})),s("div",{class:"color",onMouseDown:()=>this.mouseState="down",style:{backgroundColor:this.hsvtorgb({h:this.h,s:this.s,v:this.v}).hex},ref:t=>this.colorElement=t},s("img",{src:e("./static/color.svg")}),s("div",{class:"color-indicator",ref:t=>this.colorIndicatorElement=t})),s("div",{class:"colors-transparency"},s("div",{class:"colors",onMouseDown:()=>this.mouseState="down",ref:t=>this.colorsElement=t},s("div",{class:"colors-holder"},s("img",{src:e("./static/colors.svg")})),s("div",{class:"colors-indicator",ref:t=>this.colorsIndicatorElement=t}))))))}static get assetsDirs(){return["static"]}get el(){return r(this)}static get watchers(){return{value:["valueChange"]}}};l.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{position:relative;margin:0 0 8px 0}.color-picker{position:relative;width:200px}.color-picker.open .picker{opacity:1;visibility:visible;transform:scale(1) translateY(56px)}.picker{width:300px;position:absolute;top:0;z-index:1;background-color:#ffffff;border:1px solid #F6F6F6;box-shadow:0px 3px 3.6px 0.4px rgba(0, 0, 0, 0.15);opacity:0;visibility:hidden;transition:transform 0.2s ease, opacity 0.3s ease;transform:scale(0.8) translateY(-100px)}.label{display:flex;flex-direction:column;color:var(--bcm-color-grey-9);margin-bottom:4px}.caption-area{min-height:20px}.input-caption{display:block}.input{display:flex;cursor:pointer;border:1px solid var(--bcm-color-grey-5);border-radius:2px}.color{position:relative;width:100%;height:166px;user-select:none}.color img{width:100%;height:100%;user-select:none;pointer-events:none}.color-indicator{position:absolute;top:0;left:0;width:17px;height:17px;border:1px solid rgba(255, 255, 255, 0.82);box-shadow:0px 1px 2px rgba(0, 0, 0, 0.25);transform:translate(0, 0);border-radius:100%;user-select:none;box-sizing:border-box;pointer-events:none}.colors{position:relative;width:100%;height:16px;margin-top:8px}.colors img{width:100%;user-select:none;pointer-events:none}.colors-holder{position:absolute;top:50%;left:0;width:100%;height:8px;overflow:hidden;transform:translateY(-50%);border-radius:8px;user-select:none}.colors-indicator{position:absolute;top:50%;left:0;width:17px;height:17px;border:2px solid rgba(255, 255, 255, 0.82);box-shadow:0px 1px 4px rgba(0, 0, 0, 0.25);transform:translateY(-50%);border-radius:100%;user-select:none;box-sizing:border-box;pointer-events:none}.transparency{position:relative;width:100%;height:16px;margin-top:8px}.transparency-holder{position:absolute;top:50%;left:0;width:100%;height:8px;overflow:hidden;transform:translateY(-50%);border-radius:8px;background:transparent none repeat center center/20px}.transparency-indicator{position:absolute;top:50%;left:0;width:17px;height:17px;border:2px solid rgba(255, 255, 255, 0.82);box-shadow:0px 1px 4px rgba(0, 0, 0, 0.25);transform:translateY(-50%);border-radius:100%;user-select:none;box-sizing:border-box}.colors-transparency{padding:16px}.active-color{display:flex;align-items:center;width:100%;height:30px}.active-color .color-thumb{width:100%;height:100%;background-color:transparent;border-radius:1px 0 0 1px}.active-color .color-text{font-size:14px;color:#656565;margin-left:8px}.icon{display:flex;align-items:center;justify-content:center;cursor:pointer;width:30px;color:var(--bcm-color-grey-6)}.color-input{border:none;width:100%;padding:10px;outline:none;-webkit-tap-highlight-color:transparent}';export{l as bcm_colorpicker}
+import{r as t,c as i,h as s,a as e,H as o,g as r}from"./p-6e0d3067.js";import{c as n}from"./p-5525b672.js";import"./p-4cb268d2.js";import{E as h,D as a}from"./p-554d326a.js";const l=class{constructor(s){t(this,s),this.change=i(this,"bcm-change",7),this.initialized=!1,this.setColorBeforeInitialized=!1,this._color="#4293CF",this.open=!1,this.value=null,this.size="medium",this.noCaption=!1,this.captionType="default",this.fullWidth=!1,this.disabled=!1,this.hidden=!1,this.required=!1,this.h=-1,this.s=1,this.v=1,this.a=1,this.selectedH=-1,this.selectedS=1,this.selectedV=1,this.selectedA=1,this.color={rgba:"",hex:""},this.inputValue="",this.mouseState="up"}componentWillLoad(){const t=this.hextohsv(this._color);this.s=t.s,this.v=t.v,this.h=t.h}componentDidRender(){this.initialized||Promise.all([this.initColorDragger(),this.initColorsDragger(),this.initTransparencyDragger()]).then((()=>{!this.setColorBeforeInitialized&&this._setColor(this._color),this.updateValue(),this.initialized=!0}))}initColorDragger(){if(!this.colorDragger)return this.colorDragger=new h({target:this.colorIndicatorElement,trigger:this.colorElement,direction:a.both,limit:{x:{min:0,max:this.colorElement.offsetWidth},y:{min:0,max:this.colorElement.offsetHeight}},snapOnMouseDown:!0,center:{x:this.colorIndicatorElement.offsetWidth/2,y:this.colorIndicatorElement.offsetHeight/2}}),this.colorDragger.on("drag",(t=>this.colorDrag(t))),Promise.resolve()}initColorsDragger(){if(!this.colorsDragger)return this.colorsDragger=new h({target:this.colorsIndicatorElement,trigger:this.colorsElement,direction:a.x,limit:{x:{min:0,max:this.colorsElement.offsetWidth}},snapOnMouseDown:!0,center:{x:this.colorsIndicatorElement.offsetWidth/2}}),this.colorsDragger.on("drag",(t=>this.colorsDrag(t))),Promise.resolve()}initTransparencyDragger(){}hsvtorgb(t){let i,s,e,o,r,n=t.h%360/60;r=t.v*t.s,o=r*(1-Math.abs(n%2-1)),i=s=e=t.v-r,n=~~n,i+=[r,o,0,0,o,r][n],s+=[o,r,r,o,0,0][n],e+=[0,0,o,r,r,o][n];const h={r:Math.round(255*i),g:Math.round(255*s),b:Math.round(255*e)};return Object.assign(Object.assign({},h),{hex:"#"+(16777216|h.b|h.g<<8|h.r<<16).toString(16).slice(1)})}rgbtohsv(t){let i,s,e,o,r=t.r,n=t.g,h=t.b;return(t.r>1||t.g>1||t.b>1)&&(r/=255,n/=255,h/=255),e=Math.max(r,n,h),o=e-Math.min(r,n,h),i=0==o?null:e==r?(n-h)/o+(n<h?6:0):e==n?(h-r)/o+2:(r-n)/o+4,i=i%6*60,s=0==o?0:o/e,{h:i,s,v:e}}hextohsv(t){return this.rgbtohsv(this.hextorgb(t))}hextorgb(t){return{r:parseInt(t.substr(1,2),16),g:parseInt(t.substr(3,2),16),b:parseInt(t.substr(5,2),16)}}colorDrag(t){const i=this.colorElement.offsetHeight;this.selectedS=t.x/this.colorElement.offsetWidth,this.selectedV=(i-t.y)/i,this.updateValue()}colorsDrag(t){this.h=t.x/this.colorsElement.offsetWidth*360,this.s=1,this.v=1,this.selectedH=this.h,this.updateValue()}setHsvColor(){const t=this.hsvtorgb({h:this.selectedH,s:this.selectedS,v:this.selectedV});return this.color={rgba:`rgba(${t.r}, ${t.g}, ${t.b}, ${this.a})`,hex:t.hex},this.color}_setColor(t,i=!1){if(/^#+([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t)){4===t.length&&(t=t.split("").map((t=>"#"!==t?t+t:t)).join(""));const s=this.hextohsv(t);this.h=s.h,this.s=1,this.v=1,this.selectedH=s.h,this.selectedS=s.s,this.selectedV=s.v,this.updateIndicators(),this.updateValue(i)}}updateIndicators(){const{colorsElement:t,colorElement:i,colorsIndicatorElement:s}=this;this.colorDragger.setPosition({x:this.selectedS*i.offsetWidth,y:i.offsetHeight-this.selectedV*i.offsetHeight}),this.colorsDragger.setPosition({x:this.selectedH*(t.offsetWidth-2*s.offsetWidth)/360})}updateValue(t=!1){const{selectedH:i,selectedS:s,selectedV:e}=this,o=this.hsvtorgb({h:i,s,v:e}).hex;this.value=o,t||this.updateInputValue(o)}updateInputValue(t){this.inputElement&&(this.inputElement.value=t)}handleClick(){this.open=!0}handleColorInputKeyUp(t){var i=t.path||t.composedPath&&t.composedPath();this._setColor(i[0].value,!0)}handleWindowClick(t){const i=t.target,s=i.classList,e=i.tagName.toLowerCase();!s.contains("sc-bcm-colorpicker")&&"bcm-colorpicker"!==e&&"up"===this.mouseState&&(this.open=!1,this.updateInputValue(this.value)),this.mouseState="up"}valueChange(){this.initialized&&this.change.emit(this.value)}async getValue(){return this.value}async setColor(t){this.setColorBeforeInitialized=!0,this._setColor(t)}render(){const{label:t,required:i,noCaption:r,caption:h,captionError:a,captionType:l}=this,c=n("color-picker",{open:this.open}),p=n("size-1","input-caption","caption-"+l);return s(o,null,s("div",{class:c,onClick:()=>this.handleClick()},t&&s("div",null,s("bcm-label",{tooltip:this.tooltip,type:l,value:t,required:i})),s("div",{class:"input"},s("div",{class:"active-color"},s("div",{class:"color-thumb",style:{backgroundColor:this.value}})),s("span",{class:"icon",slot:"suffix"},s("bcm-icon",{icon:"bg-colors"}))),!r&&s("div",{class:"caption-area"},"error"==l?s("span",{class:p}," ",a," "):h&&s("span",{class:p}," ",h," ")),s("div",{class:"picker"},s("div",{class:"input"},s("input",{type:"text",class:"color-input",maxlength:"7",ref:t=>this.inputElement=t,onKeyUp:t=>this.handleColorInputKeyUp(t)})),s("div",{class:"color",onMouseDown:()=>this.mouseState="down",style:{backgroundColor:this.hsvtorgb({h:this.h,s:this.s,v:this.v}).hex},ref:t=>this.colorElement=t},s("img",{src:e("./static/color.svg")}),s("div",{class:"color-indicator",ref:t=>this.colorIndicatorElement=t})),s("div",{class:"colors-transparency"},s("div",{class:"colors",onMouseDown:()=>this.mouseState="down",ref:t=>this.colorsElement=t},s("div",{class:"colors-holder"},s("img",{src:e("./static/colors.svg")})),s("div",{class:"colors-indicator",ref:t=>this.colorsIndicatorElement=t}))))))}static get assetsDirs(){return["static"]}get el(){return r(this)}static get watchers(){return{value:["valueChange"]}}};l.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{position:relative;margin:0 0 8px 0}.color-picker{position:relative;width:200px}.color-picker.open .picker{opacity:1;visibility:visible;transform:scale(1) translateY(56px)}.picker{width:300px;position:absolute;top:0;z-index:1;background-color:#ffffff;border:1px solid #F6F6F6;box-shadow:0px 3px 3.6px 0.4px rgba(0, 0, 0, 0.15);opacity:0;visibility:hidden;transition:transform 0.2s ease, opacity 0.3s ease;transform:scale(0.8) translateY(-100px)}.label{display:flex;flex-direction:column;color:var(--bcm-color-grey-9);margin-bottom:4px}.caption-area{min-height:20px}.input-caption{display:block}.input{display:flex;cursor:pointer;border:1px solid var(--bcm-color-grey-5);border-radius:2px}.color{position:relative;width:100%;height:166px;user-select:none}.color img{width:100%;height:100%;user-select:none;pointer-events:none}.color-indicator{position:absolute;top:0;left:0;width:17px;height:17px;border:1px solid rgba(255, 255, 255, 0.82);box-shadow:0px 1px 2px rgba(0, 0, 0, 0.25);transform:translate(0, 0);border-radius:100%;user-select:none;box-sizing:border-box;pointer-events:none}.colors{position:relative;width:100%;height:16px;margin-top:8px}.colors img{width:100%;user-select:none;pointer-events:none}.colors-holder{position:absolute;top:50%;left:0;width:100%;height:8px;overflow:hidden;transform:translateY(-50%);border-radius:8px;user-select:none}.colors-indicator{position:absolute;top:50%;left:0;width:17px;height:17px;border:2px solid rgba(255, 255, 255, 0.82);box-shadow:0px 1px 4px rgba(0, 0, 0, 0.25);transform:translateY(-50%);border-radius:100%;user-select:none;box-sizing:border-box;pointer-events:none}.transparency{position:relative;width:100%;height:16px;margin-top:8px}.transparency-holder{position:absolute;top:50%;left:0;width:100%;height:8px;overflow:hidden;transform:translateY(-50%);border-radius:8px;background:transparent none repeat center center/20px}.transparency-indicator{position:absolute;top:50%;left:0;width:17px;height:17px;border:2px solid rgba(255, 255, 255, 0.82);box-shadow:0px 1px 4px rgba(0, 0, 0, 0.25);transform:translateY(-50%);border-radius:100%;user-select:none;box-sizing:border-box}.colors-transparency{padding:16px}.active-color{display:flex;align-items:center;width:100%;height:30px}.active-color .color-thumb{width:100%;height:100%;background-color:transparent;border-radius:1px 0 0 1px}.active-color .color-text{font-size:14px;color:#656565;margin-left:8px}.icon{display:flex;align-items:center;justify-content:center;cursor:pointer;width:30px;color:var(--bcm-color-grey-6)}.color-input{border:none;width:100%;padding:10px;outline:none;-webkit-tap-highlight-color:transparent}';export{l as bcm_colorpicker}

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

@@ -0,0 +1 @@
+import{r as i,h as e,H as t,g as o,a as s,c as r}from"./p-6e0d3067.js";import{c as n}from"./p-5525b672.js";const l=class{constructor(e){i(this,e),this.value="",this.name="checkbox",this.checked=!1,this.indeterminate=!1,this.disabled=!1,this.readOnly=!1,this.hidden=!1,this.required=!1,this.noCaption=!1,this.captionType="default"}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}componentDidLoad(){}componentWillRender(){}componentDidRender(){}componentWillUpdate(){}componentDidUpdate(){}render(){const{disabled:i,checked:o,readOnly:s,name:r,required:l}=this,h=n(this.hidden?"hidden":null,{indeterminate:this.indeterminate}),c=n("icon");return e(t,{class:h},e("input",{id:r,type:"checkbox",checked:o,disabled:i,required:l,readOnly:s}),e("label",{htmlFor:r},e("span",{class:c},e("svg",{class:"svg-icon icon-checked",width:"11",height:"9",viewBox:"0 0 11 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M1.91308 4.03516H1.91326C1.99256 4.03525 2.07081 4.05331 2.14213 4.08798C2.21341 4.12262 2.27591 4.17295 2.32497 4.2352L1.91308 4.03516ZM1.91308 4.03516H1.09394C0.890308 4.03516 0.776602 4.26975 0.902321 4.4292L0.902371 4.42927L4.11214 8.49567L4.11218 8.49573C4.32247 8.76188 4.72568 8.76114 4.93667 8.49617L4.93708 8.49566L10.6597 1.24398C10.6598 1.24378 10.66 1.24358 10.6602 1.24338C10.7884 1.08295 10.6699 0.85 10.4689 0.85H9.6498C9.48941 0.85 9.33668 0.9235 9.2376 1.05044C9.23751 1.05055 9.23742 1.05066 9.23734 1.05077L4.52403 7.02157M1.91308 4.03516L4.52403 7.02157M4.52403 7.02157L2.32506 4.23531L4.52403 7.02157Z",fill:"#BFBFBF",stroke:"#BFBFBF","stroke-width":"0.3"})))))}get el(){return o(this)}};l.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:inline-block}:host(.hidden){display:none}input{display:none}.svg-icon{filter:brightness(0) invert(1);width:12px;height:12px}label{display:flex;align-items:flex-start;font-size:14px;color:var(--bcm-color-grey-8);cursor:pointer}label span.icon{display:flex;align-items:center;justify-content:center;min-width:16px;min-height:16px;border:1px solid #D9D9D9;margin-right:8px;border-radius:2px;margin-top:2px;background-color:var(--bcm-color-grey-1)}:host(.indeterminate) label span.icon{position:relative}:host(.indeterminate) label span.icon::after{content:"";position:absolute;top:50%;left:8px;width:10px;height:10px;background-color:var(--bcm-color-prime-blue-6);transform:translate(-50%, -50%);opacity:1;z-index:1}:host(.indeterminate) label span.icon::before{content:"";position:absolute;top:-1px;left:-1px;width:16px;height:100%;border-radius:2px;background-color:var(--bcm-color-grey-1);border:1px solid var(--bcm-color-grey-5);opacity:1;z-index:1}:host(.indeterminate) label span.icon:hover:not(.disabled):before{border-color:var(--bcm-color-prime-blue-6);box-shadow:0px 2px 4px rgba(54, 121, 171, 0.5)}input:checked+label span.icon{background-color:var(--bcm-color-prime-blue-6);border-color:transparent}input:checked+label .icon-checked{display:block}bcm-icon{filter:brightness(0) invert(1)}input[disabled]+label{cursor:not-allowed}input[disabled]+label span.icon{background-color:var(--bcm-color-grey-3);border-color:var(--bcm-color-grey-5)}input[disabled]+label bcm-icon{filter:brightness(0);opacity:0.3}input:not([disabled])+label:hover span.icon{border-color:var(--bcm-color-prime-blue-6);box-shadow:0px 2px 4px rgba(54, 121, 171, 0.5)}:host(.error) input:not([disabled])+label span.icon{border-color:var(--bcm-color-red-6)}.caption-area{margin-bottom:8px;min-height:20px;display:block}.input-caption{display:block}.caption-default{color:#8C8C8C}.caption-primary{color:#4293CF}.caption-success{color:#52C41A}.caption-warning{color:#FA8C16}.caption-error{color:#F5222D}.radio-button{background-color:var(--bcm-color-grey-1);color:var(--bcm-color-grey-8);border:1px solid var(--bcm-color-grey-5);padding:0 16px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.radio-button>span.icon{display:none}.radio-button>span.slot{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;user-select:none}.radio-button:hover:not(.disabled){color:var(--bcm-color-prime-blue-5)}.radio-button:active:not(.disabled){color:var(--bcm-color-prime-blue-7)}.radio-button.disabled{background-color:var(--bcm-color-grey-3);color:var(--bcm-color-grey-6);cursor:not-allowed}.radio-button.checked.disabled{background-color:var(--bcm-color-grey-4);color:var(--bcm-color-grey-1);border-color:var(--bcm-color-grey-5)}.radio-button.checked.solid{color:var(--bcm-color-grey-1);background-color:var(--bcm-color-prime-blue-6);border-color:var(--bcm-color-prime-blue-6)}.radio-button.checked.solid:hover{background-color:var(--bcm-color-prime-blue-5);border-color:var(--bcm-color-prime-blue-5)}.radio-button.checked.solid:active{background-color:var(--bcm-color-prime-blue-7);border-color:var(--bcm-color-prime-blue-7)}.radio-button.checked.outline{background-color:var(--bcm-color-grey-1);color:var(--bcm-color-prime-blue-6);border-color:var(--bcm-color-prime-blue-6)}.radio-button.checked.outline:hover{color:var(--bcm-color-prime-blue-5);border-color:var(--bcm-color-prime-blue-5)}.radio-button.checked.outline:active{color:var(--bcm-color-prime-blue-7);border-color:var(--bcm-color-prime-blue-7)}.radio-button.large{height:40px}.radio-button.medium{height:32px}.radio-button.small{height:24px}';const h=class{constructor(e){i(this,e),this.direction="horizontal",this.width="100",this.hidden=!1}render(){const i=n("divider",this.direction),o={width:this.width+"%"},s=n(this.hidden?"hidden":null);return e(t,{class:s},e("div",{class:i,style:"horizontal"===this.direction&&o}))}};var c,a;h.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:flex;justify-content:center}:host(.hidden){display:none}.divider{background-color:var(--bcm-color-grey-5)}.divider.horizontal{height:1px;margin:4px 0}.divider.vertical{height:100%;width:1px;margin:0 4px}',function(i){i.default="default.svg",i.simple="simple.svg"}(c||(c={})),function(i){i.small="small",i.medium="medium",i.big="big"}(a||(a={}));const p=class{constructor(e){i(this,e),this._image=c.default,this.size=a.medium,this.hidden=!1}componentWillLoad(){this.parseImage(this._image)}parseImage(i){i&&(this.image=i in c?c[i]:c.default)}render(){const i=n("empty",{[this.size]:this.size}),o=n(this.hidden?"hidden":null);return e(t,{class:o},e("div",{class:i},e("img",{src:s("./static/"+this.image)}),e("div",{class:"content"},this.text&&e("span",{class:"text"},this.text),e("slot",null))))}static get assetsDirs(){return["static"]}get el(){return o(this)}static get watchers(){return{_image:["parseImage"]}}};p.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:block}:host(.hidden){display:none}.empty.small{max-width:100px}.empty.medium{max-width:140px}.empty.big{max-width:200px}.text{font-size:14px;color:var(--bcm-color-grey-8)}.content{text-align:center}img{max-width:100%}';const d=i=>i.toLowerCase(),b=class{constructor(e){i(this,e),this.bcmOnSearch=r(this,"bcm-on-search",7),this.bcmOnSearchValue=r(this,"bcm-on-search-value",7),this.data=[],this.searchFields=["text","value"],this.returnField="idx",this.searchSub=null,this.hidden=!1,this.onlyChild=!1,this.clearable=!1,this.searchValue="",this.searchPlaceholder="Search",this.disabled=!1,this._internal_id=(4*Math.random()).toString(16).replace(".",""),this.results=[]}componentDidLoad(){this.el.shadowRoot.querySelector("bcm-input").clearable=this.clearable}listenBcmChange(i){i.stopPropagation()}async setValue(i){const e=this.el.shadowRoot.querySelector("bcm-input");return await e.setValue(i),i}async select(){const i=this.el.shadowRoot.querySelector("bcm-input");return await i.select(),this.bcmOnSearch.emit(!0),!0}async setClear(){const i=this.el.shadowRoot.querySelector("bcm-input");return await i.setClear(),this.bcmOnSearch.emit(!0),!0}async searchArray(i,e=null){let t=this.searchFields,o=[];return e&&(this.searchFields=[e]),i.forEach((i=>{this.results=[],this.nestedSearch(this.data,i,!0),o.push(...this.results)})),this.searchFields=t,o}nestedSearch(i,e,t=!1){var o;return i&&i.map((i=>{this.searchFields.map((s=>{if(s in i)if(i[s]=d(String(i[s])),this.onlyChild)i[this.searchSub]?(r=this.nestedSearch(i[this.searchSub],e,t))&&(this.results.push(o=String(i[this.returnField])),this.results.push(r)):t?i[s]==d(String(e))&&this.results.push(o=String(i[this.returnField])):-1!==i[s].indexOf(d(e))&&this.results.push(o=String(i[this.returnField]));else{var r;i[this.searchSub]&&(r=this.nestedSearch(i[this.searchSub],e,t))&&(this.results.push(o=String(i[this.returnField])),this.results.push(r)),t?i[s]==d(String(e))&&this.results.push(o=String(i[this.returnField])):-1!==i[s].indexOf(d(e))&&this.results.push(o=String(i[this.returnField]))}}))})),o}inputChange(i){this.results=[],this.nestedSearch(this.data,i),this.results=Array.from(new Set(this.results)),i&&(this.results.length>0&&this.bcmOnSearch.emit(this.results)||this.bcmOnSearch.emit([-1]))||this.bcmOnSearch.emit(!0),this.bcmOnSearchValue.emit(i)}render(){const i=n(this.hidden?"hidden":null);return e(t,{class:i},e("bcm-input",{placeholder:this.searchPlaceholder,"no-caption":!0,"no-margin":!0,"full-width":!0,disabled:this.disabled,type:"search","on-bcm-change":i=>this.inputChange(i.detail),value:this.searchValue}))}get el(){return o(this)}static get watchers(){return{searchValue:["inputChange"]}}};b.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:block}:host(.hidden){display:none}';export{l as bcm_checkbox_lite,h as bcm_divider,p as bcm_empty,b as bcm_search}

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

@@ -0,0 +1 @@
+import{r as t,c as e,h as i,H as s,g as o}from"./p-6e0d3067.js";import{c as l}from"./p-5525b672.js";import{d as n,p as a}from"./p-4cb268d2.js";const c=class{constructor(i){t(this,i),this.change=e(this,"bcm-change",7),this.clear=e(this,"bcm-clear",7),this.focus=e(this,"bcm-focus",7),this.blur=e(this,"bcm-blur",7),this.objectMapping={id:"id",text:"text",selected:"selected"},this.hidden=!1,this._id=(4*Math.random()).toString(16).replace(".",""),this._list_id=null,this.value=null,this._internal_id=(4*Math.random()).toString(16).replace(".",""),this.type="default",this.variableText="item",this.size="medium",this.placeholder="Choose an option",this.noCaption=!1,this.captionType="default",this.fullWidth=!1,this.required=!1,this.multiSelect=!1,this.searchData=null,this.searchPlaceholder="Search",this.searchFields=["text"],this.returnField="id",this.searchSub="items",this.searchText="",this.captionCache=null,this.captionTypeCache=null,this.isOpen=!1,this.firstRun=!0,this.selectArea=null,this.selectAreaWidth=0,this.selectHiddenData=[],this.otherList=[],this.selectText=null,this.selectData=[],this.focusInput=!1}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}componentDidLoad(){this.selectArea=this.el.shadowRoot.querySelector(".selected-text"),this.selectAreaWidth=this.selectArea.clientWidth,setTimeout((()=>{this.el.shadowRoot.querySelector(".spinner").classList.remove("first-run")}),100)}componentWillRender(){}componentDidRender(){0===this.selectAreaWidth&&(this.selectArea=this.el.shadowRoot.querySelector(".selected-text"),this.selectAreaWidth=this.selectArea.clientWidth),this.selectArea.style.width="100%",this.handleTagControl(),sessionStorage.getItem(this._internal_id+"-config")&&this.config(JSON.parse(sessionStorage.getItem(this._internal_id+"-config")))}componentWillUpdate(){}componentDidUpdate(){}handleFocus(){this.focus.emit()}handleBlur(t="host"){"input"===t&&(this.focusInput=!1),this.blur.emit()}async resetCaption(){this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null}async setClear(){this.selectText=null,this.value=null,this.selectData=[]}async handleOpen(t="default"){var e=null,i=null;switch(t){case"default":i=this._list_id;break;case"other":i="bcm-clone-list-"+this._internal_id}null!=(e=document.getElementById(i))&&(!0===e.classList.contains("show")?e.hide():e.show())}async hide(t="default"){var e=null,i=null;switch(t){case"default":i=this._list_id;break;case"other":i="bcm-clone-list-"+this._internal_id}null!=(e=document.getElementById(i))&&e.hide()}async show(t="default"){var e=null,i=null;switch(t){case"default":i=this._list_id;break;case"other":i="bcm-clone-list-"+this._internal_id}null!=(e=document.getElementById(i))&&e.show()}async toggle(t="default"){this.handleOpen(t)}handleChange(t){var e=t.path||t.composedPath&&t.composedPath();e&&e.filter((t=>t._internal_id==this._internal_id))[0]&&null!=e.filter((t=>"autocomplete"==t.id))&&(t.stopPropagation(),t.preventDefault())}handleClear(t){var e=t.path||t.composedPath&&t.composedPath();e&&e.filter((t=>t._internal_id==this._internal_id))[0]&&null!=e.filter((t=>"autocomplete"==t.id))&&(t.stopPropagation(),t.preventDefault(),this.clickClear())}clickClear(t=null){const e=document.querySelector("#"+this._list_id);e&&e.setClear(!1),t&&(t.stopPropagation(),t.preventDefault())}async config(t){return this.selectArea=this.el.shadowRoot.querySelector(".selected-text"),this.selectArea.style.width="100%",this.selectAreaWidth=this.selectArea.clientWidth,this.handleTagControl(),this.selectArea.style.width=this.selectAreaWidth-16+"px",t.searchPlaceholder&&(this.searchPlaceholder=t.searchPlaceholder),t.searchFields&&(this.searchFields=t.searchFields),t.returnField&&(this.returnField=t.returnField),t.searchSub&&(this.searchSub=t.searchSub),t.searchText&&(this.searchText=t.searchText),t.mapping&&(t.mapping.id&&(this.objectMapping.id=t.mapping.id),t.mapping.text&&(this.objectMapping.text=t.mapping.text),t.mapping.selected&&(this.objectMapping.selected=t.mapping.selected)),t}async setValue(t,e="id",i="text"){let s="";!1===this.multiSelect&&(t&&t.length>0&&(s=t[0][i]),t=s);var o=t;const l=this.el.shadowRoot.querySelector("#autocomplete");if(l&&(l.setValue(t),this.searchText=t,this.search("",!1)),this.handleLoading(!0),this.selectData=[],this.otherList=[],"string"==typeof t)this.value!==t&&(this.selectText=String(s),this.value=this.selectText),this.handleLoading(!1);else if(t&&t.forEach((t=>{this.selectData.push({id:t[e],text:t[i],selected:!0})})),this.value!==this.selectData){this.value=this.selectData,t&&o.forEach((t=>{t[this.objectMapping.selected]=!0})),this.otherList=o;var n=this.el.shadowRoot.getElementById("visible-tags");if(n){n.innerHTML=" ";const t=Math.ceil((this.selectAreaWidth-16)/40);this.selectData.slice(0,t).map((t=>{const e=document.createElement("span");e.setAttribute("id",String(t.id)),e.setAttribute("value",t.text),e.setAttribute("title",t.text),e.setAttribute("_internal_id",this._internal_id),e.style.opacity="0",e.style.position="absolute",e.classList.add("tag"),e.classList.add("dissmisable"),e.classList.add("size-1"),e.setAttribute("_internal_id",this._internal_id),e.innerHTML='<span class="value"> '+t.text+' </span><span id="close-button" _internal_id="'+this._internal_id+'" class="right close-button"> <svg class="icon" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g id="icon/outlined/suggested/close"><path id="Vector" d="M18.9275 4.07814L19.9219 5.07251C20.0103 5.1609 20.0103 5.24928 19.9219 5.33767L5.3378 19.9218C5.24941 20.0101 5.16102 20.0101 5.07263 19.9218L4.07826 18.9274C3.98987 18.839 3.98987 18.7506 4.07826 18.6622L18.6623 4.07814C18.7507 3.98975 18.8391 3.98975 18.9275 4.07814Z" /><path id="Vector_2" d="M5.33766 4.07814L19.9217 18.6622C20.0101 18.7506 20.0101 18.839 19.9217 18.9274L18.9274 19.9218C18.839 20.0101 18.7506 20.0101 18.6622 19.9218L4.07813 5.33767C3.98974 5.24928 3.98974 5.1609 4.07813 5.07251L5.0725 4.07814C5.16088 3.98975 5.24927 3.98975 5.33766 4.07814Z" /></g></svg></span>',n.appendChild(e)}))}}return this.value}handleLoading(t=!1){const e=this.el.shadowRoot.querySelector(".spinner");1==t?e.classList.add("show"):e.classList.remove("show")}resizeEvent(){this.selectArea=this.el.shadowRoot.querySelector(".selected-text"),this.selectArea.style.width="100%",this.selectAreaWidth=this.selectArea.clientWidth,this.handleTagControl(),this.selectArea.style.width=this.selectAreaWidth-16+"px"}async handleTagControl(){this.selectHiddenData=[];const t=this.el.shadowRoot.getElementById("tagcontainer");if(t){var e=t.querySelectorAll(".tag"),i=0,s=[];e.forEach((t=>{t.hidden=!1,t.style.opacity="0",t.style.position="absolute"})),e.forEach((t=>{var e=t.clientWidth<=200?t.clientWidth:200;this.selectAreaWidth-16>e+2+i?(i+=e+2,t.style.opacity="1",t.style.position="relative"):t.hidden=!0}));const l=(t=!1)=>{this.selectAreaWidth-16<(!0===t?i+137:i)&&(s=Array.from(e).filter((t=>!1===t.hidden)))[s.length-1]&&(i-=(s[s.length-1].clientWidth<=200?s[s.length-1].clientWidth:200)+2,s[s.length-1].hidden=!0,l(t))};l(),await n(100),e=t.querySelectorAll(".tag");var o=Array.from(e).filter((t=>!0===t.hidden));const c=this.el.shadowRoot.getElementById("other-container");if(Number(o.length)>0){if(l(!0),c){c.style.display="flex";const t=c.querySelector("bcm-tag");if(t){this.selectHiddenData=this.otherList,Array.from(e).filter((t=>!1===t.hidden)).forEach((t=>{this.selectHiddenData=this.selectHiddenData.filter((e=>String(e[this.objectMapping.id])!==String(t.id)))})),t.setAttribute("value",this.selectHiddenData.length+" "+a(this.variableText,this.selectHiddenData.length)+" selected");const i=(Object.keys(this.selectHiddenData).map((t=>this.selectHiddenData[t][this.objectMapping.text].substring(0,15)+"...")).slice(0,10)+"\r\n...").toString().split(",").join("\r\n");t.setAttribute("title",i)}}const t=this.listIsInitialize();t&&(sessionStorage.getItem(this._internal_id+"-config")&&t.config(JSON.parse(sessionStorage.getItem(this._internal_id+"-config"))),t.setDataOther(this.selectHiddenData))}else c&&(c.style.display="none")}this.handleLoading(!1)}valueWatch(t){Array.isArray(t)&&0==t.length&&(this.value="")}listIsInitialize(){var t;const e="bcm-clone-list-"+this._internal_id,i=(4*Math.random()).toString(16).replace(".","");if(document.getElementById(e))t=document.getElementById(e);else{t=document.createElement("bcm-list");for(var s=0,o=document.getElementById(this._list_id).attributes,l=o.length;s<l;s++)t.setAttribute(o[s].nodeName,o[s].nodeValue);t.setAttribute("id",e),t.setAttribute("_list_id",this._list_id),t.setAttribute("_list_select_id",this._id),t.setAttribute("_internal_id",i),t.searchable=!0,t.infoFooter=!1,t.type="default",t.processType="deselect",t.setAttribute("linked-component",this._id),t.linkedComponent=this._id,t.multiSelect=!0,this.el.parentNode.insertBefore(t,this.el)}return t}inputChange(t){this.searchText!==t&&(this.searchText=t,this.search(t))}search(t,e=!0){const i=document.getElementById(this._list_id);null!=i&&(i.setSearch(t),e&&this.show())}async handleClick(t){var e=t.path||t.composedPath&&t.composedPath();if(e&&e.filter((t=>t._internal_id==this._internal_id))[0]){const s=document.querySelector("#bcm-clone-list-"+this._internal_id),o=document.querySelector("#"+this._list_id);if(e.filter((t=>"close-button"==t.id))[0]&&e.filter((t=>"tag dissmisable size-1"==t.className))[0]&&e.filter((t=>"tag dissmisable size-1"==t.className))[0].id){t.preventDefault(),t.stopPropagation();const i=e.filter((t=>"tag dissmisable size-1"==t.className))[0].id;o&&o.unChecked(i)}if(e.filter((t=>"other-tag"==t.id))[0])if(t.preventDefault(),t.stopPropagation(),e.filter((t=>"close"==t.id))[0]){s&&!0===await s.openStatus()&&o&&o.show();var i=[];this.selectHiddenData.forEach((t=>{i.push(t[this.objectMapping.id])})),o&&o.unChecked(i)}else s&&setTimeout((()=>{s.show()}),100);if("autocomplete"===this.type&&void 0!==e.filter((t=>t.id==this._id))[0]){const t=this.el.shadowRoot.querySelector("#autocomplete");t&&(await n(100),t.select())}}}render(){const{label:t,fullWidth:e,required:o,selectText:n,selectData:a,placeholder:c,clearable:r,value:h,isOpen:d,noCaption:p,captionType:g,captionError:u,caption:b,size:m,disabled:x}=this,f=l(this.hidden?"hidden":null,"type-"+this.type,{"full-width":e}),y=l("size-1","input-caption","caption-"+g),v=l("container",{error:"error"==g,"full-width":e}),w=l("selected-text"),z=l("selected","selected-"+m,{"size-3":"large"===m,"size-2":"small"===m||"medium"===m,disabled:x});return i(s,{class:f,onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur()},i("div",{class:v},t&&i("div",null,i("bcm-label",{onClick:()=>this.handleOpen(),tooltip:this.tooltip,type:g,value:t,required:o})),i("div",{id:"selected-container",class:z,onClick:()=>this.handleOpen(),tabIndex:-1},i("span",{class:w,title:null!==n&&n},i("div",{class:"spinner first-run"}),"select"===this.type&&null!==n&&i("div",{class:"text-content"},n),("select"===this.type||"autocomplete"===this.type&&!0===this.multiSelect)&&null===n&&i("span",{id:"tagcontainer",class:"tag-container"},i("span",{id:"visible-tags"}),i("span",{id:"other-container"},i("bcm-tag",{_internal_id:this._internal_id,customStyle:{cursor:"pointer","white-space":"nowrap"},type:"dissmisable",id:"other-tag"}))),"select"===this.type&&null===n&&0===a.length&&null!==c&&i("span",{class:"placeholder"}," ",c," "),"autocomplete"===this.type&&i("bcm-input",{_internal_id:this._internal_id,onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur("input"),"on-bcm-change":t=>this.inputChange(t.detail),"full-width":!0,placeholder:this.searchPlaceholder,id:"autocomplete","no-caption":!0,"no-margin":!0,type:"search",clearable:!0})),"select"===this.type&&i("div",{class:"buttons"},r&&h&&i("button",{id:"clear-button",class:"select-clear-button",onClick:t=>this.clickClear(t)},i("bcm-icon",{icon:"close-circle",type:"fill",size:18,color:"grey-7"})),i("span",{class:d?"open":"close"},i("bcm-icon",{icon:"caret-up",type:"outlined",size:18,color:"grey-6"})))),!1===p&&i("div",{class:"caption-area"},"error"==g?i("span",{class:y}," ",u," "):b&&i("span",{class:y}," ",b," "))))}get el(){return o(this)}static get watchers(){return{value:["valueWatch"]}}};c.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:inline-block;width:256px;margin:0 0 8px 0;overflow:hidden;max-width:100%}:host(.hidden){display:none}:host(.full-width){width:100%}:host(.type-autocomplete) #selected-container{border:none}:host(.type-autocomplete) #selected-container .selected-text{padding:0;border:none}:host(.type-autocomplete) #selected-container .selected-text bcm-input{display:contents}.container{display:block;max-width:256px;position:relative}.container.full-width{width:100%;max-width:100%}.selected{width:100%;box-sizing:border-box;color:var(--bcm-color-grey-8);background-color:var(--bcm-color-grey-1);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--bcm-color-grey-5);user-select:none;cursor:pointer;border-radius:2px;position:relative}.selected:hover:not(.disabled){border-color:var(--bcm-color-prime-blue-5)}.selected:hover:not(.disabled) .select-clear-button{opacity:1}.selected:focus:not(.disabled){border-color:var(--bcm-color-prime-blue-5);box-shadow:0px 0px 4px var(--bcm-color-prime-blue-6)}.selected:focus:not(.disabled) .select-clear-button{opacity:1}.selected:focus{outline:none}.selected.disabled{background-color:var(--bcm-color-grey-3);color:var(--bcm-color-grey-8);cursor:not-allowed}.selected .buttons{padding:8px;height:100%;display:flex;align-items:center;justify-content:center}.selected .selected-text{padding:0 8px;width:100%;height:100%;flex:1;display:flex;align-items:center;overflow:hidden}.selected .selected-text .text-content{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.selected .selected-text .text-content.autocomplete{position:absolute;z-index:1;padding-left:7px;background-color:#ffffff;margin-left:2px}.selected .selected-tags{padding:0 4px;height:100%}.selected .tag-container{height:100%;display:flex;align-items:center;justify-content:flex-start;grid-gap:2px}.selected .tag-container>span{height:100%;align-items:center;justify-content:flex-start;display:flex;grid-gap:2px}.selected .tag-container .tag{max-width:200px}.selected .tag-container #other-tag{cursor:pointer}.selected .open,.selected .close{display:inline-flex}.selected .close{transform:rotate(180deg)}.selected .placeholder{color:var(--bcm-color-grey-6);user-select:none;font-size:14px;display:flex;align-items:center;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.options-viewport{display:inline-block}.option-container{display:block;position:absolute;background-color:var(--bcm-color-grey-1);box-shadow:0px 2px 8px rgba(0, 0, 0, 0.15);box-sizing:border-box;width:100%;z-index:10000}.option-container.alignment-left{left:0}.option-container.alignment-right{right:0}.option-container.hidden{display:none}.option-container .search{position:sticky;padding:8px;margin-bottom:4px}.option-container .search:after{content:"";position:absolute;bottom:0;height:1px;width:calc(100% - 16px);background-color:var(--bcm-color-grey-5)}.items{display:flex;flex-direction:column}.buttons{display:flex}.select-clear-button{display:inline-flex;align-items:center;outline:none;border:none;background:none;padding:0;cursor:pointer;margin-right:4px;opacity:0}.label{display:block;color:var(--bcm-color-grey-9);margin-bottom:4px}.caption-area{min-height:20px}.input-caption{display:block}.selected-large{height:40px}.selected-medium{height:32px}.selected-small{height:24px}.caption-default{color:#8C8C8C}.caption-primary{color:#4293CF}.caption-success{color:#52C41A}.caption-warning{color:#FA8C16}.caption-error{color:#F5222D}.error .label{color:var(--bcm-color-red-6) !important}.error .selected{border:1px solid var(--bcm-color-red-6) !important}.spinner{position:absolute;z-index:1;top:0;opacity:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#ffffff;visibility:hidden;transition:opacity 0.3s, visibility 0.5s}.spinner.show{visibility:visible;opacity:0.9}.spinner.first-run{visibility:visible;opacity:1}.tag{display:flex;align-items:center;justify-content:center;padding:0 8px;cursor:default;border-radius:48px;border:1px solid var(--bcm-color-grey-5);user-select:none;min-width:10px;min-height:20px;height:20px}.tag[hidden]{opacity:0 !important;position:absolute !important;z-index:-1}.tag .value{cursor:pointer;max-width:164px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}.tag.size-large{padding:calc(40px - 8px) 40px}.tag.size-medium{padding:calc(32px - 8px) 32px}.tag.size-small{padding:calc(24px - 8px) 24px}.tag.dissmisable{background-color:var(--bcm-color-grey-3);color:var(--bcm-color-grey-8)}.tag.dissmisable:hover{opacity:0.85}.tag.dissmisable{color:var(--bcm-color-grey-10)}.tag.dissmisable .close-button{width:14px;cursor:pointer;fill:var(--bcm-color-grey-7)}.tag.dissmisable .close-button:hover{fill:var(--bcm-color-grey-10)}.tag span{display:inline-flex}.tag span.left{margin-right:4px}.tag span.right{margin-left:4px}.tag:before,.tag:after{content:""}';export{c as bcm_list_select}

package/dist/cjs/bcm-alert.cjs.entry.js

@@ -4,26 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ce8878ec.js');
 const index$1 = require('./index-2f62bdaf.js');
-
-/**
- * 'status' prop predefined values
- */
-var StatusProps;
-(function (StatusProps) {
-  StatusProps["info"] = "info";
-  StatusProps["error"] = "error";
-  StatusProps["warning"] = "warning";
-  StatusProps["success"] = "success";
-  StatusProps["default"] = "default";
-})(StatusProps || (StatusProps = {}));
-/**
- * 'type' prop predefined values
- */
-var TypeProps;
-(function (TypeProps) {
-  TypeProps["banner"] = "banner";
-  TypeProps["basic"] = "basic";
-})(TypeProps || (TypeProps = {}));
+const types = require('./types-37c8ced6.js');
 
 const alertCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:block}:host(.hidden){display:none}.alert{display:flex;width:100%;box-sizing:border-box;padding:8px 16px;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.15);border-radius:2px}.alert:not(.full-width){max-width:400px}.alert.has-slot{padding-top:16px;padding-bottom:16px}.alert.has-slot .title{font-size:16px}.alert.info{background-color:var(--bcm-color-blue-1);border:1px solid var(--bcm-color-blue-3)}.alert.error{background-color:var(--bcm-color-red-1);border:1px solid var(--bcm-color-red-3)}.alert.warning{background-color:var(--bcm-color-warmyellow-1);border:1px solid var(--bcm-color-warmyellow-3)}.alert.success{background-color:var(--bcm-color-green-1);border:1px solid var(--bcm-color-green-3)}.alert.banner{border:none}.text-content{width:100%}.title{position:relative;display:flex;align-items:center;padding-right:24px;padding-top:4px;padding-bottom:4px;font-size:14px;color:var(--bcm-color-grey-8)}.title .dismiss{position:absolute;right:0;top:5px;cursor:pointer}.title bcm-icon{margin-right:9px}p{margin-top:8px;margin-bottom:0;font-size:14px;line-height:22px;color:var(--bcm-color-grey-8)}p:not(.visible){display:none}p.hidden{display:none}.icon-content{padding-top:2px;padding-right:16px}";
 
@@ -35,8 +16,8 @@ const BcmAlert = class {
      * Component Properties
      */
     this._title = '';
-    this.status = StatusProps.info;
-    this.type = TypeProps.basic;
+    this.status = types.StatusProps.info;
+    this.type = types.TypeProps.basic;
     this.dissmisable = false;
     this.icon = false;
     this.bigIcon = false;
@@ -61,13 +42,13 @@ const BcmAlert = class {
     const size = isBigIcon ? 'medium' : 14;
     const type = isBigIcon ? 'outlined' : 'fill';
     switch (this.status) {
-      case StatusProps.info:
+      case types.StatusProps.info:
         return index.h("bcm-icon", { type: type, icon: "info-circle", size: size, color: "blue-6" });
-      case StatusProps.error:
+      case types.StatusProps.error:
         return index.h("bcm-icon", { type: type, icon: "close-circle", size: size, color: "red-6" });
-      case StatusProps.warning:
+      case types.StatusProps.warning:
         return index.h("bcm-icon", { type: type, icon: "exclamation-circle", size: size, color: "warmyellow-6" });
-      case StatusProps.success:
+      case types.StatusProps.success:
         return index.h("bcm-icon", { type: type, icon: "check-circle", size: size, color: "green-6" });
     }
   }