bromcom-ui 2.12.1-test.0 → 3.0.0-preview.0

package/dist/bromcom-ui/{p-053dc717.entry.js → p-1d577d30.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,h as t,H as i,g as p}from"./p-170cf07d.js";import{c as n}from"./p-64fad38b.js";import{a}from"./p-6f2e4c9b.js";import{T as s}from"./p-e53f8a82.js";import"./p-85eedabc.js";const o=class{constructor(t){e(this,t),this.size="medium",this.hidden=!1,this.fullWidth=!1,this.type=s.normal}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}componentDidLoad(){}componentWillRender(){}componentDidRender(){}componentWillUpdate(){}componentDidUpdate(){}handleActivePane(e){a(this.el,"bcm-tab-pane").forEach((t=>{t.tab==e.detail&&(t.active=!0),t.tab!=e.detail&&(t.active=!1)}))}render(){const e=n("tabs-content",this.size),p=n(this.hidden?"hidden":null,this.type);return t(i,{class:p},t("div",{class:e},t("slot",null)))}get el(){return p(this)}};o.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{width:100%;display:block;padding:8px}:host(.pane){border:1px solid transparent;border-top:none;border-color:var(--bcm-color-grey-5);border-radius:0 0 2px 2px}';export{o as bcm_tabs_content}
+import{r as e,h as t,H as i,g as p}from"./p-e3ce7150.js";import{c as n}from"./p-64fad38b.js";import{a}from"./p-6f2e4c9b.js";import{T as s}from"./p-e53f8a82.js";import"./p-85eedabc.js";const o=class{constructor(t){e(this,t),this.size="medium",this.hidden=!1,this.fullWidth=!1,this.type=s.normal}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}componentDidLoad(){}componentWillRender(){}componentDidRender(){}componentWillUpdate(){}componentDidUpdate(){}handleActivePane(e){a(this.el,"bcm-tab-pane").forEach((t=>{t.tab==e.detail&&(t.active=!0),t.tab!=e.detail&&(t.active=!1)}))}render(){const e=n("tabs-content",this.size),p=n(this.hidden?"hidden":null,this.type);return t(i,{class:p},t("div",{class:e},t("slot",null)))}get el(){return p(this)}};o.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{width:100%;display:block;padding:8px}:host(.pane){border:1px solid transparent;border-top:none;border-color:var(--bcm-color-grey-5);border-radius:0 0 2px 2px}';export{o as bcm_tabs_content}

package/dist/bromcom-ui/p-2032843f.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as t,c as i,h as s,H as o,g as e}from"./p-e3ce7150.js";import{G as h}from"./p-40871628.js";import{c as l,o as r,f as n,s as c,b as a}from"./p-5a65b538.js";import{a as p}from"./p-f68a946f.js";import"./p-403d3912.js";import"./p-a2df6c19.js";import"./p-85eedabc.js";class m{constructor(t){this.ref=null,this.clickX=null,this.clickY=null,this.ref=t}update(){const{ref:t,floating:i,placement:s}=this.ref;let o=document.getElementById(`${i.id}-arrow`);o||(o=document.createElement("bcm-arrow"),o.setAttribute("id",`${i.id}-arrow`)),i.prepend(o),this.clickX&&this.clickY&&(t.x=this.clickX,t.y=this.clickY),l(t,i,{placement:s,middleware:[r(10),n(),c({padding:5}),a({element:o})]}).then((({x:t,y:s,placement:e,middlewareData:h})=>{Object.assign(i.style,{left:`${t}px`,top:`${s}px`});const{x:l,y:r}=h.arrow,n={top:"bottom",right:"left",bottom:"top",left:"right"}[e.split("-")[0]];o.setAttribute("position",n),Object.assign(o.style,{left:null!=l?`${l}px`:"",top:null!=r?`${r}px`:"",right:"",bottom:"",[n]:"-16px"})}))}show(){this.update(),this.ref.floating.classList.remove("tw-invisible"),this.ref.floating.classList.add("tw-visible")}hide(){this.ref.floating.classList.remove("tw-visible"),this.ref.floating.classList.add("tw-invisible")}listener(){window.addEventListener("resize",this.update.bind(this)),window.addEventListener("scroll",this.update.bind(this),!0),this.ref.ref.addEventListener("click",this.toggle.bind(this)),this.ref.floating.addEventListener("bcm-cancel",(()=>{this.hide()}))}toggle(){this.ref.floating.classList.contains("tw-invisible")?this.show():this.hide()}}const d=class{constructor(s){t(this,s),this.bcmTooltipShow=i(this,"bcmTooltipShow",7),this.bcmTooltipHide=i(this,"bcmTooltipHide",7),this._id=h.UID(),this.message="",this.placement=p.Placement.top,this.trigger=p.TriggerType.click,this.status=p.Status.info,this.open=!1,this.size=p.Size.medium,this.openDelay=0,this.closeDelay=0,this.autoHide=!1,this.targetId=void 0,this.tooltip=void 0}emitShow(){this.bcmTooltipShow.emit()}emitHide(){this.bcmTooltipHide.emit()}connectedCallback(){const t=h.createComponent("bcm-popconfirm-box-v2",{id:this._id+"-popconfirm-box",description:this.message,headerText:"hello",status:this.status});this.tooltip=new m({ref:this.el,floating:t,placement:this.placement})}componentDidLoad(){this.tooltip.listener()}render(){return s(o,{class:"tw-relative tw-inline-flex tw-h-fit tw-w-fit",role:"tooltip"},s("slot",null))}get el(){return e(this)}};export{d as bcm_popconfirm_host}

