bromcom-ui-next 0.1.39 → 0.1.41

package/dist/components/bcm-chip.js

@@ -1 +1 @@
-import{t as e,p as c,H as r,c as t,h as i}from"./index.js";import{t as o}from"./p-CEcVC0yX.js";const a={info:"blue",error:"red",warning:"amber",success:"green",primary:"primary"},b=c(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmDismiss=t(this,"bcmDismiss",1)}size="medium";kind="filled";status="default";dismissible=!1;disabled=!1;color;bcmDismiss;chipClass=o({base:["chip bcm-ui-element font-normal flex items-center justify-center px-2 gap-1 min-w-max border","bg-[--bcm-chip-bg] text-[--bcm-chip-text] rounded-[--bcm-chip-radius] border-[--bcm-chip-border]","hover:bg-[--bcm-chip-hover-bg] active:bg-[--bcm-chip-active-bg]"],variants:{size:{small:"small py-px text-size-3",medium:"medium py-0.5 text-size-4",large:"large py-1 text-size-5"},kind:{filled:"filled border-transparent",outlined:"outlined",text:"text border-none"},disabled:{true:"cursor-not-allowed"}}},{twMerge:!1});get chipStyle(){let e=this.color;return this.disabled?{"--bcm-chip-bg":"var(--bcm-ui-color-background-disabled-default)","--bcm-chip-text":"var(--bcm-ui-color-text-disabled)","--bcm-chip-border":"var(--bcm-ui-color-border-disabled)","--bcm-chip-hover-bg":"var(--bcm-ui-color-background-disabled-default)","--bcm-chip-active-bg":"var(--bcm-ui-color-background-disabled-default)"}:("default"!==this.status&&(e=a[this.status]),e?{filled:{"--bcm-chip-bg":`var(--bcm-ui-color-background-palette-${e}-default)`,"--bcm-chip-text":`var(--bcm-ui-color-text-palette-${e})`,"--bcm-chip-border":`var(--bcm-ui-color-border-${e})`,"--bcm-chip-hover-bg":`var(--bcm-ui-color-background-palette-${e}-hover)`,"--bcm-chip-active-bg":`var(--bcm-ui-color-background-palette-${e}-active)`},outlined:{"--bcm-chip-bg":"transparent","--bcm-chip-text":`var(--bcm-ui-color-text-palette-${e})`,"--bcm-chip-border":`var(--bcm-ui-color-border-${e})`,"--bcm-chip-hover-bg":`var(--bcm-ui-color-background-palette-${e}-hover)`,"--bcm-chip-active-bg":`var(--bcm-ui-color-background-palette-${e}-active)`},text:{"--bcm-chip-bg":"transparent","--bcm-chip-text":`var(--bcm-ui-color-text-palette-${e})`,"--bcm-chip-border":"transparent","--bcm-chip-hover-bg":`var(--bcm-ui-color-background-palette-${e}-hover)`,"--bcm-chip-active-bg":`var(--bcm-ui-color-background-palette-${e}-active)`}}[this.kind]:{filled:{"--bcm-chip-bg":"var(--bcm-ui-color-background-default-default)","--bcm-chip-text":"var(--bcm-ui-color-text-default)","--bcm-chip-border":"var(--bcm-ui-color-border-default)","--bcm-chip-hover-bg":"var(--bcm-ui-color-background-default-hover)","--bcm-chip-active-bg":"var(--bcm-ui-color-background-default-active)"},outlined:{"--bcm-chip-bg":"transparent","--bcm-chip-text":"var(--bcm-ui-color-text-default)","--bcm-chip-border":"var(--bcm-ui-color-border-default)","--bcm-chip-hover-bg":"var(--bcm-ui-color-background-default-hover)","--bcm-chip-active-bg":"var(--bcm-ui-color-background-default-active)"},text:{"--bcm-chip-bg":"transparent","--bcm-chip-text":"var(--bcm-ui-color-text-default)","--bcm-chip-border":"transparent","--bcm-chip-hover-bg":"var(--bcm-ui-color-background-default-hover)","--bcm-chip-active-bg":"var(--bcm-ui-color-background-default-active)"}}[this.kind])}handleDismiss(){this.disabled||this.bcmDismiss.emit()}render(){return i("div",{key:"8e78d9e90bb1d90392a35c69c86e9326eec5f627",style:this.chipStyle,class:this.chipClass({size:this.size,kind:this.kind,disabled:this.disabled}),role:"button","aria-disabled":this.disabled?"true":"false"},i("slot",{key:"c4039645b7ee6f8f43fc587c1afc13b05f387b49"}),this.dismissible&&i("bcm-icon",{key:"96b5e24fb44303e7afd5d6d7d2a1cd43a2874c4a",onClick:()=>this.handleDismiss(),class:"cursor-pointer","icon-name":"fa-regular fa-xmark","aria-label":"Dismiss chip"}))}static get style(){return":host{--bcm-chip-bg:var(--bcm-ui-color-background-default-default);--bcm-chip-text:var(--bcm-ui-color-text-default);--bcm-chip-border:var(--bcm-ui-color-border-default);--bcm-chip-hover-bg:var(--bcm-ui-color-background-default-hover);--bcm-chip-active-bg:var(--bcm-ui-color-background-default-active);--bcm-chip-radius:6px;display:inline-block}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.flex{display:flex}.min-w-max{min-width:max-content}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.rounded-\\[--bcm-chip-radius\\]{border-radius:var(--bcm-chip-radius)}.border{border-width:1px}.border-none{border-style:none}.border-\\[--bcm-chip-border\\]{border-color:var(--bcm-chip-border)}.border-transparent{border-color:transparent}.bg-\\[--bcm-chip-bg\\]{background-color:var(--bcm-chip-bg)}.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}.py-px{padding-bottom:1px;padding-top:1px}.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}.text-\\[--bcm-chip-text\\]{color:var(--bcm-chip-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)}.hover\\:bg-\\[--bcm-chip-hover-bg\\]:hover{background-color:var(--bcm-chip-hover-bg)}.active\\:bg-\\[--bcm-chip-active-bg\\]:active{background-color:var(--bcm-chip-active-bg)}"}},[769,"bcm-chip",{size:[1],kind:[1],status:[1],dismissible:[4],disabled:[4],color:[1]}]);function d(){"undefined"!=typeof customElements&&["bcm-chip"].forEach((c=>{"bcm-chip"===c&&(customElements.get(e(c))||customElements.define(e(c),b))}))}d();const m=b,l=d;export{m as BcmChip,l as defineCustomElement}
+import{t as e,p as c,H as r,c as t,h as i}from"./index.js";import{t as o}from"./p-CEcVC0yX.js";const a={info:"blue",error:"red",warning:"amber",success:"green",primary:"primary"},b=c(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmDismiss=t(this,"bcmDismiss",1)}size="medium";kind="filled";status="default";dismissible=!1;disabled=!1;color;bcmDismiss;chipClass=o({base:["chip bcm-ui-element font-normal flex items-center justify-center px-2 gap-1 min-w-max border","bg-[--bcm-chip-bg] text-[--bcm-chip-text] rounded-[--bcm-chip-radius] border-[--bcm-chip-border]","hover:bg-[--bcm-chip-hover-bg] active:bg-[--bcm-chip-active-bg]"],variants:{size:{small:"small py-px text-size-3",medium:"medium py-0.5 text-size-4",large:"large py-1 text-size-5"},kind:{filled:"filled border-transparent",outlined:"outlined",text:"text border-none"},disabled:{true:"cursor-not-allowed"}}},{twMerge:!1});get chipStyle(){let e=this.color;return this.disabled?{"--bcm-chip-bg":"var(--bcm-ui-color-background-disabled-default)","--bcm-chip-text":"var(--bcm-ui-color-text-disabled)","--bcm-chip-border":"var(--bcm-ui-color-border-disabled)","--bcm-chip-hover-bg":"var(--bcm-ui-color-background-disabled-default)","--bcm-chip-active-bg":"var(--bcm-ui-color-background-disabled-default)"}:("default"!==this.status&&(e=a[this.status]),e?{filled:{"--bcm-chip-bg":`var(--bcm-ui-color-background-palette-${e}-default)`,"--bcm-chip-text":`var(--bcm-ui-color-text-palette-${e})`,"--bcm-chip-border":`var(--bcm-ui-color-border-${e})`,"--bcm-chip-hover-bg":`var(--bcm-ui-color-background-palette-${e}-hover)`,"--bcm-chip-active-bg":`var(--bcm-ui-color-background-palette-${e}-active)`},outlined:{"--bcm-chip-bg":"transparent","--bcm-chip-text":`var(--bcm-ui-color-text-palette-${e})`,"--bcm-chip-border":`var(--bcm-ui-color-border-${e})`,"--bcm-chip-hover-bg":`var(--bcm-ui-color-background-palette-${e}-hover)`,"--bcm-chip-active-bg":`var(--bcm-ui-color-background-palette-${e}-active)`},text:{"--bcm-chip-bg":"transparent","--bcm-chip-text":`var(--bcm-ui-color-text-palette-${e})`,"--bcm-chip-border":"transparent","--bcm-chip-hover-bg":`var(--bcm-ui-color-background-palette-${e}-hover)`,"--bcm-chip-active-bg":`var(--bcm-ui-color-background-palette-${e}-active)`}}[this.kind]:{filled:{"--bcm-chip-bg":"var(--bcm-ui-color-background-default-default)","--bcm-chip-text":"var(--bcm-ui-color-text-default)","--bcm-chip-border":"var(--bcm-ui-color-border-default)","--bcm-chip-hover-bg":"var(--bcm-ui-color-background-default-hover)","--bcm-chip-active-bg":"var(--bcm-ui-color-background-default-active)"},outlined:{"--bcm-chip-bg":"transparent","--bcm-chip-text":"var(--bcm-ui-color-text-default)","--bcm-chip-border":"var(--bcm-ui-color-border-default)","--bcm-chip-hover-bg":"var(--bcm-ui-color-background-default-hover)","--bcm-chip-active-bg":"var(--bcm-ui-color-background-default-active)"},text:{"--bcm-chip-bg":"transparent","--bcm-chip-text":"var(--bcm-ui-color-text-default)","--bcm-chip-border":"transparent","--bcm-chip-hover-bg":"var(--bcm-ui-color-background-default-hover)","--bcm-chip-active-bg":"var(--bcm-ui-color-background-default-active)"}}[this.kind])}handleDismiss(){this.disabled||this.bcmDismiss.emit()}render(){return i("div",{key:"8ad5584c9279bcd53ec71161c2ec937e4d6e3edc",style:this.chipStyle,class:this.chipClass({size:this.size,kind:this.kind,disabled:this.disabled}),role:"button","aria-disabled":this.disabled?"true":"false"},i("slot",{key:"04c00866c3616ac5d32ba74559dd2d39d3a1fe34"}),this.dismissible&&i("bcm-icon",{key:"c3f2394d92acbd277d96a5da953ebf1c81ff0607",onClick:()=>this.handleDismiss(),class:"cursor-pointer","icon-name":"fa-regular fa-xmark","aria-label":"Dismiss chip"}))}static get style(){return":host{--bcm-chip-bg:var(--bcm-ui-color-background-default-default);--bcm-chip-text:var(--bcm-ui-color-text-default);--bcm-chip-border:var(--bcm-ui-color-border-default);--bcm-chip-hover-bg:var(--bcm-ui-color-background-default-hover);--bcm-chip-active-bg:var(--bcm-ui-color-background-default-active);--bcm-chip-radius:6px;display:inline-block}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.flex{display:flex}.min-w-max{min-width:max-content}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.rounded-\\[--bcm-chip-radius\\]{border-radius:var(--bcm-chip-radius)}.border{border-width:1px}.border-none{border-style:none}.border-\\[--bcm-chip-border\\]{border-color:var(--bcm-chip-border)}.border-transparent{border-color:transparent}.bg-\\[--bcm-chip-bg\\]{background-color:var(--bcm-chip-bg)}.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}.py-px{padding-bottom:1px;padding-top:1px}.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}.text-\\[--bcm-chip-text\\]{color:var(--bcm-chip-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)}.hover\\:bg-\\[--bcm-chip-hover-bg\\]:hover{background-color:var(--bcm-chip-hover-bg)}.active\\:bg-\\[--bcm-chip-active-bg\\]:active{background-color:var(--bcm-chip-active-bg)}"}},[769,"bcm-chip",{size:[1],kind:[1],status:[1],dismissible:[4],disabled:[4],color:[1]}]);function d(){"undefined"!=typeof customElements&&["bcm-chip"].forEach((c=>{"bcm-chip"===c&&(customElements.get(e(c))||customElements.define(e(c),b))}))}d();const m=b,l=d;export{m as BcmChip,l as defineCustomElement}

package/dist/components/bcm-divider.js

@@ -1 +1 @@
-import{t as r,p as e,H as d,h as o}from"./index.js";import{t}from"./p-CEcVC0yX.js";const i=e(class extends d{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}direction="horizontal";variant="solid";size="medium";dividerClass=t({base:"bcm-ui-element border-[--bcm-divider-border]",variants:{direction:{horizontal:"w-full border-t",vertical:"h-full border-l"},variant:{solid:"border-solid",dashed:"border-dashed",dotted:"border-dotted"},size:{small:"border-[1px]",medium:"border-2",large:"border-4"}},defaultVariants:{direction:"horizontal",variant:"solid",size:"medium"}},{twMerge:!1});render(){return o("div",{key:"e1b7922ba52ac9a1c46f299dc1d0fe2a836f7e2b",role:"separator","aria-orientation":this.direction,class:this.dividerClass({direction:this.direction,variant:this.variant,size:this.size})})}static get style(){return".block{display:block}:host{--bcm-divider-border:var(--bcm-ui-color-border-default);display:block}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.h-full{height:100%}.w-full{width:100%}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\\[1px\\]{border-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-\\[--bcm-divider-border\\]{border-color:var(--bcm-divider-border)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}"}},[513,"bcm-divider",{direction:[1],variant:[1],size:[1]}]);function s(){"undefined"!=typeof customElements&&["bcm-divider"].forEach((e=>{"bcm-divider"===e&&(customElements.get(r(e))||customElements.define(r(e),i))}))}s();const a=i,b=s;export{a as BcmDivider,b as defineCustomElement}
+import{t as r,p as e,H as d,h as o}from"./index.js";import{t}from"./p-CEcVC0yX.js";const i=e(class extends d{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}direction="horizontal";variant="solid";size="medium";dividerClass=t({base:"bcm-ui-element border-[--bcm-divider-border]",variants:{direction:{horizontal:"w-full border-t",vertical:"h-full border-l"},variant:{solid:"border-solid",dashed:"border-dashed",dotted:"border-dotted"},size:{small:"border-[1px]",medium:"border-2",large:"border-4"}},defaultVariants:{direction:"horizontal",variant:"solid",size:"medium"}},{twMerge:!1});render(){return o("div",{key:"c59fec0ff25d3b31c456397b2a8df25faebfae05",role:"separator","aria-orientation":this.direction,class:this.dividerClass({direction:this.direction,variant:this.variant,size:this.size})})}static get style(){return".block{display:block}:host{--bcm-divider-border:var(--bcm-ui-color-border-default);display:block}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.h-full{height:100%}.w-full{width:100%}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\\[1px\\]{border-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-\\[--bcm-divider-border\\]{border-color:var(--bcm-divider-border)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}"}},[513,"bcm-divider",{direction:[1],variant:[1],size:[1]}]);function s(){"undefined"!=typeof customElements&&["bcm-divider"].forEach((e=>{"bcm-divider"===e&&(customElements.get(r(e))||customElements.define(r(e),i))}))}s();const a=i,b=s;export{a as BcmDivider,b as defineCustomElement}

package/dist/components/bcm-drawer.js

