@pine-ds/core 3.1.0 → 3.2.0

package/dist/pine-core/p-32bd3e33.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["positionTooltip","elem","elemPlacement","overlay","offset","trim","rect","getBoundingClientRect","contentRect","style","top","left","right","bottom","transform","position","isTextTrigger","childNodes","length","nodeType","Node","TEXT_NODE","ELEMENT_NODE","child","tagName","includes","height","width","pdsTooltipCss","PdsTooltip","constructor","hostRef","this","_isInteractiveOpen","portalEl","triggerEl","contentDiv","slotMutationObserver","overlayResizeObserver","isOpen","hasArrow","htmlContent","placement","maxWidth","opened","handleHide","hideTooltip","handleShow","showTooltip","handlePageShow","handleScroll","repositionPortal","handleSpaNavigation","handleOpenToggle","newValue","oldValue","componentWillLoad","componentDidLoad","window","addEventListener","el","querySelector","contentSlotWrapper","MutationObserver","removePortal","createPortal","observe","childList","subtree","removeEventListener","disconnect","componentDidRender","determinePositioningAnchor","positioningAnchor","children","i","childNode","anchor","placementParts","split","primaryPlacement","isCardinalCenterPlacement","anchorRect","overlayRect","currentOverlayTop","parseFloat","anchorCenterY","overlayCenterY","adjustmentY","Math","abs","currentOverlayLeft","anchorCenterX","overlayCenterX","adjustmentX","document","createElement","className","zIndex","id","componentId","instanceCounter","getAttribute","setAttribute","slottedContentContainer","hasSlottedContent","childrenToClone","Array","from","hasMeaningfulNode","some","node","_a","textContent","forEach","appendChild","cloneNode","content","body","ResizeObserver","unobserve","removeChild","removeAttribute","render","hostId","undefined","h","Host","key","class","onMouseEnter","onMouseLeave","onFocus","onBlur","ref","display","name"],"sources":["src/utils/overlay.ts","src/components/pds-tooltip/pds-tooltip.scss?tag=pds-tooltip","src/components/pds-tooltip/pds-tooltip.tsx"],"sourcesContent":["interface OverlayArgs {\n  elem: HTMLElement | null;\n  elemPlacement: string;\n  overlay: HTMLElement | null;\n  offset?: number;\n}\n\nexport const positionTooltip = ({elem, elemPlacement, overlay, offset = 8}: OverlayArgs): boolean => {\n  if (elem === null || overlay === null) return false;\n  if (typeof elemPlacement !== 'string' || elemPlacement.trim() === '') {\n    return false;\n  }\n\n  const rect = elem.getBoundingClientRect();\n  const contentRect = overlay.getBoundingClientRect();\n\n  // Reset styles\n  overlay.style.top = '';\n  overlay.style.left = '';\n  overlay.style.right = '';\n  overlay.style.bottom = '';\n  overlay.style.transform = '';\n\n  // Use fixed positioning for portal overlays\n  overlay.style.position = 'fixed';\n\n  // Detect if the trigger is a span with only text or a text node\n  let isTextTrigger = false;\n  if (elem.childNodes.length === 1 && elem.childNodes[0].nodeType === Node.TEXT_NODE) {\n    isTextTrigger = true;\n  } else if (elem.childNodes.length === 1 && elem.childNodes[0].nodeType === Node.ELEMENT_NODE) {\n    const child = elem.childNodes[0] as HTMLElement;\n    if (child.tagName === 'SPAN' && child.childNodes.length === 1 && child.childNodes[0].nodeType === Node.TEXT_NODE) {\n      isTextTrigger = true;\n    }\n  }\n\n  switch (true) {\n    case elemPlacement.includes('right'):\n      if (isTextTrigger) {\n        // Align to the bottom of the trigger for text triggers\n        overlay.style.top = `${rect.bottom - contentRect.height / 2}px`;\n      } else {\n        overlay.style.top = `${rect.top + rect.height / 2 - contentRect.height / 2}px`;\n      }\n      overlay.style.left = `${rect.right + offset}px`;\n      if (elemPlacement.includes('start')) {\n        overlay.style.top = `${rect.top}px`;\n      }\n      if (elemPlacement.includes('end')) {\n        overlay.style.top = `${rect.bottom - contentRect.height}px`;\n      }\n      break;\n    case elemPlacement.includes('left'):\n      if (isTextTrigger) {\n        overlay.style.top = `${rect.bottom - contentRect.height / 2}px`;\n      } else {\n        overlay.style.top = `${rect.top + rect.height / 2 - contentRect.height / 2}px`;\n      }\n      overlay.style.left = `${rect.left - contentRect.width - offset}px`;\n      if (elemPlacement.includes('start')) {\n        overlay.style.top = `${rect.top}px`;\n      }\n      if (elemPlacement.includes('end')) {\n        overlay.style.top = `${rect.bottom - contentRect.height}px`;\n      }\n      break;\n    case elemPlacement.includes('bottom'):\n      overlay.style.top = `${rect.bottom + offset}px`;\n      overlay.style.left = `${rect.left + rect.width / 2 - contentRect.width / 2}px`;\n      if (elemPlacement.includes('start')) {\n        overlay.style.left = `${rect.left}px`;\n      }\n      if (elemPlacement.includes('end')) {\n        overlay.style.left = `${rect.right - contentRect.width}px`;\n        overlay.style.right = 'initial';\n      }\n      break;\n    case elemPlacement.includes('top'):\n      overlay.style.top = `${rect.top - contentRect.height - offset}px`;\n      overlay.style.left = `${rect.left + rect.width / 2 - contentRect.width / 2}px`;\n      if (elemPlacement.includes('start')) {\n        overlay.style.left = `${rect.left}px`;\n      }\n      if (elemPlacement.includes('end')) {\n        overlay.style.left = `${rect.right - contentRect.width}px`;\n        overlay.style.right = 'initial';\n      }\n      break;\n  }\n  return true;\n}\n",".pds-tooltip {\n  --tooltip-border-width-arrow-down: var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;\n  --tooltip-border-width-arrow-left: var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;\n  --tooltip-border-width-arrow-right: var(--tooltip-sizing-arrow) 0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);\n  --tooltip-border-width-arrow-up: 0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);\n  --tooltip-sizing-arrow: 6px;\n  --tooltip-sizing-arrow-offset: 14px;\n  --tooltip-dimension-max-width: 320px;\n}\n\n.pds-tooltip__content {\n  background-color: var(--pine-color-primary);\n  border-radius: calc(var(--pine-dimension-xs) * 1.25);\n  box-shadow: var(--pine-box-shadow);\n  color: var(--pine-color-text-primary);\n  // TODO: need to use block / none but the tooltip content width and height are needed for calculations\n  max-width: var(--tooltip-dimension-max-width);\n  opacity: 0;\n  padding: var(--pine-dimension-xs) calc(var(--pine-dimension-md) / 2);\n  position: absolute;\n  visibility: hidden;\n  width: max-content;\n\n  .pds-tooltip--is-open & {\n    // TODO: need to use block / none but the tooltip content width and height are needed for calculations\n    opacity: 1;\n    visibility: visible;\n    z-index: 1;\n  }\n\n  .pds-tooltip.pds-tooltip--has-html-content & {\n    width: auto;\n  }\n\n  &::after {\n    border-color: transparent;\n    border-right-color: transparent;\n    border-style: solid;\n    border-width: var(--tooltip-border-width-arrow-left);\n    content: '';\n    height: 0;\n    position: absolute;\n    width: 0;\n\n    .pds-tooltip--right & {\n      border-inline-end-color: var(--pine-color-primary);\n      border-width: var(--tooltip-border-width-arrow-left);\n      left: calc(var(--tooltip-sizing-arrow) * -1);\n      top: 50%;\n      transform: translateY(-50%);\n    }\n\n    .pds-tooltip--right-end & {\n      border-inline-end-color: var(--pine-color-primary);\n      border-width: var(--tooltip-border-width-arrow-left);\n      bottom: var(--tooltip-sizing-arrow-offset);\n      left: calc(var(--tooltip-sizing-arrow) * -1);\n      top: initial;\n    }\n\n    .pds-tooltip--right-start & {\n      border-inline-end-color: var(--pine-color-primary);\n      border-width: var(--tooltip-border-width-arrow-left);\n      left: calc(var(--tooltip-sizing-arrow) * -1);\n      top: var(--tooltip-sizing-arrow-offset);\n    }\n\n    .pds-tooltip--top & {\n      border-block-start-color: var(--pine-color-primary);\n      border-width: var(--tooltip-border-width-arrow-down);\n      bottom: calc(var(--tooltip-sizing-arrow) * -1);\n      left: 50%;\n      top: initial;\n      transform: translateX(-50%);\n    }\n\n    .pds-tooltip--top-start & {\n      border-block-start-color: var(--pine-color-primary);\n      border-width: var(--tooltip-border-width-arrow-down);\n      bottom: calc(var(--tooltip-sizing-arrow) * -1);\n      left: var(--tooltip-sizing-arrow-offset);\n      top: initial;\n    }\n\n    .pds-tooltip--top-end & {\n      border-block-start-color: var(--pine-color-primary);\n      border-width: var(--tooltip-border-width-arrow-down);\n      bottom: calc(var(--tooltip-sizing-arrow) * -1);\n      left: initial;\n      right: var(--tooltip-sizing-arrow-offset);\n      top: initial;\n    }\n\n    .pds-tooltip--left & {\n      border-inline-start-color: var(--pine-color-primary);\n      border-width: var(--tooltip-border-width-arrow-right);\n      left: initial;\n      right: calc(var(--tooltip-sizing-arrow) * -1);\n      top: 50%;\n      transform: translateY(-50%);\n    }\n\n    .pds-tooltip--left-end & {\n      border-inline-start-color: var(--pine-color-primary);\n      border-width: var(--tooltip-border-width-arrow-right);\n      bottom: var(--tooltip-sizing-arrow-offset);\n      left: initial;\n      right: calc(var(--tooltip-sizing-arrow) * -1);\n      top: initial;\n    }\n\n    .pds-tooltip--left-start & {\n      border-inline-start-color: var(--pine-color-primary);\n      border-width: var(--tooltip-border-width-arrow-right);\n      left: initial;\n      right: calc(var(--tooltip-sizing-arrow) * -1);\n      top: var(--tooltip-sizing-arrow-offset);\n    }\n\n    .pds-tooltip--bottom & {\n      border-block-end-color: var(--pine-color-primary);\n      border-width: var(--tooltip-border-width-arrow-up);\n      left: 50%;\n      top: calc(var(--tooltip-sizing-arrow) * -1);\n      transform: translateX(-50%);\n    }\n\n    .pds-tooltip--bottom-end & {\n      border-block-end-color: var(--pine-color-primary);\n      border-width: var(--tooltip-border-width-arrow-up);\n      left: initial;\n      right: var(--tooltip-sizing-arrow-offset);\n      top: calc(var(--tooltip-sizing-arrow) * -1);\n    }\n\n    .pds-tooltip--bottom-start & {\n      border-block-end-color: var(--pine-color-primary);\n      border-width: var(--tooltip-border-width-arrow-up);\n      left: var(--tooltip-sizing-arrow-offset);\n      top: calc(var(--tooltip-sizing-arrow) * -1);\n    }\n\n    .pds-tooltip--no-arrow & {\n      border-width: 0;\n    }\n  }\n}\n","import { Component, Element, Host, Prop, State, h, Method, Watch } from '@stencil/core';\nimport { positionTooltip } from '../../utils/overlay';\n\n/**\n * @slot (default) - The tooltip's target element\n * @slot content - HTML content for the tooltip\n */\n\n@Component({\n  tag: 'pds-tooltip',\n  styleUrls: ['pds-tooltip.scss'],\n  shadow: false,\n})\n\nexport class PdsTooltip {\n  private static instanceCounter = 0;\n\n  /**\n   * Internal state: true if the tooltip was opened by user interaction (hover/focus),\n   * false if opened via the `opened` prop or currently closed.\n   */\n  @State() private _isInteractiveOpen = false;\n\n  private portalEl: HTMLElement | null = null;\n  private triggerEl: HTMLElement | null = null;\n  private contentDiv: HTMLElement | null = null;\n  private slotMutationObserver: MutationObserver | null = null;\n  private overlayResizeObserver: ResizeObserver | null = null;\n\n  /**\n   * Reference to the Host element\n   */\n  @Element() el: HTMLPdsTooltipElement;\n\n  /**\n   * Determines when the tooltip is open\n   * @defaultValue false\n   */\n  @State() isOpen = false;\n\n  /**\n   * Content for the tooltip. If HTML is required, use the content slot\n   */\n  @Prop() content: string;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines whether or not the tooltip has an arrow\n   * @defaultValue true\n   */\n  @Prop() hasArrow? = true;\n\n  /**\n   * Enable this option when using the content slot\n   * @defaultValue false\n   */\n  @Prop() htmlContent = false;\n\n  /**\n   * Determines the preferred position of the tooltip\n   * @defaultValue \"right\"\n   */\n  @Prop({ reflect: true }) placement:\n    'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end' = 'right';\n\n  /**\n   * Sets the maximum width of the tooltip content\n   * @defaultValue \"352px\"\n   */\n  @Prop() maxWidth: string = '352px';\n\n  /**\n   * Determines whether or not the tooltip is visible\n   * @defaultValue false\n   */\n  @Prop({mutable: true, reflect: true}) opened = false;\n\n  @Watch('opened')\n\n  handleOpenToggle(newValue: boolean, oldValue: boolean) {\n    if (newValue === false && oldValue === true) {\n      this._isInteractiveOpen = false;\n    }\n  }\n\n  componentWillLoad() {\n    this._isInteractiveOpen = false;\n  }\n\n  componentDidLoad() {\n    window.addEventListener('pageshow', this.handlePageShow);\n    this.triggerEl = this.el.querySelector('.pds-tooltip__trigger') as HTMLElement;\n    const contentSlotWrapper = this.el.querySelector('.pds-tooltip__content-slot-wrapper');\n\n    if (contentSlotWrapper !== null) {\n      this.slotMutationObserver = new MutationObserver(() => {\n        if (this.opened && this.portalEl !== null) {\n          this.removePortal();\n          this.createPortal();\n        }\n      });\n      this.slotMutationObserver.observe(contentSlotWrapper, { childList: true, subtree: false });\n    }\n\n    return () => {\n      window.removeEventListener('pageshow', this.handlePageShow);\n\n      if (this.slotMutationObserver !== null) {\n        this.slotMutationObserver.disconnect();\n      }\n    };\n  }\n\n  componentDidRender() {\n    if (this.opened && this.portalEl === null) {\n      this.createPortal();\n    } else if (!this.opened && this.portalEl !== null) {\n      this.removePortal();\n    }\n  }\n\n  /**\n   * Shows the tooltip by enabling the opened property\n   */\n  @Method()\n  async showTooltip() {\n    this.opened = true;\n  }\n\n  /**\n   * Hides the tooltip by disabling the opened property\n   */\n  @Method()\n  async hideTooltip() {\n    this.opened = false;\n  }\n\n  private handleHide = () => {\n    if (this.opened && !this._isInteractiveOpen) {\n      return;\n    }\n\n    this.hideTooltip();\n    this._isInteractiveOpen = false;\n  };\n\n  private handleShow = () => {\n    if (this.opened && !this._isInteractiveOpen) {\n      return;\n    }\n\n    this._isInteractiveOpen = true;\n    this.showTooltip();\n  };\n\n  private handlePageShow = () => {\n    if (this.opened && !this._isInteractiveOpen) {\n      return;\n    }\n\n    this.opened = false;\n    this._isInteractiveOpen = false;\n  };\n\n  private handleScroll = () => {\n    if (this.opened) {\n      if (!this._isInteractiveOpen) {\n        this.repositionPortal();\n      } else {\n        this.hideTooltip();\n        this._isInteractiveOpen = false;\n      }\n    }\n  };\n\n  private handleSpaNavigation = () => {\n    if (this.opened && !this._isInteractiveOpen) {\n      return;\n    }\n\n    this.hideTooltip();\n    this._isInteractiveOpen = false;\n  };\n\n  /**\n   * Determines the most accurate HTML element to use as the anchor for positioning the tooltip.\n   * If `htmlContent` is false, it attempts to find the actual element slotted as the trigger.\n   * Otherwise, or if no specific element is found, it defaults to the span wrapper around the trigger slot.\n   * This helps with precise alignment.\n   */\n  private determinePositioningAnchor(): HTMLElement | null {\n    let positioningAnchor: HTMLElement | null = this.triggerEl;\n\n    if (this.triggerEl !== null) {\n      const children = this.triggerEl.childNodes;\n\n      for (let i = 0; i < children.length; i++) {\n        const childNode = children[i];\n\n        if (childNode.nodeType === Node.ELEMENT_NODE) {\n          positioningAnchor = childNode as HTMLElement;\n          break; // Found the first element, use it as the anchor\n        }\n      }\n    }\n\n    // If no ELEMENT_NODE is found within this.triggerEl (e.g., if trigger is just text),\n    // positioningAnchor will correctly remain this.triggerEl (the span).\n    return positioningAnchor;\n  }\n\n  /**\n   * Centralized method to calculate and apply the tooltip's position.\n   * Uses the determined anchor element and the current content dimensions.\n   */\n  private repositionPortal() {\n    const anchor = this.determinePositioningAnchor();\n\n    if (anchor !== null && this.contentDiv !== null) {\n      positionTooltip({ elem: anchor, elemPlacement: this.placement, overlay: this.contentDiv });\n      const placementParts = this.placement.split('-');\n      const primaryPlacement = placementParts[0];\n      const isCardinalCenterPlacement = placementParts.length === 1;\n\n      if (isCardinalCenterPlacement) {\n        const anchorRect = anchor.getBoundingClientRect();\n        const overlayRect = this.contentDiv.getBoundingClientRect();\n\n        if (primaryPlacement === 'left' || primaryPlacement === 'right') {\n          const currentOverlayTop = parseFloat(this.contentDiv.style.top || '0');\n          const anchorCenterY = anchorRect.top + (anchorRect.height / 2);\n          const overlayCenterY = overlayRect.top + (overlayRect.height / 2);\n          const adjustmentY = anchorCenterY - overlayCenterY;\n\n          if (Math.abs(adjustmentY) > 0.5) {\n            this.contentDiv.style.top = `${currentOverlayTop + adjustmentY}px`;\n          }\n\n        } else if (primaryPlacement === 'top' || primaryPlacement === 'bottom') {\n          const currentOverlayLeft = parseFloat(this.contentDiv.style.left || '0');\n          const anchorCenterX = anchorRect.left + (anchorRect.width / 2);\n          const overlayCenterX = overlayRect.left + (overlayRect.width / 2);\n          const adjustmentX = anchorCenterX - overlayCenterX;\n\n          if (Math.abs(adjustmentX) > 0.5) {\n            this.contentDiv.style.left = `${currentOverlayLeft + adjustmentX}px`;\n          }\n        }\n      }\n    }\n  }\n\n  private createPortal() {\n    if (this.portalEl !== null) return;\n\n    this.portalEl = document.createElement('div');\n    this.portalEl.className = `pds-tooltip pds-tooltip--${this.placement} ${this.htmlContent ? 'pds-tooltip--has-html-content' : ''} ${this.opened ? 'pds-tooltip--is-open' : ''} ${this.hasArrow ? '' : 'pds-tooltip--no-arrow'}`;\n    this.portalEl.style.position = 'fixed';\n    this.portalEl.style.zIndex = '9999';\n\n    if (this.portalEl.id === '') {\n      this.portalEl.id = this.componentId || this.el.id || `pds-tooltip-portal-${PdsTooltip.instanceCounter++}`;\n    }\n\n    if (this.portalEl.getAttribute('id') !== this.portalEl.id) {\n      this.portalEl.setAttribute('id', this.portalEl.id);\n    }\n\n    this.portalEl.setAttribute('role', 'tooltip');\n    this.portalEl.setAttribute('aria-hidden', this.opened ? 'false' : 'true');\n    this.portalEl.setAttribute('aria-live', this.opened ? 'polite' : 'off');\n    this.portalEl.style.maxWidth = this.maxWidth;\n\n    this.contentDiv = document.createElement('div');\n    this.contentDiv.className = 'pds-tooltip__content';\n    this.contentDiv.setAttribute('aria-hidden', this.opened ? 'false' : 'true');\n    this.contentDiv.setAttribute('aria-live', this.opened ? 'polite' : 'off');\n    this.contentDiv.setAttribute('role', 'tooltip');\n    this.contentDiv.style.maxWidth = this.maxWidth;\n\n    const contentSlotWrapper = this.el.querySelector('.pds-tooltip__content-slot-wrapper');\n    const slottedContentContainer = contentSlotWrapper?.querySelector('[slot=\"content\"]') as HTMLElement | null;\n    let hasSlottedContent = false;\n\n    if (slottedContentContainer !== null) {\n      const childrenToClone = Array.from(slottedContentContainer.childNodes);\n\n      if (childrenToClone.length > 0) {\n        const hasMeaningfulNode = childrenToClone.some(node =>\n          node.nodeType === Node.ELEMENT_NODE ||\n          (node.nodeType === Node.TEXT_NODE && node.textContent?.trim() !== '')\n        );\n\n        if (hasMeaningfulNode) {\n          hasSlottedContent = true;\n          childrenToClone.forEach((node /*, index*/) => {\n            if (node.nodeType === Node.ELEMENT_NODE || (node.nodeType === Node.TEXT_NODE && node.textContent?.trim() !== '')) {\n              this.contentDiv.appendChild(node.cloneNode(true));\n            }\n          });\n        }\n      }\n    }\n\n    if (!hasSlottedContent) {\n      if (this.content !== '') {\n        this.contentDiv.textContent = this.content;\n      }\n    }\n\n    this.portalEl.appendChild(this.contentDiv);\n    document.body.appendChild(this.portalEl);\n\n    this.repositionPortal();\n\n    if (this.contentDiv !== null) {\n      this.overlayResizeObserver = new ResizeObserver(() => {\n        this.repositionPortal();\n      });\n      this.overlayResizeObserver.observe(this.contentDiv);\n    }\n\n    // Add global listeners when portal is created\n    window.addEventListener('scroll', this.handleScroll, true);\n    window.addEventListener('popstate', this.handleSpaNavigation, true);\n    window.addEventListener('hashchange', this.handleSpaNavigation, true);\n\n    // Add ARIA attribute to trigger, now that portalEl and its ID are confirmed\n    if (this.triggerEl !== null && this.portalEl.id !== '') {\n      this.triggerEl.setAttribute('aria-describedby', this.portalEl.id);\n    }\n  }\n\n  private removePortal() {\n    if (this.overlayResizeObserver !== null && this.contentDiv !== null) {\n      this.overlayResizeObserver.unobserve(this.contentDiv);\n      this.overlayResizeObserver = null;\n    }\n\n    if (this.portalEl !== null) {\n      window.removeEventListener('scroll', this.handleScroll, true);\n      window.removeEventListener('popstate', this.handleSpaNavigation, true);\n      window.removeEventListener('hashchange', this.handleSpaNavigation, true);\n      document.body.removeChild(this.portalEl);\n      this.portalEl = null;\n    }\n\n    // Remove ARIA attribute from trigger\n    if (this.triggerEl !== null) {\n      this.triggerEl.removeAttribute('aria-describedby');\n    }\n    this.contentDiv = null;\n  }\n\n  render() {\n    const hostId = this.componentId || undefined;\n\n    return (\n      <Host id={hostId} class={{ 'pds-tooltip--is-open': this.opened }}>\n        <span\n          class=\"pds-tooltip__trigger\"\n          onMouseEnter={this.handleShow}\n          onMouseLeave={this.handleHide}\n          onFocus={this.handleShow}\n          onBlur={this.handleHide}\n          ref={el => this.triggerEl = el}\n        >\n          <slot />\n        </span>\n        <div class=\"pds-tooltip__content-slot-wrapper\" style={{ display: 'none' }}>\n          <slot name=\"content\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pine-core/{p-8305cd4d.entry.js → p-367e188f.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as e,h as t,H as i,g as n}from"./p-Uh5ntVcq.js";const s='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{color:var(--pine-color-text)}.pds-tab:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.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);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)}.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:1}.pds-tabs--availability .pds-tab:hover:not(.is-active,[aria-selected=true]){--color-background-tab:var(--pine-color-secondary-hover)}.pds-tabs--availability .pds-tab:focus-visible{color:var(--pine-color-text-secondary)}.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{--color-background-tab:var(--pine-color-background-container)}.pds-tabs--filter .pds-tab{background-color:var(--color-background-tab);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]{--color-background-tab:var(--pine-color-primary);color:var(--pine-color-text-primary)}.pds-tabs--filter .pds-tab:hover:not(.is-active,[aria-selected=true]){--color-background-tab:var(--pine-color-background-container-hover)}.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-readonly);-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-white);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);z-index:1;}.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-tab__content::after,.pds-tabs--pill .pds-tab[aria-selected=true] .pds-tab__content::after{opacity:0}';const o=class{constructor(t){a(this,t);this.pdsTabClick=e(this,"pdsTabClick");this.selected=false}onTabClick(a,e){this.pdsTabClick.emit([a,e])}render(){const a=t("span",{key:"f03f2a822bc603cf61483202ae9a249b8586ed02",class:"pds-tab-edge",role:"presentation"});const e=t("span",{key:"ccf11be9b997f174b555021cd50e07a4128c7182",class:"pds-tab-edge pds-tab-edge--end",role:"presentation"});return t(i,{key:"8643374d23c0e3329f4f39f4ee5c025f95a06b30",variant:this.variant,slot:"tabs",index:this.index},t("button",{key:"469df7696312659dd0af97561fb92aad22f054c0",role:"tab",id:this.parentComponentId+"__"+this.name,"aria-controls":this.parentComponentId+"__"+this.name+"-panel",tabindex:this.selected?"0":"-1","aria-selected":this.selected?"true":"false",class:this.selected?"pds-tab is-active":"pds-tab",onClick:this.onTabClick.bind(this,this.index,this.parentComponentId)},this.variant==="availability"&&a,this.variant==="availability"&&e,t("div",{key:"e759f2c4d52db51f0b92bf4424bcc42d6b266e37",class:"pds-tab__content"},t("slot",{key:"88226acf10ef132470aeefad0459dd377609b325"}))))}get el(){return n(this)}};o.style=s;export{o as pds_tab};
-//# sourceMappingURL=p-8305cd4d.entry.js.map
+import{r as a,c as e,h as t,H as i,g as n}from"./p-Uh5ntVcq.js";const s='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{color:var(--pine-color-text)}.pds-tab:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.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);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)}.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:1}.pds-tabs--availability .pds-tab:hover:not(.is-active,[aria-selected=true]){--color-background-tab:var(--pine-color-secondary-hover)}.pds-tabs--availability .pds-tab:focus-visible{color:var(--pine-color-text-secondary)}.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{--color-background-tab:var(--pine-color-background-container)}.pds-tabs--filter .pds-tab{background-color:var(--color-background-tab);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]{--color-background-tab:var(--pine-color-primary);color:var(--pine-color-text-primary)}.pds-tabs--filter .pds-tab:hover:not(.is-active,[aria-selected=true]){--color-background-tab:var(--pine-color-background-container-hover)}.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-readonly);-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-white);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);z-index:1;}.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-tab__content::after,.pds-tabs--pill .pds-tab[aria-selected=true] .pds-tab__content::after{opacity:0}';const o=class{constructor(t){a(this,t);this.pdsTabClick=e(this,"pdsTabClick");this.selected=false}onTabClick(a,e){this.pdsTabClick.emit([a,e])}render(){const a=t("span",{key:"5256039455be2b9e0dbfd18caf5a7a4f6ca2f047",class:"pds-tab-edge",role:"presentation"});const e=t("span",{key:"c65bc9ccb5a43ee1c1f634fa19c4ac6d66259747",class:"pds-tab-edge pds-tab-edge--end",role:"presentation"});return t(i,{key:"0f379e0d4cce1590dc917196dd520b26bb5e89d9",variant:this.variant,slot:"tabs",index:this.index},t("button",{key:"70b033b21ff9093b2393565c026ff4954d74dbf3",role:"tab",id:this.parentComponentId+"__"+this.name,"aria-controls":this.parentComponentId+"__"+this.name+"-panel",tabindex:this.selected?"0":"-1","aria-selected":this.selected?"true":"false",class:this.selected?"pds-tab is-active":"pds-tab",onClick:this.onTabClick.bind(this,this.index,this.parentComponentId)},this.variant==="availability"&&a,this.variant==="availability"&&e,t("div",{key:"b01547140256199ec4e829a83e11ea27d059e0ea",class:"pds-tab__content"},t("slot",{key:"7dce311009731af53a4b6fff4af6e90f91a060a7"}))))}get el(){return n(this)}};o.style=s;export{o as pds_tab};
+//# sourceMappingURL=p-367e188f.entry.js.map

package/dist/pine-core/{p-6147b1ea.system.entry.js → p-3798a631.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-C_8VmA8d.system.js"],(function(e){"use strict";var i,a,n;return{setters:[function(e){i=e.r;a=e.h;n=e.H}],execute:function(){var t=":host{--loader-color:var(--pine-color-brand);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-xs)}:host(.pds-loader--hidden),.pds-loader--hidden{border-width:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-loader--spinner svg{--number-spinner-timing:2s;--number-spinner-path-timing:1.5s;-webkit-animation:rotate var(--number-spinner-timing) linear infinite;animation:rotate var(--number-spinner-timing) linear infinite;color:var(--loader-color)}.pds-loader__spinner-path{stroke-width:8px}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pds-loader--typing{--number-typing-timing:1s;--opacity-typing-dot-default:0.4;--opacity-typing-dot-active:1;-ms-flex-align:center;align-items:center;background-color:var(--pine-color-background-container-disabled);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-2xs);margin-block:var(--pine-dimension-none);margin-inline:auto;padding-block:15px;padding-inline:20px;position:relative}.pds-loader--typing span{background-color:var(--pine-color-border-hover);block-size:6px;border-radius:var(--pine-border-radius-full);inline-size:6px;opacity:var(--opacity-typing-dot-default)}.pds-loader--typing span:nth-of-type(1){-webkit-animation:var(--number-typing-timing) typing infinite 0.3333s;animation:var(--number-typing-timing) typing infinite 0.3333s}.pds-loader--typing span:nth-of-type(2){-webkit-animation:var(--number-typing-timing) typing infinite 0.6666s;animation:var(--number-typing-timing) typing infinite 0.6666s}.pds-loader--typing span:nth-of-type(3){-webkit-animation:var(--number-typing-timing) typing infinite 0.9999s;animation:var(--number-typing-timing) typing infinite 0.9999s}@-webkit-keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.25);transform:scale(1.25)}}@keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.25);transform:scale(1.25)}}.pds-loader__label{--typography-label-default:var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-body);font:var(--typography-label-default)}";var r=e("pds_loader",function(){function e(e){var a=this;i(this,e);this.isLoading=true;this.showLabel=false;this.size="md";this.variant="spinner";this.style=function(){if(a.size!==undefined){return{height:a.loaderSize(),width:a.loaderSize()}}}}e.prototype.loaderSize=function(){var e={xs:"24px",sm:"32px",md:"48px",lg:"64px",xl:"80px"};if(e[this.size]){return e[this.size]}else{return this.size}};e.prototype.render=function(){return a(n,{key:"c01b34ac171a5581e1456737f17043cf8b47af8e",class:"pds-loader ".concat(this.isLoading?"":"pds-loader--hidden"),"aria-hidden":!this.isLoading,"aria-busy":this.isLoading,"aria-live":"polite"},this.variant==="spinner"&&a("div",{key:"ffd9e050fef503f1614c06896b8d888202df8656",class:"pds-loader--spinner"},a("svg",{key:"056b84ca6f89f6dc93f72d115c9cad3efa9f468d",style:this.style(),viewBox:"0 0 200 200",fill:"none"},a("defs",{key:"85bfeab6bc686de25e4156154273067fbcb3ba0b"},a("linearGradient",{key:"d32d0c03f7f851cd56365af16298c4da0db74ec8",id:"spinner-secondHalf"},a("stop",{key:"1113756349854bc4ab581c0ce282dcd54def3891",offset:"0%","stop-opacity":"0","stop-color":"currentColor"}),a("stop",{key:"0f649b9e828409cab1b67a26d9a35d35e9fe7b0a",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"})),a("linearGradient",{key:"4aabb11799007ae40d7e112696809b35b652bb46",id:"spinner-firstHalf"},a("stop",{key:"9624d9de9eaba0f29264d3b76bc27287bbc1b68b",offset:"0%","stop-opacity":"1","stop-color":"currentColor"}),a("stop",{key:"37fd5de86c5db30731b4dc39b1cd2cb6afbe7393",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"}))),a("g",{key:"06ccf17d191612cd5566714e69299a9e749618da",class:"pds-loader__spinner-path"},a("path",{key:"9b5556b7c20e3c0f7effaa6d09120baa0b07e614",stroke:"url(#spinner-secondHalf)",d:"M 4 100 A 96 96 0 0 1 196 100"}),a("path",{key:"aacb689fcace08aa9bee3c3eb2ee1b571ed1b9ee",stroke:"url(#spinner-firstHalf)",d:"M 196 100 A 96 96 0 0 1 4 100"}),a("path",{key:"875a3faf04e718f095d616db6a2cd1c7bcde2f14",stroke:"currentColor","stroke-linecap":"round",d:"M 4 100 A 96 96 0 0 1 4 98"})))),this.variant==="typing"&&a("div",{key:"515a530c8acd7807d45c3f54ff1d264002e3e627",class:"pds-loader--typing"},a("span",{key:"bbb55e71064ab200ca388360a8a0986eda5b2008"}),a("span",{key:"77f42ba8124be61565479f21ed9253d928da49b3"}),a("span",{key:"f8ef81fc9a9bf1a24f0bb3501c49291fe5028c5a"})),a("div",{key:"fd73795dfb15359ff655ed6abf4b2e41faa079a7",class:"pds-loader__label ".concat(this.showLabel?"":"pds-loader--hidden")},a("slot",{key:"cdfb46d54431a84b3ceaaaf94d48f69c42956c8d",name:"label"},"Loading...")))};return e}());r.style=t}}}));
-//# sourceMappingURL=p-6147b1ea.system.entry.js.map
+System.register(["./p-C_8VmA8d.system.js"],(function(e){"use strict";var i,a,n;return{setters:[function(e){i=e.r;a=e.h;n=e.H}],execute:function(){var t=":host{--loader-color:var(--pine-color-brand);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-xs)}:host(.pds-loader--hidden),.pds-loader--hidden{border-width:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-loader--spinner svg{--number-spinner-timing:2s;--number-spinner-path-timing:1.5s;-webkit-animation:rotate var(--number-spinner-timing) linear infinite;animation:rotate var(--number-spinner-timing) linear infinite;color:var(--loader-color)}.pds-loader__spinner-path{stroke-width:8px}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pds-loader--typing{--number-typing-timing:1s;--opacity-typing-dot-default:0.4;--opacity-typing-dot-active:1;-ms-flex-align:center;align-items:center;background-color:var(--pine-color-background-container-disabled);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-2xs);margin-block:var(--pine-dimension-none);margin-inline:auto;padding-block:15px;padding-inline:20px;position:relative}.pds-loader--typing span{background-color:var(--pine-color-border-hover);block-size:6px;border-radius:var(--pine-border-radius-full);inline-size:6px;opacity:var(--opacity-typing-dot-default)}.pds-loader--typing span:nth-of-type(1){-webkit-animation:var(--number-typing-timing) typing infinite 0.3333s;animation:var(--number-typing-timing) typing infinite 0.3333s}.pds-loader--typing span:nth-of-type(2){-webkit-animation:var(--number-typing-timing) typing infinite 0.6666s;animation:var(--number-typing-timing) typing infinite 0.6666s}.pds-loader--typing span:nth-of-type(3){-webkit-animation:var(--number-typing-timing) typing infinite 0.9999s;animation:var(--number-typing-timing) typing infinite 0.9999s}@-webkit-keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.25);transform:scale(1.25)}}@keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.25);transform:scale(1.25)}}.pds-loader__label{--typography-label-default:var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-body);font:var(--typography-label-default)}";var r=e("pds_loader",function(){function e(e){var a=this;i(this,e);this.isLoading=true;this.showLabel=false;this.size="md";this.variant="spinner";this.style=function(){if(a.size!==undefined){return{height:a.loaderSize(),width:a.loaderSize()}}}}e.prototype.loaderSize=function(){var e={xs:"24px",sm:"32px",md:"48px",lg:"64px",xl:"80px"};if(e[this.size]){return e[this.size]}else{return this.size}};e.prototype.render=function(){return a(n,{key:"1885f34a4ea3b114fac209f543680e531059bbbc",class:"pds-loader ".concat(this.isLoading?"":"pds-loader--hidden"),"aria-hidden":!this.isLoading,"aria-busy":this.isLoading,"aria-live":"polite"},this.variant==="spinner"&&a("div",{key:"179e5c12cf4b049fc065034f0a6658ad6ddd9040",class:"pds-loader--spinner"},a("svg",{key:"8f4ba909fc4b9fe64ea7ea37ff26ae1d835292ae",style:this.style(),viewBox:"0 0 200 200",fill:"none"},a("defs",{key:"ded765d5064790ad53f65a7e831e86367ce394ee"},a("linearGradient",{key:"a8d3bca4fb569a52e61fd3908512803b2020dc38",id:"spinner-secondHalf"},a("stop",{key:"5c573e2545c778350b7481a4f2f468f4ae8094c0",offset:"0%","stop-opacity":"0","stop-color":"currentColor"}),a("stop",{key:"99ade176b1d6a84f4ae8a4d3b2c9e98954dbb519",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"})),a("linearGradient",{key:"3730c343c31190b037d0a6401a89b63640250f4a",id:"spinner-firstHalf"},a("stop",{key:"f989c168a08aec3cb0b3f3bbfc71483b1991aff3",offset:"0%","stop-opacity":"1","stop-color":"currentColor"}),a("stop",{key:"2ef58c6b7ec9058856b0fa30158182e4262396c6",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"}))),a("g",{key:"6421330f6d04f90f24207057a67e03a38985d63b",class:"pds-loader__spinner-path"},a("path",{key:"594bf9e8c6b5c311ba2f461f873f6e5e9b6ccf27",stroke:"url(#spinner-secondHalf)",d:"M 4 100 A 96 96 0 0 1 196 100"}),a("path",{key:"d44edd943fe5ffd3d8708232a0ca16a254e688e4",stroke:"url(#spinner-firstHalf)",d:"M 196 100 A 96 96 0 0 1 4 100"}),a("path",{key:"ed3a5152042d5970dfa01d560ad234a8401702ca",stroke:"currentColor","stroke-linecap":"round",d:"M 4 100 A 96 96 0 0 1 4 98"})))),this.variant==="typing"&&a("div",{key:"b7c4a013453a7233b8a9090b614b1ef0e5234ccd",class:"pds-loader--typing"},a("span",{key:"41408b1e02d88e80f8aa0468f607aad34015ff38"}),a("span",{key:"c41fc78a3160a72875301b968da6229351953e30"}),a("span",{key:"02d33e3953dc291e60f293ac2c5906229decc4b9"})),a("div",{key:"2e767fdad673b59d07ab1aa02aeb002eb1930d24",class:"pds-loader__label ".concat(this.showLabel?"":"pds-loader--hidden")},a("slot",{key:"27956937cf99517d73c8a465457fde1c0c985c15",name:"label"},"Loading...")))};return e}());r.style=t}}}));
+//# sourceMappingURL=p-3798a631.system.entry.js.map

package/dist/pine-core/p-3D0orTx_.system.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-3D0orTx_.system.js","sources":["src/components/pds-dropdown-menu/pds-dropdown-menu-separator/pds-dropdown-menu-separator.scss?tag=pds-dropdown-menu-separator&encapsulation=shadow","src/components/pds-dropdown-menu/pds-dropdown-menu-separator/pds-dropdown-menu-separator.tsx"],"sourcesContent":[":host {\n  hr {\n    border: 1px solid var(--pine-color-border);\n    margin-block: var(--pine-dimension-xs);\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport type { BasePdsProps } from '@utils/interfaces';\n\n@Component({\n  tag: 'pds-dropdown-menu-separator',\n  styleUrl: 'pds-dropdown-menu-separator.scss',\n  shadow: true,\n})\nexport class PdsDropdownMenuSeparator implements BasePdsProps {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * It determines whether or not the dropdown-item is disabled.\n   * @defaultValue false\n   */\n  @Prop() disabled: boolean = false;\n\n\n  render() {\n    return (\n      <Host id={this.componentId}>\n        <hr/>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;MAAA,MAAM,2BAA2B,GAAG,2FAA2F;;YCQlH,wBAAwB,0CAAA,MAAA;MALrC,IAAA,WAAA,CAAA,OAAA,EAAA;;MAWE;;;MAGG;MACK,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;MAUlC;UAPC,MAAM,GAAA;MACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,EAAE,EAAE,IAAI,CAAC,WAAW,EAAA,EACxB,CAAK,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACA;;;;;;;;;;;"}

package/dist/pine-core/{p-c838b6ef.system.entry.js → p-3f82ac77.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-C_8VmA8d.system.js","./p-BG7_qxVr.system.js","./p-B4W0_y2p.system.js"],(function(i){"use strict";var e,r,a,s,o,d,n;return{setters:[function(i){e=i.r;r=i.c;a=i.h;s=i.H},function(i){o=i.m;d=i.a},function(i){n=i.f}],execute:function(){var c=".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 t='.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}.is-invalid.sc-pds-radio-h input.sc-pds-radio{border-color:var(--pine-color-border-danger)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked{background:var(--pine-color-border-danger)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked:hover{background:var(--pine-color-border-danger-hover);border-color:var(--pine-color-border-danger-hover)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.is-invalid.sc-pds-radio-h label.sc-pds-radio,.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.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-background-container);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:disabled+label.sc-pds-radio{cursor:not-allowed}input.sc-pds-radio:disabled~.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message-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)}.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);-webkit-margin-before:var(--sizing-margin-block-start);margin-block-start:var(--sizing-margin-block-start);-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;font-size:var(--pine-font-size-body-sm);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)}';var l=i("pds_radio",function(){function i(i){var a=this;e(this,i);this.pdsRadioChange=r(this,"pdsRadioChange");this.checked=false;this.disabled=false;this.invalid=false;this.required=false;this.handleRadioChange=function(i){if(a.disabled){return}var e=i.target;var r=e.checked;a.pdsRadioChange.emit(r)}}i.prototype.classNames=function(){var i=[];if(this.invalid){i.push("is-invalid")}if(this.disabled){i.push("is-disabled")}return i.join("  ")};i.prototype.render=function(){return a(s,{key:"7366c979970c03d9c6b26d355ba2f14c2e040907",class:this.classNames()},a("label",{key:"c48405dc725f4d7b0a027e66c3b0b04e72843445",htmlFor:this.componentId},a("input",{key:"cd38a200a73572d2f07ada9bc1ec08cae0863044","aria-describedby":d(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,type:"radio",id:this.componentId,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleRadioChange}),a("span",{key:"a21fb68b4326afb2bf25b08cf6022cd26f3c83ba",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&a("div",{key:"b4c201465e085096ac5fac05e43b01cee045310e",class:"pds-radio__message",id:o(this.componentId,"helper")},this.helperMessage),this.errorMessage&&a("div",{key:"2c0475efbe1ebedd762de9d432864f5dab8f0448",class:"pds-radio__message pds-radio__message--error",id:o(this.componentId,"error"),"aria-live":"assertive"},a("pds-icon",{key:"40ece3a429d9475c17f262d772cdb7332a7089b2",icon:n,size:"small"}),this.errorMessage))};return i}());l.style=c+t}}}));
-//# sourceMappingURL=p-c838b6ef.system.entry.js.map
+System.register(["./p-C_8VmA8d.system.js","./p-BG7_qxVr.system.js","./p-B4W0_y2p.system.js"],(function(i){"use strict";var r,e,a,s,o,d,n;return{setters:[function(i){r=i.r;e=i.c;a=i.h;s=i.H},function(i){o=i.m;d=i.a},function(i){n=i.f}],execute:function(){var c=".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 t='.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}.is-invalid.sc-pds-radio-h input.sc-pds-radio{border-color:var(--pine-color-border-danger)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked{background:var(--pine-color-border-danger)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked:hover{background:var(--pine-color-border-danger-hover);border-color:var(--pine-color-border-danger-hover)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.is-invalid.sc-pds-radio-h label.sc-pds-radio,.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.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-background-container);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:disabled+label.sc-pds-radio{cursor:not-allowed}input.sc-pds-radio:disabled~.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message-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)}.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);-webkit-margin-before:var(--sizing-margin-block-start);margin-block-start:var(--sizing-margin-block-start);-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;font-size:var(--pine-font-size-body-sm);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)}';var l=i("pds_radio",function(){function i(i){var a=this;r(this,i);this.pdsRadioChange=e(this,"pdsRadioChange");this.checked=false;this.disabled=false;this.invalid=false;this.required=false;this.handleRadioChange=function(i){if(a.disabled){return}var r=i.target;var e=r.checked;a.pdsRadioChange.emit(e)}}i.prototype.classNames=function(){var i=[];if(this.invalid){i.push("is-invalid")}if(this.disabled){i.push("is-disabled")}return i.join("  ")};i.prototype.render=function(){return a(s,{key:"a31d9cd94150a104a83595043dc003fa5d9779a2",class:this.classNames()},a("label",{key:"1d71e515a00c25bbaac7d0420f4a4ee6a5189836",htmlFor:this.componentId},a("input",{key:"800b2bbf703e68fbf60f62d6c28228759d976436","aria-describedby":d(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,type:"radio",id:this.componentId,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleRadioChange}),a("span",{key:"33c241168498b07a25dfc5ac6f9244eb3ce93547",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&a("div",{key:"f159de72b68a0f1bf07abb52d50a0d6d89b4f766",class:"pds-radio__message",id:o(this.componentId,"helper")},this.helperMessage),this.errorMessage&&a("div",{key:"fb5877c78e519db27964308c1607ab58fc2fcb08",class:"pds-radio__message pds-radio__message--error",id:o(this.componentId,"error"),"aria-live":"assertive"},a("pds-icon",{key:"1385571ed511a800778d64edf48e2853a1c4793e",icon:n,size:"small"}),this.errorMessage))};return i}());l.style=c+t}}}));
+//# sourceMappingURL=p-3f82ac77.system.entry.js.map

package/dist/pine-core/p-4288c861.entry.js

@@ -0,0 +1,2 @@
+import{r as i,h as n}from"./p-Uh5ntVcq.js";import{s as e}from"./p-DkabwBZT.js";import{l as o}from"./p-_4gljHh-.js";const s=":host{display:inline}:host pds-icon{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-link{-ms-flex-align:center;align-items:center;color:var(--color, var(--pine-color-text));display:-ms-inline-flexbox;display:inline-flex;font-weight:var(--pine-font-weight-medium)}.pds-link:focus-visible{border-radius:var(--pine-dimension-2xs);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width-thick);position:relative}.pds-link:hover{color:var(--color, var(--pine-color-text-hover));text-decoration:none}:host([color=secondary]) .pds-link{color:var(--pine-color-text-primary)}:host([color=secondary]) .pds-link:hover{color:var(--pine-color-grey-150)}:host([color=accent]) .pds-link{color:var(--pine-color-accent)}:host([color=accent]) .pds-link:hover{color:var(--pine-color-accent-hover)}:host([color=danger]) .pds-link{color:var(--pine-color-danger)}:host([color=danger]) .pds-link:hover{color:var(--pine-color-danger-hover)}.pds-link--sm{font-size:var(--pine-font-size-body-xs)}.pds-link--sm pds-icon{height:var(--pine-dimension-xs);width:var(--pine-dimension-xs)}.pds-link--md{font-size:var(--pine-font-size-body-sm)}.pds-link--md pds-icon{height:var(--pine-dimension-xs);width:var(--pine-dimension-xs)}.pds-link--lg{font-size:var(--pine-font-size-body-md)}.pds-link--lg pds-icon{height:var(--pine-dimension-sm);width:var(--pine-dimension-sm)}.pds-link--plain{text-decoration:none}.pds-link--plain:hover{color:var(--pine-color-text-hover);text-decoration:underline}";const r=class{constructor(n){i(this,n);this.external=false;this.variant="inline";this.fontSize="lg"}classNames(){const i=["pds-link"];if(this.fontSize){i.push("pds-link--"+this.fontSize)}if(this.variant){i.push("pds-link--"+this.variant)}return i.join(" ")}setLinkStyles(){if(!this.color)return;const i={secondary:"var(--pine-color-text-primary)",accent:"var(--pine-color-accent)",danger:"var(--pine-color-danger)"};const n=e(this.color,i);return n}render(){return n("a",{key:"bd418a8fd35a3f3b7e240c09f9dcae3bdaa49013",class:this.classNames(),href:this.href,id:this.componentId,part:"link",target:this.external?"_blank":undefined,style:this.setLinkStyles()},n("slot",{key:"45aa4d6d1b2daaf4413227e39811595073f65744"},this.href),this.external&&n("pds-icon",{key:"4b8dec593ddefb68278e3c102174ec24b63680f6",icon:o,size:this.fontSize}))}};r.style=s;export{r as pds_link};
+//# sourceMappingURL=p-4288c861.entry.js.map

package/dist/pine-core/p-4288c861.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsLinkCss","PdsLink","constructor","hostRef","this","external","variant","fontSize","classNames","push","join","setLinkStyles","color","linkColors","secondary","accent","danger","linkStyles","setColor","render","h","key","class","href","id","componentId","part","target","undefined","style","icon","launch","size"],"sources":["src/components/pds-link/pds-link.scss?tag=pds-link&encapsulation=shadow","src/components/pds-link/pds-link.tsx"],"sourcesContent":[":host {\n  display: inline;\n\n  pds-icon {\n    margin-inline-start: var(--pine-dimension-2xs);\n  }\n}\n\n.pds-link {\n  align-items: center;\n  color: var(--color, var(--pine-color-text));\n  display: inline-flex;\n  font-weight: var(--pine-font-weight-medium);\n\n  &:focus-visible {\n    border-radius: var(--pine-dimension-2xs);\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-border-width-thick);\n    position: relative;\n  }\n\n  &:hover {\n    color: var(--color, var(--pine-color-text-hover));\n    text-decoration: none;\n  }\n\n  :host([color=\"secondary\"]) & {\n    color: var(--pine-color-text-primary);\n\n    &:hover {\n      color: var(--pine-color-grey-150);\n    }\n  }\n\n  :host([color=\"accent\"]) & {\n    color: var(--pine-color-accent);\n\n    &:hover {\n      color: var(--pine-color-accent-hover);\n    }\n  }\n\n  :host([color=\"danger\"]) & {\n    color: var(--pine-color-danger);\n\n    &:hover {\n      color: var(--pine-color-danger-hover);\n    }\n  }\n}\n\n// We have a small consensus stating that\n// fonts will be REMs, box-model will be\n// discussed later px or (r)em's\n.pds-link--sm {\n  font-size: var(--pine-font-size-body-xs);\n\n  pds-icon {\n    height: var(--pine-dimension-xs);\n    width: var(--pine-dimension-xs);\n  }\n}\n\n.pds-link--md {\n  font-size: var(--pine-font-size-body-sm);\n\n  pds-icon {\n    height: var(--pine-dimension-xs);\n    width: var(--pine-dimension-xs);\n  }\n}\n\n.pds-link--lg {\n  font-size: var(--pine-font-size-body-md);\n\n  pds-icon {\n    height: var(--pine-dimension-sm);\n    width: var(--pine-dimension-sm);\n  }\n}\n\n.pds-link--plain {\n  text-decoration: none;\n\n  &:hover {\n    color: var(--pine-color-text-hover);\n    text-decoration: underline;\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { setColor } from '../../utils/utils';\n\nimport { launch } from '@pine-ds/icons/icons';\n\n/**\n * @part link - Link element styles.\n * @slot (default) - Text content placed between the opening and closing tags. If no text is provided, the **href** will be used as a fallback.\n */\n@Component({\n  tag: 'pds-link',\n  styleUrls: ['pds-link.scss'],\n  shadow: true,\n})\nexport class PdsLink {\n  /**\n   * Sets the link color.\n   */\n  @Prop() color?: string;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines whether the link should open in a new tab.\n   * @defaultValue false\n   */\n  @Prop() external = false;\n\n  /**\n   * Sets the link variant styles.\n   * @defaultValue inline\n   */\n  @Prop() variant: 'inline' | 'plain' = 'inline';\n\n  /**\n   * The font size of the link's text.\n   * @defaultValue lg\n   */\n  @Prop() fontSize: 'sm' | 'md' | 'lg' = 'lg';\n\n  /**\n   * The hyperlink's destination URL. If no text is provided in the custom slot, the href will be used.\n   */\n  @Prop() href!: string;\n\n  private classNames() {\n    const classNames = ['pds-link'];\n\n    if (this.fontSize) {\n      classNames.push('pds-link--' + this.fontSize);\n    }\n\n    if (this.variant) {\n      classNames.push('pds-link--' + this.variant);\n    }\n\n    return classNames.join(' ');\n  }\n\n  private setLinkStyles() {\n    if (!this.color) return;\n\n    const linkColors = {\n      secondary: 'var(--pine-color-text-primary)',\n      accent: 'var(--pine-color-accent)',\n      danger: 'var(--pine-color-danger)',\n    }\n\n    const linkStyles = setColor(this.color, linkColors);\n\n    return linkStyles;\n  }\n\n  render() {\n\n    return (\n      <a\n        class={this.classNames()}\n        href={this.href}\n        id={this.componentId}\n        part=\"link\"\n        target={this.external ? '_blank' : undefined}\n        style={this.setLinkStyles()}\n      >\n        <slot>{this.href}</slot>\n        {this.external &&\n          <pds-icon icon={launch} size={this.fontSize}></pds-icon>\n        }\n      </a>\n    );\n  }\n}\n"],"mappings":"mHAAA,MAAMA,EAAa,w/C,MCcNC,EAAO,MALpB,WAAAC,CAAAC,G,UAoBUC,KAAQC,SAAG,MAMXD,KAAOE,QAAuB,SAM9BF,KAAQG,SAAuB,IAqDxC,CA9CS,UAAAC,GACN,MAAMA,EAAa,CAAC,YAEpB,GAAIJ,KAAKG,SAAU,CACjBC,EAAWC,KAAK,aAAeL,KAAKG,S,CAGtC,GAAIH,KAAKE,QAAS,CAChBE,EAAWC,KAAK,aAAeL,KAAKE,Q,CAGtC,OAAOE,EAAWE,KAAK,I,CAGjB,aAAAC,GACN,IAAKP,KAAKQ,MAAO,OAEjB,MAAMC,EAAa,CACjBC,UAAW,iCACXC,OAAQ,2BACRC,OAAQ,4BAGV,MAAMC,EAAaC,EAASd,KAAKQ,MAAOC,GAExC,OAAOI,C,CAGT,MAAAE,GAEE,OACEC,EAAA,KAAAC,IAAA,2CACEC,MAAOlB,KAAKI,aACZe,KAAMnB,KAAKmB,KACXC,GAAIpB,KAAKqB,YACTC,KAAK,OACLC,OAAQvB,KAAKC,SAAW,SAAWuB,UACnCC,MAAOzB,KAAKO,iBAEZS,EAAO,QAAAC,IAAA,4CAAAjB,KAAKmB,MACXnB,KAAKC,UACJe,EAAA,YAAAC,IAAA,2CAAUS,KAAMC,EAAQC,KAAM5B,KAAKG,W","ignoreList":[]}

package/dist/pine-core/p-47a7a65b.entry.js

@@ -0,0 +1,2 @@
+import{r,c as e,h as o,H as i,g as s}from"./p-Uh5ntVcq.js";const a=":host{--pine-alert-color-background:var(--pine-color-grey-150);--pine-alert-color-border:var(--pine-color-grey-300);--pine-alert-color-dismiss:var(--pine-color-grey-900);--pine-alert-color-dismiss-hover:var(--pine-color-grey-300);--pine-alert-color-icon:var(--pine-color-grey-700);--pine-alert-color-text:var(--pine-color-grey-950);--pine-alert-color-danger-background:var(--pine-color-red-150);--pine-alert-color-danger-border:var(--pine-color-red-300);--pine-alert-color-danger-dismiss:var(--pine-color-red-900);--pine-alert-color-danger-dismiss-hover:var(--pine-color-red-300);--pine-alert-color-danger-icon:var(--pine-color-red-700);--pine-alert-color-danger-text:var(--pine-color-red-950);--pine-alert-color-info-background:var(--pine-color-blue-150);--pine-alert-color-info-border:var(--pine-color-blue-300);--pine-alert-color-info-dismiss:var(--pine-color-blue-900);--pine-alert-color-info-dismiss-hover:var(--pine-color-blue-300);--pine-alert-color-info-icon:var(--pine-color-blue-700);--pine-alert-color-info-text:var(--pine-color-blue-950);--pine-alert-color-success-background:var(--pine-color-green-150);--pine-alert-color-success-border:var(--pine-color-green-300);--pine-alert-color-success-dismiss:var(--pine-color-green-900);--pine-alert-color-success-dismiss-hover:var(--pine-color-green-300);--pine-alert-color-success-icon:var(--pine-color-green-700);--pine-alert-color-success-text:var(--pine-color-green-950);--pine-alert-color-warning-background:var(--pine-color-yellow-150);--pine-alert-color-warning-border:var(--pine-color-yellow-300);--pine-alert-color-warning-dismiss:var(--pine-color-yellow-900);--pine-alert-color-warning-dismiss-hover:var(--pine-color-yellow-300);--pine-alert-color-warning-icon:var(--pine-color-yellow-700);--pine-alert-color-warning-text:var(--pine-color-yellow-950)}";const l=":host{display:block;line-height:1;width:100%}.pds-alert__container{--pds-alert-icon-size:var(--pine-dimension-sm);--pds-alert-border-dismiss-outline:2px solid var(--pds-alert-color-dismiss);--pds-alert-background:var(--pine-alert-color-background);--pds-alert-border-color:var(--pine-alert-color-border);--pds-alert-color-icon:var(--pine-alert-color-icon);--pds-alert-color-text:var(--pine-alert-color-text);--pds-alert-color-dismiss:var(--pine-alert-color-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-dismiss-hover)}.pds-alert__container--danger{--pds-alert-background:var(--pine-alert-color-danger-background);--pds-alert-border-color:var(--pine-alert-color-danger-border);--pds-alert-color-icon:var(--pine-alert-color-danger-icon);--pds-alert-color-text:var(--pine-alert-color-danger-text);--pds-alert-color-dismiss:var(--pine-alert-color-danger-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-danger-dismiss-hover)}.pds-alert__container--info{--pds-alert-background:var(--pine-alert-color-info-background);--pds-alert-border-color:var(--pine-alert-color-info-border);--pds-alert-color-icon:var(--pine-alert-color-info-icon);--pds-alert-color-text:var(--pine-alert-color-info-text);--pds-alert-color-dismiss:var(--pine-alert-color-info-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-info-dismiss-hover)}.pds-alert__container--success{--pds-alert-background:var(--pine-alert-color-success-background);--pds-alert-border-color:var(--pine-alert-color-success-border);--pds-alert-color-icon:var(--pine-alert-color-success-icon);--pds-alert-color-text:var(--pine-alert-color-success-text);--pds-alert-color-dismiss:var(--pine-alert-color-success-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-success-dismiss-hover)}.pds-alert__container--warning{--pds-alert-background:var(--pine-alert-color-warning-background);--pds-alert-border-color:var(--pine-alert-color-warning-border);--pds-alert-color-icon:var(--pine-alert-color-warning-icon);--pds-alert-color-text:var(--pine-alert-color-warning-text);--pds-alert-color-dismiss:var(--pine-alert-color-warning-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-warning-dismiss-hover)}.pds-alert__icon{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-alert__icon--small{-webkit-margin-before:calc(var(--pine-dimension-2xs) / 2);margin-block-start:calc(var(--pine-dimension-2xs) / 2)}.pds-alert__content-wrapper{-ms-flex:1;flex:1;min-width:0;overflow:hidden;width:100%}.pds-alert__dismiss{-ms-flex-align:center;align-items:center;background:none;border:0;border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;height:var(--pine-dimension-250);-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-xs);width:var(--pine-dimension-250)}.pds-alert__dismiss:hover{background:var(--pds-alert-background-dismiss-hover);opacity:0.8}.pds-alert__dismiss:focus-visible{outline:var(--pds-alert-border-dismiss-outline)}.pds-alert__description--small{-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-alert__actions{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-alert__actions--small{-ms-flex-negative:0;flex-shrink:0;-webkit-margin-start:auto;margin-inline-start:auto;white-space:nowrap}";const n=class{constructor(o){r(this,o);this.pdsAlertDismissClick=e(this,"pdsAlertDismissClick");this.small=false;this.dismissible=false;this.variant="default";this.hasActionsContent=false;this.handleCloseClick=()=>{this.pdsAlertDismissClick.emit()}}componentWillRender(){const r=this.el.querySelector('[slot="actions"]');this.hasActionsContent=!!r}renderActions(r){return o("pds-box",{class:r?"pds-alert__actions--small":"pds-alert__actions",gap:"sm",flex:r?"none":undefined,"align-items":r?undefined:"center"},o("slot",{name:"actions"}))}renderContent(){if(this.small){return o("pds-box",{display:"flex",gap:"md","align-items":"center"},o("pds-text",{truncate:this.small,class:"pds-alert__description--small",color:"var(--pds-alert-color-text)",tag:"p"},o("slot",null)),this.hasActionsContent&&this.renderActions(true))}return o("div",null,o("pds-text",{class:"pds-alert__description",color:"var(--pds-alert-color-text)",tag:"p"},o("slot",null)),this.hasActionsContent&&this.renderActions(false))}render(){const r={danger:"warning-filled",default:"info-circle-filled",info:"info-circle-filled",success:"check-circle-filled",warning:"info-circle-filled"};const e=r[this.variant]||r.default;return o(i,{key:"ccb4b954c20b4fedfe1336737a412753bf3c78a2",class:"pds-alert",id:this.componentId,variant:this.variant},o("pds-box",{key:"6feafdc553ab9854542cb53035486a0caa1f3348",class:`pds-alert__container pds-alert__container--${this.variant}`,"background-color":"var(--pds-alert-background)","border-color":"var(--pds-alert-border-color)","border-radius":"md",border:true,display:"block",padding:"md"},o("pds-box",{key:"86b160e97ac4724434b09cd832f7cdc61834a520",gap:"sm",display:"flex"},o("pds-icon",{key:"c2f61f894b3f63915259e298dd9d973b719880c9",class:`pds-alert__icon ${this.small?"pds-alert__icon--small":""}`,color:"var(--pds-alert-color-icon)",icon:e,size:"var(--pds-alert-icon-size)"}),o("pds-box",{key:"07926a4d7d6a1795edd2055ce9ae3d853982fe98",class:"pds-alert__content-wrapper",direction:"column",gap:"xs",flex:"grow"},this.heading&&!this.small&&o("pds-text",{key:"2267241b05890cb4b955cd5418b26f30abd0503c",class:"pds-alert__heading",color:"var(--pds-alert-color-text)",size:"h5",tag:"h3",weight:"medium"},this.heading),this.renderContent()),this.dismissible&&o("button",{key:"bdc435db71e60d9233e97821ea10012f509cae26",class:"pds-alert__dismiss",type:"button","aria-label":"Dismiss alert",onClick:this.handleCloseClick},o("pds-icon",{key:"22f013acfafafa6c32da9aa696bef8a8d3c633c0",icon:"remove",size:"var(--pds-alert-icon-size)","aria-hidden":"true",color:"var(--pds-alert-color-dismiss)"})))))}get el(){return s(this)}};n.style=a+l;export{n as pds_alert};
+//# sourceMappingURL=p-47a7a65b.entry.js.map

package/dist/pine-core/p-47a7a65b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsAlertTokensCss","pdsAlertCss","PdsAlert","constructor","hostRef","this","small","dismissible","variant","hasActionsContent","handleCloseClick","pdsAlertDismissClick","emit","componentWillRender","actionsSlot","el","querySelector","renderActions","isSmall","h","class","gap","flex","undefined","name","renderContent","display","truncate","color","tag","render","iconMap","danger","default","info","success","warning","iconName","Host","key","id","componentId","border","padding","icon","size","direction","heading","weight","type","onClick"],"sources":["src/components/pds-alert/pds-alert.tokens.scss?tag=pds-alert&encapsulation=shadow","src/components/pds-alert/pds-alert.scss?tag=pds-alert&encapsulation=shadow","src/components/pds-alert/pds-alert.tsx"],"sourcesContent":["@use '~@kajabi-ui/styles/dist/pine/components/pds-alert/pds-alert.tokens.css';\n",":host {\n  display: block;\n  line-height: 1;\n  width: 100%;\n}\n\n.pds-alert__container {\n  --pds-alert-icon-size: var(--pine-dimension-sm);\n  --pds-alert-border-dismiss-outline: 2px solid var(--pds-alert-color-dismiss);\n\n  --pds-alert-background: var(--pine-alert-color-background);\n  --pds-alert-border-color: var(--pine-alert-color-border);\n  --pds-alert-color-icon: var(--pine-alert-color-icon);\n  --pds-alert-color-text: var(--pine-alert-color-text);\n  --pds-alert-color-dismiss: var(--pine-alert-color-dismiss);\n  --pds-alert-background-dismiss-hover: var(--pine-alert-color-dismiss-hover);\n}\n\n.pds-alert__container--danger {\n  --pds-alert-background: var(--pine-alert-color-danger-background);\n  --pds-alert-border-color: var(--pine-alert-color-danger-border);\n  --pds-alert-color-icon: var(--pine-alert-color-danger-icon);\n  --pds-alert-color-text: var(--pine-alert-color-danger-text);\n  --pds-alert-color-dismiss: var(--pine-alert-color-danger-dismiss);\n  --pds-alert-background-dismiss-hover: var(--pine-alert-color-danger-dismiss-hover);\n}\n\n.pds-alert__container--info {\n  --pds-alert-background: var(--pine-alert-color-info-background);\n  --pds-alert-border-color: var(--pine-alert-color-info-border);\n  --pds-alert-color-icon: var(--pine-alert-color-info-icon);\n  --pds-alert-color-text: var(--pine-alert-color-info-text);\n  --pds-alert-color-dismiss: var(--pine-alert-color-info-dismiss);\n  --pds-alert-background-dismiss-hover: var(--pine-alert-color-info-dismiss-hover);\n}\n\n.pds-alert__container--success {\n  --pds-alert-background: var(--pine-alert-color-success-background);\n  --pds-alert-border-color: var(--pine-alert-color-success-border);\n  --pds-alert-color-icon: var(--pine-alert-color-success-icon);\n  --pds-alert-color-text: var(--pine-alert-color-success-text);\n  --pds-alert-color-dismiss: var(--pine-alert-color-success-dismiss);\n  --pds-alert-background-dismiss-hover: var(--pine-alert-color-success-dismiss-hover);\n}\n\n.pds-alert__container--warning {\n  --pds-alert-background: var(--pine-alert-color-warning-background);\n  --pds-alert-border-color: var(--pine-alert-color-warning-border);\n  --pds-alert-color-icon: var(--pine-alert-color-warning-icon);\n  --pds-alert-color-text: var(--pine-alert-color-warning-text);\n  --pds-alert-color-dismiss: var(--pine-alert-color-warning-dismiss);\n  --pds-alert-background-dismiss-hover: var(--pine-alert-color-warning-dismiss-hover);\n}\n\n.pds-alert__icon {\n  margin-block-start: var(--pine-dimension-2xs);\n}\n\n.pds-alert__icon--small {\n  margin-block-start: calc(var(--pine-dimension-2xs) / 2); // half the default icon margin\n}\n\n.pds-alert__content-wrapper {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  width: 100%;\n}\n\n.pds-alert__dismiss {\n  align-items: center;\n  background: none;\n  border: 0;\n  border-radius: var(--pine-border-radius-full);\n  cursor: pointer;\n  display: flex;\n  height: var(--pine-dimension-250);\n  justify-content: center;\n  padding: var(--pine-dimension-xs);\n  width: var(--pine-dimension-250);\n}\n\n.pds-alert__dismiss:hover {\n  background: var(--pds-alert-background-dismiss-hover);\n  opacity: 0.8;\n}\n\n.pds-alert__dismiss:focus-visible {\n  outline: var(--pds-alert-border-dismiss-outline);\n}\n\n.pds-alert__description--small {\n  flex: 1 1 auto;\n  max-width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.pds-alert__actions {\n  margin-block-start: var(--pine-dimension-sm);\n}\n\n.pds-alert__actions--small {\n  flex-shrink: 0;\n  margin-inline-start: auto;\n  white-space: nowrap;\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, Element, State } from '@stencil/core';\n\n/**\n * @slot actions - Slot for alert actions.\n */\n\n@Component({\n  tag: 'pds-alert',\n  styleUrls: ['pds-alert.tokens.scss', 'pds-alert.scss'],\n  shadow: true,\n})\nexport class PdsAlert {\n\n  @Element() el: HTMLPdsAlertElement;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Text displayed as the heading of the alert.\n   */\n  @Prop() heading: string;\n\n  /**\n   * If true, the alert is displayed in a smaller size and description text is truncated. Heading is not displayed.\n   */\n  @Prop() small = false;\n\n  /**\n   * If true, shows the dismiss button. If false, the dismiss button is hidden.\n   * @defaultValue false\n   */\n  @Prop() dismissible = false;\n\n  /**\n   * Sets the style variant of the alert.\n   * @defaultValue 'default'\n   */\n  @Prop() variant: 'default' | 'danger' | 'info' | 'success' | 'warning' = 'default';\n\n  /**\n   * Event emitted when the dismiss button is clicked.\n   */\n  @Event() pdsAlertDismissClick: EventEmitter<void>;\n\n  @State() hasActionsContent = false;\n\n  private handleCloseClick = () => {\n    this.pdsAlertDismissClick.emit();\n  };\n\n  componentWillRender() {\n    // Check if the actions slot has any content.\n    // If not, hide the actions container to prevent empty space.\n    const actionsSlot = this.el.querySelector('[slot=\"actions\"]');\n    this.hasActionsContent = !!actionsSlot;\n  }\n\n  private renderActions(isSmall: boolean) {\n    return (\n      <pds-box class={isSmall ? \"pds-alert__actions--small\" : \"pds-alert__actions\"} gap=\"sm\" flex={isSmall ? \"none\" : undefined} align-items={isSmall ? undefined : \"center\"}>\n        <slot name=\"actions\"></slot>\n      </pds-box>\n    );\n  }\n\n  private renderContent() {\n    if (this.small) {\n      return (\n        <pds-box display=\"flex\" gap=\"md\" align-items=\"center\">\n          <pds-text\n            truncate={this.small}\n            class=\"pds-alert__description--small\"\n            color=\"var(--pds-alert-color-text)\"\n            tag=\"p\"\n          >\n            <slot></slot>\n          </pds-text>\n          {this.hasActionsContent && this.renderActions(true)}\n        </pds-box>\n      );\n    }\n\n    return (\n      <div>\n        <pds-text class=\"pds-alert__description\" color=\"var(--pds-alert-color-text)\" tag=\"p\">\n          <slot></slot>\n        </pds-text>\n        {this.hasActionsContent && this.renderActions(false)}\n      </div>\n    );\n  }\n\n  render() {\n    const iconMap = {\n      danger: 'warning-filled',\n      default: 'info-circle-filled',\n      info: 'info-circle-filled',\n      success: 'check-circle-filled',\n      warning: 'info-circle-filled',\n    };\n\n    // Get the icon name based on the current variant\n    const iconName = iconMap[this.variant] || iconMap.default;\n\n    return (\n      <Host class=\"pds-alert\" id={this.componentId} variant={this.variant}>\n        <pds-box\n          class={`pds-alert__container pds-alert__container--${this.variant}`}\n          background-color=\"var(--pds-alert-background)\"\n          border-color=\"var(--pds-alert-border-color)\"\n          border-radius=\"md\"\n          border\n          display=\"block\"\n          padding=\"md\"\n        >\n          <pds-box gap=\"sm\" display=\"flex\">\n            <pds-icon\n              class={`pds-alert__icon ${this.small ? 'pds-alert__icon--small' : ''}`}\n              color=\"var(--pds-alert-color-icon)\"\n              icon={iconName}\n              size=\"var(--pds-alert-icon-size)\"\n            />\n            <pds-box class=\"pds-alert__content-wrapper\" direction=\"column\" gap=\"xs\" flex=\"grow\">\n              {this.heading && !this.small && (\n                <pds-text class=\"pds-alert__heading\" color=\"var(--pds-alert-color-text)\" size=\"h5\" tag=\"h3\" weight=\"medium\">\n                  {this.heading}\n                </pds-text>\n              )}\n\n              {this.renderContent()}\n            </pds-box>\n\n            {this.dismissible && (\n              <button class=\"pds-alert__dismiss\" type=\"button\" aria-label=\"Dismiss alert\" onClick={this.handleCloseClick}>\n                <pds-icon icon=\"remove\" size=\"var(--pds-alert-icon-size)\" aria-hidden=\"true\" color=\"var(--pds-alert-color-dismiss)\" />\n              </button>\n            )}\n          </pds-box>\n        </pds-box>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAoB,2xDCA1B,MAAMC,EAAc,43G,MCWPC,EAAQ,MALrB,WAAAC,CAAAC,G,mEAsBUC,KAAKC,MAAG,MAMRD,KAAWE,YAAG,MAMdF,KAAOG,QAA0D,UAOhEH,KAAiBI,kBAAG,MAErBJ,KAAgBK,iBAAG,KACzBL,KAAKM,qBAAqBC,MAAM,CA+FnC,CA5FC,mBAAAC,GAGE,MAAMC,EAAcT,KAAKU,GAAGC,cAAc,oBAC1CX,KAAKI,oBAAsBK,C,CAGrB,aAAAG,CAAcC,GACpB,OACEC,EAAS,WAAAC,MAAOF,EAAU,4BAA8B,qBAAsBG,IAAI,KAAKC,KAAMJ,EAAU,OAASK,UAAwB,cAAAL,EAAUK,UAAY,UAC5JJ,EAAA,QAAMK,KAAK,Y,CAKT,aAAAC,GACN,GAAIpB,KAAKC,MAAO,CACd,OACEa,EAAS,WAAAO,QAAQ,OAAOL,IAAI,KAAI,cAAa,UAC3CF,EAAA,YACEQ,SAAUtB,KAAKC,MACfc,MAAM,gCACNQ,MAAM,8BACNC,IAAI,KAEJV,EAAA,cAEDd,KAAKI,mBAAqBJ,KAAKY,cAAc,M,CAKpD,OACEE,EAAA,WACEA,EAAU,YAAAC,MAAM,yBAAyBQ,MAAM,8BAA8BC,IAAI,KAC/EV,EAAA,cAEDd,KAAKI,mBAAqBJ,KAAKY,cAAc,O,CAKpD,MAAAa,GACE,MAAMC,EAAU,CACdC,OAAQ,iBACRC,QAAS,qBACTC,KAAM,qBACNC,QAAS,sBACTC,QAAS,sBAIX,MAAMC,EAAWN,EAAQ1B,KAAKG,UAAYuB,EAAQE,QAElD,OACEd,EAACmB,EAAI,CAAAC,IAAA,2CAACnB,MAAM,YAAYoB,GAAInC,KAAKoC,YAAajC,QAASH,KAAKG,SAC1DW,EACE,WAAAoB,IAAA,2CAAAnB,MAAO,8CAA8Cf,KAAKG,UACzC,iDACJ,+CAA+B,gBAC9B,KACdkC,OACA,KAAAhB,QAAQ,QACRiB,QAAQ,MAERxB,EAAA,WAAAoB,IAAA,2CAASlB,IAAI,KAAKK,QAAQ,QACxBP,EACE,YAAAoB,IAAA,2CAAAnB,MAAO,mBAAmBf,KAAKC,MAAQ,yBAA2B,KAClEsB,MAAM,8BACNgB,KAAMP,EACNQ,KAAK,+BAEP1B,EAAA,WAAAoB,IAAA,2CAASnB,MAAM,6BAA6B0B,UAAU,SAASzB,IAAI,KAAKC,KAAK,QAC1EjB,KAAK0C,UAAY1C,KAAKC,OACrBa,EAAA,YAAAoB,IAAA,2CAAUnB,MAAM,qBAAqBQ,MAAM,8BAA8BiB,KAAK,KAAKhB,IAAI,KAAKmB,OAAO,UAChG3C,KAAK0C,SAIT1C,KAAKoB,iBAGPpB,KAAKE,aACJY,EAAQ,UAAAoB,IAAA,2CAAAnB,MAAM,qBAAqB6B,KAAK,SAAQ,aAAY,gBAAgBC,QAAS7C,KAAKK,kBACxFS,EAAU,YAAAoB,IAAA,2CAAAK,KAAK,SAASC,KAAK,6BAA4B,cAAa,OAAOjB,MAAM,sC","ignoreList":[]}

package/dist/pine-core/{p-ca09f86a.system.entry.js → p-48e76945.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-C_8VmA8d.system.js","./p-B4W0_y2p.system.js"],(function(r){"use strict";var n,e,i,a,o;return{setters:[function(r){n=r.r;e=r.h;i=r.H},function(r){a=r.c;o=r.u}],execute:function(){var t=":host{display:inline-block}div{--color-background-container:var(--pine-color-mercury-050);-ms-flex-align:center;align-items:center;background-color:var(--color-background-container);border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative}:host(.pds-avatar--admin) div{--border-radius-admin-round:var(--pine-dimension-150);border-radius:var(--border-radius-admin-round)}:host(.pds-avatar--has-image) div{background:transparent}@supports selector(:has){div:has(img){background-color:transparent}}.pds-avatar__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-none)}.pds-avatar__button:focus-visible{outline:var(--pine-outline-focus)}.pds-avatar__badge{background-color:var(--pine-color-background-container);border:var(--pine-border);border-color:var(--pine-color-secondary);border-radius:var(--pine-border-radius-round);inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);position:absolute}img{border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));height:100%;-o-object-fit:cover;object-fit:cover;width:100%}";var s=r("pds_avatar",function(){function r(r){var i=this;n(this,r);this.alt=null;this.badge=false;this.dropdown=false;this.image=null;this.size="lg";this.variant="customer";this.renderAssetWrapper=function(){var r={height:i.avatarSize(),width:i.avatarSize()};return e("div",{style:r,part:"asset-wrapper"},i.renderIconOrImage(),i.renderBadge())};this.renderAvatar=function(){return i.dropdown?e("button",{class:"pds-avatar__button",type:"button","aria-label":"Avatar dropdown trigger"},i.renderAssetWrapper()):i.renderAssetWrapper()};this.renderBadge=function(){return i.badge&&e("pds-icon",{color:"var(--pine-color-purple-600)",class:"pds-avatar__badge",icon:a,size:"33.53%"})};this.renderIconOrImage=function(){return i.image?e("img",{alt:i.alt,src:i.image}):e("pds-icon",{color:"var(--pine-color-mercury-500)",icon:o,size:"33.53%"})};this.classNames=function(){var r;return r={"pds-avatar":true},r["pds-avatar--has-image"]=i.image!==""&&i.image!==null,r["pds-avatar--".concat(i.variant)]=i.variant==="admin",r}}r.prototype.avatarSize=function(){var r={xs:"24px",sm:"32px",md:"40px",lg:"56px",xl:"64px"};if(r[this.size]){return r[this.size]}else{return this.size}};r.prototype.render=function(){return e(i,{key:"6c013c87792c77cf63a321d4b194b241c8c8f7f5",id:this.componentId,class:Object.assign({},this.classNames())},this.renderAvatar())};return r}());s.style=t}}}));
-//# sourceMappingURL=p-ca09f86a.system.entry.js.map
+System.register(["./p-C_8VmA8d.system.js","./p-B4W0_y2p.system.js"],(function(r){"use strict";var n,e,i,a,o;return{setters:[function(r){n=r.r;e=r.h;i=r.H},function(r){a=r.c;o=r.u}],execute:function(){var t=":host{display:inline-block}div{--color-background-container:var(--pine-color-mercury-050);-ms-flex-align:center;align-items:center;background-color:var(--color-background-container);border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative}:host(.pds-avatar--admin) div{--border-radius-admin-round:var(--pine-dimension-150);border-radius:var(--border-radius-admin-round)}:host(.pds-avatar--has-image) div{background:transparent}@supports selector(:has){div:has(img){background-color:transparent}}.pds-avatar__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-none)}.pds-avatar__button:focus-visible{outline:var(--pine-outline-focus)}.pds-avatar__badge{background-color:var(--pine-color-background-container);border:var(--pine-border);border-color:var(--pine-color-secondary);border-radius:var(--pine-border-radius-round);inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);position:absolute}img{border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));height:100%;-o-object-fit:cover;object-fit:cover;width:100%}";var s=r("pds_avatar",function(){function r(r){var i=this;n(this,r);this.alt=null;this.badge=false;this.dropdown=false;this.image=null;this.size="lg";this.variant="customer";this.renderAssetWrapper=function(){var r={height:i.avatarSize(),width:i.avatarSize()};return e("div",{style:r,part:"asset-wrapper"},i.renderIconOrImage(),i.renderBadge())};this.renderAvatar=function(){return i.dropdown?e("button",{class:"pds-avatar__button",type:"button","aria-label":"Avatar dropdown trigger"},i.renderAssetWrapper()):i.renderAssetWrapper()};this.renderBadge=function(){return i.badge&&e("pds-icon",{color:"var(--pine-color-purple-600)",class:"pds-avatar__badge",icon:a,size:"33.53%"})};this.renderIconOrImage=function(){return i.image?e("img",{alt:i.alt,src:i.image}):e("pds-icon",{color:"var(--pine-color-mercury-500)",icon:o,size:"33.53%"})};this.classNames=function(){var r;return r={"pds-avatar":true},r["pds-avatar--has-image"]=i.image!==""&&i.image!==null,r["pds-avatar--".concat(i.variant)]=i.variant==="admin",r}}r.prototype.avatarSize=function(){var r={xs:"24px",sm:"32px",md:"40px",lg:"56px",xl:"64px"};if(r[this.size]){return r[this.size]}else{return this.size}};r.prototype.render=function(){return e(i,{key:"c19584898e4613085f6e6b8e227e7181eb4c8f1b",id:this.componentId,class:Object.assign({},this.classNames())},this.renderAvatar())};return r}());s.style=t}}}));
+//# sourceMappingURL=p-48e76945.system.entry.js.map

package/dist/pine-core/p-49265849.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-C_8VmA8d.system.js"],(function(t){"use strict";var e,o;return{setters:[function(t){e=t.r;o=t.h}],execute:function(){var c="pds-modal-footer{display:block;width:100%}.pds-modal__footer{width:100%}";var f=t("pds_modal_footer",function(){function t(t){e(this,t)}t.prototype.render=function(){return o("footer",{key:"ea47425a063c04c1cdff3481fc09f32bd65b7679",class:"pds-modal__footer"},o("slot",{key:"55c560cb8cca95687eb04ba727ae45542ef2209f"}))};return t}());f.style=c}}}));
+//# sourceMappingURL=p-49265849.system.entry.js.map

package/dist/pine-core/p-49265849.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsModalFooterCss","PdsModalFooter","exports","class_1","prototype","render","h","key","class"],"sources":["src/components/pds-modal/pds-modal-footer/pds-modal-footer.scss?tag=pds-modal-footer","src/components/pds-modal/pds-modal-footer/pds-modal-footer.tsx"],"sourcesContent":["pds-modal-footer {\n  display: block;\n  width: 100%;\n}\n\n.pds-modal__footer {\n  width: 100%;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'pds-modal-footer',\n  styleUrl: 'pds-modal-footer.scss',\n  shadow: false,\n})\nexport class PdsModalFooter {\n  render() {\n    return (\n      <footer class=\"pds-modal__footer\">\n        <slot></slot>\n      </footer>\n    );\n  }\n}\n"],"mappings":"0IAAA,IAAMA,EAAoB,2E,ICObC,EAAcC,EAAA,8B,wBACzBC,EAAAC,UAAAC,OAAA,WACE,OACEC,EAAA,UAAAC,IAAA,2CAAQC,MAAM,qBACZF,EAAa,QAAAC,IAAA,6C,WAJM,I","ignoreList":[]}

package/dist/pine-core/p-513c16c7.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as n,H as e,g as o}from"./p-Uh5ntVcq.js";const i=Math.min;const s=Math.max;const r=Math.round;const c=t=>({x:t,y:t});const l={left:"right",right:"left",bottom:"top",top:"bottom"};const a={start:"end",end:"start"};function f(t,n,e){return s(t,i(n,e))}function u(t,n){return typeof t==="function"?t(n):t}function d(t){return t.split("-")[0]}function h(t){return t.split("-")[1]}function p(t){return t==="x"?"y":"x"}function m(t){return t==="y"?"height":"width"}function y(t){return["top","bottom"].includes(d(t))?"y":"x"}function w(t){return p(y(t))}function x(t,n,e){if(e===void 0){e=false}const o=h(t);const i=w(t);const s=m(i);let r=i==="x"?o===(e?"end":"start")?"right":"left":o==="start"?"bottom":"top";if(n.reference[s]>n.floating[s]){r=A(r)}return[r,A(r)]}function g(t){const n=A(t);return[b(t),n,b(n)]}function b(t){return t.replace(/start|end/g,(t=>a[t]))}function v(t,n,e){const o=["left","right"];const i=["right","left"];const s=["top","bottom"];const r=["bottom","top"];switch(t){case"top":case"bottom":if(e)return n?i:o;return n?o:i;case"left":case"right":return n?s:r;default:return[]}}function k(t,n,e,o){const i=h(t);let s=v(d(t),e==="start",o);if(i){s=s.map((t=>t+"-"+i));if(n){s=s.concat(s.map(b))}}return s}function A(t){return t.replace(/left|right|bottom|top/g,(t=>l[t]))}function S(t){return{top:0,right:0,bottom:0,left:0,...t}}function R(t){return typeof t!=="number"?S(t):{top:t,right:t,bottom:t,left:t}}function D(t){const{x:n,y:e,width:o,height:i}=t;return{width:o,height:i,top:e,left:n,right:n+o,bottom:e+i,x:n,y:e}}function P(t,n,e){let{reference:o,floating:i}=t;const s=y(n);const r=w(n);const c=m(r);const l=d(n);const a=s==="y";const f=o.x+o.width/2-i.width/2;const u=o.y+o.height/2-i.height/2;const p=o[c]/2-i[c]/2;let x;switch(l){case"top":x={x:f,y:o.y-i.height};break;case"bottom":x={x:f,y:o.y+o.height};break;case"right":x={x:o.x+o.width,y:u};break;case"left":x={x:o.x-i.width,y:u};break;default:x={x:o.x,y:o.y}}switch(h(n)){case"start":x[r]-=p*(e&&a?-1:1);break;case"end":x[r]+=p*(e&&a?-1:1);break}return x}const E=async(t,n,e)=>{const{placement:o="bottom",strategy:i="absolute",middleware:s=[],platform:r}=e;const c=s.filter(Boolean);const l=await(r.isRTL==null?void 0:r.isRTL(n));let a=await r.getElementRects({reference:t,floating:n,strategy:i});let{x:f,y:u}=P(a,o,l);let d=o;let h={};let p=0;for(let e=0;e<c.length;e++){const{name:s,fn:m}=c[e];const{x:y,y:w,data:x,reset:g}=await m({x:f,y:u,initialPlacement:o,placement:d,strategy:i,middlewareData:h,rects:a,platform:r,elements:{reference:t,floating:n}});f=y!=null?y:f;u=w!=null?w:u;h={...h,[s]:{...h[s],...x}};if(g&&p<=50){p++;if(typeof g==="object"){if(g.placement){d=g.placement}if(g.rects){a=g.rects===true?await r.getElementRects({reference:t,floating:n,strategy:i}):g.rects}({x:f,y:u}=P(a,d,l))}e=-1}}return{x:f,y:u,placement:d,strategy:i,middlewareData:h}};async function T(t,n){var e;if(n===void 0){n={}}const{x:o,y:i,platform:s,rects:r,elements:c,strategy:l}=t;const{boundary:a="clippingAncestors",rootBoundary:f="viewport",elementContext:d="floating",altBoundary:h=false,padding:p=0}=u(n,t);const m=R(p);const y=d==="floating"?"reference":"floating";const w=c[h?y:d];const x=D(await s.getClippingRect({element:((e=await(s.isElement==null?void 0:s.isElement(w)))!=null?e:true)?w:w.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(c.floating)),boundary:a,rootBoundary:f,strategy:l}));const g=d==="floating"?{x:o,y:i,width:r.floating.width,height:r.floating.height}:r.reference;const b=await(s.getOffsetParent==null?void 0:s.getOffsetParent(c.floating));const v=await(s.isElement==null?void 0:s.isElement(b))?await(s.getScale==null?void 0:s.getScale(b))||{x:1,y:1}:{x:1,y:1};const k=D(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:g,offsetParent:b,strategy:l}):g);return{top:(x.top-k.top+m.top)/v.y,bottom:(k.bottom-x.bottom+m.bottom)/v.y,left:(x.left-k.left+m.left)/v.x,right:(k.right-x.right+m.right)/v.x}}const C=function(t){if(t===void 0){t={}}return{name:"flip",options:t,async fn(n){var e,o;const{placement:i,middlewareData:s,rects:r,initialPlacement:c,platform:l,elements:a}=n;const{mainAxis:f=true,crossAxis:h=true,fallbackPlacements:p,fallbackStrategy:m="bestFit",fallbackAxisSideDirection:w="none",flipAlignment:b=true,...v}=u(t,n);if((e=s.arrow)!=null&&e.alignmentOffset){return{}}const S=d(i);const R=y(c);const D=d(c)===c;const P=await(l.isRTL==null?void 0:l.isRTL(a.floating));const E=p||(D||!b?[A(c)]:g(c));const C=w!=="none";if(!p&&C){E.push(...k(c,b,w,P))}const F=[c,...E];const B=await T(n,v);const I=[];let L=((o=s.flip)==null?void 0:o.overflows)||[];if(f){I.push(B[S])}if(h){const t=x(i,r,P);I.push(B[t[0]],B[t[1]])}L=[...L,{placement:i,overflows:I}];if(!I.every((t=>t<=0))){var M,j;const t=(((M=s.flip)==null?void 0:M.index)||0)+1;const n=F[t];if(n){var N;const e=h==="alignment"?R!==y(n):false;const o=((N=L[0])==null?void 0:N.overflows[0])>0;if(!e||o){return{data:{index:t,overflows:L},reset:{placement:n}}}}let e=(j=L.filter((t=>t.overflows[0]<=0)).sort(((t,n)=>t.overflows[1]-n.overflows[1]))[0])==null?void 0:j.placement;if(!e){switch(m){case"bestFit":{var O;const t=(O=L.filter((t=>{if(C){const n=y(t.placement);return n===R||n==="y"}return true})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,n)=>t+n),0)])).sort(((t,n)=>t[1]-n[1]))[0])==null?void 0:O[0];if(t){e=t}break}case"initialPlacement":e=c;break}}if(i!==e){return{reset:{placement:e}}}}return{}}}};async function F(t,n){const{placement:e,platform:o,elements:i}=t;const s=await(o.isRTL==null?void 0:o.isRTL(i.floating));const r=d(e);const c=h(e);const l=y(e)==="y";const a=["left","top"].includes(r)?-1:1;const f=s&&l?-1:1;const p=u(n,t);let{mainAxis:m,crossAxis:w,alignmentAxis:x}=typeof p==="number"?{mainAxis:p,crossAxis:0,alignmentAxis:null}:{mainAxis:p.mainAxis||0,crossAxis:p.crossAxis||0,alignmentAxis:p.alignmentAxis};if(c&&typeof x==="number"){w=c==="end"?x*-1:x}return l?{x:w*f,y:m*a}:{x:m*a,y:w*f}}const B=function(t){if(t===void 0){t=0}return{name:"offset",options:t,async fn(n){var e,o;const{x:i,y:s,placement:r,middlewareData:c}=n;const l=await F(n,t);if(r===((e=c.offset)==null?void 0:e.placement)&&(o=c.arrow)!=null&&o.alignmentOffset){return{}}return{x:i+l.x,y:s+l.y,data:{...l,placement:r}}}}};const I=function(t){if(t===void 0){t={}}return{name:"shift",options:t,async fn(n){const{x:e,y:o,placement:i}=n;const{mainAxis:s=true,crossAxis:r=false,limiter:c={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...l}=u(t,n);const a={x:e,y:o};const h=await T(n,l);const m=y(d(i));const w=p(m);let x=a[w];let g=a[m];if(s){const t=w==="y"?"top":"left";const n=w==="y"?"bottom":"right";const e=x+h[t];const o=x-h[n];x=f(e,x,o)}if(r){const t=m==="y"?"top":"left";const n=m==="y"?"bottom":"right";const e=g+h[t];const o=g-h[n];g=f(e,g,o)}const b=c.fn({...n,[w]:x,[m]:g});return{...b,data:{x:b.x-e,y:b.y-o,enabled:{[w]:s,[m]:r}}}}}};function L(){return typeof window!=="undefined"}function M(t){if(O(t)){return(t.nodeName||"").toLowerCase()}return"#document"}function j(t){var n;return(t==null||(n=t.ownerDocument)==null?void 0:n.defaultView)||window}function N(t){var n;return(n=(O(t)?t.ownerDocument:t.document)||window.document)==null?void 0:n.documentElement}function O(t){if(!L()){return false}return t instanceof Node||t instanceof j(t).Node}function $(t){if(!L()){return false}return t instanceof Element||t instanceof j(t).Element}function H(t){if(!L()){return false}return t instanceof HTMLElement||t instanceof j(t).HTMLElement}function _(t){if(!L()||typeof ShadowRoot==="undefined"){return false}return t instanceof ShadowRoot||t instanceof j(t).ShadowRoot}function U(t){const{overflow:n,overflowX:e,overflowY:o,display:i}=Y(t);return/auto|scroll|overlay|hidden|clip/.test(n+o+e)&&!["inline","contents"].includes(i)}function V(t){return["table","td","th"].includes(M(t))}function q(t){return[":popover-open",":modal"].some((n=>{try{return t.matches(n)}catch(t){return false}}))}function z(t){const n=W();const e=$(t)?Y(t):t;return["transform","translate","scale","rotate","perspective"].some((t=>e[t]?e[t]!=="none":false))||(e.containerType?e.containerType!=="normal":false)||!n&&(e.backdropFilter?e.backdropFilter!=="none":false)||!n&&(e.filter?e.filter!=="none":false)||["transform","translate","scale","rotate","perspective","filter"].some((t=>(e.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(e.contain||"").includes(t)))}function K(t){let n=J(t);while(H(n)&&!X(n)){if(z(n)){return n}else if(q(n)){return null}n=J(n)}return null}function W(){if(typeof CSS==="undefined"||!CSS.supports)return false;return CSS.supports("-webkit-backdrop-filter","none")}function X(t){return["html","body","#document"].includes(M(t))}function Y(t){return j(t).getComputedStyle(t)}function G(t){if($(t)){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}return{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function J(t){if(M(t)==="html"){return t}const n=t.assignedSlot||t.parentNode||_(t)&&t.host||N(t);return _(n)?n.host:n}function Q(t){const n=J(t);if(X(n)){return t.ownerDocument?t.ownerDocument.body:t.body}if(H(n)&&U(n)){return n}return Q(n)}function Z(t,n,e){var o;if(n===void 0){n=[]}const i=Q(t);const s=i===((o=t.ownerDocument)==null?void 0:o.body);const r=j(i);if(s){return n.concat(r,r.visualViewport||[],U(i)?i:[],[])}return n.concat(i,Z(i,[]))}function tt(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function nt(t){const n=Y(t);let e=parseFloat(n.width)||0;let o=parseFloat(n.height)||0;const i=H(t);const s=i?t.offsetWidth:e;const c=i?t.offsetHeight:o;const l=r(e)!==s||r(o)!==c;if(l){e=s;o=c}return{width:e,height:o,$:l}}function et(t){return!$(t)?t.contextElement:t}function ot(t){const n=et(t);if(!H(n)){return c(1)}const e=n.getBoundingClientRect();const{width:o,height:i,$:s}=nt(n);let l=(s?r(e.width):e.width)/o;let a=(s?r(e.height):e.height)/i;if(!l||!Number.isFinite(l)){l=1}if(!a||!Number.isFinite(a)){a=1}return{x:l,y:a}}const it=c(0);function st(t){const n=j(t);if(!W()||!n.visualViewport){return it}return{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}}function rt(t,n,e){if(n===void 0){n=false}if(!e||n&&e!==j(t)){return false}return n}function ct(t,n,e,o){if(n===void 0){n=false}if(e===void 0){e=false}const i=t.getBoundingClientRect();const s=et(t);let r=c(1);if(n){if(o){if($(o)){r=ot(o)}}else{r=ot(t)}}const l=rt(s,e,o)?st(s):c(0);let a=(i.left+l.x)/r.x;let f=(i.top+l.y)/r.y;let u=i.width/r.x;let d=i.height/r.y;if(s){const t=j(s);const n=o&&$(o)?j(o):o;let e=t;let i=tt(e);while(i&&o&&n!==e){const t=ot(i);const n=i.getBoundingClientRect();const o=Y(i);const s=n.left+(i.clientLeft+parseFloat(o.paddingLeft))*t.x;const r=n.top+(i.clientTop+parseFloat(o.paddingTop))*t.y;a*=t.x;f*=t.y;u*=t.x;d*=t.y;a+=s;f+=r;e=j(i);i=tt(e)}}return D({width:u,height:d,x:a,y:f})}function lt(t,n){const e=G(t).scrollLeft;if(!n){return ct(N(t)).left+e}return n.left+e}function at(t,n,e){if(e===void 0){e=false}const o=t.getBoundingClientRect();const i=o.left+n.scrollLeft-(e?0:lt(t,o));const s=o.top+n.scrollTop;return{x:i,y:s}}function ft(t){let{elements:n,rect:e,offsetParent:o,strategy:i}=t;const s=i==="fixed";const r=N(o);const l=n?q(n.floating):false;if(o===r||l&&s){return e}let a={scrollLeft:0,scrollTop:0};let f=c(1);const u=c(0);const d=H(o);if(d||!d&&!s){if(M(o)!=="body"||U(r)){a=G(o)}if(H(o)){const t=ct(o);f=ot(o);u.x=t.x+o.clientLeft;u.y=t.y+o.clientTop}}const h=r&&!d&&!s?at(r,a,true):c(0);return{width:e.width*f.x,height:e.height*f.y,x:e.x*f.x-a.scrollLeft*f.x+u.x+h.x,y:e.y*f.y-a.scrollTop*f.y+u.y+h.y}}function ut(t){return Array.from(t.getClientRects())}function dt(t){const n=N(t);const e=G(t);const o=t.ownerDocument.body;const i=s(n.scrollWidth,n.clientWidth,o.scrollWidth,o.clientWidth);const r=s(n.scrollHeight,n.clientHeight,o.scrollHeight,o.clientHeight);let c=-e.scrollLeft+lt(t);const l=-e.scrollTop;if(Y(o).direction==="rtl"){c+=s(n.clientWidth,o.clientWidth)-i}return{width:i,height:r,x:c,y:l}}function ht(t,n){const e=j(t);const o=N(t);const i=e.visualViewport;let s=o.clientWidth;let r=o.clientHeight;let c=0;let l=0;if(i){s=i.width;r=i.height;const t=W();if(!t||t&&n==="fixed"){c=i.offsetLeft;l=i.offsetTop}}return{width:s,height:r,x:c,y:l}}function pt(t,n){const e=ct(t,true,n==="fixed");const o=e.top+t.clientTop;const i=e.left+t.clientLeft;const s=H(t)?ot(t):c(1);const r=t.clientWidth*s.x;const l=t.clientHeight*s.y;const a=i*s.x;const f=o*s.y;return{width:r,height:l,x:a,y:f}}function mt(t,n,e){let o;if(n==="viewport"){o=ht(t,e)}else if(n==="document"){o=dt(N(t))}else if($(n)){o=pt(n,e)}else{const e=st(t);o={x:n.x-e.x,y:n.y-e.y,width:n.width,height:n.height}}return D(o)}function yt(t,n){const e=J(t);if(e===n||!$(e)||X(e)){return false}return Y(e).position==="fixed"||yt(e,n)}function wt(t,n){const e=n.get(t);if(e){return e}let o=Z(t,[]).filter((t=>$(t)&&M(t)!=="body"));let i=null;const s=Y(t).position==="fixed";let r=s?J(t):t;while($(r)&&!X(r)){const n=Y(r);const e=z(r);if(!e&&n.position==="fixed"){i=null}const c=s?!e&&!i:!e&&n.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||U(r)&&!e&&yt(t,r);if(c){o=o.filter((t=>t!==r))}else{i=n}r=J(r)}n.set(t,o);return o}function xt(t){let{element:n,boundary:e,rootBoundary:o,strategy:r}=t;const c=e==="clippingAncestors"?q(n)?[]:wt(n,this._c):[].concat(e);const l=[...c,o];const a=l[0];const f=l.reduce(((t,e)=>{const o=mt(n,e,r);t.top=s(o.top,t.top);t.right=i(o.right,t.right);t.bottom=i(o.bottom,t.bottom);t.left=s(o.left,t.left);return t}),mt(n,a,r));return{width:f.right-f.left,height:f.bottom-f.top,x:f.left,y:f.top}}function gt(t){const{width:n,height:e}=nt(t);return{width:n,height:e}}function bt(t,n,e){const o=H(n);const i=N(n);const s=e==="fixed";const r=ct(t,true,s,n);let l={scrollLeft:0,scrollTop:0};const a=c(0);function f(){a.x=lt(i)}if(o||!o&&!s){if(M(n)!=="body"||U(i)){l=G(n)}if(o){const t=ct(n,true,s,n);a.x=t.x+n.clientLeft;a.y=t.y+n.clientTop}else if(i){f()}}if(s&&!o&&i){f()}const u=i&&!o&&!s?at(i,l):c(0);const d=r.left+l.scrollLeft-a.x-u.x;const h=r.top+l.scrollTop-a.y-u.y;return{x:d,y:h,width:r.width,height:r.height}}function vt(t){return Y(t).position==="static"}function kt(t,n){if(!H(t)||Y(t).position==="fixed"){return null}if(n){return n(t)}let e=t.offsetParent;if(N(t)===e){e=e.ownerDocument.body}return e}function At(t,n){const e=j(t);if(q(t)){return e}if(!H(t)){let n=J(t);while(n&&!X(n)){if($(n)&&!vt(n)){return n}n=J(n)}return e}let o=kt(t,n);while(o&&V(o)&&vt(o)){o=kt(o,n)}if(o&&X(o)&&vt(o)&&!z(o)){return e}return o||K(t)||e}const St=async function(t){const n=this.getOffsetParent||At;const e=this.getDimensions;const o=await e(t.floating);return{reference:bt(t.reference,await n(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Rt(t){return Y(t).direction==="rtl"}const Dt={convertOffsetParentRelativeRectToViewportRelativeRect:ft,getDocumentElement:N,getClippingRect:xt,getOffsetParent:At,getElementRects:St,getClientRects:ut,getDimensions:gt,getScale:ot,isElement:$,isRTL:Rt};const Pt=B;const Et=I;const Tt=C;const Ct=(t,n,e)=>{const o=new Map;const i={platform:Dt,...e};const s={...i.platform,_c:o};return E(t,n,{...i,platform:s})};const Ft=":host{display:block}.is-hidden{display:none}.pds-dropdown-menu--panel{background-color:var(--pine-color-background-container);left:var(--pine-dimension-none);min-width:170px;padding:var(--pine-dimension-xs);position:absolute;z-index:9999}";const Bt=class{constructor(n){t(this,n);this.isOpen=false;this.menuItems=[];this.currentFocusIndex=-1;this.placement="bottom-start";this.handleTriggerSlotChange=t=>{this.slotEl=t.target;const n=this.slotEl.assignedElements();this.triggerEl=n[0];this.triggerEl.onclick=this.handleClick;this.triggerEl.setAttribute("aria-haspopup","menu");this.triggerEl.setAttribute("aria-expanded","false")};this.handleSlotChange=t=>{this.slotEl=t.target;const n=this.slotEl.assignedElements();const e=n.filter((t=>t.tagName.toLowerCase()!=="pds-dropdown-menu-item"&&t.tagName.toLowerCase()!=="pds-dropdown-menu-separator"));if(e.length>0){throw new Error(`pds-dropdown-menu only accepts pds-dropdown-menu-item and pds-dropdown-menu-separator elements`)}this.menuItems=n.filter((t=>t.tagName.toLowerCase()==="pds-dropdown-menu-item"))};this.toggleDropdown=()=>{this.isOpen=!this.isOpen;if(this.isOpen){this.openDropdown()}else{this.closeDropdown()}};this.openDropdown=()=>{var t;Ct(this.triggerEl,this.panelEl,{placement:this.placement,middleware:[Pt(6),Tt(),Et({padding:5})]}).then((({x:t,y:n})=>{Object.assign(this.panelEl.style,{left:`${t}px`,top:`${n}px`})}));(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector("pds-box").classList.remove("is-hidden");this.isOpen=true;this.triggerEl.setAttribute("aria-expanded","true")};this.closeDropdown=()=>{var t;(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector("pds-box").classList.add("is-hidden");this.isOpen=false;this.triggerEl.setAttribute("aria-expanded","false");this.currentFocusIndex=-1;this.triggerEl.focus()};this.handleClick=()=>{this.toggleDropdown()}}componentDidRender(){var t;this.panelEl=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector("pds-box")}getFocusedItemIndex(){const t=document.activeElement;if(!t)return-1;return this.menuItems.findIndex((n=>n===t))}focusItemByIndex(t){var n,e,o,i;if(t>=0&&t<this.menuItems.length){this.currentFocusIndex=t;const s=this.menuItems[t];const r=(n=s.shadowRoot)===null||n===void 0?void 0:n.querySelector("button");const c=(i=(o=(e=s.shadowRoot)===null||e===void 0?void 0:e.querySelector("pds-link"))===null||o===void 0?void 0:o.shadowRoot)===null||i===void 0?void 0:i.querySelector("a");if(r){return r.focus()}else if(c){return c.focus()}else{s.focus()}}}focusNextItem(){let t=(this.currentFocusIndex+1)%this.menuItems.length;let n=0;const e=this.menuItems.length;while(n<e&&this.menuItems[t].disabled){t=(t+1)%this.menuItems.length;n++}if(n<e){this.focusItemByIndex(t)}}focusPreviousItem(){let t=this.currentFocusIndex<=0?this.menuItems.length-1:this.currentFocusIndex-1;let n=0;const e=this.menuItems.length;while(n<e&&this.menuItems[t].disabled){t=t<=0?this.menuItems.length-1:t-1;n++}if(n<e){this.focusItemByIndex(t)}}handleKeyDown(t){if(!this.isOpen)return;switch(t.key){case"Escape":t.preventDefault();this.closeDropdown();break;case"ArrowDown":t.preventDefault();this.focusNextItem();break;case"ArrowUp":t.preventDefault();this.focusPreviousItem();break;case"Home":t.preventDefault();if(this.menuItems.length>0){let t=0;while(t<this.menuItems.length&&this.menuItems[t].disabled){t++}if(t<this.menuItems.length){this.focusItemByIndex(t)}}break;case"End":t.preventDefault();if(this.menuItems.length>0){let t=this.menuItems.length-1;while(t>=0&&this.menuItems[t].disabled){t--}if(t>=0){this.focusItemByIndex(t)}}break;case"Tab":if(t.shiftKey){const n=this.getFocusedItemIndex();if(n>0){t.preventDefault();this.focusPreviousItem()}}else{const n=document.activeElement;const e=n===this.triggerEl;const o=this.getFocusedItemIndex();if(e&&this.menuItems.length>0){t.preventDefault();let n=0;while(n<this.menuItems.length&&this.menuItems[n].disabled){n++}if(n<this.menuItems.length){this.focusItemByIndex(n)}}else if(o===-1&&this.menuItems.length>0){t.preventDefault();let n=0;while(n<this.menuItems.length&&this.menuItems[n].disabled){n++}if(n<this.menuItems.length){this.focusItemByIndex(n)}}else if(o!==-1){t.preventDefault();this.focusNextItem()}}break}}handleWindowClick(t){if(this.isOpen&&!this.host.contains(t.target)&&t.target!==this.triggerEl){this.closeDropdown()}}render(){return n(e,{key:"492d6a2baba8c0cf5e05a6c34b774900f5da6886",id:this.componentId},n("slot",{key:"9d57ee287cff289693c941410bcc62bb9fb1da95",name:"trigger",onSlotchange:this.handleTriggerSlotChange}),n("pds-box",{key:"62ae569a3bf7f958c01cfe1a74d174e413763f72","border-radius":"sm",display:"flex",direction:"column",class:"pds-dropdown-menu--panel is-hidden",shadow:"100",role:"menu","aria-orientation":"vertical"},n("slot",{key:"ea6d26124c06683e4fde23bc29f955cb04468d7a",onSlotchange:this.handleSlotChange})))}get host(){return o(this)}};Bt.style=Ft;export{Bt as pds_dropdown_menu};
+//# sourceMappingURL=p-513c16c7.entry.js.map