bromcom-ui 2.11.0 → 2.11.1-rc.1

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

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{h as o,r as t,c as r,H as c,g as n}from"./p-e037ee2b.js";import{s as e,G as i}from"./p-c926e138.js";import{B as b}from"./p-6369b73b.js";import{c as l}from"./p-bed627ab.js";import{c as a}from"./p-197aba37.js";import{S as d}from"./p-e4b42f26.js";import{C as s}from"./p-4798d827.js";import"./p-4a540b56.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-94554e42.js";import"./p-436364c8.js";import"./p-3c7a0345.js";const u=({value:t,type:r,componentClass:c,disabled:n,href:e,target:i,loading:l,isIconOnly:a,icon:s,iconPosition:u,id:m})=>o(e?b.HtmlElementType.a:b.HtmlElementType.button,Object.assign({id:m},r==b.HtmlElementType.button&&{type:r},{class:c,disabled:n,href:e,target:i,tabindex:"0"}),o("span",{hidden:!0},o("slot",null)),l&&o("span",{class:"bcm-button__container-loading"}," ",o("span",{class:"bcm-button__container-icon"},o("i",{class:"far fa-spinner-third fa-spin"})," ")),s&&o("span",{class:`${u} bcm-button__container-icon`},o("i",{class:`${s}`})),!a&&o(d,{className:"bcm-button__container-text",value:t}),o("slot",{name:"suffix"})),m={save:{text:"Save",color:"emerald",icon:"far fa-save",iconPosition:"prefix"},ok:{text:"Ok",color:"emerald",icon:"far fa-check",iconPosition:"prefix"},new:{text:"New",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},add:{text:"Add",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},create:{text:"Create",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},prev:{text:"Prev",color:"",icon:"far fa-arrow-left",iconPosition:"prefix"},next:{text:"Next",color:"",icon:"far fa-arrow-right",iconPosition:"suffix"},apply:{text:"Apply",color:"",icon:"far fa-check-circle",iconPosition:"prefix"},submit:{text:"Submit",color:"",icon:"far fa-save",iconPosition:"prefix"},send:{text:"Send",color:"emerald",icon:"far fa-paper-plane",iconPosition:"prefix"},delete:{text:"Delete",color:"red",icon:"far fa-trash",iconPosition:"prefix"},cancel:{text:"Cancel",color:"red",icon:"far fa-times",iconPosition:"prefix"},decline:{text:"Decline",color:"red",icon:"far fa-ban",iconPosition:"prefix"},close:{text:"Close",color:"red",icon:"far fa-times-circle",iconPosition:"prefix"},archive:{text:"Archive",color:"red",icon:"far fa-folder-open",iconPosition:"prefix"},remove:{text:"Remove",color:"red",icon:"far fa-minus-circle",iconPosition:"prefix"},edit:{text:"Edit",color:"",icon:"far fa-edit",iconPosition:"prefix"},export:{text:"Export",color:"",icon:"far fa-sign-out",iconPosition:"prefix"},import:{text:"Import",color:"",icon:"far fa-sign-in",iconPosition:"prefix"},filter:{text:"Filter",color:"",icon:"far fa-filter",iconPosition:"prefix"},update:{text:"Update",color:"",icon:"far fa-sync",iconPosition:"prefix"},reset:{text:"Reset",color:"",icon:"far fa-sync",iconPosition:"prefix"},download:{text:"Download",color:"",icon:"far fa-download",iconPosition:"prefix"}};var v;!function(o){o.save="save",o.submit="submit",o.ok="ok",o.new="new",o.add="add",o.create="create",o.apply="apply",o.prev="prev",o.next="next",o.send="send",o.delete="delete",o.cancel="cancel",o.decline="decline",o.close="close",o.archive="archive",o.remove="remove",o.edit="edit",o.export="export",o.import="import",o.filter="filter",o.update="update",o.reset="Reset",o.download="download"}(v||(v={}));const{state:h}=a({value:new Map,setData:{},removeData:{}}),g=class{constructor(o){t(this,o),this.bcmClick=r(this,"bcm-click",7),this._id=i.UID(),this.hidden=!1,this.type=b.ButtonType.button,this.size=b.Size.medium,this.disabled=!1,this.kind=b.Kind.solid,this.outline=!1,this.icon=void 0,this.href=void 0,this.target=void 0,this.value=void 0,this.loading=!1,this.variant=void 0,this.dataDismiss=!1,this.fullWidth=!1,this.iconPosition=b.IconPosition.prefix,this.color=void 0,this.checked=!1}handleOnClick(o){if(this.disabled)return o.preventDefault(),o.stopPropagation(),!1}componentWillRender(){const{size:o,kind:t,icon:r,iconPosition:c,disabled:n,outline:e,href:i,type:l,target:a,loading:d,variant:s,fullWidth:u,hidden:v,value:g}=this;(o=>{const t=Object.assign(Object.assign({},o),m[o.variant]&&{icon:m[o.variant].icon,value:m[o.variant].text,iconPosition:b.IconPosition[m[o.variant].iconPosition],variantColor:m[o.variant].color});h.value.set(t.id,t)})({id:this._id,size:o,type:l,kind:t,icon:r,iconPosition:c,disabled:n,outline:e,href:i,target:a,loading:d,variant:s,fullWidth:u,hidden:v,value:g,isIconOnly:!(!this.isHaveChildNodes()||!this.icon)})}getStateData(){return o=this._id,e((()=>h.value.get(o)),{});var o}isHaveChildNodes(){return void 0===Array.from(this.el.childNodes).find((o=>o.nodeType===Node.TEXT_NODE))}setColor(o=this.color){if(!o)return;const{kind:t}=this,r=`--bcm-button-${t}`;return"solid"===t?{[`${r}-color-default`]:s.dsColor("white"),[`${r}-color-hover`]:s.dsColor("white"),[`${r}-color-focus-visible`]:s.dsColor("white"),[`${r}-color-active`]:s.dsColor("white"),[`${r}-color-disabled`]:s.dsColor("white"),[`${r}-background-color-default`]:s.dsColor(o+"-500"),[`${r}-background-color-hover`]:s.dsColor(o+"-600"),[`${r}-background-color-focus-visible`]:s.dsColor(o+"-700"),[`${r}-background-color-active`]:s.dsColor(o+"-800"),[`${r}-background-color-disabled`]:s.dsColor("slate-400"),[`${r}-border-default`]:s.dsColor(o+"-500"),[`${r}-border-hover`]:s.dsColor(o+"-600"),[`${r}-border-focus-visible`]:s.dsColor(o+"-700"),[`${r}-border-active`]:s.dsColor(o+"-800"),[`${r}-border-disabled`]:s.dsColor("slate-400")}:"link"==t?{[`${r}-color-default`]:s.dsColor(o+"-500"),[`${r}-color-hover`]:s.dsColor(o+"-600"),[`${r}-color-focus-visible`]:s.dsColor(o+"-800"),[`${r}-color-active`]:s.dsColor(o+"-700"),[`${r}-color-disabled`]:s.dsColor("slate-400"),[`${r}-background-color-default`]:s.dsColor("transparent"),[`${r}-background-color-hover`]:s.dsColor("transparent"),[`${r}-background-color-focus-visible`]:s.dsColor("slate-50"),[`${r}-background-color-active`]:s.dsColor("slate-50"),[`${r}-background-color-disabled`]:s.dsColor("transparent"),[`${r}-border-default`]:s.dsColor("transparent"),[`${r}-border-hover`]:s.dsColor("transparent"),[`${r}-border-focus-visible`]:s.dsColor("slate-50"),[`${r}-border-active`]:s.dsColor("slate-50"),[`${r}-border-disabled`]:s.dsColor("transparent")}:"ghost"==t?{[`${r}-color-default`]:s.dsColor(o+"-600"),[`${r}-color-hover`]:s.dsColor(o+"-600"),[`${r}-color-focus-visible`]:s.dsColor(o+"-600"),[`${r}-color-active`]:s.dsColor(o+"-600"),[`${r}-color-disabled`]:s.dsColor(o+"-300"),[`${r}-background-color-default`]:s.dsColor(o+"-100"),[`${r}-background-color-hover`]:s.dsColor(o+"-200"),[`${r}-background-color-focus-visible`]:s.dsColor(o+"-400"),[`${r}-background-color-active`]:s.dsColor(o+"-300"),[`${r}-background-color-disabled`]:s.dsColor(o+"-50"),[`${r}-border-default`]:s.dsColor(o+"-300"),[`${r}-border-hover`]:s.dsColor(o+"-400"),[`${r}-border-focus-visible`]:s.dsColor(o+"-600"),[`${r}-border-active`]:s.dsColor(o+"-500"),[`${r}-border-disabled`]:s.dsColor(o+"-200")}:void 0}render(){const{size:t,kind:r,disabled:n,outline:e,type:i,href:b,target:a,loading:d,variantColor:s,fullWidth:m,hidden:v,icon:h,iconPosition:g,value:p,isIconOnly:k,iconSize:f}=this.getStateData();let x=l("bcm-button__container",`bcm-button__container-size-${t}`,`bcm-button__container-kind-${e?"ghost":r}`,{"full-width":m,checked:this.checked,disabled:n});const _=l("bcm-button",{hidden:v,"full-width":m});return o(c,{class:_,style:this.setColor(s),onClick:()=>!n&&this.bcmClick.emit(this.el)},o(u,{type:i,value:p,componentClass:x,disabled:n,href:b,target:a,icon:h,loading:d,iconSize:f,isIconOnly:k,iconPosition:g}))}get el(){return n(this)}};g.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-button{display:inline-flex;width:fit-content;height:fit-content;--bcm-button-solid-color-default:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-border-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-color-hover:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-border-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-border-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-color-active:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-border-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-color-disabled:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-solid-border-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-default:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-default:var(--bcm-new-ds-color-slate-100);--bcm-button-ghost-border-default:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-color-hover:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-border-hover:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-focus-visible:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-border-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-color-active:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-border-active:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-background-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-button-ghost-border-disabled:var(--bcm-new-ds-color-slate-200);--bcm-button-link-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-link-background-color-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-link-background-color-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-default:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-focus-visible:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-link-border-focus-visible:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-active:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-link-border-active:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-disabled:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-border-disabled:var(--bcm-new-ds-color-transparent)}.bcm-button.full-width{width:100%}.bcm-button.full-width .bcm-button__container{width:100%}.bcm-button:after,.bcm-button:before{content:"";clear:both}.bcm-button__container{border:none;color:inherit;background-color:inherit;padding:0;margin:0;font:inherit;cursor:pointer;outline:none;text-decoration:none;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px 12px;outline:none;border-radius:4px;transition:background-color 0.1s ease-in-out;position:relative;min-width:40px;border-width:1px;border-style:solid;border-color:initial}.bcm-button__container:hover,.bcm-button__container:focus,.bcm-button__container:active{outline:none;text-decoration:none}.bcm-button__container-loading{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:center}.bcm-button__container-kind-solid{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-solid:hover{color:var(--bcm-button-solid-color-hover);background-color:var(--bcm-button-solid-background-color-hover);border-color:var(--bcm-button-solid-border-hover)}.bcm-button__container-kind-solid:focus-visible{color:var(--bcm-button-solid-color-focus-visible);background-color:var(--bcm-button-solid-background-color-focus-visible);border-color:var(--bcm-button-solid-border-focus-visible)}.bcm-button__container-kind-solid:active{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid:disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid.checked{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid.disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid .bcm-button__container-loading{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-ghost{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-ghost:not([disabled]) .bcm-icon{color:var(--bcm-new-ds-color-slate-500)}.bcm-button__container-kind-ghost:hover{color:var(--bcm-button-ghost-color-hover);background-color:var(--bcm-button-ghost-background-color-hover);border-color:var(--bcm-button-ghost-border-hover)}.bcm-button__container-kind-ghost:focus-visible{color:var(--bcm-button-ghost-color-focus-visible);background-color:var(--bcm-button-ghost-background-color-focus-visible);border-color:var(--bcm-button-ghost-border-focus-visible)}.bcm-button__container-kind-ghost:active{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost:disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost.checked{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost.disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost .bcm-button__container-loading{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-link{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-link:hover{color:var(--bcm-button-link-color-hover);background-color:var(--bcm-button-link-background-color-hover);border-color:var(--bcm-button-link-border-hover)}.bcm-button__container-kind-link:focus-visible{color:var(--bcm-button-link-color-focus-visible);background-color:var(--bcm-button-link-background-color-focus-visible);border-color:var(--bcm-button-link-border-focus-visible)}.bcm-button__container-kind-link:active{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link:disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link.checked{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link.disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link .bcm-button__container-loading{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-ghost-link{color:var(--bcm-button-ghost-link-color-default);background-color:var(--bcm-button-ghost-link-background-color-default);border-color:var(--bcm-button-ghost-link-border-default)}.bcm-button__container-kind-ghost-link:hover{color:var(--bcm-button-ghost-link-color-hover);background-color:var(--bcm-button-ghost-link-background-color-hover);border-color:var(--bcm-button-ghost-link-border-hover)}.bcm-button__container-kind-ghost-link:focus-visible{color:var(--bcm-button-ghost-link-color-focus-visible);background-color:var(--bcm-button-ghost-link-background-color-focus-visible);border-color:var(--bcm-button-ghost-link-border-focus-visible)}.bcm-button__container-kind-ghost-link:active{color:var(--bcm-button-ghost-link-color-active);background-color:var(--bcm-button-ghost-link-background-color-active);border-color:var(--bcm-button-ghost-link-border-active)}.bcm-button__container-kind-ghost-link:disabled{color:var(--bcm-button-ghost-link-color-disabled);background-color:var(--bcm-button-ghost-link-background-color-disabled);border-color:var(--bcm-button-ghost-link-border-disabled)}.bcm-button__container-kind-ghost-link.checked{color:var(--bcm-button-ghost-link-color-active);background-color:var(--bcm-button-ghost-link-background-color-active);border-color:var(--bcm-button-ghost-link-border-active)}.bcm-button__container-kind-ghost-link.disabled{color:var(--bcm-button-ghost-link-color-disabled);background-color:var(--bcm-button-ghost-link-background-color-disabled);border-color:var(--bcm-button-ghost-link-border-disabled)}.bcm-button__container-kind-ghost-link .bcm-button__container-loading{color:var(--bcm-button-ghost-link-color-default);background-color:var(--bcm-button-ghost-link-background-color-default);border-color:var(--bcm-button-ghost-link-border-default)}.bcm-button__container[disabled]{cursor:not-allowed}.bcm-button__container-text{order:3;display:flex;align-items:center;gap:8px;white-space:nowrap}.bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-icon.prefix{order:2}.bcm-button__container-icon.suffix{order:4}.bcm-button__container-size-small{font-size:12px;line-height:calc(12px + 8px);padding:calc(4px - 3px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px - 2px)) * 2)}.bcm-button__container-size-small .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-medium{font-size:calc(12px + 1px);line-height:calc(12px + 8px);padding:calc(4px + 1px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px + 2px)) * 2)}.bcm-button__container-size-medium .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-large{font-size:16px;line-height:calc(16px + 8px);padding:calc(8px - 1px) 12px;min-height:calc(calc(16px + 8px) + (calc(8px) * 2))}.bcm-button__container-size-large .bcm-button__container-icon{min-height:calc(16px + 8px)}';export{g as bcm_button}

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

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as i,h as e,H as t,g as n}from"./p-e037ee2b.js";import{c as s}from"./p-bed627ab.js";import{B as a}from"./p-6369b73b.js";import"./p-e45c1546.js";const o=class{constructor(e){i(this,e),this.hidden=!1,this.href=void 0,this.target=void 0,this.icon=void 0,this.disabled=!1,this.iconPosition=a.IconPosition.prefix}handleOnClick(i){this.disabled&&(i.preventDefault(),i.stopPropagation())}linkIsExternal(i){return i&&!(!i.startsWith("http")&&!i.startsWith("//"))}render(){const{href:i,icon:n,hidden:o,target:l,iconPosition:r,disabled:p}=this,c=s("bcm-link",{disabled:p,hidden:o}),h=s("bcm-link__anchor",r,{suffix:this.linkIsExternal(i)});return e(t,{disabled:p,class:c},e(i?"a":"span",{class:h,href:i,target:this.linkIsExternal(i)?"_blank":l},n&&r===a.IconPosition.prefix&&e("bcm-icon",{class:"prefix-icon",icon:n}),e("slot",null),this.linkIsExternal(i)&&e("bcm-icon",{class:"suffix-icon",icon:"far fa-external-link-alt"})))}get el(){return n(this)}};o.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-link{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline;color:var(--bcm-new-ds-color-blue-500)}.bcm-link.hidden{display:none}.bcm-link.disabled{pointer-events:none;opacity:0.5;cursor:not-allowed}.bcm-link__anchor{display:inline-flex;align-items:baseline;font-size:inherit;color:inherit}.bcm-link__anchor.prefix .prefix-icon{margin-right:4px}.bcm-link__anchor.suffix .suffix-icon{margin-left:4px}.bcm-link__anchor:hover,.bcm-link__anchor:focus,.bcm-link__anchor:active,.bcm-link__anchor:focus-visible{outline:none}.bcm-link__anchor:hover{color:var(--bcm-new-ds-color-blue-600)}.bcm-link__anchor:active{color:var(--bcm-new-ds-color-blue-700)}.bcm-link__anchor:focus-visible{color:var(--bcm-new-ds-color-blue-800)}';export{o as bcm_link}

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

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{c as e}from"./p-197aba37.js";import{G as t,s}from"./p-c926e138.js";import{f as a}from"./p-e037ee2b.js";const{state:c}=e({value:new Map,setData:{}}),i={removeState:e=>{c.value.delete(e)},getValue:e=>s((()=>c.value.get(e)),{}),setValue:e=>{const s=Object.assign(Object.assign({},e),{steps:e.steps&&e.steps.length>0&&e.steps.filter((e=>!e.hidden)).map(((s,a)=>({id:s.id||t.UID(),title:s.title||s._title,_title:s.title||s._title||"Step "+(a+1),description:s.description||"",status:s.status||"default",disabled:e.linear?0!=a:s.disabled||!1,icon:s.icon||void 0,valid:s.valid||!0,loading:s.loading||!1,index:a+1,active:e.linear?0==a:e.active===a+1,isLast:a===e.steps.length-1,statusIcon:e.icon,headerHidden:s.hidden})))});c.value.set(e.id,s)},changeActiveStep:(e,t)=>{const s=c.value.get(e);s&&(s.active=t,s.steps=s.steps.map(((e,s)=>Object.assign(Object.assign({},e),{active:s===t-1}))))},getActiveIndex:e=>s((()=>c.value.get(e).active),0),changeStepStatus:(e,t,s)=>{const i=c.value.get(e);i&&i.steps&&(i.steps=i.steps.map((e=>Object.assign(Object.assign({},e),{status:e.id===t?s:e.status}))),a(i.el))},changeStepDisabled:(e,t,s)=>{const i=c.value.get(e);i&&i.steps&&(i.steps=i.steps.map((e=>Object.assign(Object.assign({},e),{disabled:e.id===t?s:e.disabled}))),a(i.el))},stepperReset:e=>{const t=c.value.get(e);t&&(t.active=1,t.steps=t.steps.map(((e,t)=>Object.assign(Object.assign({},e),{active:0===t,status:"default",disabled:0!==t,loading:!1}))),a(t.el))},setActiveIndex:(e,t)=>c.value.get(e).active=t};export{i as s}

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

@@ -1,5 +0,0 @@
-/*!
- * 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-c926e138.js";import"./p-6bea3bea.js";import"./p-94554e42.js";import"./p-ba2ddaf6.js";import"./p-5ae0a59b.js";import{d as n}from"./p-3c7a0345.js";import{F as r}from"./p-518b9b80.js";import{a as l}from"./p-6369b73b.js";import{c}from"./p-08c75801.js";import"./p-436364c8.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-4a540b56.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-e4b42f26.js

@@ -1,5 +0,0 @@
-/*!
- * 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-f33d8f77.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as t,c as i,f as e,h as o,H as n,g as s,F as l}from"./p-e037ee2b.js";import"./p-4798d827.js";import"./p-626a65e9.js";import{G as r}from"./p-c926e138.js";import"./p-6bea3bea.js";import"./p-94554e42.js";import"./p-ba2ddaf6.js";import"./p-5ae0a59b.js";import{a}from"./p-6369b73b.js";import{C as d}from"./p-8a92f2bf.js";import{c as u}from"./p-bed627ab.js";import"./p-3fac58f7.js";import"./p-2e73d572.js";import{c as p}from"./p-08c75801.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-4a540b56.js";const h=p({slots:{base:"tw-font-sans tw-flex tw-flex-col tw-items-start tw-justify-start tw-gap-2",content:"tw-flex tw-flex-row tw-items-center tw-justify-start tw-gap-3",inputArea:"tw-flex tw-flex-row tw-items-center tw-justify-start tw-gap-1 tw-box-content tw-border tw-border-solid tw-max-w-[100px]  tw-uppercase tw-font-medium tw-text-center tw-border-gray-300 tw-rounded",input:"tw-flex-1 tw-text-inherit tw-uppercase tw-font-semibold tw-text-center tw-border-none tw-bg-transparent tw-outline-none tw-w-full",button:["input-dropdown-button tw-flex tw-flex-row tw-items-center tw-justify-center tw-gap-1 tw-rounded tw-outline-none tw-bg-slate-100","tw-border tw-border-solid tw-border-slate-300 tw-font-medium tw-text-slate-600","hover:tw-border-slate-400 hover:tw-bg-slate-200","tw-min-w-[32px]","tw-cursor-pointer","disabled:tw-cursor-not-allowed disabled:tw-text-slate-400 disabled:tw-pointer-events-none","readonly:tw-text-slate-700 readonly:tw-cursor-text"],menu:"tw-mt-1 tw-flex tw-flex-col tw-items-start tw-justify-center tw-gap-2 tw-overflow-auto tw-bg-white tw-p-3  tw-font-sans tw-text-3 tw-text-slate-700",menuItem:"tw-flex tw-w-full tw-cursor-pointer tw-flex-row tw-items-start tw-gap-1 tw-rounded tw-px-3 tw-py-1  tw-text-slate-700 hover:tw-bg-blue-100",selectedItem:"tw-flex tw-w-full tw-flex-row tw-items-start tw-gap-1 tw-rounded tw-px-3 tw-py-1  tw-text-slate-700 tw-bg-primary-200",disabledItem:"tw-flex tw-w-full tw-flex-row tw-items-start tw-gap-1 tw-rounded tw-px-3 tw-py-1  tw-cursor-not-allowed tw-text-slate-400 tw-bg-slate-100 hover:tw-bg-slate-100 tw-list-none",commentArea:"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"},variants:{size:{small:{button:"tw-h-[18px] tw-text-1 tw-leading-none"},medium:{button:"tw-h-[24px] tw-text-2",inputArea:"tw-p-0.5",input:"tw-text-4"},large:{button:"tw-h-[30px] tw-text-2",inputArea:"tw-p-1",input:"tw-text-6"}},invalid:{true:{inputArea:"tw-border-red-600 tw-bg-red-50",input:"tw-text-red-500"}},disabled:{true:{base:"tw-opacity-50 tw-cursor-not-allowed",input:"tw-cursor-not-allowed"}},hideComment:{true:{base:"tw-min-w-[98px]"},false:{base:"tw-min-w-[128px] "}},label:{true:""}},defaultVariants:{size:"medium",invalid:!1,hideComment:!1,disabled:!1}}),c=class{constructor(e){t(this,e),this.change=i(this,"bcm-change",7),this.onChangeDropdown=i(this,"bcm-input-dropdown-change",7),this.handleKeyPress=t=>{var i,e;(null===(e=null===(i=null==t?void 0:t.target)||void 0===i?void 0:i.value)||void 0===e?void 0:e.length)>=+this.maxCharacterLimit&&t.preventDefault()},this._id=r.UID(),this.value=void 0,this.defaultValue={},this.lateKeys="L",this.maxCharacterLimit=1,this.size=a.Size.medium,this.label=void 0,this.placeholder=void 0,this.name=void 0,this.fullWidth=!1,this.hideComment=!1,this.hideCaption=!0,this.disabled=!1,this.required=!1,this.readonly=!1,this.data=[{key:"/",value:"Present",color:"#00b050"},{key:"B",value:"Educated off site (NOT dual registration)",color:"#ffc000"},{key:"C",value:"Other authorised circumstance",color:"#ffc000"},{key:"D",value:"Dual registration",color:"#0070c0"},{key:"E",value:"Excluded",color:"#ff0000"},{key:"F",value:"Free Study",color:"#ffc000"},{key:"I",value:"Illness",color:"#ff0000"},{key:"J",value:"Interview",color:"#ffc000"},{key:"L",value:"Late before reg. closed",color:"#ffc000"}],this.caption=void 0,this.noCaption=!1,this.captionType=a.Status.default,this.captionError=void 0,this.customErrorMessage=void 0,this.captionCache=void 0,this.captionTypeCache=void 0,this.isOpenMenu=!1,this.invalid=!1}get overlayContainer(){return document.getElementById("bcm-overlay-container")}get menuContent(){var t,i;return null!==(i=null===(t=this.overlayContainer)||void 0===t?void 0:t.querySelector(`#i-dropdown-menu-${this._id}`))&&void 0!==i?i:this.el.querySelector(`#i-dropdown-menu-${this._id}`)}get keys(){return this.lateKeys.toLocaleLowerCase().split(",")}get isLate(){var t,i,e,o,n,s;return this.keys.includes(null===(i=null===(t=this.value)||void 0===t?void 0:t.key)||void 0===i?void 0:i.toLocaleLowerCase())||(null===(o=null===(e=this.data)||void 0===e?void 0:e.find((t=>{var i,e,o;return(null===(i=null==t?void 0:t.key)||void 0===i?void 0:i.toLowerCase())===(null===(o=null===(e=this.value)||void 0===e?void 0:e.key)||void 0===o?void 0:o.toLowerCase())})))||void 0===o?void 0:o.isLate)||(null===(s=null===(n=this.data)||void 0===n?void 0:n.find((t=>{var i,e,o;return(null===(i=null==t?void 0:t.key)||void 0===i?void 0:i.toLowerCase())===(null===(o=null===(e=this.value)||void 0===e?void 0:e.key)||void 0===o?void 0:o.toLowerCase())})))||void 0===s?void 0:s.lateMin)>0}componentWillLoad(){var t,i;this.captionCache=this.caption,this.captionTypeCache=this.captionType,(null===(t=Object.keys(this.defaultValue))||void 0===t?void 0:t.length)>0?this.watchDefaultValueHandler(this.defaultValue):this.value=null===(i=this.data)||void 0===i?void 0:i.find((t=>t.selected))}get commentContent(){var t,i;return null!==(i=null===(t=this.overlayContainer)||void 0===t?void 0:t.querySelector(`#i-dropdown-comment-${this._id}`))&&void 0!==i?i:this.el.querySelector(`#i-dropdown-comment-${this._id}`)}clickListener(t){var i,e;const o=r.findEventPath(t,this.el),n=r.findEventPathWithNodeName(t,"BCM-LINKED");o||n||this.keys.includes(null===(i=this.value)||void 0===i?void 0:i.key)||null===(e=this.commentContent)||void 0===e||e.hide()}watchDefaultValueHandler(t){var i,o;t&&(this.value=null===(i=this.data)||void 0===i?void 0:i.find((i=>{var e,o;return(null===(e=null==i?void 0:i.key)||void 0===e?void 0:e.toLowerCase())===(null===(o=t.key)||void 0===o?void 0:o.toLowerCase())})),this.data=this.data.map((i=>(i.key===(null==t?void 0:t.key)?(i=t).selected=!0:i.selected=!1,i))),this.value=null===(o=this.data)||void 0===o?void 0:o.find((t=>null==t?void 0:t.selected)),e(this.el))}async set(t){this.data="string"==typeof t?JSON.parse(t):t}async get(){return this.value}async setClear(){return this.value=null,Promise.resolve()}async resetCaption(){return this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,this.invalid=!1,Promise.resolve()}onSelectItem(t){var i;this.invalid=!1,this.data=this.data.map((i=>Object.assign(Object.assign({},i),{selected:i.key===t.key}))),this.value=null===(i=this.data)||void 0===i?void 0:i.find((t=>null==t?void 0:t.selected)),this.onChangeDropdown.emit(this.value),this.change.emit()}async handleInput(t){var i,e,o,n,s,l,r;const a=null===(i=null==t?void 0:t.target)||void 0===i?void 0:i.value;if(this.isOpenMenu=!0,(null==a?void 0:a.length)>=+this.maxCharacterLimit){const i=null===(e=this.data)||void 0===e?void 0:e.find((t=>{var i;return(null===(i=null==t?void 0:t.key)||void 0===i?void 0:i.toLowerCase())===a.toLowerCase()}));i?(await(null===(o=this.menuContent)||void 0===o?void 0:o.hide()),(null==i?void 0:i.hideComment)||null===(n=this.commentContent)||void 0===n||n.show(),this.onSelectItem(i)):(this.invalid=!0,this.value=t.target.value,await(null===(s=this.menuContent)||void 0===s?void 0:s.show()),this._input.style.color="#ff0000")}else null===(l=this.commentContent)||void 0===l||l.hide(),null===(r=this.menuContent)||void 0===r||r.hide(),this.value=null,this._input.style.color="#000000",this.invalid=!1;this.change.emit()}onClickSave(){var t;null===(t=this.commentContent)||void 0===t||t.hide(),this.data=this.data.map((t=>Object.assign(Object.assign({},t),t.key===this.value.key&&{lateMin:this.value.lateMin,comment:this.value.comment}))),e(this.el),this.onChangeDropdown.emit(this.value),this.change.emit()}async onClick(t){var i,e;(null==t?void 0:t.hideComment)||null===(i=this.commentContent)||void 0===i||i.show(),await(null===(e=this.menuContent)||void 0===e?void 0:e.hide()),this.onSelectItem(t)}render(){var t,i,e,s,r;const{size:a,label:p,placeholder:c,required:m,disabled:w,readonly:v,_id:x,invalid:g,hideComment:f,noCaption:b,customErrorMessage:y,caption:z,captionType:j,captionError:k,hideCaption:C}=this,{base:I,inputArea:E,input:L,button:O,menu:M,menuItem:$,commentArea:A,disabledItem:D,content:B,selectedItem:S}=h({size:a,invalid:g,hideComment:f,disabled:w});return o(n,{class:I()},p&&o("bcm-label",{htmlFor:x+"-dropdown-input",size:a,value:p,required:m}),o("div",{class:B()},o("div",{class:E()},o("input",{id:x+"-dropdown-input",class:L(),style:{color:null===(t=this.value)||void 0===t?void 0:t.color},type:"text",tabIndex:-1,placeholder:c,value:null===(i=this.value)||void 0===i?void 0:i.key,disabled:w,required:m,autoComplete:"off",readOnly:v,onKeyPress:t=>this.handleKeyPress(t),onInput:t=>this.handleInput(t),ref:t=>this._input=t}),o("button",{disabled:w,id:`i-dropdown-button-${x}`,class:O(),onClick:()=>this.isOpenMenu=!0},o("i",{class:"fas fa-chevron-down"})),o("bcm-linked",{"onBcm-open":({detail:t})=>{var i;return t&&(null===(i=this.commentContent)||void 0===i?void 0:i.hide())},class:"tw-mt-1",id:`i-dropdown-menu-${x}`,"target-id":`i-dropdown-button-${x}`,placement:"bottom-start"},o((()=>{var t;return o(l,null,this.isOpenMenu?o("div",{class:M()},this.invalid&&o("li",{class:$()+" tw-bg-red-100 hover:tw-bg-red-100"},o("span",{class:"tw-text-red-900"},o("i",{class:"far fa-exclamation-circle"})),o("span",null,"There is not mark you entered, please use")),null===(t=this.data)||void 0===t?void 0:t.map((t=>o(l,null,o("li",(null==t?void 0:t.disabled)?{class:D()}:{class:(null==t?void 0:t.selected)?S():$(),onClick:()=>this.onClick(t)},o("span",null,t.key)," - ",o("span",null,t.value)))))):null)}),null)),o("bcm-linked",{id:`i-dropdown-comment-${x}`,"target-id":x,trigger:"custom",placement:"left"},o((()=>{var t,i,e;return o(l,null,this.isOpenMenu?o("div",{class:A()},this.isLate?o(l,null,o("bcm-input",{label:"Minus Late",required:!0,id:this._id+"-input-dropdown-late-content-input",type:"number","full-width":!0,autocomplete:!1,min:0,max:200,value:null===(t=this.value)||void 0===t?void 0:t.lateMin,placeholder:"Enter Minus Late",customErrorMessage:"Max limit 200 mins","onBcm-change":({detail:t})=>this.value.lateMin=+t},o("i",{slot:"prefix",class:"far fa-clock"}))):null,o("bcm-textarea",{"full-width":!0,value:null!==(e=null===(i=this.value)||void 0===i?void 0:i.comment)&&void 0!==e?e:"","onBcm-change":({detail:t})=>this.value.comment=t,label:"Description","no-caption":!0,rows:4}),o("footer",{class:"tw-flex tw-w-full tw-flex-row tw-items-center tw-justify-end tw-gap-2"},o("bcm-button",{icon:"fas fa-times",kind:"ghost","icon-position":"prefix",onClick:()=>{var t;return null===(t=this.commentContent)||void 0===t?void 0:t.hide()}},"Close"),o("bcm-button",{icon:"fas fa-save","icon-position":"prefix",onClick:()=>this.onClickSave()},"Save"))):null)}),null))),this.hideComment?null:o("span",{onClick:()=>{var t,i;(null===(t=this.value)||void 0===t?void 0:t.key)&&(this.isOpenMenu=!0,null===(i=this.commentContent)||void 0===i||i.show())},class:u((null===(e=this.value)||void 0===e?void 0:e.comment)||(null===(s=this.value)||void 0===s?void 0:s.lateMin)>0?"tw-text-slate-600":"tw-text-slate-400",{"tw-cursor-pointer":null===(r=this.value)||void 0===r?void 0:r.key})},o("i",{class:"fas fa-comment"}))),!C&&o(d,{noCaption:b,captionType:j,captionError:k,caption:z,customErrorMessage:y}))}get el(){return s(this)}static get watchers(){return{defaultValue:["watchDefaultValueHandler"]}}};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}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}:host{display:flex;flex-direction:column;width:100%;position:relative}.input-dropdown-button i{transition:transform 0.2s ease-in-out}.input-dropdown-button[linked-is-open]>i{transform:rotate(-180deg);transition:transform 0.2s ease-in-out}';export{c as bcm_input_dropdown}

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

@@ -1,5 +0,0 @@
-/*!
- * 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-c926e138.js";import"./p-6bea3bea.js";import"./p-94554e42.js";import"./p-ba2ddaf6.js";import"./p-5ae0a59b.js";import{a}from"./p-6369b73b.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-4a540b56.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}

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

@@ -1,5 +0,0 @@
-/*!
- * 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-attendance-actions.cjs.entry.js

@@ -1,330 +0,0 @@
-/*!
- * 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-183405cb.js');
-require('./number-helper-ca52fadf.js');
-require('./string-helper-3212f4ea.js');
-require('./validators-a31b53a5.js');
-require('./element-dragger-a8562f82.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-4c68d5f8.js');
-
-// --bcm-attendance-actions-button-bg: #F1F5F9; /* slate-100 */
-// --bcm-attendance-actions-button-text: #334155; /* slate-700 */
-// --bcm-attendance-actions-button-border: #CBD5E1; /* slate-300 */
-// --bcm-attendance-actions-button-hover-bg: #E2E8F0; /* slate-200 */
-// --bcm-attendance-actions-button-active-bg: #CBD5E1; /* slate-300 */
-// --bcm-attendance-actions-button-disabled-bg: #CBD5E1; /* slate-300 */
-// --bcm-attendance-actions-button-disabled-text: #64748B; /* slate-500 */
-const attendanceActionStyle = index.ce({
-  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: true,
-      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: false,
-      class: {
-        button: [
-          "tw-cursor-pointer",
-        ],
-      }
-    }
-  ],
-  defaultVariants: {
-    selected: false,
-    size: "medium",
-    disabled: false,
-  },
-});
-
-const attendanceActionsCss = "";
-
-const BcmAttendanceActions = class {
-  constructor(hostRef) {
-    index$1.registerInstance(this, hostRef);
-    this.change = index$1.createEvent(this, "bcm-attendance-change", 3);
-    this._id = generate.Generate.UID();
-    this.size = bcm.Bcm$1.Size.medium;
-    this.disabled = false;
-    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 = false;
-  }
-  get selectedItem() {
-    return this.data.find(item => item.selected);
-  }
-  get priorityButtons() {
-    return this.data.filter(item => item.priority !== undefined).sort((a, b) => a.priority - b.priority);
-  }
-  get renderButtons() {
-    const { selectedItem, priorityButtons } = this;
-    return [...(selectedItem ? [selectedItem] : priorityButtons.length ? priorityButtons : this.data.slice(0, 3))];
-  }
-  get lateKeysMap() {
-    return this.lateKeys.toLocaleLowerCase().split(",");
-  }
-  get isLate() {
-    var _a, _b;
-    return this.lateKeysMap.includes((_b = (_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.key) === null || _b === void 0 ? void 0 : _b.toLocaleLowerCase());
-  }
-  get dropdownMenuElement() {
-    return document.getElementById("attendance-dropdown-" + this._id);
-  }
-  get commentAreaElement() {
-    return document.getElementById("comment-" + this._id);
-  }
-  handleSelectItem(item, triggerChange = true, showComment = true) {
-    var _a, _b;
-    this.data = [...this.data.map(data => { var _a, _b; return (Object.assign(Object.assign({}, data), { selected: ((_a = item.key) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase()) === ((_b = data.key) === null || _b === void 0 ? void 0 : _b.toLocaleLowerCase()) })); })];
-    (_a = this.dropdownMenuElement) === null || _a === void 0 ? void 0 : _a.hide();
-    (_b = this.commentAreaElement) === null || _b === void 0 ? void 0 : _b.hide();
-    if (!this.isLate)
-      return triggerChange && this.changed();
-    !this.hideComment && showComment && this.commentArea();
-  }
-  changed() {
-    this.change.emit(this.selectedItem);
-  }
-  hasDataForKey(key) {
-    return !!this.data.find(item => item.key.toLocaleLowerCase() === key.toLocaleLowerCase());
-  }
-  handleKeyPress({ key }) {
-    if (!this.hasDataForKey(key))
-      return;
-    const item = this.data.find(item => { var _a; return ((_a = item.key) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase()) === (key === null || key === void 0 ? void 0 : key.toLocaleLowerCase()); });
-    this.handleSelectItem(item);
-  }
-  handleSave(lateMinutes, comment) {
-    this.data = [...this.data].map(item => {
-      var _a, _b, _c;
-      if (((_a = item.key) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase()) === ((_c = (_b = this.selectedItem) === null || _b === void 0 ? void 0 : _b.key) === null || _c === void 0 ? void 0 : _c.toLocaleLowerCase())) {
-        return Object.assign(Object.assign({}, item), { lateMin: lateMinutes, comment });
-      }
-      return item;
-    });
-    this.changed();
-  }
-  dropdownMenu() {
-    var _a;
-    const dropdownMenu = generate.Generate.createComponent("bcm-attendance-actions-dropdown", {
-      id: "attendance-dropdown-" + this._id,
-      size: this.size,
-      data: this.data,
-      selectedKey: (_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.key,
-      targetId: "attendance-dropdown-button-" + this._id,
-    });
-    dropdownMenu.addEventListener("bcm-attendance-actions-dropdown-change", ({ detail }) => {
-      this.handleSelectItem(detail);
-    });
-    dropdownMenu.show();
-  }
-  commentArea() {
-    var _a, _b;
-    const commentArea = generate.Generate.createComponent("bcm-attendance-actions-comment", {
-      id: "comment-" + this._id,
-      size: this.size,
-      isLate: this.isLate,
-      targetId: "comment-area-" + this._id,
-      selectedItem: this.selectedItem,
-      lateMinutes: (_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.lateMin,
-      comment: (_b = this.selectedItem) === null || _b === void 0 ? void 0 : _b.comment,
-    });
-    commentArea.addEventListener("bcm-attendance-actions-comment-change", ({ detail }) => {
-      this.handleSave(detail.lateMinutes, detail.comment);
-    });
-    commentArea.show();
-  }
-  async set(key, triggerChange = true) {
-    if (!this.hasDataForKey(key))
-      return;
-    const item = this.data.find(item => { var _a; return ((_a = item.key) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase()) === (key === null || key === void 0 ? void 0 : key.toLocaleLowerCase()); });
-    this.handleSelectItem(item, triggerChange, false);
-  }
-  async get() {
-    return this.selectedItem;
-  }
-  render() {
-    var _a, _b, _c;
-    const { selectedItem, renderButtons, disabled, hideComment, size } = this;
-    const { host, buttonContainer, button, dropdownButton, commentIcon, mainButton } = attendanceActionStyle({
-      selected: !!selectedItem,
-      size,
-      disabled,
-    });
-    const buttonStyle = !!selectedItem
-      ? generate.Generate.getTwColor({
-        color: (_a = selectedItem.color) !== null && _a !== void 0 ? _a : "blue",
-        tones: {
-          600: ["bg"],
-          700: ["hover-bg"],
-          800: ["active-bg"],
-        },
-        variable: "--bcm-attendance-actions-button",
-      })
-      : {};
-    const buttonAttributes = {
-      class: index$2.classnames(button(), mainButton()),
-      style: Object.assign({}, buttonStyle),
-      disabled,
-      type: "button",
-    };
-    const iconButtonAttributes = Object.assign(Object.assign({}, buttonAttributes), { class: index$2.classnames(button(), dropdownButton()) });
-    const isShowCommentIcon = !hideComment && !!selectedItem;
-    const commentTooltip = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.comment) || (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.lateMin) ? `${(selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.comment) || ""}${(selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.lateMin) ? ` (${selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.lateMin} min) ` : ""}` : "";
-    return (index$1.h(index$1.Host, { class: host(), onKeyPress: this.handleKeyPress.bind(this) }, index$1.h("div", { class: buttonContainer() }, renderButtons === null || renderButtons === void 0 ? void 0 :
-      renderButtons.map(item => {
-        return (index$1.h("button", Object.assign({}, buttonAttributes, { onClick: () => this.handleSelectItem(item), title: item.value }), index$1.h("i", { class: index$2.classnames(item.icon || "fa-solid fa-minus", "!tw-leading-[inherit]") }), item.selected && index$1.h("span", { class: "tw-truncate" }, item.value)));
-      }), index$1.h("button", Object.assign({ id: "attendance-dropdown-button-" + this._id }, iconButtonAttributes, { onClick: () => this.dropdownMenu(), title: "More" }), index$1.h("i", { class: index$2.classnames("fa-solid fa-angle-down !tw-leading-[inherit]") }))), index$1.h("div", { id: "comment-area-" + this._id, class: index$2.classnames(commentIcon(), {
-        "tw-cursor-default": !isShowCommentIcon,
-        "tw-cursor-pointer": isShowCommentIcon,
-      }), onClick: () => isShowCommentIcon && this.commentArea() }, index$1.h("i", { title: isShowCommentIcon ? commentTooltip : "", class: index$2.classnames("fa-solid fa-comment", {
-        "tw-text-gray-400": !(((_b = this.selectedItem) === null || _b === void 0 ? void 0 : _b.comment) || ((_c = this.selectedItem) === null || _c === void 0 ? void 0 : _c.lateMin)),
-        "tw-visible": isShowCommentIcon,
-        "tw-invisible": !isShowCommentIcon,
-      }) }))));
-  }
-  get el() { return index$1.getElement(this); }
-};
-BcmAttendanceActions.style = attendanceActionsCss;
-
-exports.bcm_attendance_actions = BcmAttendanceActions;