bromcom-ui 2.9.1 → 2.10.1-rc.0

package/dist/bromcom-ui/{p-941b7c84.entry.js → p-bb739bf8.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-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}
+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-82a5033e.js";import{B as b}from"./p-a313fba6.js";import{c as l}from"./p-bed627ab.js";import{c as a}from"./p-197aba37.js";import{S as d}from"./p-4213ba24.js";import{C as s}from"./p-4798d827.js";import"./p-0207059a.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-6b5ed4d8.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-1998815a.entry.js → p-be6595a2.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,h as t,H as i,g as p}from"./p-e037ee2b.js";import{c as s}from"./p-bed627ab.js";import{C as n}from"./p-4798d827.js";import{S as x}from"./p-7c623da0.js";import"./p-e45c1546.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-f95797df.js";import"./p-f711588b.js";const a=class{constructor(t){e(this,t),this.hidden=!1,this.scale=void 0,this.weight="400",this.color="slate",this.text=void 0,this.fontSize=4}render(){const{hidden:e,scale:p,weight:a,color:h,fontSize:o}=this,l=s("bcm-text",{hidden:e}),c=s("bcm-text__paragraph",`bcm-text__font-size-${o}`,p),r=+a||400,g={color:n.dsColor(h),fontWeight:r};return t(i,{class:l},t("span",{hidden:!0},t("slot",null)),t("p",{class:c,style:Object.assign({},g)},t(x,{value:this.text})))}get el(){return p(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-text{display:inline;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400}.bcm-text.hidden{display:none}.bcm-text__paragraph{margin:0;padding:0}.bcm-text__font-size-1{font-size:10px;line-height:calc(10px + 8px)}.bcm-text__font-size-2{font-size:12px;line-height:calc(12px + 8px)}.bcm-text__font-size-3{font-size:14px;line-height:calc(14px + 8px)}.bcm-text__font-size-4{font-size:16px;line-height:calc(16px + 8px)}.bcm-text__font-size-5{font-size:18px;line-height:calc(18px + 8px)}.bcm-text__font-size-6{font-size:20px;line-height:calc(20px + 8px)}.bcm-text__font-size-7{font-size:24px;line-height:calc(24px + 8px)}.bcm-text__font-size-8{font-size:32px;line-height:calc(32px + 8px)}.bcm-text__font-size-9{font-size:40px;line-height:calc(40px + 8px)}';export{a as bcm_text}
+import{r as e,h as t,H as i,g as p}from"./p-e037ee2b.js";import{c as s}from"./p-bed627ab.js";import{C as n}from"./p-4798d827.js";import{S as x}from"./p-4213ba24.js";import"./p-e45c1546.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-6b5ed4d8.js";import"./p-a313fba6.js";const a=class{constructor(t){e(this,t),this.hidden=!1,this.scale=void 0,this.weight="400",this.color="slate",this.text=void 0,this.fontSize=4}render(){const{hidden:e,scale:p,weight:a,color:h,fontSize:o}=this,l=s("bcm-text",{hidden:e}),c=s("bcm-text__paragraph",`bcm-text__font-size-${o}`,p),r=+a||400,g={color:n.dsColor(h),fontWeight:r};return t(i,{class:l},t("span",{hidden:!0},t("slot",null)),t("p",{class:c,style:Object.assign({},g)},t(x,{value:this.text})))}get el(){return p(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-text{display:inline;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400}.bcm-text.hidden{display:none}.bcm-text__paragraph{margin:0;padding:0}.bcm-text__font-size-1{font-size:10px;line-height:calc(10px + 8px)}.bcm-text__font-size-2{font-size:12px;line-height:calc(12px + 8px)}.bcm-text__font-size-3{font-size:14px;line-height:calc(14px + 8px)}.bcm-text__font-size-4{font-size:16px;line-height:calc(16px + 8px)}.bcm-text__font-size-5{font-size:18px;line-height:calc(18px + 8px)}.bcm-text__font-size-6{font-size:20px;line-height:calc(20px + 8px)}.bcm-text__font-size-7{font-size:24px;line-height:calc(24px + 8px)}.bcm-text__font-size-8{font-size:32px;line-height:calc(32px + 8px)}.bcm-text__font-size-9{font-size:40px;line-height:calc(40px + 8px)}';export{a as bcm_text}

package/dist/bromcom-ui/{p-2199a954.js → p-c39f002b.js}

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

package/dist/bromcom-ui/{p-17a915ce.entry.js → p-c851688d.entry.js}

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

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

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

package/dist/bromcom-ui/{p-448d48ab.entry.js → p-d345d37b.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,h as i,H as t,g as p}from"./p-e037ee2b.js";import{c as a}from"./p-bed627ab.js";import{C as r}from"./p-4798d827.js";import{G as s}from"./p-b8689c5f.js";import{S as o}from"./p-f95797df.js";import{S as n}from"./p-7c623da0.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 x=class{constructor(i){e(this,i),this.modalSlots={},this._id=s.UID(),this.hidden=!1,this.color="slate",this.header=void 0,this.footer=void 0}connectedCallback(){const e=this.el.querySelectorAll("bcm-card-header, bcm-card-footer");e&&e.forEach((e=>{let i=o.lowercase(o.split(e.nodeName,"-").pop());if(e.slot=i,"header"===i){let i=e.getAttribute("color");i&&(i="white"==i?i:i+"-50",e.setAttribute("style",`background-color: ${r.dsColor(i)}`))}e.classList.add(`bcm-card__${i}`),this.modalSlots[i]=e}))}render(){const e=a("bcm-card",this.hidden?"hidden":null);return i(t,{class:e},i((()=>this.modalSlots.header&&i("slot",{name:"header"})),null),i("div",{class:"bcm-card__body"},i(n,null)),i((()=>this.modalSlots.footer&&i("slot",{name:"footer"})),null))}get el(){return p(this)}};x.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-card{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:block;width:100%;background-color:var(--bcm-new-ds-color-white);border-radius:8px;box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1);box-sizing:border-box}.bcm-card__header,.bcm-card__body,.bcm-card__footer{display:block;width:100%}.bcm-card__header{border-radius:8px 8px 0 0;padding:12px 24px;color:var(--bcm-new-ds-color-slate-700);font-weight:600}.bcm-card__body{padding:12px 24px}.bcm-card__footer{padding:12px 24px;border-radius:0 0 8px 8px}';export{x as bcm_card}
+import{r as e,h as i,H as t,g as p}from"./p-e037ee2b.js";import{c as a}from"./p-bed627ab.js";import{C as r}from"./p-4798d827.js";import{G as s}from"./p-82a5033e.js";import{S as o}from"./p-6b5ed4d8.js";import{S as n}from"./p-4213ba24.js";import"./p-e45c1546.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-0207059a.js";import"./p-a313fba6.js";const x=class{constructor(i){e(this,i),this.modalSlots={},this._id=s.UID(),this.hidden=!1,this.color="slate",this.header=void 0,this.footer=void 0}connectedCallback(){const e=this.el.querySelectorAll("bcm-card-header, bcm-card-footer");e&&e.forEach((e=>{let i=o.lowercase(o.split(e.nodeName,"-").pop());if(e.slot=i,"header"===i){let i=e.getAttribute("color");i&&(i="white"==i?i:i+"-50",e.setAttribute("style",`background-color: ${r.dsColor(i)}`))}e.classList.add(`bcm-card__${i}`),this.modalSlots[i]=e}))}render(){const e=a("bcm-card",this.hidden?"hidden":null);return i(t,{class:e},i((()=>this.modalSlots.header&&i("slot",{name:"header"})),null),i("div",{class:"bcm-card__body"},i(n,null)),i((()=>this.modalSlots.footer&&i("slot",{name:"footer"})),null))}get el(){return p(this)}};x.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-card{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:block;width:100%;background-color:var(--bcm-new-ds-color-white);border-radius:8px;box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1);box-sizing:border-box}.bcm-card__header,.bcm-card__body,.bcm-card__footer{display:block;width:100%}.bcm-card__header{border-radius:8px 8px 0 0;padding:12px 24px;color:var(--bcm-new-ds-color-slate-700);font-weight:600}.bcm-card__body{padding:12px 24px}.bcm-card__footer{padding:12px 24px;border-radius:0 0 8px 8px}';export{x as bcm_card}

package/dist/bromcom-ui/{p-e20200cc.entry.js → p-d3bd9ee0.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,c as i,f as s,h as e,H as a,g as r}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 n}from"./p-f711588b.js";import"./p-436364c8.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-8a1e77c7.js";const c=class{constructor(s){t(this,s),this.tabChange=i(this,"bcm-tab-change",7),this._id=o.UID(),this.active="1",this.color="blue",this.size=n.Size.medium}get tabItems(){return this.el.querySelectorAll("bcm-tab-item")}get tabItemHeaders(){return this.el.querySelectorAll("bcm-tab-item-header")}setTabAttributes(){this.tabItems.forEach(((t,i)=>{const s=!!t.hasAttribute("active"),e=!!t.hasAttribute("disabled"),a=i+1;t.setAttribute("index",`${a}`),t.setAttribute("size",this.size),t.setAttribute("color",this.color),t.removeAttribute("active"),t.removeAttribute("disabled"),s&&(t.setAttribute("active",""),this.active=a.toString()),e&&t.setAttribute("disabled","")})),Array.from(this.tabItems).some((t=>t.hasAttribute("active")))||this.tabItems[0].setAttribute("active","")}componentWillLoad(){this.setTabAttributes()}handleTabClick(t){var i,s;t&&(this.active=t.toString()),(null===(i=this.tabItems)||void 0===i?void 0:i.length)&&this.tabItems.forEach((t=>{t.removeAttribute("active"),t.setAttribute("size",this.size),t.setAttribute("color",this.color),t.getAttribute("index")==this.active&&t.setAttribute("active","")})),(null===(s=this.tabItemHeaders)||void 0===s?void 0:s.length)&&this.tabItemHeaders.forEach((t=>{t.removeAttribute("active"),t.setAttribute("size",this.size),t.setAttribute("color",this.color),t.getAttribute("index")==this.active&&t.setAttribute("active","")})),this.tabChange.emit(this.active)}componentDidRender(){this.inkBarControl(),this.handleTabClick()}componentDidLoad(){this.inkBarControl(),this.observeTabItem()}async setActive(t){t>0&&t<=this.tabItems.length&&t!=+this.active&&this.handleTabClick(t)}async refresh(){await h(100),s(this)}inkBarControl(){var t;const i=this.el.querySelector("#ink-bar");if(i&&(null===(t=this.tabItemHeaders)||void 0===t?void 0:t.length))for(let t=0;t<this.tabItemHeaders.length;t++){const s=this.tabItemHeaders[t];s.getAttribute("index")===this.active&&(i.style.width=`${s.offsetWidth}px`,i.style.transform=`translateX(${s.offsetLeft}px)`)}}activeChanged(t,i){var s;(null===(s=this.tabItems)||void 0===s?void 0:s.length)&&(Array.from(this.tabItems).some((i=>i.getAttribute("index")==t))||(this.active="1"))}observeTabItem(){this.observer=new MutationObserver((t=>{for(const i of t)if("childList"===i.type)for(const t of i.removedNodes)"BCM-TAB-ITEM"===t.nodeName&&((null==t?void 0:t.active)&&(this.active="1"),this.tabProcess())})),this.observer.observe(this.el,{childList:!0})}tabProcess(){this.updateTabHeaders(),this.regenerateIndex(),this.refresh(),this.inkBarControl()}updateTabHeaders(){const t=Array.from(this.tabItems).map((t=>t.getAttribute("id"))),i=Array.from(this.el.querySelector("#tab-header").querySelectorAll("bcm-tab-item-header"));t.length!==i.length&&i.forEach((i=>{const s=i.getAttribute("tab-id");t.includes(s)||i.remove()}))}regenerateIndex(){this.tabItems.forEach(((t,i)=>{const s=i+1;t.setAttribute("index",`${s}`);const e=this.el.querySelector(`bcm-tab-item-header[tab-id="${t.getAttribute("id")}"]`);e&&(e.setAttribute("index",`${s}`),e.style.order=`${s}`)}))}render(){const{color:t}=this,i=o.getTwColor({color:t,tones:[500]});return e(a,{role:"tablist","aria-label":"Tab Group",class:"tw-flex tw-w-full tw-flex-col tw-items-center tw-font-sans"},e("div",{class:"tw-relative tw-flex tw-w-full tw-flex-row tw-items-end tw-justify-between",id:"tab-header",style:i},e("div",{id:"ink-bar",class:"tw-bg-default-500 tw-absolute tw-bottom-0 tw-left-0 tw-mt-[-2px] tw-h-[2px] tw-rounded-sm tw-transition-transform"})),e("slot",null))}get el(){return r(this)}static get watchers(){return{active:["activeChanged"]}}};export{c as bcm_tab_group}
+import{r as t,c as i,f as s,h as e,H as a,g as r}from"./p-e037ee2b.js";import"./p-4798d827.js";import"./p-626a65e9.js";import{G as o}from"./p-82a5033e.js";import"./p-7a4cc259.js";import"./p-6b5ed4d8.js";import"./p-32fd9854.js";import"./p-5ae0a59b.js";import{d as h}from"./p-3c7a0345.js";import{a as n}from"./p-a313fba6.js";import"./p-436364c8.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-0207059a.js";const c=class{constructor(s){t(this,s),this.tabChange=i(this,"bcm-tab-change",7),this._id=o.UID(),this.active="1",this.color="blue",this.size=n.Size.medium}get tabItems(){return this.el.querySelectorAll("bcm-tab-item")}get tabItemHeaders(){return this.el.querySelectorAll("bcm-tab-item-header")}setTabAttributes(){this.tabItems.forEach(((t,i)=>{const s=!!t.hasAttribute("active"),e=!!t.hasAttribute("disabled"),a=i+1;t.setAttribute("index",`${a}`),t.setAttribute("size",this.size),t.setAttribute("color",this.color),t.removeAttribute("active"),t.removeAttribute("disabled"),s&&(t.setAttribute("active",""),this.active=a.toString()),e&&t.setAttribute("disabled","")})),Array.from(this.tabItems).some((t=>t.hasAttribute("active")))||this.tabItems[0].setAttribute("active","")}componentWillLoad(){this.setTabAttributes()}handleTabClick(t){var i,s;t&&(this.active=t.toString()),(null===(i=this.tabItems)||void 0===i?void 0:i.length)&&this.tabItems.forEach((t=>{t.removeAttribute("active"),t.setAttribute("size",this.size),t.setAttribute("color",this.color),t.getAttribute("index")==this.active&&t.setAttribute("active","")})),(null===(s=this.tabItemHeaders)||void 0===s?void 0:s.length)&&this.tabItemHeaders.forEach((t=>{t.removeAttribute("active"),t.setAttribute("size",this.size),t.setAttribute("color",this.color),t.getAttribute("index")==this.active&&t.setAttribute("active","")})),this.tabChange.emit(this.active)}componentDidRender(){this.inkBarControl(),this.handleTabClick()}componentDidLoad(){this.inkBarControl(),this.observeTabItem()}async setActive(t){t>0&&t<=this.tabItems.length&&t!=+this.active&&this.handleTabClick(t)}async refresh(){await h(100),s(this)}inkBarControl(){var t;const i=this.el.querySelector("#ink-bar");if(i&&(null===(t=this.tabItemHeaders)||void 0===t?void 0:t.length))for(let t=0;t<this.tabItemHeaders.length;t++){const s=this.tabItemHeaders[t];s.getAttribute("index")===this.active&&(i.style.width=`${s.offsetWidth}px`,i.style.transform=`translateX(${s.offsetLeft}px)`)}}activeChanged(t,i){var s;(null===(s=this.tabItems)||void 0===s?void 0:s.length)&&(Array.from(this.tabItems).some((i=>i.getAttribute("index")==t))||(this.active="1"))}observeTabItem(){this.observer=new MutationObserver((t=>{for(const i of t)if("childList"===i.type)for(const t of i.removedNodes)"BCM-TAB-ITEM"===t.nodeName&&((null==t?void 0:t.active)&&(this.active="1"),this.tabProcess())})),this.observer.observe(this.el,{childList:!0})}tabProcess(){this.updateTabHeaders(),this.regenerateIndex(),this.refresh(),this.inkBarControl()}updateTabHeaders(){const t=Array.from(this.tabItems).map((t=>t.getAttribute("id"))),i=Array.from(this.el.querySelector("#tab-header").querySelectorAll("bcm-tab-item-header"));t.length!==i.length&&i.forEach((i=>{const s=i.getAttribute("tab-id");t.includes(s)||i.remove()}))}regenerateIndex(){this.tabItems.forEach(((t,i)=>{const s=i+1;t.setAttribute("index",`${s}`);const e=this.el.querySelector(`bcm-tab-item-header[tab-id="${t.getAttribute("id")}"]`);e&&(e.setAttribute("index",`${s}`),e.style.order=`${s}`)}))}render(){const{color:t}=this,i=o.getTwColor({color:t,tones:[500]});return e(a,{role:"tablist","aria-label":"Tab Group",class:"tw-flex tw-w-full tw-flex-col tw-items-center tw-font-sans"},e("div",{class:"tw-relative tw-flex tw-w-full tw-flex-row tw-items-end tw-justify-between",id:"tab-header",style:i},e("div",{id:"ink-bar",class:"tw-bg-default-500 tw-absolute tw-bottom-0 tw-left-0 tw-mt-[-2px] tw-h-[2px] tw-rounded-sm tw-transition-transform"})),e("slot",null))}get el(){return r(this)}static get watchers(){return{active:["activeChanged"]}}};export{c as bcm_tab_group}

package/dist/bromcom-ui/{p-184ed5c2.entry.js → p-d4755f0d.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,c as e,h as o,H as r,g as s}from"./p-e037ee2b.js";import{a as i}from"./p-f711588b.js";import"./p-4798d827.js";import"./p-626a65e9.js";import{G as w}from"./p-b8689c5f.js";import"./p-f77e16e8.js";import"./p-f95797df.js";import"./p-8be10f68.js";import"./p-5ae0a59b.js";import{c as d}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 a=class{constructor(o){t(this,o),this.radioChange=e(this,"bcm-radio-change",7),this.focus=e(this,"bcm-focus",7),this.blur=e(this,"bcm-blur",7),this._id=w.UID(),this.checked=void 0,this.value=void 0,this.disabled=!1,this.size=i.Size.medium,this.color=void 0}render(){const{value:t,size:e,disabled:s,checked:a,_id:c,color:l}=this;return o(r,{class:d("tw-cursor-pointer tw-font-sans tw-mb-1.5 tw-mt-1",{"tw-cursor-pointer tw-text-slate-600":!s,"tw-cursor-not-allowed tw-text-slate-400":s,"tw-text-1":e===i.Size.small,"tw-text-2.5":e===i.Size.medium,"tw-text-4":e===i.Size.large}),style:w.getTwColor(l)},o("label",{class:d("tw-inline-flex tw-flex-row tw-gap-2 tw-mr-2 tw-items-center",s?"tw-cursor-not-allowed":"tw-cursor-pointer"),htmlFor:c+"-input"},o("input",{id:c+"-input",type:"radio",value:t,checked:a,disabled:s,class:d("tw-flex tw-items-center tw-justify-center","tw-relative tw-appearance-none tw-border tw-rounded-full tw-cursor-pointer tw-transition tw-ease-in-out ","tw-m-0","before:tw-content-[''] before:tw-absolute before:tw-rounded-full",{"tw-w-4 tw-h-4 before:tw-w-2.5 before:tw-h-2.5":e===i.Size.medium,"tw-w-3.5 tw-h-3.5 before:tw-w-2 before:tw-h-2":e===i.Size.small,"tw-w-4.5 tw-h-4.5 before:tw-w-3 before:tw-h-3":e===i.Size.large},"focus:tw-outline-none focus:tw-shadow-outline","tw-border-slate-400 tw-bg-slate-50","checked:tw-border-default-500","checked:before:tw-bg-default-500","disabled:tw-border-slate-400 disabled:tw-bg-slate-200 disabled:tw-cursor-not-allowed","disabled:checked:tw-border-slate-400","disabled:checked:before:tw-bg-slate-400",!s&&d("hover:tw-border-default-600","hover:checked:tw-border-default-600","hover:checked:before:tw-bg-default-600","focus-visible:tw-border-default-800 focus-visible:tw-shadow-sm","focus-visible:checked:tw-border-default-800","focus-visible:checked:before:tw-bg-default-800","active:tw-border-default-700","active:checked:tw-border-default-700","active:checked:before:tw-bg-default-700")),onChange:()=>this.radioChange.emit(),onFocus:()=>this.focus.emit(),onBlur:()=>this.blur.emit()}),o("slot",null)))}get el(){return s(this)}};export{a as bcm_radio}
+import{r as t,c as e,h as o,H as r,g as s}from"./p-e037ee2b.js";import{a as i}from"./p-a313fba6.js";import"./p-4798d827.js";import"./p-626a65e9.js";import{G as w}from"./p-82a5033e.js";import"./p-7a4cc259.js";import"./p-6b5ed4d8.js";import"./p-32fd9854.js";import"./p-5ae0a59b.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-0207059a.js";const d=class{constructor(o){t(this,o),this.radioChange=e(this,"bcm-radio-change",7),this.focus=e(this,"bcm-focus",7),this.blur=e(this,"bcm-blur",7),this._id=w.UID(),this.checked=void 0,this.value=void 0,this.disabled=!1,this.size=i.Size.medium,this.color=void 0}render(){const{value:t,size:e,disabled:s,checked:d,_id:c,color:l}=this;return o(r,{class:a("tw-cursor-pointer tw-font-sans tw-mb-1.5 tw-mt-1",{"tw-cursor-pointer tw-text-slate-600":!s,"tw-cursor-not-allowed tw-text-slate-400":s,"tw-text-1":e===i.Size.small,"tw-text-2.5":e===i.Size.medium,"tw-text-4":e===i.Size.large}),style:w.getTwColor(l)},o("label",{class:a("tw-inline-flex tw-flex-row tw-gap-2 tw-mr-2 tw-items-center",s?"tw-cursor-not-allowed":"tw-cursor-pointer"),htmlFor:c+"-input"},o("input",{id:c+"-input",type:"radio",value:t,checked:d,disabled:s,class:a("tw-flex tw-items-center tw-justify-center","tw-relative tw-appearance-none tw-border tw-rounded-full tw-cursor-pointer tw-transition tw-ease-in-out ","tw-m-0","before:tw-content-[''] before:tw-absolute before:tw-rounded-full",{"tw-w-4 tw-h-4 before:tw-w-2.5 before:tw-h-2.5":e===i.Size.medium,"tw-w-3.5 tw-h-3.5 before:tw-w-2 before:tw-h-2":e===i.Size.small,"tw-w-4.5 tw-h-4.5 before:tw-w-3 before:tw-h-3":e===i.Size.large},"focus:tw-outline-none focus:tw-shadow-outline","tw-border-slate-400 tw-bg-slate-50","checked:tw-border-default-500","checked:before:tw-bg-default-500","disabled:tw-border-slate-400 disabled:tw-bg-slate-200 disabled:tw-cursor-not-allowed","disabled:checked:tw-border-slate-400","disabled:checked:before:tw-bg-slate-400",!s&&a("hover:tw-border-default-600","hover:checked:tw-border-default-600","hover:checked:before:tw-bg-default-600","focus-visible:tw-border-default-800 focus-visible:tw-shadow-sm","focus-visible:checked:tw-border-default-800","focus-visible:checked:before:tw-bg-default-800","active:tw-border-default-700","active:checked:tw-border-default-700","active:checked:before:tw-bg-default-700")),onChange:()=>this.radioChange.emit(),onFocus:()=>this.focus.emit(),onBlur:()=>this.blur.emit()}),o("slot",null)))}get el(){return s(this)}};export{d as bcm_radio}

package/dist/bromcom-ui/{p-067df594.entry.js → p-da20e681.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,c as e,h as i,H as o,g as r}from"./p-e037ee2b.js";import"./p-4798d827.js";import"./p-626a65e9.js";import{G as s}from"./p-b8689c5f.js";import"./p-f77e16e8.js";import"./p-f95797df.js";import"./p-8be10f68.js";import"./p-5ae0a59b.js";import{a as n}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 c=class{constructor(i){t(this,i),this.bcmBeforeOpen=e(this,"bcm-before-open",7),this.bcmBeforeClose=e(this,"bcm-before-close",7),this._id=s.UID(),this._title=void 0,this.position=n.Position.right,this.fullWidth=!1,this._open=!1,this._close=!1}async show(){this.bcmBeforeOpen.emit(!0)}async hide(){this.bcmBeforeClose.emit(!0),this._close=!0}_beforeOpen(t){var e;t&&(null===(e=t.target)||void 0===e?void 0:e.id)==this._id&&(this._open=!0)}_beforeClose(t){var e;t&&(null===(e=t.target)||void 0===e?void 0:e.id)==this._id&&(this._open=!1)}_openHandler(){this._open?document.body.classList.add("bcm-disable-scroll"):document.body.classList.remove("bcm-disable-scroll")}keyboardNavigation(t){(t.keyCode||0)==n.KeyCode.escape&&(t.preventDefault(),this.hide())}disconnectedCallback(){this._open=!1,document.body.classList.remove("bcm-disable-scroll"),this.el.remove()}render(){const t=a("bcm-drawer",{"bcm-drawer--open":this._open}),e=a("bcm-drawer__content",`bcm-drawer__content--position-${this.position}`,{"bcm-drawer__content--open":this._open,"bcm-drawer__content--close":this._close,"full-width":this.fullWidth}),r=a("bcm-drawer__overlay",{"bcm-drawer__overlay--open":this._open,"bcm-drawer__overlay--close":this._close});return i(o,{class:t},i("div",{class:r,onClick:()=>this.hide()}),i("div",{class:e},i("div",{class:"bcm-drawer__content-header"},i("bcm-text",{class:"bcm-drawer__content-header-title","font-size":"6",weight:"600",color:"slate-800"},this._title," ",i("slot",{name:"header"})),i("div",{class:"bcm-drawer__content-header-close size-4",onClick:()=>this.hide()},i("bcm-icon",{icon:"fal fa-times"}))),i("div",{style:{overflow:"auto",flex:"1"}},i("div",{class:"bcm-drawer__content-body"},i("slot",null))),i("div",{class:"bcm-drawer__content-footer"},i("slot",{name:"footer"}))))}get el(){return r(this)}static get watchers(){return{_open:["_openHandler"]}}};c.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-drawer{user-select:none;position:absolute;width:100vw;height:100vh;top:-100%;left:-100%;overflow:hidden;visibility:hidden}.bcm-drawer--open{visibility:visible;top:0;left:0}.bcm-drawer__content{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;user-select:text;position:fixed;width:100%;height:100%;background-color:#f1f5f9;z-index:10350;transition:transform 0.2s ease-in-out;transform:translateX(-100%);visibility:hidden;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.bcm-drawer__content-body{padding:0 24px 24px 24px}.bcm-drawer__content.full-width{max-width:100%}.bcm-drawer__content-header{padding:24px 24px 0 24px;display:flex;justify-content:space-between;align-items:flex-start;color:var(--bcm-color-grey-8);margin-bottom:8px}.bcm-drawer__content-header-close{padding:4px 8px;margin-right:-4px;margin-top:-4px;color:var(--bcm-color-grey-7)}.bcm-drawer__content-header-close:hover{cursor:pointer;color:var(--bcm-color-grey-8)}.bcm-drawer__content-footer{padding:12px 24px}.bcm-drawer__content--position-left,.bcm-drawer__content--position-right{max-width:500px}.bcm-drawer__content--position-left.full-width,.bcm-drawer__content--position-right.full-width{max-width:100%}.bcm-drawer__content--position-top,.bcm-drawer__content--position-bottom{max-height:500px}.bcm-drawer__content--position-top.full-width,.bcm-drawer__content--position-bottom.full-width{max-height:100%}.bcm-drawer__content--position-left{transform:translateX(-100%);top:0;left:0}.bcm-drawer__content--position-top{transform:translateY(-100%);top:0;left:0}.bcm-drawer__content--position-right{transform:translateX(100%);top:0;right:0}.bcm-drawer__content--position-bottom{transform:translateY(100%);bottom:0;left:0}.bcm-drawer__content--open{transform:translateX(0);visibility:visible}.bcm-drawer__content--close{visibility:visible}.bcm-drawer__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);z-index:10349;visibility:hidden;opacity:0;transition:opacity 0.3s ease-in-out}.bcm-drawer__overlay--close{opacity:0;visibility:visible;transform:translateX(-100%)}.bcm-drawer__overlay--open{opacity:1;visibility:visible;transform:translateX(0)}';export{c as bcm_drawer}
+import{r as t,c as e,h as i,H as o,g as r}from"./p-e037ee2b.js";import"./p-4798d827.js";import"./p-626a65e9.js";import{G as s}from"./p-82a5033e.js";import"./p-7a4cc259.js";import"./p-6b5ed4d8.js";import"./p-32fd9854.js";import"./p-5ae0a59b.js";import{a as n}from"./p-a313fba6.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-0207059a.js";const c=class{constructor(i){t(this,i),this.bcmBeforeOpen=e(this,"bcm-before-open",7),this.bcmBeforeClose=e(this,"bcm-before-close",7),this._id=s.UID(),this._title=void 0,this.position=n.Position.right,this.fullWidth=!1,this._open=!1,this._close=!1}async show(){this.bcmBeforeOpen.emit(!0)}async hide(){this.bcmBeforeClose.emit(!0),this._close=!0}_beforeOpen(t){var e;t&&(null===(e=t.target)||void 0===e?void 0:e.id)==this._id&&(this._open=!0)}_beforeClose(t){var e;t&&(null===(e=t.target)||void 0===e?void 0:e.id)==this._id&&(this._open=!1)}_openHandler(){this._open?document.body.classList.add("bcm-disable-scroll"):document.body.classList.remove("bcm-disable-scroll")}keyboardNavigation(t){(t.keyCode||0)==n.KeyCode.escape&&(t.preventDefault(),this.hide())}disconnectedCallback(){this._open=!1,document.body.classList.remove("bcm-disable-scroll"),this.el.remove()}render(){const t=a("bcm-drawer",{"bcm-drawer--open":this._open}),e=a("bcm-drawer__content",`bcm-drawer__content--position-${this.position}`,{"bcm-drawer__content--open":this._open,"bcm-drawer__content--close":this._close,"full-width":this.fullWidth}),r=a("bcm-drawer__overlay",{"bcm-drawer__overlay--open":this._open,"bcm-drawer__overlay--close":this._close});return i(o,{class:t},i("div",{class:r,onClick:()=>this.hide()}),i("div",{class:e},i("div",{class:"bcm-drawer__content-header"},i("bcm-text",{class:"bcm-drawer__content-header-title","font-size":"6",weight:"600",color:"slate-800"},this._title," ",i("slot",{name:"header"})),i("div",{class:"bcm-drawer__content-header-close size-4",onClick:()=>this.hide()},i("bcm-icon",{icon:"fal fa-times"}))),i("div",{style:{overflow:"auto",flex:"1"}},i("div",{class:"bcm-drawer__content-body"},i("slot",null))),i("div",{class:"bcm-drawer__content-footer"},i("slot",{name:"footer"}))))}get el(){return r(this)}static get watchers(){return{_open:["_openHandler"]}}};c.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-drawer{user-select:none;position:absolute;width:100vw;height:100vh;top:-100%;left:-100%;overflow:hidden;visibility:hidden}.bcm-drawer--open{visibility:visible;top:0;left:0}.bcm-drawer__content{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;user-select:text;position:fixed;width:100%;height:100%;background-color:#f1f5f9;z-index:10350;transition:transform 0.2s ease-in-out;transform:translateX(-100%);visibility:hidden;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.bcm-drawer__content-body{padding:0 24px 24px 24px}.bcm-drawer__content.full-width{max-width:100%}.bcm-drawer__content-header{padding:24px 24px 0 24px;display:flex;justify-content:space-between;align-items:flex-start;color:var(--bcm-color-grey-8);margin-bottom:8px}.bcm-drawer__content-header-close{padding:4px 8px;margin-right:-4px;margin-top:-4px;color:var(--bcm-color-grey-7)}.bcm-drawer__content-header-close:hover{cursor:pointer;color:var(--bcm-color-grey-8)}.bcm-drawer__content-footer{padding:12px 24px}.bcm-drawer__content--position-left,.bcm-drawer__content--position-right{max-width:500px}.bcm-drawer__content--position-left.full-width,.bcm-drawer__content--position-right.full-width{max-width:100%}.bcm-drawer__content--position-top,.bcm-drawer__content--position-bottom{max-height:500px}.bcm-drawer__content--position-top.full-width,.bcm-drawer__content--position-bottom.full-width{max-height:100%}.bcm-drawer__content--position-left{transform:translateX(-100%);top:0;left:0}.bcm-drawer__content--position-top{transform:translateY(-100%);top:0;left:0}.bcm-drawer__content--position-right{transform:translateX(100%);top:0;right:0}.bcm-drawer__content--position-bottom{transform:translateY(100%);bottom:0;left:0}.bcm-drawer__content--open{transform:translateX(0);visibility:visible}.bcm-drawer__content--close{visibility:visible}.bcm-drawer__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);z-index:10349;visibility:hidden;opacity:0;transition:opacity 0.3s ease-in-out}.bcm-drawer__overlay--close{opacity:0;visibility:visible;transform:translateX(-100%)}.bcm-drawer__overlay--open{opacity:1;visibility:visible;transform:translateX(0)}';export{c as bcm_drawer}

package/dist/bromcom-ui/{p-16d42f54.entry.js → p-daa45693.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,h as i,H as e,g as s}from"./p-e037ee2b.js";import{c as a}from"./p-bed627ab.js";import{I as n}from"./p-8e5e362a.js";import{G as h}from"./p-b8689c5f.js";import{B as p}from"./p-f711588b.js";import{d as r}from"./p-3c7a0345.js";import"./p-e45c1546.js";import"./p-8a1e77c7.js";import"./p-034bbcdd.js";const o=class{constructor(i){t(this,i),this._id=h.UID(),this.time=new Date,this.value=void 0,this.hidden=!1,this.name=void 0,this.fullWidth=!1,this.required=!1,this.label=void 0,this.placeholder=void 0,this.disabled=!1,this.noMargin=!1,this.noCaption=!1,this.caption="",this.captionError=void 0,this.captionType="default",this.alignment=void 0,this.placement=p.Placement["bottom-start"],this.linkedComponent=void 0,this.clearable=!1}componentWillLoad(){if("string"==typeof this.time){const t=!!/\b([01][0-9]|2[0-3]):([0-5][0-9])\b/.test(this.time)&&this.time.split(":");this.time=t?new Date((new Date).setHours(Number(t[0]),Number(t[1]))):new Date}}handlePickerLoad(){this.value=this.picker.value}handlePickerChange(t){this.value=t.detail}async set(t){return this.picker.set(t)}async get(){var t;return(null===(t=this.value)||void 0===t?void 0:t.timestamp)||null}async setDisabled(t){this.disabled=t}async getInput(){return await this.picker.getInput()}async getValue(){return this.value}async isValid(){return await this.picker.isValid()}async setClear(){return await this.picker.setClear(),await r(10),Promise.resolve()}async resetCaption(){return await r(10),await this.picker.resetCaption(),this.captionType="default",this.captionError=null,await r(10),Promise.resolve()}async open(){return await this.picker.open()}render(){const t=a(this.hidden?"hidden":null,{"full-width":this.fullWidth});return i(e,{class:t},i("bcm-datetime-picker",{"linked-component":this.linkedComponent,id:this._id,fullWidth:this.fullWidth,required:this.required,label:this.label,name:this.name,placeholder:this.placeholder,type:"time",clearable:this.clearable,date:this.time,ref:t=>this.picker=t,disabled:this.disabled,"on-bcm-load":()=>this.handlePickerLoad(),"on-bcm-change":t=>this.handlePickerChange(t),noCaption:this.noCaption,captionError:this.captionError,caption:this.caption,captionType:this.captionType,alignment:this.alignment,placement:this.placement,noMargin:this.noMargin}))}get el(){return s(this)}};(function(t,i,e,s){var a,n=arguments.length,h=n<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,i,e,s);else for(var p=t.length-1;p>=0;p--)(a=t[p])&&(h=(n<3?a(h):n>3?a(i,e,h):a(i,e))||h);n>3&&h&&Object.defineProperty(i,e,h)})([n()],o.prototype,"el",void 0),o.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:inline-flex;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}:host(.linked-component){display:none}';export{o as bcm_time_picker}
+import{r as t,h as i,H as e,g as s}from"./p-e037ee2b.js";import{c as a}from"./p-bed627ab.js";import{I as n}from"./p-8e5e362a.js";import{G as h}from"./p-82a5033e.js";import{B as p}from"./p-a313fba6.js";import{d as r}from"./p-3c7a0345.js";import"./p-e45c1546.js";import"./p-0207059a.js";import"./p-034bbcdd.js";const o=class{constructor(i){t(this,i),this._id=h.UID(),this.time=new Date,this.value=void 0,this.hidden=!1,this.name=void 0,this.fullWidth=!1,this.required=!1,this.label=void 0,this.placeholder=void 0,this.disabled=!1,this.noMargin=!1,this.noCaption=!1,this.caption="",this.captionError=void 0,this.captionType="default",this.alignment=void 0,this.placement=p.Placement["bottom-start"],this.linkedComponent=void 0,this.clearable=!1}componentWillLoad(){if("string"==typeof this.time){const t=!!/\b([01][0-9]|2[0-3]):([0-5][0-9])\b/.test(this.time)&&this.time.split(":");this.time=t?new Date((new Date).setHours(Number(t[0]),Number(t[1]))):new Date}}handlePickerLoad(){this.value=this.picker.value}handlePickerChange(t){this.value=t.detail}async set(t){return this.picker.set(t)}async get(){var t;return(null===(t=this.value)||void 0===t?void 0:t.timestamp)||null}async setDisabled(t){this.disabled=t}async getInput(){return await this.picker.getInput()}async getValue(){return this.value}async isValid(){return await this.picker.isValid()}async setClear(){return await this.picker.setClear(),await r(10),Promise.resolve()}async resetCaption(){return await r(10),await this.picker.resetCaption(),this.captionType="default",this.captionError=null,await r(10),Promise.resolve()}async open(){return await this.picker.open()}render(){const t=a(this.hidden?"hidden":null,{"full-width":this.fullWidth});return i(e,{class:t},i("bcm-datetime-picker",{"linked-component":this.linkedComponent,id:this._id,fullWidth:this.fullWidth,required:this.required,label:this.label,name:this.name,placeholder:this.placeholder,type:"time",clearable:this.clearable,date:this.time,ref:t=>this.picker=t,disabled:this.disabled,"on-bcm-load":()=>this.handlePickerLoad(),"on-bcm-change":t=>this.handlePickerChange(t),noCaption:this.noCaption,captionError:this.captionError,caption:this.caption,captionType:this.captionType,alignment:this.alignment,placement:this.placement,noMargin:this.noMargin}))}get el(){return s(this)}};(function(t,i,e,s){var a,n=arguments.length,h=n<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,i,e,s);else for(var p=t.length-1;p>=0;p--)(a=t[p])&&(h=(n<3?a(h):n>3?a(i,e,h):a(i,e))||h);n>3&&h&&Object.defineProperty(i,e,h)})([n()],o.prototype,"el",void 0),o.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:inline-flex;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}:host(.linked-component){display:none}';export{o as bcm_time_picker}

package/dist/bromcom-ui/{p-967bf166.entry.js → p-dca22282.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-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}
+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-82a5033e.js";import{S as m}from"./p-6b5ed4d8.js";import{s}from"./p-fcc6f71e.js";import"./p-e45c1546.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-0207059a.js";import"./p-a313fba6.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-102524c5.entry.js → p-dd1a0284.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,c as e,h as i,H as s,g as n}from"./p-e037ee2b.js";import{c as r}from"./p-bed627ab.js";import{G as a}from"./p-b8689c5f.js";import{B as o}from"./p-f711588b.js";import{d as h}from"./p-3c7a0345.js";import"./p-e45c1546.js";import"./p-8a1e77c7.js";import"./p-034bbcdd.js";const c=class{constructor(i){t(this,i),this.change=e(this,"bcm-change",7),this._id=a.UID(),this.min=0,this.max=10,this.step=1,this.value=0,this.height="326px",this.name=void 0,this.direction=o.Direction.horizontal,this._prefix=void 0,this._suffix=void 0,this.multiple=!1,this.leftValue=void 0,this.rightValue=void 0,this.leftMin=void 0}connectedCallback(){const t=JSON.parse(this.value);this.value="number"==typeof t?[t]:t,this.value.length>1?(this.leftValue=this.value[0],this.rightValue=this.value[1],this.leftMin=this.min,this.multiple=!0):(this.rightValue=this.value,this.leftMin=this.min-this.step,this.leftValue=this.leftMin,this.multiple=!1),a.createComponent("bcm-tooltip-box",{id:"box-"+this._id,placement:this.direction===o.Direction.horizontal?o.Placement.top:o.Placement.left,color:"blue"},null)}componentDidLoad(){this.setThumbPosition("right"),this.setThumbPosition("left"),this.multiple||this.hiddenLeftThumb()}async setValue(t){return this.value=t,this.handleChange(),t}async setClear(){return this.value=this.multiple?[this.min,this.max]:this.min,await h(10),Promise.resolve()}async resetCaption(){return await h(10),await h(10),Promise.resolve()}async getValue(){return this.value}syncValues(t,e){const i=e.target.valueAsNumber,s="left"===t?this.rightValue:this.leftValue;"left"===t?(this.leftValue=i>=s?s-1:i,this.getInput(t).valueAsNumber=this.leftValue,this.setThumbPosition("left")):(this.rightValue=i<=s?s+1:i,this.getInput(t).valueAsNumber=this.rightValue,this.setThumbPosition("right"))}handleChange(){this.multiple?(this.getInput("left").valueAsNumber=this.leftValue,this.getInput("right").valueAsNumber=this.rightValue,this.value=[this.leftValue,this.rightValue]):(this.getInput("right").valueAsNumber=this.rightValue,this.value=this.rightValue),this.change.emit(this.value)}setThumbPosition(t){const{min:e,max:i}=this,s=this.el.querySelector("#bcm-range__thumb-range");let n;n=(this.getInput(t).valueAsNumber-e)/(i-e)*100,n=("left"===t?n:100-n)+"%",this.getThumb(t).style[t]=n,s.style[t]=n}hiddenLeftThumb(){const t=this.getThumb("left"),e=this.el.querySelector("#bcm-range__thumb-range");t.classList.add("hidden"),e.style.left=0}getTooltip(t){const e=document.querySelector(`bcm-tooltip-box[id="box-${this._id}"]`);return e.setAttribute("target-id","bcm-range__thumb-"+t+"-"+this._id),e.setAttribute("message",this.getInput(t).valueAsNumber),e}getThumb(t){return this.el.querySelector("#bcm-range__thumb-"+t+"-"+this._id)}getInput(t){return this.el.querySelector("#input-"+t+"-"+this._id)}touchToMove(t){const e=this.multiple&&Math.abs(t-this.leftValue)<Math.abs(t-this.rightValue)?"left":"right";this.getInput(e).valueAsNumber=t,this.syncValues(e,{target:{valueAsNumber:t}}),this.handleChange()}hoverTick(t,e){this.el.querySelector(`#tick-${t}`).classList.toggle("hover",e)}render(){const{min:t,max:e,step:n,leftMin:a,direction:h,height:c}=this,p=r("bcm-range",h);return i(s,{class:p,style:h==o.Direction.vertical&&{height:c}},i("div",{class:"bcm-range__container",style:h==o.Direction.vertical&&{height:"100%",width:c}},i("input",{type:"range",id:`input-left-${this._id}`,min:a,max:e,step:n,onChange:t=>{this.syncValues("left",t),this.handleChange()},onInput:t=>{this.syncValues("left",t),this.getTooltip("left").hide(),this.getTooltip("left").show()},onMouseOver:()=>{this.getThumb("left").classList.add("hover"),this.getTooltip("left").show()},onMouseOut:()=>{this.getThumb("left").classList.remove("hover"),this.getTooltip("left").hide()},value:this.leftValue,class:{single:!this.multiple}}),i("input",{type:"range",id:`input-right-${this._id}`,min:t,max:e,onChange:t=>{this.syncValues("right",t),this.handleChange()},onInput:t=>{this.syncValues("right",t),this.getTooltip("right").hide(),this.getTooltip("right").show()},onMouseOver:()=>{this.getThumb("right").classList.add("hover"),this.getTooltip("right").show()},onMouseOut:()=>{this.getThumb("right").classList.remove("hover"),this.getTooltip("right").hide()},step:n,value:this.rightValue}),i("div",{class:"bcm-range__container-bar"},i("div",{class:"ticks"},i((()=>{const{min:t,max:e,step:s,_prefix:n,_suffix:r}=this,a=[];for(let o=t;o<=e;o+=s)a.push(i("span",{id:"tick-"+o,class:"tick size-1"},i("span",{class:"tick-text",onMouseOver:()=>this.hoverTick(o,!0),onMouseOut:()=>this.hoverTick(o,!1),onClick:()=>this.touchToMove(o)},n,o,r)));return a}),null)),i("div",{class:"bcm-range__container-bar-track"}),i("div",{class:"bcm-range__container-bar-range",id:"bcm-range__thumb-range"}),i("div",{class:"bcm-range__container-bar-thumb left",id:`bcm-range__thumb-left-${this._id}`},i("span",null)),i("div",{class:"bcm-range__container-bar-thumb right",id:`bcm-range__thumb-right-${this._id}`},i("span",null))),i("div",{class:"touch"},i((()=>{const{min:t,max:e,step:s}=this,n=[];for(let r=t;r<=e;r+=s)n.push(i("span",{onMouseOver:()=>this.hoverTick(r,!0),onMouseOut:()=>this.hoverTick(r,!1),onClick:()=>this.touchToMove(r),class:"touch-point"}));return n}),null))))}get el(){return n(this)}};c.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-range{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;width:100%;position:relative;display:block;margin:16px 0}.bcm-range input[type=range]{position:absolute;pointer-events:none;-webkit-appearance:none;z-index:4;height:30px;width:100%;top:-17px;opacity:0}.bcm-range input[type=range].single{display:none}.bcm-range input[type=range]::-webkit-slider-thumb{pointer-events:all;width:30px;height:30px;border-radius:0;border:0 none;background-color:red;-webkit-appearance:none;cursor:pointer}.bcm-range__container-bar{width:calc(100% - 24px);left:12px;position:relative}.bcm-range__container-bar-track{position:absolute;top:-2px;width:100%;height:4px;background-color:var(--bcm-new-ds-color-slate-300);z-index:1}.bcm-range__container-bar-range{position:absolute;top:-2px;left:22.22%;right:22.22%;height:4px;background-color:var(--bcm-new-ds-color-blue-500);z-index:2}.bcm-range__container-bar-thumb{position:absolute;top:0;width:16px;height:16px;background-color:var(--bcm-new-ds-color-blue-500);border-radius:50%;z-index:3;transition:box-shadow 0.2s ease-in-out;display:flex;align-items:center;justify-content:center}.bcm-range__container-bar-thumb>span{display:flex;width:100%;height:100%}.bcm-range__container-bar-thumb.hover{box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1), 0px 3px 1px rgba(0, 0, 0, 0.05), 0px 1px 5px rgba(0, 0, 0, 0.1);cursor:pointer}.bcm-range__container-bar-thumb.hidden{display:none}.bcm-range__container-bar-thumb.left{left:22.22222%;transform:translate(-8px, -8px)}.bcm-range__container-bar-thumb.right{right:0%;transform:translate(8px, -8px)}.bcm-range .ticks{position:absolute;z-index:0;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:4px 0;user-select:none}.bcm-range .tick{position:relative;display:flex;justify-content:center;width:1px;color:var(--bcm-new-ds-color-slate-300);cursor:pointer;height:8px;line-height:32px;margin-bottom:8px;z-index:-1;transition:color 0.1s ease-in-out}.bcm-range .tick::before,.bcm-range .tick::after{content:" ";position:absolute;width:1px;height:8px;background-color:var(--bcm-new-ds-color-slate-300);z-index:-1;transition:background-color 0.1s ease-in-out}.bcm-range .tick::before{top:-16px}.bcm-range .tick::after{top:0}.bcm-range .tick.hover{color:var(--bcm-new-ds-color-slate-400)}.bcm-range .tick.hover::before,.bcm-range .tick.hover::after{background-color:var(--bcm-new-ds-color-slate-400)}.bcm-range .touch{position:absolute;width:calc(100% + 48px);left:-24px;top:-17px;opacity:0;height:45px;z-index:2;background-color:transparent;display:flex;flex-direction:row;justify-content:space-between}.bcm-range .touch-point{cursor:pointer;flex:1;border:1px solid var(--bcm-new-ds-color-slate-300);box-sizing:border-box;background-color:var(--bcm-new-ds-color-slate-300)}.bcm-range .touch-point:hover{border-color:var(--bcm-new-ds-color-blue-500);background-color:var(--bcm-new-ds-color-blue-500)}.bcm-range .touch::after,.bcm-range .touch::before{content:"";position:absolute;width:24px;height:100%;top:0}.bcm-range .touch::before{left:0}.bcm-range .touch::after{right:0}.bcm-range.vertical{margin:0 16px;padding:12px 0}.bcm-range.vertical .touch{width:calc(100% + 12px);left:-6px;top:-17px}.bcm-range.vertical .touch::after,.bcm-range.vertical .touch::before{width:12px}.bcm-range.vertical .bcm-range__container{transform:rotate(270deg)}.bcm-range.vertical .bcm-range__container .ticks .tick-text{position:absolute;top:0px;width:100%;transform:rotate(90deg)}';export{c as bcm_range}
+import{r as t,c as e,h as i,H as s,g as n}from"./p-e037ee2b.js";import{c as r}from"./p-bed627ab.js";import{G as a}from"./p-82a5033e.js";import{B as o}from"./p-a313fba6.js";import{d as h}from"./p-3c7a0345.js";import"./p-e45c1546.js";import"./p-0207059a.js";import"./p-034bbcdd.js";const c=class{constructor(i){t(this,i),this.change=e(this,"bcm-change",7),this._id=a.UID(),this.min=0,this.max=10,this.step=1,this.value=0,this.height="326px",this.name=void 0,this.direction=o.Direction.horizontal,this._prefix=void 0,this._suffix=void 0,this.multiple=!1,this.leftValue=void 0,this.rightValue=void 0,this.leftMin=void 0}connectedCallback(){const t=JSON.parse(this.value);this.value="number"==typeof t?[t]:t,this.value.length>1?(this.leftValue=this.value[0],this.rightValue=this.value[1],this.leftMin=this.min,this.multiple=!0):(this.rightValue=this.value,this.leftMin=this.min-this.step,this.leftValue=this.leftMin,this.multiple=!1),a.createComponent("bcm-tooltip-box",{id:"box-"+this._id,placement:this.direction===o.Direction.horizontal?o.Placement.top:o.Placement.left,color:"blue"},null)}componentDidLoad(){this.setThumbPosition("right"),this.setThumbPosition("left"),this.multiple||this.hiddenLeftThumb()}async setValue(t){return this.value=t,this.handleChange(),t}async setClear(){return this.value=this.multiple?[this.min,this.max]:this.min,await h(10),Promise.resolve()}async resetCaption(){return await h(10),await h(10),Promise.resolve()}async getValue(){return this.value}syncValues(t,e){const i=e.target.valueAsNumber,s="left"===t?this.rightValue:this.leftValue;"left"===t?(this.leftValue=i>=s?s-1:i,this.getInput(t).valueAsNumber=this.leftValue,this.setThumbPosition("left")):(this.rightValue=i<=s?s+1:i,this.getInput(t).valueAsNumber=this.rightValue,this.setThumbPosition("right"))}handleChange(){this.multiple?(this.getInput("left").valueAsNumber=this.leftValue,this.getInput("right").valueAsNumber=this.rightValue,this.value=[this.leftValue,this.rightValue]):(this.getInput("right").valueAsNumber=this.rightValue,this.value=this.rightValue),this.change.emit(this.value)}setThumbPosition(t){const{min:e,max:i}=this,s=this.el.querySelector("#bcm-range__thumb-range");let n;n=(this.getInput(t).valueAsNumber-e)/(i-e)*100,n=("left"===t?n:100-n)+"%",this.getThumb(t).style[t]=n,s.style[t]=n}hiddenLeftThumb(){const t=this.getThumb("left"),e=this.el.querySelector("#bcm-range__thumb-range");t.classList.add("hidden"),e.style.left=0}getTooltip(t){const e=document.querySelector(`bcm-tooltip-box[id="box-${this._id}"]`);return e.setAttribute("target-id","bcm-range__thumb-"+t+"-"+this._id),e.setAttribute("message",this.getInput(t).valueAsNumber),e}getThumb(t){return this.el.querySelector("#bcm-range__thumb-"+t+"-"+this._id)}getInput(t){return this.el.querySelector("#input-"+t+"-"+this._id)}touchToMove(t){const e=this.multiple&&Math.abs(t-this.leftValue)<Math.abs(t-this.rightValue)?"left":"right";this.getInput(e).valueAsNumber=t,this.syncValues(e,{target:{valueAsNumber:t}}),this.handleChange()}hoverTick(t,e){this.el.querySelector(`#tick-${t}`).classList.toggle("hover",e)}render(){const{min:t,max:e,step:n,leftMin:a,direction:h,height:c}=this,p=r("bcm-range",h);return i(s,{class:p,style:h==o.Direction.vertical&&{height:c}},i("div",{class:"bcm-range__container",style:h==o.Direction.vertical&&{height:"100%",width:c}},i("input",{type:"range",id:`input-left-${this._id}`,min:a,max:e,step:n,onChange:t=>{this.syncValues("left",t),this.handleChange()},onInput:t=>{this.syncValues("left",t),this.getTooltip("left").hide(),this.getTooltip("left").show()},onMouseOver:()=>{this.getThumb("left").classList.add("hover"),this.getTooltip("left").show()},onMouseOut:()=>{this.getThumb("left").classList.remove("hover"),this.getTooltip("left").hide()},value:this.leftValue,class:{single:!this.multiple}}),i("input",{type:"range",id:`input-right-${this._id}`,min:t,max:e,onChange:t=>{this.syncValues("right",t),this.handleChange()},onInput:t=>{this.syncValues("right",t),this.getTooltip("right").hide(),this.getTooltip("right").show()},onMouseOver:()=>{this.getThumb("right").classList.add("hover"),this.getTooltip("right").show()},onMouseOut:()=>{this.getThumb("right").classList.remove("hover"),this.getTooltip("right").hide()},step:n,value:this.rightValue}),i("div",{class:"bcm-range__container-bar"},i("div",{class:"ticks"},i((()=>{const{min:t,max:e,step:s,_prefix:n,_suffix:r}=this,a=[];for(let o=t;o<=e;o+=s)a.push(i("span",{id:"tick-"+o,class:"tick size-1"},i("span",{class:"tick-text",onMouseOver:()=>this.hoverTick(o,!0),onMouseOut:()=>this.hoverTick(o,!1),onClick:()=>this.touchToMove(o)},n,o,r)));return a}),null)),i("div",{class:"bcm-range__container-bar-track"}),i("div",{class:"bcm-range__container-bar-range",id:"bcm-range__thumb-range"}),i("div",{class:"bcm-range__container-bar-thumb left",id:`bcm-range__thumb-left-${this._id}`},i("span",null)),i("div",{class:"bcm-range__container-bar-thumb right",id:`bcm-range__thumb-right-${this._id}`},i("span",null))),i("div",{class:"touch"},i((()=>{const{min:t,max:e,step:s}=this,n=[];for(let r=t;r<=e;r+=s)n.push(i("span",{onMouseOver:()=>this.hoverTick(r,!0),onMouseOut:()=>this.hoverTick(r,!1),onClick:()=>this.touchToMove(r),class:"touch-point"}));return n}),null))))}get el(){return n(this)}};c.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-range{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;width:100%;position:relative;display:block;margin:16px 0}.bcm-range input[type=range]{position:absolute;pointer-events:none;-webkit-appearance:none;z-index:4;height:30px;width:100%;top:-17px;opacity:0}.bcm-range input[type=range].single{display:none}.bcm-range input[type=range]::-webkit-slider-thumb{pointer-events:all;width:30px;height:30px;border-radius:0;border:0 none;background-color:red;-webkit-appearance:none;cursor:pointer}.bcm-range__container-bar{width:calc(100% - 24px);left:12px;position:relative}.bcm-range__container-bar-track{position:absolute;top:-2px;width:100%;height:4px;background-color:var(--bcm-new-ds-color-slate-300);z-index:1}.bcm-range__container-bar-range{position:absolute;top:-2px;left:22.22%;right:22.22%;height:4px;background-color:var(--bcm-new-ds-color-blue-500);z-index:2}.bcm-range__container-bar-thumb{position:absolute;top:0;width:16px;height:16px;background-color:var(--bcm-new-ds-color-blue-500);border-radius:50%;z-index:3;transition:box-shadow 0.2s ease-in-out;display:flex;align-items:center;justify-content:center}.bcm-range__container-bar-thumb>span{display:flex;width:100%;height:100%}.bcm-range__container-bar-thumb.hover{box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1), 0px 3px 1px rgba(0, 0, 0, 0.05), 0px 1px 5px rgba(0, 0, 0, 0.1);cursor:pointer}.bcm-range__container-bar-thumb.hidden{display:none}.bcm-range__container-bar-thumb.left{left:22.22222%;transform:translate(-8px, -8px)}.bcm-range__container-bar-thumb.right{right:0%;transform:translate(8px, -8px)}.bcm-range .ticks{position:absolute;z-index:0;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:4px 0;user-select:none}.bcm-range .tick{position:relative;display:flex;justify-content:center;width:1px;color:var(--bcm-new-ds-color-slate-300);cursor:pointer;height:8px;line-height:32px;margin-bottom:8px;z-index:-1;transition:color 0.1s ease-in-out}.bcm-range .tick::before,.bcm-range .tick::after{content:" ";position:absolute;width:1px;height:8px;background-color:var(--bcm-new-ds-color-slate-300);z-index:-1;transition:background-color 0.1s ease-in-out}.bcm-range .tick::before{top:-16px}.bcm-range .tick::after{top:0}.bcm-range .tick.hover{color:var(--bcm-new-ds-color-slate-400)}.bcm-range .tick.hover::before,.bcm-range .tick.hover::after{background-color:var(--bcm-new-ds-color-slate-400)}.bcm-range .touch{position:absolute;width:calc(100% + 48px);left:-24px;top:-17px;opacity:0;height:45px;z-index:2;background-color:transparent;display:flex;flex-direction:row;justify-content:space-between}.bcm-range .touch-point{cursor:pointer;flex:1;border:1px solid var(--bcm-new-ds-color-slate-300);box-sizing:border-box;background-color:var(--bcm-new-ds-color-slate-300)}.bcm-range .touch-point:hover{border-color:var(--bcm-new-ds-color-blue-500);background-color:var(--bcm-new-ds-color-blue-500)}.bcm-range .touch::after,.bcm-range .touch::before{content:"";position:absolute;width:24px;height:100%;top:0}.bcm-range .touch::before{left:0}.bcm-range .touch::after{right:0}.bcm-range.vertical{margin:0 16px;padding:12px 0}.bcm-range.vertical .touch{width:calc(100% + 12px);left:-6px;top:-17px}.bcm-range.vertical .touch::after,.bcm-range.vertical .touch::before{width:12px}.bcm-range.vertical .bcm-range__container{transform:rotate(270deg)}.bcm-range.vertical .bcm-range__container .ticks .tick-text{position:absolute;top:0px;width:100%;transform:rotate(90deg)}';export{c as bcm_range}

