bromcom-ui 2.3.55 → 2.3.59

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

@@ -1 +0,0 @@
-const t=t=>new Promise((a=>setTimeout(a,t))),a=(t,a)=>{const e=a.split("-"),r=e[e.length-1],n=e.slice(0,e.length-1).join("-");return t[n]&&t[n][r]?t[n][r]:t["prime-blue"][6]},e=(t,a)=>t.tagName&&String(t.tagName).toLowerCase()===a,r=(t,a)=>{let e=[],r=[];const n=Array.from(t.shadowRoot.querySelectorAll("slot")).find((t=>!t.name));return e=n&&n.assignedElements()||[],e.map((t=>{String(t.tagName).toLowerCase()==a&&r.push(t)})),e=t.shadowRoot.querySelectorAll(a),r=[...r,...e],r};function n(t,a,e,r,n,o,s,c,i,l){let p,u=arguments[0],x=!1,m="",d=u,f=1;for(let t=0;t<u.length;t++)p=u[t],x&&("}"==p?(d=d.replace("{"+m+"}",arguments[f]),x=!1,m="",f++):m+=p),"{"==p&&(x=!0);return d}const o=(t,a)=>{const e=t,r=document.documentElement.clientWidth,n=document.documentElement.clientHeight;var o=document.querySelector(a);if(o){var s=0;o.shadowRoot&&o.shadowRoot.querySelector(".caption-area")&&o.shadowRoot.querySelector(".caption-area").clientHeight&&(s=o.shadowRoot.querySelector(".caption-area").clientHeight+8);var c=0;o.shadowRoot&&o.shadowRoot.querySelector(".label")&&o.shadowRoot.querySelector(".label").clientHeight&&(c=o.shadowRoot.querySelector(".label").clientHeight+2);var i=o.noCaption?0:s-8,l=o.getBoundingClientRect();e.style.position="fixed",e.style.top=l.top+l.height-i+"px",e.style.left=l.left+"px",n<e.clientHeight+l.top+l.height-i&&(e.style.top=l.top-e.clientHeight+c+"px"),r<e.clientWidth+l.left&&(e.style.left=l.left-e.clientWidth+l.width-2+"px")}},s=t=>{let a;return a=getComputedStyle(t).getPropertyValue("transform").replace(/(matrix|\(|\)|px)/g,""),a=a.split(", "),{x:parseInt(a[4]),y:parseInt(a[5])}};export{o as a,s as b,n as c,t as d,a as e,r as g,e as i}

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