package/dist/bromcom-ui/{p-2aaeb247.entry.js → p-23c01e93.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,h as i,H as t,g as s}from"./p-170cf07d.js";import{c as a}from"./p-64fad38b.js";import"./p-85eedabc.js";var r;!function(e){e.info="info",e.error="error",e.warning="warning",e.success="success"}(r||(r={}));const n=class{constructor(i){e(this,i),this.status=r.info,this.fullWidth=!1,this.loading=!1,this.isShow=!1,this.hidden=!1}getIcon(){switch(this.status){case r.info:return i("bcm-icon",{icon:"far fa-info-circle"});case r.error:return i("bcm-icon",{icon:"far fa-times-circle"});case r.warning:return i("bcm-icon",{icon:"far fa-exclamation-circle"});case r.success:return i("bcm-icon",{icon:"far fa-check-circle"})}}dismiss(){this.isShow=!1}async hide(){this.dismiss()}async show(){this.isShow=!0}render(){const{fullWidth:e,status:s,isShow:r,loading:n}=this,o=a("message",n?"info":s,{"full-width":e,show:r}),c=a(this.hidden?"hidden":null);return i(t,{class:c},i("div",{class:o},n&&i("bcm-icon",{icon:"far fa-spinner-third fa-spin"}),!n&&this.getIcon(),i("slot",null)))}get el(){return s(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:inline-block}:host(.hidden){display:none}.message{display:flex;width:100%;box-sizing:border-box;padding:8px 16px;box-shadow:0px 4px 12px rgba(0, 0, 0, 0.15);border-radius:4px;font-size:12px;line-height:20px}.message:not(.full-width){max-width:460px}.message.info{background-color:var(--bcm-color-blue-1);color:var(--bcm-color-blue-6)}.message.error{background-color:var(--bcm-color-red-1);color:var(--bcm-color-red-6)}.message.warning{background-color:var(--bcm-color-warmyellow-1);color:var(--bcm-color-warmyellow-6)}.message.success{background-color:var(--bcm-color-green-1);color:var(--bcm-color-green-6)}.message bcm-icon{margin-right:9px;margin-top:2px}';export{n as bcm_message}
+import{r as e,h as i,H as t,g as s}from"./p-e3ce7150.js";import{c as a}from"./p-64fad38b.js";import"./p-85eedabc.js";var r;!function(e){e.info="info",e.error="error",e.warning="warning",e.success="success"}(r||(r={}));const n=class{constructor(i){e(this,i),this.status=r.info,this.fullWidth=!1,this.loading=!1,this.isShow=!1,this.hidden=!1}getIcon(){switch(this.status){case r.info:return i("bcm-icon",{icon:"far fa-info-circle"});case r.error:return i("bcm-icon",{icon:"far fa-times-circle"});case r.warning:return i("bcm-icon",{icon:"far fa-exclamation-circle"});case r.success:return i("bcm-icon",{icon:"far fa-check-circle"})}}dismiss(){this.isShow=!1}async hide(){this.dismiss()}async show(){this.isShow=!0}render(){const{fullWidth:e,status:s,isShow:r,loading:n}=this,o=a("message",n?"info":s,{"full-width":e,show:r}),c=a(this.hidden?"hidden":null);return i(t,{class:c},i("div",{class:o},n&&i("bcm-icon",{icon:"far fa-spinner-third fa-spin"}),!n&&this.getIcon(),i("slot",null)))}get el(){return s(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:inline-block}:host(.hidden){display:none}.message{display:flex;width:100%;box-sizing:border-box;padding:8px 16px;box-shadow:0px 4px 12px rgba(0, 0, 0, 0.15);border-radius:4px;font-size:12px;line-height:20px}.message:not(.full-width){max-width:460px}.message.info{background-color:var(--bcm-color-blue-1);color:var(--bcm-color-blue-6)}.message.error{background-color:var(--bcm-color-red-1);color:var(--bcm-color-red-6)}.message.warning{background-color:var(--bcm-color-warmyellow-1);color:var(--bcm-color-warmyellow-6)}.message.success{background-color:var(--bcm-color-green-1);color:var(--bcm-color-green-6)}.message bcm-icon{margin-right:9px;margin-top:2px}';export{n as bcm_message}

package/dist/bromcom-ui/p-2663c49f.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as t,c as s,e as i,h as o,H as p,g as e}from"./p-e3ce7150.js";import"./p-499d8454.js";import"./p-626a65e9.js";import{G as r}from"./p-40871628.js";import"./p-014f7aa2.js";import"./p-5fbbf611.js";import"./p-cc583dbc.js";import"./p-6f861fed.js";import{B as c}from"./p-f68a946f.js";import{C as n}from"./p-4c5168fe.js";import"./p-66d74084.js";import"./p-64fad38b.js";import"./p-2e73d572.js";import"./p-436364c8.js";import"./p-6f2e4c9b.js";import"./p-a2df6c19.js";import"./p-85eedabc.js";import"./p-403d3912.js";import"./p-ccc61045.js";const a=class{constructor(i){t(this,i),this.change=s(this,"bcm-change",7),this._id=r.UID(),this.name=void 0,this.value=void 0,this.required=!1,this.size="medium",this.label=void 0,this.caption=void 0,this.noCaption=!1,this.captionType=c.Status.default,this.captionError=void 0}handleSelectItem(t){const s=null==t?void 0:t.target;if(s instanceof i){const i=t.detail,o=document.createElement("bcm-chip");o.setAttribute("value",i.id),o.innerHTML=i.text,s.parentNode.insertBefore(o,s),this.setSelect(i.id)}}handleDismiss(t){const s=null==t?void 0:t.target;s instanceof i&&(s.remove(),this.setSelect())}handleSelect(t){const s=null==t?void 0:t.target;s instanceof i&&("addable"===s.type?this.showListComponent(s.id):this.setSelect(s.value))}showListComponent(t){const s=document.getElementById(t+"-list");s&&s.show()}getSlots(){return this.el.querySelectorAll("bcm-chip")}setSelect(t=this.value,s=!1){const i=this.getSlots();if(0===(null==i?void 0:i.length))return;const o=Array.from(i),p=o.find((s=>s.value===t));this.value=p?t:o[0].value,o.forEach((t=>{t.selected=t.value===this.value})),s||this.change.emit(this.value)}setAttr(){const t=this.getSlots();0!==(null==t?void 0:t.length)&&Array.from(t).forEach((t=>{t.setAttribute("size",this.size)}))}componentWillLoad(){this.setSelect()}componentDidRender(){this.setAttr()}render(){const{label:t,required:s,noCaption:i,captionType:e,captionError:r,caption:c}=this;return o(p,{class:"bcm-chip-group [&_.bcm-chip]:tw-cursor-pointer"},t&&o("bcm-label",{type:e,value:t,required:s}),o("div",{class:"tw-flex tw-flex-wrap tw-gap-1"},o("slot",null)),o(n,{noCaption:i,captionType:e,captionError:r,caption:c}))}get el(){return e(this)}};export{a as bcm_chip_group}

package/dist/bromcom-ui/{p-bdc78a44.entry.js → p-2903e611.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,c as i,h as e,a as s,H as o,g as r}from"./p-170cf07d.js";import{E as n,D as a}from"./p-6f861fed.js";import{c as h}from"./p-64fad38b.js";import"./p-6f2e4c9b.js";import"./p-85eedabc.js";const p=class{constructor(e){t(this,e),this.change=i(this,"bcm-change",7),this.initialized=!1,this.setColorBeforeInitialized=!1,this._color="#4293CF",this.open=!1,this.value=null,this.label=void 0,this.size="medium",this.noCaption=!1,this.caption=void 0,this.captionError=void 0,this.captionType="default",this.fullWidth=!1,this.disabled=!1,this.hidden=!1,this.required=!1,this.tooltip=void 0,this.h=-1,this.s=1,this.v=1,this.a=1,this.selectedH=-1,this.selectedS=1,this.selectedV=1,this.selectedA=1,this.color={rgba:"",hex:""},this.inputValue="",this.mouseState="up"}componentWillLoad(){const t=this.hextohsv(this._color);this.s=t.s,this.v=t.v,this.h=t.h}componentDidRender(){this.initialized||Promise.all([this.initColorDragger(),this.initColorsDragger(),this.initTransparencyDragger()]).then((()=>{!this.setColorBeforeInitialized&&this._setColor(this._color),this.updateValue(),this.initialized=!0}))}initColorDragger(){if(!this.colorDragger)return this.colorDragger=new n({target:this.colorIndicatorElement,trigger:this.colorElement,direction:a.both,limit:{x:{min:0,max:this.colorElement.offsetWidth},y:{min:0,max:this.colorElement.offsetHeight}},snapOnMouseDown:!0,center:{x:this.colorIndicatorElement.offsetWidth/2,y:this.colorIndicatorElement.offsetHeight/2}}),this.colorDragger.on("drag",(t=>this.colorDrag(t))),Promise.resolve()}initColorsDragger(){if(!this.colorsDragger)return this.colorsDragger=new n({target:this.colorsIndicatorElement,trigger:this.colorsElement,direction:a.x,limit:{x:{min:0,max:this.colorsElement.offsetWidth}},snapOnMouseDown:!0,center:{x:this.colorsIndicatorElement.offsetWidth/2}}),this.colorsDragger.on("drag",(t=>this.colorsDrag(t))),Promise.resolve()}initTransparencyDragger(){}hsvtorgb(t){let i,e,s,o,r,n=t.h%360/60;r=t.v*t.s,o=r*(1-Math.abs(n%2-1)),i=e=s=t.v-r,n=~~n,i+=[r,o,0,0,o,r][n],e+=[o,r,r,o,0,0][n],s+=[0,0,o,r,r,o][n];const a={r:Math.round(255*i),g:Math.round(255*e),b:Math.round(255*s)};return Object.assign(Object.assign({},a),{hex:"#"+(16777216|a.b|a.g<<8|a.r<<16).toString(16).slice(1)})}rgbtohsv(t){let i,e,s,o,r=t.r,n=t.g,a=t.b;return(t.r>1||t.g>1||t.b>1)&&(r/=255,n/=255,a/=255),s=Math.max(r,n,a),o=s-Math.min(r,n,a),i=0==o?null:s==r?(n-a)/o+(n<a?6:0):s==n?(a-r)/o+2:(r-n)/o+4,i=i%6*60,e=0==o?0:o/s,{h:i,s:e,v:s}}hextohsv(t){return this.rgbtohsv(this.hextorgb(t))}hextorgb(t){return{r:parseInt(t.substr(1,2),16),g:parseInt(t.substr(3,2),16),b:parseInt(t.substr(5,2),16)}}colorDrag(t){const i=this.colorElement.offsetHeight;this.selectedS=t.x/this.colorElement.offsetWidth,this.selectedV=(i-t.y)/i,this.updateValue()}colorsDrag(t){this.h=t.x/this.colorsElement.offsetWidth*360,this.s=1,this.v=1,this.selectedH=this.h,this.updateValue()}setHsvColor(){const t=this.hsvtorgb({h:this.selectedH,s:this.selectedS,v:this.selectedV});return this.color={rgba:`rgba(${t.r}, ${t.g}, ${t.b}, ${this.a})`,hex:t.hex},this.color}_setColor(t,i=!1){if(/^#+([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t)){4===t.length&&(t=t.split("").map((t=>"#"!==t?t+t:t)).join(""));const e=this.hextohsv(t);this.h=e.h,this.s=1,this.v=1,this.selectedH=e.h,this.selectedS=e.s,this.selectedV=e.v,this.updateIndicators(),this.updateValue(i)}}updateIndicators(){const{colorsElement:t,colorElement:i,colorsIndicatorElement:e}=this;this.colorDragger.setPosition({x:this.selectedS*i.offsetWidth,y:i.offsetHeight-this.selectedV*i.offsetHeight}),this.colorsDragger.setPosition({x:this.selectedH*(t.offsetWidth-2*e.offsetWidth)/360})}updateValue(t=!1){const{selectedH:i,selectedS:e,selectedV:s}=this,o=this.hsvtorgb({h:i,s:e,v:s}).hex;this.value=o,t||this.updateInputValue(o)}updateInputValue(t){this.inputElement&&(this.inputElement.value=t)}handleClick(){this.open=!0}handleColorInputKeyUp(t){var i=t.path||t.composedPath&&t.composedPath();this._setColor(i[0].value,!0)}handleWindowClick(t){const i=t.target,e=i.classList,s=i.tagName.toLowerCase();!e.contains("sc-bcm-colorpicker")&&"bcm-colorpicker"!==s&&"up"===this.mouseState&&(this.open=!1,this.updateInputValue(this.value)),this.mouseState="up"}valueChange(){this.initialized&&this.change.emit(this.value)}async getValue(){return this.value}async setColor(t){this.setColorBeforeInitialized=!0,this._setColor(t)}render(){const{label:t,required:i,noCaption:r,caption:n,captionError:a,captionType:p}=this,l=h("color-picker",{open:this.open}),c=h("size-1","input-caption","caption-"+p);return e(o,null,e("div",{class:l,onClick:()=>this.handleClick()},t&&e("div",null,e("bcm-label",{tooltip:this.tooltip,type:p,value:t,required:i})),e("div",{class:"input"},e("div",{class:"active-color"},e("div",{class:"color-thumb",style:{backgroundColor:this.value}})),e("span",{class:"icon",slot:"suffix"},e("svg",{style:{fill:"#595959",width:" 14px",height:"14px"},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},e("path",{d:"M483.89 28.14l-.02-.02-.03-.03c-37.47-37.47-98.26-37.46-135.72.03l-77.09 77.09-13.1-13.1c-9.44-9.44-24.65-9.31-33.94 0l-63.6 63.6c-9.37 9.37-9.37 24.57 0 33.94l16.98 16.98L50.75 333.25c-12 12-18.75 28.28-18.75 45.26V424L0 480l32 32 56-32h45.49c16.97 0 33.25-6.74 45.25-18.74l126.64-126.62 16.96 16.96c9.44 9.44 24.65 9.31 33.94 0l63.6-63.6c9.37-9.37 9.37-24.57 0-33.94l-13.1-13.1 77.09-77.09c37.5-37.47 37.5-98.25.02-135.73zM144.8 427.32a15.892 15.892 0 0 1-11.31 4.68H80v-53.49c0-4.27 1.66-8.29 4.69-11.31l126.63-126.62 60.12 60.12L144.8 427.32zm305.14-297.38l-77.09 77.09-33.94 33.94 30.07 30.06-29.66 29.66-128-128 29.66-29.65 30.06 30.07L382.08 62.05c9.05-9.06 21.1-14.05 33.91-14.05 12.82 0 24.86 4.98 33.91 14.04l.04.04C459.01 71.14 464 83.19 464 96.01c0 12.81-5 24.86-14.06 33.93z"})))),!r&&e("div",{class:"caption-area"},"error"==p?e("span",{class:c}," ",a," "):n&&e("span",{class:c}," ",n," ")),e("div",{class:"picker"},e("div",{class:"input"},e("input",{type:"text",class:"color-input",maxlength:"7",ref:t=>this.inputElement=t,onKeyUp:t=>this.handleColorInputKeyUp(t)})),e("div",{class:"color",onMouseDown:()=>this.mouseState="down",style:{backgroundColor:this.hsvtorgb({h:this.h,s:this.s,v:this.v}).hex},ref:t=>this.colorElement=t},e("img",{src:s("./static/color.svg")}),e("div",{class:"color-indicator",ref:t=>this.colorIndicatorElement=t})),e("div",{class:"colors-transparency"},e("div",{class:"colors",onMouseDown:()=>this.mouseState="down",ref:t=>this.colorsElement=t},e("div",{class:"colors-holder"},e("img",{src:s("./static/colors.svg")})),e("div",{class:"colors-indicator",ref:t=>this.colorsIndicatorElement=t}))))))}static get assetsDirs(){return["static"]}get el(){return r(this)}static get watchers(){return{value:["valueChange"]}}};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{position:relative;margin:0 0 8px 0}.color-picker{position:relative;width:200px}.color-picker.open .picker{opacity:1;visibility:visible;transform:scale(1) translateY(56px)}.picker{width:300px;position:absolute;top:0;z-index:1;background-color:#ffffff;border:1px solid #F6F6F6;box-shadow:0px 3px 3.6px 0.4px rgba(0, 0, 0, 0.15);opacity:0;visibility:hidden;transition:transform 0.2s ease, opacity 0.3s ease;transform:scale(0.8) translateY(-100px)}.label{display:flex;flex-direction:column;color:var(--bcm-color-grey-9);margin-bottom:4px}.caption-area{min-height:20px}.input-caption{display:block}.input{display:flex;cursor:pointer;border:1px solid var(--bcm-color-grey-5);border-radius:2px}.color{position:relative;width:100%;height:166px;user-select:none}.color img{width:100%;height:100%;user-select:none;pointer-events:none}.color-indicator{position:absolute;top:0;left:0;width:17px;height:17px;border:1px solid rgba(255, 255, 255, 0.82);box-shadow:0px 1px 2px rgba(0, 0, 0, 0.25);transform:translate(0, 0);border-radius:100px;user-select:none;box-sizing:border-box;pointer-events:none}.colors{position:relative;width:100%;height:16px;margin-top:8px}.colors img{width:100%;user-select:none;pointer-events:none}.colors-holder{position:absolute;top:50%;left:0;width:100%;height:8px;overflow:hidden;transform:translateY(-50%);border-radius:8px;user-select:none}.colors-indicator{position:absolute;top:50%;left:0;width:17px;height:17px;border:2px solid rgba(255, 255, 255, 0.82);box-shadow:0px 1px 4px rgba(0, 0, 0, 0.25);transform:translateY(-50%);border-radius:100px;user-select:none;box-sizing:border-box;pointer-events:none}.transparency{position:relative;width:100%;height:16px;margin-top:8px}.transparency-holder{position:absolute;top:50%;left:0;width:100%;height:8px;overflow:hidden;transform:translateY(-50%);border-radius:8px;background:transparent none repeat center center/20px}.transparency-indicator{position:absolute;top:50%;left:0;width:17px;height:17px;border:2px solid rgba(255, 255, 255, 0.82);box-shadow:0px 1px 4px rgba(0, 0, 0, 0.25);transform:translateY(-50%);border-radius:100px;user-select:none;box-sizing:border-box}.colors-transparency{padding:16px}.active-color{display:flex;align-items:center;width:100%;height:30px}.active-color .color-thumb{width:100%;height:100%;background-color:transparent;border-radius:1px 0 0 1px}.active-color .color-text{font-size:14px;color:#656565;margin-left:8px}.icon{display:flex;align-items:center;justify-content:center;cursor:pointer;width:30px;color:var(--bcm-color-grey-6)}.color-input{border:none;width:100%;padding:10px;outline:none;-webkit-tap-highlight-color:transparent}';export{p as bcm_colorpicker}
+import{r as t,c as i,h as e,d as s,H as o,g as r}from"./p-e3ce7150.js";import{E as n,D as a}from"./p-6f861fed.js";import{c as h}from"./p-64fad38b.js";import"./p-6f2e4c9b.js";import"./p-85eedabc.js";const p=class{constructor(e){t(this,e),this.change=i(this,"bcm-change",7),this.initialized=!1,this.setColorBeforeInitialized=!1,this._color="#4293CF",this.open=!1,this.value=null,this.label=void 0,this.size="medium",this.noCaption=!1,this.caption=void 0,this.captionError=void 0,this.captionType="default",this.fullWidth=!1,this.disabled=!1,this.hidden=!1,this.required=!1,this.tooltip=void 0,this.h=-1,this.s=1,this.v=1,this.a=1,this.selectedH=-1,this.selectedS=1,this.selectedV=1,this.selectedA=1,this.color={rgba:"",hex:""},this.inputValue="",this.mouseState="up"}componentWillLoad(){const t=this.hextohsv(this._color);this.s=t.s,this.v=t.v,this.h=t.h}componentDidRender(){this.initialized||Promise.all([this.initColorDragger(),this.initColorsDragger(),this.initTransparencyDragger()]).then((()=>{!this.setColorBeforeInitialized&&this._setColor(this._color),this.updateValue(),this.initialized=!0}))}initColorDragger(){if(!this.colorDragger)return this.colorDragger=new n({target:this.colorIndicatorElement,trigger:this.colorElement,direction:a.both,limit:{x:{min:0,max:this.colorElement.offsetWidth},y:{min:0,max:this.colorElement.offsetHeight}},snapOnMouseDown:!0,center:{x:this.colorIndicatorElement.offsetWidth/2,y:this.colorIndicatorElement.offsetHeight/2}}),this.colorDragger.on("drag",(t=>this.colorDrag(t))),Promise.resolve()}initColorsDragger(){if(!this.colorsDragger)return this.colorsDragger=new n({target:this.colorsIndicatorElement,trigger:this.colorsElement,direction:a.x,limit:{x:{min:0,max:this.colorsElement.offsetWidth}},snapOnMouseDown:!0,center:{x:this.colorsIndicatorElement.offsetWidth/2}}),this.colorsDragger.on("drag",(t=>this.colorsDrag(t))),Promise.resolve()}initTransparencyDragger(){}hsvtorgb(t){let i,e,s,o,r,n=t.h%360/60;r=t.v*t.s,o=r*(1-Math.abs(n%2-1)),i=e=s=t.v-r,n=~~n,i+=[r,o,0,0,o,r][n],e+=[o,r,r,o,0,0][n],s+=[0,0,o,r,r,o][n];const a={r:Math.round(255*i),g:Math.round(255*e),b:Math.round(255*s)};return Object.assign(Object.assign({},a),{hex:"#"+(16777216|a.b|a.g<<8|a.r<<16).toString(16).slice(1)})}rgbtohsv(t){let i,e,s,o,r=t.r,n=t.g,a=t.b;return(t.r>1||t.g>1||t.b>1)&&(r/=255,n/=255,a/=255),s=Math.max(r,n,a),o=s-Math.min(r,n,a),i=0==o?null:s==r?(n-a)/o+(n<a?6:0):s==n?(a-r)/o+2:(r-n)/o+4,i=i%6*60,e=0==o?0:o/s,{h:i,s:e,v:s}}hextohsv(t){return this.rgbtohsv(this.hextorgb(t))}hextorgb(t){return{r:parseInt(t.substr(1,2),16),g:parseInt(t.substr(3,2),16),b:parseInt(t.substr(5,2),16)}}colorDrag(t){const i=this.colorElement.offsetHeight;this.selectedS=t.x/this.colorElement.offsetWidth,this.selectedV=(i-t.y)/i,this.updateValue()}colorsDrag(t){this.h=t.x/this.colorsElement.offsetWidth*360,this.s=1,this.v=1,this.selectedH=this.h,this.updateValue()}setHsvColor(){const t=this.hsvtorgb({h:this.selectedH,s:this.selectedS,v:this.selectedV});return this.color={rgba:`rgba(${t.r}, ${t.g}, ${t.b}, ${this.a})`,hex:t.hex},this.color}_setColor(t,i=!1){if(/^#+([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t)){4===t.length&&(t=t.split("").map((t=>"#"!==t?t+t:t)).join(""));const e=this.hextohsv(t);this.h=e.h,this.s=1,this.v=1,this.selectedH=e.h,this.selectedS=e.s,this.selectedV=e.v,this.updateIndicators(),this.updateValue(i)}}updateIndicators(){const{colorsElement:t,colorElement:i,colorsIndicatorElement:e}=this;this.colorDragger.setPosition({x:this.selectedS*i.offsetWidth,y:i.offsetHeight-this.selectedV*i.offsetHeight}),this.colorsDragger.setPosition({x:this.selectedH*(t.offsetWidth-2*e.offsetWidth)/360})}updateValue(t=!1){const{selectedH:i,selectedS:e,selectedV:s}=this,o=this.hsvtorgb({h:i,s:e,v:s}).hex;this.value=o,t||this.updateInputValue(o)}updateInputValue(t){this.inputElement&&(this.inputElement.value=t)}handleClick(){this.open=!0}handleColorInputKeyUp(t){var i=t.path||t.composedPath&&t.composedPath();this._setColor(i[0].value,!0)}handleWindowClick(t){const i=t.target,e=i.classList,s=i.tagName.toLowerCase();!e.contains("sc-bcm-colorpicker")&&"bcm-colorpicker"!==s&&"up"===this.mouseState&&(this.open=!1,this.updateInputValue(this.value)),this.mouseState="up"}valueChange(){this.initialized&&this.change.emit(this.value)}async getValue(){return this.value}async setColor(t){this.setColorBeforeInitialized=!0,this._setColor(t)}render(){const{label:t,required:i,noCaption:r,caption:n,captionError:a,captionType:p}=this,l=h("color-picker",{open:this.open}),c=h("size-1","input-caption","caption-"+p);return e(o,null,e("div",{class:l,onClick:()=>this.handleClick()},t&&e("div",null,e("bcm-label",{tooltip:this.tooltip,type:p,value:t,required:i})),e("div",{class:"input"},e("div",{class:"active-color"},e("div",{class:"color-thumb",style:{backgroundColor:this.value}})),e("span",{class:"icon",slot:"suffix"},e("svg",{style:{fill:"#595959",width:" 14px",height:"14px"},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},e("path",{d:"M483.89 28.14l-.02-.02-.03-.03c-37.47-37.47-98.26-37.46-135.72.03l-77.09 77.09-13.1-13.1c-9.44-9.44-24.65-9.31-33.94 0l-63.6 63.6c-9.37 9.37-9.37 24.57 0 33.94l16.98 16.98L50.75 333.25c-12 12-18.75 28.28-18.75 45.26V424L0 480l32 32 56-32h45.49c16.97 0 33.25-6.74 45.25-18.74l126.64-126.62 16.96 16.96c9.44 9.44 24.65 9.31 33.94 0l63.6-63.6c9.37-9.37 9.37-24.57 0-33.94l-13.1-13.1 77.09-77.09c37.5-37.47 37.5-98.25.02-135.73zM144.8 427.32a15.892 15.892 0 0 1-11.31 4.68H80v-53.49c0-4.27 1.66-8.29 4.69-11.31l126.63-126.62 60.12 60.12L144.8 427.32zm305.14-297.38l-77.09 77.09-33.94 33.94 30.07 30.06-29.66 29.66-128-128 29.66-29.65 30.06 30.07L382.08 62.05c9.05-9.06 21.1-14.05 33.91-14.05 12.82 0 24.86 4.98 33.91 14.04l.04.04C459.01 71.14 464 83.19 464 96.01c0 12.81-5 24.86-14.06 33.93z"})))),!r&&e("div",{class:"caption-area"},"error"==p?e("span",{class:c}," ",a," "):n&&e("span",{class:c}," ",n," ")),e("div",{class:"picker"},e("div",{class:"input"},e("input",{type:"text",class:"color-input",maxlength:"7",ref:t=>this.inputElement=t,onKeyUp:t=>this.handleColorInputKeyUp(t)})),e("div",{class:"color",onMouseDown:()=>this.mouseState="down",style:{backgroundColor:this.hsvtorgb({h:this.h,s:this.s,v:this.v}).hex},ref:t=>this.colorElement=t},e("img",{src:s("./static/color.svg")}),e("div",{class:"color-indicator",ref:t=>this.colorIndicatorElement=t})),e("div",{class:"colors-transparency"},e("div",{class:"colors",onMouseDown:()=>this.mouseState="down",ref:t=>this.colorsElement=t},e("div",{class:"colors-holder"},e("img",{src:s("./static/colors.svg")})),e("div",{class:"colors-indicator",ref:t=>this.colorsIndicatorElement=t}))))))}static get assetsDirs(){return["static"]}get el(){return r(this)}static get watchers(){return{value:["valueChange"]}}};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{position:relative;margin:0 0 8px 0}.color-picker{position:relative;width:200px}.color-picker.open .picker{opacity:1;visibility:visible;transform:scale(1) translateY(56px)}.picker{width:300px;position:absolute;top:0;z-index:1;background-color:#ffffff;border:1px solid #F6F6F6;box-shadow:0px 3px 3.6px 0.4px rgba(0, 0, 0, 0.15);opacity:0;visibility:hidden;transition:transform 0.2s ease, opacity 0.3s ease;transform:scale(0.8) translateY(-100px)}.label{display:flex;flex-direction:column;color:var(--bcm-color-grey-9);margin-bottom:4px}.caption-area{min-height:20px}.input-caption{display:block}.input{display:flex;cursor:pointer;border:1px solid var(--bcm-color-grey-5);border-radius:2px}.color{position:relative;width:100%;height:166px;user-select:none}.color img{width:100%;height:100%;user-select:none;pointer-events:none}.color-indicator{position:absolute;top:0;left:0;width:17px;height:17px;border:1px solid rgba(255, 255, 255, 0.82);box-shadow:0px 1px 2px rgba(0, 0, 0, 0.25);transform:translate(0, 0);border-radius:100px;user-select:none;box-sizing:border-box;pointer-events:none}.colors{position:relative;width:100%;height:16px;margin-top:8px}.colors img{width:100%;user-select:none;pointer-events:none}.colors-holder{position:absolute;top:50%;left:0;width:100%;height:8px;overflow:hidden;transform:translateY(-50%);border-radius:8px;user-select:none}.colors-indicator{position:absolute;top:50%;left:0;width:17px;height:17px;border:2px solid rgba(255, 255, 255, 0.82);box-shadow:0px 1px 4px rgba(0, 0, 0, 0.25);transform:translateY(-50%);border-radius:100px;user-select:none;box-sizing:border-box;pointer-events:none}.transparency{position:relative;width:100%;height:16px;margin-top:8px}.transparency-holder{position:absolute;top:50%;left:0;width:100%;height:8px;overflow:hidden;transform:translateY(-50%);border-radius:8px;background:transparent none repeat center center/20px}.transparency-indicator{position:absolute;top:50%;left:0;width:17px;height:17px;border:2px solid rgba(255, 255, 255, 0.82);box-shadow:0px 1px 4px rgba(0, 0, 0, 0.25);transform:translateY(-50%);border-radius:100px;user-select:none;box-sizing:border-box}.colors-transparency{padding:16px}.active-color{display:flex;align-items:center;width:100%;height:30px}.active-color .color-thumb{width:100%;height:100%;background-color:transparent;border-radius:1px 0 0 1px}.active-color .color-text{font-size:14px;color:#656565;margin-left:8px}.icon{display:flex;align-items:center;justify-content:center;cursor:pointer;width:30px;color:var(--bcm-color-grey-6)}.color-input{border:none;width:100%;padding:10px;outline:none;-webkit-tap-highlight-color:transparent}';export{p as bcm_colorpicker}

package/dist/bromcom-ui/p-2ecb8899.entry.js

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

package/dist/bromcom-ui/p-31368d21.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as t,h as p,H as s,g as r}from"./p-e3ce7150.js";import"./p-499d8454.js";import"./p-626a65e9.js";import{G as o}from"./p-40871628.js";import"./p-014f7aa2.js";import"./p-5fbbf611.js";import"./p-cc583dbc.js";import"./p-6f861fed.js";import"./p-f68a946f.js";import{c as e}from"./p-64fad38b.js";import"./p-436364c8.js";import"./p-6f2e4c9b.js";import"./p-a2df6c19.js";import"./p-85eedabc.js";import"./p-403d3912.js";import"./p-ccc61045.js";const i=class{constructor(p){t(this,p),this._id=o.UID(),this.el.slot="footer"}render(){return p(s,{class:e("tw-flex tw-flex-row tw-items-center tw-justify-end tw-gap-2 tw-px-6 tw-pb-6 tw-pt-2")},p("slot",null))}get el(){return r(this)}};export{i as bcm_modal_2_footer}

package/dist/bromcom-ui/{p-c02d4055.entry.js → p-370b6020.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,c as i,h as r,H as t,g as a}from"./p-170cf07d.js";import{c as n}from"./p-64fad38b.js";import{G as c}from"./p-2df6b47d.js";import"./p-85eedabc.js";import"./p-3a60a194.js";import"./p-a2df6c19.js";const s=class{constructor(r){e(this,r),this.bcmBreadcrumb=i(this,"bcm-breadcrumb-click",7),this.items=void 0,this.seperator="/",this.hidden=!1,this.isOpen=!1}handleClickOutside(e){this.el.contains(e.target)||this.isOpen&&(this.isOpen=!1)}handleOpen(e){this.isOpen=this.isOpen!=e&&e}parseItem(e,i){return e.index=i,e.id=e.id||c.UID(),e}render(){const{items:e,seperator:i,hidden:a}=this,s=n("bcm-breadcrumb","size-2",{hidden:a}),o=i=>r("bcm-link",Object.assign({id:i.id||c.UID(),onClick:()=>this.bcmBreadcrumb.emit(i),target:i.target&&i.index<e.length-1?i.target:"_self"},(1==i.child||i.index<e.length-1)&&i.href&&{href:i.href},{icon:i.icon?i.icon:null,class:n({active:i.index===e.length-1,"is-link":(1==i.child||i.index<e.length-1)&&i.href})}),i.label?i.label:null),m=i=>r("details",{class:n("bcm-breadcrumb__dropdown-item",{active:i.index===e.length-1,open:this.isOpen===i.id}),id:i.id,open:this.isOpen===i.id},r("summary",{onClick:()=>this.handleOpen(i.id),class:this.isOpen===i.id&&"open"},r("span",{class:"is-link"},r(o,Object.assign({},{icon:i.icon,label:i.label,href:"javascript:void(0)",index:i.index})),r("bcm-icon",{icon:"fas fa-caret-down"}))),r("div",{class:"bcm-breadcrumb__dropdown-submenu"},i.dropdown.map((e=>r("span",{class:"size-2 dropdown-item"},r(o,Object.assign({},e,{child:!0})))))));return r(t,{class:s},r("span",{hidden:!0},r("slot",null)),e.map(((t,a)=>r("span",{class:"bcm-breadcrumb__item"},t.dropdown&&t.dropdown.length>0?m(this.parseItem(t,a)):o(this.parseItem(t,a)),a<e.length-1?r("span",{class:"seperator"},i):null))))}get el(){return a(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}.bcm-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;color:var(--bcm-color-grey-7)}.bcm-breadcrumb__item{display:flex;align-items:center}.bcm-breadcrumb .seperator{cursor:default;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;margin-right:8px;color:var(--bcm-color-grey-7)}.bcm-breadcrumb bcm-link:hover{color:var(--bcm-color-grey-7)}.bcm-breadcrumb .active{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .active:hover{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .is-link:hover{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb .is-link:hover bcm-link,.bcm-breadcrumb .is-link:hover bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item{position:relative;display:inline-flex}.bcm-breadcrumb__dropdown-item summary{display:inline-flex;align-items:center;cursor:pointer}.bcm-breadcrumb__dropdown-item summary>span{display:inline-flex;align-items:center}.bcm-breadcrumb__dropdown-item summary::-webkit-details-marker{display:none}.bcm-breadcrumb__dropdown-item summary:focus{outline:none}.bcm-breadcrumb__dropdown-item summary.open bcm-link,.bcm-breadcrumb__dropdown-item summary.open bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item summary .down-icon{margin-left:4px}.bcm-breadcrumb__dropdown-submenu{position:absolute;min-width:140px;background-color:var(--bcm-color-grey-1);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);margin-top:4px}.bcm-breadcrumb__dropdown-submenu .dropdown-item{display:flex;padding:4px 8px}.bcm-breadcrumb__dropdown-submenu .dropdown-item bcm-link{width:100%}';export{s as bcm_breadcrumb}
+import{r as e,c as i,h as r,H as t,g as a}from"./p-e3ce7150.js";import{c as n}from"./p-64fad38b.js";import{G as c}from"./p-40871628.js";import"./p-85eedabc.js";import"./p-403d3912.js";import"./p-a2df6c19.js";const s=class{constructor(r){e(this,r),this.bcmBreadcrumb=i(this,"bcm-breadcrumb-click",7),this.items=void 0,this.seperator="/",this.hidden=!1,this.isOpen=!1}handleClickOutside(e){this.el.contains(e.target)||this.isOpen&&(this.isOpen=!1)}handleOpen(e){this.isOpen=this.isOpen!=e&&e}parseItem(e,i){return e.index=i,e.id=e.id||c.UID(),e}render(){const{items:e,seperator:i,hidden:a}=this,s=n("bcm-breadcrumb","size-2",{hidden:a}),o=i=>r("bcm-link",Object.assign({id:i.id||c.UID(),onClick:()=>this.bcmBreadcrumb.emit(i),target:i.target&&i.index<e.length-1?i.target:"_self"},(1==i.child||i.index<e.length-1)&&i.href&&{href:i.href},{icon:i.icon?i.icon:null,class:n({active:i.index===e.length-1,"is-link":(1==i.child||i.index<e.length-1)&&i.href})}),i.label?i.label:null),m=i=>r("details",{class:n("bcm-breadcrumb__dropdown-item",{active:i.index===e.length-1,open:this.isOpen===i.id}),id:i.id,open:this.isOpen===i.id},r("summary",{onClick:()=>this.handleOpen(i.id),class:this.isOpen===i.id&&"open"},r("span",{class:"is-link"},r(o,Object.assign({},{icon:i.icon,label:i.label,href:"javascript:void(0)",index:i.index})),r("bcm-icon",{icon:"fas fa-caret-down"}))),r("div",{class:"bcm-breadcrumb__dropdown-submenu"},i.dropdown.map((e=>r("span",{class:"size-2 dropdown-item"},r(o,Object.assign({},e,{child:!0})))))));return r(t,{class:s},r("span",{hidden:!0},r("slot",null)),e.map(((t,a)=>r("span",{class:"bcm-breadcrumb__item"},t.dropdown&&t.dropdown.length>0?m(this.parseItem(t,a)):o(this.parseItem(t,a)),a<e.length-1?r("span",{class:"seperator"},i):null))))}get el(){return a(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}.bcm-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;color:var(--bcm-color-grey-7)}.bcm-breadcrumb__item{display:flex;align-items:center}.bcm-breadcrumb .seperator{cursor:default;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;margin-right:8px;color:var(--bcm-color-grey-7)}.bcm-breadcrumb bcm-link:hover{color:var(--bcm-color-grey-7)}.bcm-breadcrumb .active{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .active:hover{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .is-link:hover{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb .is-link:hover bcm-link,.bcm-breadcrumb .is-link:hover bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item{position:relative;display:inline-flex}.bcm-breadcrumb__dropdown-item summary{display:inline-flex;align-items:center;cursor:pointer}.bcm-breadcrumb__dropdown-item summary>span{display:inline-flex;align-items:center}.bcm-breadcrumb__dropdown-item summary::-webkit-details-marker{display:none}.bcm-breadcrumb__dropdown-item summary:focus{outline:none}.bcm-breadcrumb__dropdown-item summary.open bcm-link,.bcm-breadcrumb__dropdown-item summary.open bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item summary .down-icon{margin-left:4px}.bcm-breadcrumb__dropdown-submenu{position:absolute;min-width:140px;background-color:var(--bcm-color-grey-1);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);margin-top:4px}.bcm-breadcrumb__dropdown-submenu .dropdown-item{display:flex;padding:4px 8px}.bcm-breadcrumb__dropdown-submenu .dropdown-item bcm-link{width:100%}';export{s as bcm_breadcrumb}

package/dist/bromcom-ui/{p-9850cbce.js → p-397c1438.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{g as e}from"./p-170cf07d.js";function n(){return n=>{const{componentDidLoad:s}=n;n.componentDidLoad=function(){const n=e(this),{openIntersecting:o}=n;return n.dispatchEvent(new CustomEvent("bcm-is-load",{bubbles:!0,composed:!0,detail:{isLoad:!0}})),o&&(i=n,"IntersectionObserver"in window?new IntersectionObserver((e=>{e[0].isIntersecting&&t(i)})).observe(i):setTimeout((()=>{t(i)}),300)),s&&s.call(this);var i}}}function t(e){e.dispatchEvent(new CustomEvent("bcm-is-intersecting",{bubbles:!0,composed:!0,detail:{isIntersecting:!0}}))}export{n as I}
+import{g as e}from"./p-e3ce7150.js";function n(){return n=>{const{componentDidLoad:s}=n;n.componentDidLoad=function(){const n=e(this),{openIntersecting:o}=n;return n.dispatchEvent(new CustomEvent("bcm-is-load",{bubbles:!0,composed:!0,detail:{isLoad:!0}})),o&&(i=n,"IntersectionObserver"in window?new IntersectionObserver((e=>{e[0].isIntersecting&&t(i)})).observe(i):setTimeout((()=>{t(i)}),300)),s&&s.call(this);var i}}}function t(e){e.dispatchEvent(new CustomEvent("bcm-is-intersecting",{bubbles:!0,composed:!0,detail:{isIntersecting:!0}}))}export{n as I}

package/dist/bromcom-ui/p-3a944947.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as t,h as s,H as e,g as i}from"./p-e3ce7150.js";const l=class{constructor(s){t(this,s),this.initialLeftPanelWidth=50,this.isDragging=!1,this.startClientX=0,this.leftPanelWidth=this.initialLeftPanelWidth}onMouseMove(t){this.isDragging&&(this.leftPanelWidth=Math.max(0,Math.min(100,this.leftPanelWidth+(t.clientX-this.startClientX)/this.el.offsetWidth*100)),this.startClientX=t.clientX)}onMouseUp(){this.isDragging=!1}handleMouseDown(t){this.isDragging=!0,this.startClientX=t.clientX}render(){const t=100-this.leftPanelWidth;return s(e,{class:"tw-block tw-h-full tw-w-full"},s("div",{class:"resizable-panes tw-flex tw-h-full"},s("div",{class:"panel panel-left tw-flex-1 ",style:{flexBasis:`${this.leftPanelWidth}%`}},s("slot",{name:"left-panel"})),s("div",{class:"splitter tw-flex tw-cursor-ew-resize tw-items-center tw-justify-center tw-bg-gray-300 tw-p-1 tw-text-color-gray-500",role:"separator",tabIndex:0,"aria-orientation":"vertical","aria-valuenow":this.leftPanelWidth,title:"Interact to resize",onMouseDown:t=>this.handleMouseDown(t)},s("slot",{name:"splitter"},s("i",{class:"fa-light fa-grip-lines-vertical"}))),s("div",{class:"panel panel-right tw-flex-1 ",style:{flexBasis:`${t}%`}},s("slot",{name:"right-panel"}))))}get el(){return i(this)}};export{l as bcm_resizable_pane}

package/dist/bromcom-ui/{p-cebe6c15.entry.js → p-3aa7e1ce.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-170cf07d.js";import{I as n}from"./p-9850cbce.js";import{G as r,s as h}from"./p-2df6b47d.js";import{S as p}from"./p-35f2e15a.js";import{a as l}from"./p-a313fba6.js";import"./p-3a60a194.js";import"./p-a2df6c19.js";import"./p-85eedabc.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","BCM-NUMBER-INPUT"];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 a,g as o}from"./p-e3ce7150.js";import{I as n}from"./p-397c1438.js";import{G as r,s as h}from"./p-40871628.js";import{S as p}from"./p-5fbbf611.js";import{a as l}from"./p-f68a946f.js";import"./p-403d3912.js";import"./p-a2df6c19.js";import"./p-85eedabc.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","BCM-NUMBER-INPUT"];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}

package/dist/bromcom-ui/p-3db88841.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as t,h as e,H as s}from"./p-e3ce7150.js";import"./p-499d8454.js";import"./p-626a65e9.js";import{G as i}from"./p-40871628.js";import"./p-014f7aa2.js";import"./p-5fbbf611.js";import"./p-cc583dbc.js";import"./p-6f861fed.js";import"./p-f68a946f.js";import{c as r}from"./p-ccc61045.js";import"./p-436364c8.js";import"./p-6f2e4c9b.js";import"./p-a2df6c19.js";import"./p-85eedabc.js";import"./p-403d3912.js";const o=r({slots:{host:"tw-flex tw-flex-row tw-items-center tw-justify-center tw-flex-shrink-0 tw-relative tw-overflow-hidden tw-bg-gray-200"},variants:{variant:{rect:{host:"tw-rounded"},circle:{host:"tw-rounded-full"}},effect:{pulse:{host:"tw-animate-pulse"},ping:{host:"tw-animate-ping"},none:{host:"tw-animate-none"}},hidden:{true:{host:"tw-hidden"},false:{host:"tw-flex"}}},defaultVariants:{variant:"rect",effect:"pulse",hidden:!1}}),p=class{constructor(e){t(this,e),this._id=i.UID(),this.effect="pulse",this.variant="rect",this.hidden=!1,this.width="100%",this.height="16px",this.marginBottom=null,this.customStyles={}}render(){const{variant:t,effect:i,width:r,height:p,marginBottom:a,customStyles:n,hidden:c}=this,h=Object.assign(Object.assign(Object.assign(Object.assign({},r?{width:r}:{}),p?{height:p}:{}),a?{marginBottom:a}:{}),"string"==typeof n?JSON.parse(n):n),{host:f}=o({variant:t,effect:i,hidden:c});return e(s,{class:f(),style:h})}};export{p as bcm_skeleton}

package/dist/bromcom-ui/{p-c99dbd93.entry.js → p-3f4d5368.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,c as i,f as e,h as o,H as n,g as l,F as s}from"./p-170cf07d.js";import"./p-499d8454.js";import"./p-626a65e9.js";import{G as r}from"./p-2df6b47d.js";import"./p-58c0a1f5.js";import"./p-35f2e15a.js";import"./p-4f6eb6d6.js";import"./p-6f861fed.js";import{B as a}from"./p-a313fba6.js";import{C as d}from"./p-8e683b32.js";import{c as u}from"./p-64fad38b.js";import"./p-3fac58f7.js";import"./p-2e73d572.js";import{c as p}from"./p-08c75801.js";import"./p-436364c8.js";import"./p-6f2e4c9b.js";import"./p-a2df6c19.js";import"./p-85eedabc.js";import"./p-3a60a194.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,l;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===(l=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===l?void 0:l.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,l,s,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===(l=this.menuContent)||void 0===l?void 0:l.show()),this._input.style.color="#ff0000")}else null===(s=this.commentContent)||void 0===s||s.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,l,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:B,content:D,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:D()},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(s,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(s,null,o("li",(null==t?void 0:t.disabled)?{class:B()}:{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(s,null,this.isOpenMenu?o("div",{class:A()},this.isLate?o(s,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",{role:"button","aria-labelledby":"button","aria-label":"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",{role:"button","aria-labelledby":"button","aria-label":"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===(l=this.value)||void 0===l?void 0:l.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 l(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}
+import{r as t,c as i,f as e,h as o,H as n,g as l,F as s}from"./p-e3ce7150.js";import"./p-499d8454.js";import"./p-626a65e9.js";import{G as r}from"./p-40871628.js";import"./p-014f7aa2.js";import"./p-5fbbf611.js";import"./p-cc583dbc.js";import"./p-6f861fed.js";import{B as a}from"./p-f68a946f.js";import{C as d}from"./p-4c5168fe.js";import"./p-66d74084.js";import{c as u}from"./p-64fad38b.js";import"./p-2e73d572.js";import{c as p}from"./p-ccc61045.js";import"./p-436364c8.js";import"./p-6f2e4c9b.js";import"./p-a2df6c19.js";import"./p-85eedabc.js";import"./p-403d3912.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,l;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===(l=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===l?void 0:l.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,l,s,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===(l=this.menuContent)||void 0===l?void 0:l.show()),this._input.style.color="#ff0000")}else null===(s=this.commentContent)||void 0===s||s.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,l,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:B,content:D,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:D()},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(s,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(s,null,o("li",(null==t?void 0:t.disabled)?{class:B()}:{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(s,null,this.isOpenMenu?o("div",{class:A()},this.isLate?o(s,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",{role:"button","aria-labelledby":"button","aria-label":"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",{role:"button","aria-labelledby":"button","aria-label":"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===(l=this.value)||void 0===l?void 0:l.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 l(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-3a60a194.js → p-403d3912.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-const t="2.12.1-test.0";export{t as v}
+const e="3.0.0-preview.0";export{e as v}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{v as t}from"./p-403d3912.js";import{c as r}from"./p-a2df6c19.js";function n(t,r){try{var n=t();return void 0===n?r:n}catch(t){if(t instanceof TypeError)return r;throw t}}const e=["localhost","beta-regression.bromcomcloud.com","beta-scrum.bromcomcloud.com","beta-kanban.bromcomcloud.com"];(()=>{const t=window.location.hostname;return e.includes(t)})()&&console.log(`%cbromcom ui%c version: ${t}-p `,"color: white; background:#1890FF; font-weight: 300;  font-size:10px;  padding:2px 6px;  border-radius: 5px","font-size:10px;"),function(){const t=document.querySelector("body");let r=localStorage.getItem("bcm-theme");!t.classList.contains("bcm-theme-*")&&r&&t.classList.add(`bcm-theme-${r}`)}(),function(){const t=document.querySelector("body");let r=document.querySelector("#bcm-overlay-container");r||(r=document.createElement("div"),r.id="bcm-overlay-container",r.classList.add("bcm-overlay-container"),t.appendChild(r))}();class o{static prettify(t){const r={};for(const n in t)t.hasOwnProperty(n)&&(r[n]=t[n]);return r}static getTwColor(t){const{color:n,variable:e,tones:o}=t=Object.assign({variable:"--bcm-color-default",defaultTone:"600",tones:{50:{},100:{},200:{},300:{},400:{},500:{},600:{},700:{},800:{},900:{},950:{},white:"white",black:"black",transparent:"transparent"}},t);if(!n||!r[n])return!1;const c={};return"string"==typeof r[n]?(c[e]=r[n],c):((Array.isArray(o)?o:Object.keys(o)).forEach((t=>{r[n][t]?Array.isArray(o[t])?o[t].forEach((o=>{c[`${e}-${o}`]=r[n][t]})):c[`${e}-${t}`]=r[n][t]:Array.isArray(o[t])&&o[t].forEach((r=>{c[`${e}-${r}`]=t}))})),c)}}o.UID=(t="bcm")=>`${t}${Math.random().toString(36).substring(2,9)}`,o.domParser=t=>(new DOMParser).parseFromString(t,"text/html").body.innerText,o.createComponent=(t,r)=>{let n=document.getElementById(r.id);return n||(n=document.createElement(t)),Object.keys(r).forEach((t=>{n[t]=r[t]})),document.getElementById("bcm-overlay-container").appendChild(n),n},o.createElement=(t="div",r)=>{let n=document.getElementById(r.id);return n||(n=document.createElement(t)),Object.keys(r).forEach((t=>{"innerHTML"==t?n[t]=r[t]:n.setAttribute(t,r[t])})),document.body.appendChild(n),n},o.debounceInput=(t,r,n,e)=>{let o;return function(){let c=this,u=arguments;e&&e.apply(c,u);let i=function(){o=null,n||t.apply(c,u)},l=n&&!o;clearTimeout(o),o=setTimeout(i,r),l&&t.apply(c,u)}},o.flatArray=t=>t.reduce(((t,r)=>t.concat(Array.isArray(r)?o.flatArray(r):r)),[]),o.reverseNodeList=t=>{let r=[];for(let n=t.length-1;n>=0;n--)r.push(t[n]);return r},o.findEventPathWithKey=(t,r,n)=>{n=Array.isArray(n)?n:[n];let e=t.composedPath()||t.path;if(e)return void 0!==e.filter((t=>n.includes(t[r])))[0]},o.findEventPathHasAttribute=(t,r)=>{let e=t.composedPath()||t.path;if(e)return n((()=>!!e.find((t=>t.hasAttribute(r)))),!1)},o.findEventTarget=(t,r)=>{r=Array.isArray(r)?r:[r];let n=t.target||t.srcElement;if(n)return r.includes(n)},o.findEventPathWithNodeName=(t,r)=>{let n=t.composedPath()||t.path;if(n)return n.filter((t=>t.nodeName===r))[0]},o.findEventPath=(t,r)=>{r=Array.isArray(r)?r:[r];let n=t.composedPath()||t.path;if(n)return void 0!==n.filter((t=>r.includes(t)))[0]},o.objectIsEmpty=t=>0===Object.keys(t).length&&t.constructor===Object,o.convertIdsToNestedData=(t,r)=>{let n=[],e=[];return r.forEach((r=>{t&&t.indexOf(r.id.toString())>-1?n.push(r):r.items&&(e=o.convertIdsToNestedData(t,r.items),e.length>0&&(r.items=e,n.push(r)))})),n},o.nodeListToArray=t=>Array.prototype.slice.call(t),o.setAttributes=(t,r)=>{Object.keys(r).forEach((n=>{t.setAttribute(n,r[n])}))},o.computedStyle=(t,r)=>window.getComputedStyle(t,null).getPropertyValue(r),o.getAncestor=(t,r)=>{for(;(t=t.parentElement)&&!t.matches(r););return t},o.findParentElement=(t,r)=>{const n=r.charAt(0);if("*"===r)return t.parentElement;if("."===n){const n=r.slice(1);return function(t,r){for(;null!==t;){if(t.classList.contains(r))return t;t=t.parentElement}return null}(t.parentElement,n)}if("#"===n){const n=r.slice(1);return function(t,r){for(;null!==t;){if(t.id===r)return t;t=t.parentElement}return null}(t.parentElement,n)}if("["===n){const n=r.indexOf("]"),e=r.slice(1,n),o=r.slice(n+2,-1);return function(t,r,n){for(;null!==t;){if(t.hasAttribute(r)&&(void 0===n||t.getAttribute(r)===n))return t;t=t.parentElement}return null}(t.parentElement,e,o)}{const n=r.toLowerCase();return function(t,r){for(;null!==t;){if(t.tagName.toLowerCase()===r.toLowerCase())return t;t=t.parentElement}return null}(t.parentElement,n)}};export{o as G,n as s}

package/dist/bromcom-ui/p-4254234c.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-e3ce7150.js";import"./p-499d8454.js";import"./p-626a65e9.js";import{G as a}from"./p-40871628.js";import"./p-014f7aa2.js";import"./p-5fbbf611.js";import"./p-cc583dbc.js";import"./p-6f861fed.js";import{d as n}from"./p-6f2e4c9b.js";import{F as c}from"./p-f530cf23.js";import{B as r}from"./p-f68a946f.js";import{c as l}from"./p-ccc61045.js";import"./p-436364c8.js";import"./p-a2df6c19.js";import"./p-85eedabc.js";import"./p-403d3912.js";import"./p-5a65b538.js";const m=l({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=r.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);c({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-42a7244e.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as t,c as s,h as i,H as e,g as a}from"./p-e3ce7150.js";import"./p-499d8454.js";import"./p-626a65e9.js";import{G as o}from"./p-40871628.js";import"./p-014f7aa2.js";import"./p-5fbbf611.js";import"./p-cc583dbc.js";import"./p-6f861fed.js";import{d as h}from"./p-6f2e4c9b.js";import{B as r}from"./p-f68a946f.js";import{c as l}from"./p-64fad38b.js";import"./p-436364c8.js";import"./p-a2df6c19.js";import"./p-85eedabc.js";import"./p-403d3912.js";import"./p-ccc61045.js";const c=class{constructor(i){t(this,i),this.modalClose=s(this,"bcm-modal-close",7),this.modalOpen=s(this,"bcm-modal-open",7),this.modalBeforeClose=s(this,"bcm-modal-before-close",7),this.modalBeforeOpen=s(this,"bcm-modal-before-open",7),this._id=o.UID(),this.isShow=!1,this.center=!1,this.zIndex="10400",this.size=r.Size.medium,this.backdrop=!0,this.fullWidth=!1,this.fullScreen=!1,this.overflow=!0,this.isShowModal=!1,this.shake=!1}handleClick(t){const s=o.findEventPathHasAttribute(t,"data-dismiss"),i=t.target.attributes.getNamedItem("is-click-overlay");i&&"static"===this.backdrop?this.shakeModal():(s||i)&&(this.hide(),t.preventDefault(),t.stopPropagation())}handleKeyDown(t){Array.from(document.querySelectorAll("bcm-modal-2[is-show]")).pop()===this.el&&"Escape"===t.key&&("static"===this.backdrop?this.shakeModal():this.hide(),t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}shakeModal(){this.shake=!0,setTimeout((()=>this.shake=!1),300)}async hide(){this.modalBeforeClose.emit()}async hideModal(t){t.defaultPrevented||t.target===this.el&&(this.isShowModal=!1,await h(150),this.isShow=!1,this.modalClose.emit())}async show(){this.modalBeforeOpen.emit()}async showModal(t){t.defaultPrevented||t.target===this.el&&(this.isShow=!0,await h(50),this.isShowModal=!0,document.body.appendChild(this.el),this.modalOpen.emit())}getWidth(t){return{small:"576px",medium:"768px",large:"992px",xlarge:"1024px",xxlarge:"1200px",xxxlarge:"1700px"}[t]||t}setSize(){const{fullScreen:t,fullWidth:s,size:i,overflow:e}=this;let a="auto",o="auto",h=s?"100%":this.getWidth(i);return t&&(o=e?"100vh":"auto",h="100vw",a="100vh"),{width:h,minHeight:a,height:o}}render(){return i(e,{class:{"tw-hidden":!this.isShow}},i("bcm-overlay",{"z-index":+this.zIndex-1,opacity:this.isShowModal?"0.5":"0"}),i("div",{class:l("tw-fixed tw-inset-0","tw-flex tw-h-full tw-w-full tw-items-start tw-justify-center","tw-overflow-y-scroll tw-overscroll-contain tw-font-sans",this.center?"tw-items-center":""),style:{zIndex:this.zIndex},"is-click-overlay":!0},i("div",{class:l("tw-flex tw-w-full tw-flex-col","tw-relative tw-z-modal tw-bg-white","tw--translate-y-[20px] tw-transform tw-opacity-0 tw-transition tw-duration-300 tw-ease-in-out",this.fullScreen?"":`tw-m-4 tw-rounded-lg ${this.overflow?"tw-max-h-[90vh]":""} `,this.shake?"tw-animate-shake":""),style:Object.assign(Object.assign({},this.setSize()),this.isShowModal?{transform:"translateY(0)",opacity:"1"}:{})},i("slot",{name:"header"}),i("bcm-scroll-area",{"is-disabled":!this.overflow},i("slot",null)),i("slot",{name:"footer"}))))}get el(){return a(this)}};export{c as bcm_modal_2}

package/dist/bromcom-ui/p-4c5168fe.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{h as t}from"./p-e3ce7150.js";import{c as e}from"./p-64fad38b.js";const o=({noCaption:o,captionType:r,caption:a,captionError:c,customErrorMessage:i,size:s,maxLength:n,value:m})=>(s=s||"medium",(0==o||n)&&t("div",{class:e("bcm-ui-element bcm-ui-feedback bcm-caption-area tw-mt-1 tw-min-h-[20px] tw-flex tw-flex-row tw-items-start tw-justify-between tw-font-normal",{"tw-text-color-caption":!r||"default"==r,"tw-text-color-primary":"info"==r,"tw-text-color-success":"success"==r,"tw-text-color-warning":"warning"==r,"tw-text-color-error":"error"==r},{"tw-text-size-3":"small"==s,"tw-text-size-4":"medium"==s,"tw-text-size-5":"large"==s},r&&"default"!=r&&`bcm-caption-area__type-${r}`)},t("div",{class:"bcm-caption-area__text"},"error"==r?i||c:a),n&&t("div",{class:"bcm-caption-area__text tw-text-color-caption"}," ",`${(null==m?void 0:m.length)||0}/${n}`," ")));export{o as C}

package/dist/bromcom-ui/{p-69260d36.entry.js → p-51341d24.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,h as i,H as t,g as o}from"./p-170cf07d.js";import{c as s}from"./p-64fad38b.js";import"./p-85eedabc.js";const p=class{constructor(i){e(this,i),this.value=void 0,this.selected=void 0,this.disabled=void 0,this.visible=!0,this.hidden=!1}async getLabel(){return this.host.innerHTML}render(){const e=s("option","size-2",{"selected weight-semibold":this.selected,disabled:this.disabled,visible:this.visible}),o=s(this.hidden?"hidden":null);return i(t,{class:o},i("span",{class:e},i("slot",null)))}get host(){return o(this)}};p.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block;width:100%;box-sizing:border-box;min-width:256px}:host(.hidden){display:none}:host-context(bcm-select-group) .option{padding-left:16px}.option{display:none;padding:4px 8px;cursor:pointer;color:var(--bcm-color-grey-8);box-sizing:border-box;width:100%}.option:hover:not(.disabled){background-color:var(--bcm-color-prime-blue-1)}.option.selected:not(.disabled){background-color:var(--bcm-color-grey-3)}.option.disabled{background-color:var(--bcm-color-grey-5);color:var(--bcm-color-grey-6);cursor:not-allowed}.option.disabled:not(.selected){background-color:var(--bcm-color-prime-blue-1)}.option.visible{display:inline-flex}';export{p as bcm_select_option}
+import{r as e,h as i,H as t,g as o}from"./p-e3ce7150.js";import{c as s}from"./p-64fad38b.js";import"./p-85eedabc.js";const p=class{constructor(i){e(this,i),this.value=void 0,this.selected=void 0,this.disabled=void 0,this.visible=!0,this.hidden=!1}async getLabel(){return this.host.innerHTML}render(){const e=s("option","size-2",{"selected weight-semibold":this.selected,disabled:this.disabled,visible:this.visible}),o=s(this.hidden?"hidden":null);return i(t,{class:o},i("span",{class:e},i("slot",null)))}get host(){return o(this)}};p.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block;width:100%;box-sizing:border-box;min-width:256px}:host(.hidden){display:none}:host-context(bcm-select-group) .option{padding-left:16px}.option{display:none;padding:4px 8px;cursor:pointer;color:var(--bcm-color-grey-8);box-sizing:border-box;width:100%}.option:hover:not(.disabled){background-color:var(--bcm-color-prime-blue-1)}.option.selected:not(.disabled){background-color:var(--bcm-color-grey-3)}.option.disabled{background-color:var(--bcm-color-grey-5);color:var(--bcm-color-grey-6);cursor:not-allowed}.option.disabled:not(.selected){background-color:var(--bcm-color-prime-blue-1)}.option.visible{display:inline-flex}';export{p as bcm_select_option}

package/dist/bromcom-ui/{p-0bda558d.js → p-588ba8fc.js}

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

package/dist/bromcom-ui/{p-d73d6a2f.entry.js → p-58fa6ecf.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,h as e,H as s,g as r}from"./p-170cf07d.js";import{G as o}from"./p-2df6b47d.js";import{c as i}from"./p-64fad38b.js";import"./p-3a60a194.js";import"./p-a2df6c19.js";import"./p-85eedabc.js";const a=class{constructor(e){t(this,e),this.handleFocus=()=>{this.hasFocus=!0},this.handleBlur=()=>{this.hasFocus=!1},this.handleChange=t=>{this.value=t.target.value,console.log(t)},this.handleInput=t=>{console.log(t)},this._id=o.UID(),this.name=void 0,this.value=void 0,this.type="text",this.label=void 0,this.required=!1,this.disabled=!1,this.readonly=!1,this.placeholder=void 0,this.fullwidth=!1,this.hasFocus=!1}render(){const{_id:t,type:r,name:o,value:a,label:l,required:w,fullwidth:d,placeholder:n,disabled:h,readonly:c}=this;return e(s,{class:i("tw-inline-flex tw-w-full tw-max-w-[256px] tw-flex-col",{"tw-max-w-full":d})},l&&e("bcm-label",{value:l,required:w,htmlFor:t}),e("div",{class:i("tw-relative tw-flex tw-w-full tw-flex-row tw-items-stretch tw-rounded tw-border tw-p-0 hover:tw-border-primary-600",{"tw-cursor-not-allowed tw-bg-secondary-50":this.disabled,"tw-cursor-text":!this.disabled,"tw-cursor-default tw-bg-secondary-50":this.readonly,"tw-border-primary-500 tw-bg-secondary-50":this.hasFocus,"tw-border-secondary-300 tw-bg-white":!this.hasFocus})},e("input",{id:t,name:o,type:r,value:a,"data-value":a,placeholder:n,required:w,disabled:h,readonly:c,class:i("tw-text-overflow-ellipsis","tw-rounded-none","tw-flex-1","tw-cursor-inherit","tw-w-full","tw-appearance-none","tw-overflow-hidden","tw-whitespace-nowrap","tw-border-none","tw-bg-transparent","tw-p-2","tw-text-secondary-600","tw-placeholder-secondary-300","tw-outline-none"),onFocus:this.handleFocus,onBlur:this.handleBlur,onChange:t=>this.handleChange(t),onInput:this.handleInput})))}get el(){return r(this)}};export{a as bcm_input_custom}
+import{r as t,h as e,H as s,g as r}from"./p-e3ce7150.js";import{G as o}from"./p-40871628.js";import{c as i}from"./p-64fad38b.js";import"./p-403d3912.js";import"./p-a2df6c19.js";import"./p-85eedabc.js";const l=class{constructor(e){t(this,e),this.handleFocus=()=>{this.hasFocus=!0},this.handleBlur=()=>{this.hasFocus=!1},this.handleChange=t=>{this.value=t.target.value,console.log(t)},this.handleInput=t=>{console.log(t)},this._id=o.UID(),this.name=void 0,this.value=void 0,this.type="text",this.label=void 0,this.required=!1,this.disabled=!1,this.readonly=!1,this.placeholder=void 0,this.fullwidth=!1,this.hasFocus=!1}render(){const{_id:t,type:r,name:o,value:l,label:a,required:w,fullwidth:n,placeholder:d,disabled:h,readonly:c}=this;return e(s,{class:i("tw-inline-flex tw-w-full tw-max-w-[256px] tw-flex-col",{"tw-max-w-full":n})},a&&e("bcm-label",{value:a,required:w,htmlFor:t}),e("div",{class:i("tw-relative tw-flex tw-w-full tw-flex-row tw-items-stretch tw-rounded tw-border tw-p-0 hover:tw-border-primary-600",{"tw-cursor-not-allowed tw-bg-secondary-50":this.disabled,"tw-cursor-text":!this.disabled,"tw-cursor-default tw-bg-secondary-50":this.readonly,"tw-border-primary-500 tw-bg-secondary-50":this.hasFocus,"tw-border-secondary-300 tw-bg-white":!this.hasFocus})},e("input",{id:t,name:o,type:r,value:l,"data-value":l,placeholder:d,required:w,disabled:h,readonly:c,class:i("tw-text-overflow-ellipsis","tw-rounded-none","tw-flex-1","tw-cursor-inherit","tw-w-full","tw-appearance-none","tw-overflow-hidden","tw-whitespace-nowrap","tw-border-none","tw-bg-transparent","tw-p-2","tw-text-secondary-600","tw-placeholder-secondary-300","tw-outline-none"),onFocus:this.handleFocus,onBlur:this.handleBlur,onChange:t=>this.handleChange(t),onInput:this.handleInput})))}get el(){return r(this)}};export{l as bcm_input_custom}

package/dist/bromcom-ui/p-5a65b538.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+function t(t){return t.split("-")[1]}function n(t){return"y"===t?"height":"width"}function e(t){return t.split("-")[0]}function o(t){return["top","bottom"].includes(e(t))?"x":"y"}function r(r,i,a){let{reference:c,floating:l}=r;const s=c.x+c.width/2-l.width/2,f=c.y+c.height/2-l.height/2,u=o(i),d=n(u),m=c[d]/2-l[d]/2,y="x"===u;let p;switch(e(i)){case"top":p={x:s,y:c.y-l.height};break;case"bottom":p={x:s,y:c.y+c.height};break;case"right":p={x:c.x+c.width,y:f};break;case"left":p={x:c.x-l.width,y:f};break;default:p={x:c.x,y:c.y}}switch(t(i)){case"start":p[u]-=m*(a&&y?-1:1);break;case"end":p[u]+=m*(a&&y?-1:1)}return p}function i(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function a(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function c(t,n){var e;void 0===n&&(n={});const{x:o,y:r,platform:c,rects:l,elements:s,strategy:f}=t,{boundary:u="clippingAncestors",rootBoundary:d="viewport",elementContext:m="floating",altBoundary:y=!1,padding:p=0}=n,h=i(p),x=s[y?"floating"===m?"reference":"floating":m],g=a(await c.getClippingRect({element:null==(e=await(null==c.isElement?void 0:c.isElement(x)))||e?x:x.contextElement||await(null==c.getDocumentElement?void 0:c.getDocumentElement(s.floating)),boundary:u,rootBoundary:d,strategy:f})),w="floating"===m?{...l.floating,x:o,y:r}:l.reference,v=await(null==c.getOffsetParent?void 0:c.getOffsetParent(s.floating)),b=await(null==c.isElement?void 0:c.isElement(v))&&await(null==c.getScale?void 0:c.getScale(v))||{x:1,y:1},A=a(c.convertOffsetParentRelativeRectToViewportRelativeRect?await c.convertOffsetParentRelativeRectToViewportRelativeRect({rect:w,offsetParent:v,strategy:f}):w);return{top:(g.top-A.top+h.top)/b.y,bottom:(A.bottom-g.bottom+h.bottom)/b.y,left:(g.left-A.left+h.left)/b.x,right:(A.right-g.right+h.right)/b.x}}const l=Math.min,s=Math.max;function f(t,n,e){return s(t,l(n,e))}const u=e=>({name:"arrow",options:e,async fn(r){const{element:a,padding:c=0}=e||{},{x:l,y:s,placement:u,rects:d,platform:m,elements:y}=r;if(null==a)return{};const p=i(c),h={x:l,y:s},x=o(u),g=n(x),w=await m.getDimensions(a),v="y"===x,b=v?"top":"left",A=v?"bottom":"right",k=v?"clientHeight":"clientWidth",R=d.reference[g]+d.reference[x]-h[x]-d.floating[g],P=h[x]-d.reference[x],B=await(null==m.getOffsetParent?void 0:m.getOffsetParent(a));let D=B?B[k]:0;D&&await(null==m.isElement?void 0:m.isElement(B))||(D=y.floating[k]||d.floating[g]);const F=p[b],H=D-w[g]-p[A],M=D/2-w[g]/2+(R/2-P/2),S=f(F,M,H),T=null!=t(u)&&M!=S&&d.reference[g]/2-(M<F?p[b]:p[A])-w[g]/2<0;return{[x]:h[x]-(T?M<F?F-M:H-M:0),data:{[x]:S,centerOffset:M-S}}}}),d=["top","right","bottom","left"],m={left:"right",right:"left",bottom:"top",top:"bottom"};function y(t){return t.replace(/left|right|bottom|top/g,(t=>m[t]))}const p={start:"end",end:"start"};function h(t){return t.replace(/start|end/g,(t=>p[t]))}const x=function(r){return void 0===r&&(r={}),{name:"flip",options:r,async fn(i){var a;const{placement:l,middlewareData:s,rects:f,initialPlacement:u,platform:d,elements:m}=i,{mainAxis:p=!0,crossAxis:x=!0,fallbackPlacements:g,fallbackStrategy:w="bestFit",fallbackAxisSideDirection:v="none",flipAlignment:b=!0,...A}=r,k=e(l),R=e(u)===u,P=await(null==d.isRTL?void 0:d.isRTL(m.floating)),B=g||(R||!b?[y(u)]:function(t){const n=y(t);return[h(t),n,h(n)]}(u));g||"none"===v||B.push(...function(n,o,r,i){const a=t(n);let c=function(t,n,e){const o=["left","right"],r=["right","left"],i=["top","bottom"],a=["bottom","top"];switch(t){case"top":case"bottom":return e?n?r:o:n?o:r;case"left":case"right":return n?i:a;default:return[]}}(e(n),"start"===r,i);return a&&(c=c.map((t=>t+"-"+a)),o&&(c=c.concat(c.map(h)))),c}(u,b,v,P));const D=[u,...B],F=await c(i,A),H=[];let M=(null==(a=s.flip)?void 0:a.overflows)||[];if(p&&H.push(F[k]),x){const{main:e,cross:r}=function(e,r,i){void 0===i&&(i=!1);const a=t(e),c=o(e),l=n(c);let s="x"===c?a===(i?"end":"start")?"right":"left":"start"===a?"bottom":"top";return r.reference[l]>r.floating[l]&&(s=y(s)),{main:s,cross:y(s)}}(l,f,P);H.push(F[e],F[r])}if(M=[...M,{placement:l,overflows:H}],!H.every((t=>t<=0))){var S,T;const t=((null==(S=s.flip)?void 0:S.index)||0)+1,n=D[t];if(n)return{data:{index:t,overflows:M},reset:{placement:n}};let e=null==(T=M.filter((t=>t.overflows[0]<=0)).sort(((t,n)=>t.overflows[1]-n.overflows[1]))[0])?void 0:T.placement;if(!e)switch(w){case"bestFit":{var C;const t=null==(C=M.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,n)=>t+n),0)])).sort(((t,n)=>t[1]-n[1]))[0])?void 0:C[0];t&&(e=t);break}case"initialPlacement":e=u}if(l!==e)return{reset:{placement:e}}}return{}}}};function g(t,n){return{top:t.top-n.height,right:t.right-n.width,bottom:t.bottom-n.height,left:t.left-n.width}}function w(t){return d.some((n=>t[n]>=0))}const v=function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(n){const{strategy:e="referenceHidden",...o}=t,{rects:r}=n;switch(e){case"referenceHidden":{const t=g(await c(n,{...o,elementContext:"reference"}),r.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:w(t)}}}case"escaped":{const t=g(await c(n,{...o,altBoundary:!0}),r.floating);return{data:{escapedOffsets:t,escaped:w(t)}}}default:return{}}}}},b=function(n){return void 0===n&&(n=0),{name:"offset",options:n,async fn(r){const{x:i,y:a}=r,c=await async function(n,r){const{placement:i,platform:a,elements:c}=n,l=await(null==a.isRTL?void 0:a.isRTL(c.floating)),s=e(i),f=t(i),u="x"===o(i),d=["left","top"].includes(s)?-1:1,m=l&&u?-1:1,y="function"==typeof r?r(n):r;let{mainAxis:p,crossAxis:h,alignmentAxis:x}="number"==typeof y?{mainAxis:y,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...y};return f&&"number"==typeof x&&(h="end"===f?-1*x:x),u?{x:h*m,y:p*d}:{x:p*d,y:h*m}}(r,n);return{x:i+c.x,y:a+c.y,data:c}}}},A=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(n){const{x:r,y:i,placement:a}=n,{mainAxis:l=!0,crossAxis:s=!1,limiter:u={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...d}=t,m={x:r,y:i},y=await c(n,d),p=o(e(a)),h="x"===p?"y":"x";let x=m[p],g=m[h];l&&(x=f(x+y["y"===p?"top":"left"],x,x-y["y"===p?"bottom":"right"])),s&&(g=f(g+y["y"===h?"top":"left"],g,g-y["y"===h?"bottom":"right"]));const w=u.fn({...n,[p]:x,[h]:g});return{...w,data:{x:w.x-r,y:w.y-i}}}}},k=function(n){return void 0===n&&(n={}),{name:"size",options:n,async fn(r){const{placement:i,rects:a,platform:f,elements:u}=r,{apply:d=(()=>{}),...m}=n,y=await c(r,m),p=e(i),h=t(i),x="x"===o(i),{width:g,height:w}=a.floating;let v,b;"top"===p||"bottom"===p?(v=p,b=h===(await(null==f.isRTL?void 0:f.isRTL(u.floating))?"start":"end")?"left":"right"):(b=p,v="end"===h?"top":"bottom");const A=w-y[v],k=g-y[b];let R=A,P=k;if(x?P=l(g-y.right-y.left,k):R=l(w-y.bottom-y.top,A),!r.middlewareData.shift&&!h){const t=s(y.left,0),n=s(y.right,0),e=s(y.top,0),o=s(y.bottom,0);x?P=g-2*(0!==t||0!==n?t+n:s(y.left,y.right)):R=w-2*(0!==e||0!==o?e+o:s(y.top,y.bottom))}await d({...r,availableWidth:P,availableHeight:R});const B=await f.getDimensions(u.floating);return g!==B.width||w!==B.height?{reset:{rects:!0}}:{}}}};function R(t){var n;return(null==(n=t.ownerDocument)?void 0:n.defaultView)||window}function P(t){return R(t).getComputedStyle(t)}function B(t){return t instanceof R(t).Node}function D(t){return B(t)?(t.nodeName||"").toLowerCase():""}let F;function H(){if(F)return F;const t=navigator.userAgentData;return t&&Array.isArray(t.brands)?(F=t.brands.map((t=>t.brand+"/"+t.version)).join(" "),F):navigator.userAgent}function M(t){return t instanceof R(t).HTMLElement}function S(t){return t instanceof R(t).Element}function T(t){return"undefined"!=typeof ShadowRoot&&(t instanceof R(t).ShadowRoot||t instanceof ShadowRoot)}function C(t){const{overflow:n,overflowX:e,overflowY:o,display:r}=P(t);return/auto|scroll|overlay|hidden|clip/.test(n+o+e)&&!["inline","contents"].includes(r)}function L(t){return["table","td","th"].includes(D(t))}function O(t){const n=/firefox/i.test(H()),e=P(t),o=e.backdropFilter||e.WebkitBackdropFilter;return"none"!==e.transform||"none"!==e.perspective||!!o&&"none"!==o||n&&"filter"===e.willChange||n&&!!e.filter&&"none"!==e.filter||["transform","perspective"].some((t=>e.willChange.includes(t)))||["paint","layout","strict","content"].some((t=>{const n=e.contain;return null!=n&&n.includes(t)}))}function E(){return/^((?!chrome|android).)*safari/i.test(H())}function N(t){return["html","body","#document"].includes(D(t))}const W=Math.min,j=Math.max,z=Math.round;function V(t){const n=P(t);let e=parseFloat(n.width),o=parseFloat(n.height);const r=M(t),i=r?t.offsetWidth:e,a=r?t.offsetHeight:o,c=z(e)!==i||z(o)!==a;return c&&(e=i,o=a),{width:e,height:o,fallback:c}}function X(t){return S(t)?t:t.contextElement}const Y={x:1,y:1};function _(t){const n=X(t);if(!M(n))return Y;const e=n.getBoundingClientRect(),{width:o,height:r,fallback:i}=V(n);let a=(i?z(e.width):e.width)/o,c=(i?z(e.height):e.height)/r;return a&&Number.isFinite(a)||(a=1),c&&Number.isFinite(c)||(c=1),{x:a,y:c}}function q(t,n,e,o){var r,i;void 0===n&&(n=!1),void 0===e&&(e=!1);const c=t.getBoundingClientRect(),l=X(t);let s=Y;n&&(o?S(o)&&(s=_(o)):s=_(t));const f=l?R(l):window,u=E()&&e;let d=(c.left+(u&&(null==(r=f.visualViewport)?void 0:r.offsetLeft)||0))/s.x,m=(c.top+(u&&(null==(i=f.visualViewport)?void 0:i.offsetTop)||0))/s.y,y=c.width/s.x,p=c.height/s.y;if(l){const t=R(l),n=o&&S(o)?R(o):o;let e=t.frameElement;for(;e&&o&&n!==t;){const t=_(e),n=e.getBoundingClientRect(),o=getComputedStyle(e);n.x+=(e.clientLeft+parseFloat(o.paddingLeft))*t.x,n.y+=(e.clientTop+parseFloat(o.paddingTop))*t.y,d*=t.x,m*=t.y,y*=t.x,p*=t.y,d+=n.x,m+=n.y,e=R(e).frameElement}}return a({width:y,height:p,x:d,y:m})}function G(t){return((B(t)?t.ownerDocument:t.document)||window.document).documentElement}function I(t){return S(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function J(t){return q(G(t)).left+I(t).scrollLeft}function K(t){if("html"===D(t))return t;const n=t.assignedSlot||t.parentNode||T(t)&&t.host||G(t);return T(n)?n.host:n}function Q(t){const n=K(t);return N(n)?n.ownerDocument.body:M(n)&&C(n)?n:Q(n)}function U(t,n){var e;void 0===n&&(n=[]);const o=Q(t),r=o===(null==(e=t.ownerDocument)?void 0:e.body),i=R(o);return r?n.concat(i,i.visualViewport||[],C(o)?o:[]):n.concat(o,U(o))}function Z(t,n,e){let o;if("viewport"===n)o=function(t,n){const e=R(t),o=G(t),r=e.visualViewport;let i=o.clientWidth,a=o.clientHeight,c=0,l=0;if(r){i=r.width,a=r.height;const t=E();(!t||t&&"fixed"===n)&&(c=r.offsetLeft,l=r.offsetTop)}return{width:i,height:a,x:c,y:l}}(t,e);else if("document"===n)o=function(t){const n=G(t),e=I(t),o=t.ownerDocument.body,r=j(n.scrollWidth,n.clientWidth,o.scrollWidth,o.clientWidth),i=j(n.scrollHeight,n.clientHeight,o.scrollHeight,o.clientHeight);let a=-e.scrollLeft+J(t);const c=-e.scrollTop;return"rtl"===P(o).direction&&(a+=j(n.clientWidth,o.clientWidth)-r),{width:r,height:i,x:a,y:c}}(G(t));else if(S(n))o=function(t,n){const e=q(t,!0,"fixed"===n),o=e.top+t.clientTop,r=e.left+t.clientLeft,i=M(t)?_(t):{x:1,y:1};return{width:t.clientWidth*i.x,height:t.clientHeight*i.y,x:r*i.x,y:o*i.y}}(n,e);else{const e={...n};if(E()){var r,i;const n=R(t);e.x-=(null==(r=n.visualViewport)?void 0:r.offsetLeft)||0,e.y-=(null==(i=n.visualViewport)?void 0:i.offsetTop)||0}o=e}return a(o)}function $(t,n){return M(t)&&"fixed"!==P(t).position?n?n(t):t.offsetParent:null}function tt(t,n){const e=R(t);if(!M(t))return e;let o=$(t,n);for(;o&&L(o)&&"static"===P(o).position;)o=$(o,n);return o&&("html"===D(o)||"body"===D(o)&&"static"===P(o).position&&!O(o))?e:o||function(t){let n=K(t);for(;M(n)&&!N(n);){if(O(n))return n;n=K(n)}return null}(t)||e}function nt(t,n,e){const o=M(n),r=G(n),i=q(t,!0,"fixed"===e,n);let a={scrollLeft:0,scrollTop:0};const c={x:0,y:0};if(o||!o&&"fixed"!==e)if(("body"!==D(n)||C(r))&&(a=I(n)),M(n)){const t=q(n,!0);c.x=t.x+n.clientLeft,c.y=t.y+n.clientTop}else r&&(c.x=J(r));return{x:i.left+a.scrollLeft-c.x,y:i.top+a.scrollTop-c.y,width:i.width,height:i.height}}const et={getClippingRect:function(t){let{element:n,boundary:e,rootBoundary:o,strategy:r}=t;const i=[..."clippingAncestors"===e?function(t,n){const e=n.get(t);if(e)return e;let o=U(t).filter((t=>S(t)&&"body"!==D(t))),r=null;const i="fixed"===P(t).position;let a=i?K(t):t;for(;S(a)&&!N(a);){const t=P(a),n=O(a);"fixed"===t.position?r=null:(i?n||r:n||"static"!==t.position||!r||!["absolute","fixed"].includes(r.position))?r=t:o=o.filter((t=>t!==a)),a=K(a)}return n.set(t,o),o}(n,this._c):[].concat(e),o],a=i.reduce(((t,e)=>{const o=Z(n,e,r);return t.top=j(o.top,t.top),t.right=W(o.right,t.right),t.bottom=W(o.bottom,t.bottom),t.left=j(o.left,t.left),t}),Z(n,i[0],r));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:n,offsetParent:e,strategy:o}=t;const r=M(e),i=G(e);if(e===i)return n;let a={scrollLeft:0,scrollTop:0},c={x:1,y:1};const l={x:0,y:0};if((r||!r&&"fixed"!==o)&&(("body"!==D(e)||C(i))&&(a=I(e)),M(e))){const t=q(e);c=_(e),l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}return{width:n.width*c.x,height:n.height*c.y,x:n.x*c.x-a.scrollLeft*c.x+l.x,y:n.y*c.y-a.scrollTop*c.y+l.y}},isElement:S,getDimensions:function(t){return V(t)},getOffsetParent:tt,getDocumentElement:G,getScale:_,async getElementRects(t){let{reference:n,floating:e,strategy:o}=t;const r=this.getOffsetParent||tt,i=this.getDimensions;return{reference:nt(n,await r(e),o),floating:{x:0,y:0,...await i(e)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===P(t).direction},ot=(t,n,e)=>{const o=new Map,i={platform:et,...e},a={...i.platform,_c:o};return(async(t,n,e)=>{const{placement:o="bottom",strategy:i="absolute",middleware:a=[],platform:c}=e,l=a.filter(Boolean),s=await(null==c.isRTL?void 0:c.isRTL(n));let f=await c.getElementRects({reference:t,floating:n,strategy:i}),{x:u,y:d}=r(f,o,s),m=o,y={},p=0;for(let e=0;e<l.length;e++){const{name:a,fn:h}=l[e],{x,y:g,data:w,reset:v}=await h({x:u,y:d,initialPlacement:o,placement:m,strategy:i,middlewareData:y,rects:f,platform:c,elements:{reference:t,floating:n}});u=null!=x?x:u,d=null!=g?g:d,y={...y,[a]:{...y[a],...w}},v&&p<=50&&(p++,"object"==typeof v&&(v.placement&&(m=v.placement),v.rects&&(f=!0===v.rects?await c.getElementRects({reference:t,floating:n,strategy:i}):v.rects),({x:u,y:d}=r(f,m,s))),e=-1)}return{x:u,y:d,placement:m,strategy:i,middlewareData:y}})(t,n,{...i,platform:a})};export{k as a,u as b,ot as c,x as f,v as h,b as o,A as s}

package/dist/bromcom-ui/p-5f74f707.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{h as e}from"./p-e3ce7150.js";import{c as t}from"./p-64fad38b.js";import{a as m}from"./p-f68a946f.js";const o=({required:o,value:a,size:i,form:l,htmlFor:r,type:s,tooltip:c,noMargin:b})=>(s=s||m.Status.default,e("label",{form:l,htmlFor:r,"aria-hidden":"true",class:t("bcm-ui-element bcm-ui-feedback bcm-label bcm-label__text tw-font-medium tw-text-color-label ",{"tw-text-size-3":"small"==(i=i||"medium"),"tw-text-size-4":"medium"==i,"tw-text-size-5":"large"==i,"tw-mb-1":!b})},a," ",o&&"*",c&&e("span",{class:"tw-ml-1"},e("bcm-tooltip",{message:c,placement:"top",trigger:"hover"},e("bcm-icon",{icon:"fas fa-info-circle"})))));export{o as L}