bromcom-ui 2.9.0-rc.7 → 2.9.0-rc.8

package/dist/bromcom-ui/{p-68601d61.entry.js → p-2acd6bee.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,c as i,h as o,H as t,g as s}from"./p-6d7fe687.js";import{c as l}from"./p-d65a1e21.js";import{G as p}from"./p-ce8592a0.js";import"./p-6f56f8ca.js";import"./p-940dda87.js";import"./p-4aa0e6b1.js";const a=class{constructor(o){e(this,o),this.bcmCollapseOpen=i(this,"bcm-collapse-open",7),this._id=p.UID(),this.borderless=!1,this.open=!1,this.noBorder=!1,this.hidden=!1}componentDidRender(){this.open&&this.bcmCollapseOpen.emit(this._id)}render(){const{hidden:e,borderless:i,open:s,noBorder:p,_id:a}=this,r=l("bcm-collapse",{"bcm-collapse--borderless":i,"bcm-collapse--open":s,"bcm-collapse--no-border":p});return o(t,{class:{hidden:e},id:a},o("details",{class:r,open:s},o("summary",{class:"bcm-collapse__header size-2",onClick:()=>this.open=!s},o("span",{class:"collapse-icon",innerHTML:s?'<svg style="fill: #595959; width: 14px; height: 14px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"/></svg>':'<svg style="fill: #595959; width: 14px; height: 14px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"/></svg>'}),o("slot",{name:"title"})),o("div",{class:"bcm-collapse__body"},o("slot",{name:"body"}))))}get el(){return s(this)}};a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-collapse{display:block;border:1px solid var(--bcm-color-grey-5)}.bcm-collapse ::-webkit-details-marker{display:none}.bcm-collapse__header{display:flex;align-items:center;color:var(--bcm-color-grey-9);padding:16px;background-color:var(--bcm-color-grey-2);border-bottom:1px solid var(--bcm-color-grey-5);cursor:default;user-select:none}.bcm-collapse__header:focus{outline:none}.bcm-collapse__header .collapse-icon{margin-right:8px;display:flex;align-items:center;justify-content:center}.bcm-collapse__body{padding:16px;background-color:var(--bcm-color-grey-1);color:var(--bcm-color-grey-8)}.bcm-collapse--borderless{border:none}.bcm-collapse--borderless:not(.bcm-collapse--no-border){border-bottom:1px solid var(--bcm-color-grey-5)}.bcm-collapse--borderless .bcm-collapse__header{border-bottom:none}.bcm-collapse--borderless .bcm-collapse__body{background-color:var(--bcm-color-grey-2);padding:0 40px 16px}.bcm-collapse:not(.bcm-collapse--open) .bcm-collapse__header{border-bottom:none}.bcm-collapse:not(:first-child) .collapse{border-top:none}.bcm-collapse.hidden{display:none}';export{a as bcm_collapse}
+import{r as e,c as i,h as o,H as t,g as s}from"./p-6d7fe687.js";import{c as l}from"./p-d65a1e21.js";import{G as p}from"./p-e9842c26.js";import"./p-6f56f8ca.js";import"./p-908b1b5d.js";import"./p-4aa0e6b1.js";const r=class{constructor(o){e(this,o),this.bcmCollapseOpen=i(this,"bcm-collapse-open",7),this._id=p.UID(),this.borderless=!1,this.open=!1,this.noBorder=!1,this.hidden=!1}componentDidRender(){this.open&&this.bcmCollapseOpen.emit(this._id)}render(){const{hidden:e,borderless:i,open:s,noBorder:p,_id:r}=this,a=l("bcm-collapse",{"bcm-collapse--borderless":i,"bcm-collapse--open":s,"bcm-collapse--no-border":p});return o(t,{class:{hidden:e},id:r},o("details",{class:a,open:s},o("summary",{class:"bcm-collapse__header size-2",onClick:()=>this.open=!s},o("span",{class:"collapse-icon",innerHTML:s?'<svg style="fill: #595959; width: 14px; height: 14px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"/></svg>':'<svg style="fill: #595959; width: 14px; height: 14px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"/></svg>'}),o("slot",{name:"title"})),o("div",{class:"bcm-collapse__body"},o("slot",{name:"body"}))))}get el(){return s(this)}};r.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-collapse{display:block;border:1px solid var(--bcm-color-grey-5)}.bcm-collapse ::-webkit-details-marker{display:none}.bcm-collapse__header{display:flex;align-items:center;color:var(--bcm-color-grey-9);padding:16px;background-color:var(--bcm-color-grey-2);border-bottom:1px solid var(--bcm-color-grey-5);cursor:default;user-select:none}.bcm-collapse__header:focus{outline:none}.bcm-collapse__header .collapse-icon{margin-right:8px;display:flex;align-items:center;justify-content:center}.bcm-collapse__body{padding:16px;background-color:var(--bcm-color-grey-1);color:var(--bcm-color-grey-8)}.bcm-collapse--borderless{border:none}.bcm-collapse--borderless:not(.bcm-collapse--no-border){border-bottom:1px solid var(--bcm-color-grey-5)}.bcm-collapse--borderless .bcm-collapse__header{border-bottom:none}.bcm-collapse--borderless .bcm-collapse__body{background-color:var(--bcm-color-grey-2);padding:0 40px 16px}.bcm-collapse:not(.bcm-collapse--open) .bcm-collapse__header{border-bottom:none}.bcm-collapse:not(:first-child) .collapse{border-top:none}.bcm-collapse.hidden{display:none}';export{r as bcm_collapse}

