bromcom-ui 2.3.57 → 2.3.58

package/dist/bromcom-ui/p-3aef4844.entry.js

@@ -1 +0,0 @@
-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(){const t=document.querySelector("#"+this._list_id);t&&t.setClear(!1)}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" fill="none" 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" fill="black"/><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" fill="black"/></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)}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("label",{class:"label size-1",onClick:()=>this.handleOpen()}," ",t," ",!0===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",{class:"select-clear-button",onClick:()=>this.clickClear()},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)}};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}.tag.dissmisable .close-button bcm-icon,.tag.dissmisable .close-button .icon *{color:var(--bcm-color-grey-7)}.tag.dissmisable .close-button:hover bcm-icon,.tag.dissmisable .close-button:hover .icon *{color: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/bromcom-ui/p-5ff33d84.entry.js

@@ -1 +0,0 @@
-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.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.isRendered=!1,this.setData(this.otherList)),this.isShow=!0,this.renderList()}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){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+" / "),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))}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("label",{class:"label size-1"}," ",this.label," ",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",{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"}))),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}.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-607bc9b3.entry.js

@@ -1 +0,0 @@
-import{r as o,c as t,h as n,H as r,g as i}from"./p-6e0d3067.js";import{c as e}from"./p-5525b672.js";const p={error:["close-circle","red-6"],warning:["exclamation-circle","warmyellow-6"]},s=class{constructor(n){o(this,n),this.onConfirmInternal=t(this,"bcm-confirm-internal",7),this.status="warning",this.cancelText="No",this.okeyText="Yes",this.hidden=!1}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}componentDidLoad(){}componentWillRender(){}componentDidRender(){}componentWillUpdate(){}componentDidUpdate(){}async openBox(o){this.open=o}handleConfirm(){this.onConfirmInternal.emit(this._internal_id)}getIcon(){const o=p[this.status];return n("bcm-icon",{class:"icon",icon:o[0],type:"fill",color:o[1]})}render(){const o=e("popconfirm-box",this.open,this.placement),t=e("box"),i=e(this.hidden?"hidden":null);return n(r,{class:i},n("div",{class:o},n("div",{class:t},n("div",{class:"content"},this.getIcon(),n("bcm-text",{scale:"size-2",innerHTML:this.message})),n("div",{class:"buttons"},n("bcm-button",{size:"small",outline:!0},this.cancelText),n("bcm-button",{size:"small",onClick:()=>this.handleConfirm()},this.okeyText)))))}get el(){return i(this)}};s.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}.popconfirm-box{position:relative;}.popconfirm-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));padding:8px 16px}.popconfirm-box .box .content{display:flex}.popconfirm-box .box .content .icon{margin-right:8px;margin-top:4px}.popconfirm-box .box .buttons{display:flex;justify-content:flex-end;margin-top:8px}.popconfirm-box .box .buttons bcm-button:first-child{margin-right:8px}.popconfirm-box::after{content:"";position:absolute;display:none;border:6px solid;z-index:10700}.popconfirm-box.open .box,.popconfirm-box.open::after{display:block}.popconfirm-box.top .box{bottom:100%;margin-bottom:16px}.popconfirm-box.top::after{bottom:100%;margin-bottom:4px;border-color:#FFFFFF transparent transparent transparent}.popconfirm-box.bottom .box{top:100%;margin-top:16px}.popconfirm-box.bottom::after{top:100%;margin-top:4px;border-color:transparent transparent #FFFFFF transparent}.popconfirm-box.left .box{right:100%;margin-right:16px}.popconfirm-box.left::after{right:100%;margin-right:4px;border-color:transparent transparent transparent #FFFFFF}.popconfirm-box.right .box{left:100%;margin-left:16px}.popconfirm-box.right::after{left:100%;margin-left:4px;border-color:transparent #FFFFFF transparent transparent}.popconfirm-box.top.center .box,.popconfirm-box.bottom.center .box{left:50%;transform:translateX(-50%)}.popconfirm-box.top.center::after,.popconfirm-box.bottom.center::after{left:50%;transform:translateX(-50%)}.popconfirm-box.top.start .box,.popconfirm-box.bottom.start .box{left:0}.popconfirm-box.top.start::after,.popconfirm-box.bottom.start::after{left:16px}.popconfirm-box.top.end .box,.popconfirm-box.bottom.end .box{right:0}.popconfirm-box.top.end::after,.popconfirm-box.bottom.end::after{right:16px}.popconfirm-box.left.center .box,.popconfirm-box.right.center .box{top:50%;transform:translateY(-50%)}.popconfirm-box.left.center::after,.popconfirm-box.right.center::after{top:50%;transform:translateY(-50%)}.popconfirm-box.left.start .box,.popconfirm-box.right.start .box{top:0}.popconfirm-box.left.start::after,.popconfirm-box.right.start::after{top:12px}.popconfirm-box.left.end .box,.popconfirm-box.right.end .box{bottom:0}.popconfirm-box.left.end::after,.popconfirm-box.right.end::after{bottom:12px}';export{s as bcm_popconfirm_box}

package/dist/bromcom-ui/p-6bd805f1.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as e,H as o,g as s}from"./p-6e0d3067.js";import{c as r}from"./p-5525b672.js";var n,l;!function(i){i.info="info",i.error="error",i.warning="warning",i.success="success",i.default="default"}(n||(n={})),function(i){i.banner="banner",i.basic="basic"}(l||(l={}));const c=class{constructor(e){i(this,e),this.alertDissmisable=t(this,"bcm-alert-dissmisable",7),this._title="",this.status=n.info,this.type=l.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,o=i?"outlined":"fill";switch(this.status){case n.info:return e("bcm-icon",{type:o,icon:"info-circle",size:t,color:"blue-6"});case n.error:return e("bcm-icon",{type:o,icon:"close-circle",size:t,color:"red-6"});case n.warning:return e("bcm-icon",{type:o,icon:"exclamation-circle",size:t,color:"warmyellow-6"});case n.success:return e("bcm-icon",{type:o,icon:"check-circle",size:t,color:"green-6"})}}getDismiss(){let i="";return i="string"==typeof this.dissmisable&&""===this.dissmisable?e("bcm-icon",{class:"dismiss",icon:"close",color:"grey-10",onClick:i=>this.dismiss(i)}):e("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:n,bigIcon:l,hasSlot:c,_title:a}=this,p=r("alert",s,t,{"full-width":i,"has-slot":c&&""!=a}),h=r(this.hidden?"hidden":null);return e(o,{class:h},e("div",{class:p},l&&e("div",{class:"icon-content"},this.getIcon(!0)),e("div",{class:"text-content"},e("span",{class:"title"},n&&this.getIcon()," ",""!=a?a:e("slot",null)," ",this.getDismiss()),e("p",{class:{visible:c,hidden:""==a}},e("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-6ef403b0.entry.js

@@ -1 +0,0 @@
-import{r as i,h as e,H as t,g as o,c as r}from"./p-6e0d3067.js";import{c as s}from"./p-5525b672.js";const n=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:r,name:n,required:l}=this,c=s(this.hidden?"hidden":null,{indeterminate:this.indeterminate}),h=s("icon");return e(t,{class:c},e("input",{id:n,type:"checkbox",checked:o,disabled:i,required:l,readOnly:r}),e("label",{htmlFor:n},e("span",{class:h},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)}};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}.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 l=class{constructor(e){i(this,e),this.direction="horizontal",this.width="100",this.hidden=!1}render(){const i=s("divider",this.direction),o={width:this.width+"%"},r=s(this.hidden?"hidden":null);return e(t,{class:r},e("div",{class:i,style:"horizontal"===this.direction&&o}))}};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: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}';const c=i=>i.toLowerCase(),h=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((r=>{if(r in i)if(i[r]=c(String(i[r])),this.onlyChild)i[this.searchSub]?(s=this.nestedSearch(i[this.searchSub],e,t))&&(this.results.push(o=String(i[this.returnField])),this.results.push(s)):t?i[r]==c(String(e))&&this.results.push(o=String(i[this.returnField])):-1!==i[r].indexOf(c(e))&&this.results.push(o=String(i[this.returnField]));else{var s;i[this.searchSub]&&(s=this.nestedSearch(i[this.searchSub],e,t))&&(this.results.push(o=String(i[this.returnField])),this.results.push(s)),t?i[r]==c(String(e))&&this.results.push(o=String(i[this.returnField])):-1!==i[r].indexOf(c(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=s(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"]}}};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:block}:host(.hidden){display:none}';export{n as bcm_checkbox_lite,l as bcm_divider,h as bcm_search}

package/dist/bromcom-ui/p-865ccb94.entry.js

