bromcom-ui-next 0.1.16 → 0.1.18

package/dist/bromcom-ui/p-8360b225.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i,g as s}from"./p-9d0aeb92.js";import{a as e,c as o,o as a,f as h,s as r,b as l}from"./p-50133556.js";import{c}from"./p-5fcf77f9.js";const n=":host{--tooltip-bg:var(--bcm-ui-color-background-default-dark-default)}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.absolute{position:absolute}.relative{position:relative}.z-\\[-1\\]{z-index:-1}.z-\\[9999\\]{z-index:9999}.block{display:block}.hidden{display:none}.h-4{height:1rem}.w-4{width:1rem}.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))}.rounded-md{border-radius:var(--bcm-ui-border-radius-md,6px)}.bg-\\[--tooltip-bg\\]{background-color:var(--tooltip-bg)}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.font-medium{font-weight:500}.text-color-base{color:var(--bcm-ui-color-text-base)}.shadow{--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)}";const d=n;const m=class{constructor(i){t(this,i);this.trigger="hover";this.placement="top";this.size="medium";this.showDelay=150;this.open=false;this.toggleTooltip=()=>{this.open=!this.open;this.updateOutsideClickListener()};this.showTooltip=()=>{clearTimeout(this.hoverTimeout);this.hoverTimeout=setTimeout((()=>{this.open=true;this.updateOutsideClickListener()}),this.showDelay)};this.hideTooltip=()=>{clearTimeout(this.hoverTimeout);this.hoverTimeout=setTimeout((()=>{this.open=false;this.updateOutsideClickListener()}),this.showDelay)};this.handleSlotChange=()=>{const t=this.el.shadowRoot.querySelector("slot");const i=t.assignedElements();this.targetElement=i[0];if(this.targetElement){this.targetElement.removeEventListener("click",this.toggleTooltip);this.targetElement.removeEventListener("mouseenter",this.showTooltip);this.targetElement.removeEventListener("mouseleave",this.hideTooltip);if(this.trigger==="click"){this.targetElement.addEventListener("click",this.toggleTooltip);this.targetElement.setAttribute("aria-expanded",this.open.toString());this.targetElement.setAttribute("aria-describedby","tooltip")}if(this.trigger==="hover"){this.targetElement.addEventListener("mouseenter",this.showTooltip);this.targetElement.addEventListener("mouseleave",this.hideTooltip);this.targetElement.setAttribute("aria-describedby","tooltip")}if(this.tooltipElement&&!this.cleanupAutoUpdate){this.cleanupAutoUpdate=e(this.targetElement,this.tooltipElement,(()=>this.updatePosition()),{animationFrame:false})}}};this.handleOutsideClick=t=>{if(!this.el.contains(t.target)&&this.open){this.open=false;this.updateOutsideClickListener()}};this.updatePosition=async()=>{if(!this.targetElement||!this.tooltipElement||!this.arrowElement)return;const{x:t,y:i,placement:s,middlewareData:e}=await o(this.targetElement,this.tooltipElement,{placement:this.placement,middleware:[a(12),h({fallbackPlacements:["top","left","bottom","right"]}),r({padding:8}),l({element:this.arrowElement})]});Object.assign(this.tooltipElement.style,{left:`${t}px`,top:`${i}px`});const{x:c,y:n}=e.arrow||{x:0,y:0};const d=s.split("-")[0];const m={top:"bottom",right:"left",bottom:"top",left:"right"}[d];Object.assign(this.arrowElement.style,{left:c!=null?`${c}px`:"",top:n!=null?`${n}px`:"",[m]:"-4px"})};this.tooltipClass=c({slots:{tooltip:"bcm-ui-element bcm-tooltip absolute bg-[--tooltip-bg] rounded-md shadow-3 py-1 px-3 min-w-max z-[9999] text-color-base font-medium",arrow:"absolute w-4 h-4 bg-[--tooltip-bg] transform rotate-45 z-[-1]"},variants:{size:{small:{tooltip:"text-size-3"},medium:{tooltip:"text-size-4"},large:{tooltip:"text-size-5"}},isOpen:{true:{tooltip:"block"},false:{tooltip:"hidden"}}},defaultVariants:{size:"medium",isOpen:false}},{twMerge:false})}disconnectedCallback(){var t;document.removeEventListener("click",this.handleOutsideClick);if(this.targetElement){this.targetElement.removeEventListener("click",this.toggleTooltip);this.targetElement.removeEventListener("mouseenter",this.showTooltip);this.targetElement.removeEventListener("mouseleave",this.hideTooltip)}(t=this.cleanupAutoUpdate)===null||t===void 0?void 0:t.call(this);this.cleanupAutoUpdate=null;clearTimeout(this.hoverTimeout)}updateOutsideClickListener(){if(this.open){document.addEventListener("click",this.handleOutsideClick)}else{document.removeEventListener("click",this.handleOutsideClick)}}async openTooltip(){this.showTooltip()}async closeTooltip(){this.hideTooltip()}render(){const{tooltip:t,arrow:s}=this.tooltipClass({size:this.size,isOpen:this.open});return i("div",{key:"04196e7e3ed7405ff4c3e4870d6cbec968e07f4d",class:"relative"},i("slot",{key:"0a1043e46fa3e88cf667432d44a57a5268a1d61b",onSlotchange:()=>this.handleSlotChange()}),i("div",{key:"fb5474a83b621875831bdbb9a066519fdaae88f0",role:"tooltip",class:t(),ref:t=>this.tooltipElement=t,part:"tooltip"},i("div",{key:"17b8cc92d03e75f4dba6759c74febba8953bc711",class:s(),ref:t=>this.arrowElement=t,part:"arrow"}),i("slot",{key:"60a42381139cc4b1f630441795a2b9b59c6660b6",name:"tooltip"},this.message)))}get el(){return s(this)}};m.style=d;export{m as bcm_tooltip};
+//# sourceMappingURL=p-8360b225.entry.js.map