package/dist/bromcom-ui/{p-06229e3f.entry.js → p-2caa75a4.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as c,c as e,h as o,H as i,g as r}from"./p-6d7fe687.js";import{c as b}from"./p-d65a1e21.js";import{C as a}from"./p-a56e8c98.js";import{G as n}from"./p-ce8592a0.js";import{S as l}from"./p-74b2d896.js";import{a as t}from"./p-a429e85b.js";import{d as m}from"./p-3c7a0345.js";import{C as h}from"./p-2fc584c4.js";import{I as s}from"./p-54c0916c.js";import"./p-6f56f8ca.js";import"./p-940dda87.js";import"./p-4aa0e6b1.js";import"./p-8d0ca8c2.js";import"./p-436364c8.js";const x=class{constructor(o){c(this,o),this.blur=e(this,"bcm-blur",7),this.focus=e(this,"bcm-focus",7),this.change=e(this,"bcm-change",7),this.changeCheckbox=e(this,"bcm-change-checkbox",7),this._id=n.UID(),this.inGroup=!1,this.value=!1,this.checked=!1,this.name=void 0,this.disabled=!1,this.hidden=!1,this.required=!1,this.label=void 0,this.readonly=!1,this.size=t.Size.medium,this.indeterminate=null,this.color="blue",this.caption=void 0,this.noCaption=!1,this.captionError=void 0,this.captionType=t.Status.default,this.captionCache=void 0,this.captionTypeCache=void 0}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType,this.value=this.checked}componentDidRender(){this.inputElement.checked=this.checked}async onBcmFocus(){this.el.focus()}async onBcmBlur(){this.el.blur()}async setClear(){return this.check(!1),this.handleChange(),await m(10),Promise.resolve()}async resetCaption(){return await m(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await m(10),Promise.resolve()}handleChange(){this.checked=this.inputElement.checked,this.value=this.checked,this.indeterminate||(this.changeCheckbox.emit(),this.change.emit({name:this.name,value:this.checked}))}watchIndeterminate(c,e){c!=e&&(this.inputElement.checked=this.indeterminate==t.IndeterminateType.determinate,this.handleChange())}async set(c){"boolean"==typeof c&&await this.check(c)}async get(){return this.checked||!1}async check(c=!0){this.inputElement.checked=c,this.handleChange()}handleKeyUp(c){if(c.keyCode==t.KeyCode.space||c.keyCode==t.KeyCode.enter)return this.disabled||this.readonly||(this.inputElement.checked=!this.inputElement.checked,this.handleChange()),c.stopPropagation(),c.preventDefault(),!1}watchChecked(){this.checked&&this.resetCaption(),this.value=this.checked}setColor(c=this.color){if(!c)return;const e="--bcm-checkbox";return{[`${e}-primary-color-default`]:h.dsColor(c+"-500"),[`${e}-primary-color-hover`]:h.dsColor(c+"-600"),[`${e}-primary-color-focus-visible`]:h.dsColor(c+"-800"),[`${e}-primary-color-active`]:h.dsColor(c+"-700"),[`${e}-secondary-color-default`]:h.dsColor("white"),[`${e}-secondary-color-hover`]:h.dsColor("slate-50"),[`${e}-secondary-color-focus-visible`]:h.dsColor("slate-50"),[`${e}-secondary-color-active`]:h.dsColor("slate-50")}}render(){const{label:c,_id:e,indeterminate:r,hidden:n,disabled:m,checked:h,readonly:s,required:x,caption:d,captionError:p,captionType:k,noCaption:_,size:g}=this,v=b("bcm-checkbox",`bcm-checkbox-size-${g}`,{error:k==t.Status.error,hidden:n,checked:h,disabled:m,required:x,readonly:s}),u=b("bcm-checkbox__label-icon","bcm-checkbox__label-icon-lite","bcm-checkbox__label-icon-"+r,{"bcm-checkbox__label-icon-checked":h}),f=b("bcm-checkbox__label"),y=b("bcm-checkbox__input");return o(i,{tabindex:"0",onFocus:()=>this.focus.emit(this.el),onBlur:()=>this.blur.emit(this.el),style:this.setColor(this.color),class:v,disabled:m},o("span",{hidden:!0},o("slot",null)),c&&o("bcm-label",{htmlFor:`input-${e}`,type:k,value:c,required:x}),o("div",{class:y},o("input",{id:`input-${e}`,type:"checkbox",checked:h,disabled:m,required:x,readonly:s,onChange:()=>{!m&&!s&&this.handleChange()},ref:c=>this.inputElement=c}),o("label",{class:f,htmlFor:`input-${e}`},o("span",{class:u},o("bcm-icon",{icon:"far fa-check"})),o(l,{className:"slot"}))),o(a,{noCaption:_,captionType:k,captionError:p,caption:d}))}get el(){return r(this)}static get watchers(){return{indeterminate:["watchIndeterminate"],checked:["watchChecked"]}}};(function(c,e,o,i){var r,b=arguments.length,a=b<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(c,e,o,i);else for(var n=c.length-1;n>=0;n--)(r=c[n])&&(a=(b<3?r(a):b>3?r(e,o,a):r(e,o))||a);b>3&&a&&Object.defineProperty(e,o,a)})([s()],x.prototype,"el",void 0),x.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-caption-area{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:12px;line-height:calc(12px + 8px);color:var(--bcm-new-ds-color-slate-400);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;margin-top:2px}.bcm-caption-area__text{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.default{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.info{color:var(--bcm-new-ds-color-blue-500)}.bcm-caption-area__text.success{color:var(--bcm-new-ds-color-emerald-500)}.bcm-caption-area__text.warning{color:var(--bcm-new-ds-color-amber-500)}.bcm-caption-area__text.error{color:var(--bcm-new-ds-color-red-500)}.bcm-caption-area__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-caption-area__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-caption-area__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}*{box-sizing:border-box}.bcm-label{display:inline-flex;align-items:flex-start;grid-gap:2px}.bcm-label__text{margin-bottom:2px;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;color:var(--bcm-new-ds-color-slate-600)}.bcm-label__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-label__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-label__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-checkbox{outline:none;border:none;--bcm-checkbox-primary-color-default:var(--bcm-new-ds-color-blue-500);--bcm-checkbox-secondary-color-default:var(--bcm-new-ds-color-white);--bcm-checkbox-primary-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-checkbox-secondary-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-checkbox-secondary-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-active:var(--bcm-new-ds-color-blue-700);--bcm-checkbox-secondary-color-active:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-checkbox-secondary-color-disabled:var(--bcm-new-ds-color-slate-200);display:inline-flex;width:fit-content;flex-direction:column;margin-bottom:8px}.bcm-checkbox:focus,.bcm-checkbox:hover,.bcm-checkbox:active{outline:none;border:none}.bcm-checkbox *{box-sizing:border-box}.bcm-checkbox input[type=radio],.bcm-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;display:none}.bcm-checkbox__input{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;padding-top:4px}.bcm-checkbox.hidden{display:none}.bcm-checkbox :hover{cursor:pointer}.bcm-checkbox[disabled] :hover,.bcm-checkbox.disabled :hover{cursor:not-allowed}.bcm-checkbox .slot{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;color:var(--bcm-new-ds-color-slate-600)}.bcm-checkbox .slot:not(:empty){margin-left:8px;margin-right:8px}.bcm-checkbox-size-small .slot{font-size:12px;line-height:calc(12px + 8px);margin-top:-2.5px}.bcm-checkbox-size-small .bcm-checkbox__input{min-height:calc(24px - 4px)}.bcm-checkbox-size-small .bcm-checkbox__label-icon{width:14px;height:14px;min-width:14px;font-size:calc(10px - 2px)}.bcm-checkbox-size-medium .slot{font-size:calc(12px + 1px);line-height:calc(12px + 8px);margin-top:-1.5px}.bcm-checkbox-size-medium .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-medium .bcm-checkbox__label-icon{width:16px;height:16px;min-width:16px;font-size:10px}.bcm-checkbox-size-large .slot{font-size:16px;line-height:calc(16px + 8px);margin-top:-1.5px}.bcm-checkbox-size-large .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-large .bcm-checkbox__label-icon{width:18px;height:18px;min-width:18px;font-size:12px}.bcm-checkbox__label{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap}.bcm-checkbox__label-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;border-width:1px;border-style:solid;border-radius:2px}.bcm-checkbox__label-icon-indeterminate{position:relative}.bcm-checkbox__label-icon-indeterminate:after{content:"";display:block;position:absolute;width:70%;height:1.5px;background:var(--bcm-new-ds-color-white)}.bcm-checkbox__label-icon.bcm-radio__icon{width:16px;height:16px;box-sizing:border-box;border-radius:100px}.bcm-checkbox__label-icon.bcm-radio__icon .bcm-radio__icon-inner{width:10px;height:10px;border-radius:100px;background-color:var(--bcm-new-ds-color-white)}.bcm-checkbox .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-default);color:var(--bcm-checkbox-secondary-color-default);border-color:var(--bcm-new-ds-color-slate-300)}.bcm-checkbox .bcm-checkbox__label-icon-checked,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-default);border-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-default);background-color:var(--bcm-checkbox-secondary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox:hover .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-hover);color:var(--bcm-checkbox-secondary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-hover);background-color:var(--bcm-checkbox-secondary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-focus-visible);color:var(--bcm-checkbox-secondary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-focus-visible);background-color:var(--bcm-checkbox-secondary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:active .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-active);color:var(--bcm-checkbox-secondary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-active);background-color:var(--bcm-checkbox-secondary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-disabled);color:var(--bcm-checkbox-secondary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-disabled);background-color:var(--bcm-checkbox-secondary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[no-margin] .bcm-checkbox__input{margin:0;min-height:0;padding:0}';export{x as bcm_checkbox}
+import{r as c,c as e,h as o,H as i,g as r}from"./p-6d7fe687.js";import{c as b}from"./p-d65a1e21.js";import{C as a}from"./p-a56e8c98.js";import{G as n}from"./p-e9842c26.js";import{S as l}from"./p-74b2d896.js";import{a as t}from"./p-a429e85b.js";import{d as m}from"./p-3c7a0345.js";import{C as h}from"./p-2fc584c4.js";import{I as s}from"./p-54c0916c.js";import"./p-6f56f8ca.js";import"./p-908b1b5d.js";import"./p-4aa0e6b1.js";import"./p-8d0ca8c2.js";import"./p-436364c8.js";const x=class{constructor(o){c(this,o),this.blur=e(this,"bcm-blur",7),this.focus=e(this,"bcm-focus",7),this.change=e(this,"bcm-change",7),this.changeCheckbox=e(this,"bcm-change-checkbox",7),this._id=n.UID(),this.inGroup=!1,this.value=!1,this.checked=!1,this.name=void 0,this.disabled=!1,this.hidden=!1,this.required=!1,this.label=void 0,this.readonly=!1,this.size=t.Size.medium,this.indeterminate=null,this.color="blue",this.caption=void 0,this.noCaption=!1,this.captionError=void 0,this.captionType=t.Status.default,this.captionCache=void 0,this.captionTypeCache=void 0}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType,this.value=this.checked}componentDidRender(){this.inputElement.checked=this.checked}async onBcmFocus(){this.el.focus()}async onBcmBlur(){this.el.blur()}async setClear(){return this.check(!1),this.handleChange(),await m(10),Promise.resolve()}async resetCaption(){return await m(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await m(10),Promise.resolve()}handleChange(){this.checked=this.inputElement.checked,this.value=this.checked,this.indeterminate||(this.changeCheckbox.emit(),this.change.emit({name:this.name,value:this.checked}))}watchIndeterminate(c,e){c!=e&&(this.inputElement.checked=this.indeterminate==t.IndeterminateType.determinate,this.handleChange())}async set(c){"boolean"==typeof c&&await this.check(c)}async get(){return this.checked||!1}async check(c=!0){this.inputElement.checked=c,this.handleChange()}handleKeyUp(c){if(c.keyCode==t.KeyCode.space||c.keyCode==t.KeyCode.enter)return this.disabled||this.readonly||(this.inputElement.checked=!this.inputElement.checked,this.handleChange()),c.stopPropagation(),c.preventDefault(),!1}watchChecked(){this.checked&&this.resetCaption(),this.value=this.checked}setColor(c=this.color){if(!c)return;const e="--bcm-checkbox";return{[`${e}-primary-color-default`]:h.dsColor(c+"-500"),[`${e}-primary-color-hover`]:h.dsColor(c+"-600"),[`${e}-primary-color-focus-visible`]:h.dsColor(c+"-800"),[`${e}-primary-color-active`]:h.dsColor(c+"-700"),[`${e}-secondary-color-default`]:h.dsColor("white"),[`${e}-secondary-color-hover`]:h.dsColor("slate-50"),[`${e}-secondary-color-focus-visible`]:h.dsColor("slate-50"),[`${e}-secondary-color-active`]:h.dsColor("slate-50")}}render(){const{label:c,_id:e,indeterminate:r,hidden:n,disabled:m,checked:h,readonly:s,required:x,caption:d,captionError:p,captionType:k,noCaption:_,size:g}=this,v=b("bcm-checkbox",`bcm-checkbox-size-${g}`,{error:k==t.Status.error,hidden:n,checked:h,disabled:m,required:x,readonly:s}),u=b("bcm-checkbox__label-icon","bcm-checkbox__label-icon-lite","bcm-checkbox__label-icon-"+r,{"bcm-checkbox__label-icon-checked":h}),f=b("bcm-checkbox__label"),y=b("bcm-checkbox__input");return o(i,{tabindex:"0",onFocus:()=>this.focus.emit(this.el),onBlur:()=>this.blur.emit(this.el),style:this.setColor(this.color),class:v,disabled:m},o("span",{hidden:!0},o("slot",null)),c&&o("bcm-label",{htmlFor:`input-${e}`,type:k,value:c,required:x}),o("div",{class:y},o("input",{id:`input-${e}`,type:"checkbox",checked:h,disabled:m,required:x,readonly:s,onChange:()=>{!m&&!s&&this.handleChange()},ref:c=>this.inputElement=c}),o("label",{class:f,htmlFor:`input-${e}`},o("span",{class:u},o("bcm-icon",{icon:"far fa-check"})),o(l,{className:"slot"}))),o(a,{noCaption:_,captionType:k,captionError:p,caption:d}))}get el(){return r(this)}static get watchers(){return{indeterminate:["watchIndeterminate"],checked:["watchChecked"]}}};(function(c,e,o,i){var r,b=arguments.length,a=b<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(c,e,o,i);else for(var n=c.length-1;n>=0;n--)(r=c[n])&&(a=(b<3?r(a):b>3?r(e,o,a):r(e,o))||a);b>3&&a&&Object.defineProperty(e,o,a)})([s()],x.prototype,"el",void 0),x.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-caption-area{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:12px;line-height:calc(12px + 8px);color:var(--bcm-new-ds-color-slate-400);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;margin-top:2px}.bcm-caption-area__text{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.default{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.info{color:var(--bcm-new-ds-color-blue-500)}.bcm-caption-area__text.success{color:var(--bcm-new-ds-color-emerald-500)}.bcm-caption-area__text.warning{color:var(--bcm-new-ds-color-amber-500)}.bcm-caption-area__text.error{color:var(--bcm-new-ds-color-red-500)}.bcm-caption-area__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-caption-area__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-caption-area__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}*{box-sizing:border-box}.bcm-label{display:inline-flex;align-items:flex-start;grid-gap:2px}.bcm-label__text{margin-bottom:2px;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;color:var(--bcm-new-ds-color-slate-600)}.bcm-label__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-label__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-label__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-checkbox{outline:none;border:none;--bcm-checkbox-primary-color-default:var(--bcm-new-ds-color-blue-500);--bcm-checkbox-secondary-color-default:var(--bcm-new-ds-color-white);--bcm-checkbox-primary-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-checkbox-secondary-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-checkbox-secondary-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-active:var(--bcm-new-ds-color-blue-700);--bcm-checkbox-secondary-color-active:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-checkbox-secondary-color-disabled:var(--bcm-new-ds-color-slate-200);display:inline-flex;width:fit-content;flex-direction:column;margin-bottom:8px}.bcm-checkbox:focus,.bcm-checkbox:hover,.bcm-checkbox:active{outline:none;border:none}.bcm-checkbox *{box-sizing:border-box}.bcm-checkbox input[type=radio],.bcm-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;display:none}.bcm-checkbox__input{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;padding-top:4px}.bcm-checkbox.hidden{display:none}.bcm-checkbox :hover{cursor:pointer}.bcm-checkbox[disabled] :hover,.bcm-checkbox.disabled :hover{cursor:not-allowed}.bcm-checkbox .slot{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;color:var(--bcm-new-ds-color-slate-600)}.bcm-checkbox .slot:not(:empty){margin-left:8px;margin-right:8px}.bcm-checkbox-size-small .slot{font-size:12px;line-height:calc(12px + 8px);margin-top:-2.5px}.bcm-checkbox-size-small .bcm-checkbox__input{min-height:calc(24px - 4px)}.bcm-checkbox-size-small .bcm-checkbox__label-icon{width:14px;height:14px;min-width:14px;font-size:calc(10px - 2px)}.bcm-checkbox-size-medium .slot{font-size:calc(12px + 1px);line-height:calc(12px + 8px);margin-top:-1.5px}.bcm-checkbox-size-medium .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-medium .bcm-checkbox__label-icon{width:16px;height:16px;min-width:16px;font-size:10px}.bcm-checkbox-size-large .slot{font-size:16px;line-height:calc(16px + 8px);margin-top:-1.5px}.bcm-checkbox-size-large .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-large .bcm-checkbox__label-icon{width:18px;height:18px;min-width:18px;font-size:12px}.bcm-checkbox__label{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap}.bcm-checkbox__label-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;border-width:1px;border-style:solid;border-radius:2px}.bcm-checkbox__label-icon-indeterminate{position:relative}.bcm-checkbox__label-icon-indeterminate:after{content:"";display:block;position:absolute;width:70%;height:1.5px;background:var(--bcm-new-ds-color-white)}.bcm-checkbox__label-icon.bcm-radio__icon{width:16px;height:16px;box-sizing:border-box;border-radius:100px}.bcm-checkbox__label-icon.bcm-radio__icon .bcm-radio__icon-inner{width:10px;height:10px;border-radius:100px;background-color:var(--bcm-new-ds-color-white)}.bcm-checkbox .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-default);color:var(--bcm-checkbox-secondary-color-default);border-color:var(--bcm-new-ds-color-slate-300)}.bcm-checkbox .bcm-checkbox__label-icon-checked,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-default);border-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-default);background-color:var(--bcm-checkbox-secondary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox:hover .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-hover);color:var(--bcm-checkbox-secondary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-hover);background-color:var(--bcm-checkbox-secondary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-focus-visible);color:var(--bcm-checkbox-secondary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-focus-visible);background-color:var(--bcm-checkbox-secondary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:active .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-active);color:var(--bcm-checkbox-secondary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-active);background-color:var(--bcm-checkbox-secondary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-disabled);color:var(--bcm-checkbox-secondary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-disabled);background-color:var(--bcm-checkbox-secondary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[no-margin] .bcm-checkbox__input{margin:0;min-height:0;padding:0}';export{x as bcm_checkbox}

package/dist/bromcom-ui/{p-9635a90f.entry.js → p-32028f4f.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as i,c as t,h as e,H as p,g as s}from"./p-6d7fe687.js";import"./p-2fc584c4.js";import"./p-626a65e9.js";import{G as n}from"./p-ce8592a0.js";import"./p-cde20403.js";import"./p-8d0ca8c2.js";import"./p-8a860cff.js";import"./p-5ae0a59b.js";import{B as o}from"./p-a429e85b.js";import{C as a}from"./p-a56e8c98.js";import{c as r}from"./p-d65a1e21.js";import"./p-3fac58f7.js";import{L as h}from"./p-c49d038e.js";import"./p-2e73d572.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-940dda87.js";import"./p-74b2d896.js";const c=class{constructor(e){i(this,e),this.change=t(this,"bcm-change",7),this._id=n.UID(),this.name=void 0,this.value=void 0,this.required=!1,this.size="medium",this.label=void 0,this.caption=void 0,this.noCaption=!1,this.captionType=o.Status.default,this.captionError=void 0}handleSelectItem(i){const t=null==i?void 0:i.target;if(t instanceof HTMLElement){const e=i.detail,p=document.createElement("bcm-chip");p.setAttribute("value",e.id),p.innerHTML=e.text,t.parentNode.insertBefore(p,t),this.setSelect(e.id)}}handleDismiss(i){const t=null==i?void 0:i.target;t instanceof HTMLElement&&(t.remove(),this.setSelect())}handleSelect(i){const t=null==i?void 0:i.target;t instanceof HTMLElement&&("addable"===t.type?this.showListComponent(t.id):this.setSelect(t.value))}showListComponent(i){const t=document.getElementById(i+"-list");t&&t.show()}getSlots(){return this.el.querySelectorAll("bcm-chip")}setSelect(i=this.value,t=!1){const e=this.getSlots();if(0===(null==e?void 0:e.length))return;const p=Array.from(e),s=p.find((t=>t.value===i));this.value=s?i:p[0].value,p.forEach((i=>{i.selected=i.value===this.value})),t||this.change.emit(this.value)}setAttr(){const i=this.getSlots();0!==(null==i?void 0:i.length)&&Array.from(i).forEach((i=>{i.setAttribute("size",this.size)}))}componentWillLoad(){this.setSelect()}componentDidRender(){this.setAttr()}render(){const{label:i,required:t,noCaption:s,captionType:n,captionError:o,caption:c}=this,l=r("bcm-chip-group");return e(p,{class:l},i&&e("div",null,e(h,{type:n,value:i,required:t})),e("div",{class:"tw-flex tw-flex-wrap tw-gap-1"},e("slot",null)),e(a,{noCaption:s,captionType:n,captionError:o,caption:c}))}get el(){return s(this)}};c.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-chip-group .bcm-chip{cursor:pointer}';export{c as bcm_chip_group}
+import{r as i,c as t,h as e,H as p,g as s}from"./p-6d7fe687.js";import"./p-2fc584c4.js";import"./p-626a65e9.js";import{G as n}from"./p-e9842c26.js";import"./p-3a68eca1.js";import"./p-8d0ca8c2.js";import"./p-d7f10f7f.js";import"./p-5ae0a59b.js";import{B as o}from"./p-a429e85b.js";import{C as a}from"./p-a56e8c98.js";import{c as r}from"./p-d65a1e21.js";import"./p-3fac58f7.js";import{L as h}from"./p-c49d038e.js";import"./p-2e73d572.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-908b1b5d.js";import"./p-74b2d896.js";const c=class{constructor(e){i(this,e),this.change=t(this,"bcm-change",7),this._id=n.UID(),this.name=void 0,this.value=void 0,this.required=!1,this.size="medium",this.label=void 0,this.caption=void 0,this.noCaption=!1,this.captionType=o.Status.default,this.captionError=void 0}handleSelectItem(i){const t=null==i?void 0:i.target;if(t instanceof HTMLElement){const e=i.detail,p=document.createElement("bcm-chip");p.setAttribute("value",e.id),p.innerHTML=e.text,t.parentNode.insertBefore(p,t),this.setSelect(e.id)}}handleDismiss(i){const t=null==i?void 0:i.target;t instanceof HTMLElement&&(t.remove(),this.setSelect())}handleSelect(i){const t=null==i?void 0:i.target;t instanceof HTMLElement&&("addable"===t.type?this.showListComponent(t.id):this.setSelect(t.value))}showListComponent(i){const t=document.getElementById(i+"-list");t&&t.show()}getSlots(){return this.el.querySelectorAll("bcm-chip")}setSelect(i=this.value,t=!1){const e=this.getSlots();if(0===(null==e?void 0:e.length))return;const p=Array.from(e),s=p.find((t=>t.value===i));this.value=s?i:p[0].value,p.forEach((i=>{i.selected=i.value===this.value})),t||this.change.emit(this.value)}setAttr(){const i=this.getSlots();0!==(null==i?void 0:i.length)&&Array.from(i).forEach((i=>{i.setAttribute("size",this.size)}))}componentWillLoad(){this.setSelect()}componentDidRender(){this.setAttr()}render(){const{label:i,required:t,noCaption:s,captionType:n,captionError:o,caption:c}=this,l=r("bcm-chip-group");return e(p,{class:l},i&&e("div",null,e(h,{type:n,value:i,required:t})),e("div",{class:"tw-flex tw-flex-wrap tw-gap-1"},e("slot",null)),e(a,{noCaption:s,captionType:n,captionError:o,caption:c}))}get el(){return s(this)}};c.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-chip-group .bcm-chip{cursor:pointer}';export{c as bcm_chip_group}

package/dist/bromcom-ui/p-3a68eca1.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{s}from"./p-e9842c26.js";class r{}r.isNumber=r=>s((()=>/^[0-9]+$/i.test(r))),r.convertToNumber=r=>s((()=>Number(r))),r.replaceNumber=r=>s((()=>r.replace(/[^0-9]/g,""))),r.replaceFloat=r=>s((()=>r.replace(/[^0-9.]/g,""))),r.toFixed=(r,a)=>s((()=>r.toFixed(a))),r.parseFloatFixed=(a,e)=>s((()=>parseFloat(r.replaceFloat(a)).toFixed(e))),r.getDecimalLength=r=>s((()=>r.split(".")[1]?r.split(".")[1].length:0)),r.toNumber=r=>s((()=>Number(r.replace(/[^0-9.]/g,""))));export{r as N}

package/dist/bromcom-ui/{p-5a46ec8e.entry.js → p-4484ed7d.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,h as s,H as e,g as a}from"./p-6d7fe687.js";import"./p-2fc584c4.js";import"./p-626a65e9.js";import{G as i}from"./p-ce8592a0.js";import"./p-cde20403.js";import"./p-8d0ca8c2.js";import"./p-8a860cff.js";import"./p-5ae0a59b.js";import{B as r}from"./p-a429e85b.js";import{c as m}from"./p-dd422dd1.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-940dda87.js";const o=m(["bcm-avatar bcm-ui-element bcm-ui-content-display","tw-uppercase tw-inline-flex tw-items-center tw-justify-center","tw-bg-[--bcm-avatar-bg] tw-text-[--bcm-avatar-text]","[&>img]:tw-w-full [&>img]:tw-h-full"],{variants:{size:{small:["bcm-avatar__size-small tw-text-1 tw-w-6 tw-h-6"],medium:["bcm-avatar__size-medium tw-text-2 tw-w-8 tw-h-8"],large:["bcm-avatar__size-large tw-text-3 tw-w-10 tw-h-10"]},shape:{ellipse:["bcm-avatar__shape-ellipse tw-rounded-full","[&>.bcm-badge]:tw-top-0 [&>.bcm-badge]:tw-right-0","[&>img]:tw-rounded-full"],square:["bcm-avatar__shape-square tw-rounded","[&>.bcm-badge]:tw--top-0.5 [&>.bcm-badge]:tw--right-0.5","[&>img]:tw-rounded"]},status:{true:["bcm-avatar__status tw-relative [&>.bcm-badge]:tw-absolute"]}},compoundVariants:[{size:"medium",shape:"ellipse",status:!1,class:""}],defaultVariants:{size:"medium",shape:"ellipse",status:!1}}),c=class{constructor(s){t(this,s),this._id=i.UID(),this.image=void 0,this.name=void 0,this.alt=void 0,this.shape=r.Shape.ellipse,this.size=r.Size.medium,this.color=void 0,this.icon="fas fa-user",this.status=void 0,this.blink=!1,this.isFallback=!1}getFirstLetters(t){return t.split(" ").map((t=>t.charAt(0).toUpperCase())).join("").substring(0,2)}renderContent(){return this.isFallback?this.name?this.getFirstLetters(this.name):this.renderDefaultIcon():this.image?this.renderImage():this.name?this.getFirstLetters(this.name):this.renderDefaultIcon()}renderDefaultIcon(){return s("bcm-icon",{icon:this.icon})}renderImage(){return s("img",{onError:()=>this.isFallback=!0,src:this.image,alt:this.alt})}render(){const{shape:t,size:a,status:m,color:c,blink:p}=this,h=i.getTwColor({color:c,tones:{200:["bg"],700:["text"]},variable:"--bcm-avatar"}),l=Object.keys(r.BaseSize).includes(a)?{}:{width:`${a}px`,height:`${a}px`,fontSize:+a/3+"px"};return s(e,{role:"img","aria-label":this.alt||this.name||"Avatar",class:o({size:a,shape:t,status:!!m}),style:Object.assign(Object.assign({},h),l)},this.renderContent(),m&&s("bcm-badge",{status:m,blink:p,"aria-hidden":"true"}),s("slot",null))}get el(){return a(this)}};export{c as bcm_avatar}
+import{r as t,h as s,H as e,g as a}from"./p-6d7fe687.js";import"./p-2fc584c4.js";import"./p-626a65e9.js";import{G as i}from"./p-e9842c26.js";import"./p-3a68eca1.js";import"./p-8d0ca8c2.js";import"./p-d7f10f7f.js";import"./p-5ae0a59b.js";import{B as r}from"./p-a429e85b.js";import{c as m}from"./p-dd422dd1.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-908b1b5d.js";const o=m(["bcm-avatar bcm-ui-element bcm-ui-content-display","tw-uppercase tw-inline-flex tw-items-center tw-justify-center","tw-bg-[--bcm-avatar-bg] tw-text-[--bcm-avatar-text]","[&>img]:tw-w-full [&>img]:tw-h-full"],{variants:{size:{small:["bcm-avatar__size-small tw-text-1 tw-w-6 tw-h-6"],medium:["bcm-avatar__size-medium tw-text-2 tw-w-8 tw-h-8"],large:["bcm-avatar__size-large tw-text-3 tw-w-10 tw-h-10"]},shape:{ellipse:["bcm-avatar__shape-ellipse tw-rounded-full","[&>.bcm-badge]:tw-top-0 [&>.bcm-badge]:tw-right-0","[&>img]:tw-rounded-full"],square:["bcm-avatar__shape-square tw-rounded","[&>.bcm-badge]:tw--top-0.5 [&>.bcm-badge]:tw--right-0.5","[&>img]:tw-rounded"]},status:{true:["bcm-avatar__status tw-relative [&>.bcm-badge]:tw-absolute"]}},compoundVariants:[{size:"medium",shape:"ellipse",status:!1,class:""}],defaultVariants:{size:"medium",shape:"ellipse",status:!1}}),c=class{constructor(s){t(this,s),this._id=i.UID(),this.image=void 0,this.name=void 0,this.alt=void 0,this.shape=r.Shape.ellipse,this.size=r.Size.medium,this.color=void 0,this.icon="fas fa-user",this.status=void 0,this.blink=!1,this.isFallback=!1}getFirstLetters(t){return t.split(" ").map((t=>t.charAt(0).toUpperCase())).join("").substring(0,2)}renderContent(){return this.isFallback?this.name?this.getFirstLetters(this.name):this.renderDefaultIcon():this.image?this.renderImage():this.name?this.getFirstLetters(this.name):this.renderDefaultIcon()}renderDefaultIcon(){return s("bcm-icon",{icon:this.icon})}renderImage(){return s("img",{onError:()=>this.isFallback=!0,src:this.image,alt:this.alt})}render(){const{shape:t,size:a,status:m,color:c,blink:p}=this,h=i.getTwColor({color:c,tones:{200:["bg"],700:["text"]},variable:"--bcm-avatar"}),l=Object.keys(r.BaseSize).includes(a)?{}:{width:`${a}px`,height:`${a}px`,fontSize:+a/3+"px"};return s(e,{role:"img","aria-label":this.alt||this.name||"Avatar",class:o({size:a,shape:t,status:!!m}),style:Object.assign(Object.assign({},h),l)},this.renderContent(),m&&s("bcm-badge",{status:m,blink:p,"aria-hidden":"true"}),s("slot",null))}get el(){return a(this)}};export{c as bcm_avatar}

package/dist/bromcom-ui/{p-877d7d32.entry.js → p-45767d1d.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,c as i,h as n,H as t,g as a}from"./p-6d7fe687.js";import{G as s}from"./p-ce8592a0.js";import{c as p}from"./p-d65a1e21.js";import{S as o}from"./p-8d0ca8c2.js";import{C as r}from"./p-2fc584c4.js";import"./p-940dda87.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-a429e85b.js";import"./p-436364c8.js";import"./p-3c7a0345.js";const l=class{constructor(n){e(this,n),this.bcmOpen=i(this,"bcm-open",7),this.bcmClose=i(this,"bcm-close",7),this.bcmExtra=i(this,"bcm-extra",7),this._id=s.UID(),this.expanded=!1,this.disabled=!1,this.hidden=!1,this.valid=!0,this.hideToggle=!1,this.expandIconPosition="right",this.headerColor="white",this.tooltip=void 0,this.tooltipDefaultValue={message:"",placement:"top",trigger:"hover",icon:"fas fa-question-circle",color:"grey-8"}}componentWillRender(){this.restoreSlots()}componentDidLoad(){this.checkExpanded()}createTooltip(){let e;if(this.tooltip){const{tooltip:i}=this;try{e=JSON.parse(i),e=Object.assign(Object.assign({},this.tooltipDefaultValue),e)}catch(n){e=Object.assign(Object.assign({},this.tooltipDefaultValue),{message:i})}}return e}checkExpanded(){this.expanded=!!this.el.expanded}restoreSlots(){const e=this.el.querySelectorAll("bcm-expansion-panel-header, bcm-expansion-panel-description, bcm-expansion-panel-extra");e&&e.forEach((e=>{let i=o.lowercase(o.split(e.nodeName,"-").pop());e.slot=i,e.classList.add(`bcm-expansion-panel__${i}-content`);let n=e.getAttribute("color");n&&(n="white"==n?n:n+"-50",this.headerColor=n)}))}toggle(){this.disabled||(this.expanded=!this.expanded,this.expanded?this.bcmOpen.emit(this._id):this.bcmClose.emit(this._id))}clickExtra(e){e.stopPropagation(),this.bcmExtra.emit(e)}render(){const{_id:e,expanded:i,disabled:a,hidden:s,hideToggle:o,tooltip:l,valid:c}=this,{message:x,placement:h,icon:d,trigger:m,color:g}=l?this.createTooltip():{},b=p("bcm-expansion-panel",c?"bcm-expansion-panel--valid":"bcm-expansion-panel--invalid",{"bcm-expansion-panel--expanded":i,"bcm-expansion-panel--disabled":a,"bcm-expansion-panel--hide-toggle":o,"bcm-expansion-panel--icon-right":"right"===this.expandIconPosition,hidden:s});return n(t,{class:b},n("div",{class:"bcm-expansion-panel__header",onClick:()=>this.toggle(),style:{"background-color":r.dsColor(this.headerColor)}},n("div",{class:"bcm-expansion-panel__header-title"},n("span",{id:e+"-header"},n("slot",{name:"header"})),l&&n("span",{class:"bcm-expansion-panel__header-tooltip",style:Object.assign({},g&&{color:r.convertColorToHex(g)})},n("bcm-tooltip",{message:x,placement:h,trigger:m},n("bcm-icon",{color:g,icon:d}))),n("span",{id:e+"-description",class:"bcm-expansion-panel__header-title-description"},n("slot",{name:"description"}))),n("span",{id:e+"-extra",class:"bcm-expansion-panel__header-extra",onClick:e=>this.clickExtra(e)},n("slot",{name:"extra"})),!o&&n("div",{class:"bcm-expansion-panel__header-toggle"},n("bcm-icon",{icon:"far fa-chevron-down"}))),n("div",{class:"bcm-expansion-panel__body",id:e+"-body"},n("slot",null)))}get el(){return a(this)}};l.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-expansion-panel{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:block;width:100%;background-color:var(--bcm-new-ds-color-white);border-radius:8px;border:1px solid var(--bcm-new-ds-color-slate-300);box-sizing:border-box}.bcm-expansion-panel+.bcm-expansion-panel{margin-top:4px}.bcm-expansion-panel__header{display:flex;align-items:center;justify-content:flex-start;user-select:none;min-height:50px;border-radius:8px;padding:4px 24px;color:var(--bcm-new-ds-color-slate-700);font-weight:600}.bcm-expansion-panel__header-content{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:8px}.bcm-expansion-panel__header:hover{cursor:pointer}.bcm-expansion-panel__header-title{order:1;user-select:none;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px}.bcm-expansion-panel__header-title-description{margin-left:calc(4px / 2);color:var(--bcm-new-ds-color-slate-500);font-size:12px;line-height:calc(12px + 8px)}.bcm-expansion-panel__header-tooltip{line-height:1;color:var(--bcm-new-ds-color-slate-800)}.bcm-expansion-panel__header-toggle{height:100%;order:0;width:20px;display:flex;align-items:center;justify-content:center;transform:rotate(0deg);transition:transform 0.2s ease-in-out;font-size:12px}.bcm-expansion-panel__header-extra{display:none}.bcm-expansion-panel__header-extra:not(:empty){cursor:default;display:flex;align-items:center;order:5;line-height:1;padding:0 8px}.bcm-expansion-panel__header-extra .bcm-expansion-panel__extra-content{display:flex;align-items:center}.bcm-expansion-panel__body{display:none;padding:12px 24px}.bcm-expansion-panel--icon-right .bcm-expansion-panel__header{justify-content:space-between;padding-left:24px}.bcm-expansion-panel--icon-right .bcm-expansion-panel__header-toggle{order:6}.bcm-expansion-panel--invalid .bcm-expansion-panel__header-toggle,.bcm-expansion-panel--invalid .bcm-expansion-panel__header-content{color:var(--bcm-new-ds-color-red-500)}.bcm-expansion-panel--expanded{border-bottom:1px solid var(--bcm-color-grey-5)}.bcm-expansion-panel--expanded .bcm-expansion-panel__header{border-radius:8px 8px 0 0}.bcm-expansion-panel--expanded .bcm-expansion-panel__header-toggle{transform:rotate(180deg)}.bcm-expansion-panel--expanded .bcm-expansion-panel__body{display:block}';export{l as bcm_expansion_panel}
+import{r as e,c as i,h as n,H as t,g as a}from"./p-6d7fe687.js";import{G as s}from"./p-e9842c26.js";import{c as p}from"./p-d65a1e21.js";import{S as o}from"./p-8d0ca8c2.js";import{C as r}from"./p-2fc584c4.js";import"./p-908b1b5d.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-a429e85b.js";import"./p-436364c8.js";import"./p-3c7a0345.js";const l=class{constructor(n){e(this,n),this.bcmOpen=i(this,"bcm-open",7),this.bcmClose=i(this,"bcm-close",7),this.bcmExtra=i(this,"bcm-extra",7),this._id=s.UID(),this.expanded=!1,this.disabled=!1,this.hidden=!1,this.valid=!0,this.hideToggle=!1,this.expandIconPosition="right",this.headerColor="white",this.tooltip=void 0,this.tooltipDefaultValue={message:"",placement:"top",trigger:"hover",icon:"fas fa-question-circle",color:"grey-8"}}componentWillRender(){this.restoreSlots()}componentDidLoad(){this.checkExpanded()}createTooltip(){let e;if(this.tooltip){const{tooltip:i}=this;try{e=JSON.parse(i),e=Object.assign(Object.assign({},this.tooltipDefaultValue),e)}catch(n){e=Object.assign(Object.assign({},this.tooltipDefaultValue),{message:i})}}return e}checkExpanded(){this.expanded=!!this.el.expanded}restoreSlots(){const e=this.el.querySelectorAll("bcm-expansion-panel-header, bcm-expansion-panel-description, bcm-expansion-panel-extra");e&&e.forEach((e=>{let i=o.lowercase(o.split(e.nodeName,"-").pop());e.slot=i,e.classList.add(`bcm-expansion-panel__${i}-content`);let n=e.getAttribute("color");n&&(n="white"==n?n:n+"-50",this.headerColor=n)}))}toggle(){this.disabled||(this.expanded=!this.expanded,this.expanded?this.bcmOpen.emit(this._id):this.bcmClose.emit(this._id))}clickExtra(e){e.stopPropagation(),this.bcmExtra.emit(e)}render(){const{_id:e,expanded:i,disabled:a,hidden:s,hideToggle:o,tooltip:l,valid:c}=this,{message:x,placement:h,icon:d,trigger:m,color:g}=l?this.createTooltip():{},b=p("bcm-expansion-panel",c?"bcm-expansion-panel--valid":"bcm-expansion-panel--invalid",{"bcm-expansion-panel--expanded":i,"bcm-expansion-panel--disabled":a,"bcm-expansion-panel--hide-toggle":o,"bcm-expansion-panel--icon-right":"right"===this.expandIconPosition,hidden:s});return n(t,{class:b},n("div",{class:"bcm-expansion-panel__header",onClick:()=>this.toggle(),style:{"background-color":r.dsColor(this.headerColor)}},n("div",{class:"bcm-expansion-panel__header-title"},n("span",{id:e+"-header"},n("slot",{name:"header"})),l&&n("span",{class:"bcm-expansion-panel__header-tooltip",style:Object.assign({},g&&{color:r.convertColorToHex(g)})},n("bcm-tooltip",{message:x,placement:h,trigger:m},n("bcm-icon",{color:g,icon:d}))),n("span",{id:e+"-description",class:"bcm-expansion-panel__header-title-description"},n("slot",{name:"description"}))),n("span",{id:e+"-extra",class:"bcm-expansion-panel__header-extra",onClick:e=>this.clickExtra(e)},n("slot",{name:"extra"})),!o&&n("div",{class:"bcm-expansion-panel__header-toggle"},n("bcm-icon",{icon:"far fa-chevron-down"}))),n("div",{class:"bcm-expansion-panel__body",id:e+"-body"},n("slot",null)))}get el(){return a(this)}};l.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-expansion-panel{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:block;width:100%;background-color:var(--bcm-new-ds-color-white);border-radius:8px;border:1px solid var(--bcm-new-ds-color-slate-300);box-sizing:border-box}.bcm-expansion-panel+.bcm-expansion-panel{margin-top:4px}.bcm-expansion-panel__header{display:flex;align-items:center;justify-content:flex-start;user-select:none;min-height:50px;border-radius:8px;padding:4px 24px;color:var(--bcm-new-ds-color-slate-700);font-weight:600}.bcm-expansion-panel__header-content{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:8px}.bcm-expansion-panel__header:hover{cursor:pointer}.bcm-expansion-panel__header-title{order:1;user-select:none;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px}.bcm-expansion-panel__header-title-description{margin-left:calc(4px / 2);color:var(--bcm-new-ds-color-slate-500);font-size:12px;line-height:calc(12px + 8px)}.bcm-expansion-panel__header-tooltip{line-height:1;color:var(--bcm-new-ds-color-slate-800)}.bcm-expansion-panel__header-toggle{height:100%;order:0;width:20px;display:flex;align-items:center;justify-content:center;transform:rotate(0deg);transition:transform 0.2s ease-in-out;font-size:12px}.bcm-expansion-panel__header-extra{display:none}.bcm-expansion-panel__header-extra:not(:empty){cursor:default;display:flex;align-items:center;order:5;line-height:1;padding:0 8px}.bcm-expansion-panel__header-extra .bcm-expansion-panel__extra-content{display:flex;align-items:center}.bcm-expansion-panel__body{display:none;padding:12px 24px}.bcm-expansion-panel--icon-right .bcm-expansion-panel__header{justify-content:space-between;padding-left:24px}.bcm-expansion-panel--icon-right .bcm-expansion-panel__header-toggle{order:6}.bcm-expansion-panel--invalid .bcm-expansion-panel__header-toggle,.bcm-expansion-panel--invalid .bcm-expansion-panel__header-content{color:var(--bcm-new-ds-color-red-500)}.bcm-expansion-panel--expanded{border-bottom:1px solid var(--bcm-color-grey-5)}.bcm-expansion-panel--expanded .bcm-expansion-panel__header{border-radius:8px 8px 0 0}.bcm-expansion-panel--expanded .bcm-expansion-panel__header-toggle{transform:rotate(180deg)}.bcm-expansion-panel--expanded .bcm-expansion-panel__body{display:block}';export{l as bcm_expansion_panel}

package/dist/bromcom-ui/{p-d030cf23.entry.js → p-499bb928.entry.js}

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

package/dist/bromcom-ui/{p-89f86797.entry.js → p-4fd78dbb.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,f as e,h as s,H as r,g as i}from"./p-6d7fe687.js";import"./p-2fc584c4.js";import"./p-626a65e9.js";import{G as o}from"./p-ce8592a0.js";import"./p-cde20403.js";import"./p-8d0ca8c2.js";import"./p-8a860cff.js";import"./p-5ae0a59b.js";import"./p-a429e85b.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-940dda87.js";const p=class{constructor(e){t(this,e),this._id=o.UID(),this.label="",this.placeholder="",this.value="",this.required=!1,this.disabled=!1,this.readonly=!1,this.fullWidth=!1}handleChange(t){this.value=t,this.getInputElement().setValue(t),e(this.el)}getInputElement(){return this.el.querySelector("bcm-input")}getPickerElement(){return document.querySelector("#"+this._id+"-picker")}handleInputChanged(t){this.getPickerElement().color=t.detail}eyeDropper(){(new window.EyeDropper).open().then((t=>{this.handleChange(t.sRGBHex)})).catch((t=>{"NotAllowedError"===t.name?console.log("Permission to access sensor was denied."):"NotSupportedError"===t.name&&console.log("Sensor not supported.")}))}isEyeDropperSupported(){return"undefined"!=typeof window&&"EyeDropper"in window}render(){return s(r,{class:"tw-block"},s("bcm-input",{id:this._id+"-color",fullWidth:this.fullWidth,label:this.label,placeholder:this.placeholder,type:"text","onBcm-change":t=>this.handleInputChanged(t)},s("i",{slot:"prefix",class:"tw-flex tw-h-4 tw-w-4 tw-items-center tw-justify-center tw-rounded-full tw-border tw-border-gray-100",style:{backgroundColor:this.value}}),this.isEyeDropperSupported()&&s("i",{slot:"suffix",class:"far fa-eye-dropper",onClick:()=>this.eyeDropper()})),s("bcm-linked",{targetId:this._id+"-color-container"},s("bcm-colorful",{id:this._id+"-picker",color:this.value,onBcmChange:t=>this.handleChange(t.detail)})))}get el(){return i(this)}};export{p as bcm_color_input}
+import{r as t,f as e,h as s,H as r,g as i}from"./p-6d7fe687.js";import"./p-2fc584c4.js";import"./p-626a65e9.js";import{G as o}from"./p-e9842c26.js";import"./p-3a68eca1.js";import"./p-8d0ca8c2.js";import"./p-d7f10f7f.js";import"./p-5ae0a59b.js";import"./p-a429e85b.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-908b1b5d.js";const p=class{constructor(e){t(this,e),this._id=o.UID(),this.label="",this.placeholder="",this.value="",this.required=!1,this.disabled=!1,this.readonly=!1,this.fullWidth=!1}handleChange(t){this.value=t,this.getInputElement().setValue(t),e(this.el)}getInputElement(){return this.el.querySelector("bcm-input")}getPickerElement(){return document.querySelector("#"+this._id+"-picker")}handleInputChanged(t){this.getPickerElement().color=t.detail}eyeDropper(){(new window.EyeDropper).open().then((t=>{this.handleChange(t.sRGBHex)})).catch((t=>{"NotAllowedError"===t.name?console.log("Permission to access sensor was denied."):"NotSupportedError"===t.name&&console.log("Sensor not supported.")}))}isEyeDropperSupported(){return"undefined"!=typeof window&&"EyeDropper"in window}render(){return s(r,{class:"tw-block"},s("bcm-input",{id:this._id+"-color",fullWidth:this.fullWidth,label:this.label,placeholder:this.placeholder,type:"text","onBcm-change":t=>this.handleInputChanged(t)},s("i",{slot:"prefix",class:"tw-flex tw-h-4 tw-w-4 tw-items-center tw-justify-center tw-rounded-full tw-border tw-border-gray-100",style:{backgroundColor:this.value}}),this.isEyeDropperSupported()&&s("i",{slot:"suffix",class:"far fa-eye-dropper",onClick:()=>this.eyeDropper()})),s("bcm-linked",{targetId:this._id+"-color-container"},s("bcm-colorful",{id:this._id+"-picker",color:this.value,onBcmChange:t=>this.handleChange(t.detail)})))}get el(){return i(this)}};export{p as bcm_color_input}

package/dist/bromcom-ui/{p-1d1d8a3d.entry.js → p-503feae9.entry.js}

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

package/dist/bromcom-ui/{p-7359e502.entry.js → p-5d89f348.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{h as e,r as t,c as i,H as n,g as a}from"./p-6d7fe687.js";import{c as s}from"./p-d65a1e21.js";import{G as o,s as c}from"./p-ce8592a0.js";import{a as h}from"./p-a429e85b.js";import{d as r,a as l}from"./p-3c7a0345.js";import{c as p}from"./p-3cde7f38.js";import{L as d}from"./p-c49d038e.js";import{I as m}from"./p-54c0916c.js";import"./p-6f56f8ca.js";import"./p-940dda87.js";import"./p-4aa0e6b1.js";import"./p-74b2d896.js";import"./p-8d0ca8c2.js";const{state:u}=p({group:new Map,allChecked:!0,allUnchecked:!0,changeInderminate:{}}),x=e=>c((()=>u.group.get(e)),{}),g=e=>{var t;const i=x(e);let n=!0,a=!0;null===(t=i.childs)||void 0===t||t.map((e=>{e.checked&&(a=!1),!e.checked&&(n=!1)})),i.indeterminateState=n||a?n?"determinate":"uncheck":"indeterminate"},b=x,f=({customStyle:t,groupContainerClasses:i,onBcmSelect:n,items:a})=>e("div",{class:i,style:t},a.childs&&a.childs.map((t=>e("bcm-checkbox",{id:t.id,name:t.name,color:t.color,checked:t.checked,disabled:t.disabled,readonly:t.readonly,required:t.required,noCaption:t.noCaption,"no-margin":!0,size:t.size,"full-width":t.fullWidth,onClick:e=>{!t.disabled&&!t.readonly&&(n(t.id),e.preventDefault())}},t.slot||t.label))));const y=class{constructor(e){t(this,e),this.change=i(this,"bcm-change",7),this.groupCheckedList=i(this,"bcm-group-checked-list",7),this._id=o.UID(),this.direction=h.Direction.horizontal,this.items=[],this.indeterminate=!1,this.name=void 0,this.value=void 0,this.disabled=!1,this.readonly=!1,this.hidden=!1,this.required=!1,this.label=void 0,this.gap=void 0,this.defaultValue=void 0,this.fullWidth=!1,this.optionType="default",this.buttonStyle="solid",this.size=h.Size.medium,this.caption=void 0,this.noCaption=!1,this.captionType=h.Status.default,this.tick={}}componentDidLoad(){this.initState()}disconnectedCallback(){Promise.resolve(u.group.delete(this._id))}componentShouldUpdate(e,t,i){"tick"==i&&e!==t&&c((()=>b(this._id).childs.length>0),!1)&&this.getValue().then((e=>this.value=e)),this.getOptions().indexOf(i)>-1&&e!==t&&this.initState()}getOptions(){return c((()=>Object.keys(u.group.get(this._id))),[])}async initState(){const{fullWidth:e,optionType:t,buttonStyle:i,size:n,noCaption:a,defaultValue:s,label:h,required:r,captionType:l,hidden:p,direction:d,indeterminate:m,gap:x,items:g}=this,b=s&&("string"==typeof s?JSON.parse(s):s),f=g.length>0?g:await this.getCheckboxes();await(async({fullWidth:e,optionType:t,buttonStyle:i,size:n,defaultCheckedItems:a,el:s,id:h,label:r,required:l,captionType:p,hidden:d,direction:m,childs:x,indeterminate:g,gap:b,noCaption:f})=>{s&&u.group.set(h,{fullWidth:e,optionType:t,buttonStyle:i,size:n,defaultCheckedItems:a,label:r,required:l,captionType:p,hidden:d,direction:m,indeterminate:g,gap:b,noCaption:f,childs:null==x?void 0:x.map((e=>(e.checked&&(u.allUnchecked=!1),!e.checked&&(u.allChecked=!1),t&&(e.optionType=t),i&&(e.buttonStyle=i),n&&(e.size=n),a&&a.find((t=>t===e.name))&&(e.checked=!0),e.noCaption=f,{id:e.id||o.UID(),checked:e.checked||!1,name:e.name,size:e.size,buttonStyle:e.buttonStyle,optionType:e.optionType,style:e.style,noCaption:e.noCaption,color:e.color,disabled:e.disabled,readonly:e.readonly,label:e.label||e.name,slot:e.slot||c((()=>e.querySelector(".slot").textContent),e.textContent),required:e.required||l,el:e,captionType:p,hidden:d}))),indeterminateState:u.allChecked||u.allUnchecked?u.allChecked?"determinate":"uncheck":"indeterminate"})})({id:this._id,el:this.el,indeterminate:m,fullWidth:e,optionType:t,buttonStyle:i,size:n,defaultCheckedItems:b,label:h,noCaption:a,required:r,captionType:l,hidden:p,gap:x,direction:d,childs:f});const y=this.el.querySelector(`#bcm-checkbox-group__items-${this._id}`);y&&y.innerHTML&&(y.innerHTML=""),this.value=await this.getValue()}async markForCheck(){await r(10),this.tick=o.UID()}async onBcmFocus(){const e=this.getCheckboxes();e.length>0&&e[0].onBcmFocus()}async onBcmBlur(){this.el.blur()}async setClear(){return null===(t=x(e=this._id).childs)||void 0===t||t.forEach((e=>{e.checked=!1})),g(e),await r(10),this.getCheckboxes().forEach((e=>{e.setClear()})),this.markForCheck(),await r(10),Promise.resolve();var e,t}async resetCaption(){return await r(10),this.getCheckboxes().forEach((e=>{e.resetCaption()})),await r(10),Promise.resolve()}async set(e){Array.isArray(e)&&await this.check(e,!0,!0)}async get(){const e=await this.getCheckedList()&&Object.keys(await this.getCheckedList());return e.length>0?e:[]}async check(e,t=!0,i=!1){((e,t,i,n)=>{var a;const s=t&&("string"==typeof t?JSON.parse(t):t);null===(a=x(e).childs)||void 0===a||a.forEach((e=>{if(s){const t=s.find((t=>t===e.name||t.name===e.name));t?"object"==typeof t?Object.keys(t).map((n=>{e.checked="checked"===n?t[n]:i})):e.checked=i:n&&(e.checked=!1)}else e.checked=!1})),g(e)})(this._id,e,t,i),this.markForCheck()}async getValue(e){return Promise.resolve(((e,t)=>{var i;const n=x(e);let a={};return null===(i=n.childs)||void 0===i||i.map((e=>{t?e.name===t&&(a[e.name]={value:!!e.checked,name:e.name}):a[e.name]={value:!!e.checked,name:e.name}})),a})(this._id,e))}async getCheckedList(){return(e=>{var t;const i=x(e);let n={};return null===(t=i.childs)||void 0===t||t.map((e=>{!0===e.checked&&(n[e.name]={value:!!e.checked,name:e.name})})),n})(this._id)}handleItemsChange(){this.initState()}getCheckboxes(){return l(this.el,"bcm-checkbox:not(#bcm-indeterminate-element)")}async getCheckbox(e){const t=this.el.querySelector(`bcm-checkbox[id="${e}"]`);if(t){const e=t.name,i=await this.getValue(e);return{element:t,event:c((()=>i[e]),null)}}return{}}async indeterminateClick(){(e=>{var t;const i=x(e);if(!i.disabled){let n=!0;"determinate"===i.indeterminateState&&(n=!1),null===(t=x(e).childs)||void 0===t||t.map((e=>{e.checked=n})),g(e)}})(this._id),this.markForCheck()}async changeCheckBox(e){var t,i;null===(i=x((t={id:this._id,childId:e}).id).childs)||void 0===i||i.map((e=>{e.checked=e.id===t.childId?!e.checked:e.checked})),g(t.id),this.markForCheck(),await r(10),this.value=await this.getValue(),this.change.emit({value:this.value,changed:Object.assign({},await this.getCheckbox(e))}),this.groupCheckedList.emit(await this.getCheckedList())}getItems(){return b(this._id)}render(){const t=this.getItems(),{disabled:i,captionType:a,label:o,indeterminate:c,indeterminateState:h,required:r,direction:l,optionType:p,hidden:m,fullWidth:u,gap:x}=t,g=s("bcm-checkbox-group",l,p,{hidden:m,"full-width":u}),b=s("bcm-checkbox-group__container",p,{[l]:"default"===p,indeterminate:c,hidden:m,"full-width":u});return e(n,{class:g},e("span",{hidden:!0,id:`bcm-checkbox-group__items-${this._id}`},e("slot",null)),e("div",{class:"bcm-checkbox-group__label"},o&&e("div",null,e(d,{size:this.size,type:a,value:o,required:r}))),c&&e("bcm-checkbox",{onClick:e=>{this.indeterminateClick(),e.preventDefault()},"no-caption":!0,id:"bcm-indeterminate-element",indeterminate:h,disabled:i},"Check All"),e(f,{items:t,groupContainerClasses:b,customStyle:x&&{gap:x},onBcmSelect:e=>this.changeCheckBox(e)}))}get el(){return a(this)}static get watchers(){return{items:["handleItemsChange"]}}};(function(e,t,i,n){var a,s=arguments.length,o=s<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,n);else for(var c=e.length-1;c>=0;c--)(a=e[c])&&(o=(s<3?a(o):s>3?a(t,i,o):a(t,i))||o);s>3&&o&&Object.defineProperty(t,i,o)})([m()],y.prototype,"el",void 0),y.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-checkbox-group{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:8px}.bcm-checkbox-group.hidden{display:none}.bcm-checkbox-group__container{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%}.bcm-checkbox-group__container.full-width{max-width:100%}.bcm-checkbox-group__container.vertical{gap:8px;flex-direction:column}.bcm-checkbox-group__container.button{gap:unset}.bcm-checkbox-group__container.indeterminate{padding-top:16px;margin-top:16px;border-top:1px solid #efefef}';export{y as bcm_checkbox_group}
+import{h as e,r as t,c as i,H as n,g as a}from"./p-6d7fe687.js";import{c as s}from"./p-d65a1e21.js";import{G as o,s as c}from"./p-e9842c26.js";import{a as h}from"./p-a429e85b.js";import{d as r,a as l}from"./p-3c7a0345.js";import{c as p}from"./p-3cde7f38.js";import{L as d}from"./p-c49d038e.js";import{I as m}from"./p-54c0916c.js";import"./p-6f56f8ca.js";import"./p-908b1b5d.js";import"./p-4aa0e6b1.js";import"./p-74b2d896.js";import"./p-8d0ca8c2.js";const{state:u}=p({group:new Map,allChecked:!0,allUnchecked:!0,changeInderminate:{}}),x=e=>c((()=>u.group.get(e)),{}),g=e=>{var t;const i=x(e);let n=!0,a=!0;null===(t=i.childs)||void 0===t||t.map((e=>{e.checked&&(a=!1),!e.checked&&(n=!1)})),i.indeterminateState=n||a?n?"determinate":"uncheck":"indeterminate"},b=x,f=({customStyle:t,groupContainerClasses:i,onBcmSelect:n,items:a})=>e("div",{class:i,style:t},a.childs&&a.childs.map((t=>e("bcm-checkbox",{id:t.id,name:t.name,color:t.color,checked:t.checked,disabled:t.disabled,readonly:t.readonly,required:t.required,noCaption:t.noCaption,"no-margin":!0,size:t.size,"full-width":t.fullWidth,onClick:e=>{!t.disabled&&!t.readonly&&(n(t.id),e.preventDefault())}},t.slot||t.label))));const y=class{constructor(e){t(this,e),this.change=i(this,"bcm-change",7),this.groupCheckedList=i(this,"bcm-group-checked-list",7),this._id=o.UID(),this.direction=h.Direction.horizontal,this.items=[],this.indeterminate=!1,this.name=void 0,this.value=void 0,this.disabled=!1,this.readonly=!1,this.hidden=!1,this.required=!1,this.label=void 0,this.gap=void 0,this.defaultValue=void 0,this.fullWidth=!1,this.optionType="default",this.buttonStyle="solid",this.size=h.Size.medium,this.caption=void 0,this.noCaption=!1,this.captionType=h.Status.default,this.tick={}}componentDidLoad(){this.initState()}disconnectedCallback(){Promise.resolve(u.group.delete(this._id))}componentShouldUpdate(e,t,i){"tick"==i&&e!==t&&c((()=>b(this._id).childs.length>0),!1)&&this.getValue().then((e=>this.value=e)),this.getOptions().indexOf(i)>-1&&e!==t&&this.initState()}getOptions(){return c((()=>Object.keys(u.group.get(this._id))),[])}async initState(){const{fullWidth:e,optionType:t,buttonStyle:i,size:n,noCaption:a,defaultValue:s,label:h,required:r,captionType:l,hidden:p,direction:d,indeterminate:m,gap:x,items:g}=this,b=s&&("string"==typeof s?JSON.parse(s):s),f=g.length>0?g:await this.getCheckboxes();await(async({fullWidth:e,optionType:t,buttonStyle:i,size:n,defaultCheckedItems:a,el:s,id:h,label:r,required:l,captionType:p,hidden:d,direction:m,childs:x,indeterminate:g,gap:b,noCaption:f})=>{s&&u.group.set(h,{fullWidth:e,optionType:t,buttonStyle:i,size:n,defaultCheckedItems:a,label:r,required:l,captionType:p,hidden:d,direction:m,indeterminate:g,gap:b,noCaption:f,childs:null==x?void 0:x.map((e=>(e.checked&&(u.allUnchecked=!1),!e.checked&&(u.allChecked=!1),t&&(e.optionType=t),i&&(e.buttonStyle=i),n&&(e.size=n),a&&a.find((t=>t===e.name))&&(e.checked=!0),e.noCaption=f,{id:e.id||o.UID(),checked:e.checked||!1,name:e.name,size:e.size,buttonStyle:e.buttonStyle,optionType:e.optionType,style:e.style,noCaption:e.noCaption,color:e.color,disabled:e.disabled,readonly:e.readonly,label:e.label||e.name,slot:e.slot||c((()=>e.querySelector(".slot").textContent),e.textContent),required:e.required||l,el:e,captionType:p,hidden:d}))),indeterminateState:u.allChecked||u.allUnchecked?u.allChecked?"determinate":"uncheck":"indeterminate"})})({id:this._id,el:this.el,indeterminate:m,fullWidth:e,optionType:t,buttonStyle:i,size:n,defaultCheckedItems:b,label:h,noCaption:a,required:r,captionType:l,hidden:p,gap:x,direction:d,childs:f});const y=this.el.querySelector(`#bcm-checkbox-group__items-${this._id}`);y&&y.innerHTML&&(y.innerHTML=""),this.value=await this.getValue()}async markForCheck(){await r(10),this.tick=o.UID()}async onBcmFocus(){const e=this.getCheckboxes();e.length>0&&e[0].onBcmFocus()}async onBcmBlur(){this.el.blur()}async setClear(){return null===(t=x(e=this._id).childs)||void 0===t||t.forEach((e=>{e.checked=!1})),g(e),await r(10),this.getCheckboxes().forEach((e=>{e.setClear()})),this.markForCheck(),await r(10),Promise.resolve();var e,t}async resetCaption(){return await r(10),this.getCheckboxes().forEach((e=>{e.resetCaption()})),await r(10),Promise.resolve()}async set(e){Array.isArray(e)&&await this.check(e,!0,!0)}async get(){const e=await this.getCheckedList()&&Object.keys(await this.getCheckedList());return e.length>0?e:[]}async check(e,t=!0,i=!1){((e,t,i,n)=>{var a;const s=t&&("string"==typeof t?JSON.parse(t):t);null===(a=x(e).childs)||void 0===a||a.forEach((e=>{if(s){const t=s.find((t=>t===e.name||t.name===e.name));t?"object"==typeof t?Object.keys(t).map((n=>{e.checked="checked"===n?t[n]:i})):e.checked=i:n&&(e.checked=!1)}else e.checked=!1})),g(e)})(this._id,e,t,i),this.markForCheck()}async getValue(e){return Promise.resolve(((e,t)=>{var i;const n=x(e);let a={};return null===(i=n.childs)||void 0===i||i.map((e=>{t?e.name===t&&(a[e.name]={value:!!e.checked,name:e.name}):a[e.name]={value:!!e.checked,name:e.name}})),a})(this._id,e))}async getCheckedList(){return(e=>{var t;const i=x(e);let n={};return null===(t=i.childs)||void 0===t||t.map((e=>{!0===e.checked&&(n[e.name]={value:!!e.checked,name:e.name})})),n})(this._id)}handleItemsChange(){this.initState()}getCheckboxes(){return l(this.el,"bcm-checkbox:not(#bcm-indeterminate-element)")}async getCheckbox(e){const t=this.el.querySelector(`bcm-checkbox[id="${e}"]`);if(t){const e=t.name,i=await this.getValue(e);return{element:t,event:c((()=>i[e]),null)}}return{}}async indeterminateClick(){(e=>{var t;const i=x(e);if(!i.disabled){let n=!0;"determinate"===i.indeterminateState&&(n=!1),null===(t=x(e).childs)||void 0===t||t.map((e=>{e.checked=n})),g(e)}})(this._id),this.markForCheck()}async changeCheckBox(e){var t,i;null===(i=x((t={id:this._id,childId:e}).id).childs)||void 0===i||i.map((e=>{e.checked=e.id===t.childId?!e.checked:e.checked})),g(t.id),this.markForCheck(),await r(10),this.value=await this.getValue(),this.change.emit({value:this.value,changed:Object.assign({},await this.getCheckbox(e))}),this.groupCheckedList.emit(await this.getCheckedList())}getItems(){return b(this._id)}render(){const t=this.getItems(),{disabled:i,captionType:a,label:o,indeterminate:c,indeterminateState:h,required:r,direction:l,optionType:p,hidden:m,fullWidth:u,gap:x}=t,g=s("bcm-checkbox-group",l,p,{hidden:m,"full-width":u}),b=s("bcm-checkbox-group__container",p,{[l]:"default"===p,indeterminate:c,hidden:m,"full-width":u});return e(n,{class:g},e("span",{hidden:!0,id:`bcm-checkbox-group__items-${this._id}`},e("slot",null)),e("div",{class:"bcm-checkbox-group__label"},o&&e("div",null,e(d,{size:this.size,type:a,value:o,required:r}))),c&&e("bcm-checkbox",{onClick:e=>{this.indeterminateClick(),e.preventDefault()},"no-caption":!0,id:"bcm-indeterminate-element",indeterminate:h,disabled:i},"Check All"),e(f,{items:t,groupContainerClasses:b,customStyle:x&&{gap:x},onBcmSelect:e=>this.changeCheckBox(e)}))}get el(){return a(this)}static get watchers(){return{items:["handleItemsChange"]}}};(function(e,t,i,n){var a,s=arguments.length,o=s<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,n);else for(var c=e.length-1;c>=0;c--)(a=e[c])&&(o=(s<3?a(o):s>3?a(t,i,o):a(t,i))||o);s>3&&o&&Object.defineProperty(t,i,o)})([m()],y.prototype,"el",void 0),y.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-checkbox-group{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:8px}.bcm-checkbox-group.hidden{display:none}.bcm-checkbox-group__container{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%}.bcm-checkbox-group__container.full-width{max-width:100%}.bcm-checkbox-group__container.vertical{gap:8px;flex-direction:column}.bcm-checkbox-group__container.button{gap:unset}.bcm-checkbox-group__container.indeterminate{padding-top:16px;margin-top:16px;border-top:1px solid #efefef}';export{y as bcm_checkbox_group}

package/dist/bromcom-ui/{p-2987a7b4.entry.js → p-61c4745d.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,c as i,h as s,H as a,g as o}from"./p-6d7fe687.js";import"./p-2fc584c4.js";import"./p-626a65e9.js";import{G as e}from"./p-ce8592a0.js";import"./p-cde20403.js";import"./p-8d0ca8c2.js";import"./p-8a860cff.js";import"./p-5ae0a59b.js";import{d as r}from"./p-3c7a0345.js";import{B as l}from"./p-a429e85b.js";import{C as h}from"./p-a56e8c98.js";import{c}from"./p-d65a1e21.js";import"./p-3fac58f7.js";import"./p-2e73d572.js";import{I as d}from"./p-54c0916c.js";import"./p-436364c8.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-940dda87.js";const p=class{constructor(s){t(this,s),this.change=i(this,"bcm-change",7),this._id=e.UID(),this.label=void 0,this.name=void 0,this.value=null,this.defaultValue=void 0,this.size=l.Size.medium,this.disabled=void 0,this.hidden=!1,this.required=!1,this.gap=void 0,this.direction=l.Direction.horizontal,this.fullWidth=!1,this.items=[],this.caption=void 0,this.noCaption=!1,this.captionError=void 0,this.captionType=l.Status.default,this.captionCache=void 0,this.captionTypeCache=void 0}get radios(){return Array.from(this.el.querySelectorAll("bcm-radio"))}get Items(){return this.items}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType}updateValue(){var t,i,s;this.value=null!==(s=null===(i=null===(t=this.radios)||void 0===t?void 0:t.find((t=>t.checked)))||void 0===i?void 0:i.value)&&void 0!==s?s:null}setRadioUpdate(){var t;null===(t=this.radios)||void 0===t||t.forEach((t=>{t.disabled=this.disabled||t.disabled,t.size=this.size,this.defaultValue&&(t.checked=t.value==this.defaultValue)}))}watchDisabled(t,i){var s;null===(s=this.radios)||void 0===s||s.forEach((i=>i.disabled=t))}watchDefaultValue(t,i){var s;null===(s=this.radios)||void 0===s||s.forEach((i=>i.checked=i.value==t)),this.updateValue(),this.change.emit(this.value)}componentWillLoad(){this.setRadioUpdate(),this.updateValue()}handleChange(t){var i,s;t.stopPropagation(),t.preventDefault();const a=null!==(i=t.target.checked)&&void 0!==i&&i;null===(s=this.radios)||void 0===s||s.forEach((i=>{i.checked=i.id==t.target.id&&!a})),this.updateValue(),this.change.emit(this.value)}async setClear(){var t;this.value=null,null===(t=this.radios)||void 0===t||t.forEach((t=>{t.checked=!1}))}async resetCaption(){return await r(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await r(10),Promise.resolve()}async check(t,i=!0){var s;null===(s=this.radios)||void 0===s||s.forEach((s=>{s.checked=(s.id==t||s.value==t)&&i})),this.updateValue(),this.change.emit(this.value)}async get(){return this.value}async set(t){await this.check(t)}async getValue(){return this.value}render(){var t,i;const{direction:o,fullWidth:e,gap:r,label:d,size:p,required:n,disabled:u,caption:v,captionError:f,captionType:m,noCaption:j}=this;return s(a,{role:"radio-group",class:"tw-mb-2 tw-flex tw-flex-col"},d&&s("bcm-label",{type:m,value:d,required:n}),s("div",{class:c("tw-flex tw-flex-wrap",o==l.Direction.horizontal?"tw-flex-row":"tw-flex-col",e&&"tw-w-full"),style:{gap:r}},s("slot",null),(null===(t=this.Items)||void 0===t?void 0:t.length)>0&&(null===(i=this.Items)||void 0===i?void 0:i.map((t=>s("bcm-radio",{id:t.id,value:t.value,disabled:u||t.disabled,checked:t.checked,color:t.color,size:p},t.label))))),s(h,{noCaption:j,captionType:m,captionError:f,caption:v}))}get el(){return o(this)}static get watchers(){return{disabled:["watchDisabled"],defaultValue:["watchDefaultValue"]}}};!function(t,i,s,a){var o,e=arguments.length,r=e<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,s):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,s,a);else for(var l=t.length-1;l>=0;l--)(o=t[l])&&(r=(e<3?o(r):e>3?o(i,s,r):o(i,s))||r);e>3&&r&&Object.defineProperty(i,s,r)}([d()],p.prototype,"el",void 0);export{p as bcm_radio_group}
+import{r as t,c as i,h as s,H as a,g as o}from"./p-6d7fe687.js";import"./p-2fc584c4.js";import"./p-626a65e9.js";import{G as e}from"./p-e9842c26.js";import"./p-3a68eca1.js";import"./p-8d0ca8c2.js";import"./p-d7f10f7f.js";import"./p-5ae0a59b.js";import{d as r}from"./p-3c7a0345.js";import{B as l}from"./p-a429e85b.js";import{C as h}from"./p-a56e8c98.js";import{c}from"./p-d65a1e21.js";import"./p-3fac58f7.js";import"./p-2e73d572.js";import{I as d}from"./p-54c0916c.js";import"./p-436364c8.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-908b1b5d.js";const p=class{constructor(s){t(this,s),this.change=i(this,"bcm-change",7),this._id=e.UID(),this.label=void 0,this.name=void 0,this.value=null,this.defaultValue=void 0,this.size=l.Size.medium,this.disabled=void 0,this.hidden=!1,this.required=!1,this.gap=void 0,this.direction=l.Direction.horizontal,this.fullWidth=!1,this.items=[],this.caption=void 0,this.noCaption=!1,this.captionError=void 0,this.captionType=l.Status.default,this.captionCache=void 0,this.captionTypeCache=void 0}get radios(){return Array.from(this.el.querySelectorAll("bcm-radio"))}get Items(){return this.items}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType}updateValue(){var t,i,s;this.value=null!==(s=null===(i=null===(t=this.radios)||void 0===t?void 0:t.find((t=>t.checked)))||void 0===i?void 0:i.value)&&void 0!==s?s:null}setRadioUpdate(){var t;null===(t=this.radios)||void 0===t||t.forEach((t=>{t.disabled=this.disabled||t.disabled,t.size=this.size,this.defaultValue&&(t.checked=t.value==this.defaultValue)}))}watchDisabled(t,i){var s;null===(s=this.radios)||void 0===s||s.forEach((i=>i.disabled=t))}watchDefaultValue(t,i){var s;null===(s=this.radios)||void 0===s||s.forEach((i=>i.checked=i.value==t)),this.updateValue(),this.change.emit(this.value)}componentWillLoad(){this.setRadioUpdate(),this.updateValue()}handleChange(t){var i,s;t.stopPropagation(),t.preventDefault();const a=null!==(i=t.target.checked)&&void 0!==i&&i;null===(s=this.radios)||void 0===s||s.forEach((i=>{i.checked=i.id==t.target.id&&!a})),this.updateValue(),this.change.emit(this.value)}async setClear(){var t;this.value=null,null===(t=this.radios)||void 0===t||t.forEach((t=>{t.checked=!1}))}async resetCaption(){return await r(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await r(10),Promise.resolve()}async check(t,i=!0){var s;null===(s=this.radios)||void 0===s||s.forEach((s=>{s.checked=(s.id==t||s.value==t)&&i})),this.updateValue(),this.change.emit(this.value)}async get(){return this.value}async set(t){await this.check(t)}async getValue(){return this.value}render(){var t,i;const{direction:o,fullWidth:e,gap:r,label:d,size:p,required:n,disabled:u,caption:v,captionError:f,captionType:m,noCaption:b}=this;return s(a,{role:"radio-group",class:"tw-mb-2 tw-flex tw-flex-col"},d&&s("bcm-label",{type:m,value:d,required:n}),s("div",{class:c("tw-flex tw-flex-wrap",o==l.Direction.horizontal?"tw-flex-row":"tw-flex-col",e&&"tw-w-full"),style:{gap:r}},s("slot",null),(null===(t=this.Items)||void 0===t?void 0:t.length)>0&&(null===(i=this.Items)||void 0===i?void 0:i.map((t=>s("bcm-radio",{id:t.id,value:t.value,disabled:u||t.disabled,checked:t.checked,color:t.color,size:p},t.label))))),s(h,{noCaption:b,captionType:m,captionError:f,caption:v}))}get el(){return o(this)}static get watchers(){return{disabled:["watchDisabled"],defaultValue:["watchDefaultValue"]}}};!function(t,i,s,a){var o,e=arguments.length,r=e<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,s):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,s,a);else for(var l=t.length-1;l>=0;l--)(o=t[l])&&(r=(e<3?o(r):e>3?o(i,s,r):o(i,s))||r);e>3&&r&&Object.defineProperty(i,s,r)}([d()],p.prototype,"el",void 0);export{p as bcm_radio_group}

