bromcom-ui 2.9.0-rc.7 → 2.9.0-rc.8

package/dist/bromcom-ui/{p-17622eb2.entry.js → p-9fe802bc.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,h as e,H as i,g as o,c as n,a as c,f as s}from"./p-6d7fe687.js";import{C as r}from"./p-2fc584c4.js";import"./p-626a65e9.js";import{G as l,s as a}from"./p-ce8592a0.js";import"./p-cde20403.js";import{S as m}from"./p-8d0ca8c2.js";import"./p-8a860cff.js";import"./p-5ae0a59b.js";import{B as b,a as d}from"./p-a429e85b.js";import{c as h}from"./p-dd422dd1.js";import{c as u}from"./p-d65a1e21.js";import{c as p}from"./p-3cde7f38.js";import{S as g}from"./p-74b2d896.js";import{I as v}from"./p-54c0916c.js";import{J as x}from"./p-00fdf291.js";import{d as f}from"./p-3c7a0345.js";import{F as _}from"./p-b60bcecf.js";import"./p-436364c8.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-940dda87.js";class w{constructor({message:t,targetId:e,placement:i="top",color:o="slate-700",trigger:n="none",size:c="medium",openDelay:s=0,closeDelay:a=0,autoHide:d=!1,emitShow:h=(()=>{}),emitHide:u=(()=>{})}){this.destroy=()=>{this.el=document.getElementById(this.id),this.el&&(this.el.remove(),this.emitHide()),this.removeListener()},this.target=()=>document.getElementById(this.targetId),this.sizeClass=()=>{switch(this.size){case b.Size.small:return"tw-text-1";case b.Size.medium:return"tw-text-2";case b.Size.large:return"tw-text-3";default:return"tw-text-2"}},this.init=()=>{const{tone:t,colorName:e}=r.parseColor(this.color,700),i=l.getTwColor({color:e,tones:{[t]:["bg"]},variable:"--bcm-tooltip"}),o=Object.assign(Object.assign({},i),i["--bcm-tooltip-bg"]&&{"--bcm-tooltip-text":r.reverseColor(i["--bcm-tooltip-bg"])});this.el=l.createElement("div",{id:`${this.targetId}-tooltip-box`,class:`\n            tw-whitespace-normal tw-break-words tw-block tw-font-sans tw-pointer-events-none tw-max-w-xs tw-py-1 tw-px-2 tw-rounded tw-bg-[--bcm-tooltip-bg] tw-text-[--bcm-tooltip-text] ${this.sizeClass()} tw-absolute tw-top-0 tw-left-0 tw-z-tooltip tw-opacity-0 tw-transition-opacity tw-duration-300`,role:"tooltip","aria-hidden":"true",style:r.generateStyleString(o),innerHTML:m.trim(this.message)})},this.update=()=>{this.el=document.getElementById(this.id),this.el&&(this.hide(),this.show())},this.listener=()=>{if(window.addEventListener("resize",this.calculatePosition.bind(this)),window.addEventListener("scroll",this.calculatePosition.bind(this),!0),window.addEventListener("wheel",this.calculatePosition.bind(this)),this.trigger&&this.target())switch(this.trigger){case"click":this.target().addEventListener("click",this.toggle.bind(this)),this.autoHide&&this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"hover":this.target().addEventListener("mouseenter",this.show.bind(this)),this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"focus":this.target().addEventListener("focus",this.show.bind(this),!0),this.target().addEventListener("blur",this.hide.bind(this),!0)}this.calculatePosition()},this.removeListener=()=>{window.removeEventListener("resize",this.calculatePosition.bind(this)),window.removeEventListener("scroll",this.calculatePosition.bind(this),!0),window.removeEventListener("wheel",this.calculatePosition.bind(this)),this.target()&&(this.target().removeEventListener("click",this.toggle.bind(this)),this.target().removeEventListener("mouseenter",this.show.bind(this)),this.target().removeEventListener("mouseleave",this.hide.bind(this)),this.target().removeEventListener("focus",this.show.bind(this),!0),this.target().removeEventListener("blur",this.hide.bind(this),!0))},this.calculatePosition=()=>{this.el=document.getElementById(this.id),this.el&&_({ref:this.target(),floating:this.el,placement:this.placement,offset:8,arrow:!0,arrowColor:"tw-bg-[--bcm-tooltip-bg]"})},this.show=async()=>{this.message?(this.init(),await f(this.openDelay),this.calculatePosition(),this.emitShow()):this.hide()},this.hide=async()=>{this.el=document.getElementById(this.id),this.el&&(await f(this.closeDelay),this.el&&this.el.remove(),this.emitHide())},this.toggle=()=>{this.el=document.getElementById(this.id),this.el?this.hide():this.show()},this.message=t,this.targetId=e,this.placement=i,this.color=o,this.id=e+"-tooltip-box",this.trigger=n,this.size=c,this.openDelay=s,this.closeDelay=a,this.autoHide=d,this.emitShow=h,this.emitHide=u}}class k{constructor({content:t,message:e,targetId:i,placement:o="top",color:n="slate-700",trigger:c="none",openDelay:s=0,closeDelay:a=0,autoHide:b=!1,emitShow:d=(()=>{}),emitHide:h=(()=>{})}){this.destroy=()=>{this.el=document.getElementById(this.id),this.el&&(this.el.remove(),this.emitHide()),this.removeListener()},this.target=()=>document.getElementById(this.targetId),this.init=()=>{const{tone:t,colorName:e}=r.parseColor(this.color,700),i=l.getTwColor({color:e,tones:{[t]:["bg"]},variable:"--bcm-popover"}),o=Object.assign(Object.assign({},i),i["--bcm-popover-bg"]&&{"--bcm-popover-text":r.reverseColor(i["--bcm-popover-bg"])}),n=`<div class="tw-z-[1] tw-rounded tw-py-2">\n            ${this.message?`<div class="tw-font-medium tw-w-full tw-pb-1 tw-px-4">${m.trim(this.message)}</div>`:""}\n            ${this.content?`<div class="tw-font-normal tw-px-4">${m.trim(this.content)}</div>`:""}\n        </div>`;this.el=l.createElement("div",{id:`${this.targetId}-popover-box`,class:"\n            tw-whitespace-normal tw-break-words tw-block tw-font-sans tw-pointer-events-none tw-max-w-[256px] tw-rounded tw-bg-[--bcm-popover-bg] tw-text-[--bcm-popover-text] tw-text-3 tw-absolute tw-top-0 tw-left-0 tw-z-tooltip tw-opacity-0 tw-transition-opacity tw-duration-300\n            tw-shadow",role:"popover","aria-hidden":"true",style:r.generateStyleString(o),innerHTML:n})},this.update=()=>{this.el=document.getElementById(this.id),this.el&&(this.hide(),this.show())},this.listener=()=>{if(window.addEventListener("resize",this.calculatePosition.bind(this)),window.addEventListener("scroll",this.calculatePosition.bind(this),!0),window.addEventListener("wheel",this.calculatePosition.bind(this)),this.trigger&&this.target())switch(this.trigger){case"click":this.target().addEventListener("click",this.toggle.bind(this)),this.autoHide&&this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"hover":this.target().addEventListener("mouseenter",this.show.bind(this)),this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"focus":this.target().addEventListener("focus",this.show.bind(this),!0),this.target().addEventListener("blur",this.hide.bind(this),!0)}this.calculatePosition()},this.removeListener=()=>{window.removeEventListener("resize",this.calculatePosition.bind(this)),window.removeEventListener("scroll",this.calculatePosition.bind(this),!0),window.removeEventListener("wheel",this.calculatePosition.bind(this)),this.target()&&(this.target().removeEventListener("click",this.toggle.bind(this)),this.target().removeEventListener("mouseenter",this.show.bind(this)),this.target().removeEventListener("mouseleave",this.hide.bind(this)),this.target().removeEventListener("focus",this.show.bind(this),!0),this.target().removeEventListener("blur",this.hide.bind(this),!0))},this.calculatePosition=()=>{this.el=document.getElementById(this.id),this.el&&_({ref:this.target(),floating:this.el,placement:this.placement,offset:8,arrow:!0,arrowColor:"tw-bg-[--bcm-popover-bg]"})},this.show=async()=>{this.message?(this.init(),await f(this.openDelay),this.calculatePosition(),this.emitShow()):this.hide()},this.hide=async()=>{this.el=document.getElementById(this.id),this.el&&(await f(this.closeDelay),this.el.remove(),this.emitHide())},this.toggle=()=>{this.el=document.getElementById(this.id),this.el?this.hide():this.show()},this.content=t,this.message=e,this.targetId=i,this.placement=o,this.color=n,this.trigger=c,this.id=i+"-popover-box",this.openDelay=s,this.closeDelay=a,this.autoHide=b,this.emitShow=d,this.emitHide=h}}const z=h(["bcm-badge__dot bcm-ui-element bcm-ui-content-display","tw-flex tw-items-center tw-justify-center tw-flex-row","tw-rounded-full tw-text-center","tw-bg-[--bcm-badge-bg] tw-text-[--bcm-badge-text]"," tw-whitespace-nowrap [&>*:empty]:tw-hidden"],{variants:{size:{small:["bcm-badge__dot-size-small tw-text-1 tw-min-w-1.5 tw-min-h-1.5 [&>*]:tw-px-1.5 [&>*]:tw-min-w-4"],medium:["bcm-badge__dot-size-medium tw-text-2 tw-min-w-2 tw-min-h-2 [&>*]:tw-px-1.5 [&>*]:tw-min-w-5"],large:["bcm-badge__dot-size-large tw-text-3 tw-min-w-2.5 tw-min-h-2.5 [&>*]:tw-px-2 [&>*]:tw-min-w-6"]},blink:{true:["bcm-badge__dot-blink tw-relative","after:tw-content-[''] after:tw-absolute after:tw-top-0 after:tw-left-0  after:tw-z-[-1]","after:tw-w-full after:tw-h-full after:tw-bg-[--bcm-badge-bg] after:tw-opacity-75 after:tw-rounded-full","after:tw-animate-blink after:tw-pointer-events-none"]}},compoundVariants:[{size:"medium",blink:!1,class:""}],defaultVariants:{size:"medium",blink:!1}}),y=class{constructor(e){t(this,e),this.statusColors={info:"blue",error:"red",warning:"amber",success:"emerald"},this._id=l.UID(),this.blink=!1,this.value=void 0,this.color=void 0,this.size=b.Size.medium,this.status=void 0}render(){const{blink:t,value:o,size:n,color:c,status:s}=this,a=this.statusColors[s]||c,{tone:m,colorName:b}=r.parseColor(a),d=l.getTwColor({color:b,tones:{[m]:["bg"]},variable:"--bcm-badge"}),h=Object.assign(Object.assign({},d),d["--bcm-badge-bg"]&&{"--bcm-badge-text":r.reverseColor(d["--bcm-badge-bg"])});return e(i,{class:"bcm-badge tw-inline-flex tw-items-center tw-justify-center",role:"status","aria-live":"polite"},e("div",{class:z({size:n,blink:t}),style:h},e("span",{class:"bcm-badge__dot-text",role:"presentation","aria-hidden":"true"},e("slot",null,o)),e("span",{class:"tw-sr-only"},o)))}get el(){return o(this)}},$={save:{text:"Save",color:"emerald",icon:"far fa-save",iconPosition:"prefix"},ok:{text:"Ok",color:"emerald",icon:"far fa-check",iconPosition:"prefix"},new:{text:"New",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},add:{text:"Add",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},create:{text:"Create",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},prev:{text:"Prev",color:"",icon:"far fa-arrow-left",iconPosition:"prefix"},next:{text:"Next",color:"",icon:"far fa-arrow-right",iconPosition:"suffix"},apply:{text:"Apply",color:"",icon:"far fa-check-circle",iconPosition:"prefix"},submit:{text:"Submit",color:"",icon:"far fa-save",iconPosition:"prefix"},send:{text:"Send",color:"emerald",icon:"far fa-paper-plane",iconPosition:"prefix"},delete:{text:"Delete",color:"red",icon:"far fa-trash",iconPosition:"prefix"},cancel:{text:"Cancel",color:"red",icon:"far fa-times",iconPosition:"prefix"},decline:{text:"Decline",color:"red",icon:"far fa-ban",iconPosition:"prefix"},close:{text:"Close",color:"red",icon:"far fa-times-circle",iconPosition:"prefix"},archive:{text:"Archive",color:"red",icon:"far fa-folder-open",iconPosition:"prefix"},remove:{text:"Remove",color:"red",icon:"far fa-minus-circle",iconPosition:"prefix"},edit:{text:"Edit",color:"",icon:"far fa-edit",iconPosition:"prefix"},export:{text:"Export",color:"",icon:"far fa-sign-out",iconPosition:"prefix"},import:{text:"Import",color:"",icon:"far fa-sign-in",iconPosition:"prefix"},filter:{text:"Filter",color:"",icon:"far fa-filter",iconPosition:"prefix"},update:{text:"Update",color:"",icon:"far fa-sync",iconPosition:"prefix"},reset:{text:"Reset",color:"",icon:"far fa-sync",iconPosition:"prefix"},download:{text:"Download",color:"",icon:"far fa-download",iconPosition:"prefix"}};var j;!function(t){t.save="save",t.submit="submit",t.ok="ok",t.new="new",t.add="add",t.create="create",t.apply="apply",t.prev="prev",t.next="next",t.send="send",t.delete="delete",t.cancel="cancel",t.decline="decline",t.close="close",t.archive="archive",t.remove="remove",t.edit="edit",t.export="export",t.import="import",t.filter="filter",t.update="update",t.reset="Reset",t.download="download"}(j||(j={}));const{state:O}=p({value:new Map,setData:{},removeData:{}}),C=({value:t,type:i,componentClass:o,disabled:n,href:c,target:s,loading:r,isIconOnly:l,icon:a,iconPosition:m,id:b})=>e(c?d.HtmlElementType.a:d.HtmlElementType.button,Object.assign({id:b},i==d.HtmlElementType.button&&{type:i},{class:o,disabled:n,href:c,target:s,tabindex:"0"}),e("span",{hidden:!0},e("slot",null)),r&&e("span",{class:"bcm-button__container-loading"}," ",e("span",{class:"bcm-button__container-icon"},e("i",{class:"far fa-spinner-third fa-spin"})," ")),a&&e("span",{class:`${m} bcm-button__container-icon`},e("i",{class:`${a}`})),!l&&e(g,{className:"bcm-button__container-text",value:t}),e("slot",{name:"suffix"})),D=class{constructor(e){t(this,e),this.bcmClick=n(this,"bcm-click",7),this._id=l.UID(),this.hidden=!1,this.type=d.ButtonType.button,this.size=d.Size.medium,this.disabled=!1,this.kind=d.Kind.solid,this.outline=!1,this.icon=void 0,this.href=void 0,this.target=void 0,this.value=void 0,this.loading=!1,this.variant=void 0,this.dataDismiss=!1,this.fullWidth=!1,this.iconPosition=d.IconPosition.prefix,this.color=void 0,this.checked=!1}handleOnClick(t){if(this.disabled)return t.preventDefault(),t.stopPropagation(),!1}componentWillRender(){const{size:t,kind:e,icon:i,iconPosition:o,disabled:n,outline:c,href:s,type:r,target:l,loading:a,variant:m,fullWidth:b,hidden:h,value:u}=this;(t=>{const e=Object.assign(Object.assign({},t),$[t.variant]&&{icon:$[t.variant].icon,value:$[t.variant].text,iconPosition:d.IconPosition[$[t.variant].iconPosition],variantColor:$[t.variant].color});O.value.set(e.id,e)})({id:this._id,size:t,type:r,kind:e,icon:i,iconPosition:o,disabled:n,outline:c,href:s,target:l,loading:a,variant:m,fullWidth:b,hidden:h,value:u,isIconOnly:!(!this.isHaveChildNodes()||!this.icon)})}getStateData(){return t=this._id,a((()=>O.value.get(t)),{});var t}isHaveChildNodes(){return void 0===Array.from(this.el.childNodes).find((t=>t.nodeType===Node.TEXT_NODE))}setColor(t=this.color){if(!t)return;const{kind:e}=this,i=`--bcm-button-${e}`;return"solid"===e?{[`${i}-color-default`]:r.dsColor("white"),[`${i}-color-hover`]:r.dsColor("white"),[`${i}-color-focus-visible`]:r.dsColor("white"),[`${i}-color-active`]:r.dsColor("white"),[`${i}-color-disabled`]:r.dsColor("white"),[`${i}-background-color-default`]:r.dsColor(t+"-500"),[`${i}-background-color-hover`]:r.dsColor(t+"-600"),[`${i}-background-color-focus-visible`]:r.dsColor(t+"-700"),[`${i}-background-color-active`]:r.dsColor(t+"-800"),[`${i}-background-color-disabled`]:r.dsColor("slate-400"),[`${i}-border-default`]:r.dsColor(t+"-500"),[`${i}-border-hover`]:r.dsColor(t+"-600"),[`${i}-border-focus-visible`]:r.dsColor(t+"-700"),[`${i}-border-active`]:r.dsColor(t+"-800"),[`${i}-border-disabled`]:r.dsColor("slate-400")}:"link"==e?{[`${i}-color-default`]:r.dsColor(t+"-500"),[`${i}-color-hover`]:r.dsColor(t+"-600"),[`${i}-color-focus-visible`]:r.dsColor(t+"-800"),[`${i}-color-active`]:r.dsColor(t+"-700"),[`${i}-color-disabled`]:r.dsColor("slate-400"),[`${i}-background-color-default`]:r.dsColor("transparent"),[`${i}-background-color-hover`]:r.dsColor("transparent"),[`${i}-background-color-focus-visible`]:r.dsColor("slate-50"),[`${i}-background-color-active`]:r.dsColor("slate-50"),[`${i}-background-color-disabled`]:r.dsColor("transparent"),[`${i}-border-default`]:r.dsColor("transparent"),[`${i}-border-hover`]:r.dsColor("transparent"),[`${i}-border-focus-visible`]:r.dsColor("slate-50"),[`${i}-border-active`]:r.dsColor("slate-50"),[`${i}-border-disabled`]:r.dsColor("transparent")}:"ghost"==e?{[`${i}-color-default`]:r.dsColor(t+"-600"),[`${i}-color-hover`]:r.dsColor(t+"-600"),[`${i}-color-focus-visible`]:r.dsColor(t+"-600"),[`${i}-color-active`]:r.dsColor(t+"-600"),[`${i}-color-disabled`]:r.dsColor(t+"-300"),[`${i}-background-color-default`]:r.dsColor(t+"-100"),[`${i}-background-color-hover`]:r.dsColor(t+"-200"),[`${i}-background-color-focus-visible`]:r.dsColor(t+"-400"),[`${i}-background-color-active`]:r.dsColor(t+"-300"),[`${i}-background-color-disabled`]:r.dsColor(t+"-50"),[`${i}-border-default`]:r.dsColor(t+"-300"),[`${i}-border-hover`]:r.dsColor(t+"-400"),[`${i}-border-focus-visible`]:r.dsColor(t+"-600"),[`${i}-border-active`]:r.dsColor(t+"-500"),[`${i}-border-disabled`]:r.dsColor(t+"-200")}:void 0}render(){const{size:t,kind:o,disabled:n,outline:c,type:s,href:r,target:l,loading:a,variantColor:m,fullWidth:b,hidden:d,icon:h,iconPosition:p,value:g,isIconOnly:v,iconSize:x}=this.getStateData();let f=u("bcm-button__container",`bcm-button__container-size-${t}`,`bcm-button__container-kind-${c?"ghost":o}`,{"full-width":b,checked:this.checked,disabled:n});const _=u("bcm-button",{hidden:d,"full-width":b});return e(i,{class:_,style:this.setColor(m),onClick:()=>!n&&this.bcmClick.emit(this.el)},e(C,{type:s,value:g,componentClass:f,disabled:n,href:r,target:l,icon:h,loading:a,iconSize:x,isIconOnly:v,iconPosition:p}))}get el(){return o(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-button{display:inline-flex;width:fit-content;height:fit-content;--bcm-button-solid-color-default:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-border-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-color-hover:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-border-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-border-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-color-active:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-border-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-color-disabled:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-solid-border-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-default:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-default:var(--bcm-new-ds-color-slate-100);--bcm-button-ghost-border-default:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-color-hover:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-border-hover:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-focus-visible:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-border-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-color-active:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-border-active:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-background-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-button-ghost-border-disabled:var(--bcm-new-ds-color-slate-200);--bcm-button-link-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-link-background-color-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-link-background-color-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-disabled:var(--bcm-new-ds-color-transparent)}.bcm-button.full-width{width:100%}.bcm-button.full-width .bcm-button__container{width:100%}.bcm-button:after,.bcm-button:before{content:"";clear:both}.bcm-button__container{border:none;color:inherit;background-color:inherit;padding:0;margin:0;font:inherit;cursor:pointer;outline:none;text-decoration:none;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px 12px;outline:none;border-radius:4px;transition:background-color 0.1s ease-in-out;position:relative;min-width:40px;border-width:1px;border-style:solid;border-color:initial}.bcm-button__container:hover,.bcm-button__container:focus,.bcm-button__container:active{outline:none;text-decoration:none}.bcm-button__container-loading{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:center}.bcm-button__container-kind-solid{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-solid:hover{color:var(--bcm-button-solid-color-hover);background-color:var(--bcm-button-solid-background-color-hover);border-color:var(--bcm-button-solid-border-hover)}.bcm-button__container-kind-solid:focus-visible{color:var(--bcm-button-solid-color-focus-visible);background-color:var(--bcm-button-solid-background-color-focus-visible);border-color:var(--bcm-button-solid-border-focus-visible)}.bcm-button__container-kind-solid:active{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid:disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid.checked{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid.disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid .bcm-button__container-loading{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-ghost{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-ghost:not([disabled]) .bcm-icon{color:var(--bcm-new-ds-color-slate-500)}.bcm-button__container-kind-ghost:hover{color:var(--bcm-button-ghost-color-hover);background-color:var(--bcm-button-ghost-background-color-hover);border-color:var(--bcm-button-ghost-border-hover)}.bcm-button__container-kind-ghost:focus-visible{color:var(--bcm-button-ghost-color-focus-visible);background-color:var(--bcm-button-ghost-background-color-focus-visible);border-color:var(--bcm-button-ghost-border-focus-visible)}.bcm-button__container-kind-ghost:active{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost:disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost.checked{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost.disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost .bcm-button__container-loading{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-link{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-link:hover{color:var(--bcm-button-link-color-hover);background-color:var(--bcm-button-link-background-color-hover);border-color:var(--bcm-button-link-border-hover)}.bcm-button__container-kind-link:focus-visible{color:var(--bcm-button-link-color-focus-visible);background-color:var(--bcm-button-link-background-color-focus-visible);border-color:var(--bcm-button-link-border-focus-visible)}.bcm-button__container-kind-link:active{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link:disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link.checked{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link.disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link .bcm-button__container-loading{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container[disabled]{cursor:not-allowed}.bcm-button__container-text{order:3;display:flex;align-items:center;gap:8px;white-space:nowrap}.bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-icon.prefix{order:2}.bcm-button__container-icon.suffix{order:4}.bcm-button__container-size-small{font-size:12px;line-height:calc(12px + 8px);padding:calc(4px - 3px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px - 2px)) * 2)}.bcm-button__container-size-small .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-medium{font-size:calc(12px + 1px);line-height:calc(12px + 8px);padding:calc(4px + 1px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px + 2px)) * 2)}.bcm-button__container-size-medium .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-large{font-size:16px;line-height:calc(16px + 8px);padding:calc(8px - 1px) 12px;min-height:calc(calc(16px + 8px) + (calc(8px) * 2))}.bcm-button__container-size-large .bcm-button__container-icon{min-height:calc(16px + 8px)}';var I=function(t,e,i,o){var n,c=arguments.length,s=c<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(s=(c<3?n(s):c>3?n(e,i,s):n(e,i))||s);return c>3&&s&&Object.defineProperty(e,i,s),s};const P=class{constructor(e){t(this,e),this.bcmClick=n(this,"bcm-click",7),this.bcmDropdownChange=n(this,"bcm-dropdown-change",7),this.isOpen=void 0,this._id=l.UID(),this.menuId=l.UID(),this.hidden=!1,this.type="dropdown",this.size=d.Size.medium,this.disabled=!1,this.kind=d.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=d.IconPosition.prefix,this.placement=void 0,this.height=void 0,this.maxHeight="500px",this.minHeight="50px",this.stopDeepClean=!1,this.selectable=!0,this.gap="4px",this.color=void 0,this.activeItem=null,this.data=[]}async dataChanged(t){t&&(this.data=t)}async setActive(t=null){var e,i;null===(i=null===(e=document.getElementById(`${this.menuId}`))||void 0===e?void 0:e.querySelectorAll("bcm-menu"))||void 0===i||i.forEach((e=>{e.setActive(t)}))}async getActive(){return this.activeItem}handleSlotItems({detail:t}){this.data=t}setActiveAttribute(t){t.detail&&(this.bcmDropdownChange.emit(t.detail),this.activeItem=t.detail)}render(){const{size:t,kind:o,disabled:n,icon:c,color:s,href:r,target:l,loading:a,type:m,variant:b,fullWidth:d,isOpen:h}=this,p=u("bcm-dropdown","bcm-dropdown__type-"+m,{"full-width":d,"no-style":this.noStyle,hidden:this.hidden||this.linkedComponent}),g=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},n&&{disabled:n}),a&&{loading:a}),o&&{kind:o}),t&&{size:t}),b&&{variant:b}),s&&{color:s}),this.menuId&&{"menu-id":this.menuId}),v=u("bcm-dropdown__icon",{"bcm-dropdown__icon--open":h}),x=e("span",{class:v},e("bcm-icon",{icon:this.dropdownIcon}));return e(i,{class:p},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,c&&{icon:c},r&&"split"===m&&{href:r},l&&"split"===m&&{target:l},d&&{fullWidth:d}),e("slot",null),"dropdown"===m&&x),!this.noStyle&&"split"===m&&e("bcm-button",Object.assign({id:`${this._id}-button-split`,class:"split-button"},g),x),e("bcm-linked",{id:`${this.menuId}`,"target-id":`${this._id}-button${"split"===m?"-split":""}`,placement:this.placement||("dropdown"===m?"bottom-start":"bottom-end"),"max-height":this.maxHeight,"min-height":this.minHeight,height:this.height,"on-bcm-open":t=>{var e;return(null===(e=null==t?void 0:t.target)||void 0===e?void 0:e.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),"onBcm-menu-change":t=>this.setActiveAttribute(t),gap:this.gap,dropdown:!0}),e("slot",{name:"content"})))}get el(){return o(this)}static get watchers(){return{data:["dataChanged"]}}};I([v()],P.prototype,"el",void 0),I([x("data",!0)],P.prototype,"dataChanged",null),P.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)}';const H={"message-bot":"message-bot.svg"},L=class{constructor(e){t(this,e),this.hidden=!1,this.icon=void 0}getIcon(){const{icon:t}=this;if(t in H){const i=c("./static/"+H[t]);return e("div",{class:"tw-flex tw-h-fit tw-w-fit tw-items-center tw-justify-center"},e("img",{src:`${i}`,alt:t,class:"tw-h-fit tw-w-fit"}))}return e("i",{class:`${t}`})}render(){const{hidden:t}=this;return e(i,{class:"bcm-icon fa "+(t?"hidden":"")},this.getIcon())}static get assetsDirs(){return["static"]}get el(){return o(this)}};L.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.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-icon.hidden{display:none}';const R=class{constructor(e){t(this,e),this._id=l.UID(),this.size=d.Size.medium,this.color=void 0,this.static=!1}setColor(t=this.color){if(!t)return;const e="--bcm-item";return"white"==t?{[`${e}-color-default`]:r.dsColor("slate-600"),[`${e}-color-hover`]:r.dsColor("slate-600"),[`${e}-color-focus-visible`]:r.dsColor("slate-600"),[`${e}-color-active`]:r.dsColor("slate-600"),[`${e}-color-disabled`]:r.dsColor("white"),[`${e}-background-color-default`]:r.dsColor("white"),[`${e}-background-color-hover`]:r.dsColor(this.static?"white":"slate-100"),[`${e}-background-color-focus-visible`]:r.dsColor(this.static?"white":"slate-200"),[`${e}-background-color-active`]:r.dsColor(this.static?"white":"slate-300"),[`${e}-background-color-disabled`]:r.dsColor("slate-400")}:{[`${e}-color-default`]:r.dsColor("white"),[`${e}-color-hover`]:r.dsColor("white"),[`${e}-color-focus-visible`]:r.dsColor("white"),[`${e}-color-active`]:r.dsColor("white"),[`${e}-color-disabled`]:r.dsColor("white"),[`${e}-background-color-default`]:r.dsColor(t+"-500"),[`${e}-background-color-hover`]:r.dsColor(t+"-600"),[`${e}-background-color-focus-visible`]:r.dsColor(t+"-700"),[`${e}-background-color-active`]:r.dsColor(t+"-800"),[`${e}-background-color-disabled`]:r.dsColor("slate-400")}}disconnectedCallback(){}render(){const t=u("bcm-item",`bcm-item-size-${this.size}`);return e(i,{class:t,style:this.setColor()},e("slot",null))}get el(){return o(this)}};R.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-item{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;--bcm-item-color-default:var(--bcm-new-ds-color-white);--bcm-item-background-color-default:var(--bcm-new-ds-color-blue-500);--bcm-item-color-hover:var(--bcm-new-ds-color-white);--bcm-item-background-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-item-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-item-background-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-item-color-active:var(--bcm-new-ds-color-white);--bcm-item-background-color-active:var(--bcm-new-ds-color-blue-700);--bcm-item-color-disabled:var(--bcm-new-ds-color-white);--bcm-item-background-color-disabled:var(--bcm-new-ds-color-slate-400);font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;border-radius:4px;outline:none;color:var(--bcm-item-color-default);background-color:var(--bcm-item-background-color-default)}.bcm-item-size-small{font-size:12px;line-height:calc(12px + 8px);padding:2px 12px;min-height:calc(calc(12px + 8px) + calc(2px) * 2)}.bcm-item-size-medium{font-size:14px;line-height:calc(14px + 8px);padding:5px 12px;min-height:calc(calc(14px + 8px) + calc(5px) * 2)}.bcm-item-size-large{font-size:16px;line-height:calc(16px + 8px);padding:8px 12px;min-height:calc(calc(16px + 8px) + calc(8px) * 2)}.bcm-item:default{color:var(--bcm-item-color-default);background-color:var(--bcm-item-background-color-default)}.bcm-item:hover{color:var(--bcm-item-color-hover);background-color:var(--bcm-item-background-color-hover)}.bcm-item:focus-visible{color:var(--bcm-item-color-focus-visible);background-color:var(--bcm-item-background-color-focus-visible)}.bcm-item:active{color:var(--bcm-item-color-active);background-color:var(--bcm-item-background-color-active)}.bcm-item:disabled{color:var(--bcm-item-color-disabled);background-color:var(--bcm-item-background-color-disabled)}.bcm-item:not(.static):hover{cursor:pointer}';const S=class{constructor(e){t(this,e),this.bcmItems=n(this,"bcm-items",7),this._id=l.UID()}connectedCallback(){if(this.el.children&&this.el.children.length>0){let t=this.nestedItems(this.el);this.bcmItems.emit(t),this.el.remove()}}mapItems(t){var e;const i=null===(e=null==t?void 0:t.innerHTML)||void 0===e?void 0:e.replace(/<bcm-item>.*<\/bcm-item>/g,"").replace(/<bcm-item .*>.*<\/bcm-item>/g,"").replace(/<!--(.|\s)*?-->/g,"").trim(),o=e=>m.elementBooleanCheck(t.getAttribute(e));return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({id:t.getAttribute("id")||l.UID(),text:t.getAttribute("text")||i},t.innerHTML.trim()&&{isHtmlContent:t.textContent.length>0?t.innerHTML.trim():null}),o("disabled")&&{disabled:o("disabled")}),o("selected")&&{selected:o("selected")}),o("hidden")&&{hidden:o("hidden")}),o("checked")&&{checked:o("checked")}),o("readonly")&&{readonly:o("readonly")}),o("active")&&{active:o("active")}),o("icon")&&{icon:t.getAttribute("icon")}),o("link")&&{link:t.getAttribute("link")})}nestedItems(t){return a((()=>Array.from(null==t?void 0:t.children).map((t=>{var e;return Object.assign(Object.assign({},"bcm-item"===(null===(e=null==t?void 0:t.tagName)||void 0===e?void 0:e.toLowerCase())&&this.mapItems(t)),{items:this.nestedItems(t)})}))),[])}render(){return e("slot",null)}get el(){return o(this)}},A=class{constructor(e){t(this,e),this.bcmOpen=n(this,"bcm-open",7),this._id=l.UID(),this.placement=b.Placement["bottom-start"],this.trigger=b.TriggerType.click,this.targetId="",this.height=void 0,this.maxHeight=void 0,this.minHeight="50px",this.isOpen=!1,this.hideDelay=500,this.isMouseOverLink=!1}target(){const t=document.querySelectorAll(`[id="${this.targetId}"]`);return t.length>0?(t.length>1&&console.warn(`[bcm-linked] - Target id "${this.targetId}" is duplicated`),t[0]):(this.el.remove(),null)}detectClone(){const t=document.querySelectorAll(`[target-id="${this.targetId}"]`);t.length>0&&t.forEach((t=>{t.id!==this._id&&(console.warn(`[bcm-linked] - id="${this._id}" was removed from the dom because id="${this.targetId}" is duplicated.`),t.remove())}))}dismissEvent(){document.dispatchEvent(new CustomEvent("linked-data-dismiss",{detail:{id:this._id}}))}checkDataDismiss(t){l.findEventPathHasAttribute(t,"data-dismiss")&&this.dismissEvent()}hideChildLinked(){this.el.querySelectorAll("[is-linked][linked-is-open]").forEach((t=>{var e;null===(e=document.querySelector(`#${t.getAttribute("is-linked")}[is-open]`))||void 0===e||e.hide(!1)}))}calculatePosition(){const t=this.el;t&&this.target()&&(this.isOpen?_({ref:this.target(),floating:t,placement:this.placement,offset:4,autoHidden:"true"!==t.getAttribute("main-linked"),autoSize:!0,style:{height:this.height,maxHeight:this.maxHeight,minHeight:this.minHeight}}):(t.style.visibility="hidden",t.style.opacity="0"))}init(){const t=this.target();this.trigger===b.TriggerType.hover&&this.listenMouseOver(),t&&(t.setAttribute("is-linked",this.el.id),l.getAncestor(t,"bcm-linked")?this.el.removeAttribute("main-linked"):this.el.setAttribute("main-linked","true"))}componentDidLoad(){this.init()}triggerWatch(t){t===b.TriggerType.hover&&this.listenMouseOver()}watchIsOpen(){this.bcmOpen.emit(this.isOpen)}onLinkedDataDismis(){this.hide(!1)}onBcmFloatingIsHide(t){t.detail.id===this._id&&this.hide(!1)}async show(t=!0){t&&await f(50),this.detectClone();const e=this.target();return e?(document.querySelector("#bcm-overlay-container").appendChild(this.el),e.setAttribute("linked-is-open","true"),this.isOpen=!0,this.calculatePosition()):this.hide(!1),this.isOpen}async hide(t=!0){t&&await f(50);const e=this.target();return this.isMouseOverLink=!1,e&&(e.removeAttribute("linked-is-open"),this.hideChildLinked(),this.isOpen=!1),this.isOpen}async toggle(t=!0){return this.isOpen?await this.hide(t):await this.show(t)}clickListener(t){if(!this.target())return;if(this.trigger===b.TriggerType.hover)return;const e=l.findEventPath(t,this.target()),i=l.findEventPath(t,this.el),o=l.findEventPathWithNodeName(t,"BCM-LINKED");if(!e&&!i&&!o)return this.hide(),void this.bcmOpen.emit(this.isOpen);this.isOpen?(e&&this.hide(!1),i&&this.checkDataDismiss(t),"true"!==this.el.getAttribute("main-linked")||e||i||o||this.dismissEvent()):e&&this.show(!1)}resizeListener(){this.calculatePosition()}scrollListener(){this.calculatePosition()}wheelListener(){this.calculatePosition()}listenMouseOver(){var t,e;this.el.addEventListener("mouseover",(()=>this.isMouseOverLink=!0)),this.el.addEventListener("mouseleave",(()=>{this.isMouseOverLink=!1,this.handleMouseLeave()})),null===(t=this.target())||void 0===t||t.addEventListener("mouseenter",this.handleMouseEnter.bind(this)),null===(e=this.target())||void 0===e||e.addEventListener("mouseleave",this.handleMouseLeave.bind(this))}handleMouseLeave(){setTimeout((()=>{!this.isMouseOverLink&&this.hide()}),this.hideDelay)}handleMouseEnter(){clearTimeout(this.timeoutId),this.isMouseOverLink=!1,this.show()}render(){return e(i,{class:"tw-invisible tw-absolute tw-left-0 tw-top-0 tw-z-tooltip  tw-block tw-overscroll-contain  tw-scroll-smooth tw-rounded tw-bg-white  tw-opacity-0 tw-shadow tw-transition-opacity tw-duration-100",style:Object.assign(Object.assign({},this.isOpen?{visibility:"visible",opacity:"1"}:{visibility:"hidden",opacity:"0"}),{overflow:"auto"})},e("slot",null))}get el(){return o(this)}static get watchers(){return{trigger:["triggerWatch"],isOpen:["watchIsOpen"]}}};const T=class{constructor(e){t(this,e),this.bcmClick=n(this,"bcm-click",7),this.bcmExpanded=n(this,"bcm-expanded",7),this.bcmMenuChange=n(this,"bcm-menu-change",7),this._id=l.UID(),this.size="medium",this.collapsible=!1,this.collapse=!1,this.mode="inline",this.disabled=!1,this.hidden=!1,this.linkedComponent=void 0,this.height="auto",this.maxHeight="500px",this.minHeight="150px",this.selectable=!0,this.gap="16px",this.dropdown=!1,this.placement="bottom-start",this.activeItemId=void 0,this.data=[]}async setActive(t){this.activeItemId=null;const e=i=>{i.forEach((i=>{i.id==t?(i.active=!0,this.activeItemId=i.id,this.bcmClick.emit(i)):(i.active=!1,i.items&&e(i.items))}))};e(this.data)}async getActive(){return this.activeItem}handleSlotItems({detail:t}){this.data=t}handleClickItem(t){t.items&&t.items.length>0?(t.isOpen=!t.isOpen,s(this)):(this.activeItemId=t.id,document.dispatchEvent(new CustomEvent("linked-data-dismiss",{detail:{id:this._id}}))),this.bcmClick.emit(t)}getTooltip(t,e){return new w({message:e,targetId:"bcm-menu__item-"+this._id+"-"+t,placement:"right"})}render(){const{data:t,collapsible:o,collapse:n}=this,c=u("bcm-menu",`bcm-menu__size-${this.size}`,{"bcm-menu__collapse":n,"bcm-menu__dropdown":this.dropdown}),s=(t,i)=>{if(!t.text)return;t.id||(t.id=l.UID());const o=!(!t.items||!t.items.length);return this.selectable&&(this.activeItemId?this.activeItemId===t.id:t.active)&&(this.bcmMenuChange.emit(t),this.activeItem=t),e("a",{id:"bcm-menu__item-"+this._id+"-"+t.id,onMouseEnter:()=>this.collapse&&this.getTooltip(t.id,t.text).show(),onMouseLeave:()=>this.collapse&&this.getTooltip(t.id,t.text).hide(),key:i,href:t.disabled?"javascript:void(0)":t.link||"javascript:void(0)",tabindex:t.disabled?"-1":"0",class:u("bcm-menu__item",{"bcm-menu__item--is-sub":o&&t.isOpen,"hidden tw-hidden":t.hidden})},e("span",{class:u("bcm-menu__item-link",`bcm-menu__item-link--${this.mode}`,{"bcm-menu__item-link--active":this.selectable&&(this.activeItemId?this.activeItemId===t.id:t.active),"bcm-menu__item-link--disabled":t.disabled}),onClick:()=>{!this.disabled&&!t.disabled&&this.handleClickItem(t)}},t.icon&&e("span",{class:"bcm-menu__item-link-icon"},e("i",{class:t.icon||"far fa-angle-left"})),e("span",{class:u("bcm-menu__item-link-text",{"bcm-menu__item-link-text--collapse":n}),innerHTML:t.text}),o&&e("div",{class:u("bcm-menu__item-link-toggle",{"bcm-menu__item-link-toggle--collapse":t.isOpen})},e("i",{class:"fas fa-chevron-down"}))),o&&e("div",{class:u("bcm-menu__item-submenu",{"bcm-menu__item-submenu--collapse":n,"bcm-menu__item-submenu--open":t.isOpen})},t.items.map(((t,e)=>s(t,e)))))};return e(i,{class:c,disabled:this.disabled},e("div",{class:"bcm-menu__container",style:{gap:this.gap}},e("slot",null),(null==t?void 0:t.length)>0&&t.map(((t,e)=>s(t,e))),o&&e("div",{class:u("bcm-menu__collapse-button",{"bcm-menu__collapse-button--collapsed":n}),onClick:()=>{this.collapse=!n,o&&this.bcmExpanded.emit(n)}},e("i",{class:"far fa-angle-left"}))))}get el(){return o(this)}};(function(t,e,i,o){var n,c=arguments.length,s=c<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(s=(c<3?n(s):c>3?n(e,i,s):n(e,i))||s);c>3&&s&&Object.defineProperty(e,i,s)})([v()],T.prototype,"el",void 0),T.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-menu{--bcm-menu-color-default:var(--bcm-new-ds-color-slate-700);--bcm-menu-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-menu-icon-color-default:var(--bcm-new-ds-color-slate-600);--bcm-menu-color-hover:var(--bcm-new-ds-color-slate-800);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-menu-icon-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-menu-color-active:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active:var(--bcm-color-primary-500);--bcm-menu-icon-color-active:var(--bcm-new-ds-color-white);--bcm-menu-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-background-color-focus-visible:var(--bcm-color-primary-600);--bcm-menu-icon-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-menu-background-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-menu-icon-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-menu-color-dropdownDisabled:var(--bcm-new-ds-color-slate-400);--bcm-menu-background-color-dropdownDisabled:var(--bcm-new-ds-color-transparent);--bcm-menu-icon-color-dropdownDisabled:var(--bcm-new-ds-color-slate-400);--bcm-menu-color-active-hover:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-hover:var(--bcm-color-primary-400);--bcm-menu-icon-color-active-hover:var(--bcm-new-ds-color-white);--bcm-menu-color-active-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-focus-visible:var(--bcm-color-primary-700);--bcm-menu-icon-color-active-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-color-active-active:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-active:var(--bcm-color-primary-800);--bcm-menu-icon-color-active-active:var(--bcm-new-ds-color-white);font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;position:relative;width:210px;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1);border-radius:8px;background-color:var(--bcm-new-ds-color-white);transition:background-color 0.1s ease-in-out, width 0.3s ease-in-out}.bcm-menu__container{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap}.bcm-menu__item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;font:inherit;cursor:pointer;color:inherit;background-color:inherit;padding:0;margin:0;border:none;outline:none;text-decoration:none}.bcm-menu__item:hover,.bcm-menu__item:focus,.bcm-menu__item:active{outline:none;text-decoration:none}.bcm-menu__item--is-sub{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover);border-radius:4px}.bcm-menu__item--is-sub .bcm-menu__item-link-icon,.bcm-menu__item--is-sub .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-hover)}.bcm-menu__item-link{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:8px;padding:4px 8px;border-radius:4px;transition:background-color 0.1s ease-in-out, padding 0.3s ease-in-out;color:var(--bcm-menu-color-default);background-color:var(--bcm-menu-background-color-default)}.bcm-menu__item-link-icon{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;min-width:24px;max-width:24px}.bcm-menu__item-link-text{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.bcm-menu__item-link-text--collapse{opacity:0}.bcm-menu__item-link-toggle{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;font-size:10px;height:100%;order:0;width:24px;transform:rotate(0deg);transition:transform 0.2s ease-in-out;margin-right:-8px}.bcm-menu__item-link-toggle--collapse{transform:rotate(-180deg)}.bcm-menu__item-link .bcm-menu__item-link-icon,.bcm-menu__item-link .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-default)}.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-hover)}.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active)}.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-focus-visible)}.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-dropdownDisabled);background-color:var(--bcm-menu-background-color-dropdownDisabled)}.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-dropdownDisabled)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled){color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled) .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover{color:var(--bcm-menu-color-active-hover);background-color:var(--bcm-menu-background-color-active-hover)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-hover)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible{color:var(--bcm-menu-color-active-focus-visible);background-color:var(--bcm-menu-background-color-active-focus-visible)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-focus-visible)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active{color:var(--bcm-menu-color-active-active);background-color:var(--bcm-menu-background-color-active-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-active)}.bcm-menu__item-link--disabled{cursor:not-allowed;color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu__item-submenu{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:4px;padding:12px;display:none}.bcm-menu__item-submenu .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-white);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu__item-submenu--open{display:flex}.bcm-menu__size-small{padding:8px;font-size:12px;line-height:calc(14px + 8px)}.bcm-menu__size-medium{padding:16px;font-size:14px;line-height:calc(16px + 8px)}.bcm-menu__size-large{padding:16px;font-size:16px;line-height:calc(18px + 8px)}.bcm-menu__collapse-button{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active);display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;font-size:14px;border-radius:100px;position:absolute;top:23px;right:-8px;width:18px;height:18px;cursor:pointer;transition:background-color 0.1s ease-in-out, transform 0.3s ease}.bcm-menu__collapse-button:hover{color:var(--bcm-menu-color-active-hover);background-color:var(--bcm-menu-background-color-active-hover)}.bcm-menu__collapse-button:focus-visible{color:var(--bcm-menu-color-active-focus-visible);background-color:var(--bcm-menu-background-color-active-focus-visible)}.bcm-menu__collapse-button:active{color:var(--bcm-menu-color-active-active);background-color:var(--bcm-menu-background-color-active-active)}.bcm-menu__collapse-button--collapsed{transform:rotate(-180deg)}.bcm-menu__collapse{width:64px}.bcm-menu__collapse .bcm-menu__item-link{padding:4px}.bcm-menu--linked{position:absolute;z-index:10800;top:0;left:0;opacity:0;visibility:hidden;width:fit-content;min-height:50px;max-height:500px;height:auto;overflow-y:auto;padding:12px}.bcm-menu--linked.bcm-menu__open{opacity:1;visibility:visible}.bcm-menu--linked .bcm-menu__container{gap:4px}.bcm-menu--linked .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-slate-50);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu--linked .bcm-menu__item .bcm-menu__item-submenu .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-white);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active){background-color:var(--bcm-menu-background-color-default)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):hover{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):focus-visible{color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):active{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled{cursor:not-allowed;color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active){background-color:var(--bcm-menu-background-color-default)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):hover{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):focus-visible{color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):active{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__dropdown{width:auto;max-width:210px}.bcm-menu__dropdown .bcm-menu__item-link--disabled{color:var(--bcm-menu-color-dropdownDisabled);background-color:var(--bcm-menu-background-color-dropdownDisabled)}.bcm-menu__dropdown .bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu__dropdown .bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-dropdownDisabled)}';const M=class{constructor(e){t(this,e),this.bcmPopoverShow=n(this,"bcmPopoverShow",7),this.bcmPopoverHide=n(this,"bcmPopoverHide",7),this._id=l.UID(),this.message="",this.content="",this.placement=b.Placement.top,this.trigger=b.TriggerType.click,this.open=!1,this.color="white",this.openDelay=0,this.closeDelay=0,this.autoHide=!1,this.targetId=void 0,this.popover=void 0}emitShow(){this.bcmPopoverShow.emit()}emitHide(){this.bcmPopoverHide.emit()}connectedCallback(){this.popover=new k({targetId:this.targetId||this._id,content:this.content,message:this.message,placement:this.placement,color:this.color,trigger:this.trigger,openDelay:this.openDelay,closeDelay:this.closeDelay,autoHide:this.autoHide,emitShow:()=>this.emitShow(),emitHide:()=>this.emitHide()})}componentDidLoad(){this.popover.listener()}componentDidRender(){const{content:t,message:e,placement:i,color:o,trigger:n}=this;this.popover.content=t,this.popover.message=e,this.popover.placement=i,this.popover.color=o,this.popover.trigger=n,this.popover.openDelay=this.openDelay,this.popover.closeDelay=this.closeDelay,this.popover.autoHide=this.autoHide,this.popover.update()}disconnectedCallback(){this.popover.destroy()}async show(){this.popover.show()}async hide(){this.popover.hide()}async toggle(){this.popover.toggle()}render(){return e(i,{class:"tw-inline-flex tw-h-fit tw-w-fit",role:"tooltip","aria-hidden":"true"},e("slot",null))}get el(){return o(this)}},W=class{constructor(e){t(this,e),this.tabChange=n(this,"bcm-tab-change",7),this._id=l.UID(),this.active="1",this.color="blue",this.size=b.Size.medium}get tabItems(){return this.el.querySelectorAll("bcm-tab-item")}get tabItemHeaders(){return this.el.querySelectorAll("bcm-tab-item-header")}setTabAttributes(){this.tabItems.forEach(((t,e)=>{const i=!!t.hasAttribute("active"),o=!!t.hasAttribute("disabled"),n=e+1;t.setAttribute("index",`${n}`),t.setAttribute("size",this.size),t.setAttribute("color",this.color),t.removeAttribute("active"),t.removeAttribute("disabled"),i&&(t.setAttribute("active",""),this.active=n.toString()),o&&t.setAttribute("disabled","")})),Array.from(this.tabItems).some((t=>t.hasAttribute("active")))||this.tabItems[0].setAttribute("active","")}componentWillLoad(){this.setTabAttributes()}handleTabClick(t){var e,i;t&&(this.active=t.toString()),(null===(e=this.tabItems)||void 0===e?void 0:e.length)&&this.tabItems.forEach((t=>{t.removeAttribute("active"),t.setAttribute("size",this.size),t.setAttribute("color",this.color),t.getAttribute("index")==this.active&&t.setAttribute("active","")})),(null===(i=this.tabItemHeaders)||void 0===i?void 0:i.length)&&this.tabItemHeaders.forEach((t=>{t.removeAttribute("active"),t.setAttribute("size",this.size),t.setAttribute("color",this.color),t.getAttribute("index")==this.active&&t.setAttribute("active","")})),this.tabChange.emit(this.active)}componentDidRender(){this.inkBarControl(),this.handleTabClick()}componentDidLoad(){this.inkBarControl(),this.observeTabItem()}async setActive(t){t>0&&t<=this.tabItems.length&&t!=+this.active&&this.handleTabClick(t)}async refresh(){await f(100),s(this)}inkBarControl(){var t;const e=this.el.querySelector("#ink-bar");if(e&&(null===(t=this.tabItemHeaders)||void 0===t?void 0:t.length))for(let t=0;t<this.tabItemHeaders.length;t++){const i=this.tabItemHeaders[t];i.getAttribute("index")===this.active&&(e.style.width=`${i.offsetWidth}px`,e.style.transform=`translateX(${i.offsetLeft}px)`)}}activeChanged(t,e){var i;(null===(i=this.tabItems)||void 0===i?void 0:i.length)&&(Array.from(this.tabItems).some((e=>e.getAttribute("index")==t))||(this.active="1"))}observeTabItem(){this.observer=new MutationObserver((t=>{for(const e of t)if("childList"===e.type)for(const t of e.removedNodes)"BCM-TAB-ITEM"===t.nodeName&&((null==t?void 0:t.active)&&(this.active="1"),this.tabProcess())})),this.observer.observe(this.el,{childList:!0})}tabProcess(){this.updateTabHeaders(),this.regenerateIndex(),this.refresh(),this.inkBarControl()}updateTabHeaders(){const t=Array.from(this.tabItems).map((t=>t.getAttribute("id"))),e=Array.from(this.el.querySelector("#tab-header").querySelectorAll("bcm-tab-item-header"));t.length!==e.length&&e.forEach((e=>{const i=e.getAttribute("tab-id");t.includes(i)||e.remove()}))}regenerateIndex(){this.tabItems.forEach(((t,e)=>{const i=e+1;t.setAttribute("index",`${i}`);const o=this.el.querySelector(`bcm-tab-item-header[tab-id="${t.getAttribute("id")}"]`);o&&(o.setAttribute("index",`${i}`),o.style.order=`${i}`)}))}render(){const{color:t}=this,o=l.getTwColor({color:t,tones:[500]});return e(i,{role:"tablist","aria-label":"Tab Group",class:"tw-flex tw-w-full tw-flex-col tw-items-center tw-font-sans"},e("div",{class:"tw-relative tw-flex tw-w-full tw-flex-row tw-items-end tw-justify-between",id:"tab-header",style:o},e("div",{id:"ink-bar",class:"tw-bg-default-500 tw-absolute tw-bottom-0 tw-left-0 tw-mt-[-2px] tw-h-[2px] tw-rounded-sm tw-transition-transform"})),e("slot",null))}get el(){return o(this)}static get watchers(){return{active:["activeChanged"]}}},E=class{constructor(e){t(this,e),this._id=l.UID(),this.active=!1,this.disabled=!1,this.index=void 0}componentWillLoad(){this.indexControl()}componentDidRender(){this.headerMove()}getHeaderItem(){const t=this.el.querySelector("bcm-tab-item-header");return t&&(t.setAttribute("index",`${this.index}`),t.setAttribute("active",`${this.active}`),t.setAttribute("disabled",`${this.disabled}`),t.setAttribute("tab-id",`${this._id}`),t.style.order=`${this.index}`),t}getParentTabGroup(){return l.findParentElement(this.el,"bcm-tab-group")}getFindHeaderItem(){var t,e;return null===(e=null===(t=this.getParentTabGroup())||void 0===t?void 0:t.querySelector("#tab-header"))||void 0===e?void 0:e.querySelector(`bcm-tab-item-header[tab-id="${this._id}"]`)}headerMove(){var t,e,i,o;this.getHeaderItem()&&(null===(t=this.getFindHeaderItem())||void 0===t||t.remove(),null===(i=null===(e=this.getParentTabGroup())||void 0===e?void 0:e.querySelector("#tab-header"))||void 0===i||i.appendChild(this.getHeaderItem()),null===(o=this.el.parentElement)||void 0===o||o.refresh())}indexControl(){var t;this.index||null===(t=l.findParentElement(this.el,"bcm-tab-group"))||void 0===t||t.querySelectorAll("bcm-tab-item").forEach(((t,e)=>{t===this.el&&t.setAttribute("index",`${e+1}`)}))}componentDidLoad(){new MutationObserver((()=>{this.headerMove()})).observe(this.el,{childList:!0,subtree:!0})}render(){return e(i,{id:this._id,role:"tabpanel","aria-labelledby":`tab-${this._id}`,"aria-hidden":`${!this.active}`,class:{"tw-block":this.active,"tw-hidden":!this.active,"tw-opacity-50":this.disabled,"tw-w-full":!0}},e("slot",null))}get el(){return o(this)}},N=class{constructor(e){t(this,e),this._id=l.UID(),this.active=!1,this.disabled=!1,this.index=void 0,this.color="blue",this.size=b.Size.medium}handleClick(){var t;this.disabled||null===(t=l.findParentElement(this.el,"bcm-tab-group"))||void 0===t||t.setActive(this.index)}render(){const{color:t,size:o,active:n,disabled:c}=this,s=l.getTwColor({color:t,tones:[500,600,700,800]});return e(i,{onClick:()=>this.handleClick(),class:u("tw-flex tw-flex-1 tw-items-center tw-justify-center tw-border-b-[2px] tw-border-b-slate-300  tw-transition-font tw-focus:outline-none",{"tw-text-2 tw-py-1 tw-gap-2":o===b.Size.small,"tw-text-3 tw-py-2 tw-gap-3":o===b.Size.medium,"tw-text-4 tw-py-3 tw-gap-4":o===b.Size.large},c?"tw-cursor-not-allowed tw-text-gray-400 tw-opacity-50":"tw-cursor-pointer",n?"tw-text-default-500 enabled:hover:tw-text-default-600 enabled:active:tw-text-default-700 enabled:focus-visible:tw-text-default-800":"tw-text-slate-400 enabled:hover:tw-text-slate-500 enabled:focus-visible:tw-text-slate-700 enabled:active:tw-text-slate-600"),style:s})}get el(){return o(this)}},B=class{constructor(e){t(this,e),this.hidden=!1,this.scale=void 0,this.weight="400",this.color="slate",this.text=void 0,this.fontSize=4}render(){const{hidden:t,scale:o,weight:n,color:c,fontSize:s}=this,l=u("bcm-text",{hidden:t}),a=u("bcm-text__paragraph",`bcm-text__font-size-${s}`,o),m=+n||400,b={color:r.dsColor(c),fontWeight:m};return e(i,{class:l},e("span",{hidden:!0},e("slot",null)),e("p",{class:a,style:Object.assign({},b)},e(g,{value:this.text})))}get el(){return o(this)}};B.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{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)}';const F=class{constructor(e){t(this,e),this.bcmTooltipShow=n(this,"bcmTooltipShow",7),this.bcmTooltipHide=n(this,"bcmTooltipHide",7),this._id=l.UID(),this.message="",this.placement=b.Placement.top,this.trigger=b.TriggerType.click,this.open=!1,this.color="slate",this.size=b.Size.medium,this.openDelay=0,this.closeDelay=0,this.autoHide=!1,this.targetId=void 0,this.tooltip=void 0}emitShow(){this.bcmTooltipShow.emit()}emitHide(){this.bcmTooltipHide.emit()}connectedCallback(){this.tooltip=new w({targetId:this.targetId||this._id,message:this.message,placement:this.placement,color:this.color,trigger:this.trigger,size:this.size,openDelay:this.openDelay,closeDelay:this.closeDelay,autoHide:this.autoHide,emitShow:()=>this.emitShow(),emitHide:()=>this.emitHide()})}componentDidLoad(){this.tooltip.listener()}componentDidRender(){this.tooltip.message=this.message,this.tooltip.placement=this.placement,this.tooltip.color=this.color,this.tooltip.trigger=this.trigger,this.tooltip.size=this.size,this.tooltip.openDelay=this.openDelay,this.tooltip.closeDelay=this.closeDelay,this.tooltip.autoHide=this.autoHide,this.tooltip.update()}disconnectedCallback(){this.tooltip.destroy()}async show(){this.tooltip.show()}async hide(){this.tooltip.hide()}async toggle(){this.tooltip.toggle()}render(){return e(i,{class:"tw-inline-flex tw-h-fit tw-w-fit",role:"tooltip","aria-hidden":"true"},e("slot",null))}get el(){return o(this)}},G=class{constructor(e){t(this,e)}render(){return e(i,{class:"bcm-ui-element bcm-ui-content-display"},e("slot",null))}get el(){return o(this)}};export{y as bcm_badge,D as bcm_button,P as bcm_dropdown,L as bcm_icon,R as bcm_item,S as bcm_items,A as bcm_linked,T as bcm_menu,M as bcm_popover,W as bcm_tab_group,E as bcm_tab_item,N as bcm_tab_item_header,B as bcm_text,F as bcm_tooltip,G as bcm_typography}
+import{r as t,h as e,H as i,g as o,c as n,a as c,f as s}from"./p-6d7fe687.js";import{C as r}from"./p-2fc584c4.js";import"./p-626a65e9.js";import{G as l,s as a}from"./p-e9842c26.js";import"./p-3a68eca1.js";import{S as m}from"./p-8d0ca8c2.js";import"./p-d7f10f7f.js";import"./p-5ae0a59b.js";import{B as b,a as d}from"./p-a429e85b.js";import{c as h}from"./p-dd422dd1.js";import{c as u}from"./p-d65a1e21.js";import{c as p}from"./p-3cde7f38.js";import{S as g}from"./p-74b2d896.js";import{I as v}from"./p-54c0916c.js";import{J as x}from"./p-c75519d5.js";import{d as f}from"./p-3c7a0345.js";import{F as _}from"./p-b60bcecf.js";import"./p-436364c8.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-908b1b5d.js";class w{constructor({message:t,targetId:e,placement:i="top",color:o="slate-700",trigger:n="none",size:c="medium",openDelay:s=0,closeDelay:a=0,autoHide:d=!1,emitShow:h=(()=>{}),emitHide:u=(()=>{})}){this.destroy=()=>{this.el=document.getElementById(this.id),this.el&&(this.el.remove(),this.emitHide()),this.removeListener()},this.target=()=>document.getElementById(this.targetId),this.sizeClass=()=>{switch(this.size){case b.Size.small:return"tw-text-1";case b.Size.medium:return"tw-text-2";case b.Size.large:return"tw-text-3";default:return"tw-text-2"}},this.init=()=>{const{tone:t,colorName:e}=r.parseColor(this.color,700),i=l.getTwColor({color:e,tones:{[t]:["bg"]},variable:"--bcm-tooltip"}),o=Object.assign(Object.assign({},i),i["--bcm-tooltip-bg"]&&{"--bcm-tooltip-text":r.reverseColor(i["--bcm-tooltip-bg"])});this.el=l.createElement("div",{id:`${this.targetId}-tooltip-box`,class:`\n            tw-whitespace-normal tw-break-words tw-block tw-font-sans tw-pointer-events-none tw-max-w-xs tw-py-1 tw-px-2 tw-rounded tw-bg-[--bcm-tooltip-bg] tw-text-[--bcm-tooltip-text] ${this.sizeClass()} tw-absolute tw-top-0 tw-left-0 tw-z-tooltip tw-opacity-0 tw-transition-opacity tw-duration-300`,role:"tooltip","aria-hidden":"true",style:r.generateStyleString(o),innerHTML:m.trim(this.message)})},this.update=()=>{this.el=document.getElementById(this.id),this.el&&(this.hide(),this.show())},this.listener=()=>{if(window.addEventListener("resize",this.calculatePosition.bind(this)),window.addEventListener("scroll",this.calculatePosition.bind(this),!0),window.addEventListener("wheel",this.calculatePosition.bind(this)),this.trigger&&this.target())switch(this.trigger){case"click":this.target().addEventListener("click",this.toggle.bind(this)),this.autoHide&&this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"hover":this.target().addEventListener("mouseenter",this.show.bind(this)),this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"focus":this.target().addEventListener("focus",this.show.bind(this),!0),this.target().addEventListener("blur",this.hide.bind(this),!0)}this.calculatePosition()},this.removeListener=()=>{window.removeEventListener("resize",this.calculatePosition.bind(this)),window.removeEventListener("scroll",this.calculatePosition.bind(this),!0),window.removeEventListener("wheel",this.calculatePosition.bind(this)),this.target()&&(this.target().removeEventListener("click",this.toggle.bind(this)),this.target().removeEventListener("mouseenter",this.show.bind(this)),this.target().removeEventListener("mouseleave",this.hide.bind(this)),this.target().removeEventListener("focus",this.show.bind(this),!0),this.target().removeEventListener("blur",this.hide.bind(this),!0))},this.calculatePosition=()=>{this.el=document.getElementById(this.id),this.el&&_({ref:this.target(),floating:this.el,placement:this.placement,offset:8,arrow:!0,arrowColor:"tw-bg-[--bcm-tooltip-bg]"})},this.show=async()=>{this.message?(this.init(),await f(this.openDelay),this.calculatePosition(),this.emitShow()):this.hide()},this.hide=async()=>{this.el=document.getElementById(this.id),this.el&&(await f(this.closeDelay),this.el&&this.el.remove(),this.emitHide())},this.toggle=()=>{this.el=document.getElementById(this.id),this.el?this.hide():this.show()},this.message=t,this.targetId=e,this.placement=i,this.color=o,this.id=e+"-tooltip-box",this.trigger=n,this.size=c,this.openDelay=s,this.closeDelay=a,this.autoHide=d,this.emitShow=h,this.emitHide=u}}class k{constructor({content:t,message:e,targetId:i,placement:o="top",color:n="slate-700",trigger:c="none",openDelay:s=0,closeDelay:a=0,autoHide:b=!1,emitShow:d=(()=>{}),emitHide:h=(()=>{})}){this.destroy=()=>{this.el=document.getElementById(this.id),this.el&&(this.el.remove(),this.emitHide()),this.removeListener()},this.target=()=>document.getElementById(this.targetId),this.init=()=>{const{tone:t,colorName:e}=r.parseColor(this.color,700),i=l.getTwColor({color:e,tones:{[t]:["bg"]},variable:"--bcm-popover"}),o=Object.assign(Object.assign({},i),i["--bcm-popover-bg"]&&{"--bcm-popover-text":r.reverseColor(i["--bcm-popover-bg"])}),n=`<div class="tw-z-[1] tw-rounded tw-py-2">\n            ${this.message?`<div class="tw-font-medium tw-w-full tw-pb-1 tw-px-4">${m.trim(this.message)}</div>`:""}\n            ${this.content?`<div class="tw-font-normal tw-px-4">${m.trim(this.content)}</div>`:""}\n        </div>`;this.el=l.createElement("div",{id:`${this.targetId}-popover-box`,class:"\n            tw-whitespace-normal tw-break-words tw-block tw-font-sans tw-pointer-events-none tw-max-w-[256px] tw-rounded tw-bg-[--bcm-popover-bg] tw-text-[--bcm-popover-text] tw-text-3 tw-absolute tw-top-0 tw-left-0 tw-z-tooltip tw-opacity-0 tw-transition-opacity tw-duration-300\n            tw-shadow",role:"popover","aria-hidden":"true",style:r.generateStyleString(o),innerHTML:n})},this.update=()=>{this.el=document.getElementById(this.id),this.el&&(this.hide(),this.show())},this.listener=()=>{if(window.addEventListener("resize",this.calculatePosition.bind(this)),window.addEventListener("scroll",this.calculatePosition.bind(this),!0),window.addEventListener("wheel",this.calculatePosition.bind(this)),this.trigger&&this.target())switch(this.trigger){case"click":this.target().addEventListener("click",this.toggle.bind(this)),this.autoHide&&this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"hover":this.target().addEventListener("mouseenter",this.show.bind(this)),this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"focus":this.target().addEventListener("focus",this.show.bind(this),!0),this.target().addEventListener("blur",this.hide.bind(this),!0)}this.calculatePosition()},this.removeListener=()=>{window.removeEventListener("resize",this.calculatePosition.bind(this)),window.removeEventListener("scroll",this.calculatePosition.bind(this),!0),window.removeEventListener("wheel",this.calculatePosition.bind(this)),this.target()&&(this.target().removeEventListener("click",this.toggle.bind(this)),this.target().removeEventListener("mouseenter",this.show.bind(this)),this.target().removeEventListener("mouseleave",this.hide.bind(this)),this.target().removeEventListener("focus",this.show.bind(this),!0),this.target().removeEventListener("blur",this.hide.bind(this),!0))},this.calculatePosition=()=>{this.el=document.getElementById(this.id),this.el&&_({ref:this.target(),floating:this.el,placement:this.placement,offset:8,arrow:!0,arrowColor:"tw-bg-[--bcm-popover-bg]"})},this.show=async()=>{this.message?(this.init(),await f(this.openDelay),this.calculatePosition(),this.emitShow()):this.hide()},this.hide=async()=>{this.el=document.getElementById(this.id),this.el&&(await f(this.closeDelay),this.el.remove(),this.emitHide())},this.toggle=()=>{this.el=document.getElementById(this.id),this.el?this.hide():this.show()},this.content=t,this.message=e,this.targetId=i,this.placement=o,this.color=n,this.trigger=c,this.id=i+"-popover-box",this.openDelay=s,this.closeDelay=a,this.autoHide=b,this.emitShow=d,this.emitHide=h}}const z=h(["bcm-badge__dot bcm-ui-element bcm-ui-content-display","tw-flex tw-items-center tw-justify-center tw-flex-row","tw-rounded-full tw-text-center","tw-bg-[--bcm-badge-bg] tw-text-[--bcm-badge-text]"," tw-whitespace-nowrap [&>*:empty]:tw-hidden"],{variants:{size:{small:["bcm-badge__dot-size-small tw-text-1 tw-min-w-1.5 tw-min-h-1.5 [&>*]:tw-px-1.5 [&>*]:tw-min-w-4"],medium:["bcm-badge__dot-size-medium tw-text-2 tw-min-w-2 tw-min-h-2 [&>*]:tw-px-1.5 [&>*]:tw-min-w-5"],large:["bcm-badge__dot-size-large tw-text-3 tw-min-w-2.5 tw-min-h-2.5 [&>*]:tw-px-2 [&>*]:tw-min-w-6"]},blink:{true:["bcm-badge__dot-blink tw-relative","after:tw-content-[''] after:tw-absolute after:tw-top-0 after:tw-left-0  after:tw-z-[-1]","after:tw-w-full after:tw-h-full after:tw-bg-[--bcm-badge-bg] after:tw-opacity-75 after:tw-rounded-full","after:tw-animate-blink after:tw-pointer-events-none"]}},compoundVariants:[{size:"medium",blink:!1,class:""}],defaultVariants:{size:"medium",blink:!1}}),y=class{constructor(e){t(this,e),this.statusColors={info:"blue",error:"red",warning:"amber",success:"emerald"},this._id=l.UID(),this.blink=!1,this.value=void 0,this.color=void 0,this.size=b.Size.medium,this.status=void 0}render(){const{blink:t,value:o,size:n,color:c,status:s}=this,a=this.statusColors[s]||c,{tone:m,colorName:b}=r.parseColor(a),d=l.getTwColor({color:b,tones:{[m]:["bg"]},variable:"--bcm-badge"}),h=Object.assign(Object.assign({},d),d["--bcm-badge-bg"]&&{"--bcm-badge-text":r.reverseColor(d["--bcm-badge-bg"])});return e(i,{class:"bcm-badge tw-inline-flex tw-items-center tw-justify-center",role:"status","aria-live":"polite"},e("div",{class:z({size:n,blink:t}),style:h},e("span",{class:"bcm-badge__dot-text",role:"presentation","aria-hidden":"true"},e("slot",null,o)),e("span",{class:"tw-sr-only"},o)))}get el(){return o(this)}},$={save:{text:"Save",color:"emerald",icon:"far fa-save",iconPosition:"prefix"},ok:{text:"Ok",color:"emerald",icon:"far fa-check",iconPosition:"prefix"},new:{text:"New",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},add:{text:"Add",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},create:{text:"Create",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},prev:{text:"Prev",color:"",icon:"far fa-arrow-left",iconPosition:"prefix"},next:{text:"Next",color:"",icon:"far fa-arrow-right",iconPosition:"suffix"},apply:{text:"Apply",color:"",icon:"far fa-check-circle",iconPosition:"prefix"},submit:{text:"Submit",color:"",icon:"far fa-save",iconPosition:"prefix"},send:{text:"Send",color:"emerald",icon:"far fa-paper-plane",iconPosition:"prefix"},delete:{text:"Delete",color:"red",icon:"far fa-trash",iconPosition:"prefix"},cancel:{text:"Cancel",color:"red",icon:"far fa-times",iconPosition:"prefix"},decline:{text:"Decline",color:"red",icon:"far fa-ban",iconPosition:"prefix"},close:{text:"Close",color:"red",icon:"far fa-times-circle",iconPosition:"prefix"},archive:{text:"Archive",color:"red",icon:"far fa-folder-open",iconPosition:"prefix"},remove:{text:"Remove",color:"red",icon:"far fa-minus-circle",iconPosition:"prefix"},edit:{text:"Edit",color:"",icon:"far fa-edit",iconPosition:"prefix"},export:{text:"Export",color:"",icon:"far fa-sign-out",iconPosition:"prefix"},import:{text:"Import",color:"",icon:"far fa-sign-in",iconPosition:"prefix"},filter:{text:"Filter",color:"",icon:"far fa-filter",iconPosition:"prefix"},update:{text:"Update",color:"",icon:"far fa-sync",iconPosition:"prefix"},reset:{text:"Reset",color:"",icon:"far fa-sync",iconPosition:"prefix"},download:{text:"Download",color:"",icon:"far fa-download",iconPosition:"prefix"}};var j;!function(t){t.save="save",t.submit="submit",t.ok="ok",t.new="new",t.add="add",t.create="create",t.apply="apply",t.prev="prev",t.next="next",t.send="send",t.delete="delete",t.cancel="cancel",t.decline="decline",t.close="close",t.archive="archive",t.remove="remove",t.edit="edit",t.export="export",t.import="import",t.filter="filter",t.update="update",t.reset="Reset",t.download="download"}(j||(j={}));const{state:O}=p({value:new Map,setData:{},removeData:{}}),C=({value:t,type:i,componentClass:o,disabled:n,href:c,target:s,loading:r,isIconOnly:l,icon:a,iconPosition:m,id:b})=>e(c?d.HtmlElementType.a:d.HtmlElementType.button,Object.assign({id:b},i==d.HtmlElementType.button&&{type:i},{class:o,disabled:n,href:c,target:s,tabindex:"0"}),e("span",{hidden:!0},e("slot",null)),r&&e("span",{class:"bcm-button__container-loading"}," ",e("span",{class:"bcm-button__container-icon"},e("i",{class:"far fa-spinner-third fa-spin"})," ")),a&&e("span",{class:`${m} bcm-button__container-icon`},e("i",{class:`${a}`})),!l&&e(g,{className:"bcm-button__container-text",value:t}),e("slot",{name:"suffix"})),D=class{constructor(e){t(this,e),this.bcmClick=n(this,"bcm-click",7),this._id=l.UID(),this.hidden=!1,this.type=d.ButtonType.button,this.size=d.Size.medium,this.disabled=!1,this.kind=d.Kind.solid,this.outline=!1,this.icon=void 0,this.href=void 0,this.target=void 0,this.value=void 0,this.loading=!1,this.variant=void 0,this.dataDismiss=!1,this.fullWidth=!1,this.iconPosition=d.IconPosition.prefix,this.color=void 0,this.checked=!1}handleOnClick(t){if(this.disabled)return t.preventDefault(),t.stopPropagation(),!1}componentWillRender(){const{size:t,kind:e,icon:i,iconPosition:o,disabled:n,outline:c,href:s,type:r,target:l,loading:a,variant:m,fullWidth:b,hidden:h,value:u}=this;(t=>{const e=Object.assign(Object.assign({},t),$[t.variant]&&{icon:$[t.variant].icon,value:$[t.variant].text,iconPosition:d.IconPosition[$[t.variant].iconPosition],variantColor:$[t.variant].color});O.value.set(e.id,e)})({id:this._id,size:t,type:r,kind:e,icon:i,iconPosition:o,disabled:n,outline:c,href:s,target:l,loading:a,variant:m,fullWidth:b,hidden:h,value:u,isIconOnly:!(!this.isHaveChildNodes()||!this.icon)})}getStateData(){return t=this._id,a((()=>O.value.get(t)),{});var t}isHaveChildNodes(){return void 0===Array.from(this.el.childNodes).find((t=>t.nodeType===Node.TEXT_NODE))}setColor(t=this.color){if(!t)return;const{kind:e}=this,i=`--bcm-button-${e}`;return"solid"===e?{[`${i}-color-default`]:r.dsColor("white"),[`${i}-color-hover`]:r.dsColor("white"),[`${i}-color-focus-visible`]:r.dsColor("white"),[`${i}-color-active`]:r.dsColor("white"),[`${i}-color-disabled`]:r.dsColor("white"),[`${i}-background-color-default`]:r.dsColor(t+"-500"),[`${i}-background-color-hover`]:r.dsColor(t+"-600"),[`${i}-background-color-focus-visible`]:r.dsColor(t+"-700"),[`${i}-background-color-active`]:r.dsColor(t+"-800"),[`${i}-background-color-disabled`]:r.dsColor("slate-400"),[`${i}-border-default`]:r.dsColor(t+"-500"),[`${i}-border-hover`]:r.dsColor(t+"-600"),[`${i}-border-focus-visible`]:r.dsColor(t+"-700"),[`${i}-border-active`]:r.dsColor(t+"-800"),[`${i}-border-disabled`]:r.dsColor("slate-400")}:"link"==e?{[`${i}-color-default`]:r.dsColor(t+"-500"),[`${i}-color-hover`]:r.dsColor(t+"-600"),[`${i}-color-focus-visible`]:r.dsColor(t+"-800"),[`${i}-color-active`]:r.dsColor(t+"-700"),[`${i}-color-disabled`]:r.dsColor("slate-400"),[`${i}-background-color-default`]:r.dsColor("transparent"),[`${i}-background-color-hover`]:r.dsColor("transparent"),[`${i}-background-color-focus-visible`]:r.dsColor("slate-50"),[`${i}-background-color-active`]:r.dsColor("slate-50"),[`${i}-background-color-disabled`]:r.dsColor("transparent"),[`${i}-border-default`]:r.dsColor("transparent"),[`${i}-border-hover`]:r.dsColor("transparent"),[`${i}-border-focus-visible`]:r.dsColor("slate-50"),[`${i}-border-active`]:r.dsColor("slate-50"),[`${i}-border-disabled`]:r.dsColor("transparent")}:"ghost"==e?{[`${i}-color-default`]:r.dsColor(t+"-600"),[`${i}-color-hover`]:r.dsColor(t+"-600"),[`${i}-color-focus-visible`]:r.dsColor(t+"-600"),[`${i}-color-active`]:r.dsColor(t+"-600"),[`${i}-color-disabled`]:r.dsColor(t+"-300"),[`${i}-background-color-default`]:r.dsColor(t+"-100"),[`${i}-background-color-hover`]:r.dsColor(t+"-200"),[`${i}-background-color-focus-visible`]:r.dsColor(t+"-400"),[`${i}-background-color-active`]:r.dsColor(t+"-300"),[`${i}-background-color-disabled`]:r.dsColor(t+"-50"),[`${i}-border-default`]:r.dsColor(t+"-300"),[`${i}-border-hover`]:r.dsColor(t+"-400"),[`${i}-border-focus-visible`]:r.dsColor(t+"-600"),[`${i}-border-active`]:r.dsColor(t+"-500"),[`${i}-border-disabled`]:r.dsColor(t+"-200")}:void 0}render(){const{size:t,kind:o,disabled:n,outline:c,type:s,href:r,target:l,loading:a,variantColor:m,fullWidth:b,hidden:d,icon:h,iconPosition:p,value:g,isIconOnly:v,iconSize:x}=this.getStateData();let f=u("bcm-button__container",`bcm-button__container-size-${t}`,`bcm-button__container-kind-${c?"ghost":o}`,{"full-width":b,checked:this.checked,disabled:n});const _=u("bcm-button",{hidden:d,"full-width":b});return e(i,{class:_,style:this.setColor(m),onClick:()=>!n&&this.bcmClick.emit(this.el)},e(C,{type:s,value:g,componentClass:f,disabled:n,href:r,target:l,icon:h,loading:a,iconSize:x,isIconOnly:v,iconPosition:p}))}get el(){return o(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-button{display:inline-flex;width:fit-content;height:fit-content;--bcm-button-solid-color-default:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-border-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-color-hover:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-border-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-border-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-color-active:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-border-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-color-disabled:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-solid-border-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-default:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-default:var(--bcm-new-ds-color-slate-100);--bcm-button-ghost-border-default:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-color-hover:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-border-hover:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-focus-visible:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-border-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-color-active:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-border-active:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-background-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-button-ghost-border-disabled:var(--bcm-new-ds-color-slate-200);--bcm-button-link-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-link-background-color-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-link-background-color-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-disabled:var(--bcm-new-ds-color-transparent)}.bcm-button.full-width{width:100%}.bcm-button.full-width .bcm-button__container{width:100%}.bcm-button:after,.bcm-button:before{content:"";clear:both}.bcm-button__container{border:none;color:inherit;background-color:inherit;padding:0;margin:0;font:inherit;cursor:pointer;outline:none;text-decoration:none;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px 12px;outline:none;border-radius:4px;transition:background-color 0.1s ease-in-out;position:relative;min-width:40px;border-width:1px;border-style:solid;border-color:initial}.bcm-button__container:hover,.bcm-button__container:focus,.bcm-button__container:active{outline:none;text-decoration:none}.bcm-button__container-loading{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:center}.bcm-button__container-kind-solid{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-solid:hover{color:var(--bcm-button-solid-color-hover);background-color:var(--bcm-button-solid-background-color-hover);border-color:var(--bcm-button-solid-border-hover)}.bcm-button__container-kind-solid:focus-visible{color:var(--bcm-button-solid-color-focus-visible);background-color:var(--bcm-button-solid-background-color-focus-visible);border-color:var(--bcm-button-solid-border-focus-visible)}.bcm-button__container-kind-solid:active{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid:disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid.checked{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid.disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid .bcm-button__container-loading{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-ghost{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-ghost:not([disabled]) .bcm-icon{color:var(--bcm-new-ds-color-slate-500)}.bcm-button__container-kind-ghost:hover{color:var(--bcm-button-ghost-color-hover);background-color:var(--bcm-button-ghost-background-color-hover);border-color:var(--bcm-button-ghost-border-hover)}.bcm-button__container-kind-ghost:focus-visible{color:var(--bcm-button-ghost-color-focus-visible);background-color:var(--bcm-button-ghost-background-color-focus-visible);border-color:var(--bcm-button-ghost-border-focus-visible)}.bcm-button__container-kind-ghost:active{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost:disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost.checked{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost.disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost .bcm-button__container-loading{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-link{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-link:hover{color:var(--bcm-button-link-color-hover);background-color:var(--bcm-button-link-background-color-hover);border-color:var(--bcm-button-link-border-hover)}.bcm-button__container-kind-link:focus-visible{color:var(--bcm-button-link-color-focus-visible);background-color:var(--bcm-button-link-background-color-focus-visible);border-color:var(--bcm-button-link-border-focus-visible)}.bcm-button__container-kind-link:active{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link:disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link.checked{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link.disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link .bcm-button__container-loading{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container[disabled]{cursor:not-allowed}.bcm-button__container-text{order:3;display:flex;align-items:center;gap:8px;white-space:nowrap}.bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-icon.prefix{order:2}.bcm-button__container-icon.suffix{order:4}.bcm-button__container-size-small{font-size:12px;line-height:calc(12px + 8px);padding:calc(4px - 3px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px - 2px)) * 2)}.bcm-button__container-size-small .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-medium{font-size:calc(12px + 1px);line-height:calc(12px + 8px);padding:calc(4px + 1px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px + 2px)) * 2)}.bcm-button__container-size-medium .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-large{font-size:16px;line-height:calc(16px + 8px);padding:calc(8px - 1px) 12px;min-height:calc(calc(16px + 8px) + (calc(8px) * 2))}.bcm-button__container-size-large .bcm-button__container-icon{min-height:calc(16px + 8px)}';var I=function(t,e,i,o){var n,c=arguments.length,s=c<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(s=(c<3?n(s):c>3?n(e,i,s):n(e,i))||s);return c>3&&s&&Object.defineProperty(e,i,s),s};const P=class{constructor(e){t(this,e),this.bcmClick=n(this,"bcm-click",7),this.bcmDropdownChange=n(this,"bcm-dropdown-change",7),this.isOpen=void 0,this._id=l.UID(),this.menuId=l.UID(),this.hidden=!1,this.type="dropdown",this.size=d.Size.medium,this.disabled=!1,this.kind=d.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=d.IconPosition.prefix,this.placement=void 0,this.height=void 0,this.maxHeight="500px",this.minHeight="50px",this.stopDeepClean=!1,this.selectable=!0,this.gap="4px",this.color=void 0,this.activeItem=null,this.data=[]}async dataChanged(t){t&&(this.data=t)}async setActive(t=null){var e,i;null===(i=null===(e=document.getElementById(`${this.menuId}`))||void 0===e?void 0:e.querySelectorAll("bcm-menu"))||void 0===i||i.forEach((e=>{e.setActive(t)}))}async getActive(){return this.activeItem}handleSlotItems({detail:t}){this.data=t}setActiveAttribute(t){t.detail&&(this.bcmDropdownChange.emit(t.detail),this.activeItem=t.detail)}render(){const{size:t,kind:o,disabled:n,icon:c,color:s,href:r,target:l,loading:a,type:m,variant:b,fullWidth:d,isOpen:h}=this,p=u("bcm-dropdown","bcm-dropdown__type-"+m,{"full-width":d,"no-style":this.noStyle,hidden:this.hidden||this.linkedComponent}),g=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},n&&{disabled:n}),a&&{loading:a}),o&&{kind:o}),t&&{size:t}),b&&{variant:b}),s&&{color:s}),this.menuId&&{"menu-id":this.menuId}),v=u("bcm-dropdown__icon",{"bcm-dropdown__icon--open":h}),x=e("span",{class:v},e("bcm-icon",{icon:this.dropdownIcon}));return e(i,{class:p},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,c&&{icon:c},r&&"split"===m&&{href:r},l&&"split"===m&&{target:l},d&&{fullWidth:d}),e("slot",null),"dropdown"===m&&x),!this.noStyle&&"split"===m&&e("bcm-button",Object.assign({id:`${this._id}-button-split`,class:"split-button"},g),x),e("bcm-linked",{id:`${this.menuId}`,"target-id":`${this._id}-button${"split"===m?"-split":""}`,placement:this.placement||("dropdown"===m?"bottom-start":"bottom-end"),"max-height":this.maxHeight,"min-height":this.minHeight,height:this.height,"on-bcm-open":t=>{var e;return(null===(e=null==t?void 0:t.target)||void 0===e?void 0:e.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),"onBcm-menu-change":t=>this.setActiveAttribute(t),gap:this.gap,dropdown:!0}),e("slot",{name:"content"})))}get el(){return o(this)}static get watchers(){return{data:["dataChanged"]}}};I([v()],P.prototype,"el",void 0),I([x("data",!0)],P.prototype,"dataChanged",null),P.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)}';const H={"message-bot":"message-bot.svg"},L=class{constructor(e){t(this,e),this.hidden=!1,this.icon=void 0}getIcon(){const{icon:t}=this;if(t in H){const i=c("./static/"+H[t]);return e("div",{class:"tw-flex tw-h-fit tw-w-fit tw-items-center tw-justify-center"},e("img",{src:`${i}`,alt:t,class:"tw-h-fit tw-w-fit"}))}return e("i",{class:`${t}`})}render(){const{hidden:t}=this;return e(i,{class:"bcm-icon fa "+(t?"hidden":"")},this.getIcon())}static get assetsDirs(){return["static"]}get el(){return o(this)}};L.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.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-icon.hidden{display:none}';const R=class{constructor(e){t(this,e),this._id=l.UID(),this.size=d.Size.medium,this.color=void 0,this.static=!1}setColor(t=this.color){if(!t)return;const e="--bcm-item";return"white"==t?{[`${e}-color-default`]:r.dsColor("slate-600"),[`${e}-color-hover`]:r.dsColor("slate-600"),[`${e}-color-focus-visible`]:r.dsColor("slate-600"),[`${e}-color-active`]:r.dsColor("slate-600"),[`${e}-color-disabled`]:r.dsColor("white"),[`${e}-background-color-default`]:r.dsColor("white"),[`${e}-background-color-hover`]:r.dsColor(this.static?"white":"slate-100"),[`${e}-background-color-focus-visible`]:r.dsColor(this.static?"white":"slate-200"),[`${e}-background-color-active`]:r.dsColor(this.static?"white":"slate-300"),[`${e}-background-color-disabled`]:r.dsColor("slate-400")}:{[`${e}-color-default`]:r.dsColor("white"),[`${e}-color-hover`]:r.dsColor("white"),[`${e}-color-focus-visible`]:r.dsColor("white"),[`${e}-color-active`]:r.dsColor("white"),[`${e}-color-disabled`]:r.dsColor("white"),[`${e}-background-color-default`]:r.dsColor(t+"-500"),[`${e}-background-color-hover`]:r.dsColor(t+"-600"),[`${e}-background-color-focus-visible`]:r.dsColor(t+"-700"),[`${e}-background-color-active`]:r.dsColor(t+"-800"),[`${e}-background-color-disabled`]:r.dsColor("slate-400")}}disconnectedCallback(){}render(){const t=u("bcm-item",`bcm-item-size-${this.size}`);return e(i,{class:t,style:this.setColor()},e("slot",null))}get el(){return o(this)}};R.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-item{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;--bcm-item-color-default:var(--bcm-new-ds-color-white);--bcm-item-background-color-default:var(--bcm-new-ds-color-blue-500);--bcm-item-color-hover:var(--bcm-new-ds-color-white);--bcm-item-background-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-item-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-item-background-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-item-color-active:var(--bcm-new-ds-color-white);--bcm-item-background-color-active:var(--bcm-new-ds-color-blue-700);--bcm-item-color-disabled:var(--bcm-new-ds-color-white);--bcm-item-background-color-disabled:var(--bcm-new-ds-color-slate-400);font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;border-radius:4px;outline:none;color:var(--bcm-item-color-default);background-color:var(--bcm-item-background-color-default)}.bcm-item-size-small{font-size:12px;line-height:calc(12px + 8px);padding:2px 12px;min-height:calc(calc(12px + 8px) + calc(2px) * 2)}.bcm-item-size-medium{font-size:14px;line-height:calc(14px + 8px);padding:5px 12px;min-height:calc(calc(14px + 8px) + calc(5px) * 2)}.bcm-item-size-large{font-size:16px;line-height:calc(16px + 8px);padding:8px 12px;min-height:calc(calc(16px + 8px) + calc(8px) * 2)}.bcm-item:default{color:var(--bcm-item-color-default);background-color:var(--bcm-item-background-color-default)}.bcm-item:hover{color:var(--bcm-item-color-hover);background-color:var(--bcm-item-background-color-hover)}.bcm-item:focus-visible{color:var(--bcm-item-color-focus-visible);background-color:var(--bcm-item-background-color-focus-visible)}.bcm-item:active{color:var(--bcm-item-color-active);background-color:var(--bcm-item-background-color-active)}.bcm-item:disabled{color:var(--bcm-item-color-disabled);background-color:var(--bcm-item-background-color-disabled)}.bcm-item:not(.static):hover{cursor:pointer}';const S=class{constructor(e){t(this,e),this.bcmItems=n(this,"bcm-items",7),this._id=l.UID()}connectedCallback(){if(this.el.children&&this.el.children.length>0){let t=this.nestedItems(this.el);this.bcmItems.emit(t),this.el.remove()}}mapItems(t){var e;const i=null===(e=null==t?void 0:t.innerHTML)||void 0===e?void 0:e.replace(/<bcm-item>.*<\/bcm-item>/g,"").replace(/<bcm-item .*>.*<\/bcm-item>/g,"").replace(/<!--(.|\s)*?-->/g,"").trim(),o=e=>m.elementBooleanCheck(t.getAttribute(e));return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({id:t.getAttribute("id")||l.UID(),text:t.getAttribute("text")||i},t.innerHTML.trim()&&{isHtmlContent:t.textContent.length>0?t.innerHTML.trim():null}),o("disabled")&&{disabled:o("disabled")}),o("selected")&&{selected:o("selected")}),o("hidden")&&{hidden:o("hidden")}),o("checked")&&{checked:o("checked")}),o("readonly")&&{readonly:o("readonly")}),o("active")&&{active:o("active")}),o("icon")&&{icon:t.getAttribute("icon")}),o("link")&&{link:t.getAttribute("link")})}nestedItems(t){return a((()=>Array.from(null==t?void 0:t.children).map((t=>{var e;return Object.assign(Object.assign({},"bcm-item"===(null===(e=null==t?void 0:t.tagName)||void 0===e?void 0:e.toLowerCase())&&this.mapItems(t)),{items:this.nestedItems(t)})}))),[])}render(){return e("slot",null)}get el(){return o(this)}},A=class{constructor(e){t(this,e),this.bcmOpen=n(this,"bcm-open",7),this._id=l.UID(),this.placement=b.Placement["bottom-start"],this.trigger=b.TriggerType.click,this.targetId="",this.height=void 0,this.maxHeight=void 0,this.minHeight="50px",this.isOpen=!1,this.hideDelay=500,this.isMouseOverLink=!1}target(){const t=document.querySelectorAll(`[id="${this.targetId}"]`);return t.length>0?(t.length>1&&console.warn(`[bcm-linked] - Target id "${this.targetId}" is duplicated`),t[0]):(this.el.remove(),null)}detectClone(){const t=document.querySelectorAll(`[target-id="${this.targetId}"]`);t.length>0&&t.forEach((t=>{t.id!==this._id&&(console.warn(`[bcm-linked] - id="${this._id}" was removed from the dom because id="${this.targetId}" is duplicated.`),t.remove())}))}dismissEvent(){document.dispatchEvent(new CustomEvent("linked-data-dismiss",{detail:{id:this._id}}))}checkDataDismiss(t){l.findEventPathHasAttribute(t,"data-dismiss")&&this.dismissEvent()}hideChildLinked(){this.el.querySelectorAll("[is-linked][linked-is-open]").forEach((t=>{var e;null===(e=document.querySelector(`#${t.getAttribute("is-linked")}[is-open]`))||void 0===e||e.hide(!1)}))}calculatePosition(){const t=this.el;t&&this.target()&&(this.isOpen?_({ref:this.target(),floating:t,placement:this.placement,offset:4,autoHidden:"true"!==t.getAttribute("main-linked"),autoSize:!0,style:{height:this.height,maxHeight:this.maxHeight,minHeight:this.minHeight}}):(t.style.visibility="hidden",t.style.opacity="0"))}init(){const t=this.target();this.trigger===b.TriggerType.hover&&this.listenMouseOver(),t&&(t.setAttribute("is-linked",this.el.id),l.getAncestor(t,"bcm-linked")?this.el.removeAttribute("main-linked"):this.el.setAttribute("main-linked","true"))}componentDidLoad(){this.init()}triggerWatch(t){t===b.TriggerType.hover&&this.listenMouseOver()}watchIsOpen(){this.bcmOpen.emit(this.isOpen)}onLinkedDataDismis(){this.hide(!1)}onBcmFloatingIsHide(t){t.detail.id===this._id&&this.hide(!1)}async show(t=!0){t&&await f(50),this.detectClone();const e=this.target();return e?(document.querySelector("#bcm-overlay-container").appendChild(this.el),e.setAttribute("linked-is-open","true"),this.isOpen=!0,this.calculatePosition()):this.hide(!1),this.isOpen}async hide(t=!0){t&&await f(50);const e=this.target();return this.isMouseOverLink=!1,e&&(e.removeAttribute("linked-is-open"),this.hideChildLinked(),this.isOpen=!1),this.isOpen}async toggle(t=!0){return this.isOpen?await this.hide(t):await this.show(t)}clickListener(t){if(!this.target())return;if(this.trigger===b.TriggerType.hover)return;const e=l.findEventPath(t,this.target()),i=l.findEventPath(t,this.el),o=l.findEventPathWithNodeName(t,"BCM-LINKED");if(!e&&!i&&!o)return this.hide(),void this.bcmOpen.emit(this.isOpen);this.isOpen?(e&&this.hide(!1),i&&this.checkDataDismiss(t),"true"!==this.el.getAttribute("main-linked")||e||i||o||this.dismissEvent()):e&&this.show(!1)}resizeListener(){this.calculatePosition()}scrollListener(){this.calculatePosition()}wheelListener(){this.calculatePosition()}listenMouseOver(){var t,e;this.el.addEventListener("mouseover",(()=>this.isMouseOverLink=!0)),this.el.addEventListener("mouseleave",(()=>{this.isMouseOverLink=!1,this.handleMouseLeave()})),null===(t=this.target())||void 0===t||t.addEventListener("mouseenter",this.handleMouseEnter.bind(this)),null===(e=this.target())||void 0===e||e.addEventListener("mouseleave",this.handleMouseLeave.bind(this))}handleMouseLeave(){setTimeout((()=>{!this.isMouseOverLink&&this.hide()}),this.hideDelay)}handleMouseEnter(){clearTimeout(this.timeoutId),this.isMouseOverLink=!1,this.show()}render(){return e(i,{class:"tw-invisible tw-absolute tw-left-0 tw-top-0 tw-z-tooltip  tw-block tw-overscroll-contain  tw-scroll-smooth tw-rounded tw-bg-white  tw-opacity-0 tw-shadow tw-transition-opacity tw-duration-100",style:Object.assign(Object.assign({},this.isOpen?{visibility:"visible",opacity:"1"}:{visibility:"hidden",opacity:"0"}),{overflow:"auto"})},e("slot",null))}get el(){return o(this)}static get watchers(){return{trigger:["triggerWatch"],isOpen:["watchIsOpen"]}}};const T=class{constructor(e){t(this,e),this.bcmClick=n(this,"bcm-click",7),this.bcmExpanded=n(this,"bcm-expanded",7),this.bcmMenuChange=n(this,"bcm-menu-change",7),this._id=l.UID(),this.size="medium",this.collapsible=!1,this.collapse=!1,this.mode="inline",this.disabled=!1,this.hidden=!1,this.linkedComponent=void 0,this.height="auto",this.maxHeight="500px",this.minHeight="150px",this.selectable=!0,this.gap="16px",this.dropdown=!1,this.placement="bottom-start",this.activeItemId=void 0,this.data=[]}async setActive(t){this.activeItemId=null;const e=i=>{i.forEach((i=>{i.id==t?(i.active=!0,this.activeItemId=i.id,this.bcmClick.emit(i)):(i.active=!1,i.items&&e(i.items))}))};e(this.data)}async getActive(){return this.activeItem}handleSlotItems({detail:t}){this.data=t}handleClickItem(t){t.items&&t.items.length>0?(t.isOpen=!t.isOpen,s(this)):(this.activeItemId=t.id,document.dispatchEvent(new CustomEvent("linked-data-dismiss",{detail:{id:this._id}}))),this.bcmClick.emit(t)}getTooltip(t,e){return new w({message:e,targetId:"bcm-menu__item-"+this._id+"-"+t,placement:"right"})}render(){const{data:t,collapsible:o,collapse:n}=this,c=u("bcm-menu",`bcm-menu__size-${this.size}`,{"bcm-menu__collapse":n,"bcm-menu__dropdown":this.dropdown}),s=(t,i)=>{if(!t.text)return;t.id||(t.id=l.UID());const o=!(!t.items||!t.items.length);return this.selectable&&(this.activeItemId?this.activeItemId===t.id:t.active)&&(this.bcmMenuChange.emit(t),this.activeItem=t),e("a",{id:"bcm-menu__item-"+this._id+"-"+t.id,onMouseEnter:()=>this.collapse&&this.getTooltip(t.id,t.text).show(),onMouseLeave:()=>this.collapse&&this.getTooltip(t.id,t.text).hide(),key:i,href:t.disabled?"javascript:void(0)":t.link||"javascript:void(0)",tabindex:t.disabled?"-1":"0",class:u("bcm-menu__item",{"bcm-menu__item--is-sub":o&&t.isOpen,"hidden tw-hidden":t.hidden})},e("span",{class:u("bcm-menu__item-link",`bcm-menu__item-link--${this.mode}`,{"bcm-menu__item-link--active":this.selectable&&(this.activeItemId?this.activeItemId===t.id:t.active),"bcm-menu__item-link--disabled":t.disabled}),onClick:()=>{!this.disabled&&!t.disabled&&this.handleClickItem(t)}},t.icon&&e("span",{class:"bcm-menu__item-link-icon"},e("i",{class:t.icon||"far fa-angle-left"})),e("span",{class:u("bcm-menu__item-link-text",{"bcm-menu__item-link-text--collapse":n}),innerHTML:t.text}),o&&e("div",{class:u("bcm-menu__item-link-toggle",{"bcm-menu__item-link-toggle--collapse":t.isOpen})},e("i",{class:"fas fa-chevron-down"}))),o&&e("div",{class:u("bcm-menu__item-submenu",{"bcm-menu__item-submenu--collapse":n,"bcm-menu__item-submenu--open":t.isOpen})},t.items.map(((t,e)=>s(t,e)))))};return e(i,{class:c,disabled:this.disabled},e("div",{class:"bcm-menu__container",style:{gap:this.gap}},e("slot",null),(null==t?void 0:t.length)>0&&t.map(((t,e)=>s(t,e))),o&&e("div",{class:u("bcm-menu__collapse-button",{"bcm-menu__collapse-button--collapsed":n}),onClick:()=>{this.collapse=!n,o&&this.bcmExpanded.emit(n)}},e("i",{class:"far fa-angle-left"}))))}get el(){return o(this)}};(function(t,e,i,o){var n,c=arguments.length,s=c<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(s=(c<3?n(s):c>3?n(e,i,s):n(e,i))||s);c>3&&s&&Object.defineProperty(e,i,s)})([v()],T.prototype,"el",void 0),T.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-menu{--bcm-menu-color-default:var(--bcm-new-ds-color-slate-700);--bcm-menu-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-menu-icon-color-default:var(--bcm-new-ds-color-slate-600);--bcm-menu-color-hover:var(--bcm-new-ds-color-slate-800);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-menu-icon-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-menu-color-active:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active:var(--bcm-color-primary-500);--bcm-menu-icon-color-active:var(--bcm-new-ds-color-white);--bcm-menu-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-background-color-focus-visible:var(--bcm-color-primary-600);--bcm-menu-icon-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-menu-background-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-menu-icon-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-menu-color-dropdownDisabled:var(--bcm-new-ds-color-slate-400);--bcm-menu-background-color-dropdownDisabled:var(--bcm-new-ds-color-transparent);--bcm-menu-icon-color-dropdownDisabled:var(--bcm-new-ds-color-slate-400);--bcm-menu-color-active-hover:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-hover:var(--bcm-color-primary-400);--bcm-menu-icon-color-active-hover:var(--bcm-new-ds-color-white);--bcm-menu-color-active-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-focus-visible:var(--bcm-color-primary-700);--bcm-menu-icon-color-active-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-color-active-active:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-active:var(--bcm-color-primary-800);--bcm-menu-icon-color-active-active:var(--bcm-new-ds-color-white);font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;position:relative;width:210px;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1);border-radius:8px;background-color:var(--bcm-new-ds-color-white);transition:background-color 0.1s ease-in-out, width 0.3s ease-in-out}.bcm-menu__container{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap}.bcm-menu__item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;font:inherit;cursor:pointer;color:inherit;background-color:inherit;padding:0;margin:0;border:none;outline:none;text-decoration:none}.bcm-menu__item:hover,.bcm-menu__item:focus,.bcm-menu__item:active{outline:none;text-decoration:none}.bcm-menu__item--is-sub{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover);border-radius:4px}.bcm-menu__item--is-sub .bcm-menu__item-link-icon,.bcm-menu__item--is-sub .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-hover)}.bcm-menu__item-link{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:8px;padding:4px 8px;border-radius:4px;transition:background-color 0.1s ease-in-out, padding 0.3s ease-in-out;color:var(--bcm-menu-color-default);background-color:var(--bcm-menu-background-color-default)}.bcm-menu__item-link-icon{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;min-width:24px;max-width:24px}.bcm-menu__item-link-text{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.bcm-menu__item-link-text--collapse{opacity:0}.bcm-menu__item-link-toggle{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;font-size:10px;height:100%;order:0;width:24px;transform:rotate(0deg);transition:transform 0.2s ease-in-out;margin-right:-8px}.bcm-menu__item-link-toggle--collapse{transform:rotate(-180deg)}.bcm-menu__item-link .bcm-menu__item-link-icon,.bcm-menu__item-link .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-default)}.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-hover)}.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active)}.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-focus-visible)}.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-dropdownDisabled);background-color:var(--bcm-menu-background-color-dropdownDisabled)}.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-dropdownDisabled)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled){color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled) .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover{color:var(--bcm-menu-color-active-hover);background-color:var(--bcm-menu-background-color-active-hover)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-hover)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible{color:var(--bcm-menu-color-active-focus-visible);background-color:var(--bcm-menu-background-color-active-focus-visible)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-focus-visible)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active{color:var(--bcm-menu-color-active-active);background-color:var(--bcm-menu-background-color-active-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-active)}.bcm-menu__item-link--disabled{cursor:not-allowed;color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu__item-submenu{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:4px;padding:12px;display:none}.bcm-menu__item-submenu .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-white);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu__item-submenu--open{display:flex}.bcm-menu__size-small{padding:8px;font-size:12px;line-height:calc(14px + 8px)}.bcm-menu__size-medium{padding:16px;font-size:14px;line-height:calc(16px + 8px)}.bcm-menu__size-large{padding:16px;font-size:16px;line-height:calc(18px + 8px)}.bcm-menu__collapse-button{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active);display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;font-size:14px;border-radius:100px;position:absolute;top:23px;right:-8px;width:18px;height:18px;cursor:pointer;transition:background-color 0.1s ease-in-out, transform 0.3s ease}.bcm-menu__collapse-button:hover{color:var(--bcm-menu-color-active-hover);background-color:var(--bcm-menu-background-color-active-hover)}.bcm-menu__collapse-button:focus-visible{color:var(--bcm-menu-color-active-focus-visible);background-color:var(--bcm-menu-background-color-active-focus-visible)}.bcm-menu__collapse-button:active{color:var(--bcm-menu-color-active-active);background-color:var(--bcm-menu-background-color-active-active)}.bcm-menu__collapse-button--collapsed{transform:rotate(-180deg)}.bcm-menu__collapse{width:64px}.bcm-menu__collapse .bcm-menu__item-link{padding:4px}.bcm-menu--linked{position:absolute;z-index:10800;top:0;left:0;opacity:0;visibility:hidden;width:fit-content;min-height:50px;max-height:500px;height:auto;overflow-y:auto;padding:12px}.bcm-menu--linked.bcm-menu__open{opacity:1;visibility:visible}.bcm-menu--linked .bcm-menu__container{gap:4px}.bcm-menu--linked .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-slate-50);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu--linked .bcm-menu__item .bcm-menu__item-submenu .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-white);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active){background-color:var(--bcm-menu-background-color-default)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):hover{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):focus-visible{color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):active{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled{cursor:not-allowed;color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active){background-color:var(--bcm-menu-background-color-default)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):hover{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):focus-visible{color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):active{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__dropdown{width:auto;max-width:210px}.bcm-menu__dropdown .bcm-menu__item-link--disabled{color:var(--bcm-menu-color-dropdownDisabled);background-color:var(--bcm-menu-background-color-dropdownDisabled)}.bcm-menu__dropdown .bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu__dropdown .bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-dropdownDisabled)}';const M=class{constructor(e){t(this,e),this.bcmPopoverShow=n(this,"bcmPopoverShow",7),this.bcmPopoverHide=n(this,"bcmPopoverHide",7),this._id=l.UID(),this.message="",this.content="",this.placement=b.Placement.top,this.trigger=b.TriggerType.click,this.open=!1,this.color="white",this.openDelay=0,this.closeDelay=0,this.autoHide=!1,this.targetId=void 0,this.popover=void 0}emitShow(){this.bcmPopoverShow.emit()}emitHide(){this.bcmPopoverHide.emit()}connectedCallback(){this.popover=new k({targetId:this.targetId||this._id,content:this.content,message:this.message,placement:this.placement,color:this.color,trigger:this.trigger,openDelay:this.openDelay,closeDelay:this.closeDelay,autoHide:this.autoHide,emitShow:()=>this.emitShow(),emitHide:()=>this.emitHide()})}componentDidLoad(){this.popover.listener()}componentDidRender(){const{content:t,message:e,placement:i,color:o,trigger:n}=this;this.popover.content=t,this.popover.message=e,this.popover.placement=i,this.popover.color=o,this.popover.trigger=n,this.popover.openDelay=this.openDelay,this.popover.closeDelay=this.closeDelay,this.popover.autoHide=this.autoHide,this.popover.update()}disconnectedCallback(){this.popover.destroy()}async show(){this.popover.show()}async hide(){this.popover.hide()}async toggle(){this.popover.toggle()}render(){return e(i,{class:"tw-inline-flex tw-h-fit tw-w-fit",role:"tooltip","aria-hidden":"true"},e("slot",null))}get el(){return o(this)}},W=class{constructor(e){t(this,e),this.tabChange=n(this,"bcm-tab-change",7),this._id=l.UID(),this.active="1",this.color="blue",this.size=b.Size.medium}get tabItems(){return this.el.querySelectorAll("bcm-tab-item")}get tabItemHeaders(){return this.el.querySelectorAll("bcm-tab-item-header")}setTabAttributes(){this.tabItems.forEach(((t,e)=>{const i=!!t.hasAttribute("active"),o=!!t.hasAttribute("disabled"),n=e+1;t.setAttribute("index",`${n}`),t.setAttribute("size",this.size),t.setAttribute("color",this.color),t.removeAttribute("active"),t.removeAttribute("disabled"),i&&(t.setAttribute("active",""),this.active=n.toString()),o&&t.setAttribute("disabled","")})),Array.from(this.tabItems).some((t=>t.hasAttribute("active")))||this.tabItems[0].setAttribute("active","")}componentWillLoad(){this.setTabAttributes()}handleTabClick(t){var e,i;t&&(this.active=t.toString()),(null===(e=this.tabItems)||void 0===e?void 0:e.length)&&this.tabItems.forEach((t=>{t.removeAttribute("active"),t.setAttribute("size",this.size),t.setAttribute("color",this.color),t.getAttribute("index")==this.active&&t.setAttribute("active","")})),(null===(i=this.tabItemHeaders)||void 0===i?void 0:i.length)&&this.tabItemHeaders.forEach((t=>{t.removeAttribute("active"),t.setAttribute("size",this.size),t.setAttribute("color",this.color),t.getAttribute("index")==this.active&&t.setAttribute("active","")})),this.tabChange.emit(this.active)}componentDidRender(){this.inkBarControl(),this.handleTabClick()}componentDidLoad(){this.inkBarControl(),this.observeTabItem()}async setActive(t){t>0&&t<=this.tabItems.length&&t!=+this.active&&this.handleTabClick(t)}async refresh(){await f(100),s(this)}inkBarControl(){var t;const e=this.el.querySelector("#ink-bar");if(e&&(null===(t=this.tabItemHeaders)||void 0===t?void 0:t.length))for(let t=0;t<this.tabItemHeaders.length;t++){const i=this.tabItemHeaders[t];i.getAttribute("index")===this.active&&(e.style.width=`${i.offsetWidth}px`,e.style.transform=`translateX(${i.offsetLeft}px)`)}}activeChanged(t,e){var i;(null===(i=this.tabItems)||void 0===i?void 0:i.length)&&(Array.from(this.tabItems).some((e=>e.getAttribute("index")==t))||(this.active="1"))}observeTabItem(){this.observer=new MutationObserver((t=>{for(const e of t)if("childList"===e.type)for(const t of e.removedNodes)"BCM-TAB-ITEM"===t.nodeName&&((null==t?void 0:t.active)&&(this.active="1"),this.tabProcess())})),this.observer.observe(this.el,{childList:!0})}tabProcess(){this.updateTabHeaders(),this.regenerateIndex(),this.refresh(),this.inkBarControl()}updateTabHeaders(){const t=Array.from(this.tabItems).map((t=>t.getAttribute("id"))),e=Array.from(this.el.querySelector("#tab-header").querySelectorAll("bcm-tab-item-header"));t.length!==e.length&&e.forEach((e=>{const i=e.getAttribute("tab-id");t.includes(i)||e.remove()}))}regenerateIndex(){this.tabItems.forEach(((t,e)=>{const i=e+1;t.setAttribute("index",`${i}`);const o=this.el.querySelector(`bcm-tab-item-header[tab-id="${t.getAttribute("id")}"]`);o&&(o.setAttribute("index",`${i}`),o.style.order=`${i}`)}))}render(){const{color:t}=this,o=l.getTwColor({color:t,tones:[500]});return e(i,{role:"tablist","aria-label":"Tab Group",class:"tw-flex tw-w-full tw-flex-col tw-items-center tw-font-sans"},e("div",{class:"tw-relative tw-flex tw-w-full tw-flex-row tw-items-end tw-justify-between",id:"tab-header",style:o},e("div",{id:"ink-bar",class:"tw-bg-default-500 tw-absolute tw-bottom-0 tw-left-0 tw-mt-[-2px] tw-h-[2px] tw-rounded-sm tw-transition-transform"})),e("slot",null))}get el(){return o(this)}static get watchers(){return{active:["activeChanged"]}}},E=class{constructor(e){t(this,e),this._id=l.UID(),this.active=!1,this.disabled=!1,this.index=void 0}componentWillLoad(){this.indexControl()}componentDidRender(){this.headerMove()}getHeaderItem(){const t=this.el.querySelector("bcm-tab-item-header");return t&&(t.setAttribute("index",`${this.index}`),t.setAttribute("active",`${this.active}`),t.setAttribute("disabled",`${this.disabled}`),t.setAttribute("tab-id",`${this._id}`),t.style.order=`${this.index}`),t}getParentTabGroup(){return l.findParentElement(this.el,"bcm-tab-group")}getFindHeaderItem(){var t,e;return null===(e=null===(t=this.getParentTabGroup())||void 0===t?void 0:t.querySelector("#tab-header"))||void 0===e?void 0:e.querySelector(`bcm-tab-item-header[tab-id="${this._id}"]`)}headerMove(){var t,e,i,o;this.getHeaderItem()&&(null===(t=this.getFindHeaderItem())||void 0===t||t.remove(),null===(i=null===(e=this.getParentTabGroup())||void 0===e?void 0:e.querySelector("#tab-header"))||void 0===i||i.appendChild(this.getHeaderItem()),null===(o=this.el.parentElement)||void 0===o||o.refresh())}indexControl(){var t;this.index||null===(t=l.findParentElement(this.el,"bcm-tab-group"))||void 0===t||t.querySelectorAll("bcm-tab-item").forEach(((t,e)=>{t===this.el&&t.setAttribute("index",`${e+1}`)}))}componentDidLoad(){new MutationObserver((()=>{this.headerMove()})).observe(this.el,{childList:!0,subtree:!0})}render(){return e(i,{id:this._id,role:"tabpanel","aria-labelledby":`tab-${this._id}`,"aria-hidden":`${!this.active}`,class:{"tw-block":this.active,"tw-hidden":!this.active,"tw-opacity-50":this.disabled,"tw-w-full":!0}},e("slot",null))}get el(){return o(this)}},N=class{constructor(e){t(this,e),this._id=l.UID(),this.active=!1,this.disabled=!1,this.index=void 0,this.color="blue",this.size=b.Size.medium}handleClick(){var t;this.disabled||null===(t=l.findParentElement(this.el,"bcm-tab-group"))||void 0===t||t.setActive(this.index)}render(){const{color:t,size:o,active:n,disabled:c}=this,s=l.getTwColor({color:t,tones:[500,600,700,800]});return e(i,{onClick:()=>this.handleClick(),class:u("tw-flex tw-flex-1 tw-items-center tw-justify-center tw-border-b-[2px] tw-border-b-slate-300  tw-transition-font tw-focus:outline-none",{"tw-text-2 tw-py-1 tw-gap-2":o===b.Size.small,"tw-text-3 tw-py-2 tw-gap-3":o===b.Size.medium,"tw-text-4 tw-py-3 tw-gap-4":o===b.Size.large},c?"tw-cursor-not-allowed tw-text-gray-400 tw-opacity-50":"tw-cursor-pointer",n?"tw-text-default-500 enabled:hover:tw-text-default-600 enabled:active:tw-text-default-700 enabled:focus-visible:tw-text-default-800":"tw-text-slate-400 enabled:hover:tw-text-slate-500 enabled:focus-visible:tw-text-slate-700 enabled:active:tw-text-slate-600"),style:s})}get el(){return o(this)}},B=class{constructor(e){t(this,e),this.hidden=!1,this.scale=void 0,this.weight="400",this.color="slate",this.text=void 0,this.fontSize=4}render(){const{hidden:t,scale:o,weight:n,color:c,fontSize:s}=this,l=u("bcm-text",{hidden:t}),a=u("bcm-text__paragraph",`bcm-text__font-size-${s}`,o),m=+n||400,b={color:r.dsColor(c),fontWeight:m};return e(i,{class:l},e("span",{hidden:!0},e("slot",null)),e("p",{class:a,style:Object.assign({},b)},e(g,{value:this.text})))}get el(){return o(this)}};B.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{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)}';const F=class{constructor(e){t(this,e),this.bcmTooltipShow=n(this,"bcmTooltipShow",7),this.bcmTooltipHide=n(this,"bcmTooltipHide",7),this._id=l.UID(),this.message="",this.placement=b.Placement.top,this.trigger=b.TriggerType.click,this.open=!1,this.color="slate",this.size=b.Size.medium,this.openDelay=0,this.closeDelay=0,this.autoHide=!1,this.targetId=void 0,this.tooltip=void 0}emitShow(){this.bcmTooltipShow.emit()}emitHide(){this.bcmTooltipHide.emit()}connectedCallback(){this.tooltip=new w({targetId:this.targetId||this._id,message:this.message,placement:this.placement,color:this.color,trigger:this.trigger,size:this.size,openDelay:this.openDelay,closeDelay:this.closeDelay,autoHide:this.autoHide,emitShow:()=>this.emitShow(),emitHide:()=>this.emitHide()})}componentDidLoad(){this.tooltip.listener()}componentDidRender(){this.tooltip.message=this.message,this.tooltip.placement=this.placement,this.tooltip.color=this.color,this.tooltip.trigger=this.trigger,this.tooltip.size=this.size,this.tooltip.openDelay=this.openDelay,this.tooltip.closeDelay=this.closeDelay,this.tooltip.autoHide=this.autoHide,this.tooltip.update()}disconnectedCallback(){this.tooltip.destroy()}async show(){this.tooltip.show()}async hide(){this.tooltip.hide()}async toggle(){this.tooltip.toggle()}render(){return e(i,{class:"tw-inline-flex tw-h-fit tw-w-fit",role:"tooltip","aria-hidden":"true"},e("slot",null))}get el(){return o(this)}},G=class{constructor(e){t(this,e)}render(){return e(i,{class:"bcm-ui-element bcm-ui-content-display"},e("slot",null))}get el(){return o(this)}};export{y as bcm_badge,D as bcm_button,P as bcm_dropdown,L as bcm_icon,R as bcm_item,S as bcm_items,A as bcm_linked,T as bcm_menu,M as bcm_popover,W as bcm_tab_group,E as bcm_tab_item,N as bcm_tab_item_header,B as bcm_text,F as bcm_tooltip,G as bcm_typography}