bromcom-ui-next 0.1.39 → 0.1.40

package/dist/components/bcm-radio.js

@@ -1 +1 @@
-import{t as e,p as r,H as i,c as o,h as t}from"./index.js";import{t as a}from"./p-CEcVC0yX.js";import{g as s}from"./p-nf_HKsGq.js";import{g as d}from"./p-IBjzkjef.js";const c=r(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmRadioChange=o(this,"bcmRadioChange",1),this.bcmBlur=o(this,"bcmBlur",1),this.bcmFocus=o(this,"bcmFocus",1),this.internals=this.attachInternals()}get host(){return this}internals;_id=d("bcm-radio");label;name;value;checked=!1;size="medium";disabled=!1;readonly=!1;labelPosition="right";error=!1;required=!1;internalChecked=!1;bcmRadioChange;bcmBlur;bcmFocus;inputEl;componentWillLoad(){this.host.setAttribute("tabindex","-1"),this.internalChecked=!!this.checked,this.updateFormValueAndValidity()}componentDidLoad(){this.syncNativeChecked()}handleClick(){this.readonly||this.disabled||this.internalChecked||(this.internalChecked=!0,this.checked=!0,this.uncheckSiblings(),this.updateFormValueAndValidity(),this.bcmRadioChange.emit())}updateFormValueAndValidity(){this.internals&&(this.internals.setFormValue(this.internalChecked?this.value??"on":null),this.isGroupRequired()&&!this.disabled&&this.isGroupLeader()?this.isGroupChecked()?this.internals.setValidity({}):this.internals.setValidity({valueMissing:!0},s?s("required"):"This field is required."):this.internals.setValidity({}))}isGroupRequired(){const e=this.host.getRootNode()||document;return Array.from(e.querySelectorAll(`bcm-radio[name="${this.name}"]`)).some((e=>e.required))}isGroupChecked(){const e=(this.host.getRootNode()||document).querySelectorAll(`bcm-radio[name="${this.name}"]`);return Array.from(e).some((e=>e.checked))}isGroupLeader(){const e=this.host.getRootNode()||document;return Array.from(e.querySelectorAll(`bcm-radio[name="${this.name}"]`))[0]===this.host}formResetCallback(){this.checked=!1,this.internalChecked=!1,this.syncNativeChecked(),this.updateFormValueAndValidity()}onCheckedChange(e){this.internalChecked=!!e,this.syncNativeChecked(),this.updateFormValueAndValidity()}onInternalCheckedChange(){this.syncNativeChecked(),this.updateFormValueAndValidity()}syncNativeChecked(){this.inputEl&&(this.inputEl.checked=this.internalChecked)}uncheckSiblings(){if(!this.name)return;const e=this.host.getRootNode()||document;(e.querySelectorAll?e.querySelectorAll(`bcm-radio[name="${this.name}"]`):[]).forEach((e=>{e!==this.host&&(e.checked=!1)}))}getRadioStyle(){return{"--bcm-radio-bg":"var(--bcm-ui-color-background-default-default)","--bcm-radio-border":"var(--bcm-ui-color-border-disabled)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-primary)","--bcm-radio-checked":"var(--bcm-ui-color-background-primary-default)","--bcm-radio-text-color":"var(--bcm-ui-color-text-default)",...this.error&&{"--bcm-radio-bg":"var(--bcm-ui-color-background-palette-red-default)","--bcm-radio-border":"var(--bcm-ui-color-border-error)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-error)","--bcm-radio-checked":"var(--bcm-ui-color-background-error-default)","--bcm-radio-text-color":"var(--bcm-ui-color-text-default)"},...this.disabled&&{"--bcm-radio-bg":"var(--bcm-ui-color-background-disabled-default)","--bcm-radio-border":"var(--bcm-ui-color-border-disabled)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-disabled)","--bcm-radio-checked":"var(--bcm-ui-color-background-disabled-default)","--bcm-radio-text-color":"var(--bcm-ui-color-text-disabled)"},...this.readonly&&{"--bcm-radio-bg":"transparent","--bcm-radio-border":"var(--bcm-ui-color-border-disabled)","--bcm-radio-checked":"var(--bcm-ui-color-background-default-default)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-disabled)","--bcm-radio-text-color":"var(--bcm-ui-color-text-default)"}}}getRadioClass=a({slots:{container:"bcm-ui-element bcm-radio group",dot:"absolute rounded-full transition bg-[--bcm-radio-checked]",dotContainer:"relative rounded-full flex items-center justify-center shadow-[inset_0_0_0_1px_var(--bcm-radio-border)] bg-[--bcm-radio-bg] transition group-hover:shadow-[inset_0_0_0_1px_var(--bcm-radio-border-hover)]",labelClass:"font-medium text-[--bcm-radio-text-color]"},variants:{size:{small:{container:"gap-2",dotContainer:"size-3.5",dot:"size-2",labelClass:"text-size-4"},medium:{container:"gap-2.5",dotContainer:"size-4",dot:"size-2.5",labelClass:"text-size-5"},large:{container:"gap-3",dotContainer:"size-[18px]",dot:"size-3",labelClass:"text-size-6"}},checked:{true:{dot:"opacity-100"},false:{dot:"opacity-0"}},disabled:{true:{container:"cursor-not-allowed"},false:{container:"cursor-pointer focus-visible:ring"}},readonly:{true:{container:"cursor-default pointer-events-none",dot:"opacity-100",dotContainer:"shadow-[inset_0_0_0_3px_var(--bcm-radio-border)]"},false:""},labelPosition:{left:{container:"inline-flex flex-row-reverse items-center"},right:{container:"inline-flex flex-row items-center"}}}},{twMerge:!1});render(){const{container:e,dot:r,dotContainer:i,labelClass:o}=this.getRadioClass({size:this.size,checked:this.internalChecked,disabled:this.disabled,readonly:this.readonly,labelPosition:this.labelPosition}),a=this._id+"-input";return t("label",{key:"f1917336835c3a8b1a126658acedd2134c3276cc",class:e(),style:this.getRadioStyle(),htmlFor:a},t("input",{key:"c9e4d250c25d54ba5844afaf4460a732f7af191f",id:a,"aria-label":this.label,role:"radio","aria-checked":""+this.internalChecked,"aria-invalid":this.error,"aria-required":this.required,type:"radio",name:this.name,value:this.value,disabled:this.disabled,readOnly:this.readonly,checked:this.internalChecked,class:"appearance-none sr-only",onClick:()=>this.handleClick(),onFocus:e=>this.bcmFocus.emit(e),onBlur:e=>this.bcmBlur.emit(e),ref:e=>this.inputEl=e}),t("div",{key:"cad4502f9ca143059c487d05680bede971f86cb0",class:i()},t("div",{key:"8778768e17f7e26f048d7e195ab2fa24471779b7",class:r()})),t("span",{key:"0e7b0023c9a5e38c75b812c5eb4d77c608b6a90d",class:o()},t("slot",{key:"4c08ad35fc5ab85b7711fed307ea99e4b4863f0f"},this.label)))}static get formAssociated(){return!0}static get watchers(){return{checked:[{onCheckedChange:0}],internalChecked:[{onInternalCheckedChange:0}]}}static get style(){return".block{display:block}:host{display:block}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.size-2{height:.5rem;width:.5rem}.size-2\\.5{height:.625rem;width:.625rem}.size-3{height:.75rem;width:.75rem}.size-3\\.5{height:.875rem;width:.875rem}.size-4{height:1rem;width:1rem}.size-\\[18px\\]{height:18px;width:18px}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--bcm-radio-bg\\]{background-color:var(--bcm-radio-bg)}.bg-\\[--bcm-radio-checked\\]{background-color:var(--bcm-radio-checked)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-\\[--bcm-radio-text-color\\]{color:var(--bcm-radio-text-color)}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-\\[inset_0_0_0_1px_var\\(--bcm-radio-border\\)\\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[inset_0_0_0_1px_var\\(--bcm-radio-border\\)\\]{--tw-shadow:inset 0 0 0 1px var(--bcm-radio-border);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color)}.shadow-\\[inset_0_0_0_3px_var\\(--bcm-radio-border\\)\\]{--tw-shadow:inset 0 0 0 3px var(--bcm-radio-border);--tw-shadow-colored:inset 0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.focus-visible\\:ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group:hover .group-hover\\:shadow-\\[inset_0_0_0_1px_var\\(--bcm-radio-border-hover\\)\\]{--tw-shadow:inset 0 0 0 1px var(--bcm-radio-border-hover);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}"}},[833,"bcm-radio",{_id:[513,"id"],label:[1],name:[1],value:[1],checked:[1540],size:[1],disabled:[4],readonly:[4],labelPosition:[1,"label-position"],error:[4],required:[4],internalChecked:[32]},void 0,{checked:[{onCheckedChange:0}],internalChecked:[{onInternalCheckedChange:0}]}]);function n(){"undefined"!=typeof customElements&&["bcm-radio"].forEach((r=>{"bcm-radio"===r&&(customElements.get(e(r))||customElements.define(e(r),c))}))}n();const l=c,h=n;export{l as BcmRadio,h as defineCustomElement}
+import{t as e,p as r,H as i,c as o,h as t}from"./index.js";import{t as a}from"./p-CEcVC0yX.js";import{g as s}from"./p-nf_HKsGq.js";import{g as d}from"./p-IBjzkjef.js";const c=r(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmRadioChange=o(this,"bcmRadioChange",1),this.bcmBlur=o(this,"bcmBlur",1),this.bcmFocus=o(this,"bcmFocus",1),this.internals=this.attachInternals()}get host(){return this}internals;_id=d("bcm-radio");label;name;value;checked=!1;size="medium";disabled=!1;readonly=!1;labelPosition="right";error=!1;required=!1;internalChecked=!1;bcmRadioChange;bcmBlur;bcmFocus;inputEl;componentWillLoad(){this.host.setAttribute("tabindex","-1"),this.internalChecked=!!this.checked,this.updateFormValueAndValidity()}componentDidLoad(){this.syncNativeChecked()}handleClick(){this.readonly||this.disabled||this.internalChecked||(this.internalChecked=!0,this.checked=!0,this.uncheckSiblings(),this.updateFormValueAndValidity(),this.bcmRadioChange.emit())}updateFormValueAndValidity(){this.internals&&(this.internals.setFormValue(this.internalChecked?this.value??"on":null),this.isGroupRequired()&&!this.disabled&&this.isGroupLeader()?this.isGroupChecked()?this.internals.setValidity({}):this.internals.setValidity({valueMissing:!0},s?s("required"):"This field is required."):this.internals.setValidity({}))}isGroupRequired(){const e=this.host.getRootNode()||document;return Array.from(e.querySelectorAll(`bcm-radio[name="${this.name}"]`)).some((e=>e.required))}isGroupChecked(){const e=(this.host.getRootNode()||document).querySelectorAll(`bcm-radio[name="${this.name}"]`);return Array.from(e).some((e=>e.checked))}isGroupLeader(){const e=this.host.getRootNode()||document;return Array.from(e.querySelectorAll(`bcm-radio[name="${this.name}"]`))[0]===this.host}formResetCallback(){this.checked=!1,this.internalChecked=!1,this.syncNativeChecked(),this.updateFormValueAndValidity()}onCheckedChange(e){this.internalChecked=!!e,this.syncNativeChecked(),this.updateFormValueAndValidity()}onInternalCheckedChange(){this.syncNativeChecked(),this.updateFormValueAndValidity()}syncNativeChecked(){this.inputEl&&(this.inputEl.checked=this.internalChecked)}uncheckSiblings(){if(!this.name)return;const e=this.host.getRootNode()||document;(e.querySelectorAll?e.querySelectorAll(`bcm-radio[name="${this.name}"]`):[]).forEach((e=>{e!==this.host&&(e.checked=!1)}))}getRadioStyle(){return{"--bcm-radio-bg":"var(--bcm-ui-color-background-default-default)","--bcm-radio-border":"var(--bcm-ui-color-border-disabled)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-primary)","--bcm-radio-checked":"var(--bcm-ui-color-background-primary-default)","--bcm-radio-text-color":"var(--bcm-ui-color-text-default)",...this.error&&{"--bcm-radio-bg":"var(--bcm-ui-color-background-palette-red-default)","--bcm-radio-border":"var(--bcm-ui-color-border-error)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-error)","--bcm-radio-checked":"var(--bcm-ui-color-background-error-default)","--bcm-radio-text-color":"var(--bcm-ui-color-text-default)"},...this.disabled&&{"--bcm-radio-bg":"var(--bcm-ui-color-background-disabled-default)","--bcm-radio-border":"var(--bcm-ui-color-border-disabled)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-disabled)","--bcm-radio-checked":"var(--bcm-ui-color-background-disabled-default)","--bcm-radio-text-color":"var(--bcm-ui-color-text-disabled)"},...this.readonly&&{"--bcm-radio-bg":"transparent","--bcm-radio-border":"var(--bcm-ui-color-border-disabled)","--bcm-radio-checked":"var(--bcm-ui-color-background-default-default)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-disabled)","--bcm-radio-text-color":"var(--bcm-ui-color-text-default)"}}}getRadioClass=a({slots:{container:"bcm-ui-element bcm-radio group",dot:"absolute rounded-full transition bg-[--bcm-radio-checked]",dotContainer:"relative rounded-full flex items-center justify-center shadow-[inset_0_0_0_1px_var(--bcm-radio-border)] bg-[--bcm-radio-bg] transition group-hover:shadow-[inset_0_0_0_1px_var(--bcm-radio-border-hover)]",labelClass:"font-medium text-[--bcm-radio-text-color]"},variants:{size:{small:{container:"gap-2",dotContainer:"size-3.5",dot:"size-2",labelClass:"text-size-4"},medium:{container:"gap-2.5",dotContainer:"size-4",dot:"size-2.5",labelClass:"text-size-5"},large:{container:"gap-3",dotContainer:"size-[18px]",dot:"size-3",labelClass:"text-size-6"}},checked:{true:{dot:"opacity-100"},false:{dot:"opacity-0"}},disabled:{true:{container:"cursor-not-allowed"},false:{container:"cursor-pointer focus-visible:ring"}},readonly:{true:{container:"cursor-default pointer-events-none",dot:"opacity-100",dotContainer:"shadow-[inset_0_0_0_3px_var(--bcm-radio-border)]"},false:""},labelPosition:{left:{container:"inline-flex flex-row-reverse items-center"},right:{container:"inline-flex flex-row items-center"}}}},{twMerge:!1});render(){const{container:e,dot:r,dotContainer:i,labelClass:o}=this.getRadioClass({size:this.size,checked:this.internalChecked,disabled:this.disabled,readonly:this.readonly,labelPosition:this.labelPosition}),a=this._id+"-input";return t("label",{key:"b4fb1561a182d04735896b95b4f68a7968a38c43",class:e(),style:this.getRadioStyle(),htmlFor:a},t("input",{key:"ec85159d0c0496c1cfd6e6fd4237c8086f46fd68",id:a,"aria-label":this.label,role:"radio","aria-checked":""+this.internalChecked,"aria-invalid":this.error,"aria-required":this.required,type:"radio",name:this.name,value:this.value,disabled:this.disabled,readOnly:this.readonly,checked:this.internalChecked,class:"appearance-none sr-only",onClick:()=>this.handleClick(),onFocus:e=>this.bcmFocus.emit(e),onBlur:e=>this.bcmBlur.emit(e),ref:e=>this.inputEl=e}),t("div",{key:"94ef5c4d46eec2b1462fe94ea29d72d0c200ddaf",class:i()},t("div",{key:"2df5dbc8f9a06ac8f7aa26d78e63e0698a3d4412",class:r()})),t("span",{key:"5d09eb1205cf67a6a1957652909b5933a646c365",class:o()},t("slot",{key:"15b24eccd312fffcabb8e12a7c3ec7e255920c4f"},this.label)))}static get formAssociated(){return!0}static get watchers(){return{checked:[{onCheckedChange:0}],internalChecked:[{onInternalCheckedChange:0}]}}static get style(){return".block{display:block}:host{display:block}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.size-2{height:.5rem;width:.5rem}.size-2\\.5{height:.625rem;width:.625rem}.size-3{height:.75rem;width:.75rem}.size-3\\.5{height:.875rem;width:.875rem}.size-4{height:1rem;width:1rem}.size-\\[18px\\]{height:18px;width:18px}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--bcm-radio-bg\\]{background-color:var(--bcm-radio-bg)}.bg-\\[--bcm-radio-checked\\]{background-color:var(--bcm-radio-checked)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-\\[--bcm-radio-text-color\\]{color:var(--bcm-radio-text-color)}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-\\[inset_0_0_0_1px_var\\(--bcm-radio-border\\)\\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[inset_0_0_0_1px_var\\(--bcm-radio-border\\)\\]{--tw-shadow:inset 0 0 0 1px var(--bcm-radio-border);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color)}.shadow-\\[inset_0_0_0_3px_var\\(--bcm-radio-border\\)\\]{--tw-shadow:inset 0 0 0 3px var(--bcm-radio-border);--tw-shadow-colored:inset 0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.focus-visible\\:ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group:hover .group-hover\\:shadow-\\[inset_0_0_0_1px_var\\(--bcm-radio-border-hover\\)\\]{--tw-shadow:inset 0 0 0 1px var(--bcm-radio-border-hover);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}"}},[833,"bcm-radio",{_id:[513,"id"],label:[1],name:[1],value:[1],checked:[1540],size:[1],disabled:[4],readonly:[4],labelPosition:[1,"label-position"],error:[4],required:[4],internalChecked:[32]},void 0,{checked:[{onCheckedChange:0}],internalChecked:[{onInternalCheckedChange:0}]}]);function n(){"undefined"!=typeof customElements&&["bcm-radio"].forEach((r=>{"bcm-radio"===r&&(customElements.get(e(r))||customElements.define(e(r),c))}))}n();const l=c,h=n;export{l as BcmRadio,h as defineCustomElement}

package/dist/components/bcm-segment.js

@@ -1 +1 @@
-import{t as e,p as t,H as o,c as i,h as r,a}from"./index.js";import{t as s}from"./p-CEcVC0yX.js";const n=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmSegmentClick=i(this,"bcmSegmentClick",5)}get el(){return this}value;disabled=!1;selected=!1;size="medium";index=0;activeIndex=0;bcmSegmentClick;handleClick=()=>{this.disabled||this.bcmSegmentClick.emit(this.value)};segmentClass=s({base:"bcm-ui-element segment relative z-20 px-3 text-center font-medium transition-colors border-none bg-transparent select-none",variants:{size:{small:"text-size-4 py-px",medium:"text-size-5 py-1",large:"text-size-6 py-2"},selected:{true:"text-color-header",false:"text-color-helper"},disabled:{true:"cursor-not-allowed opacity-50",false:"cursor-pointer hover:text-color-header"}}});render(){const e=this.selected||this.index===this.activeIndex-1;return r(a,{key:"373faae95eef7060f87d14d040f3ad852cab47e4",role:"radio","aria-checked":""+this.selected},r("button",{key:"b7498962129671ef12c4ff8c9b1c4abb2f46c698",class:this.segmentClass({size:this.size,selected:this.selected,disabled:this.disabled}),onClick:this.handleClick,disabled:this.disabled,type:"button"},r("slot",{key:"02bcd4ca104dc0e6d65d27aff78b09163599fca5"})),r("div",{key:"0a86bbd53a7aba097309d950aa69086c0bae9f7a",class:"divider "+(e?"divider-hidden":"")}))}static get style(){return".absolute{position:absolute}.relative{position:relative}.flex{display:flex}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{align-items:center;display:flex;position:relative;width:100%}.segment{flex:1;white-space:nowrap;width:100%}.divider{background-color:var(--bcm-ui-color-border-default);height:20px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:opacity .8s cubic-bezier(.4,0,.2,1);width:1px}.divider-hidden{opacity:0}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.z-20{z-index:20}.hidden{display:none}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.border-none{border-style:none}.bg-transparent{background-color:transparent}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-px{padding-bottom:1px;padding-top:1px}.text-center{text-align:center}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-color-header{color:var(--bcm-ui-color-text-header)}.text-color-helper{color:var(--bcm-ui-color-text-helper)}.opacity-50{opacity:.5}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\\:text-color-header:hover{color:var(--bcm-ui-color-text-header)}"}},[769,"bcm-segment",{value:[513],disabled:[516],selected:[1540],size:[1025],index:[1026],activeIndex:[1026,"active-index"]}]);function c(){"undefined"!=typeof customElements&&["bcm-segment"].forEach((t=>{"bcm-segment"===t&&(customElements.get(e(t))||customElements.define(e(t),n))}))}c();const d=n,l=c;export{d as BcmSegment,l as defineCustomElement}
+import{t as e,p as t,H as o,c as i,h as r,a as s}from"./index.js";import{t as a}from"./p-CEcVC0yX.js";const n=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmSegmentClick=i(this,"bcmSegmentClick",5)}get el(){return this}value;disabled=!1;selected=!1;size="medium";index=0;activeIndex=0;bcmSegmentClick;handleClick=()=>{this.disabled||this.bcmSegmentClick.emit(this.value)};segmentClass=a({base:"bcm-ui-element segment relative z-20 px-3 text-center font-medium transition-colors border-none bg-transparent select-none",variants:{size:{small:"text-size-4 py-px",medium:"text-size-5 py-1",large:"text-size-6 py-2"},selected:{true:"text-color-header",false:"text-color-helper"},disabled:{true:"cursor-not-allowed opacity-50",false:"cursor-pointer hover:text-color-header"}}});render(){const e=this.selected||this.index===this.activeIndex-1;return r(s,{key:"012a8f5e07a0754d4c1630fc600a818f2327c159",role:"radio","aria-checked":""+this.selected},r("button",{key:"8ed95a4396b730733c2a8ced72b62490521ba475",class:this.segmentClass({size:this.size,selected:this.selected,disabled:this.disabled}),onClick:this.handleClick,disabled:this.disabled,type:"button"},r("slot",{key:"09f8e5abc27f11b61fc0579e006e8d528595415a"})),r("div",{key:"7ef3b0d95122dc4153e5b4d03e2c6b5127f10bd3",class:"divider "+(e?"divider-hidden":"")}))}static get style(){return".absolute{position:absolute}.relative{position:relative}.flex{display:flex}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{align-items:center;display:flex;position:relative;width:100%}.segment{flex:1;white-space:nowrap;width:100%}.divider{background-color:var(--bcm-ui-color-border-default);height:20px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:opacity .8s cubic-bezier(.4,0,.2,1);width:1px}.divider-hidden{opacity:0}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.z-20{z-index:20}.hidden{display:none}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.border-none{border-style:none}.bg-transparent{background-color:transparent}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-px{padding-bottom:1px;padding-top:1px}.text-center{text-align:center}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-color-header{color:var(--bcm-ui-color-text-header)}.text-color-helper{color:var(--bcm-ui-color-text-helper)}.opacity-50{opacity:.5}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\\:text-color-header:hover{color:var(--bcm-ui-color-text-header)}"}},[769,"bcm-segment",{value:[513],disabled:[516],selected:[1540],size:[1025],index:[1026],activeIndex:[1026,"active-index"]}]);function c(){"undefined"!=typeof customElements&&["bcm-segment"].forEach((t=>{"bcm-segment"===t&&(customElements.get(e(t))||customElements.define(e(t),n))}))}c();const l=n,d=c;export{l as BcmSegment,d as defineCustomElement}

