bromcom-ui-next 0.1.30 → 0.1.31

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

@@ -0,0 +1,379 @@
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-B6Ppbs5O.js';
+import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom-DBDSgIvP.js';
+import { t as tv } from './tv-CEcVC0yX.js';
+
+const popConfirmCss = ".visible{visibility:visible}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.text-wrap{text-wrap:wrap}.border{border-width:1px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{--popover-bg:var(--bcm-ui-color-background-basic-panel);display:inline-block}[popover]{border:none;overflow:visible;padding:0}[popover]:not(:popover-open){display:none}[popover]:popover-open{opacity:1;transform:scale(1);transition:opacity .15s ease-out,transform .15s ease-out}@starting-style{[popover]:popover-open{opacity:0;transform:scale(.95)}}::slotted([slot=body]){text-wrap:pretty;font-family:Inter,sans-serif}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-6{top:1.5rem}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.size-6{height:1.5rem;width:1.5rem}.h-3{height:.75rem}.w-3{width:.75rem}.max-w-64{max-width:16rem}.max-w-80{max-width:20rem}.max-w-96{max-width:24rem}.flex-1{flex:1 1 0%}.rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.text-pretty{text-wrap:pretty}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-\\[--popover-bg\\]{background-color:var(--popover-bg)}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.pr-8{padding-right:2rem}.font-sans{font-family:Inter,sans-serif}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.text-size-7{font-size:var(--bcm-ui-font-size-7,20px);line-height:var(--bcm-ui-line-height-7,28px)}.font-semibold{font-weight:600}.\\!text-color-header{color:var(--bcm-ui-color-text-header)!important}.text-\\[var\\(--bcm-ui-color-text-error\\)\\]{color:var(--bcm-ui-color-text-error)}.text-\\[var\\(--bcm-ui-color-text-info\\)\\]{color:var(--bcm-ui-color-text-info)}.text-\\[var\\(--bcm-ui-color-text-success\\)\\]{color:var(--bcm-ui-color-text-success)}.text-\\[var\\(--bcm-ui-color-text-warning\\)\\]{color:var(--bcm-ui-color-text-warning)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\\:bg-gray-100:hover{background-color:oklch(.967 .003 264.542)}";
+
+const statusIcons = {
+    info: 'fa-solid fa-circle-info',
+    success: 'fa-solid fa-circle-check',
+    warning: 'fa-solid fa-triangle-exclamation',
+    error: 'fa-solid fa-circle-xmark',
+};
+const BcmPopConfirm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.bcmBeforeOpen = createEvent(this, "bcmBeforeOpen", 1);
+        this.bcmOpen = createEvent(this, "bcmOpen", 1);
+        this.bcmBeforeClose = createEvent(this, "bcmBeforeClose", 1);
+        this.bcmClose = createEvent(this, "bcmClose", 1);
+        this.bcmConfirm = createEvent(this, "bcmConfirm", 1);
+        this.bcmCancel = createEvent(this, "bcmCancel", 1);
+    }
+    get host() { return getElement(this); }
+    popconfirmRef;
+    arrowRef;
+    triggerRef;
+    cleanupAutoUpdate;
+    popconfirmId;
+    /**
+     * @prop {PopConfirmPlacement} placement - Position of the popover relative to the trigger element.
+     * Automatically flips if there's not enough space.
+     * Default: 'top'
+     */
+    placement = 'top';
+    /**
+     * @prop {PopConfirmSize} size - Size variant that controls padding and text size.
+     * - 'small': Compact size with minimal padding
+     * - 'medium': Standard size
+     * - 'large': Spacious size with more padding
+     * Default: 'medium'
+     */
+    size = 'medium';
+    /**
+     * @prop {PopConfirmStatus} status - Status type that determines the color scheme and icon.
+     * - 'info': Informational (blue)
+     * - 'success': Success/positive action (green)
+     * - 'warning': Warning/caution (yellow)
+     * - 'error': Error/destructive action (red)
+     * Default: 'info'
+     */
+    status = 'info';
+    /**
+     * @prop {string} headerText - Text displayed in the header section.
+     * Can be overridden by using the 'header' slot.
+     * Default: ''
+     */
+    headerText = '';
+    /**
+     * @prop {string} description - Description text displayed in the body section.
+     * Can be overridden by using the 'body' slot.
+     * Default: ''
+     */
+    description = '';
+    /**
+     * @prop {string} confirmText - Text for the confirm button.
+     * Default: 'Yes'
+     */
+    confirmText = 'Yes';
+    /**
+     * @prop {string} cancelText - Text for the cancel button.
+     * Default: 'Cancel'
+     */
+    cancelText = 'Cancel';
+    /**
+     * @prop {boolean} showArrow - Whether to show the arrow pointing to the trigger.
+     * Default: true
+     */
+    showArrow = true;
+    /**
+     * @prop {boolean} statusIcon - Whether to show the status icon in the header.
+     * Icon only shows if headerText is also provided.
+     * Default: true
+     */
+    statusIcon = true;
+    /**
+     * @prop {number} offsetDistance - Distance in pixels between the popover and trigger element.
+     * Default: 12
+     */
+    offsetDistance = 12;
+    /**
+     * @prop {boolean} closeOnOutsideClick - Whether to close when clicking outside the popover.
+     * Default: true
+     */
+    closeOnOutsideClick = true;
+    /**
+     * @prop {boolean} closeOnEscape - Whether to close when pressing the Escape key.
+     * Default: true
+     */
+    closeOnEscape = true;
+    isOpen = false;
+    /**
+     * @event bcmBeforeOpen - Emitted before the popover opens.
+     * Useful for performing actions before the popover becomes visible.
+     */
+    bcmBeforeOpen;
+    /**
+     * @event bcmOpen - Emitted when the popover is opened.
+     * Useful for tracking when the popover becomes visible.
+     */
+    bcmOpen;
+    /**
+     * @event bcmBeforeClose - Emitted before the popover closes.
+     * Useful for performing cleanup actions before hiding.
+     */
+    bcmBeforeClose;
+    /**
+     * @event bcmClose - Emitted when the popover is closed.
+     * Useful for tracking when the popover is hidden.
+     */
+    bcmClose;
+    /**
+     * @event bcmConfirm - Emitted when the user clicks the confirm button.
+     * This is where you should handle the confirmed action.
+     */
+    bcmConfirm;
+    /**
+     * @event bcmCancel - Emitted when the user clicks cancel, presses Escape, or clicks outside.
+     * Useful for tracking when the user dismisses the confirmation.
+     */
+    bcmCancel;
+    async handleOpenChange(open) {
+        if (!this.popconfirmRef)
+            return;
+        if (open) {
+            this.popconfirmRef.showPopover();
+            await new Promise(resolve => requestAnimationFrame(() => resolve(undefined)));
+            await this.updatePosition();
+            this.startAutoUpdate();
+            this.bcmOpen.emit();
+            // Add outside click listener after a frame to avoid immediate close
+            if (this.closeOnOutsideClick) {
+                requestAnimationFrame(() => {
+                    document.addEventListener('click', this.handleOutsideClick);
+                });
+            }
+        }
+        else {
+            this.popconfirmRef.hidePopover();
+            this.stopAutoUpdate();
+            this.bcmClose.emit();
+            document.removeEventListener('click', this.handleOutsideClick);
+        }
+    }
+    /**
+     * Programmatically shows the popconfirm.
+     * @returns Promise that resolves when the show operation begins
+     */
+    async show() {
+        if (this.isOpen)
+            return;
+        this.bcmBeforeOpen.emit();
+        this.isOpen = true;
+    }
+    /**
+     * Programmatically hides the popconfirm.
+     * @returns Promise that resolves when the hide operation begins
+     */
+    async hide() {
+        if (!this.isOpen)
+            return;
+        this.bcmBeforeClose.emit();
+        this.isOpen = false;
+    }
+    /**
+     * Toggles the popconfirm visibility.
+     * If open, it will close. If closed, it will open.
+     * @returns Promise that resolves when the toggle operation completes
+     */
+    async toggle() {
+        if (this.isOpen) {
+            await this.hide();
+        }
+        else {
+            await this.show();
+        }
+    }
+    startAutoUpdate() {
+        if (!this.triggerRef || !this.popconfirmRef)
+            return;
+        this.cleanupAutoUpdate = autoUpdate(this.triggerRef, this.popconfirmRef, () => this.updatePosition(), {
+            ancestorScroll: true,
+            ancestorResize: true,
+            elementResize: true,
+            layoutShift: true,
+        });
+    }
+    stopAutoUpdate() {
+        if (this.cleanupAutoUpdate) {
+            this.cleanupAutoUpdate();
+            this.cleanupAutoUpdate = undefined;
+        }
+    }
+    async updatePosition() {
+        if (!this.triggerRef || !this.popconfirmRef)
+            return;
+        const middleware = [offset(this.offsetDistance), flip(), shift({ padding: 8 })];
+        if (this.showArrow && this.arrowRef) {
+            middleware.push(arrow({ element: this.arrowRef }));
+        }
+        const virtualElement = {
+            getBoundingClientRect: () => this.triggerRef.getBoundingClientRect(),
+        };
+        const { x, y, placement, middlewareData } = await computePosition(virtualElement, this.popconfirmRef, {
+            placement: this.placement,
+            strategy: 'fixed',
+            middleware,
+        });
+        this.popconfirmRef.style.left = `${x}px`;
+        this.popconfirmRef.style.top = `${y}px`;
+        if (this.showArrow && this.arrowRef && middlewareData.arrow) {
+            const { x: arrowX, y: arrowY } = middlewareData.arrow;
+            const side = placement.split('-')[0];
+            const staticSide = {
+                top: 'bottom',
+                right: 'left',
+                bottom: 'top',
+                left: 'right',
+            }[side];
+            Object.assign(this.arrowRef.style, {
+                left: arrowX != null ? `${arrowX}px` : '',
+                top: arrowY != null ? `${arrowY}px` : '',
+                right: '',
+                bottom: '',
+                [staticSide]: '-4px',
+            });
+        }
+    }
+    handleSlotChange = () => {
+        const slot = this.host.shadowRoot?.querySelector('slot:not([name])');
+        if (!slot)
+            return;
+        const elements = slot.assignedElements();
+        const assignedElement = elements[0];
+        this.triggerRef = (assignedElement || this.host);
+        if (!this.triggerRef)
+            return;
+        if (this.popconfirmRef && this.popconfirmId) {
+            this.triggerRef.setAttribute('aria-describedby', this.popconfirmId);
+        }
+        this.removeTriggerListeners();
+        this.setupTriggerListeners();
+    };
+    setupTriggerListeners() {
+        if (!this.triggerRef)
+            return;
+        this.triggerRef.addEventListener('click', this.handleTriggerClick);
+    }
+    removeTriggerListeners() {
+        if (!this.triggerRef)
+            return;
+        this.triggerRef.removeEventListener('click', this.handleTriggerClick);
+    }
+    handleTriggerClick = () => {
+        this.toggle();
+    };
+    handleOutsideClick = (e) => {
+        if (!this.closeOnOutsideClick || !this.isOpen)
+            return;
+        const target = e.target;
+        if (!this.host.contains(target) && !this.popconfirmRef?.contains(target)) {
+            this.handleCancel();
+        }
+    };
+    handleKeyDown(e) {
+        if (!this.closeOnEscape || !this.isOpen)
+            return;
+        if (e.key === 'Escape') {
+            // Check if this is the topmost open popconfirm
+            const openPopconfirms = Array.from(document.querySelectorAll('bcm-pop-confirm')).filter(el => {
+                const popconfirmEl = el.shadowRoot?.querySelector('[popover]');
+                return popconfirmEl?.matches(':popover-open');
+            });
+            const topPopconfirm = openPopconfirms[openPopconfirms.length - 1];
+            if (topPopconfirm === this.host) {
+                e.preventDefault();
+                e.stopPropagation();
+                this.handleCancel();
+            }
+        }
+    }
+    handleToggle = (e) => {
+        const toggleEvent = e;
+        if (toggleEvent.newState === 'open' && !this.isOpen) {
+            this.isOpen = true;
+        }
+        else if (toggleEvent.newState === 'closed' && this.isOpen) {
+            this.isOpen = false;
+        }
+    };
+    handleConfirm = () => {
+        this.bcmConfirm.emit();
+        this.hide();
+    };
+    handleCancel = () => {
+        this.bcmCancel.emit();
+        this.hide();
+    };
+    componentWillLoad() {
+        this.popconfirmId = `popconfirm-${Math.random().toString(36).substring(2, 11)}`;
+    }
+    componentDidLoad() {
+        if (this.popconfirmRef) {
+            this.popconfirmRef.addEventListener('toggle', this.handleToggle);
+        }
+    }
+    disconnectedCallback() {
+        this.stopAutoUpdate();
+        this.removeTriggerListeners();
+        document.removeEventListener('click', this.handleOutsideClick);
+        if (this.popconfirmRef) {
+            this.popconfirmRef.removeEventListener('toggle', this.handleToggle);
+        }
+    }
+    popconfirmClass = tv({
+        slots: {
+            container: 'bcm-ui-element fixed m-0 flex flex-col bg-[--popover-bg] rounded-lg shadow-3 z-[9999]',
+            arrow: 'absolute w-3 h-3 bg-[--popover-bg] rotate-45',
+            closeBtn: 'absolute flex size-6 items-center justify-center hover:bg-gray-100 rounded-full cursor-pointer text-color-muted',
+            header: 'flex items-center pr-8',
+            headerLeft: 'flex items-center gap-2',
+            title: '!text-color-header font-semibold',
+            body: 'flex-1 font-sans text-pretty',
+            footer: 'flex flex-row justify-end gap-2',
+        },
+        variants: {
+            size: {
+                small: {
+                    container: 'text-size-4 max-w-64 p-4 gap-4',
+                    title: 'text-size-5',
+                    closeBtn: 'top-3 right-3',
+                },
+                medium: {
+                    container: 'text-size-5 max-w-80 p-6 gap-6',
+                    title: 'text-size-6',
+                    closeBtn: 'top-4 right-4',
+                },
+                large: {
+                    container: 'text-size-6 max-w-96 p-8 gap-8',
+                    title: 'text-size-7',
+                    closeBtn: 'top-6 right-6',
+                },
+            },
+            status: {
+                info: { headerLeft: 'text-[var(--bcm-ui-color-text-info)]' },
+                success: { headerLeft: 'text-[var(--bcm-ui-color-text-success)]' },
+                warning: { headerLeft: 'text-[var(--bcm-ui-color-text-warning)]' },
+                error: { headerLeft: 'text-[var(--bcm-ui-color-text-error)]' },
+            },
+        },
+    });
+    render() {
+        const { container, arrow: arrowClass, header, headerLeft, title, closeBtn, body, footer } = this.popconfirmClass({
+            size: this.size,
+            status: this.status,
+        });
+        // Only show header if there's actual header content (headerText or custom header slot)
+        // Status icon only shows if explicitly enabled AND there's header text
+        const showStatusIcon = this.statusIcon && this.headerText;
+        const hasHeaderText = Boolean(this.headerText);
+        return (h("div", { key: '7329eb6db100b57368ca73b36a2a2ad66b218b8e', class: "inline-block" }, h("slot", { key: '0d775cf4a00b4ef97e8e75e2620ddf420caf43c6', onSlotchange: this.handleSlotChange }), h("div", { key: '19c4c001fbf51b895a45b271365b3a7cb22590bb', ref: el => (this.popconfirmRef = el), id: this.popconfirmId, part: "container", class: container(), popover: "manual", role: "alertdialog", "aria-labelledby": hasHeaderText ? `${this.popconfirmId}-header` : undefined, "aria-describedby": `${this.popconfirmId}-body` }, this.showArrow && h("div", { key: '91aaa976265c10537cea1d0d57d08df27c838645', ref: el => (this.arrowRef = el), part: "arrow", class: arrowClass() }), h("div", { key: '91a049dd52d47d267d11c8e8c628aa417fb40663', class: closeBtn(), onClick: this.handleCancel, role: "button", tabIndex: 0, "aria-label": "Close" }, h("bcm-icon", { key: 'd15fb5922185f246c15e9480c3a4652ef9e96ffa', "icon-name": "far fa-times" })), h("header", { key: 'b62f81fd72a05aa116ecad7614f20645aa85f060', class: header() }, h("div", { key: '226cbb6ac92d294b67eb0c33ed0faea52d56689a', class: headerLeft() }, showStatusIcon && h("bcm-icon", { key: '0e5cd64e8369876b9016af3c9607cdb406828651', "icon-name": statusIcons[this.status] }), hasHeaderText && (h("span", { key: '4a1cf44acf56bc46ad52fda1d1d29da0c838fded', id: `${this.popconfirmId}-header`, class: title() }, this.headerText)), h("slot", { key: '5e159545f0b12d97c9b632653955f636866c2a14', name: "header" }))), h("main", { key: '6e082c73048583a1447dc4fb7c9940a677e7d587', id: `${this.popconfirmId}-body`, part: "body", class: body() }, h("slot", { key: '6d0546a06ca77118d82074fffb9164c4b4f86a5c', name: "body" }, this.description)), h("footer", { key: '4f36400e44847e31d6ceed5fd7f47d35f68af458', part: "footer", class: footer() }, h("slot", { key: '97b85bb7dd3d39790b91e6bffef01f7eb077c2c3', name: "footer" }, h("bcm-button", { key: '8e8b7175a1dd9e069e9cbca7b430fdc1e9a7beab', kind: "outline", size: this.size, onClick: this.handleCancel }, this.cancelText), h("bcm-button", { key: 'ae9daeacaf77c8abfe92951eefe2e885d23eab79', size: this.size, status: this.status, kind: "primary", onClick: this.handleConfirm }, this.confirmText))))));
+    }
+    static get watchers() { return {
+        "isOpen": ["handleOpenChange"]
+    }; }
+};
+BcmPopConfirm.style = popConfirmCss;
+
+export { BcmPopConfirm as bcm_pop_confirm };
+//# sourceMappingURL=bcm-pop-confirm.entry.js.map

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