@@ -1 +0,0 @@
-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("label",{class:"label size-1"}," ",i," ",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-9220ba9c.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,a as e,H as s,g as h,c as o}from"./p-6e0d3067.js";import{c as n}from"./p-5525b672.js";import{g as c,d as r}from"./p-4cb268d2.js";var l,a;!function(t){t.default="default.svg",t.simple="simple.svg"}(l||(l={})),function(t){t.small="small",t.medium="medium",t.big="big"}(a||(a={}));const d=class{constructor(i){t(this,i),this._image=l.default,this.size=a.medium,this.hidden=!1}componentWillLoad(){this.parseImage(this._image)}parseImage(t){t&&(this.image=t in l?l[t]:l.default)}render(){const t=n("empty",{[this.size]:this.size}),h=n(this.hidden?"hidden":null);return i(s,{class:h},i("div",{class:t},i("img",{src:e("./static/"+this.image)}),i("div",{class:"content"},this.text&&i("span",{class:"text"},this.text),i("slot",null))))}static get assetsDirs(){return["static"]}get el(){return h(this)}static get watchers(){return{_image:["parseImage"]}}};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}: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 m=t=>t.toLowerCase(),p=class{constructor(i){t(this,i),this.listboxItemSelected=o(this,"bcm-listbox-item-selected",7),this.listboxClearSelected=o(this,"bcm-listbox-clear-selecteds",7),this.listboxSendCheck=o(this,"bcm-listbox-send-check",7),this.listboxSendUncheck=o(this,"bcm-listbox-send-uncheck",7),this.listboxChecklist=o(this,"bcm-listbox-checklist",7),this.listboxChange=o(this,"bcm-listbox-change",7),this.listboxChecked=o(this,"bcm-listbox-checked",7),this.change=o(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=c(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 r(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"),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),this.treeview?t.mapping.items&&(this.objectMapping.items=t.mapping.items,this.searchSub=this.objectMapping.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 r(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=c(t,"bcm-listbox-group"),h=c(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]),c(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]))):c(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),i("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 i("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=m(s),o=m(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:e,required:h,treeview:o,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=n("bcm-listbox",{error:"error"==T,"full-width":d,flex:f}),I=n("listbox-item",{hidden:this.totalSearch>0}),N=n("listbox-item-container"),L=n("listbox-item-container-text-content",a,{"size-2":"small"===a||"medium"===a,"size-3":"large"===a}),_=n("list-container",{"column-1":this.numberOfColumns<=1,"column-2":2==this.numberOfColumns,"column-3":this.numberOfColumns>=3}),F={"grid-template-columns":this.numberOfColumns<=1?"1fr":"repeat("+this.numberOfColumns+", "+(210-10*this.numberOfColumns)+"px)"},M=n(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=n("size-1","input-caption","caption-"+T),D=n("size-1","label",{error:"error"==T});return i(s,{class:M,style:O,"bcm-internal-id":this._internal_id},!t&&e&&i("label",{class:D}," ",e," ",h&&"*","  "),!0===o&&i("bcm-treeview",{_internal_id:this._internal_id}),0==o&&i("div",{class:j,style:O},l&&i("div",{class:"search",id:"search",style:{display:"false"==String(k)?"none":"block"}},i("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}),i("bcm-divider",null)),i("div",{id:"bcm-listbox-list",class:"bcm-listbox-list loading",style:R},r&&i("div",{class:I,id:"checkall"},i("div",{class:N,onClick:()=>this.handleIndeterminateClick()},i("div",{class:"check-content"},"indeterminate"==p&&i("span",{class:"indeterminate"})||i("bcm-checkbox",{onClick:t=>this.handleCheckboxClick(t),checked:x,noCaption:!0})),i("div",{class:L},"Select All")),i("div",{class:"divider"},i("bcm-divider",null))),i("div",{id:"list-container",class:_,style:F},0!==this.items.length&&this.items.map((t=>"group"===t.type?this.recursiveGroupRenderer(t):this.itemRenderer(t)))),i("div",{id:"loading",class:"loading show"},i("bcm-icon",{type:"animated",color:"prime-blue-6",class:"prefix",icon:"loading",size:"medium"})),i("div",{id:"empty",class:"empty"},i("bcm-empty",{size:"small",text:"No Data"}))),1==w&&i("div",{class:"bcm-listbox-footer"},i("bcm-text",{scale:"size-1",color:"grey-8"},b.length>0&&" ( "+b.length+" selected ) ","Total ",i("span",{id:"in-search"})," ",i("span",{id:"in-total"},m)," items found."))),!z&&i("div",{class:"caption-area"},"error"==T?i("span",{class:P}," ",C," "):S&&i("span",{class:P}," ",S," ")))}get el(){return h(this)}static get watchers(){return{_items:["parseItems"],value:["handleChange"]}}};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;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 x=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,e=n("listbox-group"),h=n("listbox-group-title"),o=n(this.hidden?"hidden":null);return i(s,{class:o},i("div",{class:e},i("div",{class:h},i("bcm-text",{scale:"size-2",color:"grey-1"}," ",t," ")),i("slot",null)))}};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: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 b={default:{large:16,medium:14,small:14}},g=class{constructor(i){t(this,i),this.listboxItemSelected=o(this,"bcm-listbox-item-selected",7),this.listboxUnchecked=o(this,"bcm-listbox-unchecked",7),this.listboxChecked=o(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:e,selected:h,size:o,showIcon:c,icon:r,checkboxes:l,_id:a,checked:d,text:m,avatarName:p,avatarImage:x,avatar:g,secondaryText:u,tooltipText:f}=this,v=b.default[o],y=n("listbox-item",{disabled:this.disabled,display:t}),w=n("listbox-item-container",{disabled:this.disabled,focus:e,selected:h}),k=n("listbox-item-container-text-content",o,{disabled:this.disabled,"size-2":"small"===o||"medium"===o,"size-3":"large"===o}),z=n(this.hidden?"hidden":null),S=n("listbox-item-container-html-content",o,{disabled:this.disabled,"size-2":"small"===o||"medium"===o,"size-3":"large"===o});return i(s,{class:z},i("div",{class:y},i("div",{class:w,onClick:()=>this.handleClick()},l&&i("div",{class:"check-content"},i("bcm-checkbox-lite",{id:"check-"+a,name:"check-"+a,onClick:t=>this.handleCheckboxClick(t),checked:d,disabled:this.disabled})),this.template&&i("div",{class:S,title:f,innerHTML:this.templateParser(this.template)}),null==this.template&&i("div",{class:k,title:f},i("div",null,(g||p||x)&&i("div",{class:"avatar"},i("bcm-avatar",Object.assign({size:"small",name:m},p&&{name:p},x&&{image:x}))),c&&r&&i("bcm-icon",{type:"fill",class:"icon",icon:r,size:v}),m&&i("span",{id:"text"},m)||i("slot",null)),i("div",null,u&&i("div",{class:"secondaryText size-1"},u))))))}get el(){return h(this)}};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{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 u=t=>t.toLowerCase(),f=class{constructor(i){t(this,i),this.treeviewChange=o(this,"bcm-treeview-change",7),this.treeviewSendCheck=o(this,"bcm-treeview-send-check",7),this.treeviewSendUncheck=o(this,"bcm-treeview-send-uncheck",7),this.treeviewChecklist=o(this,"bcm-treeview-checklist",7),this.treeviewItemSelected=o(this,"bcm-treeview-item-selected",7),this.treeviewClearSelecteds=o(this,"bcm-treeview-clear-selecteds",7),this.treeviewShowContext=o(this,"bcm-treeview-show-context",7),this.treeviewUnchecked=o(this,"bcm-treeview-unchecked",7),this.treeviewChecked=o(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,e){return String(this.selectedId)!==String(t[this.objectMapping.id])&&"true"!==String(t[this.objectMapping.selected])||this.treeviewItemSelected.emit(t),i("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]},e&&{"parent-id":e[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=u(h),n=u(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 c(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"!=u(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 c(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:e,search:h,checkCount:o,searchData:c,searchFields:r,searchSub:l,returnField:a,total:d,fullWidth:m,infoFooter:p,showSearch:x}=this,b=n(this.hidden?"hidden":null,{empty:this.empty,"full-width":m});return i(s,{class:b,style:{"min-width":this.minWidth+"px","max-height":this.maxHeight}},h&&i("div",{class:"search",style:{display:"false"==String(x)?"none":"block"}},i("bcm-search",{onlyChild:t,searchPlaceholder:e,"on-bcm-focus":()=>this.handleFocus(!0),"on-bcm-blur":()=>this.handleFocus(!1),data:c,returnField:a,searchFields:r,searchSub:l,clearable:!0}),i("bcm-divider",null)),i("div",{id:"treeview",class:"treeview loading"},i("div",{id:"loading",class:"loading show"},i("bcm-icon",{type:"animated",color:"prime-blue-6",class:"prefix",icon:"loading",size:"medium"})),i("div",{id:"empty",class:"empty"},i("bcm-empty",{size:"small",text:"No Data"})),!this.empty&&0!==this.items.length&&this.items.map((t=>this.recursiveItemRenderer(t,null)))),1==p&&i("footer",null,i("bcm-text",{scale:"size-1",color:"grey-8"},o>0&&"( "+o+" items selected ) ","Total ",i("span",{id:"in-search"})," ",i("span",{id:"in-total"},d)," items found.")))}get el(){return h(this)}static get watchers(){return{_items:["parseItems"]}}};f.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 v={default:{large:16,medium:14,small:14}},y=class{constructor(i){t(this,i),this.treeviewItemSelected=o(this,"bcm-treeview-item-selected",7),this.treeviewUnchecked=o(this,"bcm-treeview-unchecked",7),this.treeviewChecked=o(this,"bcm-treeview-checked",7),this.treeviewChange=o(this,"bcm-treeview-change",7),this.treeviewIndeterminateUnchecked=o(this,"bcm-treeview-indeterminate-unchecked",7),this.treeviewIndeterminateChecked=o(this,"bcm-treeview-indeterminate-checked",7),this.itemChecked=o(this,"bcm-treeview-check-item-checked",7),this.itemUnchecked=o(this,"bcm-treeview-check-item-unchecked",7),this.groupCheck=o(this,"bcm-treeview-check-group-check",7),this.favoriteStatus=o(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 c(t,"bcm-treeview-item")}getAllChilds(t=this.el){let i=[];return c(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 i("span",null,t.title)}parseItems(t){t&&(this.contextMenu="string"==typeof t?JSON.parse(t):t)}render(){const{_id:t,text:e,tooltipText:h,size:o,icon:c,open:r,childLength:l,checkboxes:a,showIcon:d,checked:m,indeterminateState:p,focused:x,contextMenuShow:b}=this,g=this.menuPadding+"px",u=v.default[o],f=n("text-content",o,"size-2"),y=n("treeview-item",{focus:x,open:r,selected:this.selected}),w=n("treeview-item-context-menu",{show:b}),k=n("treeview-inner",{open:r}),z=n("indeterminate",{disabled:this.disabled}),S=n("treeview-item-container",{selected:this.selected,disabled:this.disabled}),C=n("collapse-content",{child:l>0}),T=n(this.hidden?"hidden":null),j=n("favicon",{favorite:this.favorite});return i(s,{class:T},i("div",{class:y},i("div",{class:C,id:"collapse-button",onClick:()=>l>0&&this.handleOpen()},l>0&&i("bcm-icon",{class:"collapse-icon",size:8,icon:r?"caret-down":"caret-right",type:"fill",color:"grey-10"})),i("div",{class:S},i("section",{onMouseUp:()=>this.handleCheckMouseUp()},a&&i("div",{class:"check-content"},"indeterminate"==p&&i("span",{class:z})||i("bcm-checkbox",{id:"check-"+t,name:"check-"+t,checked:m,disabled:this.disabled,noCaption:!0})),i("div",{class:f,onClick:()=>this.handleClick(),title:h},d&&c&&i("bcm-icon",{type:"fill",class:"icon",icon:c,size:u}),i("span",{id:"text"},e))),this.favicon&&i("section",{class:j,onClick:t=>this.handleFavClick(t)},i("bcm-icon",{title:this.favorite?"Click to remove from favorite list":"Click to add to your favourites list",size:u,type:this.favorite?"fill":"outlined",icon:"star"}))),!a&&i("div",{class:w,style:{top:this.contextOffsetTop+"px",left:this.contextOffsetLeft+"px"}},0!==this.contextMenu.length&&this.contextMenu.map((t=>this.contextItemRenderer(t))))),i("div",{class:k,style:{paddingLeft:g}},i("slot",null)))}get el(){return h(this)}static get watchers(){return{_contextMenu:["parseItems"]}}};y.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{d as bcm_empty,p as bcm_listbox,x as bcm_listbox_group,g as bcm_listbox_item,f as bcm_treeview,y as bcm_treeview_item}

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

@@ -1 +0,0 @@
-import{r as o,c as e,h as i,H as r,g as t}from"./p-6e0d3067.js";import{c as l}from"./p-5525b672.js";import{C as c}from"./p-312efff7.js";import{e as n}from"./p-4cb268d2.js";var s;!function(o){o.black="black",o.white="white",o["prime-blue"]="prime-blue",o.grey="grey",o.blue="blue",o.warmyellow="warmyellow",o.yellow="yellow",o.limegreen="limegreen",o.red="red",o.darkorange="darkorange",o.orange="orange",o.green="green",o.turquosie="turquosie",o.cobaltblue="cobaltblue",o.magenta="magenta",o.purple="purple",o["bc-red"]="bc-red",o["bc-blue"]="bc-blue",o["bc-green"]="bc-green",o["bc-orange"]="bc-orange"}(s||(s={}));const a=class{constructor(i){o(this,i),this.blur=e(this,"bcm-blur",7),this.focus=e(this,"bcm-focus",7),this.change=e(this,"bcm-change",7),this.value="",this.name="checkbox",this.checked=!1,this.disabled=!1,this.readOnly=!1,this.hidden=!1,this.required=!1,this.optionType="default",this.buttonStyle="solid",this.size="medium",this.noCaption=!1,this.captionType="default"}connectedCallback(){this.handleChange=this.handleChange.bind(this),this.captionCache=this.caption,this.captionTypeCache=this.captionType}async setClear(){1==this.inputElement.checked&&(this.inputElement.checked=!1,this.handleChange())}async resetCaption(){this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null}componentDidLoad(){this.value=this.inputElement.checked,this.checked=this.value}handleChange(){this.value=this.inputElement.checked,this.checked=this.value,this.change.emit({name:this.name,value:this.value})}handleFocus(){this.focus.emit()}handleBlur(){this.blur.emit()}async check(o){this.inputElement.checked=o,this.handleChange()}getColor(o){if("default"!==this.color&&"button"==this.optionType&&this.checked)return{borderColor:n(c,s[o]+"-5"),backgroundColor:n(c,s[o]+"-5")}}render(){const{disabled:o,checked:e,readOnly:t,name:a,handleChange:b,required:h,caption:p,captionError:d,captionType:u,noCaption:m,buttonStyle:g,size:x,optionType:f}=this,v=l(this.hidden?"hidden":null,{error:"error"==u}),y=l("size-1","input-caption","caption-"+u),z=l(),k=l("radio-button",g,x,{"size-2":"small"===x||"medium"===x,"size-3":"large"===x,checked:e,disabled:o});var w="<style>.radio-button:not(.checked):hover{color: "+n(c,s[this.color]+"-6")+"} </style>";return i(r,{class:v,onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur()},i("input",{id:a,type:"checkbox",checked:e,disabled:o,required:h,readOnly:t,onChange:b,ref:o=>this.inputElement=o}),"button"==f&&i("span",{innerHTML:w}),i("label",{title:"button"==f?this.el.innerHTML:null,htmlFor:a,class:"default"==f?z:k,style:this.getColor(this.color)},i("span",{class:"icon"},i("bcm-icon",{class:"icon-checked",icon:"component-check",size:"small",type:"default"})),i("span",{class:"slot"},i("slot",null))),!m&&i("div",{class:"caption-area"},"error"==u?i("span",{class:y}," ",d," "):p&&i("span",{class:y}," ",p," ")))}get el(){return t(this)}};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}.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}';export{a as bcm_checkbox}

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

@@ -1 +0,0 @@
-import{r as i,c as e,h as t,H as n}from"./p-6e0d3067.js";import{c as o}from"./p-5525b672.js";const s=class{constructor(t){i(this,t),this.change=e(this,"bcm-change",7),this.focus=e(this,"bcm-focus",7),this.blur=e(this,"bcm-blur",7),this.checked=!1,this.size="medium",this.pending=!1,this.disabled=!1,this.hidden=!1,this.value="",this.label=null,this.required=!1,this.noCaption=!1,this.captionType="default"}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType}handleClick(){this.checked=this.input.checked,this.value=this.checked,this.change.emit(this.checked)}componentDidLoad(){this.value=this.checked}handleFocus(){this.focus.emit()}handleBlur(){this.blur.emit()}componentWillRender(){this.pending&&(this.disabled=!0)}async setClear(){1==this.input.checked&&(this.input.checked=!1,this.checked=this.input.checked,this.value=this.checked,this.change.emit(this.checked))}async resetCaption(){this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null}render(){const{checked:i,size:e,activeIcon:s,inactiveIcon:c,activeText:a,inactiveText:r,pending:l,disabled:p,label:h,required:d,noCaption:x,captionType:b,captionError:m,caption:g}=this,u=o("container",e,{"switch-checked":i,disabled:p}),f=o("wrapper",{checked:i,disabled:p}),w=o("size-1","input-caption","caption-"+b),v=i=>i&&"medium"===e,y="medium"===e,z=o("switch",this.hidden?"hidden":null);return t(n,{class:z},h&&t("label",{class:"label size-1"}," ",h," ",d&&"*","  "),t("label",{class:f},v(r)&&t("span",{class:"inactive-text size-1"},r),t("div",{class:u},y&&t("bcm-icon",{icon:s,size:14,class:"icon-active"}),t("span",{class:"handle"},l&&t("span",{class:"spinner"})),y&&t("bcm-icon",{icon:c,size:14,class:"icon-inactive"})),t("input",{onClick:()=>this.handleClick(),onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur(),ref:i=>this.input=i,checked:i,type:"checkbox",class:"switch",disabled:p}),v(a)&&t("span",{class:"active-text size-1"},a)),!x&&t("div",{class:"caption-area"},"error"==b?t("span",{class:w}," ",m," "):g&&t("span",{class:w}," ",g," ")))}};s.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-block;width:100%;margin:0 0 8px 0}:host(.hidden){display:none}*{box-sizing:border-box}.wrapper{display:inline-flex;padding-top:0px;padding-bottom:5px}.wrapper .active-text{color:var(--bcm-color-prime-blue-6);margin-left:4px}.wrapper .inactive-text{color:var(--bcm-color-grey-6);margin-right:4px}.container{display:flex;justify-content:space-between;align-items:center;border-radius:16px;background-color:var(--bcm-color-grey-6);position:relative}.container .handle{padding:1px;position:absolute;background-color:var(--bcm-color-grey-1);display:inline-flex;align-items:center;justify-content:center;border-radius:16px;transition:all 0.2s ease-in-out;box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1), 0px 3px 1px rgba(0, 0, 0, 0.05), 0px 1px 5px rgba(0, 0, 0, 0.1)}.container .icon-active{opacity:0}.container .icon-inactive{opacity:1}.container.small{width:28px;min-width:28px;height:16px;padding:4px}.container.small .handle{width:12px;height:12px;left:4px}.container.small.switch-checked .handle{left:12px}.container.small:active:not(.disabled) .handle{width:16px}.container.small:active.switch-checked:not(.disabled) .handle{left:8px}.container.small .spinner{box-sizing:border-box;display:inline-flex;width:9px;height:9px;border-radius:50%;border:1px solid var(--bcm-color-grey-1);border-top-color:var(--bcm-color-grey-6);animation:spinner 1.5s linear infinite}.container.medium{width:44px;min-width:44px;height:22px;padding:4px}.container.medium .handle{width:16px;height:16px;left:4px}.container.medium.switch-checked .handle{left:24px}.container.medium:active:not(.disabled) .handle{width:22px}.container.medium:active.switch-checked:not(.disabled) .handle{left:18px}.container.medium .spinner{box-sizing:border-box;display:inline-flex;width:13px;height:13px;border-radius:50%;border:1px solid var(--bcm-color-grey-1);border-top-color:var(--bcm-color-grey-6);animation:spinner 1.5s linear infinite}.container.switch-checked{background-color:var(--bcm-color-prime-blue-6)}.container.switch-checked .icon-active{color:var(--bcm-color-grey-1);opacity:1}.container.switch-checked .icon-inactive{opacity:0}.container.switch-checked .spinner{border-top-color:var(--bcm-color-prime-blue-6)}.wrapper.disabled{opacity:40%;cursor:not-allowed}@keyframes spinner{to{transform:rotate(360deg)}}input[type=checkbox]{position:absolute;width:0;height:0;opacity:0}.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}: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}';export{s as bcm_switch}

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