package/dist/components/bcm-segmented-picker.js

@@ -1 +1 @@
-import{t as e,p as i,H as t,c as a,h as s,a as o}from"./index.js";import{t as d}from"./p-CEcVC0yX.js";const r=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmSegmentChange=a(this,"bcmSegmentChange",1),this.internals=this.attachInternals()}get el(){return this}internals;value;name;required=!1;size="medium";fullWidth=!1;disabled=!1;shadow=!1;bcmSegmentChange;segments=[];activeIndex=0;segmentElements=[];hiddenInput;componentWillLoad(){this.discoverSegments(),this.updateActiveIndex(),this.updateFormValueAndValidity()}componentDidLoad(){this.updateSegmentStates(),this.updateCSSVariables(),this.propagatePropsToSegments()}formResetCallback(){const e=this.segments.find((e=>!e.disabled));e&&(this.value=e.value)}discoverSegments(){if(this.segmentElements=Array.from(this.el.querySelectorAll("bcm-segment")),this.segments=this.segmentElements.map((e=>({value:e.value,disabled:e.disabled||!1}))),!this.value&&this.segments.length>0){const e=this.segments.find((e=>!e.disabled));e&&(this.value=e.value)}}updateActiveIndex(){const e=this.segments.findIndex((e=>e.value===this.value));this.activeIndex=e>=0?e:0}updateFormValueAndValidity(){this.internals&&(this.internals.setFormValue(this.value||""),this.hiddenInput)&&(this.hiddenInput.value=this.value||"",this.hiddenInput.required=this.required,this.hiddenInput.disabled=this.disabled,this.internals.setValidity(this.hiddenInput.validity,this.hiddenInput.validationMessage,this.hiddenInput))}updateSegmentStates(){this.segmentElements.forEach((e=>{e.selected=e.value===this.value}))}updateCSSVariables(){const e=this.el.shadowRoot?.querySelector(".segmented-container");if(e&&this.segments.length>0){const i=100/this.segments.length;e.style.setProperty("--indicator-left",this.activeIndex*i+"%"),e.style.setProperty("--indicator-width",i+"%")}}handleValueChange(e,i){this.updateActiveIndex(),this.updateSegmentStates(),this.updateCSSVariables(),this.updateFormValueAndValidity(),void 0!==i&&i!==e&&this.bcmSegmentChange.emit({value:e,previousValue:i})}handleValidationPropsChange(){this.updateFormValueAndValidity()}handleSizeChange(){this.propagatePropsToSegments()}propagatePropsToSegments(){this.segmentElements.forEach(((e,i)=>{e.size=this.size,e.index=i,e.activeIndex=this.activeIndex}))}handleSegmentClick(e){const i=e.detail,t=this.segments.find((e=>e.value===i));!t||t.disabled||this.disabled||(this.value=i)}async setValue(e){const i=this.segments.find((i=>i.value===e));i&&!i.disabled&&(this.value=e)}async getValue(){return this.value}containerClass=d({base:"bcm-ui-element segmented-container inline-flex relative rounded-lg border border-solid border-color-default bg-color-default overflow-hidden",variants:{size:{small:"text-size-4",medium:"text-size-5",large:"text-size-6"},fullWidth:{true:"w-full",false:"w-auto"},shadow:{true:"shadow-md",false:""},disabled:{true:"opacity-50 cursor-not-allowed",false:"cursor-pointer"}}});indicatorClass=d({base:"indicator absolute inset-y-0 bg-color-base rounded shadow-sm z-20",variants:{size:{small:"",medium:"",large:""}}});render(){return s(o,{key:"469075ac49f036eabf0fc0dbc005f02f97f44e54"},s("input",{key:"8486fefa07b9bc6c16e6586a2619a65a2888c994",ref:e=>this.hiddenInput=e,type:"text",name:this.name,value:this.value||"",required:this.required,disabled:this.disabled,tabindex:-1,style:{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",border:"0"},"aria-hidden":"true"}),s("div",{key:"e6096d6de2c1b5249ad026f9aa31797b6f2e7da8",class:this.containerClass({size:this.size,fullWidth:this.fullWidth,shadow:this.shadow,disabled:this.disabled}),role:"radiogroup","aria-required":this.required,"aria-disabled":this.disabled},s("div",{key:"ff1d2ca584e14b951b5352dbe13c825b0d581b81",class:this.indicatorClass({size:this.size})}),s("div",{key:"124dfaad7dd4f660f702f9f32713cbe96ffba4ce",class:"segments-grid grid grid-auto-flow-col grid-auto-columns-fr relative w-full"},s("slot",{key:"99c90fe7c78ac0a9dea895444fded08eda259823"}))))}static get formAssociated(){return!0}static get watchers(){return{value:[{handleValueChange:0}],required:[{handleValidationPropsChange:0}],disabled:[{handleValidationPropsChange:0}],size:[{handleSizeChange:0}]}}static get style(){return".block{display:block}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{display:block}.segmented-container{--indicator-left:0%;--indicator-width:0%}.indicator{left:var(--indicator-left);transition:all .2s cubic-bezier(.4,0,.2,1);width:var(--indicator-width)}.grid-auto-flow-col{grid-auto-flow:column}.grid-auto-columns-fr{grid-auto-columns:minmax(0,1fr)}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.absolute{position:absolute}.relative{position:relative}.inset-y-0{bottom:0;top:0}.z-20{z-index:20}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.w-auto{width:auto}.w-full{width:100%}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.border{border-width:1px}.border-solid{border-style:solid}.border-color-default{border-color:var(--bcm-ui-color-border-default)}.bg-color-base{background-color:var(--bcm-ui-color-background-base-default)}.bg-color-default{background-color:var(--bcm-ui-color-background-default-default)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.opacity-50{opacity:.5}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:var(--bcm-ui-box-shadow-md);--tw-shadow-colored:var(--bcm-ui-box-shadow-md)}.shadow-sm{--tw-shadow:var(--bcm-ui-box-shadow-sm);--tw-shadow-colored:var(--bcm-ui-box-shadow-sm);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}"}},[833,"bcm-segmented-picker",{value:[1537],name:[513],required:[516],size:[513],fullWidth:[516,"full-width"],disabled:[516],shadow:[516],segments:[32],activeIndex:[32],setValue:[64],getValue:[64]},[[0,"bcmSegmentClick","handleSegmentClick"]],{value:[{handleValueChange:0}],required:[{handleValidationPropsChange:0}],disabled:[{handleValidationPropsChange:0}],size:[{handleSizeChange:0}]}]);function n(){"undefined"!=typeof customElements&&["bcm-segmented-picker"].forEach((i=>{"bcm-segmented-picker"===i&&(customElements.get(e(i))||customElements.define(e(i),r))}))}n();const l=r,h=n;export{l as BcmSegmentedPicker,h as defineCustomElement}
+import{t as e,p as i,H as t,c as a,h as s,a as o}from"./index.js";import{t as d}from"./p-CEcVC0yX.js";const r=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmSegmentChange=a(this,"bcmSegmentChange",1),this.internals=this.attachInternals()}get el(){return this}internals;value;name;required=!1;size="medium";fullWidth=!1;disabled=!1;shadow=!1;bcmSegmentChange;segments=[];activeIndex=0;segmentElements=[];hiddenInput;componentWillLoad(){this.discoverSegments(),this.updateActiveIndex(),this.updateFormValueAndValidity()}componentDidLoad(){this.updateSegmentStates(),this.updateCSSVariables(),this.propagatePropsToSegments()}formResetCallback(){const e=this.segments.find((e=>!e.disabled));e&&(this.value=e.value)}discoverSegments(){if(this.segmentElements=Array.from(this.el.querySelectorAll("bcm-segment")),this.segments=this.segmentElements.map((e=>({value:e.value,disabled:e.disabled||!1}))),!this.value&&this.segments.length>0){const e=this.segments.find((e=>!e.disabled));e&&(this.value=e.value)}}updateActiveIndex(){const e=this.segments.findIndex((e=>e.value===this.value));this.activeIndex=e>=0?e:0}updateFormValueAndValidity(){this.internals&&(this.internals.setFormValue(this.value||""),this.hiddenInput)&&(this.hiddenInput.value=this.value||"",this.hiddenInput.required=this.required,this.hiddenInput.disabled=this.disabled,this.internals.setValidity(this.hiddenInput.validity,this.hiddenInput.validationMessage,this.hiddenInput))}updateSegmentStates(){this.segmentElements.forEach((e=>{e.selected=e.value===this.value}))}updateCSSVariables(){const e=this.el.shadowRoot?.querySelector(".segmented-container");if(e&&this.segments.length>0){const i=100/this.segments.length;e.style.setProperty("--indicator-left",this.activeIndex*i+"%"),e.style.setProperty("--indicator-width",i+"%")}}handleValueChange(e,i){this.updateActiveIndex(),this.updateSegmentStates(),this.updateCSSVariables(),this.updateFormValueAndValidity(),void 0!==i&&i!==e&&this.bcmSegmentChange.emit({value:e,previousValue:i})}handleValidationPropsChange(){this.updateFormValueAndValidity()}handleSizeChange(){this.propagatePropsToSegments()}propagatePropsToSegments(){this.segmentElements.forEach(((e,i)=>{e.size=this.size,e.index=i,e.activeIndex=this.activeIndex}))}handleSegmentClick(e){const i=e.detail,t=this.segments.find((e=>e.value===i));!t||t.disabled||this.disabled||(this.value=i)}async setValue(e){const i=this.segments.find((i=>i.value===e));i&&!i.disabled&&(this.value=e)}async getValue(){return this.value}containerClass=d({base:"bcm-ui-element segmented-container inline-flex relative rounded-lg border border-solid border-color-default bg-color-default overflow-hidden",variants:{size:{small:"text-size-4",medium:"text-size-5",large:"text-size-6"},fullWidth:{true:"w-full",false:"w-auto"},shadow:{true:"shadow-md",false:""},disabled:{true:"opacity-50 cursor-not-allowed",false:"cursor-pointer"}}});indicatorClass=d({base:"indicator absolute inset-y-0 bg-color-base rounded shadow-sm z-20",variants:{size:{small:"",medium:"",large:""}}});render(){return s(o,{key:"145f07a0feca65987396e9a1ac06590a06dbfcf2"},s("input",{key:"abff6c900f5d5cc6d9b4c290274e8adb8049dd16",ref:e=>this.hiddenInput=e,type:"text",name:this.name,value:this.value||"",required:this.required,disabled:this.disabled,tabindex:-1,style:{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",border:"0"},"aria-hidden":"true"}),s("div",{key:"d3c2567fb3f08b4280272008d6dcd58e98d7af96",class:this.containerClass({size:this.size,fullWidth:this.fullWidth,shadow:this.shadow,disabled:this.disabled}),role:"radiogroup","aria-required":this.required,"aria-disabled":this.disabled},s("div",{key:"b402df0ea2129da20e3db3e39b9d742a64624ad5",class:this.indicatorClass({size:this.size})}),s("div",{key:"7bc58e4c17271f352b7581a20b8fab4cc5111c60",class:"segments-grid grid grid-auto-flow-col grid-auto-columns-fr relative w-full"},s("slot",{key:"50797653c69818286df14c010c0dc2c28e639ef6"}))))}static get formAssociated(){return!0}static get watchers(){return{value:[{handleValueChange:0}],required:[{handleValidationPropsChange:0}],disabled:[{handleValidationPropsChange:0}],size:[{handleSizeChange:0}]}}static get style(){return".block{display:block}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{display:block}.segmented-container{--indicator-left:0%;--indicator-width:0%}.indicator{left:var(--indicator-left);transition:all .2s cubic-bezier(.4,0,.2,1);width:var(--indicator-width)}.grid-auto-flow-col{grid-auto-flow:column}.grid-auto-columns-fr{grid-auto-columns:minmax(0,1fr)}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.absolute{position:absolute}.relative{position:relative}.inset-y-0{bottom:0;top:0}.z-20{z-index:20}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.w-auto{width:auto}.w-full{width:100%}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.border{border-width:1px}.border-solid{border-style:solid}.border-color-default{border-color:var(--bcm-ui-color-border-default)}.bg-color-base{background-color:var(--bcm-ui-color-background-base-default)}.bg-color-default{background-color:var(--bcm-ui-color-background-default-default)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.opacity-50{opacity:.5}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:var(--bcm-ui-box-shadow-md);--tw-shadow-colored:var(--bcm-ui-box-shadow-md)}.shadow-sm{--tw-shadow:var(--bcm-ui-box-shadow-sm);--tw-shadow-colored:var(--bcm-ui-box-shadow-sm);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}"}},[833,"bcm-segmented-picker",{value:[1537],name:[513],required:[516],size:[513],fullWidth:[516,"full-width"],disabled:[516],shadow:[516],segments:[32],activeIndex:[32],setValue:[64],getValue:[64]},[[0,"bcmSegmentClick","handleSegmentClick"]],{value:[{handleValueChange:0}],required:[{handleValidationPropsChange:0}],disabled:[{handleValidationPropsChange:0}],size:[{handleSizeChange:0}]}]);function n(){"undefined"!=typeof customElements&&["bcm-segmented-picker"].forEach((i=>{"bcm-segmented-picker"===i&&(customElements.get(e(i))||customElements.define(e(i),r))}))}n();const l=r,h=n;export{l as BcmSegmentedPicker,h as defineCustomElement}

package/dist/components/bcm-shortcut.js

@@ -1 +1 @@
-import{t,p as e,H as o,h as i}from"./index.js";import{c as r}from"./p-BfTCfPZ1.js";const s={ctrl:"⌘",alt:"⌥",shift:"⇧",del:"⌫",delete:"⌫",backspace:"⌦",enter:"⏎",return:"⏎"},a=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}hotkey;size="small";isMac=/Mac/.test(window.navigator.userAgent);getHotkey(t){return t?this.isMac&&(t.includes(" ")||t.includes("+"))?t.split(/[\s+]+/).map((t=>s[t]||t)).join(""):t:""}render(){const{size:t,hotkey:e}=this;return i("div",{key:"4af7ee92091792877fdc6a14577321dd6f986dd7",class:r("bcm-ui-element bcm-ui-content-display","block h-fit w-fit rounded border border-solid px-1","border-color-default bg-color-default text-color-default","text-center font-medium capitalize",{"text-size-2":"small"===t,"text-size-3":"medium"===t,"text-size-4":"large"===t})},this.getHotkey(e))}static get style(){return":host{display:inline-block}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.block{display:block}.h-fit{height:fit-content}.w-fit{width:fit-content}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border{border-width:1px}.border-solid{border-style:solid}.border-color-default{border-color:var(--bcm-ui-color-border-default)}.bg-color-default{background-color:var(--bcm-ui-color-background-default-default)}.px-1{padding-left:.25rem;padding-right:.25rem}.text-center{text-align:center}.text-size-2{font-size:var(--bcm-ui-font-size-2,10px);line-height:var(--bcm-ui-line-height-2,12px)}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.font-medium{font-weight:500}.capitalize{text-transform:capitalize}.text-color-default{color:var(--bcm-ui-color-text-default)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}"}},[513,"bcm-shortcut",{hotkey:[1],size:[1]}]);function d(){"undefined"!=typeof customElements&&["bcm-shortcut"].forEach((e=>{"bcm-shortcut"===e&&(customElements.get(t(e))||customElements.define(t(e),a))}))}d();const c=a,l=d;export{c as BcmShortcut,l as defineCustomElement}
+import{t,p as e,H as o,h as i}from"./index.js";import{c as r}from"./p-BfTCfPZ1.js";const s={ctrl:"⌘",alt:"⌥",shift:"⇧",del:"⌫",delete:"⌫",backspace:"⌦",enter:"⏎",return:"⏎"},a=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}hotkey;size="small";isMac=/Mac/.test(window.navigator.userAgent);getHotkey(t){return t?this.isMac&&(t.includes(" ")||t.includes("+"))?t.split(/[\s+]+/).map((t=>s[t]||t)).join(""):t:""}render(){const{size:t,hotkey:e}=this;return i("div",{key:"9eab400623bc3336a5a2a4cfd5ef32df04c1332c",class:r("bcm-ui-element bcm-ui-content-display","block h-fit w-fit rounded border border-solid px-1","border-color-default bg-color-default text-color-default","text-center font-medium capitalize",{"text-size-2":"small"===t,"text-size-3":"medium"===t,"text-size-4":"large"===t})},this.getHotkey(e))}static get style(){return":host{display:inline-block}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.block{display:block}.h-fit{height:fit-content}.w-fit{width:fit-content}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border{border-width:1px}.border-solid{border-style:solid}.border-color-default{border-color:var(--bcm-ui-color-border-default)}.bg-color-default{background-color:var(--bcm-ui-color-background-default-default)}.px-1{padding-left:.25rem;padding-right:.25rem}.text-center{text-align:center}.text-size-2{font-size:var(--bcm-ui-font-size-2,10px);line-height:var(--bcm-ui-line-height-2,12px)}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.font-medium{font-weight:500}.capitalize{text-transform:capitalize}.text-color-default{color:var(--bcm-ui-color-text-default)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}"}},[513,"bcm-shortcut",{hotkey:[1],size:[1]}]);function c(){"undefined"!=typeof customElements&&["bcm-shortcut"].forEach((e=>{"bcm-shortcut"===e&&(customElements.get(t(e))||customElements.define(t(e),a))}))}c();const d=a,l=c;export{d as BcmShortcut,l as defineCustomElement}

package/dist/components/bcm-switch.js

@@ -1 +1 @@
-import{t as e,p as t,c as i,h as s}from"./index.js";import{g as o}from"./p-IBjzkjef.js";import{t as r}from"./p-CEcVC0yX.js";import{B as a}from"./p-SERXqWcS.js";const d=t(class extends a{constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmSwitchChange=i(this,"bcmSwitchChange",1),this.internals=this.attachInternals()}get el(){return this}internals;_id=o("bcm-switch");label;labelPosition="right";error=!1;caption;size="medium";internalChecked=!1;touched=!1;submitAttempted=!1;bcmSwitchChange;inputEl;componentWillLoad(){this.internalChecked=!!this.checked,this.updateFormValueAndValidity({setUi:!1})}componentDidLoad(){this.syncNativeInput();const e=this.internals?.form;e&&e.addEventListener("submit",this.onFormSubmit,!0)}disconnectedCallback(){const e=this.internals?.form;e&&e.removeEventListener("submit",this.onFormSubmit,!0)}onFormSubmit=()=>{this.submitAttempted=!0,this.updateFormValueAndValidity({setUi:!0})};formResetCallback(){super.formResetCallback(),this.internalChecked=!1,this.touched=!1,this.submitAttempted=!1,this.error=!1,this.caption=void 0,this.syncNativeInput(),this.updateFormValueAndValidity({setUi:!1})}onBaseCheckedChange(e){this.internalChecked=!!e,this.syncNativeInput()}syncNativeInput(){this.inputEl&&(this.inputEl.checked=this.internalChecked,this.inputEl.disabled=this.disabled,this.inputEl.required="native"===this.validationMode&&this.required)}updateFormValueAndValidity(e){const t=e?.setUi??!0;if(!this.internals)return;if(this.disabled)return this.internals.setFormValue(null),this.internals.setValidity({}),void(t&&(this.error=!1,this.caption=void 0));if(this.internals.setFormValue(this.checked?this.value??"on":null),"none"===this.validationMode)return this.internals.setValidity({}),void(t&&(this.error=!1,this.caption=void 0));const i=this.required&&!this.checked;if("silent"!==this.validationMode){if(i)return this.internals.setValidity({valueMissing:!0},"This field is required",this.inputEl??void 0),void(t&&(this.error=!1,this.caption=void 0));this.internals.setValidity({}),t&&(this.error=!1,this.caption=void 0)}else if(this.internals.setValidity({}),t){const e=this.touched||this.submitAttempted;this.error=e&&i,this.caption=e&&i?"This field is required":void 0}}toggleSwitch=()=>{this.disabled||this.readonly||(this.touched||(this.touched=!0),this.toggleChecked(),this.internalChecked=!!this.checked,this.syncNativeInput(),this.updateFormValueAndValidity({setUi:!0}),this.bcmSwitchChange.emit(this.checked))};switchStyle=()=>({"--switch-bg":"var(--bcm-ui-color-background-default-dark-default)","--switch-bg-hover":"var(--bcm-ui-color-background-default-dark-hover)","--switch-dot-bg":"var(--bcm-ui-color-background-base-default)",...this.internalChecked&&{"--switch-bg":"var(--bcm-ui-color-background-info-default)","--switch-bg-hover":"var(--bcm-ui-color-background-info-hover)"},...this.error&&{"--switch-bg":"var(--bcm-ui-color-background-error-default)","--switch-bg-hover":"var(--bcm-ui-color-background-error-hover)"},...this.readonly&&{"--switch-bg":"var(--bcm-ui-color-background-default-dark-default)","--switch-bg-hover":"var(--bcm-ui-color-background-default-dark-default)","--switch-dot-bg":"var(--bcm-ui-color-background-disabled-default)"},...this.disabled&&{"--switch-bg":"var(--bcm-ui-color-background-disabled-default)","--switch-bg-hover":"var(--bcm-ui-color-background-disabled-default)","--switch-dot-bg":"var(--bcm-ui-color-background-default-default)"}});switchClass=r({slots:{base:"bcm-ui-element flex flex-col",switchWrapper:"flex items-center group",dotContainer:"relative flex items-center rounded-full cursor-pointer bg-[--switch-bg] group-hover:bg-[--switch-bg-hover] peer-disabled:cursor-not-allowed transition-colors duration-300",dot:"absolute bg-[--switch-dot-bg] rounded-full shadow-sm transition-all duration-300 ease-in-out peer-disabled:cursor-not-allowed",caption:"!text-color-error font-normal",label:"!text-color font-medium peer-disabled:!text-color-disabled peer-disabled:cursor-not-allowed"},variants:{size:{small:{dotContainer:"w-8 h-4",dot:"size-3",label:"text-size-4",caption:"text-size-3",switchWrapper:"gap-2",base:"gap-0.5"},medium:{dotContainer:"w-9 h-[1.125rem]",dot:"size-3.5",label:"text-size-5",caption:"text-size-4",switchWrapper:"gap-2.5",base:"gap-1"},large:{dotContainer:"w-10 h-5",dot:"size-4",label:"text-size-6",caption:"text-size-5",switchWrapper:"gap-3",base:"gap-2"}},labelPosition:{left:{label:""},right:{label:"order-2"}},checked:{true:{dot:""},false:{dot:"left-0.5"}},disabled:{true:"",false:{switchWrapper:""}},readonly:{true:{switchWrapper:"cursor-default",dotContainer:"cursor-default",dot:"cursor-default"},false:{switchWrapper:"cursor-pointer",dotContainer:"cursor-pointer hover:bg-[--switch-bg-hover]"}}},compoundVariants:[{size:"small",checked:!0,class:{dot:"left-[1.125rem]"}},{size:"medium",checked:!0,class:{dot:"left-[1.25rem]"}},{size:"large",checked:!0,class:{dot:"left-[1.375rem]"}},{readonly:!1,disabled:!1,class:{dotContainer:"peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-blue-300"}}]});render(){const{base:e,switchWrapper:t,label:i,dot:o,dotContainer:r,caption:a}=this.switchClass({size:this.size,checked:this.internalChecked,disabled:this.disabled,labelPosition:this.labelPosition,readonly:this.readonly}),d={role:"switch","aria-checked":""+this.internalChecked,"aria-disabled":""+this.disabled,"aria-readonly":""+this.readonly,...this.required&&{"aria-required":"true"}},c=this.readonly||this.disabled?{}:{tabindex:"0"};return s("div",{key:"9c3ee5d91dad6c6a1def69930b819cfde962879b",class:e(),part:"base"},s("label",{key:"95ee3e48cfb4b126382f0ebd0fe80cc792859ad4",class:t(),style:this.switchStyle(),part:"switch-wrapper"},s("input",{key:"8e07d0476ce32e421ec958c78adcdc84d7e4d016",id:this._id,type:"checkbox",class:"sr-only peer",checked:this.internalChecked,name:this.name,value:this.value,disabled:this.disabled,readOnly:this.readonly,onChange:this.toggleSwitch,ref:e=>this.inputEl=e,part:"input"}),this.label&&s("span",{key:"80101514534e722fa6c565cd5858cf95f6966cbd",class:i(),part:"label"},s("slot",{key:"f4d235c3130203633d4b7674f5bfe6a4ad39768d"},this.label)),s("label",{key:"8cd567356f7dade240eed568fe004d6599280c35",htmlFor:this._id,class:r(),...c,...d,part:"dot-container",onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||this.readonly||this.disabled||(e.preventDefault(),this.toggleSwitch())}},s("div",{key:"f5e36a3dfb2efffd111a2009056d150fdec23698",class:o(),part:"dot"}))),this.error&&this.caption&&s("span",{key:"b3fa2fc71e510d35a593de0e1474f1b7c5df5e3d",class:a(),part:"caption"},this.caption),s("slot",{key:"c633d312c852a3e0c2bc931875846a88a54c2937",name:"caption"}))}static get formAssociated(){return!0}static get watchers(){return{checked:[{onStateChange:0},{onBaseCheckedChange:0}],required:[{onStateChange:0}],disabled:[{onStateChange:0}],value:[{onStateChange:0}]}}static get style(){return":host{display:inline-block}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0\\.5{left:.125rem}.left-\\[1\\.125rem\\]{left:1.125rem}.left-\\[1\\.25rem\\]{left:1.25rem}.left-\\[1\\.375rem\\]{left:1.375rem}.order-2{order:2}.flex{display:flex}.size-3{height:.75rem;width:.75rem}.size-3\\.5{height:.875rem;width:.875rem}.size-4{width:1rem}.h-4,.size-4{height:1rem}.h-5{height:1.25rem}.h-\\[1\\.125rem\\]{height:1.125rem}.w-10{width:2.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-0\\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--switch-bg\\]{background-color:var(--switch-bg)}.bg-\\[--switch-dot-bg\\]{background-color:var(--switch-dot-bg)}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.font-normal{font-weight:400}.\\!text-color-error{color:var(--bcm-ui-color-text-error)!important}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--bcm-ui-box-shadow-sm);--tw-shadow-colored:var(--bcm-ui-box-shadow-sm)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.group:hover .group-hover\\:bg-\\[--switch-bg-hover\\],.hover\\:bg-\\[--switch-bg-hover\\]:hover{background-color:var(--switch-bg-hover)}.peer:focus-visible~.peer-focus-visible\\:ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.peer:focus-visible~.peer-focus-visible\\:ring-blue-300{--tw-ring-color:oklch(0.809 0.105 251.813)}.peer:focus-visible~.peer-focus-visible\\:ring-offset-2{--tw-ring-offset-width:2px}.peer:disabled~.peer-disabled\\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\\:\\!text-color-disabled{color:var(--bcm-ui-color-text-disabled)!important}"}},[833,"bcm-switch",{validationMode:[1,"validation-mode"],name:[1],required:[4],disabled:[4],readonly:[4],checked:[1028],value:[1],_id:[513,"id"],label:[1],labelPosition:[1,"label-position"],error:[1028],caption:[1025],size:[1],internalChecked:[32],touched:[32],submitAttempted:[32]},void 0,{checked:[{onStateChange:0},{onBaseCheckedChange:0}],required:[{onStateChange:0}],disabled:[{onStateChange:0}],value:[{onStateChange:0}]}]);function c(){"undefined"!=typeof customElements&&["bcm-switch"].forEach((t=>{"bcm-switch"===t&&(customElements.get(e(t))||customElements.define(e(t),d))}))}c();const n=d,h=c;export{n as BcmSwitch,h as defineCustomElement}
+import{t as e,p as t,c as i,h as s}from"./index.js";import{g as o}from"./p-IBjzkjef.js";import{t as r}from"./p-CEcVC0yX.js";import{B as a}from"./p-SERXqWcS.js";const c=t(class extends a{constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmSwitchChange=i(this,"bcmSwitchChange",1),this.internals=this.attachInternals()}get el(){return this}internals;_id=o("bcm-switch");label;labelPosition="right";error=!1;caption;size="medium";internalChecked=!1;touched=!1;submitAttempted=!1;bcmSwitchChange;inputEl;componentWillLoad(){this.internalChecked=!!this.checked,this.updateFormValueAndValidity({setUi:!1})}componentDidLoad(){this.syncNativeInput();const e=this.internals?.form;e&&e.addEventListener("submit",this.onFormSubmit,!0)}disconnectedCallback(){const e=this.internals?.form;e&&e.removeEventListener("submit",this.onFormSubmit,!0)}onFormSubmit=()=>{this.submitAttempted=!0,this.updateFormValueAndValidity({setUi:!0})};formResetCallback(){super.formResetCallback(),this.internalChecked=!1,this.touched=!1,this.submitAttempted=!1,this.error=!1,this.caption=void 0,this.syncNativeInput(),this.updateFormValueAndValidity({setUi:!1})}onBaseCheckedChange(e){this.internalChecked=!!e,this.syncNativeInput()}syncNativeInput(){this.inputEl&&(this.inputEl.checked=this.internalChecked,this.inputEl.disabled=this.disabled,this.inputEl.required="native"===this.validationMode&&this.required)}updateFormValueAndValidity(e){const t=e?.setUi??!0;if(!this.internals)return;if(this.disabled)return this.internals.setFormValue(null),this.internals.setValidity({}),void(t&&(this.error=!1,this.caption=void 0));if(this.internals.setFormValue(this.checked?this.value??"on":null),"none"===this.validationMode)return this.internals.setValidity({}),void(t&&(this.error=!1,this.caption=void 0));const i=this.required&&!this.checked;if("silent"!==this.validationMode){if(i)return this.internals.setValidity({valueMissing:!0},"This field is required",this.inputEl??void 0),void(t&&(this.error=!1,this.caption=void 0));this.internals.setValidity({}),t&&(this.error=!1,this.caption=void 0)}else if(this.internals.setValidity({}),t){const e=this.touched||this.submitAttempted;this.error=e&&i,this.caption=e&&i?"This field is required":void 0}}toggleSwitch=()=>{this.disabled||this.readonly||(this.touched||(this.touched=!0),this.toggleChecked(),this.internalChecked=!!this.checked,this.syncNativeInput(),this.updateFormValueAndValidity({setUi:!0}),this.bcmSwitchChange.emit(this.checked))};switchStyle=()=>({"--switch-bg":"var(--bcm-ui-color-background-default-dark-default)","--switch-bg-hover":"var(--bcm-ui-color-background-default-dark-hover)","--switch-dot-bg":"var(--bcm-ui-color-background-base-default)",...this.internalChecked&&{"--switch-bg":"var(--bcm-ui-color-background-info-default)","--switch-bg-hover":"var(--bcm-ui-color-background-info-hover)"},...this.error&&{"--switch-bg":"var(--bcm-ui-color-background-error-default)","--switch-bg-hover":"var(--bcm-ui-color-background-error-hover)"},...this.readonly&&{"--switch-bg":"var(--bcm-ui-color-background-default-dark-default)","--switch-bg-hover":"var(--bcm-ui-color-background-default-dark-default)","--switch-dot-bg":"var(--bcm-ui-color-background-disabled-default)"},...this.disabled&&{"--switch-bg":"var(--bcm-ui-color-background-disabled-default)","--switch-bg-hover":"var(--bcm-ui-color-background-disabled-default)","--switch-dot-bg":"var(--bcm-ui-color-background-default-default)"}});switchClass=r({slots:{base:"bcm-ui-element flex flex-col",switchWrapper:"flex items-center group",dotContainer:"relative flex items-center rounded-full cursor-pointer bg-[--switch-bg] group-hover:bg-[--switch-bg-hover] peer-disabled:cursor-not-allowed transition-colors duration-300",dot:"absolute bg-[--switch-dot-bg] rounded-full shadow-sm transition-all duration-300 ease-in-out peer-disabled:cursor-not-allowed",caption:"!text-color-error font-normal",label:"!text-color font-medium peer-disabled:!text-color-disabled peer-disabled:cursor-not-allowed"},variants:{size:{small:{dotContainer:"w-8 h-4",dot:"size-3",label:"text-size-4",caption:"text-size-3",switchWrapper:"gap-2",base:"gap-0.5"},medium:{dotContainer:"w-9 h-[1.125rem]",dot:"size-3.5",label:"text-size-5",caption:"text-size-4",switchWrapper:"gap-2.5",base:"gap-1"},large:{dotContainer:"w-10 h-5",dot:"size-4",label:"text-size-6",caption:"text-size-5",switchWrapper:"gap-3",base:"gap-2"}},labelPosition:{left:{label:""},right:{label:"order-2"}},checked:{true:{dot:""},false:{dot:"left-0.5"}},disabled:{true:"",false:{switchWrapper:""}},readonly:{true:{switchWrapper:"cursor-default",dotContainer:"cursor-default",dot:"cursor-default"},false:{switchWrapper:"cursor-pointer",dotContainer:"cursor-pointer hover:bg-[--switch-bg-hover]"}}},compoundVariants:[{size:"small",checked:!0,class:{dot:"left-[1.125rem]"}},{size:"medium",checked:!0,class:{dot:"left-[1.25rem]"}},{size:"large",checked:!0,class:{dot:"left-[1.375rem]"}},{readonly:!1,disabled:!1,class:{dotContainer:"peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-blue-300"}}]});render(){const{base:e,switchWrapper:t,label:i,dot:o,dotContainer:r,caption:a}=this.switchClass({size:this.size,checked:this.internalChecked,disabled:this.disabled,labelPosition:this.labelPosition,readonly:this.readonly}),c={role:"switch","aria-checked":""+this.internalChecked,"aria-disabled":""+this.disabled,"aria-readonly":""+this.readonly,...this.required&&{"aria-required":"true"}},n=this.readonly||this.disabled?{}:{tabindex:"0"};return s("div",{key:"4c975c18565b1dd905f2f979f6fc83f1feca5a4c",class:e(),part:"base"},s("label",{key:"24c87b3b86e165fedd88bf992279b5bc1e23d5f3",class:t(),style:this.switchStyle(),part:"switch-wrapper"},s("input",{key:"e72ff019c113509aa7ad44e77bd449cfa2f96db9",id:this._id,type:"checkbox",class:"sr-only peer",checked:this.internalChecked,name:this.name,value:this.value,disabled:this.disabled,readOnly:this.readonly,onChange:this.toggleSwitch,ref:e=>this.inputEl=e,part:"input"}),this.label&&s("span",{key:"314062d42f1c3ec8ef6eec5392dbf3a52fc5812c",class:i(),part:"label"},s("slot",{key:"99a4c54587e4bc11cedafdf200815a647cdab500"},this.label)),s("label",{key:"1f9ae123f1b2e8fba06a5685cf5f5e1541252cf6",htmlFor:this._id,class:r(),...n,...c,part:"dot-container",onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||this.readonly||this.disabled||(e.preventDefault(),this.toggleSwitch())}},s("div",{key:"1dd4639ce2f48fea95b65359bbf075d59c7e3750",class:o(),part:"dot"}))),this.error&&this.caption&&s("span",{key:"fc0f8751201ea46ba6e55d6b28a51d20a99a88ee",class:a(),part:"caption"},this.caption),s("slot",{key:"f1305df46d5ab8405ebc90365b030e4025201157",name:"caption"}))}static get formAssociated(){return!0}static get watchers(){return{checked:[{onStateChange:0},{onBaseCheckedChange:0}],required:[{onStateChange:0}],disabled:[{onStateChange:0}],value:[{onStateChange:0}]}}static get style(){return":host{display:inline-block}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0\\.5{left:.125rem}.left-\\[1\\.125rem\\]{left:1.125rem}.left-\\[1\\.25rem\\]{left:1.25rem}.left-\\[1\\.375rem\\]{left:1.375rem}.order-2{order:2}.flex{display:flex}.size-3{height:.75rem;width:.75rem}.size-3\\.5{height:.875rem;width:.875rem}.size-4{width:1rem}.h-4,.size-4{height:1rem}.h-5{height:1.25rem}.h-\\[1\\.125rem\\]{height:1.125rem}.w-10{width:2.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-0\\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--switch-bg\\]{background-color:var(--switch-bg)}.bg-\\[--switch-dot-bg\\]{background-color:var(--switch-dot-bg)}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.font-normal{font-weight:400}.\\!text-color-error{color:var(--bcm-ui-color-text-error)!important}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--bcm-ui-box-shadow-sm);--tw-shadow-colored:var(--bcm-ui-box-shadow-sm)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.group:hover .group-hover\\:bg-\\[--switch-bg-hover\\],.hover\\:bg-\\[--switch-bg-hover\\]:hover{background-color:var(--switch-bg-hover)}.peer:focus-visible~.peer-focus-visible\\:ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.peer:focus-visible~.peer-focus-visible\\:ring-blue-300{--tw-ring-color:oklch(0.809 0.105 251.813)}.peer:focus-visible~.peer-focus-visible\\:ring-offset-2{--tw-ring-offset-width:2px}.peer:disabled~.peer-disabled\\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\\:\\!text-color-disabled{color:var(--bcm-ui-color-text-disabled)!important}"}},[833,"bcm-switch",{validationMode:[1,"validation-mode"],name:[1],required:[4],disabled:[4],readonly:[4],checked:[1028],value:[1],_id:[513,"id"],label:[1],labelPosition:[1,"label-position"],error:[1028],caption:[1025],size:[1],internalChecked:[32],touched:[32],submitAttempted:[32]},void 0,{checked:[{onStateChange:0},{onBaseCheckedChange:0}],required:[{onStateChange:0}],disabled:[{onStateChange:0}],value:[{onStateChange:0}]}]);function n(){"undefined"!=typeof customElements&&["bcm-switch"].forEach((t=>{"bcm-switch"===t&&(customElements.get(e(t))||customElements.define(e(t),c))}))}n();const h=c,d=n;export{h as BcmSwitch,d as defineCustomElement}

