bromcom-ui 2.9.1-rc.1 → 2.9.1

package/dist/bromcom-ui/{p-ff8d5e17.entry.js → p-941b7c84.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{h as o,r as t,c as r,H as c,g as n}from"./p-e037ee2b.js";import{s as e,G as i}from"./p-4e4504ca.js";import{a as b}from"./p-f711588b.js";import{c as l}from"./p-bed627ab.js";import{c as a}from"./p-197aba37.js";import{S as d}from"./p-7c623da0.js";import{C as s}from"./p-4798d827.js";import"./p-d22b7435.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-f95797df.js";import"./p-436364c8.js";import"./p-3c7a0345.js";const u=({value:t,type:r,componentClass:c,disabled:n,href:e,target:i,loading:l,isIconOnly:a,icon:s,iconPosition:u,id:m})=>o(e?b.HtmlElementType.a:b.HtmlElementType.button,Object.assign({id:m},r==b.HtmlElementType.button&&{type:r},{class:c,disabled:n,href:e,target:i,tabindex:"0"}),o("span",{hidden:!0},o("slot",null)),l&&o("span",{class:"bcm-button__container-loading"}," ",o("span",{class:"bcm-button__container-icon"},o("i",{class:"far fa-spinner-third fa-spin"})," ")),s&&o("span",{class:`${u} bcm-button__container-icon`},o("i",{class:`${s}`})),!a&&o(d,{className:"bcm-button__container-text",value:t}),o("slot",{name:"suffix"})),m={save:{text:"Save",color:"emerald",icon:"far fa-save",iconPosition:"prefix"},ok:{text:"Ok",color:"emerald",icon:"far fa-check",iconPosition:"prefix"},new:{text:"New",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},add:{text:"Add",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},create:{text:"Create",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},prev:{text:"Prev",color:"",icon:"far fa-arrow-left",iconPosition:"prefix"},next:{text:"Next",color:"",icon:"far fa-arrow-right",iconPosition:"suffix"},apply:{text:"Apply",color:"",icon:"far fa-check-circle",iconPosition:"prefix"},submit:{text:"Submit",color:"",icon:"far fa-save",iconPosition:"prefix"},send:{text:"Send",color:"emerald",icon:"far fa-paper-plane",iconPosition:"prefix"},delete:{text:"Delete",color:"red",icon:"far fa-trash",iconPosition:"prefix"},cancel:{text:"Cancel",color:"red",icon:"far fa-times",iconPosition:"prefix"},decline:{text:"Decline",color:"red",icon:"far fa-ban",iconPosition:"prefix"},close:{text:"Close",color:"red",icon:"far fa-times-circle",iconPosition:"prefix"},archive:{text:"Archive",color:"red",icon:"far fa-folder-open",iconPosition:"prefix"},remove:{text:"Remove",color:"red",icon:"far fa-minus-circle",iconPosition:"prefix"},edit:{text:"Edit",color:"",icon:"far fa-edit",iconPosition:"prefix"},export:{text:"Export",color:"",icon:"far fa-sign-out",iconPosition:"prefix"},import:{text:"Import",color:"",icon:"far fa-sign-in",iconPosition:"prefix"},filter:{text:"Filter",color:"",icon:"far fa-filter",iconPosition:"prefix"},update:{text:"Update",color:"",icon:"far fa-sync",iconPosition:"prefix"},reset:{text:"Reset",color:"",icon:"far fa-sync",iconPosition:"prefix"},download:{text:"Download",color:"",icon:"far fa-download",iconPosition:"prefix"}};var v;!function(o){o.save="save",o.submit="submit",o.ok="ok",o.new="new",o.add="add",o.create="create",o.apply="apply",o.prev="prev",o.next="next",o.send="send",o.delete="delete",o.cancel="cancel",o.decline="decline",o.close="close",o.archive="archive",o.remove="remove",o.edit="edit",o.export="export",o.import="import",o.filter="filter",o.update="update",o.reset="Reset",o.download="download"}(v||(v={}));const{state:h}=a({value:new Map,setData:{},removeData:{}}),g=class{constructor(o){t(this,o),this.bcmClick=r(this,"bcm-click",7),this._id=i.UID(),this.hidden=!1,this.type=b.ButtonType.button,this.size=b.Size.medium,this.disabled=!1,this.kind=b.Kind.solid,this.outline=!1,this.icon=void 0,this.href=void 0,this.target=void 0,this.value=void 0,this.loading=!1,this.variant=void 0,this.dataDismiss=!1,this.fullWidth=!1,this.iconPosition=b.IconPosition.prefix,this.color=void 0,this.checked=!1}handleOnClick(o){if(this.disabled)return o.preventDefault(),o.stopPropagation(),!1}componentWillRender(){const{size:o,kind:t,icon:r,iconPosition:c,disabled:n,outline:e,href:i,type:l,target:a,loading:d,variant:s,fullWidth:u,hidden:v,value:g}=this;(o=>{const t=Object.assign(Object.assign({},o),m[o.variant]&&{icon:m[o.variant].icon,value:m[o.variant].text,iconPosition:b.IconPosition[m[o.variant].iconPosition],variantColor:m[o.variant].color});h.value.set(t.id,t)})({id:this._id,size:o,type:l,kind:t,icon:r,iconPosition:c,disabled:n,outline:e,href:i,target:a,loading:d,variant:s,fullWidth:u,hidden:v,value:g,isIconOnly:!(!this.isHaveChildNodes()||!this.icon)})}getStateData(){return o=this._id,e((()=>h.value.get(o)),{});var o}isHaveChildNodes(){return void 0===Array.from(this.el.childNodes).find((o=>o.nodeType===Node.TEXT_NODE))}setColor(o=this.color){if(!o)return;const{kind:t}=this,r=`--bcm-button-${t}`;return"solid"===t?{[`${r}-color-default`]:s.dsColor("white"),[`${r}-color-hover`]:s.dsColor("white"),[`${r}-color-focus-visible`]:s.dsColor("white"),[`${r}-color-active`]:s.dsColor("white"),[`${r}-color-disabled`]:s.dsColor("white"),[`${r}-background-color-default`]:s.dsColor(o+"-500"),[`${r}-background-color-hover`]:s.dsColor(o+"-600"),[`${r}-background-color-focus-visible`]:s.dsColor(o+"-700"),[`${r}-background-color-active`]:s.dsColor(o+"-800"),[`${r}-background-color-disabled`]:s.dsColor("slate-400"),[`${r}-border-default`]:s.dsColor(o+"-500"),[`${r}-border-hover`]:s.dsColor(o+"-600"),[`${r}-border-focus-visible`]:s.dsColor(o+"-700"),[`${r}-border-active`]:s.dsColor(o+"-800"),[`${r}-border-disabled`]:s.dsColor("slate-400")}:"link"==t?{[`${r}-color-default`]:s.dsColor(o+"-500"),[`${r}-color-hover`]:s.dsColor(o+"-600"),[`${r}-color-focus-visible`]:s.dsColor(o+"-800"),[`${r}-color-active`]:s.dsColor(o+"-700"),[`${r}-color-disabled`]:s.dsColor("slate-400"),[`${r}-background-color-default`]:s.dsColor("transparent"),[`${r}-background-color-hover`]:s.dsColor("transparent"),[`${r}-background-color-focus-visible`]:s.dsColor("slate-50"),[`${r}-background-color-active`]:s.dsColor("slate-50"),[`${r}-background-color-disabled`]:s.dsColor("transparent"),[`${r}-border-default`]:s.dsColor("transparent"),[`${r}-border-hover`]:s.dsColor("transparent"),[`${r}-border-focus-visible`]:s.dsColor("slate-50"),[`${r}-border-active`]:s.dsColor("slate-50"),[`${r}-border-disabled`]:s.dsColor("transparent")}:"ghost"==t?{[`${r}-color-default`]:s.dsColor(o+"-600"),[`${r}-color-hover`]:s.dsColor(o+"-600"),[`${r}-color-focus-visible`]:s.dsColor(o+"-600"),[`${r}-color-active`]:s.dsColor(o+"-600"),[`${r}-color-disabled`]:s.dsColor(o+"-300"),[`${r}-background-color-default`]:s.dsColor(o+"-100"),[`${r}-background-color-hover`]:s.dsColor(o+"-200"),[`${r}-background-color-focus-visible`]:s.dsColor(o+"-400"),[`${r}-background-color-active`]:s.dsColor(o+"-300"),[`${r}-background-color-disabled`]:s.dsColor(o+"-50"),[`${r}-border-default`]:s.dsColor(o+"-300"),[`${r}-border-hover`]:s.dsColor(o+"-400"),[`${r}-border-focus-visible`]:s.dsColor(o+"-600"),[`${r}-border-active`]:s.dsColor(o+"-500"),[`${r}-border-disabled`]:s.dsColor(o+"-200")}:void 0}render(){const{size:t,kind:r,disabled:n,outline:e,type:i,href:b,target:a,loading:d,variantColor:s,fullWidth:m,hidden:v,icon:h,iconPosition:g,value:p,isIconOnly:k,iconSize:f}=this.getStateData();let x=l("bcm-button__container",`bcm-button__container-size-${t}`,`bcm-button__container-kind-${e?"ghost":r}`,{"full-width":m,checked:this.checked,disabled:n});const _=l("bcm-button",{hidden:v,"full-width":m});return o(c,{class:_,style:this.setColor(s),onClick:()=>!n&&this.bcmClick.emit(this.el)},o(u,{type:i,value:p,componentClass:x,disabled:n,href:b,target:a,icon:h,loading:d,iconSize:f,isIconOnly:k,iconPosition:g}))}get el(){return n(this)}};g.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-button{display:inline-flex;width:fit-content;height:fit-content;--bcm-button-solid-color-default:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-border-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-color-hover:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-border-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-border-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-color-active:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-border-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-color-disabled:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-solid-border-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-default:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-default:var(--bcm-new-ds-color-slate-100);--bcm-button-ghost-border-default:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-color-hover:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-border-hover:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-focus-visible:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-border-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-color-active:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-border-active:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-background-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-button-ghost-border-disabled:var(--bcm-new-ds-color-slate-200);--bcm-button-link-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-link-background-color-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-link-background-color-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-default:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-focus-visible:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-link-border-focus-visible:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-active:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-link-border-active:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-disabled:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-border-disabled:var(--bcm-new-ds-color-transparent)}.bcm-button.full-width{width:100%}.bcm-button.full-width .bcm-button__container{width:100%}.bcm-button:after,.bcm-button:before{content:"";clear:both}.bcm-button__container{border:none;color:inherit;background-color:inherit;padding:0;margin:0;font:inherit;cursor:pointer;outline:none;text-decoration:none;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px 12px;outline:none;border-radius:4px;transition:background-color 0.1s ease-in-out;position:relative;min-width:40px;border-width:1px;border-style:solid;border-color:initial}.bcm-button__container:hover,.bcm-button__container:focus,.bcm-button__container:active{outline:none;text-decoration:none}.bcm-button__container-loading{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:center}.bcm-button__container-kind-solid{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-solid:hover{color:var(--bcm-button-solid-color-hover);background-color:var(--bcm-button-solid-background-color-hover);border-color:var(--bcm-button-solid-border-hover)}.bcm-button__container-kind-solid:focus-visible{color:var(--bcm-button-solid-color-focus-visible);background-color:var(--bcm-button-solid-background-color-focus-visible);border-color:var(--bcm-button-solid-border-focus-visible)}.bcm-button__container-kind-solid:active{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid:disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid.checked{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid.disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid .bcm-button__container-loading{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-ghost{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-ghost:not([disabled]) .bcm-icon{color:var(--bcm-new-ds-color-slate-500)}.bcm-button__container-kind-ghost:hover{color:var(--bcm-button-ghost-color-hover);background-color:var(--bcm-button-ghost-background-color-hover);border-color:var(--bcm-button-ghost-border-hover)}.bcm-button__container-kind-ghost:focus-visible{color:var(--bcm-button-ghost-color-focus-visible);background-color:var(--bcm-button-ghost-background-color-focus-visible);border-color:var(--bcm-button-ghost-border-focus-visible)}.bcm-button__container-kind-ghost:active{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost:disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost.checked{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost.disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost .bcm-button__container-loading{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-link{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-link:hover{color:var(--bcm-button-link-color-hover);background-color:var(--bcm-button-link-background-color-hover);border-color:var(--bcm-button-link-border-hover)}.bcm-button__container-kind-link:focus-visible{color:var(--bcm-button-link-color-focus-visible);background-color:var(--bcm-button-link-background-color-focus-visible);border-color:var(--bcm-button-link-border-focus-visible)}.bcm-button__container-kind-link:active{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link:disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link.checked{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link.disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link .bcm-button__container-loading{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-ghost-link{color:var(--bcm-button-ghost-link-color-default);background-color:var(--bcm-button-ghost-link-background-color-default);border-color:var(--bcm-button-ghost-link-border-default)}.bcm-button__container-kind-ghost-link:hover{color:var(--bcm-button-ghost-link-color-hover);background-color:var(--bcm-button-ghost-link-background-color-hover);border-color:var(--bcm-button-ghost-link-border-hover)}.bcm-button__container-kind-ghost-link:focus-visible{color:var(--bcm-button-ghost-link-color-focus-visible);background-color:var(--bcm-button-ghost-link-background-color-focus-visible);border-color:var(--bcm-button-ghost-link-border-focus-visible)}.bcm-button__container-kind-ghost-link:active{color:var(--bcm-button-ghost-link-color-active);background-color:var(--bcm-button-ghost-link-background-color-active);border-color:var(--bcm-button-ghost-link-border-active)}.bcm-button__container-kind-ghost-link:disabled{color:var(--bcm-button-ghost-link-color-disabled);background-color:var(--bcm-button-ghost-link-background-color-disabled);border-color:var(--bcm-button-ghost-link-border-disabled)}.bcm-button__container-kind-ghost-link.checked{color:var(--bcm-button-ghost-link-color-active);background-color:var(--bcm-button-ghost-link-background-color-active);border-color:var(--bcm-button-ghost-link-border-active)}.bcm-button__container-kind-ghost-link.disabled{color:var(--bcm-button-ghost-link-color-disabled);background-color:var(--bcm-button-ghost-link-background-color-disabled);border-color:var(--bcm-button-ghost-link-border-disabled)}.bcm-button__container-kind-ghost-link .bcm-button__container-loading{color:var(--bcm-button-ghost-link-color-default);background-color:var(--bcm-button-ghost-link-background-color-default);border-color:var(--bcm-button-ghost-link-border-default)}.bcm-button__container[disabled]{cursor:not-allowed}.bcm-button__container-text{order:3;display:flex;align-items:center;gap:8px;white-space:nowrap}.bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-icon.prefix{order:2}.bcm-button__container-icon.suffix{order:4}.bcm-button__container-size-small{font-size:12px;line-height:calc(12px + 8px);padding:calc(4px - 3px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px - 2px)) * 2)}.bcm-button__container-size-small .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-medium{font-size:calc(12px + 1px);line-height:calc(12px + 8px);padding:calc(4px + 1px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px + 2px)) * 2)}.bcm-button__container-size-medium .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-large{font-size:16px;line-height:calc(16px + 8px);padding:calc(8px - 1px) 12px;min-height:calc(calc(16px + 8px) + (calc(8px) * 2))}.bcm-button__container-size-large .bcm-button__container-icon{min-height:calc(16px + 8px)}';export{g as bcm_button}
+import{h as o,r as t,c as r,H as c,g as n}from"./p-e037ee2b.js";import{s as e,G as i}from"./p-b8689c5f.js";import{B as b}from"./p-f711588b.js";import{c as l}from"./p-bed627ab.js";import{c as a}from"./p-197aba37.js";import{S as d}from"./p-7c623da0.js";import{C as s}from"./p-4798d827.js";import"./p-8a1e77c7.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-f95797df.js";import"./p-436364c8.js";import"./p-3c7a0345.js";const u=({value:t,type:r,componentClass:c,disabled:n,href:e,target:i,loading:l,isIconOnly:a,icon:s,iconPosition:u,id:m})=>o(e?b.HtmlElementType.a:b.HtmlElementType.button,Object.assign({id:m},r==b.HtmlElementType.button&&{type:r},{class:c,disabled:n,href:e,target:i,tabindex:"0"}),o("span",{hidden:!0},o("slot",null)),l&&o("span",{class:"bcm-button__container-loading"}," ",o("span",{class:"bcm-button__container-icon"},o("i",{class:"far fa-spinner-third fa-spin"})," ")),s&&o("span",{class:`${u} bcm-button__container-icon`},o("i",{class:`${s}`})),!a&&o(d,{className:"bcm-button__container-text",value:t}),o("slot",{name:"suffix"})),m={save:{text:"Save",color:"emerald",icon:"far fa-save",iconPosition:"prefix"},ok:{text:"Ok",color:"emerald",icon:"far fa-check",iconPosition:"prefix"},new:{text:"New",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},add:{text:"Add",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},create:{text:"Create",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},prev:{text:"Prev",color:"",icon:"far fa-arrow-left",iconPosition:"prefix"},next:{text:"Next",color:"",icon:"far fa-arrow-right",iconPosition:"suffix"},apply:{text:"Apply",color:"",icon:"far fa-check-circle",iconPosition:"prefix"},submit:{text:"Submit",color:"",icon:"far fa-save",iconPosition:"prefix"},send:{text:"Send",color:"emerald",icon:"far fa-paper-plane",iconPosition:"prefix"},delete:{text:"Delete",color:"red",icon:"far fa-trash",iconPosition:"prefix"},cancel:{text:"Cancel",color:"red",icon:"far fa-times",iconPosition:"prefix"},decline:{text:"Decline",color:"red",icon:"far fa-ban",iconPosition:"prefix"},close:{text:"Close",color:"red",icon:"far fa-times-circle",iconPosition:"prefix"},archive:{text:"Archive",color:"red",icon:"far fa-folder-open",iconPosition:"prefix"},remove:{text:"Remove",color:"red",icon:"far fa-minus-circle",iconPosition:"prefix"},edit:{text:"Edit",color:"",icon:"far fa-edit",iconPosition:"prefix"},export:{text:"Export",color:"",icon:"far fa-sign-out",iconPosition:"prefix"},import:{text:"Import",color:"",icon:"far fa-sign-in",iconPosition:"prefix"},filter:{text:"Filter",color:"",icon:"far fa-filter",iconPosition:"prefix"},update:{text:"Update",color:"",icon:"far fa-sync",iconPosition:"prefix"},reset:{text:"Reset",color:"",icon:"far fa-sync",iconPosition:"prefix"},download:{text:"Download",color:"",icon:"far fa-download",iconPosition:"prefix"}};var v;!function(o){o.save="save",o.submit="submit",o.ok="ok",o.new="new",o.add="add",o.create="create",o.apply="apply",o.prev="prev",o.next="next",o.send="send",o.delete="delete",o.cancel="cancel",o.decline="decline",o.close="close",o.archive="archive",o.remove="remove",o.edit="edit",o.export="export",o.import="import",o.filter="filter",o.update="update",o.reset="Reset",o.download="download"}(v||(v={}));const{state:h}=a({value:new Map,setData:{},removeData:{}}),g=class{constructor(o){t(this,o),this.bcmClick=r(this,"bcm-click",7),this._id=i.UID(),this.hidden=!1,this.type=b.ButtonType.button,this.size=b.Size.medium,this.disabled=!1,this.kind=b.Kind.solid,this.outline=!1,this.icon=void 0,this.href=void 0,this.target=void 0,this.value=void 0,this.loading=!1,this.variant=void 0,this.dataDismiss=!1,this.fullWidth=!1,this.iconPosition=b.IconPosition.prefix,this.color=void 0,this.checked=!1}handleOnClick(o){if(this.disabled)return o.preventDefault(),o.stopPropagation(),!1}componentWillRender(){const{size:o,kind:t,icon:r,iconPosition:c,disabled:n,outline:e,href:i,type:l,target:a,loading:d,variant:s,fullWidth:u,hidden:v,value:g}=this;(o=>{const t=Object.assign(Object.assign({},o),m[o.variant]&&{icon:m[o.variant].icon,value:m[o.variant].text,iconPosition:b.IconPosition[m[o.variant].iconPosition],variantColor:m[o.variant].color});h.value.set(t.id,t)})({id:this._id,size:o,type:l,kind:t,icon:r,iconPosition:c,disabled:n,outline:e,href:i,target:a,loading:d,variant:s,fullWidth:u,hidden:v,value:g,isIconOnly:!(!this.isHaveChildNodes()||!this.icon)})}getStateData(){return o=this._id,e((()=>h.value.get(o)),{});var o}isHaveChildNodes(){return void 0===Array.from(this.el.childNodes).find((o=>o.nodeType===Node.TEXT_NODE))}setColor(o=this.color){if(!o)return;const{kind:t}=this,r=`--bcm-button-${t}`;return"solid"===t?{[`${r}-color-default`]:s.dsColor("white"),[`${r}-color-hover`]:s.dsColor("white"),[`${r}-color-focus-visible`]:s.dsColor("white"),[`${r}-color-active`]:s.dsColor("white"),[`${r}-color-disabled`]:s.dsColor("white"),[`${r}-background-color-default`]:s.dsColor(o+"-500"),[`${r}-background-color-hover`]:s.dsColor(o+"-600"),[`${r}-background-color-focus-visible`]:s.dsColor(o+"-700"),[`${r}-background-color-active`]:s.dsColor(o+"-800"),[`${r}-background-color-disabled`]:s.dsColor("slate-400"),[`${r}-border-default`]:s.dsColor(o+"-500"),[`${r}-border-hover`]:s.dsColor(o+"-600"),[`${r}-border-focus-visible`]:s.dsColor(o+"-700"),[`${r}-border-active`]:s.dsColor(o+"-800"),[`${r}-border-disabled`]:s.dsColor("slate-400")}:"link"==t?{[`${r}-color-default`]:s.dsColor(o+"-500"),[`${r}-color-hover`]:s.dsColor(o+"-600"),[`${r}-color-focus-visible`]:s.dsColor(o+"-800"),[`${r}-color-active`]:s.dsColor(o+"-700"),[`${r}-color-disabled`]:s.dsColor("slate-400"),[`${r}-background-color-default`]:s.dsColor("transparent"),[`${r}-background-color-hover`]:s.dsColor("transparent"),[`${r}-background-color-focus-visible`]:s.dsColor("slate-50"),[`${r}-background-color-active`]:s.dsColor("slate-50"),[`${r}-background-color-disabled`]:s.dsColor("transparent"),[`${r}-border-default`]:s.dsColor("transparent"),[`${r}-border-hover`]:s.dsColor("transparent"),[`${r}-border-focus-visible`]:s.dsColor("slate-50"),[`${r}-border-active`]:s.dsColor("slate-50"),[`${r}-border-disabled`]:s.dsColor("transparent")}:"ghost"==t?{[`${r}-color-default`]:s.dsColor(o+"-600"),[`${r}-color-hover`]:s.dsColor(o+"-600"),[`${r}-color-focus-visible`]:s.dsColor(o+"-600"),[`${r}-color-active`]:s.dsColor(o+"-600"),[`${r}-color-disabled`]:s.dsColor(o+"-300"),[`${r}-background-color-default`]:s.dsColor(o+"-100"),[`${r}-background-color-hover`]:s.dsColor(o+"-200"),[`${r}-background-color-focus-visible`]:s.dsColor(o+"-400"),[`${r}-background-color-active`]:s.dsColor(o+"-300"),[`${r}-background-color-disabled`]:s.dsColor(o+"-50"),[`${r}-border-default`]:s.dsColor(o+"-300"),[`${r}-border-hover`]:s.dsColor(o+"-400"),[`${r}-border-focus-visible`]:s.dsColor(o+"-600"),[`${r}-border-active`]:s.dsColor(o+"-500"),[`${r}-border-disabled`]:s.dsColor(o+"-200")}:void 0}render(){const{size:t,kind:r,disabled:n,outline:e,type:i,href:b,target:a,loading:d,variantColor:s,fullWidth:m,hidden:v,icon:h,iconPosition:g,value:p,isIconOnly:k,iconSize:f}=this.getStateData();let x=l("bcm-button__container",`bcm-button__container-size-${t}`,`bcm-button__container-kind-${e?"ghost":r}`,{"full-width":m,checked:this.checked,disabled:n});const _=l("bcm-button",{hidden:v,"full-width":m});return o(c,{class:_,style:this.setColor(s),onClick:()=>!n&&this.bcmClick.emit(this.el)},o(u,{type:i,value:p,componentClass:x,disabled:n,href:b,target:a,icon:h,loading:d,iconSize:f,isIconOnly:k,iconPosition:g}))}get el(){return n(this)}};g.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-button{display:inline-flex;width:fit-content;height:fit-content;--bcm-button-solid-color-default:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-border-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-color-hover:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-border-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-border-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-color-active:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-border-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-color-disabled:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-solid-border-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-default:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-default:var(--bcm-new-ds-color-slate-100);--bcm-button-ghost-border-default:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-color-hover:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-border-hover:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-focus-visible:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-border-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-color-active:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-border-active:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-background-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-button-ghost-border-disabled:var(--bcm-new-ds-color-slate-200);--bcm-button-link-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-link-background-color-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-link-background-color-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-default:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-focus-visible:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-link-border-focus-visible:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-active:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-link-border-active:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-disabled:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-border-disabled:var(--bcm-new-ds-color-transparent)}.bcm-button.full-width{width:100%}.bcm-button.full-width .bcm-button__container{width:100%}.bcm-button:after,.bcm-button:before{content:"";clear:both}.bcm-button__container{border:none;color:inherit;background-color:inherit;padding:0;margin:0;font:inherit;cursor:pointer;outline:none;text-decoration:none;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px 12px;outline:none;border-radius:4px;transition:background-color 0.1s ease-in-out;position:relative;min-width:40px;border-width:1px;border-style:solid;border-color:initial}.bcm-button__container:hover,.bcm-button__container:focus,.bcm-button__container:active{outline:none;text-decoration:none}.bcm-button__container-loading{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:center}.bcm-button__container-kind-solid{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-solid:hover{color:var(--bcm-button-solid-color-hover);background-color:var(--bcm-button-solid-background-color-hover);border-color:var(--bcm-button-solid-border-hover)}.bcm-button__container-kind-solid:focus-visible{color:var(--bcm-button-solid-color-focus-visible);background-color:var(--bcm-button-solid-background-color-focus-visible);border-color:var(--bcm-button-solid-border-focus-visible)}.bcm-button__container-kind-solid:active{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid:disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid.checked{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid.disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid .bcm-button__container-loading{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-ghost{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-ghost:not([disabled]) .bcm-icon{color:var(--bcm-new-ds-color-slate-500)}.bcm-button__container-kind-ghost:hover{color:var(--bcm-button-ghost-color-hover);background-color:var(--bcm-button-ghost-background-color-hover);border-color:var(--bcm-button-ghost-border-hover)}.bcm-button__container-kind-ghost:focus-visible{color:var(--bcm-button-ghost-color-focus-visible);background-color:var(--bcm-button-ghost-background-color-focus-visible);border-color:var(--bcm-button-ghost-border-focus-visible)}.bcm-button__container-kind-ghost:active{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost:disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost.checked{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost.disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost .bcm-button__container-loading{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-link{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-link:hover{color:var(--bcm-button-link-color-hover);background-color:var(--bcm-button-link-background-color-hover);border-color:var(--bcm-button-link-border-hover)}.bcm-button__container-kind-link:focus-visible{color:var(--bcm-button-link-color-focus-visible);background-color:var(--bcm-button-link-background-color-focus-visible);border-color:var(--bcm-button-link-border-focus-visible)}.bcm-button__container-kind-link:active{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link:disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link.checked{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link.disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link .bcm-button__container-loading{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-ghost-link{color:var(--bcm-button-ghost-link-color-default);background-color:var(--bcm-button-ghost-link-background-color-default);border-color:var(--bcm-button-ghost-link-border-default)}.bcm-button__container-kind-ghost-link:hover{color:var(--bcm-button-ghost-link-color-hover);background-color:var(--bcm-button-ghost-link-background-color-hover);border-color:var(--bcm-button-ghost-link-border-hover)}.bcm-button__container-kind-ghost-link:focus-visible{color:var(--bcm-button-ghost-link-color-focus-visible);background-color:var(--bcm-button-ghost-link-background-color-focus-visible);border-color:var(--bcm-button-ghost-link-border-focus-visible)}.bcm-button__container-kind-ghost-link:active{color:var(--bcm-button-ghost-link-color-active);background-color:var(--bcm-button-ghost-link-background-color-active);border-color:var(--bcm-button-ghost-link-border-active)}.bcm-button__container-kind-ghost-link:disabled{color:var(--bcm-button-ghost-link-color-disabled);background-color:var(--bcm-button-ghost-link-background-color-disabled);border-color:var(--bcm-button-ghost-link-border-disabled)}.bcm-button__container-kind-ghost-link.checked{color:var(--bcm-button-ghost-link-color-active);background-color:var(--bcm-button-ghost-link-background-color-active);border-color:var(--bcm-button-ghost-link-border-active)}.bcm-button__container-kind-ghost-link.disabled{color:var(--bcm-button-ghost-link-color-disabled);background-color:var(--bcm-button-ghost-link-background-color-disabled);border-color:var(--bcm-button-ghost-link-border-disabled)}.bcm-button__container-kind-ghost-link .bcm-button__container-loading{color:var(--bcm-button-ghost-link-color-default);background-color:var(--bcm-button-ghost-link-background-color-default);border-color:var(--bcm-button-ghost-link-border-default)}.bcm-button__container[disabled]{cursor:not-allowed}.bcm-button__container-text{order:3;display:flex;align-items:center;gap:8px;white-space:nowrap}.bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-icon.prefix{order:2}.bcm-button__container-icon.suffix{order:4}.bcm-button__container-size-small{font-size:12px;line-height:calc(12px + 8px);padding:calc(4px - 3px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px - 2px)) * 2)}.bcm-button__container-size-small .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-medium{font-size:calc(12px + 1px);line-height:calc(12px + 8px);padding:calc(4px + 1px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px + 2px)) * 2)}.bcm-button__container-size-medium .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-large{font-size:16px;line-height:calc(16px + 8px);padding:calc(8px - 1px) 12px;min-height:calc(calc(16px + 8px) + (calc(8px) * 2))}.bcm-button__container-size-large .bcm-button__container-icon{min-height:calc(16px + 8px)}';export{g as bcm_button}

package/dist/bromcom-ui/{p-f709a2e2.entry.js → p-9563a9cc.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,h as e,H as s,g as o}from"./p-e037ee2b.js";import"./p-4798d827.js";import"./p-626a65e9.js";import{G as i}from"./p-4e4504ca.js";import"./p-67bb1c06.js";import"./p-f95797df.js";import"./p-ae94dfa8.js";import"./p-5ae0a59b.js";import{B as r}from"./p-f711588b.js";import{c as a}from"./p-bed627ab.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-d22b7435.js";const p=class{constructor(e){t(this,e),this._id=i.UID(),this.active=!1,this.disabled=!1,this.index=void 0,this.color="blue",this.size=r.Size.medium}handleClick(){var t;this.disabled||null===(t=i.findParentElement(this.el,"bcm-tab-group"))||void 0===t||t.setActive(this.index)}render(){const{color:t,size:o,active:p,disabled:l}=this,c=i.getTwColor({color:t,tones:[500,600,700,800]});return e(s,{onClick:()=>this.handleClick(),class:a("tw-flex tw-flex-1 tw-items-center tw-justify-center tw-border-b-[2px] tw-border-b-slate-300  tw-transition-font tw-focus:outline-none",{"tw-text-2 tw-py-1 tw-gap-2":o===r.Size.small,"tw-text-3 tw-py-2 tw-gap-3":o===r.Size.medium,"tw-text-4 tw-py-3 tw-gap-4":o===r.Size.large},l?"tw-cursor-not-allowed tw-text-gray-400 tw-opacity-50":"tw-cursor-pointer",p?"tw-text-default-500 enabled:hover:tw-text-default-600 enabled:active:tw-text-default-700 enabled:focus-visible:tw-text-default-800":"tw-text-slate-400 enabled:hover:tw-text-slate-500 enabled:focus-visible:tw-text-slate-700 enabled:active:tw-text-slate-600"),style:c})}get el(){return o(this)}};export{p as bcm_tab_item_header}
+import{r as t,h as e,H as s,g as o}from"./p-e037ee2b.js";import"./p-4798d827.js";import"./p-626a65e9.js";import{G as i}from"./p-b8689c5f.js";import"./p-f77e16e8.js";import"./p-f95797df.js";import"./p-8be10f68.js";import"./p-5ae0a59b.js";import{a as r}from"./p-f711588b.js";import{c as a}from"./p-bed627ab.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-8a1e77c7.js";const p=class{constructor(e){t(this,e),this._id=i.UID(),this.active=!1,this.disabled=!1,this.index=void 0,this.color="blue",this.size=r.Size.medium}handleClick(){var t;this.disabled||null===(t=i.findParentElement(this.el,"bcm-tab-group"))||void 0===t||t.setActive(this.index)}render(){const{color:t,size:o,active:p,disabled:l}=this,c=i.getTwColor({color:t,tones:[500,600,700,800]});return e(s,{onClick:()=>this.handleClick(),class:a("tw-flex tw-flex-1 tw-items-center tw-justify-center tw-border-b-[2px] tw-border-b-slate-300  tw-transition-font tw-focus:outline-none",{"tw-text-2 tw-py-1 tw-gap-2":o===r.Size.small,"tw-text-3 tw-py-2 tw-gap-3":o===r.Size.medium,"tw-text-4 tw-py-3 tw-gap-4":o===r.Size.large},l?"tw-cursor-not-allowed tw-text-gray-400 tw-opacity-50":"tw-cursor-pointer",p?"tw-text-default-500 enabled:hover:tw-text-default-600 enabled:active:tw-text-default-700 enabled:focus-visible:tw-text-default-800":"tw-text-slate-400 enabled:hover:tw-text-slate-500 enabled:focus-visible:tw-text-slate-700 enabled:active:tw-text-slate-600"),style:c})}get el(){return o(this)}};export{p as bcm_tab_item_header}

package/dist/bromcom-ui/{p-7f63e25c.entry.js → p-967bf166.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as o,c as t,h as p,H as i,g as e}from"./p-e037ee2b.js";import{c as r}from"./p-bed627ab.js";import{C as n}from"./p-4798d827.js";import{G as c}from"./p-4e4504ca.js";import{S as m}from"./p-f95797df.js";import{s}from"./p-8c951a73.js";import"./p-e45c1546.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-d22b7435.js";import"./p-f711588b.js";const b={error:["fal fa-times-circle","red-6"],warning:["fal fa-exclamation-circle","warmyellow-6"]},a=class{constructor(p){o(this,p),this.onConfirm=t(this,"bcm-popconfirm-confirm",7),this.onCancel=t(this,"bcm-popconfirm-cancel",7),this.onShow=t(this,"bcm-popconfirm-show",7),this._id=c.UID(),this._target_id=void 0,this.message=void 0,this.status="warning",this.cancelText="No",this.okeyText="Yes",this.placement=void 0,this.open=!1,this.hidden=!1,this._internal_id=void 0,this.placement_string=void 0}getPopconfirm(){return document.querySelector(`bcm-popconfirm[id="${this._target_id}"]`)}handleClickOutside(o){this.el.contains(o.target)||this.getPopconfirm().contains(o.target)||(this.getPopconfirm().hide(),this.hide())}showHandler(o){o.detail!=this._target_id&&(this.getPopconfirm().hide(),this.hide())}async show(){this.open=!0,this.onShow.emit(this._target_id)}async hide(){this.open=!1}componentWillRender(){this.calculateLocation()}calculateLocation(){if(this.open){var o=this.placement;const t=this.el.querySelector(".bcm-pop-box"),p=document.getElementById(this._target_id).children[0];if(t&&p){let t=s(o,p,{top:p.offsetTop,left:p.offsetLeft});this.setPlacementString(o),this.el.style.top=t[0]+"px",this.el.style.left=t[1]+"px"}}}setPlacementString(o){const t=m.textContains(o,"-")?o.split("-"):o.split(" ");1===t.length&&t.push("center"),this.placement_string=t.join(" ")}handleConfirm(){this.getPopconfirm().hide(),this.hide(),this.onConfirm.emit(this._target_id)}handleCancel(){this.getPopconfirm().hide(),this.hide(),this.onCancel.emit(this._target_id)}render(){const{message:o,cancelText:t,okeyText:e,open:c,placement_string:m,status:s}=this,a=b[s],x=r("bcm-pop-box"),f=r("bcm-popconfirm-box",m,{"bcm-pop-open":c});return p(i,{class:f},p("div",{class:x},p("div",{class:"bcm-pop-content"},p("div",{class:"bcm-pop-content-icon size-3",style:{color:n.convertColorToHex(a[1])}},p("bcm-icon",{icon:a[0]})),p("div",{class:"bcm-pop-content-text"},p("bcm-text",{scale:"size-2",innerHTML:o}))),p("div",{class:"bcm-pop-buttons"},p("bcm-button",{size:"small",onClick:()=>this.handleCancel(),outline:!0},t),p("bcm-button",{size:"small",onClick:()=>this.handleConfirm()},e))))}get el(){return e(this)}};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-popconfirm-box{position:absolute;transition:transform 0.2s ease-in-out;}.bcm-popconfirm-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:230px;filter:drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.25));padding:8px 16px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-content{display:flex;flex-direction:row;align-items:flex-start}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-content-icon{margin-right:8px;min-width:16px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-content-text{display:flex;flex-direction:row;align-items:center;text-align:left;padding-top:1px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-buttons{display:flex;justify-content:flex-end;margin-top:8px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-buttons bcm-button:first-child{margin-right:8px}.bcm-popconfirm-box::after{content:"";position:absolute;display:none;border:6px solid;z-index:10900;pointer-events:none}.bcm-popconfirm-box.bcm-pop-open{display:block;z-index:10900}.bcm-popconfirm-box.bcm-pop-open .bcm-pop-box{z-index:10900;overflow:unset;visibility:unset}.bcm-popconfirm-box.bcm-pop-open::after{display:block}.bcm-popconfirm-box.top .bcm-pop-box{bottom:100%;margin-bottom:16px}.bcm-popconfirm-box.top::after{bottom:100%;margin-bottom:4px;border-color:#FFFFFF transparent transparent transparent}.bcm-popconfirm-box.bottom .bcm-pop-box{top:100%;margin-top:16px}.bcm-popconfirm-box.bottom::after{top:100%;margin-top:4px;border-color:transparent transparent #FFFFFF transparent}.bcm-popconfirm-box.left .bcm-pop-box{right:100%;margin-right:16px}.bcm-popconfirm-box.left::after{right:100%;margin-right:4px;border-color:transparent transparent transparent #FFFFFF}.bcm-popconfirm-box.right .bcm-pop-box{left:100%;margin-left:16px}.bcm-popconfirm-box.right::after{left:100%;margin-left:4px;border-color:transparent #FFFFFF transparent transparent}.bcm-popconfirm-box.top.center .bcm-pop-box,.bcm-popconfirm-box.bottom.center .bcm-pop-box{left:50%;transform:translateX(-50%)}.bcm-popconfirm-box.top.center::after,.bcm-popconfirm-box.bottom.center::after{left:50%;transform:translateX(-50%)}.bcm-popconfirm-box.top.start .bcm-pop-box,.bcm-popconfirm-box.bottom.start .bcm-pop-box{left:0}.bcm-popconfirm-box.top.start::after,.bcm-popconfirm-box.bottom.start::after{left:16px}.bcm-popconfirm-box.top.end .bcm-pop-box,.bcm-popconfirm-box.bottom.end .bcm-pop-box{right:0}.bcm-popconfirm-box.top.end::after,.bcm-popconfirm-box.bottom.end::after{right:16px}.bcm-popconfirm-box.left.center .bcm-pop-box,.bcm-popconfirm-box.right.center .bcm-pop-box{top:50%;transform:translateY(-50%)}.bcm-popconfirm-box.left.center::after,.bcm-popconfirm-box.right.center::after{top:50%;transform:translateY(-50%)}.bcm-popconfirm-box.left.start .bcm-pop-box,.bcm-popconfirm-box.right.start .bcm-pop-box{top:0}.bcm-popconfirm-box.left.start::after,.bcm-popconfirm-box.right.start::after{top:12px}.bcm-popconfirm-box.left.end .bcm-pop-box,.bcm-popconfirm-box.right.end .bcm-pop-box{bottom:0}.bcm-popconfirm-box.left.end::after,.bcm-popconfirm-box.right.end::after{bottom:12px}.bcm-popconfirm-box.top{transform:translateY(1px)}.bcm-popconfirm-box.bottom{transform:translateY(-1px)}.bcm-popconfirm-box.left{transform:translateX(1px)}.bcm-popconfirm-box.right{transform:translateX(-1px)}.bcm-popconfirm-box.top.bcm-pop-open,.bcm-popconfirm-box.bottom.bcm-pop-open{transform:translateY(0)}.bcm-popconfirm-box.left.bcm-pop-open,.bcm-popconfirm-box.right.bcm-pop-open{transform:translateX(0)}';export{a as bcm_popconfirm_box}
+import{r as o,c as t,h as p,H as i,g as e}from"./p-e037ee2b.js";import{c as r}from"./p-bed627ab.js";import{C as n}from"./p-4798d827.js";import{G as c}from"./p-b8689c5f.js";import{S as m}from"./p-f95797df.js";import{s}from"./p-8c951a73.js";import"./p-e45c1546.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-8a1e77c7.js";import"./p-f711588b.js";const b={error:["fal fa-times-circle","red-6"],warning:["fal fa-exclamation-circle","warmyellow-6"]},a=class{constructor(p){o(this,p),this.onConfirm=t(this,"bcm-popconfirm-confirm",7),this.onCancel=t(this,"bcm-popconfirm-cancel",7),this.onShow=t(this,"bcm-popconfirm-show",7),this._id=c.UID(),this._target_id=void 0,this.message=void 0,this.status="warning",this.cancelText="No",this.okeyText="Yes",this.placement=void 0,this.open=!1,this.hidden=!1,this._internal_id=void 0,this.placement_string=void 0}getPopconfirm(){return document.querySelector(`bcm-popconfirm[id="${this._target_id}"]`)}handleClickOutside(o){this.el.contains(o.target)||this.getPopconfirm().contains(o.target)||(this.getPopconfirm().hide(),this.hide())}showHandler(o){o.detail!=this._target_id&&(this.getPopconfirm().hide(),this.hide())}async show(){this.open=!0,this.onShow.emit(this._target_id)}async hide(){this.open=!1}componentWillRender(){this.calculateLocation()}calculateLocation(){if(this.open){var o=this.placement;const t=this.el.querySelector(".bcm-pop-box"),p=document.getElementById(this._target_id).children[0];if(t&&p){let t=s(o,p,{top:p.offsetTop,left:p.offsetLeft});this.setPlacementString(o),this.el.style.top=t[0]+"px",this.el.style.left=t[1]+"px"}}}setPlacementString(o){const t=m.textContains(o,"-")?o.split("-"):o.split(" ");1===t.length&&t.push("center"),this.placement_string=t.join(" ")}handleConfirm(){this.getPopconfirm().hide(),this.hide(),this.onConfirm.emit(this._target_id)}handleCancel(){this.getPopconfirm().hide(),this.hide(),this.onCancel.emit(this._target_id)}render(){const{message:o,cancelText:t,okeyText:e,open:c,placement_string:m,status:s}=this,a=b[s],x=r("bcm-pop-box"),f=r("bcm-popconfirm-box",m,{"bcm-pop-open":c});return p(i,{class:f},p("div",{class:x},p("div",{class:"bcm-pop-content"},p("div",{class:"bcm-pop-content-icon size-3",style:{color:n.convertColorToHex(a[1])}},p("bcm-icon",{icon:a[0]})),p("div",{class:"bcm-pop-content-text"},p("bcm-text",{scale:"size-2",innerHTML:o}))),p("div",{class:"bcm-pop-buttons"},p("bcm-button",{size:"small",onClick:()=>this.handleCancel(),outline:!0},t),p("bcm-button",{size:"small",onClick:()=>this.handleConfirm()},e))))}get el(){return e(this)}};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-popconfirm-box{position:absolute;transition:transform 0.2s ease-in-out;}.bcm-popconfirm-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:230px;filter:drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.25));padding:8px 16px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-content{display:flex;flex-direction:row;align-items:flex-start}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-content-icon{margin-right:8px;min-width:16px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-content-text{display:flex;flex-direction:row;align-items:center;text-align:left;padding-top:1px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-buttons{display:flex;justify-content:flex-end;margin-top:8px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-buttons bcm-button:first-child{margin-right:8px}.bcm-popconfirm-box::after{content:"";position:absolute;display:none;border:6px solid;z-index:10900;pointer-events:none}.bcm-popconfirm-box.bcm-pop-open{display:block;z-index:10900}.bcm-popconfirm-box.bcm-pop-open .bcm-pop-box{z-index:10900;overflow:unset;visibility:unset}.bcm-popconfirm-box.bcm-pop-open::after{display:block}.bcm-popconfirm-box.top .bcm-pop-box{bottom:100%;margin-bottom:16px}.bcm-popconfirm-box.top::after{bottom:100%;margin-bottom:4px;border-color:#FFFFFF transparent transparent transparent}.bcm-popconfirm-box.bottom .bcm-pop-box{top:100%;margin-top:16px}.bcm-popconfirm-box.bottom::after{top:100%;margin-top:4px;border-color:transparent transparent #FFFFFF transparent}.bcm-popconfirm-box.left .bcm-pop-box{right:100%;margin-right:16px}.bcm-popconfirm-box.left::after{right:100%;margin-right:4px;border-color:transparent transparent transparent #FFFFFF}.bcm-popconfirm-box.right .bcm-pop-box{left:100%;margin-left:16px}.bcm-popconfirm-box.right::after{left:100%;margin-left:4px;border-color:transparent #FFFFFF transparent transparent}.bcm-popconfirm-box.top.center .bcm-pop-box,.bcm-popconfirm-box.bottom.center .bcm-pop-box{left:50%;transform:translateX(-50%)}.bcm-popconfirm-box.top.center::after,.bcm-popconfirm-box.bottom.center::after{left:50%;transform:translateX(-50%)}.bcm-popconfirm-box.top.start .bcm-pop-box,.bcm-popconfirm-box.bottom.start .bcm-pop-box{left:0}.bcm-popconfirm-box.top.start::after,.bcm-popconfirm-box.bottom.start::after{left:16px}.bcm-popconfirm-box.top.end .bcm-pop-box,.bcm-popconfirm-box.bottom.end .bcm-pop-box{right:0}.bcm-popconfirm-box.top.end::after,.bcm-popconfirm-box.bottom.end::after{right:16px}.bcm-popconfirm-box.left.center .bcm-pop-box,.bcm-popconfirm-box.right.center .bcm-pop-box{top:50%;transform:translateY(-50%)}.bcm-popconfirm-box.left.center::after,.bcm-popconfirm-box.right.center::after{top:50%;transform:translateY(-50%)}.bcm-popconfirm-box.left.start .bcm-pop-box,.bcm-popconfirm-box.right.start .bcm-pop-box{top:0}.bcm-popconfirm-box.left.start::after,.bcm-popconfirm-box.right.start::after{top:12px}.bcm-popconfirm-box.left.end .bcm-pop-box,.bcm-popconfirm-box.right.end .bcm-pop-box{bottom:0}.bcm-popconfirm-box.left.end::after,.bcm-popconfirm-box.right.end::after{bottom:12px}.bcm-popconfirm-box.top{transform:translateY(1px)}.bcm-popconfirm-box.bottom{transform:translateY(-1px)}.bcm-popconfirm-box.left{transform:translateX(1px)}.bcm-popconfirm-box.right{transform:translateX(-1px)}.bcm-popconfirm-box.top.bcm-pop-open,.bcm-popconfirm-box.bottom.bcm-pop-open{transform:translateY(0)}.bcm-popconfirm-box.left.bcm-pop-open,.bcm-popconfirm-box.right.bcm-pop-open{transform:translateX(0)}';export{a as bcm_popconfirm_box}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as i,h as e,H as t,g as n}from"./p-e037ee2b.js";import{c as s}from"./p-bed627ab.js";import{B as a}from"./p-f711588b.js";import"./p-e45c1546.js";const o=class{constructor(e){i(this,e),this.hidden=!1,this.href=void 0,this.target=void 0,this.icon=void 0,this.disabled=!1,this.iconPosition=a.IconPosition.prefix}handleOnClick(i){this.disabled&&(i.preventDefault(),i.stopPropagation())}linkIsExternal(i){return i&&!(!i.startsWith("http")&&!i.startsWith("//"))}render(){const{href:i,icon:n,hidden:o,target:l,iconPosition:r,disabled:p}=this,c=s("bcm-link",{disabled:p,hidden:o}),h=s("bcm-link__anchor",r,{suffix:this.linkIsExternal(i)});return e(t,{disabled:p,class:c},e(i?"a":"span",{class:h,href:i,target:this.linkIsExternal(i)?"_blank":l},n&&r===a.IconPosition.prefix&&e("bcm-icon",{class:"prefix-icon",icon:n}),e("slot",null),this.linkIsExternal(i)&&e("bcm-icon",{class:"suffix-icon",icon:"far fa-external-link-alt"})))}get el(){return n(this)}};o.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-link{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline;color:var(--bcm-new-ds-color-blue-500)}.bcm-link.hidden{display:none}.bcm-link.disabled{pointer-events:none;opacity:0.5;cursor:not-allowed}.bcm-link__anchor{display:inline-flex;align-items:baseline;font-size:inherit;color:inherit}.bcm-link__anchor.prefix .prefix-icon{margin-right:4px}.bcm-link__anchor.suffix .suffix-icon{margin-left:4px}.bcm-link__anchor:hover,.bcm-link__anchor:focus,.bcm-link__anchor:active,.bcm-link__anchor:focus-visible{outline:none}.bcm-link__anchor:hover{color:var(--bcm-new-ds-color-blue-600)}.bcm-link__anchor:active{color:var(--bcm-new-ds-color-blue-700)}.bcm-link__anchor:focus-visible{color:var(--bcm-new-ds-color-blue-800)}';export{o as bcm_link}

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

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

package/dist/bromcom-ui/{p-bc8d7f89.entry.js → p-a57482d6.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 a}from"./p-e037ee2b.js";import"./p-4798d827.js";import"./p-626a65e9.js";import{G as o}from"./p-4e4504ca.js";import"./p-67bb1c06.js";import"./p-f95797df.js";import"./p-ae94dfa8.js";import"./p-5ae0a59b.js";import{d as h}from"./p-3c7a0345.js";import{B as r}from"./p-f711588b.js";import{c as l}from"./p-bed627ab.js";import"./p-436364c8.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-d22b7435.js";const c=class{constructor(i){t(this,i),this.modalClose=s(this,"bcm-modal-close",7),this.modalOpen=s(this,"bcm-modal-open",7),this.modalBeforeClose=s(this,"bcm-modal-before-close",7),this.modalBeforeOpen=s(this,"bcm-modal-before-open",7),this._id=o.UID(),this.isShow=!1,this.center=!1,this.zIndex="10400",this.size=r.Size.medium,this.backdrop=!0,this.fullWidth=!1,this.fullScreen=!1,this.overflow=!0,this.isShowModal=!1,this.shake=!1}handleClick(t){const s=o.findEventPathHasAttribute(t,"data-dismiss"),i=t.target.attributes.getNamedItem("is-click-overlay");i&&"static"===this.backdrop?this.shakeModal():(s||i)&&(this.hide(),t.preventDefault(),t.stopPropagation())}handleKeyDown(t){Array.from(document.querySelectorAll("bcm-modal-2[is-show]")).pop()===this.el&&"Escape"===t.key&&("static"===this.backdrop?this.shakeModal():this.hide(),t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}shakeModal(){this.shake=!0,setTimeout((()=>this.shake=!1),300)}async hide(){this.modalBeforeClose.emit()}async hideModal(t){t.defaultPrevented||t.target===this.el&&(this.isShowModal=!1,await h(150),this.isShow=!1,this.modalClose.emit())}async show(){this.modalBeforeOpen.emit()}async showModal(t){t.defaultPrevented||t.target===this.el&&(this.isShow=!0,await h(50),this.isShowModal=!0,document.body.appendChild(this.el),this.modalOpen.emit())}getWidth(t){return{small:"576px",medium:"768px",large:"992px",xlarge:"1024px",xxlarge:"1200px",xxxlarge:"1700px"}[t]||t}setSize(){const{fullScreen:t,fullWidth:s,size:i,overflow:e}=this;let a="auto",o="auto",h=s?"100%":this.getWidth(i);return t&&(o=e?"100vh":"auto",h="100vw",a="100vh"),{width:h,minHeight:a,height:o}}render(){return i(e,{class:{"tw-hidden":!this.isShow}},i("bcm-overlay",{"z-index":+this.zIndex-1,opacity:this.isShowModal?"0.5":"0"}),i("div",{class:l("tw-fixed tw-inset-0","tw-flex tw-h-full tw-w-full tw-items-start tw-justify-center","tw-overflow-y-scroll tw-overscroll-contain tw-font-sans",this.center?"tw-items-center":""),style:{zIndex:this.zIndex},"is-click-overlay":!0},i("div",{class:l("tw-flex tw-w-full tw-flex-col","tw-relative tw-z-modal tw-bg-white","tw--translate-y-[20px] tw-transform tw-opacity-0 tw-transition tw-duration-300 tw-ease-in-out",this.fullScreen?"":`tw-m-4 tw-rounded-lg ${this.overflow?"tw-max-h-[90vh]":""} `,this.shake?"tw-animate-shake":""),style:Object.assign(Object.assign({},this.setSize()),this.isShowModal?{transform:"translateY(0)",opacity:"1"}:{})},i("slot",{name:"header"}),i("bcm-scroll-area",{"is-disabled":!this.overflow},i("slot",null)),i("slot",{name:"footer"}))))}get el(){return a(this)}};export{c as bcm_modal_2}
+import{r as t,c as s,h as i,H as e,g as a}from"./p-e037ee2b.js";import"./p-4798d827.js";import"./p-626a65e9.js";import{G as o}from"./p-b8689c5f.js";import"./p-f77e16e8.js";import"./p-f95797df.js";import"./p-8be10f68.js";import"./p-5ae0a59b.js";import{d as h}from"./p-3c7a0345.js";import{a as r}from"./p-f711588b.js";import{c as l}from"./p-bed627ab.js";import"./p-436364c8.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-8a1e77c7.js";const c=class{constructor(i){t(this,i),this.modalClose=s(this,"bcm-modal-close",7),this.modalOpen=s(this,"bcm-modal-open",7),this.modalBeforeClose=s(this,"bcm-modal-before-close",7),this.modalBeforeOpen=s(this,"bcm-modal-before-open",7),this._id=o.UID(),this.isShow=!1,this.center=!1,this.zIndex="10400",this.size=r.Size.medium,this.backdrop=!0,this.fullWidth=!1,this.fullScreen=!1,this.overflow=!0,this.isShowModal=!1,this.shake=!1}handleClick(t){const s=o.findEventPathHasAttribute(t,"data-dismiss"),i=t.target.attributes.getNamedItem("is-click-overlay");i&&"static"===this.backdrop?this.shakeModal():(s||i)&&(this.hide(),t.preventDefault(),t.stopPropagation())}handleKeyDown(t){Array.from(document.querySelectorAll("bcm-modal-2[is-show]")).pop()===this.el&&"Escape"===t.key&&("static"===this.backdrop?this.shakeModal():this.hide(),t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}shakeModal(){this.shake=!0,setTimeout((()=>this.shake=!1),300)}async hide(){this.modalBeforeClose.emit()}async hideModal(t){t.defaultPrevented||t.target===this.el&&(this.isShowModal=!1,await h(150),this.isShow=!1,this.modalClose.emit())}async show(){this.modalBeforeOpen.emit()}async showModal(t){t.defaultPrevented||t.target===this.el&&(this.isShow=!0,await h(50),this.isShowModal=!0,document.body.appendChild(this.el),this.modalOpen.emit())}getWidth(t){return{small:"576px",medium:"768px",large:"992px",xlarge:"1024px",xxlarge:"1200px",xxxlarge:"1700px"}[t]||t}setSize(){const{fullScreen:t,fullWidth:s,size:i,overflow:e}=this;let a="auto",o="auto",h=s?"100%":this.getWidth(i);return t&&(o=e?"100vh":"auto",h="100vw",a="100vh"),{width:h,minHeight:a,height:o}}render(){return i(e,{class:{"tw-hidden":!this.isShow}},i("bcm-overlay",{"z-index":+this.zIndex-1,opacity:this.isShowModal?"0.5":"0"}),i("div",{class:l("tw-fixed tw-inset-0","tw-flex tw-h-full tw-w-full tw-items-start tw-justify-center","tw-overflow-y-scroll tw-overscroll-contain tw-font-sans",this.center?"tw-items-center":""),style:{zIndex:this.zIndex},"is-click-overlay":!0},i("div",{class:l("tw-flex tw-w-full tw-flex-col","tw-relative tw-z-modal tw-bg-white","tw--translate-y-[20px] tw-transform tw-opacity-0 tw-transition tw-duration-300 tw-ease-in-out",this.fullScreen?"":`tw-m-4 tw-rounded-lg ${this.overflow?"tw-max-h-[90vh]":""} `,this.shake?"tw-animate-shake":""),style:Object.assign(Object.assign({},this.setSize()),this.isShowModal?{transform:"translateY(0)",opacity:"1"}:{})},i("slot",{name:"header"}),i("bcm-scroll-area",{"is-disabled":!this.overflow},i("slot",null)),i("slot",{name:"footer"}))))}get el(){return a(this)}};export{c as bcm_modal_2}