bromcom-ui 2.8.0-rc.10-g → 2.8.0-rc.10-i

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as e,c as t,h as i,H as s,g as a}from"./p-da1055cb.js";import{G as r,s as o,S as l,T as p}from"./p-a6edeb5e.js";import{c as n}from"./p-d65a1e21.js";import{c}from"./p-a60a2dd0.js";import{S as h}from"./p-8d0ca8c2.js";import{I as m}from"./p-c23b6240.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-a429e85b.js";const{state:d}=c({value:new Map,setData:{},removeData:{}});const x=class{constructor(i){e(this,i),this.alertdismissible=t(this,"bcm-alert-dismissible",7),this.hidden=!1,this._id=r.UID(),this._title=void 0,this.description=void 0,this.status=l.info,this.type=p.basic,this.dismissible=void 0,this.icon=!1,this.bigIcon=!1,this.fullWidth=!1}componentWillRender(){if(null!=this.dismissible)if(""==this.dismissible)this.dismissible=!0;else{if(("string"!=typeof this.dismissible||"false"!=this.dismissible)&&"true"!=this.dismissible)return;this.dismissible=h.elementBooleanCheck(this.dismissible)}this.setData()}dismiss(e){this.alertdismissible.emit(e),this.el.remove()}getStateData(){return e=this._id,o((()=>d.value.get(e)),{});var e}setData(){const{status:e,type:t,bigIcon:i}=this;(e=>{const t=Object.assign(Object.assign(Object.assign({},e),{size:e.bigIcon?"medium":14,iconType:e.bigIcon?"outlined":"fill"}),r.getIconAttrWithStatusType(e.status));d.value.set(t.id,t)})({id:this._id,status:e,type:t,bigIcon:i})}render(){const{fullWidth:e,status:t,type:a,icon:r,bigIcon:o,_title:l,hidden:p,dismissible:c,description:h}=this,m=n("bcm-alert","bcm-alert__type-"+a,"bcm-alert__status-"+t,{"full-width":e,hidden:p}),d=n("bcm-alert__header-message",h?"size-3":"size-2"),x=this.getStateData();return i(s,{class:m},i("span",{hidden:!0},i("slot",null)),i("header",{class:"bcm-alert__header"},i("span",{class:d},(o||r)&&i("bcm-icon",{icon:x.icon}),l),c&&i("span",{class:"bcm-alert__header-dismiss",onClick:e=>this.dismiss(e)},"string"==typeof c?c:i("bcm-icon",{icon:"fal fa-times"}))),i("main",{class:"bcm-alert__content size-2"},h&&i("p",null,h),i("slot",null)))}get el(){return a(this)}};(function(e,t,i,s){var a,r=arguments.length,o=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(o=(r<3?a(o):r>3?a(t,i,o):a(t,i))||o);r>3&&o&&Object.defineProperty(t,i,o)})([m()],x.prototype,"el",void 0),x.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-alert{display:block;width:100%;max-width:400px;box-sizing:border-box;padding:8px 16px;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.15);border-radius:2px;position:relative;grid-gap:8px}.bcm-alert.hidden{display:none}.bcm-alert.full-width{max-width:100%}.bcm-alert__status-info{border:1px solid var(--bcm-color-blue-3);background-color:var(--bcm-color-blue-1)}.bcm-alert__status-error{border:1px solid var(--bcm-color-red-3);background-color:var(--bcm-color-red-1)}.bcm-alert__status-warning{border:1px solid var(--bcm-color-warmyellow-3);background-color:var(--bcm-color-warmyellow-1)}.bcm-alert__status-success{border:1px solid var(--bcm-color-green-3);background-color:var(--bcm-color-green-1)}.bcm-alert__type-banner{border:none}.bcm-alert__header{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.bcm-alert__header-message{display:flex;align-items:center;grid-gap:8px;color:var(--bcm-color-grey-8)}.bcm-alert__header-dismiss{display:flex;position:absolute;top:-1px;right:0;padding:16px;color:var(--bcm-color-grey-8)}.bcm-alert__header-dismiss:hover{cursor:pointer;color:var(--bcm-color-grey-9)}.bcm-alert__content{color:var(--bcm-color-grey-8)}.bcm-alert__content p{margin:0;padding:0}';export{x as bcm_alert}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as e,h as t,H as i,g as p}from"./p-da1055cb.js";import{I as a}from"./p-c23b6240.js";import{G as n}from"./p-a6edeb5e.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const s=class{constructor(t){e(this,t),this._id=n.UID()}render(){return t(i,null,t("bcm-skeleton",null,t("slot",null)))}get el(){return p(this)}};(function(e,t,i,p){var a,n=arguments.length,s=n<3?t:null===p?p=Object.getOwnPropertyDescriptor(t,i):p;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,p);else for(var x=e.length-1;x>=0;x--)(a=e[x])&&(s=(n<3?a(s):n>3?a(t,i,s):a(t,i))||s);n>3&&s&&Object.defineProperty(t,i,s)})([a()],s.prototype,"el",void 0),s.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block}';export{s as bcm_default}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as e,c as i,h as t,H as s,g as o}from"./p-da1055cb.js";import{c as h}from"./p-d65a1e21.js";import{B as p}from"./p-a429e85b.js";import{G as n}from"./p-a6edeb5e.js";import{I as a}from"./p-c23b6240.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";const r=class{constructor(t){e(this,t),this.onShow=i(this,"bcm-show",7),this.onHide=i(this,"bcm-hide",7),this._title=void 0,this._id=n.UID(),this.message=void 0,this.placement=p.Placement.top,this.trigger=p.TriggerType.click,this.open=!1,this.linkedComponent=void 0}async show(){this.open||(this.open=!0,this.onShow.emit(),this.createBox(),this.showBox())}async hide(){this.open&&(this.open=!1,this.onHide.emit(),this.hideBox())}createBox(){if(!this.getPopoverBox()){const e=document.createElement("old-bcm-popover-box");e.setAttribute("id","box-"+this._id),e.setAttribute("target-id",this._id),e.setAttribute("placement",this.placement),e.setAttribute("message",this.message),e.setAttribute("_title",this._title),e.setAttribute("linked-component",this.linkedComponent),document.body.appendChild(e)}}getPopoverBox(){return document.querySelector(`old-bcm-popover-box[id="box-${this._id}"]`)}showBox(){this.getPopoverBox()&&this.getPopoverBox().show()}hideBox(){this.getPopoverBox()&&this.getPopoverBox().hide()}listenTrigger(e){switch(this.trigger){case"click":"click"===e&&(this.open?this.hide():this.show());break;case"hover":"onMouseOver"===e&&this.show(),"onMouseOut"===e&&this.hide();break;case"focus":"onFocus"===e&&this.show(),"onBlur"===e&&this.hide()}}render(){const e=h("bcm-popover");return t(s,{class:e,onMouseOver:()=>this.listenTrigger("onMouseOver"),onMouseOut:()=>this.listenTrigger("onMouseOut"),onclick:()=>this.listenTrigger("click"),onFocus:()=>this.listenTrigger("onFocus"),onBlur:()=>this.listenTrigger("onBlur"),tabindex:0},t("slot",null))}get el(){return o(this)}};(function(e,i,t,s){var o,h=arguments.length,p=h<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(e,i,t,s);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(p=(h<3?o(p):h>3?o(i,t,p):o(i,t))||p);h>3&&p&&Object.defineProperty(i,t,p)})([a()],r.prototype,"el",void 0),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}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-popover{display:inline-flex}';export{r as old_bcm_popover}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as e,h as i,H as t,g as s,c}from"./p-da1055cb.js";import{c as o}from"./p-d65a1e21.js";import{G as h}from"./p-a6edeb5e.js";import{B as n}from"./p-a429e85b.js";import{I as r}from"./p-c23b6240.js";import{c as a,d as l}from"./p-8c018ae0.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";const d=class{constructor(i){e(this,i),this._id=h.UID(),this.checked=!0,this.indeterminate=null,this.disabled=!1,this.hidden=!1,this.required=!1,this.readOnly=!1,this.captionType=n.Status.default}render(){const{disabled:e,checked:s,readOnly:c,required:h,indeterminate:r,hidden:a,captionType:l,_id:d}=this,p=o("bcm-checkbox","bcm-checkbox-size-medium",{error:l==n.Status.error,hidden:a,checked:s,disabled:e,required:h}),x=o("bcm-checkbox__label-icon","bcm-checkbox__label-icon-lite","bcm-checkbox__label-icon-"+r,{"bcm-checkbox__label-icon-checked":s}),b=o("bcm-checkbox__label"),m=o("bcm-checkbox__input");return i(t,{class:p,style:{margin:"0"}},i("div",{class:m,style:{"padding-top":"5px"}},i("input",{id:d,type:"checkbox",checked:s,disabled:e,required:h,readOnly:c}),i("label",{class:b,htmlFor:d},i("span",{class:x},i("div",{style:{height:"12px","min-height":"12px",width:"12px","min-width":"12px"}},i("svg",{class:"bcm-icon-lite",width:"100%",height:"100%",viewBox:"0 0 11 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M1.91308 4.03516H1.91326C1.99256 4.03525 2.07081 4.05331 2.14213 4.08798C2.21341 4.12262 2.27591 4.17295 2.32497 4.2352L1.91308 4.03516ZM1.91308 4.03516H1.09394C0.890308 4.03516 0.776602 4.26975 0.902321 4.4292L0.902371 4.42927L4.11214 8.49567L4.11218 8.49573C4.32247 8.76188 4.72568 8.76114 4.93667 8.49617L4.93708 8.49566L10.6597 1.24398C10.6598 1.24378 10.66 1.24358 10.6602 1.24338C10.7884 1.08295 10.6699 0.85 10.4689 0.85H9.6498C9.48941 0.85 9.33668 0.9235 9.2376 1.05044C9.23751 1.05055 9.23742 1.05066 9.23734 1.05077L4.52403 7.02157M1.91308 4.03516L4.52403 7.02157M4.52403 7.02157L2.32506 4.23531L4.52403 7.02157Z",fill:"#ffffff"})))))))}get el(){return s(this)}};d.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-checkbox{outline:none;border:none;--bcm-checkbox-primary-color-default:var(--bcm-new-ds-color-blue-500);--bcm-checkbox-secondary-color-default:var(--bcm-new-ds-color-white);--bcm-checkbox-primary-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-checkbox-secondary-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-checkbox-secondary-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-active:var(--bcm-new-ds-color-blue-700);--bcm-checkbox-secondary-color-active:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-checkbox-secondary-color-disabled:var(--bcm-new-ds-color-slate-200);display:inline-flex;width:fit-content;flex-direction:column;margin-bottom:8px}.bcm-checkbox:focus,.bcm-checkbox:hover,.bcm-checkbox:active{outline:none;border:none}.bcm-checkbox *{box-sizing:border-box}.bcm-checkbox input[type=radio],.bcm-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;display:none}.bcm-checkbox__input{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;padding-top:4px}.bcm-checkbox.hidden{display:none}.bcm-checkbox :hover{cursor:pointer}.bcm-checkbox[disabled] :hover,.bcm-checkbox.disabled :hover{cursor:not-allowed}.bcm-checkbox .slot{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;color:var(--bcm-new-ds-color-slate-600)}.bcm-checkbox .slot:not(:empty){margin-left:8px;margin-right:8px}.bcm-checkbox-size-small .slot{font-size:12px;line-height:calc(12px + 8px);margin-top:-2.5px}.bcm-checkbox-size-small .bcm-checkbox__input{min-height:calc(24px - 4px)}.bcm-checkbox-size-small .bcm-checkbox__label-icon{width:14px;height:14px;min-width:14px;font-size:calc(10px - 2px)}.bcm-checkbox-size-medium .slot{font-size:calc(12px + 1px);line-height:calc(12px + 8px);margin-top:-1.5px}.bcm-checkbox-size-medium .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-medium .bcm-checkbox__label-icon{width:16px;height:16px;min-width:16px;font-size:10px}.bcm-checkbox-size-large .slot{font-size:16px;line-height:calc(16px + 8px);margin-top:-1.5px}.bcm-checkbox-size-large .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-large .bcm-checkbox__label-icon{width:18px;height:18px;min-width:18px;font-size:12px}.bcm-checkbox__label{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap}.bcm-checkbox__label-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;border-width:1px;border-style:solid;border-radius:2px}.bcm-checkbox__label-icon-indeterminate{position:relative}.bcm-checkbox__label-icon-indeterminate:after{content:"";display:block;position:absolute;width:70%;height:1.5px;background:var(--bcm-new-ds-color-white)}.bcm-checkbox__label-icon.bcm-radio__icon{width:16px;height:16px;box-sizing:border-box;border-radius:100px}.bcm-checkbox__label-icon.bcm-radio__icon .bcm-radio__icon-inner{width:10px;height:10px;border-radius:100px;background-color:var(--bcm-new-ds-color-white)}.bcm-checkbox .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-default);color:var(--bcm-checkbox-secondary-color-default);border-color:var(--bcm-new-ds-color-slate-300)}.bcm-checkbox .bcm-checkbox__label-icon-checked,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-default);border-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-default);background-color:var(--bcm-checkbox-secondary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox:hover .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-hover);color:var(--bcm-checkbox-secondary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-hover);background-color:var(--bcm-checkbox-secondary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-focus-visible);color:var(--bcm-checkbox-secondary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-focus-visible);background-color:var(--bcm-checkbox-secondary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:active .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-active);color:var(--bcm-checkbox-secondary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-active);background-color:var(--bcm-checkbox-secondary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-disabled);color:var(--bcm-checkbox-secondary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-disabled);background-color:var(--bcm-checkbox-secondary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[no-margin] .bcm-checkbox__input{margin:0;min-height:0;padding:0}';const p=class{constructor(i){e(this,i),this.hidden=!1,this.direction=n.Direction.horizontal}render(){const{hidden:e,direction:s}=this,c=o("bcm-divider","bcm-divider__direction-"+s,{hidden:e});return i(t,{class:c},i("span",{hidden:!0},i("slot",null)))}get el(){return s(this)}};(function(e,i,t,s){var c,o=arguments.length,h=o<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(e,i,t,s);else for(var n=e.length-1;n>=0;n--)(c=e[n])&&(h=(o<3?c(h):o>3?c(i,t,h):c(i,t))||h);o>3&&h&&Object.defineProperty(i,t,h)})([r()],p.prototype,"el",void 0),p.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-divider{display:block}.bcm-divider.hidden{display:none}.bcm-divider__direction-horizontal{width:100%;height:1px;margin:4px auto;border-top:1px solid var(--bcm-color-grey-5)}.bcm-divider__direction-vertical{height:auto;width:1px;margin:0 4px;border-left:1px solid var(--bcm-color-grey-5)}';const x=class{constructor(i){e(this,i),this.icon=void 0}render(){return i(t,{class:"tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-w-full tw-flex-1 tw-bg-slate-50 tw-text-center tw-rounded tw-gap-3"},this.icon&&i("i",{class:`tw-text-8 tw-text-amber-400 ${this.icon}`}),i("bcm-typography",{class:"tw-text-slate-400 tw-text-2"},i("slot",null)))}get el(){return s(this)}};!function(e,i,t,s){var c,o=arguments.length,h=o<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(e,i,t,s);else for(var n=e.length-1;n>=0;n--)(c=e[n])&&(h=(o<3?c(h):o>3?c(i,t,h):c(i,t))||h);o>3&&h&&Object.defineProperty(i,t,h)}([r()],x.prototype,"el",void 0);const b=e=>e.toLowerCase(),m=class{constructor(i){e(this,i),this.listboxItemSelected=c(this,"bcm-listbox-item-selected",7),this.listboxClearSelected=c(this,"bcm-listbox-clear-selecteds",7),this.listboxSendCheck=c(this,"bcm-listbox-send-check",7),this.listboxSendUncheck=c(this,"bcm-listbox-send-uncheck",7),this.listboxChecklist=c(this,"bcm-listbox-checklist",7),this.listboxChange=c(this,"bcm-listbox-change",7),this.listboxChecked=c(this,"bcm-listbox-checked",7),this.change=c(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.searchResults=[],this.totalSearch=0,this.showSearch=!0,this.empty=!1,this.runClearAndSelect=!1,this.innerComponent=!1,this.checkboxes=!1,this.label=void 0,this.required=!1,this.value=null,this.search=!1,this.infoFooter=!1,this.showIcon=!1,this.size="medium",this.selectedId=void 0,this.checkedList=[],this.updateCheckedList=[],this._items=[],this.fullWidth=!1,this.searchFields=["text","secondaryText","tooltipText"],this._flex=void 0,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.caption=void 0,this.captionError=void 0,this.captionType="default",this._internal_id=(4*Math.random()).toString(16).replace(".",""),this.tooltip=void 0,this.total=0,this.items=[],this.checklist=[],this.sortedChecklist=[],this.indeterminateState="uncheck",this.checked=!1,this.jsonItem=void 0,this.searchData=void 0,this.captionCache=void 0,this.captionTypeCache=void 0,this.checklistSorted=[]}async setClear(){this.listboxChecklist.emit([]),this.value=null,this.selectedId=null,this.listboxClearSelected.emit([]);let e=a(this.el,"bcm-listbox-item"),i=[];return e&&e.map((e=>{i.push(e.checked=!1)})),await Promise.all(i),this.checklist=[],this.sortedChecklist=[],this.checklistSorted=[],this.checkedObjectList=[],await l(10),Promise.resolve()}async resetCaption(){return await l(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await l(10),Promise.resolve()}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType}async getValue(){return this.checkboxes?this.checkedObjectList:this.value}async getChecklist(){return this.checkedObjectList}async showSearchMethod(e=!0){if(0==this.treeview&&1==this.search){this.showSearch=e;var i=null;(i=this.el.shadowRoot.getElementById("search"))&&(e?i.classList.remove("hidden"):i.classList.add("hidden"))}}async selected(e){this.selectedId=String(e),!0===this.treeview&&setTimeout((async()=>{const e=this.el.shadowRoot.querySelector("bcm-treeview");e&&await e.selected(this.selectedId)}),100)}async clearAndSelectSearch(e=!0){this.runClearAndSelect=!0,1==this.search&&setTimeout((()=>{var i=null;(i=this.el.shadowRoot.querySelector("bcm-old-search"))&&(i.setClear(),1==e&&i.select())}),100)}async addChecked(e){await this.setClear(),e&&"string"!=typeof e&&(await l(50),sessionStorage.getItem(this._internal_id+"-config")&&this.config(JSON.parse(sessionStorage.getItem(this._internal_id+"-config"))),this.checkedList=e,this.checkedList.forEach((e=>{this.handleListboxChecked({detail:String(e)},this._internal_id)})),this.updateCheckedList=[],!0===this.treeview&&setTimeout((async()=>{await customElements.whenDefined("bcm-treeview");const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&await i.addChecked(e)}),50))}async updateChecked(e){this.setClear(),this.checkedList=[],this.updateCheckedList=e,this.updateCheckedList.forEach((e=>{this.handleListboxChecked({detail:e})})),setTimeout((async()=>{if(!0===this.treeview){await customElements.whenDefined("bcm-treeview");const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&await i.updateChecked(e)}}),100)}async config(e){return e.treeview&&!0===e.treeview&&(this.treeview="boolean"==typeof e.treeview&&e.treeview),setTimeout((async()=>{if(!0===this.treeview){await customElements.whenDefined("bcm-treeview");const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&(await i.config(e),this.selectedId&&await i.selected(this.selectedId))}}),300),e.searchFields&&Array.isArray(e.searchFields)&&(this.searchFields=e.searchFields),e.searchPlaceholder&&(this.searchPlaceholder="string"==typeof e.searchPlaceholder?e.searchPlaceholder:null),e.maxHeight&&(this.maxHeight="string"==typeof e.maxHeight?e.maxHeight:"100%"),e.height&&(this.height="string"==typeof e.height?e.height:"100%"),e.template&&(this.template="string"==typeof e.template?e.template:null),e.searchable&&(this.search="boolean"==typeof e.searchable&&e.searchable),e.highlight&&(this.highlight="boolean"==typeof e.highlight&&e.highlight),e.fullWidth&&(this.fullWidth="boolean"==typeof e.fullWidth&&e.fullWidth),e.numberOfColumns&&(this.numberOfColumns="number"==typeof e.numberOfColumns?e.numberOfColumns:1),e.infoFooter&&(this.infoFooter="boolean"==typeof e.infoFooter&&e.infoFooter),e.checkable&&(this.checkboxes="boolean"==typeof e.checkable&&e.checkable),e.showIcon&&(this.showIcon="boolean"==typeof e.showIcon&&e.showIcon),e.size&&(this.size=["small","medium","large"].indexOf(e.size)>=0?e.size:"medium"),this.searchSub=this.objectMapping.items,e.mapping&&(e.mapping.id&&(this.objectMapping.id=String(e.mapping.id),this.returnField=this.objectMapping.id),e.mapping.text&&(this.objectMapping.text=e.mapping.text),e.mapping.icon&&(this.objectMapping.icon=e.mapping.icon),e.mapping.avatar&&(this.objectMapping.avatar=e.mapping.avatar),e.mapping.avatarName&&(this.objectMapping.avatarName=e.mapping.avatarName),e.mapping.avatarImage&&(this.objectMapping.avatarImage=e.mapping.avatarImage),e.mapping.secondaryText&&(this.objectMapping.secondaryText=e.mapping.secondaryText),e.mapping.tooltipText&&(this.objectMapping.tooltipText=e.mapping.tooltipText),e.mapping.disabled&&(this.objectMapping.disabled=e.mapping.disabled),e.mapping.checked&&(this.objectMapping.checked=e.mapping.checked),e.mapping.selected&&(this.objectMapping.selected=e.mapping.selected),e.mapping.items&&(this.objectMapping.items=e.mapping.items,this.searchSub=this.objectMapping.items)),sessionStorage.setItem(this._internal_id+"-config",JSON.stringify(e)),Promise.resolve(!0)}async setData(e=[]){this.clearAndSelectSearch(!1),this.isLoading(!0),this._items=e,this.searchData=JSON.parse(e),this.isSetData=!0,setTimeout((async()=>{if(!0===this.treeview){const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&(await i.setData(e),this.searchData.length>0&&(this.isEmpty(!1),this.isLoading(!1)))}}),100)}componentWillRender(){this.isSetData&&(this.onlyChilds=this.getAllGroup(this.el,!0),this.allChilds=this.getAllGroup(),this.onlyChilds.length!=this.total&&(this.total=this.onlyChilds.length),!0===this.checkboxes&&(this.setIndeterminateState(),this.checklistSorted.length>0?(this.checkedObjectList=[],this.getAllGroup(this.el).forEach((e=>{1==e.checked&&(this.firstCheck=!0,-1==this.checkedObjectList.indexOf(e.itemObject)&&this.checkedObjectList.push(e.itemObject))})),JSON.stringify(this.cacheCheckedObjectList)!==JSON.stringify(this.checkedObjectList)&&(this.listboxChecklist.emit(this.checkedObjectList),this.cacheCheckedObjectList=this.checkedObjectList,this.value=this.checkedObjectList)):this.firstCheck&&(this.listboxChecklist.emit([]),this.cacheCheckedObjectList=[],null!=this.value&&(this.value=null))))}componentDidRender(){this.isSetData&&(this.total>0?(this.isEmpty(!1),this.isLoading(!1)):this.isEmpty(!0))}setIndeterminateState(){let e="uncheck",i=!0,t=!0;this.getAllGroup(this.el,!0).map((e=>{e.checked&&(t=!1),!e.checked&&(i=!1)})),e=i||t?i?"determinate":"uncheck":"indeterminate",this.indeterminateState=e,this.checked="determinate"==e}getAllGroup(e=this.el,i=!1){let t=[],s=a(e,"bcm-listbox-group"),c=a(e,"bcm-listbox-item");return s.length>0&&s.forEach((e=>{-1===this.isGroupArray.indexOf(Number(e.id))&&this.isGroupArray.push(Number(e.id)),0==i&&(t=[...t,e]),a(e,"bcm-listbox-item").forEach((e=>{t.indexOf(e)>=0||(t=[...t,e])}))})),c.length>0&&c.forEach((e=>{t.indexOf(e)>=0||(t=[...t,e])})),t}getAllChilds(e=this.el,i=null){let t=[],s=[];return this._items&&"slot"!==i?this._items&&this._items.length>0&&(s=JSON.parse(this._items),s.map((e=>"group"===e.type?e.items.map((e=>t=[...t,e])):t=[...t,e]))):a(e,"bcm-listbox-item").forEach((e=>{t=[...t,e]})),t}handleCheckList(e="add",i){if(i=String(i),this.checkboxes&&this.items&&this.items.find((e=>e[this.objectMapping.id]==i))){switch(e){case"add":this.checklist.length>0?this.checklist.includes(i)||(this.checklist=[...this.checklist,i]):this.checklist=[i];break;case"remove":this.checklist=this.checklist.filter((e=>e!==i))}let t=this.checklist.sort((function(e,i){return e-i}));this.sortedChecklist=this.checklist,this.checklistSorted=t}}handleIndeterminateClick(){let e="uncheck",i=!0,t=!0,s=[];this.getAllGroup(this.el,!0).map((e=>{!1===e.hidden&&(s.push(e),e.checked&&(t=!1),!e.checked&&(i=!1))})),e=i||t?i?"determinate":"uncheck":"indeterminate",s.map((i=>{"uncheck"!==e?(i.checked=!1,this.handleCheckList("remove",String(i.id))):(i.checked=!0,this.handleCheckList("add",String(i.id)))})),this.setIndeterminateState()}handleCheckboxClick(e){e.preventDefault()}itemRenderer(e){return e[this.objectMapping.id]&&String(this.selectedId)==String(e[this.objectMapping.id])&&this.listboxItemSelected.emit(e),i("bcm-listbox-item",Object.assign({_internal_id:this._internal_id,id:String(e[this.objectMapping.id]),text:e[this.objectMapping.text]},e[this.objectMapping.icon]&&{icon:e[this.objectMapping.icon]},e[this.objectMapping.avatar]&&{avatar:e[this.objectMapping.avatar]},e[this.objectMapping.avatarName]&&{avatarName:e[this.objectMapping.avatarName]},e[this.objectMapping.avatarImage]&&{avatarImage:e[this.objectMapping.avatarImage]},e[this.objectMapping.secondaryText]&&{secondaryText:e[this.objectMapping.secondaryText]},e[this.objectMapping.tooltipText]&&{tooltipText:e[this.objectMapping.tooltipText]},Boolean(e[this.objectMapping.checked])===Boolean(!0)&&{checked:Boolean(e[this.objectMapping.checked])},!0===e[this.objectMapping.disabled]&&{disabled:!0},Boolean(e[this.objectMapping.selected])===Boolean(!0)&&0==this.checkboxes&&{selected:Boolean(e[this.objectMapping.selected])},this.template&&{template:this.template},this.checkboxes&&{checkboxes:!0},this.size&&{size:this.size},{itemObject:e,objectMapping:this.objectMapping}))}recursiveGroupRenderer(e){return i("bcm-listbox-group",{id:e[this.objectMapping.id],text:e[this.objectMapping.text]},e.items.map((e=>"group"===e.type?this.recursiveGroupRenderer(e):this.itemRenderer(e))))}async searchResultMethod(e=[]){if(1==this.treeview){const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&i.searchResultMethod({detail:!(e.length>0)||e})}else this.listenSearchResult({detail:!(e.length>0)||e,isEvent:!0})}handleListboxSelected(e){this.listboxItemSelected.emit(e.detail)}isLoading(e){var i=this.el.shadowRoot.getElementById("bcm-listbox-list"),t=this.el.shadowRoot.getElementById("loading"),s=this.el.shadowRoot.querySelector("bcm-old-search");e?(s&&(s.disabled=!0),i&&i.classList.add("loading"),t&&t.classList.add("show")):(s&&(s.disabled=!1),i&&i.classList.remove("loading"),t&&t.classList.remove("show"))}isEmpty(e){var i=this.el.shadowRoot.getElementById("empty"),t=this.el.shadowRoot.getElementById("list-container"),s=this.el.shadowRoot.getElementById("checkall");e?(i&&i.classList.add("show"),t&&t.classList.add("hidden"),s&&s.classList.add("hidden")):(i&&i.classList.remove("show"),t&&t.classList.remove("hidden"),s&&s.classList.remove("hidden"))}isSearchCount(e=!1){if(this.infoFooter){var i=this.el.shadowRoot.getElementById("in-search"),t=this.el.shadowRoot.getElementById("in-total");!1!==e&&e>=0&&null!=e&&i&&t?(i.innerHTML=e,t.style.display="none"):(t.style.display="inline",i.innerHTML="")}}listenSearchResult(e){var i=e.path||e.composedPath&&e.composedPath();if(null==e.isEvent&&i&&null!=i.filter((e=>e._internal_id==this._internal_id))[0]){var t="";if(0==this.treeview){var s=e.detail.length;this.isEmpty(!1),this.intersection=[],e.detail.length>0?(-1==e.detail[0]&&(s=0,this.empty=!0,this.isEmpty(!0)),this.allChilds.length>0&&this.allChilds.map((i=>{this.highlight&&e.target.addEventListener("bcm-on-search-value",(async e=>{var s=i.shadowRoot.getElementById("text");if(s){if(t=await e.detail,s=(null==s?void 0:s.textContent)||(null==s?void 0:s.innerText)||"",t){var c=b(s),o=b(t),h=c.indexOf(o);h>=0&&(s=s.substring(0,h)+"<span class='highlight'>"+s.substring(h,h+t.length)+"</span>"+s.substring(h+t.length))}i.shadowRoot.getElementById("text").innerHTML=s}})),i.hidden=!0;var s=String(i.id);i.hidden=!(e.detail.indexOf(s)>=0)})),this.intersection=-1==e.detail[0]?[0]:e.detail.filter((e=>this.isGroupArray.includes(e)))):this.allChilds.length>0&&this.allChilds.map((e=>{e.hidden=!1})),(this.search||this.checkboxes)&&setTimeout((()=>{this.isSearchCount(s>=0?s:0),-1===e.detail[0]&&this.isSearchCount(0),!0===e.detail&&this.isSearchCount()}),100),!0===e.detail&&this.isEmpty(!1),this.runClearAndSelect&&(this.runClearAndSelect=!1,this.isSearchCount(!0))}}}parseItems(e){e&&(this.items="string"==typeof e?JSON.parse(e):e),this.handleChildProcess()}handleChange(e){this.change.emit(e),this.listboxChange.emit(e)}handleChildProcess(){setTimeout((()=>{this.onlyChilds=this.getAllGroup(this.el,!0),this.total=this.onlyChilds.length,this.total>0?(this.isLoading(!1),this.isEmpty(!1)):(this.isLoading(!1),this.isEmpty(!0))}),100)}handleListboxClearSelected(e){var i=e.path||e.composedPath&&e.composedPath();0==this.checkboxes&&i&&null!=i.filter((e=>e._internal_id==this._internal_id))[0]&&(this.value=e.detail,this.selectedId=String(e.detail[this.objectMapping.id]),this.listboxClearSelected.emit(e.detail))}handleListboxChecked(e,i=this._internal_id){var t=e.path||e.composedPath&&e.composedPath();(t&&null!=t.filter((e=>e._internal_id==this._internal_id))[0]||i==this._internal_id)&&(this.listboxSendCheck.emit(e.detail),this.handleCheckList("add",e.detail),this.setIndeterminateState())}handleListboxUnchecked(e,i=this._internal_id){var t=e.path||e.composedPath&&e.composedPath();(t&&null!=t.filter((e=>e._internal_id==this._internal_id))[0]||i==this._internal_id)&&(this.listboxSendUncheck.emit(e.detail),this.handleCheckList("remove",e.detail),this.setIndeterminateState())}async listboxUncheckedMethod(e,i=this._internal_id){if(this.treeview){await customElements.whenDefined("bcm-treeview");const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&await i.treeviewUncheckedMethod(e)}else this.handleListboxUnchecked({detail:e},i)}handleFocus(e=!1){this.onFocus=e}render(){const{innerComponent:e,label:s,required:c,treeview:h,searchText:n,checkboxes:r,search:a,size:l,fullWidth:d,total:p,indeterminateState:x,checked:b,checklist:m,searchData:g,searchFields:u,_flex:f,returnField:v,searchSub:k,infoFooter:y,showSearch:z,noCaption:w,caption:_,captionError:S,captionType:C}=this,j=o("bcm-listbox",{error:"error"==C,"full-width":d,flex:f}),T=o("listbox-item",{hidden:this.totalSearch>0}),R=o("listbox-item-container"),L=o("listbox-item-container-text-content",l,{"size-2":"small"===l||"medium"===l,"size-3":"large"===l}),O=o("list-container",{"column-1":this.numberOfColumns<=1,"column-2":2==this.numberOfColumns,"column-3":this.numberOfColumns>=3}),I={"grid-template-columns":this.numberOfColumns<=1?"1fr":"repeat("+this.numberOfColumns+", "+(210-10*this.numberOfColumns)+"px)"},N=o(this.hidden?"hidden":null,{flex:f,"full-width":d});var M={"max-height":this.maxHeight};const F={"min-height":this.height?"inherit":this.maxHeight?"auto":"200px"};this.height&&(M=Object.assign(Object.assign({},M),{height:this.height}));const P=o("size-1","input-caption","caption-"+C);return i(t,{class:N,style:M,"bcm-internal-id":this._internal_id},!e&&s&&i("div",null,i("bcm-label",{tooltip:this.tooltip,type:C,value:s,required:c})),!0===h&&i("bcm-treeview",{_internal_id:this._internal_id}),0==h&&i("div",{class:j,style:M},a&&i("div",{class:"search",id:"search",style:{display:"false"==String(z)?"none":"block"}},i("bcm-old-search",{_internal_id:this._internal_id,searchPlaceholder:this.searchPlaceholder,searchValue:n,"on-bcm-focus":()=>this.handleFocus(!0),"on-bcm-blur":()=>this.handleFocus(!1),data:g,returnField:v,searchFields:u,searchSub:k,clearable:!0}),i("bcm-divider",null)),i("div",{id:"bcm-listbox-list",class:"bcm-listbox-list loading",style:F},r&&i("div",{class:T,id:"checkall"},i("div",{class:R,onClick:()=>this.handleIndeterminateClick()},i("div",{class:"check-content"},"indeterminate"==x&&i("span",{class:"indeterminate"})||i("bcm-checkbox-lite",{onClick:e=>this.handleCheckboxClick(e),checked:b,"no-caption":!0})),i("div",{class:L},"Select All")),i("div",{class:"divider"},i("bcm-divider",null))),i("div",{id:"list-container",class:O,style:I},0!==this.items.length&&this.items.map((e=>"group"===e.type?this.recursiveGroupRenderer(e):this.itemRenderer(e)))),i("div",{id:"loading",class:"loading show"},i("bcm-icon",{class:"prefix",icon:"far fa-spinner-third fa-spin"})),i("div",{id:"empty",class:"empty"},i("bcm-empty",null,"No Data"))),1==y&&i("div",{class:"bcm-listbox-footer"},i("bcm-text",{scale:"size-1",color:"grey-8"},m.length>0&&" ( "+m.length+" selected ) ","Total ",i("span",{id:"in-search"})," ",i("span",{id:"in-total"},p)," items found."))),!w&&i("div",{class:"caption-area"},"error"==C?i("span",{class:P}," ",S," "):_&&i("span",{class:P}," ",_," ")))}get el(){return s(this)}static get watchers(){return{_items:["parseItems"],value:["handleChange"]}}};(function(e,i,t,s){var c,o=arguments.length,h=o<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(e,i,t,s);else for(var n=e.length-1;n>=0;n--)(c=e[n])&&(h=(o<3?c(h):o>3?c(i,t,h):c(i,t))||h);o>3&&h&&Object.defineProperty(i,t,h)})([r()],m.prototype,"el",void 0),m.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block;width:fit-content;height:fit-content;background-color:#ffffff}:host(.hidden){display:none}:host(.flex){width:100%;height:100%}:host(.flex) .bcm-listbox{max-height:100%;max-width:100%;height:100%;min-width:100%}:host(.full-width){width:100%}:host(.full-width) .bcm-listbox{max-width:100%;min-width:100%}.bcm-listbox{flex:1;background-color:var(--bcm-color-grey-1);width:fit-content;display:flex;flex-direction:column;height:100%;width:100%;min-width:256px;max-width:256px;min-height:auto;max-height:300px;box-sizing:border-box;border:1px solid var(--bcm-color-grey-5)}.bcm-listbox-list{flex:1;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;border-bottom:none}.bcm-listbox-list.loading{min-height:150px;position:relative;margin:0 8px 8px 8px}.bcm-listbox-list .loading{display:none;align-items:center;justify-content:center;height:100%;width:100%;position:absolute;background-color:rgba(255, 255, 255, 0.03)}.bcm-listbox-list .loading.show{display:flex}.bcm-listbox-list .list-container.hidden{display:none}.bcm-listbox .search{padding:8px;padding-bottom:0}.bcm-listbox .search.hidden{display:none !important}.bcm-listbox .empty{display:none;align-items:center;justify-content:center;flex:1;height:100%}.bcm-listbox .empty.show{display:flex}.bcm-listbox-footer{text-align:right;padding:4px 8px;background-color:var(--bcm-color-grey-3)}.label{display:block;color:var(--bcm-color-grey-9);margin-bottom:4px}.listbox-item{display:flex;align-items:stretch;justify-content:flex-start;flex-direction:column;color:var(--bcm-color-grey-8);user-select:none;background-color:var(--bcm-color-grey-1)}.listbox-item.hidden{display:none}.listbox-item .divider{padding:0 8px}.listbox-item-container{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;padding-left:8px;width:100%}.listbox-item-container .check-content{display:flex;align-items:center;justify-content:flex-start;width:16px;min-width:16px;margin-right:4px}.listbox-item-container .check-content .indeterminate{width:16px;height:16px;position:relative;display:block;padding-right:8px;cursor:pointer}.listbox-item-container .check-content .indeterminate:after{content:"";position:absolute;top:50%;left:9px;width:10px;height:10px;background-color:var(--bcm-color-prime-blue-6);transform:translate(-50%, -50%);opacity:1;z-index:1}.listbox-item-container .check-content .indeterminate:before{content:"";position:absolute;top:-1px;left:0px;width:16px;height:100%;border-radius:2px;background-color:transparent;border:1px solid var(--bcm-color-grey-5);opacity:1;z-index:2}.listbox-item-container .check-content .indeterminate:hover:before{border-color:var(--bcm-color-prime-blue-6);box-shadow:0px 2px 4px rgba(54, 121, 171, 0.5)}.listbox-item-container-text-content{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;cursor:pointer;width:100%;padding:4px 8px 4px 4px}.listbox-item-container.disabled{color:var(--bcm-color-grey-6)}.listbox-item-container.selected{color:var(--bcm-color-prime-blue-6)}.listbox-item-container.selected:hover:not(.disabled){color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}.listbox-item-container:hover:not(.disabled),.listbox-item-container:active:not(.disabled){color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}.caption-area{margin-bottom:8px;min-height:20px}.input-caption{display:block}.error.label{color:var(--bcm-color-red-6) !important}.error.bcm-listbox{border:1px solid var(--bcm-color-red-6) !important}.caption-default{color:#8C8C8C}.caption-primary{color:#4293CF}.caption-success{color:#52C41A}.caption-warning{color:#FA8C16}.caption-error{color:#F5222D}.input-large{height:38px}.input-medium{height:30px}.input-small{height:20px}';const g=class{constructor(i){e(this,i),this.text=void 0,this._id=(4*Math.random()).toString(16).replace(".",""),this.hidden=!1}componentWillLoad(){this.text=this.text.toUpperCase()}render(){const{text:e}=this,s=o("listbox-group"),c=o("listbox-group-title"),h=o(this.hidden?"hidden":null);return i(t,{class:h},i("div",{class:s},i("div",{class:c},i("bcm-text",{"font-size":"3",color:"slate-100"}," ",e," ")),i("slot",null)))}};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}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block}:host(.hidden){display:none}.listbox-group-title{padding:4px 16px;background-color:var(--bcm-color-grey-7);position:sticky;top:0;z-index:1}';const u=class{constructor(i){e(this,i),this.listboxItemSelected=c(this,"bcm-listbox-item-selected",7),this.listboxUnchecked=c(this,"bcm-listbox-unchecked",7),this.listboxChecked=c(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.avatarImage=void 0,this.avatarName=void 0,this.secondaryText=void 0,this.tooltipText=void 0,this.text=void 0,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.itemObject=void 0,this.disabled=!1,this.highlight=void 0,this._internal_id="",this.template=null}componentDidLoad(){this.disabled||(!0===this.selected&&this.listboxItemSelected.emit(this.itemObject),!0===this.checkboxes&&!0===this.checked&&this.listboxChecked.emit(this._id))}handleClick(){this.disabled||(!0===this.checkboxes&&(!0===this.checked&&this.listboxUnchecked.emit(this._id)||this.listboxChecked.emit(this._id)),!1===this.checkboxes&&(this.selected=!0,this.listboxItemSelected.emit(this.itemObject)))}handleCheckboxClick(e){e.preventDefault()}isInternal(e){var i=e.path||e.composedPath&&e.composedPath();return(i&&i[0]&&i[0].attributes&&i[0].attributes["bcm-internal-id"]&&i[0].attributes["bcm-internal-id"].value)==this._internal_id}ListenListboxCheck(e){this.isInternal(e)&&(this.disabled||e.detail&&e.detail===this._id&&(this.checked=!0))}ListenListboxUncheck(e){this.isInternal(e)&&(this.disabled||e.detail&&e.detail===this._id&&(this.checked=!1))}handleListboxClearSelecteds(e){0==this.checkboxes&&this.isInternal(e)&&(this.disabled||e.detail&&(this.selected=e.detail===this.itemObject))}templateParser(e){for(var i,t=/{{([^}]+)}}/g,s=e;i=t.exec(s);)e=e.replace("{{"+i[1]+"}}",this.itemObject[i[1]]);return e}render(){const{display:e,focused:s,selected:c,size:h,showIcon:n,icon:r,checkboxes:a,_id:l,checked:d,text:p,avatarName:x,avatarImage:b,avatar:m,secondaryText:g,tooltipText:u}=this,f=o("listbox-item",{disabled:this.disabled,display:e}),v=o("listbox-item-container",{disabled:this.disabled,focus:s,selected:c}),k=o("listbox-item-container-text-content",h,{disabled:this.disabled,"size-2":"small"===h||"medium"===h,"size-3":"large"===h}),y=o(this.hidden?"hidden":null),z=o("listbox-item-container-html-content",h,{disabled:this.disabled,"size-2":"small"===h||"medium"===h,"size-3":"large"===h});return i(t,{class:y},i("div",{class:f},i("div",{class:v,onClick:()=>this.handleClick()},a&&i("div",{class:"check-content"},i("bcm-checkbox-lite",{id:"check-"+l,onClick:e=>this.handleCheckboxClick(e),checked:d,disabled:this.disabled})),this.template&&i("div",{class:z,title:u,innerHTML:this.templateParser(this.template)}),null==this.template&&i("div",{class:k,title:u},i("div",null,(m||x||b)&&i("div",{class:"avatar"},i("bcm-avatar",Object.assign({size:"small",name:p},x&&{name:x},b&&{image:b}))),n&&r&&i("bcm-icon",{class:"icon",icon:r}),p&&i("span",{id:"text"},p)||i("slot",null)),i("div",null,g&&i("div",{class:"secondaryText size-1"},g))))))}get el(){return s(this)}};u.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display: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 f=e=>e.toLowerCase(),v=class{constructor(i){e(this,i),this.bcmOnSearch=c(this,"bcm-on-search",7),this.bcmOnSearchValue=c(this,"bcm-on-search-value",7),this.data=[],this.searchFields=["text","value"],this.returnField="idx",this.searchSub=null,this.hidden=!1,this.onlyChild=!1,this.clearable=!1,this.searchValue="",this.searchPlaceholder="Search",this.disabled=!1,this._internal_id=(4*Math.random()).toString(16).replace(".",""),this.results=[]}getInput(){return this.el.shadowRoot.querySelector("bcm-old-input")}componentDidLoad(){this.getInput().clearable=this.clearable}listenBcmChange(e){e.stopPropagation()}async setValue(e){return await this.getInput().setValue(e),e}async select(){return await this.getInput().select(),this.bcmOnSearch.emit(!0),!0}async setClear(){return await this.getInput().setClear(),this.bcmOnSearch.emit(!0),!0}async searchArray(e,i=null){let t=this.searchFields,s=[];return i&&(this.searchFields=[i]),e.forEach((e=>{this.results=[],this.nestedSearch(this.data,e,!0),s.push(...this.results)})),this.searchFields=t,s}nestedSearch(e,i,t=!1){var s;return e&&e.map((e=>{this.searchFields.map((c=>{if(c in e)if(e[c]=f(String(e[c])),this.onlyChild)e[this.searchSub]?(o=this.nestedSearch(e[this.searchSub],i,t))&&(this.results.push(s=String(e[this.returnField])),this.results.push(o)):t?e[c]==f(String(i))&&this.results.push(s=String(e[this.returnField])):-1!==e[c].indexOf(f(i))&&this.results.push(s=String(e[this.returnField]));else{var o;e[this.searchSub]&&(o=this.nestedSearch(e[this.searchSub],i,t))&&(this.results.push(s=String(e[this.returnField])),this.results.push(o)),t?e[c]==f(String(i))&&this.results.push(s=String(e[this.returnField])):-1!==e[c].indexOf(f(i))&&this.results.push(s=String(e[this.returnField]))}}))})),s}inputChange(e){this.results=[],this.nestedSearch(this.data,e),this.results=Array.from(new Set(this.results)),e&&(this.results.length>0&&this.bcmOnSearch.emit(this.results)||this.bcmOnSearch.emit([-1]))||this.bcmOnSearch.emit(!0),this.bcmOnSearchValue.emit(e)}render(){const e=o(this.hidden?"hidden":null);return i(t,{class:e},i("bcm-old-input",{placeholder:this.searchPlaceholder,"no-caption":!0,"no-margin":!0,"full-width":!0,disabled:this.disabled,type:"search","on-bcm-change":e=>this.inputChange(e.detail),value:this.searchValue}))}get el(){return s(this)}static get watchers(){return{searchValue:["inputChange"]}}};(function(e,i,t,s){var c,o=arguments.length,h=o<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(e,i,t,s);else for(var n=e.length-1;n>=0;n--)(c=e[n])&&(h=(o<3?c(h):o>3?c(i,t,h):c(i,t))||h);o>3&&h&&Object.defineProperty(i,t,h)})([r()],v.prototype,"el",void 0),v.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block}:host(.hidden){display:none}';const k=e=>e.toLowerCase(),y=class{constructor(i){e(this,i),this.treeviewChange=c(this,"bcm-treeview-change",7),this.treeviewSendCheck=c(this,"bcm-treeview-send-check",7),this.treeviewSendUncheck=c(this,"bcm-treeview-send-uncheck",7),this.treeviewChecklist=c(this,"bcm-treeview-checklist",7),this.treeviewItemSelected=c(this,"bcm-treeview-item-selected",7),this.treeviewClearSelecteds=c(this,"bcm-treeview-clear-selecteds",7),this.treeviewShowContext=c(this,"bcm-treeview-show-context",7),this.treeviewUnchecked=c(this,"bcm-treeview-unchecked",7),this.treeviewChecked=c(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.empty=!1,this.checkboxes=!1,this.showIcon=!1,this.size="medium",this.selectedId=void 0,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.showSearch=!0,this.items=[],this.total=0,this.checkCount=0,this.focusedElement=void 0,this.keyMapForFocus={18:!1,87:!1},this.checklist=[],this.favoriteList=[],this.checklistSorted=[],this.searchData=void 0,this.searchResults=[]}async setData(e=[]){return this.clearAndSelectSearch(!1),this.isLoading(!0),this.isSetData=!0,this.checkedObjectList=[],this.selectedId=null,setTimeout((()=>{this._items=e,this.searchData=JSON.parse(e),this.calculateMinSizes(),this.handleChildProcess()}),100),Promise.resolve(!0)}async getChecklist(){return this.checkedObjectList}async getFavorites(){return this.getChildItem(this.el).forEach((e=>{1==e[this.objectMapping.favorite]&&(this.favIconOnlyChilds&&0==e[this.objectMapping.items].length&&this.favoriteList.indexOf(e.itemObject)<0&&this.favoriteList.push(e.itemObject),!this.favIconOnlyChilds&&this.favoriteList.indexOf(e.itemObject)<0&&this.favoriteList.push(e.itemObject))})),this.favoriteList}async selected(e){this.selectedId=e}async clearAndSelectSearch(e=!0){this.runClearAndSelect=!0,!0===this.search&&setTimeout((()=>{var i=null;(i=this.el.shadowRoot.querySelector("bcm-old-search"))&&(i.setClear(),1==e&&i.select())}),100)}async addChecked(e=[]){this.checkedList=e}async updateChecked(e=[]){this.updateCheckedList=e}async config(e){return e.maxHeight&&(this.maxHeight="string"==typeof e.maxHeight?e.maxHeight:"100%"),e.searchFields&&Array.isArray(e.searchFields)&&(this.searchFields=e.searchFields),e.searchable&&(this.search="boolean"==typeof e.searchable&&e.searchable),e.searchOnlyChild&&(this.searchOnlyChild="boolean"==typeof e.searchOnlyChild&&e.searchOnlyChild),e.searchPlaceholder&&(this.searchPlaceholder="string"==typeof e.searchPlaceholder?e.searchPlaceholder:null),e.fullWidth&&(this.fullWidth="boolean"==typeof e.fullWidth&&e.fullWidth),e.infoFooter&&(this.infoFooter="boolean"==typeof e.infoFooter&&e.infoFooter),e.highlight&&(this.highlight="boolean"==typeof e.highlight&&e.highlight),e.checkable&&(this.checkboxes="boolean"==typeof e.checkable&&e.checkable),e.showIcon&&(this.showIcon="boolean"==typeof e.showIcon&&e.showIcon),e.favIcon&&(this.favIcon="boolean"==typeof e.favIcon&&e.favIcon),e.favIconOnlyChilds&&(this.favIconOnlyChilds="boolean"==typeof e.favIconOnlyChilds&&e.favIconOnlyChilds),e.allOpen&&(this.allOpen="boolean"==typeof e.allOpen&&e.allOpen),this.allOpenCache=this.allOpen,e.size&&(this.size=["small","medium","large"].indexOf(e.size)>=0?e.size:"medium"),e.mapping&&(e.mapping.text&&(this.objectMapping.text=e.mapping.text),e.mapping.icon&&(this.objectMapping.icon=e.mapping.icon),e.mapping.id&&(this.objectMapping.id=e.mapping.id,this.returnField=this.objectMapping.id),e.mapping.items&&(this.objectMapping.items=e.mapping.items,this.searchSub=this.objectMapping.items),e.mapping.open&&(this.objectMapping.open=e.mapping.open),e.mapping.selected&&(this.objectMapping.selected=e.mapping.selected),e.mapping.checked&&(this.objectMapping.checked=e.mapping.checked),e.mapping.tooltipText&&(this.objectMapping.tooltipText=e.mapping.tooltipText),e.mapping.disabled&&(this.objectMapping.disabled=e.mapping.disabled),e.mapping.favorite&&(this.objectMapping.favorite=e.mapping.favorite)),Promise.resolve(!0)}calculateMinSizes(){this.minHeight<this.el.clientHeight&&(this.minHeight=this.el.clientHeight)}connectedCallback(){}componentWillLoad(){}componentWillRender(){sessionStorage.getItem(this._internal_id+"-config")&&this.config(JSON.parse(sessionStorage.getItem(this._internal_id+"-config")))}componentDidRender(){}componentWillUpdate(){}componentDidUpdate(){!0===this.checkboxes&&(this.checkedObjectList=[],this.checklistSorted.length>0?(this.getChildItem(this.el).forEach((e=>{1==e.checked&&this.checkedObjectList.indexOf(e.itemObject)<0&&this.checkedObjectList.push(e.itemObject)})),this.treeviewChecklist.emit(this.checkedObjectList)):this.treeviewChecklist.emit([]))}parseItems(e){e&&(this.items="string"==typeof e?JSON.parse(e):e),this.handleChildProcess()}handleChildProcess(){setTimeout((()=>{this.allChilds=this.getAllChilds(),this.total=this.allChilds.filter(((e,i,t)=>t.indexOf(e)===i)).length,this.total>0?(this.isLoading(!1),this.isEmpty(!1)):(this.isLoading(!1),this.isEmpty(!0))}),100)}recursiveItemRenderer(e,t){const s=String(this.selectedId),c=String(e[this.objectMapping.id]),o="true"===String(e[this.objectMapping.selected]);return(s===c||o)&&this.treeviewItemSelected.emit(e),i("bcm-treeview-item",Object.assign({_internal_id:this._internal_id,text:e[this.objectMapping.text],icon:e[this.objectMapping.icon],id:e[this.objectMapping.id],size:this.size,"has-child":!!e[this.objectMapping.items]},t&&{"parent-id":t[this.objectMapping.id]},e[this.objectMapping.tooltipText]&&{tooltipText:e[this.objectMapping.tooltipText]},"true"===String(e[this.objectMapping.checked])&&{checkTrigger:!0},"true"===String(e[this.objectMapping.open])&&{open:!0},"true"===String(e[this.objectMapping.selected])&&{selected:!0},"true"===String(e[this.objectMapping.disabled])&&{disabled:!0},e[this.objectMapping.items]&&{items:e[this.objectMapping.items]},this.favIcon&&!this.favIconOnlyChilds&&{favicon:!0},this.favIcon&&this.favIconOnlyChilds&&0==e[this.objectMapping.items].length&&{favicon:!0},this.favIcon&&e.rightSlot&&{favorite:e.rightSlot[this.objectMapping.favorite]},this.showIcon&&{showIcon:!0},"true"===String(this.checkboxes)&&{checkboxes:!0},(this.allOpen||this.allOpenOnSearch)&&{open:!0},{itemObject:e},this.checkedList&&this.checkedList.find((i=>i==e[this.objectMapping.id]))&&{checkTrigger:!0},this.updateCheckedList.length>0&&this.updateCheckedList.find((i=>i==e[this.objectMapping.id]))&&{checkTrigger:!0}),e[this.objectMapping.items]&&e[this.objectMapping.items].map((i=>this.recursiveItemRenderer(i,e))))}handleCheckList(e="add",i){if(!0===this.checkboxes){switch(e){case"add":this.checklist.length>0?this.checklist.indexOf(i)<0&&(this.checklist=[...this.checklist,i]):this.checklist=[i];break;case"remove":this.checklist=this.checklist.filter((e=>e!==i))}let t=this.checklist.sort((function(e,i){return e-i}));this.checklistSorted=t,this.checkCount=this.checklistSorted.length}}async showSearchMethod(e=!0){this.showSearch=e}async searchResultMethod(e=[]){await customElements.whenDefined("bcm-old-search");const i=this.el.shadowRoot.querySelector("bcm-old-search"),t=await i.searchArray(e,this.objectMapping.id);await this.listenSearchResult({detail:t})}isLoading(e){var i=this.el.shadowRoot.getElementById("treeview"),t=this.el.shadowRoot.getElementById("loading"),s=this.el.shadowRoot.querySelector("bcm-old-search");return!0===e?(i&&i.classList.add("loading"),t&&t.classList.add("show"),s&&(s.disabled=!0)):(i&&i.classList.remove("loading"),t&&t.classList.remove("show"),s&&(s.disabled=!1)),!1}isEmpty(e){var i=this.el.shadowRoot.getElementById("empty");!0===e?i&&i.classList.add("show"):i&&i.classList.remove("show")}isSearchCount(e=null){if(!0===this.infoFooter){var i=this.el.shadowRoot.getElementById("in-search"),t=this.el.shadowRoot.getElementById("in-total");e>=0&&null!=e&&i&&t?(i.innerHTML=e,t.style.display="none"):(t.style.display="inline",i.innerHTML="")}}listenSearchResult(e){this.parentLength=[];var i="",t=e.detail.length;this.empty=!1;var s=this.getAllChilds();this.isEmpty(!1),e.detail.length>0?(-1==e.detail[0]&&(t=0,this.empty=!0,this.isEmpty(!0)),s.length>0&&s.map((t=>{var s=!1;this.searchOnlyChild&&t.items&&t.items.length>0&&(s=!0),e.target.addEventListener("bcm-on-search-value",(async e=>{i=await e.detail;var c=t.shadowRoot.getElementById("text");if(c=c.textContent||c.innerText||"",i){var o=k(c),h=k(i),n=o.indexOf(h);n>=0&&0==s&&(-1===this.parentLength.indexOf(t.id)&&this.parentLength.push(t.id),this.highlight&&(c=c.substring(0,n)+"<span class='highlight'>"+c.substring(n,n+i.length)+"</span>"+c.substring(n+i.length)))}t.shadowRoot.getElementById("text").innerHTML=c})),t.hidden=!0,e.detail.indexOf(t.id)>=0?(t.hidden=!1,t.open=!0,setTimeout((()=>{if(-1!==this.parentLength.indexOf(t.id)&&t.items&&t.items.length>0&&0==this.searchOnlyChild){const e=i=>{this.getAllChilds(i).map((i=>{i.hidden=!1,i.open=!0,e(i)}))};e(t)}}),1)):t.hidden=!0}))):s.length>0&&s.map((e=>{e.hidden=!1})),setTimeout((()=>{if(t>=0){var i=t-Number(t-this.parentLength.length);this.isSearchCount(i>0?i:0)}else this.isSearchCount();-1===e.detail[0]&&this.isSearchCount(0),!0===e.detail&&this.isSearchCount()}),100),!0===e.detail&&this.isEmpty(!1)}getAllChilds(e=this.el){let i=[];return a(e,"bcm-treeview-item").forEach((e=>{this.getAllChilds(e)&&i.indexOf(e)<0&&i.push(e),i.indexOf(e)<0&&i.push(e)})),i}handletreeviewItemSelected(e){this.treeviewClearSelecteds.emit(e.detail)}handletreeviewChecked(e){this.handleCheckList("add",e.detail)}handletreeviewUnchecked(e){this.handleCheckList("remove",e.detail)}handletreeviewIndeterminateChecked(e){this.handleCheckList("add",e.detail)}handletreeviewIndeterminateUnchecked(e){this.handleCheckList("remove",e.detail)}treeviewUncheckedMethod(e){return this.handletreeviewUnchecked({detail:e}),this.componentDidUpdate(),Promise.resolve(!0)}getIndex(e){return Array.from(e.parentNode.children).indexOf(e)}getNext(e){return this.getChildItem(e.parentElement)[this.getIndex(e)+1]||!1}getPrev(e){return this.getChildItem(e.parentElement)[this.getIndex(e)-1]||!1}getParent(e){return"bcm-treeview"!=k(e.parentElement.tagName)&&this.getChildItem(e.parentElement.parentElement)[this.getIndex(e.parentElement)]}getNextParent(e){let i,t=this.getParent(e);if(t)return i=this.getNext(t),i||this.getNextParent(t)}getFirstItem(e=this.el){return this.getChildItem(e)[0]}getLastItem(e=this.el){let i=this.getChildItem(e).length,t=this.getChildItem(e)[i-1];return this.getChildItem(t).length>0&&1==t.open?this.getLastItem(t):t}getChildItem(e=this.el){return a(e,"bcm-treeview-item")||0}handleRightClick(e){this.treeviewShowContext.emit([e.target.id,e.clientY,e.clientX]),e.preventDefault()}keyboardNavigationUp(e){let{keyMapForFocus:i}=this;e.keyCode in i&&(i[e.keyCode]=!1)}keyboardNavigation(e){if(this.keydown){const{keyMapForFocus:i,focusedElement:t,el:s}=this;this.focusedElement=t||s;const c=e.which||0;if(this.getChildItem(s).length>0){if(e.keyCode in i&&(i[e.keyCode]=!0,i[18]&&i[87]&&(e.preventDefault(),this.focusedElement=this.getFirstItem(this.focusedElement))),9==c||13==c||18==c||32==c||35==c||36==c||c>=35&&c<=40)if(e.preventDefault(),t)switch(this.focusedElement.focused=!1,c){case 13:this.focusedElement.selected=!0;break;case 32:this.focusedElement.checked&&this.treeviewUnchecked.emit(this.focusedElement.id)||this.treeviewChecked.emit(this.focusedElement.id);break;case 35:this.focusedElement=this.getLastItem(this.focusedElement.parentElement);break;case 36:this.focusedElement=this.getFirstItem(this.focusedElement.parentElement);break;case 37:this.getChildItem(this.focusedElement).length>0&&1==this.focusedElement.open?this.focusedElement.open=!1:this.getParent(this.focusedElement)&&(this.focusedElement=this.getParent(this.focusedElement));break;case 38:this.getPrev(this.focusedElement)?(this.focusedElement=this.getPrev(this.focusedElement),this.getChildItem(this.focusedElement).length>0&&1==this.focusedElement.open&&(this.focusedElement=this.getLastItem(this.focusedElement))):this.getParent(this.focusedElement)&&(this.focusedElement=this.getParent(this.focusedElement));break;case 39:this.getChildItem(this.focusedElement).length>0&&(1==this.focusedElement.open?this.focusedElement=this.getFirstItem(this.focusedElement):this.focusedElement.open=!0);break;case 40:this.getChildItem(this.focusedElement).length>0&&1==this.focusedElement.open?this.focusedElement=this.getFirstItem(this.focusedElement):this.getNext(this.focusedElement)?this.focusedElement=this.getNext(this.focusedElement):this.getNextParent(this.focusedElement)&&(this.focusedElement=this.getNextParent(this.focusedElement))}else this.focusedElement=this.getFirstItem(this.focusedElement);this.focusedElement&&(this.focusedElement.focused=!0)}}}handleFocus(e=!1){this.onFocus=e}render(){const{searchOnlyChild:e,searchPlaceholder:s,search:c,checkCount:h,searchData:n,searchFields:r,searchSub:a,returnField:l,total:d,fullWidth:p,infoFooter:x,showSearch:b}=this,m=o(this.hidden?"hidden":null,{empty:this.empty,"full-width":p});return i(t,{class:m,style:{"min-width":this.minWidth+"px","max-height":this.maxHeight}},c&&i("div",{class:"search",style:{display:"false"==String(b)?"none":"block"}},i("bcm-old-search",{onlyChild:e,searchPlaceholder:s,"on-bcm-focus":()=>this.handleFocus(!0),"on-bcm-blur":()=>this.handleFocus(!1),data:n,returnField:l,searchFields:r,searchSub:a,clearable:!0}),i("bcm-divider",null)),i("div",{id:"treeview",class:"treeview loading"},i("div",{id:"loading",class:"loading show"},i("bcm-icon",{class:"prefix",icon:"far fa-spinner-third fa-spin"})),i("div",{id:"empty",class:"empty"},i("bcm-empty",null,"No Data")),!this.empty&&0!==this.items.length&&this.items.map((e=>this.recursiveItemRenderer(e,null)))),1==x&&i("footer",null,i("bcm-text",{scale:"size-1",color:"grey-8"},h>0&&"( "+h+" items selected ) ","Total ",i("span",{id:"in-search"})," ",i("span",{id:"in-total"},d)," items found.")))}get el(){return s(this)}static get watchers(){return{_items:["parseItems"]}}};(function(e,i,t,s){var c,o=arguments.length,h=o<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(e,i,t,s);else for(var n=e.length-1;n>=0;n--)(c=e[n])&&(h=(o<3?c(h):o>3?c(i,t,h):c(i,t))||h);o>3&&h&&Object.defineProperty(i,t,h)})([r()],y.prototype,"el",void 0),y.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:flex;flex-direction:column;height:100%;max-height:100%;border:1px solid var(--bcm-color-grey-5);box-sizing:border-box;background-color:#ffffff}:host(.empty) .treeview{display:flex;align-items:center;justify-content:center}.search{padding:8px;padding-bottom:0;margin-bottom:4px}.treeview{height:100%;max-height:100%;overflow:auto;background-color:var(--bcm-color-grey-1);padding:0 8px 8px 0}.treeview.loading{min-height:150px;position:relative;margin:0 8px 8px 8px}.treeview .loading{display:none;align-items:center;justify-content:center;height:100%;width:100%;position:absolute;background-color:rgba(255, 255, 255, 0.03)}.treeview .loading.show{display:flex}.treeview .empty{display:none;align-items:center;justify-content:center;height:100%}.treeview .empty bcm-empty{width:fit-content;margin:auto}.treeview .empty.show{display:flex}footer{text-align:right;padding:4px 8px;background-color:var(--bcm-color-grey-3);user-select:none}';const z=class{constructor(i){e(this,i),this.treeviewItemSelected=c(this,"bcm-treeview-item-selected",7),this.treeviewUnchecked=c(this,"bcm-treeview-unchecked",7),this.treeviewChecked=c(this,"bcm-treeview-checked",7),this.treeviewChange=c(this,"bcm-treeview-change",7),this.treeviewIndeterminateUnchecked=c(this,"bcm-treeview-indeterminate-unchecked",7),this.treeviewIndeterminateChecked=c(this,"bcm-treeview-indeterminate-checked",7),this.itemChecked=c(this,"bcm-treeview-check-item-checked",7),this.itemUnchecked=c(this,"bcm-treeview-check-item-unchecked",7),this.groupCheck=c(this,"bcm-treeview-check-group-check",7),this.favoriteStatus=c(this,"bcm-favorite-status",7),this.firstRun=!0,this.items=void 0,this.itemObject=void 0,this.text=void 0,this.tooltipText=void 0,this._id=(4*Math.random()).toString(16).replace(".",""),this.parentId=void 0,this.hasChild=!1,this.size="medium",this.icon="bug",this.open=!1,this.selected=!1,this.checkboxes=!1,this.showIcon=!1,this.favicon=!1,this.favorite=!1,this.checked=!1,this.checkTrigger=!1,this.focused=!1,this.disabled=!1,this.contextMenuShow=!1,this._contextMenu=[],this.indeterminateState="uncheck",this._internal_id="",this.menuPadding=0,this.childLength=0,this.indeterminate=!1,this.hidden=!1,this.contextMenu=[],this.contextOffsetLeft=0,this.contextOffsetTop=0}componentWillLoad(){this.menuPadding=24,this.childLength=this.el.children.length,this.parseItems(this._contextMenu)}componentDidLoad(){!this.disabled&&this.firstRun&&this.checkTrigger&&(this.firstRun=!1,this.handleCheckMouseUp())}handletreeviewClearSelecteds(e){this.disabled||e.detail&&e.detail!==this.itemObject&&(this.selected=!1)}ListentreeviewChange(){}ListentreeviewShowContext(e){this.contextOffsetTop=e.detail[1],this.contextOffsetLeft=e.detail[2],this.contextMenuShow=!(!e.detail[0]||e.detail[0]!==this._id)}handleWindowClick(e){e.target!==this.el&&(this.contextMenuShow=!1)}handleClick(){this.disabled||(this.selected=!0,this.treeviewItemSelected.emit(this.itemObject))}handleFavClick(e){this.disabled||(this.favorite=!this.favorite,this.itemObject.rightSlot||(this.itemObject.rightSlot={}),this.itemObject.rightSlot.favorite=this.favorite,this.favoriteStatus.emit(this.itemObject),e.stopPropagation(),e.preventDefault())}handleOpen(){this.open=!this.open}getRootChilds(e=this.el){return a(e,"bcm-treeview-item")}getAllChilds(e=this.el){let i=[];return a(e,"bcm-treeview-item").forEach((e=>{this.getAllChilds(e)&&(i=[...i,...this.getAllChilds(e)]),i=[...i,e]})),i}checkGroupState(){const e=this.getRootChilds();let[i,t,s]=["uncheck",!0,!0];e.length>0?(e.forEach((e=>{(e.checked||"indeterminate"===e.indeterminateState)&&(s=!1),!e.checked&&(t=!1)})),i=t||s?t?"determinate":"uncheck":"indeterminate",this.indeterminateState=i,"determinate"===i?(this.checked=!0,this.treeviewChecked.emit(this._id)):(this.checked=!1,this.treeviewUnchecked.emit(this._id))):this.checked?(this.checked=!1,this.treeviewUnchecked.emit(this._id)):(this.checked=!0,this.treeviewChecked.emit(this._id))}handleCheckMouseUp(){const e=this.indeterminateState;if(!this.hasChild)return this.checked=!this.checked,this.checked?this.treeviewChecked.emit(this._id):this.treeviewUnchecked.emit(this._id),void this.groupCheck.emit(this.parentId);this.getAllChilds().forEach("indeterminate"===e||"uncheck"===e?e=>{e.checked=!0,this.treeviewChecked.emit(e._id),e.indeterminateState="determined"}:e=>{e.checked=!1,this.treeviewUnchecked.emit(e._id),e.indeterminateState="uncheck"}),this.checkGroupState(),this.groupCheck.emit(this.parentId)}checkGroup(e){const{detail:i}=e;i&&this._id===i&&(this.checkGroupState(),this.groupCheck.emit(this.parentId))}contextItemRenderer(e){return i("span",null,e.title)}parseItems(e){e&&(this.contextMenu="string"==typeof e?JSON.parse(e):e)}render(){const{_id:e,text:s,tooltipText:c,size:h,icon:n,open:r,childLength:a,checkboxes:l,showIcon:d,checked:p,indeterminateState:x,focused:b,contextMenuShow:m}=this,g=this.menuPadding+"px",u=o("text-content",h,"size-2"),f=o("treeview-item",{focus:b,open:r,selected:this.selected}),v=o("treeview-item-context-menu",{show:m}),k=o("treeview-inner",{open:r}),y=o("indeterminate",{disabled:this.disabled}),z=o("treeview-item-container",{selected:this.selected,disabled:this.disabled}),w=o("collapse-content",{child:a>0}),_=o(this.hidden?"hidden":null),S=o("favicon",{favorite:this.favorite});return i(t,{class:_},i("div",{class:f},i("div",{class:w,id:"collapse-button",onClick:()=>a>0&&this.handleOpen()},a>0&&i("bcm-icon",{class:"collapse-icon",icon:"far fa-"+(r?"caret-down":"caret-right")})),i("div",{class:z},i("section",{onMouseUp:()=>this.handleCheckMouseUp()},l&&i("div",{class:"check-content"},"indeterminate"==x&&i("span",{class:y})||i("bcm-checkbox",{id:"check-"+e,name:"check-"+e,checked:p,disabled:this.disabled,noCaption:!0})),i("div",{class:u,onClick:()=>this.handleClick(),title:c},d&&n&&i("bcm-icon",{class:"icon",icon:n}),i("span",{id:"text"},s))),this.favicon&&i("section",{class:S,onClick:e=>this.handleFavClick(e)},i("bcm-icon",{title:this.favorite?"Click to remove from favorite list":"Click to add to your favourites list",icon:"far fa-star"}))),!l&&i("div",{class:v,style:{top:this.contextOffsetTop+"px",left:this.contextOffsetLeft+"px"}},0!==this.contextMenu.length&&this.contextMenu.map((e=>this.contextItemRenderer(e))))),i("div",{class:k,style:{paddingLeft:g}},i("slot",null)))}get el(){return s(this)}static get watchers(){return{_contextMenu:["parseItems"]}}};z.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host(.hidden){display:none}.treeview-item{display:flex;align-items:stretch;justify-content:flex-start;color:var(--bcm-color-grey-8);padding-left:8px;user-select:none;background-color:var(--bcm-color-grey-1)}.treeview-item-context-menu{display:none;position:absolute;height:auto;background-color:#ffffff;align-items:center;justify-content:center;flex-direction:column;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25)}.treeview-item-context-menu.show{display:flex}.treeview-item-context-menu span{text-align:left;min-width:100px;padding:5px 8px;font-size:14px;line-height:22px;color:var(--bcm-color-grey-8)}.treeview-item-context-menu span:hover{cursor:pointer;color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}.treeview-item.focus .treeview-item-container{border:2px solid var(--bcm-color-prime-blue-2)}.treeview-item-container{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.treeview-item-container.disabled{color:var(--bcm-color-grey-6)}.treeview-item-container.disabled .text-content{cursor:not-allowed}.treeview-item-container.selected:not(.disabled){color:var(--bcm-color-prime-blue-6)}.treeview-item-container.selected:not(.disabled):hover:not(.disabled){color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}.treeview-item-container:hover:not(.disabled),.treeview-item-container:active:not(.disabled){color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}.treeview-item-container>section:not(.favicon){display:flex;align-items:stretch;justify-content:flex-start;border:2px solid transparent;flex:1}.treeview-item-container>section.favicon{display:flex;align-items:center;justify-content:center;padding:0 5px;height:100%;cursor:pointer}.treeview-item-container>section.favicon:not(.favorite){display:none}.treeview-item-container:hover:not(.disabled) .favicon{display:flex}.treeview-inner{display:none}.treeview-inner.open{display:block}.collapse-content{display:flex;align-items:center;justify-content:center;width:16px;min-width:16px}.collapse-content.child{cursor:pointer}.check-content{display:flex;align-items:center;justify-content:flex-start;width:24px;min-width:24px;padding-left:8px}.check-content .indeterminate{width:16px;height:16px;position:relative;display:block;padding-right:8px;cursor:pointer}.check-content .indeterminate:after{content:"";position:absolute;top:50%;left:9px;width:10px;height:10px;background-color:var(--bcm-color-prime-blue-6);transform:translate(-50%, -50%);opacity:1;z-index:1}.check-content .indeterminate:before{content:"";position:absolute;top:-1px;left:0px;width:16px;height:100%;border-radius:2px;background-color:transparent;border:1px solid var(--bcm-color-grey-5);opacity:1;z-index:2}.check-content .indeterminate:hover:not(.disabled):before{border-color:var(--bcm-color-prime-blue-6);box-shadow:0px 2px 4px rgba(54, 121, 171, 0.5)}.check-content .indeterminate.disabled{cursor:not-allowed;background:linear-gradient(90deg, var(--bcm-color-grey-3) 18px, transparent 0px);border-color:var(--bcm-color-grey-3)}.check-content .indeterminate.disabled:after{background-color:var(--bcm-color-grey-6)}.check-content .indeterminate.disabled bcm-icon{filter:brightness(0);opacity:0.3}.text-content{display:flex;align-items:center;justify-content:space-between;cursor:pointer;width:100%;flex:1}.text-content .favicon{display:flex;flex-direction:row;align-items:center;grid-gap:4px}.text-content #text .highlight{background-color:var(--bcm-color-yellow-5)}.text-content.small{padding:0 8px 0 4px}.text-content.medium{padding:4px 8px 4px 4px}.text-content.large{padding:8px 8px 8px 4px}.text-content .icon{text-align:center;margin-right:8px}';export{d as bcm_checkbox_lite,p as bcm_divider,x as bcm_empty,m as bcm_listbox,g as bcm_listbox_group,u as bcm_listbox_item,v as bcm_old_search,y as bcm_treeview,z as bcm_treeview_item}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{h as n}from"./p-da1055cb.js";import{d as e}from"./p-3fac58f7.js";import{B as s}from"./p-a429e85b.js";import{c as a}from"./p-d65a1e21.js";import{s as t}from"./p-a6edeb5e.js";const i=({elementType:i,rows:o,id:c,internalId:r,type:l,placeholder:p,value:u,size:f,pattern:d,unit:b,unitPrefix:m,maxLength:x,disabled:w,clearable:h,focused:y,readonly:v,isPasswordVisible:C,passwordToggle:g,noDefaultIcon:j,inValid:_,captionType:k,resize:z,autocomplete:I,_suffix:T,_prefix:L,changePasswordVisibility:B,handleClear:D,steps:O,ref:P,handleBlur:V,handleFocus:F,handleInput:H,handleChange:M,isEyeDropperSupported:E,eyeDropper:S})=>{const q=s.HtmlElementType[i]||s.HtmlElementType.input;l="password"===l&&C?"text":l,u=t((()=>u),""),u=y?u:u+(u&&(null==b?void 0:b.length)>0?" "+b:"");const A="color"===(l=(null==b?void 0:b.length)>0&&!y?"text":l);l="color"===l?"text":l;var G=a("bcm-input__container",q===s.HtmlElementType.textarea&&a("bcm-input__textarea","textarea-size-"+s.Size[f],"resize-"+z,"textarea-"+f),q===s.HtmlElementType.input&&a("input-size-"+s.Size[f]),{focused:y,clearable:h,disabled:w,readonly:v,invalid:_,unit:(null==b?void 0:b.length)>0,error:"error"===k});const J=a("caret-container",{unit:(null==b?void 0:b.length)>0,disabled:w||v||_}),K="bcm-input__container--"+f,N=a(K,"unit-prefix");return n("div",{class:G,id:c+"-container"},n("span",{hidden:!0},n("slot",null)),n("span",{class:"input-prefix"},n("slot",{name:"prefix"}),L&&L.length>0&&n("span",{innerHTML:L}),m&&n("span",{class:N},m),A&&n("i",{class:"tw-flex tw-h-4 tw-w-4 tw-items-center tw-justify-center tw-rounded-full tw-border tw-border-slate-300",style:{backgroundColor:u}})),n(q,Object.assign({tabindex:"0",id:c+"-input","bcm-internal-id":r,class:"bcm-input-element "+K},q===s.HtmlElementType.input&&{type:l,autocomplete:I?"on":"off",pattern:d},q===s.HtmlElementType.textarea&&{rows:o,resize:z},{value:u,maxLength:x,placeholder:p,disabled:w,readOnly:v,ref:n=>P(n),onBlur:n=>(n=>{n.target.parentElement.classList.remove("focused"),V(n)})(n),onFocus:n=>(n=>{n.target.parentElement.classList.add("focused"),F(n)})(n),onInput:n=>H(n),onChange:n=>M(n)})),n("span",{class:"input-suffix-content"},h&&!w&&!v&&n("span",{class:"input-suffix input-suffix-button input-clear-button",onClick:n=>D(n)},n("bcm-icon",{icon:"far fa-times"}))),n("span",{class:"input-suffix-content"},("password"===l||"text"===l)&&g&&n("span",{class:"input-suffix input-suffix-button",onClick:()=>B()},n("bcm-icon",{icon:C?"far fa-eye-slash":"far fa-eye"}))),n("span",{class:"input-suffix-content"},Object.keys(e).includes(l)&&!j&&n("span",{class:"input-suffix"},n("bcm-icon",{icon:e[l]}))),n("span",{class:"input-suffix-content"},"number"===l&&n("div",{class:J},n("span",{class:"bcm-input-caret",onClick:()=>O("up")},n("bcm-icon",{icon:"fas fa-caret-up"})),n("span",{class:"bcm-input-caret",onClick:()=>O("down")},n("bcm-icon",{icon:"fas fa-caret-down"})))),n("span",{class:"input-suffix-content"},"number"!==l&&n("span",{class:"input-suffix"},n("slot",{name:"suffix"}),T&&T.length>0&&n("span",{innerHTML:T})),A&&E()&&n("span",{class:"input-suffix"},n("span",null,n("i",{class:"far fa-eye-dropper",onClick:()=>S()})))))};export{i as I}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as t,c as i,h as e,H as s,g as o}from"./p-da1055cb.js";import{c as n}from"./p-d65a1e21.js";import{I as a}from"./p-c23b6240.js";import{J as p}from"./p-16a19e2f.js";import{G as r}from"./p-a6edeb5e.js";import{B as h}from"./p-a429e85b.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";var d=function(t,i,e,s){var o,n=arguments.length,a=n<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,s);else for(var p=t.length-1;p>=0;p--)(o=t[p])&&(a=(n<3?o(a):n>3?o(i,e,a):o(i,e))||a);return n>3&&a&&Object.defineProperty(i,e,a),a};const l=class{constructor(e){t(this,e),this.bcmClick=i(this,"bcm-click",7),this.isOpen=void 0,this._id=r.UID(),this.menuId=r.UID(),this.hidden=!1,this.type="dropdown",this.size=h.Size.medium,this.disabled=!1,this.kind=h.Kind.solid,this.icon=void 0,this.href=void 0,this.target=void 0,this.value=void 0,this.noStyle=!1,this.dropdownIcon="fas fa-angle-down",this.linkedComponent=void 0,this.loading=!1,this.variant=void 0,this.dataDismiss=!1,this.fullWidth=!1,this.iconPosition=h.IconPosition.prefix,this.placement=void 0,this.height=void 0,this.maxHeight="500px",this.minHeight="50px",this.stopDeepClean=!1,this.selectable=!0,this.color=void 0,this.data=[]}async dataChanged(t){t&&(this.data=t)}async setActive(t=null){var i,e;null===(e=null===(i=document.getElementById(`${this.menuId}`))||void 0===i?void 0:i.querySelectorAll("bcm-menu"))||void 0===e||e.forEach((i=>{i.setActive(t)}))}handleSlotItems({detail:t}){this.data=t}componentDidLoad(){var t;const i=this.el.querySelector("bcm-content");i&&(null===(t=document.getElementById(this.menuId))||void 0===t||t.appendChild(i))}render(){const{size:t,kind:i,disabled:o,icon:a,color:p,href:r,target:h,loading:d,type:l,variant:c,fullWidth:m,isOpen:b}=this,x=n("bcm-dropdown","bcm-dropdown__type-"+l,{"full-width":m,"no-style":this.noStyle,hidden:this.hidden||this.linkedComponent}),g=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o&&{disabled:o}),d&&{loading:d}),i&&{kind:i}),t&&{size:t}),c&&{variant:c}),p&&{color:p}),this.menuId&&{"menu-id":this.menuId}),u=n("bcm-dropdown__icon",{"bcm-dropdown__icon--open":b}),f=e("span",{class:u},e("bcm-icon",{icon:this.dropdownIcon}));return e(s,{class:x},e("span",{hidden:!0},e("slot",null)),this.noStyle&&e("slot",null),!this.noStyle&&e("bcm-button",Object.assign({class:"main-button",id:`${this._id}-button`},g,a&&{icon:a},r&&"split"===l&&{href:r},h&&"split"===l&&{target:h},m&&{fullWidth:m}),e("slot",null),"dropdown"===l&&f),!this.noStyle&&"split"===l&&e("bcm-button",Object.assign({id:`${this._id}-button-split`,class:"split-button"},g),f),e("bcm-linked",{id:`${this.menuId}`,"target-id":`${this._id}-button${"split"===l?"-split":""}`,placement:this.placement||("dropdown"===l?"bottom-start":"bottom-end"),"max-height":this.maxHeight,"min-height":this.minHeight,height:this.height,"on-bcm-open":t=>{var i;return(null===(i=null==t?void 0:t.target)||void 0===i?void 0:i.id)==this.menuId&&(this.isOpen=t.detail)}},this.data&&this.data.length>0&&e("bcm-menu",{data:this.data,selectable:this.selectable,"on-bcm-click":t=>this.bcmClick.emit(t.detail)})))}get el(){return o(this)}static get watchers(){return{data:["dataChanged"]}}};d([a()],l.prototype,"el",void 0),d([p("data",!0)],l.prototype,"dataChanged",null),l.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-dropdown{width:fit-content;display:inline-flex;flex-direction:row}.bcm-dropdown.hidden{display:none}.bcm-dropdown.no-style{cursor:pointer}.bcm-dropdown.full-width{width:100%}.bcm-dropdown.full-width .bcm-button__container-text{flex:1;justify-content:space-between}.bcm-dropdown__type-split .main-button .bcm-button__container{border-top-right-radius:0;border-bottom-right-radius:0}.bcm-dropdown__type-split .split-button .bcm-button__container{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:1px;min-width:auto}.bcm-dropdown__icon{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;transform:rotate(0deg);transition:transform 0.2s ease}.bcm-dropdown__icon--open{transform:rotate(180deg)}';export{l as bcm_dropdown}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as e,c as t,h as i,H as n,g as a}from"./p-da1055cb.js";import{I as r}from"./p-c23b6240.js";import{s as c,G as o}from"./p-a6edeb5e.js";import{B as l}from"./p-a429e85b.js";import{I as s}from"./p-ab74d877.js";import{d as p}from"./p-8c018ae0.js";import{c as m}from"./p-a60a2dd0.js";import{S as b}from"./p-8d0ca8c2.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-3fac58f7.js";import"./p-d65a1e21.js";const{state:u}=m({value:new Map}),d=(e,t)=>{let i=[];return e&&(i=e.map((e=>Object.assign(Object.assign(Object.assign({},e),{parentId:c((()=>t),null)}),e.items&&e.items.length>0&&{items:c((()=>d(e.items,e.id)),[])})))),i},h=e=>c((()=>u.value.get(e)),{}),x=(e,t,i)=>{let n=[],a=[],r=[],c=[];const{searchIsOnlyChilds:o}=h(e);return t&&t.length>0&&t.forEach((t=>{let l=o&&null!==t.parentId;if((b.slugify(t.text).indexOf(b.slugify(i))>-1||t.keywords&&b.slugify(t.keywords).indexOf(b.slugify(i))>-1)&&(!o||o&&l)){if(r.push(t.id),n.push(t.id),a.push(t.id),c.push({id:t.id,text:t.text,parentId:t.parentId}),t.items&&t.items.length>0){const a=x(e,t.items,i);a.matching.length>0&&a.matching.forEach((e=>{n.push(e)}))}}else if(t.items&&t.items.length>0){const o=x(e,t.items,i);o.result.length>0&&(o.result.forEach((e=>{r.push(e)})),r.push(t.id),a.push(t.id),c.push({id:t.id,text:t.text,parentId:t.parentId,items:o.nestedResult})),o.matching.length>0&&n.push(...o.matching)}})),{result:r,matching:n,parentIndex:a,nestedResult:c}},g=(e,t,i)=>{let n;n=i&&i.length>0?i:h(e).dataSource;let a=[];return n&&a.push(x(e,n,t)),{result:c((()=>o.flatArray(a[0].result)),[]),matching:c((()=>a[0].matching),[]),parentIndex:c((()=>a[0].parentIndex),[]),nestedResult:c((()=>a[0].nestedResult),[])}};const f=class{constructor(i){e(this,i),this.bcmOnSearch=t(this,"bcm-on-search",7),this.bcmOnSearchClear=t(this,"bcm-on-search-clear",7),this.debounceHandler=o.debounceInput((e=>this.onSearchValue(e,this)),300,!1,(()=>{var e,t;this.isActiveClearable=(null===(t=null===(e=this.inputElement)||void 0===e?void 0:e.value)||void 0===t?void 0:t.length)>0&&this.clearable})),this._id=o.UID(),this.placeholder="Search",this.disabled=!1,this.readonly=!1,this.clearable=!0,this.size=l.Size.medium,this.limit=10,this.searchIsOnlyChilds=!1,this.minSearchLength=2,this.data=[],this.tick={},this.isActiveClearable=!1}async componentDidLoad(){await this.initState()}async dataChanged(e,t){e!==t&&await this.initState()}async initState(){await(e=>{const{id:t,dataSource:i}=e,n={id:c((()=>t),o.UID),dataSource:i&&i.length>0&&d(i),searchIsOnlyChilds:e.searchIsOnlyChilds};u.value.set(n.id,n)})({id:this._id+"-input",dataSource:this.data,searchIsOnlyChilds:this.searchIsOnlyChilds}),await this.markForCheck()}markForCheck(){this.tick=o.UID()}handleInput(){}async onBcmFocus(){this.inputElement.focus()}async onBcmBlur(){this.inputElement.blur()}async onBcmSelect(){this.inputElement.select()}async setValue(e){this.inputElement.value=e}handleFocus(){}handleBlur(){}handleChange(){}async handleClear(e=!0){this.inputElement.value="";const{value:t,id:i}=this.inputElement;return g(i,t),this.isActiveClearable=!1,this.bcmOnSearch.emit({result:null,value:null,matching:null,parentIndex:null}),this.bcmOnSearchClear.emit(e),await p(10),Promise.resolve()}onSearchValue(e,t){const{value:i,id:n}=e.target,a=(null==i?void 0:i.length)>=this.minSearchLength?g(n,i,null):null,{bcmOnSearch:r,inputElement:c}=t;r.emit({result:null==a?void 0:a.result,value:null==c?void 0:c.value,matching:null==a?void 0:a.matching,parentIndex:null==a?void 0:a.parentIndex,nestedResult:null==a?void 0:a.nestedResult})}render(){const{_id:e,placeholder:t,disabled:a,readonly:r}=this;return i(n,{onClick:()=>{this.onBcmFocus(),this.onBcmSelect()}},i(s,{size:this.size,id:e,type:"search",placeholder:t,disabled:a,"full-width":!0,readonly:r,clearable:this.isActiveClearable,handleFocus:()=>this.handleFocus(),handleBlur:()=>this.handleBlur(),handleChange:()=>this.handleChange(),handleClear:()=>this.handleClear(),handleInput:this.debounceHandler,ref:e=>this.inputElement=e}))}get el(){return a(this)}static get watchers(){return{data:["dataChanged"]}}};(function(e,t,i,n){var a,r=arguments.length,c=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,i,n);else for(var o=e.length-1;o>=0;o--)(a=e[o])&&(c=(r<3?a(c):r>3?a(t,i,c):a(t,i))||c);r>3&&c&&Object.defineProperty(t,i,c)})([r()],f.prototype,"el",void 0),f.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-caption-area{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:12px;line-height:calc(12px + 8px);color:var(--bcm-new-ds-color-slate-400);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;margin-top:2px}.bcm-caption-area__text{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.default{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.info{color:var(--bcm-new-ds-color-blue-500)}.bcm-caption-area__text.success{color:var(--bcm-new-ds-color-emerald-500)}.bcm-caption-area__text.warning{color:var(--bcm-new-ds-color-amber-500)}.bcm-caption-area__text.error{color:var(--bcm-new-ds-color-red-500)}.bcm-caption-area__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-caption-area__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-caption-area__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}*{box-sizing:border-box}.bcm-label{display:inline-flex;align-items:flex-start;grid-gap:2px}.bcm-label__text{margin-bottom:2px;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;color:var(--bcm-new-ds-color-slate-600)}.bcm-label__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-label__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-label__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-input{display:inline-flex;flex-direction:column;width:100%;max-width:256px;margin-bottom:8px}.bcm-input.full-width{max-width:100%}.bcm-input.hidden{display:none}.bcm-input__container{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;align-items:stretch;flex-direction:row;background-color:var(--bcm-new-ds-color-white);border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;box-sizing:border-box;cursor:text;padding:0 0 0 4px;position:relative;width:100%}.bcm-input__container.disabled{background-color:var(--bcm-new-ds-color-slate-50);cursor:not-allowed}.bcm-input__container.disabled .bcm-input-element{color:var(--bcm-new-ds-color-slate-500)}.bcm-input__container.readonly{background-color:var(--bcm-new-ds-color-slate-50);cursor:default}.bcm-input__container.readonly .bcm-input-element{color:var(--bcm-new-ds-color-slate-600)}.bcm-input__container:not(.disabled):hover .caret-container,.bcm-input__container:not(.disabled).focused .caret-container{opacity:1}.bcm-input__container:not(.disabled):hover .input-clear-button,.bcm-input__container:not(.disabled).focused .input-clear-button{opacity:1}.bcm-input__container:not(.disabled).focused{background-color:var(--bcm-new-ds-color-slate-50)}.bcm-input__container:not(.disabled):hover{border-color:var(--bcm-color-prime-blue-6)}.bcm-input__container.empty .input-clear-button{display:none}.bcm-input__container.invalid,.bcm-input__container.error{border-color:var(--bcm-new-ds-color-red-500)}.bcm-input__container .bcm-input-element{width:100%;color:var(--bcm-new-ds-color-slate-600);flex:1;border:none;background:transparent;box-shadow:unset;padding:0 4px;font-family:"Inter", sans-serif;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcm-input__container .bcm-input-element::placeholder{font-family:"Inter", sans-serif;color:var(--bcm-new-ds-color-slate-300);user-select:none}.bcm-input__container .bcm-input-element::-webkit-search-decoration,.bcm-input__container .bcm-input-element::-webkit-search-cancel-button,.bcm-input__container .bcm-input-element::-webkit-search-results-button,.bcm-input__container .bcm-input-element::-webkit-search-results-decoration,.bcm-input__container .bcm-input-element::-webkit-calendar-picker-indicator,.bcm-input__container .bcm-input-element::-webkit-inner-spin-button,.bcm-input__container .bcm-input-element::-webkit-outer-spin-button{-webkit-appearance:none}.bcm-input__container .caret-container{width:30px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;border-left:1px solid #D9D9D9;transition:0.2s opacity;user-select:none;box-sizing:border-box}.bcm-input__container .caret-container .bcm-input-caret{display:flex;align-items:center;justify-content:center;color:var(--bcm-color-grey-7);cursor:pointer;flex:1}.bcm-input__container .caret-container .bcm-input-caret bcm-icon{line-height:1}.bcm-input__container .caret-container .bcm-input-caret:hover{color:var(--bcm-color-prime-blue-6)}.bcm-input__container .caret-container .bcm-input-caret:active{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container .bcm-input-caret:last-child{border-top:1px solid #D9D9D9}.bcm-input__container .caret-container.disabled{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container.disabled .bcm-input-caret{cursor:not-allowed}.bcm-input__container .input-suffix-content{display:flex;align-items:center;justify-content:center}.bcm-input__container .input-prefix:not(:empty){padding-left:4px}.bcm-input__container .input-suffix:not(:empty){min-width:24px;padding-right:4px}.bcm-input__container .input-prefix:not(:empty),.bcm-input__container .input-suffix:not(:empty){display:flex;align-items:center;justify-content:center;cursor:default;color:#64748a}.bcm-input__container .input-prefix:not(:empty) .unit-prefix,.bcm-input__container .input-suffix:not(:empty) .unit-prefix{color:#64748a}.bcm-input__container .input-prefix-button:not(:empty),.bcm-input__container .input-suffix-button:not(:empty){cursor:pointer}.bcm-input__container .caret-container,.bcm-input__container .input-clear-button{opacity:0}.bcm-input__container--small{font-size:12px}.bcm-input__container--medium{font-size:14px}.bcm-input__container--large{font-size:16px}.bcm-input__textarea .bcm-input-element{white-space:normal}.bcm-input__textarea.clearable .bcm-input-element{padding-right:24px}.bcm-input__textarea .input-clear-button{position:absolute;top:4px;right:0}';export{f as bcm_search}

package/dist/bromcom-ui/{p-e8d18848.js → p-b60bcecf.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{a as t}from"./p-c9bd85e9.js";function e(t){return t.split("-")[1]}function n(t){return"y"===t?"height":"width"}function o(t){return t.split("-")[0]}function r(t){return["top","bottom"].includes(o(t))?"x":"y"}function i(t,i,a){let{reference:l,floating:c}=t;const s=l.x+l.width/2-c.width/2,f=l.y+l.height/2-c.height/2,u=r(i),d=n(u),m=l[d]/2-c[d]/2,p="x"===u;let y;switch(o(i)){case"top":y={x:s,y:l.y-c.height};break;case"bottom":y={x:s,y:l.y+l.height};break;case"right":y={x:l.x+l.width,y:f};break;case"left":y={x:l.x-c.width,y:f};break;default:y={x:l.x,y:l.y}}switch(e(i)){case"start":y[u]-=m*(a&&p?-1:1);break;case"end":y[u]+=m*(a&&p?-1:1)}return y}function a(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function l(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function c(t,e){var n;void 0===e&&(e={});const{x:o,y:r,platform:i,rects:c,elements:s,strategy:f}=t,{boundary:u="clippingAncestors",rootBoundary:d="viewport",elementContext:m="floating",altBoundary:p=!1,padding:y=0}=e,h=a(y),g=s[p?"floating"===m?"reference":"floating":m],w=l(await i.getClippingRect({element:null==(n=await(null==i.isElement?void 0:i.isElement(g)))||n?g:g.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(s.floating)),boundary:u,rootBoundary:d,strategy:f})),x="floating"===m?{...c.floating,x:o,y:r}:c.reference,b=await(null==i.getOffsetParent?void 0:i.getOffsetParent(s.floating)),v=await(null==i.isElement?void 0:i.isElement(b))&&await(null==i.getScale?void 0:i.getScale(b))||{x:1,y:1},A=l(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({rect:x,offsetParent:b,strategy:f}):x);return{top:(w.top-A.top+h.top)/v.y,bottom:(A.bottom-w.bottom+h.bottom)/v.y,left:(w.left-A.left+h.left)/v.x,right:(A.right-w.right+h.right)/v.x}}const s=Math.min,f=Math.max;function u(t,e,n){return f(t,s(e,n))}const d=["top","right","bottom","left"],m={left:"right",right:"left",bottom:"top",top:"bottom"};function p(t){return t.replace(/left|right|bottom|top/g,(t=>m[t]))}const y={start:"end",end:"start"};function h(t){return t.replace(/start|end/g,(t=>y[t]))}const g=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(i){var a;const{placement:l,middlewareData:s,rects:f,initialPlacement:u,platform:d,elements:m}=i,{mainAxis:y=!0,crossAxis:g=!0,fallbackPlacements:w,fallbackStrategy:x="bestFit",fallbackAxisSideDirection:b="none",flipAlignment:v=!0,...A}=t,H=o(l),k=o(u)===u,O=await(null==d.isRTL?void 0:d.isRTL(m.floating)),R=w||(k||!v?[p(u)]:function(t){const e=p(t);return[h(t),e,h(e)]}(u));w||"none"===b||R.push(...function(t,n,r,i){const a=e(t);let l=function(t,e,n){const o=["left","right"],r=["right","left"],i=["top","bottom"],a=["bottom","top"];switch(t){case"top":case"bottom":return n?e?r:o:e?o:r;case"left":case"right":return e?i:a;default:return[]}}(o(t),"start"===r,i);return a&&(l=l.map((t=>t+"-"+a)),n&&(l=l.concat(l.map(h)))),l}(u,v,b,O));const $=[u,...R],j=await c(i,A),M=[];let P=(null==(a=s.flip)?void 0:a.overflows)||[];if(y&&M.push(j[H]),g){const{main:t,cross:o}=function(t,o,i){void 0===i&&(i=!1);const a=e(t),l=r(t),c=n(l);let s="x"===l?a===(i?"end":"start")?"right":"left":"start"===a?"bottom":"top";return o.reference[c]>o.floating[c]&&(s=p(s)),{main:s,cross:p(s)}}(l,f,O);M.push(j[t],j[o])}if(P=[...P,{placement:l,overflows:M}],!M.every((t=>t<=0))){var C,D;const t=((null==(C=s.flip)?void 0:C.index)||0)+1,e=$[t];if(e)return{data:{index:t,overflows:P},reset:{placement:e}};let n=null==(D=P.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:D.placement;if(!n)switch(x){case"bestFit":{var F;const t=null==(F=P.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:F[0];t&&(n=t);break}case"initialPlacement":n=u}if(l!==n)return{reset:{placement:n}}}return{}}}};function w(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function x(t){return d.some((e=>t[e]>=0))}function b(t){var e;return(null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function v(t){return b(t).getComputedStyle(t)}function A(t){return t instanceof b(t).Node}function H(t){return A(t)?(t.nodeName||"").toLowerCase():""}let k;function O(){if(k)return k;const t=navigator.userAgentData;return t&&Array.isArray(t.brands)?(k=t.brands.map((t=>t.brand+"/"+t.version)).join(" "),k):navigator.userAgent}function R(t){return t instanceof b(t).HTMLElement}function $(t){return t instanceof b(t).Element}function j(t){return"undefined"!=typeof ShadowRoot&&(t instanceof b(t).ShadowRoot||t instanceof ShadowRoot)}function M(t){const{overflow:e,overflowX:n,overflowY:o,display:r}=v(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!["inline","contents"].includes(r)}function P(t){return["table","td","th"].includes(H(t))}function C(t){const e=/firefox/i.test(O()),n=v(t),o=n.backdropFilter||n.WebkitBackdropFilter;return"none"!==n.transform||"none"!==n.perspective||!!o&&"none"!==o||e&&"filter"===n.willChange||e&&!!n.filter&&"none"!==n.filter||["transform","perspective"].some((t=>n.willChange.includes(t)))||["paint","layout","strict","content"].some((t=>{const e=n.contain;return null!=e&&e.includes(t)}))}function D(){return/^((?!chrome|android).)*safari/i.test(O())}function F(t){return["html","body","#document"].includes(H(t))}const S=Math.min,B=Math.max,T=Math.round;function L(t){const e=v(t);let n=parseFloat(e.width),o=parseFloat(e.height);const r=R(t),i=r?t.offsetWidth:n,a=r?t.offsetHeight:o,l=T(n)!==i||T(o)!==a;return l&&(n=i,o=a),{width:n,height:o,fallback:l}}function E(t){return $(t)?t:t.contextElement}const z={x:1,y:1};function N(t){const e=E(t);if(!R(e))return z;const n=e.getBoundingClientRect(),{width:o,height:r,fallback:i}=L(e);let a=(i?T(n.width):n.width)/o,l=(i?T(n.height):n.height)/r;return a&&Number.isFinite(a)||(a=1),l&&Number.isFinite(l)||(l=1),{x:a,y:l}}function W(t,e,n,o){var r,i;void 0===e&&(e=!1),void 0===n&&(n=!1);const a=t.getBoundingClientRect(),c=E(t);let s=z;e&&(o?$(o)&&(s=N(o)):s=N(t));const f=c?b(c):window,u=D()&&n;let d=(a.left+(u&&(null==(r=f.visualViewport)?void 0:r.offsetLeft)||0))/s.x,m=(a.top+(u&&(null==(i=f.visualViewport)?void 0:i.offsetTop)||0))/s.y,p=a.width/s.x,y=a.height/s.y;if(c){const t=b(c),e=o&&$(o)?b(o):o;let n=t.frameElement;for(;n&&o&&e!==t;){const t=N(n),e=n.getBoundingClientRect(),o=getComputedStyle(n);e.x+=(n.clientLeft+parseFloat(o.paddingLeft))*t.x,e.y+=(n.clientTop+parseFloat(o.paddingTop))*t.y,d*=t.x,m*=t.y,p*=t.x,y*=t.y,d+=e.x,m+=e.y,n=b(n).frameElement}}return l({width:p,height:y,x:d,y:m})}function V(t){return((A(t)?t.ownerDocument:t.document)||window.document).documentElement}function X(t){return $(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Y(t){return W(V(t)).left+X(t).scrollLeft}function _(t){if("html"===H(t))return t;const e=t.assignedSlot||t.parentNode||j(t)&&t.host||V(t);return j(e)?e.host:e}function q(t){const e=_(t);return F(e)?e.ownerDocument.body:R(e)&&M(e)?e:q(e)}function G(t,e){var n;void 0===e&&(e=[]);const o=q(t),r=o===(null==(n=t.ownerDocument)?void 0:n.body),i=b(o);return r?e.concat(i,i.visualViewport||[],M(o)?o:[]):e.concat(o,G(o))}function I(t,e,n){let o;if("viewport"===e)o=function(t,e){const n=b(t),o=V(t),r=n.visualViewport;let i=o.clientWidth,a=o.clientHeight,l=0,c=0;if(r){i=r.width,a=r.height;const t=D();(!t||t&&"fixed"===e)&&(l=r.offsetLeft,c=r.offsetTop)}return{width:i,height:a,x:l,y:c}}(t,n);else if("document"===e)o=function(t){const e=V(t),n=X(t),o=t.ownerDocument.body,r=B(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),i=B(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let a=-n.scrollLeft+Y(t);const l=-n.scrollTop;return"rtl"===v(o).direction&&(a+=B(e.clientWidth,o.clientWidth)-r),{width:r,height:i,x:a,y:l}}(V(t));else if($(e))o=function(t,e){const n=W(t,!0,"fixed"===e),o=n.top+t.clientTop,r=n.left+t.clientLeft,i=R(t)?N(t):{x:1,y:1};return{width:t.clientWidth*i.x,height:t.clientHeight*i.y,x:r*i.x,y:o*i.y}}(e,n);else{const n={...e};if(D()){var r,i;const e=b(t);n.x-=(null==(r=e.visualViewport)?void 0:r.offsetLeft)||0,n.y-=(null==(i=e.visualViewport)?void 0:i.offsetTop)||0}o=n}return l(o)}function J(t,e){return R(t)&&"fixed"!==v(t).position?e?e(t):t.offsetParent:null}function K(t,e){const n=b(t);if(!R(t))return n;let o=J(t,e);for(;o&&P(o)&&"static"===v(o).position;)o=J(o,e);return o&&("html"===H(o)||"body"===H(o)&&"static"===v(o).position&&!C(o))?n:o||function(t){let e=_(t);for(;R(e)&&!F(e);){if(C(e))return e;e=_(e)}return null}(t)||n}function Q(t,e,n){const o=R(e),r=V(e),i=W(t,!0,"fixed"===n,e);let a={scrollLeft:0,scrollTop:0};const l={x:0,y:0};if(o||!o&&"fixed"!==n)if(("body"!==H(e)||M(r))&&(a=X(e)),R(e)){const t=W(e,!0);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else r&&(l.x=Y(r));return{x:i.left+a.scrollLeft-l.x,y:i.top+a.scrollTop-l.y,width:i.width,height:i.height}}const U={getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:o,strategy:r}=t;const i=[..."clippingAncestors"===n?function(t,e){const n=e.get(t);if(n)return n;let o=G(t).filter((t=>$(t)&&"body"!==H(t))),r=null;const i="fixed"===v(t).position;let a=i?_(t):t;for(;$(a)&&!F(a);){const t=v(a),e=C(a);"fixed"===t.position?r=null:(i?e||r:e||"static"!==t.position||!r||!["absolute","fixed"].includes(r.position))?r=t:o=o.filter((t=>t!==a)),a=_(a)}return e.set(t,o),o}(e,this._c):[].concat(n),o],a=i.reduce(((t,n)=>{const o=I(e,n,r);return t.top=B(o.top,t.top),t.right=S(o.right,t.right),t.bottom=S(o.bottom,t.bottom),t.left=B(o.left,t.left),t}),I(e,i[0],r));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:n,strategy:o}=t;const r=R(n),i=V(n);if(n===i)return e;let a={scrollLeft:0,scrollTop:0},l={x:1,y:1};const c={x:0,y:0};if((r||!r&&"fixed"!==o)&&(("body"!==H(n)||M(i))&&(a=X(n)),R(n))){const t=W(n);l=N(n),c.x=t.x+n.clientLeft,c.y=t.y+n.clientTop}return{width:e.width*l.x,height:e.height*l.y,x:e.x*l.x-a.scrollLeft*l.x+c.x,y:e.y*l.y-a.scrollTop*l.y+c.y}},isElement:$,getDimensions:function(t){return L(t)},getOffsetParent:K,getDocumentElement:V,getScale:N,async getElementRects(t){let{reference:e,floating:n,strategy:o}=t;const r=this.getOffsetParent||K,i=this.getDimensions;return{reference:Q(e,await r(n),o),floating:{x:0,y:0,...await i(n)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===v(t).direction},Z=l=>{const{ref:d,floating:m,placement:p=t.Placement.bottom,offset:y=0,arrow:h=!1,arrowColor:b="tw-bg-slate-700",autoHidden:v=!0,autoSize:A=!1,style:H={}}=l;let k=[(O=y,void 0===O&&(O=0),{name:"offset",options:O,async fn(t){const{x:n,y:i}=t,a=await async function(t,n){const{placement:i,platform:a,elements:l}=t,c=await(null==a.isRTL?void 0:a.isRTL(l.floating)),s=o(i),f=e(i),u="x"===r(i),d=["left","top"].includes(s)?-1:1,m=c&&u?-1:1,p="function"==typeof n?n(t):n;let{mainAxis:y,crossAxis:h,alignmentAxis:g}="number"==typeof p?{mainAxis:p,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...p};return f&&"number"==typeof g&&(h="end"===f?-1*g:g),u?{x:h*m,y:y*d}:{x:y*d,y:h*m}}(t,O);return{x:n+a.x,y:i+a.y,data:a}}}),g(),(R={padding:5},void 0===R&&(R={}),{name:"shift",options:R,async fn(t){const{x:e,y:n,placement:i}=t,{mainAxis:a=!0,crossAxis:l=!1,limiter:s={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...f}=R,d={x:e,y:n},m=await c(t,f),p=r(o(i)),y="x"===p?"y":"x";let h=d[p],g=d[y];a&&(h=u(h+m["y"===p?"top":"left"],h,h-m["y"===p?"bottom":"right"])),l&&(g=u(g+m["y"===y?"top":"left"],g,g-m["y"===y?"bottom":"right"]));const w=s.fn({...t,[p]:h,[y]:g});return{...w,data:{x:w.x-e,y:w.y-n}}}})];var O,R;v&&k.push(function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(e){const{strategy:n="referenceHidden",...o}=t,{rects:r}=e;switch(n){case"referenceHidden":{const t=w(await c(e,{...o,elementContext:"reference"}),r.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:x(t)}}}case"escaped":{const t=w(await c(e,{...o,altBoundary:!0}),r.floating);return{data:{escapedOffsets:t,escaped:x(t)}}}default:return{}}}}}({padding:10})),H&&Object.assign(m.style,Object.assign(Object.assign({},H.height&&{height:H.height}),H.minHeight&&{minHeight:H.minHeight}));const $=["auto","100%","100vh","100vw","inherit","initial","unset",void 0].some((t=>t==(null==H?void 0:H.height)));A&&$&&k.push(function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(n){const{placement:i,rects:a,platform:l,elements:u}=n,{apply:d=(()=>{}),...m}=t,p=await c(n,m),y=o(i),h=e(i),g="x"===r(i),{width:w,height:x}=a.floating;let b,v;"top"===y||"bottom"===y?(b=y,v=h===(await(null==l.isRTL?void 0:l.isRTL(u.floating))?"start":"end")?"left":"right"):(v=y,b="end"===h?"top":"bottom");const A=x-p[b],H=w-p[v];let k=A,O=H;if(g?O=s(w-p.right-p.left,H):k=s(x-p.bottom-p.top,A),!n.middlewareData.shift&&!h){const t=f(p.left,0),e=f(p.right,0),n=f(p.top,0),o=f(p.bottom,0);g?O=w-2*(0!==t||0!==e?t+e:f(p.left,p.right)):k=x-2*(0!==n||0!==o?n+o:f(p.top,p.bottom))}await d({...n,availableWidth:O,availableHeight:k});const R=await l.getDimensions(u.floating);return w!==R.width||x!==R.height?{reset:{rects:!0}}:{}}}}({apply({availableHeight:t}){const e=`${t>window.innerHeight?window.innerHeight-10:t}px`;Object.assign(m.style,{maxHeight:`${H.maxHeight&&e>=H.maxHeight?H.maxHeight:e}`})},padding:5}));let j=document.getElementById(`${m.id}-arrow`);h&&(j||(j=document.createElement("div"),j.setAttribute("id",`${m.id}-arrow`)),j.setAttribute("class",`tw-absolute tw-w-2 tw-h-2 ${b} tw-transform tw-z-[-1] tw-opacity-0 tw-transition-opacity tw-duration-300 \n            tw-shadow \n        `),m.prepend(j),k.push((t=>({name:"arrow",options:t,async fn(o){const{element:i,padding:l=0}=t||{},{x:c,y:s,placement:f,rects:d,platform:m,elements:p}=o;if(null==i)return{};const y=a(l),h={x:c,y:s},g=r(f),w=n(g),x=await m.getDimensions(i),b="y"===g,v=b?"top":"left",A=b?"bottom":"right",H=b?"clientHeight":"clientWidth",k=d.reference[w]+d.reference[g]-h[g]-d.floating[w],O=h[g]-d.reference[g],R=await(null==m.getOffsetParent?void 0:m.getOffsetParent(i));let $=R?R[H]:0;$&&await(null==m.isElement?void 0:m.isElement(R))||($=p.floating[H]||d.floating[w]);const j=y[v],M=$-x[w]-y[A],P=$/2-x[w]/2+(k/2-O/2),C=u(j,P,M),D=null!=e(f)&&P!=C&&d.reference[w]/2-(P<j?y[v]:y[A])-x[w]/2<0;return{[g]:h[g]-(D?P<j?j-P:M-P:0),data:{[g]:C,centerOffset:P-C}}}}))({element:j,padding:4}))),((t,e,n)=>{const o=new Map,r={platform:U,...n},a={...r.platform,_c:o};return(async(t,e,n)=>{const{placement:o="bottom",strategy:r="absolute",middleware:a=[],platform:l}=n,c=a.filter(Boolean),s=await(null==l.isRTL?void 0:l.isRTL(e));let f=await l.getElementRects({reference:t,floating:e,strategy:r}),{x:u,y:d}=i(f,o,s),m=o,p={},y=0;for(let n=0;n<c.length;n++){const{name:a,fn:h}=c[n],{x:g,y:w,data:x,reset:b}=await h({x:u,y:d,initialPlacement:o,placement:m,strategy:r,middlewareData:p,rects:f,platform:l,elements:{reference:t,floating:e}});u=null!=g?g:u,d=null!=w?w:d,p={...p,[a]:{...p[a],...x}},b&&y<=50&&(y++,"object"==typeof b&&(b.placement&&(m=b.placement),b.rects&&(f=!0===b.rects?await l.getElementRects({reference:t,floating:e,strategy:r}):b.rects),({x:u,y:d}=i(f,m,s))),n=-1)}return{x:u,y:d,placement:m,strategy:r,middlewareData:p}})(t,e,{...r,platform:a})})(d,m,{placement:p,middleware:k}).then((({x:t,y:e,placement:n,middlewareData:o})=>{const{referenceHidden:r}=v?o.hide:{referenceHidden:!1};if(Object.assign(m.style,{top:"0",left:"0",transform:`translate(${Math.round(t)}px,${Math.round(e)}px)`,opacity:r?"0":"1",visibility:r?"hidden":"visible"}),r){const t=new CustomEvent("bcm-floating-is-hide",{detail:{id:m.id}});document.dispatchEvent(t),"true"!==m.getAttribute("outside-of-the-screen")&&m.setAttribute("outside-of-the-screen","true")}else"true"===m.getAttribute("outside-of-the-screen")&&m.removeAttribute("outside-of-the-screen");if(h){const{x:t,y:e}=o.arrow,i={top:"bottom",right:"left",bottom:"top",left:"right"}[n.split("-")[0]],a={top:"rotate(45deg)",right:"rotate(135deg)",bottom:"rotate(-135deg)",left:"rotate(-45deg)"}[n.split("-")[0]];Object.assign(j.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[i]:"-4px",opacity:1,visibility:r?"hidden":"visible",transform:a})}}))};export{Z as F}
+import{a as t}from"./p-a429e85b.js";function e(t){return t.split("-")[1]}function n(t){return"y"===t?"height":"width"}function o(t){return t.split("-")[0]}function r(t){return["top","bottom"].includes(o(t))?"x":"y"}function i(t,i,a){let{reference:l,floating:c}=t;const s=l.x+l.width/2-c.width/2,f=l.y+l.height/2-c.height/2,u=r(i),d=n(u),m=l[d]/2-c[d]/2,p="x"===u;let y;switch(o(i)){case"top":y={x:s,y:l.y-c.height};break;case"bottom":y={x:s,y:l.y+l.height};break;case"right":y={x:l.x+l.width,y:f};break;case"left":y={x:l.x-c.width,y:f};break;default:y={x:l.x,y:l.y}}switch(e(i)){case"start":y[u]-=m*(a&&p?-1:1);break;case"end":y[u]+=m*(a&&p?-1:1)}return y}function a(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function l(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function c(t,e){var n;void 0===e&&(e={});const{x:o,y:r,platform:i,rects:c,elements:s,strategy:f}=t,{boundary:u="clippingAncestors",rootBoundary:d="viewport",elementContext:m="floating",altBoundary:p=!1,padding:y=0}=e,h=a(y),g=s[p?"floating"===m?"reference":"floating":m],w=l(await i.getClippingRect({element:null==(n=await(null==i.isElement?void 0:i.isElement(g)))||n?g:g.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(s.floating)),boundary:u,rootBoundary:d,strategy:f})),x="floating"===m?{...c.floating,x:o,y:r}:c.reference,b=await(null==i.getOffsetParent?void 0:i.getOffsetParent(s.floating)),v=await(null==i.isElement?void 0:i.isElement(b))&&await(null==i.getScale?void 0:i.getScale(b))||{x:1,y:1},A=l(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({rect:x,offsetParent:b,strategy:f}):x);return{top:(w.top-A.top+h.top)/v.y,bottom:(A.bottom-w.bottom+h.bottom)/v.y,left:(w.left-A.left+h.left)/v.x,right:(A.right-w.right+h.right)/v.x}}const s=Math.min,f=Math.max;function u(t,e,n){return f(t,s(e,n))}const d=["top","right","bottom","left"],m={left:"right",right:"left",bottom:"top",top:"bottom"};function p(t){return t.replace(/left|right|bottom|top/g,(t=>m[t]))}const y={start:"end",end:"start"};function h(t){return t.replace(/start|end/g,(t=>y[t]))}const g=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(i){var a;const{placement:l,middlewareData:s,rects:f,initialPlacement:u,platform:d,elements:m}=i,{mainAxis:y=!0,crossAxis:g=!0,fallbackPlacements:w,fallbackStrategy:x="bestFit",fallbackAxisSideDirection:b="none",flipAlignment:v=!0,...A}=t,H=o(l),k=o(u)===u,O=await(null==d.isRTL?void 0:d.isRTL(m.floating)),R=w||(k||!v?[p(u)]:function(t){const e=p(t);return[h(t),e,h(e)]}(u));w||"none"===b||R.push(...function(t,n,r,i){const a=e(t);let l=function(t,e,n){const o=["left","right"],r=["right","left"],i=["top","bottom"],a=["bottom","top"];switch(t){case"top":case"bottom":return n?e?r:o:e?o:r;case"left":case"right":return e?i:a;default:return[]}}(o(t),"start"===r,i);return a&&(l=l.map((t=>t+"-"+a)),n&&(l=l.concat(l.map(h)))),l}(u,v,b,O));const $=[u,...R],j=await c(i,A),M=[];let P=(null==(a=s.flip)?void 0:a.overflows)||[];if(y&&M.push(j[H]),g){const{main:t,cross:o}=function(t,o,i){void 0===i&&(i=!1);const a=e(t),l=r(t),c=n(l);let s="x"===l?a===(i?"end":"start")?"right":"left":"start"===a?"bottom":"top";return o.reference[c]>o.floating[c]&&(s=p(s)),{main:s,cross:p(s)}}(l,f,O);M.push(j[t],j[o])}if(P=[...P,{placement:l,overflows:M}],!M.every((t=>t<=0))){var C,D;const t=((null==(C=s.flip)?void 0:C.index)||0)+1,e=$[t];if(e)return{data:{index:t,overflows:P},reset:{placement:e}};let n=null==(D=P.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:D.placement;if(!n)switch(x){case"bestFit":{var F;const t=null==(F=P.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:F[0];t&&(n=t);break}case"initialPlacement":n=u}if(l!==n)return{reset:{placement:n}}}return{}}}};function w(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function x(t){return d.some((e=>t[e]>=0))}function b(t){var e;return(null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function v(t){return b(t).getComputedStyle(t)}function A(t){return t instanceof b(t).Node}function H(t){return A(t)?(t.nodeName||"").toLowerCase():""}let k;function O(){if(k)return k;const t=navigator.userAgentData;return t&&Array.isArray(t.brands)?(k=t.brands.map((t=>t.brand+"/"+t.version)).join(" "),k):navigator.userAgent}function R(t){return t instanceof b(t).HTMLElement}function $(t){return t instanceof b(t).Element}function j(t){return"undefined"!=typeof ShadowRoot&&(t instanceof b(t).ShadowRoot||t instanceof ShadowRoot)}function M(t){const{overflow:e,overflowX:n,overflowY:o,display:r}=v(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!["inline","contents"].includes(r)}function P(t){return["table","td","th"].includes(H(t))}function C(t){const e=/firefox/i.test(O()),n=v(t),o=n.backdropFilter||n.WebkitBackdropFilter;return"none"!==n.transform||"none"!==n.perspective||!!o&&"none"!==o||e&&"filter"===n.willChange||e&&!!n.filter&&"none"!==n.filter||["transform","perspective"].some((t=>n.willChange.includes(t)))||["paint","layout","strict","content"].some((t=>{const e=n.contain;return null!=e&&e.includes(t)}))}function D(){return/^((?!chrome|android).)*safari/i.test(O())}function F(t){return["html","body","#document"].includes(H(t))}const S=Math.min,B=Math.max,T=Math.round;function L(t){const e=v(t);let n=parseFloat(e.width),o=parseFloat(e.height);const r=R(t),i=r?t.offsetWidth:n,a=r?t.offsetHeight:o,l=T(n)!==i||T(o)!==a;return l&&(n=i,o=a),{width:n,height:o,fallback:l}}function E(t){return $(t)?t:t.contextElement}const z={x:1,y:1};function N(t){const e=E(t);if(!R(e))return z;const n=e.getBoundingClientRect(),{width:o,height:r,fallback:i}=L(e);let a=(i?T(n.width):n.width)/o,l=(i?T(n.height):n.height)/r;return a&&Number.isFinite(a)||(a=1),l&&Number.isFinite(l)||(l=1),{x:a,y:l}}function W(t,e,n,o){var r,i;void 0===e&&(e=!1),void 0===n&&(n=!1);const a=t.getBoundingClientRect(),c=E(t);let s=z;e&&(o?$(o)&&(s=N(o)):s=N(t));const f=c?b(c):window,u=D()&&n;let d=(a.left+(u&&(null==(r=f.visualViewport)?void 0:r.offsetLeft)||0))/s.x,m=(a.top+(u&&(null==(i=f.visualViewport)?void 0:i.offsetTop)||0))/s.y,p=a.width/s.x,y=a.height/s.y;if(c){const t=b(c),e=o&&$(o)?b(o):o;let n=t.frameElement;for(;n&&o&&e!==t;){const t=N(n),e=n.getBoundingClientRect(),o=getComputedStyle(n);e.x+=(n.clientLeft+parseFloat(o.paddingLeft))*t.x,e.y+=(n.clientTop+parseFloat(o.paddingTop))*t.y,d*=t.x,m*=t.y,p*=t.x,y*=t.y,d+=e.x,m+=e.y,n=b(n).frameElement}}return l({width:p,height:y,x:d,y:m})}function V(t){return((A(t)?t.ownerDocument:t.document)||window.document).documentElement}function X(t){return $(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Y(t){return W(V(t)).left+X(t).scrollLeft}function _(t){if("html"===H(t))return t;const e=t.assignedSlot||t.parentNode||j(t)&&t.host||V(t);return j(e)?e.host:e}function q(t){const e=_(t);return F(e)?e.ownerDocument.body:R(e)&&M(e)?e:q(e)}function G(t,e){var n;void 0===e&&(e=[]);const o=q(t),r=o===(null==(n=t.ownerDocument)?void 0:n.body),i=b(o);return r?e.concat(i,i.visualViewport||[],M(o)?o:[]):e.concat(o,G(o))}function I(t,e,n){let o;if("viewport"===e)o=function(t,e){const n=b(t),o=V(t),r=n.visualViewport;let i=o.clientWidth,a=o.clientHeight,l=0,c=0;if(r){i=r.width,a=r.height;const t=D();(!t||t&&"fixed"===e)&&(l=r.offsetLeft,c=r.offsetTop)}return{width:i,height:a,x:l,y:c}}(t,n);else if("document"===e)o=function(t){const e=V(t),n=X(t),o=t.ownerDocument.body,r=B(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),i=B(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let a=-n.scrollLeft+Y(t);const l=-n.scrollTop;return"rtl"===v(o).direction&&(a+=B(e.clientWidth,o.clientWidth)-r),{width:r,height:i,x:a,y:l}}(V(t));else if($(e))o=function(t,e){const n=W(t,!0,"fixed"===e),o=n.top+t.clientTop,r=n.left+t.clientLeft,i=R(t)?N(t):{x:1,y:1};return{width:t.clientWidth*i.x,height:t.clientHeight*i.y,x:r*i.x,y:o*i.y}}(e,n);else{const n={...e};if(D()){var r,i;const e=b(t);n.x-=(null==(r=e.visualViewport)?void 0:r.offsetLeft)||0,n.y-=(null==(i=e.visualViewport)?void 0:i.offsetTop)||0}o=n}return l(o)}function J(t,e){return R(t)&&"fixed"!==v(t).position?e?e(t):t.offsetParent:null}function K(t,e){const n=b(t);if(!R(t))return n;let o=J(t,e);for(;o&&P(o)&&"static"===v(o).position;)o=J(o,e);return o&&("html"===H(o)||"body"===H(o)&&"static"===v(o).position&&!C(o))?n:o||function(t){let e=_(t);for(;R(e)&&!F(e);){if(C(e))return e;e=_(e)}return null}(t)||n}function Q(t,e,n){const o=R(e),r=V(e),i=W(t,!0,"fixed"===n,e);let a={scrollLeft:0,scrollTop:0};const l={x:0,y:0};if(o||!o&&"fixed"!==n)if(("body"!==H(e)||M(r))&&(a=X(e)),R(e)){const t=W(e,!0);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else r&&(l.x=Y(r));return{x:i.left+a.scrollLeft-l.x,y:i.top+a.scrollTop-l.y,width:i.width,height:i.height}}const U={getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:o,strategy:r}=t;const i=[..."clippingAncestors"===n?function(t,e){const n=e.get(t);if(n)return n;let o=G(t).filter((t=>$(t)&&"body"!==H(t))),r=null;const i="fixed"===v(t).position;let a=i?_(t):t;for(;$(a)&&!F(a);){const t=v(a),e=C(a);"fixed"===t.position?r=null:(i?e||r:e||"static"!==t.position||!r||!["absolute","fixed"].includes(r.position))?r=t:o=o.filter((t=>t!==a)),a=_(a)}return e.set(t,o),o}(e,this._c):[].concat(n),o],a=i.reduce(((t,n)=>{const o=I(e,n,r);return t.top=B(o.top,t.top),t.right=S(o.right,t.right),t.bottom=S(o.bottom,t.bottom),t.left=B(o.left,t.left),t}),I(e,i[0],r));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:n,strategy:o}=t;const r=R(n),i=V(n);if(n===i)return e;let a={scrollLeft:0,scrollTop:0},l={x:1,y:1};const c={x:0,y:0};if((r||!r&&"fixed"!==o)&&(("body"!==H(n)||M(i))&&(a=X(n)),R(n))){const t=W(n);l=N(n),c.x=t.x+n.clientLeft,c.y=t.y+n.clientTop}return{width:e.width*l.x,height:e.height*l.y,x:e.x*l.x-a.scrollLeft*l.x+c.x,y:e.y*l.y-a.scrollTop*l.y+c.y}},isElement:$,getDimensions:function(t){return L(t)},getOffsetParent:K,getDocumentElement:V,getScale:N,async getElementRects(t){let{reference:e,floating:n,strategy:o}=t;const r=this.getOffsetParent||K,i=this.getDimensions;return{reference:Q(e,await r(n),o),floating:{x:0,y:0,...await i(n)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===v(t).direction},Z=l=>{const{ref:d,floating:m,placement:p=t.Placement.bottom,offset:y=0,arrow:h=!1,arrowColor:b="tw-bg-slate-700",autoHidden:v=!0,autoSize:A=!1,style:H={}}=l;let k=[(O=y,void 0===O&&(O=0),{name:"offset",options:O,async fn(t){const{x:n,y:i}=t,a=await async function(t,n){const{placement:i,platform:a,elements:l}=t,c=await(null==a.isRTL?void 0:a.isRTL(l.floating)),s=o(i),f=e(i),u="x"===r(i),d=["left","top"].includes(s)?-1:1,m=c&&u?-1:1,p="function"==typeof n?n(t):n;let{mainAxis:y,crossAxis:h,alignmentAxis:g}="number"==typeof p?{mainAxis:p,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...p};return f&&"number"==typeof g&&(h="end"===f?-1*g:g),u?{x:h*m,y:y*d}:{x:y*d,y:h*m}}(t,O);return{x:n+a.x,y:i+a.y,data:a}}}),g(),(R={padding:5},void 0===R&&(R={}),{name:"shift",options:R,async fn(t){const{x:e,y:n,placement:i}=t,{mainAxis:a=!0,crossAxis:l=!1,limiter:s={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...f}=R,d={x:e,y:n},m=await c(t,f),p=r(o(i)),y="x"===p?"y":"x";let h=d[p],g=d[y];a&&(h=u(h+m["y"===p?"top":"left"],h,h-m["y"===p?"bottom":"right"])),l&&(g=u(g+m["y"===y?"top":"left"],g,g-m["y"===y?"bottom":"right"]));const w=s.fn({...t,[p]:h,[y]:g});return{...w,data:{x:w.x-e,y:w.y-n}}}})];var O,R;v&&k.push(function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(e){const{strategy:n="referenceHidden",...o}=t,{rects:r}=e;switch(n){case"referenceHidden":{const t=w(await c(e,{...o,elementContext:"reference"}),r.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:x(t)}}}case"escaped":{const t=w(await c(e,{...o,altBoundary:!0}),r.floating);return{data:{escapedOffsets:t,escaped:x(t)}}}default:return{}}}}}({padding:10})),H&&Object.assign(m.style,Object.assign(Object.assign({},H.height&&{height:H.height}),H.minHeight&&{minHeight:H.minHeight}));const $=["auto","100%","100vh","100vw","inherit","initial","unset",void 0].some((t=>t==(null==H?void 0:H.height)));A&&$&&k.push(function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(n){const{placement:i,rects:a,platform:l,elements:u}=n,{apply:d=(()=>{}),...m}=t,p=await c(n,m),y=o(i),h=e(i),g="x"===r(i),{width:w,height:x}=a.floating;let b,v;"top"===y||"bottom"===y?(b=y,v=h===(await(null==l.isRTL?void 0:l.isRTL(u.floating))?"start":"end")?"left":"right"):(v=y,b="end"===h?"top":"bottom");const A=x-p[b],H=w-p[v];let k=A,O=H;if(g?O=s(w-p.right-p.left,H):k=s(x-p.bottom-p.top,A),!n.middlewareData.shift&&!h){const t=f(p.left,0),e=f(p.right,0),n=f(p.top,0),o=f(p.bottom,0);g?O=w-2*(0!==t||0!==e?t+e:f(p.left,p.right)):k=x-2*(0!==n||0!==o?n+o:f(p.top,p.bottom))}await d({...n,availableWidth:O,availableHeight:k});const R=await l.getDimensions(u.floating);return w!==R.width||x!==R.height?{reset:{rects:!0}}:{}}}}({apply({availableHeight:t}){const e=`${t>window.innerHeight?window.innerHeight-10:t}px`;Object.assign(m.style,{maxHeight:`${H.maxHeight&&e>=H.maxHeight?H.maxHeight:e}`})},padding:5}));let j=document.getElementById(`${m.id}-arrow`);h&&(j||(j=document.createElement("div"),j.setAttribute("id",`${m.id}-arrow`)),j.setAttribute("class",`tw-absolute tw-w-2 tw-h-2 ${b} tw-transform tw-z-[-1] tw-opacity-0 tw-transition-opacity tw-duration-300 \n            tw-shadow \n        `),m.prepend(j),k.push((t=>({name:"arrow",options:t,async fn(o){const{element:i,padding:l=0}=t||{},{x:c,y:s,placement:f,rects:d,platform:m,elements:p}=o;if(null==i)return{};const y=a(l),h={x:c,y:s},g=r(f),w=n(g),x=await m.getDimensions(i),b="y"===g,v=b?"top":"left",A=b?"bottom":"right",H=b?"clientHeight":"clientWidth",k=d.reference[w]+d.reference[g]-h[g]-d.floating[w],O=h[g]-d.reference[g],R=await(null==m.getOffsetParent?void 0:m.getOffsetParent(i));let $=R?R[H]:0;$&&await(null==m.isElement?void 0:m.isElement(R))||($=p.floating[H]||d.floating[w]);const j=y[v],M=$-x[w]-y[A],P=$/2-x[w]/2+(k/2-O/2),C=u(j,P,M),D=null!=e(f)&&P!=C&&d.reference[w]/2-(P<j?y[v]:y[A])-x[w]/2<0;return{[g]:h[g]-(D?P<j?j-P:M-P:0),data:{[g]:C,centerOffset:P-C}}}}))({element:j,padding:4}))),((t,e,n)=>{const o=new Map,r={platform:U,...n},a={...r.platform,_c:o};return(async(t,e,n)=>{const{placement:o="bottom",strategy:r="absolute",middleware:a=[],platform:l}=n,c=a.filter(Boolean),s=await(null==l.isRTL?void 0:l.isRTL(e));let f=await l.getElementRects({reference:t,floating:e,strategy:r}),{x:u,y:d}=i(f,o,s),m=o,p={},y=0;for(let n=0;n<c.length;n++){const{name:a,fn:h}=c[n],{x:g,y:w,data:x,reset:b}=await h({x:u,y:d,initialPlacement:o,placement:m,strategy:r,middlewareData:p,rects:f,platform:l,elements:{reference:t,floating:e}});u=null!=g?g:u,d=null!=w?w:d,p={...p,[a]:{...p[a],...x}},b&&y<=50&&(y++,"object"==typeof b&&(b.placement&&(m=b.placement),b.rects&&(f=!0===b.rects?await l.getElementRects({reference:t,floating:e,strategy:r}):b.rects),({x:u,y:d}=i(f,m,s))),n=-1)}return{x:u,y:d,placement:m,strategy:r,middlewareData:p}})(t,e,{...r,platform:a})})(d,m,{placement:p,middleware:k}).then((({x:t,y:e,placement:n,middlewareData:o})=>{const{referenceHidden:r}=v?o.hide:{referenceHidden:!1};if(Object.assign(m.style,{top:"0",left:"0",transform:`translate(${Math.round(t)}px,${Math.round(e)}px)`,opacity:r?"0":"1",visibility:r?"hidden":"visible"}),r){const t=new CustomEvent("bcm-floating-is-hide",{detail:{id:m.id}});document.dispatchEvent(t),"true"!==m.getAttribute("outside-of-the-screen")&&m.setAttribute("outside-of-the-screen","true")}else"true"===m.getAttribute("outside-of-the-screen")&&m.removeAttribute("outside-of-the-screen");if(h){const{x:t,y:e}=o.arrow,i={top:"bottom",right:"left",bottom:"top",left:"right"}[n.split("-")[0]],a={top:"rotate(45deg)",right:"rotate(135deg)",bottom:"rotate(-135deg)",left:"rotate(-45deg)"}[n.split("-")[0]];Object.assign(j.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[i]:"-4px",opacity:1,visibility:r?"hidden":"visible",transform:a})}}))};export{Z as F}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as e,h as t,H as i,g as p}from"./p-da1055cb.js";import{c as s}from"./p-d65a1e21.js";import{I as n}from"./p-c23b6240.js";import{C as x}from"./p-843905c8.js";import{S as a}from"./p-79fd816c.js";import"./p-6f56f8ca.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-4aa0e6b1.js";import"./p-8d0ca8c2.js";import"./p-a429e85b.js";const o=class{constructor(t){e(this,t),this.hidden=!1,this.scale=void 0,this.weight="400",this.color="slate",this.text=void 0,this.fontSize=4}render(){const{hidden:e,scale:p,weight:n,color:o,fontSize:h}=this,c=s("bcm-text",{hidden:e}),l=s("bcm-text__paragraph",`bcm-text__font-size-${h}`,p),r=+n||400,g={color:x.dsColor(o),fontWeight:r};return t(i,{class:c},t("span",{hidden:!0},t("slot",null)),t("p",{class:l,style:Object.assign({},g)},t(a,{value:this.text})))}get el(){return p(this)}};(function(e,t,i,p){var s,n=arguments.length,x=n<3?t:null===p?p=Object.getOwnPropertyDescriptor(t,i):p;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)x=Reflect.decorate(e,t,i,p);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(x=(n<3?s(x):n>3?s(t,i,x):s(t,i))||x);n>3&&x&&Object.defineProperty(t,i,x)})([n()],o.prototype,"el",void 0),o.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-text{display:inline;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400}.bcm-text.hidden{display:none}.bcm-text__paragraph{margin:0;padding:0}.bcm-text__font-size-1{font-size:10px;line-height:calc(10px + 8px)}.bcm-text__font-size-2{font-size:12px;line-height:calc(12px + 8px)}.bcm-text__font-size-3{font-size:14px;line-height:calc(14px + 8px)}.bcm-text__font-size-4{font-size:16px;line-height:calc(16px + 8px)}.bcm-text__font-size-5{font-size:18px;line-height:calc(18px + 8px)}.bcm-text__font-size-6{font-size:20px;line-height:calc(20px + 8px)}.bcm-text__font-size-7{font-size:24px;line-height:calc(24px + 8px)}.bcm-text__font-size-8{font-size:32px;line-height:calc(32px + 8px)}.bcm-text__font-size-9{font-size:40px;line-height:calc(40px + 8px)}';export{o as bcm_text}