package/dist/components/bcm-tab.js

@@ -1 +1 @@
-import{t as a,p as e,H as t,c as s,h as i,a as o}from"./index.js";const b=e(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bcmTabClick=s(this,"bcmTabClick",5)}get el(){return this}value;label;disabled=!1;active=!1;size="md";bcmTabClick;render(){return i(o,{key:"8e3d84469a9ff4beab3440d5f0dc1fbb11f84ad2",role:"tabpanel","aria-labelledby":"tab-"+this.value,id:"panel-"+this.value,"aria-hidden":""+!this.active,style:{display:this.active?"block":"none"}},i("div",{key:"2f00049bbabe7bf4b4c5914c78d4abd95d87b538",class:"bcm-ui-element tab-panel p-4"},i("slot",{key:"1b8495c4308f132e7f36f73ee9731a88d9bab79b"})))}static get style(){return".block{display:block}:host{display:none}:host([active]){display:block}.tab-panel{animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.p-4{padding:1rem}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}"}},[769,"bcm-tab",{value:[513],label:[513],disabled:[516],active:[1540],size:[1025]}]);function d(){"undefined"!=typeof customElements&&["bcm-tab"].forEach((e=>{"bcm-tab"===e&&(customElements.get(a(e))||customElements.define(a(e),b))}))}d();const l=b,n=d;export{l as BcmTab,n as defineCustomElement}
+import{t as e,p as a,H as t,c as s,h as i,a as o}from"./index.js";const c=a(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmTabClick=s(this,"bcmTabClick",5)}get el(){return this}value;label;disabled=!1;active=!1;size="md";bcmTabClick;render(){return i(o,{key:"e682d33f66ba04c1a24fd66b3e8578dee0ed1c5d",role:"tabpanel","aria-labelledby":"tab-"+this.value,id:"panel-"+this.value,"aria-hidden":""+!this.active,style:{display:this.active?"block":"none"}},i("div",{key:"862a1ccc368dd3f6cf68b0ce6f4be051c861f3b2",class:"bcm-ui-element tab-panel p-4"},i("slot",{key:"e6c6b000797db3f40f5b6ce46ec345d38f1a2c29"})))}static get style(){return".block{display:block}:host{display:none}:host([active]){display:block}.tab-panel{animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.p-4{padding:1rem}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}"}},[769,"bcm-tab",{value:[513],label:[513],disabled:[516],active:[1540],size:[1025]}]);function d(){"undefined"!=typeof customElements&&["bcm-tab"].forEach((a=>{"bcm-tab"===a&&(customElements.get(e(a))||customElements.define(e(a),c))}))}d();const n=c,l=d;export{n as BcmTab,l as defineCustomElement}

package/dist/components/bcm-tabs.js

