bromcom-ui-next 0.1.39 → 0.1.41

package/dist/bromcom-ui/{p-3425bcf5.entry.js → p-53082c51.entry.js}

@@ -1 +1 @@
-import{r as e,c as r,a as i,h as o}from"./p-BSFYtcqL.js";import{t}from"./p-CEcVC0yX.js";import{g as a}from"./p-nf_HKsGq.js";import{g as s}from"./p-IBjzkjef.js";const d=class{constructor(i){e(this,i),this.bcmRadioChange=r(this,"bcmRadioChange",1),this.bcmBlur=r(this,"bcmBlur",1),this.bcmFocus=r(this,"bcmFocus",1),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}get host(){return i(this)}internals;_id=s("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},a?a("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=t({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:t}=this.getRadioClass({size:this.size,checked:this.internalChecked,disabled:this.disabled,readonly:this.readonly,labelPosition:this.labelPosition}),a=this._id+"-input";return o("label",{key:"f1917336835c3a8b1a126658acedd2134c3276cc",class:e(),style:this.getRadioStyle(),htmlFor:a},o("input",{key:"c9e4d250c25d54ba5844afaf4460a732f7af191f",id:a,"aria-label":this.label,role:"radio","aria-checked":this.internalChecked.toString(),"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}),o("div",{key:"cad4502f9ca143059c487d05680bede971f86cb0",class:i()},o("div",{key:"8778768e17f7e26f048d7e195ab2fa24471779b7",class:r()})),o("span",{key:"0e7b0023c9a5e38c75b812c5eb4d77c608b6a90d",class:t()},o("slot",{key:"4c08ad35fc5ab85b7711fed307ea99e4b4863f0f"},this.label)))}static get formAssociated(){return!0}static get watchers(){return{checked:[{onCheckedChange:0}],internalChecked:[{onInternalCheckedChange:0}]}}};d.style=".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)}";export{d as bcm_radio}
+import{r as e,c as r,a as i,h as o}from"./p-BSFYtcqL.js";import{t}from"./p-CEcVC0yX.js";import{g as a}from"./p-nf_HKsGq.js";import{g as s}from"./p-IBjzkjef.js";const d=class{constructor(i){e(this,i),this.bcmRadioChange=r(this,"bcmRadioChange",1),this.bcmBlur=r(this,"bcmBlur",1),this.bcmFocus=r(this,"bcmFocus",1),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}get host(){return i(this)}internals;_id=s("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},a?a("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=t({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:t}=this.getRadioClass({size:this.size,checked:this.internalChecked,disabled:this.disabled,readonly:this.readonly,labelPosition:this.labelPosition}),a=this._id+"-input";return o("label",{key:"b4fb1561a182d04735896b95b4f68a7968a38c43",class:e(),style:this.getRadioStyle(),htmlFor:a},o("input",{key:"ec85159d0c0496c1cfd6e6fd4237c8086f46fd68",id:a,"aria-label":this.label,role:"radio","aria-checked":this.internalChecked.toString(),"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}),o("div",{key:"94ef5c4d46eec2b1462fe94ea29d72d0c200ddaf",class:i()},o("div",{key:"2df5dbc8f9a06ac8f7aa26d78e63e0698a3d4412",class:r()})),o("span",{key:"5d09eb1205cf67a6a1957652909b5933a646c365",class:t()},o("slot",{key:"15b24eccd312fffcabb8e12a7c3ec7e255920c4f"},this.label)))}static get formAssociated(){return!0}static get watchers(){return{checked:[{onCheckedChange:0}],internalChecked:[{onInternalCheckedChange:0}]}}};d.style=".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)}";export{d as bcm_radio}

package/dist/bromcom-ui/p-65cb3344.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,a as i,h as a}from"./p-BSFYtcqL.js";import{a as o,c as s,o as r,f as n,s as c,b as l}from"./p-DBDSgIvP.js";import{t as h}from"./p-CEcVC0yX.js";const d={info:"fa-solid fa-circle-info",success:"fa-solid fa-circle-check",warning:"fa-solid fa-triangle-exclamation",error:"fa-solid fa-circle-xmark"},p=class{constructor(i){t(this,i),this.bcmBeforeOpen=e(this,"bcmBeforeOpen",1),this.bcmOpen=e(this,"bcmOpen",1),this.bcmBeforeClose=e(this,"bcmBeforeClose",1),this.bcmClose=e(this,"bcmClose",1),this.bcmConfirm=e(this,"bcmConfirm",1),this.bcmCancel=e(this,"bcmCancel",1)}get host(){return i(this)}popconfirmRef;arrowRef;triggerRef;cleanupAutoUpdate;popconfirmId;placement="top";size="medium";status="info";headerText="";description="";confirmText="Yes";cancelText="Cancel";showArrow=!0;statusIcon=!0;offsetDistance=12;closeOnOutsideClick=!0;closeOnEscape=!0;isOpen=!1;bcmBeforeOpen;bcmOpen;bcmBeforeClose;bcmClose;bcmConfirm;bcmCancel;async handleOpenChange(t){this.popconfirmRef&&(t?(this.popconfirmRef.showPopover(),await new Promise((t=>requestAnimationFrame((()=>t(void 0))))),await this.updatePosition(),this.startAutoUpdate(),this.bcmOpen.emit(),this.closeOnOutsideClick&&requestAnimationFrame((()=>{document.addEventListener("click",this.handleOutsideClick)}))):(this.popconfirmRef.hidePopover(),this.stopAutoUpdate(),this.bcmClose.emit(),document.removeEventListener("click",this.handleOutsideClick)))}async show(){this.isOpen||(this.bcmBeforeOpen.emit(),this.isOpen=!0)}async hide(){this.isOpen&&(this.bcmBeforeClose.emit(),this.isOpen=!1)}async toggle(){this.isOpen?await this.hide():await this.show()}startAutoUpdate(){this.triggerRef&&this.popconfirmRef&&(this.cleanupAutoUpdate=o(this.triggerRef,this.popconfirmRef,(()=>this.updatePosition()),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0}))}stopAutoUpdate(){this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=void 0)}async updatePosition(){if(!this.triggerRef||!this.popconfirmRef)return;const t=[r(this.offsetDistance),n(),c({padding:8})];this.showArrow&&this.arrowRef&&t.push(l({element:this.arrowRef}));const e={getBoundingClientRect:()=>this.triggerRef.getBoundingClientRect()},{x:i,y:a,placement:o,middlewareData:h}=await s(e,this.popconfirmRef,{placement:this.placement,strategy:"fixed",middleware:t});if(this.popconfirmRef.style.left=`${i}px`,this.popconfirmRef.style.top=`${a}px`,this.showArrow&&this.arrowRef&&h.arrow){const{x:t,y:e}=h.arrow,i={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]];Object.assign(this.arrowRef.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[i]:"-4px"})}}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.popconfirmRef&&this.popconfirmId&&this.triggerRef.setAttribute("aria-describedby",this.popconfirmId),this.removeTriggerListeners(),this.setupTriggerListeners())};setupTriggerListeners(){this.triggerRef&&this.triggerRef.addEventListener("click",this.handleTriggerClick)}removeTriggerListeners(){this.triggerRef&&this.triggerRef.removeEventListener("click",this.handleTriggerClick)}handleTriggerClick=()=>{this.toggle()};handleOutsideClick=t=>{if(!this.closeOnOutsideClick||!this.isOpen)return;const e=t.target;this.host.contains(e)||this.popconfirmRef?.contains(e)||this.handleCancel()};handleKeyDown(t){if(this.closeOnEscape&&this.isOpen&&"Escape"===t.key){const e=Array.from(document.querySelectorAll("bcm-pop-confirm")).filter((t=>{const e=t.shadowRoot?.querySelector("[popover]");return e?.matches(":popover-open")}));e[e.length-1]===this.host&&(t.preventDefault(),t.stopPropagation(),this.handleCancel())}}handleToggle=t=>{"open"!==t.newState||this.isOpen?"closed"===t.newState&&this.isOpen&&(this.isOpen=!1):this.isOpen=!0};handleConfirm=()=>{this.bcmConfirm.emit(),this.hide()};handleCancel=()=>{this.bcmCancel.emit(),this.hide()};componentWillLoad(){this.popconfirmId=`popconfirm-${Math.random().toString(36).substring(2,11)}`}componentDidLoad(){this.popconfirmRef&&this.popconfirmRef.addEventListener("toggle",this.handleToggle)}disconnectedCallback(){this.stopAutoUpdate(),this.removeTriggerListeners(),document.removeEventListener("click",this.handleOutsideClick),this.popconfirmRef&&this.popconfirmRef.removeEventListener("toggle",this.handleToggle)}popconfirmClass=h({slots:{container:"bcm-ui-element fixed m-0 flex flex-col bg-[--popover-bg] rounded-lg shadow-3 z-[9999]",arrow:"absolute w-3 h-3 bg-[--popover-bg] rotate-45",closeBtn:"absolute flex size-6 items-center justify-center hover:bg-gray-100 rounded-full cursor-pointer text-color-muted",header:"flex items-center pr-8",headerLeft:"flex items-center gap-2",title:"!text-color-header font-semibold",body:"flex-1 font-sans text-pretty",footer:"flex flex-row justify-end gap-2"},variants:{size:{small:{container:"text-size-4 max-w-64 p-4 gap-4",title:"text-size-5",closeBtn:"top-3 right-3"},medium:{container:"text-size-5 max-w-80 p-6 gap-6",title:"text-size-6",closeBtn:"top-4 right-4"},large:{container:"text-size-6 max-w-96 p-8 gap-8",title:"text-size-7",closeBtn:"top-6 right-6"}},status:{info:{headerLeft:"text-[var(--bcm-ui-color-text-info)]"},success:{headerLeft:"text-[var(--bcm-ui-color-text-success)]"},warning:{headerLeft:"text-[var(--bcm-ui-color-text-warning)]"},error:{headerLeft:"text-[var(--bcm-ui-color-text-error)]"}}}});render(){const{container:t,arrow:e,header:i,headerLeft:o,title:s,closeBtn:r,body:n,footer:c}=this.popconfirmClass({size:this.size,status:this.status}),l=this.statusIcon&&this.headerText,h=Boolean(this.headerText);return a("div",{key:"ef324898cdc6e0d02d974b5d963a83d826ae03c6",class:"inline-block"},a("slot",{key:"9837be082d95203034b4ef632b4e1de552b3ddf3",onSlotchange:this.handleSlotChange}),a("div",{key:"a7b6405ba095cf5a8b44b30646dcd1dec47ee8c1",ref:t=>this.popconfirmRef=t,id:this.popconfirmId,part:"container",class:t(),popover:"manual",role:"alertdialog","aria-labelledby":h?`${this.popconfirmId}-header`:void 0,"aria-describedby":`${this.popconfirmId}-body`},this.showArrow&&a("div",{key:"1e755056630025c285f239b97d4f8b12157b27e0",ref:t=>this.arrowRef=t,part:"arrow",class:e()}),a("div",{key:"f22df40716a39c698f81d263f32e5dde5e750736",class:r(),onClick:this.handleCancel,role:"button",tabIndex:0,"aria-label":"Close"},a("bcm-icon",{key:"e65ed93d76065b6d60ffaca447cd74c88c42f6ba","icon-name":"far fa-times"})),a("header",{key:"b1a14421eadebdc5d7743442a5cd5764cdb1c91c",class:i()},a("div",{key:"ad38f509d91aee4ac330a7dbd9219b38d74fd293",class:o()},l&&a("bcm-icon",{key:"a6e30f3013293535e30702f06bba4026e2cc9997","icon-name":d[this.status]}),h&&a("span",{key:"a7783f8b4ffebdbb9e3933ab126e89ce665bb11e",id:`${this.popconfirmId}-header`,class:s()},this.headerText),a("slot",{key:"cb19354b2da6509b32335fbdcb7e39f9e3e870bb",name:"header"}))),a("main",{key:"9196e80c62ee712e7ac308c58f7fb31bb5a658e0",id:`${this.popconfirmId}-body`,part:"body",class:n()},a("slot",{key:"7aad6ce3617628d6e318ab344d26856271fbc5ea",name:"body"},this.description)),a("footer",{key:"a6d0240f6b1e814425ae790fdf4e208d1256503d",part:"footer",class:c()},a("slot",{key:"47a863b401cbdba258ccd9d05ea7969b263f9fb3",name:"footer"},a("bcm-button",{key:"cef225e554ea2897e7fe6657037cdaa847aed9b6",kind:"outline",size:this.size,onClick:this.handleCancel},this.cancelText),a("bcm-button",{key:"2e515544c5a0e02d83e3d7a8e9fddab4b08bd4e7",size:this.size,status:this.status,kind:"primary",onClick:this.handleConfirm},this.confirmText)))))}static get watchers(){return{isOpen:[{handleOpenChange:0}]}}};p.style=".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))}.text-wrap{text-wrap:wrap}.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{--popover-bg:var(--bcm-ui-color-background-basic-panel);display:contents}[popover]{border:none;overflow:visible;padding:0}[popover]:not(:popover-open){display:none}[popover]:popover-open{opacity:1;transform:scale(1);transition:opacity .15s ease-out,transform .15s ease-out}@starting-style{[popover]:popover-open{opacity:0;transform:scale(.95)}}::slotted([slot=body]){text-wrap:pretty;font-family:Inter,sans-serif}.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}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.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}.flex{display:flex}.hidden{display:none}.size-6{height:1.5rem;width:1.5rem}.h-3{height:.75rem}.w-3{width:.75rem}.max-w-64{max-width:16rem}.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}.flex-col{flex-direction:column}.items-center{align-items:center}.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)}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.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)}.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}.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)}";export{p as bcm_pop_confirm}

package/dist/bromcom-ui/{p-ad408c9a.entry.js → p-6e7221a1.entry.js}

@@ -1 +1 @@
-import{r as o,c as t,a as e,h as a}from"./p-BSFYtcqL.js";import{t as r}from"./p-CEcVC0yX.js";const i=class{constructor(e){o(this,e),this.bcmAccordionChange=t(this,"bcmAccordionChange",1)}get host(){return e(this)}expanded=!1;headerTitle;group=!1;hintText;hasFooterContent=!1;bcmAccordionChange;contentEl;async toggle(){this.expanded=!this.expanded,this.updateAccordion()}async expand(){this.expanded||(this.expanded=!0,this.updateAccordion())}async collapse(){this.expanded&&(this.expanded=!1,this.updateAccordion())}updateAccordion(){this.contentEl&&(this.contentEl.style.maxHeight=this.expanded?`${this.contentEl.scrollHeight}px`:"0px"),this.bcmAccordionChange.emit({expanded:this.expanded,source:this.host})}handleFooterSlotChange=o=>{const t=o.target.assignedNodes();this.hasFooterContent=t.length>0};accordionClass=r({slots:{container:"accordion-container flex flex-col bcm-ui-element w-full",header:"accordion-header flex flex-row justify-between gap-2 p-4 min-w-max flex-nowrap text-wrap rounded-[--bcm-accordion-radius] bg-[--bcm-accordion-bg] text-[--bcm-accordion-text] font-semibold text-size-6 cursor-pointer",content:"accordion-content overflow-hidden transition-all duration-300 ease-in-out bg-color-basic-base",footer:"accordion-footer flex flex-row flex-nowrap bg-[--bcm-accordion-footer-bg] text-[--bcm-accordion-text] px-4 py-2 gap-2 text-size-4 font-normal min-w-max",icon:"accordion-icon cursor-pointer transform transition-transform duration-300",rightSection:"accordion-right-section flex flex-row gap-2.5 items-center"},variants:{hasFooterContent:{false:{footer:"hidden"},true:{footer:"flex"}},expanded:{true:{icon:"rotate-180"},false:{icon:"rotate-0",content:""}}}},{twMerge:!1});render(){const{container:o,header:t,content:e,footer:r,icon:i,rightSection:c}=this.accordionClass({hasFooterContent:this.hasFooterContent||!!this.hintText,expanded:this.expanded});return a("div",{key:"707282c793f722f7ac3a471189f67d0f54735725",class:o()},a("header",{key:"6bbc925eb3fd7438f01445a6ccdd1e55d096d1e8",class:t(),role:"button",tabindex:"0","aria-expanded":this.expanded.toString(),"aria-controls":"accordion-content",onKeyDown:o=>{"Enter"!==o.key&&" "!==o.key||(o.preventDefault(),this.toggle())},onClick:()=>this.toggle()},a("slot",{key:"9260a2fe9d81f12eacb02b64f47276129070e1b4",name:"title"},this.headerTitle),a("div",{key:"6ae6113bf08e88c32d0e75b2569b3503dbd55b0f",class:c()},a("span",{key:"f9ba7755380c8156cf6f24cac72269d791a5351f",onClick:o=>o.stopPropagation()},a("slot",{key:"7684a8e8947940a12bc0f86f4a0c4b6cc3031244",name:"actions"})),a("bcm-icon",{key:"574fcd0edd3a7ae6c1f7226d64fd4a26fc23f2f9",name:"fa-regular fa-chevron-down",class:i()}))),a("div",{key:"6e1dd29e10fd3ab7e48855b93934b5b1b21361a5",class:e(),style:{maxHeight:this.expanded?"auto":"0px"},ref:o=>this.contentEl=o},a("div",{key:"12b3c48d43675806987ce7d3eb6d26647b154cbe",class:"px-4 py-2"},a("slot",{key:"840d0cbad72e906f783040c6db12b8a82e924f0d"})),a("footer",{key:"1908bf78bab20a388ed5d0be3d79d2910c170488",class:r()},a("slot",{key:"ce12b6d8cd33433da6566017518743d685923621",name:"footer",onSlotchange:this.handleFooterSlotChange},this.hintText))))}};i.style=".block{display:block}.flex{display:flex}.border{border-width:1px}:host{--bcm-accordion-bg:var(--bcm-ui-color-background-basic-panel);--bcm-accordion-content-bg:var(--bcm-ui-color-background-basic-base);--bcm-accordion-text:var(--bcm-ui-color-text-header);--bcm-accordion-border:var(--bcm-ui-color-border-default);--bcm-accordion-radius:6px;--bcm-accordion-footer-bg:var(--bcm-ui-color-background-default-default);display:block;width:100%}:host(:not([group])) .accordion-container{border:1px solid var(--bcm-accordion-border);border-radius:var(--bcm-accordion-radius)}:host([group]) .accordion-container{border-bottom:1px solid var(--bcm-accordion-border);border-radius:0}:host([group]:last-of-type) .accordion-container{border-bottom:none}:host([group]:first-of-type) .accordion-container{border-top-left-radius:var(--bcm-accordion-radius);border-top-right-radius:var(--bcm-accordion-radius)}:host([group]:last-of-type) .accordion-footer{border-bottom-left-radius:var(--bcm-accordion-radius);border-bottom-right-radius:var(--bcm-accordion-radius)}:host(:not([group])) .accordion-footer{border-bottom-left-radius:var(--bcm-accordion-radius);border-bottom-right-radius:var(--bcm-accordion-radius)}::slotted([slot=title]){align-items:center;display:flex;flex-direction:row;gap:10px}::slotted([slot=actions]){align-items:center;display:flex;flex-direction:row;gap:12px}.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}.collapse{visibility:collapse}.static{position:static}.hidden{display:none}.w-full{width:100%}.min-w-max{min-width:max-content}.rotate-0{--tw-rotate:0deg}.rotate-0,.rotate-180{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))}.rotate-180{--tw-rotate:180deg}.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-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.overflow-hidden{overflow:hidden}.text-wrap{text-wrap:wrap}.rounded-\\[--bcm-accordion-radius\\]{border-radius:var(--bcm-accordion-radius)}.bg-\\[--bcm-accordion-bg\\]{background-color:var(--bcm-accordion-bg)}.bg-\\[--bcm-accordion-footer-bg\\]{background-color:var(--bcm-accordion-footer-bg)}.bg-color-basic-base{background-color:var(--bcm-ui-color-background-basic-base)}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-normal{font-weight:400}.font-semibold{font-weight:600}.text-\\[--bcm-accordion-text\\]{color:var(--bcm-accordion-text)}.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-all{transition-duration:.15s;transition-property:all;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-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}";export{i as bcm_accordion}
+import{r as o,c as t,a as e,h as a}from"./p-BSFYtcqL.js";import{t as r}from"./p-CEcVC0yX.js";const i=class{constructor(e){o(this,e),this.bcmAccordionChange=t(this,"bcmAccordionChange",1)}get host(){return e(this)}expanded=!1;headerTitle;group=!1;hintText;hasFooterContent=!1;bcmAccordionChange;contentEl;async toggle(){this.expanded=!this.expanded,this.updateAccordion()}async expand(){this.expanded||(this.expanded=!0,this.updateAccordion())}async collapse(){this.expanded&&(this.expanded=!1,this.updateAccordion())}updateAccordion(){this.contentEl&&(this.contentEl.style.maxHeight=this.expanded?`${this.contentEl.scrollHeight}px`:"0px"),this.bcmAccordionChange.emit({expanded:this.expanded,source:this.host})}handleFooterSlotChange=o=>{const t=o.target.assignedNodes();this.hasFooterContent=t.length>0};accordionClass=r({slots:{container:"accordion-container flex flex-col bcm-ui-element w-full",header:"accordion-header flex flex-row justify-between gap-2 p-4 min-w-max flex-nowrap text-wrap rounded-[--bcm-accordion-radius] bg-[--bcm-accordion-bg] text-[--bcm-accordion-text] font-semibold text-size-6 cursor-pointer",content:"accordion-content overflow-hidden transition-all duration-300 ease-in-out bg-color-basic-base",footer:"accordion-footer flex flex-row flex-nowrap bg-[--bcm-accordion-footer-bg] text-[--bcm-accordion-text] px-4 py-2 gap-2 text-size-4 font-normal min-w-max",icon:"accordion-icon cursor-pointer transform transition-transform duration-300",rightSection:"accordion-right-section flex flex-row gap-2.5 items-center"},variants:{hasFooterContent:{false:{footer:"hidden"},true:{footer:"flex"}},expanded:{true:{icon:"rotate-180"},false:{icon:"rotate-0",content:""}}}},{twMerge:!1});render(){const{container:o,header:t,content:e,footer:r,icon:i,rightSection:c}=this.accordionClass({hasFooterContent:this.hasFooterContent||!!this.hintText,expanded:this.expanded});return a("div",{key:"9c83659267354c8bd3020943a0b1249546dce1f1",class:o()},a("header",{key:"0bed1927fe623f6811c7fbf75c6525bf5bcb66a9",class:t(),role:"button",tabindex:"0","aria-expanded":this.expanded.toString(),"aria-controls":"accordion-content",onKeyDown:o=>{"Enter"!==o.key&&" "!==o.key||(o.preventDefault(),this.toggle())},onClick:()=>this.toggle()},a("slot",{key:"60a538d30c687a3691cc5ceaec13be86d5634bfc",name:"title"},this.headerTitle),a("div",{key:"eb8c3731f212eeef7a9fe465346244de668d3f4b",class:c()},a("span",{key:"e7dd00840cf11d5bd117f501bb8ae67e5ece4b26",onClick:o=>o.stopPropagation()},a("slot",{key:"7d3276e04dead179ab451213a2467b5184622a1c",name:"actions"})),a("bcm-icon",{key:"7ec0e909fe71724621c3f92c21c02b839209cdaa",name:"fa-regular fa-chevron-down",class:i()}))),a("div",{key:"3448118d97a7d8e254acac2e9570a7126cc9c189",class:e(),style:{maxHeight:this.expanded?"auto":"0px"},ref:o=>this.contentEl=o},a("div",{key:"773aeff390e0fccf64448ef94e65f1b3d26cc899",class:"px-4 py-2"},a("slot",{key:"0077fdfe18121813c0d1694bb5a0b00c16da0376"})),a("footer",{key:"e501c04b8f4b3e49fded6bfb45a179dd3a312921",class:r()},a("slot",{key:"4a171d164bf8c3577d4f5802167a0c5e58f04898",name:"footer",onSlotchange:this.handleFooterSlotChange},this.hintText))))}};i.style=".block{display:block}.flex{display:flex}.border{border-width:1px}:host{--bcm-accordion-bg:var(--bcm-ui-color-background-basic-panel);--bcm-accordion-content-bg:var(--bcm-ui-color-background-basic-base);--bcm-accordion-text:var(--bcm-ui-color-text-header);--bcm-accordion-border:var(--bcm-ui-color-border-default);--bcm-accordion-radius:6px;--bcm-accordion-footer-bg:var(--bcm-ui-color-background-default-default);display:block;width:100%}:host(:not([group])) .accordion-container{border:1px solid var(--bcm-accordion-border);border-radius:var(--bcm-accordion-radius)}:host([group]) .accordion-container{border-bottom:1px solid var(--bcm-accordion-border);border-radius:0}:host([group]:last-of-type) .accordion-container{border-bottom:none}:host([group]:first-of-type) .accordion-container{border-top-left-radius:var(--bcm-accordion-radius);border-top-right-radius:var(--bcm-accordion-radius)}:host([group]:last-of-type) .accordion-footer{border-bottom-left-radius:var(--bcm-accordion-radius);border-bottom-right-radius:var(--bcm-accordion-radius)}:host(:not([group])) .accordion-footer{border-bottom-left-radius:var(--bcm-accordion-radius);border-bottom-right-radius:var(--bcm-accordion-radius)}::slotted([slot=title]){align-items:center;display:flex;flex-direction:row;gap:10px}::slotted([slot=actions]){align-items:center;display:flex;flex-direction:row;gap:12px}.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}.collapse{visibility:collapse}.hidden{display:none}.w-full{width:100%}.min-w-max{min-width:max-content}.rotate-0{--tw-rotate:0deg}.rotate-0,.rotate-180{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))}.rotate-180{--tw-rotate:180deg}.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-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.overflow-hidden{overflow:hidden}.text-wrap{text-wrap:wrap}.rounded-\\[--bcm-accordion-radius\\]{border-radius:var(--bcm-accordion-radius)}.bg-\\[--bcm-accordion-bg\\]{background-color:var(--bcm-accordion-bg)}.bg-\\[--bcm-accordion-footer-bg\\]{background-color:var(--bcm-accordion-footer-bg)}.bg-color-basic-base{background-color:var(--bcm-ui-color-background-basic-base)}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-normal{font-weight:400}.font-semibold{font-weight:600}.text-\\[--bcm-accordion-text\\]{color:var(--bcm-accordion-text)}.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-all{transition-duration:.15s;transition-property:all;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-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}";export{i as bcm_accordion}

package/dist/bromcom-ui/{p-2c9e225b.entry.js → p-716d4253.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,a as i,h as s}from"./p-BSFYtcqL.js";import{g as r}from"./p-IBjzkjef.js";import{t as o}from"./p-CEcVC0yX.js";import{B as a}from"./p-BADEPL3Y.js";const c=class extends a{constructor(i){super(),e(this,i),this.bcmSwitchChange=t(this,"bcmSwitchChange",1),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}get el(){return i(this)}internals;_id=r("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=o({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:r,dotContainer:o,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.toString(),"aria-disabled":this.disabled.toString(),"aria-readonly":this.readonly.toString(),...this.required&&{"aria-required":"true"}},h=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:o(),...h,...c,part:"dot-container",onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||this.readonly||this.disabled||(e.preventDefault(),this.toggleSwitch())}},s("div",{key:"f5e36a3dfb2efffd111a2009056d150fdec23698",class:r(),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}]}}};c.style=":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}";export{c as bcm_switch}
+import{r as t,c as e,a as i,h as s}from"./p-BSFYtcqL.js";import{g as r}from"./p-IBjzkjef.js";import{t as o}from"./p-CEcVC0yX.js";import{B as a}from"./p-BADEPL3Y.js";const c=class extends a{constructor(i){super(),t(this,i),this.bcmSwitchChange=e(this,"bcmSwitchChange",1),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}get el(){return i(this)}internals;_id=r("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 t=this.internals?.form;t&&t.addEventListener("submit",this.onFormSubmit,!0)}disconnectedCallback(){const t=this.internals?.form;t&&t.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(t){this.internalChecked=!!t,this.syncNativeInput()}syncNativeInput(){this.inputEl&&(this.inputEl.checked=this.internalChecked,this.inputEl.disabled=this.disabled,this.inputEl.required="native"===this.validationMode&&this.required)}updateFormValueAndValidity(t){const e=t?.setUi??!0;if(!this.internals)return;if(this.disabled)return this.internals.setFormValue(null),this.internals.setValidity({}),void(e&&(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(e&&(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(e&&(this.error=!1,this.caption=void 0));this.internals.setValidity({}),e&&(this.error=!1,this.caption=void 0)}else if(this.internals.setValidity({}),e){const t=this.touched||this.submitAttempted;this.error=t&&i,this.caption=t&&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=o({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:t,switchWrapper:e,label:i,dot:r,dotContainer:o,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.toString(),"aria-disabled":this.disabled.toString(),"aria-readonly":this.readonly.toString(),...this.required&&{"aria-required":"true"}},h=this.readonly||this.disabled?{}:{tabindex:"0"};return s("div",{key:"4c975c18565b1dd905f2f979f6fc83f1feca5a4c",class:t(),part:"base"},s("label",{key:"24c87b3b86e165fedd88bf992279b5bc1e23d5f3",class:e(),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:t=>this.inputEl=t,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:o(),...h,...c,part:"dot-container",onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||this.readonly||this.disabled||(t.preventDefault(),this.toggleSwitch())}},s("div",{key:"1dd4639ce2f48fea95b65359bbf075d59c7e3750",class:r(),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}]}}};c.style=":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}";export{c as bcm_switch}

package/dist/bromcom-ui/{p-6d667a81.entry.js → p-724789fd.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,a,h as o}from"./p-BSFYtcqL.js";import{t as r}from"./p-CEcVC0yX.js";const i=class{constructor(a){e(this,a),this.bcmOpen=t(this,"bcmOpen",7),this.bcmClose=t(this,"bcmClose",7),this.bcmBeforeOpen=t(this,"bcmBeforeOpen",7),this.bcmBeforeClose=t(this,"bcmBeforeClose",7)}get host(){return a(this)}dialogRef;open=!1;size="medium";placement="center";backdrop=!0;fullWidth=!1;fullScreen=!1;headerText;helperText;noHeader=!1;noFooter=!1;closeOnBackdrop=!0;closeOnEscape=!0;isAnimating=!1;shake=!1;bcmOpen;bcmClose;bcmBeforeOpen;bcmBeforeClose;modalClass=r({slots:{dialog:"bcm-ui-element fixed inset-0 m-0 p-0 w-full max-w-full h-full max-h-full border-none bg-transparent backdrop:bg-color-default-dark backdrop:opacity-50 backdrop:transition-opacity backdrop:duration-300",container:"fixed inset-0 flex items-start justify-center p-4 overflow-y-auto overscroll-contain",modal:"relative bg-color-basic-base text-color-default rounded-lg shadow-2xl transform transition-all duration-300 ease-in-out flex flex-col",header:"flex justify-between items-start bg-color-base text-color-default border-color-default border-solid border-0 border-b rounded-t-lg",headerContent:"flex-1 min-w-0 flex items-center gap-2",title:"font-semibold m-0 text-size-6 text-color-header",helperText:"text-size-5 text-color-placeholder m-0",closeButton:"text-size-5 font-medium text-color-default bg-transparent border-none p-0 h-6 w-6 rounded hover:bg-color-default-hover cursor-pointer active:bg-color-active transition-colors flex-shrink-0 outline-none focus-visible:ring ",content:"flex-grow overflow-y-auto",footer:"flex items-center justify-end gap-2"},variants:{open:{true:{modal:"opacity-100 translate-y-0 scale-100"},false:{modal:"opacity-0 -translate-y-4 scale-95"}},placement:{center:{container:"items-center"},top:{container:"items-start pt-20"}},size:{small:{header:"py-3 px-4",content:"p-4",footer:"py-3 px-4"},medium:{header:"py-4 px-5",content:"p-5",footer:"py-4 px-5"},large:{header:"py-4 px-6",content:"p-6",footer:"py-4 px-6"},xlarge:{header:"py-5 px-6",content:"p-6",footer:"py-5 px-6"},xxlarge:{header:"py-5 px-8",content:"p-8",footer:"py-5 px-8"},full:{header:"py-5 px-8",content:"p-8",footer:"py-5 px-8"}},fullScreen:{true:{modal:"rounded-none w-screen h-screen max-w-none max-h-none",container:"p-0"}},shake:{true:{modal:"animate-shake"}},noHeader:{true:{header:"hidden"}},noFooter:{true:{footer:"hidden"}}}});async handleOpenChange(e){if(e){if(this.isAnimating=!0,this.bcmBeforeOpen.emit().defaultPrevented)return void(this.open=!1);this.dialogRef&&(this.dialogRef.showModal(),await new Promise((e=>setTimeout(e,50))),this.isAnimating=!1,this.bcmOpen.emit())}else{if(this.isAnimating=!0,this.bcmBeforeClose.emit().defaultPrevented)return void(this.open=!0);await new Promise((e=>setTimeout(e,300))),this.dialogRef&&this.dialogRef.close(),this.isAnimating=!1,this.bcmClose.emit()}}handleClick(e){const t=e.composedPath(),a=t.find((e=>e.hasAttribute?.("data-dismiss"))),o=t.find((e=>e.hasAttribute?.("data-close-modal")));if(a)this.hide(),e.preventDefault(),e.stopPropagation();else if(o){const t=o.getAttribute("data-close-modal");t&&t!==this.host.id||(this.hide(),e.preventDefault(),e.stopPropagation())}}handleKeyDown(e){if("Escape"===e.key&&this.open){const t=Array.from(document.querySelectorAll("bcm-modal[open]"));if(t[t.length-1]!==this.host)return;e.preventDefault(),this.closeOnEscape?"static"===this.backdrop?this.shakeModal():this.hide():"static"===this.backdrop&&this.shakeModal()}}async show(){this.open=!0}async hide(){this.open=!1}async toggle(){this.open=!this.open}shakeModal(){this.shake=!0,setTimeout((()=>{this.shake=!1}),300)}handleBackdropClick=e=>{"container"===e.target.getAttribute("part")&&("static"===this.backdrop?this.shakeModal():this.closeOnBackdrop&&this.hide())};handleDialogCancel=e=>{e.preventDefault(),this.closeOnEscape&&("static"===this.backdrop?this.shakeModal():this.hide())};getModalStyle(){return this.fullScreen?{width:"100vw",height:"100vh",maxWidth:"none",maxHeight:"none"}:this.fullWidth?{width:"100%",maxWidth:"100%"}:{width:{small:"400px",medium:"600px",large:"800px",xlarge:"1024px",xxlarge:"1200px",full:"100%"}[this.size],maxWidth:this.fullScreen?"none":"90vw",maxHeight:this.fullScreen?"none":"90vh"}}componentDidLoad(){this.open&&this.dialogRef&&this.dialogRef.showModal()}disconnectedCallback(){this.dialogRef&&this.open&&this.dialogRef.close()}render(){const{dialog:e,container:t,modal:a,header:r,headerContent:i,title:n,helperText:s,closeButton:d,content:l,footer:c}=this.modalClass({open:this.open,placement:this.placement,size:this.size,fullScreen:this.fullScreen,shake:this.shake,noHeader:this.noHeader,noFooter:this.noFooter});return o("dialog",{key:"7a8be71aa8efa4d0cc109c9453e2cd4d1de77142",ref:e=>this.dialogRef=e,part:"dialog",class:e(),onClick:this.handleBackdropClick,onCancel:this.handleDialogCancel,"aria-labelledby":"modal-title","aria-describedby":this.helperText?"modal-helper":void 0,"aria-modal":"true"},o("div",{key:"fe058c010ea503eb2a44680c04d967d417faed3c",part:"container",class:t()},o("div",{key:"1fa947a00781fbd977a81ae1b0833918c6b5d252",part:"modal",class:a(),style:this.getModalStyle(),role:"document",onClick:e=>e.stopPropagation()},!this.noHeader&&o("div",{key:"a7fbc1ea22fb109ec6e99f043eb1dcfaef959d70",part:"header",class:r()},o("div",{key:"0145d5733e5188b6a9992eb41e462c5db608bc21",part:"header-content",class:i()},o("h2",{key:"ddc3a4005176fe742fa9238aa50eb3ca47107332",id:"modal-title",part:"title",class:n()},o("slot",{key:"013ff3729de1f6e19475384a8a0c7fa0c85eec7e",name:"header"},this.headerText)),this.helperText&&o("p",{key:"c850ba1df15dfbec3c16022e3c95a62ccb46c02c",id:"modal-helper",part:"helper-text",class:s()},o("slot",{key:"0ab88a302363f8701047b21a2768033846e7c83a",name:"helper"},this.helperText))),o("button",{key:"40075afa46ff21fbb90049527136a64a4bb149b4",part:"close-button",class:d(),onClick:()=>this.hide(),"aria-label":"Close modal",type:"button"},o("bcm-icon",{key:"103f99df6bb9298ad78b043117a4b05f940cc2a4",name:"fa-solid fa-xmark"}))),o("div",{key:"943ea0cfa96dd06e3a562d549378fb688c4c779b",part:"content",class:l()},o("slot",{key:"4eabfbc38e21b297ebb731cf2e54840b641d8724"})),!this.noFooter&&o("div",{key:"f058cb121dd9e6d28d72a2996c098134438f37fb",part:"footer",class:c()},o("slot",{key:"d70d5a89b1c4159937b417a35bb4e3716d8fd1e1",name:"footer"})))))}static get watchers(){return{open:[{handleOpenChange:0}]}}};i.style=".contents{display:contents}:host{display:contents}.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}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.m-0{margin:0}.flex{display:flex}.hidden{display:none}.h-6{height:1.5rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-full{max-height:100%}.max-h-none{max-height:none}.w-6{width:1.5rem}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0}.max-w-full{max-width:100%}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-y-4{--tw-translate-y:-1rem}.-translate-y-4,.translate-y-0{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))}.translate-y-0{--tw-translate-y:0px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-95{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))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.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))}.animate-shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) infinite;animation:shake .3s cubic-bezier(.36,.07,.19,.97) both}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.rounded-none{border-radius:var(--bcm-ui-border-radius-none,0)}.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-0{border-width:0}.border-b{border-bottom-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.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-basic-base{background-color:var(--bcm-ui-color-background-basic-base)}.bg-transparent{background-color:transparent}.p-0{padding:0}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.pt-20{padding-top:5rem}.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-semibold{font-weight:600}.text-color-default{color:var(--bcm-ui-color-text-default)}.text-color-header{color:var(--bcm-ui-color-text-header)}.text-color-placeholder{color:var(--bcm-ui-color-text-placeholder)}.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-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:var(--bcm-ui-box-shadow-2xl);--tw-shadow-colored:var(--bcm-ui-box-shadow-2xl)}.outline-none{outline:2px solid transparent;outline-offset:2px}.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)}.backdrop\\:bg-color-default-dark::backdrop{background-color:var(--bcm-ui-color-background-default-dark-default)}.backdrop\\:opacity-50::backdrop{opacity:.5}.backdrop\\:transition-opacity::backdrop{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.backdrop\\:duration-300::backdrop{transition-duration:.3s}.hover\\:bg-color-default-hover:hover{background-color:var(--bcm-ui-color-background-default-hover)}.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)}";export{i as bcm_modal}
+import{r as e,c as t,a,h as o}from"./p-BSFYtcqL.js";import{t as r}from"./p-CEcVC0yX.js";const i=class{constructor(a){e(this,a),this.bcmOpen=t(this,"bcmOpen",7),this.bcmClose=t(this,"bcmClose",7),this.bcmBeforeOpen=t(this,"bcmBeforeOpen",7),this.bcmBeforeClose=t(this,"bcmBeforeClose",7)}get host(){return a(this)}dialogRef;open=!1;size="medium";placement="center";backdrop=!0;fullWidth=!1;fullScreen=!1;headerText;helperText;noHeader=!1;noFooter=!1;closeOnBackdrop=!0;closeOnEscape=!0;isAnimating=!1;shake=!1;bcmOpen;bcmClose;bcmBeforeOpen;bcmBeforeClose;modalClass=r({slots:{dialog:"bcm-ui-element fixed inset-0 m-0 p-0 w-full max-w-full h-full max-h-full border-none bg-transparent backdrop:bg-color-default-dark backdrop:opacity-50 backdrop:transition-opacity backdrop:duration-300",container:"fixed inset-0 flex items-start justify-center p-4 overflow-y-auto overscroll-contain",modal:"relative bg-color-basic-base text-color-default rounded-lg shadow-2xl transform transition-all duration-300 ease-in-out flex flex-col",header:"flex justify-between items-start bg-color-base text-color-default border-color-default border-solid border-0 border-b rounded-t-lg",headerContent:"flex-1 min-w-0 flex items-center gap-2",title:"font-semibold m-0 text-size-6 text-color-header",helperText:"text-size-5 text-color-placeholder m-0",closeButton:"text-size-5 font-medium text-color-default bg-transparent border-none p-0 h-6 w-6 rounded hover:bg-color-default-hover cursor-pointer active:bg-color-active transition-colors flex-shrink-0 outline-none focus-visible:ring ",content:"flex-grow overflow-y-auto",footer:"flex items-center justify-end gap-2"},variants:{open:{true:{modal:"opacity-100 translate-y-0 scale-100"},false:{modal:"opacity-0 -translate-y-4 scale-95"}},placement:{center:{container:"items-center"},top:{container:"items-start pt-20"}},size:{small:{header:"py-3 px-4",content:"p-4",footer:"py-3 px-4"},medium:{header:"py-4 px-5",content:"p-5",footer:"py-4 px-5"},large:{header:"py-4 px-6",content:"p-6",footer:"py-4 px-6"},xlarge:{header:"py-5 px-6",content:"p-6",footer:"py-5 px-6"},xxlarge:{header:"py-5 px-8",content:"p-8",footer:"py-5 px-8"},full:{header:"py-5 px-8",content:"p-8",footer:"py-5 px-8"}},fullScreen:{true:{modal:"rounded-none w-screen h-screen max-w-none max-h-none",container:"p-0"}},shake:{true:{modal:"animate-shake"}},noHeader:{true:{header:"hidden"}},noFooter:{true:{footer:"hidden"}}}});async handleOpenChange(e){if(e){if(this.isAnimating=!0,this.bcmBeforeOpen.emit().defaultPrevented)return void(this.open=!1);this.dialogRef&&(this.dialogRef.showModal(),await new Promise((e=>setTimeout(e,50))),this.isAnimating=!1,this.bcmOpen.emit())}else{if(this.isAnimating=!0,this.bcmBeforeClose.emit().defaultPrevented)return void(this.open=!0);await new Promise((e=>setTimeout(e,300))),this.dialogRef&&this.dialogRef.close(),this.isAnimating=!1,this.bcmClose.emit()}}handleClick(e){const t=e.composedPath(),a=t.find((e=>e.hasAttribute?.("data-dismiss"))),o=t.find((e=>e.hasAttribute?.("data-close-modal")));if(a)this.hide(),e.preventDefault(),e.stopPropagation();else if(o){const t=o.getAttribute("data-close-modal");t&&t!==this.host.id||(this.hide(),e.preventDefault(),e.stopPropagation())}}handleKeyDown(e){if("Escape"===e.key&&this.open){const t=Array.from(document.querySelectorAll("bcm-modal[open]"));if(t[t.length-1]!==this.host)return;e.preventDefault(),this.closeOnEscape?"static"===this.backdrop?this.shakeModal():this.hide():"static"===this.backdrop&&this.shakeModal()}}async show(){this.open=!0}async hide(){this.open=!1}async toggle(){this.open=!this.open}shakeModal(){this.shake=!0,setTimeout((()=>{this.shake=!1}),300)}handleBackdropClick=e=>{"container"===e.target.getAttribute("part")&&("static"===this.backdrop?this.shakeModal():this.closeOnBackdrop&&this.hide())};handleDialogCancel=e=>{e.preventDefault(),this.closeOnEscape&&("static"===this.backdrop?this.shakeModal():this.hide())};getModalStyle(){return this.fullScreen?{width:"100vw",height:"100vh",maxWidth:"none",maxHeight:"none"}:this.fullWidth?{width:"100%",maxWidth:"100%"}:{width:{small:"400px",medium:"600px",large:"800px",xlarge:"1024px",xxlarge:"1200px",full:"100%"}[this.size],maxWidth:this.fullScreen?"none":"90vw",maxHeight:this.fullScreen?"none":"90vh"}}componentDidLoad(){this.open&&this.dialogRef&&this.dialogRef.showModal()}disconnectedCallback(){this.dialogRef&&this.open&&this.dialogRef.close()}render(){const{dialog:e,container:t,modal:a,header:r,headerContent:i,title:n,helperText:s,closeButton:d,content:l,footer:c}=this.modalClass({open:this.open,placement:this.placement,size:this.size,fullScreen:this.fullScreen,shake:this.shake,noHeader:this.noHeader,noFooter:this.noFooter});return o("dialog",{key:"abf9f2ba545f64908ab69d9cc77f38384ca8b294",ref:e=>this.dialogRef=e,part:"dialog",class:e(),onClick:this.handleBackdropClick,onCancel:this.handleDialogCancel,"aria-labelledby":"modal-title","aria-describedby":this.helperText?"modal-helper":void 0,"aria-modal":"true"},o("div",{key:"8b74fa435ba18c760fac5a69d69b9ec931719774",part:"container",class:t()},o("div",{key:"97c300b0362f0785fa10bb28f65584b342e1043d",part:"modal",class:a(),style:this.getModalStyle(),role:"document",onClick:e=>e.stopPropagation()},!this.noHeader&&o("div",{key:"df1f72c63d84cb651c25089a32b138051c1828f9",part:"header",class:r()},o("div",{key:"4d3ea8ea5015b40a62c73a9653251466de5e396d",part:"header-content",class:i()},o("h2",{key:"1c07ed9cacf3817dd8aca18e6c84873154a70275",id:"modal-title",part:"title",class:n()},o("slot",{key:"f8e6c5964a62e28ea64d9118ada58568bc2844f5",name:"header"},this.headerText)),this.helperText&&o("p",{key:"0adf0359fd32f278680fd637d8f883f88b885194",id:"modal-helper",part:"helper-text",class:s()},o("slot",{key:"24fd7c93a6cb4c3c5091a6b1bf171abd40f5a0f6",name:"helper"},this.helperText))),o("button",{key:"a60a222675ea2f95bd281bf2049a3b1275724049",part:"close-button",class:d(),onClick:()=>this.hide(),"aria-label":"Close modal",type:"button"},o("bcm-icon",{key:"1552b7345565fb9721cbff0a1ecd177fde5db2eb",name:"fa-solid fa-xmark"}))),o("div",{key:"31a07a87efcdec2c4a672b7f78b0bdf1a98d15e8",part:"content",class:l()},o("slot",{key:"951761be372e23ab7224046504ace7fcf895a626"})),!this.noFooter&&o("div",{key:"e052a785b68fd593d2eabc2a59376570a76dcebb",part:"footer",class:c()},o("slot",{key:"6c48cc1b5473a9d9887955b9a6b6e01c3c68a21c",name:"footer"})))))}static get watchers(){return{open:[{handleOpenChange:0}]}}};i.style=".contents{display:contents}:host{display:contents}.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}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.m-0{margin:0}.flex{display:flex}.hidden{display:none}.h-6{height:1.5rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-full{max-height:100%}.max-h-none{max-height:none}.w-6{width:1.5rem}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0}.max-w-full{max-width:100%}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-y-4{--tw-translate-y:-1rem}.-translate-y-4,.translate-y-0{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))}.translate-y-0{--tw-translate-y:0px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-95{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))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.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))}.animate-shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) infinite;animation:shake .3s cubic-bezier(.36,.07,.19,.97) both}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.rounded-none{border-radius:var(--bcm-ui-border-radius-none,0)}.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-0{border-width:0}.border-b{border-bottom-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.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-basic-base{background-color:var(--bcm-ui-color-background-basic-base)}.bg-transparent{background-color:transparent}.p-0{padding:0}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.pt-20{padding-top:5rem}.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-semibold{font-weight:600}.text-color-default{color:var(--bcm-ui-color-text-default)}.text-color-header{color:var(--bcm-ui-color-text-header)}.text-color-placeholder{color:var(--bcm-ui-color-text-placeholder)}.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-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:var(--bcm-ui-box-shadow-2xl);--tw-shadow-colored:var(--bcm-ui-box-shadow-2xl)}.outline-none{outline:2px solid transparent;outline-offset:2px}.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)}.backdrop\\:bg-color-default-dark::backdrop{background-color:var(--bcm-ui-color-background-default-dark-default)}.backdrop\\:opacity-50::backdrop{opacity:.5}.backdrop\\:transition-opacity::backdrop{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.backdrop\\:duration-300::backdrop{transition-duration:.3s}.hover\\:bg-color-default-hover:hover{background-color:var(--bcm-ui-color-background-default-hover)}.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)}";export{i as bcm_modal}

package/dist/bromcom-ui/p-77bc4871.entry.js

@@ -0,0 +1 @@
+import{r,a as o,h as a,H as e}from"./p-BSFYtcqL.js";import{t}from"./p-CEcVC0yX.js";const c=class{constructor(o){r(this,o)}get el(){return o(this)}data=[];_data=[];componentWillLoad(){this.parseData(this.data)}dataHandler(r){this.parseData(r)}parseData(r){if("string"==typeof r)try{this._data=JSON.parse(r)}catch(r){console.warn("BcmAttendance: Invalid JSON string in data attribute",r),this._data=[]}else this._data=Array.isArray(r)?r:[]}attendanceStyles=t({slots:{base:"bcm-ui-element bcm-attendance inline-flex items-center flex-row gap-0.5 w-fit",item:"flex flex-row items-center gap-[1px]",indicator:"block w-[7px] h-[14px] transition-colors"},variants:{status:{present:{indicator:"bg-color-success hover:bg-color-success-hover"},late:{indicator:"bg-color-warning hover:bg-color-warning-hover"},absent:{indicator:"bg-color-error hover:bg-color-error-hover"},other:{indicator:"bg-color-primary hover:bg-color-primary-hover"},default:{indicator:"bg-color-default-active hover:bg-color-default-hover"}},period:{am:{indicator:"rounded-l-full"},pm:{indicator:"rounded-r-full"}}}});render(){const{base:r,item:o,indicator:t}=this.attendanceStyles();return a(e,{key:"a0bedc4e15f08faff785a8d6f3f1ceeefd4af10f",class:r()},this._data.map((r=>a("div",{class:o()},a("bcm-tooltip",{trigger:"hover",message:`${r.weekday||""} / AM`,"aria-label":`${r.weekday||""} / AM`},a("span",{class:t({status:r.am||"default",period:"am"})})),a("bcm-tooltip",{trigger:"hover",message:`${r.weekday||""} / PM`,"aria-label":`${r.weekday||""} / PM`},a("span",{class:t({status:r.pm||"default",period:"pm"})}))))))}static get watchers(){return{data:[{dataHandler:0}]}}};c.style=":host{display:inline-flex}.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)}";export{c as bcm_attendance}

package/dist/bromcom-ui/p-7b6131f4.entry.js

@@ -0,0 +1 @@
+import{r as t,a as o,h as i}from"./p-BSFYtcqL.js";import{a as e,c as s,o as r,f as a,s as n,b as h}from"./p-DBDSgIvP.js";import{t as l}from"./p-CEcVC0yX.js";const d=class{constructor(o){t(this,o)}get host(){return o(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=e(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 o=this.offset;this.tooltipRef.style.left=`${this.mouseX+this.offset}px`,this.tooltipRef.style.top=`${this.mouseY+o}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 o=[r(this.offset),a(),n({padding:8})];this.arrow&&this.arrowRef&&o.push(h({element:this.arrowRef}));const i={getBoundingClientRect:()=>this.triggerRef.getBoundingClientRect()},{x:e,y:l,placement:d,middlewareData:c}=await s(i,this.tooltipRef,{placement:this.placement,strategy:"fixed",middleware:o});if(this.tooltipRef.style.left=`${e}px`,this.tooltipRef.style.top=`${l}px`,this.arrow&&this.arrowRef&&c.arrow){const{x:t,y:o}=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!=o?`${o}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 o=t.assignedElements();this.triggerRef=o[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 o=t.target;this.host.contains(o)||this.tooltipRef?.contains(o)||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=l({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:o}=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:o()}),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}]}}};d.style=".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)}";export{d as bcm_tooltip}

package/dist/bromcom-ui/{p-992ca37a.entry.js → p-9682e900.entry.js}

@@ -1 +1 @@
-import{r as e,c as o,a as r,h as i}from"./p-BSFYtcqL.js";import{t}from"./p-CEcVC0yX.js";import{g as c}from"./p-IBjzkjef.js";import{B as s}from"./p-BADEPL3Y.js";const a=class extends s{constructor(r){super(),e(this,r),this.bcmCheckboxChange=o(this,"bcmCheckboxChange",1),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals)}get el(){return r(this)}internals;_id=c("bcm-checkbox");label;indeterminate=!1;size="medium";error=!1;caption;labelPosition="right";fullWidth=!1;internalChecked=!1;touched=!1;submitAttempted=!1;bcmCheckboxChange;inputElement;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.indeterminate=!1,this.touched=!1,this.submitAttempted=!1,this.error=!1,this.caption=void 0,this.syncNativeInput(),this.updateFormValueAndValidity({setUi:!1})}syncFromBase(e){this.internalChecked=e,this.indeterminate=!1,this.syncNativeInput()}onIndeterminateChange(){this.syncNativeInput()}syncNativeInput(){this.inputElement&&(this.inputElement.checked=this.internalChecked,this.inputElement.indeterminate=this.indeterminate&&!this.internalChecked,this.inputElement.disabled=this.disabled,this.inputElement.required="native"===this.validationMode&&this.required)}updateFormValueAndValidity(e){const o=e?.setUi??!0;if(!this.internals)return;if(this.disabled)return this.internals.setFormValue(null),this.internals.setValidity({}),void(o&&(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(o&&(this.error=!1,this.caption=void 0));const r=this.required&&!this.checked;if("silent"!==this.validationMode){if(r)return this.internals.setValidity({valueMissing:!0},"This field is required",this.inputElement??void 0),void(o&&(this.error=!1,this.caption=void 0));this.internals.setValidity({}),o&&(this.error=!1,this.caption=void 0)}else if(this.internals.setValidity({}),o){const e=this.touched||this.submitAttempted;this.error=e&&r,this.caption=e&&r?"This field is required":void 0}}handleChange=()=>{this.disabled||(this.touched||(this.touched=!0),this.indeterminate=!1,this.toggleChecked(),this.internalChecked=!!this.checked,this.syncNativeInput(),this.updateFormValueAndValidity({setUi:!0}),this.bcmCheckboxChange.emit({element:this.inputElement,checked:this.checked}))};getStyles(){return{"--checked-color":"var(--bcm-ui-color-background-primary-default)","--unchecked-color":"var(--bcm-ui-color-background-default-default)","--border-color":"var(--bcm-ui-color-border-default)","--hover-border-color":"var(--bcm-ui-color-border-primary)","--hover-color":"var(--bcm-ui-color-background-info-hover)",...this.error?{"--checked-color":"var(--bcm-ui-color-background-error-default)","--unchecked-color":"var(--bcm-ui-color-background-palette-red-default)","--border-color":"var(--bcm-ui-color-border-error)","--hover-border-color":"var(--bcm-ui-color-border-error)","--hover-color":"var(--bcm-ui-color-border-error)"}:{},...this.disabled?{"--checked-color":"var(--bcm-ui-color-background-disabled-default)","--unchecked-color":"var(--bcm-ui-color-background-disabled-default)","--border-color":"var(--bcm-ui-color-border-disabled)","--hover-color":"var(--bcm-ui-color-border-disabled)","--hover-border-color":"var(--bcm-ui-color-border-disabled)"}:{}}}classes=t({slots:{root:"bcm-ui-element bcm-checkbox flex flex-col",row:"flex items-center",checkbox:["flex items-center justify-center rounded-sm","border border-solid border-[--border-color]","bg-[--unchecked-color]","transition-colors duration-200 ease-out","peer-checked:bg-[--checked-color]","peer-checked:border-[--checked-color]","peer-indeterminate:bg-[--checked-color]","peer-indeterminate:border-[--checked-color]","hover:border-[--hover-border-color]","hover:peer-checked:bg-[--hover-color]","hover:peer-indeterminate:bg-[--hover-color]"],iconContainer:"flex items-center justify-center",label:"select-none text-color",hiddenInput:"sr-only peer",caption:"mt-1 text-color-error font-normal"},variants:{size:{small:{row:"gap-2",checkbox:"size-3",iconContainer:"size-2 text-size-2",label:"text-size-4",hiddenInput:"size-3",caption:"text-size-3"},medium:{row:"gap-2.5",checkbox:"size-4",iconContainer:"size-[10px] text-size-3",label:"text-size-5",hiddenInput:"size-4",caption:"text-size-4"},large:{row:"gap-3",checkbox:"size-[18px]",iconContainer:"size-4 text-size-4",label:"text-size-6",hiddenInput:"size-[18px]",caption:"text-size-5"}},disabled:{true:{row:"cursor-not-allowed",checkbox:"cursor-not-allowed hover:border-[--border-color] hover:bg-[--unchecked-color]",label:"cursor-not-allowed text-color-disabled",iconContainer:"text-color-disabled",hiddenInput:"cursor-not-allowed"},false:{row:"cursor-pointer",checkbox:"cursor-pointer",label:"cursor-pointer text-color",iconContainer:"text-color-base",hiddenInput:"cursor-pointer"}},labelPosition:{left:{row:"flex-row-reverse"},right:{row:"flex-row"}}},defaultVariants:{size:"medium",disabled:!1,labelPosition:"right"}},{twMerge:!1});render(){const{root:e,row:o,checkbox:r,iconContainer:t,label:c,hiddenInput:s,caption:a}=this.classes({size:this.size,disabled:this.disabled,labelPosition:this.labelPosition}),n=(this._id?`${this._id}-internal-checkbox`:void 0)??this.name??"bcm-checkbox";return i("div",{key:"d12a348162a9691876516c3472507a6fa05acc5c",class:e(),style:this.getStyles(),part:"checkbox"},i("div",{key:"6b8899b1ba3a0a0266179e8773aef9110edadeb9",class:o()},i("div",{key:"5f1c804c77f4fa25c4a6e8eea9960c79dfa6c9f5",class:"relative inline-flex"},i("input",{key:"0075e8d09f7b3ca3fee96438da51be0d7efcd19b",ref:e=>this.inputElement=e,type:"checkbox",role:"checkbox",id:n,name:this.name,checked:this.internalChecked,indeterminate:this.indeterminate,disabled:this.disabled,class:s(),"aria-checked":this.internalChecked?"true":this.indeterminate?"mixed":"false","aria-invalid":this.error,"aria-required":this.required,"aria-label":this.label||"Checkbox",onChange:this.handleChange,part:"input"}),i("div",{key:"8a530bcbb30a74141c371e1887572559552fa5ef",class:r(),part:"control",onClick:()=>this.inputElement?.click()},this.internalChecked&&i("div",{key:"b9fdf174424d1a7a9e681c7f9407539e2bef5b7e",class:t(),part:"icon"},i("bcm-icon",{key:"5fc75c73d911a10fe11df2660e9eb20fa2d17091",name:"fa-regular fa-check"})),this.indeterminate&&!this.internalChecked&&i("div",{key:"c0a119d7c7d213c08ad1403f39c9f1a7265ffff5",class:t(),part:"icon"},i("bcm-icon",{key:"8770ed42caabfd3b71833251ee86a3711fb2235f",name:"fa-regular fa-minus"})))),i("label",{key:"df4a8c18520b44e69056a36c9c2d3c9580513efb",htmlFor:n,class:c(),part:"label"},i("slot",{key:"8699a9d7ac67878ab5fac3bc43b5e48d78d7c3c5"},this.label))),this.error&&this.caption&&i("span",{key:"7a1b552ce1aabd0a8ec834b9300eb2e72d27ac80",class:a(),part:"caption"},this.caption))}static get formAssociated(){return!0}static get watchers(){return{checked:[{onStateChange:0},{syncFromBase:0}],required:[{onStateChange:0}],disabled:[{onStateChange:0}],value:[{onStateChange:0}],indeterminate:[{onIndeterminateChange:0}]}}};a.style=".relative{position:relative}.block{display:block}:host{align-self:center;display:block;height:-moz-fit-content;height:fit-content;position:relative;width:-moz-fit-content;width:fit-content}:host([full-width]){width:100%}.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}.visible{visibility:visible}.static{position:static}.mt-1{margin-top:.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.size-2{height:.5rem;width:.5rem}.size-3{height:.75rem;width:.75rem}.size-4{height:1rem;width:1rem}.size-\\[10px\\]{height:10px;width:10px}.size-\\[18px\\]{height:18px;width:18px}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.rounded-sm{border-radius:var(--bcm-ui-border-radius-sm,4px)}.border{border-width:1px}.border-solid{border-style:solid}.border-\\[--border-color\\]{border-color:var(--border-color)}.bg-\\[--unchecked-color\\]{background-color:var(--unchecked-color)}.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)}.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-normal{font-weight:400}.text-color-base{color:var(--bcm-ui-color-text-base)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-error{color:var(--bcm-ui-color-text-error)}.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)}.duration-200{transition-duration:.2s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:border-\\[--border-color\\]:hover{border-color:var(--border-color)}.hover\\:border-\\[--hover-border-color\\]:hover{border-color:var(--hover-border-color)}.hover\\:bg-\\[--unchecked-color\\]:hover{background-color:var(--unchecked-color)}.peer:checked~.peer-checked\\:border-\\[--checked-color\\]{border-color:var(--checked-color)}.peer:checked~.peer-checked\\:bg-\\[--checked-color\\]{background-color:var(--checked-color)}.peer:checked~.hover\\:peer-checked\\:bg-\\[--hover-color\\]:hover{background-color:var(--hover-color)}.peer:indeterminate~.peer-indeterminate\\:border-\\[--checked-color\\]{border-color:var(--checked-color)}.peer:indeterminate~.peer-indeterminate\\:bg-\\[--checked-color\\]{background-color:var(--checked-color)}.peer:indeterminate~.hover\\:peer-indeterminate\\:bg-\\[--hover-color\\]:hover{background-color:var(--hover-color)}";export{a as bcm_checkbox}
+import{r as e,c as o,a as r,h as i}from"./p-BSFYtcqL.js";import{t}from"./p-CEcVC0yX.js";import{g as c}from"./p-IBjzkjef.js";import{B as s}from"./p-BADEPL3Y.js";const a=class extends s{constructor(r){super(),e(this,r),this.bcmCheckboxChange=o(this,"bcmCheckboxChange",1),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals)}get el(){return r(this)}internals;_id=c("bcm-checkbox");label;indeterminate=!1;size="medium";error=!1;caption;labelPosition="right";fullWidth=!1;internalChecked=!1;touched=!1;submitAttempted=!1;bcmCheckboxChange;inputElement;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.indeterminate=!1,this.touched=!1,this.submitAttempted=!1,this.error=!1,this.caption=void 0,this.syncNativeInput(),this.updateFormValueAndValidity({setUi:!1})}syncFromBase(e){this.internalChecked=e,this.indeterminate=!1,this.syncNativeInput()}onIndeterminateChange(){this.syncNativeInput()}syncNativeInput(){this.inputElement&&(this.inputElement.checked=this.internalChecked,this.inputElement.indeterminate=this.indeterminate&&!this.internalChecked,this.inputElement.disabled=this.disabled,this.inputElement.required="native"===this.validationMode&&this.required)}updateFormValueAndValidity(e){const o=e?.setUi??!0;if(!this.internals)return;if(this.disabled)return this.internals.setFormValue(null),this.internals.setValidity({}),void(o&&(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(o&&(this.error=!1,this.caption=void 0));const r=this.required&&!this.checked;if("silent"!==this.validationMode){if(r)return this.internals.setValidity({valueMissing:!0},"This field is required",this.inputElement??void 0),void(o&&(this.error=!1,this.caption=void 0));this.internals.setValidity({}),o&&(this.error=!1,this.caption=void 0)}else if(this.internals.setValidity({}),o){const e=this.touched||this.submitAttempted;this.error=e&&r,this.caption=e&&r?"This field is required":void 0}}handleChange=()=>{this.disabled||(this.touched||(this.touched=!0),this.indeterminate=!1,this.toggleChecked(),this.internalChecked=!!this.checked,this.syncNativeInput(),this.updateFormValueAndValidity({setUi:!0}),this.bcmCheckboxChange.emit({element:this.inputElement,checked:this.checked}))};getStyles(){return{"--checked-color":"var(--bcm-ui-color-background-primary-default)","--unchecked-color":"var(--bcm-ui-color-background-default-default)","--border-color":"var(--bcm-ui-color-border-default)","--hover-border-color":"var(--bcm-ui-color-border-primary)","--hover-color":"var(--bcm-ui-color-background-info-hover)",...this.error?{"--checked-color":"var(--bcm-ui-color-background-error-default)","--unchecked-color":"var(--bcm-ui-color-background-palette-red-default)","--border-color":"var(--bcm-ui-color-border-error)","--hover-border-color":"var(--bcm-ui-color-border-error)","--hover-color":"var(--bcm-ui-color-border-error)"}:{},...this.disabled?{"--checked-color":"var(--bcm-ui-color-background-disabled-default)","--unchecked-color":"var(--bcm-ui-color-background-disabled-default)","--border-color":"var(--bcm-ui-color-border-disabled)","--hover-color":"var(--bcm-ui-color-border-disabled)","--hover-border-color":"var(--bcm-ui-color-border-disabled)"}:{}}}classes=t({slots:{root:"bcm-ui-element bcm-checkbox flex flex-col",row:"flex items-center",checkbox:["flex items-center justify-center rounded-sm","border border-solid border-[--border-color]","bg-[--unchecked-color]","transition-colors duration-200 ease-out","peer-checked:bg-[--checked-color]","peer-checked:border-[--checked-color]","peer-indeterminate:bg-[--checked-color]","peer-indeterminate:border-[--checked-color]","hover:border-[--hover-border-color]","hover:peer-checked:bg-[--hover-color]","hover:peer-indeterminate:bg-[--hover-color]"],iconContainer:"flex items-center justify-center",label:"select-none text-color",hiddenInput:"sr-only peer",caption:"mt-1 text-color-error font-normal"},variants:{size:{small:{row:"gap-2",checkbox:"size-3",iconContainer:"size-2 text-size-2",label:"text-size-4",hiddenInput:"size-3",caption:"text-size-3"},medium:{row:"gap-2.5",checkbox:"size-4",iconContainer:"size-[10px] text-size-3",label:"text-size-5",hiddenInput:"size-4",caption:"text-size-4"},large:{row:"gap-3",checkbox:"size-[18px]",iconContainer:"size-4 text-size-4",label:"text-size-6",hiddenInput:"size-[18px]",caption:"text-size-5"}},disabled:{true:{row:"cursor-not-allowed",checkbox:"cursor-not-allowed hover:border-[--border-color] hover:bg-[--unchecked-color]",label:"cursor-not-allowed text-color-disabled",iconContainer:"text-color-disabled",hiddenInput:"cursor-not-allowed"},false:{row:"cursor-pointer",checkbox:"cursor-pointer",label:"cursor-pointer text-color",iconContainer:"text-color-base",hiddenInput:"cursor-pointer"}},labelPosition:{left:{row:"flex-row-reverse"},right:{row:"flex-row"}}},defaultVariants:{size:"medium",disabled:!1,labelPosition:"right"}},{twMerge:!1});render(){const{root:e,row:o,checkbox:r,iconContainer:t,label:c,hiddenInput:s,caption:a}=this.classes({size:this.size,disabled:this.disabled,labelPosition:this.labelPosition}),n=(this._id?`${this._id}-internal-checkbox`:void 0)??this.name??"bcm-checkbox";return i("div",{key:"1439de99bbd34bf79e8c4aab73e53ad7210889cf",class:e(),style:this.getStyles(),part:"checkbox"},i("div",{key:"11b06ec19eee1795dc5c38838fe8140d987aca05",class:o()},i("div",{key:"58349e8fc657776c99e24abe6f7fe5f245f15b7f",class:"relative inline-flex"},i("input",{key:"0effd2f01aa147bce8c9a0af237ed37292805a2b",ref:e=>this.inputElement=e,type:"checkbox",role:"checkbox",id:n,name:this.name,checked:this.internalChecked,indeterminate:this.indeterminate,disabled:this.disabled,class:s(),"aria-checked":this.internalChecked?"true":this.indeterminate?"mixed":"false","aria-invalid":this.error,"aria-required":this.required,"aria-label":this.label||"Checkbox",onChange:this.handleChange,part:"input"}),i("div",{key:"5c1c6fbd7f3a651f5dcbb445019c6c68f3f1482f",class:r(),part:"control",onClick:()=>this.inputElement?.click()},this.internalChecked&&i("div",{key:"982565dc34854eb2992d7c37b5c79f48aad81fde",class:t(),part:"icon"},i("bcm-icon",{key:"27edfb270f68a8e2579d7ddda1d2c7db74e69cb1",name:"fa-regular fa-check"})),this.indeterminate&&!this.internalChecked&&i("div",{key:"b42c459bc20d2cb3992b72e19e1cb0b307aaa7aa",class:t(),part:"icon"},i("bcm-icon",{key:"01c0e0d5aeb32f962699c80dfcfd4b85ea315e19",name:"fa-regular fa-minus"})))),i("label",{key:"01a0c46e1d5a5e839e6316416856b8928b3b380f",htmlFor:n,class:c(),part:"label"},i("slot",{key:"f874e503e169b3296f31002ad739d978fdb4b37f"},this.label))),this.error&&this.caption&&i("span",{key:"d8453e0638c46c59e6bcbb58340b4b0eb679c863",class:a(),part:"caption"},this.caption))}static get formAssociated(){return!0}static get watchers(){return{checked:[{onStateChange:0},{syncFromBase:0}],required:[{onStateChange:0}],disabled:[{onStateChange:0}],value:[{onStateChange:0}],indeterminate:[{onIndeterminateChange:0}]}}};a.style=".relative{position:relative}.block{display:block}:host{align-self:center;display:block;height:-moz-fit-content;height:fit-content;position:relative;width:-moz-fit-content;width:fit-content}:host([full-width]){width:100%}.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}.visible{visibility:visible}.static{position:static}.mt-1{margin-top:.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.size-2{height:.5rem;width:.5rem}.size-3{height:.75rem;width:.75rem}.size-4{height:1rem;width:1rem}.size-\\[10px\\]{height:10px;width:10px}.size-\\[18px\\]{height:18px;width:18px}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.rounded-sm{border-radius:var(--bcm-ui-border-radius-sm,4px)}.border{border-width:1px}.border-solid{border-style:solid}.border-\\[--border-color\\]{border-color:var(--border-color)}.bg-\\[--unchecked-color\\]{background-color:var(--unchecked-color)}.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)}.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-normal{font-weight:400}.text-color-base{color:var(--bcm-ui-color-text-base)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-error{color:var(--bcm-ui-color-text-error)}.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)}.duration-200{transition-duration:.2s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:border-\\[--border-color\\]:hover{border-color:var(--border-color)}.hover\\:border-\\[--hover-border-color\\]:hover{border-color:var(--hover-border-color)}.hover\\:bg-\\[--unchecked-color\\]:hover{background-color:var(--unchecked-color)}.peer:checked~.peer-checked\\:border-\\[--checked-color\\]{border-color:var(--checked-color)}.peer:checked~.peer-checked\\:bg-\\[--checked-color\\]{background-color:var(--checked-color)}.peer:checked~.hover\\:peer-checked\\:bg-\\[--hover-color\\]:hover{background-color:var(--hover-color)}.peer:indeterminate~.peer-indeterminate\\:border-\\[--checked-color\\]{border-color:var(--checked-color)}.peer:indeterminate~.peer-indeterminate\\:bg-\\[--checked-color\\]{background-color:var(--checked-color)}.peer:indeterminate~.hover\\:peer-indeterminate\\:bg-\\[--hover-color\\]:hover{background-color:var(--hover-color)}";export{a as bcm_checkbox}

package/dist/bromcom-ui/{p-f45ecd0e.entry.js → p-9ee52978.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,a as i,h as s}from"./p-BSFYtcqL.js";import{a as o,c as a,o as r,f as h,s as n,b as l}from"./p-DBDSgIvP.js";import{t as d}from"./p-CEcVC0yX.js";const c=class{constructor(i){t(this,i),this.bcmBeforeOpen=e(this,"bcmBeforeOpen",1),this.bcmOpen=e(this,"bcmOpen",1),this.bcmBeforeClose=e(this,"bcmBeforeClose",1),this.bcmClose=e(this,"bcmClose",1)}get host(){return i(this)}triggerRef;popoverRef;arrowRef;cleanupAutoUpdate;showTimeout;hideTimeout;popoverId=`popover-${Math.random().toString(36).substring(2,11)}`;size="medium";placement="top";trigger="click";showDelay=0;hideDelay=0;open=!1;closeOnOutsideClick=!0;closeOnEscape=!0;headerText;message;arrow=!0;isOpen=!1;bcmBeforeOpen;bcmOpen;bcmBeforeClose;bcmClose;handleOpenChange(t){t?this.showInternal():this.hideInternal()}showInternal(){this.popoverRef&&(this.isOpen=!0,this.popoverRef.showPopover(),this.startAutoUpdate(),this.updatePosition(),this.triggerRef?.setAttribute("aria-expanded","true"),this.bcmOpen.emit(),this.closeOnOutsideClick&&this.addOutsideClickListener())}hideInternal(){this.popoverRef&&(this.isOpen=!1,this.popoverRef.hidePopover(),this.stopAutoUpdate(),this.triggerRef?.setAttribute("aria-expanded","false"),this.bcmClose.emit(),this.removeOutsideClickListener())}async show(){this.open||(this.clearTimeouts(),this.showDelay>0?this.showTimeout=window.setTimeout((()=>{this.bcmBeforeOpen.emit(),this.open=!0}),this.showDelay):(this.bcmBeforeOpen.emit(),this.open=!0))}async hide(){this.open&&(this.clearTimeouts(),this.hideDelay>0?this.hideTimeout=window.setTimeout((()=>{this.bcmBeforeClose.emit(),this.open=!1}),this.hideDelay):(this.bcmBeforeClose.emit(),this.open=!1))}async toggle(){this.open?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.popoverRef&&(this.cleanupAutoUpdate=o(this.triggerRef,this.popoverRef,(()=>this.updatePosition()),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0}))}stopAutoUpdate(){this.cleanupAutoUpdate?.(),this.cleanupAutoUpdate=void 0}handleSlotChange=()=>{const t=this.host.shadowRoot?.querySelector("slot:not([name])");if(!t)return;const e=t.assignedElements();e.length>0&&(this.removeTriggerListeners(),this.triggerRef=e[0],this.setupTriggerListeners(),this.setupAriaAttributes())};setupTriggerListeners(){this.triggerRef&&("hover"!==this.trigger&&"hover focus"!==this.trigger||(this.triggerRef.addEventListener("mouseenter",this.handleMouseEnter),this.triggerRef.addEventListener("mouseleave",this.handleMouseLeave),this.popoverRef?.addEventListener("mouseenter",this.handlePopoverMouseEnter),this.popoverRef?.addEventListener("mouseleave",this.handlePopoverMouseLeave)),"click"===this.trigger&&this.triggerRef.addEventListener("click",this.handleTriggerClick),"hover focus"===this.trigger&&(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.popoverRef?.removeEventListener("mouseenter",this.handlePopoverMouseEnter),this.popoverRef?.removeEventListener("mouseleave",this.handlePopoverMouseLeave))}handleMouseEnter=()=>{this.show()};handleMouseLeave=()=>{this.hide()};handlePopoverMouseEnter=()=>{this.clearTimeouts()};handlePopoverMouseLeave=()=>{this.hide()};handleTriggerClick=t=>{t.stopPropagation(),this.toggle()};handleFocus=()=>{this.show()};handleBlur=()=>{this.hide()};setupAriaAttributes(){this.triggerRef&&(this.triggerRef.setAttribute("aria-describedby",this.popoverId),this.triggerRef.setAttribute("aria-expanded",String(this.open)),this.triggerRef.setAttribute("aria-haspopup","dialog"))}handleKeyDown(t){if(this.closeOnEscape&&this.open&&"Escape"===t.key){const e=Array.from(document.querySelectorAll("bcm-popover[open]"));e[e.length-1]===this.host&&(t.preventDefault(),this.hide(),this.triggerRef?.focus())}}handleOutsideClick=t=>{if(!this.closeOnOutsideClick||!this.open)return;const e=t.target,i=t.composedPath(),s=this.host.contains(e)||i.includes(this.host),o=this.popoverRef?.contains(e)||this.popoverRef&&i.includes(this.popoverRef);s||o||this.hide()};addOutsideClickListener(){setTimeout((()=>{document.addEventListener("click",this.handleOutsideClick,!0)}),0)}removeOutsideClickListener(){document.removeEventListener("click",this.handleOutsideClick,!0)}handleToggle=t=>{"open"!==t.newState||this.isOpen?"closed"===t.newState&&this.isOpen&&(this.isOpen=!1):this.isOpen=!0};componentDidLoad(){this.popoverRef?.addEventListener("toggle",this.handleToggle),this.open&&this.showInternal()}disconnectedCallback(){if(this.clearTimeouts(),this.stopAutoUpdate(),this.removeTriggerListeners(),this.removeOutsideClickListener(),this.popoverRef&&(this.popoverRef.removeEventListener("toggle",this.handleToggle),this.isOpen))try{this.popoverRef.hidePopover()}catch(t){}}updatePosition=async()=>{if(!this.triggerRef||!this.popoverRef)return;const t=this.triggerRef.getBoundingClientRect();if(!(t.bottom>0&&t.top<window.innerHeight&&t.right>0&&t.left<window.innerWidth)&&this.open)return void this.hide();const e={getBoundingClientRect:()=>this.triggerRef.getBoundingClientRect()},i=[r(12),h({fallbackPlacements:["top","left","bottom","right"]}),n({padding:8})];this.arrow&&this.arrowRef&&i.push(l({element:this.arrowRef}));const{x:s,y:o,placement:d,middlewareData:c}=await a(e,this.popoverRef,{placement:this.placement,strategy:"fixed",middleware:i});if(Object.assign(this.popoverRef.style,{left:`${s}px`,top:`${o}px`}),this.popoverRef.setAttribute("data-placement",d),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"})}};popoverClass=d({slots:{box:["bcm-ui-element","bcm-popover","fixed","m-0","flex","flex-col","bg-[--popover-bg]","rounded-md","shadow-3","p-3","gap-1.5","min-w-max"],header:"font-semibold text-color",content:"font-normal text-color",arrow:"absolute w-3 h-3 bg-[--popover-bg] transform rotate-45"},variants:{size:{small:{box:"text-size-3"},medium:{box:"text-size-4"},large:{box:"text-size-5"}}},defaultVariants:{size:"medium"}});render(){const{box:t,header:e,content:i,arrow:o}=this.popoverClass({size:this.size});return s("div",{key:"6ae75ba15382687fc995e9ef0d9ff9316f7e408d",class:"inline-block"},s("slot",{key:"a1dc21911c1441adb37b21918ab87cb817778e36",onSlotchange:this.handleSlotChange}),s("div",{key:"002ed836d31db107699843aebdd7566fd8e64413",ref:t=>this.popoverRef=t,id:this.popoverId,part:"popover",class:t(),popover:"manual",role:"dialog","aria-labelledby":this.headerText?`${this.popoverId}-header`:void 0},this.arrow&&s("div",{key:"5e9cc584b6006e987b483228a30e808914891ef7",ref:t=>this.arrowRef=t,part:"arrow",class:o()}),s("div",{key:"6ae703362af520af237934a09176c81c71383905",id:`${this.popoverId}-header`,part:"header",class:e()},s("slot",{key:"aca501dc86fa9eb553a65f00e4d4eae87d463cc0",name:"header"},this.headerText)),s("div",{key:"0945c9e5eced1ed75412a86370e11248ddc3a2c0",part:"content",class:i()},s("slot",{key:"963b4eda8fd6654feaf3541dc4ec8d9e84f0a37e",name:"content"},this.message))))}static get watchers(){return{open:[{handleOpenChange:0}]}}};c.style=".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{--popover-bg:var(--bcm-ui-color-background-base-default);display:inline-block}[popover]{border:none;overflow:visible;padding:0}[popover]:not(:popover-open){display:none}[popover]:popover-open{opacity:1;transform:scale(1);transition:opacity .15s ease-out,transform .15s ease-out}@starting-style{[popover]:popover-open{opacity:0;transform:scale(.95)}}[data-placement^=top] [part=arrow]{border-left:none;border-top:none}[data-placement^=bottom] [part=arrow]{border-bottom:none;border-right:none}[data-placement^=left] [part=arrow]{border-bottom:none;border-left:none}[data-placement^=right] [part=arrow]{border-right:none;border-top:none}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.m-0{margin:0}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.h-3{height:.75rem}.w-3{width:.75rem}.min-w-max{min-width:max-content}.rotate-45{--tw-rotate:45deg}.rotate-45,.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))}.flex-col{flex-direction:column}.gap-1\\.5{gap:.375rem}.rounded-md{border-radius:var(--bcm-ui-border-radius-md,6px)}.bg-\\[--popover-bg\\]{background-color:var(--popover-bg)}.p-3{padding:.75rem}.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-normal{font-weight:400}.font-semibold{font-weight:600}.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)}.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)}";export{c as bcm_popover}
+import{r as t,c as e,a as s,h as i}from"./p-BSFYtcqL.js";import{a as o,c as a,o as r,f as h,s as n,b as l}from"./p-DBDSgIvP.js";import{t as c}from"./p-CEcVC0yX.js";const d=class{constructor(s){t(this,s),this.bcmBeforeOpen=e(this,"bcmBeforeOpen",1),this.bcmOpen=e(this,"bcmOpen",1),this.bcmBeforeClose=e(this,"bcmBeforeClose",1),this.bcmClose=e(this,"bcmClose",1)}get host(){return s(this)}triggerRef;popoverRef;arrowRef;cleanupAutoUpdate;showTimeout;hideTimeout;popoverId=`popover-${Math.random().toString(36).substring(2,11)}`;size="medium";placement="top";trigger="click";showDelay=0;hideDelay=0;open=!1;closeOnOutsideClick=!0;closeOnEscape=!0;headerText;message;arrow=!0;isOpen=!1;bcmBeforeOpen;bcmOpen;bcmBeforeClose;bcmClose;handleOpenChange(t){t?this.showInternal():this.hideInternal()}showInternal(){this.popoverRef&&(this.isOpen=!0,this.popoverRef.showPopover(),this.startAutoUpdate(),this.updatePosition(),this.triggerRef?.setAttribute("aria-expanded","true"),this.bcmOpen.emit(),this.closeOnOutsideClick&&this.addOutsideClickListener())}hideInternal(){this.popoverRef&&(this.isOpen=!1,this.popoverRef.hidePopover(),this.stopAutoUpdate(),this.triggerRef?.setAttribute("aria-expanded","false"),this.bcmClose.emit(),this.removeOutsideClickListener())}async show(){this.open||(this.clearTimeouts(),this.showDelay>0?this.showTimeout=window.setTimeout((()=>{this.bcmBeforeOpen.emit(),this.open=!0}),this.showDelay):(this.bcmBeforeOpen.emit(),this.open=!0))}async hide(){this.open&&(this.clearTimeouts(),this.hideDelay>0?this.hideTimeout=window.setTimeout((()=>{this.bcmBeforeClose.emit(),this.open=!1}),this.hideDelay):(this.bcmBeforeClose.emit(),this.open=!1))}async toggle(){this.open?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.popoverRef&&(this.cleanupAutoUpdate=o(this.triggerRef,this.popoverRef,(()=>this.updatePosition()),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0}))}stopAutoUpdate(){this.cleanupAutoUpdate?.(),this.cleanupAutoUpdate=void 0}handleSlotChange=()=>{const t=this.host.shadowRoot?.querySelector("slot:not([name])");if(!t)return;const e=t.assignedElements();e.length>0&&(this.removeTriggerListeners(),this.triggerRef=e[0],this.setupTriggerListeners(),this.setupAriaAttributes())};setupTriggerListeners(){this.triggerRef&&("hover"!==this.trigger&&"hover focus"!==this.trigger||(this.triggerRef.addEventListener("mouseenter",this.handleMouseEnter),this.triggerRef.addEventListener("mouseleave",this.handleMouseLeave),this.popoverRef?.addEventListener("mouseenter",this.handlePopoverMouseEnter),this.popoverRef?.addEventListener("mouseleave",this.handlePopoverMouseLeave)),"click"===this.trigger&&this.triggerRef.addEventListener("click",this.handleTriggerClick),"hover focus"===this.trigger&&(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.popoverRef?.removeEventListener("mouseenter",this.handlePopoverMouseEnter),this.popoverRef?.removeEventListener("mouseleave",this.handlePopoverMouseLeave))}handleMouseEnter=()=>{this.show()};handleMouseLeave=()=>{this.hide()};handlePopoverMouseEnter=()=>{this.clearTimeouts()};handlePopoverMouseLeave=()=>{this.hide()};handleTriggerClick=t=>{t.stopPropagation(),this.toggle()};handleFocus=()=>{this.show()};handleBlur=()=>{this.hide()};setupAriaAttributes(){this.triggerRef&&(this.triggerRef.setAttribute("aria-describedby",this.popoverId),this.triggerRef.setAttribute("aria-expanded",String(this.open)),this.triggerRef.setAttribute("aria-haspopup","dialog"))}handleKeyDown(t){if(this.closeOnEscape&&this.open&&"Escape"===t.key){const e=Array.from(document.querySelectorAll("bcm-popover[open]"));e[e.length-1]===this.host&&(t.preventDefault(),this.hide(),this.triggerRef?.focus())}}handleOutsideClick=t=>{if(!this.closeOnOutsideClick||!this.open)return;const e=t.target,s=t.composedPath(),i=this.host.contains(e)||s.includes(this.host),o=this.popoverRef?.contains(e)||this.popoverRef&&s.includes(this.popoverRef);i||o||this.hide()};addOutsideClickListener(){setTimeout((()=>{document.addEventListener("click",this.handleOutsideClick,!0)}),0)}removeOutsideClickListener(){document.removeEventListener("click",this.handleOutsideClick,!0)}handleToggle=t=>{"open"!==t.newState||this.isOpen?"closed"===t.newState&&this.isOpen&&(this.isOpen=!1):this.isOpen=!0};componentDidLoad(){this.popoverRef?.addEventListener("toggle",this.handleToggle),this.open&&this.showInternal()}disconnectedCallback(){if(this.clearTimeouts(),this.stopAutoUpdate(),this.removeTriggerListeners(),this.removeOutsideClickListener(),this.popoverRef&&(this.popoverRef.removeEventListener("toggle",this.handleToggle),this.isOpen))try{this.popoverRef.hidePopover()}catch(t){}}updatePosition=async()=>{if(!this.triggerRef||!this.popoverRef)return;const t=this.triggerRef.getBoundingClientRect();if(!(t.bottom>0&&t.top<window.innerHeight&&t.right>0&&t.left<window.innerWidth)&&this.open)return void this.hide();const e={getBoundingClientRect:()=>this.triggerRef.getBoundingClientRect()},s=[r(12),h({fallbackPlacements:["top","left","bottom","right"]}),n({padding:8})];this.arrow&&this.arrowRef&&s.push(l({element:this.arrowRef}));const{x:i,y:o,placement:c,middlewareData:d}=await a(e,this.popoverRef,{placement:this.placement,strategy:"fixed",middleware:s});if(Object.assign(this.popoverRef.style,{left:`${i}px`,top:`${o}px`}),this.popoverRef.setAttribute("data-placement",c),this.arrow&&this.arrowRef&&d.arrow){const{x:t,y:e}=d.arrow,s={top:"bottom",right:"left",bottom:"top",left:"right"}[c.split("-")[0]];Object.assign(this.arrowRef.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[s]:"-4px"})}};popoverClass=c({slots:{box:["bcm-ui-element","bcm-popover","fixed","m-0","flex","flex-col","bg-[--popover-bg]","rounded-md","shadow-3","p-3","gap-1.5","min-w-max"],header:"font-semibold text-color",content:"font-normal text-color",arrow:"absolute w-3 h-3 bg-[--popover-bg] transform rotate-45"},variants:{size:{small:{box:"text-size-3"},medium:{box:"text-size-4"},large:{box:"text-size-5"}}},defaultVariants:{size:"medium"}});render(){const{box:t,header:e,content:s,arrow:o}=this.popoverClass({size:this.size});return i("div",{key:"58974d41aa0c4278ac03dc0de7a56480792140dd",class:"inline-block"},i("slot",{key:"26ddb3b5c930cfe6d0b743900ebdbea9fbc98cec",onSlotchange:this.handleSlotChange}),i("div",{key:"e4e6d194914cc232b7b01c05cecb12517649171c",ref:t=>this.popoverRef=t,id:this.popoverId,part:"popover",class:t(),popover:"manual",role:"dialog","aria-labelledby":this.headerText?`${this.popoverId}-header`:void 0},this.arrow&&i("div",{key:"1e02fecbede7b837c1418941910b55ed4b3b77a2",ref:t=>this.arrowRef=t,part:"arrow",class:o()}),i("div",{key:"31de335a19638860d8ccb79921e815798188d6e5",id:`${this.popoverId}-header`,part:"header",class:e()},i("slot",{key:"f0cd37fc2052d129c4a156c61c46488b3164e774",name:"header"},this.headerText)),i("div",{key:"824c183f41861888debe1017b94dbc0a4d2f4446",part:"content",class:s()},i("slot",{key:"e8ca3edcb09b7ed19dba0c3dd59b78028bbe6a42",name:"content"},this.message))))}static get watchers(){return{open:[{handleOpenChange:0}]}}};d.style=".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{--popover-bg:var(--bcm-ui-color-background-base-default);display:contents}[popover]{border:none;overflow:visible;padding:0}[popover]:not(:popover-open){display:none}[popover]:popover-open{opacity:1;transform:scale(1);transition:opacity .15s ease-out,transform .15s ease-out}@starting-style{[popover]:popover-open{opacity:0;transform:scale(.95)}}[data-placement^=top] [part=arrow]{border-left:none;border-top:none}[data-placement^=bottom] [part=arrow]{border-bottom:none;border-right:none}[data-placement^=left] [part=arrow]{border-bottom:none;border-left:none}[data-placement^=right] [part=arrow]{border-right:none;border-top:none}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.m-0{margin:0}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.h-3{height:.75rem}.w-3{width:.75rem}.min-w-max{min-width:max-content}.rotate-45{--tw-rotate:45deg}.rotate-45,.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))}.flex-col{flex-direction:column}.gap-1\\.5{gap:.375rem}.rounded-md{border-radius:var(--bcm-ui-border-radius-md,6px)}.bg-\\[--popover-bg\\]{background-color:var(--popover-bg)}.p-3{padding:.75rem}.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-normal{font-weight:400}.font-semibold{font-weight:600}.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)}.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)}";export{d as bcm_popover}

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

