bromcom-ui-next 0.1.26 → 0.1.27

package/dist/bromcom-ui/{p-6c2441a1.entry.js → p-15f4e5e7.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,c as t,h as a,a as e}from"./p-B84DzIAh.js";import{t as r}from"./p-CEcVC0yX.js";const i=".block{display:block}.flex{display:flex}.border{border-width:1px}:host{--bcm-accordion-bg:var(--bcm-ui-color-background-basic-panel);--bcm-accordion-content-bg:var(--bcm-ui-color-background-basic-base);--bcm-accordion-text:var(--bcm-ui-color-text-header);--bcm-accordion-border:var(--bcm-ui-color-border-default);--bcm-accordion-radius:6px;--bcm-accordion-footer-bg:var(--bcm-ui-color-background-default-default);display:block;width:100%}:host(:not([group])) .accordion-container{border:1px solid var(--bcm-accordion-border);border-radius:var(--bcm-accordion-radius)}:host([group]) .accordion-container{border-bottom:1px solid var(--bcm-accordion-border);border-radius:0}:host([group]:last-of-type) .accordion-container{border-bottom:none}:host([group]:first-of-type) .accordion-container{border-top-left-radius:var(--bcm-accordion-radius);border-top-right-radius:var(--bcm-accordion-radius)}:host([group]:last-of-type) .accordion-footer{border-bottom-left-radius:var(--bcm-accordion-radius);border-bottom-right-radius:var(--bcm-accordion-radius)}:host(:not([group])) .accordion-footer{border-bottom-left-radius:var(--bcm-accordion-radius);border-bottom-right-radius:var(--bcm-accordion-radius)}::slotted([slot=title]){align-items:center;display:flex;flex-direction:row;gap:10px}::slotted([slot=actions]){align-items:center;display:flex;flex-direction:row;gap:12px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.collapse{visibility:collapse}.static{position:static}.hidden{display:none}.w-full{width:100%}.min-w-max{min-width:max-content}.rotate-0{--tw-rotate:0deg}.rotate-0,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.overflow-hidden{overflow:hidden}.text-wrap{text-wrap:wrap}.rounded-\\[--bcm-accordion-radius\\]{border-radius:var(--bcm-accordion-radius)}.bg-\\[--bcm-accordion-bg\\]{background-color:var(--bcm-accordion-bg)}.bg-\\[--bcm-accordion-footer-bg\\]{background-color:var(--bcm-accordion-footer-bg)}.bg-color-basic-base{background-color:var(--bcm-ui-color-background-basic-base)}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-normal{font-weight:400}.font-semibold{font-weight:600}.text-\\[--bcm-accordion-text\\]{color:var(--bcm-accordion-text)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}";const c=class{constructor(a){o(this,a);this.bcmAccordionChange=t(this,"bcmAccordionChange",1);this.expanded=false;this.group=false;this.hasFooterContent=false;this.handleFooterSlotChange=o=>{const t=o.target;const a=t.assignedNodes();this.hasFooterContent=a.length>0};this.accordionClass=r({slots:{container:"accordion-container flex flex-col bcm-ui-element w-full",header:"accordion-header flex flex-row justify-between gap-2 p-4 min-w-max flex-nowrap text-wrap rounded-[--bcm-accordion-radius] bg-[--bcm-accordion-bg] text-[--bcm-accordion-text] font-semibold text-size-6 cursor-pointer",content:"accordion-content overflow-hidden transition-all duration-300 ease-in-out bg-color-basic-base",footer:"accordion-footer flex flex-row flex-nowrap bg-[--bcm-accordion-footer-bg] text-[--bcm-accordion-text] px-4 py-2 gap-2 text-size-4 font-normal min-w-max",icon:"accordion-icon cursor-pointer transform transition-transform duration-300",rightSection:"accordion-right-section flex flex-row gap-2.5 items-center"},variants:{hasFooterContent:{false:{footer:"hidden"},true:{footer:"flex"}},expanded:{true:{icon:"rotate-180"},false:{icon:"rotate-0",content:""}}}},{twMerge:false})}async toggle(){this.expanded=!this.expanded;this.updateAccordion()}async expand(){if(!this.expanded){this.expanded=true;this.updateAccordion()}}async collapse(){if(this.expanded){this.expanded=false;this.updateAccordion()}}updateAccordion(){if(this.contentEl){this.contentEl.style.maxHeight=this.expanded?`${this.contentEl.scrollHeight}px`:"0px"}this.bcmAccordionChange.emit({expanded:this.expanded,source:this.host})}render(){const{container:o,header:t,content:e,footer:r,icon:i,rightSection:c}=this.accordionClass({hasFooterContent:this.hasFooterContent||!!this.hintText,expanded:this.expanded});return a("div",{key:"87ce73be8f472b01117a749d4710522dbaedee2b",class:o()},a("header",{key:"bd7de6c59a80a49d0d710177d92b17188b632f20",class:t(),role:"button",tabindex:"0","aria-expanded":this.expanded.toString(),"aria-controls":"accordion-content",onKeyDown:o=>{if(o.key==="Enter"||o.key===" "){o.preventDefault();this.toggle()}},onClick:()=>this.toggle()},a("slot",{key:"01e61987be9466b4d7cd9f32f8f7489e0bcca9a2",name:"title"},this.headerTitle),a("div",{key:"b1557c7ae2bbd3eddcca2288652064a15b328e86",class:c()},a("span",{key:"2e77fd024a2d40a39fb45328cfd262326125c90d",onClick:o=>o.stopPropagation()},a("slot",{key:"861ab5b233b0f8486cdc15ae38016932ea322495",name:"actions"})),a("bcm-icon",{key:"bbdc38622b7ce2855d192a7a23bbfccd8bae1a9a",name:"fa-regular fa-chevron-down",class:i()}))),a("div",{key:"adf600fa94f37031eb2033bf7defe561d670207c",class:e(),style:{maxHeight:this.expanded?"auto":"0px"},ref:o=>this.contentEl=o},a("div",{key:"4b4548c327040379072a990e9c8f88f27a842dcd",class:"px-4 py-2"},a("slot",{key:"75991bdc295857e4b8ebcaefb3133942284ace78"})),a("footer",{key:"dc068b7abb0ce9599b6ff398d2be93b6b9cab0bf",class:r()},a("slot",{key:"7c7099d0f20fa7fddc653bb7d6aa2814b6e81cd0",name:"footer",onSlotchange:this.handleFooterSlotChange},this.hintText))))}get host(){return e(this)}};c.style=i;export{c as bcm_accordion};
-//# sourceMappingURL=p-6c2441a1.entry.js.map
+import{r as o,c as t,h as a,a as e}from"./p-DCguxqPb.js";import{t as r}from"./p-CEcVC0yX.js";const i=".block{display:block}.flex{display:flex}.border{border-width:1px}:host{--bcm-accordion-bg:var(--bcm-ui-color-background-basic-panel);--bcm-accordion-content-bg:var(--bcm-ui-color-background-basic-base);--bcm-accordion-text:var(--bcm-ui-color-text-header);--bcm-accordion-border:var(--bcm-ui-color-border-default);--bcm-accordion-radius:6px;--bcm-accordion-footer-bg:var(--bcm-ui-color-background-default-default);display:block;width:100%}:host(:not([group])) .accordion-container{border:1px solid var(--bcm-accordion-border);border-radius:var(--bcm-accordion-radius)}:host([group]) .accordion-container{border-bottom:1px solid var(--bcm-accordion-border);border-radius:0}:host([group]:last-of-type) .accordion-container{border-bottom:none}:host([group]:first-of-type) .accordion-container{border-top-left-radius:var(--bcm-accordion-radius);border-top-right-radius:var(--bcm-accordion-radius)}:host([group]:last-of-type) .accordion-footer{border-bottom-left-radius:var(--bcm-accordion-radius);border-bottom-right-radius:var(--bcm-accordion-radius)}:host(:not([group])) .accordion-footer{border-bottom-left-radius:var(--bcm-accordion-radius);border-bottom-right-radius:var(--bcm-accordion-radius)}::slotted([slot=title]){align-items:center;display:flex;flex-direction:row;gap:10px}::slotted([slot=actions]){align-items:center;display:flex;flex-direction:row;gap:12px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.collapse{visibility:collapse}.static{position:static}.hidden{display:none}.w-full{width:100%}.min-w-max{min-width:max-content}.rotate-0{--tw-rotate:0deg}.rotate-0,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.overflow-hidden{overflow:hidden}.text-wrap{text-wrap:wrap}.rounded-\\[--bcm-accordion-radius\\]{border-radius:var(--bcm-accordion-radius)}.bg-\\[--bcm-accordion-bg\\]{background-color:var(--bcm-accordion-bg)}.bg-\\[--bcm-accordion-footer-bg\\]{background-color:var(--bcm-accordion-footer-bg)}.bg-color-basic-base{background-color:var(--bcm-ui-color-background-basic-base)}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-normal{font-weight:400}.font-semibold{font-weight:600}.text-\\[--bcm-accordion-text\\]{color:var(--bcm-accordion-text)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}";const c=class{constructor(a){o(this,a);this.bcmAccordionChange=t(this,"bcmAccordionChange",1);this.expanded=false;this.group=false;this.hasFooterContent=false;this.handleFooterSlotChange=o=>{const t=o.target;const a=t.assignedNodes();this.hasFooterContent=a.length>0};this.accordionClass=r({slots:{container:"accordion-container flex flex-col bcm-ui-element w-full",header:"accordion-header flex flex-row justify-between gap-2 p-4 min-w-max flex-nowrap text-wrap rounded-[--bcm-accordion-radius] bg-[--bcm-accordion-bg] text-[--bcm-accordion-text] font-semibold text-size-6 cursor-pointer",content:"accordion-content overflow-hidden transition-all duration-300 ease-in-out bg-color-basic-base",footer:"accordion-footer flex flex-row flex-nowrap bg-[--bcm-accordion-footer-bg] text-[--bcm-accordion-text] px-4 py-2 gap-2 text-size-4 font-normal min-w-max",icon:"accordion-icon cursor-pointer transform transition-transform duration-300",rightSection:"accordion-right-section flex flex-row gap-2.5 items-center"},variants:{hasFooterContent:{false:{footer:"hidden"},true:{footer:"flex"}},expanded:{true:{icon:"rotate-180"},false:{icon:"rotate-0",content:""}}}},{twMerge:false})}async toggle(){this.expanded=!this.expanded;this.updateAccordion()}async expand(){if(!this.expanded){this.expanded=true;this.updateAccordion()}}async collapse(){if(this.expanded){this.expanded=false;this.updateAccordion()}}updateAccordion(){if(this.contentEl){this.contentEl.style.maxHeight=this.expanded?`${this.contentEl.scrollHeight}px`:"0px"}this.bcmAccordionChange.emit({expanded:this.expanded,source:this.host})}render(){const{container:o,header:t,content:e,footer:r,icon:i,rightSection:c}=this.accordionClass({hasFooterContent:this.hasFooterContent||!!this.hintText,expanded:this.expanded});return a("div",{key:"ba93981861ad48f553db879cfbb590b6ac5829a5",class:o()},a("header",{key:"e03dd5b752831918406e8de93b8acc14966b6bae",class:t(),role:"button",tabindex:"0","aria-expanded":this.expanded.toString(),"aria-controls":"accordion-content",onKeyDown:o=>{if(o.key==="Enter"||o.key===" "){o.preventDefault();this.toggle()}},onClick:()=>this.toggle()},a("slot",{key:"2e11149f3c7232587026d93dbc3a9f9e89e60e48",name:"title"},this.headerTitle),a("div",{key:"d40d8c211fef4eceeaf5c05920c64eeeb03bd141",class:c()},a("span",{key:"368aff6fa520a2b52bd232f3fca746106c1ab717",onClick:o=>o.stopPropagation()},a("slot",{key:"e50c287cbac3a34db95121e327c33133b7ee35c8",name:"actions"})),a("bcm-icon",{key:"bdf69d046eb68e55f2bbcd7d62479435de7146ad",name:"fa-regular fa-chevron-down",class:i()}))),a("div",{key:"3c89a8f0060a760db1308f84399f70272142a45c",class:e(),style:{maxHeight:this.expanded?"auto":"0px"},ref:o=>this.contentEl=o},a("div",{key:"682f65ef69f6d54000dd74c93ed7b822dac5ab90",class:"px-4 py-2"},a("slot",{key:"97ee38ae3763726af8db7b4b994aa43e368bc0b2"})),a("footer",{key:"8cddb6811845f3e0498bb760775c324f67b54b94",class:r()},a("slot",{key:"d629e5f72d6a336c01888a544f3f708597a7c7dc",name:"footer",onSlotchange:this.handleFooterSlotChange},this.hintText))))}get host(){return e(this)}};c.style=i;export{c as bcm_accordion};
+//# sourceMappingURL=p-15f4e5e7.entry.js.map

package/dist/bromcom-ui/{p-c9683df3.entry.js → p-16f39dbe.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as r,h as o,a as i}from"./p-B84DzIAh.js";import{t}from"./p-CEcVC0yX.js";const a=".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,sans-serif}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.size-2{height:.5rem;width:.5rem}.size-2\\.5{height:.625rem;width:.625rem}.size-3{height:.75rem;width:.75rem}.size-3\\.5{height:.875rem;width:.875rem}.size-4{height:1rem;width:1rem}.size-\\[18px\\]{height:18px;width:18px}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--bcm-radio-bg\\]{background-color:var(--bcm-radio-bg)}.bg-\\[--bcm-radio-checked\\]{background-color:var(--bcm-radio-checked)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-\\[--bcm-radio-text-color\\]{color:var(--bcm-radio-text-color)}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-\\[inset_0_0_0_1px_var\\(--bcm-radio-border\\)\\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[inset_0_0_0_1px_var\\(--bcm-radio-border\\)\\]{--tw-shadow:inset 0 0 0 1px var(--bcm-radio-border);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color)}.shadow-\\[inset_0_0_0_3px_var\\(--bcm-radio-border\\)\\]{--tw-shadow:inset 0 0 0 3px var(--bcm-radio-border);--tw-shadow-colored:inset 0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.focus-visible\\:ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group:hover .group-hover\\:shadow-\\[inset_0_0_0_1px_var\\(--bcm-radio-border-hover\\)\\]{--tw-shadow:inset 0 0 0 1px var(--bcm-radio-border-hover);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";const d=class{constructor(o){e(this,o);this.bcmRadioChange=r(this,"bcmRadioChange",1);this.bcmBlur=r(this,"bcmBlur",1);this.bcmFocus=r(this,"bcmFocus",1);this.checked=false;this.size="medium";this.disabled=false;this.readonly=false;this.labelPosition="right";this.error=false;this.getRadioClass=t({slots:{container:"bcm-ui-element bcm-radio group",dot:"absolute rounded-full transition bg-[--bcm-radio-checked]",dotContainer:"relative rounded-full flex items-center justify-center shadow-[inset_0_0_0_1px_var(--bcm-radio-border)] bg-[--bcm-radio-bg] transition group-hover:shadow-[inset_0_0_0_1px_var(--bcm-radio-border-hover)]",labelClass:"font-medium text-[--bcm-radio-text-color]"},variants:{size:{small:{container:"gap-2",dotContainer:"size-3.5",dot:"size-2",labelClass:"text-size-4"},medium:{container:"gap-2.5",dotContainer:"size-4",dot:"size-2.5",labelClass:"text-size-5"},large:{container:"gap-3",dotContainer:"size-[18px]",dot:"size-3",labelClass:"text-size-6"}},checked:{true:{dot:"opacity-100"},false:{dot:"opacity-0"}},disabled:{true:{container:"cursor-not-allowed"},false:{container:"cursor-pointer focus-visible:ring"}},readonly:{true:{container:"cursor-default pointer-events-none",dot:"opacity-100",dotContainer:"shadow-[inset_0_0_0_3px_var(--bcm-radio-border)]"},false:""},labelPosition:{left:{container:"inline-flex flex-row-reverse items-center"},right:{container:"inline-flex flex-row items-center"}}}},{twMerge:false})}handleClick(){if(this.readonly||this.disabled)return;if(!this.checked){this.checked=true;this.bcmRadioChange.emit()}}getRadioStyle(){const e={"--bcm-radio-bg":"var(--bcm-ui-color-background-default-default)","--bcm-radio-border":"var(--bcm-ui-color-border-disabled)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-primary)","--bcm-radio-checked":"var(--bcm-ui-color-background-primary-default)","--bcm-radio-text-color":"var(--bcm-ui-color-text-default)"};const r={"--bcm-radio-bg":"var(--bcm-ui-color-background-palette-red-default)","--bcm-radio-border":"var(--bcm-ui-color-border-error)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-error)","--bcm-radio-checked":"var(--bcm-ui-color-background-error-default)","--bcm-radio-text-color":"var(--bcm-ui-color-text-default)"};const o={"--bcm-radio-bg":"var(--bcm-ui-color-background-disabled-default)","--bcm-radio-border":"var(--bcm-ui-color-border-disabled)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-disabled)","--bcm-radio-checked":"var(--bcm-ui-color-background-disabled-default)","--bcm-radio-text-color":"var(--bcm-ui-color-text-disabled)"};const i={"--bcm-radio-bg":"transparent","--bcm-radio-border":"var(--bcm-ui-color-border-disabled)","--bcm-radio-checked":"var(--bcm-ui-color-background-default-default)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-disabled)","--bcm-radio-text-color":"var(--bcm-ui-color-text-default)"};return Object.assign(Object.assign(Object.assign(Object.assign({},e),this.error&&r),this.disabled&&o),this.readonly&&i)}render(){const{container:e,dot:r,dotContainer:i,labelClass:t}=this.getRadioClass({size:this.size,checked:this.checked,disabled:this.disabled,readonly:this.readonly,labelPosition:this.labelPosition});return o("label",{key:"8ec133d96a6ce1549cfc2e27764883fedb192f02",class:e(),style:this.getRadioStyle()},o("input",{key:"7dabc73fa0ea4707943db1cc5ab77b6381409b75","aria-label":this.label,role:"radio","aria-checked":this.checked.toString(),type:"radio",name:this.name,value:this.value,disabled:this.disabled,readOnly:this.readonly,checked:this.checked,class:"appearance-none sr-only",onClick:()=>this.handleClick(),onFocus:e=>this.bcmFocus.emit(e),onBlur:e=>this.bcmBlur.emit(e)}),o("div",{key:"ac815a1849d2c415203a2084ad8f5ce518478a79",class:i()},o("div",{key:"b36a046d5abc43ef3cbe18fc3e938e31c5069a1d",class:r()})),o("span",{key:"fc3bdf6839bb08d9d4b3c0a415c49f867d4d5077",class:t()},o("slot",{key:"9cfd3891ac6650f717a97c5e6268158b2ef5b0ce"},this.label)))}get host(){return i(this)}};d.style=a;export{d as bcm_radio};
-//# sourceMappingURL=p-c9683df3.entry.js.map
+import{r as e,c as r,h as o,a as i}from"./p-DCguxqPb.js";import{t}from"./p-CEcVC0yX.js";const a=".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,sans-serif}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.size-2{height:.5rem;width:.5rem}.size-2\\.5{height:.625rem;width:.625rem}.size-3{height:.75rem;width:.75rem}.size-3\\.5{height:.875rem;width:.875rem}.size-4{height:1rem;width:1rem}.size-\\[18px\\]{height:18px;width:18px}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--bcm-radio-bg\\]{background-color:var(--bcm-radio-bg)}.bg-\\[--bcm-radio-checked\\]{background-color:var(--bcm-radio-checked)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-\\[--bcm-radio-text-color\\]{color:var(--bcm-radio-text-color)}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-\\[inset_0_0_0_1px_var\\(--bcm-radio-border\\)\\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[inset_0_0_0_1px_var\\(--bcm-radio-border\\)\\]{--tw-shadow:inset 0 0 0 1px var(--bcm-radio-border);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color)}.shadow-\\[inset_0_0_0_3px_var\\(--bcm-radio-border\\)\\]{--tw-shadow:inset 0 0 0 3px var(--bcm-radio-border);--tw-shadow-colored:inset 0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.focus-visible\\:ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group:hover .group-hover\\:shadow-\\[inset_0_0_0_1px_var\\(--bcm-radio-border-hover\\)\\]{--tw-shadow:inset 0 0 0 1px var(--bcm-radio-border-hover);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";const d=class{constructor(o){e(this,o);this.bcmRadioChange=r(this,"bcmRadioChange",1);this.bcmBlur=r(this,"bcmBlur",1);this.bcmFocus=r(this,"bcmFocus",1);this.checked=false;this.size="medium";this.disabled=false;this.readonly=false;this.labelPosition="right";this.error=false;this.getRadioClass=t({slots:{container:"bcm-ui-element bcm-radio group",dot:"absolute rounded-full transition bg-[--bcm-radio-checked]",dotContainer:"relative rounded-full flex items-center justify-center shadow-[inset_0_0_0_1px_var(--bcm-radio-border)] bg-[--bcm-radio-bg] transition group-hover:shadow-[inset_0_0_0_1px_var(--bcm-radio-border-hover)]",labelClass:"font-medium text-[--bcm-radio-text-color]"},variants:{size:{small:{container:"gap-2",dotContainer:"size-3.5",dot:"size-2",labelClass:"text-size-4"},medium:{container:"gap-2.5",dotContainer:"size-4",dot:"size-2.5",labelClass:"text-size-5"},large:{container:"gap-3",dotContainer:"size-[18px]",dot:"size-3",labelClass:"text-size-6"}},checked:{true:{dot:"opacity-100"},false:{dot:"opacity-0"}},disabled:{true:{container:"cursor-not-allowed"},false:{container:"cursor-pointer focus-visible:ring"}},readonly:{true:{container:"cursor-default pointer-events-none",dot:"opacity-100",dotContainer:"shadow-[inset_0_0_0_3px_var(--bcm-radio-border)]"},false:""},labelPosition:{left:{container:"inline-flex flex-row-reverse items-center"},right:{container:"inline-flex flex-row items-center"}}}},{twMerge:false})}handleClick(){if(this.readonly||this.disabled)return;if(!this.checked){this.checked=true;this.bcmRadioChange.emit()}}getRadioStyle(){const e={"--bcm-radio-bg":"var(--bcm-ui-color-background-default-default)","--bcm-radio-border":"var(--bcm-ui-color-border-disabled)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-primary)","--bcm-radio-checked":"var(--bcm-ui-color-background-primary-default)","--bcm-radio-text-color":"var(--bcm-ui-color-text-default)"};const r={"--bcm-radio-bg":"var(--bcm-ui-color-background-palette-red-default)","--bcm-radio-border":"var(--bcm-ui-color-border-error)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-error)","--bcm-radio-checked":"var(--bcm-ui-color-background-error-default)","--bcm-radio-text-color":"var(--bcm-ui-color-text-default)"};const o={"--bcm-radio-bg":"var(--bcm-ui-color-background-disabled-default)","--bcm-radio-border":"var(--bcm-ui-color-border-disabled)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-disabled)","--bcm-radio-checked":"var(--bcm-ui-color-background-disabled-default)","--bcm-radio-text-color":"var(--bcm-ui-color-text-disabled)"};const i={"--bcm-radio-bg":"transparent","--bcm-radio-border":"var(--bcm-ui-color-border-disabled)","--bcm-radio-checked":"var(--bcm-ui-color-background-default-default)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-disabled)","--bcm-radio-text-color":"var(--bcm-ui-color-text-default)"};return Object.assign(Object.assign(Object.assign(Object.assign({},e),this.error&&r),this.disabled&&o),this.readonly&&i)}render(){const{container:e,dot:r,dotContainer:i,labelClass:t}=this.getRadioClass({size:this.size,checked:this.checked,disabled:this.disabled,readonly:this.readonly,labelPosition:this.labelPosition});return o("label",{key:"8f59d67513409066c9e3d7e2c392cc761bfdbfea",class:e(),style:this.getRadioStyle()},o("input",{key:"69aac18c67de1847ba1d7c1e1498dc588e45b5f2","aria-label":this.label,role:"radio","aria-checked":this.checked.toString(),type:"radio",name:this.name,value:this.value,disabled:this.disabled,readOnly:this.readonly,checked:this.checked,class:"appearance-none sr-only",onClick:()=>this.handleClick(),onFocus:e=>this.bcmFocus.emit(e),onBlur:e=>this.bcmBlur.emit(e)}),o("div",{key:"70eae4b7ac942b0c4f18da4feb45bb24b4bc3af6",class:i()},o("div",{key:"a22cd8353a5d97cdd473918628c9cfe476e6fd7a",class:r()})),o("span",{key:"ef3ed62b75fc1affa89c1d4ca13976aea7ed102a",class:t()},o("slot",{key:"132dbacf8bbe0bc8ff8acafe92a1dbc47f39849f"},this.label)))}get host(){return i(this)}};d.style=a;export{d as bcm_radio};
+//# sourceMappingURL=p-16f39dbe.entry.js.map

