bromcom-ui 2.3.54 → 2.3.58

package/dist/bromcom-ui/{p-09753e05.js → p-554d326a.js}

@@ -1 +1 @@
-import{b as t}from"./p-b92324e7.js";var s;!function(t){t.x="x",t.y="y",t.both="both"}(s||(s={}));class i{constructor({target:i,trigger:e,limit:h,center:o,direction:n=s.both,snapOnMouseDown:r=!1,useTransform:a=!1}){this.drag={x:0,y:0},this.offset={left:0,top:0},this.events={end:[],drag:[]},this.active=!1,this.anim=!1,this.busy=!1,this.target=i,this.trigger=e||i,this.direction=n,this.limit=h,this.useTransform=a,this.snapOnMouseDown=r,this.center=o,this.container=this.findRelativeContainer(),this.offset={top:this.useTransform?t(i).y:i.offsetTop,left:this.useTransform?t(i).x:i.offsetLeft},this.attachEvents()}attachEvents(){window.addEventListener("mousemove",(t=>this.windowMove(t))),window.addEventListener("mouseup",(()=>this.windowUp())),this.trigger.addEventListener("mousedown",(t=>this.triggerDown(t)))}computedStyle(t,s){return window.getComputedStyle(t,null).getPropertyValue(s)}findRelativeContainer(){const{target:t}=this,s=Node.ELEMENT_NODE;let i=t.parentNode;for(;i&&i.nodeType===s;){if(["absolute","relative"].includes(this.computedStyle(i,"position")))return i;i=i.parentNode}return null}windowMove(t){if(!this.active)return;const{limit:s}=this,{center:{x:i,y:e}={x:0,y:0}}=this;let h=t.pageX-this.drag.x-i,o=t.pageY-this.drag.y-e;this.busy=!0;const[n,r,a,l]=[s&&s.x&&s.x.max-i,s&&s.x&&s.x.min-i,s&&s.y&&s.y.max-e,s&&s.y&&s.y.min-e];(n||0===n)&&h>n&&(h=n),(r||0===r)&&h<r&&(h=r),(a||0===a)&&o>a&&(o=a),(l||0===l)&&o<l&&(o=l),this.offset={top:o,left:h},this.removeTransition(),this.move()}windowUp(){this.active&&(this.triggerEvent("end",this.getCurrentPosition()),this.animTimeout=setTimeout((()=>{clearTimeout(this.animTimeout),this.busy=!1}),210),this.active=!1)}triggerDown(t){this.active=!0,this.snapOnMouseDown&&(this.offset.left=t.offsetX,this.offset.top=t.offsetY,this.move()),this.drag.x=t.pageX-this.offset.left,this.drag.y=t.pageY-this.offset.top}move(t=!0){const{direction:i,useTransform:e,target:h,offset:{top:o,left:n}}=this;i===s.both?e?h.style.transform=`translate(${n}px, ${o}px)`:(h.style.top=o+"px")&&(h.style.left=n+"px"):i===s.x?e?h.style.transform=`translateX(${n}px)`:h.style.left=n+"px":i===s.y&&(e?h.style.transform=`translateY(${o}px)`:h.style.top=o+"px"),t&&this.triggerEvent("drag",this.getCurrentPosition())}calculateOffset(){const{target:t,container:s}=this;let{left:i,top:e}=t.style;if(!s)return{left:i,top:e};const[h,o]=[t.getBoundingClientRect(),s.getBoundingClientRect()];return i=h.left-o.left,e=h.top-o.top,{left:i,top:e}}getCurrentPosition(){const{target:s}=this,{center:{x:i,y:e}={x:0,y:0}}=this;let{left:h,top:o}=this.calculateOffset();return{x:this.useTransform?t(s).x+i:parseFloat(h)+i,y:this.useTransform?t(s).y+e:parseFloat(o)+e}}setPosition({x:t,y:s,anim:i}){const{center:{x:e,y:h}={x:0,y:0}}=this;(t||0===t)&&(this.offset.left=t-e),(s||0===s)&&(this.offset.top=s-h),i&&this.applyTransition(),this.move(!1)}applyTransition(){this.anim=!0,this.target.style.transition="transform 0.2s ease"}removeTransition(){this.anim=!1,this.target.style.transition=""}getOffset(){return this.offset}on(t,s){this.events[t].push(s)}triggerEvent(t,...s){this.events[t].forEach((t=>t(s[0])))}}export{s as D,i as E}
+import{a as t}from"./p-4cb268d2.js";var s;!function(t){t.x="x",t.y="y",t.both="both"}(s||(s={}));class i{constructor({target:i,trigger:e,limit:h,center:o,direction:n=s.both,snapOnMouseDown:r=!1,useTransform:a=!1}){this.drag={x:0,y:0},this.offset={left:0,top:0},this.events={end:[],drag:[]},this.active=!1,this.anim=!1,this.busy=!1,this.target=i,this.trigger=e||i,this.direction=n,this.limit=h,this.useTransform=a,this.snapOnMouseDown=r,this.center=o,this.container=this.findRelativeContainer(),this.offset={top:this.useTransform?t(i).y:i.offsetTop,left:this.useTransform?t(i).x:i.offsetLeft},this.attachEvents()}attachEvents(){window.addEventListener("mousemove",(t=>this.windowMove(t))),window.addEventListener("mouseup",(()=>this.windowUp())),this.trigger.addEventListener("mousedown",(t=>this.triggerDown(t)))}computedStyle(t,s){return window.getComputedStyle(t,null).getPropertyValue(s)}findRelativeContainer(){const{target:t}=this,s=Node.ELEMENT_NODE;let i=t.parentNode;for(;i&&i.nodeType===s;){if(["absolute","relative"].includes(this.computedStyle(i,"position")))return i;i=i.parentNode}return null}windowMove(t){if(!this.active)return;const{limit:s}=this,{center:{x:i,y:e}={x:0,y:0}}=this;let h=t.pageX-this.drag.x-i,o=t.pageY-this.drag.y-e;this.busy=!0;const[n,r,a,l]=[s&&s.x&&s.x.max-i,s&&s.x&&s.x.min-i,s&&s.y&&s.y.max-e,s&&s.y&&s.y.min-e];(n||0===n)&&h>n&&(h=n),(r||0===r)&&h<r&&(h=r),(a||0===a)&&o>a&&(o=a),(l||0===l)&&o<l&&(o=l),this.offset={top:o,left:h},this.removeTransition(),this.move()}windowUp(){this.active&&(this.triggerEvent("end",this.getCurrentPosition()),this.animTimeout=setTimeout((()=>{clearTimeout(this.animTimeout),this.busy=!1}),210),this.active=!1)}triggerDown(t){this.active=!0,this.snapOnMouseDown&&(this.offset.left=t.offsetX,this.offset.top=t.offsetY,this.move()),this.drag.x=t.pageX-this.offset.left,this.drag.y=t.pageY-this.offset.top}move(t=!0){const{direction:i,useTransform:e,target:h,offset:{top:o,left:n}}=this;i===s.both?e?h.style.transform=`translate(${n}px, ${o}px)`:(h.style.top=o+"px")&&(h.style.left=n+"px"):i===s.x?e?h.style.transform=`translateX(${n}px)`:h.style.left=n+"px":i===s.y&&(e?h.style.transform=`translateY(${o}px)`:h.style.top=o+"px"),t&&this.triggerEvent("drag",this.getCurrentPosition())}calculateOffset(){const{target:t,container:s}=this;let{left:i,top:e}=t.style;if(!s)return{left:i,top:e};const[h,o]=[t.getBoundingClientRect(),s.getBoundingClientRect()];return i=h.left-o.left,e=h.top-o.top,{left:i,top:e}}getCurrentPosition(){const{target:s}=this,{center:{x:i,y:e}={x:0,y:0}}=this;let{left:h,top:o}=this.calculateOffset();return{x:this.useTransform?t(s).x+i:parseFloat(h)+i,y:this.useTransform?t(s).y+e:parseFloat(o)+e}}setPosition({x:t,y:s,anim:i}){const{center:{x:e,y:h}={x:0,y:0}}=this;(t||0===t)&&(this.offset.left=t-e),(s||0===s)&&(this.offset.top=s-h),i&&this.applyTransition(),this.move(!1)}applyTransition(){this.anim=!0,this.target.style.transition="transform 0.2s ease"}removeTransition(){this.anim=!1,this.target.style.transition=""}getOffset(){return this.offset}on(t,s){this.events[t].push(s)}triggerEvent(t,...s){this.events[t].forEach((t=>t(s[0])))}}export{s as D,i as E}

package/dist/bromcom-ui/p-68ff64de.js

