bromcom-ui 2.11.1-rc.4 → 2.11.1-rc.6

package/dist/bromcom-ui/{p-e1c55578.js → p-253d3426.js}

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

package/dist/bromcom-ui/{p-8f7f2584.entry.js → p-27dfcb7a.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,c as i,h as t,H as s,g as h}from"./p-e037ee2b.js";import{c as o}from"./p-bed627ab.js";import{B as p}from"./p-a313fba6.js";import{G as n}from"./p-c5a2a4d3.js";import"./p-e45c1546.js";import"./p-cca60157.js";import"./p-034bbcdd.js";const a=class{constructor(t){e(this,t),this.onShow=i(this,"bcm-show",7),this.onHide=i(this,"bcm-hide",7),this._title=void 0,this._id=n.UID(),this.message=void 0,this.placement=p.Placement.top,this.trigger=p.TriggerType.click,this.open=!1,this.linkedComponent=void 0}async show(){this.open||(this.open=!0,this.onShow.emit(),this.createBox(),this.showBox())}async hide(){this.open&&(this.open=!1,this.onHide.emit(),this.hideBox())}createBox(){if(!this.getPopoverBox()){const e=document.createElement("old-bcm-popover-box");e.setAttribute("id","box-"+this._id),e.setAttribute("target-id",this._id),e.setAttribute("placement",this.placement),e.setAttribute("message",this.message),e.setAttribute("_title",this._title),e.setAttribute("linked-component",this.linkedComponent),document.body.appendChild(e)}}getPopoverBox(){return document.querySelector(`old-bcm-popover-box[id="box-${this._id}"]`)}showBox(){this.getPopoverBox()&&this.getPopoverBox().show()}hideBox(){this.getPopoverBox()&&this.getPopoverBox().hide()}listenTrigger(e){switch(this.trigger){case"click":"click"===e&&(this.open?this.hide():this.show());break;case"hover":"onMouseOver"===e&&this.show(),"onMouseOut"===e&&this.hide();break;case"focus":"onFocus"===e&&this.show(),"onBlur"===e&&this.hide()}}render(){const e=o("bcm-popover");return t(s,{class:e,onMouseOver:()=>this.listenTrigger("onMouseOver"),onMouseOut:()=>this.listenTrigger("onMouseOut"),onclick:()=>this.listenTrigger("click"),onFocus:()=>this.listenTrigger("onFocus"),onBlur:()=>this.listenTrigger("onBlur"),tabindex:0},t("slot",null))}get el(){return h(this)}};a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-popover{display:inline-flex}';export{a as old_bcm_popover}
+import{r as e,c as i,h as t,H as s,g as h}from"./p-e037ee2b.js";import{c as o}from"./p-bed627ab.js";import{B as p}from"./p-a313fba6.js";import{G as n}from"./p-d163d9d9.js";import"./p-e45c1546.js";import"./p-1223f996.js";import"./p-034bbcdd.js";const a=class{constructor(t){e(this,t),this.onShow=i(this,"bcm-show",7),this.onHide=i(this,"bcm-hide",7),this._title=void 0,this._id=n.UID(),this.message=void 0,this.placement=p.Placement.top,this.trigger=p.TriggerType.click,this.open=!1,this.linkedComponent=void 0}async show(){this.open||(this.open=!0,this.onShow.emit(),this.createBox(),this.showBox())}async hide(){this.open&&(this.open=!1,this.onHide.emit(),this.hideBox())}createBox(){if(!this.getPopoverBox()){const e=document.createElement("old-bcm-popover-box");e.setAttribute("id","box-"+this._id),e.setAttribute("target-id",this._id),e.setAttribute("placement",this.placement),e.setAttribute("message",this.message),e.setAttribute("_title",this._title),e.setAttribute("linked-component",this.linkedComponent),document.body.appendChild(e)}}getPopoverBox(){return document.querySelector(`old-bcm-popover-box[id="box-${this._id}"]`)}showBox(){this.getPopoverBox()&&this.getPopoverBox().show()}hideBox(){this.getPopoverBox()&&this.getPopoverBox().hide()}listenTrigger(e){switch(this.trigger){case"click":"click"===e&&(this.open?this.hide():this.show());break;case"hover":"onMouseOver"===e&&this.show(),"onMouseOut"===e&&this.hide();break;case"focus":"onFocus"===e&&this.show(),"onBlur"===e&&this.hide()}}render(){const e=o("bcm-popover");return t(s,{class:e,onMouseOver:()=>this.listenTrigger("onMouseOver"),onMouseOut:()=>this.listenTrigger("onMouseOut"),onclick:()=>this.listenTrigger("click"),onFocus:()=>this.listenTrigger("onFocus"),onBlur:()=>this.listenTrigger("onBlur"),tabindex:0},t("slot",null))}get el(){return h(this)}};a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-popover{display:inline-flex}';export{a as old_bcm_popover}

package/dist/bromcom-ui/{p-a2476a2e.entry.js → p-3573c9cf.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,h as i,H as t,g as p}from"./p-e037ee2b.js";import{G as a}from"./p-c5a2a4d3.js";import"./p-cca60157.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";const s=class{constructor(i){e(this,i),this._id=a.UID()}render(){return i(t,null,i("bcm-skeleton",null,i("slot",null)))}get el(){return p(this)}};s.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}';export{s as bcm_default}
+import{r as e,h as i,H as t,g as p}from"./p-e037ee2b.js";import{G as s}from"./p-d163d9d9.js";import"./p-1223f996.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";const n=class{constructor(i){e(this,i),this._id=s.UID()}render(){return i(t,null,i("bcm-skeleton",null,i("slot",null)))}get el(){return p(this)}};n.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}';export{n as bcm_default}

