bromcom-ui 2.10.1-rc.9 → 2.10.1

package/dist/bromcom-ui/{p-ce45a5a0.entry.js → p-e4639bad.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as o,c as t,h as p,H as i,g as e}from"./p-170cf07d.js";import{c as r}from"./p-64fad38b.js";import{C as n}from"./p-61db1f1f.js";import{G as c}from"./p-a0d60a3c.js";import{S as m}from"./p-157359d6.js";import{s}from"./p-125d6ed0.js";import"./p-85eedabc.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-6edf985f.js";import"./p-d2b358ae.js";import"./p-6369b73b.js";const b={error:["fal fa-times-circle","red-6"],warning:["fal fa-exclamation-circle","warmyellow-6"]},a=class{constructor(p){o(this,p),this.onConfirm=t(this,"bcm-popconfirm-confirm",7),this.onCancel=t(this,"bcm-popconfirm-cancel",7),this.onShow=t(this,"bcm-popconfirm-show",7),this._id=c.UID(),this._target_id=void 0,this.message=void 0,this.status="warning",this.cancelText="No",this.okeyText="Yes",this.placement=void 0,this.open=!1,this.hidden=!1,this._internal_id=void 0,this.placement_string=void 0}getPopconfirm(){return document.querySelector(`bcm-popconfirm[id="${this._target_id}"]`)}handleClickOutside(o){this.el.contains(o.target)||this.getPopconfirm().contains(o.target)||(this.getPopconfirm().hide(),this.hide())}showHandler(o){o.detail!=this._target_id&&(this.getPopconfirm().hide(),this.hide())}async show(){this.open=!0,this.onShow.emit(this._target_id)}async hide(){this.open=!1}componentWillRender(){this.calculateLocation()}calculateLocation(){if(this.open){var o=this.placement;const t=this.el.querySelector(".bcm-pop-box"),p=document.getElementById(this._target_id).children[0];if(t&&p){let t=s(o,p,{top:p.offsetTop,left:p.offsetLeft});this.setPlacementString(o),this.el.style.top=t[0]+"px",this.el.style.left=t[1]+"px"}}}setPlacementString(o){const t=m.textContains(o,"-")?o.split("-"):o.split(" ");1===t.length&&t.push("center"),this.placement_string=t.join(" ")}handleConfirm(){this.getPopconfirm().hide(),this.hide(),this.onConfirm.emit(this._target_id)}handleCancel(){this.getPopconfirm().hide(),this.hide(),this.onCancel.emit(this._target_id)}render(){const{message:o,cancelText:t,okeyText:e,open:c,placement_string:m,status:s}=this,a=b[s],x=r("bcm-pop-box"),f=r("bcm-popconfirm-box",m,{"bcm-pop-open":c});return p(i,{class:f},p("div",{class:x},p("div",{class:"bcm-pop-content"},p("div",{class:"bcm-pop-content-icon size-3",style:{color:n.convertColorToHex(a[1])}},p("bcm-icon",{icon:a[0]})),p("div",{class:"bcm-pop-content-text"},p("bcm-text",{scale:"size-2",innerHTML:o}))),p("div",{class:"bcm-pop-buttons"},p("bcm-button",{size:"small",onClick:()=>this.handleCancel(),outline:!0},t),p("bcm-button",{size:"small",onClick:()=>this.handleConfirm()},e))))}get el(){return e(this)}};a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-popconfirm-box{position:absolute;transition:transform 0.2s ease-in-out;}.bcm-popconfirm-box .bcm-pop-box{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:10px;line-height:calc(10px + 8px);box-shadow:0 4px 12px 2px rgba(17, 24, 38, 0.1);border-radius:4px;position:absolute;box-sizing:border-box;background-color:#FFFFFF;border:1px solid #FFFFFF;z-index:-99999;overflow:hidden;visibility:hidden;width:230px;filter:drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.25));padding:8px 16px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-content{display:flex;flex-direction:row;align-items:flex-start}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-content-icon{margin-right:8px;min-width:16px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-content-text{display:flex;flex-direction:row;align-items:center;text-align:left;padding-top:1px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-buttons{display:flex;justify-content:flex-end;margin-top:8px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-buttons bcm-button:first-child{margin-right:8px}.bcm-popconfirm-box::after{content:"";position:absolute;display:none;border:6px solid;z-index:10900;pointer-events:none}.bcm-popconfirm-box.bcm-pop-open{display:block;z-index:10900}.bcm-popconfirm-box.bcm-pop-open .bcm-pop-box{z-index:10900;overflow:unset;visibility:unset}.bcm-popconfirm-box.bcm-pop-open::after{display:block}.bcm-popconfirm-box.top .bcm-pop-box{bottom:100%;margin-bottom:16px}.bcm-popconfirm-box.top::after{bottom:100%;margin-bottom:4px;border-color:#FFFFFF transparent transparent transparent}.bcm-popconfirm-box.bottom .bcm-pop-box{top:100%;margin-top:16px}.bcm-popconfirm-box.bottom::after{top:100%;margin-top:4px;border-color:transparent transparent #FFFFFF transparent}.bcm-popconfirm-box.left .bcm-pop-box{right:100%;margin-right:16px}.bcm-popconfirm-box.left::after{right:100%;margin-right:4px;border-color:transparent transparent transparent #FFFFFF}.bcm-popconfirm-box.right .bcm-pop-box{left:100%;margin-left:16px}.bcm-popconfirm-box.right::after{left:100%;margin-left:4px;border-color:transparent #FFFFFF transparent transparent}.bcm-popconfirm-box.top.center .bcm-pop-box,.bcm-popconfirm-box.bottom.center .bcm-pop-box{left:50%;transform:translateX(-50%)}.bcm-popconfirm-box.top.center::after,.bcm-popconfirm-box.bottom.center::after{left:50%;transform:translateX(-50%)}.bcm-popconfirm-box.top.start .bcm-pop-box,.bcm-popconfirm-box.bottom.start .bcm-pop-box{left:0}.bcm-popconfirm-box.top.start::after,.bcm-popconfirm-box.bottom.start::after{left:16px}.bcm-popconfirm-box.top.end .bcm-pop-box,.bcm-popconfirm-box.bottom.end .bcm-pop-box{right:0}.bcm-popconfirm-box.top.end::after,.bcm-popconfirm-box.bottom.end::after{right:16px}.bcm-popconfirm-box.left.center .bcm-pop-box,.bcm-popconfirm-box.right.center .bcm-pop-box{top:50%;transform:translateY(-50%)}.bcm-popconfirm-box.left.center::after,.bcm-popconfirm-box.right.center::after{top:50%;transform:translateY(-50%)}.bcm-popconfirm-box.left.start .bcm-pop-box,.bcm-popconfirm-box.right.start .bcm-pop-box{top:0}.bcm-popconfirm-box.left.start::after,.bcm-popconfirm-box.right.start::after{top:12px}.bcm-popconfirm-box.left.end .bcm-pop-box,.bcm-popconfirm-box.right.end .bcm-pop-box{bottom:0}.bcm-popconfirm-box.left.end::after,.bcm-popconfirm-box.right.end::after{bottom:12px}.bcm-popconfirm-box.top{transform:translateY(1px)}.bcm-popconfirm-box.bottom{transform:translateY(-1px)}.bcm-popconfirm-box.left{transform:translateX(1px)}.bcm-popconfirm-box.right{transform:translateX(-1px)}.bcm-popconfirm-box.top.bcm-pop-open,.bcm-popconfirm-box.bottom.bcm-pop-open{transform:translateY(0)}.bcm-popconfirm-box.left.bcm-pop-open,.bcm-popconfirm-box.right.bcm-pop-open{transform:translateX(0)}';export{a as bcm_popconfirm_box}
+import{r as o,c as t,h as p,H as i,g as e}from"./p-e037ee2b.js";import{c as r}from"./p-bed627ab.js";import{C as n}from"./p-4798d827.js";import{G as c}from"./p-baf4fb9c.js";import{S as m}from"./p-94554e42.js";import{s}from"./p-ed9d082d.js";import"./p-e45c1546.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-37df4996.js";import"./p-6369b73b.js";const b={error:["fal fa-times-circle","red-6"],warning:["fal fa-exclamation-circle","warmyellow-6"]},a=class{constructor(p){o(this,p),this.onConfirm=t(this,"bcm-popconfirm-confirm",7),this.onCancel=t(this,"bcm-popconfirm-cancel",7),this.onShow=t(this,"bcm-popconfirm-show",7),this._id=c.UID(),this._target_id=void 0,this.message=void 0,this.status="warning",this.cancelText="No",this.okeyText="Yes",this.placement=void 0,this.open=!1,this.hidden=!1,this._internal_id=void 0,this.placement_string=void 0}getPopconfirm(){return document.querySelector(`bcm-popconfirm[id="${this._target_id}"]`)}handleClickOutside(o){this.el.contains(o.target)||this.getPopconfirm().contains(o.target)||(this.getPopconfirm().hide(),this.hide())}showHandler(o){o.detail!=this._target_id&&(this.getPopconfirm().hide(),this.hide())}async show(){this.open=!0,this.onShow.emit(this._target_id)}async hide(){this.open=!1}componentWillRender(){this.calculateLocation()}calculateLocation(){if(this.open){var o=this.placement;const t=this.el.querySelector(".bcm-pop-box"),p=document.getElementById(this._target_id).children[0];if(t&&p){let t=s(o,p,{top:p.offsetTop,left:p.offsetLeft});this.setPlacementString(o),this.el.style.top=t[0]+"px",this.el.style.left=t[1]+"px"}}}setPlacementString(o){const t=m.textContains(o,"-")?o.split("-"):o.split(" ");1===t.length&&t.push("center"),this.placement_string=t.join(" ")}handleConfirm(){this.getPopconfirm().hide(),this.hide(),this.onConfirm.emit(this._target_id)}handleCancel(){this.getPopconfirm().hide(),this.hide(),this.onCancel.emit(this._target_id)}render(){const{message:o,cancelText:t,okeyText:e,open:c,placement_string:m,status:s}=this,a=b[s],x=r("bcm-pop-box"),f=r("bcm-popconfirm-box",m,{"bcm-pop-open":c});return p(i,{class:f},p("div",{class:x},p("div",{class:"bcm-pop-content"},p("div",{class:"bcm-pop-content-icon size-3",style:{color:n.convertColorToHex(a[1])}},p("bcm-icon",{icon:a[0]})),p("div",{class:"bcm-pop-content-text"},p("bcm-text",{scale:"size-2",innerHTML:o}))),p("div",{class:"bcm-pop-buttons"},p("bcm-button",{size:"small",onClick:()=>this.handleCancel(),outline:!0},t),p("bcm-button",{size:"small",onClick:()=>this.handleConfirm()},e))))}get el(){return e(this)}};a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-popconfirm-box{position:absolute;transition:transform 0.2s ease-in-out;}.bcm-popconfirm-box .bcm-pop-box{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:10px;line-height:calc(10px + 8px);box-shadow:0 4px 12px 2px rgba(17, 24, 38, 0.1);border-radius:4px;position:absolute;box-sizing:border-box;background-color:#FFFFFF;border:1px solid #FFFFFF;z-index:-99999;overflow:hidden;visibility:hidden;width:230px;filter:drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.25));padding:8px 16px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-content{display:flex;flex-direction:row;align-items:flex-start}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-content-icon{margin-right:8px;min-width:16px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-content-text{display:flex;flex-direction:row;align-items:center;text-align:left;padding-top:1px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-buttons{display:flex;justify-content:flex-end;margin-top:8px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-buttons bcm-button:first-child{margin-right:8px}.bcm-popconfirm-box::after{content:"";position:absolute;display:none;border:6px solid;z-index:10900;pointer-events:none}.bcm-popconfirm-box.bcm-pop-open{display:block;z-index:10900}.bcm-popconfirm-box.bcm-pop-open .bcm-pop-box{z-index:10900;overflow:unset;visibility:unset}.bcm-popconfirm-box.bcm-pop-open::after{display:block}.bcm-popconfirm-box.top .bcm-pop-box{bottom:100%;margin-bottom:16px}.bcm-popconfirm-box.top::after{bottom:100%;margin-bottom:4px;border-color:#FFFFFF transparent transparent transparent}.bcm-popconfirm-box.bottom .bcm-pop-box{top:100%;margin-top:16px}.bcm-popconfirm-box.bottom::after{top:100%;margin-top:4px;border-color:transparent transparent #FFFFFF transparent}.bcm-popconfirm-box.left .bcm-pop-box{right:100%;margin-right:16px}.bcm-popconfirm-box.left::after{right:100%;margin-right:4px;border-color:transparent transparent transparent #FFFFFF}.bcm-popconfirm-box.right .bcm-pop-box{left:100%;margin-left:16px}.bcm-popconfirm-box.right::after{left:100%;margin-left:4px;border-color:transparent #FFFFFF transparent transparent}.bcm-popconfirm-box.top.center .bcm-pop-box,.bcm-popconfirm-box.bottom.center .bcm-pop-box{left:50%;transform:translateX(-50%)}.bcm-popconfirm-box.top.center::after,.bcm-popconfirm-box.bottom.center::after{left:50%;transform:translateX(-50%)}.bcm-popconfirm-box.top.start .bcm-pop-box,.bcm-popconfirm-box.bottom.start .bcm-pop-box{left:0}.bcm-popconfirm-box.top.start::after,.bcm-popconfirm-box.bottom.start::after{left:16px}.bcm-popconfirm-box.top.end .bcm-pop-box,.bcm-popconfirm-box.bottom.end .bcm-pop-box{right:0}.bcm-popconfirm-box.top.end::after,.bcm-popconfirm-box.bottom.end::after{right:16px}.bcm-popconfirm-box.left.center .bcm-pop-box,.bcm-popconfirm-box.right.center .bcm-pop-box{top:50%;transform:translateY(-50%)}.bcm-popconfirm-box.left.center::after,.bcm-popconfirm-box.right.center::after{top:50%;transform:translateY(-50%)}.bcm-popconfirm-box.left.start .bcm-pop-box,.bcm-popconfirm-box.right.start .bcm-pop-box{top:0}.bcm-popconfirm-box.left.start::after,.bcm-popconfirm-box.right.start::after{top:12px}.bcm-popconfirm-box.left.end .bcm-pop-box,.bcm-popconfirm-box.right.end .bcm-pop-box{bottom:0}.bcm-popconfirm-box.left.end::after,.bcm-popconfirm-box.right.end::after{bottom:12px}.bcm-popconfirm-box.top{transform:translateY(1px)}.bcm-popconfirm-box.bottom{transform:translateY(-1px)}.bcm-popconfirm-box.left{transform:translateX(1px)}.bcm-popconfirm-box.right{transform:translateX(-1px)}.bcm-popconfirm-box.top.bcm-pop-open,.bcm-popconfirm-box.bottom.bcm-pop-open{transform:translateY(0)}.bcm-popconfirm-box.left.bcm-pop-open,.bcm-popconfirm-box.right.bcm-pop-open{transform:translateX(0)}';export{a as bcm_popconfirm_box}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{h as s}from"./p-e037ee2b.js";import{S as a}from"./p-94554e42.js";const e=({value:e,className:m,name:n})=>a.isNullOrEmpty(e)?s("span",{class:m},s("slot",Object.assign({},n&&{name:n}))):s("span",{class:m,innerHTML:e});export{e as S}

package/dist/bromcom-ui/{p-f0a6db76.entry.js → p-e53bafc8.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,h as t,H as a,g as i}from"./p-170cf07d.js";import{G as n}from"./p-a0d60a3c.js";import"./p-d2b358ae.js";import"./p-6edf985f.js";import"./p-85eedabc.js";const r=class{constructor(t){e(this,t),this._id=n.UID(),this.data=[]}render(){const{data:e}=this,i="bcm-attendance";return t(a,{class:i},t("span",{hidden:!0},t("slot",null)),e.map((e=>{var a,n;return t("div",{class:`${i}__item`},t("bcm-tooltip",{trigger:"hover",message:`${e.weekday||null} / AM`},t("span",{class:`${i}__item-am ${i}__item-status-${null!==(a=e.am)&&void 0!==a?a:"default"}`})),t("bcm-tooltip",{trigger:"hover",message:`${e.weekday||null} / PM`},t("span",{class:`${i}__item-pm ${i}__item-status-${null!==(n=e.pm)&&void 0!==n?n:"default"}`})))})))}get el(){return i(this)}};r.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-attendance{width:fit-content;display:inline-flex;align-items:center;flex-direction:row;gap:4px}.bcm-attendance__item{display:flex;flex-direction:row;align-items:center;gap:1px}.bcm-attendance__item-am,.bcm-attendance__item-pm{display:block;width:calc( calc( 12px + 1px ) / 2 );height:calc( 12px + 1px );background-color:var(--bcm-new-ds-color-blue-500)}.bcm-attendance__item-am:hover,.bcm-attendance__item-pm:hover{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-attendance__item-am{border-top-left-radius:100px;border-bottom-left-radius:100px}.bcm-attendance__item-pm{border-top-right-radius:100px;border-bottom-right-radius:100px}.bcm-attendance__item-status-present{background-color:var(--bcm-new-ds-color-emerald-500)}.bcm-attendance__item-status-present:hover{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-attendance__item-status-late{background-color:var(--bcm-new-ds-color-amber-500)}.bcm-attendance__item-status-late:hover{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-attendance__item-status-absent{background-color:var(--bcm-new-ds-color-red-500)}.bcm-attendance__item-status-absent:hover{background-color:var(--bcm-new-ds-color-red-600)}.bcm-attendance__item-status-default{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-attendance__item-status-default:hover{background-color:var(--bcm-new-ds-color-slate-400)}';export{r as bcm_attendance}
+import{r as e,h as t,H as a,g as i}from"./p-e037ee2b.js";import{G as n}from"./p-baf4fb9c.js";import"./p-37df4996.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";const r=class{constructor(t){e(this,t),this._id=n.UID(),this.data=[]}render(){const{data:e}=this,i="bcm-attendance";return t(a,{class:i},t("span",{hidden:!0},t("slot",null)),e.map((e=>{var a,n;return t("div",{class:`${i}__item`},t("bcm-tooltip",{trigger:"hover",message:`${e.weekday||null} / AM`},t("span",{class:`${i}__item-am ${i}__item-status-${null!==(a=e.am)&&void 0!==a?a:"default"}`})),t("bcm-tooltip",{trigger:"hover",message:`${e.weekday||null} / PM`},t("span",{class:`${i}__item-pm ${i}__item-status-${null!==(n=e.pm)&&void 0!==n?n:"default"}`})))})))}get el(){return i(this)}};r.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-attendance{width:fit-content;display:inline-flex;align-items:center;flex-direction:row;gap:4px}.bcm-attendance__item{display:flex;flex-direction:row;align-items:center;gap:1px}.bcm-attendance__item-am,.bcm-attendance__item-pm{display:block;width:calc( calc( 12px + 1px ) / 2 );height:calc( 12px + 1px );background-color:var(--bcm-new-ds-color-blue-500)}.bcm-attendance__item-am:hover,.bcm-attendance__item-pm:hover{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-attendance__item-am{border-top-left-radius:100px;border-bottom-left-radius:100px}.bcm-attendance__item-pm{border-top-right-radius:100px;border-bottom-right-radius:100px}.bcm-attendance__item-status-present{background-color:var(--bcm-new-ds-color-emerald-500)}.bcm-attendance__item-status-present:hover{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-attendance__item-status-late{background-color:var(--bcm-new-ds-color-amber-500)}.bcm-attendance__item-status-late:hover{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-attendance__item-status-absent{background-color:var(--bcm-new-ds-color-red-500)}.bcm-attendance__item-status-absent:hover{background-color:var(--bcm-new-ds-color-red-600)}.bcm-attendance__item-status-default{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-attendance__item-status-default:hover{background-color:var(--bcm-new-ds-color-slate-400)}';export{r as bcm_attendance}

package/dist/bromcom-ui/{p-0a7346a7.entry.js → p-eb956eea.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,h as i,H as e,g as s}from"./p-170cf07d.js";import{c as a}from"./p-64fad38b.js";import{I as h}from"./p-9850cbce.js";import{D as n}from"./p-626a65e9.js";import{G as p}from"./p-a0d60a3c.js";import{B as r}from"./p-6369b73b.js";import{d as l}from"./p-8c018ae0.js";import"./p-85eedabc.js";import"./p-d2b358ae.js";import"./p-6edf985f.js";const o=class{constructor(i){t(this,i),this._id=p.UID(),this.date=new Date,this.value=void 0,this.endDate=null,this.range=!1,this.hidden=!1,this.name=void 0,this.fullWidth=!1,this.required=!1,this.label=void 0,this.placeholder=void 0,this.disabledDates="",this.disabled=!1,this.noMargin=!1,this.noCaption=!1,this.caption="",this.captionError=void 0,this.captionType="default",this.alignment=void 0,this._internal_id=(4*Math.random()).toString(16).replace(".",""),this.placement=r.Placement["bottom-start"],this.linkedComponent=void 0,this.clearable=!1,this.stateStartDate=null,this.stateEndDate=null}handleStartDateChange(){this.handleDate()}handleEndDateChange(){this.handleDate()}handlePickerLoad(){this.value=this.picker.value}handlePickerChange(t){this.value=t.detail}async set(t){return this.picker.set(t)}async get(){var t;return(null===(t=this.value)||void 0===t?void 0:t.timestamp)||null}async setDisabled(t){this.disabled=t}async setClear(){return await this.picker.setClear(),await l(10),Promise.resolve()}async setStartDate(t){t?(t=n.convertTimeStampToDate(new Date(t).getTime()),this.stateStartDate=t):this.setClear()}async setEndDate(t){t?(t=n.convertTimeStampToDate(new Date(t).getTime()),this.stateEndDate=t):this.setClear()}handleDate(){this.range?this.stateStartDate&&this.stateEndDate&&this.set(this.stateStartDate+"-"+this.stateEndDate):this.set(this.stateStartDate)}async getInput(){return await this.picker.getInput()}async open(){return await this.picker.open()}async getValue(){return this.value}async isValid(){return await this.picker.isValid()}async resetCaption(){return await l(10),await this.picker.resetCaption(),this.captionType="default",this.captionError=null,await l(10),Promise.resolve()}render(){const t=a(this.hidden?"hidden":null,{"full-width":this.fullWidth,"linked-component":this.linkedComponent});return i(e,{class:t},i("bcm-datetime-picker",{"linked-component":this.linkedComponent,id:this._id,name:this.name,type:this.range?"range":"date",date:this.date,placeholder:this.placeholder,fullWidth:this.fullWidth,ref:t=>this.picker=t,required:this.required,clearable:this.clearable,label:this.label,"end-date":this.endDate,disabled:this.disabled,disabledDates:this.disabledDates,"on-bcm-load":()=>this.handlePickerLoad(),"on-bcm-change":t=>this.handlePickerChange(t),noCaption:this.noCaption,caption:this.caption,captionError:this.captionError,captionType:this.captionType,alignment:this.alignment,placement:this.placement,noMargin:this.noMargin}))}get el(){return s(this)}static get watchers(){return{stateStartDate:["handleStartDateChange"],stateEndDate:["handleEndDateChange"]}}};(function(t,i,e,s){var a,h=arguments.length,n=h<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,e,s);else for(var p=t.length-1;p>=0;p--)(a=t[p])&&(n=(h<3?a(n):h>3?a(i,e,n):a(i,e))||n);h>3&&n&&Object.defineProperty(i,e,n)})([h()],o.prototype,"el",void 0),o.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:inline-flex;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}:host(.linked-component){display:none}';export{o as bcm_date_picker}
+import{r as t,h as e,H as i,g as s}from"./p-e037ee2b.js";import{c as a}from"./p-bed627ab.js";import{I as h}from"./p-8e5e362a.js";import{D as n}from"./p-626a65e9.js";import{G as p}from"./p-baf4fb9c.js";import{B as r}from"./p-6369b73b.js";import{d as l}from"./p-3c7a0345.js";import"./p-e45c1546.js";import"./p-37df4996.js";import"./p-034bbcdd.js";const o=class{constructor(e){t(this,e),this._id=p.UID(),this.date=new Date,this.value=void 0,this.endDate=null,this.range=!1,this.hidden=!1,this.name=void 0,this.fullWidth=!1,this.required=!1,this.label=void 0,this.placeholder=void 0,this.disabledDates="",this.disabled=!1,this.noMargin=!1,this.noCaption=!1,this.caption="",this.captionError=void 0,this.captionType="default",this.alignment=void 0,this._internal_id=(4*Math.random()).toString(16).replace(".",""),this.placement=r.Placement["bottom-start"],this.linkedComponent=void 0,this.clearable=!1,this.stateStartDate=null,this.stateEndDate=null}handleStartDateChange(){this.handleDate()}handleEndDateChange(){this.handleDate()}handlePickerLoad(){this.value=this.picker.value}handlePickerChange(t){this.value=t.detail}async set(t){return this.picker.set(t)}async get(){var t;return(null===(t=this.value)||void 0===t?void 0:t.timestamp)||null}async setDisabled(t){this.disabled=t}async setClear(){return await this.picker.setClear(),await l(10),Promise.resolve()}async setStartDate(t){t?(t=n.convertTimeStampToDate(new Date(t).getTime()),this.stateStartDate=t):this.setClear()}async setEndDate(t){t?(t=n.convertTimeStampToDate(new Date(t).getTime()),this.stateEndDate=t):this.setClear()}handleDate(){this.range?this.stateStartDate&&this.stateEndDate&&this.set(this.stateStartDate+"-"+this.stateEndDate):this.set(this.stateStartDate)}async getInput(){return await this.picker.getInput()}async open(){return await this.picker.open()}async getValue(){return this.value}async isValid(){return await this.picker.isValid()}async resetCaption(){return await l(10),await this.picker.resetCaption(),this.captionType="default",this.captionError=null,await l(10),Promise.resolve()}render(){const t=a(this.hidden?"hidden":null,{"full-width":this.fullWidth,"linked-component":this.linkedComponent});return e(i,{class:t},e("bcm-datetime-picker",{"linked-component":this.linkedComponent,id:this._id,name:this.name,type:this.range?"range":"date",date:this.date,placeholder:this.placeholder,fullWidth:this.fullWidth,ref:t=>this.picker=t,required:this.required,clearable:this.clearable,label:this.label,"end-date":this.endDate,disabled:this.disabled,disabledDates:this.disabledDates,"on-bcm-load":()=>this.handlePickerLoad(),"on-bcm-change":t=>this.handlePickerChange(t),noCaption:this.noCaption,caption:this.caption,captionError:this.captionError,captionType:this.captionType,alignment:this.alignment,placement:this.placement,noMargin:this.noMargin}))}get el(){return s(this)}static get watchers(){return{stateStartDate:["handleStartDateChange"],stateEndDate:["handleEndDateChange"]}}};(function(t,e,i,s){var a,h=arguments.length,n=h<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var p=t.length-1;p>=0;p--)(a=t[p])&&(n=(h<3?a(n):h>3?a(e,i,n):a(e,i))||n);h>3&&n&&Object.defineProperty(e,i,n)})([h()],o.prototype,"el",void 0),o.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:inline-flex;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}:host(.linked-component){display:none}';export{o as bcm_date_picker}

package/dist/bromcom-ui/{p-c40a820f.entry.js → p-ec50e7e4.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,c as i,h as t,H as o,g as a}from"./p-170cf07d.js";import{c as s}from"./p-64fad38b.js";import{B as n}from"./p-6369b73b.js";import{S as l}from"./p-157359d6.js";import{S as c}from"./p-f800e665.js";import{G as r}from"./p-a0d60a3c.js";import"./p-85eedabc.js";import"./p-d2b358ae.js";import"./p-6edf985f.js";const d=class{constructor(t){e(this,t),this.close=i(this,"bcm-close",3),this.modalClose=i(this,"bcm-modal-close",3),this.modalBeforeClose=i(this,"bcm-modal-before-close",3),this.modalBeforeOpen=i(this,"bcm-modal-before-open",3),this.modalSlots={},this._id=r.UID(),this.isShow=!1,this.hidden=!1,this.size=n.Size.medium,this.backdrop=!0,this.width=void 0,this.height=void 0,this.fullWidth=!1}connectedCallback(){const e=this.el.querySelectorAll("bcm-modal-header, bcm-modal-footer");e&&e.forEach((e=>{let i=l.lowercase(l.split(e.nodeName,"-").pop());e.slot=i,e.classList.add(`bcm-modal__container-${i}-content`),this.modalSlots[i]=e}));const i=`bcm-modal--disable-scroll-${this._id}`,t=`bcm-modal-style-${this._id}`;let o=document.getElementById(t);o||(o=document.createElement("style"),o.id=t,o.innerHTML=`.${i} { overflow: hidden; }`,document.head.appendChild(o))}componentWillLoad(){}handleSubmit(e){const i=r.findEventPathWithNodeName(e,l.uppercase("bcm-button"));i&&i.dataDismiss&&this.hide()}handleBackdrop(){1==this.backdrop&&this.hide()}async hide(e={force:!1}){if(null==e?void 0:e.force)return this.isShow=!1,this.close.emit(),void this.modalClose.emit();this.modalBeforeClose.emit(this.el)}async show(e={force:!1}){(null==e?void 0:e.force)?this.isShow=!0:this.modalBeforeOpen.emit(this.el)}keyboardNavigation(e){1==this.backdrop&&(e.keyCode||0)==n.KeyCode.escape&&(e.preventDefault(),this.hide())}async showModal(e){e.defaultPrevented||e.target===this.el&&(this.isShow=!0)}async hideModal(e){e.defaultPrevented||e.target===this.el&&(this.isShow=!1,this.close.emit(),this.modalClose.emit())}_openHandler(){const e=`bcm-modal--disable-scroll-${this._id}`;this.isShow?document.body.classList.add(e):document.body.classList.remove(e)}disconnectedCallback(){document.body.classList.remove(`bcm-modal--disable-scroll-${this._id}`)}render(){const{isShow:e,size:i,fullWidth:a,hidden:n,width:l,height:r}=this,d=s("bcm-modal__container",i,{"custom-size":l||r,"full-width":a,"bcm-modal__show":e}),m=s("bcm-modal",{hidden:n,"bcm-modal__show":e}),h=s("bcm-modal__container-main","size-2"),p=Object.assign(Object.assign({},l&&{width:l}),r&&{height:r});return t(o,{class:`tw-overscroll-contain  ${m}`},t("div",{class:"overlay",onClick:()=>this.handleBackdrop()}),t("div",{class:d,style:p},t((()=>this.modalSlots.header&&t("header",{class:"bcm-modal__container-header"},t(c,{name:"header",className:"full-width"}),t("div",{class:"bcm-modal__container-header-close",onClick:()=>this.hide()},t("bcm-icon",{icon:"far fa-times"})))),null),t("main",{class:h},t("article",null,t(c,null))),t((()=>this.modalSlots.footer&&t("footer",{class:"bcm-modal__container-footer"},t("slot",{name:"footer"}))),null)))}get el(){return a(this)}static get watchers(){return{isShow:["_openHandler"]}}};d.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-modal{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-wrap:nowrap;width:100%;height:100%;position:fixed;z-index:-1;opacity:0;top:0;left:0;visibility:hidden;overflow:auto;padding:24px;transition:opacity 0.5s ease, visibility 0.4s ease-in-out, 0.3s z-index}.bcm-modal__show{opacity:1;z-index:10500;visibility:visible;transition:opacity 0.2s ease, visibility 0.4s ease-in-out, 0.3s z-index}.bcm-modal__show .bcm-modal__container{transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transform:translateY(0)}.bcm-modal .overlay{position:fixed;width:100vw;height:100vh;z-index:1;top:0;left:0;opacity:0.6;background-color:var(--bcm-new-ds-color-slate-900)}.bcm-modal__container{display:flex;flex-direction:column;width:100%;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1);border-radius:8px;background-color:var(--bcm-new-ds-color-white);z-index:2;transform:translateY(-50px);transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out}.bcm-modal__container.portrait{max-width:312px}.bcm-modal__container.landscape{max-width:475px}.bcm-modal__container.small{max-width:576px}.bcm-modal__container.medium{max-width:768px}.bcm-modal__container.large{max-width:992px}.bcm-modal__container.xlarge{max-width:1024px}.bcm-modal__container.xxlarge{max-width:1200px}.bcm-modal__container.xxxlarge{max-width:1700px}.bcm-modal__container.full-width{width:100%;max-width:100%}.bcm-modal__container.custom-size main{overflow:auto;height:100%;width:100%}.bcm-modal__container-main{color:var(--bcm-color-grey-8);padding:0}.bcm-modal__container-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:12px 24px;font-size:16px;line-height:calc(16px + 8px);font-weight:500;color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-100);position:relative}.bcm-modal__container-header span.full-width{width:100%}.bcm-modal__container-header-close{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;padding:8px;cursor:pointer;color:var(--bcm-new-ds-color-slate-500);transition:color 0.1s ease-in-out}.bcm-modal__container-header-close:hover{color:var(--bcm-new-ds-color-slate-600)}.bcm-modal__container-header-close:active{color:var(--bcm-new-ds-color-slate-700)}.bcm-modal__container-header-close:focus-visible{color:var(--bcm-new-ds-color-slate-800)}.bcm-modal__container-header:after{border-radius:8px 8px 0 0;content:"";display:block;width:100%;height:4px;background-color:var(--bcm-color-primary-400);position:absolute;top:-4px;left:0}.bcm-modal__container-footer-content{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;flex-wrap:nowrap;padding:12px 24px 24px;grid-gap:8px}';export{d as bcm_modal}
+import{r as e,c as i,h as t,H as o,g as a}from"./p-e037ee2b.js";import{c as s}from"./p-bed627ab.js";import{B as n}from"./p-6369b73b.js";import{S as l}from"./p-94554e42.js";import{S as c}from"./p-e4b42f26.js";import{G as r}from"./p-baf4fb9c.js";import"./p-e45c1546.js";import"./p-37df4996.js";import"./p-034bbcdd.js";const d=class{constructor(t){e(this,t),this.close=i(this,"bcm-close",3),this.modalClose=i(this,"bcm-modal-close",3),this.modalBeforeClose=i(this,"bcm-modal-before-close",3),this.modalBeforeOpen=i(this,"bcm-modal-before-open",3),this.modalSlots={},this._id=r.UID(),this.isShow=!1,this.hidden=!1,this.size=n.Size.medium,this.backdrop=!0,this.width=void 0,this.height=void 0,this.fullWidth=!1}connectedCallback(){const e=this.el.querySelectorAll("bcm-modal-header, bcm-modal-footer");e&&e.forEach((e=>{let i=l.lowercase(l.split(e.nodeName,"-").pop());e.slot=i,e.classList.add(`bcm-modal__container-${i}-content`),this.modalSlots[i]=e}));const i=`bcm-modal--disable-scroll-${this._id}`,t=`bcm-modal-style-${this._id}`;let o=document.getElementById(t);o||(o=document.createElement("style"),o.id=t,o.innerHTML=`.${i} { overflow: hidden; }`,document.head.appendChild(o))}componentWillLoad(){}handleSubmit(e){const i=r.findEventPathWithNodeName(e,l.uppercase("bcm-button"));i&&i.dataDismiss&&this.hide()}handleBackdrop(){1==this.backdrop&&this.hide()}async hide(e={force:!1}){if(null==e?void 0:e.force)return this.isShow=!1,this.close.emit(),void this.modalClose.emit();this.modalBeforeClose.emit(this.el)}async show(e={force:!1}){(null==e?void 0:e.force)?this.isShow=!0:this.modalBeforeOpen.emit(this.el)}keyboardNavigation(e){1==this.backdrop&&(e.keyCode||0)==n.KeyCode.escape&&(e.preventDefault(),this.hide())}async showModal(e){e.defaultPrevented||e.target===this.el&&(this.isShow=!0)}async hideModal(e){e.defaultPrevented||e.target===this.el&&(this.isShow=!1,this.close.emit(),this.modalClose.emit())}_openHandler(){const e=`bcm-modal--disable-scroll-${this._id}`;this.isShow?document.body.classList.add(e):document.body.classList.remove(e)}disconnectedCallback(){document.body.classList.remove(`bcm-modal--disable-scroll-${this._id}`)}render(){const{isShow:e,size:i,fullWidth:a,hidden:n,width:l,height:r}=this,d=s("bcm-modal__container",i,{"custom-size":l||r,"full-width":a,"bcm-modal__show":e}),m=s("bcm-modal",{hidden:n,"bcm-modal__show":e}),h=s("bcm-modal__container-main","size-2"),p=Object.assign(Object.assign({},l&&{width:l}),r&&{height:r});return t(o,{class:`tw-overscroll-contain  ${m}`},t("div",{class:"overlay",onClick:()=>this.handleBackdrop()}),t("div",{class:d,style:p},t((()=>this.modalSlots.header&&t("header",{class:"bcm-modal__container-header"},t(c,{name:"header",className:"full-width"}),t("div",{class:"bcm-modal__container-header-close",onClick:()=>this.hide()},t("bcm-icon",{icon:"far fa-times"})))),null),t("main",{class:h},t("article",null,t(c,null))),t((()=>this.modalSlots.footer&&t("footer",{class:"bcm-modal__container-footer"},t("slot",{name:"footer"}))),null)))}get el(){return a(this)}static get watchers(){return{isShow:["_openHandler"]}}};d.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-modal{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-wrap:nowrap;width:100%;height:100%;position:fixed;z-index:-1;opacity:0;top:0;left:0;visibility:hidden;overflow:auto;padding:24px;transition:opacity 0.5s ease, visibility 0.4s ease-in-out, 0.3s z-index}.bcm-modal__show{opacity:1;z-index:10500;visibility:visible;transition:opacity 0.2s ease, visibility 0.4s ease-in-out, 0.3s z-index}.bcm-modal__show .bcm-modal__container{transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transform:translateY(0)}.bcm-modal .overlay{position:fixed;width:100vw;height:100vh;z-index:1;top:0;left:0;opacity:0.6;background-color:var(--bcm-new-ds-color-slate-900)}.bcm-modal__container{display:flex;flex-direction:column;width:100%;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1);border-radius:8px;background-color:var(--bcm-new-ds-color-white);z-index:2;transform:translateY(-50px);transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out}.bcm-modal__container.portrait{max-width:312px}.bcm-modal__container.landscape{max-width:475px}.bcm-modal__container.small{max-width:576px}.bcm-modal__container.medium{max-width:768px}.bcm-modal__container.large{max-width:992px}.bcm-modal__container.xlarge{max-width:1024px}.bcm-modal__container.xxlarge{max-width:1200px}.bcm-modal__container.xxxlarge{max-width:1700px}.bcm-modal__container.full-width{width:100%;max-width:100%}.bcm-modal__container.custom-size main{overflow:auto;height:100%;width:100%}.bcm-modal__container-main{color:var(--bcm-color-grey-8);padding:0}.bcm-modal__container-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:12px 24px;font-size:16px;line-height:calc(16px + 8px);font-weight:500;color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-100);position:relative}.bcm-modal__container-header span.full-width{width:100%}.bcm-modal__container-header-close{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;padding:8px;cursor:pointer;color:var(--bcm-new-ds-color-slate-500);transition:color 0.1s ease-in-out}.bcm-modal__container-header-close:hover{color:var(--bcm-new-ds-color-slate-600)}.bcm-modal__container-header-close:active{color:var(--bcm-new-ds-color-slate-700)}.bcm-modal__container-header-close:focus-visible{color:var(--bcm-new-ds-color-slate-800)}.bcm-modal__container-header:after{border-radius:8px 8px 0 0;content:"";display:block;width:100%;height:4px;background-color:var(--bcm-color-primary-400);position:absolute;top:-4px;left:0}.bcm-modal__container-footer-content{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;flex-wrap:nowrap;padding:12px 24px 24px;grid-gap:8px}';export{d as bcm_modal}

