bromcom-ui-next 0.1.29 → 0.1.31

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

@@ -1 +1 @@
-{"version":3,"file":"bcm-linked.entry.cjs.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":["autoUpdate","offset","flip","shift","computePosition","h","Host"],"mappings":"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"}
+{"version":3,"file":"bcm-linked.entry.cjs.js","sources":["src/components/linked/linked.css?tag=bcm-linked&encapsulation=shadow","src/components/linked/linked.component.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n/* Popover API base styles */\n[popover] {\n  position: absolute;\n  margin: 0;\n  border: none;\n  padding: 0;\n  overflow: visible;\n  background: transparent;\n}\n\n/* Animation properties */\n[popover] {\n  transition:\n    opacity 150ms ease-out,\n    transform 150ms ease-out,\n    display 150ms ease-out allow-discrete,\n    overlay 150ms ease-out allow-discrete;\n  opacity: 0;\n  transform: scale(0.95);\n}\n\n/* Open state */\n[popover]:popover-open {\n  opacity: 1;\n  transform: scale(1);\n}\n\n/* Starting style for entry animation */\n@starting-style {\n  [popover]:popover-open {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n}\n\n/* Arrow positioning based on placement */\n[data-placement^='top'] [part='arrow'] {\n  bottom: -4px;\n  border-top: none;\n  border-left: none;\n}\n\n[data-placement^='bottom'] [part='arrow'] {\n  top: -4px;\n  border-bottom: none;\n  border-right: none;\n}\n\n[data-placement^='left'] [part='arrow'] {\n  right: -4px;\n  border-bottom: none;\n  border-left: none;\n}\n\n[data-placement^='right'] [part='arrow'] {\n  left: -4px;\n  border-top: none;\n  border-right: none;\n}\n","import { Component, ComponentInterface, Prop, Element, State, h, Event, EventEmitter, Watch, Method, Host, Listen } from '@stencil/core';\nimport { computePosition, shift, offset, autoUpdate, flip, arrow, type Placement } from '@floating-ui/dom';\nimport { tv } from '@utils/tv';\n\nexport type TriggerType = 'hover' | 'click' | 'focus' | 'manual';\n\n/**\n * @component BcmLinked\n * @description A flexible linked floating element component that displays contextual content relative to a trigger element.\n * Built on the native Popover API for top-layer rendering and Floating UI for intelligent positioning.\n * Supports different trigger types (click, hover, focus, manual) and comprehensive event system.\n *\n * @example Basic Click Trigger\n * <bcm-linked trigger=\"click\">\n *   <button slot=\"trigger\">Click Me</button>\n *   <div>Floating content here</div>\n * </bcm-linked>\n *\n * @example Hover Trigger with Delays\n * <bcm-linked trigger=\"hover\" show-delay=\"200\" hide-delay=\"100\">\n *   <span slot=\"trigger\">Hover Me</span>\n *   <div>This appears on hover</div>\n * </bcm-linked>\n *\n * @example Manual Control\n * <bcm-linked id=\"my-linked\" trigger=\"manual\">\n *   <button slot=\"trigger\">Trigger</button>\n *   <div>Controlled content</div>\n * </bcm-linked>\n * <script>\n *   const linked = document.querySelector('#my-linked');\n *   linked.show(); // Opens the floating element\n *   linked.hide(); // Closes the floating element\n * </script>\n *\n * @slot trigger - The trigger element that controls the floating element visibility\n * @slot - Default slot for the floating content\n *\n * @csspart floating - The floating container element\n * @csspart arrow - The arrow element pointing to the trigger\n * @csspart content - The content wrapper element\n */\n@Component({\n  tag: 'bcm-linked',\n  styleUrl: 'linked.css',\n  shadow: true,\n})\nexport class BcmLinked implements ComponentInterface {\n  @Element() host: HTMLElement;\n\n  // Element references\n  private floatingRef?: HTMLElement;\n  private triggerRef?: HTMLElement;\n  private arrowRef?: HTMLElement;\n\n  // Cleanup references\n  private cleanupAutoUpdate?: () => void;\n  private showTimeout?: number;\n  private hideTimeout?: number;\n\n  // Unique ID for ARIA\n  private componentId = `linked-${Math.random().toString(36).substring(2, 11)}`;\n\n  /**\n   * @prop {boolean} visible - Controls the visibility state of the floating element.\n   * Can be set programmatically or toggled by user interaction.\n   * Default: false\n   */\n  @Prop({ mutable: true, reflect: true }) visible: boolean = false;\n\n  /**\n   * @prop {TriggerType} trigger - Defines the interaction type to show/hide the floating element.\n   * 'click' toggles on click, 'hover' shows on mouse enter and hides on mouse leave,\n   * 'focus' shows on focus and hides on blur, 'manual' requires programmatic control.\n   * Default: 'click'\n   */\n  @Prop() trigger: TriggerType = 'click';\n\n  /**\n   * @prop {Placement} placement - Defines the position of the floating element relative to the trigger.\n   * Default: 'bottom-start'\n   */\n  @Prop() placement: Placement = 'bottom-start';\n\n  /**\n   * @prop {number} showDelay - Delay in milliseconds before showing the floating element.\n   * Default: 0\n   */\n  @Prop() showDelay: number = 0;\n\n  /**\n   * @prop {number} hideDelay - Delay in milliseconds before hiding the floating element.\n   * Default: 0\n   */\n  @Prop() hideDelay: number = 0;\n\n  /**\n   * @prop {number} offsetDistance - Distance in pixels between the floating element and the trigger.\n   * Default: 8\n   */\n  @Prop() offsetDistance: number = 8;\n\n  /**\n   * @prop {boolean} showArrow - Whether to show an arrow pointing to the trigger element.\n   * Default: true\n   */\n  @Prop() showArrow: boolean = true;\n\n  /**\n   * @prop {boolean} disabled - Disables the floating element, preventing it from showing.\n   * Default: false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * @prop {boolean} closeOnOutsideClick - Whether to close when clicking outside.\n   * Default: true\n   */\n  @Prop() closeOnOutsideClick: boolean = true;\n\n  /**\n   * @prop {boolean} closeOnEscape - Whether to close when pressing Escape key.\n   * Default: true\n   */\n  @Prop() closeOnEscape: boolean = true;\n\n  // Internal state\n  @State() isVisible: boolean = false;\n\n  /**\n   * @event bcmBeforeShow - Emitted before the floating element shows.\n   */\n  @Event({ composed: false, bubbles: false }) bcmBeforeShow: EventEmitter<void>;\n\n  /**\n   * @event bcmShow - Emitted when the floating element is shown.\n   */\n  @Event({ composed: false, bubbles: false }) bcmShow: EventEmitter<void>;\n\n  /**\n   * @event bcmBeforeHide - Emitted before the floating element hides.\n   */\n  @Event({ composed: false, bubbles: false }) bcmBeforeHide: EventEmitter<void>;\n\n  /**\n   * @event bcmHide - Emitted when the floating element is hidden.\n   */\n  @Event({ composed: false, bubbles: false }) bcmHide: EventEmitter<void>;\n\n  /**\n   * @event bcmShown - Emitted after the floating element is fully shown (after animation).\n   */\n  @Event({ composed: false, bubbles: false }) bcmShown: EventEmitter<void>;\n\n  /**\n   * @event bcmHidden - Emitted after the floating element is fully hidden (after animation).\n   */\n  @Event({ composed: false, bubbles: false }) bcmHidden: EventEmitter<void>;\n\n  // Watch for visibility prop changes\n  @Watch('visible')\n  handleVisibleChange(newValue: boolean) {\n    if (this.disabled) return;\n\n    if (newValue) {\n      this.showInternal();\n    } else {\n      this.hideInternal();\n    }\n  }\n\n  @Watch('disabled')\n  handleDisabledChange(isDisabled: boolean) {\n    if (isDisabled && this.visible) {\n      this.hide();\n    }\n  }\n\n  @Watch('placement')\n  @Watch('offsetDistance')\n  @Watch('showArrow')\n  handlePositionPropsChange() {\n    if (this.visible) {\n      this.updatePosition();\n    }\n  }\n\n  // Internal show logic\n  private showInternal() {\n    if (!this.floatingRef || this.disabled) return;\n\n    this.bcmShow.emit();\n    this.isVisible = true;\n    this.floatingRef.showPopover();\n    this.startAutoUpdate();\n    this.updatePosition();\n    this.triggerRef?.setAttribute('aria-expanded', 'true');\n\n    if (this.closeOnOutsideClick && this.trigger !== 'manual') {\n      this.addOutsideClickListener();\n    }\n\n    // Emit bcmShown after animation\n    requestAnimationFrame(() => {\n      this.bcmShown.emit();\n    });\n  }\n\n  // Internal hide logic\n  private hideInternal() {\n    if (!this.floatingRef) return;\n\n    this.bcmHide.emit();\n    this.isVisible = false;\n    this.floatingRef.hidePopover();\n    this.stopAutoUpdate();\n    this.triggerRef?.setAttribute('aria-expanded', 'false');\n    this.removeOutsideClickListener();\n\n    // Emit bcmHidden after animation\n    setTimeout(() => {\n      this.bcmHidden.emit();\n    }, 150);\n  }\n\n  /**\n   * Programmatically shows the floating element.\n   * Respects the showDelay prop.\n   */\n  @Method()\n  async show(): Promise<void> {\n    if (this.visible || this.disabled) return;\n\n    this.clearTimeouts();\n\n    if (this.showDelay > 0) {\n      this.showTimeout = window.setTimeout(() => {\n        this.bcmBeforeShow.emit();\n        this.visible = true;\n      }, this.showDelay);\n    } else {\n      this.bcmBeforeShow.emit();\n      this.visible = true;\n    }\n  }\n\n  /**\n   * Programmatically hides the floating element.\n   * Respects the hideDelay prop.\n   */\n  @Method()\n  async hide(): Promise<void> {\n    if (!this.visible) return;\n\n    this.clearTimeouts();\n\n    if (this.hideDelay > 0) {\n      this.hideTimeout = window.setTimeout(() => {\n        this.bcmBeforeHide.emit();\n        this.visible = false;\n      }, this.hideDelay);\n    } else {\n      this.bcmBeforeHide.emit();\n      this.visible = false;\n    }\n  }\n\n  /**\n   * Toggles the floating element visibility.\n   */\n  @Method()\n  async toggle(): Promise<void> {\n    if (this.visible) {\n      await this.hide();\n    } else {\n      await this.show();\n    }\n  }\n\n  /**\n   * Updates the position of the floating element.\n   * Useful when the trigger element moves or resizes.\n   */\n  @Method()\n  async updatePosition(): Promise<void> {\n    await this.calculatePosition();\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 handleTriggerSlotChange = () => {\n    const slot = this.host.shadowRoot?.querySelector('slot[name=\"trigger\"]') as HTMLSlotElement;\n    if (!slot) return;\n\n    const elements = slot.assignedElements();\n    if (elements.length > 0) {\n      this.removeTriggerListeners();\n      this.triggerRef = elements[0] as HTMLElement;\n      this.setupTriggerListeners();\n      this.setupAriaAttributes();\n    }\n  };\n\n  private setupAriaAttributes() {\n    if (!this.triggerRef) return;\n\n    this.triggerRef.setAttribute('aria-describedby', this.componentId);\n    this.triggerRef.setAttribute('aria-expanded', String(this.visible));\n    this.triggerRef.setAttribute('aria-haspopup', 'true');\n  }\n\n  private setupTriggerListeners() {\n    if (!this.triggerRef || this.disabled) return;\n\n    switch (this.trigger) {\n      case 'hover':\n        this.triggerRef.addEventListener('mouseenter', this.handleMouseEnter);\n        this.triggerRef.addEventListener('mouseleave', this.handleMouseLeave);\n        this.floatingRef?.addEventListener('mouseenter', this.handleFloatingMouseEnter);\n        this.floatingRef?.addEventListener('mouseleave', this.handleFloatingMouseLeave);\n        break;\n\n      case 'click':\n        this.triggerRef.addEventListener('click', this.handleTriggerClick);\n        break;\n\n      case 'focus':\n        this.triggerRef.addEventListener('focus', this.handleFocus);\n        this.triggerRef.addEventListener('blur', this.handleBlur);\n        break;\n\n      case 'manual':\n        // No automatic listeners\n        break;\n    }\n  }\n\n  private removeTriggerListeners() {\n    if (!this.triggerRef) return;\n\n    this.triggerRef.removeEventListener('mouseenter', this.handleMouseEnter);\n    this.triggerRef.removeEventListener('mouseleave', this.handleMouseLeave);\n    this.triggerRef.removeEventListener('click', this.handleTriggerClick);\n    this.triggerRef.removeEventListener('focus', this.handleFocus);\n    this.triggerRef.removeEventListener('blur', this.handleBlur);\n\n    this.floatingRef?.removeEventListener('mouseenter', this.handleFloatingMouseEnter);\n    this.floatingRef?.removeEventListener('mouseleave', this.handleFloatingMouseLeave);\n  }\n\n  private handleMouseEnter = () => {\n    this.show();\n  };\n\n  private handleMouseLeave = () => {\n    this.hide();\n  };\n\n  private handleFloatingMouseEnter = () => {\n    this.clearTimeouts();\n  };\n\n  private handleFloatingMouseLeave = () => {\n    this.hide();\n  };\n\n  private handleTriggerClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    this.toggle();\n  };\n\n  private handleFocus = () => {\n    this.show();\n  };\n\n  private handleBlur = () => {\n    this.hide();\n  };\n\n  @Listen('keydown', { target: 'document' })\n  handleKeyDown(event: KeyboardEvent) {\n    if (!this.closeOnEscape || !this.visible) return;\n\n    if (event.key === 'Escape') {\n      const openLinked = Array.from(document.querySelectorAll('bcm-linked[visible]'));\n      const topLinked = openLinked[openLinked.length - 1];\n\n      if (topLinked === this.host) {\n        event.preventDefault();\n        this.hide();\n        this.triggerRef?.focus();\n      }\n    }\n  }\n\n  private handleOutsideClick = (event: Event) => {\n    if (!this.closeOnOutsideClick || !this.visible) return;\n\n    const target = event.target as Node;\n    const path = event.composedPath();\n\n    const isInsideHost = this.host.contains(target) || path.includes(this.host);\n    const isInsideFloating = this.floatingRef?.contains(target) || (this.floatingRef && path.includes(this.floatingRef));\n\n    if (!isInsideHost && !isInsideFloating) {\n      this.hide();\n    }\n  };\n\n  private addOutsideClickListener() {\n    setTimeout(() => {\n      document.addEventListener('click', this.handleOutsideClick, true);\n    }, 0);\n  }\n\n  private removeOutsideClickListener() {\n    document.removeEventListener('click', this.handleOutsideClick, true);\n  }\n\n  private async calculatePosition() {\n    if (!this.triggerRef || !this.floatingRef || !this.isVisible) return;\n\n    const virtualElement = {\n      getBoundingClientRect: () => this.triggerRef!.getBoundingClientRect(),\n    };\n\n    const middlewareList = [\n      offset(this.offsetDistance),\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    if (this.showArrow && this.arrowRef) {\n      middlewareList.push(arrow({ element: this.arrowRef }));\n    }\n\n    const { x, y, placement, middlewareData } = await computePosition(virtualElement, this.floatingRef, {\n      placement: this.placement,\n      middleware: middlewareList,\n      strategy: 'fixed',\n    });\n\n    Object.assign(this.floatingRef.style, {\n      left: `${x}px`,\n      top: `${y}px`,\n    });\n\n    // Arrow positioning\n    if (this.showArrow && this.arrowRef && middlewareData.arrow) {\n      const { x: arrowX, y: arrowY } = middlewareData.arrow;\n      const staticSide = {\n        top: 'bottom',\n        right: 'left',\n        bottom: 'top',\n        left: 'right',\n      }[placement.split('-')[0]] as string;\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    this.floatingRef.setAttribute('data-placement', placement);\n  }\n\n  private startAutoUpdate() {\n    if (!this.triggerRef || !this.floatingRef) return;\n\n    this.cleanupAutoUpdate = autoUpdate(this.triggerRef, this.floatingRef, () => this.calculatePosition(), {\n      ancestorScroll: true,\n      ancestorResize: true,\n      elementResize: true,\n      layoutShift: true,\n    });\n  }\n\n  private stopAutoUpdate() {\n    this.cleanupAutoUpdate?.();\n    this.cleanupAutoUpdate = undefined;\n  }\n\n  private handleToggle = (event: ToggleEvent) => {\n    if (event.newState === 'open' && !this.isVisible) {\n      this.isVisible = true;\n    } else if (event.newState === 'closed' && this.isVisible) {\n      this.isVisible = false;\n    }\n  };\n\n  componentDidLoad() {\n    // Toggle event listener (Popover API)\n    this.floatingRef?.addEventListener('toggle', this.handleToggle as EventListener);\n\n    // Initial trigger setup - manually trigger slot change handler\n    this.handleTriggerSlotChange();\n\n    // Initial state sync\n    if (this.visible) {\n      this.showInternal();\n    }\n  }\n\n  disconnectedCallback() {\n    this.clearTimeouts();\n    this.stopAutoUpdate();\n    this.removeTriggerListeners();\n    this.removeOutsideClickListener();\n\n    if (this.floatingRef) {\n      this.floatingRef.removeEventListener('toggle', this.handleToggle as EventListener);\n\n      if (this.isVisible) {\n        try {\n          this.floatingRef.hidePopover();\n        } catch (e) {\n          // Element might already be removed\n        }\n      }\n    }\n  }\n\n  private linkedClass = tv({\n    slots: {\n      wrapper: 'inline-block',\n      floating: ['bcm-ui-element', 'fixed', 'bg-color-basic-base', 'rounded-md', 'shadow-lg', 'border', 'border-color-basic-subtle'],\n      arrow: ['absolute', 'w-2', 'h-2', 'bg-color-basic-base', 'border', 'border-color-basic-subtle', 'rotate-45'],\n      content: 'bg-color-basic-base',\n    },\n  });\n\n  render() {\n    const { wrapper, floating, arrow, content } = this.linkedClass();\n\n    return (\n      <Host>\n        <div class={wrapper()}>\n          {/* Trigger slot */}\n          <slot name=\"trigger\" onSlotchange={this.handleTriggerSlotChange}></slot>\n\n          {/* Floating element with Popover API */}\n          <div\n            ref={el => (this.floatingRef = el as HTMLElement)}\n            id={this.componentId}\n            part=\"floating\"\n            class={floating()}\n            // @ts-ignore - popover is a valid HTML attribute\n            popover=\"manual\"\n            role=\"dialog\"\n          >\n            {/* Arrow */}\n            {this.showArrow && <div ref={el => (this.arrowRef = el as HTMLElement)} part=\"arrow\" class={arrow()} />}\n\n            {/* Content */}\n            <div part=\"content\" class={content()}>\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["offset","flip","shift","arrow","computePosition","autoUpdate","tv","h","Host"],"mappings":"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"}

package/dist/cjs/bcm-modal.cjs.entry.js

@@ -0,0 +1,360 @@
+'use strict';
+
+var index = require('./index-1Qal-onT.js');
+var tv = require('./tv-ngpIbGlG.js');
+
+const modalCss = ".contents{display:contents}:host{display:contents}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.m-0{margin:0}.flex{display:flex}.hidden{display:none}.h-6{height:1.5rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-full{max-height:100%}.max-h-none{max-height:none}.w-6{width:1.5rem}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0}.max-w-full{max-width:100%}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-y-4{--tw-translate-y:-1rem}.-translate-y-4,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-95{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) infinite;animation:shake .3s cubic-bezier(.36,.07,.19,.97) both}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.rounded-none{border-radius:var(--bcm-ui-border-radius-none,0)}.rounded-t-lg{border-top-left-radius:var(--bcm-ui-border-radius-lg,8px);border-top-right-radius:var(--bcm-ui-border-radius-lg,8px)}.border{border-width:1px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-color-default{border-color:var(--bcm-ui-color-border-default)}.bg-color-base{background-color:var(--bcm-ui-color-background-base-default)}.bg-color-basic-base{background-color:var(--bcm-ui-color-background-basic-base)}.bg-transparent{background-color:transparent}.p-0{padding:0}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.pt-20{padding-top:5rem}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-color-default{color:var(--bcm-ui-color-text-default)}.text-color-header{color:var(--bcm-ui-color-text-header)}.text-color-placeholder{color:var(--bcm-ui-color-text-placeholder)}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:var(--bcm-ui-box-shadow-2xl);--tw-shadow-colored:var(--bcm-ui-box-shadow-2xl)}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.backdrop\\:bg-color-default-dark::backdrop{background-color:var(--bcm-ui-color-background-default-dark-default)}.backdrop\\:opacity-50::backdrop{opacity:.5}.backdrop\\:transition-opacity::backdrop{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.backdrop\\:duration-300::backdrop{transition-duration:.3s}.hover\\:bg-color-default-hover:hover{background-color:var(--bcm-ui-color-background-default-hover)}.focus-visible\\:ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}";
+
+const BcmModal = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bcmOpen = index.createEvent(this, "bcmOpen", 7);
+        this.bcmClose = index.createEvent(this, "bcmClose", 7);
+        this.bcmBeforeOpen = index.createEvent(this, "bcmBeforeOpen", 7);
+        this.bcmBeforeClose = index.createEvent(this, "bcmBeforeClose", 7);
+    }
+    get host() { return index.getElement(this); }
+    dialogRef;
+    /**
+     * Controls whether the modal is open or closed
+     */
+    open = false;
+    /**
+     * The size of the modal
+     * - 'small': 400px
+     * - 'medium': 600px
+     * - 'large': 800px
+     * - 'xlarge': 1024px
+     * - 'xxlarge': 1200px
+     * - 'full': 100% width
+     */
+    size = 'medium';
+    /**
+     * The placement of the modal on the screen
+     * - 'center': Centered vertically and horizontally
+     * - 'top': Aligned to the top with 80px padding
+     */
+    placement = 'center';
+    /**
+     * Controls backdrop behavior
+     * - true: Shows backdrop, modal can be closed by clicking outside
+     * - false: No backdrop
+     * - 'static': Shows backdrop but prevents closing by clicking outside (triggers shake animation)
+     */
+    backdrop = true;
+    /**
+     * Makes the modal take full width of the viewport (max-width: 100%)
+     */
+    fullWidth = false;
+    /**
+     * Makes the modal take the full screen (100vw x 100vh, no border radius)
+     */
+    fullScreen = false;
+    /**
+     * Text to display in the modal header
+     */
+    headerText;
+    /**
+     * Helper text to display below the header title
+     */
+    helperText;
+    /**
+     * Hides the header section completely
+     */
+    noHeader = false;
+    /**
+     * Hides the footer section completely
+     */
+    noFooter = false;
+    /**
+     * Allows closing the modal by clicking on the backdrop
+     */
+    closeOnBackdrop = true;
+    /**
+     * Allows closing the modal by pressing the Escape key
+     */
+    closeOnEscape = true;
+    isAnimating = false;
+    shake = false;
+    /**
+     * Emitted after the modal has opened
+     */
+    bcmOpen;
+    /**
+     * Emitted after the modal has closed
+     */
+    bcmClose;
+    /**
+     * Emitted before the modal opens. Can be cancelled by calling event.preventDefault()
+     */
+    bcmBeforeOpen;
+    /**
+     * Emitted before the modal closes. Can be cancelled by calling event.preventDefault()
+     */
+    bcmBeforeClose;
+    modalClass = tv.tv({
+        slots: {
+            dialog: 'bcm-ui-element fixed inset-0 m-0 p-0 w-full max-w-full h-full max-h-full border-none bg-transparent backdrop:bg-color-default-dark backdrop:opacity-50 backdrop:transition-opacity backdrop:duration-300',
+            container: 'fixed inset-0 flex items-start justify-center p-4 overflow-y-auto overscroll-contain',
+            modal: 'relative bg-color-basic-base text-color-default rounded-lg shadow-2xl transform transition-all duration-300 ease-in-out flex flex-col',
+            header: 'flex justify-between items-start bg-color-base text-color-default border-color-default border-solid border-0 border-b rounded-t-lg',
+            headerContent: 'flex-1 min-w-0 flex items-center gap-2',
+            title: 'font-semibold m-0 text-size-6 text-color-header',
+            helperText: 'text-size-5 text-color-placeholder m-0',
+            closeButton: 'text-size-5 font-medium text-color-default bg-transparent border-none p-0 h-6 w-6 rounded hover:bg-color-default-hover cursor-pointer active:bg-color-active transition-colors flex-shrink-0 outline-none focus-visible:ring ',
+            content: 'flex-grow overflow-y-auto',
+            footer: 'flex items-center justify-end gap-2',
+        },
+        variants: {
+            open: {
+                true: {
+                    modal: 'opacity-100 translate-y-0 scale-100',
+                },
+                false: {
+                    modal: 'opacity-0 -translate-y-4 scale-95',
+                },
+            },
+            placement: {
+                center: {
+                    container: 'items-center',
+                },
+                top: {
+                    container: 'items-start pt-20',
+                },
+            },
+            size: {
+                small: {
+                    header: 'py-3 px-4',
+                    content: 'p-4',
+                    footer: 'py-3 px-4',
+                },
+                medium: {
+                    header: 'py-4 px-5',
+                    content: 'p-5',
+                    footer: 'py-4 px-5',
+                },
+                large: {
+                    header: 'py-4 px-6',
+                    content: 'p-6',
+                    footer: 'py-4 px-6',
+                },
+                xlarge: {
+                    header: 'py-5 px-6',
+                    content: 'p-6',
+                    footer: 'py-5 px-6',
+                },
+                xxlarge: {
+                    header: 'py-5 px-8',
+                    content: 'p-8',
+                    footer: 'py-5 px-8',
+                },
+                full: {
+                    header: 'py-5 px-8',
+                    content: 'p-8',
+                    footer: 'py-5 px-8',
+                },
+            },
+            fullScreen: {
+                true: {
+                    modal: 'rounded-none w-screen h-screen max-w-none max-h-none',
+                    container: 'p-0',
+                },
+            },
+            shake: {
+                true: {
+                    modal: 'animate-shake',
+                },
+            },
+            noHeader: {
+                true: {
+                    header: 'hidden',
+                },
+            },
+            noFooter: {
+                true: {
+                    footer: 'hidden',
+                },
+            },
+        },
+    });
+    async handleOpenChange(isOpen) {
+        if (isOpen) {
+            this.isAnimating = true;
+            const event = this.bcmBeforeOpen.emit();
+            if (event.defaultPrevented) {
+                this.open = false;
+                return;
+            }
+            // Use native dialog API with top-layer
+            if (this.dialogRef) {
+                this.dialogRef.showModal();
+                // Small delay for animation
+                await new Promise(resolve => setTimeout(resolve, 50));
+                this.isAnimating = false;
+                this.bcmOpen.emit();
+            }
+        }
+        else {
+            this.isAnimating = true;
+            const event = this.bcmBeforeClose.emit();
+            if (event.defaultPrevented) {
+                this.open = true;
+                return;
+            }
+            // Wait for animation before closing
+            await new Promise(resolve => setTimeout(resolve, 300));
+            if (this.dialogRef) {
+                this.dialogRef.close();
+            }
+            this.isAnimating = false;
+            this.bcmClose.emit();
+        }
+    }
+    handleClick(event) {
+        // Use composedPath to work with shadow DOM and slots
+        const path = event.composedPath();
+        const dismissElement = path.find(el => el.hasAttribute?.('data-dismiss'));
+        const closeModalElement = path.find(el => el.hasAttribute?.('data-close-modal'));
+        if (dismissElement) {
+            this.hide();
+            event.preventDefault();
+            event.stopPropagation();
+        }
+        else if (closeModalElement) {
+            const modalId = closeModalElement.getAttribute('data-close-modal');
+            // If modalId matches this modal's id, close it
+            if (!modalId || modalId === this.host.id) {
+                this.hide();
+                event.preventDefault();
+                event.stopPropagation();
+            }
+        }
+    }
+    handleKeyDown(event) {
+        if (event.key === 'Escape' && this.open) {
+            // Only handle ESC if this is the topmost modal
+            const openModals = Array.from(document.querySelectorAll('bcm-modal[open]'));
+            const topModal = openModals[openModals.length - 1];
+            if (topModal !== this.host) {
+                return;
+            }
+            event.preventDefault();
+            if (this.closeOnEscape) {
+                if (this.backdrop === 'static') {
+                    this.shakeModal();
+                }
+                else {
+                    this.hide();
+                }
+            }
+            else if (this.backdrop === 'static') {
+                this.shakeModal();
+            }
+        }
+    }
+    /**
+     * Programmatically opens the modal
+     */
+    async show() {
+        this.open = true;
+    }
+    /**
+     * Programmatically closes the modal
+     */
+    async hide() {
+        this.open = false;
+    }
+    /**
+     * Toggles the modal open/closed state
+     */
+    async toggle() {
+        this.open = !this.open;
+    }
+    shakeModal() {
+        this.shake = true;
+        setTimeout(() => {
+            this.shake = false;
+        }, 300);
+    }
+    handleBackdropClick = (event) => {
+        const target = event.target;
+        // Check if click is on the container (backdrop area), not on modal content
+        if (target.getAttribute('part') === 'container') {
+            if (this.backdrop === 'static') {
+                this.shakeModal();
+            }
+            else if (this.closeOnBackdrop) {
+                this.hide();
+            }
+        }
+    };
+    handleDialogCancel = (event) => {
+        event.preventDefault();
+        if (this.closeOnEscape) {
+            if (this.backdrop === 'static') {
+                this.shakeModal();
+            }
+            else {
+                this.hide();
+            }
+        }
+    };
+    getModalStyle() {
+        if (this.fullScreen) {
+            return {
+                width: '100vw',
+                height: '100vh',
+                maxWidth: 'none',
+                maxHeight: 'none',
+            };
+        }
+        if (this.fullWidth) {
+            return {
+                width: '100%',
+                maxWidth: '100%',
+            };
+        }
+        const widths = {
+            small: '400px',
+            medium: '600px',
+            large: '800px',
+            xlarge: '1024px',
+            xxlarge: '1200px',
+            full: '100%',
+        };
+        return {
+            width: widths[this.size],
+            maxWidth: this.fullScreen ? 'none' : '90vw',
+            maxHeight: this.fullScreen ? 'none' : '90vh',
+        };
+    }
+    componentDidLoad() {
+        if (this.open && this.dialogRef) {
+            this.dialogRef.showModal();
+        }
+    }
+    disconnectedCallback() {
+        if (this.dialogRef && this.open) {
+            this.dialogRef.close();
+        }
+    }
+    render() {
+        const { dialog, container, modal, header, headerContent, title, helperText, closeButton, content, footer } = this.modalClass({
+            open: this.open,
+            placement: this.placement,
+            size: this.size,
+            fullScreen: this.fullScreen,
+            shake: this.shake,
+            noHeader: this.noHeader,
+            noFooter: this.noFooter,
+        });
+        return (index.h("dialog", { key: '604224de7fad889eff33705ec549d41927728f7d', ref: el => (this.dialogRef = el), part: "dialog", class: dialog(), onClick: this.handleBackdropClick, onCancel: this.handleDialogCancel, "aria-labelledby": "modal-title", "aria-describedby": this.helperText ? 'modal-helper' : undefined, "aria-modal": "true" }, index.h("div", { key: '7182bea36412891a27153711392e9e70920ac9c4', part: "container", class: container() }, index.h("div", { key: 'a8ad382c7766e1db2fc330aa73479bb3e5002eff', part: "modal", class: modal(), style: this.getModalStyle(), role: "document", onClick: e => e.stopPropagation() }, !this.noHeader && (index.h("div", { key: '8ea66d15bc39c5b06d887529e8af07020bfe4fc4', part: "header", class: header() }, index.h("div", { key: '24ed7baca534c2016a0e6abcaa396643ab91f5c7', part: "header-content", class: headerContent() }, index.h("h2", { key: '4dd835faebd8b96c1a77dfc07731aa76418e2afc', id: "modal-title", part: "title", class: title() }, index.h("slot", { key: 'bf2d40045ccc6040d990d7caccbefa1e0f9e9164', name: "header" }, this.headerText)), this.helperText && (index.h("p", { key: '4dac43e3355fc7d53500dc90fcbfe3191e174c76', id: "modal-helper", part: "helper-text", class: helperText() }, index.h("slot", { key: 'dd37c548df818e4a758bdeede4dc0fd49ca241a3', name: "helper" }, this.helperText)))), index.h("button", { key: '38262ebb76c8d471f4e6070c32e3a4ef4ca01007', part: "close-button", class: closeButton(), onClick: () => this.hide(), "aria-label": "Close modal", type: "button" }, index.h("bcm-icon", { key: '69fca23e4377193ead2931283c6321df9189e3c7', name: "fa-solid fa-xmark" })))), index.h("div", { key: 'e67d5ee554203441246394a2062d4a5662f04b21', part: "content", class: content() }, index.h("slot", { key: '71020c0e5593186befb4ea9841b459986a6dfc2b' })), !this.noFooter && (index.h("div", { key: '12bf38555e3cf905a56543a24742746364c3a41d', part: "footer", class: footer() }, index.h("slot", { key: 'afc38ce22fcb46b85795f8d95eab2f20c6ef3deb', name: "footer" })))))));
+    }
+    static get watchers() { return {
+        "open": ["handleOpenChange"]
+    }; }
+};
+BcmModal.style = modalCss;
+
+exports.bcm_modal = BcmModal;
+//# sourceMappingURL=bcm-modal.entry.cjs.js.map