@@ -1 +0,0 @@
-import{r as e,c as t,h as i,H as a,g as o}from"./p-6e0d3067.js";import{c as r}from"./p-5525b672.js";let s=0;const n=class{constructor(i){e(this,i),this.focus=t(this,"bcm-focus",7),this.blur=t(this,"bcm-blur",7),this.clear=t(this,"bcm-clear",7),this.change=t(this,"bcm-change",7),this.input=t(this,"bcm-input",7),this.textareaId="textarea-"+ ++s,this.valueLength=0,this.noCaption=!1,this.rows=1,this.size="medium",this.resize="vertical",this.hidden=!1,this.required=!1,this.hasFocus=!1}async setFocus(){this.textarea.focus()}async removeFocus(){this.textarea.blur()}async select(){return this.textarea.select()}async setValue(e){return this.textarea.value=e,this.value=e,this.handleChange(),e}async setClear(){this.textarea.value="",this.value=""}async resetCaption(){this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null}async getValue(){return this.value}handleFocus(){this.hasFocus=!0,this.focus.emit()}handleBlur(){this.hasFocus=!1,this.blur.emit()}handleChange(){this.value=this.textarea.value,this.change.emit(this.value)}watchValue(){this.handleChange()}handleInput(){this.value=this.textarea.value,this.setTextareaHeight(),this.input.emit(this.value)}handleClear(e){this.value="",this.clear.emit(),this.textarea.focus(),e.stopPropagation()}setTextareaHeight(){"auto"===this.resize?(this.textarea.style.height="auto",this.textarea.style.height=this.textarea.scrollHeight+2+"px"):this.textarea.style.height=void 0}connectedCallback(){this.handleChange=this.handleChange.bind(this),this.handleBlur=this.handleBlur.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleInput=this.handleInput.bind(this),this.handleClear=this.handleClear.bind(this),this.setTextareaHeight=this.setTextareaHeight.bind(this),this.captionCache=this.caption,this.captionTypeCache=this.captionType}componentWillRender(){this.valueLength=this.value?this.value.length:0}render(){const{fullWidth:e,size:t,rows:o,disabled:s,clearable:n,label:l,hasFocus:h,noCaption:c,caption:p,captionError:x,captionType:d,value:u,resize:b,maxLength:g,placeholder:m,valueLength:z,required:f}=this,w=r("textarea-wrapper",{"full-width":e,error:"error"==d}),y=r("textarea-container","resize-"+b,"textarea-"+t,{empty:(null==u?void 0:u.length)<1,focused:h,disabled:s}),v=r("size-1","input-caption","caption-"+d),C=r("size-"+t,{"size-3":"large"===t,"size-2":"small"===t||"medium"===t,clearable:n}),k=r(this.hidden?"hidden":null);return i(a,{class:k},i("div",{class:w},l&&i("label",{class:"label size-1",htmlFor:this.textareaId}," ",l," ",f&&"*"," "),i("div",{class:y},i("textarea",{ref:e=>this.textarea=e,onInput:this.handleInput,onFocus:this.handleFocus,onChange:this.handleChange,onBlur:this.handleBlur,class:C,id:this.textareaId,value:u,rows:o,disabled:s,maxlength:g,placeholder:m}),n&&i("button",{class:"clear-button",onClick:this.handleClear},i("bcm-icon",{icon:"close-circle",type:"fill",size:18,color:"grey-7"}))),!c||g?i("div",{class:"caption-area"},"error"==d?i("span",{class:v}," ",x," "):p&&i("span",{class:v}," ",p," "),g&&i("span",{class:"count"}," ",`${z}/${g}`," ")):null))}get el(){return o(this)}static get watchers(){return{value:["watchValue"]}}};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}.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:inline-block;width:100%;margin:0 0 8px 0}:host(.hidden){display:none}.textarea-wrapper{width:256px}.textarea-wrapper.full-width{width:100%}.textarea-wrapper:hover .clear-button{opacity:1}.textarea-container{position:relative;width:100%;border:1px solid var(--bcm-color-grey-5);border-radius:2px}.textarea-container.empty .clear-button{display:none}.textarea-container.focused:not(.disabled){outline:none;border-color:var(--bcm-color-prime-blue-5);box-shadow:0px 0px 4px var(--bcm-color-prime-blue-6)}.textarea-container:hover:not(:disabled){border-color:var(--bcm-color-prime-blue-6)}.textarea-container textarea{resize:vertical;display:flex;flex:1 1 auto;align-items:center;color:var(--bcm-color-grey-8);width:100%;background-color:var(--bcm-color-grey-1);border:none;border-radius:2px;box-shadow:none;font-family:"Roboto", sans-serif;-webkit-appearance:none;box-sizing:border-box}.textarea-container textarea::-webkit-search-decoration,.textarea-container textarea::-webkit-search-cancel-button,.textarea-container textarea::-webkit-search-results-button,.textarea-container textarea::-webkit-search-results-decoration{-webkit-appearance:none}.textarea-container textarea::placeholder{color:var(--bcm-color-grey-6);user-select:none}.textarea-container textarea:focus:not(:disabled){outline:none;border-color:none;box-shadow:none}.textarea-container textarea:hover:not(:disabled){border-color:none}.textarea-container textarea:disabled{background-color:var(--bcm-color-grey-3);cursor:not-allowed}.textarea-container textarea.clearable{padding-right:32px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.label{display:flex;flex-direction:column;color:var(--bcm-color-grey-9);margin-bottom:4px}.caption-area{min-height:20px}.input-caption{display:block}.clear-button{position:absolute;opacity:0;right:10px;top:7px;display:inline-flex;align-items:center;border:none;background:none;padding:0;cursor:pointer}.clear-button:focus{outline:none}.textarea-footer{display:flex;justify-content:space-between;margin-bottom:8px;min-height:20px}.textarea-footer .count{color:var(--bcm-color-grey-7);margin-left:4px}.textarea-footer .count:only-child{margin-left:auto}.size-large{padding:7px 12px;min-height:38px}.size-large~.clear-button{top:12px}.size-medium{padding:4px 12px;min-height:30px}.size-medium~.clear-button{top:7px}.size-small{padding:0px 12px;min-height:20px}.size-small~.clear-button{top:2px}.caption-default{color:#8C8C8C}.caption-primary{color:#4293CF}.caption-success{color:#52C41A}.caption-warning{color:#FA8C16}.caption-error{color:#F5222D}.error .label{color:var(--bcm-color-red-6) !important}.error .textarea-container textarea{border:1px solid var(--bcm-color-red-6) !important}';export{n as bcm_textarea}

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

@@ -1 +0,0 @@
-import{r as o,h as e,H as i,g as t}from"./p-6e0d3067.js";import{c as s}from"./p-5525b672.js";const n=class{constructor(e){o(this,e),this.visible=!0,this.hidden=!1}async getLabel(){return this.host.innerHTML}render(){const o=s("option","size-2",{"selected weight-semibold":this.selected,disabled:this.disabled,visible:this.visible}),t=s(this.hidden?"hidden":null);return e(i,{class:t},e("span",{class:o},e("slot",null)))}get host(){return t(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}: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{n as bcm_select_option}

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

@@ -1 +0,0 @@
-import{r as o,c as i,h as e,H as t,g as r}from"./p-6e0d3067.js";import{c as n}from"./p-5525b672.js";import{i as s}from"./p-ea6f25da.js";const l=o=>o.toLowerCase(),d=class{constructor(e){o(this,e),this.dropdownRootGroupOpen=i(this,"bcm-dropdown-root-group-open",7),this._title="",this._id=(4*Math.random()).toString(16).replace(".",""),this.size="medium",this.open=!1,this.hidden=!1}handleTitleClick(){this.open=!this.open,this.dropdownRootGroupOpen.emit(this._id)}handleWindowClick(o){const i=o.target;(!i||"bcm-dropdown-list"!==l(i.tagName)&&"bcm-dropdown-group"!==l(i.tagName)&&"bcm-dropdown-item"!==l(i.tagName))&&(this.open=!1)}render(){const{_title:o,direction:i,open:r,size:s}=this,l=n("dropdown-group",s,{open:this.open,right:"right"===this.direction,"size-2":"small"===s||"medium"===s,"size-3":"large"===s}),d=n(this.hidden?"hidden":null);return e(t,{class:d},e("div",{class:l},e("div",{class:"title",onClick:()=>this.handleTitleClick()},e("div",{class:"text-content"},e("slot",{name:"icon"}),o),e("bcm-icon",{class:"collapse-icon",size:8,icon:"right"===i?"caret-right":r?"caret-up":"caret-down",type:"fill"})),e("div",{class:"inner"},e("slot",null))))}get el(){return r(this)}};d.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}:host{display:block}@media screen and (min-width: 576px){:host{width:100%}}:host(.hidden){display:none}.dropdown-group{--const-padding-vertical-sub:8px;--const-padding-horizontal-sub:40px;--group-shadow:0px 4px 4px rgba(0, 0, 0, 0.25)}.dropdown-group ::slotted(bcm-dropdown-item){--padding-vertical-sub:var(--const-padding-vertical-sub);--padding-horizontal-sub:var(--const-padding-horizontal-sub);--hover-color:var(--bcm-color-prime-blue-6);--selected-bg-color:var(--bcm-color-prime-blue-6)}.dropdown-group.open .title{background-color:var(--bcm-color-prime-blue-6);color:#ffffff}.dropdown-group.open .title:hover:not(.disabled){background-color:var(--bcm-color-prime-blue-7);color:#ffffff}.dropdown-group.open .inner{display:block}.inner{position:absolute;top:calc(100% + 5px);display:none;transition:height 0.3s ease;background-color:#ffffff;border-radius:2px;box-shadow:var(--group-shadow)}@media screen and (min-width: 576px){.inner{position:relative;box-shadow:none}}.title{display:flex;align-items:center;justify-content:space-between;color:var(--bcm-color-grey-8);cursor:pointer;padding:8px 8px;height:100%}.title .text-content{display:flex;align-items:center}.title .collapse-icon{margin-left:8px}.title ::slotted(bcm-icon){margin-right:10px}.title:hover{color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}@media screen and (min-width: 576px){.title{padding:var(--const-padding-vertical-sub) var(--const-padding-horizontal-sub)}}.dropdown-group .title{padding:var(--const-padding-vertical-sub) var(--const-padding-horizontal-sub);white-space:nowrap}.dropdown-group .inner{position:relative;box-shadow:none}.dropdown-group.right{position:relative;--nowrap-sub:nowrap}.dropdown-group.right .inner{position:absolute;top:0;left:100%;margin-left:2px;box-shadow:var(--group-shadow)}@media screen and (min-width: 576px){.dropdown-group.right .inner{position:relative;left:0;box-shadow:none}}';const p=class{constructor(e){o(this,e),this.menuItemSelected=i(this,"bcm-dropdown-item-selected",7),this.size="medium",this.disabled=!1,this._id=(4*Math.random()).toString(16).replace(".",""),this.hidden=!1}handleClick(){this.menuItemSelected.emit(this._id)}render(){const{disabled:o,icon:i,target:r,href:l,size:d}=this,p=s.default[d],a=l&&!o?"a":"button",c=n("dropdown-item",d,{"size-2":"small"===d||"medium"===d,"size-3":"large"===d}),h=n(this.hidden?"hidden":null);return e(t,{class:h,onClick:()=>this.handleClick()},e(a,{class:c,disabled:o,href:l,target:r},i&&e("bcm-icon",{type:"outlined",class:"prefix",icon:i,size:p}),e("slot",null)))}get el(){return r(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}:host{display:block}@media screen and (min-width: 576px){:host{width:100%}}:host(.hidden){display:none}.dropdown-item{--padding-vertical:8px;--padding-horizontal:8px;--nowrap:normal}.dropdown-item{border:none;outline:0;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;font-family:"Roboto", sans-serif;color:var(--bcm-color-grey-8);background-color:transparent;text-decoration:none;box-sizing:border-box;position:relative;border:none;padding:var(--padding-vertical-sub, var(--padding-vertical)) var(--padding-horizontal-sub, var(--padding-horizontal));white-space:var(--nowrap-sub, var(--nowrap));min-width:150px;width:100%;cursor:pointer}.dropdown-item.disabled{color:var(--bcm-color-grey-6)}.dropdown-item.selected{background-color:var(--bcm-color-prime-blue-6);color:#ffffff}.dropdown-item.selected:hover:not(.disabled){background-color:var(--bcm-color-prime-blue-7);color:#ffffff}.dropdown-item:hover:not(.disabled){color:var(--hover-color, var(--bcm-color-prime-blue-6));background-color:var(--hover-bg-color, var(--bcm-color-prime-blue-1))}.dropdown-item bcm-icon{margin-right:10px}';export{d as bcm_dropdown_group,p as bcm_dropdown_item}

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

@@ -1 +0,0 @@
-import{r as s,h as r,H as t}from"./p-6e0d3067.js";import{c as o}from"./p-5525b672.js";const c=class{constructor(r){s(this,r),this.hidden=!1}render(){const s=o(this.hidden?"hidden":null);return r(t,{class:s},r("slot",null))}};export{c as bcm_footer}

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

@@ -1 +0,0 @@
-import{r as t,h as i,H as s}from"./p-6e0d3067.js";import{c as e}from"./p-5525b672.js";const h=class{constructor(i){t(this,i),this.cacheRangeDate=[],this.date=new Date,this.endDate=null,this.range=!1,this.hidden=!1,this.fullWidth=!1,this.required=!1,this.disabledDates="",this.disabled=!1,this.noCaption=!1,this.caption="",this.captionType="default",this.alignment="left",this._internal_id=(4*Math.random()).toString(16).replace(".","")}handlePickerLoad(){this.value=this.picker.value}handlePickerChange(t){this.value=t.detail}async set(t){return this.picker.set(t)}async setDisabled(t){this.disabled=t}formatDate(t,i){const s={mm:t.getMonth()+1,dd:t.getDate(),yyyy:t.getFullYear()};return i.replace(/mm|dd|yyyy/gi,(t=>s[t]))}async setClear(){this.picker.setClear()}async setStartDate(t){if(t instanceof Date)return this.cacheRangeDate[0]=String(this.formatDate(t,"dd/mm/yyyy")),0!=this.range||this.set(this.formatDate(t,"dd/mm/yyyy"));this.setClear()}async setEndDate(t){if(t instanceof Date)return this.cacheRangeDate[1]=String(this.formatDate(t,"dd/mm/yyyy")),!this.range||!this.cacheRangeDate[0]||this.set(this.cacheRangeDate[0]+"-"+this.cacheRangeDate[1]);this.setClear()}async getInput(){return await this.picker.getInput()}async getValue(){return this.value}async isValid(){return await this.picker.isValid()}async resetCaption(){await this.picker.resetCaption()}render(){const t=e(this.hidden?"hidden":null,{"full-width":this.fullWidth});return i(s,{class:t},i("bcm-datetime-picker",{id:this._internal_id,name:this.name,type:this.range?"range":"date",date:this.date,fullWidth:this.fullWidth,ref:t=>this.picker=t,required:this.required,label:this.label,"end-date":this.endDate,disabled:this.disabled,disabledDates:this.disabledDates,"on-bcm-load":()=>this.handlePickerLoad(),"on-bcm-change":t=>this.handlePickerChange(t),noCaption:this.noCaption,caption:this.caption,captionType:this.captionType,alignment:this.alignment}))}};h.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}:host{display:inline-block;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}';export{h as bcm_date_picker}

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

@@ -1 +0,0 @@
-import{r as i,c as e,h as t,H as n}from"./p-6e0d3067.js";import{c as o}from"./p-5525b672.js";const s=class{constructor(t){i(this,t),this.change=e(this,"bcm-change",7),this.focus=e(this,"bcm-focus",7),this.blur=e(this,"bcm-blur",7),this.checked=!1,this.size="medium",this.pending=!1,this.disabled=!1,this.hidden=!1,this.value="",this.label=null,this.required=!1,this.noCaption=!1,this.captionType="default"}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType}handleClick(){this.checked=this.input.checked,this.value=this.checked,this.change.emit(this.checked)}componentDidLoad(){this.value=this.checked}handleFocus(){this.focus.emit()}handleBlur(){this.blur.emit()}componentWillRender(){this.pending&&(this.disabled=!0)}async setClear(){1==this.input.checked&&(this.input.checked=!1,this.checked=this.input.checked,this.value=this.checked,this.change.emit(this.checked))}async resetCaption(){this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null}render(){const{checked:i,size:e,activeIcon:s,inactiveIcon:c,activeText:a,inactiveText:r,pending:l,disabled:p,label:h,required:d,noCaption:x,captionType:b,captionError:m,caption:g}=this,u=o("container",e,{"switch-checked":i,disabled:p}),f=o("wrapper",{checked:i,disabled:p}),w=o("size-1","input-caption","caption-"+b),v=i=>i&&"medium"===e,y="medium"===e,z=o("switch",this.hidden?"hidden":null);return t(n,{class:z},h&&t("label",{class:"label size-1"}," ",h," ",d&&"*","  "),t("label",{class:f},v(r)&&t("span",{class:"inactive-text size-1"},r),t("div",{class:u},y&&t("bcm-icon",{icon:s,size:14,class:"icon-active"}),t("span",{class:"handle"},l&&t("span",{class:"spinner"})),y&&t("bcm-icon",{icon:c,size:14,class:"icon-inactive"})),t("input",{onClick:()=>this.handleClick(),onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur(),ref:i=>this.input=i,checked:i,type:"checkbox",class:"switch",disabled:p}),v(a)&&t("span",{class:"active-text size-1"},a)),!x&&t("div",{class:"caption-area"},"error"==b?t("span",{class:w}," ",m," "):g&&t("span",{class:w}," ",g," ")))}};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}:host{display:inline-block;width:100%;margin:0 0 8px 0}:host(.hidden){display:none}*{box-sizing:border-box}.wrapper{display:inline-flex;padding-top:0px;padding-bottom:5px}.wrapper .active-text{color:var(--bcm-color-prime-blue-6);margin-left:4px}.wrapper .inactive-text{color:var(--bcm-color-grey-6);margin-right:4px}.container{display:flex;justify-content:space-between;align-items:center;border-radius:16px;background-color:var(--bcm-color-grey-6);position:relative}.container .handle{padding:1px;position:absolute;background-color:var(--bcm-color-grey-1);display:inline-flex;align-items:center;justify-content:center;border-radius:16px;transition:all 0.2s ease-in-out;box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1), 0px 3px 1px rgba(0, 0, 0, 0.05), 0px 1px 5px rgba(0, 0, 0, 0.1)}.container .icon-active{opacity:0}.container .icon-inactive{opacity:1}.container.small{width:28px;min-width:28px;height:16px;padding:4px}.container.small .handle{width:12px;height:12px;left:4px}.container.small.switch-checked .handle{left:12px}.container.small:active:not(.disabled) .handle{width:16px}.container.small:active.switch-checked:not(.disabled) .handle{left:8px}.container.small .spinner{box-sizing:border-box;display:inline-flex;width:9px;height:9px;border-radius:50%;border:1px solid var(--bcm-color-grey-1);border-top-color:var(--bcm-color-grey-6);animation:spinner 1.5s linear infinite}.container.medium{width:44px;min-width:44px;height:22px;padding:4px}.container.medium .handle{width:16px;height:16px;left:4px}.container.medium.switch-checked .handle{left:24px}.container.medium:active:not(.disabled) .handle{width:22px}.container.medium:active.switch-checked:not(.disabled) .handle{left:18px}.container.medium .spinner{box-sizing:border-box;display:inline-flex;width:13px;height:13px;border-radius:50%;border:1px solid var(--bcm-color-grey-1);border-top-color:var(--bcm-color-grey-6);animation:spinner 1.5s linear infinite}.container.switch-checked{background-color:var(--bcm-color-prime-blue-6)}.container.switch-checked .icon-active{color:var(--bcm-color-grey-1);opacity:1}.container.switch-checked .icon-inactive{opacity:0}.container.switch-checked .spinner{border-top-color:var(--bcm-color-prime-blue-6)}.wrapper.disabled{opacity:40%;cursor:not-allowed}@keyframes spinner{to{transform:rotate(360deg)}}input[type=checkbox]{position:absolute;width:0;height:0;opacity:0}.label{display:flex;flex-direction:column;color:var(--bcm-color-grey-9);padding-right:4px;margin-right:8px;margin-bottom:8px}.caption-area{min-height:20px}.input-caption{display:block}:host(.error) .label{color:var(--bcm-color-red-6) !important}.caption-default{color:#8C8C8C}.caption-primary{color:#4293CF}.caption-success{color:#52C41A}.caption-warning{color:#FA8C16}.caption-error{color:#F5222D}';export{s as bcm_switch}

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

@@ -1 +0,0 @@
-import{r as t,h as o,H as e,g as i}from"./p-6e0d3067.js";import{c as r}from"./p-5525b672.js";const n=class{constructor(o){t(this,o),this.hidden=!1}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}componentDidLoad(){}componentWillRender(){}componentDidRender(){}componentWillUpdate(){}componentDidUpdate(){}async openBox(t){this.open=t}render(){const t=r("tooltip-box",this.open,this.placement),i=r("box"),n=r(this.hidden?"hidden":null);return o(e,{class:n},o("div",{class:t},o("div",{class:i,innerHTML:this.message})))}get el(){return i(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}:host{display:inline-flex}:host(.hidden){display:none}:host(:focus){outline:none}.tooltip-box{position:relative;}.tooltip-box .box{position:absolute;display:none;box-sizing:border-box;background-color:#262626;border:1px solid #262626;border-radius:2px;z-index:10700;width:max-content;padding:4px 8px;color:var(--bcm-color-grey-1)}.tooltip-box::after{content:"";position:absolute;display:none;border:6px solid;z-index:10700}.tooltip-box.open .box,.tooltip-box.open::after{display:block}.tooltip-box.top .box{bottom:100%;margin-bottom:8px}.tooltip-box.top::after{bottom:100%;margin-bottom:-4px;border-color:#262626 transparent transparent transparent}.tooltip-box.bottom .box{top:100%;margin-top:8px}.tooltip-box.bottom::after{top:100%;margin-top:-4px;border-color:transparent transparent #262626 transparent}.tooltip-box.left .box{right:100%;margin-right:8px}.tooltip-box.left::after{right:100%;margin-right:-4px;border-color:transparent transparent transparent #262626}.tooltip-box.right .box{left:100%;margin-left:8px}.tooltip-box.right::after{left:100%;margin-left:-4px;border-color:transparent #262626 transparent transparent}.tooltip-box.top.center .box,.tooltip-box.bottom.center .box{left:50%;transform:translateX(-50%)}.tooltip-box.top.center::after,.tooltip-box.bottom.center::after{left:50%;transform:translateX(-50%)}.tooltip-box.top.start .box,.tooltip-box.bottom.start .box{left:0}.tooltip-box.top.start::after,.tooltip-box.bottom.start::after{left:8px}.tooltip-box.top.end .box,.tooltip-box.bottom.end .box{right:0}.tooltip-box.top.end::after,.tooltip-box.bottom.end::after{right:8px}.tooltip-box.left.center .box,.tooltip-box.right.center .box{top:50%;transform:translateY(-50%)}.tooltip-box.left.center::after,.tooltip-box.right.center::after{top:50%;transform:translateY(-50%)}.tooltip-box.left.start .box,.tooltip-box.right.start .box{top:0}.tooltip-box.left.start::after,.tooltip-box.right.start::after{top:4px}.tooltip-box.left.end .box,.tooltip-box.right.end .box{bottom:0}.tooltip-box.left.end::after,.tooltip-box.right.end::after{bottom:4px}.tooltip-box a{color:var(--bcm-color-grey-1)}';export{n as bcm_tooltip_box}

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

@@ -1 +0,0 @@
-import{r as t,c as i,h as e,H as s,g as h}from"./p-6e0d3067.js";import{c as o}from"./p-5525b672.js";const l=class{constructor(e){t(this,e),this.autocompleteItemSelected=i(this,"bcm-autocomplete-item-selected",7),this.objectMapping={id:"id",text:"text",value:"value"},this.searchFields=["text","secondary_text","tooltip_text"],this._items=[],this.fullWidth=!1,this.hidden=!1,this.searchText=null,this.returnField="id",this.searchSub="items",this.searchPlaceholder="Search",this.inputLength=0,this.isOpen=!1,this.resultFound=!1,this.searchResults=[],this.items=[]}async config(t){await customElements.whenDefined("bcm-listbox"),this.bcmListbox=this.el.shadowRoot.querySelector("bcm-listbox"),await this.bcmListbox.config(t),t.searchFields&&Array.isArray(t.searchFields)&&(this.searchFields=t.searchFields),t.searchSub&&(this.searchSub="string"==typeof t.searchSub?t.searchSub:null),t.fullWidth&&(this.fullWidth="boolean"==typeof t.fullWidth&&t.fullWidth),t.searchPlaceholder&&(this.searchPlaceholder="string"==typeof t.searchPlaceholder?t.searchPlaceholder:null),t.mapping&&(t.mapping.id&&(this.objectMapping.id=t.mapping.id,this.returnField=this.objectMapping.id),t.mapping.text&&(this.objectMapping.text=t.mapping.text),t.mapping.value&&(this.objectMapping.value=t.mapping.value),t.mapping.items&&(this.objectMapping.items=t.mapping.items,this.searchSub=this.objectMapping.items))}async setData(t=[]){await customElements.whenDefined("bcm-listbox"),this.bcmListbox=this.el.shadowRoot.querySelector("bcm-listbox"),await this.bcmListbox.setData(t),this.searchData=JSON.parse(t)}async handleListboxClearSelected(t){const i=t.detail[this.objectMapping.text],e=this.el.shadowRoot.querySelector("bcm-search");this.autocompleteItemSelected.emit(t.detail),await e.setValue(i),this.isOpen=!1}listenSearchValue(t){this.inputLength=t.detail.length,this.isOpen=this.inputLength>0}async listenSearchResult(t){this.searchResults=t.detail;const i=this.el.shadowRoot.querySelector("bcm-listbox");await i.searchResultMethod(this.searchResults)}handleClickOutside(t){this.el.contains(t.target)?this.isOpen=this.inputLength>0:this.isOpen&&(this.isOpen=!1)}render(){const{searchText:t,searchData:i,searchFields:h,searchSub:l,returnField:a,isOpen:c,fullWidth:n}=this,r=o("bcm-autocomplete",{open:c}),p=o("bcm-autocomplete-search"),m=o("bcm-autocomplete-result",{open:c}),d=o(this.hidden?"hidden":null,{"full-width":n});return e(s,{class:d},e("div",{class:r},e("div",{class:p},e("bcm-search",{searchPlaceholder:this.searchPlaceholder,id:"autocomplete",searchValue:t,data:i,returnField:a,searchFields:h,searchSub:l,clearable:!0})),e("div",{class:m},e("div",{class:"viewport"},e("bcm-listbox",{searchText:t,_flex:"true"})))))}get el(){return h(this)}};l.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}:host{display:inline-block;width:fit-content;height:fit-content}:host(.hidden){display:none}:host(.full-width){width:100%;height:100%}:host(.full-width) .bcm-autocomplete{max-height:100%;max-width:100%}.bcm-autocomplete{background-color:var(--bcm-color-grey-1);display:flex;flex-direction:column;height:100%;width:100%;min-width:256px;max-width:256px;position:relative}.bcm-autocomplete-result{position:relative}.bcm-autocomplete-result .viewport{position:absolute;overflow:hidden;height:0;transition:height 0.3s ease;background-color:#ffffff;width:100%;z-index:10000}.bcm-autocomplete-result.open .viewport{height:256px}';export{l as bcm_autocomplete}

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

@@ -1 +0,0 @@
-import{r as i,c as t,h as e,H as o,g as n}from"./p-6e0d3067.js";import{c as s}from"./p-5525b672.js";var c;!function(i){i.info="info",i.error="error",i.warning="warning",i.success="success",i.default="default"}(c||(c={}));const l=class{constructor(e){i(this,e),this.confirm=t(this,"bcm-confirm",7),this.status=c.default,this.isShow=!1,this.hidden=!1}getIcon(){switch(this.status){case c.info:return e("bcm-icon",{type:"outlined",icon:"info-circle",size:"medium",color:"prime-blue-6"});case c.error:return e("bcm-icon",{type:"outlined",icon:"close-circle",size:"medium",color:"red-6"});case c.warning:return e("bcm-icon",{type:"outlined",icon:"exclamation-circle",size:"medium",color:"warmyellow-6"});case c.success:return e("bcm-icon",{type:"outlined",icon:"check-circle",size:"medium",color:"green-6"})}}dismiss(){this.isShow=!1}handleConfirm(){this.isShow=!1,this.confirm.emit()}async hide(){this.dismiss()}async show(){this.isShow=!0}render(){const{status:i,_title:t,confirmText:n,isShow:l}=this,p=s("notification",{show:l}),r=s(this.hidden?"hidden":null);return e(o,{class:r},e("div",{class:p},i!==c.default&&e("div",{class:"icon-content"},this.getIcon()),e("div",{class:"text-content"},e("span",{class:"title"},t,e("bcm-icon",{icon:"close",color:"grey-10",onClick:()=>this.dismiss()})),e("p",null,e("slot",null)),null!=n&&e("div",{class:"actions"},e("bcm-button",{size:"small",onClick:()=>this.handleConfirm()},n||"Confirm")))))}get el(){return n(this)}};l.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}:host{display:block}:host(.hidden){display:none}.notification{display:none;width:100%;max-width:384px;padding:16px 24px;box-shadow:0px 4px 12px rgba(0, 0, 0, 0.15);border-radius:2px}.notification.show{display:flex}.text-content{width:100%}.title{position:relative;display:block;padding-right:24px;padding-top:8px;padding-bottom:8px;font-size:16px;color:var(--bcm-color-grey-9)}.title bcm-icon{position:absolute;right:0;top:10px;cursor:pointer}p{margin-top:8px;margin-bottom:0;font-size:14px;line-height:22px;color:var(--bcm-color-grey-8)}.icon-content{padding-top:8px;padding-right:16px}.actions{display:flex;align-items:center;justify-content:flex-end;margin-top:16px}';export{l as bcm_notification}

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

@@ -1 +0,0 @@
-import{r as i,h as e,H as t}from"./p-6e0d3067.js";import{c as s}from"./p-5525b672.js";const o=class{constructor(e){i(this,e),this.fullWidth=!1,this.hidden=!1}render(){const i=s("comment-group",{"full-width":this.fullWidth}),o=s(this.hidden?"hidden":null);return e(t,{class:o},e("div",{class:i},e("slot",null)))}};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}:host{display:block}:host(.hidden){display:none}.comment-group{width:500px}.comment-group.full-width{width:100%}';export{o as bcm_comment_group}

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

@@ -1 +0,0 @@
-import{r as i,h as e,H as o}from"./p-6e0d3067.js";import{c as t}from"./p-5525b672.js";const s=class{constructor(e){i(this,e),this.hidden=!1}render(){const i=t(this.hidden?"hidden":null);return e(o,{class:i},e("a",{class:"anchor",href:this.href,target:this.target},this.icon&&e("bcm-icon",{icon:this.icon,size:16}),e("slot",null)))}};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}:host{display:inline-block}:host(.hidden){display:none}.anchor{text-decoration:none;color:var(--bcm-color-grey-7);display:inline-flex;font-size:14px;width:100%}.anchor bcm-icon{margin-right:4px}.anchor:hover{color:var(--bcm-color-prime-blue-6)}.anchor:active{color:var(--bcm-color-grey-8)}';export{s as bcm_link}

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