@@ -1 +1 @@
-import{t,p as e,H as a,c as r,h as i,a as o}from"./index.js";import{t as s}from"./p-CEcVC0yX.js";const n=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bcmTabChange=r(this,"bcmTabChange",1)}get el(){return this}value;size="md";variant="line";shadow=!1;bcmTabChange;tabs=[];activeIndex=0;tabElements=[];componentWillLoad(){this.discoverTabs()}componentDidLoad(){this.updateActiveIndex(),this.updateTabStates()}discoverTabs(){if(this.tabElements=Array.from(this.el.querySelectorAll("bcm-tab")),this.tabs=this.tabElements.map((t=>({value:t.value,label:t.label||t.value,disabled:t.disabled||!1}))),!this.value&&this.tabs.length>0){const t=this.tabs.find((t=>!t.disabled));t&&(this.value=t.value)}}updateActiveIndex(){const t=this.tabs.findIndex((t=>t.value===this.value));this.activeIndex=t>=0?t:0}updateTabStates(){this.tabElements.forEach((t=>{t.active=t.value===this.value}))}handleValueChange(t,e){this.updateActiveIndex(),this.updateTabStates(),this.updateCSSVariables(),e!==t&&this.bcmTabChange.emit({value:t,previousValue:e})}handleSizeChange(){this.propagatePropsToTabs()}propagatePropsToTabs(){this.tabElements.forEach((t=>{t.size=this.size}))}updateCSSVariables(){const t=this.el.shadowRoot?.querySelector(".tabs-container");t&&(t.style.setProperty("--active-index",""+this.activeIndex),t.style.setProperty("--tab-count",""+this.tabs.length))}handleTabClick(t){const e=t.detail,a=this.tabs.find((t=>t.value===e));a&&!a.disabled&&(this.value=e)}handleKeyDown(t){if(!t.target.classList.contains("tab-button"))return;let e=this.activeIndex;switch(t.key){case"ArrowRight":case"ArrowDown":t.preventDefault(),e=this.getNextEnabledTabIndex(this.activeIndex);break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),e=this.getPreviousEnabledTabIndex(this.activeIndex);break;case"Home":t.preventDefault(),e=this.getFirstEnabledTabIndex();break;case"End":t.preventDefault(),e=this.getLastEnabledTabIndex();break;default:return}e!==this.activeIndex&&(this.value=this.tabs[e].value,this.focusTabAtIndex(e))}getNextEnabledTabIndex(t){for(let e=t+1;e<this.tabs.length;e++)if(!this.tabs[e].disabled)return e;return t}getPreviousEnabledTabIndex(t){for(let e=t-1;e>=0;e--)if(!this.tabs[e].disabled)return e;return t}getFirstEnabledTabIndex(){const t=this.tabs.findIndex((t=>!t.disabled));return t>=0?t:0}getLastEnabledTabIndex(){for(let t=this.tabs.length-1;t>=0;t--)if(!this.tabs[t].disabled)return t;return this.tabs.length-1}focusTabAtIndex(t){const e=this.el.shadowRoot?.querySelectorAll(".tab-button");e&&e[t]&&e[t].focus()}async setActiveTab(t){const e=this.tabs.find((e=>e.value===t));e&&!e.disabled&&(this.value=t)}async getActiveTab(){return this.value}containerClass=s({base:"bcm-ui-element tabs-container flex flex-col w-full",variants:{shadow:{true:"shadow-md rounded-lg",false:""}}});tabsListClass=s({base:"tabs-list relative flex border-b border-color-default",variants:{variant:{line:"bg-transparent",enclosed:"bg-color-background-subtle border border-color-default rounded-t-lg"}}});inkbarClass=s({base:"inkbar absolute bottom-0 left-0 h-0.5 bg-color-primary pointer-events-none",variants:{variant:{line:"transition-transform duration-200 ease-smooth",enclosed:"hidden"}}});render(){return this.updateCSSVariables(),this.propagatePropsToTabs(),i(o,{key:"c77653de53c1dcbc3c63fcd29d10482f7f078d6d"},i("div",{key:"2b3a97ef859140a14e1ef1433e119027a74d24f8",class:this.containerClass({shadow:this.shadow})},i("div",{key:"2e14811e0f47d6de3cb1f6fbff51b77d6dd9ed11",class:this.tabsListClass({variant:this.variant}),role:"tablist"},this.tabs.map(((t,e)=>i("button",{key:t.value,class:`tab-button flex-1 px-4 py-2 text-center font-medium transition-colors border-none ${t.value===this.value?"text-color-primary":t.disabled?"text-color-disabled cursor-not-allowed opacity-50":"text-color-placeholder hover:text-color-primary cursor-pointer"} ${"sm"===this.size?"text-sm py-1.5 px-3":"lg"===this.size?"text-lg py-3 px-5":"text-base py-2 px-4"} bg-transparent`,role:"tab","aria-selected":""+(t.value===this.value),"aria-controls":"panel-"+t.value,id:"tab-"+t.value,disabled:t.disabled,onClick:()=>!t.disabled&&(this.value=t.value),tabindex:e===this.activeIndex?0:-1},t.label))),"line"===this.variant&&i("div",{key:"5d8792485acbab545d25037504a83a96eac839f7",class:this.inkbarClass({variant:this.variant}),style:{transform:`translateX(calc(${this.activeIndex} * 100% / ${this.tabs.length}))`,width:`calc(100% / ${this.tabs.length})`}})),i("div",{key:"37c57c746402fe45f670ecf5781ce78a00b61001",class:"tabs-content"},i("slot",{key:"761d7f659c948561a0982c071b2e386a295e704b"}))))}static get watchers(){return{value:[{handleValueChange:0}],size:[{handleSizeChange:0}]}}static get style(){return".block{display:block}:host{display:block;width:100%}.tabs-container{--active-index:0;--tab-count:1}.inkbar{transition-timing-function:cubic-bezier(.4,0,.2,1)}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.flex{display:flex}.hidden{display:none}.h-0\\.5{height:.125rem}.w-full{width:100%}.flex-1{flex:1 1 0%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.rounded-t-lg{border-top-left-radius:var(--bcm-ui-border-radius-lg,8px);border-top-right-radius:var(--bcm-ui-border-radius-lg,8px)}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-none{border-style:none}.border-color-default{border-color:var(--bcm-ui-color-border-default)}.bg-color-primary{background-color:var(--bcm-ui-color-background-primary-default)}.bg-transparent{background-color:transparent}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-placeholder{color:var(--bcm-ui-color-text-placeholder)}.text-color-primary{color:var(--bcm-ui-color-text-primary)}.opacity-50{opacity:.5}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:var(--bcm-ui-box-shadow-md);--tw-shadow-colored:var(--bcm-ui-box-shadow-md)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.hover\\:text-color-primary:hover{color:var(--bcm-ui-color-text-primary)}"}},[769,"bcm-tabs",{value:[1537],size:[513],variant:[513],shadow:[516],tabs:[32],activeIndex:[32],setActiveTab:[64],getActiveTab:[64]},[[0,"bcmTabClick","handleTabClick"],[0,"keydown","handleKeyDown"]],{value:[{handleValueChange:0}],size:[{handleSizeChange:0}]}]);function d(){"undefined"!=typeof customElements&&["bcm-tabs"].forEach((e=>{"bcm-tabs"===e&&(customElements.get(t(e))||customElements.define(t(e),n))}))}d();const l=n,c=d;export{l as BcmTabs,c as defineCustomElement}
+import{t,p as e,H as a,c as r,h as i,a as o}from"./index.js";import{t as s}from"./p-CEcVC0yX.js";const n=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bcmTabChange=r(this,"bcmTabChange",1)}get el(){return this}value;size="md";variant="line";shadow=!1;bcmTabChange;tabs=[];activeIndex=0;tabElements=[];componentWillLoad(){this.discoverTabs()}componentDidLoad(){this.updateActiveIndex(),this.updateTabStates()}discoverTabs(){if(this.tabElements=Array.from(this.el.querySelectorAll("bcm-tab")),this.tabs=this.tabElements.map((t=>({value:t.value,label:t.label||t.value,disabled:t.disabled||!1}))),!this.value&&this.tabs.length>0){const t=this.tabs.find((t=>!t.disabled));t&&(this.value=t.value)}}updateActiveIndex(){const t=this.tabs.findIndex((t=>t.value===this.value));this.activeIndex=t>=0?t:0}updateTabStates(){this.tabElements.forEach((t=>{t.active=t.value===this.value}))}handleValueChange(t,e){this.updateActiveIndex(),this.updateTabStates(),this.updateCSSVariables(),e!==t&&this.bcmTabChange.emit({value:t,previousValue:e})}handleSizeChange(){this.propagatePropsToTabs()}propagatePropsToTabs(){this.tabElements.forEach((t=>{t.size=this.size}))}updateCSSVariables(){const t=this.el.shadowRoot?.querySelector(".tabs-container");t&&(t.style.setProperty("--active-index",""+this.activeIndex),t.style.setProperty("--tab-count",""+this.tabs.length))}handleTabClick(t){const e=t.detail,a=this.tabs.find((t=>t.value===e));a&&!a.disabled&&(this.value=e)}handleKeyDown(t){if(!t.target.classList.contains("tab-button"))return;let e=this.activeIndex;switch(t.key){case"ArrowRight":case"ArrowDown":t.preventDefault(),e=this.getNextEnabledTabIndex(this.activeIndex);break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),e=this.getPreviousEnabledTabIndex(this.activeIndex);break;case"Home":t.preventDefault(),e=this.getFirstEnabledTabIndex();break;case"End":t.preventDefault(),e=this.getLastEnabledTabIndex();break;default:return}e!==this.activeIndex&&(this.value=this.tabs[e].value,this.focusTabAtIndex(e))}getNextEnabledTabIndex(t){for(let e=t+1;e<this.tabs.length;e++)if(!this.tabs[e].disabled)return e;return t}getPreviousEnabledTabIndex(t){for(let e=t-1;e>=0;e--)if(!this.tabs[e].disabled)return e;return t}getFirstEnabledTabIndex(){const t=this.tabs.findIndex((t=>!t.disabled));return t>=0?t:0}getLastEnabledTabIndex(){for(let t=this.tabs.length-1;t>=0;t--)if(!this.tabs[t].disabled)return t;return this.tabs.length-1}focusTabAtIndex(t){const e=this.el.shadowRoot?.querySelectorAll(".tab-button");e&&e[t]&&e[t].focus()}async setActiveTab(t){const e=this.tabs.find((e=>e.value===t));e&&!e.disabled&&(this.value=t)}async getActiveTab(){return this.value}containerClass=s({base:"bcm-ui-element tabs-container flex flex-col w-full",variants:{shadow:{true:"shadow-md rounded-lg",false:""}}});tabsListClass=s({base:"tabs-list relative flex border-b border-color-default",variants:{variant:{line:"bg-transparent",enclosed:"bg-color-background-subtle border border-color-default rounded-t-lg"}}});inkbarClass=s({base:"inkbar absolute bottom-0 left-0 h-0.5 bg-color-primary pointer-events-none",variants:{variant:{line:"transition-transform duration-200 ease-smooth",enclosed:"hidden"}}});render(){return this.updateCSSVariables(),this.propagatePropsToTabs(),i(o,{key:"ed031c8cda32f5e604ae8b7f50f32323dac9c757"},i("div",{key:"211f5f45d827a39635dd0a7a03cf4e7418cc1055",class:this.containerClass({shadow:this.shadow})},i("div",{key:"aa0670df3f3c032cca17e9ec413f55d58aa3f7d7",class:this.tabsListClass({variant:this.variant}),role:"tablist"},this.tabs.map(((t,e)=>i("button",{key:t.value,class:`tab-button flex-1 px-4 py-2 text-center font-medium transition-colors border-none ${t.value===this.value?"text-color-primary":t.disabled?"text-color-disabled cursor-not-allowed opacity-50":"text-color-placeholder hover:text-color-primary cursor-pointer"} ${"sm"===this.size?"text-sm py-1.5 px-3":"lg"===this.size?"text-lg py-3 px-5":"text-base py-2 px-4"} bg-transparent`,role:"tab","aria-selected":""+(t.value===this.value),"aria-controls":"panel-"+t.value,id:"tab-"+t.value,disabled:t.disabled,onClick:()=>!t.disabled&&(this.value=t.value),tabindex:e===this.activeIndex?0:-1},t.label))),"line"===this.variant&&i("div",{key:"a3deef9b1859289fa4b2acc2c85301c0b996a208",class:this.inkbarClass({variant:this.variant}),style:{transform:`translateX(calc(${this.activeIndex} * 100% / ${this.tabs.length}))`,width:`calc(100% / ${this.tabs.length})`}})),i("div",{key:"36e8a820d74b3a915acaa5503114e613f2fcca53",class:"tabs-content"},i("slot",{key:"fdb208a362785fef1dc5624f485d18c50f2368ec"}))))}static get watchers(){return{value:[{handleValueChange:0}],size:[{handleSizeChange:0}]}}static get style(){return".block{display:block}:host{display:block;width:100%}.tabs-container{--active-index:0;--tab-count:1}.inkbar{transition-timing-function:cubic-bezier(.4,0,.2,1)}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.flex{display:flex}.hidden{display:none}.h-0\\.5{height:.125rem}.w-full{width:100%}.flex-1{flex:1 1 0%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.rounded-t-lg{border-top-left-radius:var(--bcm-ui-border-radius-lg,8px);border-top-right-radius:var(--bcm-ui-border-radius-lg,8px)}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-none{border-style:none}.border-color-default{border-color:var(--bcm-ui-color-border-default)}.bg-color-primary{background-color:var(--bcm-ui-color-background-primary-default)}.bg-transparent{background-color:transparent}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-placeholder{color:var(--bcm-ui-color-text-placeholder)}.text-color-primary{color:var(--bcm-ui-color-text-primary)}.opacity-50{opacity:.5}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:var(--bcm-ui-box-shadow-md);--tw-shadow-colored:var(--bcm-ui-box-shadow-md)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.hover\\:text-color-primary:hover{color:var(--bcm-ui-color-text-primary)}"}},[769,"bcm-tabs",{value:[1537],size:[513],variant:[513],shadow:[516],tabs:[32],activeIndex:[32],setActiveTab:[64],getActiveTab:[64]},[[0,"bcmTabClick","handleTabClick"],[0,"keydown","handleKeyDown"]],{value:[{handleValueChange:0}],size:[{handleSizeChange:0}]}]);function d(){"undefined"!=typeof customElements&&["bcm-tabs"].forEach((e=>{"bcm-tabs"===e&&(customElements.get(t(e))||customElements.define(t(e),n))}))}d();const l=n,c=d;export{l as BcmTabs,c as defineCustomElement}

package/dist/components/bcm-text.js

@@ -1 +1 @@
-import{t as e,p as t,H as o,h as l}from"./index.js";import{c as i}from"./p-BfTCfPZ1.js";const r={display:"h1",heading1:"h2",heading2:"h3",title1:"h4",title2:"h5",title3:"h6",body:"p",bodyAccent:"p",helper:"p",caption:"p",label:"label",placeholder:"p",link:"a",info:"p",infoAccent:"p"},a=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}text;variant="body";size="medium";overflow=!1;variantClassMap={display:"font-semibold text-size-12 text-color-header",heading1:"font-semibold text-size-7 text-color-header",heading2:"font-semibold text-size-6 text-color-header",title1:{small:"font-semibold text-size-5 text-color-header",medium:"font-semibold text-size-6 text-color-header",large:"font-semibold text-size-7 text-color-header"},title2:{small:"font-semibold text-size-4 text-color-default",medium:"font-semibold text-size-5 text-color-default",large:"font-semibold text-size-6 text-color-default"},title3:{small:"font-semibold text-size-3 text-color-disabled",medium:"font-semibold text-size-4 text-color-disabled",large:"font-semibold text-size-5 text-color-disabled"},body:{small:"font-regular text-size-4 text-color-default",medium:"font-regular text-size-5 text-color-default",large:"font-regular text-size-6 text-color-default"},bodyAccent:{small:"font-medium text-size-4 text-color-default",medium:"font-medium text-size-5 text-color-default",large:"font-medium text-size-6 text-color-default"},helper:{small:"font-regular text-size-4 text-color-helper",medium:"font-regular text-size-5 text-color-helper",large:"font-regular text-size-6 text-color-helper"},caption:{small:"font-regular text-size-3 text-color-caption",medium:"font-regular text-size-4 text-color-caption",large:"font-regular text-size-5 text-color-caption"},link:{small:"font-medium text-size-4 underline text-color-primary",medium:"font-medium text-size-5 underline text-color-primary",large:"font-medium text-size-6 underline text-color-primary"},label:{small:"font-medium text-size-3 text-color-label",medium:"font-medium text-size-4 text-color-label",large:"font-medium text-size-5 text-color-label"},placeholder:{small:"font-regular text-size-4 text-color-placeholder",medium:"font-regular text-size-5 text-color-placeholder",large:"font-regular text-size-6 text-color-placeholder"},info:{small:"font-regular text-size-3 text-color-default",medium:"font-regular text-size-4 text-color-default",large:"font-regular text-size-5 text-color-default"},infoAccent:{small:"font-medium text-size-3 text-color-header",medium:"font-medium text-size-4 text-color-header",large:"font-medium text-size-5 text-color-header"}};getTextClass=(e,t)=>{const o=this.variantClassMap[e];return"string"==typeof o?o:o[t]};getOverflowClass=e=>e?"truncate":"";render(){const e=r[this.variant],t=this.getTextClass(this.variant,this.size),o=this.getOverflowClass(this.overflow??!1);return l(e,{key:"cda860b1c6af84151fa46a812b85a6f9596ff02b",class:i("bcm-ui-element bcm-text appearance-none m-0 p-0",t,o),part:"text"},l("slot",{key:"3b03a3c5a810dbab7a012518eb997dfd25ae4d52"},this.text))}static get style(){return".bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.m-0{margin:0}.appearance-none{appearance:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-0{padding:0}.text-size-12{font-size:var(--bcm-ui-font-size-12,60px);line-height:var(--bcm-ui-line-height-12,72px)}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.text-size-7{font-size:var(--bcm-ui-font-size-7,20px);line-height:var(--bcm-ui-line-height-7,28px)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-color-caption{color:var(--bcm-ui-color-text-caption)}.text-color-default{color:var(--bcm-ui-color-text-default)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-header{color:var(--bcm-ui-color-text-header)}.text-color-helper{color:var(--bcm-ui-color-text-helper)}.text-color-label{color:var(--bcm-ui-color-text-label)}.text-color-placeholder{color:var(--bcm-ui-color-text-placeholder)}.text-color-primary{color:var(--bcm-ui-color-text-primary)}.underline{text-decoration-line:underline}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}"}},[769,"bcm-text",{text:[1],variant:[1],size:[1],overflow:[4]}]);function s(){"undefined"!=typeof customElements&&["bcm-text"].forEach((t=>{"bcm-text"===t&&(customElements.get(e(t))||customElements.define(e(t),a))}))}s();const n=a,c=s;export{n as BcmText,c as defineCustomElement}
+import{t as e,p as t,H as o,h as l}from"./index.js";import{c as i}from"./p-BfTCfPZ1.js";const r={display:"h1",heading1:"h2",heading2:"h3",title1:"h4",title2:"h5",title3:"h6",body:"p",bodyAccent:"p",helper:"p",caption:"p",label:"label",placeholder:"p",link:"a",info:"p",infoAccent:"p"},a=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}text;variant="body";size="medium";overflow=!1;variantClassMap={display:"font-semibold text-size-12 text-color-header",heading1:"font-semibold text-size-7 text-color-header",heading2:"font-semibold text-size-6 text-color-header",title1:{small:"font-semibold text-size-5 text-color-header",medium:"font-semibold text-size-6 text-color-header",large:"font-semibold text-size-7 text-color-header"},title2:{small:"font-semibold text-size-4 text-color-default",medium:"font-semibold text-size-5 text-color-default",large:"font-semibold text-size-6 text-color-default"},title3:{small:"font-semibold text-size-3 text-color-disabled",medium:"font-semibold text-size-4 text-color-disabled",large:"font-semibold text-size-5 text-color-disabled"},body:{small:"font-regular text-size-4 text-color-default",medium:"font-regular text-size-5 text-color-default",large:"font-regular text-size-6 text-color-default"},bodyAccent:{small:"font-medium text-size-4 text-color-default",medium:"font-medium text-size-5 text-color-default",large:"font-medium text-size-6 text-color-default"},helper:{small:"font-regular text-size-4 text-color-helper",medium:"font-regular text-size-5 text-color-helper",large:"font-regular text-size-6 text-color-helper"},caption:{small:"font-regular text-size-3 text-color-caption",medium:"font-regular text-size-4 text-color-caption",large:"font-regular text-size-5 text-color-caption"},link:{small:"font-medium text-size-4 underline text-color-primary",medium:"font-medium text-size-5 underline text-color-primary",large:"font-medium text-size-6 underline text-color-primary"},label:{small:"font-medium text-size-3 text-color-label",medium:"font-medium text-size-4 text-color-label",large:"font-medium text-size-5 text-color-label"},placeholder:{small:"font-regular text-size-4 text-color-placeholder",medium:"font-regular text-size-5 text-color-placeholder",large:"font-regular text-size-6 text-color-placeholder"},info:{small:"font-regular text-size-3 text-color-default",medium:"font-regular text-size-4 text-color-default",large:"font-regular text-size-5 text-color-default"},infoAccent:{small:"font-medium text-size-3 text-color-header",medium:"font-medium text-size-4 text-color-header",large:"font-medium text-size-5 text-color-header"}};getTextClass=(e,t)=>{const o=this.variantClassMap[e];return"string"==typeof o?o:o[t]};getOverflowClass=e=>e?"truncate":"";render(){const e=r[this.variant],t=this.getTextClass(this.variant,this.size),o=this.getOverflowClass(this.overflow??!1);return l(e,{key:"ff2bca6e93184787eba311267501606cf50a0a92",class:i("bcm-ui-element bcm-text appearance-none m-0 p-0",t,o),part:"text"},l("slot",{key:"a0110483c7cb7cfe04c086a49e18618af8a883da"},this.text))}static get style(){return".bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.m-0{margin:0}.appearance-none{appearance:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-0{padding:0}.text-size-12{font-size:var(--bcm-ui-font-size-12,60px);line-height:var(--bcm-ui-line-height-12,72px)}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.text-size-7{font-size:var(--bcm-ui-font-size-7,20px);line-height:var(--bcm-ui-line-height-7,28px)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-color-caption{color:var(--bcm-ui-color-text-caption)}.text-color-default{color:var(--bcm-ui-color-text-default)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-header{color:var(--bcm-ui-color-text-header)}.text-color-helper{color:var(--bcm-ui-color-text-helper)}.text-color-label{color:var(--bcm-ui-color-text-label)}.text-color-placeholder{color:var(--bcm-ui-color-text-placeholder)}.text-color-primary{color:var(--bcm-ui-color-text-primary)}.underline{text-decoration-line:underline}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}"}},[769,"bcm-text",{text:[1],variant:[1],size:[1],overflow:[4]}]);function s(){"undefined"!=typeof customElements&&["bcm-text"].forEach((t=>{"bcm-text"===t&&(customElements.get(e(t))||customElements.define(e(t),a))}))}s();const n=a,c=s;export{n as BcmText,c as defineCustomElement}

package/dist/components/bcm-textarea.js

