bromcom-ui 2.3.54 → 2.3.58

package/dist/bromcom-ui/p-2c1ee381.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-b92324e7.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-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-6355c903.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-b92324e7.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]},!0===t[this.objectMapping.checked]&&{checked:t[this.objectMapping.checked]},!0===t[this.objectMapping.disabled]&&{disabled:!0},!0===t[this.objectMapping.selected]&&0==this.checkboxes&&{selected: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-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-77a480ff.entry.js

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

package/dist/bromcom-ui/p-a88256f2.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-b92324e7.js";import{D as h,E as l}from"./p-09753e05.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},s={isValid:!1,value:this.inputElement.value};if(t)if(this.type!==u.range&&this.error)this.change.emit(s);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(s)}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}

package/dist/bromcom-ui/p-b92324e7.js

@@ -1 +0,0 @@
-const t=t=>new Promise((a=>setTimeout(a,t))),a=(t,a)=>{const e=a.split("-"),r=e[e.length-1],n=e.slice(0,e.length-1).join("-");return t[n]&&t[n][r]?t[n][r]:t["prime-blue"][6]},e=(t,a)=>t.tagName&&String(t.tagName).toLowerCase()===a,r=(t,a)=>{let e=[],r=[];const n=Array.from(t.shadowRoot.querySelectorAll("slot")).find((t=>!t.name));return e=n&&n.assignedElements()||[],e.map((t=>{String(t.tagName).toLowerCase()==a&&r.push(t)})),e=t.shadowRoot.querySelectorAll(a),r=[...r,...e],r};function n(t,a,e,r,n,o,s,c,i,l){let p,u=arguments[0],x=!1,m="",d=u,f=1;for(let t=0;t<u.length;t++)p=u[t],x&&("}"==p?(d=d.replace("{"+m+"}",arguments[f]),x=!1,m="",f++):m+=p),"{"==p&&(x=!0);return d}const o=(t,a)=>{const e=t,r=document.documentElement.clientWidth,n=document.documentElement.clientHeight;var o=document.querySelector(a);if(o){var s=0;o.shadowRoot&&o.shadowRoot.querySelector(".caption-area")&&o.shadowRoot.querySelector(".caption-area").clientHeight&&(s=o.shadowRoot.querySelector(".caption-area").clientHeight+8);var c=0;o.shadowRoot&&o.shadowRoot.querySelector(".label")&&o.shadowRoot.querySelector(".label").clientHeight&&(c=o.shadowRoot.querySelector(".label").clientHeight+2);var i=o.noCaption?0:s-8,l=o.getBoundingClientRect();e.style.position="fixed",e.style.top=l.top+l.height-i+"px",e.style.left=l.left+"px",n<e.clientHeight+l.top+l.height-i&&(e.style.top=l.top-e.clientHeight+c+"px"),r<e.clientWidth+l.left&&(e.style.left=l.left-e.clientWidth+l.width-2+"px")}},s=t=>{let a;return a=getComputedStyle(t).getPropertyValue("transform").replace(/(matrix|\(|\)|px)/g,""),a=a.split(", "),{x:parseInt(a[4]),y:parseInt(a[5])}};export{o as a,s as b,n as c,t as d,a as e,r as g,e as i}

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