package/dist/bromcom-ui/{p-d3206345.entry.js → p-1acc4cab.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as s,H as a,a as e}from"./p-B84DzIAh.js";import{t as o}from"./p-CEcVC0yX.js";const n=".relative{position:relative}.block{display:block}:host{display:block;position:relative}:host([variant=full-width]){width:100%}:host([variant=auto-width]){width:auto}.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,sans-serif}.static{position:static}.flex{display:flex}.contents{display:contents}.w-auto{width:auto}.w-full{width:100%}.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}.flex-col{flex-direction:column}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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)}";const h=class{constructor(s){t(this,s);this.bcmTabChange=i(this,"bcmTabChange",1);this.size="medium";this.variant="full-width";this.smooth=true;this.triggers=[];this.contents=[];this.tabClass=o({base:"tabs-container bcm-ui-element flex flex-col",variants:{variant:{"full-width":"w-full","auto-width":"w-auto"}},defaultVariants:{variant:"full-width"}})}componentWillLoad(){this.activeTab=this.defaultValue}componentDidLoad(){this.refreshElementReferences();this.updateTriggerProperties();this.updateTabsListProperties();if(!this.defaultValue&&this.triggers.length>0){this.activeTab=this.triggers[0].value}this.setupRelations();if(this.variant==="auto-width"){requestAnimationFrame((()=>{this.updateInkbar();this.updateContentVisibility()}))}else{this.updateInkbar();this.updateContentVisibility()}}refreshElementReferences(){this.triggers=Array.from(this.el.querySelectorAll("bcm-tabs-trigger"));this.contents=Array.from(this.el.querySelectorAll("bcm-tabs-content"));this.tabsList=this.el.querySelector("bcm-tabs-list")}setupRelations(){this.triggers.forEach((t=>{t.active=t.value===this.activeTab;const i=this.contents.find((i=>i.value===t.value));if(i){const s=`panel-${t.value}`;i.id=s;t.setAttribute("aria-controls",s);i.setAttribute("aria-labelledby",`trigger-${t.value}`);t.id=`trigger-${t.value}`}}))}updateTriggerProperties(){var t;if(((t=this.triggers)===null||t===void 0?void 0:t.length)>0){this.triggers.forEach((t=>{t.size=this.size;t.variant=this.variant;t.smooth=this.smooth}))}}updateTabsListProperties(){if(this.tabsList){this.tabsList.variant=this.variant;this.tabsList.smooth=this.smooth}}handleSizeChange(){this.updateTriggerProperties()}handleVariantChange(){this.updateTriggerProperties();this.updateTabsListProperties();if(this.variant==="auto-width"){requestAnimationFrame((()=>{this.updateInkbar()}))}else{this.updateInkbar()}}handleSmoothChange(){this.updateTriggerProperties();this.updateTabsListProperties()}async disableTab(t){const i=this.triggers.find((i=>i.value===t));if(i){i.disabled=true}}async enableTab(t){const i=this.triggers.find((i=>i.value===t));if(i){i.disabled=false}}async disableAllTabs(){this.triggers.forEach((t=>{t.disabled=true}))}async enableAllTabs(){this.triggers.forEach((t=>{t.disabled=false}))}async getActiveTab(){return this.activeTab}async setActiveTab(t){const i=this.triggers.find((i=>i.value===t));if(i&&!i.disabled){this.previousTab=this.activeTab;this.activeTab=t;this.updateInkbar();this.updateContentVisibility();this.updateTabStatus();this.bcmTabChange.emit({activeTab:this.activeTab,element:i,previousTab:this.previousTab})}}updateTabStatus(){this.triggers.forEach((t=>{const i=t.value===this.activeTab;t.active=i}))}handleResize(){this.updateInkbar()}handleTabSelected(t){this.previousTab=this.activeTab;this.activeTab=t.detail;this.updateTabStatus();this.updateInkbar();this.updateContentVisibility();const i=this.triggers.find((t=>t.value===this.activeTab));if(i){this.bcmTabChange.emit({activeTab:this.activeTab,element:i,previousTab:this.previousTab})}}updateContentVisibility(){this.contents.forEach((t=>{const i=t.value===this.activeTab;t.style.display=i?"block":"none";t.setAttribute("aria-hidden",(!i).toString())}))}updateInkbar(){var t,i;if(!this.tabsList){console.warn("bcm-tabs-list not found");return}const s=this.triggers.length;if(s===0)return;const a=(i=(t=this.tabsList)===null||t===void 0?void 0:t.shadowRoot)===null||i===void 0?void 0:i.querySelector(".inkbar");const e=this.triggers.find((t=>t.value===this.activeTab));if(e&&a){if(this.variant==="auto-width"){requestAnimationFrame((()=>{this.updateInkbarPosition(a,e)}))}else{this.updateInkbarPosition(a,e)}}else{if(a)a.style.opacity="0"}}updateInkbarPosition(t,i){var s,a,e;const o=i.getBoundingClientRect();const n=(e=(a=(s=this.tabsList)===null||s===void 0?void 0:s.shadowRoot)===null||a===void 0?void 0:a.querySelector(".tabs-list"))===null||e===void 0?void 0:e.getBoundingClientRect();if(o&&n){const i=o.left-n.left;const s=o.width;t.style.width=`${s}px`;t.style.transform=`translateX(${i}px)`;t.style.left="0";t.style.right="auto";if(this.smooth){t.style.opacity="1"}else{t.style.transition="none";t.style.opacity="1";requestAnimationFrame((()=>{t.style.transition=""}))}}else{console.warn("Group or trigger rect calculation failed");t.style.opacity="0"}}render(){return s(a,{key:"8ae1e76b89ba36c6e1e58363938a12c91f55a495"},s("div",{key:"a3608cf2b81e19d04a0b0dfd83740ee34d6e9cff",class:this.tabClass({variant:this.variant})},s("slot",{key:"209f2bc32b116d68647ca3358b331fa87177adb6",name:"tabs-list"}),s("slot",{key:"10b5c726a8a390c5592fda3ee85cf7461ce3efb9"})))}get el(){return e(this)}static get watchers(){return{size:["handleSizeChange"],variant:["handleVariantChange"],smooth:["handleSmoothChange"]}}};h.style=n;export{h as bcm_tabs};
-//# sourceMappingURL=p-d3206345.entry.js.map
+import{r as t,c as i,h as s,H as a,a as e}from"./p-DCguxqPb.js";import{t as o}from"./p-CEcVC0yX.js";const n=".relative{position:relative}.block{display:block}:host{display:block;position:relative}:host([variant=full-width]){width:100%}:host([variant=auto-width]){width:auto}.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,sans-serif}.static{position:static}.flex{display:flex}.contents{display:contents}.w-auto{width:auto}.w-full{width:100%}.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}.flex-col{flex-direction:column}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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)}";const h=class{constructor(s){t(this,s);this.bcmTabChange=i(this,"bcmTabChange",1);this.size="medium";this.variant="full-width";this.smooth=true;this.triggers=[];this.contents=[];this.tabClass=o({base:"tabs-container bcm-ui-element flex flex-col",variants:{variant:{"full-width":"w-full","auto-width":"w-auto"}},defaultVariants:{variant:"full-width"}})}componentWillLoad(){this.activeTab=this.defaultValue}componentDidLoad(){this.refreshElementReferences();this.updateTriggerProperties();this.updateTabsListProperties();if(!this.defaultValue&&this.triggers.length>0){this.activeTab=this.triggers[0].value}this.setupRelations();if(this.variant==="auto-width"){requestAnimationFrame((()=>{this.updateInkbar();this.updateContentVisibility()}))}else{this.updateInkbar();this.updateContentVisibility()}}refreshElementReferences(){this.triggers=Array.from(this.el.querySelectorAll("bcm-tabs-trigger"));this.contents=Array.from(this.el.querySelectorAll("bcm-tabs-content"));this.tabsList=this.el.querySelector("bcm-tabs-list")}setupRelations(){this.triggers.forEach((t=>{t.active=t.value===this.activeTab;const i=this.contents.find((i=>i.value===t.value));if(i){const s=`panel-${t.value}`;i.id=s;t.setAttribute("aria-controls",s);i.setAttribute("aria-labelledby",`trigger-${t.value}`);t.id=`trigger-${t.value}`}}))}updateTriggerProperties(){var t;if(((t=this.triggers)===null||t===void 0?void 0:t.length)>0){this.triggers.forEach((t=>{t.size=this.size;t.variant=this.variant;t.smooth=this.smooth}))}}updateTabsListProperties(){if(this.tabsList){this.tabsList.variant=this.variant;this.tabsList.smooth=this.smooth}}handleSizeChange(){this.updateTriggerProperties()}handleVariantChange(){this.updateTriggerProperties();this.updateTabsListProperties();if(this.variant==="auto-width"){requestAnimationFrame((()=>{this.updateInkbar()}))}else{this.updateInkbar()}}handleSmoothChange(){this.updateTriggerProperties();this.updateTabsListProperties()}async disableTab(t){const i=this.triggers.find((i=>i.value===t));if(i){i.disabled=true}}async enableTab(t){const i=this.triggers.find((i=>i.value===t));if(i){i.disabled=false}}async disableAllTabs(){this.triggers.forEach((t=>{t.disabled=true}))}async enableAllTabs(){this.triggers.forEach((t=>{t.disabled=false}))}async getActiveTab(){return this.activeTab}async setActiveTab(t){const i=this.triggers.find((i=>i.value===t));if(i&&!i.disabled){this.previousTab=this.activeTab;this.activeTab=t;this.updateInkbar();this.updateContentVisibility();this.updateTabStatus();this.bcmTabChange.emit({activeTab:this.activeTab,element:i,previousTab:this.previousTab})}}updateTabStatus(){this.triggers.forEach((t=>{const i=t.value===this.activeTab;t.active=i}))}handleResize(){this.updateInkbar()}handleTabSelected(t){this.previousTab=this.activeTab;this.activeTab=t.detail;this.updateTabStatus();this.updateInkbar();this.updateContentVisibility();const i=this.triggers.find((t=>t.value===this.activeTab));if(i){this.bcmTabChange.emit({activeTab:this.activeTab,element:i,previousTab:this.previousTab})}}updateContentVisibility(){this.contents.forEach((t=>{const i=t.value===this.activeTab;t.style.display=i?"block":"none";t.setAttribute("aria-hidden",(!i).toString())}))}updateInkbar(){var t,i;if(!this.tabsList){console.warn("bcm-tabs-list not found");return}const s=this.triggers.length;if(s===0)return;const a=(i=(t=this.tabsList)===null||t===void 0?void 0:t.shadowRoot)===null||i===void 0?void 0:i.querySelector(".inkbar");const e=this.triggers.find((t=>t.value===this.activeTab));if(e&&a){if(this.variant==="auto-width"){requestAnimationFrame((()=>{this.updateInkbarPosition(a,e)}))}else{this.updateInkbarPosition(a,e)}}else{if(a)a.style.opacity="0"}}updateInkbarPosition(t,i){var s,a,e;const o=i.getBoundingClientRect();const n=(e=(a=(s=this.tabsList)===null||s===void 0?void 0:s.shadowRoot)===null||a===void 0?void 0:a.querySelector(".tabs-list"))===null||e===void 0?void 0:e.getBoundingClientRect();if(o&&n){const i=o.left-n.left;const s=o.width;t.style.width=`${s}px`;t.style.transform=`translateX(${i}px)`;t.style.left="0";t.style.right="auto";if(this.smooth){t.style.opacity="1"}else{t.style.transition="none";t.style.opacity="1";requestAnimationFrame((()=>{t.style.transition=""}))}}else{console.warn("Group or trigger rect calculation failed");t.style.opacity="0"}}render(){return s(a,{key:"40390aa3b08a9f72fd1e8aac0e784c988015d0da"},s("div",{key:"47f30332623e92689e8ca5beac6e5302750236ed",class:this.tabClass({variant:this.variant})},s("slot",{key:"e6000e04b9ca3b82d55928d24d8321e6bda8b3c3",name:"tabs-list"}),s("slot",{key:"37fbf0d03adf2a66db578a24732e2af52204dbf6"})))}get el(){return e(this)}static get watchers(){return{size:["handleSizeChange"],variant:["handleVariantChange"],smooth:["handleSmoothChange"]}}};h.style=n;export{h as bcm_tabs};
+//# sourceMappingURL=p-1acc4cab.entry.js.map

package/dist/bromcom-ui/p-21ed863b.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,H as o,a}from"./p-DCguxqPb.js";import{t as r}from"./p-CEcVC0yX.js";const s=".relative{position:relative}.block{display:block}:host{display:block;position:relative}:host([variant=full-width]){width:100%}:host([variant=auto-width]){width:auto}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.flex{display:flex}.h-\\[2px\\]{height:2px}.w-auto{width:auto}.w-full{width:100%}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.border-none{border-style:none}.bg-\\[--bcm-ui-color-text-disabled\\]{background-color:var(--bcm-ui-color-text-disabled)}.bg-\\[--bcm-ui-color-text-placeholder\\]{background-color:var(--bcm-ui-color-text-placeholder)}.bg-transparent{background-color:transparent}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-center{text-align:center}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-placeholder{color:var(--bcm-ui-color-text-placeholder)}.text-color-primary{color:var(--bcm-ui-color-text-primary)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\\:text-color-primary:hover{color:var(--bcm-ui-color-text-primary)}";const l=class{constructor(i){t(this,i);this.bcmTabSelected=e(this,"bcmTabSelected",1);this.active=false;this.size="medium";this.disabled=false;this.variant="full-width";this.smooth=true;this.class=r({slots:{tab:"bcm-ui-element text-center flex flex-row justify-center items-center font-medium py-1 px-3 border-none bg-transparent",borderLine:"bottom-0 left-0 right-0 h-[2px]"},variants:{size:{small:{tab:"text-size-4 gap-2"},medium:{tab:"text-size-5 gap-2.5"},large:{tab:"text-size-6 gap-3"}},active:{true:{tab:"text-color-primary"},false:{tab:"text-color-placeholder"}},disabled:{true:{tab:"cursor-not-allowed text-color-disabled",borderLine:"bg-[--bcm-ui-color-text-disabled]"},false:{tab:"cursor-pointer text-color hover:text-color-primary",borderLine:"bg-[--bcm-ui-color-text-placeholder]"}},variant:{"full-width":{tab:"w-full",borderLine:"w-full"},"auto-width":{tab:"w-auto",borderLine:"w-full"}},smooth:{true:{tab:"transition-all duration-200 ease-in-out",borderLine:"transition-all duration-200 ease-in-out"},false:{tab:"",borderLine:""}}},defaultVariants:{size:"medium",active:false,disabled:false,variant:"full-width",smooth:true}},{twMerge:false})}handleClick(){if(this.disabled)return;this.bcmTabSelected.emit(this.value)}render(){const{tab:t,borderLine:e}=this.class({size:this.size,active:this.active,disabled:this.disabled,variant:this.variant,smooth:this.smooth});return i(o,{key:"10afdebb01a40818e4d831ab4a196b7a9a1f1cf2",role:"tab","aria-selected":this.active.toString(),"aria-disabled":this.disabled},i("button",{key:"4a724b9c1dff6f9943a38a0500de7c5f2df837c2",class:t(),disabled:this.disabled,part:"tab",onClick:()=>this.handleClick()},i("slot",{key:"f1685a3d23aaa9a148dd5ecd8d65d24eaff335bc"})),i("div",{key:"2f8bc2b90b56fa549a7b564efe9dcf4e87e5e472",class:e()}))}get el(){return a(this)}};l.style=s;export{l as bcm_tabs_trigger};
+//# sourceMappingURL=p-21ed863b.entry.js.map