@@ -1 +0,0 @@
-import{r as t,c as e,f as i,h as s,H as n,g as a}from"./p-6e0d3067.js";import{c as o}from"./p-5525b672.js";import{d as r}from"./p-b92324e7.js";import{D as h,E as l}from"./p-09753e05.js";import{p as c,a as d}from"./p-79f77a4d.js";var p,m,u;!function(t){t.january="january",t.february="february",t.march="march",t.april="april",t.may="may",t.june="june",t.july="july",t.august="august",t.september="september",t.october="october",t.november="november",t.december="december"}(p||(p={})),function(t){t.sunday="sunday",t.monday="monday",t.tuesday="tuesday",t.wednesday="wednesday",t.thursday="thursday",t.friday="friday",t.saturday="saturday"}(m||(m={})),function(t){t.datetime="datetime",t.range="range",t.date="date",t.time="time"}(u||(u={}));const b=JSON.stringify,f=class{constructor(i){t(this,i),this.load=e(this,"bcm-load",7),this.change=e(this,"bcm-change",7),this.id=null,this.inputId=null,this.emptyState=!1,this.initialized=!1,this.openExternal=!1,this.disabledDatesList={min:null,max:null,dates:[]},this.dayNumbers=[],this.valueText=null,this.dataIsValid=!1,this.optionViewportStyleAlignment={},this.date=new Date,this.endDate=null,this.type=u.datetime,this.disabled=!1,this.disabledDates="",this.value=null,this._open=!1,this.hidden=!1,this.fullWidth=!1,this.required=!1,this.minYear=1900,this.maxYear=2200,this.noCaption=!1,this.caption="",this.captionType="default",this.alignment="left",this.years=[],this.hours=[],this.minutes=[],this.hasDateModule=!1,this.hasTimeModule=!1,this.error=!1,this.errorText=""}componentWillLoad(){if(this.id=(4*Math.random()).toString(16).replace(".",""),this.inputId="picker-input-"+this.id,this.hasDateModule=this.type===u.datetime||this.type===u.date||this.type===u.range,this.hasTimeModule=this.type===u.datetime||this.type===u.time,this.prepareDisabledDates(),this.setData(),!this.initialized){for(let t=this.minYear;t<=this.maxYear;t++)this.years.push(t);for(let t=0;t<=23;t++)this.hours.push(t);for(let t=0;t<=59;t++)this.minutes.push(t);this.load.emit()}this.initialized=!0}componentDidRender(){this.hasDateModule&&!this.yearsDragger&&(this.createDragSelection("years",this.yearsElement,this.yearsWrapperElement,this.yearsStripElement,h.y),this.createWheelChange("years",this.yearsWrapperElement,this.yearsStripElement),this.setDragSelection("years",this.currentDate.year)),this.hasTimeModule&&!this.hoursDragger&&(this.createDragSelection("hours",this.hoursElement,this.hoursWrapperElement,this.timeStripElement,h.y),this.createWheelChange("hours",this.hoursWrapperElement,this.timeStripElement),this.setDragSelection("hours",this.currentDate.hour)),this.hasTimeModule&&!this.minutesDragger&&(this.createDragSelection("minutes",this.minutesElement,this.minutesWrapperElement,this.timeStripElement,h.y),this.createWheelChange("minutes",this.minutesWrapperElement,this.timeStripElement),this.setDragSelection("minutes",this.currentDate.minute))}renderDateChange(){this.initialized&&(this.setData(),this.hasDateModule&&this.setDragSelection("years",this.currentDate.year))}openChange(t){t&&i(this.el)}valueChange(t,e){const i={isValid:!1,value:this.valueText};if(t)if(this.type!==u.range&&this.error)this.change.emit({isValid:!1,value:this.inputElement.value});else try{if((e&&b(t.dateObject)!==b(e.dateObject)||!e&&t)&&(this.type!==u.date&&this.type!==u.datetime||this.change.emit(t),this.type===u.time&&this.change.emit({time:t.time,timeObject:t.dateObject}),this.type===u.range)){const e=t.dateObject;e.start.date&&e.end.date?t.isValid&&this.change.emit({isValid:t.isValid,value:t.value,start:e.start,end:e.end}):this.change.emit(i)}}catch(t){}else this.change.emit()}disabledDatesChange(t){t&&this.prepareDisabledDates()}stringToDate(t){return t.getMonth?t:new Date(Date.parse(this.switchDDMM(t)))}dateToString(t){if(!(t instanceof Date))return!1}switchDDMM(t){if(!t)return;const e=t.split("/");return-1===t.indexOf("/")||3!==e.length?t:`${e[1]}/${e[0]}/${e[2]}`}setData(){this.date=this.stringToDate(this.date),this.initialized||this.renderDate||(this.renderDate=this.date&&this.date||new Date),!this.initialized&&this.endDate&&(this.selectedEndDate=this.stringToDate(this.endDate));const t=this.renderDate;if(this.currentDate=this.createDateObject(t),this.dayNumbers=this.getMonthDayNumbers(t).map((e=>({day:e,thisMonth:!0,isWeekend:this.getDayIsWeekend(t,e),today:this.getIsCurrentDate(t,e),date:this.getTargetDayDate(t,e)}))),this.currentDate.year>this.minYear){let e=new Date(new Date(t).setMonth(this.currentDate.month-1,1)),i=this.getMonthDayNumbers(e).reverse(),s=this.currentDate.monthFirstDay;for(let t=1;t<(0===s?7:s);t++){const s=i[t-1];this.dayNumbers.unshift({day:s,prevMonth:!0,isWeekend:this.getDayIsWeekend(e,s),date:this.getTargetDayDate(e,s)})}}if(this.currentDate.year<this.maxYear){let e=new Date(new Date(t).setMonth(this.currentDate.month+1)),i=this.getMonthDayNumbers(e),s=42-this.dayNumbers.length;for(let t=0;t<s;t++){const s=i[t];this.dayNumbers.push({day:s,nextMonth:!0,isWeekend:this.getDayIsWeekend(e,s),date:this.getTargetDayDate(e,s)})}}this.emptyState||(this.valueText=this.getValueText()),i(this.el)}prepareDisabledDates(){if(!this.disabledDates)return;let t=null;if("string"==typeof this.disabledDates)try{t=JSON.parse(this.disabledDates)}catch(t){return}else t=this.disabledDates;if(t.dates&&t.dates.length&&t.dates.length){const e=t.dates.map((t=>{const e=new Date(this.switchDDMM(t));return"invalid date"===e.toString().toLowerCase()?null:e})).filter((t=>t));this.disabledDatesList.dates=e}t.min&&t.max&&(t.min.getTime()>t.max.getTime()||t.max.getTime()<t.min.getTime())||(t.min&&t.min instanceof Date&&(this.disabledDatesList.min=new Date(t.min.toDateString())),t.max&&t.max instanceof Date&&(this.disabledDatesList.max=new Date(t.max.toDateString())))}createWheelChange(t,e,i){e.addEventListener("wheel",(e=>{const s=e.deltaY>0,n=this[t+"Dragger"].getOffset().top,a=this.getTargetChildByDragPosition({y:n},i);let o=s?a+1:a-1;o<0?o=0:void 0===this[t][o]&&(o=this[t].length-1),this.setDragSelection(t,this[t][o],!0,!0)}))}createDragSelection(t,e,i,s,n){const a=t+"Dragger";this[a]=new l({target:e,trigger:i,direction:n,useTransform:!0,limit:{y:{max:s.offsetTop-s.offsetHeight/2,min:-1*(e.offsetHeight-(s.offsetTop+s.offsetHeight/2))}}}),this[a].on("end",(e=>{const i=this.getTargetChildByDragPosition(e,s);this.selectTargetChildByDragIdx(i,s,this[a]),this.setDragSelection(t,this[t][i],!1)}))}getTargetChildByDragPosition({y:t},e){const i=e.offsetHeight,s=i/2;return Math.floor(-(t-(e.offsetTop-s)-s)/i)}selectTargetChildByDragIdx(t,e,i,s=!0){i.setPosition({y:e.offsetHeight/2+e.offsetTop-(t+1)*e.offsetHeight,anim:s})}setDragSelection(t,e,i=!0,s=!1){if(!e)return;const n=this[t].findIndex((t=>t===e));switch(i&&this.selectTargetChildByDragIdx(n,this["years"===t?t+"StripElement":"timeStripElement"],this[t+"Dragger"],s),t){case"years":this.date.setFullYear(e);break;case"hours":this.date.setHours(e);break;case"minutes":this.date.setMinutes(e)}this.renderDate=this.date,this.setData(),this.selectedDate&&this.setValue()}getHours12(){const t=(this.date.getHours()+24)%12||12;return t>12?t-12:t}createDateObject(t,{excludeTime:e=!1,exactMonthNumber:i=!1}={}){const s=t.getFullYear();return Object.assign(Object.assign({year:s>=this.maxYear?this.maxYear:s<=this.minYear?this.minYear:s,day:t.getDate(),month:t.getMonth()+(i?1:0),dayOfWeek:t.getDay(),monthFirstDay:new Date(new Date(t).setDate(1)).getDay()},!e&&{hour:t.getHours()}),!e&&{minute:t.getMinutes()})}generateDaysArrayFromMax(t){return Array.from(Array(t+1).keys()).slice(1)}getMonthDayNumbers(t){const e=this.getDaysInMonth(t.getMonth(),t.getFullYear());return this.generateDaysArrayFromMax(e)}getTargetDayDate(t,e){return new Date(new Date(t).setDate(e))}getDayIsWeekend(t,e){const i=new Date(new Date(t).setDate(e)).getDay();return 6===i||0===i}getClock(t){return{hours:(t=t||new Date).getHours(),minutes:t.getMinutes(),seconds:t.getSeconds(),milis:t.getMilliseconds()}}setValue(t){const e=new Date(this.date.setHours(Number(this.currentDate.hour),Number(this.currentDate.minute)));if(t)this.value=null;else{if(this.dataIsValid=!0,this.type===u.datetime){const t=Object.assign({},this.currentDate);t.month+=1,this.value={isValid:this.dataIsValid,date:e,timestamp:e.getTime(),dateObject:t,value:this.valueText}}if(this.type===u.date){const t=Object.assign({},this.currentDate);delete t.hour,delete t.minute,t.month+=1,this.value={isValid:this.dataIsValid,date:e,timestamp:e.getTime(),dateObject:t,value:this.valueText}}this.type===u.time&&(this.value={isValid:this.dataIsValid,time:this.getTimeText(),dateObject:{hours:this.currentDate.hour,minutes:this.currentDate.minute},value:this.valueText}),this.type===u.range&&(this.value={isValid:this.dataIsValid,dateObject:{start:Object.assign({},this.selectedDate&&{date:this.selectedDate,timestamp:this.selectedDate.getTime(),detail:this.createDateObject(this.selectedDate,{excludeTime:!0,exactMonthNumber:!0})}),end:Object.assign({},this.selectedEndDate&&{date:this.selectedEndDate,timestamp:this.selectedEndDate.getTime(),detail:this.createDateObject(this.selectedEndDate,{excludeTime:!0,exactMonthNumber:!0})})},value:this.valueText})}}setMonth(t){this.renderDate=new Date(this.renderDate.setMonth(t)),this.setDragSelection("years",this.currentDate.year)}checkRangeValidation({popupClosing:t=!1}={}){return this.type!==u.range||(t&&(!this.selectedDate||this.selectedDate&&!this.selectedEndDate)?(this.setError(!0,"date range invalid"),!1):(t||this.setError(!1),!0))}pad(t,e){return t<e?"0":""}isInputClearable(){return!(!this.inputElement||!this.inputElement.value)}isDisabledDate(t){if(this.disabledDatesList.dates.map((e=>this.isSameDate(e,t))).filter((t=>t)).length)return!0;if(this.disabledDatesList.min){const e=new Date(this.disabledDatesList.min);if(e&&e.getTime()>t.getTime())return!0}if(this.disabledDatesList.max){const e=new Date(this.disabledDatesList.max);if(e&&new Date(e.setDate(e.getDate()+1)).getTime()<t.getTime())return!0}}setDate(t,e,i=!1){const s=this.type===u.range,n=!!this.selectedEndDate;if((this.type!==u.date&&this.type!==u.datetime||!this.isDisabledDate(t))&&(this.emptyState=!1,(!s||s&&!n)&&(this.date=new Date(t.setHours(this.currentDate.hour,this.currentDate.minute))),s&&this.checkRangeValidation(),s&&this.selectedDate&&this.selectedEndDate&&(this.selectedDate=null,this.selectedEndDate=null),e)){const e=new Date(t);s&&this.selectedDate?this.selectedDate.getTime()>e.getTime()?(this.selectedEndDate=this.selectedDate)&&(this.selectedDate=e):this.selectedEndDate=e:this.selectedDate=e,!s&&(this._open=i),this.renderDate=this.date,this.valueText=this.getValueText(),this.setValue(),""==this.inputElement.value&&(this.inputElement.value=this.valueText)}}setDataFromText(t,e=!1,i=!0){let s=!1,n="";const a=this.parse(t);this.type!==u.date&&this.type!==u.datetime||!this.isDisabledDate(a.date)||(a.dateIsValid=!1,n="disabled-date"),this.type===u.datetime&&a.dateIsValid&&a.timeIsValid&&(e&&this.setDate(a.date,!0,i),e&&this.setTime(a.timeSections[0],a.timeSections[1]),s=!0),this.type===u.date&&a.dateIsValid&&(e&&this.setDate(a.date,!0,i),s=!0),this.type===u.time&&a.timeIsValid&&(e&&this.setTime(a.timeSections[0],a.timeSections[1]),s=!0),this.type===u.range&&(a.dateIsValid&&!this.selectedDate&&(e&&this.setDate(a.date,!0,i),s=!0),a.date2IsValid&&!this.selectedEndDate&&(e&&this.setDate(a.date2,!0,i),s=!0),this.selectedDate&&this.selectedEndDate&&a.rangeIsValid&&(this.isSameDate(a.date2,this.selectedEndDate)&&!this.isSameDate(a.date,this.selectedDate)&&(this.selectedDate=null,e&&this.setDate(a.date,!0,i),s=!0),this.isSameDate(a.date,this.selectedDate)&&!this.isSameDate(a.date2,this.selectedEndDate)&&(this.selectedEndDate=null,e&&this.setDate(a.date2,!0,i),s=!0)),this.selectedDate&&this.selectedEndDate&&!a.rangeIsValid&&e&&(this.selectedDate=null,this.selectedEndDate=null)),s?(e&&(this.renderDate=this.date),this.setError(!1)):(this.type===u.range&&this.selectedDate&&this.selectedEndDate&&a.rangeIsValid?this.setError(!1):n?this.setError(!0,"disabled-date"===n&&"selected date is not allowed"):(this.setError(!0,(this.type===u.datetime?"invalid date or time":this.type===u.range&&"invalid date range")||this.type===u.date&&"invalid date"||this.type===u.time&&"invalid time"),this.setValue(!0)),""==this.inputElement.value&&(this.inputElement.value=t))}setDateToday(){const t=new Date;this.type===u.range&&(this.selectedDate=null,this.selectedEndDate=null),this.setDate(t,!0,!1)}setTime(t,e){this.renderDate=new Date(this.date.setHours(Number(t||this.getClock().hours),Number(e||this.getClock().minutes))),this.type===u.time&&(this.selectedDate=this.date),this.setDragSelection("hours",this.currentDate.hour,!0,!0),this.setDragSelection("minutes",this.currentDate.minute,!0,!0)}setError(t=!1,e=""){this.error=t,this.errorText=t?e:""}getError(){const{error:t,errorText:e}=this;return{valid:!t,error:t,errorText:e}}getDaysInMonth(t,e){return new Date(e,t+1,0).getDate()}getIsCurrentDate(t,e){const i=new Date;return i.getDate()===e&&i.getMonth()===t.getMonth()&&i.getFullYear()===t.getFullYear()}isSameDate(t,e){return t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}getSelected(t,e=!1){const i=new Date(this["selected"+(e?"EndDate":"Date")]),s=i.getFullYear(),n=i.getMonth(),a=i.getDate();return t.getDate()===a&&t.getMonth()===n&&t.getFullYear()===s}getDateIsInRange(t){if(this.type!==u.range||!this.selectedDate||!this.selectedEndDate)return;const e=t.getTime(),i=this.selectedDate.getTime(),s=this.selectedEndDate.getTime();return e>i&&e<s}getMonthText(){return Object.values(p)[this.renderDate.getMonth()]}getCurrentDateText(){const t=Object.values(m)[this.currentDate.dayOfWeek],e=Object.values(p)[this.currentDate.month];return`${t}, ${this.currentDate.day}th ${e} ${this.currentDate.year}`}getTimeText(){const{hour:t,minute:e}=this.currentDate;return`${t<10?"0"+t:t}:${e<10?"0"+e:e}`}getValueText(){if(!this.selectedDate)return"";const t=this.selectedDate,e=t.getFullYear(),i=t.getDate(),s=t.getMonth()+1;let n="";if(this.type!==u.date&&this.type!==u.datetime||(n=`${i<10?"0"+i:i}/${s<10?"0"+s:s}/${e}`),this.type===u.time&&(n=this.getTimeText()),this.type===u.datetime&&(n=`${n} ${this.getTimeText()}`),this.type===u.range&&(n=`${i<10?"0"+i:i}/${s<10?"0"+s:s}/${e}`),this.type===u.range&&this.selectedEndDate){const t=this.selectedEndDate,e=t.getFullYear(),i=t.getDate(),s=t.getMonth()+1;n+=`-${i<10?"0"+i:i}/${s<10?"0"+s:s}/${e}`}return this.setDataFromText(n),n}parse(t){const e=t.split(this.type===u.range?"-":" "),i=this.switchDDMM(e[0]),s=this.switchDDMM(e[1]),n=this.type===u.datetime?e[1]:e[0],a=new Date(i),o=new Date(s),r="invalid date"!==a.toString().toLowerCase(),h="invalid date"!==o.toString().toLowerCase(),l=/^((0?[1-9]|1[0-2])(-|\/)(0?[1-9]|[12]\d|3[01])(-|\/)[12]\d{3})$/,c=l.test(i),d=l.test(s),p=/\b([01][0-9]|2[0-3]):([0-5][0-9])\b/.test(n),m=r&&c,b=h&&d;return{date:a,date2:o,timeSections:p?n.split(":"):"",dateIsValid:m,date2IsValid:b,rangeIsValid:m&&b,timeIsValid:p}}getPrevMonth(){this.setMonth(this.renderDate.getMonth()-1)}getNextMonth(){this.setMonth(this.renderDate.getMonth()+1)}yearClick(t){this.yearsDragger.busy||this.setDragSelection("years",this.years[t],!0,!0)}hourClick(t){this.hoursDragger.busy||this.setDragSelection("hours",this.hours[t],!0,!0)}minuteClick(t){this.minutesDragger.busy||this.setDragSelection("minutes",this.minutes[t],!0,!0)}openPicker(){this.disabled||(this._open=!0,this.pickerAlignment())}pickerAlignment(){this.optionViewportStyleAlignment={};var t=this.el.clientHeight,e=this.noCaption,i=window.innerHeight;this.el.shadowRoot.getElementById("picker-vp-"+this.id).clientHeight>i-(null!=this.el.parentNode.host&&"bcm-date-picker"==this.el.parentNode.host.nodeName.toString().toLowerCase()?document.querySelector("#"+this.el.parentNode.host.id).getBoundingClientRect().top:document.querySelector("#"+this.el.id).getBoundingClientRect().top)-(e?t:t-28)&&(this.optionViewportStyleAlignment={bottom:t-24+"px",top:"unset","box-shadow":"0px -1px 4px rgb(0 0 0 / 25%)"})}handleDayNumber(t){this.type===u.range&&this.selectedDate&&!this.selectedEndDate&&this.isSameDate(this.selectedDate,t)||this.setDate(t,!0)}handleInputInput(t){this.setDataFromText(t,!0)}handleInputChange(t){t.stopPropagation()}handleInputClear(){this.selectedDate=null,this.selectedEndDate=null,this.emptyState=!0,this.renderDate=new Date,this._open=!1,this.setValue(!0),this.setError(),this.getValueText()}handleInputFocus(){this._open=!0,this.pickerAlignment()}handleWheel(t){t.preventDefault()}handleWindowClick(t){var e=t.path||t.composedPath&&t.composedPath();const i=t.target,s=i.classList,n=i.tagName.toLowerCase();(!s.contains("sc-bcm-datetime-picker")&&!s.contains("sc-bcm-date-picker")&&!s.contains("sc-bcm-time-picker")&&"bcm-datetime-picker"!==n&&"bcm-date-picker"!==n&&"bcm-time-picker"!==n&&!this.openExternal||(()=>e&&e[0]&&e[0].attributes&&e[0].attributes["bcm-internal-id"]&&e[0].attributes["bcm-internal-id"].value&&e[0].attributes["bcm-internal-id"].value!==this.inputId)())&&(this._open=!1),e&&e.filter((t=>"calender-icon"==t.id))[0]&&null==e.filter((t=>t.id==this.inputId))[0]&&(this._open=!1),this.openExternal&&(this.openExternal=!1)}async open(){this._open=!0,this.openExternal=!0,this.pickerAlignment()}async close(){this._open=!1,this.openExternal=!0}async getValue(){return this.value}async setDisabled(t){this.disabled=t}async set(t){"string"==typeof t?this.setDataFromText(t,!0,!1):t instanceof Date?this.setDataFromText(this.formatDate(new Date(t),"dd/mm/yyyy hh:mi"),!0,!1):this.setClear()}async setClear(){this.handleInputClear(),await this.inputElement.setClear()}async getInput(){return this.inputElement}async isValid(){return this.getError()}async resetCaption(){await this.inputElement.resetCaption()}addZeroBefore(t){return(t<10?"0":"")+t}formatDate(t,e){const i={mm:this.addZeroBefore(t.getMonth()+1),dd:this.addZeroBefore(t.getDate()),yyyy:this.addZeroBefore(t.getFullYear()),hh:this.addZeroBefore(t.getHours()),mi:this.addZeroBefore(t.getMinutes())};return e.replace(/mm|dd|yyyy|hh|mi/gi,(t=>i[t]))}render(){const t=o("day-numbers"),e=o("datetime-picker","alignment-"+this.alignment,{open:this._open,"no-caption":this.noCaption}),i=o(this.hidden?"hidden":null,{"full-width":this.fullWidth}),a=o("toggle",{disabled:this.disabled});return s(n,{class:i,"bcm-internal-id":this.inputId},s("bcm-input",{ref:t=>this.inputElement=t,placeholder:"Select "+(this.type===u.datetime?"date and time":"")+(this.type===u.date?"date":"")+(this.type===u.time?"time":""),value:this.valueText,required:this.required,fullWidth:this.fullWidth,disabled:this.disabled,name:this.name,id:this.inputId,label:this.label,clearable:!0,disableWatchValue:!0,"on-bcm-focus":()=>this.handleInputFocus(),"on-bcm-clear":()=>this.handleInputClear(),"on-bcm-change":t=>this.handleInputChange(t),"on-bcm-input":t=>this.handleInputInput(t.detail),noCaption:this.noCaption,caption:this.caption,captionType:this.captionType},this.error&&s("bcm-tooltip",{slot:"suffix",placement:"top",message:this.errorText},s("bcm-icon",{icon:"exclamation-circle",color:"red-6",size:16})),s("span",{slot:"suffix",onClick:()=>this.openPicker()},s("bcm-icon",{id:"calender-icon",class:a,icon:"calendar"}))),s("div",{id:"picker-vp-"+this.id,class:e,onWheel:t=>this.handleWheel(t),style:this.optionViewportStyleAlignment},s("div",{class:"modules"},this.hasDateModule&&s("div",{class:"date-container"},s("div",{class:"header"},s("span",null),s("div",{class:"month-year"},s("button",{onClick:()=>this.getPrevMonth()},s("bcm-icon",{icon:"left"})),s("div",{class:"month-year-wrapper"},s("span",{class:"month"},this.getMonthText()),",",s("span",{class:"year"},this.date.getFullYear())),s("button",{onClick:()=>this.getNextMonth()},s("bcm-icon",{icon:"right"}))),s("span",{class:"today",onClick:()=>this.setDateToday()},"Today")),s("div",{class:"content"},s("div",{class:"years",ref:t=>this.yearsWrapperElement=t},s("div",{class:"items",ref:t=>this.yearsElement=t},this.years.map(((t,e)=>s("span",{onClick:()=>this.yearClick(e)},t)))),s("div",{class:"select-strip",ref:t=>this.yearsStripElement=t})),s("div",{class:"days"},s("div",{class:"day-labels"},s("span",null,"Mo"),s("span",null,"Tu"),s("span",null,"We"),s("span",null,"Th"),s("span",null,"Fr"),s("span",null,"Sa"),s("span",null,"Su")),s("div",{class:t},this.dayNumbers.map((t=>s("span",{class:{"is-disabled-date":(this.type===u.date||this.type===u.datetime)&&this.isDisabledDate(t.date),"not-this-month":!t.thisMonth,"is-weekend":t.isWeekend,today:t.today,selected:this.getSelected(t.date),"selected-start":this.getSelected(t.date)&&this.selectedEndDate&&this.type===u.range,"selected-end":this.getSelected(t.date,!0)&&this.type===u.range,range:this.getDateIsInRange(t.date)&&this.type===u.range},onClick:()=>this.handleDayNumber(t.date)},s("span",{class:"number"},t.day)))))))),this.hasTimeModule&&s("div",{class:"time-container"},s("div",{class:"header"},s("div",{class:"month-year"},s("span",{class:"month"},this.getTimeText())),s("span",{class:"now",onClick:()=>this.setTime()},"Now")),s("div",{class:"content"},s("div",{class:"hours",ref:t=>this.hoursWrapperElement=t},s("div",{class:"items",ref:t=>this.hoursElement=t},this.hours.map(((t,e)=>s("span",{class:this.currentDate.hour===t?"selected":"",onClick:()=>this.hourClick(e)},(t<10&&"0")+t))))),s("div",{class:"minutes",ref:t=>this.minutesWrapperElement=t},s("div",{class:"items",ref:t=>this.minutesElement=t},this.minutes.map(((t,e)=>s("span",{class:this.currentDate.minute===t?"selected":"",onClick:()=>this.minuteClick(e)},(t<10&&"0")+t))))),s("div",{class:"select-strip",ref:t=>this.timeStripElement=t}))))))}get el(){return a(this)}static get watchers(){return{renderDate:["renderDateChange"],_open:["openChange"],value:["valueChange"],disabledDates:["disabledDatesChange"]}}};f.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}:host{display:flex;position:relative;width:100%;max-width:256px;margin:0}:host(.full-width){max-width:100%}:host(.hidden){display:none}.toggle{cursor:pointer}.toggle.disabled{cursor:not-allowed}.modules{display:flex}.datetime-picker{position:absolute;top:-1000px;display:inline-flex;flex-direction:column;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);opacity:0;visibility:hidden;transition:transform 0.2s ease, opacity 0.3s ease;transform:scale(0.8) translateY(-100px);background-color:#ffffff;min-height:356px;max-height:356px;box-sizing:border-box;z-index:-1000}.datetime-picker.alignment-left{left:0}.datetime-picker.alignment-right{right:0}.datetime-picker.open{top:calc( 100% - 28px );z-index:10000;opacity:1;visibility:visible;transform:scale(1) translateY(0)}.datetime-picker.open.no-caption{top:100%}.actions{display:flex;align-items:center;justify-content:space-between;padding:8px;margin-top:auto;border-top:1px solid var(--bcm-color-grey-6)}.actions .current-date{font-size:14px;line-height:22px;color:var(--bcm-color-prime-blue-6);text-transform:capitalize}.date-container+.time-container{border-left:1px solid #cecece}.time-container{width:185px}.time-container .header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;max-height:60px;border-bottom:1px solid var(--bcm-color-grey-4)}.time-container .header .now{font-size:14px;line-height:22px;cursor:pointer;color:var(--bcm-color-prime-blue-6);user-select:none}.time-container .content{position:relative;display:flex}.time-container .hours,.time-container .minutes,.time-container .time-period{position:relative;flex:1 1 100%;max-width:100%;height:280px;overflow:hidden}.time-container .hours .items>span,.time-container .minutes .items>span,.time-container .time-period .items>span{font-size:14px;color:var(--bcm-color-grey-8)}.time-container .hours .items>span.selected,.time-container .minutes .items>span.selected,.time-container .time-period .items>span.selected{color:var(--bcm-color-prime-blue-6)}.date-container{width:364px;}.date-container .header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;max-height:60px;border-bottom:1px solid var(--bcm-color-grey-4)}.date-container .header .month-year-wrapper{display:flex;align-items:center;justify-content:center;margin:0 4px;min-width:125px}.date-container .header .month-year{font-size:16px;line-height:24px}.date-container .header .month-year{display:flex;align-items:center}.date-container .header .month-year button{display:flex;align-items:center;box-shadow:none;background:transparent;outline:none;appearance:none;border:none;color:var(--bcm-color-prime-blue-6);cursor:pointer}.date-container .header .month{text-transform:capitalize}.date-container .header .year{padding-left:4px}.date-container .header .today{font-size:14px;line-height:22px;cursor:pointer;color:var(--bcm-color-prime-blue-6);user-select:none}.date-container .content{display:flex}.date-container .years{position:relative;flex:0 0 70px;max-width:70px;height:280px;overflow:hidden;background-color:var(--bcm-color-grey-2)}.date-container .days{width:100%}.date-container .day-numbers,.date-container .day-labels{display:grid;grid-template-columns:repeat(7, 1fr)}.date-container .day-numbers{padding:24px 24px}.date-container .day-numbers>span,.date-container .day-labels span{text-align:center}.date-container .day-numbers>span{position:relative;padding-bottom:calc(100% / 1);cursor:pointer}.date-container .day-numbers>span.not-this-month{color:var(--bcm-color-grey-4)}.date-container .day-numbers>span.is-weekend{color:var(--bcm-color-prime-blue-3)}.date-container .day-numbers>span.is-disabled-date:not(.today){color:var(--bcm-color-grey-4);cursor:not-allowed}.date-container .day-numbers>span.is-disabled-date:not(.today):before{opacity:0 !important}.date-container .day-numbers>span.today{color:var(--bcm-color-prime-blue-6)}.date-container .day-numbers>span.today:before{opacity:1;background-color:var(--bcm-color-prime-blue-2);border:1px solid var(--bcm-color-prime-blue-6)}.date-container .day-numbers>span.selected-start{background:linear-gradient(90deg, white 50%, #8abde2 50%) !important}.date-container .day-numbers>span.selected-end{background:linear-gradient(90deg, #8abde2 50%, white 50%) !important}.date-container .day-numbers>span.range{background:#8abde2}.date-container .day-numbers>span.range:not(.today){color:#ffffff}.date-container .day-numbers>span.range:not(.today):before{background-color:var(--bcm-color-prime-blue-6)}.date-container .day-numbers>span.range.is-weekend:not(.today){color:var(--bcm-color-prime-blue-2)}.date-container .day-numbers>span.selected,.date-container .day-numbers>span.selected-end{color:#ffffff}.date-container .day-numbers>span.selected:before,.date-container .day-numbers>span.selected-end:before{opacity:1;background-color:var(--bcm-color-prime-blue-6)}.date-container .day-numbers.start-1>span:first-child{grid-column:1}.date-container .day-numbers.start-2>span:first-child{grid-column:2}.date-container .day-numbers.start-3>span:first-child{grid-column:3}.date-container .day-numbers.start-4>span:first-child{grid-column:4}.date-container .day-numbers.start-5>span:first-child{grid-column:5}.date-container .day-numbers.start-6>span:first-child{grid-column:6}.date-container .day-numbers.start-7>span:first-child{grid-column:7}.date-container .day-numbers>span:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:var(--bcm-color-grey-4);opacity:0;box-sizing:border-box}.date-container .day-numbers>span:hover.not-this-month:not(.is-weekend){color:var(--bcm-color-grey-6)}.date-container .day-numbers>span:hover:before{opacity:1}.date-container .day-numbers .number{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.date-container .day-labels{padding:24px 40px 0 40px}.date-container .day-labels span{font-size:12px;color:var(--bcm-color-grey-6)}.date-container .day-labels span:nth-child(7n+6),.date-container .day-labels span:nth-child(7n+7){color:var(--bcm-color-prime-blue-3)}.years .items,.hours .items,.minutes .items,.time-period .items{position:relative;display:flex;flex-direction:column;z-index:0;transform:translateY(0)}.years .items>span,.hours .items>span,.minutes .items>span,.time-period .items>span{text-align:center;font-size:12px;min-height:26px;max-height:26px;line-height:26px;color:var(--bcm-color-grey-8);user-select:none}.years:before,.years:after,.hours:before,.hours:after,.minutes:before,.minutes:after,.time-period:before,.time-period:after{content:"";position:absolute;left:0;width:100%;height:40px}.years:before,.hours:before,.minutes:before,.time-period:before{top:-40px;box-shadow:0 10px 100px 70px #ffffff;z-index:1}.years:after,.hours:after,.minutes:after,.time-period:after{bottom:-40px;box-shadow:0 -10px 100px 70px #ffffff;z-index:2}.select-strip{position:absolute;width:100%;top:50%;left:0;transform:translateY(-50%);min-height:26px;max-height:26px;border:1px solid var(--bcm-color-grey-5);border-left:0;border-right:0;pointer-events:none;box-sizing:border-box}';const x=class{constructor(i){t(this,i),this.onShow=e(this,"bcm-show",7),this.onHide=e(this,"bcm-hide",7),this.placement="top",this.trigger="hover",this.hidden=!1,this._internal_id=(4*Math.random()).toString(16).replace(".","")}async show(){this.open||(this.open=!0,this.onShow.emit())}async hide(){this.open&&(this.open=!1,this.onHide.emit())}handleClickOutside(t){this.host.contains(t.target)||this.open&&(this.open=!1)}async handleOpen(){await this.createElement();var t=document.getElementById("box"+this._internal_id).shadowRoot.querySelector(".tooltip-box");if(t&&t.querySelector(".box")){var e=t.querySelector(".box");c(e,this.host,this.placement,(t=>this.placement=t)),t.classList.toggle("open")}}async createElement(){var t,e=this.host.getBoundingClientRect(),i=String([...this.getPlacement()]).replace(","," ");document.getElementById("box"+this._internal_id)?t=document.getElementById("box"+this._internal_id):(t=document.createElement("bcm-tooltip-box")).setAttribute("id","box"+this._internal_id),t.setAttribute("message",this.message),t.style.position="absolute",t.setAttribute("placement",i),document.body.appendChild(t),await r(50);var s=document.getElementById("box"+this._internal_id).shadowRoot.querySelector(".tooltip-box");if(s&&s.querySelector(".box")){var n=s.querySelector(".box");c(n,this.host,this.placement,(t=>this.placement=t))}t.style.top=d(this.placement,e)[0]+"px",t.style.left=d(this.placement,e)[1]+"px"}hasTrigger(t){return this.trigger===t}getPlacement(){const t=this.placement.split("-");return 1===t.length&&t.push("center"),t}handleMouseOver(){this.hasTrigger("hover")&&this.show()}handleMouseOut(){this.hasTrigger("hover")&&this.hide()}handleClick(){this.hasTrigger("click")&&(this.open?this.hide():this.show())}handleFocus(){this.hasTrigger("focus")&&this.show()}handleBlur(){this.hasTrigger("focus")&&this.hide()}async componentDidRender(){await this.createElement();var t=document.getElementById("box"+this._internal_id).shadowRoot.querySelector(".tooltip-box");if(t&&t.querySelector(".box")){var e=t.querySelector(".box");c(e,this.host,this.placement,(t=>this.placement=t))}}render(){const t=o("tooltip",...this.getPlacement(),{}),e=o(this.hidden?"hidden":null);return s(n,{class:e,onClick:()=>this.handleClick(),onMouseOver:()=>this.handleMouseOver(),onMouseOut:()=>this.handleMouseOut(),onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur(),tabindex:0},s("span",{class:t},s("span",{class:"box size-2"},this.message),s("slot",null)))}get host(){return a(this)}static get watchers(){return{open:["handleOpen"]}}};x.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}:host{display:inline-flex}:host(.hidden){display:none}:host(:focus){outline:none}.tooltip{position:relative;}.tooltip .box{position:absolute;display:none;box-sizing:border-box;background-color:#262626;border:1px solid #262626;border-radius:2px;z-index:10700;width:max-content;padding:4px 8px;color:var(--bcm-color-grey-1)}.tooltip::after{content:"";position:absolute;display:none;border:6px solid;z-index:10700}.tooltip.open .box,.tooltip.open::after{display:block}.tooltip.top .box{bottom:100%;margin-bottom:8px}.tooltip.top::after{bottom:100%;margin-bottom:-4px;border-color:#262626 transparent transparent transparent}.tooltip.bottom .box{top:100%;margin-top:8px}.tooltip.bottom::after{top:100%;margin-top:-4px;border-color:transparent transparent #262626 transparent}.tooltip.left .box{right:100%;margin-right:8px}.tooltip.left::after{right:100%;margin-right:-4px;border-color:transparent transparent transparent #262626}.tooltip.right .box{left:100%;margin-left:8px}.tooltip.right::after{left:100%;margin-left:-4px;border-color:transparent #262626 transparent transparent}.tooltip.top.center .box,.tooltip.bottom.center .box{left:50%;transform:translateX(-50%)}.tooltip.top.center::after,.tooltip.bottom.center::after{left:50%;transform:translateX(-50%)}.tooltip.top.start .box,.tooltip.bottom.start .box{left:0}.tooltip.top.start::after,.tooltip.bottom.start::after{left:8px}.tooltip.top.end .box,.tooltip.bottom.end .box{right:0}.tooltip.top.end::after,.tooltip.bottom.end::after{right:8px}.tooltip.left.center .box,.tooltip.right.center .box{top:50%;transform:translateY(-50%)}.tooltip.left.center::after,.tooltip.right.center::after{top:50%;transform:translateY(-50%)}.tooltip.left.start .box,.tooltip.right.start .box{top:0}.tooltip.left.start::after,.tooltip.right.start::after{top:4px}.tooltip.left.end .box,.tooltip.right.end .box{bottom:0}.tooltip.left.end::after,.tooltip.right.end::after{bottom:4px}';export{f as bcm_datetime_picker,x as bcm_tooltip}

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