@@ -1 +1 @@
-import{t as e,p as t,H as r,c as o,h as i}from"./index.js";import{t as s}from"./p-CEcVC0yX.js";import{c as a}from"./p-BfTCfPZ1.js";import{g as n}from"./p-IBjzkjef.js";import{s as l,d as c,g as d}from"./p-nf_HKsGq.js";const h=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmInput=o(this,"bcmInput",1),this.bcmChange=o(this,"bcmChange",1),this.bcmFocus=o(this,"bcmFocus",1),this.bcmBlur=o(this,"bcmBlur",1),this.bcmKeyDown=o(this,"bcmKeyDown",1),this.bcmKeyUp=o(this,"bcmKeyUp",1),this.internals=this.attachInternals()}get el(){return this}textareaRef;isFocused=!1;validationMessage;isValid=!0;internalStatus="default";internalErrorMessage;internals;value="";rows=3;cols;minRows;maxRows;resize="none";autoGrow=!1;placeholder;name;_id=n("textarea");size="medium";status="default";fullWidth=!1;disabled=!1;readonly=!1;required=!1;minLength;maxLength;showCounter=!0;label;errorMessage;captionText;labelledby;describedby;validator;bcmInput;bcmChange;bcmFocus;bcmBlur;bcmKeyDown;bcmKeyUp;handleValueChange(e){this.textareaRef&&(this.textareaRef.value=e,this.autoGrow&&this.adjustHeight()),this.internals&&this.internals.setFormValue(e??"")}watchStatus(e){this.internalStatus=e}watchErrorMessage(e){this.internalErrorMessage=e}componentWillLoad(){l("en",c),this.internalStatus=this.status,this.internalErrorMessage=this.errorMessage,this.internals&&this.internals.setFormValue(this.value??"")}componentDidLoad(){this.autoGrow&&(this.adjustHeight(),this.textareaRef?.addEventListener("input",(()=>this.adjustHeight())))}disconnectedCallback(){this.autoGrow&&this.textareaRef&&this.textareaRef.removeEventListener("input",(()=>this.adjustHeight()))}async setFocus(){this.textareaRef?.focus()}async setBlur(){this.textareaRef?.blur()}async select(){this.textareaRef?.select()}formResetCallback(){this.value="",this.isValid=!0,this.validationMessage="",this.internalStatus="default",this.internalErrorMessage="",this.internals?.setFormValue(""),this.internals?.setValidity({})}adjustHeight(){this.autoGrow&&this.textareaRef&&requestAnimationFrame((()=>{this.textareaRef.style.height="0px";const e=getComputedStyle(this.textareaRef),t=parseInt(e.lineHeight),r=parseInt(e.paddingTop),o=parseInt(e.paddingBottom);let i=this.textareaRef.scrollHeight;this.minRows&&(i=Math.max(i,this.minRows*t+r+o)),this.maxRows&&(i=Math.min(i,this.maxRows*t+r+o)),this.textareaRef.style.height=i+"px"}))}validateInput(){if(!this.textareaRef)return;this.isValid=!0,this.validationMessage="";const e=this.textareaRef.value;let t={};if(this.required&&!e)return this.isValid=!1,this.validationMessage=d("required"),this.internalStatus="error",this.internalErrorMessage=this.validationMessage,void(t={valueMissing:!0});if(this.minLength&&e.length<this.minLength?(this.isValid=!1,this.validationMessage=d("minlength",{min:this.minLength}),t={tooShort:!0}):this.maxLength&&e.length>this.maxLength&&(this.isValid=!1,this.validationMessage=d("maxlength",{max:this.maxLength}),t={tooLong:!0}),this.validator){const r=this.validator(e);r&&(this.isValid=!1,this.validationMessage=r,t={customError:!0})}this.internalStatus=this.isValid?"default":"error",this.internalErrorMessage=this.validationMessage,this.internals&&(this.isValid?this.internals.setValidity({}):this.internals.setValidity(t,this.validationMessage||"",this.textareaRef))}onChange=e=>{this.bcmChange.emit(e)};onFocus=e=>{this.isFocused=!0,this.bcmFocus.emit(e)};onBlur=e=>{this.isFocused=!1,this.bcmBlur.emit(e),this.validateInput()};onKeyDown=e=>{this.bcmKeyDown.emit(e)};onKeyUp=e=>{this.bcmKeyUp.emit(e)};styleClass=s({slots:{base:["bcm-textarea bcm-textarea__container","bg-[--bcm-ui-color-background-base-default]","border border-solid rounded","flex flex-col","transition-colors duration-200","px-2 py-2","w-full"],textareaClass:["textarea","w-full","border-0 outline-0 bg-transparent","appearance-none","text-[--bcm-ui-color-text-default] placeholder:text-[--bcm-ui-color-text-placeholder] placeholder:font-normal","font-sans antialiased font-medium","px-1","overflow-y-auto","min-h-0"],counterText:["textarea-counter-text","text-[--bcm-ui-color-text-placeholder]","text-right","mt-1"]},variants:{size:{small:{base:"",textareaClass:"text-size-4 min-h-[3rem]",counterText:"text-size-3"},medium:{base:"",textareaClass:"text-size-5 min-h-[4rem]",counterText:"text-size-4"},large:{base:"",textareaClass:"text-size-6 min-h-[5rem]",counterText:"text-size-5"}},resize:{none:{textareaClass:"!resize-none"},both:{textareaClass:"!resize"},horizontal:{textareaClass:"!resize-x"},vertical:{textareaClass:"!resize-y"}},status:{default:{base:["border-[--bcm-ui-color-border-default]","hover:border-[--bcm-ui-color-border-primary]","has-[:focus]:border-[--bcm-ui-color-border-primary]"]},error:{base:["border-[--bcm-ui-color-border-error]","hover:border-[--bcm-ui-color-border-error]","has-[:focus]:border-[--bcm-ui-color-border-error]"]},success:{base:["border-[--bcm-ui-color-border-success]","hover:border-[--bcm-ui-color-border-success]","has-[:focus]:border-[--bcm-ui-color-border-success]"]},warning:{base:["border-[--bcm-ui-color-border-warning]","hover:border-[--bcm-ui-color-border-warning]","has-[:focus]:border-[--bcm-ui-color-border-warning]"]},info:{base:["border-[--bcm-ui-color-border-info]","hover:border-[--bcm-ui-color-border-info]","has-[:focus]:border-[--bcm-ui-color-border-info]"]}},fullWidth:{true:"full-width w-full"},disabled:{true:{base:"disabled cursor-not-allowed opacity-50",textareaClass:"!resize-none"},false:""},focused:{true:{base:"ring-2 ring-[--bcm-ui-color-border-primary] ring-opacity-50"},false:""}},defaultVariants:{size:"medium",status:"default",resize:"vertical",fullWidth:!1,disabled:!1,focused:!1}},{twMerge:!1});render(){const e=this._id+"-textarea"||this.name,{base:t,textareaClass:r,counterText:o}=this.styleClass({size:this.size,status:this.internalStatus,resize:this.resize,fullWidth:this.fullWidth,disabled:this.disabled,focused:this.isFocused});return i("div",{key:"afc56a9f3e61444d5e711eef2843db33bd7e6c7c",class:"bcm-ui-element"},this.label&&i("label",{key:"f2f7df7f91d4093368f5b4a6daaf378147ce5b63",class:a("textarea-label font-medium",{"text-color-label":!this.disabled,"text-color-disabled":this.disabled},{"text-size-3":"small"===this.size,"text-size-4":"medium"===this.size,"text-size-5":"large"===this.size}),htmlFor:e},i("slot",{key:"45d66dcbfbea6b5f93e62adac99eb7f953942d41",name:"label"},this.label),this.required&&i("span",{key:"2d37dca66c5dff06a3bdb540263c5ee5bed45ec7"},"*")),i("div",{key:"79402eec56579f90160f9916a2a3c183151ec68e",class:t()},i("textarea",{key:"f159a7302d230923e7fa5ac48dc7440e82a453dd",ref:e=>this.textareaRef=e,id:e,class:r(),name:this.name,rows:this.rows,cols:this.cols,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:this.placeholder,minLength:this.minLength,maxLength:this.maxLength,"aria-invalid":"error"===this.status,"aria-required":this.required,"aria-labelledby":this.labelledby,"aria-describedby":this.describedby,value:this.value,onInput:e=>{this.value=e.target.value,this.internals?.setFormValue(this.value??""),this.bcmInput.emit(e),this.validateInput(),this.autoGrow&&this.adjustHeight()},onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,onKeyUp:this.onKeyUp}),this.showCounter&&i("div",{key:"36055bbc5d51114c628feb2280adbab3da17560b",class:o()},this.value.length,this.maxLength?"/"+this.maxLength:"")),(this.captionText||this.internalErrorMessage||this.validationMessage)&&i("div",{key:"fe31ffd26a1752cd838901204c6fa169db598719",class:a("textarea-caption-text font-regular mt-1",{"text-[--bcm-ui-color-text-caption]":!this.disabled&&"default"===this.internalStatus,"text-[--bcm-ui-color-text-error]":!(this.disabled||"error"!==this.internalStatus&&this.isValid),"text-[--bcm-ui-color-text-success]":!this.disabled&&"success"===this.internalStatus,"text-[--bcm-ui-color-text-warning]":!this.disabled&&"warning"===this.internalStatus,"text-[--bcm-ui-color-text-info]":!this.disabled&&"info"===this.internalStatus,"text-[--bcm-ui-color-text-disabled]":this.disabled},{"text-size-3":"small"===this.size,"text-size-4":"medium"===this.size,"text-size-5":"large"===this.size})},this.isValid?"error"===this.internalStatus?this.internalErrorMessage:this.captionText:this.validationMessage))}static get formAssociated(){return!0}static get watchers(){return{value:[{handleValueChange:0}],status:[{watchStatus:0}],errorMessage:[{watchErrorMessage:0}]}}static get style(){return'.visible{visibility:visible}.collapse{visibility:collapse}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.contents{display:contents}.hidden{display:none}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize-none{resize:none;resize:none!important}.resize-y{resize:vertical;resize:vertical!important}.resize-x{resize:horizontal;resize:horizontal!important}.resize{resize:both!important;resize:both}.border{border-width:1px}.underline{text-decoration-line:underline}.outline{outline-style:solid}*,:after,:before{border:0 solid oklch(92.8% .006 264.531deg);box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,Inter Variable,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:oklch(70.7% .022 261.325deg);opacity:1}input::placeholder,textarea::placeholder{color:oklch(70.7% .022 261.325deg);opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:host{display:block;width:100%}.bcm-textarea__container{display:flex;flex-direction:column;width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.mt-1{margin-top:.25rem}.min-h-0{min-height:0}.min-h-\\[3rem\\]{min-height:3rem}.min-h-\\[4rem\\]{min-height:4rem}.min-h-\\[5rem\\]{min-height:5rem}.w-full{width:100%}.grow{flex-grow:1}.cursor-not-allowed{cursor:not-allowed}.\\!resize-none{resize:none!important}.\\!resize-y{resize:vertical!important}.\\!resize-x{resize:horizontal!important}.\\!resize{resize:both!important}.appearance-none{appearance:none}.flex-col{flex-direction:column}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border-0{border-width:0}.border-solid{border-style:solid}.border-\\[--bcm-ui-color-border-default\\]{border-color:var(--bcm-ui-color-border-default)}.border-\\[--bcm-ui-color-border-error\\]{border-color:var(--bcm-ui-color-border-error)}.border-\\[--bcm-ui-color-border-info\\]{border-color:var(--bcm-ui-color-border-info)}.border-\\[--bcm-ui-color-border-success\\]{border-color:var(--bcm-ui-color-border-success)}.border-\\[--bcm-ui-color-border-warning\\]{border-color:var(--bcm-ui-color-border-warning)}.bg-\\[--bcm-ui-color-background-base-default\\]{background-color:var(--bcm-ui-color-background-base-default)}.bg-transparent{background-color:transparent}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-right{text-align:right}.font-sans{font-family:Inter,Inter Variable,sans-serif}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-\\[--bcm-ui-color-text-caption\\]{color:var(--bcm-ui-color-text-caption)}.text-\\[--bcm-ui-color-text-default\\]{color:var(--bcm-ui-color-text-default)}.text-\\[--bcm-ui-color-text-disabled\\]{color:var(--bcm-ui-color-text-disabled)}.text-\\[--bcm-ui-color-text-error\\]{color:var(--bcm-ui-color-text-error)}.text-\\[--bcm-ui-color-text-info\\]{color:var(--bcm-ui-color-text-info)}.text-\\[--bcm-ui-color-text-placeholder\\]{color:var(--bcm-ui-color-text-placeholder)}.text-\\[--bcm-ui-color-text-success\\]{color:var(--bcm-ui-color-text-success)}.text-\\[--bcm-ui-color-text-warning\\]{color:var(--bcm-ui-color-text-warning)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-label{color:var(--bcm-ui-color-text-label)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-0{outline-width:0}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-\\[--bcm-ui-color-border-primary\\]{--tw-ring-color:var(--bcm-ui-color-border-primary)}.ring-opacity-50{--tw-ring-opacity:0.5}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.placeholder\\:font-normal::placeholder{font-weight:400}.placeholder\\:text-\\[--bcm-ui-color-text-placeholder\\]::placeholder{color:var(--bcm-ui-color-text-placeholder)}.hover\\:border-\\[--bcm-ui-color-border-error\\]:hover{border-color:var(--bcm-ui-color-border-error)}.hover\\:border-\\[--bcm-ui-color-border-info\\]:hover{border-color:var(--bcm-ui-color-border-info)}.hover\\:border-\\[--bcm-ui-color-border-primary\\]:hover{border-color:var(--bcm-ui-color-border-primary)}.hover\\:border-\\[--bcm-ui-color-border-success\\]:hover{border-color:var(--bcm-ui-color-border-success)}.hover\\:border-\\[--bcm-ui-color-border-warning\\]:hover{border-color:var(--bcm-ui-color-border-warning)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-error\\]:has(:focus){border-color:var(--bcm-ui-color-border-error)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-info\\]:has(:focus){border-color:var(--bcm-ui-color-border-info)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-primary\\]:has(:focus){border-color:var(--bcm-ui-color-border-primary)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-success\\]:has(:focus){border-color:var(--bcm-ui-color-border-success)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-warning\\]:has(:focus){border-color:var(--bcm-ui-color-border-warning)}'}},[833,"bcm-textarea",{value:[1537],rows:[2],cols:[2],minRows:[2,"min-rows"],maxRows:[2,"max-rows"],resize:[1],autoGrow:[4,"auto-grow"],placeholder:[1],name:[1],_id:[513,"id"],size:[1],status:[1],fullWidth:[516,"full-width"],disabled:[4],readonly:[4],required:[4],minLength:[2,"min-length"],maxLength:[2,"max-length"],showCounter:[4,"show-counter"],label:[1],errorMessage:[1,"error-message"],captionText:[1,"caption-text"],labelledby:[1],describedby:[1],validator:[16],isFocused:[32],validationMessage:[32],isValid:[32],internalStatus:[32],internalErrorMessage:[32],setFocus:[64],setBlur:[64],select:[64]},void 0,{value:[{handleValueChange:0}],status:[{watchStatus:0}],errorMessage:[{watchErrorMessage:0}]}]);function b(){"undefined"!=typeof customElements&&["bcm-textarea"].forEach((t=>{"bcm-textarea"===t&&(customElements.get(e(t))||customElements.define(e(t),h))}))}b();const u=h,m=b;export{u as BcmTextarea,m as defineCustomElement}
+import{t as e,p as t,H as r,c as o,h as i}from"./index.js";import{t as s}from"./p-CEcVC0yX.js";import{c as a}from"./p-BfTCfPZ1.js";import{g as n}from"./p-IBjzkjef.js";import{s as l,d as c,g as d}from"./p-nf_HKsGq.js";const h=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmInput=o(this,"bcmInput",1),this.bcmChange=o(this,"bcmChange",1),this.bcmFocus=o(this,"bcmFocus",1),this.bcmBlur=o(this,"bcmBlur",1),this.bcmKeyDown=o(this,"bcmKeyDown",1),this.bcmKeyUp=o(this,"bcmKeyUp",1),this.internals=this.attachInternals()}get el(){return this}textareaRef;isFocused=!1;validationMessage;isValid=!0;internalStatus="default";internalErrorMessage;internals;value="";rows=3;cols;minRows;maxRows;resize="none";autoGrow=!1;placeholder;name;_id=n("textarea");size="medium";status="default";fullWidth=!1;disabled=!1;readonly=!1;required=!1;minLength;maxLength;showCounter=!0;label;errorMessage;captionText;labelledby;describedby;validator;bcmInput;bcmChange;bcmFocus;bcmBlur;bcmKeyDown;bcmKeyUp;handleValueChange(e){this.textareaRef&&(this.textareaRef.value=e,this.autoGrow&&this.adjustHeight()),this.internals&&this.internals.setFormValue(e??"")}watchStatus(e){this.internalStatus=e}watchErrorMessage(e){this.internalErrorMessage=e}componentWillLoad(){l("en",c),this.internalStatus=this.status,this.internalErrorMessage=this.errorMessage,this.internals&&this.internals.setFormValue(this.value??"")}componentDidLoad(){this.autoGrow&&(this.adjustHeight(),this.textareaRef?.addEventListener("input",(()=>this.adjustHeight())))}disconnectedCallback(){this.autoGrow&&this.textareaRef&&this.textareaRef.removeEventListener("input",(()=>this.adjustHeight()))}async setFocus(){this.textareaRef?.focus()}async setBlur(){this.textareaRef?.blur()}async select(){this.textareaRef?.select()}formResetCallback(){this.value="",this.isValid=!0,this.validationMessage="",this.internalStatus="default",this.internalErrorMessage="",this.internals?.setFormValue(""),this.internals?.setValidity({})}adjustHeight(){this.autoGrow&&this.textareaRef&&requestAnimationFrame((()=>{this.textareaRef.style.height="0px";const e=getComputedStyle(this.textareaRef),t=parseInt(e.lineHeight),r=parseInt(e.paddingTop),o=parseInt(e.paddingBottom);let i=this.textareaRef.scrollHeight;this.minRows&&(i=Math.max(i,this.minRows*t+r+o)),this.maxRows&&(i=Math.min(i,this.maxRows*t+r+o)),this.textareaRef.style.height=i+"px"}))}validateInput(){if(!this.textareaRef)return;this.isValid=!0,this.validationMessage="";const e=this.textareaRef.value;let t={};if(this.required&&!e)return this.isValid=!1,this.validationMessage=d("required"),this.internalStatus="error",this.internalErrorMessage=this.validationMessage,void(t={valueMissing:!0});if(this.minLength&&e.length<this.minLength?(this.isValid=!1,this.validationMessage=d("minlength",{min:this.minLength}),t={tooShort:!0}):this.maxLength&&e.length>this.maxLength&&(this.isValid=!1,this.validationMessage=d("maxlength",{max:this.maxLength}),t={tooLong:!0}),this.validator){const r=this.validator(e);r&&(this.isValid=!1,this.validationMessage=r,t={customError:!0})}this.internalStatus=this.isValid?"default":"error",this.internalErrorMessage=this.validationMessage,this.internals&&(this.isValid?this.internals.setValidity({}):this.internals.setValidity(t,this.validationMessage||"",this.textareaRef))}onChange=e=>{this.bcmChange.emit(e)};onFocus=e=>{this.isFocused=!0,this.bcmFocus.emit(e)};onBlur=e=>{this.isFocused=!1,this.bcmBlur.emit(e),this.validateInput()};onKeyDown=e=>{this.bcmKeyDown.emit(e)};onKeyUp=e=>{this.bcmKeyUp.emit(e)};styleClass=s({slots:{base:["bcm-textarea bcm-textarea__container","bg-[--bcm-ui-color-background-base-default]","border border-solid rounded","flex flex-col","transition-colors duration-200","px-2 py-2","w-full"],textareaClass:["textarea","w-full","border-0 outline-0 bg-transparent","appearance-none","text-[--bcm-ui-color-text-default] placeholder:text-[--bcm-ui-color-text-placeholder] placeholder:font-normal","font-sans antialiased font-medium","px-1","overflow-y-auto","min-h-0"],counterText:["textarea-counter-text","text-[--bcm-ui-color-text-placeholder]","text-right","mt-1"]},variants:{size:{small:{base:"",textareaClass:"text-size-4 min-h-[3rem]",counterText:"text-size-3"},medium:{base:"",textareaClass:"text-size-5 min-h-[4rem]",counterText:"text-size-4"},large:{base:"",textareaClass:"text-size-6 min-h-[5rem]",counterText:"text-size-5"}},resize:{none:{textareaClass:"!resize-none"},both:{textareaClass:"!resize"},horizontal:{textareaClass:"!resize-x"},vertical:{textareaClass:"!resize-y"}},status:{default:{base:["border-[--bcm-ui-color-border-default]","hover:border-[--bcm-ui-color-border-primary]","has-[:focus]:border-[--bcm-ui-color-border-primary]"]},error:{base:["border-[--bcm-ui-color-border-error]","hover:border-[--bcm-ui-color-border-error]","has-[:focus]:border-[--bcm-ui-color-border-error]"]},success:{base:["border-[--bcm-ui-color-border-success]","hover:border-[--bcm-ui-color-border-success]","has-[:focus]:border-[--bcm-ui-color-border-success]"]},warning:{base:["border-[--bcm-ui-color-border-warning]","hover:border-[--bcm-ui-color-border-warning]","has-[:focus]:border-[--bcm-ui-color-border-warning]"]},info:{base:["border-[--bcm-ui-color-border-info]","hover:border-[--bcm-ui-color-border-info]","has-[:focus]:border-[--bcm-ui-color-border-info]"]}},fullWidth:{true:"full-width w-full"},disabled:{true:{base:"disabled cursor-not-allowed opacity-50",textareaClass:"!resize-none"},false:""},focused:{true:{base:"ring-2 ring-[--bcm-ui-color-border-primary] ring-opacity-50"},false:""}},defaultVariants:{size:"medium",status:"default",resize:"vertical",fullWidth:!1,disabled:!1,focused:!1}},{twMerge:!1});render(){const e=this._id+"-textarea"||this.name,{base:t,textareaClass:r,counterText:o}=this.styleClass({size:this.size,status:this.internalStatus,resize:this.resize,fullWidth:this.fullWidth,disabled:this.disabled,focused:this.isFocused});return i("div",{key:"52ba5b55a514e2cb3ed0bc7e4a9f8532693b016d",class:"bcm-ui-element"},this.label&&i("label",{key:"02794e3760e25f1d4ec847182bae28632a074164",class:a("textarea-label font-medium",{"text-color-label":!this.disabled,"text-color-disabled":this.disabled},{"text-size-3":"small"===this.size,"text-size-4":"medium"===this.size,"text-size-5":"large"===this.size}),htmlFor:e},i("slot",{key:"4469474cbfb91a8ffbbcbc16463c5befed141db9",name:"label"},this.label),this.required&&i("span",{key:"bbdb07bda59089485896db8b547bc107b06454f4"},"*")),i("div",{key:"5b8835800b7a01ade3f8af0fb9effac004219354",class:t()},i("textarea",{key:"b5069285cb17735d81bfbfd6a539ddb9c771db4d",ref:e=>this.textareaRef=e,id:e,class:r(),name:this.name,rows:this.rows,cols:this.cols,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:this.placeholder,minLength:this.minLength,maxLength:this.maxLength,"aria-invalid":"error"===this.status,"aria-required":this.required,"aria-labelledby":this.labelledby,"aria-describedby":this.describedby,value:this.value,onInput:e=>{this.value=e.target.value,this.internals?.setFormValue(this.value??""),this.bcmInput.emit(e),this.validateInput(),this.autoGrow&&this.adjustHeight()},onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,onKeyUp:this.onKeyUp}),this.showCounter&&i("div",{key:"0f0d821a91bc54b4a24dea0598f604b3c1e48ab5",class:o()},this.value.length,this.maxLength?"/"+this.maxLength:"")),(this.captionText||this.internalErrorMessage||this.validationMessage)&&i("div",{key:"6e00a16c72076f8d0bdeabfcac30e39fdca53fa5",class:a("textarea-caption-text font-regular mt-1",{"text-[--bcm-ui-color-text-caption]":!this.disabled&&"default"===this.internalStatus,"text-[--bcm-ui-color-text-error]":!(this.disabled||"error"!==this.internalStatus&&this.isValid),"text-[--bcm-ui-color-text-success]":!this.disabled&&"success"===this.internalStatus,"text-[--bcm-ui-color-text-warning]":!this.disabled&&"warning"===this.internalStatus,"text-[--bcm-ui-color-text-info]":!this.disabled&&"info"===this.internalStatus,"text-[--bcm-ui-color-text-disabled]":this.disabled},{"text-size-3":"small"===this.size,"text-size-4":"medium"===this.size,"text-size-5":"large"===this.size})},this.isValid?"error"===this.internalStatus?this.internalErrorMessage:this.captionText:this.validationMessage))}static get formAssociated(){return!0}static get watchers(){return{value:[{handleValueChange:0}],status:[{watchStatus:0}],errorMessage:[{watchErrorMessage:0}]}}static get style(){return'.visible{visibility:visible}.collapse{visibility:collapse}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.contents{display:contents}.hidden{display:none}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize-none{resize:none;resize:none!important}.resize-y{resize:vertical;resize:vertical!important}.resize-x{resize:horizontal;resize:horizontal!important}.resize{resize:both!important;resize:both}.border{border-width:1px}.underline{text-decoration-line:underline}.outline{outline-style:solid}*,:after,:before{border:0 solid oklch(92.8% .006 264.531deg);box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,Inter Variable,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:oklch(70.7% .022 261.325deg);opacity:1}input::placeholder,textarea::placeholder{color:oklch(70.7% .022 261.325deg);opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:host{display:block;width:100%}.bcm-textarea__container{display:flex;flex-direction:column;width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.mt-1{margin-top:.25rem}.min-h-0{min-height:0}.min-h-\\[3rem\\]{min-height:3rem}.min-h-\\[4rem\\]{min-height:4rem}.min-h-\\[5rem\\]{min-height:5rem}.w-full{width:100%}.grow{flex-grow:1}.cursor-not-allowed{cursor:not-allowed}.\\!resize-none{resize:none!important}.\\!resize-y{resize:vertical!important}.\\!resize-x{resize:horizontal!important}.\\!resize{resize:both!important}.appearance-none{appearance:none}.flex-col{flex-direction:column}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border-0{border-width:0}.border-solid{border-style:solid}.border-\\[--bcm-ui-color-border-default\\]{border-color:var(--bcm-ui-color-border-default)}.border-\\[--bcm-ui-color-border-error\\]{border-color:var(--bcm-ui-color-border-error)}.border-\\[--bcm-ui-color-border-info\\]{border-color:var(--bcm-ui-color-border-info)}.border-\\[--bcm-ui-color-border-success\\]{border-color:var(--bcm-ui-color-border-success)}.border-\\[--bcm-ui-color-border-warning\\]{border-color:var(--bcm-ui-color-border-warning)}.bg-\\[--bcm-ui-color-background-base-default\\]{background-color:var(--bcm-ui-color-background-base-default)}.bg-transparent{background-color:transparent}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-right{text-align:right}.font-sans{font-family:Inter,Inter Variable,sans-serif}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-\\[--bcm-ui-color-text-caption\\]{color:var(--bcm-ui-color-text-caption)}.text-\\[--bcm-ui-color-text-default\\]{color:var(--bcm-ui-color-text-default)}.text-\\[--bcm-ui-color-text-disabled\\]{color:var(--bcm-ui-color-text-disabled)}.text-\\[--bcm-ui-color-text-error\\]{color:var(--bcm-ui-color-text-error)}.text-\\[--bcm-ui-color-text-info\\]{color:var(--bcm-ui-color-text-info)}.text-\\[--bcm-ui-color-text-placeholder\\]{color:var(--bcm-ui-color-text-placeholder)}.text-\\[--bcm-ui-color-text-success\\]{color:var(--bcm-ui-color-text-success)}.text-\\[--bcm-ui-color-text-warning\\]{color:var(--bcm-ui-color-text-warning)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-label{color:var(--bcm-ui-color-text-label)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-0{outline-width:0}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-\\[--bcm-ui-color-border-primary\\]{--tw-ring-color:var(--bcm-ui-color-border-primary)}.ring-opacity-50{--tw-ring-opacity:0.5}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.placeholder\\:font-normal::placeholder{font-weight:400}.placeholder\\:text-\\[--bcm-ui-color-text-placeholder\\]::placeholder{color:var(--bcm-ui-color-text-placeholder)}.hover\\:border-\\[--bcm-ui-color-border-error\\]:hover{border-color:var(--bcm-ui-color-border-error)}.hover\\:border-\\[--bcm-ui-color-border-info\\]:hover{border-color:var(--bcm-ui-color-border-info)}.hover\\:border-\\[--bcm-ui-color-border-primary\\]:hover{border-color:var(--bcm-ui-color-border-primary)}.hover\\:border-\\[--bcm-ui-color-border-success\\]:hover{border-color:var(--bcm-ui-color-border-success)}.hover\\:border-\\[--bcm-ui-color-border-warning\\]:hover{border-color:var(--bcm-ui-color-border-warning)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-error\\]:has(:focus){border-color:var(--bcm-ui-color-border-error)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-info\\]:has(:focus){border-color:var(--bcm-ui-color-border-info)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-primary\\]:has(:focus){border-color:var(--bcm-ui-color-border-primary)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-success\\]:has(:focus){border-color:var(--bcm-ui-color-border-success)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-warning\\]:has(:focus){border-color:var(--bcm-ui-color-border-warning)}'}},[833,"bcm-textarea",{value:[1537],rows:[2],cols:[2],minRows:[2,"min-rows"],maxRows:[2,"max-rows"],resize:[1],autoGrow:[4,"auto-grow"],placeholder:[1],name:[1],_id:[513,"id"],size:[1],status:[1],fullWidth:[516,"full-width"],disabled:[4],readonly:[4],required:[4],minLength:[2,"min-length"],maxLength:[2,"max-length"],showCounter:[4,"show-counter"],label:[1],errorMessage:[1,"error-message"],captionText:[1,"caption-text"],labelledby:[1],describedby:[1],validator:[16],isFocused:[32],validationMessage:[32],isValid:[32],internalStatus:[32],internalErrorMessage:[32],setFocus:[64],setBlur:[64],select:[64]},void 0,{value:[{handleValueChange:0}],status:[{watchStatus:0}],errorMessage:[{watchErrorMessage:0}]}]);function b(){"undefined"!=typeof customElements&&["bcm-textarea"].forEach((t=>{"bcm-textarea"===t&&(customElements.get(e(t))||customElements.define(e(t),h))}))}b();const u=h,m=b;export{u as BcmTextarea,m as defineCustomElement}