@@ -1 +1 @@
-import{t as e,p as t,H as r,c as o,h as a}from"./index.js";import{t as i}from"./p-CEcVC0yX.js";const s=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmOpen=o(this,"bcmOpen",7),this.bcmClose=o(this,"bcmClose",7),this.bcmBeforeOpen=o(this,"bcmBeforeOpen",7),this.bcmBeforeClose=o(this,"bcmBeforeClose",7)}get host(){return 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=i({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:o,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 a("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"},a("div",{key:"97ea7bd5cf244747338f45c32be63b40e2d0ab69",part:"container",class:t()},a("div",{key:"ce370b2f27ccdb11a47da0e0c8d0f0c3953fe989",part:"drawer",class:r(),style:this.getDrawerStyle(),role:"document",onClick:this.handleDrawerClick},!this.noHeader&&a("div",{key:"97ec92d4769d7aaa031d36953865c315ca2e18bd",part:"header",class:o()},a("div",{key:"d728fda97515fc135de32402d1c8f81614f7cb26",part:"header-content",class:i()},a("h2",{key:"c12ad7d905bcbd1cc0bef89c7792d4f8506d7ccd",id:"drawer-title",part:"title",class:s()},a("slot",{key:"b42daf931e45abd500aac56321ba464fccf254be",name:"header"},this.headerText)),this.helperText&&a("p",{key:"26772b327ee266f7ab7ba7fbf5a804a14b552611",id:"drawer-helper",part:"helper-text",class:n()},a("slot",{key:"e3b1df6a5484e1b0bcc24af9aef72014e5409329",name:"helper"},this.helperText))),a("button",{key:"32a746cc753b8eaa08a0498df9f1926da48f70bb",part:"close-button",class:d(),onClick:()=>this.hide(),"aria-label":"Close drawer",type:"button"},a("bcm-icon",{key:"423f2493ede384efad396b7935a8a8d75f3470dc",name:"fa-solid fa-xmark"}))),a("div",{key:"c88c138fb88672b549e1bf2fdc9fffa046e3fda5",part:"content",class:l()},a("slot",{key:"cb580a34b3fb0f7e9d0504f56a581c15286715e7"})),!this.noFooter&&a("div",{key:"6dfeddb856478d8133024c62dc704ab5732b9b31",part:"footer",class:c()},a("slot",{key:"159952b9e1ad03319197da2f03c4d67b8951742c",name:"footer"})))))}static get watchers(){return{open:[{handleOpenChange:0}]}}static get style(){return".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)}"}},[769,"bcm-drawer",{open:[1540],size:[1],position:[513],fullWidth:[4,"full-width"],fullScreen:[4,"full-screen"],backdrop:[8],headerText:[1,"header-text"],helperText:[1,"helper-text"],noHeader:[4,"no-header"],noFooter:[4,"no-footer"],closeOnBackdrop:[4,"close-on-backdrop"],closeOnEscape:[4,"close-on-escape"],shake:[32],show:[64],hide:[64],toggle:[64]},[[2,"click","handleClick"]],{open:[{handleOpenChange:0}]}]);function n(){"undefined"!=typeof customElements&&["bcm-drawer"].forEach((t=>{"bcm-drawer"===t&&(customElements.get(e(t))||customElements.define(e(t),s))}))}n();const d=s,l=n;export{d as BcmDrawer,l as defineCustomElement}
+import{t as e,p as t,H as r,c as o,h as a}from"./index.js";import{t as i}from"./p-CEcVC0yX.js";const s=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmOpen=o(this,"bcmOpen",7),this.bcmClose=o(this,"bcmClose",7),this.bcmBeforeOpen=o(this,"bcmBeforeOpen",7),this.bcmBeforeClose=o(this,"bcmBeforeClose",7)}get host(){return 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=i({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:o,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 a("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"},a("div",{key:"eb53ad80389cf56f25788ab7580e833e11b4d06e",part:"container",class:t()},a("div",{key:"5bf4d7fe05ba209403a798b6caac63d921ff7785",part:"drawer",class:r(),style:this.getDrawerStyle(),role:"document",onClick:this.handleDrawerClick},!this.noHeader&&a("div",{key:"e2e8e7d9e3d54c51b4a7a898bf47c88011da1108",part:"header",class:o()},a("div",{key:"9868e6c9f5227ca0dc1883e2c75e778c0c1b8d51",part:"header-content",class:i()},a("h2",{key:"1c5866d24a311f737697a895fe3fa3335dffe1b0",id:"drawer-title",part:"title",class:s()},a("slot",{key:"04b5dc29029a92bf34dad488e861cf40df53b3e9",name:"header"},this.headerText)),this.helperText&&a("p",{key:"0c9840a5dbbcfb71157ce12b1b5bc1161a3b5824",id:"drawer-helper",part:"helper-text",class:n()},a("slot",{key:"6d58894a15b2031a75b965334116e9da0ef131f7",name:"helper"},this.helperText))),a("button",{key:"b11945796962da08c7d1b23f9337892aa3e654f4",part:"close-button",class:d(),onClick:()=>this.hide(),"aria-label":"Close drawer",type:"button"},a("bcm-icon",{key:"1f211c596717d8172e4485c7f1a6d86e2c9a7079",name:"fa-solid fa-xmark"}))),a("div",{key:"3612001d93962defead3e2fd8b2b5cbe196ad54b",part:"content",class:l()},a("slot",{key:"162f338b88e42b3073eaa151885ed8804d246bf4"})),!this.noFooter&&a("div",{key:"0af0db53c5a7846c9677bd0535f1fe4aac50cbc3",part:"footer",class:c()},a("slot",{key:"ddf81921c31b0649f13d1d57a0c645b73a6747ef",name:"footer"})))))}static get watchers(){return{open:[{handleOpenChange:0}]}}static get style(){return".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)}"}},[769,"bcm-drawer",{open:[1540],size:[1],position:[513],fullWidth:[4,"full-width"],fullScreen:[4,"full-screen"],backdrop:[8],headerText:[1,"header-text"],helperText:[1,"helper-text"],noHeader:[4,"no-header"],noFooter:[4,"no-footer"],closeOnBackdrop:[4,"close-on-backdrop"],closeOnEscape:[4,"close-on-escape"],shake:[32],show:[64],hide:[64],toggle:[64]},[[2,"click","handleClick"]],{open:[{handleOpenChange:0}]}]);function n(){"undefined"!=typeof customElements&&["bcm-drawer"].forEach((t=>{"bcm-drawer"===t&&(customElements.get(e(t))||customElements.define(e(t),s))}))}n();const d=s,l=n;export{d as BcmDrawer,l as defineCustomElement}

package/dist/components/bcm-dropdown-item.js

@@ -1 +1 @@
-import{t as e,p as o,H as t,c as r,h as a}from"./index.js";import{t as c}from"./p-CEcVC0yX.js";const d=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmDropDownItemChange=r(this,"bcmDropDownItemChange",1)}get host(){return this}text;icon;rightIcons;selected=!1;error=!1;disabled=!1;bcmDropDownItemChange;handleClick(){this.selected=!0,this.bcmDropDownItemChange.emit({element:this.host,selected:this.selected})}dropdownItemClass=c({base:"dropdown-item bcm-ui-element bcm-ui-content-display flex flex-row gap-2 py-2 px-4 cursor-pointer text-color",variants:{selected:{true:"bg-[var(--bcm-ui-color-background-base-active)] hover:bg-[var(--bcm-ui-color-background-base-active)]",false:"hover:bg-[var(--bcm-ui-color-background-base-hover)]"},error:{true:"bg-[var(--bcm-ui-color-background-palette-red-default)] hover:bg-[var(--bcm-ui-color-background-palette-red-default)]",false:""},disabled:{true:"",false:""}},defaultVariants:{selected:!1,error:!1,disabled:!1}},{twMerge:!1});render(){return a("div",{key:"0b5f3d4997309d6e3f2451a1aa453c42703a7e20","aria-checked":this.selected,class:this.dropdownItemClass({selected:this.selected,error:this.error}),onClick:()=>this.handleClick()},a("slot",{key:"20bef8986cdef421bab9f60038635e9a7c0d6264",name:"left-content"},this.icon&&a("bcm-icon",{key:"04113cb95e8df6237708bdc673d46b7924f7fe20","icon-name":this.icon})),a("div",{key:"1eaa13a25dc8330ed14a6272f54f06fad1f50ddb",class:"flex flex-row text-pretty w-full"},a("slot",{key:"5f2950dbc483396bd85d6b6a2e986dddd7a41ca7"},this.text)),a("slot",{key:"4cc0e6282f027935a381c738909108995e6ad5f1",name:"right-content"},this.rightIcons?.map((e=>a("bcm-icon",{"icon-name":e})))))}static get style(){return".flex{display:flex}:host{display:inline-block;width:100%}::slotted([slot=left-content]){align-items:center;display:flex;flex-direction:row;gap:8px}::slotted([slot=right-content]){align-items:center;display:flex;flex-direction:row;gap:8px}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.w-full{width:100%}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.gap-2{gap:.5rem}.text-pretty{text-wrap:pretty}.bg-\\[var\\(--bcm-ui-color-background-base-active\\)\\]{background-color:var(--bcm-ui-color-background-base-active)}.bg-\\[var\\(--bcm-ui-color-background-palette-red-default\\)\\]{background-color:var(--bcm-ui-color-background-palette-red-default)}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.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)}.hover\\:bg-\\[var\\(--bcm-ui-color-background-base-active\\)\\]:hover{background-color:var(--bcm-ui-color-background-base-active)}.hover\\:bg-\\[var\\(--bcm-ui-color-background-base-hover\\)\\]:hover{background-color:var(--bcm-ui-color-background-base-hover)}.hover\\:bg-\\[var\\(--bcm-ui-color-background-palette-red-default\\)\\]:hover{background-color:var(--bcm-ui-color-background-palette-red-default)}"}},[769,"bcm-dropdown-item",{text:[1],icon:[1],rightIcons:[16],selected:[516],error:[516],disabled:[516]}]);function i(){"undefined"!=typeof customElements&&["bcm-dropdown-item"].forEach((o=>{"bcm-dropdown-item"===o&&(customElements.get(e(o))||customElements.define(e(o),d))}))}i();const s=d,l=i;export{s as BcmDropdownItem,l as defineCustomElement}
+import{t as e,p as o,H as t,c as r,h as a}from"./index.js";import{t as c}from"./p-CEcVC0yX.js";const d=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmDropDownItemChange=r(this,"bcmDropDownItemChange",1)}get host(){return this}text;icon;rightIcons;selected=!1;error=!1;disabled=!1;bcmDropDownItemChange;handleClick(){this.selected=!0,this.bcmDropDownItemChange.emit({element:this.host,selected:this.selected})}dropdownItemClass=c({base:"dropdown-item bcm-ui-element bcm-ui-content-display flex flex-row gap-2 py-2 px-4 cursor-pointer text-color",variants:{selected:{true:"bg-[var(--bcm-ui-color-background-base-active)] hover:bg-[var(--bcm-ui-color-background-base-active)]",false:"hover:bg-[var(--bcm-ui-color-background-base-hover)]"},error:{true:"bg-[var(--bcm-ui-color-background-palette-red-default)] hover:bg-[var(--bcm-ui-color-background-palette-red-default)]",false:""},disabled:{true:"",false:""}},defaultVariants:{selected:!1,error:!1,disabled:!1}},{twMerge:!1});render(){return a("div",{key:"d1556f355242b946fe8dd9474345f68e63057456","aria-checked":this.selected,class:this.dropdownItemClass({selected:this.selected,error:this.error}),onClick:()=>this.handleClick()},a("slot",{key:"a90f641dd9028cf1133eed3012146dd009b7d539",name:"left-content"},this.icon&&a("bcm-icon",{key:"285f9e5be9f469b21fa13c869e998fdaea4e33ad","icon-name":this.icon})),a("div",{key:"88ed52038a89adcc295722f913adf0f6ea35380c",class:"flex flex-row text-pretty w-full"},a("slot",{key:"eda2b44a8c725f1754ad86c5abe4b67236b0ff0b"},this.text)),a("slot",{key:"4b05ed73283c11d3e789311fa82e8915abafce99",name:"right-content"},this.rightIcons?.map((e=>a("bcm-icon",{"icon-name":e})))))}static get style(){return".flex{display:flex}:host{display:inline-block;width:100%}::slotted([slot=left-content]){align-items:center;display:flex;flex-direction:row;gap:8px}::slotted([slot=right-content]){align-items:center;display:flex;flex-direction:row;gap:8px}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.w-full{width:100%}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.gap-2{gap:.5rem}.text-pretty{text-wrap:pretty}.bg-\\[var\\(--bcm-ui-color-background-base-active\\)\\]{background-color:var(--bcm-ui-color-background-base-active)}.bg-\\[var\\(--bcm-ui-color-background-palette-red-default\\)\\]{background-color:var(--bcm-ui-color-background-palette-red-default)}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.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)}.hover\\:bg-\\[var\\(--bcm-ui-color-background-base-active\\)\\]:hover{background-color:var(--bcm-ui-color-background-base-active)}.hover\\:bg-\\[var\\(--bcm-ui-color-background-base-hover\\)\\]:hover{background-color:var(--bcm-ui-color-background-base-hover)}.hover\\:bg-\\[var\\(--bcm-ui-color-background-palette-red-default\\)\\]:hover{background-color:var(--bcm-ui-color-background-palette-red-default)}"}},[769,"bcm-dropdown-item",{text:[1],icon:[1],rightIcons:[16],selected:[516],error:[516],disabled:[516]}]);function i(){"undefined"!=typeof customElements&&["bcm-dropdown-item"].forEach((o=>{"bcm-dropdown-item"===o&&(customElements.get(e(o))||customElements.define(e(o),d))}))}i();const s=d,l=i;export{s as BcmDropdownItem,l as defineCustomElement}

package/dist/components/bcm-dropdown.js

@@ -1 +1 @@
-import{t as e,p as o,H as t,c as a,h as d,a as s}from"./index.js";import{t as n}from"./p-CEcVC0yX.js";import{d as r}from"./p-B5YCVscx.js";import{d as c}from"./p-BQbLrMuz.js";const i=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmDropdownChange=a(this,"bcmDropdownChange",1)}get host(){return this}text;dropdownItems=[];bcmDropdownChange;handleDropdownItemChange(e){const{element:o,selected:t}=e?.detail;this.dropdownItems?.forEach((e=>{e!=o&&(e.selected=!1)})),this.bcmDropdownChange.emit({element:o,selected:t})}dropdownClass=n({base:"bcm-ui-element dropdown flex flex-col items-center min-w-10 shadow-3 max-w-64 max-h-64 w-full bg-color-basic-panel rounded-lg py-1.5 overflow-y-auto"});handleSlotChange=()=>{this.dropdownItems=Array.from(this.host.querySelectorAll("bcm-dropdown-item")),0===this.dropdownItems.length&&console.warn("No dropdown items found in dropdown component")};render(){return d(s,{key:"9d718f27af182024b4ec059d37f226c7d8ade19d"},d("bcm-linked",{key:"54a00a98b31acaed227b0e5b59aeac15e61dc334",trigger:"click",placement:"bottom-start"},d("bcm-button",{key:"b9820929158f86c7b156e5bdfc55cb45e28cef7a",kind:"outline",slot:"trigger"},d("span",{key:"734d0403de7b9b1c4b0dde24803a92860a9870dd",part:"text"},this.text)),d("div",{key:"bccdfe8fd48bfb5d7c9ce02c5e6ef58f4863e240",part:"dropdown-container",class:this.dropdownClass()},d("slot",{key:"762fdc7ea26f269bd82cc6375107c541386def0a",onSlotchange:this.handleSlotChange}))))}static get style(){return".visible{visibility:visible}.hidden{display:none}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.flex{display:flex}.max-h-64{max-height:16rem}.w-full{width:100%}.min-w-10{min-width:2.5rem}.max-w-64{max-width:16rem}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-color-basic-panel{background-color:var(--bcm-ui-color-background-basic-panel)}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.outline{outline-style:solid}"}},[769,"bcm-dropdown",{text:[1],dropdownItems:[32]},[[2,"bcmDropDownItemChange","handleDropdownItemChange"]]]);function m(){"undefined"!=typeof customElements&&["bcm-dropdown","bcm-button","bcm-linked"].forEach((o=>{switch(o){case"bcm-dropdown":customElements.get(e(o))||customElements.define(e(o),i);break;case"bcm-button":customElements.get(e(o))||r();break;case"bcm-linked":customElements.get(e(o))||c()}}))}m();const l=i,b=m;export{l as BcmDropdown,b as defineCustomElement}
+import{t as e,p as o,H as t,c as a,h as d,a as s}from"./index.js";import{t as n}from"./p-CEcVC0yX.js";import{d as r}from"./p-CicdrC2Y.js";import{d as c}from"./p-C3wzcnH3.js";const i=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmDropdownChange=a(this,"bcmDropdownChange",1)}get host(){return this}text;dropdownItems=[];bcmDropdownChange;handleDropdownItemChange(e){const{element:o,selected:t}=e?.detail;this.dropdownItems?.forEach((e=>{e!=o&&(e.selected=!1)})),this.bcmDropdownChange.emit({element:o,selected:t})}dropdownClass=n({base:"bcm-ui-element dropdown flex flex-col items-center min-w-10 shadow-3 max-w-64 max-h-64 w-full bg-color-basic-panel rounded-lg py-1.5 overflow-y-auto"});handleSlotChange=()=>{this.dropdownItems=Array.from(this.host.querySelectorAll("bcm-dropdown-item")),0===this.dropdownItems.length&&console.warn("No dropdown items found in dropdown component")};render(){return d(s,{key:"2faadef3d5fb0ff1e0b0f1bed6aa63c64c220264"},d("bcm-linked",{key:"f81c8bebe44deff74f3a4e688d70633ca8d24a19",trigger:"click",placement:"bottom-start"},d("bcm-button",{key:"fb0c175118ec4dfdbe58afed227033c62cad12da",kind:"outline",slot:"trigger"},d("span",{key:"ab8ed34151b645cf2b82b1bc1932c7c8762f37b0",part:"text"},this.text)),d("div",{key:"c3e2c0a26c622c60bd283d68bc583c59c20e8ecd",part:"dropdown-container",class:this.dropdownClass()},d("slot",{key:"872b04b80f3b61b6a8fed1570a2053f1942b468d",onSlotchange:this.handleSlotChange}))))}static get style(){return".visible{visibility:visible}.hidden{display:none}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.flex{display:flex}.max-h-64{max-height:16rem}.w-full{width:100%}.min-w-10{min-width:2.5rem}.max-w-64{max-width:16rem}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-color-basic-panel{background-color:var(--bcm-ui-color-background-basic-panel)}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.outline{outline-style:solid}"}},[769,"bcm-dropdown",{text:[1],dropdownItems:[32]},[[2,"bcmDropDownItemChange","handleDropdownItemChange"]]]);function m(){"undefined"!=typeof customElements&&["bcm-dropdown","bcm-button","bcm-linked"].forEach((o=>{switch(o){case"bcm-dropdown":customElements.get(e(o))||customElements.define(e(o),i);break;case"bcm-button":customElements.get(e(o))||r();break;case"bcm-linked":customElements.get(e(o))||c()}}))}m();const l=i,b=m;export{l as BcmDropdown,b as defineCustomElement}