package/dist/bromcom-ui/{p-ac5fa5d7.entry.js → p-3daf30dc.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,c as e,h as o,H as n,g as i}from"./p-e037ee2b.js";import"./p-4798d827.js";import"./p-626a65e9.js";import{G as s}from"./p-c5a2a4d3.js";import"./p-cfabc98e.js";import"./p-6b5ed4d8.js";import"./p-bd771c5d.js";import"./p-5ae0a59b.js";import{a}from"./p-a313fba6.js";import{c as l}from"./p-bed627ab.js";import{c as r}from"./p-08c75801.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-cca60157.js";const d=r({slots:{host:["tw-flex tw-flex-row tw-items-center tw-justify-center tw-w-full tw-max-w-48 tw-gap-2","bcm-ui-element bcm-attendance-actions"],base:"",buttonContainer:"tw-flex tw-flex-row tw-items-center tw-justify-center tw-w-full tw-max-w-[168px]",button:["","tw-button-reset","tw-flex-1 last:tw-flex-none","tw-bg-[--bcm-attendance-actions-button-bg]","tw-text-[--bcm-attendance-actions-button-text]","tw-border tw-border-solid tw-border-[--bcm-attendance-actions-button-border]","hover:tw-bg-[--bcm-attendance-actions-button-hover-bg]","active:tw-bg-[--bcm-attendance-actions-button-active-bg]","focus-visible:tw-ring-2 focus-visible:tw-ring-offset-2 focus-visible:tw-z-10","tw-flex tw-flex-row tw-items-center tw-justify-center","first:tw-rounded-l last:tw-rounded-r","tw-font-medium","-tw-ml-[1px] first:tw-ml-0"],dropdownButton:"",mainButton:"",commentIcon:""},variants:{selected:{true:{button:["tw-text-white tw-border-transparent last:tw-ml-[1px]","first:tw-justify-start"],mainButton:["tw-min-w-[calc(theme(spacing.12)-1px)]"]},false:{button:[""]}},size:{small:{button:["tw-text-2","tw-min-h-6","tw-gap-2"],mainButton:["tw-px-3"],dropdownButton:["tw-px-2.5"]},medium:{button:["tw-text-3","tw-min-h-8","tw-gap-2"],mainButton:["tw-px-3"],dropdownButton:["tw-px-2.5"]},large:{button:["tw-text-4","tw-min-h-10","tw-gap-2.5"],mainButton:["tw-px-3"],dropdownButton:["tw-px-3"]}},disabled:{true:{},false:{}}},compoundVariants:[{disabled:!0,class:{buttonContainer:["tw-cursor-not-allowed tw-pointer-events-none"],button:["tw-cursor-not-allowed","tw-bg-[--bcm-attendance-actions-button-disabled-bg]","tw-text-[--bcm-attendance-actions-button-disabled-text]","tw-border-transparent","hover:tw-bg-[--bcm-attendance-actions-button-disabled-bg]"],mainButton:["tw-bg-[--bcm-attendance-actions-button-disabled-bg]","tw-text-[--bcm-attendance-actions-button-disabled-text]","tw-border-transparent","hover:tw-bg-[--bcm-attendance-actions-button-disabled-bg]","tw-cursor-not-allowed"],host:["tw-cursor-not-allowed"],commentIcon:["tw-cursor-not-allowed tw-pointer-events-none"]}},{disabled:!1,class:{button:["tw-cursor-pointer"]}}],defaultVariants:{selected:!1,size:"medium",disabled:!1}}),c=class{constructor(o){t(this,o),this.change=e(this,"bcm-attendance-change",3),this._id=s.UID(),this.size=a.Size.medium,this.disabled=!1,this.data=[{key:"P",value:"Present",color:"emerald",icon:"fa-solid fa-check",priority:0},{key:"A",value:"Absent",color:"red",icon:"fa-solid fa-times",priority:1},{key:"L",value:"Late",color:"amber",icon:"fa-solid fa-clock",priority:2},{key:"C",value:"Other Authorised Circumstance",color:"blue",icon:"fa-solid fa-question"},{key:"E",value:"Exlude",color:"blue",icon:"fa-solid fa-minus"},{key:"G",value:"Family Holiday",color:"blue",icon:"fa-solid fa-minus"},{key:"H",value:"Family Holiday (Agreed)",color:"blue",icon:"fa-solid fa-minus"},{key:"I",value:"Illness",color:"blue",icon:"fa-solid fa-minus"},{key:"J",value:"Intervier",color:"blue",icon:"fa-solid fa-minus"},{key:"M",value:"Medical / Dental",color:"blue",icon:"fa-solid fa-minus"},{key:"N",value:"No Reason yet PRovided",color:"blue",icon:"fa-solid fa-minus"},{key:"O",value:"Unauthrised Absence",color:"blue",icon:"fa-solid fa-minus"},{key:"U",value:"Late after Reg. Closed",color:"blue",icon:"fa-solid fa-minus"},{key:"X",value:"Non-comp School Age Absence",color:"blue",icon:"fa-solid fa-minus"}],this.lateKeys="L",this.hideComment=!1}get selectedItem(){return this.data.find((t=>t.selected))}get priorityButtons(){return this.data.filter((t=>void 0!==t.priority)).sort(((t,e)=>t.priority-e.priority))}get renderButtons(){const{selectedItem:t,priorityButtons:e}=this;return[...t?[t]:e.length?e:this.data.slice(0,3)]}get lateKeysMap(){return this.lateKeys.toLocaleLowerCase().split(",")}get isLate(){var t,e;return this.lateKeysMap.includes(null===(e=null===(t=this.selectedItem)||void 0===t?void 0:t.key)||void 0===e?void 0:e.toLocaleLowerCase())}get dropdownMenuElement(){return document.getElementById("attendance-dropdown-"+this._id)}get commentAreaElement(){return document.getElementById("comment-"+this._id)}handleSelectItem(t,e=!0,o=!0){var n,i;if(this.data=[...this.data.map((e=>{var o,n;return Object.assign(Object.assign({},e),{selected:(null===(o=t.key)||void 0===o?void 0:o.toLocaleLowerCase())===(null===(n=e.key)||void 0===n?void 0:n.toLocaleLowerCase())})}))],null===(n=this.dropdownMenuElement)||void 0===n||n.hide(),null===(i=this.commentAreaElement)||void 0===i||i.hide(),!this.isLate)return e&&this.changed();!this.hideComment&&o&&this.commentArea()}changed(){this.change.emit(this.selectedItem)}hasDataForKey(t){return!!this.data.find((e=>e.key.toLocaleLowerCase()===t.toLocaleLowerCase()))}handleKeyPress({key:t}){if(!this.hasDataForKey(t))return;const e=this.data.find((e=>{var o;return(null===(o=e.key)||void 0===o?void 0:o.toLocaleLowerCase())===(null==t?void 0:t.toLocaleLowerCase())}));this.handleSelectItem(e)}handleSave(t,e){this.data=[...this.data].map((o=>{var n,i,s;return(null===(n=o.key)||void 0===n?void 0:n.toLocaleLowerCase())===(null===(s=null===(i=this.selectedItem)||void 0===i?void 0:i.key)||void 0===s?void 0:s.toLocaleLowerCase())?Object.assign(Object.assign({},o),{lateMin:t,comment:e}):o})),this.changed()}dropdownMenu(){var t;const e=s.createComponent("bcm-attendance-actions-dropdown",{id:"attendance-dropdown-"+this._id,size:this.size,data:this.data,selectedKey:null===(t=this.selectedItem)||void 0===t?void 0:t.key,targetId:"attendance-dropdown-button-"+this._id});e.addEventListener("bcm-attendance-actions-dropdown-change",(({detail:t})=>{this.handleSelectItem(t)})),e.show()}commentArea(){var t,e;const o=s.createComponent("bcm-attendance-actions-comment",{id:"comment-"+this._id,size:this.size,isLate:this.isLate,targetId:"comment-area-"+this._id,selectedItem:this.selectedItem,lateMinutes:null===(t=this.selectedItem)||void 0===t?void 0:t.lateMin,comment:null===(e=this.selectedItem)||void 0===e?void 0:e.comment});o.addEventListener("bcm-attendance-actions-comment-change",(({detail:t})=>{this.handleSave(t.lateMinutes,t.comment)})),o.show()}async set(t,e=!0){if(!this.hasDataForKey(t))return;const o=this.data.find((e=>{var o;return(null===(o=e.key)||void 0===o?void 0:o.toLocaleLowerCase())===(null==t?void 0:t.toLocaleLowerCase())}));this.handleSelectItem(o,e,!1)}async get(){return this.selectedItem}render(){var t,e,i;const{selectedItem:a,renderButtons:r,disabled:c,hideComment:u,size:b}=this,{host:m,buttonContainer:w,button:h,dropdownButton:v,commentIcon:p,mainButton:f}=d({selected:!!a,size:b,disabled:c}),g=a?s.getTwColor({color:null!==(t=a.color)&&void 0!==t?t:"blue",tones:{600:["bg"],700:["hover-bg"],800:["active-bg"]},variable:"--bcm-attendance-actions-button"}):{},y={class:l(h(),f()),style:Object.assign({},g),disabled:c,type:"button"},x=Object.assign(Object.assign({},y),{class:l(h(),v())}),j=!u&&!!a,k=(null==a?void 0:a.comment)||(null==a?void 0:a.lateMin)?`${(null==a?void 0:a.comment)||""}${(null==a?void 0:a.lateMin)?` (${null==a?void 0:a.lateMin} min) `:""}`:"";return o(n,{class:m(),onKeyPress:this.handleKeyPress.bind(this)},o("div",{class:w()},null==r?void 0:r.map((t=>o("button",Object.assign({},y,{onClick:()=>this.handleSelectItem(t),title:t.value}),o("i",{class:l(t.icon||"fa-solid fa-minus","!tw-leading-[inherit]")}),t.selected&&o("span",{class:"tw-truncate"},t.value)))),o("button",Object.assign({id:"attendance-dropdown-button-"+this._id},x,{onClick:()=>this.dropdownMenu(),title:"More"}),o("i",{class:l("fa-solid fa-angle-down !tw-leading-[inherit]")}))),o("div",{id:"comment-area-"+this._id,class:l(p(),{"tw-cursor-default":!j,"tw-cursor-pointer":j}),onClick:()=>j&&this.commentArea()},o("i",{title:j?k:"",class:l("fa-solid fa-comment",{"tw-text-gray-400":!((null===(e=this.selectedItem)||void 0===e?void 0:e.comment)||(null===(i=this.selectedItem)||void 0===i?void 0:i.lateMin)),"tw-visible":j,"tw-invisible":!j})})))}get el(){return i(this)}};c.style="";export{c as bcm_attendance_actions}
+import{r as t,c as e,h as o,H as n,g as i}from"./p-e037ee2b.js";import"./p-4798d827.js";import"./p-626a65e9.js";import{G as s}from"./p-d163d9d9.js";import"./p-97605d99.js";import"./p-6b5ed4d8.js";import"./p-faa161c9.js";import"./p-5ae0a59b.js";import{a}from"./p-a313fba6.js";import{c as l}from"./p-bed627ab.js";import{c as r}from"./p-08c75801.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-1223f996.js";const d=r({slots:{host:["tw-flex tw-flex-row tw-items-center tw-justify-center tw-w-full tw-max-w-48 tw-gap-2","bcm-ui-element bcm-attendance-actions"],base:"",buttonContainer:"tw-flex tw-flex-row tw-items-center tw-justify-center tw-w-full tw-max-w-[168px]",button:["","tw-button-reset","tw-flex-1 last:tw-flex-none","tw-bg-[--bcm-attendance-actions-button-bg]","tw-text-[--bcm-attendance-actions-button-text]","tw-border tw-border-solid tw-border-[--bcm-attendance-actions-button-border]","hover:tw-bg-[--bcm-attendance-actions-button-hover-bg]","active:tw-bg-[--bcm-attendance-actions-button-active-bg]","focus-visible:tw-ring-2 focus-visible:tw-ring-offset-2 focus-visible:tw-z-10","tw-flex tw-flex-row tw-items-center tw-justify-center","first:tw-rounded-l last:tw-rounded-r","tw-font-medium","-tw-ml-[1px] first:tw-ml-0"],dropdownButton:"",mainButton:"",commentIcon:""},variants:{selected:{true:{button:["tw-text-white tw-border-transparent last:tw-ml-[1px]","first:tw-justify-start"],mainButton:["tw-min-w-[calc(theme(spacing.12)-1px)]"]},false:{button:[""]}},size:{small:{button:["tw-text-2","tw-min-h-6","tw-gap-2"],mainButton:["tw-px-3"],dropdownButton:["tw-px-2.5"]},medium:{button:["tw-text-3","tw-min-h-8","tw-gap-2"],mainButton:["tw-px-3"],dropdownButton:["tw-px-2.5"]},large:{button:["tw-text-4","tw-min-h-10","tw-gap-2.5"],mainButton:["tw-px-3"],dropdownButton:["tw-px-3"]}},disabled:{true:{},false:{}}},compoundVariants:[{disabled:!0,class:{buttonContainer:["tw-cursor-not-allowed tw-pointer-events-none"],button:["tw-cursor-not-allowed","tw-bg-[--bcm-attendance-actions-button-disabled-bg]","tw-text-[--bcm-attendance-actions-button-disabled-text]","tw-border-transparent","hover:tw-bg-[--bcm-attendance-actions-button-disabled-bg]"],mainButton:["tw-bg-[--bcm-attendance-actions-button-disabled-bg]","tw-text-[--bcm-attendance-actions-button-disabled-text]","tw-border-transparent","hover:tw-bg-[--bcm-attendance-actions-button-disabled-bg]","tw-cursor-not-allowed"],host:["tw-cursor-not-allowed"],commentIcon:["tw-cursor-not-allowed tw-pointer-events-none"]}},{disabled:!1,class:{button:["tw-cursor-pointer"]}}],defaultVariants:{selected:!1,size:"medium",disabled:!1}}),c=class{constructor(o){t(this,o),this.change=e(this,"bcm-attendance-change",3),this._id=s.UID(),this.size=a.Size.medium,this.disabled=!1,this.data=[{key:"P",value:"Present",color:"emerald",icon:"fa-solid fa-check",priority:0},{key:"A",value:"Absent",color:"red",icon:"fa-solid fa-times",priority:1},{key:"L",value:"Late",color:"amber",icon:"fa-solid fa-clock",priority:2},{key:"C",value:"Other Authorised Circumstance",color:"blue",icon:"fa-solid fa-question"},{key:"E",value:"Exlude",color:"blue",icon:"fa-solid fa-minus"},{key:"G",value:"Family Holiday",color:"blue",icon:"fa-solid fa-minus"},{key:"H",value:"Family Holiday (Agreed)",color:"blue",icon:"fa-solid fa-minus"},{key:"I",value:"Illness",color:"blue",icon:"fa-solid fa-minus"},{key:"J",value:"Intervier",color:"blue",icon:"fa-solid fa-minus"},{key:"M",value:"Medical / Dental",color:"blue",icon:"fa-solid fa-minus"},{key:"N",value:"No Reason yet PRovided",color:"blue",icon:"fa-solid fa-minus"},{key:"O",value:"Unauthrised Absence",color:"blue",icon:"fa-solid fa-minus"},{key:"U",value:"Late after Reg. Closed",color:"blue",icon:"fa-solid fa-minus"},{key:"X",value:"Non-comp School Age Absence",color:"blue",icon:"fa-solid fa-minus"}],this.lateKeys="L",this.hideComment=!1}get selectedItem(){return this.data.find((t=>t.selected))}get priorityButtons(){return this.data.filter((t=>void 0!==t.priority)).sort(((t,e)=>t.priority-e.priority))}get renderButtons(){const{selectedItem:t,priorityButtons:e}=this;return[...t?[t]:e.length?e:this.data.slice(0,3)]}get lateKeysMap(){return this.lateKeys.toLocaleLowerCase().split(",")}get isLate(){var t,e;return this.lateKeysMap.includes(null===(e=null===(t=this.selectedItem)||void 0===t?void 0:t.key)||void 0===e?void 0:e.toLocaleLowerCase())}get dropdownMenuElement(){return document.getElementById("attendance-dropdown-"+this._id)}get commentAreaElement(){return document.getElementById("comment-"+this._id)}handleSelectItem(t,e=!0,o=!0){var n,i;if(this.data=[...this.data.map((e=>{var o,n;return Object.assign(Object.assign({},e),{selected:(null===(o=t.key)||void 0===o?void 0:o.toLocaleLowerCase())===(null===(n=e.key)||void 0===n?void 0:n.toLocaleLowerCase())})}))],null===(n=this.dropdownMenuElement)||void 0===n||n.hide(),null===(i=this.commentAreaElement)||void 0===i||i.hide(),!this.isLate)return e&&this.changed();!this.hideComment&&o&&this.commentArea()}changed(){this.change.emit(this.selectedItem)}hasDataForKey(t){return!!this.data.find((e=>e.key.toLocaleLowerCase()===t.toLocaleLowerCase()))}handleKeyPress({key:t}){if(!this.hasDataForKey(t))return;const e=this.data.find((e=>{var o;return(null===(o=e.key)||void 0===o?void 0:o.toLocaleLowerCase())===(null==t?void 0:t.toLocaleLowerCase())}));this.handleSelectItem(e)}handleSave(t,e){this.data=[...this.data].map((o=>{var n,i,s;return(null===(n=o.key)||void 0===n?void 0:n.toLocaleLowerCase())===(null===(s=null===(i=this.selectedItem)||void 0===i?void 0:i.key)||void 0===s?void 0:s.toLocaleLowerCase())?Object.assign(Object.assign({},o),{lateMin:t,comment:e}):o})),this.changed()}dropdownMenu(){var t;const e=s.createComponent("bcm-attendance-actions-dropdown",{id:"attendance-dropdown-"+this._id,size:this.size,data:this.data,selectedKey:null===(t=this.selectedItem)||void 0===t?void 0:t.key,targetId:"attendance-dropdown-button-"+this._id});e.addEventListener("bcm-attendance-actions-dropdown-change",(({detail:t})=>{this.handleSelectItem(t)})),e.show()}commentArea(){var t,e;const o=s.createComponent("bcm-attendance-actions-comment",{id:"comment-"+this._id,size:this.size,isLate:this.isLate,targetId:"comment-area-"+this._id,selectedItem:this.selectedItem,lateMinutes:null===(t=this.selectedItem)||void 0===t?void 0:t.lateMin,comment:null===(e=this.selectedItem)||void 0===e?void 0:e.comment});o.addEventListener("bcm-attendance-actions-comment-change",(({detail:t})=>{this.handleSave(t.lateMinutes,t.comment)})),o.show()}async set(t,e=!0){if(!this.hasDataForKey(t))return;const o=this.data.find((e=>{var o;return(null===(o=e.key)||void 0===o?void 0:o.toLocaleLowerCase())===(null==t?void 0:t.toLocaleLowerCase())}));this.handleSelectItem(o,e,!1)}async get(){return this.selectedItem}render(){var t,e,i;const{selectedItem:a,renderButtons:r,disabled:c,hideComment:u,size:m}=this,{host:b,buttonContainer:w,button:h,dropdownButton:v,commentIcon:p,mainButton:f}=d({selected:!!a,size:m,disabled:c}),g=a?s.getTwColor({color:null!==(t=a.color)&&void 0!==t?t:"blue",tones:{600:["bg"],700:["hover-bg"],800:["active-bg"]},variable:"--bcm-attendance-actions-button"}):{},y={class:l(h(),f()),style:Object.assign({},g),disabled:c,type:"button"},x=Object.assign(Object.assign({},y),{class:l(h(),v())}),j=!u&&!!a,k=(null==a?void 0:a.comment)||(null==a?void 0:a.lateMin)?`${(null==a?void 0:a.comment)||""}${(null==a?void 0:a.lateMin)?` (${null==a?void 0:a.lateMin} min) `:""}`:"";return o(n,{class:b(),onKeyPress:this.handleKeyPress.bind(this)},o("div",{class:w()},null==r?void 0:r.map((t=>o("button",Object.assign({},y,{onClick:()=>this.handleSelectItem(t),title:t.value}),o("i",{class:l(t.icon||"fa-solid fa-minus","!tw-leading-[inherit]")}),t.selected&&o("span",{class:"tw-truncate"},t.value)))),o("button",Object.assign({id:"attendance-dropdown-button-"+this._id},x,{onClick:()=>this.dropdownMenu(),title:"More"}),o("i",{class:l("fa-solid fa-angle-down !tw-leading-[inherit]")}))),o("div",{id:"comment-area-"+this._id,class:l(p(),{"tw-cursor-default":!j,"tw-cursor-pointer":j}),onClick:()=>j&&this.commentArea()},o("i",{title:j?k:"",class:l("fa-solid fa-comment",{"tw-text-gray-400":!((null===(e=this.selectedItem)||void 0===e?void 0:e.comment)||(null===(i=this.selectedItem)||void 0===i?void 0:i.lateMin)),"tw-visible":j,"tw-invisible":!j})})))}get el(){return i(this)}};c.style="";export{c as bcm_attendance_actions}

