bromcom-ui-next 0.1.39 → 0.1.40

package/dist/bromcom-ui/bromcom-ui.esm.js

@@ -1 +1 @@
-import{p as e,g as a,b as i}from"./p-BSFYtcqL.js";export{s as setNonce}from"./p-BSFYtcqL.js";(()=>{const a=import.meta.url,i={};return""!==a&&(i.resourcesUrl=new URL(".",a).href),e(i)})().then((async e=>(await a(),i([["p-eb46701d",[[769,"bcm-dropdown",{text:[1],dropdownItems:[32]},[[2,"bcmDropDownItemChange","handleDropdownItemChange"]]]]],["p-b8ec7192",[[769,"bcm-avatar",{image:[1],alt:[1],shape:[1],size:[1],color:[1],icon:[1],status:[1],blink:[4],name:[1],isFallback:[32]}]]],["p-a709c6ba",[[577,"bcm-file-upload",{name:[1],label:[1],caption:[1],multiple:[4],accept:[1],maxSize:[1026,"max-size"],required:[4],disabled:[4],size:[1],uploadUrl:[1,"upload-url"],maxFileCount:[2,"max-file-count"],customErrorMessages:[16],files:[32],dragActive:[32],maxSizeError:[32],typeError:[32],maxFileCountError:[32]},null,{maxSize:[{handleMaxSizeChange:0}]}]]],["p-70908292",[[769,"bcm-pop-confirm",{placement:[1],size:[1],status:[1],headerText:[1,"header-text"],description:[1],confirmText:[1,"confirm-text"],cancelText:[1,"cancel-text"],showArrow:[4,"show-arrow"],statusIcon:[4,"status-icon"],offsetDistance:[2,"offset-distance"],closeOnOutsideClick:[4,"close-on-outside-click"],closeOnEscape:[4,"close-on-escape"],isOpen:[32],show:[64],hide:[64],toggle:[64]},[[4,"keydown","handleKeyDown"]],{isOpen:[{handleOpenChange:0}]}]]],["p-c15f6486",[[769,"bcm-segment",{value:[513],disabled:[516],selected:[1540],size:[1025],index:[1026],activeIndex:[1026,"active-index"]}],[833,"bcm-segmented-picker",{value:[1537],name:[513],required:[516],size:[513],fullWidth:[516,"full-width"],disabled:[516],shadow:[516],segments:[32],activeIndex:[32],setValue:[64],getValue:[64]},[[0,"bcmSegmentClick","handleSegmentClick"]],{value:[{handleValueChange:0}],required:[{handleValidationPropsChange:0}],disabled:[{handleValidationPropsChange:0}],size:[{handleSizeChange:0}]}],[769,"bcm-text",{text:[1],variant:[1],size:[1],overflow:[4]}]]],["p-ad408c9a",[[769,"bcm-accordion",{expanded:[1540],headerTitle:[1,"header-title"],group:[516],hintText:[1,"hint-text"],hasFooterContent:[32],toggle:[64],expand:[64],collapse:[64]}]]],["p-6f2162b1",[[769,"bcm-accordion-group",{multi:[4],accordionItems:[32],expandAll:[64],collapseAll:[64],getExpandedItems:[64]},[[2,"bcmAccordionChange","handleAccordionChange"]]]]],["p-1b4384aa",[[769,"bcm-basic-badge",{size:[1],variant:[1],color:[1],soft:[4],text:[1]}]]],["p-f82bd7b9",[[769,"bcm-button-group",{kind:[1],size:[1],status:[1],fullWidth:[516,"full-width"],loading:[4],disabled:[4],orientation:[513]}]]],["p-992ca37a",[[833,"bcm-checkbox",{validationMode:[1,"validation-mode"],name:[1],required:[4],disabled:[4],readonly:[4],checked:[1028],value:[1],_id:[513,"id"],label:[1],indeterminate:[1028],size:[1],error:[1028],caption:[1025],labelPosition:[1,"label-position"],fullWidth:[516,"full-width"],internalChecked:[32],touched:[32],submitAttempted:[32]},null,{checked:[{onStateChange:0},{syncFromBase:0}],required:[{onStateChange:0}],disabled:[{onStateChange:0}],value:[{onStateChange:0}],indeterminate:[{onIndeterminateChange:0}]}]]],["p-b6e291a9",[[769,"bcm-chip",{size:[1],kind:[1],status:[1],dismissible:[4],disabled:[4],color:[1]}]]],["p-5d06f874",[[513,"bcm-divider",{direction:[1],variant:[1],size:[1]}]]],["p-b1eaa46d",[[769,"bcm-drawer",{open:[1540],size:[1],position:[513],fullWidth:[4,"full-width"],fullScreen:[4,"full-screen"],backdrop:[8],headerText:[1,"header-text"],helperText:[1,"helper-text"],noHeader:[4,"no-header"],noFooter:[4,"no-footer"],closeOnBackdrop:[4,"close-on-backdrop"],closeOnEscape:[4,"close-on-escape"],shake:[32],show:[64],hide:[64],toggle:[64]},[[2,"click","handleClick"]],{open:[{handleOpenChange:0}]}]]],["p-37840600",[[769,"bcm-dropdown-item",{text:[1],icon:[1],rightIcons:[16],selected:[516],error:[516],disabled:[516]}]]],["p-282a7801",[[833,"bcm-input",{value:[1537],placeholder:[1],name:[1],_id:[513,"id"],size:[1],status:[1],fullWidth:[516,"full-width"],type:[1],disabled:[4],readonly:[4],required:[4],autocomplete:[1],minLength:[2,"min-length"],maxLength:[2,"max-length"],min:[2],max:[2],step:[2],pattern:[1],label:[1],errorMessage:[1,"error-message"],captionText:[1,"caption-text"],labelledby:[1],describedby:[1],prefixIcon:[1,"prefix-icon"],suffixIcon:[1,"suffix-icon"],useNativeValidation:[4,"use-native-validation"],validator:[16],isFocused:[32],validationMessage:[32],isValid:[32],internalStatus:[32],internalErrorMessage:[32],isPasswordVisible:[32],setFocus:[64],setBlur:[64],select:[64],setLocale:[64]},null,{value:[{handleValueChange:0}],status:[{watchStatus:0}],errorMessage:[{watchErrorMessage:0}]}]]],["p-6d667a81",[[769,"bcm-modal",{open:[1540],size:[1],placement:[1],backdrop:[8],fullWidth:[4,"full-width"],fullScreen:[4,"full-screen"],headerText:[1,"header-text"],helperText:[1,"helper-text"],noHeader:[4,"no-header"],noFooter:[4,"no-footer"],closeOnBackdrop:[4,"close-on-backdrop"],closeOnEscape:[4,"close-on-escape"],isAnimating:[32],shake:[32],show:[64],hide:[64],toggle:[64]},[[2,"click","handleClick"],[0,"keydown","handleKeyDown"]],{open:[{handleOpenChange:0}]}]]],["p-f45ecd0e",[[769,"bcm-popover",{size:[1],placement:[1],trigger:[1],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],open:[1540],closeOnOutsideClick:[4,"close-on-outside-click"],closeOnEscape:[4,"close-on-escape"],headerText:[1,"header-text"],message:[1],arrow:[4],isOpen:[32],show:[64],hide:[64],toggle:[64]},[[4,"keydown","handleKeyDown"]],{open:[{handleOpenChange:0}]}]]],["p-3425bcf5",[[833,"bcm-radio",{_id:[513,"id"],label:[1],name:[1],value:[1],checked:[1540],size:[1],disabled:[4],readonly:[4],labelPosition:[1,"label-position"],error:[4],required:[4],internalChecked:[32]},null,{checked:[{onCheckedChange:0}],internalChecked:[{onInternalCheckedChange:0}]}]]],["p-5b25aa24",[[769,"bcm-radio-group",{name:[1],value:[1],disabled:[4],required:[4],error:[4],label:[1],size:[1],direction:[1],captionText:[1,"caption-text"],setClear:[64],resetCaption:[64]},[[2,"bcmRadioChange","handleRadioChange"]],{value:[{handleValueChange:0}]}]]],["p-5c83f948",[[513,"bcm-shortcut",{hotkey:[1],size:[1]}]]],["p-2c9e225b",[[833,"bcm-switch",{validationMode:[1,"validation-mode"],name:[1],required:[4],disabled:[4],readonly:[4],checked:[1028],value:[1],_id:[513,"id"],label:[1],labelPosition:[1,"label-position"],error:[1028],caption:[1025],size:[1],internalChecked:[32],touched:[32],submitAttempted:[32]},null,{checked:[{onStateChange:0},{onBaseCheckedChange:0}],required:[{onStateChange:0}],disabled:[{onStateChange:0}],value:[{onStateChange:0}]}]]],["p-b8001f36",[[769,"bcm-tab",{value:[513],label:[513],disabled:[516],active:[1540],size:[1025]}]]],["p-90af9f04",[[769,"bcm-tabs",{value:[1537],size:[513],variant:[513],shadow:[516],tabs:[32],activeIndex:[32],setActiveTab:[64],getActiveTab:[64]},[[0,"bcmTabClick","handleTabClick"],[0,"keydown","handleKeyDown"]],{value:[{handleValueChange:0}],size:[{handleSizeChange:0}]}]]],["p-8819d845",[[833,"bcm-textarea",{value:[1537],rows:[2],cols:[2],minRows:[2,"min-rows"],maxRows:[2,"max-rows"],resize:[1],autoGrow:[4,"auto-grow"],placeholder:[1],name:[1],_id:[513,"id"],size:[1],status:[1],fullWidth:[516,"full-width"],disabled:[4],readonly:[4],required:[4],minLength:[2,"min-length"],maxLength:[2,"max-length"],showCounter:[4,"show-counter"],label:[1],errorMessage:[1,"error-message"],captionText:[1,"caption-text"],labelledby:[1],describedby:[1],validator:[16],isFocused:[32],validationMessage:[32],isValid:[32],internalStatus:[32],internalErrorMessage:[32],setFocus:[64],setBlur:[64],select:[64]},null,{value:[{handleValueChange:0}],status:[{watchStatus:0}],errorMessage:[{watchErrorMessage:0}]}]]],["p-5226eb99",[[769,"bcm-tooltip",{trigger:[1],placement:[1],size:[1],message:[1],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],arrow:[4],disabled:[4],offset:[2],follow:[4],isOpen:[32],show:[64],hide:[64],toggle:[64]},null,{disabled:[{handleDisabledChange:0}],trigger:[{handleTriggerChange:0}],isOpen:[{handleOpenChange:0}]}]]],["p-b5360906",[[769,"bcm-alert",{status:[1],size:[1],kind:[1],dismissible:[4],showStatusIcon:[4,"show-status-icon"]}]]],["p-dc706cb6",[[769,"bcm-badge",{size:[1],variant:[1],color:[1],soft:[4],blink:[4],status:[1],position:[1],offset:[1],text:[1]}]]],["p-f42c8c0e",[[769,"bcm-linked",{visible:[1540],trigger:[1],placement:[1],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],offsetDistance:[2,"offset-distance"],showArrow:[4,"show-arrow"],disabled:[4],closeOnOutsideClick:[4,"close-on-outside-click"],closeOnEscape:[4,"close-on-escape"],isVisible:[32],show:[64],hide:[64],toggle:[64],updatePosition:[64]},[[4,"keydown","handleKeyDown"]],{visible:[{handleVisibleChange:0}],disabled:[{handleDisabledChange:0}],placement:[{handlePositionPropsChange:0}],offsetDistance:[{handlePositionPropsChange:0}],showArrow:[{handlePositionPropsChange:0}]}]]],["p-f0faedf7",[[769,"bcm-button",{kind:[1],size:[1],status:[1],variant:[1],position:[513],icon:[1],iconPosition:[1,"icon-position"],iconOnly:[4,"icon-only"],fullWidth:[516,"full-width"],type:[1],loading:[4],disabled:[4],text:[1],active:[4],form:[1],value:[1],name:[1],label:[1],expanded:[1],controls:[1]}]]]],e))));
+import{p as e,g as a,b as t}from"./p-BSFYtcqL.js";export{s as setNonce}from"./p-BSFYtcqL.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((async e=>(await a(),t([["p-33d0726d",[[769,"bcm-dropdown",{text:[1],dropdownItems:[32]},[[2,"bcmDropDownItemChange","handleDropdownItemChange"]]]]],["p-77bc4871",[[513,"bcm-attendance",{data:[1025],_data:[32]},null,{data:[{dataHandler:0}]}]]],["p-b8ec7192",[[769,"bcm-avatar",{image:[1],alt:[1],shape:[1],size:[1],color:[1],icon:[1],status:[1],blink:[4],name:[1],isFallback:[32]}]]],["p-430d9b69",[[577,"bcm-file-upload",{name:[1],label:[1],caption:[1],multiple:[4],accept:[1],maxSize:[1026,"max-size"],required:[4],disabled:[4],size:[1],uploadUrl:[1,"upload-url"],maxFileCount:[2,"max-file-count"],customErrorMessages:[16],files:[32],dragActive:[32],maxSizeError:[32],typeError:[32],maxFileCountError:[32]},null,{maxSize:[{handleMaxSizeChange:0}]}]]],["p-65cb3344",[[769,"bcm-pop-confirm",{placement:[1],size:[1],status:[1],headerText:[1,"header-text"],description:[1],confirmText:[1,"confirm-text"],cancelText:[1,"cancel-text"],showArrow:[4,"show-arrow"],statusIcon:[4,"status-icon"],offsetDistance:[2,"offset-distance"],closeOnOutsideClick:[4,"close-on-outside-click"],closeOnEscape:[4,"close-on-escape"],isOpen:[32],show:[64],hide:[64],toggle:[64]},[[4,"keydown","handleKeyDown"]],{isOpen:[{handleOpenChange:0}]}]]],["p-581e71d7",[[769,"bcm-segment",{value:[513],disabled:[516],selected:[1540],size:[1025],index:[1026],activeIndex:[1026,"active-index"]}],[833,"bcm-segmented-picker",{value:[1537],name:[513],required:[516],size:[513],fullWidth:[516,"full-width"],disabled:[516],shadow:[516],segments:[32],activeIndex:[32],setValue:[64],getValue:[64]},[[0,"bcmSegmentClick","handleSegmentClick"]],{value:[{handleValueChange:0}],required:[{handleValidationPropsChange:0}],disabled:[{handleValidationPropsChange:0}],size:[{handleSizeChange:0}]}],[769,"bcm-text",{text:[1],variant:[1],size:[1],overflow:[4]}]]],["p-725ec46f",[[769,"bcm-accordion",{expanded:[1540],headerTitle:[1,"header-title"],group:[516],hintText:[1,"hint-text"],hasFooterContent:[32],toggle:[64],expand:[64],collapse:[64]}]]],["p-3c8308e8",[[769,"bcm-accordion-group",{multi:[4],accordionItems:[32],expandAll:[64],collapseAll:[64],getExpandedItems:[64]},[[2,"bcmAccordionChange","handleAccordionChange"]]]]],["p-384bca2b",[[769,"bcm-basic-badge",{size:[1],variant:[1],color:[1],soft:[4],text:[1]}]]],["p-a19629e7",[[769,"bcm-button-group",{kind:[1],size:[1],status:[1],fullWidth:[516,"full-width"],loading:[4],disabled:[4],orientation:[513]}]]],["p-9682e900",[[833,"bcm-checkbox",{validationMode:[1,"validation-mode"],name:[1],required:[4],disabled:[4],readonly:[4],checked:[1028],value:[1],_id:[513,"id"],label:[1],indeterminate:[1028],size:[1],error:[1028],caption:[1025],labelPosition:[1,"label-position"],fullWidth:[516,"full-width"],internalChecked:[32],touched:[32],submitAttempted:[32]},null,{checked:[{onStateChange:0},{syncFromBase:0}],required:[{onStateChange:0}],disabled:[{onStateChange:0}],value:[{onStateChange:0}],indeterminate:[{onIndeterminateChange:0}]}]]],["p-cfeadc24",[[769,"bcm-chip",{size:[1],kind:[1],status:[1],dismissible:[4],disabled:[4],color:[1]}]]],["p-c9940043",[[513,"bcm-divider",{direction:[1],variant:[1],size:[1]}]]],["p-b4399aa2",[[769,"bcm-drawer",{open:[1540],size:[1],position:[513],fullWidth:[4,"full-width"],fullScreen:[4,"full-screen"],backdrop:[8],headerText:[1,"header-text"],helperText:[1,"helper-text"],noHeader:[4,"no-header"],noFooter:[4,"no-footer"],closeOnBackdrop:[4,"close-on-backdrop"],closeOnEscape:[4,"close-on-escape"],shake:[32],show:[64],hide:[64],toggle:[64]},[[2,"click","handleClick"]],{open:[{handleOpenChange:0}]}]]],["p-824f3bae",[[769,"bcm-dropdown-item",{text:[1],icon:[1],rightIcons:[16],selected:[516],error:[516],disabled:[516]}]]],["p-449b6f9a",[[833,"bcm-input",{value:[1537],placeholder:[1],name:[1],_id:[513,"id"],size:[1],status:[1],fullWidth:[516,"full-width"],type:[1],disabled:[4],readonly:[4],required:[4],autocomplete:[1],minLength:[2,"min-length"],maxLength:[2,"max-length"],min:[2],max:[2],step:[2],pattern:[1],label:[1],errorMessage:[1,"error-message"],captionText:[1,"caption-text"],labelledby:[1],describedby:[1],prefixIcon:[1,"prefix-icon"],suffixIcon:[1,"suffix-icon"],useNativeValidation:[4,"use-native-validation"],validator:[16],isFocused:[32],validationMessage:[32],isValid:[32],internalStatus:[32],internalErrorMessage:[32],isPasswordVisible:[32],setFocus:[64],setBlur:[64],select:[64],setLocale:[64]},null,{value:[{handleValueChange:0}],status:[{watchStatus:0}],errorMessage:[{watchErrorMessage:0}]}]]],["p-724789fd",[[769,"bcm-modal",{open:[1540],size:[1],placement:[1],backdrop:[8],fullWidth:[4,"full-width"],fullScreen:[4,"full-screen"],headerText:[1,"header-text"],helperText:[1,"helper-text"],noHeader:[4,"no-header"],noFooter:[4,"no-footer"],closeOnBackdrop:[4,"close-on-backdrop"],closeOnEscape:[4,"close-on-escape"],isAnimating:[32],shake:[32],show:[64],hide:[64],toggle:[64]},[[2,"click","handleClick"],[0,"keydown","handleKeyDown"]],{open:[{handleOpenChange:0}]}]]],["p-9ee52978",[[769,"bcm-popover",{size:[1],placement:[1],trigger:[1],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],open:[1540],closeOnOutsideClick:[4,"close-on-outside-click"],closeOnEscape:[4,"close-on-escape"],headerText:[1,"header-text"],message:[1],arrow:[4],isOpen:[32],show:[64],hide:[64],toggle:[64]},[[4,"keydown","handleKeyDown"]],{open:[{handleOpenChange:0}]}]]],["p-53082c51",[[833,"bcm-radio",{_id:[513,"id"],label:[1],name:[1],value:[1],checked:[1540],size:[1],disabled:[4],readonly:[4],labelPosition:[1,"label-position"],error:[4],required:[4],internalChecked:[32]},null,{checked:[{onCheckedChange:0}],internalChecked:[{onInternalCheckedChange:0}]}]]],["p-2c40197f",[[769,"bcm-radio-group",{name:[1],value:[1],disabled:[4],required:[4],error:[4],label:[1],size:[1],direction:[1],captionText:[1,"caption-text"],setClear:[64],resetCaption:[64]},[[2,"bcmRadioChange","handleRadioChange"]],{value:[{handleValueChange:0}]}]]],["p-f84a456d",[[513,"bcm-shortcut",{hotkey:[1],size:[1]}]]],["p-716d4253",[[833,"bcm-switch",{validationMode:[1,"validation-mode"],name:[1],required:[4],disabled:[4],readonly:[4],checked:[1028],value:[1],_id:[513,"id"],label:[1],labelPosition:[1,"label-position"],error:[1028],caption:[1025],size:[1],internalChecked:[32],touched:[32],submitAttempted:[32]},null,{checked:[{onStateChange:0},{onBaseCheckedChange:0}],required:[{onStateChange:0}],disabled:[{onStateChange:0}],value:[{onStateChange:0}]}]]],["p-f565725d",[[769,"bcm-tab",{value:[513],label:[513],disabled:[516],active:[1540],size:[1025]}]]],["p-bccb1a72",[[769,"bcm-tabs",{value:[1537],size:[513],variant:[513],shadow:[516],tabs:[32],activeIndex:[32],setActiveTab:[64],getActiveTab:[64]},[[0,"bcmTabClick","handleTabClick"],[0,"keydown","handleKeyDown"]],{value:[{handleValueChange:0}],size:[{handleSizeChange:0}]}]]],["p-466f9145",[[833,"bcm-textarea",{value:[1537],rows:[2],cols:[2],minRows:[2,"min-rows"],maxRows:[2,"max-rows"],resize:[1],autoGrow:[4,"auto-grow"],placeholder:[1],name:[1],_id:[513,"id"],size:[1],status:[1],fullWidth:[516,"full-width"],disabled:[4],readonly:[4],required:[4],minLength:[2,"min-length"],maxLength:[2,"max-length"],showCounter:[4,"show-counter"],label:[1],errorMessage:[1,"error-message"],captionText:[1,"caption-text"],labelledby:[1],describedby:[1],validator:[16],isFocused:[32],validationMessage:[32],isValid:[32],internalStatus:[32],internalErrorMessage:[32],setFocus:[64],setBlur:[64],select:[64]},null,{value:[{handleValueChange:0}],status:[{watchStatus:0}],errorMessage:[{watchErrorMessage:0}]}]]],["p-f422c6b7",[[769,"bcm-alert",{status:[1],size:[1],kind:[1],dismissible:[4],showStatusIcon:[4,"show-status-icon"]}]]],["p-c981545c",[[769,"bcm-badge",{size:[1],variant:[1],color:[1],soft:[4],blink:[4],status:[1],position:[1],offset:[1],text:[1]}]]],["p-3b278aa2",[[769,"bcm-linked",{visible:[1540],trigger:[1],placement:[1],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],offsetDistance:[2,"offset-distance"],showArrow:[4,"show-arrow"],disabled:[4],closeOnOutsideClick:[4,"close-on-outside-click"],closeOnEscape:[4,"close-on-escape"],isVisible:[32],show:[64],hide:[64],toggle:[64],updatePosition:[64]},[[4,"keydown","handleKeyDown"]],{visible:[{handleVisibleChange:0}],disabled:[{handleDisabledChange:0}],placement:[{handlePositionPropsChange:0}],offsetDistance:[{handlePositionPropsChange:0}],showArrow:[{handlePositionPropsChange:0}]}]]],["p-7b6131f4",[[769,"bcm-tooltip",{trigger:[1],placement:[1],size:[1],message:[1],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],arrow:[4],disabled:[4],offset:[2],follow:[4],isOpen:[32],show:[64],hide:[64],toggle:[64]},null,{disabled:[{handleDisabledChange:0}],trigger:[{handleTriggerChange:0}],isOpen:[{handleOpenChange:0}]}]]],["p-39f43cbb",[[769,"bcm-button",{kind:[1],size:[1],status:[1],variant:[1],position:[513],icon:[1],iconPosition:[1,"icon-position"],iconOnly:[4,"icon-only"],fullWidth:[516,"full-width"],type:[1],loading:[4],disabled:[4],text:[1],active:[4],form:[1],value:[1],name:[1],label:[1],expanded:[1],controls:[1]}]]]],e))));