@@ -0,0 +1 @@
+import{r as t,a as o,h as i,H as s}from"./p-BSFYtcqL.js";import{t as a}from"./p-CEcVC0yX.js";const e=class{constructor(o){t(this,o)}get host(){return o(this)}kind;size;status;fullWidth;loading;disabled;orientation="horizontal";componentDidLoad(){this.applyPropertiesToButtons(),this.setButtonPositions()}componentDidUpdate(){this.applyPropertiesToButtons(),this.setButtonPositions()}applyPropertiesToButtons(){this.host.querySelectorAll("bcm-button").forEach((t=>{void 0!==this.kind&&(t.kind=this.kind),void 0!==this.size&&(t.size=this.size),void 0!==this.status&&(t.status=this.status),void 0!==this.fullWidth&&(t.fullWidth=this.fullWidth),void 0!==this.loading&&(t.loading=this.loading),void 0!==this.disabled&&(t.disabled=this.disabled),"vertical"===this.orientation?t.classList.add("orientation-vertical"):t.classList.remove("orientation-vertical")}))}setButtonPositions(){const t=this.host.querySelectorAll("bcm-button"),o=t.length;0!==o&&t.forEach(((t,i)=>{t.position=1===o?null:0===i?"first":i===o-1?"last":"middle"}))}buttonGroupClass=a({base:"bcm-button-group bcm-ui-element",variants:{orientation:{horizontal:"flex flex-row",vertical:"flex flex-col"},fullWidth:{true:"w-full"}},defaultVariants:{orientation:"horizontal"}},{twMerge:!1});render(){return i(s,{key:"8d88cf214197d97f7c006286c85d631b0921d662"},i("div",{key:"d597a5f10e5fc5f050924bd48c764b9aeafbc672",class:this.buttonGroupClass({orientation:this.orientation,fullWidth:this.fullWidth})},i("slot",{key:"e167d1694667140bf970f8f2eb4ad9266fd71681"})))}};e.style=".block{display:block}.flex{display:flex}:host{display:block}.bcm-button-group{display:flex}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.w-full{width:100%}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.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)}";export{e as bcm_button_group}