@@ -1 +0,0 @@
-import{r as s,h as t,H as r}from"./p-6e0d3067.js";import{c as o}from"./p-5525b672.js";const n=class{constructor(t){s(this,t),this.hidden=!1}render(){const s=o(this.hidden?"hidden":null);return t(r,{class:s},t("slot",null))}};export{n as bcm_content}

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

@@ -1 +0,0 @@
-const l={default:{large:16,medium:14,small:14},iconOnly:{large:20,medium:18,small:16}};export{l as i}

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

@@ -1 +0,0 @@
-import{r as i,h as e,H as t}from"./p-6e0d3067.js";const s=class{constructor(e){i(this,e),this._id=(4*Math.random()).toString(16).replace(".",""),this.hidden=!1,this.validation=!1,this.name=""}inputChange(){console.log("diğişti")}render(){return e(t,{"on-bcm-change":()=>this.inputChange()},e("form",{class:"bcm-form"},e("slot",null)))}};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}:host{display:block}:host(.hidden){display:none}';export{s as bcm_form_group}

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

@@ -1 +0,0 @@
-import{r as e,h as i,H as t,g as o}from"./p-6e0d3067.js";import{c as s}from"./p-5525b672.js";const n=class{constructor(i){e(this,i),this._internal_id=(4*Math.random()).toString(16).replace(".",""),this.hidden=!1,this.isShow=!1}disconnectedCallback(){}componentWillLoad(){}componentDidLoad(){}componentWillRender(){}componentDidRender(){}componentWillUpdate(){}componentDidUpdate(){}render(){const e=s("select-box"),o=s(this.hidden?"hidden":null,{show:this.isShow});return i(t,{class:o},i("div",{class:e},i("bcm-listbox",{id:"listbox-box"+this._internal_id,class:"listbox-box",_internal_id:this._internal_id,"inner-component":!0,"no-caption":!0,fullWidth:!0,_flex:"true"})))}get el(){return o(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}.select-box{flex:1}:host{z-index:-999;position:absolute;opacity:0;top:-10000;left:-10000;box-shadow:0px 2px 8px rgba(0, 0, 0, 0.15)}:host(.show){opacity:1;z-index:100000}';export{n as bcm_select_box}

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

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,H as s,g as o}from"./p-6e0d3067.js";import{c as n}from"./p-5525b672.js";const h=class{constructor(i){t(this,i),this.sendComment=e(this,"bcm-send-comment",7),this.hidden=!1}handleClick(){const t=this.el.shadowRoot.querySelector("bcm-textarea").value;this.sendComment.emit({time:Date.now(),commentId:this.commentId,comment:t})}render(){const{placeholder:t,buttonText:e}=this,o=n(this.hidden?"hidden":null);return i(s,{class:o},i("div",{class:"comment-editor"},i("bcm-avatar",null),i("div",{class:"comment"},i("bcm-textarea",{placeholder:t,"full-width":!0,rows:4}),i("bcm-button",{onClick:()=>this.handleClick()},e))))}get el(){return o(this)}};h.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}:host{display:block}:host(.hidden){display:none}.comment-editor{display:flex}.comment{width:100%;margin-left:16px}bcm-button{margin-top:24px}';export{h as bcm_comment_editor}

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