package/dist/bromcom-ui/{p-588a3308.entry.js → p-401ae8cc.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,c as t,h as i,g as s}from"./p-e037ee2b.js";import{G as c,s as d}from"./p-c5a2a4d3.js";import{S as l}from"./p-6b5ed4d8.js";import"./p-cca60157.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-a313fba6.js";const n=class{constructor(i){e(this,i),this.bcmItems=t(this,"bcm-items",7),this._id=c.UID()}connectedCallback(){if(this.el.children&&this.el.children.length>0){let e=this.nestedItems(this.el);this.bcmItems.emit(e),this.el.remove()}}mapItems(e){var t;const i=null===(t=null==e?void 0:e.innerHTML)||void 0===t?void 0:t.replace(/<bcm-item>.*<\/bcm-item>/g,"").replace(/<bcm-item .*>.*<\/bcm-item>/g,"").replace(/<!--(.|\s)*?-->/g,"").trim(),s=t=>l.elementBooleanCheck(e.getAttribute(t));return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({id:e.getAttribute("id")||c.UID(),text:e.getAttribute("text")||i},e.innerHTML.trim()&&{isHtmlContent:e.textContent.length>0?e.innerHTML.trim():null}),s("disabled")&&{disabled:s("disabled")}),s("selected")&&{selected:s("selected")}),s("hidden")&&{hidden:s("hidden")}),s("checked")&&{checked:s("checked")}),s("readonly")&&{readonly:s("readonly")}),s("active")&&{active:s("active")}),s("icon")&&{icon:e.getAttribute("icon")}),s("link")&&{link:e.getAttribute("link")})}nestedItems(e){return d((()=>Array.from(null==e?void 0:e.children).map((e=>{var t;return Object.assign(Object.assign({},"bcm-item"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())&&this.mapItems(e)),{items:this.nestedItems(e)})}))),[])}render(){return i("slot",null)}get el(){return s(this)}};export{n as bcm_items}
+import{r as e,c as t,h as i,g as s}from"./p-e037ee2b.js";import{G as c,s as d}from"./p-d163d9d9.js";import{S as l}from"./p-6b5ed4d8.js";import"./p-1223f996.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-a313fba6.js";const n=class{constructor(i){e(this,i),this.bcmItems=t(this,"bcm-items",7),this._id=c.UID()}connectedCallback(){if(this.el.children&&this.el.children.length>0){let e=this.nestedItems(this.el);this.bcmItems.emit(e),this.el.remove()}}mapItems(e){var t;const i=null===(t=null==e?void 0:e.innerHTML)||void 0===t?void 0:t.replace(/<bcm-item>.*<\/bcm-item>/g,"").replace(/<bcm-item .*>.*<\/bcm-item>/g,"").replace(/<!--(.|\s)*?-->/g,"").trim(),s=t=>l.elementBooleanCheck(e.getAttribute(t));return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({id:e.getAttribute("id")||c.UID(),text:e.getAttribute("text")||i},e.innerHTML.trim()&&{isHtmlContent:e.textContent.length>0?e.innerHTML.trim():null}),s("disabled")&&{disabled:s("disabled")}),s("selected")&&{selected:s("selected")}),s("hidden")&&{hidden:s("hidden")}),s("checked")&&{checked:s("checked")}),s("readonly")&&{readonly:s("readonly")}),s("active")&&{active:s("active")}),s("icon")&&{icon:e.getAttribute("icon")}),s("link")&&{link:e.getAttribute("link")})}nestedItems(e){return d((()=>Array.from(null==e?void 0:e.children).map((e=>{var t;return Object.assign(Object.assign({},"bcm-item"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())&&this.mapItems(e)),{items:this.nestedItems(e)})}))),[])}render(){return i("slot",null)}get el(){return s(this)}};export{n as bcm_items}