package/dist/components/bcm-tooltip.js

@@ -1 +1 @@
-import{t,p as e,H as i,h as s}from"./index.js";import{a as o,o as a,f as r,s as h,c as n,b as l}from"./p-DBDSgIvP.js";import{t as d}from"./p-CEcVC0yX.js";const c=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get host(){return this}tooltipRef;arrowRef;triggerRef;cleanupAutoUpdate;showTimeout;hideTimeout;mouseX=0;mouseY=0;rafId;tooltipId;trigger="hover";placement="top";size="medium";message;showDelay=150;hideDelay=100;arrow=!0;disabled=!1;offset=12;follow=!1;isOpen=!1;handleDisabledChange(t){t&&this.isOpen&&this.hide()}handleTriggerChange(){this.removeTriggerListeners(),this.setupOutsideClickListener(),this.triggerRef&&this.setupTriggerListeners()}async handleOpenChange(t){this.tooltipRef&&(t?(this.tooltipRef.showPopover(),await new Promise((t=>requestAnimationFrame((()=>t(void 0))))),this.follow?this.startFollowing():(await this.updatePosition(),this.startAutoUpdate())):(this.tooltipRef.hidePopover(),this.stopFollowing(),this.stopAutoUpdate()))}async show(){this.disabled||(this.clearTimeouts(),this.showTimeout=window.setTimeout((()=>{this.isOpen=!0}),this.showDelay))}async hide(){this.clearTimeouts(),this.hideTimeout=window.setTimeout((()=>{this.isOpen=!1}),this.hideDelay)}async toggle(){this.isOpen?await this.hide():await this.show()}clearTimeouts(){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=void 0),this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0)}startAutoUpdate(){this.triggerRef&&this.tooltipRef&&!this.follow&&(this.cleanupAutoUpdate=o(this.triggerRef,this.tooltipRef,(()=>this.updatePosition()),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0}))}stopAutoUpdate(){this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=void 0)}startFollowing(){if(!this.follow)return;const t=()=>{if(!this.isOpen||!this.tooltipRef)return void(this.rafId=void 0);const e=this.offset;this.tooltipRef.style.left=this.mouseX+this.offset+"px",this.tooltipRef.style.top=this.mouseY+e+"px",this.rafId=requestAnimationFrame(t)};this.rafId=requestAnimationFrame(t)}stopFollowing(){this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=void 0)}async updatePosition(){if(this.triggerRef&&this.tooltipRef&&!this.follow)try{const t=this.triggerRef.getBoundingClientRect();if(!(t.bottom>0&&t.top<window.innerHeight&&t.right>0&&t.left<window.innerWidth)&&this.isOpen)return void this.hide();const e=[a(this.offset),r(),h({padding:8})];this.arrow&&this.arrowRef&&e.push(l({element:this.arrowRef}));const i={getBoundingClientRect:()=>this.triggerRef.getBoundingClientRect()},{x:s,y:o,placement:d,middlewareData:c}=await n(i,this.tooltipRef,{placement:this.placement,strategy:"fixed",middleware:e});if(this.tooltipRef.style.left=s+"px",this.tooltipRef.style.top=o+"px",this.arrow&&this.arrowRef&&c.arrow){const{x:t,y:e}=c.arrow,i={top:"bottom",right:"left",bottom:"top",left:"right"}[d.split("-")[0]];Object.assign(this.arrowRef.style,{left:null!=t?t+"px":"",top:null!=e?e+"px":"",right:"",bottom:"",[i]:"-4px"})}}catch(t){console.error("Failed to compute tooltip position:",t)}}setupTriggerListeners(){this.triggerRef&&("hover"===this.trigger?(this.triggerRef.addEventListener("mouseenter",this.handleMouseEnter),this.triggerRef.addEventListener("mouseleave",this.handleMouseLeave),this.follow&&this.triggerRef.addEventListener("mousemove",this.handleMouseMove)):"click"===this.trigger&&this.triggerRef.addEventListener("click",this.handleClick))}handleSlotChange=()=>{const t=this.host.shadowRoot?.querySelector("slot:not([name])");if(!t)return;const e=t.assignedElements();this.triggerRef=e[0]||this.host,this.triggerRef&&(this.tooltipRef&&this.tooltipId&&this.triggerRef.setAttribute("aria-describedby",this.tooltipId),this.removeTriggerListeners(),this.setupTriggerListeners())};removeTriggerListeners(){this.triggerRef&&(this.triggerRef.removeEventListener("mouseenter",this.handleMouseEnter),this.triggerRef.removeEventListener("mouseleave",this.handleMouseLeave),this.triggerRef.removeEventListener("mousemove",this.handleMouseMove),this.triggerRef.removeEventListener("click",this.handleClick))}handleMouseEnter=()=>{this.disabled||this.show()};handleMouseLeave=()=>{this.hide()};handleMouseMove=t=>{this.mouseX=t.clientX,this.mouseY=t.clientY};handleClick=()=>{this.disabled||this.toggle()};handleOutsideClick=t=>{const e=t.target;this.host.contains(e)||this.tooltipRef?.contains(e)||this.hide()};handleKeyDown=t=>{"Escape"===t.key&&this.isOpen&&document.querySelector("[popover]:popover-open:last-of-type")===this.tooltipRef&&(t.stopPropagation(),this.hide(),this.triggerRef&&"focus"in this.triggerRef&&this.triggerRef.focus())};handleToggle=t=>{"open"!==t.newState||this.isOpen?"closed"===t.newState&&this.isOpen&&(this.isOpen=!1):this.isOpen=!0};setupOutsideClickListener(){document.removeEventListener("click",this.handleOutsideClick),"click"===this.trigger&&document.addEventListener("click",this.handleOutsideClick)}componentDidLoad(){this.tooltipId="tooltip-"+Math.random().toString(36).substring(2,11),this.setupOutsideClickListener(),this.tooltipRef&&this.tooltipRef.addEventListener("toggle",this.handleToggle),document.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){this.clearTimeouts(),this.stopAutoUpdate(),this.stopFollowing(),this.removeTriggerListeners(),document.removeEventListener("click",this.handleOutsideClick),document.removeEventListener("keydown",this.handleKeyDown),this.tooltipRef&&this.tooltipRef.removeEventListener("toggle",this.handleToggle)}tooltipClass=d({slots:{tooltip:"bcm-ui-element fixed m-0 bg-color-default-dark text-color-base rounded-md shadow-3 font-medium z-[9999]",arrow:"absolute w-2 h-2 bg-color-default-dark rotate-45",content:""},variants:{size:{small:{tooltip:"text-size-3 py-1 px-2"},medium:{tooltip:"text-size-4 py-1.5 px-3"},large:{tooltip:"text-size-5 py-2 px-4"}},follow:{true:{tooltip:"pointer-events-none"}}}});render(){const{tooltip:t,arrow:e}=this.tooltipClass({size:this.size,follow:this.follow});return s("div",{key:"84c2e6c630cb335fe16169bb6aeb3a66dc261244",class:"inline-block"},s("slot",{key:"7bde60ac003dce4895a412b5bb2204c93c8ed178",onSlotchange:this.handleSlotChange}),s("div",{key:"53af09dd13c739a9c3fcdf88bd7f40be6c1ae7e3",ref:t=>this.tooltipRef=t,id:this.tooltipId,part:"tooltip",class:t(),popover:"manual",role:"tooltip"},this.arrow&&!this.follow&&s("div",{key:"7496ed13a22a95ca91f68468dcaa9668e3c7edfb",ref:t=>this.arrowRef=t,part:"arrow",class:e()}),s("div",{key:"343280333e13f2d9ce7a41ac7df2aa4f0cd8984b",part:"content"},s("slot",{key:"dd818124847a62ac7923e4fc792ca9f7ba7a335c",name:"content"},this.message))))}static get watchers(){return{disabled:[{handleDisabledChange:0}],trigger:[{handleTriggerChange:0}],isOpen:[{handleOpenChange:0}]}}static get style(){return".visible{visibility:visible}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{display:inline-block}[popover]{border:none;opacity:0;overflow:visible;padding:0;transform:scale(.95);transition:opacity .1s ease-out,transform .1s ease-out}[popover]:popover-open{opacity:1;transform:scale(1)}@starting-style{[popover]:popover-open{opacity:0;transform:scale(.95)}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.inline-block{display:inline-block}.hidden{display:none}.h-2{height:.5rem}.w-2{width:.5rem}.rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rounded-md{border-radius:var(--bcm-ui-border-radius-md,6px)}.bg-color-default-dark{background-color:var(--bcm-ui-color-background-default-dark-default)}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.font-medium{font-weight:500}.text-color-base{color:var(--bcm-ui-color-text-base)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}"}},[769,"bcm-tooltip",{trigger:[1],placement:[1],size:[1],message:[1],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],arrow:[4],disabled:[4],offset:[2],follow:[4],isOpen:[32],show:[64],hide:[64],toggle:[64]},void 0,{disabled:[{handleDisabledChange:0}],trigger:[{handleTriggerChange:0}],isOpen:[{handleOpenChange:0}]}]);function p(){"undefined"!=typeof customElements&&["bcm-tooltip"].forEach((e=>{"bcm-tooltip"===e&&(customElements.get(t(e))||customElements.define(t(e),c))}))}p();const m=c,u=p;export{m as BcmTooltip,u as defineCustomElement}
+import{B as o,d as s}from"./p-CXVKfgBL.js";const p=o,r=s;export{p as BcmTooltip,r as defineCustomElement}

package/dist/components/{p-BQbLrMuz.js → p-C3wzcnH3.js}

@@ -1 +1 @@
-import{t,p as e,H as s,c as i,h as a,a as o}from"./index.js";import{c as r,a as h,o as n,f as l,s as d,b as c}from"./p-DBDSgIvP.js";import{t as b}from"./p-CEcVC0yX.js";const w=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bcmBeforeShow=i(this,"bcmBeforeShow",1),this.bcmShow=i(this,"bcmShow",1),this.bcmBeforeHide=i(this,"bcmBeforeHide",1),this.bcmHide=i(this,"bcmHide",1),this.bcmShown=i(this,"bcmShown",1),this.bcmHidden=i(this,"bcmHidden",1)}get host(){return this}floatingRef;triggerRef;arrowRef;cleanupAutoUpdate;showTimeout;hideTimeout;componentId=`linked-${Math.random().toString(36).substring(2,11)}`;visible=!1;trigger="click";placement="bottom-start";showDelay=0;hideDelay=0;offsetDistance=8;showArrow=!0;disabled=!1;closeOnOutsideClick=!0;closeOnEscape=!0;isVisible=!1;bcmBeforeShow;bcmShow;bcmBeforeHide;bcmHide;bcmShown;bcmHidden;handleVisibleChange(t){this.disabled||(t?this.showInternal():this.hideInternal())}handleDisabledChange(t){t&&this.visible&&this.hide()}handlePositionPropsChange(){this.visible&&this.updatePosition()}showInternal(){this.floatingRef&&!this.disabled&&(this.bcmShow.emit(),this.isVisible=!0,this.floatingRef.showPopover(),this.startAutoUpdate(),this.updatePosition(),this.triggerRef?.setAttribute("aria-expanded","true"),this.closeOnOutsideClick&&"manual"!==this.trigger&&this.addOutsideClickListener(),requestAnimationFrame((()=>{this.bcmShown.emit()})))}hideInternal(){this.floatingRef&&(this.bcmHide.emit(),this.isVisible=!1,this.floatingRef.hidePopover(),this.stopAutoUpdate(),this.triggerRef?.setAttribute("aria-expanded","false"),this.removeOutsideClickListener(),setTimeout((()=>{this.bcmHidden.emit()}),150))}async show(){this.visible||this.disabled||(this.clearTimeouts(),this.showDelay>0?this.showTimeout=window.setTimeout((()=>{this.bcmBeforeShow.emit(),this.visible=!0}),this.showDelay):(this.bcmBeforeShow.emit(),this.visible=!0))}async hide(){this.visible&&(this.clearTimeouts(),this.hideDelay>0?this.hideTimeout=window.setTimeout((()=>{this.bcmBeforeHide.emit(),this.visible=!1}),this.hideDelay):(this.bcmBeforeHide.emit(),this.visible=!1))}async toggle(){this.visible?await this.hide():await this.show()}async updatePosition(){await this.calculatePosition()}clearTimeouts(){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=void 0),this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0)}handleTriggerSlotChange=()=>{const t=this.host.shadowRoot?.querySelector('slot[name="trigger"]');if(!t)return;const e=t.assignedElements();e.length>0&&(this.removeTriggerListeners(),this.triggerRef=e[0],this.setupTriggerListeners(),this.setupAriaAttributes())};setupAriaAttributes(){this.triggerRef&&(this.triggerRef.setAttribute("aria-describedby",this.componentId),this.triggerRef.setAttribute("aria-expanded",String(this.visible)),this.triggerRef.setAttribute("aria-haspopup","true"))}setupTriggerListeners(){if(this.triggerRef&&!this.disabled)switch(this.trigger){case"hover":this.triggerRef.addEventListener("mouseenter",this.handleMouseEnter),this.triggerRef.addEventListener("mouseleave",this.handleMouseLeave),this.floatingRef?.addEventListener("mouseenter",this.handleFloatingMouseEnter),this.floatingRef?.addEventListener("mouseleave",this.handleFloatingMouseLeave);break;case"click":this.triggerRef.addEventListener("click",this.handleTriggerClick);break;case"focus":this.triggerRef.addEventListener("focus",this.handleFocus),this.triggerRef.addEventListener("blur",this.handleBlur)}}removeTriggerListeners(){this.triggerRef&&(this.triggerRef.removeEventListener("mouseenter",this.handleMouseEnter),this.triggerRef.removeEventListener("mouseleave",this.handleMouseLeave),this.triggerRef.removeEventListener("click",this.handleTriggerClick),this.triggerRef.removeEventListener("focus",this.handleFocus),this.triggerRef.removeEventListener("blur",this.handleBlur),this.floatingRef?.removeEventListener("mouseenter",this.handleFloatingMouseEnter),this.floatingRef?.removeEventListener("mouseleave",this.handleFloatingMouseLeave))}handleMouseEnter=()=>{this.show()};handleMouseLeave=()=>{this.hide()};handleFloatingMouseEnter=()=>{this.clearTimeouts()};handleFloatingMouseLeave=()=>{this.hide()};handleTriggerClick=t=>{t.stopPropagation(),this.toggle()};handleFocus=()=>{this.show()};handleBlur=()=>{this.hide()};handleKeyDown(t){if(this.closeOnEscape&&this.visible&&"Escape"===t.key){const e=Array.from(document.querySelectorAll("bcm-linked[visible]"));e[e.length-1]===this.host&&(t.preventDefault(),this.hide(),this.triggerRef?.focus())}}handleOutsideClick=t=>{if(!this.closeOnOutsideClick||!this.visible)return;const e=t.target,s=t.composedPath(),i=this.host.contains(e)||s.includes(this.host),a=this.floatingRef?.contains(e)||this.floatingRef&&s.includes(this.floatingRef);i||a||this.hide()};addOutsideClickListener(){setTimeout((()=>{document.addEventListener("click",this.handleOutsideClick,!0)}),0)}removeOutsideClickListener(){document.removeEventListener("click",this.handleOutsideClick,!0)}async calculatePosition(){if(!this.triggerRef||!this.floatingRef||!this.isVisible)return;const t={getBoundingClientRect:()=>this.triggerRef.getBoundingClientRect()},e=[n(this.offsetDistance),l({fallbackPlacements:["top","bottom","left","right","top-start","top-end","bottom-start","bottom-end","left-start","left-end","right-start","right-end"]}),d({padding:8})];this.showArrow&&this.arrowRef&&e.push(c({element:this.arrowRef}));const{x:s,y:i,placement:a,middlewareData:o}=await r(t,this.floatingRef,{placement:this.placement,middleware:e,strategy:"fixed"});if(Object.assign(this.floatingRef.style,{left:`${s}px`,top:`${i}px`}),this.showArrow&&this.arrowRef&&o.arrow){const{x:t,y:e}=o.arrow,s={top:"bottom",right:"left",bottom:"top",left:"right"}[a.split("-")[0]];Object.assign(this.arrowRef.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[s]:"-4px"})}this.floatingRef.setAttribute("data-placement",a)}startAutoUpdate(){this.triggerRef&&this.floatingRef&&(this.cleanupAutoUpdate=h(this.triggerRef,this.floatingRef,(()=>this.calculatePosition()),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0}))}stopAutoUpdate(){this.cleanupAutoUpdate?.(),this.cleanupAutoUpdate=void 0}handleToggle=t=>{"open"!==t.newState||this.isVisible?"closed"===t.newState&&this.isVisible&&(this.isVisible=!1):this.isVisible=!0};componentDidLoad(){this.floatingRef?.addEventListener("toggle",this.handleToggle),this.handleTriggerSlotChange(),this.visible&&this.showInternal()}disconnectedCallback(){if(this.clearTimeouts(),this.stopAutoUpdate(),this.removeTriggerListeners(),this.removeOutsideClickListener(),this.floatingRef&&(this.floatingRef.removeEventListener("toggle",this.handleToggle),this.isVisible))try{this.floatingRef.hidePopover()}catch(t){}}linkedClass=b({slots:{wrapper:"inline-block",floating:["bcm-ui-element","fixed","bg-color-basic-base","rounded-md","shadow-lg","border","border-color-basic-subtle"],arrow:["absolute","w-2","h-2","bg-color-basic-base","border","border-color-basic-subtle","rotate-45"],content:"bg-color-basic-base"}});render(){const{wrapper:t,floating:e,arrow:s,content:i}=this.linkedClass();return a(o,{key:"def3b346aef992b343fbbadf0f9c8ee685d9e4f4"},a("div",{key:"a5d48f9ec3f54a8d792653adb87a0f5ea88a05f7",class:t()},a("slot",{key:"c8148d2b9c2e54cbf5053770e6e39cc1c5651388",name:"trigger",onSlotchange:this.handleTriggerSlotChange}),a("div",{key:"b3f53e8abe4f1749fcb432278b8e50e6b41caa74",ref:t=>this.floatingRef=t,id:this.componentId,part:"floating",class:e(),popover:"manual",role:"dialog"},this.showArrow&&a("div",{key:"0b983a9a04c5bb5cc07829eacc53ed974afaccdc",ref:t=>this.arrowRef=t,part:"arrow",class:s()}),a("div",{key:"364418a788431d289aa2bc0b0ce44191df7b46d0",part:"content",class:i()},a("slot",{key:"2305c1bb7ac8c4354f31b7464f33fc4b9e79df9b"})))))}static get watchers(){return{visible:[{handleVisibleChange:0}],disabled:[{handleDisabledChange:0}],placement:[{handlePositionPropsChange:0}],offsetDistance:[{handlePositionPropsChange:0}],showArrow:[{handlePositionPropsChange:0}]}}static get style(){return".visible{visibility:visible}.absolute{position:absolute}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:host{display:inline-block}[popover]{background:transparent;border:none;margin:0;opacity:0;overflow:visible;padding:0;position:absolute;transform:scale(.95);transition:opacity .15s ease-out,transform .15s ease-out,display allow-discrete .15s ease-out,overlay allow-discrete .15s ease-out}[popover]:popover-open{opacity:1;transform:scale(1)}@starting-style{[popover]:popover-open{opacity:0;transform:scale(.95)}}[data-placement^=top] [part=arrow]{border-left:none;border-top:none;bottom:-4px}[data-placement^=bottom] [part=arrow]{border-bottom:none;border-right:none;top:-4px}[data-placement^=left] [part=arrow]{border-bottom:none;border-left:none;right:-4px}[data-placement^=right] [part=arrow]{border-right:none;border-top:none;left:-4px}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.flex{display:flex}.max-h-64{max-height:16rem}.w-full{width:100%}.min-w-10{min-width:2.5rem}.max-w-64{max-width:16rem}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-color-basic-panel{background-color:var(--bcm-ui-color-background-basic-panel)}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.outline{outline-style:solid}.fixed{position:fixed}.relative{position:relative}.inline-block{display:inline-block}.hidden{display:none}.h-2{height:.5rem}.w-2{width:.5rem}.rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rounded-md{border-radius:var(--bcm-ui-border-radius-md,6px)}.bg-color-basic-base{background-color:var(--bcm-ui-color-background-basic-base)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:var(--bcm-ui-box-shadow-lg);--tw-shadow-colored:var(--bcm-ui-box-shadow-lg)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}"}},[769,"bcm-linked",{visible:[1540],trigger:[1],placement:[1],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],offsetDistance:[2,"offset-distance"],showArrow:[4,"show-arrow"],disabled:[4],closeOnOutsideClick:[4,"close-on-outside-click"],closeOnEscape:[4,"close-on-escape"],isVisible:[32],show:[64],hide:[64],toggle:[64],updatePosition:[64]},[[4,"keydown","handleKeyDown"]],{visible:[{handleVisibleChange:0}],disabled:[{handleDisabledChange:0}],placement:[{handlePositionPropsChange:0}],offsetDistance:[{handlePositionPropsChange:0}],showArrow:[{handlePositionPropsChange:0}]}]);function m(){"undefined"!=typeof customElements&&["bcm-linked"].forEach((e=>{"bcm-linked"===e&&(customElements.get(t(e))||customElements.define(t(e),w))}))}m();export{w as B,m as d}
+import{t,p as e,H as s,c as i,h as a,a as o}from"./index.js";import{c as r,a as h,o as n,f as l,s as d,b as c}from"./p-DBDSgIvP.js";import{t as b}from"./p-CEcVC0yX.js";const w=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bcmBeforeShow=i(this,"bcmBeforeShow",1),this.bcmShow=i(this,"bcmShow",1),this.bcmBeforeHide=i(this,"bcmBeforeHide",1),this.bcmHide=i(this,"bcmHide",1),this.bcmShown=i(this,"bcmShown",1),this.bcmHidden=i(this,"bcmHidden",1)}get host(){return this}floatingRef;triggerRef;arrowRef;cleanupAutoUpdate;showTimeout;hideTimeout;componentId=`linked-${Math.random().toString(36).substring(2,11)}`;visible=!1;trigger="click";placement="bottom-start";showDelay=0;hideDelay=0;offsetDistance=8;showArrow=!0;disabled=!1;closeOnOutsideClick=!0;closeOnEscape=!0;isVisible=!1;bcmBeforeShow;bcmShow;bcmBeforeHide;bcmHide;bcmShown;bcmHidden;handleVisibleChange(t){this.disabled||(t?this.showInternal():this.hideInternal())}handleDisabledChange(t){t&&this.visible&&this.hide()}handlePositionPropsChange(){this.visible&&this.updatePosition()}showInternal(){this.floatingRef&&!this.disabled&&(this.bcmShow.emit(),this.isVisible=!0,this.floatingRef.showPopover(),this.startAutoUpdate(),this.updatePosition(),this.triggerRef?.setAttribute("aria-expanded","true"),this.closeOnOutsideClick&&"manual"!==this.trigger&&this.addOutsideClickListener(),requestAnimationFrame((()=>{this.bcmShown.emit()})))}hideInternal(){this.floatingRef&&(this.bcmHide.emit(),this.isVisible=!1,this.floatingRef.hidePopover(),this.stopAutoUpdate(),this.triggerRef?.setAttribute("aria-expanded","false"),this.removeOutsideClickListener(),setTimeout((()=>{this.bcmHidden.emit()}),150))}async show(){this.visible||this.disabled||(this.clearTimeouts(),this.showDelay>0?this.showTimeout=window.setTimeout((()=>{this.bcmBeforeShow.emit(),this.visible=!0}),this.showDelay):(this.bcmBeforeShow.emit(),this.visible=!0))}async hide(){this.visible&&(this.clearTimeouts(),this.hideDelay>0?this.hideTimeout=window.setTimeout((()=>{this.bcmBeforeHide.emit(),this.visible=!1}),this.hideDelay):(this.bcmBeforeHide.emit(),this.visible=!1))}async toggle(){this.visible?await this.hide():await this.show()}async updatePosition(){await this.calculatePosition()}clearTimeouts(){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=void 0),this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0)}handleTriggerSlotChange=()=>{const t=this.host.shadowRoot?.querySelector('slot[name="trigger"]');if(!t)return;const e=t.assignedElements();e.length>0&&(this.removeTriggerListeners(),this.triggerRef=e[0],this.setupTriggerListeners(),this.setupAriaAttributes())};setupAriaAttributes(){this.triggerRef&&(this.triggerRef.setAttribute("aria-describedby",this.componentId),this.triggerRef.setAttribute("aria-expanded",String(this.visible)),this.triggerRef.setAttribute("aria-haspopup","true"))}setupTriggerListeners(){if(this.triggerRef&&!this.disabled)switch(this.trigger){case"hover":this.triggerRef.addEventListener("mouseenter",this.handleMouseEnter),this.triggerRef.addEventListener("mouseleave",this.handleMouseLeave),this.floatingRef?.addEventListener("mouseenter",this.handleFloatingMouseEnter),this.floatingRef?.addEventListener("mouseleave",this.handleFloatingMouseLeave);break;case"click":this.triggerRef.addEventListener("click",this.handleTriggerClick);break;case"focus":this.triggerRef.addEventListener("focus",this.handleFocus),this.triggerRef.addEventListener("blur",this.handleBlur)}}removeTriggerListeners(){this.triggerRef&&(this.triggerRef.removeEventListener("mouseenter",this.handleMouseEnter),this.triggerRef.removeEventListener("mouseleave",this.handleMouseLeave),this.triggerRef.removeEventListener("click",this.handleTriggerClick),this.triggerRef.removeEventListener("focus",this.handleFocus),this.triggerRef.removeEventListener("blur",this.handleBlur),this.floatingRef?.removeEventListener("mouseenter",this.handleFloatingMouseEnter),this.floatingRef?.removeEventListener("mouseleave",this.handleFloatingMouseLeave))}handleMouseEnter=()=>{this.show()};handleMouseLeave=()=>{this.hide()};handleFloatingMouseEnter=()=>{this.clearTimeouts()};handleFloatingMouseLeave=()=>{this.hide()};handleTriggerClick=t=>{t.stopPropagation(),this.toggle()};handleFocus=()=>{this.show()};handleBlur=()=>{this.hide()};handleKeyDown(t){if(this.closeOnEscape&&this.visible&&"Escape"===t.key){const e=Array.from(document.querySelectorAll("bcm-linked[visible]"));e[e.length-1]===this.host&&(t.preventDefault(),this.hide(),this.triggerRef?.focus())}}handleOutsideClick=t=>{if(!this.closeOnOutsideClick||!this.visible)return;const e=t.target,s=t.composedPath(),i=this.host.contains(e)||s.includes(this.host),a=this.floatingRef?.contains(e)||this.floatingRef&&s.includes(this.floatingRef);i||a||this.hide()};addOutsideClickListener(){setTimeout((()=>{document.addEventListener("click",this.handleOutsideClick,!0)}),0)}removeOutsideClickListener(){document.removeEventListener("click",this.handleOutsideClick,!0)}async calculatePosition(){if(!this.triggerRef||!this.floatingRef||!this.isVisible)return;const t={getBoundingClientRect:()=>this.triggerRef.getBoundingClientRect()},e=[n(this.offsetDistance),l({fallbackPlacements:["top","bottom","left","right","top-start","top-end","bottom-start","bottom-end","left-start","left-end","right-start","right-end"]}),d({padding:8})];this.showArrow&&this.arrowRef&&e.push(c({element:this.arrowRef}));const{x:s,y:i,placement:a,middlewareData:o}=await r(t,this.floatingRef,{placement:this.placement,middleware:e,strategy:"fixed"});if(Object.assign(this.floatingRef.style,{left:`${s}px`,top:`${i}px`}),this.showArrow&&this.arrowRef&&o.arrow){const{x:t,y:e}=o.arrow,s={top:"bottom",right:"left",bottom:"top",left:"right"}[a.split("-")[0]];Object.assign(this.arrowRef.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[s]:"-4px"})}this.floatingRef.setAttribute("data-placement",a)}startAutoUpdate(){this.triggerRef&&this.floatingRef&&(this.cleanupAutoUpdate=h(this.triggerRef,this.floatingRef,(()=>this.calculatePosition()),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0}))}stopAutoUpdate(){this.cleanupAutoUpdate?.(),this.cleanupAutoUpdate=void 0}handleToggle=t=>{"open"!==t.newState||this.isVisible?"closed"===t.newState&&this.isVisible&&(this.isVisible=!1):this.isVisible=!0};componentDidLoad(){this.floatingRef?.addEventListener("toggle",this.handleToggle),this.handleTriggerSlotChange(),this.visible&&this.showInternal()}disconnectedCallback(){if(this.clearTimeouts(),this.stopAutoUpdate(),this.removeTriggerListeners(),this.removeOutsideClickListener(),this.floatingRef&&(this.floatingRef.removeEventListener("toggle",this.handleToggle),this.isVisible))try{this.floatingRef.hidePopover()}catch(t){}}linkedClass=b({slots:{wrapper:"inline-block",floating:["bcm-ui-element","fixed","bg-color-basic-base","rounded-md","shadow-lg","border","border-color-basic-subtle"],arrow:["absolute","w-2","h-2","bg-color-basic-base","border","border-color-basic-subtle","rotate-45"],content:"bg-color-basic-base"}});render(){const{wrapper:t,floating:e,arrow:s,content:i}=this.linkedClass();return a(o,{key:"dbc3d142529d7147007e854591c83ebae052cf17"},a("div",{key:"3e7253256768b3a00e53db75ddaf3cbf4e7878bd",class:t()},a("slot",{key:"2d38a538c6c92294936bbd5b0419f534c4d0a04d",name:"trigger",onSlotchange:this.handleTriggerSlotChange}),a("div",{key:"ff97471403f6012b3416ee20c5c64f012b96585c",ref:t=>this.floatingRef=t,id:this.componentId,part:"floating",class:e(),popover:"manual",role:"dialog"},this.showArrow&&a("div",{key:"6f5fe8b9eafd3219437a2a2cdf83ab651b5090db",ref:t=>this.arrowRef=t,part:"arrow",class:s()}),a("div",{key:"a0387e48c33101ada01f2196af226117c84b2a6e",part:"content",class:i()},a("slot",{key:"5fba0836dd50f7e7afd60cd151088272c5043bcc"})))))}static get watchers(){return{visible:[{handleVisibleChange:0}],disabled:[{handleDisabledChange:0}],placement:[{handlePositionPropsChange:0}],offsetDistance:[{handlePositionPropsChange:0}],showArrow:[{handlePositionPropsChange:0}]}}static get style(){return".visible{visibility:visible}.absolute{position:absolute}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:host{display:inline-block}[popover]{background:transparent;border:none;margin:0;opacity:0;overflow:visible;padding:0;position:absolute;transform:scale(.95);transition:opacity .15s ease-out,transform .15s ease-out,display allow-discrete .15s ease-out,overlay allow-discrete .15s ease-out}[popover]:popover-open{opacity:1;transform:scale(1)}@starting-style{[popover]:popover-open{opacity:0;transform:scale(.95)}}[data-placement^=top] [part=arrow]{border-left:none;border-top:none;bottom:-4px}[data-placement^=bottom] [part=arrow]{border-bottom:none;border-right:none;top:-4px}[data-placement^=left] [part=arrow]{border-bottom:none;border-left:none;right:-4px}[data-placement^=right] [part=arrow]{border-right:none;border-top:none;left:-4px}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.flex{display:flex}.max-h-64{max-height:16rem}.w-full{width:100%}.min-w-10{min-width:2.5rem}.max-w-64{max-width:16rem}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-color-basic-panel{background-color:var(--bcm-ui-color-background-basic-panel)}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.outline{outline-style:solid}.static{position:static}.fixed{position:fixed}.relative{position:relative}.inline-block{display:inline-block}.hidden{display:none}.h-2{height:.5rem}.w-2{width:.5rem}.rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rounded-md{border-radius:var(--bcm-ui-border-radius-md,6px)}.bg-color-basic-base{background-color:var(--bcm-ui-color-background-basic-base)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:var(--bcm-ui-box-shadow-lg);--tw-shadow-colored:var(--bcm-ui-box-shadow-lg)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}"}},[769,"bcm-linked",{visible:[1540],trigger:[1],placement:[1],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],offsetDistance:[2,"offset-distance"],showArrow:[4,"show-arrow"],disabled:[4],closeOnOutsideClick:[4,"close-on-outside-click"],closeOnEscape:[4,"close-on-escape"],isVisible:[32],show:[64],hide:[64],toggle:[64],updatePosition:[64]},[[4,"keydown","handleKeyDown"]],{visible:[{handleVisibleChange:0}],disabled:[{handleDisabledChange:0}],placement:[{handlePositionPropsChange:0}],offsetDistance:[{handlePositionPropsChange:0}],showArrow:[{handlePositionPropsChange:0}]}]);function m(){"undefined"!=typeof customElements&&["bcm-linked"].forEach((e=>{"bcm-linked"===e&&(customElements.get(t(e))||customElements.define(t(e),w))}))}m();export{w as B,m as d}