@@ -1 +0,0 @@
-import{r as i,h as e,H as t,g as s}from"./p-6e0d3067.js";import{c as n}from"./p-5525b672.js";const l=class{constructor(e){i(this,e),this.type="left",this.hidden=!1,this.items=[]}componentDidRender(){let i;i=this.el.shadowRoot.querySelector("slot").assignedElements(),i.map(((e,t)=>{"bcm-timeline-item"==String(e.tagName).toLowerCase()&&(e.timelineType=this.type,e.even=t%2==0,e.first=0===t,e.last=t===i.length-1,e.icon=e.icon?e.icon:this.icon,this.items.push(e))}))}componentWillRender(){console.log(this.el.shadowRoot)}render(){const i=n("timeline",[this.type]),s=n(this.hidden?"hidden":null);return e(t,{class:s},e("div",{class:i},e("slot",null)))}get el(){return s(this)}};l.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}:host{display:block}:host(.hidden){display:none}.timeline{position:relative;display:flex;flex-direction:column}.timeline ::slotted(bcm-timeline-item){flex:0 0 100%;max-width:100%}.timeline.alternate ::slotted(bcm-timeline-item:nth-child(even)){margin-left:auto;min-width:50%}';export{l as bcm_timeline}

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

@@ -1 +0,0 @@
-import{r as e,h as t,H as i,g as n}from"./p-6e0d3067.js";import{c as o}from"./p-5525b672.js";const l=class{constructor(t){e(this,t),this.even=!1,this.first=!1,this.last=!1,this.timelineType="left",this.hidden=!1}componentDidRender(){console.log(this.icon)}render(){const e=o("timeline-item",[this.timelineType],{even:this.even,first:this.first,last:this.last,icon:this.icon}),n=o(this.hidden?"hidden":null);return t(i,{class:n},t("div",{class:e},this.icon&&t("bcm-icon",{icon:this.icon,size:16,color:"prime-blue-6"}),t("slot",null)))}get el(){return n(this)}};l.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}:host{display:block}:host(.hidden){display:none}.timeline-item{position:relative;font-size:14px;line-height:22px;padding:8px 8px 8px 30px}.timeline-item:after{content:"";position:absolute;left:0;top:14px;width:9px;height:9px;border-radius:100%;background-color:#ffffff;border:2px solid #4293CF;box-sizing:border-box}.timeline-item:before{content:"";position:absolute;top:30px;left:3px;width:2px;height:calc(100% - 23px);background-color:#e8e8e8}.timeline-item.last:before{display:none}.timeline-item.icon:after{display:none}bcm-icon{position:absolute;top:10px;left:-4px}.timeline-item.right{text-align:right;padding-left:8px;padding-right:30px}.timeline-item.right:after{left:inherit;right:0}.timeline-item.right:before{left:inherit;right:3px}.timeline-item.right bcm-icon{left:inherit;right:-4px}:host-context(.timeline.alternate){flex:0 0 50% !important;max-width:50% !important}:host-context(.timeline.alternate) .timeline-item.even{text-align:right;padding-left:8px;padding-right:30px}:host-context(.timeline.alternate) .timeline-item.even:after{left:inherit;right:-5px}:host-context(.timeline.alternate) .timeline-item.even:before{left:inherit;right:-1px}:host-context(.timeline.alternate) .timeline-item.even bcm-icon{left:inherit;right:-8px}:host-context(.timeline.alternate) .timeline-item:not(.even):after{left:-3px}:host-context(.timeline.alternate) .timeline-item:not(.even):before{left:0px}:host-context(.timeline.alternate) .timeline-item:not(.even) bcm-icon{left:-7px}@media screen and (min-width: 576px){:host-context(.timeline.alternate){flex:1 1 100% !important;max-width:100% !important;margin-left:inherit !important}:host-context(.timeline.alternate) .timeline-item.even{text-align:left;padding-left:30px;padding-right:8px}:host-context(.timeline.alternate) .timeline-item.even:after{left:-5px;right:inherit}:host-context(.timeline.alternate) .timeline-item.even:before{left:-1px;right:inherit}:host-context(.timeline.alternate) .timeline-item.even bcm-icon{left:-8px;right:inherit}}';export{l as bcm_timeline_item}

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

@@ -1 +0,0 @@
-import{r,h as s,H as o}from"./p-6e0d3067.js";const t=class{constructor(s){r(this,s)}render(){return s(o,null,s("slot",null))}};export{t as bcm_card_footer}

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

@@ -1,105 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ce8878ec.js');
-const index$1 = require('./index-2f62bdaf.js');
-
-/**
- * 'status' prop predefined values
- */
-var StatusProps;
-(function (StatusProps) {
-  StatusProps["info"] = "info";
-  StatusProps["error"] = "error";
-  StatusProps["warning"] = "warning";
-  StatusProps["success"] = "success";
-  StatusProps["default"] = "default";
-})(StatusProps || (StatusProps = {}));
-/**
- * 'type' prop predefined values
- */
-var TypeProps;
-(function (TypeProps) {
-  TypeProps["banner"] = "banner";
-  TypeProps["basic"] = "basic";
-})(TypeProps || (TypeProps = {}));
-
-const alertCss = "@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}:host{display:block}:host(.hidden){display:none}.alert{display:flex;width:100%;box-sizing:border-box;padding:8px 16px;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.15);border-radius:2px}.alert:not(.full-width){max-width:400px}.alert.has-slot{padding-top:16px;padding-bottom:16px}.alert.has-slot .title{font-size:16px}.alert.info{background-color:var(--bcm-color-blue-1);border:1px solid var(--bcm-color-blue-3)}.alert.error{background-color:var(--bcm-color-red-1);border:1px solid var(--bcm-color-red-3)}.alert.warning{background-color:var(--bcm-color-warmyellow-1);border:1px solid var(--bcm-color-warmyellow-3)}.alert.success{background-color:var(--bcm-color-green-1);border:1px solid var(--bcm-color-green-3)}.alert.banner{border:none}.text-content{width:100%}.title{position:relative;display:flex;align-items:center;padding-right:24px;padding-top:4px;padding-bottom:4px;font-size:14px;color:var(--bcm-color-grey-8)}.title .dismiss{position:absolute;right:0;top:5px;cursor:pointer}.title bcm-icon{margin-right:9px}p{margin-top:8px;margin-bottom:0;font-size:14px;line-height:22px;color:var(--bcm-color-grey-8)}p:not(.visible){display:none}p.hidden{display:none}.icon-content{padding-top:2px;padding-right:16px}";
-
-const BcmAlert = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.alertDissmisable = index.createEvent(this, "bcm-alert-dissmisable", 7);
-    /**
-     * Component Properties
-     */
-    this._title = '';
-    this.status = StatusProps.info;
-    this.type = TypeProps.basic;
-    this.dissmisable = false;
-    this.icon = false;
-    this.bigIcon = false;
-    this.fullWidth = false;
-    this.hidden = false;
-    /**
-     * Component States
-     */
-    this.hasSlot = false;
-  }
-  /**
-   * @ComponentMethod
-   */
-  componentDidRender() {
-    this.hasSlot = !!this.el.shadowRoot.querySelector('slot').assignedNodes().length;
-  }
-  /**
-   * @desc
-   * @param isBigIcon
-   */
-  getIcon(isBigIcon = false) {
-    const size = isBigIcon ? 'medium' : 14;
-    const type = isBigIcon ? 'outlined' : 'fill';
-    switch (this.status) {
-      case StatusProps.info:
-        return index.h("bcm-icon", { type: type, icon: "info-circle", size: size, color: "blue-6" });
-      case StatusProps.error:
-        return index.h("bcm-icon", { type: type, icon: "close-circle", size: size, color: "red-6" });
-      case StatusProps.warning:
-        return index.h("bcm-icon", { type: type, icon: "exclamation-circle", size: size, color: "warmyellow-6" });
-      case StatusProps.success:
-        return index.h("bcm-icon", { type: type, icon: "check-circle", size: size, color: "green-6" });
-    }
-  }
-  /**
-   * @desc
-   * @returns {BcmIcon|string}
-   */
-  getDismiss() {
-    let dismiss = '';
-    typeof this.dissmisable === 'string' && this.dissmisable === ''
-      ? dismiss = index.h("bcm-icon", { class: "dismiss", icon: "close", color: "grey-10", onClick: (e) => this.dismiss(e) })
-      : dismiss = index.h("span", { class: "dismiss", onClick: (e) => this.dismiss(e) }, this.dissmisable);
-    return dismiss;
-  }
-  /**
-   * @desc Removes component itself
-   */
-  dismiss(e) {
-    this.alertDissmisable.emit(e);
-    this.el.remove();
-  }
-  render() {
-    const { fullWidth, status, type, icon, bigIcon, hasSlot, _title } = this;
-    const alertClasses = index$1.classnames('alert', type, status, {
-      'full-width': fullWidth,
-      'has-slot': hasSlot && _title != ''
-    });
-    const hostClasses = index$1.classnames(this.hidden ? 'hidden' : null);
-    return (index.h(index.Host, { class: hostClasses }, index.h("div", { class: alertClasses }, bigIcon && (index.h("div", { class: "icon-content" }, this.getIcon(true))), index.h("div", { class: "text-content" }, index.h("span", { class: "title" }, icon && this.getIcon(), " ", _title != '' ? _title : (index.h("slot", null)), " ", this.getDismiss()), index.h("p", { class: { 'visible': hasSlot, 'hidden': _title == '' } }, index.h("slot", null))))));
-  }
-  get el() { return index.getElement(this); }
-};
-BcmAlert.style = alertCss;
-
-exports.bcm_alert = BcmAlert;

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