package/dist/bromcom-ui/p-451283b8.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as t,c as i,h as s,H as e,g as o}from"./p-e037ee2b.js";import"./p-4798d827.js";import"./p-626a65e9.js";import{G as a}from"./p-d163d9d9.js";import"./p-97605d99.js";import"./p-6b5ed4d8.js";import"./p-faa161c9.js";import"./p-5ae0a59b.js";import{d as n}from"./p-3c7a0345.js";import{F as r}from"./p-6e5f5f36.js";import{a as l}from"./p-a313fba6.js";import{c}from"./p-08c75801.js";import"./p-436364c8.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-1223f996.js";const m=c({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-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"}}),h=class{constructor(s){t(this,s),this.change=i(this,"bcm-attendance-actions-comment-change",3),this.lateMinutes=null,this.comment=null,this._id=a.UID(),this.size=l.Size.medium,this.disabled=!1,this.selectedKey=null,this.targetId=null,this.isShow=!1,this.isLate=!1,this.selectedItem=null}handleSave(t,i){this.change.emit({lateMinutes:t,comment:i}),this.hide()}async show(){const t=document.getElementById(this.targetId);r({ref:t,floating:this.el,placement:"bottom-end",offset:8,arrow:!0,arrowColor:"tw-bg-white"}),this.isShow=!0,await n(100),this.isLate?this.focusInput():this.focusTextarea()}focusInput(){const t=this.el.querySelector("bcm-input");null==t||t.onBcmSelect()}focusTextarea(){const t=this.el.querySelector("bcm-textarea");null==t||t.onBcmSelect()}async hide(){this.isShow&&this.el.remove()}handleClickOutside(t){a.findEventPath(t,this.el)||this.hide()}async formSubmit(){var t,i,s;const{lateMinutes:e,comment:o,isLate:a}=this;if(a&&e&&!(e>=0&&e<=200))return;const{isValid:n}=await(null===(t=this.el.querySelector("bcm-form"))||void 0===t?void 0:t.submit());n&&this.handleSave(e||(null===(i=this.selectedItem)||void 0===i?void 0:i.lateMin),o||(null===(s=this.selectedItem)||void 0===s?void 0:s.comment))}render(){var t,i;const{size:o}=this,{host:a,footer:n}=m({size:o});return s(e,{class:a(),onKeyDown:t=>{"Escape"===t.key&&this.hide()}},s("bcm-form",{validation:!0,style:{width:"256px"}},this.isLate?s("bcm-input",{label:"Minus Late",required:!0,name:"lateMin",id:this._id+"-input-dropdown-late-content-input",type:"number",size:this.size,autocomplete:!1,"no-margin":!0,min:0,max:200,value:null===(t=this.selectedItem)||void 0===t?void 0:t.lateMin,placeholder:"Enter Minus Late","onBcm-change":({detail:t})=>this.lateMinutes=t,onKeyDown:t=>{"Enter"===t.key&&this.formSubmit()}},s("i",{slot:"prefix",class:"far fa-clock"})):null,s("bcm-textarea",{name:"comment",value:null===(i=this.selectedItem)||void 0===i?void 0:i.comment,size:this.size,"onBcm-change":({detail:t})=>this.comment=t,label:"Description","no-caption":!0,rows:4,onKeyDown:t=>{"Enter"===t.key&&this.formSubmit()}}),s("footer",{class:n()},s("bcm-button",{class:"tw-order-2",icon:"fas fa-save","icon-position":"prefix",size:this.size,onClick:()=>this.formSubmit()},"Save"),s("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 o(this)}};export{h as bcm_attendance_actions_comment}