@@ -0,0 +1 @@
+var a,n,e;!function(a){a.large="large",a.medium="medium",a.small="small"}(a||(a={})),function(a){a.normal="normal",a.pane="pane",a.stepper="stepper"}(n||(n={})),function(a){a.horizontal="horizontal",a.vertical="vertical"}(e||(e={}));export{e as D,a as S,n as T}

package/dist/bromcom-ui/p-7238d22f.entry.js

@@ -0,0 +1 @@
+import{r as i,h as e,H as s}from"./p-6e0d3067.js";import{c as t}from"./p-5525b672.js";import{C as o}from"./p-312efff7.js";import{e as n}from"./p-4cb268d2.js";const r=class{constructor(e){i(this,e),this.type="basic",this.status="basic"===this.type?"error":"default",this.hidden=!1,this.color=null,this.size="small"}handleColor(i){if(i)return{backgroundColor:null!==i.match(/^#[a-f0-9]{6}$/i)||"rgb"===i.substring(0,3).toLowerCase()?i:n(o,i)}}render(){const i=t("badge-dot",this.status,this.type,this.size);if("info"===this.type)return e("div",{class:"badge-info"},e("span",{class:i,style:this.handleColor(this.color)}),e("span",{class:"badge-text"},e("slot",null)));const o=t(this.hidden?"hidden":null);return e(s,{class:o},this.value?e("span",{class:"badge-basic "+this.status}," ",this.value," "):e("span",{class:i,style:this.handleColor(this.color)}))}};r.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:inline-block}:host(.hidden){display:none}.success{background-color:#52C41A}.error{background-color:#F5222D}.default{background-color:#D9D9D9}.processing{background-color:#4293CF}.warning{background-color:#FA8C16}.badge-basic{padding:0 8px;border:1px solid #FFFFFF;color:var(--bcm-color-grey-1);border-radius:16px;font-size:14px;height:22px;display:inline-flex;align-items:center;justify-content:center}.badge-info{display:inline-flex;align-items:center}.badge-text{color:var(--bcm-color-grey-7);font-size:14px}.badge-dot{display:inline-block;width:8px;height:8px;border:1px solid #FFFFFF;margin-right:8px;border-radius:100%;box-sizing:border-box;margin-bottom:1px}.badge-dot.basic.medium{width:12px;height:12px;margin-bottom:-1px;line-height:1}.badge-dot.basic.large{width:16px;height:16px;margin-bottom:-1px;line-height:1}';export{r as bcm_badge}

package/dist/bromcom-ui/p-7f1cd976.entry.js

@@ -0,0 +1 @@
+import{r as i,c as t,h as e,H as o,g as s}from"./p-6e0d3067.js";import{c as n}from"./p-5525b672.js";var r,l,c;!function(i){i.info="info",i.error="error",i.warning="warning",i.success="success",i.none="none"}(r||(r={})),function(i){i.modal="modal",i.information="information",i.confirmation="confirmation"}(l||(l={})),function(i){i.portrait="portrait",i.landscape="landscape"}(c||(c={}));const a=class{constructor(e){i(this,e),this.ok=t(this,"bcm-ok",7),this.cancel=t(this,"bcm-cancel",7),this.slotHeader=!1,this.slotContent=!1,this.slotFooter=!1,this.slotHeaderHtml="",this.slotContentHtml="",this.slotFooterHtml="",this.bodyStyleOverflow="",this.type=l.modal,this.status=r.none,this.okText="OK",this.cancelText="Cancel",this.isShow=!1,this.hidden=!1,this.size="medium",this.fullWidth=!1,this.backdrop=!0}componentWillLoad(){this.type!==l.modal&&this.status===r.none&&(this.status=r.info)}componentDidRender(){this.el.shadowRoot.querySelector("slot").assignedElements().map((i=>{"bcm-modal-header"===String(i.tagName).toLowerCase()&&(i.slot="header",this.headerArea=!0),"bcm-modal-footer"===String(i.tagName).toLowerCase()&&(i.slot="footer",this.footerArea=!0)}))}getIcon(){switch(this.status){case r.info:return e("bcm-icon",{type:"outlined",icon:"info-circle",size:"medium",color:"prime-blue-6"});case r.error:return e("bcm-icon",{type:"outlined",icon:"close-circle",size:"medium",color:"red-6"});case r.warning:return e("bcm-icon",{type:"outlined",icon:"exclamation-circle",size:"medium",color:"warmyellow-6"});case r.success:return e("bcm-icon",{type:"outlined",icon:"check-circle",size:"medium",color:"green-6"})}}handleOk(){this.ok.emit(),this.isShow=!1}handleCancel(){this.cancel.emit(),this.isShow=!1}getFooterActions(){return this.footerArea&&e("footer",null," ",e("slot",{name:"footer"})," ")}handleSubmit(i){"bcm-button"===i.target.nodeName.toLowerCase()&&i.target.dataDismiss&&this.dismiss()}dismiss(){this.isShow=!1,document.querySelector("body").style.overflow=this.bodyStyleOverflow}handleBackdrop(){1==this.backdrop&&this.dismiss()}async hide(){this.dismiss()}async show(){this.isShow=!0,"hidden"!=document.querySelector("body").style.overflow&&(this.bodyStyleOverflow=document.querySelector("body").style.overflow),document.querySelector("body").style.overflow="hidden"}keyboardNavigation(i){1==this.backdrop&&27==(i.which||0)&&(i.preventDefault(),this.dismiss())}render(){const{type:i,status:t,headerTitle:s,isShow:r,headerArea:c,size:a,fullWidth:h}=this,d=n("card",t,a,h?"full-width":null),p=n("modal",{show:r}),x=n(this.hidden?"hidden":null);return e(o,{class:x},e("div",{class:p},e("div",{class:"overlay",onClick:()=>this.handleBackdrop()}),e("div",{class:d},i===l.modal&&c&&e("header",null,e("slot",{name:"header"})," ",e("bcm-icon",{icon:"close",color:"grey-10",onClick:()=>this.dismiss()})),e("div",{class:"text-content"},i!==l.modal&&e("span",{class:"title"},this.getIcon(),c&&e("slot",{name:"header"}),!c&&s),e("p",{class:i!==l.modal?"with-status":""},e("slot",null)),i!==l.modal&&this.getFooterActions()),i===l.modal&&this.getFooterActions())))}get el(){return s(this)}};a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:block}:host(.hidden){display:none}.modal{display:flex;position:fixed;justify-content:center;align-items:flex-start;top:0;left:0;opacity:0;margin:0;padding:80px 40px 40px;overflow:hidden;overflow-y:auto;background-color:rgba(0, 0, 0, 0.5);box-sizing:border-box;z-index:-1000;width:100vw;height:100vh;visibility:hidden}.modal.show{visibility:visible;top:0;opacity:1;z-index:10500}.overlay{position:fixed;width:100vw;height:100vh;z-index:1;top:0;left:0}.card{display:flex;flex-direction:column;width:100%;box-shadow:0px 4px 12px rgba(0, 0, 0, 0.15);border-radius:2px;background-color:#fff;z-index:2}.card.portrait{max-width:312px}.card.landscape{max-width:475px}.card.small{width:576px}.card.medium{width:768px}.card.large{width:992px}.card.x-large{width:1024px}.card.xx-large{width:1200px}.card.xxx-large{width:1700px}.card.full-width{width:100%}.text-content{font-size:14px;line-height:22px;color:var(--bcm-color-grey-8);padding:0}.title{position:relative;display:flex;align-items:center;justify-content:flex-start;padding-right:24px;font-size:16px;line-height:24px;font-weight:500;color:var(--bcm-color-grey-9)}.title bcm-icon{margin-right:8px}p:not(.with-status){margin:0}p.with-status{padding-left:32px}header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;font-size:16px;line-height:24px;font-weight:500;color:var(--bcm-color-grey-9);background-color:var(--bcm-color-grey-2);border-bottom:1px solid var(--bcm-color-grey-5)}header bcm-icon{cursor:pointer}footer{position:relative;display:flex;align-items:flex-start;justify-content:flex-end;padding:10px 16px;border-top:1px solid var(--bcm-color-grey-5);background-color:var(--bcm-color-grey-2)}footer bcm-button+bcm-button{margin-left:8px}.footer{display:flex;align-items:flex-start;justify-content:flex-end}.footer bcm-button+bcm-button{margin-left:8px}';export{a as bcm_modal}

package/dist/bromcom-ui/p-811c24d7.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,f as s,h as e,H as h,g as a}from"./p-6e0d3067.js";import{c as n}from"./p-5525b672.js";import{d as c,g as l}from"./p-4cb268d2.js";import{S as o,T as r,D as b}from"./p-68ff64de.js";const p=class{constructor(s){t(this,s),this.click=i(this,"bcm-click",7),this.change=i(this,"bcm-change",7),this.bcmTabsActiveItem=i(this,"bcm-tabs-active-item",7),this.tabs=[],this.firstInit=!0,this.count=0,this.size=o.large,this.type=r.normal,this.direction=b.horizontal,this.hidden=!1,this.fullWidth=!1,this.underline=!0,this.activeChild=1,this.lineOpts={top:"0px",left:"0px",right:"0px",width:"0px",height:"0px"},this.prevButton=null,this.nextButton=null,this.completeButton=null,this.prevButtonState="disabled",this.nextButtonState="disabled",this.completeButtonState="disabled"}async config(t){return t.prevButton&&(t.prevButton.id&&(this.prevButton=document.querySelector("#"+t.prevButton.id)),t.prevButton.state&&(this.prevButtonState=t.prevButton.state)),t.nextButton&&(t.nextButton.id&&(this.nextButton=document.querySelector("#"+t.nextButton.id)),t.nextButton.state&&(this.nextButtonState=t.nextButton.state)),t.completeButton&&(t.completeButton.id&&(this.completeButton=document.querySelector("#"+t.completeButton.id)),t.completeButton.state&&(this.completeButtonState=t.completeButton.state)),this.buttonControl(),!0}async next(){var t="#"+this.tabs[this.getActive()-1].formControl,i=document.querySelector(t),s=null;return i&&(s=await i.submit()),(i&&s.isValid||!i)&&(this.activeChild=this.getActive()+1,this.active(this.tabs[this.getActive()-1].tabId)),s}async prev(){return this.activeChild=this.getActive()-1,this.active(this.tabs[this.getActive()-1].tabId),this.activeChild}async complete(){const t=[];var i=!0;this.tabs.forEach((i=>{if(i.formControl){const s=document.querySelector("#"+i.formControl);s&&t.push(s.submit())}}));const s=await Promise.all(t);return s.forEach((t=>{if(!1===t.isValid&&(i=!1,t.formName)){const i=this.tabs.filter((i=>i.formControl==t.formName))[0].tabId;this.active(i)}})),{isValid:i,Forms:s}}async active(t){var i=0;this.activeChild=-1,await c(100),l(this.el,"bcm-tab").forEach((s=>{i++,s.tabId==t&&(s.disabled=!1,s.active=!0,this.bcmTabsActiveItem.emit(s.tabId),this.activeChild=i),s.tabId!=t&&(s.active=!1)}))}async getActiveTab(){return this.tabs[this.getActive()-1].tabId}async getActiveIndex(){return this.getActive()}async error(t,i=!1){l(this.el,"bcm-tab").forEach((s=>{s.tabId==t&&(s.badge=!0,s.blink=i,s.status="error")}))}async info(t,i=!1){l(this.el,"bcm-tab").forEach((s=>{s.tabId==t&&(s.badge=!0,s.blink=i,s.status="processing")}))}async warning(t,i=!1){l(this.el,"bcm-tab").forEach((s=>{s.tabId==t&&(s.badge=!0,s.blink=i,s.status="warning")}))}async success(t,i=!1){l(this.el,"bcm-tab").forEach((s=>{s.tabId==t&&(s.badge=!0,s.blink=i,s.status="success")}))}async statusReset(t){l(this.el,"bcm-tab").forEach((i=>{i.tabId==t&&(i.badge=!1,i.blink=!1,i.status="default")}))}buttonControl(){this.prevButton&&(1==this.activeChild?this.prevButton.setAttribute(this.prevButtonState,"true"):this.prevButton.removeAttribute(this.prevButtonState)),this.nextButton&&(this.getActive()==this.count?this.nextButton.setAttribute(this.nextButtonState,"true"):this.nextButton.removeAttribute(this.nextButtonState)),this.completeButton&&(this.getActive()==this.count?this.completeButton.removeAttribute(this.completeButtonState):this.completeButton.setAttribute(this.completeButtonState,"true"))}componentDidRender(){if(!this.firstInit)return;let t;t=this.el.shadowRoot.querySelector("slot").assignedElements(),this.tabs=[],this.activeChild=this.getActive();var i=!1,s=null,e=0;t.map((t=>{e++,"stepper"==this.type&&(t.disabled=!0),s||(s=t.tabId),"bcm-tab"==String(t.tagName).toLowerCase()&&(t.type=this.type,this.tabs.push(t)-1==this.activeChild&&(this.activateChild(this.activeChild),i=!0)),this.count=e})),i||this.active(s),setTimeout((()=>{this.el.shadowRoot.querySelector(".tabs").classList.add("animatable")}),500)}componentDidLoad(){l(this.el,"bcm-tab").forEach((t=>{t.active&&(this.bcmTabsActiveItem.emit(t.tabId),t.disabled=!1)}))}getActive(){const t=l(this.el,"bcm-tab").findIndex((t=>t.active));return t>=0?t+1:1}getChildIdx(t){let i=1;for(;t.previousElementSibling;)t=t.previousElementSibling,i++;return i}activateChild(t){const i=this.tabs[t-=1];i&&(this.tabs.forEach((t=>t.active=!1)),i.active=!0,i.disabled=!1,this.transformLine(t),this.firstInit&&s(this.el),this.firstInit=!1)}transformLine(t){const i=this.tabs[t];"horizontal"==this.direction?(this.lineOpts.top=i.offsetTop+i.offsetHeight+"px",this.lineOpts.left=i.offsetLeft+"px",this.lineOpts.width=i.offsetWidth+"px",this.lineOpts.right="unset",this.lineOpts.height="2px"):(this.lineOpts.top=i.offsetTop+"px",this.lineOpts.left="unset",this.lineOpts.right="0",this.lineOpts.width="2px",this.lineOpts.height=i.offsetHeight+"px")}getLineTransform(){return{"--bcm-tabs-line-top":this.lineOpts.top,"--bcm-tabs-line-left":this.lineOpts.left,"--bcm-tabs-line-width":this.lineOpts.width,"--bcm-tabs-line-right":this.lineOpts.right,"--bcm-tabs-line-height":this.lineOpts.height}}handleTabClick(t){const i=this.getChildIdx(t.target);this.activeChild=null,this.activeChild=i}handleTabClose(t){const i=t.target,s=this.getChildIdx(i);i.remove(),this.tabs.splice(s-1,1),s===this.activeChild&&(this.activeChild=1,this.activateChild(1))}activeChildChange(t){this.activateChild(t),this.change.emit(t),this.buttonControl()}windowResize(){this.transformLine(this.activeChild-1),s(this.el)}render(){const t=n("tabs",[this.direction],[this.size],[this.type],this.fullWidth?"full-width":null,this.underline?"underline":null),i=n(this.hidden?"hidden":null);return e(h,{class:i},e("div",{class:t,style:this.getLineTransform(),"on-bcm-click":t=>this.handleTabClick(t),"on-bcm-close":t=>this.handleTabClose(t)},e("slot",null)))}get el(){return a(this)}static get watchers(){return{activeChild:["activeChildChange"]}}};p.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:block}:host(.hidden){display:none}::slotted(bcm-tab:not(:last-child)){margin-right:32px}.tabs{position:relative;display:flex;flex-wrap:wrap}.tabs.large{--bcm-tab-vertical-space:16px;--bcm-tab-font-size:16px;--bcm-tab-line-height:24px}.tabs.medium{--bcm-tab-vertical-space:11px;--bcm-tab-font-size:14px;--bcm-tab-line-height:22px}.tabs.small{--bcm-tab-vertical-space:7px;--bcm-tab-font-size:14px;--bcm-tab-line-height:22px}.tabs.pane{--bcm-tab-vertical-space:9px;--bcm-tab-font-size:14px;--bcm-tab-line-height:22px}.tabs.full-width{width:100%;display:flex;align-items:center;justify-content:center}.tabs.full-width ::slotted(bcm-tab){flex:1}.tabs.underline:after{content:"";margin-top:0;z-index:0;left:0;width:100%;height:2px;background-color:var(--bcm-color-grey-4)}.tabs.animatable:before{transition:all 0.4s ease}.tabs.pane ::slotted(bcm-tab:not(:last-child)){margin-right:2px}.tabs.pane:before{display:none}.tabs.vertical{flex-direction:column;width:fit-content}.tabs.vertical:before{content:"";position:absolute;top:var(--bcm-tabs-line-top);left:var(--bcm-tabs-line-left);right:var(--bcm-tabs-line-right);width:var(--bcm-tabs-line-width);height:var(--bcm-tabs-line-height);background-color:var(--bcm-color-prime-blue-6)}.tabs.vertical ::slotted(bcm-tab){margin-right:0}';export{p as bcm_tabs}

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

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

package/dist/bromcom-ui/{p-1a2724a0.entry.js → p-92e3e240.entry.js}

@@ -1 +1 @@
-import{r as e,c as i,h as t,H as s,g as o}from"./p-6e0d3067.js";import{c as n}from"./p-5525b672.js";import{g as l,i as p}from"./p-b92324e7.js";const h=class{constructor(t){e(this,t),this.pullDownRootGroupOpen=i(this,"bcm-pulldown-root-group-open",7),this.pulldownClearSelecteds=i(this,"bcm-pulldown-clear-selecteds",7),this._items=[],this.hidden=!1,this.items=[]}async setData(e=[]){this._items=e}componentWillLoad(){this.parseItems(this._items)}componentDidRender(){l(this.el,"bcm-pulldown-item").filter((e=>e.parentElement&&!p(e.parentElement,"bcm-pulldown-group"))).forEach((e=>e.root=!0))}handlePulldownRootGroupOpen(e){const i=e.detail;window.innerWidth<=576||l(this.el,"bcm-pulldown-group").forEach((e=>{"bcm-pulldown-group"!==String(e.parentElement.tagName).toLowerCase()&&e.id!==i&&(e.open=!1)}))}itemRenderer(e){return t("bcm-pulldown-item",null,e.icon&&t("bcm-icon",{icon:e.icon,type:e.iconType?e.iconType:"outlined"}),e.text)}recursiveGroupRenderer(e){return t("bcm-pulldown-group",Object.assign({title:e.title},e.open&&{open:!0},"right"===e.direction&&{direction:"right"}),e.icon&&t("bcm-icon",{slot:"icon",icon:e.icon,type:e.iconType?e.iconType:"outlined"}),e.items.map((e=>"item"===e.type&&this.itemRenderer(e)||"group"===e.type&&this.recursiveGroupRenderer(e))))}handleMenuItemSelected(e){this.pulldownClearSelecteds.emit(e.detail)}parseItems(e){e&&(this.items="string"==typeof e?JSON.parse(e):e)}render(){const e=n(this.hidden?"hidden":null);return t(s,{class:e},t("div",{class:"pulldown"},0===this.items.length&&t("slot",null),0!==this.items.length&&this.items.map((e=>"item"===e.type&&this.itemRenderer(e)||"group"===e.type&&this.recursiveGroupRenderer(e)))))}get el(){return o(this)}static get watchers(){return{_items:["parseItems"]}}};h.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:block}:host(.hidden){display:none}.pulldown{position:relative;display:flex;align-items:center;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);background-color:#ffffff}@media screen and (min-width: 576px){.pulldown{flex-direction:column;align-items:flex-start}}@media screen and (min-width: 576px){.pulldown>*{width:100%}}::slotted(*){height:100%}';export{h as bcm_pulldown}
+import{r as e,c as i,h as t,H as s,g as o}from"./p-6e0d3067.js";import{c as n}from"./p-5525b672.js";import{g as l,i as p}from"./p-4cb268d2.js";const h=class{constructor(t){e(this,t),this.pullDownRootGroupOpen=i(this,"bcm-pulldown-root-group-open",7),this.pulldownClearSelecteds=i(this,"bcm-pulldown-clear-selecteds",7),this._items=[],this.hidden=!1,this.items=[]}async setData(e=[]){this._items=e}componentWillLoad(){this.parseItems(this._items)}componentDidRender(){l(this.el,"bcm-pulldown-item").filter((e=>e.parentElement&&!p(e.parentElement,"bcm-pulldown-group"))).forEach((e=>e.root=!0))}handlePulldownRootGroupOpen(e){const i=e.detail;window.innerWidth<=576||l(this.el,"bcm-pulldown-group").forEach((e=>{"bcm-pulldown-group"!==String(e.parentElement.tagName).toLowerCase()&&e.id!==i&&(e.open=!1)}))}itemRenderer(e){return t("bcm-pulldown-item",null,e.icon&&t("bcm-icon",{icon:e.icon,type:e.iconType?e.iconType:"outlined"}),e.text)}recursiveGroupRenderer(e){return t("bcm-pulldown-group",Object.assign({title:e.title},e.open&&{open:!0},"right"===e.direction&&{direction:"right"}),e.icon&&t("bcm-icon",{slot:"icon",icon:e.icon,type:e.iconType?e.iconType:"outlined"}),e.items.map((e=>"item"===e.type&&this.itemRenderer(e)||"group"===e.type&&this.recursiveGroupRenderer(e))))}handleMenuItemSelected(e){this.pulldownClearSelecteds.emit(e.detail)}parseItems(e){e&&(this.items="string"==typeof e?JSON.parse(e):e)}render(){const e=n(this.hidden?"hidden":null);return t(s,{class:e},t("div",{class:"pulldown"},0===this.items.length&&t("slot",null),0!==this.items.length&&this.items.map((e=>"item"===e.type&&this.itemRenderer(e)||"group"===e.type&&this.recursiveGroupRenderer(e)))))}get el(){return o(this)}static get watchers(){return{_items:["parseItems"]}}};h.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:block}:host(.hidden){display:none}.pulldown{position:relative;display:flex;align-items:center;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);background-color:#ffffff}@media screen and (min-width: 576px){.pulldown{flex-direction:column;align-items:flex-start}}@media screen and (min-width: 576px){.pulldown>*{width:100%}}::slotted(*){height:100%}';export{h as bcm_pulldown}

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

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

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