package/dist/bromcom-ui/{p-b8001f36.entry.js → p-a687ff1b.entry.js}

@@ -1 +1 @@
-import{r as a,c as e,a as t,h as s,H as o}from"./p-BSFYtcqL.js";const i=class{constructor(t){a(this,t),this.bcmTabClick=e(this,"bcmTabClick",5)}get el(){return t(this)}value;label;disabled=!1;active=!1;size="md";bcmTabClick;render(){return s(o,{key:"8e3d84469a9ff4beab3440d5f0dc1fbb11f84ad2",role:"tabpanel","aria-labelledby":`tab-${this.value}`,id:`panel-${this.value}`,"aria-hidden":(!this.active).toString(),style:{display:this.active?"block":"none"}},s("div",{key:"2f00049bbabe7bf4b4c5914c78d4abd95d87b538",class:"bcm-ui-element tab-panel p-4"},s("slot",{key:"1b8495c4308f132e7f36f73ee9731a88d9bab79b"})))}};i.style=".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)}";export{i as bcm_tab}
+import{r as a,c as e,a as t,h as s,H as o}from"./p-BSFYtcqL.js";const i=class{constructor(t){a(this,t),this.bcmTabClick=e(this,"bcmTabClick",5)}get el(){return t(this)}value;label;disabled=!1;active=!1;size="md";bcmTabClick;render(){return s(o,{key:"e682d33f66ba04c1a24fd66b3e8578dee0ed1c5d",role:"tabpanel","aria-labelledby":`tab-${this.value}`,id:`panel-${this.value}`,"aria-hidden":(!this.active).toString(),style:{display:this.active?"block":"none"}},s("div",{key:"862a1ccc368dd3f6cf68b0ce6f4be051c861f3b2",class:"bcm-ui-element tab-panel p-4"},s("slot",{key:"e6c6b000797db3f40f5b6ce46ec345d38f1a2c29"})))}};i.style=".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)}";export{i as bcm_tab}

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

