bromcom-ui 2.11.1-rc.8 → 2.11.1-rc.8.hf

package/dist/bromcom-ui/{p-98a4c883.entry.js → p-271c5161.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,h as s,H as r,g as i}from"./p-e037ee2b.js";import{c as t}from"./p-bed627ab.js";import{C as o}from"./p-4798d827.js";import{G as c}from"./p-c7e8dcf7.js";import{B as l}from"./p-a313fba6.js";import"./p-e45c1546.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-16e8e9ba.js";const n={small:{textSize:"size-3",iconSize:22,circleSize:80,radius:36},medium:{textSize:"size-5",iconSize:30,circleSize:120,radius:52}},p=class{constructor(s){e(this,s),this._id=c.UID(),this.value=0,this.max=100,this.size=l.Size.medium,this.type="line-rounded",this.info=null,this.error=!1,this.hidden=!1,this.fullWidth=!1,this.color="blue",this.isCompleted=!1}connectedCallback(){this.maxPercent(this.value)}componentDidRender(){const e=this.el.querySelector("#circle");if(e){const s=2*e.r.baseVal.value*Math.PI,r=s-this.value/this.max*s;e.style.strokeDasharray=`${s} ${s}`,e.style.strokeDashoffset=`${s}`,e.style.strokeDashoffset=`${r}`}}componentShouldUpdate(e,s,r){"value"===r&&e!==s&&this.handlePercent(e),"max"===r&&e!==s&&this.value>e&&(this.value=e)}maxPercent(e){e>=this.max&&(this.value=this.max,this.isCompleted=!0),e<this.max&&(this.isCompleted=!1),e<=0&&(this.value=0)}async increment(e){this.handlePercent(+e,"increment")}async decrement(e){this.handlePercent(+e,"decrement")}async set(e){this.handlePercent(+e,"set")}handlePercent(e,s="set"){if(!e&&0!=e||"number"!=typeof e)this.error=!0;else{switch(s){case"increment":this.value+=e;break;case"decrement":this.value-=e;break;case"set":this.value=e}this.maxPercent(this.value),this.error=!1}}getIcon(e="line"){if(this.error||"icon"===this.info&&this.isCompleted)return s("bcm-icon",{icon:"far fa-"+(this.error?"times":"check")+("line"===e?"-circle":"")})}render(){const{type:e,hidden:i,error:c,size:l,isCompleted:p,value:a,fullWidth:h}=this,m="icon"===this.info,{circleSize:g,radius:d,textSize:x}=n[this.size],b=+g/2,u=t({completed:m&&p,error:c}),z=t("bcm-progress__line-progress",l,e,u),_=t("bcm-progress__circle-circle","bar",u),f={width:`${g}px`,height:`${g}px`},w=t("bcm-progress",{hidden:i,"full-width":h});return s(r,{class:w,style:{"--bcm-progress-color":o.dsColor(this.color)}},s("circle"===e?()=>s("div",{class:"bcm-progress__circle",style:f},s("svg",{width:g,height:g},s("circle",{r:d,cx:b,cy:b,class:"bcm-progress__circle-circle"}),s("circle",{r:d,cx:b,cy:b,class:_,id:"circle"}),this.info&&"icon"!=this.info&&!this.error&&s("text",{x:b,y:b,"text-anchor":"middle",class:x,"alignment-baseline":"middle"},"value-max"===this.info&&a+"/"+this.max,"value"===this.info&&{value:a},"percent"===this.info&&100/this.max*+a+"%")),this.getIcon("circle")):()=>s("div",{class:"bcm-progress__line"},s("progress",{class:z,value:a,max:this.max}),"value-max"===this.info&&s("span",{class:"value"},a,"/",this.max," "),"value"===this.info&&s("span",{class:"value"},a," "),"percent"===this.info&&s("span",{class:"value"},100/this.max*+a,"%"),"icon"===this.info&&s("span",{class:"value"},this.getIcon("line"))),null))}get el(){return i(this)}};p.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-progress{--bcm-progress-color:var(--bcm-new-ds-color-blue-500);display:inline-block;min-width:50px;width:100%;max-width:256px;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400}.bcm-progress.full-width{width:100%;max-width:100%;min-width:auto}.bcm-progress__line{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;min-height:8px}.bcm-progress__line .value{margin-left:8px;color:var(--bcm-new-ds-color-slate-500);min-width:32px;font-size:14px;min-height:calc(14px + 8px);font-weight:500}.bcm-progress__line-progress{width:100%;flex:1;height:8px;border:0 none;background:var(--bcm-new-ds-color-slate-200);appearance:none}.bcm-progress__line-progress.small{height:6px}.bcm-progress__line-progress.line-rounded,.bcm-progress__line-progress.line-rounded::-webkit-progress-value{border-radius:8px}.bcm-progress__line-progress.line-rounded::-moz-progress-bar{border-radius:8px}.bcm-progress__line-progress.completed::-webkit-progress-value{background-color:var(--bcm-progress-color)}.bcm-progress__line-progress.completed::-moz-progress-bar{background-color:var(--bcm-progress-color)}.bcm-progress__line-progress.error::-webkit-progress-value{background-color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress.error::-moz-progress-bar{background-color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress.error .value{color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress::-webkit-progress-bar{background:transparent}.bcm-progress__line-progress::-webkit-progress-value{background-color:var(--bcm-progress-color);transition:0.3s}.bcm-progress__line-progress::-moz-progress-bar{background-color:var(--bcm-progress-color);transition:0.3s}.bcm-progress__circle{position:relative}.bcm-progress__circle bcm-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.bcm-progress__circle text{fill:var(--bcm-new-ds-color-slate-500);font-size:18px;line-height:calc(18px + 8px);font-weight:500}.bcm-progress__circle-circle{transition:0.35s stroke-dashoffset, 0.1s stroke;transform:rotate(-90deg);transform-origin:50% 50%;stroke:#F5F5F5;stroke-width:6px;fill:transparent}.bcm-progress__circle-circle.bar{stroke:var(--bcm-progress-color)}.bcm-progress__circle-circle.completed{stroke:var(--bcm-new-ds-color-emerald-500)}.bcm-progress__circle-circle.error{stroke:var(--bcm-new-ds-color-red-500)}';export{p as bcm_progress}
+import{r as e,h as s,H as r,g as i}from"./p-e037ee2b.js";import{c as t}from"./p-bed627ab.js";import{C as o}from"./p-4798d827.js";import{G as c}from"./p-4fea6f90.js";import{B as l}from"./p-a313fba6.js";import"./p-e45c1546.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-3718b4ca.js";const n={small:{textSize:"size-3",iconSize:22,circleSize:80,radius:36},medium:{textSize:"size-5",iconSize:30,circleSize:120,radius:52}},p=class{constructor(s){e(this,s),this._id=c.UID(),this.value=0,this.max=100,this.size=l.Size.medium,this.type="line-rounded",this.info=null,this.error=!1,this.hidden=!1,this.fullWidth=!1,this.color="blue",this.isCompleted=!1}connectedCallback(){this.maxPercent(this.value)}componentDidRender(){const e=this.el.querySelector("#circle");if(e){const s=2*e.r.baseVal.value*Math.PI,r=s-this.value/this.max*s;e.style.strokeDasharray=`${s} ${s}`,e.style.strokeDashoffset=`${s}`,e.style.strokeDashoffset=`${r}`}}componentShouldUpdate(e,s,r){"value"===r&&e!==s&&this.handlePercent(e),"max"===r&&e!==s&&this.value>e&&(this.value=e)}maxPercent(e){e>=this.max&&(this.value=this.max,this.isCompleted=!0),e<this.max&&(this.isCompleted=!1),e<=0&&(this.value=0)}async increment(e){this.handlePercent(+e,"increment")}async decrement(e){this.handlePercent(+e,"decrement")}async set(e){this.handlePercent(+e,"set")}handlePercent(e,s="set"){if(!e&&0!=e||"number"!=typeof e)this.error=!0;else{switch(s){case"increment":this.value+=e;break;case"decrement":this.value-=e;break;case"set":this.value=e}this.maxPercent(this.value),this.error=!1}}getIcon(e="line"){if(this.error||"icon"===this.info&&this.isCompleted)return s("bcm-icon",{icon:"far fa-"+(this.error?"times":"check")+("line"===e?"-circle":"")})}render(){const{type:e,hidden:i,error:c,size:l,isCompleted:p,value:a,fullWidth:h}=this,m="icon"===this.info,{circleSize:g,radius:d,textSize:x}=n[this.size],b=+g/2,u=t({completed:m&&p,error:c}),f=t("bcm-progress__line-progress",l,e,u),z=t("bcm-progress__circle-circle","bar",u),_={width:`${g}px`,height:`${g}px`},w=t("bcm-progress",{hidden:i,"full-width":h});return s(r,{class:w,style:{"--bcm-progress-color":o.dsColor(this.color)}},s("circle"===e?()=>s("div",{class:"bcm-progress__circle",style:_},s("svg",{width:g,height:g},s("circle",{r:d,cx:b,cy:b,class:"bcm-progress__circle-circle"}),s("circle",{r:d,cx:b,cy:b,class:z,id:"circle"}),this.info&&"icon"!=this.info&&!this.error&&s("text",{x:b,y:b,"text-anchor":"middle",class:x,"alignment-baseline":"middle"},"value-max"===this.info&&a+"/"+this.max,"value"===this.info&&{value:a},"percent"===this.info&&100/this.max*+a+"%")),this.getIcon("circle")):()=>s("div",{class:"bcm-progress__line"},s("progress",{class:f,value:a,max:this.max}),"value-max"===this.info&&s("span",{class:"value"},a,"/",this.max," "),"value"===this.info&&s("span",{class:"value"},a," "),"percent"===this.info&&s("span",{class:"value"},100/this.max*+a,"%"),"icon"===this.info&&s("span",{class:"value"},this.getIcon("line"))),null))}get el(){return i(this)}};p.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-progress{--bcm-progress-color:var(--bcm-new-ds-color-blue-500);display:inline-block;min-width:50px;width:100%;max-width:256px;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400}.bcm-progress.full-width{width:100%;max-width:100%;min-width:auto}.bcm-progress__line{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;min-height:8px}.bcm-progress__line .value{margin-left:8px;color:var(--bcm-new-ds-color-slate-500);min-width:32px;font-size:14px;min-height:calc(14px + 8px);font-weight:500}.bcm-progress__line-progress{width:100%;flex:1;height:8px;border:0 none;background:var(--bcm-new-ds-color-slate-200);appearance:none}.bcm-progress__line-progress.small{height:6px}.bcm-progress__line-progress.line-rounded,.bcm-progress__line-progress.line-rounded::-webkit-progress-value{border-radius:8px}.bcm-progress__line-progress.line-rounded::-moz-progress-bar{border-radius:8px}.bcm-progress__line-progress.completed::-webkit-progress-value{background-color:var(--bcm-progress-color)}.bcm-progress__line-progress.completed::-moz-progress-bar{background-color:var(--bcm-progress-color)}.bcm-progress__line-progress.error::-webkit-progress-value{background-color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress.error::-moz-progress-bar{background-color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress.error .value{color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress::-webkit-progress-bar{background:transparent}.bcm-progress__line-progress::-webkit-progress-value{background-color:var(--bcm-progress-color);transition:0.3s}.bcm-progress__line-progress::-moz-progress-bar{background-color:var(--bcm-progress-color);transition:0.3s}.bcm-progress__circle{position:relative}.bcm-progress__circle bcm-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.bcm-progress__circle text{fill:var(--bcm-new-ds-color-slate-500);font-size:18px;line-height:calc(18px + 8px);font-weight:500}.bcm-progress__circle-circle{transition:0.35s stroke-dashoffset, 0.1s stroke;transform:rotate(-90deg);transform-origin:50% 50%;stroke:#F5F5F5;stroke-width:6px;fill:transparent}.bcm-progress__circle-circle.bar{stroke:var(--bcm-progress-color)}.bcm-progress__circle-circle.completed{stroke:var(--bcm-new-ds-color-emerald-500)}.bcm-progress__circle-circle.error{stroke:var(--bcm-new-ds-color-red-500)}';export{p as bcm_progress}

package/dist/bromcom-ui/{p-f39d9d7c.entry.js → p-29799e4f.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,c as s,h as e,H as a,g as i}from"./p-e037ee2b.js";import"./p-4798d827.js";import"./p-626a65e9.js";import{G as o}from"./p-c7e8dcf7.js";import"./p-cb190cbb.js";import"./p-6b5ed4d8.js";import"./p-0999d548.js";import"./p-5ae0a59b.js";import{F as r}from"./p-6e5f5f36.js";import{a as p}from"./p-a313fba6.js";import{c as w}from"./p-bed627ab.js";import{c as m}from"./p-08c75801.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-16e8e9ba.js";const c=m({slots:{host:["tw-w-fit","tw-absolute tw-left-0 tw-right-0 tw-z-tooltip tw-opacity-100 tw-transition-opacity tw-duration-300","tw-overscroll-contain  tw-scroll-smooth tw-rounded tw-bg-white tw-shadow tw-max-h-64 tw-overflow-y-auto","bcm-ui-element bcm-attendance-actions tw-flex tw-flex-col tw-items-start tw-justify-start tw-p-2 tw-font-medium tw-text-slate-700"],dataItem:["tw-flex tw-w-full tw-cursor-pointer tw-flex-row tw-items-start tw-justify-start tw-gap-2 tw-rounded  hover:tw-bg-blue-100"],key:["tw-font-mono tw-text-slate-600"],selectedItem:["tw-bg-blue-100"]},variants:{size:{small:{dataItem:["tw-text-2.5 tw-px-2.5 tw-py-2"]},medium:{dataItem:["tw-text-3 tw-px-3 tw-py-2"]},large:{dataItem:["tw-text-4 tw-px-4 tw-py-2"]}}},defaultVariants:{size:"medium"}}),n=class{constructor(e){t(this,e),this.change=s(this,"bcm-attendance-actions-dropdown-change",3),this._id=o.UID(),this.size=p.Size.medium,this.disabled=!1,this.selectedKey=null,this.targetId=null,this.isShow=!1,this.data=[]}handleSelectItem(t){this.selectedKey=t.key,this.change.emit(t)}async show(){const t=document.getElementById(this.targetId);r({ref:t,floating:this.el,placement:"bottom-end",offset:4}),this.isShow=!0}async hide(){this.isShow&&this.el.remove()}handleClickOutside(){this.hide()}render(){const{size:t}=this,{host:s,dataItem:i,selectedItem:o,key:r}=c({size:t});return e(a,{class:s()},this.data.map((t=>e("div",{class:w(i(),this.selectedKey===t.key&&o()),onClick:()=>this.handleSelectItem(t)},e("span",{class:r()},t.key," - "),e("span",null,t.value)))))}get el(){return i(this)}};export{n as bcm_attendance_actions_dropdown}
+import{r as t,c as s,h as e,H as a,g as i}from"./p-e037ee2b.js";import"./p-4798d827.js";import"./p-626a65e9.js";import{G as o}from"./p-4fea6f90.js";import"./p-d77859d7.js";import"./p-6b5ed4d8.js";import"./p-96fa8a40.js";import"./p-5ae0a59b.js";import{F as r}from"./p-6e5f5f36.js";import{a as p}from"./p-a313fba6.js";import{c as w}from"./p-bed627ab.js";import{c as m}from"./p-08c75801.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-3718b4ca.js";const n=m({slots:{host:["tw-w-fit","tw-absolute tw-left-0 tw-right-0 tw-z-tooltip tw-opacity-100 tw-transition-opacity tw-duration-300","tw-overscroll-contain  tw-scroll-smooth tw-rounded tw-bg-white tw-shadow tw-max-h-64 tw-overflow-y-auto","bcm-ui-element bcm-attendance-actions tw-flex tw-flex-col tw-items-start tw-justify-start tw-p-2 tw-font-medium tw-text-slate-700"],dataItem:["tw-flex tw-w-full tw-cursor-pointer tw-flex-row tw-items-start tw-justify-start tw-gap-2 tw-rounded  hover:tw-bg-blue-100"],key:["tw-font-mono tw-text-slate-600"],selectedItem:["tw-bg-blue-100"]},variants:{size:{small:{dataItem:["tw-text-2.5 tw-px-2.5 tw-py-2"]},medium:{dataItem:["tw-text-3 tw-px-3 tw-py-2"]},large:{dataItem:["tw-text-4 tw-px-4 tw-py-2"]}}},defaultVariants:{size:"medium"}}),c=class{constructor(e){t(this,e),this.change=s(this,"bcm-attendance-actions-dropdown-change",3),this._id=o.UID(),this.size=p.Size.medium,this.disabled=!1,this.selectedKey=null,this.targetId=null,this.isShow=!1,this.data=[]}handleSelectItem(t){this.selectedKey=t.key,this.change.emit(t)}async show(){const t=document.getElementById(this.targetId);r({ref:t,floating:this.el,placement:"bottom-end",offset:4}),this.isShow=!0}async hide(){this.isShow&&this.el.remove()}handleClickOutside(){this.hide()}render(){const{size:t}=this,{host:s,dataItem:i,selectedItem:o,key:r}=n({size:t});return e(a,{class:s()},this.data.map((t=>e("div",{class:w(i(),this.selectedKey===t.key&&o()),onClick:()=>this.handleSelectItem(t)},e("span",{class:r()},t.key," - "),e("span",null,t.value)))))}get el(){return i(this)}};export{c as bcm_attendance_actions_dropdown}

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

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-const c="2.11.1-rc.8";export{c as v}
+const c="2.11.1-rc.8.hf";export{c as v}

package/dist/bromcom-ui/{p-0267a472.entry.js → p-3998f799.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,c as i,h as e,H as n,g as r}from"./p-e037ee2b.js";import{G as o}from"./p-c7e8dcf7.js";import{N as a}from"./p-cb190cbb.js";import{S as c}from"./p-6b5ed4d8.js";import{V as s}from"./p-0999d548.js";import{B as p}from"./p-a313fba6.js";import{C as l}from"./p-1cac8ccc.js";import{I as h}from"./p-e8ef1d0d.js";import{c as m}from"./p-bed627ab.js";import{d as u}from"./p-3c7a0345.js";import{I as b}from"./p-8e5e362a.js";import"./p-16e8e9ba.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-3fac58f7.js";const d=class{constructor(e){t(this,e),this.focus=i(this,"bcm-focus",7),this.blur=i(this,"bcm-blur",7),this.clear=i(this,"bcm-clear",7),this.change=i(this,"bcm-change",7),this.input=i(this,"bcm-input",7),this.isBlur=!1,this._id=o.UID(),this._internal_id=o.UID(),this.value="",this.size=p.Size.medium,this.label=void 0,this.pattern=void 0,this.tooltip=void 0,this.placeholder=void 0,this.disabled=!1,this.readonly=!1,this.clearable=!1,this.autocomplete=!1,this.name=void 0,this.type=p.InputType.text,this.hidden=!1,this.required=!1,this.fullWidth=!1,this.noDefaultIcon=void 0,this.disableWatchValue=!1,this.passwordToggle=!1,this.maxLength=null,this.minLength=null,this.unitPrefix=null,this.unit=void 0,this.decimal=!0,this.min=void 0,this.max=void 0,this.step=void 0,this.caption=void 0,this.noCaption=!1,this.captionType=p.Status.default,this.captionError=void 0,this.customErrorMessage=void 0,this._prefix=void 0,this._suffix=void 0,this.captionCache=void 0,this.captionTypeCache=void 0,this.inValid=!1,this.valueCache="",this.focused=!1,this.isPasswordVisible=!1}connectedCallback(){this.valueCache=this.value,this.captionCache=this.caption,this.captionTypeCache=this.captionType}componentWillRender(){const{type:t,isBlur:i,value:e}=this;if(e)switch(this.value.length>0&&this.checkPattern(),t){case"number":!this.checkValid("number")&&this.validationRange();break;case"email":i&&this.checkValid("email");break;case"tel":i&&this.checkValid("phone");break;case"text":i&&this.checkLength()}else!this.required&&this.resetCaption()}async onBcmFocus(){this.inputElement.focus()}async onBcmBlur(){this.inputElement.blur()}async onBcmSelect(){this.inputElement.select()}async set(t){await this.setValue(t)}async get(){return this.value||null}async setValue(t){return this.inputElement.value=t,this.handleChange(),t}async setClear(){return this.inputElement.value="",this.value="",await u(10),Promise.resolve()}async resetCaption(){return await u(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,this.inValid=!1,await u(10),Promise.resolve()}async getValue(){return this.value}watchValue(t){this.inputElement.value=t,this.disableWatchValue||"number"==this.type||this.handleChange()}listenKeyDown(t){if(!this.disabled&&!this.readonly&&(this.onBcmFocus(),"number"==this.type)){var i=t.which||0,e=t.key;38==i&&(t.preventDefault(),this.stepUpOrDown("up")),40==i&&(t.preventDefault(),this.stepUpOrDown("down")),(190==i||110==i||"."==e)&&this.value.indexOf(".")>-1&&t.preventDefault(),189!=i&&109!=i&&"-"!=e||("-"==this.value.charAt(0)||this.value.indexOf("-")>-1)&&t.preventDefault()}}handleFocus(){this.focused=!0,this.focus.emit(),this.whatchHasFocus()}handleBlur(){this.focused=!1,this.isBlur=!0,this.whatchHasFocus(),this.blur.emit()}handleChange(){this.valueSync()}handleInput(){if("number"==this.type&&this.maxLength){const t=this.inputElement.value;t&&t.length>0&&t.length>this.maxLength&&(this.inputElement.value=t.substring(0,this.maxLength))}this.valueSync()}valueSync(){return this.value!=this.inputElement.value?(this.value=this.inputElement.value,this.change.emit(this.value),!0):(this.input.emit(this.value),!1)}handleClear(t){this.inputElement.value="",this.value="",this.inputElement.focus(),this.clear.emit(t),this.change.emit(this.value),t.stopPropagation()}changePasswordVisibility(){this.isPasswordVisible=!this.isPasswordVisible}setCaption(t=null,i=null){this.caption=t||this.captionCache,this.captionType=i||this.captionTypeCache,this.captionError="error"==i?t:null}stepUpOrDown(t){if(!this.inValid&&!this.disabled&&!this.readonly){let i=+this.step||1,e=+this.value;e="up"==t?+(e+i):+(e-i),this.value=e.toString(),this.change.emit(this.value)}}validationRange(){const{min:t,max:i,value:e}=this;if(void 0!==e)if(void 0!==t&&void 0!==i){if(e<t||e>i)return this.setCaption(c.getMessage("between",[t,i]),"error"),!1}else if(void 0!==t){if(e<t)return this.setCaption(c.getMessage("min",[t]),"error"),!1}else if(void 0!==i&&e>i)return this.setCaption(c.getMessage("max",[i]),"error"),!1;return this.setCaption(),!0}checkLength(){const{minLength:t,maxLength:i,value:e}=this;t&&i?e.length<t||e.length>i?(this.setCaption(c.getMessage("betweenlength",[t,i]),"error"),this.inValid=!0):(this.setCaption(),this.inValid=!1):t?e.length<t?(this.setCaption(c.getMessage("minlength",[t]),"error"),this.inValid=!0):(this.setCaption(),this.inValid=!1):i&&(e.length>i?(this.setCaption(c.getMessage("maxlength",[i]),"error"),this.inValid=!0):(this.setCaption(),this.inValid=!1))}checkPattern(){const{pattern:t,value:i}=this;t&&(s.pattern(i,t)?(this.setCaption(),this.inValid=!1):(this.setCaption(c.getMessage("pattern"),"error"),this.inValid=!0))}checkValid(t){const{value:i}=this;return s.isValidate(i,t)?(this.setCaption(),this.inValid=!1):(this.setCaption(c.getMessage(t),"error"),this.inValid=!0),this.inValid}whatchHasFocus(){const{type:t,focused:i,valueCache:e,inValid:n}=this;t==p.InputType.number&&n&&(this.value=i?"":c.isNullOrEmpty(this.value)?e:this.value?this.fixToNumber(this.value):"")}fixToNumber(t){if(t){const i=a.getDecimalLength(this.step);return i>0?a.parseFloatFixed(t,i):t}return t}eyeDropper(){(new window.EyeDropper).open().then((t=>{this.setValue(t.sRGBHex)})).catch((t=>{"NotAllowedError"===t.name?console.log("Permission to access sensor was denied."):"NotSupportedError"===t.name&&console.log("Sensor not supported.")}))}isEyeDropperSupported(){return"undefined"!=typeof window&&"EyeDropper"in window}toggleLinked(){const t=document.getElementById(`${this._id}-linked`);t&&t.toggle()}render(){const{value:t,size:i,label:r,type:o,captionType:a,caption:c,captionError:s,placeholder:u,fullWidth:b,disabled:d,readonly:g,clearable:x,passwordToggle:f,isPasswordVisible:_,noDefaultIcon:w,unit:y,inValid:v,focused:z,unitPrefix:k,noCaption:j,required:C,hidden:D,_id:I,autocomplete:V}=this,B=(null==t?void 0:t.length)>0&&x,P=m("bcm-input",`bcm-input__container--${i}`,{hidden:D,"full-width":b});return e(n,{onfocus:()=>this.onBcmFocus(),class:P,onClick:()=>this.onBcmFocus()},r&&e("bcm-label",{onClick:()=>this.toggleLinked(),tooltip:this.tooltip,type:a,value:r,required:C,htmlFor:I}),e(h,{id:I,type:o,value:t,pattern:this.pattern,placeholder:u,disabled:d,readonly:g,clearable:B,passwordToggle:f,isPasswordVisible:_,noDefaultIcon:w,focused:z,inValid:v,unitPrefix:k,maxLength:this.maxLength,internalId:this._internal_id,captionType:a,unit:y,size:i,handleFocus:()=>this.handleFocus(),handleBlur:()=>this.handleBlur(),handleChange:()=>this.handleChange(),handleInput:()=>this.handleInput(),steps:t=>this.stepUpOrDown(t),changePasswordVisibility:()=>this.changePasswordVisibility(),handleClear:t=>this.handleClear(t),eyeDropper:()=>this.eyeDropper(),isEyeDropperSupported:()=>this.isEyeDropperSupported(),ref:t=>this.inputElement=t,_suffix:this._suffix,_prefix:this._prefix,autocomplete:V}),e(l,{noCaption:j,captionType:a,captionError:s,caption:c,customErrorMessage:this.customErrorMessage}),o==p.InputType.color&&e("bcm-linked",{targetId:this._id+"-container",id:this._id+"-linked"},e("bcm-colorful",{id:this._id+"-picker",color:this.value,onBcmChange:t=>this.setValue(t.detail)})))}static get watchers(){return{value:["watchValue"]}}};var g;(function(t,i,e,n){var r,o=arguments.length,a=o<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,n);else for(var c=t.length-1;c>=0;c--)(r=t[c])&&(a=(o<3?r(a):o>3?r(i,e,a):r(i,e))||a);o>3&&a&&Object.defineProperty(i,e,a)})([b()],d.prototype,"inputElement",void 0),d.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-input{display:inline-flex;flex-direction:column;width:100%;max-width:256px;margin-bottom:8px}.bcm-input.full-width{max-width:100%}.bcm-input.hidden{display:none}.bcm-input__container{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;align-items:stretch;flex-direction:row;background-color:var(--bcm-new-ds-color-white);border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;box-sizing:border-box;cursor:text;padding:0 0 0 4px;position:relative;width:100%}.bcm-input__container.disabled{background-color:var(--bcm-new-ds-color-slate-50);cursor:not-allowed}.bcm-input__container.disabled .bcm-input-element{color:var(--bcm-new-ds-color-slate-500)}.bcm-input__container.readonly{background-color:var(--bcm-new-ds-color-slate-50);cursor:default}.bcm-input__container.readonly .bcm-input-element{color:var(--bcm-new-ds-color-slate-600)}.bcm-input__container:not(.disabled):hover .caret-container,.bcm-input__container:not(.disabled).focused .caret-container{opacity:1}.bcm-input__container:not(.disabled):hover .input-clear-button,.bcm-input__container:not(.disabled).focused .input-clear-button{opacity:1}.bcm-input__container:not(.disabled).focused{background-color:var(--bcm-new-ds-color-slate-50)}.bcm-input__container:not(.disabled):hover{border-color:var(--bcm-color-prime-blue-6)}.bcm-input__container.empty .input-clear-button{display:none}.bcm-input__container.invalid,.bcm-input__container.error{border-color:var(--bcm-new-ds-color-red-500)}.bcm-input__container .bcm-input-element{width:100%;color:var(--bcm-new-ds-color-slate-600);flex:1;border:none;background:transparent;box-shadow:unset;padding:0 4px;font-family:"Inter", sans-serif;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;text-overflow:ellipsis}.bcm-input__container .bcm-input-element::placeholder{font-family:"Inter", sans-serif;color:var(--bcm-new-ds-color-slate-300);user-select:none}.bcm-input__container .bcm-input-element::-webkit-search-decoration,.bcm-input__container .bcm-input-element::-webkit-search-cancel-button,.bcm-input__container .bcm-input-element::-webkit-search-results-button,.bcm-input__container .bcm-input-element::-webkit-search-results-decoration,.bcm-input__container .bcm-input-element::-webkit-calendar-picker-indicator,.bcm-input__container .bcm-input-element::-webkit-inner-spin-button,.bcm-input__container .bcm-input-element::-webkit-outer-spin-button{-webkit-appearance:none}.bcm-input__container .caret-container{width:30px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;border-left:1px solid #D9D9D9;transition:0.2s opacity;user-select:none;box-sizing:border-box}.bcm-input__container .caret-container .bcm-input-caret{display:flex;align-items:center;justify-content:center;color:var(--bcm-color-grey-7);cursor:pointer;flex:1}.bcm-input__container .caret-container .bcm-input-caret bcm-icon{line-height:1}.bcm-input__container .caret-container .bcm-input-caret:hover{color:var(--bcm-color-prime-blue-6)}.bcm-input__container .caret-container .bcm-input-caret:active{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container .bcm-input-caret:last-child{border-top:1px solid #D9D9D9}.bcm-input__container .caret-container.disabled{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container.disabled .bcm-input-caret{cursor:not-allowed}.bcm-input__container .input-suffix-content{display:flex;align-items:center;justify-content:center}.bcm-input__container .input-prefix:not(:empty){padding-left:4px}.bcm-input__container .input-suffix:not(:empty){min-width:24px;padding-right:4px}.bcm-input__container .input-prefix:not(:empty),.bcm-input__container .input-suffix:not(:empty){display:flex;align-items:center;justify-content:center;cursor:default;color:#64748a}.bcm-input__container .input-prefix:not(:empty) .unit-prefix,.bcm-input__container .input-suffix:not(:empty) .unit-prefix{color:#64748a}.bcm-input__container .input-prefix-button:not(:empty),.bcm-input__container .input-suffix-button:not(:empty){cursor:pointer}.bcm-input__container .caret-container,.bcm-input__container .input-clear-button{opacity:0}.bcm-input__container--small{font-size:12px}.bcm-input__container--medium{font-size:14px}.bcm-input__container--large{font-size:16px}.bcm-input__textarea.clearable .bcm-input-element{padding-right:24px}.bcm-input__textarea .input-clear-button{position:absolute;top:4px;right:0}',function(t){t.none="none",t.both="both",t.horizontal="horizontal",t.vertical="vertical",t.initial="initial",t.inherit="inherit"}(g||(g={}));const x=class{constructor(e){t(this,e),this.focus=i(this,"bcm-focus",7),this.blur=i(this,"bcm-blur",7),this.clear=i(this,"bcm-clear",7),this.change=i(this,"bcm-change",7),this.input=i(this,"bcm-input",7),this._id=o.UID(),this._internal_id=o.UID(),this.hidden=!1,this.value=void 0,this.placeholder=void 0,this.label=void 0,this.name=void 0,this.required=!1,this.caption=void 0,this.noCaption=!1,this.captionError=void 0,this.captionType=p.Status.default,this.rows=3,this.size=p.Size.medium,this.disabled=void 0,this.readonly=!1,this.clearable=void 0,this.resize=g.vertical,this.fullWidth=!1,this.maxLength=void 0,this.focused=!1,this.captionCache=void 0,this.captionTypeCache=void 0}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType}async onBcmFocus(){this.textarea.focus()}async onBcmBlur(){this.textarea.blur()}async onBcmSelect(){this.textarea.select()}async set(t){await this.setValue(t)}async get(){return this.value||null}async setValue(t){return this.textarea.value=t,this.value=t,this.handleChange(),t}async setClear(){return this.textarea.value="",this.value="",await u(10),Promise.resolve()}async resetCaption(){return await u(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await u(10),Promise.resolve()}async getValue(){return this.value}watchValue(t){this.textarea.value=t,this.handleChange()}handleFocus(){this.focused=!0,this.focus.emit()}handleBlur(){this.focused=!1,this.blur.emit()}handleChange(){this.value=this.textarea.value,this.change.emit(this.value)}handleInput(){this.value=this.textarea.value,this.input.emit(this.value)}handleClear(t){this.textarea.value="",this.value="",this.clear.emit(),this.textarea.focus(),t.stopPropagation()}render(){const{_id:t,hidden:i,readonly:r,fullWidth:o,size:a,rows:c,disabled:s,clearable:u,label:b,focused:d,noCaption:g,caption:x,captionError:f,captionType:_,value:w,resize:y,maxLength:v,placeholder:z,required:k}=this,j=m("bcm-input",{hidden:i,"full-width":o});return e(n,{class:j},b&&e("bcm-label",{type:_,value:b,required:k,htmlFor:t}),e(h,{elementType:p.HtmlElementType.textarea,id:t,value:w,rows:c,disabled:s,maxLength:v,placeholder:z,clearable:u,resize:y,readonly:r,size:a,focused:d,handleFocus:()=>this.handleFocus(),handleBlur:()=>this.handleBlur(),handleChange:()=>this.handleChange(),handleInput:()=>this.handleInput(),handleClear:t=>this.handleClear(t),ref:t=>this.textarea=t,captionType:_}),e(l,{noCaption:g,captionType:_,captionError:f,caption:x,value:w,maxLength:v}))}get el(){return r(this)}static get watchers(){return{value:["watchValue"]}}};(function(t,i,e,n){var r,o=arguments.length,a=o<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,n);else for(var c=t.length-1;c>=0;c--)(r=t[c])&&(a=(o<3?r(a):o>3?r(i,e,a):r(i,e))||a);o>3&&a&&Object.defineProperty(i,e,a)})([b()],x.prototype,"el",void 0),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}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-input{display:inline-flex;flex-direction:column;width:100%;max-width:256px;margin-bottom:8px}.bcm-input.full-width{max-width:100%}.bcm-input.hidden{display:none}.bcm-input__container{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;align-items:stretch;flex-direction:row;background-color:var(--bcm-new-ds-color-white);border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;box-sizing:border-box;cursor:text;padding:0 0 0 4px;position:relative;width:100%}.bcm-input__container.disabled{background-color:var(--bcm-new-ds-color-slate-50);cursor:not-allowed}.bcm-input__container.disabled .bcm-input-element{color:var(--bcm-new-ds-color-slate-500)}.bcm-input__container.readonly{background-color:var(--bcm-new-ds-color-slate-50);cursor:default}.bcm-input__container.readonly .bcm-input-element{color:var(--bcm-new-ds-color-slate-600)}.bcm-input__container:not(.disabled):hover .caret-container,.bcm-input__container:not(.disabled).focused .caret-container{opacity:1}.bcm-input__container:not(.disabled):hover .input-clear-button,.bcm-input__container:not(.disabled).focused .input-clear-button{opacity:1}.bcm-input__container:not(.disabled).focused{background-color:var(--bcm-new-ds-color-slate-50)}.bcm-input__container:not(.disabled):hover{border-color:var(--bcm-color-prime-blue-6)}.bcm-input__container.empty .input-clear-button{display:none}.bcm-input__container.invalid,.bcm-input__container.error{border-color:var(--bcm-new-ds-color-red-500)}.bcm-input__container .bcm-input-element{width:100%;color:var(--bcm-new-ds-color-slate-600);flex:1;border:none;background:transparent;box-shadow:unset;padding:0 4px;font-family:"Inter", sans-serif;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;text-overflow:ellipsis}.bcm-input__container .bcm-input-element::placeholder{font-family:"Inter", sans-serif;color:var(--bcm-new-ds-color-slate-300);user-select:none}.bcm-input__container .bcm-input-element::-webkit-search-decoration,.bcm-input__container .bcm-input-element::-webkit-search-cancel-button,.bcm-input__container .bcm-input-element::-webkit-search-results-button,.bcm-input__container .bcm-input-element::-webkit-search-results-decoration,.bcm-input__container .bcm-input-element::-webkit-calendar-picker-indicator,.bcm-input__container .bcm-input-element::-webkit-inner-spin-button,.bcm-input__container .bcm-input-element::-webkit-outer-spin-button{-webkit-appearance:none}.bcm-input__container .caret-container{width:30px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;border-left:1px solid #D9D9D9;transition:0.2s opacity;user-select:none;box-sizing:border-box}.bcm-input__container .caret-container .bcm-input-caret{display:flex;align-items:center;justify-content:center;color:var(--bcm-color-grey-7);cursor:pointer;flex:1}.bcm-input__container .caret-container .bcm-input-caret bcm-icon{line-height:1}.bcm-input__container .caret-container .bcm-input-caret:hover{color:var(--bcm-color-prime-blue-6)}.bcm-input__container .caret-container .bcm-input-caret:active{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container .bcm-input-caret:last-child{border-top:1px solid #D9D9D9}.bcm-input__container .caret-container.disabled{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container.disabled .bcm-input-caret{cursor:not-allowed}.bcm-input__container .input-suffix-content{display:flex;align-items:center;justify-content:center}.bcm-input__container .input-prefix:not(:empty){padding-left:4px}.bcm-input__container .input-suffix:not(:empty){min-width:24px;padding-right:4px}.bcm-input__container .input-prefix:not(:empty),.bcm-input__container .input-suffix:not(:empty){display:flex;align-items:center;justify-content:center;cursor:default;color:#64748a}.bcm-input__container .input-prefix:not(:empty) .unit-prefix,.bcm-input__container .input-suffix:not(:empty) .unit-prefix{color:#64748a}.bcm-input__container .input-prefix-button:not(:empty),.bcm-input__container .input-suffix-button:not(:empty){cursor:pointer}.bcm-input__container .caret-container,.bcm-input__container .input-clear-button{opacity:0}.bcm-input__container--small{font-size:12px}.bcm-input__container--medium{font-size:14px}.bcm-input__container--large{font-size:16px}.bcm-input__textarea.clearable .bcm-input-element{padding-right:24px}.bcm-input__textarea .input-clear-button{position:absolute;top:4px;right:0}';export{d as bcm_input,x as bcm_textarea}
+import{r as t,c as i,h as e,H as n,g as r}from"./p-e037ee2b.js";import{G as o}from"./p-4fea6f90.js";import{N as a}from"./p-d77859d7.js";import{S as c}from"./p-6b5ed4d8.js";import{V as s}from"./p-96fa8a40.js";import{B as p}from"./p-a313fba6.js";import{C as l}from"./p-1cac8ccc.js";import{I as h}from"./p-2da8d8f5.js";import{c as m}from"./p-bed627ab.js";import{d as u}from"./p-3c7a0345.js";import{I as b}from"./p-8e5e362a.js";import"./p-3718b4ca.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-3fac58f7.js";const d=class{constructor(e){t(this,e),this.focus=i(this,"bcm-focus",7),this.blur=i(this,"bcm-blur",7),this.clear=i(this,"bcm-clear",7),this.change=i(this,"bcm-change",7),this.input=i(this,"bcm-input",7),this.isBlur=!1,this._id=o.UID(),this._internal_id=o.UID(),this.value="",this.size=p.Size.medium,this.label=void 0,this.pattern=void 0,this.tooltip=void 0,this.placeholder=void 0,this.disabled=!1,this.readonly=!1,this.clearable=!1,this.autocomplete=!1,this.name=void 0,this.type=p.InputType.text,this.hidden=!1,this.required=!1,this.fullWidth=!1,this.noDefaultIcon=void 0,this.disableWatchValue=!1,this.passwordToggle=!1,this.maxLength=null,this.minLength=null,this.unitPrefix=null,this.unit=void 0,this.decimal=!0,this.min=void 0,this.max=void 0,this.step=void 0,this.caption=void 0,this.noCaption=!1,this.captionType=p.Status.default,this.captionError=void 0,this.customErrorMessage=void 0,this._prefix=void 0,this._suffix=void 0,this.captionCache=void 0,this.captionTypeCache=void 0,this.inValid=!1,this.valueCache="",this.focused=!1,this.isPasswordVisible=!1}connectedCallback(){this.valueCache=this.value,this.captionCache=this.caption,this.captionTypeCache=this.captionType}componentWillRender(){const{type:t,isBlur:i,value:e}=this;if(e)switch(this.value.length>0&&this.checkPattern(),t){case"number":!this.checkValid("number")&&this.validationRange();break;case"email":i&&this.checkValid("email");break;case"tel":i&&this.checkValid("phone");break;case"text":i&&this.checkLength()}else!this.required&&this.resetCaption()}async onBcmFocus(){this.inputElement.focus()}async onBcmBlur(){this.inputElement.blur()}async onBcmSelect(){this.inputElement.select()}async set(t){await this.setValue(t)}async get(){return this.value||null}async setValue(t){return this.inputElement.value=t,this.handleChange(),t}async setClear(){return this.inputElement.value="",this.value="",await u(10),Promise.resolve()}async resetCaption(){return await u(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,this.inValid=!1,await u(10),Promise.resolve()}async getValue(){return this.value}watchValue(t){this.inputElement.value=t,this.disableWatchValue||"number"==this.type||this.handleChange()}listenKeyDown(t){if(!this.disabled&&!this.readonly&&(this.onBcmFocus(),"number"==this.type)){var i=t.which||0,e=t.key;38==i&&(t.preventDefault(),this.stepUpOrDown("up")),40==i&&(t.preventDefault(),this.stepUpOrDown("down")),(190==i||110==i||"."==e)&&this.value.indexOf(".")>-1&&t.preventDefault(),189!=i&&109!=i&&"-"!=e||("-"==this.value.charAt(0)||this.value.indexOf("-")>-1)&&t.preventDefault()}}handleFocus(){this.focused=!0,this.focus.emit(),this.whatchHasFocus()}handleBlur(){this.focused=!1,this.isBlur=!0,this.whatchHasFocus(),this.blur.emit()}handleChange(){this.valueSync()}handleInput(){if("number"==this.type&&this.maxLength){const t=this.inputElement.value;t&&t.length>0&&t.length>this.maxLength&&(this.inputElement.value=t.substring(0,this.maxLength))}this.valueSync()}valueSync(){return this.value!=this.inputElement.value?(this.value=this.inputElement.value,this.change.emit(this.value),!0):(this.input.emit(this.value),!1)}handleClear(t){this.inputElement.value="",this.value="",this.inputElement.focus(),this.clear.emit(t),this.change.emit(this.value),t.stopPropagation()}changePasswordVisibility(){this.isPasswordVisible=!this.isPasswordVisible}setCaption(t=null,i=null){this.caption=t||this.captionCache,this.captionType=i||this.captionTypeCache,this.captionError="error"==i?t:null}stepUpOrDown(t){if(!this.inValid&&!this.disabled&&!this.readonly){let i=+this.step||1,e=+this.value;e="up"==t?+(e+i):+(e-i),this.value=e.toString(),this.change.emit(this.value)}}validationRange(){const{min:t,max:i,value:e}=this;if(void 0!==e)if(void 0!==t&&void 0!==i){if(e<t||e>i)return this.setCaption(c.getMessage("between",[t,i]),"error"),!1}else if(void 0!==t){if(e<t)return this.setCaption(c.getMessage("min",[t]),"error"),!1}else if(void 0!==i&&e>i)return this.setCaption(c.getMessage("max",[i]),"error"),!1;return this.setCaption(),!0}checkLength(){const{minLength:t,maxLength:i,value:e}=this;t&&i?e.length<t||e.length>i?(this.setCaption(c.getMessage("betweenlength",[t,i]),"error"),this.inValid=!0):(this.setCaption(),this.inValid=!1):t?e.length<t?(this.setCaption(c.getMessage("minlength",[t]),"error"),this.inValid=!0):(this.setCaption(),this.inValid=!1):i&&(e.length>i?(this.setCaption(c.getMessage("maxlength",[i]),"error"),this.inValid=!0):(this.setCaption(),this.inValid=!1))}checkPattern(){const{pattern:t,value:i}=this;t&&(s.pattern(i,t)?(this.setCaption(),this.inValid=!1):(this.setCaption(c.getMessage("pattern"),"error"),this.inValid=!0))}checkValid(t){const{value:i}=this;return s.isValidate(i,t)?(this.setCaption(),this.inValid=!1):(this.setCaption(c.getMessage(t),"error"),this.inValid=!0),this.inValid}whatchHasFocus(){const{type:t,focused:i,valueCache:e,inValid:n}=this;t==p.InputType.number&&n&&(this.value=i?"":c.isNullOrEmpty(this.value)?e:this.value?this.fixToNumber(this.value):"")}fixToNumber(t){if(t){const i=a.getDecimalLength(this.step);return i>0?a.parseFloatFixed(t,i):t}return t}eyeDropper(){(new window.EyeDropper).open().then((t=>{this.setValue(t.sRGBHex)})).catch((t=>{"NotAllowedError"===t.name?console.log("Permission to access sensor was denied."):"NotSupportedError"===t.name&&console.log("Sensor not supported.")}))}isEyeDropperSupported(){return"undefined"!=typeof window&&"EyeDropper"in window}toggleLinked(){const t=document.getElementById(`${this._id}-linked`);t&&t.toggle()}render(){const{value:t,size:i,label:r,type:o,captionType:a,caption:c,captionError:s,placeholder:u,fullWidth:b,disabled:d,readonly:g,clearable:x,passwordToggle:f,isPasswordVisible:_,noDefaultIcon:w,unit:y,inValid:v,focused:z,unitPrefix:k,noCaption:j,required:C,hidden:D,_id:I,autocomplete:V}=this,B=(null==t?void 0:t.length)>0&&x,P=m("bcm-input",`bcm-input__container--${i}`,{hidden:D,"full-width":b});return e(n,{onfocus:()=>this.onBcmFocus(),class:P,onClick:()=>this.onBcmFocus()},r&&e("bcm-label",{onClick:()=>this.toggleLinked(),tooltip:this.tooltip,type:a,value:r,required:C,htmlFor:I}),e(h,{id:I,type:o,value:t,pattern:this.pattern,placeholder:u,disabled:d,readonly:g,clearable:B,passwordToggle:f,isPasswordVisible:_,noDefaultIcon:w,focused:z,inValid:v,unitPrefix:k,maxLength:this.maxLength,internalId:this._internal_id,captionType:a,unit:y,size:i,handleFocus:()=>this.handleFocus(),handleBlur:()=>this.handleBlur(),handleChange:()=>this.handleChange(),handleInput:()=>this.handleInput(),steps:t=>this.stepUpOrDown(t),changePasswordVisibility:()=>this.changePasswordVisibility(),handleClear:t=>this.handleClear(t),eyeDropper:()=>this.eyeDropper(),isEyeDropperSupported:()=>this.isEyeDropperSupported(),ref:t=>this.inputElement=t,_suffix:this._suffix,_prefix:this._prefix,autocomplete:V}),e(l,{noCaption:j,captionType:a,captionError:s,caption:c,customErrorMessage:this.customErrorMessage}),o==p.InputType.color&&e("bcm-linked",{targetId:this._id+"-container",id:this._id+"-linked"},e("bcm-colorful",{id:this._id+"-picker",color:this.value,onBcmChange:t=>this.setValue(t.detail)})))}static get watchers(){return{value:["watchValue"]}}};var g;(function(t,i,e,n){var r,o=arguments.length,a=o<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,n);else for(var c=t.length-1;c>=0;c--)(r=t[c])&&(a=(o<3?r(a):o>3?r(i,e,a):r(i,e))||a);o>3&&a&&Object.defineProperty(i,e,a)})([b()],d.prototype,"inputElement",void 0),d.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-input{display:inline-flex;flex-direction:column;width:100%;max-width:256px;margin-bottom:8px}.bcm-input.full-width{max-width:100%}.bcm-input.hidden{display:none}.bcm-input__container{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;align-items:stretch;flex-direction:row;background-color:var(--bcm-new-ds-color-white);border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;box-sizing:border-box;cursor:text;padding:0 0 0 4px;position:relative;width:100%}.bcm-input__container.disabled{background-color:var(--bcm-new-ds-color-slate-50);cursor:not-allowed}.bcm-input__container.disabled .bcm-input-element{color:var(--bcm-new-ds-color-slate-500)}.bcm-input__container.readonly{background-color:var(--bcm-new-ds-color-slate-50);cursor:default}.bcm-input__container.readonly .bcm-input-element{color:var(--bcm-new-ds-color-slate-600)}.bcm-input__container:not(.disabled):hover .caret-container,.bcm-input__container:not(.disabled).focused .caret-container{opacity:1}.bcm-input__container:not(.disabled):hover .input-clear-button,.bcm-input__container:not(.disabled).focused .input-clear-button{opacity:1}.bcm-input__container:not(.disabled).focused{background-color:var(--bcm-new-ds-color-slate-50)}.bcm-input__container:not(.disabled):hover{border-color:var(--bcm-color-prime-blue-6)}.bcm-input__container.empty .input-clear-button{display:none}.bcm-input__container.invalid,.bcm-input__container.error{border-color:var(--bcm-new-ds-color-red-500)}.bcm-input__container .bcm-input-element{width:100%;color:var(--bcm-new-ds-color-slate-600);flex:1;border:none;background:transparent;box-shadow:unset;padding:0 4px;font-family:"Inter", sans-serif;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;text-overflow:ellipsis}.bcm-input__container .bcm-input-element::placeholder{font-family:"Inter", sans-serif;color:var(--bcm-new-ds-color-slate-300);user-select:none}.bcm-input__container .bcm-input-element::-webkit-search-decoration,.bcm-input__container .bcm-input-element::-webkit-search-cancel-button,.bcm-input__container .bcm-input-element::-webkit-search-results-button,.bcm-input__container .bcm-input-element::-webkit-search-results-decoration,.bcm-input__container .bcm-input-element::-webkit-calendar-picker-indicator,.bcm-input__container .bcm-input-element::-webkit-inner-spin-button,.bcm-input__container .bcm-input-element::-webkit-outer-spin-button{-webkit-appearance:none}.bcm-input__container .caret-container{width:30px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;border-left:1px solid #D9D9D9;transition:0.2s opacity;user-select:none;box-sizing:border-box}.bcm-input__container .caret-container .bcm-input-caret{display:flex;align-items:center;justify-content:center;color:var(--bcm-color-grey-7);cursor:pointer;flex:1}.bcm-input__container .caret-container .bcm-input-caret bcm-icon{line-height:1}.bcm-input__container .caret-container .bcm-input-caret:hover{color:var(--bcm-color-prime-blue-6)}.bcm-input__container .caret-container .bcm-input-caret:active{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container .bcm-input-caret:last-child{border-top:1px solid #D9D9D9}.bcm-input__container .caret-container.disabled{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container.disabled .bcm-input-caret{cursor:not-allowed}.bcm-input__container .input-suffix-content{display:flex;align-items:center;justify-content:center}.bcm-input__container .input-prefix:not(:empty){padding-left:4px}.bcm-input__container .input-suffix:not(:empty){min-width:24px;padding-right:4px}.bcm-input__container .input-prefix:not(:empty),.bcm-input__container .input-suffix:not(:empty){display:flex;align-items:center;justify-content:center;cursor:default;color:#64748a}.bcm-input__container .input-prefix:not(:empty) .unit-prefix,.bcm-input__container .input-suffix:not(:empty) .unit-prefix{color:#64748a}.bcm-input__container .input-prefix-button:not(:empty),.bcm-input__container .input-suffix-button:not(:empty){cursor:pointer}.bcm-input__container .caret-container,.bcm-input__container .input-clear-button{opacity:0}.bcm-input__container--small{font-size:12px}.bcm-input__container--medium{font-size:14px}.bcm-input__container--large{font-size:16px}.bcm-input__textarea.clearable .bcm-input-element{padding-right:24px}.bcm-input__textarea .input-clear-button{position:absolute;top:4px;right:0}',function(t){t.none="none",t.both="both",t.horizontal="horizontal",t.vertical="vertical",t.initial="initial",t.inherit="inherit"}(g||(g={}));const x=class{constructor(e){t(this,e),this.focus=i(this,"bcm-focus",7),this.blur=i(this,"bcm-blur",7),this.clear=i(this,"bcm-clear",7),this.change=i(this,"bcm-change",7),this.input=i(this,"bcm-input",7),this._id=o.UID(),this._internal_id=o.UID(),this.hidden=!1,this.value=void 0,this.placeholder=void 0,this.label=void 0,this.name=void 0,this.required=!1,this.caption=void 0,this.noCaption=!1,this.captionError=void 0,this.captionType=p.Status.default,this.rows=3,this.size=p.Size.medium,this.disabled=void 0,this.readonly=!1,this.clearable=void 0,this.resize=g.vertical,this.fullWidth=!1,this.maxLength=void 0,this.focused=!1,this.captionCache=void 0,this.captionTypeCache=void 0}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType}async onBcmFocus(){this.textarea.focus()}async onBcmBlur(){this.textarea.blur()}async onBcmSelect(){this.textarea.select()}async set(t){await this.setValue(t)}async get(){return this.value||null}async setValue(t){return this.textarea.value=t,this.value=t,this.handleChange(),t}async setClear(){return this.textarea.value="",this.value="",await u(10),Promise.resolve()}async resetCaption(){return await u(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await u(10),Promise.resolve()}async getValue(){return this.value}watchValue(t){this.textarea.value=t,this.handleChange()}handleFocus(){this.focused=!0,this.focus.emit()}handleBlur(){this.focused=!1,this.blur.emit()}handleChange(){this.value=this.textarea.value,this.change.emit(this.value)}handleInput(){this.value=this.textarea.value,this.input.emit(this.value)}handleClear(t){this.textarea.value="",this.value="",this.clear.emit(),this.textarea.focus(),t.stopPropagation()}render(){const{_id:t,hidden:i,readonly:r,fullWidth:o,size:a,rows:c,disabled:s,clearable:u,label:b,focused:d,noCaption:g,caption:x,captionError:f,captionType:_,value:w,resize:y,maxLength:v,placeholder:z,required:k}=this,j=m("bcm-input",{hidden:i,"full-width":o});return e(n,{class:j},b&&e("bcm-label",{type:_,value:b,required:k,htmlFor:t}),e(h,{elementType:p.HtmlElementType.textarea,id:t,value:w,rows:c,disabled:s,maxLength:v,placeholder:z,clearable:u,resize:y,readonly:r,size:a,focused:d,handleFocus:()=>this.handleFocus(),handleBlur:()=>this.handleBlur(),handleChange:()=>this.handleChange(),handleInput:()=>this.handleInput(),handleClear:t=>this.handleClear(t),ref:t=>this.textarea=t,captionType:_}),e(l,{noCaption:g,captionType:_,captionError:f,caption:x,value:w,maxLength:v}))}get el(){return r(this)}static get watchers(){return{value:["watchValue"]}}};(function(t,i,e,n){var r,o=arguments.length,a=o<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,n);else for(var c=t.length-1;c>=0;c--)(r=t[c])&&(a=(o<3?r(a):o>3?r(i,e,a):r(i,e))||a);o>3&&a&&Object.defineProperty(i,e,a)})([b()],x.prototype,"el",void 0),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}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-input{display:inline-flex;flex-direction:column;width:100%;max-width:256px;margin-bottom:8px}.bcm-input.full-width{max-width:100%}.bcm-input.hidden{display:none}.bcm-input__container{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;align-items:stretch;flex-direction:row;background-color:var(--bcm-new-ds-color-white);border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;box-sizing:border-box;cursor:text;padding:0 0 0 4px;position:relative;width:100%}.bcm-input__container.disabled{background-color:var(--bcm-new-ds-color-slate-50);cursor:not-allowed}.bcm-input__container.disabled .bcm-input-element{color:var(--bcm-new-ds-color-slate-500)}.bcm-input__container.readonly{background-color:var(--bcm-new-ds-color-slate-50);cursor:default}.bcm-input__container.readonly .bcm-input-element{color:var(--bcm-new-ds-color-slate-600)}.bcm-input__container:not(.disabled):hover .caret-container,.bcm-input__container:not(.disabled).focused .caret-container{opacity:1}.bcm-input__container:not(.disabled):hover .input-clear-button,.bcm-input__container:not(.disabled).focused .input-clear-button{opacity:1}.bcm-input__container:not(.disabled).focused{background-color:var(--bcm-new-ds-color-slate-50)}.bcm-input__container:not(.disabled):hover{border-color:var(--bcm-color-prime-blue-6)}.bcm-input__container.empty .input-clear-button{display:none}.bcm-input__container.invalid,.bcm-input__container.error{border-color:var(--bcm-new-ds-color-red-500)}.bcm-input__container .bcm-input-element{width:100%;color:var(--bcm-new-ds-color-slate-600);flex:1;border:none;background:transparent;box-shadow:unset;padding:0 4px;font-family:"Inter", sans-serif;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;text-overflow:ellipsis}.bcm-input__container .bcm-input-element::placeholder{font-family:"Inter", sans-serif;color:var(--bcm-new-ds-color-slate-300);user-select:none}.bcm-input__container .bcm-input-element::-webkit-search-decoration,.bcm-input__container .bcm-input-element::-webkit-search-cancel-button,.bcm-input__container .bcm-input-element::-webkit-search-results-button,.bcm-input__container .bcm-input-element::-webkit-search-results-decoration,.bcm-input__container .bcm-input-element::-webkit-calendar-picker-indicator,.bcm-input__container .bcm-input-element::-webkit-inner-spin-button,.bcm-input__container .bcm-input-element::-webkit-outer-spin-button{-webkit-appearance:none}.bcm-input__container .caret-container{width:30px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;border-left:1px solid #D9D9D9;transition:0.2s opacity;user-select:none;box-sizing:border-box}.bcm-input__container .caret-container .bcm-input-caret{display:flex;align-items:center;justify-content:center;color:var(--bcm-color-grey-7);cursor:pointer;flex:1}.bcm-input__container .caret-container .bcm-input-caret bcm-icon{line-height:1}.bcm-input__container .caret-container .bcm-input-caret:hover{color:var(--bcm-color-prime-blue-6)}.bcm-input__container .caret-container .bcm-input-caret:active{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container .bcm-input-caret:last-child{border-top:1px solid #D9D9D9}.bcm-input__container .caret-container.disabled{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container.disabled .bcm-input-caret{cursor:not-allowed}.bcm-input__container .input-suffix-content{display:flex;align-items:center;justify-content:center}.bcm-input__container .input-prefix:not(:empty){padding-left:4px}.bcm-input__container .input-suffix:not(:empty){min-width:24px;padding-right:4px}.bcm-input__container .input-prefix:not(:empty),.bcm-input__container .input-suffix:not(:empty){display:flex;align-items:center;justify-content:center;cursor:default;color:#64748a}.bcm-input__container .input-prefix:not(:empty) .unit-prefix,.bcm-input__container .input-suffix:not(:empty) .unit-prefix{color:#64748a}.bcm-input__container .input-prefix-button:not(:empty),.bcm-input__container .input-suffix-button:not(:empty){cursor:pointer}.bcm-input__container .caret-container,.bcm-input__container .input-clear-button{opacity:0}.bcm-input__container--small{font-size:12px}.bcm-input__container--medium{font-size:14px}.bcm-input__container--large{font-size:16px}.bcm-input__textarea.clearable .bcm-input-element{padding-right:24px}.bcm-input__textarea .input-clear-button{position:absolute;top:4px;right:0}';export{d as bcm_input,x as bcm_textarea}

package/dist/bromcom-ui/{p-f6c83f16.entry.js → p-3d3b53ef.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,c as e,g as i,h as n,H as r}from"./p-e037ee2b.js";import{r as o,a}from"./p-3182df7e.js";import{l as c}from"./p-d2f863d9.js";import"./p-4798d827.js";import"./p-626a65e9.js";import{G as s}from"./p-c7e8dcf7.js";import"./p-cb190cbb.js";import"./p-6b5ed4d8.js";import"./p-0999d548.js";import"./p-5ae0a59b.js";import{d as l}from"./p-3c7a0345.js";import{F as u}from"./p-6e5f5f36.js";import{a as p}from"./p-a313fba6.js";import"./p-e45c1546.js";import"./p-436364c8.js";import"./p-034bbcdd.js";import"./p-16e8e9ba.js";function m(){return(m=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n])}return t}).apply(this,arguments)}function h(t,e){if(null==t)return{};var i,n,r={},o=Object.keys(t);for(n=0;n<o.length;n++)e.indexOf(i=o[n])>=0||(r[i]=t[i]);return r}function d(t){var e=o.useRef(t),i=o.useRef((function(t){e.current&&e.current(t)}));return e.current=t,i.current}var b=function(t,e,i){return void 0===e&&(e=0),void 0===i&&(i=1),t>i?i:t<e?e:t},f=function(t){return"touches"in t},g=function(t){return t&&t.ownerDocument.defaultView||self},x=function(t,e,i){var n=t.getBoundingClientRect(),r=f(e)?function(t,e){for(var i=0;i<t.length;i++)if(t[i].identifier===e)return t[i];return t[0]}(e.touches,i):e;return{left:b((r.pageX-(n.left+g(t).pageXOffset))/n.width),top:b((r.pageY-(n.top+g(t).pageYOffset))/n.height)}},_=function(t){!f(t)&&t.preventDefault()},v=o.memo((function(t){var e=t.onMove,i=t.onKey,n=h(t,["onMove","onKey"]),r=o.useRef(null),a=d(e),c=d(i),s=o.useRef(null),l=o.useRef(!1),u=o.useMemo((function(){var t=function(t){_(t),(f(t)?t.touches.length>0:t.buttons>0)&&r.current?a(x(r.current,t,s.current)):i(!1)},e=function(){return i(!1)};function i(i){var n=l.current,o=g(r.current),a=i?o.addEventListener:o.removeEventListener;a(n?"touchmove":"mousemove",t),a(n?"touchend":"mouseup",e)}return[function(t){var e=t.nativeEvent,n=r.current;if(n&&(_(e),!function(t,e){return e&&!f(t)}(e,l.current)&&n)){if(f(e)){l.current=!0;var o=e.changedTouches||[];o.length&&(s.current=o[0].identifier)}n.focus(),a(x(n,e,s.current)),i(!0)}},function(t){var e=t.which||t.keyCode;e<37||e>40||(t.preventDefault(),c({left:39===e?.05:37===e?-.05:0,top:40===e?.05:38===e?-.05:0}))},i]}),[c,a]),p=u[0],b=u[1],v=u[2];return o.useEffect((function(){return v}),[v]),o.createElement("div",m({},n,{onTouchStart:p,onMouseDown:p,className:"react-colorful__interactive",ref:r,onKeyDown:b,tabIndex:0,role:"slider"}))})),w=function(t){return t.filter(Boolean).join(" ")},y=function(t){var e=t.color,i=t.left,n=t.top,r=void 0===n?.5:n,a=w(["react-colorful__pointer",t.className]);return o.createElement("div",{className:a,style:{top:100*r+"%",left:100*i+"%"}},o.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:e}}))},k=function(t,e,i){return void 0===e&&(e=0),void 0===i&&(i=Math.pow(10,e)),Math.round(i*t)/i},z=function(t){return"#"===t[0]&&(t=t.substring(1)),t.length<6?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16),a:4===t.length?k(parseInt(t[3]+t[3],16)/255,2):1}:{r:parseInt(t.substring(0,2),16),g:parseInt(t.substring(2,4),16),b:parseInt(t.substring(4,6),16),a:8===t.length?k(parseInt(t.substring(6,8),16)/255,2):1}},j=function(t){var e=function(t){var e=t.s,i=t.v,n=t.a,r=(200-e)*i/100;return{h:k(t.h),s:k(r>0&&r<200?e*i/100/(r<=100?r:200-r)*100:0),l:k(r/2),a:k(n,2)}}(t);return"hsl("+e.h+", "+e.s+"%, "+e.l+"%)"},M=function(t){var e=t.toString(16);return e.length<2?"0"+e:e},I=o.memo((function(t){var e=t.hue,i=t.onChange,n=w(["react-colorful__hue",t.className]);return o.createElement("div",{className:n},o.createElement(v,{onMove:function(t){i({h:360*t.left})},onKey:function(t){i({h:b(e+360*t.left,0,360)})},"aria-label":"Hue","aria-valuenow":k(e),"aria-valuemax":"360","aria-valuemin":"0"},o.createElement(y,{className:"react-colorful__hue-pointer",left:e/360,color:j({h:e,s:100,v:100,a:1})})))})),D=o.memo((function(t){var e=t.hsva,i=t.onChange,n={backgroundColor:j({h:e.h,s:100,v:100,a:1})};return o.createElement("div",{className:"react-colorful__saturation",style:n},o.createElement(v,{onMove:function(t){i({s:100*t.left,v:100-100*t.top})},onKey:function(t){i({s:b(e.s+100*t.left,0,100),v:b(e.v-100*t.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+k(e.s)+"%, Brightness "+k(e.v)+"%"},o.createElement(y,{className:"react-colorful__saturation-pointer",top:1-e.v/100,left:e.s/100,color:j(e)})))})),C=function(t,e){if(t===e)return!0;for(var i in t)if(t[i]!==e[i])return!1;return!0};function N(t,e,i){var n=d(i),r=o.useState((function(){return t.toHsva(e)})),a=r[0],c=r[1],s=o.useRef({color:e,hsva:a});o.useEffect((function(){if(!t.equal(e,s.current.color)){var i=t.toHsva(e);s.current={hsva:i,color:e},c(i)}}),[e,t]),o.useEffect((function(){var e;C(a,s.current.hsva)||t.equal(e=t.fromHsva(a),s.current.color)||(s.current={hsva:a,color:e},n(e))}),[a,t,n]);var l=o.useCallback((function(t){c((function(e){return Object.assign({},e,t)}))}),[]);return[a,l]}var H="undefined"!=typeof window?o.useLayoutEffect:o.useEffect,O=new Map,L=function(t){var e,i=t.className,n=t.colorModel,r=t.color,a=void 0===r?n.defaultColor:r,c=t.onChange,s=h(t,["className","colorModel","color","onChange"]),l=o.useRef(null);e=l,H((function(){var t=e.current?e.current.ownerDocument:document;if(void 0!==t&&!O.has(t)){var i=t.createElement("style");i.innerHTML='.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>\')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}',O.set(t,i);var n="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:void 0;n&&i.setAttribute("nonce",n),t.head.appendChild(i)}}),[]);var u=N(n,a,c),p=u[0],d=u[1],b=w(["react-colorful",i]);return o.createElement("div",m({},s,{ref:l,className:b}),o.createElement(D,{hsva:p,onChange:d}),o.createElement(I,{hue:p.h,onChange:d,className:"react-colorful__last-control"}))},$={defaultColor:"000",toHsva:function(t){return function(t){var e=t.r,i=t.g,n=t.b,r=t.a,o=Math.max(e,i,n),a=o-Math.min(e,i,n),c=a?o===e?(i-n)/a:o===i?2+(n-e)/a:4+(e-i)/a:0;return{h:k(60*(c<0?c+6:c)),s:k(o?a/o*100:0),v:k(o/255*100),a:r}}(z(t))},fromHsva:function(t){return function(t){return function(t){var e=t.r,i=t.g,n=t.b,r=t.a,o=r<1?M(k(255*r)):"";return"#"+M(e)+M(i)+M(n)+o}(function(t){var e=t.h,i=t.s,n=t.v,r=t.a;e=e/360*6,i/=100,n/=100;var o=Math.floor(e),a=n*(1-i),c=n*(1-(e-o)*i),s=n*(1-(1-e+o)*i),l=o%6;return{r:k(255*[n,c,a,a,s,n][l]),g:k(255*[s,n,n,c,a,a][l]),b:k(255*[a,a,s,n,n,c][l]),a:k(r,2)}}(t))}({h:t.h,s:t.s,v:t.v,a:1})},equal:function(t,e){return t.toLowerCase()===e.toLowerCase()||C(z(t),z(e))}},K=function(t){return o.createElement(L,m({},t,{colorModel:$}))};const B=class{constructor(i){t(this,i),this.bcmChange=e(this,"bcmChange",7),this.color="#3b82f6"}handleChange(t){this.bcmChange.emit(t)}componentDidRender(){const{color:t}=this;a.render(o.createElement(K,{color:t,onChange:c.debounce(this.handleChange.bind(this),150)}),this.el)}get el(){return i(this)}};B.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-input{display:inline-flex;flex-direction:column;width:100%;max-width:256px;margin-bottom:8px}.bcm-input.full-width{max-width:100%}.bcm-input.hidden{display:none}.bcm-input__container{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;align-items:stretch;flex-direction:row;background-color:var(--bcm-new-ds-color-white);border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;box-sizing:border-box;cursor:text;padding:0 0 0 4px;position:relative;width:100%}.bcm-input__container.disabled{background-color:var(--bcm-new-ds-color-slate-50);cursor:not-allowed}.bcm-input__container.disabled .bcm-input-element{color:var(--bcm-new-ds-color-slate-500)}.bcm-input__container.readonly{background-color:var(--bcm-new-ds-color-slate-50);cursor:default}.bcm-input__container.readonly .bcm-input-element{color:var(--bcm-new-ds-color-slate-600)}.bcm-input__container:not(.disabled):hover .caret-container,.bcm-input__container:not(.disabled).focused .caret-container{opacity:1}.bcm-input__container:not(.disabled):hover .input-clear-button,.bcm-input__container:not(.disabled).focused .input-clear-button{opacity:1}.bcm-input__container:not(.disabled).focused{background-color:var(--bcm-new-ds-color-slate-50)}.bcm-input__container:not(.disabled):hover{border-color:var(--bcm-color-prime-blue-6)}.bcm-input__container.empty .input-clear-button{display:none}.bcm-input__container.invalid,.bcm-input__container.error{border-color:var(--bcm-new-ds-color-red-500)}.bcm-input__container .bcm-input-element{width:100%;color:var(--bcm-new-ds-color-slate-600);flex:1;border:none;background:transparent;box-shadow:unset;padding:0 4px;font-family:"Inter", sans-serif;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;text-overflow:ellipsis}.bcm-input__container .bcm-input-element::placeholder{font-family:"Inter", sans-serif;color:var(--bcm-new-ds-color-slate-300);user-select:none}.bcm-input__container .bcm-input-element::-webkit-search-decoration,.bcm-input__container .bcm-input-element::-webkit-search-cancel-button,.bcm-input__container .bcm-input-element::-webkit-search-results-button,.bcm-input__container .bcm-input-element::-webkit-search-results-decoration,.bcm-input__container .bcm-input-element::-webkit-calendar-picker-indicator,.bcm-input__container .bcm-input-element::-webkit-inner-spin-button,.bcm-input__container .bcm-input-element::-webkit-outer-spin-button{-webkit-appearance:none}.bcm-input__container .caret-container{width:30px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;border-left:1px solid #D9D9D9;transition:0.2s opacity;user-select:none;box-sizing:border-box}.bcm-input__container .caret-container .bcm-input-caret{display:flex;align-items:center;justify-content:center;color:var(--bcm-color-grey-7);cursor:pointer;flex:1}.bcm-input__container .caret-container .bcm-input-caret bcm-icon{line-height:1}.bcm-input__container .caret-container .bcm-input-caret:hover{color:var(--bcm-color-prime-blue-6)}.bcm-input__container .caret-container .bcm-input-caret:active{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container .bcm-input-caret:last-child{border-top:1px solid #D9D9D9}.bcm-input__container .caret-container.disabled{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container.disabled .bcm-input-caret{cursor:not-allowed}.bcm-input__container .input-suffix-content{display:flex;align-items:center;justify-content:center}.bcm-input__container .input-prefix:not(:empty){padding-left:4px}.bcm-input__container .input-suffix:not(:empty){min-width:24px;padding-right:4px}.bcm-input__container .input-prefix:not(:empty),.bcm-input__container .input-suffix:not(:empty){display:flex;align-items:center;justify-content:center;cursor:default;color:#64748a}.bcm-input__container .input-prefix:not(:empty) .unit-prefix,.bcm-input__container .input-suffix:not(:empty) .unit-prefix{color:#64748a}.bcm-input__container .input-prefix-button:not(:empty),.bcm-input__container .input-suffix-button:not(:empty){cursor:pointer}.bcm-input__container .caret-container,.bcm-input__container .input-clear-button{opacity:0}.bcm-input__container--small{font-size:12px}.bcm-input__container--medium{font-size:14px}.bcm-input__container--large{font-size:16px}.bcm-input__textarea.clearable .bcm-input-element{padding-right:24px}.bcm-input__textarea .input-clear-button{position:absolute;top:4px;right:0}bcm-colorful{display:flex;flex-direction:column;width:256px;padding:8px;background-color:#fff;border-radius:4px}bcm-colorful .react-colorful{width:100%;gap:4px}bcm-colorful .react-colorful__saturation{margin:0 0 4px 0;border-radius:2px;border-bottom:none}bcm-colorful .react-colorful__hue,bcm-colorful .react-colorful__alpha{height:20px;border-radius:2px}bcm-colorful .react-colorful__hue-pointer,bcm-colorful .react-colorful__alpha-pointer{width:15px;height:15px}bcm-colorful .react-colorful__saturation-pointer{width:20px;height:20px}';const E=class{constructor(i){t(this,i),this.bcmOpen=e(this,"bcm-open",7),this._id=s.UID(),this.placement=p.Placement["bottom-start"],this.trigger=p.TriggerType.click,this.targetId="",this.height=void 0,this.maxHeight=void 0,this.minHeight="50px",this.isOpen=!1,this.hideDelay=500,this.moveOverLayContainer=!1,this.isMouseOverLink=!1,window.addEventListener("scroll",(()=>this.calculatePosition()),!0),window.addEventListener("wheel",(()=>this.calculatePosition()),!0),window.addEventListener("resize",(()=>this.calculatePosition()),!0)}target(){const t=document.querySelectorAll(`[id="${this.targetId}"]`);return t.length>0?(t.length>1&&console.warn(`[bcm-linked] - Target id "${this.targetId}" is duplicated`),t[0]):(this.el.remove(),null)}detectClone(){const t=document.querySelectorAll(`[target-id="${this.targetId}"]`);t.length>0&&t.forEach((t=>{t.id!==this._id&&(console.warn(`[bcm-linked] - id="${this._id}" was removed from the dom because id="${this.targetId}" is duplicated.`),t.remove())}))}dismissEvent(){document.dispatchEvent(new CustomEvent("linked-data-dismiss",{detail:{id:this._id}}))}checkDataDismiss(t){s.findEventPathHasAttribute(t,"data-dismiss")&&this.dismissEvent()}hideChildLinked(){this.el.querySelectorAll("[is-linked][linked-is-open]").forEach((t=>{var e;null===(e=document.querySelector(`#${t.getAttribute("is-linked")}[is-open]`))||void 0===e||e.hide(!1)}))}calculatePosition(){const t=this.el;t&&this.target()&&(this.isOpen?u({ref:this.target(),floating:t,placement:this.placement,offset:4,autoHidden:"true"!==t.getAttribute("main-linked"),autoSize:!0,style:{height:this.height,maxHeight:this.maxHeight,minHeight:this.minHeight}}):(t.style.visibility="hidden",t.style.opacity="0"))}init(){const t=this.target();this.trigger===p.TriggerType.hover&&this.listenMouseOver(),t&&(t.setAttribute("is-linked",this.el.id),s.getAncestor(t,"bcm-linked")?this.el.removeAttribute("main-linked"):this.el.setAttribute("main-linked","true"),this.moveOverLayContainer)&&document.querySelector("#bcm-overlay-container").appendChild(this.el)}componentDidLoad(){this.init()}triggerWatch(t){t===p.TriggerType.hover&&this.listenMouseOver()}watchIsOpen(){this.bcmOpen.emit(this.isOpen)}onLinkedDataDismis(){this.hide(!1)}onBcmFloatingIsHide(t){t.detail.id===this._id&&this.hide(!1)}async show(t=!0){t&&await l(50),this.detectClone();const e=this.target();return e?(document.querySelector("#bcm-overlay-container").appendChild(this.el),e.setAttribute("linked-is-open","true"),this.isOpen=!0,this.calculatePosition()):this.hide(!1),this.isOpen}async hide(t=!0){t&&await l(50);const e=this.target();return this.isMouseOverLink=!1,e&&(e.removeAttribute("linked-is-open"),this.hideChildLinked(),this.isOpen=!1),this.isOpen}async toggle(t=!0){return this.isOpen?await this.hide(t):await this.show(t)}clickListener(t){if(!this.target())return;if(this.trigger===p.TriggerType.hover||this.trigger===p.TriggerType.custom)return;const e=s.findEventPath(t,this.target()),i=s.findEventPath(t,this.el),n=s.findEventPathWithNodeName(t,"BCM-LINKED");if(!e&&!i&&!n)return this.hide(),void this.bcmOpen.emit(this.isOpen);this.isOpen?(e&&this.hide(!1),i&&this.checkDataDismiss(t),"true"!==this.el.getAttribute("main-linked")||e||i||n||this.dismissEvent()):e&&this.show(!1)}listenMouseOver(){var t,e;this.el.addEventListener("mouseover",(()=>this.isMouseOverLink=!0)),this.el.addEventListener("mouseleave",(()=>{this.isMouseOverLink=!1,this.handleMouseLeave()})),null===(t=this.target())||void 0===t||t.addEventListener("mouseenter",this.handleMouseEnter.bind(this)),null===(e=this.target())||void 0===e||e.addEventListener("mouseleave",this.handleMouseLeave.bind(this))}handleMouseLeave(){setTimeout((()=>{!this.isMouseOverLink&&this.hide()}),this.hideDelay)}handleMouseEnter(){clearTimeout(this.timeoutId),this.isMouseOverLink=!1,this.show()}render(){return n(r,{class:"tw-invisible tw-absolute tw-left-0 tw-top-0 tw-z-tooltip  tw-block tw-overscroll-contain  tw-scroll-smooth tw-rounded tw-bg-white  tw-opacity-0 tw-shadow tw-transition-opacity tw-duration-100",style:Object.assign(Object.assign({},this.isOpen?{visibility:"visible",opacity:"1"}:{visibility:"hidden",opacity:"0"}),{overflow:"auto"})},n("slot",null))}get el(){return i(this)}static get watchers(){return{trigger:["triggerWatch"],isOpen:["watchIsOpen"]}}};export{B as bcm_colorful,E as bcm_linked}
+import{r as t,c as e,g as i,h as n,H as r}from"./p-e037ee2b.js";import{r as o,a}from"./p-3182df7e.js";import{l as c}from"./p-d2f863d9.js";import"./p-4798d827.js";import"./p-626a65e9.js";import{G as s}from"./p-4fea6f90.js";import"./p-d77859d7.js";import"./p-6b5ed4d8.js";import"./p-96fa8a40.js";import"./p-5ae0a59b.js";import{d as l}from"./p-3c7a0345.js";import{F as u}from"./p-6e5f5f36.js";import{a as p}from"./p-a313fba6.js";import"./p-e45c1546.js";import"./p-436364c8.js";import"./p-034bbcdd.js";import"./p-3718b4ca.js";function m(){return(m=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n])}return t}).apply(this,arguments)}function h(t,e){if(null==t)return{};var i,n,r={},o=Object.keys(t);for(n=0;n<o.length;n++)e.indexOf(i=o[n])>=0||(r[i]=t[i]);return r}function d(t){var e=o.useRef(t),i=o.useRef((function(t){e.current&&e.current(t)}));return e.current=t,i.current}var f=function(t,e,i){return void 0===e&&(e=0),void 0===i&&(i=1),t>i?i:t<e?e:t},b=function(t){return"touches"in t},g=function(t){return t&&t.ownerDocument.defaultView||self},x=function(t,e,i){var n=t.getBoundingClientRect(),r=b(e)?function(t,e){for(var i=0;i<t.length;i++)if(t[i].identifier===e)return t[i];return t[0]}(e.touches,i):e;return{left:f((r.pageX-(n.left+g(t).pageXOffset))/n.width),top:f((r.pageY-(n.top+g(t).pageYOffset))/n.height)}},_=function(t){!b(t)&&t.preventDefault()},v=o.memo((function(t){var e=t.onMove,i=t.onKey,n=h(t,["onMove","onKey"]),r=o.useRef(null),a=d(e),c=d(i),s=o.useRef(null),l=o.useRef(!1),u=o.useMemo((function(){var t=function(t){_(t),(b(t)?t.touches.length>0:t.buttons>0)&&r.current?a(x(r.current,t,s.current)):i(!1)},e=function(){return i(!1)};function i(i){var n=l.current,o=g(r.current),a=i?o.addEventListener:o.removeEventListener;a(n?"touchmove":"mousemove",t),a(n?"touchend":"mouseup",e)}return[function(t){var e=t.nativeEvent,n=r.current;if(n&&(_(e),!function(t,e){return e&&!b(t)}(e,l.current)&&n)){if(b(e)){l.current=!0;var o=e.changedTouches||[];o.length&&(s.current=o[0].identifier)}n.focus(),a(x(n,e,s.current)),i(!0)}},function(t){var e=t.which||t.keyCode;e<37||e>40||(t.preventDefault(),c({left:39===e?.05:37===e?-.05:0,top:40===e?.05:38===e?-.05:0}))},i]}),[c,a]),p=u[0],f=u[1],v=u[2];return o.useEffect((function(){return v}),[v]),o.createElement("div",m({},n,{onTouchStart:p,onMouseDown:p,className:"react-colorful__interactive",ref:r,onKeyDown:f,tabIndex:0,role:"slider"}))})),w=function(t){return t.filter(Boolean).join(" ")},y=function(t){var e=t.color,i=t.left,n=t.top,r=void 0===n?.5:n,a=w(["react-colorful__pointer",t.className]);return o.createElement("div",{className:a,style:{top:100*r+"%",left:100*i+"%"}},o.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:e}}))},k=function(t,e,i){return void 0===e&&(e=0),void 0===i&&(i=Math.pow(10,e)),Math.round(i*t)/i},z=function(t){return"#"===t[0]&&(t=t.substring(1)),t.length<6?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16),a:4===t.length?k(parseInt(t[3]+t[3],16)/255,2):1}:{r:parseInt(t.substring(0,2),16),g:parseInt(t.substring(2,4),16),b:parseInt(t.substring(4,6),16),a:8===t.length?k(parseInt(t.substring(6,8),16)/255,2):1}},j=function(t){var e=function(t){var e=t.s,i=t.v,n=t.a,r=(200-e)*i/100;return{h:k(t.h),s:k(r>0&&r<200?e*i/100/(r<=100?r:200-r)*100:0),l:k(r/2),a:k(n,2)}}(t);return"hsl("+e.h+", "+e.s+"%, "+e.l+"%)"},M=function(t){var e=t.toString(16);return e.length<2?"0"+e:e},I=o.memo((function(t){var e=t.hue,i=t.onChange,n=w(["react-colorful__hue",t.className]);return o.createElement("div",{className:n},o.createElement(v,{onMove:function(t){i({h:360*t.left})},onKey:function(t){i({h:f(e+360*t.left,0,360)})},"aria-label":"Hue","aria-valuenow":k(e),"aria-valuemax":"360","aria-valuemin":"0"},o.createElement(y,{className:"react-colorful__hue-pointer",left:e/360,color:j({h:e,s:100,v:100,a:1})})))})),D=o.memo((function(t){var e=t.hsva,i=t.onChange,n={backgroundColor:j({h:e.h,s:100,v:100,a:1})};return o.createElement("div",{className:"react-colorful__saturation",style:n},o.createElement(v,{onMove:function(t){i({s:100*t.left,v:100-100*t.top})},onKey:function(t){i({s:f(e.s+100*t.left,0,100),v:f(e.v-100*t.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+k(e.s)+"%, Brightness "+k(e.v)+"%"},o.createElement(y,{className:"react-colorful__saturation-pointer",top:1-e.v/100,left:e.s/100,color:j(e)})))})),C=function(t,e){if(t===e)return!0;for(var i in t)if(t[i]!==e[i])return!1;return!0};function N(t,e,i){var n=d(i),r=o.useState((function(){return t.toHsva(e)})),a=r[0],c=r[1],s=o.useRef({color:e,hsva:a});o.useEffect((function(){if(!t.equal(e,s.current.color)){var i=t.toHsva(e);s.current={hsva:i,color:e},c(i)}}),[e,t]),o.useEffect((function(){var e;C(a,s.current.hsva)||t.equal(e=t.fromHsva(a),s.current.color)||(s.current={hsva:a,color:e},n(e))}),[a,t,n]);var l=o.useCallback((function(t){c((function(e){return Object.assign({},e,t)}))}),[]);return[a,l]}var H="undefined"!=typeof window?o.useLayoutEffect:o.useEffect,O=new Map,L=function(t){var e,i=t.className,n=t.colorModel,r=t.color,a=void 0===r?n.defaultColor:r,c=t.onChange,s=h(t,["className","colorModel","color","onChange"]),l=o.useRef(null);e=l,H((function(){var t=e.current?e.current.ownerDocument:document;if(void 0!==t&&!O.has(t)){var i=t.createElement("style");i.innerHTML='.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>\')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}',O.set(t,i);var n="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:void 0;n&&i.setAttribute("nonce",n),t.head.appendChild(i)}}),[]);var u=N(n,a,c),p=u[0],d=u[1],f=w(["react-colorful",i]);return o.createElement("div",m({},s,{ref:l,className:f}),o.createElement(D,{hsva:p,onChange:d}),o.createElement(I,{hue:p.h,onChange:d,className:"react-colorful__last-control"}))},$={defaultColor:"000",toHsva:function(t){return function(t){var e=t.r,i=t.g,n=t.b,r=t.a,o=Math.max(e,i,n),a=o-Math.min(e,i,n),c=a?o===e?(i-n)/a:o===i?2+(n-e)/a:4+(e-i)/a:0;return{h:k(60*(c<0?c+6:c)),s:k(o?a/o*100:0),v:k(o/255*100),a:r}}(z(t))},fromHsva:function(t){return function(t){return function(t){var e=t.r,i=t.g,n=t.b,r=t.a,o=r<1?M(k(255*r)):"";return"#"+M(e)+M(i)+M(n)+o}(function(t){var e=t.h,i=t.s,n=t.v,r=t.a;e=e/360*6,i/=100,n/=100;var o=Math.floor(e),a=n*(1-i),c=n*(1-(e-o)*i),s=n*(1-(1-e+o)*i),l=o%6;return{r:k(255*[n,c,a,a,s,n][l]),g:k(255*[s,n,n,c,a,a][l]),b:k(255*[a,a,s,n,n,c][l]),a:k(r,2)}}(t))}({h:t.h,s:t.s,v:t.v,a:1})},equal:function(t,e){return t.toLowerCase()===e.toLowerCase()||C(z(t),z(e))}},K=function(t){return o.createElement(L,m({},t,{colorModel:$}))};const B=class{constructor(i){t(this,i),this.bcmChange=e(this,"bcmChange",7),this.color="#3b82f6"}handleChange(t){this.bcmChange.emit(t)}componentDidRender(){const{color:t}=this;a.render(o.createElement(K,{color:t,onChange:c.debounce(this.handleChange.bind(this),150)}),this.el)}get el(){return i(this)}};B.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-input{display:inline-flex;flex-direction:column;width:100%;max-width:256px;margin-bottom:8px}.bcm-input.full-width{max-width:100%}.bcm-input.hidden{display:none}.bcm-input__container{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;align-items:stretch;flex-direction:row;background-color:var(--bcm-new-ds-color-white);border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;box-sizing:border-box;cursor:text;padding:0 0 0 4px;position:relative;width:100%}.bcm-input__container.disabled{background-color:var(--bcm-new-ds-color-slate-50);cursor:not-allowed}.bcm-input__container.disabled .bcm-input-element{color:var(--bcm-new-ds-color-slate-500)}.bcm-input__container.readonly{background-color:var(--bcm-new-ds-color-slate-50);cursor:default}.bcm-input__container.readonly .bcm-input-element{color:var(--bcm-new-ds-color-slate-600)}.bcm-input__container:not(.disabled):hover .caret-container,.bcm-input__container:not(.disabled).focused .caret-container{opacity:1}.bcm-input__container:not(.disabled):hover .input-clear-button,.bcm-input__container:not(.disabled).focused .input-clear-button{opacity:1}.bcm-input__container:not(.disabled).focused{background-color:var(--bcm-new-ds-color-slate-50)}.bcm-input__container:not(.disabled):hover{border-color:var(--bcm-color-prime-blue-6)}.bcm-input__container.empty .input-clear-button{display:none}.bcm-input__container.invalid,.bcm-input__container.error{border-color:var(--bcm-new-ds-color-red-500)}.bcm-input__container .bcm-input-element{width:100%;color:var(--bcm-new-ds-color-slate-600);flex:1;border:none;background:transparent;box-shadow:unset;padding:0 4px;font-family:"Inter", sans-serif;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;text-overflow:ellipsis}.bcm-input__container .bcm-input-element::placeholder{font-family:"Inter", sans-serif;color:var(--bcm-new-ds-color-slate-300);user-select:none}.bcm-input__container .bcm-input-element::-webkit-search-decoration,.bcm-input__container .bcm-input-element::-webkit-search-cancel-button,.bcm-input__container .bcm-input-element::-webkit-search-results-button,.bcm-input__container .bcm-input-element::-webkit-search-results-decoration,.bcm-input__container .bcm-input-element::-webkit-calendar-picker-indicator,.bcm-input__container .bcm-input-element::-webkit-inner-spin-button,.bcm-input__container .bcm-input-element::-webkit-outer-spin-button{-webkit-appearance:none}.bcm-input__container .caret-container{width:30px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;border-left:1px solid #D9D9D9;transition:0.2s opacity;user-select:none;box-sizing:border-box}.bcm-input__container .caret-container .bcm-input-caret{display:flex;align-items:center;justify-content:center;color:var(--bcm-color-grey-7);cursor:pointer;flex:1}.bcm-input__container .caret-container .bcm-input-caret bcm-icon{line-height:1}.bcm-input__container .caret-container .bcm-input-caret:hover{color:var(--bcm-color-prime-blue-6)}.bcm-input__container .caret-container .bcm-input-caret:active{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container .bcm-input-caret:last-child{border-top:1px solid #D9D9D9}.bcm-input__container .caret-container.disabled{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container.disabled .bcm-input-caret{cursor:not-allowed}.bcm-input__container .input-suffix-content{display:flex;align-items:center;justify-content:center}.bcm-input__container .input-prefix:not(:empty){padding-left:4px}.bcm-input__container .input-suffix:not(:empty){min-width:24px;padding-right:4px}.bcm-input__container .input-prefix:not(:empty),.bcm-input__container .input-suffix:not(:empty){display:flex;align-items:center;justify-content:center;cursor:default;color:#64748a}.bcm-input__container .input-prefix:not(:empty) .unit-prefix,.bcm-input__container .input-suffix:not(:empty) .unit-prefix{color:#64748a}.bcm-input__container .input-prefix-button:not(:empty),.bcm-input__container .input-suffix-button:not(:empty){cursor:pointer}.bcm-input__container .caret-container,.bcm-input__container .input-clear-button{opacity:0}.bcm-input__container--small{font-size:12px}.bcm-input__container--medium{font-size:14px}.bcm-input__container--large{font-size:16px}.bcm-input__textarea.clearable .bcm-input-element{padding-right:24px}.bcm-input__textarea .input-clear-button{position:absolute;top:4px;right:0}bcm-colorful{display:flex;flex-direction:column;width:256px;padding:8px;background-color:#fff;border-radius:4px}bcm-colorful .react-colorful{width:100%;gap:4px}bcm-colorful .react-colorful__saturation{margin:0 0 4px 0;border-radius:2px;border-bottom:none}bcm-colorful .react-colorful__hue,bcm-colorful .react-colorful__alpha{height:20px;border-radius:2px}bcm-colorful .react-colorful__hue-pointer,bcm-colorful .react-colorful__alpha-pointer{width:15px;height:15px}bcm-colorful .react-colorful__saturation-pointer{width:20px;height:20px}';const E=class{constructor(i){t(this,i),this.bcmOpen=e(this,"bcm-open",7),this._id=s.UID(),this.placement=p.Placement["bottom-start"],this.trigger=p.TriggerType.click,this.targetId="",this.height=void 0,this.maxHeight=void 0,this.minHeight="50px",this.isOpen=!1,this.hideDelay=500,this.moveOverLayContainer=!1,this.isMouseOverLink=!1,window.addEventListener("scroll",(()=>this.calculatePosition()),!0),window.addEventListener("wheel",(()=>this.calculatePosition()),!0),window.addEventListener("resize",(()=>this.calculatePosition()),!0)}target(){const t=document.querySelectorAll(`[id="${this.targetId}"]`);return t.length>0?(t.length>1&&console.warn(`[bcm-linked] - Target id "${this.targetId}" is duplicated`),t[0]):(this.el.remove(),null)}detectClone(){const t=document.querySelectorAll(`[target-id="${this.targetId}"]`);t.length>0&&t.forEach((t=>{t.id!==this._id&&(console.warn(`[bcm-linked] - id="${this._id}" was removed from the dom because id="${this.targetId}" is duplicated.`),t.remove())}))}dismissEvent(){document.dispatchEvent(new CustomEvent("linked-data-dismiss",{detail:{id:this._id}}))}checkDataDismiss(t){s.findEventPathHasAttribute(t,"data-dismiss")&&this.dismissEvent()}hideChildLinked(){this.el.querySelectorAll("[is-linked][linked-is-open]").forEach((t=>{var e;null===(e=document.querySelector(`#${t.getAttribute("is-linked")}[is-open]`))||void 0===e||e.hide(!1)}))}calculatePosition(){const t=this.el;t&&this.target()&&(this.isOpen?u({ref:this.target(),floating:t,placement:this.placement,offset:4,autoHidden:"true"!==t.getAttribute("main-linked"),autoSize:!0,style:{height:this.height,maxHeight:this.maxHeight,minHeight:this.minHeight}}):(t.style.visibility="hidden",t.style.opacity="0"))}init(){const t=this.target();this.trigger===p.TriggerType.hover&&this.listenMouseOver(),t&&(t.setAttribute("is-linked",this.el.id),s.getAncestor(t,"bcm-linked")?this.el.removeAttribute("main-linked"):this.el.setAttribute("main-linked","true"),this.moveOverLayContainer)&&document.querySelector("#bcm-overlay-container").appendChild(this.el)}componentDidLoad(){this.init()}triggerWatch(t){t===p.TriggerType.hover&&this.listenMouseOver()}watchIsOpen(){this.bcmOpen.emit(this.isOpen)}onLinkedDataDismis(){this.hide(!1)}onBcmFloatingIsHide(t){t.detail.id===this._id&&this.hide(!1)}async show(t=!0){t&&await l(50),this.detectClone();const e=this.target();return e?(document.querySelector("#bcm-overlay-container").appendChild(this.el),e.setAttribute("linked-is-open","true"),this.isOpen=!0,this.calculatePosition()):this.hide(!1),this.isOpen}async hide(t=!0){t&&await l(50);const e=this.target();return this.isMouseOverLink=!1,e&&(e.removeAttribute("linked-is-open"),this.hideChildLinked(),this.isOpen=!1),this.isOpen}async toggle(t=!0){return this.isOpen?await this.hide(t):await this.show(t)}clickListener(t){if(!this.target())return;if(this.trigger===p.TriggerType.hover||this.trigger===p.TriggerType.custom)return;const e=s.findEventPath(t,this.target()),i=s.findEventPath(t,this.el),n=s.findEventPathWithNodeName(t,"BCM-LINKED");if(!e&&!i&&!n)return this.hide(),void this.bcmOpen.emit(this.isOpen);this.isOpen?(e&&this.hide(!1),i&&this.checkDataDismiss(t),"true"!==this.el.getAttribute("main-linked")||e||i||n||this.dismissEvent()):e&&this.show(!1)}listenMouseOver(){var t,e;this.el.addEventListener("mouseover",(()=>this.isMouseOverLink=!0)),this.el.addEventListener("mouseleave",(()=>{this.isMouseOverLink=!1,this.handleMouseLeave()})),null===(t=this.target())||void 0===t||t.addEventListener("mouseenter",this.handleMouseEnter.bind(this)),null===(e=this.target())||void 0===e||e.addEventListener("mouseleave",this.handleMouseLeave.bind(this))}handleMouseLeave(){setTimeout((()=>{!this.isMouseOverLink&&this.hide()}),this.hideDelay)}handleMouseEnter(){clearTimeout(this.timeoutId),this.isMouseOverLink=!1,this.show()}render(){return n(r,{class:"tw-invisible tw-absolute tw-left-0 tw-top-0 tw-z-tooltip  tw-block tw-overscroll-contain  tw-scroll-smooth tw-rounded tw-bg-white  tw-opacity-0 tw-shadow tw-transition-opacity tw-duration-100",style:Object.assign(Object.assign({},this.isOpen?{visibility:"visible",opacity:"1"}:{visibility:"hidden",opacity:"0"}),{overflow:"auto"})},n("slot",null))}get el(){return i(this)}static get watchers(){return{trigger:["triggerWatch"],isOpen:["watchIsOpen"]}}};export{B as bcm_colorful,E as bcm_linked}

package/dist/bromcom-ui/{p-2b3800d3.entry.js → p-3fd59e30.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-c7e8dcf7.js";import"./p-cb190cbb.js";import"./p-6b5ed4d8.js";import"./p-0999d548.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-16e8e9ba.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-4fea6f90.js";import"./p-d77859d7.js";import"./p-6b5ed4d8.js";import"./p-96fa8a40.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-3718b4ca.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-0fc9f542.entry.js → p-3fea4910.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,h as n,H as e}from"./p-e037ee2b.js";import"./p-4798d827.js";import"./p-626a65e9.js";import{G as i}from"./p-c7e8dcf7.js";import"./p-cb190cbb.js";import"./p-6b5ed4d8.js";import"./p-0999d548.js";import"./p-5ae0a59b.js";import{a as s}from"./p-a313fba6.js";import{C as p}from"./p-1cac8ccc.js";import"./p-bed627ab.js";import"./p-3fac58f7.js";import"./p-2e73d572.js";import{c as a}from"./p-08c75801.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-16e8e9ba.js";const r=a({slots:{host:"bcm-number-input bcm-ui-element tw-flex tw-flex-col tw-items-start tw-justify-start tw-max-w-[256px] tw-w-full",container:"tw-flex tw-flex-row tw-items-center tw-justify-between tw-rounded tw-border tw-border-solid tw-border-slate-300 tw-w-full tw-min-h-full hover:tw-bg-slate-50",inputContainer:"tw-flex tw-min-h-fit tw-w-full tw-flex-row tw-items-center tw-justify-center tw-gap-2 tw-px-3",input:"tw-outline-none tw-appearance-none tw-flex-1 tw-bg-transparent tw-text-slate-400 tw-text-inherit tw-font-normal",caretContainer:"tw-flex tw-flex-col tw-min-h-full tw-border-l tw-items-stretch tw-self-stretch tw-justify-center tw-border-l-slate-300 tw-select-none tw-w-[30px]",caretIcon:"tw-flex tw-items-center tw-text-slate-500 tw-justify-center tw-h-full tw-cursor-pointer active:tw-bg-slate-400 last:tw-border-t last:tw-border-t-slate-300",slotIcon:"tw-text-slate-500"},variants:{size:{small:{host:"tw-gap-0.5 tw-text-xs",slotIcon:"tw-text-[10px]",inputContainer:"tw-py-[2px]",caretIcon:"tw-text-[10px]"},medium:{host:"tw-gap-1 tw-text-base",slotIcon:"tw-text-xs",inputContainer:"tw-py-[5px]"},large:{host:"tw-gap-2 tw-text-base",slotIcon:"tw-text-[14px]",inputContainer:"tw-py-2"}},focus:{true:{container:"tw-ring-1 tw-ring-blue-600",input:"tw-text-slate-700"}}},defaultVariants:{size:"medium"}}),o=class{constructor(n){t(this,n),this.blockInvalidChar=t=>["e","E","+","-"].includes(t.key)&&t.preventDefault(),this._id=i.UID(),this.size=s.Size.medium,this.min=0,this.max=100,this.step=1,this.placeholder=void 0,this.label=void 0,this.tooltip=void 0,this.value=0,this.disabled=!1,this.readonly=!1,this.required=!1,this.pattern=void 0,this.caption=void 0,this.noCaption=!1,this.captionType=s.Status.default,this.captionError=void 0,this.customErrorMessage=void 0,this.prefixIcon=void 0,this.suffixIcon=void 0,this.isFocus=!1,this.isError=!1}render(){const{_id:t,value:i,min:s,max:a,step:o,tooltip:l,disabled:c,size:x,label:m,caption:h,captionType:u,required:w,noCaption:d,captionError:b,customErrorMessage:g,prefixIcon:f,suffixIcon:z,pattern:j}=this,{host:v,input:y,container:C,inputContainer:I,caretContainer:E,caretIcon:k,slotIcon:_}=r({size:x,focus:this.isFocus});return n(e,{class:v(),onClick:()=>!c&&this.nativeInput.focus()},m&&n("bcm-label",{tooltip:l,"no-margin":!0,type:u,value:m,required:w,htmlFor:t}),n("div",{class:C()},n("div",{class:I()},f&&n("span",{class:_()},n("i",{class:f})),n("input",{type:"number",class:y(),min:s,max:a,step:o,value:i,inputmode:"numeric",pattern:j,ref:t=>this.nativeInput=t,onKeyPress:this.blockInvalidChar,onFocus:()=>this.isFocus=!0,onBlur:()=>this.isFocus=!1,onError:t=>console.log(t),onErrorCapture:t=>console.log(t)}),z&&n("span",{class:_()},n("i",{class:z}))),n("div",{class:E()},n("span",{class:k()},n("i",{class:"fas fa-caret-up"})),n("span",{class:k()},n("i",{class:"fas fa-caret-down"})))),n(p,{noCaption:d,captionType:u,captionError:b,caption:h,customErrorMessage:g}))}};o.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");\n.size-1 {\n  font-size: 12px;\n  line-height: 20px;\n}\n\n.size-2 {\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.size-3 {\n  font-size: 16px;\n  line-height: 24px;\n}\n\n.size-4 {\n  font-size: 20px;\n  line-height: 28px;\n}\n\n.size-5 {\n  font-size: 24px;\n  line-height: 32px;\n}\n\n.size-6 {\n  font-size: 30px;\n  line-height: 38px;\n}\n\n.size-7 {\n  font-size: 38px;\n  line-height: 46px;\n}\n\n.size-8 {\n  font-size: 46px;\n  line-height: 54px;\n}\n\n.size-9 {\n  font-size: 56px;\n  line-height: 64px;\n}\n\n.weight-regular {\n  font-weight: 400;\n}\n\n.weight-semibold {\n  font-weight: 500;\n}\n\n/**\n * Generator\n */\n.input-size-large {\n  height: 40px;\n}\n\n.input-size-medium {\n  height: 32px;\n}\n\n.input-size-small {\n  height: 24px;\n}\n\n.resize-none textarea {\n  resize: none;\n}\n\n.resize-vertical textarea {\n  resize: vertical;\n}\n\n.resize-auto textarea {\n  height: auto;\n  resize: none;\n}\n\n.textarea-size-large {\n  padding: 4px 0 0 4px;\n  min-height: 40px;\n}\n.textarea-size-large .bcm-input-element {\n  min-height: calc((40px - 8px) + 2px);\n}\n.textarea-size-large .input-clear-button {\n  height: calc( 40px - 16px );\n  top: 8px;\n  padding: 0;\n  margin-right: 8px;\n}\n\n.textarea-size-medium {\n  padding: 4px 0 0 4px;\n  min-height: 32px;\n}\n.textarea-size-medium .bcm-input-element {\n  min-height: calc((32px - 8px) + 2px);\n}\n.textarea-size-medium .input-clear-button {\n  height: calc( 32px - 16px );\n  top: 8px;\n  padding: 0;\n  margin-right: 8px;\n}\n\n.textarea-size-small {\n  padding: 0px 0 0 4px;\n  min-height: 24px;\n}\n.textarea-size-small .bcm-input-element {\n  min-height: calc((24px - 8px) + 2px);\n}\n.textarea-size-small .input-clear-button {\n  height: calc( 24px - 16px );\n  top: 8px;\n  padding: 0;\n  margin-right: 8px;\n}\n\n@layer base {\n  .bcm-number-input input[type=number]::-webkit-outer-spin-button,\n.bcm-number-input input[type=number]::-webkit-inner-spin-button,\n.bcm-number-input input[type=number] {\n    -webkit-appearance: none;\n    padding: 0px;\n    margin: 0px;\n    outline: none;\n    border: 0px;\n    vertical-align: baseline;\n    -moz-appearance: textfield !important;\n  }\n}';export{o as bcm_number_input}
+import{r as t,h as n,H as e}from"./p-e037ee2b.js";import"./p-4798d827.js";import"./p-626a65e9.js";import{G as i}from"./p-4fea6f90.js";import"./p-d77859d7.js";import"./p-6b5ed4d8.js";import"./p-96fa8a40.js";import"./p-5ae0a59b.js";import{a as s}from"./p-a313fba6.js";import{C as a}from"./p-1cac8ccc.js";import"./p-bed627ab.js";import"./p-3fac58f7.js";import"./p-2e73d572.js";import{c as p}from"./p-08c75801.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-3718b4ca.js";const r=p({slots:{host:"bcm-number-input bcm-ui-element tw-flex tw-flex-col tw-items-start tw-justify-start tw-max-w-[256px] tw-w-full",container:"tw-flex tw-flex-row tw-items-center tw-justify-between tw-rounded tw-border tw-border-solid tw-border-slate-300 tw-w-full tw-min-h-full hover:tw-bg-slate-50",inputContainer:"tw-flex tw-min-h-fit tw-w-full tw-flex-row tw-items-center tw-justify-center tw-gap-2 tw-px-3",input:"tw-outline-none tw-appearance-none tw-flex-1 tw-bg-transparent tw-text-slate-400 tw-text-inherit tw-font-normal",caretContainer:"tw-flex tw-flex-col tw-min-h-full tw-border-l tw-items-stretch tw-self-stretch tw-justify-center tw-border-l-slate-300 tw-select-none tw-w-[30px]",caretIcon:"tw-flex tw-items-center tw-text-slate-500 tw-justify-center tw-h-full tw-cursor-pointer active:tw-bg-slate-400 last:tw-border-t last:tw-border-t-slate-300",slotIcon:"tw-text-slate-500"},variants:{size:{small:{host:"tw-gap-0.5 tw-text-xs",slotIcon:"tw-text-[10px]",inputContainer:"tw-py-[2px]",caretIcon:"tw-text-[10px]"},medium:{host:"tw-gap-1 tw-text-base",slotIcon:"tw-text-xs",inputContainer:"tw-py-[5px]"},large:{host:"tw-gap-2 tw-text-base",slotIcon:"tw-text-[14px]",inputContainer:"tw-py-2"}},focus:{true:{container:"tw-ring-1 tw-ring-blue-600",input:"tw-text-slate-700"}}},defaultVariants:{size:"medium"}}),o=class{constructor(n){t(this,n),this.blockInvalidChar=t=>["e","E","+","-"].includes(t.key)&&t.preventDefault(),this._id=i.UID(),this.size=s.Size.medium,this.min=0,this.max=100,this.step=1,this.placeholder=void 0,this.label=void 0,this.tooltip=void 0,this.value=0,this.disabled=!1,this.readonly=!1,this.required=!1,this.pattern=void 0,this.caption=void 0,this.noCaption=!1,this.captionType=s.Status.default,this.captionError=void 0,this.customErrorMessage=void 0,this.prefixIcon=void 0,this.suffixIcon=void 0,this.isFocus=!1,this.isError=!1}render(){const{_id:t,value:i,min:s,max:p,step:o,tooltip:l,disabled:c,size:x,label:m,caption:h,captionType:u,required:w,noCaption:d,captionError:g,customErrorMessage:f,prefixIcon:b,suffixIcon:z,pattern:j}=this,{host:v,input:y,container:C,inputContainer:I,caretContainer:E,caretIcon:k,slotIcon:_}=r({size:x,focus:this.isFocus});return n(e,{class:v(),onClick:()=>!c&&this.nativeInput.focus()},m&&n("bcm-label",{tooltip:l,"no-margin":!0,type:u,value:m,required:w,htmlFor:t}),n("div",{class:C()},n("div",{class:I()},b&&n("span",{class:_()},n("i",{class:b})),n("input",{type:"number",class:y(),min:s,max:p,step:o,value:i,inputmode:"numeric",pattern:j,ref:t=>this.nativeInput=t,onKeyPress:this.blockInvalidChar,onFocus:()=>this.isFocus=!0,onBlur:()=>this.isFocus=!1,onError:t=>console.log(t),onErrorCapture:t=>console.log(t)}),z&&n("span",{class:_()},n("i",{class:z}))),n("div",{class:E()},n("span",{class:k()},n("i",{class:"fas fa-caret-up"})),n("span",{class:k()},n("i",{class:"fas fa-caret-down"})))),n(a,{noCaption:d,captionType:u,captionError:g,caption:h,customErrorMessage:f}))}};o.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");\n.size-1 {\n  font-size: 12px;\n  line-height: 20px;\n}\n\n.size-2 {\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.size-3 {\n  font-size: 16px;\n  line-height: 24px;\n}\n\n.size-4 {\n  font-size: 20px;\n  line-height: 28px;\n}\n\n.size-5 {\n  font-size: 24px;\n  line-height: 32px;\n}\n\n.size-6 {\n  font-size: 30px;\n  line-height: 38px;\n}\n\n.size-7 {\n  font-size: 38px;\n  line-height: 46px;\n}\n\n.size-8 {\n  font-size: 46px;\n  line-height: 54px;\n}\n\n.size-9 {\n  font-size: 56px;\n  line-height: 64px;\n}\n\n.weight-regular {\n  font-weight: 400;\n}\n\n.weight-semibold {\n  font-weight: 500;\n}\n\n/**\n * Generator\n */\n.input-size-large {\n  height: 40px;\n}\n\n.input-size-medium {\n  height: 32px;\n}\n\n.input-size-small {\n  height: 24px;\n}\n\n.resize-none textarea {\n  resize: none;\n}\n\n.resize-vertical textarea {\n  resize: vertical;\n}\n\n.resize-auto textarea {\n  height: auto;\n  resize: none;\n}\n\n.textarea-size-large {\n  padding: 4px 0 0 4px;\n  min-height: 40px;\n}\n.textarea-size-large .bcm-input-element {\n  min-height: calc((40px - 8px) + 2px);\n}\n.textarea-size-large .input-clear-button {\n  height: calc( 40px - 16px );\n  top: 8px;\n  padding: 0;\n  margin-right: 8px;\n}\n\n.textarea-size-medium {\n  padding: 4px 0 0 4px;\n  min-height: 32px;\n}\n.textarea-size-medium .bcm-input-element {\n  min-height: calc((32px - 8px) + 2px);\n}\n.textarea-size-medium .input-clear-button {\n  height: calc( 32px - 16px );\n  top: 8px;\n  padding: 0;\n  margin-right: 8px;\n}\n\n.textarea-size-small {\n  padding: 0px 0 0 4px;\n  min-height: 24px;\n}\n.textarea-size-small .bcm-input-element {\n  min-height: calc((24px - 8px) + 2px);\n}\n.textarea-size-small .input-clear-button {\n  height: calc( 24px - 16px );\n  top: 8px;\n  padding: 0;\n  margin-right: 8px;\n}\n\n@layer base {\n  .bcm-number-input input[type=number]::-webkit-outer-spin-button,\n.bcm-number-input input[type=number]::-webkit-inner-spin-button,\n.bcm-number-input input[type=number] {\n    -webkit-appearance: none;\n    padding: 0px;\n    margin: 0px;\n    outline: none;\n    border: 0px;\n    vertical-align: baseline;\n    -moz-appearance: textfield !important;\n  }\n}';export{o as bcm_number_input}

package/dist/bromcom-ui/{p-734c3522.entry.js → p-42afabf6.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 h}from"./p-e037ee2b.js";import{c as a}from"./p-bed627ab.js";import{G as d}from"./p-c7e8dcf7.js";import{s as p}from"./p-8ec1a890.js";import"./p-e45c1546.js";import"./p-16e8e9ba.js";import"./p-034bbcdd.js";import"./p-197aba37.js";const c=class{constructor(i){t(this,i),this.dataIsLoaded=s(this,"data-is-loaded",7),this.bcmChangeHidden=s(this,"bcm-change-hidden",7),this.hidden=!1,this._id=d.UID(),this._title=void 0,this.description=void 0,this.status="default",this.icon=void 0,this.loading=!1,this.valid=!0,this.index=void 0,this.active=!1,this.htmlTemplate=void 0,this.isLast=!1,this.disabled=!1}componentDidLoad(){this.isLast&&this.dataIsLoaded.emit(!0)}getStepper(){return this.el.closest("bcm-stepper")||null}activeChanged(){if(this.active){const t=this.getStepper();t&&p.changeStepDisabled(t.stepperId,this._id,!1)}}statusChange(){const t=this.getStepper();t&&p.changeStepStatus(t.stepperId,this._id,this.status)}hiddenChange(t,s){const i=this.getStepper();t!==s&&i&&!this.active&&this.bcmChangeHidden.emit(t)}disabledChange(t,s){const i=this.getStepper();i&&p.changeStepDisabled(i.stepperId,this._id,t)}render(){const{hidden:t,valid:s,active:h}=this,d=a("bcm-stepper__step",s?"bcm-stepper__step-valid":"bcm-stepper__step-invalid",{"bcm-stepper__step-active":h,hidden:t});return i(e,{class:d},i("slot",null))}get el(){return h(this)}static get watchers(){return{active:["activeChanged"],status:["statusChange"],hidden:["hiddenChange"],disabled:["disabledChange"]}}};export{c as bcm_step}
+import{r as t,c as s,h as i,H as e,g as h}from"./p-e037ee2b.js";import{c as a}from"./p-bed627ab.js";import{G as d}from"./p-4fea6f90.js";import{s as p}from"./p-91ec5337.js";import"./p-e45c1546.js";import"./p-3718b4ca.js";import"./p-034bbcdd.js";import"./p-197aba37.js";const r=class{constructor(i){t(this,i),this.dataIsLoaded=s(this,"data-is-loaded",7),this.bcmChangeHidden=s(this,"bcm-change-hidden",7),this.hidden=!1,this._id=d.UID(),this._title=void 0,this.description=void 0,this.status="default",this.icon=void 0,this.loading=!1,this.valid=!0,this.index=void 0,this.active=!1,this.htmlTemplate=void 0,this.isLast=!1,this.disabled=!1}componentDidLoad(){this.isLast&&this.dataIsLoaded.emit(!0)}getStepper(){return this.el.closest("bcm-stepper")||null}activeChanged(){if(this.active){const t=this.getStepper();t&&p.changeStepDisabled(t.stepperId,this._id,!1)}}statusChange(){const t=this.getStepper();t&&p.changeStepStatus(t.stepperId,this._id,this.status)}hiddenChange(t,s){const i=this.getStepper();t!==s&&i&&!this.active&&this.bcmChangeHidden.emit(t)}disabledChange(t,s){const i=this.getStepper();i&&p.changeStepDisabled(i.stepperId,this._id,t)}render(){const{hidden:t,valid:s,active:h}=this,d=a("bcm-stepper__step",s?"bcm-stepper__step-valid":"bcm-stepper__step-invalid",{"bcm-stepper__step-active":h,hidden:t});return i(e,{class:d},i("slot",null))}get el(){return h(this)}static get watchers(){return{active:["activeChanged"],status:["statusChange"],hidden:["hiddenChange"],disabled:["disabledChange"]}}};export{r as bcm_step}

package/dist/bromcom-ui/{p-0c8f2481.entry.js → p-471357bf.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as o,h as p,H as t,g as e}from"./p-e037ee2b.js";import"./p-5ae0a59b.js";import{g as r,s as i}from"./p-fcc6f71e.js";import{F as b}from"./p-6e5f5f36.js";import{c as n}from"./p-bed627ab.js";import{G as s}from"./p-c7e8dcf7.js";import{N as a}from"./p-cb190cbb.js";import{S as m}from"./p-6b5ed4d8.js";import"./p-3c7a0345.js";import"./p-a313fba6.js";import"./p-e45c1546.js";import"./p-16e8e9ba.js";import"./p-034bbcdd.js";const x=class{constructor(p){o(this,p),this._id=s.UID(),this._target_id=void 0,this.message=void 0,this._title=void 0,this.placement="bottom",this.open=!1,this.hidden=!1,this.htmlContent=void 0,this.linkedComponent=void 0,this.height="256px",this.maxHeight="500px",this.minHeight="150px",this.placement_string=void 0}async show(){this.open=!0,this.calculateLocation()}async hide(){this.open=!1}getParentPopoverBox(o){if(o){const p=o.closest("old-bcm-popover-box");if(p)return p}return null}componentDidRender(){this.calculateLocation()}handleWheel(){this.calculateLocation()}handleScroll(){this.calculateLocation()}calculateLocation(){if(this.open){var o=this.placement;const p=this.el.querySelector(".bcm-pop-box"),t=document.getElementById(this.linkedComponent)||document.getElementById(this._target_id);if(p&&t){b({ref:t,floating:p,placement:this.placement,offset:2,arrow:!1,arrowColor:""}),r(p,t,o,(p=>o=p));let e=t.getBoundingClientRect().top,n=i(o,t,{rectTop:e});p.style.height=this.height.indexOf("%")>-1?.01*a.toNumber(this.height)*window.innerHeight-n[0]-50+"px":this.height,p.style.minHeight=this.minHeight;const s="top"==o.split("-")[0]?window.innerHeight-(window.innerHeight-e)-50:window.innerHeight-e-50;p.style.maxHeight=this.maxHeight.indexOf("%")>-1?.01*a.toNumber(this.maxHeight)*s+"px":"auto"!=this.maxHeight&&a.toNumber(this.maxHeight)<s?this.maxHeight:s+"px",p.style.overflowY="auto",p.style.minWidth=t.offsetWidth+"px";const m=this.getParentPopoverBox(t);if(m){const o=m.style.zIndex?a.toNumber(m.style.zIndex):10900;this.el.style.zIndex=(+o+1).toString()}(this.message||this._title)&&(p.style.minHeight="0px",p.style.height="auto",p.style.minWidth="230px")}}}setPlacementString(o){const p=m.textContains(o,"-")?o.split("-"):o.split(" ");1===p.length&&p.push("center"),this.placement_string=p.join(" ")}render(){const{message:o,_title:e,open:r,placement_string:i}=this,b=n("bcm-popover-box",i,{"bcm-pop-open":r,"bcm-pop-linked":this.linkedComponent}),s=n("bcm-pop-box");return p(t,{class:b},p("div",{class:s},e&&p("span",{class:"bcm-pop-heading size-2 weight-medium",innerHTML:e}),p("span",{class:"bcm-pop-content size-2",innerHTML:o}),p("slot",null)))}get el(){return e(this)}};x.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-popover-box{display:none;position:absolute;transition:transform 0.2s ease-in-out;}.bcm-popover-box .bcm-pop-box{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:10px;line-height:calc(10px + 8px);box-shadow:0 4px 12px 2px rgba(17, 24, 38, 0.1);border-radius:4px;position:absolute;box-sizing:border-box;background-color:#FFFFFF;border:1px solid #FFFFFF;z-index:-99999;overflow:hidden;visibility:hidden;width:fit-content;position:absolute;display:block;overflow:hidden;visibility:hidden;z-index:-99999;filter:drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.25))}.bcm-popover-box .bcm-pop-box.bcm-pop-open{overflow:unset;visibility:visible;height:unset}.bcm-popover-box .bcm-pop-box .bcm-pop-heading,.bcm-popover-box .bcm-pop-box .bcm-pop-content{display:block}.bcm-popover-box .bcm-pop-box .bcm-pop-heading:not(:empty){padding:4px 16px;border-bottom:1px solid #D9D9D9;color:var(--bcm-color-grey-9)}.bcm-popover-box .bcm-pop-box .bcm-pop-content:not(:empty){padding:8px 16px;color:var(--bcm-color-grey-8)}.bcm-popover-box::after{content:"";position:absolute;display:none;border:6px solid;z-index:10900;pointer-events:none}.bcm-popover-box.bcm-pop-open{display:block;z-index:10900}.bcm-popover-box.bcm-pop-open .bcm-pop-box{z-index:10900;overflow:unset;visibility:unset}.bcm-popover-box.bcm-pop-open::after{display:block}.bcm-popover-box.top .bcm-pop-box{bottom:100%;margin-bottom:16px}.bcm-popover-box.top::after{bottom:100%;margin-bottom:4px;border-color:#FFFFFF transparent transparent transparent}.bcm-popover-box.bottom .bcm-pop-box{top:100%;margin-top:16px}.bcm-popover-box.bottom::after{top:100%;margin-top:4px;border-color:transparent transparent #FFFFFF transparent}.bcm-popover-box.left .bcm-pop-box{right:100%;margin-right:16px}.bcm-popover-box.left::after{right:100%;margin-right:4px;border-color:transparent transparent transparent #FFFFFF}.bcm-popover-box.right .bcm-pop-box{left:100%;margin-left:16px}.bcm-popover-box.right::after{left:100%;margin-left:4px;border-color:transparent #FFFFFF transparent transparent}.bcm-popover-box.top.center .bcm-pop-box,.bcm-popover-box.bottom.center .bcm-pop-box{left:50%;transform:translateX(-50%)}.bcm-popover-box.top.center::after,.bcm-popover-box.bottom.center::after{left:50%;transform:translateX(-50%)}.bcm-popover-box.top.start .bcm-pop-box,.bcm-popover-box.bottom.start .bcm-pop-box{left:0}.bcm-popover-box.top.start::after,.bcm-popover-box.bottom.start::after{left:16px}.bcm-popover-box.top.end .bcm-pop-box,.bcm-popover-box.bottom.end .bcm-pop-box{right:0}.bcm-popover-box.top.end::after,.bcm-popover-box.bottom.end::after{right:16px}.bcm-popover-box.left.center .bcm-pop-box,.bcm-popover-box.right.center .bcm-pop-box{top:50%;transform:translateY(-50%)}.bcm-popover-box.left.center::after,.bcm-popover-box.right.center::after{top:50%;transform:translateY(-50%)}.bcm-popover-box.left.start .bcm-pop-box,.bcm-popover-box.right.start .bcm-pop-box{top:0}.bcm-popover-box.left.start::after,.bcm-popover-box.right.start::after{top:12px}.bcm-popover-box.left.end .bcm-pop-box,.bcm-popover-box.right.end .bcm-pop-box{bottom:0}.bcm-popover-box.left.end::after,.bcm-popover-box.right.end::after{bottom:12px}.bcm-popover-box.top{transform:translateY(1px)}.bcm-popover-box.bottom{transform:translateY(-1px)}.bcm-popover-box.left{transform:translateX(1px)}.bcm-popover-box.right{transform:translateX(-1px)}.bcm-popover-box.top.bcm-pop-open,.bcm-popover-box.bottom.bcm-pop-open{transform:translateY(0)}.bcm-popover-box.left.bcm-pop-open,.bcm-popover-box.right.bcm-pop-open{transform:translateX(0)}.bcm-popover-box.bcm-pop-linked.top .bcm-pop-box{margin:0 0 2px 0}.bcm-popover-box.bcm-pop-linked.bottom .bcm-pop-box{margin:2px 0 0 0}.bcm-popover-box.bcm-pop-linked.left .bcm-pop-box{margin:0 2px 0 0}.bcm-popover-box.bcm-pop-linked.right .bcm-pop-box{margin:0 0 0 2px}.bcm-popover-box.bcm-pop-linked .bcm-pop-box{filter:unset;border-radius:8px;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1)}.bcm-popover-box.bcm-pop-linked::after{display:none}';export{x as old_bcm_popover_box}
+import{r as o,h as p,H as t,g as e}from"./p-e037ee2b.js";import"./p-5ae0a59b.js";import{g as r,s as i}from"./p-fcc6f71e.js";import{F as b}from"./p-6e5f5f36.js";import{c as n}from"./p-bed627ab.js";import{G as s}from"./p-4fea6f90.js";import{N as a}from"./p-d77859d7.js";import{S as m}from"./p-6b5ed4d8.js";import"./p-3c7a0345.js";import"./p-a313fba6.js";import"./p-e45c1546.js";import"./p-3718b4ca.js";import"./p-034bbcdd.js";const x=class{constructor(p){o(this,p),this._id=s.UID(),this._target_id=void 0,this.message=void 0,this._title=void 0,this.placement="bottom",this.open=!1,this.hidden=!1,this.htmlContent=void 0,this.linkedComponent=void 0,this.height="256px",this.maxHeight="500px",this.minHeight="150px",this.placement_string=void 0}async show(){this.open=!0,this.calculateLocation()}async hide(){this.open=!1}getParentPopoverBox(o){if(o){const p=o.closest("old-bcm-popover-box");if(p)return p}return null}componentDidRender(){this.calculateLocation()}handleWheel(){this.calculateLocation()}handleScroll(){this.calculateLocation()}calculateLocation(){if(this.open){var o=this.placement;const p=this.el.querySelector(".bcm-pop-box"),t=document.getElementById(this.linkedComponent)||document.getElementById(this._target_id);if(p&&t){b({ref:t,floating:p,placement:this.placement,offset:2,arrow:!1,arrowColor:""}),r(p,t,o,(p=>o=p));let e=t.getBoundingClientRect().top,n=i(o,t,{rectTop:e});p.style.height=this.height.indexOf("%")>-1?.01*a.toNumber(this.height)*window.innerHeight-n[0]-50+"px":this.height,p.style.minHeight=this.minHeight;const s="top"==o.split("-")[0]?window.innerHeight-(window.innerHeight-e)-50:window.innerHeight-e-50;p.style.maxHeight=this.maxHeight.indexOf("%")>-1?.01*a.toNumber(this.maxHeight)*s+"px":"auto"!=this.maxHeight&&a.toNumber(this.maxHeight)<s?this.maxHeight:s+"px",p.style.overflowY="auto",p.style.minWidth=t.offsetWidth+"px";const m=this.getParentPopoverBox(t);if(m){const o=m.style.zIndex?a.toNumber(m.style.zIndex):10900;this.el.style.zIndex=(+o+1).toString()}(this.message||this._title)&&(p.style.minHeight="0px",p.style.height="auto",p.style.minWidth="230px")}}}setPlacementString(o){const p=m.textContains(o,"-")?o.split("-"):o.split(" ");1===p.length&&p.push("center"),this.placement_string=p.join(" ")}render(){const{message:o,_title:e,open:r,placement_string:i}=this,b=n("bcm-popover-box",i,{"bcm-pop-open":r,"bcm-pop-linked":this.linkedComponent}),s=n("bcm-pop-box");return p(t,{class:b},p("div",{class:s},e&&p("span",{class:"bcm-pop-heading size-2 weight-medium",innerHTML:e}),p("span",{class:"bcm-pop-content size-2",innerHTML:o}),p("slot",null)))}get el(){return e(this)}};x.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-popover-box{display:none;position:absolute;transition:transform 0.2s ease-in-out;}.bcm-popover-box .bcm-pop-box{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:10px;line-height:calc(10px + 8px);box-shadow:0 4px 12px 2px rgba(17, 24, 38, 0.1);border-radius:4px;position:absolute;box-sizing:border-box;background-color:#FFFFFF;border:1px solid #FFFFFF;z-index:-99999;overflow:hidden;visibility:hidden;width:fit-content;position:absolute;display:block;overflow:hidden;visibility:hidden;z-index:-99999;filter:drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.25))}.bcm-popover-box .bcm-pop-box.bcm-pop-open{overflow:unset;visibility:visible;height:unset}.bcm-popover-box .bcm-pop-box .bcm-pop-heading,.bcm-popover-box .bcm-pop-box .bcm-pop-content{display:block}.bcm-popover-box .bcm-pop-box .bcm-pop-heading:not(:empty){padding:4px 16px;border-bottom:1px solid #D9D9D9;color:var(--bcm-color-grey-9)}.bcm-popover-box .bcm-pop-box .bcm-pop-content:not(:empty){padding:8px 16px;color:var(--bcm-color-grey-8)}.bcm-popover-box::after{content:"";position:absolute;display:none;border:6px solid;z-index:10900;pointer-events:none}.bcm-popover-box.bcm-pop-open{display:block;z-index:10900}.bcm-popover-box.bcm-pop-open .bcm-pop-box{z-index:10900;overflow:unset;visibility:unset}.bcm-popover-box.bcm-pop-open::after{display:block}.bcm-popover-box.top .bcm-pop-box{bottom:100%;margin-bottom:16px}.bcm-popover-box.top::after{bottom:100%;margin-bottom:4px;border-color:#FFFFFF transparent transparent transparent}.bcm-popover-box.bottom .bcm-pop-box{top:100%;margin-top:16px}.bcm-popover-box.bottom::after{top:100%;margin-top:4px;border-color:transparent transparent #FFFFFF transparent}.bcm-popover-box.left .bcm-pop-box{right:100%;margin-right:16px}.bcm-popover-box.left::after{right:100%;margin-right:4px;border-color:transparent transparent transparent #FFFFFF}.bcm-popover-box.right .bcm-pop-box{left:100%;margin-left:16px}.bcm-popover-box.right::after{left:100%;margin-left:4px;border-color:transparent #FFFFFF transparent transparent}.bcm-popover-box.top.center .bcm-pop-box,.bcm-popover-box.bottom.center .bcm-pop-box{left:50%;transform:translateX(-50%)}.bcm-popover-box.top.center::after,.bcm-popover-box.bottom.center::after{left:50%;transform:translateX(-50%)}.bcm-popover-box.top.start .bcm-pop-box,.bcm-popover-box.bottom.start .bcm-pop-box{left:0}.bcm-popover-box.top.start::after,.bcm-popover-box.bottom.start::after{left:16px}.bcm-popover-box.top.end .bcm-pop-box,.bcm-popover-box.bottom.end .bcm-pop-box{right:0}.bcm-popover-box.top.end::after,.bcm-popover-box.bottom.end::after{right:16px}.bcm-popover-box.left.center .bcm-pop-box,.bcm-popover-box.right.center .bcm-pop-box{top:50%;transform:translateY(-50%)}.bcm-popover-box.left.center::after,.bcm-popover-box.right.center::after{top:50%;transform:translateY(-50%)}.bcm-popover-box.left.start .bcm-pop-box,.bcm-popover-box.right.start .bcm-pop-box{top:0}.bcm-popover-box.left.start::after,.bcm-popover-box.right.start::after{top:12px}.bcm-popover-box.left.end .bcm-pop-box,.bcm-popover-box.right.end .bcm-pop-box{bottom:0}.bcm-popover-box.left.end::after,.bcm-popover-box.right.end::after{bottom:12px}.bcm-popover-box.top{transform:translateY(1px)}.bcm-popover-box.bottom{transform:translateY(-1px)}.bcm-popover-box.left{transform:translateX(1px)}.bcm-popover-box.right{transform:translateX(-1px)}.bcm-popover-box.top.bcm-pop-open,.bcm-popover-box.bottom.bcm-pop-open{transform:translateY(0)}.bcm-popover-box.left.bcm-pop-open,.bcm-popover-box.right.bcm-pop-open{transform:translateX(0)}.bcm-popover-box.bcm-pop-linked.top .bcm-pop-box{margin:0 0 2px 0}.bcm-popover-box.bcm-pop-linked.bottom .bcm-pop-box{margin:2px 0 0 0}.bcm-popover-box.bcm-pop-linked.left .bcm-pop-box{margin:0 2px 0 0}.bcm-popover-box.bcm-pop-linked.right .bcm-pop-box{margin:0 0 0 2px}.bcm-popover-box.bcm-pop-linked .bcm-pop-box{filter:unset;border-radius:8px;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1)}.bcm-popover-box.bcm-pop-linked::after{display:none}';export{x as old_bcm_popover_box}