@@ -0,0 +1 @@
+{"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}\n\n[popover] {\n  border: none;\n  padding: 0;\n  overflow: visible;\n}\n\n[popover]:not(:popover-open) {\n  display: none;\n}\n\n[popover]:popover-open {\n  opacity: 1;\n  transform: scale(1);\n  transition:\n    opacity 150ms ease-out,\n    transform 150ms ease-out;\n}\n\n@starting-style {\n  [popover]:popover-open {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n}\n\n::slotted([slot='body']) {\n  font-family: 'Inter', sans-serif;\n  text-wrap: pretty;\n}\n","import { Component, Element, Event, EventEmitter, h, Listen, Method, Prop, State, Watch } from '@stencil/core';\nimport { computePosition, flip, shift, offset, arrow, autoUpdate } from '@floating-ui/dom';\nimport { tv } from '@utils/tv';\n\nexport type PopConfirmPlacement = 'top' | 'right' | 'bottom' | 'left';\nexport type PopConfirmSize = 'small' | 'medium' | 'large';\nexport type PopConfirmStatus = 'info' | 'success' | 'warning' | 'error';\n\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-xmark',\n};\n\n/**\n * @component BcmPopConfirm\n * @description A confirmation popover component that displays a confirmation dialog with customizable actions.\n * Built on the native Popover API for top-layer rendering and Floating UI for intelligent positioning.\n * Ideal for confirming destructive actions or important decisions inline.\n *\n * @slot - Default slot for the trigger element that opens the confirmation popover\n * @slot header - Custom header content (overrides headerText prop)\n * @slot body - Custom body content (overrides description prop)\n * @slot footer - Custom footer content with action buttons (overrides default confirm/cancel buttons)\n *\n * @csspart container - The main popover container element\n * @csspart arrow - The arrow pointer element\n * @csspart body - The body/description section\n * @csspart footer - The footer section with action buttons\n *\n * @example Basic Usage\n * ```html\n * <bcm-pop-confirm\n *   header-text=\"Delete Item?\"\n *   description=\"Are you sure you want to delete this item? This action cannot be undone.\"\n *   status=\"error\"\n * >\n *   <bcm-button status=\"error\">Delete</bcm-button>\n * </bcm-pop-confirm>\n * ```\n *\n * @example With Event Handlers\n * ```html\n * <bcm-pop-confirm\n *   id=\"deleteConfirm\"\n *   header-text=\"Confirm Delete\"\n *   description=\"This will permanently delete the item.\"\n *   status=\"warning\"\n *   confirm-text=\"Yes, Delete\"\n *   cancel-text=\"No, Keep It\"\n * >\n *   <bcm-button>Delete Item</bcm-button>\n * </bcm-pop-confirm>\n *\n * <script>\n *   const popconfirm = document.getElementById('deleteConfirm');\n *   popconfirm.addEventListener('bcmConfirm', () => {\n *     console.log('User confirmed deletion');\n *     // Perform delete operation\n *   });\n *   popconfirm.addEventListener('bcmCancel', () => {\n *     console.log('User cancelled deletion');\n *   });\n * </script>\n * ```\n *\n * @example Different Status Types\n * ```html\n * <!-- Info (default) -->\n * <bcm-pop-confirm header-text=\"Information\" description=\"This is an info message\">\n *   <bcm-button>Info</bcm-button>\n * </bcm-pop-confirm>\n *\n * <!-- Success -->\n * <bcm-pop-confirm status=\"success\" header-text=\"Confirm Action\" description=\"Proceed with this action?\">\n *   <bcm-button status=\"success\">Proceed</bcm-button>\n * </bcm-pop-confirm>\n *\n * <!-- Warning -->\n * <bcm-pop-confirm status=\"warning\" header-text=\"Warning\" description=\"This action may have consequences\">\n *   <bcm-button status=\"warning\">Continue</bcm-button>\n * </bcm-pop-confirm>\n *\n * <!-- Error/Danger -->\n * <bcm-pop-confirm status=\"error\" header-text=\"Danger Zone\" description=\"This is a destructive action\">\n *   <bcm-button status=\"error\">Delete</bcm-button>\n * </bcm-pop-confirm>\n * ```\n *\n * @example Custom Content with Slots\n * ```html\n * <bcm-pop-confirm status=\"warning\">\n *   <bcm-button>Custom Confirm</bcm-button>\n *\n *   <div slot=\"header\">\n *     <strong>Custom Header</strong>\n *   </div>\n *\n *   <div slot=\"body\">\n *     <p>This is custom body content with <strong>HTML formatting</strong>.</p>\n *     <ul>\n *       <li>Point 1</li>\n *       <li>Point 2</li>\n *     </ul>\n *   </div>\n *\n *   <div slot=\"footer\">\n *     <bcm-button kind=\"outline\" size=\"small\">Maybe Later</bcm-button>\n *     <bcm-button status=\"success\" size=\"small\">Confirm</bcm-button>\n *   </div>\n * </bcm-pop-confirm>\n * ```\n *\n * @example Different Sizes\n * ```html\n * <!-- Small -->\n * <bcm-pop-confirm size=\"small\" header-text=\"Small\" description=\"Compact confirmation\">\n *   <bcm-button size=\"small\">Small</bcm-button>\n * </bcm-pop-confirm>\n *\n * <!-- Medium (default) -->\n * <bcm-pop-confirm size=\"medium\" header-text=\"Medium\" description=\"Standard confirmation\">\n *   <bcm-button size=\"medium\">Medium</bcm-button>\n * </bcm-pop-confirm>\n *\n * <!-- Large -->\n * <bcm-pop-confirm size=\"large\" header-text=\"Large\" description=\"Spacious confirmation with more room for content\">\n *   <bcm-button size=\"large\">Large</bcm-button>\n * </bcm-pop-confirm>\n * ```\n *\n * @example Programmatic Control\n * ```html\n * <bcm-pop-confirm id=\"myConfirm\" header-text=\"Confirm\" description=\"Are you sure?\">\n *   <bcm-button>Trigger</bcm-button>\n * </bcm-pop-confirm>\n *\n * <bcm-button id=\"showBtn\">Show Programmatically</bcm-button>\n * <bcm-button id=\"hideBtn\">Hide Programmatically</bcm-button>\n *\n * <script>\n *   const popconfirm = document.getElementById('myConfirm');\n *   document.getElementById('showBtn').addEventListener('click', () => {\n *     popconfirm.show();\n *   });\n *   document.getElementById('hideBtn').addEventListener('click', () => {\n *     popconfirm.hide();\n *   });\n * </script>\n * ```\n *\n * @example Without Status Icon\n * ```html\n * <bcm-pop-confirm\n *   header-text=\"Simple Confirmation\"\n *   description=\"No status icon shown\"\n *   status-icon={false}\n * >\n *   <bcm-button>Click Me</bcm-button>\n * </bcm-pop-confirm>\n * ```\n *\n * @example Different Placements\n * ```html\n * <bcm-pop-confirm placement=\"top\" header-text=\"Top\" description=\"Opens above\">\n *   <bcm-button>Top</bcm-button>\n * </bcm-pop-confirm>\n *\n * <bcm-pop-confirm placement=\"right\" header-text=\"Right\" description=\"Opens to the right\">\n *   <bcm-button>Right</bcm-button>\n * </bcm-pop-confirm>\n *\n * <bcm-pop-confirm placement=\"bottom\" header-text=\"Bottom\" description=\"Opens below\">\n *   <bcm-button>Bottom</bcm-button>\n * </bcm-pop-confirm>\n *\n * <bcm-pop-confirm placement=\"left\" header-text=\"Left\" description=\"Opens to the left\">\n *   <bcm-button>Left</bcm-button>\n * </bcm-pop-confirm>\n * ```\n */\n@Component({\n  tag: 'bcm-pop-confirm',\n  styleUrl: 'pop-confirm.css',\n  shadow: true,\n})\nexport class BcmPopConfirm {\n  @Element() host: HTMLElement;\n\n  private popconfirmRef?: HTMLDivElement;\n  private arrowRef?: HTMLDivElement;\n  private triggerRef?: HTMLElement;\n  private cleanupAutoUpdate?: () => void;\n  private popconfirmId: string;\n\n  /**\n   * @prop {PopConfirmPlacement} placement - Position of the popover relative to the trigger element.\n   * Automatically flips if there's not enough space.\n   * Default: 'top'\n   */\n  @Prop() placement: PopConfirmPlacement = 'top';\n\n  /**\n   * @prop {PopConfirmSize} size - Size variant that controls padding and text size.\n   * - 'small': Compact size with minimal padding\n   * - 'medium': Standard size\n   * - 'large': Spacious size with more padding\n   * Default: 'medium'\n   */\n  @Prop() size: PopConfirmSize = 'medium';\n\n  /**\n   * @prop {PopConfirmStatus} status - Status type that determines the color scheme and icon.\n   * - 'info': Informational (blue)\n   * - 'success': Success/positive action (green)\n   * - 'warning': Warning/caution (yellow)\n   * - 'error': Error/destructive action (red)\n   * Default: 'info'\n   */\n  @Prop() status: PopConfirmStatus = 'info';\n\n  /**\n   * @prop {string} headerText - Text displayed in the header section.\n   * Can be overridden by using the 'header' slot.\n   * Default: ''\n   */\n  @Prop() headerText: string = '';\n\n  /**\n   * @prop {string} description - Description text displayed in the body section.\n   * Can be overridden by using the 'body' slot.\n   * Default: ''\n   */\n  @Prop() description: string = '';\n\n  /**\n   * @prop {string} confirmText - Text for the confirm button.\n   * Default: 'Yes'\n   */\n  @Prop() confirmText: string = 'Yes';\n\n  /**\n   * @prop {string} cancelText - Text for the cancel button.\n   * Default: 'Cancel'\n   */\n  @Prop() cancelText: string = 'Cancel';\n\n  /**\n   * @prop {boolean} showArrow - Whether to show the arrow pointing to the trigger.\n   * Default: true\n   */\n  @Prop() showArrow: boolean = true;\n\n  /**\n   * @prop {boolean} statusIcon - Whether to show the status icon in the header.\n   * Icon only shows if headerText is also provided.\n   * Default: true\n   */\n  @Prop() statusIcon: boolean = true;\n\n  /**\n   * @prop {number} offsetDistance - Distance in pixels between the popover and trigger element.\n   * Default: 12\n   */\n  @Prop() offsetDistance: number = 12;\n\n  /**\n   * @prop {boolean} closeOnOutsideClick - Whether to close when clicking outside the popover.\n   * Default: true\n   */\n  @Prop() closeOnOutsideClick: boolean = true;\n\n  /**\n   * @prop {boolean} closeOnEscape - Whether to close when pressing the Escape key.\n   * Default: true\n   */\n  @Prop() closeOnEscape: boolean = true;\n\n  @State() isOpen = false;\n\n  /**\n   * @event bcmBeforeOpen - Emitted before the popover opens.\n   * Useful for performing actions before the popover becomes visible.\n   */\n  @Event({ composed: false, bubbles: false }) bcmBeforeOpen: EventEmitter<void>;\n\n  /**\n   * @event bcmOpen - Emitted when the popover is opened.\n   * Useful for tracking when the popover becomes visible.\n   */\n  @Event({ composed: false, bubbles: false }) bcmOpen: EventEmitter<void>;\n\n  /**\n   * @event bcmBeforeClose - Emitted before the popover closes.\n   * Useful for performing cleanup actions before hiding.\n   */\n  @Event({ composed: false, bubbles: false }) bcmBeforeClose: EventEmitter<void>;\n\n  /**\n   * @event bcmClose - Emitted when the popover is closed.\n   * Useful for tracking when the popover is hidden.\n   */\n  @Event({ composed: false, bubbles: false }) bcmClose: EventEmitter<void>;\n\n  /**\n   * @event bcmConfirm - Emitted when the user clicks the confirm button.\n   * This is where you should handle the confirmed action.\n   */\n  @Event({ composed: false, bubbles: false }) bcmConfirm: EventEmitter<void>;\n\n  /**\n   * @event bcmCancel - Emitted when the user clicks cancel, presses Escape, or clicks outside.\n   * Useful for tracking when the user dismisses the confirmation.\n   */\n  @Event({ composed: false, bubbles: false }) bcmCancel: EventEmitter<void>;\n\n  @Watch('isOpen')\n  async handleOpenChange(open: boolean) {\n    if (!this.popconfirmRef) return;\n\n    if (open) {\n      this.popconfirmRef.showPopover();\n      await new Promise(resolve => requestAnimationFrame(() => resolve(undefined)));\n      await this.updatePosition();\n      this.startAutoUpdate();\n      this.bcmOpen.emit();\n      // Add outside click listener after a frame to avoid immediate close\n      if (this.closeOnOutsideClick) {\n        requestAnimationFrame(() => {\n          document.addEventListener('click', this.handleOutsideClick);\n        });\n      }\n    } else {\n      this.popconfirmRef.hidePopover();\n      this.stopAutoUpdate();\n      this.bcmClose.emit();\n      document.removeEventListener('click', this.handleOutsideClick);\n    }\n  }\n\n  /**\n   * Programmatically shows the popconfirm.\n   * @returns Promise that resolves when the show operation begins\n   */\n  @Method()\n  async show(): Promise<void> {\n    if (this.isOpen) return;\n    this.bcmBeforeOpen.emit();\n    this.isOpen = true;\n  }\n\n  /**\n   * Programmatically hides the popconfirm.\n   * @returns Promise that resolves when the hide operation begins\n   */\n  @Method()\n  async hide(): Promise<void> {\n    if (!this.isOpen) return;\n    this.bcmBeforeClose.emit();\n    this.isOpen = false;\n  }\n\n  /**\n   * Toggles the popconfirm visibility.\n   * If open, it will close. If closed, it will open.\n   * @returns Promise that resolves when the toggle operation completes\n   */\n  @Method()\n  async toggle(): Promise<void> {\n    if (this.isOpen) {\n      await this.hide();\n    } else {\n      await this.show();\n    }\n  }\n\n  private startAutoUpdate() {\n    if (!this.triggerRef || !this.popconfirmRef) return;\n\n    this.cleanupAutoUpdate = autoUpdate(this.triggerRef, this.popconfirmRef, () => this.updatePosition(), {\n      ancestorScroll: true,\n      ancestorResize: true,\n      elementResize: true,\n      layoutShift: true,\n    });\n  }\n\n  private stopAutoUpdate() {\n    if (this.cleanupAutoUpdate) {\n      this.cleanupAutoUpdate();\n      this.cleanupAutoUpdate = undefined;\n    }\n  }\n\n  private async updatePosition() {\n    if (!this.triggerRef || !this.popconfirmRef) return;\n\n    const middleware = [offset(this.offsetDistance), flip(), shift({ padding: 8 })];\n\n    if (this.showArrow && this.arrowRef) {\n      middleware.push(arrow({ element: this.arrowRef }));\n    }\n\n    const virtualElement = {\n      getBoundingClientRect: () => this.triggerRef.getBoundingClientRect(),\n    };\n\n    const { x, y, placement, middlewareData } = await computePosition(virtualElement, this.popconfirmRef, {\n      placement: this.placement,\n      strategy: 'fixed',\n      middleware,\n    });\n\n    this.popconfirmRef.style.left = `${x}px`;\n    this.popconfirmRef.style.top = `${y}px`;\n\n    if (this.showArrow && this.arrowRef && middlewareData.arrow) {\n      const { x: arrowX, y: arrowY } = middlewareData.arrow;\n      const side = 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      }[side];\n\n      Object.assign(this.arrowRef.style, {\n        left: arrowX != null ? `${arrowX}px` : '',\n        top: arrowY != null ? `${arrowY}px` : '',\n        right: '',\n        bottom: '',\n        [staticSide]: '-4px',\n      });\n    }\n  }\n\n  private handleSlotChange = () => {\n    const slot = this.host.shadowRoot?.querySelector('slot:not([name])');\n    if (!slot) return;\n\n    const elements = (slot as HTMLSlotElement).assignedElements();\n    const assignedElement = elements[0] as HTMLElement;\n\n    this.triggerRef = (assignedElement || this.host) as HTMLElement;\n\n    if (!this.triggerRef) return;\n\n    if (this.popconfirmRef && this.popconfirmId) {\n      this.triggerRef.setAttribute('aria-describedby', this.popconfirmId);\n    }\n\n    this.removeTriggerListeners();\n    this.setupTriggerListeners();\n  };\n\n  private setupTriggerListeners() {\n    if (!this.triggerRef) return;\n    this.triggerRef.addEventListener('click', this.handleTriggerClick);\n  }\n\n  private removeTriggerListeners() {\n    if (!this.triggerRef) return;\n    this.triggerRef.removeEventListener('click', this.handleTriggerClick);\n  }\n\n  private handleTriggerClick = () => {\n    this.toggle();\n  };\n\n  private handleOutsideClick = (e: Event) => {\n    if (!this.closeOnOutsideClick || !this.isOpen) return;\n\n    const target = e.target as Node;\n    if (!this.host.contains(target) && !this.popconfirmRef?.contains(target)) {\n      this.handleCancel();\n    }\n  };\n\n  @Listen('keydown', { target: 'document' })\n  handleKeyDown(e: KeyboardEvent) {\n    if (!this.closeOnEscape || !this.isOpen) return;\n\n    if (e.key === 'Escape') {\n      // Check if this is the topmost open popconfirm\n      const openPopconfirms = Array.from(document.querySelectorAll('bcm-pop-confirm')).filter(el => {\n        const popconfirmEl = el.shadowRoot?.querySelector('[popover]');\n        return popconfirmEl?.matches(':popover-open');\n      });\n\n      const topPopconfirm = openPopconfirms[openPopconfirms.length - 1] as unknown as HTMLElement;\n      if (topPopconfirm === (this.host as unknown as HTMLElement)) {\n        e.preventDefault();\n        e.stopPropagation();\n        this.handleCancel();\n      }\n    }\n  }\n\n  private handleToggle = (e: Event) => {\n    const toggleEvent = e as ToggleEvent;\n    if (toggleEvent.newState === 'open' && !this.isOpen) {\n      this.isOpen = true;\n    } else if (toggleEvent.newState === 'closed' && this.isOpen) {\n      this.isOpen = false;\n    }\n  };\n\n  private handleConfirm = () => {\n    this.bcmConfirm.emit();\n    this.hide();\n  };\n\n  private handleCancel = () => {\n    this.bcmCancel.emit();\n    this.hide();\n  };\n\n  componentWillLoad() {\n    this.popconfirmId = `popconfirm-${Math.random().toString(36).substring(2, 11)}`;\n  }\n\n  componentDidLoad() {\n    if (this.popconfirmRef) {\n      this.popconfirmRef.addEventListener('toggle', this.handleToggle);\n    }\n  }\n\n  disconnectedCallback() {\n    this.stopAutoUpdate();\n    this.removeTriggerListeners();\n    document.removeEventListener('click', this.handleOutsideClick);\n    if (this.popconfirmRef) {\n      this.popconfirmRef.removeEventListener('toggle', this.handleToggle);\n    }\n  }\n\n  private popconfirmClass = tv({\n    slots: {\n      container: 'bcm-ui-element fixed m-0 flex flex-col bg-[--popover-bg] rounded-lg shadow-3 z-[9999]',\n      arrow: 'absolute w-3 h-3 bg-[--popover-bg] rotate-45',\n      closeBtn: 'absolute flex size-6 items-center justify-center hover:bg-gray-100 rounded-full cursor-pointer text-color-muted',\n      header: 'flex items-center pr-8',\n      headerLeft: 'flex items-center gap-2',\n      title: '!text-color-header font-semibold',\n      body: 'flex-1 font-sans text-pretty',\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          title: 'text-size-5',\n          closeBtn: 'top-3 right-3',\n        },\n        medium: {\n          container: 'text-size-5 max-w-80 p-6 gap-6',\n          title: 'text-size-6',\n          closeBtn: 'top-4 right-4',\n        },\n        large: {\n          container: 'text-size-6 max-w-96 p-8 gap-8',\n          title: 'text-size-7',\n          closeBtn: 'top-6 right-6',\n        },\n      },\n      status: {\n        info: { headerLeft: 'text-[var(--bcm-ui-color-text-info)]' },\n        success: { headerLeft: 'text-[var(--bcm-ui-color-text-success)]' },\n        warning: { headerLeft: 'text-[var(--bcm-ui-color-text-warning)]' },\n        error: { headerLeft: 'text-[var(--bcm-ui-color-text-error)]' },\n      },\n    },\n  });\n\n  render() {\n    const { container, arrow: arrowClass, header, headerLeft, title, closeBtn, body, footer } = this.popconfirmClass({\n      size: this.size,\n      status: this.status,\n    });\n\n    // Only show header if there's actual header content (headerText or custom header slot)\n    // Status icon only shows if explicitly enabled AND there's header text\n    const showStatusIcon = this.statusIcon && this.headerText;\n    const hasHeaderText = Boolean(this.headerText);\n\n    return (\n      <div class=\"inline-block\">\n        <slot onSlotchange={this.handleSlotChange}></slot>\n\n        <div\n          ref={el => (this.popconfirmRef = el)}\n          id={this.popconfirmId}\n          part=\"container\"\n          class={container()}\n          popover=\"manual\"\n          role=\"alertdialog\"\n          aria-labelledby={hasHeaderText ? `${this.popconfirmId}-header` : undefined}\n          aria-describedby={`${this.popconfirmId}-body`}\n        >\n          {this.showArrow && <div ref={el => (this.arrowRef = el)} part=\"arrow\" class={arrowClass()} />}\n\n          {/* Close button - absolute positioned */}\n          <div class={closeBtn()} onClick={this.handleCancel} role=\"button\" tabIndex={0} aria-label=\"Close\">\n            <bcm-icon icon-name=\"far fa-times\"></bcm-icon>\n          </div>\n\n          <header class={header()}>\n            <div class={headerLeft()}>\n              {showStatusIcon && <bcm-icon icon-name={statusIcons[this.status]} />}\n              {hasHeaderText && (\n                <span id={`${this.popconfirmId}-header`} class={title()}>\n                  {this.headerText}\n                </span>\n              )}\n              <slot name=\"header\"></slot>\n            </div>\n          </header>\n\n          <main id={`${this.popconfirmId}-body`} part=\"body\" class={body()}>\n            <slot name=\"body\">{this.description}</slot>\n          </main>\n\n          <footer part=\"footer\" class={footer()}>\n            <slot name=\"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>\n          </footer>\n        </div>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}