bromcom-ui 2.7.38-rc.9 → 2.8.0-rc.1

package/dist/bromcom-ui/p-967df53d.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{h as e,r as t,c as i,H as n,g as s}from"./p-88f7d869.js";import{c as a}from"./p-d5b08a77.js";import{G as o,s as c}from"./p-34a59d30.js";import{B as h}from"./p-a429e85b.js";import{d as r,g as l}from"./p-8c018ae0.js";import{c as p}from"./p-74595a06.js";import{L as d}from"./p-4487e8c2.js";import{I as m}from"./p-9bef5a59.js";import"./p-6f56f8ca.js";import"./p-71930900.js";import"./p-48e9166c.js";import"./p-16b50160.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,s=!0;null===(t=i.childs)||void 0===t||t.map((e=>{e.checked&&(s=!1),!e.checked&&(n=!1)})),i.indeterminateState=n||s?n?"determinate":"uncheck":"indeterminate"},b=x,f=({customStyle:t,groupContainerClasses:i,onBcmSelect:n,items:s})=>e("div",{class:i,style:t},s.childs&&s.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:s,defaultValue:a,label:h,required:r,captionType:l,hidden:p,direction:d,indeterminate:m,gap:x,items:g}=this,b=a&&("string"==typeof a?JSON.parse(a):a),f=g.length>0?g:await this.getCheckboxes();await(async({fullWidth:e,optionType:t,buttonStyle:i,size:n,defaultCheckedItems:s,el:a,id:h,label:r,required:l,captionType:p,hidden:d,direction:m,childs:x,indeterminate:g,gap:b,noCaption:f})=>{a&&u.group.set(h,{fullWidth:e,optionType:t,buttonStyle:i,size:n,defaultCheckedItems:s,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),s&&s.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:s,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 s;const a=t&&("string"==typeof t?JSON.parse(t):t);null===(s=x(e).childs)||void 0===s||s.forEach((e=>{if(a){const t=a.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 s={};return null===(i=n.childs)||void 0===i||i.map((e=>{t?e.name===t&&(s[e.name]={value:!!e.checked,name:e.name}):s[e.name]={value:!!e.checked,name:e.name}})),s})(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:s,label:o,indeterminate:c,indeterminateState:h,required:r,direction:l,optionType:p,hidden:m,fullWidth:u,gap:x}=t,g=a("bcm-checkbox-group",l,p,{hidden:m,"full-width":u}),b=a("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:s,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 s(this)}static get watchers(){return{items:["handleItemsChange"]}}};(function(e,t,i,n){var s,a=arguments.length,o=a<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--)(s=e[c])&&(o=(a<3?s(o):a>3?s(t,i,o):s(t,i))||o);a>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-970a4dd6.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as t,h as e,H as r,g as s}from"./p-88f7d869.js";import{I as o}from"./p-9bef5a59.js";import{G as i}from"./p-34a59d30.js";import{c as l}from"./p-d5b08a77.js";import"./p-71930900.js";import"./p-6f56f8ca.js";const a=class{constructor(e){t(this,e),this.handleFocus=()=>{this.hasFocus=!0},this.handleBlur=()=>{this.hasFocus=!1},this.handleChange=t=>{this.value=t.target.value,console.log(t)},this.handleInput=t=>{console.log(t)},this._id=i.UID(),this.name=void 0,this.value=void 0,this.type="text",this.label=void 0,this.required=!1,this.disabled=!1,this.readonly=!1,this.placeholder=void 0,this.fullwidth=!1,this.hasFocus=!1}render(){const{_id:t,type:s,name:o,value:i,label:a,required:n,fullwidth:w,placeholder:d,disabled:h,readonly:c}=this;return e(r,{class:l("tw-inline-flex tw-w-full tw-max-w-[256px] tw-flex-col",{"tw-max-w-full":w})},a&&e("bcm-label",{value:a,required:n,htmlFor:t}),e("div",{class:l("tw-relative tw-flex tw-w-full tw-flex-row tw-items-stretch tw-rounded tw-border tw-p-0 hover:tw-border-primary-600",{"tw-cursor-not-allowed tw-bg-secondary-50":this.disabled,"tw-cursor-text":!this.disabled,"tw-cursor-default tw-bg-secondary-50":this.readonly,"tw-border-primary-500 tw-bg-secondary-50":this.hasFocus,"tw-border-secondary-300 tw-bg-white":!this.hasFocus})},e("input",{id:t,name:o,type:s,value:i,"data-value":i,placeholder:d,required:n,disabled:h,readonly:c,class:l("tw-text-overflow-ellipsis","tw-rounded-none","tw-flex-1","tw-cursor-inherit","tw-w-full","tw-appearance-none","tw-overflow-hidden","tw-whitespace-nowrap","tw-border-none","tw-bg-transparent","tw-p-2","tw-text-secondary-600","tw-placeholder-secondary-300","tw-outline-none"),onFocus:this.handleFocus,onBlur:this.handleBlur,onChange:t=>this.handleChange(t),onInput:this.handleInput})))}get el(){return s(this)}};!function(t,e,r,s){var o,i=arguments.length,l=i<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,r):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,r,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(l=(i<3?o(l):i>3?o(e,r,l):o(e,r))||l);i>3&&l&&Object.defineProperty(e,r,l)}([o()],a.prototype,"el",void 0);export{a as bcm_input_custom}

package/dist/bromcom-ui/{p-57d0c6e7.entry.js → p-97df9122.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,h as i,H as t}from"./p-ba062b3c.js";import{c as p}from"./p-d5b08a77.js";import"./p-6f56f8ca.js";const s=class{constructor(i){e(this,i),this.heading=void 0,this.visible=!0,this.hidden=!1}render(){const e=p("group",{visible:this.visible}),s=p(this.hidden?"hidden":null);return i(t,{class:s},i("div",{class:e},i("span",{class:"group-title size-1"}," ",this.heading," "),i("slot",null)))}};s.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block}:host(.hidden){display:none}.group{display:none}.group.visible{display:block}.group-title{color:var(--bcm-color-grey-7);padding:4px 8px;display:block}';export{s as bcm_select_group}
+import{r as e,h as i,H as t}from"./p-88f7d869.js";import{c as p}from"./p-d5b08a77.js";import"./p-6f56f8ca.js";const s=class{constructor(i){e(this,i),this.heading=void 0,this.visible=!0,this.hidden=!1}render(){const e=p("group",{visible:this.visible}),s=p(this.hidden?"hidden":null);return i(t,{class:s},i("div",{class:e},i("span",{class:"group-title size-1"}," ",this.heading," "),i("slot",null)))}};s.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block}:host(.hidden){display:none}.group{display:none}.group.visible{display:block}.group-title{color:var(--bcm-color-grey-7);padding:4px 8px;display:block}';export{s as bcm_select_group}

package/dist/bromcom-ui/p-98c9ac37.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as e,h as c,H as o,g as r}from"./p-88f7d869.js";import{G as l}from"./p-34a59d30.js";import{B as n}from"./p-a429e85b.js";import{c as d}from"./p-d5b08a77.js";import{C as s}from"./p-56bb19ef.js";import{I as b}from"./p-9bef5a59.js";import"./p-71930900.js";import"./p-6f56f8ca.js";import"./p-436364c8.js";import"./p-8c018ae0.js";const m=class{constructor(c){e(this,c),this._id=l.UID(),this.size=n.Size.medium,this.color=void 0,this.static=!1}setColor(e=this.color){if(!e)return;const c="--bcm-item";return"white"==e?{[`${c}-color-default`]:s.dsColor("slate-600"),[`${c}-color-hover`]:s.dsColor("slate-600"),[`${c}-color-focus-visible`]:s.dsColor("slate-600"),[`${c}-color-active`]:s.dsColor("slate-600"),[`${c}-color-disabled`]:s.dsColor("white"),[`${c}-background-color-default`]:s.dsColor("white"),[`${c}-background-color-hover`]:s.dsColor(this.static?"white":"slate-100"),[`${c}-background-color-focus-visible`]:s.dsColor(this.static?"white":"slate-200"),[`${c}-background-color-active`]:s.dsColor(this.static?"white":"slate-300"),[`${c}-background-color-disabled`]:s.dsColor("slate-400")}:{[`${c}-color-default`]:s.dsColor("white"),[`${c}-color-hover`]:s.dsColor("white"),[`${c}-color-focus-visible`]:s.dsColor("white"),[`${c}-color-active`]:s.dsColor("white"),[`${c}-color-disabled`]:s.dsColor("white"),[`${c}-background-color-default`]:s.dsColor(e+"-500"),[`${c}-background-color-hover`]:s.dsColor(e+"-600"),[`${c}-background-color-focus-visible`]:s.dsColor(e+"-700"),[`${c}-background-color-active`]:s.dsColor(e+"-800"),[`${c}-background-color-disabled`]:s.dsColor("slate-400")}}disconnectedCallback(){}render(){const e=d("bcm-item",`bcm-item-size-${this.size}`);return c(o,{class:e,style:this.setColor()},c("slot",null))}get el(){return r(this)}};(function(e,c,o,r){var l,n=arguments.length,d=n<3?c:null===r?r=Object.getOwnPropertyDescriptor(c,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,c,o,r);else for(var s=e.length-1;s>=0;s--)(l=e[s])&&(d=(n<3?l(d):n>3?l(c,o,d):l(c,o))||d);n>3&&d&&Object.defineProperty(c,o,d)})([b()],m.prototype,"el",void 0),m.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}:root,::after,::before{--bcm-new-ds-color-inherit:inherit;--bcm-new-ds-color-current:currentColor;--bcm-new-ds-color-transparent:transparent;--bcm-new-ds-color-black:#000;--bcm-new-ds-color-white:#fff;--bcm-new-ds-color-slate:#64748b;--bcm-new-ds-color-slate-50:#f8fafc;--bcm-new-ds-color-slate-100:#f1f5f9;--bcm-new-ds-color-slate-200:#e2e8f0;--bcm-new-ds-color-slate-300:#cbd5e1;--bcm-new-ds-color-slate-400:#94a3b8;--bcm-new-ds-color-slate-500:#64748b;--bcm-new-ds-color-slate-600:#475569;--bcm-new-ds-color-slate-700:#334155;--bcm-new-ds-color-slate-800:#1e293b;--bcm-new-ds-color-slate-900:#0f172a;--bcm-new-ds-color-gray:#6b7280;--bcm-new-ds-color-gray-50:#f9fafb;--bcm-new-ds-color-gray-100:#f3f4f6;--bcm-new-ds-color-gray-200:#e5e7eb;--bcm-new-ds-color-gray-300:#d1d5db;--bcm-new-ds-color-gray-400:#9ca3af;--bcm-new-ds-color-gray-500:#6b7280;--bcm-new-ds-color-gray-600:#4b5563;--bcm-new-ds-color-gray-700:#374151;--bcm-new-ds-color-gray-800:#1f2937;--bcm-new-ds-color-gray-900:#111827;--bcm-new-ds-color-zinc:#71717a;--bcm-new-ds-color-zinc-50:#fafafa;--bcm-new-ds-color-zinc-100:#f4f4f5;--bcm-new-ds-color-zinc-200:#e4e4e7;--bcm-new-ds-color-zinc-300:#d4d4d8;--bcm-new-ds-color-zinc-400:#a1a1aa;--bcm-new-ds-color-zinc-500:#71717a;--bcm-new-ds-color-zinc-600:#52525b;--bcm-new-ds-color-zinc-700:#3f3f46;--bcm-new-ds-color-zinc-800:#27272a;--bcm-new-ds-color-zinc-900:#18181b;--bcm-new-ds-color-neutral:#737373;--bcm-new-ds-color-neutral-50:#fafafa;--bcm-new-ds-color-neutral-100:#f5f5f5;--bcm-new-ds-color-neutral-200:#e5e5e5;--bcm-new-ds-color-neutral-300:#d4d4d4;--bcm-new-ds-color-neutral-400:#a3a3a3;--bcm-new-ds-color-neutral-500:#737373;--bcm-new-ds-color-neutral-600:#525252;--bcm-new-ds-color-neutral-700:#404040;--bcm-new-ds-color-neutral-800:#262626;--bcm-new-ds-color-neutral-900:#171717;--bcm-new-ds-color-stone:#78716c;--bcm-new-ds-color-stone-50:#fafaf9;--bcm-new-ds-color-stone-100:#f5f5f4;--bcm-new-ds-color-stone-200:#e7e5e4;--bcm-new-ds-color-stone-300:#d6d3d1;--bcm-new-ds-color-stone-400:#a8a29e;--bcm-new-ds-color-stone-500:#78716c;--bcm-new-ds-color-stone-600:#57534e;--bcm-new-ds-color-stone-700:#44403c;--bcm-new-ds-color-stone-800:#292524;--bcm-new-ds-color-stone-900:#1c1917;--bcm-new-ds-color-red:#ef4444;--bcm-new-ds-color-red-50:#fef2f2;--bcm-new-ds-color-red-100:#fee2e2;--bcm-new-ds-color-red-200:#fecaca;--bcm-new-ds-color-red-300:#fca5a5;--bcm-new-ds-color-red-400:#f87171;--bcm-new-ds-color-red-500:#ef4444;--bcm-new-ds-color-red-600:#dc2626;--bcm-new-ds-color-red-700:#b91c1c;--bcm-new-ds-color-red-800:#991b1b;--bcm-new-ds-color-red-900:#7f1d1d;--bcm-new-ds-color-orange:#f97316;--bcm-new-ds-color-orange-50:#fff7ed;--bcm-new-ds-color-orange-100:#ffedd5;--bcm-new-ds-color-orange-200:#fed7aa;--bcm-new-ds-color-orange-300:#fdba74;--bcm-new-ds-color-orange-400:#fb923c;--bcm-new-ds-color-orange-500:#f97316;--bcm-new-ds-color-orange-600:#ea580c;--bcm-new-ds-color-orange-700:#c2410c;--bcm-new-ds-color-orange-800:#9a3412;--bcm-new-ds-color-orange-900:#7c2d12;--bcm-new-ds-color-amber:#f59e0b;--bcm-new-ds-color-amber-50:#fffbeb;--bcm-new-ds-color-amber-100:#fef3c7;--bcm-new-ds-color-amber-200:#fde68a;--bcm-new-ds-color-amber-300:#fcd34d;--bcm-new-ds-color-amber-400:#fbbf24;--bcm-new-ds-color-amber-500:#f59e0b;--bcm-new-ds-color-amber-600:#d97706;--bcm-new-ds-color-amber-700:#b45309;--bcm-new-ds-color-amber-800:#92400e;--bcm-new-ds-color-amber-900:#78350f;--bcm-new-ds-color-yellow:#eab308;--bcm-new-ds-color-yellow-50:#fefce8;--bcm-new-ds-color-yellow-100:#fef9c3;--bcm-new-ds-color-yellow-200:#fef08a;--bcm-new-ds-color-yellow-300:#fde047;--bcm-new-ds-color-yellow-400:#facc15;--bcm-new-ds-color-yellow-500:#eab308;--bcm-new-ds-color-yellow-600:#ca8a04;--bcm-new-ds-color-yellow-700:#a16207;--bcm-new-ds-color-yellow-800:#854d0e;--bcm-new-ds-color-yellow-900:#713f12;--bcm-new-ds-color-lime:#84cc16;--bcm-new-ds-color-lime-50:#f7fee7;--bcm-new-ds-color-lime-100:#ecfccb;--bcm-new-ds-color-lime-200:#d9f99d;--bcm-new-ds-color-lime-300:#bef264;--bcm-new-ds-color-lime-400:#a3e635;--bcm-new-ds-color-lime-500:#84cc16;--bcm-new-ds-color-lime-600:#65a30d;--bcm-new-ds-color-lime-700:#4d7c0f;--bcm-new-ds-color-lime-800:#3f6212;--bcm-new-ds-color-lime-900:#365314;--bcm-new-ds-color-green:#22c55e;--bcm-new-ds-color-green-50:#f0fdf4;--bcm-new-ds-color-green-100:#dcfce7;--bcm-new-ds-color-green-200:#bbf7d0;--bcm-new-ds-color-green-300:#86efac;--bcm-new-ds-color-green-400:#4ade80;--bcm-new-ds-color-green-500:#22c55e;--bcm-new-ds-color-green-600:#16a34a;--bcm-new-ds-color-green-700:#15803d;--bcm-new-ds-color-green-800:#166534;--bcm-new-ds-color-green-900:#14532d;--bcm-new-ds-color-emerald:#10b981;--bcm-new-ds-color-emerald-50:#ecfdf5;--bcm-new-ds-color-emerald-100:#d1fae5;--bcm-new-ds-color-emerald-200:#a7f3d0;--bcm-new-ds-color-emerald-300:#6ee7b7;--bcm-new-ds-color-emerald-400:#34d399;--bcm-new-ds-color-emerald-500:#10b981;--bcm-new-ds-color-emerald-600:#059669;--bcm-new-ds-color-emerald-700:#047857;--bcm-new-ds-color-emerald-800:#065f46;--bcm-new-ds-color-emerald-900:#064e3b;--bcm-new-ds-color-teal:#14b8a6;--bcm-new-ds-color-teal-50:#f0fdfa;--bcm-new-ds-color-teal-100:#ccfbf1;--bcm-new-ds-color-teal-200:#99f6e4;--bcm-new-ds-color-teal-300:#5eead4;--bcm-new-ds-color-teal-400:#2dd4bf;--bcm-new-ds-color-teal-500:#14b8a6;--bcm-new-ds-color-teal-600:#0d9488;--bcm-new-ds-color-teal-700:#0f766e;--bcm-new-ds-color-teal-800:#115e59;--bcm-new-ds-color-teal-900:#134e4a;--bcm-new-ds-color-cyan:#06b6d4;--bcm-new-ds-color-cyan-50:#ecfeff;--bcm-new-ds-color-cyan-100:#cffafe;--bcm-new-ds-color-cyan-200:#a5f3fc;--bcm-new-ds-color-cyan-300:#67e8f9;--bcm-new-ds-color-cyan-400:#22d3ee;--bcm-new-ds-color-cyan-500:#06b6d4;--bcm-new-ds-color-cyan-600:#0891b2;--bcm-new-ds-color-cyan-700:#0e7490;--bcm-new-ds-color-cyan-800:#155e75;--bcm-new-ds-color-cyan-900:#164e63;--bcm-new-ds-color-sky:#0ea5e9;--bcm-new-ds-color-sky-50:#f0f9ff;--bcm-new-ds-color-sky-100:#e0f2fe;--bcm-new-ds-color-sky-200:#bae6fd;--bcm-new-ds-color-sky-300:#7dd3fc;--bcm-new-ds-color-sky-400:#38bdf8;--bcm-new-ds-color-sky-500:#0ea5e9;--bcm-new-ds-color-sky-600:#0284c7;--bcm-new-ds-color-sky-700:#0369a1;--bcm-new-ds-color-sky-800:#075985;--bcm-new-ds-color-sky-900:#0c4a6e;--bcm-new-ds-color-blue:#3b82f6;--bcm-new-ds-color-blue-50:#eff6ff;--bcm-new-ds-color-blue-100:#dbeafe;--bcm-new-ds-color-blue-200:#bfdbfe;--bcm-new-ds-color-blue-300:#93c5fd;--bcm-new-ds-color-blue-400:#60a5fa;--bcm-new-ds-color-blue-500:#3b82f6;--bcm-new-ds-color-blue-600:#2563eb;--bcm-new-ds-color-blue-700:#1d4ed8;--bcm-new-ds-color-blue-800:#1e40af;--bcm-new-ds-color-blue-900:#1e3a8a;--bcm-new-ds-color-indigo:#6366f1;--bcm-new-ds-color-indigo-50:#eef2ff;--bcm-new-ds-color-indigo-100:#e0e7ff;--bcm-new-ds-color-indigo-200:#c7d2fe;--bcm-new-ds-color-indigo-300:#a5b4fc;--bcm-new-ds-color-indigo-400:#818cf8;--bcm-new-ds-color-indigo-500:#6366f1;--bcm-new-ds-color-indigo-600:#4f46e5;--bcm-new-ds-color-indigo-700:#4338ca;--bcm-new-ds-color-indigo-800:#3730a3;--bcm-new-ds-color-indigo-900:#312e81;--bcm-new-ds-color-violet:#8b5cf6;--bcm-new-ds-color-violet-50:#f5f3ff;--bcm-new-ds-color-violet-100:#ede9fe;--bcm-new-ds-color-violet-200:#ddd6fe;--bcm-new-ds-color-violet-300:#c4b5fd;--bcm-new-ds-color-violet-400:#a78bfa;--bcm-new-ds-color-violet-500:#8b5cf6;--bcm-new-ds-color-violet-600:#7c3aed;--bcm-new-ds-color-violet-700:#6d28d9;--bcm-new-ds-color-violet-800:#5b21b6;--bcm-new-ds-color-violet-900:#4c1d95;--bcm-new-ds-color-purple:#a855f7;--bcm-new-ds-color-purple-50:#faf5ff;--bcm-new-ds-color-purple-100:#f3e8ff;--bcm-new-ds-color-purple-200:#e9d5ff;--bcm-new-ds-color-purple-300:#d8b4fe;--bcm-new-ds-color-purple-400:#c084fc;--bcm-new-ds-color-purple-500:#a855f7;--bcm-new-ds-color-purple-600:#9333ea;--bcm-new-ds-color-purple-700:#7e22ce;--bcm-new-ds-color-purple-800:#6b21a8;--bcm-new-ds-color-purple-900:#581c87;--bcm-new-ds-color-fuchsia:#d946ef;--bcm-new-ds-color-fuchsia-50:#fdf4ff;--bcm-new-ds-color-fuchsia-100:#fae8ff;--bcm-new-ds-color-fuchsia-200:#f5d0fe;--bcm-new-ds-color-fuchsia-300:#f0abfc;--bcm-new-ds-color-fuchsia-400:#e879f9;--bcm-new-ds-color-fuchsia-500:#d946ef;--bcm-new-ds-color-fuchsia-600:#c026d3;--bcm-new-ds-color-fuchsia-700:#a21caf;--bcm-new-ds-color-fuchsia-800:#86198f;--bcm-new-ds-color-fuchsia-900:#701a75;--bcm-new-ds-color-pink:#ec4899;--bcm-new-ds-color-pink-50:#fdf2f8;--bcm-new-ds-color-pink-100:#fce7f3;--bcm-new-ds-color-pink-200:#fbcfe8;--bcm-new-ds-color-pink-300:#f9a8d4;--bcm-new-ds-color-pink-400:#f472b6;--bcm-new-ds-color-pink-500:#ec4899;--bcm-new-ds-color-pink-600:#db2777;--bcm-new-ds-color-pink-700:#be185d;--bcm-new-ds-color-pink-800:#9d174d;--bcm-new-ds-color-pink-900:#831843;--bcm-new-ds-color-rose:#f43f5e;--bcm-new-ds-color-rose-50:#fff1f2;--bcm-new-ds-color-rose-100:#ffe4e6;--bcm-new-ds-color-rose-200:#fecdd3;--bcm-new-ds-color-rose-300:#fda4af;--bcm-new-ds-color-rose-400:#fb7185;--bcm-new-ds-color-rose-500:#f43f5e;--bcm-new-ds-color-rose-600:#e11d48;--bcm-new-ds-color-rose-700:#be123c;--bcm-new-ds-color-rose-800:#9f1239;--bcm-new-ds-color-rose-900:#881337}*{box-sizing:border-box}.bcm-item{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;--bcm-item-color-default:var(--bcm-new-ds-color-white);--bcm-item-background-color-default:var(--bcm-new-ds-color-blue-500);--bcm-item-color-hover:var(--bcm-new-ds-color-white);--bcm-item-background-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-item-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-item-background-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-item-color-active:var(--bcm-new-ds-color-white);--bcm-item-background-color-active:var(--bcm-new-ds-color-blue-700);--bcm-item-color-disabled:var(--bcm-new-ds-color-white);--bcm-item-background-color-disabled:var(--bcm-new-ds-color-slate-400);font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;border-radius:4px;outline:none;color:var(--bcm-item-color-default);background-color:var(--bcm-item-background-color-default)}.bcm-item-size-small{font-size:12px;line-height:calc(12px + 8px);padding:2px 12px;min-height:calc(calc(12px + 8px) + calc(2px) * 2)}.bcm-item-size-medium{font-size:14px;line-height:calc(14px + 8px);padding:5px 12px;min-height:calc(calc(14px + 8px) + calc(5px) * 2)}.bcm-item-size-large{font-size:16px;line-height:calc(16px + 8px);padding:8px 12px;min-height:calc(calc(16px + 8px) + calc(8px) * 2)}.bcm-item:default{color:var(--bcm-item-color-default);background-color:var(--bcm-item-background-color-default)}.bcm-item:hover{color:var(--bcm-item-color-hover);background-color:var(--bcm-item-background-color-hover)}.bcm-item:focus-visible{color:var(--bcm-item-color-focus-visible);background-color:var(--bcm-item-background-color-focus-visible)}.bcm-item:active{color:var(--bcm-item-color-active);background-color:var(--bcm-item-background-color-active)}.bcm-item:disabled{color:var(--bcm-item-color-disabled);background-color:var(--bcm-item-background-color-disabled)}.bcm-item:not(.static):hover{cursor:pointer}';export{m as bcm_item}

package/dist/bromcom-ui/{p-ee9ba6ba.entry.js → p-9a1dc17c.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,h as i,H as t,g as p}from"./p-ba062b3c.js";import{I as n}from"./p-1d77b8a6.js";const a=class{constructor(i){e(this,i),this._id=(4*Math.random()).toString(16).replace(".",""),this.hidden=!1,this.validation=!1,this.name="",this.value=void 0}inputChange(){}render(){return i(t,{"on-bcm-change":()=>this.inputChange()},i("form",{class:"bcm-form"},i("slot",null)))}get el(){return p(this)}};(function(e,i,t,p){var n,a=arguments.length,s=a<3?i:null===p?p=Object.getOwnPropertyDescriptor(i,t):p;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,i,t,p);else for(var h=e.length-1;h>=0;h--)(n=e[h])&&(s=(a<3?n(s):a>3?n(i,t,s):n(i,t))||s);a>3&&s&&Object.defineProperty(i,t,s)})([n()],a.prototype,"el",void 0),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}:host{display:block}:host(.hidden){display:none}';export{a as bcm_form_group}
+import{r as e,h as i,H as t,g as p}from"./p-88f7d869.js";import{I as n}from"./p-9bef5a59.js";const s=class{constructor(i){e(this,i),this._id=(4*Math.random()).toString(16).replace(".",""),this.hidden=!1,this.validation=!1,this.name="",this.value=void 0}inputChange(){}render(){return i(t,{"on-bcm-change":()=>this.inputChange()},i("form",{class:"bcm-form"},i("slot",null)))}get el(){return p(this)}};(function(e,i,t,p){var n,s=arguments.length,a=s<3?i:null===p?p=Object.getOwnPropertyDescriptor(i,t):p;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,i,t,p);else for(var h=e.length-1;h>=0;h--)(n=e[h])&&(a=(s<3?n(a):s>3?n(i,t,a):n(i,t))||a);s>3&&a&&Object.defineProperty(i,t,a)})([n()],s.prototype,"el",void 0),s.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block}:host(.hidden){display:none}';export{s as bcm_form_group}