package/dist/bromcom-ui/{p-376f2520.entry.js → p-65f01d32.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as i,c,h as e,H as t,g as o}from"./p-6d7fe687.js";import{c as s}from"./p-d65a1e21.js";import{C as a}from"./p-2fc584c4.js";import{G as h}from"./p-ce8592a0.js";import"./p-6f56f8ca.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-4aa0e6b1.js";import"./p-940dda87.js";const p=class{constructor(e){i(this,e),this.bcmChipDismiss=c(this,"bcm-chip-dismiss",7),this.bcmChipSelect=c(this,"bcm-chip-select",7),this.bcmChipAddable=c(this,"bcm-chip-addable",7),this.bcmChipSelectItem=c(this,"bcm-chip-select-item",7),this._id=h.UID(),this.type="default",this.size="medium",this.avatar=void 0,this.icon=void 0,this.disabled=void 0,this.color=void 0,this.selected=!1,this.value=void 0,this.data=[]}setColor(){if(!this.color&&!this.selected)return;const i=this.selected?"indigo":this.color;return{"--bcm-chip-color":a.dsColor(i+"-500"),"--bcm-chip-color-hover":a.dsColor(i+"-500"),"--bcm-chip-color-focus":a.dsColor(i+"-600"),"--bcm-chip-color-active":a.dsColor(i+"-700"),"--bcm-chip-color-disabled":a.dsColor("slate-300"),"--bcm-chip-background-color":a.dsColor(i+"-100"),"--bcm-chip-background-color-hover":a.dsColor(i+"-200"),"--bcm-chip-background-color-focus":a.dsColor(i+"-300"),"--bcm-chip-background-color-active":a.dsColor(i+"-200"),"--bcm-chip-background-color-disabled":a.dsColor("slate-100")}}handleDismiss(i){i.stopPropagation(),i.preventDefault(),this.bcmChipDismiss.emit(this.el)}handleAddable(i){i.stopPropagation(),i.preventDefault(),this.bcmChipAddable.emit(this.el)}listSelectedItems(i){i.stopPropagation(),i.preventDefault(),i.detail&&(this.bcmChipSelectItem.emit(i.detail),i.target.setClear(),this.data=this.data.filter((c=>c.id!==i.detail.id)))}render(){const{type:i,size:c,avatar:o,disabled:a,color:h}=this,p=s("bcm-chip",`bcm-chip__type-${i}`,`bcm-chip__size-${c}`,{"bcm-chip--disabled":a,"bcm-chip--avatar":o});return e(t,{class:p,tabindex:"0",disabled:a,style:this.setColor(),onClick:i=>this.bcmChipSelect.emit(i)},e("div",{class:s(this.selected?"bcm-chip--selected-icon":"tw-hidden tw-w-0")},e("bcm-icon",{icon:"fal fa-check"})),o&&e("bcm-avatar",Object.assign({size:c},h&&{color:h},o&&{image:o})),"addable"===i&&e("span",{class:"bcm-chip__left"},e("bcm-icon",{onClick:i=>this.handleAddable(i),icon:"far fa-plus"})),e("slot",null),"dismissable"===i&&e("span",{class:"bcm-chip__type-dismissable-icon"},e("bcm-icon",{onClick:i=>this.handleDismiss(i),icon:"fal fa-times"})),this.data&&this.data.length>0&&e("bcm-list",{"onBcm-change":i=>this.listSelectedItems(i),id:this._id+"-list",data:this.data,linkedComponent:this._id,searchable:!0,highlight:!0}))}get el(){return o(this)}};p.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-chip{--bcm-chip-color:var(--bcm-new-ds-color-slate-500);--bcm-chip-color-hover:var(--bcm-new-ds-color-slate-500);--bcm-chip-color-focus:var(--bcm-new-ds-color-slate-700);--bcm-chip-color-active:var(--bcm-new-ds-color-slate-700);--bcm-chip-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color:var(--bcm-new-ds-color-slate-200);--bcm-chip-background-color-hover:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color-focus:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color-active:var(--bcm-new-ds-color-slate-400);--bcm-chip-background-color-disabled:var(--bcm-new-ds-color-slate-100);display:inline-flex;justify-content:center;align-items:center;width:fit-content;height:fit-content;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;padding:0 8px;gap:4px;color:var(--bcm-chip-color);background-color:var(--bcm-chip-background-color);border-radius:100px;transition:background-color 0.1s ease-in-out;outline:none}.bcm-chip:not(.bcm-chip--disabled):hover{background-color:var(--bcm-chip-background-color-hover)}.bcm-chip:not(.bcm-chip--disabled):focus{background-color:var(--bcm-chip-background-color-focus);color:var(--bcm-chip-color-focus)}.bcm-chip:not(.bcm-chip--disabled):active{background-color:var(--bcm-chip-background-color-active);color:var(--bcm-chip-color-active)}.bcm-chip--disabled{color:var(--bcm-chip-color-disabled);background-color:var(--bcm-chip-background-color-disabled)}.bcm-chip--avatar{padding-left:2px}.bcm-chip__type-dismissable-icon:hover{cursor:pointer;color:var(--bcm-chip-color-active)}.bcm-chip__size-small{font-size:10px;line-height:calc(10px + 8px)}.bcm-chip__size-small .bcm-avatar{width:14px;height:14px}.bcm-chip__size-small .bcm-chip--selected-icon{width:8px}.bcm-chip__size-medium{font-size:12px;line-height:calc(12px + 8px)}.bcm-chip__size-medium .bcm-avatar{width:16px;height:16px}.bcm-chip__size-medium .bcm-chip--selected-icon{width:10px}.bcm-chip__size-large{font-size:14px;line-height:calc(14px + 8px)}.bcm-chip__size-large .bcm-avatar{width:18px;height:18px}.bcm-chip__size-large .bcm-chip--selected-icon{width:12px}';export{p as bcm_chip}
+import{r as i,c,h as e,H as t,g as o}from"./p-6d7fe687.js";import{c as s}from"./p-d65a1e21.js";import{C as a}from"./p-2fc584c4.js";import{G as h}from"./p-e9842c26.js";import"./p-6f56f8ca.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-4aa0e6b1.js";import"./p-908b1b5d.js";const p=class{constructor(e){i(this,e),this.bcmChipDismiss=c(this,"bcm-chip-dismiss",7),this.bcmChipSelect=c(this,"bcm-chip-select",7),this.bcmChipAddable=c(this,"bcm-chip-addable",7),this.bcmChipSelectItem=c(this,"bcm-chip-select-item",7),this._id=h.UID(),this.type="default",this.size="medium",this.avatar=void 0,this.icon=void 0,this.disabled=void 0,this.color=void 0,this.selected=!1,this.value=void 0,this.data=[]}setColor(){if(!this.color&&!this.selected)return;const i=this.selected?"indigo":this.color;return{"--bcm-chip-color":a.dsColor(i+"-500"),"--bcm-chip-color-hover":a.dsColor(i+"-500"),"--bcm-chip-color-focus":a.dsColor(i+"-600"),"--bcm-chip-color-active":a.dsColor(i+"-700"),"--bcm-chip-color-disabled":a.dsColor("slate-300"),"--bcm-chip-background-color":a.dsColor(i+"-100"),"--bcm-chip-background-color-hover":a.dsColor(i+"-200"),"--bcm-chip-background-color-focus":a.dsColor(i+"-300"),"--bcm-chip-background-color-active":a.dsColor(i+"-200"),"--bcm-chip-background-color-disabled":a.dsColor("slate-100")}}handleDismiss(i){i.stopPropagation(),i.preventDefault(),this.bcmChipDismiss.emit(this.el)}handleAddable(i){i.stopPropagation(),i.preventDefault(),this.bcmChipAddable.emit(this.el)}listSelectedItems(i){i.stopPropagation(),i.preventDefault(),i.detail&&(this.bcmChipSelectItem.emit(i.detail),i.target.setClear(),this.data=this.data.filter((c=>c.id!==i.detail.id)))}render(){const{type:i,size:c,avatar:o,disabled:a,color:h}=this,p=s("bcm-chip",`bcm-chip__type-${i}`,`bcm-chip__size-${c}`,{"bcm-chip--disabled":a,"bcm-chip--avatar":o});return e(t,{class:p,tabindex:"0",disabled:a,style:this.setColor(),onClick:i=>this.bcmChipSelect.emit(i)},e("div",{class:s(this.selected?"bcm-chip--selected-icon":"tw-hidden tw-w-0")},e("bcm-icon",{icon:"fal fa-check"})),o&&e("bcm-avatar",Object.assign({size:c},h&&{color:h},o&&{image:o})),"addable"===i&&e("span",{class:"bcm-chip__left"},e("bcm-icon",{onClick:i=>this.handleAddable(i),icon:"far fa-plus"})),e("slot",null),"dismissable"===i&&e("span",{class:"bcm-chip__type-dismissable-icon"},e("bcm-icon",{onClick:i=>this.handleDismiss(i),icon:"fal fa-times"})),this.data&&this.data.length>0&&e("bcm-list",{"onBcm-change":i=>this.listSelectedItems(i),id:this._id+"-list",data:this.data,linkedComponent:this._id,searchable:!0,highlight:!0}))}get el(){return o(this)}};p.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-chip{--bcm-chip-color:var(--bcm-new-ds-color-slate-500);--bcm-chip-color-hover:var(--bcm-new-ds-color-slate-500);--bcm-chip-color-focus:var(--bcm-new-ds-color-slate-700);--bcm-chip-color-active:var(--bcm-new-ds-color-slate-700);--bcm-chip-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color:var(--bcm-new-ds-color-slate-200);--bcm-chip-background-color-hover:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color-focus:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color-active:var(--bcm-new-ds-color-slate-400);--bcm-chip-background-color-disabled:var(--bcm-new-ds-color-slate-100);display:inline-flex;justify-content:center;align-items:center;width:fit-content;height:fit-content;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;padding:0 8px;gap:4px;color:var(--bcm-chip-color);background-color:var(--bcm-chip-background-color);border-radius:100px;transition:background-color 0.1s ease-in-out;outline:none}.bcm-chip:not(.bcm-chip--disabled):hover{background-color:var(--bcm-chip-background-color-hover)}.bcm-chip:not(.bcm-chip--disabled):focus{background-color:var(--bcm-chip-background-color-focus);color:var(--bcm-chip-color-focus)}.bcm-chip:not(.bcm-chip--disabled):active{background-color:var(--bcm-chip-background-color-active);color:var(--bcm-chip-color-active)}.bcm-chip--disabled{color:var(--bcm-chip-color-disabled);background-color:var(--bcm-chip-background-color-disabled)}.bcm-chip--avatar{padding-left:2px}.bcm-chip__type-dismissable-icon:hover{cursor:pointer;color:var(--bcm-chip-color-active)}.bcm-chip__size-small{font-size:10px;line-height:calc(10px + 8px)}.bcm-chip__size-small .bcm-avatar{width:14px;height:14px}.bcm-chip__size-small .bcm-chip--selected-icon{width:8px}.bcm-chip__size-medium{font-size:12px;line-height:calc(12px + 8px)}.bcm-chip__size-medium .bcm-avatar{width:16px;height:16px}.bcm-chip__size-medium .bcm-chip--selected-icon{width:10px}.bcm-chip__size-large{font-size:14px;line-height:calc(14px + 8px)}.bcm-chip__size-large .bcm-avatar{width:18px;height:18px}.bcm-chip__size-large .bcm-chip--selected-icon{width:12px}';export{p as bcm_chip}