package/dist/bromcom-ui/{p-7123e244.entry.js → p-ddb6f31a.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as i,c as t,h as e,H as s,g as h}from"./p-e037ee2b.js";import{c as p}from"./p-bed627ab.js";import{G as n}from"./p-b8689c5f.js";import{B as o}from"./p-f711588b.js";import"./p-e45c1546.js";import"./p-8a1e77c7.js";import"./p-034bbcdd.js";const a=class{constructor(e){i(this,e),this.onShow=t(this,"bcm-show",7),this.onHide=t(this,"bcm-hide",7),this.onConfirm=t(this,"bcm-confirm",7),this.onCancel=t(this,"bcm-cancel",7),this._id=n.UID(),this.message=void 0,this.status="warning",this.cancelText="No",this.okeyText="Yes",this.placement=o.Placement.top,this.trigger=o.TriggerType.click,this.open=!1,this.hidden=!1}async show(){this.open=!0,this.onShow.emit(),await this.createBox().then((()=>this.showBox()))}async hide(){this.open=!1,this.onHide.emit()}async createBox(){if(!this.getPopconfirmBox()){const i=document.createElement("bcm-popconfirm-box");i.setAttribute("id","box-"+this._id),i.setAttribute("target-id",this._id),i.setAttribute("placement",this.placement),i.setAttribute("message",this.message),i.setAttribute("status",this.status),i.setAttribute("cancel-text",this.cancelText),i.setAttribute("okey-text",this.okeyText),this.el.parentElement.appendChild(i)}return Promise.resolve()}getPopconfirmBox(){return document.querySelector(`bcm-popconfirm-box[id="box-${this._id}"]`)}showBox(){this.getPopconfirmBox()&&this.getPopconfirmBox().show()}hideBox(){this.getPopconfirmBox()&&this.getPopconfirmBox().hide()}listenTrigger(i){switch(this.trigger){case"click":"click"===i&&(this.open?this.hide():this.show());break;case"hover":"onMouseOver"===i&&this.show(),"onMouseOut"===i&&this.hide();break;case"focus":"onFocus"===i&&this.show(),"onBlur"===i&&this.hide()}}onBcmConfirm(i){i.detail==this._id&&this.onConfirm.emit(this._id)}onBcmCancel(i){i.detail==this._id&&this.onCancel.emit(this._id)}render(){const i=p("bcm-popconfirm");return e(s,{class:i,onclick:()=>this.listenTrigger("click")},e("slot",null))}get el(){return h(this)}};a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-popconfirm{display:inline-flex}';export{a as bcm_popconfirm}
+import{r as i,c as t,h as e,H as s,g as h}from"./p-e037ee2b.js";import{c as p}from"./p-bed627ab.js";import{G as n}from"./p-82a5033e.js";import{B as a}from"./p-a313fba6.js";import"./p-e45c1546.js";import"./p-0207059a.js";import"./p-034bbcdd.js";const o=class{constructor(e){i(this,e),this.onShow=t(this,"bcm-show",7),this.onHide=t(this,"bcm-hide",7),this.onConfirm=t(this,"bcm-confirm",7),this.onCancel=t(this,"bcm-cancel",7),this._id=n.UID(),this.message=void 0,this.status="warning",this.cancelText="No",this.okeyText="Yes",this.placement=a.Placement.top,this.trigger=a.TriggerType.click,this.open=!1,this.hidden=!1}async show(){this.open=!0,this.onShow.emit(),await this.createBox().then((()=>this.showBox()))}async hide(){this.open=!1,this.onHide.emit()}async createBox(){if(!this.getPopconfirmBox()){const i=document.createElement("bcm-popconfirm-box");i.setAttribute("id","box-"+this._id),i.setAttribute("target-id",this._id),i.setAttribute("placement",this.placement),i.setAttribute("message",this.message),i.setAttribute("status",this.status),i.setAttribute("cancel-text",this.cancelText),i.setAttribute("okey-text",this.okeyText),this.el.parentElement.appendChild(i)}return Promise.resolve()}getPopconfirmBox(){return document.querySelector(`bcm-popconfirm-box[id="box-${this._id}"]`)}showBox(){this.getPopconfirmBox()&&this.getPopconfirmBox().show()}hideBox(){this.getPopconfirmBox()&&this.getPopconfirmBox().hide()}listenTrigger(i){switch(this.trigger){case"click":"click"===i&&(this.open?this.hide():this.show());break;case"hover":"onMouseOver"===i&&this.show(),"onMouseOut"===i&&this.hide();break;case"focus":"onFocus"===i&&this.show(),"onBlur"===i&&this.hide()}}onBcmConfirm(i){i.detail==this._id&&this.onConfirm.emit(this._id)}onBcmCancel(i){i.detail==this._id&&this.onCancel.emit(this._id)}render(){const i=p("bcm-popconfirm");return e(s,{class:i,onclick:()=>this.listenTrigger("click")},e("slot",null))}get el(){return h(this)}};o.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-popconfirm{display:inline-flex}';export{o as bcm_popconfirm}