@@ -0,0 +1 @@
+import{r as o,c as r,h as e,H as i}from"./p-6e0d3067.js";import{c}from"./p-5525b672.js";import{C as l}from"./p-312efff7.js";import{e as t}from"./p-4cb268d2.js";var a;!function(o){o.black="black",o.white="white",o["prime-blue"]="prime-blue",o.grey="grey",o.blue="blue",o.warmyellow="warmyellow",o.yellow="yellow",o.limegreen="limegreen",o.red="red",o.darkorange="darkorange",o.orange="orange",o.green="green",o.turquosie="turquosie",o.cobaltblue="cobaltblue",o.magenta="magenta",o.purple="purple",o["bc-red"]="bc-red",o["bc-blue"]="bc-blue",o["bc-green"]="bc-green",o["bc-orange"]="bc-orange"}(a||(a={}));const d=class{constructor(e){o(this,e),this.change=r(this,"bcm-change",3),this.focus=r(this,"bcm-focus",3),this.blur=r(this,"bcm-blur",3),this.optionType="default",this.buttonStyle="solid",this.size="medium",this.hidden=!1,this.required=!1}handleFocus(){this.focus.emit()}handleBlur(){this.blur.emit()}async check(o){this.radio.checked=o,this.handleChange()}handleChange(){this.checked=this.radio.checked,this.change.emit({value:this.radio.value,checked:this.radio.checked})}connectedCallback(){this.handleChange=this.handleChange.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleBlur=this.handleBlur.bind(this)}getColor(o){if("default"!==this.color&&"button"==this.optionType&&this.checked)return{borderColor:t(l,a[o]+"-5"),backgroundColor:t(l,a[o]+"-5")}}render(){const{checked:o,value:r,disabled:l,optionType:t,buttonStyle:a,size:d}=this,n=c("radio-container","size-2",{checked:o,disabled:l}),s=c("radio-button",a,d,{"size-2":"small"===d||"medium"===d,"size-3":"large"===d,checked:o,disabled:l}),b=c(this.hidden?"hidden":null);return e(i,{class:b,onFocus:this.handleFocus,onBlur:this.handleBlur},e("label",{class:"default"==t?n:s,style:this.getColor(this.color)},e("input",{type:"radio",value:r,checked:o,ref:o=>this.radio=o,onChange:this.handleChange,disabled:l}),"default"===t&&e("span",{class:"radio"},e("span",{class:"inner"})),e("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}:host{display:inline-block}:host(.hidden){display:none}input[type=radio]{position:absolute;width:0;height:0;opacity:0}label{user-select:none;display:inline-flex;align-items:center;color:var(--bcm-color-grey-8);cursor:pointer}.radio-container .radio{width:16px;height:16px;min-width:16px;min-height:16px;border:1px solid var(--bcm-color-grey-5);border-radius:100%;background-color:var(--bcm-color-grey-1);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;transition-duration:0.3s;margin-right:8px}.radio-container .radio .inner{width:8px;height:8px;border-radius:100%;background-color:var(--bcm-color-grey-1)}.radio-container:hover:not(.disabled) .radio{border-color:var(--bcm-color-prime-blue-6);filter:drop-shadow(0px 2px 4px rgba(54, 121, 171, 0.5))}.radio-container.disabled{color:var(--bcm-color-grey-6);cursor:not-allowed}.radio-container.disabled .radio{border-color:var(--bcm-color-grey-5)}.radio-container.checked .radio{border-color:var(--bcm-color-prime-blue-6)}.radio-container.checked .inner{background-color:var(--bcm-color-prime-blue-6)}.radio-container.checked.disabled .radio{background-color:var(--bcm-color-grey-3);border-color:var(--bcm-color-grey-5)}.radio-container.checked.disabled .inner{background-color:var(--bcm-color-grey-6)}.radio-button{background-color:var(--bcm-color-grey-1);color:var(--bcm-color-grey-8);border:1px solid var(--bcm-color-grey-5);padding:0 16px;box-sizing:border-box}.radio-button:hover:not(.disabled){color:var(--bcm-color-prime-blue-5)}.radio-button:active:not(.disabled){color:var(--bcm-color-prime-blue-7)}.radio-button.disabled{background-color:var(--bcm-color-grey-3);color:var(--bcm-color-grey-6);cursor:not-allowed}.radio-button.checked.disabled{background-color:var(--bcm-color-grey-4);color:var(--bcm-color-grey-1);border-color:var(--bcm-color-grey-5)}.radio-button.checked.solid{color:var(--bcm-color-grey-1);background-color:var(--bcm-color-prime-blue-6);border-color:var(--bcm-color-prime-blue-6)}.radio-button.checked.solid:hover{background-color:var(--bcm-color-prime-blue-5);border-color:var(--bcm-color-prime-blue-5)}.radio-button.checked.solid:active{background-color:var(--bcm-color-prime-blue-7);border-color:var(--bcm-color-prime-blue-7)}.radio-button.checked.outline{background-color:var(--bcm-color-grey-1);color:var(--bcm-color-prime-blue-6);border-color:var(--bcm-color-prime-blue-6)}.radio-button.checked.outline:hover{color:var(--bcm-color-prime-blue-5);border-color:var(--bcm-color-prime-blue-5)}.radio-button.checked.outline:active{color:var(--bcm-color-prime-blue-7);border-color:var(--bcm-color-prime-blue-7)}.radio-button.large{height:40px}.radio-button.medium{height:32px}.radio-button.small{height:24px}';export{d as bcm_radio}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{r as e,c as o,h as i,H as c,g as t}from"./p-6e0d3067.js";import{c as r}from"./p-5525b672.js";import{C as l}from"./p-312efff7.js";import{e as s}from"./p-4cb268d2.js";const a=class{constructor(i){e(this,i),this.listSelected=o(this,"bcm-list-selected",7),this.listChecked=o(this,"bcm-list-checked",7),this.size="medium",this.hidden=!1,this.disabled=!1,this._internal_id=(4*Math.random()).toString(16).replace(".",""),this.template=null,this._uniq_id=(4*Math.random()).toString(16).replace(".",""),this._id=(4*Math.random()).toString(16).replace(".",""),this.itemObject=null,this.selected=!1,this.multiSelect=!1}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}componentDidLoad(){this.itemObject=this.itemObject}componentWillRender(){}componentDidRender(){}componentWillUpdate(){}componentDidUpdate(){}async select(){this.sendSelect()}handleClick(){this.sendSelect()}sendSelect(){if(!this.disabled){var e;e=this.itemObject?"string"==typeof this.itemObject?JSON.parse(this.itemObject):this.itemObject:this._id,this.listSelected.emit(e)}}handleCheckboxClick(e){e.preventDefault()}render(){const{size:e,disabled:o,selected:t,hidden:l,multiSelect:s}=this,a=r("list-item",e,{disabled:o,selected:t,"size-2":"small"===e||"medium"===e,"size-3":"large"===e}),n=r(l?"hidden":null,{disabled:o,selected:t,checkable:s}),b=r("checkbox",this.hidden?"hidden":null,{indeterminate:!1}),h=r("icon");return i(c,{class:n,onClick:()=>this.handleClick()},i("div",{class:a},s&&i("div",{class:"check-content"},i("div",{class:b,onClick:e=>this.handleCheckboxClick(e)},i("input",{id:"check-"+this._id,type:"checkbox",name:"check-"+this._id,checked:this.selected,disabled:this.disabled}),i("label",{htmlFor:"check-"+this._id},i("span",{class:h},i("svg",{class:"svg-icon icon-checked",width:"11",height:"9",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:"#BFBFBF",stroke:"#BFBFBF","stroke-width":"0.3"})))))),i("span",{id:"text"},this.text?this.text:i("slot",null))))}get el(){return t(this)}};var n;a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host(.hidden){display:none}:host(.selected) .list-item{color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}:host(.selected) .list-item:hover:not(.disabled){color:var(--bcm-color-prime-blue-7);background-color:var(--bcm-color-prime-blue-1)}:host(.selected) .list-item.disabled{color:var(--bcm-color-grey-6);cursor:not-allowed}:host(.selected) .list-item .check{background-color:#333333}:host(.checkable) .list-item .check{display:inline-block}.list-item{padding:8px;color:var(--bcm-color-grey-8);background-color:var(--bcm-color-grey-1);cursor:pointer;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;white-space:break-spaces;margin:0 8px}.list-item .check{display:none;background-color:#ededed;width:15px;height:15px}.list-item .highlight{background-color:var(--bcm-color-yellow-5)}.list-item:hover:not(.disabled),.list-item:active:not(.disabled){color:var(--bcm-color-grey-8);background-color:var(--bcm-color-prime-blue-1)}.list-item .check-content{display:flex;align-items:center;justify-content:flex-start;width:16px;min-width:16px;margin-right:8px;margin-bottom:2px}.checkbox{}.checkbox input{display:none}.checkbox .svg-icon{filter:brightness(0) invert(1);width:12px;height:12px}.checkbox label{display:flex;align-items:flex-start;font-size:14px;color:var(--bcm-color-grey-8);cursor:pointer}.checkbox label span.icon{display:flex;align-items:center;justify-content:center;min-width:16px;min-height:16px;border:1px solid #D9D9D9;margin-right:8px;border-radius:2px;margin-top:2px;background-color:var(--bcm-color-grey-1)}.checkbox.indeterminate label span.icon{position:relative}.checkbox.indeterminate label span.icon::after{content:"";position:absolute;top:50%;left:8px;width:10px;height:10px;background-color:var(--bcm-color-prime-blue-6);transform:translate(-50%, -50%);opacity:1;z-index:1}.checkbox.indeterminate label span.icon::before{content:"";position:absolute;top:-1px;left:-1px;width:16px;height:100%;border-radius:2px;background-color:var(--bcm-color-grey-1);border:1px solid var(--bcm-color-grey-5);opacity:1;z-index:1}.checkbox.indeterminate label span.icon:hover:not(.disabled):before{border-color:var(--bcm-color-prime-blue-6);box-shadow:0px 2px 4px rgba(54, 121, 171, 0.5)}.checkbox input:checked+label span.icon{background-color:var(--bcm-color-prime-blue-6);border-color:transparent}.checkbox input:checked+label .icon-checked{display:block}.checkbox bcm-icon{filter:brightness(0) invert(1)}.checkbox input[disabled]+label{cursor:not-allowed}.checkbox input[disabled]+label span.icon{background-color:var(--bcm-color-grey-3);border-color:var(--bcm-color-grey-5)}.checkbox input[disabled]+label bcm-icon{filter:brightness(0);opacity:0.3}.checkbox input:not([disabled])+label:hover span.icon{border-color:var(--bcm-color-prime-blue-6);box-shadow:0px 2px 4px rgba(54, 121, 171, 0.5)}.checkbox .caption-area{margin-bottom:8px;min-height:20px;display:block}.checkbox .input-caption{display:block}.checkbox .caption-default{color:#8C8C8C}.checkbox .caption-primary{color:#4293CF}.checkbox .caption-success{color:#52C41A}.checkbox .caption-warning{color:#FA8C16}.checkbox .caption-error{color:#F5222D}.checkbox .radio-button{background-color:var(--bcm-color-grey-1);color:var(--bcm-color-grey-8);border:1px solid var(--bcm-color-grey-5);padding:0 16px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.checkbox .radio-button>span.icon{display:none}.checkbox .radio-button>span.slot{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;user-select:none}.checkbox .radio-button:hover:not(.disabled){color:var(--bcm-color-prime-blue-5)}.checkbox .radio-button:active:not(.disabled){color:var(--bcm-color-prime-blue-7)}.checkbox .radio-button.disabled{background-color:var(--bcm-color-grey-3);color:var(--bcm-color-grey-6);cursor:not-allowed}.checkbox .radio-button.checked.disabled{background-color:var(--bcm-color-grey-4);color:var(--bcm-color-grey-1);border-color:var(--bcm-color-grey-5)}.checkbox .radio-button.checked.solid{color:var(--bcm-color-grey-1);background-color:var(--bcm-color-prime-blue-6);border-color:var(--bcm-color-prime-blue-6)}.checkbox .radio-button.checked.solid:hover{background-color:var(--bcm-color-prime-blue-5);border-color:var(--bcm-color-prime-blue-5)}.checkbox .radio-button.checked.solid:active{background-color:var(--bcm-color-prime-blue-7);border-color:var(--bcm-color-prime-blue-7)}.checkbox .radio-button.checked.outline{background-color:var(--bcm-color-grey-1);color:var(--bcm-color-prime-blue-6);border-color:var(--bcm-color-prime-blue-6)}.checkbox .radio-button.checked.outline:hover{color:var(--bcm-color-prime-blue-5);border-color:var(--bcm-color-prime-blue-5)}.checkbox .radio-button.checked.outline:active{color:var(--bcm-color-prime-blue-7);border-color:var(--bcm-color-prime-blue-7)}.checkbox .radio-button.large{height:40px}.checkbox .radio-button.medium{height:32px}.checkbox .radio-button.small{height:24px}',function(e){e.black="black",e.white="white",e["prime-blue"]="prime-blue",e.grey="grey",e.blue="blue",e.warmyellow="warmyellow",e.yellow="yellow",e.limegreen="limegreen",e.red="red",e.darkorange="darkorange",e.orange="orange",e.green="green",e.turquosie="turquosie",e.cobaltblue="cobaltblue",e.magenta="magenta",e.purple="purple",e["bc-red"]="bc-red",e["bc-blue"]="bc-blue",e["bc-green"]="bc-green",e["bc-orange"]="bc-orange"}(n||(n={}));const b=class{constructor(i){e(this,i),this.checkedChange=o(this,"bcm-tag-checked-change",7),this.tagDissmisable=o(this,"bcm-tag-dissmisable",7),this.type="basic",this.size="size-1",this.checked=!1,this.value="",this.hidden=!1,this._id=(4*Math.random()).toString(16).replace(".",""),this.maxWidth=!1,this._internal_id=(4*Math.random()).toString(16).replace(".","")}handleClick(){"checkable"===this.type&&(this.checked=!this.checked)}onCheckedChange(e,o){this.checkedChange.emit({newValue:e,oldValue:o})}getColor(e){if(("basic"==this.type||"dissmisable"==this.type)&&n[e])return{color:s(l,n[e]+"-6"),borderColor:s(l,n[e]+"-3"),backgroundColor:s(l,n[e]+"-1")}}getSize(e,o=!1){return Number(e)==e&&(e="size-"+e),o&&(e={1:"12",2:"14",3:"16",4:"20",5:"24",6:"30",7:"38",8:"46",9:"56"}[e=(e=e.split("-"))[e.length-1]]),e}handleClose(){this.tagDissmisable.emit(this.el)}render(){const{type:e,color:o,value:t,customStyle:l,size:s}=this,a=r("tag",this.getSize(s),e),n=r(this.hidden?"hidden":null,this.maxWidth?"maxwidth":null);return"add"===e?i(c,{class:n},i("button",{class:a},i("span",{class:"left"},i("bcm-icon",{icon:"plus",type:"outlined",color:"grey-8",size:Number(this.getSize(s,!0))+2})),t)):"dissmisable"===e?i(c,{class:n},i("span",{class:a,style:this.getColor(o)},i("span",{class:"value",style:l},t),i("span",{class:"right close-button",onClick:()=>this.handleClose(),style:{width:Number(this.getSize(s,!0))+2+"px"}},i("bcm-icon",{id:"close",icon:"close",type:"outlined",size:Number(this.getSize(s,!0))+2})))):"checkable"===e?i(c,{class:n},i("input",{type:"checkbox",checked:this.checked}),i("label",{class:a},t)):i(c,{class:n},i("span",{class:a,style:this.getColor(o)},t))}get el(){return t(this)}static get watchers(){return{checked:["onCheckedChange"]}}};b.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:inline-block;width:fit-content}:host(.hidden){display:none}:host(.maxwidth){max-width:100px}.tag{display:flex;align-items:center;justify-content:center;padding:0 8px;cursor:default;border-radius:48px;border:1px solid var(--bcm-color-grey-5);user-select:none;min-width:10px;min-height:20px}.tag.size-1{padding:calc(8px - 8px) 8px}.tag.size-2{padding:calc(9px - 8px) 9px}.tag.size-3{padding:calc(10px - 8px) 10px}.tag.size-4{padding:calc(11px - 8px) 11px}.tag.size-5{padding:calc(12px - 8px) 12px}.tag.size-6{padding:calc(13px - 8px) 13px}.tag.size-7{padding:calc(14px - 8px) 14px}.tag.size-8{padding:calc(15px - 8px) 15px}.tag.size-9{padding:calc(16px - 8px) 16px}.tag.basic,.tag.closeable,.tag.add,.tag.dissmisable{background-color:var(--bcm-color-grey-3);color:var(--bcm-color-grey-8)}.tag.basic:hover,.tag.closeable:hover,.tag.add:hover,.tag.dissmisable:hover{opacity:0.85}.tag.dissmisable{color:var(--bcm-color-grey-10)}.tag.dissmisable .close-button{width:14px;cursor:pointer}.tag.dissmisable .close-button bcm-icon{color:var(--bcm-color-grey-7)}.tag.dissmisable .close-button:hover bcm-icon{color:var(--bcm-color-grey-10)}.tag.add{border-style:dashed;background-color:var(--bcm-color-grey-1)}.tag.checkable{background-color:var(--bcm-color-grey-1);color:var(--bcm-color-grey-8);border-color:var(--bcm-color-grey-1)}.tag.checkable:hover{color:var(--bcm-color-prime-blue-5);cursor:pointer}.tag span{display:inline-flex}.tag span.left{margin-right:4px}.tag span.right{margin-left:4px}.tag:before,.tag:after{content:""}button{border:none;outline:0;cursor:pointer !important;margin:0}input[type=checkbox]{margin:0;width:0;height:0;visibility:hidden;position:absolute}input[type=checkbox]:checked+label{background-color:var(--bcm-color-prime-blue-6);color:var(--bcm-color-grey-1);border-color:var(--bcm-color-prime-blue-6)}input[type=checkbox]:checked+label:hover{background-color:var(--bcm-color-prime-blue-5);border-color:var(--bcm-color-prime-blue-5)}input[type=checkbox]:checked+label:active{background-color:var(--bcm-color-prime-blue-7);border-color:var(--bcm-color-prime-blue-7)}';export{a as bcm_list_item,b as bcm_tag}

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

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

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

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

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

@@ -0,0 +1 @@
+import{r as i,h as e,H as t}from"./p-6e0d3067.js";import{c as s}from"./p-5525b672.js";import{C as h}from"./p-312efff7.js";import{e as n}from"./p-4cb268d2.js";const p=class{constructor(e){i(this,e),this.scale="size-4",this.weight="regular",this.color="grey-10",this.hidden=!1}render(){const i=s("weight-"+this.weight,this.scale),p=s(this.hidden?"hidden":null);return e(t,{class:p},e("p",{class:i,style:{color:n(h,this.color)}},e("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}.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:block}:host(.hidden){display:none}p{margin:0;padding:0}';export{p as bcm_text}

package/dist/bromcom-ui/{p-26b3d5d0.entry.js → p-e8771d32.entry.js}

@@ -1 +1 @@
-import{r as i,c as o,f as e,h as t,H as n,g as s}from"./p-6e0d3067.js";import{c as l}from"./p-5525b672.js";import{g as r}from"./p-b92324e7.js";const p=i=>i.toLocaleLowerCase(),h=class{constructor(e){i(this,e),this.pullDownRootGroupOpen=o(this,"bcm-pulldown-root-group-open",7),this.isSubGroup=!1,this.initial=!0,this.willShow=!1,this.open=!1,this._title="",this._id=(4*Math.random()).toString(16).replace(".",""),this.hidden=!1}componentDidRender(){"bcm-pulldown-group"===p(this.el.parentElement.tagName)&&(this.isSubGroup=!0),this.initial&&(e(this.el),this.initial=!1,this.willShow&&this.show())}async childGroupToggle(i){const o=r(this.el,"bcm-pulldown-group");window.innerWidth<=576||o.forEach((o=>{o.id!==i&&"right"===o.direction&&(o.open=!1)}))}handleTitleClick(){const i=this.el.parentElement,o=i&&i.childGroupToggle;this.open=!this.open,o?i.childGroupToggle(this._id):"bcm-pulldown-group"!==String(i.tagName).toLowerCase()&&this.pullDownRootGroupOpen.emit(this._id)}handleWindowClick(i){const o=i.target;o&&("bcm-pulldown"===p(o.tagName)||"bcm-pulldown-group"===p(o.tagName)||"bcm-pulldown-item"===p(o.tagName)||o.parentElement&&"bcm-pulldown-item"===p(o.parentElement.tagName))||(this.open=!1)}show(){!this.open&&this.isSubGroup&&(this.open=!0)}handlePulldownItemSelected(){this.show(),this.willShow=!0}render(){const i=l("pulldown-group",{open:this.open,"sub-group":this.isSubGroup,right:"right"===this.direction}),o=l(this.hidden?"hidden":null);return t(n,{class:o},t("div",{class:i},t("div",{class:"title",onClick:()=>this.handleTitleClick()},t("div",{class:"text-content"},t("slot",{name:"icon"}),this._title),t("bcm-icon",{class:"collapse-icon",size:8,icon:"right"===this.direction?"caret-right":this.open?"caret-up":"caret-down",type:"fill",color:"grey-10"})),t("div",{class:"inner"},t("slot",null))))}get el(){return s(this)}};h.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:block}@media screen and (min-width: 576px){:host{width:100%}}:host(.hidden){display:none}.pulldown-group{--const-padding-vertical-sub:12px;--const-padding-horizontal-sub:40px;--group-shadow:0px 4px 4px rgba(0, 0, 0, 0.25)}.pulldown-group ::slotted(bcm-pulldown-item){--padding-vertical-sub:var(--const-padding-vertical-sub);--padding-horizontal-sub:var(--const-padding-horizontal-sub);--hover-color:var(--bcm-color-prime-blue-6);--selected-bg-color:var(--bcm-color-prime-blue-6)}.pulldown-group.open .title{color:var(--bcm-color-prime-blue-6)}.pulldown-group.open .inner{display:block}.inner{position:absolute;top:calc(100% + 5px);display:none;transition:height 0.3s ease;background-color:#ffffff;border-radius:2px;box-shadow:var(--group-shadow)}@media screen and (min-width: 576px){.inner{position:relative;box-shadow:none}}.title{display:flex;align-items:center;justify-content:space-between;font-size:14px;line-height:22px;color:var(--bcm-color-grey-7);cursor:pointer;padding:8px 8px;height:100%}.title .text-content{display:flex;align-items:center}.title .collapse-icon{margin-left:8px}.title ::slotted(bcm-icon){margin-right:10px}.title:hover{color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}@media screen and (min-width: 576px){.title{padding:var(--const-padding-vertical-sub) var(--const-padding-horizontal-sub)}}.pulldown-group.sub-group .title{padding:var(--const-padding-vertical-sub) var(--const-padding-horizontal-sub);white-space:nowrap}.pulldown-group.sub-group .inner{position:relative;box-shadow:none}.pulldown-group.sub-group.right{position:relative;--nowrap-sub:nowrap}.pulldown-group.sub-group.right .inner{position:absolute;top:0;left:100%;margin-left:2px;box-shadow:var(--group-shadow)}@media screen and (min-width: 576px){.pulldown-group.sub-group.right .inner{position:relative;left:0;box-shadow:none}}';const a=class{constructor(e){i(this,e),this.menuItemSelected=o(this,"bcm-pulldown-item-selected",7),this.root=!1,this.padding=!1,this.disabled=!1,this.selected=!1,this.hidden=!1,this.id=(4*Math.random()).toString(16).replace(".","")}componentWillRender(){this.selected&&this.menuItemSelected.emit(this.id)}handleMenuClearSelecteds(i){i.detail&&i.detail!==this.id&&(this.selected=!1)}handleClick(){this.selected=!0,this.menuItemSelected.emit(this.id)}render(){const i=l("pulldown-item",{root:this.root,padding:this.padding,disabled:this.disabled,selected:this.selected}),o=l(this.hidden?"hidden":null);return t(n,{class:o},t("div",{class:i,onClick:()=>this.handleClick()},t("slot",{name:"icon"}),t("slot",null)))}};a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:block}@media screen and (min-width: 576px){:host{width:100%}}:host(.hidden){display:none}.pulldown-item{--padding-vertical:10px;--padding-horizontal:8px;--nowrap:normal}.pulldown-item{display:flex;align-items:center;font-size:14px;line-height:22px;color:var(--bcm-color-grey-8);cursor:pointer;padding:var(--padding-vertical-sub, var(--padding-vertical)) var(--padding-horizontal-sub, var(--padding-horizontal));white-space:var(--nowrap-sub, var(--nowrap))}.pulldown-item.disabled{color:var(--bcm-color-grey-6)}.pulldown-item.selected{background-color:var(--bcm-color-prime-blue-6);color:#ffffff}.pulldown-item.selected:hover:not(.disabled){background-color:var(--bcm-color-prime-blue-7);color:#ffffff}.pulldown-item:hover:not(.disabled){color:var(--hover-color, var(--bcm-color-prime-blue-6));background-color:var(--hover-bg-color, var(--bcm-color-prime-blue-1))}.pulldown-item ::slotted(bcm-icon){margin-right:10px}@media screen and (min-width: 576px){.pulldown-item.root{padding:12px 40px}}';export{h as bcm_pulldown_group,a as bcm_pulldown_item}
+import{r as i,c as o,f as e,h as t,H as n,g as s}from"./p-6e0d3067.js";import{c as l}from"./p-5525b672.js";import{g as r}from"./p-4cb268d2.js";const p=i=>i.toLocaleLowerCase(),h=class{constructor(e){i(this,e),this.pullDownRootGroupOpen=o(this,"bcm-pulldown-root-group-open",7),this.isSubGroup=!1,this.initial=!0,this.willShow=!1,this.open=!1,this._title="",this._id=(4*Math.random()).toString(16).replace(".",""),this.hidden=!1}componentDidRender(){"bcm-pulldown-group"===p(this.el.parentElement.tagName)&&(this.isSubGroup=!0),this.initial&&(e(this.el),this.initial=!1,this.willShow&&this.show())}async childGroupToggle(i){const o=r(this.el,"bcm-pulldown-group");window.innerWidth<=576||o.forEach((o=>{o.id!==i&&"right"===o.direction&&(o.open=!1)}))}handleTitleClick(){const i=this.el.parentElement,o=i&&i.childGroupToggle;this.open=!this.open,o?i.childGroupToggle(this._id):"bcm-pulldown-group"!==String(i.tagName).toLowerCase()&&this.pullDownRootGroupOpen.emit(this._id)}handleWindowClick(i){const o=i.target;o&&("bcm-pulldown"===p(o.tagName)||"bcm-pulldown-group"===p(o.tagName)||"bcm-pulldown-item"===p(o.tagName)||o.parentElement&&"bcm-pulldown-item"===p(o.parentElement.tagName))||(this.open=!1)}show(){!this.open&&this.isSubGroup&&(this.open=!0)}handlePulldownItemSelected(){this.show(),this.willShow=!0}render(){const i=l("pulldown-group",{open:this.open,"sub-group":this.isSubGroup,right:"right"===this.direction}),o=l(this.hidden?"hidden":null);return t(n,{class:o},t("div",{class:i},t("div",{class:"title",onClick:()=>this.handleTitleClick()},t("div",{class:"text-content"},t("slot",{name:"icon"}),this._title),t("bcm-icon",{class:"collapse-icon",size:8,icon:"right"===this.direction?"caret-right":this.open?"caret-up":"caret-down",type:"fill",color:"grey-10"})),t("div",{class:"inner"},t("slot",null))))}get el(){return s(this)}};h.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:block}@media screen and (min-width: 576px){:host{width:100%}}:host(.hidden){display:none}.pulldown-group{--const-padding-vertical-sub:12px;--const-padding-horizontal-sub:40px;--group-shadow:0px 4px 4px rgba(0, 0, 0, 0.25)}.pulldown-group ::slotted(bcm-pulldown-item){--padding-vertical-sub:var(--const-padding-vertical-sub);--padding-horizontal-sub:var(--const-padding-horizontal-sub);--hover-color:var(--bcm-color-prime-blue-6);--selected-bg-color:var(--bcm-color-prime-blue-6)}.pulldown-group.open .title{color:var(--bcm-color-prime-blue-6)}.pulldown-group.open .inner{display:block}.inner{position:absolute;top:calc(100% + 5px);display:none;transition:height 0.3s ease;background-color:#ffffff;border-radius:2px;box-shadow:var(--group-shadow)}@media screen and (min-width: 576px){.inner{position:relative;box-shadow:none}}.title{display:flex;align-items:center;justify-content:space-between;font-size:14px;line-height:22px;color:var(--bcm-color-grey-7);cursor:pointer;padding:8px 8px;height:100%}.title .text-content{display:flex;align-items:center}.title .collapse-icon{margin-left:8px}.title ::slotted(bcm-icon){margin-right:10px}.title:hover{color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}@media screen and (min-width: 576px){.title{padding:var(--const-padding-vertical-sub) var(--const-padding-horizontal-sub)}}.pulldown-group.sub-group .title{padding:var(--const-padding-vertical-sub) var(--const-padding-horizontal-sub);white-space:nowrap}.pulldown-group.sub-group .inner{position:relative;box-shadow:none}.pulldown-group.sub-group.right{position:relative;--nowrap-sub:nowrap}.pulldown-group.sub-group.right .inner{position:absolute;top:0;left:100%;margin-left:2px;box-shadow:var(--group-shadow)}@media screen and (min-width: 576px){.pulldown-group.sub-group.right .inner{position:relative;left:0;box-shadow:none}}';const a=class{constructor(e){i(this,e),this.menuItemSelected=o(this,"bcm-pulldown-item-selected",7),this.root=!1,this.padding=!1,this.disabled=!1,this.selected=!1,this.hidden=!1,this.id=(4*Math.random()).toString(16).replace(".","")}componentWillRender(){this.selected&&this.menuItemSelected.emit(this.id)}handleMenuClearSelecteds(i){i.detail&&i.detail!==this.id&&(this.selected=!1)}handleClick(){this.selected=!0,this.menuItemSelected.emit(this.id)}render(){const i=l("pulldown-item",{root:this.root,padding:this.padding,disabled:this.disabled,selected:this.selected}),o=l(this.hidden?"hidden":null);return t(n,{class:o},t("div",{class:i,onClick:()=>this.handleClick()},t("slot",{name:"icon"}),t("slot",null)))}};a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:block}@media screen and (min-width: 576px){:host{width:100%}}:host(.hidden){display:none}.pulldown-item{--padding-vertical:10px;--padding-horizontal:8px;--nowrap:normal}.pulldown-item{display:flex;align-items:center;font-size:14px;line-height:22px;color:var(--bcm-color-grey-8);cursor:pointer;padding:var(--padding-vertical-sub, var(--padding-vertical)) var(--padding-horizontal-sub, var(--padding-horizontal));white-space:var(--nowrap-sub, var(--nowrap))}.pulldown-item.disabled{color:var(--bcm-color-grey-6)}.pulldown-item.selected{background-color:var(--bcm-color-prime-blue-6);color:#ffffff}.pulldown-item.selected:hover:not(.disabled){background-color:var(--bcm-color-prime-blue-7);color:#ffffff}.pulldown-item:hover:not(.disabled){color:var(--hover-color, var(--bcm-color-prime-blue-6));background-color:var(--hover-bg-color, var(--bcm-color-prime-blue-1))}.pulldown-item ::slotted(bcm-icon){margin-right:10px}@media screen and (min-width: 576px){.pulldown-item.root{padding:12px 40px}}';export{h as bcm_pulldown_group,a as bcm_pulldown_item}

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

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

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

@@ -0,0 +1 @@
+import{r as e,c as o,h as s,H as a,g as t}from"./p-6e0d3067.js";import{c as i}from"./p-5525b672.js";import{T as r}from"./p-68ff64de.js";const n=class{constructor(s){e(this,s),this.click=o(this,"bcm-click",7),this.close=o(this,"bcm-close",7),this.type=r.normal,this.active=!1,this.disabled=!1,this.closable=!1,this.tabId=(4*Math.random()).toString(16).replace(".",""),this.formControl=null,this.hidden=!1,this.status="default",this.badge=!1,this.blink=!1}handleClose(){this.disabled||this.close.emit()}handleClick(e){if(this.disabled)return;const o=e.target;"bcm-icon"==String(o.tagName).toLowerCase()&&o.classList.contains("close")?this.close.emit(e):this.click.emit(e)}render(){const{active:e,disabled:o,closable:t}=this,r=i("tab",[this.type],{active:e,disabled:o,closable:t}),n=i(this.hidden?"hidden":null),l=i("badge",this.status,{blink:this.blink});return s(a,{class:n},s("div",{class:r,onClick:e=>this.handleClick(e)},s("slot",{name:"icon-prefix"}),s("slot",null),s("slot",{name:"icon-suffix"}),this.closable&&s("bcm-icon",{class:"close",icon:"close",color:"grey-10"}),this.badge&&s("bcm-badge",{class:l,size:"small",status:this.status})))}get el(){return t(this)}};n.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:block}:host(.hidden){display:none}slot[name=icon-suffix]::slotted(bcm-icon){margin-left:10px}slot[name=icon-prefix]::slotted(bcm-icon){margin-right:10px}.tab{position:relative;display:flex;justify-content:center;align-items:center;padding:var(--bcm-tab-vertical-space) 14px var(--bcm-tab-vertical-space) 14px;color:var(--bcm-color-grey-8);font-size:var(--bcm-tab-font-size);line-height:var(--bcm-tab-line-height);cursor:pointer;user-select:none}.tab.active{color:var(--bcm-color-prime-blue-6)}.tab.active::before{content:"";bottom:-2px;left:0;width:100%;height:2px;background-color:var(--bcm-color-prime-blue-6);position:absolute;z-index:1}.tab:hover{color:var(--bcm-color-prime-blue-5)}.tab:active,.tab:focus{color:var(--bcm-color-prime-blue-7)}.tab[disabled],.tab.disabled{color:var(--bcm-color-grey-6);cursor:not-allowed}.tab.closable:not(.pane){padding-left:0;padding-right:0}.tab.closable .close{margin-left:34px}.tab.pane{border:1px solid transparent;border-bottom:none;border-color:var(--bcm-color-grey-5);background-color:var(--bcm-color-grey-3);border-radius:2px 2px 0 0}.tab.pane.active{background-color:#ffffff}.badge{padding-left:8px;position:relative}.badge.blink:after{content:"";position:absolute;top:8px;left:9px;background:black;border-radius:50%;height:7px;width:7px;box-shadow:0 0 0 0 rgba(0, 0, 0, 0);transform:scale(1)}.badge.success:after{animation:pulsesuccess 2s infinite;background-color:#52C41A}.badge.error:after{animation:pulseerror 2s infinite;background-color:#F5222D}.badge.default:after{animation:pulsedefault 2s infinite;background-color:#D9D9D9}.badge.processing:after{animation:pulseprocessing 2s infinite;background-color:#4293CF}.badge.warning:after{animation:pulsewarning 2s infinite;background-color:#FA8C16}@keyframes pulsesuccess{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(82, 196, 26, 0.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0, 0, 0, 0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0, 0, 0, 0)}}@keyframes pulseerror{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(245, 34, 45, 0.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0, 0, 0, 0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0, 0, 0, 0)}}@keyframes pulsedefault{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(217, 217, 217, 0.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0, 0, 0, 0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0, 0, 0, 0)}}@keyframes pulseprocessing{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(66, 147, 207, 0.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0, 0, 0, 0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0, 0, 0, 0)}}@keyframes pulsewarning{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(250, 140, 22, 0.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0, 0, 0, 0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0, 0, 0, 0)}}';export{n as bcm_tab}

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

@@ -0,0 +1 @@
+import{r as e,h as t,H as i,g as o}from"./p-6e0d3067.js";import{c as s}from"./p-5525b672.js";import{g as n}from"./p-4cb268d2.js";import{T as p}from"./p-68ff64de.js";const l=class{constructor(t){e(this,t),this.size="medium",this.hidden=!1,this.fullWidth=!1,this.type=p.normal}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}componentDidLoad(){}componentWillRender(){}componentDidRender(){}componentWillUpdate(){}componentDidUpdate(){}handleActivePane(e){n(this.el,"bcm-tab-pane").forEach((t=>{t.tab==e.detail&&(t.active=!0),t.tab!=e.detail&&(t.active=!1)}))}render(){const e=s("tabs-content",this.size),o=s(this.hidden?"hidden":null,this.type);return t(i,{class:o},t("div",{class:e},t("slot",null)))}get el(){return o(this)}};l.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{width:100%;display:block;padding:8px}:host(.pane){border:1px solid transparent;border-top:none;border-color:var(--bcm-color-grey-5);border-radius:0 0 2px 2px}';export{l as bcm_tabs_content}