package/dist/components/bcm-file-upload.js

@@ -1 +1 @@
-import{t as e,p as t,H as i,c as o,h as r,F as s,a}from"./index.js";import{t as l}from"./p-CEcVC0yX.js";import{d as n}from"./p-BzObQIih.js";const c=l({slots:{container:"bcm-ui-element flex flex-col gap-2 w-full max-w-64",label:"text-size-4 font-medium text-color-label",zone:["relative rounded border border-dashed transition-all duration-200 ease-in-out","px-4 py-4 select-none","border-color-default bg-color-basic-masterpage","flex items-center justify-center"],zoneActive:"border-color-primary bg-color-soft-blue",iconContainer:"flex items-center justify-center shrink-0",iconSizeClass:"text-size-10",zoneTextWrapper:"flex flex-col flex-1 min-w-0",zoneTextMain:"text-size-4 text-color-default font-medium",zoneLink:"text-color-primary hover:underline",zoneTextSub:"text-size-3 text-color-caption",list:"flex flex-col gap-3",fileRow:["flex flex-col items-center gap-2 rounded border transition-colors min-w-0 px-3 py-1.5","bg-color-default border-color-default"],fileIcon:"flex items-center justify-center rounded bg-color-soft-blue shrink-0",fileNameWrapper:"flex flex-col flex-1 min-w-0",fileTitle:"text-size-4 font-medium text-color-default",fileName:"text-size-4 text-color-default truncate",progressWrapper:"flex items-center gap-3 w-full",progressBar:"h-full bg-color-primary rounded transition-all duration-300 ease-out",percent:"text-size-4 font-medium text-color-caption min-w-[3ch] text-right",actions:"flex items-center gap-2",iconBtn:["size-4 rounded-full flex items-center justify-center transition-colors cursor-pointer appearance-none","text-color-icon-default hover:bg-color-default-hover border-none"],caption:"text-size-3 text-color-caption"},variants:{size:{medium:{zone:"flex-col text-center gap-2",iconContainer:"h-10 w-[50px]",zoneTextWrapper:"items-center gap-1"},small:{zone:"px-3 py-4 gap-2 flex-row text-left",iconContainer:"size-8",iconSizeClass:"text-size-8",zoneTextWrapper:"items-start gap-1",label:"text-size-3",caption:"text-size-2"}},disabled:{true:"opacity-60 cursor-not-allowed",false:""}},compoundVariants:[{disabled:!0,class:{zone:"bg-color-disabled border-color-disabled cursor-not-allowed",zoneTextMain:"text-color-disabled",zoneTextSub:"text-color-disabled",zoneLink:"text-color-disabled cursor-not-allowed no-underline hover:no-underline"}},{disabled:!1,class:{zone:"cursor-pointer"}}],defaultVariants:{size:"medium",disabled:!1}}),d=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmFileChange=o(this,"bcmFileChange",1),this.bcmFileRemoved=o(this,"bcmFileRemoved",1),this.bcmUploadCanceled=o(this,"bcmUploadCanceled",1),this.bcmFocus=o(this,"bcmFocus",1),this.bcmBlur=o(this,"bcmBlur",1),this.internals=this.attachInternals()}get host(){return this}internals;fileInput;uploadTimer;uploadZoneRef;name="file";label="";caption="";multiple=!1;accept=".xls,.pdf";maxSize=2;required=!1;disabled=!1;size="medium";uploadUrl;maxFileCount;customErrorMessages;files=[];dragActive=!1;maxSizeError=!1;typeError=!1;maxFileCountError=!1;bcmFileChange;bcmFileRemoved;bcmUploadCanceled;bcmFocus;bcmBlur;internalMaxSizeInBytes=1024*this.maxSize*1024;componentWillLoad(){this.internalMaxSizeInBytes=1024*this.maxSize*1024,this.updateFormValueAndValidity()}disconnectedCallback(){this.uploadTimer&&(window.clearInterval(this.uploadTimer),this.uploadTimer=void 0)}handleMaxSizeChange(){this.internalMaxSizeInBytes=1024*this.maxSize*1024}isFileAccepted(e){if(!this.accept)return!0;const t="."+(e.name.split(".").pop()||"").toLowerCase();return this.accept.toLowerCase().split(",").map((e=>e.trim())).filter(Boolean).includes(t)}updateFormValueAndValidity(){if(!this.internals)return;if(!this.files.length)return this.internals.setFormValue(null),void(this.required?this.internals.setValidity({valueMissing:!0},this.customErrorMessages?.required||"Please upload at least one file.",this.uploadZoneRef??this.host):this.internals.setValidity({}));const e=new FormData;this.files.forEach(((t,i)=>{e.append(this.multiple?`${this.name}[${i}]`:this.name,t.file)})),this.internals.setFormValue(e),this.internals.setValidity({})}emitChange(){this.bcmFileChange.emit(this.files.map((e=>e.file)))}startFakeUpload(){this.uploadTimer&&window.clearInterval(this.uploadTimer),this.uploadTimer=window.setInterval((()=>{let e=!1;this.files=this.files.map((t=>{if("uploading"!==t.status)return t;e=!0;const i=Math.min((t.progress??0)+15,100);return i>=100?{...t,status:"uploaded",progress:void 0}:{...t,progress:i}})),!e&&this.uploadTimer&&(window.clearInterval(this.uploadTimer),this.uploadTimer=void 0,this.updateFormValueAndValidity(),this.emitChange())}),300)}addFiles(e){if(!e||this.disabled)return;const t=[];let i,o=!1,r=!1;if(Array.from(e).forEach((e=>{this.isFileAccepted(e)?e.size>this.internalMaxSizeInBytes?o=!0:t.push({id:crypto.randomUUID(),file:e,status:"uploading",progress:0}):r=!0})),this.maxSizeError=o,this.typeError=r,this.maxFileCountError=!1,!t.length)return this.updateFormValueAndValidity(),void this.emitChange();if(this.multiple)if("number"==typeof this.maxFileCount){const e=this.maxFileCount-this.files.length;if(e<=0)return this.maxFileCountError=!0,this.updateFormValueAndValidity(),void this.emitChange();const o=t.slice(0,Math.max(0,e));o.length<t.length&&(this.maxFileCountError=!0),i=[...this.files,...o]}else i=[...this.files,...t];else i=[t[0]];this.files=i,this.updateFormValueAndValidity(),this.emitChange(),this.startFakeUpload()}removeFile(e){this.files=this.files.filter((t=>t.id!==e.id)),this.bcmFileRemoved.emit(e),this.updateFormValueAndValidity(),this.emitChange()}cancelUpload(e){this.files=this.files.filter((t=>t.id!==e.id)),this.bcmUploadCanceled.emit(e),this.updateFormValueAndValidity(),this.emitChange()}onFileInputChange=e=>{const t=e.target;this.addFiles(t.files),t.value=""};downloadFile(e){const t=URL.createObjectURL(e),i=document.createElement("a");i.href=t,i.download=e.name,i.click(),URL.revokeObjectURL(t)}handleDrop(e){if(e.preventDefault(),this.dragActive=!1,this.disabled)return;const t=e.dataTransfer?.files||null;if(!t||0===t.length)return;const i=t.item(0);i&&this.isFileAccepted(i)?this.addFiles(t):this.typeError=!0}handleDragOver(e){e.preventDefault(),this.disabled||(this.dragActive=!0)}handleDragLeave(e){e.preventDefault(),this.dragActive=!1}openFileDialog=()=>{this.disabled||this.fileInput?.click()};formResetCallback(){this.files=[],this.maxSizeError=!1,this.typeError=!1,this.maxFileCountError=!1,this.uploadTimer&&(window.clearInterval(this.uploadTimer),this.uploadTimer=void 0),this.updateFormValueAndValidity(),this.emitChange()}focus(e){this.uploadZoneRef?.focus(e)}handleFocus=e=>{this.bcmFocus.emit(e)};handleBlur=e=>{this.bcmBlur.emit(e)};renderErrors(){if(!this.maxSizeError&&!this.typeError&&!this.maxFileCountError)return null;const e=this.accept.replace(/\./g,"").toUpperCase().replace(/,/g,", "),t=this.customErrorMessages?.maxSize||"File size exceeds the maximum allowed limit.",i=this.customErrorMessages?.type||"Unsupported file type. Allowed formats: "+e,o=this.customErrorMessages?.maxFileCount||"You have reached the maximum number of files.";return r("div",{class:"w-full space-y-1"},this.maxSizeError&&r("bcm-alert",{status:"error",size:"small",dismissible:!0,onBcmDismiss:()=>this.maxSizeError=!1},t),this.typeError&&r("bcm-alert",{status:"error",size:"small",dismissible:!0,onBcmDismiss:()=>this.typeError=!1},i),this.maxFileCountError&&r("bcm-alert",{status:"error",size:"small",dismissible:!0,onBcmDismiss:()=>this.maxFileCountError=!1},o))}renderUploadZone(){const e=c({size:this.size,disabled:this.disabled}),{zone:t,zoneActive:i,iconContainer:o,iconSizeClass:s,zoneTextWrapper:a,zoneTextMain:l,zoneTextSub:n,zoneLink:d}=e,h=[t(),this.dragActive&&i()].filter(Boolean).join(" "),u=Math.round(this.internalMaxSizeInBytes/1048576),m=this.dragActive?"text-color-primary":"text-color-icon-default";return r("div",{ref:e=>this.uploadZoneRef=e,tabindex:this.disabled?void 0:0,part:"upload-zone",class:h,onClick:this.openFileDialog,onFocus:this.handleFocus,onBlur:this.handleBlur,onDragOver:e=>this.handleDragOver(e),onDragLeave:e=>this.handleDragLeave(e),onDrop:e=>this.handleDrop(e)},r("div",{class:o()},r("bcm-icon",{name:"fa-solid fa-cloud-arrow-up",class:`${m} ${s()}`})),r("div",{class:a()},r("div",{class:l()},"Drag & Drop"," ",r("span",{class:"text-color-helper"},"or "),r("a",{class:d(),onClick:e=>{e.preventDefault(),this.openFileDialog()}},"Choose File")),r("div",{class:n()},"Max: ",u,"MB Formats:"," ",this.accept.replace(/\./g,"").toUpperCase().replace(/,/g,", "))),r("input",{ref:e=>this.fileInput=e,type:"file",hidden:!0,accept:this.accept,multiple:this.multiple,disabled:this.disabled,onChange:this.onFileInputChange}))}renderFileRow(e){const{percent:t,actions:i,iconBtn:o,fileRow:a,fileTitle:l}=c({size:this.size,disabled:this.disabled}),n="uploading"===e?.status;return r("div",{part:"file-row",class:a(),title:e?.file?.name},r("div",{class:"flex items-center justify-between w-full gap-2 min-w-0"},r("div",{class:"flex items-center gap-1.5 min-w-0 flex-1 flex-shrink"},r("div",{class:"flex items-center rounded bg-color-default shrink-0 text-size-3 text-color-caption"},r("bcm-icon",{name:"fa-regular fa-file"})),r("span",{class:l()+" truncate"},e?.file?.name)),r("div",{class:i()+" flex-shrink-0"},"uploaded"===e.status&&r(s,null,r("button",{type:"button",part:"download-btn",class:o(),onClick:()=>this.downloadFile(e.file),title:"Download"},r("bcm-icon",{name:"fa-regular fa-download",class:"text-size-4"})),r("button",{type:"button",part:"remove-btn",class:o(),onClick:()=>this.removeFile(e),title:"Remove"},r("bcm-icon",{name:"fa-regular fa-trash",class:"text-size-4"}))),n&&r("button",{type:"button",part:"cancel-btn",class:"text-color-default bg-transparent hover:bg-color-default-hover text-size-4 cursor-pointer flex items-center justify-center size-5 rounded-full border-none",onClick:()=>this.cancelUpload(e),title:"Cancel"},r("bcm-icon",{name:"fa-regular fa-xmark",class:"text-size-4"})))),n&&r("div",{class:"flex items-center gap-3 w-full min-w-0"},r("div",{class:"h-1.5 flex-1 rounded-full bg-color-surface-default overflow-hidden"},r("div",{class:"h-full bg-color-primary rounded-full transition-all duration-300 ease-out",style:{width:(e.progress??0)+"%"}})),r("span",{class:t()},e.progress??0,"%")))}render(){const{container:e,label:t,list:i,caption:o}=c({size:this.size,disabled:this.disabled});return r(a,{key:"4aaec3d4e12ff6b6e8777aa67807e4ebe706e1b4",tabindex:"-1"},r("div",{key:"c3e5ebd884817ebecab83dc1aebbad9ef036c08b",class:e()},this.label&&r("label",{key:"920442a86ea05e6b79238aadbcd58fd13eb2a729",part:"label",class:t()},this.label),this.renderUploadZone(),this.renderErrors(),this.files.length>0&&r("div",{key:"46d9c6e628e68debb64c9e42faff2fe70b4f3291",part:"file-list",class:i()},this.files.map((e=>this.renderFileRow(e)))),this.caption&&r("span",{key:"5ab92827417fa7b39a6e7fffe1dfc3338f21142b",part:"caption",class:o()},this.caption)))}static get formAssociated(){return!0}static get watchers(){return{maxSize:[{handleMaxSizeChange:0}]}}static get style(){return".block{display:block}:host{display:block}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.relative{position:relative}.flex{display:flex}.hidden{display:none}.size-4{height:1rem;width:1rem}.size-5{height:1.25rem;width:1.25rem}.size-8{height:2rem;width:2rem}.h-1\\.5{height:.375rem}.h-10{height:2.5rem}.h-full{height:100%}.w-\\[50px\\]{width:50px}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\\[3ch\\]{min-width:3ch}.max-w-64{max-width:16rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.appearance-none{appearance:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.border{border-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-color-default{border-color:var(--bcm-ui-color-border-default)}.border-color-disabled{border-color:var(--bcm-ui-color-border-disabled)}.border-color-primary{border-color:var(--bcm-ui-color-border-primary)}.bg-color-basic-masterpage{background-color:var(--bcm-ui-color-background-basic-masterpage)}.bg-color-default{background-color:var(--bcm-ui-color-background-default-default)}.bg-color-disabled{background-color:var(--bcm-ui-color-background-disabled-default)}.bg-color-primary{background-color:var(--bcm-ui-color-background-primary-default)}.bg-color-soft-blue{background-color:var(--bcm-ui-color-background-soft-blue-default)}.bg-transparent{background-color:transparent}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.py-4{padding-bottom:1rem;padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-size-10{font-size:var(--bcm-ui-font-size-10,36px);line-height:var(--bcm-ui-line-height-10,44px)}.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-8{font-size:var(--bcm-ui-font-size-8,24px);line-height:var(--bcm-ui-line-height-8,32px)}.font-medium{font-weight:500}.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-helper{color:var(--bcm-ui-color-text-helper)}.text-color-icon-default{color:var(--bcm-ui-color-text-icon-default)}.text-color-label{color:var(--bcm-ui-color-text-label)}.text-color-primary{color:var(--bcm-ui-color-text-primary)}.no-underline{text-decoration-line:none}.opacity-60{opacity:.6}.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)}.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)}.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-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:bg-color-default-hover:hover{background-color:var(--bcm-ui-color-background-default-hover)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:no-underline:hover{text-decoration-line:none}"}},[577,"bcm-file-upload",{name:[1],label:[1],caption:[1],multiple:[4],accept:[1],maxSize:[1026,"max-size"],required:[4],disabled:[4],size:[1],uploadUrl:[1,"upload-url"],maxFileCount:[2,"max-file-count"],customErrorMessages:[16],files:[32],dragActive:[32],maxSizeError:[32],typeError:[32],maxFileCountError:[32]},void 0,{maxSize:[{handleMaxSizeChange:0}]}]);function h(){"undefined"!=typeof customElements&&["bcm-file-upload","bcm-alert"].forEach((t=>{switch(t){case"bcm-file-upload":customElements.get(e(t))||customElements.define(e(t),d);break;case"bcm-alert":customElements.get(e(t))||n()}}))}h();const u=d,m=h;export{u as BcmFileUpload,m as defineCustomElement}
+import{t as e,p as t,H as i,c as o,h as r,F as s,a}from"./index.js";import{t as l}from"./p-CEcVC0yX.js";import{d as n}from"./p-DWnYDhBg.js";const c=l({slots:{container:"bcm-ui-element flex flex-col gap-2 w-full max-w-64",label:"text-size-4 font-medium text-color-label",zone:["relative rounded border border-dashed transition-all duration-200 ease-in-out","px-4 py-4 select-none","border-color-default bg-color-basic-masterpage","flex items-center justify-center"],zoneActive:"border-color-primary bg-color-soft-blue",iconContainer:"flex items-center justify-center shrink-0",iconSizeClass:"text-size-10",zoneTextWrapper:"flex flex-col flex-1 min-w-0",zoneTextMain:"text-size-4 text-color-default font-medium",zoneLink:"text-color-primary hover:underline",zoneTextSub:"text-size-3 text-color-caption",list:"flex flex-col gap-3",fileRow:["flex flex-col items-center gap-2 rounded border transition-colors min-w-0 px-3 py-1.5","bg-color-default border-color-default"],fileIcon:"flex items-center justify-center rounded bg-color-soft-blue shrink-0",fileNameWrapper:"flex flex-col flex-1 min-w-0",fileTitle:"text-size-4 font-medium text-color-default",fileName:"text-size-4 text-color-default truncate",progressWrapper:"flex items-center gap-3 w-full",progressBar:"h-full bg-color-primary rounded transition-all duration-300 ease-out",percent:"text-size-4 font-medium text-color-caption min-w-[3ch] text-right",actions:"flex items-center gap-2",iconBtn:["size-4 rounded-full flex items-center justify-center transition-colors cursor-pointer appearance-none","text-color-icon-default hover:bg-color-default-hover border-none"],caption:"text-size-3 text-color-caption"},variants:{size:{medium:{zone:"flex-col text-center gap-2",iconContainer:"h-10 w-[50px]",zoneTextWrapper:"items-center gap-1"},small:{zone:"px-3 py-4 gap-2 flex-row text-left",iconContainer:"size-8",iconSizeClass:"text-size-8",zoneTextWrapper:"items-start gap-1",label:"text-size-3",caption:"text-size-2"}},disabled:{true:"opacity-60 cursor-not-allowed",false:""}},compoundVariants:[{disabled:!0,class:{zone:"bg-color-disabled border-color-disabled cursor-not-allowed",zoneTextMain:"text-color-disabled",zoneTextSub:"text-color-disabled",zoneLink:"text-color-disabled cursor-not-allowed no-underline hover:no-underline"}},{disabled:!1,class:{zone:"cursor-pointer"}}],defaultVariants:{size:"medium",disabled:!1}}),d=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmFileChange=o(this,"bcmFileChange",1),this.bcmFileRemoved=o(this,"bcmFileRemoved",1),this.bcmUploadCanceled=o(this,"bcmUploadCanceled",1),this.bcmFocus=o(this,"bcmFocus",1),this.bcmBlur=o(this,"bcmBlur",1),this.internals=this.attachInternals()}get host(){return this}internals;fileInput;uploadTimer;uploadZoneRef;name="file";label="";caption="";multiple=!1;accept=".xls,.pdf";maxSize=2;required=!1;disabled=!1;size="medium";uploadUrl;maxFileCount;customErrorMessages;files=[];dragActive=!1;maxSizeError=!1;typeError=!1;maxFileCountError=!1;bcmFileChange;bcmFileRemoved;bcmUploadCanceled;bcmFocus;bcmBlur;internalMaxSizeInBytes=1024*this.maxSize*1024;componentWillLoad(){this.internalMaxSizeInBytes=1024*this.maxSize*1024,this.updateFormValueAndValidity()}disconnectedCallback(){this.uploadTimer&&(window.clearInterval(this.uploadTimer),this.uploadTimer=void 0)}handleMaxSizeChange(){this.internalMaxSizeInBytes=1024*this.maxSize*1024}isFileAccepted(e){if(!this.accept)return!0;const t="."+(e.name.split(".").pop()||"").toLowerCase();return this.accept.toLowerCase().split(",").map((e=>e.trim())).filter(Boolean).includes(t)}updateFormValueAndValidity(){if(!this.internals)return;if(!this.files.length)return this.internals.setFormValue(null),void(this.required?this.internals.setValidity({valueMissing:!0},this.customErrorMessages?.required||"Please upload at least one file.",this.uploadZoneRef??this.host):this.internals.setValidity({}));const e=new FormData;this.files.forEach(((t,i)=>{e.append(this.multiple?`${this.name}[${i}]`:this.name,t.file)})),this.internals.setFormValue(e),this.internals.setValidity({})}emitChange(){this.bcmFileChange.emit(this.files.map((e=>e.file)))}startFakeUpload(){this.uploadTimer&&window.clearInterval(this.uploadTimer),this.uploadTimer=window.setInterval((()=>{let e=!1;this.files=this.files.map((t=>{if("uploading"!==t.status)return t;e=!0;const i=Math.min((t.progress??0)+15,100);return i>=100?{...t,status:"uploaded",progress:void 0}:{...t,progress:i}})),!e&&this.uploadTimer&&(window.clearInterval(this.uploadTimer),this.uploadTimer=void 0,this.updateFormValueAndValidity(),this.emitChange())}),300)}addFiles(e){if(!e||this.disabled)return;const t=[];let i,o=!1,r=!1;if(Array.from(e).forEach((e=>{this.isFileAccepted(e)?e.size>this.internalMaxSizeInBytes?o=!0:t.push({id:crypto.randomUUID(),file:e,status:"uploading",progress:0}):r=!0})),this.maxSizeError=o,this.typeError=r,this.maxFileCountError=!1,!t.length)return this.updateFormValueAndValidity(),void this.emitChange();if(this.multiple)if("number"==typeof this.maxFileCount){const e=this.maxFileCount-this.files.length;if(e<=0)return this.maxFileCountError=!0,this.updateFormValueAndValidity(),void this.emitChange();const o=t.slice(0,Math.max(0,e));o.length<t.length&&(this.maxFileCountError=!0),i=[...this.files,...o]}else i=[...this.files,...t];else i=[t[0]];this.files=i,this.updateFormValueAndValidity(),this.emitChange(),this.startFakeUpload()}removeFile(e){this.files=this.files.filter((t=>t.id!==e.id)),this.bcmFileRemoved.emit(e),this.updateFormValueAndValidity(),this.emitChange()}cancelUpload(e){this.files=this.files.filter((t=>t.id!==e.id)),this.bcmUploadCanceled.emit(e),this.updateFormValueAndValidity(),this.emitChange()}onFileInputChange=e=>{const t=e.target;this.addFiles(t.files),t.value=""};downloadFile(e){const t=URL.createObjectURL(e),i=document.createElement("a");i.href=t,i.download=e.name,i.click(),URL.revokeObjectURL(t)}handleDrop(e){if(e.preventDefault(),this.dragActive=!1,this.disabled)return;const t=e.dataTransfer?.files||null;if(!t||0===t.length)return;const i=t.item(0);i&&this.isFileAccepted(i)?this.addFiles(t):this.typeError=!0}handleDragOver(e){e.preventDefault(),this.disabled||(this.dragActive=!0)}handleDragLeave(e){e.preventDefault(),this.dragActive=!1}openFileDialog=()=>{this.disabled||this.fileInput?.click()};formResetCallback(){this.files=[],this.maxSizeError=!1,this.typeError=!1,this.maxFileCountError=!1,this.uploadTimer&&(window.clearInterval(this.uploadTimer),this.uploadTimer=void 0),this.updateFormValueAndValidity(),this.emitChange()}focus(e){this.uploadZoneRef?.focus(e)}handleFocus=e=>{this.bcmFocus.emit(e)};handleBlur=e=>{this.bcmBlur.emit(e)};renderErrors(){if(!this.maxSizeError&&!this.typeError&&!this.maxFileCountError)return null;const e=this.accept.replace(/\./g,"").toUpperCase().replace(/,/g,", "),t=this.customErrorMessages?.maxSize||"File size exceeds the maximum allowed limit.",i=this.customErrorMessages?.type||"Unsupported file type. Allowed formats: "+e,o=this.customErrorMessages?.maxFileCount||"You have reached the maximum number of files.";return r("div",{class:"w-full space-y-1"},this.maxSizeError&&r("bcm-alert",{status:"error",size:"small",dismissible:!0,onBcmDismiss:()=>this.maxSizeError=!1},t),this.typeError&&r("bcm-alert",{status:"error",size:"small",dismissible:!0,onBcmDismiss:()=>this.typeError=!1},i),this.maxFileCountError&&r("bcm-alert",{status:"error",size:"small",dismissible:!0,onBcmDismiss:()=>this.maxFileCountError=!1},o))}renderUploadZone(){const e=c({size:this.size,disabled:this.disabled}),{zone:t,zoneActive:i,iconContainer:o,iconSizeClass:s,zoneTextWrapper:a,zoneTextMain:l,zoneTextSub:n,zoneLink:d}=e,h=[t(),this.dragActive&&i()].filter(Boolean).join(" "),u=Math.round(this.internalMaxSizeInBytes/1048576),m=this.dragActive?"text-color-primary":"text-color-icon-default";return r("div",{ref:e=>this.uploadZoneRef=e,tabindex:this.disabled?void 0:0,part:"upload-zone",class:h,onClick:this.openFileDialog,onFocus:this.handleFocus,onBlur:this.handleBlur,onDragOver:e=>this.handleDragOver(e),onDragLeave:e=>this.handleDragLeave(e),onDrop:e=>this.handleDrop(e)},r("div",{class:o()},r("bcm-icon",{name:"fa-solid fa-cloud-arrow-up",class:`${m} ${s()}`})),r("div",{class:a()},r("div",{class:l()},"Drag & Drop"," ",r("span",{class:"text-color-helper"},"or "),r("a",{class:d(),onClick:e=>{e.preventDefault(),this.openFileDialog()}},"Choose File")),r("div",{class:n()},"Max: ",u,"MB Formats:"," ",this.accept.replace(/\./g,"").toUpperCase().replace(/,/g,", "))),r("input",{ref:e=>this.fileInput=e,type:"file",hidden:!0,accept:this.accept,multiple:this.multiple,disabled:this.disabled,onChange:this.onFileInputChange}))}renderFileRow(e){const{percent:t,actions:i,iconBtn:o,fileRow:a,fileTitle:l}=c({size:this.size,disabled:this.disabled}),n="uploading"===e?.status;return r("div",{part:"file-row",class:a(),title:e?.file?.name},r("div",{class:"flex items-center justify-between w-full gap-2 min-w-0"},r("div",{class:"flex items-center gap-1.5 min-w-0 flex-1 flex-shrink"},r("div",{class:"flex items-center rounded bg-color-default shrink-0 text-size-3 text-color-caption"},r("bcm-icon",{name:"fa-regular fa-file"})),r("span",{class:l()+" truncate"},e?.file?.name)),r("div",{class:i()+" flex-shrink-0"},"uploaded"===e.status&&r(s,null,r("button",{type:"button",part:"download-btn",class:o(),onClick:()=>this.downloadFile(e.file),title:"Download"},r("bcm-icon",{name:"fa-regular fa-download",class:"text-size-4"})),r("button",{type:"button",part:"remove-btn",class:o(),onClick:()=>this.removeFile(e),title:"Remove"},r("bcm-icon",{name:"fa-regular fa-trash",class:"text-size-4"}))),n&&r("button",{type:"button",part:"cancel-btn",class:"text-color-default bg-transparent hover:bg-color-default-hover text-size-4 cursor-pointer flex items-center justify-center size-5 rounded-full border-none",onClick:()=>this.cancelUpload(e),title:"Cancel"},r("bcm-icon",{name:"fa-regular fa-xmark",class:"text-size-4"})))),n&&r("div",{class:"flex items-center gap-3 w-full min-w-0"},r("div",{class:"h-1.5 flex-1 rounded-full bg-color-surface-default overflow-hidden"},r("div",{class:"h-full bg-color-primary rounded-full transition-all duration-300 ease-out",style:{width:(e.progress??0)+"%"}})),r("span",{class:t()},e.progress??0,"%")))}render(){const{container:e,label:t,list:i,caption:o}=c({size:this.size,disabled:this.disabled});return r(a,{key:"578595fad2bb4f1dc054f41bdbce80f64ce0d149",tabindex:"-1"},r("div",{key:"7bf66fe77a7821b6963dace141bc52d179081679",class:e()},this.label&&r("label",{key:"baf65b05de025bfb9d6c4b83ecd5e34a58cd84ca",part:"label",class:t()},this.label),this.renderUploadZone(),this.renderErrors(),this.files.length>0&&r("div",{key:"36b33db51f47da20a33e0a0747e98b8bc156ce13",part:"file-list",class:i()},this.files.map((e=>this.renderFileRow(e)))),this.caption&&r("span",{key:"753bc09179c1ae8e7726783d705480e28711584b",part:"caption",class:o()},this.caption)))}static get formAssociated(){return!0}static get watchers(){return{maxSize:[{handleMaxSizeChange:0}]}}static get style(){return".block{display:block}:host{display:block}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.relative{position:relative}.flex{display:flex}.hidden{display:none}.size-4{height:1rem;width:1rem}.size-5{height:1.25rem;width:1.25rem}.size-8{height:2rem;width:2rem}.h-1\\.5{height:.375rem}.h-10{height:2.5rem}.h-full{height:100%}.w-\\[50px\\]{width:50px}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\\[3ch\\]{min-width:3ch}.max-w-64{max-width:16rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.appearance-none{appearance:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.border{border-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-color-default{border-color:var(--bcm-ui-color-border-default)}.border-color-disabled{border-color:var(--bcm-ui-color-border-disabled)}.border-color-primary{border-color:var(--bcm-ui-color-border-primary)}.bg-color-basic-masterpage{background-color:var(--bcm-ui-color-background-basic-masterpage)}.bg-color-default{background-color:var(--bcm-ui-color-background-default-default)}.bg-color-disabled{background-color:var(--bcm-ui-color-background-disabled-default)}.bg-color-primary{background-color:var(--bcm-ui-color-background-primary-default)}.bg-color-soft-blue{background-color:var(--bcm-ui-color-background-soft-blue-default)}.bg-transparent{background-color:transparent}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.py-4{padding-bottom:1rem;padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-size-10{font-size:var(--bcm-ui-font-size-10,36px);line-height:var(--bcm-ui-line-height-10,44px)}.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-8{font-size:var(--bcm-ui-font-size-8,24px);line-height:var(--bcm-ui-line-height-8,32px)}.font-medium{font-weight:500}.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-helper{color:var(--bcm-ui-color-text-helper)}.text-color-icon-default{color:var(--bcm-ui-color-text-icon-default)}.text-color-label{color:var(--bcm-ui-color-text-label)}.text-color-primary{color:var(--bcm-ui-color-text-primary)}.no-underline{text-decoration-line:none}.opacity-60{opacity:.6}.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)}.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)}.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-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:bg-color-default-hover:hover{background-color:var(--bcm-ui-color-background-default-hover)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:no-underline:hover{text-decoration-line:none}"}},[577,"bcm-file-upload",{name:[1],label:[1],caption:[1],multiple:[4],accept:[1],maxSize:[1026,"max-size"],required:[4],disabled:[4],size:[1],uploadUrl:[1,"upload-url"],maxFileCount:[2,"max-file-count"],customErrorMessages:[16],files:[32],dragActive:[32],maxSizeError:[32],typeError:[32],maxFileCountError:[32]},void 0,{maxSize:[{handleMaxSizeChange:0}]}]);function h(){"undefined"!=typeof customElements&&["bcm-file-upload","bcm-alert"].forEach((t=>{switch(t){case"bcm-file-upload":customElements.get(e(t))||customElements.define(e(t),d);break;case"bcm-alert":customElements.get(e(t))||n()}}))}h();const u=d,m=h;export{u as BcmFileUpload,m as defineCustomElement}