@@ -0,0 +1 @@
+import{r as e,c as t,a as i,h as o,H as a}from"./p-BSFYtcqL.js";import{t as r}from"./p-CEcVC0yX.js";import{c as s}from"./p-BfTCfPZ1.js";const l=class{constructor(i){e(this,i),this.bcmSegmentClick=t(this,"bcmSegmentClick",5)}get el(){return i(this)}value;disabled=!1;selected=!1;size="medium";index=0;activeIndex=0;bcmSegmentClick;handleClick=()=>{this.disabled||this.bcmSegmentClick.emit(this.value)};segmentClass=r({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 o(a,{key:"012a8f5e07a0754d4c1630fc600a818f2327c159",role:"radio","aria-checked":this.selected.toString()},o("button",{key:"8ed95a4396b730733c2a8ced72b62490521ba475",class:this.segmentClass({size:this.size,selected:this.selected,disabled:this.disabled}),onClick:this.handleClick,disabled:this.disabled,type:"button"},o("slot",{key:"09f8e5abc27f11b61fc0579e006e8d528595415a"})),o("div",{key:"7ef3b0d95122dc4153e5b4d03e2c6b5127f10bd3",class:"divider "+(e?"divider-hidden":"")}))}};l.style=".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}.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)}";const n=class{constructor(i){e(this,i),this.bcmSegmentChange=t(this,"bcmSegmentChange",1),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}get el(){return i(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 t=100/this.segments.length;e.style.setProperty("--indicator-left",this.activeIndex*t+"%"),e.style.setProperty("--indicator-width",`${t}%`)}}handleValueChange(e,t){this.updateActiveIndex(),this.updateSegmentStates(),this.updateCSSVariables(),this.updateFormValueAndValidity(),void 0!==t&&t!==e&&this.bcmSegmentChange.emit({value:e,previousValue:t})}handleValidationPropsChange(){this.updateFormValueAndValidity()}handleSizeChange(){this.propagatePropsToSegments()}propagatePropsToSegments(){this.segmentElements.forEach(((e,t)=>{e.size=this.size,e.index=t,e.activeIndex=this.activeIndex}))}handleSegmentClick(e){const t=e.detail,i=this.segments.find((e=>e.value===t));!i||i.disabled||this.disabled||(this.value=t)}async setValue(e){const t=this.segments.find((t=>t.value===e));t&&!t.disabled&&(this.value=e)}async getValue(){return this.value}containerClass=r({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=r({base:"indicator absolute inset-y-0 bg-color-base rounded shadow-sm z-20",variants:{size:{small:"",medium:"",large:""}}});render(){return o(a,{key:"145f07a0feca65987396e9a1ac06590a06dbfcf2"},o("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"}),o("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},o("div",{key:"b402df0ea2129da20e3db3e39b9d742a64624ad5",class:this.indicatorClass({size:this.size})}),o("div",{key:"7bc58e4c17271f352b7581a20b8fab4cc5111c60",class:"segments-grid grid grid-auto-flow-col grid-auto-columns-fr relative w-full"},o("slot",{key:"50797653c69818286df14c010c0dc2c28e639ef6"}))))}static get formAssociated(){return!0}static get watchers(){return{value:[{handleValueChange:0}],required:[{handleValidationPropsChange:0}],disabled:[{handleValidationPropsChange:0}],size:[{handleSizeChange:0}]}}};n.style=".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)}";const d={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"},c=class{constructor(t){e(this,t)}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 i=this.variantClassMap[e];return"string"==typeof i?i:i[t]};getOverflowClass=e=>e?"truncate":"";render(){const e=d[this.variant],t=this.getTextClass(this.variant,this.size),i=this.getOverflowClass(this.overflow??!1);return o(e,{key:"ff2bca6e93184787eba311267501606cf50a0a92",class:s("bcm-ui-element bcm-text appearance-none m-0 p-0",t,i),part:"text"},o("slot",{key:"a0110483c7cb7cfe04c086a49e18618af8a883da"},this.text))}};c.style=".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)}";export{l as bcm_segment,n as bcm_segmented_picker,c as bcm_text}

package/dist/bromcom-ui/{p-b1eaa46d.entry.js → p-b4399aa2.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,a as r,h as o}from"./p-BSFYtcqL.js";import{t as a}from"./p-CEcVC0yX.js";const i=class{constructor(r){e(this,r),this.bcmOpen=t(this,"bcmOpen",7),this.bcmClose=t(this,"bcmClose",7),this.bcmBeforeOpen=t(this,"bcmBeforeOpen",7),this.bcmBeforeClose=t(this,"bcmBeforeClose",7)}get host(){return r(this)}dialogRef;open=!1;size="medium";position="right";fullWidth=!1;fullScreen=!1;backdrop=!0;headerText;helperText;noHeader=!1;noFooter=!1;closeOnBackdrop=!0;closeOnEscape=!0;shake=!1;bcmOpen;bcmClose;bcmBeforeOpen;bcmBeforeClose;drawerClass=a({slots:{dialog:"bcm-ui-element fixed inset-0 m-0 p-0 w-full max-w-full h-full max-h-full border-none bg-transparent backdrop:bg-color-default-dark backdrop:opacity-50",container:"fixed inset-0 flex overflow-hidden",drawer:"relative bg-color-base text-color-default shadow-2xl flex flex-col",header:"flex justify-between items-start bg-color-base text-color-default border-color-default border-solid border-0 py-3 px-4",headerContent:"flex-1 min-w-0 flex items-center gap-2",title:"font-semibold m-0 text-size-6 text-color-header",helperText:"text-size-5 text-color-placeholder m-0",closeButton:"text-size-5 font-medium text-color-default bg-transparent border-none p-0 h-6 w-6 rounded hover:bg-color-default-hover cursor-pointer active:bg-color-active transition-colors flex-shrink-0 outline-none focus-visible:ring",content:"flex-grow overflow-y-auto p-4",footer:"flex items-center justify-end gap-2 py-3 px-4"},variants:{position:{left:{container:"justify-start",drawer:"h-full",header:"border-b"},right:{container:"justify-end",drawer:"h-full",header:"border-b"},top:{container:"items-start",drawer:"w-full",header:"border-b"},bottom:{container:"items-end",drawer:"w-full",header:"border-t"}},fullScreen:{true:{drawer:"w-screen h-screen max-w-none max-h-none",container:"p-0"}},shake:{true:{drawer:"animate-shake"}},noHeader:{true:{header:"hidden"}},noFooter:{true:{footer:"hidden"}}}});handleOpenChange(e){if(e){if(this.bcmBeforeOpen.emit().defaultPrevented)return void(this.open=!1);this.dialogRef&&(this.dialogRef.open||this.dialogRef.showModal()),this.bcmOpen.emit()}else{if(this.bcmBeforeClose.emit().defaultPrevented)return void(this.open=!0);this.dialogRef&&this.dialogRef.open&&this.dialogRef.close(),this.bcmClose.emit()}}handleClick(e){e.composedPath().find((e=>e.hasAttribute?.("data-dismiss")))&&(this.hide(),e.preventDefault(),e.stopPropagation())}async show(){this.open=!0}async hide(){this.open=!1}async toggle(){this.open=!this.open}shakeDrawer(){this.shake=!0,setTimeout((()=>{this.shake=!1}),300)}handleBackdropClick=e=>{"container"===e.target.getAttribute("part")&&("static"===this.backdrop?this.shakeDrawer():this.closeOnBackdrop&&this.hide())};handleDialogCancel=e=>{e.preventDefault(),"static"===this.backdrop?(this.shakeDrawer(),requestAnimationFrame((()=>{this.dialogRef&&!this.dialogRef.open&&this.open&&this.dialogRef.showModal()}))):this.closeOnEscape&&this.hide()};handleDrawerClick=e=>{e.stopPropagation()};componentDidLoad(){this.open&&this.dialogRef&&this.dialogRef.showModal()}disconnectedCallback(){this.dialogRef&&this.open&&this.dialogRef.close()}getDrawerStyle(){const e={};if(this.fullScreen)return e.width="100vw",e.height="100vh",e.maxWidth="none",e.maxHeight="none",e;if(this.fullWidth)return"left"===this.position||"right"===this.position?e.width="100vw":e.height="100vh",e;const t=this.size&&(this.size.includes("px")||this.size.includes("%")||this.size.includes("rem")||this.size.includes("em")||this.size.includes("vw")||this.size.includes("vh"));if("left"===this.position||"right"===this.position)if(t)e.width=this.size;else switch(this.size){case"small":e.width="320px";break;case"medium":e.width="480px";break;case"large":e.width="1064px"}else if(t)e.height=this.size;else switch(this.size){case"small":e.height="40vh";break;case"medium":e.height="60vh";break;case"large":e.height="90vh"}return e}render(){const{dialog:e,container:t,drawer:r,header:a,headerContent:i,title:s,helperText:n,closeButton:d,content:l,footer:c}=this.drawerClass({position:this.position,fullScreen:this.fullScreen,shake:this.shake,noHeader:this.noHeader,noFooter:this.noFooter});return o("dialog",{key:"5f2b6c7e56052ee99a45635d134d8bc77515f553",ref:e=>this.dialogRef=e,part:"dialog",class:e(),onClick:this.handleBackdropClick,onCancel:this.handleDialogCancel,"aria-labelledby":"drawer-title","aria-describedby":this.helperText?"drawer-helper":void 0,"aria-modal":"true"},o("div",{key:"97ea7bd5cf244747338f45c32be63b40e2d0ab69",part:"container",class:t()},o("div",{key:"ce370b2f27ccdb11a47da0e0c8d0f0c3953fe989",part:"drawer",class:r(),style:this.getDrawerStyle(),role:"document",onClick:this.handleDrawerClick},!this.noHeader&&o("div",{key:"97ec92d4769d7aaa031d36953865c315ca2e18bd",part:"header",class:a()},o("div",{key:"d728fda97515fc135de32402d1c8f81614f7cb26",part:"header-content",class:i()},o("h2",{key:"c12ad7d905bcbd1cc0bef89c7792d4f8506d7ccd",id:"drawer-title",part:"title",class:s()},o("slot",{key:"b42daf931e45abd500aac56321ba464fccf254be",name:"header"},this.headerText)),this.helperText&&o("p",{key:"26772b327ee266f7ab7ba7fbf5a804a14b552611",id:"drawer-helper",part:"helper-text",class:n()},o("slot",{key:"e3b1df6a5484e1b0bcc24af9aef72014e5409329",name:"helper"},this.helperText))),o("button",{key:"32a746cc753b8eaa08a0498df9f1926da48f70bb",part:"close-button",class:d(),onClick:()=>this.hide(),"aria-label":"Close drawer",type:"button"},o("bcm-icon",{key:"423f2493ede384efad396b7935a8a8d75f3470dc",name:"fa-solid fa-xmark"}))),o("div",{key:"c88c138fb88672b549e1bf2fdc9fffa046e3fda5",part:"content",class:l()},o("slot",{key:"cb580a34b3fb0f7e9d0504f56a581c15286715e7"})),!this.noFooter&&o("div",{key:"6dfeddb856478d8133024c62dc704ab5732b9b31",part:"footer",class:c()},o("slot",{key:"159952b9e1ad03319197da2f03c4d67b8951742c",name:"footer"})))))}static get watchers(){return{open:[{handleOpenChange:0}]}}};i.style=".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))}.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}[part=dialog]::backdrop{animation:backdrop-fade-in .2s ease-out}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:.5}}[part=drawer]{transition:transform .2s ease-out}:host([position=left]) [part=drawer]{transform:translateX(-20px)}:host([position=left][open]) [part=drawer]{transform:translateX(0)}:host([position=right]) [part=drawer]{transform:translateX(20px)}:host([position=right][open]) [part=drawer]{transform:translateX(0)}:host([position=top]) [part=drawer]{transform:translateY(-20px)}:host([position=top][open]) [part=drawer]{transform:translateY(0)}:host([position=bottom]) [part=drawer]{transform:translateY(20px)}:host([position=bottom][open]) [part=drawer]{transform:translateY(0)}.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}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.m-0{margin:0}.flex{display:flex}.hidden{display:none}.h-6{height:1.5rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-full{max-height:100%}.max-h-none{max-height:none}.w-6{width:1.5rem}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0}.max-w-full{max-width:100%}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.animate-shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) infinite;animation:shake .3s cubic-bezier(.36,.07,.19,.97) both}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-color-default{border-color:var(--bcm-ui-color-border-default)}.bg-color-base{background-color:var(--bcm-ui-color-background-base-default)}.bg-transparent{background-color:transparent}.p-0{padding:0}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.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-semibold{font-weight:600}.text-color-default{color:var(--bcm-ui-color-text-default)}.text-color-header{color:var(--bcm-ui-color-text-header)}.text-color-placeholder{color:var(--bcm-ui-color-text-placeholder)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:var(--bcm-ui-box-shadow-2xl);--tw-shadow-colored:var(--bcm-ui-box-shadow-2xl)}.outline-none{outline:2px solid transparent;outline-offset:2px}.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)}.backdrop\\:bg-color-default-dark::backdrop{background-color:var(--bcm-ui-color-background-default-dark-default)}.backdrop\\:opacity-50::backdrop{opacity:.5}.hover\\:bg-color-default-hover:hover{background-color:var(--bcm-ui-color-background-default-hover)}.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)}";export{i as bcm_drawer}
+import{r as e,c as t,a as r,h as o}from"./p-BSFYtcqL.js";import{t as a}from"./p-CEcVC0yX.js";const i=class{constructor(r){e(this,r),this.bcmOpen=t(this,"bcmOpen",7),this.bcmClose=t(this,"bcmClose",7),this.bcmBeforeOpen=t(this,"bcmBeforeOpen",7),this.bcmBeforeClose=t(this,"bcmBeforeClose",7)}get host(){return r(this)}dialogRef;open=!1;size="medium";position="right";fullWidth=!1;fullScreen=!1;backdrop=!0;headerText;helperText;noHeader=!1;noFooter=!1;closeOnBackdrop=!0;closeOnEscape=!0;shake=!1;bcmOpen;bcmClose;bcmBeforeOpen;bcmBeforeClose;drawerClass=a({slots:{dialog:"bcm-ui-element fixed inset-0 m-0 p-0 w-full max-w-full h-full max-h-full border-none bg-transparent backdrop:bg-color-default-dark backdrop:opacity-50",container:"fixed inset-0 flex overflow-hidden",drawer:"relative bg-color-base text-color-default shadow-2xl flex flex-col",header:"flex justify-between items-start bg-color-base text-color-default border-color-default border-solid border-0 py-3 px-4",headerContent:"flex-1 min-w-0 flex items-center gap-2",title:"font-semibold m-0 text-size-6 text-color-header",helperText:"text-size-5 text-color-placeholder m-0",closeButton:"text-size-5 font-medium text-color-default bg-transparent border-none p-0 h-6 w-6 rounded hover:bg-color-default-hover cursor-pointer active:bg-color-active transition-colors flex-shrink-0 outline-none focus-visible:ring",content:"flex-grow overflow-y-auto p-4",footer:"flex items-center justify-end gap-2 py-3 px-4"},variants:{position:{left:{container:"justify-start",drawer:"h-full",header:"border-b"},right:{container:"justify-end",drawer:"h-full",header:"border-b"},top:{container:"items-start",drawer:"w-full",header:"border-b"},bottom:{container:"items-end",drawer:"w-full",header:"border-t"}},fullScreen:{true:{drawer:"w-screen h-screen max-w-none max-h-none",container:"p-0"}},shake:{true:{drawer:"animate-shake"}},noHeader:{true:{header:"hidden"}},noFooter:{true:{footer:"hidden"}}}});handleOpenChange(e){if(e){if(this.bcmBeforeOpen.emit().defaultPrevented)return void(this.open=!1);this.dialogRef&&(this.dialogRef.open||this.dialogRef.showModal()),this.bcmOpen.emit()}else{if(this.bcmBeforeClose.emit().defaultPrevented)return void(this.open=!0);this.dialogRef&&this.dialogRef.open&&this.dialogRef.close(),this.bcmClose.emit()}}handleClick(e){e.composedPath().find((e=>e.hasAttribute?.("data-dismiss")))&&(this.hide(),e.preventDefault(),e.stopPropagation())}async show(){this.open=!0}async hide(){this.open=!1}async toggle(){this.open=!this.open}shakeDrawer(){this.shake=!0,setTimeout((()=>{this.shake=!1}),300)}handleBackdropClick=e=>{"container"===e.target.getAttribute("part")&&("static"===this.backdrop?this.shakeDrawer():this.closeOnBackdrop&&this.hide())};handleDialogCancel=e=>{e.preventDefault(),"static"===this.backdrop?(this.shakeDrawer(),requestAnimationFrame((()=>{this.dialogRef&&!this.dialogRef.open&&this.open&&this.dialogRef.showModal()}))):this.closeOnEscape&&this.hide()};handleDrawerClick=e=>{e.stopPropagation()};componentDidLoad(){this.open&&this.dialogRef&&this.dialogRef.showModal()}disconnectedCallback(){this.dialogRef&&this.open&&this.dialogRef.close()}getDrawerStyle(){const e={};if(this.fullScreen)return e.width="100vw",e.height="100vh",e.maxWidth="none",e.maxHeight="none",e;if(this.fullWidth)return"left"===this.position||"right"===this.position?e.width="100vw":e.height="100vh",e;const t=this.size&&(this.size.includes("px")||this.size.includes("%")||this.size.includes("rem")||this.size.includes("em")||this.size.includes("vw")||this.size.includes("vh"));if("left"===this.position||"right"===this.position)if(t)e.width=this.size;else switch(this.size){case"small":e.width="320px";break;case"medium":e.width="480px";break;case"large":e.width="1064px"}else if(t)e.height=this.size;else switch(this.size){case"small":e.height="40vh";break;case"medium":e.height="60vh";break;case"large":e.height="90vh"}return e}render(){const{dialog:e,container:t,drawer:r,header:a,headerContent:i,title:s,helperText:n,closeButton:d,content:l,footer:c}=this.drawerClass({position:this.position,fullScreen:this.fullScreen,shake:this.shake,noHeader:this.noHeader,noFooter:this.noFooter});return o("dialog",{key:"81c5658630bb4ee4f4693d551f6bdccea2776b3d",ref:e=>this.dialogRef=e,part:"dialog",class:e(),onClick:this.handleBackdropClick,onCancel:this.handleDialogCancel,"aria-labelledby":"drawer-title","aria-describedby":this.helperText?"drawer-helper":void 0,"aria-modal":"true"},o("div",{key:"eb53ad80389cf56f25788ab7580e833e11b4d06e",part:"container",class:t()},o("div",{key:"5bf4d7fe05ba209403a798b6caac63d921ff7785",part:"drawer",class:r(),style:this.getDrawerStyle(),role:"document",onClick:this.handleDrawerClick},!this.noHeader&&o("div",{key:"e2e8e7d9e3d54c51b4a7a898bf47c88011da1108",part:"header",class:a()},o("div",{key:"9868e6c9f5227ca0dc1883e2c75e778c0c1b8d51",part:"header-content",class:i()},o("h2",{key:"1c5866d24a311f737697a895fe3fa3335dffe1b0",id:"drawer-title",part:"title",class:s()},o("slot",{key:"04b5dc29029a92bf34dad488e861cf40df53b3e9",name:"header"},this.headerText)),this.helperText&&o("p",{key:"0c9840a5dbbcfb71157ce12b1b5bc1161a3b5824",id:"drawer-helper",part:"helper-text",class:n()},o("slot",{key:"6d58894a15b2031a75b965334116e9da0ef131f7",name:"helper"},this.helperText))),o("button",{key:"b11945796962da08c7d1b23f9337892aa3e654f4",part:"close-button",class:d(),onClick:()=>this.hide(),"aria-label":"Close drawer",type:"button"},o("bcm-icon",{key:"1f211c596717d8172e4485c7f1a6d86e2c9a7079",name:"fa-solid fa-xmark"}))),o("div",{key:"3612001d93962defead3e2fd8b2b5cbe196ad54b",part:"content",class:l()},o("slot",{key:"162f338b88e42b3073eaa151885ed8804d246bf4"})),!this.noFooter&&o("div",{key:"0af0db53c5a7846c9677bd0535f1fe4aac50cbc3",part:"footer",class:c()},o("slot",{key:"ddf81921c31b0649f13d1d57a0c645b73a6747ef",name:"footer"})))))}static get watchers(){return{open:[{handleOpenChange:0}]}}};i.style=".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))}.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}[part=dialog]::backdrop{animation:backdrop-fade-in .2s ease-out}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:.5}}[part=drawer]{transition:transform .2s ease-out}:host([position=left]) [part=drawer]{transform:translateX(-20px)}:host([position=left][open]) [part=drawer]{transform:translateX(0)}:host([position=right]) [part=drawer]{transform:translateX(20px)}:host([position=right][open]) [part=drawer]{transform:translateX(0)}:host([position=top]) [part=drawer]{transform:translateY(-20px)}:host([position=top][open]) [part=drawer]{transform:translateY(0)}:host([position=bottom]) [part=drawer]{transform:translateY(20px)}:host([position=bottom][open]) [part=drawer]{transform:translateY(0)}.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}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.m-0{margin:0}.flex{display:flex}.hidden{display:none}.h-6{height:1.5rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-full{max-height:100%}.max-h-none{max-height:none}.w-6{width:1.5rem}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0}.max-w-full{max-width:100%}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.animate-shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) infinite;animation:shake .3s cubic-bezier(.36,.07,.19,.97) both}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-color-default{border-color:var(--bcm-ui-color-border-default)}.bg-color-base{background-color:var(--bcm-ui-color-background-base-default)}.bg-transparent{background-color:transparent}.p-0{padding:0}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.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-semibold{font-weight:600}.text-color-default{color:var(--bcm-ui-color-text-default)}.text-color-header{color:var(--bcm-ui-color-text-header)}.text-color-placeholder{color:var(--bcm-ui-color-text-placeholder)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:var(--bcm-ui-box-shadow-2xl);--tw-shadow-colored:var(--bcm-ui-box-shadow-2xl)}.outline-none{outline:2px solid transparent;outline-offset:2px}.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)}.backdrop\\:bg-color-default-dark::backdrop{background-color:var(--bcm-ui-color-background-default-dark-default)}.backdrop\\:opacity-50::backdrop{opacity:.5}.hover\\:bg-color-default-hover:hover{background-color:var(--bcm-ui-color-background-default-hover)}.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)}";export{i as bcm_drawer}

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

@@ -0,0 +1 @@
+import{r as t,c as e,a,h as r,H as i}from"./p-BSFYtcqL.js";import{t as o}from"./p-CEcVC0yX.js";const s=class{constructor(a){t(this,a),this.bcmTabChange=e(this,"bcmTabChange",1)}get el(){return a(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.toString()),t.style.setProperty("--tab-count",this.tabs.length.toString()))}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=o({base:"bcm-ui-element tabs-container flex flex-col w-full",variants:{shadow:{true:"shadow-md rounded-lg",false:""}}});tabsListClass=o({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=o({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(),r(i,{key:"ed031c8cda32f5e604ae8b7f50f32323dac9c757"},r("div",{key:"211f5f45d827a39635dd0a7a03cf4e7418cc1055",class:this.containerClass({shadow:this.shadow})},r("div",{key:"aa0670df3f3c032cca17e9ec413f55d58aa3f7d7",class:this.tabsListClass({variant:this.variant}),role:"tablist"},this.tabs.map(((t,e)=>r("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).toString(),"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&&r("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})`}})),r("div",{key:"36e8a820d74b3a915acaa5503114e613f2fcca53",class:"tabs-content"},r("slot",{key:"fdb208a362785fef1dc5624f485d18c50f2368ec"}))))}static get watchers(){return{value:[{handleValueChange:0}],size:[{handleSizeChange:0}]}}};s.style=".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)}";export{s as bcm_tabs}

package/dist/bromcom-ui/{p-dc706cb6.entry.js → p-c9917155.entry.js}

@@ -1 +1 @@
-import{r as t,h as e}from"./p-BSFYtcqL.js";import{t as a}from"./p-CEcVC0yX.js";const i=class{constructor(e){t(this,e)}size="medium";variant="text";color;soft=!1;blink=!1;status;position="top-right";offset;text;classes=a({base:"badge bcm-ui-element absolute font-medium inline-flex items-center justify-center bg-[--bcm-badge-bg] text-[--bcm-badge-text] rounded-[--bcm-badge-radius] z-10",variants:{size:{small:"gap-1 px-1 text-size-3",medium:"gap-1 py-0.5 px-1.5 text-size-4",large:"gap-2 py-1 px-2 text-size-5"},variant:{dot:"gap-0 p-0 text-[0px] leading-none",text:""},position:{"top-right":"-top-1 -right-1","top-left":"-top-1 -left-1","bottom-right":"-bottom-1 -right-1","bottom-left":"-bottom-1 -left-1"},blink:{true:'after:content-[""] after:absolute  after:rounded-full after:bg-[--bcm-badge-bg] after:animate-blink after:w-full after:h-full'}},compoundVariants:[{variant:"dot",size:"small",class:"size-1"},{variant:"dot",size:"medium",class:"size-1.5"},{variant:"dot",size:"large",class:"size-2"}],defaultVariants:{variant:"text",size:"medium",position:"top-right",blink:!1}});get offsetStyle(){if(!this.offset)return{};const[t=0,e=0]=this.offset.split(",").map((t=>t.trim()));return{transform:`translate(${t}px, ${e}px)`}}get badgeStyle(){return this.color?{"--bcm-badge-bg":`var(--bcm-ui-color-background-${this.soft?"soft":"vivid"}-${this.color}-default)`,"--bcm-badge-text":this.soft?`var(--bcm-ui-color-text-palette-${this.color})`:"var(--bcm-ui-color-text-base)"}:{}}render(){return e("div",{key:"78a265c772a2c09aed6fe57c64a47acb34d8b982",class:"relative inline-flex"},e("slot",{key:"681e96f9e324058a3de534d341b154b15b026cae"}),e("div",{key:"69987737b4f0d24ea82801d789cf1f9eea3a173e",role:"status","aria-live":"polite","aria-label":this.status?`Status: ${this.status}`:void 0,class:this.classes({size:this.size,variant:this.variant,position:this.position,blink:this.blink}),style:{...this.badgeStyle,...this.offsetStyle}},"text"==this.variant&&e("slot",{key:"e6098e265487d28b9d057721d8904ed29a87ab79",name:"badge"},this.text)))}};i.style='.relative{position:relative}:host{--bcm-badge-bg:var(--bcm-ui-color-background-default-default);--bcm-badge-text:var(--bcm-ui-color-text-default);--bcm-badge-radius:9999px;display:inline-block;position:relative}::slotted([slot=badge]){color:var(--bcm-badge-text);font-weight:500}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.-right-0\\.5{right:-.125rem}.-top-0\\.5{top:-.125rem}.right-0{right:0}.top-0{top:0}.inline-flex{display:inline-flex}.h-10{height:2.5rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.w-10{width:2.5rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-\\[--bcm-ui-radius\\]{border-radius:var(--bcm-ui-radius)}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--bcm-avatar-bg\\]{background-color:var(--bcm-avatar-bg)}.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}.uppercase{text-transform:uppercase}.text-\\[--bcm-avatar-text\\]{color:var(--bcm-avatar-text)}.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)}.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}}.static{position:static}.absolute{position:absolute}.-bottom-1{bottom:-.25rem}.-left-1{left:-.25rem}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.z-10{z-index:10}.size-1{height:.25rem;width:.25rem}.size-1\\.5{height:.375rem;width:.375rem}.size-2{height:.5rem;width:.5rem}.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))}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.rounded-\\[--bcm-badge-radius\\]{border-radius:var(--bcm-badge-radius)}.bg-\\[--bcm-badge-bg\\]{background-color:var(--bcm-badge-bg)}.p-0{padding:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[0px\\]{font-size:0}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.leading-none{line-height:1}.text-\\[--bcm-badge-text\\]{color:var(--bcm-badge-text)}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:h-full:after{content:var(--tw-content);height:100%}.after\\:w-full:after{content:var(--tw-content);width:100%}@keyframes ping{75%,to{content:var(--tw-content);opacity:0;transform:scale(2)}}.after\\:animate-blink:after{animation:ping 2s infinite;content:var(--tw-content)}.after\\:rounded-full:after{border-radius:var(--bcm-ui-border-radius-full,9999px);content:var(--tw-content)}.after\\:bg-\\[--bcm-badge-bg\\]:after{background-color:var(--bcm-badge-bg);content:var(--tw-content)}.after\\:content-\\[\\"\\"\\]:after{--tw-content:"";content:var(--tw-content)}';export{i as bcm_badge}
+import{r as t,h as e}from"./p-BSFYtcqL.js";import{t as a}from"./p-CEcVC0yX.js";const i=class{constructor(e){t(this,e)}size="medium";variant="text";color;soft=!1;blink=!1;status;position="top-right";offset;text;classes=a({base:"badge bcm-ui-element absolute font-medium inline-flex items-center justify-center bg-[--bcm-badge-bg] text-[--bcm-badge-text] rounded-[--bcm-badge-radius] z-10",variants:{size:{small:"gap-1 px-1 text-size-3",medium:"gap-1 py-0.5 px-1.5 text-size-4",large:"gap-2 py-1 px-2 text-size-5"},variant:{dot:"gap-0 p-0 text-[0px] leading-none",text:""},position:{"top-right":"-top-1 -right-1","top-left":"-top-1 -left-1","bottom-right":"-bottom-1 -right-1","bottom-left":"-bottom-1 -left-1"},blink:{true:'after:content-[""] after:absolute  after:rounded-full after:bg-[--bcm-badge-bg] after:animate-blink after:w-full after:h-full'}},compoundVariants:[{variant:"dot",size:"small",class:"size-1"},{variant:"dot",size:"medium",class:"size-1.5"},{variant:"dot",size:"large",class:"size-2"}],defaultVariants:{variant:"text",size:"medium",position:"top-right",blink:!1}});get offsetStyle(){if(!this.offset)return{};const[t=0,e=0]=this.offset.split(",").map((t=>t.trim()));return{transform:`translate(${t}px, ${e}px)`}}get badgeStyle(){return this.color?{"--bcm-badge-bg":`var(--bcm-ui-color-background-${this.soft?"soft":"vivid"}-${this.color}-default)`,"--bcm-badge-text":this.soft?`var(--bcm-ui-color-text-palette-${this.color})`:"var(--bcm-ui-color-text-base)"}:{}}render(){return e("div",{key:"1e9841224a0b1b569e407787177ae5ee8bf35efc",class:"relative inline-flex"},e("slot",{key:"38e4b7d8ed005bab0b4f6019bb723050110712d7"}),e("div",{key:"c1a43e186eb6d419b15913f1a1d0f6da066e98b0",role:"status","aria-live":"polite","aria-label":this.status?`Status: ${this.status}`:void 0,class:this.classes({size:this.size,variant:this.variant,position:this.position,blink:this.blink}),style:{...this.badgeStyle,...this.offsetStyle}},"text"==this.variant&&e("slot",{key:"b64583f68dc80fad924c75b8a72f3375d3da2407",name:"badge"},this.text)))}};i.style='.relative{position:relative}:host{--bcm-badge-bg:var(--bcm-ui-color-background-default-default);--bcm-badge-text:var(--bcm-ui-color-text-default);--bcm-badge-radius:9999px;display:inline-block;position:relative}::slotted([slot=badge]){color:var(--bcm-badge-text);font-weight:500}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.-right-0\\.5{right:-.125rem}.-top-0\\.5{top:-.125rem}.right-0{right:0}.top-0{top:0}.inline-flex{display:inline-flex}.h-10{height:2.5rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.w-10{width:2.5rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-\\[--bcm-ui-radius\\]{border-radius:var(--bcm-ui-radius)}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--bcm-avatar-bg\\]{background-color:var(--bcm-avatar-bg)}.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}.uppercase{text-transform:uppercase}.text-\\[--bcm-avatar-text\\]{color:var(--bcm-avatar-text)}.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)}.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}}.absolute{position:absolute}.-bottom-1{bottom:-.25rem}.-left-1{left:-.25rem}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.z-10{z-index:10}.size-1{height:.25rem;width:.25rem}.size-1\\.5{height:.375rem;width:.375rem}.size-2{height:.5rem;width:.5rem}.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))}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.rounded-\\[--bcm-badge-radius\\]{border-radius:var(--bcm-badge-radius)}.bg-\\[--bcm-badge-bg\\]{background-color:var(--bcm-badge-bg)}.p-0{padding:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[0px\\]{font-size:0}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.leading-none{line-height:1}.text-\\[--bcm-badge-text\\]{color:var(--bcm-badge-text)}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:h-full:after{content:var(--tw-content);height:100%}.after\\:w-full:after{content:var(--tw-content);width:100%}@keyframes ping{75%,to{content:var(--tw-content);opacity:0;transform:scale(2)}}.after\\:animate-blink:after{animation:ping 2s infinite;content:var(--tw-content)}.after\\:rounded-full:after{border-radius:var(--bcm-ui-border-radius-full,9999px);content:var(--tw-content)}.after\\:bg-\\[--bcm-badge-bg\\]:after{background-color:var(--bcm-badge-bg);content:var(--tw-content)}.after\\:content-\\[\\"\\"\\]:after{--tw-content:"";content:var(--tw-content)}';export{i as bcm_badge}