@pine-ds/core 3.26.3 → 3.26.4

package/dist/esm-es5/pds-popover.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"pds-popover.entry.js","sources":["src/components/pds-popover/pds-popover.scss?tag=pds-popover&encapsulation=shadow","src/components/pds-popover/pds-popover.tsx"],"sourcesContent":[":host {\n  --sizing-max-width-default: 352px;\n\n  display: inline-block;\n\n  // Trigger wrapper for slotted content\n  .pds-popover__trigger-wrapper {\n    display: inline-block;\n  }\n\n  // Content slot wrapper is hidden (content is rendered in portal)\n  .pds-popover__content-slot-wrapper {\n    display: none;\n  }\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Method, Prop, State } from '@stencil/core';\nimport { PlacementType } from '@utils/types';\nimport { PdsPopoverEventDetail } from './popover-interface';\n\n/**\n * @slot trigger - The trigger element for the popover\n * @slot (default) - The content to display inside the popover\n */\n@Component({\n  tag: 'pds-popover',\n  styleUrl: 'pds-popover.scss',\n  shadow: true,\n})\nexport class PdsPopover {\n  /**\n   * Reference to the Host element\n   */\n  @Element() el: HTMLPdsPopoverElement;\n\n  /**\n   * Determines when the popover is active\n   * @defaultValue false\n   */\n  @State() active = false;\n\n  /**\n   * Tracks if the component is still mounted to prevent memory leaks\n   */\n  private isComponentMounted = true;\n\n  /**\n   * Reference to the trigger element\n   */\n  private triggerEl: HTMLElement | null = null;\n\n  /**\n   * Portal element rendered in document.body\n   */\n  private portalEl: HTMLElement | null = null;\n\n  /**\n   * Guard to prevent repositioning loops\n   */\n  private isRepositioning = false;\n\n  /**\n   * Debounce timers for performance optimization\n   */\n  private scrollDebounceTimer: ReturnType<typeof setTimeout> | null = null;\n  private resizeDebounceTimer: ReturnType<typeof setTimeout> | null = null;\n\n  /**\n   * Track moved nodes and their placeholders for restoration\n   */\n  private movedNodes: Array<{ node: Node; placeholder: Comment }> = [];\n\n  /**\n   * Timestamp when popover was opened (for preventing immediate close)\n   */\n  private openTimestamp = 0;\n\n  /**\n   * Instance counter for unique IDs\n   */\n  private static instanceCounter = 0;\n\n  /**\n   * Bound handlers for cleanup\n   */\n  private boundClickOutsideHandler: (event: MouseEvent) => void;\n  private boundEscapeKeyHandler: (event: KeyboardEvent) => void;\n  private boundScrollHandler: () => void;\n  private boundResizeHandler: () => void;\n\n  /**\n   * Emitted when the popover is opened\n   */\n  @Event() pdsPopoverOpen: EventEmitter<PdsPopoverEventDetail>;\n\n  /**\n   * Emitted when the popover is closed\n   */\n  @Event() pdsPopoverClose: EventEmitter<PdsPopoverEventDetail>;\n\n  /**\n   * Determines the action that triggers the popover. For manual popovers, the consumer is responsible for toggling this value.\n   * @defaultValue \"show\"\n   */\n  @Prop() popoverTargetAction: 'show' | 'toggle' | 'hide' = 'show';\n\n  /**\n   * Determines the type of popover. Auto popovers can be \"light dismissed\" by clicking outside of the popover.\n   * Manual popovers require the consumer to handle the visibility of the popover.\n   */\n  @Prop() popoverType: 'auto' | 'manual' = 'auto';\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Sets the maximum width of the popover content\n   * @defaultValue 352\n   */\n  @Prop() maxWidth?: number = 352;\n\n  /**\n   * Determines the preferred position of the popover\n   * @defaultValue \"right\"\n   */\n  @Prop({ reflect: true }) placement: PlacementType = 'right';\n\n  componentDidLoad() {\n    // Bind event handlers for cleanup\n    this.boundClickOutsideHandler = this.handleClickOutside.bind(this);\n    this.boundEscapeKeyHandler = this.handleEscapeKey.bind(this);\n    this.boundScrollHandler = this.handleScroll.bind(this);\n    this.boundResizeHandler = this.handleResize.bind(this);\n\n    // Create portal element\n    this.createPortal();\n\n    // Initialize trigger element by calling slot change handler\n    // This is a fallback for environments where slot change might not fire reliably\n    const triggerSlot = this.el.shadowRoot?.querySelector('slot[name=\"trigger\"]') as HTMLSlotElement;\n    if (triggerSlot && this.triggerEl == null) {\n      const CustomEvent = (typeof window !== 'undefined' ? window.Event : global.Event) as any;\n      const slotChangeEvent = new CustomEvent('slotchange');\n      Object.defineProperty(slotChangeEvent, 'target', { value: triggerSlot, enumerable: true });\n      this.handleTriggerSlotChange(slotChangeEvent);\n    }\n  }\n\n  /**\n   * Handles changes to the trigger slot\n   */\n  private handleTriggerSlotChange = (event: Event) => {\n    const slot = event.target as HTMLSlotElement;\n    const assignedElements = slot.assignedElements();\n\n    // Clean up previous trigger's event listener if it exists\n    if (this.triggerEl != null) {\n      this.triggerEl.removeEventListener('click', this.handleTriggerClick);\n    }\n\n    if (assignedElements.length > 0) {\n      // Use the first assigned element as the trigger\n      this.triggerEl = assignedElements[0] as HTMLElement;\n\n      // Set ARIA attributes to establish relationship between trigger and popover\n      // This mirrors the native Popover API's accessibility behavior\n      if (this.portalEl) {\n        this.triggerEl.setAttribute('aria-expanded', String(this.active));\n        this.triggerEl.setAttribute('aria-controls', this.portalEl.id);\n      }\n\n      // Attach click listener to handle popover visibility\n      this.triggerEl.addEventListener('click', this.handleTriggerClick);\n    } else {\n      this.triggerEl = null;\n    }\n  };\n\n  /**\n   * Handles changes to the default slot (popover content)\n   * When the popover is active, re-sync content with portal to handle dynamic updates\n   */\n  private handleContentSlotChange = () => {\n    if (!this.active) return;\n    this.updatePortalContent();\n  };\n\n  /**\n   * Handles clicks on the trigger element\n   */\n  private handleTriggerClick = (event: Event) => {\n    // Only prevent default if the trigger is not an anchor with href\n    // This allows link navigation while still controlling popover visibility\n    const composedPath = event.composedPath();\n    const anchorWithHref = composedPath.find(\n      (el) => el instanceof HTMLAnchorElement && (el as HTMLAnchorElement).href\n    );\n\n    if (!anchorWithHref) {\n      event.preventDefault();\n    }\n\n    // Execute the appropriate action based on popoverTargetAction prop\n    switch (this.popoverTargetAction) {\n      case 'show':\n        this.show();\n        break;\n      case 'hide':\n        this.hide();\n        break;\n      case 'toggle':\n      default:\n        this.toggle();\n        break;\n    }\n  };\n\n  disconnectedCallback() {\n    this.isComponentMounted = false;\n\n    // Clean up trigger click event listener\n    if (this.triggerEl != null) {\n      this.triggerEl.removeEventListener('click', this.handleTriggerClick);\n    }\n\n    // Clean up all event listeners\n    this.removeLightDismissListeners();\n    this.removeScrollAndResizeListeners();\n\n    // Clear any pending debounce timers\n    this.clearDebounceTimers();\n\n    // Remove portal from DOM\n    this.removePortal();\n  }\n\n  /**\n   * Clears any pending debounce timers\n   */\n  private clearDebounceTimers() {\n    if (this.scrollDebounceTimer !== null) {\n      clearTimeout(this.scrollDebounceTimer);\n      this.scrollDebounceTimer = null;\n    }\n    if (this.resizeDebounceTimer !== null) {\n      clearTimeout(this.resizeDebounceTimer);\n      this.resizeDebounceTimer = null;\n    }\n  }\n\n  private createPortal() {\n    if (this.portalEl !== null) return;\n\n    this.portalEl = document.createElement('div');\n    this.portalEl.className = 'pds-popover';\n\n    // Apply all styles inline since portal is outside shadow DOM\n    this.portalEl.style.position = 'fixed';\n    this.portalEl.style.zIndex = 'var(--pine-z-index-raised)';\n    this.portalEl.style.maxWidth = `${this.maxWidth}px`;\n    this.portalEl.style.display = 'none';\n    this.portalEl.style.opacity = '0';\n    this.portalEl.style.visibility = 'hidden';\n    this.portalEl.style.backgroundColor = 'var(--pine-color-background-container)';\n    this.portalEl.style.borderRadius = 'var(--pine-dimension-125)';\n    this.portalEl.style.boxShadow = 'var(--pine-box-shadow-200)';\n    this.portalEl.style.margin = 'var(--pine-dimension-none)';\n    this.portalEl.style.padding = 'var(--pine-dimension-md)';\n\n    // Generate unique ID\n    if (!this.componentId) {\n      const suffix = PdsPopover.instanceCounter++;\n      this.portalEl.id = `pds-popover-portal-${suffix}`;\n    } else {\n      this.portalEl.id = `${this.componentId}-portal`;\n    }\n\n    // Add accessibility attributes for screen readers\n    // Note: Native Popover API doesn't add a specific role, keeping semantic HTML\n    this.portalEl.setAttribute('aria-modal', 'false'); // Not a modal, can interact with rest of page\n\n    // Append to body\n    document.body.appendChild(this.portalEl);\n\n    // Add global focus styles to match Pine design system\n    // This is done after appending to ensure it's part of the document and can access CSS variables\n    this.addPortalFocusStyles();\n  }\n\n  /**\n   * Adds Pine design system focus styles and dark mode border to the portal element\n   * Uses CSS variables from Pine's design tokens\n   */\n  private addPortalFocusStyles() {\n    if (!this.portalEl) return;\n\n    const portalId = this.portalEl.id;\n\n    // Check if style element already exists\n    const existingStyle = document.querySelector(`style[data-pds-popover-focus=\"${portalId}\"]`);\n    if (existingStyle) return;\n\n    // Create style element with Pine's focus ring styles and dark mode border\n    const styleEl = document.createElement('style');\n    styleEl.setAttribute('data-pds-popover-focus', portalId);\n    styleEl.textContent = `\n      #${portalId}:focus {\n        outline: var(--pine-outline-focus, 2px solid var(--pine-color-focus-ring, #6366f1)) !important;\n        outline-offset: var(--pine-border-width, 1px);\n      }\n      #${portalId}:focus:not(:focus-visible) {\n        outline: none;\n      }\n      [data-theme=\"dark\"] #${portalId} {\n        border: var(--pine-border);\n      }\n    `;\n\n    document.head.appendChild(styleEl);\n  }\n\n  /**\n   * Moves slot content into portal (preserves event handlers and component instances)\n   */\n  private updatePortalContent() {\n    if (!this.portalEl) return;\n\n    const contentSlotWrapper = this.el.shadowRoot?.querySelector('.pds-popover__content-slot-wrapper');\n    const defaultSlot = contentSlotWrapper?.querySelector('slot');\n\n    if (defaultSlot) {\n      const assignedNodes = defaultSlot.assignedNodes();\n\n      // Move each node into portal and track with placeholder for restoration\n      assignedNodes.forEach(node => {\n        // Skip if node is already in the portal or already tracked\n        const isAlreadyInPortal = node.parentNode === this.portalEl;\n        const isAlreadyTracked = this.movedNodes.some(moved => moved.node === node);\n\n        if (isAlreadyInPortal || isAlreadyTracked) {\n          return;\n        }\n\n        // Create a placeholder comment to mark original position\n        const placeholder = document.createComment('pds-popover-placeholder');\n\n        // Insert placeholder before moving the node\n        node.parentNode?.insertBefore(placeholder, node);\n\n        // Move the actual node to portal (preserves all handlers and state)\n        this.portalEl!.appendChild(node);\n\n        // Track for restoration\n        this.movedNodes.push({ node, placeholder });\n      });\n    }\n  }\n\n  /**\n   * Restores moved nodes back to their original positions\n   */\n  private restorePortalContent() {\n    // Restore each moved node to its original position\n    this.movedNodes.forEach(({ node, placeholder }) => {\n      if (placeholder.parentNode) {\n        placeholder.parentNode.insertBefore(node, placeholder);\n        placeholder.parentNode.removeChild(placeholder);\n      }\n    });\n\n    // Clear tracking array\n    this.movedNodes = [];\n  }\n\n  private removePortal() {\n    if (this.portalEl) {\n      // Remove the portal element from DOM\n      if (this.portalEl.parentNode) {\n        this.portalEl.parentNode.removeChild(this.portalEl);\n      }\n\n      // Remove the associated focus style element\n      const portalId = this.portalEl.id;\n      const styleEl = document.querySelector(`style[data-pds-popover-focus=\"${portalId}\"]`);\n      if (styleEl && styleEl.parentNode) {\n        styleEl.parentNode.removeChild(styleEl);\n      }\n    }\n    this.portalEl = null;\n  }\n\n  /**\n   * Opens the popover programmatically\n   */\n  @Method()\n  async show() {\n    if (this.active || !this.portalEl) return;\n\n    this.active = true;\n\n    // Record open timestamp to prevent immediate close from opening click\n    this.openTimestamp = Date.now();\n\n    // Update ARIA expanded state on trigger\n    if (this.triggerEl) {\n      this.triggerEl.setAttribute('aria-expanded', 'true');\n    }\n\n    // Update portal content with latest slot content\n    this.updatePortalContent();\n\n    // Show portal\n    this.portalEl.style.display = 'block';\n    this.portalEl.style.opacity = '1';\n    this.portalEl.style.visibility = 'visible';\n\n    // Position the popover\n    requestAnimationFrame(() => {\n      if (!this.isComponentMounted) return;\n      this.handlePopoverPositioning();\n    });\n\n    // Add scroll and resize listeners for repositioning (always)\n    this.addScrollAndResizeListeners();\n\n    // Add document listeners for light dismiss and escape key (auto type only)\n    if (this.popoverType === 'auto') {\n      this.addLightDismissListeners();\n    }\n\n    // Emit open event\n    this.pdsPopoverOpen.emit({\n      componentId: this.componentId,\n      popoverType: this.popoverType,\n    });\n  }\n\n  /**\n   * Closes the popover programmatically\n   */\n  @Method()\n  async hide() {\n    if (!this.active || !this.portalEl) return;\n\n    this.active = false;\n\n    // Update ARIA expanded state on trigger\n    if (this.triggerEl) {\n      this.triggerEl.setAttribute('aria-expanded', 'false');\n    }\n\n    // Restore content back to original slot positions\n    this.restorePortalContent();\n\n    // Hide portal\n    this.portalEl.style.display = 'none';\n    this.portalEl.style.opacity = '0';\n    this.portalEl.style.visibility = 'hidden';\n\n    // Return focus to trigger for keyboard accessibility\n    // This mirrors native Popover API behavior on close\n    this.returnFocusToTrigger();\n\n    // Remove all listeners\n    this.removeLightDismissListeners();\n    this.removeScrollAndResizeListeners();\n\n    // Clear any pending timers\n    this.clearDebounceTimers();\n\n    // Emit close event\n    this.pdsPopoverClose.emit({\n      componentId: this.componentId,\n      popoverType: this.popoverType,\n    });\n  }\n\n  /**\n   * Toggles the popover open/closed state programmatically\n   */\n  @Method()\n  async toggle() {\n    if (this.active) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  /**\n   * Adds light dismiss listeners (click outside and escape key)\n   */\n  private addLightDismissListeners() {\n    // Add listeners immediately - handleClickOutside will check timestamp\n    document.addEventListener('click', this.boundClickOutsideHandler, true);\n    document.addEventListener('keydown', this.boundEscapeKeyHandler);\n  }\n\n  /**\n   * Removes light dismiss listeners\n   */\n  private removeLightDismissListeners() {\n    document.removeEventListener('click', this.boundClickOutsideHandler, true);\n    document.removeEventListener('keydown', this.boundEscapeKeyHandler);\n  }\n\n  /**\n   * Adds scroll and resize listeners for repositioning\n   */\n  private addScrollAndResizeListeners() {\n    window.addEventListener('scroll', this.boundScrollHandler, true);\n    window.addEventListener('resize', this.boundResizeHandler);\n  }\n\n  /**\n   * Removes scroll and resize listeners\n   */\n  private removeScrollAndResizeListeners() {\n    window.removeEventListener('scroll', this.boundScrollHandler, true);\n    window.removeEventListener('resize', this.boundResizeHandler);\n  }\n\n  /**\n   * Handles clicks outside the popover for light dismiss (auto type only)\n   */\n  private handleClickOutside(event: MouseEvent) {\n    // Ignore events that occurred at or before the popover opened\n    // This prevents the opening click from immediately closing the popover\n    // Convert event.timeStamp (DOMHighResTimeStamp from performance.now()) to epoch time\n    // by calculating: currentEpochTime - (currentPerfTime - eventPerfTime)\n    const eventTime = event.timeStamp\n      ? Date.now() - (performance.now() - event.timeStamp)\n      : Date.now();\n\n    if (eventTime <= this.openTimestamp) {\n      return;\n    }\n\n    const target = event.target as Node;\n\n    // Check if click is outside both the popover portal and the trigger\n    const clickedInsidePopover = this.portalEl?.contains(target);\n    const clickedInsideTrigger = this.triggerEl?.contains(target);\n\n    if (!clickedInsidePopover && !clickedInsideTrigger) {\n      this.hide();\n    }\n  }\n\n  /**\n   * Returns focus to the trigger element with visible focus indicator\n   * This ensures focus rings/outlines are shown as they would be with keyboard navigation\n   */\n  private returnFocusToTrigger() {\n    if (!this.triggerEl) return;\n\n    // Focus immediately while still in keyboard event context\n    // This ensures the browser treats it as keyboard-initiated and shows focus ring\n    this.triggerEl.focus({ preventScroll: true });\n  }\n\n  /**\n   * Handles escape key press to close the popover\n   * Mirrors native Popover API: Escape closes and returns focus to trigger\n   */\n  private handleEscapeKey(event: KeyboardEvent) {\n    if (event.key === 'Escape') {\n      // Prevent default Escape behavior and stop propagation\n      // This mirrors native Popover API which handles Escape exclusively\n      event.preventDefault();\n      event.stopPropagation();\n\n      // Close popover and return focus to trigger\n      this.hide();\n    }\n  }\n\n  /**\n   * Handles scroll events to reposition the popover (debounced for performance)\n   */\n  private handleScroll() {\n    if (!this.active) return;\n\n    if (this.scrollDebounceTimer !== null) {\n      clearTimeout(this.scrollDebounceTimer);\n    }\n\n    this.scrollDebounceTimer = setTimeout(() => {\n      this.handlePopoverPositioning();\n      this.scrollDebounceTimer = null;\n    }, 10); // 10ms debounce for smooth repositioning\n  }\n\n  /**\n   * Handles resize events to reposition the popover (debounced for performance)\n   */\n  private handleResize() {\n    if (!this.active) return;\n\n    if (this.resizeDebounceTimer !== null) {\n      clearTimeout(this.resizeDebounceTimer);\n    }\n\n    this.resizeDebounceTimer = setTimeout(() => {\n      this.handlePopoverPositioning();\n      this.resizeDebounceTimer = null;\n    }, 100); // 100ms debounce for resize\n  }\n\n  /**\n   * Positions the popover relative to its trigger element\n   */\n  private handlePopoverPositioning() {\n    // Prevent repositioning loops\n    if (this.isRepositioning) {\n      return;\n    }\n\n    this.isRepositioning = true;\n\n    if (this.triggerEl == null || this.portalEl == null) {\n      this.isRepositioning = false;\n      return;\n    }\n\n    const triggerRect = this.triggerEl.getBoundingClientRect();\n    const popoverRect = this.portalEl.getBoundingClientRect();\n\n    // Safety check: ensure trigger has valid dimensions (is rendered and visible)\n    if (triggerRect.width === 0 || triggerRect.height === 0) {\n      this.isRepositioning = false;\n      return;\n    }\n\n    let top = 0;\n    let left = 0;\n    const offset = 8;\n\n    switch (this.placement) {\n      case 'top':\n        top = triggerRect.top - popoverRect.height - offset;\n        left = triggerRect.left + (triggerRect.width - popoverRect.width) / 2;\n        break;\n      case 'top-start':\n        top = triggerRect.top - popoverRect.height - offset;\n        left = triggerRect.left;\n        break;\n      case 'top-end':\n        top = triggerRect.top - popoverRect.height - offset;\n        left = triggerRect.right - popoverRect.width;\n        break;\n      case 'right':\n        top = triggerRect.top + (triggerRect.height - popoverRect.height) / 2;\n        left = triggerRect.right + offset;\n        break;\n      case 'right-start':\n        top = triggerRect.top;\n        left = triggerRect.right + offset;\n        break;\n      case 'right-end':\n        top = triggerRect.bottom - popoverRect.height;\n        left = triggerRect.right + offset;\n        break;\n      case 'bottom':\n        top = triggerRect.bottom + offset;\n        left = triggerRect.left + (triggerRect.width - popoverRect.width) / 2;\n        break;\n      case 'bottom-start':\n        top = triggerRect.bottom + offset;\n        left = triggerRect.left;\n        break;\n      case 'bottom-end':\n        top = triggerRect.bottom + offset;\n        left = triggerRect.right - popoverRect.width;\n        break;\n      case 'left':\n        top = triggerRect.top + (triggerRect.height - popoverRect.height) / 2;\n        left = triggerRect.left - popoverRect.width - offset;\n        break;\n      case 'left-start':\n        top = triggerRect.top;\n        left = triggerRect.left - popoverRect.width - offset;\n        break;\n      case 'left-end':\n        top = triggerRect.bottom - popoverRect.height;\n        left = triggerRect.left - popoverRect.width - offset;\n        break;\n    }\n\n    this.portalEl.style.top = `${top}px`;\n    this.portalEl.style.left = `${left}px`;\n\n    // Reset the repositioning guard after a short delay\n    setTimeout(() => {\n      this.isRepositioning = false;\n    }, 16); // ~1 frame at 60fps\n  }\n\n  render() {\n    return (\n      <Host id={this.componentId}>\n        <span class=\"pds-popover__trigger-wrapper\">\n          <slot name=\"trigger\" onSlotchange={this.handleTriggerSlotChange}></slot>\n        </span>\n\n        <div class=\"pds-popover__content-slot-wrapper\">\n          <slot onSlotchange={this.handleContentSlotChange}></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"pds-popover.entry.js","sources":["src/components/pds-popover/pds-popover.scss?tag=pds-popover&encapsulation=shadow","src/components/pds-popover/pds-popover.tsx"],"sourcesContent":[":host {\n  --sizing-max-width-default: 352px;\n\n  display: inline-block;\n\n  // Trigger wrapper for slotted content\n  .pds-popover__trigger-wrapper {\n    display: inline-block;\n  }\n\n  // Content slot wrapper is hidden (content is rendered in portal)\n  .pds-popover__content-slot-wrapper {\n    display: none;\n  }\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Method, Prop, State } from '@stencil/core';\nimport { PlacementType } from '@utils/types';\nimport { PdsPopoverEventDetail } from './popover-interface';\n\n/**\n * @slot trigger - The trigger element for the popover\n * @slot (default) - The content to display inside the popover\n */\n@Component({\n  tag: 'pds-popover',\n  styleUrl: 'pds-popover.scss',\n  shadow: true,\n})\nexport class PdsPopover {\n  /**\n   * Reference to the Host element\n   */\n  @Element() el: HTMLPdsPopoverElement;\n\n  /**\n   * Determines when the popover is active\n   * @defaultValue false\n   */\n  @State() active = false;\n\n  /**\n   * Tracks if the component is still mounted to prevent memory leaks\n   */\n  private isComponentMounted = true;\n\n  /**\n   * Reference to the trigger element\n   */\n  private triggerEl: HTMLElement | null = null;\n\n  /**\n   * Portal element rendered in document.body\n   */\n  private portalEl: HTMLElement | null = null;\n\n  /**\n   * Guard to prevent repositioning loops\n   */\n  private isRepositioning = false;\n\n  /**\n   * Debounce timers for performance optimization\n   */\n  private scrollDebounceTimer: ReturnType<typeof setTimeout> | null = null;\n  private resizeDebounceTimer: ReturnType<typeof setTimeout> | null = null;\n\n  /**\n   * Track moved nodes and their placeholders for restoration\n   */\n  private movedNodes: Array<{ node: Node; placeholder: Comment }> = [];\n\n  /**\n   * Timestamp when popover was opened (for preventing immediate close)\n   */\n  private openTimestamp = 0;\n\n  /**\n   * Instance counter for unique IDs\n   */\n  private static instanceCounter = 0;\n\n  /**\n   * Bound handlers for cleanup\n   */\n  private boundClickOutsideHandler: (event: MouseEvent) => void;\n  private boundEscapeKeyHandler: (event: KeyboardEvent) => void;\n  private boundScrollHandler: () => void;\n  private boundResizeHandler: () => void;\n\n  /**\n   * Emitted when the popover is opened\n   */\n  @Event() pdsPopoverOpen: EventEmitter<PdsPopoverEventDetail>;\n\n  /**\n   * Emitted when the popover is closed\n   */\n  @Event() pdsPopoverClose: EventEmitter<PdsPopoverEventDetail>;\n\n  /**\n   * Determines the action that triggers the popover. For manual popovers, the consumer is responsible for toggling this value.\n   * @defaultValue \"show\"\n   */\n  @Prop() popoverTargetAction: 'show' | 'toggle' | 'hide' = 'show';\n\n  /**\n   * Determines the type of popover. Auto popovers can be \"light dismissed\" by clicking outside of the popover.\n   * Manual popovers require the consumer to handle the visibility of the popover.\n   */\n  @Prop() popoverType: 'auto' | 'manual' = 'auto';\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Sets the maximum width of the popover content\n   * @defaultValue 352\n   */\n  @Prop() maxWidth?: number = 352;\n\n  /**\n   * Determines the preferred position of the popover\n   * @defaultValue \"right\"\n   */\n  @Prop({ reflect: true }) placement: PlacementType = 'right';\n\n  componentDidLoad() {\n    // Bind event handlers for cleanup\n    this.boundClickOutsideHandler = this.handleClickOutside.bind(this);\n    this.boundEscapeKeyHandler = this.handleEscapeKey.bind(this);\n    this.boundScrollHandler = this.handleScroll.bind(this);\n    this.boundResizeHandler = this.handleResize.bind(this);\n\n    // Create portal element\n    this.createPortal();\n\n    // Initialize trigger element by calling slot change handler\n    // This is a fallback for environments where slot change might not fire reliably\n    const triggerSlot = this.el.shadowRoot?.querySelector('slot[name=\"trigger\"]') as HTMLSlotElement;\n    if (triggerSlot && this.triggerEl == null) {\n      const CustomEvent = (typeof window !== 'undefined' ? window.Event : global.Event) as any;\n      const slotChangeEvent = new CustomEvent('slotchange');\n      Object.defineProperty(slotChangeEvent, 'target', { value: triggerSlot, enumerable: true });\n      this.handleTriggerSlotChange(slotChangeEvent);\n    }\n  }\n\n  /**\n   * Handles changes to the trigger slot\n   */\n  private handleTriggerSlotChange = (event: Event) => {\n    const slot = event.target as HTMLSlotElement;\n    const assignedElements = slot.assignedElements();\n\n    // Clean up previous trigger's event listener if it exists\n    if (this.triggerEl != null) {\n      this.triggerEl.removeEventListener('click', this.handleTriggerClick);\n    }\n\n    if (assignedElements.length > 0) {\n      // Use the first assigned element as the trigger\n      this.triggerEl = assignedElements[0] as HTMLElement;\n\n      // Set ARIA attributes to establish relationship between trigger and popover\n      // This mirrors the native Popover API's accessibility behavior\n      if (this.portalEl) {\n        this.triggerEl.setAttribute('aria-expanded', String(this.active));\n        this.triggerEl.setAttribute('aria-controls', this.portalEl.id);\n      }\n\n      // Attach click listener to handle popover visibility\n      this.triggerEl.addEventListener('click', this.handleTriggerClick);\n    } else {\n      this.triggerEl = null;\n    }\n  };\n\n  /**\n   * Handles changes to the default slot (popover content)\n   * When the popover is active, re-sync content with portal to handle dynamic updates\n   */\n  private handleContentSlotChange = () => {\n    if (!this.active) return;\n    this.updatePortalContent();\n  };\n\n  /**\n   * Handles clicks on the trigger element\n   */\n  private handleTriggerClick = (event: Event) => {\n    // Only prevent default if the trigger is not an anchor with href\n    // This allows link navigation while still controlling popover visibility\n    const composedPath = event.composedPath();\n    const anchorWithHref = composedPath.find(\n      (el) => el instanceof HTMLAnchorElement && (el as HTMLAnchorElement).href\n    );\n\n    if (!anchorWithHref) {\n      event.preventDefault();\n    }\n\n    // Execute the appropriate action based on popoverTargetAction prop\n    switch (this.popoverTargetAction) {\n      case 'show':\n        this.show();\n        break;\n      case 'hide':\n        this.hide();\n        break;\n      case 'toggle':\n      default:\n        this.toggle();\n        break;\n    }\n  };\n\n  disconnectedCallback() {\n    this.isComponentMounted = false;\n\n    // Clean up trigger click event listener\n    if (this.triggerEl != null) {\n      this.triggerEl.removeEventListener('click', this.handleTriggerClick);\n    }\n\n    // Clean up all event listeners\n    this.removeLightDismissListeners();\n    this.removeScrollAndResizeListeners();\n\n    // Clear any pending debounce timers\n    this.clearDebounceTimers();\n\n    // Remove portal from DOM\n    this.removePortal();\n  }\n\n  /**\n   * Clears any pending debounce timers\n   */\n  private clearDebounceTimers() {\n    if (this.scrollDebounceTimer !== null) {\n      clearTimeout(this.scrollDebounceTimer);\n      this.scrollDebounceTimer = null;\n    }\n    if (this.resizeDebounceTimer !== null) {\n      clearTimeout(this.resizeDebounceTimer);\n      this.resizeDebounceTimer = null;\n    }\n  }\n\n  private createPortal() {\n    if (this.portalEl !== null) return;\n\n    this.portalEl = document.createElement('div');\n    this.portalEl.className = 'pds-popover';\n\n    // Apply all styles inline since portal is outside shadow DOM\n    this.portalEl.style.position = 'fixed';\n    this.portalEl.style.zIndex = 'var(--pine-z-index-raised)';\n    this.portalEl.style.maxWidth = `${this.maxWidth}px`;\n    this.portalEl.style.display = 'none';\n    this.portalEl.style.opacity = '0';\n    this.portalEl.style.visibility = 'hidden';\n    this.portalEl.style.backgroundColor = 'var(--pine-color-background-overlay)';\n    this.portalEl.style.borderRadius = 'var(--pine-dimension-125)';\n    this.portalEl.style.boxShadow = 'var(--pine-box-shadow-200)';\n    this.portalEl.style.margin = 'var(--pine-dimension-none)';\n    this.portalEl.style.padding = 'var(--pine-dimension-md)';\n\n    // Generate unique ID\n    if (!this.componentId) {\n      const suffix = PdsPopover.instanceCounter++;\n      this.portalEl.id = `pds-popover-portal-${suffix}`;\n    } else {\n      this.portalEl.id = `${this.componentId}-portal`;\n    }\n\n    // Add accessibility attributes for screen readers\n    // Note: Native Popover API doesn't add a specific role, keeping semantic HTML\n    this.portalEl.setAttribute('aria-modal', 'false'); // Not a modal, can interact with rest of page\n\n    // Append to body\n    document.body.appendChild(this.portalEl);\n\n    // Add global focus styles to match Pine design system\n    // This is done after appending to ensure it's part of the document and can access CSS variables\n    this.addPortalFocusStyles();\n  }\n\n  /**\n   * Adds Pine design system focus styles and dark mode border to the portal element\n   * Uses CSS variables from Pine's design tokens\n   */\n  private addPortalFocusStyles() {\n    if (!this.portalEl) return;\n\n    const portalId = this.portalEl.id;\n\n    // Check if style element already exists\n    const existingStyle = document.querySelector(`style[data-pds-popover-focus=\"${portalId}\"]`);\n    if (existingStyle) return;\n\n    // Create style element with Pine's focus ring styles and dark mode border\n    const styleEl = document.createElement('style');\n    styleEl.setAttribute('data-pds-popover-focus', portalId);\n    styleEl.textContent = `\n      #${portalId}:focus {\n        outline: var(--pine-outline-focus, 2px solid var(--pine-color-focus-ring, #6366f1)) !important;\n        outline-offset: var(--pine-border-width, 1px);\n      }\n      #${portalId}:focus:not(:focus-visible) {\n        outline: none;\n      }\n      [data-theme=\"dark\"] #${portalId} {\n        border: var(--pine-border);\n      }\n    `;\n\n    document.head.appendChild(styleEl);\n  }\n\n  /**\n   * Moves slot content into portal (preserves event handlers and component instances)\n   */\n  private updatePortalContent() {\n    if (!this.portalEl) return;\n\n    const contentSlotWrapper = this.el.shadowRoot?.querySelector('.pds-popover__content-slot-wrapper');\n    const defaultSlot = contentSlotWrapper?.querySelector('slot');\n\n    if (defaultSlot) {\n      const assignedNodes = defaultSlot.assignedNodes();\n\n      // Move each node into portal and track with placeholder for restoration\n      assignedNodes.forEach(node => {\n        // Skip if node is already in the portal or already tracked\n        const isAlreadyInPortal = node.parentNode === this.portalEl;\n        const isAlreadyTracked = this.movedNodes.some(moved => moved.node === node);\n\n        if (isAlreadyInPortal || isAlreadyTracked) {\n          return;\n        }\n\n        // Create a placeholder comment to mark original position\n        const placeholder = document.createComment('pds-popover-placeholder');\n\n        // Insert placeholder before moving the node\n        node.parentNode?.insertBefore(placeholder, node);\n\n        // Move the actual node to portal (preserves all handlers and state)\n        this.portalEl!.appendChild(node);\n\n        // Track for restoration\n        this.movedNodes.push({ node, placeholder });\n      });\n    }\n  }\n\n  /**\n   * Restores moved nodes back to their original positions\n   */\n  private restorePortalContent() {\n    // Restore each moved node to its original position\n    this.movedNodes.forEach(({ node, placeholder }) => {\n      if (placeholder.parentNode) {\n        placeholder.parentNode.insertBefore(node, placeholder);\n        placeholder.parentNode.removeChild(placeholder);\n      }\n    });\n\n    // Clear tracking array\n    this.movedNodes = [];\n  }\n\n  private removePortal() {\n    if (this.portalEl) {\n      // Remove the portal element from DOM\n      if (this.portalEl.parentNode) {\n        this.portalEl.parentNode.removeChild(this.portalEl);\n      }\n\n      // Remove the associated focus style element\n      const portalId = this.portalEl.id;\n      const styleEl = document.querySelector(`style[data-pds-popover-focus=\"${portalId}\"]`);\n      if (styleEl && styleEl.parentNode) {\n        styleEl.parentNode.removeChild(styleEl);\n      }\n    }\n    this.portalEl = null;\n  }\n\n  /**\n   * Opens the popover programmatically\n   */\n  @Method()\n  async show() {\n    if (this.active || !this.portalEl) return;\n\n    this.active = true;\n\n    // Record open timestamp to prevent immediate close from opening click\n    this.openTimestamp = Date.now();\n\n    // Update ARIA expanded state on trigger\n    if (this.triggerEl) {\n      this.triggerEl.setAttribute('aria-expanded', 'true');\n    }\n\n    // Update portal content with latest slot content\n    this.updatePortalContent();\n\n    // Show portal\n    this.portalEl.style.display = 'block';\n    this.portalEl.style.opacity = '1';\n    this.portalEl.style.visibility = 'visible';\n\n    // Position the popover\n    requestAnimationFrame(() => {\n      if (!this.isComponentMounted) return;\n      this.handlePopoverPositioning();\n    });\n\n    // Add scroll and resize listeners for repositioning (always)\n    this.addScrollAndResizeListeners();\n\n    // Add document listeners for light dismiss and escape key (auto type only)\n    if (this.popoverType === 'auto') {\n      this.addLightDismissListeners();\n    }\n\n    // Emit open event\n    this.pdsPopoverOpen.emit({\n      componentId: this.componentId,\n      popoverType: this.popoverType,\n    });\n  }\n\n  /**\n   * Closes the popover programmatically\n   */\n  @Method()\n  async hide() {\n    if (!this.active || !this.portalEl) return;\n\n    this.active = false;\n\n    // Update ARIA expanded state on trigger\n    if (this.triggerEl) {\n      this.triggerEl.setAttribute('aria-expanded', 'false');\n    }\n\n    // Restore content back to original slot positions\n    this.restorePortalContent();\n\n    // Hide portal\n    this.portalEl.style.display = 'none';\n    this.portalEl.style.opacity = '0';\n    this.portalEl.style.visibility = 'hidden';\n\n    // Return focus to trigger for keyboard accessibility\n    // This mirrors native Popover API behavior on close\n    this.returnFocusToTrigger();\n\n    // Remove all listeners\n    this.removeLightDismissListeners();\n    this.removeScrollAndResizeListeners();\n\n    // Clear any pending timers\n    this.clearDebounceTimers();\n\n    // Emit close event\n    this.pdsPopoverClose.emit({\n      componentId: this.componentId,\n      popoverType: this.popoverType,\n    });\n  }\n\n  /**\n   * Toggles the popover open/closed state programmatically\n   */\n  @Method()\n  async toggle() {\n    if (this.active) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  /**\n   * Adds light dismiss listeners (click outside and escape key)\n   */\n  private addLightDismissListeners() {\n    // Add listeners immediately - handleClickOutside will check timestamp\n    document.addEventListener('click', this.boundClickOutsideHandler, true);\n    document.addEventListener('keydown', this.boundEscapeKeyHandler);\n  }\n\n  /**\n   * Removes light dismiss listeners\n   */\n  private removeLightDismissListeners() {\n    document.removeEventListener('click', this.boundClickOutsideHandler, true);\n    document.removeEventListener('keydown', this.boundEscapeKeyHandler);\n  }\n\n  /**\n   * Adds scroll and resize listeners for repositioning\n   */\n  private addScrollAndResizeListeners() {\n    window.addEventListener('scroll', this.boundScrollHandler, true);\n    window.addEventListener('resize', this.boundResizeHandler);\n  }\n\n  /**\n   * Removes scroll and resize listeners\n   */\n  private removeScrollAndResizeListeners() {\n    window.removeEventListener('scroll', this.boundScrollHandler, true);\n    window.removeEventListener('resize', this.boundResizeHandler);\n  }\n\n  /**\n   * Handles clicks outside the popover for light dismiss (auto type only)\n   */\n  private handleClickOutside(event: MouseEvent) {\n    // Ignore events that occurred at or before the popover opened\n    // This prevents the opening click from immediately closing the popover\n    // Convert event.timeStamp (DOMHighResTimeStamp from performance.now()) to epoch time\n    // by calculating: currentEpochTime - (currentPerfTime - eventPerfTime)\n    const eventTime = event.timeStamp\n      ? Date.now() - (performance.now() - event.timeStamp)\n      : Date.now();\n\n    if (eventTime <= this.openTimestamp) {\n      return;\n    }\n\n    const target = event.target as Node;\n\n    // Check if click is outside both the popover portal and the trigger\n    const clickedInsidePopover = this.portalEl?.contains(target);\n    const clickedInsideTrigger = this.triggerEl?.contains(target);\n\n    if (!clickedInsidePopover && !clickedInsideTrigger) {\n      this.hide();\n    }\n  }\n\n  /**\n   * Returns focus to the trigger element with visible focus indicator\n   * This ensures focus rings/outlines are shown as they would be with keyboard navigation\n   */\n  private returnFocusToTrigger() {\n    if (!this.triggerEl) return;\n\n    // Focus immediately while still in keyboard event context\n    // This ensures the browser treats it as keyboard-initiated and shows focus ring\n    this.triggerEl.focus({ preventScroll: true });\n  }\n\n  /**\n   * Handles escape key press to close the popover\n   * Mirrors native Popover API: Escape closes and returns focus to trigger\n   */\n  private handleEscapeKey(event: KeyboardEvent) {\n    if (event.key === 'Escape') {\n      // Prevent default Escape behavior and stop propagation\n      // This mirrors native Popover API which handles Escape exclusively\n      event.preventDefault();\n      event.stopPropagation();\n\n      // Close popover and return focus to trigger\n      this.hide();\n    }\n  }\n\n  /**\n   * Handles scroll events to reposition the popover (debounced for performance)\n   */\n  private handleScroll() {\n    if (!this.active) return;\n\n    if (this.scrollDebounceTimer !== null) {\n      clearTimeout(this.scrollDebounceTimer);\n    }\n\n    this.scrollDebounceTimer = setTimeout(() => {\n      this.handlePopoverPositioning();\n      this.scrollDebounceTimer = null;\n    }, 10); // 10ms debounce for smooth repositioning\n  }\n\n  /**\n   * Handles resize events to reposition the popover (debounced for performance)\n   */\n  private handleResize() {\n    if (!this.active) return;\n\n    if (this.resizeDebounceTimer !== null) {\n      clearTimeout(this.resizeDebounceTimer);\n    }\n\n    this.resizeDebounceTimer = setTimeout(() => {\n      this.handlePopoverPositioning();\n      this.resizeDebounceTimer = null;\n    }, 100); // 100ms debounce for resize\n  }\n\n  /**\n   * Positions the popover relative to its trigger element\n   */\n  private handlePopoverPositioning() {\n    // Prevent repositioning loops\n    if (this.isRepositioning) {\n      return;\n    }\n\n    this.isRepositioning = true;\n\n    if (this.triggerEl == null || this.portalEl == null) {\n      this.isRepositioning = false;\n      return;\n    }\n\n    const triggerRect = this.triggerEl.getBoundingClientRect();\n    const popoverRect = this.portalEl.getBoundingClientRect();\n\n    // Safety check: ensure trigger has valid dimensions (is rendered and visible)\n    if (triggerRect.width === 0 || triggerRect.height === 0) {\n      this.isRepositioning = false;\n      return;\n    }\n\n    let top = 0;\n    let left = 0;\n    const offset = 8;\n\n    switch (this.placement) {\n      case 'top':\n        top = triggerRect.top - popoverRect.height - offset;\n        left = triggerRect.left + (triggerRect.width - popoverRect.width) / 2;\n        break;\n      case 'top-start':\n        top = triggerRect.top - popoverRect.height - offset;\n        left = triggerRect.left;\n        break;\n      case 'top-end':\n        top = triggerRect.top - popoverRect.height - offset;\n        left = triggerRect.right - popoverRect.width;\n        break;\n      case 'right':\n        top = triggerRect.top + (triggerRect.height - popoverRect.height) / 2;\n        left = triggerRect.right + offset;\n        break;\n      case 'right-start':\n        top = triggerRect.top;\n        left = triggerRect.right + offset;\n        break;\n      case 'right-end':\n        top = triggerRect.bottom - popoverRect.height;\n        left = triggerRect.right + offset;\n        break;\n      case 'bottom':\n        top = triggerRect.bottom + offset;\n        left = triggerRect.left + (triggerRect.width - popoverRect.width) / 2;\n        break;\n      case 'bottom-start':\n        top = triggerRect.bottom + offset;\n        left = triggerRect.left;\n        break;\n      case 'bottom-end':\n        top = triggerRect.bottom + offset;\n        left = triggerRect.right - popoverRect.width;\n        break;\n      case 'left':\n        top = triggerRect.top + (triggerRect.height - popoverRect.height) / 2;\n        left = triggerRect.left - popoverRect.width - offset;\n        break;\n      case 'left-start':\n        top = triggerRect.top;\n        left = triggerRect.left - popoverRect.width - offset;\n        break;\n      case 'left-end':\n        top = triggerRect.bottom - popoverRect.height;\n        left = triggerRect.left - popoverRect.width - offset;\n        break;\n    }\n\n    this.portalEl.style.top = `${top}px`;\n    this.portalEl.style.left = `${left}px`;\n\n    // Reset the repositioning guard after a short delay\n    setTimeout(() => {\n      this.isRepositioning = false;\n    }, 16); // ~1 frame at 60fps\n  }\n\n  render() {\n    return (\n      <Host id={this.componentId}>\n        <span class=\"pds-popover__trigger-wrapper\">\n          <slot name=\"trigger\" onSlotchange={this.handleTriggerSlotChange}></slot>\n        </span>\n\n        <div class=\"pds-popover__content-slot-wrapper\">\n          <slot onSlotchange={this.handleContentSlotChange}></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm-es5/pds-progress.entry.js

@@ -1,2 +1,2 @@
-import{r as registerInstance,h,H as Host}from"./index-QYCDCKN2.js";var pdsProgressCss=":host{--color-progress-fill:var(--pine-color-primary);--sizing-progress-bar-width:100%;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:var(--sizing-progress-bar-width)}@-webkit-keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}@keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}.pds-progress{-ms-flex-align:center;align-items:center;background-color:var(--pine-color-background-muted);border-radius:var(--pine-dimension-2xs);display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:var(--pine-dimension-xs);position:relative;width:100%}:host(.is-animated) progress,:host(.is-animated) progress::-webkit-progress-bar{-webkit-animation:progressBar 3s ease;animation:progressBar 3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}progress,progress::-webkit-progress-bar{background-color:transparent;border:0;height:var(--pine-dimension-xs);width:100%}progress::-webkit-progress-value{background:var(--color-progress-fill, var(--pine-color-primary));border-radius:var(--pine-dimension-2xs)}progress::-moz-progress-bar{background:var(--color-progress-fill, var(--pine-color-primary));border-radius:var(--pine-dimension-2xs)}.pds-progress__label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.pds-progress__percentage{font-weight:var(--pine-font-weight-medium);-webkit-margin-start:calc(var(--pine-dimension-md) / 2);margin-inline-start:calc(var(--pine-dimension-md) / 2)}";var PdsProgress=function(){function r(r){registerInstance(this,r);this.animated=false;this.percent=0;this.showPercent=false}r.prototype.render=function(){return h(Host,{key:"23b8b17a11e6537d1f73cd435c66e779267c6909",class:this.animated?{"is-animated":this.animated}:""},h("div",{key:"6bf201015c284f26b2bb794237aef8d4e4d532ee",class:"pds-progress"},h("label",{key:"7e144a90c1fde70e58095bda2e23b250529a8114",class:"pds-progress__label",htmlFor:this.componentId},this.label),h("progress",{key:"ebf00485c3c7523e184fcc022e2bcc325a13458f",id:this.componentId,max:"100",style:this.fillColor?{"--color-progress-fill":this.fillColor}:{},value:this.percent})),this.showPercent&&h("div",{key:"6f37bd88ccb9228b0d0ca4d934a2d3cff0026533",class:"pds-progress__percentage"},this.percent,"%"))};return r}();PdsProgress.style=pdsProgressCss;export{PdsProgress as pds_progress};
+import{r as registerInstance,h,H as Host}from"./index-B2f84Zog.js";var pdsProgressCss=":host{--color-progress-fill:var(--pine-color-primary);--sizing-progress-bar-width:100%;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:var(--sizing-progress-bar-width)}@-webkit-keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}@keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}.pds-progress{-ms-flex-align:center;align-items:center;background-color:var(--pine-color-background-muted);border-radius:var(--pine-dimension-2xs);display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:var(--pine-dimension-xs);position:relative;width:100%}:host(.is-animated) progress,:host(.is-animated) progress::-webkit-progress-bar{-webkit-animation:progressBar 3s ease;animation:progressBar 3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}progress,progress::-webkit-progress-bar{background-color:transparent;border:0;height:var(--pine-dimension-xs);width:100%}progress::-webkit-progress-value{background:var(--color-progress-fill, var(--pine-color-primary));border-radius:var(--pine-dimension-2xs)}progress::-moz-progress-bar{background:var(--color-progress-fill, var(--pine-color-primary));border-radius:var(--pine-dimension-2xs)}.pds-progress__label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.pds-progress__percentage{font-weight:var(--pine-font-weight-medium);-webkit-margin-start:calc(var(--pine-dimension-md) / 2);margin-inline-start:calc(var(--pine-dimension-md) / 2)}";var PdsProgress=function(){function r(r){registerInstance(this,r);this.animated=false;this.percent=0;this.showPercent=false}r.prototype.render=function(){return h(Host,{key:"23b8b17a11e6537d1f73cd435c66e779267c6909",class:this.animated?{"is-animated":this.animated}:""},h("div",{key:"6bf201015c284f26b2bb794237aef8d4e4d532ee",class:"pds-progress"},h("label",{key:"7e144a90c1fde70e58095bda2e23b250529a8114",class:"pds-progress__label",htmlFor:this.componentId},this.label),h("progress",{key:"ebf00485c3c7523e184fcc022e2bcc325a13458f",id:this.componentId,max:"100",style:this.fillColor?{"--color-progress-fill":this.fillColor}:{},value:this.percent})),this.showPercent&&h("div",{key:"6f37bd88ccb9228b0d0ca4d934a2d3cff0026533",class:"pds-progress__percentage"},this.percent,"%"))};return r}();PdsProgress.style=pdsProgressCss;export{PdsProgress as pds_progress};
 //# sourceMappingURL=pds-progress.entry.js.map

package/dist/esm-es5/pds-property.entry.js

@@ -1,2 +1,2 @@
-import{r as registerInstance,h,H as Host}from"./index-QYCDCKN2.js";var pdsPropertyCss=":host{color:var(--pine-color-text-message);font:var(--pine-typography-body-medium)}";var PdsProperty=function(){function e(e){registerInstance(this,e);this.icon="star"}e.prototype.render=function(){return h(Host,{key:"947e0adfc46ab267b4a5f3e3da5dedcd8ab64d3e",id:this.componentId},h("pds-box",{key:"bc6fbd4eaa162a7d9ff6348d74bf15f71e776db6","align-items":"center",gap:"xs"},h("pds-icon",{key:"5d703e9afd94761aae842c82c7b5e9223b63b894",icon:this.icon,size:"var(--pine-dimension-sm)","aria-hidden":"true"}),h("slot",{key:"e5e02fb21c783f7e4027591e99cd966981babc04"})))};return e}();PdsProperty.style=pdsPropertyCss;export{PdsProperty as pds_property};
+import{r as registerInstance,h,H as Host}from"./index-B2f84Zog.js";var pdsPropertyCss=":host{color:var(--pine-color-text-message);font:var(--pine-typography-body-medium)}";var PdsProperty=function(){function e(e){registerInstance(this,e);this.icon="star"}e.prototype.render=function(){return h(Host,{key:"947e0adfc46ab267b4a5f3e3da5dedcd8ab64d3e",id:this.componentId},h("pds-box",{key:"bc6fbd4eaa162a7d9ff6348d74bf15f71e776db6","align-items":"center",gap:"xs"},h("pds-icon",{key:"5d703e9afd94761aae842c82c7b5e9223b63b894",icon:this.icon,size:"var(--pine-dimension-sm)","aria-hidden":"true"}),h("slot",{key:"e5e02fb21c783f7e4027591e99cd966981babc04"})))};return e}();PdsProperty.style=pdsPropertyCss;export{PdsProperty as pds_property};
 //# sourceMappingURL=pds-property.entry.js.map

package/dist/esm-es5/pds-radio-group.entry.js

@@ -1,2 +1,2 @@
-import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-QYCDCKN2.js";import{m as messageId}from"./form-C3xDZBme.js";import{b as danger}from"./index-D4ys0pep.js";var pdsRadioGroupCss=".sc-pds-radio-group-h{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-sm)}.is-invalid.sc-pds-radio-group-h .pds-radio-group__message--error.sc-pds-radio-group{color:var(--pine-color-text-message-danger)}.pds-radio-group__label.sc-pds-radio-group{color:var(--pine-color-text-label);font:var(--pine-typography-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}.pds-radio-group__radios.sc-pds-radio-group{display:-ms-flexbox;display:flex;gap:var(--pds-radio-group-gap, var(--pine-dimension-xs))}.pds-radio-group__radios--row.sc-pds-radio-group{-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.pds-radio-group__radios--column.sc-pds-radio-group{-ms-flex-direction:column;flex-direction:column}.pds-radio-group__message.sc-pds-radio-group{color:var(--pine-color-text-message);font:var(--pine-typography-body);width:100%}.pds-radio-group__message--error.sc-pds-radio-group{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-radio-group__message--error.sc-pds-radio-group pds-icon.sc-pds-radio-group{-webkit-margin-before:var(--pine-dimension-050);margin-block-start:var(--pine-dimension-050)}";var PdsRadioGroup=function(){function e(e){registerInstance(this,e);this.pdsRadioGroupChange=createEvent(this,"pdsRadioGroupChange");this.direction="column";this.gap="xs";this.disabled=false;this.invalid=false;this.required=false}e.prototype.handlePropsChange=function(){this.updateChildRadios()};e.prototype.handleRadioChange=function(e){var i=e.target;if(i.type!=="radio"){return}if(i.checked){var r=i.closest("pds-radio");if(r){this.pdsRadioGroupChange.emit({checked:true,value:r.value,componentId:r.componentId})}}};e.prototype.updateChildRadios=function(){var e=this;var i=this.el.querySelectorAll("pds-radio");i.forEach((function(i){if(e.name){i.setAttribute("name",e.name)}else{i.removeAttribute("name")}if(e.disabled){i.setAttribute("disabled","true")}else{i.removeAttribute("disabled")}if(e.invalid){i.setAttribute("invalid","true")}else{i.removeAttribute("invalid")}if(e.required){i.setAttribute("required","true")}else{i.removeAttribute("required")}}))};e.prototype.componentWillLoad=function(){if(this.componentId){this._groupId=this.componentId}else{var e=typeof crypto!=="undefined"&&crypto.randomUUID?crypto.randomUUID():"".concat(Date.now(),"-").concat(Math.random().toString(36).substring(2,9));this._groupId="radio-group-".concat(e)}};e.prototype.componentDidLoad=function(){if(!this.name){console.warn("pds-radio-group: name prop is required for proper radio group functionality")}this.updateChildRadios()};e.prototype.classNames=function(){var e=[];if(this.invalid){e.push("is-invalid")}return e.join(" ")};e.prototype.getGapValue=function(){var e={none:"0",xxs:"var(--pine-dimension-xxs)",xs:"var(--pine-dimension-xs)",sm:"var(--pine-dimension-sm)",md:"var(--pine-dimension-md)",lg:"var(--pine-dimension-lg)",xl:"var(--pine-dimension-xl)",xxl:"var(--pine-dimension-xxl)"};if(e[this.gap]){return e[this.gap]}return"var(--pine-dimension-".concat(this.gap,")")};e.prototype.getAriaDescribedBy=function(){var e=[];if(this.errorMessage){e.push(messageId(this._groupId,"error"))}if(this.helperMessage){e.push(messageId(this._groupId,"helper"))}return e.length>0?e.join(" "):undefined};e.prototype.render=function(){var e=this;var i=this.getGapValue();var r=this.getAriaDescribedBy();return h(Host,{key:"53949e8e878887189482a13e0402402b8ee79c46",class:this.classNames(),id:this._groupId,role:"group","aria-describedby":r,style:{"--pds-radio-group-gap":i}},this.groupLabel&&h("div",{key:"9aa547ff0b60d1eb78ab6806c552391c119c6511",class:"pds-radio-group__label"},this.groupLabel),h("div",{key:"5bad4f6d4c685eca8a97b574511f21b93bdf4821",class:{"pds-radio-group__radios":true,"pds-radio-group__radios--row":this.direction==="row","pds-radio-group__radios--column":this.direction==="column"}},h("slot",{key:"ffd76f30b308f124e1df925b2fe354ffb80f59bc",onSlotchange:function(){return e.updateChildRadios()}})),this.helperMessage&&h("div",{key:"ea8995384b1e1c1e98d01d704bd969a97bfd2b2a",class:"pds-radio-group__message",id:messageId(this._groupId,"helper")},this.helperMessage),this.errorMessage&&h("div",{key:"30726bc368c7ad2820ae4cb43faf0a45e94a51e8",class:"pds-radio-group__message pds-radio-group__message--error",id:messageId(this._groupId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"acc00b6e36ead10cc5cc01033ad0f619bd75f5da",icon:danger,size:"small"}),this.errorMessage))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{name:["handlePropsChange"],disabled:["handlePropsChange"],invalid:["handlePropsChange"],required:["handlePropsChange"]}},enumerable:false,configurable:true});return e}();PdsRadioGroup.style=pdsRadioGroupCss;export{PdsRadioGroup as pds_radio_group};
+import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-B2f84Zog.js";import{m as messageId}from"./form-C3xDZBme.js";import{b as danger}from"./index-D4ys0pep.js";var pdsRadioGroupCss=".sc-pds-radio-group-h{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-sm)}.is-invalid.sc-pds-radio-group-h .pds-radio-group__message--error.sc-pds-radio-group{color:var(--pine-color-text-message-danger)}.pds-radio-group__label.sc-pds-radio-group{color:var(--pine-color-text-label);font:var(--pine-typography-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}.pds-radio-group__radios.sc-pds-radio-group{display:-ms-flexbox;display:flex;gap:var(--pds-radio-group-gap, var(--pine-dimension-xs))}.pds-radio-group__radios--row.sc-pds-radio-group{-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.pds-radio-group__radios--column.sc-pds-radio-group{-ms-flex-direction:column;flex-direction:column}.pds-radio-group__message.sc-pds-radio-group{color:var(--pine-color-text-message);font:var(--pine-typography-body);width:100%}.pds-radio-group__message--error.sc-pds-radio-group{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-radio-group__message--error.sc-pds-radio-group pds-icon.sc-pds-radio-group{-webkit-margin-before:var(--pine-dimension-050);margin-block-start:var(--pine-dimension-050)}";var PdsRadioGroup=function(){function e(e){registerInstance(this,e);this.pdsRadioGroupChange=createEvent(this,"pdsRadioGroupChange");this.direction="column";this.gap="xs";this.disabled=false;this.invalid=false;this.required=false}e.prototype.handlePropsChange=function(){this.updateChildRadios()};e.prototype.handleRadioChange=function(e){var i=e.target;if(i.type!=="radio"){return}if(i.checked){var r=i.closest("pds-radio");if(r){this.pdsRadioGroupChange.emit({checked:true,value:r.value,componentId:r.componentId})}}};e.prototype.updateChildRadios=function(){var e=this;var i=this.el.querySelectorAll("pds-radio");i.forEach((function(i){if(e.name){i.setAttribute("name",e.name)}else{i.removeAttribute("name")}if(e.disabled){i.setAttribute("disabled","true")}else{i.removeAttribute("disabled")}if(e.invalid){i.setAttribute("invalid","true")}else{i.removeAttribute("invalid")}if(e.required){i.setAttribute("required","true")}else{i.removeAttribute("required")}}))};e.prototype.componentWillLoad=function(){if(this.componentId){this._groupId=this.componentId}else{var e=typeof crypto!=="undefined"&&crypto.randomUUID?crypto.randomUUID():"".concat(Date.now(),"-").concat(Math.random().toString(36).substring(2,9));this._groupId="radio-group-".concat(e)}};e.prototype.componentDidLoad=function(){if(!this.name){console.warn("pds-radio-group: name prop is required for proper radio group functionality")}this.updateChildRadios()};e.prototype.classNames=function(){var e=[];if(this.invalid){e.push("is-invalid")}return e.join(" ")};e.prototype.getGapValue=function(){var e={none:"0",xxs:"var(--pine-dimension-xxs)",xs:"var(--pine-dimension-xs)",sm:"var(--pine-dimension-sm)",md:"var(--pine-dimension-md)",lg:"var(--pine-dimension-lg)",xl:"var(--pine-dimension-xl)",xxl:"var(--pine-dimension-xxl)"};if(e[this.gap]){return e[this.gap]}return"var(--pine-dimension-".concat(this.gap,")")};e.prototype.getAriaDescribedBy=function(){var e=[];if(this.errorMessage){e.push(messageId(this._groupId,"error"))}if(this.helperMessage){e.push(messageId(this._groupId,"helper"))}return e.length>0?e.join(" "):undefined};e.prototype.render=function(){var e=this;var i=this.getGapValue();var r=this.getAriaDescribedBy();return h(Host,{key:"53949e8e878887189482a13e0402402b8ee79c46",class:this.classNames(),id:this._groupId,role:"group","aria-describedby":r,style:{"--pds-radio-group-gap":i}},this.groupLabel&&h("div",{key:"9aa547ff0b60d1eb78ab6806c552391c119c6511",class:"pds-radio-group__label"},this.groupLabel),h("div",{key:"5bad4f6d4c685eca8a97b574511f21b93bdf4821",class:{"pds-radio-group__radios":true,"pds-radio-group__radios--row":this.direction==="row","pds-radio-group__radios--column":this.direction==="column"}},h("slot",{key:"ffd76f30b308f124e1df925b2fe354ffb80f59bc",onSlotchange:function(){return e.updateChildRadios()}})),this.helperMessage&&h("div",{key:"ea8995384b1e1c1e98d01d704bd969a97bfd2b2a",class:"pds-radio-group__message",id:messageId(this._groupId,"helper")},this.helperMessage),this.errorMessage&&h("div",{key:"30726bc368c7ad2820ae4cb43faf0a45e94a51e8",class:"pds-radio-group__message pds-radio-group__message--error",id:messageId(this._groupId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"acc00b6e36ead10cc5cc01033ad0f619bd75f5da",icon:danger,size:"small"}),this.errorMessage))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{name:["handlePropsChange"],disabled:["handlePropsChange"],invalid:["handlePropsChange"],required:["handlePropsChange"]}},enumerable:false,configurable:true});return e}();PdsRadioGroup.style=pdsRadioGroupCss;export{PdsRadioGroup as pds_radio_group};
 //# sourceMappingURL=pds-radio-group.entry.js.map

package/dist/esm-es5/pds-radio.entry.js

@@ -1,2 +1,2 @@
-import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-QYCDCKN2.js";import{e as exposeTypeProperty,a as assignDescription,m as messageId}from"./form-C3xDZBme.js";import{b as danger}from"./index-D4ys0pep.js";var labelCss=".sc-pds-radio-h{display:inline-block}[aria-disabled=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled)}[aria-readonly=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-readonly)}label.sc-pds-radio{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";var pdsRadioCss='.sc-pds-radio-h{--sizing-check-size:6px;--sizing-input-size:var(--pine-dimension-sm);--sizing-margin-block-start:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative}.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}.has-border.sc-pds-radio-h{-ms-flex-align:start;align-items:flex-start;border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-column-gap:var(--pine-dimension-xs);-moz-column-gap:var(--pine-dimension-xs);column-gap:var(--pine-dimension-xs);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;padding:var(--pine-dimension-md)}@media (max-width: 767px){.has-border.sc-pds-radio-h{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%;min-width:0}}.has-border.sc-pds-radio-h:hover{border:var(--pine-border-hover)}.has-border.sc-pds-radio-h:has(input:checked){-webkit-box-shadow:0 0 0 2px var(--pine-color-primary-hover);box-shadow:0 0 0 2px var(--pine-color-primary-hover)}.has-border.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text);font-weight:var(--pine-font-weight-semi-bold)}.has-border.sc-pds-radio-h label.sc-pds-radio::after{content:"";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.has-border.sc-pds-radio-h:has(input:disabled){background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}.has-border.sc-pds-radio-h:has(input:disabled) label.sc-pds-radio{color:var(--pine-color-text-label-disabled);cursor:not-allowed}.has-border.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-ms-flex:none;flex:none;height:var(--sizing-input-size);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--sizing-input-size)}input.visually-hidden.sc-pds-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}input.sc-pds-radio:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input.sc-pds-radio:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input.sc-pds-radio:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input.sc-pds-radio:checked::after{background:var(--pine-color-white);border-radius:var(--pine-border-radius-full);content:"";display:block;height:var(--sizing-check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--sizing-check-size)}input.sc-pds-radio:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:focus-visible{outline:var(--pine-outline-focus)}label.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}label.sc-pds-radio:has(input:disabled){color:var(--pine-color-text-label-disabled);cursor:not-allowed}.sc-pds-radio-h:has(input:disabled) .pds-radio__message.sc-pds-radio{color:var(--pine-color-text-label-disabled)}.visually-hidden.sc-pds-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message);-ms-flex-preferred-size:100%;flex-basis:100%;font:var(--pine-typography-body);-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-radio__message--error.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-radio__message--error.sc-pds-radio pds-icon.sc-pds-radio{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.has-image.sc-pds-radio-h{-ms-flex-align:center;align-items:center;border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-column-gap:var(--pine-dimension-xs);-moz-column-gap:var(--pine-dimension-xs);column-gap:var(--pine-dimension-xs);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:var(--pine-dimension-md)}@media (max-width: 767px){.has-image.sc-pds-radio-h{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%;min-width:0}}.has-image.sc-pds-radio-h:hover{border:var(--pine-border-hover)}.has-image.sc-pds-radio-h:has(input:checked){-webkit-box-shadow:0 0 0 2px var(--pine-color-primary-hover);box-shadow:0 0 0 2px var(--pine-color-primary-hover)}.has-image.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text);display:-ms-flexbox;display:flex;font-weight:var(--pine-font-weight-semi-bold);gap:var(--pine-dimension-xs)}.has-image.sc-pds-radio-h label.sc-pds-radio::after{content:"";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio{-ms-flex-align:center;align-items:center;align-self:center;border:var(--pine-border);border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex:none;flex:none;grid-area:image;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:relative;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio:hover{border-color:var(--pine-color-border-hover)}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio .pds-radio__image.sc-pds-radio{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.has-image.sc-pds-radio-h .pds-radio__message.sc-pds-radio{grid-area:message;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-start:0;margin-inline-start:0}.has-image.is-disabled.sc-pds-radio-h{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio{border-color:var(--pine-color-border-disabled);cursor:not-allowed;opacity:0.5}.has-image.is-disabled.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio:hover{border-color:var(--pine-color-border-disabled)}.has-image.is-disabled.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled);cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h .pds-radio__message.sc-pds-radio{color:var(--pine-color-text-label-disabled)}.has-image.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}';var PdsRadio=function(){function e(e){var r=this;registerInstance(this,e);this.pdsRadioChange=createEvent(this,"pdsRadioChange");this._type="radio";this._hasImage=false;this.checked=false;this.disabled=false;this.hasBorder=false;this.invalid=false;this.required=false;this.handleRadioChange=function(e){if(r.disabled){return}var i=e.target;var a=i.checked;if(r.el.closest("pds-radio-group")){return}r.pdsRadioChange.emit(a)}}e.prototype.hasImageSlot=function(){var e=this.el.querySelector('[slot="image"]');return!!e};e.prototype.hasImage=function(){return this._hasImage};e.prototype.classNames=function(){var e=[];if(this.invalid){e.push("is-invalid")}if(this.disabled){e.push("is-disabled")}if(this.hasBorder){e.push("has-border")}if(this.hasImage()){e.push("has-image")}return e.join(" ")};e.prototype.componentWillLoad=function(){this._hasImage=this.hasImageSlot()};e.prototype.connectedCallback=function(){var e=this;exposeTypeProperty(this.el,(function(){return e._type}))};e.prototype.render=function(){var e=this;var r=function(){return[h("label",{htmlFor:e.componentId,key:"".concat(e.componentId,"-label")},h("input",{key:"75aca490be2db050f66ddd9cb45ce122bea4db53","aria-describedby":assignDescription(e.componentId,e.invalid,e.helperMessage),"aria-invalid":e.invalid?"true":undefined,type:"radio",id:e.componentId,name:e.name,value:e.value,checked:e.checked,required:e.required,disabled:e.disabled,onChange:e.handleRadioChange,class:e.hasImage()?"visually-hidden":""}),h("span",{key:"1bbc7398d3be35e301526b0f842274a3f1db4457",class:e.hideLabel?"visually-hidden":""},e.label)),e.helperMessage&&h("div",{key:"".concat(e.componentId,"-helper"),class:"pds-radio__message",id:messageId(e.componentId,"helper")},e.helperMessage),e.errorMessage&&h("div",{key:"".concat(e.componentId,"-error"),class:"pds-radio__message pds-radio__message--error",id:messageId(e.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"e1a1228fa52e68623098f09493d93aa03d2e65c4",icon:danger,size:"small"}),e.errorMessage)]};return h(Host,{key:"60fabeef5778fd30e46cfd23d05684e1743bc57f",class:this.classNames()},this.hasImage()&&h("div",{key:"9ba3e60182a68cc8e996623cf46e17001ff451f6",class:"pds-radio__image-container",part:"image-container"},h("slot",{key:"bf8927129eb68ee7ed07a1f8f8727f013254e133",name:"image",onSlotchange:function(){return e._hasImage=e.hasImageSlot()}})),this.hasImage()?h("div",{class:"pds-radio__content-wrapper"},r()):r())};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsRadio.style=labelCss+pdsRadioCss;export{PdsRadio as pds_radio};
+import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-B2f84Zog.js";import{e as exposeTypeProperty,a as assignDescription,m as messageId}from"./form-C3xDZBme.js";import{b as danger}from"./index-D4ys0pep.js";var labelCss=".sc-pds-radio-h{display:inline-block}[aria-disabled=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled)}[aria-readonly=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-readonly)}label.sc-pds-radio{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";var pdsRadioCss='.sc-pds-radio-h{--sizing-check-size:6px;--sizing-input-size:var(--pine-dimension-sm);--sizing-margin-block-start:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative}.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}.has-border.sc-pds-radio-h{-ms-flex-align:start;align-items:flex-start;border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-column-gap:var(--pine-dimension-xs);-moz-column-gap:var(--pine-dimension-xs);column-gap:var(--pine-dimension-xs);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;padding:var(--pine-dimension-md)}@media (max-width: 767px){.has-border.sc-pds-radio-h{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%;min-width:0}}.has-border.sc-pds-radio-h:hover{border:var(--pine-border-hover)}.has-border.sc-pds-radio-h:has(input:checked){-webkit-box-shadow:0 0 0 2px var(--pine-color-primary-hover);box-shadow:0 0 0 2px var(--pine-color-primary-hover)}.has-border.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text);font-weight:var(--pine-font-weight-semi-bold)}.has-border.sc-pds-radio-h label.sc-pds-radio::after{content:"";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.has-border.sc-pds-radio-h:has(input:disabled){background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}.has-border.sc-pds-radio-h:has(input:disabled) label.sc-pds-radio{color:var(--pine-color-text-label-disabled);cursor:not-allowed}.has-border.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-ms-flex:none;flex:none;height:var(--sizing-input-size);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--sizing-input-size)}input.visually-hidden.sc-pds-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}input.sc-pds-radio:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input.sc-pds-radio:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input.sc-pds-radio:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input.sc-pds-radio:checked::after{background:var(--pine-color-white);border-radius:var(--pine-border-radius-full);content:"";display:block;height:var(--sizing-check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--sizing-check-size)}input.sc-pds-radio:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:focus-visible{outline:var(--pine-outline-focus)}label.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}label.sc-pds-radio:has(input:disabled){color:var(--pine-color-text-label-disabled);cursor:not-allowed}.sc-pds-radio-h:has(input:disabled) .pds-radio__message.sc-pds-radio{color:var(--pine-color-text-label-disabled)}.visually-hidden.sc-pds-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message);-ms-flex-preferred-size:100%;flex-basis:100%;font:var(--pine-typography-body);-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-radio__message--error.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-radio__message--error.sc-pds-radio pds-icon.sc-pds-radio{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.has-image.sc-pds-radio-h{-ms-flex-align:center;align-items:center;border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-column-gap:var(--pine-dimension-xs);-moz-column-gap:var(--pine-dimension-xs);column-gap:var(--pine-dimension-xs);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:var(--pine-dimension-md)}@media (max-width: 767px){.has-image.sc-pds-radio-h{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%;min-width:0}}.has-image.sc-pds-radio-h:hover{border:var(--pine-border-hover)}.has-image.sc-pds-radio-h:has(input:checked){-webkit-box-shadow:0 0 0 2px var(--pine-color-primary-hover);box-shadow:0 0 0 2px var(--pine-color-primary-hover)}.has-image.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text);display:-ms-flexbox;display:flex;font-weight:var(--pine-font-weight-semi-bold);gap:var(--pine-dimension-xs)}.has-image.sc-pds-radio-h label.sc-pds-radio::after{content:"";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio{-ms-flex-align:center;align-items:center;align-self:center;border:var(--pine-border);border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex:none;flex:none;grid-area:image;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:relative;-webkit-transition:all var(--pine-motion-duration-base) ease;transition:all var(--pine-motion-duration-base) ease}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio:hover{border-color:var(--pine-color-border-hover)}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio .pds-radio__image.sc-pds-radio{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.has-image.sc-pds-radio-h .pds-radio__message.sc-pds-radio{grid-area:message;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-start:0;margin-inline-start:0}.has-image.is-disabled.sc-pds-radio-h{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio{border-color:var(--pine-color-border-disabled);cursor:not-allowed;opacity:0.5}.has-image.is-disabled.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio:hover{border-color:var(--pine-color-border-disabled)}.has-image.is-disabled.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled);cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h .pds-radio__message.sc-pds-radio{color:var(--pine-color-text-label-disabled)}.has-image.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}';var PdsRadio=function(){function e(e){var i=this;registerInstance(this,e);this.pdsRadioChange=createEvent(this,"pdsRadioChange");this._type="radio";this._hasImage=false;this.checked=false;this.disabled=false;this.hasBorder=false;this.invalid=false;this.required=false;this.handleRadioChange=function(e){if(i.disabled){return}var r=e.target;var a=r.checked;if(i.el.closest("pds-radio-group")){return}i.pdsRadioChange.emit(a)}}e.prototype.hasImageSlot=function(){var e=this.el.querySelector('[slot="image"]');return!!e};e.prototype.hasImage=function(){return this._hasImage};e.prototype.classNames=function(){var e=[];if(this.invalid){e.push("is-invalid")}if(this.disabled){e.push("is-disabled")}if(this.hasBorder){e.push("has-border")}if(this.hasImage()){e.push("has-image")}return e.join(" ")};e.prototype.componentWillLoad=function(){this._hasImage=this.hasImageSlot()};e.prototype.connectedCallback=function(){var e=this;exposeTypeProperty(this.el,(function(){return e._type}))};e.prototype.render=function(){var e=this;var i=function(){return[h("label",{htmlFor:e.componentId,key:"".concat(e.componentId,"-label")},h("input",{key:"75aca490be2db050f66ddd9cb45ce122bea4db53","aria-describedby":assignDescription(e.componentId,e.invalid,e.helperMessage),"aria-invalid":e.invalid?"true":undefined,type:"radio",id:e.componentId,name:e.name,value:e.value,checked:e.checked,required:e.required,disabled:e.disabled,onChange:e.handleRadioChange,class:e.hasImage()?"visually-hidden":""}),h("span",{key:"1bbc7398d3be35e301526b0f842274a3f1db4457",class:e.hideLabel?"visually-hidden":""},e.label)),e.helperMessage&&h("div",{key:"".concat(e.componentId,"-helper"),class:"pds-radio__message",id:messageId(e.componentId,"helper")},e.helperMessage),e.errorMessage&&h("div",{key:"".concat(e.componentId,"-error"),class:"pds-radio__message pds-radio__message--error",id:messageId(e.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"e1a1228fa52e68623098f09493d93aa03d2e65c4",icon:danger,size:"small"}),e.errorMessage)]};return h(Host,{key:"60fabeef5778fd30e46cfd23d05684e1743bc57f",class:this.classNames()},this.hasImage()&&h("div",{key:"9ba3e60182a68cc8e996623cf46e17001ff451f6",class:"pds-radio__image-container",part:"image-container"},h("slot",{key:"bf8927129eb68ee7ed07a1f8f8727f013254e133",name:"image",onSlotchange:function(){return e._hasImage=e.hasImageSlot()}})),this.hasImage()?h("div",{class:"pds-radio__content-wrapper"},i()):i())};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsRadio.style=labelCss+pdsRadioCss;export{PdsRadio as pds_radio};
 //# sourceMappingURL=pds-radio.entry.js.map

package/dist/esm-es5/pds-radio.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"pds-radio.entry.js","sources":["src/global/styles/utils/label.scss?tag=pds-radio&encapsulation=scoped","src/components/pds-radio/pds-radio.scss?tag=pds-radio&encapsulation=scoped","src/components/pds-radio/pds-radio.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n:host([aria-disabled=\"true\"]) label {\n  color: var(--pine-color-text-label-disabled);\n}\n\n:host([aria-readonly=\"true\"]) {\n  label {\n    color: var(--pine-color-text-label-readonly);\n  }\n}\n\nlabel {\n  color: var(--pine-color-text-label);\n  font: var(--pine-typography-body-medium);\n  letter-spacing: var(--pine-letter-spacing);\n}\n",":host {\n  --sizing-check-size: 6px;\n  --sizing-input-size: var(--pine-dimension-sm);\n  --sizing-margin-block-start: 6px;\n\n  align-items: center;\n  display: flex;\n  flex-flow: row wrap;\n  position: relative;\n}\n\n:host(.is-invalid) {\n  // Invalid state only affects error message styling, not the radio itself\n  // This allows radio-group to handle error display without red radios\n  .pds-radio__message--error {\n    color: var(--pine-color-text-message-danger);\n  }\n}\n\n:host(.has-border) {\n  align-items: flex-start;\n  border: var(--pine-border);\n  border-radius: var(--pine-dimension-125);\n  column-gap: var(--pine-dimension-xs);\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  padding: var(--pine-dimension-md);\n\n  // On small screens, ensure full width when in a row layout\n  @media (max-width: 767px) {\n    box-sizing: border-box;\n    flex: 1 1 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  &:hover {\n    border: var(--pine-border-hover);\n  }\n\n  &:has(input:checked) {\n    box-shadow: 0 0 0 2px var(--pine-color-primary-hover);\n  }\n\n  label {\n    color: var(--pine-color-text);\n    font-weight: var(--pine-font-weight-semi-bold);\n\n    &::after {\n      content: \"\";\n      cursor: pointer;\n      height: 100%;\n      left: 0;\n      position: absolute;\n      top: 0;\n      width: 100%;\n      z-index: 1;\n    }\n  }\n\n  // Disabled state for bordered radios\n  &:has(input:disabled) {\n    background: var(--pine-color-background-container-disabled);\n    border-color: var(--pine-color-border-disabled);\n    cursor: not-allowed;\n\n    label {\n      color: var(--pine-color-text-label-disabled);\n      cursor: not-allowed;\n    }\n  }\n\n  // Invalid state for bordered radios - no red styling, only error message\n  &.is-invalid {\n    .pds-radio__message--error {\n      color: var(--pine-color-text-message-danger);\n    }\n  }\n}\n\ninput {\n  appearance: none;\n  background: var(--pine-color-background-container);\n  border: var(--pine-border);\n  border-radius: var(--pine-border-radius-full);\n  flex: none;\n  height: var(--sizing-input-size);\n  margin: 0;\n  margin-block-start: var(--pine-dimension-025);\n  position: relative;\n  width: var(--sizing-input-size);\n\n  /* stylelint-disable-next-line selector-no-qualifying-type */\n  &.visually-hidden {\n    border: 0;\n    clip: rect(0 0 0 0);\n    clip-path: polygon(0 0, 0 0, 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n  }\n\n  &:hover {\n    background: var(--pine-color-background-container-hover);\n    border: var(--pine-border-hover);\n  }\n\n  &:checked {\n    background: var(--pine-color-accent);\n    border-color: var(--pine-color-accent);\n\n    &:hover {\n      background: var(--pine-color-accent-hover);\n      border-color: var(--pine-color-accent-hover);\n    }\n\n    &::after {\n      /* stylelint-disable-next-line pine-design-system/prefer-semantic-tokens */\n      background: var(--pine-color-white);\n      border-radius: var(--pine-border-radius-full);\n      content: \"\";\n      display: block;\n      height: var(--sizing-check-size);\n      left: 50%;\n      position: absolute;\n      top: 50%;\n      transform: translate(-50%, -50%);\n      width: var(--sizing-check-size);\n    }\n  }\n\n  &:disabled {\n    background: var(--pine-color-background-container-disabled);\n    border-color: var(--pine-color-border-disabled);\n    cursor: not-allowed;\n\n    &:checked {\n      background-color: var(--pine-color-accent-disabled);\n      border-color: var(--pine-color-border-disabled);\n\n      &::after {\n        border-color: var(--pine-color-border-disabled);\n      }\n    }\n\n\n  }\n\n  &:focus-visible {\n    outline: var(--pine-outline-focus);\n  }\n\n}\n\nlabel {\n  display: flex;\n  gap: var(--pine-dimension-xs);\n}\n\n// Disabled label styling\nlabel:has(input:disabled) {\n  color: var(--pine-color-text-label-disabled);\n  cursor: not-allowed;\n}\n\n// Disabled message styling\n:host:has(input:disabled) .pds-radio__message {\n  color: var(--pine-color-text-label-disabled);\n}\n\n.visually-hidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  clip-path: polygon(0 0, 0 0, 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n.pds-radio__message {\n  color: var(--pine-color-text-message);\n  flex-basis: 100%; // Ensure message wraps to new line in flex container\n  font: var(--pine-typography-body);\n  margin-inline-start: var(--pine-dimension-md);\n  width: 100%;\n}\n\n.pds-radio__message--error {\n  display: flex;\n  gap: var(--pine-dimension-2xs);\n\n  pds-icon {\n    margin-block-start: var(--pine-dimension-025);\n  }\n}\n\n// Image-based radio styles - matches bordered layout\n:host(.has-image) {\n  align-items: center;\n  border: var(--pine-border);\n  border-radius: var(--pine-dimension-125);\n  column-gap: var(--pine-dimension-xs);\n  display: flex;\n  flex: 1;\n  padding: var(--pine-dimension-md);\n\n  // On small screens, ensure full width when in a row layout\n  @media (max-width: 767px) {\n    box-sizing: border-box;\n    flex: 1 1 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  &:hover {\n    border: var(--pine-border-hover);\n  }\n\n  &:has(input:checked) {\n    box-shadow: 0 0 0 2px var(--pine-color-primary-hover);\n  }\n\n  label {\n    color: var(--pine-color-text);\n    display: flex;\n    font-weight: var(--pine-font-weight-semi-bold);\n    gap: var(--pine-dimension-xs);\n\n    &::after {\n      content: \"\";\n      cursor: pointer;\n      height: 100%;\n      left: 0;\n      position: absolute;\n      top: 0;\n      width: 100%;\n      z-index: 1;\n    }\n  }\n\n  .pds-radio__image-container {\n    align-items: center;\n    align-self: center;\n    border: var(--pine-border);\n    border-radius: var(--pine-border-radius-full);\n    cursor: pointer;\n    display: flex;\n    flex: none;\n    grid-area: image;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n    transition: all 0.2s ease;\n\n    &:hover {\n      border-color: var(--pine-color-border-hover);\n    }\n\n    .pds-radio__image {\n      height: 100%;\n      object-fit: cover;\n      width: 100%;\n    }\n  }\n\n  .pds-radio__message {\n    grid-area: message;\n    margin-block-start: 0;\n    margin-inline-start: 0;\n  }\n\n  // Disabled state\n  &.is-disabled {\n    background: var(--pine-color-background-container-disabled);\n    border-color: var(--pine-color-border-disabled);\n    cursor: not-allowed;\n\n    .pds-radio__image-container {\n      border-color: var(--pine-color-border-disabled);\n      cursor: not-allowed;\n      opacity: 0.5;\n\n      &:hover {\n        border-color: var(--pine-color-border-disabled);\n      }\n    }\n\n    label {\n      color: var(--pine-color-text-label-disabled);\n      cursor: not-allowed;\n    }\n\n    .pds-radio__message {\n      color: var(--pine-color-text-label-disabled);\n    }\n  }\n\n  // Invalid state - no red styling, only error message\n  &.is-invalid {\n    .pds-radio__message--error {\n      color: var(--pine-color-text-message-danger);\n    }\n  }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, Element, State } from '@stencil/core';\nimport { assignDescription, messageId, exposeTypeProperty } from '../../utils/form';\nimport { danger } from '@pine-ds/icons/icons';\n\n/**\n * @slot image - Custom image content to display instead of the default radio input\n * @part image-container - The container for the image\n */\n@Component({\n  tag: 'pds-radio',\n  styleUrls: ['../../global/styles/utils/label.scss', 'pds-radio.scss'],\n  scoped: true,\n})\nexport class PdsRadio {\n  private readonly _type = 'radio' as const;\n\n  @Element() el: HTMLPdsRadioElement;\n\n  @State() private _hasImage = false;\n\n  /**\n   * Determines whether or not the radio is checked.\n   * @defaultValue false\n   */\n  @Prop() checked = false;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Determines whether or not the radio is disabled.\n   * @defaultValue false\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Displays error message text describing an invalid state.\n   */\n  @Prop() errorMessage: string;\n\n  /**\n   * Displays helper message text below radio.\n   */\n  @Prop() helperMessage: string;\n\n  /**\n   * Adds a border around the radio component for better visual separation.\n   * @defaultValue false\n   */\n  @Prop() hasBorder = false;\n\n    /**\n   * Determines whether or not the radio is invalid.\n   * @defaultValue false\n   */\n    @Prop() invalid = false;\n\n  /**\n   * String used for label text next to radio.\n   */\n  @Prop() label: string;\n\n  /**\n   * Visually hides the label text for instances where only the radio should be displayed. Label remains accessible to assistive technology such as screen readers.\n   */\n  @Prop() hideLabel: boolean;\n\n  /**\n   * String used for radio `name` attribute.\n   */\n  @Prop() name: string;\n\n  /**\n   * Determines whether or not the radio is required.\n   * @defaultValue false\n   */\n  @Prop() required = false;\n\n  /**\n   * The value of the radio that is submitted with a form.\n   */\n  @Prop() value: string;\n\n\n  /**\n   * Emits a boolean indicating whether the radio is currently checked or unchecked.\n   */\n  @Event() pdsRadioChange: EventEmitter<boolean>;\n\n  private handleRadioChange = (e: Event) => {\n    if (this.disabled) {\n      return;\n    }\n\n    const target = e.target as HTMLInputElement;\n    const isChecked = target.checked;\n\n    // If this radio is inside a pds-radio-group, don't emit the individual event\n    // The group will handle emitting its own event\n    if (this.el.closest('pds-radio-group')) {\n      return;\n    }\n\n    this.pdsRadioChange.emit(isChecked);\n  }\n\n  private hasImageSlot(): boolean {\n    const imageSlot = this.el.querySelector('[slot=\"image\"]');\n    return !!imageSlot;\n  }\n\n  private hasImage(): boolean {\n    return this._hasImage;\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.invalid) {\n      classNames.push('is-invalid');\n    }\n    if (this.disabled) {\n      classNames.push('is-disabled');\n    }\n    if (this.hasBorder) {\n      classNames.push('has-border');\n    }\n    if (this.hasImage()) {\n      classNames.push('has-image');\n    }\n\n    return classNames.join(' ');\n  }\n\n  componentWillLoad() {\n    this._hasImage = this.hasImageSlot();\n  }\n\n  connectedCallback() {\n    // Expose type property on the element instance to match native form element behavior\n    exposeTypeProperty(this.el, () => this._type);\n  }\n\n  render() {\n    const renderLabelAndMessages = () => [\n      <label htmlFor={this.componentId} key={`${this.componentId}-label`}>\n        <input\n          aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n          aria-invalid={this.invalid ? \"true\" : undefined}\n          type=\"radio\"\n          id={this.componentId}\n          name={this.name}\n          value={this.value}\n          checked={this.checked}\n          required={this.required}\n          disabled={this.disabled}\n          onChange={this.handleRadioChange}\n          class={this.hasImage() ? 'visually-hidden' : ''}\n        />\n        <span class={this.hideLabel ? 'visually-hidden' : ''}>\n          {this.label}\n        </span>\n      </label>,\n      this.helperMessage && (\n        <div\n          key={`${this.componentId}-helper`}\n          class={'pds-radio__message'}\n          id={messageId(this.componentId, 'helper')}\n        >\n          {this.helperMessage}\n        </div>\n      ),\n      this.errorMessage && (\n        <div\n          key={`${this.componentId}-error`}\n          class={`pds-radio__message pds-radio__message--error`}\n          id={messageId(this.componentId, 'error')}\n          aria-live=\"assertive\"\n        >\n          <pds-icon icon={danger} size=\"small\" />\n          {this.errorMessage}\n        </div>\n      )\n    ];\n\n    return (\n      <Host class={this.classNames()}>\n        {this.hasImage() && (\n          <div class=\"pds-radio__image-container\" part=\"image-container\">\n            <slot name=\"image\" onSlotchange={() => (this._hasImage = this.hasImageSlot())} />\n          </div>\n        )}\n        {this.hasImage() ? (\n          <div class=\"pds-radio__content-wrapper\">\n            {renderLabelAndMessages()}\n          </div>\n        ) : (\n          renderLabelAndMessages()\n        )}\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;AAAA,MAAM,QAAQ,GAAG,qXAAqX;;ACAtY,MAAM,WAAW,GAAG,opOAAopO;;MCa3pO,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAMmB,QAAA,IAAK,CAAA,KAAA,GAAG,OAAgB;AAIxB,QAAA,IAAS,CAAA,SAAA,GAAG,KAAK;AAElC;;;AAGG;AACK,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK;AAOvB;;;AAGG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAYxB;;;AAGG;AACK,QAAA,IAAS,CAAA,SAAA,GAAG,KAAK;AAEvB;;;AAGC;AACO,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK;AAiBzB;;;AAGG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAahB,QAAA,IAAA,CAAA,iBAAiB,GAAG,CAAC,CAAQ,KAAI;AACvC,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB;;AAGF,YAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B;AAC3C,YAAA,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO;;;YAIhC,IAAI,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAAE;gBACtC;;AAGF,YAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC;AACrC,SAAC;AAkGF;IAhGS,YAAY,GAAA;QAClB,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC;QACzD,OAAO,CAAC,CAAC,SAAS;;IAGZ,QAAQ,GAAA;QACd,OAAO,IAAI,CAAC,SAAS;;IAGf,UAAU,GAAA;QAChB,MAAM,UAAU,GAAG,EAAE;AAErB,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,YAAA,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC;;AAE/B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC;;AAEhC,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,YAAA,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC;;AAE/B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;AACnB,YAAA,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC;;AAG9B,QAAA,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC;;IAG7B,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE;;IAGtC,iBAAiB,GAAA;;AAEf,QAAA,kBAAkB,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC;;IAG/C,MAAM,GAAA;AACJ,QAAA,MAAM,sBAAsB,GAAG,MAAM;AACnC,YAAA,CAAA,CAAA,OAAA,EAAA,EAAO,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,GAAG,EAAE,CAAG,EAAA,IAAI,CAAC,WAAW,CAAA,MAAA,CAAQ,EAAA,EAChE,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,kBAAA,EACoB,iBAAiB,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,kBACzE,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,EAC/C,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,IAAI,CAAC,WAAW,EACpB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAChC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,iBAAiB,GAAG,EAAE,EAC/C,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,IAAI,CAAC,SAAS,GAAG,iBAAiB,GAAG,EAAE,EAAA,EACjD,IAAI,CAAC,KAAK,CACN,CACD;AACR,YAAA,IAAI,CAAC,aAAa,KAChB,WACE,GAAG,EAAE,CAAG,EAAA,IAAI,CAAC,WAAW,SAAS,EACjC,KAAK,EAAE,oBAAoB,EAC3B,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,EAExC,EAAA,IAAI,CAAC,aAAa,CACf,CACP;AACD,YAAA,IAAI,CAAC,YAAY,KACf,CACE,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,CAAA,EAAG,IAAI,CAAC,WAAW,CAAA,MAAA,CAAQ,EAChC,KAAK,EAAE,CAAA,4CAAA,CAA8C,EACrD,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,EAAA,WAAA,EAC9B,WAAW,EAAA,EAErB,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAE,MAAM,EAAE,IAAI,EAAC,OAAO,EAAG,CAAA,EACtC,IAAI,CAAC,YAAY,CACd;SAET;QAED,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,EAAA,EAC3B,IAAI,CAAC,QAAQ,EAAE,KACd,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,iBAAiB,EAAA,EAC5D,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAC,YAAY,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,EAAI,CAAA,CAC7E,CACP,EACA,IAAI,CAAC,QAAQ,EAAE,IACd,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,4BAA4B,EAAA,EACpC,sBAAsB,EAAE,CACrB,KAEN,sBAAsB,EAAE,CACzB,CACI;;;;;;;;"}
+{"version":3,"file":"pds-radio.entry.js","sources":["src/global/styles/utils/label.scss?tag=pds-radio&encapsulation=scoped","src/components/pds-radio/pds-radio.scss?tag=pds-radio&encapsulation=scoped","src/components/pds-radio/pds-radio.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n:host([aria-disabled=\"true\"]) label {\n  color: var(--pine-color-text-label-disabled);\n}\n\n:host([aria-readonly=\"true\"]) {\n  label {\n    color: var(--pine-color-text-label-readonly);\n  }\n}\n\nlabel {\n  color: var(--pine-color-text-label);\n  font: var(--pine-typography-body-medium);\n  letter-spacing: var(--pine-letter-spacing);\n}\n",":host {\n  --sizing-check-size: 6px;\n  --sizing-input-size: var(--pine-dimension-sm);\n  --sizing-margin-block-start: 6px;\n\n  align-items: center;\n  display: flex;\n  flex-flow: row wrap;\n  position: relative;\n}\n\n:host(.is-invalid) {\n  // Invalid state only affects error message styling, not the radio itself\n  // This allows radio-group to handle error display without red radios\n  .pds-radio__message--error {\n    color: var(--pine-color-text-message-danger);\n  }\n}\n\n:host(.has-border) {\n  align-items: flex-start;\n  border: var(--pine-border);\n  border-radius: var(--pine-dimension-125);\n  column-gap: var(--pine-dimension-xs);\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  padding: var(--pine-dimension-md);\n\n  // On small screens, ensure full width when in a row layout\n  @media (max-width: 767px) {\n    box-sizing: border-box;\n    flex: 1 1 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  &:hover {\n    border: var(--pine-border-hover);\n  }\n\n  &:has(input:checked) {\n    box-shadow: 0 0 0 2px var(--pine-color-primary-hover);\n  }\n\n  label {\n    color: var(--pine-color-text);\n    font-weight: var(--pine-font-weight-semi-bold);\n\n    &::after {\n      content: \"\";\n      cursor: pointer;\n      height: 100%;\n      left: 0;\n      position: absolute;\n      top: 0;\n      width: 100%;\n      z-index: 1;\n    }\n  }\n\n  // Disabled state for bordered radios\n  &:has(input:disabled) {\n    background: var(--pine-color-background-container-disabled);\n    border-color: var(--pine-color-border-disabled);\n    cursor: not-allowed;\n\n    label {\n      color: var(--pine-color-text-label-disabled);\n      cursor: not-allowed;\n    }\n  }\n\n  // Invalid state for bordered radios - no red styling, only error message\n  &.is-invalid {\n    .pds-radio__message--error {\n      color: var(--pine-color-text-message-danger);\n    }\n  }\n}\n\ninput {\n  appearance: none;\n  background: var(--pine-color-background-container);\n  border: var(--pine-border);\n  border-radius: var(--pine-border-radius-full);\n  flex: none;\n  height: var(--sizing-input-size);\n  margin: 0;\n  margin-block-start: var(--pine-dimension-025);\n  position: relative;\n  width: var(--sizing-input-size);\n\n  /* stylelint-disable-next-line selector-no-qualifying-type */\n  &.visually-hidden {\n    border: 0;\n    clip: rect(0 0 0 0);\n    clip-path: polygon(0 0, 0 0, 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n  }\n\n  &:hover {\n    background: var(--pine-color-background-container-hover);\n    border: var(--pine-border-hover);\n  }\n\n  &:checked {\n    background: var(--pine-color-accent);\n    border-color: var(--pine-color-accent);\n\n    &:hover {\n      background: var(--pine-color-accent-hover);\n      border-color: var(--pine-color-accent-hover);\n    }\n\n    &::after {\n      /* stylelint-disable-next-line pine-design-system/prefer-semantic-tokens */\n      background: var(--pine-color-white);\n      border-radius: var(--pine-border-radius-full);\n      content: \"\";\n      display: block;\n      height: var(--sizing-check-size);\n      left: 50%;\n      position: absolute;\n      top: 50%;\n      transform: translate(-50%, -50%);\n      width: var(--sizing-check-size);\n    }\n  }\n\n  &:disabled {\n    background: var(--pine-color-background-container-disabled);\n    border-color: var(--pine-color-border-disabled);\n    cursor: not-allowed;\n\n    &:checked {\n      background-color: var(--pine-color-accent-disabled);\n      border-color: var(--pine-color-border-disabled);\n\n      &::after {\n        border-color: var(--pine-color-border-disabled);\n      }\n    }\n\n\n  }\n\n  &:focus-visible {\n    outline: var(--pine-outline-focus);\n  }\n\n}\n\nlabel {\n  display: flex;\n  gap: var(--pine-dimension-xs);\n}\n\n// Disabled label styling\nlabel:has(input:disabled) {\n  color: var(--pine-color-text-label-disabled);\n  cursor: not-allowed;\n}\n\n// Disabled message styling\n:host:has(input:disabled) .pds-radio__message {\n  color: var(--pine-color-text-label-disabled);\n}\n\n.visually-hidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  clip-path: polygon(0 0, 0 0, 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n.pds-radio__message {\n  color: var(--pine-color-text-message);\n  flex-basis: 100%; // Ensure message wraps to new line in flex container\n  font: var(--pine-typography-body);\n  margin-inline-start: var(--pine-dimension-md);\n  width: 100%;\n}\n\n.pds-radio__message--error {\n  display: flex;\n  gap: var(--pine-dimension-2xs);\n\n  pds-icon {\n    margin-block-start: var(--pine-dimension-025);\n  }\n}\n\n// Image-based radio styles - matches bordered layout\n:host(.has-image) {\n  align-items: center;\n  border: var(--pine-border);\n  border-radius: var(--pine-dimension-125);\n  column-gap: var(--pine-dimension-xs);\n  display: flex;\n  flex: 1;\n  padding: var(--pine-dimension-md);\n\n  // On small screens, ensure full width when in a row layout\n  @media (max-width: 767px) {\n    box-sizing: border-box;\n    flex: 1 1 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  &:hover {\n    border: var(--pine-border-hover);\n  }\n\n  &:has(input:checked) {\n    box-shadow: 0 0 0 2px var(--pine-color-primary-hover);\n  }\n\n  label {\n    color: var(--pine-color-text);\n    display: flex;\n    font-weight: var(--pine-font-weight-semi-bold);\n    gap: var(--pine-dimension-xs);\n\n    &::after {\n      content: \"\";\n      cursor: pointer;\n      height: 100%;\n      left: 0;\n      position: absolute;\n      top: 0;\n      width: 100%;\n      z-index: 1;\n    }\n  }\n\n  .pds-radio__image-container {\n    align-items: center;\n    align-self: center;\n    border: var(--pine-border);\n    border-radius: var(--pine-border-radius-full);\n    cursor: pointer;\n    display: flex;\n    flex: none;\n    grid-area: image;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n    transition: all var(--pine-motion-duration-base) ease;\n\n    &:hover {\n      border-color: var(--pine-color-border-hover);\n    }\n\n    .pds-radio__image {\n      height: 100%;\n      object-fit: cover;\n      width: 100%;\n    }\n  }\n\n  .pds-radio__message {\n    grid-area: message;\n    margin-block-start: 0;\n    margin-inline-start: 0;\n  }\n\n  // Disabled state\n  &.is-disabled {\n    background: var(--pine-color-background-container-disabled);\n    border-color: var(--pine-color-border-disabled);\n    cursor: not-allowed;\n\n    .pds-radio__image-container {\n      border-color: var(--pine-color-border-disabled);\n      cursor: not-allowed;\n      opacity: 0.5;\n\n      &:hover {\n        border-color: var(--pine-color-border-disabled);\n      }\n    }\n\n    label {\n      color: var(--pine-color-text-label-disabled);\n      cursor: not-allowed;\n    }\n\n    .pds-radio__message {\n      color: var(--pine-color-text-label-disabled);\n    }\n  }\n\n  // Invalid state - no red styling, only error message\n  &.is-invalid {\n    .pds-radio__message--error {\n      color: var(--pine-color-text-message-danger);\n    }\n  }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, Element, State } from '@stencil/core';\nimport { assignDescription, messageId, exposeTypeProperty } from '../../utils/form';\nimport { danger } from '@pine-ds/icons/icons';\n\n/**\n * @slot image - Custom image content to display instead of the default radio input\n * @part image-container - The container for the image\n */\n@Component({\n  tag: 'pds-radio',\n  styleUrls: ['../../global/styles/utils/label.scss', 'pds-radio.scss'],\n  scoped: true,\n})\nexport class PdsRadio {\n  private readonly _type = 'radio' as const;\n\n  @Element() el: HTMLPdsRadioElement;\n\n  @State() private _hasImage = false;\n\n  /**\n   * Determines whether or not the radio is checked.\n   * @defaultValue false\n   */\n  @Prop() checked = false;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Determines whether or not the radio is disabled.\n   * @defaultValue false\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Displays error message text describing an invalid state.\n   */\n  @Prop() errorMessage: string;\n\n  /**\n   * Displays helper message text below radio.\n   */\n  @Prop() helperMessage: string;\n\n  /**\n   * Adds a border around the radio component for better visual separation.\n   * @defaultValue false\n   */\n  @Prop() hasBorder = false;\n\n    /**\n   * Determines whether or not the radio is invalid.\n   * @defaultValue false\n   */\n    @Prop() invalid = false;\n\n  /**\n   * String used for label text next to radio.\n   */\n  @Prop() label: string;\n\n  /**\n   * Visually hides the label text for instances where only the radio should be displayed. Label remains accessible to assistive technology such as screen readers.\n   */\n  @Prop() hideLabel: boolean;\n\n  /**\n   * String used for radio `name` attribute.\n   */\n  @Prop() name: string;\n\n  /**\n   * Determines whether or not the radio is required.\n   * @defaultValue false\n   */\n  @Prop() required = false;\n\n  /**\n   * The value of the radio that is submitted with a form.\n   */\n  @Prop() value: string;\n\n\n  /**\n   * Emits a boolean indicating whether the radio is currently checked or unchecked.\n   */\n  @Event() pdsRadioChange: EventEmitter<boolean>;\n\n  private handleRadioChange = (e: Event) => {\n    if (this.disabled) {\n      return;\n    }\n\n    const target = e.target as HTMLInputElement;\n    const isChecked = target.checked;\n\n    // If this radio is inside a pds-radio-group, don't emit the individual event\n    // The group will handle emitting its own event\n    if (this.el.closest('pds-radio-group')) {\n      return;\n    }\n\n    this.pdsRadioChange.emit(isChecked);\n  }\n\n  private hasImageSlot(): boolean {\n    const imageSlot = this.el.querySelector('[slot=\"image\"]');\n    return !!imageSlot;\n  }\n\n  private hasImage(): boolean {\n    return this._hasImage;\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.invalid) {\n      classNames.push('is-invalid');\n    }\n    if (this.disabled) {\n      classNames.push('is-disabled');\n    }\n    if (this.hasBorder) {\n      classNames.push('has-border');\n    }\n    if (this.hasImage()) {\n      classNames.push('has-image');\n    }\n\n    return classNames.join(' ');\n  }\n\n  componentWillLoad() {\n    this._hasImage = this.hasImageSlot();\n  }\n\n  connectedCallback() {\n    // Expose type property on the element instance to match native form element behavior\n    exposeTypeProperty(this.el, () => this._type);\n  }\n\n  render() {\n    const renderLabelAndMessages = () => [\n      <label htmlFor={this.componentId} key={`${this.componentId}-label`}>\n        <input\n          aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n          aria-invalid={this.invalid ? \"true\" : undefined}\n          type=\"radio\"\n          id={this.componentId}\n          name={this.name}\n          value={this.value}\n          checked={this.checked}\n          required={this.required}\n          disabled={this.disabled}\n          onChange={this.handleRadioChange}\n          class={this.hasImage() ? 'visually-hidden' : ''}\n        />\n        <span class={this.hideLabel ? 'visually-hidden' : ''}>\n          {this.label}\n        </span>\n      </label>,\n      this.helperMessage && (\n        <div\n          key={`${this.componentId}-helper`}\n          class={'pds-radio__message'}\n          id={messageId(this.componentId, 'helper')}\n        >\n          {this.helperMessage}\n        </div>\n      ),\n      this.errorMessage && (\n        <div\n          key={`${this.componentId}-error`}\n          class={`pds-radio__message pds-radio__message--error`}\n          id={messageId(this.componentId, 'error')}\n          aria-live=\"assertive\"\n        >\n          <pds-icon icon={danger} size=\"small\" />\n          {this.errorMessage}\n        </div>\n      )\n    ];\n\n    return (\n      <Host class={this.classNames()}>\n        {this.hasImage() && (\n          <div class=\"pds-radio__image-container\" part=\"image-container\">\n            <slot name=\"image\" onSlotchange={() => (this._hasImage = this.hasImageSlot())} />\n          </div>\n        )}\n        {this.hasImage() ? (\n          <div class=\"pds-radio__content-wrapper\">\n            {renderLabelAndMessages()}\n          </div>\n        ) : (\n          renderLabelAndMessages()\n        )}\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm-es5/pds-row.entry.js

@@ -1,2 +1,2 @@
-import{r as registerInstance,h,H as Host}from"./index-QYCDCKN2.js";var pdsRowCss=":host {\n  --row-gap-y: var(--pine-dimension-125);\n  --row-gap-x: var(--pine-dimension-125);\n  display: block;\n  -webkit-margin-after: calc(var(--row-gap-y) * -1);\n  margin-block-end: calc(var(--row-gap-y) * -1);\n  -webkit-margin-before: calc(var(--row-gap-y) * -1);\n  margin-block-start: calc(var(--row-gap-y) * -1);\n  -webkit-margin-end: calc(var(--row-gap-x) * -0.5);\n  margin-inline-end: calc(var(--row-gap-x) * -0.5);\n  -webkit-margin-start: calc(var(--row-gap-x) * -0.5);\n  margin-inline-start: calc(var(--row-gap-x) * -0.5);\n}\n\n.pds-row {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  -webkit-margin-after: calc(var(--row-gap-y) * -1);\n  margin-block-end: calc(var(--row-gap-y) * -1);\n  -webkit-margin-before: calc(var(--row-gap-y) * -1);\n  margin-block-start: calc(var(--row-gap-y) * -1);\n  -webkit-margin-end: calc(var(--row-gap-x) * -1);\n  margin-inline-end: calc(var(--row-gap-x) * -1);\n  -webkit-margin-start: calc(var(--row-gap-x) * -1);\n  margin-inline-start: calc(var(--row-gap-x) * -1);\n}\n@layer layout {\n  .pds-row > * {\n    -webkit-padding-after: calc(var(--row-gap-y));\n    padding-block-end: calc(var(--row-gap-y));\n    -webkit-padding-before: calc(var(--row-gap-y));\n    padding-block-start: calc(var(--row-gap-y));\n    -webkit-padding-end: calc(var(--row-gap-x));\n    padding-inline-end: calc(var(--row-gap-x));\n    -webkit-padding-start: calc(var(--row-gap-x));\n    padding-inline-start: calc(var(--row-gap-x));\n  }\n}\n\n.pds-row--no-wrap {\n  -ms-flex-wrap: nowrap;\n  flex-wrap: nowrap;\n}\n\n.pds-row--border {\n  border: var(--pine-border);\n}\n\n.pds-justify-content-start {\n  -ms-flex-pack: start;\n  justify-content: start;\n}\n\n.pds-justify-content-center {\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n.pds-justify-content-end {\n  -ms-flex-pack: end;\n  justify-content: end;\n}\n\n.pds-justify-content-space-between {\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n}\n\n.pds-justify-content-space-around {\n  -ms-flex-pack: distribute;\n  justify-content: space-around;\n}\n\n.pds-justify-content-space-evenly {\n  -ms-flex-pack: space-evenly;\n  justify-content: space-evenly;\n}\n\n.pds-align-items-start {\n  -ms-flex-align: start;\n  align-items: start;\n}\n\n.pds-align-items-center {\n  -ms-flex-align: center;\n  align-items: center;\n}\n\n.pds-align-items-end {\n  -ms-flex-align: end;\n  align-items: end;\n}\n\n.pds-align-items-stretch {\n  -ms-flex-align: stretch;\n  align-items: stretch;\n}\n\n.pds-align-items-baseline {\n  -ms-flex-align: baseline;\n  align-items: baseline;\n}";var PdsRow=function(){function n(n){registerInstance(this,n);this.border=false;this.noWrap=false;this.colGapMap={none:"0",xxs:".25rem",xs:".5rem",sm:"1rem",md:"1.5rem",lg:"2.25rem",xl:"3rem",xxl:"4rem","025":"var(--pine-dimension-025)","050":"var(--pine-dimension-050)",100:"var(--pine-dimension-100)",125:"var(--pine-dimension-125)",150:"var(--pine-dimension-150)",200:"var(--pine-dimension-200)",250:"var(--pine-dimension-250)",300:"var(--pine-dimension-300)",350:"var(--pine-dimension-350)",400:"var(--pine-dimension-400)",450:"var(--pine-dimension-450)",500:"var(--pine-dimension-500)",550:"var(--pine-dimension-550)",600:"var(--pine-dimension-600)",650:"var(--pine-dimension-650)",700:"var(--pine-dimension-700)",750:"var(--pine-dimension-750)",800:"var(--pine-dimension-800)"}}n.prototype.render=function(){var n="\n    ".concat(this.alignItems!==undefined&&this.alignItems.trim()!==""?"pds-align-items-".concat(this.alignItems):"","\n    ").concat(this.border?"pds-row--border":"","\n    ").concat(this.justifyContent!==undefined&&this.justifyContent.trim()!==""?"pds-justify-content-".concat(this.justifyContent):"","\n    ").concat(this.noWrap?"pds-row--no-wrap":"","\n  ");var e=Object.assign(Object.assign(Object.assign(Object.assign({},this.colGap&&{"--row-gap-x":this.colGap!==undefined&&this.colGap.trim()!==""?this.colGapMap[this.colGap]:"","--row-gap-y":this.colGap!==undefined&&this.colGap.trim()!==""?this.colGapMap[this.colGap]:""}),this.colGapBlock&&{"--row-gap-y":this.colGapBlock!==undefined&&this.colGapBlock.trim()!==""?this.colGapMap[this.colGapBlock]:""}),this.colGapInline&&{"--row-gap-x":this.colGapInline!==undefined&&this.colGapInline.trim()!==""?this.colGapMap[this.colGapInline]:""}),this.minHeight&&{"min-height":this.minHeight});return h(Host,{key:"7d99184153a86e5d7d2c90fce98e05e9c4a36b81",class:"pds-row ".concat(n),style:e})};return n}();PdsRow.style=pdsRowCss;export{PdsRow as pds_row};
+import{r as registerInstance,h,H as Host}from"./index-B2f84Zog.js";var pdsRowCss=":host {\n  --row-gap-y: var(--pine-dimension-125);\n  --row-gap-x: var(--pine-dimension-125);\n  display: block;\n  -webkit-margin-after: calc(var(--row-gap-y) * -1);\n  margin-block-end: calc(var(--row-gap-y) * -1);\n  -webkit-margin-before: calc(var(--row-gap-y) * -1);\n  margin-block-start: calc(var(--row-gap-y) * -1);\n  -webkit-margin-end: calc(var(--row-gap-x) * -0.5);\n  margin-inline-end: calc(var(--row-gap-x) * -0.5);\n  -webkit-margin-start: calc(var(--row-gap-x) * -0.5);\n  margin-inline-start: calc(var(--row-gap-x) * -0.5);\n}\n\n.pds-row {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  -webkit-margin-after: calc(var(--row-gap-y) * -1);\n  margin-block-end: calc(var(--row-gap-y) * -1);\n  -webkit-margin-before: calc(var(--row-gap-y) * -1);\n  margin-block-start: calc(var(--row-gap-y) * -1);\n  -webkit-margin-end: calc(var(--row-gap-x) * -1);\n  margin-inline-end: calc(var(--row-gap-x) * -1);\n  -webkit-margin-start: calc(var(--row-gap-x) * -1);\n  margin-inline-start: calc(var(--row-gap-x) * -1);\n}\n@layer layout {\n  .pds-row > * {\n    -webkit-padding-after: calc(var(--row-gap-y));\n    padding-block-end: calc(var(--row-gap-y));\n    -webkit-padding-before: calc(var(--row-gap-y));\n    padding-block-start: calc(var(--row-gap-y));\n    -webkit-padding-end: calc(var(--row-gap-x));\n    padding-inline-end: calc(var(--row-gap-x));\n    -webkit-padding-start: calc(var(--row-gap-x));\n    padding-inline-start: calc(var(--row-gap-x));\n  }\n}\n\n.pds-row--no-wrap {\n  -ms-flex-wrap: nowrap;\n  flex-wrap: nowrap;\n}\n\n.pds-row--border {\n  border: var(--pine-border);\n}\n\n.pds-justify-content-start {\n  -ms-flex-pack: start;\n  justify-content: start;\n}\n\n.pds-justify-content-center {\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n.pds-justify-content-end {\n  -ms-flex-pack: end;\n  justify-content: end;\n}\n\n.pds-justify-content-space-between {\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n}\n\n.pds-justify-content-space-around {\n  -ms-flex-pack: distribute;\n  justify-content: space-around;\n}\n\n.pds-justify-content-space-evenly {\n  -ms-flex-pack: space-evenly;\n  justify-content: space-evenly;\n}\n\n.pds-align-items-start {\n  -ms-flex-align: start;\n  align-items: start;\n}\n\n.pds-align-items-center {\n  -ms-flex-align: center;\n  align-items: center;\n}\n\n.pds-align-items-end {\n  -ms-flex-align: end;\n  align-items: end;\n}\n\n.pds-align-items-stretch {\n  -ms-flex-align: stretch;\n  align-items: stretch;\n}\n\n.pds-align-items-baseline {\n  -ms-flex-align: baseline;\n  align-items: baseline;\n}";var PdsRow=function(){function n(n){registerInstance(this,n);this.border=false;this.noWrap=false;this.colGapMap={none:"0",xxs:".25rem",xs:".5rem",sm:"1rem",md:"1.5rem",lg:"2.25rem",xl:"3rem",xxl:"4rem","025":"var(--pine-dimension-025)","050":"var(--pine-dimension-050)",100:"var(--pine-dimension-100)",125:"var(--pine-dimension-125)",150:"var(--pine-dimension-150)",200:"var(--pine-dimension-200)",250:"var(--pine-dimension-250)",300:"var(--pine-dimension-300)",350:"var(--pine-dimension-350)",400:"var(--pine-dimension-400)",450:"var(--pine-dimension-450)",500:"var(--pine-dimension-500)",550:"var(--pine-dimension-550)",600:"var(--pine-dimension-600)",650:"var(--pine-dimension-650)",700:"var(--pine-dimension-700)",750:"var(--pine-dimension-750)",800:"var(--pine-dimension-800)"}}n.prototype.render=function(){var n="\n    ".concat(this.alignItems!==undefined&&this.alignItems.trim()!==""?"pds-align-items-".concat(this.alignItems):"","\n    ").concat(this.border?"pds-row--border":"","\n    ").concat(this.justifyContent!==undefined&&this.justifyContent.trim()!==""?"pds-justify-content-".concat(this.justifyContent):"","\n    ").concat(this.noWrap?"pds-row--no-wrap":"","\n  ");var e=Object.assign(Object.assign(Object.assign(Object.assign({},this.colGap&&{"--row-gap-x":this.colGap!==undefined&&this.colGap.trim()!==""?this.colGapMap[this.colGap]:"","--row-gap-y":this.colGap!==undefined&&this.colGap.trim()!==""?this.colGapMap[this.colGap]:""}),this.colGapBlock&&{"--row-gap-y":this.colGapBlock!==undefined&&this.colGapBlock.trim()!==""?this.colGapMap[this.colGapBlock]:""}),this.colGapInline&&{"--row-gap-x":this.colGapInline!==undefined&&this.colGapInline.trim()!==""?this.colGapMap[this.colGapInline]:""}),this.minHeight&&{"min-height":this.minHeight});return h(Host,{key:"7d99184153a86e5d7d2c90fce98e05e9c4a36b81",class:"pds-row ".concat(n),style:e})};return n}();PdsRow.style=pdsRowCss;export{PdsRow as pds_row};
 //# sourceMappingURL=pds-row.entry.js.map

package/dist/esm-es5/pds-select.entry.js

@@ -1,2 +1,2 @@
-import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-QYCDCKN2.js";import{e as exposeTypeProperty,m as messageId,i as isSpecTest}from"./form-C3xDZBme.js";import{b as danger,e as enlarge}from"./index-D4ys0pep.js";var pdsSelectTokensCss=":host{--pine-select-color-background-danger:var(--pine-color-red-050)}";var labelCss=":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";var pdsSelectCss=':host{--pds-select-background:var(--pine-color-background-container);--pds-select-border:var(--pine-border);--pds-select-border-radius:var(--pine-dimension-125);--pds-select-border-radius-start-end:var(--pine-dimension-125);--pds-select-border-radius-start-start:var(--pine-dimension-125);--pds-select-border-radius-end-end:var(--pine-dimension-125);--pds-select-border-radius-end-start:var(--pine-dimension-125);--pds-select-min-height:36px;--box-shadow-focus:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring-danger)}:host .hidden,:host :host([hidden]){display:none}.pds-select{color:var(--pine-color-text);display:grid;-ms-flex-direction:column;flex-direction:column;grid-template-areas:"label label" "field field" "message message";grid-template-columns:1fr minmax(2rem, -webkit-min-content);grid-template-columns:1fr minmax(2rem, min-content);grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content min-content;position:relative;width:100%}.pds-select__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-area:label;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}label{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--pds-select-background);border:var(--pds-select-border);border-end-end-radius:var(--pds-select-border-radius-end-end, var(--pds-select-border-radius));border-end-start-radius:var(--pds-select-border-radius-end-start, var(--pds-select-border-radius));border-start-end-radius:var(--pds-select-border-radius-start-end, var(--pds-select-border-radius));border-start-start-radius:var(--pds-select-border-radius-start-start, var(--pds-select-border-radius));color:var(--pine-color-text);font:var(--pine-typography-body);grid-area:field;letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-select-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-150);-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450);position:relative}select:hover{border-color:var(--pine-color-border-hover);cursor:pointer}select:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}select:disabled{background-color:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-color-red-950)}select:has(~.pds-select__message .pds-select__error-message):focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-disabled) .pds-select__select-icon{color:var(--pine-color-text-disabled)}:host(.is-invalid) select{background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) :host(.is-invalid) select{background-color:var(--pine-color-red-950)}:host(.is-invalid) select:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-accent);color:var(--pine-color-text-accent)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:hover:not(:disabled){border-color:var(--pine-color-accent-hover)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:focus-visible{outline-color:var(--pine-color-focus-ring)}:host([highlight]:not(.is-disabled):not(.is-invalid)) .pds-select__select-icon{color:var(--pine-color-text-accent)}.pds-select__error-message,.pds-select__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-select__error-message{color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-select__error-message pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-select__message{grid-area:message}.pds-select__select-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-column:-1/-2;grid-row:2/3;height:var(--pds-select-min-height);pointer-events:none;position:relative;z-index:var(--pine-z-index-raised)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}';var PdsSelect=function(){function e(e){var i=this;registerInstance(this,e);this.pdsSelectChange=createEvent(this,"pdsSelectChange");this.pdsBlur=createEvent(this,"pdsBlur");this.pdsFocus=createEvent(this,"pdsFocus");this.pdsKeyDown=createEvent(this,"pdsKeyDown");this._type="select-one";this.disabled=false;this.multiple=false;this.required=false;this.onSelectUpdate=function(e){var s=e.target;var r=Array.from(s.options).filter((function(e){return e.selected})).map((function(e){return e.value}));if(r.length===1&&!i.multiple){i.value=r[0]}else{i.value=r}i.pdsSelectChange.emit(e)};this.onBlur=function(e){i.pdsBlur.emit(e)};this.onFocus=function(e){i.pdsFocus.emit(e)};this.onKeyDown=function(e){i.pdsKeyDown.emit(e)};this.handleSlotChange=function(){var e=i.slotContainer.querySelector("slot");i.selectEl.innerHTML="";var s=e.assignedElements({flatten:true});s.forEach((function(e){if(["OPTION","OPTGROUP"].includes(e.tagName)){var s=e.cloneNode(true);if(s.tagName==="OPTION"&&s.value===i.value){s.selected=true}i.selectEl.appendChild(s)}}));i.updateSelectedOption()}}e.prototype.valueChanged=function(){this.updateSelectedOption();this.updateFormValue()};e.prototype.multipleChanged=function(){this.updateType()};e.prototype.updateType=function(){this._type=this.multiple?"select-multiple":"select-one"};e.prototype.connectedCallback=function(){var e=this;if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}exposeTypeProperty(this.el,(function(){return e._type}))};e.prototype.componentWillLoad=function(){this.updateType();this.updateSelectedOption()};e.prototype.componentDidLoad=function(){this.updateFormValue()};e.prototype.updateSelectedOption=function(){var e=this;if(this.selectEl){var i=this.selectEl.options;Array.from(i).map((function(i){if(Array.isArray(e.value)){i.selected=e.value.includes(i.value)}else{i.selected=e.value===i.value}}))}};e.prototype.getHelperMessage=function(){return this.helperMessage&&h("p",{class:"pds-select__helper-message",id:messageId(this.componentId,"helper")},this.helperMessage)};e.prototype.getErrorMessage=function(){return this.errorMessage&&h("p",{class:"pds-select__error-message",id:messageId(this.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{icon:danger,size:"small"}),this.errorMessage)};e.prototype.renderMessages=function(){if(!this.helperMessage&&!this.errorMessage)return null;return h("div",{class:"pds-select__message"},this.getHelperMessage(),this.getErrorMessage())};e.prototype.classNames=function(){var e=[];if(this.invalid){e.push("is-invalid")}if(this.disabled){e.push("is-disabled")}return e.join("  ")};e.prototype.renderAction=function(){var e=this.el.querySelector('[slot="action"]')!==null;if(e){return h("div",{class:"pds-select__action",part:"action"},h("slot",{name:"action"}))}return null};e.prototype.updateFormValue=function(){var e=this;if(isSpecTest())return;if(this.internals&&this.internals.setFormValue){var i=this.value;if(Array.isArray(i)){if(i.length>1){var s=new FormData;i.forEach((function(i){return s.append(e.name||"",i)}));this.internals.setFormValue(s)}else{this.internals.setFormValue(i[0]||null)}}else{this.internals.setFormValue(i||null)}if(this.selectEl&&this.internals&&this.internals.setValidity){this.internals.setValidity(this.selectEl.validity,this.selectEl.validationMessage,this.selectEl)}}};e.prototype.formResetCallback=function(){this.value="";this.updateFormValue()};e.prototype.formDisabledCallback=function(e){this.disabled=e};e.prototype.formStateRestoreCallback=function(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){var i=e.getAll(this.name);if(i.length>1){this.value=i.filter((function(e){return typeof e==="string"}))}else if(i.length===1&&typeof i[0]==="string"){this.value=i[0]}}};e.prototype.render=function(){var e=this;var i=this.el.querySelector('[slot="action"]')!==null;return h(Host,{key:"28292440973cbb60c63a296415a617e05fc9c5ce","aria-disabled":this.disabled?"true":null,class:this.classNames(),"has-action":i&&!this.hideLabel?"true":null},h("div",{key:"4a0f255ecc75c9fcedfc933c0a728d26918d9a9c",class:"pds-select"},!this.hideLabel&&h("div",{key:"1f0b2a9ccf4ce2b79d5bb4dd40ff076b415bc6ac",class:"pds-select__label-wrapper"},h("label",{key:"9e30b1b0266981f73f0821c05e833cb66a3caf3c",htmlFor:this.componentId},h("span",{key:"7790be41907be6c5e3b460aa84b7ea54773cc14d",class:this.hideLabel?"visually-hidden":""},this.label)),i&&this.renderAction()),h("select",{key:"d66b39ee412bfbf3c6dfff722cb061f24ba82df6","aria-label":this.hideLabel?this.label:undefined,autocomplete:this.autocomplete||undefined,class:"pds-select__field",disabled:this.disabled,id:this.componentId,multiple:this.multiple,name:this.name,onBlur:this.onBlur,onChange:this.onSelectUpdate,onFocus:this.onFocus,onKeyDown:this.onKeyDown,part:"select",required:this.required,ref:function(i){return e.selectEl=i}}),h("div",{key:"daf4846494666ebade54249c8d925423e71e7d33","aria-hidden":"true",class:"hidden",ref:function(i){return e.slotContainer=i}},h("slot",{key:"545f421fd2679d4bb6ee34658f7dd4089ece4f81",onSlotchange:this.handleSlotChange})),this.renderMessages(),!this.multiple&&h("pds-icon",{key:"0b3bcd3ceee6e6b2ab24b52f16f6cbd89ae88322",class:"pds-select__select-icon",icon:enlarge})))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"],multiple:["multipleChanged"]}},enumerable:false,configurable:true});return e}();PdsSelect.style=pdsSelectTokensCss+(labelCss+pdsSelectCss);export{PdsSelect as pds_select};
+import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-B2f84Zog.js";import{e as exposeTypeProperty,m as messageId,i as isSpecTest}from"./form-C3xDZBme.js";import{b as danger,e as enlarge}from"./index-D4ys0pep.js";var pdsSelectTokensCss=":host{--pine-select-color-background-danger:var(--pine-color-red-050)}";var labelCss=":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";var pdsSelectCss=':host{--pds-select-background:var(--pine-color-background-container);--pds-select-border:var(--pine-border);--pds-select-border-radius:var(--pine-dimension-125);--pds-select-border-radius-start-end:var(--pine-dimension-125);--pds-select-border-radius-start-start:var(--pine-dimension-125);--pds-select-border-radius-end-end:var(--pine-dimension-125);--pds-select-border-radius-end-start:var(--pine-dimension-125);--pds-select-min-height:36px;--box-shadow-focus:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring-danger)}:host .hidden,:host :host([hidden]){display:none}.pds-select{color:var(--pine-color-text);display:grid;-ms-flex-direction:column;flex-direction:column;grid-template-areas:"label label" "field field" "message message";grid-template-columns:1fr minmax(2rem, -webkit-min-content);grid-template-columns:1fr minmax(2rem, min-content);grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content min-content;position:relative;width:100%}.pds-select__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-area:label;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}label{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--pds-select-background);border:var(--pds-select-border);border-end-end-radius:var(--pds-select-border-radius-end-end, var(--pds-select-border-radius));border-end-start-radius:var(--pds-select-border-radius-end-start, var(--pds-select-border-radius));border-start-end-radius:var(--pds-select-border-radius-start-end, var(--pds-select-border-radius));border-start-start-radius:var(--pds-select-border-radius-start-start, var(--pds-select-border-radius));color:var(--pine-color-text);font:var(--pine-typography-body);grid-area:field;letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-select-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-150);-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450);position:relative}select:hover{border-color:var(--pine-color-border-hover);cursor:pointer}select:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}select:disabled{background-color:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-color-red-950)}select:has(~.pds-select__message .pds-select__error-message):focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-disabled) .pds-select__select-icon{color:var(--pine-color-text-disabled)}:host(.is-invalid) select{background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) :host(.is-invalid) select{background-color:var(--pine-color-red-950)}:host(.is-invalid) select:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-accent);color:var(--pine-color-text-accent)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:hover:not(:disabled){border-color:var(--pine-color-accent-hover)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:focus-visible{outline-color:var(--pine-color-focus-ring)}:host([highlight]:not(.is-disabled):not(.is-invalid)) .pds-select__select-icon{color:var(--pine-color-text-accent)}.pds-select__error-message,.pds-select__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-select__error-message{color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-select__error-message pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-select__message{grid-area:message}.pds-select__select-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-column:-1/-2;grid-row:2/3;height:var(--pds-select-min-height);pointer-events:none;position:relative;z-index:var(--pine-z-index-raised)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}';var PdsSelect=function(){function e(e){var i=this;registerInstance(this,e);this.pdsSelectChange=createEvent(this,"pdsSelectChange");this.pdsBlur=createEvent(this,"pdsBlur");this.pdsFocus=createEvent(this,"pdsFocus");this.pdsKeyDown=createEvent(this,"pdsKeyDown");this._type="select-one";this.disabled=false;this.multiple=false;this.required=false;this.onSelectUpdate=function(e){var s=e.target;var r=Array.from(s.options).filter((function(e){return e.selected})).map((function(e){return e.value}));if(r.length===1&&!i.multiple){i.value=r[0]}else{i.value=r}i.pdsSelectChange.emit(e)};this.onBlur=function(e){i.pdsBlur.emit(e)};this.onFocus=function(e){i.pdsFocus.emit(e)};this.onKeyDown=function(e){i.pdsKeyDown.emit(e)};this.handleSlotChange=function(){var e=i.slotContainer.querySelector("slot");i.selectEl.innerHTML="";var s=e.assignedElements({flatten:true});s.forEach((function(e){if(["OPTION","OPTGROUP"].includes(e.tagName)){var s=e.cloneNode(true);if(s.tagName==="OPTION"&&s.value===i.value){s.selected=true}i.selectEl.appendChild(s)}}));i.updateSelectedOption()}}e.prototype.valueChanged=function(){this.updateSelectedOption();this.updateFormValue()};e.prototype.multipleChanged=function(){this.updateType()};e.prototype.updateType=function(){this._type=this.multiple?"select-multiple":"select-one"};e.prototype.connectedCallback=function(){var e=this;if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}exposeTypeProperty(this.el,(function(){return e._type}))};e.prototype.componentWillLoad=function(){this.updateType();this.updateSelectedOption()};e.prototype.componentDidLoad=function(){this.updateFormValue()};e.prototype.updateSelectedOption=function(){var e=this;if(this.selectEl){var i=this.selectEl.options;Array.from(i).map((function(i){if(Array.isArray(e.value)){i.selected=e.value.includes(i.value)}else{i.selected=e.value===i.value}}))}};e.prototype.getHelperMessage=function(){return this.helperMessage&&h("p",{class:"pds-select__helper-message",id:messageId(this.componentId,"helper")},this.helperMessage)};e.prototype.getErrorMessage=function(){return this.errorMessage&&h("p",{class:"pds-select__error-message",id:messageId(this.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{icon:danger,size:"small"}),this.errorMessage)};e.prototype.renderMessages=function(){if(!this.helperMessage&&!this.errorMessage)return null;return h("div",{class:"pds-select__message"},this.getHelperMessage(),this.getErrorMessage())};e.prototype.classNames=function(){var e=[];if(this.invalid){e.push("is-invalid")}if(this.disabled){e.push("is-disabled")}return e.join("  ")};e.prototype.renderAction=function(){var e=this.el.querySelector('[slot="action"]')!==null;if(e){return h("div",{class:"pds-select__action",part:"action"},h("slot",{name:"action"}))}return null};e.prototype.updateFormValue=function(){var e=this;if(isSpecTest())return;if(this.internals&&this.internals.setFormValue){var i=this.value;if(Array.isArray(i)){if(i.length>1){var s=new FormData;i.forEach((function(i){return s.append(e.name||"",i)}));this.internals.setFormValue(s)}else{this.internals.setFormValue(i[0]||null)}}else{this.internals.setFormValue(i||null)}if(this.selectEl&&this.internals&&this.internals.setValidity){this.internals.setValidity(this.selectEl.validity,this.selectEl.validationMessage,this.selectEl)}}};e.prototype.formResetCallback=function(){this.value="";this.updateFormValue()};e.prototype.formDisabledCallback=function(e){this.disabled=e};e.prototype.formStateRestoreCallback=function(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){var i=e.getAll(this.name);if(i.length>1){this.value=i.filter((function(e){return typeof e==="string"}))}else if(i.length===1&&typeof i[0]==="string"){this.value=i[0]}}};e.prototype.render=function(){var e=this;var i=this.el.querySelector('[slot="action"]')!==null;return h(Host,{key:"28292440973cbb60c63a296415a617e05fc9c5ce","aria-disabled":this.disabled?"true":null,class:this.classNames(),"has-action":i&&!this.hideLabel?"true":null},h("div",{key:"4a0f255ecc75c9fcedfc933c0a728d26918d9a9c",class:"pds-select"},!this.hideLabel&&h("div",{key:"1f0b2a9ccf4ce2b79d5bb4dd40ff076b415bc6ac",class:"pds-select__label-wrapper"},h("label",{key:"9e30b1b0266981f73f0821c05e833cb66a3caf3c",htmlFor:this.componentId},h("span",{key:"7790be41907be6c5e3b460aa84b7ea54773cc14d",class:this.hideLabel?"visually-hidden":""},this.label)),i&&this.renderAction()),h("select",{key:"d66b39ee412bfbf3c6dfff722cb061f24ba82df6","aria-label":this.hideLabel?this.label:undefined,autocomplete:this.autocomplete||undefined,class:"pds-select__field",disabled:this.disabled,id:this.componentId,multiple:this.multiple,name:this.name,onBlur:this.onBlur,onChange:this.onSelectUpdate,onFocus:this.onFocus,onKeyDown:this.onKeyDown,part:"select",required:this.required,ref:function(i){return e.selectEl=i}}),h("div",{key:"daf4846494666ebade54249c8d925423e71e7d33","aria-hidden":"true",class:"hidden",ref:function(i){return e.slotContainer=i}},h("slot",{key:"545f421fd2679d4bb6ee34658f7dd4089ece4f81",onSlotchange:this.handleSlotChange})),this.renderMessages(),!this.multiple&&h("pds-icon",{key:"0b3bcd3ceee6e6b2ab24b52f16f6cbd89ae88322",class:"pds-select__select-icon",icon:enlarge})))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"],multiple:["multipleChanged"]}},enumerable:false,configurable:true});return e}();PdsSelect.style=pdsSelectTokensCss+(labelCss+pdsSelectCss);export{PdsSelect as pds_select};
 //# sourceMappingURL=pds-select.entry.js.map