@@ -1,136 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ce8878ec.js');
-const index$1 = require('./index-2f62bdaf.js');
-
-const autocompleteCss = "@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}:host{display:inline-block;width:fit-content;height:fit-content}:host(.hidden){display:none}:host(.full-width){width:100%;height:100%}:host(.full-width) .bcm-autocomplete{max-height:100%;max-width:100%}.bcm-autocomplete{background-color:var(--bcm-color-grey-1);display:flex;flex-direction:column;height:100%;width:100%;min-width:256px;max-width:256px;position:relative}.bcm-autocomplete-result{position:relative}.bcm-autocomplete-result .viewport{position:absolute;overflow:hidden;height:0;transition:height 0.3s ease;background-color:#ffffff;width:100%;z-index:10000}.bcm-autocomplete-result.open .viewport{height:256px}";
-
-const BcmAutocomplete = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.autocompleteItemSelected = index.createEvent(this, "bcm-autocomplete-item-selected", 7);
-    this.objectMapping = {
-      'id': "id",
-      'text': "text",
-      'value': "value",
-    };
-    this.searchFields = ['text', 'secondary_text', 'tooltip_text'];
-    this._items = [];
-    this.fullWidth = false;
-    this.hidden = false;
-    this.searchText = null;
-    this.returnField = "id";
-    this.searchSub = "items";
-    this.searchPlaceholder = "Search";
-    this.inputLength = 0;
-    this.isOpen = false;
-    this.resultFound = false;
-    this.searchResults = [];
-    this.items = [];
-  }
-  async config(_config) {
-    await customElements.whenDefined("bcm-listbox");
-    this.bcmListbox = this.el.shadowRoot.querySelector("bcm-listbox");
-    await this.bcmListbox.config(_config);
-    if (_config['searchFields']) {
-      if (Array.isArray(_config['searchFields'])) {
-        this.searchFields = _config['searchFields'];
-      }
-    }
-    if (_config['searchSub']) {
-      typeof _config['searchSub'] == 'string'
-        ? this.searchSub = _config['searchSub']
-        : this.searchSub = null;
-    }
-    if (_config['fullWidth']) {
-      typeof _config['fullWidth'] == 'boolean'
-        ? this.fullWidth = _config['fullWidth']
-        : this.fullWidth = false;
-    }
-    if (_config['searchPlaceholder']) {
-      typeof _config['searchPlaceholder'] == 'string'
-        ? this.searchPlaceholder = _config['searchPlaceholder']
-        : this.searchPlaceholder = null;
-    }
-    if (_config['mapping']) {
-      if (_config['mapping']['id']) {
-        this.objectMapping['id'] = _config['mapping']['id'];
-        this.returnField = this.objectMapping['id'];
-      }
-      if (_config['mapping']['text']) {
-        this.objectMapping['text'] = _config['mapping']['text'];
-      }
-      if (_config['mapping']['value']) {
-        this.objectMapping['value'] = _config['mapping']['value'];
-      }
-      if (_config['mapping']['items']) {
-        this.objectMapping['items'] = _config['mapping']['items'];
-        this.searchSub = this.objectMapping['items'];
-      }
-    }
-  }
-  async setData(_data = []) {
-    await customElements.whenDefined("bcm-listbox");
-    this.bcmListbox = this.el.shadowRoot.querySelector("bcm-listbox");
-    await this.bcmListbox.setData(_data);
-    this.searchData = JSON.parse(_data);
-  }
-  /**
-   * @desc
-   */
-  async handleListboxClearSelected(e) {
-    const optionValue = e.detail[this.objectMapping['text']];
-    const search = this.el.shadowRoot.querySelector("bcm-search");
-    this.autocompleteItemSelected.emit(e.detail);
-    await search.setValue(optionValue);
-    this.isOpen = false;
-  }
-  listenSearchValue(e) {
-    this.inputLength = e.detail.length;
-    if (this.inputLength > 0) {
-      this.isOpen = true;
-    }
-    else {
-      this.isOpen = false;
-    }
-  }
-  async listenSearchResult(e) {
-    this.searchResults = e.detail;
-    const bcmListboxx = this.el.shadowRoot.querySelector("bcm-listbox");
-    await bcmListboxx.searchResultMethod(this.searchResults);
-  }
-  handleClickOutside(e) {
-    if (!this.el.contains(e.target)) {
-      if (this.isOpen)
-        this.isOpen = false;
-    }
-    else {
-      if (this.inputLength > 0) {
-        this.isOpen = true;
-      }
-      else {
-        this.isOpen = false;
-      }
-    }
-  }
-  render() {
-    const { searchText, searchData, searchFields, searchSub, returnField, isOpen, fullWidth } = this;
-    const classes = index$1.classnames('bcm-autocomplete', {
-      'open': isOpen
-    });
-    const classesSearch = index$1.classnames('bcm-autocomplete-search');
-    const classesResult = index$1.classnames('bcm-autocomplete-result', {
-      'open': isOpen
-    });
-    const hostClasses = index$1.classnames(this.hidden ? 'hidden' : null, {
-      'full-width': fullWidth
-    });
-    return (index.h(index.Host, { class: hostClasses }, index.h("div", { class: classes }, index.h("div", { class: classesSearch }, index.h("bcm-search", { searchPlaceholder: this.searchPlaceholder, id: "autocomplete", searchValue: searchText, data: searchData, returnField: returnField, searchFields: searchFields, searchSub: searchSub, clearable: true })), index.h("div", { class: classesResult }, index.h("div", { class: "viewport" }, index.h("bcm-listbox", { searchText: searchText, _flex: "true" }))))));
-  }
-  get el() { return index.getElement(this); }
-};
-BcmAutocomplete.style = autocompleteCss;
-
-exports.bcm_autocomplete = BcmAutocomplete;

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