package/dist/components/p-CXVKfgBL.js

@@ -0,0 +1 @@
+import{t,p as e,H as o,h as i}from"./index.js";import{a as s,c as r,o as a,f as n,s as h,b as l}from"./p-DBDSgIvP.js";import{t as d}from"./p-CEcVC0yX.js";const c=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get host(){return this}tooltipRef;arrowRef;triggerRef;cleanupAutoUpdate;showTimeout;hideTimeout;mouseX=0;mouseY=0;rafId;tooltipId;trigger="hover";placement="top";size="medium";message;showDelay=150;hideDelay=100;arrow=!0;disabled=!1;offset=12;follow=!1;isOpen=!1;handleDisabledChange(t){t&&this.isOpen&&this.hide()}handleTriggerChange(){this.removeTriggerListeners(),this.setupOutsideClickListener(),this.triggerRef&&this.setupTriggerListeners()}async handleOpenChange(t){this.tooltipRef&&(t?(this.tooltipRef.showPopover(),await new Promise((t=>requestAnimationFrame((()=>t(void 0))))),this.follow?this.startFollowing():(await this.updatePosition(),this.startAutoUpdate())):(this.tooltipRef.hidePopover(),this.stopFollowing(),this.stopAutoUpdate()))}async show(){this.disabled||(this.clearTimeouts(),this.showTimeout=window.setTimeout((()=>{this.isOpen=!0}),this.showDelay))}async hide(){this.clearTimeouts(),this.hideTimeout=window.setTimeout((()=>{this.isOpen=!1}),this.hideDelay)}async toggle(){this.isOpen?await this.hide():await this.show()}clearTimeouts(){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=void 0),this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0)}startAutoUpdate(){this.triggerRef&&this.tooltipRef&&!this.follow&&(this.cleanupAutoUpdate=s(this.triggerRef,this.tooltipRef,(()=>this.updatePosition()),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0}))}stopAutoUpdate(){this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=void 0)}startFollowing(){if(!this.follow)return;const t=()=>{if(!this.isOpen||!this.tooltipRef)return void(this.rafId=void 0);const e=this.offset;this.tooltipRef.style.left=`${this.mouseX+this.offset}px`,this.tooltipRef.style.top=`${this.mouseY+e}px`,this.rafId=requestAnimationFrame(t)};this.rafId=requestAnimationFrame(t)}stopFollowing(){this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=void 0)}async updatePosition(){if(this.triggerRef&&this.tooltipRef&&!this.follow)try{const t=this.triggerRef.getBoundingClientRect();if(!(t.bottom>0&&t.top<window.innerHeight&&t.right>0&&t.left<window.innerWidth)&&this.isOpen)return void this.hide();const e=[a(this.offset),n(),h({padding:8})];this.arrow&&this.arrowRef&&e.push(l({element:this.arrowRef}));const o={getBoundingClientRect:()=>this.triggerRef.getBoundingClientRect()},{x:i,y:s,placement:d,middlewareData:c}=await r(o,this.tooltipRef,{placement:this.placement,strategy:"fixed",middleware:e});if(this.tooltipRef.style.left=`${i}px`,this.tooltipRef.style.top=`${s}px`,this.arrow&&this.arrowRef&&c.arrow){const{x:t,y:e}=c.arrow,o={top:"bottom",right:"left",bottom:"top",left:"right"}[d.split("-")[0]];Object.assign(this.arrowRef.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[o]:"-4px"})}}catch(t){console.error("Failed to compute tooltip position:",t)}}setupTriggerListeners(){this.triggerRef&&("hover"===this.trigger?(this.triggerRef.addEventListener("mouseenter",this.handleMouseEnter),this.triggerRef.addEventListener("mouseleave",this.handleMouseLeave),this.follow&&this.triggerRef.addEventListener("mousemove",this.handleMouseMove)):"click"===this.trigger&&this.triggerRef.addEventListener("click",this.handleClick))}handleSlotChange=()=>{const t=this.host.shadowRoot?.querySelector("slot:not([name])");if(!t)return;const e=t.assignedElements();this.triggerRef=e[0]||this.host,this.triggerRef&&(this.tooltipRef&&this.tooltipId&&this.triggerRef.setAttribute("aria-describedby",this.tooltipId),this.removeTriggerListeners(),this.setupTriggerListeners())};removeTriggerListeners(){this.triggerRef&&(this.triggerRef.removeEventListener("mouseenter",this.handleMouseEnter),this.triggerRef.removeEventListener("mouseleave",this.handleMouseLeave),this.triggerRef.removeEventListener("mousemove",this.handleMouseMove),this.triggerRef.removeEventListener("click",this.handleClick))}handleMouseEnter=()=>{this.disabled||this.show()};handleMouseLeave=()=>{this.hide()};handleMouseMove=t=>{this.mouseX=t.clientX,this.mouseY=t.clientY};handleClick=()=>{this.disabled||this.toggle()};handleOutsideClick=t=>{const e=t.target;this.host.contains(e)||this.tooltipRef?.contains(e)||this.hide()};handleKeyDown=t=>{"Escape"===t.key&&this.isOpen&&document.querySelector("[popover]:popover-open:last-of-type")===this.tooltipRef&&(t.stopPropagation(),this.hide(),this.triggerRef&&"focus"in this.triggerRef&&this.triggerRef.focus())};handleToggle=t=>{"open"!==t.newState||this.isOpen?"closed"===t.newState&&this.isOpen&&(this.isOpen=!1):this.isOpen=!0};setupOutsideClickListener(){document.removeEventListener("click",this.handleOutsideClick),"click"===this.trigger&&document.addEventListener("click",this.handleOutsideClick)}componentDidLoad(){this.tooltipId=`tooltip-${Math.random().toString(36).substring(2,11)}`,this.setupOutsideClickListener(),this.tooltipRef&&this.tooltipRef.addEventListener("toggle",this.handleToggle),document.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){this.clearTimeouts(),this.stopAutoUpdate(),this.stopFollowing(),this.removeTriggerListeners(),document.removeEventListener("click",this.handleOutsideClick),document.removeEventListener("keydown",this.handleKeyDown),this.tooltipRef&&this.tooltipRef.removeEventListener("toggle",this.handleToggle)}tooltipClass=d({slots:{tooltip:"bcm-ui-element fixed m-0 bg-color-default-dark text-color-base rounded-md shadow-3 font-medium z-[9999]",arrow:"absolute w-2 h-2 bg-color-default-dark rotate-45",content:""},variants:{size:{small:{tooltip:"text-size-3 py-1 px-2"},medium:{tooltip:"text-size-4 py-1.5 px-3"},large:{tooltip:"text-size-5 py-2 px-4"}},follow:{true:{tooltip:"pointer-events-none"}}}});render(){const{tooltip:t,arrow:e}=this.tooltipClass({size:this.size,follow:this.follow});return i("div",{key:"be2b3579a6a5f5717b3d20d54c57141f7dc6d194",class:"inline-block"},i("slot",{key:"72d3db1af073d19e36d2406f6bc5f7efd67cb6b5",onSlotchange:this.handleSlotChange}),i("div",{key:"8d53d1fc481a51a354c65ee0d989acaed88f02a6",ref:t=>this.tooltipRef=t,id:this.tooltipId,part:"tooltip",class:t(),popover:"manual",role:"tooltip"},this.arrow&&!this.follow&&i("div",{key:"936596f01bd8e2ef18b406efad01e0fd2eac278a",ref:t=>this.arrowRef=t,part:"arrow",class:e()}),i("div",{key:"983378ee133200fa053672f4083dc3e2a49d837e",part:"content"},i("slot",{key:"62be9fd235041be13b65d4ccacea8d5cdec80a01",name:"content"},this.message))))}static get watchers(){return{disabled:[{handleDisabledChange:0}],trigger:[{handleTriggerChange:0}],isOpen:[{handleOpenChange:0}]}}static get style(){return".visible{visibility:visible}.contents{display:contents}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{display:contents}[popover]{border:none;opacity:0;overflow:visible;padding:0;transform:scale(.95);transition:opacity .1s ease-out,transform .1s ease-out}[popover]:popover-open{opacity:1;transform:scale(1)}@starting-style{[popover]:popover-open{opacity:0;transform:scale(.95)}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.h-\\[14px\\]{height:14px}.w-\\[7px\\]{width:7px}.w-fit{width:fit-content}.flex-row{flex-direction:row}.items-center{align-items:center}.gap-0\\.5{gap:.125rem}.gap-\\[1px\\]{gap:1px}.rounded-l-full{border-bottom-left-radius:var(--bcm-ui-border-radius-full,9999px);border-top-left-radius:var(--bcm-ui-border-radius-full,9999px)}.rounded-r-full{border-bottom-right-radius:var(--bcm-ui-border-radius-full,9999px);border-top-right-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-color-default-active{background-color:var(--bcm-ui-color-background-default-active)}.bg-color-error{background-color:var(--bcm-ui-color-background-error-default)}.bg-color-primary{background-color:var(--bcm-ui-color-background-primary-default)}.bg-color-success{background-color:var(--bcm-ui-color-background-success-default)}.bg-color-warning{background-color:var(--bcm-ui-color-background-warning-default)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\\:bg-color-default-hover:hover{background-color:var(--bcm-ui-color-background-default-hover)}.hover\\:bg-color-error-hover:hover{background-color:var(--bcm-ui-color-background-error-hover)}.hover\\:bg-color-primary-hover:hover{background-color:var(--bcm-ui-color-background-primary-hover)}.hover\\:bg-color-success-hover:hover{background-color:var(--bcm-ui-color-background-success-hover)}.hover\\:bg-color-warning-hover:hover{background-color:var(--bcm-ui-color-background-warning-hover)}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.inline-block{display:inline-block}.hidden{display:none}.h-2{height:.5rem}.w-2{width:.5rem}.rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rounded-md{border-radius:var(--bcm-ui-border-radius-md,6px)}.bg-color-default-dark{background-color:var(--bcm-ui-color-background-default-dark-default)}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.font-medium{font-weight:500}.text-color-base{color:var(--bcm-ui-color-text-base)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}"}},[769,"bcm-tooltip",{trigger:[1],placement:[1],size:[1],message:[1],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],arrow:[4],disabled:[4],offset:[2],follow:[4],isOpen:[32],show:[64],hide:[64],toggle:[64]},void 0,{disabled:[{handleDisabledChange:0}],trigger:[{handleTriggerChange:0}],isOpen:[{handleOpenChange:0}]}]);function p(){"undefined"!=typeof customElements&&["bcm-tooltip"].forEach((e=>{"bcm-tooltip"===e&&(customElements.get(t(e))||customElements.define(t(e),c))}))}p();export{c as B,p as d}

package/dist/components/{p-B5YCVscx.js → p-CicdrC2Y.js}