package/dist/esm-es5/pds-sortable-item.entry.js

@@ -1,2 +1,2 @@
-import{r as registerInstance,h,H as Host,a as getElement}from"./index-QYCDCKN2.js";import{h as handle}from"./index-D4ys0pep.js";var pdsSortableItemCss=".pds-sortable-item.sc-pds-sortable-item-h{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding-block:var(--pine-dimension-xs);padding-inline:var(--pine-dimension-md)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__actions.sc-pds-sortable-item{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{line-height:1;-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:first-child{border-start-end-radius:calc(var(--pine-dimension-xs) * 1.25);border-start-start-radius:calc(var(--pine-dimension-xs) * 1.25)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:last-child{border-end-end-radius:calc(var(--pine-dimension-xs) * 1.25);border-end-start-radius:calc(var(--pine-dimension-xs) * 1.25)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h{-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h:last-child{-webkit-border-after:0;border-block-end:0}.pds-sortable--handle-type-row .pds-sortable-item.sc-pds-sortable-item-h{cursor:-webkit-grab;cursor:grab}.pds-sortable--handle-type-handle .pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{cursor:-webkit-grab;cursor:grab}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h{cursor:not-allowed;opacity:0.5}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{cursor:not-allowed}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h:hover{background-color:transparent}.pds-sortable:not(.pds-sortable--disabled) .pds-sortable-item.sc-pds-sortable-item-h:hover{background-color:var(--pine-color-background-container-hover)}.pds-sortable:not(.pds-sortable--disabled) .pds-sortable-item.sc-pds-sortable-item-h:hover pds-icon.sc-pds-sortable-item{color:var(--pine-color-info)}.pds-sortable-item--drag.sc-pds-sortable-item-h{background-color:var(--pine-color-background-container);border-radius:0;-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);opacity:1}.pds-sortable-item--ghost.sc-pds-sortable-item-h{background-color:var(--pine-color-background-container-hover);border-radius:0}";var PdsSortableItem=function(){function e(e){registerInstance(this,e);this.enableActions=false;this.showHandle=false}e.prototype.componentWillRender=function(){this.sortableRef=this.el.closest("pds-sortable");if(this.sortableRef&&this.sortableRef.handleType==="handle"){this.showHandle=true}};e.prototype.render=function(){return h(Host,{key:"631a0c1150226256cdb47d1a7bc6635144bb56d0",class:"pds-sortable-item",id:this.componentId},this.showHandle&&h("div",{key:"bdb6ff779a5d750b75d404521bc91cad02176ea8",class:"pds-sortable-item__handle"},h("pds-icon",{key:"144f4b6fe33a3a3a864ac48041fc93935fbf99c3",icon:handle})),h("slot",{key:"cdddce9c5fa3fde34481c41c46c5f6504e33a358"}),this.enableActions&&h("div",{key:"527e1d22f20223a850dbd956dea4db93878fd9f9",class:"pds-sortable-item__actions"},h("slot",{key:"85ea35dbfdf0393721471dd229e80e9e57f58230",name:"sortable-item-actions"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsSortableItem.style=pdsSortableItemCss;export{PdsSortableItem as pds_sortable_item};
+import{r as registerInstance,h,H as Host,a as getElement}from"./index-B2f84Zog.js";import{h as handle}from"./index-D4ys0pep.js";var pdsSortableItemCss=".pds-sortable-item.sc-pds-sortable-item-h{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding-block:var(--pine-dimension-xs);padding-inline:var(--pine-dimension-md)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__actions.sc-pds-sortable-item{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{line-height:1;-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:first-child{border-start-end-radius:calc(var(--pine-dimension-xs) * 1.25);border-start-start-radius:calc(var(--pine-dimension-xs) * 1.25)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:last-child{border-end-end-radius:calc(var(--pine-dimension-xs) * 1.25);border-end-start-radius:calc(var(--pine-dimension-xs) * 1.25)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h{-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h:last-child{-webkit-border-after:0;border-block-end:0}.pds-sortable--handle-type-row .pds-sortable-item.sc-pds-sortable-item-h{cursor:-webkit-grab;cursor:grab}.pds-sortable--handle-type-handle .pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{cursor:-webkit-grab;cursor:grab}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h{cursor:not-allowed;opacity:0.5}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{cursor:not-allowed}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h:hover{background-color:transparent}.pds-sortable:not(.pds-sortable--disabled) .pds-sortable-item.sc-pds-sortable-item-h:hover{background-color:var(--pine-color-background-container-hover)}.pds-sortable:not(.pds-sortable--disabled) .pds-sortable-item.sc-pds-sortable-item-h:hover pds-icon.sc-pds-sortable-item{color:var(--pine-color-info)}.pds-sortable-item--drag.sc-pds-sortable-item-h{background-color:var(--pine-color-background-container);border-radius:0;-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);opacity:1}.pds-sortable-item--ghost.sc-pds-sortable-item-h{background-color:var(--pine-color-background-container-hover);border-radius:0}";var PdsSortableItem=function(){function e(e){registerInstance(this,e);this.enableActions=false;this.showHandle=false}e.prototype.componentWillRender=function(){this.sortableRef=this.el.closest("pds-sortable");if(this.sortableRef&&this.sortableRef.handleType==="handle"){this.showHandle=true}};e.prototype.render=function(){return h(Host,{key:"631a0c1150226256cdb47d1a7bc6635144bb56d0",class:"pds-sortable-item",id:this.componentId},this.showHandle&&h("div",{key:"bdb6ff779a5d750b75d404521bc91cad02176ea8",class:"pds-sortable-item__handle"},h("pds-icon",{key:"144f4b6fe33a3a3a864ac48041fc93935fbf99c3",icon:handle})),h("slot",{key:"cdddce9c5fa3fde34481c41c46c5f6504e33a358"}),this.enableActions&&h("div",{key:"527e1d22f20223a850dbd956dea4db93878fd9f9",class:"pds-sortable-item__actions"},h("slot",{key:"85ea35dbfdf0393721471dd229e80e9e57f58230",name:"sortable-item-actions"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsSortableItem.style=pdsSortableItemCss;export{PdsSortableItem as pds_sortable_item};
 //# sourceMappingURL=pds-sortable-item.entry.js.map

package/dist/esm-es5/pds-sortable.entry.js

@@ -1,4 +1,4 @@
-import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-QYCDCKN2.js";
+import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-B2f84Zog.js";
 /**!
  * Sortable 1.15.7
  * @author	RubaXa   <trash@rubaxa.org>

package/dist/esm-es5/pds-switch.entry.js

@@ -1,2 +1,2 @@
-import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-QYCDCKN2.js";import{e as exposeTypeProperty,i as isSpecTest,m as messageId,a as assignDescription}from"./form-C3xDZBme.js";import{b as danger}from"./index-D4ys0pep.js";import{i as inheritAriaAttributes}from"./attributes-C0M1gTKv.js";var labelCss=":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";var pdsSwitchCss=':host{--sizing-input-toggle-size:calc(var(--pine-dimension-250) - (var(--pine-dimension-025) * 2));--pine-dimension-025:2px;--spacing-message-inline:calc(var(--pine-dimension-450) + var(--pine-dimension-150));--number-transition-timing:0.15s ease-out;-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative}:host(.pds-switch--error){color:var(--pine-color-text-message-danger)}:host(.pds-switch--error) input,:host(.pds-switch--error) input:checked,:host(.pds-switch--error) input:hover:not(:disabled):not(:checked){background-color:var(--pine-color-danger)}:host(.pds-switch--error) input:focus-visible:not(:disabled):not(:checked){outline-color:var(--pine-color-focus-ring-danger)}:host(.pds-switch--error) label{color:var(--color-text-error)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-neutral);border:0;border-radius:var(--pine-dimension-sm);cursor:pointer;display:inline-block;-ms-flex-negative:0;flex-shrink:0;height:var(--pine-dimension-250);margin:0;padding:0;position:relative;-webkit-transition:var(--number-transition-timing);transition:var(--number-transition-timing);-webkit-transition-property:background, border, color;transition-property:background, border, color;width:var(--pine-dimension-450)}input::after{background:var(--pine-color-secondary);border-radius:var(--pine-border-radius-full);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);content:"";display:block;height:var(--sizing-input-toggle-size);inset-block-start:50%;inset-inline-start:var(--pine-dimension-025);position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:inset-inline-start var(--number-transition-timing);transition:inset-inline-start var(--number-transition-timing);width:var(--sizing-input-toggle-size)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-150)}.pds-switch--error label{color:inherit}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-switch__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs);-webkit-margin-start:var(--spacing-message-inline);margin-inline-start:var(--spacing-message-inline);width:100%}.pds-switch__message+.pds-switch__message{-webkit-margin-before:var(--spacing-message-inline);margin-block-start:var(--spacing-message-inline)}.pds-switch__message--error{color:inherit;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-switch__message--error pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}input:disabled{background-color:var(--pine-color-neutral-disabled);cursor:not-allowed}input:disabled~label{cursor:initial}input:disabled:hover::after{background-color:var(--pine-color-secondary)}input:disabled .pds-switch__message{color:initial}input:hover:not(:disabled){background-color:var(--pine-color-neutral-hover)}input:focus-visible:not(:disabled){outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}input:checked::after{inset-inline-start:calc(100% - var(--sizing-input-toggle-size) - var(--pine-dimension-025))}input:checked:not(:disabled){background-color:currentColor;color:var(--pine-color-accent)}input:checked:not(:disabled):hover{border-color:currentColor;color:var(--pine-color-accent-hover)}';var PdsSwitch=function(){function i(i){var e=this;registerInstance(this,i);this.pdsSwitchChange=createEvent(this,"pdsSwitchChange");this.inheritedAttributes={};this._type="checkbox";this.checked=false;this.disabled=false;this.invalid=false;this.required=false;this.onSwitchUpdate=function(i){if(e.disabled)return;var s=i.target;e.checked=s.checked;e.updateFormValue();e.pdsSwitchChange.emit(i)};this.switchClassNames=function(){var i="pds-switch";if(e.invalid===true){i+=" pds-switch--error"}if(e.helperMessage!==undefined){i+=" pds-switch--message"}return i}}i.prototype.connectedCallback=function(){var i=this;if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}exposeTypeProperty(this.el,(function(){return i._type}))};i.prototype.componentDidLoad=function(){this.updateFormValue()};i.prototype.checkedChanged=function(){this.updateFormValue()};i.prototype.updateFormValue=function(){if(isSpecTest())return;if(this.internals&&this.internals.setFormValue){var i=this.checked?this.value||"on":null;this.internals.setFormValue(i)}if(this.internals&&this.internals.setValidity){this.internals.setValidity({})}};i.prototype.formStateRestoreCallback=function(i){if(i instanceof FormData){var e=this.value||"on";this.checked=i.get(this.name||this.componentId)===e}else if(typeof i==="string"){this.checked=i===(this.value||"on")}};i.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},inheritAriaAttributes(this.el))};i.prototype.render=function(){return h(Host,{key:"96ee8c40c04e95b461ba2942b740503897a56b27",class:this.switchClassNames(),"aria-disabled":this.disabled?"true":null},h("label",{key:"441d6854f2c0b02ecf3d874198b3e0636d68c83b",htmlFor:this.componentId},h("input",Object.assign({key:"a26cd5fb407abc20da3e9dcfe0e52333690b783a","aria-describedby":assignDescription(this.componentId,this.invalid,this.errorMessage||this.helperMessage),"aria-invalid":this.invalid?"true":undefined,checked:this.checked,class:"pds-switch__input",disabled:this.disabled,id:this.componentId,name:this.name?this.name:this.componentId,onChange:this.onSwitchUpdate,required:this.required,type:"checkbox",value:this.value},this.inheritedAttributes)),h("span",{key:"5762c48f481c5c5d7b62e8dab40579a4e7ff290b",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&h("div",{key:"64c14b8833b45b4e9efb2f76faa47f0d24127c91",class:"pds-switch__message",id:messageId(this.componentId,"helper")},this.helperMessage),this.errorMessage&&h("div",{key:"cecd2e8da713e74b8e6b528b50733015f5d5069b",class:"pds-switch__message pds-switch__message--error",id:messageId(this.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"3a1c8f87b3909cdad1bc680931f5521ecb77acd6",icon:danger,size:"small"}),this.errorMessage))};Object.defineProperty(i,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return i}();PdsSwitch.style=labelCss+pdsSwitchCss;export{PdsSwitch as pds_switch};
+import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-B2f84Zog.js";import{e as exposeTypeProperty,i as isSpecTest,m as messageId,a as assignDescription}from"./form-C3xDZBme.js";import{b as danger}from"./index-D4ys0pep.js";import{i as inheritAriaAttributes}from"./attributes-C0M1gTKv.js";var labelCss=":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";var pdsSwitchCss=':host{--sizing-input-toggle-size:calc(var(--pine-dimension-250) - (var(--pine-dimension-025) * 2));--pine-dimension-025:2px;--spacing-message-inline:calc(var(--pine-dimension-450) + var(--pine-dimension-150));--number-transition-timing:0.15s ease-out;-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative}:host(.pds-switch--error){color:var(--pine-color-text-message-danger)}:host(.pds-switch--error) input,:host(.pds-switch--error) input:checked,:host(.pds-switch--error) input:hover:not(:disabled):not(:checked){background-color:var(--pine-color-danger)}:host(.pds-switch--error) input:focus-visible:not(:disabled):not(:checked){outline-color:var(--pine-color-focus-ring-danger)}:host(.pds-switch--error) label{color:var(--color-text-error)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-neutral);border:0;border-radius:var(--pine-dimension-sm);cursor:pointer;display:inline-block;-ms-flex-negative:0;flex-shrink:0;height:var(--pine-dimension-250);margin:0;padding:0;position:relative;-webkit-transition:var(--number-transition-timing);transition:var(--number-transition-timing);-webkit-transition-property:background, border, color;transition-property:background, border, color;width:var(--pine-dimension-450)}input::after{background:var(--pine-color-secondary);border-radius:var(--pine-border-radius-full);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);content:"";display:block;height:var(--sizing-input-toggle-size);inset-block-start:50%;inset-inline-start:var(--pine-dimension-025);position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:inset-inline-start var(--number-transition-timing);transition:inset-inline-start var(--number-transition-timing);width:var(--sizing-input-toggle-size)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-150)}.pds-switch--error label{color:inherit}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-switch__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs);-webkit-margin-start:var(--spacing-message-inline);margin-inline-start:var(--spacing-message-inline);width:100%}.pds-switch__message+.pds-switch__message{-webkit-margin-before:var(--spacing-message-inline);margin-block-start:var(--spacing-message-inline)}.pds-switch__message--error{color:inherit;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-switch__message--error pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}input:disabled{background-color:var(--pine-color-neutral-disabled);cursor:not-allowed}input:disabled~label{cursor:initial}input:disabled:hover::after{background-color:var(--pine-color-secondary)}input:disabled .pds-switch__message{color:initial}input:hover:not(:disabled){background-color:var(--pine-color-neutral-hover)}input:focus-visible:not(:disabled){outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}input:checked::after{inset-inline-start:calc(100% - var(--sizing-input-toggle-size) - var(--pine-dimension-025))}input:checked:not(:disabled){background-color:currentColor;color:var(--pine-color-accent)}input:checked:not(:disabled):hover{border-color:currentColor;color:var(--pine-color-accent-hover)}';var PdsSwitch=function(){function i(i){var e=this;registerInstance(this,i);this.pdsSwitchChange=createEvent(this,"pdsSwitchChange");this.inheritedAttributes={};this._type="checkbox";this.checked=false;this.disabled=false;this.invalid=false;this.required=false;this.onSwitchUpdate=function(i){if(e.disabled)return;var s=i.target;e.checked=s.checked;e.updateFormValue();e.pdsSwitchChange.emit(i)};this.switchClassNames=function(){var i="pds-switch";if(e.invalid===true){i+=" pds-switch--error"}if(e.helperMessage!==undefined){i+=" pds-switch--message"}return i}}i.prototype.connectedCallback=function(){var i=this;if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}exposeTypeProperty(this.el,(function(){return i._type}))};i.prototype.componentDidLoad=function(){this.updateFormValue()};i.prototype.checkedChanged=function(){this.updateFormValue()};i.prototype.updateFormValue=function(){if(isSpecTest())return;if(this.internals&&this.internals.setFormValue){var i=this.checked?this.value||"on":null;this.internals.setFormValue(i)}if(this.internals&&this.internals.setValidity){this.internals.setValidity({})}};i.prototype.formStateRestoreCallback=function(i){if(i instanceof FormData){var e=this.value||"on";this.checked=i.get(this.name||this.componentId)===e}else if(typeof i==="string"){this.checked=i===(this.value||"on")}};i.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},inheritAriaAttributes(this.el))};i.prototype.render=function(){return h(Host,{key:"96ee8c40c04e95b461ba2942b740503897a56b27",class:this.switchClassNames(),"aria-disabled":this.disabled?"true":null},h("label",{key:"441d6854f2c0b02ecf3d874198b3e0636d68c83b",htmlFor:this.componentId},h("input",Object.assign({key:"a26cd5fb407abc20da3e9dcfe0e52333690b783a","aria-describedby":assignDescription(this.componentId,this.invalid,this.errorMessage||this.helperMessage),"aria-invalid":this.invalid?"true":undefined,checked:this.checked,class:"pds-switch__input",disabled:this.disabled,id:this.componentId,name:this.name?this.name:this.componentId,onChange:this.onSwitchUpdate,required:this.required,type:"checkbox",value:this.value},this.inheritedAttributes)),h("span",{key:"5762c48f481c5c5d7b62e8dab40579a4e7ff290b",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&h("div",{key:"64c14b8833b45b4e9efb2f76faa47f0d24127c91",class:"pds-switch__message",id:messageId(this.componentId,"helper")},this.helperMessage),this.errorMessage&&h("div",{key:"cecd2e8da713e74b8e6b528b50733015f5d5069b",class:"pds-switch__message pds-switch__message--error",id:messageId(this.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"3a1c8f87b3909cdad1bc680931f5521ecb77acd6",icon:danger,size:"small"}),this.errorMessage))};Object.defineProperty(i,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return i}();PdsSwitch.style=labelCss+pdsSwitchCss;export{PdsSwitch as pds_switch};
 //# sourceMappingURL=pds-switch.entry.js.map

package/dist/esm-es5/pds-tab.entry.js

@@ -1,2 +1,2 @@
-import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-QYCDCKN2.js";var pdsTabCss='pds-tab{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;position:relative}.pds-tabs--pill pds-tab{-ms-flex:1;flex:1}.pds-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:var(--pine-border-width-none);-webkit-box-shadow:none;box-shadow:none;color:inherit;cursor:pointer;font-family:inherit;padding:var(--pine-dimension-none);-ms-flex-align:center;align-items:center;color:var(--pine-color-text-secondary);display:-ms-inline-flexbox;display:inline-flex;position:relative;text-decoration:none;white-space:nowrap}.pds-tab.is-active,.pds-tab[aria-selected=true]{color:var(--pine-color-text)}.pds-tab.is-active .pds-tab__content::after,.pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tab:hover:not(:disabled){color:var(--pine-color-text)}.pds-tab:focus{outline:none}.pds-tab:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tab:disabled,.pds-tab.is-disabled{color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-tab .pds-tab__content{font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);-webkit-padding-after:11px;padding-block-end:11px;position:relative}.pds-tab .pds-tab__content::after{background-color:var(--pine-color-brand);content:"";height:3px;inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);inset-inline-start:var(--pine-dimension-none);opacity:0;position:absolute}.pds-tab .pds-tab-edge{display:none}.pds-tabs--availability{--color-background-tab:transparent}.pds-tabs--availability .pds-tab{background-color:var(--color-background-tab);border-radius:calc(var(--pine-dimension-xs) * 1.25) calc(var(--pine-dimension-xs) * 1.25) var(--pine-dimension-none) var(--pine-dimension-none);color:var(--pine-color-text-secondary);padding:8px 16px 13px}.pds-tabs--availability .pds-tab.is-active,.pds-tabs--availability .pds-tab[aria-selected=true]{--color-background-tab:var(--pine-color-secondary);color:var(--pine-color-text)}.pds-tabs--availability .pds-tab.is-active .pds-tab__content::after,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tabs--availability .pds-tab.is-active .pds-tab-edge,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab-edge{z-index:var(--pine-z-index-raised)}.pds-tabs--availability .pds-tab:hover:not(.is-active,[aria-selected=true],:disabled){--color-background-tab:var(--pine-color-secondary-hover);color:var(--pine-color-text)}.pds-tabs--availability .pds-tab:focus-visible{color:var(--pine-color-text-secondary)}.pds-tabs--availability .pds-tab:disabled,.pds-tabs--availability .pds-tab.is-disabled{--color-background-tab:transparent;color:var(--pine-color-text-disabled)}.pds-tabs--availability .pds-tab__content{-webkit-padding-after:7px;padding-block-end:7px}.pds-tabs--availability .pds-tab-edge{bottom:0;display:block;height:8px;inset-inline-end:100%;overflow:hidden;position:absolute;width:8px}.pds-tabs--availability .pds-tab-edge::before{border-radius:50%;bottom:0;-webkit-box-shadow:4px 4px 0 0 var(--color-background-tab);box-shadow:4px 4px 0 0 var(--color-background-tab);content:"";display:block;height:200%;inset-inline-end:0;position:absolute;width:200%}.pds-tabs--availability .pds-tab-edge--end{inset-inline-end:unset;inset-inline-start:100%}.pds-tabs--availability .pds-tab-edge--end::before{-webkit-box-shadow:-4px 4px 0 0 var(--color-background-tab);box-shadow:-4px 4px 0 0 var(--color-background-tab);inset-inline-end:unset;inset-inline-start:0}.pds-tabs--filter .pds-tab{background-color:var(--pine-color-background-muted);border-radius:50px;color:var(--pine-color-text);padding:6px 15px}.pds-tabs--filter .pds-tab.is-active,.pds-tabs--filter .pds-tab[aria-selected=true]{background-color:var(--pine-color-primary);color:var(--pine-color-text-primary)}.pds-tabs--filter .pds-tab.is-active:hover:not(:disabled),.pds-tabs--filter .pds-tab[aria-selected=true]:hover:not(:disabled){background-color:var(--pine-color-primary-hover)}.pds-tabs--filter .pds-tab:hover:not(.is-active,[aria-selected=true],:disabled){background-color:var(--pine-color-border-disabled)}.pds-tabs--filter .pds-tab:disabled,.pds-tabs--filter .pds-tab.is-disabled{background-color:transparent;color:var(--pine-color-text-disabled)}.pds-tabs--filter .pds-tab:disabled.is-active,.pds-tabs--filter .pds-tab:disabled[aria-selected=true],.pds-tabs--filter .pds-tab.is-disabled.is-active,.pds-tabs--filter .pds-tab.is-disabled[aria-selected=true]{background-color:var(--pine-color-primary-disabled)}.pds-tabs--filter .pds-tab__content{-webkit-padding-after:var(--pine-dimension-none);padding-block-end:var(--pine-dimension-none)}.pds-tabs--filter .pds-tab__content::after{content:unset}.pds-tabs--pill{--color-background-tab:transparent}.pds-tabs--pill .pds-tab{background-color:var(--color-background-tab);border:var(--pine-border-width-thin) solid transparent;border-radius:var(--pine-dimension-xs);color:var(--pine-color-text-muted);-ms-flex:1;flex:1;height:34px;-ms-flex-pack:center;justify-content:center}.pds-tabs--pill .pds-tab .pds-tab__content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-padding-after:0;padding-block-end:0}.pds-tabs--pill .pds-tab.is-active,.pds-tabs--pill .pds-tab[aria-selected=true]{--color-background-tab:var(--pine-color-background-container);border-color:var(--pine-color-border);-webkit-box-shadow:var(--pine-box-shadow-100);box-shadow:var(--pine-box-shadow-100);color:var(--pine-color-text-active)}.pds-tabs--pill .pds-tab.is-active:focus-visible,.pds-tabs--pill .pds-tab[aria-selected=true]:focus-visible{border-color:var(--color-border-focus);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tabs--pill .pds-tab.is-active,.pds-tabs--pill .pds-tab[aria-selected=true]{}.pds-tabs--pill .pds-tab.is-active .pds-tab__content::after,.pds-tabs--pill .pds-tab[aria-selected=true] .pds-tab__content::after{opacity:0}.pds-tabs--pill .pds-tab.is-active,.pds-tabs--pill .pds-tab[aria-selected=true]{}.pds-tabs--pill .pds-tab:disabled,.pds-tabs--pill .pds-tab.is-disabled{color:var(--pine-color-text-disabled)}';var PdsTab=function(){function a(a){registerInstance(this,a);this.pdsTabClick=createEvent(this,"pdsTabClick");this.disabled=false;this.selected=false}a.prototype.onTabClick=function(a,e){if(this.disabled)return;this.pdsTabClick.emit([a,e])};a.prototype.classNames=function(){var a=["pds-tab",this.selected&&"is-active",this.disabled&&"is-disabled"];return a.filter(Boolean).join(" ")};a.prototype.render=function(){var a=h("span",{key:"934d84846bd84471047f9ab7503e5bb151426cbc",class:"pds-tab-edge",role:"presentation"});var e=h("span",{key:"e35b9da7b312ed95dab7bf803c40a22b3485ee05",class:"pds-tab-edge pds-tab-edge--end",role:"presentation"});return h(Host,{key:"310188521230d3e16cff23b857769c4b5d04fd8d",variant:this.variant,slot:"tabs",index:this.index},h("button",{key:"9df38c2aa1fa29487fdce62ce7dc5f67df6bcde1",role:"tab",id:this.parentComponentId+"__"+this.name,"aria-controls":this.parentComponentId+"__"+this.name+"-panel",tabindex:this.disabled?"-1":this.selected?"0":"-1","aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":null,disabled:this.disabled,class:this.classNames(),onClick:this.onTabClick.bind(this,this.index,this.parentComponentId)},this.variant==="availability"&&a,this.variant==="availability"&&e,h("div",{key:"4936599dd547f236880ea9a0ccabc4b50836d1d5",class:"pds-tab__content"},h("slot",{key:"567388faf912bb307676cea9a4626ce9669087dd"}))))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();PdsTab.style=pdsTabCss;export{PdsTab as pds_tab};
+import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-B2f84Zog.js";var pdsTabCss='pds-tab{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;position:relative}.pds-tabs--pill pds-tab{-ms-flex:1;flex:1}.pds-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:var(--pine-border-width-none);-webkit-box-shadow:none;box-shadow:none;color:inherit;cursor:pointer;font-family:inherit;padding:var(--pine-dimension-none);-ms-flex-align:center;align-items:center;color:var(--pine-color-text-secondary);display:-ms-inline-flexbox;display:inline-flex;position:relative;text-decoration:none;white-space:nowrap}.pds-tab.is-active,.pds-tab[aria-selected=true]{color:var(--pine-color-text)}.pds-tab.is-active .pds-tab__content::after,.pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tab:hover:not(:disabled){color:var(--pine-color-text)}.pds-tab:focus{outline:none}.pds-tab:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tab:disabled,.pds-tab.is-disabled{color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-tab .pds-tab__content{font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);-webkit-padding-after:11px;padding-block-end:11px;position:relative}.pds-tab .pds-tab__content::after{background-color:var(--pine-color-brand);content:"";height:3px;inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);inset-inline-start:var(--pine-dimension-none);opacity:0;position:absolute}.pds-tab .pds-tab-edge{display:none}.pds-tabs--availability{--color-background-tab:transparent}.pds-tabs--availability .pds-tab{background-color:var(--color-background-tab);border-radius:calc(var(--pine-dimension-xs) * 1.25) calc(var(--pine-dimension-xs) * 1.25) var(--pine-dimension-none) var(--pine-dimension-none);color:var(--pine-color-text-secondary);padding:8px 16px 13px}.pds-tabs--availability .pds-tab.is-active,.pds-tabs--availability .pds-tab[aria-selected=true]{--color-background-tab:var(--pine-color-secondary);color:var(--pine-color-text)}.pds-tabs--availability .pds-tab.is-active .pds-tab__content::after,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tabs--availability .pds-tab.is-active .pds-tab-edge,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab-edge{z-index:var(--pine-z-index-raised)}.pds-tabs--availability .pds-tab:hover:not(.is-active,[aria-selected=true],:disabled){--color-background-tab:var(--pine-color-secondary-hover);color:var(--pine-color-text)}.pds-tabs--availability .pds-tab:focus-visible{color:var(--pine-color-text-secondary)}.pds-tabs--availability .pds-tab:disabled,.pds-tabs--availability .pds-tab.is-disabled{--color-background-tab:transparent;color:var(--pine-color-text-disabled)}.pds-tabs--availability .pds-tab__content{-webkit-padding-after:7px;padding-block-end:7px}.pds-tabs--availability .pds-tab-edge{bottom:0;display:block;height:8px;inset-inline-end:100%;overflow:hidden;position:absolute;width:8px}.pds-tabs--availability .pds-tab-edge::before{border-radius:50%;bottom:0;-webkit-box-shadow:4px 4px 0 0 var(--color-background-tab);box-shadow:4px 4px 0 0 var(--color-background-tab);content:"";display:block;height:200%;inset-inline-end:0;position:absolute;width:200%}.pds-tabs--availability .pds-tab-edge--end{inset-inline-end:unset;inset-inline-start:100%}.pds-tabs--availability .pds-tab-edge--end::before{-webkit-box-shadow:-4px 4px 0 0 var(--color-background-tab);box-shadow:-4px 4px 0 0 var(--color-background-tab);inset-inline-end:unset;inset-inline-start:0}.pds-tabs--filter .pds-tab{background-color:var(--pine-color-background-muted);border-radius:50px;color:var(--pine-color-text);padding:6px 15px}.pds-tabs--filter .pds-tab.is-active,.pds-tabs--filter .pds-tab[aria-selected=true]{background-color:var(--pine-color-primary);color:var(--pine-color-text-primary)}.pds-tabs--filter .pds-tab.is-active:hover:not(:disabled),.pds-tabs--filter .pds-tab[aria-selected=true]:hover:not(:disabled){background-color:var(--pine-color-primary-hover)}.pds-tabs--filter .pds-tab:hover:not(.is-active,[aria-selected=true],:disabled){background-color:var(--pine-color-border-disabled)}.pds-tabs--filter .pds-tab:disabled,.pds-tabs--filter .pds-tab.is-disabled{background-color:transparent;color:var(--pine-color-text-disabled)}.pds-tabs--filter .pds-tab:disabled.is-active,.pds-tabs--filter .pds-tab:disabled[aria-selected=true],.pds-tabs--filter .pds-tab.is-disabled.is-active,.pds-tabs--filter .pds-tab.is-disabled[aria-selected=true]{background-color:var(--pine-color-primary-disabled)}.pds-tabs--filter .pds-tab__content{-webkit-padding-after:var(--pine-dimension-none);padding-block-end:var(--pine-dimension-none)}.pds-tabs--filter .pds-tab__content::after{content:unset}.pds-tabs--pill{--color-background-tab:transparent}.pds-tabs--pill .pds-tab{background-color:var(--color-background-tab);border:var(--pine-border-width-thin) solid transparent;border-radius:var(--pine-dimension-xs);color:var(--pine-color-text-muted);-ms-flex:1;flex:1;height:34px;-ms-flex-pack:center;justify-content:center}.pds-tabs--pill .pds-tab .pds-tab__content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-padding-after:0;padding-block-end:0}.pds-tabs--pill .pds-tab.is-active,.pds-tabs--pill .pds-tab[aria-selected=true]{--color-background-tab:var(--pine-color-background-container);border-color:var(--pine-color-border);-webkit-box-shadow:var(--pine-box-shadow-100);box-shadow:var(--pine-box-shadow-100);color:var(--pine-color-text-active)}.pds-tabs--pill .pds-tab.is-active:focus-visible,.pds-tabs--pill .pds-tab[aria-selected=true]:focus-visible{border-color:var(--color-border-focus);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tabs--pill .pds-tab.is-active,.pds-tabs--pill .pds-tab[aria-selected=true]{}.pds-tabs--pill .pds-tab.is-active .pds-tab__content::after,.pds-tabs--pill .pds-tab[aria-selected=true] .pds-tab__content::after{opacity:0}.pds-tabs--pill .pds-tab.is-active,.pds-tabs--pill .pds-tab[aria-selected=true]{}.pds-tabs--pill .pds-tab:disabled,.pds-tabs--pill .pds-tab.is-disabled{color:var(--pine-color-text-disabled)}';var PdsTab=function(){function a(a){registerInstance(this,a);this.pdsTabClick=createEvent(this,"pdsTabClick");this.disabled=false;this.selected=false}a.prototype.onTabClick=function(a,e){if(this.disabled)return;this.pdsTabClick.emit([a,e])};a.prototype.classNames=function(){var a=["pds-tab",this.selected&&"is-active",this.disabled&&"is-disabled"];return a.filter(Boolean).join(" ")};a.prototype.render=function(){var a=h("span",{key:"934d84846bd84471047f9ab7503e5bb151426cbc",class:"pds-tab-edge",role:"presentation"});var e=h("span",{key:"e35b9da7b312ed95dab7bf803c40a22b3485ee05",class:"pds-tab-edge pds-tab-edge--end",role:"presentation"});return h(Host,{key:"310188521230d3e16cff23b857769c4b5d04fd8d",variant:this.variant,slot:"tabs",index:this.index},h("button",{key:"9df38c2aa1fa29487fdce62ce7dc5f67df6bcde1",role:"tab",id:this.parentComponentId+"__"+this.name,"aria-controls":this.parentComponentId+"__"+this.name+"-panel",tabindex:this.disabled?"-1":this.selected?"0":"-1","aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":null,disabled:this.disabled,class:this.classNames(),onClick:this.onTabClick.bind(this,this.index,this.parentComponentId)},this.variant==="availability"&&a,this.variant==="availability"&&e,h("div",{key:"4936599dd547f236880ea9a0ccabc4b50836d1d5",class:"pds-tab__content"},h("slot",{key:"567388faf912bb307676cea9a4626ce9669087dd"}))))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();PdsTab.style=pdsTabCss;export{PdsTab as pds_tab};
 //# sourceMappingURL=pds-tab.entry.js.map