bromcom-ui 2.9.0-rc.1 → 2.9.0-rc.3

package/dist/bromcom-ui/{p-7ce49866.entry.js → p-dfb4b928.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-da1055cb.js";import"./p-7e44e6b5.js";import{g as r,s as i}from"./p-dbc4c30c.js";import{F as b}from"./p-b60bcecf.js";import{c as n}from"./p-d65a1e21.js";import{G as s}from"./p-92bf3f86.js";import{N as a}from"./p-08fb3095.js";import{S as m}from"./p-8d0ca8c2.js";import"./p-8c018ae0.js";import"./p-a429e85b.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.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-6d7fe687.js";import"./p-7e44e6b5.js";import{g as r,s as i}from"./p-dbc4c30c.js";import{F as b}from"./p-b60bcecf.js";import{c as n}from"./p-d65a1e21.js";import{G as s}from"./p-5f63beda.js";import{N as a}from"./p-294186b9.js";import{S as m}from"./p-8d0ca8c2.js";import"./p-8c018ae0.js";import"./p-a429e85b.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.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}

package/dist/bromcom-ui/{p-7d662231.entry.js → p-e4477593.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as i,c as t,h as e,H as n,g as s}from"./p-da1055cb.js";import{c as a}from"./p-d65a1e21.js";import"./p-6f56f8ca.js";var o;!function(i){i.info="info",i.error="error",i.warning="warning",i.success="success",i.default="default"}(o||(o={}));const p=class{constructor(e){i(this,e),this.confirm=t(this,"bcm-confirm",7),this._title=void 0,this.status=o.default,this.confirmText=void 0,this.isShow=!1,this.hidden=!1}getIcon(){switch(this.status){case o.info:return e("bcm-icon",{icon:"far fa-info-circle"});case o.error:return e("bcm-icon",{icon:"far fa-times-circle"});case o.warning:return e("bcm-icon",{icon:"far fa-exclamation-circle"});case o.success:return e("bcm-icon",{icon:"far fa-check-circle"})}}dismiss(){this.isShow=!1}handleConfirm(){this.isShow=!1,this.confirm.emit()}async hide(){this.dismiss()}async show(){this.isShow=!0}render(){const{status:i,_title:t,confirmText:s,isShow:p}=this,c=a("notification",{show:p}),r=a(this.hidden?"hidden":null);return e(n,{class:r},e("div",{class:c},i!==o.default&&e("div",{class:"icon-content"},this.getIcon()),e("div",{class:"text-content"},e("span",{class:"title"},t,e("bcm-icon",{icon:"far fa-times",color:"grey-10",onClick:()=>this.dismiss()})),e("p",null,e("slot",null)),null!=s&&e("div",{class:"actions"},e("bcm-button",{size:"small",onClick:()=>this.handleConfirm()},s||"Confirm")))))}get el(){return s(this)}};p.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block}:host(.hidden){display:none}.notification{display:none;width:100%;max-width:384px;padding:16px 24px;box-shadow:0px 4px 12px rgba(0, 0, 0, 0.15);border-radius:2px}.notification.show{display:flex}.text-content{width:100%}.title{position:relative;display:block;padding-right:24px;padding-top:8px;padding-bottom:8px;font-size:16px;color:var(--bcm-color-grey-9)}.title bcm-icon{position:absolute;right:0;top:10px;cursor:pointer}p{margin-top:8px;margin-bottom:0;font-size:14px;line-height:22px;color:var(--bcm-color-grey-8)}.icon-content{padding-top:8px;padding-right:16px}.actions{display:flex;align-items:center;justify-content:flex-end;margin-top:16px}';export{p as bcm_notification}
+import{r as i,c as t,h as e,H as n,g as s}from"./p-6d7fe687.js";import{c as a}from"./p-d65a1e21.js";import"./p-6f56f8ca.js";var o;!function(i){i.info="info",i.error="error",i.warning="warning",i.success="success",i.default="default"}(o||(o={}));const p=class{constructor(e){i(this,e),this.confirm=t(this,"bcm-confirm",7),this._title=void 0,this.status=o.default,this.confirmText=void 0,this.isShow=!1,this.hidden=!1}getIcon(){switch(this.status){case o.info:return e("bcm-icon",{icon:"far fa-info-circle"});case o.error:return e("bcm-icon",{icon:"far fa-times-circle"});case o.warning:return e("bcm-icon",{icon:"far fa-exclamation-circle"});case o.success:return e("bcm-icon",{icon:"far fa-check-circle"})}}dismiss(){this.isShow=!1}handleConfirm(){this.isShow=!1,this.confirm.emit()}async hide(){this.dismiss()}async show(){this.isShow=!0}render(){const{status:i,_title:t,confirmText:s,isShow:p}=this,c=a("notification",{show:p}),r=a(this.hidden?"hidden":null);return e(n,{class:r},e("div",{class:c},i!==o.default&&e("div",{class:"icon-content"},this.getIcon()),e("div",{class:"text-content"},e("span",{class:"title"},t,e("bcm-icon",{icon:"far fa-times",color:"grey-10",onClick:()=>this.dismiss()})),e("p",null,e("slot",null)),null!=s&&e("div",{class:"actions"},e("bcm-button",{size:"small",onClick:()=>this.handleConfirm()},s||"Confirm")))))}get el(){return s(this)}};p.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block}:host(.hidden){display:none}.notification{display:none;width:100%;max-width:384px;padding:16px 24px;box-shadow:0px 4px 12px rgba(0, 0, 0, 0.15);border-radius:2px}.notification.show{display:flex}.text-content{width:100%}.title{position:relative;display:block;padding-right:24px;padding-top:8px;padding-bottom:8px;font-size:16px;color:var(--bcm-color-grey-9)}.title bcm-icon{position:absolute;right:0;top:10px;cursor:pointer}p{margin-top:8px;margin-bottom:0;font-size:14px;line-height:22px;color:var(--bcm-color-grey-8)}.icon-content{padding-top:8px;padding-right:16px}.actions{display:flex;align-items:center;justify-content:flex-end;margin-top:16px}';export{p as bcm_notification}