package/dist/bromcom-ui/{p-bdb54407.entry.js.map → p-8360b225.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["tooltipCss","BcmTooltipStyle0","Tooltip","constructor","hostRef","this","trigger","placement","size","showDelay","open","toggleTooltip","updateOutsideClickListener","showTooltip","clearTimeout","hoverTimeout","setTimeout","hideTooltip","handleSlotChange","slot","el","shadowRoot","querySelector","elements","assignedElements","targetElement","removeEventListener","addEventListener","setAttribute","toString","tooltipElement","cleanupAutoUpdate","autoUpdate","updatePosition","animationFrame","handleOutsideClick","event","contains","target","async","arrowElement","x","y","middlewareData","computePosition","middleware","offset","flip","fallbackPlacements","shift","padding","arrow","element","Object","assign","style","left","top","arrowX","arrowY","basePlacement","split","staticSide","right","bottom","tooltipClass","tv","slots","tooltip","variants","small","medium","large","isOpen","true","false","defaultVariants","twMerge","disconnectedCallback","document","_a","call","openTooltip","closeTooltip","render","h","key","class","onSlotchange","role","ref","part","name","message"],"sources":["src/components/tooltip/tooltip.css?tag=bcm-tooltip&encapsulation=shadow","src/components/tooltip/tooltip.component.tsx"],"sourcesContent":[":host {\n  --tooltip-bg: var(--bcm-ui-color-background-default-dark-default);\n}\n","import { arrow, autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom';\nimport { Component, ComponentInterface, h, Element, Prop, State, Method } from '@stencil/core';\nimport { tv } from 'tailwind-variants';\n\n/**\n * @component BcmTooltip\n * @description A lightweight tooltip component that displays brief contextual information when hovering or clicking on a target element.\n * Supports different sizes, trigger types (click or hover), placements (top, right, bottom, left), and can be controlled via slots or props.\n *\n * @example Basic Hover Tooltip\n * <bcm-tooltip trigger=\"hover\" size=\"medium\" placement=\"top\" message=\"This is a tooltip.\">\n *   <bcm-button>Hover Me</bcm-button>\n * </bcm-tooltip>\n *\n * @example Click Tooltip with Programmatic Control\n * <bcm-tooltip id=\"my-tooltip\" trigger=\"click\" message=\"Controlled tooltip.\">\n *   <bcm-button>Click Me</bcm-button>\n * </bcm-tooltip>\n * <script>\n *   const tooltip = document.querySelector('#my-tooltip');\n *   tooltip.openTooltip(); // Opens the tooltip\n *   tooltip.closeTooltip(); // Closes the tooltip\n * </script>\n *\n * @slot - Default slot for the target element that triggers the tooltip\n * @slot tooltip - Slot for custom tooltip content\n *\n * @csspart tooltip - The root tooltip container element, stylable for the entire tooltip\n * @csspart arrow - The arrow element of the tooltip, stylable for the positioning arrow\n */\n\n@Component({\n    tag: 'bcm-tooltip',\n    styleUrl: 'tooltip.css',\n    shadow: true,\n})\nexport class Tooltip implements ComponentInterface {\n    @Element() el: HTMLElement;\n\n    /**\n     * @prop {('click' | 'hover')} trigger - Defines the interaction type to show/hide the tooltip.\n     * 'click' toggles on click, 'hover' shows on mouse enter and hides on mouse leave.\n     * Default: 'hover'\n     */\n    @Prop()\n    trigger: 'click' | 'hover' = 'hover';\n\n    /**\n     * @prop {('top' | 'right' | 'bottom' | 'left')} placement - Defines the position of the tooltip relative to the target element.\n     * Default: 'top'\n     */\n    @Prop()\n    placement: 'top' | 'right' | 'bottom' | 'left' = 'top';\n\n    /**\n     * @prop {('small' | 'medium' | 'large')} size - Defines the size of the tooltip.\n     * Controls the text size and padding of the tooltip content.\n     * Default: 'medium'\n     */\n    @Prop()\n    size: 'small' | 'medium' | 'large' = 'medium';\n\n    /**\n     * @prop {string} message - Custom text for the tooltip content.\n     * Used as fallback content if the 'tooltip' slot is not provided.\n     */\n    @Prop()\n    message: string;\n\n    /**\n     * @prop {number} showDelay - Delay in milliseconds before showing or hiding the tooltip.\n     * Helps prevent flickering on quick mouse movements.\n     * Default: 150\n     */\n    @Prop()\n    showDelay: number = 150;\n\n    @State() open = false;\n\n    private tooltipElement: HTMLElement;\n    private arrowElement: HTMLElement;\n    private targetElement: HTMLElement;\n    private hoverTimeout: any;\n    private cleanupAutoUpdate: () => void;\n\n    disconnectedCallback() {\n        document.removeEventListener('click', this.handleOutsideClick);\n        if (this.targetElement) {\n            this.targetElement.removeEventListener('click', this.toggleTooltip);\n            this.targetElement.removeEventListener('mouseenter', this.showTooltip);\n            this.targetElement.removeEventListener('mouseleave', this.hideTooltip);\n        }\n        this.cleanupAutoUpdate?.();\n        this.cleanupAutoUpdate = null;\n        clearTimeout(this.hoverTimeout);\n    }\n\n    private updateOutsideClickListener() {\n        if (this.open) {\n            document.addEventListener('click', this.handleOutsideClick);\n        } else {\n            document.removeEventListener('click', this.handleOutsideClick);\n        }\n    }\n\n    private toggleTooltip = () => {\n        this.open = !this.open;\n        this.updateOutsideClickListener();\n    };\n\n    private showTooltip = () => {\n        clearTimeout(this.hoverTimeout);\n        this.hoverTimeout = setTimeout(() => {\n            this.open = true;\n            this.updateOutsideClickListener();\n        }, this.showDelay);\n    };\n\n    private hideTooltip = () => {\n        clearTimeout(this.hoverTimeout);\n        this.hoverTimeout = setTimeout(() => {\n            this.open = false;\n            this.updateOutsideClickListener();\n        }, this.showDelay);\n    };\n\n    /**\n     * @method {Promise<void>} openTooltip - Programmatically opens the tooltip.\n     * Triggers the showTooltip logic with the specified delay.\n     * @returns {Promise<void>} A promise that resolves when the tooltip is opened.\n     */\n    @Method()\n    async openTooltip() {\n        this.showTooltip();\n    }\n\n    /**\n     * @method {Promise<void>} closeTooltip - Programmatically closes the tooltip.\n     * Triggers the hideTooltip logic with the specified delay.\n     * @returns {Promise<void>} A promise that resolves when the tooltip is closed.\n     */\n    @Method()\n    async closeTooltip() {\n        this.hideTooltip();\n    }\n\n    private handleSlotChange = () => {\n        const slot = this.el.shadowRoot.querySelector('slot');\n        const elements = slot.assignedElements();\n        this.targetElement = elements[0] as HTMLElement;\n\n        if (this.targetElement) {\n            this.targetElement.removeEventListener('click', this.toggleTooltip);\n            this.targetElement.removeEventListener('mouseenter', this.showTooltip);\n            this.targetElement.removeEventListener('mouseleave', this.hideTooltip);\n\n            if (this.trigger === 'click') {\n                this.targetElement.addEventListener('click', this.toggleTooltip);\n                this.targetElement.setAttribute('aria-expanded', this.open.toString());\n                this.targetElement.setAttribute('aria-describedby', 'tooltip');\n            }\n\n            if (this.trigger === 'hover') {\n                this.targetElement.addEventListener('mouseenter', this.showTooltip);\n                this.targetElement.addEventListener('mouseleave', this.hideTooltip);\n                this.targetElement.setAttribute('aria-describedby', 'tooltip');\n            }\n\n            if (this.tooltipElement && !this.cleanupAutoUpdate) {\n                this.cleanupAutoUpdate = autoUpdate(\n                    this.targetElement,\n                    this.tooltipElement,\n                    () => this.updatePosition(),\n                    { animationFrame: false }\n                );\n            }\n        }\n    };\n\n    private handleOutsideClick = (event: Event) => {\n        if (!this.el.contains(event.target as Node) && this.open) {\n            this.open = false;\n            this.updateOutsideClickListener();\n        }\n    };\n\n    private updatePosition = async () => {\n        if (!this.targetElement || !this.tooltipElement || !this.arrowElement) return;\n\n        const { x, y, placement, middlewareData } = await computePosition(\n            this.targetElement,\n            this.tooltipElement,\n            {\n                placement: this.placement,\n                middleware: [\n                    offset(12),\n                    flip({ fallbackPlacements: ['top', 'left', 'bottom', 'right'] }),\n                    shift({ padding: 8 }),\n                    arrow({ element: this.arrowElement }),\n                ],\n            }\n        );\n\n        Object.assign(this.tooltipElement.style, {\n            left: `${x}px`,\n            top: `${y}px`,\n        });\n\n        const { x: arrowX, y: arrowY } = middlewareData.arrow || { x: 0, y: 0 };\n        const basePlacement = placement.split('-')[0] as 'top' | 'right' | 'bottom' | 'left';\n        const staticSide = {\n            top: 'bottom',\n            right: 'left',\n            bottom: 'top',\n            left: 'right',\n        }[basePlacement];\n\n        Object.assign(this.arrowElement.style, {\n            left: arrowX != null ? `${arrowX}px` : '',\n            top: arrowY != null ? `${arrowY}px` : '',\n            [staticSide]: '-4px',\n        });\n    };\n\n    private tooltipClass = tv({\n        slots: {\n            tooltip:\n                'bcm-ui-element bcm-tooltip absolute bg-[--tooltip-bg] rounded-md shadow-3 py-1 px-3 min-w-max z-[9999] text-color-base font-medium',\n            arrow: 'absolute w-4 h-4 bg-[--tooltip-bg] transform rotate-45 z-[-1]',\n        },\n        variants: {\n            size: {\n                small: { tooltip: 'text-size-3' },\n                medium: { tooltip: 'text-size-4' },\n                large: { tooltip: 'text-size-5' },\n            },\n            isOpen: {\n                true: { tooltip: 'block' },\n                false: { tooltip: 'hidden' },\n            },\n        },\n        defaultVariants: {\n            size: 'medium',\n            isOpen: false,\n        },\n    }, { twMerge: false });\n\n    render() {\n        const { tooltip, arrow } = this.tooltipClass({\n            size: this.size,\n            isOpen: this.open,\n        });\n        return (\n            <div class=\"relative\">\n                <slot onSlotchange={() => this.handleSlotChange()}></slot>\n                <div role=\"tooltip\" class={tooltip()} ref={(el) => (this.tooltipElement = el)} part=\"tooltip\">\n                    <div class={arrow()} ref={(el) => (this.arrowElement = el)} part=\"arrow\"></div>\n                    <slot name=\"tooltip\">{this.message}</slot>\n                </div>\n            </div>\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["tooltipCss","BcmTooltipStyle0","Tooltip","constructor","hostRef","this","trigger","placement","size","showDelay","open","toggleTooltip","updateOutsideClickListener","showTooltip","clearTimeout","hoverTimeout","setTimeout","hideTooltip","handleSlotChange","slot","el","shadowRoot","querySelector","elements","assignedElements","targetElement","removeEventListener","addEventListener","setAttribute","toString","tooltipElement","cleanupAutoUpdate","autoUpdate","updatePosition","animationFrame","handleOutsideClick","event","contains","target","async","arrowElement","x","y","middlewareData","computePosition","middleware","offset","flip","fallbackPlacements","shift","padding","arrow","element","Object","assign","style","left","top","arrowX","arrowY","basePlacement","split","staticSide","right","bottom","tooltipClass","tv","slots","tooltip","variants","small","medium","large","isOpen","true","false","defaultVariants","twMerge","disconnectedCallback","document","_a","call","openTooltip","closeTooltip","render","h","key","class","onSlotchange","role","ref","part","name","message"],"sources":["src/components/tooltip/tooltip.css?tag=bcm-tooltip&encapsulation=shadow","src/components/tooltip/tooltip.component.tsx"],"sourcesContent":[":host {\n  --tooltip-bg: var(--bcm-ui-color-background-default-dark-default);\n}\n","import { arrow, autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom';\nimport { Component, ComponentInterface, h, Element, Prop, State, Method } from '@stencil/core';\nimport { tv } from 'tailwind-variants';\n\n/**\n * @component BcmTooltip\n * @description A lightweight tooltip component that displays brief contextual information when hovering or clicking on a target element.\n * Supports different sizes, trigger types (click or hover), placements (top, right, bottom, left), and can be controlled via slots or props.\n *\n * @example Basic Hover Tooltip\n * <bcm-tooltip trigger=\"hover\" size=\"medium\" placement=\"top\" message=\"This is a tooltip.\">\n *   <bcm-button>Hover Me</bcm-button>\n * </bcm-tooltip>\n *\n * @example Click Tooltip with Programmatic Control\n * <bcm-tooltip id=\"my-tooltip\" trigger=\"click\" message=\"Controlled tooltip.\">\n *   <bcm-button>Click Me</bcm-button>\n * </bcm-tooltip>\n * <script>\n *   const tooltip = document.querySelector('#my-tooltip');\n *   tooltip.openTooltip(); // Opens the tooltip\n *   tooltip.closeTooltip(); // Closes the tooltip\n * </script>\n *\n * @slot - Default slot for the target element that triggers the tooltip\n * @slot tooltip - Slot for custom tooltip content\n *\n * @csspart tooltip - The root tooltip container element, stylable for the entire tooltip\n * @csspart arrow - The arrow element of the tooltip, stylable for the positioning arrow\n */\n\n@Component({\n    tag: 'bcm-tooltip',\n    styleUrl: 'tooltip.css',\n    shadow: true,\n})\nexport class Tooltip implements ComponentInterface {\n    @Element() el: HTMLElement;\n\n    /**\n     * @prop {('click' | 'hover')} trigger - Defines the interaction type to show/hide the tooltip.\n     * 'click' toggles on click, 'hover' shows on mouse enter and hides on mouse leave.\n     * Default: 'hover'\n     */\n    @Prop()\n    trigger: 'click' | 'hover' = 'hover';\n\n    /**\n     * @prop {('top' | 'right' | 'bottom' | 'left')} placement - Defines the position of the tooltip relative to the target element.\n     * Default: 'top'\n     */\n    @Prop()\n    placement: 'top' | 'right' | 'bottom' | 'left' = 'top';\n\n    /**\n     * @prop {('small' | 'medium' | 'large')} size - Defines the size of the tooltip.\n     * Controls the text size and padding of the tooltip content.\n     * Default: 'medium'\n     */\n    @Prop()\n    size: 'small' | 'medium' | 'large' = 'medium';\n\n    /**\n     * @prop {string} message - Custom text for the tooltip content.\n     * Used as fallback content if the 'tooltip' slot is not provided.\n     */\n    @Prop()\n    message: string;\n\n    /**\n     * @prop {number} showDelay - Delay in milliseconds before showing or hiding the tooltip.\n     * Helps prevent flickering on quick mouse movements.\n     * Default: 150\n     */\n    @Prop()\n    showDelay: number = 150;\n\n    @State() open = false;\n\n    private tooltipElement: HTMLElement;\n    private arrowElement: HTMLElement;\n    private targetElement: HTMLElement;\n    private hoverTimeout: any;\n    private cleanupAutoUpdate: () => void;\n\n    disconnectedCallback() {\n        document.removeEventListener('click', this.handleOutsideClick);\n        if (this.targetElement) {\n            this.targetElement.removeEventListener('click', this.toggleTooltip);\n            this.targetElement.removeEventListener('mouseenter', this.showTooltip);\n            this.targetElement.removeEventListener('mouseleave', this.hideTooltip);\n        }\n        this.cleanupAutoUpdate?.();\n        this.cleanupAutoUpdate = null;\n        clearTimeout(this.hoverTimeout);\n    }\n\n    private updateOutsideClickListener() {\n        if (this.open) {\n            document.addEventListener('click', this.handleOutsideClick);\n        } else {\n            document.removeEventListener('click', this.handleOutsideClick);\n        }\n    }\n\n    private toggleTooltip = () => {\n        this.open = !this.open;\n        this.updateOutsideClickListener();\n    };\n\n    private showTooltip = () => {\n        clearTimeout(this.hoverTimeout);\n        this.hoverTimeout = setTimeout(() => {\n            this.open = true;\n            this.updateOutsideClickListener();\n        }, this.showDelay);\n    };\n\n    private hideTooltip = () => {\n        clearTimeout(this.hoverTimeout);\n        this.hoverTimeout = setTimeout(() => {\n            this.open = false;\n            this.updateOutsideClickListener();\n        }, this.showDelay);\n    };\n\n    /**\n     * @method {Promise<void>} openTooltip - Programmatically opens the tooltip.\n     * Triggers the showTooltip logic with the specified delay.\n     * @returns {Promise<void>} A promise that resolves when the tooltip is opened.\n     */\n    @Method()\n    async openTooltip() {\n        this.showTooltip();\n    }\n\n    /**\n     * @method {Promise<void>} closeTooltip - Programmatically closes the tooltip.\n     * Triggers the hideTooltip logic with the specified delay.\n     * @returns {Promise<void>} A promise that resolves when the tooltip is closed.\n     */\n    @Method()\n    async closeTooltip() {\n        this.hideTooltip();\n    }\n\n    private handleSlotChange = () => {\n        const slot = this.el.shadowRoot.querySelector('slot');\n        const elements = slot.assignedElements();\n        this.targetElement = elements[0] as HTMLElement;\n\n        if (this.targetElement) {\n            this.targetElement.removeEventListener('click', this.toggleTooltip);\n            this.targetElement.removeEventListener('mouseenter', this.showTooltip);\n            this.targetElement.removeEventListener('mouseleave', this.hideTooltip);\n\n            if (this.trigger === 'click') {\n                this.targetElement.addEventListener('click', this.toggleTooltip);\n                this.targetElement.setAttribute('aria-expanded', this.open.toString());\n                this.targetElement.setAttribute('aria-describedby', 'tooltip');\n            }\n\n            if (this.trigger === 'hover') {\n                this.targetElement.addEventListener('mouseenter', this.showTooltip);\n                this.targetElement.addEventListener('mouseleave', this.hideTooltip);\n                this.targetElement.setAttribute('aria-describedby', 'tooltip');\n            }\n\n            if (this.tooltipElement && !this.cleanupAutoUpdate) {\n                this.cleanupAutoUpdate = autoUpdate(\n                    this.targetElement,\n                    this.tooltipElement,\n                    () => this.updatePosition(),\n                    { animationFrame: false }\n                );\n            }\n        }\n    };\n\n    private handleOutsideClick = (event: Event) => {\n        if (!this.el.contains(event.target as Node) && this.open) {\n            this.open = false;\n            this.updateOutsideClickListener();\n        }\n    };\n\n    private updatePosition = async () => {\n        if (!this.targetElement || !this.tooltipElement || !this.arrowElement) return;\n\n        const { x, y, placement, middlewareData } = await computePosition(\n            this.targetElement,\n            this.tooltipElement,\n            {\n                placement: this.placement,\n                middleware: [\n                    offset(12),\n                    flip({ fallbackPlacements: ['top', 'left', 'bottom', 'right'] }),\n                    shift({ padding: 8 }),\n                    arrow({ element: this.arrowElement }),\n                ],\n            }\n        );\n\n        Object.assign(this.tooltipElement.style, {\n            left: `${x}px`,\n            top: `${y}px`,\n        });\n\n        const { x: arrowX, y: arrowY } = middlewareData.arrow || { x: 0, y: 0 };\n        const basePlacement = placement.split('-')[0] as 'top' | 'right' | 'bottom' | 'left';\n        const staticSide = {\n            top: 'bottom',\n            right: 'left',\n            bottom: 'top',\n            left: 'right',\n        }[basePlacement];\n\n        Object.assign(this.arrowElement.style, {\n            left: arrowX != null ? `${arrowX}px` : '',\n            top: arrowY != null ? `${arrowY}px` : '',\n            [staticSide]: '-4px',\n        });\n    };\n\n    private tooltipClass = tv({\n        slots: {\n            tooltip:\n                'bcm-ui-element bcm-tooltip absolute bg-[--tooltip-bg] rounded-md shadow-3 py-1 px-3 min-w-max z-[9999] text-color-base font-medium',\n            arrow: 'absolute w-4 h-4 bg-[--tooltip-bg] transform rotate-45 z-[-1]',\n        },\n        variants: {\n            size: {\n                small: { tooltip: 'text-size-3' },\n                medium: { tooltip: 'text-size-4' },\n                large: { tooltip: 'text-size-5' },\n            },\n            isOpen: {\n                true: { tooltip: 'block' },\n                false: { tooltip: 'hidden' },\n            },\n        },\n        defaultVariants: {\n            size: 'medium',\n            isOpen: false,\n        },\n    }, { twMerge: false });\n\n    render() {\n        const { tooltip, arrow } = this.tooltipClass({\n            size: this.size,\n            isOpen: this.open,\n        });\n        return (\n            <div class=\"relative\">\n                <slot onSlotchange={() => this.handleSlotChange()}></slot>\n                <div role=\"tooltip\" class={tooltip()} ref={(el) => (this.tooltipElement = el)} part=\"tooltip\">\n                    <div class={arrow()} ref={(el) => (this.arrowElement = el)} part=\"arrow\"></div>\n                    <slot name=\"tooltip\">{this.message}</slot>\n                </div>\n            </div>\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/bromcom-ui/{p-aae240d5.entry.js → p-9ba07f12.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,g as a}from"./p-9d0aeb92.js";import{c as o}from"./p-5fcf77f9.js";import{g as s}from"./p-ba2410ef.js";import{c as r}from"./p-12360e4c.js";const c=".container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.mt-1{margin-top:.25rem}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.font-medium{font-weight:500}.text-\\[--bcm-ui-color-text-caption\\]{color:var(--bcm-ui-color-text-caption)}.text-\\[--bcm-ui-color-text-disabled\\]{color:var(--bcm-ui-color-text-disabled)}.text-\\[--bcm-ui-color-text-error\\]{color:var(--bcm-ui-color-text-error)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-label{color:var(--bcm-ui-color-text-label)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";const l=c;const n=class{constructor(i){t(this,i);this.bcmRadioGroupChange=e(this,"bcmRadioGroupChange",1);this.disabled=false;this.required=false;this.error=false;this.size="medium";this.direction="vertical";this.radioGroupName=s("radio-group-name");this.handleSlotChange=()=>{this.radios.forEach((t=>{var e;t.size=this.size;t.name=(e=this.name)!==null&&e!==void 0?e:this.radioGroupName;t.disabled=this.disabled;t.error=this.error}))};this.radioGroupClass=o({slots:{host:["bcm-ui-element bcm-radio-group flex flex-col"],container:["flex"]},variants:{size:{small:{host:"gap-1.5",container:"gap-1.5"},medium:{host:"gap-2",container:"gap-2"},large:{host:"gap-2.5",container:"gap-2.5"}},direction:{horizontal:{container:["flex-row flex-wrap"]},vertical:{container:["flex-col"]}}},defaultVariants:{size:"medium",direction:"vertical"}})}get radios(){return this.host.querySelectorAll("bcm-radio")}componentWillLoad(){if(this.value){this.updateRadios(this.value)}}async setClear(){var t;this.value="";(t=this.radios)===null||t===void 0?void 0:t.forEach((t=>{t.checked=false}))}async resetCaption(){this.error=false;this.captionText=undefined}handleValueChange(t){this.updateRadios(t)}handleRadioChange(t){const e=t.target;const i=this.host.querySelectorAll("bcm-radio");i.forEach((t=>{if(t!==e){t.checked=false}}));this.bcmRadioGroupChange.emit({value:e.value,element:e})}updateRadios(t){this.radios.forEach((e=>{e.checked=e.value===t}))}render(){const{host:t,container:e}=this.radioGroupClass({size:this.size,direction:this.direction});return i("div",{key:"3a67eb56fe53467719a805529acd8ef98568d91e",class:t()},this.label&&i("label",{key:"67e7e83b6ac7ecf852a7843fba71ba05cd8196f4",class:r("input-label font-medium",{"text-color-label":!this.disabled,"text-color-disabled":this.disabled},{"text-size-3":this.size==="small","text-size-4":this.size==="medium","text-size-5":this.size==="large"})},i("slot",{key:"aa3163d3a62c4f1be539cc292b324d543ea8447f",name:"label"},this.label),this.required&&i("span",{key:"f11d9fd05bc09f2a01a1772b79a8146c392bf5dd"},"*")),i("div",{key:"6628dbe32507445ce01d430bd1cebdf2ec9cb83a",class:e()},i("slot",{key:"692aeb2f866bceec5e8b0ff0b31914f98ff03dc2",onSlotchange:this.handleSlotChange})),this.captionText&&i("div",{key:"fe024fbd773a8a43ddd79e60a66c09334b882c96",class:r("input-caption-text font-regular mt-1",{"text-[--bcm-ui-color-text-caption]":!this.disabled,"text-[--bcm-ui-color-text-error]":!this.disabled&&this.error,"text-[--bcm-ui-color-text-disabled]":this.disabled},{"text-size-3":this.size==="small","text-size-4":this.size==="medium","text-size-5":this.size==="large"})},this.captionText))}get host(){return a(this)}static get watchers(){return{value:["handleValueChange"]}}};n.style=l;export{n as bcm_radio_group};
-//# sourceMappingURL=p-aae240d5.entry.js.map
+import{r as t,c as e,h as i,g as a}from"./p-9d0aeb92.js";import{c as o}from"./p-5fcf77f9.js";import{g as s}from"./p-ba2410ef.js";import{c as r}from"./p-12360e4c.js";const c=".container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.mt-1{margin-top:.25rem}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.font-medium{font-weight:500}.text-\\[--bcm-ui-color-text-caption\\]{color:var(--bcm-ui-color-text-caption)}.text-\\[--bcm-ui-color-text-disabled\\]{color:var(--bcm-ui-color-text-disabled)}.text-\\[--bcm-ui-color-text-error\\]{color:var(--bcm-ui-color-text-error)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-label{color:var(--bcm-ui-color-text-label)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";const l=c;const n=class{constructor(i){t(this,i);this.bcmRadioGroupChange=e(this,"bcmRadioGroupChange",1);this.disabled=false;this.required=false;this.error=false;this.size="medium";this.direction="vertical";this.radioGroupName=s("radio-group-name");this.handleSlotChange=()=>{this.radios.forEach((t=>{var e;t.size=this.size;t.name=(e=this.name)!==null&&e!==void 0?e:this.radioGroupName;t.disabled=this.disabled;t.error=this.error}))};this.radioGroupClass=o({slots:{host:["bcm-ui-element bcm-radio-group flex flex-col"],container:["flex"]},variants:{size:{small:{host:"gap-1.5",container:"gap-1.5"},medium:{host:"gap-2",container:"gap-2"},large:{host:"gap-2.5",container:"gap-2.5"}},direction:{horizontal:{container:["flex-row flex-wrap"]},vertical:{container:["flex-col"]}}},defaultVariants:{size:"medium",direction:"vertical"}})}get radios(){return this.host.querySelectorAll("bcm-radio")}componentWillLoad(){if(this.value){this.updateRadios(this.value)}}async setClear(){var t;this.value="";(t=this.radios)===null||t===void 0?void 0:t.forEach((t=>{t.checked=false}))}async resetCaption(){this.error=false;this.captionText=undefined}handleValueChange(t){this.updateRadios(t)}handleRadioChange(t){const e=t.target;const i=this.host.querySelectorAll("bcm-radio");i.forEach((t=>{if(t!==e){t.checked=false}}));this.bcmRadioGroupChange.emit({value:e.value,element:e})}updateRadios(t){this.radios.forEach((e=>{e.checked=e.value===t}))}render(){const{host:t,container:e}=this.radioGroupClass({size:this.size,direction:this.direction});return i("div",{key:"482530d13c741ccd1d4a6a2255f984a3957cb3f1",class:t()},this.label&&i("label",{key:"15b52d29e3ee83bfc6ccd483d4296195f2eb562b",class:r("input-label font-medium",{"text-color-label":!this.disabled,"text-color-disabled":this.disabled},{"text-size-3":this.size==="small","text-size-4":this.size==="medium","text-size-5":this.size==="large"})},i("slot",{key:"f241a0ec8a9f8b5175e54c27238a81abe6e5c043",name:"label"},this.label),this.required&&i("span",{key:"c091f0d477cb5b8a5ba88ad2aff77f212c780058"},"*")),i("div",{key:"f91e7e3bfd60aa6907ff3b2869d21a6962664062",class:e()},i("slot",{key:"ec597411044a4b6a537f7e5bf7391499dacd86e7",onSlotchange:this.handleSlotChange})),this.captionText&&i("div",{key:"6b35ceb2bbdd2c6bbf1c6d3643902ae022dba111",class:r("input-caption-text font-regular mt-1",{"text-[--bcm-ui-color-text-caption]":!this.disabled,"text-[--bcm-ui-color-text-error]":!this.disabled&&this.error,"text-[--bcm-ui-color-text-disabled]":this.disabled},{"text-size-3":this.size==="small","text-size-4":this.size==="medium","text-size-5":this.size==="large"})},this.captionText))}get host(){return a(this)}static get watchers(){return{value:["handleValueChange"]}}};n.style=l;export{n as bcm_radio_group};
+//# sourceMappingURL=p-9ba07f12.entry.js.map

package/dist/bromcom-ui/p-9f3f29a7.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as o,H as s}from"./p-9d0aeb92.js";const t=".block{display:block}:host{display:block;padding:10px 0;width:100%}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";const d=t;const c=class{constructor(o){a(this,o)}render(){return o(s,{key:"e12d04d682726a70c9a7cd4ce091cb64b067ce32",role:"tabpanel"},o("slot",{key:"c947677586826f8702472107a43d92235aca84ef"}))}};c.style=d;export{c as bcm_tabs_content};
+//# sourceMappingURL=p-9f3f29a7.entry.js.map

package/dist/bromcom-ui/{p-b8292fb2.entry.js.map → p-9f3f29a7.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["tabsContentCss","BcmTabsContentStyle0","BcmTabsContent","render","h","Host","key","role"],"sources":["src/components/tabs/tabs-content.css?tag=bcm-tabs-content&encapsulation=shadow","src/components/tabs/tabs-content.component.tsx"],"sourcesContent":[":host {\n  display: block;\n  padding: 10px 0;\n  width: 100%;\n}\n","import { Component, Prop, h, Host, ComponentInterface } from '@stencil/core';\n\n/**\n * @description Tab content panel component that displays when its corresponding tab is selected\n * @slot - Default slot for the tab panel content\n */\n@Component({\n    tag: 'bcm-tabs-content',\n    styleUrl: 'tabs-content.css',\n    shadow: true,\n})\nexport class BcmTabsContent implements ComponentInterface {\n    /**\n     * Unique identifier that matches a tab trigger's value\n     * Used to associate this content with its corresponding tab\n     */\n    @Prop({ reflect: true }) value: string;\n\n    render() {\n        return (\n            <Host role=\"tabpanel\">\n                <slot></slot>\n            </Host>\n        );\n    }\n}"],"mappings":"kDAAA,MAAMA,EAAiB,2SACvB,MAAAC,EAAeD,E,MCUFE,EAAc,M,yBAOvB,MAAAC,GACI,OACIC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,YACPH,EAAA,QAAAE,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["tabsContentCss","BcmTabsContentStyle0","BcmTabsContent","render","h","Host","key","role"],"sources":["src/components/tabs/tabs-content.css?tag=bcm-tabs-content&encapsulation=shadow","src/components/tabs/tabs-content.component.tsx"],"sourcesContent":[":host {\n  display: block;\n  padding: 10px 0;\n  width: 100%;\n}\n","import { Component, Prop, h, Host, ComponentInterface } from '@stencil/core';\n\n/**\n * @description Tab content panel component that displays when its corresponding tab is selected\n * @slot - Default slot for the tab panel content\n */\n@Component({\n    tag: 'bcm-tabs-content',\n    styleUrl: 'tabs-content.css',\n    shadow: true,\n})\nexport class BcmTabsContent implements ComponentInterface {\n    /**\n     * Unique identifier that matches a tab trigger's value\n     * Used to associate this content with its corresponding tab\n     */\n    @Prop({ reflect: true }) value: string;\n\n    render() {\n        return (\n            <Host role=\"tabpanel\">\n                <slot></slot>\n            </Host>\n        );\n    }\n}"],"mappings":"kDAAA,MAAMA,EAAiB,mRACvB,MAAAC,EAAeD,E,MCUFE,EAAc,M,yBAOvB,MAAAC,GACI,OACIC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,YACPH,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/bromcom-ui/{p-adda3b4e.entry.js → p-a02e437c.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as r,h as o,g as i}from"./p-9d0aeb92.js";import{c as t}from"./p-5fcf77f9.js";const a=".block{display:block}:host{display:block}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.size-2{height:.5rem;width:.5rem}.size-2\\.5{height:.625rem;width:.625rem}.size-3{height:.75rem;width:.75rem}.size-3\\.5{height:.875rem;width:.875rem}.size-4{height:1rem;width:1rem}.size-\\[18px\\]{height:18px;width:18px}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--bcm-radio-bg\\]{background-color:var(--bcm-radio-bg)}.bg-\\[--bcm-radio-checked\\]{background-color:var(--bcm-radio-checked)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-\\[--bcm-radio-text-color\\]{color:var(--bcm-radio-text-color)}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-\\[inset_0_0_0_1px_var\\(--bcm-radio-border\\)\\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[inset_0_0_0_1px_var\\(--bcm-radio-border\\)\\]{--tw-shadow:inset 0 0 0 1px var(--bcm-radio-border);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color)}.shadow-\\[inset_0_0_0_3px_var\\(--bcm-radio-border\\)\\]{--tw-shadow:inset 0 0 0 3px var(--bcm-radio-border);--tw-shadow-colored:inset 0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.focus-visible\\:ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group:hover .group-hover\\:shadow-\\[inset_0_0_0_1px_var\\(--bcm-radio-border-hover\\)\\]{--tw-shadow:inset 0 0 0 1px var(--bcm-radio-border-hover);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";const d=a;const s=class{constructor(o){e(this,o);this.bcmRadioChange=r(this,"bcmRadioChange",1);this.bcmBlur=r(this,"bcmBlur",1);this.bcmFocus=r(this,"bcmFocus",1);this.checked=false;this.size="medium";this.disabled=false;this.readonly=false;this.labelPosition="right";this.error=false;this.getRadioClass=t({slots:{container:"bcm-ui-element bcm-radio group",dot:"absolute rounded-full transition bg-[--bcm-radio-checked]",dotContainer:"relative rounded-full flex items-center justify-center shadow-[inset_0_0_0_1px_var(--bcm-radio-border)] bg-[--bcm-radio-bg] transition group-hover:shadow-[inset_0_0_0_1px_var(--bcm-radio-border-hover)]",labelClass:"font-medium text-[--bcm-radio-text-color]"},variants:{size:{small:{container:"gap-2",dotContainer:"size-3.5",dot:"size-2",labelClass:"text-size-4"},medium:{container:"gap-2.5",dotContainer:"size-4",dot:"size-2.5",labelClass:"text-size-5"},large:{container:"gap-3",dotContainer:"size-[18px]",dot:"size-3",labelClass:"text-size-6"}},checked:{true:{dot:"opacity-100"},false:{dot:"opacity-0"}},disabled:{true:{container:"cursor-not-allowed"},false:{container:"cursor-pointer focus-visible:ring"}},readonly:{true:{container:"cursor-default pointer-events-none",dot:"opacity-100",dotContainer:"shadow-[inset_0_0_0_3px_var(--bcm-radio-border)]"},false:""},labelPosition:{left:{container:"inline-flex flex-row-reverse items-center"},right:{container:"inline-flex flex-row items-center"}}}},{twMerge:false})}handleClick(){if(this.readonly||this.disabled)return;if(!this.checked){this.checked=true;this.bcmRadioChange.emit()}}getRadioStyle(){const e={"--bcm-radio-bg":"var(--bcm-ui-color-background-default-default)","--bcm-radio-border":"var(--bcm-ui-color-border-disabled)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-primary)","--bcm-radio-checked":"var(--bcm-ui-color-background-primary-default)","--bcm-radio-text-color":"var(--bcm-ui-color-text-default)"};const r={"--bcm-radio-bg":"var(--bcm-ui-color-background-palette-red-default)","--bcm-radio-border":"var(--bcm-ui-color-border-error)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-error)","--bcm-radio-checked":"var(--bcm-ui-color-background-error-default)","--bcm-radio-text-color":"var(--bcm-ui-color-text-default)"};const o={"--bcm-radio-bg":"var(--bcm-ui-color-background-disabled-default)","--bcm-radio-border":"var(--bcm-ui-color-border-disabled)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-disabled)","--bcm-radio-checked":"var(--bcm-ui-color-background-disabled-default)","--bcm-radio-text-color":"var(--bcm-ui-color-text-disabled)"};const i={"--bcm-radio-bg":"transparent","--bcm-radio-border":"var(--bcm-ui-color-border-disabled)","--bcm-radio-checked":"var(--bcm-ui-color-background-default-default)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-disabled)","--bcm-radio-text-color":"var(--bcm-ui-color-text-default)"};return Object.assign(Object.assign(Object.assign(Object.assign({},e),this.error&&r),this.disabled&&o),this.readonly&&i)}render(){const{container:e,dot:r,dotContainer:i,labelClass:t}=this.getRadioClass({size:this.size,checked:this.checked,disabled:this.disabled,readonly:this.readonly,labelPosition:this.labelPosition});return o("label",{key:"49fcb622640b201f52dd9f39aaae789803a85c73",class:e(),style:this.getRadioStyle()},o("input",{key:"2c9bb12a06d535504439f8c72524103a109107e7","aria-label":this.label,role:"radio","aria-checked":this.checked.toString(),type:"radio",name:this.name,value:this.value,disabled:this.disabled,readOnly:this.readonly,checked:this.checked,class:"appearance-none sr-only",onClick:()=>this.handleClick(),onFocus:e=>this.bcmFocus.emit(e),onBlur:e=>this.bcmBlur.emit(e)}),o("div",{key:"879d950b3885ef9e5a155086869efa5c037e7b1b",class:i()},o("div",{key:"62c61bce309b364dbc3dce3d2159210d56249889",class:r()})),o("span",{key:"277221257d5dc646a195e8361893a83886bbbcef",class:t()},o("slot",{key:"bc348844c8722e7c8f119bebd1e726fab50fa650"},this.label)))}get host(){return i(this)}};s.style=d;export{s as bcm_radio};
-//# sourceMappingURL=p-adda3b4e.entry.js.map
+import{r as e,c as r,h as o,g as i}from"./p-9d0aeb92.js";import{c as t}from"./p-5fcf77f9.js";const a=".block{display:block}:host{display:block}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.size-2{height:.5rem;width:.5rem}.size-2\\.5{height:.625rem;width:.625rem}.size-3{height:.75rem;width:.75rem}.size-3\\.5{height:.875rem;width:.875rem}.size-4{height:1rem;width:1rem}.size-\\[18px\\]{height:18px;width:18px}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--bcm-radio-bg\\]{background-color:var(--bcm-radio-bg)}.bg-\\[--bcm-radio-checked\\]{background-color:var(--bcm-radio-checked)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-\\[--bcm-radio-text-color\\]{color:var(--bcm-radio-text-color)}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-\\[inset_0_0_0_1px_var\\(--bcm-radio-border\\)\\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[inset_0_0_0_1px_var\\(--bcm-radio-border\\)\\]{--tw-shadow:inset 0 0 0 1px var(--bcm-radio-border);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color)}.shadow-\\[inset_0_0_0_3px_var\\(--bcm-radio-border\\)\\]{--tw-shadow:inset 0 0 0 3px var(--bcm-radio-border);--tw-shadow-colored:inset 0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.focus-visible\\:ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group:hover .group-hover\\:shadow-\\[inset_0_0_0_1px_var\\(--bcm-radio-border-hover\\)\\]{--tw-shadow:inset 0 0 0 1px var(--bcm-radio-border-hover);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";const d=a;const s=class{constructor(o){e(this,o);this.bcmRadioChange=r(this,"bcmRadioChange",1);this.bcmBlur=r(this,"bcmBlur",1);this.bcmFocus=r(this,"bcmFocus",1);this.checked=false;this.size="medium";this.disabled=false;this.readonly=false;this.labelPosition="right";this.error=false;this.getRadioClass=t({slots:{container:"bcm-ui-element bcm-radio group",dot:"absolute rounded-full transition bg-[--bcm-radio-checked]",dotContainer:"relative rounded-full flex items-center justify-center shadow-[inset_0_0_0_1px_var(--bcm-radio-border)] bg-[--bcm-radio-bg] transition group-hover:shadow-[inset_0_0_0_1px_var(--bcm-radio-border-hover)]",labelClass:"font-medium text-[--bcm-radio-text-color]"},variants:{size:{small:{container:"gap-2",dotContainer:"size-3.5",dot:"size-2",labelClass:"text-size-4"},medium:{container:"gap-2.5",dotContainer:"size-4",dot:"size-2.5",labelClass:"text-size-5"},large:{container:"gap-3",dotContainer:"size-[18px]",dot:"size-3",labelClass:"text-size-6"}},checked:{true:{dot:"opacity-100"},false:{dot:"opacity-0"}},disabled:{true:{container:"cursor-not-allowed"},false:{container:"cursor-pointer focus-visible:ring"}},readonly:{true:{container:"cursor-default pointer-events-none",dot:"opacity-100",dotContainer:"shadow-[inset_0_0_0_3px_var(--bcm-radio-border)]"},false:""},labelPosition:{left:{container:"inline-flex flex-row-reverse items-center"},right:{container:"inline-flex flex-row items-center"}}}},{twMerge:false})}handleClick(){if(this.readonly||this.disabled)return;if(!this.checked){this.checked=true;this.bcmRadioChange.emit()}}getRadioStyle(){const e={"--bcm-radio-bg":"var(--bcm-ui-color-background-default-default)","--bcm-radio-border":"var(--bcm-ui-color-border-disabled)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-primary)","--bcm-radio-checked":"var(--bcm-ui-color-background-primary-default)","--bcm-radio-text-color":"var(--bcm-ui-color-text-default)"};const r={"--bcm-radio-bg":"var(--bcm-ui-color-background-palette-red-default)","--bcm-radio-border":"var(--bcm-ui-color-border-error)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-error)","--bcm-radio-checked":"var(--bcm-ui-color-background-error-default)","--bcm-radio-text-color":"var(--bcm-ui-color-text-default)"};const o={"--bcm-radio-bg":"var(--bcm-ui-color-background-disabled-default)","--bcm-radio-border":"var(--bcm-ui-color-border-disabled)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-disabled)","--bcm-radio-checked":"var(--bcm-ui-color-background-disabled-default)","--bcm-radio-text-color":"var(--bcm-ui-color-text-disabled)"};const i={"--bcm-radio-bg":"transparent","--bcm-radio-border":"var(--bcm-ui-color-border-disabled)","--bcm-radio-checked":"var(--bcm-ui-color-background-default-default)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-disabled)","--bcm-radio-text-color":"var(--bcm-ui-color-text-default)"};return Object.assign(Object.assign(Object.assign(Object.assign({},e),this.error&&r),this.disabled&&o),this.readonly&&i)}render(){const{container:e,dot:r,dotContainer:i,labelClass:t}=this.getRadioClass({size:this.size,checked:this.checked,disabled:this.disabled,readonly:this.readonly,labelPosition:this.labelPosition});return o("label",{key:"4b53e856e66a8f35fddca847ea0dad4f749d9ad1",class:e(),style:this.getRadioStyle()},o("input",{key:"04506f00b7b0773c43f6d3cf65967d83f11dc1ed","aria-label":this.label,role:"radio","aria-checked":this.checked.toString(),type:"radio",name:this.name,value:this.value,disabled:this.disabled,readOnly:this.readonly,checked:this.checked,class:"appearance-none sr-only",onClick:()=>this.handleClick(),onFocus:e=>this.bcmFocus.emit(e),onBlur:e=>this.bcmBlur.emit(e)}),o("div",{key:"9da73fa48763a71a9eafc6ed9bca5812317b8268",class:i()},o("div",{key:"2126018bf6f5eef062be02cec1f081daf939c9df",class:r()})),o("span",{key:"86f5e2485c72b27892054ffa0082307f025ad31a",class:t()},o("slot",{key:"de05d13a1e3d88b7a6f7f7e9355d7b36d740709f"},this.label)))}get host(){return i(this)}};s.style=d;export{s as bcm_radio};
+//# sourceMappingURL=p-a02e437c.entry.js.map

package/dist/bromcom-ui/{p-0721540b.entry.js → p-b582c170.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as i,F as a,g as o}from"./p-9d0aeb92.js";import{c as r,o as s,f as n,s as c,b as d}from"./p-50133556.js";import{c as l}from"./p-5fcf77f9.js";const h=".absolute{position:absolute}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.text-wrap{text-wrap:wrap}:host{--popover-bg:var(--bcm-ui-color-background-basic-panel);--popover-radius:6px;--popover-text-color:var(--bcm-ui-color-text-basic);display:inline-block}.arrow{background:var(--arrow-color);clip-path:polygon(50% 0,100% 100%,0 100%);position:absolute;z-index:1}.arrow.top{transform:rotate(180deg)}.arrow.bottom{transform:rotate(0deg)}.arrow.right{transform:rotate(-90deg)}.arrow.left{transform:rotate(90deg)}::slotted([slot=body]){text-wrap:pretty;font-family:Inter,sans-serif}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.relative{position:relative}.z-\\[9999\\]{z-index:9999}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.hidden{display:none}.size-6{height:1.5rem;width:1.5rem}.h-2{height:.5rem}.w-4{width:1rem}.w-full{width:100%}.max-w-64{max-width:16rem}.max-w-80{max-width:20rem}.max-w-96{max-width:24rem}.flex-1{flex:1 1 0%}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.text-pretty{text-wrap:pretty}.rounded-\\[--popover-radius\\]{border-radius:var(--popover-radius)}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--popover-bg\\]{background-color:var(--popover-bg)}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.font-sans{font-family:Inter,sans-serif}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.text-size-7{font-size:var(--bcm-ui-font-size-7,20px);line-height:var(--bcm-ui-line-height-7,28px)}.text-size-inherit{font-size:inherit;line-height:inherit}.font-semibold{font-weight:600}.\\!text-color-header{color:var(--bcm-ui-color-text-header)!important}.text-\\[--text-color\\]{color:var(--text-color)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-2{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2{--tw-shadow:var(--bcm-ui-box-shadow-2);--tw-shadow-colored:var(--bcm-ui-box-shadow-2)}.outline{outline-style:solid}.hover\\:bg-gray-100:hover{background-color:oklch(.967 .003 264.542)}";const f=h;const m={info:"fa-solid fa-circle-info",success:"fa-solid fa-circle-check",warning:"fa-solid fa-triangle-exclamation",error:"fa-solid fa-circle-x"};const p=class{constructor(i){e(this,i);this.bcmConfirm=t(this,"bcmConfirm",1);this.bcmCancel=t(this,"bcmCancel",1);this.arrowColor="var(--bcm-ui-color-background-basic-panel)";this.cancelText="Cancel";this.confirmText="Yes";this.description="";this.headerText="";this.placement="bottom";this.size="medium";this.status="info";this.statusIcon=true;this.isOpen=false;this.handleTriggerClick=e=>{e.preventDefault();e.stopPropagation();if(!this.isOpen){this.isOpen=true;requestAnimationFrame((()=>{this.updatePosition()}))}};this.handleConfirm=e=>{e.preventDefault();e.stopPropagation();this.isOpen=false;this.bcmConfirm.emit()};this.handleCancel=e=>{e.preventDefault();e.stopPropagation();this.isOpen=false;this.bcmCancel.emit()};this.updatePosition=async()=>{if(!this.triggerElement||!this.popoverElement||!this.arrowElement)return;const{x:e,y:t,placement:i,middlewareData:a}=await r(this.triggerElement,this.popoverElement,{placement:this.placement,middleware:[s(12),n({fallbackPlacements:["top","left","bottom","right"]}),c({padding:8}),d({element:this.arrowElement})]});this.currentPlacement=i;Object.assign(this.popoverElement.style,{left:`${e}px`,top:`${t}px`});const{x:o,y:l}=a.arrow||{x:0,y:0};const h=i.split("-")[0];const f={top:"bottom",right:"left",bottom:"top",left:"right"}[h];Object.assign(this.arrowElement.style,{left:o!=null?`${o}px`:"",top:l!=null?`${l}px`:"",[f]:["top","bottom"].includes(h)?"-8px":"-12px"})};this.classes=l({slots:{container:"absolute bcm-ui-element flex flex-col shadow-2 rounded-[--popover-radius] bg-[--popover-bg] z-[9999] w-full",header:"flex justify-between items-center",headerLeftContent:"flex items-center gap-2 text-size-inherit text-[--text-color]",closeIconArea:"flex flex-row gap-2 size-6 items-center justify-center hover:bg-gray-100 rounded-full cursor-pointer text-size-inherit",titleContainer:"!text-color-header font-semibold",footer:"flex flex-row justify-end gap-2"},variants:{size:{small:{container:"text-size-4 max-w-64 p-4 gap-4",header:"text-size-4",footer:"text-size-4",titleContainer:"text-size-5",headerLeftContent:"gap-2"},medium:{container:"text-size-5 max-w-80 gap-6 p-6",header:"text-size-5",footer:"text-size-5",titleContainer:"text-size-6",headerLeftContent:"gap-2.5"},large:{container:"text-size-6 max-w-96 p-8 gap-8",header:"text-size-6",footer:"text-size-6",titleContainer:"text-size-7",headerLeftContent:"gap-3"}}},defaultVariants:{size:"medium"}})}componentDidLoad(){this.triggerElement=document.getElementById(this.targetId);if(!this.triggerElement){console.warn(`Target element with ID '${this.targetId}' not found.`);return}this.triggerElement.addEventListener("click",this.handleTriggerClick)}async show(){this.isOpen=true;requestAnimationFrame((()=>{this.updatePosition()}))}async hide(){this.isOpen=false}get popoverStyle(){return{"--text-color":`var(--bcm-ui-color-text-${this.status})`,"--arrow-color":this.arrowColor}}disconnectedCallback(){if(this.triggerElement){this.triggerElement.removeEventListener("click",this.handleTriggerClick)}}render(){var e;const{container:t,header:o,footer:r,headerLeftContent:s,closeIconArea:n,titleContainer:c}=this.classes({size:this.size});return i(a,{key:"0abaad2e0e0912b8642b53ba5a43e55343a91fe5"},this.isOpen&&i("div",{key:"381f0661d0ad5cbbba8fef39f4818b8f9e6c6d49",role:"dialog","aria-labelledby":"pop-confirm-title",style:this.popoverStyle,class:t(),ref:e=>this.popoverElement=e},i("div",{key:"197786b5df0ed7d1a36e874f4b18a0ad076854cc",ref:e=>this.arrowElement=e,class:`arrow w-4 h-2 ${(e=this.currentPlacement)!==null&&e!==void 0?e:"top"}`}),i("header",{key:"bef48d54efbcacee930e9ea452825ca5442014e7",class:o()},i("div",{key:"942363a2f8c8b9d7cc992d7a4a1a27303cbc5d72",class:s()},this.statusIcon&&i("bcm-icon",{key:"ab80812609cfe35b24ef116592d3a8ca5e7ed8ba","icon-name":m[this.status]}),i("span",{key:"e062b7cdf8aaefb456d1aced97a7578395a558c2",class:c()},this.headerText),i("slot",{key:"3d9c6a4e54edad6dd6f9c62106a04a44a7ed2642",name:"header"})),i("div",{key:"be9ba74f85af483cd34586b1e3446244fdce25b3",class:n(),onClick:this.handleCancel},i("bcm-icon",{key:"a72472ceccbc938f540351dc94e67876ac08badb","icon-name":"far fa-times"}))),i("main",{key:"eef82569fa631d7d18181a14fcd593274cb36ca9",class:"flex-1 mx-auto font-sans text-pretty"},i("slot",{key:"972e9635e16de25b6b0e71303cdbd2914384ea26",name:"body"},this.description)),i("footer",{key:"9727ecff0b5a79d98c0eb6a285877aee4bfd2bfc",class:r()},i("bcm-button",{key:"8c550771942f0b3c992eac30d13a2fd159962e78",kind:"outline",size:this.size,onClick:this.handleCancel},this.cancelText),i("bcm-button",{key:"3bc99d1199382178f92185e3d4061b0539466b41",size:this.size,status:this.status,kind:"primary",onClick:this.handleConfirm},this.confirmText),i("slot",{key:"1132d6f89e8b8363cb8ddbcc608cfa0de948be85",name:"footer"}))))}get el(){return o(this)}};p.style=f;export{p as bcm_pop_confirm};
-//# sourceMappingURL=p-0721540b.entry.js.map
+import{r as e,c as t,h as i,F as a,g as o}from"./p-9d0aeb92.js";import{c as r,o as s,f as n,s as c,b as d}from"./p-50133556.js";import{c as l}from"./p-5fcf77f9.js";const h=".absolute{position:absolute}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.text-wrap{text-wrap:wrap}:host{--popover-bg:var(--bcm-ui-color-background-basic-panel);--popover-radius:6px;--popover-text-color:var(--bcm-ui-color-text-basic);display:inline-block}.arrow{background:var(--arrow-color);clip-path:polygon(50% 0,100% 100%,0 100%);position:absolute;z-index:1}.arrow.top{transform:rotate(180deg)}.arrow.bottom{transform:rotate(0deg)}.arrow.right{transform:rotate(-90deg)}.arrow.left{transform:rotate(90deg)}::slotted([slot=body]){text-wrap:pretty;font-family:Inter,sans-serif}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.relative{position:relative}.z-\\[9999\\]{z-index:9999}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.hidden{display:none}.size-6{height:1.5rem;width:1.5rem}.h-2{height:.5rem}.w-4{width:1rem}.w-full{width:100%}.max-w-64{max-width:16rem}.max-w-80{max-width:20rem}.max-w-96{max-width:24rem}.flex-1{flex:1 1 0%}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.text-pretty{text-wrap:pretty}.rounded-\\[--popover-radius\\]{border-radius:var(--popover-radius)}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--popover-bg\\]{background-color:var(--popover-bg)}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.font-sans{font-family:Inter,sans-serif}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.text-size-7{font-size:var(--bcm-ui-font-size-7,20px);line-height:var(--bcm-ui-line-height-7,28px)}.text-size-inherit{font-size:inherit;line-height:inherit}.font-semibold{font-weight:600}.\\!text-color-header{color:var(--bcm-ui-color-text-header)!important}.text-\\[--text-color\\]{color:var(--text-color)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-2{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2{--tw-shadow:var(--bcm-ui-box-shadow-2);--tw-shadow-colored:var(--bcm-ui-box-shadow-2)}.outline{outline-style:solid}.hover\\:bg-gray-100:hover{background-color:oklch(.967 .003 264.542)}";const f=h;const m={info:"fa-solid fa-circle-info",success:"fa-solid fa-circle-check",warning:"fa-solid fa-triangle-exclamation",error:"fa-solid fa-circle-x"};const p=class{constructor(i){e(this,i);this.bcmConfirm=t(this,"bcmConfirm",1);this.bcmCancel=t(this,"bcmCancel",1);this.arrowColor="var(--bcm-ui-color-background-basic-panel)";this.cancelText="Cancel";this.confirmText="Yes";this.description="";this.headerText="";this.placement="bottom";this.size="medium";this.status="info";this.statusIcon=true;this.isOpen=false;this.handleTriggerClick=e=>{e.preventDefault();e.stopPropagation();if(!this.isOpen){this.isOpen=true;requestAnimationFrame((()=>{this.updatePosition()}))}};this.handleConfirm=e=>{e.preventDefault();e.stopPropagation();this.isOpen=false;this.bcmConfirm.emit()};this.handleCancel=e=>{e.preventDefault();e.stopPropagation();this.isOpen=false;this.bcmCancel.emit()};this.updatePosition=async()=>{if(!this.triggerElement||!this.popoverElement||!this.arrowElement)return;const{x:e,y:t,placement:i,middlewareData:a}=await r(this.triggerElement,this.popoverElement,{placement:this.placement,middleware:[s(12),n({fallbackPlacements:["top","left","bottom","right"]}),c({padding:8}),d({element:this.arrowElement})]});this.currentPlacement=i;Object.assign(this.popoverElement.style,{left:`${e}px`,top:`${t}px`});const{x:o,y:l}=a.arrow||{x:0,y:0};const h=i.split("-")[0];const f={top:"bottom",right:"left",bottom:"top",left:"right"}[h];Object.assign(this.arrowElement.style,{left:o!=null?`${o}px`:"",top:l!=null?`${l}px`:"",[f]:["top","bottom"].includes(h)?"-8px":"-12px"})};this.classes=l({slots:{container:"absolute bcm-ui-element flex flex-col shadow-2 rounded-[--popover-radius] bg-[--popover-bg] z-[9999] w-full",header:"flex justify-between items-center",headerLeftContent:"flex items-center gap-2 text-size-inherit text-[--text-color]",closeIconArea:"flex flex-row gap-2 size-6 items-center justify-center hover:bg-gray-100 rounded-full cursor-pointer text-size-inherit",titleContainer:"!text-color-header font-semibold",footer:"flex flex-row justify-end gap-2"},variants:{size:{small:{container:"text-size-4 max-w-64 p-4 gap-4",header:"text-size-4",footer:"text-size-4",titleContainer:"text-size-5",headerLeftContent:"gap-2"},medium:{container:"text-size-5 max-w-80 gap-6 p-6",header:"text-size-5",footer:"text-size-5",titleContainer:"text-size-6",headerLeftContent:"gap-2.5"},large:{container:"text-size-6 max-w-96 p-8 gap-8",header:"text-size-6",footer:"text-size-6",titleContainer:"text-size-7",headerLeftContent:"gap-3"}}},defaultVariants:{size:"medium"}})}componentDidLoad(){this.triggerElement=document.getElementById(this.targetId);if(!this.triggerElement){console.warn(`Target element with ID '${this.targetId}' not found.`);return}this.triggerElement.addEventListener("click",this.handleTriggerClick)}async show(){this.isOpen=true;requestAnimationFrame((()=>{this.updatePosition()}))}async hide(){this.isOpen=false}get popoverStyle(){return{"--text-color":`var(--bcm-ui-color-text-${this.status})`,"--arrow-color":this.arrowColor}}disconnectedCallback(){if(this.triggerElement){this.triggerElement.removeEventListener("click",this.handleTriggerClick)}}render(){var e;const{container:t,header:o,footer:r,headerLeftContent:s,closeIconArea:n,titleContainer:c}=this.classes({size:this.size});return i(a,{key:"8910f368da993572cb4725dcbb74235ec50348e8"},this.isOpen&&i("div",{key:"4ded121b7e121f8bb0dd1fe76b2921fd2a487fe8",role:"dialog","aria-labelledby":"pop-confirm-title",style:this.popoverStyle,class:t(),ref:e=>this.popoverElement=e},i("div",{key:"94a78199e0e90cec5ba905db17d3a9c48a28a9a7",ref:e=>this.arrowElement=e,class:`arrow w-4 h-2 ${(e=this.currentPlacement)!==null&&e!==void 0?e:"top"}`}),i("header",{key:"d21596aa10c8128c2d9921b3bc6c4b93002877d4",class:o()},i("div",{key:"e0a91a6031f59630cfeea3ef5e35a32e973c6006",class:s()},this.statusIcon&&i("bcm-icon",{key:"9f184b3caf099697d4139a6a9efd276618b0f818","icon-name":m[this.status]}),i("span",{key:"50fd578631061127dd49d00600a4d83d645f4f76",class:c()},this.headerText),i("slot",{key:"8c29cbde0194fa1ff1ca82286b57b34532162d8b",name:"header"})),i("div",{key:"6ef68d637bbfd3cf2fd2c1a8650c222d5970cf64",class:n(),onClick:this.handleCancel},i("bcm-icon",{key:"c017286c2604e18e8ad47c889092fa727a01a18f","icon-name":"far fa-times"}))),i("main",{key:"5f9255fd563714b7eb842900010e8d1c51417172",class:"flex-1 mx-auto font-sans text-pretty"},i("slot",{key:"a7ca7e568776da834bc7fe44993c32f219522a1a",name:"body"},this.description)),i("footer",{key:"1172e51992183b617d6d5ce53a4a09a09be12ae8",class:r()},i("bcm-button",{key:"e99da377988d0be710e5ce6d47c84cc65298aa1f",kind:"outline",size:this.size,onClick:this.handleCancel},this.cancelText),i("bcm-button",{key:"8154b716f4bf1b5ed272a3b53be7ddaf151ae0cf",size:this.size,status:this.status,kind:"primary",onClick:this.handleConfirm},this.confirmText),i("slot",{key:"ad182d00fc2925d7b403f70250cd1e9687432a46",name:"footer"}))))}get el(){return o(this)}};p.style=f;export{p as bcm_pop_confirm};
+//# sourceMappingURL=p-b582c170.entry.js.map

package/dist/bromcom-ui/{p-bad19289.entry.js → p-b867a105.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as s,H as e,g as a}from"./p-9d0aeb92.js";import{c as n}from"./p-5fcf77f9.js";const o=".relative{position:relative}.block{display:block}:host{display:block;position:relative;width:100%}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.flex{display:flex}.contents{display:contents}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";const h=o;const r=class{constructor(s){t(this,s);this.bcmTabChange=i(this,"bcmTabChange",1);this.size="medium";this.triggers=[];this.contents=[];this.tabClass=n({base:"tabs-container bcm-ui-element flex flex-col w-full"})}componentWillLoad(){this.activeTab=this.defaultValue}componentDidLoad(){this.refreshElementReferences();this.updateTriggerProperties();this.setupRelations();this.updateInkbar();this.updateContentVisibility()}refreshElementReferences(){this.triggers=Array.from(this.el.querySelectorAll("bcm-tabs-trigger"));this.contents=Array.from(this.el.querySelectorAll("bcm-tabs-content"));this.tabsList=this.el.querySelector("bcm-tabs-list")}setupRelations(){this.triggers.forEach((t=>{t.active=t.value===this.activeTab;const i=this.contents.find((i=>i.value===t.value));if(i){const s=`panel-${t.value}`;i.id=s;t.setAttribute("aria-controls",s);i.setAttribute("aria-labelledby",`trigger-${t.value}`);t.id=`trigger-${t.value}`}}))}updateTriggerProperties(){var t;if(((t=this.triggers)===null||t===void 0?void 0:t.length)>0){this.triggers.forEach((t=>{t.size=this.size}))}}handleSizeChange(){this.updateTriggerProperties()}async disableTab(t){const i=this.triggers.find((i=>i.value===t));if(i){i.disabled=true}}async enableTab(t){const i=this.triggers.find((i=>i.value===t));if(i){i.disabled=false}}async disableAllTabs(){this.triggers.forEach((t=>{t.disabled=true}))}async enableAllTabs(){this.triggers.forEach((t=>{t.disabled=false}))}async getActiveTab(){return this.activeTab}async setActiveTab(t){const i=this.triggers.find((i=>i.value===t));if(i&&!i.disabled){this.previousTab=this.activeTab;this.activeTab=t;this.updateInkbar();this.updateContentVisibility();this.updateTabStatus();this.bcmTabChange.emit({activeTab:this.activeTab,element:i,previousTab:this.previousTab})}}updateTabStatus(){this.triggers.forEach((t=>{const i=t.value===this.activeTab;t.active=i}))}handleResize(){this.updateInkbar()}handleTabSelected(t){this.previousTab=this.activeTab;this.activeTab=t.detail;this.updateTabStatus();this.updateInkbar();this.updateContentVisibility();const i=this.triggers.find((t=>t.value===this.activeTab));if(i){this.bcmTabChange.emit({activeTab:this.activeTab,element:i,previousTab:this.previousTab})}}updateContentVisibility(){this.contents.forEach((t=>{const i=t.value===this.activeTab;t.style.display=i?"block":"none";t.setAttribute("aria-hidden",(!i).toString())}))}updateInkbar(){var t,i,s,e,a;if(!this.tabsList){console.warn("bcm-tabs-list not found");return}const n=this.triggers.length;if(n===0)return;const o=(i=(t=this.tabsList)===null||t===void 0?void 0:t.shadowRoot)===null||i===void 0?void 0:i.querySelector(".inkbar");const h=this.triggers.find((t=>t.value===this.activeTab));if(h&&o){const t=h.getBoundingClientRect();const i=(a=(e=(s=this.tabsList)===null||s===void 0?void 0:s.shadowRoot)===null||e===void 0?void 0:e.querySelector(".tabs-list"))===null||a===void 0?void 0:a.getBoundingClientRect();if(t&&i){const s=t.left-i.left;const e=t.width;o.style.width=`${e}px`;o.style.transform=`translateX(${s}px)`;o.style.opacity="1"}else{console.warn("Group or trigger rect calculation failed");o.style.opacity="0"}}else{if(o)o.style.opacity="0"}}render(){return s(e,{key:"264825cc76ddf17cf6f00ef98c54e0f3deb7e015"},s("div",{key:"c906a1096c6c406fc46e86f6d7a0dcaa5f1a16d6",class:this.tabClass()},s("slot",{key:"1c63757229d307796fa44bdc13be6f936963417e",name:"tabs-list"}),s("slot",{key:"0083630bdfbc0c5d5c377e2ab10e36155ef21832"})))}get el(){return a(this)}static get watchers(){return{size:["handleSizeChange"]}}};r.style=h;export{r as bcm_tabs};
-//# sourceMappingURL=p-bad19289.entry.js.map
+import{r as t,c as i,h as s,H as e,g as a}from"./p-9d0aeb92.js";import{c as n}from"./p-5fcf77f9.js";const o=".relative{position:relative}.block{display:block}:host{display:block;position:relative;width:100%}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.flex{display:flex}.contents{display:contents}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";const h=o;const r=class{constructor(s){t(this,s);this.bcmTabChange=i(this,"bcmTabChange",1);this.size="medium";this.triggers=[];this.contents=[];this.tabClass=n({base:"tabs-container bcm-ui-element flex flex-col w-full"})}componentWillLoad(){this.activeTab=this.defaultValue}componentDidLoad(){this.refreshElementReferences();this.updateTriggerProperties();this.setupRelations();this.updateInkbar();this.updateContentVisibility()}refreshElementReferences(){this.triggers=Array.from(this.el.querySelectorAll("bcm-tabs-trigger"));this.contents=Array.from(this.el.querySelectorAll("bcm-tabs-content"));this.tabsList=this.el.querySelector("bcm-tabs-list")}setupRelations(){this.triggers.forEach((t=>{t.active=t.value===this.activeTab;const i=this.contents.find((i=>i.value===t.value));if(i){const s=`panel-${t.value}`;i.id=s;t.setAttribute("aria-controls",s);i.setAttribute("aria-labelledby",`trigger-${t.value}`);t.id=`trigger-${t.value}`}}))}updateTriggerProperties(){var t;if(((t=this.triggers)===null||t===void 0?void 0:t.length)>0){this.triggers.forEach((t=>{t.size=this.size}))}}handleSizeChange(){this.updateTriggerProperties()}async disableTab(t){const i=this.triggers.find((i=>i.value===t));if(i){i.disabled=true}}async enableTab(t){const i=this.triggers.find((i=>i.value===t));if(i){i.disabled=false}}async disableAllTabs(){this.triggers.forEach((t=>{t.disabled=true}))}async enableAllTabs(){this.triggers.forEach((t=>{t.disabled=false}))}async getActiveTab(){return this.activeTab}async setActiveTab(t){const i=this.triggers.find((i=>i.value===t));if(i&&!i.disabled){this.previousTab=this.activeTab;this.activeTab=t;this.updateInkbar();this.updateContentVisibility();this.updateTabStatus();this.bcmTabChange.emit({activeTab:this.activeTab,element:i,previousTab:this.previousTab})}}updateTabStatus(){this.triggers.forEach((t=>{const i=t.value===this.activeTab;t.active=i}))}handleResize(){this.updateInkbar()}handleTabSelected(t){this.previousTab=this.activeTab;this.activeTab=t.detail;this.updateTabStatus();this.updateInkbar();this.updateContentVisibility();const i=this.triggers.find((t=>t.value===this.activeTab));if(i){this.bcmTabChange.emit({activeTab:this.activeTab,element:i,previousTab:this.previousTab})}}updateContentVisibility(){this.contents.forEach((t=>{const i=t.value===this.activeTab;t.style.display=i?"block":"none";t.setAttribute("aria-hidden",(!i).toString())}))}updateInkbar(){var t,i,s,e,a;if(!this.tabsList){console.warn("bcm-tabs-list not found");return}const n=this.triggers.length;if(n===0)return;const o=(i=(t=this.tabsList)===null||t===void 0?void 0:t.shadowRoot)===null||i===void 0?void 0:i.querySelector(".inkbar");const h=this.triggers.find((t=>t.value===this.activeTab));if(h&&o){const t=h.getBoundingClientRect();const i=(a=(e=(s=this.tabsList)===null||s===void 0?void 0:s.shadowRoot)===null||e===void 0?void 0:e.querySelector(".tabs-list"))===null||a===void 0?void 0:a.getBoundingClientRect();if(t&&i){const s=t.left-i.left;const e=t.width;o.style.width=`${e}px`;o.style.transform=`translateX(${s}px)`;o.style.opacity="1"}else{console.warn("Group or trigger rect calculation failed");o.style.opacity="0"}}else{if(o)o.style.opacity="0"}}render(){return s(e,{key:"0afd825b3df8017a0a5bc88a341430fec848d7ad"},s("div",{key:"e0ee72418f290849a68e4286ee91b3abceb668f3",class:this.tabClass()},s("slot",{key:"e9e032f474872ef1fe32a23b3feb0e75303f9c12",name:"tabs-list"}),s("slot",{key:"cc22e3ac81914ecd88016a7033c135c52a99deed"})))}get el(){return a(this)}static get watchers(){return{size:["handleSizeChange"]}}};r.style=h;export{r as bcm_tabs};
+//# sourceMappingURL=p-b867a105.entry.js.map

package/dist/bromcom-ui/{p-7e97d4e2.entry.js → p-bbe4aac2.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as i,H as o,g as r}from"./p-9d0aeb92.js";import{c as a}from"./p-5fcf77f9.js";const s=".relative{position:relative}.flex{display:flex}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{display:inline-block;position:relative}:host([full-width]){width:100%}.segmented-container{border-radius:var(--bcm-ui-border-radius,4px)}.segmented-indicator{border-radius:var(--bcm-ui-border-radius-md,2px);height:100%;top:0;transition:left .2s ease-in-out,width .2s ease-in-out}.segmented-options{display:flex}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.absolute{position:absolute}.z-0{z-index:0}.z-10{z-index:10}.inline-flex{display:inline-flex}.w-full{width:100%}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border{border-width:1px}.border-solid{border-style:solid}.border-\\[--bcm-ui-color-border-default\\]{border-color:var(--bcm-ui-color-border-default)}.bg-\\[--bcm-ui-color-background-base-default\\]{background-color:var(--bcm-ui-color-background-base-default)}.bg-\\[--bcm-ui-color-background-default-default\\]{background-color:var(--bcm-ui-color-background-default-default)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.opacity-50{opacity:.5}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}";const d=s;const n=class{constructor(i){e(this,i);this.bcmChange=t(this,"bcmChange",1);this.size="medium";this.disabled=false;this.fullWidth=false;this.options=[];this.indicatorStyles={left:"0",width:"0",transition:"none"};this.segmentedClass=a({base:"segmented-container bcm-ui-element inline-flex relative bg-[--bcm-ui-color-background-default-default] border border-solid border-[--bcm-ui-color-border-default] rounded overflow-hidden",variants:{size:{small:"text-size-4",medium:"text-size-5",large:"text-size-6"},fullWidth:{true:"w-full"},disabled:{true:"opacity-50 cursor-not-allowed",false:"cursor-pointer"}},defaultVariants:{size:"medium",fullWidth:false,disabled:false}},{twMerge:false})}componentWillLoad(){this.parseOptions();if(!this.value&&this.options.length>0){this.value=this.options[0].value}}componentDidLoad(){this.updateIndicatorPosition(false)}componentDidUpdate(){this.updateIndicatorPosition()}valueChanged(){this.updateIndicatorPosition()}handleOptionClick(e){if(this.disabled)return;const t=e.detail;if(this.value!==t){this.value=t;this.bcmChange.emit({value:t})}}parseOptions(){const e=Array.from(this.host.children);this.options=e.filter((e=>e.nodeName.toLowerCase()==="bcm-segmented-picker-option")).map((e=>({value:e.getAttribute("value")||"",label:e.getAttribute("label")||e.textContent||""})))}updateIndicatorPosition(e=true){const t=this.host.querySelector(`bcm-segmented-picker-option[value="${this.value}"]`);if(!t)return;const i=this.host.querySelectorAll("bcm-segmented-picker-option");let o=-1;for(let e=0;e<i.length;e++){if(i[e].getAttribute("value")===this.value){o=e;break}}if(o===-1)return;setTimeout((()=>{try{let t=0;for(let e=0;e<o;e++){const o=i[e];if(o){t+=o.offsetWidth}}const r=i[o].offsetWidth;this.indicatorStyles={left:`${t}px`,width:`${r}px`,transition:e?"all 0.2s ease-in-out":"none"}}catch(e){console.error("Error updating indicator position:",e)}}),10)}render(){return i(o,{key:"571801e9cda644fdeefdf11f33789051c0f70145"},i("div",{key:"0dde275a03d67eab8acfe4fab419f59bbabcf0f2",class:this.segmentedClass({size:this.size,fullWidth:this.fullWidth,disabled:this.disabled})},i("div",{key:"87a53fc461965d4fc29b16e20585b0db2c4fe459",class:"segmented-indicator absolute bg-[--bcm-ui-color-background-base-default] z-0 rounded",style:this.indicatorStyles}),i("div",{key:"a803b9207b514760ba16c004aa33836379797fd9",class:"segmented-options flex relative z-10 w-full"},i("slot",{key:"7b5df35c4d424ab84cfebac564a50b96dcbd933b"}))))}get host(){return r(this)}static get watchers(){return{value:["valueChanged"]}}};n.style=d;export{n as bcm_segmented_picker};
-//# sourceMappingURL=p-7e97d4e2.entry.js.map
+import{r as e,c as t,h as i,H as o,g as r}from"./p-9d0aeb92.js";import{c as a}from"./p-5fcf77f9.js";const s=".relative{position:relative}.flex{display:flex}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{display:inline-block;position:relative}:host([full-width]){width:100%}.segmented-container{border-radius:var(--bcm-ui-border-radius,4px)}.segmented-indicator{border-radius:var(--bcm-ui-border-radius-md,2px);height:100%;top:0;transition:left .2s ease-in-out,width .2s ease-in-out}.segmented-options{display:flex}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.absolute{position:absolute}.z-0{z-index:0}.z-10{z-index:10}.inline-flex{display:inline-flex}.w-full{width:100%}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border{border-width:1px}.border-solid{border-style:solid}.border-\\[--bcm-ui-color-border-default\\]{border-color:var(--bcm-ui-color-border-default)}.bg-\\[--bcm-ui-color-background-base-default\\]{background-color:var(--bcm-ui-color-background-base-default)}.bg-\\[--bcm-ui-color-background-default-default\\]{background-color:var(--bcm-ui-color-background-default-default)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.opacity-50{opacity:.5}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}";const n=s;const d=class{constructor(i){e(this,i);this.bcmChange=t(this,"bcmChange",1);this.size="medium";this.disabled=false;this.fullWidth=false;this.options=[];this.indicatorStyles={left:"0",width:"0",transition:"none"};this.segmentedClass=a({base:"segmented-container bcm-ui-element inline-flex relative bg-[--bcm-ui-color-background-default-default] border border-solid border-[--bcm-ui-color-border-default] rounded overflow-hidden",variants:{size:{small:"text-size-4",medium:"text-size-5",large:"text-size-6"},fullWidth:{true:"w-full"},disabled:{true:"opacity-50 cursor-not-allowed",false:"cursor-pointer"}},defaultVariants:{size:"medium",fullWidth:false,disabled:false}},{twMerge:false})}componentWillLoad(){this.parseOptions();if(!this.value&&this.options.length>0){this.value=this.options[0].value}}componentDidLoad(){this.updateIndicatorPosition(false)}componentDidUpdate(){this.updateIndicatorPosition()}valueChanged(){this.updateIndicatorPosition()}handleOptionClick(e){if(this.disabled)return;const t=e.detail;if(this.value!==t){this.value=t;this.bcmChange.emit({value:t})}}parseOptions(){const e=Array.from(this.host.children);this.options=e.filter((e=>e.nodeName.toLowerCase()==="bcm-segmented-picker-option")).map((e=>({value:e.getAttribute("value")||"",label:e.getAttribute("label")||e.textContent||""})))}updateIndicatorPosition(e=true){const t=this.host.querySelector(`bcm-segmented-picker-option[value="${this.value}"]`);if(!t)return;const i=this.host.querySelectorAll("bcm-segmented-picker-option");let o=-1;for(let e=0;e<i.length;e++){if(i[e].getAttribute("value")===this.value){o=e;break}}if(o===-1)return;setTimeout((()=>{try{let t=0;for(let e=0;e<o;e++){const o=i[e];if(o){t+=o.offsetWidth}}const r=i[o].offsetWidth;this.indicatorStyles={left:`${t}px`,width:`${r}px`,transition:e?"all 0.2s ease-in-out":"none"}}catch(e){console.error("Error updating indicator position:",e)}}),10)}render(){return i(o,{key:"00a61b095c03ee5a5714a2bf1efa358056cc48bd"},i("div",{key:"75ea4056395d589e486c9ef45c33eecbc1eca8c8",class:this.segmentedClass({size:this.size,fullWidth:this.fullWidth,disabled:this.disabled})},i("div",{key:"9a3c63b6730b64ebacd59d2b548cc94a181c1e9e",class:"segmented-indicator absolute bg-[--bcm-ui-color-background-base-default] z-0 rounded",style:this.indicatorStyles}),i("div",{key:"ac1d2c0765dc1ff246a5fc81815d1e1e10630d8d",class:"segmented-options flex relative z-10 w-full"},i("slot",{key:"b5e21f3e8ee7d55736f034fe3e92662510a65973"}))))}get host(){return r(this)}static get watchers(){return{value:["valueChanged"]}}};d.style=n;export{d as bcm_segmented_picker};
+//# sourceMappingURL=p-bbe4aac2.entry.js.map

package/dist/bromcom-ui/{p-76631abc.entry.js → p-bc962a70.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i}from"./p-9d0aeb92.js";import{c as a}from"./p-5fcf77f9.js";const o=".relative{position:relative}.block{display:block}:host{display:block;position:relative;width:100%}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static}.absolute{position:absolute}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.z-10{z-index:10}.flex{display:flex}.h-0\\.5{height:.125rem}.w-full{width:100%}.flex-row{flex-direction:row}.items-center{align-items:center}.bg-\\[--bcm-ui-color-text-primary\\]{background-color:var(--bcm-ui-color-text-primary)}.opacity-0{opacity:0}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}";const e=o;const r=class{constructor(i){t(this,i);this.class=a({slots:{container:"flex flex-row items-center w-full relative",inkbar:"inkbar absolute bottom-0 left-0 right-0 h-0.5 bg-[--bcm-ui-color-text-primary] transition-all duration-200 ease-in-out z-10 opacity-0",tabList:"tabs-list flex flex-row items-center w-full relative"}})}render(){const{container:t,inkbar:a,tabList:o}=this.class();return i("div",{key:"d51ed58a8226f7dbb84a31fb5c30d94dbe6daa5b",class:t(),slot:"tabs-list"},i("div",{key:"152bdc9642655ba245c50afc0121850712779799",class:a()}),i("div",{key:"6a9084708753909fae7f0d3fb05092a97e34a468",class:o(),role:"tablist"},i("slot",{key:"06e7f1b37f8256fe06fa47d7cea6ed71edb296b4"})))}};r.style=e;export{r as bcm_tabs_list};
-//# sourceMappingURL=p-76631abc.entry.js.map
+import{r as t,h as i}from"./p-9d0aeb92.js";import{c as a}from"./p-5fcf77f9.js";const o=".relative{position:relative}.block{display:block}:host{display:block;position:relative;width:100%}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static}.absolute{position:absolute}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.z-10{z-index:10}.flex{display:flex}.h-0\\.5{height:.125rem}.w-full{width:100%}.flex-row{flex-direction:row}.items-center{align-items:center}.bg-\\[--bcm-ui-color-text-primary\\]{background-color:var(--bcm-ui-color-text-primary)}.opacity-0{opacity:0}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}";const e=o;const r=class{constructor(i){t(this,i);this.class=a({slots:{container:"flex flex-row items-center w-full relative",inkbar:"inkbar absolute bottom-0 left-0 right-0 h-0.5 bg-[--bcm-ui-color-text-primary] transition-all duration-200 ease-in-out z-10 opacity-0",tabList:"tabs-list flex flex-row items-center w-full relative"}})}render(){const{container:t,inkbar:a,tabList:o}=this.class();return i("div",{key:"4dbd9f1b18b6529d8b772a27a6f6ab0cbf789b48",class:t(),slot:"tabs-list"},i("div",{key:"f7bc6bb41afb0d76f66cb7a7af70875cf5359da8",class:a()}),i("div",{key:"95aa03b5f1955517c9f3fce41ce3b525bfb56ac0",class:o(),role:"tablist"},i("slot",{key:"a3d0a910a2f7a07dd2f1e25b0d14d2c0d830e5fb"})))}};r.style=e;export{r as bcm_tabs_list};
+//# sourceMappingURL=p-bc962a70.entry.js.map

package/dist/bromcom-ui/{p-49a74afe.entry.js → p-d975579d.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as r,g as o}from"./p-9d0aeb92.js";import{c as i}from"./p-5fcf77f9.js";import{c as s}from"./p-12360e4c.js";import{g as a}from"./p-ba2410ef.js";import{s as l,g as n,d as c}from"./p-13a245f6.js";const h='.visible{visibility:visible}.collapse{visibility:collapse}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.contents{display:contents}.hidden{display:none}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize-none{resize:none;resize:none!important}.resize-y{resize:vertical;resize:vertical!important}.resize-x{resize:horizontal;resize:horizontal!important}.resize{resize:both!important;resize:both}.border{border-width:1px}.underline{text-decoration-line:underline}.outline{outline-style:solid}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid oklch(.928 .006 264.531);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(.707 .022 261.325);opacity:1}input::placeholder,textarea::placeholder{color:oklch(.707 .022 261.325);opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:host{display:block;width:100%}.bcm-textarea__container{display:flex;flex-direction:column;width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.mt-1{margin-top:.25rem}.min-h-0{min-height:0}.min-h-\\[3rem\\]{min-height:3rem}.min-h-\\[4rem\\]{min-height:4rem}.min-h-\\[5rem\\]{min-height:5rem}.w-full{width:100%}.grow{flex-grow:1}.cursor-not-allowed{cursor:not-allowed}.\\!resize-none{resize:none!important}.\\!resize-y{resize:vertical!important}.\\!resize-x{resize:horizontal!important}.\\!resize{resize:both!important}.appearance-none{appearance:none}.flex-col{flex-direction:column}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border-0{border-width:0}.border-solid{border-style:solid}.border-\\[--bcm-ui-color-border-default\\]{border-color:var(--bcm-ui-color-border-default)}.border-\\[--bcm-ui-color-border-error\\]{border-color:var(--bcm-ui-color-border-error)}.border-\\[--bcm-ui-color-border-info\\]{border-color:var(--bcm-ui-color-border-info)}.border-\\[--bcm-ui-color-border-success\\]{border-color:var(--bcm-ui-color-border-success)}.border-\\[--bcm-ui-color-border-warning\\]{border-color:var(--bcm-ui-color-border-warning)}.bg-\\[--bcm-ui-color-background-base-default\\]{background-color:var(--bcm-ui-color-background-base-default)}.bg-transparent{background-color:transparent}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-right{text-align:right}.font-sans{font-family:Inter,sans-serif}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-\\[--bcm-ui-color-text-caption\\]{color:var(--bcm-ui-color-text-caption)}.text-\\[--bcm-ui-color-text-default\\]{color:var(--bcm-ui-color-text-default)}.text-\\[--bcm-ui-color-text-disabled\\]{color:var(--bcm-ui-color-text-disabled)}.text-\\[--bcm-ui-color-text-error\\]{color:var(--bcm-ui-color-text-error)}.text-\\[--bcm-ui-color-text-info\\]{color:var(--bcm-ui-color-text-info)}.text-\\[--bcm-ui-color-text-placeholder\\]{color:var(--bcm-ui-color-text-placeholder)}.text-\\[--bcm-ui-color-text-success\\]{color:var(--bcm-ui-color-text-success)}.text-\\[--bcm-ui-color-text-warning\\]{color:var(--bcm-ui-color-text-warning)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-label{color:var(--bcm-ui-color-text-label)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-0{outline-width:0}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-\\[--bcm-ui-color-border-primary\\]{--tw-ring-color:var(--bcm-ui-color-border-primary)}.ring-opacity-50{--tw-ring-opacity:0.5}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.placeholder\\:font-normal::placeholder{font-weight:400}.placeholder\\:text-\\[--bcm-ui-color-text-placeholder\\]::placeholder{color:var(--bcm-ui-color-text-placeholder)}.hover\\:border-\\[--bcm-ui-color-border-error\\]:hover{border-color:var(--bcm-ui-color-border-error)}.hover\\:border-\\[--bcm-ui-color-border-info\\]:hover{border-color:var(--bcm-ui-color-border-info)}.hover\\:border-\\[--bcm-ui-color-border-primary\\]:hover{border-color:var(--bcm-ui-color-border-primary)}.hover\\:border-\\[--bcm-ui-color-border-success\\]:hover{border-color:var(--bcm-ui-color-border-success)}.hover\\:border-\\[--bcm-ui-color-border-warning\\]:hover{border-color:var(--bcm-ui-color-border-warning)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-error\\]:has(:focus){border-color:var(--bcm-ui-color-border-error)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-info\\]:has(:focus){border-color:var(--bcm-ui-color-border-info)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-primary\\]:has(:focus){border-color:var(--bcm-ui-color-border-primary)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-success\\]:has(:focus){border-color:var(--bcm-ui-color-border-success)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-warning\\]:has(:focus){border-color:var(--bcm-ui-color-border-warning)}';const d=h;const b=class{constructor(r){e(this,r);this.bcmInput=t(this,"bcmInput",1);this.bcmChange=t(this,"bcmChange",1);this.bcmFocus=t(this,"bcmFocus",1);this.bcmBlur=t(this,"bcmBlur",1);this.bcmKeyDown=t(this,"bcmKeyDown",1);this.bcmKeyUp=t(this,"bcmKeyUp",1);this.isFocused=false;this.isValid=true;this.internalStatus="default";this.value="";this.rows=3;this.resize="none";this.autoGrow=false;this._id=a("textarea");this.size="medium";this.status="default";this.fullWidth=false;this.disabled=false;this.readonly=false;this.required=false;this.showCounter=true;this.onChange=e=>{this.bcmChange.emit(e)};this.onFocus=e=>{this.isFocused=true;this.bcmFocus.emit(e)};this.onBlur=e=>{this.isFocused=false;this.bcmBlur.emit(e);this.validateInput()};this.onKeyDown=e=>{this.bcmKeyDown.emit(e)};this.onKeyUp=e=>{this.bcmKeyUp.emit(e)};this.styleClass=i({slots:{base:["bcm-textarea bcm-textarea__container","bg-[--bcm-ui-color-background-base-default]","border border-solid rounded","flex flex-col","transition-colors duration-200","px-2 py-2","w-full"],textareaClass:["textarea","w-full","border-0 outline-0 bg-transparent","appearance-none","text-[--bcm-ui-color-text-default] placeholder:text-[--bcm-ui-color-text-placeholder] placeholder:font-normal","font-sans antialiased font-medium","px-1","overflow-y-auto","min-h-0"],counterText:["textarea-counter-text","text-[--bcm-ui-color-text-placeholder]","text-right","mt-1"]},variants:{size:{small:{base:"",textareaClass:"text-size-4 min-h-[3rem]",counterText:"text-size-3"},medium:{base:"",textareaClass:"text-size-5 min-h-[4rem]",counterText:"text-size-4"},large:{base:"",textareaClass:"text-size-6 min-h-[5rem]",counterText:"text-size-5"}},resize:{none:{textareaClass:"!resize-none"},both:{textareaClass:"!resize"},horizontal:{textareaClass:"!resize-x"},vertical:{textareaClass:"!resize-y"}},status:{default:{base:["border-[--bcm-ui-color-border-default]","hover:border-[--bcm-ui-color-border-primary]","has-[:focus]:border-[--bcm-ui-color-border-primary]"]},error:{base:["border-[--bcm-ui-color-border-error]","hover:border-[--bcm-ui-color-border-error]","has-[:focus]:border-[--bcm-ui-color-border-error]"]},success:{base:["border-[--bcm-ui-color-border-success]","hover:border-[--bcm-ui-color-border-success]","has-[:focus]:border-[--bcm-ui-color-border-success]"]},warning:{base:["border-[--bcm-ui-color-border-warning]","hover:border-[--bcm-ui-color-border-warning]","has-[:focus]:border-[--bcm-ui-color-border-warning]"]},info:{base:["border-[--bcm-ui-color-border-info]","hover:border-[--bcm-ui-color-border-info]","has-[:focus]:border-[--bcm-ui-color-border-info]"]}},fullWidth:{true:"full-width w-full"},disabled:{true:{base:"disabled cursor-not-allowed opacity-50",textareaClass:"!resize-none"},false:""},focused:{true:{base:"ring-2 ring-[--bcm-ui-color-border-primary] ring-opacity-50"},false:""}},defaultVariants:{size:"medium",status:"default",resize:"vertical",fullWidth:false,disabled:false,focused:false}},{twMerge:false})}handleValueChange(e){if(this.textareaRef){this.textareaRef.value=e;if(this.autoGrow){this.adjustHeight()}}}watchStatus(e){this.internalStatus=e}watchErrorMessage(e){this.internalErrorMessage=e}componentWillLoad(){l("en",c);this.internalStatus=this.status;this.internalErrorMessage=this.errorMessage}componentDidLoad(){var e;if(this.autoGrow){this.adjustHeight();(e=this.textareaRef)===null||e===void 0?void 0:e.addEventListener("input",(()=>this.adjustHeight()))}}disconnectedCallback(){if(this.autoGrow&&this.textareaRef){this.textareaRef.removeEventListener("input",(()=>this.adjustHeight()))}}async setFocus(){var e;(e=this.textareaRef)===null||e===void 0?void 0:e.focus()}async setBlur(){var e;(e=this.textareaRef)===null||e===void 0?void 0:e.blur()}async select(){var e;(e=this.textareaRef)===null||e===void 0?void 0:e.select()}adjustHeight(){if(!this.autoGrow||!this.textareaRef)return;requestAnimationFrame((()=>{this.textareaRef.style.height="0px";const e=getComputedStyle(this.textareaRef);const t=parseInt(e.lineHeight);const r=parseInt(e.paddingTop);const o=parseInt(e.paddingBottom);const i=this.textareaRef.scrollHeight;let s=i;if(this.minRows){const e=this.minRows*t+r+o;s=Math.max(s,e)}if(this.maxRows){const e=this.maxRows*t+r+o;s=Math.min(s,e)}this.textareaRef.style.height=`${s}px`}))}validateInput(){if(!this.textareaRef)return;this.isValid=true;this.validationMessage="";const e=this.textareaRef.value;if(this.required&&!e){this.isValid=false;this.validationMessage=n("required");this.internalStatus="error";this.internalErrorMessage=this.validationMessage;return}if(this.minLength&&e.length<this.minLength){this.isValid=false;this.validationMessage=n("minlength",{min:this.minLength})}else if(this.maxLength&&e.length>this.maxLength){this.isValid=false;this.validationMessage=n("maxlength",{max:this.maxLength})}if(this.validator){const t=this.validator(e);if(t){this.isValid=false;this.validationMessage=t}}this.internalStatus=this.isValid?"default":"error";this.internalErrorMessage=this.validationMessage}render(){const e=this._id+"-textarea"||this.name;const{base:t,textareaClass:o,counterText:i}=this.styleClass({size:this.size,status:this.internalStatus,resize:this.resize,fullWidth:this.fullWidth,disabled:this.disabled,focused:this.isFocused});return r("div",{key:"e6310414ab5837691b0a1fe6112c2315e322cc3e",class:"bcm-ui-element"},this.label&&r("label",{key:"1130ae9423a6c0b11939b40305888fcc254a478f",class:s("textarea-label font-medium",{"text-color-label":!this.disabled,"text-color-disabled":this.disabled},{"text-size-3":this.size==="small","text-size-4":this.size==="medium","text-size-5":this.size==="large"}),htmlFor:e},r("slot",{key:"14fbb3460f9e2235d330c8751a4582cb53a0b6eb",name:"label"},this.label),this.required&&r("span",{key:"d5c31c6358ac10f1d24c665e4a81f3f4faf18e3b"},"*")),r("div",{key:"c1b53969edd14f59ab0184d5bbe7b2fc2ede54f2",class:t()},r("textarea",{key:"cf712c4bc84836505367230fa2f4a219dafb8773",ref:e=>this.textareaRef=e,id:e,class:o(),name:this.name,rows:this.rows,cols:this.cols,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:this.placeholder,minLength:this.minLength,maxLength:this.maxLength,"aria-invalid":this.status==="error","aria-required":this.required,"aria-labelledby":this.labelledby,"aria-describedby":this.describedby,value:this.value,onInput:e=>{const t=e.target;this.value=t.value;this.bcmInput.emit(e);this.validateInput();if(this.autoGrow){this.adjustHeight()}},onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,onKeyUp:this.onKeyUp}),this.showCounter&&r("div",{key:"15c18cfac852247feff36f95bd3f51bcabb0b045",class:i()},this.value.length,this.maxLength?`/${this.maxLength}`:"")),(this.captionText||this.internalErrorMessage||this.validationMessage)&&r("div",{key:"476b9901f68f4c4b7507412ea99d33aa9af28653",class:s("textarea-caption-text font-regular mt-1",{"text-[--bcm-ui-color-text-caption]":!this.disabled&&this.internalStatus==="default","text-[--bcm-ui-color-text-error]":!this.disabled&&(this.internalStatus==="error"||!this.isValid),"text-[--bcm-ui-color-text-success]":!this.disabled&&this.internalStatus==="success","text-[--bcm-ui-color-text-warning]":!this.disabled&&this.internalStatus==="warning","text-[--bcm-ui-color-text-info]":!this.disabled&&this.internalStatus==="info","text-[--bcm-ui-color-text-disabled]":this.disabled},{"text-size-3":this.size==="small","text-size-4":this.size==="medium","text-size-5":this.size==="large"})},!this.isValid?this.validationMessage:this.internalStatus==="error"?this.internalErrorMessage:this.captionText))}get el(){return o(this)}static get watchers(){return{value:["handleValueChange"],status:["watchStatus"],errorMessage:["watchErrorMessage"]}}};b.style=d;export{b as bcm_textarea};
-//# sourceMappingURL=p-49a74afe.entry.js.map
+import{r as e,c as t,h as r,g as o}from"./p-9d0aeb92.js";import{c as i}from"./p-5fcf77f9.js";import{c as s}from"./p-12360e4c.js";import{g as a}from"./p-ba2410ef.js";import{s as l,g as n,d as c}from"./p-13a245f6.js";const h='.visible{visibility:visible}.collapse{visibility:collapse}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.contents{display:contents}.hidden{display:none}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize-none{resize:none;resize:none!important}.resize-y{resize:vertical;resize:vertical!important}.resize-x{resize:horizontal;resize:horizontal!important}.resize{resize:both!important;resize:both}.border{border-width:1px}.underline{text-decoration-line:underline}.outline{outline-style:solid}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid oklch(.928 .006 264.531);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(.707 .022 261.325);opacity:1}input::placeholder,textarea::placeholder{color:oklch(.707 .022 261.325);opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:host{display:block;width:100%}.bcm-textarea__container{display:flex;flex-direction:column;width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.mt-1{margin-top:.25rem}.min-h-0{min-height:0}.min-h-\\[3rem\\]{min-height:3rem}.min-h-\\[4rem\\]{min-height:4rem}.min-h-\\[5rem\\]{min-height:5rem}.w-full{width:100%}.grow{flex-grow:1}.cursor-not-allowed{cursor:not-allowed}.\\!resize-none{resize:none!important}.\\!resize-y{resize:vertical!important}.\\!resize-x{resize:horizontal!important}.\\!resize{resize:both!important}.appearance-none{appearance:none}.flex-col{flex-direction:column}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border-0{border-width:0}.border-solid{border-style:solid}.border-\\[--bcm-ui-color-border-default\\]{border-color:var(--bcm-ui-color-border-default)}.border-\\[--bcm-ui-color-border-error\\]{border-color:var(--bcm-ui-color-border-error)}.border-\\[--bcm-ui-color-border-info\\]{border-color:var(--bcm-ui-color-border-info)}.border-\\[--bcm-ui-color-border-success\\]{border-color:var(--bcm-ui-color-border-success)}.border-\\[--bcm-ui-color-border-warning\\]{border-color:var(--bcm-ui-color-border-warning)}.bg-\\[--bcm-ui-color-background-base-default\\]{background-color:var(--bcm-ui-color-background-base-default)}.bg-transparent{background-color:transparent}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-right{text-align:right}.font-sans{font-family:Inter,sans-serif}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-\\[--bcm-ui-color-text-caption\\]{color:var(--bcm-ui-color-text-caption)}.text-\\[--bcm-ui-color-text-default\\]{color:var(--bcm-ui-color-text-default)}.text-\\[--bcm-ui-color-text-disabled\\]{color:var(--bcm-ui-color-text-disabled)}.text-\\[--bcm-ui-color-text-error\\]{color:var(--bcm-ui-color-text-error)}.text-\\[--bcm-ui-color-text-info\\]{color:var(--bcm-ui-color-text-info)}.text-\\[--bcm-ui-color-text-placeholder\\]{color:var(--bcm-ui-color-text-placeholder)}.text-\\[--bcm-ui-color-text-success\\]{color:var(--bcm-ui-color-text-success)}.text-\\[--bcm-ui-color-text-warning\\]{color:var(--bcm-ui-color-text-warning)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-label{color:var(--bcm-ui-color-text-label)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-0{outline-width:0}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-\\[--bcm-ui-color-border-primary\\]{--tw-ring-color:var(--bcm-ui-color-border-primary)}.ring-opacity-50{--tw-ring-opacity:0.5}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.placeholder\\:font-normal::placeholder{font-weight:400}.placeholder\\:text-\\[--bcm-ui-color-text-placeholder\\]::placeholder{color:var(--bcm-ui-color-text-placeholder)}.hover\\:border-\\[--bcm-ui-color-border-error\\]:hover{border-color:var(--bcm-ui-color-border-error)}.hover\\:border-\\[--bcm-ui-color-border-info\\]:hover{border-color:var(--bcm-ui-color-border-info)}.hover\\:border-\\[--bcm-ui-color-border-primary\\]:hover{border-color:var(--bcm-ui-color-border-primary)}.hover\\:border-\\[--bcm-ui-color-border-success\\]:hover{border-color:var(--bcm-ui-color-border-success)}.hover\\:border-\\[--bcm-ui-color-border-warning\\]:hover{border-color:var(--bcm-ui-color-border-warning)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-error\\]:has(:focus){border-color:var(--bcm-ui-color-border-error)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-info\\]:has(:focus){border-color:var(--bcm-ui-color-border-info)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-primary\\]:has(:focus){border-color:var(--bcm-ui-color-border-primary)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-success\\]:has(:focus){border-color:var(--bcm-ui-color-border-success)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-warning\\]:has(:focus){border-color:var(--bcm-ui-color-border-warning)}';const d=h;const b=class{constructor(r){e(this,r);this.bcmInput=t(this,"bcmInput",1);this.bcmChange=t(this,"bcmChange",1);this.bcmFocus=t(this,"bcmFocus",1);this.bcmBlur=t(this,"bcmBlur",1);this.bcmKeyDown=t(this,"bcmKeyDown",1);this.bcmKeyUp=t(this,"bcmKeyUp",1);this.isFocused=false;this.isValid=true;this.internalStatus="default";this.value="";this.rows=3;this.resize="none";this.autoGrow=false;this._id=a("textarea");this.size="medium";this.status="default";this.fullWidth=false;this.disabled=false;this.readonly=false;this.required=false;this.showCounter=true;this.onChange=e=>{this.bcmChange.emit(e)};this.onFocus=e=>{this.isFocused=true;this.bcmFocus.emit(e)};this.onBlur=e=>{this.isFocused=false;this.bcmBlur.emit(e);this.validateInput()};this.onKeyDown=e=>{this.bcmKeyDown.emit(e)};this.onKeyUp=e=>{this.bcmKeyUp.emit(e)};this.styleClass=i({slots:{base:["bcm-textarea bcm-textarea__container","bg-[--bcm-ui-color-background-base-default]","border border-solid rounded","flex flex-col","transition-colors duration-200","px-2 py-2","w-full"],textareaClass:["textarea","w-full","border-0 outline-0 bg-transparent","appearance-none","text-[--bcm-ui-color-text-default] placeholder:text-[--bcm-ui-color-text-placeholder] placeholder:font-normal","font-sans antialiased font-medium","px-1","overflow-y-auto","min-h-0"],counterText:["textarea-counter-text","text-[--bcm-ui-color-text-placeholder]","text-right","mt-1"]},variants:{size:{small:{base:"",textareaClass:"text-size-4 min-h-[3rem]",counterText:"text-size-3"},medium:{base:"",textareaClass:"text-size-5 min-h-[4rem]",counterText:"text-size-4"},large:{base:"",textareaClass:"text-size-6 min-h-[5rem]",counterText:"text-size-5"}},resize:{none:{textareaClass:"!resize-none"},both:{textareaClass:"!resize"},horizontal:{textareaClass:"!resize-x"},vertical:{textareaClass:"!resize-y"}},status:{default:{base:["border-[--bcm-ui-color-border-default]","hover:border-[--bcm-ui-color-border-primary]","has-[:focus]:border-[--bcm-ui-color-border-primary]"]},error:{base:["border-[--bcm-ui-color-border-error]","hover:border-[--bcm-ui-color-border-error]","has-[:focus]:border-[--bcm-ui-color-border-error]"]},success:{base:["border-[--bcm-ui-color-border-success]","hover:border-[--bcm-ui-color-border-success]","has-[:focus]:border-[--bcm-ui-color-border-success]"]},warning:{base:["border-[--bcm-ui-color-border-warning]","hover:border-[--bcm-ui-color-border-warning]","has-[:focus]:border-[--bcm-ui-color-border-warning]"]},info:{base:["border-[--bcm-ui-color-border-info]","hover:border-[--bcm-ui-color-border-info]","has-[:focus]:border-[--bcm-ui-color-border-info]"]}},fullWidth:{true:"full-width w-full"},disabled:{true:{base:"disabled cursor-not-allowed opacity-50",textareaClass:"!resize-none"},false:""},focused:{true:{base:"ring-2 ring-[--bcm-ui-color-border-primary] ring-opacity-50"},false:""}},defaultVariants:{size:"medium",status:"default",resize:"vertical",fullWidth:false,disabled:false,focused:false}},{twMerge:false})}handleValueChange(e){if(this.textareaRef){this.textareaRef.value=e;if(this.autoGrow){this.adjustHeight()}}}watchStatus(e){this.internalStatus=e}watchErrorMessage(e){this.internalErrorMessage=e}componentWillLoad(){l("en",c);this.internalStatus=this.status;this.internalErrorMessage=this.errorMessage}componentDidLoad(){var e;if(this.autoGrow){this.adjustHeight();(e=this.textareaRef)===null||e===void 0?void 0:e.addEventListener("input",(()=>this.adjustHeight()))}}disconnectedCallback(){if(this.autoGrow&&this.textareaRef){this.textareaRef.removeEventListener("input",(()=>this.adjustHeight()))}}async setFocus(){var e;(e=this.textareaRef)===null||e===void 0?void 0:e.focus()}async setBlur(){var e;(e=this.textareaRef)===null||e===void 0?void 0:e.blur()}async select(){var e;(e=this.textareaRef)===null||e===void 0?void 0:e.select()}adjustHeight(){if(!this.autoGrow||!this.textareaRef)return;requestAnimationFrame((()=>{this.textareaRef.style.height="0px";const e=getComputedStyle(this.textareaRef);const t=parseInt(e.lineHeight);const r=parseInt(e.paddingTop);const o=parseInt(e.paddingBottom);const i=this.textareaRef.scrollHeight;let s=i;if(this.minRows){const e=this.minRows*t+r+o;s=Math.max(s,e)}if(this.maxRows){const e=this.maxRows*t+r+o;s=Math.min(s,e)}this.textareaRef.style.height=`${s}px`}))}validateInput(){if(!this.textareaRef)return;this.isValid=true;this.validationMessage="";const e=this.textareaRef.value;if(this.required&&!e){this.isValid=false;this.validationMessage=n("required");this.internalStatus="error";this.internalErrorMessage=this.validationMessage;return}if(this.minLength&&e.length<this.minLength){this.isValid=false;this.validationMessage=n("minlength",{min:this.minLength})}else if(this.maxLength&&e.length>this.maxLength){this.isValid=false;this.validationMessage=n("maxlength",{max:this.maxLength})}if(this.validator){const t=this.validator(e);if(t){this.isValid=false;this.validationMessage=t}}this.internalStatus=this.isValid?"default":"error";this.internalErrorMessage=this.validationMessage}render(){const e=this._id+"-textarea"||this.name;const{base:t,textareaClass:o,counterText:i}=this.styleClass({size:this.size,status:this.internalStatus,resize:this.resize,fullWidth:this.fullWidth,disabled:this.disabled,focused:this.isFocused});return r("div",{key:"c5ee75be5fde297e23772b7c40d5c1232f3b89da",class:"bcm-ui-element"},this.label&&r("label",{key:"49b338bdfdc5475c8219fb752200cf897a57f79d",class:s("textarea-label font-medium",{"text-color-label":!this.disabled,"text-color-disabled":this.disabled},{"text-size-3":this.size==="small","text-size-4":this.size==="medium","text-size-5":this.size==="large"}),htmlFor:e},r("slot",{key:"01a450616f08255ad6c593cfdee6bfe8c806a139",name:"label"},this.label),this.required&&r("span",{key:"e2da2bfd03978deae44f3b1fc80171bd17092a94"},"*")),r("div",{key:"24508ff98ece95297f3c90f415b9c1231771de96",class:t()},r("textarea",{key:"abd2eb66e02a271626246f7634d3bad6ca569bf5",ref:e=>this.textareaRef=e,id:e,class:o(),name:this.name,rows:this.rows,cols:this.cols,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:this.placeholder,minLength:this.minLength,maxLength:this.maxLength,"aria-invalid":this.status==="error","aria-required":this.required,"aria-labelledby":this.labelledby,"aria-describedby":this.describedby,value:this.value,onInput:e=>{const t=e.target;this.value=t.value;this.bcmInput.emit(e);this.validateInput();if(this.autoGrow){this.adjustHeight()}},onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,onKeyUp:this.onKeyUp}),this.showCounter&&r("div",{key:"2678f8f9ad6d2fdb42691b9609d6a73c696b90ec",class:i()},this.value.length,this.maxLength?`/${this.maxLength}`:"")),(this.captionText||this.internalErrorMessage||this.validationMessage)&&r("div",{key:"03c87e206c3c683d503bf8bc0fb33f0e3657857f",class:s("textarea-caption-text font-regular mt-1",{"text-[--bcm-ui-color-text-caption]":!this.disabled&&this.internalStatus==="default","text-[--bcm-ui-color-text-error]":!this.disabled&&(this.internalStatus==="error"||!this.isValid),"text-[--bcm-ui-color-text-success]":!this.disabled&&this.internalStatus==="success","text-[--bcm-ui-color-text-warning]":!this.disabled&&this.internalStatus==="warning","text-[--bcm-ui-color-text-info]":!this.disabled&&this.internalStatus==="info","text-[--bcm-ui-color-text-disabled]":this.disabled},{"text-size-3":this.size==="small","text-size-4":this.size==="medium","text-size-5":this.size==="large"})},!this.isValid?this.validationMessage:this.internalStatus==="error"?this.internalErrorMessage:this.captionText))}get el(){return o(this)}static get watchers(){return{value:["handleValueChange"],status:["watchStatus"],errorMessage:["watchErrorMessage"]}}};b.style=d;export{b as bcm_textarea};
+//# sourceMappingURL=p-d975579d.entry.js.map

package/dist/bromcom-ui/{p-77abe8d1.entry.js → p-e2f468ab.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as s,g as i}from"./p-9d0aeb92.js";import{a,c as o,o as h,f as r,s as l,b as c}from"./p-50133556.js";import{c as n}from"./p-5fcf77f9.js";const d=":host{--popover-bg:var(--bcm-ui-color-background-base-default);display:inline-block}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.absolute{position:absolute}.relative{position:relative}.z-\\[9999\\]{z-index:9999}.flex{display:flex}.hidden{display:none}.h-4{height:1rem}.w-4{width:1rem}.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)}";const f=d;const m=class{constructor(s){t(this,s);this.bcmPopoverOpen=e(this,"bcmPopoverOpen",1);this.bcmPopoverClose=e(this,"bcmPopoverClose",1);this.size="medium";this.placement="top";this.trigger="click";this.hoverDelay=150;this.open=false;this.togglePopover=()=>{this.open=!this.open;if(this.open){this.bcmPopoverOpen.emit()}else{this.bcmPopoverClose.emit()}this.updatePosition()};this.showPopover=()=>{clearTimeout(this.hoverTimeout);this.hoverTimeout=setTimeout((()=>{this.open=true;this.bcmPopoverOpen.emit();this.updatePosition()}),this.hoverDelay)};this.hidePopover=()=>{clearTimeout(this.hoverTimeout);this.hoverTimeout=setTimeout((()=>{this.open=false;this.bcmPopoverClose.emit()}),this.hoverDelay)};this.handleSlotChange=()=>{const t=this.el.shadowRoot.querySelector("slot");const e=t.assignedElements();this.targetElement=e[0];if(this.targetElement){this.targetElement.removeEventListener("click",this.togglePopover);this.targetElement.removeEventListener("mouseenter",this.showPopover);this.targetElement.removeEventListener("mouseleave",this.hidePopover);if(this.trigger==="click"){this.targetElement.addEventListener("click",this.togglePopover);this.targetElement.setAttribute("aria-expanded",this.open.toString())}if(this.trigger==="hover"){this.targetElement.addEventListener("mouseenter",this.showPopover);this.targetElement.addEventListener("mouseleave",this.hidePopover)}if(this.popoverElement&&!this.cleanupAutoUpdate){this.cleanupAutoUpdate=a(this.targetElement,this.popoverElement,(()=>this.updatePosition()))}}};this.handleOutsideClick=t=>{if(!this.el.contains(t.target)&&this.open){this.open=false}};this.updatePosition=async()=>{if(!this.targetElement||!this.popoverElement||!this.arrowElement)return;const{x:t,y:e,placement:s,middlewareData:i}=await o(this.targetElement,this.popoverElement,{placement:this.placement,middleware:[h(12),r({fallbackPlacements:["top","left","bottom","right"]}),l({padding:8}),c({element:this.arrowElement})]});Object.assign(this.popoverElement.style,{left:`${t}px`,top:`${e}px`});const{x:a,y:n}=i.arrow||{x:0,y:0};const d=s.split("-")[0];const f={top:"bottom",right:"left",bottom:"top",left:"right"}[d];Object.assign(this.arrowElement.style,{left:a!=null?`${a}px`:"",top:n!=null?`${n}px`:"",[f]:"-4px"})};this.popoverClass=n({slots:{box:"bcm-ui-element bcm-popover absolute flex flex-col bg-[--popover-bg] rounded-md shadow-3 p-3 gap-1.5 min-w-max z-[9999]",header:"font-semibold text-color",content:"font-normal text-color",arrow:"absolute w-4 h-4 bg-[--popover-bg] transform rotate-45"},variants:{size:{small:{box:"text-size-3"},medium:{box:"text-size-4"},large:{box:"text-size-5"}},isOpen:{true:{box:"flex"},false:{box:"hidden"}}},defaultVariants:{size:"medium",isOpen:false}})}connectedCallback(){document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){var t;document.removeEventListener("click",this.handleOutsideClick);if(this.targetElement){this.targetElement.removeEventListener("click",this.togglePopover);this.targetElement.removeEventListener("mouseenter",this.showPopover);this.targetElement.removeEventListener("mouseleave",this.hidePopover)}(t=this.cleanupAutoUpdate)===null||t===void 0?void 0:t.call(this);this.cleanupAutoUpdate=null;clearTimeout(this.hoverTimeout)}async openPopup(){this.showPopover()}async closePopup(){this.hidePopover()}render(){const{box:t,header:e,content:i,arrow:a}=this.popoverClass({isOpen:this.open,size:this.size});return s("div",{key:"083ef2273d093e2f28655eeb51af968cf81d5f4f",class:"relative"},s("slot",{key:"d585cf566cd6f83285799c9ff7bcd9af68906565",onSlotchange:()=>this.handleSlotChange()}),s("div",{key:"5a2765cd44fba885ae4f15db90b40c10c7ae412a",part:"popover",class:t(),role:"dialog","aria-hidden":!this.open?"true":"false",ref:t=>this.popoverElement=t},s("div",{key:"e166c38a3034dd0da20a3dc283f24a258912eb0b",class:a(),ref:t=>this.arrowElement=t,part:"arrow"}),s("div",{key:"cc0adf878938a0822fe4b406fe4c7aa9e4cd934f",class:e(),part:"header"},s("slot",{key:"8150657d1b921868f605d62e4b4f0e67b1c346f5",name:"header"},this.headerText)),s("div",{key:"524337a641cff5d3e95aeb97760909d06ad8d50d",class:i(),part:"content"},s("slot",{key:"8d270fdb690f7ea65abcb346698d41f018df5117",name:"content"},this.message))))}get el(){return i(this)}};m.style=f;export{m as bcm_popover};
-//# sourceMappingURL=p-77abe8d1.entry.js.map
+import{r as t,c as e,h as s,g as i}from"./p-9d0aeb92.js";import{a,c as o,o as h,f as r,s as c,b as l}from"./p-50133556.js";import{c as n}from"./p-5fcf77f9.js";const d=":host{--popover-bg:var(--bcm-ui-color-background-base-default);display:inline-block}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.absolute{position:absolute}.relative{position:relative}.z-\\[9999\\]{z-index:9999}.flex{display:flex}.hidden{display:none}.h-4{height:1rem}.w-4{width:1rem}.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)}";const f=d;const m=class{constructor(s){t(this,s);this.bcmPopoverOpen=e(this,"bcmPopoverOpen",1);this.bcmPopoverClose=e(this,"bcmPopoverClose",1);this.size="medium";this.placement="top";this.trigger="click";this.hoverDelay=150;this.open=false;this.togglePopover=()=>{this.open=!this.open;if(this.open){this.bcmPopoverOpen.emit()}else{this.bcmPopoverClose.emit()}this.updatePosition()};this.showPopover=()=>{clearTimeout(this.hoverTimeout);this.hoverTimeout=setTimeout((()=>{this.open=true;this.bcmPopoverOpen.emit();this.updatePosition()}),this.hoverDelay)};this.hidePopover=()=>{clearTimeout(this.hoverTimeout);this.hoverTimeout=setTimeout((()=>{this.open=false;this.bcmPopoverClose.emit()}),this.hoverDelay)};this.handleSlotChange=()=>{const t=this.el.shadowRoot.querySelector("slot");const e=t.assignedElements();this.targetElement=e[0];if(this.targetElement){this.targetElement.removeEventListener("click",this.togglePopover);this.targetElement.removeEventListener("mouseenter",this.showPopover);this.targetElement.removeEventListener("mouseleave",this.hidePopover);if(this.trigger==="click"){this.targetElement.addEventListener("click",this.togglePopover);this.targetElement.setAttribute("aria-expanded",this.open.toString())}if(this.trigger==="hover"){this.targetElement.addEventListener("mouseenter",this.showPopover);this.targetElement.addEventListener("mouseleave",this.hidePopover)}if(this.popoverElement&&!this.cleanupAutoUpdate){this.cleanupAutoUpdate=a(this.targetElement,this.popoverElement,(()=>this.updatePosition()))}}};this.handleOutsideClick=t=>{if(!this.el.contains(t.target)&&this.open){this.open=false}};this.updatePosition=async()=>{if(!this.targetElement||!this.popoverElement||!this.arrowElement)return;const{x:t,y:e,placement:s,middlewareData:i}=await o(this.targetElement,this.popoverElement,{placement:this.placement,middleware:[h(12),r({fallbackPlacements:["top","left","bottom","right"]}),c({padding:8}),l({element:this.arrowElement})]});Object.assign(this.popoverElement.style,{left:`${t}px`,top:`${e}px`});const{x:a,y:n}=i.arrow||{x:0,y:0};const d=s.split("-")[0];const f={top:"bottom",right:"left",bottom:"top",left:"right"}[d];Object.assign(this.arrowElement.style,{left:a!=null?`${a}px`:"",top:n!=null?`${n}px`:"",[f]:"-4px"})};this.popoverClass=n({slots:{box:"bcm-ui-element bcm-popover absolute flex flex-col bg-[--popover-bg] rounded-md shadow-3 p-3 gap-1.5 min-w-max z-[9999]",header:"font-semibold text-color",content:"font-normal text-color",arrow:"absolute w-4 h-4 bg-[--popover-bg] transform rotate-45"},variants:{size:{small:{box:"text-size-3"},medium:{box:"text-size-4"},large:{box:"text-size-5"}},isOpen:{true:{box:"flex"},false:{box:"hidden"}}},defaultVariants:{size:"medium",isOpen:false}})}connectedCallback(){document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){var t;document.removeEventListener("click",this.handleOutsideClick);if(this.targetElement){this.targetElement.removeEventListener("click",this.togglePopover);this.targetElement.removeEventListener("mouseenter",this.showPopover);this.targetElement.removeEventListener("mouseleave",this.hidePopover)}(t=this.cleanupAutoUpdate)===null||t===void 0?void 0:t.call(this);this.cleanupAutoUpdate=null;clearTimeout(this.hoverTimeout)}async openPopup(){this.showPopover()}async closePopup(){this.hidePopover()}render(){const{box:t,header:e,content:i,arrow:a}=this.popoverClass({isOpen:this.open,size:this.size});return s("div",{key:"3fe47e7ebc4fb9f9fad0fda8dedf11f2ea8e904f",class:"relative"},s("slot",{key:"8dd0e99a839b2c9c0ad6df67356bf616dae407f1",onSlotchange:()=>this.handleSlotChange()}),s("div",{key:"b4339c24996ec4666ffb731f7908513ade8cb5d8",part:"popover",class:t(),role:"dialog","aria-hidden":!this.open?"true":"false",ref:t=>this.popoverElement=t},s("div",{key:"f94ca6625dac67dd16f625398c007a274e677ac7",class:a(),ref:t=>this.arrowElement=t,part:"arrow"}),s("div",{key:"d64bf52940bef06b04ec2c13f3116652a7b6b8d6",class:e(),part:"header"},s("slot",{key:"be1ee83453f9b159297e6e7e73d5451f21fbb873",name:"header"},this.headerText)),s("div",{key:"9838c02e51fac40992a34fdfcaecb8d48fba48c8",class:i(),part:"content"},s("slot",{key:"0f01f42280a5058d4a4aacca035111e8990c194a",name:"content"},this.message))))}get el(){return i(this)}};m.style=f;export{m as bcm_popover};
+//# sourceMappingURL=p-e2f468ab.entry.js.map