bromcom-ui 2.9.0 → 2.9.1-rc.0

package/dist/bromcom-ui/{p-5fb0f815.entry.js → p-4f5f5090.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,h as t,H as a,g as i}from"./p-170cf07d.js";import{G as n}from"./p-a0ba474b.js";import"./p-c8751181.js";import"./p-6edf985f.js";import"./p-85eedabc.js";const r=class{constructor(t){e(this,t),this._id=n.UID(),this.data=[]}render(){const{data:e}=this,i="bcm-attendance";return t(a,{class:i},t("span",{hidden:!0},t("slot",null)),e.map((e=>{var a,n;return t("div",{class:`${i}__item`},t("bcm-tooltip",{trigger:"hover",message:`${e.weekday||null} / AM`},t("span",{class:`${i}__item-am ${i}__item-status-${null!==(a=e.am)&&void 0!==a?a:"default"}`})),t("bcm-tooltip",{trigger:"hover",message:`${e.weekday||null} / PM`},t("span",{class:`${i}__item-pm ${i}__item-status-${null!==(n=e.pm)&&void 0!==n?n:"default"}`})))})))}get el(){return i(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-attendance{width:fit-content;display:inline-flex;align-items:center;flex-direction:row;gap:4px}.bcm-attendance__item{display:flex;flex-direction:row;align-items:center;gap:1px}.bcm-attendance__item-am,.bcm-attendance__item-pm{display:block;width:calc( calc( 12px + 1px ) / 2 );height:calc( 12px + 1px );background-color:var(--bcm-new-ds-color-blue-500)}.bcm-attendance__item-am:hover,.bcm-attendance__item-pm:hover{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-attendance__item-am{border-top-left-radius:100px;border-bottom-left-radius:100px}.bcm-attendance__item-pm{border-top-right-radius:100px;border-bottom-right-radius:100px}.bcm-attendance__item-status-present{background-color:var(--bcm-new-ds-color-emerald-500)}.bcm-attendance__item-status-present:hover{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-attendance__item-status-late{background-color:var(--bcm-new-ds-color-amber-500)}.bcm-attendance__item-status-late:hover{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-attendance__item-status-absent{background-color:var(--bcm-new-ds-color-red-500)}.bcm-attendance__item-status-absent:hover{background-color:var(--bcm-new-ds-color-red-600)}.bcm-attendance__item-status-default{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-attendance__item-status-default:hover{background-color:var(--bcm-new-ds-color-slate-400)}';export{r as bcm_attendance}
+import{r as e,h as t,H as a,g as i}from"./p-170cf07d.js";import{G as n}from"./p-3e68c7d0.js";import"./p-f7215c0e.js";import"./p-6edf985f.js";import"./p-85eedabc.js";const r=class{constructor(t){e(this,t),this._id=n.UID(),this.data=[]}render(){const{data:e}=this,i="bcm-attendance";return t(a,{class:i},t("span",{hidden:!0},t("slot",null)),e.map((e=>{var a,n;return t("div",{class:`${i}__item`},t("bcm-tooltip",{trigger:"hover",message:`${e.weekday||null} / AM`},t("span",{class:`${i}__item-am ${i}__item-status-${null!==(a=e.am)&&void 0!==a?a:"default"}`})),t("bcm-tooltip",{trigger:"hover",message:`${e.weekday||null} / PM`},t("span",{class:`${i}__item-pm ${i}__item-status-${null!==(n=e.pm)&&void 0!==n?n:"default"}`})))})))}get el(){return i(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-attendance{width:fit-content;display:inline-flex;align-items:center;flex-direction:row;gap:4px}.bcm-attendance__item{display:flex;flex-direction:row;align-items:center;gap:1px}.bcm-attendance__item-am,.bcm-attendance__item-pm{display:block;width:calc( calc( 12px + 1px ) / 2 );height:calc( 12px + 1px );background-color:var(--bcm-new-ds-color-blue-500)}.bcm-attendance__item-am:hover,.bcm-attendance__item-pm:hover{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-attendance__item-am{border-top-left-radius:100px;border-bottom-left-radius:100px}.bcm-attendance__item-pm{border-top-right-radius:100px;border-bottom-right-radius:100px}.bcm-attendance__item-status-present{background-color:var(--bcm-new-ds-color-emerald-500)}.bcm-attendance__item-status-present:hover{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-attendance__item-status-late{background-color:var(--bcm-new-ds-color-amber-500)}.bcm-attendance__item-status-late:hover{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-attendance__item-status-absent{background-color:var(--bcm-new-ds-color-red-500)}.bcm-attendance__item-status-absent:hover{background-color:var(--bcm-new-ds-color-red-600)}.bcm-attendance__item-status-default{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-attendance__item-status-default:hover{background-color:var(--bcm-new-ds-color-slate-400)}';export{r as bcm_attendance}

package/dist/bromcom-ui/{p-a006e404.entry.js → p-541fc5ec.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,c as i,h as r,H as t,g as a}from"./p-170cf07d.js";import{c as n}from"./p-64fad38b.js";import{G as c}from"./p-a0ba474b.js";import"./p-85eedabc.js";import"./p-c8751181.js";import"./p-6edf985f.js";const s=class{constructor(r){e(this,r),this.bcmBreadcrumb=i(this,"bcm-breadcrumb-click",7),this.items=void 0,this.seperator="/",this.hidden=!1,this.isOpen=!1}handleClickOutside(e){this.el.contains(e.target)||this.isOpen&&(this.isOpen=!1)}handleOpen(e){this.isOpen=this.isOpen!=e&&e}parseItem(e,i){return e.index=i,e.id=e.id||c.UID(),e}render(){const{items:e,seperator:i,hidden:a}=this,s=n("bcm-breadcrumb","size-2",{hidden:a}),o=i=>r("bcm-link",Object.assign({id:i.id||c.UID(),onClick:()=>this.bcmBreadcrumb.emit(i),target:i.target&&i.index<e.length-1?i.target:"_self"},(1==i.child||i.index<e.length-1)&&i.href&&{href:i.href},{icon:i.icon?i.icon:null,class:n({active:i.index===e.length-1,"is-link":(1==i.child||i.index<e.length-1)&&i.href})}),i.label?i.label:null),m=i=>r("details",{class:n("bcm-breadcrumb__dropdown-item",{active:i.index===e.length-1,open:this.isOpen===i.id}),id:i.id,open:this.isOpen===i.id},r("summary",{onClick:()=>this.handleOpen(i.id),class:this.isOpen===i.id&&"open"},r("span",{class:"is-link"},r(o,Object.assign({},{icon:i.icon,label:i.label,href:"javascript:void(0)",index:i.index})),r("bcm-icon",{icon:"fas fa-caret-down"}))),r("div",{class:"bcm-breadcrumb__dropdown-submenu"},i.dropdown.map((e=>r("span",{class:"size-2 dropdown-item"},r(o,Object.assign({},e,{child:!0})))))));return r(t,{class:s},r("span",{hidden:!0},r("slot",null)),e.map(((t,a)=>r("span",{class:"bcm-breadcrumb__item"},t.dropdown&&t.dropdown.length>0?m(this.parseItem(t,a)):o(this.parseItem(t,a)),a<e.length-1?r("span",{class:"seperator"},i):null))))}get el(){return a(this)}};s.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.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-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;color:var(--bcm-color-grey-7)}.bcm-breadcrumb__item{display:flex;align-items:center}.bcm-breadcrumb .seperator{cursor:default;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;margin-right:8px;color:var(--bcm-color-grey-7)}.bcm-breadcrumb bcm-link:hover{color:var(--bcm-color-grey-7)}.bcm-breadcrumb .active{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .active:hover{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .is-link:hover{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb .is-link:hover bcm-link,.bcm-breadcrumb .is-link:hover bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item{position:relative;display:inline-flex}.bcm-breadcrumb__dropdown-item summary{display:inline-flex;align-items:center;cursor:pointer}.bcm-breadcrumb__dropdown-item summary>span{display:inline-flex;align-items:center}.bcm-breadcrumb__dropdown-item summary::-webkit-details-marker{display:none}.bcm-breadcrumb__dropdown-item summary:focus{outline:none}.bcm-breadcrumb__dropdown-item summary.open bcm-link,.bcm-breadcrumb__dropdown-item summary.open bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item summary .down-icon{margin-left:4px}.bcm-breadcrumb__dropdown-submenu{position:absolute;min-width:140px;background-color:var(--bcm-color-grey-1);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);margin-top:4px}.bcm-breadcrumb__dropdown-submenu .dropdown-item{display:flex;padding:4px 8px}.bcm-breadcrumb__dropdown-submenu .dropdown-item bcm-link{width:100%}';export{s as bcm_breadcrumb}
+import{r as e,c as i,h as r,H as t,g as a}from"./p-170cf07d.js";import{c as n}from"./p-64fad38b.js";import{G as c}from"./p-3e68c7d0.js";import"./p-85eedabc.js";import"./p-f7215c0e.js";import"./p-6edf985f.js";const s=class{constructor(r){e(this,r),this.bcmBreadcrumb=i(this,"bcm-breadcrumb-click",7),this.items=void 0,this.seperator="/",this.hidden=!1,this.isOpen=!1}handleClickOutside(e){this.el.contains(e.target)||this.isOpen&&(this.isOpen=!1)}handleOpen(e){this.isOpen=this.isOpen!=e&&e}parseItem(e,i){return e.index=i,e.id=e.id||c.UID(),e}render(){const{items:e,seperator:i,hidden:a}=this,s=n("bcm-breadcrumb","size-2",{hidden:a}),o=i=>r("bcm-link",Object.assign({id:i.id||c.UID(),onClick:()=>this.bcmBreadcrumb.emit(i),target:i.target&&i.index<e.length-1?i.target:"_self"},(1==i.child||i.index<e.length-1)&&i.href&&{href:i.href},{icon:i.icon?i.icon:null,class:n({active:i.index===e.length-1,"is-link":(1==i.child||i.index<e.length-1)&&i.href})}),i.label?i.label:null),m=i=>r("details",{class:n("bcm-breadcrumb__dropdown-item",{active:i.index===e.length-1,open:this.isOpen===i.id}),id:i.id,open:this.isOpen===i.id},r("summary",{onClick:()=>this.handleOpen(i.id),class:this.isOpen===i.id&&"open"},r("span",{class:"is-link"},r(o,Object.assign({},{icon:i.icon,label:i.label,href:"javascript:void(0)",index:i.index})),r("bcm-icon",{icon:"fas fa-caret-down"}))),r("div",{class:"bcm-breadcrumb__dropdown-submenu"},i.dropdown.map((e=>r("span",{class:"size-2 dropdown-item"},r(o,Object.assign({},e,{child:!0})))))));return r(t,{class:s},r("span",{hidden:!0},r("slot",null)),e.map(((t,a)=>r("span",{class:"bcm-breadcrumb__item"},t.dropdown&&t.dropdown.length>0?m(this.parseItem(t,a)):o(this.parseItem(t,a)),a<e.length-1?r("span",{class:"seperator"},i):null))))}get el(){return a(this)}};s.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.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-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;color:var(--bcm-color-grey-7)}.bcm-breadcrumb__item{display:flex;align-items:center}.bcm-breadcrumb .seperator{cursor:default;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;margin-right:8px;color:var(--bcm-color-grey-7)}.bcm-breadcrumb bcm-link:hover{color:var(--bcm-color-grey-7)}.bcm-breadcrumb .active{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .active:hover{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .is-link:hover{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb .is-link:hover bcm-link,.bcm-breadcrumb .is-link:hover bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item{position:relative;display:inline-flex}.bcm-breadcrumb__dropdown-item summary{display:inline-flex;align-items:center;cursor:pointer}.bcm-breadcrumb__dropdown-item summary>span{display:inline-flex;align-items:center}.bcm-breadcrumb__dropdown-item summary::-webkit-details-marker{display:none}.bcm-breadcrumb__dropdown-item summary:focus{outline:none}.bcm-breadcrumb__dropdown-item summary.open bcm-link,.bcm-breadcrumb__dropdown-item summary.open bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item summary .down-icon{margin-left:4px}.bcm-breadcrumb__dropdown-submenu{position:absolute;min-width:140px;background-color:var(--bcm-color-grey-1);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);margin-top:4px}.bcm-breadcrumb__dropdown-submenu .dropdown-item{display:flex;padding:4px 8px}.bcm-breadcrumb__dropdown-submenu .dropdown-item bcm-link{width:100%}';export{s as bcm_breadcrumb}

package/dist/bromcom-ui/{p-89a28750.entry.js → p-543af368.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,c as s,h as i,H as h,g as e}from"./p-170cf07d.js";import{C as o}from"./p-61db1f1f.js";import"./p-78f0fe00.js";import{G as r}from"./p-a0ba474b.js";import"./p-434c170e.js";import{S as c}from"./p-d153c7fc.js";import"./p-7e44e6b5.js";import{a}from"./p-f711588b.js";import{d as n}from"./p-8c018ae0.js";import{F as p}from"./p-a1b1750c.js";import"./p-436364c8.js";import"./p-6edf985f.js";import"./p-85eedabc.js";import"./p-c8751181.js";class l{constructor({content:t,message:s,targetId:i,placement:h="top",color:e="slate-700",trigger:a="none",openDelay:l=0,closeDelay:w=0,autoHide:m=!1,emitShow:d=(()=>{}),emitHide:b=(()=>{})}){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:s}=o.parseColor(this.color,700),i=r.getTwColor({color:s,tones:{[t]:["bg"]},variable:"--bcm-popover"}),h=Object.assign(Object.assign({},i),i["--bcm-popover-bg"]&&{"--bcm-popover-text":o.reverseColor(i["--bcm-popover-bg"])}),e=`<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">${c.trim(this.message)}</div>`:""}\n            ${this.content?`<div class="tw-font-normal tw-px-4">${c.trim(this.content)}</div>`:""}\n        </div>`;this.el=r.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:o.generateStyleString(h),innerHTML:e})},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&&p({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 n(this.openDelay),this.calculatePosition(),this.emitShow()):this.hide()},this.hide=async()=>{this.el=document.getElementById(this.id),this.el&&(await n(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=s,this.targetId=i,this.placement=h,this.color=e,this.trigger=a,this.id=i+"-popover-box",this.openDelay=l,this.closeDelay=w,this.autoHide=m,this.emitShow=d,this.emitHide=b}}const w=class{constructor(i){t(this,i),this.bcmPopoverShow=s(this,"bcmPopoverShow",7),this.bcmPopoverHide=s(this,"bcmPopoverHide",7),this._id=r.UID(),this.message="",this.content="",this.placement=a.Placement.top,this.trigger=a.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 l({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:s,placement:i,color:h,trigger:e}=this;this.popover.content=t,this.popover.message=s,this.popover.placement=i,this.popover.color=h,this.popover.trigger=e,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 i(h,{class:"tw-inline-flex tw-h-fit tw-w-fit",role:"tooltip","aria-hidden":"true"},i("slot",null))}get el(){return e(this)}};export{w as bcm_popover}
+import{r as t,c as s,h as i,H as h,g as e}from"./p-170cf07d.js";import{C as o}from"./p-61db1f1f.js";import"./p-ea701411.js";import{G as r}from"./p-3e68c7d0.js";import"./p-30bd67ba.js";import{S as c}from"./p-d153c7fc.js";import"./p-7e44e6b5.js";import{a}from"./p-f711588b.js";import{d as n}from"./p-8c018ae0.js";import{F as p}from"./p-a1b1750c.js";import"./p-436364c8.js";import"./p-6edf985f.js";import"./p-85eedabc.js";import"./p-f7215c0e.js";class l{constructor({content:t,message:s,targetId:i,placement:h="top",color:e="slate-700",trigger:a="none",openDelay:l=0,closeDelay:w=0,autoHide:m=!1,emitShow:d=(()=>{}),emitHide:b=(()=>{})}){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:s}=o.parseColor(this.color,700),i=r.getTwColor({color:s,tones:{[t]:["bg"]},variable:"--bcm-popover"}),h=Object.assign(Object.assign({},i),i["--bcm-popover-bg"]&&{"--bcm-popover-text":o.reverseColor(i["--bcm-popover-bg"])}),e=`<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">${c.trim(this.message)}</div>`:""}\n            ${this.content?`<div class="tw-font-normal tw-px-4">${c.trim(this.content)}</div>`:""}\n        </div>`;this.el=r.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:o.generateStyleString(h),innerHTML:e})},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&&p({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 n(this.openDelay),this.calculatePosition(),this.emitShow()):this.hide()},this.hide=async()=>{this.el=document.getElementById(this.id),this.el&&(await n(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=s,this.targetId=i,this.placement=h,this.color=e,this.trigger=a,this.id=i+"-popover-box",this.openDelay=l,this.closeDelay=w,this.autoHide=m,this.emitShow=d,this.emitHide=b}}const w=class{constructor(i){t(this,i),this.bcmPopoverShow=s(this,"bcmPopoverShow",7),this.bcmPopoverHide=s(this,"bcmPopoverHide",7),this._id=r.UID(),this.message="",this.content="",this.placement=a.Placement.top,this.trigger=a.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 l({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:s,placement:i,color:h,trigger:e}=this;this.popover.content=t,this.popover.message=s,this.popover.placement=i,this.popover.color=h,this.popover.trigger=e,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 i(h,{class:"tw-inline-flex tw-h-fit tw-w-fit",role:"tooltip","aria-hidden":"true"},i("slot",null))}get el(){return e(this)}};export{w as bcm_popover}

package/dist/bromcom-ui/{p-ba74a838.entry.js → p-5797aab3.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,c as i,f as n,h as m,H as c,g as o}from"./p-170cf07d.js";import{c as t}from"./p-64fad38b.js";import"./p-61db1f1f.js";import"./p-78f0fe00.js";import{G as l}from"./p-a0ba474b.js";import"./p-434c170e.js";import"./p-d153c7fc.js";import{T as r}from"./p-19634d99.js";import"./p-7e44e6b5.js";import"./p-f711588b.js";import{I as b}from"./p-9850cbce.js";import"./p-85eedabc.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-6edf985f.js";import"./p-c8751181.js";import"./p-a1b1750c.js";const a=class{constructor(n){e(this,n),this.bcmClick=i(this,"bcm-click",7),this.bcmExpanded=i(this,"bcm-expanded",7),this.bcmMenuChange=i(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(e){this.activeItemId=null;const i=n=>{n.forEach((n=>{n.id==e?(n.active=!0,this.activeItemId=n.id,this.bcmClick.emit(n)):(n.active=!1,n.items&&i(n.items))}))};i(this.data)}async getActive(){return this.activeItem}handleSlotItems({detail:e}){this.data=e}handleClickItem(e){e.items&&e.items.length>0?(e.isOpen=!e.isOpen,n(this)):(this.activeItemId=e.id,document.dispatchEvent(new CustomEvent("linked-data-dismiss",{detail:{id:this._id}}))),this.bcmClick.emit(e)}getTooltip(e,i){return new r({message:i,targetId:"bcm-menu__item-"+this._id+"-"+e,placement:"right"})}render(){const{data:e,collapsible:i,collapse:n}=this,o=t("bcm-menu",`bcm-menu__size-${this.size}`,{"bcm-menu__collapse":n,"bcm-menu__dropdown":this.dropdown}),r=(e,i)=>{if(!e.text)return;e.id||(e.id=l.UID());const c=!(!e.items||!e.items.length);return this.selectable&&(this.activeItemId?this.activeItemId===e.id:e.active)&&(this.bcmMenuChange.emit(e),this.activeItem=e),m("a",{id:"bcm-menu__item-"+this._id+"-"+e.id,onMouseEnter:()=>this.collapse&&this.getTooltip(e.id,e.text).show(),onMouseLeave:()=>this.collapse&&this.getTooltip(e.id,e.text).hide(),key:i,href:e.disabled?"javascript:void(0)":e.link||"javascript:void(0)",tabindex:e.disabled?"-1":"0",class:t("bcm-menu__item",{"bcm-menu__item--is-sub":c&&e.isOpen,"hidden tw-hidden":e.hidden})},m("span",{class:t("bcm-menu__item-link",`bcm-menu__item-link--${this.mode}`,{"bcm-menu__item-link--active":this.selectable&&(this.activeItemId?this.activeItemId===e.id:e.active),"bcm-menu__item-link--disabled":e.disabled}),onClick:()=>{!this.disabled&&!e.disabled&&this.handleClickItem(e)}},e.icon&&m("span",{class:"bcm-menu__item-link-icon"},m("i",{class:e.icon||"far fa-angle-left"})),m("span",{class:t("bcm-menu__item-link-text",{"bcm-menu__item-link-text--collapse":n}),innerHTML:e.text}),c&&m("div",{class:t("bcm-menu__item-link-toggle",{"bcm-menu__item-link-toggle--collapse":e.isOpen})},m("i",{class:"fas fa-chevron-down"}))),c&&m("div",{class:t("bcm-menu__item-submenu",{"bcm-menu__item-submenu--collapse":n,"bcm-menu__item-submenu--open":e.isOpen})},e.items.map(((e,i)=>r(e,i)))))};return m(c,{class:o,disabled:this.disabled},m("div",{class:"bcm-menu__container",style:{gap:this.gap}},m("slot",null),(null==e?void 0:e.length)>0&&e.map(((e,i)=>r(e,i))),i&&m("div",{class:t("bcm-menu__collapse-button",{"bcm-menu__collapse-button--collapsed":n}),onClick:()=>{this.collapse=!n,i&&this.bcmExpanded.emit(n)}},m("i",{class:"far fa-angle-left"}))))}get el(){return o(this)}};(function(e,i,n,m){var c,o=arguments.length,t=o<3?i:null===m?m=Object.getOwnPropertyDescriptor(i,n):m;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)t=Reflect.decorate(e,i,n,m);else for(var l=e.length-1;l>=0;l--)(c=e[l])&&(t=(o<3?c(t):o>3?c(i,n,t):c(i,n))||t);o>3&&t&&Object.defineProperty(i,n,t)})([b()],a.prototype,"el",void 0),a.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)}';export{a as bcm_menu}
+import{r as e,c as i,f as n,h as m,H as c,g as o}from"./p-170cf07d.js";import{c as t}from"./p-64fad38b.js";import"./p-61db1f1f.js";import"./p-ea701411.js";import{G as l}from"./p-3e68c7d0.js";import"./p-30bd67ba.js";import"./p-d153c7fc.js";import{T as r}from"./p-27b52583.js";import"./p-7e44e6b5.js";import"./p-f711588b.js";import{I as b}from"./p-9850cbce.js";import"./p-85eedabc.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-6edf985f.js";import"./p-f7215c0e.js";import"./p-a1b1750c.js";const a=class{constructor(n){e(this,n),this.bcmClick=i(this,"bcm-click",7),this.bcmExpanded=i(this,"bcm-expanded",7),this.bcmMenuChange=i(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(e){this.activeItemId=null;const i=n=>{n.forEach((n=>{n.id==e?(n.active=!0,this.activeItemId=n.id,this.bcmClick.emit(n)):(n.active=!1,n.items&&i(n.items))}))};i(this.data)}async getActive(){return this.activeItem}handleSlotItems({detail:e}){this.data=e}handleClickItem(e){e.items&&e.items.length>0?(e.isOpen=!e.isOpen,n(this)):(this.activeItemId=e.id,document.dispatchEvent(new CustomEvent("linked-data-dismiss",{detail:{id:this._id}}))),this.bcmClick.emit(e)}getTooltip(e,i){return new r({message:i,targetId:"bcm-menu__item-"+this._id+"-"+e,placement:"right"})}render(){const{data:e,collapsible:i,collapse:n}=this,o=t("bcm-menu",`bcm-menu__size-${this.size}`,{"bcm-menu__collapse":n,"bcm-menu__dropdown":this.dropdown}),r=(e,i)=>{if(!e.text)return;e.id||(e.id=l.UID());const c=!(!e.items||!e.items.length);return this.selectable&&(this.activeItemId?this.activeItemId===e.id:e.active)&&(this.bcmMenuChange.emit(e),this.activeItem=e),m("a",{id:"bcm-menu__item-"+this._id+"-"+e.id,onMouseEnter:()=>this.collapse&&this.getTooltip(e.id,e.text).show(),onMouseLeave:()=>this.collapse&&this.getTooltip(e.id,e.text).hide(),key:i,href:e.disabled?"javascript:void(0)":e.link||"javascript:void(0)",tabindex:e.disabled?"-1":"0",class:t("bcm-menu__item",{"bcm-menu__item--is-sub":c&&e.isOpen,"hidden tw-hidden":e.hidden})},m("span",{class:t("bcm-menu__item-link",`bcm-menu__item-link--${this.mode}`,{"bcm-menu__item-link--active":this.selectable&&(this.activeItemId?this.activeItemId===e.id:e.active),"bcm-menu__item-link--disabled":e.disabled}),onClick:()=>{!this.disabled&&!e.disabled&&this.handleClickItem(e)}},e.icon&&m("span",{class:"bcm-menu__item-link-icon"},m("i",{class:e.icon||"far fa-angle-left"})),m("span",{class:t("bcm-menu__item-link-text",{"bcm-menu__item-link-text--collapse":n}),innerHTML:e.text}),c&&m("div",{class:t("bcm-menu__item-link-toggle",{"bcm-menu__item-link-toggle--collapse":e.isOpen})},m("i",{class:"fas fa-chevron-down"}))),c&&m("div",{class:t("bcm-menu__item-submenu",{"bcm-menu__item-submenu--collapse":n,"bcm-menu__item-submenu--open":e.isOpen})},e.items.map(((e,i)=>r(e,i)))))};return m(c,{class:o,disabled:this.disabled},m("div",{class:"bcm-menu__container",style:{gap:this.gap}},m("slot",null),(null==e?void 0:e.length)>0&&e.map(((e,i)=>r(e,i))),i&&m("div",{class:t("bcm-menu__collapse-button",{"bcm-menu__collapse-button--collapsed":n}),onClick:()=>{this.collapse=!n,i&&this.bcmExpanded.emit(n)}},m("i",{class:"far fa-angle-left"}))))}get el(){return o(this)}};(function(e,i,n,m){var c,o=arguments.length,t=o<3?i:null===m?m=Object.getOwnPropertyDescriptor(i,n):m;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)t=Reflect.decorate(e,i,n,m);else for(var l=e.length-1;l>=0;l--)(c=e[l])&&(t=(o<3?c(t):o>3?c(i,n,t):c(i,n))||t);o>3&&t&&Object.defineProperty(i,n,t)})([b()],a.prototype,"el",void 0),a.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)}';export{a as bcm_menu}

package/dist/bromcom-ui/{p-1cfe5a5d.entry.js → p-5898ecd1.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,h as s,H as r,g as i}from"./p-170cf07d.js";import{c as t}from"./p-64fad38b.js";import{C as o}from"./p-61db1f1f.js";import{G as c}from"./p-a0ba474b.js";import{B as l}from"./p-f711588b.js";import"./p-85eedabc.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-6edf985f.js";import"./p-c8751181.js";const n={small:{textSize:"size-3",iconSize:22,circleSize:80,radius:36},medium:{textSize:"size-5",iconSize:30,circleSize:120,radius:52}},p=class{constructor(s){e(this,s),this._id=c.UID(),this.value=0,this.max=100,this.size=l.Size.medium,this.type="line-rounded",this.info=null,this.error=!1,this.hidden=!1,this.fullWidth=!1,this.color="blue",this.isCompleted=!1}connectedCallback(){this.maxPercent(this.value)}componentDidRender(){const e=this.el.querySelector("#circle");if(e){const s=2*e.r.baseVal.value*Math.PI,r=s-this.value/this.max*s;e.style.strokeDasharray=`${s} ${s}`,e.style.strokeDashoffset=`${s}`,e.style.strokeDashoffset=`${r}`}}componentShouldUpdate(e,s,r){"value"===r&&e!==s&&this.handlePercent(e),"max"===r&&e!==s&&this.value>e&&(this.value=e)}maxPercent(e){e>=this.max&&(this.value=this.max,this.isCompleted=!0),e<this.max&&(this.isCompleted=!1),e<=0&&(this.value=0)}async increment(e){this.handlePercent(+e,"increment")}async decrement(e){this.handlePercent(+e,"decrement")}async set(e){this.handlePercent(+e,"set")}handlePercent(e,s="set"){if(!e&&0!=e||"number"!=typeof e)this.error=!0;else{switch(s){case"increment":this.value+=e;break;case"decrement":this.value-=e;break;case"set":this.value=e}this.maxPercent(this.value),this.error=!1}}getIcon(e="line"){if(this.error||"icon"===this.info&&this.isCompleted)return s("bcm-icon",{icon:"far fa-"+(this.error?"times":"check")+("line"===e?"-circle":"")})}render(){const{type:e,hidden:i,error:c,size:l,isCompleted:p,value:a,fullWidth:h}=this,m="icon"===this.info,{circleSize:g,radius:d,textSize:x}=n[this.size],b=+g/2,u=t({completed:m&&p,error:c}),f=t("bcm-progress__line-progress",l,e,u),z=t("bcm-progress__circle-circle","bar",u),_={width:`${g}px`,height:`${g}px`},w=t("bcm-progress",{hidden:i,"full-width":h});return s(r,{class:w,style:{"--bcm-progress-color":o.dsColor(this.color)}},s("circle"===e?()=>s("div",{class:"bcm-progress__circle",style:_},s("svg",{width:g,height:g},s("circle",{r:d,cx:b,cy:b,class:"bcm-progress__circle-circle"}),s("circle",{r:d,cx:b,cy:b,class:z,id:"circle"}),this.info&&"icon"!=this.info&&!this.error&&s("text",{x:b,y:b,"text-anchor":"middle",class:x,"alignment-baseline":"middle"},"value-max"===this.info&&a+"/"+this.max,"value"===this.info&&{value:a},"percent"===this.info&&100/this.max*+a+"%")),this.getIcon("circle")):()=>s("div",{class:"bcm-progress__line"},s("progress",{class:f,value:a,max:this.max}),"value-max"===this.info&&s("span",{class:"value"},a,"/",this.max," "),"value"===this.info&&s("span",{class:"value"},a," "),"percent"===this.info&&s("span",{class:"value"},100/this.max*+a,"%"),"icon"===this.info&&s("span",{class:"value"},this.getIcon("line"))),null))}get el(){return i(this)}};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-progress{--bcm-progress-color:var(--bcm-new-ds-color-blue-500);display:inline-block;min-width:50px;width:100%;max-width:256px;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400}.bcm-progress.full-width{width:100%;max-width:100%;min-width:auto}.bcm-progress__line{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;min-height:8px}.bcm-progress__line .value{margin-left:8px;color:var(--bcm-new-ds-color-slate-500);min-width:32px;font-size:14px;min-height:calc(14px + 8px);font-weight:500}.bcm-progress__line-progress{width:100%;flex:1;height:8px;border:0 none;background:var(--bcm-new-ds-color-slate-200);appearance:none}.bcm-progress__line-progress.small{height:6px}.bcm-progress__line-progress.line-rounded,.bcm-progress__line-progress.line-rounded::-webkit-progress-value{border-radius:8px}.bcm-progress__line-progress.line-rounded::-moz-progress-bar{border-radius:8px}.bcm-progress__line-progress.completed::-webkit-progress-value{background-color:var(--bcm-progress-color)}.bcm-progress__line-progress.completed::-moz-progress-bar{background-color:var(--bcm-progress-color)}.bcm-progress__line-progress.error::-webkit-progress-value{background-color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress.error::-moz-progress-bar{background-color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress.error .value{color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress::-webkit-progress-bar{background:transparent}.bcm-progress__line-progress::-webkit-progress-value{background-color:var(--bcm-progress-color);transition:0.3s}.bcm-progress__line-progress::-moz-progress-bar{background-color:var(--bcm-progress-color);transition:0.3s}.bcm-progress__circle{position:relative}.bcm-progress__circle bcm-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.bcm-progress__circle text{fill:var(--bcm-new-ds-color-slate-500);font-size:18px;line-height:calc(18px + 8px);font-weight:500}.bcm-progress__circle-circle{transition:0.35s stroke-dashoffset, 0.1s stroke;transform:rotate(-90deg);transform-origin:50% 50%;stroke:#F5F5F5;stroke-width:6px;fill:transparent}.bcm-progress__circle-circle.bar{stroke:var(--bcm-progress-color)}.bcm-progress__circle-circle.completed{stroke:var(--bcm-new-ds-color-emerald-500)}.bcm-progress__circle-circle.error{stroke:var(--bcm-new-ds-color-red-500)}';export{p as bcm_progress}
+import{r as e,h as s,H as r,g as i}from"./p-170cf07d.js";import{c as t}from"./p-64fad38b.js";import{C as o}from"./p-61db1f1f.js";import{G as c}from"./p-3e68c7d0.js";import{B as l}from"./p-f711588b.js";import"./p-85eedabc.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-6edf985f.js";import"./p-f7215c0e.js";const n={small:{textSize:"size-3",iconSize:22,circleSize:80,radius:36},medium:{textSize:"size-5",iconSize:30,circleSize:120,radius:52}},p=class{constructor(s){e(this,s),this._id=c.UID(),this.value=0,this.max=100,this.size=l.Size.medium,this.type="line-rounded",this.info=null,this.error=!1,this.hidden=!1,this.fullWidth=!1,this.color="blue",this.isCompleted=!1}connectedCallback(){this.maxPercent(this.value)}componentDidRender(){const e=this.el.querySelector("#circle");if(e){const s=2*e.r.baseVal.value*Math.PI,r=s-this.value/this.max*s;e.style.strokeDasharray=`${s} ${s}`,e.style.strokeDashoffset=`${s}`,e.style.strokeDashoffset=`${r}`}}componentShouldUpdate(e,s,r){"value"===r&&e!==s&&this.handlePercent(e),"max"===r&&e!==s&&this.value>e&&(this.value=e)}maxPercent(e){e>=this.max&&(this.value=this.max,this.isCompleted=!0),e<this.max&&(this.isCompleted=!1),e<=0&&(this.value=0)}async increment(e){this.handlePercent(+e,"increment")}async decrement(e){this.handlePercent(+e,"decrement")}async set(e){this.handlePercent(+e,"set")}handlePercent(e,s="set"){if(!e&&0!=e||"number"!=typeof e)this.error=!0;else{switch(s){case"increment":this.value+=e;break;case"decrement":this.value-=e;break;case"set":this.value=e}this.maxPercent(this.value),this.error=!1}}getIcon(e="line"){if(this.error||"icon"===this.info&&this.isCompleted)return s("bcm-icon",{icon:"far fa-"+(this.error?"times":"check")+("line"===e?"-circle":"")})}render(){const{type:e,hidden:i,error:c,size:l,isCompleted:p,value:a,fullWidth:h}=this,m="icon"===this.info,{circleSize:g,radius:d,textSize:x}=n[this.size],b=+g/2,u=t({completed:m&&p,error:c}),f=t("bcm-progress__line-progress",l,e,u),z=t("bcm-progress__circle-circle","bar",u),_={width:`${g}px`,height:`${g}px`},w=t("bcm-progress",{hidden:i,"full-width":h});return s(r,{class:w,style:{"--bcm-progress-color":o.dsColor(this.color)}},s("circle"===e?()=>s("div",{class:"bcm-progress__circle",style:_},s("svg",{width:g,height:g},s("circle",{r:d,cx:b,cy:b,class:"bcm-progress__circle-circle"}),s("circle",{r:d,cx:b,cy:b,class:z,id:"circle"}),this.info&&"icon"!=this.info&&!this.error&&s("text",{x:b,y:b,"text-anchor":"middle",class:x,"alignment-baseline":"middle"},"value-max"===this.info&&a+"/"+this.max,"value"===this.info&&{value:a},"percent"===this.info&&100/this.max*+a+"%")),this.getIcon("circle")):()=>s("div",{class:"bcm-progress__line"},s("progress",{class:f,value:a,max:this.max}),"value-max"===this.info&&s("span",{class:"value"},a,"/",this.max," "),"value"===this.info&&s("span",{class:"value"},a," "),"percent"===this.info&&s("span",{class:"value"},100/this.max*+a,"%"),"icon"===this.info&&s("span",{class:"value"},this.getIcon("line"))),null))}get el(){return i(this)}};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-progress{--bcm-progress-color:var(--bcm-new-ds-color-blue-500);display:inline-block;min-width:50px;width:100%;max-width:256px;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400}.bcm-progress.full-width{width:100%;max-width:100%;min-width:auto}.bcm-progress__line{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;min-height:8px}.bcm-progress__line .value{margin-left:8px;color:var(--bcm-new-ds-color-slate-500);min-width:32px;font-size:14px;min-height:calc(14px + 8px);font-weight:500}.bcm-progress__line-progress{width:100%;flex:1;height:8px;border:0 none;background:var(--bcm-new-ds-color-slate-200);appearance:none}.bcm-progress__line-progress.small{height:6px}.bcm-progress__line-progress.line-rounded,.bcm-progress__line-progress.line-rounded::-webkit-progress-value{border-radius:8px}.bcm-progress__line-progress.line-rounded::-moz-progress-bar{border-radius:8px}.bcm-progress__line-progress.completed::-webkit-progress-value{background-color:var(--bcm-progress-color)}.bcm-progress__line-progress.completed::-moz-progress-bar{background-color:var(--bcm-progress-color)}.bcm-progress__line-progress.error::-webkit-progress-value{background-color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress.error::-moz-progress-bar{background-color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress.error .value{color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress::-webkit-progress-bar{background:transparent}.bcm-progress__line-progress::-webkit-progress-value{background-color:var(--bcm-progress-color);transition:0.3s}.bcm-progress__line-progress::-moz-progress-bar{background-color:var(--bcm-progress-color);transition:0.3s}.bcm-progress__circle{position:relative}.bcm-progress__circle bcm-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.bcm-progress__circle text{fill:var(--bcm-new-ds-color-slate-500);font-size:18px;line-height:calc(18px + 8px);font-weight:500}.bcm-progress__circle-circle{transition:0.35s stroke-dashoffset, 0.1s stroke;transform:rotate(-90deg);transform-origin:50% 50%;stroke:#F5F5F5;stroke-width:6px;fill:transparent}.bcm-progress__circle-circle.bar{stroke:var(--bcm-progress-color)}.bcm-progress__circle-circle.completed{stroke:var(--bcm-new-ds-color-emerald-500)}.bcm-progress__circle-circle.error{stroke:var(--bcm-new-ds-color-red-500)}';export{p as bcm_progress}

package/dist/bromcom-ui/{p-0dacfdbc.entry.js → p-59af8bab.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,c as s,h as i,H as e,g as o}from"./p-170cf07d.js";import{c as w}from"./p-64fad38b.js";import{G as a}from"./p-a0ba474b.js";import{S as r}from"./p-d153c7fc.js";import{B as h}from"./p-f711588b.js";import{d as n}from"./p-8c018ae0.js";import"./p-85eedabc.js";import"./p-c8751181.js";import"./p-6edf985f.js";const c=class{constructor(i){t(this,i),this.bcmToastClose=s(this,"bcm-toast-close",7),this.bcmToastOpen=s(this,"bcm-toast-open",7),this.bcmToastView=s(this,"bcm-toast-view",7),this._id=a.UID(),this.status=void 0,this.message="",this.description="",this.duration=3e3,this.position=h.Placement.bottom,this.messageIcon=void 0,this.viewButton=!1,this.closeButton=!0,this.removeAfterClose=!0,this.visible=!1,this.visibleContainer=!1}async show(){const t=document.getElementById(this._id+"-container");return t&&this.createContainer(this.position).appendChild(t),this.visible=!0,await n(50),this.visibleContainer=!0,this.bcmToastOpen.emit(),this.timer&&clearTimeout(this.timer),this.timer=setTimeout((()=>this.hide()),this.duration),this.el}async hide(){this.visibleContainer=!1,clearTimeout(this.timer),this.bcmToastClose.emit(),await n(100),this.visible=!1,this.removeAfterClose&&(await n(100),this.el.remove())}handleMouseEnter(){clearTimeout(this.timer)}handleMouseLeave(){this.visible&&(this.timer=setTimeout((()=>this.hide()),1e3))}createContainer(t){const s="bcm-toast-container-"+t;let i=document.getElementById(s);if(!i){i=document.createElement("div"),i.id=s;const t=w("tw-pointer-events-none tw-overflow-hidden tw-z-50","tw-fixed tw-flex","tw-p-4 tw-gap-4",{"tw-flex-col-reverse tw-inset-x-0 tw-top-4 tw-mx-auto":this.position===h.Placement.top,"tw-flex-col tw-inset-x-0 tw-bottom-4 tw-mx-auto":this.position===h.Placement.bottom,"tw-flex-col-reverse tw-top-4 tw-left-4":this.position===h.Placement["top-start"],"tw-flex-col-reverse tw-top-4 tw-right-4":this.position===h.Placement["top-end"],"tw-flex-col tw-bottom-4 tw-left-4":this.position===h.Placement["bottom-start"],"tw-flex-col tw-bottom-4 tw-right-4":this.position===h.Placement["bottom-end"]});i.classList.add(...t.split(" ")),document.body.appendChild(i)}return i}render(){return i(e,{class:"tw-hidden"},i("div",{class:w({"tw-hidden":!this.visible}),id:this._id+"-container",onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave()},i("div",{class:w("tw-pointer-events-auto tw-transform tw-transition tw-duration-300 tw-ease-in-out","tw-flex tw-min-w-[256px] tw-max-w-[420px] tw-flex-col tw-gap-2 tw-rounded-lg tw-border tw-font-sans tw-font-normal tw-shadow-2","tw-border-gray-300 tw-bg-white tw-text-slate-600",{"tw-p-4":!this.description,"tw-p-6":this.description},"tw-transform tw-transition tw-duration-300 tw-ease-in-out ",{"tw-translate-y-0 tw-opacity-100 ":this.visibleContainer,"tw-opacity-0":!this.visibleContainer,"tw-translate-y-[-100%]":!this.visibleContainer&&"top"===this.position.split("-")[0],"tw-translate-y-[100%]":!this.visibleContainer&&"bottom"===this.position.split("-")[0]})},i("div",{class:"tw-flex tw-items-center tw-justify-between tw-gap-5"},i("div",{class:"tw-flex tw-items-center tw-gap-3 "},this.status&&i("i",{class:w("tw-text-6",this.messageIcon?this.messageIcon:"far",{"tw-text-emerald-500":"success"===this.status,"tw-text-red-500":"error"===this.status,"tw-text-amber-500":"warning"===this.status,"tw-text-blue-500":"info"===this.status},{"fa-check-circle":!this.messageIcon&&"success"===this.status,"fa-exclamation-circle":!this.messageIcon&&"error"===this.status,"fa-exclamation-triangle":!this.messageIcon&&"warning"===this.status,"fa-info-circle":!this.messageIcon&&"info"===this.status})}),i("span",{class:w({"tw-text-4":!this.description,"tw-text-6 tw-font-medium":this.description})},!this.description&&this.status&&i("span",null,r.capitalize(this.status),": "),this.message)),i("div",{class:"tw-flex tw-items-baseline tw-gap-2"},this.viewButton&&i("button",{onClick:()=>this.bcmToastView.emit(),title:"View details",class:w("tw-cursor-pointer tw-rounded tw-bg-transparent tw-p-0 tw-px-1 tw-text-4 tw-text-inherit","hover:tw-bg-gray-100 hover:tw-text-slate-800","active:tw-bg-gray-200","tw-transition tw-duration-300 tw-ease-in-out",{"tw-font-medium":this.description})},"View"),this.closeButton&&i("button",{title:"Close",onClick:()=>this.hide(),class:w("tw-rounded tw-bg-transparent tw-p-0","tw-flex tw-h-6 tw-w-6 tw-cursor-pointer tw-items-center tw-justify-center tw-text-3 tw-text-inherit","hover:tw-bg-gray-100 hover:tw-text-slate-800","active:tw-bg-gray-200")},i("i",{class:"fal fa-times"})))),this.description&&i("div",{class:"tw-text-3 "},this.description),i("slot",null))))}get el(){return o(this)}};export{c as bcm_toast}
+import{r as t,c as s,h as i,H as e,g as o}from"./p-170cf07d.js";import{c as w}from"./p-64fad38b.js";import{G as a}from"./p-3e68c7d0.js";import{S as r}from"./p-d153c7fc.js";import{B as h}from"./p-f711588b.js";import{d as n}from"./p-8c018ae0.js";import"./p-85eedabc.js";import"./p-f7215c0e.js";import"./p-6edf985f.js";const c=class{constructor(i){t(this,i),this.bcmToastClose=s(this,"bcm-toast-close",7),this.bcmToastOpen=s(this,"bcm-toast-open",7),this.bcmToastView=s(this,"bcm-toast-view",7),this._id=a.UID(),this.status=void 0,this.message="",this.description="",this.duration=3e3,this.position=h.Placement.bottom,this.messageIcon=void 0,this.viewButton=!1,this.closeButton=!0,this.removeAfterClose=!0,this.visible=!1,this.visibleContainer=!1}async show(){const t=document.getElementById(this._id+"-container");return t&&this.createContainer(this.position).appendChild(t),this.visible=!0,await n(50),this.visibleContainer=!0,this.bcmToastOpen.emit(),this.timer&&clearTimeout(this.timer),this.timer=setTimeout((()=>this.hide()),this.duration),this.el}async hide(){this.visibleContainer=!1,clearTimeout(this.timer),this.bcmToastClose.emit(),await n(100),this.visible=!1,this.removeAfterClose&&(await n(100),this.el.remove())}handleMouseEnter(){clearTimeout(this.timer)}handleMouseLeave(){this.visible&&(this.timer=setTimeout((()=>this.hide()),1e3))}createContainer(t){const s="bcm-toast-container-"+t;let i=document.getElementById(s);if(!i){i=document.createElement("div"),i.id=s;const t=w("tw-pointer-events-none tw-overflow-hidden tw-z-50","tw-fixed tw-flex","tw-p-4 tw-gap-4",{"tw-flex-col-reverse tw-inset-x-0 tw-top-4 tw-mx-auto":this.position===h.Placement.top,"tw-flex-col tw-inset-x-0 tw-bottom-4 tw-mx-auto":this.position===h.Placement.bottom,"tw-flex-col-reverse tw-top-4 tw-left-4":this.position===h.Placement["top-start"],"tw-flex-col-reverse tw-top-4 tw-right-4":this.position===h.Placement["top-end"],"tw-flex-col tw-bottom-4 tw-left-4":this.position===h.Placement["bottom-start"],"tw-flex-col tw-bottom-4 tw-right-4":this.position===h.Placement["bottom-end"]});i.classList.add(...t.split(" ")),document.body.appendChild(i)}return i}render(){return i(e,{class:"tw-hidden"},i("div",{class:w({"tw-hidden":!this.visible}),id:this._id+"-container",onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave()},i("div",{class:w("tw-pointer-events-auto tw-transform tw-transition tw-duration-300 tw-ease-in-out","tw-flex tw-min-w-[256px] tw-max-w-[420px] tw-flex-col tw-gap-2 tw-rounded-lg tw-border tw-font-sans tw-font-normal tw-shadow-2","tw-border-gray-300 tw-bg-white tw-text-slate-600",{"tw-p-4":!this.description,"tw-p-6":this.description},"tw-transform tw-transition tw-duration-300 tw-ease-in-out ",{"tw-translate-y-0 tw-opacity-100 ":this.visibleContainer,"tw-opacity-0":!this.visibleContainer,"tw-translate-y-[-100%]":!this.visibleContainer&&"top"===this.position.split("-")[0],"tw-translate-y-[100%]":!this.visibleContainer&&"bottom"===this.position.split("-")[0]})},i("div",{class:"tw-flex tw-items-center tw-justify-between tw-gap-5"},i("div",{class:"tw-flex tw-items-center tw-gap-3 "},this.status&&i("i",{class:w("tw-text-6",this.messageIcon?this.messageIcon:"far",{"tw-text-emerald-500":"success"===this.status,"tw-text-red-500":"error"===this.status,"tw-text-amber-500":"warning"===this.status,"tw-text-blue-500":"info"===this.status},{"fa-check-circle":!this.messageIcon&&"success"===this.status,"fa-exclamation-circle":!this.messageIcon&&"error"===this.status,"fa-exclamation-triangle":!this.messageIcon&&"warning"===this.status,"fa-info-circle":!this.messageIcon&&"info"===this.status})}),i("span",{class:w({"tw-text-4":!this.description,"tw-text-6 tw-font-medium":this.description})},!this.description&&this.status&&i("span",null,r.capitalize(this.status),": "),this.message)),i("div",{class:"tw-flex tw-items-baseline tw-gap-2"},this.viewButton&&i("button",{onClick:()=>this.bcmToastView.emit(),title:"View details",class:w("tw-cursor-pointer tw-rounded tw-bg-transparent tw-p-0 tw-px-1 tw-text-4 tw-text-inherit","hover:tw-bg-gray-100 hover:tw-text-slate-800","active:tw-bg-gray-200","tw-transition tw-duration-300 tw-ease-in-out",{"tw-font-medium":this.description})},"View"),this.closeButton&&i("button",{title:"Close",onClick:()=>this.hide(),class:w("tw-rounded tw-bg-transparent tw-p-0","tw-flex tw-h-6 tw-w-6 tw-cursor-pointer tw-items-center tw-justify-center tw-text-3 tw-text-inherit","hover:tw-bg-gray-100 hover:tw-text-slate-800","active:tw-bg-gray-200")},i("i",{class:"fal fa-times"})))),this.description&&i("div",{class:"tw-text-3 "},this.description),i("slot",null))))}get el(){return o(this)}};export{c as bcm_toast}

package/dist/bromcom-ui/{p-54211561.js → p-5e2a0bda.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{g as t}from"./p-170cf07d.js";import{s as n}from"./p-a0ba474b.js";function s(s,o=!1){return(i,c)=>{const{connectedCallback:r,componentWillRender:e}=i;i.connectedCallback=function(){const o=t(this);if(o[c]){const t=n((()=>o.hasAttribute(s)?o.getAttribute(s).valueOf():o[s].valueOf()),null);t&&(this[c]=n((()=>"string"==typeof t?JSON.parse(t):t),[]),o.removeAttribute(s))}return r&&r.call(this)},i.componentWillRender=async function(){if(o){const i=t(this);if(o){const t=n((()=>i.hasAttribute(s)?i.getAttribute(s).valueOf():i[s].valueOf()),null);t&&t.length>0&&"string"==typeof t&&(this[s]=n((()=>JSON.parse(t)),[])),i.removeAttribute(s)}return e&&e.call(this)}}}}export{s as J}
+import{g as t}from"./p-170cf07d.js";import{s as n}from"./p-3e68c7d0.js";function s(s,o=!1){return(i,c)=>{const{connectedCallback:r,componentWillRender:e}=i;i.connectedCallback=function(){const o=t(this);if(o[c]){const t=n((()=>o.hasAttribute(s)?o.getAttribute(s).valueOf():o[s].valueOf()),null);t&&(this[c]=n((()=>"string"==typeof t?JSON.parse(t):t),[]),o.removeAttribute(s))}return r&&r.call(this)},i.componentWillRender=async function(){if(o){const i=t(this);if(o){const t=n((()=>i.hasAttribute(s)?i.getAttribute(s).valueOf():i[s].valueOf()),null);t&&t.length>0&&"string"==typeof t&&(this[s]=n((()=>JSON.parse(t)),[])),i.removeAttribute(s)}return e&&e.call(this)}}}}export{s as J}

package/dist/bromcom-ui/{p-d7ca94e1.entry.js → p-5f071adc.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as o,h as p,H as t,g as e}from"./p-170cf07d.js";import"./p-7e44e6b5.js";import{g as r,s as i}from"./p-2c5a0863.js";import{F as b}from"./p-a1b1750c.js";import{c as n}from"./p-64fad38b.js";import{G as s}from"./p-a0ba474b.js";import{N as a}from"./p-434c170e.js";import{S as m}from"./p-d153c7fc.js";import"./p-8c018ae0.js";import"./p-f711588b.js";import"./p-85eedabc.js";import"./p-c8751181.js";import"./p-6edf985f.js";const x=class{constructor(p){o(this,p),this._id=s.UID(),this._target_id=void 0,this.message=void 0,this._title=void 0,this.placement="bottom",this.open=!1,this.hidden=!1,this.htmlContent=void 0,this.linkedComponent=void 0,this.height="256px",this.maxHeight="500px",this.minHeight="150px",this.placement_string=void 0}async show(){this.open=!0,this.calculateLocation()}async hide(){this.open=!1}getParentPopoverBox(o){if(o){const p=o.closest("old-bcm-popover-box");if(p)return p}return null}componentDidRender(){this.calculateLocation()}handleWheel(){this.calculateLocation()}handleScroll(){this.calculateLocation()}calculateLocation(){if(this.open){var o=this.placement;const p=this.el.querySelector(".bcm-pop-box"),t=document.getElementById(this.linkedComponent)||document.getElementById(this._target_id);if(p&&t){b({ref:t,floating:p,placement:this.placement,offset:2,arrow:!1,arrowColor:""}),r(p,t,o,(p=>o=p));let e=t.getBoundingClientRect().top,n=i(o,t,{rectTop:e});p.style.height=this.height.indexOf("%")>-1?.01*a.toNumber(this.height)*window.innerHeight-n[0]-50+"px":this.height,p.style.minHeight=this.minHeight;const s="top"==o.split("-")[0]?window.innerHeight-(window.innerHeight-e)-50:window.innerHeight-e-50;p.style.maxHeight=this.maxHeight.indexOf("%")>-1?.01*a.toNumber(this.maxHeight)*s+"px":"auto"!=this.maxHeight&&a.toNumber(this.maxHeight)<s?this.maxHeight:s+"px",p.style.overflowY="auto",p.style.minWidth=t.offsetWidth+"px";const m=this.getParentPopoverBox(t);if(m){const o=m.style.zIndex?a.toNumber(m.style.zIndex):10900;this.el.style.zIndex=(+o+1).toString()}(this.message||this._title)&&(p.style.minHeight="0px",p.style.height="auto",p.style.minWidth="230px")}}}setPlacementString(o){const p=m.textContains(o,"-")?o.split("-"):o.split(" ");1===p.length&&p.push("center"),this.placement_string=p.join(" ")}render(){const{message:o,_title:e,open:r,placement_string:i}=this,b=n("bcm-popover-box",i,{"bcm-pop-open":r,"bcm-pop-linked":this.linkedComponent}),s=n("bcm-pop-box");return p(t,{class:b},p("div",{class:s},e&&p("span",{class:"bcm-pop-heading size-2 weight-medium",innerHTML:e}),p("span",{class:"bcm-pop-content size-2",innerHTML:o}),p("slot",null)))}get el(){return e(this)}};x.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-popover-box{display:none;position:absolute;transition:transform 0.2s ease-in-out;}.bcm-popover-box .bcm-pop-box{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:10px;line-height:calc(10px + 8px);box-shadow:0 4px 12px 2px rgba(17, 24, 38, 0.1);border-radius:4px;position:absolute;box-sizing:border-box;background-color:#FFFFFF;border:1px solid #FFFFFF;z-index:-99999;overflow:hidden;visibility:hidden;width:fit-content;position:absolute;display:block;overflow:hidden;visibility:hidden;z-index:-99999;filter:drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.25))}.bcm-popover-box .bcm-pop-box.bcm-pop-open{overflow:unset;visibility:visible;height:unset}.bcm-popover-box .bcm-pop-box .bcm-pop-heading,.bcm-popover-box .bcm-pop-box .bcm-pop-content{display:block}.bcm-popover-box .bcm-pop-box .bcm-pop-heading:not(:empty){padding:4px 16px;border-bottom:1px solid #D9D9D9;color:var(--bcm-color-grey-9)}.bcm-popover-box .bcm-pop-box .bcm-pop-content:not(:empty){padding:8px 16px;color:var(--bcm-color-grey-8)}.bcm-popover-box::after{content:"";position:absolute;display:none;border:6px solid;z-index:10900;pointer-events:none}.bcm-popover-box.bcm-pop-open{display:block;z-index:10900}.bcm-popover-box.bcm-pop-open .bcm-pop-box{z-index:10900;overflow:unset;visibility:unset}.bcm-popover-box.bcm-pop-open::after{display:block}.bcm-popover-box.top .bcm-pop-box{bottom:100%;margin-bottom:16px}.bcm-popover-box.top::after{bottom:100%;margin-bottom:4px;border-color:#FFFFFF transparent transparent transparent}.bcm-popover-box.bottom .bcm-pop-box{top:100%;margin-top:16px}.bcm-popover-box.bottom::after{top:100%;margin-top:4px;border-color:transparent transparent #FFFFFF transparent}.bcm-popover-box.left .bcm-pop-box{right:100%;margin-right:16px}.bcm-popover-box.left::after{right:100%;margin-right:4px;border-color:transparent transparent transparent #FFFFFF}.bcm-popover-box.right .bcm-pop-box{left:100%;margin-left:16px}.bcm-popover-box.right::after{left:100%;margin-left:4px;border-color:transparent #FFFFFF transparent transparent}.bcm-popover-box.top.center .bcm-pop-box,.bcm-popover-box.bottom.center .bcm-pop-box{left:50%;transform:translateX(-50%)}.bcm-popover-box.top.center::after,.bcm-popover-box.bottom.center::after{left:50%;transform:translateX(-50%)}.bcm-popover-box.top.start .bcm-pop-box,.bcm-popover-box.bottom.start .bcm-pop-box{left:0}.bcm-popover-box.top.start::after,.bcm-popover-box.bottom.start::after{left:16px}.bcm-popover-box.top.end .bcm-pop-box,.bcm-popover-box.bottom.end .bcm-pop-box{right:0}.bcm-popover-box.top.end::after,.bcm-popover-box.bottom.end::after{right:16px}.bcm-popover-box.left.center .bcm-pop-box,.bcm-popover-box.right.center .bcm-pop-box{top:50%;transform:translateY(-50%)}.bcm-popover-box.left.center::after,.bcm-popover-box.right.center::after{top:50%;transform:translateY(-50%)}.bcm-popover-box.left.start .bcm-pop-box,.bcm-popover-box.right.start .bcm-pop-box{top:0}.bcm-popover-box.left.start::after,.bcm-popover-box.right.start::after{top:12px}.bcm-popover-box.left.end .bcm-pop-box,.bcm-popover-box.right.end .bcm-pop-box{bottom:0}.bcm-popover-box.left.end::after,.bcm-popover-box.right.end::after{bottom:12px}.bcm-popover-box.top{transform:translateY(1px)}.bcm-popover-box.bottom{transform:translateY(-1px)}.bcm-popover-box.left{transform:translateX(1px)}.bcm-popover-box.right{transform:translateX(-1px)}.bcm-popover-box.top.bcm-pop-open,.bcm-popover-box.bottom.bcm-pop-open{transform:translateY(0)}.bcm-popover-box.left.bcm-pop-open,.bcm-popover-box.right.bcm-pop-open{transform:translateX(0)}.bcm-popover-box.bcm-pop-linked.top .bcm-pop-box{margin:0 0 2px 0}.bcm-popover-box.bcm-pop-linked.bottom .bcm-pop-box{margin:2px 0 0 0}.bcm-popover-box.bcm-pop-linked.left .bcm-pop-box{margin:0 2px 0 0}.bcm-popover-box.bcm-pop-linked.right .bcm-pop-box{margin:0 0 0 2px}.bcm-popover-box.bcm-pop-linked .bcm-pop-box{filter:unset;border-radius:8px;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1)}.bcm-popover-box.bcm-pop-linked::after{display:none}';export{x as old_bcm_popover_box}
+import{r as o,h as p,H as t,g as e}from"./p-170cf07d.js";import"./p-7e44e6b5.js";import{g as r,s as i}from"./p-2c5a0863.js";import{F as b}from"./p-a1b1750c.js";import{c as n}from"./p-64fad38b.js";import{G as s}from"./p-3e68c7d0.js";import{N as a}from"./p-30bd67ba.js";import{S as m}from"./p-d153c7fc.js";import"./p-8c018ae0.js";import"./p-f711588b.js";import"./p-85eedabc.js";import"./p-f7215c0e.js";import"./p-6edf985f.js";const x=class{constructor(p){o(this,p),this._id=s.UID(),this._target_id=void 0,this.message=void 0,this._title=void 0,this.placement="bottom",this.open=!1,this.hidden=!1,this.htmlContent=void 0,this.linkedComponent=void 0,this.height="256px",this.maxHeight="500px",this.minHeight="150px",this.placement_string=void 0}async show(){this.open=!0,this.calculateLocation()}async hide(){this.open=!1}getParentPopoverBox(o){if(o){const p=o.closest("old-bcm-popover-box");if(p)return p}return null}componentDidRender(){this.calculateLocation()}handleWheel(){this.calculateLocation()}handleScroll(){this.calculateLocation()}calculateLocation(){if(this.open){var o=this.placement;const p=this.el.querySelector(".bcm-pop-box"),t=document.getElementById(this.linkedComponent)||document.getElementById(this._target_id);if(p&&t){b({ref:t,floating:p,placement:this.placement,offset:2,arrow:!1,arrowColor:""}),r(p,t,o,(p=>o=p));let e=t.getBoundingClientRect().top,n=i(o,t,{rectTop:e});p.style.height=this.height.indexOf("%")>-1?.01*a.toNumber(this.height)*window.innerHeight-n[0]-50+"px":this.height,p.style.minHeight=this.minHeight;const s="top"==o.split("-")[0]?window.innerHeight-(window.innerHeight-e)-50:window.innerHeight-e-50;p.style.maxHeight=this.maxHeight.indexOf("%")>-1?.01*a.toNumber(this.maxHeight)*s+"px":"auto"!=this.maxHeight&&a.toNumber(this.maxHeight)<s?this.maxHeight:s+"px",p.style.overflowY="auto",p.style.minWidth=t.offsetWidth+"px";const m=this.getParentPopoverBox(t);if(m){const o=m.style.zIndex?a.toNumber(m.style.zIndex):10900;this.el.style.zIndex=(+o+1).toString()}(this.message||this._title)&&(p.style.minHeight="0px",p.style.height="auto",p.style.minWidth="230px")}}}setPlacementString(o){const p=m.textContains(o,"-")?o.split("-"):o.split(" ");1===p.length&&p.push("center"),this.placement_string=p.join(" ")}render(){const{message:o,_title:e,open:r,placement_string:i}=this,b=n("bcm-popover-box",i,{"bcm-pop-open":r,"bcm-pop-linked":this.linkedComponent}),s=n("bcm-pop-box");return p(t,{class:b},p("div",{class:s},e&&p("span",{class:"bcm-pop-heading size-2 weight-medium",innerHTML:e}),p("span",{class:"bcm-pop-content size-2",innerHTML:o}),p("slot",null)))}get el(){return e(this)}};x.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-popover-box{display:none;position:absolute;transition:transform 0.2s ease-in-out;}.bcm-popover-box .bcm-pop-box{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:10px;line-height:calc(10px + 8px);box-shadow:0 4px 12px 2px rgba(17, 24, 38, 0.1);border-radius:4px;position:absolute;box-sizing:border-box;background-color:#FFFFFF;border:1px solid #FFFFFF;z-index:-99999;overflow:hidden;visibility:hidden;width:fit-content;position:absolute;display:block;overflow:hidden;visibility:hidden;z-index:-99999;filter:drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.25))}.bcm-popover-box .bcm-pop-box.bcm-pop-open{overflow:unset;visibility:visible;height:unset}.bcm-popover-box .bcm-pop-box .bcm-pop-heading,.bcm-popover-box .bcm-pop-box .bcm-pop-content{display:block}.bcm-popover-box .bcm-pop-box .bcm-pop-heading:not(:empty){padding:4px 16px;border-bottom:1px solid #D9D9D9;color:var(--bcm-color-grey-9)}.bcm-popover-box .bcm-pop-box .bcm-pop-content:not(:empty){padding:8px 16px;color:var(--bcm-color-grey-8)}.bcm-popover-box::after{content:"";position:absolute;display:none;border:6px solid;z-index:10900;pointer-events:none}.bcm-popover-box.bcm-pop-open{display:block;z-index:10900}.bcm-popover-box.bcm-pop-open .bcm-pop-box{z-index:10900;overflow:unset;visibility:unset}.bcm-popover-box.bcm-pop-open::after{display:block}.bcm-popover-box.top .bcm-pop-box{bottom:100%;margin-bottom:16px}.bcm-popover-box.top::after{bottom:100%;margin-bottom:4px;border-color:#FFFFFF transparent transparent transparent}.bcm-popover-box.bottom .bcm-pop-box{top:100%;margin-top:16px}.bcm-popover-box.bottom::after{top:100%;margin-top:4px;border-color:transparent transparent #FFFFFF transparent}.bcm-popover-box.left .bcm-pop-box{right:100%;margin-right:16px}.bcm-popover-box.left::after{right:100%;margin-right:4px;border-color:transparent transparent transparent #FFFFFF}.bcm-popover-box.right .bcm-pop-box{left:100%;margin-left:16px}.bcm-popover-box.right::after{left:100%;margin-left:4px;border-color:transparent #FFFFFF transparent transparent}.bcm-popover-box.top.center .bcm-pop-box,.bcm-popover-box.bottom.center .bcm-pop-box{left:50%;transform:translateX(-50%)}.bcm-popover-box.top.center::after,.bcm-popover-box.bottom.center::after{left:50%;transform:translateX(-50%)}.bcm-popover-box.top.start .bcm-pop-box,.bcm-popover-box.bottom.start .bcm-pop-box{left:0}.bcm-popover-box.top.start::after,.bcm-popover-box.bottom.start::after{left:16px}.bcm-popover-box.top.end .bcm-pop-box,.bcm-popover-box.bottom.end .bcm-pop-box{right:0}.bcm-popover-box.top.end::after,.bcm-popover-box.bottom.end::after{right:16px}.bcm-popover-box.left.center .bcm-pop-box,.bcm-popover-box.right.center .bcm-pop-box{top:50%;transform:translateY(-50%)}.bcm-popover-box.left.center::after,.bcm-popover-box.right.center::after{top:50%;transform:translateY(-50%)}.bcm-popover-box.left.start .bcm-pop-box,.bcm-popover-box.right.start .bcm-pop-box{top:0}.bcm-popover-box.left.start::after,.bcm-popover-box.right.start::after{top:12px}.bcm-popover-box.left.end .bcm-pop-box,.bcm-popover-box.right.end .bcm-pop-box{bottom:0}.bcm-popover-box.left.end::after,.bcm-popover-box.right.end::after{bottom:12px}.bcm-popover-box.top{transform:translateY(1px)}.bcm-popover-box.bottom{transform:translateY(-1px)}.bcm-popover-box.left{transform:translateX(1px)}.bcm-popover-box.right{transform:translateX(-1px)}.bcm-popover-box.top.bcm-pop-open,.bcm-popover-box.bottom.bcm-pop-open{transform:translateY(0)}.bcm-popover-box.left.bcm-pop-open,.bcm-popover-box.right.bcm-pop-open{transform:translateX(0)}.bcm-popover-box.bcm-pop-linked.top .bcm-pop-box{margin:0 0 2px 0}.bcm-popover-box.bcm-pop-linked.bottom .bcm-pop-box{margin:2px 0 0 0}.bcm-popover-box.bcm-pop-linked.left .bcm-pop-box{margin:0 2px 0 0}.bcm-popover-box.bcm-pop-linked.right .bcm-pop-box{margin:0 0 0 2px}.bcm-popover-box.bcm-pop-linked .bcm-pop-box{filter:unset;border-radius:8px;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1)}.bcm-popover-box.bcm-pop-linked::after{display:none}';export{x as old_bcm_popover_box}