package/dist/components/bcm-input.js

@@ -1 +1 @@
-import{t as e,p as t,H as r,c as i,h as o}from"./index.js";import{t as s}from"./p-CEcVC0yX.js";import{c as a}from"./p-BfTCfPZ1.js";import{g as n}from"./p-IBjzkjef.js";import{s as l,g as c,d}from"./p-nf_HKsGq.js";const b=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmInput=i(this,"bcmInput",1),this.bcmChange=i(this,"bcmChange",1),this.bcmFocus=i(this,"bcmFocus",1),this.bcmBlur=i(this,"bcmBlur",1),this.bcmKeyDown=i(this,"bcmKeyDown",1),this.bcmKeyUp=i(this,"bcmKeyUp",1),this.internals=this.attachInternals()}get el(){return this}inputRef;isFocused=!1;validationMessage;isValid=!0;internalStatus="default";internalErrorMessage;isPasswordVisible=!1;value="";placeholder;name;_id=n("input");size="medium";status="default";fullWidth=!1;type="text";disabled=!1;readonly=!1;required=!1;autocomplete;minLength;maxLength;min;max;step;pattern;label;errorMessage;captionText;labelledby;describedby;prefixIcon;suffixIcon;useNativeValidation=!0;validator;internals;bcmInput;bcmChange;bcmFocus;bcmBlur;bcmKeyDown;bcmKeyUp;handleValueChange(e){this.inputRef&&(this.inputRef.value=e),this.internals&&this.internals.setFormValue(e??"")}watchStatus(e){this.internalStatus=e}watchErrorMessage(e){this.internalErrorMessage=e}async setFocus(){this.inputRef?.focus()}async setBlur(){this.inputRef?.blur()}async select(){this.inputRef?.select()}formResetCallback(){this.value="",this.isValid=!0,this.validationMessage="",this.internalStatus="default",this.internalErrorMessage="",this.inputRef&&(this.inputRef.value=""),this.internals&&(this.internals.setFormValue(""),this.internals.setValidity({}))}async setLocale(e,t){l(e,t),this.isValid||this.validateInput()}componentWillLoad(){l("en",d),this.internalStatus=this.status,this.internalErrorMessage=this.errorMessage,this.internals&&this.internals.setFormValue(this.value??"")}validateInput(){if(!this.inputRef)return;this.isValid=!0,this.validationMessage="";let e={};const t=this.inputRef.value;if(this.validator){const r=this.validator(t);r&&(this.isValid=!1,this.validationMessage=r,e={customError:!0})}if(this.required&&!t)this.isValid=!1,this.validationMessage=c("required"),this.internalStatus="error",this.internalErrorMessage=this.validationMessage,e={valueMissing:!0};else if(this.minLength&&t.length<this.minLength)this.isValid=!1,this.validationMessage=c("minlength",{min:this.minLength}),e={tooShort:!0};else if(this.maxLength&&t.length>this.maxLength)this.isValid=!1,this.validationMessage=c("maxlength",{max:this.maxLength}),e={tooLong:!0};else if(this.pattern&&!RegExp(this.pattern).test(t))this.isValid=!1,this.validationMessage=c("pattern"),e={patternMismatch:!0};else if("email"===this.type&&t&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t))this.isValid=!1,this.validationMessage=c("email"),e={typeMismatch:!0};else if("number"===this.type&&t){const r=parseFloat(t);void 0!==this.min&&r<this.min?(this.isValid=!1,this.validationMessage=c("min",{min:this.min}),e={rangeUnderflow:!0}):void 0!==this.max&&r>this.max&&(this.isValid=!1,this.validationMessage=c("max",{max:this.max}),e={rangeOverflow:!0})}this.internalStatus=this.isValid?"default":"error",this.internalErrorMessage=this.validationMessage,this.internals&&(this.isValid?this.internals.setValidity({}):this.internals.setValidity(e,this.validationMessage||"",this.el))}onInput=e=>{this.value=e.target.value,this.internals.setFormValue(this.value),this.bcmInput.emit(e),this.validateInput()};onChange=e=>{this.bcmChange.emit(e)};onFocus=e=>{this.isFocused=!0,this.bcmFocus.emit(e)};onBlur=e=>{this.isFocused=!1,this.bcmBlur.emit(e),this.validateInput()};onKeyDown=e=>{this.bcmKeyDown.emit(e)};onKeyUp=e=>{this.bcmKeyUp.emit(e)};hasSlotContent(e){return((e,t)=>{const r=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return!!r&&r.assignedNodes().length>0})(this.el,e)}styleClass=s({slots:{base:["bcm-input bcm-input__container","bg-[--bcm-ui-color-background-base-default]","text-[--bcm-ui-color-text-default]","border border-solid rounded","flex items-center justify-between","transition-colors duration-200","px-2"],inputClass:["input","w-full flex-1","border-0 outline-0 bg-transparent","appearance-none text-ellipsis","text-[--bcm-ui-color-text-default] placeholder:text-[--bcm-ui-color-text-placeholder] placeholder:font-normal","font-sans antialiased font-medium","px-1","[appearance:textfield][&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none"]},variants:{size:{small:{base:"",inputClass:"text-size-4 py-px"},medium:{base:"",inputClass:"text-size-5 leading-6 py-1"},large:{base:"",inputClass:"text-size-6 py-2"}},status:{default:{base:["border-[--bcm-ui-color-border-default]","hover:border-[--bcm-ui-color-border-primary]","has-[:focus]:border-[--bcm-ui-color-border-primary]"]},error:{base:["border-[--bcm-ui-color-border-error]","hover:border-[--bcm-ui-color-border-error]","has-[:focus]:border-[--bcm-ui-color-border-error]"]},success:{base:["border-[--bcm-ui-color-border-success]","hover:border-[--bcm-ui-color-border-success]","has-[:focus]:border-[--bcm-ui-color-border-success]"]},warning:{base:["border-[--bcm-ui-color-border-warning]","hover:border-[--bcm-ui-color-border-warning]","has-[:focus]:border-[--bcm-ui-color-border-warning]"]},info:{base:["border-[--bcm-ui-color-border-info]","hover:border-[--bcm-ui-color-border-info]","has-[:focus]:border-[--bcm-ui-color-border-info]"]}},fullWidth:{true:"full-width w-full"},disabled:{true:"disabled cursor-not-allowed",false:""},focused:{true:{base:""}}},defaultVariants:{size:"medium",status:"default",fullWidth:!1,disabled:!1,focused:!1}},{twMerge:!1});getDefaultIconForType(){}togglePasswordVisibility=()=>{this.isPasswordVisible=!this.isPasswordVisible,this.inputRef.type=this.isPasswordVisible?"text":"password"};PasswordToggleButton=()=>"password"!==this.type||this.disabled||this.readonly||0===this.value?.length?null:o("button",{class:"appearance-none flex items-center w-6 h-full justify-center",onClick:this.togglePasswordVisibility,type:"button"},o("bcm-icon",{name:this.isPasswordVisible?"fa-eye-slash fa-regular":"fa-regular fa-eye",size:this.iconSize}));iconSize={small:14,medium:16,large:18}[this.size];render(){const e=this._id+"-input"||this.name,{base:t,inputClass:r}=this.styleClass({size:this.size,status:this.internalStatus,fullWidth:this.fullWidth,disabled:this.disabled,focused:this.isFocused});return o("div",{key:"5df80ce8e96974f5fdc04a198398f089867c1b81",class:"bcm-ui-element"},this.label&&o("label",{key:"ec14ded762888f3ced0a18c180feb13f9767ceb5",class:a("input-label font-medium",{"text-color-label":!this.disabled,"text-color-disabled":this.disabled},{"text-size-3":"small"===this.size,"text-size-4":"medium"===this.size,"text-size-5":"large"===this.size}),htmlFor:e},o("slot",{key:"f731c89bc4b3237c433cf6cc929399166a111e40",name:"label"},this.label),this.required&&o("span",{key:"196fd0a2eb5711102dd45370c43c61d5d059e1bc"},"*")),o("div",{key:"96b3897d1f3e0e75874a88c8b42a353f9dda8b7a",class:t()},(this.hasSlotContent("prefix")||this.prefixIcon||this.getDefaultIconForType())&&o("div",{key:"7c65bf687a717ad47b85d0777cf6375771d76c13",class:"flex items-center gap-2 px-2"},(this.prefixIcon||this.getDefaultIconForType())&&o("bcm-icon",{key:"c3d2625db4179b4b25fe7d5db35b4231b347ebc3",class:"prefix-icon","icon-name":this.prefixIcon||this.getDefaultIconForType(),size:this.iconSize}),o("slot",{key:"651ce4d7cd40abb7acebe73d70f56894a58c308d",name:"prefix"})),o("input",{key:"2fc1a6e2d529873774cbb89df47cbd3dcbdae831",ref:e=>this.inputRef=e,id:e,class:r(),type:this.type,name:this.name,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:this.placeholder,autocomplete:this.autocomplete,minlength:this.minLength,maxlength:this.maxLength,min:this.min,max:this.max,step:this.step,pattern:this.pattern,"aria-invalid":"error"===this.status,"aria-required":this.required,"aria-labelledby":this.labelledby,"aria-describedby":this.describedby,value:this.value,onInput:this.onInput,onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,onKeyUp:this.onKeyUp}),(this.hasSlotContent("suffix")||this.suffixIcon)&&o("div",{key:"38aee6d98edc68f565c7a245e10d3069994c3d54",class:"flex items-center gap-2 px-2"},o("slot",{key:"73f4e36fcf08aa2f0bcef580ca1a6965beb28d5f",name:"suffix"}),this.suffixIcon&&o("bcm-icon",{key:"29ef2027b9a8f32c2f68b6f0b304e2f33bd128bc",class:"suffix-icon","icon-name":this.suffixIcon,size:this.iconSize})),this.PasswordToggleButton()),(this.captionText||this.internalErrorMessage||this.validationMessage)&&o("div",{key:"fa0dc2f605d57405069e21ca732cbd99d6a3ac1d",class:a("input-caption-text font-regular mt-1",{"text-[--bcm-ui-color-text-caption]":!this.disabled&&"default"===this.internalStatus,"text-[--bcm-ui-color-text-error]":!(this.disabled||"error"!==this.internalStatus&&this.isValid),"text-[--bcm-ui-color-text-success]":!this.disabled&&"success"===this.internalStatus,"text-[--bcm-ui-color-text-warning]":!this.disabled&&"warning"===this.internalStatus,"text-[--bcm-ui-color-text-info]":!this.disabled&&"info"===this.internalStatus,"text-[--bcm-ui-color-text-disabled]":this.disabled},{"text-size-3":"small"===this.size,"text-size-4":"medium"===this.size,"text-size-5":"large"===this.size})},this.isValid?"error"===this.internalStatus?this.internalErrorMessage:this.captionText:this.validationMessage))}static get formAssociated(){return!0}static get watchers(){return{value:[{handleValueChange:0}],status:[{watchStatus:0}],errorMessage:[{watchErrorMessage:0}]}}static get style(){return'.visible{visibility:visible}.collapse{visibility:collapse}.relative{position:relative}.block{display:block}.table{display:table}.contents{display:contents}.hidden{display:none}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.underline{text-decoration-line:underline}.outline{outline-style:solid}*,:after,:before{border:0 solid oklch(92.8% .006 264.531deg);box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,Inter Variable,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:oklch(70.7% .022 261.325deg);opacity:1}input::placeholder,textarea::placeholder{color:oklch(70.7% .022 261.325deg);opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:host{display:inline-block}:host([full-width]){width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.mt-1{margin-top:.25rem}.flex{display:flex}.h-full{height:100%}.w-6{width:1.5rem}.w-full{width:100%}.flex-1{flex:1 1 0%}.cursor-not-allowed{cursor:not-allowed}.appearance-none{appearance:none}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.text-ellipsis{text-overflow:ellipsis}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border-0{border-width:0}.border-solid{border-style:solid}.border-\\[--bcm-ui-color-border-default\\]{border-color:var(--bcm-ui-color-border-default)}.border-\\[--bcm-ui-color-border-error\\]{border-color:var(--bcm-ui-color-border-error)}.border-\\[--bcm-ui-color-border-info\\]{border-color:var(--bcm-ui-color-border-info)}.border-\\[--bcm-ui-color-border-success\\]{border-color:var(--bcm-ui-color-border-success)}.border-\\[--bcm-ui-color-border-warning\\]{border-color:var(--bcm-ui-color-border-warning)}.bg-\\[--bcm-ui-color-background-base-default\\]{background-color:var(--bcm-ui-color-background-base-default)}.bg-transparent{background-color:transparent}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-px{padding-bottom:1px;padding-top:1px}.font-sans{font-family:Inter,Inter Variable,sans-serif}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.leading-6{line-height:1.5rem}.text-\\[--bcm-ui-color-text-caption\\]{color:var(--bcm-ui-color-text-caption)}.text-\\[--bcm-ui-color-text-default\\]{color:var(--bcm-ui-color-text-default)}.text-\\[--bcm-ui-color-text-disabled\\]{color:var(--bcm-ui-color-text-disabled)}.text-\\[--bcm-ui-color-text-error\\]{color:var(--bcm-ui-color-text-error)}.text-\\[--bcm-ui-color-text-info\\]{color:var(--bcm-ui-color-text-info)}.text-\\[--bcm-ui-color-text-success\\]{color:var(--bcm-ui-color-text-success)}.text-\\[--bcm-ui-color-text-warning\\]{color:var(--bcm-ui-color-text-warning)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-label{color:var(--bcm-ui-color-text-label)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-0{outline-width:0}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.placeholder\\:font-normal::placeholder{font-weight:400}.placeholder\\:text-\\[--bcm-ui-color-text-placeholder\\]::placeholder{color:var(--bcm-ui-color-text-placeholder)}.hover\\:border-\\[--bcm-ui-color-border-error\\]:hover{border-color:var(--bcm-ui-color-border-error)}.hover\\:border-\\[--bcm-ui-color-border-info\\]:hover{border-color:var(--bcm-ui-color-border-info)}.hover\\:border-\\[--bcm-ui-color-border-primary\\]:hover{border-color:var(--bcm-ui-color-border-primary)}.hover\\:border-\\[--bcm-ui-color-border-success\\]:hover{border-color:var(--bcm-ui-color-border-success)}.hover\\:border-\\[--bcm-ui-color-border-warning\\]:hover{border-color:var(--bcm-ui-color-border-warning)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-error\\]:has(:focus){border-color:var(--bcm-ui-color-border-error)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-info\\]:has(:focus){border-color:var(--bcm-ui-color-border-info)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-primary\\]:has(:focus){border-color:var(--bcm-ui-color-border-primary)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-success\\]:has(:focus){border-color:var(--bcm-ui-color-border-success)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-warning\\]:has(:focus){border-color:var(--bcm-ui-color-border-warning)}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button{appearance:none}'}},[833,"bcm-input",{value:[1537],placeholder:[1],name:[1],_id:[513,"id"],size:[1],status:[1],fullWidth:[516,"full-width"],type:[1],disabled:[4],readonly:[4],required:[4],autocomplete:[1],minLength:[2,"min-length"],maxLength:[2,"max-length"],min:[2],max:[2],step:[2],pattern:[1],label:[1],errorMessage:[1,"error-message"],captionText:[1,"caption-text"],labelledby:[1],describedby:[1],prefixIcon:[1,"prefix-icon"],suffixIcon:[1,"suffix-icon"],useNativeValidation:[4,"use-native-validation"],validator:[16],isFocused:[32],validationMessage:[32],isValid:[32],internalStatus:[32],internalErrorMessage:[32],isPasswordVisible:[32],setFocus:[64],setBlur:[64],select:[64],setLocale:[64]},void 0,{value:[{handleValueChange:0}],status:[{watchStatus:0}],errorMessage:[{watchErrorMessage:0}]}]);function h(){"undefined"!=typeof customElements&&["bcm-input"].forEach((t=>{"bcm-input"===t&&(customElements.get(e(t))||customElements.define(e(t),b))}))}h();const u=b,m=h;export{u as BcmInput,m as defineCustomElement}
+import{t as e,p as t,H as r,c as i,h as o}from"./index.js";import{t as s}from"./p-CEcVC0yX.js";import{c as a}from"./p-BfTCfPZ1.js";import{g as n}from"./p-IBjzkjef.js";import{s as l,g as c,d}from"./p-nf_HKsGq.js";const h=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmInput=i(this,"bcmInput",1),this.bcmChange=i(this,"bcmChange",1),this.bcmFocus=i(this,"bcmFocus",1),this.bcmBlur=i(this,"bcmBlur",1),this.bcmKeyDown=i(this,"bcmKeyDown",1),this.bcmKeyUp=i(this,"bcmKeyUp",1),this.internals=this.attachInternals()}get el(){return this}inputRef;isFocused=!1;validationMessage;isValid=!0;internalStatus="default";internalErrorMessage;isPasswordVisible=!1;value="";placeholder;name;_id=n("input");size="medium";status="default";fullWidth=!1;type="text";disabled=!1;readonly=!1;required=!1;autocomplete;minLength;maxLength;min;max;step;pattern;label;errorMessage;captionText;labelledby;describedby;prefixIcon;suffixIcon;useNativeValidation=!0;validator;internals;bcmInput;bcmChange;bcmFocus;bcmBlur;bcmKeyDown;bcmKeyUp;handleValueChange(e){this.inputRef&&(this.inputRef.value=e),this.internals&&this.internals.setFormValue(e??"")}watchStatus(e){this.internalStatus=e}watchErrorMessage(e){this.internalErrorMessage=e}async setFocus(){this.inputRef?.focus()}async setBlur(){this.inputRef?.blur()}async select(){this.inputRef?.select()}formResetCallback(){this.value="",this.isValid=!0,this.validationMessage="",this.internalStatus="default",this.internalErrorMessage="",this.inputRef&&(this.inputRef.value=""),this.internals&&(this.internals.setFormValue(""),this.internals.setValidity({}))}async setLocale(e,t){l(e,t),this.isValid||this.validateInput()}componentWillLoad(){l("en",d),this.internalStatus=this.status,this.internalErrorMessage=this.errorMessage,this.internals&&this.internals.setFormValue(this.value??"")}validateInput(){if(!this.inputRef)return;this.isValid=!0,this.validationMessage="";let e={};const t=this.inputRef.value;if(this.validator){const r=this.validator(t);r&&(this.isValid=!1,this.validationMessage=r,e={customError:!0})}if(this.required&&!t)this.isValid=!1,this.validationMessage=c("required"),this.internalStatus="error",this.internalErrorMessage=this.validationMessage,e={valueMissing:!0};else if(this.minLength&&t.length<this.minLength)this.isValid=!1,this.validationMessage=c("minlength",{min:this.minLength}),e={tooShort:!0};else if(this.maxLength&&t.length>this.maxLength)this.isValid=!1,this.validationMessage=c("maxlength",{max:this.maxLength}),e={tooLong:!0};else if(this.pattern&&!RegExp(this.pattern).test(t))this.isValid=!1,this.validationMessage=c("pattern"),e={patternMismatch:!0};else if("email"===this.type&&t&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t))this.isValid=!1,this.validationMessage=c("email"),e={typeMismatch:!0};else if("number"===this.type&&t){const r=parseFloat(t);void 0!==this.min&&r<this.min?(this.isValid=!1,this.validationMessage=c("min",{min:this.min}),e={rangeUnderflow:!0}):void 0!==this.max&&r>this.max&&(this.isValid=!1,this.validationMessage=c("max",{max:this.max}),e={rangeOverflow:!0})}this.internalStatus=this.isValid?"default":"error",this.internalErrorMessage=this.validationMessage,this.internals&&(this.isValid?this.internals.setValidity({}):this.internals.setValidity(e,this.validationMessage||"",this.el))}onInput=e=>{this.value=e.target.value,this.internals.setFormValue(this.value),this.bcmInput.emit(e),this.validateInput()};onChange=e=>{this.bcmChange.emit(e)};onFocus=e=>{this.isFocused=!0,this.bcmFocus.emit(e)};onBlur=e=>{this.isFocused=!1,this.bcmBlur.emit(e),this.validateInput()};onKeyDown=e=>{this.bcmKeyDown.emit(e)};onKeyUp=e=>{this.bcmKeyUp.emit(e)};hasSlotContent(e){return((e,t)=>{const r=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return!!r&&r.assignedNodes().length>0})(this.el,e)}styleClass=s({slots:{base:["bcm-input bcm-input__container","bg-[--bcm-ui-color-background-base-default]","text-[--bcm-ui-color-text-default]","border border-solid rounded","flex items-center justify-between","transition-colors duration-200","px-2"],inputClass:["input","w-full flex-1","border-0 outline-0 bg-transparent","appearance-none text-ellipsis","text-[--bcm-ui-color-text-default] placeholder:text-[--bcm-ui-color-text-placeholder] placeholder:font-normal","font-sans antialiased font-medium","px-1","[appearance:textfield][&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none"]},variants:{size:{small:{base:"",inputClass:"text-size-4 py-px"},medium:{base:"",inputClass:"text-size-5 leading-6 py-1"},large:{base:"",inputClass:"text-size-6 py-2"}},status:{default:{base:["border-[--bcm-ui-color-border-default]","hover:border-[--bcm-ui-color-border-primary]","has-[:focus]:border-[--bcm-ui-color-border-primary]"]},error:{base:["border-[--bcm-ui-color-border-error]","hover:border-[--bcm-ui-color-border-error]","has-[:focus]:border-[--bcm-ui-color-border-error]"]},success:{base:["border-[--bcm-ui-color-border-success]","hover:border-[--bcm-ui-color-border-success]","has-[:focus]:border-[--bcm-ui-color-border-success]"]},warning:{base:["border-[--bcm-ui-color-border-warning]","hover:border-[--bcm-ui-color-border-warning]","has-[:focus]:border-[--bcm-ui-color-border-warning]"]},info:{base:["border-[--bcm-ui-color-border-info]","hover:border-[--bcm-ui-color-border-info]","has-[:focus]:border-[--bcm-ui-color-border-info]"]}},fullWidth:{true:"full-width w-full"},disabled:{true:"disabled cursor-not-allowed",false:""},focused:{true:{base:""}}},defaultVariants:{size:"medium",status:"default",fullWidth:!1,disabled:!1,focused:!1}},{twMerge:!1});getDefaultIconForType(){}togglePasswordVisibility=()=>{this.isPasswordVisible=!this.isPasswordVisible,this.inputRef.type=this.isPasswordVisible?"text":"password"};PasswordToggleButton=()=>"password"!==this.type||this.disabled||this.readonly||0===this.value?.length?null:o("button",{class:"appearance-none flex items-center w-6 h-full justify-center",onClick:this.togglePasswordVisibility,type:"button"},o("bcm-icon",{name:this.isPasswordVisible?"fa-eye-slash fa-regular":"fa-regular fa-eye",size:this.iconSize}));iconSize={small:14,medium:16,large:18}[this.size];render(){const e=this._id+"-input"||this.name,{base:t,inputClass:r}=this.styleClass({size:this.size,status:this.internalStatus,fullWidth:this.fullWidth,disabled:this.disabled,focused:this.isFocused});return o("div",{key:"f1416e171b7b003810be70e4ae52b5656fb636bc",class:"bcm-ui-element"},this.label&&o("label",{key:"9a8dc3005ff12793bdcc22ac2f67296dbba9e1a9",class:a("input-label font-medium",{"text-color-label":!this.disabled,"text-color-disabled":this.disabled},{"text-size-3":"small"===this.size,"text-size-4":"medium"===this.size,"text-size-5":"large"===this.size}),htmlFor:e},o("slot",{key:"a0effbf8991b1b7e0c7970d69039bc258432085a",name:"label"},this.label),this.required&&o("span",{key:"1da707cd979a59dc3795fe0f85909f9d4a622513"},"*")),o("div",{key:"0da7cc9a6e2a322a0bc58cf576920cc724cc42fe",class:t()},(this.hasSlotContent("prefix")||this.prefixIcon||this.getDefaultIconForType())&&o("div",{key:"77aa4803f97e37a1cd7f652d83ea6d22d7351ca6",class:"flex items-center gap-2 px-2"},(this.prefixIcon||this.getDefaultIconForType())&&o("bcm-icon",{key:"64da4cf7319d59e91fa9517e97fb8cded597c95f",class:"prefix-icon","icon-name":this.prefixIcon||this.getDefaultIconForType(),size:this.iconSize}),o("slot",{key:"1c5f4008075babd9474e672a143f7eb54fe7ce24",name:"prefix"})),o("input",{key:"df9e0521d580f4b6022832ef3fcaf86b6508ee67",ref:e=>this.inputRef=e,id:e,class:r(),type:this.type,name:this.name,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:this.placeholder,autocomplete:this.autocomplete,minlength:this.minLength,maxlength:this.maxLength,min:this.min,max:this.max,step:this.step,pattern:this.pattern,"aria-invalid":"error"===this.status,"aria-required":this.required,"aria-labelledby":this.labelledby,"aria-describedby":this.describedby,value:this.value,onInput:this.onInput,onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,onKeyUp:this.onKeyUp}),(this.hasSlotContent("suffix")||this.suffixIcon)&&o("div",{key:"b3cc3f4736d78d469b1addc994a1be516bdd5f2b",class:"flex items-center gap-2 px-2"},o("slot",{key:"0f06aaf53a846749f94e72f6d632d17653121d97",name:"suffix"}),this.suffixIcon&&o("bcm-icon",{key:"8b22ed0ac67d749b83b09c16fd1aec8141720fcf",class:"suffix-icon","icon-name":this.suffixIcon,size:this.iconSize})),this.PasswordToggleButton()),(this.captionText||this.internalErrorMessage||this.validationMessage)&&o("div",{key:"389bd6172582b601405c84b96375c6ad0aeb93e9",class:a("input-caption-text font-regular mt-1",{"text-[--bcm-ui-color-text-caption]":!this.disabled&&"default"===this.internalStatus,"text-[--bcm-ui-color-text-error]":!(this.disabled||"error"!==this.internalStatus&&this.isValid),"text-[--bcm-ui-color-text-success]":!this.disabled&&"success"===this.internalStatus,"text-[--bcm-ui-color-text-warning]":!this.disabled&&"warning"===this.internalStatus,"text-[--bcm-ui-color-text-info]":!this.disabled&&"info"===this.internalStatus,"text-[--bcm-ui-color-text-disabled]":this.disabled},{"text-size-3":"small"===this.size,"text-size-4":"medium"===this.size,"text-size-5":"large"===this.size})},this.isValid?"error"===this.internalStatus?this.internalErrorMessage:this.captionText:this.validationMessage))}static get formAssociated(){return!0}static get watchers(){return{value:[{handleValueChange:0}],status:[{watchStatus:0}],errorMessage:[{watchErrorMessage:0}]}}static get style(){return'.visible{visibility:visible}.collapse{visibility:collapse}.relative{position:relative}.block{display:block}.table{display:table}.contents{display:contents}.hidden{display:none}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.underline{text-decoration-line:underline}.outline{outline-style:solid}*,:after,:before{border:0 solid oklch(92.8% .006 264.531deg);box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,Inter Variable,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:oklch(70.7% .022 261.325deg);opacity:1}input::placeholder,textarea::placeholder{color:oklch(70.7% .022 261.325deg);opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:host{display:inline-block}:host([full-width]){width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.mt-1{margin-top:.25rem}.flex{display:flex}.h-full{height:100%}.w-6{width:1.5rem}.w-full{width:100%}.flex-1{flex:1 1 0%}.cursor-not-allowed{cursor:not-allowed}.appearance-none{appearance:none}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.text-ellipsis{text-overflow:ellipsis}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border-0{border-width:0}.border-solid{border-style:solid}.border-\\[--bcm-ui-color-border-default\\]{border-color:var(--bcm-ui-color-border-default)}.border-\\[--bcm-ui-color-border-error\\]{border-color:var(--bcm-ui-color-border-error)}.border-\\[--bcm-ui-color-border-info\\]{border-color:var(--bcm-ui-color-border-info)}.border-\\[--bcm-ui-color-border-success\\]{border-color:var(--bcm-ui-color-border-success)}.border-\\[--bcm-ui-color-border-warning\\]{border-color:var(--bcm-ui-color-border-warning)}.bg-\\[--bcm-ui-color-background-base-default\\]{background-color:var(--bcm-ui-color-background-base-default)}.bg-transparent{background-color:transparent}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-px{padding-bottom:1px;padding-top:1px}.font-sans{font-family:Inter,Inter Variable,sans-serif}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.leading-6{line-height:1.5rem}.text-\\[--bcm-ui-color-text-caption\\]{color:var(--bcm-ui-color-text-caption)}.text-\\[--bcm-ui-color-text-default\\]{color:var(--bcm-ui-color-text-default)}.text-\\[--bcm-ui-color-text-disabled\\]{color:var(--bcm-ui-color-text-disabled)}.text-\\[--bcm-ui-color-text-error\\]{color:var(--bcm-ui-color-text-error)}.text-\\[--bcm-ui-color-text-info\\]{color:var(--bcm-ui-color-text-info)}.text-\\[--bcm-ui-color-text-success\\]{color:var(--bcm-ui-color-text-success)}.text-\\[--bcm-ui-color-text-warning\\]{color:var(--bcm-ui-color-text-warning)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-label{color:var(--bcm-ui-color-text-label)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-0{outline-width:0}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.placeholder\\:font-normal::placeholder{font-weight:400}.placeholder\\:text-\\[--bcm-ui-color-text-placeholder\\]::placeholder{color:var(--bcm-ui-color-text-placeholder)}.hover\\:border-\\[--bcm-ui-color-border-error\\]:hover{border-color:var(--bcm-ui-color-border-error)}.hover\\:border-\\[--bcm-ui-color-border-info\\]:hover{border-color:var(--bcm-ui-color-border-info)}.hover\\:border-\\[--bcm-ui-color-border-primary\\]:hover{border-color:var(--bcm-ui-color-border-primary)}.hover\\:border-\\[--bcm-ui-color-border-success\\]:hover{border-color:var(--bcm-ui-color-border-success)}.hover\\:border-\\[--bcm-ui-color-border-warning\\]:hover{border-color:var(--bcm-ui-color-border-warning)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-error\\]:has(:focus){border-color:var(--bcm-ui-color-border-error)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-info\\]:has(:focus){border-color:var(--bcm-ui-color-border-info)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-primary\\]:has(:focus){border-color:var(--bcm-ui-color-border-primary)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-success\\]:has(:focus){border-color:var(--bcm-ui-color-border-success)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-warning\\]:has(:focus){border-color:var(--bcm-ui-color-border-warning)}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button{appearance:none}'}},[833,"bcm-input",{value:[1537],placeholder:[1],name:[1],_id:[513,"id"],size:[1],status:[1],fullWidth:[516,"full-width"],type:[1],disabled:[4],readonly:[4],required:[4],autocomplete:[1],minLength:[2,"min-length"],maxLength:[2,"max-length"],min:[2],max:[2],step:[2],pattern:[1],label:[1],errorMessage:[1,"error-message"],captionText:[1,"caption-text"],labelledby:[1],describedby:[1],prefixIcon:[1,"prefix-icon"],suffixIcon:[1,"suffix-icon"],useNativeValidation:[4,"use-native-validation"],validator:[16],isFocused:[32],validationMessage:[32],isValid:[32],internalStatus:[32],internalErrorMessage:[32],isPasswordVisible:[32],setFocus:[64],setBlur:[64],select:[64],setLocale:[64]},void 0,{value:[{handleValueChange:0}],status:[{watchStatus:0}],errorMessage:[{watchErrorMessage:0}]}]);function b(){"undefined"!=typeof customElements&&["bcm-input"].forEach((t=>{"bcm-input"===t&&(customElements.get(e(t))||customElements.define(e(t),h))}))}b();const u=h,m=b;export{u as BcmInput,m as defineCustomElement}