package/dist/bromcom-ui/{p-125d6ed0.js → p-ed9d082d.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{S as t}from"./p-157359d6.js";const e={left:"right",right:"left",top:"bottom",bottom:"top"},r=t=>1===t.length?e[t[0]]:[e[t[0]],t[1]].join("-"),s=(e,s,a,c)=>{const{width:o,height:n}=e.getBoundingClientRect(),{left:u,right:i,top:d,bottom:h}=s.getBoundingClientRect(),l=t.textContains(a,"-")?a.split("-"):a.split(" "),w=document.documentElement.clientWidth,f=document.documentElement.clientHeight;switch(l[0]){case"left":u<o+8&&c(r(l));break;case"right":w<i+o+8&&c(r(l));break;case"top":d<n+8&&c(r(l));break;case"bottom":f<h+n+8&&c(r(l))}},a=(e,r,s)=>{const a=r.getBoundingClientRect(),c=(null==s?void 0:s.top)||a.top+window.pageYOffset,o=(null==s?void 0:s.left)||a.left+window.pageXOffset,n=a.height,u=a.width,i=t.textContains(e,"-")?e.split("-"):e.split(" ");switch(i[0]){case"left":switch(i[1]){case"start":return[c,o];case"end":return[c+n,o];default:return[c+n/2,o]}case"right":switch(i[1]){case"start":return[c,o+u];case"end":return[c+n,o+u];default:return[c+n/2,o+u]}case"top":switch(i[1]){case"start":return[c,o];case"end":return[c,o+u];default:return[c,o+u/2]}case"bottom":switch(i[1]){case"start":return[c+n,o];case"end":return[c+n,o+u];default:return[c+n,o+u/2]}}};export{s as g,a as s}
+import{S as t}from"./p-94554e42.js";const e={left:"right",right:"left",top:"bottom",bottom:"top"},r=t=>1===t.length?e[t[0]]:[e[t[0]],t[1]].join("-"),s=(e,s,a,c)=>{const{width:o,height:n}=e.getBoundingClientRect(),{left:u,right:i,top:d,bottom:h}=s.getBoundingClientRect(),l=t.textContains(a,"-")?a.split("-"):a.split(" "),w=document.documentElement.clientWidth,f=document.documentElement.clientHeight;switch(l[0]){case"left":u<o+8&&c(r(l));break;case"right":w<i+o+8&&c(r(l));break;case"top":d<n+8&&c(r(l));break;case"bottom":f<h+n+8&&c(r(l))}},a=(e,r,s)=>{const a=r.getBoundingClientRect(),c=(null==s?void 0:s.top)||a.top+window.pageYOffset,o=(null==s?void 0:s.left)||a.left+window.pageXOffset,n=a.height,u=a.width,i=t.textContains(e,"-")?e.split("-"):e.split(" ");switch(i[0]){case"left":switch(i[1]){case"start":return[c,o];case"end":return[c+n,o];default:return[c+n/2,o]}case"right":switch(i[1]){case"start":return[c,o+u];case"end":return[c+n,o+u];default:return[c+n/2,o+u]}case"top":switch(i[1]){case"start":return[c,o];case"end":return[c,o+u];default:return[c,o+u/2]}case"bottom":switch(i[1]){case"start":return[c+n,o];case"end":return[c+n,o+u];default:return[c+n,o+u/2]}}};export{s as g,a as s}

package/dist/bromcom-ui/{p-4c30ce4b.entry.js → p-efe995fb.entry.js}

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

package/dist/bromcom-ui/{p-8348f7e8.entry.js → p-f2948b08.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,h as e,H as s,g as o}from"./p-170cf07d.js";import"./p-61db1f1f.js";import"./p-626a65e9.js";import{G as i}from"./p-a0d60a3c.js";import"./p-56655c71.js";import"./p-157359d6.js";import"./p-9f886bdd.js";import"./p-7e44e6b5.js";import{a as r}from"./p-6369b73b.js";import{c as a}from"./p-64fad38b.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-6edf985f.js";import"./p-85eedabc.js";import"./p-d2b358ae.js";const p=class{constructor(e){t(this,e),this._id=i.UID(),this.active=!1,this.disabled=!1,this.index=void 0,this.color="blue",this.size=r.Size.medium}handleClick(){var t;this.disabled||null===(t=i.findParentElement(this.el,"bcm-tab-group"))||void 0===t||t.setActive(this.index)}render(){const{color:t,size:o,active:p,disabled:l}=this,c=i.getTwColor({color:t,tones:[500,600,700,800]});return e(s,{onClick:()=>this.handleClick(),class:a("tw-flex tw-flex-1 tw-items-center tw-justify-center tw-border-b-[2px] tw-border-b-slate-300  tw-transition-font tw-focus:outline-none",{"tw-text-2 tw-py-1 tw-gap-2":o===r.Size.small,"tw-text-3 tw-py-2 tw-gap-3":o===r.Size.medium,"tw-text-4 tw-py-3 tw-gap-4":o===r.Size.large},l?"tw-cursor-not-allowed tw-text-gray-400 tw-opacity-50":"tw-cursor-pointer",p?"tw-text-default-500 enabled:hover:tw-text-default-600 enabled:active:tw-text-default-700 enabled:focus-visible:tw-text-default-800":"tw-text-slate-400 enabled:hover:tw-text-slate-500 enabled:focus-visible:tw-text-slate-700 enabled:active:tw-text-slate-600"),style:c})}get el(){return o(this)}};export{p as bcm_tab_item_header}
+import{r as t,h as e,H as s,g as o}from"./p-e037ee2b.js";import"./p-4798d827.js";import"./p-626a65e9.js";import{G as i}from"./p-baf4fb9c.js";import"./p-e1ce3cfc.js";import"./p-94554e42.js";import"./p-536b15e0.js";import"./p-5ae0a59b.js";import{a as r}from"./p-6369b73b.js";import{c as a}from"./p-bed627ab.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-37df4996.js";const p=class{constructor(e){t(this,e),this._id=i.UID(),this.active=!1,this.disabled=!1,this.index=void 0,this.color="blue",this.size=r.Size.medium}handleClick(){var t;this.disabled||null===(t=i.findParentElement(this.el,"bcm-tab-group"))||void 0===t||t.setActive(this.index)}render(){const{color:t,size:o,active:p,disabled:l}=this,c=i.getTwColor({color:t,tones:[500,600,700,800]});return e(s,{onClick:()=>this.handleClick(),class:a("tw-flex tw-flex-1 tw-items-center tw-justify-center tw-border-b-[2px] tw-border-b-slate-300  tw-transition-font tw-focus:outline-none",{"tw-text-2 tw-py-1 tw-gap-2":o===r.Size.small,"tw-text-3 tw-py-2 tw-gap-3":o===r.Size.medium,"tw-text-4 tw-py-3 tw-gap-4":o===r.Size.large},l?"tw-cursor-not-allowed tw-text-gray-400 tw-opacity-50":"tw-cursor-pointer",p?"tw-text-default-500 enabled:hover:tw-text-default-600 enabled:active:tw-text-default-700 enabled:focus-visible:tw-text-default-800":"tw-text-slate-400 enabled:hover:tw-text-slate-500 enabled:focus-visible:tw-text-slate-700 enabled:active:tw-text-slate-600"),style:c})}get el(){return o(this)}};export{p as bcm_tab_item_header}

package/dist/bromcom-ui/{p-d0c1fcc5.entry.js → p-f680271c.entry.js}

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

package/dist/bromcom-ui/{p-99824717.entry.js → p-f9119bec.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,c as i,h as t,H as a,g as s}from"./p-170cf07d.js";import{c as o}from"./p-64fad38b.js";import{C as l}from"./p-436364c8.js";import{e as p}from"./p-8c018ae0.js";import"./p-85eedabc.js";var n;!function(e){e.black="black",e.white="white",e["prime-blue"]="prime-blue",e.grey="grey",e.blue="blue",e.warmyellow="warmyellow",e.yellow="yellow",e.limegreen="limegreen",e.red="red",e.darkorange="darkorange",e.orange="orange",e.green="green",e.turquosie="turquosie",e.cobaltblue="cobaltblue",e.magenta="magenta",e.purple="purple",e["bc-red"]="bc-red",e["bc-blue"]="bc-blue",e["bc-green"]="bc-green",e["bc-orange"]="bc-orange"}(n||(n={}));const r=class{constructor(t){e(this,t),this.checkedChange=i(this,"bcm-old-tag-checked-change",7),this.tagDissmisable=i(this,"bcm-old-tag-dissmisable",7),this.type="basic",this.size="size-1",this.checked=!1,this.color=void 0,this.value="",this.hidden=!1,this._id=(4*Math.random()).toString(16).replace(".",""),this.maxWidth=!1,this.customStyle=void 0,this._internal_id=(4*Math.random()).toString(16).replace(".","")}handleClick(){"checkable"===this.type&&(this.checked=!this.checked)}onCheckedChange(e,i){this.checkedChange.emit({newValue:e,oldValue:i})}getColor(e){if(("basic"==this.type||"dissmisable"==this.type)&&n[e])return{color:p(l,n[e]+"-6"),borderColor:p(l,n[e]+"-3"),backgroundColor:p(l,n[e]+"-1")}}getSize(e,i=!1){return Number(e)==e&&(e="size-"+e),i&&(e={1:"12",2:"14",3:"16",4:"20",5:"24",6:"30",7:"38",8:"46",9:"56"}[e=(e=e.split("-"))[e.length-1]]),e}handleClose(){this.tagDissmisable.emit(this.el)}render(){const{type:e,color:i,value:s,customStyle:l,size:p}=this,n=o("tag",this.getSize(p),e),r=o(this.hidden?"hidden":null,this.maxWidth?"maxwidth":null);return"add"===e?t(a,{class:r},t("button",{class:n},t("span",{class:"left"},t("bcm-icon",{icon:"far fa-plus"})),s)):"dissmisable"===e?t(a,{class:r},t("span",{class:n,style:this.getColor(i)},t("span",{class:"value",style:l},s),t("span",{class:"right close-button",onClick:()=>this.handleClose(),style:{width:Number(this.getSize(p,!0))+2+"px"}},t("svg",{id:"close",style:{fill:"#595959",width:"14px",height:"14px"},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512"},t("path",{d:"M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z"}))))):"checkable"===e?t(a,{class:r},t("input",{type:"checkbox",checked:this.checked}),t("label",{class:n},s)):t(a,{class:r},t("span",{class:n,style:this.getColor(i)},s))}get el(){return s(this)}static get watchers(){return{checked:["onCheckedChange"]}}};r.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}.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}:host{display:inline-block;width:fit-content}:host(.hidden){display:none}:host(.maxwidth){max-width:100px}.tag{display:flex;align-items:center;justify-content:center;padding:0 8px;cursor:default;border-radius:48px;border:1px solid var(--bcm-color-grey-5);user-select:none;min-width:10px;min-height:20px}.tag.size-1{padding:calc(8px - 8px) 8px}.tag.size-2{padding:calc(9px - 8px) 9px}.tag.size-3{padding:calc(10px - 8px) 10px}.tag.size-4{padding:calc(11px - 8px) 11px}.tag.size-5{padding:calc(12px - 8px) 12px}.tag.size-6{padding:calc(13px - 8px) 13px}.tag.size-7{padding:calc(14px - 8px) 14px}.tag.size-8{padding:calc(15px - 8px) 15px}.tag.size-9{padding:calc(16px - 8px) 16px}.tag.basic,.tag.closeable,.tag.add,.tag.dissmisable{background-color:var(--bcm-color-grey-3);color:var(--bcm-color-grey-8)}.tag.basic:hover,.tag.closeable:hover,.tag.add:hover,.tag.dissmisable:hover{opacity:0.85}.tag.dissmisable{color:var(--bcm-color-grey-10)}.tag.dissmisable .close-button{width:14px;cursor:pointer}.tag.dissmisable .close-button bcm-icon{color:var(--bcm-color-grey-7)}.tag.dissmisable .close-button:hover bcm-icon{color:var(--bcm-color-grey-10)}.tag.add{border-style:dashed;background-color:var(--bcm-color-grey-1)}.tag.checkable{background-color:var(--bcm-color-grey-1);color:var(--bcm-color-grey-8);border-color:var(--bcm-color-grey-1)}.tag.checkable:hover{color:var(--bcm-color-prime-blue-5);cursor:pointer}.tag span{display:inline-flex}.tag span.left{margin-right:4px}.tag span.right{margin-left:4px}.tag:before,.tag:after{content:""}button{border:none;outline:0;cursor:pointer !important;margin:0}input[type=checkbox]{margin:0;width:0;height:0;visibility:hidden;position:absolute}input[type=checkbox]:checked+label{background-color:var(--bcm-color-prime-blue-6);color:var(--bcm-color-grey-1);border-color:var(--bcm-color-prime-blue-6)}input[type=checkbox]:checked+label:hover{background-color:var(--bcm-color-prime-blue-5);border-color:var(--bcm-color-prime-blue-5)}input[type=checkbox]:checked+label.checkable:hover{color:var(--bcm-color-grey-1)}input[type=checkbox]:checked+label:active{background-color:var(--bcm-color-prime-blue-7);border-color:var(--bcm-color-prime-blue-7)}';const c=class{constructor(i){e(this,i),this._internal_id=(4*Math.random()).toString(16).replace(".",""),this.hidden=!1,this.isShow=!1}disconnectedCallback(){}componentWillLoad(){}componentDidLoad(){}componentWillRender(){}componentDidRender(){}componentWillUpdate(){}componentDidUpdate(){}handleChangeEvent(e){e.stopPropagation()}render(){const e=o("select-box"),i=o(this.hidden?"hidden":null,{show:this.isShow});return t(a,{class:i},t("div",{class:e},t("bcm-listbox",{id:"listbox-box"+this._internal_id,class:"listbox-box",_internal_id:this._internal_id,"inner-component":!0,"no-caption":!0,fullWidth:!0,_flex:"true"})))}get el(){return s(this)}};c.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}.select-box{flex:1}:host{z-index:-999;position:absolute;opacity:0;top:-10000;left:-10000;visibility:hidden !important;box-shadow:0px 2px 8px rgba(0, 0, 0, 0.15)}:host(.show){opacity:1;z-index:100000;visibility:visible !important}';export{r as bcm_old_tag,c as bcm_select_box}
+import{r as e,c as i,h as t,H as a,g as s}from"./p-e037ee2b.js";import{c as o}from"./p-bed627ab.js";import{C as l}from"./p-436364c8.js";import{e as p}from"./p-3c7a0345.js";import"./p-e45c1546.js";var n;!function(e){e.black="black",e.white="white",e["prime-blue"]="prime-blue",e.grey="grey",e.blue="blue",e.warmyellow="warmyellow",e.yellow="yellow",e.limegreen="limegreen",e.red="red",e.darkorange="darkorange",e.orange="orange",e.green="green",e.turquosie="turquosie",e.cobaltblue="cobaltblue",e.magenta="magenta",e.purple="purple",e["bc-red"]="bc-red",e["bc-blue"]="bc-blue",e["bc-green"]="bc-green",e["bc-orange"]="bc-orange"}(n||(n={}));const r=class{constructor(t){e(this,t),this.checkedChange=i(this,"bcm-old-tag-checked-change",7),this.tagDissmisable=i(this,"bcm-old-tag-dissmisable",7),this.type="basic",this.size="size-1",this.checked=!1,this.color=void 0,this.value="",this.hidden=!1,this._id=(4*Math.random()).toString(16).replace(".",""),this.maxWidth=!1,this.customStyle=void 0,this._internal_id=(4*Math.random()).toString(16).replace(".","")}handleClick(){"checkable"===this.type&&(this.checked=!this.checked)}onCheckedChange(e,i){this.checkedChange.emit({newValue:e,oldValue:i})}getColor(e){if(("basic"==this.type||"dissmisable"==this.type)&&n[e])return{color:p(l,n[e]+"-6"),borderColor:p(l,n[e]+"-3"),backgroundColor:p(l,n[e]+"-1")}}getSize(e,i=!1){return Number(e)==e&&(e="size-"+e),i&&(e={1:"12",2:"14",3:"16",4:"20",5:"24",6:"30",7:"38",8:"46",9:"56"}[e=(e=e.split("-"))[e.length-1]]),e}handleClose(){this.tagDissmisable.emit(this.el)}render(){const{type:e,color:i,value:s,customStyle:l,size:p}=this,n=o("tag",this.getSize(p),e),r=o(this.hidden?"hidden":null,this.maxWidth?"maxwidth":null);return"add"===e?t(a,{class:r},t("button",{class:n},t("span",{class:"left"},t("bcm-icon",{icon:"far fa-plus"})),s)):"dissmisable"===e?t(a,{class:r},t("span",{class:n,style:this.getColor(i)},t("span",{class:"value",style:l},s),t("span",{class:"right close-button",onClick:()=>this.handleClose(),style:{width:Number(this.getSize(p,!0))+2+"px"}},t("svg",{id:"close",style:{fill:"#595959",width:"14px",height:"14px"},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512"},t("path",{d:"M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z"}))))):"checkable"===e?t(a,{class:r},t("input",{type:"checkbox",checked:this.checked}),t("label",{class:n},s)):t(a,{class:r},t("span",{class:n,style:this.getColor(i)},s))}get el(){return s(this)}static get watchers(){return{checked:["onCheckedChange"]}}};r.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}.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}:host{display:inline-block;width:fit-content}:host(.hidden){display:none}:host(.maxwidth){max-width:100px}.tag{display:flex;align-items:center;justify-content:center;padding:0 8px;cursor:default;border-radius:48px;border:1px solid var(--bcm-color-grey-5);user-select:none;min-width:10px;min-height:20px}.tag.size-1{padding:calc(8px - 8px) 8px}.tag.size-2{padding:calc(9px - 8px) 9px}.tag.size-3{padding:calc(10px - 8px) 10px}.tag.size-4{padding:calc(11px - 8px) 11px}.tag.size-5{padding:calc(12px - 8px) 12px}.tag.size-6{padding:calc(13px - 8px) 13px}.tag.size-7{padding:calc(14px - 8px) 14px}.tag.size-8{padding:calc(15px - 8px) 15px}.tag.size-9{padding:calc(16px - 8px) 16px}.tag.basic,.tag.closeable,.tag.add,.tag.dissmisable{background-color:var(--bcm-color-grey-3);color:var(--bcm-color-grey-8)}.tag.basic:hover,.tag.closeable:hover,.tag.add:hover,.tag.dissmisable:hover{opacity:0.85}.tag.dissmisable{color:var(--bcm-color-grey-10)}.tag.dissmisable .close-button{width:14px;cursor:pointer}.tag.dissmisable .close-button bcm-icon{color:var(--bcm-color-grey-7)}.tag.dissmisable .close-button:hover bcm-icon{color:var(--bcm-color-grey-10)}.tag.add{border-style:dashed;background-color:var(--bcm-color-grey-1)}.tag.checkable{background-color:var(--bcm-color-grey-1);color:var(--bcm-color-grey-8);border-color:var(--bcm-color-grey-1)}.tag.checkable:hover{color:var(--bcm-color-prime-blue-5);cursor:pointer}.tag span{display:inline-flex}.tag span.left{margin-right:4px}.tag span.right{margin-left:4px}.tag:before,.tag:after{content:""}button{border:none;outline:0;cursor:pointer !important;margin:0}input[type=checkbox]{margin:0;width:0;height:0;visibility:hidden;position:absolute}input[type=checkbox]:checked+label{background-color:var(--bcm-color-prime-blue-6);color:var(--bcm-color-grey-1);border-color:var(--bcm-color-prime-blue-6)}input[type=checkbox]:checked+label:hover{background-color:var(--bcm-color-prime-blue-5);border-color:var(--bcm-color-prime-blue-5)}input[type=checkbox]:checked+label.checkable:hover{color:var(--bcm-color-grey-1)}input[type=checkbox]:checked+label:active{background-color:var(--bcm-color-prime-blue-7);border-color:var(--bcm-color-prime-blue-7)}';const c=class{constructor(i){e(this,i),this._internal_id=(4*Math.random()).toString(16).replace(".",""),this.hidden=!1,this.isShow=!1}disconnectedCallback(){}componentWillLoad(){}componentDidLoad(){}componentWillRender(){}componentDidRender(){}componentWillUpdate(){}componentDidUpdate(){}handleChangeEvent(e){e.stopPropagation()}render(){const e=o("select-box"),i=o(this.hidden?"hidden":null,{show:this.isShow});return t(a,{class:i},t("div",{class:e},t("bcm-listbox",{id:"listbox-box"+this._internal_id,class:"listbox-box",_internal_id:this._internal_id,"inner-component":!0,"no-caption":!0,fullWidth:!0,_flex:"true"})))}get el(){return s(this)}};c.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}.select-box{flex:1}:host{z-index:-999;position:absolute;opacity:0;top:-10000;left:-10000;visibility:hidden !important;box-shadow:0px 2px 8px rgba(0, 0, 0, 0.15)}:host(.show){opacity:1;z-index:100000;visibility:visible !important}';export{r as bcm_old_tag,c as bcm_select_box}

package/dist/bromcom-ui/p-f93bcd16.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as t,c as e,h as i,H as s,g as a}from"./p-e037ee2b.js";import{c as r}from"./p-bed627ab.js";import{I as o}from"./p-8e5e362a.js";import{S as n}from"./p-94554e42.js";import{d as h,a as c}from"./p-3c7a0345.js";import"./p-e45c1546.js";import"./p-6369b73b.js";const l=new class{constructor(){}response(t,e){return Object.assign(Object.assign({valid:t},e&&{message:e}),!t&&{type:"error"})}required(t,e){let i=this.response(!0);return""!=t&&""!=t&&null!=t&&null!=t&&!1!==t||(i=this.response(!1,"This field is required.")),e&&(e.valid||(i=this.response(!1,e.errorText)),t instanceof Object&&t.isValid&&0==t.isValid&&(i=this.response(!1,"This field is required."))),i}selfValidation(t){let e=this.response(!0);return null==t.captionError&&"error"!=t.captionType||(e=this.response(!1,t.captionError)),e}};const p=class{constructor(i){t(this,i),this.bcmForm=e(this,"bcm-form",7),this.formData={},this.inputs=[],this.duplicateInput=[],this.isValid=!0,this.returnCaption=[],this.Bromcom={errors:{targetFormNotExist:"target form is not exist --\x3e "},inputComponents:{CHIP_GROUP:"chip-group",INPUT:"input",TEXTAREA:"textarea",SWITCH:"switch",CHECKBOX:"checkbox",RADIO_GROUP:"radio-group",CHECKBOX_GROUP:"checkbox-group",RANGE:"range",FORM:"form",FORM_GROUP:"form-group",LIST:"list",COLORPICKER:"colorpicker",DATE:"date",DATE_PICKER:"date-picker",TIME_PICKER:"time-picker",DATETIME_PICKER:"datetime-picker",SELECT:"select",LISTBOX:"listbox"},helpers:{randomId:function(){return Math.random().toString(16).slice(2,-1)}}},this._id=(4*Math.random()).toString(16).replace(".",""),this.hidden=!1,this.validation=!1,this.name="",this.value=void 0,this.autocomplete=!1}handleSubmit(){}async submitFunction(){this.formData={},this.inputs=[],this.selector=this.el,await this.getInputs(),await h(10);const t=await this.userFormData();var e={isValid:!0,formData:t};return this.name&&(e=Object.assign(Object.assign({},e),{formName:this.name})),this.isValid?(this.bcmForm.emit(e),e):(this.returnCaption={isValid:!1,message:"Please fill in all inputs",errorDetails:this.returnCaption,formData:t},this.name&&(this.returnCaption=Object.assign(Object.assign({},this.returnCaption),{formName:this.name})),this.bcmForm.emit(this.returnCaption),this.returnCaption)}async submit(){return Promise.resolve(this.submitFunction())}async set(t){var e;const i=this.validation;if(this.validation=!1,this.selector=this.el,await this.getInputs(),t&&(null===(e=this.inputs)||void 0===e?void 0:e.length)>0)for(const e of Object.keys(t)){const i=this.inputs.find((t=>t.name===e));if(i)try{await i.set(t[e])}catch(t){console.log(i.nodeName,"set",t)}}this.validation=i}async get(){var t;let e={};this.selector=this.el;const i=this.inputs;return await this.getInputs(),(null===(t=this.inputs)||void 0===t?void 0:t.length)>0&&this.inputs.forEach((async t=>{try{const i=await t.get();e=Object.assign(Object.assign({},e),{[t.name]:i})}catch(e){console.log(`${t.nodeName} get error`)}})),this.inputs=i,await h(10),Promise.resolve(e)}async setClear(){this.formData={},this.inputs=[],this.selector=this.el;let t=[];return await this.getInputs(),this.inputs.forEach((async e=>{try{t.push(await e.setClear())}catch(t){console.log(t)}})),await Promise.all(t).then((()=>{this.formData={},this.inputs=[],this.duplicateInput=[],this.isValid=!0,this.returnCaption=[]})),await h(10),Promise.resolve(!0)}async resetCaption(){await h(10),this.formData={},this.inputs=[],this.selector=this.el,await this.getInputs();for(const t of this.inputs)try{await t.resetCaption()}catch(e){console.log(t.nodeName,"rc p")}return await h(10),Promise.resolve()}async config(t){return t.validation&&(this.validation="boolean"==typeof t.validation&&t.validation),!0}async getInputs(){var t=this.selector;if(!t)return void console.warn(this.Bromcom.errors.targetFormNotExist+this.selector);const e=Array.from(t.querySelectorAll("bcm-"+Object.values(this.Bromcom.inputComponents).join(",bcm-")));this.duplicateInput=[];const i=e.filter((t=>{var e;return!t["s-hn"]||"BcmForm"!==(null===(e=t["s-hn"])||void 0===e?void 0:e.nodeName)}));for(const t of i){if("bcm-checkbox-group"==n.lowercase(t.nodeName)){let e=t.querySelectorAll("bcm-checkbox");if(e)for(const t of e)this.duplicateInput.push(t.name)}if("bcm-form"==n.lowercase(t.nodeName)){const e=Array.from(t.querySelectorAll("bcm-"+Object.values(this.Bromcom.inputComponents).join(",bcm-")));let i={};for(const t of e){var s=t.name,a=t.value;i=Object.assign(Object.assign({},i),{[s]:a}),this.duplicateInput.push(t.name)}t.value=i;let r=t.querySelectorAll("bcm-checkbox");if(r)for(const t of r)this.duplicateInput.push(t.name)}}await h(10),this.inputs=i}getItemValue(t){return t.tagName.toLowerCase().replace("bcm-",""),t.value}isWrapperComponent(t){return["bcm-datetime-picker","bcm-date-picker","bcm-time-picker"].includes(t.toLowerCase())}isGroupComponent(t){return["bcm-checkbox-group"].includes(t.toLowerCase())}isListComponent(t){return["bcm-list"].includes(t.toLowerCase())}async userFormData(){this.formData={},this.isValid=!0,this.returnCaption=[];for(const e of this.inputs){const i=this.isGroupComponent(e.tagName),s=this.isWrapperComponent(e.tagName),a=s&&e,r=s?await e.getInput()&&e:e;if(this.validation){let t=null;if(s){const e=await a.isValid();t=l.required(r.value,e),t&&(r.value instanceof Object?0==r.value.isValid&&(t=l.required("",e)):t=l.required(r.value,e))}else if(i){const e=c(r,"bcm-checkbox:not(#bcm-indeterminate-element)");if(e&&e.length>0)for(const i of e)i&&!0===i.required&&(t=l.required(i.checked),t.valid?(i.noCaption=r.noCaption,i.captionError=null,i.captionType="default"):(i.noCaption=!1,i.captionError=t.message,i.captionType=t.type))}else t=l.required(r.value);if(r.required){t.valid?(r.captionError=null,r.captionType="default"):(r.captionError=t.message,r.captionType=t.type),await h(10);const e=l.selfValidation(r);t.valid&&(e.valid||(r.captionError=e.message,r.captionType=e.type))}let e=r.name,o=r.captionError;!r.hidden&&"error"==r.captionType&&(this.returnCaption=[...Array.from(this.returnCaption),{[e]:o}],this.isValid=!1)}if(r.name&&!this.duplicateInput.includes(r.name)){var t=this.getItemValue(r);t&&null!=t&&null!=t||(t=null),this.formData[r.name]=t}}return this.formData}async handleChange(t){const e=this.isWrapperComponent(t.target.tagName),i=this.isGroupComponent(t.target.tagName);let s;if(e)s=t.target.getInput&&await t.target.getInput()||t.target;else if(i){let e=!1;const i=c(t.target,"bcm-checkbox:not(#bcm-indeterminate-element)");i.length>0&&i.forEach((t=>{t&&!0===t.required&&(e=!0)})),s=Object.assign(Object.assign({},t.target),{required:e})}else s=t.target;const a=t.target.value,r=e&&t.target;var o;e&&(o=await r.isValid());const n=setTimeout((()=>{if(s.required){let r=null;if(e)r=l.required(a,o),r&&(a instanceof Object?0==a.isValid&&(r=l.required("",o)):r=l.required(a,o));else if(i){const e=c(t.target,"bcm-checkbox:not(#bcm-indeterminate-element)");e.length>0&&e.forEach((e=>{e&&!0===e.required&&(r=l.required(e.checked),r.valid?(e.noCaption=t.target.noCaption,e.captionError=null,e.captionType="default"):(e.noCaption=!1,e.captionError=r.message,e.captionType=r.type))}))}else r=l.required(a);r.valid?(s.captionError=null,s.captionType=null):(s.captionError=r.message,s.captionType=r.type)}clearTimeout(n)}));this.value=await this.userFormData()}async handleSubmitForm(t){t.preventDefault()}render(){const t=r(this.hidden?"hidden":null);return i(s,{class:t},i("form",{class:"bcm-form",autocomplete:this.autocomplete?"on":"off"},i("slot",null)))}get el(){return a(this)}};(function(t,e,i,s){var a,r=arguments.length,o=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(o=(r<3?a(o):r>3?a(e,i,o):a(e,i))||o);r>3&&o&&Object.defineProperty(e,i,o)})([o()],p.prototype,"el",void 0),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;margin-bottom:8px}:host(.hidden){display:none}';export{p as bcm_form}

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

@@ -7,8 +7,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c591ecec.js');
-const generate = require('./generate-a89cbf95.js');
-require('./package-e3618032.js');
+const generate = require('./generate-2ba77a51.js');
+require('./package-63c2f54e.js');
 require('./colors-078851ec.js');
 require('./_commonjsHelpers-ed84c3ca.js');
 

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

@@ -7,11 +7,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-c591ecec.js');
-const generate = require('./generate-a89cbf95.js');
+const generate = require('./generate-2ba77a51.js');
 const index$2 = require('./index-95ae50d0.js');
 const index = require('./index-d321de96.js');
 const stringHelper = require('./string-helper-3212f4ea.js');
-require('./package-e3618032.js');
+require('./package-63c2f54e.js');
 require('./colors-078851ec.js');
 require('./_commonjsHelpers-ed84c3ca.js');
 require('./bcm-3c58a6d5.js');

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

@@ -0,0 +1,136 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index$1 = require('./index-c591ecec.js');
+require('./color-helper-c3a819ea.js');
+require('./datetime-helper-eaf4fadb.js');
+const generate = require('./generate-2ba77a51.js');
+require('./number-helper-af985650.js');
+require('./string-helper-3212f4ea.js');
+require('./validators-e6dd5dca.js');
+require('./element-dragger-a8562f82.js');
+const floatingUi = require('./floating-ui-555cd3d4.js');
+const bcm = require('./bcm-3c58a6d5.js');
+const index = require('./index-5279dea2.js');
+require('./colors-56282b00.js');
+require('./utils-fc077139.js');
+require('./colors-078851ec.js');
+require('./_commonjsHelpers-ed84c3ca.js');
+require('./package-63c2f54e.js');
+
+const attendanceActionCommentStyle = index.ce({
+  slots: {
+    host: [
+      // "tw-flex tw-h-fit tw-w-full tw-min-w-[288px] tw-flex-col tw-items-start tw-rounded tw-p-4 tw-shadow-2",
+      "tw-w-fit",
+      "tw-absolute tw-left-0 tw-right-0 tw-z-tooltip tw-opacity-100 tw-transition-opacity tw-duration-300",
+      "tw-rounded tw-bg-white tw-shadow",
+      "bcm-ui-element bcm-attendance-actions tw-flex tw-flex-col tw-items-start tw-justify-start tw-p-4 tw-font-medium tw-text-slate-700",
+    ],
+    footer: ["tw-flex tw-w-full tw-flex-row tw-items-center tw-justify-end tw-gap-2 "],
+  },
+  variants: {
+    size: {
+      small: {},
+      medium: {},
+      large: {},
+    },
+  },
+  defaultVariants: {
+    size: "medium",
+  },
+});
+
+const BcmAttendanceActionsComment = class {
+  constructor(hostRef) {
+    index$1.registerInstance(this, hostRef);
+    this.change = index$1.createEvent(this, "bcm-attendance-actions-comment-change", 3);
+    this.lateMinutes = null;
+    this.comment = null;
+    this._id = generate.Generate.UID();
+    this.size = bcm.Bcm$1.Size.medium;
+    this.disabled = false;
+    this.selectedKey = null;
+    this.targetId = null;
+    this.isShow = false;
+    this.isLate = false;
+    this.selectedItem = null;
+  }
+  handleSave(lateMinutes, comment) {
+    this.change.emit({ lateMinutes, comment });
+    this.hide();
+  }
+  async show() {
+    const targetElement = document.getElementById(this.targetId);
+    floatingUi.FloatingUI({
+      ref: targetElement,
+      floating: this.el,
+      placement: "bottom-end",
+      offset: 8,
+      arrow: true,
+      arrowColor: "tw-bg-white",
+    });
+    this.isShow = true;
+    if (this.isLate) {
+      this.focusInput();
+    }
+    else {
+      this.focusTextarea();
+    }
+  }
+  focusInput() {
+    const input = this.el.querySelector("bcm-input");
+    input === null || input === void 0 ? void 0 : input.onBcmFocus();
+  }
+  focusTextarea() {
+    const textarea = this.el.querySelector("bcm-textarea");
+    textarea === null || textarea === void 0 ? void 0 : textarea.onBcmFocus();
+  }
+  async hide() {
+    if (this.isShow) {
+      this.el.remove();
+    }
+  }
+  handleClickOutside(event) {
+    if (!generate.Generate.findEventPath(event, this.el)) {
+      this.hide();
+    }
+  }
+  async formSubmit() {
+    var _a, _b, _c;
+    const { lateMinutes, comment, isLate } = this;
+    if (isLate) {
+      if (lateMinutes) {
+        if (!(lateMinutes >= 0 && lateMinutes <= 200)) {
+          return;
+        }
+      }
+    }
+    const { isValid } = await ((_a = this.el.querySelector("bcm-form")) === null || _a === void 0 ? void 0 : _a.submit());
+    if (!isValid)
+      return;
+    this.handleSave(lateMinutes || ((_b = this.selectedItem) === null || _b === void 0 ? void 0 : _b.lateMin), comment || ((_c = this.selectedItem) === null || _c === void 0 ? void 0 : _c.comment));
+  }
+  render() {
+    var _a, _b;
+    const { size } = this;
+    const { host, footer } = attendanceActionCommentStyle({
+      size,
+    });
+    return (index$1.h(index$1.Host, { class: host() }, index$1.h("bcm-form", { validation: true, style: { width: "256px" } }, this.isLate ? (index$1.h("bcm-input", { label: "Minus Late", required: true, name: "lateMin", id: this._id + "-input-dropdown-late-content-input", type: "number", size: this.size, autocomplete: false, "no-margin": true, min: 0, max: 200, value: (_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.lateMin, placeholder: "Enter Minus Late", "onBcm-change": ({ detail }) => (this.lateMinutes = detail), onKeyDown: e => {
+        if (e.key === "Enter")
+          this.formSubmit();
+      } }, index$1.h("i", { slot: "prefix", class: "far fa-clock" }))) : null, index$1.h("bcm-textarea", { name: "comment", value: (_b = this.selectedItem) === null || _b === void 0 ? void 0 : _b.comment, size: this.size, "onBcm-change": ({ detail }) => (this.comment = detail), label: "Description", "no-caption": true, rows: 4, onKeyDown: e => {
+        if (e.key === "Enter")
+          this.formSubmit();
+      } }), index$1.h("footer", { class: footer() }, index$1.h("bcm-button", { class: "tw-order-2", icon: "fas fa-save", "icon-position": "prefix", size: this.size, onClick: () => this.formSubmit() }, "Save"), index$1.h("bcm-button", { class: "tw-order-1", icon: "fas fa-times", kind: "ghost", size: this.size, "icon-position": "prefix", onClick: () => this.hide() }, "Close")))));
+  }
+  get el() { return index$1.getElement(this); }
+};
+
+exports.bcm_attendance_actions_comment = BcmAttendanceActionsComment;

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

@@ -0,0 +1,101 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index$1 = require('./index-c591ecec.js');
+require('./color-helper-c3a819ea.js');
+require('./datetime-helper-eaf4fadb.js');
+const generate = require('./generate-2ba77a51.js');
+require('./number-helper-af985650.js');
+require('./string-helper-3212f4ea.js');
+require('./validators-e6dd5dca.js');
+require('./element-dragger-a8562f82.js');
+const floatingUi = require('./floating-ui-555cd3d4.js');
+const bcm = require('./bcm-3c58a6d5.js');
+const index$2 = require('./index-95ae50d0.js');
+const index = require('./index-5279dea2.js');
+require('./colors-56282b00.js');
+require('./utils-fc077139.js');
+require('./colors-078851ec.js');
+require('./_commonjsHelpers-ed84c3ca.js');
+require('./package-63c2f54e.js');
+
+const attendanceActionDropdownStyle = index.ce({
+  slots: {
+    host: [
+      "tw-w-fit",
+      "tw-absolute tw-left-0 tw-right-0 tw-z-tooltip tw-opacity-100 tw-transition-opacity tw-duration-300",
+      "tw-overscroll-contain  tw-scroll-smooth tw-rounded tw-bg-white tw-shadow tw-max-h-64 tw-overflow-y-auto",
+      "bcm-ui-element bcm-attendance-actions tw-flex tw-flex-col tw-items-start tw-justify-start tw-p-2 tw-font-medium tw-text-slate-700"
+    ],
+    dataItem: ["tw-flex tw-w-full tw-cursor-pointer tw-flex-row tw-items-start tw-justify-start tw-gap-2 tw-rounded  hover:tw-bg-blue-100"],
+    key: ["tw-font-mono tw-text-slate-600"],
+    selectedItem: ["tw-bg-blue-100"],
+  },
+  variants: {
+    size: {
+      small: {
+        dataItem: ["tw-text-2.5 tw-px-2.5 tw-py-2"],
+      },
+      medium: {
+        dataItem: ["tw-text-3 tw-px-3 tw-py-2"],
+      },
+      large: {
+        dataItem: ["tw-text-4 tw-px-4 tw-py-2"],
+      },
+    }
+  },
+  defaultVariants: {
+    size: "medium"
+  },
+});
+
+const BcmAttendanceActionsDropdown = class {
+  constructor(hostRef) {
+    index$1.registerInstance(this, hostRef);
+    this.change = index$1.createEvent(this, "bcm-attendance-actions-dropdown-change", 3);
+    this._id = generate.Generate.UID();
+    this.size = bcm.Bcm$1.Size.medium;
+    this.disabled = false;
+    this.selectedKey = null;
+    this.targetId = null;
+    this.isShow = false;
+    this.data = [];
+  }
+  handleSelectItem(item) {
+    this.selectedKey = item.key;
+    this.change.emit(item);
+  }
+  async show() {
+    const targetElement = document.getElementById(this.targetId);
+    floatingUi.FloatingUI({
+      ref: targetElement,
+      floating: this.el,
+      placement: "bottom-end",
+      offset: 4,
+    });
+    this.isShow = true;
+  }
+  async hide() {
+    if (this.isShow) {
+      this.el.remove();
+    }
+  }
+  handleClickOutside() {
+    this.hide();
+  }
+  render() {
+    const { size } = this;
+    const { host, dataItem, selectedItem, key } = attendanceActionDropdownStyle({
+      size,
+    });
+    return (index$1.h(index$1.Host, { class: host() }, this.data.map((item) => (index$1.h("div", { class: index$2.classnames(dataItem(), this.selectedKey === item.key && selectedItem()), onClick: () => this.handleSelectItem(item) }, index$1.h("span", { class: key() }, item.key, " - "), index$1.h("span", null, item.value))))));
+  }
+  get el() { return index$1.getElement(this); }
+};
+
+exports.bcm_attendance_actions_dropdown = BcmAttendanceActionsDropdown;