@pine-ds/core 3.9.0 → 3.11.0

package/dist/pine-core/{p-CTkQ9Pq-.system.js.map → p-B8ftT2uA.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-CTkQ9Pq-.system.js","sources":["src/components/pds-table/pds-table-cell/pds-table-cell.scss?tag=pds-table-cell&encapsulation=shadow","src/components/pds-table/pds-table-cell/pds-table-cell.tsx"],"sourcesContent":[":host {\n  --box-shadow-fixed: 3px 3px 6px -2px rgba(0, 0, 0, 0.2);\n\n  color: var(--pine-color-text);\n  display: table-cell;\n  font-family: var(--pine-font-family-body);\n  font-size: var(--pine-font-size);\n  font-weight: var(--pine-font-weight-regular);\n  inset-inline-start: var(--pine-dimension-none);\n  letter-spacing: var(--pine-letter-spacing);\n  line-height: var(--pine-line-height-body);\n  padding: var(--pine-dimension-sm);\n  vertical-align: inherit;\n}\n\n:host(.is-compact) {\n  padding-block: var(--pine-dimension-2xs)\n}\n\n:host(.is-fixed) {\n  background: var(--pine-color-background-container);\n  left: 0;\n  position: sticky;\n  z-index: var(--pine-z-index-raised);\n}\n\n// box shadow when table has scrolled and cell is fixed\n:host(.has-scrolled.is-fixed) {\n  box-shadow: var(--box-shadow-fixed);\n}\n\n:host(.is-truncated) {\n  max-width: 100px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n:host(.has-checkbox) {\n  vertical-align: middle;\n  width: 16px;\n}\n\n// Text Alignment\n:host(.pds-table-cell--align-start) {\n  text-align: start;\n}\n\n:host(.pds-table-cell--align-center) {\n  text-align: center;\n}\n\n:host(.pds-table-cell--align-end) {\n  text-align: end;\n}\n\n:host(.pds-table-cell--align-justify) {\n  text-align: justify;\n}\n","import { Component, Element, Host, Prop, State, h } from '@stencil/core';\n\n@Component({\n  tag: 'pds-table-cell',\n  styleUrls: ['pds-table-cell.scss'],\n  shadow: true,\n})\nexport class PdsTableCell {\n  @Element() hostElement: HTMLPdsTableCellElement;\n  private tableRef: HTMLPdsTableElement;\n  private scrollContainer: HTMLElement | null = null;\n  private setupTimer: number | undefined;\n  private setupRetries: number = 0;\n\n  componentWillRender() {\n    this.tableRef = this.hostElement.closest('pds-table') as HTMLPdsTableElement;\n  }\n\n  componentDidLoad() {\n    if (this.tableRef && this.tableRef.responsive && this.tableRef.fixedColumn) {\n      // For responsive tables with fixed columns, set up scroll detection\n      // This enables the first column to show a shadow when the table is scrolled horizontally\n      this.setupScrollListener();\n    }\n  }\n\n  disconnectedCallback() {\n    this.cleanupScrollListener();\n  }\n\n  private setupScrollListener() {\n    if (!this.tableRef) return;\n\n    // Query shadowRoot once and cache the container\n    const container = this.tableRef.shadowRoot?.querySelector('.pds-table-responsive-container') as HTMLElement;\n\n    if (container) {\n      // Container available immediately\n      this.scrollContainer = container;\n      this.scrollContainer.addEventListener('scroll', this.handleScroll, { passive: true });\n      this.handleScroll(); // Initial check\n      this.setupRetries = 0; // Reset counter on success\n    } else {\n      // Container not ready, set up timer for retry with bounds\n      this.setupTimer = window.setTimeout(() => {\n        if (this.scrollContainer) return; // Already found\n        this.setupRetries = (this.setupRetries || 0) + 1;\n        if (this.setupRetries <= 50) {\n          this.setupScrollListener();\n        } else {\n          console.warn('Failed to find responsive container after 50 attempts');\n        }\n      }, 100);\n    }\n  }\n\n  private cleanupScrollListener() {\n    if (this.scrollContainer) {\n      this.scrollContainer.removeEventListener('scroll', this.handleScroll);\n      this.scrollContainer = null;\n    }\n\n    if (this.setupTimer !== undefined) {\n      window.clearTimeout(this.setupTimer);\n      this.setupTimer = undefined;\n    }\n\n    this.setupRetries = 0; // Reset retry counter\n  }\n\n  /**\n   * Sets the text alignment within the cell.\n   */\n  @Prop() cellAlign?: 'start' | 'center' | 'end' | 'justify';\n\n  /**\n   * Truncates content to a max width of 100px and adds an ellipsis.\n   */\n  @Prop() truncate: boolean;\n\n  /**\n   * Determines if the table is currently scrolling.\n   * @defaultValue false\n   */\n  @State() private tableScrolling: boolean = false;\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.tableRef && this.tableRef.compact) {\n      classNames.push('is-compact');\n    }\n\n    if (this.cellAlign) {\n      classNames.push(`pds-table-cell--align-${this.cellAlign}`);\n    }\n\n    if (this.truncate) {\n      classNames.push('is-truncated');\n    }\n\n    if (this.tableRef && this.tableRef.fixedColumn && this.tableScrolling) {\n      classNames.push('has-scrolled');\n    }\n\n    return classNames.join(' ');\n  }\n\n  /**\n   * Handles scroll events to update fixed column shadow state.\n   * Updates the tableScrolling state to control CSS classes for fixed column shadows.\n   * @private\n   */\n  private handleScroll = () => {\n    if (!this.scrollContainer) {\n      return;\n    }\n\n    try {\n      this.tableScrolling = this.scrollContainer.scrollLeft > 0;\n    } catch (error) {\n      console.warn('Scroll handler error:', error);\n    }\n  };\n\n  render() {\n    return (\n      <Host\n        class={this.classNames()}\n        role=\"gridcell\"\n        part=\"cell\"\n        style={\n          this.tableRef &&\n          this.tableRef.fixedColumn &&\n          this.tableRef.selectable\n            ? { '--fixed-cell-position': '40px' }\n            : {}\n          }\n        >\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"p-B8ftT2uA.system.js","sources":["src/components/pds-table/pds-table-cell/pds-table-cell.scss?tag=pds-table-cell&encapsulation=shadow","src/components/pds-table/pds-table-cell/pds-table-cell.tsx"],"sourcesContent":[":host {\n  --box-shadow-fixed: 3px 3px 6px -2px rgba(0, 0, 0, 0.2);\n\n  color: var(--pine-color-text);\n  display: table-cell;\n  font-family: var(--pine-font-family-body);\n  font-size: var(--pine-font-size);\n  font-weight: var(--pine-font-weight-regular);\n  inset-inline-start: var(--pine-dimension-none);\n  letter-spacing: var(--pine-letter-spacing);\n  line-height: var(--pine-line-height-body);\n  padding: var(--pine-dimension-sm);\n  vertical-align: inherit;\n}\n\n:host(.is-compact) {\n  padding-block: var(--pine-dimension-2xs)\n}\n\n:host(.is-fixed) {\n  background: var(--pine-color-background-container);\n  left: 0;\n  position: sticky;\n  z-index: var(--pine-z-index-raised);\n}\n\n// box shadow when table has scrolled and cell is fixed\n:host(.has-scrolled.is-fixed) {\n  box-shadow: var(--box-shadow-fixed);\n}\n\n:host(.is-truncated) {\n  max-width: 100px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n:host(.has-checkbox) {\n  vertical-align: middle;\n  width: 16px;\n}\n\n// Text Alignment\n:host(.pds-table-cell--align-start) {\n  text-align: start;\n}\n\n:host(.pds-table-cell--align-center) {\n  text-align: center;\n}\n\n:host(.pds-table-cell--align-end) {\n  text-align: end;\n}\n\n:host(.pds-table-cell--align-justify) {\n  text-align: justify;\n}\n","import { Component, Element, Host, Prop, State, h } from '@stencil/core';\n\n@Component({\n  tag: 'pds-table-cell',\n  styleUrls: ['pds-table-cell.scss'],\n  shadow: true,\n})\nexport class PdsTableCell {\n  @Element() hostElement: HTMLPdsTableCellElement;\n  private tableRef: HTMLPdsTableElement;\n  private scrollContainer: HTMLElement | null = null;\n  private setupTimer: number | undefined;\n  private setupRetries: number = 0;\n\n  componentWillRender() {\n    this.tableRef = this.hostElement.closest('pds-table') as HTMLPdsTableElement;\n  }\n\n  componentDidLoad() {\n    if (this.tableRef && this.tableRef.responsive && this.tableRef.fixedColumn) {\n      // For responsive tables with fixed columns, set up scroll detection\n      // This enables the first column to show a shadow when the table is scrolled horizontally\n      this.setupScrollListener();\n    }\n  }\n\n  disconnectedCallback() {\n    this.cleanupScrollListener();\n  }\n\n  private setupScrollListener() {\n    if (!this.tableRef) return;\n\n    // Query shadowRoot once and cache the container\n    const container = this.tableRef.shadowRoot?.querySelector('.pds-table-responsive-container') as HTMLElement;\n\n    if (container) {\n      // Container available immediately\n      this.scrollContainer = container;\n      this.scrollContainer.addEventListener('scroll', this.handleScroll, { passive: true });\n      this.handleScroll(); // Initial check\n      this.setupRetries = 0; // Reset counter on success\n    } else {\n      // Container not ready, set up timer for retry with bounds\n      this.setupTimer = window.setTimeout(() => {\n        if (this.scrollContainer) return; // Already found\n        this.setupRetries = (this.setupRetries || 0) + 1;\n        if (this.setupRetries <= 50) {\n          this.setupScrollListener();\n        } else {\n          console.warn('Failed to find responsive container after 50 attempts');\n        }\n      }, 100);\n    }\n  }\n\n  private cleanupScrollListener() {\n    if (this.scrollContainer) {\n      this.scrollContainer.removeEventListener('scroll', this.handleScroll);\n      this.scrollContainer = null;\n    }\n\n    if (this.setupTimer !== undefined) {\n      window.clearTimeout(this.setupTimer);\n      this.setupTimer = undefined;\n    }\n\n    this.setupRetries = 0; // Reset retry counter\n  }\n\n  /**\n   * Sets the text alignment within the cell.\n   */\n  @Prop() cellAlign?: 'start' | 'center' | 'end' | 'justify';\n\n  /**\n   * Truncates content to a max width of 100px and adds an ellipsis.\n   */\n  @Prop() truncate: boolean;\n\n  /**\n   * Determines if the table is currently scrolling.\n   * @defaultValue false\n   */\n  @State() private tableScrolling: boolean = false;\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.tableRef && this.tableRef.compact) {\n      classNames.push('is-compact');\n    }\n\n    if (this.cellAlign) {\n      classNames.push(`pds-table-cell--align-${this.cellAlign}`);\n    }\n\n    if (this.truncate) {\n      classNames.push('is-truncated');\n    }\n\n    if (this.tableRef && this.tableRef.fixedColumn && this.tableScrolling) {\n      classNames.push('has-scrolled');\n    }\n\n    return classNames.join(' ');\n  }\n\n  /**\n   * Handles scroll events to update fixed column shadow state.\n   * Updates the tableScrolling state to control CSS classes for fixed column shadows.\n   * @private\n   */\n  private handleScroll = () => {\n    if (!this.scrollContainer) {\n      return;\n    }\n\n    try {\n      this.tableScrolling = this.scrollContainer.scrollLeft > 0;\n    } catch (error) {\n      console.warn('Scroll handler error:', error);\n    }\n  };\n\n  render() {\n    return (\n      <Host\n        class={this.classNames()}\n        role=\"gridcell\"\n        part=\"cell\"\n        style={\n          this.tableRef &&\n          this.tableRef.fixedColumn &&\n          this.tableRef.selectable\n            ? { '--fixed-cell-position': '40px' }\n            : {}\n          }\n        >\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/pine-core/{p-Cl47ROcT.system.js.map → p-B9oQYxlC.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-Cl47ROcT.system.js","sources":["src/components/pds-property/pds-property.scss?tag=pds-property&encapsulation=shadow","src/components/pds-property/pds-property.tsx"],"sourcesContent":[":host {\n  color: var(--pine-color-text-message);\n  font: var(--pine-typography-body-medium);\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n/**\n * @slot (default) - The property text content.\n */\n\n@Component({\n  tag: 'pds-property',\n  styleUrls: ['pds-property.scss'],\n  shadow: true,\n})\nexport class PdsProperty {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * The name of the icon to display before the property text.\n   */\n  @Prop() icon: string = 'star';\n\n  render() {\n    return (\n      <Host id={this.componentId}>\n        <pds-box align-items=\"center\" gap=\"xs\">\n          <pds-icon icon={this.icon} size=\"var(--pine-dimension-sm)\" aria-hidden=\"true\"></pds-icon>\n          <slot />\n        </pds-box>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;MAAA,MAAM,cAAc,GAAG,qFAAqF;;YCW/F,WAAW,2BAAA,MAAA;MALxB,IAAA,WAAA,CAAA,OAAA,EAAA;;MAWE;;MAEG;MACK,QAAA,IAAI,CAAA,IAAA,GAAW,MAAM;MAY9B;UAVC,MAAM,GAAA;MACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,EAAE,EAAE,IAAI,CAAC,WAAW,EAAA,EACxB,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAA,EAAqB,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAA,EACpC,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,0BAA0B,EAAa,aAAA,EAAA,MAAM,EAAY,CAAA,EACzF,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACA,CACL;;;;;;;;;;;"}
+{"version":3,"file":"p-B9oQYxlC.system.js","sources":["src/components/pds-property/pds-property.scss?tag=pds-property&encapsulation=shadow","src/components/pds-property/pds-property.tsx"],"sourcesContent":[":host {\n  color: var(--pine-color-text-message);\n  font: var(--pine-typography-body-medium);\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n/**\n * @slot (default) - The property text content.\n */\n\n@Component({\n  tag: 'pds-property',\n  styleUrls: ['pds-property.scss'],\n  shadow: true,\n})\nexport class PdsProperty {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * The name of the icon to display before the property text.\n   */\n  @Prop() icon: string = 'star';\n\n  render() {\n    return (\n      <Host id={this.componentId}>\n        <pds-box align-items=\"center\" gap=\"xs\">\n          <pds-icon icon={this.icon} size=\"var(--pine-dimension-sm)\" aria-hidden=\"true\"></pds-icon>\n          <slot />\n        </pds-box>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;MAAA,MAAM,cAAc,GAAG,qFAAqF;;YCW/F,WAAW,2BAAA,MAAA;MALxB,IAAA,WAAA,CAAA,OAAA,EAAA;;MAWE;;MAEG;MACK,QAAA,IAAI,CAAA,IAAA,GAAW,MAAM;MAY9B;UAVC,MAAM,GAAA;MACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,EAAE,EAAE,IAAI,CAAC,WAAW,EAAA,EACxB,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAA,EAAqB,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAA,EACpC,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,0BAA0B,EAAa,aAAA,EAAA,MAAM,EAAY,CAAA,EACzF,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACA,CACL;;;;;;;;;;;"}

package/dist/pine-core/{p-DmdrRtWG.system.js.map → p-BCCWozKV.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-DmdrRtWG.system.js","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:host([highlight]:not([disabled]):not([aria-disabled=\"true\"]):not([aria-readonly=\"true\"])) {\n  .pds-textarea__field:not(.is-invalid) {\n    background-color: var(--pine-color-accent-disabled);\n    border-color: var(--pine-color-accent);\n    color: var(--pine-color-text-accent);\n\n    &:hover {\n      border-color: var(--pine-color-accent-hover);\n    }\n\n    &:focus-visible {\n      outline-color: var(--pine-color-focus-ring);\n    }\n\n    ~ .pds-textarea__character-counter {\n      background: color-mix(in srgb, var(--pine-color-accent-disabled) 80%, transparent);\n      color: var(--pine-color-text-accent);\n    }\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: var(--pine-z-index);\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, exposeTypeProperty } 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  private readonly _type = 'textarea' as const;\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   * Applies highlight styling to the textarea field.\n   */\n  @Prop({ reflect: true }) highlight?: boolean;\n\n  /**\n   * The value of the textarea.\n   */\n  @Prop({mutable: true}) value?: string | null = '';\n\n  @State() hasFocus = false;\n\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    // Expose type property on the element instance to match native form element behavior\n    exposeTypeProperty(this.el, () => this._type);\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"],"names":[],"mappings":"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"}
+{"version":3,"file":"p-BCCWozKV.system.js","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:host([highlight]:not([disabled]):not([aria-disabled=\"true\"]):not([aria-readonly=\"true\"])) {\n  .pds-textarea__field:not(.is-invalid) {\n    background-color: var(--pine-color-accent-disabled);\n    border-color: var(--pine-color-accent);\n    color: var(--pine-color-text-accent);\n\n    &:hover {\n      border-color: var(--pine-color-accent-hover);\n    }\n\n    &:focus-visible {\n      outline-color: var(--pine-color-focus-ring);\n    }\n\n    ~ .pds-textarea__character-counter {\n      background: color-mix(in srgb, var(--pine-color-accent-disabled) 80%, transparent);\n      color: var(--pine-color-text-accent);\n    }\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: var(--pine-z-index);\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, exposeTypeProperty } 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  private readonly _type = 'textarea' as const;\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   * Applies highlight styling to the textarea field.\n   */\n  @Prop({ reflect: true }) highlight?: boolean;\n\n  /**\n   * The value of the textarea.\n   */\n  @Prop({mutable: true}) value?: string | null = '';\n\n  @State() hasFocus = false;\n\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    // Expose type property on the element instance to match native form element behavior\n    exposeTypeProperty(this.el, () => this._type);\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"],"names":[],"mappings":"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"}

package/dist/pine-core/{p-BbhWs2I3.system.js.map → p-BCGaZxvq.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-BbhWs2I3.system.js","sources":["src/components/pds-progress/pds-progress.scss?tag=pds-progress&encapsulation=shadow","src/components/pds-progress/pds-progress.tsx"],"sourcesContent":[":host {\n  --color-progress-fill: var(--pine-color-brand);\n\n  --sizing-progress-bar-width: 100%;\n\n  align-items: center;\n  display: flex;\n  width: var(--sizing-progress-bar-width);\n}\n\n@keyframes progressBar {\n  0% {\n    width: 0\n  }\n\n  100% {\n    width: var(--sizing-progress-bar-width);\n  }\n}\n\n.pds-progress {\n  align-items: center;\n  background-color: var(--pine-color-background-container-disabled);\n  border-radius: var(--pine-dimension-2xs);\n  display: flex;\n  flex-direction: row;\n  height: var(--pine-dimension-xs);\n  position: relative;\n  width: 100%;\n}\n\n:host(.is-animated) progress,\n:host(.is-animated) progress::-webkit-progress-bar {\n  animation: progressBar 3s ease;\n  animation-fill-mode: forwards;\n}\n\nprogress,\nprogress::-webkit-progress-bar {\n  background-color: transparent;\n  border: 0;\n  height: var(--pine-dimension-xs);\n  width: 100%;\n}\n\nprogress::-webkit-progress-value {\n  background: var(--color-progress-fill, var(--pine-color-brand));\n  border-radius: var(--pine-dimension-2xs);\n}\n\nprogress::-moz-progress-bar {\n  background: var(--color-progress-fill, var(--pine-color-brand));\n  border-radius: var(--pine-dimension-2xs);\n}\n\n.pds-progress__label {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.pds-progress__percentage {\n  font-weight: var(--pine-font-weight-medium);\n  margin-inline-start: calc(var(--pine-dimension-md) / 2);\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pds-progress',\n  styleUrls: ['pds-progress.scss'],\n  shadow: true,\n})\nexport class PdsProgress {\n  /**\n  * Determines whether or not progress is animated.\n  * @defaultValue false\n  */\n  @Prop() animated = false;\n\n  /**\n  * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n  */\n  @Prop() componentId!: string;\n\n  /**\n  * Sets the progress fill color. Accepts a color token or a [valid color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value).\n  * @defaultValue 'var(--pine-color-blue-300)'\n  */\n  @Prop() fillColor: string;\n\n  /**\n  * String used for label text. Label is visually hidden but required for better accessibility.\n  */\n  @Prop() label!: string;\n\n  /**\n  * Sets the progress fill pecentage and visually displayed when `show-percentage=true`.\n  * @defaultValue 0\n  */\n  @Prop() percent = 0;\n\n  /**\n  * Determines whether or not the percent value should be displayed as text.\n  * @defaultValue false\n  */\n  @Prop() showPercent = false;\n\n  render() {\n    return (\n      <Host class={this.animated ? { 'is-animated': this.animated } : ''}>\n        <div class=\"pds-progress\">\n          <label class=\"pds-progress__label\" htmlFor={this.componentId}>\n            {this.label}\n          </label>\n          <progress\n            id={this.componentId}\n            max=\"100\"\n            style={this.fillColor ? { '--color-progress-fill': this.fillColor } : {}}\n            value={this.percent}\n          >\n          </progress>\n        </div>\n        {this.showPercent && <div class=\"pds-progress__percentage\">{this.percent}%</div>}\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;MAAA,MAAM,cAAc,GAAG,kiDAAkiD;;YCO5iD,WAAW,2BAAA,MAAA;MALxB,IAAA,WAAA,CAAA,OAAA,EAAA;;MAME;;;MAGE;MACM,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;MAkBxB;;;MAGE;MACM,QAAA,IAAO,CAAA,OAAA,GAAG,CAAC;MAEnB;;;MAGE;MACM,QAAA,IAAW,CAAA,WAAA,GAAG,KAAK;MAqB5B;UAnBC,MAAM,GAAA;MACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,GAAG,EAAE,aAAa,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAA,EAChE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAC,qBAAqB,EAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,EACzD,IAAI,CAAC,KAAK,CACL,EACR,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,EAAE,EAAE,IAAI,CAAC,WAAW,EACpB,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,IAAI,CAAC,SAAS,GAAG,EAAE,uBAAuB,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,EACxE,KAAK,EAAE,IAAI,CAAC,OAAO,GAEV,CACP,EACL,IAAI,CAAC,WAAW,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0BAA0B,EAAA,EAAE,IAAI,CAAC,OAAO,EAAQ,GAAA,CAAA,CAC3E;;;;;;;;;;;"}
+{"version":3,"file":"p-BCGaZxvq.system.js","sources":["src/components/pds-progress/pds-progress.scss?tag=pds-progress&encapsulation=shadow","src/components/pds-progress/pds-progress.tsx"],"sourcesContent":[":host {\n  --color-progress-fill: var(--pine-color-brand);\n\n  --sizing-progress-bar-width: 100%;\n\n  align-items: center;\n  display: flex;\n  width: var(--sizing-progress-bar-width);\n}\n\n@keyframes progressBar {\n  0% {\n    width: 0\n  }\n\n  100% {\n    width: var(--sizing-progress-bar-width);\n  }\n}\n\n.pds-progress {\n  align-items: center;\n  background-color: var(--pine-color-background-container-disabled);\n  border-radius: var(--pine-dimension-2xs);\n  display: flex;\n  flex-direction: row;\n  height: var(--pine-dimension-xs);\n  position: relative;\n  width: 100%;\n}\n\n:host(.is-animated) progress,\n:host(.is-animated) progress::-webkit-progress-bar {\n  animation: progressBar 3s ease;\n  animation-fill-mode: forwards;\n}\n\nprogress,\nprogress::-webkit-progress-bar {\n  background-color: transparent;\n  border: 0;\n  height: var(--pine-dimension-xs);\n  width: 100%;\n}\n\nprogress::-webkit-progress-value {\n  background: var(--color-progress-fill, var(--pine-color-brand));\n  border-radius: var(--pine-dimension-2xs);\n}\n\nprogress::-moz-progress-bar {\n  background: var(--color-progress-fill, var(--pine-color-brand));\n  border-radius: var(--pine-dimension-2xs);\n}\n\n.pds-progress__label {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.pds-progress__percentage {\n  font-weight: var(--pine-font-weight-medium);\n  margin-inline-start: calc(var(--pine-dimension-md) / 2);\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pds-progress',\n  styleUrls: ['pds-progress.scss'],\n  shadow: true,\n})\nexport class PdsProgress {\n  /**\n  * Determines whether or not progress is animated.\n  * @defaultValue false\n  */\n  @Prop() animated = false;\n\n  /**\n  * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n  */\n  @Prop() componentId!: string;\n\n  /**\n  * Sets the progress fill color. Accepts a color token or a [valid color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value).\n  * @defaultValue 'var(--pine-color-blue-300)'\n  */\n  @Prop() fillColor: string;\n\n  /**\n  * String used for label text. Label is visually hidden but required for better accessibility.\n  */\n  @Prop() label!: string;\n\n  /**\n  * Sets the progress fill pecentage and visually displayed when `show-percentage=true`.\n  * @defaultValue 0\n  */\n  @Prop() percent = 0;\n\n  /**\n  * Determines whether or not the percent value should be displayed as text.\n  * @defaultValue false\n  */\n  @Prop() showPercent = false;\n\n  render() {\n    return (\n      <Host class={this.animated ? { 'is-animated': this.animated } : ''}>\n        <div class=\"pds-progress\">\n          <label class=\"pds-progress__label\" htmlFor={this.componentId}>\n            {this.label}\n          </label>\n          <progress\n            id={this.componentId}\n            max=\"100\"\n            style={this.fillColor ? { '--color-progress-fill': this.fillColor } : {}}\n            value={this.percent}\n          >\n          </progress>\n        </div>\n        {this.showPercent && <div class=\"pds-progress__percentage\">{this.percent}%</div>}\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;MAAA,MAAM,cAAc,GAAG,kiDAAkiD;;YCO5iD,WAAW,2BAAA,MAAA;MALxB,IAAA,WAAA,CAAA,OAAA,EAAA;;MAME;;;MAGE;MACM,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;MAkBxB;;;MAGE;MACM,QAAA,IAAO,CAAA,OAAA,GAAG,CAAC;MAEnB;;;MAGE;MACM,QAAA,IAAW,CAAA,WAAA,GAAG,KAAK;MAqB5B;UAnBC,MAAM,GAAA;MACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,GAAG,EAAE,aAAa,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAA,EAChE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAC,qBAAqB,EAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,EACzD,IAAI,CAAC,KAAK,CACL,EACR,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,EAAE,EAAE,IAAI,CAAC,WAAW,EACpB,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,IAAI,CAAC,SAAS,GAAG,EAAE,uBAAuB,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,EACxE,KAAK,EAAE,IAAI,CAAC,OAAO,GAEV,CACP,EACL,IAAI,CAAC,WAAW,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0BAA0B,EAAA,EAAE,IAAI,CAAC,OAAO,EAAQ,GAAA,CAAA,CAC3E;;;;;;;;;;;"}

package/dist/pine-core/{p-Cid662up.system.js.map → p-BF6EelyL.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-Cid662up.system.js","sources":["src/global/styles/utils/label.scss?tag=pds-checkbox&encapsulation=shadow","src/components/pds-checkbox/pds-checkbox.scss?tag=pds-checkbox&encapsulation=shadow","src/components/pds-checkbox/pds-checkbox.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n:host([aria-disabled=\"true\"]) label {\n  color: var(--pine-color-text-label-disabled);\n}\n\n:host([aria-readonly=\"true\"]) {\n  label {\n    color: var(--pine-color-text-label-readonly);\n  }\n}\n\nlabel {\n  color: var(--pine-color-text-label);\n  font: var(--pine-typography-body-medium);\n  letter-spacing: var(--pine-letter-spacing);\n}\n",":host {\n  align-items: center;\n  display: flex;\n  flex-flow: row wrap;\n}\n\n:host(.is-invalid) {\n  input {\n    border-color: var(--pine-color-border-danger);\n\n    &:checked {\n      background: var( --pine-color-danger);\n\n      &:hover {\n        background: var(--pine-color-danger-hover);\n        border-color: var(--pine-color-border-danger-hover);\n      }\n    }\n\n    &:focus-visible {\n      outline-color: var(--pine-color-focus-ring-danger);\n    }\n  }\n\n  label,\n  .pds-checkbox__message--error {\n    color: var(--pine-color-text-message-danger);\n  }\n}\n\n:host(.is-indeterminate) {\n  input {\n    background: var(--pine-color-accent);\n    border-color: var(--pine-color-accent);\n\n    &:hover {\n      background: var(--pine-color-accent);\n      border-color: var(--pine-color-accent-hover);\n    }\n\n    &::after {\n      border: 1px solid var(--pine-color-secondary);\n      border-block-end: var(--pine-border-width-none);\n      border-block-start: var(--pine-border-width-none);\n      border-inline-start: var(--pine-border-width-none);\n      content: \"\";\n      display: block;\n      height: 7px;\n      left: 50%;\n      position: absolute;\n      top: 50%;\n      transform: rotate(90deg) translate3d(-103%, 32%, 0);\n      width: 4px;\n    }\n  }\n}\n\ninput {\n  appearance: none;\n  background: var(--pine-color-background-container);\n  border: var(--pine-border);\n  border-radius: var(--pine-dimension-2xs);\n  flex: none;\n  height: var(--pine-dimension-sm);\n  margin: 0;\n  margin-block-start: var(--pine-dimension-025);\n  position: relative;\n  width: var(--pine-dimension-sm);\n\n  &:hover {\n    background: var(--pine-color-background-container-hover);\n    border: var(--pine-border-hover);\n  }\n\n  &:checked {\n    background: var(--pine-color-accent);\n    border-color: var(--pine-color-accent);\n\n    &:hover {\n      background: var(--pine-color-accent-hover);\n      border-color: var(--pine-color-accent-hover);\n    }\n\n    &::after {\n      border: 1px solid var(--pine-color-secondary);\n      border-block-start: var(--pine-border-width-none);\n      border-inline-start: var(--pine-border-width-none);\n      content: \"\";\n      display: block;\n      height: 7px;\n      left: 50%;\n      position: absolute;\n      top: 50%;\n      transform: rotate(43deg) translate3d(-110%, -30%, 0);\n      width: 4px;\n    }\n  }\n\n  &:disabled {\n    background: var(--pine-color-background-container-disabled);\n    border-color: var(--pine-color-border-disabled);\n    cursor: not-allowed;\n\n    &:checked {\n      background: var(--pine-color-background-container-disabled);\n      border-color: var(--pine-color-border-disabled);\n\n      &::after {\n        border-color: var(--pine-color-grey-300);\n      }\n    }\n\n    + label {\n      cursor: not-allowed;\n    }\n\n    ~ .pds-checkbox__message {\n      color: var(--pine-color-text-disabled);\n    }\n  }\n\n  &:focus-visible {\n    outline: var(--pine-outline-focus);\n  }\n}\n\nlabel {\n  display: flex;\n  gap: var(--pine-dimension-xs);\n}\n\n.visually-hidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  clip-path: polygon(0 0, 0 0, 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n.pds-checkbox__message {\n  color: var(--pine-color-text-message);\n  font: var(--pine-typography-body-sm-medium);\n  margin-block-start: 6px;\n  margin-inline-start: var(--pine-dimension-md);\n  width: 100%;\n}\n\n.pds-checkbox__message--error {\n  display: flex;\n  font-size: var(--pine-font-size-085);\n  gap: var(--pine-dimension-050);\n\n  pds-icon {\n    margin-block-start: var(--pine-dimension-025);\n  }\n}\n","import { Component, Element, h, Prop, Host, Event, EventEmitter, Watch } from '@stencil/core';\nimport { assignDescription, messageId, exposeTypeProperty } from '../../utils/form';\nimport { CheckboxChangeEventDetail } from './checkbox-interface';\nimport { danger } from '@pine-ds/icons/icons';\n\nimport { inheritAriaAttributes } from '@utils/attributes';\nimport type { Attributes } from '@utils/attributes';\n\n@Component({\n  tag: 'pds-checkbox',\n  styleUrls: ['../../global/styles/utils/label.scss', 'pds-checkbox.scss'],\n  shadow: true,\n  formAssociated: true,\n})\nexport class PdsCheckbox {\n  private inheritedAttributes: Attributes = {};\n  private internals?: ElementInternals;\n  private readonly _type = 'checkbox' as const;\n\n  @Element() el: HTMLPdsCheckboxElement;\n\n  /**\n   * It determines whether or not the checkbox is checked.\n   */\n  @Prop({ mutable: true }) checked?: boolean = false;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * It determines whether or not the checkbox is disabled.\n   */\n  @Prop() disabled: boolean;\n\n  /**\n   * Displays message text describing an invalid state.\n   */\n  @Prop() errorMessage: string;\n\n  /**\n   * String used for helper message below checkbox.\n   */\n  @Prop() helperMessage: string;\n\n  /**\n   * If `true`, the checkbox will visually appear as indeterminate.\n   * Only JavaScript can set the objects `indeterminate` property. See [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes).\n   */\n  @Prop({ mutable: true }) indeterminate: boolean;\n\n  /**\n   * It determines whether or not the checkbox is invalid.\n   */\n  @Prop() invalid: boolean;\n\n  /**\n   * String used for label text next to checkbox.\n   */\n  @Prop() label: string;\n\n    /**\n   * Visually hides the label text for instances where only the checkbox should be displayed. Label remains accessible to assistive technology such as screen readers.\n   */\n    @Prop() hideLabel: boolean;\n\n  /**\n   * String used for checkbox `name` attribute.\n   */\n  @Prop() name: string;\n\n  /**\n   * It determines whether or not the checkbox is required.\n   */\n  @Prop() required: boolean;\n\n  /**\n   * The value of the checkbox that is submitted with a form.\n   */\n  @Prop() value: string;\n\n\n  /**\n   * Event emitted that contains the `value` and `checked`.\n   */\n  @Event() pdsCheckboxChange: EventEmitter<CheckboxChangeEventDetail>;\n\n  @Event() pdsCheckboxInput: EventEmitter<CheckboxChangeEventDetail>;\n\n  @Watch('checked')\n  updateIndeterminate() {\n    this.indeterminate = undefined\n  }\n\n  private handleCheckboxChange = (e: Event) => {\n    if (this.disabled) {\n      return;\n    }\n\n    const target = e.target as HTMLInputElement;\n    this.checked = target.checked;\n\n    this.updateFormValue();\n\n    this.pdsCheckboxChange.emit({\n      checked: target.checked,\n      value: this.value\n    });\n  }\n\n  private handleInput = () => {\n    this.pdsCheckboxInput.emit({\n      checked: this.checked,\n      value: this.value\n    });\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.invalid) { classNames.push('is-invalid'); }\n    if (this.indeterminate) { classNames.push('is-indeterminate'); }\n    if (this.disabled) { classNames.push('is-disabled'); }\n\n    return classNames.join('  ');\n  }\n\n  connectedCallback() {\n    if (this.el.attachInternals) {\n      this.internals = this.el.attachInternals();\n    }\n\n    // Expose type property on the element instance to match native form element behavior\n    exposeTypeProperty(this.el, () => this._type);\n  }\n\n  componentDidLoad() {\n    this.updateFormValue();\n  }\n\n  @Watch('checked')\n  checkedChanged() {\n    this.updateFormValue();\n  }\n\n  private updateFormValue() {\n    if (typeof jest !== 'undefined' || typeof process !== 'undefined' && process.env?.NODE_ENV === 'test') {\n      return;\n    }\n\n    if (this.internals && this.internals.setFormValue) {\n      // For checkboxes, only send the value when checked, otherwise send null\n      const formValue = this.checked ? (this.value || 'on') : null;\n      this.internals.setFormValue(formValue);\n    }\n\n    if (this.internals && this.internals.setValidity) {\n      this.internals.setValidity({});\n    }\n  }\n\n  formStateRestoreCallback(state: string | FormData | null) {\n    if (state instanceof FormData) {\n      // For checkboxes, restore if the value exists in FormData\n      const value = this.value || 'on';\n      this.checked = state.get(this.name as string) === value;\n    } else if (typeof state === 'string') {\n      // Restore from string state\n      this.checked = state === (this.value || 'on');\n    }\n  }\n\n  componentWillLoad() {\n    this.inheritedAttributes = {\n      ...inheritAriaAttributes(this.el)\n    }\n  }\n\n  render() {\n    return (\n      <Host class={this.classNames()}>\n        <label htmlFor={this.componentId}>\n          <input\n            type=\"checkbox\"\n            aria-describedby={assignDescription(this.componentId, this.invalid, this.errorMessage || this.helperMessage)}\n            aria-invalid={this.invalid ? \"true\" : undefined}\n            id={this.componentId}\n            indeterminate={this.indeterminate}\n            name={this.name}\n            value={this.value}\n            checked={this.checked}\n            required={this.required}\n            disabled={this.disabled}\n            onChange={this.handleCheckboxChange}\n            onInput={this.handleInput}\n            {...this.inheritedAttributes}\n          />\n          <span class={this.hideLabel ? 'visually-hidden' : ''}>\n            {this.label}\n          </span>\n        </label>\n        {this.helperMessage &&\n          <div\n            class={'pds-checkbox__message'}\n            id={messageId(this.componentId, 'helper')}\n          >\n            {this.helperMessage}\n          </div>\n        }\n        {this.errorMessage &&\n          <div\n            class={`pds-checkbox__message pds-checkbox__message--error`}\n            id={messageId(this.componentId, 'error')}\n            aria-live=\"assertive\"\n          >\n            <pds-icon icon={danger} size=\"small\" />\n            {this.errorMessage}\n          </div>\n        }\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;MAAA,MAAM,QAAQ,GAAG,oTAAoT;;MCArU,MAAM,cAAc,GAAG,8wHAA8wH;;YCcxxH,WAAW,2BAAA,MAAA;MANxB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;MAOU,QAAA,IAAmB,CAAA,mBAAA,GAAe,EAAE;MAE3B,QAAA,IAAK,CAAA,KAAA,GAAG,UAAmB;MAI5C;;MAEG;MACsB,QAAA,IAAO,CAAA,OAAA,GAAa,KAAK;MAuE1C,QAAA,IAAA,CAAA,oBAAoB,GAAG,CAAC,CAAQ,KAAI;MAC1C,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;sBACjB;;MAGF,YAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B;MAC3C,YAAA,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO;kBAE7B,IAAI,CAAC,eAAe,EAAE;MAEtB,YAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;sBAC1B,OAAO,EAAE,MAAM,CAAC,OAAO;sBACvB,KAAK,EAAE,IAAI,CAAC;MACb,aAAA,CAAC;MACJ,SAAC;MAEO,QAAA,IAAW,CAAA,WAAA,GAAG,MAAK;MACzB,YAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;sBACzB,OAAO,EAAE,IAAI,CAAC,OAAO;sBACrB,KAAK,EAAE,IAAI,CAAC;MACb,aAAA,CAAC;MACJ,SAAC;MA2GF;UApIC,mBAAmB,GAAA;MACjB,QAAA,IAAI,CAAC,aAAa,GAAG,SAAS;;UA0BxB,UAAU,GAAA;cAChB,MAAM,UAAU,GAAG,EAAE;MAErB,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;MAAE,YAAA,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC;;MACjD,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;MAAE,YAAA,UAAU,CAAC,IAAI,CAAC,kBAAkB,CAAC;;MAC7D,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;MAAE,YAAA,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC;;MAEnD,QAAA,OAAO,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;;UAG9B,iBAAiB,GAAA;MACf,QAAA,IAAI,IAAI,CAAC,EAAE,CAAC,eAAe,EAAE;kBAC3B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,eAAe,EAAE;;;MAI5C,QAAA,kBAAkB,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC;;UAG/C,gBAAgB,GAAA;cACd,IAAI,CAAC,eAAe,EAAE;;UAIxB,cAAc,GAAA;cACZ,IAAI,CAAC,eAAe,EAAE;;UAGhB,eAAe,GAAA;;MACrB,QAAA,IAAI,OAAO,IAAI,KAAK,WAAW,IAAI,OAAO,OAAO,KAAK,WAAW,IAAI,CAAA,CAAA,EAAA,GAAA,OAAO,CAAC,GAAG,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,MAAK,MAAM,EAAE;kBACrG;;cAGF,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE;;MAEjD,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,IAAI,IAAI;MAC5D,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,SAAS,CAAC;;cAGxC,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE;MAChD,YAAA,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC;;;MAIlC,IAAA,wBAAwB,CAAC,KAA+B,EAAA;MACtD,QAAA,IAAI,KAAK,YAAY,QAAQ,EAAE;;MAE7B,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI;MAChC,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,IAAc,CAAC,KAAK,KAAK;;MAClD,aAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;;MAEpC,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK,MAAM,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC;;;UAIjD,iBAAiB,GAAA;MACf,QAAA,IAAI,CAAC,mBAAmB,GAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACnB,qBAAqB,CAAC,IAAI,CAAC,EAAE,CAAC,CAClC;;UAGH,MAAM,GAAA;MACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,EAAA,EAC5B,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,EAC9B,CACE,CAAA,OAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAA,kBAAA,EACG,iBAAiB,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,aAAa,CAAC,kBAC9F,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,EAC/C,EAAE,EAAE,IAAI,CAAC,WAAW,EACpB,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,oBAAoB,EACnC,OAAO,EAAE,IAAI,CAAC,WAAW,IACrB,IAAI,CAAC,mBAAmB,CAC5B,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,IAAI,CAAC,SAAS,GAAG,iBAAiB,GAAG,EAAE,EAAA,EACjD,IAAI,CAAC,KAAK,CACN,CACD,EACP,IAAI,CAAC,aAAa;MACjB,YAAA,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,uBAAuB,EAC9B,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,IAExC,IAAI,CAAC,aAAa,CACf,EAEP,IAAI,CAAC,YAAY;kBAChB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,CAAoD,kDAAA,CAAA,EAC3D,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,eAC9B,WAAW,EAAA,EAErB,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAE,MAAM,EAAE,IAAI,EAAC,OAAO,EAAG,CAAA,EACtC,IAAI,CAAC,YAAY,CACd,CAEH;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"p-BF6EelyL.system.js","sources":["src/global/styles/utils/label.scss?tag=pds-checkbox&encapsulation=shadow","src/components/pds-checkbox/pds-checkbox.scss?tag=pds-checkbox&encapsulation=shadow","src/components/pds-checkbox/pds-checkbox.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n:host([aria-disabled=\"true\"]) label {\n  color: var(--pine-color-text-label-disabled);\n}\n\n:host([aria-readonly=\"true\"]) {\n  label {\n    color: var(--pine-color-text-label-readonly);\n  }\n}\n\nlabel {\n  color: var(--pine-color-text-label);\n  font: var(--pine-typography-body-medium);\n  letter-spacing: var(--pine-letter-spacing);\n}\n",":host {\n  align-items: center;\n  display: flex;\n  flex-flow: row wrap;\n}\n\n:host(.is-invalid) {\n  input {\n    border-color: var(--pine-color-border-danger);\n\n    &:checked {\n      background: var( --pine-color-danger);\n\n      &:hover {\n        background: var(--pine-color-danger-hover);\n        border-color: var(--pine-color-border-danger-hover);\n      }\n    }\n\n    &:focus-visible {\n      outline-color: var(--pine-color-focus-ring-danger);\n    }\n  }\n\n  label,\n  .pds-checkbox__message--error {\n    color: var(--pine-color-text-message-danger);\n  }\n}\n\n:host(.is-indeterminate) {\n  input {\n    background: var(--pine-color-accent);\n    border-color: var(--pine-color-accent);\n\n    &:hover {\n      background: var(--pine-color-accent);\n      border-color: var(--pine-color-accent-hover);\n    }\n\n    &::after {\n      border: 1px solid var(--pine-color-secondary);\n      border-block-end: var(--pine-border-width-none);\n      border-block-start: var(--pine-border-width-none);\n      border-inline-start: var(--pine-border-width-none);\n      content: \"\";\n      display: block;\n      height: 7px;\n      left: 50%;\n      position: absolute;\n      top: 50%;\n      transform: rotate(90deg) translate3d(-103%, 32%, 0);\n      width: 4px;\n    }\n  }\n}\n\ninput {\n  appearance: none;\n  background: var(--pine-color-background-container);\n  border: var(--pine-border);\n  border-radius: var(--pine-dimension-2xs);\n  flex: none;\n  height: var(--pine-dimension-sm);\n  margin: 0;\n  margin-block-start: var(--pine-dimension-025);\n  position: relative;\n  width: var(--pine-dimension-sm);\n\n  &:hover {\n    background: var(--pine-color-background-container-hover);\n    border: var(--pine-border-hover);\n  }\n\n  &:checked {\n    background: var(--pine-color-accent);\n    border-color: var(--pine-color-accent);\n\n    &:hover {\n      background: var(--pine-color-accent-hover);\n      border-color: var(--pine-color-accent-hover);\n    }\n\n    &::after {\n      border: 1px solid var(--pine-color-secondary);\n      border-block-start: var(--pine-border-width-none);\n      border-inline-start: var(--pine-border-width-none);\n      content: \"\";\n      display: block;\n      height: 7px;\n      left: 50%;\n      position: absolute;\n      top: 50%;\n      transform: rotate(43deg) translate3d(-110%, -30%, 0);\n      width: 4px;\n    }\n  }\n\n  &:disabled {\n    background: var(--pine-color-background-container-disabled);\n    border-color: var(--pine-color-border-disabled);\n    cursor: not-allowed;\n\n    &:checked {\n      background: var(--pine-color-background-container-disabled);\n      border-color: var(--pine-color-border-disabled);\n\n      &::after {\n        border-color: var(--pine-color-grey-300);\n      }\n    }\n\n    + label {\n      cursor: not-allowed;\n    }\n\n    ~ .pds-checkbox__message {\n      color: var(--pine-color-text-disabled);\n    }\n  }\n\n  &:focus-visible {\n    outline: var(--pine-outline-focus);\n  }\n}\n\nlabel {\n  display: flex;\n  gap: var(--pine-dimension-xs);\n}\n\n.visually-hidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  clip-path: polygon(0 0, 0 0, 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n.pds-checkbox__message {\n  color: var(--pine-color-text-message);\n  font: var(--pine-typography-body-sm-medium);\n  margin-block-start: 6px;\n  margin-inline-start: var(--pine-dimension-md);\n  width: 100%;\n}\n\n.pds-checkbox__message--error {\n  display: flex;\n  font-size: var(--pine-font-size-085);\n  gap: var(--pine-dimension-050);\n\n  pds-icon {\n    margin-block-start: var(--pine-dimension-025);\n  }\n}\n","import { Component, Element, h, Prop, Host, Event, EventEmitter, Watch } from '@stencil/core';\nimport { assignDescription, messageId, exposeTypeProperty } from '../../utils/form';\nimport { CheckboxChangeEventDetail } from './checkbox-interface';\nimport { danger } from '@pine-ds/icons/icons';\n\nimport { inheritAriaAttributes } from '@utils/attributes';\nimport type { Attributes } from '@utils/attributes';\n\n@Component({\n  tag: 'pds-checkbox',\n  styleUrls: ['../../global/styles/utils/label.scss', 'pds-checkbox.scss'],\n  shadow: true,\n  formAssociated: true,\n})\nexport class PdsCheckbox {\n  private inheritedAttributes: Attributes = {};\n  private internals?: ElementInternals;\n  private readonly _type = 'checkbox' as const;\n\n  @Element() el: HTMLPdsCheckboxElement;\n\n  /**\n   * It determines whether or not the checkbox is checked.\n   */\n  @Prop({ mutable: true }) checked?: boolean = false;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * It determines whether or not the checkbox is disabled.\n   */\n  @Prop() disabled: boolean;\n\n  /**\n   * Displays message text describing an invalid state.\n   */\n  @Prop() errorMessage: string;\n\n  /**\n   * String used for helper message below checkbox.\n   */\n  @Prop() helperMessage: string;\n\n  /**\n   * If `true`, the checkbox will visually appear as indeterminate.\n   * Only JavaScript can set the objects `indeterminate` property. See [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes).\n   */\n  @Prop({ mutable: true }) indeterminate: boolean;\n\n  /**\n   * It determines whether or not the checkbox is invalid.\n   */\n  @Prop() invalid: boolean;\n\n  /**\n   * String used for label text next to checkbox.\n   */\n  @Prop() label: string;\n\n    /**\n   * Visually hides the label text for instances where only the checkbox should be displayed. Label remains accessible to assistive technology such as screen readers.\n   */\n    @Prop() hideLabel: boolean;\n\n  /**\n   * String used for checkbox `name` attribute.\n   */\n  @Prop() name: string;\n\n  /**\n   * It determines whether or not the checkbox is required.\n   */\n  @Prop() required: boolean;\n\n  /**\n   * The value of the checkbox that is submitted with a form.\n   */\n  @Prop() value: string;\n\n\n  /**\n   * Event emitted that contains the `value` and `checked`.\n   */\n  @Event() pdsCheckboxChange: EventEmitter<CheckboxChangeEventDetail>;\n\n  @Event() pdsCheckboxInput: EventEmitter<CheckboxChangeEventDetail>;\n\n  @Watch('checked')\n  updateIndeterminate() {\n    this.indeterminate = undefined\n  }\n\n  private handleCheckboxChange = (e: Event) => {\n    if (this.disabled) {\n      return;\n    }\n\n    const target = e.target as HTMLInputElement;\n    this.checked = target.checked;\n\n    this.updateFormValue();\n\n    this.pdsCheckboxChange.emit({\n      checked: target.checked,\n      value: this.value\n    });\n  }\n\n  private handleInput = () => {\n    this.pdsCheckboxInput.emit({\n      checked: this.checked,\n      value: this.value\n    });\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.invalid) { classNames.push('is-invalid'); }\n    if (this.indeterminate) { classNames.push('is-indeterminate'); }\n    if (this.disabled) { classNames.push('is-disabled'); }\n\n    return classNames.join('  ');\n  }\n\n  connectedCallback() {\n    if (this.el.attachInternals) {\n      this.internals = this.el.attachInternals();\n    }\n\n    // Expose type property on the element instance to match native form element behavior\n    exposeTypeProperty(this.el, () => this._type);\n  }\n\n  componentDidLoad() {\n    this.updateFormValue();\n  }\n\n  @Watch('checked')\n  checkedChanged() {\n    this.updateFormValue();\n  }\n\n  private updateFormValue() {\n    if (typeof jest !== 'undefined' || typeof process !== 'undefined' && process.env?.NODE_ENV === 'test') {\n      return;\n    }\n\n    if (this.internals && this.internals.setFormValue) {\n      // For checkboxes, only send the value when checked, otherwise send null\n      const formValue = this.checked ? (this.value || 'on') : null;\n      this.internals.setFormValue(formValue);\n    }\n\n    if (this.internals && this.internals.setValidity) {\n      this.internals.setValidity({});\n    }\n  }\n\n  formStateRestoreCallback(state: string | FormData | null) {\n    if (state instanceof FormData) {\n      // For checkboxes, restore if the value exists in FormData\n      const value = this.value || 'on';\n      this.checked = state.get(this.name as string) === value;\n    } else if (typeof state === 'string') {\n      // Restore from string state\n      this.checked = state === (this.value || 'on');\n    }\n  }\n\n  componentWillLoad() {\n    this.inheritedAttributes = {\n      ...inheritAriaAttributes(this.el)\n    }\n  }\n\n  render() {\n    return (\n      <Host class={this.classNames()}>\n        <label htmlFor={this.componentId}>\n          <input\n            type=\"checkbox\"\n            aria-describedby={assignDescription(this.componentId, this.invalid, this.errorMessage || this.helperMessage)}\n            aria-invalid={this.invalid ? \"true\" : undefined}\n            id={this.componentId}\n            indeterminate={this.indeterminate}\n            name={this.name}\n            value={this.value}\n            checked={this.checked}\n            required={this.required}\n            disabled={this.disabled}\n            onChange={this.handleCheckboxChange}\n            onInput={this.handleInput}\n            {...this.inheritedAttributes}\n          />\n          <span class={this.hideLabel ? 'visually-hidden' : ''}>\n            {this.label}\n          </span>\n        </label>\n        {this.helperMessage &&\n          <div\n            class={'pds-checkbox__message'}\n            id={messageId(this.componentId, 'helper')}\n          >\n            {this.helperMessage}\n          </div>\n        }\n        {this.errorMessage &&\n          <div\n            class={`pds-checkbox__message pds-checkbox__message--error`}\n            id={messageId(this.componentId, 'error')}\n            aria-live=\"assertive\"\n          >\n            <pds-icon icon={danger} size=\"small\" />\n            {this.errorMessage}\n          </div>\n        }\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/pine-core/p-BG6uGRQj.system.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-BG6uGRQj.system.js","sources":["src/utils/utils.ts"],"sourcesContent":["import type { EventEmitter } from \"@stencil/core\";\n\nexport const hasShadowDom = (el: HTMLElement) => {\n  return !!el.shadowRoot && !!(el as any).attachShadow\n}\n\nexport const debounceEvent = (event: EventEmitter, wait: number): EventEmitter => {\n  const original = (event as any)._original || event;\n  return {\n    _original: event,\n    emit: debounce(original.emit.bind(original), wait),\n  } as EventEmitter;\n};\n\nexport const debounce = (func: (...args: any[]) => void, wait = 0) => {\n  let timer: any;\n  return (...args: any[]): any => {\n    clearTimeout(timer);\n    timer = setTimeout(func, wait, ...args);\n  };\n};\n\n// Add shared color normalization utility to unify token handling across components\n/**\n * Normalizes color values to ensure consistent CSS variable usage\n * @param value - Raw token (--token), CSS variable (var(--token)), semantic name, or literal color\n * @param options.semanticMap - Optional mapping of semantic names to CSS variables\n * @returns Normalized color value or undefined for invalid inputs\n */\nexport const normalizeColorValue = (\n  value: string | undefined,\n  options?: { semanticMap?: Record<string, string> }\n): string | undefined => {\n  if (!value) return undefined;\n  const trimmed = value.trim();\n  // Treat whitespace-only as undefined to avoid invalid CSS values\n  if (trimmed === '') return undefined;\n\n  // If a semantic map is provided and the value matches a key, return mapped CSS var\n  if (options?.semanticMap && options.semanticMap[trimmed]) {\n    return options.semanticMap[trimmed];\n  }\n\n  // If already a CSS var, pass through\n  if (trimmed.startsWith('var(')) return trimmed;\n\n  // If raw token is provided (e.g., --pine-color-foo), wrap in var(...)\n  if (trimmed.startsWith('--')) return `var(${trimmed})`;\n\n  // Otherwise treat as literal CSS color value\n  return trimmed;\n};\n\nexport const setColor = (color: string, customColors?: Record<string, string>) => {\n  // Return an empty object for empty/whitespace/undefined inputs to avoid invalid CSS styles\n  if (!color) return {} as Record<string, string>;\n\n  const defaultColors: Record<string, string> = {\n    primary: 'var(--pine-color-text-primary)',\n    secondary: 'var(--pine-color-text-secondary)',\n    neutral: 'var(--pine-color-text-neutral)',\n    accent: 'var(--pine-color-text-accent)',\n    danger: 'var(--pine-color-text-danger)',\n    info: 'var(--pine-color-text-info)',\n    success: 'var(--pine-color-text-success)',\n    warning: 'var(--pine-color-text-warning)',\n  };\n\n  // Merge defaults with any custom overrides so defaults are preserved\n  const semanticMap = { ...defaultColors, ...(customColors || {}) };\n\n  // Use the shared normalizer so components accept semantic names, raw tokens, var(...), or literals\n  const resolved = normalizeColorValue(color, { semanticMap });\n\n  // Ensure we never return an undefined style value; if unresolved, omit the property\n  if (!resolved) return {} as Record<string, string>;\n\n  return {\n    '--color': resolved\n  };\n}\n"],"names":[],"mappings":";;;;;AAEa,kBAAA,YAAY,gBAAG,CAAC,EAAe,KAAI;gBAC9C,OAAO,CAAC,CAAC,EAAE,CAAC,UAAU,IAAI,CAAC,CAAE,EAAU,CAAC,YAAY;YACtD;kBAEa,aAAa,gBAAG,CAAC,KAAmB,EAAE,IAAY,KAAkB;YAC/E,IAAA,MAAM,QAAQ,GAAI,KAAa,CAAC,SAAS,IAAI,KAAK;gBAClD,OAAO;YACL,QAAA,SAAS,EAAE,KAAK;YAChB,QAAA,IAAI,EAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC;iBACnC;YACnB;YAEO,MAAM,QAAQ,GAAG,CAAC,IAA8B,EAAE,IAAI,GAAG,CAAC,KAAI;YACnE,IAAA,IAAI,KAAU;YACd,IAAA,OAAO,CAAC,GAAG,IAAW,KAAS;oBAC7B,YAAY,CAAC,KAAK,CAAC;oBACnB,KAAK,GAAG,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;YACzC,KAAC;YACH,CAAC;YAED;YACA;;;;;YAKG;kBACU,mBAAmB,gBAAG,CACjC,KAAyB,EACzB,OAAkD,KAC5B;YACtB,IAAA,IAAI,CAAC,KAAK;YAAE,QAAA,OAAO,SAAS;YAC5B,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE;;gBAE5B,IAAI,OAAO,KAAK,EAAE;YAAE,QAAA,OAAO,SAAS;;YAGpC,IAAA,IAAI,CAAA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAE,WAAW,KAAI,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE;YACxD,QAAA,OAAO,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC;;;YAIrC,IAAA,IAAI,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC;YAAE,QAAA,OAAO,OAAO;;YAG9C,IAAA,IAAI,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC;oBAAE,OAAO,CAAA,IAAA,EAAO,OAAO,CAAA,CAAA,CAAG;;YAGtD,IAAA,OAAO,OAAO;YAChB;kBAEa,QAAQ,gBAAG,CAAC,KAAa,EAAE,YAAqC,KAAI;;YAE/E,IAAA,IAAI,CAAC,KAAK;YAAE,QAAA,OAAO,EAA4B;YAE/C,IAAA,MAAM,aAAa,GAA2B;YAC5C,QAAA,OAAO,EAAE,gCAAgC;YACzC,QAAA,SAAS,EAAE,kCAAkC;YAC7C,QAAA,OAAO,EAAE,gCAAgC;YACzC,QAAA,MAAM,EAAE,+BAA+B;YACvC,QAAA,MAAM,EAAE,+BAA+B;YACvC,QAAA,IAAI,EAAE,6BAA6B;YACnC,QAAA,OAAO,EAAE,gCAAgC;YACzC,QAAA,OAAO,EAAE,gCAAgC;iBAC1C;;gBAGD,MAAM,WAAW,GAAQ,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,aAAa,CAAK,GAAC,YAAY,IAAI,EAAE,EAAG;;gBAGjE,MAAM,QAAQ,GAAG,mBAAmB,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC;;YAG5D,IAAA,IAAI,CAAC,QAAQ;YAAE,QAAA,OAAO,EAA4B;gBAElD,OAAO;YACL,QAAA,SAAS,EAAE;iBACZ;YACH;;;;;;;;"}
+{"version":3,"file":"p-BG6uGRQj.system.js","sources":["src/utils/utils.ts"],"sourcesContent":["import type { EventEmitter } from \"@stencil/core\";\n\nexport const hasShadowDom = (el: Element) => {\n  return !!el.shadowRoot && !!(el as any).attachShadow\n}\n\nexport const debounceEvent = (event: EventEmitter, wait: number): EventEmitter => {\n  const original = (event as any)._original || event;\n  return {\n    _original: event,\n    emit: debounce(original.emit.bind(original), wait),\n  } as EventEmitter;\n};\n\nexport const debounce = (func: (...args: any[]) => void, wait = 0) => {\n  let timer: any;\n  return (...args: any[]): any => {\n    clearTimeout(timer);\n    timer = setTimeout(func, wait, ...args);\n  };\n};\n\n// Add shared color normalization utility to unify token handling across components\n/**\n * Normalizes color values to ensure consistent CSS variable usage\n * @param value - Raw token (--token), CSS variable (var(--token)), semantic name, or literal color\n * @param options.semanticMap - Optional mapping of semantic names to CSS variables\n * @returns Normalized color value or undefined for invalid inputs\n */\nexport const normalizeColorValue = (\n  value: string | undefined,\n  options?: { semanticMap?: Record<string, string> }\n): string | undefined => {\n  if (!value) return undefined;\n  const trimmed = value.trim();\n  // Treat whitespace-only as undefined to avoid invalid CSS values\n  if (trimmed === '') return undefined;\n\n  // If a semantic map is provided and the value matches a key, return mapped CSS var\n  if (options?.semanticMap && options.semanticMap[trimmed]) {\n    return options.semanticMap[trimmed];\n  }\n\n  // If already a CSS var, pass through\n  if (trimmed.startsWith('var(')) return trimmed;\n\n  // If raw token is provided (e.g., --pine-color-foo), wrap in var(...)\n  if (trimmed.startsWith('--')) return `var(${trimmed})`;\n\n  // Otherwise treat as literal CSS color value\n  return trimmed;\n};\n\nexport const setColor = (color: string, customColors?: Record<string, string>) => {\n  // Return an empty object for empty/whitespace/undefined inputs to avoid invalid CSS styles\n  if (!color) return {} as Record<string, string>;\n\n  const defaultColors: Record<string, string> = {\n    primary: 'var(--pine-color-text-primary)',\n    secondary: 'var(--pine-color-text-secondary)',\n    neutral: 'var(--pine-color-text-neutral)',\n    accent: 'var(--pine-color-text-accent)',\n    danger: 'var(--pine-color-text-danger)',\n    info: 'var(--pine-color-text-info)',\n    success: 'var(--pine-color-text-success)',\n    warning: 'var(--pine-color-text-warning)',\n  };\n\n  // Merge defaults with any custom overrides so defaults are preserved\n  const semanticMap = { ...defaultColors, ...(customColors || {}) };\n\n  // Use the shared normalizer so components accept semantic names, raw tokens, var(...), or literals\n  const resolved = normalizeColorValue(color, { semanticMap });\n\n  // Ensure we never return an undefined style value; if unresolved, omit the property\n  if (!resolved) return {} as Record<string, string>;\n\n  return {\n    '--color': resolved\n  };\n}\n"],"names":[],"mappings":";;;;;AAEa,kBAAA,YAAY,gBAAG,CAAC,EAAW,KAAI;gBAC1C,OAAO,CAAC,CAAC,EAAE,CAAC,UAAU,IAAI,CAAC,CAAE,EAAU,CAAC,YAAY;YACtD;kBAEa,aAAa,gBAAG,CAAC,KAAmB,EAAE,IAAY,KAAkB;YAC/E,IAAA,MAAM,QAAQ,GAAI,KAAa,CAAC,SAAS,IAAI,KAAK;gBAClD,OAAO;YACL,QAAA,SAAS,EAAE,KAAK;YAChB,QAAA,IAAI,EAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC;iBACnC;YACnB;YAEO,MAAM,QAAQ,GAAG,CAAC,IAA8B,EAAE,IAAI,GAAG,CAAC,KAAI;YACnE,IAAA,IAAI,KAAU;YACd,IAAA,OAAO,CAAC,GAAG,IAAW,KAAS;oBAC7B,YAAY,CAAC,KAAK,CAAC;oBACnB,KAAK,GAAG,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;YACzC,KAAC;YACH,CAAC;YAED;YACA;;;;;YAKG;kBACU,mBAAmB,gBAAG,CACjC,KAAyB,EACzB,OAAkD,KAC5B;YACtB,IAAA,IAAI,CAAC,KAAK;YAAE,QAAA,OAAO,SAAS;YAC5B,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE;;gBAE5B,IAAI,OAAO,KAAK,EAAE;YAAE,QAAA,OAAO,SAAS;;YAGpC,IAAA,IAAI,CAAA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAE,WAAW,KAAI,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE;YACxD,QAAA,OAAO,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC;;;YAIrC,IAAA,IAAI,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC;YAAE,QAAA,OAAO,OAAO;;YAG9C,IAAA,IAAI,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC;oBAAE,OAAO,CAAA,IAAA,EAAO,OAAO,CAAA,CAAA,CAAG;;YAGtD,IAAA,OAAO,OAAO;YAChB;kBAEa,QAAQ,gBAAG,CAAC,KAAa,EAAE,YAAqC,KAAI;;YAE/E,IAAA,IAAI,CAAC,KAAK;YAAE,QAAA,OAAO,EAA4B;YAE/C,IAAA,MAAM,aAAa,GAA2B;YAC5C,QAAA,OAAO,EAAE,gCAAgC;YACzC,QAAA,SAAS,EAAE,kCAAkC;YAC7C,QAAA,OAAO,EAAE,gCAAgC;YACzC,QAAA,MAAM,EAAE,+BAA+B;YACvC,QAAA,MAAM,EAAE,+BAA+B;YACvC,QAAA,IAAI,EAAE,6BAA6B;YACnC,QAAA,OAAO,EAAE,gCAAgC;YACzC,QAAA,OAAO,EAAE,gCAAgC;iBAC1C;;gBAGD,MAAM,WAAW,GAAQ,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,aAAa,CAAK,GAAC,YAAY,IAAI,EAAE,EAAG;;gBAGjE,MAAM,QAAQ,GAAG,mBAAmB,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC;;YAG5D,IAAA,IAAI,CAAC,QAAQ;YAAE,QAAA,OAAO,EAA4B;gBAElD,OAAO;YACL,QAAA,SAAS,EAAE;iBACZ;YACH;;;;;;;;"}

package/dist/pine-core/p-BHavepTY.system.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-BHavepTY.system.js","sources":["src/utils/form.ts"],"sourcesContent":["/**\n * Create id for messaging\n */\nexport const messageId = (id: string, messageType: string) => {\n  return `${id}__${messageType}-message`;\n};\n\n/**\n * Assign aria-description id to relate messages with form element\n */\nexport const assignDescription = (id: string, invalid: boolean, helperMessage: string) => {\n  if (!helperMessage) return\n\n  let relatedId = messageId(id, 'helper')\n\n  if (invalid) relatedId = messageId(id, 'error');\n\n  return relatedId;\n};\n\n/**\n * Updates the `invalid` prop of a form element based on it's values validity\n */\nexport const isRequired = (target, component) => {\n  if ( !target || !component ) return;\n  if (component.required === true) {\n    (target.checkValidity() === false) ? component.invalid = true : component.invalid = false;\n  }\n}\n\n/**\n * Exposes a readonly type property on a custom form element to match native form element behavior.\n * This makes the type property enumerable and accessible via element.type, matching native HTML elements.\n * The property is non-configurable, preventing it from being redefined or deleted at runtime.\n * \n * @param element - The custom element to add the type property to\n * @param type - The type value (string literal) or a getter function that returns the type\n */\nexport function exposeTypeProperty(element: HTMLElement, type: string | (() => string)) {\n  Object.defineProperty(element, 'type', {\n    get: typeof type === 'function' ? type : () => type,\n    enumerable: true,\n    configurable: false\n  });\n}\n"],"names":[],"mappings":";;;;;;;YAAA;;YAEG;kBACU,SAAS,gBAAG,CAAC,EAAU,EAAE,WAAmB,KAAI;YAC3D,IAAA,OAAO,CAAG,EAAA,EAAE,CAAK,EAAA,EAAA,WAAW,UAAU;YACxC;YAEA;;YAEG;AACU,kBAAA,iBAAiB,gBAAG,CAAC,EAAU,EAAE,OAAgB,EAAE,aAAqB,KAAI;YACvF,IAAA,IAAI,CAAC,aAAa;oBAAE;gBAEpB,IAAI,SAAS,GAAG,SAAS,CAAC,EAAE,EAAE,QAAQ,CAAC;YAEvC,IAAA,IAAI,OAAO;YAAE,QAAA,SAAS,GAAG,SAAS,CAAC,EAAE,EAAE,OAAO,CAAC;YAE/C,IAAA,OAAO,SAAS;YAClB;YAEA;;YAEG;kBACU,UAAU,gBAAG,CAAC,MAAM,EAAE,SAAS,KAAI;YAC9C,IAAA,IAAK,CAAC,MAAM,IAAI,CAAC,SAAS;oBAAG;YAC7B,IAAA,IAAI,SAAS,CAAC,QAAQ,KAAK,IAAI,EAAE;oBAC/B,CAAC,MAAM,CAAC,aAAa,EAAE,KAAK,KAAK,IAAI,SAAS,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,OAAO,GAAG,KAAK;;YAE7F;YAEA;;;;;;;YAOG;YACa,SAAA,kBAAkB,CAAC,OAAoB,EAAE,IAA6B,EAAA;YACpF,IAAA,MAAM,CAAC,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE;YACrC,QAAA,GAAG,EAAE,OAAO,IAAI,KAAK,UAAU,GAAG,IAAI,GAAG,MAAM,IAAI;YACnD,QAAA,UAAU,EAAE,IAAI;YAChB,QAAA,YAAY,EAAE;YACf,KAAA,CAAC;YACJ;;;;;;;;"}
+{"version":3,"file":"p-BHavepTY.system.js","sources":["src/utils/form.ts"],"sourcesContent":["/**\n * Create id for messaging\n */\nexport const messageId = (id: string, messageType: string) => {\n  return `${id}__${messageType}-message`;\n};\n\n/**\n * Assign aria-description id to relate messages with form element\n */\nexport const assignDescription = (id: string, invalid: boolean, helperMessage: string) => {\n  if (!helperMessage) return\n\n  let relatedId = messageId(id, 'helper')\n\n  if (invalid) relatedId = messageId(id, 'error');\n\n  return relatedId;\n};\n\n/**\n * Updates the `invalid` prop of a form element based on it's values validity\n */\nexport const isRequired = (target, component) => {\n  if ( !target || !component ) return;\n  if (component.required === true) {\n    (target.checkValidity() === false) ? component.invalid = true : component.invalid = false;\n  }\n}\n\n/**\n * Exposes a readonly type property on a custom form element to match native form element behavior.\n * This makes the type property enumerable and accessible via element.type, matching native HTML elements.\n * The property is non-configurable, preventing it from being redefined or deleted at runtime.\n *\n * @param element - The custom element to add the type property to\n * @param type - The type value (string literal) or a getter function that returns the type\n */\nexport function exposeTypeProperty(element: Element, type: string | (() => string)) {\n  Object.defineProperty(element, 'type', {\n    get: typeof type === 'function' ? type : () => type,\n    enumerable: true,\n    configurable: false\n  });\n}\n"],"names":[],"mappings":";;;;;;;YAAA;;YAEG;kBACU,SAAS,gBAAG,CAAC,EAAU,EAAE,WAAmB,KAAI;YAC3D,IAAA,OAAO,CAAG,EAAA,EAAE,CAAK,EAAA,EAAA,WAAW,UAAU;YACxC;YAEA;;YAEG;AACU,kBAAA,iBAAiB,gBAAG,CAAC,EAAU,EAAE,OAAgB,EAAE,aAAqB,KAAI;YACvF,IAAA,IAAI,CAAC,aAAa;oBAAE;gBAEpB,IAAI,SAAS,GAAG,SAAS,CAAC,EAAE,EAAE,QAAQ,CAAC;YAEvC,IAAA,IAAI,OAAO;YAAE,QAAA,SAAS,GAAG,SAAS,CAAC,EAAE,EAAE,OAAO,CAAC;YAE/C,IAAA,OAAO,SAAS;YAClB;YAEA;;YAEG;kBACU,UAAU,gBAAG,CAAC,MAAM,EAAE,SAAS,KAAI;YAC9C,IAAA,IAAK,CAAC,MAAM,IAAI,CAAC,SAAS;oBAAG;YAC7B,IAAA,IAAI,SAAS,CAAC,QAAQ,KAAK,IAAI,EAAE;oBAC/B,CAAC,MAAM,CAAC,aAAa,EAAE,KAAK,KAAK,IAAI,SAAS,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,OAAO,GAAG,KAAK;;YAE7F;YAEA;;;;;;;YAOG;YACa,SAAA,kBAAkB,CAAC,OAAgB,EAAE,IAA6B,EAAA;YAChF,IAAA,MAAM,CAAC,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE;YACrC,QAAA,GAAG,EAAE,OAAO,IAAI,KAAK,UAAU,GAAG,IAAI,GAAG,MAAM,IAAI;YACnD,QAAA,UAAU,EAAE,IAAI;YAChB,QAAA,YAAY,EAAE;YACf,KAAA,CAAC;YACJ;;;;;;;;"}

package/dist/pine-core/{p-BJ3oNLWN.system.js.map → p-BLpHPllL.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-BJ3oNLWN.system.js","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: var(--pine-z-index-raised);\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"],"names":[],"mappings":"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"}
+{"version":3,"file":"p-BLpHPllL.system.js","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: var(--pine-z-index-raised);\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"],"names":[],"mappings":"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"}

package/dist/pine-core/{p-Dw7zXw_6.system.js.map → p-BMv60T1z.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-Dw7zXw_6.system.js","sources":["src/components/pds-filters/pds-filters.scss?tag=pds-filters&encapsulation=shadow","src/components/pds-filters/pds-filters.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.pds-filters {\n  align-items: flex-start;\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--pine-dimension-100);\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport type { BasePdsProps } from '@utils/interfaces';\n\n/**\n * @slot (default) - Container for pds-filter components.\n */\n\n@Component({\n  tag: 'pds-filters',\n  styleUrl: 'pds-filters.scss',\n  shadow: true,\n})\nexport class PdsFilters implements BasePdsProps {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  render() {\n    return (\n      <Host id={this.componentId}>\n        <div class=\"pds-filters\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;MAAA,MAAM,aAAa,GAAG,gLAAgL;;YCYzL,UAAU,0BAAA,MAAA;;;;UAMrB,MAAM,GAAA;cACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,EAAE,EAAE,IAAI,CAAC,WAAW,EAAA,EACxB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;"}
+{"version":3,"file":"p-BMv60T1z.system.js","sources":["src/components/pds-filters/pds-filters.scss?tag=pds-filters&encapsulation=shadow","src/components/pds-filters/pds-filters.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.pds-filters {\n  align-items: flex-start;\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--pine-dimension-100);\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport type { BasePdsProps } from '@utils/interfaces';\n\n/**\n * @slot (default) - Container for pds-filter components.\n */\n\n@Component({\n  tag: 'pds-filters',\n  styleUrl: 'pds-filters.scss',\n  shadow: true,\n})\nexport class PdsFilters implements BasePdsProps {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  render() {\n    return (\n      <Host id={this.componentId}>\n        <div class=\"pds-filters\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;MAAA,MAAM,aAAa,GAAG,gLAAgL;;YCYzL,UAAU,0BAAA,MAAA;;;;UAMrB,MAAM,GAAA;cACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,EAAE,EAAE,IAAI,CAAC,WAAW,EAAA,EACxB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;"}

package/dist/pine-core/p-BOmQOnQe.system.js

@@ -1,2 +1,2 @@
-var __assign=this&&this.__assign||function(){__assign=Object.assign||function(r){for(var t,n=1,e=arguments.length;n<e;n++){t=arguments[n];for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))r[i]=t[i]}return r};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(r,t,n,e){function i(r){return r instanceof n?r:new n((function(t){t(r)}))}return new(n||(n=Promise))((function(n,a){function u(r){try{f(e.next(r))}catch(r){a(r)}}function o(r){try{f(e["throw"](r))}catch(r){a(r)}}function f(r){r.done?n(r.value):i(r.value).then(u,o)}f((e=e.apply(r,t||[])).next())}))};var __generator=this&&this.__generator||function(r,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},e,i,a,u;return u={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(r){return function(t){return f([r,t])}}function f(o){if(e)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(n=0)),n)try{if(e=1,i&&(a=o[0]&2?i["return"]:o[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,o[1])).done)return a;if(i=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;i=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){n.label=o[1];break}if(o[0]===6&&n.label<a[1]){n.label=a[1];a=o;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(o);break}if(a[2])n.ops.pop();n.trys.pop();continue}o=t.call(r,n)}catch(r){o=[6,r];i=0}finally{e=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __rest=this&&this.__rest||function(r,t){var n={};for(var e in r)if(Object.prototype.hasOwnProperty.call(r,e)&&t.indexOf(e)<0)n[e]=r[e];if(r!=null&&typeof Object.getOwnPropertySymbols==="function")for(var i=0,e=Object.getOwnPropertySymbols(r);i<e.length;i++){if(t.indexOf(e[i])<0&&Object.prototype.propertyIsEnumerable.call(r,e[i]))n[e[i]]=r[e[i]]}return n};var __spreadArray=this&&this.__spreadArray||function(r,t,n){if(n||arguments.length===2)for(var e=0,i=t.length,a;e<i;e++){if(a||!(e in t)){if(!a)a=Array.prototype.slice.call(t,0,e);a[e]=t[e]}}return r.concat(a||Array.prototype.slice.call(t))};System.register([],(function(r){"use strict";return{execute:function(){var t=this;r("a",Fr);var n=Math.min;var e=Math.max;var i=Math.round;var a=Math.floor;var u=function(r){return{x:r,y:r}};var o={left:"right",right:"left",bottom:"top",top:"bottom"};var f={start:"end",end:"start"};function c(r,t,i){return e(r,n(t,i))}function s(r,t){return typeof r==="function"?r(t):r}function v(r){return r.split("-")[0]}function l(r){return r.split("-")[1]}function d(r){return r==="x"?"y":"x"}function h(r){return r==="y"?"height":"width"}function _(r){return["top","bottom"].includes(v(r))?"y":"x"}function g(r){return d(_(r))}function y(r,t,n){if(n===void 0){n=false}var e=l(r);var i=g(r);var a=h(i);var u=i==="x"?e===(n?"end":"start")?"right":"left":e==="start"?"bottom":"top";if(t.reference[a]>t.floating[a]){u=x(u)}return[u,x(u)]}function p(r){var t=x(r);return[m(r),t,m(t)]}function m(r){return r.replace(/start|end/g,(function(r){return f[r]}))}function w(r,t,n){var e=["left","right"];var i=["right","left"];var a=["top","bottom"];var u=["bottom","top"];switch(r){case"top":case"bottom":if(n)return t?i:e;return t?e:i;case"left":case"right":return t?a:u;default:return[]}}function b(r,t,n,e){var i=l(r);var a=w(v(r),n==="start",e);if(i){a=a.map((function(r){return r+"-"+i}));if(t){a=a.concat(a.map(m))}}return a}function x(r){return r.replace(/left|right|bottom|top/g,(function(r){return o[r]}))}function A(r){return __assign({top:0,right:0,bottom:0,left:0},r)}function k(r){return typeof r!=="number"?A(r):{top:r,right:r,bottom:r,left:r}}function O(r){var t=r.x,n=r.y,e=r.width,i=r.height;return{width:e,height:i,top:n,left:t,right:t+e,bottom:n+i,x:t,y:n}}function S(r,t,n){var e=r.reference,i=r.floating;var a=_(t);var u=g(t);var o=h(u);var f=v(t);var c=a==="y";var s=e.x+e.width/2-i.width/2;var d=e.y+e.height/2-i.height/2;var y=e[o]/2-i[o]/2;var p;switch(f){case"top":p={x:s,y:e.y-i.height};break;case"bottom":p={x:s,y:e.y+e.height};break;case"right":p={x:e.x+e.width,y:d};break;case"left":p={x:e.x-i.width,y:d};break;default:p={x:e.x,y:e.y}}switch(l(t)){case"start":p[u]-=y*(n&&c?-1:1);break;case"end":p[u]+=y*(n&&c?-1:1);break}return p}var R=function(r,n,e){return __awaiter(t,void 0,void 0,(function(){var t,i,a,u,o,f,c,s,v,l,d,h,_,g,y,p,m,w,b,x,A,k,O,R,F,T;var j,M;return __generator(this,(function(P){switch(P.label){case 0:t=e.placement,i=t===void 0?"bottom":t,a=e.strategy,u=a===void 0?"absolute":a,o=e.middleware,f=o===void 0?[]:o,c=e.platform;s=f.filter(Boolean);return[4,c.isRTL==null?void 0:c.isRTL(n)];case 1:v=P.sent();return[4,c.getElementRects({reference:r,floating:n,strategy:u})];case 2:l=P.sent();d=S(l,i,v),h=d.x,_=d.y;g=i;y={};p=0;m=0;P.label=3;case 3:if(!(m<s.length))return[3,11];w=s[m],b=w.name,x=w.fn;return[4,x({x:h,y:_,initialPlacement:i,placement:g,strategy:u,middlewareData:y,rects:l,platform:c,elements:{reference:r,floating:n}})];case 4:A=P.sent(),k=A.x,O=A.y,R=A.data,F=A.reset;h=k!=null?k:h;_=O!=null?O:_;y=__assign(__assign({},y),(j={},j[b]=__assign(__assign({},y[b]),R),j));if(!(F&&p<=50))return[3,10];p++;if(!(typeof F==="object"))return[3,9];if(F.placement){g=F.placement}if(!F.rects)return[3,8];if(!(F.rects===true))return[3,6];return[4,c.getElementRects({reference:r,floating:n,strategy:u})];case 5:T=P.sent();return[3,7];case 6:T=F.rects;P.label=7;case 7:l=T;P.label=8;case 8:M=S(l,g,v),h=M.x,_=M.y;P.label=9;case 9:m=-1;P.label=10;case 10:m++;return[3,3];case 11:return[2,{x:h,y:_,placement:g,strategy:u,middlewareData:y}]}}))}))};function F(r,t){return __awaiter(this,void 0,void 0,(function(){var n,e,i,a,u,o,f,c,v,l,d,h,_,g,y,p,m,w,b,x,A,S,R,F,T,j,M,P,E,L,C,D,z,I;var N;return __generator(this,(function(q){switch(q.label){case 0:if(t===void 0){t={}}e=r.x,i=r.y,a=r.platform,u=r.rects,o=r.elements,f=r.strategy;c=s(t,r),v=c.boundary,l=v===void 0?"clippingAncestors":v,d=c.rootBoundary,h=d===void 0?"viewport":d,_=c.elementContext,g=_===void 0?"floating":_,y=c.altBoundary,p=y===void 0?false:y,m=c.padding,w=m===void 0?0:m;b=k(w);x=g==="floating"?"reference":"floating";A=o[p?x:g];R=O;T=(F=a).getClippingRect;N={};return[4,a.isElement==null?void 0:a.isElement(A)];case 1:if(!((n=q.sent())!=null?n:true))return[3,2];j=A;return[3,5];case 2:M=A.contextElement;if(M)return[3,4];return[4,a.getDocumentElement==null?void 0:a.getDocumentElement(o.floating)];case 3:M=q.sent();q.label=4;case 4:j=M;q.label=5;case 5:return[4,T.apply(F,[(N.element=j,N.boundary=l,N.rootBoundary=h,N.strategy=f,N)])];case 6:S=R.apply(void 0,[q.sent()]);P=g==="floating"?{x:e,y:i,width:u.floating.width,height:u.floating.height}:u.reference;return[4,a.getOffsetParent==null?void 0:a.getOffsetParent(o.floating)];case 7:E=q.sent();return[4,a.isElement==null?void 0:a.isElement(E)];case 8:if(!q.sent())return[3,10];return[4,a.getScale==null?void 0:a.getScale(E)];case 9:C=q.sent()||{x:1,y:1};return[3,11];case 10:C={x:1,y:1};q.label=11;case 11:L=C;z=O;if(!a.convertOffsetParentRelativeRectToViewportRelativeRect)return[3,13];return[4,a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:o,rect:P,offsetParent:E,strategy:f})];case 12:I=q.sent();return[3,14];case 13:I=P;q.label=14;case 14:D=z.apply(void 0,[I]);return[2,{top:(S.top-D.top+b.top)/L.y,bottom:(D.bottom-S.bottom+b.bottom)/L.y,left:(S.left-D.left+b.left)/L.x,right:(D.right-S.right+b.right)/L.x}]}}))}))}var T=function(r){if(r===void 0){r={}}return{name:"flip",options:r,fn:function(t){return __awaiter(this,void 0,void 0,(function(){var n,e,i,a,u,o,f,c,l,d,h,g,m,w,A,k,O,S,R,T,j,M,P,E,L,C,D,z,I,N,q,B,G,H,V,$,J,K,Q,U,W,X;return __generator(this,(function(Y){switch(Y.label){case 0:i=t.placement,a=t.middlewareData,u=t.rects,o=t.initialPlacement,f=t.platform,c=t.elements;l=s(r,t),d=l.mainAxis,h=d===void 0?true:d,g=l.crossAxis,m=g===void 0?true:g,w=l.fallbackPlacements,A=l.fallbackStrategy,k=A===void 0?"bestFit":A,O=l.fallbackAxisSideDirection,S=O===void 0?"none":O,R=l.flipAlignment,T=R===void 0?true:R,j=__rest(l,["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","fallbackAxisSideDirection","flipAlignment"]);if((n=a.arrow)!=null&&n.alignmentOffset){return[2,{}]}M=v(i);P=_(o);E=v(o)===o;return[4,f.isRTL==null?void 0:f.isRTL(c.floating)];case 1:L=Y.sent();C=w||(E||!T?[x(o)]:p(o));D=S!=="none";if(!w&&D){C.push.apply(C,b(o,T,S,L))}z=__spreadArray([o],C,true);return[4,F(t,j)];case 2:I=Y.sent();N=[];q=((e=a.flip)==null?void 0:e.overflows)||[];if(h){N.push(I[M])}if(m){B=y(i,u,L);N.push(I[B[0]],I[B[1]])}q=__spreadArray(__spreadArray([],q,true),[{placement:i,overflows:N}],false);if(!N.every((function(r){return r<=0}))){V=(((G=a.flip)==null?void 0:G.index)||0)+1;$=z[V];if($){K=m==="alignment"?P!==_($):false;Q=((J=q[0])==null?void 0:J.overflows[0])>0;if(!K||Q){return[2,{data:{index:V,overflows:q},reset:{placement:$}}]}}U=(H=q.filter((function(r){return r.overflows[0]<=0})).sort((function(r,t){return r.overflows[1]-t.overflows[1]}))[0])==null?void 0:H.placement;if(!U){switch(k){case"bestFit":{X=(W=q.filter((function(r){if(D){var t=_(r.placement);return t===P||t==="y"}return true})).map((function(r){return[r.placement,r.overflows.filter((function(r){return r>0})).reduce((function(r,t){return r+t}),0)]})).sort((function(r,t){return r[1]-t[1]}))[0])==null?void 0:W[0];if(X){U=X}break}case"initialPlacement":U=o;break}}if(i!==U){return[2,{reset:{placement:U}}]}}return[2,{}]}}))}))}}};function j(r,t){return __awaiter(this,void 0,void 0,(function(){var n,e,i,a,u,o,f,c,d,h,g,y,p,m;return __generator(this,(function(w){switch(w.label){case 0:n=r.placement,e=r.platform,i=r.elements;return[4,e.isRTL==null?void 0:e.isRTL(i.floating)];case 1:a=w.sent();u=v(n);o=l(n);f=_(n)==="y";c=["left","top"].includes(u)?-1:1;d=a&&f?-1:1;h=s(t,r);g=typeof h==="number"?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis},y=g.mainAxis,p=g.crossAxis,m=g.alignmentAxis;if(o&&typeof m==="number"){p=o==="end"?m*-1:m}return[2,f?{x:p*d,y:y*c}:{x:y*c,y:p*d}]}}))}))}var M=function(r){if(r===void 0){r=0}return{name:"offset",options:r,fn:function(t){return __awaiter(this,void 0,void 0,(function(){var n,e,i,a,u,o,f;return __generator(this,(function(c){switch(c.label){case 0:i=t.x,a=t.y,u=t.placement,o=t.middlewareData;return[4,j(t,r)];case 1:f=c.sent();if(u===((n=o.offset)==null?void 0:n.placement)&&(e=o.arrow)!=null&&e.alignmentOffset){return[2,{}]}return[2,{x:i+f.x,y:a+f.y,data:__assign(__assign({},f),{placement:u})}]}}))}))}}};var P=function(r){if(r===void 0){r={}}return{name:"shift",options:r,fn:function(t){return __awaiter(this,void 0,void 0,(function(){var n,e,i,a,u,o,f,l,h,g,y,p,m,w,b,x,A,k,O,S,R,k,O,T,j,M;var P,E;return __generator(this,(function(L){switch(L.label){case 0:n=t.x,e=t.y,i=t.placement;a=s(r,t),u=a.mainAxis,o=u===void 0?true:u,f=a.crossAxis,l=f===void 0?false:f,h=a.limiter,g=h===void 0?{fn:function(r){var t=r.x,n=r.y;return{x:t,y:n}}}:h,y=__rest(a,["mainAxis","crossAxis","limiter"]);p={x:n,y:e};return[4,F(t,y)];case 1:m=L.sent();w=_(v(i));b=d(w);x=p[b];A=p[w];if(o){k=b==="y"?"top":"left";O=b==="y"?"bottom":"right";S=x+m[k];R=x-m[O];x=c(S,x,R)}if(l){k=w==="y"?"top":"left";O=w==="y"?"bottom":"right";T=A+m[k];j=A-m[O];A=c(T,A,j)}M=g.fn(__assign(__assign({},t),(P={},P[b]=x,P[w]=A,P)));return[2,__assign(__assign({},M),{data:{x:M.x-n,y:M.y-e,enabled:(E={},E[b]=o,E[w]=l,E)}})]}}))}))}}};function E(){return typeof window!=="undefined"}function L(r){if(z(r)){return(r.nodeName||"").toLowerCase()}return"#document"}function C(r){var t;return(r==null||(t=r.ownerDocument)==null?void 0:t.defaultView)||window}function D(r){var t;return(t=(z(r)?r.ownerDocument:r.document)||window.document)==null?void 0:t.documentElement}function z(r){if(!E()){return false}return r instanceof Node||r instanceof C(r).Node}function I(r){if(!E()){return false}return r instanceof Element||r instanceof C(r).Element}function N(r){if(!E()){return false}return r instanceof HTMLElement||r instanceof C(r).HTMLElement}function q(r){if(!E()||typeof ShadowRoot==="undefined"){return false}return r instanceof ShadowRoot||r instanceof C(r).ShadowRoot}function B(r){var t=Q(r),n=t.overflow,e=t.overflowX,i=t.overflowY,a=t.display;return/auto|scroll|overlay|hidden|clip/.test(n+i+e)&&!["inline","contents"].includes(a)}function G(r){return["table","td","th"].includes(L(r))}function H(r){return[":popover-open",":modal"].some((function(t){try{return r.matches(t)}catch(r){return false}}))}function V(r){var t=J();var n=I(r)?Q(r):r;return["transform","translate","scale","rotate","perspective"].some((function(r){return n[r]?n[r]!=="none":false}))||(n.containerType?n.containerType!=="normal":false)||!t&&(n.backdropFilter?n.backdropFilter!=="none":false)||!t&&(n.filter?n.filter!=="none":false)||["transform","translate","scale","rotate","perspective","filter"].some((function(r){return(n.willChange||"").includes(r)}))||["paint","layout","strict","content"].some((function(r){return(n.contain||"").includes(r)}))}function $(r){var t=W(r);while(N(t)&&!K(t)){if(V(t)){return t}else if(H(t)){return null}t=W(t)}return null}function J(){if(typeof CSS==="undefined"||!CSS.supports)return false;return CSS.supports("-webkit-backdrop-filter","none")}function K(r){return["html","body","#document"].includes(L(r))}function Q(r){return C(r).getComputedStyle(r)}function U(r){if(I(r)){return{scrollLeft:r.scrollLeft,scrollTop:r.scrollTop}}return{scrollLeft:r.scrollX,scrollTop:r.scrollY}}function W(r){if(L(r)==="html"){return r}var t=r.assignedSlot||r.parentNode||q(r)&&r.host||D(r);return q(t)?t.host:t}function X(r){var t=W(r);if(K(t)){return r.ownerDocument?r.ownerDocument.body:r.body}if(N(t)&&B(t)){return t}return X(t)}function Y(r,t,n){var e;if(t===void 0){t=[]}if(n===void 0){n=true}var i=X(r);var a=i===((e=r.ownerDocument)==null?void 0:e.body);var u=C(i);if(a){var o=Z(u);return t.concat(u,u.visualViewport||[],B(i)?i:[],o&&n?Y(o):[])}return t.concat(i,Y(i,[],n))}function Z(r){return r.parent&&Object.getPrototypeOf(r.parent)?r.frameElement:null}function rr(r){var t=Q(r);var n=parseFloat(t.width)||0;var e=parseFloat(t.height)||0;var a=N(r);var u=a?r.offsetWidth:n;var o=a?r.offsetHeight:e;var f=i(n)!==u||i(e)!==o;if(f){n=u;e=o}return{width:n,height:e,$:f}}function tr(r){return!I(r)?r.contextElement:r}function nr(r){var t=tr(r);if(!N(t)){return u(1)}var n=t.getBoundingClientRect();var e=rr(t),a=e.width,o=e.height,f=e.$;var c=(f?i(n.width):n.width)/a;var s=(f?i(n.height):n.height)/o;if(!c||!Number.isFinite(c)){c=1}if(!s||!Number.isFinite(s)){s=1}return{x:c,y:s}}var er=u(0);function ir(r){var t=C(r);if(!J()||!t.visualViewport){return er}return{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function ar(r,t,n){if(t===void 0){t=false}if(!n||t&&n!==C(r)){return false}return t}function ur(r,t,n,e){if(t===void 0){t=false}if(n===void 0){n=false}var i=r.getBoundingClientRect();var a=tr(r);var o=u(1);if(t){if(e){if(I(e)){o=nr(e)}}else{o=nr(r)}}var f=ar(a,n,e)?ir(a):u(0);var c=(i.left+f.x)/o.x;var s=(i.top+f.y)/o.y;var v=i.width/o.x;var l=i.height/o.y;if(a){var d=C(a);var h=e&&I(e)?C(e):e;var _=d;var g=Z(_);while(g&&e&&h!==_){var y=nr(g);var p=g.getBoundingClientRect();var m=Q(g);var w=p.left+(g.clientLeft+parseFloat(m.paddingLeft))*y.x;var b=p.top+(g.clientTop+parseFloat(m.paddingTop))*y.y;c*=y.x;s*=y.y;v*=y.x;l*=y.y;c+=w;s+=b;_=C(g);g=Z(_)}}return O({width:v,height:l,x:c,y:s})}function or(r,t){var n=U(r).scrollLeft;if(!t){return ur(D(r)).left+n}return t.left+n}function fr(r,t,n){if(n===void 0){n=false}var e=r.getBoundingClientRect();var i=e.left+t.scrollLeft-(n?0:or(r,e));var a=e.top+t.scrollTop;return{x:i,y:a}}function cr(r){var t=r.elements,n=r.rect,e=r.offsetParent,i=r.strategy;var a=i==="fixed";var o=D(e);var f=t?H(t.floating):false;if(e===o||f&&a){return n}var c={scrollLeft:0,scrollTop:0};var s=u(1);var v=u(0);var l=N(e);if(l||!l&&!a){if(L(e)!=="body"||B(o)){c=U(e)}if(N(e)){var d=ur(e);s=nr(e);v.x=d.x+e.clientLeft;v.y=d.y+e.clientTop}}var h=o&&!l&&!a?fr(o,c,true):u(0);return{width:n.width*s.x,height:n.height*s.y,x:n.x*s.x-c.scrollLeft*s.x+v.x+h.x,y:n.y*s.y-c.scrollTop*s.y+v.y+h.y}}function sr(r){return Array.from(r.getClientRects())}function vr(r){var t=D(r);var n=U(r);var i=r.ownerDocument.body;var a=e(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth);var u=e(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight);var o=-n.scrollLeft+or(r);var f=-n.scrollTop;if(Q(i).direction==="rtl"){o+=e(t.clientWidth,i.clientWidth)-a}return{width:a,height:u,x:o,y:f}}function lr(r,t){var n=C(r);var e=D(r);var i=n.visualViewport;var a=e.clientWidth;var u=e.clientHeight;var o=0;var f=0;if(i){a=i.width;u=i.height;var c=J();if(!c||c&&t==="fixed"){o=i.offsetLeft;f=i.offsetTop}}return{width:a,height:u,x:o,y:f}}function dr(r,t){var n=ur(r,true,t==="fixed");var e=n.top+r.clientTop;var i=n.left+r.clientLeft;var a=N(r)?nr(r):u(1);var o=r.clientWidth*a.x;var f=r.clientHeight*a.y;var c=i*a.x;var s=e*a.y;return{width:o,height:f,x:c,y:s}}function hr(r,t,n){var e;if(t==="viewport"){e=lr(r,n)}else if(t==="document"){e=vr(D(r))}else if(I(t)){e=dr(t,n)}else{var i=ir(r);e={x:t.x-i.x,y:t.y-i.y,width:t.width,height:t.height}}return O(e)}function _r(r,t){var n=W(r);if(n===t||!I(n)||K(n)){return false}return Q(n).position==="fixed"||_r(n,t)}function gr(r,t){var n=t.get(r);if(n){return n}var e=Y(r,[],false).filter((function(r){return I(r)&&L(r)!=="body"}));var i=null;var a=Q(r).position==="fixed";var u=a?W(r):r;while(I(u)&&!K(u)){var o=Q(u);var f=V(u);if(!f&&o.position==="fixed"){i=null}var c=a?!f&&!i:!f&&o.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||B(u)&&!f&&_r(r,u);if(c){e=e.filter((function(r){return r!==u}))}else{i=o}u=W(u)}t.set(r,e);return e}function yr(r){var t=r.element,i=r.boundary,a=r.rootBoundary,u=r.strategy;var o=i==="clippingAncestors"?H(t)?[]:gr(t,this._c):[].concat(i);var f=__spreadArray(__spreadArray([],o,true),[a],false);var c=f[0];var s=f.reduce((function(r,i){var a=hr(t,i,u);r.top=e(a.top,r.top);r.right=n(a.right,r.right);r.bottom=n(a.bottom,r.bottom);r.left=e(a.left,r.left);return r}),hr(t,c,u));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}}function pr(r){var t=rr(r),n=t.width,e=t.height;return{width:n,height:e}}function mr(r,t,n){var e=N(t);var i=D(t);var a=n==="fixed";var o=ur(r,true,a,t);var f={scrollLeft:0,scrollTop:0};var c=u(0);function s(){c.x=or(i)}if(e||!e&&!a){if(L(t)!=="body"||B(i)){f=U(t)}if(e){var v=ur(t,true,a,t);c.x=v.x+t.clientLeft;c.y=v.y+t.clientTop}else if(i){s()}}if(a&&!e&&i){s()}var l=i&&!e&&!a?fr(i,f):u(0);var d=o.left+f.scrollLeft-c.x-l.x;var h=o.top+f.scrollTop-c.y-l.y;return{x:d,y:h,width:o.width,height:o.height}}function wr(r){return Q(r).position==="static"}function br(r,t){if(!N(r)||Q(r).position==="fixed"){return null}if(t){return t(r)}var n=r.offsetParent;if(D(r)===n){n=n.ownerDocument.body}return n}function xr(r,t){var n=C(r);if(H(r)){return n}if(!N(r)){var e=W(r);while(e&&!K(e)){if(I(e)&&!wr(e)){return e}e=W(e)}return n}var i=br(r,t);while(i&&G(i)&&wr(i)){i=br(i,t)}if(i&&K(i)&&wr(i)&&!V(i)){return n}return i||$(r)||n}var Ar=function(r){return __awaiter(this,void 0,void 0,(function(){var t,n,e,i,a;var u;return __generator(this,(function(o){switch(o.label){case 0:t=this.getOffsetParent||xr;n=this.getDimensions;return[4,n(r.floating)];case 1:e=o.sent();u={};i=mr;a=[r.reference];return[4,t(r.floating)];case 2:return[2,(u.reference=i.apply(void 0,a.concat([o.sent(),r.strategy])),u.floating={x:0,y:0,width:e.width,height:e.height},u)]}}))}))};function kr(r){return Q(r).direction==="rtl"}var Or={convertOffsetParentRelativeRectToViewportRelativeRect:cr,getDocumentElement:D,getClippingRect:yr,getOffsetParent:xr,getElementRects:Ar,getClientRects:sr,getDimensions:pr,getScale:nr,isElement:I,isRTL:kr};function Sr(r,t){return r.x===t.x&&r.y===t.y&&r.width===t.width&&r.height===t.height}function Rr(r,t){var i=null;var u;var o=D(r);function f(){var r;clearTimeout(u);(r=i)==null||r.disconnect();i=null}function c(s,v){if(s===void 0){s=false}if(v===void 0){v=1}f();var l=r.getBoundingClientRect();var d=l.left,h=l.top,_=l.width,g=l.height;if(!s){t()}if(!_||!g){return}var y=a(h);var p=a(o.clientWidth-(d+_));var m=a(o.clientHeight-(h+g));var w=a(d);var b=-y+"px "+-p+"px "+-m+"px "+-w+"px";var x={rootMargin:b,threshold:e(0,n(1,v))||1};var A=true;function k(t){var n=t[0].intersectionRatio;if(n!==v){if(!A){return c()}if(!n){u=setTimeout((function(){c(false,1e-7)}),1e3)}else{c(false,n)}}if(n===1&&!Sr(l,r.getBoundingClientRect())){c()}A=false}try{i=new IntersectionObserver(k,__assign(__assign({},x),{root:o.ownerDocument}))}catch(r){i=new IntersectionObserver(k,x)}i.observe(r)}c(true);return f}function Fr(r,t,n,e){if(e===void 0){e={}}var i=e.ancestorScroll,a=i===void 0?true:i,u=e.ancestorResize,o=u===void 0?true:u,f=e.elementResize,c=f===void 0?typeof ResizeObserver==="function":f,s=e.layoutShift,v=s===void 0?typeof IntersectionObserver==="function":s,l=e.animationFrame,d=l===void 0?false:l;var h=tr(r);var _=a||o?__spreadArray(__spreadArray([],h?Y(h):[],true),Y(t),true):[];_.forEach((function(r){a&&r.addEventListener("scroll",n,{passive:true});o&&r.addEventListener("resize",n)}));var g=h&&v?Rr(h,n):null;var y=-1;var p=null;if(c){p=new ResizeObserver((function(r){var e=r[0];if(e&&e.target===h&&p){p.unobserve(t);cancelAnimationFrame(y);y=requestAnimationFrame((function(){var r;(r=p)==null||r.observe(t)}))}n()}));if(h&&!d){p.observe(h)}p.observe(t)}var m;var w=d?ur(r):null;if(d){b()}function b(){var t=ur(r);if(w&&!Sr(w,t)){n()}w=t;m=requestAnimationFrame(b)}n();return function(){var r;_.forEach((function(r){a&&r.removeEventListener("scroll",n);o&&r.removeEventListener("resize",n)}));g==null||g();(r=p)==null||r.disconnect();p=null;if(d){cancelAnimationFrame(m)}}}var Tr=r("o",M);var jr=r("s",P);var Mr=r("f",T);var Pr=r("c",(function(r,t,n){var e=new Map;var i=__assign({platform:Or},n);var a=__assign(__assign({},i.platform),{_c:e});return R(r,t,__assign(__assign({},i),{platform:a}))}))}}}));
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(r){for(var t,n=1,e=arguments.length;n<e;n++){t=arguments[n];for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))r[i]=t[i]}return r};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(r,t,n,e){function i(r){return r instanceof n?r:new n((function(t){t(r)}))}return new(n||(n=Promise))((function(n,a){function u(r){try{f(e.next(r))}catch(r){a(r)}}function o(r){try{f(e["throw"](r))}catch(r){a(r)}}function f(r){r.done?n(r.value):i(r.value).then(u,o)}f((e=e.apply(r,t||[])).next())}))};var __generator=this&&this.__generator||function(r,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},e,i,a,u=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return u.next=o(0),u["throw"]=o(1),u["return"]=o(2),typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(r){return function(t){return f([r,t])}}function f(o){if(e)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(n=0)),n)try{if(e=1,i&&(a=o[0]&2?i["return"]:o[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,o[1])).done)return a;if(i=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;i=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){n.label=o[1];break}if(o[0]===6&&n.label<a[1]){n.label=a[1];a=o;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(o);break}if(a[2])n.ops.pop();n.trys.pop();continue}o=t.call(r,n)}catch(r){o=[6,r];i=0}finally{e=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __rest=this&&this.__rest||function(r,t){var n={};for(var e in r)if(Object.prototype.hasOwnProperty.call(r,e)&&t.indexOf(e)<0)n[e]=r[e];if(r!=null&&typeof Object.getOwnPropertySymbols==="function")for(var i=0,e=Object.getOwnPropertySymbols(r);i<e.length;i++){if(t.indexOf(e[i])<0&&Object.prototype.propertyIsEnumerable.call(r,e[i]))n[e[i]]=r[e[i]]}return n};var __spreadArray=this&&this.__spreadArray||function(r,t,n){if(n||arguments.length===2)for(var e=0,i=t.length,a;e<i;e++){if(a||!(e in t)){if(!a)a=Array.prototype.slice.call(t,0,e);a[e]=t[e]}}return r.concat(a||Array.prototype.slice.call(t))};System.register([],(function(r){"use strict";return{execute:function(){var t=this;r("a",jr);var n=Math.min;var e=Math.max;var i=Math.round;var a=Math.floor;var u=function(r){return{x:r,y:r}};var o={left:"right",right:"left",bottom:"top",top:"bottom"};var f={start:"end",end:"start"};function c(r,t,i){return e(r,n(t,i))}function s(r,t){return typeof r==="function"?r(t):r}function v(r){return r.split("-")[0]}function l(r){return r.split("-")[1]}function d(r){return r==="x"?"y":"x"}function h(r){return r==="y"?"height":"width"}function _(r){return["top","bottom"].includes(v(r))?"y":"x"}function g(r){return d(_(r))}function y(r,t,n){if(n===void 0){n=false}var e=l(r);var i=g(r);var a=h(i);var u=i==="x"?e===(n?"end":"start")?"right":"left":e==="start"?"bottom":"top";if(t.reference[a]>t.floating[a]){u=x(u)}return[u,x(u)]}function p(r){var t=x(r);return[m(r),t,m(t)]}function m(r){return r.replace(/start|end/g,(function(r){return f[r]}))}function b(r,t,n){var e=["left","right"];var i=["right","left"];var a=["top","bottom"];var u=["bottom","top"];switch(r){case"top":case"bottom":if(n)return t?i:e;return t?e:i;case"left":case"right":return t?a:u;default:return[]}}function w(r,t,n,e){var i=l(r);var a=b(v(r),n==="start",e);if(i){a=a.map((function(r){return r+"-"+i}));if(t){a=a.concat(a.map(m))}}return a}function x(r){return r.replace(/left|right|bottom|top/g,(function(r){return o[r]}))}function A(r){return __assign({top:0,right:0,bottom:0,left:0},r)}function k(r){return typeof r!=="number"?A(r):{top:r,right:r,bottom:r,left:r}}function O(r){var t=r.x,n=r.y,e=r.width,i=r.height;return{width:e,height:i,top:n,left:t,right:t+e,bottom:n+i,x:t,y:n}}function S(r,t,n){var e=r.reference,i=r.floating;var a=_(t);var u=g(t);var o=h(u);var f=v(t);var c=a==="y";var s=e.x+e.width/2-i.width/2;var d=e.y+e.height/2-i.height/2;var y=e[o]/2-i[o]/2;var p;switch(f){case"top":p={x:s,y:e.y-i.height};break;case"bottom":p={x:s,y:e.y+e.height};break;case"right":p={x:e.x+e.width,y:d};break;case"left":p={x:e.x-i.width,y:d};break;default:p={x:e.x,y:e.y}}switch(l(t)){case"start":p[u]-=y*(n&&c?-1:1);break;case"end":p[u]+=y*(n&&c?-1:1);break}return p}var R=function(r,n,e){return __awaiter(t,void 0,void 0,(function(){var t,i,a,u,o,f,c,s,v,l,d,h,_,g,y,p,m,b,w,x,A,k,O,R,j,F;var T,M;return __generator(this,(function(P){switch(P.label){case 0:t=e.placement,i=t===void 0?"bottom":t,a=e.strategy,u=a===void 0?"absolute":a,o=e.middleware,f=o===void 0?[]:o,c=e.platform;s=f.filter(Boolean);return[4,c.isRTL==null?void 0:c.isRTL(n)];case 1:v=P.sent();return[4,c.getElementRects({reference:r,floating:n,strategy:u})];case 2:l=P.sent();d=S(l,i,v),h=d.x,_=d.y;g=i;y={};p=0;m=0;P.label=3;case 3:if(!(m<s.length))return[3,11];b=s[m],w=b.name,x=b.fn;return[4,x({x:h,y:_,initialPlacement:i,placement:g,strategy:u,middlewareData:y,rects:l,platform:c,elements:{reference:r,floating:n}})];case 4:A=P.sent(),k=A.x,O=A.y,R=A.data,j=A.reset;h=k!=null?k:h;_=O!=null?O:_;y=__assign(__assign({},y),(T={},T[w]=__assign(__assign({},y[w]),R),T));if(!(j&&p<=50))return[3,10];p++;if(!(typeof j==="object"))return[3,9];if(j.placement){g=j.placement}if(!j.rects)return[3,8];if(!(j.rects===true))return[3,6];return[4,c.getElementRects({reference:r,floating:n,strategy:u})];case 5:F=P.sent();return[3,7];case 6:F=j.rects;P.label=7;case 7:l=F;P.label=8;case 8:M=S(l,g,v),h=M.x,_=M.y;P.label=9;case 9:m=-1;P.label=10;case 10:m++;return[3,3];case 11:return[2,{x:h,y:_,placement:g,strategy:u,middlewareData:y}]}}))}))};function j(r,t){return __awaiter(this,void 0,void 0,(function(){var n,e,i,a,u,o,f,c,v,l,d,h,_,g,y,p,m,b,w,x,A,S,R,j,F,T,M,P,E,L,C,D,I,z;var N;return __generator(this,(function(q){switch(q.label){case 0:if(t===void 0){t={}}e=r.x,i=r.y,a=r.platform,u=r.rects,o=r.elements,f=r.strategy;c=s(t,r),v=c.boundary,l=v===void 0?"clippingAncestors":v,d=c.rootBoundary,h=d===void 0?"viewport":d,_=c.elementContext,g=_===void 0?"floating":_,y=c.altBoundary,p=y===void 0?false:y,m=c.padding,b=m===void 0?0:m;w=k(b);x=g==="floating"?"reference":"floating";A=o[p?x:g];R=O;F=(j=a).getClippingRect;N={};return[4,a.isElement==null?void 0:a.isElement(A)];case 1:if(!((n=q.sent())!=null?n:true))return[3,2];T=A;return[3,5];case 2:M=A.contextElement;if(M)return[3,4];return[4,a.getDocumentElement==null?void 0:a.getDocumentElement(o.floating)];case 3:M=q.sent();q.label=4;case 4:T=M;q.label=5;case 5:return[4,F.apply(j,[(N.element=T,N.boundary=l,N.rootBoundary=h,N.strategy=f,N)])];case 6:S=R.apply(void 0,[q.sent()]);P=g==="floating"?{x:e,y:i,width:u.floating.width,height:u.floating.height}:u.reference;return[4,a.getOffsetParent==null?void 0:a.getOffsetParent(o.floating)];case 7:E=q.sent();return[4,a.isElement==null?void 0:a.isElement(E)];case 8:if(!q.sent())return[3,10];return[4,a.getScale==null?void 0:a.getScale(E)];case 9:C=q.sent()||{x:1,y:1};return[3,11];case 10:C={x:1,y:1};q.label=11;case 11:L=C;I=O;if(!a.convertOffsetParentRelativeRectToViewportRelativeRect)return[3,13];return[4,a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:o,rect:P,offsetParent:E,strategy:f})];case 12:z=q.sent();return[3,14];case 13:z=P;q.label=14;case 14:D=I.apply(void 0,[z]);return[2,{top:(S.top-D.top+w.top)/L.y,bottom:(D.bottom-S.bottom+w.bottom)/L.y,left:(S.left-D.left+w.left)/L.x,right:(D.right-S.right+w.right)/L.x}]}}))}))}var F=function(r){if(r===void 0){r={}}return{name:"flip",options:r,fn:function(t){return __awaiter(this,void 0,void 0,(function(){var n,e,i,a,u,o,f,c,l,d,h,g,m,b,A,k,O,S,R,F,T,M,P,E,L,C,D,I,z,N,q,B,G,H,V,$,J,K,Q,U,W,X;return __generator(this,(function(Y){switch(Y.label){case 0:i=t.placement,a=t.middlewareData,u=t.rects,o=t.initialPlacement,f=t.platform,c=t.elements;l=s(r,t),d=l.mainAxis,h=d===void 0?true:d,g=l.crossAxis,m=g===void 0?true:g,b=l.fallbackPlacements,A=l.fallbackStrategy,k=A===void 0?"bestFit":A,O=l.fallbackAxisSideDirection,S=O===void 0?"none":O,R=l.flipAlignment,F=R===void 0?true:R,T=__rest(l,["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","fallbackAxisSideDirection","flipAlignment"]);if((n=a.arrow)!=null&&n.alignmentOffset){return[2,{}]}M=v(i);P=_(o);E=v(o)===o;return[4,f.isRTL==null?void 0:f.isRTL(c.floating)];case 1:L=Y.sent();C=b||(E||!F?[x(o)]:p(o));D=S!=="none";if(!b&&D){C.push.apply(C,w(o,F,S,L))}I=__spreadArray([o],C,true);return[4,j(t,T)];case 2:z=Y.sent();N=[];q=((e=a.flip)==null?void 0:e.overflows)||[];if(h){N.push(z[M])}if(m){B=y(i,u,L);N.push(z[B[0]],z[B[1]])}q=__spreadArray(__spreadArray([],q,true),[{placement:i,overflows:N}],false);if(!N.every((function(r){return r<=0}))){V=(((G=a.flip)==null?void 0:G.index)||0)+1;$=I[V];if($){K=m==="alignment"?P!==_($):false;Q=((J=q[0])==null?void 0:J.overflows[0])>0;if(!K||Q){return[2,{data:{index:V,overflows:q},reset:{placement:$}}]}}U=(H=q.filter((function(r){return r.overflows[0]<=0})).sort((function(r,t){return r.overflows[1]-t.overflows[1]}))[0])==null?void 0:H.placement;if(!U){switch(k){case"bestFit":{X=(W=q.filter((function(r){if(D){var t=_(r.placement);return t===P||t==="y"}return true})).map((function(r){return[r.placement,r.overflows.filter((function(r){return r>0})).reduce((function(r,t){return r+t}),0)]})).sort((function(r,t){return r[1]-t[1]}))[0])==null?void 0:W[0];if(X){U=X}break}case"initialPlacement":U=o;break}}if(i!==U){return[2,{reset:{placement:U}}]}}return[2,{}]}}))}))}}};function T(r,t){return __awaiter(this,void 0,void 0,(function(){var n,e,i,a,u,o,f,c,d,h,g,y,p,m;return __generator(this,(function(b){switch(b.label){case 0:n=r.placement,e=r.platform,i=r.elements;return[4,e.isRTL==null?void 0:e.isRTL(i.floating)];case 1:a=b.sent();u=v(n);o=l(n);f=_(n)==="y";c=["left","top"].includes(u)?-1:1;d=a&&f?-1:1;h=s(t,r);g=typeof h==="number"?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis},y=g.mainAxis,p=g.crossAxis,m=g.alignmentAxis;if(o&&typeof m==="number"){p=o==="end"?m*-1:m}return[2,f?{x:p*d,y:y*c}:{x:y*c,y:p*d}]}}))}))}var M=function(r){if(r===void 0){r=0}return{name:"offset",options:r,fn:function(t){return __awaiter(this,void 0,void 0,(function(){var n,e,i,a,u,o,f;return __generator(this,(function(c){switch(c.label){case 0:i=t.x,a=t.y,u=t.placement,o=t.middlewareData;return[4,T(t,r)];case 1:f=c.sent();if(u===((n=o.offset)==null?void 0:n.placement)&&(e=o.arrow)!=null&&e.alignmentOffset){return[2,{}]}return[2,{x:i+f.x,y:a+f.y,data:__assign(__assign({},f),{placement:u})}]}}))}))}}};var P=function(r){if(r===void 0){r={}}return{name:"shift",options:r,fn:function(t){return __awaiter(this,void 0,void 0,(function(){var n,e,i,a,u,o,f,l,h,g,y,p,m,b,w,x,A,k,O,S,R,k,O,F,T,M;var P,E;return __generator(this,(function(L){switch(L.label){case 0:n=t.x,e=t.y,i=t.placement;a=s(r,t),u=a.mainAxis,o=u===void 0?true:u,f=a.crossAxis,l=f===void 0?false:f,h=a.limiter,g=h===void 0?{fn:function(r){var t=r.x,n=r.y;return{x:t,y:n}}}:h,y=__rest(a,["mainAxis","crossAxis","limiter"]);p={x:n,y:e};return[4,j(t,y)];case 1:m=L.sent();b=_(v(i));w=d(b);x=p[w];A=p[b];if(o){k=w==="y"?"top":"left";O=w==="y"?"bottom":"right";S=x+m[k];R=x-m[O];x=c(S,x,R)}if(l){k=b==="y"?"top":"left";O=b==="y"?"bottom":"right";F=A+m[k];T=A-m[O];A=c(F,A,T)}M=g.fn(__assign(__assign({},t),(P={},P[w]=x,P[b]=A,P)));return[2,__assign(__assign({},M),{data:{x:M.x-n,y:M.y-e,enabled:(E={},E[w]=o,E[b]=l,E)}})]}}))}))}}};function E(){return typeof window!=="undefined"}function L(r){if(I(r)){return(r.nodeName||"").toLowerCase()}return"#document"}function C(r){var t;return(r==null||(t=r.ownerDocument)==null?void 0:t.defaultView)||window}function D(r){var t;return(t=(I(r)?r.ownerDocument:r.document)||window.document)==null?void 0:t.documentElement}function I(r){if(!E()){return false}return r instanceof Node||r instanceof C(r).Node}function z(r){if(!E()){return false}return r instanceof Element||r instanceof C(r).Element}function N(r){if(!E()){return false}return r instanceof HTMLElement||r instanceof C(r).HTMLElement}function q(r){if(!E()||typeof ShadowRoot==="undefined"){return false}return r instanceof ShadowRoot||r instanceof C(r).ShadowRoot}function B(r){var t=Q(r),n=t.overflow,e=t.overflowX,i=t.overflowY,a=t.display;return/auto|scroll|overlay|hidden|clip/.test(n+i+e)&&!["inline","contents"].includes(a)}function G(r){return["table","td","th"].includes(L(r))}function H(r){return[":popover-open",":modal"].some((function(t){try{return r.matches(t)}catch(r){return false}}))}function V(r){var t=J();var n=z(r)?Q(r):r;return["transform","translate","scale","rotate","perspective"].some((function(r){return n[r]?n[r]!=="none":false}))||(n.containerType?n.containerType!=="normal":false)||!t&&(n.backdropFilter?n.backdropFilter!=="none":false)||!t&&(n.filter?n.filter!=="none":false)||["transform","translate","scale","rotate","perspective","filter"].some((function(r){return(n.willChange||"").includes(r)}))||["paint","layout","strict","content"].some((function(r){return(n.contain||"").includes(r)}))}function $(r){var t=W(r);while(N(t)&&!K(t)){if(V(t)){return t}else if(H(t)){return null}t=W(t)}return null}function J(){if(typeof CSS==="undefined"||!CSS.supports)return false;return CSS.supports("-webkit-backdrop-filter","none")}function K(r){return["html","body","#document"].includes(L(r))}function Q(r){return C(r).getComputedStyle(r)}function U(r){if(z(r)){return{scrollLeft:r.scrollLeft,scrollTop:r.scrollTop}}return{scrollLeft:r.scrollX,scrollTop:r.scrollY}}function W(r){if(L(r)==="html"){return r}var t=r.assignedSlot||r.parentNode||q(r)&&r.host||D(r);return q(t)?t.host:t}function X(r){var t=W(r);if(K(t)){return r.ownerDocument?r.ownerDocument.body:r.body}if(N(t)&&B(t)){return t}return X(t)}function Y(r,t,n){var e;if(t===void 0){t=[]}if(n===void 0){n=true}var i=X(r);var a=i===((e=r.ownerDocument)==null?void 0:e.body);var u=C(i);if(a){var o=Z(u);return t.concat(u,u.visualViewport||[],B(i)?i:[],o&&n?Y(o):[])}return t.concat(i,Y(i,[],n))}function Z(r){return r.parent&&Object.getPrototypeOf(r.parent)?r.frameElement:null}function rr(r){var t=Q(r);var n=parseFloat(t.width)||0;var e=parseFloat(t.height)||0;var a=N(r);var u=a?r.offsetWidth:n;var o=a?r.offsetHeight:e;var f=i(n)!==u||i(e)!==o;if(f){n=u;e=o}return{width:n,height:e,$:f}}function tr(r){return!z(r)?r.contextElement:r}function nr(r){var t=tr(r);if(!N(t)){return u(1)}var n=t.getBoundingClientRect();var e=rr(t),a=e.width,o=e.height,f=e.$;var c=(f?i(n.width):n.width)/a;var s=(f?i(n.height):n.height)/o;if(!c||!Number.isFinite(c)){c=1}if(!s||!Number.isFinite(s)){s=1}return{x:c,y:s}}var er=u(0);function ir(r){var t=C(r);if(!J()||!t.visualViewport){return er}return{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function ar(r,t,n){if(t===void 0){t=false}if(!n||t&&n!==C(r)){return false}return t}function ur(r,t,n,e){if(t===void 0){t=false}if(n===void 0){n=false}var i=r.getBoundingClientRect();var a=tr(r);var o=u(1);if(t){if(e){if(z(e)){o=nr(e)}}else{o=nr(r)}}var f=ar(a,n,e)?ir(a):u(0);var c=(i.left+f.x)/o.x;var s=(i.top+f.y)/o.y;var v=i.width/o.x;var l=i.height/o.y;if(a){var d=C(a);var h=e&&z(e)?C(e):e;var _=d;var g=Z(_);while(g&&e&&h!==_){var y=nr(g);var p=g.getBoundingClientRect();var m=Q(g);var b=p.left+(g.clientLeft+parseFloat(m.paddingLeft))*y.x;var w=p.top+(g.clientTop+parseFloat(m.paddingTop))*y.y;c*=y.x;s*=y.y;v*=y.x;l*=y.y;c+=b;s+=w;_=C(g);g=Z(_)}}return O({width:v,height:l,x:c,y:s})}function or(r,t){var n=U(r).scrollLeft;if(!t){return ur(D(r)).left+n}return t.left+n}function fr(r,t,n){if(n===void 0){n=false}var e=r.getBoundingClientRect();var i=e.left+t.scrollLeft-(n?0:or(r,e));var a=e.top+t.scrollTop;return{x:i,y:a}}function cr(r){var t=r.elements,n=r.rect,e=r.offsetParent,i=r.strategy;var a=i==="fixed";var o=D(e);var f=t?H(t.floating):false;if(e===o||f&&a){return n}var c={scrollLeft:0,scrollTop:0};var s=u(1);var v=u(0);var l=N(e);if(l||!l&&!a){if(L(e)!=="body"||B(o)){c=U(e)}if(N(e)){var d=ur(e);s=nr(e);v.x=d.x+e.clientLeft;v.y=d.y+e.clientTop}}var h=o&&!l&&!a?fr(o,c,true):u(0);return{width:n.width*s.x,height:n.height*s.y,x:n.x*s.x-c.scrollLeft*s.x+v.x+h.x,y:n.y*s.y-c.scrollTop*s.y+v.y+h.y}}function sr(r){return Array.from(r.getClientRects())}function vr(r){var t=D(r);var n=U(r);var i=r.ownerDocument.body;var a=e(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth);var u=e(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight);var o=-n.scrollLeft+or(r);var f=-n.scrollTop;if(Q(i).direction==="rtl"){o+=e(t.clientWidth,i.clientWidth)-a}return{width:a,height:u,x:o,y:f}}function lr(r,t){var n=C(r);var e=D(r);var i=n.visualViewport;var a=e.clientWidth;var u=e.clientHeight;var o=0;var f=0;if(i){a=i.width;u=i.height;var c=J();if(!c||c&&t==="fixed"){o=i.offsetLeft;f=i.offsetTop}}return{width:a,height:u,x:o,y:f}}function dr(r,t){var n=ur(r,true,t==="fixed");var e=n.top+r.clientTop;var i=n.left+r.clientLeft;var a=N(r)?nr(r):u(1);var o=r.clientWidth*a.x;var f=r.clientHeight*a.y;var c=i*a.x;var s=e*a.y;return{width:o,height:f,x:c,y:s}}function hr(r,t,n){var e;if(t==="viewport"){e=lr(r,n)}else if(t==="document"){e=vr(D(r))}else if(z(t)){e=dr(t,n)}else{var i=ir(r);e={x:t.x-i.x,y:t.y-i.y,width:t.width,height:t.height}}return O(e)}function _r(r,t){var n=W(r);if(n===t||!z(n)||K(n)){return false}return Q(n).position==="fixed"||_r(n,t)}function gr(r,t){var n=t.get(r);if(n){return n}var e=Y(r,[],false).filter((function(r){return z(r)&&L(r)!=="body"}));var i=null;var a=Q(r).position==="fixed";var u=a?W(r):r;while(z(u)&&!K(u)){var o=Q(u);var f=V(u);if(!f&&o.position==="fixed"){i=null}var c=a?!f&&!i:!f&&o.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||B(u)&&!f&&_r(r,u);if(c){e=e.filter((function(r){return r!==u}))}else{i=o}u=W(u)}t.set(r,e);return e}function yr(r){var t=r.element,i=r.boundary,a=r.rootBoundary,u=r.strategy;var o=i==="clippingAncestors"?H(t)?[]:gr(t,this._c):[].concat(i);var f=__spreadArray(__spreadArray([],o,true),[a],false);var c=f[0];var s=f.reduce((function(r,i){var a=hr(t,i,u);r.top=e(a.top,r.top);r.right=n(a.right,r.right);r.bottom=n(a.bottom,r.bottom);r.left=e(a.left,r.left);return r}),hr(t,c,u));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}}function pr(r){var t=rr(r),n=t.width,e=t.height;return{width:n,height:e}}function mr(r,t,n){var e=N(t);var i=D(t);var a=n==="fixed";var o=ur(r,true,a,t);var f={scrollLeft:0,scrollTop:0};var c=u(0);function s(){c.x=or(i)}if(e||!e&&!a){if(L(t)!=="body"||B(i)){f=U(t)}if(e){var v=ur(t,true,a,t);c.x=v.x+t.clientLeft;c.y=v.y+t.clientTop}else if(i){s()}}if(a&&!e&&i){s()}var l=i&&!e&&!a?fr(i,f):u(0);var d=o.left+f.scrollLeft-c.x-l.x;var h=o.top+f.scrollTop-c.y-l.y;return{x:d,y:h,width:o.width,height:o.height}}function br(r){return Q(r).position==="static"}function wr(r,t){if(!N(r)||Q(r).position==="fixed"){return null}if(t){return t(r)}var n=r.offsetParent;if(D(r)===n){n=n.ownerDocument.body}return n}function xr(r,t){var n=C(r);if(H(r)){return n}if(!N(r)){var e=W(r);while(e&&!K(e)){if(z(e)&&!br(e)){return e}e=W(e)}return n}var i=wr(r,t);while(i&&G(i)&&br(i)){i=wr(i,t)}if(i&&K(i)&&br(i)&&!V(i)){return n}return i||$(r)||n}var Ar=function(r){return __awaiter(this,void 0,void 0,(function(){var t,n,e,i,a;var u;return __generator(this,(function(o){switch(o.label){case 0:t=this.getOffsetParent||xr;n=this.getDimensions;return[4,n(r.floating)];case 1:e=o.sent();u={};i=mr;a=[r.reference];return[4,t(r.floating)];case 2:return[2,(u.reference=i.apply(void 0,a.concat([o.sent(),r.strategy])),u.floating={x:0,y:0,width:e.width,height:e.height},u)]}}))}))};function kr(r){return Q(r).direction==="rtl"}var Or={convertOffsetParentRelativeRectToViewportRelativeRect:cr,getDocumentElement:D,getClippingRect:yr,getOffsetParent:xr,getElementRects:Ar,getClientRects:sr,getDimensions:pr,getScale:nr,isElement:z,isRTL:kr};function Sr(r,t){return r.x===t.x&&r.y===t.y&&r.width===t.width&&r.height===t.height}function Rr(r,t){var i=null;var u;var o=D(r);function f(){var r;clearTimeout(u);(r=i)==null||r.disconnect();i=null}function c(s,v){if(s===void 0){s=false}if(v===void 0){v=1}f();var l=r.getBoundingClientRect();var d=l.left,h=l.top,_=l.width,g=l.height;if(!s){t()}if(!_||!g){return}var y=a(h);var p=a(o.clientWidth-(d+_));var m=a(o.clientHeight-(h+g));var b=a(d);var w=-y+"px "+-p+"px "+-m+"px "+-b+"px";var x={rootMargin:w,threshold:e(0,n(1,v))||1};var A=true;function k(t){var n=t[0].intersectionRatio;if(n!==v){if(!A){return c()}if(!n){u=setTimeout((function(){c(false,1e-7)}),1e3)}else{c(false,n)}}if(n===1&&!Sr(l,r.getBoundingClientRect())){c()}A=false}try{i=new IntersectionObserver(k,__assign(__assign({},x),{root:o.ownerDocument}))}catch(r){i=new IntersectionObserver(k,x)}i.observe(r)}c(true);return f}function jr(r,t,n,e){if(e===void 0){e={}}var i=e.ancestorScroll,a=i===void 0?true:i,u=e.ancestorResize,o=u===void 0?true:u,f=e.elementResize,c=f===void 0?typeof ResizeObserver==="function":f,s=e.layoutShift,v=s===void 0?typeof IntersectionObserver==="function":s,l=e.animationFrame,d=l===void 0?false:l;var h=tr(r);var _=a||o?__spreadArray(__spreadArray([],h?Y(h):[],true),Y(t),true):[];_.forEach((function(r){a&&r.addEventListener("scroll",n,{passive:true});o&&r.addEventListener("resize",n)}));var g=h&&v?Rr(h,n):null;var y=-1;var p=null;if(c){p=new ResizeObserver((function(r){var e=r[0];if(e&&e.target===h&&p){p.unobserve(t);cancelAnimationFrame(y);y=requestAnimationFrame((function(){var r;(r=p)==null||r.observe(t)}))}n()}));if(h&&!d){p.observe(h)}p.observe(t)}var m;var b=d?ur(r):null;if(d){w()}function w(){var t=ur(r);if(b&&!Sr(b,t)){n()}b=t;m=requestAnimationFrame(w)}n();return function(){var r;_.forEach((function(r){a&&r.removeEventListener("scroll",n);o&&r.removeEventListener("resize",n)}));g==null||g();(r=p)==null||r.disconnect();p=null;if(d){cancelAnimationFrame(m)}}}var Fr=r("o",M);var Tr=r("s",P);var Mr=r("f",F);var Pr=r("c",(function(r,t,n){var e=new Map;var i=__assign({platform:Or},n);var a=__assign(__assign({},i.platform),{_c:e});return R(r,t,__assign(__assign({},i),{platform:a}))}))}}}));
 //# sourceMappingURL=p-BOmQOnQe.system.js.map