@pine-ds/core 3.6.0 → 3.8.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"p-3pEJO0vO.system.js","sources":["src/components/pds-tooltip/pds-tooltip.scss?tag=pds-tooltip","src/components/pds-tooltip/pds-tooltip.tsx"],"sourcesContent":[".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  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 { PlacementType } from '@utils/types';\nimport {\n  autoUpdate,\n  computePosition,\n  flip,\n  offset,\n  shift,\n} from '@floating-ui/dom';\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 resolvedPlacement: PlacementType = 'right';\n  private triggerEl: HTMLElement | null = null;\n  private contentDiv: HTMLElement | null = null;\n  private slotMutationObserver: MutationObserver | null = null;\n  private currentPathname: string = '';\n  private pathnameCheckInterval: ReturnType<typeof setInterval> | null = null;\n  private stopAutoUpdate: (() => void) | null = null;\n\n  /**\n   * Reference to the Host element\n   */\n  @Element() el: HTMLPdsTooltipElement;\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: PlacementType = '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    this.resolvedPlacement = this.placement;\n  }\n\n  componentDidLoad() {\n    window.addEventListener('pageshow', this.handlePageShow);\n    this.currentPathname = window.location.pathname;\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    // no return; Stencil ignores teardown functions here\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('pageshow', this.handlePageShow);\n    if (this.slotMutationObserver !== null) {\n      this.slotMutationObserver.disconnect();\n      this.slotMutationObserver = null;\n    }\n    // Ensure global listeners/intervals are removed if still present\n    if (this.portalEl !== null) {\n      this.removePortal();\n    }\n    if (this.pathnameCheckInterval !== null) {\n      clearInterval(this.pathnameCheckInterval);\n      this.pathnameCheckInterval = null;\n    }\n    // Ensure autoUpdate is stopped if still present\n    if (this.stopAutoUpdate !== null) {\n      this.stopAutoUpdate();\n      this.stopAutoUpdate = null;\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    // Update portal class when opened state changes\n    if (this.portalEl !== null) {\n      this.portalEl.className = `pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent ? 'pds-tooltip--has-html-content' : ''} ${this.opened ? 'pds-tooltip--is-open' : ''} ${this.hasArrow ? '' : 'pds-tooltip--no-arrow'}`;\n\n      // Update ARIA attributes to stay in sync with visual open state\n      this.portalEl.setAttribute('aria-hidden', this.opened ? 'false' : 'true');\n      this.portalEl.setAttribute('aria-live', this.opened ? 'polite' : 'off');\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\n  private handleSpaNavigation = () => {\n    if (this.opened && !this._isInteractiveOpen) {\n      return;\n    }\n\n    this.hideTooltip();\n    this._isInteractiveOpen = false;\n  };\n\n  private checkPathnameChange = () => {\n    if (window.location.pathname !== this.currentPathname) {\n      this.currentPathname = window.location.pathname;\n      this.handleSpaNavigation();\n    }\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 using floating UI.\n   * Uses the determined anchor element and applies computePosition with flip, offset, and shift.\n   */\n  private async repositionPortal() {\n    const anchor = this.determinePositioningAnchor();\n\n    if (anchor !== null && this.portalEl !== null) {\n      try {\n        const { x, y, placement: computedPlacement } = await computePosition(anchor, this.portalEl, {\n          placement: this.placement,\n          strategy: 'fixed',\n          middleware: [offset(8), flip(), shift({ padding: 5 })],\n        });\n\n        this.resolvedPlacement = computedPlacement as PlacementType;\n\n        Object.assign(this.portalEl.style, {\n          left: `${x}px`,\n          top: `${y}px`,\n          position: 'fixed',\n        });\n\n        // Update CSS classes to match the resolved placement\n        this.portalEl.className = `pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent ? 'pds-tooltip--has-html-content' : ''} ${this.opened ? 'pds-tooltip--is-open' : ''} ${this.hasArrow ? '' : 'pds-tooltip--no-arrow'}`;\n      } catch (error) {\n        console.warn('Failed to position tooltip:', error);\n        this.resolvedPlacement = this.placement; // Fallback to requested placement\n        // Fallback to basic positioning if floating UI fails\n        const anchorRect = anchor.getBoundingClientRect();\n        this.portalEl.style.left = `${anchorRect.right + 8}px`;\n        this.portalEl.style.top = `${anchorRect.top}px`;\n        this.portalEl.style.position = 'fixed';\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.resolvedPlacement} ${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      const suffix = PdsTooltip.instanceCounter++;\n      const baseId = this.componentId || this.el.id || 'pds-tooltip';\n      this.portalEl.id = `${baseId}-portal-${suffix}`;\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\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 && typeof this.content === 'string' && this.content.trim() !== '') {\n      this.contentDiv.textContent = this.content;\n    }\n\n    this.portalEl.appendChild(this.contentDiv);\n    document.body.appendChild(this.portalEl);\n\n    this.repositionPortal().catch(error => {\n      console.warn('Failed to position tooltip on creation:', error);\n    });\n\n    // Use Floating UI's autoUpdate to handle scroll/resize automatically\n    if (this.triggerEl && this.portalEl) {\n      this.stopAutoUpdate = autoUpdate(\n        this.triggerEl,\n        this.portalEl,\n        () => {\n          this.repositionPortal().catch(error => {\n            console.warn('Failed to reposition tooltip on auto update:', error);\n          });\n        }\n      );\n    }\n\n    // Keep only SPA navigation listeners (not handled by autoUpdate)\n    window.addEventListener('popstate', this.handleSpaNavigation, true);\n    window.addEventListener('hashchange', this.handleSpaNavigation, true);\n\n    // Start pathname change detection\n    this.pathnameCheckInterval = setInterval(this.checkPathnameChange, 100);\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    // Stop Floating UI's autoUpdate\n    if (this.stopAutoUpdate !== null) {\n      this.stopAutoUpdate();\n      this.stopAutoUpdate = null;\n    }\n\n    // Stop pathname change detection\n    if (this.pathnameCheckInterval !== null) {\n      clearInterval(this.pathnameCheckInterval);\n      this.pathnameCheckInterval = null;\n    }\n\n    if (this.portalEl !== null) {\n      // Remove only SPA navigation listeners (scroll/resize handled by autoUpdate)\n      window.removeEventListener('popstate', this.handleSpaNavigation, true);\n      window.removeEventListener('hashchange', this.handleSpaNavigation, true);\n\n      // Safely remove portal from DOM\n      try {\n        if (this.portalEl.parentNode) {\n          this.portalEl.parentNode.removeChild(this.portalEl);\n        }\n      } catch (error) {\n        // Portal might have already been removed by test cleanup\n        console.warn('Portal element could not be removed from DOM:', error);\n      }\n\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          /* focusin/out bubble; ensure keyboard users see tooltips */\n          onFocusin={this.handleShow as any}\n          onFocusout={this.handleHide as any}\n          ref={el => this.triggerEl = el}\n        >\n          <slot />\n        </span>\n        <div class=\"pds-tooltip__content-slot-wrapper\" hidden>\n          <slot name=\"content\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/pine-core/p-41d1b164.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as i,H as s,g as a}from"./p-BVCWKPy3.js";import{i as r,a as n,m as o}from"./p-DTL_39D_.js";import{d as l}from"./p-tJa4KYNO.js";import{i as d,a as c}from"./p-C0M1gTKv.js";import{f as h}from"./p-DrJ5r5Pu.js";const p=":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";const b=":host{--pine-input-color-background-danger:var(--pine-color-red-050)}";const u=":host{display:inline-block;width:100%}:host([aria-readonly=true]) textarea{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}.pds-textarea{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-textarea__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.pds-textarea__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}label{display:block;-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-textarea__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}.pds-textarea__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-textarea__error-message{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;font:var(--pine-typography-body-sm-medium);gap:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-textarea__field-wrapper{display:inline-block;position:relative;width:100%}.pds-textarea__field{background-color:var(--pine-color-background-container);border:var(--pine-border);border-radius:calc(var(--pine-dimension-xs) * 1.25);-webkit-box-sizing:border-box;box-sizing:border-box;font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-height:calc(var(--pine-dimension-xl) * 2);min-width:calc(var(--pine-dimension-xl) * 2);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);resize:both;width:100%}:host([max-length]) .pds-textarea__field{padding-bottom:calc(var(--pine-dimension-xs) + var(--pine-dimension-md))}.pds-textarea__field:hover:not(:disabled,.is-invalid){border:var(--pine-border-hover)}.pds-textarea__field:disabled{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-textarea__field:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-textarea__field::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field.is-invalid{background-color:var(--pine-input-color-background-danger);border-color:var(--pine-color-border-danger)}.pds-textarea__field.is-invalid:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-textarea__character-counter{background:color-mix(in srgb, var(--pine-color-background-container) 80%, transparent);border-radius:calc(var(--pine-dimension-2xs) * 0.5);color:var(--pine-color-text-readonly);font:var(--pine-typography-body-sm-medium);padding:calc(var(--pine-dimension-2xs) * 0.5) var(--pine-dimension-2xs);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;z-index:2}:host([aria-disabled=true]) .pds-textarea__character-counter{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-disabled)}:host([aria-readonly=true]) .pds-textarea__character-counter{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}.pds-textarea__field.is-invalid~.pds-textarea__character-counter{background-color:var(--pine-input-color-background-danger)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";const f=class{constructor(i){e(this,i);this.pdsBlur=t(this,"pdsBlur");this.pdsFocus=t(this,"pdsFocus");this.pdsInput=t(this,"pdsInput");this.pdsTextareaChange=t(this,"pdsTextareaChange");this.inheritedAttributes={};this.disabled=false;this.invalid=false;this.name=this.componentId;this.readonly=false;this.required=false;this.value="";this.hasFocus=false;this.hasAction=false;this.onBlur=e=>{this.hasFocus=false;if(this.focusedValue!==this.value){this.emitValueChange(e)}this.pdsBlur.emit(e)};this.onFocus=e=>{this.hasFocus=true;this.focusedValue=this.value;this.pdsFocus.emit(e)};this.onInput=e=>{const t=e.target;if(t){if(this.maxLength&&t.value.length>this.maxLength){t.value=t.value.substring(0,this.maxLength)}this.value=t.value||""}this.emitInputChange(e);if(this.maxLength&&typeof ResizeObserver!=="undefined"){requestAnimationFrame((()=>{this.updateCharacterCounterPosition()}))}};this.onTextareaChange=e=>{this.emitValueChange(e)}}async setFocus(){if(this.nativeTextarea){this.nativeTextarea.focus()}}debounceChanged(){const{pdsInput:e,debounce:t,originalPdsInput:i}=this;this.pdsInput=t===undefined?i!==null&&i!==void 0?i:e:l(e,t)}valueChanged(){const e=this.nativeTextarea;const t=this.getValue();if(e&&e.value!==t){e.value=t}this.updateFormValue();if(this.maxLength&&typeof ResizeObserver!=="undefined"){this.updateCharacterCounterPosition()}}maxLengthChanged(){if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.maxLength&&this.nativeTextarea){this.setupResizeObserver()}if(this.internals&&this.internals.setValidity&&this.nativeTextarea){const e=this.nativeTextarea.value.length>(this.maxLength||0);this.internals.setValidity({tooLong:e},e?"Value exceeds maxLength":"",this.nativeTextarea)}}emitInputChange(e){const{value:t}=this;this.pdsInput.emit({value:t,event:e})}emitValueChange(e){const t=e.target;r(t,this);const{value:i}=t;const s=i==null?i:i.toString();this.focusedValue=s;this.pdsTextareaChange.emit({value:s,event:e})}getValue(){return this.value||""}textareaClassNames(){const e=["pds-textarea__field"];if(this.invalid&&this.invalid===true){e.push("is-invalid")}return e.join("  ")}connectedCallback(){this.debounceChanged();if(this.el.attachInternals){this.internals=this.el.attachInternals()}}disconnectedCallback(){if(this.resizeObserver){this.resizeObserver.disconnect()}}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},d(this.el)),c(this.el));this.hasAction=this.el.querySelector('[slot="action"]')!==null}componentDidLoad(){this.originalPdsInput=this.pdsInput;this.updateFormValue();this.setupResizeObserver()}setupResizeObserver(){if(!this.maxLength||!this.nativeTextarea)return;if(typeof ResizeObserver!=="undefined"){this.resizeObserver=new ResizeObserver((()=>{requestAnimationFrame((()=>{this.updateCharacterCounterPosition()}))}));this.resizeObserver.observe(this.nativeTextarea);requestAnimationFrame((()=>{this.updateCharacterCounterPosition()}))}}updateCharacterCounterPosition(){if(!this.characterCounter||!this.nativeTextarea)return;if(typeof ResizeObserver==="undefined")return;if(this.characterCounter.offsetWidth===0||this.characterCounter.offsetHeight===0){return}const e=this.nativeTextarea.offsetWidth;const t=this.nativeTextarea.offsetHeight;const i=this.characterCounter.offsetWidth;const s=this.characterCounter.offsetHeight;const a=e-i-8;const r=t-s-8;const n=Math.max(8,Math.min(a,e-i-8));const o=Math.max(8,Math.min(r,t-s-8));this.characterCounter.style.position="absolute";this.characterCounter.style.left=`${n}px`;this.characterCounter.style.top=`${o}px`;this.characterCounter.style.right="auto";this.characterCounter.style.bottom="auto"}renderCharacterCounter(){if(!this.maxLength){return null}const e=this.getValue().length;return i("div",{class:"pds-textarea__character-counter",ref:e=>this.characterCounter=e,role:"status","aria-live":"polite","aria-label":`${e} of ${this.maxLength} characters`},e," / ",this.maxLength)}renderAction(){const e=this.el.querySelector('[slot="action"]')!==null;if(e){return i("div",{class:"pds-textarea__action",part:"action"},i("slot",{name:"action"}))}return null}updateFormValue(){if(this.internals&&this.internals.setFormValue){const e=this.getValue();this.internals.setFormValue(e||null);if(this.nativeTextarea&&this.internals&&this.internals.setValidity){this.internals.setValidity(this.nativeTextarea.validity,this.nativeTextarea.validationMessage,this.nativeTextarea)}}}formResetCallback(){this.value="";this.updateFormValue()}formDisabledCallback(e){this.disabled=e}formStateRestoreCallback(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){const t=e.get(this.name);if(typeof t==="string"){this.value=t}}}render(){const e=this.getValue();return i(s,{key:"e1e17543442fcd240498b7f56ddb86e35ac1d770","aria-disabled":this.disabled?"true":null,"aria-readonly":this.readonly?"true":null,"has-action":this.hasAction&&!this.hideLabel?"true":null},i("div",{key:"5a69f6b67dcba5107aa9150fc87543e7638933bb",class:"pds-textarea"},this.label&&i("div",{key:"027592bca1595a85cdf24e8ab4201e6483fee80c",class:"pds-textarea__label-wrapper"},i("label",{key:"815f18177b34893b9e76d8c0db7baa6b0f3400c5",htmlFor:this.componentId},i("span",{key:"5fe5e5f984558c409d3a1c3e9fdb966038fcd4c4",class:this.hideLabel?"visually-hidden":""},this.label)),!this.hideLabel&&this.renderAction()),i("div",{key:"d1d95ef8becd9648c8becc2fe6797432ed53ca81",class:"pds-textarea__field-wrapper"},i("textarea",Object.assign({key:"d307adc2e75a381aae4dda4ad207bf3a670b7678",ref:e=>this.nativeTextarea=e,"aria-describedby":n(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,autocomplete:this.autocomplete,class:this.textareaClassNames(),disabled:this.disabled,id:this.componentId,maxlength:this.maxLength,name:this.name,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,rows:this.rows,onBlur:this.onBlur,onChange:this.onTextareaChange,onFocus:this.onFocus,onInput:this.onInput},this.inheritedAttributes),e),this.renderCharacterCounter()),this.helperMessage&&i("p",{key:"c7b68b10f0362025d90a902cbc6d2d741e579935",class:"pds-textarea__helper-message",id:o(this.componentId,"helper")},this.helperMessage),this.invalid&&i("p",{key:"8fd179c3c8cf9c9d5ee7252d30357072a2f55090","aria-live":"assertive",class:"pds-textarea__error-message",id:o(this.componentId,"error")},i("pds-icon",{key:"3e3de603c035ae3d71be28132d55992eadda9a54",icon:h,size:"small"}),this.errorMessage)))}static get formAssociated(){return true}get el(){return a(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"],maxLength:["maxLengthChanged"]}}};f.style=p+(b+u);export{f as pds_textarea};
-//# sourceMappingURL=p-41d1b164.entry.js.map