@@ -1 +0,0 @@
-import{r as e,c as t,h as i,H as a,g as o}from"./p-6e0d3067.js";import{c as r}from"./p-5525b672.js";let s=0;const n=class{constructor(i){e(this,i),this.focus=t(this,"bcm-focus",7),this.blur=t(this,"bcm-blur",7),this.clear=t(this,"bcm-clear",7),this.change=t(this,"bcm-change",7),this.input=t(this,"bcm-input",7),this.textareaId="textarea-"+ ++s,this.valueLength=0,this.noCaption=!1,this.rows=1,this.size="medium",this.resize="vertical",this.hidden=!1,this.required=!1,this.hasFocus=!1}async setFocus(){this.textarea.focus()}async removeFocus(){this.textarea.blur()}async select(){return this.textarea.select()}async setValue(e){return this.textarea.value=e,this.value=e,this.handleChange(),e}async setClear(){this.textarea.value="",this.value=""}async resetCaption(){this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null}async getValue(){return this.value}handleFocus(){this.hasFocus=!0,this.focus.emit()}handleBlur(){this.hasFocus=!1,this.blur.emit()}handleChange(){this.value=this.textarea.value,this.change.emit(this.value)}watchValue(){this.handleChange()}handleInput(){this.value=this.textarea.value,this.setTextareaHeight(),this.input.emit(this.value)}handleClear(e){this.value="",this.clear.emit(),this.textarea.focus(),e.stopPropagation()}setTextareaHeight(){"auto"===this.resize?(this.textarea.style.height="auto",this.textarea.style.height=this.textarea.scrollHeight+2+"px"):this.textarea.style.height=void 0}connectedCallback(){this.handleChange=this.handleChange.bind(this),this.handleBlur=this.handleBlur.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleInput=this.handleInput.bind(this),this.handleClear=this.handleClear.bind(this),this.setTextareaHeight=this.setTextareaHeight.bind(this),this.captionCache=this.caption,this.captionTypeCache=this.captionType}componentWillRender(){this.valueLength=this.value?this.value.length:0}render(){const{fullWidth:e,size:t,rows:o,disabled:s,clearable:n,label:l,hasFocus:h,noCaption:c,caption:p,captionError:x,captionType:d,value:u,resize:b,maxLength:g,placeholder:m,valueLength:z,required:f}=this,w=r("textarea-wrapper",{"full-width":e,error:"error"==d}),y=r("textarea-container","resize-"+b,"textarea-"+t,{empty:(null==u?void 0:u.length)<1,focused:h,disabled:s}),v=r("size-1","input-caption","caption-"+d),C=r("size-"+t,{"size-3":"large"===t,"size-2":"small"===t||"medium"===t,clearable:n}),k=r(this.hidden?"hidden":null);return i(a,{class:k},i("div",{class:w},l&&i("label",{class:"label size-1",htmlFor:this.textareaId}," ",l," ",f&&"*"," "),i("div",{class:y},i("textarea",{ref:e=>this.textarea=e,onInput:this.handleInput,onFocus:this.handleFocus,onChange:this.handleChange,onBlur:this.handleBlur,class:C,id:this.textareaId,value:u,rows:o,disabled:s,maxlength:g,placeholder:m}),n&&i("button",{class:"clear-button",onClick:this.handleClear},i("bcm-icon",{icon:"close-circle",type:"fill",size:18,color:"grey-7"}))),!c||g?i("div",{class:"caption-area"},"error"==d?i("span",{class:v}," ",x," "):p&&i("span",{class:v}," ",p," "),g&&i("span",{class:"count"}," ",`${z}/${g}`," ")):null))}get el(){return o(this)}static get watchers(){return{value:["watchValue"]}}};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;width:100%;margin:0 0 8px 0}:host(.hidden){display:none}.textarea-wrapper{width:256px}.textarea-wrapper.full-width{width:100%}.textarea-wrapper:hover .clear-button{opacity:1}.textarea-container{position:relative;width:100%;border:1px solid var(--bcm-color-grey-5);border-radius:2px}.textarea-container.empty .clear-button{display:none}.textarea-container.focused:not(.disabled){outline:none;border-color:var(--bcm-color-prime-blue-5);box-shadow:0px 0px 4px var(--bcm-color-prime-blue-6)}.textarea-container:hover:not(:disabled){border-color:var(--bcm-color-prime-blue-6)}.textarea-container textarea{resize:vertical;display:flex;flex:1 1 auto;align-items:center;color:var(--bcm-color-grey-8);width:100%;background-color:var(--bcm-color-grey-1);border:none;border-radius:2px;box-shadow:none;font-family:"Roboto", sans-serif;-webkit-appearance:none;box-sizing:border-box}.textarea-container textarea::-webkit-search-decoration,.textarea-container textarea::-webkit-search-cancel-button,.textarea-container textarea::-webkit-search-results-button,.textarea-container textarea::-webkit-search-results-decoration{-webkit-appearance:none}.textarea-container textarea::placeholder{color:var(--bcm-color-grey-6);user-select:none}.textarea-container textarea:focus:not(:disabled){outline:none;border-color:none;box-shadow:none}.textarea-container textarea:hover:not(:disabled){border-color:none}.textarea-container textarea:disabled{background-color:var(--bcm-color-grey-3);cursor:not-allowed}.textarea-container textarea.clearable{padding-right:32px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.label{display:flex;flex-direction:column;color:var(--bcm-color-grey-9);margin-bottom:4px}.caption-area{min-height:20px}.input-caption{display:block}.clear-button{position:absolute;opacity:0;right:10px;top:7px;display:inline-flex;align-items:center;border:none;background:none;padding:0;cursor:pointer}.clear-button:focus{outline:none}.textarea-footer{display:flex;justify-content:space-between;margin-bottom:8px;min-height:20px}.textarea-footer .count{color:var(--bcm-color-grey-7);margin-left:4px}.textarea-footer .count:only-child{margin-left:auto}.size-large{padding:7px 12px;min-height:38px}.size-large~.clear-button{top:12px}.size-medium{padding:4px 12px;min-height:30px}.size-medium~.clear-button{top:7px}.size-small{padding:0px 12px;min-height:20px}.size-small~.clear-button{top:2px}.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 .textarea-container textarea{border:1px solid var(--bcm-color-red-6) !important}';export{n as bcm_textarea}

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}