@@ -1 +1 @@
-import{t,p as o,H as i,c as e,h as r,a}from"./index.js";import{t as n}from"./p-CEcVC0yX.js";const s={save:{text:"Save",status:"success",icon:"far fa-save",iconPosition:"prefix",kind:"primary"},ok:{text:"Ok",status:"success",icon:"far fa-check",iconPosition:"prefix"},new:{text:"New",status:"success",icon:"far fa-plus",iconPosition:"prefix"},add:{text:"Add",status:"success",icon:"far fa-plus",iconPosition:"prefix"},create:{text:"Create",status:"success",icon:"far fa-plus",iconPosition:"prefix"},prev:{text:"Prev",status:"default",icon:"far fa-arrow-left",iconPosition:"prefix"},next:{text:"Next",status:"default",icon:"far fa-arrow-right",iconPosition:"suffix"},apply:{text:"Apply",status:"default",icon:"far fa-check-circle",iconPosition:"prefix"},submit:{text:"Submit",status:"default",icon:"far fa-save",iconPosition:"prefix"},send:{text:"Send",status:"success",icon:"far fa-paper-plane",iconPosition:"prefix"},delete:{text:"Delete",status:"error",icon:"far fa-trash",iconPosition:"prefix"},cancel:{text:"Cancel",status:"error",icon:"far fa-times",iconPosition:"prefix"},decline:{text:"Decline",status:"error",icon:"far fa-ban",iconPosition:"prefix"},close:{text:"Close",status:"error",icon:"far fa-times-circle",iconPosition:"prefix"},archive:{text:"Archive",status:"error",icon:"far fa-folder-open",iconPosition:"prefix"},remove:{text:"Remove",status:"error",icon:"far fa-minus-circle",iconPosition:"prefix"},edit:{text:"Edit",status:"default",icon:"far fa-edit",iconPosition:"prefix"},export:{text:"Export",status:"default",icon:"far fa-sign-out",iconPosition:"prefix"},import:{text:"Import",status:"default",icon:"far fa-sign-in",iconPosition:"prefix"},filter:{text:"Filter",status:"default",icon:"far fa-filter",iconPosition:"prefix"},update:{text:"Update",status:"default",icon:"far fa-sync",iconPosition:"prefix"},reset:{text:"Reset",status:"default",icon:"far fa-sync",iconPosition:"prefix"},download:{text:"Download",status:"default",icon:"far fa-download",iconPosition:"prefix"}},c=o(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bcmClick=e(this,"bcmClick",1),this.bcmFocus=e(this,"bcmFocus",1),this.bcmBlur=e(this,"bcmBlur",1)}kind="primary";size="medium";status="default";variant;position;icon;iconPosition="prefix";iconOnly=!1;fullWidth=!1;type="button";loading=!1;disabled=!1;text;active=!1;form;value;name;label;expanded;controls;bcmClick;bcmFocus;bcmBlur;handleClick=t=>{this.disabled||this.loading||this.bcmClick.emit(t)};handleFocus=t=>{this.bcmFocus.emit(t)};handleBlur=t=>{this.bcmBlur.emit(t)};get buttonText(){return this.text||(this.variant&&s[this.variant]?s[this.variant].text:"")}get buttonIcon(){return this.variant&&s[this.variant]?.icon?{icon:s[this.variant].icon,position:s[this.variant].iconPosition||"prefix"}:{icon:this.icon,position:this.iconPosition}}get buttonStatus(){return this.variant&&s[this.variant]?s[this.variant].status:this.status}get buttonStyles(){const t="default"===this.buttonStatus?"primary":this.buttonStatus,o={primary:{"--bcm-button-bg":`var(--bcm-ui-color-background-${t}-default)`,"--bcm-button-bg-hover":`var(--bcm-ui-color-background-${t}-hover)`,"--bcm-button-bg-active":`var(--bcm-ui-color-background-${t}-active)`,"--bcm-button-border":"transparent","--bcm-button-text":"var(--bcm-ui-color-text-base)"},outline:{"--bcm-button-bg":"var(--bcm-ui-color-background-default-default)","--bcm-button-bg-hover":"var(--bcm-ui-color-background-default-hover)","--bcm-button-bg-active":"var(--bcm-ui-color-background-default-active)","--bcm-button-border":`var(--bcm-ui-color-border-${this.buttonStatus})`,"--bcm-button-text":`var(--bcm-ui-color-text-${this.buttonStatus})`},ghost:{"--bcm-button-bg":"transparent","--bcm-button-bg-hover":"var(--bcm-ui-color-background-default-hover)","--bcm-button-bg-active":"var(--bcm-ui-color-background-default-active)","--bcm-button-border":"transparent","--bcm-button-text":`var(--bcm-ui-color-text-${this.buttonStatus})`},text:{"--bcm-button-bg":"transparent","--bcm-button-bg-hover":"var(--bcm-ui-color-background-default-hover)","--bcm-button-bg-active":"var(--bcm-ui-color-background-default-active)","--bcm-button-border":"transparent","--bcm-button-text":`var(--bcm-ui-color-text-${t})`}}[this.kind],i={"--bcm-final-text-color":`var(--bcm-button-custom-text-color, ${o["--bcm-button-text"]})`,"--bcm-final-border-color":`var(--bcm-button-custom-border-color, ${o["--bcm-button-border"]})`,"--bcm-final-bg-color":`var(--bcm-button-custom-bg-color, ${o["--bcm-button-bg"]})`,"--bcm-final-hover-bg-color":`var(--bcm-button-custom-hover-bg-color, ${o["--bcm-button-bg-hover"]})`,"--bcm-final-active-bg-color":`var(--bcm-button-custom-active-bg-color, ${o["--bcm-button-bg-active"]})`};return{...o,...i}}buttonClass=n({base:"bcm-ui-element bcm-button appearance-none inline-flex items-center justify-center border border-solid rounded outline-0 font-medium",variants:{size:{small:"text-size-4 py-px px-2 min-h-6",medium:"text-size-5 py-0.5 px-3 min-h-8",large:"text-size-6 py-1 px-3 min-h-10"},kind:{primary:"kind-primary",ghost:"kind-ghost",text:"kind-text",outline:"kind-outline"},fullWidth:{true:"full-width w-full"},disabled:{true:"disabled cursor-not-allowed bg-[--bcm-ui-color-background-disabled-default] text-color-disabled border-color-disabled",false:["cursor-pointer","bg-[--bcm-final-bg-color] text-[--bcm-final-text-color] border-[--bcm-final-border-color]","hover:bg-[--bcm-final-hover-bg-color]","active:bg-[--bcm-final-active-bg-color]","focus-visible:ring"]},loading:{true:""},position:{first:"position-first",middle:"position-middle",last:"position-last"}},defaultVariants:{size:"medium",kind:"primary",fullWidth:!1,disabled:!1,loading:!1}},{twMerge:!1});render(){const{icon:t,position:o}=this.buttonIcon;return r(a,{key:"db9fe0e275623afb57847b49a55d984d81d3a7a0"},r("button",{key:"50fd25ab124728eb3022b12c7007b6c4cde8409e",type:this.type,disabled:this.disabled||this.loading,"aria-label":this.label,"aria-expanded":this.expanded,"aria-controls":this.controls,"aria-disabled":this.disabled,onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur,style:this.buttonStyles,class:this.buttonClass({size:this.size,kind:this.kind,fullWidth:this.fullWidth,disabled:this.disabled,loading:this.loading,position:this.position})},this.loading&&r("slot",{key:"a81b49ffc3455dab65686ef070f79869872f6922",name:"loading"}),r("span",{key:"327bee8dd6f8e72eea3d6384be567b8164a34bdf"},r("slot",{key:"f4d934fbdee6b4f8f377628d4e281739ec72ccde",name:"prefix"},"prefix"===o&&t&&r("i",{key:"bf7eae3772769142d29d7fa3e1e5f530334d123e",class:" leading-none "+t}))),r("slot",{key:"b8f3819d38c084e968252f218d31f9851ce45711"},this.buttonText),r("span",{key:"f23e1155c00f0c866a8a0b7e338361d3c45a6be9"},r("slot",{key:"f7a71602c7ebaee4294de7a4958bd464a13880df",name:"suffix"},"suffix"===o&&t&&r("i",{key:"7e303bc2fb24df773f527d071743fed819e7f2c8",class:" leading-none "+t})))))}static get style(){return".relative{position:relative}:host{display:inline-flex;height:-moz-fit-content;height:fit-content;position:relative;width:-moz-fit-content;width:fit-content}:host([full-width]){width:100%}:host([position=first]) .bcm-button{border-bottom-right-radius:0;border-top-right-radius:0}:host([position=middle]) .bcm-button{border-radius:0}:host([position=last]) .bcm-button{border-bottom-left-radius:0;border-top-left-radius:0}:host([position=first].orientation-vertical) .bcm-button{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--bcm-ui-border-radius,4px);border-top-right-radius:var(--bcm-ui-border-radius,4px)}:host([position=middle].orientation-vertical) .bcm-button{border-radius:0}:host([position=last].orientation-vertical) .bcm-button{border-bottom-left-radius:var(--bcm-ui-border-radius,4px);border-bottom-right-radius:var(--bcm-ui-border-radius,4px);border-top-left-radius:0;border-top-right-radius:0}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.flex{display:flex}.max-h-64{max-height:16rem}.w-full{width:100%}.min-w-10{min-width:2.5rem}.max-w-64{max-width:16rem}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-color-basic-panel{background-color:var(--bcm-ui-color-background-basic-panel)}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.outline{outline-style:solid}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-6{top:1.5rem}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.inline-block{display:inline-block}.hidden{display:none}.size-6{height:1.5rem;width:1.5rem}.h-3{height:.75rem}.w-3{width:.75rem}.max-w-80{max-width:20rem}.max-w-96{max-width:24rem}.flex-1{flex:1 1 0%}.rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.text-pretty{text-wrap:pretty}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--popover-bg\\]{background-color:var(--popover-bg)}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.pr-8{padding-right:2rem}.font-sans{font-family:Inter,Inter Variable,sans-serif}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.text-size-7{font-size:var(--bcm-ui-font-size-7,20px);line-height:var(--bcm-ui-line-height-7,28px)}.font-semibold{font-weight:600}.\\!text-color-header{color:var(--bcm-ui-color-text-header)!important}.text-\\[var\\(--bcm-ui-color-text-error\\)\\]{color:var(--bcm-ui-color-text-error)}.text-\\[var\\(--bcm-ui-color-text-info\\)\\]{color:var(--bcm-ui-color-text-info)}.text-\\[var\\(--bcm-ui-color-text-success\\)\\]{color:var(--bcm-ui-color-text-success)}.text-\\[var\\(--bcm-ui-color-text-warning\\)\\]{color:var(--bcm-ui-color-text-warning)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\\:bg-gray-100:hover{background-color:oklch(.967 .003 264.542)}.inline-flex{display:inline-flex}.min-h-10{min-height:2.5rem}.min-h-6{min-height:1.5rem}.min-h-8{min-height:2rem}.cursor-not-allowed{cursor:not-allowed}.appearance-none{appearance:none}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border{border-width:1px}.border-solid{border-style:solid}.border-\\[--bcm-final-border-color\\]{border-color:var(--bcm-final-border-color)}.border-color-disabled{border-color:var(--bcm-ui-color-border-disabled)}.bg-\\[--bcm-final-bg-color\\]{background-color:var(--bcm-final-bg-color)}.bg-\\[--bcm-ui-color-background-disabled-default\\]{background-color:var(--bcm-ui-color-background-disabled-default)}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-0\\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-px{padding-bottom:1px;padding-top:1px}.font-medium{font-weight:500}.leading-none{line-height:1}.text-\\[--bcm-final-text-color\\]{color:var(--bcm-final-text-color)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.outline-0{outline-width:0}.hover\\:bg-\\[--bcm-final-hover-bg-color\\]:hover{background-color:var(--bcm-final-hover-bg-color)}.focus-visible\\:ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.active\\:bg-\\[--bcm-final-active-bg-color\\]:active{background-color:var(--bcm-final-active-bg-color)}"}},[769,"bcm-button",{kind:[1],size:[1],status:[1],variant:[1],position:[513],icon:[1],iconPosition:[1,"icon-position"],iconOnly:[4,"icon-only"],fullWidth:[516,"full-width"],type:[1],loading:[4],disabled:[4],text:[1],active:[4],form:[1],value:[1],name:[1],label:[1],expanded:[1],controls:[1]}]);function d(){"undefined"!=typeof customElements&&["bcm-button"].forEach((o=>{"bcm-button"===o&&(customElements.get(t(o))||customElements.define(t(o),c))}))}d();export{c as B,d}
+import{t,p as o,H as i,c as e,h as r,a}from"./index.js";import{t as n}from"./p-CEcVC0yX.js";const s={save:{text:"Save",status:"success",icon:"far fa-save",iconPosition:"prefix",kind:"primary"},ok:{text:"Ok",status:"success",icon:"far fa-check",iconPosition:"prefix"},new:{text:"New",status:"success",icon:"far fa-plus",iconPosition:"prefix"},add:{text:"Add",status:"success",icon:"far fa-plus",iconPosition:"prefix"},create:{text:"Create",status:"success",icon:"far fa-plus",iconPosition:"prefix"},prev:{text:"Prev",status:"default",icon:"far fa-arrow-left",iconPosition:"prefix"},next:{text:"Next",status:"default",icon:"far fa-arrow-right",iconPosition:"suffix"},apply:{text:"Apply",status:"default",icon:"far fa-check-circle",iconPosition:"prefix"},submit:{text:"Submit",status:"default",icon:"far fa-save",iconPosition:"prefix"},send:{text:"Send",status:"success",icon:"far fa-paper-plane",iconPosition:"prefix"},delete:{text:"Delete",status:"error",icon:"far fa-trash",iconPosition:"prefix"},cancel:{text:"Cancel",status:"error",icon:"far fa-times",iconPosition:"prefix"},decline:{text:"Decline",status:"error",icon:"far fa-ban",iconPosition:"prefix"},close:{text:"Close",status:"error",icon:"far fa-times-circle",iconPosition:"prefix"},archive:{text:"Archive",status:"error",icon:"far fa-folder-open",iconPosition:"prefix"},remove:{text:"Remove",status:"error",icon:"far fa-minus-circle",iconPosition:"prefix"},edit:{text:"Edit",status:"default",icon:"far fa-edit",iconPosition:"prefix"},export:{text:"Export",status:"default",icon:"far fa-sign-out",iconPosition:"prefix"},import:{text:"Import",status:"default",icon:"far fa-sign-in",iconPosition:"prefix"},filter:{text:"Filter",status:"default",icon:"far fa-filter",iconPosition:"prefix"},update:{text:"Update",status:"default",icon:"far fa-sync",iconPosition:"prefix"},reset:{text:"Reset",status:"default",icon:"far fa-sync",iconPosition:"prefix"},download:{text:"Download",status:"default",icon:"far fa-download",iconPosition:"prefix"}},c=o(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bcmClick=e(this,"bcmClick",1),this.bcmFocus=e(this,"bcmFocus",1),this.bcmBlur=e(this,"bcmBlur",1)}kind="primary";size="medium";status="default";variant;position;icon;iconPosition="prefix";iconOnly=!1;fullWidth=!1;type="button";loading=!1;disabled=!1;text;active=!1;form;value;name;label;expanded;controls;bcmClick;bcmFocus;bcmBlur;handleClick=t=>{this.disabled||this.loading||this.bcmClick.emit(t)};handleFocus=t=>{this.bcmFocus.emit(t)};handleBlur=t=>{this.bcmBlur.emit(t)};get buttonText(){return this.text||(this.variant&&s[this.variant]?s[this.variant].text:"")}get buttonIcon(){return this.variant&&s[this.variant]?.icon?{icon:s[this.variant].icon,position:s[this.variant].iconPosition||"prefix"}:{icon:this.icon,position:this.iconPosition}}get buttonStatus(){return this.variant&&s[this.variant]?s[this.variant].status:this.status}get buttonStyles(){const t="default"===this.buttonStatus?"primary":this.buttonStatus,o={primary:{"--bcm-button-bg":`var(--bcm-ui-color-background-${t}-default)`,"--bcm-button-bg-hover":`var(--bcm-ui-color-background-${t}-hover)`,"--bcm-button-bg-active":`var(--bcm-ui-color-background-${t}-active)`,"--bcm-button-border":"transparent","--bcm-button-text":"var(--bcm-ui-color-text-base)"},outline:{"--bcm-button-bg":"var(--bcm-ui-color-background-default-default)","--bcm-button-bg-hover":"var(--bcm-ui-color-background-default-hover)","--bcm-button-bg-active":"var(--bcm-ui-color-background-default-active)","--bcm-button-border":`var(--bcm-ui-color-border-${this.buttonStatus})`,"--bcm-button-text":`var(--bcm-ui-color-text-${this.buttonStatus})`},ghost:{"--bcm-button-bg":"transparent","--bcm-button-bg-hover":"var(--bcm-ui-color-background-default-hover)","--bcm-button-bg-active":"var(--bcm-ui-color-background-default-active)","--bcm-button-border":"transparent","--bcm-button-text":`var(--bcm-ui-color-text-${this.buttonStatus})`},text:{"--bcm-button-bg":"transparent","--bcm-button-bg-hover":"var(--bcm-ui-color-background-default-hover)","--bcm-button-bg-active":"var(--bcm-ui-color-background-default-active)","--bcm-button-border":"transparent","--bcm-button-text":`var(--bcm-ui-color-text-${t})`}}[this.kind],i={"--bcm-final-text-color":`var(--bcm-button-custom-text-color, ${o["--bcm-button-text"]})`,"--bcm-final-border-color":`var(--bcm-button-custom-border-color, ${o["--bcm-button-border"]})`,"--bcm-final-bg-color":`var(--bcm-button-custom-bg-color, ${o["--bcm-button-bg"]})`,"--bcm-final-hover-bg-color":`var(--bcm-button-custom-hover-bg-color, ${o["--bcm-button-bg-hover"]})`,"--bcm-final-active-bg-color":`var(--bcm-button-custom-active-bg-color, ${o["--bcm-button-bg-active"]})`};return{...o,...i}}buttonClass=n({base:"bcm-ui-element bcm-button appearance-none inline-flex items-center justify-center border border-solid rounded outline-0 font-medium",variants:{size:{small:"text-size-4 py-px px-2 min-h-6",medium:"text-size-5 py-0.5 px-3 min-h-8",large:"text-size-6 py-1 px-3 min-h-10"},kind:{primary:"kind-primary",ghost:"kind-ghost",text:"kind-text",outline:"kind-outline"},fullWidth:{true:"full-width w-full"},disabled:{true:"disabled cursor-not-allowed bg-[--bcm-ui-color-background-disabled-default] text-color-disabled border-color-disabled",false:["cursor-pointer","bg-[--bcm-final-bg-color] text-[--bcm-final-text-color] border-[--bcm-final-border-color]","hover:bg-[--bcm-final-hover-bg-color]","active:bg-[--bcm-final-active-bg-color]","focus-visible:ring"]},loading:{true:""},position:{first:"position-first",middle:"position-middle",last:"position-last"}},defaultVariants:{size:"medium",kind:"primary",fullWidth:!1,disabled:!1,loading:!1}},{twMerge:!1});render(){const{icon:t,position:o}=this.buttonIcon;return r(a,{key:"1ea99318b31838afec9ae3a2184b51e5f6fa2e4d"},r("button",{key:"78e0a1605edd296608de28803815065447ec6079",type:this.type,disabled:this.disabled||this.loading,"aria-label":this.label,"aria-expanded":this.expanded,"aria-controls":this.controls,"aria-disabled":this.disabled,onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur,style:this.buttonStyles,class:this.buttonClass({size:this.size,kind:this.kind,fullWidth:this.fullWidth,disabled:this.disabled,loading:this.loading,position:this.position})},this.loading&&r("slot",{key:"36c82ea5ad85660118f17ceb7a8929187ddc9dd9",name:"loading"}),r("span",{key:"37f8857e1582ee85bae803344eaa920d7c07fe0e"},r("slot",{key:"5e25f2acebccb178deba44c949a4adc38f2d3b14",name:"prefix"},"prefix"===o&&t&&r("i",{key:"f297d627a2bfef386a09af9c429d2e7f450ad329",class:" leading-none "+t}))),r("slot",{key:"a6eeddad54e1e9aabadc146dd437706534df80f6"},this.buttonText),r("span",{key:"4f55c951cd643a0f1eeb75230252095f616276d5"},r("slot",{key:"d7a5132f14ba3ccc9a74f758fc75666837202456",name:"suffix"},"suffix"===o&&t&&r("i",{key:"78e6d3077c97b6ba38793336ef5bb5b7d4251566",class:" leading-none "+t})))))}static get style(){return".relative{position:relative}:host{display:inline-flex;height:-moz-fit-content;height:fit-content;position:relative;width:-moz-fit-content;width:fit-content}:host([full-width]){width:100%}:host([position=first]) .bcm-button{border-bottom-right-radius:0;border-top-right-radius:0}:host([position=middle]) .bcm-button{border-radius:0}:host([position=last]) .bcm-button{border-bottom-left-radius:0;border-top-left-radius:0}:host([position=first].orientation-vertical) .bcm-button{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--bcm-ui-border-radius,4px);border-top-right-radius:var(--bcm-ui-border-radius,4px)}:host([position=middle].orientation-vertical) .bcm-button{border-radius:0}:host([position=last].orientation-vertical) .bcm-button{border-bottom-left-radius:var(--bcm-ui-border-radius,4px);border-bottom-right-radius:var(--bcm-ui-border-radius,4px);border-top-left-radius:0;border-top-right-radius:0}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.flex{display:flex}.max-h-64{max-height:16rem}.w-full{width:100%}.min-w-10{min-width:2.5rem}.max-w-64{max-width:16rem}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-color-basic-panel{background-color:var(--bcm-ui-color-background-basic-panel)}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.outline{outline-style:solid}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-6{top:1.5rem}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.inline-block{display:inline-block}.hidden{display:none}.size-6{height:1.5rem;width:1.5rem}.h-3{height:.75rem}.w-3{width:.75rem}.max-w-80{max-width:20rem}.max-w-96{max-width:24rem}.flex-1{flex:1 1 0%}.rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.text-pretty{text-wrap:pretty}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--popover-bg\\]{background-color:var(--popover-bg)}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.pr-8{padding-right:2rem}.font-sans{font-family:Inter,Inter Variable,sans-serif}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.text-size-7{font-size:var(--bcm-ui-font-size-7,20px);line-height:var(--bcm-ui-line-height-7,28px)}.font-semibold{font-weight:600}.\\!text-color-header{color:var(--bcm-ui-color-text-header)!important}.text-\\[var\\(--bcm-ui-color-text-error\\)\\]{color:var(--bcm-ui-color-text-error)}.text-\\[var\\(--bcm-ui-color-text-info\\)\\]{color:var(--bcm-ui-color-text-info)}.text-\\[var\\(--bcm-ui-color-text-success\\)\\]{color:var(--bcm-ui-color-text-success)}.text-\\[var\\(--bcm-ui-color-text-warning\\)\\]{color:var(--bcm-ui-color-text-warning)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\\:bg-gray-100:hover{background-color:oklch(.967 .003 264.542)}.inline-flex{display:inline-flex}.min-h-10{min-height:2.5rem}.min-h-6{min-height:1.5rem}.min-h-8{min-height:2rem}.cursor-not-allowed{cursor:not-allowed}.appearance-none{appearance:none}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border{border-width:1px}.border-solid{border-style:solid}.border-\\[--bcm-final-border-color\\]{border-color:var(--bcm-final-border-color)}.border-color-disabled{border-color:var(--bcm-ui-color-border-disabled)}.bg-\\[--bcm-final-bg-color\\]{background-color:var(--bcm-final-bg-color)}.bg-\\[--bcm-ui-color-background-disabled-default\\]{background-color:var(--bcm-ui-color-background-disabled-default)}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-0\\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-px{padding-bottom:1px;padding-top:1px}.font-medium{font-weight:500}.leading-none{line-height:1}.text-\\[--bcm-final-text-color\\]{color:var(--bcm-final-text-color)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.outline-0{outline-width:0}.hover\\:bg-\\[--bcm-final-hover-bg-color\\]:hover{background-color:var(--bcm-final-hover-bg-color)}.focus-visible\\:ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.active\\:bg-\\[--bcm-final-active-bg-color\\]:active{background-color:var(--bcm-final-active-bg-color)}"}},[769,"bcm-button",{kind:[1],size:[1],status:[1],variant:[1],position:[513],icon:[1],iconPosition:[1,"icon-position"],iconOnly:[4,"icon-only"],fullWidth:[516,"full-width"],type:[1],loading:[4],disabled:[4],text:[1],active:[4],form:[1],value:[1],name:[1],label:[1],expanded:[1],controls:[1]}]);function d(){"undefined"!=typeof customElements&&["bcm-button"].forEach((o=>{"bcm-button"===o&&(customElements.get(t(o))||customElements.define(t(o),c))}))}d();export{c as B,d}