package/dist/components/bcm-linked.js

@@ -1 +1 @@
-import{B as o,d as r}from"./p-BQbLrMuz.js";const s=o,p=r;export{s as BcmLinked,p as defineCustomElement}
+import{B as o,d as s}from"./p-C3wzcnH3.js";const p=o,r=s;export{p as BcmLinked,r as defineCustomElement}

package/dist/components/bcm-modal.js

@@ -1 +1 @@
-import{t as e,p as t,H as a,c as o,h as r}from"./index.js";import{t as i}from"./p-CEcVC0yX.js";const n=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmOpen=o(this,"bcmOpen",7),this.bcmClose=o(this,"bcmClose",7),this.bcmBeforeOpen=o(this,"bcmBeforeOpen",7),this.bcmBeforeClose=o(this,"bcmBeforeClose",7)}get host(){return 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=i({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:o,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 r("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"},r("div",{key:"fe058c010ea503eb2a44680c04d967d417faed3c",part:"container",class:t()},r("div",{key:"1fa947a00781fbd977a81ae1b0833918c6b5d252",part:"modal",class:a(),style:this.getModalStyle(),role:"document",onClick:e=>e.stopPropagation()},!this.noHeader&&r("div",{key:"a7fbc1ea22fb109ec6e99f043eb1dcfaef959d70",part:"header",class:o()},r("div",{key:"0145d5733e5188b6a9992eb41e462c5db608bc21",part:"header-content",class:i()},r("h2",{key:"ddc3a4005176fe742fa9238aa50eb3ca47107332",id:"modal-title",part:"title",class:n()},r("slot",{key:"013ff3729de1f6e19475384a8a0c7fa0c85eec7e",name:"header"},this.headerText)),this.helperText&&r("p",{key:"c850ba1df15dfbec3c16022e3c95a62ccb46c02c",id:"modal-helper",part:"helper-text",class:s()},r("slot",{key:"0ab88a302363f8701047b21a2768033846e7c83a",name:"helper"},this.helperText))),r("button",{key:"40075afa46ff21fbb90049527136a64a4bb149b4",part:"close-button",class:d(),onClick:()=>this.hide(),"aria-label":"Close modal",type:"button"},r("bcm-icon",{key:"103f99df6bb9298ad78b043117a4b05f940cc2a4",name:"fa-solid fa-xmark"}))),r("div",{key:"943ea0cfa96dd06e3a562d549378fb688c4c779b",part:"content",class:l()},r("slot",{key:"4eabfbc38e21b297ebb731cf2e54840b641d8724"})),!this.noFooter&&r("div",{key:"f058cb121dd9e6d28d72a2996c098134438f37fb",part:"footer",class:c()},r("slot",{key:"d70d5a89b1c4159937b417a35bb4e3716d8fd1e1",name:"footer"})))))}static get watchers(){return{open:[{handleOpenChange:0}]}}static get style(){return".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)}"}},[769,"bcm-modal",{open:[1540],size:[1],placement:[1],backdrop:[8],fullWidth:[4,"full-width"],fullScreen:[4,"full-screen"],headerText:[1,"header-text"],helperText:[1,"helper-text"],noHeader:[4,"no-header"],noFooter:[4,"no-footer"],closeOnBackdrop:[4,"close-on-backdrop"],closeOnEscape:[4,"close-on-escape"],isAnimating:[32],shake:[32],show:[64],hide:[64],toggle:[64]},[[2,"click","handleClick"],[0,"keydown","handleKeyDown"]],{open:[{handleOpenChange:0}]}]);function s(){"undefined"!=typeof customElements&&["bcm-modal"].forEach((t=>{"bcm-modal"===t&&(customElements.get(e(t))||customElements.define(e(t),n))}))}s();const d=n,l=s;export{d as BcmModal,l as defineCustomElement}
+import{t as e,p as t,H as a,c as o,h as r}from"./index.js";import{t as i}from"./p-CEcVC0yX.js";const n=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmOpen=o(this,"bcmOpen",7),this.bcmClose=o(this,"bcmClose",7),this.bcmBeforeOpen=o(this,"bcmBeforeOpen",7),this.bcmBeforeClose=o(this,"bcmBeforeClose",7)}get host(){return 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=i({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:o,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 r("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"},r("div",{key:"8b74fa435ba18c760fac5a69d69b9ec931719774",part:"container",class:t()},r("div",{key:"97c300b0362f0785fa10bb28f65584b342e1043d",part:"modal",class:a(),style:this.getModalStyle(),role:"document",onClick:e=>e.stopPropagation()},!this.noHeader&&r("div",{key:"df1f72c63d84cb651c25089a32b138051c1828f9",part:"header",class:o()},r("div",{key:"4d3ea8ea5015b40a62c73a9653251466de5e396d",part:"header-content",class:i()},r("h2",{key:"1c07ed9cacf3817dd8aca18e6c84873154a70275",id:"modal-title",part:"title",class:n()},r("slot",{key:"f8e6c5964a62e28ea64d9118ada58568bc2844f5",name:"header"},this.headerText)),this.helperText&&r("p",{key:"0adf0359fd32f278680fd637d8f883f88b885194",id:"modal-helper",part:"helper-text",class:s()},r("slot",{key:"24fd7c93a6cb4c3c5091a6b1bf171abd40f5a0f6",name:"helper"},this.helperText))),r("button",{key:"a60a222675ea2f95bd281bf2049a3b1275724049",part:"close-button",class:d(),onClick:()=>this.hide(),"aria-label":"Close modal",type:"button"},r("bcm-icon",{key:"1552b7345565fb9721cbff0a1ecd177fde5db2eb",name:"fa-solid fa-xmark"}))),r("div",{key:"31a07a87efcdec2c4a672b7f78b0bdf1a98d15e8",part:"content",class:l()},r("slot",{key:"951761be372e23ab7224046504ace7fcf895a626"})),!this.noFooter&&r("div",{key:"e052a785b68fd593d2eabc2a59376570a76dcebb",part:"footer",class:c()},r("slot",{key:"6c48cc1b5473a9d9887955b9a6b6e01c3c68a21c",name:"footer"})))))}static get watchers(){return{open:[{handleOpenChange:0}]}}static get style(){return".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)}"}},[769,"bcm-modal",{open:[1540],size:[1],placement:[1],backdrop:[8],fullWidth:[4,"full-width"],fullScreen:[4,"full-screen"],headerText:[1,"header-text"],helperText:[1,"helper-text"],noHeader:[4,"no-header"],noFooter:[4,"no-footer"],closeOnBackdrop:[4,"close-on-backdrop"],closeOnEscape:[4,"close-on-escape"],isAnimating:[32],shake:[32],show:[64],hide:[64],toggle:[64]},[[2,"click","handleClick"],[0,"keydown","handleKeyDown"]],{open:[{handleOpenChange:0}]}]);function s(){"undefined"!=typeof customElements&&["bcm-modal"].forEach((t=>{"bcm-modal"===t&&(customElements.get(e(t))||customElements.define(e(t),n))}))}s();const d=n,l=s;export{d as BcmModal,l as defineCustomElement}

