bromcom-ui-next 0.1.30 → 0.1.32

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

@@ -1,2 +1 @@
-import{p as e,g as a,b as t}from"./p-CRwAh9Np.js";export{s as setNonce}from"./p-CRwAh9Np.js";var o=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};o().then((async e=>{await a();return t([["p-f9426924",[[257,"bcm-dropdown",{text:[1],dropdownItems:[32]},[[2,"bcmDropDownItemChange","handleDropdownItemChange"]]]]],["p-4a932cd3",[[257,"bcm-avatar",{image:[1],alt:[1],shape:[1],size:[1],color:[1],icon:[1],status:[1],blink:[4],name:[1],isFallback:[32]}]]],["p-65d0f188",[[257,"bcm-accordion",{expanded:[1540],headerTitle:[1,"header-title"],group:[516],hintText:[1,"hint-text"],hasFooterContent:[32],toggle:[64],expand:[64],collapse:[64]}]]],["p-e1ce8b55",[[257,"bcm-accordion-group",{multi:[4],accordionItems:[32],expandAll:[64],collapseAll:[64],getExpandedItems:[64]},[[2,"bcmAccordionChange","handleAccordionChange"]]]]],["p-1ce9913f",[[257,"bcm-alert",{status:[1],size:[1],kind:[1],dismissible:[4],showStatusIcon:[4,"show-status-icon"]}]]],["p-c87a6acf",[[257,"bcm-basic-badge",{size:[1],variant:[1],color:[1],soft:[4],text:[1]}]]],["p-faa0e62c",[[257,"bcm-button-group",{kind:[1],size:[1],status:[1],fullWidth:[516,"full-width"],loading:[4],disabled:[4],orientation:[513]}]]],["p-9e9bf32e",[[257,"bcm-checkbox",{_id:[513,"id"],label:[1],name:[1],indeterminate:[1028],size:[1],checked:[1028],error:[4],disabled:[4],labelPosition:[1,"label-position"],fullWidth:[516,"full-width"],internalChecked:[32]},null,{checked:["syncCheckedProp"],indeterminate:["updateIndeterminateState"],internalChecked:["updateIndeterminateState"]}]]],["p-e4dddb0b",[[257,"bcm-chip",{size:[1],kind:[1],status:[1],dismissible:[4],disabled:[4],color:[1]}]]],["p-8ba02e7e",[[257,"bcm-divider",{direction:[1],variant:[1],size:[1]}]]],["p-0c7c6896",[[257,"bcm-dropdown-item",{text:[1],icon:[1],rightIcons:[16],selected:[516],error:[516],disabled:[516]}]]],["p-83f707dc",[[257,"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"],status:["watchStatus"],errorMessage:["watchErrorMessage"]}]]],["p-12f38632",[[257,"bcm-radio",{label:[1],name:[1],value:[1],checked:[516],size:[1],disabled:[4],readonly:[4],labelPosition:[1,"label-position"],error:[4]}]]],["p-e0e235a8",[[257,"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"]}]]],["p-fcb4399f",[[257,"bcm-segmented-picker",{size:[1],value:[1537],disabled:[4],fullWidth:[516,"full-width"],options:[32],indicatorStyles:[32]},[[0,"bcmOptionClick","handleOptionClick"]],{value:["valueChanged"]}]]],["p-13cbd1f5",[[257,"bcm-segmented-picker-option",{value:[1],label:[1],size:[1],selected:[1028],disabled:[4],getWidth:[64]}]]],["p-1507908f",[[257,"bcm-shortcut",{hotkey:[1],size:[1]}]]],["p-4e554b8d",[[257,"bcm-switch",{checked:[1540],disabled:[4],name:[1],value:[1],label:[1],labelPosition:[1,"label-position"],error:[4],caption:[1],size:[1],readonly:[4],required:[4]}]]],["p-57c4c4c4",[[257,"bcm-tabs",{defaultValue:[513,"default-value"],size:[513],variant:[513],smooth:[516],activeTab:[32],previousTab:[32],disableTab:[64],enableTab:[64],disableAllTabs:[64],enableAllTabs:[64],getActiveTab:[64],setActiveTab:[64]},[[9,"resize","handleResize"],[2,"bcmTabSelected","handleTabSelected"]],{size:["handleSizeChange"],variant:["handleVariantChange"],smooth:["handleSmoothChange"]}]]],["p-61293ab2",[[257,"bcm-tabs-content",{value:[513]}]]],["p-3cf7a7f4",[[257,"bcm-tabs-list",{variant:[513],smooth:[516]}]]],["p-11d0e649",[[257,"bcm-tabs-trigger",{value:[513],active:[516],size:[513],disabled:[516],variant:[513],smooth:[516]}]]],["p-4505feba",[[257,"bcm-text",{text:[1],variant:[1],size:[1],overflow:[4]}]]],["p-496014ca",[[257,"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"],status:["watchStatus"],errorMessage:["watchErrorMessage"]}]]],["p-61789456",[[257,"bcm-badge",{size:[1],variant:[1],color:[1],soft:[4],blink:[4],status:[1],position:[1],offset:[1],text:[1]}]]],["p-206d767e",[[257,"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"]}],[257,"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"]}],[257,"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"]}],[257,"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"]}],[257,"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"],trigger:["handleTriggerChange"],isOpen:["handleOpenChange"]}],[257,"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"],disabled:["handleDisabledChange"],placement:["handlePositionPropsChange"],offsetDistance:["handlePositionPropsChange"],showArrow:["handlePositionPropsChange"]}],[257,"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)}));
-//# sourceMappingURL=bromcom-ui.esm.js.map
+import{p as e,g as a,b as i}from"./p-Bwki4z6i.js";export{s as setNonce}from"./p-Bwki4z6i.js";(()=>{const a=import.meta.url,i={};return""!==a&&(i.resourcesUrl=new URL(".",a).href),e(i)})().then((async e=>(await a(),i([["p-89d33626",[[769,"bcm-dropdown",{text:[1],dropdownItems:[32]},[[2,"bcmDropDownItemChange","handleDropdownItemChange"]]]]],["p-db20dbcf",[[769,"bcm-avatar",{image:[1],alt:[1],shape:[1],size:[1],color:[1],icon:[1],status:[1],blink:[4],name:[1],isFallback:[32]}]]],["p-7c8ecdfa",[[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-3b7c8e3b",[[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-7ad76df7",[[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}]}]]],["p-a7fbd09a",[[769,"bcm-accordion",{expanded:[1540],headerTitle:[1,"header-title"],group:[516],hintText:[1,"hint-text"],hasFooterContent:[32],toggle:[64],expand:[64],collapse:[64]}]]],["p-c97ca6b6",[[769,"bcm-accordion-group",{multi:[4],accordionItems:[32],expandAll:[64],collapseAll:[64],getExpandedItems:[64]},[[2,"bcmAccordionChange","handleAccordionChange"]]]]],["p-1cfe347e",[[769,"bcm-basic-badge",{size:[1],variant:[1],color:[1],soft:[4],text:[1]}]]],["p-591aa652",[[769,"bcm-button-group",{kind:[1],size:[1],status:[1],fullWidth:[516,"full-width"],loading:[4],disabled:[4],orientation:[513]}]]],["p-e66f437b",[[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-dcac3bed",[[769,"bcm-chip",{size:[1],kind:[1],status:[1],dismissible:[4],disabled:[4],color:[1]}]]],["p-733e1a86",[[513,"bcm-divider",{direction:[1],variant:[1],size:[1]}]]],["p-a8cc5da0",[[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-6f2373fd",[[769,"bcm-dropdown-item",{text:[1],icon:[1],rightIcons:[16],selected:[516],error:[516],disabled:[516]}]]],["p-ba9cc044",[[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-99f3bd6d",[[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-17819b33",[[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-6bbd41fb",[[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-462b20e6",[[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-aa804fb6",[[513,"bcm-shortcut",{hotkey:[1],size:[1]}]]],["p-3e600c71",[[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-f1933acc",[[769,"bcm-tab",{value:[513],label:[513],disabled:[516],active:[1540],size:[1025]}]]],["p-aca10840",[[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-5f9f5655",[[769,"bcm-text",{text:[1],variant:[1],size:[1],overflow:[4]}]]],["p-7c221e26",[[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-fc0f5f95",[[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-ce975165",[[769,"bcm-alert",{status:[1],size:[1],kind:[1],dismissible:[4],showStatusIcon:[4,"show-status-icon"]}]]],["p-ed2ca423",[[769,"bcm-badge",{size:[1],variant:[1],color:[1],soft:[4],blink:[4],status:[1],position:[1],offset:[1],text:[1]}]]],["p-41e7b56a",[[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-70edadb8",[[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/global/global.js

@@ -11,39 +11,42 @@ addHeadScript({ src: 'https://kit.fontawesome.com/5e86bea963.js', crossOrigin: '
 
 const FA_GLOBAL_CSS = 'https://designsystem.bromcomcloud.com/fontawesome/6/css/all.min.css';
 
-customElements.define(
-  'bcm-icon',
-  class extends HTMLElement {
-    constructor() {
-      super();
-      const shadow = this.attachShadow({ mode: 'open' });
-      shadow.innerHTML = `
+// Check if the custom element is already defined to prevent re-registration errors
+if (!customElements.get('bcm-icon')) {
+  customElements.define(
+    'bcm-icon',
+    class extends HTMLElement {
+      constructor() {
+        super();
+        const shadow = this.attachShadow({ mode: 'open' });
+        shadow.innerHTML = `
         <link rel="stylesheet" href="${FA_GLOBAL_CSS}"/>
         <i></i>
       `;
-    }
+      }
 
-    static get observedAttributes() {
-      return ['name', 'icon-name'];
-    }
+      static get observedAttributes() {
+        return ['name', 'icon-name'];
+      }
 
-    attributeChangedCallback(name, oldValue, newValue) {
-      if ((name === 'name' || name === 'icon-name') && oldValue !== newValue) {
-        this.icon = newValue;
+      attributeChangedCallback(name, oldValue, newValue) {
+        if ((name === 'name' || name === 'icon-name') && oldValue !== newValue) {
+          this.icon = newValue;
+        }
       }
-    }
-
-    get icon() {
-      return this.getAttribute('name') || this.getAttribute('icon-name');
-    }
-
-    set icon(icon) {
-      this.shadowRoot.querySelector('i').className = `${icon}`;
-    }
-
-    connectedCallback() {
-      this.style.display = 'inline-block';
-      this.icon = this.icon;
-    }
-  },
-);
+
+      get icon() {
+        return this.getAttribute('name') || this.getAttribute('icon-name');
+      }
+
+      set icon(icon) {
+        this.shadowRoot.querySelector('i').className = `${icon}`;
+      }
+
+      connectedCallback() {
+        this.style.display = 'inline-block';
+        this.icon = this.icon;
+      }
+    },
+  );
+}

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

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=index.esm.js.map

package/dist/bromcom-ui/p-17819b33.entry.js

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

package/dist/bromcom-ui/p-1cfe347e.entry.js

@@ -0,0 +1 @@
+import{r as e,h as t}from"./p-Bwki4z6i.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:"3037c166d1fbb49f526f7a28617ea734851aaa9c",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:"30b5d324b438ef4565ebb3e44df3b99cf2dbd394",class:"badge-content"},t("slot",{key:"8a38782fd167c60f00e365e4e8e3089cf28ea0a0"})))}};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,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-3b7c8e3b.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,a as i,h as a}from"./p-Bwki4z6i.js";import{a as o,c as s,o as r,f as n,s as c,b as l}from"./p-DBDSgIvP.js";import{t as h}from"./p-CEcVC0yX.js";const d={info:"fa-solid fa-circle-info",success:"fa-solid fa-circle-check",warning:"fa-solid fa-triangle-exclamation",error:"fa-solid fa-circle-xmark"},p=class{constructor(i){t(this,i),this.bcmBeforeOpen=e(this,"bcmBeforeOpen",1),this.bcmOpen=e(this,"bcmOpen",1),this.bcmBeforeClose=e(this,"bcmBeforeClose",1),this.bcmClose=e(this,"bcmClose",1),this.bcmConfirm=e(this,"bcmConfirm",1),this.bcmCancel=e(this,"bcmCancel",1)}get host(){return i(this)}popconfirmRef;arrowRef;triggerRef;cleanupAutoUpdate;popconfirmId;placement="top";size="medium";status="info";headerText="";description="";confirmText="Yes";cancelText="Cancel";showArrow=!0;statusIcon=!0;offsetDistance=12;closeOnOutsideClick=!0;closeOnEscape=!0;isOpen=!1;bcmBeforeOpen;bcmOpen;bcmBeforeClose;bcmClose;bcmConfirm;bcmCancel;async handleOpenChange(t){this.popconfirmRef&&(t?(this.popconfirmRef.showPopover(),await new Promise((t=>requestAnimationFrame((()=>t(void 0))))),await this.updatePosition(),this.startAutoUpdate(),this.bcmOpen.emit(),this.closeOnOutsideClick&&requestAnimationFrame((()=>{document.addEventListener("click",this.handleOutsideClick)}))):(this.popconfirmRef.hidePopover(),this.stopAutoUpdate(),this.bcmClose.emit(),document.removeEventListener("click",this.handleOutsideClick)))}async show(){this.isOpen||(this.bcmBeforeOpen.emit(),this.isOpen=!0)}async hide(){this.isOpen&&(this.bcmBeforeClose.emit(),this.isOpen=!1)}async toggle(){this.isOpen?await this.hide():await this.show()}startAutoUpdate(){this.triggerRef&&this.popconfirmRef&&(this.cleanupAutoUpdate=o(this.triggerRef,this.popconfirmRef,(()=>this.updatePosition()),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0}))}stopAutoUpdate(){this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=void 0)}async updatePosition(){if(!this.triggerRef||!this.popconfirmRef)return;const t=[r(this.offsetDistance),n(),c({padding:8})];this.showArrow&&this.arrowRef&&t.push(l({element:this.arrowRef}));const e={getBoundingClientRect:()=>this.triggerRef.getBoundingClientRect()},{x:i,y:a,placement:o,middlewareData:h}=await s(e,this.popconfirmRef,{placement:this.placement,strategy:"fixed",middleware:t});if(this.popconfirmRef.style.left=`${i}px`,this.popconfirmRef.style.top=`${a}px`,this.showArrow&&this.arrowRef&&h.arrow){const{x:t,y:e}=h.arrow,i={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]];Object.assign(this.arrowRef.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[i]:"-4px"})}}handleSlotChange=()=>{const t=this.host.shadowRoot?.querySelector("slot:not([name])");if(!t)return;const e=t.assignedElements();this.triggerRef=e[0]||this.host,this.triggerRef&&(this.popconfirmRef&&this.popconfirmId&&this.triggerRef.setAttribute("aria-describedby",this.popconfirmId),this.removeTriggerListeners(),this.setupTriggerListeners())};setupTriggerListeners(){this.triggerRef&&this.triggerRef.addEventListener("click",this.handleTriggerClick)}removeTriggerListeners(){this.triggerRef&&this.triggerRef.removeEventListener("click",this.handleTriggerClick)}handleTriggerClick=()=>{this.toggle()};handleOutsideClick=t=>{if(!this.closeOnOutsideClick||!this.isOpen)return;const e=t.target;this.host.contains(e)||this.popconfirmRef?.contains(e)||this.handleCancel()};handleKeyDown(t){if(this.closeOnEscape&&this.isOpen&&"Escape"===t.key){const e=Array.from(document.querySelectorAll("bcm-pop-confirm")).filter((t=>{const e=t.shadowRoot?.querySelector("[popover]");return e?.matches(":popover-open")}));e[e.length-1]===this.host&&(t.preventDefault(),t.stopPropagation(),this.handleCancel())}}handleToggle=t=>{"open"!==t.newState||this.isOpen?"closed"===t.newState&&this.isOpen&&(this.isOpen=!1):this.isOpen=!0};handleConfirm=()=>{this.bcmConfirm.emit(),this.hide()};handleCancel=()=>{this.bcmCancel.emit(),this.hide()};componentWillLoad(){this.popconfirmId=`popconfirm-${Math.random().toString(36).substring(2,11)}`}componentDidLoad(){this.popconfirmRef&&this.popconfirmRef.addEventListener("toggle",this.handleToggle)}disconnectedCallback(){this.stopAutoUpdate(),this.removeTriggerListeners(),document.removeEventListener("click",this.handleOutsideClick),this.popconfirmRef&&this.popconfirmRef.removeEventListener("toggle",this.handleToggle)}popconfirmClass=h({slots:{container:"bcm-ui-element fixed m-0 flex flex-col bg-[--popover-bg] rounded-lg shadow-3 z-[9999]",arrow:"absolute w-3 h-3 bg-[--popover-bg] rotate-45",closeBtn:"absolute flex size-6 items-center justify-center hover:bg-gray-100 rounded-full cursor-pointer text-color-muted",header:"flex items-center pr-8",headerLeft:"flex items-center gap-2",title:"!text-color-header font-semibold",body:"flex-1 font-sans text-pretty",footer:"flex flex-row justify-end gap-2"},variants:{size:{small:{container:"text-size-4 max-w-64 p-4 gap-4",title:"text-size-5",closeBtn:"top-3 right-3"},medium:{container:"text-size-5 max-w-80 p-6 gap-6",title:"text-size-6",closeBtn:"top-4 right-4"},large:{container:"text-size-6 max-w-96 p-8 gap-8",title:"text-size-7",closeBtn:"top-6 right-6"}},status:{info:{headerLeft:"text-[var(--bcm-ui-color-text-info)]"},success:{headerLeft:"text-[var(--bcm-ui-color-text-success)]"},warning:{headerLeft:"text-[var(--bcm-ui-color-text-warning)]"},error:{headerLeft:"text-[var(--bcm-ui-color-text-error)]"}}}});render(){const{container:t,arrow:e,header:i,headerLeft:o,title:s,closeBtn:r,body:n,footer:c}=this.popconfirmClass({size:this.size,status:this.status}),l=this.statusIcon&&this.headerText,h=Boolean(this.headerText);return a("div",{key:"985ba921107bf870e348dd0fa40b7857e7414b09",class:"inline-block"},a("slot",{key:"82cc3b90408f45d81de20ad8e3754268ed696923",onSlotchange:this.handleSlotChange}),a("div",{key:"aae490c4a85506ac2f7913e73bad13db222691af",ref:t=>this.popconfirmRef=t,id:this.popconfirmId,part:"container",class:t(),popover:"manual",role:"alertdialog","aria-labelledby":h?`${this.popconfirmId}-header`:void 0,"aria-describedby":`${this.popconfirmId}-body`},this.showArrow&&a("div",{key:"0f0206b3c9dbc5367722aff328213cd051545a5e",ref:t=>this.arrowRef=t,part:"arrow",class:e()}),a("div",{key:"63db024fbcf36b039bb2d92a348f408535726bc2",class:r(),onClick:this.handleCancel,role:"button",tabIndex:0,"aria-label":"Close"},a("bcm-icon",{key:"fd2c3555d4f731cde8264fe05be260121a8794d9","icon-name":"far fa-times"})),a("header",{key:"9646ac05e11ed66f71307d897886a4a04802df00",class:i()},a("div",{key:"0a22746831a55d17d07159d17c0576ed57a387bd",class:o()},l&&a("bcm-icon",{key:"cf8b7aeb37ee8008d1dd51d93e4b6085e1a6a4c8","icon-name":d[this.status]}),h&&a("span",{key:"3ad7f7a1c3274b7566128a67d27e0eb49a021a61",id:`${this.popconfirmId}-header`,class:s()},this.headerText),a("slot",{key:"75ace281d6c80dec32e861ff644908942f60ae23",name:"header"}))),a("main",{key:"aeff840362307b0f9ac593cede066adb00f9048e",id:`${this.popconfirmId}-body`,part:"body",class:n()},a("slot",{key:"13d5c301c27bc44a1b36100f861fa591a100d5fd",name:"body"},this.description)),a("footer",{key:"6c4268cbb69ffde526f7cc4f6c436b97e20e13dc",part:"footer",class:c()},a("slot",{key:"51423865e3293cc8a75635d9ef961c2267af361e",name:"footer"},a("bcm-button",{key:"c49d49e793994d5a6d59f5aed5d0fe345f81413f",kind:"outline",size:this.size,onClick:this.handleCancel},this.cancelText),a("bcm-button",{key:"b47151e6d9f6cc08a9111a840b3656f19d266ba2",size:this.size,status:this.status,kind:"primary",onClick:this.handleConfirm},this.confirmText)))))}static get watchers(){return{isOpen:[{handleOpenChange:0}]}}};p.style=".visible{visibility:visible}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.text-wrap{text-wrap:wrap}.border{border-width:1px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{--popover-bg:var(--bcm-ui-color-background-basic-panel);display:inline-block}[popover]{border:none;overflow:visible;padding:0}[popover]:not(:popover-open){display:none}[popover]:popover-open{opacity:1;transform:scale(1);transition:opacity .15s ease-out,transform .15s ease-out}@starting-style{[popover]:popover-open{opacity:0;transform:scale(.95)}}::slotted([slot=body]){text-wrap:pretty;font-family:Inter,sans-serif}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-6{top:1.5rem}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.size-6{height:1.5rem;width:1.5rem}.h-3{height:.75rem}.w-3{width:.75rem}.max-w-64{max-width:16rem}.max-w-80{max-width:20rem}.max-w-96{max-width:24rem}.flex-1{flex:1 1 0%}.rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.text-pretty{text-wrap:pretty}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-\\[--popover-bg\\]{background-color:var(--popover-bg)}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.pr-8{padding-right:2rem}.font-sans{font-family:Inter,sans-serif}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.text-size-7{font-size:var(--bcm-ui-font-size-7,20px);line-height:var(--bcm-ui-line-height-7,28px)}.font-semibold{font-weight:600}.\\!text-color-header{color:var(--bcm-ui-color-text-header)!important}.text-\\[var\\(--bcm-ui-color-text-error\\)\\]{color:var(--bcm-ui-color-text-error)}.text-\\[var\\(--bcm-ui-color-text-info\\)\\]{color:var(--bcm-ui-color-text-info)}.text-\\[var\\(--bcm-ui-color-text-success\\)\\]{color:var(--bcm-ui-color-text-success)}.text-\\[var\\(--bcm-ui-color-text-warning\\)\\]{color:var(--bcm-ui-color-text-warning)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\\:bg-gray-100:hover{background-color:oklch(.967 .003 264.542)}";export{p as bcm_pop_confirm}

package/dist/bromcom-ui/p-3e600c71.entry.js

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

package/dist/bromcom-ui/p-41e7b56a.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,a as s,h as i,H as a}from"./p-Bwki4z6i.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}.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}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.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-462b20e6.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,a as i,h as a}from"./p-Bwki4z6i.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,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}

package/dist/bromcom-ui/p-591aa652.entry.js

@@ -0,0 +1 @@
+import{r as t,a as o,h as i,H as s}from"./p-Bwki4z6i.js";import{t as a}from"./p-CEcVC0yX.js";const e=class{constructor(o){t(this,o)}get host(){return o(this)}kind;size;status;fullWidth;loading;disabled;orientation="horizontal";componentDidLoad(){this.applyPropertiesToButtons(),this.setButtonPositions()}componentDidUpdate(){this.applyPropertiesToButtons(),this.setButtonPositions()}applyPropertiesToButtons(){this.host.querySelectorAll("bcm-button").forEach((t=>{void 0!==this.kind&&(t.kind=this.kind),void 0!==this.size&&(t.size=this.size),void 0!==this.status&&(t.status=this.status),void 0!==this.fullWidth&&(t.fullWidth=this.fullWidth),void 0!==this.loading&&(t.loading=this.loading),void 0!==this.disabled&&(t.disabled=this.disabled),"vertical"===this.orientation?t.classList.add("orientation-vertical"):t.classList.remove("orientation-vertical")}))}setButtonPositions(){const t=this.host.querySelectorAll("bcm-button"),o=t.length;0!==o&&t.forEach(((t,i)=>{t.position=1===o?null:0===i?"first":i===o-1?"last":"middle"}))}buttonGroupClass=a({base:"bcm-button-group",variants:{orientation:{horizontal:"flex flex-row",vertical:"flex flex-col"},fullWidth:{true:"w-full"}},defaultVariants:{orientation:"horizontal"}},{twMerge:!1});render(){return i(s,{key:"42a9051e2eeab8f880fd35cb835cad4f3c0d659a"},i("div",{key:"e36047b5d0e5371f5efeb85d734ee674d49f3cd1",class:this.buttonGroupClass({orientation:this.orientation,fullWidth:this.fullWidth})},i("slot",{key:"9a3dc21ece55d215a47104b9650764fbea69980a"})))}};e.style=".block{display:block}.flex{display:flex}:host{display:block}.bcm-button-group{display:flex}.w-full{width:100%}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";export{e as bcm_button_group}

package/dist/bromcom-ui/p-5f9f5655.entry.js

@@ -0,0 +1 @@
+import{r as e,h as t}from"./p-Bwki4z6i.js";import{c as o}from"./p-BfTCfPZ1.js";const l={display:"h1",heading1:"h2",heading2:"h3",title1:"h4",title2:"h5",title3:"h6",body:"p",bodyAccent:"p",helper:"p",caption:"p",label:"label",placeholder:"p",link:"a",info:"p",infoAccent:"p"},i=class{constructor(t){e(this,t)}text;variant="body";size="medium";overflow=!1;variantClassMap={display:"font-semibold text-size-12 text-color-header",heading1:"font-semibold text-size-7 text-color-header",heading2:"font-semibold text-size-6 text-color-header",title1:{small:"font-semibold text-size-5 text-color-header",medium:"font-semibold text-size-6 text-color-header",large:"font-semibold text-size-7 text-color-header"},title2:{small:"font-semibold text-size-4 text-color-default",medium:"font-semibold text-size-5 text-color-default",large:"font-semibold text-size-6 text-color-default"},title3:{small:"font-semibold text-size-3 text-color-disabled",medium:"font-semibold text-size-4 text-color-disabled",large:"font-semibold text-size-5 text-color-disabled"},body:{small:"font-regular text-size-4 text-color-default",medium:"font-regular text-size-5 text-color-default",large:"font-regular text-size-6 text-color-default"},bodyAccent:{small:"font-medium text-size-4 text-color-default",medium:"font-medium text-size-5 text-color-default",large:"font-medium text-size-6 text-color-default"},helper:{small:"font-regular text-size-4 text-color-helper",medium:"font-regular text-size-5 text-color-helper",large:"font-regular text-size-6 text-color-helper"},caption:{small:"font-regular text-size-3 text-color-caption",medium:"font-regular text-size-4 text-color-caption",large:"font-regular text-size-5 text-color-caption"},link:{small:"font-medium text-size-4 underline text-color-primary",medium:"font-medium text-size-5 underline text-color-primary",large:"font-medium text-size-6 underline text-color-primary"},label:{small:"font-medium text-size-3 text-color-label",medium:"font-medium text-size-4 text-color-label",large:"font-medium text-size-5 text-color-label"},placeholder:{small:"font-regular text-size-4 text-color-placeholder",medium:"font-regular text-size-5 text-color-placeholder",large:"font-regular text-size-6 text-color-placeholder"},info:{small:"font-regular text-size-3 text-color-default",medium:"font-regular text-size-4 text-color-default",large:"font-regular text-size-5 text-color-default"},infoAccent:{small:"font-medium text-size-3 text-color-header",medium:"font-medium text-size-4 text-color-header",large:"font-medium text-size-5 text-color-header"}};getTextClass=(e,t)=>{const o=this.variantClassMap[e];return"string"==typeof o?o:o[t]};getOverflowClass=e=>e?"truncate":"";render(){const e=l[this.variant],i=this.getTextClass(this.variant,this.size),r=this.getOverflowClass(this.overflow??!1);return t(e,{key:"85ec61a3d07a8af770df96c670412ad25e806bde",class:o("bcm-text appearance-none m-0 p-0",i,r),part:"text"},t("slot",{key:"8573976df58533f8496afa3e9898916abf269bb4"},this.text))}};i.style=".m-0{margin:0}.appearance-none{appearance:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-0{padding:0}.text-size-12{font-size:var(--bcm-ui-font-size-12,60px);line-height:var(--bcm-ui-line-height-12,72px)}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.text-size-7{font-size:var(--bcm-ui-font-size-7,20px);line-height:var(--bcm-ui-line-height-7,28px)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-color-caption{color:var(--bcm-ui-color-text-caption)}.text-color-default{color:var(--bcm-ui-color-text-default)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-header{color:var(--bcm-ui-color-text-header)}.text-color-helper{color:var(--bcm-ui-color-text-helper)}.text-color-label{color:var(--bcm-ui-color-text-label)}.text-color-placeholder{color:var(--bcm-ui-color-text-placeholder)}.text-color-primary{color:var(--bcm-ui-color-text-primary)}.underline{text-decoration-line:underline}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";export{i as bcm_text}

package/dist/bromcom-ui/p-6bbd41fb.entry.js

@@ -0,0 +1 @@
+import{r as e,c as r,a as i,h as o}from"./p-Bwki4z6i.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,sans-serif}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.size-2{height:.5rem;width:.5rem}.size-2\\.5{height:.625rem;width:.625rem}.size-3{height:.75rem;width:.75rem}.size-3\\.5{height:.875rem;width:.875rem}.size-4{height:1rem;width:1rem}.size-\\[18px\\]{height:18px;width:18px}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--bcm-radio-bg\\]{background-color:var(--bcm-radio-bg)}.bg-\\[--bcm-radio-checked\\]{background-color:var(--bcm-radio-checked)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-\\[--bcm-radio-text-color\\]{color:var(--bcm-radio-text-color)}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-\\[inset_0_0_0_1px_var\\(--bcm-radio-border\\)\\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[inset_0_0_0_1px_var\\(--bcm-radio-border\\)\\]{--tw-shadow:inset 0 0 0 1px var(--bcm-radio-border);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color)}.shadow-\\[inset_0_0_0_3px_var\\(--bcm-radio-border\\)\\]{--tw-shadow:inset 0 0 0 3px var(--bcm-radio-border);--tw-shadow-colored:inset 0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.focus-visible\\:ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group:hover .group-hover\\:shadow-\\[inset_0_0_0_1px_var\\(--bcm-radio-border-hover\\)\\]{--tw-shadow:inset 0 0 0 1px var(--bcm-radio-border-hover);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";export{d as bcm_radio}

package/dist/bromcom-ui/p-6f2373fd.entry.js

@@ -0,0 +1 @@
+import{r as e,c as o,a as r,h as a}from"./p-Bwki4z6i.js";import{t}from"./p-CEcVC0yX.js";const c=class{constructor(r){e(this,r),this.bcmDropDownItemChange=o(this,"bcmDropDownItemChange",1)}get host(){return r(this)}text;icon;rightIcons;selected=!1;error=!1;disabled=!1;bcmDropDownItemChange;handleClick(){this.selected=!0,this.bcmDropDownItemChange.emit({element:this.host,selected:this.selected})}dropdownItemClass=t({base:"dropdown-item bcm-ui-element bcm-ui-content-display flex flex-row gap-2 py-2 px-4 cursor-pointer text-color",variants:{selected:{true:"bg-[var(--bcm-ui-color-background-base-active)] hover:bg-[var(--bcm-ui-color-background-base-active)]",false:"hover:bg-[var(--bcm-ui-color-background-base-hover)]"},error:{true:"bg-[var(--bcm-ui-color-background-palette-red-default)] hover:bg-[var(--bcm-ui-color-background-palette-red-default)]",false:""},disabled:{true:"",false:""}},defaultVariants:{selected:!1,error:!1,disabled:!1}},{twMerge:!1});render(){return a("div",{key:"0b5f3d4997309d6e3f2451a1aa453c42703a7e20","aria-checked":this.selected,class:this.dropdownItemClass({selected:this.selected,error:this.error}),onClick:()=>this.handleClick()},a("slot",{key:"20bef8986cdef421bab9f60038635e9a7c0d6264",name:"left-content"},this.icon&&a("bcm-icon",{key:"04113cb95e8df6237708bdc673d46b7924f7fe20","icon-name":this.icon})),a("div",{key:"1eaa13a25dc8330ed14a6272f54f06fad1f50ddb",class:"flex flex-row text-pretty w-full"},a("slot",{key:"5f2950dbc483396bd85d6b6a2e986dddd7a41ca7"},this.text)),a("slot",{key:"4cc0e6282f027935a381c738909108995e6ad5f1",name:"right-content"},this.rightIcons?.map((e=>a("bcm-icon",{"icon-name":e})))))}};c.style=".flex{display:flex}:host{display:inline-block;width:100%}::slotted([slot=left-content]){align-items:center;display:flex;flex-direction:row;gap:8px}::slotted([slot=right-content]){align-items:center;display:flex;flex-direction:row;gap:8px}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.w-full{width:100%}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.gap-2{gap:.5rem}.text-pretty{text-wrap:pretty}.bg-\\[var\\(--bcm-ui-color-background-base-active\\)\\]{background-color:var(--bcm-ui-color-background-base-active)}.bg-\\[var\\(--bcm-ui-color-background-palette-red-default\\)\\]{background-color:var(--bcm-ui-color-background-palette-red-default)}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\\:bg-\\[var\\(--bcm-ui-color-background-base-active\\)\\]:hover{background-color:var(--bcm-ui-color-background-base-active)}.hover\\:bg-\\[var\\(--bcm-ui-color-background-base-hover\\)\\]:hover{background-color:var(--bcm-ui-color-background-base-hover)}.hover\\:bg-\\[var\\(--bcm-ui-color-background-palette-red-default\\)\\]:hover{background-color:var(--bcm-ui-color-background-palette-red-default)}";export{c as bcm_dropdown_item}

package/dist/bromcom-ui/p-70edadb8.entry.js

@@ -0,0 +1 @@
+import{r as t,c as o,h as i,H as e}from"./p-Bwki4z6i.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-button appearance-none inline-flex items-center justify-center border border-solid rounded outline-0",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:"af2b86336e9a134bf3dac7d9179775fc3f6470c7"},i("button",{key:"2dcc7e08d23e0ed68449ab7659439a31bf6f2a74",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:"f605539b1f76e6d986190877e4127113f4a8d01f",name:"loading"}),i("span",{key:"dda0ffce02bb3aaf5168dbe812ae82b8e8eb7ad9"},i("slot",{key:"47d25e4d474c851c68a153a41500d868e7a0e19d",name:"prefix"},"prefix"===o&&t&&i("i",{key:"e7647359b03f32b3f455fc191b417e768841eb3b",class:" leading-none "+t}))),i("slot",{key:"c06a0611476801a55366a0d007ed82712d031184"},this.buttonText),i("span",{key:"f4f4336cedfe13c7af3f3c258a3b26fc4f1687c0"},i("slot",{key:"86062841c4b845316f6ba8198bc574fbaac3d75d",name:"suffix"},"suffix"===o&&t&&i("i",{key:"8c7979c78d3c447068837823a7b00ca05e231447",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}.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}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.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,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}.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-733e1a86.entry.js

@@ -0,0 +1 @@
+import{r,h as d}from"./p-Bwki4z6i.js";import{t as o}from"./p-CEcVC0yX.js";const e=class{constructor(d){r(this,d)}direction="horizontal";variant="solid";size="medium";dividerClass=o({base:"border-[--bcm-divider-border]",variants:{direction:{horizontal:"w-full border-t",vertical:"h-full border-l"},variant:{solid:"border-solid",dashed:"border-dashed",dotted:"border-dotted"},size:{small:"border-[1px]",medium:"border-2",large:"border-4"}},defaultVariants:{direction:"horizontal",variant:"solid",size:"medium"}},{twMerge:!1});render(){return d("div",{key:"4ca6f1f3cca5b7a2e18773e9881bd1ffdd763980",role:"separator","aria-orientation":this.direction,class:this.dividerClass({direction:this.direction,variant:this.variant,size:this.size})})}};e.style=".block{display:block}:host{--bcm-divider-border:var(--bcm-ui-color-border-default);display:block}.h-full{height:100%}.w-full{width:100%}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\\[1px\\]{border-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-\\[--bcm-divider-border\\]{border-color:var(--bcm-divider-border)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";export{e as bcm_divider}

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

@@ -0,0 +1 @@
+import{r as e,c as t,a as i,h as o,H as a}from"./p-Bwki4z6i.js";import{t as r}from"./p-CEcVC0yX.js";const s=class{constructor(i){e(this,i),this.bcmSegmentClick=t(this,"bcmSegmentClick",5)}get el(){return i(this)}value;disabled=!1;selected=!1;size="medium";index=0;activeIndex=0;bcmSegmentClick;handleClick=()=>{this.disabled||this.bcmSegmentClick.emit(this.value)};segmentClass=r({base:"segment relative z-20 px-3 text-center font-medium transition-colors border-none bg-transparent select-none",variants:{size:{small:"text-size-4 py-px",medium:"text-size-5 py-1",large:"text-size-6 py-2"},selected:{true:"text-color-header",false:"text-color-helper"},disabled:{true:"cursor-not-allowed opacity-50",false:"cursor-pointer hover:text-color-header"}}});render(){const e=this.selected||this.index===this.activeIndex-1;return o(a,{key:"d3d3265ae4e7123629ed1d6a63e05013c8a124c5",role:"radio","aria-checked":this.selected.toString()},o("button",{key:"25674825d7ad8dd3c07f066037bf2d7d06e6c53a",class:this.segmentClass({size:this.size,selected:this.selected,disabled:this.disabled}),onClick:this.handleClick,disabled:this.disabled,type:"button"},o("slot",{key:"da70b178f010942dbec9c3cfa1cce1255a549d45"})),o("div",{key:"bd08f943afe158ab727f9dd8f41d436a9d4c1c3f",class:"divider "+(e?"divider-hidden":"")}))}};s.style=".absolute{position:absolute}.relative{position:relative}.flex{display:flex}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{align-items:center;display:flex;position:relative;width:100%}.segment{flex:1;white-space:nowrap;width:100%}.divider{background-color:var(--bcm-ui-color-border-default);height:20px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:opacity .8s cubic-bezier(.4,0,.2,1);width:1px}.divider-hidden{opacity:0}.static{position:static}.z-20{z-index:20}.hidden{display:none}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.border-none{border-style:none}.bg-transparent{background-color:transparent}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-px{padding-bottom:1px;padding-top:1px}.text-center{text-align:center}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-color-header{color:var(--bcm-ui-color-text-header)}.text-color-helper{color:var(--bcm-ui-color-text-helper)}.opacity-50{opacity:.5}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\\:text-color-header:hover{color:var(--bcm-ui-color-text-header)}";const d=class{constructor(i){e(this,i),this.bcmSegmentChange=t(this,"bcmSegmentChange",1),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}get el(){return i(this)}internals;value;name;required=!1;size="medium";fullWidth=!1;disabled=!1;shadow=!1;bcmSegmentChange;segments=[];activeIndex=0;segmentElements=[];hiddenInput;componentWillLoad(){this.discoverSegments(),this.updateActiveIndex(),this.updateFormValueAndValidity()}componentDidLoad(){this.updateSegmentStates(),this.updateCSSVariables(),this.propagatePropsToSegments()}formResetCallback(){const e=this.segments.find((e=>!e.disabled));e&&(this.value=e.value)}discoverSegments(){if(this.segmentElements=Array.from(this.el.querySelectorAll("bcm-segment")),this.segments=this.segmentElements.map((e=>({value:e.value,disabled:e.disabled||!1}))),!this.value&&this.segments.length>0){const e=this.segments.find((e=>!e.disabled));e&&(this.value=e.value)}}updateActiveIndex(){const e=this.segments.findIndex((e=>e.value===this.value));this.activeIndex=e>=0?e:0}updateFormValueAndValidity(){this.internals&&(this.internals.setFormValue(this.value||""),this.hiddenInput)&&(this.hiddenInput.value=this.value||"",this.hiddenInput.required=this.required,this.hiddenInput.disabled=this.disabled,this.internals.setValidity(this.hiddenInput.validity,this.hiddenInput.validationMessage,this.hiddenInput))}updateSegmentStates(){this.segmentElements.forEach((e=>{e.selected=e.value===this.value}))}updateCSSVariables(){const e=this.el.shadowRoot?.querySelector(".segmented-container");if(e&&this.segments.length>0){const t=100/this.segments.length;e.style.setProperty("--indicator-left",this.activeIndex*t+"%"),e.style.setProperty("--indicator-width",`${t}%`)}}handleValueChange(e,t){this.updateActiveIndex(),this.updateSegmentStates(),this.updateCSSVariables(),this.updateFormValueAndValidity(),void 0!==t&&t!==e&&this.bcmSegmentChange.emit({value:e,previousValue:t})}handleValidationPropsChange(){this.updateFormValueAndValidity()}handleSizeChange(){this.propagatePropsToSegments()}propagatePropsToSegments(){this.segmentElements.forEach(((e,t)=>{e.size=this.size,e.index=t,e.activeIndex=this.activeIndex}))}handleSegmentClick(e){const t=e.detail,i=this.segments.find((e=>e.value===t));!i||i.disabled||this.disabled||(this.value=t)}async setValue(e){const t=this.segments.find((t=>t.value===e));t&&!t.disabled&&(this.value=e)}async getValue(){return this.value}containerClass=r({base:"segmented-container inline-flex relative rounded-lg border border-solid border-color-default bg-color-default overflow-hidden",variants:{size:{small:"text-size-4",medium:"text-size-5",large:"text-size-6"},fullWidth:{true:"w-full",false:"w-auto"},shadow:{true:"shadow-md",false:""},disabled:{true:"opacity-50 cursor-not-allowed",false:"cursor-pointer"}}});indicatorClass=r({base:"indicator absolute inset-y-0 bg-color-base rounded shadow-sm z-20",variants:{size:{small:"",medium:"",large:""}}});render(){return o(a,{key:"d683bdecebb89e1d4d33ef6933c6ffdb985f9433"},o("input",{key:"c25cb5619335727343be756918f47043cb233ac0",ref:e=>this.hiddenInput=e,type:"text",name:this.name,value:this.value||"",required:this.required,disabled:this.disabled,tabindex:-1,style:{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",border:"0"},"aria-hidden":"true"}),o("div",{key:"d0e98df2def8f54ad40c87cce34f61f0e42e70b8",class:this.containerClass({size:this.size,fullWidth:this.fullWidth,shadow:this.shadow,disabled:this.disabled}),role:"radiogroup","aria-required":this.required,"aria-disabled":this.disabled},o("div",{key:"5d078f9dbca4e339a724a8e3908f963345c53ea2",class:this.indicatorClass({size:this.size})}),o("div",{key:"af88b7d1e86f93c3199e507d7bd0dbbcc9ffe9f4",class:"segments-grid grid grid-auto-flow-col grid-auto-columns-fr relative w-full"},o("slot",{key:"0e4093d51d3eb3f6167bdcc54ed58fc739cf9aba"}))))}static get formAssociated(){return!0}static get watchers(){return{value:[{handleValueChange:0}],required:[{handleValidationPropsChange:0}],disabled:[{handleValidationPropsChange:0}],size:[{handleSizeChange:0}]}}};d.style=".block{display:block}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{display:block}.segmented-container{--indicator-left:0%;--indicator-width:0%}.indicator{left:var(--indicator-left);transition:all .2s cubic-bezier(.4,0,.2,1);width:var(--indicator-width)}.grid-auto-flow-col{grid-auto-flow:column}.grid-auto-columns-fr{grid-auto-columns:minmax(0,1fr)}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static}.absolute{position:absolute}.relative{position:relative}.inset-y-0{bottom:0;top:0}.z-20{z-index:20}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.w-auto{width:auto}.w-full{width:100%}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.border{border-width:1px}.border-solid{border-style:solid}.border-color-default{border-color:var(--bcm-ui-color-border-default)}.bg-color-base{background-color:var(--bcm-ui-color-background-base-default)}.bg-color-default{background-color:var(--bcm-ui-color-background-default-default)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.opacity-50{opacity:.5}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:var(--bcm-ui-box-shadow-md);--tw-shadow-colored:var(--bcm-ui-box-shadow-md)}.shadow-sm{--tw-shadow:var(--bcm-ui-box-shadow-sm);--tw-shadow-colored:var(--bcm-ui-box-shadow-sm);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";export{s as bcm_segment,d as bcm_segmented_picker}

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

@@ -0,0 +1 @@
+import{r as e,c as t,a as r,h as o}from"./p-Bwki4z6i.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,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:oklch(70.7% .022 261.325deg);opacity:1}input::placeholder,textarea::placeholder{color:oklch(70.7% .022 261.325deg);opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:host{display:block;width:100%}.bcm-textarea__container{display:flex;flex-direction:column;width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.mt-1{margin-top:.25rem}.min-h-0{min-height:0}.min-h-\\[3rem\\]{min-height:3rem}.min-h-\\[4rem\\]{min-height:4rem}.min-h-\\[5rem\\]{min-height:5rem}.w-full{width:100%}.grow{flex-grow:1}.cursor-not-allowed{cursor:not-allowed}.\\!resize-none{resize:none!important}.\\!resize-y{resize:vertical!important}.\\!resize-x{resize:horizontal!important}.\\!resize{resize:both!important}.appearance-none{appearance:none}.flex-col{flex-direction:column}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border-0{border-width:0}.border-solid{border-style:solid}.border-\\[--bcm-ui-color-border-default\\]{border-color:var(--bcm-ui-color-border-default)}.border-\\[--bcm-ui-color-border-error\\]{border-color:var(--bcm-ui-color-border-error)}.border-\\[--bcm-ui-color-border-info\\]{border-color:var(--bcm-ui-color-border-info)}.border-\\[--bcm-ui-color-border-success\\]{border-color:var(--bcm-ui-color-border-success)}.border-\\[--bcm-ui-color-border-warning\\]{border-color:var(--bcm-ui-color-border-warning)}.bg-\\[--bcm-ui-color-background-base-default\\]{background-color:var(--bcm-ui-color-background-base-default)}.bg-transparent{background-color:transparent}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-right{text-align:right}.font-sans{font-family:Inter,sans-serif}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-\\[--bcm-ui-color-text-caption\\]{color:var(--bcm-ui-color-text-caption)}.text-\\[--bcm-ui-color-text-default\\]{color:var(--bcm-ui-color-text-default)}.text-\\[--bcm-ui-color-text-disabled\\]{color:var(--bcm-ui-color-text-disabled)}.text-\\[--bcm-ui-color-text-error\\]{color:var(--bcm-ui-color-text-error)}.text-\\[--bcm-ui-color-text-info\\]{color:var(--bcm-ui-color-text-info)}.text-\\[--bcm-ui-color-text-placeholder\\]{color:var(--bcm-ui-color-text-placeholder)}.text-\\[--bcm-ui-color-text-success\\]{color:var(--bcm-ui-color-text-success)}.text-\\[--bcm-ui-color-text-warning\\]{color:var(--bcm-ui-color-text-warning)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-label{color:var(--bcm-ui-color-text-label)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-0{outline-width:0}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-\\[--bcm-ui-color-border-primary\\]{--tw-ring-color:var(--bcm-ui-color-border-primary)}.ring-opacity-50{--tw-ring-opacity:0.5}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.placeholder\\:font-normal::placeholder{font-weight:400}.placeholder\\:text-\\[--bcm-ui-color-text-placeholder\\]::placeholder{color:var(--bcm-ui-color-text-placeholder)}.hover\\:border-\\[--bcm-ui-color-border-error\\]:hover{border-color:var(--bcm-ui-color-border-error)}.hover\\:border-\\[--bcm-ui-color-border-info\\]:hover{border-color:var(--bcm-ui-color-border-info)}.hover\\:border-\\[--bcm-ui-color-border-primary\\]:hover{border-color:var(--bcm-ui-color-border-primary)}.hover\\:border-\\[--bcm-ui-color-border-success\\]:hover{border-color:var(--bcm-ui-color-border-success)}.hover\\:border-\\[--bcm-ui-color-border-warning\\]:hover{border-color:var(--bcm-ui-color-border-warning)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-error\\]:has(:focus){border-color:var(--bcm-ui-color-border-error)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-info\\]:has(:focus){border-color:var(--bcm-ui-color-border-info)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-primary\\]:has(:focus){border-color:var(--bcm-ui-color-border-primary)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-success\\]:has(:focus){border-color:var(--bcm-ui-color-border-success)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-warning\\]:has(:focus){border-color:var(--bcm-ui-color-border-warning)}';export{h as bcm_textarea}

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

@@ -0,0 +1 @@
+import{r as e,c as t,a as i,h as o,F as r,H as s}from"./p-Bwki4z6i.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,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-89d33626.entry.js

@@ -0,0 +1 @@
+import{r as o,c as e,a as t,h as d,H as a}from"./p-Bwki4z6i.js";import{t as r}from"./p-CEcVC0yX.js";const s=class{constructor(t){o(this,t),this.bcmDropdownChange=e(this,"bcmDropdownChange",1)}get host(){return t(this)}text;dropdownItems=[];bcmDropdownChange;handleDropdownItemChange(o){const{element:e,selected:t}=o?.detail;this.dropdownItems?.forEach((o=>{o!=e&&(o.selected=!1)})),this.bcmDropdownChange.emit({element:e,selected:t})}dropdownClass=r({base:"dropdown flex flex-col items-center min-w-10 shadow-3 max-w-64 max-h-64 w-full bg-color-basic-panel rounded-lg py-1.5 overflow-y-auto"});handleSlotChange=()=>{this.dropdownItems=Array.from(this.host.querySelectorAll("bcm-dropdown-item")),0===this.dropdownItems.length&&console.warn("No dropdown items found in dropdown component")};render(){return d(a,{key:"dc7507270acf944f02ce92b1a8ebb8c7589063bc"},d("bcm-linked",{key:"4106bc451f58174e11bf9685c2898ecd9c9f5595",trigger:"click",placement:"bottom-start"},d("bcm-button",{key:"7412482b294e1d21c1056ca43c14e9d8638e8020",kind:"outline",slot:"trigger"},d("span",{key:"b835c4dfddb5cfa5c79d7b0160b01edb479554bc",part:"text"},this.text)),d("div",{key:"e858881b03445c105950ac11835e3278c464c348",part:"dropdown-container",class:this.dropdownClass()},d("slot",{key:"eb20cfe2b6050de69793df6f988e87e580bc9efb",onSlotchange:this.handleSlotChange}))))}};s.style=".visible{visibility:visible}.hidden{display:none}.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{s as bcm_dropdown}

package/dist/bromcom-ui/p-99f3bd6d.entry.js

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

package/dist/bromcom-ui/p-BfTCfPZ1.js

@@ -1,7 +1,6 @@
-function r(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r["default"]:r}var n={exports:{}};
+function r(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var n,t,e={exports:{}},u=(n||(n=1,t=e,function(){var r={}.hasOwnProperty;function n(){for(var r="",n=0;n<arguments.length;n++){var t=arguments[n];t&&(r=u(r,e(t)))}return r}function e(t){if("string"==typeof t||"number"==typeof t)return t;if("object"!=typeof t)return"";if(Array.isArray(t))return n.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var e="";for(var f in t)r.call(t,f)&&t[f]&&(e=u(e,f));return e}function u(r,n){return n?r?r+" "+n:r+n:r}t.exports?(n.default=n,t.exports=n):window.classNames=n}()),e.exports),f=r(u);
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/var t;function e(){if(t)return n.exports;t=1;(function(r){(function(){var n={}.hasOwnProperty;function t(){var r="";for(var n=0;n<arguments.length;n++){var t=arguments[n];if(t){r=f(r,e(t))}}return r}function e(r){if(typeof r==="string"||typeof r==="number"){return r}if(typeof r!=="object"){return""}if(Array.isArray(r)){return t.apply(null,r)}if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]")){return r.toString()}var e="";for(var u in r){if(n.call(r,u)&&r[u]){e=f(e,u)}}return e}function f(r,n){if(!n){return r}if(r){return r+" "+n}return r+n}if(r.exports){t.default=t;r.exports=t}else{window.classNames=t}})()})(n);return n.exports}var f=e();var u=r(f);export{u as c};
-//# sourceMappingURL=p-BfTCfPZ1.js.map
+*/export{f as c}

package/dist/bromcom-ui/p-Br-4ipc5.js

@@ -0,0 +1 @@
+import{r as e}from"./p-Bwki4z6i.js";const s=class{constructor(s){e(this,s)}validationMode="native";name;required=!1;disabled=!1;readonly=!1},t=class extends s{constructor(s){super(),e(this,s)}checked=!1;value="on";toggleChecked(){this.disabled||(this.checked=!this.checked)}onStateChange(){this.updateFormValueAndValidity()}formResetCallback(){this.checked=!1}};export{t as B}