package/dist/bromcom-ui/{p-7fbd1446.entry.js → p-ec90b2c7.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as i,c as e,h as t,H as c,g as s}from"./p-e037ee2b.js";import{c as n}from"./p-bed627ab.js";import{I as a}from"./p-8e5e362a.js";import{G as o}from"./p-b8689c5f.js";import{B as l}from"./p-f711588b.js";import{C as r}from"./p-32df2233.js";import{d as h}from"./p-3c7a0345.js";import"./p-e45c1546.js";import"./p-8a1e77c7.js";import"./p-034bbcdd.js";const m=class{constructor(t){i(this,t),this.change=e(this,"bcm-change",7),this.focus=e(this,"bcm-focus",7),this.blur=e(this,"bcm-blur",7),this._id=o.UID(),this._internal_id=o.UID(),this.checked=!1,this.hidden=!1,this.value=!1,this.name=void 0,this.disabled=!1,this.required=!1,this.size=l.Size.medium,this.readonly=!1,this.activeIcon=void 0,this.activeText=void 0,this.inactiveIcon=void 0,this.inactiveText=void 0,this.pending=!1,this.label=void 0,this.labelPosition="top",this.tooltip=void 0,this.caption=void 0,this.noCaption=!1,this.captionError=void 0,this.captionType=l.Status.default,this.captionCache=void 0,this.captionTypeCache=void 0}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType,this.value=this.checked}handleChange(){this.checked=this.inputElement.checked,this.value=this.checked,this.change.emit(this.checked)}componentWillRender(){this.pending&&(this.disabled=!0)}async onBcmFocus(){this.el.focus()}async onBcmBlur(){this.el.blur()}async set(i){"boolean"==typeof i&&await this.check(i)}async check(i=!0){this.inputElement.checked=i,this.handleChange()}async get(){return this.checked||!1}async setClear(){return 1==this.inputElement.checked&&(this.inputElement.checked=!1,this.checked=this.inputElement.checked,this.value=this.checked,this.change.emit(this.checked)),await h(10),Promise.resolve()}async resetCaption(){return await h(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await h(10),Promise.resolve()}handleKeyUp(i){if(i.keyCode==l.KeyCode.space||i.keyCode==l.KeyCode.enter)return this.disabled||this.readonly||(this.inputElement.checked=!this.inputElement.checked,this.handleChange()),i.stopPropagation(),i.preventDefault(),!1}render(){const{hidden:i,_internal_id:e,checked:s,size:a,activeIcon:o,inactiveIcon:h,activeText:m,inactiveText:p,pending:b,disabled:g,readonly:d,label:x,required:_,noCaption:w,captionType:f,captionError:u,caption:z}=this,v=n("bcm-switch__toggle","bcm-switch__size-"+a,{"switch-checked":s,disabled:g,readonly:d}),y=n("bcm-switch","bcm-switch__size-"+a,{hidden:i,checked:s,disabled:g,readonly:d}),k=n("bcm-switch__label","input-size-"+l.Size[a]),j=n("bcm-switch__container",`bcm-switch__container--${this.labelPosition}`),I=i=>a!=l.Size.small&&(m||p)&&t("span",{class:i+"-text"},"active"==i?m:p),C=i=>a!=l.Size.small&&(o||h)&&t("bcm-icon",{icon:"active"==i?o:h,class:" icon-"+i});return t(c,{tabindex:"0",onFocus:()=>this.focus.emit(this.el),onBlur:()=>this.blur.emit(this.el),class:y},t("span",{hidden:!0},t("slot",null)),t("div",{class:j},x&&t("bcm-label",{htmlFor:e,tooltip:this.tooltip,type:f,value:x,required:_}),t("input",{id:e,onChange:()=>this.handleChange(),ref:i=>this.inputElement=i,checked:s,type:"checkbox",class:"switch",disabled:g||d}),t("label",{htmlFor:e,class:k},I("inactive"),t("div",{class:v},C("active"),t("span",{class:"handle"},b&&t("span",{class:"switch-spinner"})),C("inactive")),I("active"))),t(r,{noCaption:w,captionType:f,captionError:u,caption:z}))}get el(){return s(this)}};(function(i,e,t,c){var s,n=arguments.length,a=n<3?e:null===c?c=Object.getOwnPropertyDescriptor(e,t):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(i,e,t,c);else for(var o=i.length-1;o>=0;o--)(s=i[o])&&(a=(n<3?s(a):n>3?s(e,t,a):s(e,t))||a);n>3&&a&&Object.defineProperty(e,t,a)})([a()],m.prototype,"el",void 0),m.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-caption-area{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:12px;line-height:calc(12px + 8px);color:var(--bcm-new-ds-color-slate-400);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;margin-top:2px}.bcm-caption-area__text{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.default{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.info{color:var(--bcm-new-ds-color-blue-500)}.bcm-caption-area__text.success{color:var(--bcm-new-ds-color-emerald-500)}.bcm-caption-area__text.warning{color:var(--bcm-new-ds-color-amber-500)}.bcm-caption-area__text.error{color:var(--bcm-new-ds-color-red-500)}.bcm-caption-area__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-caption-area__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-caption-area__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}*{box-sizing:border-box}.bcm-label{display:inline-flex;align-items:flex-start;grid-gap:2px}.bcm-label__text{margin-bottom:2px;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;color:var(--bcm-new-ds-color-slate-600)}.bcm-label__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-label__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-label__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-switch{display:inline-flex;user-select:none;flex-direction:column;margin-bottom:8px}.bcm-switch__container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.bcm-switch__container--left,.bcm-switch__container--right{align-items:center}.bcm-switch__container--left .bcm-label__text,.bcm-switch__container--right .bcm-label__text{margin:0}.bcm-switch__container--left{flex-direction:row}.bcm-switch__container--left .bcm-label__text{margin-right:4px}.bcm-switch__container--right{flex-direction:row-reverse}.bcm-switch__container--right .bcm-label__text{margin-left:4px}.bcm-switch:focus-visible{outline:none}.bcm-switch:focus-visible .bcm-switch__toggle{background-color:var(--bcm-new-ds-color-slate-400)}.bcm-switch:focus-visible .bcm-switch__toggle.switch-checked{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-switch:hover{outline:none}.bcm-switch:hover .bcm-switch__toggle .handle{background-color:var(--bcm-new-ds-color-slate-100)}.bcm-switch:hover .bcm-switch__toggle.switch-checked .handle{background-color:var(--bcm-new-ds-color-slate-100)}.bcm-switch *{box-sizing:border-box}.bcm-switch.hidden{display:none}.bcm-switch input{display:none}.bcm-switch.disabled .bcm-switch__toggle{cursor:not-allowed;opacity:40%}.bcm-switch.readonly .bcm-switch__toggle{cursor:default;opacity:80%}.bcm-switch__label{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-flex;align-items:center;margin:0}.bcm-switch__label .active-text{color:var(--bcm-new-ds-color-blue-500);margin:0 0 0 4px}.bcm-switch__label .inactive-text{color:var(--bcm-new-ds-color-slate-500);margin:0 4px 0 0}.bcm-switch__toggle{display:flex;justify-content:space-between;align-items:center;border-radius:16px;background-color:var(--bcm-new-ds-color-slate-300);position:relative;cursor:pointer}.bcm-switch__toggle .handle{padding:1px;position:absolute;background-color:var(--bcm-new-ds-color-slate-50);display:inline-flex;align-items:center;justify-content:center;border-radius:16px;transition:left 0.2s ease-in-out, width 0.2s ease-in-out;box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1)}.bcm-switch__toggle .icon-active{opacity:0;margin-left:2px}.bcm-switch__toggle .icon-inactive{opacity:1;margin-right:2px}.bcm-switch__toggle.bcm-switch__size-small{width:32px;min-width:32px;height:16px;padding:4px}.bcm-switch__toggle.bcm-switch__size-small .handle{width:12px;height:12px;left:2px}.bcm-switch__toggle.bcm-switch__size-small.switch-checked .handle{left:18px}.bcm-switch__toggle.bcm-switch__size-small:active:not(.disabled):not(.readonly) .handle{width:16px}.bcm-switch__toggle.bcm-switch__size-small:active.switch-checked:not(.disabled):not(.readonly) .handle{left:12px}.bcm-switch__toggle.bcm-switch__size-small .switch-spinner{box-sizing:border-box;display:inline-flex;width:9px;height:9px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.bcm-switch__size-medium{width:36px;min-width:36px;height:18px;padding:4px}.bcm-switch__toggle.bcm-switch__size-medium .handle{width:14px;height:14px;left:2px}.bcm-switch__toggle.bcm-switch__size-medium.switch-checked .handle{left:20px}.bcm-switch__toggle.bcm-switch__size-medium:active:not(.disabled):not(.readonly) .handle{width:18px}.bcm-switch__toggle.bcm-switch__size-medium:active.switch-checked:not(.disabled):not(.readonly) .handle{left:14px}.bcm-switch__toggle.bcm-switch__size-medium .switch-spinner{box-sizing:border-box;display:inline-flex;width:11px;height:11px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.bcm-switch__size-large{width:40px;min-width:40px;height:20px;padding:4px}.bcm-switch__toggle.bcm-switch__size-large .handle{width:16px;height:16px;left:2px}.bcm-switch__toggle.bcm-switch__size-large.switch-checked .handle{left:22px}.bcm-switch__toggle.bcm-switch__size-large:active:not(.disabled):not(.readonly) .handle{width:20px}.bcm-switch__toggle.bcm-switch__size-large:active.switch-checked:not(.disabled):not(.readonly) .handle{left:16px}.bcm-switch__toggle.bcm-switch__size-large .switch-spinner{box-sizing:border-box;display:inline-flex;width:13px;height:13px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.switch-checked{background-color:var(--bcm-new-ds-color-blue-500)}.bcm-switch__toggle.switch-checked .icon-active{color:var(--bcm-new-ds-color-slate-100);opacity:1}.bcm-switch__toggle.switch-checked .icon-inactive{opacity:0}.bcm-switch__toggle.switch-checked .switch-spinner{border-top-color:var(--bcm-new-ds-color-blue-600)}.bcm-switch__size-small .bcm-switch__label,.bcm-switch__size-small .bcm-label__text{font-size:12px}.bcm-switch__size-small .bcm-switch__toggle{font-size:8px}.bcm-switch__size-medium .bcm-switch__label,.bcm-switch__size-medium .bcm-label__text{font-size:13px}.bcm-switch__size-medium .bcm-switch__toggle{font-size:9px}.bcm-switch__size-large .bcm-switch__label,.bcm-switch__size-large .bcm-label__text{font-size:16px}.bcm-switch__size-large .bcm-switch__toggle{font-size:12px}@keyframes switch-spinner{to{transform:rotate(360deg)}}';export{m as bcm_switch}
+import{r as i,c as e,h as t,H as c,g as s}from"./p-e037ee2b.js";import{c as n}from"./p-bed627ab.js";import{I as a}from"./p-8e5e362a.js";import{G as o}from"./p-82a5033e.js";import{B as l}from"./p-a313fba6.js";import{C as r}from"./p-32df2233.js";import{d as h}from"./p-3c7a0345.js";import"./p-e45c1546.js";import"./p-0207059a.js";import"./p-034bbcdd.js";const m=class{constructor(t){i(this,t),this.change=e(this,"bcm-change",7),this.focus=e(this,"bcm-focus",7),this.blur=e(this,"bcm-blur",7),this._id=o.UID(),this._internal_id=o.UID(),this.checked=!1,this.hidden=!1,this.value=!1,this.name=void 0,this.disabled=!1,this.required=!1,this.size=l.Size.medium,this.readonly=!1,this.activeIcon=void 0,this.activeText=void 0,this.inactiveIcon=void 0,this.inactiveText=void 0,this.pending=!1,this.label=void 0,this.labelPosition="top",this.tooltip=void 0,this.caption=void 0,this.noCaption=!1,this.captionError=void 0,this.captionType=l.Status.default,this.captionCache=void 0,this.captionTypeCache=void 0}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType,this.value=this.checked}handleChange(){this.checked=this.inputElement.checked,this.value=this.checked,this.change.emit(this.checked)}componentWillRender(){this.pending&&(this.disabled=!0)}async onBcmFocus(){this.el.focus()}async onBcmBlur(){this.el.blur()}async set(i){"boolean"==typeof i&&await this.check(i)}async check(i=!0){this.inputElement.checked=i,this.handleChange()}async get(){return this.checked||!1}async setClear(){return 1==this.inputElement.checked&&(this.inputElement.checked=!1,this.checked=this.inputElement.checked,this.value=this.checked,this.change.emit(this.checked)),await h(10),Promise.resolve()}async resetCaption(){return await h(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await h(10),Promise.resolve()}handleKeyUp(i){if(i.keyCode==l.KeyCode.space||i.keyCode==l.KeyCode.enter)return this.disabled||this.readonly||(this.inputElement.checked=!this.inputElement.checked,this.handleChange()),i.stopPropagation(),i.preventDefault(),!1}render(){const{hidden:i,_internal_id:e,checked:s,size:a,activeIcon:o,inactiveIcon:h,activeText:m,inactiveText:p,pending:b,disabled:g,readonly:d,label:x,required:_,noCaption:w,captionType:f,captionError:u,caption:z}=this,v=n("bcm-switch__toggle","bcm-switch__size-"+a,{"switch-checked":s,disabled:g,readonly:d}),y=n("bcm-switch","bcm-switch__size-"+a,{hidden:i,checked:s,disabled:g,readonly:d}),k=n("bcm-switch__label","input-size-"+l.Size[a]),j=n("bcm-switch__container",`bcm-switch__container--${this.labelPosition}`),I=i=>a!=l.Size.small&&(m||p)&&t("span",{class:i+"-text"},"active"==i?m:p),C=i=>a!=l.Size.small&&(o||h)&&t("bcm-icon",{icon:"active"==i?o:h,class:" icon-"+i});return t(c,{tabindex:"0",onFocus:()=>this.focus.emit(this.el),onBlur:()=>this.blur.emit(this.el),class:y},t("span",{hidden:!0},t("slot",null)),t("div",{class:j},x&&t("bcm-label",{htmlFor:e,tooltip:this.tooltip,type:f,value:x,required:_}),t("input",{id:e,onChange:()=>this.handleChange(),ref:i=>this.inputElement=i,checked:s,type:"checkbox",class:"switch",disabled:g||d}),t("label",{htmlFor:e,class:k},I("inactive"),t("div",{class:v},C("active"),t("span",{class:"handle"},b&&t("span",{class:"switch-spinner"})),C("inactive")),I("active"))),t(r,{noCaption:w,captionType:f,captionError:u,caption:z}))}get el(){return s(this)}};(function(i,e,t,c){var s,n=arguments.length,a=n<3?e:null===c?c=Object.getOwnPropertyDescriptor(e,t):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(i,e,t,c);else for(var o=i.length-1;o>=0;o--)(s=i[o])&&(a=(n<3?s(a):n>3?s(e,t,a):s(e,t))||a);n>3&&a&&Object.defineProperty(e,t,a)})([a()],m.prototype,"el",void 0),m.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-caption-area{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:12px;line-height:calc(12px + 8px);color:var(--bcm-new-ds-color-slate-400);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;margin-top:2px}.bcm-caption-area__text{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.default{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.info{color:var(--bcm-new-ds-color-blue-500)}.bcm-caption-area__text.success{color:var(--bcm-new-ds-color-emerald-500)}.bcm-caption-area__text.warning{color:var(--bcm-new-ds-color-amber-500)}.bcm-caption-area__text.error{color:var(--bcm-new-ds-color-red-500)}.bcm-caption-area__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-caption-area__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-caption-area__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}*{box-sizing:border-box}.bcm-label{display:inline-flex;align-items:flex-start;grid-gap:2px}.bcm-label__text{margin-bottom:2px;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;color:var(--bcm-new-ds-color-slate-600)}.bcm-label__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-label__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-label__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-switch{display:inline-flex;user-select:none;flex-direction:column;margin-bottom:8px}.bcm-switch__container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.bcm-switch__container--left,.bcm-switch__container--right{align-items:center}.bcm-switch__container--left .bcm-label__text,.bcm-switch__container--right .bcm-label__text{margin:0}.bcm-switch__container--left{flex-direction:row}.bcm-switch__container--left .bcm-label__text{margin-right:4px}.bcm-switch__container--right{flex-direction:row-reverse}.bcm-switch__container--right .bcm-label__text{margin-left:4px}.bcm-switch:focus-visible{outline:none}.bcm-switch:focus-visible .bcm-switch__toggle{background-color:var(--bcm-new-ds-color-slate-400)}.bcm-switch:focus-visible .bcm-switch__toggle.switch-checked{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-switch:hover{outline:none}.bcm-switch:hover .bcm-switch__toggle .handle{background-color:var(--bcm-new-ds-color-slate-100)}.bcm-switch:hover .bcm-switch__toggle.switch-checked .handle{background-color:var(--bcm-new-ds-color-slate-100)}.bcm-switch *{box-sizing:border-box}.bcm-switch.hidden{display:none}.bcm-switch input{display:none}.bcm-switch.disabled .bcm-switch__toggle{cursor:not-allowed;opacity:40%}.bcm-switch.readonly .bcm-switch__toggle{cursor:default;opacity:80%}.bcm-switch__label{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-flex;align-items:center;margin:0}.bcm-switch__label .active-text{color:var(--bcm-new-ds-color-blue-500);margin:0 0 0 4px}.bcm-switch__label .inactive-text{color:var(--bcm-new-ds-color-slate-500);margin:0 4px 0 0}.bcm-switch__toggle{display:flex;justify-content:space-between;align-items:center;border-radius:16px;background-color:var(--bcm-new-ds-color-slate-300);position:relative;cursor:pointer}.bcm-switch__toggle .handle{padding:1px;position:absolute;background-color:var(--bcm-new-ds-color-slate-50);display:inline-flex;align-items:center;justify-content:center;border-radius:16px;transition:left 0.2s ease-in-out, width 0.2s ease-in-out;box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1)}.bcm-switch__toggle .icon-active{opacity:0;margin-left:2px}.bcm-switch__toggle .icon-inactive{opacity:1;margin-right:2px}.bcm-switch__toggle.bcm-switch__size-small{width:32px;min-width:32px;height:16px;padding:4px}.bcm-switch__toggle.bcm-switch__size-small .handle{width:12px;height:12px;left:2px}.bcm-switch__toggle.bcm-switch__size-small.switch-checked .handle{left:18px}.bcm-switch__toggle.bcm-switch__size-small:active:not(.disabled):not(.readonly) .handle{width:16px}.bcm-switch__toggle.bcm-switch__size-small:active.switch-checked:not(.disabled):not(.readonly) .handle{left:12px}.bcm-switch__toggle.bcm-switch__size-small .switch-spinner{box-sizing:border-box;display:inline-flex;width:9px;height:9px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.bcm-switch__size-medium{width:36px;min-width:36px;height:18px;padding:4px}.bcm-switch__toggle.bcm-switch__size-medium .handle{width:14px;height:14px;left:2px}.bcm-switch__toggle.bcm-switch__size-medium.switch-checked .handle{left:20px}.bcm-switch__toggle.bcm-switch__size-medium:active:not(.disabled):not(.readonly) .handle{width:18px}.bcm-switch__toggle.bcm-switch__size-medium:active.switch-checked:not(.disabled):not(.readonly) .handle{left:14px}.bcm-switch__toggle.bcm-switch__size-medium .switch-spinner{box-sizing:border-box;display:inline-flex;width:11px;height:11px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.bcm-switch__size-large{width:40px;min-width:40px;height:20px;padding:4px}.bcm-switch__toggle.bcm-switch__size-large .handle{width:16px;height:16px;left:2px}.bcm-switch__toggle.bcm-switch__size-large.switch-checked .handle{left:22px}.bcm-switch__toggle.bcm-switch__size-large:active:not(.disabled):not(.readonly) .handle{width:20px}.bcm-switch__toggle.bcm-switch__size-large:active.switch-checked:not(.disabled):not(.readonly) .handle{left:16px}.bcm-switch__toggle.bcm-switch__size-large .switch-spinner{box-sizing:border-box;display:inline-flex;width:13px;height:13px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.switch-checked{background-color:var(--bcm-new-ds-color-blue-500)}.bcm-switch__toggle.switch-checked .icon-active{color:var(--bcm-new-ds-color-slate-100);opacity:1}.bcm-switch__toggle.switch-checked .icon-inactive{opacity:0}.bcm-switch__toggle.switch-checked .switch-spinner{border-top-color:var(--bcm-new-ds-color-blue-600)}.bcm-switch__size-small .bcm-switch__label,.bcm-switch__size-small .bcm-label__text{font-size:12px}.bcm-switch__size-small .bcm-switch__toggle{font-size:8px}.bcm-switch__size-medium .bcm-switch__label,.bcm-switch__size-medium .bcm-label__text{font-size:13px}.bcm-switch__size-medium .bcm-switch__toggle{font-size:9px}.bcm-switch__size-large .bcm-switch__label,.bcm-switch__size-large .bcm-label__text{font-size:16px}.bcm-switch__size-large .bcm-switch__toggle{font-size:12px}@keyframes switch-spinner{to{transform:rotate(360deg)}}';export{m as bcm_switch}

package/dist/bromcom-ui/{p-7e6f0460.entry.js → p-f4576a4f.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,c as s,h as i,H as h,g as e}from"./p-e037ee2b.js";import{C as o}from"./p-4798d827.js";import"./p-626a65e9.js";import{G as r}from"./p-b8689c5f.js";import"./p-f77e16e8.js";import{S as a}from"./p-f95797df.js";import"./p-8be10f68.js";import"./p-5ae0a59b.js";import{a as c}from"./p-f711588b.js";import{d as n}from"./p-3c7a0345.js";import{F as p}from"./p-a1b1750c.js";import"./p-436364c8.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-8a1e77c7.js";class l{constructor({content:t,message:s,targetId:i,placement:h="top",color:e="slate-700",trigger:c="none",openDelay:l=0,closeDelay:w=0,autoHide:m=!1,emitShow:d=(()=>{}),emitHide:b=(()=>{})}){this.destroy=()=>{this.el=document.getElementById(this.id),this.el&&(this.el.remove(),this.emitHide()),this.removeListener()},this.target=()=>document.getElementById(this.targetId),this.init=()=>{const{tone:t,colorName:s}=o.parseColor(this.color,700),i=r.getTwColor({color:s,tones:{[t]:["bg"]},variable:"--bcm-popover"}),h=Object.assign(Object.assign({},i),i["--bcm-popover-bg"]&&{"--bcm-popover-text":o.reverseColor(i["--bcm-popover-bg"])}),e=`<div class="tw-z-[1] tw-rounded tw-py-2">\n            ${this.message?`<div class="tw-font-medium tw-w-full tw-pb-1 tw-px-4">${a.trim(this.message)}</div>`:""}\n            ${this.content?`<div class="tw-font-normal tw-px-4">${a.trim(this.content)}</div>`:""}\n        </div>`;this.el=r.createElement("div",{id:`${this.targetId}-popover-box`,class:"\n            tw-whitespace-normal tw-break-words tw-block tw-font-sans tw-pointer-events-none tw-max-w-[256px] tw-rounded tw-bg-[--bcm-popover-bg] tw-text-[--bcm-popover-text] tw-text-3 tw-absolute tw-top-0 tw-left-0 tw-z-tooltip tw-opacity-0 tw-transition-opacity tw-duration-300\n            tw-shadow",role:"popover","aria-hidden":"true",style:o.generateStyleString(h),innerHTML:e})},this.update=()=>{this.el=document.getElementById(this.id),this.el&&(this.hide(),this.show())},this.listener=()=>{if(window.addEventListener("resize",this.calculatePosition.bind(this)),window.addEventListener("scroll",this.calculatePosition.bind(this),!0),window.addEventListener("wheel",this.calculatePosition.bind(this)),this.trigger&&this.target())switch(this.trigger){case"click":this.target().addEventListener("click",this.toggle.bind(this)),this.autoHide&&this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"hover":this.target().addEventListener("mouseenter",this.show.bind(this)),this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"focus":this.target().addEventListener("focus",this.show.bind(this),!0),this.target().addEventListener("blur",this.hide.bind(this),!0)}this.calculatePosition()},this.removeListener=()=>{window.removeEventListener("resize",this.calculatePosition.bind(this)),window.removeEventListener("scroll",this.calculatePosition.bind(this),!0),window.removeEventListener("wheel",this.calculatePosition.bind(this)),this.target()&&(this.target().removeEventListener("click",this.toggle.bind(this)),this.target().removeEventListener("mouseenter",this.show.bind(this)),this.target().removeEventListener("mouseleave",this.hide.bind(this)),this.target().removeEventListener("focus",this.show.bind(this),!0),this.target().removeEventListener("blur",this.hide.bind(this),!0))},this.calculatePosition=()=>{this.el=document.getElementById(this.id),this.el&&p({ref:this.target(),floating:this.el,placement:this.placement,offset:8,arrow:!0,arrowColor:"tw-bg-[--bcm-popover-bg]"})},this.show=async()=>{this.message?(this.init(),await n(this.openDelay),this.calculatePosition(),this.emitShow()):this.hide()},this.hide=async()=>{this.el=document.getElementById(this.id),this.el&&(await n(this.closeDelay),this.el.remove(),this.emitHide())},this.toggle=()=>{this.el=document.getElementById(this.id),this.el?this.hide():this.show()},this.content=t,this.message=s,this.targetId=i,this.placement=h,this.color=e,this.trigger=c,this.id=i+"-popover-box",this.openDelay=l,this.closeDelay=w,this.autoHide=m,this.emitShow=d,this.emitHide=b}}const w=class{constructor(i){t(this,i),this.bcmPopoverShow=s(this,"bcmPopoverShow",7),this.bcmPopoverHide=s(this,"bcmPopoverHide",7),this._id=r.UID(),this.message="",this.content="",this.placement=c.Placement.top,this.trigger=c.TriggerType.click,this.open=!1,this.color="white",this.openDelay=0,this.closeDelay=0,this.autoHide=!1,this.targetId=void 0,this.popover=void 0}emitShow(){this.bcmPopoverShow.emit()}emitHide(){this.bcmPopoverHide.emit()}connectedCallback(){this.popover=new l({targetId:this.targetId||this._id,content:this.content,message:this.message,placement:this.placement,color:this.color,trigger:this.trigger,openDelay:this.openDelay,closeDelay:this.closeDelay,autoHide:this.autoHide,emitShow:()=>this.emitShow(),emitHide:()=>this.emitHide()})}componentDidLoad(){this.popover.listener()}componentDidRender(){const{content:t,message:s,placement:i,color:h,trigger:e}=this;this.popover.content=t,this.popover.message=s,this.popover.placement=i,this.popover.color=h,this.popover.trigger=e,this.popover.openDelay=this.openDelay,this.popover.closeDelay=this.closeDelay,this.popover.autoHide=this.autoHide,this.popover.update()}disconnectedCallback(){this.popover.destroy()}async show(){this.popover.show()}async hide(){this.popover.hide()}async toggle(){this.popover.toggle()}render(){return i(h,{class:"tw-inline-flex tw-h-fit tw-w-fit",role:"tooltip","aria-hidden":"true"},i("slot",null))}get el(){return e(this)}};export{w as bcm_popover}
+import{r as t,c as s,h as i,H as h,g as e}from"./p-e037ee2b.js";import{C as o}from"./p-4798d827.js";import"./p-626a65e9.js";import{G as r}from"./p-82a5033e.js";import"./p-7a4cc259.js";import{S as a}from"./p-6b5ed4d8.js";import"./p-32fd9854.js";import"./p-5ae0a59b.js";import{a as c}from"./p-a313fba6.js";import{d as n}from"./p-3c7a0345.js";import{F as p}from"./p-6e5f5f36.js";import"./p-436364c8.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-0207059a.js";class l{constructor({content:t,message:s,targetId:i,placement:h="top",color:e="slate-700",trigger:c="none",openDelay:l=0,closeDelay:w=0,autoHide:m=!1,emitShow:d=(()=>{}),emitHide:b=(()=>{})}){this.destroy=()=>{this.el=document.getElementById(this.id),this.el&&(this.el.remove(),this.emitHide()),this.removeListener()},this.target=()=>document.getElementById(this.targetId),this.init=()=>{const{tone:t,colorName:s}=o.parseColor(this.color,700),i=r.getTwColor({color:s,tones:{[t]:["bg"]},variable:"--bcm-popover"}),h=Object.assign(Object.assign({},i),i["--bcm-popover-bg"]&&{"--bcm-popover-text":o.reverseColor(i["--bcm-popover-bg"])}),e=`<div class="tw-z-[1] tw-rounded tw-py-2">\n            ${this.message?`<div class="tw-font-medium tw-w-full tw-pb-1 tw-px-4">${a.trim(this.message)}</div>`:""}\n            ${this.content?`<div class="tw-font-normal tw-px-4">${a.trim(this.content)}</div>`:""}\n        </div>`;this.el=r.createElement("div",{id:`${this.targetId}-popover-box`,class:"\n            tw-whitespace-normal tw-break-words tw-block tw-font-sans tw-pointer-events-none tw-max-w-[256px] tw-rounded tw-bg-[--bcm-popover-bg] tw-text-[--bcm-popover-text] tw-text-3 tw-absolute tw-top-0 tw-left-0 tw-z-tooltip tw-opacity-0 tw-transition-opacity tw-duration-300\n            tw-shadow",role:"popover","aria-hidden":"true",style:o.generateStyleString(h),innerHTML:e})},this.update=()=>{this.el=document.getElementById(this.id),this.el&&(this.hide(),this.show())},this.listener=()=>{if(window.addEventListener("resize",this.calculatePosition.bind(this)),window.addEventListener("scroll",this.calculatePosition.bind(this),!0),window.addEventListener("wheel",this.calculatePosition.bind(this)),this.trigger&&this.target())switch(this.trigger){case"click":this.target().addEventListener("click",this.toggle.bind(this)),this.autoHide&&this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"hover":this.target().addEventListener("mouseenter",this.show.bind(this)),this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"focus":this.target().addEventListener("focus",this.show.bind(this),!0),this.target().addEventListener("blur",this.hide.bind(this),!0)}this.calculatePosition()},this.removeListener=()=>{window.removeEventListener("resize",this.calculatePosition.bind(this)),window.removeEventListener("scroll",this.calculatePosition.bind(this),!0),window.removeEventListener("wheel",this.calculatePosition.bind(this)),this.target()&&(this.target().removeEventListener("click",this.toggle.bind(this)),this.target().removeEventListener("mouseenter",this.show.bind(this)),this.target().removeEventListener("mouseleave",this.hide.bind(this)),this.target().removeEventListener("focus",this.show.bind(this),!0),this.target().removeEventListener("blur",this.hide.bind(this),!0))},this.calculatePosition=()=>{this.el=document.getElementById(this.id),this.el&&p({ref:this.target(),floating:this.el,placement:this.placement,offset:8,arrow:!0,arrowColor:"tw-bg-[--bcm-popover-bg]"})},this.show=async()=>{this.message?(this.init(),await n(this.openDelay),this.calculatePosition(),this.emitShow()):this.hide()},this.hide=async()=>{this.el=document.getElementById(this.id),this.el&&(await n(this.closeDelay),this.el.remove(),this.emitHide())},this.toggle=()=>{this.el=document.getElementById(this.id),this.el?this.hide():this.show()},this.content=t,this.message=s,this.targetId=i,this.placement=h,this.color=e,this.trigger=c,this.id=i+"-popover-box",this.openDelay=l,this.closeDelay=w,this.autoHide=m,this.emitShow=d,this.emitHide=b}}const w=class{constructor(i){t(this,i),this.bcmPopoverShow=s(this,"bcmPopoverShow",7),this.bcmPopoverHide=s(this,"bcmPopoverHide",7),this._id=r.UID(),this.message="",this.content="",this.placement=c.Placement.top,this.trigger=c.TriggerType.click,this.open=!1,this.color="white",this.openDelay=0,this.closeDelay=0,this.autoHide=!1,this.targetId=void 0,this.popover=void 0}emitShow(){this.bcmPopoverShow.emit()}emitHide(){this.bcmPopoverHide.emit()}connectedCallback(){this.popover=new l({targetId:this.targetId||this._id,content:this.content,message:this.message,placement:this.placement,color:this.color,trigger:this.trigger,openDelay:this.openDelay,closeDelay:this.closeDelay,autoHide:this.autoHide,emitShow:()=>this.emitShow(),emitHide:()=>this.emitHide()})}componentDidLoad(){this.popover.listener()}componentDidRender(){const{content:t,message:s,placement:i,color:h,trigger:e}=this;this.popover.content=t,this.popover.message=s,this.popover.placement=i,this.popover.color=h,this.popover.trigger=e,this.popover.openDelay=this.openDelay,this.popover.closeDelay=this.closeDelay,this.popover.autoHide=this.autoHide,this.popover.update()}disconnectedCallback(){this.popover.destroy()}async show(){this.popover.show()}async hide(){this.popover.hide()}async toggle(){this.popover.toggle()}render(){return i(h,{class:"tw-inline-flex tw-h-fit tw-w-fit",role:"tooltip","aria-hidden":"true"},i("slot",null))}get el(){return e(this)}};export{w as bcm_popover}