package/dist/bromcom-ui/{p-3731f4fb.entry.js → p-e74a2576.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,c as i,h as s,H as a,g as o}from"./p-da1055cb.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{G as e}from"./p-92bf3f86.js";import"./p-08fb3095.js";import"./p-8d0ca8c2.js";import"./p-54bcf02f.js";import"./p-7e44e6b5.js";import{d as l}from"./p-8c018ae0.js";import{B as r}from"./p-a429e85b.js";import{C as h}from"./p-c8e13fd7.js";import{c}from"./p-d65a1e21.js";import"./p-3fac58f7.js";import"./p-2e73d572.js";import{I as d}from"./p-c23b6240.js";import"./p-436364c8.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const n=class{constructor(s){t(this,s),this.change=i(this,"bcm-change",7),this._id=e.UID(),this.label=void 0,this.name=void 0,this.value=null,this.defaultValue=void 0,this.size=r.Size.medium,this.disabled=void 0,this.hidden=!1,this.required=!1,this.gap=void 0,this.direction=r.Direction.horizontal,this.fullWidth=!1,this.items=[],this.caption=void 0,this.noCaption=!1,this.captionError=void 0,this.captionType=r.Status.default,this.captionCache=void 0,this.captionTypeCache=void 0}get radios(){return Array.from(this.el.querySelectorAll("bcm-radio"))}get Items(){return this.items}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType}updateValue(){var t,i,s;this.value=null!==(s=null===(i=null===(t=this.radios)||void 0===t?void 0:t.find((t=>t.checked)))||void 0===i?void 0:i.value)&&void 0!==s?s:null}setRadioUpdate(){var t;null===(t=this.radios)||void 0===t||t.forEach((t=>{t.disabled=this.disabled||t.disabled,t.size=this.size,this.defaultValue&&(t.checked=t.value==this.defaultValue)}))}watchDisabled(t,i){var s;null===(s=this.radios)||void 0===s||s.forEach((i=>i.disabled=t))}watchDefaultValue(t,i){var s;null===(s=this.radios)||void 0===s||s.forEach((i=>i.checked=i.value==t)),this.updateValue(),this.change.emit(this.value)}componentWillLoad(){this.setRadioUpdate(),this.updateValue()}handleChange(t){var i,s;t.stopPropagation(),t.preventDefault();const a=null!==(i=t.target.checked)&&void 0!==i&&i;null===(s=this.radios)||void 0===s||s.forEach((i=>{i.checked=i.id==t.target.id&&!a})),this.updateValue(),this.change.emit(this.value)}async setClear(){var t;this.value=null,null===(t=this.radios)||void 0===t||t.forEach((t=>{t.checked=!1}))}async resetCaption(){return await l(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await l(10),Promise.resolve()}async check(t,i=!0){var s;null===(s=this.radios)||void 0===s||s.forEach((s=>{s.checked=(s.id==t||s.value==t)&&i})),this.updateValue(),this.change.emit(this.value)}async get(){return this.value}async set(t){await this.check(t)}async getValue(){return this.value}render(){var t,i;const{direction:o,fullWidth:e,gap:l,label:d,size:n,required:p,disabled:u,caption:v,captionError:f,captionType:m,noCaption:b}=this;return s(a,{role:"radio-group",class:"tw-mb-2 tw-flex tw-flex-col"},d&&s("bcm-label",{type:m,value:d,required:p}),s("div",{class:c("tw-flex tw-flex-wrap",o==r.Direction.horizontal?"tw-flex-row":"tw-flex-col",e&&"tw-w-full"),style:{gap:l}},s("slot",null),(null===(t=this.Items)||void 0===t?void 0:t.length)>0&&(null===(i=this.Items)||void 0===i?void 0:i.map((t=>s("bcm-radio",{id:t.id,value:t.value,disabled:u||t.disabled,checked:t.checked,color:t.color,size:n},t.label))))),s(h,{noCaption:b,captionType:m,captionError:f,caption:v}))}get el(){return o(this)}static get watchers(){return{disabled:["watchDisabled"],defaultValue:["watchDefaultValue"]}}};!function(t,i,s,a){var o,e=arguments.length,l=e<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,s):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,i,s,a);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(l=(e<3?o(l):e>3?o(i,s,l):o(i,s))||l);e>3&&l&&Object.defineProperty(i,s,l)}([d()],n.prototype,"el",void 0);export{n as bcm_radio_group}
+import{r as t,c as i,h as s,H as e,g as a}from"./p-6d7fe687.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{G as o}from"./p-5f63beda.js";import"./p-294186b9.js";import"./p-8d0ca8c2.js";import"./p-159e5357.js";import"./p-7e44e6b5.js";import{d as l}from"./p-8c018ae0.js";import{B as r}from"./p-a429e85b.js";import{C as h}from"./p-a56e8c98.js";import{c}from"./p-d65a1e21.js";import"./p-3fac58f7.js";import"./p-2e73d572.js";import{I as d}from"./p-54c0916c.js";import"./p-436364c8.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const n=class{constructor(s){t(this,s),this.change=i(this,"bcm-change",7),this._id=o.UID(),this.label=void 0,this.name=void 0,this.value=null,this.defaultValue=void 0,this.size=r.Size.medium,this.disabled=void 0,this.hidden=!1,this.required=!1,this.gap=void 0,this.direction=r.Direction.horizontal,this.fullWidth=!1,this.items=[],this.caption=void 0,this.noCaption=!1,this.captionError=void 0,this.captionType=r.Status.default,this.captionCache=void 0,this.captionTypeCache=void 0}get radios(){return Array.from(this.el.querySelectorAll("bcm-radio"))}get Items(){return this.items}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType}updateValue(){var t,i,s;this.value=null!==(s=null===(i=null===(t=this.radios)||void 0===t?void 0:t.find((t=>t.checked)))||void 0===i?void 0:i.value)&&void 0!==s?s:null}setRadioUpdate(){var t;null===(t=this.radios)||void 0===t||t.forEach((t=>{t.disabled=this.disabled||t.disabled,t.size=this.size,this.defaultValue&&(t.checked=t.value==this.defaultValue)}))}watchDisabled(t,i){var s;null===(s=this.radios)||void 0===s||s.forEach((i=>i.disabled=t))}watchDefaultValue(t,i){var s;null===(s=this.radios)||void 0===s||s.forEach((i=>i.checked=i.value==t)),this.updateValue(),this.change.emit(this.value)}componentWillLoad(){this.setRadioUpdate(),this.updateValue()}handleChange(t){var i,s;t.stopPropagation(),t.preventDefault();const e=null!==(i=t.target.checked)&&void 0!==i&&i;null===(s=this.radios)||void 0===s||s.forEach((i=>{i.checked=i.id==t.target.id&&!e})),this.updateValue(),this.change.emit(this.value)}async setClear(){var t;this.value=null,null===(t=this.radios)||void 0===t||t.forEach((t=>{t.checked=!1}))}async resetCaption(){return await l(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await l(10),Promise.resolve()}async check(t,i=!0){var s;null===(s=this.radios)||void 0===s||s.forEach((s=>{s.checked=(s.id==t||s.value==t)&&i})),this.updateValue(),this.change.emit(this.value)}async get(){return this.value}async set(t){await this.check(t)}async getValue(){return this.value}render(){var t,i;const{direction:a,fullWidth:o,gap:l,label:d,size:n,required:p,disabled:u,caption:v,captionError:m,captionType:f,noCaption:b}=this;return s(e,{role:"radio-group",class:"tw-mb-2 tw-flex tw-flex-col"},d&&s("bcm-label",{type:f,value:d,required:p}),s("div",{class:c("tw-flex tw-flex-wrap",a==r.Direction.horizontal?"tw-flex-row":"tw-flex-col",o&&"tw-w-full"),style:{gap:l}},s("slot",null),(null===(t=this.Items)||void 0===t?void 0:t.length)>0&&(null===(i=this.Items)||void 0===i?void 0:i.map((t=>s("bcm-radio",{id:t.id,value:t.value,disabled:u||t.disabled,checked:t.checked,color:t.color,size:n},t.label))))),s(h,{noCaption:b,captionType:f,captionError:m,caption:v}))}get el(){return a(this)}static get watchers(){return{disabled:["watchDisabled"],defaultValue:["watchDefaultValue"]}}};!function(t,i,s,e){var a,o=arguments.length,l=o<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,i,s,e);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(l=(o<3?a(l):o>3?a(i,s,l):a(i,s))||l);o>3&&l&&Object.defineProperty(i,s,l)}([d()],n.prototype,"el",void 0);export{n as bcm_radio_group}