package/dist/bromcom-ui/{p-5b25aa24.entry.js → p-2c40197f.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,a as i,h as a}from"./p-BSFYtcqL.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=class{constructor(i){t(this,i),this.bcmRadioGroupChange=e(this,"bcmRadioGroupChange",1)}get host(){return i(this)}name;value;disabled=!1;required=!1;error=!1;label;size="medium";direction="vertical";captionText;bcmRadioGroupChange;radioGroupName=s("radio-group-name");get radios(){return this.host.querySelectorAll("bcm-radio")}componentWillLoad(){this.value&&this.updateRadios(this.value)}async setClear(){this.value="",this.radios?.forEach((t=>{t.checked=!1}))}async resetCaption(){this.error=!1,this.captionText=void 0}handleSlotChange=()=>{this.radios.forEach((t=>{t.size=this.size,t.name=this.name??this.radioGroupName,t.disabled=this.disabled,t.error=this.error}))};handleValueChange(t){this.updateRadios(t)}handleRadioChange(t){const e=t.target;this.host.querySelectorAll("bcm-radio").forEach((t=>{t!==e&&(t.checked=!1)})),this.bcmRadioGroupChange.emit({value:e.value,element:e})}updateRadios(t){this.radios.forEach((e=>{e.checked=e.value===t}))}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"}});render(){const{host:t,container:e}=this.radioGroupClass({size:this.size,direction:this.direction});return a("div",{key:"69ac9c5bb1e736a8efedb495894666bdb20d8ea5",class:t()},this.label&&a("label",{key:"b21af81933911d24c7e07ca9617399ecd8ff80d8",class:r("input-label font-medium",{"text-color-label":!this.disabled,"text-color-disabled":this.disabled},{"text-size-3":"small"===this.size,"text-size-4":"medium"===this.size,"text-size-5":"large"===this.size})},a("slot",{key:"0b336adf25d2cdd2e3ab444324393c0f23d89795",name:"label"},this.label),this.required&&a("span",{key:"82b31f046ab0ebdb0d4222a953aadbf5be45112e"},"*")),a("div",{key:"0e847b43fc7c1e4f21751bbb8684f36d90cc0460",class:e()},a("slot",{key:"b1d5b67d37547c8e4155daa9853f866b2fb6f81e",onSlotchange:this.handleSlotChange})),this.captionText&&a("div",{key:"c9e03574dbb626edf54f861ba8a7df5997c1573a",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":"small"===this.size,"text-size-4":"medium"===this.size,"text-size-5":"large"===this.size})},this.captionText))}static get watchers(){return{value:[{handleValueChange:0}]}}};c.style=".container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.mt-1{margin-top:.25rem}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.font-medium{font-weight:500}.text-\\[--bcm-ui-color-text-caption\\]{color:var(--bcm-ui-color-text-caption)}.text-\\[--bcm-ui-color-text-disabled\\]{color:var(--bcm-ui-color-text-disabled)}.text-\\[--bcm-ui-color-text-error\\]{color:var(--bcm-ui-color-text-error)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-label{color:var(--bcm-ui-color-text-label)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";export{c as bcm_radio_group}
+import{r as t,c as e,a as i,h as a}from"./p-BSFYtcqL.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 l=class{constructor(i){t(this,i),this.bcmRadioGroupChange=e(this,"bcmRadioGroupChange",1)}get host(){return i(this)}name;value;disabled=!1;required=!1;error=!1;label;size="medium";direction="vertical";captionText;bcmRadioGroupChange;radioGroupName=s("radio-group-name");get radios(){return this.host.querySelectorAll("bcm-radio")}componentWillLoad(){this.value&&this.updateRadios(this.value)}async setClear(){this.value="",this.radios?.forEach((t=>{t.checked=!1}))}async resetCaption(){this.error=!1,this.captionText=void 0}handleSlotChange=()=>{this.radios.forEach((t=>{t.size=this.size,t.name=this.name??this.radioGroupName,t.disabled=this.disabled,t.error=this.error}))};handleValueChange(t){this.updateRadios(t)}handleRadioChange(t){const e=t.target;this.host.querySelectorAll("bcm-radio").forEach((t=>{t!==e&&(t.checked=!1)})),this.bcmRadioGroupChange.emit({value:e.value,element:e})}updateRadios(t){this.radios.forEach((e=>{e.checked=e.value===t}))}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"}});render(){const{host:t,container:e}=this.radioGroupClass({size:this.size,direction:this.direction});return a("div",{key:"4334600812b3f928402cd272ca15897637fb9371",class:t()},this.label&&a("label",{key:"04d0fdfa7b4b1a76630ecba67140fe415a9ed9f7",class:r("input-label font-medium",{"text-color-label":!this.disabled,"text-color-disabled":this.disabled},{"text-size-3":"small"===this.size,"text-size-4":"medium"===this.size,"text-size-5":"large"===this.size})},a("slot",{key:"552ac8466ef4662c810a16a27f8601995f9bf552",name:"label"},this.label),this.required&&a("span",{key:"966089a77980aa2ee1ca7ad43ad39b5267a2cf75"},"*")),a("div",{key:"b69824c452a3e60a7b87042f94b38d9e0106f470",class:e()},a("slot",{key:"93bf19e38fd461ee382b9e3d4f16985b87072252",onSlotchange:this.handleSlotChange})),this.captionText&&a("div",{key:"8e6ee5d6de9a6dfc31b951e6f99f603c7ad3e48d",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":"small"===this.size,"text-size-4":"medium"===this.size,"text-size-5":"large"===this.size})},this.captionText))}static get watchers(){return{value:[{handleValueChange:0}]}}};l.style=".container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.mt-1{margin-top:.25rem}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.font-medium{font-weight:500}.text-\\[--bcm-ui-color-text-caption\\]{color:var(--bcm-ui-color-text-caption)}.text-\\[--bcm-ui-color-text-disabled\\]{color:var(--bcm-ui-color-text-disabled)}.text-\\[--bcm-ui-color-text-error\\]{color:var(--bcm-ui-color-text-error)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-label{color:var(--bcm-ui-color-text-label)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";export{l as bcm_radio_group}

package/dist/bromcom-ui/p-33d0726d.entry.js

@@ -0,0 +1 @@
+import{r as e,c as o,a,h as t,H as d}from"./p-BSFYtcqL.js";import{t as s}from"./p-CEcVC0yX.js";const r=class{constructor(a){e(this,a),this.bcmDropdownChange=o(this,"bcmDropdownChange",1)}get host(){return a(this)}text;dropdownItems=[];bcmDropdownChange;handleDropdownItemChange(e){const{element:o,selected:a}=e?.detail;this.dropdownItems?.forEach((e=>{e!=o&&(e.selected=!1)})),this.bcmDropdownChange.emit({element:o,selected:a})}dropdownClass=s({base:"bcm-ui-element dropdown flex flex-col items-center min-w-10 shadow-3 max-w-64 max-h-64 w-full bg-color-basic-panel rounded-lg py-1.5 overflow-y-auto"});handleSlotChange=()=>{this.dropdownItems=Array.from(this.host.querySelectorAll("bcm-dropdown-item")),0===this.dropdownItems.length&&console.warn("No dropdown items found in dropdown component")};render(){return t(d,{key:"2faadef3d5fb0ff1e0b0f1bed6aa63c64c220264"},t("bcm-linked",{key:"f81c8bebe44deff74f3a4e688d70633ca8d24a19",trigger:"click",placement:"bottom-start"},t("bcm-button",{key:"fb0c175118ec4dfdbe58afed227033c62cad12da",kind:"outline",slot:"trigger"},t("span",{key:"ab8ed34151b645cf2b82b1bc1932c7c8762f37b0",part:"text"},this.text)),t("div",{key:"c3e2c0a26c622c60bd283d68bc583c59c20e8ecd",part:"dropdown-container",class:this.dropdownClass()},t("slot",{key:"872b04b80f3b61b6a8fed1570a2053f1942b468d",onSlotchange:this.handleSlotChange}))))}};r.style=".visible{visibility:visible}.hidden{display:none}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.flex{display:flex}.max-h-64{max-height:16rem}.w-full{width:100%}.min-w-10{min-width:2.5rem}.max-w-64{max-width:16rem}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-color-basic-panel{background-color:var(--bcm-ui-color-background-basic-panel)}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.outline{outline-style:solid}";export{r as bcm_dropdown}

package/dist/bromcom-ui/p-384bca2b.entry.js

@@ -0,0 +1 @@
+import{r as e,h as t}from"./p-BSFYtcqL.js";import{t as i}from"./p-CEcVC0yX.js";const a=class{constructor(t){e(this,t)}size="medium";variant="text";color;soft=!1;text;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:!1}});get badgeStyle(){return this.color?{"--bcm-badge-bg":`var(--bcm-ui-color-background-${this.soft?"palette":"vivid"}-${this.color}-default)`,"--bcm-badge-text":this.soft?`var(--bcm-ui-color-text-palette-${this.color})`:"var(--bcm-ui-color-text-base)"}:{}}render(){return t("span",{key:"45b4c9f4c7ab8b9948264f76eeb5cfe24e516bd1",part:"base",role:"status","aria-live":"polite",style:this.badgeStyle,class:this.classes({size:this.size,variant:this.variant})},"text"===this.variant&&t("span",{key:"d8f8b1156fca7b25413811833eb1991dcadc7e72",class:"badge-content"},t("slot",{key:"4ef189eb3f9b99a01bed5077e5010fc455ba2721"})))}};a.style=":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,Inter Variable,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)}";export{a as bcm_basic_badge}

package/dist/bromcom-ui/{p-f0faedf7.entry.js → p-39f43cbb.entry.js}

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

package/dist/bromcom-ui/{p-f42c8c0e.entry.js → p-3b278aa2.entry.js}

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

package/dist/bromcom-ui/{p-6f2162b1.entry.js → p-3c8308e8.entry.js}

@@ -1 +1 @@
-import{r as o,c as r,a,h as e}from"./p-BSFYtcqL.js";const t=class{constructor(a){o(this,a),this.bcmAccordionGroupChange=r(this,"bcmAccordionGroupChange",1)}get host(){return a(this)}multi=!1;accordionItems=[];bcmAccordionGroupChange;async expandAll(){this.multi?await Promise.all(this.accordionItems.map((o=>o.expand()))):console.warn("expandAll is only available when multi=true")}async collapseAll(){await Promise.all(this.accordionItems.map((o=>o.collapse())))}async getExpandedItems(){return this.accordionItems.filter((o=>o.expanded))}componentWillLoad(){this.handleSlotChange()}setGroupBehavior(){this.accordionItems.forEach((o=>{o.group=!0}))}handleSlotChange=()=>{this.accordionItems=Array.from(this.host.querySelectorAll("bcm-accordion")),this.setGroupBehavior(),0===this.accordionItems.length&&console.warn("No accordion items found in accordion group")};handleAccordionChange(o){this.handleSlotChange();const{expanded:r,source:a}=o?.detail;this.multi||this.accordionItems.forEach((o=>{o!==a&&o.collapse(),o.expanded=o===a&&r}));const e=this.accordionItems.filter((o=>o.expanded));this.bcmAccordionGroupChange.emit({expanded:r,changed:a,expandedItems:e,expandedCount:e.length})}render(){return e("div",{key:"92b4e5e64d957174c3ada96320d99c1b3329ed37",class:"flex flex-col bcm-ui-element w-full border border-solid border-[--bcm-accordion-border] rounded-[--bcm-accordion-radius]",role:"group","aria-label":"Accordion group"},e("slot",{key:"62f3ae969e847683b82ba6ed30f27a7430bade1f",onSlotchange:this.handleSlotChange}))}};t.style=".block{display:block}:host{--bcm-accordion-border:var(--bcm-ui-color-border-default);--bcm-accordion-radius:6px;display:block;width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.collapse{visibility:collapse}.static{position:static}.flex{display:flex}.w-full{width:100%}.flex-col{flex-direction:column}.rounded-\\[--bcm-accordion-radius\\]{border-radius:var(--bcm-accordion-radius)}.border{border-width:1px}.border-solid{border-style:solid}.border-\\[--bcm-accordion-border\\]{border-color:var(--bcm-accordion-border)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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)}";export{t as bcm_accordion_group}
+import{r as o,c as r,a,h as e}from"./p-BSFYtcqL.js";const t=class{constructor(a){o(this,a),this.bcmAccordionGroupChange=r(this,"bcmAccordionGroupChange",1)}get host(){return a(this)}multi=!1;accordionItems=[];bcmAccordionGroupChange;async expandAll(){this.multi?await Promise.all(this.accordionItems.map((o=>o.expand()))):console.warn("expandAll is only available when multi=true")}async collapseAll(){await Promise.all(this.accordionItems.map((o=>o.collapse())))}async getExpandedItems(){return this.accordionItems.filter((o=>o.expanded))}componentWillLoad(){this.handleSlotChange()}setGroupBehavior(){this.accordionItems.forEach((o=>{o.group=!0}))}handleSlotChange=()=>{this.accordionItems=Array.from(this.host.querySelectorAll("bcm-accordion")),this.setGroupBehavior(),0===this.accordionItems.length&&console.warn("No accordion items found in accordion group")};handleAccordionChange(o){this.handleSlotChange();const{expanded:r,source:a}=o?.detail;this.multi||this.accordionItems.forEach((o=>{o!==a&&o.collapse(),o.expanded=o===a&&r}));const e=this.accordionItems.filter((o=>o.expanded));this.bcmAccordionGroupChange.emit({expanded:r,changed:a,expandedItems:e,expandedCount:e.length})}render(){return e("div",{key:"57202468d175ed9ab0e40c7601c186731ef6db75",class:"flex flex-col bcm-ui-element w-full border border-solid border-[--bcm-accordion-border] rounded-[--bcm-accordion-radius]",role:"group","aria-label":"Accordion group"},e("slot",{key:"3d3918076c44aec985d19aa0cfaa7b1c03414fc0",onSlotchange:this.handleSlotChange}))}};t.style=".block{display:block}:host{--bcm-accordion-border:var(--bcm-ui-color-border-default);--bcm-accordion-radius:6px;display:block;width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.collapse{visibility:collapse}.flex{display:flex}.w-full{width:100%}.flex-col{flex-direction:column}.rounded-\\[--bcm-accordion-radius\\]{border-radius:var(--bcm-accordion-radius)}.border{border-width:1px}.border-solid{border-style:solid}.border-\\[--bcm-accordion-border\\]{border-color:var(--bcm-accordion-border)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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)}";export{t as bcm_accordion_group}

package/dist/bromcom-ui/{p-a709c6ba.entry.js → p-430d9b69.entry.js}

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

package/dist/bromcom-ui/{p-282a7801.entry.js → p-449b6f9a.entry.js}

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

package/dist/bromcom-ui/{p-8819d845.entry.js → p-466f9145.entry.js}

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

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

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