package/dist/components/bcm-pop-confirm.js

@@ -1 +1 @@
-import{t,p as e,H as i,c as o,h as s}from"./index.js";import{a,c as r,o as n,f as c,s as l,b as h}from"./p-DBDSgIvP.js";import{t as d}from"./p-CEcVC0yX.js";import{d as m}from"./p-B5YCVscx.js";const p={info:"fa-solid fa-circle-info",success:"fa-solid fa-circle-check",warning:"fa-solid fa-triangle-exclamation",error:"fa-solid fa-circle-xmark"},f=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bcmBeforeOpen=o(this,"bcmBeforeOpen",1),this.bcmOpen=o(this,"bcmOpen",1),this.bcmBeforeClose=o(this,"bcmBeforeClose",1),this.bcmClose=o(this,"bcmClose",1),this.bcmConfirm=o(this,"bcmConfirm",1),this.bcmCancel=o(this,"bcmCancel",1)}get host(){return 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=a(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=[n(this.offsetDistance),c(),l({padding:8})];this.showArrow&&this.arrowRef&&t.push(h({element:this.arrowRef}));const e={getBoundingClientRect:()=>this.triggerRef.getBoundingClientRect()},{x:i,y:o,placement:s,middlewareData:a}=await r(e,this.popconfirmRef,{placement:this.placement,strategy:"fixed",middleware:t});if(this.popconfirmRef.style.left=i+"px",this.popconfirmRef.style.top=o+"px",this.showArrow&&this.arrowRef&&a.arrow){const{x:t,y:e}=a.arrow,i={top:"bottom",right:"left",bottom:"top",left:"right"}[s.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=d({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:a,closeBtn:r,body:n,footer:c}=this.popconfirmClass({size:this.size,status:this.status}),l=this.statusIcon&&this.headerText,h=!!this.headerText;return s("div",{key:"985ba921107bf870e348dd0fa40b7857e7414b09",class:"inline-block"},s("slot",{key:"82cc3b90408f45d81de20ad8e3754268ed696923",onSlotchange:this.handleSlotChange}),s("div",{key:"aae490c4a85506ac2f7913e73bad13db222691af",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&&s("div",{key:"0f0206b3c9dbc5367722aff328213cd051545a5e",ref:t=>this.arrowRef=t,part:"arrow",class:e()}),s("div",{key:"63db024fbcf36b039bb2d92a348f408535726bc2",class:r(),onClick:this.handleCancel,role:"button",tabIndex:0,"aria-label":"Close"},s("bcm-icon",{key:"fd2c3555d4f731cde8264fe05be260121a8794d9","icon-name":"far fa-times"})),s("header",{key:"9646ac05e11ed66f71307d897886a4a04802df00",class:i()},s("div",{key:"0a22746831a55d17d07159d17c0576ed57a387bd",class:o()},l&&s("bcm-icon",{key:"cf8b7aeb37ee8008d1dd51d93e4b6085e1a6a4c8","icon-name":p[this.status]}),h&&s("span",{key:"3ad7f7a1c3274b7566128a67d27e0eb49a021a61",id:this.popconfirmId+"-header",class:a()},this.headerText),s("slot",{key:"75ace281d6c80dec32e861ff644908942f60ae23",name:"header"}))),s("main",{key:"aeff840362307b0f9ac593cede066adb00f9048e",id:this.popconfirmId+"-body",part:"body",class:n()},s("slot",{key:"13d5c301c27bc44a1b36100f861fa591a100d5fd",name:"body"},this.description)),s("footer",{key:"6c4268cbb69ffde526f7cc4f6c436b97e20e13dc",part:"footer",class:c()},s("slot",{key:"51423865e3293cc8a75635d9ef961c2267af361e",name:"footer"},s("bcm-button",{key:"c49d49e793994d5a6d59f5aed5d0fe345f81413f",kind:"outline",size:this.size,onClick:this.handleCancel},this.cancelText),s("bcm-button",{key:"b47151e6d9f6cc08a9111a840b3656f19d266ba2",size:this.size,status:this.status,kind:"primary",onClick:this.handleConfirm},this.confirmText)))))}static get watchers(){return{isOpen:[{handleOpenChange:0}]}}static get style(){return".visible{visibility:visible}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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: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)}}::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)}"}},[769,"bcm-pop-confirm",{placement:[1],size:[1],status:[1],headerText:[1,"header-text"],description:[1],confirmText:[1,"confirm-text"],cancelText:[1,"cancel-text"],showArrow:[4,"show-arrow"],statusIcon:[4,"status-icon"],offsetDistance:[2,"offset-distance"],closeOnOutsideClick:[4,"close-on-outside-click"],closeOnEscape:[4,"close-on-escape"],isOpen:[32],show:[64],hide:[64],toggle:[64]},[[4,"keydown","handleKeyDown"]],{isOpen:[{handleOpenChange:0}]}]);function b(){"undefined"!=typeof customElements&&["bcm-pop-confirm","bcm-button"].forEach((e=>{switch(e){case"bcm-pop-confirm":customElements.get(t(e))||customElements.define(t(e),f);break;case"bcm-button":customElements.get(t(e))||m()}}))}b();const x=f,u=b;export{x as BcmPopConfirm,u as defineCustomElement}
+import{t,p as e,H as i,c as o,h as s}from"./index.js";import{a,o as r,f as n,s as c,c as l,b as d}from"./p-DBDSgIvP.js";import{t as h}from"./p-CEcVC0yX.js";import{d as p}from"./p-CicdrC2Y.js";const m={info:"fa-solid fa-circle-info",success:"fa-solid fa-circle-check",warning:"fa-solid fa-triangle-exclamation",error:"fa-solid fa-circle-xmark"},b=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bcmBeforeOpen=o(this,"bcmBeforeOpen",1),this.bcmOpen=o(this,"bcmOpen",1),this.bcmBeforeClose=o(this,"bcmBeforeClose",1),this.bcmClose=o(this,"bcmClose",1),this.bcmConfirm=o(this,"bcmConfirm",1),this.bcmCancel=o(this,"bcmCancel",1)}get host(){return 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=a(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(d({element:this.arrowRef}));const e={getBoundingClientRect:()=>this.triggerRef.getBoundingClientRect()},{x:i,y:o,placement:s,middlewareData:a}=await l(e,this.popconfirmRef,{placement:this.placement,strategy:"fixed",middleware:t});if(this.popconfirmRef.style.left=i+"px",this.popconfirmRef.style.top=o+"px",this.showArrow&&this.arrowRef&&a.arrow){const{x:t,y:e}=a.arrow,i={top:"bottom",right:"left",bottom:"top",left:"right"}[s.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:a,closeBtn:r,body:n,footer:c}=this.popconfirmClass({size:this.size,status:this.status}),l=this.statusIcon&&this.headerText,d=!!this.headerText;return s("div",{key:"ef324898cdc6e0d02d974b5d963a83d826ae03c6",class:"inline-block"},s("slot",{key:"9837be082d95203034b4ef632b4e1de552b3ddf3",onSlotchange:this.handleSlotChange}),s("div",{key:"a7b6405ba095cf5a8b44b30646dcd1dec47ee8c1",ref:t=>this.popconfirmRef=t,id:this.popconfirmId,part:"container",class:t(),popover:"manual",role:"alertdialog","aria-labelledby":d?this.popconfirmId+"-header":void 0,"aria-describedby":this.popconfirmId+"-body"},this.showArrow&&s("div",{key:"1e755056630025c285f239b97d4f8b12157b27e0",ref:t=>this.arrowRef=t,part:"arrow",class:e()}),s("div",{key:"f22df40716a39c698f81d263f32e5dde5e750736",class:r(),onClick:this.handleCancel,role:"button",tabIndex:0,"aria-label":"Close"},s("bcm-icon",{key:"e65ed93d76065b6d60ffaca447cd74c88c42f6ba","icon-name":"far fa-times"})),s("header",{key:"b1a14421eadebdc5d7743442a5cd5764cdb1c91c",class:i()},s("div",{key:"ad38f509d91aee4ac330a7dbd9219b38d74fd293",class:o()},l&&s("bcm-icon",{key:"a6e30f3013293535e30702f06bba4026e2cc9997","icon-name":m[this.status]}),d&&s("span",{key:"a7783f8b4ffebdbb9e3933ab126e89ce665bb11e",id:this.popconfirmId+"-header",class:a()},this.headerText),s("slot",{key:"cb19354b2da6509b32335fbdcb7e39f9e3e870bb",name:"header"}))),s("main",{key:"9196e80c62ee712e7ac308c58f7fb31bb5a658e0",id:this.popconfirmId+"-body",part:"body",class:n()},s("slot",{key:"7aad6ce3617628d6e318ab344d26856271fbc5ea",name:"body"},this.description)),s("footer",{key:"a6d0240f6b1e814425ae790fdf4e208d1256503d",part:"footer",class:c()},s("slot",{key:"47a863b401cbdba258ccd9d05ea7969b263f9fb3",name:"footer"},s("bcm-button",{key:"cef225e554ea2897e7fe6657037cdaa847aed9b6",kind:"outline",size:this.size,onClick:this.handleCancel},this.cancelText),s("bcm-button",{key:"2e515544c5a0e02d83e3d7a8e9fddab4b08bd4e7",size:this.size,status:this.status,kind:"primary",onClick:this.handleConfirm},this.confirmText)))))}static get watchers(){return{isOpen:[{handleOpenChange:0}]}}static get style(){return".visible{visibility:visible}.contents{display:contents}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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)}"}},[769,"bcm-pop-confirm",{placement:[1],size:[1],status:[1],headerText:[1,"header-text"],description:[1],confirmText:[1,"confirm-text"],cancelText:[1,"cancel-text"],showArrow:[4,"show-arrow"],statusIcon:[4,"status-icon"],offsetDistance:[2,"offset-distance"],closeOnOutsideClick:[4,"close-on-outside-click"],closeOnEscape:[4,"close-on-escape"],isOpen:[32],show:[64],hide:[64],toggle:[64]},[[4,"keydown","handleKeyDown"]],{isOpen:[{handleOpenChange:0}]}]);function f(){"undefined"!=typeof customElements&&["bcm-pop-confirm","bcm-button"].forEach((e=>{switch(e){case"bcm-pop-confirm":customElements.get(t(e))||customElements.define(t(e),b);break;case"bcm-button":customElements.get(t(e))||p()}}))}f();const x=b,u=f;export{x as BcmPopConfirm,u as defineCustomElement}

package/dist/components/bcm-popover.js

@@ -1 +1 @@
-import{t,p as e,H as s,c as i,h as o}from"./index.js";import{a,o as r,f as h,s as n,c as l,b as d}from"./p-DBDSgIvP.js";import{t as c}from"./p-CEcVC0yX.js";const p=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bcmBeforeOpen=i(this,"bcmBeforeOpen",1),this.bcmOpen=i(this,"bcmOpen",1),this.bcmBeforeClose=i(this,"bcmBeforeClose",1),this.bcmClose=i(this,"bcmClose",1)}get host(){return 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=a(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",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(d({element:this.arrowRef}));const{x:i,y:o,placement:a,middlewareData:c}=await l(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",a),this.arrow&&this.arrowRef&&c.arrow){const{x:t,y:e}=c.arrow,s={top:"bottom",right:"left",bottom:"top",left:"right"}[a.split("-")[0]];Object.assign(this.arrowRef.style,{left:null!=t?t+"px":"",top:null!=e?e+"px":"",right:"",bottom:"",[s]:"-4px"})}};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:i}=this.popoverClass({size:this.size});return o("div",{key:"6ae75ba15382687fc995e9ef0d9ff9316f7e408d",class:"inline-block"},o("slot",{key:"a1dc21911c1441adb37b21918ab87cb817778e36",onSlotchange:this.handleSlotChange}),o("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&&o("div",{key:"5e9cc584b6006e987b483228a30e808914891ef7",ref:t=>this.arrowRef=t,part:"arrow",class:i()}),o("div",{key:"6ae703362af520af237934a09176c81c71383905",id:this.popoverId+"-header",part:"header",class:e()},o("slot",{key:"aca501dc86fa9eb553a65f00e4d4eae87d463cc0",name:"header"},this.headerText)),o("div",{key:"0945c9e5eced1ed75412a86370e11248ddc3a2c0",part:"content",class:s()},o("slot",{key:"963b4eda8fd6654feaf3541dc4ec8d9e84f0a37e",name:"content"},this.message))))}static get watchers(){return{open:[{handleOpenChange:0}]}}static get style(){return".visible{visibility:visible}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{--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)}"}},[769,"bcm-popover",{size:[1],placement:[1],trigger:[1],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],open:[1540],closeOnOutsideClick:[4,"close-on-outside-click"],closeOnEscape:[4,"close-on-escape"],headerText:[1,"header-text"],message:[1],arrow:[4],isOpen:[32],show:[64],hide:[64],toggle:[64]},[[4,"keydown","handleKeyDown"]],{open:[{handleOpenChange:0}]}]);function m(){"undefined"!=typeof customElements&&["bcm-popover"].forEach((e=>{"bcm-popover"===e&&(customElements.get(t(e))||customElements.define(t(e),p))}))}m();const b=p,u=m;export{b as BcmPopover,u as defineCustomElement}
+import{t,p as e,H as s,c as i,h as o}from"./index.js";import{a,o as r,f as h,s as n,c as l,b as c}from"./p-DBDSgIvP.js";import{t as d}from"./p-CEcVC0yX.js";const p=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bcmBeforeOpen=i(this,"bcmBeforeOpen",1),this.bcmOpen=i(this,"bcmOpen",1),this.bcmBeforeClose=i(this,"bcmBeforeClose",1),this.bcmClose=i(this,"bcmClose",1)}get host(){return 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=a(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",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(c({element:this.arrowRef}));const{x:i,y:o,placement:a,middlewareData:d}=await l(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",a),this.arrow&&this.arrowRef&&d.arrow){const{x:t,y:e}=d.arrow,s={top:"bottom",right:"left",bottom:"top",left:"right"}[a.split("-")[0]];Object.assign(this.arrowRef.style,{left:null!=t?t+"px":"",top:null!=e?e+"px":"",right:"",bottom:"",[s]:"-4px"})}};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:s,arrow:i}=this.popoverClass({size:this.size});return o("div",{key:"58974d41aa0c4278ac03dc0de7a56480792140dd",class:"inline-block"},o("slot",{key:"26ddb3b5c930cfe6d0b743900ebdbea9fbc98cec",onSlotchange:this.handleSlotChange}),o("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&&o("div",{key:"1e02fecbede7b837c1418941910b55ed4b3b77a2",ref:t=>this.arrowRef=t,part:"arrow",class:i()}),o("div",{key:"31de335a19638860d8ccb79921e815798188d6e5",id:this.popoverId+"-header",part:"header",class:e()},o("slot",{key:"f0cd37fc2052d129c4a156c61c46488b3164e774",name:"header"},this.headerText)),o("div",{key:"824c183f41861888debe1017b94dbc0a4d2f4446",part:"content",class:s()},o("slot",{key:"e8ca3edcb09b7ed19dba0c3dd59b78028bbe6a42",name:"content"},this.message))))}static get watchers(){return{open:[{handleOpenChange:0}]}}static get style(){return".visible{visibility:visible}.contents{display:contents}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{--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)}"}},[769,"bcm-popover",{size:[1],placement:[1],trigger:[1],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],open:[1540],closeOnOutsideClick:[4,"close-on-outside-click"],closeOnEscape:[4,"close-on-escape"],headerText:[1,"header-text"],message:[1],arrow:[4],isOpen:[32],show:[64],hide:[64],toggle:[64]},[[4,"keydown","handleKeyDown"]],{open:[{handleOpenChange:0}]}]);function b(){"undefined"!=typeof customElements&&["bcm-popover"].forEach((e=>{"bcm-popover"===e&&(customElements.get(t(e))||customElements.define(t(e),p))}))}b();const m=p,u=b;export{m as BcmPopover,u as defineCustomElement}

package/dist/components/bcm-radio-group.js

@@ -1 +1 @@
-import{t as e,p as t,H as i,c as a,h as o}from"./index.js";import{t as s}from"./p-CEcVC0yX.js";import{g as r}from"./p-IBjzkjef.js";import{c as n}from"./p-BfTCfPZ1.js";const c=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmRadioGroupChange=a(this,"bcmRadioGroupChange",1)}get host(){return this}name;value;disabled=!1;required=!1;error=!1;label;size="medium";direction="vertical";captionText;bcmRadioGroupChange;radioGroupName=r("radio-group-name");get radios(){return this.host.querySelectorAll("bcm-radio")}componentWillLoad(){this.value&&this.updateRadios(this.value)}async setClear(){this.value="",this.radios?.forEach((e=>{e.checked=!1}))}async resetCaption(){this.error=!1,this.captionText=void 0}handleSlotChange=()=>{this.radios.forEach((e=>{e.size=this.size,e.name=this.name??this.radioGroupName,e.disabled=this.disabled,e.error=this.error}))};handleValueChange(e){this.updateRadios(e)}handleRadioChange(e){const t=e.target;this.host.querySelectorAll("bcm-radio").forEach((e=>{e!==t&&(e.checked=!1)})),this.bcmRadioGroupChange.emit({value:t.value,element:t})}updateRadios(e){this.radios.forEach((t=>{t.checked=t.value===e}))}radioGroupClass=s({slots:{host:["bcm-ui-element bcm-radio-group flex flex-col"],container:["flex"]},variants:{size:{small:{host:"gap-1.5",container:"gap-1.5"},medium:{host:"gap-2",container:"gap-2"},large:{host:"gap-2.5",container:"gap-2.5"}},direction:{horizontal:{container:["flex-row flex-wrap"]},vertical:{container:["flex-col"]}}},defaultVariants:{size:"medium",direction:"vertical"}});render(){const{host:e,container:t}=this.radioGroupClass({size:this.size,direction:this.direction});return o("div",{key:"69ac9c5bb1e736a8efedb495894666bdb20d8ea5",class:e()},this.label&&o("label",{key:"b21af81933911d24c7e07ca9617399ecd8ff80d8",class:n("input-label font-medium",{"text-color-label":!this.disabled,"text-color-disabled":this.disabled},{"text-size-3":"small"===this.size,"text-size-4":"medium"===this.size,"text-size-5":"large"===this.size})},o("slot",{key:"0b336adf25d2cdd2e3ab444324393c0f23d89795",name:"label"},this.label),this.required&&o("span",{key:"82b31f046ab0ebdb0d4222a953aadbf5be45112e"},"*")),o("div",{key:"0e847b43fc7c1e4f21751bbb8684f36d90cc0460",class:t()},o("slot",{key:"b1d5b67d37547c8e4155daa9853f866b2fb6f81e",onSlotchange:this.handleSlotChange})),this.captionText&&o("div",{key:"c9e03574dbb626edf54f861ba8a7df5997c1573a",class:n("input-caption-text font-regular mt-1",{"text-[--bcm-ui-color-text-caption]":!this.disabled,"text-[--bcm-ui-color-text-error]":!this.disabled&&this.error,"text-[--bcm-ui-color-text-disabled]":this.disabled},{"text-size-3":"small"===this.size,"text-size-4":"medium"===this.size,"text-size-5":"large"===this.size})},this.captionText))}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return".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}.mt-1{margin-top:.25rem}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.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-\\[--bcm-ui-color-text-caption\\]{color:var(--bcm-ui-color-text-caption)}.text-\\[--bcm-ui-color-text-disabled\\]{color:var(--bcm-ui-color-text-disabled)}.text-\\[--bcm-ui-color-text-error\\]{color:var(--bcm-ui-color-text-error)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-label{color:var(--bcm-ui-color-text-label)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}"}},[769,"bcm-radio-group",{name:[1],value:[1],disabled:[4],required:[4],error:[4],label:[1],size:[1],direction:[1],captionText:[1,"caption-text"],setClear:[64],resetCaption:[64]},[[2,"bcmRadioChange","handleRadioChange"]],{value:[{handleValueChange:0}]}]);function l(){"undefined"!=typeof customElements&&["bcm-radio-group"].forEach((t=>{"bcm-radio-group"===t&&(customElements.get(e(t))||customElements.define(e(t),c))}))}l();const d=c,h=l;export{d as BcmRadioGroup,h as defineCustomElement}
+import{t as e,p as t,H as i,c as a,h as o}from"./index.js";import{t as s}from"./p-CEcVC0yX.js";import{g as r}from"./p-IBjzkjef.js";import{c as n}from"./p-BfTCfPZ1.js";const l=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmRadioGroupChange=a(this,"bcmRadioGroupChange",1)}get host(){return this}name;value;disabled=!1;required=!1;error=!1;label;size="medium";direction="vertical";captionText;bcmRadioGroupChange;radioGroupName=r("radio-group-name");get radios(){return this.host.querySelectorAll("bcm-radio")}componentWillLoad(){this.value&&this.updateRadios(this.value)}async setClear(){this.value="",this.radios?.forEach((e=>{e.checked=!1}))}async resetCaption(){this.error=!1,this.captionText=void 0}handleSlotChange=()=>{this.radios.forEach((e=>{e.size=this.size,e.name=this.name??this.radioGroupName,e.disabled=this.disabled,e.error=this.error}))};handleValueChange(e){this.updateRadios(e)}handleRadioChange(e){const t=e.target;this.host.querySelectorAll("bcm-radio").forEach((e=>{e!==t&&(e.checked=!1)})),this.bcmRadioGroupChange.emit({value:t.value,element:t})}updateRadios(e){this.radios.forEach((t=>{t.checked=t.value===e}))}radioGroupClass=s({slots:{host:["bcm-ui-element bcm-radio-group flex flex-col"],container:["flex"]},variants:{size:{small:{host:"gap-1.5",container:"gap-1.5"},medium:{host:"gap-2",container:"gap-2"},large:{host:"gap-2.5",container:"gap-2.5"}},direction:{horizontal:{container:["flex-row flex-wrap"]},vertical:{container:["flex-col"]}}},defaultVariants:{size:"medium",direction:"vertical"}});render(){const{host:e,container:t}=this.radioGroupClass({size:this.size,direction:this.direction});return o("div",{key:"4334600812b3f928402cd272ca15897637fb9371",class:e()},this.label&&o("label",{key:"04d0fdfa7b4b1a76630ecba67140fe415a9ed9f7",class:n("input-label font-medium",{"text-color-label":!this.disabled,"text-color-disabled":this.disabled},{"text-size-3":"small"===this.size,"text-size-4":"medium"===this.size,"text-size-5":"large"===this.size})},o("slot",{key:"552ac8466ef4662c810a16a27f8601995f9bf552",name:"label"},this.label),this.required&&o("span",{key:"966089a77980aa2ee1ca7ad43ad39b5267a2cf75"},"*")),o("div",{key:"b69824c452a3e60a7b87042f94b38d9e0106f470",class:t()},o("slot",{key:"93bf19e38fd461ee382b9e3d4f16985b87072252",onSlotchange:this.handleSlotChange})),this.captionText&&o("div",{key:"8e6ee5d6de9a6dfc31b951e6f99f603c7ad3e48d",class:n("input-caption-text font-regular mt-1",{"text-[--bcm-ui-color-text-caption]":!this.disabled,"text-[--bcm-ui-color-text-error]":!this.disabled&&this.error,"text-[--bcm-ui-color-text-disabled]":this.disabled},{"text-size-3":"small"===this.size,"text-size-4":"medium"===this.size,"text-size-5":"large"===this.size})},this.captionText))}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return".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}.mt-1{margin-top:.25rem}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.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-\\[--bcm-ui-color-text-caption\\]{color:var(--bcm-ui-color-text-caption)}.text-\\[--bcm-ui-color-text-disabled\\]{color:var(--bcm-ui-color-text-disabled)}.text-\\[--bcm-ui-color-text-error\\]{color:var(--bcm-ui-color-text-error)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-label{color:var(--bcm-ui-color-text-label)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}"}},[769,"bcm-radio-group",{name:[1],value:[1],disabled:[4],required:[4],error:[4],label:[1],size:[1],direction:[1],captionText:[1,"caption-text"],setClear:[64],resetCaption:[64]},[[2,"bcmRadioChange","handleRadioChange"]],{value:[{handleValueChange:0}]}]);function c(){"undefined"!=typeof customElements&&["bcm-radio-group"].forEach((t=>{"bcm-radio-group"===t&&(customElements.get(e(t))||customElements.define(e(t),l))}))}c();const d=l,h=c;export{d as BcmRadioGroup,h as defineCustomElement}