@@ -1 +0,0 @@
-import{r as t,h as o,H as e,g as i}from"./p-6e0d3067.js";import{c as r}from"./p-5525b672.js";const n=class{constructor(o){t(this,o),this.hidden=!1}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}componentDidLoad(){}componentWillRender(){}componentDidRender(){}componentWillUpdate(){}componentDidUpdate(){}async openBox(t){this.open=t}render(){const t=r("tooltip-box",this.open,this.placement),i=r("box"),n=r(this.hidden?"hidden":null);return o(e,{class:n},o("div",{class:t},o("div",{class:i,innerHTML:this.message})))}get el(){return i(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}.tooltip-box{position:relative;}.tooltip-box .box{position:absolute;display:none;box-sizing:border-box;background-color:#262626;border:1px solid #262626;border-radius:2px;z-index:10700;width:max-content;padding:4px 8px;color:var(--bcm-color-grey-1)}.tooltip-box::after{content:"";position:absolute;display:none;border:6px solid;z-index:10700}.tooltip-box.open .box,.tooltip-box.open::after{display:block}.tooltip-box.top .box{bottom:100%;margin-bottom:8px}.tooltip-box.top::after{bottom:100%;margin-bottom:-4px;border-color:#262626 transparent transparent transparent}.tooltip-box.bottom .box{top:100%;margin-top:8px}.tooltip-box.bottom::after{top:100%;margin-top:-4px;border-color:transparent transparent #262626 transparent}.tooltip-box.left .box{right:100%;margin-right:8px}.tooltip-box.left::after{right:100%;margin-right:-4px;border-color:transparent transparent transparent #262626}.tooltip-box.right .box{left:100%;margin-left:8px}.tooltip-box.right::after{left:100%;margin-left:-4px;border-color:transparent #262626 transparent transparent}.tooltip-box.top.center .box,.tooltip-box.bottom.center .box{left:50%;transform:translateX(-50%)}.tooltip-box.top.center::after,.tooltip-box.bottom.center::after{left:50%;transform:translateX(-50%)}.tooltip-box.top.start .box,.tooltip-box.bottom.start .box{left:0}.tooltip-box.top.start::after,.tooltip-box.bottom.start::after{left:8px}.tooltip-box.top.end .box,.tooltip-box.bottom.end .box{right:0}.tooltip-box.top.end::after,.tooltip-box.bottom.end::after{right:8px}.tooltip-box.left.center .box,.tooltip-box.right.center .box{top:50%;transform:translateY(-50%)}.tooltip-box.left.center::after,.tooltip-box.right.center::after{top:50%;transform:translateY(-50%)}.tooltip-box.left.start .box,.tooltip-box.right.start .box{top:0}.tooltip-box.left.start::after,.tooltip-box.right.start::after{top:4px}.tooltip-box.left.end .box,.tooltip-box.right.end .box{bottom:0}.tooltip-box.left.end::after,.tooltip-box.right.end::after{bottom:4px}.tooltip-box a{color:var(--bcm-color-grey-1)}';export{n as bcm_tooltip_box}

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

@@ -1 +0,0 @@
-import{r as t,c as e,f as i,h as s,H as n,g as a}from"./p-6e0d3067.js";import{c as o}from"./p-5525b672.js";import{d as r}from"./p-4cb268d2.js";import{D as h,E as l}from"./p-554d326a.js";import{p as c,a as d}from"./p-79f77a4d.js";var p,m,u;!function(t){t.january="january",t.february="february",t.march="march",t.april="april",t.may="may",t.june="june",t.july="july",t.august="august",t.september="september",t.october="october",t.november="november",t.december="december"}(p||(p={})),function(t){t.sunday="sunday",t.monday="monday",t.tuesday="tuesday",t.wednesday="wednesday",t.thursday="thursday",t.friday="friday",t.saturday="saturday"}(m||(m={})),function(t){t.datetime="datetime",t.range="range",t.date="date",t.time="time"}(u||(u={}));const b=JSON.stringify,f=class{constructor(i){t(this,i),this.load=e(this,"bcm-load",7),this.change=e(this,"bcm-change",7),this.id=null,this.inputId=null,this.emptyState=!1,this.initialized=!1,this.openExternal=!1,this.disabledDatesList={min:null,max:null,dates:[]},this.dayNumbers=[],this.valueText=null,this.dataIsValid=!1,this.optionViewportStyleAlignment={},this.date=new Date,this.endDate=null,this.type=u.datetime,this.disabled=!1,this.disabledDates="",this.value=null,this._open=!1,this.hidden=!1,this.fullWidth=!1,this.required=!1,this.minYear=1900,this.maxYear=2200,this.noCaption=!1,this.caption="",this.captionType="default",this.alignment="left",this.years=[],this.hours=[],this.minutes=[],this.hasDateModule=!1,this.hasTimeModule=!1,this.error=!1,this.errorText=""}componentWillLoad(){if(this.id=(4*Math.random()).toString(16).replace(".",""),this.inputId="picker-input-"+this.id,this.hasDateModule=this.type===u.datetime||this.type===u.date||this.type===u.range,this.hasTimeModule=this.type===u.datetime||this.type===u.time,this.prepareDisabledDates(),this.setData(),!this.initialized){for(let t=this.minYear;t<=this.maxYear;t++)this.years.push(t);for(let t=0;t<=23;t++)this.hours.push(t);for(let t=0;t<=59;t++)this.minutes.push(t);this.load.emit()}this.initialized=!0}componentDidRender(){this.hasDateModule&&!this.yearsDragger&&(this.createDragSelection("years",this.yearsElement,this.yearsWrapperElement,this.yearsStripElement,h.y),this.createWheelChange("years",this.yearsWrapperElement,this.yearsStripElement),this.setDragSelection("years",this.currentDate.year)),this.hasTimeModule&&!this.hoursDragger&&(this.createDragSelection("hours",this.hoursElement,this.hoursWrapperElement,this.timeStripElement,h.y),this.createWheelChange("hours",this.hoursWrapperElement,this.timeStripElement),this.setDragSelection("hours",this.currentDate.hour)),this.hasTimeModule&&!this.minutesDragger&&(this.createDragSelection("minutes",this.minutesElement,this.minutesWrapperElement,this.timeStripElement,h.y),this.createWheelChange("minutes",this.minutesWrapperElement,this.timeStripElement),this.setDragSelection("minutes",this.currentDate.minute))}renderDateChange(){this.initialized&&(this.setData(),this.hasDateModule&&this.setDragSelection("years",this.currentDate.year))}openChange(t){t&&i(this.el)}valueChange(t,e){const i={isValid:!1,value:this.valueText};if(t)if(this.type!==u.range&&this.error)this.change.emit({isValid:!1,value:this.inputElement.value});else try{if((e&&b(t.dateObject)!==b(e.dateObject)||!e&&t)&&(this.type!==u.date&&this.type!==u.datetime||this.change.emit(t),this.type===u.time&&this.change.emit({time:t.time,timeObject:t.dateObject}),this.type===u.range)){const e=t.dateObject;e.start.date&&e.end.date?t.isValid&&this.change.emit({isValid:t.isValid,value:t.value,start:e.start,end:e.end}):this.change.emit(i)}}catch(t){}else this.change.emit()}disabledDatesChange(t){t&&this.prepareDisabledDates()}stringToDate(t){return t.getMonth?t:new Date(Date.parse(this.switchDDMM(t)))}dateToString(t){if(!(t instanceof Date))return!1}switchDDMM(t){if(!t)return;const e=t.split("/");return-1===t.indexOf("/")||3!==e.length?t:`${e[1]}/${e[0]}/${e[2]}`}setData(){this.date=this.stringToDate(this.date),this.initialized||this.renderDate||(this.renderDate=this.date&&this.date||new Date),!this.initialized&&this.endDate&&(this.selectedEndDate=this.stringToDate(this.endDate));const t=this.renderDate;if(this.currentDate=this.createDateObject(t),this.dayNumbers=this.getMonthDayNumbers(t).map((e=>({day:e,thisMonth:!0,isWeekend:this.getDayIsWeekend(t,e),today:this.getIsCurrentDate(t,e),date:this.getTargetDayDate(t,e)}))),this.currentDate.year>this.minYear){let e=new Date(new Date(t).setMonth(this.currentDate.month-1,1)),i=this.getMonthDayNumbers(e).reverse(),s=this.currentDate.monthFirstDay;for(let t=1;t<(0===s?7:s);t++){const s=i[t-1];this.dayNumbers.unshift({day:s,prevMonth:!0,isWeekend:this.getDayIsWeekend(e,s),date:this.getTargetDayDate(e,s)})}}if(this.currentDate.year<this.maxYear){let e=new Date(new Date(t).setMonth(this.currentDate.month+1)),i=this.getMonthDayNumbers(e),s=42-this.dayNumbers.length;for(let t=0;t<s;t++){const s=i[t];this.dayNumbers.push({day:s,nextMonth:!0,isWeekend:this.getDayIsWeekend(e,s),date:this.getTargetDayDate(e,s)})}}this.emptyState||(this.valueText=this.getValueText()),i(this.el)}prepareDisabledDates(){if(!this.disabledDates)return;let t=null;if("string"==typeof this.disabledDates)try{t=JSON.parse(this.disabledDates)}catch(t){return}else t=this.disabledDates;if(t.dates&&t.dates.length&&t.dates.length){const e=t.dates.map((t=>{const e=new Date(this.switchDDMM(t));return"invalid date"===e.toString().toLowerCase()?null:e})).filter((t=>t));this.disabledDatesList.dates=e}t.min&&t.max&&(t.min.getTime()>t.max.getTime()||t.max.getTime()<t.min.getTime())||(t.min&&t.min instanceof Date&&(this.disabledDatesList.min=new Date(t.min.toDateString())),t.max&&t.max instanceof Date&&(this.disabledDatesList.max=new Date(t.max.toDateString())))}createWheelChange(t,e,i){e.addEventListener("wheel",(e=>{const s=e.deltaY>0,n=this[t+"Dragger"].getOffset().top,a=this.getTargetChildByDragPosition({y:n},i);let o=s?a+1:a-1;o<0?o=0:void 0===this[t][o]&&(o=this[t].length-1),this.setDragSelection(t,this[t][o],!0,!0)}))}createDragSelection(t,e,i,s,n){const a=t+"Dragger";this[a]=new l({target:e,trigger:i,direction:n,useTransform:!0,limit:{y:{max:s.offsetTop-s.offsetHeight/2,min:-1*(e.offsetHeight-(s.offsetTop+s.offsetHeight/2))}}}),this[a].on("end",(e=>{const i=this.getTargetChildByDragPosition(e,s);this.selectTargetChildByDragIdx(i,s,this[a]),this.setDragSelection(t,this[t][i],!1)}))}getTargetChildByDragPosition({y:t},e){const i=e.offsetHeight,s=i/2;return Math.floor(-(t-(e.offsetTop-s)-s)/i)}selectTargetChildByDragIdx(t,e,i,s=!0){i.setPosition({y:e.offsetHeight/2+e.offsetTop-(t+1)*e.offsetHeight,anim:s})}setDragSelection(t,e,i=!0,s=!1){if(!e)return;const n=this[t].findIndex((t=>t===e));switch(i&&this.selectTargetChildByDragIdx(n,this["years"===t?t+"StripElement":"timeStripElement"],this[t+"Dragger"],s),t){case"years":this.date.setFullYear(e);break;case"hours":this.date.setHours(e);break;case"minutes":this.date.setMinutes(e)}this.renderDate=this.date,this.setData(),this.selectedDate&&this.setValue()}getHours12(){const t=(this.date.getHours()+24)%12||12;return t>12?t-12:t}createDateObject(t,{excludeTime:e=!1,exactMonthNumber:i=!1}={}){const s=t.getFullYear();return Object.assign(Object.assign({year:s>=this.maxYear?this.maxYear:s<=this.minYear?this.minYear:s,day:t.getDate(),month:t.getMonth()+(i?1:0),dayOfWeek:t.getDay(),monthFirstDay:new Date(new Date(t).setDate(1)).getDay()},!e&&{hour:t.getHours()}),!e&&{minute:t.getMinutes()})}generateDaysArrayFromMax(t){return Array.from(Array(t+1).keys()).slice(1)}getMonthDayNumbers(t){const e=this.getDaysInMonth(t.getMonth(),t.getFullYear());return this.generateDaysArrayFromMax(e)}getTargetDayDate(t,e){return new Date(new Date(t).setDate(e))}getDayIsWeekend(t,e){const i=new Date(new Date(t).setDate(e)).getDay();return 6===i||0===i}getClock(t){return{hours:(t=t||new Date).getHours(),minutes:t.getMinutes(),seconds:t.getSeconds(),milis:t.getMilliseconds()}}setValue(t){const e=new Date(this.date.setHours(Number(this.currentDate.hour),Number(this.currentDate.minute)));if(t)this.value=null;else{if(this.dataIsValid=!0,this.type===u.datetime){const t=Object.assign({},this.currentDate);t.month+=1,this.value={isValid:this.dataIsValid,date:e,timestamp:e.getTime(),dateObject:t,value:this.valueText}}if(this.type===u.date){const t=Object.assign({},this.currentDate);delete t.hour,delete t.minute,t.month+=1,this.value={isValid:this.dataIsValid,date:e,timestamp:e.getTime(),dateObject:t,value:this.valueText}}this.type===u.time&&(this.value={isValid:this.dataIsValid,time:this.getTimeText(),dateObject:{hours:this.currentDate.hour,minutes:this.currentDate.minute},value:this.valueText}),this.type===u.range&&(this.value={isValid:this.dataIsValid,dateObject:{start:Object.assign({},this.selectedDate&&{date:this.selectedDate,timestamp:this.selectedDate.getTime(),detail:this.createDateObject(this.selectedDate,{excludeTime:!0,exactMonthNumber:!0})}),end:Object.assign({},this.selectedEndDate&&{date:this.selectedEndDate,timestamp:this.selectedEndDate.getTime(),detail:this.createDateObject(this.selectedEndDate,{excludeTime:!0,exactMonthNumber:!0})})},value:this.valueText})}}setMonth(t){this.renderDate=new Date(this.renderDate.setMonth(t)),this.setDragSelection("years",this.currentDate.year)}checkRangeValidation({popupClosing:t=!1}={}){return this.type!==u.range||(t&&(!this.selectedDate||this.selectedDate&&!this.selectedEndDate)?(this.setError(!0,"date range invalid"),!1):(t||this.setError(!1),!0))}pad(t,e){return t<e?"0":""}isInputClearable(){return!(!this.inputElement||!this.inputElement.value)}isDisabledDate(t){if(this.disabledDatesList.dates.map((e=>this.isSameDate(e,t))).filter((t=>t)).length)return!0;if(this.disabledDatesList.min){const e=new Date(this.disabledDatesList.min);if(e&&e.getTime()>t.getTime())return!0}if(this.disabledDatesList.max){const e=new Date(this.disabledDatesList.max);if(e&&new Date(e.setDate(e.getDate()+1)).getTime()<t.getTime())return!0}}setDate(t,e,i=!1){const s=this.type===u.range,n=!!this.selectedEndDate;if((this.type!==u.date&&this.type!==u.datetime||!this.isDisabledDate(t))&&(this.emptyState=!1,(!s||s&&!n)&&(this.date=new Date(t.setHours(this.currentDate.hour,this.currentDate.minute))),s&&this.checkRangeValidation(),s&&this.selectedDate&&this.selectedEndDate&&(this.selectedDate=null,this.selectedEndDate=null),e)){const e=new Date(t);s&&this.selectedDate?this.selectedDate.getTime()>e.getTime()?(this.selectedEndDate=this.selectedDate)&&(this.selectedDate=e):this.selectedEndDate=e:this.selectedDate=e,!s&&(this._open=i),this.renderDate=this.date,this.valueText=this.getValueText(),this.setValue(),""==this.inputElement.value&&(this.inputElement.value=this.valueText)}}setDataFromText(t,e=!1,i=!0){let s=!1,n="";const a=this.parse(t);this.type!==u.date&&this.type!==u.datetime||!this.isDisabledDate(a.date)||(a.dateIsValid=!1,n="disabled-date"),this.type===u.datetime&&a.dateIsValid&&a.timeIsValid&&(e&&this.setDate(a.date,!0,i),e&&this.setTime(a.timeSections[0],a.timeSections[1]),s=!0),this.type===u.date&&a.dateIsValid&&(e&&this.setDate(a.date,!0,i),s=!0),this.type===u.time&&a.timeIsValid&&(e&&this.setTime(a.timeSections[0],a.timeSections[1]),s=!0),this.type===u.range&&(a.dateIsValid&&!this.selectedDate&&(e&&this.setDate(a.date,!0,i),s=!0),a.date2IsValid&&!this.selectedEndDate&&(e&&this.setDate(a.date2,!0,i),s=!0),this.selectedDate&&this.selectedEndDate&&a.rangeIsValid&&(this.isSameDate(a.date2,this.selectedEndDate)&&!this.isSameDate(a.date,this.selectedDate)&&(this.selectedDate=null,e&&this.setDate(a.date,!0,i),s=!0),this.isSameDate(a.date,this.selectedDate)&&!this.isSameDate(a.date2,this.selectedEndDate)&&(this.selectedEndDate=null,e&&this.setDate(a.date2,!0,i),s=!0)),this.selectedDate&&this.selectedEndDate&&!a.rangeIsValid&&e&&(this.selectedDate=null,this.selectedEndDate=null)),s?(e&&(this.renderDate=this.date),this.setError(!1)):(this.type===u.range&&this.selectedDate&&this.selectedEndDate&&a.rangeIsValid?this.setError(!1):n?this.setError(!0,"disabled-date"===n&&"selected date is not allowed"):(this.setError(!0,(this.type===u.datetime?"invalid date or time":this.type===u.range&&"invalid date range")||this.type===u.date&&"invalid date"||this.type===u.time&&"invalid time"),this.setValue(!0)),""==this.inputElement.value&&(this.inputElement.value=t))}setDateToday(){const t=new Date;this.type===u.range&&(this.selectedDate=null,this.selectedEndDate=null),this.setDate(t,!0,!1)}setTime(t,e){this.renderDate=new Date(this.date.setHours(Number(t||this.getClock().hours),Number(e||this.getClock().minutes))),this.type===u.time&&(this.selectedDate=this.date),this.setDragSelection("hours",this.currentDate.hour,!0,!0),this.setDragSelection("minutes",this.currentDate.minute,!0,!0)}setError(t=!1,e=""){this.error=t,this.errorText=t?e:""}getError(){const{error:t,errorText:e}=this;return{valid:!t,error:t,errorText:e}}getDaysInMonth(t,e){return new Date(e,t+1,0).getDate()}getIsCurrentDate(t,e){const i=new Date;return i.getDate()===e&&i.getMonth()===t.getMonth()&&i.getFullYear()===t.getFullYear()}isSameDate(t,e){return t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}getSelected(t,e=!1){const i=new Date(this["selected"+(e?"EndDate":"Date")]),s=i.getFullYear(),n=i.getMonth(),a=i.getDate();return t.getDate()===a&&t.getMonth()===n&&t.getFullYear()===s}getDateIsInRange(t){if(this.type!==u.range||!this.selectedDate||!this.selectedEndDate)return;const e=t.getTime(),i=this.selectedDate.getTime(),s=this.selectedEndDate.getTime();return e>i&&e<s}getMonthText(){return Object.values(p)[this.renderDate.getMonth()]}getCurrentDateText(){const t=Object.values(m)[this.currentDate.dayOfWeek],e=Object.values(p)[this.currentDate.month];return`${t}, ${this.currentDate.day}th ${e} ${this.currentDate.year}`}getTimeText(){const{hour:t,minute:e}=this.currentDate;return`${t<10?"0"+t:t}:${e<10?"0"+e:e}`}getValueText(){if(!this.selectedDate)return"";const t=this.selectedDate,e=t.getFullYear(),i=t.getDate(),s=t.getMonth()+1;let n="";if(this.type!==u.date&&this.type!==u.datetime||(n=`${i<10?"0"+i:i}/${s<10?"0"+s:s}/${e}`),this.type===u.time&&(n=this.getTimeText()),this.type===u.datetime&&(n=`${n} ${this.getTimeText()}`),this.type===u.range&&(n=`${i<10?"0"+i:i}/${s<10?"0"+s:s}/${e}`),this.type===u.range&&this.selectedEndDate){const t=this.selectedEndDate,e=t.getFullYear(),i=t.getDate(),s=t.getMonth()+1;n+=`-${i<10?"0"+i:i}/${s<10?"0"+s:s}/${e}`}return this.setDataFromText(n),n}parse(t){const e=t.split(this.type===u.range?"-":" "),i=this.switchDDMM(e[0]),s=this.switchDDMM(e[1]),n=this.type===u.datetime?e[1]:e[0],a=new Date(i),o=new Date(s),r="invalid date"!==a.toString().toLowerCase(),h="invalid date"!==o.toString().toLowerCase(),l=/^((0?[1-9]|1[0-2])(-|\/)(0?[1-9]|[12]\d|3[01])(-|\/)[12]\d{3})$/,c=l.test(i),d=l.test(s),p=/\b([01][0-9]|2[0-3]):([0-5][0-9])\b/.test(n),m=r&&c,b=h&&d;return{date:a,date2:o,timeSections:p?n.split(":"):"",dateIsValid:m,date2IsValid:b,rangeIsValid:m&&b,timeIsValid:p}}getPrevMonth(){this.setMonth(this.renderDate.getMonth()-1)}getNextMonth(){this.setMonth(this.renderDate.getMonth()+1)}yearClick(t){this.yearsDragger.busy||this.setDragSelection("years",this.years[t],!0,!0)}hourClick(t){this.hoursDragger.busy||this.setDragSelection("hours",this.hours[t],!0,!0)}minuteClick(t){this.minutesDragger.busy||this.setDragSelection("minutes",this.minutes[t],!0,!0)}openPicker(){this.disabled||(this._open=!0,this.pickerAlignment())}pickerAlignment(){this.optionViewportStyleAlignment={};var t=this.el.clientHeight,e=this.noCaption,i=window.innerHeight;this.el.shadowRoot.getElementById("picker-vp-"+this.id).clientHeight>i-(null!=this.el.parentNode.host&&"bcm-date-picker"==this.el.parentNode.host.nodeName.toString().toLowerCase()?document.querySelector("#"+this.el.parentNode.host.id).getBoundingClientRect().top:document.querySelector("#"+this.el.id).getBoundingClientRect().top)-(e?t:t-28)&&(this.optionViewportStyleAlignment={bottom:t-24+"px",top:"unset","box-shadow":"0px -1px 4px rgb(0 0 0 / 25%)"})}handleDayNumber(t){this.type===u.range&&this.selectedDate&&!this.selectedEndDate&&this.isSameDate(this.selectedDate,t)||this.setDate(t,!0)}handleInputInput(t){this.setDataFromText(t,!0)}handleInputChange(t){t.stopPropagation()}handleInputClear(){this.selectedDate=null,this.selectedEndDate=null,this.emptyState=!0,this.renderDate=new Date,this._open=!1,this.setValue(!0),this.setError(),this.getValueText()}handleInputFocus(){this._open=!0,this.pickerAlignment()}handleWheel(t){t.preventDefault()}handleWindowClick(t){var e=t.path||t.composedPath&&t.composedPath();const i=t.target,s=i.classList,n=i.tagName.toLowerCase();(!s.contains("sc-bcm-datetime-picker")&&!s.contains("sc-bcm-date-picker")&&!s.contains("sc-bcm-time-picker")&&"bcm-datetime-picker"!==n&&"bcm-date-picker"!==n&&"bcm-time-picker"!==n&&!this.openExternal||(()=>e&&e[0]&&e[0].attributes&&e[0].attributes["bcm-internal-id"]&&e[0].attributes["bcm-internal-id"].value&&e[0].attributes["bcm-internal-id"].value!==this.inputId)())&&(this._open=!1),e&&e.filter((t=>"calender-icon"==t.id))[0]&&null==e.filter((t=>t.id==this.inputId))[0]&&(this._open=!1),this.openExternal&&(this.openExternal=!1)}async open(){this._open=!0,this.openExternal=!0,this.pickerAlignment()}async close(){this._open=!1,this.openExternal=!0}async getValue(){return this.value}async setDisabled(t){this.disabled=t}async set(t){"string"==typeof t?this.setDataFromText(t,!0,!1):t instanceof Date?this.setDataFromText(this.formatDate(new Date(t),"dd/mm/yyyy hh:mi"),!0,!1):this.setClear()}async setClear(){this.handleInputClear(),await this.inputElement.setClear()}async getInput(){return this.inputElement}async isValid(){return this.getError()}async resetCaption(){await this.inputElement.resetCaption()}addZeroBefore(t){return(t<10?"0":"")+t}formatDate(t,e){const i={mm:this.addZeroBefore(t.getMonth()+1),dd:this.addZeroBefore(t.getDate()),yyyy:this.addZeroBefore(t.getFullYear()),hh:this.addZeroBefore(t.getHours()),mi:this.addZeroBefore(t.getMinutes())};return e.replace(/mm|dd|yyyy|hh|mi/gi,(t=>i[t]))}render(){const t=o("day-numbers"),e=o("datetime-picker","alignment-"+this.alignment,{open:this._open,"no-caption":this.noCaption}),i=o(this.hidden?"hidden":null,{"full-width":this.fullWidth}),a=o("toggle",{disabled:this.disabled});return s(n,{class:i,"bcm-internal-id":this.inputId},s("bcm-input",{ref:t=>this.inputElement=t,placeholder:"Select "+(this.type===u.datetime?"date and time":"")+(this.type===u.date?"date":"")+(this.type===u.time?"time":""),value:this.valueText,required:this.required,fullWidth:this.fullWidth,disabled:this.disabled,name:this.name,id:this.inputId,label:this.label,clearable:!0,disableWatchValue:!0,"on-bcm-focus":()=>this.handleInputFocus(),"on-bcm-clear":()=>this.handleInputClear(),"on-bcm-change":t=>this.handleInputChange(t),"on-bcm-input":t=>this.handleInputInput(t.detail),noCaption:this.noCaption,caption:this.caption,captionType:this.captionType},this.error&&s("bcm-tooltip",{slot:"suffix",placement:"top",message:this.errorText},s("bcm-icon",{icon:"exclamation-circle",color:"red-6",size:16})),s("span",{slot:"suffix",onClick:()=>this.openPicker()},s("bcm-icon",{id:"calender-icon",class:a,icon:"calendar"}))),s("div",{id:"picker-vp-"+this.id,class:e,onWheel:t=>this.handleWheel(t),style:this.optionViewportStyleAlignment},s("div",{class:"modules"},this.hasDateModule&&s("div",{class:"date-container"},s("div",{class:"header"},s("span",null),s("div",{class:"month-year"},s("button",{onClick:()=>this.getPrevMonth()},s("bcm-icon",{icon:"left"})),s("div",{class:"month-year-wrapper"},s("span",{class:"month"},this.getMonthText()),",",s("span",{class:"year"},this.date.getFullYear())),s("button",{onClick:()=>this.getNextMonth()},s("bcm-icon",{icon:"right"}))),s("span",{class:"today",onClick:()=>this.setDateToday()},"Today")),s("div",{class:"content"},s("div",{class:"years",ref:t=>this.yearsWrapperElement=t},s("div",{class:"items",ref:t=>this.yearsElement=t},this.years.map(((t,e)=>s("span",{onClick:()=>this.yearClick(e)},t)))),s("div",{class:"select-strip",ref:t=>this.yearsStripElement=t})),s("div",{class:"days"},s("div",{class:"day-labels"},s("span",null,"Mo"),s("span",null,"Tu"),s("span",null,"We"),s("span",null,"Th"),s("span",null,"Fr"),s("span",null,"Sa"),s("span",null,"Su")),s("div",{class:t},this.dayNumbers.map((t=>s("span",{class:{"is-disabled-date":(this.type===u.date||this.type===u.datetime)&&this.isDisabledDate(t.date),"not-this-month":!t.thisMonth,"is-weekend":t.isWeekend,today:t.today,selected:this.getSelected(t.date),"selected-start":this.getSelected(t.date)&&this.selectedEndDate&&this.type===u.range,"selected-end":this.getSelected(t.date,!0)&&this.type===u.range,range:this.getDateIsInRange(t.date)&&this.type===u.range},onClick:()=>this.handleDayNumber(t.date)},s("span",{class:"number"},t.day)))))))),this.hasTimeModule&&s("div",{class:"time-container"},s("div",{class:"header"},s("div",{class:"month-year"},s("span",{class:"month"},this.getTimeText())),s("span",{class:"now",onClick:()=>this.setTime()},"Now")),s("div",{class:"content"},s("div",{class:"hours",ref:t=>this.hoursWrapperElement=t},s("div",{class:"items",ref:t=>this.hoursElement=t},this.hours.map(((t,e)=>s("span",{class:this.currentDate.hour===t?"selected":"",onClick:()=>this.hourClick(e)},(t<10&&"0")+t))))),s("div",{class:"minutes",ref:t=>this.minutesWrapperElement=t},s("div",{class:"items",ref:t=>this.minutesElement=t},this.minutes.map(((t,e)=>s("span",{class:this.currentDate.minute===t?"selected":"",onClick:()=>this.minuteClick(e)},(t<10&&"0")+t))))),s("div",{class:"select-strip",ref:t=>this.timeStripElement=t}))))))}get el(){return a(this)}static get watchers(){return{renderDate:["renderDateChange"],_open:["openChange"],value:["valueChange"],disabledDates:["disabledDatesChange"]}}};f.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;position:relative;width:100%;max-width:256px;margin:0}:host(.full-width){max-width:100%}:host(.hidden){display:none}.toggle{cursor:pointer}.toggle.disabled{cursor:not-allowed}.modules{display:flex}.datetime-picker{position:absolute;top:-1000px;display:inline-flex;flex-direction:column;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);opacity:0;visibility:hidden;transition:transform 0.2s ease, opacity 0.3s ease;transform:scale(0.8) translateY(-100px);background-color:#ffffff;min-height:356px;max-height:356px;box-sizing:border-box;z-index:-1000}.datetime-picker.alignment-left{left:0}.datetime-picker.alignment-right{right:0}.datetime-picker.open{top:calc( 100% - 28px );z-index:10000;opacity:1;visibility:visible;transform:scale(1) translateY(0)}.datetime-picker.open.no-caption{top:100%}.actions{display:flex;align-items:center;justify-content:space-between;padding:8px;margin-top:auto;border-top:1px solid var(--bcm-color-grey-6)}.actions .current-date{font-size:14px;line-height:22px;color:var(--bcm-color-prime-blue-6);text-transform:capitalize}.date-container+.time-container{border-left:1px solid #cecece}.time-container{width:185px}.time-container .header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;max-height:60px;border-bottom:1px solid var(--bcm-color-grey-4)}.time-container .header .now{font-size:14px;line-height:22px;cursor:pointer;color:var(--bcm-color-prime-blue-6);user-select:none}.time-container .content{position:relative;display:flex}.time-container .hours,.time-container .minutes,.time-container .time-period{position:relative;flex:1 1 100%;max-width:100%;height:280px;overflow:hidden}.time-container .hours .items>span,.time-container .minutes .items>span,.time-container .time-period .items>span{font-size:14px;color:var(--bcm-color-grey-8)}.time-container .hours .items>span.selected,.time-container .minutes .items>span.selected,.time-container .time-period .items>span.selected{color:var(--bcm-color-prime-blue-6)}.date-container{width:364px;}.date-container .header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;max-height:60px;border-bottom:1px solid var(--bcm-color-grey-4)}.date-container .header .month-year-wrapper{display:flex;align-items:center;justify-content:center;margin:0 4px;min-width:125px}.date-container .header .month-year{font-size:16px;line-height:24px}.date-container .header .month-year{display:flex;align-items:center}.date-container .header .month-year button{display:flex;align-items:center;box-shadow:none;background:transparent;outline:none;appearance:none;border:none;color:var(--bcm-color-prime-blue-6);cursor:pointer}.date-container .header .month{text-transform:capitalize}.date-container .header .year{padding-left:4px}.date-container .header .today{font-size:14px;line-height:22px;cursor:pointer;color:var(--bcm-color-prime-blue-6);user-select:none}.date-container .content{display:flex}.date-container .years{position:relative;flex:0 0 70px;max-width:70px;height:280px;overflow:hidden;background-color:var(--bcm-color-grey-2)}.date-container .days{width:100%}.date-container .day-numbers,.date-container .day-labels{display:grid;grid-template-columns:repeat(7, 1fr)}.date-container .day-numbers{padding:24px 24px}.date-container .day-numbers>span,.date-container .day-labels span{text-align:center}.date-container .day-numbers>span{position:relative;padding-bottom:calc(100% / 1);cursor:pointer}.date-container .day-numbers>span.not-this-month{color:var(--bcm-color-grey-4)}.date-container .day-numbers>span.is-weekend{color:var(--bcm-color-prime-blue-3)}.date-container .day-numbers>span.is-disabled-date:not(.today){color:var(--bcm-color-grey-4);cursor:not-allowed}.date-container .day-numbers>span.is-disabled-date:not(.today):before{opacity:0 !important}.date-container .day-numbers>span.today{color:var(--bcm-color-prime-blue-6)}.date-container .day-numbers>span.today:before{opacity:1;background-color:var(--bcm-color-prime-blue-2);border:1px solid var(--bcm-color-prime-blue-6)}.date-container .day-numbers>span.selected-start{background:linear-gradient(90deg, white 50%, #8abde2 50%) !important}.date-container .day-numbers>span.selected-end{background:linear-gradient(90deg, #8abde2 50%, white 50%) !important}.date-container .day-numbers>span.range{background:#8abde2}.date-container .day-numbers>span.range:not(.today){color:#ffffff}.date-container .day-numbers>span.range:not(.today):before{background-color:var(--bcm-color-prime-blue-6)}.date-container .day-numbers>span.range.is-weekend:not(.today){color:var(--bcm-color-prime-blue-2)}.date-container .day-numbers>span.selected,.date-container .day-numbers>span.selected-end{color:#ffffff}.date-container .day-numbers>span.selected:before,.date-container .day-numbers>span.selected-end:before{opacity:1;background-color:var(--bcm-color-prime-blue-6)}.date-container .day-numbers.start-1>span:first-child{grid-column:1}.date-container .day-numbers.start-2>span:first-child{grid-column:2}.date-container .day-numbers.start-3>span:first-child{grid-column:3}.date-container .day-numbers.start-4>span:first-child{grid-column:4}.date-container .day-numbers.start-5>span:first-child{grid-column:5}.date-container .day-numbers.start-6>span:first-child{grid-column:6}.date-container .day-numbers.start-7>span:first-child{grid-column:7}.date-container .day-numbers>span:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:var(--bcm-color-grey-4);opacity:0;box-sizing:border-box}.date-container .day-numbers>span:hover.not-this-month:not(.is-weekend){color:var(--bcm-color-grey-6)}.date-container .day-numbers>span:hover:before{opacity:1}.date-container .day-numbers .number{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.date-container .day-labels{padding:24px 40px 0 40px}.date-container .day-labels span{font-size:12px;color:var(--bcm-color-grey-6)}.date-container .day-labels span:nth-child(7n+6),.date-container .day-labels span:nth-child(7n+7){color:var(--bcm-color-prime-blue-3)}.years .items,.hours .items,.minutes .items,.time-period .items{position:relative;display:flex;flex-direction:column;z-index:0;transform:translateY(0)}.years .items>span,.hours .items>span,.minutes .items>span,.time-period .items>span{text-align:center;font-size:12px;min-height:26px;max-height:26px;line-height:26px;color:var(--bcm-color-grey-8);user-select:none}.years:before,.years:after,.hours:before,.hours:after,.minutes:before,.minutes:after,.time-period:before,.time-period:after{content:"";position:absolute;left:0;width:100%;height:40px}.years:before,.hours:before,.minutes:before,.time-period:before{top:-40px;box-shadow:0 10px 100px 70px #ffffff;z-index:1}.years:after,.hours:after,.minutes:after,.time-period:after{bottom:-40px;box-shadow:0 -10px 100px 70px #ffffff;z-index:2}.select-strip{position:absolute;width:100%;top:50%;left:0;transform:translateY(-50%);min-height:26px;max-height:26px;border:1px solid var(--bcm-color-grey-5);border-left:0;border-right:0;pointer-events:none;box-sizing:border-box}';const x=class{constructor(i){t(this,i),this.onShow=e(this,"bcm-show",7),this.onHide=e(this,"bcm-hide",7),this.placement="top",this.trigger="hover",this.hidden=!1,this._internal_id=(4*Math.random()).toString(16).replace(".","")}async show(){this.open||(this.open=!0,this.onShow.emit())}async hide(){this.open&&(this.open=!1,this.onHide.emit())}handleClickOutside(t){this.host.contains(t.target)||this.open&&(this.open=!1)}async handleOpen(){await this.createElement();var t=document.getElementById("box"+this._internal_id).shadowRoot.querySelector(".tooltip-box");if(t&&t.querySelector(".box")){var e=t.querySelector(".box");c(e,this.host,this.placement,(t=>this.placement=t)),t.classList.toggle("open")}}async createElement(){var t,e=this.host.getBoundingClientRect(),i=String([...this.getPlacement()]).replace(","," ");document.getElementById("box"+this._internal_id)?t=document.getElementById("box"+this._internal_id):(t=document.createElement("bcm-tooltip-box")).setAttribute("id","box"+this._internal_id),t.setAttribute("message",this.message),t.style.position="absolute",t.setAttribute("placement",i),document.body.appendChild(t),await r(50);var s=document.getElementById("box"+this._internal_id).shadowRoot.querySelector(".tooltip-box");if(s&&s.querySelector(".box")){var n=s.querySelector(".box");c(n,this.host,this.placement,(t=>this.placement=t))}t.style.top=d(this.placement,e)[0]+"px",t.style.left=d(this.placement,e)[1]+"px"}hasTrigger(t){return this.trigger===t}getPlacement(){const t=this.placement.split("-");return 1===t.length&&t.push("center"),t}handleMouseOver(){this.hasTrigger("hover")&&this.show()}handleMouseOut(){this.hasTrigger("hover")&&this.hide()}handleClick(){this.hasTrigger("click")&&(this.open?this.hide():this.show())}handleFocus(){this.hasTrigger("focus")&&this.show()}handleBlur(){this.hasTrigger("focus")&&this.hide()}async componentDidRender(){await this.createElement();var t=document.getElementById("box"+this._internal_id).shadowRoot.querySelector(".tooltip-box");if(t&&t.querySelector(".box")){var e=t.querySelector(".box");c(e,this.host,this.placement,(t=>this.placement=t))}}render(){const t=o("tooltip",...this.getPlacement(),{}),e=o(this.hidden?"hidden":null);return s(n,{class:e,onClick:()=>this.handleClick(),onMouseOver:()=>this.handleMouseOver(),onMouseOut:()=>this.handleMouseOut(),onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur(),tabindex:0},s("span",{class:t},s("span",{class:"box size-2"},this.message),s("slot",null)))}get host(){return a(this)}static get watchers(){return{open:["handleOpen"]}}};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:inline-flex}:host(.hidden){display:none}:host(:focus){outline:none}.tooltip{position:relative;}.tooltip .box{position:absolute;display:none;box-sizing:border-box;background-color:#262626;border:1px solid #262626;border-radius:2px;z-index:10700;width:max-content;padding:4px 8px;color:var(--bcm-color-grey-1)}.tooltip::after{content:"";position:absolute;display:none;border:6px solid;z-index:10700}.tooltip.open .box,.tooltip.open::after{display:block}.tooltip.top .box{bottom:100%;margin-bottom:8px}.tooltip.top::after{bottom:100%;margin-bottom:-4px;border-color:#262626 transparent transparent transparent}.tooltip.bottom .box{top:100%;margin-top:8px}.tooltip.bottom::after{top:100%;margin-top:-4px;border-color:transparent transparent #262626 transparent}.tooltip.left .box{right:100%;margin-right:8px}.tooltip.left::after{right:100%;margin-right:-4px;border-color:transparent transparent transparent #262626}.tooltip.right .box{left:100%;margin-left:8px}.tooltip.right::after{left:100%;margin-left:-4px;border-color:transparent #262626 transparent transparent}.tooltip.top.center .box,.tooltip.bottom.center .box{left:50%;transform:translateX(-50%)}.tooltip.top.center::after,.tooltip.bottom.center::after{left:50%;transform:translateX(-50%)}.tooltip.top.start .box,.tooltip.bottom.start .box{left:0}.tooltip.top.start::after,.tooltip.bottom.start::after{left:8px}.tooltip.top.end .box,.tooltip.bottom.end .box{right:0}.tooltip.top.end::after,.tooltip.bottom.end::after{right:8px}.tooltip.left.center .box,.tooltip.right.center .box{top:50%;transform:translateY(-50%)}.tooltip.left.center::after,.tooltip.right.center::after{top:50%;transform:translateY(-50%)}.tooltip.left.start .box,.tooltip.right.start .box{top:0}.tooltip.left.start::after,.tooltip.right.start::after{top:4px}.tooltip.left.end .box,.tooltip.right.end .box{bottom:0}.tooltip.left.end::after,.tooltip.right.end::after{bottom:4px}';export{f as bcm_datetime_picker,x as bcm_tooltip}