bromcom-ui 2.7.24 → 2.7.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bromcom-ui/bromcom-ui.css +1 -1
- package/dist/bromcom-ui/bromcom-ui.esm.js +1 -1
- package/dist/bromcom-ui/global/config.js +45 -0
- package/dist/bromcom-ui/global/global.js +0 -23
- package/dist/bromcom-ui/{p-f1a12a97.entry.js → p-00a7958c.entry.js} +1 -1
- package/dist/bromcom-ui/p-0283ded8.entry.js +5 -0
- package/dist/bromcom-ui/{p-2718de9d.js → p-0311f60f.js} +1 -1
- package/dist/bromcom-ui/{p-bc6c4f0c.entry.js → p-0438ecdd.entry.js} +1 -1
- package/dist/bromcom-ui/{p-68ee093f.entry.js → p-0498e2b3.entry.js} +1 -1
- package/dist/bromcom-ui/{p-2d17d048.entry.js → p-0630ba23.entry.js} +1 -1
- package/dist/bromcom-ui/p-09ca4359.entry.js +5 -0
- package/dist/bromcom-ui/{p-c34df481.js → p-0ba73c30.js} +1 -1
- package/dist/bromcom-ui/p-0c6983ea.entry.js +5 -0
- package/dist/bromcom-ui/{p-119d4af3.entry.js → p-11e9dda0.entry.js} +1 -1
- package/dist/bromcom-ui/p-12034778.entry.js +5 -0
- package/dist/bromcom-ui/{p-28164cb7.entry.js → p-1d3b94ca.entry.js} +1 -1
- package/dist/bromcom-ui/p-1d48d133.js +5 -0
- package/dist/bromcom-ui/{p-c001809d.entry.js → p-20d8935a.entry.js} +1 -1
- package/dist/bromcom-ui/{p-3d6c73ff.js → p-20e22beb.js} +1 -1
- package/dist/bromcom-ui/p-23a17c6b.js +5 -0
- package/dist/bromcom-ui/{p-c21a1282.entry.js → p-262a431e.entry.js} +1 -1
- package/dist/bromcom-ui/p-296921b3.entry.js +5 -0
- package/dist/bromcom-ui/{p-21cd1105.entry.js → p-2adf4bbe.entry.js} +1 -1
- package/dist/bromcom-ui/p-31b6f67e.entry.js +5 -0
- package/dist/bromcom-ui/p-329c6c1b.entry.js +5 -0
- package/dist/bromcom-ui/{p-ab95ba59.entry.js → p-32e3610e.entry.js} +1 -1
- package/dist/bromcom-ui/{p-b2bf5262.entry.js → p-38cb3a87.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e5217003.entry.js → p-3c9e1104.entry.js} +1 -1
- package/dist/bromcom-ui/{p-f6e7c76e.js → p-40f3123f.js} +1 -1
- package/dist/bromcom-ui/{p-cc56b821.entry.js → p-43e6e3b5.entry.js} +1 -1
- package/dist/bromcom-ui/{p-c8db15b2.js → p-45c40d0f.js} +1 -1
- package/dist/bromcom-ui/{p-ec105e45.entry.js → p-476d0cf2.entry.js} +1 -1
- package/dist/bromcom-ui/{p-c20a35c3.entry.js → p-4ca8fe80.entry.js} +1 -1
- package/dist/bromcom-ui/{p-7ea2bf5b.entry.js → p-4d06c5df.entry.js} +1 -1
- package/dist/bromcom-ui/p-51dc49eb.entry.js +5 -0
- package/dist/bromcom-ui/p-53f9f641.js +5 -0
- package/dist/bromcom-ui/{p-dcacc387.entry.js → p-555cd891.entry.js} +1 -1
- package/dist/bromcom-ui/{p-3ed05d9a.entry.js → p-5570861f.entry.js} +1 -1
- package/dist/bromcom-ui/{p-f3ddd992.entry.js → p-55d43063.entry.js} +1 -1
- package/dist/bromcom-ui/p-5e364175.entry.js +5 -0
- package/dist/bromcom-ui/{p-72ce5a5c.entry.js → p-628e3642.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e3cacb93.entry.js → p-6ce9fce0.entry.js} +1 -1
- package/dist/bromcom-ui/{p-1f20835d.entry.js → p-6d1451ce.entry.js} +1 -1
- package/dist/bromcom-ui/{p-a3d86b62.entry.js → p-70c697e0.entry.js} +1 -1
- package/dist/bromcom-ui/{p-cf72e4e7.entry.js → p-732ff466.entry.js} +1 -1
- package/dist/bromcom-ui/{p-0b3f29dc.entry.js → p-74107da0.entry.js} +1 -1
- package/dist/bromcom-ui/{p-3e755638.entry.js → p-748264e3.entry.js} +1 -1
- package/dist/bromcom-ui/p-772a214f.js +5 -0
- package/dist/bromcom-ui/p-78537578.entry.js +5 -0
- package/dist/bromcom-ui/{p-1f545123.entry.js → p-7abec92e.entry.js} +1 -1
- package/dist/bromcom-ui/p-7b0419de.entry.js +5 -0
- package/dist/bromcom-ui/{p-0000e2aa.entry.js → p-7fad995d.entry.js} +1 -1
- package/dist/bromcom-ui/{p-92fa9412.entry.js → p-7ff2a57f.entry.js} +1 -1
- package/dist/bromcom-ui/{p-ea8ca275.js → p-82cb9146.js} +1 -1
- package/dist/bromcom-ui/{p-d81a006e.entry.js → p-843b0430.entry.js} +1 -1
- package/dist/bromcom-ui/{p-8f81fcd5.entry.js → p-86728725.entry.js} +1 -1
- package/dist/bromcom-ui/{p-b4e4bce1.entry.js → p-87b09806.entry.js} +1 -1
- package/dist/bromcom-ui/{p-4fa7bc63.js → p-87fe1bda.js} +1 -1
- package/dist/bromcom-ui/p-8c67607c.entry.js +5 -0
- package/dist/bromcom-ui/{p-a3b2e118.entry.js → p-91512654.entry.js} +1 -1
- package/dist/bromcom-ui/p-927c60d6.entry.js +5 -0
- package/dist/bromcom-ui/{p-6539ae4f.entry.js → p-9288b7be.entry.js} +1 -1
- package/dist/bromcom-ui/p-9458173b.entry.js +5 -0
- package/dist/bromcom-ui/p-98238a32.entry.js +5 -0
- package/dist/bromcom-ui/{p-7c445c67.js → p-9e823efc.js} +1 -1
- package/dist/bromcom-ui/{p-8827e0c1.entry.js → p-a151770a.entry.js} +1 -1
- package/dist/bromcom-ui/{p-1a711b05.entry.js → p-a29ae917.entry.js} +1 -1
- package/dist/bromcom-ui/p-afab9853.entry.js +5 -0
- package/dist/bromcom-ui/{p-eef50ebf.js → p-b1e7badc.js} +1 -1
- package/dist/bromcom-ui/p-baa557a0.entry.js +5 -0
- package/dist/bromcom-ui/{p-e6f35320.entry.js → p-bb821887.entry.js} +1 -1
- package/dist/bromcom-ui/{p-c5fca13b.js → p-be904c55.js} +1 -1
- package/dist/bromcom-ui/{p-d9013b06.entry.js → p-c65ac1ba.entry.js} +1 -1
- package/dist/bromcom-ui/{p-27eacabd.entry.js → p-cccebf39.entry.js} +1 -1
- package/dist/bromcom-ui/{p-cd8b1f86.entry.js → p-cf39da2b.entry.js} +1 -1
- package/dist/bromcom-ui/p-d1859271.entry.js +5 -0
- package/dist/bromcom-ui/{p-9e1dd668.entry.js → p-dc55a794.entry.js} +1 -1
- package/dist/bromcom-ui/p-ddba7736.entry.js +5 -0
- package/dist/bromcom-ui/{p-f7cd65cd.entry.js → p-e20f59e8.entry.js} +1 -1
- package/dist/bromcom-ui/{p-16e85cb5.entry.js → p-e3744b34.entry.js} +1 -1
- package/dist/bromcom-ui/{p-3d6f0c5d.entry.js → p-e5c7d97f.entry.js} +1 -1
- package/dist/bromcom-ui/{p-7b01e8e8.js → p-edae0f15.js} +1 -1
- package/dist/bromcom-ui/{p-7d8dd5e1.entry.js → p-efd3fc0e.entry.js} +1 -1
- package/dist/bromcom-ui/{p-3d9befeb.entry.js → p-f10278c7.entry.js} +1 -1
- package/dist/bromcom-ui/{p-3b0ecb63.entry.js → p-f409b3cf.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e67c2435.entry.js → p-f8c401fd.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e4c4b29a.entry.js → p-ffa7faa3.entry.js} +1 -1
- package/package.json +1 -1
- package/dist/bromcom-ui/p-19397a68.entry.js +0 -5
- package/dist/bromcom-ui/p-57a792c5.entry.js +0 -5
- package/dist/bromcom-ui/p-88412843.entry.js +0 -5
- package/dist/bromcom-ui/p-8e8d1f6c.js +0 -5
- package/dist/bromcom-ui/p-9f2678ff.js +0 -5
- package/dist/bromcom-ui/p-a37f378e.entry.js +0 -5
- package/dist/bromcom-ui/p-ace2e92f.js +0 -5
- package/dist/bromcom-ui/p-b1036fdc.entry.js +0 -5
- package/dist/bromcom-ui/p-b9acecf2.entry.js +0 -5
- package/dist/bromcom-ui/p-bc29d9e4.entry.js +0 -5
- package/dist/bromcom-ui/p-be2d7afd.entry.js +0 -5
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Stencil
|
|
3
|
+
* Copyright (c) Bromcom.
|
|
4
|
+
*/
|
|
5
|
+
import{r as t,c as i,h as e,d as s,H as o,g as r}from"./p-0ba73c30.js";import{E as n,D as a}from"./p-7e44e6b5.js";import{c as h}from"./p-af4b55d4.js";import"./p-8c018ae0.js";import"./p-de7b0fe7.js";const p=class{constructor(e){t(this,e),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 n({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 n({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,e,s,o,r,n=t.h%360/60;r=t.v*t.s,o=r*(1-Math.abs(n%2-1)),i=e=s=t.v-r,n=~~n,i+=[r,o,0,0,o,r][n],e+=[o,r,r,o,0,0][n],s+=[0,0,o,r,r,o][n];const a={r:Math.round(255*i),g:Math.round(255*e),b:Math.round(255*s)};return Object.assign(Object.assign({},a),{hex:"#"+(16777216|a.b|a.g<<8|a.r<<16).toString(16).slice(1)})}rgbtohsv(t){let i,e,s,o,r=t.r,n=t.g,a=t.b;return(t.r>1||t.g>1||t.b>1)&&(r/=255,n/=255,a/=255),s=Math.max(r,n,a),o=s-Math.min(r,n,a),i=0==o?null:s==r?(n-a)/o+(n<a?6:0):s==n?(a-r)/o+2:(r-n)/o+4,i=i%6*60,e=0==o?0:o/s,{h:i,s:e,v:s}}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 e=this.hextohsv(t);this.h=e.h,this.s=1,this.v=1,this.selectedH=e.h,this.selectedS=e.s,this.selectedV=e.v,this.updateIndicators(),this.updateValue(i)}}updateIndicators(){const{colorsElement:t,colorElement:i,colorsIndicatorElement:e}=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*e.offsetWidth)/360})}updateValue(t=!1){const{selectedH:i,selectedS:e,selectedV:s}=this,o=this.hsvtorgb({h:i,s:e,v:s}).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,e=i.classList,s=i.tagName.toLowerCase();!e.contains("sc-bcm-colorpicker")&&"bcm-colorpicker"!==s&&"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:n,captionError:a,captionType:p}=this,l=h("color-picker",{open:this.open}),c=h("size-1","input-caption","caption-"+p);return e(o,null,e("div",{class:l,onClick:()=>this.handleClick()},t&&e("div",null,e("bcm-label",{tooltip:this.tooltip,type:p,value:t,required:i})),e("div",{class:"input"},e("div",{class:"active-color"},e("div",{class:"color-thumb",style:{backgroundColor:this.value}})),e("span",{class:"icon",slot:"suffix"},e("svg",{style:{fill:"#595959",width:" 14px",height:"14px"},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},e("path",{d:"M483.89 28.14l-.02-.02-.03-.03c-37.47-37.47-98.26-37.46-135.72.03l-77.09 77.09-13.1-13.1c-9.44-9.44-24.65-9.31-33.94 0l-63.6 63.6c-9.37 9.37-9.37 24.57 0 33.94l16.98 16.98L50.75 333.25c-12 12-18.75 28.28-18.75 45.26V424L0 480l32 32 56-32h45.49c16.97 0 33.25-6.74 45.25-18.74l126.64-126.62 16.96 16.96c9.44 9.44 24.65 9.31 33.94 0l63.6-63.6c9.37-9.37 9.37-24.57 0-33.94l-13.1-13.1 77.09-77.09c37.5-37.47 37.5-98.25.02-135.73zM144.8 427.32a15.892 15.892 0 0 1-11.31 4.68H80v-53.49c0-4.27 1.66-8.29 4.69-11.31l126.63-126.62 60.12 60.12L144.8 427.32zm305.14-297.38l-77.09 77.09-33.94 33.94 30.07 30.06-29.66 29.66-128-128 29.66-29.65 30.06 30.07L382.08 62.05c9.05-9.06 21.1-14.05 33.91-14.05 12.82 0 24.86 4.98 33.91 14.04l.04.04C459.01 71.14 464 83.19 464 96.01c0 12.81-5 24.86-14.06 33.93z"})))),!r&&e("div",{class:"caption-area"},"error"==p?e("span",{class:c}," ",a," "):n&&e("span",{class:c}," ",n," ")),e("div",{class:"picker"},e("div",{class:"input"},e("input",{type:"text",class:"color-input",maxlength:"7",ref:t=>this.inputElement=t,onKeyUp:t=>this.handleColorInputKeyUp(t)})),e("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},e("img",{src:s("./static/color.svg")}),e("div",{class:"color-indicator",ref:t=>this.colorIndicatorElement=t})),e("div",{class:"colors-transparency"},e("div",{class:"colors",onMouseDown:()=>this.mouseState="down",ref:t=>this.colorsElement=t},e("div",{class:"colors-holder"},e("img",{src:s("./static/colors.svg")})),e("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"]}}};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}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}: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:100px;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:100px;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:100px;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{p as bcm_colorpicker}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Stencil
|
|
3
|
+
* Copyright (c) Bromcom.
|
|
4
|
+
*/
|
|
5
|
+
import{r as e,c as o,h as c,H as n,g as s}from"./p-0ba73c30.js";import{c as d}from"./p-af4b55d4.js";import{J as r}from"./p-edae0f15.js";import{G as l}from"./p-45c40d0f.js";import{B as t}from"./p-4b855876.js";import"./p-de7b0fe7.js";var i=function(e,o,c,n){var s,d=arguments.length,r=d<3?o:null===n?n=Object.getOwnPropertyDescriptor(o,c):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,o,c,n);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(d<3?s(r):d>3?s(o,c,r):s(o,c))||r);return d>3&&r&&Object.defineProperty(o,c,r),r};const b=class{constructor(c){e(this,c),this.bcmClick=o(this,"bcm-click",7),this.dropdownLinkedComponent=o(this,"dropdown-linked-component",7),this._id=l.UID(),this.hidden=!1,this.type="dropdown",this.size=t.Size.medium,this.disabled=!1,this.kind=t.Kind.solid,this.noStyle=!1,this.dropdownIcon="fas fa-angle-down",this.multiLevel=!1,this.loading=!1,this.dataDismiss=!1,this.fullWidth=!1,this.iconPosition=t.IconPosition.prefix,this.height="auto",this.maxHeight="500px",this.minHeight="50px",this.stopDeepClean=!1,this.data=[]}async dataChanged(e){e&&(this.data=e)}async isOpenChanged(e){if(document.querySelector(`bcm-popover-box[id="dropdown-box-${this._id}"]`)){const o=this.getPopoverBox();e?o.show():o.hide()}const o=`bcm-dropdown--disable-scroll-${this._id}`;this.isOpen?document.body.classList.add(o):document.body.classList.remove(o)}handleIsClickDismiss({detail:e}){this.multiLevel&&(this.isOpen=e)}handleOnClick(e){if(this.linkedComponent)return this.linkedComponentClick(e);if(this.isOpen){const o=this.linkedComponent?document.getElementById(this.linkedComponent):this.el,c=this.getPopoverBox();if(c){const n=l.findEventPath(e,c),s=l.findEventPath(e,o);if(!n&&!s)return void(this.isOpen=!1);if(l.findEventPathHasAttribute(e,"data-dismiss"))return void(this.isOpen=!1)}}}handleWheel(e){if(this.isOpen){const o=this.getPopoverBox();if(o){const c=l.findEventPath(e,o),n=l.findEventPath(e,this.el);if(!c&&!n)return void(this.isOpen=!1)}}}async setActive(e){if(e){const o=document.getElementById(`${this._id}-menu`);o&&o.setActive(e)}}handleSlotItems({detail:e}){this.data=e}connectedCallback(){const e=`bcm-dropdown--disable-scroll-${this._id}`,o=`bcm-dropdown-style-${this._id}`;let c=document.getElementById(o);c||(c=document.createElement("style"),c.id=o,c.innerHTML=`.${e} { overflow: hidden; }`,document.head.appendChild(c))}componentDidLoad(){let e=document.querySelector(`bcm-popover-box[id="dropdown-box-${this._id}"]`);e&&e.remove();const o=this.el.querySelector("bcm-content");o&&(o.style.display="none")}disconnectedCallback(){if(this.isOpen=!1,this.stopDeepClean)return;const e=this.getPopoverBox();e&&e.remove(),document.body.classList.remove(`bcm-dropdown--disable-scroll-${this._id}`)}createBox(){const e=this.el.querySelector("bcm-content");if(e){const o=this.linkedComponent?this.linkedComponent:this._id;let c=document.getElementById(`dropdown-box-${this._id}`);c||(c=document.createElement("bcm-popover-box"),c.setAttribute("id","dropdown-box-"+this._id),c.setAttribute("target-id",o),c.setAttribute("placement",this.placement||"bottom-start"),c.setAttribute("linked-component",o),c.setAttribute("min-height",this.minHeight),c.setAttribute("max-height",this.maxHeight),c.setAttribute("height",this.height),e.style.display="block",c.appendChild(e),document.body.appendChild(c))}}linkedComponentClick(e){const o=document.getElementById(this.linkedComponent),c=document.querySelector(`bcm-popover-box[id="dropdown-box-${this._id}"]`),n=l.findEventPath(e,c),s=l.findEventPath(e,o);if(n||s)return(n||s)&&(this.createBox(),this.isOpen=!0,this.dropdownLinkedComponent.emit(!0)),l.findEventPathHasAttribute(e,"data-dismiss")?(this.isOpen=!1,void this.dropdownLinkedComponent.emit(!1)):void 0;this.isOpen=!1}checkClick(){this.getPopoverBox()&&(this.isOpen=!this.isOpen,this.isOpen?this.getPopoverBox().show():this.getPopoverBox().hide())}getPopoverBox(){return this.createBox(),document.querySelector(`bcm-popover-box[id="dropdown-box-${this._id}"]`)}render(){const{size:e,kind:o,disabled:s,icon:r,color:l,href:t,target:i,loading:b,type:m,variant:a,fullWidth:w}=this,f=d("bcm-dropdown","bcm-dropdown__type-"+m,{"full-width":w,"no-style":this.noStyle,hidden:this.hidden||this.linkedComponent}),h=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s&&{disabled:s}),b&&{loading:b}),o&&{kind:o}),e&&{size:e}),a&&{variant:a}),l&&{color:l}),p=d("bcm-dropdown__icon",{"bcm-dropdown__icon--open":this.isOpen}),u=c("span",{class:p},c("bcm-icon",{icon:this.dropdownIcon}));return c(n,{class:f,onClick:()=>this.checkClick()},c("span",{hidden:!0},c("slot",null)),this.noStyle&&c("slot",null),!this.noStyle&&c("bcm-button",Object.assign({class:"main-button",id:`${this._id}-button`},h,r&&{icon:r},t&&"split"===m&&{href:t},i&&"split"===m&&{target:i},w&&{fullWidth:w}),c("slot",null),"dropdown"===m&&u),!this.noStyle&&"split"===m&&c("bcm-button",Object.assign({id:`${this._id}-button-split`,class:"split-button"},h),u),this.data&&this.data.length>0&&c("bcm-menu",{id:`${this._id}-menu`,"linked-component":`${this._id}-button${"split"===m?"-split":""}`,data:this.data,"on-bcm-open":e=>this.isOpen=e.detail,"on-bcm-click":e=>this.bcmClick.emit(e.detail),placement:this.placement||"dropdown"===m?"bottom-start":"bottom-end","max-height":this.maxHeight,"min-height":this.minHeight,height:this.height}))}get el(){return s(this)}static get watchers(){return{data:["dataChanged"],isOpen:["isOpenChanged"]}}};i([r("data")],b.prototype,"data",void 0),i([r("data",!0)],b.prototype,"dataChanged",null),b.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .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}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:root{--bcm-new-ds-color-inherit:inherit;--bcm-new-ds-color-current:currentColor;--bcm-new-ds-color-transparent:transparent;--bcm-new-ds-color-black:#000;--bcm-new-ds-color-white:#fff;--bcm-new-ds-color-slate:#64748b;--bcm-new-ds-color-slate-50:#f8fafc;--bcm-new-ds-color-slate-100:#f1f5f9;--bcm-new-ds-color-slate-200:#e2e8f0;--bcm-new-ds-color-slate-300:#cbd5e1;--bcm-new-ds-color-slate-400:#94a3b8;--bcm-new-ds-color-slate-500:#64748b;--bcm-new-ds-color-slate-600:#475569;--bcm-new-ds-color-slate-700:#334155;--bcm-new-ds-color-slate-800:#1e293b;--bcm-new-ds-color-slate-900:#0f172a;--bcm-new-ds-color-gray:#6b7280;--bcm-new-ds-color-gray-50:#f9fafb;--bcm-new-ds-color-gray-100:#f3f4f6;--bcm-new-ds-color-gray-200:#e5e7eb;--bcm-new-ds-color-gray-300:#d1d5db;--bcm-new-ds-color-gray-400:#9ca3af;--bcm-new-ds-color-gray-500:#6b7280;--bcm-new-ds-color-gray-600:#4b5563;--bcm-new-ds-color-gray-700:#374151;--bcm-new-ds-color-gray-800:#1f2937;--bcm-new-ds-color-gray-900:#111827;--bcm-new-ds-color-zinc:#71717a;--bcm-new-ds-color-zinc-50:#fafafa;--bcm-new-ds-color-zinc-100:#f4f4f5;--bcm-new-ds-color-zinc-200:#e4e4e7;--bcm-new-ds-color-zinc-300:#d4d4d8;--bcm-new-ds-color-zinc-400:#a1a1aa;--bcm-new-ds-color-zinc-500:#71717a;--bcm-new-ds-color-zinc-600:#52525b;--bcm-new-ds-color-zinc-700:#3f3f46;--bcm-new-ds-color-zinc-800:#27272a;--bcm-new-ds-color-zinc-900:#18181b;--bcm-new-ds-color-neutral:#737373;--bcm-new-ds-color-neutral-50:#fafafa;--bcm-new-ds-color-neutral-100:#f5f5f5;--bcm-new-ds-color-neutral-200:#e5e5e5;--bcm-new-ds-color-neutral-300:#d4d4d4;--bcm-new-ds-color-neutral-400:#a3a3a3;--bcm-new-ds-color-neutral-500:#737373;--bcm-new-ds-color-neutral-600:#525252;--bcm-new-ds-color-neutral-700:#404040;--bcm-new-ds-color-neutral-800:#262626;--bcm-new-ds-color-neutral-900:#171717;--bcm-new-ds-color-stone:#78716c;--bcm-new-ds-color-stone-50:#fafaf9;--bcm-new-ds-color-stone-100:#f5f5f4;--bcm-new-ds-color-stone-200:#e7e5e4;--bcm-new-ds-color-stone-300:#d6d3d1;--bcm-new-ds-color-stone-400:#a8a29e;--bcm-new-ds-color-stone-500:#78716c;--bcm-new-ds-color-stone-600:#57534e;--bcm-new-ds-color-stone-700:#44403c;--bcm-new-ds-color-stone-800:#292524;--bcm-new-ds-color-stone-900:#1c1917;--bcm-new-ds-color-red:#ef4444;--bcm-new-ds-color-red-50:#fef2f2;--bcm-new-ds-color-red-100:#fee2e2;--bcm-new-ds-color-red-200:#fecaca;--bcm-new-ds-color-red-300:#fca5a5;--bcm-new-ds-color-red-400:#f87171;--bcm-new-ds-color-red-500:#ef4444;--bcm-new-ds-color-red-600:#dc2626;--bcm-new-ds-color-red-700:#b91c1c;--bcm-new-ds-color-red-800:#991b1b;--bcm-new-ds-color-red-900:#7f1d1d;--bcm-new-ds-color-orange:#f97316;--bcm-new-ds-color-orange-50:#fff7ed;--bcm-new-ds-color-orange-100:#ffedd5;--bcm-new-ds-color-orange-200:#fed7aa;--bcm-new-ds-color-orange-300:#fdba74;--bcm-new-ds-color-orange-400:#fb923c;--bcm-new-ds-color-orange-500:#f97316;--bcm-new-ds-color-orange-600:#ea580c;--bcm-new-ds-color-orange-700:#c2410c;--bcm-new-ds-color-orange-800:#9a3412;--bcm-new-ds-color-orange-900:#7c2d12;--bcm-new-ds-color-amber:#f59e0b;--bcm-new-ds-color-amber-50:#fffbeb;--bcm-new-ds-color-amber-100:#fef3c7;--bcm-new-ds-color-amber-200:#fde68a;--bcm-new-ds-color-amber-300:#fcd34d;--bcm-new-ds-color-amber-400:#fbbf24;--bcm-new-ds-color-amber-500:#f59e0b;--bcm-new-ds-color-amber-600:#d97706;--bcm-new-ds-color-amber-700:#b45309;--bcm-new-ds-color-amber-800:#92400e;--bcm-new-ds-color-amber-900:#78350f;--bcm-new-ds-color-yellow:#eab308;--bcm-new-ds-color-yellow-50:#fefce8;--bcm-new-ds-color-yellow-100:#fef9c3;--bcm-new-ds-color-yellow-200:#fef08a;--bcm-new-ds-color-yellow-300:#fde047;--bcm-new-ds-color-yellow-400:#facc15;--bcm-new-ds-color-yellow-500:#eab308;--bcm-new-ds-color-yellow-600:#ca8a04;--bcm-new-ds-color-yellow-700:#a16207;--bcm-new-ds-color-yellow-800:#854d0e;--bcm-new-ds-color-yellow-900:#713f12;--bcm-new-ds-color-lime:#84cc16;--bcm-new-ds-color-lime-50:#f7fee7;--bcm-new-ds-color-lime-100:#ecfccb;--bcm-new-ds-color-lime-200:#d9f99d;--bcm-new-ds-color-lime-300:#bef264;--bcm-new-ds-color-lime-400:#a3e635;--bcm-new-ds-color-lime-500:#84cc16;--bcm-new-ds-color-lime-600:#65a30d;--bcm-new-ds-color-lime-700:#4d7c0f;--bcm-new-ds-color-lime-800:#3f6212;--bcm-new-ds-color-lime-900:#365314;--bcm-new-ds-color-green:#22c55e;--bcm-new-ds-color-green-50:#f0fdf4;--bcm-new-ds-color-green-100:#dcfce7;--bcm-new-ds-color-green-200:#bbf7d0;--bcm-new-ds-color-green-300:#86efac;--bcm-new-ds-color-green-400:#4ade80;--bcm-new-ds-color-green-500:#22c55e;--bcm-new-ds-color-green-600:#16a34a;--bcm-new-ds-color-green-700:#15803d;--bcm-new-ds-color-green-800:#166534;--bcm-new-ds-color-green-900:#14532d;--bcm-new-ds-color-emerald:#10b981;--bcm-new-ds-color-emerald-50:#ecfdf5;--bcm-new-ds-color-emerald-100:#d1fae5;--bcm-new-ds-color-emerald-200:#a7f3d0;--bcm-new-ds-color-emerald-300:#6ee7b7;--bcm-new-ds-color-emerald-400:#34d399;--bcm-new-ds-color-emerald-500:#10b981;--bcm-new-ds-color-emerald-600:#059669;--bcm-new-ds-color-emerald-700:#047857;--bcm-new-ds-color-emerald-800:#065f46;--bcm-new-ds-color-emerald-900:#064e3b;--bcm-new-ds-color-teal:#14b8a6;--bcm-new-ds-color-teal-50:#f0fdfa;--bcm-new-ds-color-teal-100:#ccfbf1;--bcm-new-ds-color-teal-200:#99f6e4;--bcm-new-ds-color-teal-300:#5eead4;--bcm-new-ds-color-teal-400:#2dd4bf;--bcm-new-ds-color-teal-500:#14b8a6;--bcm-new-ds-color-teal-600:#0d9488;--bcm-new-ds-color-teal-700:#0f766e;--bcm-new-ds-color-teal-800:#115e59;--bcm-new-ds-color-teal-900:#134e4a;--bcm-new-ds-color-cyan:#06b6d4;--bcm-new-ds-color-cyan-50:#ecfeff;--bcm-new-ds-color-cyan-100:#cffafe;--bcm-new-ds-color-cyan-200:#a5f3fc;--bcm-new-ds-color-cyan-300:#67e8f9;--bcm-new-ds-color-cyan-400:#22d3ee;--bcm-new-ds-color-cyan-500:#06b6d4;--bcm-new-ds-color-cyan-600:#0891b2;--bcm-new-ds-color-cyan-700:#0e7490;--bcm-new-ds-color-cyan-800:#155e75;--bcm-new-ds-color-cyan-900:#164e63;--bcm-new-ds-color-sky:#0ea5e9;--bcm-new-ds-color-sky-50:#f0f9ff;--bcm-new-ds-color-sky-100:#e0f2fe;--bcm-new-ds-color-sky-200:#bae6fd;--bcm-new-ds-color-sky-300:#7dd3fc;--bcm-new-ds-color-sky-400:#38bdf8;--bcm-new-ds-color-sky-500:#0ea5e9;--bcm-new-ds-color-sky-600:#0284c7;--bcm-new-ds-color-sky-700:#0369a1;--bcm-new-ds-color-sky-800:#075985;--bcm-new-ds-color-sky-900:#0c4a6e;--bcm-new-ds-color-blue:#3b82f6;--bcm-new-ds-color-blue-50:#eff6ff;--bcm-new-ds-color-blue-100:#dbeafe;--bcm-new-ds-color-blue-200:#bfdbfe;--bcm-new-ds-color-blue-300:#93c5fd;--bcm-new-ds-color-blue-400:#60a5fa;--bcm-new-ds-color-blue-500:#3b82f6;--bcm-new-ds-color-blue-600:#2563eb;--bcm-new-ds-color-blue-700:#1d4ed8;--bcm-new-ds-color-blue-800:#1e40af;--bcm-new-ds-color-blue-900:#1e3a8a;--bcm-new-ds-color-indigo:#6366f1;--bcm-new-ds-color-indigo-50:#eef2ff;--bcm-new-ds-color-indigo-100:#e0e7ff;--bcm-new-ds-color-indigo-200:#c7d2fe;--bcm-new-ds-color-indigo-300:#a5b4fc;--bcm-new-ds-color-indigo-400:#818cf8;--bcm-new-ds-color-indigo-500:#6366f1;--bcm-new-ds-color-indigo-600:#4f46e5;--bcm-new-ds-color-indigo-700:#4338ca;--bcm-new-ds-color-indigo-800:#3730a3;--bcm-new-ds-color-indigo-900:#312e81;--bcm-new-ds-color-violet:#8b5cf6;--bcm-new-ds-color-violet-50:#f5f3ff;--bcm-new-ds-color-violet-100:#ede9fe;--bcm-new-ds-color-violet-200:#ddd6fe;--bcm-new-ds-color-violet-300:#c4b5fd;--bcm-new-ds-color-violet-400:#a78bfa;--bcm-new-ds-color-violet-500:#8b5cf6;--bcm-new-ds-color-violet-600:#7c3aed;--bcm-new-ds-color-violet-700:#6d28d9;--bcm-new-ds-color-violet-800:#5b21b6;--bcm-new-ds-color-violet-900:#4c1d95;--bcm-new-ds-color-purple:#a855f7;--bcm-new-ds-color-purple-50:#faf5ff;--bcm-new-ds-color-purple-100:#f3e8ff;--bcm-new-ds-color-purple-200:#e9d5ff;--bcm-new-ds-color-purple-300:#d8b4fe;--bcm-new-ds-color-purple-400:#c084fc;--bcm-new-ds-color-purple-500:#a855f7;--bcm-new-ds-color-purple-600:#9333ea;--bcm-new-ds-color-purple-700:#7e22ce;--bcm-new-ds-color-purple-800:#6b21a8;--bcm-new-ds-color-purple-900:#581c87;--bcm-new-ds-color-fuchsia:#d946ef;--bcm-new-ds-color-fuchsia-50:#fdf4ff;--bcm-new-ds-color-fuchsia-100:#fae8ff;--bcm-new-ds-color-fuchsia-200:#f5d0fe;--bcm-new-ds-color-fuchsia-300:#f0abfc;--bcm-new-ds-color-fuchsia-400:#e879f9;--bcm-new-ds-color-fuchsia-500:#d946ef;--bcm-new-ds-color-fuchsia-600:#c026d3;--bcm-new-ds-color-fuchsia-700:#a21caf;--bcm-new-ds-color-fuchsia-800:#86198f;--bcm-new-ds-color-fuchsia-900:#701a75;--bcm-new-ds-color-pink:#ec4899;--bcm-new-ds-color-pink-50:#fdf2f8;--bcm-new-ds-color-pink-100:#fce7f3;--bcm-new-ds-color-pink-200:#fbcfe8;--bcm-new-ds-color-pink-300:#f9a8d4;--bcm-new-ds-color-pink-400:#f472b6;--bcm-new-ds-color-pink-500:#ec4899;--bcm-new-ds-color-pink-600:#db2777;--bcm-new-ds-color-pink-700:#be185d;--bcm-new-ds-color-pink-800:#9d174d;--bcm-new-ds-color-pink-900:#831843;--bcm-new-ds-color-rose:#f43f5e;--bcm-new-ds-color-rose-50:#fff1f2;--bcm-new-ds-color-rose-100:#ffe4e6;--bcm-new-ds-color-rose-200:#fecdd3;--bcm-new-ds-color-rose-300:#fda4af;--bcm-new-ds-color-rose-400:#fb7185;--bcm-new-ds-color-rose-500:#f43f5e;--bcm-new-ds-color-rose-600:#e11d48;--bcm-new-ds-color-rose-700:#be123c;--bcm-new-ds-color-rose-800:#9f1239;--bcm-new-ds-color-rose-900:#881337}*{box-sizing:border-box}.bcm-dropdown{width:fit-content;display:inline-flex;flex-direction:row}.bcm-dropdown.hidden{display:none}.bcm-dropdown.no-style{cursor:pointer}.bcm-dropdown.full-width{width:100%}.bcm-dropdown.full-width .bcm-button__container-text{flex:1;justify-content:space-between}.bcm-dropdown__type-split .main-button .bcm-button__container{border-top-right-radius:0;border-bottom-right-radius:0}.bcm-dropdown__type-split .split-button .bcm-button__container{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:1px;min-width:auto}.bcm-dropdown__icon{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;transform:rotate(0deg);transition:transform 0.2s ease}.bcm-dropdown__icon--open{transform:rotate(180deg)}';export{b as bcm_dropdown}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{c as t}from"./p-
|
|
5
|
+
import{c as t}from"./p-be904c55.js";import{G as e,s}from"./p-45c40d0f.js";const{state:a}=t({value:new Map,setData:{}}),c={removeState:t=>{a.value.delete(t)},getValue:t=>s((()=>a.value.get(t)),{}),setValue:t=>{const s=Object.assign(Object.assign({},t),{steps:t.steps&&t.steps.length>0&&t.steps.filter((t=>!t.hidden)).map(((s,a)=>({id:s.id||e.UID(),title:s.title||s._title||"Step "+(a+1),description:s.description||"",status:s.status||"default",disabled:t.linear?0!=a:s.disabled||!1,icon:s.icon||void 0,valid:s.valid||!0,loading:s.loading||!1,index:a+1,active:t.linear?0==a:t.active===a+1,isLast:a===t.steps.length-1,statusIcon:t.icon,headerHidden:s.hidden})))});a.value.set(t.id,s)},changeActiveStep:(t,e)=>{const s=a.value.get(t);s&&(s.active=e,s.steps=s.steps.map(((t,s)=>Object.assign(Object.assign({},t),{active:s===e-1}))))},getActiveIndex:t=>s((()=>a.value.get(t).active),0),changeStepStatus:(t,s,c)=>{const i=a.value.get(t);i&&i.steps&&(i.steps=i.steps.map((t=>Object.assign(Object.assign({},t),{status:t.id===s?c:t.status}))),i.el.tick=e.UID())},changeStepDisabled:(t,s,c)=>{const i=a.value.get(t);i&&i.steps&&(i.steps=i.steps.map((t=>Object.assign(Object.assign({},t),{disabled:t.id===s?c:t.disabled}))),i.el.tick=e.UID())},stepperReset:t=>{const s=a.value.get(t);s&&(s.active=1,s.steps=s.steps.map(((t,e)=>Object.assign(Object.assign({},t),{active:0===e,status:"default",disabled:0!==e,loading:!1}))),s.el.tick=e.UID())},setActiveIndex:(t,e)=>a.value.get(t).active=e};export{c as s}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{r as e,h as i,H as t,g as c,c as o}from"./p-c34df481.js";import{c as s}from"./p-af4b55d4.js";import{G as n}from"./p-c8db15b2.js";import{B as r}from"./p-4b855876.js";import{c as h,d as a}from"./p-8c018ae0.js";import"./p-de7b0fe7.js";const l=class{constructor(i){e(this,i),this._id=n.UID(),this.checked=!0,this.indeterminate=null,this.disabled=!1,this.hidden=!1,this.required=!1,this.readOnly=!1,this.captionType=r.Status.default}render(){const{disabled:e,checked:c,readOnly:o,required:n,indeterminate:h,hidden:a,captionType:l,_id:d}=this,b=s("bcm-checkbox","bcm-checkbox-size-medium",{error:l==r.Status.error,hidden:a,checked:c,disabled:e,required:n}),m=s("bcm-checkbox__label-icon","bcm-checkbox__label-icon-lite","bcm-checkbox__label-icon-"+h,{"bcm-checkbox__label-icon-checked":c}),p=s("bcm-checkbox__label"),x=s("bcm-checkbox__input");return i(t,{class:b,style:{margin:"0"}},i("div",{class:x,style:{"padding-top":"5px"}},i("input",{id:d,type:"checkbox",checked:c,disabled:e,required:n,readOnly:o}),i("label",{class:p,htmlFor:d},i("span",{class:m},i("div",{style:{height:"12px","min-height":"12px",width:"12px","min-width":"12px"}},i("svg",{class:"bcm-icon-lite",width:"100%",height:"100%",viewBox:"0 0 11 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M1.91308 4.03516H1.91326C1.99256 4.03525 2.07081 4.05331 2.14213 4.08798C2.21341 4.12262 2.27591 4.17295 2.32497 4.2352L1.91308 4.03516ZM1.91308 4.03516H1.09394C0.890308 4.03516 0.776602 4.26975 0.902321 4.4292L0.902371 4.42927L4.11214 8.49567L4.11218 8.49573C4.32247 8.76188 4.72568 8.76114 4.93667 8.49617L4.93708 8.49566L10.6597 1.24398C10.6598 1.24378 10.66 1.24358 10.6602 1.24338C10.7884 1.08295 10.6699 0.85 10.4689 0.85H9.6498C9.48941 0.85 9.33668 0.9235 9.2376 1.05044C9.23751 1.05055 9.23742 1.05066 9.23734 1.05077L4.52403 7.02157M1.91308 4.03516L4.52403 7.02157M4.52403 7.02157L2.32506 4.23531L4.52403 7.02157Z",fill:"#ffffff"})))))))}get el(){return c(this)}};l.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .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}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:root{--bcm-new-ds-color-inherit:inherit;--bcm-new-ds-color-current:currentColor;--bcm-new-ds-color-transparent:transparent;--bcm-new-ds-color-black:#000;--bcm-new-ds-color-white:#fff;--bcm-new-ds-color-slate:#64748b;--bcm-new-ds-color-slate-50:#f8fafc;--bcm-new-ds-color-slate-100:#f1f5f9;--bcm-new-ds-color-slate-200:#e2e8f0;--bcm-new-ds-color-slate-300:#cbd5e1;--bcm-new-ds-color-slate-400:#94a3b8;--bcm-new-ds-color-slate-500:#64748b;--bcm-new-ds-color-slate-600:#475569;--bcm-new-ds-color-slate-700:#334155;--bcm-new-ds-color-slate-800:#1e293b;--bcm-new-ds-color-slate-900:#0f172a;--bcm-new-ds-color-gray:#6b7280;--bcm-new-ds-color-gray-50:#f9fafb;--bcm-new-ds-color-gray-100:#f3f4f6;--bcm-new-ds-color-gray-200:#e5e7eb;--bcm-new-ds-color-gray-300:#d1d5db;--bcm-new-ds-color-gray-400:#9ca3af;--bcm-new-ds-color-gray-500:#6b7280;--bcm-new-ds-color-gray-600:#4b5563;--bcm-new-ds-color-gray-700:#374151;--bcm-new-ds-color-gray-800:#1f2937;--bcm-new-ds-color-gray-900:#111827;--bcm-new-ds-color-zinc:#71717a;--bcm-new-ds-color-zinc-50:#fafafa;--bcm-new-ds-color-zinc-100:#f4f4f5;--bcm-new-ds-color-zinc-200:#e4e4e7;--bcm-new-ds-color-zinc-300:#d4d4d8;--bcm-new-ds-color-zinc-400:#a1a1aa;--bcm-new-ds-color-zinc-500:#71717a;--bcm-new-ds-color-zinc-600:#52525b;--bcm-new-ds-color-zinc-700:#3f3f46;--bcm-new-ds-color-zinc-800:#27272a;--bcm-new-ds-color-zinc-900:#18181b;--bcm-new-ds-color-neutral:#737373;--bcm-new-ds-color-neutral-50:#fafafa;--bcm-new-ds-color-neutral-100:#f5f5f5;--bcm-new-ds-color-neutral-200:#e5e5e5;--bcm-new-ds-color-neutral-300:#d4d4d4;--bcm-new-ds-color-neutral-400:#a3a3a3;--bcm-new-ds-color-neutral-500:#737373;--bcm-new-ds-color-neutral-600:#525252;--bcm-new-ds-color-neutral-700:#404040;--bcm-new-ds-color-neutral-800:#262626;--bcm-new-ds-color-neutral-900:#171717;--bcm-new-ds-color-stone:#78716c;--bcm-new-ds-color-stone-50:#fafaf9;--bcm-new-ds-color-stone-100:#f5f5f4;--bcm-new-ds-color-stone-200:#e7e5e4;--bcm-new-ds-color-stone-300:#d6d3d1;--bcm-new-ds-color-stone-400:#a8a29e;--bcm-new-ds-color-stone-500:#78716c;--bcm-new-ds-color-stone-600:#57534e;--bcm-new-ds-color-stone-700:#44403c;--bcm-new-ds-color-stone-800:#292524;--bcm-new-ds-color-stone-900:#1c1917;--bcm-new-ds-color-red:#ef4444;--bcm-new-ds-color-red-50:#fef2f2;--bcm-new-ds-color-red-100:#fee2e2;--bcm-new-ds-color-red-200:#fecaca;--bcm-new-ds-color-red-300:#fca5a5;--bcm-new-ds-color-red-400:#f87171;--bcm-new-ds-color-red-500:#ef4444;--bcm-new-ds-color-red-600:#dc2626;--bcm-new-ds-color-red-700:#b91c1c;--bcm-new-ds-color-red-800:#991b1b;--bcm-new-ds-color-red-900:#7f1d1d;--bcm-new-ds-color-orange:#f97316;--bcm-new-ds-color-orange-50:#fff7ed;--bcm-new-ds-color-orange-100:#ffedd5;--bcm-new-ds-color-orange-200:#fed7aa;--bcm-new-ds-color-orange-300:#fdba74;--bcm-new-ds-color-orange-400:#fb923c;--bcm-new-ds-color-orange-500:#f97316;--bcm-new-ds-color-orange-600:#ea580c;--bcm-new-ds-color-orange-700:#c2410c;--bcm-new-ds-color-orange-800:#9a3412;--bcm-new-ds-color-orange-900:#7c2d12;--bcm-new-ds-color-amber:#f59e0b;--bcm-new-ds-color-amber-50:#fffbeb;--bcm-new-ds-color-amber-100:#fef3c7;--bcm-new-ds-color-amber-200:#fde68a;--bcm-new-ds-color-amber-300:#fcd34d;--bcm-new-ds-color-amber-400:#fbbf24;--bcm-new-ds-color-amber-500:#f59e0b;--bcm-new-ds-color-amber-600:#d97706;--bcm-new-ds-color-amber-700:#b45309;--bcm-new-ds-color-amber-800:#92400e;--bcm-new-ds-color-amber-900:#78350f;--bcm-new-ds-color-yellow:#eab308;--bcm-new-ds-color-yellow-50:#fefce8;--bcm-new-ds-color-yellow-100:#fef9c3;--bcm-new-ds-color-yellow-200:#fef08a;--bcm-new-ds-color-yellow-300:#fde047;--bcm-new-ds-color-yellow-400:#facc15;--bcm-new-ds-color-yellow-500:#eab308;--bcm-new-ds-color-yellow-600:#ca8a04;--bcm-new-ds-color-yellow-700:#a16207;--bcm-new-ds-color-yellow-800:#854d0e;--bcm-new-ds-color-yellow-900:#713f12;--bcm-new-ds-color-lime:#84cc16;--bcm-new-ds-color-lime-50:#f7fee7;--bcm-new-ds-color-lime-100:#ecfccb;--bcm-new-ds-color-lime-200:#d9f99d;--bcm-new-ds-color-lime-300:#bef264;--bcm-new-ds-color-lime-400:#a3e635;--bcm-new-ds-color-lime-500:#84cc16;--bcm-new-ds-color-lime-600:#65a30d;--bcm-new-ds-color-lime-700:#4d7c0f;--bcm-new-ds-color-lime-800:#3f6212;--bcm-new-ds-color-lime-900:#365314;--bcm-new-ds-color-green:#22c55e;--bcm-new-ds-color-green-50:#f0fdf4;--bcm-new-ds-color-green-100:#dcfce7;--bcm-new-ds-color-green-200:#bbf7d0;--bcm-new-ds-color-green-300:#86efac;--bcm-new-ds-color-green-400:#4ade80;--bcm-new-ds-color-green-500:#22c55e;--bcm-new-ds-color-green-600:#16a34a;--bcm-new-ds-color-green-700:#15803d;--bcm-new-ds-color-green-800:#166534;--bcm-new-ds-color-green-900:#14532d;--bcm-new-ds-color-emerald:#10b981;--bcm-new-ds-color-emerald-50:#ecfdf5;--bcm-new-ds-color-emerald-100:#d1fae5;--bcm-new-ds-color-emerald-200:#a7f3d0;--bcm-new-ds-color-emerald-300:#6ee7b7;--bcm-new-ds-color-emerald-400:#34d399;--bcm-new-ds-color-emerald-500:#10b981;--bcm-new-ds-color-emerald-600:#059669;--bcm-new-ds-color-emerald-700:#047857;--bcm-new-ds-color-emerald-800:#065f46;--bcm-new-ds-color-emerald-900:#064e3b;--bcm-new-ds-color-teal:#14b8a6;--bcm-new-ds-color-teal-50:#f0fdfa;--bcm-new-ds-color-teal-100:#ccfbf1;--bcm-new-ds-color-teal-200:#99f6e4;--bcm-new-ds-color-teal-300:#5eead4;--bcm-new-ds-color-teal-400:#2dd4bf;--bcm-new-ds-color-teal-500:#14b8a6;--bcm-new-ds-color-teal-600:#0d9488;--bcm-new-ds-color-teal-700:#0f766e;--bcm-new-ds-color-teal-800:#115e59;--bcm-new-ds-color-teal-900:#134e4a;--bcm-new-ds-color-cyan:#06b6d4;--bcm-new-ds-color-cyan-50:#ecfeff;--bcm-new-ds-color-cyan-100:#cffafe;--bcm-new-ds-color-cyan-200:#a5f3fc;--bcm-new-ds-color-cyan-300:#67e8f9;--bcm-new-ds-color-cyan-400:#22d3ee;--bcm-new-ds-color-cyan-500:#06b6d4;--bcm-new-ds-color-cyan-600:#0891b2;--bcm-new-ds-color-cyan-700:#0e7490;--bcm-new-ds-color-cyan-800:#155e75;--bcm-new-ds-color-cyan-900:#164e63;--bcm-new-ds-color-sky:#0ea5e9;--bcm-new-ds-color-sky-50:#f0f9ff;--bcm-new-ds-color-sky-100:#e0f2fe;--bcm-new-ds-color-sky-200:#bae6fd;--bcm-new-ds-color-sky-300:#7dd3fc;--bcm-new-ds-color-sky-400:#38bdf8;--bcm-new-ds-color-sky-500:#0ea5e9;--bcm-new-ds-color-sky-600:#0284c7;--bcm-new-ds-color-sky-700:#0369a1;--bcm-new-ds-color-sky-800:#075985;--bcm-new-ds-color-sky-900:#0c4a6e;--bcm-new-ds-color-blue:#3b82f6;--bcm-new-ds-color-blue-50:#eff6ff;--bcm-new-ds-color-blue-100:#dbeafe;--bcm-new-ds-color-blue-200:#bfdbfe;--bcm-new-ds-color-blue-300:#93c5fd;--bcm-new-ds-color-blue-400:#60a5fa;--bcm-new-ds-color-blue-500:#3b82f6;--bcm-new-ds-color-blue-600:#2563eb;--bcm-new-ds-color-blue-700:#1d4ed8;--bcm-new-ds-color-blue-800:#1e40af;--bcm-new-ds-color-blue-900:#1e3a8a;--bcm-new-ds-color-indigo:#6366f1;--bcm-new-ds-color-indigo-50:#eef2ff;--bcm-new-ds-color-indigo-100:#e0e7ff;--bcm-new-ds-color-indigo-200:#c7d2fe;--bcm-new-ds-color-indigo-300:#a5b4fc;--bcm-new-ds-color-indigo-400:#818cf8;--bcm-new-ds-color-indigo-500:#6366f1;--bcm-new-ds-color-indigo-600:#4f46e5;--bcm-new-ds-color-indigo-700:#4338ca;--bcm-new-ds-color-indigo-800:#3730a3;--bcm-new-ds-color-indigo-900:#312e81;--bcm-new-ds-color-violet:#8b5cf6;--bcm-new-ds-color-violet-50:#f5f3ff;--bcm-new-ds-color-violet-100:#ede9fe;--bcm-new-ds-color-violet-200:#ddd6fe;--bcm-new-ds-color-violet-300:#c4b5fd;--bcm-new-ds-color-violet-400:#a78bfa;--bcm-new-ds-color-violet-500:#8b5cf6;--bcm-new-ds-color-violet-600:#7c3aed;--bcm-new-ds-color-violet-700:#6d28d9;--bcm-new-ds-color-violet-800:#5b21b6;--bcm-new-ds-color-violet-900:#4c1d95;--bcm-new-ds-color-purple:#a855f7;--bcm-new-ds-color-purple-50:#faf5ff;--bcm-new-ds-color-purple-100:#f3e8ff;--bcm-new-ds-color-purple-200:#e9d5ff;--bcm-new-ds-color-purple-300:#d8b4fe;--bcm-new-ds-color-purple-400:#c084fc;--bcm-new-ds-color-purple-500:#a855f7;--bcm-new-ds-color-purple-600:#9333ea;--bcm-new-ds-color-purple-700:#7e22ce;--bcm-new-ds-color-purple-800:#6b21a8;--bcm-new-ds-color-purple-900:#581c87;--bcm-new-ds-color-fuchsia:#d946ef;--bcm-new-ds-color-fuchsia-50:#fdf4ff;--bcm-new-ds-color-fuchsia-100:#fae8ff;--bcm-new-ds-color-fuchsia-200:#f5d0fe;--bcm-new-ds-color-fuchsia-300:#f0abfc;--bcm-new-ds-color-fuchsia-400:#e879f9;--bcm-new-ds-color-fuchsia-500:#d946ef;--bcm-new-ds-color-fuchsia-600:#c026d3;--bcm-new-ds-color-fuchsia-700:#a21caf;--bcm-new-ds-color-fuchsia-800:#86198f;--bcm-new-ds-color-fuchsia-900:#701a75;--bcm-new-ds-color-pink:#ec4899;--bcm-new-ds-color-pink-50:#fdf2f8;--bcm-new-ds-color-pink-100:#fce7f3;--bcm-new-ds-color-pink-200:#fbcfe8;--bcm-new-ds-color-pink-300:#f9a8d4;--bcm-new-ds-color-pink-400:#f472b6;--bcm-new-ds-color-pink-500:#ec4899;--bcm-new-ds-color-pink-600:#db2777;--bcm-new-ds-color-pink-700:#be185d;--bcm-new-ds-color-pink-800:#9d174d;--bcm-new-ds-color-pink-900:#831843;--bcm-new-ds-color-rose:#f43f5e;--bcm-new-ds-color-rose-50:#fff1f2;--bcm-new-ds-color-rose-100:#ffe4e6;--bcm-new-ds-color-rose-200:#fecdd3;--bcm-new-ds-color-rose-300:#fda4af;--bcm-new-ds-color-rose-400:#fb7185;--bcm-new-ds-color-rose-500:#f43f5e;--bcm-new-ds-color-rose-600:#e11d48;--bcm-new-ds-color-rose-700:#be123c;--bcm-new-ds-color-rose-800:#9f1239;--bcm-new-ds-color-rose-900:#881337}*{box-sizing:border-box}.bcm-checkbox{outline:none;border:none;--bcm-checkbox-primary-color-default:var(--bcm-new-ds-color-blue-500);--bcm-checkbox-secondary-color-default:var(--bcm-new-ds-color-white);--bcm-checkbox-primary-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-checkbox-secondary-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-checkbox-secondary-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-active:var(--bcm-new-ds-color-blue-700);--bcm-checkbox-secondary-color-active:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-checkbox-secondary-color-disabled:var(--bcm-new-ds-color-slate-200);display:inline-flex;width:fit-content;flex-direction:column;margin-bottom:8px}.bcm-checkbox:focus,.bcm-checkbox:hover,.bcm-checkbox:active{outline:none;border:none}.bcm-checkbox *{box-sizing:border-box}.bcm-checkbox input[type=radio],.bcm-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0}.bcm-checkbox__input{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;padding-top:4px}.bcm-checkbox.hidden{display:none}.bcm-checkbox :hover{cursor:pointer}.bcm-checkbox[disabled] :hover{cursor:not-allowed}.bcm-checkbox .slot{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;color:var(--bcm-new-ds-color-slate-600)}.bcm-checkbox .slot:not(:empty){margin-left:8px;margin-right:8px}.bcm-checkbox-size-small .slot{font-size:12px;line-height:calc(12px + 8px);margin-top:-2.5px}.bcm-checkbox-size-small .bcm-checkbox__input{min-height:calc(24px - 4px)}.bcm-checkbox-size-small .bcm-checkbox__label-icon{width:14px;height:14px;min-width:14px;font-size:calc(10px - 2px)}.bcm-checkbox-size-medium .slot{font-size:calc(12px + 1px);line-height:calc(12px + 8px);margin-top:-1.5px}.bcm-checkbox-size-medium .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-medium .bcm-checkbox__label-icon{width:16px;height:16px;min-width:16px;font-size:10px}.bcm-checkbox-size-large .slot{font-size:16px;line-height:calc(16px + 8px);margin-top:-1.5px}.bcm-checkbox-size-large .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-large .bcm-checkbox__label-icon{width:18px;height:18px;min-width:18px;font-size:12px}.bcm-checkbox__label{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap}.bcm-checkbox__label-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;border-width:1px;border-style:solid;border-radius:2px}.bcm-checkbox__label-icon-indeterminate{position:relative}.bcm-checkbox__label-icon-indeterminate:after{content:"";display:block;position:absolute;width:70%;height:1.5px;background:var(--bcm-new-ds-color-white)}.bcm-checkbox__label-icon.bcm-radio__icon{width:16px;height:16px;box-sizing:border-box;border-radius:100px}.bcm-checkbox__label-icon.bcm-radio__icon .bcm-radio__icon-inner{width:10px;height:10px;border-radius:100px;background-color:var(--bcm-new-ds-color-white)}.bcm-checkbox .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-default);color:var(--bcm-checkbox-secondary-color-default);border-color:var(--bcm-new-ds-color-slate-300)}.bcm-checkbox .bcm-checkbox__label-icon-checked,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-default);border-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-default);background-color:var(--bcm-checkbox-secondary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox:hover .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-hover);color:var(--bcm-checkbox-secondary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-hover);background-color:var(--bcm-checkbox-secondary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-focus-visible);color:var(--bcm-checkbox-secondary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-focus-visible);background-color:var(--bcm-checkbox-secondary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:active .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-active);color:var(--bcm-checkbox-secondary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-active);background-color:var(--bcm-checkbox-secondary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-disabled);color:var(--bcm-checkbox-secondary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-disabled);background-color:var(--bcm-checkbox-secondary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[no-margin] .bcm-checkbox__input{margin:0;min-height:0;padding:0}';const d=class{constructor(i){e(this,i),this.hidden=!1,this.direction=r.Direction.horizontal}render(){const{hidden:e,direction:c}=this,o=s("bcm-divider","bcm-divider__direction-"+c,{hidden:e});return i(t,{class:o},i("span",{hidden:!0},i("slot",null)))}};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}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-divider{display:block}.bcm-divider.hidden{display:none}.bcm-divider__direction-horizontal{width:100%;height:1px;margin:4px auto;border-top:1px solid var(--bcm-color-grey-5)}.bcm-divider__direction-vertical{height:auto;width:1px;margin:0 4px;border-left:1px solid var(--bcm-color-grey-5)}';const b=e=>e.toLowerCase(),m=class{constructor(i){e(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 e=h(this.el,"bcm-listbox-item"),i=[];return e&&e.map((e=>{i.push(e.checked=!1)})),await Promise.all(i),this.checklist=[],this.sortedChecklist=[],this.checklistSorted=[],this.checkedObjectList=[],await a(10),Promise.resolve()}async resetCaption(){return await a(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await a(10),Promise.resolve()}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(e=!0){if(0==this.treeview&&1==this.search){this.showSearch=e;var i=null;(i=this.el.shadowRoot.getElementById("search"))&&(e?i.classList.remove("hidden"):i.classList.add("hidden"))}}async selected(e){this.selectedId=String(e),!0===this.treeview&&setTimeout((async()=>{const e=this.el.shadowRoot.querySelector("bcm-treeview");e&&await e.selected(this.selectedId)}),100)}async clearAndSelectSearch(e=!0){this.runClearAndSelect=!0,1==this.search&&setTimeout((()=>{var i=null;(i=this.el.shadowRoot.querySelector("bcm-old-search"))&&(i.setClear(),1==e&&i.select())}),100)}async addChecked(e){await this.setClear(),e&&"string"!=typeof e&&(await a(50),sessionStorage.getItem(this._internal_id+"-config")&&this.config(JSON.parse(sessionStorage.getItem(this._internal_id+"-config"))),this.checkedList=e,this.checkedList.forEach((e=>{this.handleListboxChecked({detail:String(e)},this._internal_id)})),this.updateCheckedList=[],!0===this.treeview&&setTimeout((async()=>{await customElements.whenDefined("bcm-treeview");const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&await i.addChecked(e)}),50))}async updateChecked(e){this.setClear(),this.checkedList=[],this.updateCheckedList=e,this.updateCheckedList.forEach((e=>{this.handleListboxChecked({detail:e})})),setTimeout((async()=>{if(!0===this.treeview){await customElements.whenDefined("bcm-treeview");const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&await i.updateChecked(e)}}),100)}async config(e){return e.treeview&&!0===e.treeview&&(this.treeview="boolean"==typeof e.treeview&&e.treeview),setTimeout((async()=>{if(!0===this.treeview){await customElements.whenDefined("bcm-treeview");const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&(await i.config(e),this.selectedId&&await i.selected(this.selectedId))}}),300),e.searchFields&&Array.isArray(e.searchFields)&&(this.searchFields=e.searchFields),e.searchPlaceholder&&(this.searchPlaceholder="string"==typeof e.searchPlaceholder?e.searchPlaceholder:null),e.maxHeight&&(this.maxHeight="string"==typeof e.maxHeight?e.maxHeight:"100%"),e.height&&(this.height="string"==typeof e.height?e.height:"100%"),e.template&&(this.template="string"==typeof e.template?e.template:null),e.searchable&&(this.search="boolean"==typeof e.searchable&&e.searchable),e.highlight&&(this.highlight="boolean"==typeof e.highlight&&e.highlight),e.fullWidth&&(this.fullWidth="boolean"==typeof e.fullWidth&&e.fullWidth),e.numberOfColumns&&(this.numberOfColumns="number"==typeof e.numberOfColumns?e.numberOfColumns:1),e.infoFooter&&(this.infoFooter="boolean"==typeof e.infoFooter&&e.infoFooter),e.checkable&&(this.checkboxes="boolean"==typeof e.checkable&&e.checkable),e.showIcon&&(this.showIcon="boolean"==typeof e.showIcon&&e.showIcon),e.size&&(this.size=["small","medium","large"].indexOf(e.size)>=0?e.size:"medium"),this.searchSub=this.objectMapping.items,e.mapping&&(e.mapping.id&&(this.objectMapping.id=String(e.mapping.id),this.returnField=this.objectMapping.id),e.mapping.text&&(this.objectMapping.text=e.mapping.text),e.mapping.icon&&(this.objectMapping.icon=e.mapping.icon),e.mapping.avatar&&(this.objectMapping.avatar=e.mapping.avatar),e.mapping.avatarName&&(this.objectMapping.avatarName=e.mapping.avatarName),e.mapping.avatarImage&&(this.objectMapping.avatarImage=e.mapping.avatarImage),e.mapping.secondaryText&&(this.objectMapping.secondaryText=e.mapping.secondaryText),e.mapping.tooltipText&&(this.objectMapping.tooltipText=e.mapping.tooltipText),e.mapping.disabled&&(this.objectMapping.disabled=e.mapping.disabled),e.mapping.checked&&(this.objectMapping.checked=e.mapping.checked),e.mapping.selected&&(this.objectMapping.selected=e.mapping.selected),e.mapping.items&&(this.objectMapping.items=e.mapping.items,this.searchSub=this.objectMapping.items)),sessionStorage.setItem(this._internal_id+"-config",JSON.stringify(e)),Promise.resolve(!0)}async setData(e=[]){this.clearAndSelectSearch(!1),this.isLoading(!0),this._items=e,this.searchData=JSON.parse(e),this.isSetData=!0,setTimeout((async()=>{if(!0===this.treeview){const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&(await i.setData(e),this.searchData.length>0&&(this.isEmpty(!1),this.isLoading(!1)))}}),100)}componentWillRender(){this.isSetData&&(this.onlyChilds=this.getAllGroup(this.el,!0),this.allChilds=this.getAllGroup(),this.onlyChilds.length!=this.total&&(this.total=this.onlyChilds.length),!0===this.checkboxes&&(this.setIndeterminateState(),this.checklistSorted.length>0?(this.checkedObjectList=[],this.getAllGroup(this.el).forEach((e=>{1==e.checked&&(this.firstCheck=!0,-1==this.checkedObjectList.indexOf(e.itemObject)&&this.checkedObjectList.push(e.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))))}componentDidRender(){this.isSetData&&(this.total>0?(this.isEmpty(!1),this.isLoading(!1)):this.isEmpty(!0))}setIndeterminateState(){let e="uncheck",i=!0,t=!0;this.getAllGroup(this.el,!0).map((e=>{e.checked&&(t=!1),!e.checked&&(i=!1)})),e=i||t?i?"determinate":"uncheck":"indeterminate",this.indeterminateState=e,this.checked="determinate"==e}getAllGroup(e=this.el,i=!1){let t=[],c=h(e,"bcm-listbox-group"),o=h(e,"bcm-listbox-item");return c.length>0&&c.forEach((e=>{-1===this.isGroupArray.indexOf(Number(e.id))&&this.isGroupArray.push(Number(e.id)),0==i&&(t=[...t,e]),h(e,"bcm-listbox-item").forEach((e=>{t.indexOf(e)>=0||(t=[...t,e])}))})),o.length>0&&o.forEach((e=>{t.indexOf(e)>=0||(t=[...t,e])})),t}getAllChilds(e=this.el,i=null){let t=[],c=[];return this._items&&"slot"!==i?this._items&&this._items.length>0&&(c=JSON.parse(this._items),c.map((e=>"group"===e.type?e.items.map((e=>t=[...t,e])):t=[...t,e]))):h(e,"bcm-listbox-item").forEach((e=>{t=[...t,e]})),t}handleCheckList(e="add",i){if(i=String(i),this.checkboxes&&this.items&&this.items.find((e=>e[this.objectMapping.id]==i))){switch(e){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((e=>e!==i))}let t=this.checklist.sort((function(e,i){return e-i}));this.sortedChecklist=this.checklist,this.checklistSorted=t}}handleIndeterminateClick(){let e="uncheck",i=!0,t=!0,c=[];this.getAllGroup(this.el,!0).map((e=>{!1===e.hidden&&(c.push(e),e.checked&&(t=!1),!e.checked&&(i=!1))})),e=i||t?i?"determinate":"uncheck":"indeterminate",c.map((i=>{"uncheck"!==e?(i.checked=!1,this.handleCheckList("remove",String(i.id))):(i.checked=!0,this.handleCheckList("add",String(i.id)))})),this.setIndeterminateState()}handleCheckboxClick(e){e.preventDefault()}itemRenderer(e){return e[this.objectMapping.id]&&String(this.selectedId)==String(e[this.objectMapping.id])&&this.listboxItemSelected.emit(e),i("bcm-listbox-item",Object.assign({_internal_id:this._internal_id,id:String(e[this.objectMapping.id]),text:e[this.objectMapping.text]},e[this.objectMapping.icon]&&{icon:e[this.objectMapping.icon]},e[this.objectMapping.avatar]&&{avatar:e[this.objectMapping.avatar]},e[this.objectMapping.avatarName]&&{avatarName:e[this.objectMapping.avatarName]},e[this.objectMapping.avatarImage]&&{avatarImage:e[this.objectMapping.avatarImage]},e[this.objectMapping.secondaryText]&&{secondaryText:e[this.objectMapping.secondaryText]},e[this.objectMapping.tooltipText]&&{tooltipText:e[this.objectMapping.tooltipText]},Boolean(e[this.objectMapping.checked])===Boolean(!0)&&{checked:Boolean(e[this.objectMapping.checked])},!0===e[this.objectMapping.disabled]&&{disabled:!0},Boolean(e[this.objectMapping.selected])===Boolean(!0)&&0==this.checkboxes&&{selected:Boolean(e[this.objectMapping.selected])},this.template&&{template:this.template},this.checkboxes&&{checkboxes:!0},this.size&&{size:this.size},{itemObject:e,objectMapping:this.objectMapping}))}recursiveGroupRenderer(e){return i("bcm-listbox-group",{id:e[this.objectMapping.id],text:e[this.objectMapping.text]},e.items.map((e=>"group"===e.type?this.recursiveGroupRenderer(e):this.itemRenderer(e))))}async searchResultMethod(e=[]){if(1==this.treeview){const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&i.searchResultMethod({detail:!(e.length>0)||e})}else this.listenSearchResult({detail:!(e.length>0)||e,isEvent:!0})}handleListboxSelected(e){this.listboxItemSelected.emit(e.detail)}isLoading(e){var i=this.el.shadowRoot.getElementById("bcm-listbox-list"),t=this.el.shadowRoot.getElementById("loading"),c=this.el.shadowRoot.querySelector("bcm-old-search");e?(c&&(c.disabled=!0),i&&i.classList.add("loading"),t&&t.classList.add("show")):(c&&(c.disabled=!1),i&&i.classList.remove("loading"),t&&t.classList.remove("show"))}isEmpty(e){var i=this.el.shadowRoot.getElementById("empty"),t=this.el.shadowRoot.getElementById("list-container"),c=this.el.shadowRoot.getElementById("checkall");e?(i&&i.classList.add("show"),t&&t.classList.add("hidden"),c&&c.classList.add("hidden")):(i&&i.classList.remove("show"),t&&t.classList.remove("hidden"),c&&c.classList.remove("hidden"))}isSearchCount(e=!1){if(this.infoFooter){var i=this.el.shadowRoot.getElementById("in-search"),t=this.el.shadowRoot.getElementById("in-total");!1!==e&&e>=0&&null!=e&&i&&t?(i.innerHTML=e,t.style.display="none"):(t.style.display="inline",i.innerHTML="")}}listenSearchResult(e){var i=e.path||e.composedPath&&e.composedPath();if(null==e.isEvent&&i&&null!=i.filter((e=>e._internal_id==this._internal_id))[0]){var t="";if(0==this.treeview){var c=e.detail.length;this.isEmpty(!1),this.intersection=[],e.detail.length>0?(-1==e.detail[0]&&(c=0,this.empty=!0,this.isEmpty(!0)),this.allChilds.length>0&&this.allChilds.map((i=>{this.highlight&&e.target.addEventListener("bcm-on-search-value",(async e=>{var c=i.shadowRoot.getElementById("text");if(c){if(t=await e.detail,c=(null==c?void 0:c.textContent)||(null==c?void 0:c.innerText)||"",t){var o=b(c),s=b(t),n=o.indexOf(s);n>=0&&(c=c.substring(0,n)+"<span class='highlight'>"+c.substring(n,n+t.length)+"</span>"+c.substring(n+t.length))}i.shadowRoot.getElementById("text").innerHTML=c}})),i.hidden=!0;var c=String(i.id);i.hidden=!(e.detail.indexOf(c)>=0)})),this.intersection=-1==e.detail[0]?[0]:e.detail.filter((e=>this.isGroupArray.includes(e)))):this.allChilds.length>0&&this.allChilds.map((e=>{e.hidden=!1})),(this.search||this.checkboxes)&&setTimeout((()=>{this.isSearchCount(c>=0?c:0),-1===e.detail[0]&&this.isSearchCount(0),!0===e.detail&&this.isSearchCount()}),100),!0===e.detail&&this.isEmpty(!1),this.runClearAndSelect&&(this.runClearAndSelect=!1,this.isSearchCount(!0))}}}parseItems(e){e&&(this.items="string"==typeof e?JSON.parse(e):e),this.handleChildProcess()}handleChange(e){this.change.emit(e),this.listboxChange.emit(e)}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(e){var i=e.path||e.composedPath&&e.composedPath();0==this.checkboxes&&i&&null!=i.filter((e=>e._internal_id==this._internal_id))[0]&&(this.value=e.detail,this.selectedId=String(e.detail[this.objectMapping.id]),this.listboxClearSelected.emit(e.detail))}handleListboxChecked(e,i=this._internal_id){var t=e.path||e.composedPath&&e.composedPath();(t&&null!=t.filter((e=>e._internal_id==this._internal_id))[0]||i==this._internal_id)&&(this.listboxSendCheck.emit(e.detail),this.handleCheckList("add",e.detail),this.setIndeterminateState())}handleListboxUnchecked(e,i=this._internal_id){var t=e.path||e.composedPath&&e.composedPath();(t&&null!=t.filter((e=>e._internal_id==this._internal_id))[0]||i==this._internal_id)&&(this.listboxSendUncheck.emit(e.detail),this.handleCheckList("remove",e.detail),this.setIndeterminateState())}async listboxUncheckedMethod(e,i=this._internal_id){if(this.treeview){await customElements.whenDefined("bcm-treeview");const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&await i.treeviewUncheckedMethod(e)}else this.handleListboxUnchecked({detail:e},i)}handleFocus(e=!1){this.onFocus=e}render(){const{innerComponent:e,label:c,required:o,treeview:n,searchText:r,checkboxes:h,search:a,size:l,fullWidth:d,total:b,indeterminateState:m,checked:p,checklist:x,searchData:g,searchFields:u,_flex:f,returnField:w,searchSub:v,infoFooter:k,showSearch:y,noCaption:z,caption:_,captionError:S,captionType:C}=this,T=s("bcm-listbox",{error:"error"==C,"full-width":d,flex:f}),j=s("listbox-item",{hidden:this.totalSearch>0}),L=s("listbox-item-container"),I=s("listbox-item-container-text-content",l,{"size-2":"small"===l||"medium"===l,"size-3":"large"===l}),N=s("list-container",{"column-1":this.numberOfColumns<=1,"column-2":2==this.numberOfColumns,"column-3":this.numberOfColumns>=3}),M={"grid-template-columns":this.numberOfColumns<=1?"1fr":"repeat("+this.numberOfColumns+", "+(210-10*this.numberOfColumns)+"px)"},F=s(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=s("size-1","input-caption","caption-"+C);return i(t,{class:F,style:O,"bcm-internal-id":this._internal_id},!e&&c&&i("div",null,i("bcm-label",{tooltip:this.tooltip,type:C,value:c,required:o})),!0===n&&i("bcm-treeview",{_internal_id:this._internal_id}),0==n&&i("div",{class:T,style:O},a&&i("div",{class:"search",id:"search",style:{display:"false"==String(y)?"none":"block"}},i("bcm-old-search",{_internal_id:this._internal_id,searchPlaceholder:this.searchPlaceholder,searchValue:r,"on-bcm-focus":()=>this.handleFocus(!0),"on-bcm-blur":()=>this.handleFocus(!1),data:g,returnField:w,searchFields:u,searchSub:v,clearable:!0}),i("bcm-divider",null)),i("div",{id:"bcm-listbox-list",class:"bcm-listbox-list loading",style:R},h&&i("div",{class:j,id:"checkall"},i("div",{class:L,onClick:()=>this.handleIndeterminateClick()},i("div",{class:"check-content"},"indeterminate"==m&&i("span",{class:"indeterminate"})||i("bcm-checkbox-lite",{onClick:e=>this.handleCheckboxClick(e),checked:p,"no-caption":!0})),i("div",{class:I},"Select All")),i("div",{class:"divider"},i("bcm-divider",null))),i("div",{id:"list-container",class:N,style:M},0!==this.items.length&&this.items.map((e=>"group"===e.type?this.recursiveGroupRenderer(e):this.itemRenderer(e)))),i("div",{id:"loading",class:"loading show"},i("bcm-icon",{class:"prefix",icon:"far fa-spinner-third fa-spin"})),i("div",{id:"empty",class:"empty"},i("bcm-empty",{size:"small",text:"No Data"}))),1==k&&i("div",{class:"bcm-listbox-footer"},i("bcm-text",{scale:"size-1",color:"grey-8"},x.length>0&&" ( "+x.length+" selected ) ","Total ",i("span",{id:"in-search"})," ",i("span",{id:"in-total"},b)," items found."))),!z&&i("div",{class:"caption-area"},"error"==C?i("span",{class:P}," ",S," "):_&&i("span",{class:P}," ",_," ")))}get el(){return c(this)}static get watchers(){return{_items:["parseItems"],value:["handleChange"]}}};m.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}: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 p=class{constructor(i){e(this,i),this._id=(4*Math.random()).toString(16).replace(".",""),this.hidden=!1}componentWillLoad(){this.text=this.text.toUpperCase()}render(){const{text:e}=this,c=s("listbox-group"),o=s("listbox-group-title"),n=s(this.hidden?"hidden":null);return i(t,{class:n},i("div",{class:c},i("div",{class:o},i("bcm-text",{scale:"size-2",color:"grey-1"}," ",e," ")),i("slot",null)))}};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}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}: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 x=class{constructor(i){e(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(e){e.preventDefault()}isInternal(e){var i=e.path||e.composedPath&&e.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(e){this.isInternal(e)&&(this.disabled||e.detail&&e.detail===this._id&&(this.checked=!0))}ListenListboxUncheck(e){this.isInternal(e)&&(this.disabled||e.detail&&e.detail===this._id&&(this.checked=!1))}handleListboxClearSelecteds(e){0==this.checkboxes&&this.isInternal(e)&&(this.disabled||e.detail&&(this.selected=e.detail===this.itemObject))}templateParser(e){for(var i,t=/{{([^}]+)}}/g,c=e;i=t.exec(c);)e=e.replace("{{"+i[1]+"}}",this.itemObject[i[1]]);return e}render(){const{display:e,focused:c,selected:o,size:n,showIcon:r,icon:h,checkboxes:a,_id:l,checked:d,text:b,avatarName:m,avatarImage:p,avatar:x,secondaryText:g,tooltipText:u}=this,f=s("listbox-item",{disabled:this.disabled,display:e}),w=s("listbox-item-container",{disabled:this.disabled,focus:c,selected:o}),v=s("listbox-item-container-text-content",n,{disabled:this.disabled,"size-2":"small"===n||"medium"===n,"size-3":"large"===n}),k=s(this.hidden?"hidden":null),y=s("listbox-item-container-html-content",n,{disabled:this.disabled,"size-2":"small"===n||"medium"===n,"size-3":"large"===n});return i(t,{class:k},i("div",{class:f},i("div",{class:w,onClick:()=>this.handleClick()},a&&i("div",{class:"check-content"},i("bcm-checkbox-lite",{id:"check-"+l,onClick:e=>this.handleCheckboxClick(e),checked:d,disabled:this.disabled})),this.template&&i("div",{class:y,title:u,innerHTML:this.templateParser(this.template)}),null==this.template&&i("div",{class:v,title:u},i("div",null,(x||m||p)&&i("div",{class:"avatar"},i("bcm-avatar",Object.assign({size:"small",name:b},m&&{name:m},p&&{image:p}))),r&&h&&i("bcm-icon",{class:"icon",icon:h}),b&&i("span",{id:"text"},b)||i("slot",null)),i("div",null,g&&i("div",{class:"secondaryText size-1"},g))))))}get el(){return c(this)}};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}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}: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 g=e=>e.toLowerCase(),u=class{constructor(i){e(this,i),this.bcmOnSearch=o(this,"bcm-on-search",7),this.bcmOnSearchValue=o(this,"bcm-on-search-value",7),this.data=[],this.searchFields=["text","value"],this.returnField="idx",this.searchSub=null,this.hidden=!1,this.onlyChild=!1,this.clearable=!1,this.searchValue="",this.searchPlaceholder="Search",this.disabled=!1,this._internal_id=(4*Math.random()).toString(16).replace(".",""),this.results=[]}getInput(){return this.el.shadowRoot.querySelector("bcm-old-input")}componentDidLoad(){this.getInput().clearable=this.clearable}listenBcmChange(e){e.stopPropagation()}async setValue(e){return await this.getInput().setValue(e),e}async select(){return await this.getInput().select(),this.bcmOnSearch.emit(!0),!0}async setClear(){return await this.getInput().setClear(),this.bcmOnSearch.emit(!0),!0}async searchArray(e,i=null){let t=this.searchFields,c=[];return i&&(this.searchFields=[i]),e.forEach((e=>{this.results=[],this.nestedSearch(this.data,e,!0),c.push(...this.results)})),this.searchFields=t,c}nestedSearch(e,i,t=!1){var c;return e&&e.map((e=>{this.searchFields.map((o=>{if(o in e)if(e[o]=g(String(e[o])),this.onlyChild)e[this.searchSub]?(s=this.nestedSearch(e[this.searchSub],i,t))&&(this.results.push(c=String(e[this.returnField])),this.results.push(s)):t?e[o]==g(String(i))&&this.results.push(c=String(e[this.returnField])):-1!==e[o].indexOf(g(i))&&this.results.push(c=String(e[this.returnField]));else{var s;e[this.searchSub]&&(s=this.nestedSearch(e[this.searchSub],i,t))&&(this.results.push(c=String(e[this.returnField])),this.results.push(s)),t?e[o]==g(String(i))&&this.results.push(c=String(e[this.returnField])):-1!==e[o].indexOf(g(i))&&this.results.push(c=String(e[this.returnField]))}}))})),c}inputChange(e){this.results=[],this.nestedSearch(this.data,e),this.results=Array.from(new Set(this.results)),e&&(this.results.length>0&&this.bcmOnSearch.emit(this.results)||this.bcmOnSearch.emit([-1]))||this.bcmOnSearch.emit(!0),this.bcmOnSearchValue.emit(e)}render(){const e=s(this.hidden?"hidden":null);return i(t,{class:e},i("bcm-old-input",{placeholder:this.searchPlaceholder,"no-caption":!0,"no-margin":!0,"full-width":!0,disabled:this.disabled,type:"search","on-bcm-change":e=>this.inputChange(e.detail),value:this.searchValue}))}get el(){return c(this)}static get watchers(){return{searchValue:["inputChange"]}}};u.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}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block}:host(.hidden){display:none}';const f=e=>e.toLowerCase(),w=class{constructor(i){e(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(e=[]){return this.clearAndSelectSearch(!1),this.isLoading(!0),this.isSetData=!0,this.checkedObjectList=[],this.selectedId=null,setTimeout((()=>{this._items=e,this.searchData=JSON.parse(e),this.calculateMinSizes(),this.handleChildProcess()}),100),Promise.resolve(!0)}async getChecklist(){return this.checkedObjectList}async getFavorites(){return this.getChildItem(this.el).forEach((e=>{1==e[this.objectMapping.favorite]&&(this.favIconOnlyChilds&&0==e[this.objectMapping.items].length&&this.favoriteList.indexOf(e.itemObject)<0&&this.favoriteList.push(e.itemObject),!this.favIconOnlyChilds&&this.favoriteList.indexOf(e.itemObject)<0&&this.favoriteList.push(e.itemObject))})),this.favoriteList}async selected(e){this.selectedId=e}async clearAndSelectSearch(e=!0){this.runClearAndSelect=!0,!0===this.search&&setTimeout((()=>{var i=null;(i=this.el.shadowRoot.querySelector("bcm-old-search"))&&(i.setClear(),1==e&&i.select())}),100)}async addChecked(e=[]){this.checkedList=e}async updateChecked(e=[]){this.updateCheckedList=e}async config(e){return e.maxHeight&&(this.maxHeight="string"==typeof e.maxHeight?e.maxHeight:"100%"),e.searchFields&&Array.isArray(e.searchFields)&&(this.searchFields=e.searchFields),e.searchable&&(this.search="boolean"==typeof e.searchable&&e.searchable),e.searchOnlyChild&&(this.searchOnlyChild="boolean"==typeof e.searchOnlyChild&&e.searchOnlyChild),e.searchPlaceholder&&(this.searchPlaceholder="string"==typeof e.searchPlaceholder?e.searchPlaceholder:null),e.fullWidth&&(this.fullWidth="boolean"==typeof e.fullWidth&&e.fullWidth),e.infoFooter&&(this.infoFooter="boolean"==typeof e.infoFooter&&e.infoFooter),e.highlight&&(this.highlight="boolean"==typeof e.highlight&&e.highlight),e.checkable&&(this.checkboxes="boolean"==typeof e.checkable&&e.checkable),e.showIcon&&(this.showIcon="boolean"==typeof e.showIcon&&e.showIcon),e.favIcon&&(this.favIcon="boolean"==typeof e.favIcon&&e.favIcon),e.favIconOnlyChilds&&(this.favIconOnlyChilds="boolean"==typeof e.favIconOnlyChilds&&e.favIconOnlyChilds),e.allOpen&&(this.allOpen="boolean"==typeof e.allOpen&&e.allOpen),this.allOpenCache=this.allOpen,e.size&&(this.size=["small","medium","large"].indexOf(e.size)>=0?e.size:"medium"),e.mapping&&(e.mapping.text&&(this.objectMapping.text=e.mapping.text),e.mapping.icon&&(this.objectMapping.icon=e.mapping.icon),e.mapping.id&&(this.objectMapping.id=e.mapping.id,this.returnField=this.objectMapping.id),e.mapping.items&&(this.objectMapping.items=e.mapping.items,this.searchSub=this.objectMapping.items),e.mapping.open&&(this.objectMapping.open=e.mapping.open),e.mapping.selected&&(this.objectMapping.selected=e.mapping.selected),e.mapping.checked&&(this.objectMapping.checked=e.mapping.checked),e.mapping.tooltipText&&(this.objectMapping.tooltipText=e.mapping.tooltipText),e.mapping.disabled&&(this.objectMapping.disabled=e.mapping.disabled),e.mapping.favorite&&(this.objectMapping.favorite=e.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((e=>{1==e.checked&&this.checkedObjectList.indexOf(e.itemObject)<0&&this.checkedObjectList.push(e.itemObject)})),this.treeviewChecklist.emit(this.checkedObjectList)):this.treeviewChecklist.emit([]))}parseItems(e){e&&(this.items="string"==typeof e?JSON.parse(e):e),this.handleChildProcess()}handleChildProcess(){setTimeout((()=>{this.allChilds=this.getAllChilds(),this.total=this.allChilds.filter(((e,i,t)=>t.indexOf(e)===i)).length,this.total>0?(this.isLoading(!1),this.isEmpty(!1)):(this.isLoading(!1),this.isEmpty(!0))}),100)}recursiveItemRenderer(e,t){const c=String(this.selectedId),o=String(e[this.objectMapping.id]),s="true"===String(e[this.objectMapping.selected]);return(c===o||s)&&this.treeviewItemSelected.emit(e),i("bcm-treeview-item",Object.assign({_internal_id:this._internal_id,text:e[this.objectMapping.text],icon:e[this.objectMapping.icon],id:e[this.objectMapping.id],size:this.size,"has-child":!!e[this.objectMapping.items]},t&&{"parent-id":t[this.objectMapping.id]},e[this.objectMapping.tooltipText]&&{tooltipText:e[this.objectMapping.tooltipText]},"true"===String(e[this.objectMapping.checked])&&{checkTrigger:!0},"true"===String(e[this.objectMapping.open])&&{open:!0},"true"===String(e[this.objectMapping.selected])&&{selected:!0},"true"===String(e[this.objectMapping.disabled])&&{disabled:!0},e[this.objectMapping.items]&&{items:e[this.objectMapping.items]},this.favIcon&&!this.favIconOnlyChilds&&{favicon:!0},this.favIcon&&this.favIconOnlyChilds&&0==e[this.objectMapping.items].length&&{favicon:!0},this.favIcon&&e.rightSlot&&{favorite:e.rightSlot[this.objectMapping.favorite]},this.showIcon&&{showIcon:!0},"true"===String(this.checkboxes)&&{checkboxes:!0},(this.allOpen||this.allOpenOnSearch)&&{open:!0},{itemObject:e},this.checkedList&&this.checkedList.find((i=>i==e[this.objectMapping.id]))&&{checkTrigger:!0},this.updateCheckedList.length>0&&this.updateCheckedList.find((i=>i==e[this.objectMapping.id]))&&{checkTrigger:!0}),e[this.objectMapping.items]&&e[this.objectMapping.items].map((i=>this.recursiveItemRenderer(i,e))))}handleCheckList(e="add",i){if(!0===this.checkboxes){switch(e){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((e=>e!==i))}let t=this.checklist.sort((function(e,i){return e-i}));this.checklistSorted=t,this.checkCount=this.checklistSorted.length}}async showSearchMethod(e=!0){this.showSearch=e}async searchResultMethod(e=[]){await customElements.whenDefined("bcm-old-search");const i=this.el.shadowRoot.querySelector("bcm-old-search"),t=await i.searchArray(e,this.objectMapping.id);await this.listenSearchResult({detail:t})}isLoading(e){var i=this.el.shadowRoot.getElementById("treeview"),t=this.el.shadowRoot.getElementById("loading"),c=this.el.shadowRoot.querySelector("bcm-old-search");return!0===e?(i&&i.classList.add("loading"),t&&t.classList.add("show"),c&&(c.disabled=!0)):(i&&i.classList.remove("loading"),t&&t.classList.remove("show"),c&&(c.disabled=!1)),!1}isEmpty(e){var i=this.el.shadowRoot.getElementById("empty");!0===e?i&&i.classList.add("show"):i&&i.classList.remove("show")}isSearchCount(e=null){if(!0===this.infoFooter){var i=this.el.shadowRoot.getElementById("in-search"),t=this.el.shadowRoot.getElementById("in-total");e>=0&&null!=e&&i&&t?(i.innerHTML=e,t.style.display="none"):(t.style.display="inline",i.innerHTML="")}}listenSearchResult(e){this.parentLength=[];var i="",t=e.detail.length;this.empty=!1;var c=this.getAllChilds();this.isEmpty(!1),e.detail.length>0?(-1==e.detail[0]&&(t=0,this.empty=!0,this.isEmpty(!0)),c.length>0&&c.map((t=>{var c=!1;this.searchOnlyChild&&t.items&&t.items.length>0&&(c=!0),e.target.addEventListener("bcm-on-search-value",(async e=>{i=await e.detail;var o=t.shadowRoot.getElementById("text");if(o=o.textContent||o.innerText||"",i){var s=f(o),n=f(i),r=s.indexOf(n);r>=0&&0==c&&(-1===this.parentLength.indexOf(t.id)&&this.parentLength.push(t.id),this.highlight&&(o=o.substring(0,r)+"<span class='highlight'>"+o.substring(r,r+i.length)+"</span>"+o.substring(r+i.length)))}t.shadowRoot.getElementById("text").innerHTML=o})),t.hidden=!0,e.detail.indexOf(t.id)>=0?(t.hidden=!1,t.open=!0,setTimeout((()=>{if(-1!==this.parentLength.indexOf(t.id)&&t.items&&t.items.length>0&&0==this.searchOnlyChild){const e=i=>{this.getAllChilds(i).map((i=>{i.hidden=!1,i.open=!0,e(i)}))};e(t)}}),1)):t.hidden=!0}))):c.length>0&&c.map((e=>{e.hidden=!1})),setTimeout((()=>{if(t>=0){var i=t-Number(t-this.parentLength.length);this.isSearchCount(i>0?i:0)}else this.isSearchCount();-1===e.detail[0]&&this.isSearchCount(0),!0===e.detail&&this.isSearchCount()}),100),!0===e.detail&&this.isEmpty(!1)}getAllChilds(e=this.el){let i=[];return h(e,"bcm-treeview-item").forEach((e=>{this.getAllChilds(e)&&i.indexOf(e)<0&&i.push(e),i.indexOf(e)<0&&i.push(e)})),i}handletreeviewItemSelected(e){this.treeviewClearSelecteds.emit(e.detail)}handletreeviewChecked(e){this.handleCheckList("add",e.detail)}handletreeviewUnchecked(e){this.handleCheckList("remove",e.detail)}handletreeviewIndeterminateChecked(e){this.handleCheckList("add",e.detail)}handletreeviewIndeterminateUnchecked(e){this.handleCheckList("remove",e.detail)}treeviewUncheckedMethod(e){return this.handletreeviewUnchecked({detail:e}),this.componentDidUpdate(),Promise.resolve(!0)}getIndex(e){return Array.from(e.parentNode.children).indexOf(e)}getNext(e){return this.getChildItem(e.parentElement)[this.getIndex(e)+1]||!1}getPrev(e){return this.getChildItem(e.parentElement)[this.getIndex(e)-1]||!1}getParent(e){return"bcm-treeview"!=f(e.parentElement.tagName)&&this.getChildItem(e.parentElement.parentElement)[this.getIndex(e.parentElement)]}getNextParent(e){let i,t=this.getParent(e);if(t)return i=this.getNext(t),i||this.getNextParent(t)}getFirstItem(e=this.el){return this.getChildItem(e)[0]}getLastItem(e=this.el){let i=this.getChildItem(e).length,t=this.getChildItem(e)[i-1];return this.getChildItem(t).length>0&&1==t.open?this.getLastItem(t):t}getChildItem(e=this.el){return h(e,"bcm-treeview-item")||0}handleRightClick(e){this.treeviewShowContext.emit([e.target.id,e.clientY,e.clientX]),e.preventDefault()}keyboardNavigationUp(e){let{keyMapForFocus:i}=this;e.keyCode in i&&(i[e.keyCode]=!1)}keyboardNavigation(e){if(this.keydown){const{keyMapForFocus:i,focusedElement:t,el:c}=this;this.focusedElement=t||c;const o=e.which||0;if(this.getChildItem(c).length>0){if(e.keyCode in i&&(i[e.keyCode]=!0,i[18]&&i[87]&&(e.preventDefault(),this.focusedElement=this.getFirstItem(this.focusedElement))),9==o||13==o||18==o||32==o||35==o||36==o||o>=35&&o<=40)if(e.preventDefault(),t)switch(this.focusedElement.focused=!1,o){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(e=!1){this.onFocus=e}render(){const{searchOnlyChild:e,searchPlaceholder:c,search:o,checkCount:n,searchData:r,searchFields:h,searchSub:a,returnField:l,total:d,fullWidth:b,infoFooter:m,showSearch:p}=this,x=s(this.hidden?"hidden":null,{empty:this.empty,"full-width":b});return i(t,{class:x,style:{"min-width":this.minWidth+"px","max-height":this.maxHeight}},o&&i("div",{class:"search",style:{display:"false"==String(p)?"none":"block"}},i("bcm-old-search",{onlyChild:e,searchPlaceholder:c,"on-bcm-focus":()=>this.handleFocus(!0),"on-bcm-blur":()=>this.handleFocus(!1),data:r,returnField:l,searchFields:h,searchSub:a,clearable:!0}),i("bcm-divider",null)),i("div",{id:"treeview",class:"treeview loading"},i("div",{id:"loading",class:"loading show"},i("bcm-icon",{class:"prefix",icon:"far fa-spinner-third fa-spin"})),i("div",{id:"empty",class:"empty"},i("bcm-empty",{size:"small",text:"No Data"})),!this.empty&&0!==this.items.length&&this.items.map((e=>this.recursiveItemRenderer(e,null)))),1==m&&i("footer",null,i("bcm-text",{scale:"size-1",color:"grey-8"},n>0&&"( "+n+" items selected ) ","Total ",i("span",{id:"in-search"})," ",i("span",{id:"in-total"},d)," items found.")))}get el(){return c(this)}static get watchers(){return{_items:["parseItems"]}}};w.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}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}: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=class{constructor(i){e(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(e){this.disabled||e.detail&&e.detail!==this.itemObject&&(this.selected=!1)}ListentreeviewChange(){}ListentreeviewShowContext(e){this.contextOffsetTop=e.detail[1],this.contextOffsetLeft=e.detail[2],this.contextMenuShow=!(!e.detail[0]||e.detail[0]!==this._id)}handleWindowClick(e){e.target!==this.el&&(this.contextMenuShow=!1)}handleClick(){this.disabled||(this.selected=!0,this.treeviewItemSelected.emit(this.itemObject))}handleFavClick(e){this.disabled||(this.favorite=!this.favorite,this.itemObject.rightSlot||(this.itemObject.rightSlot={}),this.itemObject.rightSlot.favorite=this.favorite,this.favoriteStatus.emit(this.itemObject),e.stopPropagation(),e.preventDefault())}handleOpen(){this.open=!this.open}getRootChilds(e=this.el){return h(e,"bcm-treeview-item")}getAllChilds(e=this.el){let i=[];return h(e,"bcm-treeview-item").forEach((e=>{this.getAllChilds(e)&&(i=[...i,...this.getAllChilds(e)]),i=[...i,e]})),i}checkGroupState(){const e=this.getRootChilds();let[i,t,c]=["uncheck",!0,!0];e.length>0?(e.forEach((e=>{(e.checked||"indeterminate"===e.indeterminateState)&&(c=!1),!e.checked&&(t=!1)})),i=t||c?t?"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 e=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"===e||"uncheck"===e?e=>{e.checked=!0,this.treeviewChecked.emit(e._id),e.indeterminateState="determined"}:e=>{e.checked=!1,this.treeviewUnchecked.emit(e._id),e.indeterminateState="uncheck"}),this.checkGroupState(),this.groupCheck.emit(this.parentId)}checkGroup(e){const{detail:i}=e;i&&this._id===i&&(this.checkGroupState(),this.groupCheck.emit(this.parentId))}contextItemRenderer(e){return i("span",null,e.title)}parseItems(e){e&&(this.contextMenu="string"==typeof e?JSON.parse(e):e)}render(){const{_id:e,text:c,tooltipText:o,size:n,icon:r,open:h,childLength:a,checkboxes:l,showIcon:d,checked:b,indeterminateState:m,focused:p,contextMenuShow:x}=this,g=this.menuPadding+"px",u=s("text-content",n,"size-2"),f=s("treeview-item",{focus:p,open:h,selected:this.selected}),w=s("treeview-item-context-menu",{show:x}),v=s("treeview-inner",{open:h}),k=s("indeterminate",{disabled:this.disabled}),y=s("treeview-item-container",{selected:this.selected,disabled:this.disabled}),z=s("collapse-content",{child:a>0}),_=s(this.hidden?"hidden":null),S=s("favicon",{favorite:this.favorite});return i(t,{class:_},i("div",{class:f},i("div",{class:z,id:"collapse-button",onClick:()=>a>0&&this.handleOpen()},a>0&&i("bcm-icon",{class:"collapse-icon",icon:"far fa-"+(h?"caret-down":"caret-right")})),i("div",{class:y},i("section",{onMouseUp:()=>this.handleCheckMouseUp()},l&&i("div",{class:"check-content"},"indeterminate"==m&&i("span",{class:k})||i("bcm-checkbox",{id:"check-"+e,name:"check-"+e,checked:b,disabled:this.disabled,noCaption:!0})),i("div",{class:u,onClick:()=>this.handleClick(),title:o},d&&r&&i("bcm-icon",{class:"icon",icon:r}),i("span",{id:"text"},c))),this.favicon&&i("section",{class:S,onClick:e=>this.handleFavClick(e)},i("bcm-icon",{title:this.favorite?"Click to remove from favorite list":"Click to add to your favourites list",icon:"far fa-star"}))),!l&&i("div",{class:w,style:{top:this.contextOffsetTop+"px",left:this.contextOffsetLeft+"px"}},0!==this.contextMenu.length&&this.contextMenu.map((e=>this.contextItemRenderer(e))))),i("div",{class:v,style:{paddingLeft:g}},i("slot",null)))}get el(){return c(this)}static get watchers(){return{_contextMenu:["parseItems"]}}};v.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}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host(.hidden){display:none}.treeview-item{display:flex;align-items:stretch;justify-content:flex-start;color:var(--bcm-color-grey-8);padding-left:8px;user-select:none;background-color:var(--bcm-color-grey-1)}.treeview-item-context-menu{display:none;position:absolute;height:auto;background-color:#ffffff;align-items:center;justify-content:center;flex-direction:column;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25)}.treeview-item-context-menu.show{display:flex}.treeview-item-context-menu span{text-align:left;min-width:100px;padding:5px 8px;font-size:14px;line-height:22px;color:var(--bcm-color-grey-8)}.treeview-item-context-menu span:hover{cursor:pointer;color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}.treeview-item.focus .treeview-item-container{border:2px solid var(--bcm-color-prime-blue-2)}.treeview-item-container{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.treeview-item-container.disabled{color:var(--bcm-color-grey-6)}.treeview-item-container.disabled .text-content{cursor:not-allowed}.treeview-item-container.selected:not(.disabled){color:var(--bcm-color-prime-blue-6)}.treeview-item-container.selected:not(.disabled):hover:not(.disabled){color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}.treeview-item-container:hover:not(.disabled),.treeview-item-container:active:not(.disabled){color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}.treeview-item-container>section:not(.favicon){display:flex;align-items:stretch;justify-content:flex-start;border:2px solid transparent;flex:1}.treeview-item-container>section.favicon{display:flex;align-items:center;justify-content:center;padding:0 5px;height:100%;cursor:pointer}.treeview-item-container>section.favicon:not(.favorite){display:none}.treeview-item-container:hover:not(.disabled) .favicon{display:flex}.treeview-inner{display:none}.treeview-inner.open{display:block}.collapse-content{display:flex;align-items:center;justify-content:center;width:16px;min-width:16px}.collapse-content.child{cursor:pointer}.check-content{display:flex;align-items:center;justify-content:flex-start;width:24px;min-width:24px;padding-left:8px}.check-content .indeterminate{width:16px;height:16px;position:relative;display:block;padding-right:8px;cursor:pointer}.check-content .indeterminate:after{content:"";position:absolute;top:50%;left:9px;width:10px;height:10px;background-color:var(--bcm-color-prime-blue-6);transform:translate(-50%, -50%);opacity:1;z-index:1}.check-content .indeterminate:before{content:"";position:absolute;top:-1px;left:0px;width:16px;height:100%;border-radius:2px;background-color:transparent;border:1px solid var(--bcm-color-grey-5);opacity:1;z-index:2}.check-content .indeterminate:hover:not(.disabled):before{border-color:var(--bcm-color-prime-blue-6);box-shadow:0px 2px 4px rgba(54, 121, 171, 0.5)}.check-content .indeterminate.disabled{cursor:not-allowed;background:linear-gradient(90deg, var(--bcm-color-grey-3) 18px, transparent 0px);border-color:var(--bcm-color-grey-3)}.check-content .indeterminate.disabled:after{background-color:var(--bcm-color-grey-6)}.check-content .indeterminate.disabled bcm-icon{filter:brightness(0);opacity:0.3}.text-content{display:flex;align-items:center;justify-content:space-between;cursor:pointer;width:100%;flex:1}.text-content .favicon{display:flex;flex-direction:row;align-items:center;grid-gap:4px}.text-content #text .highlight{background-color:var(--bcm-color-yellow-5)}.text-content.small{padding:0 8px 0 4px}.text-content.medium{padding:4px 8px 4px 4px}.text-content.large{padding:8px 8px 8px 4px}.text-content .icon{text-align:center;margin-right:8px}';export{l as bcm_checkbox_lite,d as bcm_divider,m as bcm_listbox,p as bcm_listbox_group,x as bcm_listbox_item,u as bcm_old_search,w as bcm_treeview,v as bcm_treeview_item}
|
|
5
|
+
import{r as e,h as i,H as t,g as c,c as o}from"./p-0ba73c30.js";import{c as s}from"./p-af4b55d4.js";import{G as n}from"./p-45c40d0f.js";import{B as r}from"./p-4b855876.js";import{c as h,d as a}from"./p-8c018ae0.js";import"./p-de7b0fe7.js";const l=class{constructor(i){e(this,i),this._id=n.UID(),this.checked=!0,this.indeterminate=null,this.disabled=!1,this.hidden=!1,this.required=!1,this.readOnly=!1,this.captionType=r.Status.default}render(){const{disabled:e,checked:c,readOnly:o,required:n,indeterminate:h,hidden:a,captionType:l,_id:d}=this,b=s("bcm-checkbox","bcm-checkbox-size-medium",{error:l==r.Status.error,hidden:a,checked:c,disabled:e,required:n}),m=s("bcm-checkbox__label-icon","bcm-checkbox__label-icon-lite","bcm-checkbox__label-icon-"+h,{"bcm-checkbox__label-icon-checked":c}),p=s("bcm-checkbox__label"),x=s("bcm-checkbox__input");return i(t,{class:b,style:{margin:"0"}},i("div",{class:x,style:{"padding-top":"5px"}},i("input",{id:d,type:"checkbox",checked:c,disabled:e,required:n,readOnly:o}),i("label",{class:p,htmlFor:d},i("span",{class:m},i("div",{style:{height:"12px","min-height":"12px",width:"12px","min-width":"12px"}},i("svg",{class:"bcm-icon-lite",width:"100%",height:"100%",viewBox:"0 0 11 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M1.91308 4.03516H1.91326C1.99256 4.03525 2.07081 4.05331 2.14213 4.08798C2.21341 4.12262 2.27591 4.17295 2.32497 4.2352L1.91308 4.03516ZM1.91308 4.03516H1.09394C0.890308 4.03516 0.776602 4.26975 0.902321 4.4292L0.902371 4.42927L4.11214 8.49567L4.11218 8.49573C4.32247 8.76188 4.72568 8.76114 4.93667 8.49617L4.93708 8.49566L10.6597 1.24398C10.6598 1.24378 10.66 1.24358 10.6602 1.24338C10.7884 1.08295 10.6699 0.85 10.4689 0.85H9.6498C9.48941 0.85 9.33668 0.9235 9.2376 1.05044C9.23751 1.05055 9.23742 1.05066 9.23734 1.05077L4.52403 7.02157M1.91308 4.03516L4.52403 7.02157M4.52403 7.02157L2.32506 4.23531L4.52403 7.02157Z",fill:"#ffffff"})))))))}get el(){return c(this)}};l.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .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}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:root{--bcm-new-ds-color-inherit:inherit;--bcm-new-ds-color-current:currentColor;--bcm-new-ds-color-transparent:transparent;--bcm-new-ds-color-black:#000;--bcm-new-ds-color-white:#fff;--bcm-new-ds-color-slate:#64748b;--bcm-new-ds-color-slate-50:#f8fafc;--bcm-new-ds-color-slate-100:#f1f5f9;--bcm-new-ds-color-slate-200:#e2e8f0;--bcm-new-ds-color-slate-300:#cbd5e1;--bcm-new-ds-color-slate-400:#94a3b8;--bcm-new-ds-color-slate-500:#64748b;--bcm-new-ds-color-slate-600:#475569;--bcm-new-ds-color-slate-700:#334155;--bcm-new-ds-color-slate-800:#1e293b;--bcm-new-ds-color-slate-900:#0f172a;--bcm-new-ds-color-gray:#6b7280;--bcm-new-ds-color-gray-50:#f9fafb;--bcm-new-ds-color-gray-100:#f3f4f6;--bcm-new-ds-color-gray-200:#e5e7eb;--bcm-new-ds-color-gray-300:#d1d5db;--bcm-new-ds-color-gray-400:#9ca3af;--bcm-new-ds-color-gray-500:#6b7280;--bcm-new-ds-color-gray-600:#4b5563;--bcm-new-ds-color-gray-700:#374151;--bcm-new-ds-color-gray-800:#1f2937;--bcm-new-ds-color-gray-900:#111827;--bcm-new-ds-color-zinc:#71717a;--bcm-new-ds-color-zinc-50:#fafafa;--bcm-new-ds-color-zinc-100:#f4f4f5;--bcm-new-ds-color-zinc-200:#e4e4e7;--bcm-new-ds-color-zinc-300:#d4d4d8;--bcm-new-ds-color-zinc-400:#a1a1aa;--bcm-new-ds-color-zinc-500:#71717a;--bcm-new-ds-color-zinc-600:#52525b;--bcm-new-ds-color-zinc-700:#3f3f46;--bcm-new-ds-color-zinc-800:#27272a;--bcm-new-ds-color-zinc-900:#18181b;--bcm-new-ds-color-neutral:#737373;--bcm-new-ds-color-neutral-50:#fafafa;--bcm-new-ds-color-neutral-100:#f5f5f5;--bcm-new-ds-color-neutral-200:#e5e5e5;--bcm-new-ds-color-neutral-300:#d4d4d4;--bcm-new-ds-color-neutral-400:#a3a3a3;--bcm-new-ds-color-neutral-500:#737373;--bcm-new-ds-color-neutral-600:#525252;--bcm-new-ds-color-neutral-700:#404040;--bcm-new-ds-color-neutral-800:#262626;--bcm-new-ds-color-neutral-900:#171717;--bcm-new-ds-color-stone:#78716c;--bcm-new-ds-color-stone-50:#fafaf9;--bcm-new-ds-color-stone-100:#f5f5f4;--bcm-new-ds-color-stone-200:#e7e5e4;--bcm-new-ds-color-stone-300:#d6d3d1;--bcm-new-ds-color-stone-400:#a8a29e;--bcm-new-ds-color-stone-500:#78716c;--bcm-new-ds-color-stone-600:#57534e;--bcm-new-ds-color-stone-700:#44403c;--bcm-new-ds-color-stone-800:#292524;--bcm-new-ds-color-stone-900:#1c1917;--bcm-new-ds-color-red:#ef4444;--bcm-new-ds-color-red-50:#fef2f2;--bcm-new-ds-color-red-100:#fee2e2;--bcm-new-ds-color-red-200:#fecaca;--bcm-new-ds-color-red-300:#fca5a5;--bcm-new-ds-color-red-400:#f87171;--bcm-new-ds-color-red-500:#ef4444;--bcm-new-ds-color-red-600:#dc2626;--bcm-new-ds-color-red-700:#b91c1c;--bcm-new-ds-color-red-800:#991b1b;--bcm-new-ds-color-red-900:#7f1d1d;--bcm-new-ds-color-orange:#f97316;--bcm-new-ds-color-orange-50:#fff7ed;--bcm-new-ds-color-orange-100:#ffedd5;--bcm-new-ds-color-orange-200:#fed7aa;--bcm-new-ds-color-orange-300:#fdba74;--bcm-new-ds-color-orange-400:#fb923c;--bcm-new-ds-color-orange-500:#f97316;--bcm-new-ds-color-orange-600:#ea580c;--bcm-new-ds-color-orange-700:#c2410c;--bcm-new-ds-color-orange-800:#9a3412;--bcm-new-ds-color-orange-900:#7c2d12;--bcm-new-ds-color-amber:#f59e0b;--bcm-new-ds-color-amber-50:#fffbeb;--bcm-new-ds-color-amber-100:#fef3c7;--bcm-new-ds-color-amber-200:#fde68a;--bcm-new-ds-color-amber-300:#fcd34d;--bcm-new-ds-color-amber-400:#fbbf24;--bcm-new-ds-color-amber-500:#f59e0b;--bcm-new-ds-color-amber-600:#d97706;--bcm-new-ds-color-amber-700:#b45309;--bcm-new-ds-color-amber-800:#92400e;--bcm-new-ds-color-amber-900:#78350f;--bcm-new-ds-color-yellow:#eab308;--bcm-new-ds-color-yellow-50:#fefce8;--bcm-new-ds-color-yellow-100:#fef9c3;--bcm-new-ds-color-yellow-200:#fef08a;--bcm-new-ds-color-yellow-300:#fde047;--bcm-new-ds-color-yellow-400:#facc15;--bcm-new-ds-color-yellow-500:#eab308;--bcm-new-ds-color-yellow-600:#ca8a04;--bcm-new-ds-color-yellow-700:#a16207;--bcm-new-ds-color-yellow-800:#854d0e;--bcm-new-ds-color-yellow-900:#713f12;--bcm-new-ds-color-lime:#84cc16;--bcm-new-ds-color-lime-50:#f7fee7;--bcm-new-ds-color-lime-100:#ecfccb;--bcm-new-ds-color-lime-200:#d9f99d;--bcm-new-ds-color-lime-300:#bef264;--bcm-new-ds-color-lime-400:#a3e635;--bcm-new-ds-color-lime-500:#84cc16;--bcm-new-ds-color-lime-600:#65a30d;--bcm-new-ds-color-lime-700:#4d7c0f;--bcm-new-ds-color-lime-800:#3f6212;--bcm-new-ds-color-lime-900:#365314;--bcm-new-ds-color-green:#22c55e;--bcm-new-ds-color-green-50:#f0fdf4;--bcm-new-ds-color-green-100:#dcfce7;--bcm-new-ds-color-green-200:#bbf7d0;--bcm-new-ds-color-green-300:#86efac;--bcm-new-ds-color-green-400:#4ade80;--bcm-new-ds-color-green-500:#22c55e;--bcm-new-ds-color-green-600:#16a34a;--bcm-new-ds-color-green-700:#15803d;--bcm-new-ds-color-green-800:#166534;--bcm-new-ds-color-green-900:#14532d;--bcm-new-ds-color-emerald:#10b981;--bcm-new-ds-color-emerald-50:#ecfdf5;--bcm-new-ds-color-emerald-100:#d1fae5;--bcm-new-ds-color-emerald-200:#a7f3d0;--bcm-new-ds-color-emerald-300:#6ee7b7;--bcm-new-ds-color-emerald-400:#34d399;--bcm-new-ds-color-emerald-500:#10b981;--bcm-new-ds-color-emerald-600:#059669;--bcm-new-ds-color-emerald-700:#047857;--bcm-new-ds-color-emerald-800:#065f46;--bcm-new-ds-color-emerald-900:#064e3b;--bcm-new-ds-color-teal:#14b8a6;--bcm-new-ds-color-teal-50:#f0fdfa;--bcm-new-ds-color-teal-100:#ccfbf1;--bcm-new-ds-color-teal-200:#99f6e4;--bcm-new-ds-color-teal-300:#5eead4;--bcm-new-ds-color-teal-400:#2dd4bf;--bcm-new-ds-color-teal-500:#14b8a6;--bcm-new-ds-color-teal-600:#0d9488;--bcm-new-ds-color-teal-700:#0f766e;--bcm-new-ds-color-teal-800:#115e59;--bcm-new-ds-color-teal-900:#134e4a;--bcm-new-ds-color-cyan:#06b6d4;--bcm-new-ds-color-cyan-50:#ecfeff;--bcm-new-ds-color-cyan-100:#cffafe;--bcm-new-ds-color-cyan-200:#a5f3fc;--bcm-new-ds-color-cyan-300:#67e8f9;--bcm-new-ds-color-cyan-400:#22d3ee;--bcm-new-ds-color-cyan-500:#06b6d4;--bcm-new-ds-color-cyan-600:#0891b2;--bcm-new-ds-color-cyan-700:#0e7490;--bcm-new-ds-color-cyan-800:#155e75;--bcm-new-ds-color-cyan-900:#164e63;--bcm-new-ds-color-sky:#0ea5e9;--bcm-new-ds-color-sky-50:#f0f9ff;--bcm-new-ds-color-sky-100:#e0f2fe;--bcm-new-ds-color-sky-200:#bae6fd;--bcm-new-ds-color-sky-300:#7dd3fc;--bcm-new-ds-color-sky-400:#38bdf8;--bcm-new-ds-color-sky-500:#0ea5e9;--bcm-new-ds-color-sky-600:#0284c7;--bcm-new-ds-color-sky-700:#0369a1;--bcm-new-ds-color-sky-800:#075985;--bcm-new-ds-color-sky-900:#0c4a6e;--bcm-new-ds-color-blue:#3b82f6;--bcm-new-ds-color-blue-50:#eff6ff;--bcm-new-ds-color-blue-100:#dbeafe;--bcm-new-ds-color-blue-200:#bfdbfe;--bcm-new-ds-color-blue-300:#93c5fd;--bcm-new-ds-color-blue-400:#60a5fa;--bcm-new-ds-color-blue-500:#3b82f6;--bcm-new-ds-color-blue-600:#2563eb;--bcm-new-ds-color-blue-700:#1d4ed8;--bcm-new-ds-color-blue-800:#1e40af;--bcm-new-ds-color-blue-900:#1e3a8a;--bcm-new-ds-color-indigo:#6366f1;--bcm-new-ds-color-indigo-50:#eef2ff;--bcm-new-ds-color-indigo-100:#e0e7ff;--bcm-new-ds-color-indigo-200:#c7d2fe;--bcm-new-ds-color-indigo-300:#a5b4fc;--bcm-new-ds-color-indigo-400:#818cf8;--bcm-new-ds-color-indigo-500:#6366f1;--bcm-new-ds-color-indigo-600:#4f46e5;--bcm-new-ds-color-indigo-700:#4338ca;--bcm-new-ds-color-indigo-800:#3730a3;--bcm-new-ds-color-indigo-900:#312e81;--bcm-new-ds-color-violet:#8b5cf6;--bcm-new-ds-color-violet-50:#f5f3ff;--bcm-new-ds-color-violet-100:#ede9fe;--bcm-new-ds-color-violet-200:#ddd6fe;--bcm-new-ds-color-violet-300:#c4b5fd;--bcm-new-ds-color-violet-400:#a78bfa;--bcm-new-ds-color-violet-500:#8b5cf6;--bcm-new-ds-color-violet-600:#7c3aed;--bcm-new-ds-color-violet-700:#6d28d9;--bcm-new-ds-color-violet-800:#5b21b6;--bcm-new-ds-color-violet-900:#4c1d95;--bcm-new-ds-color-purple:#a855f7;--bcm-new-ds-color-purple-50:#faf5ff;--bcm-new-ds-color-purple-100:#f3e8ff;--bcm-new-ds-color-purple-200:#e9d5ff;--bcm-new-ds-color-purple-300:#d8b4fe;--bcm-new-ds-color-purple-400:#c084fc;--bcm-new-ds-color-purple-500:#a855f7;--bcm-new-ds-color-purple-600:#9333ea;--bcm-new-ds-color-purple-700:#7e22ce;--bcm-new-ds-color-purple-800:#6b21a8;--bcm-new-ds-color-purple-900:#581c87;--bcm-new-ds-color-fuchsia:#d946ef;--bcm-new-ds-color-fuchsia-50:#fdf4ff;--bcm-new-ds-color-fuchsia-100:#fae8ff;--bcm-new-ds-color-fuchsia-200:#f5d0fe;--bcm-new-ds-color-fuchsia-300:#f0abfc;--bcm-new-ds-color-fuchsia-400:#e879f9;--bcm-new-ds-color-fuchsia-500:#d946ef;--bcm-new-ds-color-fuchsia-600:#c026d3;--bcm-new-ds-color-fuchsia-700:#a21caf;--bcm-new-ds-color-fuchsia-800:#86198f;--bcm-new-ds-color-fuchsia-900:#701a75;--bcm-new-ds-color-pink:#ec4899;--bcm-new-ds-color-pink-50:#fdf2f8;--bcm-new-ds-color-pink-100:#fce7f3;--bcm-new-ds-color-pink-200:#fbcfe8;--bcm-new-ds-color-pink-300:#f9a8d4;--bcm-new-ds-color-pink-400:#f472b6;--bcm-new-ds-color-pink-500:#ec4899;--bcm-new-ds-color-pink-600:#db2777;--bcm-new-ds-color-pink-700:#be185d;--bcm-new-ds-color-pink-800:#9d174d;--bcm-new-ds-color-pink-900:#831843;--bcm-new-ds-color-rose:#f43f5e;--bcm-new-ds-color-rose-50:#fff1f2;--bcm-new-ds-color-rose-100:#ffe4e6;--bcm-new-ds-color-rose-200:#fecdd3;--bcm-new-ds-color-rose-300:#fda4af;--bcm-new-ds-color-rose-400:#fb7185;--bcm-new-ds-color-rose-500:#f43f5e;--bcm-new-ds-color-rose-600:#e11d48;--bcm-new-ds-color-rose-700:#be123c;--bcm-new-ds-color-rose-800:#9f1239;--bcm-new-ds-color-rose-900:#881337}*{box-sizing:border-box}.bcm-checkbox{outline:none;border:none;--bcm-checkbox-primary-color-default:var(--bcm-new-ds-color-blue-500);--bcm-checkbox-secondary-color-default:var(--bcm-new-ds-color-white);--bcm-checkbox-primary-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-checkbox-secondary-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-checkbox-secondary-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-active:var(--bcm-new-ds-color-blue-700);--bcm-checkbox-secondary-color-active:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-checkbox-secondary-color-disabled:var(--bcm-new-ds-color-slate-200);display:inline-flex;width:fit-content;flex-direction:column;margin-bottom:8px}.bcm-checkbox:focus,.bcm-checkbox:hover,.bcm-checkbox:active{outline:none;border:none}.bcm-checkbox *{box-sizing:border-box}.bcm-checkbox input[type=radio],.bcm-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0}.bcm-checkbox__input{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;padding-top:4px}.bcm-checkbox.hidden{display:none}.bcm-checkbox :hover{cursor:pointer}.bcm-checkbox[disabled] :hover{cursor:not-allowed}.bcm-checkbox .slot{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;color:var(--bcm-new-ds-color-slate-600)}.bcm-checkbox .slot:not(:empty){margin-left:8px;margin-right:8px}.bcm-checkbox-size-small .slot{font-size:12px;line-height:calc(12px + 8px);margin-top:-2.5px}.bcm-checkbox-size-small .bcm-checkbox__input{min-height:calc(24px - 4px)}.bcm-checkbox-size-small .bcm-checkbox__label-icon{width:14px;height:14px;min-width:14px;font-size:calc(10px - 2px)}.bcm-checkbox-size-medium .slot{font-size:calc(12px + 1px);line-height:calc(12px + 8px);margin-top:-1.5px}.bcm-checkbox-size-medium .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-medium .bcm-checkbox__label-icon{width:16px;height:16px;min-width:16px;font-size:10px}.bcm-checkbox-size-large .slot{font-size:16px;line-height:calc(16px + 8px);margin-top:-1.5px}.bcm-checkbox-size-large .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-large .bcm-checkbox__label-icon{width:18px;height:18px;min-width:18px;font-size:12px}.bcm-checkbox__label{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap}.bcm-checkbox__label-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;border-width:1px;border-style:solid;border-radius:2px}.bcm-checkbox__label-icon-indeterminate{position:relative}.bcm-checkbox__label-icon-indeterminate:after{content:"";display:block;position:absolute;width:70%;height:1.5px;background:var(--bcm-new-ds-color-white)}.bcm-checkbox__label-icon.bcm-radio__icon{width:16px;height:16px;box-sizing:border-box;border-radius:100px}.bcm-checkbox__label-icon.bcm-radio__icon .bcm-radio__icon-inner{width:10px;height:10px;border-radius:100px;background-color:var(--bcm-new-ds-color-white)}.bcm-checkbox .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-default);color:var(--bcm-checkbox-secondary-color-default);border-color:var(--bcm-new-ds-color-slate-300)}.bcm-checkbox .bcm-checkbox__label-icon-checked,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-default);border-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-default);background-color:var(--bcm-checkbox-secondary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox:hover .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-hover);color:var(--bcm-checkbox-secondary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-hover);background-color:var(--bcm-checkbox-secondary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-focus-visible);color:var(--bcm-checkbox-secondary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-focus-visible);background-color:var(--bcm-checkbox-secondary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:active .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-active);color:var(--bcm-checkbox-secondary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-active);background-color:var(--bcm-checkbox-secondary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-disabled);color:var(--bcm-checkbox-secondary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-disabled);background-color:var(--bcm-checkbox-secondary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[no-margin] .bcm-checkbox__input{margin:0;min-height:0;padding:0}';const d=class{constructor(i){e(this,i),this.hidden=!1,this.direction=r.Direction.horizontal}render(){const{hidden:e,direction:c}=this,o=s("bcm-divider","bcm-divider__direction-"+c,{hidden:e});return i(t,{class:o},i("span",{hidden:!0},i("slot",null)))}};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}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-divider{display:block}.bcm-divider.hidden{display:none}.bcm-divider__direction-horizontal{width:100%;height:1px;margin:4px auto;border-top:1px solid var(--bcm-color-grey-5)}.bcm-divider__direction-vertical{height:auto;width:1px;margin:0 4px;border-left:1px solid var(--bcm-color-grey-5)}';const b=e=>e.toLowerCase(),m=class{constructor(i){e(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 e=h(this.el,"bcm-listbox-item"),i=[];return e&&e.map((e=>{i.push(e.checked=!1)})),await Promise.all(i),this.checklist=[],this.sortedChecklist=[],this.checklistSorted=[],this.checkedObjectList=[],await a(10),Promise.resolve()}async resetCaption(){return await a(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await a(10),Promise.resolve()}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(e=!0){if(0==this.treeview&&1==this.search){this.showSearch=e;var i=null;(i=this.el.shadowRoot.getElementById("search"))&&(e?i.classList.remove("hidden"):i.classList.add("hidden"))}}async selected(e){this.selectedId=String(e),!0===this.treeview&&setTimeout((async()=>{const e=this.el.shadowRoot.querySelector("bcm-treeview");e&&await e.selected(this.selectedId)}),100)}async clearAndSelectSearch(e=!0){this.runClearAndSelect=!0,1==this.search&&setTimeout((()=>{var i=null;(i=this.el.shadowRoot.querySelector("bcm-old-search"))&&(i.setClear(),1==e&&i.select())}),100)}async addChecked(e){await this.setClear(),e&&"string"!=typeof e&&(await a(50),sessionStorage.getItem(this._internal_id+"-config")&&this.config(JSON.parse(sessionStorage.getItem(this._internal_id+"-config"))),this.checkedList=e,this.checkedList.forEach((e=>{this.handleListboxChecked({detail:String(e)},this._internal_id)})),this.updateCheckedList=[],!0===this.treeview&&setTimeout((async()=>{await customElements.whenDefined("bcm-treeview");const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&await i.addChecked(e)}),50))}async updateChecked(e){this.setClear(),this.checkedList=[],this.updateCheckedList=e,this.updateCheckedList.forEach((e=>{this.handleListboxChecked({detail:e})})),setTimeout((async()=>{if(!0===this.treeview){await customElements.whenDefined("bcm-treeview");const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&await i.updateChecked(e)}}),100)}async config(e){return e.treeview&&!0===e.treeview&&(this.treeview="boolean"==typeof e.treeview&&e.treeview),setTimeout((async()=>{if(!0===this.treeview){await customElements.whenDefined("bcm-treeview");const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&(await i.config(e),this.selectedId&&await i.selected(this.selectedId))}}),300),e.searchFields&&Array.isArray(e.searchFields)&&(this.searchFields=e.searchFields),e.searchPlaceholder&&(this.searchPlaceholder="string"==typeof e.searchPlaceholder?e.searchPlaceholder:null),e.maxHeight&&(this.maxHeight="string"==typeof e.maxHeight?e.maxHeight:"100%"),e.height&&(this.height="string"==typeof e.height?e.height:"100%"),e.template&&(this.template="string"==typeof e.template?e.template:null),e.searchable&&(this.search="boolean"==typeof e.searchable&&e.searchable),e.highlight&&(this.highlight="boolean"==typeof e.highlight&&e.highlight),e.fullWidth&&(this.fullWidth="boolean"==typeof e.fullWidth&&e.fullWidth),e.numberOfColumns&&(this.numberOfColumns="number"==typeof e.numberOfColumns?e.numberOfColumns:1),e.infoFooter&&(this.infoFooter="boolean"==typeof e.infoFooter&&e.infoFooter),e.checkable&&(this.checkboxes="boolean"==typeof e.checkable&&e.checkable),e.showIcon&&(this.showIcon="boolean"==typeof e.showIcon&&e.showIcon),e.size&&(this.size=["small","medium","large"].indexOf(e.size)>=0?e.size:"medium"),this.searchSub=this.objectMapping.items,e.mapping&&(e.mapping.id&&(this.objectMapping.id=String(e.mapping.id),this.returnField=this.objectMapping.id),e.mapping.text&&(this.objectMapping.text=e.mapping.text),e.mapping.icon&&(this.objectMapping.icon=e.mapping.icon),e.mapping.avatar&&(this.objectMapping.avatar=e.mapping.avatar),e.mapping.avatarName&&(this.objectMapping.avatarName=e.mapping.avatarName),e.mapping.avatarImage&&(this.objectMapping.avatarImage=e.mapping.avatarImage),e.mapping.secondaryText&&(this.objectMapping.secondaryText=e.mapping.secondaryText),e.mapping.tooltipText&&(this.objectMapping.tooltipText=e.mapping.tooltipText),e.mapping.disabled&&(this.objectMapping.disabled=e.mapping.disabled),e.mapping.checked&&(this.objectMapping.checked=e.mapping.checked),e.mapping.selected&&(this.objectMapping.selected=e.mapping.selected),e.mapping.items&&(this.objectMapping.items=e.mapping.items,this.searchSub=this.objectMapping.items)),sessionStorage.setItem(this._internal_id+"-config",JSON.stringify(e)),Promise.resolve(!0)}async setData(e=[]){this.clearAndSelectSearch(!1),this.isLoading(!0),this._items=e,this.searchData=JSON.parse(e),this.isSetData=!0,setTimeout((async()=>{if(!0===this.treeview){const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&(await i.setData(e),this.searchData.length>0&&(this.isEmpty(!1),this.isLoading(!1)))}}),100)}componentWillRender(){this.isSetData&&(this.onlyChilds=this.getAllGroup(this.el,!0),this.allChilds=this.getAllGroup(),this.onlyChilds.length!=this.total&&(this.total=this.onlyChilds.length),!0===this.checkboxes&&(this.setIndeterminateState(),this.checklistSorted.length>0?(this.checkedObjectList=[],this.getAllGroup(this.el).forEach((e=>{1==e.checked&&(this.firstCheck=!0,-1==this.checkedObjectList.indexOf(e.itemObject)&&this.checkedObjectList.push(e.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))))}componentDidRender(){this.isSetData&&(this.total>0?(this.isEmpty(!1),this.isLoading(!1)):this.isEmpty(!0))}setIndeterminateState(){let e="uncheck",i=!0,t=!0;this.getAllGroup(this.el,!0).map((e=>{e.checked&&(t=!1),!e.checked&&(i=!1)})),e=i||t?i?"determinate":"uncheck":"indeterminate",this.indeterminateState=e,this.checked="determinate"==e}getAllGroup(e=this.el,i=!1){let t=[],c=h(e,"bcm-listbox-group"),o=h(e,"bcm-listbox-item");return c.length>0&&c.forEach((e=>{-1===this.isGroupArray.indexOf(Number(e.id))&&this.isGroupArray.push(Number(e.id)),0==i&&(t=[...t,e]),h(e,"bcm-listbox-item").forEach((e=>{t.indexOf(e)>=0||(t=[...t,e])}))})),o.length>0&&o.forEach((e=>{t.indexOf(e)>=0||(t=[...t,e])})),t}getAllChilds(e=this.el,i=null){let t=[],c=[];return this._items&&"slot"!==i?this._items&&this._items.length>0&&(c=JSON.parse(this._items),c.map((e=>"group"===e.type?e.items.map((e=>t=[...t,e])):t=[...t,e]))):h(e,"bcm-listbox-item").forEach((e=>{t=[...t,e]})),t}handleCheckList(e="add",i){if(i=String(i),this.checkboxes&&this.items&&this.items.find((e=>e[this.objectMapping.id]==i))){switch(e){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((e=>e!==i))}let t=this.checklist.sort((function(e,i){return e-i}));this.sortedChecklist=this.checklist,this.checklistSorted=t}}handleIndeterminateClick(){let e="uncheck",i=!0,t=!0,c=[];this.getAllGroup(this.el,!0).map((e=>{!1===e.hidden&&(c.push(e),e.checked&&(t=!1),!e.checked&&(i=!1))})),e=i||t?i?"determinate":"uncheck":"indeterminate",c.map((i=>{"uncheck"!==e?(i.checked=!1,this.handleCheckList("remove",String(i.id))):(i.checked=!0,this.handleCheckList("add",String(i.id)))})),this.setIndeterminateState()}handleCheckboxClick(e){e.preventDefault()}itemRenderer(e){return e[this.objectMapping.id]&&String(this.selectedId)==String(e[this.objectMapping.id])&&this.listboxItemSelected.emit(e),i("bcm-listbox-item",Object.assign({_internal_id:this._internal_id,id:String(e[this.objectMapping.id]),text:e[this.objectMapping.text]},e[this.objectMapping.icon]&&{icon:e[this.objectMapping.icon]},e[this.objectMapping.avatar]&&{avatar:e[this.objectMapping.avatar]},e[this.objectMapping.avatarName]&&{avatarName:e[this.objectMapping.avatarName]},e[this.objectMapping.avatarImage]&&{avatarImage:e[this.objectMapping.avatarImage]},e[this.objectMapping.secondaryText]&&{secondaryText:e[this.objectMapping.secondaryText]},e[this.objectMapping.tooltipText]&&{tooltipText:e[this.objectMapping.tooltipText]},Boolean(e[this.objectMapping.checked])===Boolean(!0)&&{checked:Boolean(e[this.objectMapping.checked])},!0===e[this.objectMapping.disabled]&&{disabled:!0},Boolean(e[this.objectMapping.selected])===Boolean(!0)&&0==this.checkboxes&&{selected:Boolean(e[this.objectMapping.selected])},this.template&&{template:this.template},this.checkboxes&&{checkboxes:!0},this.size&&{size:this.size},{itemObject:e,objectMapping:this.objectMapping}))}recursiveGroupRenderer(e){return i("bcm-listbox-group",{id:e[this.objectMapping.id],text:e[this.objectMapping.text]},e.items.map((e=>"group"===e.type?this.recursiveGroupRenderer(e):this.itemRenderer(e))))}async searchResultMethod(e=[]){if(1==this.treeview){const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&i.searchResultMethod({detail:!(e.length>0)||e})}else this.listenSearchResult({detail:!(e.length>0)||e,isEvent:!0})}handleListboxSelected(e){this.listboxItemSelected.emit(e.detail)}isLoading(e){var i=this.el.shadowRoot.getElementById("bcm-listbox-list"),t=this.el.shadowRoot.getElementById("loading"),c=this.el.shadowRoot.querySelector("bcm-old-search");e?(c&&(c.disabled=!0),i&&i.classList.add("loading"),t&&t.classList.add("show")):(c&&(c.disabled=!1),i&&i.classList.remove("loading"),t&&t.classList.remove("show"))}isEmpty(e){var i=this.el.shadowRoot.getElementById("empty"),t=this.el.shadowRoot.getElementById("list-container"),c=this.el.shadowRoot.getElementById("checkall");e?(i&&i.classList.add("show"),t&&t.classList.add("hidden"),c&&c.classList.add("hidden")):(i&&i.classList.remove("show"),t&&t.classList.remove("hidden"),c&&c.classList.remove("hidden"))}isSearchCount(e=!1){if(this.infoFooter){var i=this.el.shadowRoot.getElementById("in-search"),t=this.el.shadowRoot.getElementById("in-total");!1!==e&&e>=0&&null!=e&&i&&t?(i.innerHTML=e,t.style.display="none"):(t.style.display="inline",i.innerHTML="")}}listenSearchResult(e){var i=e.path||e.composedPath&&e.composedPath();if(null==e.isEvent&&i&&null!=i.filter((e=>e._internal_id==this._internal_id))[0]){var t="";if(0==this.treeview){var c=e.detail.length;this.isEmpty(!1),this.intersection=[],e.detail.length>0?(-1==e.detail[0]&&(c=0,this.empty=!0,this.isEmpty(!0)),this.allChilds.length>0&&this.allChilds.map((i=>{this.highlight&&e.target.addEventListener("bcm-on-search-value",(async e=>{var c=i.shadowRoot.getElementById("text");if(c){if(t=await e.detail,c=(null==c?void 0:c.textContent)||(null==c?void 0:c.innerText)||"",t){var o=b(c),s=b(t),n=o.indexOf(s);n>=0&&(c=c.substring(0,n)+"<span class='highlight'>"+c.substring(n,n+t.length)+"</span>"+c.substring(n+t.length))}i.shadowRoot.getElementById("text").innerHTML=c}})),i.hidden=!0;var c=String(i.id);i.hidden=!(e.detail.indexOf(c)>=0)})),this.intersection=-1==e.detail[0]?[0]:e.detail.filter((e=>this.isGroupArray.includes(e)))):this.allChilds.length>0&&this.allChilds.map((e=>{e.hidden=!1})),(this.search||this.checkboxes)&&setTimeout((()=>{this.isSearchCount(c>=0?c:0),-1===e.detail[0]&&this.isSearchCount(0),!0===e.detail&&this.isSearchCount()}),100),!0===e.detail&&this.isEmpty(!1),this.runClearAndSelect&&(this.runClearAndSelect=!1,this.isSearchCount(!0))}}}parseItems(e){e&&(this.items="string"==typeof e?JSON.parse(e):e),this.handleChildProcess()}handleChange(e){this.change.emit(e),this.listboxChange.emit(e)}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(e){var i=e.path||e.composedPath&&e.composedPath();0==this.checkboxes&&i&&null!=i.filter((e=>e._internal_id==this._internal_id))[0]&&(this.value=e.detail,this.selectedId=String(e.detail[this.objectMapping.id]),this.listboxClearSelected.emit(e.detail))}handleListboxChecked(e,i=this._internal_id){var t=e.path||e.composedPath&&e.composedPath();(t&&null!=t.filter((e=>e._internal_id==this._internal_id))[0]||i==this._internal_id)&&(this.listboxSendCheck.emit(e.detail),this.handleCheckList("add",e.detail),this.setIndeterminateState())}handleListboxUnchecked(e,i=this._internal_id){var t=e.path||e.composedPath&&e.composedPath();(t&&null!=t.filter((e=>e._internal_id==this._internal_id))[0]||i==this._internal_id)&&(this.listboxSendUncheck.emit(e.detail),this.handleCheckList("remove",e.detail),this.setIndeterminateState())}async listboxUncheckedMethod(e,i=this._internal_id){if(this.treeview){await customElements.whenDefined("bcm-treeview");const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&await i.treeviewUncheckedMethod(e)}else this.handleListboxUnchecked({detail:e},i)}handleFocus(e=!1){this.onFocus=e}render(){const{innerComponent:e,label:c,required:o,treeview:n,searchText:r,checkboxes:h,search:a,size:l,fullWidth:d,total:b,indeterminateState:m,checked:p,checklist:x,searchData:g,searchFields:u,_flex:f,returnField:w,searchSub:v,infoFooter:k,showSearch:y,noCaption:z,caption:_,captionError:S,captionType:C}=this,T=s("bcm-listbox",{error:"error"==C,"full-width":d,flex:f}),j=s("listbox-item",{hidden:this.totalSearch>0}),L=s("listbox-item-container"),I=s("listbox-item-container-text-content",l,{"size-2":"small"===l||"medium"===l,"size-3":"large"===l}),N=s("list-container",{"column-1":this.numberOfColumns<=1,"column-2":2==this.numberOfColumns,"column-3":this.numberOfColumns>=3}),M={"grid-template-columns":this.numberOfColumns<=1?"1fr":"repeat("+this.numberOfColumns+", "+(210-10*this.numberOfColumns)+"px)"},F=s(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=s("size-1","input-caption","caption-"+C);return i(t,{class:F,style:O,"bcm-internal-id":this._internal_id},!e&&c&&i("div",null,i("bcm-label",{tooltip:this.tooltip,type:C,value:c,required:o})),!0===n&&i("bcm-treeview",{_internal_id:this._internal_id}),0==n&&i("div",{class:T,style:O},a&&i("div",{class:"search",id:"search",style:{display:"false"==String(y)?"none":"block"}},i("bcm-old-search",{_internal_id:this._internal_id,searchPlaceholder:this.searchPlaceholder,searchValue:r,"on-bcm-focus":()=>this.handleFocus(!0),"on-bcm-blur":()=>this.handleFocus(!1),data:g,returnField:w,searchFields:u,searchSub:v,clearable:!0}),i("bcm-divider",null)),i("div",{id:"bcm-listbox-list",class:"bcm-listbox-list loading",style:R},h&&i("div",{class:j,id:"checkall"},i("div",{class:L,onClick:()=>this.handleIndeterminateClick()},i("div",{class:"check-content"},"indeterminate"==m&&i("span",{class:"indeterminate"})||i("bcm-checkbox-lite",{onClick:e=>this.handleCheckboxClick(e),checked:p,"no-caption":!0})),i("div",{class:I},"Select All")),i("div",{class:"divider"},i("bcm-divider",null))),i("div",{id:"list-container",class:N,style:M},0!==this.items.length&&this.items.map((e=>"group"===e.type?this.recursiveGroupRenderer(e):this.itemRenderer(e)))),i("div",{id:"loading",class:"loading show"},i("bcm-icon",{class:"prefix",icon:"far fa-spinner-third fa-spin"})),i("div",{id:"empty",class:"empty"},i("bcm-empty",{size:"small",text:"No Data"}))),1==k&&i("div",{class:"bcm-listbox-footer"},i("bcm-text",{scale:"size-1",color:"grey-8"},x.length>0&&" ( "+x.length+" selected ) ","Total ",i("span",{id:"in-search"})," ",i("span",{id:"in-total"},b)," items found."))),!z&&i("div",{class:"caption-area"},"error"==C?i("span",{class:P}," ",S," "):_&&i("span",{class:P}," ",_," ")))}get el(){return c(this)}static get watchers(){return{_items:["parseItems"],value:["handleChange"]}}};m.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}: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 p=class{constructor(i){e(this,i),this._id=(4*Math.random()).toString(16).replace(".",""),this.hidden=!1}componentWillLoad(){this.text=this.text.toUpperCase()}render(){const{text:e}=this,c=s("listbox-group"),o=s("listbox-group-title"),n=s(this.hidden?"hidden":null);return i(t,{class:n},i("div",{class:c},i("div",{class:o},i("bcm-text",{scale:"size-2",color:"grey-1"}," ",e," ")),i("slot",null)))}};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}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}: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 x=class{constructor(i){e(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(e){e.preventDefault()}isInternal(e){var i=e.path||e.composedPath&&e.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(e){this.isInternal(e)&&(this.disabled||e.detail&&e.detail===this._id&&(this.checked=!0))}ListenListboxUncheck(e){this.isInternal(e)&&(this.disabled||e.detail&&e.detail===this._id&&(this.checked=!1))}handleListboxClearSelecteds(e){0==this.checkboxes&&this.isInternal(e)&&(this.disabled||e.detail&&(this.selected=e.detail===this.itemObject))}templateParser(e){for(var i,t=/{{([^}]+)}}/g,c=e;i=t.exec(c);)e=e.replace("{{"+i[1]+"}}",this.itemObject[i[1]]);return e}render(){const{display:e,focused:c,selected:o,size:n,showIcon:r,icon:h,checkboxes:a,_id:l,checked:d,text:b,avatarName:m,avatarImage:p,avatar:x,secondaryText:g,tooltipText:u}=this,f=s("listbox-item",{disabled:this.disabled,display:e}),w=s("listbox-item-container",{disabled:this.disabled,focus:c,selected:o}),v=s("listbox-item-container-text-content",n,{disabled:this.disabled,"size-2":"small"===n||"medium"===n,"size-3":"large"===n}),k=s(this.hidden?"hidden":null),y=s("listbox-item-container-html-content",n,{disabled:this.disabled,"size-2":"small"===n||"medium"===n,"size-3":"large"===n});return i(t,{class:k},i("div",{class:f},i("div",{class:w,onClick:()=>this.handleClick()},a&&i("div",{class:"check-content"},i("bcm-checkbox-lite",{id:"check-"+l,onClick:e=>this.handleCheckboxClick(e),checked:d,disabled:this.disabled})),this.template&&i("div",{class:y,title:u,innerHTML:this.templateParser(this.template)}),null==this.template&&i("div",{class:v,title:u},i("div",null,(x||m||p)&&i("div",{class:"avatar"},i("bcm-avatar",Object.assign({size:"small",name:b},m&&{name:m},p&&{image:p}))),r&&h&&i("bcm-icon",{class:"icon",icon:h}),b&&i("span",{id:"text"},b)||i("slot",null)),i("div",null,g&&i("div",{class:"secondaryText size-1"},g))))))}get el(){return c(this)}};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}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}: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 g=e=>e.toLowerCase(),u=class{constructor(i){e(this,i),this.bcmOnSearch=o(this,"bcm-on-search",7),this.bcmOnSearchValue=o(this,"bcm-on-search-value",7),this.data=[],this.searchFields=["text","value"],this.returnField="idx",this.searchSub=null,this.hidden=!1,this.onlyChild=!1,this.clearable=!1,this.searchValue="",this.searchPlaceholder="Search",this.disabled=!1,this._internal_id=(4*Math.random()).toString(16).replace(".",""),this.results=[]}getInput(){return this.el.shadowRoot.querySelector("bcm-old-input")}componentDidLoad(){this.getInput().clearable=this.clearable}listenBcmChange(e){e.stopPropagation()}async setValue(e){return await this.getInput().setValue(e),e}async select(){return await this.getInput().select(),this.bcmOnSearch.emit(!0),!0}async setClear(){return await this.getInput().setClear(),this.bcmOnSearch.emit(!0),!0}async searchArray(e,i=null){let t=this.searchFields,c=[];return i&&(this.searchFields=[i]),e.forEach((e=>{this.results=[],this.nestedSearch(this.data,e,!0),c.push(...this.results)})),this.searchFields=t,c}nestedSearch(e,i,t=!1){var c;return e&&e.map((e=>{this.searchFields.map((o=>{if(o in e)if(e[o]=g(String(e[o])),this.onlyChild)e[this.searchSub]?(s=this.nestedSearch(e[this.searchSub],i,t))&&(this.results.push(c=String(e[this.returnField])),this.results.push(s)):t?e[o]==g(String(i))&&this.results.push(c=String(e[this.returnField])):-1!==e[o].indexOf(g(i))&&this.results.push(c=String(e[this.returnField]));else{var s;e[this.searchSub]&&(s=this.nestedSearch(e[this.searchSub],i,t))&&(this.results.push(c=String(e[this.returnField])),this.results.push(s)),t?e[o]==g(String(i))&&this.results.push(c=String(e[this.returnField])):-1!==e[o].indexOf(g(i))&&this.results.push(c=String(e[this.returnField]))}}))})),c}inputChange(e){this.results=[],this.nestedSearch(this.data,e),this.results=Array.from(new Set(this.results)),e&&(this.results.length>0&&this.bcmOnSearch.emit(this.results)||this.bcmOnSearch.emit([-1]))||this.bcmOnSearch.emit(!0),this.bcmOnSearchValue.emit(e)}render(){const e=s(this.hidden?"hidden":null);return i(t,{class:e},i("bcm-old-input",{placeholder:this.searchPlaceholder,"no-caption":!0,"no-margin":!0,"full-width":!0,disabled:this.disabled,type:"search","on-bcm-change":e=>this.inputChange(e.detail),value:this.searchValue}))}get el(){return c(this)}static get watchers(){return{searchValue:["inputChange"]}}};u.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}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block}:host(.hidden){display:none}';const f=e=>e.toLowerCase(),w=class{constructor(i){e(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(e=[]){return this.clearAndSelectSearch(!1),this.isLoading(!0),this.isSetData=!0,this.checkedObjectList=[],this.selectedId=null,setTimeout((()=>{this._items=e,this.searchData=JSON.parse(e),this.calculateMinSizes(),this.handleChildProcess()}),100),Promise.resolve(!0)}async getChecklist(){return this.checkedObjectList}async getFavorites(){return this.getChildItem(this.el).forEach((e=>{1==e[this.objectMapping.favorite]&&(this.favIconOnlyChilds&&0==e[this.objectMapping.items].length&&this.favoriteList.indexOf(e.itemObject)<0&&this.favoriteList.push(e.itemObject),!this.favIconOnlyChilds&&this.favoriteList.indexOf(e.itemObject)<0&&this.favoriteList.push(e.itemObject))})),this.favoriteList}async selected(e){this.selectedId=e}async clearAndSelectSearch(e=!0){this.runClearAndSelect=!0,!0===this.search&&setTimeout((()=>{var i=null;(i=this.el.shadowRoot.querySelector("bcm-old-search"))&&(i.setClear(),1==e&&i.select())}),100)}async addChecked(e=[]){this.checkedList=e}async updateChecked(e=[]){this.updateCheckedList=e}async config(e){return e.maxHeight&&(this.maxHeight="string"==typeof e.maxHeight?e.maxHeight:"100%"),e.searchFields&&Array.isArray(e.searchFields)&&(this.searchFields=e.searchFields),e.searchable&&(this.search="boolean"==typeof e.searchable&&e.searchable),e.searchOnlyChild&&(this.searchOnlyChild="boolean"==typeof e.searchOnlyChild&&e.searchOnlyChild),e.searchPlaceholder&&(this.searchPlaceholder="string"==typeof e.searchPlaceholder?e.searchPlaceholder:null),e.fullWidth&&(this.fullWidth="boolean"==typeof e.fullWidth&&e.fullWidth),e.infoFooter&&(this.infoFooter="boolean"==typeof e.infoFooter&&e.infoFooter),e.highlight&&(this.highlight="boolean"==typeof e.highlight&&e.highlight),e.checkable&&(this.checkboxes="boolean"==typeof e.checkable&&e.checkable),e.showIcon&&(this.showIcon="boolean"==typeof e.showIcon&&e.showIcon),e.favIcon&&(this.favIcon="boolean"==typeof e.favIcon&&e.favIcon),e.favIconOnlyChilds&&(this.favIconOnlyChilds="boolean"==typeof e.favIconOnlyChilds&&e.favIconOnlyChilds),e.allOpen&&(this.allOpen="boolean"==typeof e.allOpen&&e.allOpen),this.allOpenCache=this.allOpen,e.size&&(this.size=["small","medium","large"].indexOf(e.size)>=0?e.size:"medium"),e.mapping&&(e.mapping.text&&(this.objectMapping.text=e.mapping.text),e.mapping.icon&&(this.objectMapping.icon=e.mapping.icon),e.mapping.id&&(this.objectMapping.id=e.mapping.id,this.returnField=this.objectMapping.id),e.mapping.items&&(this.objectMapping.items=e.mapping.items,this.searchSub=this.objectMapping.items),e.mapping.open&&(this.objectMapping.open=e.mapping.open),e.mapping.selected&&(this.objectMapping.selected=e.mapping.selected),e.mapping.checked&&(this.objectMapping.checked=e.mapping.checked),e.mapping.tooltipText&&(this.objectMapping.tooltipText=e.mapping.tooltipText),e.mapping.disabled&&(this.objectMapping.disabled=e.mapping.disabled),e.mapping.favorite&&(this.objectMapping.favorite=e.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((e=>{1==e.checked&&this.checkedObjectList.indexOf(e.itemObject)<0&&this.checkedObjectList.push(e.itemObject)})),this.treeviewChecklist.emit(this.checkedObjectList)):this.treeviewChecklist.emit([]))}parseItems(e){e&&(this.items="string"==typeof e?JSON.parse(e):e),this.handleChildProcess()}handleChildProcess(){setTimeout((()=>{this.allChilds=this.getAllChilds(),this.total=this.allChilds.filter(((e,i,t)=>t.indexOf(e)===i)).length,this.total>0?(this.isLoading(!1),this.isEmpty(!1)):(this.isLoading(!1),this.isEmpty(!0))}),100)}recursiveItemRenderer(e,t){const c=String(this.selectedId),o=String(e[this.objectMapping.id]),s="true"===String(e[this.objectMapping.selected]);return(c===o||s)&&this.treeviewItemSelected.emit(e),i("bcm-treeview-item",Object.assign({_internal_id:this._internal_id,text:e[this.objectMapping.text],icon:e[this.objectMapping.icon],id:e[this.objectMapping.id],size:this.size,"has-child":!!e[this.objectMapping.items]},t&&{"parent-id":t[this.objectMapping.id]},e[this.objectMapping.tooltipText]&&{tooltipText:e[this.objectMapping.tooltipText]},"true"===String(e[this.objectMapping.checked])&&{checkTrigger:!0},"true"===String(e[this.objectMapping.open])&&{open:!0},"true"===String(e[this.objectMapping.selected])&&{selected:!0},"true"===String(e[this.objectMapping.disabled])&&{disabled:!0},e[this.objectMapping.items]&&{items:e[this.objectMapping.items]},this.favIcon&&!this.favIconOnlyChilds&&{favicon:!0},this.favIcon&&this.favIconOnlyChilds&&0==e[this.objectMapping.items].length&&{favicon:!0},this.favIcon&&e.rightSlot&&{favorite:e.rightSlot[this.objectMapping.favorite]},this.showIcon&&{showIcon:!0},"true"===String(this.checkboxes)&&{checkboxes:!0},(this.allOpen||this.allOpenOnSearch)&&{open:!0},{itemObject:e},this.checkedList&&this.checkedList.find((i=>i==e[this.objectMapping.id]))&&{checkTrigger:!0},this.updateCheckedList.length>0&&this.updateCheckedList.find((i=>i==e[this.objectMapping.id]))&&{checkTrigger:!0}),e[this.objectMapping.items]&&e[this.objectMapping.items].map((i=>this.recursiveItemRenderer(i,e))))}handleCheckList(e="add",i){if(!0===this.checkboxes){switch(e){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((e=>e!==i))}let t=this.checklist.sort((function(e,i){return e-i}));this.checklistSorted=t,this.checkCount=this.checklistSorted.length}}async showSearchMethod(e=!0){this.showSearch=e}async searchResultMethod(e=[]){await customElements.whenDefined("bcm-old-search");const i=this.el.shadowRoot.querySelector("bcm-old-search"),t=await i.searchArray(e,this.objectMapping.id);await this.listenSearchResult({detail:t})}isLoading(e){var i=this.el.shadowRoot.getElementById("treeview"),t=this.el.shadowRoot.getElementById("loading"),c=this.el.shadowRoot.querySelector("bcm-old-search");return!0===e?(i&&i.classList.add("loading"),t&&t.classList.add("show"),c&&(c.disabled=!0)):(i&&i.classList.remove("loading"),t&&t.classList.remove("show"),c&&(c.disabled=!1)),!1}isEmpty(e){var i=this.el.shadowRoot.getElementById("empty");!0===e?i&&i.classList.add("show"):i&&i.classList.remove("show")}isSearchCount(e=null){if(!0===this.infoFooter){var i=this.el.shadowRoot.getElementById("in-search"),t=this.el.shadowRoot.getElementById("in-total");e>=0&&null!=e&&i&&t?(i.innerHTML=e,t.style.display="none"):(t.style.display="inline",i.innerHTML="")}}listenSearchResult(e){this.parentLength=[];var i="",t=e.detail.length;this.empty=!1;var c=this.getAllChilds();this.isEmpty(!1),e.detail.length>0?(-1==e.detail[0]&&(t=0,this.empty=!0,this.isEmpty(!0)),c.length>0&&c.map((t=>{var c=!1;this.searchOnlyChild&&t.items&&t.items.length>0&&(c=!0),e.target.addEventListener("bcm-on-search-value",(async e=>{i=await e.detail;var o=t.shadowRoot.getElementById("text");if(o=o.textContent||o.innerText||"",i){var s=f(o),n=f(i),r=s.indexOf(n);r>=0&&0==c&&(-1===this.parentLength.indexOf(t.id)&&this.parentLength.push(t.id),this.highlight&&(o=o.substring(0,r)+"<span class='highlight'>"+o.substring(r,r+i.length)+"</span>"+o.substring(r+i.length)))}t.shadowRoot.getElementById("text").innerHTML=o})),t.hidden=!0,e.detail.indexOf(t.id)>=0?(t.hidden=!1,t.open=!0,setTimeout((()=>{if(-1!==this.parentLength.indexOf(t.id)&&t.items&&t.items.length>0&&0==this.searchOnlyChild){const e=i=>{this.getAllChilds(i).map((i=>{i.hidden=!1,i.open=!0,e(i)}))};e(t)}}),1)):t.hidden=!0}))):c.length>0&&c.map((e=>{e.hidden=!1})),setTimeout((()=>{if(t>=0){var i=t-Number(t-this.parentLength.length);this.isSearchCount(i>0?i:0)}else this.isSearchCount();-1===e.detail[0]&&this.isSearchCount(0),!0===e.detail&&this.isSearchCount()}),100),!0===e.detail&&this.isEmpty(!1)}getAllChilds(e=this.el){let i=[];return h(e,"bcm-treeview-item").forEach((e=>{this.getAllChilds(e)&&i.indexOf(e)<0&&i.push(e),i.indexOf(e)<0&&i.push(e)})),i}handletreeviewItemSelected(e){this.treeviewClearSelecteds.emit(e.detail)}handletreeviewChecked(e){this.handleCheckList("add",e.detail)}handletreeviewUnchecked(e){this.handleCheckList("remove",e.detail)}handletreeviewIndeterminateChecked(e){this.handleCheckList("add",e.detail)}handletreeviewIndeterminateUnchecked(e){this.handleCheckList("remove",e.detail)}treeviewUncheckedMethod(e){return this.handletreeviewUnchecked({detail:e}),this.componentDidUpdate(),Promise.resolve(!0)}getIndex(e){return Array.from(e.parentNode.children).indexOf(e)}getNext(e){return this.getChildItem(e.parentElement)[this.getIndex(e)+1]||!1}getPrev(e){return this.getChildItem(e.parentElement)[this.getIndex(e)-1]||!1}getParent(e){return"bcm-treeview"!=f(e.parentElement.tagName)&&this.getChildItem(e.parentElement.parentElement)[this.getIndex(e.parentElement)]}getNextParent(e){let i,t=this.getParent(e);if(t)return i=this.getNext(t),i||this.getNextParent(t)}getFirstItem(e=this.el){return this.getChildItem(e)[0]}getLastItem(e=this.el){let i=this.getChildItem(e).length,t=this.getChildItem(e)[i-1];return this.getChildItem(t).length>0&&1==t.open?this.getLastItem(t):t}getChildItem(e=this.el){return h(e,"bcm-treeview-item")||0}handleRightClick(e){this.treeviewShowContext.emit([e.target.id,e.clientY,e.clientX]),e.preventDefault()}keyboardNavigationUp(e){let{keyMapForFocus:i}=this;e.keyCode in i&&(i[e.keyCode]=!1)}keyboardNavigation(e){if(this.keydown){const{keyMapForFocus:i,focusedElement:t,el:c}=this;this.focusedElement=t||c;const o=e.which||0;if(this.getChildItem(c).length>0){if(e.keyCode in i&&(i[e.keyCode]=!0,i[18]&&i[87]&&(e.preventDefault(),this.focusedElement=this.getFirstItem(this.focusedElement))),9==o||13==o||18==o||32==o||35==o||36==o||o>=35&&o<=40)if(e.preventDefault(),t)switch(this.focusedElement.focused=!1,o){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(e=!1){this.onFocus=e}render(){const{searchOnlyChild:e,searchPlaceholder:c,search:o,checkCount:n,searchData:r,searchFields:h,searchSub:a,returnField:l,total:d,fullWidth:b,infoFooter:m,showSearch:p}=this,x=s(this.hidden?"hidden":null,{empty:this.empty,"full-width":b});return i(t,{class:x,style:{"min-width":this.minWidth+"px","max-height":this.maxHeight}},o&&i("div",{class:"search",style:{display:"false"==String(p)?"none":"block"}},i("bcm-old-search",{onlyChild:e,searchPlaceholder:c,"on-bcm-focus":()=>this.handleFocus(!0),"on-bcm-blur":()=>this.handleFocus(!1),data:r,returnField:l,searchFields:h,searchSub:a,clearable:!0}),i("bcm-divider",null)),i("div",{id:"treeview",class:"treeview loading"},i("div",{id:"loading",class:"loading show"},i("bcm-icon",{class:"prefix",icon:"far fa-spinner-third fa-spin"})),i("div",{id:"empty",class:"empty"},i("bcm-empty",{size:"small",text:"No Data"})),!this.empty&&0!==this.items.length&&this.items.map((e=>this.recursiveItemRenderer(e,null)))),1==m&&i("footer",null,i("bcm-text",{scale:"size-1",color:"grey-8"},n>0&&"( "+n+" items selected ) ","Total ",i("span",{id:"in-search"})," ",i("span",{id:"in-total"},d)," items found.")))}get el(){return c(this)}static get watchers(){return{_items:["parseItems"]}}};w.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}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}: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=class{constructor(i){e(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(e){this.disabled||e.detail&&e.detail!==this.itemObject&&(this.selected=!1)}ListentreeviewChange(){}ListentreeviewShowContext(e){this.contextOffsetTop=e.detail[1],this.contextOffsetLeft=e.detail[2],this.contextMenuShow=!(!e.detail[0]||e.detail[0]!==this._id)}handleWindowClick(e){e.target!==this.el&&(this.contextMenuShow=!1)}handleClick(){this.disabled||(this.selected=!0,this.treeviewItemSelected.emit(this.itemObject))}handleFavClick(e){this.disabled||(this.favorite=!this.favorite,this.itemObject.rightSlot||(this.itemObject.rightSlot={}),this.itemObject.rightSlot.favorite=this.favorite,this.favoriteStatus.emit(this.itemObject),e.stopPropagation(),e.preventDefault())}handleOpen(){this.open=!this.open}getRootChilds(e=this.el){return h(e,"bcm-treeview-item")}getAllChilds(e=this.el){let i=[];return h(e,"bcm-treeview-item").forEach((e=>{this.getAllChilds(e)&&(i=[...i,...this.getAllChilds(e)]),i=[...i,e]})),i}checkGroupState(){const e=this.getRootChilds();let[i,t,c]=["uncheck",!0,!0];e.length>0?(e.forEach((e=>{(e.checked||"indeterminate"===e.indeterminateState)&&(c=!1),!e.checked&&(t=!1)})),i=t||c?t?"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 e=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"===e||"uncheck"===e?e=>{e.checked=!0,this.treeviewChecked.emit(e._id),e.indeterminateState="determined"}:e=>{e.checked=!1,this.treeviewUnchecked.emit(e._id),e.indeterminateState="uncheck"}),this.checkGroupState(),this.groupCheck.emit(this.parentId)}checkGroup(e){const{detail:i}=e;i&&this._id===i&&(this.checkGroupState(),this.groupCheck.emit(this.parentId))}contextItemRenderer(e){return i("span",null,e.title)}parseItems(e){e&&(this.contextMenu="string"==typeof e?JSON.parse(e):e)}render(){const{_id:e,text:c,tooltipText:o,size:n,icon:r,open:h,childLength:a,checkboxes:l,showIcon:d,checked:b,indeterminateState:m,focused:p,contextMenuShow:x}=this,g=this.menuPadding+"px",u=s("text-content",n,"size-2"),f=s("treeview-item",{focus:p,open:h,selected:this.selected}),w=s("treeview-item-context-menu",{show:x}),v=s("treeview-inner",{open:h}),k=s("indeterminate",{disabled:this.disabled}),y=s("treeview-item-container",{selected:this.selected,disabled:this.disabled}),z=s("collapse-content",{child:a>0}),_=s(this.hidden?"hidden":null),S=s("favicon",{favorite:this.favorite});return i(t,{class:_},i("div",{class:f},i("div",{class:z,id:"collapse-button",onClick:()=>a>0&&this.handleOpen()},a>0&&i("bcm-icon",{class:"collapse-icon",icon:"far fa-"+(h?"caret-down":"caret-right")})),i("div",{class:y},i("section",{onMouseUp:()=>this.handleCheckMouseUp()},l&&i("div",{class:"check-content"},"indeterminate"==m&&i("span",{class:k})||i("bcm-checkbox",{id:"check-"+e,name:"check-"+e,checked:b,disabled:this.disabled,noCaption:!0})),i("div",{class:u,onClick:()=>this.handleClick(),title:o},d&&r&&i("bcm-icon",{class:"icon",icon:r}),i("span",{id:"text"},c))),this.favicon&&i("section",{class:S,onClick:e=>this.handleFavClick(e)},i("bcm-icon",{title:this.favorite?"Click to remove from favorite list":"Click to add to your favourites list",icon:"far fa-star"}))),!l&&i("div",{class:w,style:{top:this.contextOffsetTop+"px",left:this.contextOffsetLeft+"px"}},0!==this.contextMenu.length&&this.contextMenu.map((e=>this.contextItemRenderer(e))))),i("div",{class:v,style:{paddingLeft:g}},i("slot",null)))}get el(){return c(this)}static get watchers(){return{_contextMenu:["parseItems"]}}};v.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}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host(.hidden){display:none}.treeview-item{display:flex;align-items:stretch;justify-content:flex-start;color:var(--bcm-color-grey-8);padding-left:8px;user-select:none;background-color:var(--bcm-color-grey-1)}.treeview-item-context-menu{display:none;position:absolute;height:auto;background-color:#ffffff;align-items:center;justify-content:center;flex-direction:column;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25)}.treeview-item-context-menu.show{display:flex}.treeview-item-context-menu span{text-align:left;min-width:100px;padding:5px 8px;font-size:14px;line-height:22px;color:var(--bcm-color-grey-8)}.treeview-item-context-menu span:hover{cursor:pointer;color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}.treeview-item.focus .treeview-item-container{border:2px solid var(--bcm-color-prime-blue-2)}.treeview-item-container{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.treeview-item-container.disabled{color:var(--bcm-color-grey-6)}.treeview-item-container.disabled .text-content{cursor:not-allowed}.treeview-item-container.selected:not(.disabled){color:var(--bcm-color-prime-blue-6)}.treeview-item-container.selected:not(.disabled):hover:not(.disabled){color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}.treeview-item-container:hover:not(.disabled),.treeview-item-container:active:not(.disabled){color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}.treeview-item-container>section:not(.favicon){display:flex;align-items:stretch;justify-content:flex-start;border:2px solid transparent;flex:1}.treeview-item-container>section.favicon{display:flex;align-items:center;justify-content:center;padding:0 5px;height:100%;cursor:pointer}.treeview-item-container>section.favicon:not(.favorite){display:none}.treeview-item-container:hover:not(.disabled) .favicon{display:flex}.treeview-inner{display:none}.treeview-inner.open{display:block}.collapse-content{display:flex;align-items:center;justify-content:center;width:16px;min-width:16px}.collapse-content.child{cursor:pointer}.check-content{display:flex;align-items:center;justify-content:flex-start;width:24px;min-width:24px;padding-left:8px}.check-content .indeterminate{width:16px;height:16px;position:relative;display:block;padding-right:8px;cursor:pointer}.check-content .indeterminate:after{content:"";position:absolute;top:50%;left:9px;width:10px;height:10px;background-color:var(--bcm-color-prime-blue-6);transform:translate(-50%, -50%);opacity:1;z-index:1}.check-content .indeterminate:before{content:"";position:absolute;top:-1px;left:0px;width:16px;height:100%;border-radius:2px;background-color:transparent;border:1px solid var(--bcm-color-grey-5);opacity:1;z-index:2}.check-content .indeterminate:hover:not(.disabled):before{border-color:var(--bcm-color-prime-blue-6);box-shadow:0px 2px 4px rgba(54, 121, 171, 0.5)}.check-content .indeterminate.disabled{cursor:not-allowed;background:linear-gradient(90deg, var(--bcm-color-grey-3) 18px, transparent 0px);border-color:var(--bcm-color-grey-3)}.check-content .indeterminate.disabled:after{background-color:var(--bcm-color-grey-6)}.check-content .indeterminate.disabled bcm-icon{filter:brightness(0);opacity:0.3}.text-content{display:flex;align-items:center;justify-content:space-between;cursor:pointer;width:100%;flex:1}.text-content .favicon{display:flex;flex-direction:row;align-items:center;grid-gap:4px}.text-content #text .highlight{background-color:var(--bcm-color-yellow-5)}.text-content.small{padding:0 8px 0 4px}.text-content.medium{padding:4px 8px 4px 4px}.text-content.large{padding:8px 8px 8px 4px}.text-content .icon{text-align:center;margin-right:8px}';export{l as bcm_checkbox_lite,d as bcm_divider,m as bcm_listbox,p as bcm_listbox_group,x as bcm_listbox_item,u as bcm_old_search,w as bcm_treeview,v as bcm_treeview_item}
|