package/dist/pine-core/p-41d1b164.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["labelCss","pdsInputTokensCss","pdsTextareaCss","PdsTextarea","constructor","hostRef","this","inheritedAttributes","disabled","invalid","name","componentId","readonly","required","value","hasFocus","hasAction","onBlur","ev","focusedValue","emitValueChange","pdsBlur","emit","onFocus","pdsFocus","onInput","input","target","maxLength","length","substring","emitInputChange","ResizeObserver","requestAnimationFrame","updateCharacterCounterPosition","onTextareaChange","setFocus","nativeTextarea","focus","debounceChanged","pdsInput","debounce","originalPdsInput","undefined","debounceEvent","valueChanged","getValue","updateFormValue","maxLengthChanged","resizeObserver","disconnect","setupResizeObserver","internals","setValidity","isTooLong","tooLong","event","textarea","isRequired","newValue","toString","pdsTextareaChange","textareaClassNames","classNames","push","join","connectedCallback","el","attachInternals","disconnectedCallback","componentWillLoad","Object","assign","inheritAriaAttributes","inheritAttributes","querySelector","componentDidLoad","observe","characterCounter","offsetWidth","offsetHeight","textareaWidth","textareaHeight","counterWidth","counterHeight","rightPosition","bottomPosition","finalLeft","Math","max","min","finalTop","style","position","left","top","right","bottom","renderCharacterCounter","currentLength","h","class","ref","role","renderAction","part","setFormValue","validity","validationMessage","formResetCallback","formDisabledCallback","formStateRestoreCallback","state","FormData","get","render","Host","key","hideLabel","label","htmlFor","assignDescription","helperMessage","autocomplete","id","maxlength","placeholder","readOnly","rows","onChange","messageId","icon","danger","size","errorMessage"],"sources":["src/global/styles/utils/label.scss?tag=pds-textarea&encapsulation=shadow","src/components/pds-input/pds-input.tokens.scss?tag=pds-textarea&encapsulation=shadow","src/components/pds-textarea/pds-textarea.scss?tag=pds-textarea&encapsulation=shadow","src/components/pds-textarea/pds-textarea.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n:host([aria-disabled=\"true\"]) label {\n  color: var(--pine-color-text-label-disabled);\n}\n\n:host([aria-readonly=\"true\"]) {\n  label {\n    color: var(--pine-color-text-label-readonly);\n  }\n}\n\nlabel {\n  color: var(--pine-color-text-label);\n  font: var(--pine-typography-body-medium);\n  letter-spacing: var(--pine-letter-spacing);\n}\n","@use '~@kajabi-ui/styles/dist/pine/components/pds-input/pds-input.tokens'\n",":host {\n  display: inline-block;\n  width: 100%;\n}\n\n:host([aria-readonly=\"true\"]) {\n  textarea {\n    background-color: var(--pine-color-background-container-disabled);\n    color: var(--pine-color-text-readonly);\n  }\n}\n\n.pds-textarea {\n  display: flex;\n  flex-direction: column;\n}\n\n.pds-textarea__label-wrapper {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n}\n\n.pds-textarea__action {\n  align-items: center;\n  display: flex;\n  gap: var(--pine-dimension-xs);\n  margin-inline-start: var(--pine-dimension-xs);\n}\n\nlabel {\n  display: block;\n  margin-block-end: var(--pine-dimension-xs);\n}\n\n// When label is inside wrapper, remove its margin\n.pds-textarea__label-wrapper label {\n  margin-block-end: 0;\n}\n\n.pds-textarea__helper-message {\n  color: var(--pine-color-text-message);\n  font: var(--pine-typography-body-sm-medium);\n  margin-block-start: var(--pine-dimension-2xs);\n}\n\n.pds-textarea__error-message {\n  align-items: center;\n  color: var(--pine-color-text-message-danger);\n  display: flex;\n  font: var(--pine-typography-body-sm-medium);\n  gap: var(--pine-dimension-2xs);\n  margin-block-start: var(--pine-dimension-2xs);\n}\n\n.pds-textarea__field-wrapper {\n  display: inline-block;\n  position: relative;\n  width: 100%;\n}\n\n.pds-textarea__field {\n  background-color: var(--pine-color-background-container);\n  border: var(--pine-border);\n  border-radius: calc(var(--pine-dimension-xs) * 1.25);\n  box-sizing: border-box;\n  font: var(--pine-typography-body);\n  letter-spacing: var(--pine-letter-spacing);\n  min-height: calc(var(--pine-dimension-xl) * 2);\n  min-width: calc(var(--pine-dimension-xl) * 2);\n  padding: var(--pine-dimension-xs) var(--pine-dimension-sm);\n  resize: both;\n  width: 100%;\n\n  // Add bottom padding when character counter is present\n  :host([max-length]) & {\n    padding-bottom: calc(var(--pine-dimension-xs) + var(--pine-dimension-md));\n  }\n\n  &:hover:not(:disabled, .is-invalid) {\n    border: var(--pine-border-hover);\n  }\n\n  &:disabled {\n    background-color: var(--pine-color-background-container-disabled);\n    color: var(--pine-color-text-disabled);\n    cursor: not-allowed;\n  }\n\n  &:focus-visible {\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-border-width);\n  }\n\n  &::placeholder {\n    color: var(--pine-color-text-placeholder);\n  }\n\n  &.is-invalid {\n    background-color: var(--pine-input-color-background-danger);\n    border-color: var(--pine-color-border-danger);\n\n    &:focus-visible {\n      outline-color: var(--pine-color-focus-ring-danger);\n    }\n  }\n}\n\n.pds-textarea__character-counter {\n  background: color-mix(in srgb, var(--pine-color-background-container) 80%, transparent);\n  border-radius: calc(var(--pine-dimension-2xs) * 0.5);\n  color: var(--pine-color-text-readonly);\n  font: var(--pine-typography-body-sm-medium);\n  padding: calc(var(--pine-dimension-2xs) * 0.5) var(--pine-dimension-2xs);\n  pointer-events: none;\n  position: absolute;\n  user-select: none;\n  white-space: nowrap;\n  z-index: 2;\n\n  // Match textarea disabled state\n  :host([aria-disabled=\"true\"]) & {\n    background-color: var(--pine-color-background-container-disabled);\n    color: var(--pine-color-text-disabled);\n  }\n\n  // Match textarea readonly state\n  :host([aria-readonly=\"true\"]) & {\n    background-color: var(--pine-color-background-container-disabled);\n    color: var(--pine-color-text-readonly);\n  }\n\n  // Match textarea invalid state - target when field has is-invalid class\n  .pds-textarea__field.is-invalid ~ & {\n    background-color: var(--pine-input-color-background-danger);\n  }\n}\n\n.visually-hidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  clip-path: polygon(0 0, 0 0, 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { assignDescription, isRequired, messageId } from '../../utils/form';\nimport { TextareaChangeEventDetail, TextareaInputEventDetail } from './textarea-interface';\nimport { debounceEvent } from '@utils/utils';\nimport type { Attributes } from '@utils/attributes';\nimport { inheritAttributes, inheritAriaAttributes } from '@utils/attributes';\nimport { danger } from '@pine-ds/icons/icons';\n\n/**\n * @slot action - Content to be displayed in the label area, typically for help icons or links\n */\n@Component({\n  tag: 'pds-textarea',\n  styleUrls: [\n    '../../global/styles/utils/label.scss',\n    '../pds-input/pds-input.tokens.scss',\n    'pds-textarea.scss'\n  ],\n  shadow: true,\n  formAssociated: true,\n})\nexport class PdsTextarea {\n\n  private nativeTextarea?: HTMLTextAreaElement\n  private focusedValue?: string | null;\n  private inheritedAttributes: Attributes = {};\n  private originalPdsInput?: EventEmitter<TextareaInputEventDetail>;\n  private internals?: ElementInternals;\n  private resizeObserver?: ResizeObserver;\n  private characterCounter?: HTMLElement;\n\n  @Element() el: HTMLPdsTextareaElement;\n\n  /**\n   * Emitted when the input loses focus.\n   */\n  @Event() pdsBlur!: EventEmitter<FocusEvent>;\n\n  /**\n   * Emitted when the input has focus.\n   */\n  @Event() pdsFocus!: EventEmitter<FocusEvent>;\n\n  /**\n   * Emitted when a keyboard input occurs.\n   *\n   * For elements that accept text input (`type=text`, `type=tel`, etc.), the interface\n   * is [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent); for others,\n   * the interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If\n   * the input is cleared on edit, the type is `null`.\n   */\n  @Event() pdsInput: EventEmitter<TextareaInputEventDetail>;\n\n  /**\n   * Event emitted whenever the value of the textarea changes.\n   *\n   * This event will not emit when programmatically setting the `value` property.\n   */\n  @Event() pdsTextareaChange: EventEmitter<TextareaChangeEventDetail>;\n\n  /**\n   * Sets focus on the native `textarea` in the `pds-textarea`. Use this method instead of the global\n   * `textarea.focus()`.\n   */\n  @Method()\n  async setFocus() {\n    if (this.nativeTextarea) {\n      this.nativeTextarea.focus();\n    }\n  }\n\n  /**\n   * Specifies if and how the browser provides `autocomplete` assistance for the field.\n   */\n  @Prop() autocomplete: 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 textarea is disabled.\n   * @defaultValue false\n   */\n  @Prop() disabled = false;\n\n  /**\n   * The amount of time, in milliseconds, to wait to trigger the event after each keystroke.\n   */\n  @Prop() debounce?: number;\n\n  /**\n   * Displays an error message below the textarea field.\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * Displays a message or hint below the textarea field.\n   */\n  @Prop() helperMessage?: string;\n\n  /**\n   * Determines whether or not the textarea is invalid or throws an error.\n   * @defaultValue false\n   */\n  @Prop({mutable: true}) invalid = false;       // eslint-disable-line @stencil-community/strict-mutable\n\n  /**\n   * Text to be displayed as the textarea label.\n   */\n  @Prop() label?: string;\n\n  /**\n   * Visually hides the label text for instances where only the textarea should be displayed. Label remains accessible to assistive technology such as screen readers.\n   * Note: When true, the action slot is also hidden to maintain a minimal UI.\n   */\n  @Prop() hideLabel: boolean;\n\n  /**\n   * Specifies the name. Submitted with the form name/value pair. This value will mirror the componentId.\n   */\n  @Prop() name: string = this.componentId;\n\n  /**\n   * Specifies a short hint that describes the expected value of the textarea.\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * Determines whether or not the textarea is readonly.\n   * @defaultValue false\n   */\n  @Prop() readonly = false;\n\n  /**\n   * Determines whether or not the textarea is required.\n   * @defaultValue false\n   */\n  @Prop() required = false;\n\n  /**\n   * Sets number of rows of text visible without needing to scroll in the textarea.\n   */\n  @Prop() rows?: number;\n\n  /**\n   * Specifies the maximum number of characters allowed in the textarea. When set, displays a character counter.\n   */\n  @Prop({ reflect: true }) maxLength?: number;\n\n  /**\n   * The value of the textarea.\n   */\n  @Prop({mutable: true}) value?: string | null = '';\n\n  @State() hasFocus = false;\n\n  /**\n   * If true, the textarea has action content in the label area\n   */\n  @State() hasAction = false;\n\n  @Watch('debounce')\n  protected debounceChanged() {\n    const { pdsInput, debounce, originalPdsInput } = this;\n\n    this.pdsInput = debounce === undefined ? originalPdsInput ?? pdsInput : debounceEvent(pdsInput, debounce);\n  }\n\n  /**\n   * Update the native input element when the value changes\n   */\n  @Watch('value')\n  protected valueChanged() {\n    const nativeTextarea = this.nativeTextarea;\n    const value = this.getValue();\n\n    if (nativeTextarea && nativeTextarea.value !== value) {\n      nativeTextarea.value = value;\n    }\n\n    // Update form value for Form Associated Custom Elements API\n    this.updateFormValue();\n\n    // Update character counter position in case content changes affect sizing\n    if (this.maxLength && typeof ResizeObserver !== 'undefined') {\n      this.updateCharacterCounterPosition();\n    }\n  }\n\n  @Watch('maxLength')\n  protected maxLengthChanged() {\n    // Setup or teardown ResizeObserver based on maxLength\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n\n    if (this.maxLength && this.nativeTextarea) {\n      this.setupResizeObserver();\n    }\n\n    // Update ElementInternals validity when maxLength changes\n    if (this.internals && this.internals.setValidity && this.nativeTextarea) {\n      const isTooLong = this.nativeTextarea.value.length > (this.maxLength || 0);\n      this.internals.setValidity(\n        { tooLong: isTooLong },\n        isTooLong ? 'Value exceeds maxLength' : '',\n        this.nativeTextarea\n      );\n    }\n  }\n\n  /**\n   * Emits an `pdsInput` event.\n   */\n  private emitInputChange(event?: Event) {\n    const { value } = this;\n    this.pdsInput.emit({ value, event });\n  }\n\n  /**\n   * Emits an `pdsTextareaChange` event.\n   */\n  private emitValueChange(event?: Event) {\n    const textarea = event.target as HTMLTextAreaElement;\n    isRequired(textarea, this);\n\n    const { value } = textarea;\n\n    // Checks for both null and undefined values\n    const newValue = value == null ? value : value.toString();\n    this.focusedValue = newValue;\n    this.pdsTextareaChange.emit({ value: newValue, event });\n  }\n\n  private getValue(): string {\n    return this.value || '';\n  }\n\n  private onBlur = (ev: FocusEvent) => {\n    this.hasFocus = false;\n\n    if (this.focusedValue !== this.value) {\n      this.emitValueChange(ev);\n    }\n\n    this.pdsBlur.emit(ev);\n  };\n\n  private onFocus = (ev: FocusEvent) => {\n    this.hasFocus = true;\n    this.focusedValue = this.value;\n\n    this.pdsFocus.emit(ev);\n  };\n\n  private onInput = (ev: Event) => {\n    const input = ev.target as HTMLTextAreaElement | null;\n    if (input) {\n      // Handle maxLength validation\n      if (this.maxLength && input.value.length > this.maxLength) {\n        // Prevent input beyond maxLength\n        input.value = input.value.substring(0, this.maxLength);\n      }\n      this.value = input.value || '';\n    }\n    this.emitInputChange(ev);\n\n    // Update counter position when content changes\n    if (this.maxLength && typeof ResizeObserver !== 'undefined') {\n      // Use requestAnimationFrame to ensure DOM is updated\n      requestAnimationFrame(() => {\n        this.updateCharacterCounterPosition();\n      });\n    }\n  };\n\n  private onTextareaChange = (ev: Event) => {\n    this.emitValueChange(ev);\n  };\n\n  private textareaClassNames() {\n    const classNames = ['pds-textarea__field'];\n\n    if (this.invalid && this.invalid === true) {\n      classNames.push('is-invalid');\n    }\n\n    return classNames.join('  ');\n  }\n\n  connectedCallback() {\n    this.debounceChanged();\n    // Initialize ElementInternals for form association\n    if (this.el.attachInternals) {\n      this.internals = this.el.attachInternals();\n    }\n  }\n\n  disconnectedCallback() {\n    // Clean up ResizeObserver\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\n  componentWillLoad() {\n    this.inheritedAttributes = {\n      ...inheritAriaAttributes(this.el),\n      ...inheritAttributes(this.el),\n    };\n    this.hasAction = this.el.querySelector('[slot=\"action\"]') !== null;\n  }\n\n  componentDidLoad() {\n    this.originalPdsInput = this.pdsInput;\n    // Set initial form value\n    this.updateFormValue();\n\n    // Setup ResizeObserver for character counter positioning\n    this.setupResizeObserver();\n  }\n\n  /**\n   * Sets up ResizeObserver to track textarea resize for character counter positioning\n   */\n  private setupResizeObserver() {\n    if (!this.maxLength || !this.nativeTextarea) return;\n\n    // ResizeObserver may not be available in test environments\n    if (typeof ResizeObserver !== 'undefined') {\n      this.resizeObserver = new ResizeObserver(() => {\n        // Use requestAnimationFrame to ensure DOM updates are complete\n        requestAnimationFrame(() => {\n          this.updateCharacterCounterPosition();\n        });\n      });\n\n      this.resizeObserver.observe(this.nativeTextarea);\n\n      // Initial positioning with a small delay to ensure counter is rendered\n      requestAnimationFrame(() => {\n        this.updateCharacterCounterPosition();\n      });\n    }\n  }\n\n  /**\n   * Updates character counter position to stay within textarea boundaries during resize\n   */\n  private updateCharacterCounterPosition() {\n    if (!this.characterCounter || !this.nativeTextarea) return;\n\n    // Skip positioning in test environments where ResizeObserver isn't available\n    if (typeof ResizeObserver === 'undefined') return;\n\n    // Ensure the character counter has been rendered and has dimensions\n    if (this.characterCounter.offsetWidth === 0 || this.characterCounter.offsetHeight === 0) {\n      // Counter not ready or component hidden - return and let resize/input observers handle positioning later\n      return;\n    }\n\n    // Position based on textarea's actual dimensions (which change during manual resize)\n    const textareaWidth = this.nativeTextarea.offsetWidth;\n    const textareaHeight = this.nativeTextarea.offsetHeight;\n    const counterWidth = this.characterCounter.offsetWidth;\n    const counterHeight = this.characterCounter.offsetHeight;\n\n    // Calculate position within textarea boundaries with padding from edges\n    const rightPosition = textareaWidth - counterWidth - 8;\n    const bottomPosition = textareaHeight - counterHeight - 8;\n\n    // Ensure counter stays within textarea boundaries even when resized very small\n    const finalLeft = Math.max(8, Math.min(rightPosition, textareaWidth - counterWidth - 8));\n    const finalTop = Math.max(8, Math.min(bottomPosition, textareaHeight - counterHeight - 8));\n\n    // Apply absolute positioning within the field wrapper\n    this.characterCounter.style.position = 'absolute';\n    this.characterCounter.style.left = `${finalLeft}px`;\n    this.characterCounter.style.top = `${finalTop}px`;\n    this.characterCounter.style.right = 'auto';\n    this.characterCounter.style.bottom = 'auto';\n  }\n\n  /**\n   * Renders the character counter when maxLength is set\n   */\n  private renderCharacterCounter() {\n    if (!this.maxLength) {\n      return null;\n    }\n\n    const currentLength = this.getValue().length;\n    return (\n      <div\n        class=\"pds-textarea__character-counter\"\n        ref={(el) => this.characterCounter = el}\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-label={`${currentLength} of ${this.maxLength} characters`}\n      >\n        {currentLength} / {this.maxLength}\n      </div>\n    );\n  }\n\n  private renderAction() {\n    const hasAction = this.el.querySelector('[slot=\"action\"]') !== null;\n    if (hasAction) {\n      return (\n        <div class=\"pds-textarea__action\" part=\"action\">\n          <slot name=\"action\"></slot>\n        </div>\n      );\n    }\n    return null;\n  }\n\n  /**\n   * Updates the form value using ElementInternals API\n   */\n  private updateFormValue() {\n    if (this.internals && this.internals.setFormValue) {\n      const value = this.getValue();\n      this.internals.setFormValue(value || null);\n\n      // Set validity based on native textarea validation\n      if (this.nativeTextarea && this.internals && this.internals.setValidity) {\n        this.internals.setValidity(\n          this.nativeTextarea.validity,\n          this.nativeTextarea.validationMessage,\n          this.nativeTextarea\n        );\n      }\n    }\n  }\n\n\n  /**\n   * Form Associated Custom Elements API: Called when the form is reset\n   */\n  formResetCallback() {\n    this.value = '';\n    this.updateFormValue();\n  }\n\n  /**\n   * Form Associated Custom Elements API: Called when the form is disabled\n   */\n  formDisabledCallback(disabled: boolean) {\n    this.disabled = disabled;\n  }\n\n  /**\n   * Form Associated Custom Elements API: Called to restore form state\n   */\n  formStateRestoreCallback(state: string | FormData | null) {\n    if (typeof state === 'string') {\n      this.value = state;\n    } else if (state instanceof FormData && this.name) {\n      // Extract value from FormData using the textarea's name\n      const value = state.get(this.name);\n      if (typeof value === 'string') {\n        this.value = value;\n      }\n    }\n  }\n\n  render() {\n    const value = this.getValue();\n\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n        aria-readonly={this.readonly ? 'true' : null}\n        has-action={this.hasAction && !this.hideLabel ? 'true' : null}\n      >\n        <div class=\"pds-textarea\">\n          {this.label &&\n            <div class=\"pds-textarea__label-wrapper\">\n              <label htmlFor={this.componentId}>\n                <span class={this.hideLabel ? 'visually-hidden' : ''}>\n                  {this.label}\n                </span>\n              </label>\n              {!this.hideLabel && this.renderAction()}\n            </div>\n          }\n          <div class=\"pds-textarea__field-wrapper\">\n            <textarea\n              ref={(el) => this.nativeTextarea = el }\n              aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n              aria-invalid={this.invalid ? \"true\" : undefined}\n              autocomplete={this.autocomplete}\n              class={this.textareaClassNames()}\n              disabled={this.disabled}\n              id={this.componentId}\n              maxlength={this.maxLength}\n              name={this.name}\n              placeholder={this.placeholder}\n              readOnly={this.readonly}\n              required={this.required}\n              rows={this.rows}\n              onBlur={this.onBlur}\n              onChange={this.onTextareaChange}\n              onFocus={this.onFocus}\n              onInput={this.onInput}\n              {...this.inheritedAttributes}\n            >\n              {value}\n            </textarea>\n            {this.renderCharacterCounter()}\n          </div>\n          {this.helperMessage &&\n            <p\n              class=\"pds-textarea__helper-message\"\n              id={messageId(this.componentId, 'helper')}\n            >\n              {this.helperMessage}\n            </p>\n          }\n          {this.invalid &&\n            <p\n              aria-live=\"assertive\"\n              class=\"pds-textarea__error-message\"\n              id={messageId(this.componentId, 'error')}\n            >\n              <pds-icon icon={danger} size=\"small\" />\n              {this.errorMessage}\n            </p>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"qOAAA,MAAMA,EAAW,qTCAjB,MAAMC,EAAoB,wECA1B,MAAMC,EAAiB,miI,MCqBVC,EAAW,MAVxB,WAAAC,CAAAC,G,8JAcUC,KAAmBC,oBAAe,GA4DlCD,KAAQE,SAAG,MAqBIF,KAAAG,QAAU,MAgBzBH,KAAAI,KAAeJ,KAAKK,YAWpBL,KAAQM,SAAG,MAMXN,KAAQO,SAAG,MAeIP,KAAKQ,MAAmB,GAEtCR,KAAQS,SAAG,MAKXT,KAASU,UAAG,MA+EbV,KAAAW,OAAUC,IAChBZ,KAAKS,SAAW,MAEhB,GAAIT,KAAKa,eAAiBb,KAAKQ,MAAO,CACpCR,KAAKc,gBAAgBF,E,CAGvBZ,KAAKe,QAAQC,KAAKJ,EAAG,EAGfZ,KAAAiB,QAAWL,IACjBZ,KAAKS,SAAW,KAChBT,KAAKa,aAAeb,KAAKQ,MAEzBR,KAAKkB,SAASF,KAAKJ,EAAG,EAGhBZ,KAAAmB,QAAWP,IACjB,MAAMQ,EAAQR,EAAGS,OACjB,GAAID,EAAO,CAET,GAAIpB,KAAKsB,WAAaF,EAAMZ,MAAMe,OAASvB,KAAKsB,UAAW,CAEzDF,EAAMZ,MAAQY,EAAMZ,MAAMgB,UAAU,EAAGxB,KAAKsB,U,CAE9CtB,KAAKQ,MAAQY,EAAMZ,OAAS,E,CAE9BR,KAAKyB,gBAAgBb,GAGrB,GAAIZ,KAAKsB,kBAAoBI,iBAAmB,YAAa,CAE3DC,uBAAsB,KACpB3B,KAAK4B,gCAAgC,G,GAKnC5B,KAAA6B,iBAAoBjB,IAC1BZ,KAAKc,gBAAgBF,EAAG,CAiQ3B,CAvdC,cAAMkB,GACJ,GAAI9B,KAAK+B,eAAgB,CACvB/B,KAAK+B,eAAeC,O,EAiGd,eAAAC,GACR,MAAMC,SAAEA,EAAQC,SAAEA,EAAQC,iBAAEA,GAAqBpC,KAEjDA,KAAKkC,SAAWC,IAAaE,UAAYD,IAAA,MAAAA,SAAgB,EAAhBA,EAAoBF,EAAWI,EAAcJ,EAAUC,E,CAOxF,YAAAI,GACR,MAAMR,EAAiB/B,KAAK+B,eAC5B,MAAMvB,EAAQR,KAAKwC,WAEnB,GAAIT,GAAkBA,EAAevB,QAAUA,EAAO,CACpDuB,EAAevB,MAAQA,C,CAIzBR,KAAKyC,kBAGL,GAAIzC,KAAKsB,kBAAoBI,iBAAmB,YAAa,CAC3D1B,KAAK4B,gC,EAKC,gBAAAc,GAER,GAAI1C,KAAK2C,eAAgB,CACvB3C,KAAK2C,eAAeC,Y,CAGtB,GAAI5C,KAAKsB,WAAatB,KAAK+B,eAAgB,CACzC/B,KAAK6C,qB,CAIP,GAAI7C,KAAK8C,WAAa9C,KAAK8C,UAAUC,aAAe/C,KAAK+B,eAAgB,CACvE,MAAMiB,EAAYhD,KAAK+B,eAAevB,MAAMe,QAAUvB,KAAKsB,WAAa,GACxEtB,KAAK8C,UAAUC,YACb,CAAEE,QAASD,GACXA,EAAY,0BAA4B,GACxChD,KAAK+B,e,EAQH,eAAAN,CAAgByB,GACtB,MAAM1C,MAAEA,GAAUR,KAClBA,KAAKkC,SAASlB,KAAK,CAAER,QAAO0C,S,CAMtB,eAAApC,CAAgBoC,GACtB,MAAMC,EAAWD,EAAM7B,OACvB+B,EAAWD,EAAUnD,MAErB,MAAMQ,MAAEA,GAAU2C,EAGlB,MAAME,EAAW7C,GAAS,KAAOA,EAAQA,EAAM8C,WAC/CtD,KAAKa,aAAewC,EACpBrD,KAAKuD,kBAAkBvC,KAAK,CAAER,MAAO6C,EAAUH,S,CAGzC,QAAAV,GACN,OAAOxC,KAAKQ,OAAS,E,CA6Cf,kBAAAgD,GACN,MAAMC,EAAa,CAAC,uBAEpB,GAAIzD,KAAKG,SAAWH,KAAKG,UAAY,KAAM,CACzCsD,EAAWC,KAAK,a,CAGlB,OAAOD,EAAWE,KAAK,K,CAGzB,iBAAAC,GACE5D,KAAKiC,kBAEL,GAAIjC,KAAK6D,GAAGC,gBAAiB,CAC3B9D,KAAK8C,UAAY9C,KAAK6D,GAAGC,iB,EAI7B,oBAAAC,GAEE,GAAI/D,KAAK2C,eAAgB,CACvB3C,KAAK2C,eAAeC,Y,EAIxB,iBAAAoB,GACEhE,KAAKC,oBAAmBgE,OAAAC,OAAAD,OAAAC,OAAA,GACnBC,EAAsBnE,KAAK6D,KAC3BO,EAAkBpE,KAAK6D,KAE5B7D,KAAKU,UAAYV,KAAK6D,GAAGQ,cAAc,qBAAuB,I,CAGhE,gBAAAC,GACEtE,KAAKoC,iBAAmBpC,KAAKkC,SAE7BlC,KAAKyC,kBAGLzC,KAAK6C,qB,CAMC,mBAAAA,GACN,IAAK7C,KAAKsB,YAActB,KAAK+B,eAAgB,OAG7C,UAAWL,iBAAmB,YAAa,CACzC1B,KAAK2C,eAAiB,IAAIjB,gBAAe,KAEvCC,uBAAsB,KACpB3B,KAAK4B,gCAAgC,GACrC,IAGJ5B,KAAK2C,eAAe4B,QAAQvE,KAAK+B,gBAGjCJ,uBAAsB,KACpB3B,KAAK4B,gCAAgC,G,EAQnC,8BAAAA,GACN,IAAK5B,KAAKwE,mBAAqBxE,KAAK+B,eAAgB,OAGpD,UAAWL,iBAAmB,YAAa,OAG3C,GAAI1B,KAAKwE,iBAAiBC,cAAgB,GAAKzE,KAAKwE,iBAAiBE,eAAiB,EAAG,CAEvF,M,CAIF,MAAMC,EAAgB3E,KAAK+B,eAAe0C,YAC1C,MAAMG,EAAiB5E,KAAK+B,eAAe2C,aAC3C,MAAMG,EAAe7E,KAAKwE,iBAAiBC,YAC3C,MAAMK,EAAgB9E,KAAKwE,iBAAiBE,aAG5C,MAAMK,EAAgBJ,EAAgBE,EAAe,EACrD,MAAMG,EAAiBJ,EAAiBE,EAAgB,EAGxD,MAAMG,EAAYC,KAAKC,IAAI,EAAGD,KAAKE,IAAIL,EAAeJ,EAAgBE,EAAe,IACrF,MAAMQ,EAAWH,KAAKC,IAAI,EAAGD,KAAKE,IAAIJ,EAAgBJ,EAAiBE,EAAgB,IAGvF9E,KAAKwE,iBAAiBc,MAAMC,SAAW,WACvCvF,KAAKwE,iBAAiBc,MAAME,KAAO,GAAGP,MACtCjF,KAAKwE,iBAAiBc,MAAMG,IAAM,GAAGJ,MACrCrF,KAAKwE,iBAAiBc,MAAMI,MAAQ,OACpC1F,KAAKwE,iBAAiBc,MAAMK,OAAS,M,CAM/B,sBAAAC,GACN,IAAK5F,KAAKsB,UAAW,CACnB,OAAO,I,CAGT,MAAMuE,EAAgB7F,KAAKwC,WAAWjB,OACtC,OACEuE,EAAA,OACEC,MAAM,kCACNC,IAAMnC,GAAO7D,KAAKwE,iBAAmBX,EACrCoC,KAAK,SACK,qBACE,gBAAGJ,QAAoB7F,KAAKsB,wBAEvCuE,EAAa,MAAK7F,KAAKsB,U,CAKtB,YAAA4E,GACN,MAAMxF,EAAYV,KAAK6D,GAAGQ,cAAc,qBAAuB,KAC/D,GAAI3D,EAAW,CACb,OACEoF,EAAA,OAAKC,MAAM,uBAAuBI,KAAK,UACrCL,EAAA,QAAM1F,KAAK,W,CAIjB,OAAO,I,CAMD,eAAAqC,GACN,GAAIzC,KAAK8C,WAAa9C,KAAK8C,UAAUsD,aAAc,CACjD,MAAM5F,EAAQR,KAAKwC,WACnBxC,KAAK8C,UAAUsD,aAAa5F,GAAS,MAGrC,GAAIR,KAAK+B,gBAAkB/B,KAAK8C,WAAa9C,KAAK8C,UAAUC,YAAa,CACvE/C,KAAK8C,UAAUC,YACb/C,KAAK+B,eAAesE,SACpBrG,KAAK+B,eAAeuE,kBACpBtG,KAAK+B,e,GAUb,iBAAAwE,GACEvG,KAAKQ,MAAQ,GACbR,KAAKyC,iB,CAMP,oBAAA+D,CAAqBtG,GACnBF,KAAKE,SAAWA,C,CAMlB,wBAAAuG,CAAyBC,GACvB,UAAWA,IAAU,SAAU,CAC7B1G,KAAKQ,MAAQkG,C,MACR,GAAIA,aAAiBC,UAAY3G,KAAKI,KAAM,CAEjD,MAAMI,EAAQkG,EAAME,IAAI5G,KAAKI,MAC7B,UAAWI,IAAU,SAAU,CAC7BR,KAAKQ,MAAQA,C,GAKnB,MAAAqG,GACE,MAAMrG,EAAQR,KAAKwC,WAEnB,OACEsD,EAACgB,EAAI,CAAAC,IAAA,2DACY/G,KAAKE,SAAW,OAAS,KAAI,gBAC7BF,KAAKM,SAAW,OAAS,KAAI,aAChCN,KAAKU,YAAcV,KAAKgH,UAAY,OAAS,MAEzDlB,EAAK,OAAAiB,IAAA,2CAAAhB,MAAM,gBACR/F,KAAKiH,OACJnB,EAAK,OAAAiB,IAAA,2CAAAhB,MAAM,+BACTD,EAAA,SAAAiB,IAAA,2CAAOG,QAASlH,KAAKK,aACnByF,EAAA,QAAAiB,IAAA,2CAAMhB,MAAO/F,KAAKgH,UAAY,kBAAoB,IAC/ChH,KAAKiH,SAGRjH,KAAKgH,WAAahH,KAAKkG,gBAG7BJ,EAAK,OAAAiB,IAAA,2CAAAhB,MAAM,+BACTD,EAAA,WAAA7B,OAAAC,OAAA,CAAA6C,IAAA,2CACEf,IAAMnC,GAAO7D,KAAK+B,eAAiB8B,EACjB,mBAAAsD,EAAkBnH,KAAKK,YAAaL,KAAKG,QAASH,KAAKoH,eAAc,eACzEpH,KAAKG,QAAU,OAASkC,UACtCgF,aAAcrH,KAAKqH,aACnBtB,MAAO/F,KAAKwD,qBACZtD,SAAUF,KAAKE,SACfoH,GAAItH,KAAKK,YACTkH,UAAWvH,KAAKsB,UAChBlB,KAAMJ,KAAKI,KACXoH,YAAaxH,KAAKwH,YAClBC,SAAUzH,KAAKM,SACfC,SAAUP,KAAKO,SACfmH,KAAM1H,KAAK0H,KACX/G,OAAQX,KAAKW,OACbgH,SAAU3H,KAAK6B,iBACfZ,QAASjB,KAAKiB,QACdE,QAASnB,KAAKmB,SACVnB,KAAKC,qBAERO,GAEFR,KAAK4F,0BAEP5F,KAAKoH,eACJtB,EAAA,KAAAiB,IAAA,2CACEhB,MAAM,+BACNuB,GAAIM,EAAU5H,KAAKK,YAAa,WAE/BL,KAAKoH,eAGTpH,KAAKG,SACJ2F,EAAA,KAAAiB,IAAA,uDACY,YACVhB,MAAM,8BACNuB,GAAIM,EAAU5H,KAAKK,YAAa,UAEhCyF,EAAA,YAAAiB,IAAA,2CAAUc,KAAMC,EAAQC,KAAK,UAC5B/H,KAAKgI,e","ignoreList":[]}

package/dist/pine-core/p-44087d1c.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as s,H as i,g as o}from"./p-BVCWKPy3.js";import{c}from"./p-DnUJodVd.js";const l=":host{--color-background-interactive:var(--pine-color-grey-200);border-color:inherit;display:table-row;vertical-align:inherit}:host::part(checkbox-cell){background-color:var(--pine-color-background-container);inset-inline-start:var(--pine-dimension-none);position:-webkit-sticky;position:sticky;z-index:1}:host(:hover),:host(:hover)::part(checkbox-cell),:host(:hover) ::slotted(pds-table-cell),:host(.is-selected),:host(.is-selected)::part(checkbox-cell),:host(.is-selected) ::slotted(pds-table-cell){background:var(--color-background-interactive)}";const r=class{constructor(s){e(this,s);this.pdsTableRowSelected=t(this,"pdsTableRowSelected");this.handleClick=()=>{this.isSelected=!this.isSelected;this.handleSelect(this.isSelected)};this.handleSelect=e=>{this.indeterminate=false;if(!c("pds-table-head",this.hostElement)){const t=Array.from(this.hostElement.parentNode.children).indexOf(this.hostElement);this.pdsTableRowSelected.emit({rowIndex:t,isSelected:e})}};this.generateUniqueId=()=>{const e=Math.random().toString(36).substring(2,8);const t=(new Date).toISOString().replace(/[:.]/g,"-");const s=`${e}-${t}`;return s}}classNames(){const e=[];if(this.isSelected){e.push("is-selected")}return e.join("  ")}componentWillRender(){this.tableRef=this.hostElement.closest("pds-table");if(this.tableRef&&this.tableRef.fixedColumn){const e=this.hostElement.querySelector("pds-table-cell");e===null||e===void 0?void 0:e.classList.add("is-fixed")}}componentWillLoad(){if(this.isSelected){this.handleSelect(this.isSelected)}}render(){return s(i,{key:"45de7019e5fe44cd27a02450205cf96429072db3",class:this.classNames(),role:"row",part:"row"},this.tableRef&&this.tableRef.selectable&&s("pds-table-cell",{key:"770cf9bcfff13b8de986d42f6ad6c249b4259191",part:this.tableRef.fixedColumn?"checkbox-cell":"checkbox-cell",class:this.tableRef.selectable?"has-checkbox":""},s("pds-checkbox",{key:"5a1e28f23dda779862a310d83308396e14a839d6",componentId:this.generateUniqueId(),onClick:this.handleClick,indeterminate:this.indeterminate,label:"Select Row",hideLabel:true,checked:this.isSelected,part:"row-checkbox"})),s("slot",{key:"7dd5716693ad855d1f072f0af9013ca4383bab5e"}))}get hostElement(){return o(this)}};r.style=l;export{r as pds_table_row};
-//# sourceMappingURL=p-44087d1c.entry.js.map