package/dist/bromcom-ui/{p-6bc82dd4.entry.js.map → p-21ed863b.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["tabsTriggerCss","BcmTabsTrigger","constructor","hostRef","this","active","size","disabled","variant","smooth","class","tv","slots","tab","borderLine","variants","small","medium","large","true","false","defaultVariants","twMerge","handleClick","bcmTabSelected","emit","value","render","h","Host","key","role","toString","part","onClick"],"sources":["src/components/tabs/tabs-trigger.css?tag=bcm-tabs-trigger&encapsulation=shadow","src/components/tabs/tabs-trigger.component.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: block;\n}\n\n:host([variant='full-width']) {\n  width: 100%;\n}\n\n:host([variant='auto-width']) {\n  width: auto;\n}\n","import { Component, Prop, h, Host, Element, Event, EventEmitter, ComponentInterface } from '@stencil/core';\nimport { tv } from '@utils/tv';\n\n/**\n * @description Tab trigger component that functions as a clickable tab button\n * @slot - Default slot for tab label content\n */\n@Component({\n  tag: 'bcm-tabs-trigger',\n  styleUrl: 'tabs-trigger.css',\n  shadow: true,\n})\nexport class BcmTabsTrigger implements ComponentInterface {\n  /**\n   * Reference to the host element\n   */\n  @Element() el: HTMLElement;\n\n  /**\n   * Unique identifier value for the tab\n   */\n  @Prop({ reflect: true })\n  value: string;\n\n  /**\n   * Whether the tab is currently active\n   */\n  @Prop({ reflect: true })\n  active: boolean = false;\n\n  /**\n   * Size of the tab\n   */\n  @Prop({ reflect: true })\n  size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * Whether the tab is disabled\n   */\n  @Prop({ reflect: true })\n  disabled: boolean = false;\n\n  /**\n   * Tab variant - controls width behavior\n   */\n  @Prop({ reflect: true })\n  variant: 'full-width' | 'auto-width' = 'full-width';\n\n  /**\n   * Whether to enable smooth animations for transitions\n   */\n  @Prop({ reflect: true })\n  smooth: boolean = true;\n\n  /**\n   * Event emitted when this tab is selected\n   */\n  @Event({\n    composed: false,\n    bubbles: false,\n    cancelable: true,\n    eventName: 'bcmTabSelected',\n  })\n  bcmTabSelected: EventEmitter<string>;\n\n  /**\n   * Handles click events on the tab\n   * Emits bcmTabSelected event with tab value if not disabled\n   */\n  private handleClick() {\n    if (this.disabled) return;\n    this.bcmTabSelected.emit(this.value);\n  }\n\n  /**\n   * Tailwind variants configuration for styling\n   */\n  private class = tv(\n    {\n      slots: {\n        tab: 'bcm-ui-element text-center flex flex-row justify-center items-center font-medium py-1 px-3 border-none bg-transparent',\n        borderLine: 'bottom-0 left-0 right-0 h-[2px]',\n      },\n      variants: {\n        size: {\n          small: { tab: 'text-size-4 gap-2' },\n          medium: { tab: 'text-size-5 gap-2.5' },\n          large: { tab: 'text-size-6 gap-3' },\n        },\n        active: {\n          true: {\n            tab: 'text-color-primary',\n          },\n          false: {\n            tab: 'text-color-placeholder',\n          },\n        },\n        disabled: {\n          true: {\n            tab: 'cursor-not-allowed text-color-disabled',\n            borderLine: 'bg-[--bcm-ui-color-text-disabled]',\n          },\n          false: {\n            tab: 'cursor-pointer text-color hover:text-color-primary',\n            borderLine: 'bg-[--bcm-ui-color-text-placeholder]',\n          },\n        },\n        variant: {\n          'full-width': {\n            tab: 'w-full',\n            borderLine: 'w-full',\n          },\n          'auto-width': {\n            tab: 'w-auto',\n            borderLine: 'w-full',\n          },\n        },\n        smooth: {\n          true: {\n            tab: 'transition-all duration-200 ease-in-out',\n            borderLine: 'transition-all duration-200 ease-in-out',\n          },\n          false: {\n            tab: '',\n            borderLine: '',\n          },\n        },\n      },\n      defaultVariants: {\n        size: 'medium',\n        active: false,\n        disabled: false,\n        variant: 'full-width',\n        smooth: true,\n      },\n    },\n    {\n      twMerge: false,\n    },\n  );\n\n  render() {\n    const { tab, borderLine } = this.class({\n      size: this.size,\n      active: this.active,\n      disabled: this.disabled,\n      variant: this.variant,\n      smooth: this.smooth,\n    });\n    return (\n      <Host role=\"tab\" aria-selected={this.active.toString()} aria-disabled={this.disabled}>\n        <button class={tab()} disabled={this.disabled} part=\"tab\" onClick={() => this.handleClick()}>\n          <slot />\n        </button>\n        <div class={borderLine()}></div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAiB,+gE,MCYVC,EAAc,MAL3B,WAAAC,CAAAC,G,yDAqBEC,KAAMC,OAAY,MAMlBD,KAAIE,KAAiC,SAMrCF,KAAQG,SAAY,MAMpBH,KAAOI,QAAgC,aAMvCJ,KAAMK,OAAY,KAyBVL,KAAKM,MAAGC,EACd,CACEC,MAAO,CACLC,IAAK,wHACLC,WAAY,mCAEdC,SAAU,CACRT,KAAM,CACJU,MAAO,CAAEH,IAAK,qBACdI,OAAQ,CAAEJ,IAAK,uBACfK,MAAO,CAAEL,IAAK,sBAEhBR,OAAQ,CACNc,KAAM,CACJN,IAAK,sBAEPO,MAAO,CACLP,IAAK,2BAGTN,SAAU,CACRY,KAAM,CACJN,IAAK,yCACLC,WAAY,qCAEdM,MAAO,CACLP,IAAK,qDACLC,WAAY,yCAGhBN,QAAS,CACP,aAAc,CACZK,IAAK,SACLC,WAAY,UAEd,aAAc,CACZD,IAAK,SACLC,WAAY,WAGhBL,OAAQ,CACNU,KAAM,CACJN,IAAK,0CACLC,WAAY,2CAEdM,MAAO,CACLP,IAAK,GACLC,WAAY,MAIlBO,gBAAiB,CACff,KAAM,SACND,OAAQ,MACRE,SAAU,MACVC,QAAS,aACTC,OAAQ,OAGZ,CACEa,QAAS,OAqBd,CAzFS,WAAAC,GACN,GAAInB,KAAKG,SAAU,OACnBH,KAAKoB,eAAeC,KAAKrB,KAAKsB,M,CAsEhC,MAAAC,GACE,MAAMd,IAAEA,EAAGC,WAAEA,GAAeV,KAAKM,MAAM,CACrCJ,KAAMF,KAAKE,KACXD,OAAQD,KAAKC,OACbE,SAAUH,KAAKG,SACfC,QAASJ,KAAKI,QACdC,OAAQL,KAAKK,SAEf,OACEmB,EAACC,EAAK,CAAAC,IAAA,2CAAAC,KAAK,MAAK,gBAAgB3B,KAAKC,OAAO2B,WAA2B,gBAAA5B,KAAKG,UAC1EqB,EAAQ,UAAAE,IAAA,2CAAApB,MAAOG,IAAON,SAAUH,KAAKG,SAAU0B,KAAK,MAAMC,QAAS,IAAM9B,KAAKmB,eAC5EK,EAAA,QAAAE,IAAA,8CAEFF,EAAA,OAAAE,IAAA,2CAAKpB,MAAOI,M","ignoreList":[]}
+{"version":3,"names":["tabsTriggerCss","BcmTabsTrigger","constructor","hostRef","this","active","size","disabled","variant","smooth","class","tv","slots","tab","borderLine","variants","small","medium","large","true","false","defaultVariants","twMerge","handleClick","bcmTabSelected","emit","value","render","h","Host","key","role","toString","part","onClick"],"sources":["src/components/tabs/tabs-trigger.css?tag=bcm-tabs-trigger&encapsulation=shadow","src/components/tabs/tabs-trigger.component.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: block;\n}\n\n:host([variant='full-width']) {\n  width: 100%;\n}\n\n:host([variant='auto-width']) {\n  width: auto;\n}\n","import { Component, Prop, h, Host, Element, Event, EventEmitter, ComponentInterface } from '@stencil/core';\nimport { tv } from '@utils/tv';\n\n/**\n * @description Tab trigger component that functions as a clickable tab button\n * @slot - Default slot for tab label content\n */\n@Component({\n  tag: 'bcm-tabs-trigger',\n  styleUrl: 'tabs-trigger.css',\n  shadow: true,\n})\nexport class BcmTabsTrigger implements ComponentInterface {\n  /**\n   * Reference to the host element\n   */\n  @Element() el: HTMLElement;\n\n  /**\n   * Unique identifier value for the tab\n   */\n  @Prop({ reflect: true })\n  value: string;\n\n  /**\n   * Whether the tab is currently active\n   */\n  @Prop({ reflect: true })\n  active: boolean = false;\n\n  /**\n   * Size of the tab\n   */\n  @Prop({ reflect: true })\n  size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * Whether the tab is disabled\n   */\n  @Prop({ reflect: true })\n  disabled: boolean = false;\n\n  /**\n   * Tab variant - controls width behavior\n   */\n  @Prop({ reflect: true })\n  variant: 'full-width' | 'auto-width' = 'full-width';\n\n  /**\n   * Whether to enable smooth animations for transitions\n   */\n  @Prop({ reflect: true })\n  smooth: boolean = true;\n\n  /**\n   * Event emitted when this tab is selected\n   */\n  @Event({\n    composed: false,\n    bubbles: false,\n    cancelable: true,\n    eventName: 'bcmTabSelected',\n  })\n  bcmTabSelected: EventEmitter<string>;\n\n  /**\n   * Handles click events on the tab\n   * Emits bcmTabSelected event with tab value if not disabled\n   */\n  private handleClick() {\n    if (this.disabled) return;\n    this.bcmTabSelected.emit(this.value);\n  }\n\n  /**\n   * Tailwind variants configuration for styling\n   */\n  private class = tv(\n    {\n      slots: {\n        tab: 'bcm-ui-element text-center flex flex-row justify-center items-center font-medium py-1 px-3 border-none bg-transparent',\n        borderLine: 'bottom-0 left-0 right-0 h-[2px]',\n      },\n      variants: {\n        size: {\n          small: { tab: 'text-size-4 gap-2' },\n          medium: { tab: 'text-size-5 gap-2.5' },\n          large: { tab: 'text-size-6 gap-3' },\n        },\n        active: {\n          true: {\n            tab: 'text-color-primary',\n          },\n          false: {\n            tab: 'text-color-placeholder',\n          },\n        },\n        disabled: {\n          true: {\n            tab: 'cursor-not-allowed text-color-disabled',\n            borderLine: 'bg-[--bcm-ui-color-text-disabled]',\n          },\n          false: {\n            tab: 'cursor-pointer text-color hover:text-color-primary',\n            borderLine: 'bg-[--bcm-ui-color-text-placeholder]',\n          },\n        },\n        variant: {\n          'full-width': {\n            tab: 'w-full',\n            borderLine: 'w-full',\n          },\n          'auto-width': {\n            tab: 'w-auto',\n            borderLine: 'w-full',\n          },\n        },\n        smooth: {\n          true: {\n            tab: 'transition-all duration-200 ease-in-out',\n            borderLine: 'transition-all duration-200 ease-in-out',\n          },\n          false: {\n            tab: '',\n            borderLine: '',\n          },\n        },\n      },\n      defaultVariants: {\n        size: 'medium',\n        active: false,\n        disabled: false,\n        variant: 'full-width',\n        smooth: true,\n      },\n    },\n    {\n      twMerge: false,\n    },\n  );\n\n  render() {\n    const { tab, borderLine } = this.class({\n      size: this.size,\n      active: this.active,\n      disabled: this.disabled,\n      variant: this.variant,\n      smooth: this.smooth,\n    });\n    return (\n      <Host role=\"tab\" aria-selected={this.active.toString()} aria-disabled={this.disabled}>\n        <button class={tab()} disabled={this.disabled} part=\"tab\" onClick={() => this.handleClick()}>\n          <slot />\n        </button>\n        <div class={borderLine()}></div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"+FAAA,MAAMA,EAAiB,+gE,MCYVC,EAAc,MAL3B,WAAAC,CAAAC,G,yDAqBEC,KAAMC,OAAY,MAMlBD,KAAIE,KAAiC,SAMrCF,KAAQG,SAAY,MAMpBH,KAAOI,QAAgC,aAMvCJ,KAAMK,OAAY,KAyBVL,KAAKM,MAAGC,EACd,CACEC,MAAO,CACLC,IAAK,wHACLC,WAAY,mCAEdC,SAAU,CACRT,KAAM,CACJU,MAAO,CAAEH,IAAK,qBACdI,OAAQ,CAAEJ,IAAK,uBACfK,MAAO,CAAEL,IAAK,sBAEhBR,OAAQ,CACNc,KAAM,CACJN,IAAK,sBAEPO,MAAO,CACLP,IAAK,2BAGTN,SAAU,CACRY,KAAM,CACJN,IAAK,yCACLC,WAAY,qCAEdM,MAAO,CACLP,IAAK,qDACLC,WAAY,yCAGhBN,QAAS,CACP,aAAc,CACZK,IAAK,SACLC,WAAY,UAEd,aAAc,CACZD,IAAK,SACLC,WAAY,WAGhBL,OAAQ,CACNU,KAAM,CACJN,IAAK,0CACLC,WAAY,2CAEdM,MAAO,CACLP,IAAK,GACLC,WAAY,MAIlBO,gBAAiB,CACff,KAAM,SACND,OAAQ,MACRE,SAAU,MACVC,QAAS,aACTC,OAAQ,OAGZ,CACEa,QAAS,OAqBd,CAzFS,WAAAC,GACN,GAAInB,KAAKG,SAAU,OACnBH,KAAKoB,eAAeC,KAAKrB,KAAKsB,M,CAsEhC,MAAAC,GACE,MAAMd,IAAEA,EAAGC,WAAEA,GAAeV,KAAKM,MAAM,CACrCJ,KAAMF,KAAKE,KACXD,OAAQD,KAAKC,OACbE,SAAUH,KAAKG,SACfC,QAASJ,KAAKI,QACdC,OAAQL,KAAKK,SAEf,OACEmB,EAACC,EAAK,CAAAC,IAAA,2CAAAC,KAAK,MAAK,gBAAgB3B,KAAKC,OAAO2B,WAA2B,gBAAA5B,KAAKG,UAC1EqB,EAAQ,UAAAE,IAAA,2CAAApB,MAAOG,IAAON,SAAUH,KAAKG,SAAU0B,KAAK,MAAMC,QAAS,IAAM9B,KAAKmB,eAC5EK,EAAA,QAAAE,IAAA,8CAEFF,EAAA,OAAAE,IAAA,2CAAKpB,MAAOI,M","ignoreList":[]}

package/dist/bromcom-ui/{p-a18d34c7.entry.js → p-2fc0b6dc.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as r,a as o}from"./p-B84DzIAh.js";import{t as i}from"./p-CEcVC0yX.js";import{c as s}from"./p-BfTCfPZ1.js";import{g as a}from"./p-IBjzkjef.js";import{s as l,g as n,d as c}from"./p-CUvT12BL.js";const h='.visible{visibility:visible}.collapse{visibility:collapse}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.contents{display:contents}.hidden{display:none}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize-none{resize:none;resize:none!important}.resize-y{resize:vertical;resize:vertical!important}.resize-x{resize:horizontal;resize:horizontal!important}.resize{resize:both!important;resize:both}.border{border-width:1px}.underline{text-decoration-line:underline}.outline{outline-style:solid}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,: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,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:oklch(70.7% .022 261.325deg);opacity:1}input::placeholder,textarea::placeholder{color:oklch(70.7% .022 261.325deg);opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:host{display:block;width:100%}.bcm-textarea__container{display:flex;flex-direction:column;width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.mt-1{margin-top:.25rem}.min-h-0{min-height:0}.min-h-\\[3rem\\]{min-height:3rem}.min-h-\\[4rem\\]{min-height:4rem}.min-h-\\[5rem\\]{min-height:5rem}.w-full{width:100%}.grow{flex-grow:1}.cursor-not-allowed{cursor:not-allowed}.\\!resize-none{resize:none!important}.\\!resize-y{resize:vertical!important}.\\!resize-x{resize:horizontal!important}.\\!resize{resize:both!important}.appearance-none{appearance:none}.flex-col{flex-direction:column}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border-0{border-width:0}.border-solid{border-style:solid}.border-\\[--bcm-ui-color-border-default\\]{border-color:var(--bcm-ui-color-border-default)}.border-\\[--bcm-ui-color-border-error\\]{border-color:var(--bcm-ui-color-border-error)}.border-\\[--bcm-ui-color-border-info\\]{border-color:var(--bcm-ui-color-border-info)}.border-\\[--bcm-ui-color-border-success\\]{border-color:var(--bcm-ui-color-border-success)}.border-\\[--bcm-ui-color-border-warning\\]{border-color:var(--bcm-ui-color-border-warning)}.bg-\\[--bcm-ui-color-background-base-default\\]{background-color:var(--bcm-ui-color-background-base-default)}.bg-transparent{background-color:transparent}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-right{text-align:right}.font-sans{font-family:Inter,sans-serif}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-\\[--bcm-ui-color-text-caption\\]{color:var(--bcm-ui-color-text-caption)}.text-\\[--bcm-ui-color-text-default\\]{color:var(--bcm-ui-color-text-default)}.text-\\[--bcm-ui-color-text-disabled\\]{color:var(--bcm-ui-color-text-disabled)}.text-\\[--bcm-ui-color-text-error\\]{color:var(--bcm-ui-color-text-error)}.text-\\[--bcm-ui-color-text-info\\]{color:var(--bcm-ui-color-text-info)}.text-\\[--bcm-ui-color-text-placeholder\\]{color:var(--bcm-ui-color-text-placeholder)}.text-\\[--bcm-ui-color-text-success\\]{color:var(--bcm-ui-color-text-success)}.text-\\[--bcm-ui-color-text-warning\\]{color:var(--bcm-ui-color-text-warning)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-label{color:var(--bcm-ui-color-text-label)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-0{outline-width:0}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-\\[--bcm-ui-color-border-primary\\]{--tw-ring-color:var(--bcm-ui-color-border-primary)}.ring-opacity-50{--tw-ring-opacity:0.5}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.placeholder\\:font-normal::placeholder{font-weight:400}.placeholder\\:text-\\[--bcm-ui-color-text-placeholder\\]::placeholder{color:var(--bcm-ui-color-text-placeholder)}.hover\\:border-\\[--bcm-ui-color-border-error\\]:hover{border-color:var(--bcm-ui-color-border-error)}.hover\\:border-\\[--bcm-ui-color-border-info\\]:hover{border-color:var(--bcm-ui-color-border-info)}.hover\\:border-\\[--bcm-ui-color-border-primary\\]:hover{border-color:var(--bcm-ui-color-border-primary)}.hover\\:border-\\[--bcm-ui-color-border-success\\]:hover{border-color:var(--bcm-ui-color-border-success)}.hover\\:border-\\[--bcm-ui-color-border-warning\\]:hover{border-color:var(--bcm-ui-color-border-warning)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-error\\]:has(:focus){border-color:var(--bcm-ui-color-border-error)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-info\\]:has(:focus){border-color:var(--bcm-ui-color-border-info)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-primary\\]:has(:focus){border-color:var(--bcm-ui-color-border-primary)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-success\\]:has(:focus){border-color:var(--bcm-ui-color-border-success)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-warning\\]:has(:focus){border-color:var(--bcm-ui-color-border-warning)}';const d=class{constructor(r){e(this,r);this.bcmInput=t(this,"bcmInput",1);this.bcmChange=t(this,"bcmChange",1);this.bcmFocus=t(this,"bcmFocus",1);this.bcmBlur=t(this,"bcmBlur",1);this.bcmKeyDown=t(this,"bcmKeyDown",1);this.bcmKeyUp=t(this,"bcmKeyUp",1);this.isFocused=false;this.isValid=true;this.internalStatus="default";this.value="";this.rows=3;this.resize="none";this.autoGrow=false;this._id=a("textarea");this.size="medium";this.status="default";this.fullWidth=false;this.disabled=false;this.readonly=false;this.required=false;this.showCounter=true;this.onChange=e=>{this.bcmChange.emit(e)};this.onFocus=e=>{this.isFocused=true;this.bcmFocus.emit(e)};this.onBlur=e=>{this.isFocused=false;this.bcmBlur.emit(e);this.validateInput()};this.onKeyDown=e=>{this.bcmKeyDown.emit(e)};this.onKeyUp=e=>{this.bcmKeyUp.emit(e)};this.styleClass=i({slots:{base:["bcm-textarea bcm-textarea__container","bg-[--bcm-ui-color-background-base-default]","border border-solid rounded","flex flex-col","transition-colors duration-200","px-2 py-2","w-full"],textareaClass:["textarea","w-full","border-0 outline-0 bg-transparent","appearance-none","text-[--bcm-ui-color-text-default] placeholder:text-[--bcm-ui-color-text-placeholder] placeholder:font-normal","font-sans antialiased font-medium","px-1","overflow-y-auto","min-h-0"],counterText:["textarea-counter-text","text-[--bcm-ui-color-text-placeholder]","text-right","mt-1"]},variants:{size:{small:{base:"",textareaClass:"text-size-4 min-h-[3rem]",counterText:"text-size-3"},medium:{base:"",textareaClass:"text-size-5 min-h-[4rem]",counterText:"text-size-4"},large:{base:"",textareaClass:"text-size-6 min-h-[5rem]",counterText:"text-size-5"}},resize:{none:{textareaClass:"!resize-none"},both:{textareaClass:"!resize"},horizontal:{textareaClass:"!resize-x"},vertical:{textareaClass:"!resize-y"}},status:{default:{base:["border-[--bcm-ui-color-border-default]","hover:border-[--bcm-ui-color-border-primary]","has-[:focus]:border-[--bcm-ui-color-border-primary]"]},error:{base:["border-[--bcm-ui-color-border-error]","hover:border-[--bcm-ui-color-border-error]","has-[:focus]:border-[--bcm-ui-color-border-error]"]},success:{base:["border-[--bcm-ui-color-border-success]","hover:border-[--bcm-ui-color-border-success]","has-[:focus]:border-[--bcm-ui-color-border-success]"]},warning:{base:["border-[--bcm-ui-color-border-warning]","hover:border-[--bcm-ui-color-border-warning]","has-[:focus]:border-[--bcm-ui-color-border-warning]"]},info:{base:["border-[--bcm-ui-color-border-info]","hover:border-[--bcm-ui-color-border-info]","has-[:focus]:border-[--bcm-ui-color-border-info]"]}},fullWidth:{true:"full-width w-full"},disabled:{true:{base:"disabled cursor-not-allowed opacity-50",textareaClass:"!resize-none"},false:""},focused:{true:{base:"ring-2 ring-[--bcm-ui-color-border-primary] ring-opacity-50"},false:""}},defaultVariants:{size:"medium",status:"default",resize:"vertical",fullWidth:false,disabled:false,focused:false}},{twMerge:false})}handleValueChange(e){if(this.textareaRef){this.textareaRef.value=e;if(this.autoGrow){this.adjustHeight()}}}watchStatus(e){this.internalStatus=e}watchErrorMessage(e){this.internalErrorMessage=e}componentWillLoad(){l("en",c);this.internalStatus=this.status;this.internalErrorMessage=this.errorMessage}componentDidLoad(){var e;if(this.autoGrow){this.adjustHeight();(e=this.textareaRef)===null||e===void 0?void 0:e.addEventListener("input",(()=>this.adjustHeight()))}}disconnectedCallback(){if(this.autoGrow&&this.textareaRef){this.textareaRef.removeEventListener("input",(()=>this.adjustHeight()))}}async setFocus(){var e;(e=this.textareaRef)===null||e===void 0?void 0:e.focus()}async setBlur(){var e;(e=this.textareaRef)===null||e===void 0?void 0:e.blur()}async select(){var e;(e=this.textareaRef)===null||e===void 0?void 0:e.select()}adjustHeight(){if(!this.autoGrow||!this.textareaRef)return;requestAnimationFrame((()=>{this.textareaRef.style.height="0px";const e=getComputedStyle(this.textareaRef);const t=parseInt(e.lineHeight);const r=parseInt(e.paddingTop);const o=parseInt(e.paddingBottom);const i=this.textareaRef.scrollHeight;let s=i;if(this.minRows){const e=this.minRows*t+r+o;s=Math.max(s,e)}if(this.maxRows){const e=this.maxRows*t+r+o;s=Math.min(s,e)}this.textareaRef.style.height=`${s}px`}))}validateInput(){if(!this.textareaRef)return;this.isValid=true;this.validationMessage="";const e=this.textareaRef.value;if(this.required&&!e){this.isValid=false;this.validationMessage=n("required");this.internalStatus="error";this.internalErrorMessage=this.validationMessage;return}if(this.minLength&&e.length<this.minLength){this.isValid=false;this.validationMessage=n("minlength",{min:this.minLength})}else if(this.maxLength&&e.length>this.maxLength){this.isValid=false;this.validationMessage=n("maxlength",{max:this.maxLength})}if(this.validator){const t=this.validator(e);if(t){this.isValid=false;this.validationMessage=t}}this.internalStatus=this.isValid?"default":"error";this.internalErrorMessage=this.validationMessage}render(){const e=this._id+"-textarea"||this.name;const{base:t,textareaClass:o,counterText:i}=this.styleClass({size:this.size,status:this.internalStatus,resize:this.resize,fullWidth:this.fullWidth,disabled:this.disabled,focused:this.isFocused});return r("div",{key:"fefeeddf26ed03353df28add5cf3316ae975b01e",class:"bcm-ui-element"},this.label&&r("label",{key:"98990540571481bd0d800de1cb4f62543c879b19",class:s("textarea-label font-medium",{"text-color-label":!this.disabled,"text-color-disabled":this.disabled},{"text-size-3":this.size==="small","text-size-4":this.size==="medium","text-size-5":this.size==="large"}),htmlFor:e},r("slot",{key:"73979bd46640de8573d63e75d31ae26ce36b890d",name:"label"},this.label),this.required&&r("span",{key:"dfe9ba4b33e1e3cd2c88e917887757b1c6bcb383"},"*")),r("div",{key:"81dad3fff00c8c31f59d026411b9e0cc3926c72f",class:t()},r("textarea",{key:"5a36b4eec939c61ee2a5bf884ad7cfabad365911",ref:e=>this.textareaRef=e,id:e,class:o(),name:this.name,rows:this.rows,cols:this.cols,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:this.placeholder,minLength:this.minLength,maxLength:this.maxLength,"aria-invalid":this.status==="error","aria-required":this.required,"aria-labelledby":this.labelledby,"aria-describedby":this.describedby,value:this.value,onInput:e=>{const t=e.target;this.value=t.value;this.bcmInput.emit(e);this.validateInput();if(this.autoGrow){this.adjustHeight()}},onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,onKeyUp:this.onKeyUp}),this.showCounter&&r("div",{key:"bcb3f8ca8ca6db30202b59774404d806250f52b5",class:i()},this.value.length,this.maxLength?`/${this.maxLength}`:"")),(this.captionText||this.internalErrorMessage||this.validationMessage)&&r("div",{key:"4b0134d3a3a16c0b32d928fb27a802a4a2e21d35",class:s("textarea-caption-text font-regular mt-1",{"text-[--bcm-ui-color-text-caption]":!this.disabled&&this.internalStatus==="default","text-[--bcm-ui-color-text-error]":!this.disabled&&(this.internalStatus==="error"||!this.isValid),"text-[--bcm-ui-color-text-success]":!this.disabled&&this.internalStatus==="success","text-[--bcm-ui-color-text-warning]":!this.disabled&&this.internalStatus==="warning","text-[--bcm-ui-color-text-info]":!this.disabled&&this.internalStatus==="info","text-[--bcm-ui-color-text-disabled]":this.disabled},{"text-size-3":this.size==="small","text-size-4":this.size==="medium","text-size-5":this.size==="large"})},!this.isValid?this.validationMessage:this.internalStatus==="error"?this.internalErrorMessage:this.captionText))}get el(){return o(this)}static get watchers(){return{value:["handleValueChange"],status:["watchStatus"],errorMessage:["watchErrorMessage"]}}};d.style=h;export{d as bcm_textarea};
-//# sourceMappingURL=p-a18d34c7.entry.js.map
+import{r as e,c as t,h as r,a as o}from"./p-DCguxqPb.js";import{t as i}from"./p-CEcVC0yX.js";import{c as s}from"./p-BfTCfPZ1.js";import{g as a}from"./p-IBjzkjef.js";import{s as l,g as n,d as c}from"./p-CUvT12BL.js";const h='.visible{visibility:visible}.collapse{visibility:collapse}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.contents{display:contents}.hidden{display:none}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize-none{resize:none;resize:none!important}.resize-y{resize:vertical;resize:vertical!important}.resize-x{resize:horizontal;resize:horizontal!important}.resize{resize:both!important;resize:both}.border{border-width:1px}.underline{text-decoration-line:underline}.outline{outline-style:solid}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,: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,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:oklch(70.7% .022 261.325deg);opacity:1}input::placeholder,textarea::placeholder{color:oklch(70.7% .022 261.325deg);opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:host{display:block;width:100%}.bcm-textarea__container{display:flex;flex-direction:column;width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.mt-1{margin-top:.25rem}.min-h-0{min-height:0}.min-h-\\[3rem\\]{min-height:3rem}.min-h-\\[4rem\\]{min-height:4rem}.min-h-\\[5rem\\]{min-height:5rem}.w-full{width:100%}.grow{flex-grow:1}.cursor-not-allowed{cursor:not-allowed}.\\!resize-none{resize:none!important}.\\!resize-y{resize:vertical!important}.\\!resize-x{resize:horizontal!important}.\\!resize{resize:both!important}.appearance-none{appearance:none}.flex-col{flex-direction:column}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border-0{border-width:0}.border-solid{border-style:solid}.border-\\[--bcm-ui-color-border-default\\]{border-color:var(--bcm-ui-color-border-default)}.border-\\[--bcm-ui-color-border-error\\]{border-color:var(--bcm-ui-color-border-error)}.border-\\[--bcm-ui-color-border-info\\]{border-color:var(--bcm-ui-color-border-info)}.border-\\[--bcm-ui-color-border-success\\]{border-color:var(--bcm-ui-color-border-success)}.border-\\[--bcm-ui-color-border-warning\\]{border-color:var(--bcm-ui-color-border-warning)}.bg-\\[--bcm-ui-color-background-base-default\\]{background-color:var(--bcm-ui-color-background-base-default)}.bg-transparent{background-color:transparent}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-right{text-align:right}.font-sans{font-family:Inter,sans-serif}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-\\[--bcm-ui-color-text-caption\\]{color:var(--bcm-ui-color-text-caption)}.text-\\[--bcm-ui-color-text-default\\]{color:var(--bcm-ui-color-text-default)}.text-\\[--bcm-ui-color-text-disabled\\]{color:var(--bcm-ui-color-text-disabled)}.text-\\[--bcm-ui-color-text-error\\]{color:var(--bcm-ui-color-text-error)}.text-\\[--bcm-ui-color-text-info\\]{color:var(--bcm-ui-color-text-info)}.text-\\[--bcm-ui-color-text-placeholder\\]{color:var(--bcm-ui-color-text-placeholder)}.text-\\[--bcm-ui-color-text-success\\]{color:var(--bcm-ui-color-text-success)}.text-\\[--bcm-ui-color-text-warning\\]{color:var(--bcm-ui-color-text-warning)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-label{color:var(--bcm-ui-color-text-label)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-0{outline-width:0}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-\\[--bcm-ui-color-border-primary\\]{--tw-ring-color:var(--bcm-ui-color-border-primary)}.ring-opacity-50{--tw-ring-opacity:0.5}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.placeholder\\:font-normal::placeholder{font-weight:400}.placeholder\\:text-\\[--bcm-ui-color-text-placeholder\\]::placeholder{color:var(--bcm-ui-color-text-placeholder)}.hover\\:border-\\[--bcm-ui-color-border-error\\]:hover{border-color:var(--bcm-ui-color-border-error)}.hover\\:border-\\[--bcm-ui-color-border-info\\]:hover{border-color:var(--bcm-ui-color-border-info)}.hover\\:border-\\[--bcm-ui-color-border-primary\\]:hover{border-color:var(--bcm-ui-color-border-primary)}.hover\\:border-\\[--bcm-ui-color-border-success\\]:hover{border-color:var(--bcm-ui-color-border-success)}.hover\\:border-\\[--bcm-ui-color-border-warning\\]:hover{border-color:var(--bcm-ui-color-border-warning)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-error\\]:has(:focus){border-color:var(--bcm-ui-color-border-error)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-info\\]:has(:focus){border-color:var(--bcm-ui-color-border-info)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-primary\\]:has(:focus){border-color:var(--bcm-ui-color-border-primary)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-success\\]:has(:focus){border-color:var(--bcm-ui-color-border-success)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-warning\\]:has(:focus){border-color:var(--bcm-ui-color-border-warning)}';const d=class{constructor(r){e(this,r);this.bcmInput=t(this,"bcmInput",1);this.bcmChange=t(this,"bcmChange",1);this.bcmFocus=t(this,"bcmFocus",1);this.bcmBlur=t(this,"bcmBlur",1);this.bcmKeyDown=t(this,"bcmKeyDown",1);this.bcmKeyUp=t(this,"bcmKeyUp",1);this.isFocused=false;this.isValid=true;this.internalStatus="default";this.value="";this.rows=3;this.resize="none";this.autoGrow=false;this._id=a("textarea");this.size="medium";this.status="default";this.fullWidth=false;this.disabled=false;this.readonly=false;this.required=false;this.showCounter=true;this.onChange=e=>{this.bcmChange.emit(e)};this.onFocus=e=>{this.isFocused=true;this.bcmFocus.emit(e)};this.onBlur=e=>{this.isFocused=false;this.bcmBlur.emit(e);this.validateInput()};this.onKeyDown=e=>{this.bcmKeyDown.emit(e)};this.onKeyUp=e=>{this.bcmKeyUp.emit(e)};this.styleClass=i({slots:{base:["bcm-textarea bcm-textarea__container","bg-[--bcm-ui-color-background-base-default]","border border-solid rounded","flex flex-col","transition-colors duration-200","px-2 py-2","w-full"],textareaClass:["textarea","w-full","border-0 outline-0 bg-transparent","appearance-none","text-[--bcm-ui-color-text-default] placeholder:text-[--bcm-ui-color-text-placeholder] placeholder:font-normal","font-sans antialiased font-medium","px-1","overflow-y-auto","min-h-0"],counterText:["textarea-counter-text","text-[--bcm-ui-color-text-placeholder]","text-right","mt-1"]},variants:{size:{small:{base:"",textareaClass:"text-size-4 min-h-[3rem]",counterText:"text-size-3"},medium:{base:"",textareaClass:"text-size-5 min-h-[4rem]",counterText:"text-size-4"},large:{base:"",textareaClass:"text-size-6 min-h-[5rem]",counterText:"text-size-5"}},resize:{none:{textareaClass:"!resize-none"},both:{textareaClass:"!resize"},horizontal:{textareaClass:"!resize-x"},vertical:{textareaClass:"!resize-y"}},status:{default:{base:["border-[--bcm-ui-color-border-default]","hover:border-[--bcm-ui-color-border-primary]","has-[:focus]:border-[--bcm-ui-color-border-primary]"]},error:{base:["border-[--bcm-ui-color-border-error]","hover:border-[--bcm-ui-color-border-error]","has-[:focus]:border-[--bcm-ui-color-border-error]"]},success:{base:["border-[--bcm-ui-color-border-success]","hover:border-[--bcm-ui-color-border-success]","has-[:focus]:border-[--bcm-ui-color-border-success]"]},warning:{base:["border-[--bcm-ui-color-border-warning]","hover:border-[--bcm-ui-color-border-warning]","has-[:focus]:border-[--bcm-ui-color-border-warning]"]},info:{base:["border-[--bcm-ui-color-border-info]","hover:border-[--bcm-ui-color-border-info]","has-[:focus]:border-[--bcm-ui-color-border-info]"]}},fullWidth:{true:"full-width w-full"},disabled:{true:{base:"disabled cursor-not-allowed opacity-50",textareaClass:"!resize-none"},false:""},focused:{true:{base:"ring-2 ring-[--bcm-ui-color-border-primary] ring-opacity-50"},false:""}},defaultVariants:{size:"medium",status:"default",resize:"vertical",fullWidth:false,disabled:false,focused:false}},{twMerge:false})}handleValueChange(e){if(this.textareaRef){this.textareaRef.value=e;if(this.autoGrow){this.adjustHeight()}}}watchStatus(e){this.internalStatus=e}watchErrorMessage(e){this.internalErrorMessage=e}componentWillLoad(){l("en",c);this.internalStatus=this.status;this.internalErrorMessage=this.errorMessage}componentDidLoad(){var e;if(this.autoGrow){this.adjustHeight();(e=this.textareaRef)===null||e===void 0?void 0:e.addEventListener("input",(()=>this.adjustHeight()))}}disconnectedCallback(){if(this.autoGrow&&this.textareaRef){this.textareaRef.removeEventListener("input",(()=>this.adjustHeight()))}}async setFocus(){var e;(e=this.textareaRef)===null||e===void 0?void 0:e.focus()}async setBlur(){var e;(e=this.textareaRef)===null||e===void 0?void 0:e.blur()}async select(){var e;(e=this.textareaRef)===null||e===void 0?void 0:e.select()}adjustHeight(){if(!this.autoGrow||!this.textareaRef)return;requestAnimationFrame((()=>{this.textareaRef.style.height="0px";const e=getComputedStyle(this.textareaRef);const t=parseInt(e.lineHeight);const r=parseInt(e.paddingTop);const o=parseInt(e.paddingBottom);const i=this.textareaRef.scrollHeight;let s=i;if(this.minRows){const e=this.minRows*t+r+o;s=Math.max(s,e)}if(this.maxRows){const e=this.maxRows*t+r+o;s=Math.min(s,e)}this.textareaRef.style.height=`${s}px`}))}validateInput(){if(!this.textareaRef)return;this.isValid=true;this.validationMessage="";const e=this.textareaRef.value;if(this.required&&!e){this.isValid=false;this.validationMessage=n("required");this.internalStatus="error";this.internalErrorMessage=this.validationMessage;return}if(this.minLength&&e.length<this.minLength){this.isValid=false;this.validationMessage=n("minlength",{min:this.minLength})}else if(this.maxLength&&e.length>this.maxLength){this.isValid=false;this.validationMessage=n("maxlength",{max:this.maxLength})}if(this.validator){const t=this.validator(e);if(t){this.isValid=false;this.validationMessage=t}}this.internalStatus=this.isValid?"default":"error";this.internalErrorMessage=this.validationMessage}render(){const e=this._id+"-textarea"||this.name;const{base:t,textareaClass:o,counterText:i}=this.styleClass({size:this.size,status:this.internalStatus,resize:this.resize,fullWidth:this.fullWidth,disabled:this.disabled,focused:this.isFocused});return r("div",{key:"e9ee3f0b7c5556046dd2d226c21f02ed198c5882",class:"bcm-ui-element"},this.label&&r("label",{key:"460c92b0862fb80a51f2f979187f7d2c5823b439",class:s("textarea-label font-medium",{"text-color-label":!this.disabled,"text-color-disabled":this.disabled},{"text-size-3":this.size==="small","text-size-4":this.size==="medium","text-size-5":this.size==="large"}),htmlFor:e},r("slot",{key:"4d1c93d111d2e8e97bf9becc632fb888e9097962",name:"label"},this.label),this.required&&r("span",{key:"48793130a9f11e25ee9fb991f000143ee799e69c"},"*")),r("div",{key:"41970aedcbb4e06a730c06785b797d3fdf6467d5",class:t()},r("textarea",{key:"06c3394605ef1e0129dde131b4c2aa207547b529",ref:e=>this.textareaRef=e,id:e,class:o(),name:this.name,rows:this.rows,cols:this.cols,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:this.placeholder,minLength:this.minLength,maxLength:this.maxLength,"aria-invalid":this.status==="error","aria-required":this.required,"aria-labelledby":this.labelledby,"aria-describedby":this.describedby,value:this.value,onInput:e=>{const t=e.target;this.value=t.value;this.bcmInput.emit(e);this.validateInput();if(this.autoGrow){this.adjustHeight()}},onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,onKeyUp:this.onKeyUp}),this.showCounter&&r("div",{key:"5d55687452808f99013ed83cd83cfa608eecd061",class:i()},this.value.length,this.maxLength?`/${this.maxLength}`:"")),(this.captionText||this.internalErrorMessage||this.validationMessage)&&r("div",{key:"f02790c6fc90954f29a61ff2553cb413f20fe64f",class:s("textarea-caption-text font-regular mt-1",{"text-[--bcm-ui-color-text-caption]":!this.disabled&&this.internalStatus==="default","text-[--bcm-ui-color-text-error]":!this.disabled&&(this.internalStatus==="error"||!this.isValid),"text-[--bcm-ui-color-text-success]":!this.disabled&&this.internalStatus==="success","text-[--bcm-ui-color-text-warning]":!this.disabled&&this.internalStatus==="warning","text-[--bcm-ui-color-text-info]":!this.disabled&&this.internalStatus==="info","text-[--bcm-ui-color-text-disabled]":this.disabled},{"text-size-3":this.size==="small","text-size-4":this.size==="medium","text-size-5":this.size==="large"})},!this.isValid?this.validationMessage:this.internalStatus==="error"?this.internalErrorMessage:this.captionText))}get el(){return o(this)}static get watchers(){return{value:["handleValueChange"],status:["watchStatus"],errorMessage:["watchErrorMessage"]}}};d.style=h;export{d as bcm_textarea};
+//# sourceMappingURL=p-2fc0b6dc.entry.js.map

package/dist/bromcom-ui/{p-7560f0e9.entry.js → p-337a2256.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as i,H as o,a as r}from"./p-B84DzIAh.js";import{t as a}from"./p-CEcVC0yX.js";const s=".relative{position:relative}.flex{display:flex}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{display:inline-block;position:relative}:host([full-width]){width:100%}.segmented-container{border-radius:var(--bcm-ui-border-radius,4px)}.segmented-indicator{border-radius:var(--bcm-ui-border-radius-md,2px);height:100%;top:0;transition:left .2s ease-in-out,width .2s ease-in-out}.segmented-options{display:flex}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.absolute{position:absolute}.z-0{z-index:0}.z-10{z-index:10}.inline-flex{display:inline-flex}.w-full{width:100%}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border{border-width:1px}.border-solid{border-style:solid}.border-\\[--bcm-ui-color-border-default\\]{border-color:var(--bcm-ui-color-border-default)}.bg-\\[--bcm-ui-color-background-base-default\\]{background-color:var(--bcm-ui-color-background-base-default)}.bg-\\[--bcm-ui-color-background-default-default\\]{background-color:var(--bcm-ui-color-background-default-default)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.opacity-50{opacity:.5}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);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)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}";const n=class{constructor(i){e(this,i);this.bcmChange=t(this,"bcmChange",1);this.size="medium";this.disabled=false;this.fullWidth=false;this.options=[];this.indicatorStyles={left:"0",width:"0",transition:"none"};this.segmentedClass=a({base:"segmented-container bcm-ui-element inline-flex relative bg-[--bcm-ui-color-background-default-default] border border-solid border-[--bcm-ui-color-border-default] rounded overflow-hidden",variants:{size:{small:"text-size-4",medium:"text-size-5",large:"text-size-6"},fullWidth:{true:"w-full"},disabled:{true:"opacity-50 cursor-not-allowed",false:"cursor-pointer"}},defaultVariants:{size:"medium",fullWidth:false,disabled:false}},{twMerge:false})}componentWillLoad(){this.parseOptions();if(!this.value&&this.options.length>0){this.value=this.options[0].value}}componentDidLoad(){this.updateIndicatorPosition(false)}componentDidUpdate(){this.updateIndicatorPosition()}valueChanged(){this.updateIndicatorPosition()}handleOptionClick(e){if(this.disabled)return;const t=e.detail;if(this.value!==t){this.value=t;this.bcmChange.emit({value:t})}}parseOptions(){const e=Array.from(this.host.children);this.options=e.filter((e=>e.nodeName.toLowerCase()==="bcm-segmented-picker-option")).map((e=>({value:e.getAttribute("value")||"",label:e.getAttribute("label")||e.textContent||""})))}updateIndicatorPosition(e=true){const t=this.host.querySelector(`bcm-segmented-picker-option[value="${this.value}"]`);if(!t)return;const i=this.host.querySelectorAll("bcm-segmented-picker-option");let o=-1;for(let e=0;e<i.length;e++){if(i[e].getAttribute("value")===this.value){o=e;break}}if(o===-1)return;setTimeout((()=>{try{let t=0;for(let e=0;e<o;e++){const o=i[e];if(o){t+=o.offsetWidth}}const r=i[o].offsetWidth;this.indicatorStyles={left:`${t}px`,width:`${r}px`,transition:e?"all 0.2s ease-in-out":"none"}}catch(e){console.error("Error updating indicator position:",e)}}),10)}render(){return i(o,{key:"da5fd3ac598c6e782387ead9a994c3e2cffb0120"},i("div",{key:"8095a9eb1c5cc455989402ca89ef45ad8799cc4c",class:this.segmentedClass({size:this.size,fullWidth:this.fullWidth,disabled:this.disabled})},i("div",{key:"09be9fc279d015a8d1050591ea287ca192f2e1ea",class:"segmented-indicator absolute bg-[--bcm-ui-color-background-base-default] z-0 rounded",style:this.indicatorStyles}),i("div",{key:"41b20cd2a9a5b3abe7bda035c91c801a211c0f23",class:"segmented-options flex relative z-10 w-full"},i("slot",{key:"102516eba6f3470073e54fba0943efb26037b8a4"}))))}get host(){return r(this)}static get watchers(){return{value:["valueChanged"]}}};n.style=s;export{n as bcm_segmented_picker};
-//# sourceMappingURL=p-7560f0e9.entry.js.map
+import{r as e,c as t,h as i,H as o,a as r}from"./p-DCguxqPb.js";import{t as a}from"./p-CEcVC0yX.js";const s=".relative{position:relative}.flex{display:flex}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{display:inline-block;position:relative}:host([full-width]){width:100%}.segmented-container{border-radius:var(--bcm-ui-border-radius,4px)}.segmented-indicator{border-radius:var(--bcm-ui-border-radius-md,2px);height:100%;top:0;transition:left .2s ease-in-out,width .2s ease-in-out}.segmented-options{display:flex}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.absolute{position:absolute}.z-0{z-index:0}.z-10{z-index:10}.inline-flex{display:inline-flex}.w-full{width:100%}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border{border-width:1px}.border-solid{border-style:solid}.border-\\[--bcm-ui-color-border-default\\]{border-color:var(--bcm-ui-color-border-default)}.bg-\\[--bcm-ui-color-background-base-default\\]{background-color:var(--bcm-ui-color-background-base-default)}.bg-\\[--bcm-ui-color-background-default-default\\]{background-color:var(--bcm-ui-color-background-default-default)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.opacity-50{opacity:.5}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);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)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}";const d=class{constructor(i){e(this,i);this.bcmChange=t(this,"bcmChange",1);this.size="medium";this.disabled=false;this.fullWidth=false;this.options=[];this.indicatorStyles={left:"0",width:"0",transition:"none"};this.segmentedClass=a({base:"segmented-container bcm-ui-element inline-flex relative bg-[--bcm-ui-color-background-default-default] border border-solid border-[--bcm-ui-color-border-default] rounded overflow-hidden",variants:{size:{small:"text-size-4",medium:"text-size-5",large:"text-size-6"},fullWidth:{true:"w-full"},disabled:{true:"opacity-50 cursor-not-allowed",false:"cursor-pointer"}},defaultVariants:{size:"medium",fullWidth:false,disabled:false}},{twMerge:false})}componentWillLoad(){this.parseOptions();if(!this.value&&this.options.length>0){this.value=this.options[0].value}}componentDidLoad(){this.updateIndicatorPosition(false)}componentDidUpdate(){this.updateIndicatorPosition()}valueChanged(){this.updateIndicatorPosition()}handleOptionClick(e){if(this.disabled)return;const t=e.detail;if(this.value!==t){this.value=t;this.bcmChange.emit({value:t})}}parseOptions(){const e=Array.from(this.host.children);this.options=e.filter((e=>e.nodeName.toLowerCase()==="bcm-segmented-picker-option")).map((e=>({value:e.getAttribute("value")||"",label:e.getAttribute("label")||e.textContent||""})))}updateIndicatorPosition(e=true){const t=this.host.querySelector(`bcm-segmented-picker-option[value="${this.value}"]`);if(!t)return;const i=this.host.querySelectorAll("bcm-segmented-picker-option");let o=-1;for(let e=0;e<i.length;e++){if(i[e].getAttribute("value")===this.value){o=e;break}}if(o===-1)return;setTimeout((()=>{try{let t=0;for(let e=0;e<o;e++){const o=i[e];if(o){t+=o.offsetWidth}}const r=i[o].offsetWidth;this.indicatorStyles={left:`${t}px`,width:`${r}px`,transition:e?"all 0.2s ease-in-out":"none"}}catch(e){console.error("Error updating indicator position:",e)}}),10)}render(){return i(o,{key:"d0cbc159bc9bbc04dd3529d49013c70fedd51900"},i("div",{key:"482aaafb09980d4e898da826be0d551335fbf074",class:this.segmentedClass({size:this.size,fullWidth:this.fullWidth,disabled:this.disabled})},i("div",{key:"32ae6dd4e49a4bb8d054b0c6ed0438a8a5fd88d4",class:"segmented-indicator absolute bg-[--bcm-ui-color-background-base-default] z-0 rounded",style:this.indicatorStyles}),i("div",{key:"5d4cbf382a1f7796c54a78c707579a1b517d4afe",class:"segmented-options flex relative z-10 w-full"},i("slot",{key:"0dd209dd41f1da85bbe40542f7b3f725e2856094"}))))}get host(){return r(this)}static get watchers(){return{value:["valueChanged"]}}};d.style=s;export{d as bcm_segmented_picker};
+//# sourceMappingURL=p-337a2256.entry.js.map

package/dist/bromcom-ui/p-4c22167e.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as s,H as e,a as o}from"./p-DCguxqPb.js";import{b as a,c as r,o as h,f as n,s as l}from"./p-DxMLMJ3r.js";const d='.absolute{position:absolute}.relative{position:relative}.block{display:block}.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)}bcm-linked{display:block;position:relative}bcm-linked[append-to-body]{display:none}.floating-content{min-width:-moz-max-content;min-width:max-content;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;will-change:transform,opacity}.floating-visible{animation:fadeInScale .2s ease-out}.floating-hidden{display:none!important;pointer-events:none}.floating-wrapper{position:relative;z-index:1}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.floating-arrow{z-index:-1}.floating-arrow,.floating-arrow:before{height:10px;position:absolute;width:10px}.floating-arrow:before{background:#fff;border:1px solid #e2e8f0;content:"";transform:rotate(45deg)}.arrow-top{bottom:-5px}.arrow-bottom,.arrow-top{left:50%;transform:translateX(-50%)}.arrow-bottom{top:-5px}.arrow-left{right:-5px}.arrow-left,.arrow-right{top:50%;transform:translateY(-50%)}.arrow-right{left:-5px}.arrow-top:before{border-bottom:0;border-right:0}.arrow-bottom:before{border-left:0;border-top:0}.arrow-left:before{border-right:0;border-top:0}.arrow-right:before{border-bottom:0;border-left:0}@media (max-width:768px){.floating-content{max-height:calc(100vh - 32px);max-width:calc(100vw - 32px)}}.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}.visible{visibility:visible}.fixed{position:fixed}.hidden{display:none}.resize{resize:both}.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)}';const c=class{constructor(s){t(this,s);this.bcmShow=i(this,"bcmShow",7);this.bcmHide=i(this,"bcmHide",7);this.bcmShown=i(this,"bcmShown",7);this.bcmHidden=i(this,"bcmHidden",7);this.trigger="click";this.placement="bottom-start";this.showDelay=0;this.hideDelay=0;this.offset=8;this.arrow=false;this.disabled=false;this.zIndex=1e3;this.appendToBody=false;this.destroyOnHide=false;this.isVisible=false;this.isReady=false;this.handleMouseEnter=()=>{this.clearTimeouts();if(this.showDelay>0){this.showTimeout=setTimeout((()=>this.show()),this.showDelay)}else{this.show()}};this.handleMouseLeave=()=>{this.clearTimeouts();if(this.hideDelay>0){this.hideTimeout=setTimeout((()=>this.hide()),this.hideDelay)}else{this.hide()}};this.handleFloatingMouseEnter=()=>{this.clearTimeouts()};this.handleFloatingMouseLeave=()=>{this.clearTimeouts();if(this.hideDelay>0){this.hideTimeout=setTimeout((()=>this.hide()),this.hideDelay)}else{this.hide()}};this.handleClick=t=>{t.stopPropagation();this.toggle()};this.handleFocus=()=>{this.show()};this.handleBlur=()=>{this.hide()}}setupTarget(){this.disconnectTarget();this.connectTarget()}onVisibilityChange(t){if(t){this.updatePosition();this.bcmShown.emit()}else{this.bcmHidden.emit()}}async componentDidLoad(){await new Promise((t=>requestAnimationFrame(t)));this.floatingEl=this.host.querySelector(".floating-content");if(this.floatingEl){this.isReady=true;this.connectTarget();this.setupFloatingObserver();console.log("✅ bcm-linked initialized successfully")}else{console.error("❌ Could not find .floating-content element")}}disconnectedCallback(){var t,i;this.disconnectTarget();this.clearTimeouts();(t=this.cleanup)===null||t===void 0?void 0:t.call(this);(i=this.resizeObserver)===null||i===void 0?void 0:i.disconnect();if(this.appendToBody&&this.floatingEl&&this.originalParent){this.originalParent.appendChild(this.floatingEl)}}connectTarget(){if(!this.isReady)return;this.targetEl=this.targetElement||(this.targetId?document.getElementById(this.targetId):null)||this.host.previousElementSibling||this.host.parentElement;if(!this.targetEl){console.warn("bcm-linked: No target element found");return}this.setupEventListeners();if(this.targetEl&&this.floatingEl){this.cleanup=a(this.targetEl,this.floatingEl,(()=>{if(this.isVisible){this.updatePosition()}}))}this.resizeObserver=new ResizeObserver((()=>{if(this.isVisible){this.updatePosition()}}));this.resizeObserver.observe(this.floatingEl)}disconnectTarget(){var t,i;if(this.targetEl){this.removeEventListeners()}(t=this.cleanup)===null||t===void 0?void 0:t.call(this);(i=this.resizeObserver)===null||i===void 0?void 0:i.disconnect()}setupEventListeners(){var t,i;if(!this.targetEl||this.disabled)return;switch(this.trigger){case"hover":this.targetEl.addEventListener("mouseenter",this.handleMouseEnter);this.targetEl.addEventListener("mouseleave",this.handleMouseLeave);(t=this.floatingEl)===null||t===void 0?void 0:t.addEventListener("mouseenter",this.handleFloatingMouseEnter);(i=this.floatingEl)===null||i===void 0?void 0:i.addEventListener("mouseleave",this.handleFloatingMouseLeave);break;case"click":this.targetEl.addEventListener("click",this.handleClick);this.setupClickOutside();break;case"focus":this.targetEl.addEventListener("focus",this.handleFocus);this.targetEl.addEventListener("blur",this.handleBlur);break}}removeEventListeners(){var t,i;if(!this.targetEl)return;this.targetEl.removeEventListener("mouseenter",this.handleMouseEnter);this.targetEl.removeEventListener("mouseleave",this.handleMouseLeave);this.targetEl.removeEventListener("click",this.handleClick);this.targetEl.removeEventListener("focus",this.handleFocus);this.targetEl.removeEventListener("blur",this.handleBlur);(t=this.floatingEl)===null||t===void 0?void 0:t.removeEventListener("mouseenter",this.handleFloatingMouseEnter);(i=this.floatingEl)===null||i===void 0?void 0:i.removeEventListener("mouseleave",this.handleFloatingMouseLeave);this.removeClickOutside()}setupClickOutside(){this.clickOutsideHandler=t=>{var i,s;const e=t.target;if(!((i=this.floatingEl)===null||i===void 0?void 0:i.contains(e))&&!((s=this.targetEl)===null||s===void 0?void 0:s.contains(e))&&!this.host.contains(e)){this.hide()}};document.addEventListener("click",this.clickOutsideHandler,true)}removeClickOutside(){if(this.clickOutsideHandler){document.removeEventListener("click",this.clickOutsideHandler,true);this.clickOutsideHandler=undefined}}clearTimeouts(){if(this.showTimeout){clearTimeout(this.showTimeout);this.showTimeout=undefined}if(this.hideTimeout){clearTimeout(this.hideTimeout);this.hideTimeout=undefined}}async updatePosition(){if(!this.targetEl||!this.floatingEl||!this.isVisible)return;const t=[h(this.offset),n({fallbackPlacements:["top","bottom","left","right","top-start","top-end","bottom-start","bottom-end","left-start","left-end","right-start","right-end"]}),l({padding:8})];const{x:i,y:s,placement:e}=await r(this.targetEl,this.floatingEl,{placement:this.placement,middleware:t,strategy:"fixed"});Object.assign(this.floatingEl.style,{left:`${i}px`,top:`${s}px`,zIndex:this.zIndex.toString()});if(this.arrow){this.updateArrow(e)}}updateArrow(t){var i;const s=(i=this.floatingEl)===null||i===void 0?void 0:i.querySelector(".floating-arrow");if(!s)return;s.className="floating-arrow";const e=t.split("-")[0];s.classList.add(`arrow-${e}`)}async show(){if(this.disabled||this.isVisible)return;this.bcmShow.emit();if(this.appendToBody&&this.floatingEl){this.originalParent=this.floatingEl.parentNode;this.originalNextSibling=this.floatingEl.nextSibling;document.body.appendChild(this.floatingEl)}this.isVisible=true;await new Promise((t=>requestAnimationFrame(t)));await this.updatePosition()}async hide(){if(!this.isVisible)return;this.bcmHide.emit();this.isVisible=false;if(this.appendToBody&&this.floatingEl&&this.originalParent){if(this.originalNextSibling){this.originalParent.insertBefore(this.floatingEl,this.originalNextSibling)}else{this.originalParent.appendChild(this.floatingEl)}this.originalParent=undefined;this.originalNextSibling=undefined}if(this.destroyOnHide&&this.floatingEl&&this.floatingEl.parentNode){this.floatingEl.parentNode.removeChild(this.floatingEl)}}async toggle(){if(this.isVisible){await this.hide()}else{await this.show()}}async updatePositioning(){await this.updatePosition()}setupFloatingObserver(){if(!this.floatingEl)return;this.resizeObserver=new ResizeObserver((()=>{if(this.isVisible){this.updatePosition()}}));this.resizeObserver.observe(this.floatingEl)}render(){const t={"floating-content":true,"floating-visible":this.isVisible,"floating-hidden":!this.isVisible,"floating-with-arrow":this.arrow,"floating-destroy-on-hide":this.destroyOnHide};return s(e,{key:"f5835cc1b6044476e66402d23a3becf18d3f2049"},s("div",{key:"2c7f92bbe85bc938a767734ef4b27702247fb390",class:t,style:{position:"fixed",top:"0px",left:"0px",zIndex:this.zIndex.toString(),display:this.isVisible?"block":"none",visibility:this.isVisible?"visible":"hidden",opacity:this.isVisible?"1":"0",pointerEvents:this.isVisible?"auto":"none"}},this.arrow&&s("div",{key:"f6eedac02b29b3ca00a9a84eea940ac89089f30c",class:"floating-arrow"}),s("div",{key:"7cb19f085de1d77a41fd9897be90999e78a0a54d",class:"floating-wrapper"},s("slot",{key:"a4b4289642850e3c2f7f27771b3d28bc41c8248a"}))),s("div",{key:"61cd7af9a4a47c87c308e1e67f96efb987c97312",style:{display:"none"}},s("slot",{key:"7160df275f5c7c66733158f95266598d0d207a17",name:"fallback"})))}get host(){return o(this)}static get watchers(){return{targetId:["setupTarget"],targetElement:["setupTarget"],isVisible:["onVisibilityChange"]}}};c.style=d;export{c as bcm_linked};
+//# sourceMappingURL=p-4c22167e.entry.js.map

package/dist/bromcom-ui/p-4c22167e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["linkedCss","BcmLinked","constructor","hostRef","this","trigger","placement","showDelay","hideDelay","offset","arrow","disabled","zIndex","appendToBody","destroyOnHide","isVisible","isReady","handleMouseEnter","clearTimeouts","showTimeout","setTimeout","show","handleMouseLeave","hideTimeout","hide","handleFloatingMouseEnter","handleFloatingMouseLeave","handleClick","e","stopPropagation","toggle","handleFocus","handleBlur","setupTarget","disconnectTarget","connectTarget","onVisibilityChange","newValue","updatePosition","bcmShown","emit","bcmHidden","componentDidLoad","Promise","resolve","requestAnimationFrame","floatingEl","host","querySelector","setupFloatingObserver","console","log","error","disconnectedCallback","_a","cleanup","call","_b","resizeObserver","disconnect","originalParent","appendChild","targetEl","targetElement","targetId","document","getElementById","previousElementSibling","parentElement","warn","setupEventListeners","autoUpdate","ResizeObserver","observe","removeEventListeners","addEventListener","setupClickOutside","removeEventListener","removeClickOutside","clickOutsideHandler","target","contains","undefined","clearTimeout","middleware","flip","fallbackPlacements","shift","padding","x","y","computePosition","strategy","Object","assign","style","left","top","toString","updateArrow","className","side","split","classList","add","bcmShow","parentNode","originalNextSibling","nextSibling","body","bcmHide","insertBefore","removeChild","updatePositioning","render","floatingClasses","h","Host","key","class","position","display","visibility","opacity","pointerEvents","name"],"sources":["src/components/linked/linked.css?tag=bcm-linked","src/components/linked/linked.component.tsx"],"sourcesContent":["bcm-linked {\n  display: block;\n  position: relative;\n}\nbcm-linked[append-to-body] {\n  display: none;\n}\n\n.floating-content {\n  min-width: max-content;\n  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;\n  will-change: transform, opacity;\n}\n\n.floating-visible {\n  animation: fadeInScale 0.2s ease-out;\n}\n\n.floating-hidden {\n  display: none !important;\n  pointer-events: none;\n}\n\n.floating-wrapper {\n  position: relative;\n  z-index: 1;\n}\n\n/* Animations */\n@keyframes fadeInScale {\n  from {\n    opacity: 0;\n    transform: scale(0.95) translateY(-5px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n/* Arrow Styles */\n.floating-arrow {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  z-index: -1;\n}\n\n.floating-arrow::before {\n  content: '';\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  background: white;\n  border: 1px solid #e2e8f0;\n  transform: rotate(45deg);\n}\n\n/* Arrow positioning based on placement */\n.arrow-top {\n  bottom: -5px;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.arrow-bottom {\n  top: -5px;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.arrow-left {\n  right: -5px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.arrow-right {\n  left: -5px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n/* Arrow border fix for bordered popups */\n.arrow-top::before {\n  border-bottom: 0;\n  border-right: 0;\n}\n\n.arrow-bottom::before {\n  border-top: 0;\n  border-left: 0;\n}\n\n.arrow-left::before {\n  border-top: 0;\n  border-right: 0;\n}\n\n.arrow-right::before {\n  border-bottom: 0;\n  border-left: 0;\n}\n\n/* Responsive adjustments */\n@media (max-width: 768px) {\n  .floating-content {\n    max-width: calc(100vw - 32px);\n    max-height: calc(100vh - 32px);\n  }\n}\n","import { Component, ComponentInterface, Prop, Element, State, h, Event, EventEmitter, Watch, Method, Host } from '@stencil/core';\nimport { computePosition, shift, offset, autoUpdate, flip, type Placement } from '@floating-ui/dom';\n\nexport type TriggerType = 'hover' | 'click' | 'focus' | 'manual';\n\n@Component({\n  tag: 'bcm-linked',\n  styleUrl: 'linked.css',\n  shadow: false,\n})\nexport class BcmLinked implements ComponentInterface {\n  @Element() host: HTMLElement;\n\n  // Target configuration\n  @Prop({ reflect: true, attribute: 'target-id' }) targetId?: string;\n  @Prop() targetElement?: HTMLElement;\n\n  // Trigger configuration\n  @Prop() trigger: TriggerType = 'click';\n  @Prop() placement: Placement = 'bottom-start';\n\n  // Timing configuration\n  @Prop() showDelay: number = 0;\n  @Prop() hideDelay: number = 0;\n\n  // Positioning configuration\n  @Prop() offset: number = 8;\n  @Prop() arrow: boolean = false;\n  @Prop() disabled: boolean = false;\n\n  // Style configuration\n  @Prop() zIndex: number = 1000;\n  @Prop() appendToBody: boolean = false;\n  @Prop() destroyOnHide: boolean = false;\n\n  // State\n  @State() isVisible: boolean = false;\n  @State() isReady: boolean = false;\n\n  // Events\n  @Event() bcmShow: EventEmitter<void>;\n  @Event() bcmHide: EventEmitter<void>;\n  @Event() bcmShown: EventEmitter<void>;\n  @Event() bcmHidden: EventEmitter<void>;\n\n  // Private properties\n  private floatingEl?: HTMLElement;\n  private targetEl?: HTMLElement;\n  private showTimeout?: NodeJS.Timeout;\n  private hideTimeout?: NodeJS.Timeout;\n  private cleanup?: () => void;\n  private clickOutsideHandler?: (e: MouseEvent) => void;\n  private resizeObserver?: ResizeObserver;\n  private originalParent?: Node;\n  private originalNextSibling?: Node;\n\n  // Watch for changes\n  @Watch('targetId')\n  @Watch('targetElement')\n  setupTarget() {\n    this.disconnectTarget();\n    this.connectTarget();\n  }\n\n  @Watch('isVisible')\n  onVisibilityChange(newValue: boolean) {\n    if (newValue) {\n      this.updatePosition();\n      this.bcmShown.emit();\n    } else {\n      this.bcmHidden.emit();\n    }\n  }\n\n  async componentDidLoad() {\n    // Wait for render\n    await new Promise(resolve => requestAnimationFrame(resolve));\n\n    this.floatingEl = this.host.querySelector('.floating-content') as HTMLElement;\n\n    if (this.floatingEl) {\n      this.isReady = true;\n      this.connectTarget();\n      this.setupFloatingObserver();\n      console.log('✅ bcm-linked initialized successfully');\n    } else {\n      console.error('❌ Could not find .floating-content element');\n    }\n  }\n\n  disconnectedCallback() {\n    this.disconnectTarget();\n    this.clearTimeouts();\n    this.cleanup?.();\n    this.resizeObserver?.disconnect();\n\n    // Restore element to original position if component is destroyed while in portal\n    if (this.appendToBody && this.floatingEl && this.originalParent) {\n      this.originalParent.appendChild(this.floatingEl);\n    }\n  }\n\n  private connectTarget() {\n    if (!this.isReady) return;\n\n    // Find target element\n    this.targetEl =\n      this.targetElement || (this.targetId ? document.getElementById(this.targetId) : null) || (this.host.previousElementSibling as HTMLElement) || this.host.parentElement;\n\n    if (!this.targetEl) {\n      console.warn('bcm-linked: No target element found');\n      return;\n    }\n\n    // Setup event listeners based on trigger type\n    this.setupEventListeners();\n\n    // Setup auto-update for position\n    if (this.targetEl && this.floatingEl) {\n      this.cleanup = autoUpdate(this.targetEl, this.floatingEl, () => {\n        if (this.isVisible) {\n          this.updatePosition();\n        }\n      });\n    }\n\n    // Setup resize observer for responsive positioning\n    this.resizeObserver = new ResizeObserver(() => {\n      if (this.isVisible) {\n        this.updatePosition();\n      }\n    });\n    this.resizeObserver.observe(this.floatingEl);\n  }\n\n  private disconnectTarget() {\n    if (this.targetEl) {\n      this.removeEventListeners();\n    }\n    this.cleanup?.();\n    this.resizeObserver?.disconnect();\n  }\n\n  private setupEventListeners() {\n    if (!this.targetEl || this.disabled) return;\n\n    switch (this.trigger) {\n      case 'hover':\n        this.targetEl.addEventListener('mouseenter', this.handleMouseEnter);\n        this.targetEl.addEventListener('mouseleave', this.handleMouseLeave);\n        this.floatingEl?.addEventListener('mouseenter', this.handleFloatingMouseEnter);\n        this.floatingEl?.addEventListener('mouseleave', this.handleFloatingMouseLeave);\n        break;\n\n      case 'click':\n        this.targetEl.addEventListener('click', this.handleClick);\n        this.setupClickOutside();\n        break;\n\n      case 'focus':\n        this.targetEl.addEventListener('focus', this.handleFocus);\n        this.targetEl.addEventListener('blur', this.handleBlur);\n        break;\n    }\n  }\n\n  private removeEventListeners() {\n    if (!this.targetEl) return;\n\n    this.targetEl.removeEventListener('mouseenter', this.handleMouseEnter);\n    this.targetEl.removeEventListener('mouseleave', this.handleMouseLeave);\n    this.targetEl.removeEventListener('click', this.handleClick);\n    this.targetEl.removeEventListener('focus', this.handleFocus);\n    this.targetEl.removeEventListener('blur', this.handleBlur);\n\n    this.floatingEl?.removeEventListener('mouseenter', this.handleFloatingMouseEnter);\n    this.floatingEl?.removeEventListener('mouseleave', this.handleFloatingMouseLeave);\n\n    this.removeClickOutside();\n  }\n\n  private setupClickOutside() {\n    this.clickOutsideHandler = (e: MouseEvent) => {\n      const target = e.target as Node;\n      if (!this.floatingEl?.contains(target) && !this.targetEl?.contains(target) && !this.host.contains(target)) {\n        this.hide();\n      }\n    };\n    document.addEventListener('click', this.clickOutsideHandler, true);\n  }\n\n  private removeClickOutside() {\n    if (this.clickOutsideHandler) {\n      document.removeEventListener('click', this.clickOutsideHandler, true);\n      this.clickOutsideHandler = undefined;\n    }\n  }\n\n  private handleMouseEnter = () => {\n    this.clearTimeouts();\n    if (this.showDelay > 0) {\n      this.showTimeout = setTimeout(() => this.show(), this.showDelay);\n    } else {\n      this.show();\n    }\n  };\n\n  private handleMouseLeave = () => {\n    this.clearTimeouts();\n    if (this.hideDelay > 0) {\n      this.hideTimeout = setTimeout(() => this.hide(), this.hideDelay);\n    } else {\n      this.hide();\n    }\n  };\n\n  private handleFloatingMouseEnter = () => {\n    this.clearTimeouts();\n  };\n\n  private handleFloatingMouseLeave = () => {\n    this.clearTimeouts();\n    if (this.hideDelay > 0) {\n      this.hideTimeout = setTimeout(() => this.hide(), this.hideDelay);\n    } else {\n      this.hide();\n    }\n  };\n\n  private handleClick = (e: Event) => {\n    e.stopPropagation();\n    this.toggle();\n  };\n\n  private handleFocus = () => {\n    this.show();\n  };\n\n  private handleBlur = () => {\n    this.hide();\n  };\n\n  private clearTimeouts() {\n    if (this.showTimeout) {\n      clearTimeout(this.showTimeout);\n      this.showTimeout = undefined;\n    }\n    if (this.hideTimeout) {\n      clearTimeout(this.hideTimeout);\n      this.hideTimeout = undefined;\n    }\n  }\n\n  private async updatePosition() {\n    if (!this.targetEl || !this.floatingEl || !this.isVisible) return;\n\n    // Use autoPlacement only for bottom-start (dropdown default)\n    // For other placements, respect the manual placement with flip fallback\n    // const useAutoPlacement = this.placement === 'bottom-start';\n\n    const middleware = [\n      offset(this.offset),\n      // useAutoPlacement\n      //   ? autoPlacement({\n      //       allowedPlacements: ['bottom-start', 'bottom-end', 'bottom', 'top-start', 'top-end', 'top', 'right-start', 'right-end', 'right', 'left-start', 'left-end', 'left'],\n      //       boundary: document.body,\n      //     })\n      //   :\n      flip({\n        fallbackPlacements: ['top', 'bottom', 'left', 'right', 'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-start', 'left-end', 'right-start', 'right-end'],\n      }),\n      shift({\n        padding: 8,\n      }),\n    ];\n\n    const { x, y, placement } = await computePosition(this.targetEl, this.floatingEl, {\n      placement: this.placement,\n      middleware,\n      strategy: 'fixed',\n    });\n\n    Object.assign(this.floatingEl.style, {\n      left: `${x}px`,\n      top: `${y}px`,\n      zIndex: this.zIndex.toString(),\n    });\n\n    // Update arrow if enabled\n    if (this.arrow) {\n      this.updateArrow(placement);\n    }\n  }\n\n  private updateArrow(placement: Placement) {\n    const arrow = this.floatingEl?.querySelector('.floating-arrow') as HTMLElement;\n    if (!arrow) return;\n\n    // Remove all arrow classes\n    arrow.className = 'floating-arrow';\n\n    // Add placement-specific class\n    const side = placement.split('-')[0];\n    arrow.classList.add(`arrow-${side}`);\n  }\n\n  @Method()\n  async show(): Promise<void> {\n    if (this.disabled || this.isVisible) return;\n\n    this.bcmShow.emit();\n\n    // Portalling: Move the floating element to the body\n    if (this.appendToBody && this.floatingEl) {\n      this.originalParent = this.floatingEl.parentNode;\n      this.originalNextSibling = this.floatingEl.nextSibling;\n      document.body.appendChild(this.floatingEl);\n    }\n\n    this.isVisible = true;\n\n    // Use requestAnimationFrame to ensure the element is visible before positioning\n    await new Promise(resolve => requestAnimationFrame(resolve));\n    await this.updatePosition();\n  }\n\n  @Method()\n  async hide(): Promise<void> {\n    if (!this.isVisible) return;\n\n    this.bcmHide.emit();\n    this.isVisible = false;\n\n    // Portalling: Restore the floating element to its original position\n    if (this.appendToBody && this.floatingEl && this.originalParent) {\n      if (this.originalNextSibling) {\n        this.originalParent.insertBefore(this.floatingEl, this.originalNextSibling);\n      } else {\n        this.originalParent.appendChild(this.floatingEl);\n      }\n      this.originalParent = undefined;\n      this.originalNextSibling = undefined;\n    }\n\n    if (this.destroyOnHide && this.floatingEl && this.floatingEl.parentNode) {\n      this.floatingEl.parentNode.removeChild(this.floatingEl);\n    }\n  }\n\n  @Method()\n  async toggle(): Promise<void> {\n    if (this.isVisible) {\n      await this.hide();\n    } else {\n      await this.show();\n    }\n  }\n\n  @Method()\n  async updatePositioning(): Promise<void> {\n    await this.updatePosition();\n  }\n\n  private setupFloatingObserver() {\n    if (!this.floatingEl) return;\n\n    // Observe floating element size changes for position updates\n    this.resizeObserver = new ResizeObserver(() => {\n      if (this.isVisible) {\n        this.updatePosition();\n      }\n    });\n\n    this.resizeObserver.observe(this.floatingEl);\n  }\n\n  render() {\n    const floatingClasses = {\n      'floating-content': true,\n      'floating-visible': this.isVisible,\n      'floating-hidden': !this.isVisible,\n      'floating-with-arrow': this.arrow,\n      'floating-destroy-on-hide': this.destroyOnHide,\n    };\n\n    return (\n      <Host>\n        <div\n          class={floatingClasses}\n          style={{\n            position: 'fixed',\n            top: '0px',\n            left: '0px',\n            zIndex: this.zIndex.toString(),\n            display: this.isVisible ? 'block' : 'none',\n            visibility: this.isVisible ? 'visible' : 'hidden',\n            opacity: this.isVisible ? '1' : '0',\n            pointerEvents: this.isVisible ? 'auto' : 'none',\n          }}\n        >\n          {this.arrow && <div class=\"floating-arrow\" />}\n          <div class=\"floating-wrapper\">\n            <slot></slot>\n          </div>\n        </div>\n        <div style={{ display: 'none' }}>\n          <slot name=\"fallback\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gIAAA,MAAMA,EAAY,yyF,MCULC,EAAS,MALtB,WAAAC,CAAAC,G,oJAaUC,KAAOC,QAAgB,QACvBD,KAASE,UAAc,eAGvBF,KAASG,UAAW,EACpBH,KAASI,UAAW,EAGpBJ,KAAMK,OAAW,EACjBL,KAAKM,MAAY,MACjBN,KAAQO,SAAY,MAGpBP,KAAMQ,OAAW,IACjBR,KAAYS,aAAY,MACxBT,KAAaU,cAAY,MAGxBV,KAASW,UAAY,MACrBX,KAAOY,QAAY,MAiKpBZ,KAAgBa,iBAAG,KACzBb,KAAKc,gBACL,GAAId,KAAKG,UAAY,EAAG,CACtBH,KAAKe,YAAcC,YAAW,IAAMhB,KAAKiB,QAAQjB,KAAKG,U,KACjD,CACLH,KAAKiB,M,GAIDjB,KAAgBkB,iBAAG,KACzBlB,KAAKc,gBACL,GAAId,KAAKI,UAAY,EAAG,CACtBJ,KAAKmB,YAAcH,YAAW,IAAMhB,KAAKoB,QAAQpB,KAAKI,U,KACjD,CACLJ,KAAKoB,M,GAIDpB,KAAwBqB,yBAAG,KACjCrB,KAAKc,eAAe,EAGdd,KAAwBsB,yBAAG,KACjCtB,KAAKc,gBACL,GAAId,KAAKI,UAAY,EAAG,CACtBJ,KAAKmB,YAAcH,YAAW,IAAMhB,KAAKoB,QAAQpB,KAAKI,U,KACjD,CACLJ,KAAKoB,M,GAIDpB,KAAAuB,YAAeC,IACrBA,EAAEC,kBACFzB,KAAK0B,QAAQ,EAGP1B,KAAW2B,YAAG,KACpB3B,KAAKiB,MAAM,EAGLjB,KAAU4B,WAAG,KACnB5B,KAAKoB,MAAM,CA4Kd,CAhWC,WAAAS,GACE7B,KAAK8B,mBACL9B,KAAK+B,e,CAIP,kBAAAC,CAAmBC,GACjB,GAAIA,EAAU,CACZjC,KAAKkC,iBACLlC,KAAKmC,SAASC,M,KACT,CACLpC,KAAKqC,UAAUD,M,EAInB,sBAAME,SAEE,IAAIC,SAAQC,GAAWC,sBAAsBD,KAEnDxC,KAAK0C,WAAa1C,KAAK2C,KAAKC,cAAc,qBAE1C,GAAI5C,KAAK0C,WAAY,CACnB1C,KAAKY,QAAU,KACfZ,KAAK+B,gBACL/B,KAAK6C,wBACLC,QAAQC,IAAI,wC,KACP,CACLD,QAAQE,MAAM,6C,EAIlB,oBAAAC,G,QACEjD,KAAK8B,mBACL9B,KAAKc,iBACLoC,EAAAlD,KAAKmD,WAAO,MAAAD,SAAA,SAAAA,EAAAE,KAAApD,OACZqD,EAAArD,KAAKsD,kBAAgB,MAAAD,SAAA,SAAAA,EAAAE,aAGrB,GAAIvD,KAAKS,cAAgBT,KAAK0C,YAAc1C,KAAKwD,eAAgB,CAC/DxD,KAAKwD,eAAeC,YAAYzD,KAAK0C,W,EAIjC,aAAAX,GACN,IAAK/B,KAAKY,QAAS,OAGnBZ,KAAK0D,SACH1D,KAAK2D,gBAAkB3D,KAAK4D,SAAWC,SAASC,eAAe9D,KAAK4D,UAAY,OAAU5D,KAAK2C,KAAKoB,wBAA0C/D,KAAK2C,KAAKqB,cAE1J,IAAKhE,KAAK0D,SAAU,CAClBZ,QAAQmB,KAAK,uCACb,M,CAIFjE,KAAKkE,sBAGL,GAAIlE,KAAK0D,UAAY1D,KAAK0C,WAAY,CACpC1C,KAAKmD,QAAUgB,EAAWnE,KAAK0D,SAAU1D,KAAK0C,YAAY,KACxD,GAAI1C,KAAKW,UAAW,CAClBX,KAAKkC,gB,KAMXlC,KAAKsD,eAAiB,IAAIc,gBAAe,KACvC,GAAIpE,KAAKW,UAAW,CAClBX,KAAKkC,gB,KAGTlC,KAAKsD,eAAee,QAAQrE,KAAK0C,W,CAG3B,gBAAAZ,G,QACN,GAAI9B,KAAK0D,SAAU,CACjB1D,KAAKsE,sB,EAEPpB,EAAAlD,KAAKmD,WAAO,MAAAD,SAAA,SAAAA,EAAAE,KAAApD,OACZqD,EAAArD,KAAKsD,kBAAgB,MAAAD,SAAA,SAAAA,EAAAE,Y,CAGf,mBAAAW,G,QACN,IAAKlE,KAAK0D,UAAY1D,KAAKO,SAAU,OAErC,OAAQP,KAAKC,SACX,IAAK,QACHD,KAAK0D,SAASa,iBAAiB,aAAcvE,KAAKa,kBAClDb,KAAK0D,SAASa,iBAAiB,aAAcvE,KAAKkB,mBAClDgC,EAAAlD,KAAK0C,cAAU,MAAAQ,SAAA,SAAAA,EAAEqB,iBAAiB,aAAcvE,KAAKqB,2BACrDgC,EAAArD,KAAK0C,cAAU,MAAAW,SAAA,SAAAA,EAAEkB,iBAAiB,aAAcvE,KAAKsB,0BACrD,MAEF,IAAK,QACHtB,KAAK0D,SAASa,iBAAiB,QAASvE,KAAKuB,aAC7CvB,KAAKwE,oBACL,MAEF,IAAK,QACHxE,KAAK0D,SAASa,iBAAiB,QAASvE,KAAK2B,aAC7C3B,KAAK0D,SAASa,iBAAiB,OAAQvE,KAAK4B,YAC5C,M,CAIE,oBAAA0C,G,QACN,IAAKtE,KAAK0D,SAAU,OAEpB1D,KAAK0D,SAASe,oBAAoB,aAAczE,KAAKa,kBACrDb,KAAK0D,SAASe,oBAAoB,aAAczE,KAAKkB,kBACrDlB,KAAK0D,SAASe,oBAAoB,QAASzE,KAAKuB,aAChDvB,KAAK0D,SAASe,oBAAoB,QAASzE,KAAK2B,aAChD3B,KAAK0D,SAASe,oBAAoB,OAAQzE,KAAK4B,aAE/CsB,EAAAlD,KAAK0C,cAAU,MAAAQ,SAAA,SAAAA,EAAEuB,oBAAoB,aAAczE,KAAKqB,2BACxDgC,EAAArD,KAAK0C,cAAU,MAAAW,SAAA,SAAAA,EAAEoB,oBAAoB,aAAczE,KAAKsB,0BAExDtB,KAAK0E,oB,CAGC,iBAAAF,GACNxE,KAAK2E,oBAAuBnD,I,QAC1B,MAAMoD,EAASpD,EAAEoD,OACjB,MAAK1B,EAAAlD,KAAK0C,cAAY,MAAAQ,SAAA,SAAAA,EAAA2B,SAASD,QAAYvB,EAAArD,KAAK0D,YAAQ,MAAAL,SAAA,SAAAA,EAAEwB,SAASD,MAAY5E,KAAK2C,KAAKkC,SAASD,GAAS,CACzG5E,KAAKoB,M,GAGTyC,SAASU,iBAAiB,QAASvE,KAAK2E,oBAAqB,K,CAGvD,kBAAAD,GACN,GAAI1E,KAAK2E,oBAAqB,CAC5Bd,SAASY,oBAAoB,QAASzE,KAAK2E,oBAAqB,MAChE3E,KAAK2E,oBAAsBG,S,EAgDvB,aAAAhE,GACN,GAAId,KAAKe,YAAa,CACpBgE,aAAa/E,KAAKe,aAClBf,KAAKe,YAAc+D,S,CAErB,GAAI9E,KAAKmB,YAAa,CACpB4D,aAAa/E,KAAKmB,aAClBnB,KAAKmB,YAAc2D,S,EAIf,oBAAM5C,GACZ,IAAKlC,KAAK0D,WAAa1D,KAAK0C,aAAe1C,KAAKW,UAAW,OAM3D,MAAMqE,EAAa,CACjB3E,EAAOL,KAAKK,QAOZ4E,EAAK,CACHC,mBAAoB,CAAC,MAAO,SAAU,OAAQ,QAAS,YAAa,UAAW,eAAgB,aAAc,aAAc,WAAY,cAAe,eAExJC,EAAM,CACJC,QAAS,KAIb,MAAMC,EAAEA,EAACC,EAAEA,EAACpF,UAAEA,SAAoBqF,EAAgBvF,KAAK0D,SAAU1D,KAAK0C,WAAY,CAChFxC,UAAWF,KAAKE,UAChB8E,aACAQ,SAAU,UAGZC,OAAOC,OAAO1F,KAAK0C,WAAWiD,MAAO,CACnCC,KAAM,GAAGP,MACTQ,IAAK,GAAGP,MACR9E,OAAQR,KAAKQ,OAAOsF,aAItB,GAAI9F,KAAKM,MAAO,CACdN,KAAK+F,YAAY7F,E,EAIb,WAAA6F,CAAY7F,G,MAClB,MAAMI,GAAQ4C,EAAAlD,KAAK0C,cAAU,MAAAQ,SAAA,SAAAA,EAAEN,cAAc,mBAC7C,IAAKtC,EAAO,OAGZA,EAAM0F,UAAY,iBAGlB,MAAMC,EAAO/F,EAAUgG,MAAM,KAAK,GAClC5F,EAAM6F,UAAUC,IAAI,SAASH,I,CAI/B,UAAMhF,GACJ,GAAIjB,KAAKO,UAAYP,KAAKW,UAAW,OAErCX,KAAKqG,QAAQjE,OAGb,GAAIpC,KAAKS,cAAgBT,KAAK0C,WAAY,CACxC1C,KAAKwD,eAAiBxD,KAAK0C,WAAW4D,WACtCtG,KAAKuG,oBAAsBvG,KAAK0C,WAAW8D,YAC3C3C,SAAS4C,KAAKhD,YAAYzD,KAAK0C,W,CAGjC1C,KAAKW,UAAY,WAGX,IAAI4B,SAAQC,GAAWC,sBAAsBD,WAC7CxC,KAAKkC,gB,CAIb,UAAMd,GACJ,IAAKpB,KAAKW,UAAW,OAErBX,KAAK0G,QAAQtE,OACbpC,KAAKW,UAAY,MAGjB,GAAIX,KAAKS,cAAgBT,KAAK0C,YAAc1C,KAAKwD,eAAgB,CAC/D,GAAIxD,KAAKuG,oBAAqB,CAC5BvG,KAAKwD,eAAemD,aAAa3G,KAAK0C,WAAY1C,KAAKuG,oB,KAClD,CACLvG,KAAKwD,eAAeC,YAAYzD,KAAK0C,W,CAEvC1C,KAAKwD,eAAiBsB,UACtB9E,KAAKuG,oBAAsBzB,S,CAG7B,GAAI9E,KAAKU,eAAiBV,KAAK0C,YAAc1C,KAAK0C,WAAW4D,WAAY,CACvEtG,KAAK0C,WAAW4D,WAAWM,YAAY5G,KAAK0C,W,EAKhD,YAAMhB,GACJ,GAAI1B,KAAKW,UAAW,OACZX,KAAKoB,M,KACN,OACCpB,KAAKiB,M,EAKf,uBAAM4F,SACE7G,KAAKkC,gB,CAGL,qBAAAW,GACN,IAAK7C,KAAK0C,WAAY,OAGtB1C,KAAKsD,eAAiB,IAAIc,gBAAe,KACvC,GAAIpE,KAAKW,UAAW,CAClBX,KAAKkC,gB,KAITlC,KAAKsD,eAAee,QAAQrE,KAAK0C,W,CAGnC,MAAAoE,GACE,MAAMC,EAAkB,CACtB,mBAAoB,KACpB,mBAAoB/G,KAAKW,UACzB,mBAAoBX,KAAKW,UACzB,sBAAuBX,KAAKM,MAC5B,2BAA4BN,KAAKU,eAGnC,OACEsG,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CACEC,MAAOJ,EACPpB,MAAO,CACLyB,SAAU,QACVvB,IAAK,MACLD,KAAM,MACNpF,OAAQR,KAAKQ,OAAOsF,WACpBuB,QAASrH,KAAKW,UAAY,QAAU,OACpC2G,WAAYtH,KAAKW,UAAY,UAAY,SACzC4G,QAASvH,KAAKW,UAAY,IAAM,IAChC6G,cAAexH,KAAKW,UAAY,OAAS,SAG1CX,KAAKM,OAAS0G,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBAC1BH,EAAK,OAAAE,IAAA,2CAAAC,MAAM,oBACTH,EAAA,QAAAE,IAAA,+CAGJF,EAAA,OAAAE,IAAA,2CAAKvB,MAAO,CAAE0B,QAAS,SACrBL,EAAA,QAAAE,IAAA,2CAAMO,KAAK,c","ignoreList":[]}

package/dist/bromcom-ui/{p-2cce1424.entry.js → p-4eef9825.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t}from"./p-B84DzIAh.js";import{t as i}from"./p-CEcVC0yX.js";const a=":host{--bcm-badge-bg:var(--bcm-ui-color-background-default-default);--bcm-badge-text:var(--bcm-ui-color-text-default);--bcm-badge-radius:9999px;display:inline-flex;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content}.badge-content{color:var(--bcm-badge-text);font-weight:500}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.inline-flex{display:inline-flex}.size-1{height:.25rem;width:.25rem}.size-1\\.5{height:.375rem;width:.375rem}.size-2{height:.5rem;width:.5rem}.select-none{user-select:none}.items-center{align-items:center}.justify-center{justify-content:center}.gap-0{gap:0}.whitespace-nowrap{white-space:nowrap}.rounded-\\[--bcm-badge-radius\\]{border-radius:var(--bcm-badge-radius)}.bg-\\[--bcm-badge-bg\\]{background-color:var(--bcm-badge-bg)}.p-0{padding:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[0px\\]{font-size:0}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.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}.leading-none{line-height:1}.text-\\[--bcm-badge-text\\]{color:var(--bcm-badge-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)}";const s=class{constructor(t){e(this,t);this.size="medium";this.variant="text";this.soft=false;this.classes=i({base:"badge bcm-ui-element inline-flex items-center justify-center whitespace-nowrap select-none font-medium bg-[--bcm-badge-bg] text-[--bcm-badge-text] rounded-[--bcm-badge-radius]",variants:{size:{small:"px-1 text-size-3",medium:"py-0.5 px-1.5 text-size-4",large:"py-1 px-2 text-size-5"},variant:{dot:"gap-0 p-0 text-[0px] leading-none",text:""}},compoundVariants:[{variant:"dot",size:"small",class:"size-1"},{variant:"dot",size:"medium",class:"size-1.5"},{variant:"dot",size:"large",class:"size-2"}],defaultVariants:{variant:"text",size:"medium",blink:false}})}get badgeStyle(){if(!this.color)return{};const e=this.soft?"palette":"vivid";return{"--bcm-badge-bg":`var(--bcm-ui-color-background-${e}-${this.color}-default)`,"--bcm-badge-text":this.soft?`var(--bcm-ui-color-text-palette-${this.color})`:"var(--bcm-ui-color-text-base)"}}render(){return t("span",{key:"bfbf8ca56ea7e47a7ae8905ba85e851241a847e4",part:"base",role:"status","aria-live":"polite",style:this.badgeStyle,class:this.classes({size:this.size,variant:this.variant})},this.variant==="text"&&t("span",{key:"7f752ae67fe7eff49c9e95fb2fd5043223e1beb8",class:"badge-content"},t("slot",{key:"25cc949858b1c39614be77f4f06cd98a7ce5a62a"})))}};s.style=a;export{s as bcm_basic_badge};
-//# sourceMappingURL=p-2cce1424.entry.js.map
+import{r as e,h as t}from"./p-DCguxqPb.js";import{t as i}from"./p-CEcVC0yX.js";const a=":host{--bcm-badge-bg:var(--bcm-ui-color-background-default-default);--bcm-badge-text:var(--bcm-ui-color-text-default);--bcm-badge-radius:9999px;display:inline-flex;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content}.badge-content{color:var(--bcm-badge-text);font-weight:500}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.inline-flex{display:inline-flex}.size-1{height:.25rem;width:.25rem}.size-1\\.5{height:.375rem;width:.375rem}.size-2{height:.5rem;width:.5rem}.select-none{user-select:none}.items-center{align-items:center}.justify-center{justify-content:center}.gap-0{gap:0}.whitespace-nowrap{white-space:nowrap}.rounded-\\[--bcm-badge-radius\\]{border-radius:var(--bcm-badge-radius)}.bg-\\[--bcm-badge-bg\\]{background-color:var(--bcm-badge-bg)}.p-0{padding:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[0px\\]{font-size:0}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.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}.leading-none{line-height:1}.text-\\[--bcm-badge-text\\]{color:var(--bcm-badge-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)}";const s=class{constructor(t){e(this,t);this.size="medium";this.variant="text";this.soft=false;this.classes=i({base:"badge bcm-ui-element inline-flex items-center justify-center whitespace-nowrap select-none font-medium bg-[--bcm-badge-bg] text-[--bcm-badge-text] rounded-[--bcm-badge-radius]",variants:{size:{small:"px-1 text-size-3",medium:"py-0.5 px-1.5 text-size-4",large:"py-1 px-2 text-size-5"},variant:{dot:"gap-0 p-0 text-[0px] leading-none",text:""}},compoundVariants:[{variant:"dot",size:"small",class:"size-1"},{variant:"dot",size:"medium",class:"size-1.5"},{variant:"dot",size:"large",class:"size-2"}],defaultVariants:{variant:"text",size:"medium",blink:false}})}get badgeStyle(){if(!this.color)return{};const e=this.soft?"palette":"vivid";return{"--bcm-badge-bg":`var(--bcm-ui-color-background-${e}-${this.color}-default)`,"--bcm-badge-text":this.soft?`var(--bcm-ui-color-text-palette-${this.color})`:"var(--bcm-ui-color-text-base)"}}render(){return t("span",{key:"c0b2efa62977ff8a63f1aee47dc30d2591c3034a",part:"base",role:"status","aria-live":"polite",style:this.badgeStyle,class:this.classes({size:this.size,variant:this.variant})},this.variant==="text"&&t("span",{key:"1e1b7c171f0ad0b217a7fc19fa8915ca987d7153",class:"badge-content"},t("slot",{key:"e8d3d89c8b510df67966baff42998cd2c7f0493a"})))}};s.style=a;export{s as bcm_basic_badge};
+//# sourceMappingURL=p-4eef9825.entry.js.map

package/dist/bromcom-ui/{p-ead5a030.entry.js → p-5a9ea12e.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as i,F as a,a as o}from"./p-B84DzIAh.js";import{c as r,o as s,f as n,s as c,a as d}from"./p-DxMLMJ3r.js";import{t as l}from"./p-CEcVC0yX.js";const h=".absolute{position:absolute}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.text-wrap{text-wrap:wrap}:host{--popover-bg:var(--bcm-ui-color-background-basic-panel);--popover-radius:6px;--popover-text-color:var(--bcm-ui-color-text-basic);display:inline-block}.arrow{background:var(--arrow-color);clip-path:polygon(50% 0,100% 100%,0 100%);position:absolute;z-index:1}.arrow.top{transform:rotate(180deg)}.arrow.bottom{transform:rotate(0deg)}.arrow.right{transform:rotate(-90deg)}.arrow.left{transform:rotate(90deg)}::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,sans-serif}.static{position:static}.relative{position:relative}.z-\\[9999\\]{z-index:9999}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.hidden{display:none}.size-6{height:1.5rem;width:1.5rem}.h-2{height:.5rem}.w-4{width:1rem}.w-full{width:100%}.max-w-64{max-width:16rem}.max-w-80{max-width:20rem}.max-w-96{max-width:24rem}.flex-1{flex:1 1 0%}.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}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.text-pretty{text-wrap:pretty}.rounded-\\[--popover-radius\\]{border-radius:var(--popover-radius)}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--popover-bg\\]{background-color:var(--popover-bg)}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.font-sans{font-family:Inter,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)}.text-size-inherit{font-size:inherit;line-height:inherit}.font-semibold{font-weight:600}.\\!text-color-header{color:var(--bcm-ui-color-text-header)!important}.text-\\[--text-color\\]{color:var(--text-color)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-2{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2{--tw-shadow:var(--bcm-ui-box-shadow-2);--tw-shadow-colored:var(--bcm-ui-box-shadow-2)}.outline{outline-style:solid}.hover\\:bg-gray-100:hover{background-color:oklch(.967 .003 264.542)}";const f={info:"fa-solid fa-circle-info",success:"fa-solid fa-circle-check",warning:"fa-solid fa-triangle-exclamation",error:"fa-solid fa-circle-x"};const m=class{constructor(i){e(this,i);this.bcmConfirm=t(this,"bcmConfirm",1);this.bcmCancel=t(this,"bcmCancel",1);this.arrowColor="var(--bcm-ui-color-background-basic-panel)";this.cancelText="Cancel";this.confirmText="Yes";this.description="";this.headerText="";this.placement="bottom";this.size="medium";this.status="info";this.statusIcon=true;this.isOpen=false;this.handleTriggerClick=e=>{e.preventDefault();e.stopPropagation();if(!this.isOpen){this.isOpen=true;requestAnimationFrame((()=>{this.updatePosition()}))}};this.handleConfirm=e=>{e.preventDefault();e.stopPropagation();this.isOpen=false;this.bcmConfirm.emit()};this.handleCancel=e=>{e.preventDefault();e.stopPropagation();this.isOpen=false;this.bcmCancel.emit()};this.updatePosition=async()=>{if(!this.triggerElement||!this.popoverElement||!this.arrowElement)return;const{x:e,y:t,placement:i,middlewareData:a}=await r(this.triggerElement,this.popoverElement,{placement:this.placement,middleware:[s(12),n({fallbackPlacements:["top","left","bottom","right"]}),c({padding:8}),d({element:this.arrowElement})]});this.currentPlacement=i;Object.assign(this.popoverElement.style,{left:`${e}px`,top:`${t}px`});const{x:o,y:l}=a.arrow||{x:0,y:0};const h=i.split("-")[0];const f={top:"bottom",right:"left",bottom:"top",left:"right"}[h];Object.assign(this.arrowElement.style,{left:o!=null?`${o}px`:"",top:l!=null?`${l}px`:"",[f]:["top","bottom"].includes(h)?"-8px":"-12px"})};this.classes=l({slots:{container:"absolute bcm-ui-element flex flex-col shadow-2 rounded-[--popover-radius] bg-[--popover-bg] z-[9999] w-full",header:"flex justify-between items-center",headerLeftContent:"flex items-center gap-2 text-size-inherit text-[--text-color]",closeIconArea:"flex flex-row gap-2 size-6 items-center justify-center hover:bg-gray-100 rounded-full cursor-pointer text-size-inherit",titleContainer:"!text-color-header font-semibold",footer:"flex flex-row justify-end gap-2"},variants:{size:{small:{container:"text-size-4 max-w-64 p-4 gap-4",header:"text-size-4",footer:"text-size-4",titleContainer:"text-size-5",headerLeftContent:"gap-2"},medium:{container:"text-size-5 max-w-80 gap-6 p-6",header:"text-size-5",footer:"text-size-5",titleContainer:"text-size-6",headerLeftContent:"gap-2.5"},large:{container:"text-size-6 max-w-96 p-8 gap-8",header:"text-size-6",footer:"text-size-6",titleContainer:"text-size-7",headerLeftContent:"gap-3"}}},defaultVariants:{size:"medium"}})}componentDidLoad(){this.triggerElement=document.getElementById(this.targetId);if(!this.triggerElement){console.warn(`Target element with ID '${this.targetId}' not found.`);return}this.triggerElement.addEventListener("click",this.handleTriggerClick)}async show(){this.isOpen=true;requestAnimationFrame((()=>{this.updatePosition()}))}async hide(){this.isOpen=false}get popoverStyle(){return{"--text-color":`var(--bcm-ui-color-text-${this.status})`,"--arrow-color":this.arrowColor}}disconnectedCallback(){if(this.triggerElement){this.triggerElement.removeEventListener("click",this.handleTriggerClick)}}render(){var e;const{container:t,header:o,footer:r,headerLeftContent:s,closeIconArea:n,titleContainer:c}=this.classes({size:this.size});return i(a,{key:"256bba18a7185df003cf435e9c50bb3faf655bd3"},this.isOpen&&i("div",{key:"8557109b4b7bcd9242cad12e20ffbe2b9abc7cb1",role:"dialog","aria-labelledby":"pop-confirm-title",style:this.popoverStyle,class:t(),ref:e=>this.popoverElement=e},i("div",{key:"5233f27cec248cf1e6f0ee50d0cd7b9302b68de7",ref:e=>this.arrowElement=e,class:`arrow w-4 h-2 ${(e=this.currentPlacement)!==null&&e!==void 0?e:"top"}`}),i("header",{key:"78fc2b3ccada895c52fef483ab8263eedb29cef4",class:o()},i("div",{key:"104d8cc9c1e2256f8be5ea127e22a3114f1c0608",class:s()},this.statusIcon&&i("bcm-icon",{key:"348e431869d73de73d243fe9432fca9f7d5bbe8a","icon-name":f[this.status]}),i("span",{key:"6b197fb03736b8b838e845f3cd9c13db64d2cb30",class:c()},this.headerText),i("slot",{key:"b7a08113f60b290b78223b95de1c897d839b9f2c",name:"header"})),i("div",{key:"c10afd851fcdffbf090f11b53ebccffeb582a1a3",class:n(),onClick:this.handleCancel},i("bcm-icon",{key:"77ec3e916624528f21314dab55f6fdc9cfed6b54","icon-name":"far fa-times"}))),i("main",{key:"714b0c73e0d71f45341fc9e9d2822cf6f6820c1d",class:"flex-1 mx-auto font-sans text-pretty"},i("slot",{key:"43a7c9fe77aec8273bdb9dbd45bdd34f66731d71",name:"body"},this.description)),i("footer",{key:"91020f742b01472c171451bda4d2ce97a30b5b1c",class:r()},i("bcm-button",{key:"f5395add9ad6aa471e0a7285f810892e6d1b04ad",kind:"outline",size:this.size,onClick:this.handleCancel},this.cancelText),i("bcm-button",{key:"0b8c99beb293cf560cf3c47446447194c288773a",size:this.size,status:this.status,kind:"primary",onClick:this.handleConfirm},this.confirmText),i("slot",{key:"f89db0835be4030896da14ab344f77c660061332",name:"footer"}))))}get el(){return o(this)}};m.style=h;export{m as bcm_pop_confirm};
-//# sourceMappingURL=p-ead5a030.entry.js.map
+import{r as e,c as t,h as i,F as a,a as o}from"./p-DCguxqPb.js";import{c as r,o as s,f as n,s as c,a as l}from"./p-DxMLMJ3r.js";import{t as d}from"./p-CEcVC0yX.js";const f=".absolute{position:absolute}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.text-wrap{text-wrap:wrap}:host{--popover-bg:var(--bcm-ui-color-background-basic-panel);--popover-radius:6px;--popover-text-color:var(--bcm-ui-color-text-basic);display:inline-block}.arrow{background:var(--arrow-color);clip-path:polygon(50% 0,100% 100%,0 100%);position:absolute;z-index:1}.arrow.top{transform:rotate(180deg)}.arrow.bottom{transform:rotate(0deg)}.arrow.right{transform:rotate(-90deg)}.arrow.left{transform:rotate(90deg)}::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,sans-serif}.static{position:static}.relative{position:relative}.z-\\[9999\\]{z-index:9999}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.hidden{display:none}.size-6{height:1.5rem;width:1.5rem}.h-2{height:.5rem}.w-4{width:1rem}.w-full{width:100%}.max-w-64{max-width:16rem}.max-w-80{max-width:20rem}.max-w-96{max-width:24rem}.flex-1{flex:1 1 0%}.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}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.text-pretty{text-wrap:pretty}.rounded-\\[--popover-radius\\]{border-radius:var(--popover-radius)}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--popover-bg\\]{background-color:var(--popover-bg)}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.font-sans{font-family:Inter,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)}.text-size-inherit{font-size:inherit;line-height:inherit}.font-semibold{font-weight:600}.\\!text-color-header{color:var(--bcm-ui-color-text-header)!important}.text-\\[--text-color\\]{color:var(--text-color)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-2{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2{--tw-shadow:var(--bcm-ui-box-shadow-2);--tw-shadow-colored:var(--bcm-ui-box-shadow-2)}.outline{outline-style:solid}.hover\\:bg-gray-100:hover{background-color:oklch(.967 .003 264.542)}";const h={info:"fa-solid fa-circle-info",success:"fa-solid fa-circle-check",warning:"fa-solid fa-triangle-exclamation",error:"fa-solid fa-circle-x"};const m=class{constructor(i){e(this,i);this.bcmConfirm=t(this,"bcmConfirm",1);this.bcmCancel=t(this,"bcmCancel",1);this.arrowColor="var(--bcm-ui-color-background-basic-panel)";this.cancelText="Cancel";this.confirmText="Yes";this.description="";this.headerText="";this.placement="bottom";this.size="medium";this.status="info";this.statusIcon=true;this.isOpen=false;this.handleTriggerClick=e=>{e.preventDefault();e.stopPropagation();if(!this.isOpen){this.isOpen=true;requestAnimationFrame((()=>{this.updatePosition()}))}};this.handleConfirm=e=>{e.preventDefault();e.stopPropagation();this.isOpen=false;this.bcmConfirm.emit()};this.handleCancel=e=>{e.preventDefault();e.stopPropagation();this.isOpen=false;this.bcmCancel.emit()};this.updatePosition=async()=>{if(!this.triggerElement||!this.popoverElement||!this.arrowElement)return;const{x:e,y:t,placement:i,middlewareData:a}=await r(this.triggerElement,this.popoverElement,{placement:this.placement,middleware:[s(12),n({fallbackPlacements:["top","left","bottom","right"]}),c({padding:8}),l({element:this.arrowElement})]});this.currentPlacement=i;Object.assign(this.popoverElement.style,{left:`${e}px`,top:`${t}px`});const{x:o,y:d}=a.arrow||{x:0,y:0};const f=i.split("-")[0];const h={top:"bottom",right:"left",bottom:"top",left:"right"}[f];Object.assign(this.arrowElement.style,{left:o!=null?`${o}px`:"",top:d!=null?`${d}px`:"",[h]:["top","bottom"].includes(f)?"-8px":"-12px"})};this.classes=d({slots:{container:"absolute bcm-ui-element flex flex-col shadow-2 rounded-[--popover-radius] bg-[--popover-bg] z-[9999] w-full",header:"flex justify-between items-center",headerLeftContent:"flex items-center gap-2 text-size-inherit text-[--text-color]",closeIconArea:"flex flex-row gap-2 size-6 items-center justify-center hover:bg-gray-100 rounded-full cursor-pointer text-size-inherit",titleContainer:"!text-color-header font-semibold",footer:"flex flex-row justify-end gap-2"},variants:{size:{small:{container:"text-size-4 max-w-64 p-4 gap-4",header:"text-size-4",footer:"text-size-4",titleContainer:"text-size-5",headerLeftContent:"gap-2"},medium:{container:"text-size-5 max-w-80 gap-6 p-6",header:"text-size-5",footer:"text-size-5",titleContainer:"text-size-6",headerLeftContent:"gap-2.5"},large:{container:"text-size-6 max-w-96 p-8 gap-8",header:"text-size-6",footer:"text-size-6",titleContainer:"text-size-7",headerLeftContent:"gap-3"}}},defaultVariants:{size:"medium"}})}componentDidLoad(){this.triggerElement=document.getElementById(this.targetId);if(!this.triggerElement){console.warn(`Target element with ID '${this.targetId}' not found.`);return}this.triggerElement.addEventListener("click",this.handleTriggerClick)}async show(){this.isOpen=true;requestAnimationFrame((()=>{this.updatePosition()}))}async hide(){this.isOpen=false}get popoverStyle(){return{"--text-color":`var(--bcm-ui-color-text-${this.status})`,"--arrow-color":this.arrowColor}}disconnectedCallback(){if(this.triggerElement){this.triggerElement.removeEventListener("click",this.handleTriggerClick)}}render(){var e;const{container:t,header:o,footer:r,headerLeftContent:s,closeIconArea:n,titleContainer:c}=this.classes({size:this.size});return i(a,{key:"86c517640fafd1c8c6826b85c2b6210ef51fb8a3"},this.isOpen&&i("div",{key:"c6c04b088ddf54834208cfb353ad205784c3f43b",role:"dialog","aria-labelledby":"pop-confirm-title",style:this.popoverStyle,class:t(),ref:e=>this.popoverElement=e},i("div",{key:"2333829cfb8a5bc0f36d6ecf48d7e768b2c5c871",ref:e=>this.arrowElement=e,class:`arrow w-4 h-2 ${(e=this.currentPlacement)!==null&&e!==void 0?e:"top"}`}),i("header",{key:"d0978abfe687e8eb13b8ea29ff05d0ccb0a060a4",class:o()},i("div",{key:"9d648868414279f9d0494f329e5f20c1a18dd83c",class:s()},this.statusIcon&&i("bcm-icon",{key:"e0caaa164bad82bf321e7706e534d07de45caee2","icon-name":h[this.status]}),i("span",{key:"34b24b04e00a89098a727725998647b4cfaf6fda",class:c()},this.headerText),i("slot",{key:"04422666023fa5a7e912a29d406ff7a9d4b0ec23",name:"header"})),i("div",{key:"4d6387833461db35148ff1f91de430d1b3b4ae0a",class:n(),onClick:this.handleCancel},i("bcm-icon",{key:"04214951b966c79f4661db005255ab7ee58cb347","icon-name":"far fa-times"}))),i("main",{key:"7df82cffa20da608e2f4026b89c390eeede5f305",class:"flex-1 mx-auto font-sans text-pretty"},i("slot",{key:"7f045ed1b27608865cb0ae0c6fd24fc07220129d",name:"body"},this.description)),i("footer",{key:"5c3d3c2436c24739f7900841c7d7025cc011ee17",class:r()},i("bcm-button",{key:"5f8bdfe07adeb25a6fa8111ea32e3439e391a546",kind:"outline",size:this.size,onClick:this.handleCancel},this.cancelText),i("bcm-button",{key:"9920702fb5bcef61f11e7cf2730344f0e4c17b5f",size:this.size,status:this.status,kind:"primary",onClick:this.handleConfirm},this.confirmText),i("slot",{key:"dde6cc0979b5e7994f92c9afa0444d86ff9585cd",name:"footer"}))))}get el(){return o(this)}};m.style=f;export{m as bcm_pop_confirm};
+//# sourceMappingURL=p-5a9ea12e.entry.js.map

package/dist/bromcom-ui/p-6043ee4b.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as e,h as t,H as d,a}from"./p-DCguxqPb.js";import{t as i}from"./p-CEcVC0yX.js";const s=".visible{visibility:visible}.hidden{display:none}.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}";const r=class{constructor(t){o(this,t);this.bcmDropdownChange=e(this,"bcmDropdownChange",1);this.isReady=false;this.dropdownItems=[];this.dropdownClass=i({base:"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"});this.handleSlotChange=()=>{this.dropdownItems=Array.from(this.host.querySelectorAll("bcm-dropdown-item"));if(this.dropdownItems.length===0){console.warn("No dropdown items found in dropdown component")}}}componentDidLoad(){const o=this.host.shadowRoot.querySelector("bcm-button");if(o){this.buttonRef=o;this.isReady=true}}handleDropdownItemChange(o){var e;const{element:t,selected:d}=o===null||o===void 0?void 0:o.detail;(e=this.dropdownItems)===null||e===void 0?void 0:e.forEach((o=>{if(o!=t){o.selected=false}}));this.bcmDropdownChange.emit({element:t,selected:d})}render(){return t(d,{key:"4bbcd189c404f57d7ac411eb98da8dbd2b6d3b30"},t("bcm-button",{key:"7e571fa321148576cd191a16ffc5bc6c03cdbcd7",kind:"outline"},t("span",{key:"769d43e0dee2c9a0e5b639d1150da63f9f7ff8fd",part:"text"},this.text)),this.isReady&&t("bcm-linked",{key:"220d1c248fee2365150ba58de5065c3f748fe15b",targetElement:this.buttonRef},t("div",{key:"8579fa56fb51741071f646412c5fffd069ba557e",part:"dropdown-container",class:this.dropdownClass()},t("slot",{key:"a94646e1a3f85f9c305d0dd01c8f70467b759fe8",onSlotchange:this.handleSlotChange}))))}get host(){return a(this)}};r.style=s;export{r as bcm_dropdown};
+//# sourceMappingURL=p-6043ee4b.entry.js.map

package/dist/bromcom-ui/p-6043ee4b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dropdownCss","Dropdown","constructor","hostRef","this","isReady","dropdownItems","dropdownClass","tv","base","handleSlotChange","Array","from","host","querySelectorAll","length","console","warn","componentDidLoad","button","shadowRoot","querySelector","buttonRef","handleDropdownItemChange","event","element","selected","detail","_a","forEach","item","bcmDropdownChange","emit","render","h","Host","key","kind","part","text","targetElement","class","onSlotchange"],"sources":["src/components/dropdown/dropdown.css?tag=bcm-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.component.tsx"],"sourcesContent":["/* :host {\n  --dropdown-box-min-weight: 32px;\n  --dropdown-box-max-width: 384px;\n  --dropdown-box-max-height: 384px;\n  --dropdown-box-background-color: var(--bcm-ui-color-background-basic-panel);\n} */\n/* \n.scroll {\n  height: 140px;\n  width: 140px;\n  overflow-y: auto;\n}\n\n.scroll:active::-webkit-scrollbar-thumb,\n.scroll:focus::-webkit-scrollbar-thumb,\n.scroll:hover::-webkit-scrollbar-thumb {\n  visibility: visible;\n}\n.scroll::-webkit-scrollbar-thumb {\n  background-color: darkgrey;\n  visibility: hidden;\n}\n\n.scroll::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n} */\n","import { Component, ComponentInterface, h, Prop, State, Element, Host, Event, EventEmitter, Listen } from '@stencil/core';\nimport { tv } from '@utils/tv';\n\n@Component({\n  tag: 'bcm-dropdown',\n  styleUrl: 'dropdown.css',\n  shadow: true,\n})\nexport class Dropdown implements ComponentInterface {\n  @Element() host: HTMLElement;\n\n  @Prop() text?: string;\n\n  @State() isReady: boolean = false;\n\n  @State() dropdownItems: HTMLBcmDropdownItemElement[] = [];\n\n  protected buttonRef?: HTMLBcmButtonElement;\n\n  @Event({\n    composed: false,\n    bubbles: false,\n    cancelable: true,\n    eventName: 'bcmDropdownChange',\n  })\n  bcmDropdownChange: EventEmitter<any>;\n\n  componentDidLoad() {\n    const button = this.host.shadowRoot.querySelector('bcm-button') as HTMLBcmButtonElement;\n    if (button) {\n      this.buttonRef = button;\n      this.isReady = true;\n    }\n  }\n\n  @Listen('bcmDropDownItemChange', { capture: true })\n  handleDropdownItemChange(event: CustomEvent) {\n    const { element, selected } = event?.detail;\n\n    this.dropdownItems?.forEach(item => {\n      if (item != element) {\n        item.selected = false;\n      }\n    });\n\n    this.bcmDropdownChange.emit({\n      element: element,\n      selected,\n    });\n  }\n\n  private dropdownClass = tv({\n    base: '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',\n  });\n\n  private handleSlotChange = () => {\n    this.dropdownItems = Array.from(this.host.querySelectorAll('bcm-dropdown-item'));\n\n    if (this.dropdownItems.length === 0) {\n      console.warn('No dropdown items found in dropdown component');\n    }\n  };\n\n  render() {\n    return (\n      <Host>\n        <bcm-button kind=\"outline\">\n          <span part=\"text\">{this.text}</span>\n        </bcm-button>\n        {this.isReady && (\n          <bcm-linked targetElement={this.buttonRef}>\n            <div part=\"dropdown-container\" class={this.dropdownClass()}>\n              <slot onSlotchange={this.handleSlotChange}></slot>\n            </div>\n          </bcm-linked>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"+FAAA,MAAMA,EAAc,o0B,MCQPC,EAAQ,MALrB,WAAAC,CAAAC,G,+DAUWC,KAAOC,QAAY,MAEnBD,KAAaE,cAAiC,GAoC/CF,KAAaG,cAAGC,EAAG,CACzBC,KAAM,0IAGAL,KAAgBM,iBAAG,KACzBN,KAAKE,cAAgBK,MAAMC,KAAKR,KAAKS,KAAKC,iBAAiB,sBAE3D,GAAIV,KAAKE,cAAcS,SAAW,EAAG,CACnCC,QAAQC,KAAK,gD,EAoBlB,CApDC,gBAAAC,GACE,MAAMC,EAASf,KAAKS,KAAKO,WAAWC,cAAc,cAClD,GAAIF,EAAQ,CACVf,KAAKkB,UAAYH,EACjBf,KAAKC,QAAU,I,EAKnB,wBAAAkB,CAAyBC,G,MACvB,MAAMC,QAAEA,EAAOC,SAAEA,GAAaF,IAAK,MAALA,SAAK,SAALA,EAAOG,QAErCC,EAAAxB,KAAKE,iBAAa,MAAAsB,SAAA,SAAAA,EAAEC,SAAQC,IAC1B,GAAIA,GAAQL,EAAS,CACnBK,EAAKJ,SAAW,K,KAIpBtB,KAAK2B,kBAAkBC,KAAK,CAC1BP,QAASA,EACTC,Y,CAgBJ,MAAAO,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAY,cAAAE,IAAA,2CAAAC,KAAK,WACfH,EAAM,QAAAE,IAAA,2CAAAE,KAAK,QAAQlC,KAAKmC,OAEzBnC,KAAKC,SACJ6B,EAAA,cAAAE,IAAA,2CAAYI,cAAepC,KAAKkB,WAC9BY,EAAK,OAAAE,IAAA,2CAAAE,KAAK,qBAAqBG,MAAOrC,KAAKG,iBACzC2B,EAAM,QAAAE,IAAA,2CAAAM,aAActC,KAAKM,qB","ignoreList":[]}

package/dist/bromcom-ui/{p-0213e9e8.entry.js → p-6569b84d.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as e,a}from"./p-B84DzIAh.js";import{t as o}from"./p-CEcVC0yX.js";import{g as s}from"./p-IBjzkjef.js";import{c as r}from"./p-BfTCfPZ1.js";const c=".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,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)}";const l=class{constructor(e){t(this,e);this.bcmRadioGroupChange=i(this,"bcmRadioGroupChange",1);this.disabled=false;this.required=false;this.error=false;this.size="medium";this.direction="vertical";this.radioGroupName=s("radio-group-name");this.handleSlotChange=()=>{this.radios.forEach((t=>{var i;t.size=this.size;t.name=(i=this.name)!==null&&i!==void 0?i:this.radioGroupName;t.disabled=this.disabled;t.error=this.error}))};this.radioGroupClass=o({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"}})}get radios(){return this.host.querySelectorAll("bcm-radio")}componentWillLoad(){if(this.value){this.updateRadios(this.value)}}async setClear(){var t;this.value="";(t=this.radios)===null||t===void 0?void 0:t.forEach((t=>{t.checked=false}))}async resetCaption(){this.error=false;this.captionText=undefined}handleValueChange(t){this.updateRadios(t)}handleRadioChange(t){const i=t.target;const e=this.host.querySelectorAll("bcm-radio");e.forEach((t=>{if(t!==i){t.checked=false}}));this.bcmRadioGroupChange.emit({value:i.value,element:i})}updateRadios(t){this.radios.forEach((i=>{i.checked=i.value===t}))}render(){const{host:t,container:i}=this.radioGroupClass({size:this.size,direction:this.direction});return e("div",{key:"8a8ca20a35d1b1dc50a9cbd44b37c21cc9591617",class:t()},this.label&&e("label",{key:"82df9232afd7a395acaa50096f48b74349f82c0d",class:r("input-label font-medium",{"text-color-label":!this.disabled,"text-color-disabled":this.disabled},{"text-size-3":this.size==="small","text-size-4":this.size==="medium","text-size-5":this.size==="large"})},e("slot",{key:"e328ff4bb753334d9a15ddd6879566149c490d89",name:"label"},this.label),this.required&&e("span",{key:"4671022c9d17783262dd0d80034a1f0f67517b24"},"*")),e("div",{key:"87df33142912050dc54c54d8cedf0497936aa7b8",class:i()},e("slot",{key:"204d69a31753136cd8000904d604d21d748b60bb",onSlotchange:this.handleSlotChange})),this.captionText&&e("div",{key:"4a7a5457542d2bba9c72e15d3ac0c9efc68bd4e9",class:r("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":this.size==="small","text-size-4":this.size==="medium","text-size-5":this.size==="large"})},this.captionText))}get host(){return a(this)}static get watchers(){return{value:["handleValueChange"]}}};l.style=c;export{l as bcm_radio_group};
-//# sourceMappingURL=p-0213e9e8.entry.js.map
+import{r as t,c as e,h as i,a}from"./p-DCguxqPb.js";import{t as o}from"./p-CEcVC0yX.js";import{g as s}from"./p-IBjzkjef.js";import{c as r}from"./p-BfTCfPZ1.js";const c=".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,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)}";const l=class{constructor(i){t(this,i);this.bcmRadioGroupChange=e(this,"bcmRadioGroupChange",1);this.disabled=false;this.required=false;this.error=false;this.size="medium";this.direction="vertical";this.radioGroupName=s("radio-group-name");this.handleSlotChange=()=>{this.radios.forEach((t=>{var e;t.size=this.size;t.name=(e=this.name)!==null&&e!==void 0?e:this.radioGroupName;t.disabled=this.disabled;t.error=this.error}))};this.radioGroupClass=o({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"}})}get radios(){return this.host.querySelectorAll("bcm-radio")}componentWillLoad(){if(this.value){this.updateRadios(this.value)}}async setClear(){var t;this.value="";(t=this.radios)===null||t===void 0?void 0:t.forEach((t=>{t.checked=false}))}async resetCaption(){this.error=false;this.captionText=undefined}handleValueChange(t){this.updateRadios(t)}handleRadioChange(t){const e=t.target;const i=this.host.querySelectorAll("bcm-radio");i.forEach((t=>{if(t!==e){t.checked=false}}));this.bcmRadioGroupChange.emit({value:e.value,element:e})}updateRadios(t){this.radios.forEach((e=>{e.checked=e.value===t}))}render(){const{host:t,container:e}=this.radioGroupClass({size:this.size,direction:this.direction});return i("div",{key:"0156af0f5cbb5fe42237527163aa98accdcadcec",class:t()},this.label&&i("label",{key:"132871f4ec63da77602047bcdc061d362203af85",class:r("input-label font-medium",{"text-color-label":!this.disabled,"text-color-disabled":this.disabled},{"text-size-3":this.size==="small","text-size-4":this.size==="medium","text-size-5":this.size==="large"})},i("slot",{key:"d7ead39ee81388ce3e8e56b79aa1bca7c40b76d9",name:"label"},this.label),this.required&&i("span",{key:"708c373de54b1b495f3672faa19905dbe0ba4dd5"},"*")),i("div",{key:"bf573a67c0b190363ef749f9dc80f02d03fcfe82",class:e()},i("slot",{key:"266e18fe697f9a95b32f5f25ee73eef2e71dbff9",onSlotchange:this.handleSlotChange})),this.captionText&&i("div",{key:"b4cef6e66d95dd4ea6c676b3b00ab43457bda954",class:r("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":this.size==="small","text-size-4":this.size==="medium","text-size-5":this.size==="large"})},this.captionText))}get host(){return a(this)}static get watchers(){return{value:["handleValueChange"]}}};l.style=c;export{l as bcm_radio_group};
+//# sourceMappingURL=p-6569b84d.entry.js.map

package/dist/bromcom-ui/p-747fb75c.entry.js

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

package/dist/bromcom-ui/p-747fb75c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["shortcutCss","osKeys","ctrl","alt","shift","del","delete","backspace","enter","return","BcmShortcut","constructor","hostRef","this","size","isMac","test","window","navigator","userAgent","getHotkey","key","includes","keys","split","map","k","join","render","hotkey","h","class","cs"],"sources":["src/components/shortcut/shortcut.css?tag=bcm-shortcut&encapsulation=shadow","src/components/shortcut/shortcut.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n","import { Component, ComponentInterface, Prop, h } from '@stencil/core';\nimport cs from 'classnames';\n\nconst osKeys = {\n  ctrl: '⌘',\n  alt: '⌥',\n  shift: '⇧',\n  del: '⌫',\n  delete: '⌫',\n  backspace: '⌦',\n  enter: '⏎',\n  return: '⏎',\n};\n\n@Component({\n  tag: 'bcm-shortcut',\n  styleUrl: './shortcut.css',\n  shadow: true,\n})\nexport class BcmShortcut implements ComponentInterface {\n  @Prop() hotkey: string;\n  @Prop() size: 'small' | 'medium' | 'large' = 'small';\n\n  private readonly isMac = /Mac/.test(window.navigator.userAgent);\n\n  getHotkey(key: string): string {\n    if (!key) {\n      return '';\n    }\n    if (this.isMac && (key.includes(' ') || key.includes('+'))) {\n      const keys = key.split(/[\\s+]+/);\n      return keys.map(k => osKeys[k] || k).join('');\n    } else {\n      return key;\n    }\n  }\n\n  render() {\n    const { size, hotkey } = this;\n\n    return (\n      <div\n        class={cs(\n          'bcm-ui-element bcm-ui-content-display',\n          'block h-fit w-fit rounded border border-solid px-1',\n          'border-color-default bg-color-default text-color-default',\n          'text-center font-medium capitalize',\n          {\n            'text-size-2': size === 'small',\n            'text-size-3': size === 'medium',\n            'text-size-4': size === 'large',\n          },\n        )}\n      >\n        {this.getHotkey(hotkey)}\n      </div>\n    );\n  }\n}\n"],"mappings":"+EAAA,MAAMA,EAAc,msCCGpB,MAAMC,EAAS,CACbC,KAAM,IACNC,IAAK,IACLC,MAAO,IACPC,IAAK,IACLC,OAAQ,IACRC,UAAW,IACXC,MAAO,IACPC,OAAQ,K,MAQGC,EAAW,MALxB,WAAAC,CAAAC,G,UAOUC,KAAIC,KAAiC,QAE5BD,KAAKE,MAAG,MAAMC,KAAKC,OAAOC,UAAUC,UAmCtD,CAjCC,SAAAC,CAAUC,GACR,IAAKA,EAAK,CACR,MAAO,E,CAET,GAAIR,KAAKE,QAAUM,EAAIC,SAAS,MAAQD,EAAIC,SAAS,MAAO,CAC1D,MAAMC,EAAOF,EAAIG,MAAM,UACvB,OAAOD,EAAKE,KAAIC,GAAKzB,EAAOyB,IAAMA,IAAGC,KAAK,G,KACrC,CACL,OAAON,C,EAIX,MAAAO,GACE,MAAMd,KAAEA,EAAIe,OAAEA,GAAWhB,KAEzB,OACEiB,EAAA,OAAAT,IAAA,2CACEU,MAAOC,EACL,wCACA,qDACA,2DACA,qCACA,CACE,cAAelB,IAAS,QACxB,cAAeA,IAAS,SACxB,cAAeA,IAAS,WAI3BD,KAAKO,UAAUS,G","ignoreList":[]}

package/dist/bromcom-ui/{p-cf9dd0fc.entry.js → p-7b5df0be.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as a}from"./p-B84DzIAh.js";import{t as r}from"./p-CEcVC0yX.js";const i=":host{--bcm-alert-bg:var(--bcm-ui-color-background-default-default);--bcm-alert-text:var(--bcm-ui-color-text-default);--bcm-alert-radius:6px;display:inline-block;width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.flex{display:flex}.w-full{width:100%}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.rounded-\\[--bcm-alert-radius\\]{border-radius:var(--bcm-alert-radius)}.bg-\\[--bcm-alert-bg\\]{background-color:var(--bcm-alert-bg)}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\\.5{padding-bottom:.625rem;padding-top:.625rem}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-\\[--bcm-alert-text\\]{color:var(--bcm-alert-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)}";const c=class{constructor(a){e(this,a);this.bcmDismiss=t(this,"bcmDismiss",7);this.status="default";this.size="medium";this.kind="filled";this.dismissible=true;this.showStatusIcon=true}onDismiss(){this.bcmDismiss.emit()}getStatusIcon(){const e={info:"fa-regular fa-info-circle",error:"fa-regular fa-exclamation-circle",warning:"fa-regular fa-exclamation-triangle",success:"fa-regular fa-check-circle"};return e[this.status]}get alertClass(){return r({slots:{base:"alert bcm-ui-element font-medium flex items-center justify-between bg-[--bcm-alert-bg] text-[--bcm-alert-text] rounded-[--bcm-alert-radius] px-3 gap-3 w-full",section:"flex items-center gap-2"},variants:{size:{small:{base:"py-1.5 text-size-4"},medium:{base:"py-2 text-size-5"},large:{base:"py-2.5 text-size-6"}}}},{twMerge:false})}get alertStyles(){let e={info:"var(--bcm-ui-color-background-palette-blue-default)",error:"var(--bcm-ui-color-background-palette-red-default)",warning:"var(--bcm-ui-color-background-palette-yellow-default)",success:"var(--bcm-ui-color-background-palette-green-default)",default:"var(--bcm-ui-color-background-palette-gray-default)"};let t={info:"var(--bcm-ui-color-text-info)",error:"var(--bcm-ui-color-text-error)",warning:"var(--bcm-ui-color-text-warning)",success:"var(--bcm-ui-color-text-success)",default:"var(--bcm-ui-color-text-default)"};let a={"--bcm-alert-bg":e[this.status],"--bcm-alert-text":t[this.status]};let r={"--bcm-alert-bg":"transparent","--bcm-alert-text":t[this.status]};return this.kind==="filled"?a:r}render(){const{base:e,section:t}=this.alertClass({size:this.size});return a("div",{key:"e1318bdead531e9fbc41b6655a2ccc7dabc238b4",role:"alert","aria-live":"assertive","aria-atomic":"true",class:e(),style:this.alertStyles},a("div",{key:"091e10560ea4e0303a0aa5bf44781bc1ec9142f5",class:t()},this.showStatusIcon&&a("bcm-icon",{key:"cc291efafeaa6c3c13540beabf2a342aae8c55f9","icon-name":this.getStatusIcon()}),a("slot",{key:"20ffe11a6e67e63b7fe1e3ca6480d0b961a0c73a"})),a("div",{key:"12036534877bd9995b865de5a4035967774e906b",class:t()},a("div",{key:"99eca0bc5b73ea918669668aa90b441b516dc58d",part:"action"},a("slot",{key:"9f7b36b8ec6082cbaeef9f098fdc84518168368e",name:"action"})),a("span",{key:"1eb45ae11c771500e37c84587ab0048ccd3ab85c",part:"icon"},this.dismissible&&a("bcm-icon",{key:"9b77f9a8921fa4e84b50a5b9ca242b0c4b73935a",onClick:()=>this.onDismiss(),class:"cursor-pointer","icon-name":"fa-regular fa-xmark"}))))}};c.style=i;export{c as bcm_alert};
-//# sourceMappingURL=p-cf9dd0fc.entry.js.map
+import{r as e,c as t,h as a}from"./p-DCguxqPb.js";import{t as r}from"./p-CEcVC0yX.js";const i=":host{--bcm-alert-bg:var(--bcm-ui-color-background-default-default);--bcm-alert-text:var(--bcm-ui-color-text-default);--bcm-alert-radius:6px;display:inline-block;width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.flex{display:flex}.w-full{width:100%}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.rounded-\\[--bcm-alert-radius\\]{border-radius:var(--bcm-alert-radius)}.bg-\\[--bcm-alert-bg\\]{background-color:var(--bcm-alert-bg)}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\\.5{padding-bottom:.625rem;padding-top:.625rem}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-\\[--bcm-alert-text\\]{color:var(--bcm-alert-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)}";const c=class{constructor(a){e(this,a);this.bcmDismiss=t(this,"bcmDismiss",7);this.status="default";this.size="medium";this.kind="filled";this.dismissible=true;this.showStatusIcon=true}onDismiss(){this.bcmDismiss.emit()}getStatusIcon(){const e={info:"fa-regular fa-info-circle",error:"fa-regular fa-exclamation-circle",warning:"fa-regular fa-exclamation-triangle",success:"fa-regular fa-check-circle"};return e[this.status]}get alertClass(){return r({slots:{base:"alert bcm-ui-element font-medium flex items-center justify-between bg-[--bcm-alert-bg] text-[--bcm-alert-text] rounded-[--bcm-alert-radius] px-3 gap-3 w-full",section:"flex items-center gap-2"},variants:{size:{small:{base:"py-1.5 text-size-4"},medium:{base:"py-2 text-size-5"},large:{base:"py-2.5 text-size-6"}}}},{twMerge:false})}get alertStyles(){let e={info:"var(--bcm-ui-color-background-palette-blue-default)",error:"var(--bcm-ui-color-background-palette-red-default)",warning:"var(--bcm-ui-color-background-palette-yellow-default)",success:"var(--bcm-ui-color-background-palette-green-default)",default:"var(--bcm-ui-color-background-palette-gray-default)"};let t={info:"var(--bcm-ui-color-text-info)",error:"var(--bcm-ui-color-text-error)",warning:"var(--bcm-ui-color-text-warning)",success:"var(--bcm-ui-color-text-success)",default:"var(--bcm-ui-color-text-default)"};let a={"--bcm-alert-bg":e[this.status],"--bcm-alert-text":t[this.status]};let r={"--bcm-alert-bg":"transparent","--bcm-alert-text":t[this.status]};return this.kind==="filled"?a:r}render(){const{base:e,section:t}=this.alertClass({size:this.size});return a("div",{key:"0dd8d98bdd25ad7aa407c18e4cc56b790d71ad58",role:"alert","aria-live":"assertive","aria-atomic":"true",class:e(),style:this.alertStyles},a("div",{key:"2b146b43d13d88125b06609a7ea23d70b7ba7fa4",class:t()},this.showStatusIcon&&a("bcm-icon",{key:"9a4f3968339dddd1895ad0d41e428772f131f84c","icon-name":this.getStatusIcon()}),a("slot",{key:"5b538aafdf7eaf3d48a9899bfdd2fb4427c2549f"})),a("div",{key:"bb990c1de23d3f24943f12d32a98688bc620333e",class:t()},a("div",{key:"eb59936416e2392ae0a403bef5524915673eddc2",part:"action"},a("slot",{key:"be60960457d8300a7c8412389a3b0e5238ad0df9",name:"action"})),a("span",{key:"ac8c899b7a41bd3bf8ba97476fa78d2964c55e0c",part:"icon"},this.dismissible&&a("bcm-icon",{key:"019f80cfc12ab50df94daed3693ad3a4c03ef0c3",onClick:()=>this.onDismiss(),class:"cursor-pointer","icon-name":"fa-regular fa-xmark"}))))}};c.style=i;export{c as bcm_alert};
+//# sourceMappingURL=p-7b5df0be.entry.js.map