package/dist/cjs/bcm-modal.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bcm-modal.entry.cjs.js","sources":["src/components/modal/modal.css?tag=bcm-modal&encapsulation=shadow","src/components/modal/modal.component.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n","import { Component, Prop, h, Element, Event, EventEmitter, Method, Watch, Listen, State } from '@stencil/core';\nimport { tv } from '@utils/tv';\n\nexport type ModalSize = 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'full';\nexport type ModalPlacement = 'center' | 'top';\n\n/**\n * @component BcmModal\n * @description A flexible modal dialog component built on the native HTML Dialog API.\n * Provides a powerful way to display content in a layer above the page with full keyboard and focus management.\n *\n * @slot - Main content area of the modal\n * @slot header - Custom header content (overrides header-text prop)\n * @slot helper - Custom helper text content (overrides helper-text prop)\n * @slot footer - Footer content for action buttons\n *\n * @part dialog - The native dialog element\n * @part container - The container wrapper for centering and scrolling\n * @part modal - The main modal box\n * @part header - The header section\n * @part header-content - The content wrapper inside header\n * @part title - The title heading element\n * @part helper-text - The helper text paragraph\n * @part close-button - The close button in header\n * @part content - The main content area\n * @part footer - The footer section\n *\n * @example\n * ```html\n * <!-- Basic usage -->\n * <bcm-modal open header-text=\"Welcome\" helper-text=\"Please read carefully\">\n *   <p>Modal content goes here</p>\n *   <div slot=\"footer\">\n *     <button data-dismiss>Close</button>\n *   </div>\n * </bcm-modal>\n *\n * <!-- Custom size and placement -->\n * <bcm-modal size=\"large\" placement=\"top\">\n *   <div slot=\"header\">Custom Header</div>\n *   <p>Content here</p>\n *   <div slot=\"footer\">\n *     <button>Cancel</button>\n *     <button>Confirm</button>\n *   </div>\n * </bcm-modal>\n *\n * <!-- Full screen modal -->\n * <bcm-modal full-screen no-footer>\n *   <p>Full screen content</p>\n * </bcm-modal>\n *\n * <!-- Programmatic usage -->\n * <bcm-modal id=\"myModal\">Content</bcm-modal>\n * <script>\n *   document.getElementById('myModal').show();\n * </script>\n * ```\n */\n@Component({\n  tag: 'bcm-modal',\n  styleUrl: 'modal.css',\n  shadow: true,\n})\nexport class BcmModal {\n  @Element() host: HTMLBcmModalElement;\n\n  private dialogRef?: HTMLDialogElement;\n\n  /**\n   * Controls whether the modal is open or closed\n   */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /**\n   * The size of the modal\n   * - 'small': 400px\n   * - 'medium': 600px\n   * - 'large': 800px\n   * - 'xlarge': 1024px\n   * - 'xxlarge': 1200px\n   * - 'full': 100% width\n   */\n  @Prop() size: ModalSize = 'medium';\n\n  /**\n   * The placement of the modal on the screen\n   * - 'center': Centered vertically and horizontally\n   * - 'top': Aligned to the top with 80px padding\n   */\n  @Prop() placement: ModalPlacement = 'center';\n\n  /**\n   * Controls backdrop behavior\n   * - true: Shows backdrop, modal can be closed by clicking outside\n   * - false: No backdrop\n   * - 'static': Shows backdrop but prevents closing by clicking outside (triggers shake animation)\n   */\n  @Prop() backdrop: boolean | 'static' = true;\n\n  /**\n   * Makes the modal take full width of the viewport (max-width: 100%)\n   */\n  @Prop({ attribute: 'full-width' }) fullWidth: boolean = false;\n\n  /**\n   * Makes the modal take the full screen (100vw x 100vh, no border radius)\n   */\n  @Prop({ attribute: 'full-screen' }) fullScreen: boolean = false;\n\n  /**\n   * Text to display in the modal header\n   */\n  @Prop({ attribute: 'header-text' }) headerText?: string;\n\n  /**\n   * Helper text to display below the header title\n   */\n  @Prop({ attribute: 'helper-text' }) helperText?: string;\n\n  /**\n   * Hides the header section completely\n   */\n  @Prop({ attribute: 'no-header' }) noHeader: boolean = false;\n\n  /**\n   * Hides the footer section completely\n   */\n  @Prop({ attribute: 'no-footer' }) noFooter: boolean = false;\n\n  /**\n   * Allows closing the modal by clicking on the backdrop\n   */\n  @Prop({ attribute: 'close-on-backdrop' }) closeOnBackdrop: boolean = true;\n\n  /**\n   * Allows closing the modal by pressing the Escape key\n   */\n  @Prop({ attribute: 'close-on-escape' }) closeOnEscape: boolean = true;\n\n  @State() isAnimating: boolean = false;\n  @State() shake: boolean = false;\n\n  /**\n   * Emitted after the modal has opened\n   */\n  @Event() bcmOpen: EventEmitter<void>;\n\n  /**\n   * Emitted after the modal has closed\n   */\n  @Event() bcmClose: EventEmitter<void>;\n\n  /**\n   * Emitted before the modal opens. Can be cancelled by calling event.preventDefault()\n   */\n  @Event({ cancelable: true }) bcmBeforeOpen: EventEmitter<void>;\n\n  /**\n   * Emitted before the modal closes. Can be cancelled by calling event.preventDefault()\n   */\n  @Event({ cancelable: true }) bcmBeforeClose: EventEmitter<void>;\n\n  private modalClass = tv({\n    slots: {\n      dialog:\n        'bcm-ui-element fixed inset-0 m-0 p-0 w-full max-w-full h-full max-h-full border-none bg-transparent backdrop:bg-color-default-dark backdrop:opacity-50 backdrop:transition-opacity backdrop:duration-300',\n      container: 'fixed inset-0 flex items-start justify-center p-4 overflow-y-auto overscroll-contain',\n      modal: 'relative bg-color-basic-base text-color-default rounded-lg shadow-2xl transform transition-all duration-300 ease-in-out flex flex-col',\n      header: 'flex justify-between items-start bg-color-base text-color-default border-color-default border-solid border-0 border-b rounded-t-lg',\n      headerContent: 'flex-1 min-w-0 flex items-center gap-2',\n      title: 'font-semibold m-0 text-size-6 text-color-header',\n      helperText: 'text-size-5 text-color-placeholder m-0',\n      closeButton:\n        'text-size-5 font-medium text-color-default bg-transparent border-none p-0 h-6 w-6 rounded hover:bg-color-default-hover cursor-pointer active:bg-color-active transition-colors flex-shrink-0 outline-none focus-visible:ring ',\n      content: 'flex-grow overflow-y-auto',\n      footer: 'flex items-center justify-end gap-2',\n    },\n    variants: {\n      open: {\n        true: {\n          modal: 'opacity-100 translate-y-0 scale-100',\n        },\n        false: {\n          modal: 'opacity-0 -translate-y-4 scale-95',\n        },\n      },\n      placement: {\n        center: {\n          container: 'items-center',\n        },\n        top: {\n          container: 'items-start pt-20',\n        },\n      },\n      size: {\n        small: {\n          header: 'py-3 px-4',\n          content: 'p-4',\n          footer: 'py-3 px-4',\n        },\n        medium: {\n          header: 'py-4 px-5',\n          content: 'p-5',\n          footer: 'py-4 px-5',\n        },\n        large: {\n          header: 'py-4 px-6',\n          content: 'p-6',\n          footer: 'py-4 px-6',\n        },\n        xlarge: {\n          header: 'py-5 px-6',\n          content: 'p-6',\n          footer: 'py-5 px-6',\n        },\n        xxlarge: {\n          header: 'py-5 px-8',\n          content: 'p-8',\n          footer: 'py-5 px-8',\n        },\n        full: {\n          header: 'py-5 px-8',\n          content: 'p-8',\n          footer: 'py-5 px-8',\n        },\n      },\n      fullScreen: {\n        true: {\n          modal: 'rounded-none w-screen h-screen max-w-none max-h-none',\n          container: 'p-0',\n        },\n      },\n      shake: {\n        true: {\n          modal: 'animate-shake',\n        },\n      },\n      noHeader: {\n        true: {\n          header: 'hidden',\n        },\n      },\n      noFooter: {\n        true: {\n          footer: 'hidden',\n        },\n      },\n    },\n  });\n\n  @Watch('open')\n  async handleOpenChange(isOpen: boolean) {\n    if (isOpen) {\n      this.isAnimating = true;\n      const event = this.bcmBeforeOpen.emit();\n      if (event.defaultPrevented) {\n        this.open = false;\n        return;\n      }\n\n      // Use native dialog API with top-layer\n      if (this.dialogRef) {\n        this.dialogRef.showModal();\n        // Small delay for animation\n        await new Promise(resolve => setTimeout(resolve, 50));\n        this.isAnimating = false;\n        this.bcmOpen.emit();\n      }\n    } else {\n      this.isAnimating = true;\n      const event = this.bcmBeforeClose.emit();\n      if (event.defaultPrevented) {\n        this.open = true;\n        return;\n      }\n\n      // Wait for animation before closing\n      await new Promise(resolve => setTimeout(resolve, 300));\n      if (this.dialogRef) {\n        this.dialogRef.close();\n      }\n      this.isAnimating = false;\n      this.bcmClose.emit();\n    }\n  }\n\n  @Listen('click', { capture: true })\n  handleClick(event: MouseEvent) {\n    // Use composedPath to work with shadow DOM and slots\n    const path = event.composedPath() as HTMLElement[];\n    const dismissElement = path.find(el => el.hasAttribute?.('data-dismiss'));\n    const closeModalElement = path.find(el => el.hasAttribute?.('data-close-modal'));\n\n    if (dismissElement) {\n      this.hide();\n      event.preventDefault();\n      event.stopPropagation();\n    } else if (closeModalElement) {\n      const modalId = closeModalElement.getAttribute('data-close-modal');\n      // If modalId matches this modal's id, close it\n      if (!modalId || modalId === this.host.id) {\n        this.hide();\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    }\n  }\n\n  @Listen('keydown')\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Escape' && this.open) {\n      // Only handle ESC if this is the topmost modal\n      const openModals = Array.from(document.querySelectorAll('bcm-modal[open]'));\n      const topModal = openModals[openModals.length - 1];\n\n      if (topModal !== this.host) {\n        return;\n      }\n\n      event.preventDefault();\n      if (this.closeOnEscape) {\n        if (this.backdrop === 'static') {\n          this.shakeModal();\n        } else {\n          this.hide();\n        }\n      } else if (this.backdrop === 'static') {\n        this.shakeModal();\n      }\n    }\n  }\n\n  /**\n   * Programmatically opens the modal\n   */\n  @Method()\n  async show(): Promise<void> {\n    this.open = true;\n  }\n\n  /**\n   * Programmatically closes the modal\n   */\n  @Method()\n  async hide(): Promise<void> {\n    this.open = false;\n  }\n\n  /**\n   * Toggles the modal open/closed state\n   */\n  @Method()\n  async toggle(): Promise<void> {\n    this.open = !this.open;\n  }\n\n  private shakeModal() {\n    this.shake = true;\n    setTimeout(() => {\n      this.shake = false;\n    }, 300);\n  }\n\n  private handleBackdropClick = (event: MouseEvent) => {\n    const target = event.target as HTMLElement;\n    // Check if click is on the container (backdrop area), not on modal content\n    if (target.getAttribute('part') === 'container') {\n      if (this.backdrop === 'static') {\n        this.shakeModal();\n      } else if (this.closeOnBackdrop) {\n        this.hide();\n      }\n    }\n  };\n\n  private handleDialogCancel = (event: Event) => {\n    event.preventDefault();\n    if (this.closeOnEscape) {\n      if (this.backdrop === 'static') {\n        this.shakeModal();\n      } else {\n        this.hide();\n      }\n    }\n  };\n\n  private getModalStyle() {\n    if (this.fullScreen) {\n      return {\n        width: '100vw',\n        height: '100vh',\n        maxWidth: 'none',\n        maxHeight: 'none',\n      };\n    }\n\n    if (this.fullWidth) {\n      return {\n        width: '100%',\n        maxWidth: '100%',\n      };\n    }\n\n    const widths = {\n      small: '400px',\n      medium: '600px',\n      large: '800px',\n      xlarge: '1024px',\n      xxlarge: '1200px',\n      full: '100%',\n    };\n\n    return {\n      width: widths[this.size],\n      maxWidth: this.fullScreen ? 'none' : '90vw',\n      maxHeight: this.fullScreen ? 'none' : '90vh',\n    };\n  }\n\n  componentDidLoad() {\n    if (this.open && this.dialogRef) {\n      this.dialogRef.showModal();\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.dialogRef && this.open) {\n      this.dialogRef.close();\n    }\n  }\n\n  render() {\n    const { dialog, container, modal, header, headerContent, title, helperText, closeButton, content, footer } = this.modalClass({\n      open: this.open,\n      placement: this.placement,\n      size: this.size,\n      fullScreen: this.fullScreen,\n      shake: this.shake,\n      noHeader: this.noHeader,\n      noFooter: this.noFooter,\n    });\n\n    return (\n      <dialog\n        ref={el => (this.dialogRef = el)}\n        part=\"dialog\"\n        class={dialog()}\n        onClick={this.handleBackdropClick}\n        onCancel={this.handleDialogCancel}\n        aria-labelledby=\"modal-title\"\n        aria-describedby={this.helperText ? 'modal-helper' : undefined}\n        aria-modal=\"true\"\n      >\n        <div part=\"container\" class={container()}>\n          <div part=\"modal\" class={modal()} style={this.getModalStyle()} role=\"document\" onClick={e => e.stopPropagation()}>\n            {!this.noHeader && (\n              <div part=\"header\" class={header()}>\n                <div part=\"header-content\" class={headerContent()}>\n                  <h2 id=\"modal-title\" part=\"title\" class={title()}>\n                    <slot name=\"header\">{this.headerText}</slot>\n                  </h2>\n                  {this.helperText && (\n                    <p id=\"modal-helper\" part=\"helper-text\" class={helperText()}>\n                      <slot name=\"helper\">{this.helperText}</slot>\n                    </p>\n                  )}\n                </div>\n                <button part=\"close-button\" class={closeButton()} onClick={() => this.hide()} aria-label=\"Close modal\" type=\"button\">\n                  <bcm-icon name=\"fa-solid fa-xmark\"></bcm-icon>\n                </button>\n              </div>\n            )}\n\n            <div part=\"content\" class={content()}>\n              <slot />\n            </div>\n\n            {!this.noFooter && (\n              <div part=\"footer\" class={footer()}>\n                <slot name=\"footer\" />\n              </div>\n            )}\n          </div>\n        </div>\n      </dialog>\n    );\n  }\n}\n"],"names":["tv","h"],"mappings":"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"}