package/dist/pine-core/p-44087d1c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pdsTableRowCss","PdsTableRow","constructor","hostRef","this","handleClick","isSelected","handleSelect","indeterminate","closest","hostElement","rowIndex","Array","from","parentNode","children","indexOf","pdsTableRowSelected","emit","generateUniqueId","randomString","Math","random","toString","substring","timestamp","Date","toISOString","replace","uniqueId","classNames","push","join","componentWillRender","tableRef","fixedColumn","tableCell","querySelector","classList","add","componentWillLoad","render","h","Host","key","class","role","part","selectable","componentId","onClick","label","hideLabel","checked"],"sources":["src/components/pds-table/pds-table-row/pds-table-row.scss?tag=pds-table-row&encapsulation=shadow","src/components/pds-table/pds-table-row/pds-table-row.tsx"],"sourcesContent":[":host {\n  --color-background-interactive: var(--pine-color-grey-200);\n\n  border-color: inherit;\n  display: table-row;\n  vertical-align: inherit;\n\n  // used for pds-checkbox-cell\n  // because it is in the ShadowDom\n  &::part(checkbox-cell) {\n    background-color: var(--pine-color-background-container);\n    inset-inline-start: var(--pine-dimension-none);\n    position: sticky;\n    z-index: 1;\n  }\n}\n\n:host(:hover),\n:host(:hover)::part(checkbox-cell),\n:host(:hover) ::slotted(pds-table-cell),\n:host(.is-selected),\n:host(.is-selected)::part(checkbox-cell),\n:host(.is-selected) ::slotted(pds-table-cell) {\n  background: var(--color-background-interactive);\n}\n","import { Component, Element, Host, h, Event, EventEmitter, Prop } from '@stencil/core';\n\nimport { closest } from '../../../utils/closest';\n\n@Component({\n  tag: 'pds-table-row',\n  styleUrls: ['pds-table-row.scss'],\n  shadow: true,\n})\nexport class PdsTableRow {\n  @Element() hostElement: HTMLPdsTableRowElement;\n  private tableRef: HTMLPdsTableElement;\n\n  /**\n    * Determines if the row selected is in an indeterminate state.\n    */\n  @Prop({ mutable: true }) indeterminate?: boolean;\n\n  /**\n   * Determines if the table row is currently selected.\n   */\n  @Prop({ mutable: true }) isSelected?: boolean;\n\n  /**\n   * Event that is emitted when the checkbox is clicked, carrying the selected value.\n   */\n  @Event() pdsTableRowSelected: EventEmitter<{ rowIndex: number; isSelected: boolean; }>;\n\n  private handleClick = () => {\n    this.isSelected = !this.isSelected; // Toggle the selected state\n    this.handleSelect(this.isSelected);\n  }\n\n  private handleSelect = (isSelected: boolean) => {\n    this.indeterminate = false;\n\n    if (!closest('pds-table-head', this.hostElement)) {\n      const rowIndex = Array.from(this.hostElement.parentNode.children).indexOf(this.hostElement)\n      this.pdsTableRowSelected.emit({\n        rowIndex,\n        isSelected,\n      })\n    }\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.isSelected) {\n      classNames.push(\"is-selected\");\n    }\n\n    return classNames.join('  ');\n  }\n\n  componentWillRender() {\n    this.tableRef = this.hostElement.closest('pds-table') as HTMLPdsTableElement;\n\n    if (this.tableRef && this.tableRef.fixedColumn) {\n      const tableCell = this.hostElement.querySelector('pds-table-cell');\n      tableCell?.classList.add(\"is-fixed\");\n    }\n  }\n\n  componentWillLoad() {\n    if (this.isSelected) {\n      this.handleSelect(this.isSelected);\n    }\n  }\n\n  private generateUniqueId = () => {\n    const randomString = Math.random().toString(36).substring(2, 8);\n    const timestamp = new Date().toISOString().replace(/[:.]/g, '-');\n    const uniqueId = `${randomString}-${timestamp}`;\n\n    return uniqueId;\n  }\n\n  render() {\n    return (\n      <Host\n        class={this.classNames()}\n        role=\"row\"\n        part=\"row\"\n      >\n        {this.tableRef && this.tableRef.selectable && (\n          <pds-table-cell part={this.tableRef.fixedColumn ? 'checkbox-cell' : 'checkbox-cell'} class={this.tableRef.selectable ? 'has-checkbox' : ''} >\n            <pds-checkbox\n              componentId={this.generateUniqueId()}\n              onClick={this.handleClick}\n              indeterminate={this.indeterminate}\n              label={\"Select Row\"}\n              hideLabel={true}\n              checked={this.isSelected}\n              part=\"row-checkbox\"\n            />\n          </pds-table-cell>\n        )}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"+FAAA,MAAMA,EAAiB,uiB,MCSVC,EAAW,MALxB,WAAAC,CAAAC,G,iEAwBUC,KAAWC,YAAG,KACpBD,KAAKE,YAAcF,KAAKE,WACxBF,KAAKG,aAAaH,KAAKE,WAAW,EAG5BF,KAAAG,aAAgBD,IACtBF,KAAKI,cAAgB,MAErB,IAAKC,EAAQ,iBAAkBL,KAAKM,aAAc,CAChD,MAAMC,EAAWC,MAAMC,KAAKT,KAAKM,YAAYI,WAAWC,UAAUC,QAAQZ,KAAKM,aAC/EN,KAAKa,oBAAoBC,KAAK,CAC5BP,WACAL,c,GA8BEF,KAAgBe,iBAAG,KACzB,MAAMC,EAAeC,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,GAC7D,MAAMC,GAAY,IAAIC,MAAOC,cAAcC,QAAQ,QAAS,KAC5D,MAAMC,EAAW,GAAGT,KAAgBK,IAEpC,OAAOI,CAAQ,CA2BlB,CAzDS,UAAAC,GACN,MAAMA,EAAa,GAEnB,GAAI1B,KAAKE,WAAY,CACnBwB,EAAWC,KAAK,c,CAGlB,OAAOD,EAAWE,KAAK,K,CAGzB,mBAAAC,GACE7B,KAAK8B,SAAW9B,KAAKM,YAAYD,QAAQ,aAEzC,GAAIL,KAAK8B,UAAY9B,KAAK8B,SAASC,YAAa,CAC9C,MAAMC,EAAYhC,KAAKM,YAAY2B,cAAc,kBACjDD,IAAS,MAATA,SAAS,SAATA,EAAWE,UAAUC,IAAI,W,EAI7B,iBAAAC,GACE,GAAIpC,KAAKE,WAAY,CACnBF,KAAKG,aAAaH,KAAKE,W,EAY3B,MAAAmC,GACE,OACEC,EAACC,EACC,CAAAC,IAAA,2CAAAC,MAAOzC,KAAK0B,aACZgB,KAAK,MACLC,KAAK,OAEJ3C,KAAK8B,UAAY9B,KAAK8B,SAASc,YAC9BN,EAAA,kBAAAE,IAAA,2CAAgBG,KAAM3C,KAAK8B,SAASC,YAAc,gBAAkB,gBAAiBU,MAAOzC,KAAK8B,SAASc,WAAa,eAAiB,IACtIN,EAAA,gBAAAE,IAAA,2CACEK,YAAa7C,KAAKe,mBAClB+B,QAAS9C,KAAKC,YACdG,cAAeJ,KAAKI,cACpB2C,MAAO,aACPC,UAAW,KACXC,QAASjD,KAAKE,WACdyC,KAAK,kBAIXL,EAAa,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/pine-core/p-464dd476.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as i,H as s,g as o}from"./p-BVCWKPy3.js";import{c as r}from"./p-DnUJodVd.js";const d=":host{--border-head-default:var(--pine-border-width-thin) solid var(--pine-color-grey-100);border-color:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;display:table-header-group;vertical-align:middle}:host::part(checkbox-cell){background-color:var(--pine-color-background-container);inset-inline-start:var(--pine-dimension-none);position:-webkit-sticky;position:sticky;z-index:1}:host pds-table-checkbox-cell{-webkit-border-after:var(--border-head-default);border-block-end:var(--border-head-default)}";const a=class{constructor(i){e(this,i);this.pdsTableSelectAll=t(this,"pdsTableSelectAll");this.generateUniqueId=()=>{const e=Math.random().toString(36).substring(2,8);const t=(new Date).toISOString().replace(/[:.]/g,"-");const i=`${e}-${t}`;return i};this.handleInput=e=>{this.isSelected=!e.target.checked;this.handleSelect(this.isSelected)};this.handleSelect=e=>{this.indeterminate=false;if(r("pds-table-head",this.hostElement)){this.pdsTableSelectAll.emit({isSelected:e})}}}componentWillLoad(){if(this.isSelected){this.handleSelect(this.isSelected)}}componentWillRender(){this.tableRef=this.hostElement.closest("pds-table");if(this.tableRef&&this.tableRef.fixedColumn){const e=this.hostElement.querySelector("pds-table-head-cell:first-child");e===null||e===void 0?void 0:e.classList.add("is-fixed")}}render(){return i(s,{key:"dda71d591ccce76bdb055820c1c97358e545b522",role:"row",part:"head"},this.tableRef&&this.tableRef.selectable&&i("pds-table-head-cell",{key:"79bf1bd06b8e1ef05c9354c178787b4cff139e07",part:this.tableRef.selectable?"checkbox-cell":""},i("pds-checkbox",{key:"1ce038a3f3b9e038441fdf4b1d1fe4689f575604",componentId:this.generateUniqueId(),indeterminate:this.indeterminate,onInput:this.handleInput,label:"Select All Rows",hideLabel:true,checked:this.isSelected,part:"select-all-checkbox"})),i("slot",{key:"f81d3922f892faa65abee99fd5af0d3232a25e9a"}))}get hostElement(){return o(this)}};a.style=d;export{a as pds_table_head};
-//# sourceMappingURL=p-464dd476.entry.js.map

package/dist/pine-core/p-464dd476.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pdsTableHeadCss","PdsTableHead","constructor","hostRef","this","generateUniqueId","randomString","Math","random","toString","substring","timestamp","Date","toISOString","replace","uniqueId","handleInput","ev","isSelected","target","checked","handleSelect","indeterminate","closest","hostElement","pdsTableSelectAll","emit","componentWillLoad","componentWillRender","tableRef","fixedColumn","tableCell","querySelector","classList","add","render","h","Host","key","role","part","selectable","componentId","onInput","label","hideLabel"],"sources":["src/components/pds-table/pds-table-head/pds-table-head.scss?tag=pds-table-head&encapsulation=shadow","src/components/pds-table/pds-table-head/pds-table-head.tsx"],"sourcesContent":[":host {\n  --border-head-default: var(--pine-border-width-thin) solid var(--pine-color-grey-100);\n\n  border-color: inherit;\n  box-sizing: border-box;\n  display: table-header-group;\n  vertical-align: middle;\n\n  // used for pds-checkbox-cell\n  // because it is in the ShadowDom\n  &::part(checkbox-cell) {\n    background-color: var(--pine-color-background-container);\n    inset-inline-start: var(--pine-dimension-none);\n    position: sticky;\n    z-index: 1;\n  }\n}\n\n:host pds-table-checkbox-cell {\n  border-block-end: var(--border-head-default);\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Prop } from '@stencil/core';\nimport { closest } from '@utils/closest';\n\n@Component({\n  tag: 'pds-table-head',\n  styleUrls: ['pds-table-head.scss'],\n  shadow: true,\n})\nexport class PdsTableHead {\n  @Element() hostElement: HTMLPdsTableHeadElement;\n  private tableRef: HTMLPdsTableElement\n\n   /**\n    * Determines if the select all checkbox is in an indeterminate state.\n    */\n   @Prop({ mutable: true }) indeterminate?: boolean;\n\n   /**\n   * Determines if the table row is currently selected.\n   * @defaultValue false\n   */\n   @Prop({mutable: true}) isSelected: boolean;\n\n  /**\n   * Event that is emitted when the select all checkbox is clicked, carrying the selected value.\n   */\n  @Event() pdsTableSelectAll: EventEmitter<{ isSelected: boolean }>;\n\n  private generateUniqueId = () => {\n    const randomString = Math.random().toString(36).substring(2, 8);\n    const timestamp = new Date().toISOString().replace(/[:.]/g, '-');\n    const uniqueId = `${randomString}-${timestamp}`;\n\n    return uniqueId;\n  }\n\n  private handleInput = (ev: Event) => {\n    this.isSelected = !(ev.target as HTMLInputElement).checked\n    this.handleSelect(this.isSelected)\n  };\n\n  private handleSelect = (isSelected: boolean) => {\n    this.indeterminate = false\n\n    if ( closest('pds-table-head', this.hostElement) ) {\n      this.pdsTableSelectAll.emit({ isSelected });\n    }\n  }\n\n  componentWillLoad() {\n    if (this.isSelected) {\n      this.handleSelect(this.isSelected)\n    }\n  }\n\n  componentWillRender() {\n    this.tableRef = this.hostElement.closest('pds-table') as HTMLPdsTableElement;\n\n    if (this.tableRef && this.tableRef.fixedColumn) {\n      const tableCell = this.hostElement.querySelector('pds-table-head-cell:first-child');\n      tableCell?.classList.add(\"is-fixed\");\n    }\n  }\n\n  render() {\n    return (\n      <Host role=\"row\" part=\"head\">\n        {this.tableRef && this.tableRef.selectable && (\n          <pds-table-head-cell part={this.tableRef.selectable ? 'checkbox-cell' : ''}>\n            <pds-checkbox\n              componentId={this.generateUniqueId()}\n              indeterminate={this.indeterminate}\n              onInput={this.handleInput}\n              label={\"Select All Rows\"}\n              hideLabel={true}\n              checked={this.isSelected}\n              part=\"select-all-checkbox\"\n            />\n          </pds-table-head-cell>\n        )}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAkB,qgB,MCQXC,EAAY,MALzB,WAAAC,CAAAC,G,6DAyBUC,KAAgBC,iBAAG,KACzB,MAAMC,EAAeC,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,GAC7D,MAAMC,GAAY,IAAIC,MAAOC,cAAcC,QAAQ,QAAS,KAC5D,MAAMC,EAAW,GAAGT,KAAgBK,IAEpC,OAAOI,CAAQ,EAGTX,KAAAY,YAAeC,IACrBb,KAAKc,YAAeD,EAAGE,OAA4BC,QACnDhB,KAAKiB,aAAajB,KAAKc,WAAW,EAG5Bd,KAAAiB,aAAgBH,IACtBd,KAAKkB,cAAgB,MAErB,GAAKC,EAAQ,iBAAkBnB,KAAKoB,aAAe,CACjDpB,KAAKqB,kBAAkBC,KAAK,CAAER,c,EAuCnC,CAnCC,iBAAAS,GACE,GAAIvB,KAAKc,WAAY,CACnBd,KAAKiB,aAAajB,KAAKc,W,EAI3B,mBAAAU,GACExB,KAAKyB,SAAWzB,KAAKoB,YAAYD,QAAQ,aAEzC,GAAInB,KAAKyB,UAAYzB,KAAKyB,SAASC,YAAa,CAC9C,MAAMC,EAAY3B,KAAKoB,YAAYQ,cAAc,mCACjDD,IAAS,MAATA,SAAS,SAATA,EAAWE,UAAUC,IAAI,W,EAI7B,MAAAC,GACE,OACEC,EAACC,EAAK,CAAAC,IAAA,2CAAAC,KAAK,MAAMC,KAAK,QACnBpC,KAAKyB,UAAYzB,KAAKyB,SAASY,YAC9BL,EAAqB,uBAAAE,IAAA,2CAAAE,KAAMpC,KAAKyB,SAASY,WAAa,gBAAkB,IACtEL,EAAA,gBAAAE,IAAA,2CACEI,YAAatC,KAAKC,mBAClBiB,cAAelB,KAAKkB,cACpBqB,QAASvC,KAAKY,YACd4B,MAAO,kBACPC,UAAW,KACXzB,QAAShB,KAAKc,WACdsB,KAAK,yBAIXJ,EAAa,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/pine-core/p-47670150.entry.js

@@ -1,3 +0,0 @@
-import{r as e,c as t,h as o,H as r,g as n}from"./p-BVCWKPy3.js";import{c as i,o as s,f as a,s as l}from"./p-DbQzNDdQ.js";
-/*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */const{entries:c,setPrototypeOf:d,isFrozen:u,getPrototypeOf:p,getOwnPropertyDescriptor:f}=Object;let{freeze:b,seal:h,create:m}=Object;let{apply:g,construct:x}=typeof Reflect!=="undefined"&&Reflect;if(!b){b=function e(t){return t}}if(!h){h=function e(t){return t}}if(!g){g=function e(t,o,r){return t.apply(o,r)}}if(!x){x=function e(t,o){return new t(...o)}}const y=C(Array.prototype.forEach);const v=C(Array.prototype.lastIndexOf);const _=C(Array.prototype.pop);const w=C(Array.prototype.push);const k=C(Array.prototype.splice);const T=C(String.prototype.toLowerCase);const A=C(String.prototype.toString);const E=C(String.prototype.match);const S=C(String.prototype.replace);const R=C(String.prototype.indexOf);const O=C(String.prototype.trim);const L=C(Object.prototype.hasOwnProperty);const z=C(RegExp.prototype.test);const D=I(TypeError);function C(e){return function(t){if(t instanceof RegExp){t.lastIndex=0}for(var o=arguments.length,r=new Array(o>1?o-1:0),n=1;n<o;n++){r[n-1]=arguments[n]}return g(e,t,r)}}function I(e){return function(){for(var t=arguments.length,o=new Array(t),r=0;r<t;r++){o[r]=arguments[r]}return x(e,o)}}function M(e,t){let o=arguments.length>2&&arguments[2]!==undefined?arguments[2]:T;if(d){d(e,null)}let r=t.length;while(r--){let n=t[r];if(typeof n==="string"){const e=o(n);if(e!==n){if(!u(t)){t[r]=e}n=e}}e[n]=true}return e}function N(e){for(let t=0;t<e.length;t++){const o=L(e,t);if(!o){e[t]=null}}return e}function F(e){const t=m(null);for(const[o,r]of c(e)){const n=L(e,o);if(n){if(Array.isArray(r)){t[o]=N(r)}else if(r&&typeof r==="object"&&r.constructor===Object){t[o]=F(r)}else{t[o]=r}}}return t}function P(e,t){while(e!==null){const o=f(e,t);if(o){if(o.get){return C(o.get)}if(typeof o.value==="function"){return C(o.value)}}e=p(e)}function o(){return null}return o}const j=b(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]);const U=b(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]);const B=b(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]);const W=b(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]);const H=b(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]);const $=b(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]);const q=b(["#text"]);const G=b(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","popover","popovertarget","popovertargetaction","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns","slot"]);const X=b(["accent-height","accumulate","additive","alignment-baseline","amplitude","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","exponent","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","slope","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","tablevalues","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]);const Y=b(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]);const V=b(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]);const K=h(/\{\{[\w\W]*|[\w\W]*\}\}/gm);const Q=h(/<%[\w\W]*|[\w\W]*%>/gm);const Z=h(/\$\{[\w\W]*/gm);const J=h(/^data-[\-\w.\u00B7-\uFFFF]+$/);const ee=h(/^aria-[\-\w]+$/);const te=h(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i);const oe=h(/^(?:\w+script|data):/i);const re=h(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g);const ne=h(/^html$/i);const ie=h(/^[a-z][.\w]*(-[.\w]+)+$/i);var se=Object.freeze({__proto__:null,ARIA_ATTR:ee,ATTR_WHITESPACE:re,CUSTOM_ELEMENT:ie,DATA_ATTR:J,DOCTYPE_NAME:ne,ERB_EXPR:Q,IS_ALLOWED_URI:te,IS_SCRIPT_OR_DATA:oe,MUSTACHE_EXPR:K,TMPLIT_EXPR:Z});const ae={element:1,text:3,progressingInstruction:7,comment:8,document:9};const le=function e(){return typeof window==="undefined"?null:window};const ce=function e(t,o){if(typeof t!=="object"||typeof t.createPolicy!=="function"){return null}let r=null;const n="data-tt-policy-suffix";if(o&&o.hasAttribute(n)){r=o.getAttribute(n)}const i="dompurify"+(r?"#"+r:"");try{return t.createPolicy(i,{createHTML(e){return e},createScriptURL(e){return e}})}catch(e){console.warn("TrustedTypes policy "+i+" could not be created.");return null}};const de=function e(){return{afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}};function ue(){let e=arguments.length>0&&arguments[0]!==undefined?arguments[0]:le();const t=e=>ue(e);t.version="3.2.6";t.removed=[];if(!e||!e.document||e.document.nodeType!==ae.document||!e.Element){t.isSupported=false;return t}let{document:o}=e;const r=o;const n=r.currentScript;const{DocumentFragment:i,HTMLTemplateElement:s,Node:a,Element:l,NodeFilter:d,NamedNodeMap:u=e.NamedNodeMap||e.MozNamedAttrMap,HTMLFormElement:p,DOMParser:f,trustedTypes:h}=e;const g=l.prototype;const x=P(g,"cloneNode");const C=P(g,"remove");const I=P(g,"nextSibling");const N=P(g,"childNodes");const K=P(g,"parentNode");if(typeof s==="function"){const e=o.createElement("template");if(e.content&&e.content.ownerDocument){o=e.content.ownerDocument}}let Q;let Z="";const{implementation:J,createNodeIterator:ee,createDocumentFragment:oe,getElementsByTagName:re}=o;const{importNode:ie}=r;let pe=de();t.isSupported=typeof c==="function"&&typeof K==="function"&&J&&J.createHTMLDocument!==undefined;const{MUSTACHE_EXPR:fe,ERB_EXPR:be,TMPLIT_EXPR:he,DATA_ATTR:me,ARIA_ATTR:ge,IS_SCRIPT_OR_DATA:xe,ATTR_WHITESPACE:ye,CUSTOM_ELEMENT:ve}=se;let{IS_ALLOWED_URI:_e}=se;let we=null;const ke=M({},[...j,...U,...B,...H,...q]);let Te=null;const Ae=M({},[...G,...X,...Y,...V]);let Ee=Object.seal(m(null,{tagNameCheck:{writable:true,configurable:false,enumerable:true,value:null},attributeNameCheck:{writable:true,configurable:false,enumerable:true,value:null},allowCustomizedBuiltInElements:{writable:true,configurable:false,enumerable:true,value:false}}));let Se=null;let Re=null;let Oe=true;let Le=true;let ze=false;let De=true;let Ce=false;let Ie=true;let Me=false;let Ne=false;let Fe=false;let Pe=false;let je=false;let Ue=false;let Be=true;let We=false;const He="user-content-";let $e=true;let qe=false;let Ge={};let Xe=null;const Ye=M({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let Ve=null;const Ke=M({},["audio","video","img","source","image","track"]);let Qe=null;const Ze=M({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]);const Je="http://www.w3.org/1998/Math/MathML";const et="http://www.w3.org/2000/svg";const tt="http://www.w3.org/1999/xhtml";let ot=tt;let rt=false;let nt=null;const it=M({},[Je,et,tt],A);let st=M({},["mi","mo","mn","ms","mtext"]);let at=M({},["annotation-xml"]);const lt=M({},["title","style","font","a","script"]);let ct=null;const dt=["application/xhtml+xml","text/html"];const ut="text/html";let pt=null;let ft=null;const bt=o.createElement("form");const ht=function e(t){return t instanceof RegExp||t instanceof Function};const mt=function e(){let t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};if(ft&&ft===t){return}if(!t||typeof t!=="object"){t={}}t=F(t);ct=dt.indexOf(t.PARSER_MEDIA_TYPE)===-1?ut:t.PARSER_MEDIA_TYPE;pt=ct==="application/xhtml+xml"?A:T;we=L(t,"ALLOWED_TAGS")?M({},t.ALLOWED_TAGS,pt):ke;Te=L(t,"ALLOWED_ATTR")?M({},t.ALLOWED_ATTR,pt):Ae;nt=L(t,"ALLOWED_NAMESPACES")?M({},t.ALLOWED_NAMESPACES,A):it;Qe=L(t,"ADD_URI_SAFE_ATTR")?M(F(Ze),t.ADD_URI_SAFE_ATTR,pt):Ze;Ve=L(t,"ADD_DATA_URI_TAGS")?M(F(Ke),t.ADD_DATA_URI_TAGS,pt):Ke;Xe=L(t,"FORBID_CONTENTS")?M({},t.FORBID_CONTENTS,pt):Ye;Se=L(t,"FORBID_TAGS")?M({},t.FORBID_TAGS,pt):F({});Re=L(t,"FORBID_ATTR")?M({},t.FORBID_ATTR,pt):F({});Ge=L(t,"USE_PROFILES")?t.USE_PROFILES:false;Oe=t.ALLOW_ARIA_ATTR!==false;Le=t.ALLOW_DATA_ATTR!==false;ze=t.ALLOW_UNKNOWN_PROTOCOLS||false;De=t.ALLOW_SELF_CLOSE_IN_ATTR!==false;Ce=t.SAFE_FOR_TEMPLATES||false;Ie=t.SAFE_FOR_XML!==false;Me=t.WHOLE_DOCUMENT||false;Pe=t.RETURN_DOM||false;je=t.RETURN_DOM_FRAGMENT||false;Ue=t.RETURN_TRUSTED_TYPE||false;Fe=t.FORCE_BODY||false;Be=t.SANITIZE_DOM!==false;We=t.SANITIZE_NAMED_PROPS||false;$e=t.KEEP_CONTENT!==false;qe=t.IN_PLACE||false;_e=t.ALLOWED_URI_REGEXP||te;ot=t.NAMESPACE||tt;st=t.MATHML_TEXT_INTEGRATION_POINTS||st;at=t.HTML_INTEGRATION_POINTS||at;Ee=t.CUSTOM_ELEMENT_HANDLING||{};if(t.CUSTOM_ELEMENT_HANDLING&&ht(t.CUSTOM_ELEMENT_HANDLING.tagNameCheck)){Ee.tagNameCheck=t.CUSTOM_ELEMENT_HANDLING.tagNameCheck}if(t.CUSTOM_ELEMENT_HANDLING&&ht(t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)){Ee.attributeNameCheck=t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck}if(t.CUSTOM_ELEMENT_HANDLING&&typeof t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements==="boolean"){Ee.allowCustomizedBuiltInElements=t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements}if(Ce){Le=false}if(je){Pe=true}if(Ge){we=M({},q);Te=[];if(Ge.html===true){M(we,j);M(Te,G)}if(Ge.svg===true){M(we,U);M(Te,X);M(Te,V)}if(Ge.svgFilters===true){M(we,B);M(Te,X);M(Te,V)}if(Ge.mathMl===true){M(we,H);M(Te,Y);M(Te,V)}}if(t.ADD_TAGS){if(we===ke){we=F(we)}M(we,t.ADD_TAGS,pt)}if(t.ADD_ATTR){if(Te===Ae){Te=F(Te)}M(Te,t.ADD_ATTR,pt)}if(t.ADD_URI_SAFE_ATTR){M(Qe,t.ADD_URI_SAFE_ATTR,pt)}if(t.FORBID_CONTENTS){if(Xe===Ye){Xe=F(Xe)}M(Xe,t.FORBID_CONTENTS,pt)}if($e){we["#text"]=true}if(Me){M(we,["html","head","body"])}if(we.table){M(we,["tbody"]);delete Se.tbody}if(t.TRUSTED_TYPES_POLICY){if(typeof t.TRUSTED_TYPES_POLICY.createHTML!=="function"){throw D('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.')}if(typeof t.TRUSTED_TYPES_POLICY.createScriptURL!=="function"){throw D('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.')}Q=t.TRUSTED_TYPES_POLICY;Z=Q.createHTML("")}else{if(Q===undefined){Q=ce(h,n)}if(Q!==null&&typeof Z==="string"){Z=Q.createHTML("")}}if(b){b(t)}ft=t};const gt=M({},[...U,...B,...W]);const xt=M({},[...H,...$]);const yt=function e(t){let o=K(t);if(!o||!o.tagName){o={namespaceURI:ot,tagName:"template"}}const r=T(t.tagName);const n=T(o.tagName);if(!nt[t.namespaceURI]){return false}if(t.namespaceURI===et){if(o.namespaceURI===tt){return r==="svg"}if(o.namespaceURI===Je){return r==="svg"&&(n==="annotation-xml"||st[n])}return Boolean(gt[r])}if(t.namespaceURI===Je){if(o.namespaceURI===tt){return r==="math"}if(o.namespaceURI===et){return r==="math"&&at[n]}return Boolean(xt[r])}if(t.namespaceURI===tt){if(o.namespaceURI===et&&!at[n]){return false}if(o.namespaceURI===Je&&!st[n]){return false}return!xt[r]&&(lt[r]||!gt[r])}if(ct==="application/xhtml+xml"&&nt[t.namespaceURI]){return true}return false};const vt=function e(o){w(t.removed,{element:o});try{K(o).removeChild(o)}catch(e){C(o)}};const _t=function e(o,r){try{w(t.removed,{attribute:r.getAttributeNode(o),from:r})}catch(e){w(t.removed,{attribute:null,from:r})}r.removeAttribute(o);if(o==="is"){if(Pe||je){try{vt(r)}catch(e){}}else{try{r.setAttribute(o,"")}catch(e){}}}};const wt=function e(t){let r=null;let n=null;if(Fe){t="<remove></remove>"+t}else{const e=E(t,/^[\r\n\t ]+/);n=e&&e[0]}if(ct==="application/xhtml+xml"&&ot===tt){t='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+t+"</body></html>"}const i=Q?Q.createHTML(t):t;if(ot===tt){try{r=(new f).parseFromString(i,ct)}catch(e){}}if(!r||!r.documentElement){r=J.createDocument(ot,"template",null);try{r.documentElement.innerHTML=rt?Z:i}catch(e){}}const s=r.body||r.documentElement;if(t&&n){s.insertBefore(o.createTextNode(n),s.childNodes[0]||null)}if(ot===tt){return re.call(r,Me?"html":"body")[0]}return Me?r.documentElement:s};const kt=function e(t){return ee.call(t.ownerDocument||t,t,d.SHOW_ELEMENT|d.SHOW_COMMENT|d.SHOW_TEXT|d.SHOW_PROCESSING_INSTRUCTION|d.SHOW_CDATA_SECTION,null)};const Tt=function e(t){return t instanceof p&&(typeof t.nodeName!=="string"||typeof t.textContent!=="string"||typeof t.removeChild!=="function"||!(t.attributes instanceof u)||typeof t.removeAttribute!=="function"||typeof t.setAttribute!=="function"||typeof t.namespaceURI!=="string"||typeof t.insertBefore!=="function"||typeof t.hasChildNodes!=="function")};const At=function e(t){return typeof a==="function"&&t instanceof a};function Et(e,o,r){y(e,(e=>{e.call(t,o,r,ft)}))}const St=function e(o){let r=null;Et(pe.beforeSanitizeElements,o,null);if(Tt(o)){vt(o);return true}const n=pt(o.nodeName);Et(pe.uponSanitizeElement,o,{tagName:n,allowedTags:we});if(Ie&&o.hasChildNodes()&&!At(o.firstElementChild)&&z(/<[/\w!]/g,o.innerHTML)&&z(/<[/\w!]/g,o.textContent)){vt(o);return true}if(o.nodeType===ae.progressingInstruction){vt(o);return true}if(Ie&&o.nodeType===ae.comment&&z(/<[/\w]/g,o.data)){vt(o);return true}if(!we[n]||Se[n]){if(!Se[n]&&Ot(n)){if(Ee.tagNameCheck instanceof RegExp&&z(Ee.tagNameCheck,n)){return false}if(Ee.tagNameCheck instanceof Function&&Ee.tagNameCheck(n)){return false}}if($e&&!Xe[n]){const e=K(o)||o.parentNode;const t=N(o)||o.childNodes;if(t&&e){const r=t.length;for(let n=r-1;n>=0;--n){const r=x(t[n],true);r.__removalCount=(o.__removalCount||0)+1;e.insertBefore(r,I(o))}}}vt(o);return true}if(o instanceof l&&!yt(o)){vt(o);return true}if((n==="noscript"||n==="noembed"||n==="noframes")&&z(/<\/no(script|embed|frames)/i,o.innerHTML)){vt(o);return true}if(Ce&&o.nodeType===ae.text){r=o.textContent;y([fe,be,he],(e=>{r=S(r,e," ")}));if(o.textContent!==r){w(t.removed,{element:o.cloneNode()});o.textContent=r}}Et(pe.afterSanitizeElements,o,null);return false};const Rt=function e(t,r,n){if(Be&&(r==="id"||r==="name")&&(n in o||n in bt)){return false}if(Le&&!Re[r]&&z(me,r));else if(Oe&&z(ge,r));else if(!Te[r]||Re[r]){if(Ot(t)&&(Ee.tagNameCheck instanceof RegExp&&z(Ee.tagNameCheck,t)||Ee.tagNameCheck instanceof Function&&Ee.tagNameCheck(t))&&(Ee.attributeNameCheck instanceof RegExp&&z(Ee.attributeNameCheck,r)||Ee.attributeNameCheck instanceof Function&&Ee.attributeNameCheck(r))||r==="is"&&Ee.allowCustomizedBuiltInElements&&(Ee.tagNameCheck instanceof RegExp&&z(Ee.tagNameCheck,n)||Ee.tagNameCheck instanceof Function&&Ee.tagNameCheck(n)));else{return false}}else if(Qe[r]);else if(z(_e,S(n,ye,"")));else if((r==="src"||r==="xlink:href"||r==="href")&&t!=="script"&&R(n,"data:")===0&&Ve[t]);else if(ze&&!z(xe,S(n,ye,"")));else if(n){return false}else;return true};const Ot=function e(t){return t!=="annotation-xml"&&E(t,ve)};const Lt=function e(o){Et(pe.beforeSanitizeAttributes,o,null);const{attributes:r}=o;if(!r||Tt(o)){return}const n={attrName:"",attrValue:"",keepAttr:true,allowedAttributes:Te,forceKeepAttr:undefined};let i=r.length;while(i--){const e=r[i];const{name:s,namespaceURI:a,value:l}=e;const c=pt(s);const d=l;let u=s==="value"?d:O(d);n.attrName=c;n.attrValue=u;n.keepAttr=true;n.forceKeepAttr=undefined;Et(pe.uponSanitizeAttribute,o,n);u=n.attrValue;if(We&&(c==="id"||c==="name")){_t(s,o);u=He+u}if(Ie&&z(/((--!?|])>)|<\/(style|title)/i,u)){_t(s,o);continue}if(n.forceKeepAttr){continue}if(!n.keepAttr){_t(s,o);continue}if(!De&&z(/\/>/i,u)){_t(s,o);continue}if(Ce){y([fe,be,he],(e=>{u=S(u,e," ")}))}const p=pt(o.nodeName);if(!Rt(p,c,u)){_t(s,o);continue}if(Q&&typeof h==="object"&&typeof h.getAttributeType==="function"){if(a);else{switch(h.getAttributeType(p,c)){case"TrustedHTML":{u=Q.createHTML(u);break}case"TrustedScriptURL":{u=Q.createScriptURL(u);break}}}}if(u!==d){try{if(a){o.setAttributeNS(a,s,u)}else{o.setAttribute(s,u)}if(Tt(o)){vt(o)}else{_(t.removed)}}catch(e){_t(s,o)}}}Et(pe.afterSanitizeAttributes,o,null)};const zt=function e(t){let o=null;const r=kt(t);Et(pe.beforeSanitizeShadowDOM,t,null);while(o=r.nextNode()){Et(pe.uponSanitizeShadowNode,o,null);St(o);Lt(o);if(o.content instanceof i){e(o.content)}}Et(pe.afterSanitizeShadowDOM,t,null)};t.sanitize=function(e){let o=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};let n=null;let s=null;let l=null;let c=null;rt=!e;if(rt){e="\x3c!--\x3e"}if(typeof e!=="string"&&!At(e)){if(typeof e.toString==="function"){e=e.toString();if(typeof e!=="string"){throw D("dirty is not a string, aborting")}}else{throw D("toString is not a function")}}if(!t.isSupported){return e}if(!Ne){mt(o)}t.removed=[];if(typeof e==="string"){qe=false}if(qe){if(e.nodeName){const t=pt(e.nodeName);if(!we[t]||Se[t]){throw D("root node is forbidden and cannot be sanitized in-place")}}}else if(e instanceof a){n=wt("\x3c!----\x3e");s=n.ownerDocument.importNode(e,true);if(s.nodeType===ae.element&&s.nodeName==="BODY"){n=s}else if(s.nodeName==="HTML"){n=s}else{n.appendChild(s)}}else{if(!Pe&&!Ce&&!Me&&e.indexOf("<")===-1){return Q&&Ue?Q.createHTML(e):e}n=wt(e);if(!n){return Pe?null:Ue?Z:""}}if(n&&Fe){vt(n.firstChild)}const d=kt(qe?e:n);while(l=d.nextNode()){St(l);Lt(l);if(l.content instanceof i){zt(l.content)}}if(qe){return e}if(Pe){if(je){c=oe.call(n.ownerDocument);while(n.firstChild){c.appendChild(n.firstChild)}}else{c=n}if(Te.shadowroot||Te.shadowrootmode){c=ie.call(r,c,true)}return c}let u=Me?n.outerHTML:n.innerHTML;if(Me&&we["!doctype"]&&n.ownerDocument&&n.ownerDocument.doctype&&n.ownerDocument.doctype.name&&z(ne,n.ownerDocument.doctype.name)){u="<!DOCTYPE "+n.ownerDocument.doctype.name+">\n"+u}if(Ce){y([fe,be,he],(e=>{u=S(u,e," ")}))}return Q&&Ue?Q.createHTML(u):u};t.setConfig=function(){let e=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};mt(e);Ne=true};t.clearConfig=function(){ft=null;Ne=false};t.isValidAttribute=function(e,t,o){if(!ft){mt({})}const r=pt(e);const n=pt(t);return Rt(r,n,o)};t.addHook=function(e,t){if(typeof t!=="function"){return}w(pe[e],t)};t.removeHook=function(e,t){if(t!==undefined){const o=v(pe[e],t);return o===-1?undefined:k(pe[e],o,1)[0]}return _(pe[e])};t.removeHooks=function(e){pe[e]=[]};t.removeAllHooks=function(){pe=de()};return t}var pe=ue();const fe=":host{display:block}.pds-combobox{position:relative}.pds-combobox__label{display:block;font-size:0.95rem;-webkit-margin-after:var(--pine-dimension-150);margin-block-end:var(--pine-dimension-150)}.pds-combobox__input{background:var(--pine-color-background-container);border:1px solid var(--pine-color-border);border-radius:var(--pine-dimension-125);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text-active);-ms-flex:1;flex:1;font:var(--pine-typography-body-medium);padding:var(--pine-dimension-xs) var(--pine-dimension-150);-webkit-transition:border-color 0.2s ease;transition:border-color 0.2s ease;width:100%}.pds-combobox__input:hover:not(:disabled){border-color:var(--pine-color-border-hover)}.pds-combobox__input:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-combobox__input:disabled::-webkit-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled:-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled::-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled::placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-combobox__input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input::placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__listbox{background:var(--pine-color-background-container);border:0;border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);list-style:none;margin:0;min-width:220px;overflow-y:auto;padding:var(--pine-dimension-xs);position:absolute;z-index:1000}.pds-combobox__option{-ms-flex-align:center;align-items:center;background:transparent;border-radius:var(--pine-dimension-125);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);-ms-flex-pack:justify;justify-content:space-between;padding:var(--pine-dimension-xs) var(--pine-dimension-sm);-webkit-transition:background 0.15s;transition:background 0.15s}.pds-combobox__option[aria-selected=true]{background:var(--pine-color-grey-150)}.pds-combobox__option .pds-combobox__option--layout .pds-combobox__option-layout-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__option:last-child{-webkit-margin-after:0;margin-block-end:0}.pds-combobox__option--highlighted,.pds-combobox__option[selected],.pds-combobox__option--selected{background:var(--pine-color-grey-150)}.pds-combobox__option-check{color:currentColor;font-size:var(--pine-dimension-150);-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-combobox__button-trigger{-ms-flex-align:center;align-items:center;background:var(--color-background-default, var(--pine-color-secondary));border:var(--pine-border);border-radius:var(--pine-border-radius-full);color:var(--color-text-default, #ffffff);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);-ms-flex-pack:justify;justify-content:space-between;min-height:var(--pine-dimension-450);outline:none;padding:0 var(--pine-dimension-sm);-webkit-transition:border-color 0.15s, background 0.15s, -webkit-box-shadow 0.15s;transition:border-color 0.15s, background 0.15s, -webkit-box-shadow 0.15s;transition:border-color 0.15s, box-shadow 0.15s, background 0.15s;transition:border-color 0.15s, box-shadow 0.15s, background 0.15s, -webkit-box-shadow 0.15s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pds-combobox__button-trigger .pds-combobox__button-trigger-layout-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.pds-combobox__button-trigger .trigger-content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__button-trigger:focus-visible{border-color:var(--color-border-focus, var(--pine-color-border));-webkit-box-shadow:0 0 0 2px var(--color-outline, var(--pine-color-focus-ring));box-shadow:0 0 0 2px var(--color-outline, var(--pine-color-focus-ring))}.pds-combobox__button-trigger:hover{background:var(--color-background-hover, var(--pine-color-secondary-hover));border-color:var(--color-border-hover, var(--pine-color-border-hover))}.pds-combobox__button-trigger[aria-disabled=true],.pds-combobox__button-trigger:disabled{background:var(--color-background-disabled, var(--pine-color-secondary-disabled));border-color:var(--color-border-disabled, var(--pine-color-border-disabled));color:var(--color-text-disabled, var(--pine-color-text-secondary-disabled));cursor:not-allowed;opacity:0.6}.pds-combobox__button-trigger-label{color:inherit;-ms-flex:1 1 auto;flex:1 1 auto;text-align:start}.pds-combobox__button-trigger-chevron{color:currentColor;-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-combobox__button-trigger--primary{--color-background-default:var(--pine-color-primary);--color-background-hover:var(--pine-color-primary-hover);--color-background-disabled:var(--pine-color-primary-disabled);--color-border-default:var(--pine-color-primary);--color-border-hover:var(--pine-color-primary-hover);--color-border-disabled:var(--pine-color-primary-disabled);--color-border-focus:var(--pine-color-primary);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-primary-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-combobox__button-trigger--accent{--color-background-default:var(--pine-color-accent);--color-background-hover:var(--pine-color-accent-hover);--color-background-disabled:var(--pine-color-accent-disabled);--color-border-default:var(--pine-color-accent);--color-border-hover:var(--pine-color-accent-hover);--color-border-disabled:var(--pine-color-accent-disabled);--color-border-focus:var(--pine-color-accent);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-accent-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-combobox__button-trigger--secondary{--color-background-default:var(--pine-color-secondary);--color-background-hover:var(--pine-color-secondary-hover);--color-background-disabled:var(--pine-color-secondary-disabled);--color-border-default:var(--pine-color-border);--color-border-hover:var(--pine-color-border-hover);--color-border-disabled:var(--pine-color-border-disabled);--color-border-focus:var(--pine-color-border);--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-combobox__button-trigger--destructive{--color-background-default:var(--pine-color-danger);--color-background-hover:var(--pine-color-danger-hover);--color-background-disabled:var(--pine-color-danger-disabled);--color-border-default:var(--pine-color-danger);--color-border-hover:var(--pine-color-danger-hover);--color-border-disabled:var(--pine-color-danger-disabled);--color-border-focus:var(--pine-color-danger);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-danger-disabled);--color-outline:var(--pine-color-focus-ring-danger)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-layout]{border-radius:var(--pine-dimension-125);padding-block:var(--pine-dimension-xs)}";const be=class{constructor(o){e(this,o);this.pdsComboboxChange=t(this,"pdsComboboxChange");this.customOptionLayouts=false;this.customTriggerContent=false;this.disabled=false;this.dropdownPlacement="bottom-start";this.dropdownWidth="236px";this.hideLabel=false;this.mode="filter";this.trigger="input";this.triggerWidth="fit-content";this.triggerVariant="secondary";this.value="";this.filteredOptions=[];this.highlightedIndex=-1;this.isOpen=false;this.selectedOption=null;this.selectedOptionLayoutContent="";this.optionEls=[];this.handleInput=e=>{const t=e.target;this.value=t.value;this.isOpen=true;this.filterOptions();setTimeout((()=>this.openDropdownPositioning()),0)};this.handleFocus=()=>{this.isOpen=true;this.filterOptions();setTimeout((()=>this.openDropdownPositioning()),0)};this.handleKeyDown=e=>{if(!this.isOpen&&(e.key==="ArrowDown"||e.key==="ArrowUp")){this.isOpen=true;return}switch(e.key){case"ArrowDown":this.highlightedIndex=Math.min(this.highlightedIndex+1,this.filteredOptions.length-1);break;case"ArrowUp":this.highlightedIndex=Math.max(this.highlightedIndex-1,0);break;case"Enter":if(this.isOpen&&this.highlightedIndex>=0&&this.highlightedIndex<this.filteredOptions.length){this.handleOptionClick(this.filteredOptions[this.highlightedIndex])}break;case"Escape":this.isOpen=false;break}};this.onOptionClick=e=>{const t=Number(e.currentTarget.getAttribute("data-option-index"));const o=this.filteredOptions[t];this.handleOptionClick(o)};this.onOptionMouseEnter=e=>{const t=Number(e.currentTarget.getAttribute("data-option-index"));this.highlightedIndex=t};this.onOptionMouseDown=e=>{e.preventDefault()};this.onButtonTriggerClick=()=>{this.isOpen=!this.isOpen;if(this.isOpen)setTimeout((()=>this.openDropdownPositioning()),0)};this.onButtonTriggerKeyDown=e=>{if(e.key==="Enter"||e.key===" "||e.key==="ArrowDown"){e.preventDefault();this.isOpen=true;this.highlightedIndex=0;setTimeout((()=>this.openDropdownPositioning()),0)}else if(e.key==="Escape"){this.isOpen=false}};this.onComboboxFocusOut=e=>{const t=e.relatedTarget;if(!this.el.contains(t)){this.isOpen=false;if(this.selectedOption&&this.value!==this.getOptionLabel(this.selectedOption)){this.value=this.getOptionLabel(this.selectedOption)}}}}componentWillLoad(){this.updateOptions()}handleValueChange(){this.filterOptions()}handleSelectedOptionChange(){this.selectedOptionLayoutContent=this.selectedOption&&this.isOptionLayout(this.selectedOption)?this.getOptionLayoutContent(this.selectedOption):""}updateOptions(){var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector('slot[name="option"], slot:not([name])');if(t){this.optionEls=t.assignedElements({flatten:true}).filter((e=>e.tagName==="OPTION"));if(!this.selectedOption){const e=this.optionEls.find((e=>e.hasAttribute("selected")))||null;this.setSelectedOption(e)}this.filterOptions()}}getOptionLabel(e){return e.label||e.textContent||""}getOptionLayoutContent(e){return this.sanitizeHtml(e.innerHTML||"")}sanitizeHtml(e){const t={CUSTOM_ELEMENT_HANDLING:{tagNameCheck:e=>e.startsWith("pds-")||/^[a-z]+$/i.test(e),attributeNameCheck:e=>/^[a-zA-Z][a-zA-Z0-9-]*$/.test(e)||e.startsWith("data-")||e.startsWith("aria-"),allowCustomizedBuiltInElements:false},ALLOW_DATA_ATTR:true,ALLOW_ARIA_ATTR:true,FORBID_TAGS:["script","iframe","object","embed","form","input","textarea","select","button","style"],FORBID_ATTR:["onerror","onload","onclick","onmouseover","onmouseout","onmousemove","onfocus","onblur","onchange","onsubmit","onkeydown","onkeyup","onkeypress","onmousedown","onmouseup","ondblclick","oncontextmenu","onscroll"],ALLOWED_URI_REGEXP:/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp|data):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i};return pe.sanitize(e,t)}isOptionLayout(e){return this.customOptionLayouts&&e.hasAttribute("data-layout")}isOptionSelected(e){return this.selectedOption===e}setSelectedOption(e){this.selectedOption=e}filterOptions(){if(this.mode==="select-only"){this.filteredOptions=this.optionEls}else{const e=this.value.toLowerCase();this.filteredOptions=this.optionEls.filter((t=>{if(this.isOptionLayout(t)){const o=t.getAttribute("data-search-text")||t.textContent||"";return o.toLowerCase().includes(e)}return this.getOptionLabel(t).toLowerCase().includes(e)}))}this.highlightedIndex=-1}openDropdownPositioning(){if(this.triggerEl&&this.listboxEl){this.listboxEl.style.width=this.dropdownWidth;if(this.maxHeight){this.listboxEl.style.maxHeight=this.maxHeight;this.listboxEl.style.overflowY="auto"}i(this.triggerEl,this.listboxEl,{placement:this.dropdownPlacement,strategy:"absolute",middleware:[s(12),a(),l({padding:5})]}).then((({x:e,y:t})=>{Object.assign(this.listboxEl.style,{left:`${e}px`,top:`${t}px`,position:"absolute",zIndex:1e3})}))}}async setFocus(){var e;(e=this.inputEl)===null||e===void 0?void 0:e.focus()}async getSelectedValue(){return this.selectedOption?this.selectedOption.value:null}get selectedLabel(){return this.selectedOption?this.getOptionLabel(this.selectedOption):""}get selectedLayoutContent(){return this.selectedOptionLayoutContent}get selectedHasLayout(){return this.selectedOption?this.isOptionLayout(this.selectedOption):false}handleOptionClick(e){this.setSelectedOption(e);this.value=this.getOptionLabel(e);this.isOpen=false;this.pdsComboboxChange.emit({value:e.value})}renderDropdown(){if(!this.isOpen||this.filteredOptions.length===0)return null;return o("ul",{class:"pds-combobox__listbox",role:"listbox",id:"pds-combobox-listbox",ref:e=>this.listboxEl=e},this.filteredOptions.map(((e,t)=>{const r=this.isOptionSelected(e);const n=this.highlightedIndex===t;const i=this.isOptionLayout(e);return o("li",{key:e.value,id:`pds-combobox-option-${t}`,role:"option","aria-selected":r?"true":"false",class:{"pds-combobox__option":true,"pds-combobox__option--highlighted":n,"pds-combobox__option--layout":i},"data-option-index":t,onMouseDown:this.onOptionMouseDown,onClick:this.onOptionClick,onMouseEnter:this.onOptionMouseEnter},i?o("pds-box",{class:"pds-combobox__option-layout-wrapper",innerHTML:this.getOptionLayoutContent(e)}):this.getOptionLabel(e),r&&o("pds-icon",{icon:"check",size:"regular",class:"pds-combobox__option-check"}))})))}renderCaretIcon(){return o("pds-icon",{icon:"caret-down","aria-hidden":"true","aria-label":"dropdown indicator",class:"pds-combobox__button-trigger-chevron"})}renderLayoutContent(){return o("div",{class:"pds-combobox__button-trigger-layout-wrapper",innerHTML:this.selectedLayoutContent})}renderDefaultContent(){return o("span",{class:"pds-combobox__button-trigger-label"},this.selectedLabel||this.placeholder)}shouldShowLayoutContent(){return this.selectedHasLayout&&!!this.selectedLayoutContent}renderButtonTriggerContent(){if(this.customTriggerContent){if(this.shouldShowLayoutContent()){return[this.renderLayoutContent(),this.renderCaretIcon()]}return o("slot",{name:"trigger-content"})}if(this.shouldShowLayoutContent()){return[this.renderLayoutContent(),this.renderCaretIcon()]}return[this.renderDefaultContent(),this.renderCaretIcon()]}render(){const e=`pds-combobox__button-trigger pds-combobox__button-trigger--${this.triggerVariant}`;return o(r,{key:"ecc1f18dcb9869055af047446364afd66d13e5f6"},o("div",{key:"caf80cf07647666e6ea21bc7e8fa7e944a98f3b5",class:"pds-combobox",tabIndex:-1,onFocusout:this.onComboboxFocusOut},this.label&&o("label",{key:"08d38b21ce3c2d78a6a405b81e4291d2f5e61aed",htmlFor:this.componentId,class:"pds-combobox__label"},o("span",{key:"58a3986e2656522377fce50dfad73a0960e8a9db",class:this.hideLabel?"visually-hidden":""},this.label)),this.trigger==="input"?o("input",{ref:e=>{this.inputEl=e;this.triggerEl=e},class:"pds-combobox__input",style:{width:this.triggerWidth},type:"text",role:"combobox","aria-autocomplete":"list","aria-controls":"pds-combobox-listbox","aria-activedescendant":this.highlightedIndex>=0?`pds-combobox-option-${this.highlightedIndex}`:undefined,"aria-expanded":this.isOpen?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":this.hideLabel?this.label:undefined,id:this.componentId,value:this.value,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleInput,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,autocomplete:"off",part:"input"}):o("div",{class:e,style:{width:this.triggerWidth},role:"combobox","aria-haspopup":"listbox","aria-controls":"pds-combobox-listbox","aria-expanded":this.isOpen?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":this.hideLabel?this.label:undefined,id:this.componentId,tabIndex:0,onClick:this.onButtonTriggerClick,"data-layout":this.customTriggerContent,onKeyDown:this.onButtonTriggerKeyDown,ref:e=>this.triggerEl=e,part:"button-trigger"},this.renderButtonTriggerContent()),o("div",{key:"a91eb5b7998c9274de0f7e7e5184def30d23ad06",style:{display:"none"}},o("slot",{key:"40dbc40a9286b8caade78bfb70af366193bb08f2",onSlotchange:()=>this.updateOptions()})),this.renderDropdown()))}get el(){return n(this)}static get watchers(){return{value:["handleValueChange"],selectedOption:["handleSelectedOptionChange"]}}};be.style=fe;export{be as pds_combobox};
-//# sourceMappingURL=p-47670150.entry.js.map