package/dist/bromcom-ui/{p-1d77b8a6.js → p-9bef5a59.js}

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

package/dist/bromcom-ui/{p-4f86851c.entry.js → p-a173ed35.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,h as s,H as e,g as i}from"./p-ba062b3c.js";import{I as o}from"./p-1d77b8a6.js";import{a as r}from"./p-3c7a0345.js";const c=class{constructor(s){t(this,s),this.borderless=!1,this.open=!1,this.multiple=!1,this.hidden=!1}handleOpen({target:t,detail:s}){this.multiple||this.el!==t.parentElement||this.qs().forEach((t=>{t.open=t.id===s}))}componentDidLoad(){this.qs().forEach(((t,s)=>{!t.borderless&&(t.borderless=this.borderless),this.qs().length==s+1&&(t.noBorder=!0)}))}qs(){return r(this.el,"bcm-collapse")}render(){const{hidden:t}=this;return s(e,{class:{hidden:t}},s("slot",null))}get el(){return i(this)}};!function(t,s,e,i){var o,r=arguments.length,c=r<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(t,s,e,i);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(c=(r<3?o(c):r>3?o(s,e,c):o(s,e))||c);r>3&&c&&Object.defineProperty(s,e,c)}([o()],c.prototype,"el",void 0);export{c as bcm_collapse_group}
+import{r as t,h as s,H as e,g as i}from"./p-88f7d869.js";import{I as o}from"./p-9bef5a59.js";import{g as r}from"./p-8c018ae0.js";const c=class{constructor(s){t(this,s),this.borderless=!1,this.open=!1,this.multiple=!1,this.hidden=!1}handleOpen({target:t,detail:s}){this.multiple||this.el!==t.parentElement||this.qs().forEach((t=>{t.open=t.id===s}))}componentDidLoad(){this.qs().forEach(((t,s)=>{!t.borderless&&(t.borderless=this.borderless),this.qs().length==s+1&&(t.noBorder=!0)}))}qs(){return r(this.el,"bcm-collapse")}render(){const{hidden:t}=this;return s(e,{class:{hidden:t}},s("slot",null))}get el(){return i(this)}};!function(t,s,e,i){var o,r=arguments.length,c=r<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(t,s,e,i);else for(var l=t.length-1;l>=0;l--)(o=t[l])&&(c=(r<3?o(c):r>3?o(s,e,c):o(s,e))||c);r>3&&c&&Object.defineProperty(s,e,c)}([o()],c.prototype,"el",void 0);export{c as bcm_collapse_group}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as e,c as o,h as c,H as r,g as n}from"./p-88f7d869.js";import{I as s}from"./p-9bef5a59.js";import"./p-56bb19ef.js";import"./p-626a65e9.js";import{G as l}from"./p-34a59d30.js";import"./p-70c794df.js";import"./p-16b50160.js";import"./p-7eb8c46e.js";import"./p-7e44e6b5.js";import{a as d}from"./p-a429e85b.js";import{c as t}from"./p-d5b08a77.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-71930900.js";import"./p-6f56f8ca.js";const b=class{constructor(c){e(this,c),this.bcmBeforeOpen=o(this,"bcm-before-open",7),this.bcmBeforeClose=o(this,"bcm-before-close",7),this._id=l.UID(),this._title=void 0,this.position=d.Position.right,this.fullWidth=!1,this._open=!1,this._close=!1}async show(){this.bcmBeforeOpen.emit(!0)}async hide(){this.bcmBeforeClose.emit(!0),this._close=!0}_beforeOpen(e){var o;e&&(null===(o=e.target)||void 0===o?void 0:o.id)==this._id&&(this._open=!0)}_beforeClose(e){var o;e&&(null===(o=e.target)||void 0===o?void 0:o.id)==this._id&&(this._open=!1)}_openHandler(){this._open?document.body.classList.add("bcm-disable-scroll"):document.body.classList.remove("bcm-disable-scroll")}keyboardNavigation(e){(e.keyCode||0)==d.KeyCode.escape&&(e.preventDefault(),this.hide())}disconnectedCallback(){this._open=!1,document.body.classList.remove("bcm-disable-scroll"),this.el.remove()}render(){const e=t("bcm-drawer",{"bcm-drawer--open":this._open}),o=t("bcm-drawer__content",`bcm-drawer__content--position-${this.position}`,{"bcm-drawer__content--open":this._open,"bcm-drawer__content--close":this._close,"full-width":this.fullWidth}),n=t("bcm-drawer__overlay",{"bcm-drawer__overlay--open":this._open,"bcm-drawer__overlay--close":this._close});return c(r,{class:e},c("div",{class:n,onClick:()=>this.hide()}),c("div",{class:o},c("div",{class:"bcm-drawer__content-header"},c("bcm-text",{class:"bcm-drawer__content-header-title","font-size":"6",weight:"600",color:"slate-800"},this._title," ",c("slot",{name:"header"})),c("div",{class:"bcm-drawer__content-header-close size-4",onClick:()=>this.hide()},c("bcm-icon",{icon:"fal fa-times"}))),c("div",{style:{overflow:"auto",flex:"1"}},c("div",{class:"bcm-drawer__content-body"},c("slot",null))),c("div",{class:"bcm-drawer__content-footer"},c("slot",{name:"footer"}))))}get el(){return n(this)}static get watchers(){return{_open:["_openHandler"]}}};(function(e,o,c,r){var n,s=arguments.length,l=s<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,c):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,o,c,r);else for(var d=e.length-1;d>=0;d--)(n=e[d])&&(l=(s<3?n(l):s>3?n(o,c,l):n(o,c))||l);s>3&&l&&Object.defineProperty(o,c,l)})([s()],b.prototype,"el",void 0),b.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}:root,::after,::before{--bcm-new-ds-color-inherit:inherit;--bcm-new-ds-color-current:currentColor;--bcm-new-ds-color-transparent:transparent;--bcm-new-ds-color-black:#000;--bcm-new-ds-color-white:#fff;--bcm-new-ds-color-slate:#64748b;--bcm-new-ds-color-slate-50:#f8fafc;--bcm-new-ds-color-slate-100:#f1f5f9;--bcm-new-ds-color-slate-200:#e2e8f0;--bcm-new-ds-color-slate-300:#cbd5e1;--bcm-new-ds-color-slate-400:#94a3b8;--bcm-new-ds-color-slate-500:#64748b;--bcm-new-ds-color-slate-600:#475569;--bcm-new-ds-color-slate-700:#334155;--bcm-new-ds-color-slate-800:#1e293b;--bcm-new-ds-color-slate-900:#0f172a;--bcm-new-ds-color-gray:#6b7280;--bcm-new-ds-color-gray-50:#f9fafb;--bcm-new-ds-color-gray-100:#f3f4f6;--bcm-new-ds-color-gray-200:#e5e7eb;--bcm-new-ds-color-gray-300:#d1d5db;--bcm-new-ds-color-gray-400:#9ca3af;--bcm-new-ds-color-gray-500:#6b7280;--bcm-new-ds-color-gray-600:#4b5563;--bcm-new-ds-color-gray-700:#374151;--bcm-new-ds-color-gray-800:#1f2937;--bcm-new-ds-color-gray-900:#111827;--bcm-new-ds-color-zinc:#71717a;--bcm-new-ds-color-zinc-50:#fafafa;--bcm-new-ds-color-zinc-100:#f4f4f5;--bcm-new-ds-color-zinc-200:#e4e4e7;--bcm-new-ds-color-zinc-300:#d4d4d8;--bcm-new-ds-color-zinc-400:#a1a1aa;--bcm-new-ds-color-zinc-500:#71717a;--bcm-new-ds-color-zinc-600:#52525b;--bcm-new-ds-color-zinc-700:#3f3f46;--bcm-new-ds-color-zinc-800:#27272a;--bcm-new-ds-color-zinc-900:#18181b;--bcm-new-ds-color-neutral:#737373;--bcm-new-ds-color-neutral-50:#fafafa;--bcm-new-ds-color-neutral-100:#f5f5f5;--bcm-new-ds-color-neutral-200:#e5e5e5;--bcm-new-ds-color-neutral-300:#d4d4d4;--bcm-new-ds-color-neutral-400:#a3a3a3;--bcm-new-ds-color-neutral-500:#737373;--bcm-new-ds-color-neutral-600:#525252;--bcm-new-ds-color-neutral-700:#404040;--bcm-new-ds-color-neutral-800:#262626;--bcm-new-ds-color-neutral-900:#171717;--bcm-new-ds-color-stone:#78716c;--bcm-new-ds-color-stone-50:#fafaf9;--bcm-new-ds-color-stone-100:#f5f5f4;--bcm-new-ds-color-stone-200:#e7e5e4;--bcm-new-ds-color-stone-300:#d6d3d1;--bcm-new-ds-color-stone-400:#a8a29e;--bcm-new-ds-color-stone-500:#78716c;--bcm-new-ds-color-stone-600:#57534e;--bcm-new-ds-color-stone-700:#44403c;--bcm-new-ds-color-stone-800:#292524;--bcm-new-ds-color-stone-900:#1c1917;--bcm-new-ds-color-red:#ef4444;--bcm-new-ds-color-red-50:#fef2f2;--bcm-new-ds-color-red-100:#fee2e2;--bcm-new-ds-color-red-200:#fecaca;--bcm-new-ds-color-red-300:#fca5a5;--bcm-new-ds-color-red-400:#f87171;--bcm-new-ds-color-red-500:#ef4444;--bcm-new-ds-color-red-600:#dc2626;--bcm-new-ds-color-red-700:#b91c1c;--bcm-new-ds-color-red-800:#991b1b;--bcm-new-ds-color-red-900:#7f1d1d;--bcm-new-ds-color-orange:#f97316;--bcm-new-ds-color-orange-50:#fff7ed;--bcm-new-ds-color-orange-100:#ffedd5;--bcm-new-ds-color-orange-200:#fed7aa;--bcm-new-ds-color-orange-300:#fdba74;--bcm-new-ds-color-orange-400:#fb923c;--bcm-new-ds-color-orange-500:#f97316;--bcm-new-ds-color-orange-600:#ea580c;--bcm-new-ds-color-orange-700:#c2410c;--bcm-new-ds-color-orange-800:#9a3412;--bcm-new-ds-color-orange-900:#7c2d12;--bcm-new-ds-color-amber:#f59e0b;--bcm-new-ds-color-amber-50:#fffbeb;--bcm-new-ds-color-amber-100:#fef3c7;--bcm-new-ds-color-amber-200:#fde68a;--bcm-new-ds-color-amber-300:#fcd34d;--bcm-new-ds-color-amber-400:#fbbf24;--bcm-new-ds-color-amber-500:#f59e0b;--bcm-new-ds-color-amber-600:#d97706;--bcm-new-ds-color-amber-700:#b45309;--bcm-new-ds-color-amber-800:#92400e;--bcm-new-ds-color-amber-900:#78350f;--bcm-new-ds-color-yellow:#eab308;--bcm-new-ds-color-yellow-50:#fefce8;--bcm-new-ds-color-yellow-100:#fef9c3;--bcm-new-ds-color-yellow-200:#fef08a;--bcm-new-ds-color-yellow-300:#fde047;--bcm-new-ds-color-yellow-400:#facc15;--bcm-new-ds-color-yellow-500:#eab308;--bcm-new-ds-color-yellow-600:#ca8a04;--bcm-new-ds-color-yellow-700:#a16207;--bcm-new-ds-color-yellow-800:#854d0e;--bcm-new-ds-color-yellow-900:#713f12;--bcm-new-ds-color-lime:#84cc16;--bcm-new-ds-color-lime-50:#f7fee7;--bcm-new-ds-color-lime-100:#ecfccb;--bcm-new-ds-color-lime-200:#d9f99d;--bcm-new-ds-color-lime-300:#bef264;--bcm-new-ds-color-lime-400:#a3e635;--bcm-new-ds-color-lime-500:#84cc16;--bcm-new-ds-color-lime-600:#65a30d;--bcm-new-ds-color-lime-700:#4d7c0f;--bcm-new-ds-color-lime-800:#3f6212;--bcm-new-ds-color-lime-900:#365314;--bcm-new-ds-color-green:#22c55e;--bcm-new-ds-color-green-50:#f0fdf4;--bcm-new-ds-color-green-100:#dcfce7;--bcm-new-ds-color-green-200:#bbf7d0;--bcm-new-ds-color-green-300:#86efac;--bcm-new-ds-color-green-400:#4ade80;--bcm-new-ds-color-green-500:#22c55e;--bcm-new-ds-color-green-600:#16a34a;--bcm-new-ds-color-green-700:#15803d;--bcm-new-ds-color-green-800:#166534;--bcm-new-ds-color-green-900:#14532d;--bcm-new-ds-color-emerald:#10b981;--bcm-new-ds-color-emerald-50:#ecfdf5;--bcm-new-ds-color-emerald-100:#d1fae5;--bcm-new-ds-color-emerald-200:#a7f3d0;--bcm-new-ds-color-emerald-300:#6ee7b7;--bcm-new-ds-color-emerald-400:#34d399;--bcm-new-ds-color-emerald-500:#10b981;--bcm-new-ds-color-emerald-600:#059669;--bcm-new-ds-color-emerald-700:#047857;--bcm-new-ds-color-emerald-800:#065f46;--bcm-new-ds-color-emerald-900:#064e3b;--bcm-new-ds-color-teal:#14b8a6;--bcm-new-ds-color-teal-50:#f0fdfa;--bcm-new-ds-color-teal-100:#ccfbf1;--bcm-new-ds-color-teal-200:#99f6e4;--bcm-new-ds-color-teal-300:#5eead4;--bcm-new-ds-color-teal-400:#2dd4bf;--bcm-new-ds-color-teal-500:#14b8a6;--bcm-new-ds-color-teal-600:#0d9488;--bcm-new-ds-color-teal-700:#0f766e;--bcm-new-ds-color-teal-800:#115e59;--bcm-new-ds-color-teal-900:#134e4a;--bcm-new-ds-color-cyan:#06b6d4;--bcm-new-ds-color-cyan-50:#ecfeff;--bcm-new-ds-color-cyan-100:#cffafe;--bcm-new-ds-color-cyan-200:#a5f3fc;--bcm-new-ds-color-cyan-300:#67e8f9;--bcm-new-ds-color-cyan-400:#22d3ee;--bcm-new-ds-color-cyan-500:#06b6d4;--bcm-new-ds-color-cyan-600:#0891b2;--bcm-new-ds-color-cyan-700:#0e7490;--bcm-new-ds-color-cyan-800:#155e75;--bcm-new-ds-color-cyan-900:#164e63;--bcm-new-ds-color-sky:#0ea5e9;--bcm-new-ds-color-sky-50:#f0f9ff;--bcm-new-ds-color-sky-100:#e0f2fe;--bcm-new-ds-color-sky-200:#bae6fd;--bcm-new-ds-color-sky-300:#7dd3fc;--bcm-new-ds-color-sky-400:#38bdf8;--bcm-new-ds-color-sky-500:#0ea5e9;--bcm-new-ds-color-sky-600:#0284c7;--bcm-new-ds-color-sky-700:#0369a1;--bcm-new-ds-color-sky-800:#075985;--bcm-new-ds-color-sky-900:#0c4a6e;--bcm-new-ds-color-blue:#3b82f6;--bcm-new-ds-color-blue-50:#eff6ff;--bcm-new-ds-color-blue-100:#dbeafe;--bcm-new-ds-color-blue-200:#bfdbfe;--bcm-new-ds-color-blue-300:#93c5fd;--bcm-new-ds-color-blue-400:#60a5fa;--bcm-new-ds-color-blue-500:#3b82f6;--bcm-new-ds-color-blue-600:#2563eb;--bcm-new-ds-color-blue-700:#1d4ed8;--bcm-new-ds-color-blue-800:#1e40af;--bcm-new-ds-color-blue-900:#1e3a8a;--bcm-new-ds-color-indigo:#6366f1;--bcm-new-ds-color-indigo-50:#eef2ff;--bcm-new-ds-color-indigo-100:#e0e7ff;--bcm-new-ds-color-indigo-200:#c7d2fe;--bcm-new-ds-color-indigo-300:#a5b4fc;--bcm-new-ds-color-indigo-400:#818cf8;--bcm-new-ds-color-indigo-500:#6366f1;--bcm-new-ds-color-indigo-600:#4f46e5;--bcm-new-ds-color-indigo-700:#4338ca;--bcm-new-ds-color-indigo-800:#3730a3;--bcm-new-ds-color-indigo-900:#312e81;--bcm-new-ds-color-violet:#8b5cf6;--bcm-new-ds-color-violet-50:#f5f3ff;--bcm-new-ds-color-violet-100:#ede9fe;--bcm-new-ds-color-violet-200:#ddd6fe;--bcm-new-ds-color-violet-300:#c4b5fd;--bcm-new-ds-color-violet-400:#a78bfa;--bcm-new-ds-color-violet-500:#8b5cf6;--bcm-new-ds-color-violet-600:#7c3aed;--bcm-new-ds-color-violet-700:#6d28d9;--bcm-new-ds-color-violet-800:#5b21b6;--bcm-new-ds-color-violet-900:#4c1d95;--bcm-new-ds-color-purple:#a855f7;--bcm-new-ds-color-purple-50:#faf5ff;--bcm-new-ds-color-purple-100:#f3e8ff;--bcm-new-ds-color-purple-200:#e9d5ff;--bcm-new-ds-color-purple-300:#d8b4fe;--bcm-new-ds-color-purple-400:#c084fc;--bcm-new-ds-color-purple-500:#a855f7;--bcm-new-ds-color-purple-600:#9333ea;--bcm-new-ds-color-purple-700:#7e22ce;--bcm-new-ds-color-purple-800:#6b21a8;--bcm-new-ds-color-purple-900:#581c87;--bcm-new-ds-color-fuchsia:#d946ef;--bcm-new-ds-color-fuchsia-50:#fdf4ff;--bcm-new-ds-color-fuchsia-100:#fae8ff;--bcm-new-ds-color-fuchsia-200:#f5d0fe;--bcm-new-ds-color-fuchsia-300:#f0abfc;--bcm-new-ds-color-fuchsia-400:#e879f9;--bcm-new-ds-color-fuchsia-500:#d946ef;--bcm-new-ds-color-fuchsia-600:#c026d3;--bcm-new-ds-color-fuchsia-700:#a21caf;--bcm-new-ds-color-fuchsia-800:#86198f;--bcm-new-ds-color-fuchsia-900:#701a75;--bcm-new-ds-color-pink:#ec4899;--bcm-new-ds-color-pink-50:#fdf2f8;--bcm-new-ds-color-pink-100:#fce7f3;--bcm-new-ds-color-pink-200:#fbcfe8;--bcm-new-ds-color-pink-300:#f9a8d4;--bcm-new-ds-color-pink-400:#f472b6;--bcm-new-ds-color-pink-500:#ec4899;--bcm-new-ds-color-pink-600:#db2777;--bcm-new-ds-color-pink-700:#be185d;--bcm-new-ds-color-pink-800:#9d174d;--bcm-new-ds-color-pink-900:#831843;--bcm-new-ds-color-rose:#f43f5e;--bcm-new-ds-color-rose-50:#fff1f2;--bcm-new-ds-color-rose-100:#ffe4e6;--bcm-new-ds-color-rose-200:#fecdd3;--bcm-new-ds-color-rose-300:#fda4af;--bcm-new-ds-color-rose-400:#fb7185;--bcm-new-ds-color-rose-500:#f43f5e;--bcm-new-ds-color-rose-600:#e11d48;--bcm-new-ds-color-rose-700:#be123c;--bcm-new-ds-color-rose-800:#9f1239;--bcm-new-ds-color-rose-900:#881337}*{box-sizing:border-box}.bcm-drawer{user-select:none;position:absolute;width:100vw;height:100vh;top:-100%;left:-100%;overflow:hidden;visibility:hidden}.bcm-drawer--open{visibility:visible;top:0;left:0}.bcm-drawer__content{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;user-select:text;position:fixed;width:100%;height:100%;background-color:#f1f5f9;z-index:10350;transition:transform 0.2s ease-in-out;transform:translateX(-100%);visibility:hidden;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.bcm-drawer__content-body{padding:0 24px 24px 24px}.bcm-drawer__content.full-width{max-width:100%}.bcm-drawer__content-header{padding:24px 24px 0 24px;display:flex;justify-content:space-between;align-items:flex-start;color:var(--bcm-color-grey-8);margin-bottom:8px}.bcm-drawer__content-header-close{padding:4px 8px;margin-right:-4px;margin-top:-4px;color:var(--bcm-color-grey-7)}.bcm-drawer__content-header-close:hover{cursor:pointer;color:var(--bcm-color-grey-8)}.bcm-drawer__content-footer{padding:12px 24px}.bcm-drawer__content--position-left,.bcm-drawer__content--position-right{max-width:500px}.bcm-drawer__content--position-left.full-width,.bcm-drawer__content--position-right.full-width{max-width:100%}.bcm-drawer__content--position-top,.bcm-drawer__content--position-bottom{max-height:500px}.bcm-drawer__content--position-top.full-width,.bcm-drawer__content--position-bottom.full-width{max-height:100%}.bcm-drawer__content--position-left{transform:translateX(-100%);top:0;left:0}.bcm-drawer__content--position-top{transform:translateY(-100%);top:0;left:0}.bcm-drawer__content--position-right{transform:translateX(100%);top:0;right:0}.bcm-drawer__content--position-bottom{transform:translateY(100%);bottom:0;left:0}.bcm-drawer__content--open{transform:translateX(0);visibility:visible}.bcm-drawer__content--close{visibility:visible}.bcm-drawer__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);z-index:10349;visibility:hidden;opacity:0;transition:opacity 0.3s ease-in-out}.bcm-drawer__overlay--close{opacity:0;visibility:visible;transform:translateX(-100%)}.bcm-drawer__overlay--open{opacity:1;visibility:visible;transform:translateX(0)}';export{b as bcm_drawer}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as e,c as i,h as t,H as s,g as o}from"./p-88f7d869.js";import{c as h}from"./p-d5b08a77.js";import{B as p}from"./p-a429e85b.js";import{G as n}from"./p-34a59d30.js";import{I as a}from"./p-9bef5a59.js";import"./p-6f56f8ca.js";import"./p-71930900.js";const r=class{constructor(t){e(this,t),this.onShow=i(this,"bcm-show",7),this.onHide=i(this,"bcm-hide",7),this._title=void 0,this._id=n.UID(),this.message=void 0,this.placement=p.Placement.top,this.trigger=p.TriggerType.click,this.open=!1,this.linkedComponent=void 0}async show(){this.open||(this.open=!0,this.onShow.emit(),this.createBox(),this.showBox())}async hide(){this.open&&(this.open=!1,this.onHide.emit(),this.hideBox())}createBox(){if(!this.getPopoverBox()){const e=document.createElement("old-bcm-popover-box");e.setAttribute("id","box-"+this._id),e.setAttribute("target-id",this._id),e.setAttribute("placement",this.placement),e.setAttribute("message",this.message),e.setAttribute("_title",this._title),e.setAttribute("linked-component",this.linkedComponent),document.body.appendChild(e)}}getPopoverBox(){return document.querySelector(`old-bcm-popover-box[id="box-${this._id}"]`)}showBox(){this.getPopoverBox()&&this.getPopoverBox().show()}hideBox(){this.getPopoverBox()&&this.getPopoverBox().hide()}listenTrigger(e){switch(this.trigger){case"click":"click"===e&&(this.open?this.hide():this.show());break;case"hover":"onMouseOver"===e&&this.show(),"onMouseOut"===e&&this.hide();break;case"focus":"onFocus"===e&&this.show(),"onBlur"===e&&this.hide()}}render(){const e=h("bcm-popover");return t(s,{class:e,onMouseOver:()=>this.listenTrigger("onMouseOver"),onMouseOut:()=>this.listenTrigger("onMouseOut"),onclick:()=>this.listenTrigger("click"),onFocus:()=>this.listenTrigger("onFocus"),onBlur:()=>this.listenTrigger("onBlur"),tabindex:0},t("slot",null))}get el(){return o(this)}};(function(e,i,t,s){var o,h=arguments.length,p=h<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(e,i,t,s);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(p=(h<3?o(p):h>3?o(i,t,p):o(i,t))||p);h>3&&p&&Object.defineProperty(i,t,p)})([a()],r.prototype,"el",void 0),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-popover{display:inline-flex}';export{r as old_bcm_popover}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as t,h as e,H as s,g as o}from"./p-88f7d869.js";import{I as r}from"./p-9bef5a59.js";import"./p-56bb19ef.js";import"./p-626a65e9.js";import{G as i}from"./p-34a59d30.js";import"./p-70c794df.js";import"./p-16b50160.js";import"./p-7eb8c46e.js";import"./p-7e44e6b5.js";import{a}from"./p-a429e85b.js";import{c}from"./p-d5b08a77.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-71930900.js";import"./p-6f56f8ca.js";const p=class{constructor(e){t(this,e),this._id=i.UID(),this.active=!1,this.disabled=!1,this.index=void 0,this.color="blue",this.size=a.Size.medium}handleClick(){var t;this.disabled||null===(t=i.findParentElement(this.el,"bcm-tab-group"))||void 0===t||t.setActive(this.index)}render(){const{color:t,size:o,active:r,disabled:i}=this;let p,l,b;switch(o){case a.Size.small:p="2",l="1",b="2";break;case a.Size.medium:p="3",l="2",b="3";break;case a.Size.large:p="4",l="3",b="4";break;default:p="3",l="2",b="3"}return e(s,{onClick:()=>this.handleClick(),class:c(`tw-text-${p} tw-py-${l} tw-flex tw-flex-1 tw-items-center tw-justify-center tw-border-b-[2px] tw-border-b-slate-300  tw-transition-font tw-gap-${b} tw-focus:outline-none tw-mb-${l}]`,i?"tw-cursor-not-allowed tw-text-gray-400 tw-opacity-50":"tw-cursor-pointer",r?`tw-text-${t}-500 enabled:hover:tw-text-${t}-600 enabled:active:tw-text-${t}-700 enabled:focus-visible:tw-text-${t}-800`:"tw-text-slate-400 enabled:hover:tw-text-slate-500 enabled:focus-visible:tw-text-slate-700 enabled:active:tw-text-slate-600")})}get el(){return o(this)}};!function(t,e,s,o){var r,i=arguments.length,a=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,s,o);else for(var c=t.length-1;c>=0;c--)(r=t[c])&&(a=(i<3?r(a):i>3?r(e,s,a):r(e,s))||a);i>3&&a&&Object.defineProperty(e,s,a)}([r()],p.prototype,"el",void 0);export{p as bcm_tab_item_header}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as e,c as o,h as i,H as t,g as s}from"./p-88f7d869.js";import{c as l}from"./p-d5b08a77.js";import{I as p}from"./p-9bef5a59.js";import{G as r}from"./p-34a59d30.js";import"./p-6f56f8ca.js";import"./p-71930900.js";const a=class{constructor(i){e(this,i),this.bcmCollapseOpen=o(this,"bcm-collapse-open",7),this._id=r.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:o,open:s,noBorder:p,_id:r}=this,a=l("bcm-collapse",{"bcm-collapse--borderless":o,"bcm-collapse--open":s,"bcm-collapse--no-border":p});return i(t,{class:{hidden:e},id:r},i("details",{class:a,open:s},i("summary",{class:"bcm-collapse__header size-2",onClick:()=>this.open=!s},i("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>'}),i("slot",{name:"title"})),i("div",{class:"bcm-collapse__body"},i("slot",{name:"body"}))))}get el(){return s(this)}};(function(e,o,i,t){var s,l=arguments.length,p=l<3?o:null===t?t=Object.getOwnPropertyDescriptor(o,i):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(e,o,i,t);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(p=(l<3?s(p):l>3?s(o,i,p):s(o,i))||p);l>3&&p&&Object.defineProperty(o,i,p)})([p()],a.prototype,"el",void 0),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}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as e,h as c,H as o,g as r}from"./p-88f7d869.js";import{c as s}from"./p-d5b08a77.js";import{I as l}from"./p-9bef5a59.js";import{C as n}from"./p-56bb19ef.js";import{G as d}from"./p-34a59d30.js";import{B as b}from"./p-a429e85b.js";import"./p-6f56f8ca.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-71930900.js";const i={small:{textSize:"size-3",iconSize:22,circleSize:80,radius:36},medium:{textSize:"size-5",iconSize:30,circleSize:120,radius:52}};const m=class{constructor(c){e(this,c),this._id=d.UID(),this.value=0,this.max=100,this.size=b.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 c=2*e.r.baseVal.value*Math.PI,o=c-this.value/this.max*c;e.style.strokeDasharray=`${c} ${c}`,e.style.strokeDashoffset=`${c}`,e.style.strokeDashoffset=`${o}`}}componentShouldUpdate(e,c,o){"value"===o&&e!==c&&this.handlePercent(e),"max"===o&&e!==c&&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,c="set"){if(!e&&0!=e||"number"!=typeof e)this.error=!0;else{switch(c){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 c("bcm-icon",{icon:"far fa-"+(this.error?"times":"check")+("line"===e?"-circle":"")})}render(){const{type:e,hidden:r,error:l,size:d,isCompleted:b,value:m,fullWidth:a}=this,t="icon"===this.info,{circleSize:w,radius:f,textSize:p}=i[this.size],g=+w/2,h=s({completed:t&&b,error:l}),u=s("bcm-progress__line-progress",d,e,h),x=s("bcm-progress__circle-circle","bar",h),z={width:`${w}px`,height:`${w}px`},y=s("bcm-progress",{hidden:r,"full-width":a});return c(o,{class:y,style:{"--bcm-progress-color":n.dsColor(this.color)}},c("circle"===e?()=>c("div",{class:"bcm-progress__circle",style:z},c("svg",{width:w,height:w},c("circle",{r:f,cx:g,cy:g,class:"bcm-progress__circle-circle"}),c("circle",{r:f,cx:g,cy:g,class:x,id:"circle"}),this.info&&"icon"!=this.info&&!this.error&&c("text",{x:g,y:g,"text-anchor":"middle",class:p,"alignment-baseline":"middle"},"value-max"===this.info&&m+"/"+this.max,"value"===this.info&&{value:m},"percent"===this.info&&100/this.max*+m+"%")),this.getIcon("circle")):()=>c("div",{class:"bcm-progress__line"},c("progress",{class:u,value:m,max:this.max}),"value-max"===this.info&&c("span",{class:"value"},m,"/",this.max," "),"value"===this.info&&c("span",{class:"value"},m," "),"percent"===this.info&&c("span",{class:"value"},100/this.max*+m,"%"),"icon"===this.info&&c("span",{class:"value"},this.getIcon("line"))),null))}get el(){return r(this)}};(function(e,c,o,r){var s,l=arguments.length,n=l<3?c:null===r?r=Object.getOwnPropertyDescriptor(c,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,c,o,r);else for(var d=e.length-1;d>=0;d--)(s=e[d])&&(n=(l<3?s(n):l>3?s(c,o,n):s(c,o))||n);l>3&&n&&Object.defineProperty(c,o,n)})([l()],m.prototype,"el",void 0),m.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}:root,::after,::before{--bcm-new-ds-color-inherit:inherit;--bcm-new-ds-color-current:currentColor;--bcm-new-ds-color-transparent:transparent;--bcm-new-ds-color-black:#000;--bcm-new-ds-color-white:#fff;--bcm-new-ds-color-slate:#64748b;--bcm-new-ds-color-slate-50:#f8fafc;--bcm-new-ds-color-slate-100:#f1f5f9;--bcm-new-ds-color-slate-200:#e2e8f0;--bcm-new-ds-color-slate-300:#cbd5e1;--bcm-new-ds-color-slate-400:#94a3b8;--bcm-new-ds-color-slate-500:#64748b;--bcm-new-ds-color-slate-600:#475569;--bcm-new-ds-color-slate-700:#334155;--bcm-new-ds-color-slate-800:#1e293b;--bcm-new-ds-color-slate-900:#0f172a;--bcm-new-ds-color-gray:#6b7280;--bcm-new-ds-color-gray-50:#f9fafb;--bcm-new-ds-color-gray-100:#f3f4f6;--bcm-new-ds-color-gray-200:#e5e7eb;--bcm-new-ds-color-gray-300:#d1d5db;--bcm-new-ds-color-gray-400:#9ca3af;--bcm-new-ds-color-gray-500:#6b7280;--bcm-new-ds-color-gray-600:#4b5563;--bcm-new-ds-color-gray-700:#374151;--bcm-new-ds-color-gray-800:#1f2937;--bcm-new-ds-color-gray-900:#111827;--bcm-new-ds-color-zinc:#71717a;--bcm-new-ds-color-zinc-50:#fafafa;--bcm-new-ds-color-zinc-100:#f4f4f5;--bcm-new-ds-color-zinc-200:#e4e4e7;--bcm-new-ds-color-zinc-300:#d4d4d8;--bcm-new-ds-color-zinc-400:#a1a1aa;--bcm-new-ds-color-zinc-500:#71717a;--bcm-new-ds-color-zinc-600:#52525b;--bcm-new-ds-color-zinc-700:#3f3f46;--bcm-new-ds-color-zinc-800:#27272a;--bcm-new-ds-color-zinc-900:#18181b;--bcm-new-ds-color-neutral:#737373;--bcm-new-ds-color-neutral-50:#fafafa;--bcm-new-ds-color-neutral-100:#f5f5f5;--bcm-new-ds-color-neutral-200:#e5e5e5;--bcm-new-ds-color-neutral-300:#d4d4d4;--bcm-new-ds-color-neutral-400:#a3a3a3;--bcm-new-ds-color-neutral-500:#737373;--bcm-new-ds-color-neutral-600:#525252;--bcm-new-ds-color-neutral-700:#404040;--bcm-new-ds-color-neutral-800:#262626;--bcm-new-ds-color-neutral-900:#171717;--bcm-new-ds-color-stone:#78716c;--bcm-new-ds-color-stone-50:#fafaf9;--bcm-new-ds-color-stone-100:#f5f5f4;--bcm-new-ds-color-stone-200:#e7e5e4;--bcm-new-ds-color-stone-300:#d6d3d1;--bcm-new-ds-color-stone-400:#a8a29e;--bcm-new-ds-color-stone-500:#78716c;--bcm-new-ds-color-stone-600:#57534e;--bcm-new-ds-color-stone-700:#44403c;--bcm-new-ds-color-stone-800:#292524;--bcm-new-ds-color-stone-900:#1c1917;--bcm-new-ds-color-red:#ef4444;--bcm-new-ds-color-red-50:#fef2f2;--bcm-new-ds-color-red-100:#fee2e2;--bcm-new-ds-color-red-200:#fecaca;--bcm-new-ds-color-red-300:#fca5a5;--bcm-new-ds-color-red-400:#f87171;--bcm-new-ds-color-red-500:#ef4444;--bcm-new-ds-color-red-600:#dc2626;--bcm-new-ds-color-red-700:#b91c1c;--bcm-new-ds-color-red-800:#991b1b;--bcm-new-ds-color-red-900:#7f1d1d;--bcm-new-ds-color-orange:#f97316;--bcm-new-ds-color-orange-50:#fff7ed;--bcm-new-ds-color-orange-100:#ffedd5;--bcm-new-ds-color-orange-200:#fed7aa;--bcm-new-ds-color-orange-300:#fdba74;--bcm-new-ds-color-orange-400:#fb923c;--bcm-new-ds-color-orange-500:#f97316;--bcm-new-ds-color-orange-600:#ea580c;--bcm-new-ds-color-orange-700:#c2410c;--bcm-new-ds-color-orange-800:#9a3412;--bcm-new-ds-color-orange-900:#7c2d12;--bcm-new-ds-color-amber:#f59e0b;--bcm-new-ds-color-amber-50:#fffbeb;--bcm-new-ds-color-amber-100:#fef3c7;--bcm-new-ds-color-amber-200:#fde68a;--bcm-new-ds-color-amber-300:#fcd34d;--bcm-new-ds-color-amber-400:#fbbf24;--bcm-new-ds-color-amber-500:#f59e0b;--bcm-new-ds-color-amber-600:#d97706;--bcm-new-ds-color-amber-700:#b45309;--bcm-new-ds-color-amber-800:#92400e;--bcm-new-ds-color-amber-900:#78350f;--bcm-new-ds-color-yellow:#eab308;--bcm-new-ds-color-yellow-50:#fefce8;--bcm-new-ds-color-yellow-100:#fef9c3;--bcm-new-ds-color-yellow-200:#fef08a;--bcm-new-ds-color-yellow-300:#fde047;--bcm-new-ds-color-yellow-400:#facc15;--bcm-new-ds-color-yellow-500:#eab308;--bcm-new-ds-color-yellow-600:#ca8a04;--bcm-new-ds-color-yellow-700:#a16207;--bcm-new-ds-color-yellow-800:#854d0e;--bcm-new-ds-color-yellow-900:#713f12;--bcm-new-ds-color-lime:#84cc16;--bcm-new-ds-color-lime-50:#f7fee7;--bcm-new-ds-color-lime-100:#ecfccb;--bcm-new-ds-color-lime-200:#d9f99d;--bcm-new-ds-color-lime-300:#bef264;--bcm-new-ds-color-lime-400:#a3e635;--bcm-new-ds-color-lime-500:#84cc16;--bcm-new-ds-color-lime-600:#65a30d;--bcm-new-ds-color-lime-700:#4d7c0f;--bcm-new-ds-color-lime-800:#3f6212;--bcm-new-ds-color-lime-900:#365314;--bcm-new-ds-color-green:#22c55e;--bcm-new-ds-color-green-50:#f0fdf4;--bcm-new-ds-color-green-100:#dcfce7;--bcm-new-ds-color-green-200:#bbf7d0;--bcm-new-ds-color-green-300:#86efac;--bcm-new-ds-color-green-400:#4ade80;--bcm-new-ds-color-green-500:#22c55e;--bcm-new-ds-color-green-600:#16a34a;--bcm-new-ds-color-green-700:#15803d;--bcm-new-ds-color-green-800:#166534;--bcm-new-ds-color-green-900:#14532d;--bcm-new-ds-color-emerald:#10b981;--bcm-new-ds-color-emerald-50:#ecfdf5;--bcm-new-ds-color-emerald-100:#d1fae5;--bcm-new-ds-color-emerald-200:#a7f3d0;--bcm-new-ds-color-emerald-300:#6ee7b7;--bcm-new-ds-color-emerald-400:#34d399;--bcm-new-ds-color-emerald-500:#10b981;--bcm-new-ds-color-emerald-600:#059669;--bcm-new-ds-color-emerald-700:#047857;--bcm-new-ds-color-emerald-800:#065f46;--bcm-new-ds-color-emerald-900:#064e3b;--bcm-new-ds-color-teal:#14b8a6;--bcm-new-ds-color-teal-50:#f0fdfa;--bcm-new-ds-color-teal-100:#ccfbf1;--bcm-new-ds-color-teal-200:#99f6e4;--bcm-new-ds-color-teal-300:#5eead4;--bcm-new-ds-color-teal-400:#2dd4bf;--bcm-new-ds-color-teal-500:#14b8a6;--bcm-new-ds-color-teal-600:#0d9488;--bcm-new-ds-color-teal-700:#0f766e;--bcm-new-ds-color-teal-800:#115e59;--bcm-new-ds-color-teal-900:#134e4a;--bcm-new-ds-color-cyan:#06b6d4;--bcm-new-ds-color-cyan-50:#ecfeff;--bcm-new-ds-color-cyan-100:#cffafe;--bcm-new-ds-color-cyan-200:#a5f3fc;--bcm-new-ds-color-cyan-300:#67e8f9;--bcm-new-ds-color-cyan-400:#22d3ee;--bcm-new-ds-color-cyan-500:#06b6d4;--bcm-new-ds-color-cyan-600:#0891b2;--bcm-new-ds-color-cyan-700:#0e7490;--bcm-new-ds-color-cyan-800:#155e75;--bcm-new-ds-color-cyan-900:#164e63;--bcm-new-ds-color-sky:#0ea5e9;--bcm-new-ds-color-sky-50:#f0f9ff;--bcm-new-ds-color-sky-100:#e0f2fe;--bcm-new-ds-color-sky-200:#bae6fd;--bcm-new-ds-color-sky-300:#7dd3fc;--bcm-new-ds-color-sky-400:#38bdf8;--bcm-new-ds-color-sky-500:#0ea5e9;--bcm-new-ds-color-sky-600:#0284c7;--bcm-new-ds-color-sky-700:#0369a1;--bcm-new-ds-color-sky-800:#075985;--bcm-new-ds-color-sky-900:#0c4a6e;--bcm-new-ds-color-blue:#3b82f6;--bcm-new-ds-color-blue-50:#eff6ff;--bcm-new-ds-color-blue-100:#dbeafe;--bcm-new-ds-color-blue-200:#bfdbfe;--bcm-new-ds-color-blue-300:#93c5fd;--bcm-new-ds-color-blue-400:#60a5fa;--bcm-new-ds-color-blue-500:#3b82f6;--bcm-new-ds-color-blue-600:#2563eb;--bcm-new-ds-color-blue-700:#1d4ed8;--bcm-new-ds-color-blue-800:#1e40af;--bcm-new-ds-color-blue-900:#1e3a8a;--bcm-new-ds-color-indigo:#6366f1;--bcm-new-ds-color-indigo-50:#eef2ff;--bcm-new-ds-color-indigo-100:#e0e7ff;--bcm-new-ds-color-indigo-200:#c7d2fe;--bcm-new-ds-color-indigo-300:#a5b4fc;--bcm-new-ds-color-indigo-400:#818cf8;--bcm-new-ds-color-indigo-500:#6366f1;--bcm-new-ds-color-indigo-600:#4f46e5;--bcm-new-ds-color-indigo-700:#4338ca;--bcm-new-ds-color-indigo-800:#3730a3;--bcm-new-ds-color-indigo-900:#312e81;--bcm-new-ds-color-violet:#8b5cf6;--bcm-new-ds-color-violet-50:#f5f3ff;--bcm-new-ds-color-violet-100:#ede9fe;--bcm-new-ds-color-violet-200:#ddd6fe;--bcm-new-ds-color-violet-300:#c4b5fd;--bcm-new-ds-color-violet-400:#a78bfa;--bcm-new-ds-color-violet-500:#8b5cf6;--bcm-new-ds-color-violet-600:#7c3aed;--bcm-new-ds-color-violet-700:#6d28d9;--bcm-new-ds-color-violet-800:#5b21b6;--bcm-new-ds-color-violet-900:#4c1d95;--bcm-new-ds-color-purple:#a855f7;--bcm-new-ds-color-purple-50:#faf5ff;--bcm-new-ds-color-purple-100:#f3e8ff;--bcm-new-ds-color-purple-200:#e9d5ff;--bcm-new-ds-color-purple-300:#d8b4fe;--bcm-new-ds-color-purple-400:#c084fc;--bcm-new-ds-color-purple-500:#a855f7;--bcm-new-ds-color-purple-600:#9333ea;--bcm-new-ds-color-purple-700:#7e22ce;--bcm-new-ds-color-purple-800:#6b21a8;--bcm-new-ds-color-purple-900:#581c87;--bcm-new-ds-color-fuchsia:#d946ef;--bcm-new-ds-color-fuchsia-50:#fdf4ff;--bcm-new-ds-color-fuchsia-100:#fae8ff;--bcm-new-ds-color-fuchsia-200:#f5d0fe;--bcm-new-ds-color-fuchsia-300:#f0abfc;--bcm-new-ds-color-fuchsia-400:#e879f9;--bcm-new-ds-color-fuchsia-500:#d946ef;--bcm-new-ds-color-fuchsia-600:#c026d3;--bcm-new-ds-color-fuchsia-700:#a21caf;--bcm-new-ds-color-fuchsia-800:#86198f;--bcm-new-ds-color-fuchsia-900:#701a75;--bcm-new-ds-color-pink:#ec4899;--bcm-new-ds-color-pink-50:#fdf2f8;--bcm-new-ds-color-pink-100:#fce7f3;--bcm-new-ds-color-pink-200:#fbcfe8;--bcm-new-ds-color-pink-300:#f9a8d4;--bcm-new-ds-color-pink-400:#f472b6;--bcm-new-ds-color-pink-500:#ec4899;--bcm-new-ds-color-pink-600:#db2777;--bcm-new-ds-color-pink-700:#be185d;--bcm-new-ds-color-pink-800:#9d174d;--bcm-new-ds-color-pink-900:#831843;--bcm-new-ds-color-rose:#f43f5e;--bcm-new-ds-color-rose-50:#fff1f2;--bcm-new-ds-color-rose-100:#ffe4e6;--bcm-new-ds-color-rose-200:#fecdd3;--bcm-new-ds-color-rose-300:#fda4af;--bcm-new-ds-color-rose-400:#fb7185;--bcm-new-ds-color-rose-500:#f43f5e;--bcm-new-ds-color-rose-600:#e11d48;--bcm-new-ds-color-rose-700:#be123c;--bcm-new-ds-color-rose-800:#9f1239;--bcm-new-ds-color-rose-900:#881337}*{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{m as bcm_progress}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{h as e,r as c,c as o,H as l,g as s}from"./p-88f7d869.js";import{I as t}from"./p-9bef5a59.js";import{J as n}from"./p-79a1c167.js";import"./p-56bb19ef.js";import"./p-626a65e9.js";import{s as i,G as r}from"./p-34a59d30.js";import{N as b}from"./p-70c794df.js";import{S as d}from"./p-16b50160.js";import{V as a}from"./p-7eb8c46e.js";import"./p-7e44e6b5.js";import{g as m,s as h}from"./p-45f6c93b.js";import{p as w,d as f}from"./p-8c018ae0.js";import{B as p,a as u}from"./p-a429e85b.js";import{C as _}from"./p-de954bc9.js";import{c as g}from"./p-d5b08a77.js";import"./p-3fac58f7.js";import{L as x}from"./p-4487e8c2.js";import"./p-5fd7a8b6.js";import{c as v}from"./p-74595a06.js";import{T as k}from"./p-410c74f6.js";import"./p-436364c8.js";import"./p-71930900.js";import"./p-6f56f8ca.js";import"./p-48e9166c.js";import"./p-56898932.js";const y=({disabled:c,checked:o,readonly:l,required:s,indeterminate:t,hidden:n,captionType:i,_id:r})=>{const b=g("bcm-checkbox","bcm-checkbox__type-default","bcm-checkbox-size-medium",{error:i==p.Status.error,hidden:n,checked:o,disabled:c,required:s,readonly:l}),d=g("bcm-checkbox__label-icon","bcm-checkbox__label-icon-lite","bcm-checkbox__label-icon-"+t,{"bcm-checkbox__label-icon-checked":o}),a=g("bcm-checkbox__label");return e("div",{class:b},e("input",{tabindex:"-1",id:r,type:"checkbox",checked:o,disabled:c,required:s,readonly:l}),e("label",{class:a,htmlFor:r},e("span",{class:d},e("bcm-icon",{icon:"far fa-check"}))))},z=({selected:c,total:o,found:l,multiple:s,variableText:t})=>(o=o||0,t=t?w(t,o):"items",e("footer",{class:"bcm-info-footer"},e("bcm-text",{scale:"size-1",color:"grey-8"},s&&c>0&&` ( ${c} selected ) `,` Total ${o} `,null!=l&&` / ${l} `,` ${t} found. `))),I=({item:c,treeview:o,highlight:l,checkboxes:s,size:t,selectedItem:n,openGroup:i,checkedItem:r,focusItem:b,searchIsOnlyChilds:a})=>{const m=c.items&&c.items.length>0;var h=d.htmlEntities(c.text);let w=[];if(l&&d.slugify(h).includes(d.slugify(l))&&(a&&(!a||m&&(o||"group"==c.type))||(h=d.highlight(h,l))),"group"!=c.type&&c.template){const e=c.template.replace(/\s/g,"").match(/\{{[^}}]+\}/g).map((e=>e.replace(/[{}]/g,""))),o=Object.keys(c.itemObject);w=e.filter((e=>o.includes(e)))}h=c.isHtmlContent?c.isHtmlContent:c.template&&w.length>0?d.templateParser(c.template,Object.assign(Object.assign({},c.itemObject),{text:h})):h;const f=!o&&"group"==c.type&&!c.clickable,p=c.disabled,u=c.readonly,_=()=>{c.open=c.isSearching,i(c.id)};return e("div",{id:c.id,hidden:c.hidden,"on-focus":e=>!f&&!p&&b(e),class:g("bcm-list__item","bcm-list__item-"+t,{"bcm-list__item--group":!o&&"group"==c.type,"bcm-list__item--readonly":u})},e("div",{class:g("bcm-list__item-content",!s&&c.selected&&"selected",{disabled:p})},o&&e("div",{class:"bcm-list__item-content-collapse-icon",onClick:()=>_()},m&&e("bcm-icon",{icon:g("fas fa-caret-"+(c.isSearching||c.open?"down":"right"))})),e("div",{class:g("bcm-list__item-content-text",{treeview:o}),onClick:e=>{var o;((o=e).path||o.composedPath()).filter((e=>e.attributes&&e.attributes.getNamedItem("unlinked")))[0]||(u&&_(),!f&&!p&&!u&&(s?r(c.id):n(c.id)))}},s&&(o||!o&&"group"!=c.type)&&e("div",{class:"bcm-list__item-content-text-checkbox"},e(y,{indeterminate:c.indeterminate,checked:c.checked,disabled:c.disabled})),e("span",Object.assign({class:"bcm-list__item-content-text-inner"},c.title&&{title:c.title},{innerHTML:h})))),(o||!o&&"group"==c.type)&&m&&e("div",{class:"bcm-list__item-childs"},(c.isSearching||c.open||!o&&"group"==c.type)&&c.items.map((c=>e(I,{highlight:l,item:c,searchIsOnlyChilds:a,treeview:o,checkboxes:s,size:t,selectedItem:n,checkedItem:r,openGroup:e=>i(e),focusItem:e=>b(e)})))))},j=({highlight:c,selectAllItem:o,bcmListContainer:l,treeview:s,checkboxes:t,checkAll:n,infoFooter:i,value:r,totalData:b,searchFound:d,variableText:a,_id:m,data:h,width:w,height:f,size:p,searchPlaceholder:u,minSearchLength:_,selectedItem:g,openGroup:x,checkedItem:v,onScrollEvent:k,focusItem:y,items:j,searchable:C,searchIsOnlyChilds:$,emptyText:O,emptyIcon:S})=>{const T=!(s&&d>0||d>0);return e("div",{id:`bcm-list-${m}`,class:l,style:{"--height":f,"--width":w}},h&&C&&e("section",{class:"bcm-list__container-search"},e("bcm-search",{size:p,id:`bcm-list-${m}-search`,data:h,clearable:!0,placeholder:u,"min-search-length":_,searchIsOnlyChilds:$})),e("main",{onScroll:e=>k(e),class:"scrolling",style:{"overscroll-behavior":"none"}},e("div",{style:{"min-height":`${(d>=0||(s?j.length:b))*("small"===p?28:"medium"===p?36:48)||0}px`,"overscroll-behavior":"none",height:"100%",display:"flex","flex-direction":"column"}},n&&0!=d&&j&&j.length>0&&t&&T&&e("section",{class:"bcm-list__container-select-all"},e(I,{size:p,item:o,treeview:!1,checkboxes:!0,selectedItem:e=>g(e),checkedItem:e=>v(e),openGroup:e=>x(e),focusItem:e=>y(e)})),j.map((o=>e(I,{highlight:c,size:p,item:o,searchIsOnlyChilds:$,treeview:s,checkboxes:t,selectedItem:e=>g(e),checkedItem:e=>v(e),openGroup:e=>x(e),focusItem:e=>y(e)}))),(!j||0===j.length)&&0!=d&&e("section",{class:"bcm-list__container-no-data"},e("bcm-empty",{style:{height:"auto"},icon:S},e("span",{innerHTML:O||"No data"}))),0==d&&e("section",{class:"bcm-list__container-no-data"},e("bcm-empty",{style:{height:"auto"},icon:S},e("span",{innerHTML:O||"No Data Found"}))))),i&&h&&h.length>0&&e(z,{selected:null==r?void 0:r.length,total:b,found:d,multiple:t,variableText:a}))},{state:C}=v({value:new Map}),$=(e,c,o)=>{let l=[];return e&&e.length>0&&(l=e.map((e=>Object.assign(Object.assign(Object.assign(Object.assign({itemObject:e},e),c),{parentId:i((()=>o),null),open:c.allOpen||e.open||!1}),(c.treeview||!c.treeview&&"group"==e.type)&&e.items&&e.items.length>0?{items:i((()=>$(e.items,c,e.id)),[])}:{items:[]})))),l},O=e=>i((()=>C.value.get(e)),{}),S=(e,c)=>{let o=0;return e.forEach((e=>{(c||!c&&"group"!=e.type)&&(o+=1),(c||!c&&"group"==e.type)&&e.items&&(o+=S(e.items,c))})),o},T=(e,c,o,l)=>{let s;s=o||O(e).dataSource,s&&s.forEach((o=>{null!=l?o.open=l:o.id==c?(o.open=!o.open,o.isSearching=o.open,!o.open&&o.items&&T(e,c,o.items,!1)):o.items&&T(e,c,o.items)}))},E=(e,c,o)=>{o&&o.forEach((o=>{o.id==c?(o.checked=!1,o.itemObject.checked=!1,R(e,o.parentId)):o.items&&E(e,c,o.items)}))},P=(e,c)=>{F(e,c)},F=(e,c,o)=>{let l;c=Array.isArray(c)?c:[c],l=o||O(e).dataSource,l&&l.forEach((o=>{c.includes(o.id)?(L(e,o),o.parentId&&R(e,o.parentId)):o.items&&F(e,c,o.items)}))},L=(e,c,o)=>{const l=O(e);if(l){const s=l.options.treeview;c&&((s||!s&&"group"!=c.type)&&(c.disabled||(c.checked=null!=o?o:!c.checked,c.itemObject.checked=c.checked,c.indeterminate=c.checked?"determinate":"uncheck")),c.items&&c.items.forEach((l=>{L(e,l,null==o?c.checked:o)})))}},R=(e,c,o)=>{let l;l=o||O(e).dataSource,l&&l.forEach((o=>{if(o.id==c){let c=!0,l=!0;o.items&&o.items.map((e=>{(e.checked||"indeterminate"===e.indeterminate)&&(l=!1),!e.checked&&(c=!1)}));const s=c||l?c?"determinate":"uncheck":"indeterminate";o.indeterminate=s,o.checked="determinate"==s,o.itemObject.checked=o.checked,o.parentId&&R(e,o.parentId)}else o.items&&R(e,c,o.items)}))},D=(e,c,o,l)=>{let s,t=[],n=[];return O(e).isSearchOtherTag=l,s=o||O(e).dataSource,s&&s.forEach((o=>{if(c){var s;o.hidden=!0;for(let e=0;e<c.length;e++)if(c[e].id===o.id){s=c[e];break}if(s&&(o.hidden=!1,O(e).isSearchOtherTag||(o.isSearching=!0),n.push(o),o.checked&&t.push(o),s.items)){const{checkedItems:c,visibledItems:i}=D(e,s.items,o.items,l);c&&(t=[...new Set([...t,...c])]),i&&(n=[...new Set([...n,...i])])}}else o.hidden=!1,o.items&&D(e,null,o.items),n.push(o),o.isSearching=!1})),{checkedItems:null!=t?t:[],visibledItems:null!=n?n:[]}},A=(e,c)=>{let o,l=null;return o=c||O(e).dataSource,o&&o.forEach((c=>{if(c.selected)l=c.itemObject;else if(c.items){const o=A(e,c.items);o&&(l=o)}})),l},N=(e,c)=>{let o,l=[],s=[];return o=c||O(e).dataSource,o&&o.forEach((c=>{var o;let t=[],n=[];if(c.checked&&(l.push(c.itemObject),n.push(Object.assign(Object.assign({},c.itemObject),{items:[]}))),c.items){const s=N(e,c.items);(null===(o=null==s?void 0:s.checkedList)||void 0===o?void 0:o.length)>0&&(l=[...l,...s.checkedList]),s.nestedResult.length>0&&(t=s.nestedResult)}t.length>0?(0==n.length&&n.push(Object.assign(Object.assign({},c.itemObject),{items:[]})),n[0].items=t,s.push(n[0])):n.length>0&&(n[0].items=t,s.push(n[0]))})),{checkedList:(null==l?void 0:l.length)>0?l:null,nestedResult:s}},G=(e,c,o)=>{let l,s=[];return l=o||O(e).dataSource,l&&l.forEach((o=>{if(c&&(o.id==c?(o.selected=!0,o.itemObject.selected=o.selected):o.selected&&(o.selected=!1,o.itemObject.selected=o.selected)),o.items){const l=G(e,c,o.items);(null==l?void 0:l.length)>0&&(s=[...s,...l])}o.selected&&s.push(o.itemObject)})),s&&s.length>0?s:null},H=(e,c)=>{let o;o=c||O(e).dataSource,o&&o.forEach((c=>{var o,l,s;c.checked&&(c.checked=!1),c.selected&&(c.selected=!1),c.indeterminate&&(c.indeterminate="uncheck"),(null===(o=c.itemObject)||void 0===o?void 0:o.checked)&&(c.itemObject.checked=!1),(null===(l=c.itemObject)||void 0===l?void 0:l.selected)&&(c.itemObject.selected=!1),(null===(s=c.itemObject)||void 0===s?void 0:s.indeterminate)&&(c.itemObject.indeterminate="uncheck"),c.items&&H(e,c.items)}))},V={setValue:e=>{const{id:c,dataSource:o,options:l}=e,{type:s,treeview:t,checkboxes:n,searchable:b,value:d,name:a,label:m,size:h,disabled:w,readonly:f,highlight:p,required:u,hidden:_,fullWidth:g,height:x,maxHeight:v,minHeight:k,width:y,infoFooter:z,variableText:I,template:j,allOpen:O,keyControl:T,checkAll:E,linkedComponent:P,placeholder:F,searchPlaceholder:L,searchIsOnlyChilds:R,clearable:D,caption:A,noCaption:N,captionType:G,captionError:H,placement:V}=l,M={size:h,checkboxes:n,template:j,allOpen:O,highlight:p,treeview:t},q={id:i((()=>c),r.UID),dataSource:o&&o.length>0&&$(o,M),options:{type:s,treeview:t,checkboxes:n,searchable:b,value:d,name:a,label:m,size:h,disabled:w,readonly:f,highlight:p,required:u,hidden:_,fullWidth:g,height:x,maxHeight:v,minHeight:k,width:y,infoFooter:z,variableText:I,template:j,allOpen:O,keyControl:T,checkAll:E,linkedComponent:P,placeholder:F,searchPlaceholder:L,searchIsOnlyChilds:R,clearable:D,caption:A,noCaption:N,captionType:G,captionError:H,placement:V},totalItems:(null==o?void 0:o.length)>0&&S(o,l.treeview),totalRoots:null==o?void 0:o.length};C.value.set(q.id,q)},removeValue:e=>{C.value.delete(e)},getValue:O,getData:e=>{let c=[];const o=O(e);if(o){const{dataSource:e}=o;c=e}return c},getDataPagination:(e,c=3,o)=>{let l=[];const s=O(e);if(s){const{dataSource:e}=s;l=o?e.filter((e=>o.indexOf(e.id)>-1)).slice(0,c):e.slice(0,c)}return l},openGroup:T,checkedItem:P,filterData:D,getSelected:A,getCheckedList:N,selectedItem:G,addChecked:(e,c)=>{O(e)&&c.forEach((c=>{P(e,c)}))},setClear:H,selectAll:(e,c)=>{const o=O(e).dataSource;o&&o.forEach((o=>{L(e,o,c)}))},removeOtherTags:(e,c,o)=>{let l;if(c=Array.isArray(c)?c:[c],o)l=o;else{const c=O(e);l=c.dataSource}l&&c.forEach((c=>{l.forEach((o=>{o.id==c?(o.checked=!1,o.itemObject.checked=!1):o.items&&E(e,c,o.items)}))}))},onRemoveItems:E,updateOptions:(e,c)=>{Object.keys(O(e).options).forEach((o=>{O(e).options[o]=c[o]}))},removeState:e=>Promise.resolve(C.value.delete(e))};class M extends class{constructor(e,c,o,l){this.elementName="",this.childElementName="",this.keyCode=e,this.element=c,this.elementName=o,this.childElementName=l}getKeyCode(){return this.keyCode}getElementName(){return this.elementName}getChildElementName(){return this.childElementName}getFocusedElementName(){return this.getElementName()+".focused"}getFocusedElement(){return this.element.querySelectorAll(this.getFocusedElementName())[0]||null}getFirstElement(){return this.element.querySelectorAll(this.getElementName())[0]||null}getNextElement(){var e;return(null===(e=this.getFocusedElement())||void 0===e?void 0:e.nextElementSibling)||this.getFirstElement()}getPreviousElement(){var e;return(null===(e=this.getFocusedElement())||void 0===e?void 0:e.previousElementSibling)||this.getFirstElement()}getChildElement(){var e;return(null===(e=this.getFocusedElement())||void 0===e?void 0:e.querySelectorAll(this.getChildElementName())[0])||null}getParentElement(e){if(e&&e)return e&&e.attributes["data-isroot"]?e:this.getParentElement(e.parentNode)}focusElementIsOpen(){var e;return(null===(e=this.getFocusedElement())||void 0===e?void 0:e.classList.contains("bcm-list__item--open"))||!1}isRootElement(){var e;return(null===(e=this.getFocusedElement())||void 0===e?void 0:e.querySelectorAll(this.getChildElementName()).length)>0}isRootElementIsOpen(){return this.getFocusedElement().classList.contains("bcm-list__item--open")}getFocusedChildElement(){var e;return(null===(e=this.getChildElement())||void 0===e?void 0:e.querySelectorAll(".focused")[0])||null}isLastElement(){var e;return null===(null===(e=this.getFocusedElement())||void 0===e?void 0:e.nextElementSibling)}focusParentElementFirstChild(){var e,c;return this.setFocus(null===(c=null===(e=this.getFocusedElement())||void 0===e?void 0:e.parentElement)||void 0===c?void 0:c.firstChild)}isFirstElement(){var e;return null===(null===(e=this.getFocusedElement())||void 0===e?void 0:e.previousElementSibling)}focusRootElement(){var e,c,o;return this.setFocus(null===(o=null===(c=null===(e=this.getFocusedElement())||void 0===e?void 0:e.parentElement)||void 0===c?void 0:c.parentElement)||void 0===o?void 0:o.firstChild)}nextRootElement(){var e,c,o;return this.setFocus(null===(o=null===(c=null===(e=this.getFocusedElement())||void 0===e?void 0:e.parentElement)||void 0===c?void 0:c.parentElement)||void 0===o?void 0:o.nextElementSibling)}findFocusElementParent(){return this.getFocusedElement().parentNode.querySelectorAll(".bcm-list__item--open")}getLastElement(){return this.element.querySelectorAll(this.getElementName())[this.element.querySelectorAll(this.getElementName()).length-1]||null}setFocus(e){e.focus()}}{constructor(e,c,o,l){super(e,c,".bcm-list__item",".bcm-list__item-childs"),this.isTreeview=!1,this.isCheckBoxes=!1,this.isTreeview=o,this.isCheckBoxes=l}keyUpControl(){this.isTreeview?this.keyUpTreeview():this.isFirstElement()?this.setFocus(this.getLastElement()):this.setFocus(this.getPreviousElement())}keyDownTreeView(){var e;if(this.isTreeview)if(this.isRootElement()&&this.isRootElementIsOpen()){const e=this.getChildElement();e&&this.setFocus(e.firstChild)}else this.isLastElement()&&this.getParentElement(this.getFocusedElement())?this.setFocus(null===(e=this.getParentElement(this.getFocusedElement()))||void 0===e?void 0:e.nextElementSibling):this.setFocus(this.getNextElement())}keyUpTreeview(){if(this.isFirstElement()){const e=this.getParentElement(this.getFocusedElement());this.setFocus(e)}else{const e=this.getPreviousElement();if(e)if(e.classList.contains("bcm-list__item--open")){const c=e.querySelectorAll(this.getChildElementName())[0];console.log({getChildElement:c}),this.setFocus(c.lastChild)}else this.setFocus(e)}}keyDownControl(){this.isTreeview?this.keyDownTreeView():this.isLastElement()?this.setFocus(this.getFirstElement()):this.setFocus(this.getNextElement())}keyRightControl(){if(this.isTreeview&&!this.isRootElementIsOpen()&&this.isRootElement()){const{id:e}=this.getFocusedElement();this.openGroup(e)}}keyLeftControl(){if(this.isTreeview&&this.isRootElementIsOpen()&&this.isRootElement()){const{id:e}=this.getFocusedElement();this.openGroup(e)}}keyEnterControl(){}keySpaceControl(){if(this.isCheckBoxes){const{id:e}=this.getFocusedElement();this.checkedItem(e)}}keyDown(){switch(this.getKeyCode()){case p.KeyCode.up:this.keyUpControl();break;case p.KeyCode.down:this.keyDownControl();break;case p.KeyCode.left:this.keyLeftControl();break;case p.KeyCode.right:this.keyRightControl();break;case p.KeyCode.enter:this.keyEnterControl();break;case p.KeyCode.space:this.keySpaceControl()}}keyUp(){}}class q{constructor(e,c,o,l,s){this.clearable=!1,this.containerId=e,this.values=c,this.listId=o,this.selectedOtherTag=l,this.clearable=s}getTooltip(e,c){return new k({message:c,targetId:e,placement:"bottom"})}tagHtmlTemplate(e,c=!1,o=!1){return`<span class="bcm-tag__content dismissable ${!o&&c&&(this.selectedOtherTag?"checkable checked":"")}">\n                    <span class="value">${e.text}</span>\n                    ${o?"":'\n                    <span class="right close-button" bcm-list-tag-dismiss >\n                        <bcm-icon icon="fal fa-times"></bcm-icon>\n                    </span>'}\n                </span>`}getContainer(){return document.getElementById(this.containerId)}getContainerWidth(){let e=i((()=>document.getElementById(this.containerId).clientWidth),0);return e=(this.clearable?e-20:e)-20,[e<130?130:e-20,e]}isClickDismiss(e){return!!(e.path||e.composedPath&&e.composedPath()).find((e=>e.attributes&&e.attributes["bcm-list-tag-dismiss"]))}onClickControl(e,c,o=!1){let l="";this.isClickDismiss(e)?(this.onClickDismiss(c),l=o?`bcm-list-input-tag-${this.listId}-other-tag`:`list-${this.listId}-${c}`,this.getTooltip(l,"").hide()):o?this.onClickOtherTag(c):this.onClickTag(c)}calculateTags(){const e=this.getContainerWidth(),c=this.getContainer();if(c)if(this.values&&this.values.length>0){if(e[0]>0&&c){c.innerHTML="",this.values.slice(0,50).map((e=>{const o=document.createElement("div");o.classList.add("bcm-tag"),o.id=`list-${this.listId}-${e.id}`,o.onmouseenter=()=>this.getTooltip(`list-${this.listId}-${e.id}`,e.tagTitle||e.text||"").show(),o.onmouseleave=()=>this.getTooltip(`list-${this.listId}-${e.id}`,e.tagTitle||e.text||"").hide(),o.dataset.id=e.id,o.onclick=c=>this.onClickControl(c,e.id),o.innerHTML=this.tagHtmlTemplate(Object.assign(Object.assign({},e),{text:d.textLimitter(e.text,10)})),c.appendChild(o)}));let o=c.querySelectorAll(".bcm-tag"),l=[],s=[];const t=()=>{const e=c.querySelectorAll(".bcm-tag");1===s.length&&1===(null==e?void 0:e.length)&&(s[0].innerHTML=this.tagHtmlTemplate({text:"+1"},!1,!0))};let n=Array.from(o).reduce(((c,o)=>{const n=o.clientWidth>50?o.clientWidth:50;return n>0&&c+n+10<e[0]?(c+=n+10,s.push(o),!(n>0&&c+n+10<e[0])&&e[1]<70&&t()):(l.push(o),o.remove()),c}),0);const r=this.values.slice(s.length),b=c.lastElementChild,a=e=>{const{count:c,width:o}=e;return c>999?"999+"+w("item",c):o>100?`${c} `+w("item",c)+" selected":o<100?`+${c<10?c:"9"}`:void 0};if(l&&l.length>0&&b&&b.id!==`bcm-list-input-tag-${this.listId}-other-tag`&&(l.push(b),l.length>0)){const o={id:`bcm-list-input-tag-${this.listId}-other-tag`,text:a({count:r.length+1,width:e[1]}),title:i((()=>l.map((e=>this.values.find((c=>c.id==e.dataset.id)))).slice(0,15).map((e=>d.textLimitter(e.tagTitle||e.text,40,!0))).toString().split(",").join("\r\n")+(l.length>15?"\r\n...":"")),"...")};b.remove(),s=s.filter((e=>e.id!==b.id));const t=this.values.filter((e=>!s.find((c=>c.dataset.id==e.id)))).map((e=>e.id)),n=document.createElement("div"),m=t.join(","),h=0===s.length;n.classList.add("bcm-tag"),!h&&n.classList.add("bcm-tag--other"),n.id=o.id,o.title&&(n.onmouseenter=()=>this.getTooltip(o.id,o.title).show(),n.onmouseleave=()=>this.getTooltip(o.id,o.title).hide()),n.onclick=e=>this.onClickControl(e,m,!h),n.innerHTML=this.tagHtmlTemplate(o,!0,h),n.dataset.ids=t.join(","),c.appendChild(n)}const m=document.getElementById(`bcm-list-input-tag-${this.listId}-other-tag`),h=m?m.clientWidth&&m.clientWidth<50?50:m.clientWidth:200;if(Math.floor(e[0]-n)>h&&m){const e=this.values.find((e=>e.id==m.dataset.ids.split(",")[0])),o=document.createElement("div");o.classList.add("bcm-tag"),o.id=`list-${this.listId}-${e.id}`,o.onmouseenter=()=>this.getTooltip(`list-${this.listId}-${e.id}`,(null==e?void 0:e.title)||"").show(),o.onmouseleave=()=>this.getTooltip(`list-${this.listId}-${e.id}`,(null==e?void 0:e.title)||"").hide(),o.dataset.id=e.id,o.onclick=c=>this.onClickControl(c,null==e?void 0:e.id),o.innerHTML=this.tagHtmlTemplate(Object.assign(Object.assign({},e),{text:d.textLimitter(e.text,10)})),document.getElementById(`bcm-list-input-tag-${this.listId}-other-tag`).remove(),c.appendChild(o)}}}else c.innerHTML=""}}var W=function(e,c,o,l){var s,t=arguments.length,n=t<3?c:null===l?l=Object.getOwnPropertyDescriptor(c,o):l;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,c,o,l);else for(var i=e.length-1;i>=0;i--)(s=e[i])&&(n=(t<3?s(n):t>3?s(c,o,n):s(c,o))||n);return t>3&&n&&Object.defineProperty(c,o,n),n};const U=class{constructor(e){c(this,e),this.bcmChecklist=o(this,"bcm-checklist",7),this.bcmSelected=o(this,"bcm-selected",7),this.change=o(this,"bcm-change",7),this.open=o(this,"bcm-open",7),this.close=o(this,"bcm-close",7),this.debounce=null,this.debounceHandler=r.debounceInput((()=>this.listenResize()),300,!1),this._id=r.UID(),this.type=u.ListType.listbox,this.treeview=!1,this.checkboxes=!1,this.searchable=!1,this.value=null,this.inputText=void 0,this.name=void 0,this.label=void 0,this.size=u.Size.medium,this.disabled=!1,this.readonly=!1,this.highlight=!1,this.highlightText=void 0,this.required=!1,this.hidden=!1,this.fullWidth=!1,this.height="256px",this.maxHeight="500px",this.minHeight="150px",this.width="256px",this.infoFooter=!1,this.variableText="item",this.template=void 0,this.allOpen=!1,this.keyControl=!1,this.checkAll=!0,this.stopDeepClean=!1,this.linkedComponent=void 0,this.isOpen=!1,this.calculatedViewport=!1,this.isSelectedOther=!1,this.isHaveOtherTag=!1,this.placeholder="Choose an option",this.searchPlaceholder="Search",this.searchIsOnlyChilds=!1,this.minSearchLength=2,this.clearable=!1,this.caption=void 0,this.noCaption=!1,this.captionType=u.Status.default,this.captionError=void 0,this.emptyText=void 0,this.emptyIcon="fad fa-folder-open",this.captionCache=void 0,this.captionTypeCache=void 0,this.tick={},this.totalData=0,this.totalRootData=0,this.limit=20,this.searchGetParents=void 0,this.searchResultLimit=20,this.searchFound=null,this.returnFilterData={},this.returnOtherData={},this.options={rootMargin:"30px"},this.tagContainerWidth=0,this.selectAllItem={id:"select-all",text:"Select All",value:"select-all",checked:!1,disabled:!1,icon:"",status:u.Status.default,indeterminate:"uncheck"},this.placement=u.Placement["bottom-start"],this.data=[]}connectedCallback(){"256px"!=this.height&&(this.limit=this.height.indexOf("px")>-1?Math.floor(+this.height.replace("px","")/10):Math.floor(+window.innerHeight/10),this.searchResultLimit=this.limit,this.markForCheck());const e=document.querySelectorAll(`#bcm-list-${this._id}`);(null==e?void 0:e.length)>1&&e.forEach(((e,c)=>c>0&&e.remove()))}componentWillRender(){this.calculateLocation()}componentShouldUpdate(e,c,o){Object.keys(this.getOptions()).indexOf(o)>-1&&e!==c&&this.updateOptions()}async componentDidLoad(){if(await this.initState(),"select"==this.type||"autocomplete"==this.type||this.linkedComponent){const e=this.el.querySelector(`#bcm-list-${this._id}`);e&&document.body.appendChild(e)}}tagCalculator(){if(this.checkboxes&&("select"==this.type||"autocomplete"==this.type)){const e=new q(`bcm-list-input-tag-container-${this._id}`,this.value,this._id,this.isSelectedOther,this.clearable);e.calculateTags();const c=e=>"string"==typeof e?e.split(","):[e],o=()=>{if("autocomplete"==this.type){const e=this.getAutoCompleteInput();e&&e.handleClear(!1)}};e.onClickOtherTag=async e=>{this.disabled||(o(),this.isSelectedOther?await this.unSelectOther():(await this.onClearSearch(),this.isSelectedOther=!0,this.filterOtherList(c(e)),this.isOpen=!0),this.onSelectSearch())},e.onClickTag=()=>{o(),this.onSelectSearch(),this.unSelectOther()},e.onClickDismiss=async e=>{var o;this.disabled||(this.isSelectedOther&&await this.unSelectOther(),c(e).length>1?V.removeOtherTags(this._id,c(e)):V.checkedItem(this._id,c(e)[0]),this.value=(await this.getCheckedList()).checkedList,this.handleIndeterminate((null===(o=this.value)||void 0===o?void 0:o.length)||0,this.totalData))}}}disconnectedCallback(){if(this.isOpen=!1,!this.stopDeepClean&&(V.removeState(this._id),this.el.innerHTML="","select"==this.type||"autocomplete"==this.type||this.linkedComponent)){const e=document.querySelectorAll(`#bcm-list-${this._id}`);(null==e?void 0:e.length)&&(e.forEach((e=>e.remove())),this.el.remove())}}watchId(e,c){V.removeState(c),this.initState()}handleValueChange(e,c){var o;r.objectIsEmpty(this.returnFilterData)&&this.handleIndeterminate((null===(o=this.value)||void 0===o?void 0:o.length)||0,this.totalData),this.checkboxes?a.compareTwoArrayIsSame(e,c)||(this.bcmChecklist.emit(this.value),this.change.emit(this.value)):(null==e?void 0:e.text)!=(null==c?void 0:c.text)&&this.change.emit(this.value),this.tagCalculator()}watchReturnFilterData(e){var c;const{checkedItems:o,visibledItems:l}=e;o&&l?this.handleIndeterminate(o.length,l.length):this.handleIndeterminate((null===(c=this.value)||void 0===c?void 0:c.length)||0,this.totalData)}handleOtherSelected(e){var c;const o=null===(c=document.getElementById(`bcm-list-input-tag-${this._id}-other-tag`))||void 0===c?void 0:c.querySelector(".bcm-tag__content");o&&(!0===e?o.classList.add("checkable","checked"):o.classList.remove("checkable","checked"))}async handleOpen(){this.isOpen?(this.open.emit(),this.calculateLocation(),this.onSelectSearch()):(this.listScrollToTop(),this.close.emit(),await f(100),this.unSelectOther())}listScrollToTop(){const e=document.querySelector(`#bcm-list-${this._id}`);e&&(e.querySelector(".scrolling").scrollTop=0)}async dataChanged(e,c){a.compareTwoArrayIsSame(e,c)||await this.initState()}isIntersecting(e){const c=null==e?void 0:e.target;c&&c.id===this._id&&this.listenResize()}handleSlotItems(e){var c;(null===(c=null==e?void 0:e.detail)||void 0===c?void 0:c.length)>0&&(this.data=e.detail)}handleChange(e){e.target.id==`bcm-list-input-tag-container-${this._id}-autocomplete-input`&&e.stopImmediatePropagation()}handleResize(){this.calculateLocation(),this.debounceHandler()}handleWheel(e){if(this.isOpen){const c=document.querySelector(`#bcm-list-${this._id}`);c&&r.findEventPath(e,c)?("select"==this.type||"autocomplete"==this.type||this.linkedComponent)&&this.calculateLocation():this.hide()}}handleClick(e){var c;if(this.disabled)return;const o=document.querySelector(`#bcm-list-${this._id}`),l=r.findEventPath(e,this.el)||o&&r.findEventPath(e,o);if(l&&(null!==this.debounce&&(e.preventDefault(),e.stopPropagation(),clearTimeout(this.debounce),this.debounce=null),this.debounce=setTimeout((()=>{this.debounce=null}),300)),!l&&"autocomplete"==this.type){const e=this.getAutoCompleteInput();e&&e.setValue(this.checkboxes?"":(null===(c=this.value)||void 0===c?void 0:c.text)||"")}const s=r.findEventPathWithKey(e,"className",["bcm-tag"]),t=r.findEventPathWithKey(e,"className",["bcm-tag bcm-tag--other"]),n=r.findEventPathWithKey(e,"id",[`bcm-list-input-${this._id}`,`bcm-list-label-${this._id}`]),i=r.findEventPathWithKey(e,"className",["right close-button"]);n&&!i&&"autocomplete"!=this.type&&(this.isOpen=!(!s&&!t&&this.isOpen)),o&&this.isOpen&&(o.contains(e.target)||this.el.contains(e.target)||(this.isOpen=!1))}bcmOnSearchClear(e){var c,o;"autocomplete"==this.type&&((null===(c=null==e?void 0:e.target)||void 0===c?void 0:c.id)!==`bcm-list-${this._id}-search`&&(null===(o=null==e?void 0:e.target)||void 0===o?void 0:o.id)!==`bcm-list-input-tag-container-${this._id}-autocomplete-input`||e.detail&&this.setClear())}bcmOnSearch(e){var c,o,l,s,t,n;(null===(c=null==e?void 0:e.target)||void 0===c?void 0:c.id)!==`bcm-list-${this._id}-search`&&(null===(o=null==e?void 0:e.target)||void 0===o?void 0:o.id)!==`bcm-list-input-tag-container-${this._id}-autocomplete-input`||(this.searchGetParents=i((()=>{var c;return null===(c=e.detail)||void 0===c?void 0:c.parentIndex}),null),this.searchResultLimit=10,this.searchFound=null!=(null===(l=e.detail)||void 0===l?void 0:l.matching)?null===(s=e.detail)||void 0===s?void 0:s.matching.length:null,this.returnFilterData=V.filterData(this._id,null===(t=e.detail)||void 0===t?void 0:t.nestedResult),this.searchFound>0&&this.highlight&&(this.highlightText=null===(n=e.detail)||void 0===n?void 0:n.value),"autocomplete"==this.type&&(this.isOpen=!0),e.detail.result||("autocomplete"==this.type&&(this.isOpen=!1),this.isSelectedOther?this.filterOtherList(this.otherTagIds()):(this.returnFilterData={},V.filterData(this._id,null)),this.searchResultLimit=null,this.highlightText=null),this.markForCheck())}handleKeyDown(e){const c=e.keyCode||e.which;if(c===u.KeyCode.escape&&this.isOpen&&(this.isOpen=!1,e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()),this.keyControl){const e=new M(c,this.el,this.treeview,this.checkboxes);e.openGroup=e=>{this.openGroup(e)},e.checkedItem=e=>{this.checkedItem(e)},e.keyDown()}}handleKeyUp(e){if(this.keyControl&&r.findEventPath(e,this.el)){const e=document.getElementById(`bcm-list-${this._id}`);if(e){const c=e.querySelectorAll(".bcm-list__item.focused");if(c.length>0){const o=e.querySelector("main"),l=c[0].offsetHeight,s=o.offsetHeight,t=c[0].offsetTop;t>s&&(o.scrollTop=t-s/2+l/2),t<s&&(o.scrollTop=t-s/2-l/2)}}}}async set(e){e?(Array.isArray(e)&&this.addChecked(e),"string"!=typeof e&&"number"!=typeof e||this.selectedItem(e)):this.setClear()}async get(){var e,c;return this.value?this.checkboxes?null===(c=null===(e=await this.getCheckedList())||void 0===e?void 0:e.checkedList)||void 0===c?void 0:c.map((e=>e.id)):this.value.id:null}async getCheckedList(){return Promise.resolve(V.getCheckedList(this._id))}async getSelected(){return Promise.resolve(V.getSelected(this._id))}async getValue(){return Promise.resolve(this.value)}async addChecked(e=[],c=!1,o=!0){return e&&e.length>0&&(c||(V.setClear(this._id),await f(10)),await V.addChecked(this._id,e),await f(10),o&&(this.value=(await this.getCheckedList()).checkedList),this.markForCheck()),Promise.resolve(this.value)}async selected(e){return!!e&&Promise.resolve(await this.selectedItem(e))}async setClear(e){return V.setClear(this._id),this.value=null,this.inputText="",this.isOpen=!1,this.selectAllItem.indeterminate="uncheck",this.tagCalculator(),this.markForCheck(),e&&(e.stopPropagation(),e.preventDefault()),await f(10),Promise.resolve()}async resetCaption(){return await f(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await f(10),Promise.resolve()}async show(){return this.isOpen=!0,Promise.resolve()}async hide(){return this.isOpen=!1,Promise.resolve()}updateOptions(){V.updateOptions(this._id,this)}handleIndeterminate(e,c){this.selectAllItem=Object.assign(Object.assign({},this.selectAllItem),{indeterminate:this.checkboxes&&e>0?e===c?"check":"indeterminate":"uncheck",checked:!!(this.checkboxes&&e>0)&&e===c})}listenResize(){this.tagCalculator(),this.calculateLocation(),this.markForCheck()}async unSelectOther(){return await this.onClearSearch(),this.isSelectedOther=!1,this.searchFound=null,this.returnFilterData={},V.filterData(this._id,null),await f(10),Promise.resolve()}async onClearSearch(){const e=document.getElementById(`bcm-list-${this._id}-search`);return e&&await e.handleClear(),Promise.resolve()}async onSelectSearch(){const e=document.getElementById(`bcm-list-${this._id}-search`);e&&(await f(100),e.onBcmFocus(),e.onBcmSelect())}otherTagIds(){const e=document.querySelector(`#bcm-list-input-tag-${this._id}-other-tag`);if(e)return e.getAttribute("data-ids").split(",")}async filterOtherList(e){const c=(await this.getCheckedList()).nestedResult,o=r.convertIdsToNestedData(e,c);this.returnFilterData=await V.filterData(this._id,o,null,!0),this.searchFound=(null==e?void 0:e.length)||0,this.limit=500,this.searchGetParents=null,await f(1e3),this.markForCheck()}async initState(){var e,c,o;this.onClearSearch(),await V.setValue({id:this._id,dataSource:this.data&&i((()=>"string"==typeof this.data?JSON.parse(this.data):this.data),[]),options:this});const{totalRoots:l,totalItems:s}=V.getValue(this._id);if(this.totalData=s,this.totalRootData=l,this.value=this.checkboxes?(await this.getCheckedList()).checkedList:V.selectedItem(this._id)?V.selectedItem(this._id)[0]:null,this.checkboxes||(this.inputText=(null===(e=this.value)||void 0===e?void 0:e.text)||null),this.checkboxes&&(null===(c=this.value)||void 0===c?void 0:c.length)>0){const e=[];this.value.forEach((c=>{c.items&&0!==c.items.length||e.push(c.id)})),await this.addChecked(e,!1,!1)}await this.handleIndeterminate(null===(o=this.value)||void 0===o?void 0:o.length,this.totalData),await this.markForCheck()}async markForCheck(){await f(10),this.tick=r.UID()}getOptions(){return i((()=>V.getValue(this._id).options),{})}getItems(){return this.isSelectedOther?this.returnFilterData.checkedItems:i((()=>V.getData(this._id)),[])}getLimitedItems(e){return i((()=>V.getDataPagination(this._id,this.searchResultLimit||this.limit,e)),[])}openGroup(e){V.openGroup(this._id,e),this.markForCheck()}focusItem(e){if(e.target.classList.contains("bcm-list__item")){const c=e.target,o=document.getElementById(`bcm-list-${this._id}`);if(o&&o.querySelectorAll(".bcm-list__item").length>0){const e=o.querySelector(".bcm-list__item.focused");e&&e.classList.remove("focused"),c.classList.add("focused")}}}async selectedItem(e){var c;if(!this.checkboxes&&(this.value=V.selectedItem(this._id,e)?V.selectedItem(this._id,e)[0]:null,this.inputText=(null===(c=this.value)||void 0===c?void 0:c.text)||null,this.isOpen=!1,this.markForCheck(),"autocomplete"==this.type&&this.value)){const e=this.getAutoCompleteInput();e&&setTimeout((()=>{var c;e.setValue((null===(c=this.value)||void 0===c?void 0:c.text)||""),this.isOpen=!1}),100)}return Promise.resolve(this.value)}async checkedItem(e){"select-all"===e?V.selectAll(this._id,!this.selectAllItem.checked):V.checkedItem(this._id,e),this.value=(await this.getCheckedList()).checkedList,this.changeVisibleCheckeds(),this.markForCheck()}changeVisibleCheckeds(){const{visibledItems:e}=this.returnFilterData;this.returnFilterData={visibledItems:e,checkedItems:e&&e.filter((e=>e.checked))||[]}}getAutoCompleteInput(){return document.getElementById(`bcm-list-input-tag-container-${this._id}-autocomplete-input`)}dataScrollEvent(e){let c=0,o=new IntersectionObserver((e=>{0===c&&(c++,e[0].isIntersecting&&(this.limit+=15,this.searchResultLimit+=15,o.disconnect(),o=null))}),this.options);o.observe(e.target.lastElementChild)}async calculateLocation(){var e,c;if("select"==this.type||"autocomplete"==this.type||this.linkedComponent){const l=document.getElementById(`bcm-list-${this._id}`);var o=this.placement;const s=document.getElementById(this.linkedComponent?this.linkedComponent:`bcm-list-input-${this._id}`);if(l&&s){m(l,s,o,(e=>o=e)),await f(10);let t=h(o,s),n=0,i=0;if(this.linkedComponent){const o=document.getElementById(this.linkedComponent);if(o){if(!o.noCaption){const c=(null===(e=o.shadowRoot)||void 0===e?void 0:e.querySelector(".bcm-caption-area"))||o.querySelector(".bcm-caption-area");c&&(n=c.offsetHeight||c.clientHeight)}const l=(null===(c=o.shadowRoot)||void 0===c?void 0:c.querySelector(".bcm-label"))||o.querySelector(".bcm-label");l&&(i=l.offsetHeight||l.clientHeight)}}l.style.width=this.fullWidth?s.offsetWidth+"px":this.width||"auto",l.style.height=this.height.indexOf("%")>-1?.01*b.toNumber(this.height)*window.innerHeight-t[0]-50+"px":this.height,l.style.minHeight=this.minHeight;const r="top"==o.split("-")[0]?window.innerHeight-(window.innerHeight-t[0])-50:window.innerHeight-t[0]-50;l.style.maxHeight=this.maxHeight.indexOf("%")>-1?.01*b.toNumber(this.maxHeight)*r+"px":b.toNumber(this.maxHeight)<r?this.maxHeight:r+"px",m(l,s,o,(e=>o=e)),await f(10),t=h(o,s),l.style.top=("top"==o.split("-")[0]?t[0]-l.offsetHeight+i:t[0]-n)+"px",l.style.left="end"==o.split("-")[1]?t[1]-l.offsetWidth+"px":t[1]+"px",l.classList.toggle("bcm-list--top","top"==o.split("-")[0]),this.calculatedViewport=!0}}}render(){const{checkboxes:c,treeview:o,label:s,size:t,disabled:n,readonly:i,required:r,hidden:b,fullWidth:d,searchable:a}=this.getOptions(),m=g("bcm-list",`bcm-list__size-${t}`,`bcm-list__${this.type}`,"large"===t?"size-3":"size-2",{error:this.captionType==u.Status.error,"full-width":d,"bcm-list__linked":this.linkedComponent,hidden:b,readonly:i,disabled:n}),h=g("bcm-list__container",this.linkedComponent?"bcm-list__type-linked-component":`bcm-list__type-${this.type}`,{"is-open":this.isOpen&&this.calculatedViewport,error:this.captionType==u.Status.error,"full-width":d,hidden:b,readonly:i,disabled:n}),w=g("bcm-list__input"),f="select"==this.type||"autocomplete"==this.type||this.linkedComponent;return e(l,{class:m,tabindex:"0",style:{"--width":d?"100%":this.width,"--height":f?"100%":this.height,"--max-height":f?"inherit":this.maxHeight,"--min-height":f?"inherit":this.minHeight}},e("div",{id:`bcm-list-label-${this._id}`,class:"bcm-list__label"},s&&e("div",null,e(x,{size:this.size,type:this.captionType,value:s,required:r,htmlFor:this._id}))),"select"==this.type&&e("div",{id:`bcm-list-input-${this._id}`,class:w},e("span",{class:g("bcm-list__input-container",{"type-single":!c,"value-empty":!this.value})},this.checkboxes&&e("span",{id:`bcm-list-input-tag-container-${this._id}`,class:"bcm-list__input-tag-container"}),this.checkboxes&&!this.value&&e("span",{class:"bcm-list__input-placeholder"},this.placeholder),!this.checkboxes&&(this.value?this.inputText:e("span",{class:"bcm-list__input-placeholder"},this.placeholder))),e("span",{class:g("bcm-list__input-buttons",{disabled:n})},this.clearable&&this.value&&e("div",{class:"bcm-list__input-buttons-button"},e("bcm-icon",{icon:"fal fa-times",onClick:e=>!n&&this.setClear(e)})),e("div",{class:`bcm-list__input-buttons-button caret-is ${this.isOpen&&this.calculatedViewport&&"caret-is-open"}`},e("bcm-icon",{icon:"far fa-angle-down"})))),"autocomplete"===this.type&&e("div",{id:`bcm-list-input-${this._id}`,class:g(w,{"bcm-list__input-autocomplete":"autocomplete"==this.type})},e("span",{class:"bcm-list__input-container",id:`bcm-list-input-tag-container-${this._id}`},this.checkboxes&&e("span",{class:"bcm-list__input-tag-container",id:`bcm-list-input-tag-container-${this._id}-autocomplete`}),e("bcm-search",{id:`bcm-list-input-tag-container-${this._id}-autocomplete-input`,class:"bcm-list__autocomplete",data:this.data,clearable:!0,"full-width":!0,"no-caption":!0,placeholder:this.placeholder}))),e(j,{highlight:this.highlightText,searchable:"autocomplete"!=this.type&&a,bcmListContainer:h,checkboxes:c,treeview:o,infoFooter:this.infoFooter,value:this.value,totalData:this.totalData,searchFound:this.searchFound,variableText:this.variableText,searchPlaceholder:this.searchPlaceholder,minSearchLength:this.minSearchLength,searchIsOnlyChilds:this.searchIsOnlyChilds,_id:this._id,checkAll:this.checkAll,data:this.getItems(),width:this.width,height:this.height,size:this.size,selectAllItem:this.selectAllItem,onScrollEvent:e=>this.dataScrollEvent(e),items:this.getLimitedItems(this.searchGetParents),selectedItem:e=>this.selectedItem(e),checkedItem:e=>this.checkedItem(e),openGroup:e=>this.openGroup(e),focusItem:e=>this.focusItem(e),emptyText:this.emptyText,emptyIcon:this.emptyIcon}),e(_,{noCaption:this.noCaption,captionType:this.captionType,captionError:this.captionError,caption:this.caption}))}get el(){return s(this)}static get watchers(){return{_id:["watchId"],value:["handleValueChange"],returnFilterData:["watchReturnFilterData"],isSelectedOther:["handleOtherSelected"],isOpen:["handleOpen"],data:["dataChanged"]}}};W([t()],U.prototype,"el",void 0),W([n("data",!0)],U.prototype,"dataChanged",null),U.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"); @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}:root,::after,::before{--bcm-new-ds-color-inherit:inherit;--bcm-new-ds-color-current:currentColor;--bcm-new-ds-color-transparent:transparent;--bcm-new-ds-color-black:#000;--bcm-new-ds-color-white:#fff;--bcm-new-ds-color-slate:#64748b;--bcm-new-ds-color-slate-50:#f8fafc;--bcm-new-ds-color-slate-100:#f1f5f9;--bcm-new-ds-color-slate-200:#e2e8f0;--bcm-new-ds-color-slate-300:#cbd5e1;--bcm-new-ds-color-slate-400:#94a3b8;--bcm-new-ds-color-slate-500:#64748b;--bcm-new-ds-color-slate-600:#475569;--bcm-new-ds-color-slate-700:#334155;--bcm-new-ds-color-slate-800:#1e293b;--bcm-new-ds-color-slate-900:#0f172a;--bcm-new-ds-color-gray:#6b7280;--bcm-new-ds-color-gray-50:#f9fafb;--bcm-new-ds-color-gray-100:#f3f4f6;--bcm-new-ds-color-gray-200:#e5e7eb;--bcm-new-ds-color-gray-300:#d1d5db;--bcm-new-ds-color-gray-400:#9ca3af;--bcm-new-ds-color-gray-500:#6b7280;--bcm-new-ds-color-gray-600:#4b5563;--bcm-new-ds-color-gray-700:#374151;--bcm-new-ds-color-gray-800:#1f2937;--bcm-new-ds-color-gray-900:#111827;--bcm-new-ds-color-zinc:#71717a;--bcm-new-ds-color-zinc-50:#fafafa;--bcm-new-ds-color-zinc-100:#f4f4f5;--bcm-new-ds-color-zinc-200:#e4e4e7;--bcm-new-ds-color-zinc-300:#d4d4d8;--bcm-new-ds-color-zinc-400:#a1a1aa;--bcm-new-ds-color-zinc-500:#71717a;--bcm-new-ds-color-zinc-600:#52525b;--bcm-new-ds-color-zinc-700:#3f3f46;--bcm-new-ds-color-zinc-800:#27272a;--bcm-new-ds-color-zinc-900:#18181b;--bcm-new-ds-color-neutral:#737373;--bcm-new-ds-color-neutral-50:#fafafa;--bcm-new-ds-color-neutral-100:#f5f5f5;--bcm-new-ds-color-neutral-200:#e5e5e5;--bcm-new-ds-color-neutral-300:#d4d4d4;--bcm-new-ds-color-neutral-400:#a3a3a3;--bcm-new-ds-color-neutral-500:#737373;--bcm-new-ds-color-neutral-600:#525252;--bcm-new-ds-color-neutral-700:#404040;--bcm-new-ds-color-neutral-800:#262626;--bcm-new-ds-color-neutral-900:#171717;--bcm-new-ds-color-stone:#78716c;--bcm-new-ds-color-stone-50:#fafaf9;--bcm-new-ds-color-stone-100:#f5f5f4;--bcm-new-ds-color-stone-200:#e7e5e4;--bcm-new-ds-color-stone-300:#d6d3d1;--bcm-new-ds-color-stone-400:#a8a29e;--bcm-new-ds-color-stone-500:#78716c;--bcm-new-ds-color-stone-600:#57534e;--bcm-new-ds-color-stone-700:#44403c;--bcm-new-ds-color-stone-800:#292524;--bcm-new-ds-color-stone-900:#1c1917;--bcm-new-ds-color-red:#ef4444;--bcm-new-ds-color-red-50:#fef2f2;--bcm-new-ds-color-red-100:#fee2e2;--bcm-new-ds-color-red-200:#fecaca;--bcm-new-ds-color-red-300:#fca5a5;--bcm-new-ds-color-red-400:#f87171;--bcm-new-ds-color-red-500:#ef4444;--bcm-new-ds-color-red-600:#dc2626;--bcm-new-ds-color-red-700:#b91c1c;--bcm-new-ds-color-red-800:#991b1b;--bcm-new-ds-color-red-900:#7f1d1d;--bcm-new-ds-color-orange:#f97316;--bcm-new-ds-color-orange-50:#fff7ed;--bcm-new-ds-color-orange-100:#ffedd5;--bcm-new-ds-color-orange-200:#fed7aa;--bcm-new-ds-color-orange-300:#fdba74;--bcm-new-ds-color-orange-400:#fb923c;--bcm-new-ds-color-orange-500:#f97316;--bcm-new-ds-color-orange-600:#ea580c;--bcm-new-ds-color-orange-700:#c2410c;--bcm-new-ds-color-orange-800:#9a3412;--bcm-new-ds-color-orange-900:#7c2d12;--bcm-new-ds-color-amber:#f59e0b;--bcm-new-ds-color-amber-50:#fffbeb;--bcm-new-ds-color-amber-100:#fef3c7;--bcm-new-ds-color-amber-200:#fde68a;--bcm-new-ds-color-amber-300:#fcd34d;--bcm-new-ds-color-amber-400:#fbbf24;--bcm-new-ds-color-amber-500:#f59e0b;--bcm-new-ds-color-amber-600:#d97706;--bcm-new-ds-color-amber-700:#b45309;--bcm-new-ds-color-amber-800:#92400e;--bcm-new-ds-color-amber-900:#78350f;--bcm-new-ds-color-yellow:#eab308;--bcm-new-ds-color-yellow-50:#fefce8;--bcm-new-ds-color-yellow-100:#fef9c3;--bcm-new-ds-color-yellow-200:#fef08a;--bcm-new-ds-color-yellow-300:#fde047;--bcm-new-ds-color-yellow-400:#facc15;--bcm-new-ds-color-yellow-500:#eab308;--bcm-new-ds-color-yellow-600:#ca8a04;--bcm-new-ds-color-yellow-700:#a16207;--bcm-new-ds-color-yellow-800:#854d0e;--bcm-new-ds-color-yellow-900:#713f12;--bcm-new-ds-color-lime:#84cc16;--bcm-new-ds-color-lime-50:#f7fee7;--bcm-new-ds-color-lime-100:#ecfccb;--bcm-new-ds-color-lime-200:#d9f99d;--bcm-new-ds-color-lime-300:#bef264;--bcm-new-ds-color-lime-400:#a3e635;--bcm-new-ds-color-lime-500:#84cc16;--bcm-new-ds-color-lime-600:#65a30d;--bcm-new-ds-color-lime-700:#4d7c0f;--bcm-new-ds-color-lime-800:#3f6212;--bcm-new-ds-color-lime-900:#365314;--bcm-new-ds-color-green:#22c55e;--bcm-new-ds-color-green-50:#f0fdf4;--bcm-new-ds-color-green-100:#dcfce7;--bcm-new-ds-color-green-200:#bbf7d0;--bcm-new-ds-color-green-300:#86efac;--bcm-new-ds-color-green-400:#4ade80;--bcm-new-ds-color-green-500:#22c55e;--bcm-new-ds-color-green-600:#16a34a;--bcm-new-ds-color-green-700:#15803d;--bcm-new-ds-color-green-800:#166534;--bcm-new-ds-color-green-900:#14532d;--bcm-new-ds-color-emerald:#10b981;--bcm-new-ds-color-emerald-50:#ecfdf5;--bcm-new-ds-color-emerald-100:#d1fae5;--bcm-new-ds-color-emerald-200:#a7f3d0;--bcm-new-ds-color-emerald-300:#6ee7b7;--bcm-new-ds-color-emerald-400:#34d399;--bcm-new-ds-color-emerald-500:#10b981;--bcm-new-ds-color-emerald-600:#059669;--bcm-new-ds-color-emerald-700:#047857;--bcm-new-ds-color-emerald-800:#065f46;--bcm-new-ds-color-emerald-900:#064e3b;--bcm-new-ds-color-teal:#14b8a6;--bcm-new-ds-color-teal-50:#f0fdfa;--bcm-new-ds-color-teal-100:#ccfbf1;--bcm-new-ds-color-teal-200:#99f6e4;--bcm-new-ds-color-teal-300:#5eead4;--bcm-new-ds-color-teal-400:#2dd4bf;--bcm-new-ds-color-teal-500:#14b8a6;--bcm-new-ds-color-teal-600:#0d9488;--bcm-new-ds-color-teal-700:#0f766e;--bcm-new-ds-color-teal-800:#115e59;--bcm-new-ds-color-teal-900:#134e4a;--bcm-new-ds-color-cyan:#06b6d4;--bcm-new-ds-color-cyan-50:#ecfeff;--bcm-new-ds-color-cyan-100:#cffafe;--bcm-new-ds-color-cyan-200:#a5f3fc;--bcm-new-ds-color-cyan-300:#67e8f9;--bcm-new-ds-color-cyan-400:#22d3ee;--bcm-new-ds-color-cyan-500:#06b6d4;--bcm-new-ds-color-cyan-600:#0891b2;--bcm-new-ds-color-cyan-700:#0e7490;--bcm-new-ds-color-cyan-800:#155e75;--bcm-new-ds-color-cyan-900:#164e63;--bcm-new-ds-color-sky:#0ea5e9;--bcm-new-ds-color-sky-50:#f0f9ff;--bcm-new-ds-color-sky-100:#e0f2fe;--bcm-new-ds-color-sky-200:#bae6fd;--bcm-new-ds-color-sky-300:#7dd3fc;--bcm-new-ds-color-sky-400:#38bdf8;--bcm-new-ds-color-sky-500:#0ea5e9;--bcm-new-ds-color-sky-600:#0284c7;--bcm-new-ds-color-sky-700:#0369a1;--bcm-new-ds-color-sky-800:#075985;--bcm-new-ds-color-sky-900:#0c4a6e;--bcm-new-ds-color-blue:#3b82f6;--bcm-new-ds-color-blue-50:#eff6ff;--bcm-new-ds-color-blue-100:#dbeafe;--bcm-new-ds-color-blue-200:#bfdbfe;--bcm-new-ds-color-blue-300:#93c5fd;--bcm-new-ds-color-blue-400:#60a5fa;--bcm-new-ds-color-blue-500:#3b82f6;--bcm-new-ds-color-blue-600:#2563eb;--bcm-new-ds-color-blue-700:#1d4ed8;--bcm-new-ds-color-blue-800:#1e40af;--bcm-new-ds-color-blue-900:#1e3a8a;--bcm-new-ds-color-indigo:#6366f1;--bcm-new-ds-color-indigo-50:#eef2ff;--bcm-new-ds-color-indigo-100:#e0e7ff;--bcm-new-ds-color-indigo-200:#c7d2fe;--bcm-new-ds-color-indigo-300:#a5b4fc;--bcm-new-ds-color-indigo-400:#818cf8;--bcm-new-ds-color-indigo-500:#6366f1;--bcm-new-ds-color-indigo-600:#4f46e5;--bcm-new-ds-color-indigo-700:#4338ca;--bcm-new-ds-color-indigo-800:#3730a3;--bcm-new-ds-color-indigo-900:#312e81;--bcm-new-ds-color-violet:#8b5cf6;--bcm-new-ds-color-violet-50:#f5f3ff;--bcm-new-ds-color-violet-100:#ede9fe;--bcm-new-ds-color-violet-200:#ddd6fe;--bcm-new-ds-color-violet-300:#c4b5fd;--bcm-new-ds-color-violet-400:#a78bfa;--bcm-new-ds-color-violet-500:#8b5cf6;--bcm-new-ds-color-violet-600:#7c3aed;--bcm-new-ds-color-violet-700:#6d28d9;--bcm-new-ds-color-violet-800:#5b21b6;--bcm-new-ds-color-violet-900:#4c1d95;--bcm-new-ds-color-purple:#a855f7;--bcm-new-ds-color-purple-50:#faf5ff;--bcm-new-ds-color-purple-100:#f3e8ff;--bcm-new-ds-color-purple-200:#e9d5ff;--bcm-new-ds-color-purple-300:#d8b4fe;--bcm-new-ds-color-purple-400:#c084fc;--bcm-new-ds-color-purple-500:#a855f7;--bcm-new-ds-color-purple-600:#9333ea;--bcm-new-ds-color-purple-700:#7e22ce;--bcm-new-ds-color-purple-800:#6b21a8;--bcm-new-ds-color-purple-900:#581c87;--bcm-new-ds-color-fuchsia:#d946ef;--bcm-new-ds-color-fuchsia-50:#fdf4ff;--bcm-new-ds-color-fuchsia-100:#fae8ff;--bcm-new-ds-color-fuchsia-200:#f5d0fe;--bcm-new-ds-color-fuchsia-300:#f0abfc;--bcm-new-ds-color-fuchsia-400:#e879f9;--bcm-new-ds-color-fuchsia-500:#d946ef;--bcm-new-ds-color-fuchsia-600:#c026d3;--bcm-new-ds-color-fuchsia-700:#a21caf;--bcm-new-ds-color-fuchsia-800:#86198f;--bcm-new-ds-color-fuchsia-900:#701a75;--bcm-new-ds-color-pink:#ec4899;--bcm-new-ds-color-pink-50:#fdf2f8;--bcm-new-ds-color-pink-100:#fce7f3;--bcm-new-ds-color-pink-200:#fbcfe8;--bcm-new-ds-color-pink-300:#f9a8d4;--bcm-new-ds-color-pink-400:#f472b6;--bcm-new-ds-color-pink-500:#ec4899;--bcm-new-ds-color-pink-600:#db2777;--bcm-new-ds-color-pink-700:#be185d;--bcm-new-ds-color-pink-800:#9d174d;--bcm-new-ds-color-pink-900:#831843;--bcm-new-ds-color-rose:#f43f5e;--bcm-new-ds-color-rose-50:#fff1f2;--bcm-new-ds-color-rose-100:#ffe4e6;--bcm-new-ds-color-rose-200:#fecdd3;--bcm-new-ds-color-rose-300:#fda4af;--bcm-new-ds-color-rose-400:#fb7185;--bcm-new-ds-color-rose-500:#f43f5e;--bcm-new-ds-color-rose-600:#e11d48;--bcm-new-ds-color-rose-700:#be123c;--bcm-new-ds-color-rose-800:#9f1239;--bcm-new-ds-color-rose-900:#881337}*{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)}:root,::after,::before{--bcm-new-ds-color-inherit:inherit;--bcm-new-ds-color-current:currentColor;--bcm-new-ds-color-transparent:transparent;--bcm-new-ds-color-black:#000;--bcm-new-ds-color-white:#fff;--bcm-new-ds-color-slate:#64748b;--bcm-new-ds-color-slate-50:#f8fafc;--bcm-new-ds-color-slate-100:#f1f5f9;--bcm-new-ds-color-slate-200:#e2e8f0;--bcm-new-ds-color-slate-300:#cbd5e1;--bcm-new-ds-color-slate-400:#94a3b8;--bcm-new-ds-color-slate-500:#64748b;--bcm-new-ds-color-slate-600:#475569;--bcm-new-ds-color-slate-700:#334155;--bcm-new-ds-color-slate-800:#1e293b;--bcm-new-ds-color-slate-900:#0f172a;--bcm-new-ds-color-gray:#6b7280;--bcm-new-ds-color-gray-50:#f9fafb;--bcm-new-ds-color-gray-100:#f3f4f6;--bcm-new-ds-color-gray-200:#e5e7eb;--bcm-new-ds-color-gray-300:#d1d5db;--bcm-new-ds-color-gray-400:#9ca3af;--bcm-new-ds-color-gray-500:#6b7280;--bcm-new-ds-color-gray-600:#4b5563;--bcm-new-ds-color-gray-700:#374151;--bcm-new-ds-color-gray-800:#1f2937;--bcm-new-ds-color-gray-900:#111827;--bcm-new-ds-color-zinc:#71717a;--bcm-new-ds-color-zinc-50:#fafafa;--bcm-new-ds-color-zinc-100:#f4f4f5;--bcm-new-ds-color-zinc-200:#e4e4e7;--bcm-new-ds-color-zinc-300:#d4d4d8;--bcm-new-ds-color-zinc-400:#a1a1aa;--bcm-new-ds-color-zinc-500:#71717a;--bcm-new-ds-color-zinc-600:#52525b;--bcm-new-ds-color-zinc-700:#3f3f46;--bcm-new-ds-color-zinc-800:#27272a;--bcm-new-ds-color-zinc-900:#18181b;--bcm-new-ds-color-neutral:#737373;--bcm-new-ds-color-neutral-50:#fafafa;--bcm-new-ds-color-neutral-100:#f5f5f5;--bcm-new-ds-color-neutral-200:#e5e5e5;--bcm-new-ds-color-neutral-300:#d4d4d4;--bcm-new-ds-color-neutral-400:#a3a3a3;--bcm-new-ds-color-neutral-500:#737373;--bcm-new-ds-color-neutral-600:#525252;--bcm-new-ds-color-neutral-700:#404040;--bcm-new-ds-color-neutral-800:#262626;--bcm-new-ds-color-neutral-900:#171717;--bcm-new-ds-color-stone:#78716c;--bcm-new-ds-color-stone-50:#fafaf9;--bcm-new-ds-color-stone-100:#f5f5f4;--bcm-new-ds-color-stone-200:#e7e5e4;--bcm-new-ds-color-stone-300:#d6d3d1;--bcm-new-ds-color-stone-400:#a8a29e;--bcm-new-ds-color-stone-500:#78716c;--bcm-new-ds-color-stone-600:#57534e;--bcm-new-ds-color-stone-700:#44403c;--bcm-new-ds-color-stone-800:#292524;--bcm-new-ds-color-stone-900:#1c1917;--bcm-new-ds-color-red:#ef4444;--bcm-new-ds-color-red-50:#fef2f2;--bcm-new-ds-color-red-100:#fee2e2;--bcm-new-ds-color-red-200:#fecaca;--bcm-new-ds-color-red-300:#fca5a5;--bcm-new-ds-color-red-400:#f87171;--bcm-new-ds-color-red-500:#ef4444;--bcm-new-ds-color-red-600:#dc2626;--bcm-new-ds-color-red-700:#b91c1c;--bcm-new-ds-color-red-800:#991b1b;--bcm-new-ds-color-red-900:#7f1d1d;--bcm-new-ds-color-orange:#f97316;--bcm-new-ds-color-orange-50:#fff7ed;--bcm-new-ds-color-orange-100:#ffedd5;--bcm-new-ds-color-orange-200:#fed7aa;--bcm-new-ds-color-orange-300:#fdba74;--bcm-new-ds-color-orange-400:#fb923c;--bcm-new-ds-color-orange-500:#f97316;--bcm-new-ds-color-orange-600:#ea580c;--bcm-new-ds-color-orange-700:#c2410c;--bcm-new-ds-color-orange-800:#9a3412;--bcm-new-ds-color-orange-900:#7c2d12;--bcm-new-ds-color-amber:#f59e0b;--bcm-new-ds-color-amber-50:#fffbeb;--bcm-new-ds-color-amber-100:#fef3c7;--bcm-new-ds-color-amber-200:#fde68a;--bcm-new-ds-color-amber-300:#fcd34d;--bcm-new-ds-color-amber-400:#fbbf24;--bcm-new-ds-color-amber-500:#f59e0b;--bcm-new-ds-color-amber-600:#d97706;--bcm-new-ds-color-amber-700:#b45309;--bcm-new-ds-color-amber-800:#92400e;--bcm-new-ds-color-amber-900:#78350f;--bcm-new-ds-color-yellow:#eab308;--bcm-new-ds-color-yellow-50:#fefce8;--bcm-new-ds-color-yellow-100:#fef9c3;--bcm-new-ds-color-yellow-200:#fef08a;--bcm-new-ds-color-yellow-300:#fde047;--bcm-new-ds-color-yellow-400:#facc15;--bcm-new-ds-color-yellow-500:#eab308;--bcm-new-ds-color-yellow-600:#ca8a04;--bcm-new-ds-color-yellow-700:#a16207;--bcm-new-ds-color-yellow-800:#854d0e;--bcm-new-ds-color-yellow-900:#713f12;--bcm-new-ds-color-lime:#84cc16;--bcm-new-ds-color-lime-50:#f7fee7;--bcm-new-ds-color-lime-100:#ecfccb;--bcm-new-ds-color-lime-200:#d9f99d;--bcm-new-ds-color-lime-300:#bef264;--bcm-new-ds-color-lime-400:#a3e635;--bcm-new-ds-color-lime-500:#84cc16;--bcm-new-ds-color-lime-600:#65a30d;--bcm-new-ds-color-lime-700:#4d7c0f;--bcm-new-ds-color-lime-800:#3f6212;--bcm-new-ds-color-lime-900:#365314;--bcm-new-ds-color-green:#22c55e;--bcm-new-ds-color-green-50:#f0fdf4;--bcm-new-ds-color-green-100:#dcfce7;--bcm-new-ds-color-green-200:#bbf7d0;--bcm-new-ds-color-green-300:#86efac;--bcm-new-ds-color-green-400:#4ade80;--bcm-new-ds-color-green-500:#22c55e;--bcm-new-ds-color-green-600:#16a34a;--bcm-new-ds-color-green-700:#15803d;--bcm-new-ds-color-green-800:#166534;--bcm-new-ds-color-green-900:#14532d;--bcm-new-ds-color-emerald:#10b981;--bcm-new-ds-color-emerald-50:#ecfdf5;--bcm-new-ds-color-emerald-100:#d1fae5;--bcm-new-ds-color-emerald-200:#a7f3d0;--bcm-new-ds-color-emerald-300:#6ee7b7;--bcm-new-ds-color-emerald-400:#34d399;--bcm-new-ds-color-emerald-500:#10b981;--bcm-new-ds-color-emerald-600:#059669;--bcm-new-ds-color-emerald-700:#047857;--bcm-new-ds-color-emerald-800:#065f46;--bcm-new-ds-color-emerald-900:#064e3b;--bcm-new-ds-color-teal:#14b8a6;--bcm-new-ds-color-teal-50:#f0fdfa;--bcm-new-ds-color-teal-100:#ccfbf1;--bcm-new-ds-color-teal-200:#99f6e4;--bcm-new-ds-color-teal-300:#5eead4;--bcm-new-ds-color-teal-400:#2dd4bf;--bcm-new-ds-color-teal-500:#14b8a6;--bcm-new-ds-color-teal-600:#0d9488;--bcm-new-ds-color-teal-700:#0f766e;--bcm-new-ds-color-teal-800:#115e59;--bcm-new-ds-color-teal-900:#134e4a;--bcm-new-ds-color-cyan:#06b6d4;--bcm-new-ds-color-cyan-50:#ecfeff;--bcm-new-ds-color-cyan-100:#cffafe;--bcm-new-ds-color-cyan-200:#a5f3fc;--bcm-new-ds-color-cyan-300:#67e8f9;--bcm-new-ds-color-cyan-400:#22d3ee;--bcm-new-ds-color-cyan-500:#06b6d4;--bcm-new-ds-color-cyan-600:#0891b2;--bcm-new-ds-color-cyan-700:#0e7490;--bcm-new-ds-color-cyan-800:#155e75;--bcm-new-ds-color-cyan-900:#164e63;--bcm-new-ds-color-sky:#0ea5e9;--bcm-new-ds-color-sky-50:#f0f9ff;--bcm-new-ds-color-sky-100:#e0f2fe;--bcm-new-ds-color-sky-200:#bae6fd;--bcm-new-ds-color-sky-300:#7dd3fc;--bcm-new-ds-color-sky-400:#38bdf8;--bcm-new-ds-color-sky-500:#0ea5e9;--bcm-new-ds-color-sky-600:#0284c7;--bcm-new-ds-color-sky-700:#0369a1;--bcm-new-ds-color-sky-800:#075985;--bcm-new-ds-color-sky-900:#0c4a6e;--bcm-new-ds-color-blue:#3b82f6;--bcm-new-ds-color-blue-50:#eff6ff;--bcm-new-ds-color-blue-100:#dbeafe;--bcm-new-ds-color-blue-200:#bfdbfe;--bcm-new-ds-color-blue-300:#93c5fd;--bcm-new-ds-color-blue-400:#60a5fa;--bcm-new-ds-color-blue-500:#3b82f6;--bcm-new-ds-color-blue-600:#2563eb;--bcm-new-ds-color-blue-700:#1d4ed8;--bcm-new-ds-color-blue-800:#1e40af;--bcm-new-ds-color-blue-900:#1e3a8a;--bcm-new-ds-color-indigo:#6366f1;--bcm-new-ds-color-indigo-50:#eef2ff;--bcm-new-ds-color-indigo-100:#e0e7ff;--bcm-new-ds-color-indigo-200:#c7d2fe;--bcm-new-ds-color-indigo-300:#a5b4fc;--bcm-new-ds-color-indigo-400:#818cf8;--bcm-new-ds-color-indigo-500:#6366f1;--bcm-new-ds-color-indigo-600:#4f46e5;--bcm-new-ds-color-indigo-700:#4338ca;--bcm-new-ds-color-indigo-800:#3730a3;--bcm-new-ds-color-indigo-900:#312e81;--bcm-new-ds-color-violet:#8b5cf6;--bcm-new-ds-color-violet-50:#f5f3ff;--bcm-new-ds-color-violet-100:#ede9fe;--bcm-new-ds-color-violet-200:#ddd6fe;--bcm-new-ds-color-violet-300:#c4b5fd;--bcm-new-ds-color-violet-400:#a78bfa;--bcm-new-ds-color-violet-500:#8b5cf6;--bcm-new-ds-color-violet-600:#7c3aed;--bcm-new-ds-color-violet-700:#6d28d9;--bcm-new-ds-color-violet-800:#5b21b6;--bcm-new-ds-color-violet-900:#4c1d95;--bcm-new-ds-color-purple:#a855f7;--bcm-new-ds-color-purple-50:#faf5ff;--bcm-new-ds-color-purple-100:#f3e8ff;--bcm-new-ds-color-purple-200:#e9d5ff;--bcm-new-ds-color-purple-300:#d8b4fe;--bcm-new-ds-color-purple-400:#c084fc;--bcm-new-ds-color-purple-500:#a855f7;--bcm-new-ds-color-purple-600:#9333ea;--bcm-new-ds-color-purple-700:#7e22ce;--bcm-new-ds-color-purple-800:#6b21a8;--bcm-new-ds-color-purple-900:#581c87;--bcm-new-ds-color-fuchsia:#d946ef;--bcm-new-ds-color-fuchsia-50:#fdf4ff;--bcm-new-ds-color-fuchsia-100:#fae8ff;--bcm-new-ds-color-fuchsia-200:#f5d0fe;--bcm-new-ds-color-fuchsia-300:#f0abfc;--bcm-new-ds-color-fuchsia-400:#e879f9;--bcm-new-ds-color-fuchsia-500:#d946ef;--bcm-new-ds-color-fuchsia-600:#c026d3;--bcm-new-ds-color-fuchsia-700:#a21caf;--bcm-new-ds-color-fuchsia-800:#86198f;--bcm-new-ds-color-fuchsia-900:#701a75;--bcm-new-ds-color-pink:#ec4899;--bcm-new-ds-color-pink-50:#fdf2f8;--bcm-new-ds-color-pink-100:#fce7f3;--bcm-new-ds-color-pink-200:#fbcfe8;--bcm-new-ds-color-pink-300:#f9a8d4;--bcm-new-ds-color-pink-400:#f472b6;--bcm-new-ds-color-pink-500:#ec4899;--bcm-new-ds-color-pink-600:#db2777;--bcm-new-ds-color-pink-700:#be185d;--bcm-new-ds-color-pink-800:#9d174d;--bcm-new-ds-color-pink-900:#831843;--bcm-new-ds-color-rose:#f43f5e;--bcm-new-ds-color-rose-50:#fff1f2;--bcm-new-ds-color-rose-100:#ffe4e6;--bcm-new-ds-color-rose-200:#fecdd3;--bcm-new-ds-color-rose-300:#fda4af;--bcm-new-ds-color-rose-400:#fb7185;--bcm-new-ds-color-rose-500:#f43f5e;--bcm-new-ds-color-rose-600:#e11d48;--bcm-new-ds-color-rose-700:#be123c;--bcm-new-ds-color-rose-800:#9f1239;--bcm-new-ds-color-rose-900:#881337}*{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}:root,::after,::before{--bcm-new-ds-color-inherit:inherit;--bcm-new-ds-color-current:currentColor;--bcm-new-ds-color-transparent:transparent;--bcm-new-ds-color-black:#000;--bcm-new-ds-color-white:#fff;--bcm-new-ds-color-slate:#64748b;--bcm-new-ds-color-slate-50:#f8fafc;--bcm-new-ds-color-slate-100:#f1f5f9;--bcm-new-ds-color-slate-200:#e2e8f0;--bcm-new-ds-color-slate-300:#cbd5e1;--bcm-new-ds-color-slate-400:#94a3b8;--bcm-new-ds-color-slate-500:#64748b;--bcm-new-ds-color-slate-600:#475569;--bcm-new-ds-color-slate-700:#334155;--bcm-new-ds-color-slate-800:#1e293b;--bcm-new-ds-color-slate-900:#0f172a;--bcm-new-ds-color-gray:#6b7280;--bcm-new-ds-color-gray-50:#f9fafb;--bcm-new-ds-color-gray-100:#f3f4f6;--bcm-new-ds-color-gray-200:#e5e7eb;--bcm-new-ds-color-gray-300:#d1d5db;--bcm-new-ds-color-gray-400:#9ca3af;--bcm-new-ds-color-gray-500:#6b7280;--bcm-new-ds-color-gray-600:#4b5563;--bcm-new-ds-color-gray-700:#374151;--bcm-new-ds-color-gray-800:#1f2937;--bcm-new-ds-color-gray-900:#111827;--bcm-new-ds-color-zinc:#71717a;--bcm-new-ds-color-zinc-50:#fafafa;--bcm-new-ds-color-zinc-100:#f4f4f5;--bcm-new-ds-color-zinc-200:#e4e4e7;--bcm-new-ds-color-zinc-300:#d4d4d8;--bcm-new-ds-color-zinc-400:#a1a1aa;--bcm-new-ds-color-zinc-500:#71717a;--bcm-new-ds-color-zinc-600:#52525b;--bcm-new-ds-color-zinc-700:#3f3f46;--bcm-new-ds-color-zinc-800:#27272a;--bcm-new-ds-color-zinc-900:#18181b;--bcm-new-ds-color-neutral:#737373;--bcm-new-ds-color-neutral-50:#fafafa;--bcm-new-ds-color-neutral-100:#f5f5f5;--bcm-new-ds-color-neutral-200:#e5e5e5;--bcm-new-ds-color-neutral-300:#d4d4d4;--bcm-new-ds-color-neutral-400:#a3a3a3;--bcm-new-ds-color-neutral-500:#737373;--bcm-new-ds-color-neutral-600:#525252;--bcm-new-ds-color-neutral-700:#404040;--bcm-new-ds-color-neutral-800:#262626;--bcm-new-ds-color-neutral-900:#171717;--bcm-new-ds-color-stone:#78716c;--bcm-new-ds-color-stone-50:#fafaf9;--bcm-new-ds-color-stone-100:#f5f5f4;--bcm-new-ds-color-stone-200:#e7e5e4;--bcm-new-ds-color-stone-300:#d6d3d1;--bcm-new-ds-color-stone-400:#a8a29e;--bcm-new-ds-color-stone-500:#78716c;--bcm-new-ds-color-stone-600:#57534e;--bcm-new-ds-color-stone-700:#44403c;--bcm-new-ds-color-stone-800:#292524;--bcm-new-ds-color-stone-900:#1c1917;--bcm-new-ds-color-red:#ef4444;--bcm-new-ds-color-red-50:#fef2f2;--bcm-new-ds-color-red-100:#fee2e2;--bcm-new-ds-color-red-200:#fecaca;--bcm-new-ds-color-red-300:#fca5a5;--bcm-new-ds-color-red-400:#f87171;--bcm-new-ds-color-red-500:#ef4444;--bcm-new-ds-color-red-600:#dc2626;--bcm-new-ds-color-red-700:#b91c1c;--bcm-new-ds-color-red-800:#991b1b;--bcm-new-ds-color-red-900:#7f1d1d;--bcm-new-ds-color-orange:#f97316;--bcm-new-ds-color-orange-50:#fff7ed;--bcm-new-ds-color-orange-100:#ffedd5;--bcm-new-ds-color-orange-200:#fed7aa;--bcm-new-ds-color-orange-300:#fdba74;--bcm-new-ds-color-orange-400:#fb923c;--bcm-new-ds-color-orange-500:#f97316;--bcm-new-ds-color-orange-600:#ea580c;--bcm-new-ds-color-orange-700:#c2410c;--bcm-new-ds-color-orange-800:#9a3412;--bcm-new-ds-color-orange-900:#7c2d12;--bcm-new-ds-color-amber:#f59e0b;--bcm-new-ds-color-amber-50:#fffbeb;--bcm-new-ds-color-amber-100:#fef3c7;--bcm-new-ds-color-amber-200:#fde68a;--bcm-new-ds-color-amber-300:#fcd34d;--bcm-new-ds-color-amber-400:#fbbf24;--bcm-new-ds-color-amber-500:#f59e0b;--bcm-new-ds-color-amber-600:#d97706;--bcm-new-ds-color-amber-700:#b45309;--bcm-new-ds-color-amber-800:#92400e;--bcm-new-ds-color-amber-900:#78350f;--bcm-new-ds-color-yellow:#eab308;--bcm-new-ds-color-yellow-50:#fefce8;--bcm-new-ds-color-yellow-100:#fef9c3;--bcm-new-ds-color-yellow-200:#fef08a;--bcm-new-ds-color-yellow-300:#fde047;--bcm-new-ds-color-yellow-400:#facc15;--bcm-new-ds-color-yellow-500:#eab308;--bcm-new-ds-color-yellow-600:#ca8a04;--bcm-new-ds-color-yellow-700:#a16207;--bcm-new-ds-color-yellow-800:#854d0e;--bcm-new-ds-color-yellow-900:#713f12;--bcm-new-ds-color-lime:#84cc16;--bcm-new-ds-color-lime-50:#f7fee7;--bcm-new-ds-color-lime-100:#ecfccb;--bcm-new-ds-color-lime-200:#d9f99d;--bcm-new-ds-color-lime-300:#bef264;--bcm-new-ds-color-lime-400:#a3e635;--bcm-new-ds-color-lime-500:#84cc16;--bcm-new-ds-color-lime-600:#65a30d;--bcm-new-ds-color-lime-700:#4d7c0f;--bcm-new-ds-color-lime-800:#3f6212;--bcm-new-ds-color-lime-900:#365314;--bcm-new-ds-color-green:#22c55e;--bcm-new-ds-color-green-50:#f0fdf4;--bcm-new-ds-color-green-100:#dcfce7;--bcm-new-ds-color-green-200:#bbf7d0;--bcm-new-ds-color-green-300:#86efac;--bcm-new-ds-color-green-400:#4ade80;--bcm-new-ds-color-green-500:#22c55e;--bcm-new-ds-color-green-600:#16a34a;--bcm-new-ds-color-green-700:#15803d;--bcm-new-ds-color-green-800:#166534;--bcm-new-ds-color-green-900:#14532d;--bcm-new-ds-color-emerald:#10b981;--bcm-new-ds-color-emerald-50:#ecfdf5;--bcm-new-ds-color-emerald-100:#d1fae5;--bcm-new-ds-color-emerald-200:#a7f3d0;--bcm-new-ds-color-emerald-300:#6ee7b7;--bcm-new-ds-color-emerald-400:#34d399;--bcm-new-ds-color-emerald-500:#10b981;--bcm-new-ds-color-emerald-600:#059669;--bcm-new-ds-color-emerald-700:#047857;--bcm-new-ds-color-emerald-800:#065f46;--bcm-new-ds-color-emerald-900:#064e3b;--bcm-new-ds-color-teal:#14b8a6;--bcm-new-ds-color-teal-50:#f0fdfa;--bcm-new-ds-color-teal-100:#ccfbf1;--bcm-new-ds-color-teal-200:#99f6e4;--bcm-new-ds-color-teal-300:#5eead4;--bcm-new-ds-color-teal-400:#2dd4bf;--bcm-new-ds-color-teal-500:#14b8a6;--bcm-new-ds-color-teal-600:#0d9488;--bcm-new-ds-color-teal-700:#0f766e;--bcm-new-ds-color-teal-800:#115e59;--bcm-new-ds-color-teal-900:#134e4a;--bcm-new-ds-color-cyan:#06b6d4;--bcm-new-ds-color-cyan-50:#ecfeff;--bcm-new-ds-color-cyan-100:#cffafe;--bcm-new-ds-color-cyan-200:#a5f3fc;--bcm-new-ds-color-cyan-300:#67e8f9;--bcm-new-ds-color-cyan-400:#22d3ee;--bcm-new-ds-color-cyan-500:#06b6d4;--bcm-new-ds-color-cyan-600:#0891b2;--bcm-new-ds-color-cyan-700:#0e7490;--bcm-new-ds-color-cyan-800:#155e75;--bcm-new-ds-color-cyan-900:#164e63;--bcm-new-ds-color-sky:#0ea5e9;--bcm-new-ds-color-sky-50:#f0f9ff;--bcm-new-ds-color-sky-100:#e0f2fe;--bcm-new-ds-color-sky-200:#bae6fd;--bcm-new-ds-color-sky-300:#7dd3fc;--bcm-new-ds-color-sky-400:#38bdf8;--bcm-new-ds-color-sky-500:#0ea5e9;--bcm-new-ds-color-sky-600:#0284c7;--bcm-new-ds-color-sky-700:#0369a1;--bcm-new-ds-color-sky-800:#075985;--bcm-new-ds-color-sky-900:#0c4a6e;--bcm-new-ds-color-blue:#3b82f6;--bcm-new-ds-color-blue-50:#eff6ff;--bcm-new-ds-color-blue-100:#dbeafe;--bcm-new-ds-color-blue-200:#bfdbfe;--bcm-new-ds-color-blue-300:#93c5fd;--bcm-new-ds-color-blue-400:#60a5fa;--bcm-new-ds-color-blue-500:#3b82f6;--bcm-new-ds-color-blue-600:#2563eb;--bcm-new-ds-color-blue-700:#1d4ed8;--bcm-new-ds-color-blue-800:#1e40af;--bcm-new-ds-color-blue-900:#1e3a8a;--bcm-new-ds-color-indigo:#6366f1;--bcm-new-ds-color-indigo-50:#eef2ff;--bcm-new-ds-color-indigo-100:#e0e7ff;--bcm-new-ds-color-indigo-200:#c7d2fe;--bcm-new-ds-color-indigo-300:#a5b4fc;--bcm-new-ds-color-indigo-400:#818cf8;--bcm-new-ds-color-indigo-500:#6366f1;--bcm-new-ds-color-indigo-600:#4f46e5;--bcm-new-ds-color-indigo-700:#4338ca;--bcm-new-ds-color-indigo-800:#3730a3;--bcm-new-ds-color-indigo-900:#312e81;--bcm-new-ds-color-violet:#8b5cf6;--bcm-new-ds-color-violet-50:#f5f3ff;--bcm-new-ds-color-violet-100:#ede9fe;--bcm-new-ds-color-violet-200:#ddd6fe;--bcm-new-ds-color-violet-300:#c4b5fd;--bcm-new-ds-color-violet-400:#a78bfa;--bcm-new-ds-color-violet-500:#8b5cf6;--bcm-new-ds-color-violet-600:#7c3aed;--bcm-new-ds-color-violet-700:#6d28d9;--bcm-new-ds-color-violet-800:#5b21b6;--bcm-new-ds-color-violet-900:#4c1d95;--bcm-new-ds-color-purple:#a855f7;--bcm-new-ds-color-purple-50:#faf5ff;--bcm-new-ds-color-purple-100:#f3e8ff;--bcm-new-ds-color-purple-200:#e9d5ff;--bcm-new-ds-color-purple-300:#d8b4fe;--bcm-new-ds-color-purple-400:#c084fc;--bcm-new-ds-color-purple-500:#a855f7;--bcm-new-ds-color-purple-600:#9333ea;--bcm-new-ds-color-purple-700:#7e22ce;--bcm-new-ds-color-purple-800:#6b21a8;--bcm-new-ds-color-purple-900:#581c87;--bcm-new-ds-color-fuchsia:#d946ef;--bcm-new-ds-color-fuchsia-50:#fdf4ff;--bcm-new-ds-color-fuchsia-100:#fae8ff;--bcm-new-ds-color-fuchsia-200:#f5d0fe;--bcm-new-ds-color-fuchsia-300:#f0abfc;--bcm-new-ds-color-fuchsia-400:#e879f9;--bcm-new-ds-color-fuchsia-500:#d946ef;--bcm-new-ds-color-fuchsia-600:#c026d3;--bcm-new-ds-color-fuchsia-700:#a21caf;--bcm-new-ds-color-fuchsia-800:#86198f;--bcm-new-ds-color-fuchsia-900:#701a75;--bcm-new-ds-color-pink:#ec4899;--bcm-new-ds-color-pink-50:#fdf2f8;--bcm-new-ds-color-pink-100:#fce7f3;--bcm-new-ds-color-pink-200:#fbcfe8;--bcm-new-ds-color-pink-300:#f9a8d4;--bcm-new-ds-color-pink-400:#f472b6;--bcm-new-ds-color-pink-500:#ec4899;--bcm-new-ds-color-pink-600:#db2777;--bcm-new-ds-color-pink-700:#be185d;--bcm-new-ds-color-pink-800:#9d174d;--bcm-new-ds-color-pink-900:#831843;--bcm-new-ds-color-rose:#f43f5e;--bcm-new-ds-color-rose-50:#fff1f2;--bcm-new-ds-color-rose-100:#ffe4e6;--bcm-new-ds-color-rose-200:#fecdd3;--bcm-new-ds-color-rose-300:#fda4af;--bcm-new-ds-color-rose-400:#fb7185;--bcm-new-ds-color-rose-500:#f43f5e;--bcm-new-ds-color-rose-600:#e11d48;--bcm-new-ds-color-rose-700:#be123c;--bcm-new-ds-color-rose-800:#9f1239;--bcm-new-ds-color-rose-900:#881337}*{box-sizing:border-box}:root,::after,::before{--bcm-new-ds-color-inherit:inherit;--bcm-new-ds-color-current:currentColor;--bcm-new-ds-color-transparent:transparent;--bcm-new-ds-color-black:#000;--bcm-new-ds-color-white:#fff;--bcm-new-ds-color-slate:#64748b;--bcm-new-ds-color-slate-50:#f8fafc;--bcm-new-ds-color-slate-100:#f1f5f9;--bcm-new-ds-color-slate-200:#e2e8f0;--bcm-new-ds-color-slate-300:#cbd5e1;--bcm-new-ds-color-slate-400:#94a3b8;--bcm-new-ds-color-slate-500:#64748b;--bcm-new-ds-color-slate-600:#475569;--bcm-new-ds-color-slate-700:#334155;--bcm-new-ds-color-slate-800:#1e293b;--bcm-new-ds-color-slate-900:#0f172a;--bcm-new-ds-color-gray:#6b7280;--bcm-new-ds-color-gray-50:#f9fafb;--bcm-new-ds-color-gray-100:#f3f4f6;--bcm-new-ds-color-gray-200:#e5e7eb;--bcm-new-ds-color-gray-300:#d1d5db;--bcm-new-ds-color-gray-400:#9ca3af;--bcm-new-ds-color-gray-500:#6b7280;--bcm-new-ds-color-gray-600:#4b5563;--bcm-new-ds-color-gray-700:#374151;--bcm-new-ds-color-gray-800:#1f2937;--bcm-new-ds-color-gray-900:#111827;--bcm-new-ds-color-zinc:#71717a;--bcm-new-ds-color-zinc-50:#fafafa;--bcm-new-ds-color-zinc-100:#f4f4f5;--bcm-new-ds-color-zinc-200:#e4e4e7;--bcm-new-ds-color-zinc-300:#d4d4d8;--bcm-new-ds-color-zinc-400:#a1a1aa;--bcm-new-ds-color-zinc-500:#71717a;--bcm-new-ds-color-zinc-600:#52525b;--bcm-new-ds-color-zinc-700:#3f3f46;--bcm-new-ds-color-zinc-800:#27272a;--bcm-new-ds-color-zinc-900:#18181b;--bcm-new-ds-color-neutral:#737373;--bcm-new-ds-color-neutral-50:#fafafa;--bcm-new-ds-color-neutral-100:#f5f5f5;--bcm-new-ds-color-neutral-200:#e5e5e5;--bcm-new-ds-color-neutral-300:#d4d4d4;--bcm-new-ds-color-neutral-400:#a3a3a3;--bcm-new-ds-color-neutral-500:#737373;--bcm-new-ds-color-neutral-600:#525252;--bcm-new-ds-color-neutral-700:#404040;--bcm-new-ds-color-neutral-800:#262626;--bcm-new-ds-color-neutral-900:#171717;--bcm-new-ds-color-stone:#78716c;--bcm-new-ds-color-stone-50:#fafaf9;--bcm-new-ds-color-stone-100:#f5f5f4;--bcm-new-ds-color-stone-200:#e7e5e4;--bcm-new-ds-color-stone-300:#d6d3d1;--bcm-new-ds-color-stone-400:#a8a29e;--bcm-new-ds-color-stone-500:#78716c;--bcm-new-ds-color-stone-600:#57534e;--bcm-new-ds-color-stone-700:#44403c;--bcm-new-ds-color-stone-800:#292524;--bcm-new-ds-color-stone-900:#1c1917;--bcm-new-ds-color-red:#ef4444;--bcm-new-ds-color-red-50:#fef2f2;--bcm-new-ds-color-red-100:#fee2e2;--bcm-new-ds-color-red-200:#fecaca;--bcm-new-ds-color-red-300:#fca5a5;--bcm-new-ds-color-red-400:#f87171;--bcm-new-ds-color-red-500:#ef4444;--bcm-new-ds-color-red-600:#dc2626;--bcm-new-ds-color-red-700:#b91c1c;--bcm-new-ds-color-red-800:#991b1b;--bcm-new-ds-color-red-900:#7f1d1d;--bcm-new-ds-color-orange:#f97316;--bcm-new-ds-color-orange-50:#fff7ed;--bcm-new-ds-color-orange-100:#ffedd5;--bcm-new-ds-color-orange-200:#fed7aa;--bcm-new-ds-color-orange-300:#fdba74;--bcm-new-ds-color-orange-400:#fb923c;--bcm-new-ds-color-orange-500:#f97316;--bcm-new-ds-color-orange-600:#ea580c;--bcm-new-ds-color-orange-700:#c2410c;--bcm-new-ds-color-orange-800:#9a3412;--bcm-new-ds-color-orange-900:#7c2d12;--bcm-new-ds-color-amber:#f59e0b;--bcm-new-ds-color-amber-50:#fffbeb;--bcm-new-ds-color-amber-100:#fef3c7;--bcm-new-ds-color-amber-200:#fde68a;--bcm-new-ds-color-amber-300:#fcd34d;--bcm-new-ds-color-amber-400:#fbbf24;--bcm-new-ds-color-amber-500:#f59e0b;--bcm-new-ds-color-amber-600:#d97706;--bcm-new-ds-color-amber-700:#b45309;--bcm-new-ds-color-amber-800:#92400e;--bcm-new-ds-color-amber-900:#78350f;--bcm-new-ds-color-yellow:#eab308;--bcm-new-ds-color-yellow-50:#fefce8;--bcm-new-ds-color-yellow-100:#fef9c3;--bcm-new-ds-color-yellow-200:#fef08a;--bcm-new-ds-color-yellow-300:#fde047;--bcm-new-ds-color-yellow-400:#facc15;--bcm-new-ds-color-yellow-500:#eab308;--bcm-new-ds-color-yellow-600:#ca8a04;--bcm-new-ds-color-yellow-700:#a16207;--bcm-new-ds-color-yellow-800:#854d0e;--bcm-new-ds-color-yellow-900:#713f12;--bcm-new-ds-color-lime:#84cc16;--bcm-new-ds-color-lime-50:#f7fee7;--bcm-new-ds-color-lime-100:#ecfccb;--bcm-new-ds-color-lime-200:#d9f99d;--bcm-new-ds-color-lime-300:#bef264;--bcm-new-ds-color-lime-400:#a3e635;--bcm-new-ds-color-lime-500:#84cc16;--bcm-new-ds-color-lime-600:#65a30d;--bcm-new-ds-color-lime-700:#4d7c0f;--bcm-new-ds-color-lime-800:#3f6212;--bcm-new-ds-color-lime-900:#365314;--bcm-new-ds-color-green:#22c55e;--bcm-new-ds-color-green-50:#f0fdf4;--bcm-new-ds-color-green-100:#dcfce7;--bcm-new-ds-color-green-200:#bbf7d0;--bcm-new-ds-color-green-300:#86efac;--bcm-new-ds-color-green-400:#4ade80;--bcm-new-ds-color-green-500:#22c55e;--bcm-new-ds-color-green-600:#16a34a;--bcm-new-ds-color-green-700:#15803d;--bcm-new-ds-color-green-800:#166534;--bcm-new-ds-color-green-900:#14532d;--bcm-new-ds-color-emerald:#10b981;--bcm-new-ds-color-emerald-50:#ecfdf5;--bcm-new-ds-color-emerald-100:#d1fae5;--bcm-new-ds-color-emerald-200:#a7f3d0;--bcm-new-ds-color-emerald-300:#6ee7b7;--bcm-new-ds-color-emerald-400:#34d399;--bcm-new-ds-color-emerald-500:#10b981;--bcm-new-ds-color-emerald-600:#059669;--bcm-new-ds-color-emerald-700:#047857;--bcm-new-ds-color-emerald-800:#065f46;--bcm-new-ds-color-emerald-900:#064e3b;--bcm-new-ds-color-teal:#14b8a6;--bcm-new-ds-color-teal-50:#f0fdfa;--bcm-new-ds-color-teal-100:#ccfbf1;--bcm-new-ds-color-teal-200:#99f6e4;--bcm-new-ds-color-teal-300:#5eead4;--bcm-new-ds-color-teal-400:#2dd4bf;--bcm-new-ds-color-teal-500:#14b8a6;--bcm-new-ds-color-teal-600:#0d9488;--bcm-new-ds-color-teal-700:#0f766e;--bcm-new-ds-color-teal-800:#115e59;--bcm-new-ds-color-teal-900:#134e4a;--bcm-new-ds-color-cyan:#06b6d4;--bcm-new-ds-color-cyan-50:#ecfeff;--bcm-new-ds-color-cyan-100:#cffafe;--bcm-new-ds-color-cyan-200:#a5f3fc;--bcm-new-ds-color-cyan-300:#67e8f9;--bcm-new-ds-color-cyan-400:#22d3ee;--bcm-new-ds-color-cyan-500:#06b6d4;--bcm-new-ds-color-cyan-600:#0891b2;--bcm-new-ds-color-cyan-700:#0e7490;--bcm-new-ds-color-cyan-800:#155e75;--bcm-new-ds-color-cyan-900:#164e63;--bcm-new-ds-color-sky:#0ea5e9;--bcm-new-ds-color-sky-50:#f0f9ff;--bcm-new-ds-color-sky-100:#e0f2fe;--bcm-new-ds-color-sky-200:#bae6fd;--bcm-new-ds-color-sky-300:#7dd3fc;--bcm-new-ds-color-sky-400:#38bdf8;--bcm-new-ds-color-sky-500:#0ea5e9;--bcm-new-ds-color-sky-600:#0284c7;--bcm-new-ds-color-sky-700:#0369a1;--bcm-new-ds-color-sky-800:#075985;--bcm-new-ds-color-sky-900:#0c4a6e;--bcm-new-ds-color-blue:#3b82f6;--bcm-new-ds-color-blue-50:#eff6ff;--bcm-new-ds-color-blue-100:#dbeafe;--bcm-new-ds-color-blue-200:#bfdbfe;--bcm-new-ds-color-blue-300:#93c5fd;--bcm-new-ds-color-blue-400:#60a5fa;--bcm-new-ds-color-blue-500:#3b82f6;--bcm-new-ds-color-blue-600:#2563eb;--bcm-new-ds-color-blue-700:#1d4ed8;--bcm-new-ds-color-blue-800:#1e40af;--bcm-new-ds-color-blue-900:#1e3a8a;--bcm-new-ds-color-indigo:#6366f1;--bcm-new-ds-color-indigo-50:#eef2ff;--bcm-new-ds-color-indigo-100:#e0e7ff;--bcm-new-ds-color-indigo-200:#c7d2fe;--bcm-new-ds-color-indigo-300:#a5b4fc;--bcm-new-ds-color-indigo-400:#818cf8;--bcm-new-ds-color-indigo-500:#6366f1;--bcm-new-ds-color-indigo-600:#4f46e5;--bcm-new-ds-color-indigo-700:#4338ca;--bcm-new-ds-color-indigo-800:#3730a3;--bcm-new-ds-color-indigo-900:#312e81;--bcm-new-ds-color-violet:#8b5cf6;--bcm-new-ds-color-violet-50:#f5f3ff;--bcm-new-ds-color-violet-100:#ede9fe;--bcm-new-ds-color-violet-200:#ddd6fe;--bcm-new-ds-color-violet-300:#c4b5fd;--bcm-new-ds-color-violet-400:#a78bfa;--bcm-new-ds-color-violet-500:#8b5cf6;--bcm-new-ds-color-violet-600:#7c3aed;--bcm-new-ds-color-violet-700:#6d28d9;--bcm-new-ds-color-violet-800:#5b21b6;--bcm-new-ds-color-violet-900:#4c1d95;--bcm-new-ds-color-purple:#a855f7;--bcm-new-ds-color-purple-50:#faf5ff;--bcm-new-ds-color-purple-100:#f3e8ff;--bcm-new-ds-color-purple-200:#e9d5ff;--bcm-new-ds-color-purple-300:#d8b4fe;--bcm-new-ds-color-purple-400:#c084fc;--bcm-new-ds-color-purple-500:#a855f7;--bcm-new-ds-color-purple-600:#9333ea;--bcm-new-ds-color-purple-700:#7e22ce;--bcm-new-ds-color-purple-800:#6b21a8;--bcm-new-ds-color-purple-900:#581c87;--bcm-new-ds-color-fuchsia:#d946ef;--bcm-new-ds-color-fuchsia-50:#fdf4ff;--bcm-new-ds-color-fuchsia-100:#fae8ff;--bcm-new-ds-color-fuchsia-200:#f5d0fe;--bcm-new-ds-color-fuchsia-300:#f0abfc;--bcm-new-ds-color-fuchsia-400:#e879f9;--bcm-new-ds-color-fuchsia-500:#d946ef;--bcm-new-ds-color-fuchsia-600:#c026d3;--bcm-new-ds-color-fuchsia-700:#a21caf;--bcm-new-ds-color-fuchsia-800:#86198f;--bcm-new-ds-color-fuchsia-900:#701a75;--bcm-new-ds-color-pink:#ec4899;--bcm-new-ds-color-pink-50:#fdf2f8;--bcm-new-ds-color-pink-100:#fce7f3;--bcm-new-ds-color-pink-200:#fbcfe8;--bcm-new-ds-color-pink-300:#f9a8d4;--bcm-new-ds-color-pink-400:#f472b6;--bcm-new-ds-color-pink-500:#ec4899;--bcm-new-ds-color-pink-600:#db2777;--bcm-new-ds-color-pink-700:#be185d;--bcm-new-ds-color-pink-800:#9d174d;--bcm-new-ds-color-pink-900:#831843;--bcm-new-ds-color-rose:#f43f5e;--bcm-new-ds-color-rose-50:#fff1f2;--bcm-new-ds-color-rose-100:#ffe4e6;--bcm-new-ds-color-rose-200:#fecdd3;--bcm-new-ds-color-rose-300:#fda4af;--bcm-new-ds-color-rose-400:#fb7185;--bcm-new-ds-color-rose-500:#f43f5e;--bcm-new-ds-color-rose-600:#e11d48;--bcm-new-ds-color-rose-700:#be123c;--bcm-new-ds-color-rose-800:#9f1239;--bcm-new-ds-color-rose-900:#881337}*{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}.bcm-list{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;--width:256px;--height:256px;--max-height:inherit;--min-height:inherit;min-width:90px;display:flex;flex-direction:column;margin:0 0 8px 0}.bcm-list__listbox .bcm-list__container{height:var(--height);max-height:var(--max-height);min-height:var(--min-height)}.bcm-list.full-width{width:100%}.bcm-list__size-small .bcm-list__input{height:24px;font-size:12px;line-height:calc(12px + 8px)}.bcm-list__size-small .bcm-list__input .bcm-tag__content.dismissable{font-size:10px;line-height:calc(10px + 8px)}.bcm-list__size-medium .bcm-list__input{height:32px;font-size:14px;line-height:calc(14px + 8px)}.bcm-list__size-medium .bcm-list__input .bcm-tag__content.dismissable{font-size:12px;line-height:calc(12px + 8px)}.bcm-list__size-large .bcm-list__input{height:40px;font-size:16px;line-height:calc(16px + 8px)}.bcm-list__size-large .bcm-list__input .bcm-tag__content.dismissable{font-size:14px;line-height:calc(14px + 8px)}.bcm-list:hover{outline:none}.bcm-list:hover .bcm-list__input{border-color:var(--bcm-new-ds-color-blue-500);background-color:var(--bcm-new-ds-color-slate-50)}.bcm-list:focus-visible{outline:none}.bcm-list:focus-visible .bcm-list__input{border-color:var(--bcm-new-ds-color-blue-600);background-color:var(--bcm-new-ds-color-white)}.bcm-list:active{outline:none}.bcm-list:active .bcm-list__input{border-color:var(--bcm-new-ds-color-blue-600);box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1)}.bcm-list__container{--width:256px;--height:256px;width:var(--width);height:var(--height);background-color:var(--bcm-new-ds-color-white);border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;box-sizing:border-box;padding-top:8px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:4px}.bcm-list__container main{scroll-behavior:smooth;padding:0 8px;flex:1;overflow:auto;display:flex;flex-direction:column}.bcm-list__container-search{margin:0 8px}.bcm-list__container-search:after{margin:4px 0}.bcm-list__container-no-data{flex:1;display:flex;justify-content:stretch;align-items:stretch;padding-bottom:4px}.bcm-list__container.error{border-color:var(--bcm-color-red-6)}.bcm-list__container.full-width{width:100%}.bcm-list__container.bcm-list__type-linked-component,.bcm-list__container.bcm-list__type-select,.bcm-list__container.bcm-list__type-autocomplete{opacity:0;visibility:hidden;position:absolute;top:0;left:0;height:0;width:0;transform:translateY(10%);z-index:10800;transition:visibility 0s linear 400ms, opacity 100ms, transform 200ms}.bcm-list__container.bcm-list__type-linked-component.bcm-list--top,.bcm-list__container.bcm-list__type-select.bcm-list--top,.bcm-list__container.bcm-list__type-autocomplete.bcm-list--top{transform:translateY(-10%)}.bcm-list__container.bcm-list__type-linked-component.is-open,.bcm-list__container.bcm-list__type-select.is-open,.bcm-list__container.bcm-list__type-autocomplete.is-open{opacity:1;transform:translateY(0);visibility:visible;transition:visibility 0s linear 0s, opacity 100ms, transform 100ms}.bcm-list__label{line-height:1}.bcm-list__input{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-white);user-select:none;cursor:pointer;padding:0 8px;height:32px;overflow:hidden;position:relative;transition:background-color 100ms, border-color 100ms}.bcm-list__input-spinner{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--bcm-color-grey-1);opacity:0;visibility:hidden;transition:opacity 0.2s ease-in-out;z-index:-1}.bcm-list__input-spinner.is-open{opacity:1;visibility:visible;z-index:1}.bcm-list__input-container{width:100%}.bcm-list__input-container.value-empty{color:var(--bcm-color-grey-6)}.bcm-list__input-container.type-single,.bcm-list__input-container.value-empty{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcm-list__input-placeholder{color:var(--bcm-color-grey-6)}.bcm-list__input-tag-container{height:100%;width:100%;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;grid-gap:2px;line-height:1}.bcm-list__input-buttons{display:flex;align-items:center;justify-content:flex-end;grid-gap:4px;min-width:40px}.bcm-list__input-buttons-button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:4px;font-size:16px;color:var(--bcm-new-ds-color-slate-500)}.bcm-list__input-buttons-button.caret-is{transform:rotate(360deg);transition:transform 0.2s ease-in-out}.bcm-list__input-buttons-button.caret-is-open{transform:rotate(180deg)}.bcm-list__input-buttons:not(.disabled) .bcm-list__input-buttons-button:hover{cursor:pointer;color:var(--bcm-new-ds-color-slate-600)}.bcm-list__input-autocomplete{position:relative;padding-right:0}.bcm-list__input-autocomplete .bcm-list-input-selected-text{background-color:#ffffff;display:flex;align-items:center;justify-content:flex-start;width:calc(100% - 24px);height:100%;padding:0 calc(8px + 4px);position:absolute;top:0;left:0}.bcm-list__input-autocomplete .bcm-list__input-container{height:100%;display:flex;flex-direction:row}.bcm-list__input-autocomplete .bcm-list__input-container .bcm-list__input-tag-container{width:auto}.bcm-list__input-autocomplete .bcm-input,.bcm-list__input-autocomplete .bcm-list__autocomplete{height:100%;min-width:70px;width:100%}.bcm-list__input-autocomplete .bcm-input__container,.bcm-list__input-autocomplete .bcm-list__autocomplete__container{height:100%;border:none;padding:0;width:100%}.bcm-list__input-autocomplete .bcm-input__container:not(.disabled).focused,.bcm-list__input-autocomplete .bcm-input__container:not(.disabled):hover,.bcm-list__input-autocomplete .bcm-list__autocomplete__container:not(.disabled).focused,.bcm-list__input-autocomplete .bcm-list__autocomplete__container:not(.disabled):hover{border:none;box-shadow:none}.bcm-list__autocomplete{width:100%;position:relative}.bcm-list.full-width .bcm-list__container,.bcm-list.full-width .bcm-list__input{width:100%}.bcm-list.error .bcm-list__input{border-color:var(--bcm-color-red-6)}.bcm-list.disabled .bcm-list__container,.bcm-list.disabled .bcm-list__input{color:var(--bcm-new-ds-color-slate-300);background-color:var(--bcm-new-ds-color-slate-50);cursor:not-allowed}.bcm-list.disabled .bcm-tag__content.dismissable .close-button{cursor:default}.bcm-list:not(.disabled) .bcm-list__input .bcm-tag__content.checked .close-button bcm-icon{color:var(--bcm-new-ds-color-slate-100)}.bcm-list:not(.disabled) .bcm-list__input .bcm-tag__content.checked .close-button:hover bcm-icon{color:var(--bcm-new-ds-color-slate-200)}.bcm-list:not(.disabled) .bcm-list__input:hover{border-color:var(--bcm-new-ds-color-blue-500)}.bcm-list:not(.disabled) .bcm-list__input:hover .bcm-tag__content.dismissable:not(.checked){background-color:var(--bcm-new-ds-color-slate-200);border-color:var(--bcm-new-ds-color-slate-200)}.bcm-list:not(.disabled) .bcm-list__input:focus-visible{border-color:var(--bcm-new-ds-color-blue-500);box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1)}.bcm-list:not(.disabled) .bcm-list__input:active{border-color:var(--bcm-new-ds-color-blue-500)}.bcm-list__item{padding:2px 0}.bcm-list__item.disabled{user-select:none}.bcm-list__item:focus{outline:none}.bcm-list__item:focus-visible>.bcm-list__item-content{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-list__item:focus-visible>.bcm-list__item-content:not(.disabled){color:var(--bcm-new-ds-color-slate-600)}.bcm-list__item-content{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;cursor:pointer;border-radius:4px;padding:0;padding-left:4px;color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-50);transition:background-color 0.2s ease}.bcm-list__item-content.disabled{color:var(--bcm-new-ds-color-slate-300);background-color:var(--bcm-new-ds-color-slate-50);user-select:none;cursor:not-allowed}.bcm-list__item-content.selected{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-new-ds-color-blue-500)}.bcm-list__item-content.selected:hover:not(.disabled){color:var(--bcm-new-ds-color-white);background-color:var(--bcm-new-ds-color-blue-600)}.bcm-list__item-content:hover:not(.disabled){color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-100)}.bcm-list__item-content:active:not(.disabled){color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-200)}.bcm-list__item-content-collapse-icon{width:16px;padding:0 8px;display:flex;align-items:center;justify-content:center;font-size:16px}.bcm-list__item-content-collapse-icon.child{cursor:pointer}.bcm-list__item-content-text{user-select:none;padding:8px;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.bcm-list__item-content-text.treeview{padding:8px 0}.bcm-list__item-content-text-checkbox{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;margin-right:8px}.bcm-list__item-content-text-checkbox .bcm-checkbox{margin:0}.bcm-list__item-content-text-inner{width:100%}.bcm-list__item-content-text mark{padding:0;margin:0;font-size:inherit;color:var(--bcm-color-grey-8);background-color:var(--bcm-color-yellow-4)}.bcm-list__item-childs{padding-left:16px}.bcm-list__item-small{padding:2px 0 2px 8px;font-size:10px;line-height:calc(10px + 8px)}.bcm-list__item-small .bcm-list__item-content-text{padding:3px 4px}.bcm-list__item-medium{font-size:12px;line-height:calc(12px + 8px)}.bcm-list__item-medium .bcm-list__item-content-text{padding:6px 4px}.bcm-list__item-large{font-size:14px;line-height:calc(14px + 8px)}.bcm-list__item-large .bcm-list__item-content-text{padding:9px 4px}.bcm-list__item--readonly:focus>.bcm-list__item-content:not(.disabled),.bcm-list__item--readonly.focused>.bcm-list__item-content:not(.disabled){color:var(--bcm-color-grey-7)}.bcm-list__item--readonly>.bcm-list__item-content{color:var(--bcm-color-grey-7)}.bcm-list__item--readonly>.bcm-list__item-content:hover,.bcm-list__item--readonly>.bcm-list__item-content:focus{color:var(--bcm-color-grey-7)}.bcm-list__item--group{border-radius:4px}.bcm-list__item--group:focus>.bcm-list__item-content:not(.disabled){background-color:var(--bcm-new-ds-color-slate-50);color:var(--bcm-new-ds-color-slate-600)}.bcm-list__item--group>.bcm-list__item-content{background-color:var(--bcm-new-ds-color-slate-50);color:var(--bcm-new-ds-color-slate-600);border-radius:4px 4px 0 0;cursor:default;font-size:14px;line-height:calc(14px + 8px);font-weight:500;position:sticky;top:0}.bcm-list__item--group>.bcm-list__item-content>.bcm-list__item-content-text{padding:4px 8px 4px 16px}.bcm-list__item--group>.bcm-list__item-content:hover,.bcm-list__item--group>.bcm-list__item-content:focus{color:var(--bcm-new-ds-color-slate-800);background-color:var(--bcm-new-ds-color-slate-50)}.bcm-list__item--group>.bcm-list__item-content-unclickable:hover{color:var(--bcm-new-ds-color-slate-700);background-color:var(--bcm-new-ds-color-slate-50)}.bcm-list__item--group>.bcm-list__item-childs{background-color:var(--bcm-new-ds-color-slate-50);color:var(--bcm-new-ds-color-slate-600);padding-bottom:8px;border-radius:0 0 4px 4px;padding-left:8px}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content{background-color:var(--bcm-new-ds-color-white);color:var(--bcm-new-ds-color-slate-600)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content:hover{background-color:var(--bcm-new-ds-color-slate-100)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content:active{background-color:var(--bcm-new-ds-color-slate-200)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content:focus-visible{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content.selected{background-color:var(--bcm-new-ds-color-blue-500);color:var(--bcm-new-ds-color-white)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content.selected:hover{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content.selected:active{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-list__linked{display:none}.bcm-list .bcm-tag--other .value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcm-info-footer{text-align:right;padding:4px 8px;background-color:var(--bcm-new-ds-color-slate-100);color:var(--bcm-new-ds-color-slate-600);border-radius:0 0 4px 4px}';export{U as bcm_list}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as e,h as t,H as i,g as p}from"./p-88f7d869.js";import{I as a}from"./p-9bef5a59.js";import{G as n}from"./p-34a59d30.js";import"./p-71930900.js";import"./p-6f56f8ca.js";const s=class{constructor(t){e(this,t),this._id=n.UID()}render(){return t(i,null,t("bcm-skeleton",null,t("slot",null)))}get el(){return p(this)}};(function(e,t,i,p){var a,n=arguments.length,s=n<3?t:null===p?p=Object.getOwnPropertyDescriptor(t,i):p;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,p);else for(var x=e.length-1;x>=0;x--)(a=e[x])&&(s=(n<3?a(s):n>3?a(t,i,s):a(t,i))||s);n>3&&s&&Object.defineProperty(t,i,s)})([a()],s.prototype,"el",void 0),s.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block}';export{s as bcm_default}