bromcom-ui-next 0.1.21 → 0.1.22

package/dist/esm/bcm-linked.entry.js

@@ -0,0 +1,341 @@
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CrZxEeDA.js';
+import { b as autoUpdate, c as computePosition, o as offset, f as flip, s as shift } from './floating-ui.dom-DxMLMJ3r.js';
+
+const linkedCss = ".absolute{position:absolute}.relative{position:relative}.block{display:block}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}bcm-linked{display:block;position:relative}bcm-linked[append-to-body]{display:none}.floating-content{min-width:-moz-max-content;min-width:max-content;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;will-change:transform,opacity}.floating-visible{animation:fadeInScale .2s ease-out}.floating-hidden{display:none!important;pointer-events:none}.floating-wrapper{position:relative;z-index:1}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.floating-arrow{z-index:-1}.floating-arrow,.floating-arrow:before{height:10px;position:absolute;width:10px}.floating-arrow:before{background:#fff;border:1px solid #e2e8f0;content:\"\";transform:rotate(45deg)}.arrow-top{bottom:-5px}.arrow-bottom,.arrow-top{left:50%;transform:translateX(-50%)}.arrow-bottom{top:-5px}.arrow-left{right:-5px}.arrow-left,.arrow-right{top:50%;transform:translateY(-50%)}.arrow-right{left:-5px}.arrow-top:before{border-bottom:0;border-right:0}.arrow-bottom:before{border-left:0;border-top:0}.arrow-left:before{border-right:0;border-top:0}.arrow-right:before{border-bottom:0;border-left:0}@media (max-width:768px){.floating-content{max-height:calc(100vh - 32px);max-width:calc(100vw - 32px)}}.static{position:static}.flex{display:flex}.max-h-64{max-height:16rem}.w-full{width:100%}.min-w-10{min-width:2.5rem}.max-w-64{max-width:16rem}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-color-basic-panel{background-color:var(--bcm-ui-color-background-basic-panel)}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.outline{outline-style:solid}.visible{visibility:visible}.fixed{position:fixed}.hidden{display:none}.resize{resize:both}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}";
+
+const BcmLinked = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.bcmShow = createEvent(this, "bcmShow", 7);
+        this.bcmHide = createEvent(this, "bcmHide", 7);
+        this.bcmShown = createEvent(this, "bcmShown", 7);
+        this.bcmHidden = createEvent(this, "bcmHidden", 7);
+        // Trigger configuration
+        this.trigger = 'click';
+        this.placement = 'bottom-start';
+        // Timing configuration
+        this.showDelay = 0;
+        this.hideDelay = 0;
+        // Positioning configuration
+        this.offset = 8;
+        this.arrow = false;
+        this.disabled = false;
+        // Style configuration
+        this.zIndex = 1000;
+        this.appendToBody = false;
+        this.destroyOnHide = false;
+        // State
+        this.isVisible = false;
+        this.isReady = false;
+        this.handleMouseEnter = () => {
+            this.clearTimeouts();
+            if (this.showDelay > 0) {
+                this.showTimeout = setTimeout(() => this.show(), this.showDelay);
+            }
+            else {
+                this.show();
+            }
+        };
+        this.handleMouseLeave = () => {
+            this.clearTimeouts();
+            if (this.hideDelay > 0) {
+                this.hideTimeout = setTimeout(() => this.hide(), this.hideDelay);
+            }
+            else {
+                this.hide();
+            }
+        };
+        this.handleFloatingMouseEnter = () => {
+            this.clearTimeouts();
+        };
+        this.handleFloatingMouseLeave = () => {
+            this.clearTimeouts();
+            if (this.hideDelay > 0) {
+                this.hideTimeout = setTimeout(() => this.hide(), this.hideDelay);
+            }
+            else {
+                this.hide();
+            }
+        };
+        this.handleClick = (e) => {
+            e.stopPropagation();
+            this.toggle();
+        };
+        this.handleFocus = () => {
+            this.show();
+        };
+        this.handleBlur = () => {
+            this.hide();
+        };
+    }
+    // Watch for changes
+    setupTarget() {
+        this.disconnectTarget();
+        this.connectTarget();
+    }
+    onVisibilityChange(newValue) {
+        if (newValue) {
+            this.updatePosition();
+            this.bcmShown.emit();
+        }
+        else {
+            this.bcmHidden.emit();
+        }
+    }
+    async componentDidLoad() {
+        // Wait for render
+        await new Promise(resolve => requestAnimationFrame(resolve));
+        this.floatingEl = this.host.querySelector('.floating-content');
+        if (this.floatingEl) {
+            this.isReady = true;
+            this.connectTarget();
+            this.setupFloatingObserver();
+            console.log('✅ bcm-linked initialized successfully');
+        }
+        else {
+            console.error('❌ Could not find .floating-content element');
+        }
+    }
+    disconnectedCallback() {
+        var _a, _b;
+        this.disconnectTarget();
+        this.clearTimeouts();
+        (_a = this.cleanup) === null || _a === void 0 ? void 0 : _a.call(this);
+        (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
+        // Restore element to original position if component is destroyed while in portal
+        if (this.appendToBody && this.floatingEl && this.originalParent) {
+            this.originalParent.appendChild(this.floatingEl);
+        }
+    }
+    connectTarget() {
+        if (!this.isReady)
+            return;
+        // Find target element
+        this.targetEl =
+            this.targetElement || (this.targetId ? document.getElementById(this.targetId) : null) || this.host.previousElementSibling || this.host.parentElement;
+        if (!this.targetEl) {
+            console.warn('bcm-linked: No target element found');
+            return;
+        }
+        // Setup event listeners based on trigger type
+        this.setupEventListeners();
+        // Setup auto-update for position
+        if (this.targetEl && this.floatingEl) {
+            this.cleanup = autoUpdate(this.targetEl, this.floatingEl, () => {
+                if (this.isVisible) {
+                    this.updatePosition();
+                }
+            });
+        }
+        // Setup resize observer for responsive positioning
+        this.resizeObserver = new ResizeObserver(() => {
+            if (this.isVisible) {
+                this.updatePosition();
+            }
+        });
+        this.resizeObserver.observe(this.floatingEl);
+    }
+    disconnectTarget() {
+        var _a, _b;
+        if (this.targetEl) {
+            this.removeEventListeners();
+        }
+        (_a = this.cleanup) === null || _a === void 0 ? void 0 : _a.call(this);
+        (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
+    }
+    setupEventListeners() {
+        var _a, _b;
+        if (!this.targetEl || this.disabled)
+            return;
+        switch (this.trigger) {
+            case 'hover':
+                this.targetEl.addEventListener('mouseenter', this.handleMouseEnter);
+                this.targetEl.addEventListener('mouseleave', this.handleMouseLeave);
+                (_a = this.floatingEl) === null || _a === void 0 ? void 0 : _a.addEventListener('mouseenter', this.handleFloatingMouseEnter);
+                (_b = this.floatingEl) === null || _b === void 0 ? void 0 : _b.addEventListener('mouseleave', this.handleFloatingMouseLeave);
+                break;
+            case 'click':
+                this.targetEl.addEventListener('click', this.handleClick);
+                this.setupClickOutside();
+                break;
+            case 'focus':
+                this.targetEl.addEventListener('focus', this.handleFocus);
+                this.targetEl.addEventListener('blur', this.handleBlur);
+                break;
+        }
+    }
+    removeEventListeners() {
+        var _a, _b;
+        if (!this.targetEl)
+            return;
+        this.targetEl.removeEventListener('mouseenter', this.handleMouseEnter);
+        this.targetEl.removeEventListener('mouseleave', this.handleMouseLeave);
+        this.targetEl.removeEventListener('click', this.handleClick);
+        this.targetEl.removeEventListener('focus', this.handleFocus);
+        this.targetEl.removeEventListener('blur', this.handleBlur);
+        (_a = this.floatingEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('mouseenter', this.handleFloatingMouseEnter);
+        (_b = this.floatingEl) === null || _b === void 0 ? void 0 : _b.removeEventListener('mouseleave', this.handleFloatingMouseLeave);
+        this.removeClickOutside();
+    }
+    setupClickOutside() {
+        this.clickOutsideHandler = (e) => {
+            var _a, _b;
+            const target = e.target;
+            if (!((_a = this.floatingEl) === null || _a === void 0 ? void 0 : _a.contains(target)) && !((_b = this.targetEl) === null || _b === void 0 ? void 0 : _b.contains(target)) && !this.host.contains(target)) {
+                this.hide();
+            }
+        };
+        document.addEventListener('click', this.clickOutsideHandler, true);
+    }
+    removeClickOutside() {
+        if (this.clickOutsideHandler) {
+            document.removeEventListener('click', this.clickOutsideHandler, true);
+            this.clickOutsideHandler = undefined;
+        }
+    }
+    clearTimeouts() {
+        if (this.showTimeout) {
+            clearTimeout(this.showTimeout);
+            this.showTimeout = undefined;
+        }
+        if (this.hideTimeout) {
+            clearTimeout(this.hideTimeout);
+            this.hideTimeout = undefined;
+        }
+    }
+    async updatePosition() {
+        if (!this.targetEl || !this.floatingEl || !this.isVisible)
+            return;
+        // Use autoPlacement only for bottom-start (dropdown default)
+        // For other placements, respect the manual placement with flip fallback
+        // const useAutoPlacement = this.placement === 'bottom-start';
+        const middleware = [
+            offset(this.offset),
+            // useAutoPlacement
+            //   ? autoPlacement({
+            //       allowedPlacements: ['bottom-start', 'bottom-end', 'bottom', 'top-start', 'top-end', 'top', 'right-start', 'right-end', 'right', 'left-start', 'left-end', 'left'],
+            //       boundary: document.body,
+            //     })
+            //   :
+            flip({
+                fallbackPlacements: ['top', 'bottom', 'left', 'right', 'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-start', 'left-end', 'right-start', 'right-end'],
+            }),
+            shift({
+                padding: 8,
+            }),
+        ];
+        const { x, y, placement } = await computePosition(this.targetEl, this.floatingEl, {
+            placement: this.placement,
+            middleware,
+            strategy: 'fixed',
+        });
+        Object.assign(this.floatingEl.style, {
+            left: `${x}px`,
+            top: `${y}px`,
+            zIndex: this.zIndex.toString(),
+        });
+        // Update arrow if enabled
+        if (this.arrow) {
+            this.updateArrow(placement);
+        }
+    }
+    updateArrow(placement) {
+        var _a;
+        const arrow = (_a = this.floatingEl) === null || _a === void 0 ? void 0 : _a.querySelector('.floating-arrow');
+        if (!arrow)
+            return;
+        // Remove all arrow classes
+        arrow.className = 'floating-arrow';
+        // Add placement-specific class
+        const side = placement.split('-')[0];
+        arrow.classList.add(`arrow-${side}`);
+    }
+    async show() {
+        if (this.disabled || this.isVisible)
+            return;
+        this.bcmShow.emit();
+        // Portalling: Move the floating element to the body
+        if (this.appendToBody && this.floatingEl) {
+            this.originalParent = this.floatingEl.parentNode;
+            this.originalNextSibling = this.floatingEl.nextSibling;
+            document.body.appendChild(this.floatingEl);
+        }
+        this.isVisible = true;
+        // Use requestAnimationFrame to ensure the element is visible before positioning
+        await new Promise(resolve => requestAnimationFrame(resolve));
+        await this.updatePosition();
+    }
+    async hide() {
+        if (!this.isVisible)
+            return;
+        this.bcmHide.emit();
+        this.isVisible = false;
+        // Portalling: Restore the floating element to its original position
+        if (this.appendToBody && this.floatingEl && this.originalParent) {
+            if (this.originalNextSibling) {
+                this.originalParent.insertBefore(this.floatingEl, this.originalNextSibling);
+            }
+            else {
+                this.originalParent.appendChild(this.floatingEl);
+            }
+            this.originalParent = undefined;
+            this.originalNextSibling = undefined;
+        }
+        if (this.destroyOnHide && this.floatingEl && this.floatingEl.parentNode) {
+            this.floatingEl.parentNode.removeChild(this.floatingEl);
+        }
+    }
+    async toggle() {
+        if (this.isVisible) {
+            await this.hide();
+        }
+        else {
+            await this.show();
+        }
+    }
+    async updatePositioning() {
+        await this.updatePosition();
+    }
+    setupFloatingObserver() {
+        if (!this.floatingEl)
+            return;
+        // Observe floating element size changes for position updates
+        this.resizeObserver = new ResizeObserver(() => {
+            if (this.isVisible) {
+                this.updatePosition();
+            }
+        });
+        this.resizeObserver.observe(this.floatingEl);
+    }
+    render() {
+        const floatingClasses = {
+            'floating-content': true,
+            'floating-visible': this.isVisible,
+            'floating-hidden': !this.isVisible,
+            'floating-with-arrow': this.arrow,
+            'floating-destroy-on-hide': this.destroyOnHide,
+        };
+        return (h(Host, { key: 'f5835cc1b6044476e66402d23a3becf18d3f2049' }, h("div", { key: '2c7f92bbe85bc938a767734ef4b27702247fb390', class: floatingClasses, style: {
+                position: 'fixed',
+                top: '0px',
+                left: '0px',
+                zIndex: this.zIndex.toString(),
+                display: this.isVisible ? 'block' : 'none',
+                visibility: this.isVisible ? 'visible' : 'hidden',
+                opacity: this.isVisible ? '1' : '0',
+                pointerEvents: this.isVisible ? 'auto' : 'none',
+            } }, this.arrow && h("div", { key: 'f6eedac02b29b3ca00a9a84eea940ac89089f30c', class: "floating-arrow" }), h("div", { key: '7cb19f085de1d77a41fd9897be90999e78a0a54d', class: "floating-wrapper" }, h("slot", { key: 'a4b4289642850e3c2f7f27771b3d28bc41c8248a' }))), h("div", { key: '61cd7af9a4a47c87c308e1e67f96efb987c97312', style: { display: 'none' } }, h("slot", { key: '7160df275f5c7c66733158f95266598d0d207a17', name: "fallback" }))));
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "targetId": ["setupTarget"],
+        "targetElement": ["setupTarget"],
+        "isVisible": ["onVisibilityChange"]
+    }; }
+};
+BcmLinked.style = linkedCss;
+
+export { BcmLinked as bcm_linked };
+//# sourceMappingURL=bcm-linked.entry.js.map
+
+//# sourceMappingURL=bcm-linked.entry.js.map

package/dist/esm/bcm-linked.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bcm-linked.entry.js","sources":["src/components/linked/linked.css?tag=bcm-linked","src/components/linked/linked.component.tsx"],"sourcesContent":["bcm-linked {\n  display: block;\n  position: relative;\n}\nbcm-linked[append-to-body] {\n  display: none;\n}\n\n.floating-content {\n  min-width: max-content;\n  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;\n  will-change: transform, opacity;\n}\n\n.floating-visible {\n  animation: fadeInScale 0.2s ease-out;\n}\n\n.floating-hidden {\n  display: none !important;\n  pointer-events: none;\n}\n\n.floating-wrapper {\n  position: relative;\n  z-index: 1;\n}\n\n/* Animations */\n@keyframes fadeInScale {\n  from {\n    opacity: 0;\n    transform: scale(0.95) translateY(-5px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n/* Arrow Styles */\n.floating-arrow {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  z-index: -1;\n}\n\n.floating-arrow::before {\n  content: '';\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  background: white;\n  border: 1px solid #e2e8f0;\n  transform: rotate(45deg);\n}\n\n/* Arrow positioning based on placement */\n.arrow-top {\n  bottom: -5px;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.arrow-bottom {\n  top: -5px;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.arrow-left {\n  right: -5px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.arrow-right {\n  left: -5px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n/* Arrow border fix for bordered popups */\n.arrow-top::before {\n  border-bottom: 0;\n  border-right: 0;\n}\n\n.arrow-bottom::before {\n  border-top: 0;\n  border-left: 0;\n}\n\n.arrow-left::before {\n  border-top: 0;\n  border-right: 0;\n}\n\n.arrow-right::before {\n  border-bottom: 0;\n  border-left: 0;\n}\n\n/* Responsive adjustments */\n@media (max-width: 768px) {\n  .floating-content {\n    max-width: calc(100vw - 32px);\n    max-height: calc(100vh - 32px);\n  }\n}\n","import { Component, ComponentInterface, Prop, Element, State, h, Event, EventEmitter, Watch, Method, Host } from '@stencil/core';\nimport { computePosition, shift, offset, autoUpdate, flip, type Placement } from '@floating-ui/dom';\n\nexport type TriggerType = 'hover' | 'click' | 'focus' | 'manual';\n\n@Component({\n  tag: 'bcm-linked',\n  styleUrl: 'linked.css',\n  shadow: false,\n})\nexport class BcmLinked implements ComponentInterface {\n  @Element() host: HTMLElement;\n\n  // Target configuration\n  @Prop({ reflect: true, attribute: 'target-id' }) targetId?: string;\n  @Prop() targetElement?: HTMLElement;\n\n  // Trigger configuration\n  @Prop() trigger: TriggerType = 'click';\n  @Prop() placement: Placement = 'bottom-start';\n\n  // Timing configuration\n  @Prop() showDelay: number = 0;\n  @Prop() hideDelay: number = 0;\n\n  // Positioning configuration\n  @Prop() offset: number = 8;\n  @Prop() arrow: boolean = false;\n  @Prop() disabled: boolean = false;\n\n  // Style configuration\n  @Prop() zIndex: number = 1000;\n  @Prop() appendToBody: boolean = false;\n  @Prop() destroyOnHide: boolean = false;\n\n  // State\n  @State() isVisible: boolean = false;\n  @State() isReady: boolean = false;\n\n  // Events\n  @Event() bcmShow: EventEmitter<void>;\n  @Event() bcmHide: EventEmitter<void>;\n  @Event() bcmShown: EventEmitter<void>;\n  @Event() bcmHidden: EventEmitter<void>;\n\n  // Private properties\n  private floatingEl?: HTMLElement;\n  private targetEl?: HTMLElement;\n  private showTimeout?: NodeJS.Timeout;\n  private hideTimeout?: NodeJS.Timeout;\n  private cleanup?: () => void;\n  private clickOutsideHandler?: (e: MouseEvent) => void;\n  private resizeObserver?: ResizeObserver;\n  private originalParent?: Node;\n  private originalNextSibling?: Node;\n\n  // Watch for changes\n  @Watch('targetId')\n  @Watch('targetElement')\n  setupTarget() {\n    this.disconnectTarget();\n    this.connectTarget();\n  }\n\n  @Watch('isVisible')\n  onVisibilityChange(newValue: boolean) {\n    if (newValue) {\n      this.updatePosition();\n      this.bcmShown.emit();\n    } else {\n      this.bcmHidden.emit();\n    }\n  }\n\n  async componentDidLoad() {\n    // Wait for render\n    await new Promise(resolve => requestAnimationFrame(resolve));\n\n    this.floatingEl = this.host.querySelector('.floating-content') as HTMLElement;\n\n    if (this.floatingEl) {\n      this.isReady = true;\n      this.connectTarget();\n      this.setupFloatingObserver();\n      console.log('✅ bcm-linked initialized successfully');\n    } else {\n      console.error('❌ Could not find .floating-content element');\n    }\n  }\n\n  disconnectedCallback() {\n    this.disconnectTarget();\n    this.clearTimeouts();\n    this.cleanup?.();\n    this.resizeObserver?.disconnect();\n\n    // Restore element to original position if component is destroyed while in portal\n    if (this.appendToBody && this.floatingEl && this.originalParent) {\n      this.originalParent.appendChild(this.floatingEl);\n    }\n  }\n\n  private connectTarget() {\n    if (!this.isReady) return;\n\n    // Find target element\n    this.targetEl =\n      this.targetElement || (this.targetId ? document.getElementById(this.targetId) : null) || (this.host.previousElementSibling as HTMLElement) || this.host.parentElement;\n\n    if (!this.targetEl) {\n      console.warn('bcm-linked: No target element found');\n      return;\n    }\n\n    // Setup event listeners based on trigger type\n    this.setupEventListeners();\n\n    // Setup auto-update for position\n    if (this.targetEl && this.floatingEl) {\n      this.cleanup = autoUpdate(this.targetEl, this.floatingEl, () => {\n        if (this.isVisible) {\n          this.updatePosition();\n        }\n      });\n    }\n\n    // Setup resize observer for responsive positioning\n    this.resizeObserver = new ResizeObserver(() => {\n      if (this.isVisible) {\n        this.updatePosition();\n      }\n    });\n    this.resizeObserver.observe(this.floatingEl);\n  }\n\n  private disconnectTarget() {\n    if (this.targetEl) {\n      this.removeEventListeners();\n    }\n    this.cleanup?.();\n    this.resizeObserver?.disconnect();\n  }\n\n  private setupEventListeners() {\n    if (!this.targetEl || this.disabled) return;\n\n    switch (this.trigger) {\n      case 'hover':\n        this.targetEl.addEventListener('mouseenter', this.handleMouseEnter);\n        this.targetEl.addEventListener('mouseleave', this.handleMouseLeave);\n        this.floatingEl?.addEventListener('mouseenter', this.handleFloatingMouseEnter);\n        this.floatingEl?.addEventListener('mouseleave', this.handleFloatingMouseLeave);\n        break;\n\n      case 'click':\n        this.targetEl.addEventListener('click', this.handleClick);\n        this.setupClickOutside();\n        break;\n\n      case 'focus':\n        this.targetEl.addEventListener('focus', this.handleFocus);\n        this.targetEl.addEventListener('blur', this.handleBlur);\n        break;\n    }\n  }\n\n  private removeEventListeners() {\n    if (!this.targetEl) return;\n\n    this.targetEl.removeEventListener('mouseenter', this.handleMouseEnter);\n    this.targetEl.removeEventListener('mouseleave', this.handleMouseLeave);\n    this.targetEl.removeEventListener('click', this.handleClick);\n    this.targetEl.removeEventListener('focus', this.handleFocus);\n    this.targetEl.removeEventListener('blur', this.handleBlur);\n\n    this.floatingEl?.removeEventListener('mouseenter', this.handleFloatingMouseEnter);\n    this.floatingEl?.removeEventListener('mouseleave', this.handleFloatingMouseLeave);\n\n    this.removeClickOutside();\n  }\n\n  private setupClickOutside() {\n    this.clickOutsideHandler = (e: MouseEvent) => {\n      const target = e.target as Node;\n      if (!this.floatingEl?.contains(target) && !this.targetEl?.contains(target) && !this.host.contains(target)) {\n        this.hide();\n      }\n    };\n    document.addEventListener('click', this.clickOutsideHandler, true);\n  }\n\n  private removeClickOutside() {\n    if (this.clickOutsideHandler) {\n      document.removeEventListener('click', this.clickOutsideHandler, true);\n      this.clickOutsideHandler = undefined;\n    }\n  }\n\n  private handleMouseEnter = () => {\n    this.clearTimeouts();\n    if (this.showDelay > 0) {\n      this.showTimeout = setTimeout(() => this.show(), this.showDelay);\n    } else {\n      this.show();\n    }\n  };\n\n  private handleMouseLeave = () => {\n    this.clearTimeouts();\n    if (this.hideDelay > 0) {\n      this.hideTimeout = setTimeout(() => this.hide(), this.hideDelay);\n    } else {\n      this.hide();\n    }\n  };\n\n  private handleFloatingMouseEnter = () => {\n    this.clearTimeouts();\n  };\n\n  private handleFloatingMouseLeave = () => {\n    this.clearTimeouts();\n    if (this.hideDelay > 0) {\n      this.hideTimeout = setTimeout(() => this.hide(), this.hideDelay);\n    } else {\n      this.hide();\n    }\n  };\n\n  private handleClick = (e: Event) => {\n    e.stopPropagation();\n    this.toggle();\n  };\n\n  private handleFocus = () => {\n    this.show();\n  };\n\n  private handleBlur = () => {\n    this.hide();\n  };\n\n  private clearTimeouts() {\n    if (this.showTimeout) {\n      clearTimeout(this.showTimeout);\n      this.showTimeout = undefined;\n    }\n    if (this.hideTimeout) {\n      clearTimeout(this.hideTimeout);\n      this.hideTimeout = undefined;\n    }\n  }\n\n  private async updatePosition() {\n    if (!this.targetEl || !this.floatingEl || !this.isVisible) return;\n\n    // Use autoPlacement only for bottom-start (dropdown default)\n    // For other placements, respect the manual placement with flip fallback\n    // const useAutoPlacement = this.placement === 'bottom-start';\n\n    const middleware = [\n      offset(this.offset),\n      // useAutoPlacement\n      //   ? autoPlacement({\n      //       allowedPlacements: ['bottom-start', 'bottom-end', 'bottom', 'top-start', 'top-end', 'top', 'right-start', 'right-end', 'right', 'left-start', 'left-end', 'left'],\n      //       boundary: document.body,\n      //     })\n      //   :\n      flip({\n        fallbackPlacements: ['top', 'bottom', 'left', 'right', 'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-start', 'left-end', 'right-start', 'right-end'],\n      }),\n      shift({\n        padding: 8,\n      }),\n    ];\n\n    const { x, y, placement } = await computePosition(this.targetEl, this.floatingEl, {\n      placement: this.placement,\n      middleware,\n      strategy: 'fixed',\n    });\n\n    Object.assign(this.floatingEl.style, {\n      left: `${x}px`,\n      top: `${y}px`,\n      zIndex: this.zIndex.toString(),\n    });\n\n    // Update arrow if enabled\n    if (this.arrow) {\n      this.updateArrow(placement);\n    }\n  }\n\n  private updateArrow(placement: Placement) {\n    const arrow = this.floatingEl?.querySelector('.floating-arrow') as HTMLElement;\n    if (!arrow) return;\n\n    // Remove all arrow classes\n    arrow.className = 'floating-arrow';\n\n    // Add placement-specific class\n    const side = placement.split('-')[0];\n    arrow.classList.add(`arrow-${side}`);\n  }\n\n  @Method()\n  async show(): Promise<void> {\n    if (this.disabled || this.isVisible) return;\n\n    this.bcmShow.emit();\n\n    // Portalling: Move the floating element to the body\n    if (this.appendToBody && this.floatingEl) {\n      this.originalParent = this.floatingEl.parentNode;\n      this.originalNextSibling = this.floatingEl.nextSibling;\n      document.body.appendChild(this.floatingEl);\n    }\n\n    this.isVisible = true;\n\n    // Use requestAnimationFrame to ensure the element is visible before positioning\n    await new Promise(resolve => requestAnimationFrame(resolve));\n    await this.updatePosition();\n  }\n\n  @Method()\n  async hide(): Promise<void> {\n    if (!this.isVisible) return;\n\n    this.bcmHide.emit();\n    this.isVisible = false;\n\n    // Portalling: Restore the floating element to its original position\n    if (this.appendToBody && this.floatingEl && this.originalParent) {\n      if (this.originalNextSibling) {\n        this.originalParent.insertBefore(this.floatingEl, this.originalNextSibling);\n      } else {\n        this.originalParent.appendChild(this.floatingEl);\n      }\n      this.originalParent = undefined;\n      this.originalNextSibling = undefined;\n    }\n\n    if (this.destroyOnHide && this.floatingEl && this.floatingEl.parentNode) {\n      this.floatingEl.parentNode.removeChild(this.floatingEl);\n    }\n  }\n\n  @Method()\n  async toggle(): Promise<void> {\n    if (this.isVisible) {\n      await this.hide();\n    } else {\n      await this.show();\n    }\n  }\n\n  @Method()\n  async updatePositioning(): Promise<void> {\n    await this.updatePosition();\n  }\n\n  private setupFloatingObserver() {\n    if (!this.floatingEl) return;\n\n    // Observe floating element size changes for position updates\n    this.resizeObserver = new ResizeObserver(() => {\n      if (this.isVisible) {\n        this.updatePosition();\n      }\n    });\n\n    this.resizeObserver.observe(this.floatingEl);\n  }\n\n  render() {\n    const floatingClasses = {\n      'floating-content': true,\n      'floating-visible': this.isVisible,\n      'floating-hidden': !this.isVisible,\n      'floating-with-arrow': this.arrow,\n      'floating-destroy-on-hide': this.destroyOnHide,\n    };\n\n    return (\n      <Host>\n        <div\n          class={floatingClasses}\n          style={{\n            position: 'fixed',\n            top: '0px',\n            left: '0px',\n            zIndex: this.zIndex.toString(),\n            display: this.isVisible ? 'block' : 'none',\n            visibility: this.isVisible ? 'visible' : 'hidden',\n            opacity: this.isVisible ? '1' : '0',\n            pointerEvents: this.isVisible ? 'auto' : 'none',\n          }}\n        >\n          {this.arrow && <div class=\"floating-arrow\" />}\n          <div class=\"floating-wrapper\">\n            <slot></slot>\n          </div>\n        </div>\n        <div style={{ display: 'none' }}>\n          <slot name=\"fallback\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/bcm-pop-confirm.entry.js

@@ -1,9 +1,8 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-18b75a47.js';
-import { c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom.esm-b7749b71.js';
-import { t as tv } from './tv-6dcd2224.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, a as getElement } from './index-CrZxEeDA.js';
+import { c as computePosition, o as offset, f as flip, s as shift, a as arrow } from './floating-ui.dom-DxMLMJ3r.js';
+import { t as tv } from './tv-CEcVC0yX.js';
 
 const popConfirmCss = ".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 BcmPopConfirmStyle0 = popConfirmCss;
 
 // Status icons for different states
 const statusIcons = {
@@ -241,8 +240,9 @@ const PopConfirm = class {
     }
     get el() { return getElement(this); }
 };
-PopConfirm.style = BcmPopConfirmStyle0;
+PopConfirm.style = popConfirmCss;
 
 export { PopConfirm as bcm_pop_confirm };
+//# sourceMappingURL=bcm-pop-confirm.entry.js.map
 
 //# sourceMappingURL=bcm-pop-confirm.entry.js.map

package/dist/esm/bcm-pop-confirm.entry.js.map

@@ -1 +1 @@
-{"file":"bcm-pop-confirm.entry.js","mappings":";;;;AAAA,MAAM,aAAa,GAAG,qnGAAqnG,CAAC;AAC5oG,4BAAe,aAAa;;ACG5B;AACA,MAAM,WAAW,GAAG;IAClB,IAAI,EAAE,yBAAyB;IAC/B,OAAO,EAAE,0BAA0B;IACnC,OAAO,EAAE,kCAAkC;IAC3C,KAAK,EAAE,sBAAsB;CAC9B,CAAC;MAoEW,UAAU;IALvB;;;;;;;;;QAeE,eAAU,GAAW,4CAA4C,CAAC;;;;;QAOlE,eAAU,GAAW,QAAQ,CAAC;;;;;QAO9B,gBAAW,GAAW,KAAK,CAAC;;;;;QAO5B,gBAAW,GAAW,EAAE,CAAC;;;;;QAOzB,eAAU,GAAW,EAAE,CAAC;;;;;QAOxB,cAAS,GAAc,QAAQ,CAAC;;;;;QAOhC,SAAI,GAAiC,QAAQ,CAAC;;;;;QAO9C,WAAM,GAA6C,MAAM,CAAC;;;;;QAO1D,eAAU,GAAY,IAAI,CAAC;;;;;;QAc3B,WAAM,GAAY,KAAK,CAAC;;;;;;QAoDhB,uBAAkB,GAAG,CAAC,KAAY;YACxC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YAExB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;gBAChB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;gBACnB,qBAAqB,CAAC;oBACpB,IAAI,CAAC,cAAc,EAAE,CAAC;iBACvB,CAAC,CAAC;aACJ;SACF,CAAC;;;;;;QAOM,kBAAa,GAAG,CAAC,KAAY;YACnC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;SACxB,CAAC;;;;;;QAOM,iBAAY,GAAG,CAAC,KAAY;YAClC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;SACvB,CAAC;;;;;QA2BM,mBAAc,GAAG;YACvB,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,YAAY;gBAAE,OAAO;YAE/E,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,MAAM,eAAe,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE;gBAC1G,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,UAAU,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;aACzJ,CAAC,CAAC;YAEH,IAAI,CAAC,gBAAgB,GAAG,SAAgB,CAAC;YAEzC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;gBACvC,IAAI,EAAE,GAAG,CAAC,IAAI;gBACd,GAAG,EAAE,GAAG,CAAC,IAAI;aACd,CAAC,CAAC;YAEH,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,cAAc,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;YACxE,MAAM,aAAa,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAwC,CAAC;YAErF,MAAM,UAAU,GAAG;gBACjB,GAAG,EAAE,QAAQ;gBACb,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,KAAK;gBACb,IAAI,EAAE,OAAO;aACd,CAAC,aAAa,CAAC,CAAC;YAEjB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE;gBACrC,IAAI,EAAE,MAAM,IAAI,IAAI,GAAG,GAAG,MAAM,IAAI,GAAG,EAAE;gBACzC,GAAG,EAAE,MAAM,IAAI,IAAI,GAAG,GAAG,MAAM,IAAI,GAAG,EAAE;gBACxC,CAAC,UAAU,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,MAAM,GAAG,OAAO;aAC3E,CAAC,CAAC;SACJ,CAAC;;;;;QA2BM,YAAO,GAAG,EAAE,CAAC;YACnB,KAAK,EAAE;gBACL,SAAS,EAAE,6GAA6G;gBACxH,MAAM,EAAE,mCAAmC;gBAC3C,iBAAiB,EAAE,+DAA+D;gBAClF,aAAa,EAAE,wHAAwH;gBACvI,cAAc,EAAE,kCAAkC;gBAClD,MAAM,EAAE,iCAAiC;aAC1C;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE;oBACJ,KAAK,EAAE;wBACL,SAAS,EAAE,gCAAgC;wBAC3C,MAAM,EAAE,aAAa;wBACrB,MAAM,EAAE,aAAa;wBACrB,cAAc,EAAE,aAAa;wBAC7B,iBAAiB,EAAE,OAAO;qBAC3B;oBACD,MAAM,EAAE;wBACN,SAAS,EAAE,gCAAgC;wBAC3C,MAAM,EAAE,aAAa;wBACrB,MAAM,EAAE,aAAa;wBACrB,cAAc,EAAE,aAAa;wBAC7B,iBAAiB,EAAE,SAAS;qBAC7B;oBACD,KAAK,EAAE;wBACL,SAAS,EAAE,gCAAgC;wBAC3C,MAAM,EAAE,aAAa;wBACrB,MAAM,EAAE,aAAa;wBACrB,cAAc,EAAE,aAAa;wBAC7B,iBAAiB,EAAE,OAAO;qBAC3B;iBACF;aACF;YACD,eAAe,EAAE;gBACf,IAAI,EAAE,QAAQ;aACf;SACF,CAAC,CAAC;KAkDJ;;;;;IA3NC,gBAAgB;QACd,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC7D,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YACxB,OAAO,CAAC,IAAI,CAAC,2BAA2B,IAAI,CAAC,QAAQ,cAAc,CAAC,CAAC;YACrE,OAAO;SACR;QACD,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;KACxE;;;;;IAgDD,MAAM,IAAI;QACR,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,qBAAqB,CAAC;YACpB,IAAI,CAAC,cAAc,EAAE,CAAC;SACvB,CAAC,CAAC;KACJ;;;;;IAOD,MAAM,IAAI;QACR,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;KACrB;;;;;IA0CD,IAAY,YAAY;QACtB,OAAO;YACL,cAAc,EAAE,2BAA2B,IAAI,CAAC,MAAM,GAAG;YACzD,eAAe,EAAE,IAAI,CAAC,UAAU;SACjC,CAAC;KACH;;;;;IAMD,oBAAoB;QAClB,IAAI,IAAI,CAAC,cAAc,EAAE;YACvB,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;SAC3E;KACF;;;;;;IAkDD,MAAM;;QACJ,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,iBAAiB,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;YACnG,IAAI,EAAE,IAAI,CAAC,IAAI;SAChB,CAAC,CAAC;QACH,QACE,EAAC,QAAQ,uDACN,IAAI,CAAC,MAAM,KACV,4DAAK,IAAI,EAAC,QAAQ,qBAAiB,mBAAmB,EAAC,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC,IAExI,4DAAK,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,iBAAiB,MAAA,IAAI,CAAC,gBAAgB,mCAAI,KAAK,EAAE,GAAQ,EAG1G,+DAAQ,KAAK,EAAE,MAAM,EAAE,IACrB,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAC5B,IAAI,CAAC,UAAU,IAAI,8EAAqB,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,GAAa,EAC9E,6DAAM,KAAK,EAAE,cAAc,EAAE,IAAG,IAAI,CAAC,UAAU,CAAQ,EACvD,6DAAM,IAAI,EAAC,QAAQ,GAAQ,CACvB,EACN,4DAAK,KAAK,EAAE,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,IACrD,8EAAoB,cAAc,GAAY,CAC1C,CACC,EAGT,6DAAM,KAAK,EAAC,sCAAsC,IAChD,6DAAM,IAAI,EAAC,MAAM,IAAE,IAAI,CAAC,WAAW,CAAQ,CACtC,EAGP,+DAAQ,KAAK,EAAE,MAAM,EAAE,IACrB,mEAAY,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,IACnE,IAAI,CAAC,UAAU,CACL,EACb,mEAAY,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,CAAC,aAAa,IACzF,IAAI,CAAC,WAAW,CACN,EACb,6DAAM,IAAI,EAAC,QAAQ,GAAQ,CACpB,CACL,CACP,CACQ,EACX;KACH;;;;;;;","names":[],"sources":["src/components/pop-confirm/pop-confirm.css?tag=bcm-pop-confirm&encapsulation=shadow","src/components/pop-confirm/pop-confirm.component.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  --popover-bg: var(--bcm-ui-color-background-basic-panel);\n  --popover-radius: 6px;\n  --popover-text-color: var(--bcm-ui-color-text-basic);\n}\n\n.arrow {\n  position: absolute;\n  background: var(--arrow-color);\n  clip-path: polygon(50% 0%, 100% 100%, 0% 100%);\n  z-index: 1;\n}\n\n.arrow.top {\n  transform: rotate(180deg);\n}\n\n.arrow.bottom {\n  transform: rotate(0deg);\n}\n\n.arrow.right {\n  transform: rotate(-90deg);\n}\n\n.arrow.left {\n  transform: rotate(90deg);\n}\n\n::slotted([slot='body']) {\n  font-family: 'Inter', sans-serif;\n  text-wrap: pretty;\n}\n","import { Component, Prop, State, h, Event, EventEmitter, Element, ComponentInterface, Fragment, Method } from '@stencil/core';\nimport { computePosition, flip, shift, offset, arrow, type Placement } from '@floating-ui/dom';\nimport { tv } from '@utils/tv';\n\n// Status icons for different states\nconst statusIcons = {\n  info: 'fa-solid fa-circle-info',\n  success: 'fa-solid fa-circle-check',\n  warning: 'fa-solid fa-triangle-exclamation',\n  error: 'fa-solid fa-circle-x',\n};\n\n/**\n * @component BcmPopConfirm\n * @description A floating confirmation pop-up component that prompts users for action confirmation, triggered by click or hover events.\n * Offers customizable header, body content, and footer areas through slots, with accessibility and positioning features.\n *\n * @example Basic usage\n * <bcm-pop-confirm target-id=\"trigger-btn\" placement=\"right\" header-text=\"Confirm Action\" description=\"Are you sure?\" confirm-text=\"Yes\" cancel-text=\"No\" status=\"warning\"></bcm-pop-confirm>\n *\n * @example With all slots and custom styling\n * <bcm-pop-confirm target-id=\"trigger-btn\" placement=\"left\" header-text=\"Delete Item\" description=\"Are you sure you want to delete this item?\" confirm-text=\"Delete\" cancel-text=\"Cancel\" status=\"error\" arrow-color=\"#ffffff\">\n *   <span slot=\"header\">Custom Header Text</span>\n *   <span slot=\"body\">Additional details here</span>\n *   <span slot=\"footer\">Custom Footer Action</span>\n * </bcm-pop-confirm>\n *\n * @example Event handling\n * // Listen to confirmation events\n * const popConfirm = document.querySelector('bcm-pop-confirm');\n * popConfirm.addEventListener('bcmConfirm', () => {\n *   console.log('User confirmed the action!');\n * });\n * popConfirm.addEventListener('bcmCancel', () => {\n *   console.log('User canceled the action!');\n * });\n *\n * // Programmatically control pop-up\n * await popConfirm.show(); // Show the pop-up\n * await popConfirm.hide(); // Hide the pop-up\n *\n * @prop {string} arrowColor - The color of the arrow pointing to the trigger element (default: 'var(--bcm-ui-color-background-basic-panel)')\n * @prop {string} cancelText - Text displayed on the cancel button (default: 'Cancel')\n * @prop {string} confirmText - Text displayed on the confirm button (default: 'Yes')\n * @prop {string} description - The description or body content of the pop-up (default: '')\n * @prop {string} headerText - The header text displayed at the top of the pop-up (default: '')\n * @prop {Placement} placement - The placement position of the pop-up relative to the trigger (default: 'right')\n * @prop {('small' | 'medium' | 'large')} size - The size of the pop-up, determining its dimensions (default: 'medium')\n * @prop {('info' | 'error' | 'warning' | 'success' | 'default')} status - The status of the pop-up, affecting its icon and color (default: 'info')\n * @prop {boolean} statusIcon - Whether to display a status icon based on the `status` prop (default: true)\n * @prop {string} targetId - The ID of the trigger element (e.g., a button) that opens the pop-up\n *\n * @slot header - Custom content for the header area (optional)\n * @slot body - Custom content for the main body area (optional, falls back to `description`)\n * @slot footer - Custom content for the footer area (optional)\n *\n * @event {EventEmitter<void>} bcmConfirm - Emitted when the user confirms the action in the pop-up\n * @event {EventEmitter<void>} bcmCancel - Emitted when the user cancels the action in the pop-up\n *\n * @csspart container - The root container element of the pop-up\n * @csspart header - The header section with title and close icon\n * @csspart content - The main content section of the pop-up\n * @csspart footer - The footer section with confirm/cancel buttons\n * @csspart arrow - The positioning arrow pointing to the trigger\n *\n * @css {string} --popover-radius - Border radius of the pop-up (default: defined in CSS)\n * @css {string} --popover-bg - Background color of the pop-up\n * @css {string} --text-color - Text color of the pop-up based on status\n *\n * @methods\n * show() - Programmatically shows the pop-up\n * hide() - Programmatically hides the pop-up\n */\n@Component({\n  tag: 'bcm-pop-confirm',\n  styleUrl: 'pop-confirm.css',\n  shadow: true,\n})\nexport class PopConfirm implements ComponentInterface {\n  // DOM element reference\n  @Element() el: HTMLElement;\n\n  /**\n   * The color of the arrow pointing to the trigger element.\n   * Can be a CSS custom property or a specific color value.\n   * @default 'var(--bcm-ui-color-background-basic-panel)'\n   */\n  @Prop()\n  arrowColor: string = 'var(--bcm-ui-color-background-basic-panel)'; // Default color\n\n  /**\n   * The text displayed on the cancel button.\n   * @default 'Cancel'\n   */\n  @Prop()\n  cancelText: string = 'Cancel';\n\n  /**\n   * The text displayed on the confirm button.\n   * @default 'Yes'\n   */\n  @Prop()\n  confirmText: string = 'Yes';\n\n  /**\n   * The description or body content of the pop-up.\n   * @default ''\n   */\n  @Prop()\n  description: string = '';\n\n  /**\n   * The header text displayed at the top of the pop-up.\n   * @default ''\n   */\n  @Prop()\n  headerText: string = '';\n\n  /**\n   * The placement position of the pop-up relative to the trigger element.\n   * @default 'bottom'\n   */\n  @Prop()\n  placement: Placement = 'bottom';\n\n  /**\n   * The size of the pop-up, determining its dimensions and padding.\n   * @default 'medium'\n   */\n  @Prop()\n  size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * The status of the pop-up, affecting its icon and color scheme.\n   * @default 'info'\n   */\n  @Prop()\n  status: 'info' | 'error' | 'warning' | 'success' = 'info';\n\n  /**\n   * Whether to display a status icon based on the `status` prop.\n   * @default true\n   */\n  @Prop()\n  statusIcon: boolean = true;\n\n  /**\n   * The ID of the trigger element (e.g., a button) that opens the pop-up.\n   */\n  @Prop()\n  targetId: string;\n\n  // State variables\n  /**\n   * Indicates whether the pop-up is currently open or closed.\n   * @default false\n   */\n  @State()\n  isOpen: boolean = false;\n\n  /**\n   * The current placement position of the pop-up after computation.\n   */\n  @State()\n  currentPlacement: 'top' | 'bottom' | 'left' | 'right';\n\n  // Event Emitters\n  /**\n   * Emits an event when the user confirms the action in the pop-up.\n   */\n  @Event({\n    composed: false,\n    bubbles: false,\n    cancelable: true,\n  })\n  bcmConfirm: EventEmitter<void>;\n\n  /**\n   * Emits an event when the user cancels the action in the pop-up.\n   */\n  @Event({\n    composed: false,\n    bubbles: false,\n    cancelable: true,\n  })\n  bcmCancel: EventEmitter<void>;\n\n  // Element references\n  private triggerElement: HTMLElement;\n  private popoverElement: HTMLElement;\n  private arrowElement: HTMLElement;\n\n  /**\n   * Lifecycle method called when the component is loaded.\n   * Initializes the trigger element and attaches a click event listener.\n   */\n  componentDidLoad() {\n    this.triggerElement = document.getElementById(this.targetId);\n    if (!this.triggerElement) {\n      console.warn(`Target element with ID '${this.targetId}' not found.`);\n      return;\n    }\n    this.triggerElement.addEventListener('click', this.handleTriggerClick);\n  }\n\n  /**\n   * Handles the click event on the trigger element to open the pop-up.\n   * Prevents default behavior and propagation, then opens the pop-up if it's closed.\n   * @param event The mouse event triggering the action.\n   */\n  private handleTriggerClick = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (!this.isOpen) {\n      this.isOpen = true;\n      requestAnimationFrame(() => {\n        this.updatePosition();\n      });\n    }\n  };\n\n  /**\n   * Handles the confirm button click, closing the pop-up and emitting the confirm event.\n   * Prevents default behavior and propagation.\n   * @param event The mouse event triggering the action.\n   */\n  private handleConfirm = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n    this.isOpen = false;\n    this.bcmConfirm.emit();\n  };\n\n  /**\n   * Handles the cancel button click, closing the pop-up and emitting the cancel event.\n   * Prevents default behavior and propagation.\n   * @param event The mouse event triggering the action.\n   */\n  private handleCancel = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n    this.isOpen = false;\n    this.bcmCancel.emit();\n  };\n\n  /**\n   * Programmatically shows the pop-up by setting `isOpen` to true and updating its position.\n   * @returns A promise that resolves when the pop-up is shown.\n   */\n  @Method()\n  async show() {\n    this.isOpen = true;\n    requestAnimationFrame(() => {\n      this.updatePosition();\n    });\n  }\n\n  /**\n   * Programmatically hides the pop-up by setting `isOpen` to false.\n   * @returns A promise that resolves when the pop-up is hidden.\n   */\n  @Method()\n  async hide() {\n    this.isOpen = false;\n  }\n\n  /**\n   * Updates the position of the pop-up relative to the trigger element using Floating UI.\n   * Ensures the pop-up stays within viewport bounds and positions the arrow correctly.\n   */\n  private updatePosition = async () => {\n    if (!this.triggerElement || !this.popoverElement || !this.arrowElement) return;\n\n    const { x, y, placement, middlewareData } = await computePosition(this.triggerElement, this.popoverElement, {\n      placement: this.placement,\n      middleware: [offset(12), flip({ fallbackPlacements: ['top', 'left', 'bottom', 'right'] }), shift({ padding: 8 }), arrow({ element: this.arrowElement })],\n    });\n\n    this.currentPlacement = placement as any;\n\n    Object.assign(this.popoverElement.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\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]: ['top', 'bottom'].includes(basePlacement) ? '-8px' : '-12px',\n    });\n  };\n\n  /**\n   * Returns the dynamic styles for the pop-up, including text and arrow colors.\n   * @returns An object containing CSS custom properties.\n   */\n  private get popoverStyle() {\n    return {\n      '--text-color': `var(--bcm-ui-color-text-${this.status})`,\n      '--arrow-color': this.arrowColor,\n    };\n  }\n\n  /**\n   * Lifecycle method called when the component is removed from the DOM.\n   * Cleans up the event listener to prevent memory leaks.\n   */\n  disconnectedCallback() {\n    if (this.triggerElement) {\n      this.triggerElement.removeEventListener('click', this.handleTriggerClick);\n    }\n  }\n\n  /**\n   * Defines Tailwind Variants classes for the pop-up's structure and styling.\n   * Supports different sizes and generates dynamic class names.\n   */\n  private classes = tv({\n    slots: {\n      container: 'absolute bcm-ui-element flex flex-col shadow-2 rounded-[--popover-radius] bg-[--popover-bg] z-[9999] w-full',\n      header: 'flex justify-between items-center',\n      headerLeftContent: 'flex items-center gap-2 text-size-inherit text-[--text-color]',\n      closeIconArea: 'flex flex-row gap-2 size-6 items-center justify-center hover:bg-gray-100 rounded-full cursor-pointer text-size-inherit',\n      titleContainer: '!text-color-header font-semibold',\n      footer: 'flex flex-row justify-end gap-2',\n    },\n    variants: {\n      size: {\n        small: {\n          container: 'text-size-4 max-w-64 p-4 gap-4',\n          header: 'text-size-4',\n          footer: 'text-size-4',\n          titleContainer: 'text-size-5',\n          headerLeftContent: 'gap-2',\n        },\n        medium: {\n          container: 'text-size-5 max-w-80 gap-6 p-6',\n          header: 'text-size-5',\n          footer: 'text-size-5',\n          titleContainer: 'text-size-6',\n          headerLeftContent: 'gap-2.5',\n        },\n        large: {\n          container: 'text-size-6 max-w-96 p-8 gap-8',\n          header: 'text-size-6',\n          footer: 'text-size-6',\n          titleContainer: 'text-size-7',\n          headerLeftContent: 'gap-3',\n        },\n      },\n    },\n    defaultVariants: {\n      size: 'medium',\n    },\n  });\n\n  /**\n   * Renders the pop-up component, showing it only when `isOpen` is true.\n   * Includes header, main content, and footer sections with dynamic styling and slots for customization.\n   * @returns JSX.Element representing the pop-up or an empty fragment if closed.\n   */\n  render() {\n    const { container, header, footer, headerLeftContent, closeIconArea, titleContainer } = this.classes({\n      size: this.size,\n    });\n    return (\n      <Fragment>\n        {this.isOpen && (\n          <div role=\"dialog\" aria-labelledby=\"pop-confirm-title\" style={this.popoverStyle} class={container()} ref={el => (this.popoverElement = el)}>\n            {/* Arrow */}\n            <div ref={el => (this.arrowElement = el)} class={`arrow w-4 h-2 ${this.currentPlacement ?? 'top'}`}></div>\n\n            {/* Header Content */}\n            <header class={header()}>\n              <div class={headerLeftContent()}>\n                {this.statusIcon && <bcm-icon icon-name={statusIcons[this.status]}></bcm-icon>}\n                <span class={titleContainer()}>{this.headerText}</span>\n                <slot name=\"header\"></slot>\n              </div>\n              <div class={closeIconArea()} onClick={this.handleCancel}>\n                <bcm-icon icon-name=\"far fa-times\"></bcm-icon>\n              </div>\n            </header>\n\n            {/* Main Content */}\n            <main class=\"flex-1 mx-auto font-sans text-pretty\">\n              <slot name=\"body\">{this.description}</slot>\n            </main>\n\n            {/* Footer Content */}\n            <footer class={footer()}>\n              <bcm-button kind=\"outline\" size={this.size} onClick={this.handleCancel}>\n                {this.cancelText}\n              </bcm-button>\n              <bcm-button size={this.size} status={this.status} kind=\"primary\" onClick={this.handleConfirm}>\n                {this.confirmText}\n              </bcm-button>\n              <slot name=\"footer\"></slot>\n            </footer>\n          </div>\n        )}\n      </Fragment>\n    );\n  }\n}\n"],"version":3}
+{"version":3,"file":"bcm-pop-confirm.entry.js","sources":["src/components/pop-confirm/pop-confirm.css?tag=bcm-pop-confirm&encapsulation=shadow","src/components/pop-confirm/pop-confirm.component.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  --popover-bg: var(--bcm-ui-color-background-basic-panel);\n  --popover-radius: 6px;\n  --popover-text-color: var(--bcm-ui-color-text-basic);\n}\n\n.arrow {\n  position: absolute;\n  background: var(--arrow-color);\n  clip-path: polygon(50% 0%, 100% 100%, 0% 100%);\n  z-index: 1;\n}\n\n.arrow.top {\n  transform: rotate(180deg);\n}\n\n.arrow.bottom {\n  transform: rotate(0deg);\n}\n\n.arrow.right {\n  transform: rotate(-90deg);\n}\n\n.arrow.left {\n  transform: rotate(90deg);\n}\n\n::slotted([slot='body']) {\n  font-family: 'Inter', sans-serif;\n  text-wrap: pretty;\n}\n","import { Component, Prop, State, h, Event, EventEmitter, Element, ComponentInterface, Fragment, Method } from '@stencil/core';\nimport { computePosition, flip, shift, offset, arrow, type Placement } from '@floating-ui/dom';\nimport { tv } from '@utils/tv';\n\n// Status icons for different states\nconst statusIcons = {\n  info: 'fa-solid fa-circle-info',\n  success: 'fa-solid fa-circle-check',\n  warning: 'fa-solid fa-triangle-exclamation',\n  error: 'fa-solid fa-circle-x',\n};\n\n/**\n * @component BcmPopConfirm\n * @description A floating confirmation pop-up component that prompts users for action confirmation, triggered by click or hover events.\n * Offers customizable header, body content, and footer areas through slots, with accessibility and positioning features.\n *\n * @example Basic usage\n * <bcm-pop-confirm target-id=\"trigger-btn\" placement=\"right\" header-text=\"Confirm Action\" description=\"Are you sure?\" confirm-text=\"Yes\" cancel-text=\"No\" status=\"warning\"></bcm-pop-confirm>\n *\n * @example With all slots and custom styling\n * <bcm-pop-confirm target-id=\"trigger-btn\" placement=\"left\" header-text=\"Delete Item\" description=\"Are you sure you want to delete this item?\" confirm-text=\"Delete\" cancel-text=\"Cancel\" status=\"error\" arrow-color=\"#ffffff\">\n *   <span slot=\"header\">Custom Header Text</span>\n *   <span slot=\"body\">Additional details here</span>\n *   <span slot=\"footer\">Custom Footer Action</span>\n * </bcm-pop-confirm>\n *\n * @example Event handling\n * // Listen to confirmation events\n * const popConfirm = document.querySelector('bcm-pop-confirm');\n * popConfirm.addEventListener('bcmConfirm', () => {\n *   console.log('User confirmed the action!');\n * });\n * popConfirm.addEventListener('bcmCancel', () => {\n *   console.log('User canceled the action!');\n * });\n *\n * // Programmatically control pop-up\n * await popConfirm.show(); // Show the pop-up\n * await popConfirm.hide(); // Hide the pop-up\n *\n * @prop {string} arrowColor - The color of the arrow pointing to the trigger element (default: 'var(--bcm-ui-color-background-basic-panel)')\n * @prop {string} cancelText - Text displayed on the cancel button (default: 'Cancel')\n * @prop {string} confirmText - Text displayed on the confirm button (default: 'Yes')\n * @prop {string} description - The description or body content of the pop-up (default: '')\n * @prop {string} headerText - The header text displayed at the top of the pop-up (default: '')\n * @prop {Placement} placement - The placement position of the pop-up relative to the trigger (default: 'right')\n * @prop {('small' | 'medium' | 'large')} size - The size of the pop-up, determining its dimensions (default: 'medium')\n * @prop {('info' | 'error' | 'warning' | 'success' | 'default')} status - The status of the pop-up, affecting its icon and color (default: 'info')\n * @prop {boolean} statusIcon - Whether to display a status icon based on the `status` prop (default: true)\n * @prop {string} targetId - The ID of the trigger element (e.g., a button) that opens the pop-up\n *\n * @slot header - Custom content for the header area (optional)\n * @slot body - Custom content for the main body area (optional, falls back to `description`)\n * @slot footer - Custom content for the footer area (optional)\n *\n * @event {EventEmitter<void>} bcmConfirm - Emitted when the user confirms the action in the pop-up\n * @event {EventEmitter<void>} bcmCancel - Emitted when the user cancels the action in the pop-up\n *\n * @csspart container - The root container element of the pop-up\n * @csspart header - The header section with title and close icon\n * @csspart content - The main content section of the pop-up\n * @csspart footer - The footer section with confirm/cancel buttons\n * @csspart arrow - The positioning arrow pointing to the trigger\n *\n * @css {string} --popover-radius - Border radius of the pop-up (default: defined in CSS)\n * @css {string} --popover-bg - Background color of the pop-up\n * @css {string} --text-color - Text color of the pop-up based on status\n *\n * @methods\n * show() - Programmatically shows the pop-up\n * hide() - Programmatically hides the pop-up\n */\n@Component({\n  tag: 'bcm-pop-confirm',\n  styleUrl: 'pop-confirm.css',\n  shadow: true,\n})\nexport class PopConfirm implements ComponentInterface {\n  // DOM element reference\n  @Element() el: HTMLElement;\n\n  /**\n   * The color of the arrow pointing to the trigger element.\n   * Can be a CSS custom property or a specific color value.\n   * @default 'var(--bcm-ui-color-background-basic-panel)'\n   */\n  @Prop()\n  arrowColor: string = 'var(--bcm-ui-color-background-basic-panel)'; // Default color\n\n  /**\n   * The text displayed on the cancel button.\n   * @default 'Cancel'\n   */\n  @Prop()\n  cancelText: string = 'Cancel';\n\n  /**\n   * The text displayed on the confirm button.\n   * @default 'Yes'\n   */\n  @Prop()\n  confirmText: string = 'Yes';\n\n  /**\n   * The description or body content of the pop-up.\n   * @default ''\n   */\n  @Prop()\n  description: string = '';\n\n  /**\n   * The header text displayed at the top of the pop-up.\n   * @default ''\n   */\n  @Prop()\n  headerText: string = '';\n\n  /**\n   * The placement position of the pop-up relative to the trigger element.\n   * @default 'bottom'\n   */\n  @Prop()\n  placement: Placement = 'bottom';\n\n  /**\n   * The size of the pop-up, determining its dimensions and padding.\n   * @default 'medium'\n   */\n  @Prop()\n  size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * The status of the pop-up, affecting its icon and color scheme.\n   * @default 'info'\n   */\n  @Prop()\n  status: 'info' | 'error' | 'warning' | 'success' = 'info';\n\n  /**\n   * Whether to display a status icon based on the `status` prop.\n   * @default true\n   */\n  @Prop()\n  statusIcon: boolean = true;\n\n  /**\n   * The ID of the trigger element (e.g., a button) that opens the pop-up.\n   */\n  @Prop()\n  targetId: string;\n\n  // State variables\n  /**\n   * Indicates whether the pop-up is currently open or closed.\n   * @default false\n   */\n  @State()\n  isOpen: boolean = false;\n\n  /**\n   * The current placement position of the pop-up after computation.\n   */\n  @State()\n  currentPlacement: 'top' | 'bottom' | 'left' | 'right';\n\n  // Event Emitters\n  /**\n   * Emits an event when the user confirms the action in the pop-up.\n   */\n  @Event({\n    composed: false,\n    bubbles: false,\n    cancelable: true,\n  })\n  bcmConfirm: EventEmitter<void>;\n\n  /**\n   * Emits an event when the user cancels the action in the pop-up.\n   */\n  @Event({\n    composed: false,\n    bubbles: false,\n    cancelable: true,\n  })\n  bcmCancel: EventEmitter<void>;\n\n  // Element references\n  private triggerElement: HTMLElement;\n  private popoverElement: HTMLElement;\n  private arrowElement: HTMLElement;\n\n  /**\n   * Lifecycle method called when the component is loaded.\n   * Initializes the trigger element and attaches a click event listener.\n   */\n  componentDidLoad() {\n    this.triggerElement = document.getElementById(this.targetId);\n    if (!this.triggerElement) {\n      console.warn(`Target element with ID '${this.targetId}' not found.`);\n      return;\n    }\n    this.triggerElement.addEventListener('click', this.handleTriggerClick);\n  }\n\n  /**\n   * Handles the click event on the trigger element to open the pop-up.\n   * Prevents default behavior and propagation, then opens the pop-up if it's closed.\n   * @param event The mouse event triggering the action.\n   */\n  private handleTriggerClick = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (!this.isOpen) {\n      this.isOpen = true;\n      requestAnimationFrame(() => {\n        this.updatePosition();\n      });\n    }\n  };\n\n  /**\n   * Handles the confirm button click, closing the pop-up and emitting the confirm event.\n   * Prevents default behavior and propagation.\n   * @param event The mouse event triggering the action.\n   */\n  private handleConfirm = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n    this.isOpen = false;\n    this.bcmConfirm.emit();\n  };\n\n  /**\n   * Handles the cancel button click, closing the pop-up and emitting the cancel event.\n   * Prevents default behavior and propagation.\n   * @param event The mouse event triggering the action.\n   */\n  private handleCancel = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n    this.isOpen = false;\n    this.bcmCancel.emit();\n  };\n\n  /**\n   * Programmatically shows the pop-up by setting `isOpen` to true and updating its position.\n   * @returns A promise that resolves when the pop-up is shown.\n   */\n  @Method()\n  async show() {\n    this.isOpen = true;\n    requestAnimationFrame(() => {\n      this.updatePosition();\n    });\n  }\n\n  /**\n   * Programmatically hides the pop-up by setting `isOpen` to false.\n   * @returns A promise that resolves when the pop-up is hidden.\n   */\n  @Method()\n  async hide() {\n    this.isOpen = false;\n  }\n\n  /**\n   * Updates the position of the pop-up relative to the trigger element using Floating UI.\n   * Ensures the pop-up stays within viewport bounds and positions the arrow correctly.\n   */\n  private updatePosition = async () => {\n    if (!this.triggerElement || !this.popoverElement || !this.arrowElement) return;\n\n    const { x, y, placement, middlewareData } = await computePosition(this.triggerElement, this.popoverElement, {\n      placement: this.placement,\n      middleware: [offset(12), flip({ fallbackPlacements: ['top', 'left', 'bottom', 'right'] }), shift({ padding: 8 }), arrow({ element: this.arrowElement })],\n    });\n\n    this.currentPlacement = placement as any;\n\n    Object.assign(this.popoverElement.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\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]: ['top', 'bottom'].includes(basePlacement) ? '-8px' : '-12px',\n    });\n  };\n\n  /**\n   * Returns the dynamic styles for the pop-up, including text and arrow colors.\n   * @returns An object containing CSS custom properties.\n   */\n  private get popoverStyle() {\n    return {\n      '--text-color': `var(--bcm-ui-color-text-${this.status})`,\n      '--arrow-color': this.arrowColor,\n    };\n  }\n\n  /**\n   * Lifecycle method called when the component is removed from the DOM.\n   * Cleans up the event listener to prevent memory leaks.\n   */\n  disconnectedCallback() {\n    if (this.triggerElement) {\n      this.triggerElement.removeEventListener('click', this.handleTriggerClick);\n    }\n  }\n\n  /**\n   * Defines Tailwind Variants classes for the pop-up's structure and styling.\n   * Supports different sizes and generates dynamic class names.\n   */\n  private classes = tv({\n    slots: {\n      container: 'absolute bcm-ui-element flex flex-col shadow-2 rounded-[--popover-radius] bg-[--popover-bg] z-[9999] w-full',\n      header: 'flex justify-between items-center',\n      headerLeftContent: 'flex items-center gap-2 text-size-inherit text-[--text-color]',\n      closeIconArea: 'flex flex-row gap-2 size-6 items-center justify-center hover:bg-gray-100 rounded-full cursor-pointer text-size-inherit',\n      titleContainer: '!text-color-header font-semibold',\n      footer: 'flex flex-row justify-end gap-2',\n    },\n    variants: {\n      size: {\n        small: {\n          container: 'text-size-4 max-w-64 p-4 gap-4',\n          header: 'text-size-4',\n          footer: 'text-size-4',\n          titleContainer: 'text-size-5',\n          headerLeftContent: 'gap-2',\n        },\n        medium: {\n          container: 'text-size-5 max-w-80 gap-6 p-6',\n          header: 'text-size-5',\n          footer: 'text-size-5',\n          titleContainer: 'text-size-6',\n          headerLeftContent: 'gap-2.5',\n        },\n        large: {\n          container: 'text-size-6 max-w-96 p-8 gap-8',\n          header: 'text-size-6',\n          footer: 'text-size-6',\n          titleContainer: 'text-size-7',\n          headerLeftContent: 'gap-3',\n        },\n      },\n    },\n    defaultVariants: {\n      size: 'medium',\n    },\n  });\n\n  /**\n   * Renders the pop-up component, showing it only when `isOpen` is true.\n   * Includes header, main content, and footer sections with dynamic styling and slots for customization.\n   * @returns JSX.Element representing the pop-up or an empty fragment if closed.\n   */\n  render() {\n    const { container, header, footer, headerLeftContent, closeIconArea, titleContainer } = this.classes({\n      size: this.size,\n    });\n    return (\n      <Fragment>\n        {this.isOpen && (\n          <div role=\"dialog\" aria-labelledby=\"pop-confirm-title\" style={this.popoverStyle} class={container()} ref={el => (this.popoverElement = el)}>\n            {/* Arrow */}\n            <div ref={el => (this.arrowElement = el)} class={`arrow w-4 h-2 ${this.currentPlacement ?? 'top'}`}></div>\n\n            {/* Header Content */}\n            <header class={header()}>\n              <div class={headerLeftContent()}>\n                {this.statusIcon && <bcm-icon icon-name={statusIcons[this.status]}></bcm-icon>}\n                <span class={titleContainer()}>{this.headerText}</span>\n                <slot name=\"header\"></slot>\n              </div>\n              <div class={closeIconArea()} onClick={this.handleCancel}>\n                <bcm-icon icon-name=\"far fa-times\"></bcm-icon>\n              </div>\n            </header>\n\n            {/* Main Content */}\n            <main class=\"flex-1 mx-auto font-sans text-pretty\">\n              <slot name=\"body\">{this.description}</slot>\n            </main>\n\n            {/* Footer Content */}\n            <footer class={footer()}>\n              <bcm-button kind=\"outline\" size={this.size} onClick={this.handleCancel}>\n                {this.cancelText}\n              </bcm-button>\n              <bcm-button size={this.size} status={this.status} kind=\"primary\" onClick={this.handleConfirm}>\n                {this.confirmText}\n              </bcm-button>\n              <slot name=\"footer\"></slot>\n            </footer>\n          </div>\n        )}\n      </Fragment>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/bcm-popover.entry.js

@@ -1,9 +1,8 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-18b75a47.js';
-import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom.esm-b7749b71.js';
-import { t as tv } from './tv-6dcd2224.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CrZxEeDA.js';
+import { b as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, a as arrow } from './floating-ui.dom-DxMLMJ3r.js';
+import { t as tv } from './tv-CEcVC0yX.js';
 
 const popoverCss = ":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 BcmPopoverStyle0 = popoverCss;
 
 const Popover = class {
     constructor(hostRef) {
@@ -180,8 +179,9 @@ const Popover = class {
     }
     get el() { return getElement(this); }
 };
-Popover.style = BcmPopoverStyle0;
+Popover.style = popoverCss;
 
 export { Popover as bcm_popover };
+//# sourceMappingURL=bcm-popover.entry.js.map
 
 //# sourceMappingURL=bcm-popover.entry.js.map