@@ -1,67 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ce8878ec.js');
-const index$1 = require('./index-2f62bdaf.js');
-
-const avatarCss = "@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}:host{display:inline-block}:host(.hidden){display:none}.avatar{background-color:var(--bcm-color-grey-6);color:var(--bcm-color-grey-1);display:flex;justify-content:center;align-items:center;text-transform:uppercase;line-height:normal}.avatar img{width:100%;height:100%}button.avatar{outline:none;border:none;padding:0;margin:0;cursor:pointer}.ellipse,.ellipse>img{border-radius:100%}.square,.square>img{border-radius:2px}.small{width:24px;height:24px}.medium{width:32px;height:32px}.large{width:40px;height:40px}";
-
-const types = {
-  normal: 'div',
-  button: 'button'
-};
-const iconSizes = {
-  small: '16',
-  medium: '20',
-  large: '24',
-};
-const BcmAvatar = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.plate = 'ellipse';
-    this.size = 'medium';
-    this.type = 'normal';
-    this.hidden = false;
-    this.isFallback = false;
-  }
-  handleError() {
-    this.isFallback = true;
-  }
-  getCustomSizes(customSize) {
-    return {
-      textSize: Math.round(parseInt(customSize) / 3),
-      iconSize: Math.round(parseInt(customSize) / 2),
-    };
-  }
-  getIcon(size, custom) {
-    const currentSize = custom ? this.getCustomSizes(size).iconSize : iconSizes[size];
-    return (index.h("bcm-icon", { icon: "user", type: "outlined", color: "grey-1", size: currentSize }));
-  }
-  getFirstLetters(name) {
-    const splitted = name.split(' ');
-    if (splitted.length === 1)
-      return splitted[0].substring(0, 2);
-    return splitted[0].charAt(0) + splitted[splitted.length - 1].charAt(0);
-  }
-  render() {
-    const isCustom = !Object.keys(iconSizes).includes(this.size);
-    const Wrapper = types[this.type];
-    const classes = index$1.classnames('avatar', 'size-2', this.plate, {
-      [`${this.size}`]: !isCustom
-    });
-    const customStyles = {
-      width: this.size + 'px',
-      height: this.size + 'px',
-      fontSize: this.getCustomSizes(this.size).textSize + 'px'
-    };
-    const hostClasses = index$1.classnames(this.hidden ? 'hidden' : null);
-    return (index.h(index.Host, { class: hostClasses }, index.h(Wrapper, { class: classes, style: isCustom && customStyles }, this.isFallback ? (this.name ? this.getFirstLetters(this.name) : this.getIcon(this.size, isCustom))
-      : this.image ? index.h("img", { src: this.image, alt: this.alt })
-        : this.name ? this.getFirstLetters(this.name)
-          : this.getIcon(this.size, isCustom))));
-  }
-};
-BcmAvatar.style = avatarCss;
-
-exports.bcm_avatar = BcmAvatar;