package/dist/bromcom-ui/{p-efa62773.entry.js → p-48b5444c.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,c as e,f as i,h as s,H as a,g as o}from"./p-e037ee2b.js";import{I as n}from"./p-8e5e362a.js";import{G as r,s as h}from"./p-c5a2a4d3.js";import{S as p}from"./p-6b5ed4d8.js";import{B as l}from"./p-a313fba6.js";import"./p-cca60157.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";const c=["BCM-INPUT","BCM-TEXTAREA","BCM-SWITCH","BCM-CHECKBOX","BCM-RADIO-GROUP","BCM-CHECKBOX-GROUP","BCM-RANGE","BCM-FORM","BCM-FORM-GROUP","BCM-LIST","BCM-COLORPICKER","BCM-DATE","BCM-DATE-PICKER","BCM-TIME-PICKER","BCM-DATETIME-PICKER","BCM-SELECT","BCM-LISTBOX","BCM-CHIP-GROUP","BCM-INPUT-DROPDOWN"];const m=class{constructor(i){t(this,i),this.bcmForm=e(this,"bcm-form",7),this.isLoad=!1,this.formData={},this.formObj=new Map,this._id=r.UID(),this.validation=!1}componentDidLoad(){this.isLoad=!0,i(this)}componentIsValid(t){if(!t.hidden){this.checkIsGroup(t);const e=["bcm-checkbox","bcm-switch"].includes(p.lowercase(t.tagName))?0==t.value:p.isNullOrEmpty(t.value);t.required&&(e?(t.captionError=l.FormErrorMessages.required,t.captionType="error",this.formObj.set(t.id,{name:t.name,valid:!1,errorDetails:t.captionError})):(t.captionError=null,t.captionType="default",this.formObj.delete(t.id)))}}isGroup(t){return["bcm-checkbox-group"].includes(p.lowercase(t.tagName))}checkIsGroup(t){if(this.isGroup(t))for(let e of Array.from(t.querySelectorAll("bcm-checkbox")))e&&this.componentIsValid(e)}changeCheckboxGroup(t){const e=t.target,{changed:i}=t.detail,s=Array.from(e.querySelectorAll("bcm-checkbox"));for(let t of s)t.id==i.element.id&&(t.value=i.event.value,this.componentIsValid(t))}bcmComponentList(){return h((()=>Array.from(this.el.querySelectorAll("*")).filter((t=>c.includes(t.tagName)&&(!t["s-hn"]||"BCM-FORM-2"==t["s-hn"]))).filter(Boolean)),[])}formResponse(){const t={formData:this.formData,isValid:0==this.formObj.size,errorDetails:Object.assign({},this.formObj.size>0&&Array.from(this.formObj).map((([t,e])=>({[e.name]:e.errorDetails})))),message:0==this.formObj.size?"":"Please fill in all inputs"};return this.bcmForm.emit(t),t}async setMethodType(t){const{isLoad:e,validation:i}=this;if(e)for(const e of this.bcmComponentList())try{await e[t](),"setClear"==t&&i&&this.componentIsValid(e)}catch(i){console.error(e.nodeName,t,i)}return Promise.resolve()}async submit(){const{isLoad:t,validation:e}=this;if(t)for(const t of this.bcmComponentList()){const{name:i,value:s}=t;this.formData[i]=p.isNullOrEmpty(s)?null:s,e&&this.componentIsValid(t)}return Promise.resolve(this.formResponse())}async set(t){var e,i,s;if(this.isLoad&&t&&(null===(e=this.bcmComponentList())||void 0===e?void 0:e.length)>0)for(let e of Object.keys(t)){const a=null!==(s=null===(i=this.bcmComponentList())||void 0===i?void 0:i.find((t=>t.name==e)))&&void 0!==s?s:{};if(a)try{await a.set(t[e]),this.componentIsValid(a)}catch(t){console.warn("set: ",e,a.nodeName)}}}async get(){var t;let e={};if((null===(t=this.bcmComponentList())||void 0===t?void 0:t.length)>0)for(let t of this.bcmComponentList()){const i=await t.get();e=Object.assign(Object.assign({},e),{[t.name]:p.isNullOrEmpty(i)?null:i})}return Promise.resolve(e)}async resetCaption(){return Promise.resolve(await this.setMethodType("resetCaption"))}async setClear(){return this.formData={},this.formObj=new Map,Promise.resolve(await this.setMethodType("setClear"))}onChange(t){const{isLoad:e,validation:i}=this;if(e){const e=t.target,s=e&&e.tagName.toLowerCase().startsWith("bcm-");if(i&&s){if(this.isGroup(e))return this.changeCheckboxGroup(t);this.componentIsValid(e)}}}render(){return s(a,null,s("slot",null))}get el(){return o(this)}};(function(t,e,i,s){var a,o=arguments.length,n=o<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 r=t.length-1;r>=0;r--)(a=t[r])&&(n=(o<3?a(n):o>3?a(e,i,n):a(e,i))||n);o>3&&n&&Object.defineProperty(e,i,n)})([n()],m.prototype,"el",void 0),m.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}';export{m as bcm_form_2}
+import{r as t,c as e,f as i,h as s,H as o,g as a}from"./p-e037ee2b.js";import{I as n}from"./p-8e5e362a.js";import{G as r,s as h}from"./p-d163d9d9.js";import{S as p}from"./p-6b5ed4d8.js";import{B as l}from"./p-a313fba6.js";import"./p-1223f996.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";const c=["BCM-INPUT","BCM-TEXTAREA","BCM-SWITCH","BCM-CHECKBOX","BCM-RADIO-GROUP","BCM-CHECKBOX-GROUP","BCM-RANGE","BCM-FORM","BCM-FORM-GROUP","BCM-LIST","BCM-COLORPICKER","BCM-DATE","BCM-DATE-PICKER","BCM-TIME-PICKER","BCM-DATETIME-PICKER","BCM-SELECT","BCM-LISTBOX","BCM-CHIP-GROUP","BCM-INPUT-DROPDOWN"];const m=class{constructor(i){t(this,i),this.bcmForm=e(this,"bcm-form",7),this.isLoad=!1,this.formData={},this.formObj=new Map,this._id=r.UID(),this.validation=!1}componentDidLoad(){this.isLoad=!0,i(this)}componentIsValid(t){if(!t.hidden){this.checkIsGroup(t);const e=["bcm-checkbox","bcm-switch"].includes(p.lowercase(t.tagName))?0==t.value:p.isNullOrEmpty(t.value);t.required&&(e?(t.captionError=l.FormErrorMessages.required,t.captionType="error",this.formObj.set(t.id,{name:t.name,valid:!1,errorDetails:t.captionError})):(t.captionError=null,t.captionType="default",this.formObj.delete(t.id)))}}isGroup(t){return["bcm-checkbox-group"].includes(p.lowercase(t.tagName))}checkIsGroup(t){if(this.isGroup(t))for(let e of Array.from(t.querySelectorAll("bcm-checkbox")))e&&this.componentIsValid(e)}changeCheckboxGroup(t){const e=t.target,{changed:i}=t.detail,s=Array.from(e.querySelectorAll("bcm-checkbox"));for(let t of s)t.id==i.element.id&&(t.value=i.event.value,this.componentIsValid(t))}bcmComponentList(){return h((()=>Array.from(this.el.querySelectorAll("*")).filter((t=>c.includes(t.tagName)&&(!t["s-hn"]||"BCM-FORM-2"==t["s-hn"]))).filter(Boolean)),[])}formResponse(){const t={formData:this.formData,isValid:0==this.formObj.size,errorDetails:Object.assign({},this.formObj.size>0&&Array.from(this.formObj).map((([t,e])=>({[e.name]:e.errorDetails})))),message:0==this.formObj.size?"":"Please fill in all inputs"};return this.bcmForm.emit(t),t}async setMethodType(t){const{isLoad:e,validation:i}=this;if(e)for(const e of this.bcmComponentList())try{await e[t](),"setClear"==t&&i&&this.componentIsValid(e)}catch(i){console.error(e.nodeName,t,i)}return Promise.resolve()}async submit(){const{isLoad:t,validation:e}=this;if(t)for(const t of this.bcmComponentList()){const{name:i,value:s}=t;this.formData[i]=p.isNullOrEmpty(s)?null:s,e&&this.componentIsValid(t)}return Promise.resolve(this.formResponse())}async set(t){var e,i,s;if(this.isLoad&&t&&(null===(e=this.bcmComponentList())||void 0===e?void 0:e.length)>0)for(let e of Object.keys(t)){const o=null!==(s=null===(i=this.bcmComponentList())||void 0===i?void 0:i.find((t=>t.name==e)))&&void 0!==s?s:{};if(o)try{await o.set(t[e]),this.componentIsValid(o)}catch(t){console.warn("set: ",e,o.nodeName)}}}async get(){var t;let e={};if((null===(t=this.bcmComponentList())||void 0===t?void 0:t.length)>0)for(let t of this.bcmComponentList()){const i=await t.get();e=Object.assign(Object.assign({},e),{[t.name]:p.isNullOrEmpty(i)?null:i})}return Promise.resolve(e)}async resetCaption(){return Promise.resolve(await this.setMethodType("resetCaption"))}async setClear(){return this.formData={},this.formObj=new Map,Promise.resolve(await this.setMethodType("setClear"))}onChange(t){const{isLoad:e,validation:i}=this;if(e){const e=t.target,s=e&&e.tagName.toLowerCase().startsWith("bcm-");if(i&&s){if(this.isGroup(e))return this.changeCheckboxGroup(t);this.componentIsValid(e)}}}render(){return s(o,null,s("slot",null))}get el(){return a(this)}};(function(t,e,i,s){var o,a=arguments.length,n=a<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 r=t.length-1;r>=0;r--)(o=t[r])&&(n=(a<3?o(n):a>3?o(e,i,n):o(e,i))||n);a>3&&n&&Object.defineProperty(e,i,n)})([n()],m.prototype,"el",void 0),m.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}';export{m as bcm_form_2}