package/dist/bromcom-ui/{p-4fcc0d21.entry.js → p-e9aaa98b.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{h as e,r as t,c as i,H as n,g as a}from"./p-da1055cb.js";import{c as s}from"./p-d65a1e21.js";import{G as o,s as c}from"./p-92bf3f86.js";import{a as h}from"./p-a429e85b.js";import{d as r,g as l}from"./p-8c018ae0.js";import{c as p}from"./p-a60a2dd0.js";import{L as d}from"./p-24aefda6.js";import{I as m}from"./p-c23b6240.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";import"./p-79fd816c.js";import"./p-8d0ca8c2.js";const u=({customStyle:t,groupContainerClasses:i,onBcmSelect:n,items:a})=>e("div",{class:i,style:t},a.childs&&a.childs.map((t=>e("bcm-checkbox",{id:t.id,name:t.name,color:t.color,checked:t.checked,disabled:t.disabled,readonly:t.readonly,required:t.required,noCaption:t.noCaption,"no-margin":!0,size:t.size,"full-width":t.fullWidth,onClick:e=>{!t.disabled&&!t.readonly&&(n(t.id),e.preventDefault())}},t.slot||t.label)))),{state:x}=p({group:new Map,allChecked:!0,allUnchecked:!0,changeInderminate:{}}),g=e=>c((()=>x.group.get(e)),{}),b=e=>{var t;const i=g(e);let n=!0,a=!0;null===(t=i.childs)||void 0===t||t.map((e=>{e.checked&&(a=!1),!e.checked&&(n=!1)})),i.indeterminateState=n||a?n?"determinate":"uncheck":"indeterminate"},f=g;const y=class{constructor(e){t(this,e),this.change=i(this,"bcm-change",7),this.groupCheckedList=i(this,"bcm-group-checked-list",7),this._id=o.UID(),this.direction=h.Direction.horizontal,this.items=[],this.indeterminate=!1,this.name=void 0,this.value=void 0,this.disabled=!1,this.readonly=!1,this.hidden=!1,this.required=!1,this.label=void 0,this.gap=void 0,this.defaultValue=void 0,this.fullWidth=!1,this.optionType="default",this.buttonStyle="solid",this.size=h.Size.medium,this.caption=void 0,this.noCaption=!1,this.captionType=h.Status.default,this.tick={}}componentDidLoad(){this.initState()}disconnectedCallback(){Promise.resolve(x.group.delete(this._id))}componentShouldUpdate(e,t,i){"tick"==i&&e!==t&&c((()=>f(this._id).childs.length>0),!1)&&this.getValue().then((e=>this.value=e)),this.getOptions().indexOf(i)>-1&&e!==t&&this.initState()}getOptions(){return c((()=>Object.keys(x.group.get(this._id))),[])}async initState(){const{fullWidth:e,optionType:t,buttonStyle:i,size:n,noCaption:a,defaultValue:s,label:h,required:r,captionType:l,hidden:p,direction:d,indeterminate:m,gap:u,items:g}=this,b=s&&("string"==typeof s?JSON.parse(s):s),f=g.length>0?g:await this.getCheckboxes();await(async({fullWidth:e,optionType:t,buttonStyle:i,size:n,defaultCheckedItems:a,el:s,id:h,label:r,required:l,captionType:p,hidden:d,direction:m,childs:u,indeterminate:g,gap:b,noCaption:f})=>{s&&x.group.set(h,{fullWidth:e,optionType:t,buttonStyle:i,size:n,defaultCheckedItems:a,label:r,required:l,captionType:p,hidden:d,direction:m,indeterminate:g,gap:b,noCaption:f,childs:null==u?void 0:u.map((e=>(e.checked&&(x.allUnchecked=!1),!e.checked&&(x.allChecked=!1),t&&(e.optionType=t),i&&(e.buttonStyle=i),n&&(e.size=n),a&&a.find((t=>t===e.name))&&(e.checked=!0),e.noCaption=f,{id:e.id||o.UID(),checked:e.checked||!1,name:e.name,size:e.size,buttonStyle:e.buttonStyle,optionType:e.optionType,style:e.style,noCaption:e.noCaption,color:e.color,disabled:e.disabled,readonly:e.readonly,label:e.label||e.name,slot:e.slot||c((()=>e.querySelector(".slot").textContent),e.textContent),required:e.required||l,el:e,captionType:p,hidden:d}))),indeterminateState:x.allChecked||x.allUnchecked?x.allChecked?"determinate":"uncheck":"indeterminate"})})({id:this._id,el:this.el,indeterminate:m,fullWidth:e,optionType:t,buttonStyle:i,size:n,defaultCheckedItems:b,label:h,noCaption:a,required:r,captionType:l,hidden:p,gap:u,direction:d,childs:f});const y=this.el.querySelector(`#bcm-checkbox-group__items-${this._id}`);y&&y.innerHTML&&(y.innerHTML=""),this.value=await this.getValue()}async markForCheck(){await r(10),this.tick=o.UID()}async onBcmFocus(){const e=this.getCheckboxes();e.length>0&&e[0].onBcmFocus()}async onBcmBlur(){this.el.blur()}async setClear(){return null===(t=g(e=this._id).childs)||void 0===t||t.forEach((e=>{e.checked=!1})),b(e),await r(10),this.getCheckboxes().forEach((e=>{e.setClear()})),this.markForCheck(),await r(10),Promise.resolve();var e,t}async resetCaption(){return await r(10),this.getCheckboxes().forEach((e=>{e.resetCaption()})),await r(10),Promise.resolve()}async set(e){Array.isArray(e)&&await this.check(e,!0,!0)}async get(){const e=await this.getCheckedList()&&Object.keys(await this.getCheckedList());return e.length>0?e:[]}async check(e,t=!0,i=!1){((e,t,i,n)=>{var a;const s=t&&("string"==typeof t?JSON.parse(t):t);null===(a=g(e).childs)||void 0===a||a.forEach((e=>{if(s){const t=s.find((t=>t===e.name||t.name===e.name));t?"object"==typeof t?Object.keys(t).map((n=>{e.checked="checked"===n?t[n]:i})):e.checked=i:n&&(e.checked=!1)}else e.checked=!1})),b(e)})(this._id,e,t,i),this.markForCheck()}async getValue(e){return Promise.resolve(((e,t)=>{var i;const n=g(e);let a={};return null===(i=n.childs)||void 0===i||i.map((e=>{t?e.name===t&&(a[e.name]={value:!!e.checked,name:e.name}):a[e.name]={value:!!e.checked,name:e.name}})),a})(this._id,e))}async getCheckedList(){return(e=>{var t;const i=g(e);let n={};return null===(t=i.childs)||void 0===t||t.map((e=>{!0===e.checked&&(n[e.name]={value:!!e.checked,name:e.name})})),n})(this._id)}handleItemsChange(){this.initState()}getCheckboxes(){return l(this.el,"bcm-checkbox:not(#bcm-indeterminate-element)")}async getCheckbox(e){const t=this.el.querySelector(`bcm-checkbox[id="${e}"]`);if(t){const e=t.name,i=await this.getValue(e);return{element:t,event:c((()=>i[e]),null)}}return{}}async indeterminateClick(){(e=>{var t;const i=g(e);if(!i.disabled){let n=!0;"determinate"===i.indeterminateState&&(n=!1),null===(t=g(e).childs)||void 0===t||t.map((e=>{e.checked=n})),b(e)}})(this._id),this.markForCheck()}async changeCheckBox(e){var t,i;null===(i=g((t={id:this._id,childId:e}).id).childs)||void 0===i||i.map((e=>{e.checked=e.id===t.childId?!e.checked:e.checked})),b(t.id),this.markForCheck(),await r(10),this.value=await this.getValue(),this.change.emit({value:this.value,changed:Object.assign({},await this.getCheckbox(e))}),this.groupCheckedList.emit(await this.getCheckedList())}getItems(){return f(this._id)}render(){const t=this.getItems(),{disabled:i,captionType:a,label:o,indeterminate:c,indeterminateState:h,required:r,direction:l,optionType:p,hidden:m,fullWidth:x,gap:g}=t,b=s("bcm-checkbox-group",l,p,{hidden:m,"full-width":x}),f=s("bcm-checkbox-group__container",p,{[l]:"default"===p,indeterminate:c,hidden:m,"full-width":x});return e(n,{class:b},e("span",{hidden:!0,id:`bcm-checkbox-group__items-${this._id}`},e("slot",null)),e("div",{class:"bcm-checkbox-group__label"},o&&e("div",null,e(d,{size:this.size,type:a,value:o,required:r}))),c&&e("bcm-checkbox",{onClick:e=>{this.indeterminateClick(),e.preventDefault()},"no-caption":!0,id:"bcm-indeterminate-element",indeterminate:h,disabled:i},"Check All"),e(u,{items:t,groupContainerClasses:f,customStyle:g&&{gap:g},onBcmSelect:e=>this.changeCheckBox(e)}))}get el(){return a(this)}static get watchers(){return{items:["handleItemsChange"]}}};(function(e,t,i,n){var a,s=arguments.length,o=s<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,n);else for(var c=e.length-1;c>=0;c--)(a=e[c])&&(o=(s<3?a(o):s>3?a(t,i,o):a(t,i))||o);s>3&&o&&Object.defineProperty(t,i,o)})([m()],y.prototype,"el",void 0),y.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-checkbox-group{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:8px}.bcm-checkbox-group.hidden{display:none}.bcm-checkbox-group__container{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%}.bcm-checkbox-group__container.full-width{max-width:100%}.bcm-checkbox-group__container.vertical{gap:8px;flex-direction:column}.bcm-checkbox-group__container.button{gap:unset}.bcm-checkbox-group__container.indeterminate{padding-top:16px;margin-top:16px;border-top:1px solid #efefef}';export{y as bcm_checkbox_group}
+import{h as e,r as t,c as i,H as n,g as a}from"./p-6d7fe687.js";import{c as s}from"./p-d65a1e21.js";import{G as o,s as c}from"./p-5f63beda.js";import{a as h}from"./p-a429e85b.js";import{d as r,g as l}from"./p-8c018ae0.js";import{c as p}from"./p-3cde7f38.js";import{L as d}from"./p-c49d038e.js";import{I as m}from"./p-54c0916c.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";import"./p-74b2d896.js";import"./p-8d0ca8c2.js";const u=({customStyle:t,groupContainerClasses:i,onBcmSelect:n,items:a})=>e("div",{class:i,style:t},a.childs&&a.childs.map((t=>e("bcm-checkbox",{id:t.id,name:t.name,color:t.color,checked:t.checked,disabled:t.disabled,readonly:t.readonly,required:t.required,noCaption:t.noCaption,"no-margin":!0,size:t.size,"full-width":t.fullWidth,onClick:e=>{!t.disabled&&!t.readonly&&(n(t.id),e.preventDefault())}},t.slot||t.label)))),{state:x}=p({group:new Map,allChecked:!0,allUnchecked:!0,changeInderminate:{}}),g=e=>c((()=>x.group.get(e)),{}),b=e=>{var t;const i=g(e);let n=!0,a=!0;null===(t=i.childs)||void 0===t||t.map((e=>{e.checked&&(a=!1),!e.checked&&(n=!1)})),i.indeterminateState=n||a?n?"determinate":"uncheck":"indeterminate"},f=g;const y=class{constructor(e){t(this,e),this.change=i(this,"bcm-change",7),this.groupCheckedList=i(this,"bcm-group-checked-list",7),this._id=o.UID(),this.direction=h.Direction.horizontal,this.items=[],this.indeterminate=!1,this.name=void 0,this.value=void 0,this.disabled=!1,this.readonly=!1,this.hidden=!1,this.required=!1,this.label=void 0,this.gap=void 0,this.defaultValue=void 0,this.fullWidth=!1,this.optionType="default",this.buttonStyle="solid",this.size=h.Size.medium,this.caption=void 0,this.noCaption=!1,this.captionType=h.Status.default,this.tick={}}componentDidLoad(){this.initState()}disconnectedCallback(){Promise.resolve(x.group.delete(this._id))}componentShouldUpdate(e,t,i){"tick"==i&&e!==t&&c((()=>f(this._id).childs.length>0),!1)&&this.getValue().then((e=>this.value=e)),this.getOptions().indexOf(i)>-1&&e!==t&&this.initState()}getOptions(){return c((()=>Object.keys(x.group.get(this._id))),[])}async initState(){const{fullWidth:e,optionType:t,buttonStyle:i,size:n,noCaption:a,defaultValue:s,label:h,required:r,captionType:l,hidden:p,direction:d,indeterminate:m,gap:u,items:g}=this,b=s&&("string"==typeof s?JSON.parse(s):s),f=g.length>0?g:await this.getCheckboxes();await(async({fullWidth:e,optionType:t,buttonStyle:i,size:n,defaultCheckedItems:a,el:s,id:h,label:r,required:l,captionType:p,hidden:d,direction:m,childs:u,indeterminate:g,gap:b,noCaption:f})=>{s&&x.group.set(h,{fullWidth:e,optionType:t,buttonStyle:i,size:n,defaultCheckedItems:a,label:r,required:l,captionType:p,hidden:d,direction:m,indeterminate:g,gap:b,noCaption:f,childs:null==u?void 0:u.map((e=>(e.checked&&(x.allUnchecked=!1),!e.checked&&(x.allChecked=!1),t&&(e.optionType=t),i&&(e.buttonStyle=i),n&&(e.size=n),a&&a.find((t=>t===e.name))&&(e.checked=!0),e.noCaption=f,{id:e.id||o.UID(),checked:e.checked||!1,name:e.name,size:e.size,buttonStyle:e.buttonStyle,optionType:e.optionType,style:e.style,noCaption:e.noCaption,color:e.color,disabled:e.disabled,readonly:e.readonly,label:e.label||e.name,slot:e.slot||c((()=>e.querySelector(".slot").textContent),e.textContent),required:e.required||l,el:e,captionType:p,hidden:d}))),indeterminateState:x.allChecked||x.allUnchecked?x.allChecked?"determinate":"uncheck":"indeterminate"})})({id:this._id,el:this.el,indeterminate:m,fullWidth:e,optionType:t,buttonStyle:i,size:n,defaultCheckedItems:b,label:h,noCaption:a,required:r,captionType:l,hidden:p,gap:u,direction:d,childs:f});const y=this.el.querySelector(`#bcm-checkbox-group__items-${this._id}`);y&&y.innerHTML&&(y.innerHTML=""),this.value=await this.getValue()}async markForCheck(){await r(10),this.tick=o.UID()}async onBcmFocus(){const e=this.getCheckboxes();e.length>0&&e[0].onBcmFocus()}async onBcmBlur(){this.el.blur()}async setClear(){return null===(t=g(e=this._id).childs)||void 0===t||t.forEach((e=>{e.checked=!1})),b(e),await r(10),this.getCheckboxes().forEach((e=>{e.setClear()})),this.markForCheck(),await r(10),Promise.resolve();var e,t}async resetCaption(){return await r(10),this.getCheckboxes().forEach((e=>{e.resetCaption()})),await r(10),Promise.resolve()}async set(e){Array.isArray(e)&&await this.check(e,!0,!0)}async get(){const e=await this.getCheckedList()&&Object.keys(await this.getCheckedList());return e.length>0?e:[]}async check(e,t=!0,i=!1){((e,t,i,n)=>{var a;const s=t&&("string"==typeof t?JSON.parse(t):t);null===(a=g(e).childs)||void 0===a||a.forEach((e=>{if(s){const t=s.find((t=>t===e.name||t.name===e.name));t?"object"==typeof t?Object.keys(t).map((n=>{e.checked="checked"===n?t[n]:i})):e.checked=i:n&&(e.checked=!1)}else e.checked=!1})),b(e)})(this._id,e,t,i),this.markForCheck()}async getValue(e){return Promise.resolve(((e,t)=>{var i;const n=g(e);let a={};return null===(i=n.childs)||void 0===i||i.map((e=>{t?e.name===t&&(a[e.name]={value:!!e.checked,name:e.name}):a[e.name]={value:!!e.checked,name:e.name}})),a})(this._id,e))}async getCheckedList(){return(e=>{var t;const i=g(e);let n={};return null===(t=i.childs)||void 0===t||t.map((e=>{!0===e.checked&&(n[e.name]={value:!!e.checked,name:e.name})})),n})(this._id)}handleItemsChange(){this.initState()}getCheckboxes(){return l(this.el,"bcm-checkbox:not(#bcm-indeterminate-element)")}async getCheckbox(e){const t=this.el.querySelector(`bcm-checkbox[id="${e}"]`);if(t){const e=t.name,i=await this.getValue(e);return{element:t,event:c((()=>i[e]),null)}}return{}}async indeterminateClick(){(e=>{var t;const i=g(e);if(!i.disabled){let n=!0;"determinate"===i.indeterminateState&&(n=!1),null===(t=g(e).childs)||void 0===t||t.map((e=>{e.checked=n})),b(e)}})(this._id),this.markForCheck()}async changeCheckBox(e){var t,i;null===(i=g((t={id:this._id,childId:e}).id).childs)||void 0===i||i.map((e=>{e.checked=e.id===t.childId?!e.checked:e.checked})),b(t.id),this.markForCheck(),await r(10),this.value=await this.getValue(),this.change.emit({value:this.value,changed:Object.assign({},await this.getCheckbox(e))}),this.groupCheckedList.emit(await this.getCheckedList())}getItems(){return f(this._id)}render(){const t=this.getItems(),{disabled:i,captionType:a,label:o,indeterminate:c,indeterminateState:h,required:r,direction:l,optionType:p,hidden:m,fullWidth:x,gap:g}=t,b=s("bcm-checkbox-group",l,p,{hidden:m,"full-width":x}),f=s("bcm-checkbox-group__container",p,{[l]:"default"===p,indeterminate:c,hidden:m,"full-width":x});return e(n,{class:b},e("span",{hidden:!0,id:`bcm-checkbox-group__items-${this._id}`},e("slot",null)),e("div",{class:"bcm-checkbox-group__label"},o&&e("div",null,e(d,{size:this.size,type:a,value:o,required:r}))),c&&e("bcm-checkbox",{onClick:e=>{this.indeterminateClick(),e.preventDefault()},"no-caption":!0,id:"bcm-indeterminate-element",indeterminate:h,disabled:i},"Check All"),e(u,{items:t,groupContainerClasses:f,customStyle:g&&{gap:g},onBcmSelect:e=>this.changeCheckBox(e)}))}get el(){return a(this)}static get watchers(){return{items:["handleItemsChange"]}}};(function(e,t,i,n){var a,s=arguments.length,o=s<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,n);else for(var c=e.length-1;c>=0;c--)(a=e[c])&&(o=(s<3?a(o):s>3?a(t,i,o):a(t,i))||o);s>3&&o&&Object.defineProperty(t,i,o)})([m()],y.prototype,"el",void 0),y.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-checkbox-group{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:8px}.bcm-checkbox-group.hidden{display:none}.bcm-checkbox-group__container{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%}.bcm-checkbox-group__container.full-width{max-width:100%}.bcm-checkbox-group__container.vertical{gap:8px;flex-direction:column}.bcm-checkbox-group__container.button{gap:unset}.bcm-checkbox-group__container.indeterminate{padding-top:16px;margin-top:16px;border-top:1px solid #efefef}';export{y as bcm_checkbox_group}

package/dist/bromcom-ui/{p-4fcf03c1.entry.js → p-ea4d8a18.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r,h as s}from"./p-da1055cb.js";const t=class{constructor(s){r(this,s)}render(){return s("slot",null)}};t.style="";export{t as bcm_treeview_group}
+import{r,h as s}from"./p-6d7fe687.js";const t=class{constructor(s){r(this,s)}render(){return s("slot",null)}};t.style="";export{t as bcm_treeview_group}

package/dist/bromcom-ui/{p-043beeb5.entry.js → p-ee3c724a.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-da1055cb.js";import{c as a}from"./p-d65a1e21.js";import{G as d}from"./p-92bf3f86.js";import{s as p}from"./p-12543c4f.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";import"./p-a60a2dd0.js";const n=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{n as bcm_step}
+import{r as t,c as s,h as i,H as e,g as h}from"./p-6d7fe687.js";import{c as a}from"./p-d65a1e21.js";import{G as d}from"./p-5f63beda.js";import{s as p}from"./p-73dc124b.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";import"./p-3cde7f38.js";const n=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{n as bcm_step}

package/dist/bromcom-ui/{p-139b0cfc.entry.js → p-ef14e4b5.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,c as t,h as i,H as n,g as a}from"./p-da1055cb.js";import{c as r}from"./p-d65a1e21.js";import{I as o}from"./p-c23b6240.js";import{G as c}from"./p-92bf3f86.js";import{a as s}from"./p-a429e85b.js";import{C as p}from"./p-c8e13fd7.js";import{I as l}from"./p-cb6d3c4e.js";import{d as m}from"./p-8c018ae0.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";import"./p-3fac58f7.js";var b;!function(e){e.none="none",e.both="both",e.horizontal="horizontal",e.vertical="vertical",e.initial="initial",e.inherit="inherit"}(b||(b={}));const h=class{constructor(i){e(this,i),this.focus=t(this,"bcm-focus",7),this.blur=t(this,"bcm-blur",7),this.clear=t(this,"bcm-clear",7),this.change=t(this,"bcm-change",7),this.input=t(this,"bcm-input",7),this._id=c.UID(),this._internal_id=c.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=s.Status.default,this.rows=3,this.size=s.Size.medium,this.disabled=void 0,this.readonly=!1,this.clearable=void 0,this.resize=b.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(e){await this.setValue(e)}async get(){return this.value||null}async setValue(e){return this.textarea.value=e,this.value=e,this.handleChange(),e}async setClear(){return this.textarea.value="",this.value="",await m(10),Promise.resolve()}async resetCaption(){return await m(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await m(10),Promise.resolve()}async getValue(){return this.value}watchValue(e){this.textarea.value=e,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(e){this.textarea.value="",this.value="",this.clear.emit(),this.textarea.focus(),e.stopPropagation()}render(){const{_id:e,hidden:t,readonly:a,fullWidth:o,size:c,rows:m,disabled:b,clearable:h,label:u,focused:d,noCaption:x,caption:g,captionError:f,captionType:_,value:w,resize:z,maxLength:y,placeholder:v,required:k}=this,j=r("bcm-input",{hidden:t,"full-width":o});return i(n,{class:j},u&&i("bcm-label",{type:_,value:u,required:k,htmlFor:e}),i(l,{elementType:s.HtmlElementType.textarea,id:e,value:w,rows:m,disabled:b,maxLength:y,placeholder:v,clearable:h,resize:z,readonly:a,size:c,focused:d,handleFocus:()=>this.handleFocus(),handleBlur:()=>this.handleBlur(),handleChange:()=>this.handleChange(),handleInput:()=>this.handleInput(),handleClear:e=>this.handleClear(e),ref:e=>this.textarea=e,captionType:_}),i(p,{noCaption:x,captionType:_,captionError:f,caption:g,value:w,maxLength:y}))}get el(){return a(this)}static get watchers(){return{value:["watchValue"]}}};(function(e,t,i,n){var a,r=arguments.length,o=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,n);else for(var c=e.length-1;c>=0;c--)(a=e[c])&&(o=(r<3?a(o):r>3?a(t,i,o):a(t,i))||o);r>3&&o&&Object.defineProperty(t,i,o)})([o()],h.prototype,"el",void 0),h.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-caption-area{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:12px;line-height:calc(12px + 8px);color:var(--bcm-new-ds-color-slate-400);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;margin-top:2px}.bcm-caption-area__text{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.default{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.info{color:var(--bcm-new-ds-color-blue-500)}.bcm-caption-area__text.success{color:var(--bcm-new-ds-color-emerald-500)}.bcm-caption-area__text.warning{color:var(--bcm-new-ds-color-amber-500)}.bcm-caption-area__text.error{color:var(--bcm-new-ds-color-red-500)}.bcm-caption-area__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-caption-area__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-caption-area__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}*{box-sizing:border-box}.bcm-label{display:inline-flex;align-items:flex-start;grid-gap:2px}.bcm-label__text{margin-bottom:2px;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;color:var(--bcm-new-ds-color-slate-600)}.bcm-label__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-label__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-label__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-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;overflow:hidden;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{h as bcm_textarea}
+import{r as e,c as t,h as i,H as n,g as a}from"./p-6d7fe687.js";import{c as r}from"./p-d65a1e21.js";import{I as o}from"./p-54c0916c.js";import{G as c}from"./p-5f63beda.js";import{a as s}from"./p-a429e85b.js";import{C as p}from"./p-a56e8c98.js";import{I as l}from"./p-3d5631ec.js";import{d as m}from"./p-8c018ae0.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";import"./p-3fac58f7.js";var h;!function(e){e.none="none",e.both="both",e.horizontal="horizontal",e.vertical="vertical",e.initial="initial",e.inherit="inherit"}(h||(h={}));const b=class{constructor(i){e(this,i),this.focus=t(this,"bcm-focus",7),this.blur=t(this,"bcm-blur",7),this.clear=t(this,"bcm-clear",7),this.change=t(this,"bcm-change",7),this.input=t(this,"bcm-input",7),this._id=c.UID(),this._internal_id=c.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=s.Status.default,this.rows=3,this.size=s.Size.medium,this.disabled=void 0,this.readonly=!1,this.clearable=void 0,this.resize=h.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(e){await this.setValue(e)}async get(){return this.value||null}async setValue(e){return this.textarea.value=e,this.value=e,this.handleChange(),e}async setClear(){return this.textarea.value="",this.value="",await m(10),Promise.resolve()}async resetCaption(){return await m(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await m(10),Promise.resolve()}async getValue(){return this.value}watchValue(e){this.textarea.value=e,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(e){this.textarea.value="",this.value="",this.clear.emit(),this.textarea.focus(),e.stopPropagation()}render(){const{_id:e,hidden:t,readonly:a,fullWidth:o,size:c,rows:m,disabled:h,clearable:b,label:u,focused:d,noCaption:x,caption:g,captionError:f,captionType:_,value:w,resize:z,maxLength:y,placeholder:v,required:k}=this,j=r("bcm-input",{hidden:t,"full-width":o});return i(n,{class:j},u&&i("bcm-label",{type:_,value:u,required:k,htmlFor:e}),i(l,{elementType:s.HtmlElementType.textarea,id:e,value:w,rows:m,disabled:h,maxLength:y,placeholder:v,clearable:b,resize:z,readonly:a,size:c,focused:d,handleFocus:()=>this.handleFocus(),handleBlur:()=>this.handleBlur(),handleChange:()=>this.handleChange(),handleInput:()=>this.handleInput(),handleClear:e=>this.handleClear(e),ref:e=>this.textarea=e,captionType:_}),i(p,{noCaption:x,captionType:_,captionError:f,caption:g,value:w,maxLength:y}))}get el(){return a(this)}static get watchers(){return{value:["watchValue"]}}};(function(e,t,i,n){var a,r=arguments.length,o=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,n);else for(var c=e.length-1;c>=0;c--)(a=e[c])&&(o=(r<3?a(o):r>3?a(t,i,o):a(t,i))||o);r>3&&o&&Object.defineProperty(t,i,o)})([o()],b.prototype,"el",void 0),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"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-caption-area{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:12px;line-height:calc(12px + 8px);color:var(--bcm-new-ds-color-slate-400);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;margin-top:2px}.bcm-caption-area__text{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.default{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.info{color:var(--bcm-new-ds-color-blue-500)}.bcm-caption-area__text.success{color:var(--bcm-new-ds-color-emerald-500)}.bcm-caption-area__text.warning{color:var(--bcm-new-ds-color-amber-500)}.bcm-caption-area__text.error{color:var(--bcm-new-ds-color-red-500)}.bcm-caption-area__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-caption-area__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-caption-area__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}*{box-sizing:border-box}.bcm-label{display:inline-flex;align-items:flex-start;grid-gap:2px}.bcm-label__text{margin-bottom:2px;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;color:var(--bcm-new-ds-color-slate-600)}.bcm-label__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-label__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-label__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-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;overflow:hidden;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{b as bcm_textarea}

package/dist/bromcom-ui/{p-63b14659.entry.js → p-f4538abb.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,h as i,H as t,g as n}from"./p-da1055cb.js";import{c as s}from"./p-d65a1e21.js";import"./p-6f56f8ca.js";const p=class{constructor(i){e(this,i),this.icon=void 0,this.type="left",this.hidden=!1,this.items=[]}componentDidRender(){let e;e=this.el.shadowRoot.querySelector("slot").assignedElements(),e.map(((i,t)=>{"bcm-timeline-item"==String(i.tagName).toLowerCase()&&(i.timelineType=this.type,i.even=t%2==0,i.first=0===t,i.last=t===e.length-1,i.icon=i.icon?i.icon:this.icon,this.items.push(i))}))}componentWillRender(){console.log(this.el.shadowRoot)}render(){const e=s("timeline",[this.type]),n=s(this.hidden?"hidden":null);return i(t,{class:n},i("div",{class:e},i("slot",null)))}get el(){return n(this)}};p.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block}:host(.hidden){display:none}.timeline{position:relative;display:flex;flex-direction:column}.timeline ::slotted(bcm-timeline-item){flex:0 0 100%;max-width:100%}.timeline.alternate ::slotted(bcm-timeline-item:nth-child(even)){margin-left:auto;min-width:50%}';export{p as bcm_timeline}
+import{r as e,h as i,H as t,g as n}from"./p-6d7fe687.js";import{c as s}from"./p-d65a1e21.js";import"./p-6f56f8ca.js";const p=class{constructor(i){e(this,i),this.icon=void 0,this.type="left",this.hidden=!1,this.items=[]}componentDidRender(){let e;e=this.el.shadowRoot.querySelector("slot").assignedElements(),e.map(((i,t)=>{"bcm-timeline-item"==String(i.tagName).toLowerCase()&&(i.timelineType=this.type,i.even=t%2==0,i.first=0===t,i.last=t===e.length-1,i.icon=i.icon?i.icon:this.icon,this.items.push(i))}))}componentWillRender(){console.log(this.el.shadowRoot)}render(){const e=s("timeline",[this.type]),n=s(this.hidden?"hidden":null);return i(t,{class:n},i("div",{class:e},i("slot",null)))}get el(){return n(this)}};p.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block}:host(.hidden){display:none}.timeline{position:relative;display:flex;flex-direction:column}.timeline ::slotted(bcm-timeline-item){flex:0 0 100%;max-width:100%}.timeline.alternate ::slotted(bcm-timeline-item:nth-child(even)){margin-left:auto;min-width:50%}';export{p as bcm_timeline}

package/dist/bromcom-ui/{p-d69fb13b.entry.js → p-f619f9f9.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,c as a,h as t,H as i,g as s}from"./p-da1055cb.js";import{T as o}from"./p-e53f8a82.js";import{c as r}from"./p-d65a1e21.js";import"./p-6f56f8ca.js";const n=class{constructor(t){e(this,t),this.click=a(this,"bcm-click",7),this.close=a(this,"bcm-close",7),this.type=o.normal,this.active=!1,this.disabled=!1,this.closable=!1,this.tabId=(4*Math.random()).toString(16).replace(".",""),this.formControl=null,this.hidden=!1,this.status="default",this.badge=!1,this.blink=!1}handleClose(){this.disabled||this.close.emit()}handleClick(e){if(this.disabled)return;const a=e.target;"bcm-icon"==String(a.tagName).toLowerCase()&&a.classList.contains("close")?this.close.emit(e):this.click.emit(e)}render(){const{active:e,disabled:a,closable:s}=this,o=r("tab",[this.type],{active:e,disabled:a,closable:s}),n=r(this.hidden?"hidden":null),l=r("badge");return t(i,{class:n},t("div",{class:o,onClick:e=>this.handleClick(e)},t("slot",{name:"icon-prefix"}),t("slot",null),t("slot",{name:"icon-suffix"}),this.closable&&t("bcm-icon",{class:"close",icon:"far fa-times"}),this.badge&&t("bcm-badge",{blink:!0,class:l,size:"small",status:this.status})))}get el(){return s(this)}};n.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}:host{display:block}:host(.hidden){display:none}slot[name=icon-suffix]::slotted(bcm-icon){margin-left:10px}slot[name=icon-prefix]::slotted(bcm-icon){margin-right:10px}.tab{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;padding:var(--bcm-tab-vertical-space) 14px var(--bcm-tab-vertical-space) 14px;color:var(--bcm-new-ds-color-slate-500);font-size:12px;line-height:calc(12px + 8px);cursor:pointer;user-select:none}.tab:hover{color:var(--bcm-new-ds-color-slate-600)}.tab:active{color:var(--bcm-new-ds-color-slate-700)}.tab:focus-visible{color:var(--bcm-new-ds-color-slate-800)}.tab.active{color:var(--bcm-new-ds-color-blue-500)}.tab.active::before{content:"";bottom:-2px;left:0;width:100%;height:2px;background-color:var(--bcm-new-ds-color-blue-500);position:absolute;z-index:1}.tab.active:hover{color:var(--bcm-new-ds-color-blue-600)}.tab.active:active{color:var(--bcm-new-ds-color-blue-700)}.tab.active:focus-visible{color:var(--bcm-new-ds-color-blue-800)}.tab:active,.tab:focus{color:var(--bcm-color-prime-blue-7)}.tab[disabled],.tab.disabled{color:var(--bcm-color-grey-6);cursor:not-allowed}.tab.closable:not(.pane){padding-left:0;padding-right:0}.tab.closable .close{margin-left:34px}.tab.pane{border:1px solid transparent;border-bottom:none;border-color:var(--bcm-color-grey-5);background-color:var(--bcm-color-grey-3);border-radius:2px 2px 0 0}.tab.pane.active{background-color:#ffffff}.badge{padding-left:8px;position:relative}.badge.blink:after{content:"";position:absolute;top:8px;left:9px;background:black;border-radius:50%;height:7px;width:7px;box-shadow:0 0 0 0 rgba(0, 0, 0, 0);transform:scale(1)}.badge.success:after{animation:pulsesuccess 2s infinite;background-color:#52C41A}.badge.error:after{animation:pulseerror 2s infinite;background-color:#F5222D}.badge.default:after{animation:pulsedefault 2s infinite;background-color:#D9D9D9}.badge.processing:after{animation:pulseprocessing 2s infinite;background-color:#4293CF}.badge.warning:after{animation:pulsewarning 2s infinite;background-color:#FA8C16}@keyframes pulsesuccess{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(82, 196, 26, 0.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0, 0, 0, 0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0, 0, 0, 0)}}@keyframes pulseerror{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(245, 34, 45, 0.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0, 0, 0, 0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0, 0, 0, 0)}}@keyframes pulsedefault{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(217, 217, 217, 0.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0, 0, 0, 0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0, 0, 0, 0)}}@keyframes pulseprocessing{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(66, 147, 207, 0.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0, 0, 0, 0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0, 0, 0, 0)}}@keyframes pulsewarning{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(250, 140, 22, 0.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0, 0, 0, 0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0, 0, 0, 0)}}';export{n as bcm_tab}
+import{r as e,c as a,h as t,H as i,g as s}from"./p-6d7fe687.js";import{T as o}from"./p-e53f8a82.js";import{c as r}from"./p-d65a1e21.js";import"./p-6f56f8ca.js";const n=class{constructor(t){e(this,t),this.click=a(this,"bcm-click",7),this.close=a(this,"bcm-close",7),this.type=o.normal,this.active=!1,this.disabled=!1,this.closable=!1,this.tabId=(4*Math.random()).toString(16).replace(".",""),this.formControl=null,this.hidden=!1,this.status="default",this.badge=!1,this.blink=!1}handleClose(){this.disabled||this.close.emit()}handleClick(e){if(this.disabled)return;const a=e.target;"bcm-icon"==String(a.tagName).toLowerCase()&&a.classList.contains("close")?this.close.emit(e):this.click.emit(e)}render(){const{active:e,disabled:a,closable:s}=this,o=r("tab",[this.type],{active:e,disabled:a,closable:s}),n=r(this.hidden?"hidden":null),l=r("badge");return t(i,{class:n},t("div",{class:o,onClick:e=>this.handleClick(e)},t("slot",{name:"icon-prefix"}),t("slot",null),t("slot",{name:"icon-suffix"}),this.closable&&t("bcm-icon",{class:"close",icon:"far fa-times"}),this.badge&&t("bcm-badge",{blink:!0,class:l,size:"small",status:this.status})))}get el(){return s(this)}};n.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}:host{display:block}:host(.hidden){display:none}slot[name=icon-suffix]::slotted(bcm-icon){margin-left:10px}slot[name=icon-prefix]::slotted(bcm-icon){margin-right:10px}.tab{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;padding:var(--bcm-tab-vertical-space) 14px var(--bcm-tab-vertical-space) 14px;color:var(--bcm-new-ds-color-slate-500);font-size:12px;line-height:calc(12px + 8px);cursor:pointer;user-select:none}.tab:hover{color:var(--bcm-new-ds-color-slate-600)}.tab:active{color:var(--bcm-new-ds-color-slate-700)}.tab:focus-visible{color:var(--bcm-new-ds-color-slate-800)}.tab.active{color:var(--bcm-new-ds-color-blue-500)}.tab.active::before{content:"";bottom:-2px;left:0;width:100%;height:2px;background-color:var(--bcm-new-ds-color-blue-500);position:absolute;z-index:1}.tab.active:hover{color:var(--bcm-new-ds-color-blue-600)}.tab.active:active{color:var(--bcm-new-ds-color-blue-700)}.tab.active:focus-visible{color:var(--bcm-new-ds-color-blue-800)}.tab:active,.tab:focus{color:var(--bcm-color-prime-blue-7)}.tab[disabled],.tab.disabled{color:var(--bcm-color-grey-6);cursor:not-allowed}.tab.closable:not(.pane){padding-left:0;padding-right:0}.tab.closable .close{margin-left:34px}.tab.pane{border:1px solid transparent;border-bottom:none;border-color:var(--bcm-color-grey-5);background-color:var(--bcm-color-grey-3);border-radius:2px 2px 0 0}.tab.pane.active{background-color:#ffffff}.badge{padding-left:8px;position:relative}.badge.blink:after{content:"";position:absolute;top:8px;left:9px;background:black;border-radius:50%;height:7px;width:7px;box-shadow:0 0 0 0 rgba(0, 0, 0, 0);transform:scale(1)}.badge.success:after{animation:pulsesuccess 2s infinite;background-color:#52C41A}.badge.error:after{animation:pulseerror 2s infinite;background-color:#F5222D}.badge.default:after{animation:pulsedefault 2s infinite;background-color:#D9D9D9}.badge.processing:after{animation:pulseprocessing 2s infinite;background-color:#4293CF}.badge.warning:after{animation:pulsewarning 2s infinite;background-color:#FA8C16}@keyframes pulsesuccess{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(82, 196, 26, 0.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0, 0, 0, 0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0, 0, 0, 0)}}@keyframes pulseerror{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(245, 34, 45, 0.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0, 0, 0, 0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0, 0, 0, 0)}}@keyframes pulsedefault{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(217, 217, 217, 0.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0, 0, 0, 0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0, 0, 0, 0)}}@keyframes pulseprocessing{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(66, 147, 207, 0.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0, 0, 0, 0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0, 0, 0, 0)}}@keyframes pulsewarning{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(250, 140, 22, 0.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0, 0, 0, 0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0, 0, 0, 0)}}';export{n as bcm_tab}

package/dist/bromcom-ui/{p-25cfdc1c.entry.js → p-feb06aca.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,h as s,g as a}from"./p-da1055cb.js";import{G as w}from"./p-92bf3f86.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const d=class{constructor(s){t(this,s),this._id=w.UID(),this.loading=!0}componentDidLoad(){var t;const s=null===(t=this.el)||void 0===t?void 0:t.parentElement;if(s){const t=document.createElement("span");t.setAttribute("id",`${this._id}-span`),t.classList.add("tw-hidden"),t.innerHTML="<slot />",s.appendChild(t),s.isConnected&&(this.loading=!1,s.querySelector(`#${this._id}-span`).remove())}}render(){return s(this.loading?()=>s("div",{class:"tw-mx-auto tw-w-full tw-max-w-sm tw-rounded-md tw-border tw-border-blue-300 tw-p-4 tw-shadow"},s("span",{class:"tw-hidden"},s("slot",null)),s("div",{class:"tw-flex tw-animate-pulse tw-space-x-4"},s("div",{class:"tw-h-10 tw-w-10 tw-rounded-full tw-bg-slate-200"}),s("div",{class:"tw-flex-1 tw-space-y-6 tw-py-1"},s("div",{class:"tw-h-2 tw-rounded tw-bg-slate-200"}),s("div",{class:"tw-space-y-3"},s("div",{class:"tw-grid tw-grid-cols-3 tw-gap-4"},s("div",{class:"tw-col-span-2 tw-h-2 tw-rounded tw-bg-slate-200"}),s("div",{class:"tw-col-span-1 tw-h-2 tw-rounded tw-bg-slate-200"})),s("div",{class:"tw-h-2 tw-rounded tw-bg-slate-200"}))))):"slot",null)}get el(){return a(this)}};export{d as bcm_skeleton}
+import{r as t,h as s,g as a}from"./p-6d7fe687.js";import{G as w}from"./p-5f63beda.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const d=class{constructor(s){t(this,s),this._id=w.UID(),this.loading=!0}componentDidLoad(){var t;const s=null===(t=this.el)||void 0===t?void 0:t.parentElement;if(s){const t=document.createElement("span");t.setAttribute("id",`${this._id}-span`),t.classList.add("tw-hidden"),t.innerHTML="<slot />",s.appendChild(t),s.isConnected&&(this.loading=!1,s.querySelector(`#${this._id}-span`).remove())}}render(){return s(this.loading?()=>s("div",{class:"tw-mx-auto tw-w-full tw-max-w-sm tw-rounded-md tw-border tw-border-blue-300 tw-p-4 tw-shadow"},s("span",{class:"tw-hidden"},s("slot",null)),s("div",{class:"tw-flex tw-animate-pulse tw-space-x-4"},s("div",{class:"tw-h-10 tw-w-10 tw-rounded-full tw-bg-slate-200"}),s("div",{class:"tw-flex-1 tw-space-y-6 tw-py-1"},s("div",{class:"tw-h-2 tw-rounded tw-bg-slate-200"}),s("div",{class:"tw-space-y-3"},s("div",{class:"tw-grid tw-grid-cols-3 tw-gap-4"},s("div",{class:"tw-col-span-2 tw-h-2 tw-rounded tw-bg-slate-200"}),s("div",{class:"tw-col-span-1 tw-h-2 tw-rounded tw-bg-slate-200"})),s("div",{class:"tw-h-2 tw-rounded tw-bg-slate-200"}))))):"slot",null)}get el(){return a(this)}};export{d as bcm_skeleton}

package/dist/bromcom-ui/static/message-bot.svg

@@ -0,0 +1,10 @@
+<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1215_817)">
+<path d="M13.8 4.8807C13.3877 4.8807 13.2435 5.17186 13.2087 5.2307H12.4V3.15039C12.4 2.18395 11.6169 1.40039 10.65 1.40039H4.35C3.38312 1.40039 2.6 2.18395 2.6 3.15039V5.2307H1.79128C1.7565 5.19133 1.61234 4.8807 1.2 4.8807C0.826813 4.8807 0.5 5.18083 0.5 5.5807C0.5 5.98102 0.827469 6.26102 1.2 6.26102C1.61234 6.26102 1.7565 5.97008 1.79128 5.9307H2.6V8.71102C2.6 9.67745 3.38356 10.461 4.35 10.461L5.4 10.4807V12.318C5.4 12.4101 5.45906 12.6004 5.6625 12.6004C5.71765 12.6004 5.77183 12.5827 5.81772 12.5495L8.55 10.4807L10.65 10.4808C11.6164 10.4808 12.4 9.69727 12.4 8.73083V5.9307H13.2089C13.2444 6.00945 13.3888 6.2807 13.8 6.2807C14.1732 6.2807 14.5 5.98058 14.5 5.60039C14.5 5.20008 14.1741 4.8807 13.8 4.8807ZM11 7.00039C11 7.38692 10.6865 7.70039 10.3 7.70039H4.7C4.31281 7.70039 4 7.38758 4 7.00039V4.20039C4 3.81386 4.31347 3.50039 4.7 3.50039H10.3C10.6865 3.50039 11 3.81386 11 4.20039V7.00039ZM5.4 4.8807C5.01347 4.8807 4.7 5.19417 4.7 5.5807C4.7 5.96723 5.01347 6.2807 5.4 6.2807C5.78653 6.2807 6.1 5.96723 6.1 5.5807C6.1 5.2132 5.78719 4.8807 5.4 4.8807ZM9.6 4.8807C9.21347 4.8807 8.9 5.19417 8.9 5.5807C8.9 5.96723 9.21347 6.2807 9.6 6.2807C9.98653 6.2807 10.3 5.96723 10.3 5.5807C10.3 5.2132 9.98719 4.8807 9.6 4.8807Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_1215_817">
+<rect width="14" height="14" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>

package/dist/cjs/bcm-accordion.cjs.entry.js

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ddfd6d8f.js');
-const generate = require('./generate-de243a66.js');
+const generate = require('./generate-28ac852f.js');
 require('./colors-e1d142ad.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 

package/dist/cjs/bcm-alert.cjs.entry.js

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-ddfd6d8f.js');
-const generate = require('./generate-de243a66.js');
+const generate = require('./generate-28ac852f.js');
 const index$2 = require('./index-fdbf5226.js');
 const index = require('./index-4506fcd7.js');
 const stringHelper = require('./string-helper-d681e5c7.js');

package/dist/cjs/bcm-attendance.cjs.entry.js

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ddfd6d8f.js');
-const generate = require('./generate-de243a66.js');
+const generate = require('./generate-28ac852f.js');
 require('./colors-e1d142ad.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 

package/dist/cjs/bcm-avatar_15.cjs.entry.js

@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index$1 = require('./index-ddfd6d8f.js');
 const colorHelper = require('./color-helper-d6d2028b.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-de243a66.js');
-const numberHelper = require('./number-helper-dedd64eb.js');
+const generate = require('./generate-28ac852f.js');
+const numberHelper = require('./number-helper-2fafa94f.js');
 const stringHelper = require('./string-helper-d681e5c7.js');
-const validators = require('./validators-e5a6ef69.js');
+const validators = require('./validators-b22310ad.js');
 require('./element-dragger-a8562f82.js');
 const bcm = require('./bcm-ab921827.js');
 const index$2 = require('./index-fdbf5226.js');
@@ -25,11 +25,11 @@ require('./types-7523fd99.js');
 const _commonjsHelpers = require('./_commonjsHelpers-bd20f4c0.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
 const utils = require('./utils-fc077139.js');
-const inputTemplate = require('./input-template-4c532c3a.js');
+const inputTemplate = require('./input-template-bcaa86c5.js');
 const floatingUi = require('./floating-ui-c9fc2202.js');
-const jsonParseDecarator = require('./json-parse-decarator-f61061cf.js');
+const jsonParseDecarator = require('./json-parse-decarator-0b5727ab.js');
 const popoverPlacement = require('./popover-placement-ccb40073.js');
-const tooltipHelper = require('./tooltip-helper-edce6fd0.js');
+const tooltipHelper = require('./tooltip-helper-9fc8df71.js');
 require('./colors-56282b00.js');
 require('./colors-e1d142ad.js');
 
@@ -19001,16 +19001,28 @@ BcmForm.style = formCss;
 
 const iconCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-icon.hidden{display:none}";
 
+const customIconList = {
+  "message-bot": "message-bot.svg",
+};
 const BcmIcon = class {
   constructor(hostRef) {
     index$1.registerInstance(this, hostRef);
     this.hidden = false;
     this.icon = undefined;
   }
+  getIcon() {
+    const { icon } = this;
+    if (icon in customIconList) {
+      const _icon = index$1.getAssetPath("./static/" + customIconList[icon]);
+      return (index$1.h("div", { class: "tw-flex tw-h-fit tw-w-fit tw-items-center tw-justify-center" }, index$1.h("img", { src: `${_icon}`, alt: icon, class: "tw-h-fit tw-w-fit" })));
+    }
+    return index$1.h("i", { class: `${icon}` });
+  }
   render() {
-    const { icon, hidden } = this;
-    return (index$1.h(index$1.Host, { class: `bcm-icon fa ${hidden ? 'hidden' : ''}` }, index$1.h("i", { class: `${icon}` })));
+    const { /*icon,*/ hidden } = this;
+    return index$1.h(index$1.Host, { class: `bcm-icon fa ${hidden ? "hidden" : ""}` }, this.getIcon());
   }
+  static get assetsDirs() { return ["static"]; }
   get el() { return index$1.getElement(this); }
 };
 BcmIcon.style = iconCss;

package/dist/cjs/bcm-breadcrumb.cjs.entry.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ddfd6d8f.js');
 const index$1 = require('./index-fdbf5226.js');
-const generate = require('./generate-de243a66.js');
+const generate = require('./generate-28ac852f.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 require('./colors-e1d142ad.js');
 

package/dist/cjs/bcm-button-group.cjs.entry.js

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ddfd6d8f.js');
-const generate = require('./generate-de243a66.js');
+const generate = require('./generate-28ac852f.js');
 const bcm = require('./bcm-ab921827.js');
 const index$1 = require('./index-fdbf5226.js');
 const stringHelper = require('./string-helper-d681e5c7.js');

package/dist/cjs/bcm-card.cjs.entry.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ddfd6d8f.js');
 const index$1 = require('./index-fdbf5226.js');
 const colorHelper = require('./color-helper-d6d2028b.js');
-const generate = require('./generate-de243a66.js');
+const generate = require('./generate-28ac852f.js');
 const stringHelper = require('./string-helper-d681e5c7.js');
 const slotTemplate = require('./slot-template-d70ea082.js');
 require('./_commonjsHelpers-bd20f4c0.js');

package/dist/cjs/bcm-checkbox-group.cjs.entry.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ddfd6d8f.js');
 const index$2 = require('./index-fdbf5226.js');
-const generate = require('./generate-de243a66.js');
+const generate = require('./generate-28ac852f.js');
 const bcm = require('./bcm-ab921827.js');
 const utils = require('./utils-fc077139.js');
 const index$1 = require('./index-4506fcd7.js');

package/dist/cjs/bcm-checkbox-lite_9.cjs.entry.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ddfd6d8f.js');
 const index$1 = require('./index-fdbf5226.js');
-const generate = require('./generate-de243a66.js');
+const generate = require('./generate-28ac852f.js');
 const bcm = require('./bcm-ab921827.js');
 const utils = require('./utils-fc077139.js');
 require('./_commonjsHelpers-bd20f4c0.js');

package/dist/cjs/bcm-checkbox_2.cjs.entry.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ddfd6d8f.js');
 const index$1 = require('./index-fdbf5226.js');
 const captionTemplate = require('./caption-template-8d099fd6.js');
-const generate = require('./generate-de243a66.js');
+const generate = require('./generate-28ac852f.js');
 const slotTemplate = require('./slot-template-d70ea082.js');
 const bcm = require('./bcm-ab921827.js');
 const utils = require('./utils-fc077139.js');

package/dist/cjs/bcm-collapse.cjs.entry.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ddfd6d8f.js');
 const index$1 = require('./index-fdbf5226.js');
-const generate = require('./generate-de243a66.js');
+const generate = require('./generate-28ac852f.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 require('./colors-e1d142ad.js');
 

package/dist/cjs/bcm-color-input.cjs.entry.js

@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ddfd6d8f.js');
 require('./color-helper-d6d2028b.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-de243a66.js');
-require('./number-helper-dedd64eb.js');
+const generate = require('./generate-28ac852f.js');
+require('./number-helper-2fafa94f.js');
 require('./string-helper-d681e5c7.js');
-require('./validators-e5a6ef69.js');
+require('./validators-b22310ad.js');
 require('./element-dragger-a8562f82.js');
 require('./bcm-ab921827.js');
 require('./colors-56282b00.js');

package/dist/cjs/bcm-date-picker.cjs.entry.js

@@ -10,7 +10,7 @@ const index = require('./index-ddfd6d8f.js');
 const index$1 = require('./index-fdbf5226.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
 const datetimeHelper = require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-de243a66.js');
+const generate = require('./generate-28ac852f.js');
 const bcm = require('./bcm-ab921827.js');
 const utils = require('./utils-fc077139.js');
 require('./_commonjsHelpers-bd20f4c0.js');

package/dist/cjs/bcm-datetime-picker.cjs.entry.js

@@ -11,7 +11,7 @@ const elementDragger = require('./element-dragger-a8562f82.js');
 const index$1 = require('./index-fdbf5226.js');
 const datetimeHelper = require('./datetime-helper-eaf4fadb.js');
 const utils = require('./utils-fc077139.js');
-const generate = require('./generate-de243a66.js');
+const generate = require('./generate-28ac852f.js');
 const bcm = require('./bcm-ab921827.js');
 const popoverPlacement = require('./popover-placement-ccb40073.js');
 const labelTemplate = require('./label-template-4d5f99a5.js');

package/dist/cjs/bcm-default.cjs.entry.js

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ddfd6d8f.js');
-const generate = require('./generate-de243a66.js');
+const generate = require('./generate-28ac852f.js');
 require('./colors-e1d142ad.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 

package/dist/cjs/bcm-drawer.cjs.entry.js

@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ddfd6d8f.js');
 require('./color-helper-d6d2028b.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-de243a66.js');
-require('./number-helper-dedd64eb.js');
+const generate = require('./generate-28ac852f.js');
+require('./number-helper-2fafa94f.js');
 require('./string-helper-d681e5c7.js');
-require('./validators-e5a6ef69.js');
+require('./validators-b22310ad.js');
 require('./element-dragger-a8562f82.js');
 const bcm = require('./bcm-ab921827.js');
 const index$1 = require('./index-fdbf5226.js');

package/dist/cjs/bcm-dropdown.cjs.entry.js

@@ -9,8 +9,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ddfd6d8f.js');
 const index$1 = require('./index-fdbf5226.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
-const jsonParseDecarator = require('./json-parse-decarator-f61061cf.js');
-const generate = require('./generate-de243a66.js');
+const jsonParseDecarator = require('./json-parse-decarator-0b5727ab.js');
+const generate = require('./generate-28ac852f.js');
 const bcm = require('./bcm-ab921827.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 require('./colors-e1d142ad.js');

package/dist/cjs/bcm-expansion-panel.cjs.entry.js

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ddfd6d8f.js');
-const generate = require('./generate-de243a66.js');
+const generate = require('./generate-28ac852f.js');
 const index$1 = require('./index-fdbf5226.js');
 const stringHelper = require('./string-helper-d681e5c7.js');
 const colorHelper = require('./color-helper-d6d2028b.js');

package/dist/cjs/bcm-form-2.cjs.entry.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ddfd6d8f.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
-const generate = require('./generate-de243a66.js');
+const generate = require('./generate-28ac852f.js');
 const stringHelper = require('./string-helper-d681e5c7.js');
 const bcm = require('./bcm-ab921827.js');
 require('./colors-e1d142ad.js');

package/dist/cjs/bcm-input-custom.cjs.entry.js

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ddfd6d8f.js');
-const generate = require('./generate-de243a66.js');
+const generate = require('./generate-28ac852f.js');
 const index$1 = require('./index-fdbf5226.js');
 require('./colors-e1d142ad.js');
 require('./_commonjsHelpers-bd20f4c0.js');

package/dist/cjs/bcm-item.cjs.entry.js

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ddfd6d8f.js');
-const generate = require('./generate-de243a66.js');
+const generate = require('./generate-28ac852f.js');
 const bcm = require('./bcm-ab921827.js');
 const index$1 = require('./index-fdbf5226.js');
 const colorHelper = require('./color-helper-d6d2028b.js');