package/dist/bromcom-ui/{p-26ef712b.entry.js → p-6aeaef2a.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,c as i,h as r,H as t,g as a}from"./p-6d7fe687.js";import{c as n}from"./p-d65a1e21.js";import{G as s}from"./p-ce8592a0.js";import"./p-6f56f8ca.js";import"./p-940dda87.js";import"./p-4aa0e6b1.js";const c=class{constructor(r){e(this,r),this.bcmBreadcrumb=i(this,"bcm-breadcrumb-click",7),this.items=void 0,this.seperator="/",this.hidden=!1,this.isOpen=!1}handleClickOutside(e){this.el.contains(e.target)||this.isOpen&&(this.isOpen=!1)}handleOpen(e){this.isOpen=this.isOpen!=e&&e}parseItem(e,i){return e.index=i,e.id=e.id||s.UID(),e}render(){const{items:e,seperator:i,hidden:a}=this,c=n("bcm-breadcrumb","size-2",{hidden:a}),o=i=>r("bcm-link",Object.assign({id:i.id||s.UID(),onClick:()=>this.bcmBreadcrumb.emit(i),target:i.target&&i.index<e.length-1?i.target:"_self"},(1==i.child||i.index<e.length-1)&&i.href&&{href:i.href},{icon:i.icon?i.icon:null,class:n({active:i.index===e.length-1,"is-link":(1==i.child||i.index<e.length-1)&&i.href})}),i.label?i.label:null),m=i=>r("details",{class:n("bcm-breadcrumb__dropdown-item",{active:i.index===e.length-1,open:this.isOpen===i.id}),id:i.id,open:this.isOpen===i.id},r("summary",{onClick:()=>this.handleOpen(i.id),class:this.isOpen===i.id&&"open"},r("span",{class:"is-link"},r(o,Object.assign({},{icon:i.icon,label:i.label,href:"javascript:void(0)",index:i.index})),r("bcm-icon",{icon:"fas fa-caret-down"}))),r("div",{class:"bcm-breadcrumb__dropdown-submenu"},i.dropdown.map((e=>r("span",{class:"size-2 dropdown-item"},r(o,Object.assign({},e,{child:!0})))))));return r(t,{class:c},r("span",{hidden:!0},r("slot",null)),e.map(((t,a)=>r("span",{class:"bcm-breadcrumb__item"},t.dropdown&&t.dropdown.length>0?m(this.parseItem(t,a)):o(this.parseItem(t,a)),a<e.length-1?r("span",{class:"seperator"},i):null))))}get el(){return a(this)}};c.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;color:var(--bcm-color-grey-7)}.bcm-breadcrumb__item{display:flex;align-items:center}.bcm-breadcrumb .seperator{cursor:default;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;margin-right:8px;color:var(--bcm-color-grey-7)}.bcm-breadcrumb bcm-link:hover{color:var(--bcm-color-grey-7)}.bcm-breadcrumb .active{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .active:hover{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .is-link:hover{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb .is-link:hover bcm-link,.bcm-breadcrumb .is-link:hover bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item{position:relative;display:inline-flex}.bcm-breadcrumb__dropdown-item summary{display:inline-flex;align-items:center;cursor:pointer}.bcm-breadcrumb__dropdown-item summary>span{display:inline-flex;align-items:center}.bcm-breadcrumb__dropdown-item summary::-webkit-details-marker{display:none}.bcm-breadcrumb__dropdown-item summary:focus{outline:none}.bcm-breadcrumb__dropdown-item summary.open bcm-link,.bcm-breadcrumb__dropdown-item summary.open bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item summary .down-icon{margin-left:4px}.bcm-breadcrumb__dropdown-submenu{position:absolute;min-width:140px;background-color:var(--bcm-color-grey-1);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);margin-top:4px}.bcm-breadcrumb__dropdown-submenu .dropdown-item{display:flex;padding:4px 8px}.bcm-breadcrumb__dropdown-submenu .dropdown-item bcm-link{width:100%}';export{c as bcm_breadcrumb}
+import{r as e,c as i,h as r,H as t,g as a}from"./p-6d7fe687.js";import{c as n}from"./p-d65a1e21.js";import{G as s}from"./p-e9842c26.js";import"./p-6f56f8ca.js";import"./p-908b1b5d.js";import"./p-4aa0e6b1.js";const c=class{constructor(r){e(this,r),this.bcmBreadcrumb=i(this,"bcm-breadcrumb-click",7),this.items=void 0,this.seperator="/",this.hidden=!1,this.isOpen=!1}handleClickOutside(e){this.el.contains(e.target)||this.isOpen&&(this.isOpen=!1)}handleOpen(e){this.isOpen=this.isOpen!=e&&e}parseItem(e,i){return e.index=i,e.id=e.id||s.UID(),e}render(){const{items:e,seperator:i,hidden:a}=this,c=n("bcm-breadcrumb","size-2",{hidden:a}),o=i=>r("bcm-link",Object.assign({id:i.id||s.UID(),onClick:()=>this.bcmBreadcrumb.emit(i),target:i.target&&i.index<e.length-1?i.target:"_self"},(1==i.child||i.index<e.length-1)&&i.href&&{href:i.href},{icon:i.icon?i.icon:null,class:n({active:i.index===e.length-1,"is-link":(1==i.child||i.index<e.length-1)&&i.href})}),i.label?i.label:null),m=i=>r("details",{class:n("bcm-breadcrumb__dropdown-item",{active:i.index===e.length-1,open:this.isOpen===i.id}),id:i.id,open:this.isOpen===i.id},r("summary",{onClick:()=>this.handleOpen(i.id),class:this.isOpen===i.id&&"open"},r("span",{class:"is-link"},r(o,Object.assign({},{icon:i.icon,label:i.label,href:"javascript:void(0)",index:i.index})),r("bcm-icon",{icon:"fas fa-caret-down"}))),r("div",{class:"bcm-breadcrumb__dropdown-submenu"},i.dropdown.map((e=>r("span",{class:"size-2 dropdown-item"},r(o,Object.assign({},e,{child:!0})))))));return r(t,{class:c},r("span",{hidden:!0},r("slot",null)),e.map(((t,a)=>r("span",{class:"bcm-breadcrumb__item"},t.dropdown&&t.dropdown.length>0?m(this.parseItem(t,a)):o(this.parseItem(t,a)),a<e.length-1?r("span",{class:"seperator"},i):null))))}get el(){return a(this)}};c.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;color:var(--bcm-color-grey-7)}.bcm-breadcrumb__item{display:flex;align-items:center}.bcm-breadcrumb .seperator{cursor:default;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;margin-right:8px;color:var(--bcm-color-grey-7)}.bcm-breadcrumb bcm-link:hover{color:var(--bcm-color-grey-7)}.bcm-breadcrumb .active{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .active:hover{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .is-link:hover{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb .is-link:hover bcm-link,.bcm-breadcrumb .is-link:hover bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item{position:relative;display:inline-flex}.bcm-breadcrumb__dropdown-item summary{display:inline-flex;align-items:center;cursor:pointer}.bcm-breadcrumb__dropdown-item summary>span{display:inline-flex;align-items:center}.bcm-breadcrumb__dropdown-item summary::-webkit-details-marker{display:none}.bcm-breadcrumb__dropdown-item summary:focus{outline:none}.bcm-breadcrumb__dropdown-item summary.open bcm-link,.bcm-breadcrumb__dropdown-item summary.open bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item summary .down-icon{margin-left:4px}.bcm-breadcrumb__dropdown-submenu{position:absolute;min-width:140px;background-color:var(--bcm-color-grey-1);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);margin-top:4px}.bcm-breadcrumb__dropdown-submenu .dropdown-item{display:flex;padding:4px 8px}.bcm-breadcrumb__dropdown-submenu .dropdown-item bcm-link{width:100%}';export{c as bcm_breadcrumb}

package/dist/bromcom-ui/{p-2395d0c2.entry.js → p-6bcaf906.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,h as s,H as r,g as i}from"./p-6d7fe687.js";import{c as t}from"./p-d65a1e21.js";import{C as o}from"./p-2fc584c4.js";import{G as c}from"./p-ce8592a0.js";import{a as l}from"./p-a429e85b.js";import"./p-6f56f8ca.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-4aa0e6b1.js";import"./p-940dda87.js";const n={small:{textSize:"size-3",iconSize:22,circleSize:80,radius:36},medium:{textSize:"size-5",iconSize:30,circleSize:120,radius:52}},a=class{constructor(s){e(this,s),this._id=c.UID(),this.value=0,this.max=100,this.size=l.Size.medium,this.type="line-rounded",this.info=null,this.error=!1,this.hidden=!1,this.fullWidth=!1,this.color="blue",this.isCompleted=!1}connectedCallback(){this.maxPercent(this.value)}componentDidRender(){const e=this.el.querySelector("#circle");if(e){const s=2*e.r.baseVal.value*Math.PI,r=s-this.value/this.max*s;e.style.strokeDasharray=`${s} ${s}`,e.style.strokeDashoffset=`${s}`,e.style.strokeDashoffset=`${r}`}}componentShouldUpdate(e,s,r){"value"===r&&e!==s&&this.handlePercent(e),"max"===r&&e!==s&&this.value>e&&(this.value=e)}maxPercent(e){e>=this.max&&(this.value=this.max,this.isCompleted=!0),e<this.max&&(this.isCompleted=!1),e<=0&&(this.value=0)}async increment(e){this.handlePercent(+e,"increment")}async decrement(e){this.handlePercent(+e,"decrement")}async set(e){this.handlePercent(+e,"set")}handlePercent(e,s="set"){if(!e&&0!=e||"number"!=typeof e)this.error=!0;else{switch(s){case"increment":this.value+=e;break;case"decrement":this.value-=e;break;case"set":this.value=e}this.maxPercent(this.value),this.error=!1}}getIcon(e="line"){if(this.error||"icon"===this.info&&this.isCompleted)return s("bcm-icon",{icon:"far fa-"+(this.error?"times":"check")+("line"===e?"-circle":"")})}render(){const{type:e,hidden:i,error:c,size:l,isCompleted:a,value:p,fullWidth:h}=this,m="icon"===this.info,{circleSize:g,radius:d,textSize:x}=n[this.size],b=+g/2,u=t({completed:m&&a,error:c}),f=t("bcm-progress__line-progress",l,e,u),z=t("bcm-progress__circle-circle","bar",u),_={width:`${g}px`,height:`${g}px`},w=t("bcm-progress",{hidden:i,"full-width":h});return s(r,{class:w,style:{"--bcm-progress-color":o.dsColor(this.color)}},s("circle"===e?()=>s("div",{class:"bcm-progress__circle",style:_},s("svg",{width:g,height:g},s("circle",{r:d,cx:b,cy:b,class:"bcm-progress__circle-circle"}),s("circle",{r:d,cx:b,cy:b,class:z,id:"circle"}),this.info&&"icon"!=this.info&&!this.error&&s("text",{x:b,y:b,"text-anchor":"middle",class:x,"alignment-baseline":"middle"},"value-max"===this.info&&p+"/"+this.max,"value"===this.info&&{value:p},"percent"===this.info&&100/this.max*+p+"%")),this.getIcon("circle")):()=>s("div",{class:"bcm-progress__line"},s("progress",{class:f,value:p,max:this.max}),"value-max"===this.info&&s("span",{class:"value"},p,"/",this.max," "),"value"===this.info&&s("span",{class:"value"},p," "),"percent"===this.info&&s("span",{class:"value"},100/this.max*+p,"%"),"icon"===this.info&&s("span",{class:"value"},this.getIcon("line"))),null))}get el(){return i(this)}};a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-progress{--bcm-progress-color:var(--bcm-new-ds-color-blue-500);display:inline-block;min-width:50px;width:100%;max-width:256px;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400}.bcm-progress.full-width{width:100%;max-width:100%;min-width:auto}.bcm-progress__line{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;min-height:8px}.bcm-progress__line .value{margin-left:8px;color:var(--bcm-new-ds-color-slate-500);min-width:32px;font-size:14px;min-height:calc(14px + 8px);font-weight:500}.bcm-progress__line-progress{width:100%;flex:1;height:8px;border:0 none;background:var(--bcm-new-ds-color-slate-200);appearance:none}.bcm-progress__line-progress.small{height:6px}.bcm-progress__line-progress.line-rounded,.bcm-progress__line-progress.line-rounded::-webkit-progress-value{border-radius:8px}.bcm-progress__line-progress.line-rounded::-moz-progress-bar{border-radius:8px}.bcm-progress__line-progress.completed::-webkit-progress-value{background-color:var(--bcm-progress-color)}.bcm-progress__line-progress.completed::-moz-progress-bar{background-color:var(--bcm-progress-color)}.bcm-progress__line-progress.error::-webkit-progress-value{background-color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress.error::-moz-progress-bar{background-color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress.error .value{color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress::-webkit-progress-bar{background:transparent}.bcm-progress__line-progress::-webkit-progress-value{background-color:var(--bcm-progress-color);transition:0.3s}.bcm-progress__line-progress::-moz-progress-bar{background-color:var(--bcm-progress-color);transition:0.3s}.bcm-progress__circle{position:relative}.bcm-progress__circle bcm-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.bcm-progress__circle text{fill:var(--bcm-new-ds-color-slate-500);font-size:18px;line-height:calc(18px + 8px);font-weight:500}.bcm-progress__circle-circle{transition:0.35s stroke-dashoffset, 0.1s stroke;transform:rotate(-90deg);transform-origin:50% 50%;stroke:#F5F5F5;stroke-width:6px;fill:transparent}.bcm-progress__circle-circle.bar{stroke:var(--bcm-progress-color)}.bcm-progress__circle-circle.completed{stroke:var(--bcm-new-ds-color-emerald-500)}.bcm-progress__circle-circle.error{stroke:var(--bcm-new-ds-color-red-500)}';export{a as bcm_progress}
+import{r as e,h as s,H as r,g as i}from"./p-6d7fe687.js";import{c as t}from"./p-d65a1e21.js";import{C as o}from"./p-2fc584c4.js";import{G as c}from"./p-e9842c26.js";import{a as l}from"./p-a429e85b.js";import"./p-6f56f8ca.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-4aa0e6b1.js";import"./p-908b1b5d.js";const n={small:{textSize:"size-3",iconSize:22,circleSize:80,radius:36},medium:{textSize:"size-5",iconSize:30,circleSize:120,radius:52}},p=class{constructor(s){e(this,s),this._id=c.UID(),this.value=0,this.max=100,this.size=l.Size.medium,this.type="line-rounded",this.info=null,this.error=!1,this.hidden=!1,this.fullWidth=!1,this.color="blue",this.isCompleted=!1}connectedCallback(){this.maxPercent(this.value)}componentDidRender(){const e=this.el.querySelector("#circle");if(e){const s=2*e.r.baseVal.value*Math.PI,r=s-this.value/this.max*s;e.style.strokeDasharray=`${s} ${s}`,e.style.strokeDashoffset=`${s}`,e.style.strokeDashoffset=`${r}`}}componentShouldUpdate(e,s,r){"value"===r&&e!==s&&this.handlePercent(e),"max"===r&&e!==s&&this.value>e&&(this.value=e)}maxPercent(e){e>=this.max&&(this.value=this.max,this.isCompleted=!0),e<this.max&&(this.isCompleted=!1),e<=0&&(this.value=0)}async increment(e){this.handlePercent(+e,"increment")}async decrement(e){this.handlePercent(+e,"decrement")}async set(e){this.handlePercent(+e,"set")}handlePercent(e,s="set"){if(!e&&0!=e||"number"!=typeof e)this.error=!0;else{switch(s){case"increment":this.value+=e;break;case"decrement":this.value-=e;break;case"set":this.value=e}this.maxPercent(this.value),this.error=!1}}getIcon(e="line"){if(this.error||"icon"===this.info&&this.isCompleted)return s("bcm-icon",{icon:"far fa-"+(this.error?"times":"check")+("line"===e?"-circle":"")})}render(){const{type:e,hidden:i,error:c,size:l,isCompleted:p,value:a,fullWidth:h}=this,m="icon"===this.info,{circleSize:g,radius:x,textSize:d}=n[this.size],b=+g/2,u=t({completed:m&&p,error:c}),f=t("bcm-progress__line-progress",l,e,u),z=t("bcm-progress__circle-circle","bar",u),_={width:`${g}px`,height:`${g}px`},w=t("bcm-progress",{hidden:i,"full-width":h});return s(r,{class:w,style:{"--bcm-progress-color":o.dsColor(this.color)}},s("circle"===e?()=>s("div",{class:"bcm-progress__circle",style:_},s("svg",{width:g,height:g},s("circle",{r:x,cx:b,cy:b,class:"bcm-progress__circle-circle"}),s("circle",{r:x,cx:b,cy:b,class:z,id:"circle"}),this.info&&"icon"!=this.info&&!this.error&&s("text",{x:b,y:b,"text-anchor":"middle",class:d,"alignment-baseline":"middle"},"value-max"===this.info&&a+"/"+this.max,"value"===this.info&&{value:a},"percent"===this.info&&100/this.max*+a+"%")),this.getIcon("circle")):()=>s("div",{class:"bcm-progress__line"},s("progress",{class:f,value:a,max:this.max}),"value-max"===this.info&&s("span",{class:"value"},a,"/",this.max," "),"value"===this.info&&s("span",{class:"value"},a," "),"percent"===this.info&&s("span",{class:"value"},100/this.max*+a,"%"),"icon"===this.info&&s("span",{class:"value"},this.getIcon("line"))),null))}get el(){return i(this)}};p.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-progress{--bcm-progress-color:var(--bcm-new-ds-color-blue-500);display:inline-block;min-width:50px;width:100%;max-width:256px;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400}.bcm-progress.full-width{width:100%;max-width:100%;min-width:auto}.bcm-progress__line{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;min-height:8px}.bcm-progress__line .value{margin-left:8px;color:var(--bcm-new-ds-color-slate-500);min-width:32px;font-size:14px;min-height:calc(14px + 8px);font-weight:500}.bcm-progress__line-progress{width:100%;flex:1;height:8px;border:0 none;background:var(--bcm-new-ds-color-slate-200);appearance:none}.bcm-progress__line-progress.small{height:6px}.bcm-progress__line-progress.line-rounded,.bcm-progress__line-progress.line-rounded::-webkit-progress-value{border-radius:8px}.bcm-progress__line-progress.line-rounded::-moz-progress-bar{border-radius:8px}.bcm-progress__line-progress.completed::-webkit-progress-value{background-color:var(--bcm-progress-color)}.bcm-progress__line-progress.completed::-moz-progress-bar{background-color:var(--bcm-progress-color)}.bcm-progress__line-progress.error::-webkit-progress-value{background-color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress.error::-moz-progress-bar{background-color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress.error .value{color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress::-webkit-progress-bar{background:transparent}.bcm-progress__line-progress::-webkit-progress-value{background-color:var(--bcm-progress-color);transition:0.3s}.bcm-progress__line-progress::-moz-progress-bar{background-color:var(--bcm-progress-color);transition:0.3s}.bcm-progress__circle{position:relative}.bcm-progress__circle bcm-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.bcm-progress__circle text{fill:var(--bcm-new-ds-color-slate-500);font-size:18px;line-height:calc(18px + 8px);font-weight:500}.bcm-progress__circle-circle{transition:0.35s stroke-dashoffset, 0.1s stroke;transform:rotate(-90deg);transform-origin:50% 50%;stroke:#F5F5F5;stroke-width:6px;fill:transparent}.bcm-progress__circle-circle.bar{stroke:var(--bcm-progress-color)}.bcm-progress__circle-circle.completed{stroke:var(--bcm-new-ds-color-emerald-500)}.bcm-progress__circle-circle.error{stroke:var(--bcm-new-ds-color-red-500)}';export{p as bcm_progress}

package/dist/bromcom-ui/{p-36daa24a.entry.js → p-73ca7c0a.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,h as s,g as a}from"./p-6d7fe687.js";import{G as d}from"./p-ce8592a0.js";import"./p-940dda87.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const w=class{constructor(s){t(this,s),this._id=d.UID(),this.loading=!0}componentDidLoad(){var t;const s=null===(t=this.el)||void 0===t?void 0:t.parentElement;if(s){const t=document.createElement("span");t.setAttribute("id",`${this._id}-span`),t.classList.add("tw-hidden"),t.innerHTML="<slot />",s.appendChild(t),s.isConnected&&(this.loading=!1,s.querySelector(`#${this._id}-span`).remove())}}render(){return s(this.loading?()=>s("div",{class:"tw-mx-auto tw-w-full tw-max-w-sm tw-rounded-md tw-border tw-border-blue-300 tw-p-4 tw-shadow"},s("span",{class:"tw-hidden"},s("slot",null)),s("div",{class:"tw-flex tw-animate-pulse tw-space-x-4"},s("div",{class:"tw-h-10 tw-w-10 tw-rounded-full tw-bg-slate-200"}),s("div",{class:"tw-flex-1 tw-space-y-6 tw-py-1"},s("div",{class:"tw-h-2 tw-rounded tw-bg-slate-200"}),s("div",{class:"tw-space-y-3"},s("div",{class:"tw-grid tw-grid-cols-3 tw-gap-4"},s("div",{class:"tw-col-span-2 tw-h-2 tw-rounded tw-bg-slate-200"}),s("div",{class:"tw-col-span-1 tw-h-2 tw-rounded tw-bg-slate-200"})),s("div",{class:"tw-h-2 tw-rounded tw-bg-slate-200"}))))):"slot",null)}get el(){return a(this)}};export{w as bcm_skeleton}
+import{r as t,h as s,g as w}from"./p-6d7fe687.js";import{G as a}from"./p-e9842c26.js";import"./p-908b1b5d.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const d=class{constructor(s){t(this,s),this._id=a.UID(),this.loading=!0}componentDidLoad(){var t;const s=null===(t=this.el)||void 0===t?void 0:t.parentElement;if(s){const t=document.createElement("span");t.setAttribute("id",`${this._id}-span`),t.classList.add("tw-hidden"),t.innerHTML="<slot />",s.appendChild(t),s.isConnected&&(this.loading=!1,s.querySelector(`#${this._id}-span`).remove())}}render(){return s(this.loading?()=>s("div",{class:"tw-mx-auto tw-w-full tw-max-w-sm tw-rounded-md tw-border tw-border-blue-300 tw-p-4 tw-shadow"},s("span",{class:"tw-hidden"},s("slot",null)),s("div",{class:"tw-flex tw-animate-pulse tw-space-x-4"},s("div",{class:"tw-h-10 tw-w-10 tw-rounded-full tw-bg-slate-200"}),s("div",{class:"tw-flex-1 tw-space-y-6 tw-py-1"},s("div",{class:"tw-h-2 tw-rounded tw-bg-slate-200"}),s("div",{class:"tw-space-y-3"},s("div",{class:"tw-grid tw-grid-cols-3 tw-gap-4"},s("div",{class:"tw-col-span-2 tw-h-2 tw-rounded tw-bg-slate-200"}),s("div",{class:"tw-col-span-1 tw-h-2 tw-rounded tw-bg-slate-200"})),s("div",{class:"tw-h-2 tw-rounded tw-bg-slate-200"}))))):"slot",null)}get el(){return w(this)}};export{d as bcm_skeleton}

package/dist/bromcom-ui/{p-21676489.entry.js → p-7f529bbe.entry.js}

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

package/dist/bromcom-ui/{p-fb1cb57d.js → p-8fcb5846.js}

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

package/dist/bromcom-ui/{p-940dda87.js → p-908b1b5d.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-const c="2.9.0-rc.7";export{c as v}
+const c="2.9.0-rc.8";export{c as v}