@pine-ds/core 3.5.2 → 3.7.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["pdsBoxCss","PdsBox","exports","class_1","hostRef","this","border","prototype","render","boxClasses","concat","alignItems","undefined","trim","alignItemsXs","alignItemsSm","alignItemsMd","alignItemsLg","alignItemsXl","alignSelf","alignSelfXs","alignSelfSm","alignSelfMd","alignSelfLg","alignSelfXl","auto","autoXs","autoSm","autoMd","autoLg","autoXl","borderRadius","direction","display","fit","fitXs","fitSm","fitMd","fitLg","fitXl","gap","gapXs","gapSm","gapMd","gapLg","gapXl","wrap","wrapXs","wrapSm","wrapMd","wrapLg","wrapXl","flex","includes","justifyContent","justifyContentXs","justifyContentSm","justifyContentMd","justifyContentLg","justifyContentXl","marginBlockStart","marginBlockStartXs","marginBlockStartSm","marginBlockStartMd","marginBlockStartLg","marginBlockStartXl","marginInlineStart","marginInlineStartXs","marginInlineStartSm","marginInlineStartMd","marginInlineStartLg","marginInlineStartXl","marginInlineEnd","marginInlineEndXs","marginInlineEndSm","marginInlineEndMd","marginInlineEndLg","marginInlineEndXl","marginBlockEnd","marginBlockEndXs","marginBlockEndSm","marginBlockEndMd","marginBlockEndLg","marginBlockEndXl","offset","offsetXs","offsetSm","offsetMd","offsetLg","offsetXl","padding","paddingXs","paddingSm","paddingMd","paddingLg","paddingXl","paddingBlockStart","paddingBlockStartXs","paddingBlockStartSm","paddingBlockStartMd","paddingBlockStartLg","paddingBlockStartXl","paddingBlockEnd","paddingBlockEndXs","paddingBlockEndSm","paddingBlockEndMd","paddingBlockEndLg","paddingBlockEndXl","paddingInlineStart","paddingInlineStartXs","paddingInlineStartSm","paddingInlineStartMd","paddingInlineStartLg","paddingInlineStartXl","paddingInlineEnd","paddingInlineEndXs","paddingInlineEndSm","paddingInlineEndMd","paddingInlineEndLg","paddingInlineEndXl","shadow","size","sizeXs","sizeSm","sizeMd","sizeLg","sizeXl","normalizedBackground","normalizeColorValue","backgroundColor","normalizedBorder","borderColor","boxInlineStyles","Object","assign","minHeight","minWidth","h","Host","key","class","style"],"sources":["src/components/pds-box/pds-box.scss?tag=pds-box","src/components/pds-box/pds-box.tsx"],"sourcesContent":["@use './pds-box.mixins' as *;\n\npds-box {\n  --border-width-default: var(--pine-border-width-thin);\n  --color-background-box: inherit;\n  --color-border-box: inherit;\n\n  display: block;\n}\n\n[class*='pds-box'] {\n  background-color: var(--color-background-box);\n  box-sizing: border-box;\n  display: inline-flex;\n\n  &[min-height] {\n    min-height: var(--sizing-min-height-box);\n  }\n\n  &[min-width] {\n    min-width: var(--sizing-min-width-box);\n  }\n\n  // The immediate child of the row will fit the width of the row\n  .pds-row > & {\n    position: relative;\n    width: 100%;\n\n    &.pds-box--auto {\n      width: auto;\n    }\n  }\n}\n\n// Spacing mixin\n$pine-spacing-tokens: (\n  xxs: 4px,\n  xs: 8px,\n  sm: 16px,\n  md: 24px,\n  lg: 36px,\n  xl: 48px,\n  xxl: 64px,\n);\n\n// Generate spacing classes\n@include generate-spacing-classes(false, $pine-spacing-tokens);\n@include generate-spacing-classes('top', $pine-spacing-tokens);\n@include generate-spacing-classes('right', $pine-spacing-tokens);\n@include generate-spacing-classes('left', $pine-spacing-tokens);\n@include generate-spacing-classes('bottom', $pine-spacing-tokens);\n\n// Base offset classes\n@include generate-column-offsets(false, 12);\n\n// Responsive offset classes\n@media (max-width: 575px) {\n  @include generate-column-offsets('xs', 12);\n}\n\n@media (min-width: 576px) {\n  @include generate-column-offsets('sm', 12);\n}\n\n@media (min-width: 768px) {\n  @include generate-column-offsets('md', 12);\n}\n\n@media (min-width: 992px) {\n  @include generate-column-offsets('lg', 12);\n}\n\n@media (min-width: 1200px) {\n  @include generate-column-offsets('xl', 12);\n}\n\n\n// Base column width classes\n@include generate-columns(false, 12);\n\n// Responsive column width classes\n@media (max-width: 575px) {\n  @include generate-columns('xs', 12);\n}\n\n@media (min-width: 576px) {\n  @include generate-columns('sm', 12);\n}\n\n@media (min-width: 768px) {\n  @include generate-columns('md', 12);\n}\n\n@media (min-width: 992px) {\n  @include generate-columns('lg', 12);\n}\n\n@media (min-width: 1200px) {\n  @include generate-columns('xl', 12);\n}\n\n.pds-box {\n  flex-basis: 0;\n  flex-grow: 1;\n}\n\n.pds-row > .pds-box[class*='pds-box-'] {\n  flex-basis: auto;\n}\n\n.pds-box--auto {\n  flex: 0 0 var(--sizing-min-width-box, fit-content);\n  min-width: auto;\n  width: auto;\n}\n\n.pds-box--fit {\n  max-width: 100%;\n  min-width: 100%;\n  width: 100%;\n}\n\n.pds-box--border {\n  border-color: var(--color-border-box, var(--pine-color-grey-300));\n  border-style: solid;\n  border-width: var(--border-width-default);\n}\n\n// Display helpers\n.pds-box--display-flex {\n  display: flex;\n}\n\n.pds-box--display-inline-flex {\n  display: inline-flex;\n}\n\n.pds-box--display-block {\n  display: block;\n}\n\n.pds-box--display-inline-block {\n  display: inline-block;\n}\n\n// Flex helpers\n.pds-box--flex-none {\n  flex: 0 0 auto;\n}\n\n.pds-box--flex-grow {\n  flex: 1 1 auto\n}\n\n.pds-box--flex-shrink {\n  flex: 0 0 auto;\n}\n\n// Border radius helpers\n.pds-border-radius-none {\n  border-radius: 0;\n}\n\n.pds-border-radius-xs {\n  border-radius: var(--pine-dimension-2xs);\n}\n\n.pds-border-radius-sm {\n  border-radius: var(--pine-dimension-xs);\n}\n\n.pds-border-radius-md {\n  border-radius: var(--pine-dimension-125);\n}\n\n.pds-border-radius-lg {\n  border-radius: var(--pine-dimension-sm);\n}\n\n.pds-border-radius-circle {\n  border-radius: var(--pine-border-radius-full);\n}\n\n// Box shadow helpers\n.pds-shadow-050 {\n  box-shadow: var(--pine-box-shadow-050);\n}\n\n.pds-shadow-100 {\n  box-shadow: var(--pine-box-shadow-100);\n}\n\n.pds-shadow-150 {\n  box-shadow: var(--pine-box-shadow-150);\n}\n\n.pds-shadow-200 {\n  box-shadow: var(--pine-box-shadow-200);\n}\n\n.pds-shadow-300 {\n  box-shadow: var(--pine-box-shadow-300);\n}\n\n.pds-shadow-400 {\n  box-shadow: var(--pine-box-shadow-400);\n}\n\n.pds-shadow-500 {\n  box-shadow: var(--pine-box-shadow-500);\n}\n\n\n.pds-shadow-xs {\n  box-shadow: var(--pine-box-shadow-050);\n}\n\n.pds-shadow-sm {\n  box-shadow: var(--pine-box-shadow-100);\n}\n\n.pds-shadow-md {\n  box-shadow: var(--pine-box-shadow-150);\n}\n\n.pds-shadow-lg {\n  box-shadow: var(--pine-box-shadow-200);\n}\n\n// Gap helpers\n.pds-box-gap-none {\n  gap: 0;\n}\n\n.pds-box-gap-xxs {\n  gap: var(--pine-dimension-2xs);\n}\n\n.pds-box-gap-xs {\n  gap: var(--pine-dimension-xs);\n}\n\n.pds-box-gap-sm {\n  gap: var(--pine-dimension-sm);\n}\n\n.pds-box-gap-md {\n  gap: var(--pine-dimension-md);\n}\n\n.pds-box-gap-lg {\n  gap: var(--pine-dimension-lg);\n}\n\n.pds-box-gap-xl {\n  gap: var(--pine-dimension-xl);\n}\n\n.pds-box-gap-xxl {\n  gap: var(--pine-dimension-2xl);\n}\n\n// Margin helpers\n.pds-margin-block-start-xxs {\n  margin-block-start: var(--pine-dimension-2xs);\n}\n\n.pds-margin-block-start-xs {\n  margin-block-start: var(--pine-dimension-xs);\n}\n\n.pds-margin-block-start-sm {\n  margin-block-start: var(--pine-dimension-sm);\n}\n\n.pds-margin-block-start-md {\n  margin-block-start: var(--pine-dimension-md);\n}\n\n.pds-margin-block-start-lg {\n  margin-block-start: var(--pine-dimension-lg);\n}\n\n.pds-margin-block-start-xl {\n  margin-block-start: var(--pine-dimension-xl);\n}\n\n.pds-margin-block-start-xxl {\n  margin-block-start: var(--pine-dimension-2xl);\n}\n\n.pds-margin-inline-start-none {\n  margin-inline-start: 0;\n}\n\n.pds-margin-inline-start-xxs {\n  margin-inline-start: var(--pine-dimension-2xs);\n}\n\n.pds-margin-inline-start-xs {\n  margin-inline-start: var(--pine-dimension-xs);\n}\n\n.pds-margin-inline-start-sm {\n  margin-inline-start: var(--pine-dimension-sm);\n}\n\n.pds-margin-inline-start-md {\n  margin-inline-start: var(--pine-dimension-md);\n}\n\n.pds-margin-inline-start-lg {\n  margin-inline-start: var(--pine-dimension-lg);\n}\n\n.pds-margin-inline-start-xl {\n  margin-inline-start: var(--pine-dimension-xl);\n}\n\n.pds-margin-inline-start-xxl {\n  margin-inline-start: var(--pine-dimension-2xl);\n}\n\n.pds-margin-inline-end-none {\n  margin-inline-end: 0;\n}\n\n.pds-margin-inline-end-xxs {\n  margin-inline-end: var(--pine-dimension-2xs);\n}\n\n.pds-margin-inline-end-xs {\n  margin-inline-end: var(--pine-dimension-xs);\n}\n\n.pds-margin-inline-end-sm {\n  margin-inline-end: var(--pine-dimension-sm);\n}\n\n.pds-margin-inline-end-md {\n  margin-inline-end: var(--pine-dimension-md);\n}\n\n.pds-margin-inline-end-lg {\n  margin-inline-end: var(--pine-dimension-lg);\n}\n\n.pds-margin-inline-end-xl {\n  margin-inline-end: var(--pine-dimension-xl);\n}\n\n.pds-margin-inline-end-xxl {\n  margin-inline-end: var(--pine-dimension-2xl);\n}\n\n.pds-margin-block-end-none {\n  margin-block-end: 0;\n}\n\n.pds-margin-block-end-xxs {\n  margin-block-end: var(--pine-dimension-2xs);\n}\n\n.pds-margin-block-end-xs {\n  margin-block-end: var(--pine-dimension-xs);\n}\n\n.pds-margin-block-end-sm {\n  margin-block-end: var(--pine-dimension-sm);\n}\n\n.pds-margin-block-end-md {\n  margin-block-end: var(--pine-dimension-md);\n}\n\n.pds-margin-block-end-lg {\n  margin-block-end: var(--pine-dimension-lg);\n}\n\n.pds-margin-block-end-xl {\n  margin-block-end: var(--pine-dimension-xl);\n}\n\n.pds-margin-block-end-xxl {\n  margin-block-end: var(--pine-dimension-2xl);\n}\n\n// Padding helpers\n.pds-padding-none {\n  padding: 0;\n}\n\n.pds-padding-xxs {\n  padding: var(--pine-dimension-2xs);\n}\n\n.pds-padding-xs {\n  padding: var(--pine-dimension-xs);\n}\n\n.pds-padding-sm {\n  padding: var(--pine-dimension-sm);\n}\n\n.pds-padding-md {\n  padding: var(--pine-dimension-md);\n}\n\n.pds-padding-lg {\n  padding: var(--pine-dimension-lg);\n}\n\n.pds-padding-xl {\n  padding: var(--pine-dimension-xl);\n}\n\n.pds-padding-xxl {\n  padding: var(--pine-dimension-2xl);\n}\n\n// Padding block start helpers\n.pds-padding-block-start-none {\n  padding-block-start: var(--pine-dimension-none);\n}\n\n.pds-padding-block-start-xxs {\n  padding-block-start: var(--pine-dimension-2xs);\n}\n\n.pds-padding-block-start-xs {\n  padding-block-start: var(--pine-dimension-xs);\n}\n\n.pds-padding-block-start-sm {\n  padding-block-start: var(--pine-dimension-sm);\n}\n\n.pds-padding-block-start-md {\n  padding-block-start: var(--pine-dimension-md);\n}\n\n.pds-padding-block-start-lg {\n  padding-block-start: var(--pine-dimension-lg);\n}\n\n.pds-padding-block-start-xl {\n  padding-block-start: var(--pine-dimension-xl);\n}\n\n.pds-padding-block-start-xxl {\n  padding-block-start: var(--pine-dimension-2xl);\n}\n\n// Padding block end helpers\n.pds-padding-block-end-none {\n  padding-block-end: var(--pine-dimension-none);\n}\n\n.pds-padding-block-end-xxs {\n  padding-block-end: var(--pine-dimension-2xs);\n}\n\n.pds-padding-block-end-xs {\n  padding-block-end: var(--pine-dimension-xs);\n}\n\n.pds-padding-block-end-sm {\n  padding-block-end: var(--pine-dimension-sm);\n}\n\n.pds-padding-block-end-md {\n  padding-block-end: var(--pine-dimension-md);\n}\n\n.pds-padding-block-end-lg {\n  padding-block-end: var(--pine-dimension-lg);\n}\n\n.pds-padding-block-end-xl {\n  padding-block-end: var(--pine-dimension-xl);\n}\n\n.pds-padding-block-end-xxl {\n  padding-block-end: var(--pine-dimension-2xl);\n}\n\n// Padding inline start helpers\n.pds-padding-inline-start-none {\n  padding-inline-start: var(--pine-dimension-none);\n}\n\n.pds-padding-inline-start-xxs {\n  padding-inline-start: var(--pine-dimension-2xs);\n}\n\n.pds-padding-inline-start-xs {\n  padding-inline-start: var(--pine-dimension-xs);\n}\n\n.pds-padding-inline-start-sm {\n  padding-inline-start: var(--pine-dimension-sm);\n}\n\n.pds-padding-inline-start-md {\n  padding-inline-start: var(--pine-dimension-md);\n}\n\n.pds-padding-inline-start-lg {\n  padding-inline-start: var(--pine-dimension-lg);\n}\n\n.pds-padding-inline-start-xl {\n  padding-inline-start: var(--pine-dimension-xl);\n}\n\n.pds-padding-inline-start-xxl {\n  padding-inline-start: var(--pine-dimension-2xl);\n}\n\n// Padding inline end helpers\n.pds-padding-inline-end-none {\n  padding-inline-end: var(--pine-dimension-none);\n}\n\n.pds-padding-inline-end-xxs {\n  padding-inline-end: var(--pine-dimension-2xs);\n}\n\n.pds-padding-inline-end-xs {\n  padding-inline-end: var(--pine-dimension-xs);\n}\n\n.pds-padding-inline-end-sm {\n  padding-inline-end: var(--pine-dimension-sm);\n}\n\n.pds-padding-inline-end-md {\n  padding-inline-end: var(--pine-dimension-md);\n}\n\n.pds-padding-inline-end-lg {\n  padding-inline-end: var(--pine-dimension-lg);\n}\n\n.pds-padding-inline-end-xl {\n  padding-inline-end: var(--pine-dimension-xl);\n}\n\n.pds-padding-inline-end-xxl {\n  padding-inline-end: var(--pine-dimension-2xl);\n}\n\n\n// Display helpers\n.pds-box-display-block {\n  display: block;\n}\n\n.pds-box-display-inline-block {\n  display: inline-block;\n}\n\n.pds-box-display-flex {\n  display: flex;\n}\n\n.pds-box-display-inline-flex {\n  display: inline-flex;\n}\n\n// Flex Direction helpers\n.pds-box-direction-row {\n  flex-direction: row;\n}\n\n.pds-box-direction-column {\n  flex-direction: column;\n}\n\n// Flex Wrap helpers\n.pds-box--wrap {\n  flex-wrap: wrap;\n}\n\n// Maps for flex properties\n$justify-content-values: (\n  'start': start,\n  'center': center,\n  'end': end,\n  'space-between': space-between,\n  'space-around': space-around,\n  'space-evenly': space-evenly\n);\n\n$align-items-values: (\n  'start': start,\n  'center': center,\n  'end': end,\n  'baseline': baseline,\n  'stretch': stretch\n);\n\n$align-self-values: (\n  'start': start,\n  'center': center,\n  'end': end,\n  'baseline': baseline,\n  'stretch': stretch\n);\n\n$breakpoints: (\n  'xs': '(max-width: 575px)',\n  'sm': '(min-width: 576px)',\n  'md': '(min-width: 768px)',\n  'lg': '(min-width: 992px)',\n  'xl': '(min-width: 1200px)'\n);\n\n// Justify Content helpers\n@each $name, $value in $justify-content-values {\n  .pds-justify-content-#{$name} {\n    justify-content: $value;\n  }\n}\n\n// Responsive Justify Content helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    @each $name, $value in $justify-content-values {\n      .pds-justify-content-#{$breakpoint-name}-#{$name} {\n        justify-content: $value;\n      }\n    }\n  }\n}\n\n// Align Items helpers\n@each $name, $value in $align-items-values {\n  .pds-align-items-#{$name} {\n    align-items: $value;\n  }\n}\n\n// Responsive Align Items helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    @each $name, $value in $align-items-values {\n      .pds-align-items-#{$breakpoint-name}-#{$name} {\n        align-items: $value;\n      }\n    }\n  }\n}\n\n// Align Self helpers\n@each $name, $value in $align-self-values {\n  .pds-align-self-#{$name} {\n    align-self: $value;\n  }\n}\n\n// Responsive Align Self helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    @each $name, $value in $align-self-values {\n      .pds-align-self-#{$breakpoint-name}-#{$name} {\n        align-self: $value;\n      }\n    }\n  }\n}\n\n// Responsive Flex Wrap helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    .pds-box--wrap-#{$breakpoint-name} {\n      flex-wrap: wrap;\n    }\n  }\n}\n\n// Responsive Auto helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    .pds-box--auto-#{$breakpoint-name} {\n      flex: 0 0 var(--sizing-min-width-box, fit-content);\n      min-width: auto;\n      width: auto;\n    }\n  }\n}\n\n// Responsive Fit helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    .pds-box--fit-#{$breakpoint-name} {\n      max-width: 100%;\n      min-width: 100%;\n      width: 100%;\n    }\n  }\n}\n\n// Responsive Gap helpers\n$gap-values: (\n  'none': 0,\n  'xxs': var(--pine-dimension-2xs),\n  'xs': var(--pine-dimension-xs),\n  'sm': var(--pine-dimension-sm),\n  'md': var(--pine-dimension-md),\n  'lg': var(--pine-dimension-lg),\n  'xl': var(--pine-dimension-xl),\n  'xxl': var(--pine-dimension-2xl)\n);\n\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    @each $name, $value in $gap-values {\n      .pds-box-gap-#{$breakpoint-name}-#{$name} {\n        gap: $value;\n      }\n    }\n  }\n}\n\n// Responsive Margin helpers\n$margin-values: (\n  'none': 0,\n  'xxs': var(--pine-dimension-2xs),\n  'xs': var(--pine-dimension-xs),\n  'sm': var(--pine-dimension-sm),\n  'md': var(--pine-dimension-md),\n  'lg': var(--pine-dimension-lg),\n  'xl': var(--pine-dimension-xl),\n  'xxl': var(--pine-dimension-2xl)\n);\n\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    @each $name, $value in $margin-values {\n      .pds-margin-block-start-#{$breakpoint-name}-#{$name} {\n        margin-block-start: $value;\n      }\n\n      .pds-margin-inline-start-#{$breakpoint-name}-#{$name} {\n        margin-inline-start: $value;\n      }\n\n      .pds-margin-inline-end-#{$breakpoint-name}-#{$name} {\n        margin-inline-end: $value;\n      }\n\n      .pds-margin-block-end-#{$breakpoint-name}-#{$name} {\n        margin-block-end: $value;\n      }\n    }\n  }\n}\n\n// Responsive Padding helpers\n$padding-values: (\n  'none': var(--pine-dimension-none),\n  'xxs': var(--pine-dimension-2xs),\n  'xs': var(--pine-dimension-xs),\n  'sm': var(--pine-dimension-sm),\n  'md': var(--pine-dimension-md),\n  'lg': var(--pine-dimension-lg),\n  'xl': var(--pine-dimension-xl),\n  'xxl': var(--pine-dimension-2xl)\n);\n\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    @each $name, $value in $padding-values {\n      .pds-padding-#{$breakpoint-name}-#{$name} {\n        padding: $value;\n      }\n\n      .pds-padding-block-start-#{$breakpoint-name}-#{$name} {\n        padding-block-start: $value;\n      }\n\n      .pds-padding-block-end-#{$breakpoint-name}-#{$name} {\n        padding-block-end: $value;\n      }\n\n      .pds-padding-inline-start-#{$breakpoint-name}-#{$name} {\n        padding-inline-start: $value;\n      }\n\n      .pds-padding-inline-end-#{$breakpoint-name}-#{$name} {\n        padding-inline-end: $value;\n      }\n    }\n  }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\nimport { BoxColumnType, BoxTShirtSizeType, BoxShadowSizeType } from '../../utils/types';\nimport { normalizeColorValue } from '../../utils/utils';\n\n@Component({\n  tag: 'pds-box',\n  styleUrl: 'pds-box.scss',\n})\nexport class PdsBox {\n  /**\n   * Defines how items within the box are aligned.\n   * @defaultValue stretch\n  */\n  @Prop() alignItems?: `start` | `center` | `end` | `baseline` | `stretch` ;\n\n  /**\n   * Defines how items within the box are aligned at the XS breakpoint.\n   * @defaultValue stretch\n  */\n  @Prop() alignItemsXs?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how items within the box are aligned at the SM breakpoint.\n   * @defaultValue stretch\n  */\n  @Prop() alignItemsSm?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how items within the box are aligned at the MD breakpoint.\n   * @defaultValue stretch\n  */\n  @Prop() alignItemsMd?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how items within the box are aligned at the LG breakpoint.\n   * @defaultValue stretch\n  */\n  @Prop() alignItemsLg?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how items within the box are aligned at the XL breakpoint.\n   * @defaultValue stretch\n  */\n  @Prop() alignItemsXl?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how the box is aligned within its container.\n   * @defaultValue stretch\n  */\n  @Prop() alignSelf?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how the box is aligned within its container at the XS breakpoint.\n   *\n  */\n  @Prop() alignSelfXs?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how the box is aligned within its container at the SM breakpoint.\n   *\n  */\n  @Prop() alignSelfSm?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how the box is aligned within its container at the MD breakpoint.\n   *\n  */\n  @Prop() alignSelfMd?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how the box is aligned within its container at the LG breakpoint.\n   *\n  */\n  @Prop() alignSelfLg?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how the box is aligned within its container at the XL breakpoint.\n   *\n  */\n  @Prop() alignSelfXl?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * If `true`, the box will be sized to fit its contents.\n   */\n  @Prop() auto?: boolean;\n\n  /**\n   * If `true`, the box will be sized to fit its contents at the XS breakpoint.\n   */\n  @Prop() autoXs?: boolean;\n\n  /**\n   * If `true`, the box will be sized to fit its contents at the SM breakpoint.\n   */\n  @Prop() autoSm?: boolean;\n\n  /**\n   * If `true`, the box will be sized to fit its contents at the MD breakpoint.\n   */\n  @Prop() autoMd?: boolean;\n\n  /**\n   * If `true`, the box will be sized to fit its contents at the LG breakpoint.\n   */\n  @Prop() autoLg?: boolean;\n\n  /**\n   * If `true`, the box will be sized to fit its contents at the XL breakpoint.\n   */\n  @Prop() autoXl?: boolean;\n\n  /**\n   *  Defines the background-color of the box.\n   */\n  @Prop() backgroundColor?: string;\n\n  /**\n   * If `true`, the box will have a border.\n   */\n  @Prop() border? = false;\n\n  /**\n   *  Defines the border color of the box.\n   */\n  @Prop() borderColor?: string;\n\n  /**\n   * Defines how rounded the box corners are.\n   * @defaultValue none\n   */\n  @Prop() borderRadius?: `none` | `xs`| `sm` | `md` | `lg` | `circle`;\n\n  /**\n   * Defines the orientation of the box items.\n   * @defaultValue row\n   */\n  @Prop() direction?: `row` | `column`;\n\n  /**\n   * Defines the display style of the box.\n   * @defaultValue flex\n  */\n  @Prop() display?: `flex` | `inline-flex` | `block` | `inline-block`;\n\n  /**\n   * If `true`, sets the box `max-width` to `100%`.\n   */\n  @Prop() fit?: boolean;\n\n  /**\n   * If `true`, sets the box `max-width` to `100%` at the XS breakpoint.\n   */\n  @Prop() fitXs?: boolean;\n\n  /**\n   * If `true`, sets the box `max-width` to `100%` at the SM breakpoint.\n   */\n  @Prop() fitSm?: boolean;\n\n  /**\n   * If `true`, sets the box `max-width` to `100%` at the MD breakpoint.\n   */\n  @Prop() fitMd?: boolean;\n\n  /**\n   * If `true`, sets the box `max-width` to `100%` at the LG breakpoint.\n   */\n  @Prop() fitLg?: boolean;\n\n  /**\n   * If `true`, sets the box `max-width` to `100%` at the XL breakpoint.\n   */\n  @Prop() fitXl?: boolean;\n\n  /**\n   * Defines the spacing between the box items.\n   * @defaultValue none\n  */\n  @Prop() gap?: BoxTShirtSizeType;\n\n  /**\n   * Defines the spacing between the box items at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() gapXs?: BoxTShirtSizeType;\n\n  /**\n   * Defines the spacing between the box items at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() gapSm?: BoxTShirtSizeType;\n\n  /**\n   * Defines the spacing between the box items at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() gapMd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the spacing between the box items at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() gapLg?: BoxTShirtSizeType;\n\n  /**\n   * Defines the spacing between the box items at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() gapXl?: BoxTShirtSizeType;\n\n  /**\n   * Defines whether flex items are forced onto one line or can wrap onto multiple lines.\n   * @defaultValue false\n   */\n  @Prop() wrap?: boolean;\n\n  /**\n   * Defines whether flex items can wrap onto multiple lines at the XS breakpoint.\n   * @defaultValue false\n   */\n  @Prop() wrapXs?: boolean;\n\n  /**\n   * Defines whether flex items can wrap onto multiple lines at the SM breakpoint.\n   * @defaultValue false\n   */\n  @Prop() wrapSm?: boolean;\n\n  /**\n   * Defines whether flex items can wrap onto multiple lines at the MD breakpoint.\n   * @defaultValue false\n   */\n  @Prop() wrapMd?: boolean;\n\n  /**\n   * Defines whether flex items can wrap onto multiple lines at the LG breakpoint.\n   * @defaultValue false\n   */\n  @Prop() wrapLg?: boolean;\n\n  /**\n   * Defines whether flex items can wrap onto multiple lines at the XL breakpoint.\n   * @defaultValue false\n   */\n  @Prop() wrapXl?: boolean;\n\n  /**\n   * Defines how a box will grow or shrink to fit the space available in its container.\n   * Can be a predefined value ('none', 'grow', 'shrink') or a custom flex value (e.g., '1', '0 1 auto').\n   * @defaultValue none\n   */\n  @Prop() flex?: `none` | `grow` | `shrink` | string;\n\n  /**\n   * Defines the horizontal alignment of the box items.\n   * @defaultValue start\n  */\n  @Prop() justifyContent?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n  /**\n   * Defines the horizontal alignment of the box items at the XS breakpoint.\n   * @defaultValue start\n  */\n  @Prop() justifyContentXs?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n  /**\n   * Defines the horizontal alignment of the box items at the SM breakpoint.\n   * @defaultValue start\n  */\n  @Prop() justifyContentSm?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n  /**\n   * Defines the horizontal alignment of the box items at the MD breakpoint.\n   * @defaultValue start\n  */\n  @Prop() justifyContentMd?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n  /**\n   * Defines the horizontal alignment of the box items at the LG breakpoint.\n   * @defaultValue start\n  */\n  @Prop() justifyContentLg?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n  /**\n   * Defines the horizontal alignment of the box items at the XL breakpoint.\n   * @defaultValue start\n  */\n  @Prop() justifyContentXl?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n  /**\n   * Defines the box's outer top spacing.\n   * @defaultValue none\n  */\n  @Prop() marginBlockStart?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer top spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockStartXs?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer top spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockStartSm?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer top spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockStartMd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer top spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockStartLg?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer top spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockStartXl?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer left spacing.\n   * @defaultValue none\n  */\n  @Prop() marginInlineStart?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer left spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineStartXs?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer left spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineStartSm?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer left spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineStartMd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer left spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineStartLg?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer left spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineStartXl?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer right spacing.\n   * @defaultValue none\n  */\n  @Prop() marginInlineEnd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer right spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineEndXs?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer right spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineEndSm?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer right spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineEndMd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer right spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineEndLg?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer right spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineEndXl?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer bottom spacing.\n   * @defaultValue none\n  */\n  @Prop() marginBlockEnd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer bottom spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockEndXs?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer bottom spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockEndSm?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer bottom spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockEndMd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer bottom spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockEndLg?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer bottom spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockEndXl?: BoxTShirtSizeType;\n\n  /**\n   * The minimum height of the row. Used in conjunction with alignment props\n   */\n  @Prop({ reflect: true }) minHeight?: string;\n\n  /**\n   * The minimum width of the row. Used in conjunction with alignment props\n   */\n  @Prop({ reflect: true }) minWidth?: string;\n\n  /**\n   * Move columns to the end direction of the row for all screen sizes. Increases the starting margin of a column by specified number of columns.\n   */\n  @Prop() offset?: BoxColumnType;\n\n  /**\n   * Move columns to the end direction of the row for `XS` screen sizes. Increases the starting margin of a column by specified number of columns.\n  */\n  @Prop() offsetXs?: BoxColumnType;\n\n  /**\n   * Move columns to the end direction of the row for `SM` screen sizes. Increases the starting margin of a column by specified number of columns.\n  */\n  @Prop() offsetSm?: BoxColumnType;\n\n  /**\n   * Move columns to the end direction of the row for `MD` screen sizes. Increases the starting margin of a column by specified number of columns.\n  */\n  @Prop() offsetMd?: BoxColumnType;\n\n  /**\n   * Move columns to the end direction of the row for `LG` screen sizes. Increases the starting margin of a column by specified number of columns.\n  */\n  @Prop() offsetLg?: BoxColumnType;\n\n  /**\n   * Move columns to the end direction of the row for `XL` screen sizes. Increases the starting margin of a column by specified number of columns.\n  */\n  @Prop() offsetXl?: BoxColumnType;\n\n  /**\n   * Defines the spacing between the box items.\n   * @defaultValue none\n  */\n  @Prop() padding?: BoxTShirtSizeType;\n\n  /**\n   * Defines the spacing between the box items at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingXs?: BoxTShirtSizeType;\n\n  /**\n   * Defines the spacing between the box items at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingSm?: BoxTShirtSizeType;\n\n  /**\n   * Defines the spacing between the box items at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingMd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the spacing between the box items at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingLg?: BoxTShirtSizeType;\n\n  /**\n   * Defines the spacing between the box items at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingXl?: BoxTShirtSizeType;\n\n\n  /**\n   * Defines the top spacing.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockStart?: BoxTShirtSizeType;\n\n  /**\n   * Defines the top spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockStartXs?: BoxTShirtSizeType;\n\n  /**\n   * Defines the top spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockStartSm?: BoxTShirtSizeType;\n\n  /**\n   * Defines the top spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockStartMd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the top spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockStartLg?: BoxTShirtSizeType;\n\n  /**\n   * Defines the top spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockStartXl?: BoxTShirtSizeType;\n\n  /**\n   * Defines the bottom spacing.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockEnd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the bottom spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockEndXs?: BoxTShirtSizeType;\n\n  /**\n   * Defines the bottom spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockEndSm?: BoxTShirtSizeType;\n\n  /**\n   * Defines the bottom spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockEndMd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the bottom spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockEndLg?: BoxTShirtSizeType;\n\n  /**\n   * Defines the bottom spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockEndXl?: BoxTShirtSizeType;\n\n  /**\n   * Defines the left spacing.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineStart?: BoxTShirtSizeType;\n\n  /**\n   * Defines the left spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineStartXs?: BoxTShirtSizeType;\n\n  /**\n   * Defines the left spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineStartSm?: BoxTShirtSizeType;\n\n  /**\n   * Defines the left spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineStartMd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the left spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineStartLg?: BoxTShirtSizeType;\n\n  /**\n   * Defines the left spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineStartXl?: BoxTShirtSizeType;\n\n  /**\n   * Defines the right spacing.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineEnd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the right spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineEndXs?: BoxTShirtSizeType;\n\n  /**\n   * Defines the right spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineEndSm?: BoxTShirtSizeType;\n\n  /**\n   * Defines the right spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineEndMd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the right spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineEndLg?: BoxTShirtSizeType;\n\n  /**\n   * Defines the right spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineEndXl?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box shadow.\n   * @defaultValue none\n  */\n  @Prop() shadow?: BoxShadowSizeType;\n\n  /**\n   * Sets the default column width for the component. This value applies from the smallest screen size (XS) upwards, unless overridden by a breakpoint-specific size prop at that breakpoint or larger.\n   */\n  @Prop() size?: BoxColumnType;\n\n  /**\n   * At the XS breakpoint, this prop will take the number of columns specified. This overrides the base size prop for this specific range.\n   */\n  @Prop() sizeXs?: BoxColumnType;\n\n  /**\n   * At screen sizes from the SM breakpoint and larger (576px and up), this will take the specified number of columns. This overrides any value set by size or sizeXs.\n   */\n  @Prop() sizeSm?: BoxColumnType;\n\n  /**\n   * At screen sizes from the MD breakpoint and larger (768px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.\n   */\n  @Prop() sizeMd?: BoxColumnType;\n\n  /**\n   * At screen sizes from the LG breakpoint and larger (992px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.\n   */\n  @Prop() sizeLg?: BoxColumnType;\n\n  /**\n   * At screen sizes from the XL breakpoint and larger (1200px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.\n   */\n  @Prop() sizeXl?: BoxColumnType;\n\n\n\n  render() {\n    const boxClasses = `\n    ${this.alignItems !== undefined && this.alignItems.trim() !== '' ? `pds-align-items-${this.alignItems}` : ''}\n    ${this.alignItemsXs !== undefined && this.alignItemsXs.trim() !== '' ? `pds-align-items-xs-${this.alignItemsXs}` : ''}\n    ${this.alignItemsSm !== undefined && this.alignItemsSm.trim() !== '' ? `pds-align-items-sm-${this.alignItemsSm}` : ''}\n    ${this.alignItemsMd !== undefined && this.alignItemsMd.trim() !== '' ? `pds-align-items-md-${this.alignItemsMd}` : ''}\n    ${this.alignItemsLg !== undefined && this.alignItemsLg.trim() !== '' ? `pds-align-items-lg-${this.alignItemsLg}` : ''}\n    ${this.alignItemsXl !== undefined && this.alignItemsXl.trim() !== '' ? `pds-align-items-xl-${this.alignItemsXl}` : ''}\n    ${this.alignSelf !== undefined && this.alignSelf.trim() !== '' ? `pds-align-self-${this.alignSelf}` : ''}\n    ${this.alignSelfXs !== undefined && this.alignSelfXs.trim() !== '' ? `pds-align-self-xs-${this.alignSelfXs}` : ''}\n    ${this.alignSelfSm !== undefined && this.alignSelfSm.trim() !== '' ? `pds-align-self-sm-${this.alignSelfSm}` : ''}\n    ${this.alignSelfMd !== undefined && this.alignSelfMd.trim() !== '' ? `pds-align-self-md-${this.alignSelfMd}` : ''}\n    ${this.alignSelfLg !== undefined && this.alignSelfLg.trim() !== '' ? `pds-align-self-lg-${this.alignSelfLg}` : ''}\n    ${this.alignSelfXl !== undefined && this.alignSelfXl.trim() !== '' ? `pds-align-self-xl-${this.alignSelfXl}` : ''}\n    ${this.auto ? 'pds-box--auto' : ''}\n    ${this.autoXs ? 'pds-box--auto-xs' : ''}\n    ${this.autoSm ? 'pds-box--auto-sm' : ''}\n    ${this.autoMd ? 'pds-box--auto-md' : ''}\n    ${this.autoLg ? 'pds-box--auto-lg' : ''}\n    ${this.autoXl ? 'pds-box--auto-xl' : ''}\n    ${this.border ? 'pds-box--border' : ''}\n    ${this.borderRadius !== undefined && this.borderRadius.trim() !== '' ? `pds-border-radius-${this.borderRadius}` : ''}\n    ${this.direction !== undefined && this.direction.trim() !== '' ? `pds-box-direction-${this.direction}` : ''}\n    ${this.display !== undefined && this.display.trim() !== '' ? `pds-box--display-${this.display}` : ''}\n    ${this.fit ? 'pds-box--fit' : ''}\n    ${this.fitXs ? 'pds-box--fit-xs' : ''}\n    ${this.fitSm ? 'pds-box--fit-sm' : ''}\n    ${this.fitMd ? 'pds-box--fit-md' : ''}\n    ${this.fitLg ? 'pds-box--fit-lg' : ''}\n    ${this.fitXl ? 'pds-box--fit-xl' : ''}\n    ${this.gap !== undefined && this.gap.trim() !== '' ? `pds-box-gap-${this.gap}` : ''}\n    ${this.gapXs !== undefined && this.gapXs.trim() !== '' ? `pds-box-gap-xs-${this.gapXs}` : ''}\n    ${this.gapSm !== undefined && this.gapSm.trim() !== '' ? `pds-box-gap-sm-${this.gapSm}` : ''}\n    ${this.gapMd !== undefined && this.gapMd.trim() !== '' ? `pds-box-gap-md-${this.gapMd}` : ''}\n    ${this.gapLg !== undefined && this.gapLg.trim() !== '' ? `pds-box-gap-lg-${this.gapLg}` : ''}\n    ${this.gapXl !== undefined && this.gapXl.trim() !== '' ? `pds-box-gap-xl-${this.gapXl}` : ''}\n    ${this.wrap ? 'pds-box--wrap' : ''}\n    ${this.wrapXs ? 'pds-box--wrap-xs' : ''}\n    ${this.wrapSm ? 'pds-box--wrap-sm' : ''}\n    ${this.wrapMd ? 'pds-box--wrap-md' : ''}\n    ${this.wrapLg ? 'pds-box--wrap-lg' : ''}\n    ${this.wrapXl ? 'pds-box--wrap-xl' : ''}\n    ${this.flex !== undefined && this.flex.trim() !== '' && ['none', 'grow', 'shrink'].includes(this.flex) ? `pds-box--flex-${this.flex}` : ''}\n    ${this.justifyContent !== undefined && this.justifyContent.trim() !== '' ? `pds-justify-content-${this.justifyContent}` : ''}\n    ${this.justifyContentXs !== undefined && this.justifyContentXs.trim() !== '' ? `pds-justify-content-xs-${this.justifyContentXs}` : ''}\n    ${this.justifyContentSm !== undefined && this.justifyContentSm.trim() !== '' ? `pds-justify-content-sm-${this.justifyContentSm}` : ''}\n    ${this.justifyContentMd !== undefined && this.justifyContentMd.trim() !== '' ? `pds-justify-content-md-${this.justifyContentMd}` : ''}\n    ${this.justifyContentLg !== undefined && this.justifyContentLg.trim() !== '' ? `pds-justify-content-lg-${this.justifyContentLg}` : ''}\n    ${this.justifyContentXl !== undefined && this.justifyContentXl.trim() !== '' ? `pds-justify-content-xl-${this.justifyContentXl}` : ''}\n    ${this.marginBlockStart !== undefined && this.marginBlockStart.trim() !== '' ? `pds-margin-block-start-${this.marginBlockStart}` : ''}\n    ${this.marginBlockStartXs !== undefined && this.marginBlockStartXs.trim() !== '' ? `pds-margin-block-start-xs-${this.marginBlockStartXs}` : ''}\n    ${this.marginBlockStartSm !== undefined && this.marginBlockStartSm.trim() !== '' ? `pds-margin-block-start-sm-${this.marginBlockStartSm}` : ''}\n    ${this.marginBlockStartMd !== undefined && this.marginBlockStartMd.trim() !== '' ? `pds-margin-block-start-md-${this.marginBlockStartMd}` : ''}\n    ${this.marginBlockStartLg !== undefined && this.marginBlockStartLg.trim() !== '' ? `pds-margin-block-start-lg-${this.marginBlockStartLg}` : ''}\n    ${this.marginBlockStartXl !== undefined && this.marginBlockStartXl.trim() !== '' ? `pds-margin-block-start-xl-${this.marginBlockStartXl}` : ''}\n    ${this.marginInlineStart !== undefined && this.marginInlineStart.trim() !== '' ? `pds-margin-inline-start-${this.marginInlineStart}` : ''}\n    ${this.marginInlineStartXs !== undefined && this.marginInlineStartXs.trim() !== '' ? `pds-margin-inline-start-xs-${this.marginInlineStartXs}` : ''}\n    ${this.marginInlineStartSm !== undefined && this.marginInlineStartSm.trim() !== '' ? `pds-margin-inline-start-sm-${this.marginInlineStartSm}` : ''}\n    ${this.marginInlineStartMd !== undefined && this.marginInlineStartMd.trim() !== '' ? `pds-margin-inline-start-md-${this.marginInlineStartMd}` : ''}\n    ${this.marginInlineStartLg !== undefined && this.marginInlineStartLg.trim() !== '' ? `pds-margin-inline-start-lg-${this.marginInlineStartLg}` : ''}\n    ${this.marginInlineStartXl !== undefined && this.marginInlineStartXl.trim() !== '' ? `pds-margin-inline-start-xl-${this.marginInlineStartXl}` : ''}\n    ${this.marginInlineEnd !== undefined && this.marginInlineEnd.trim() !== '' ? `pds-margin-inline-end-${this.marginInlineEnd}` : ''}\n    ${this.marginInlineEndXs !== undefined && this.marginInlineEndXs.trim() !== '' ? `pds-margin-inline-end-xs-${this.marginInlineEndXs}` : ''}\n    ${this.marginInlineEndSm !== undefined && this.marginInlineEndSm.trim() !== '' ? `pds-margin-inline-end-sm-${this.marginInlineEndSm}` : ''}\n    ${this.marginInlineEndMd !== undefined && this.marginInlineEndMd.trim() !== '' ? `pds-margin-inline-end-md-${this.marginInlineEndMd}` : ''}\n    ${this.marginInlineEndLg !== undefined && this.marginInlineEndLg.trim() !== '' ? `pds-margin-inline-end-lg-${this.marginInlineEndLg}` : ''}\n    ${this.marginInlineEndXl !== undefined && this.marginInlineEndXl.trim() !== '' ? `pds-margin-inline-end-xl-${this.marginInlineEndXl}` : ''}\n    ${this.marginBlockEnd !== undefined && this.marginBlockEnd.trim() !== '' ? `pds-margin-block-end-${this.marginBlockEnd}` : ''}\n    ${this.marginBlockEndXs !== undefined && this.marginBlockEndXs.trim() !== '' ? `pds-margin-block-end-xs-${this.marginBlockEndXs}` : ''}\n    ${this.marginBlockEndSm !== undefined && this.marginBlockEndSm.trim() !== '' ? `pds-margin-block-end-sm-${this.marginBlockEndSm}` : ''}\n    ${this.marginBlockEndMd !== undefined && this.marginBlockEndMd.trim() !== '' ? `pds-margin-block-end-md-${this.marginBlockEndMd}` : ''}\n    ${this.marginBlockEndLg !== undefined && this.marginBlockEndLg.trim() !== '' ? `pds-margin-block-end-lg-${this.marginBlockEndLg}` : ''}\n    ${this.marginBlockEndXl !== undefined && this.marginBlockEndXl.trim() !== '' ? `pds-margin-block-end-xl-${this.marginBlockEndXl}` : ''}\n    ${this.offset !== undefined && this.offset.trim() !== '' ? `pds-box-offset-${this.offset}` : ''}\n    ${this.offsetXs !== undefined && this.offsetXs.trim() !== '' ? `pds-box-offset-xs-${this.offsetXs}` : ''}\n    ${this.offsetSm !== undefined && this.offsetSm.trim() !== '' ? `pds-box-offset-sm-${this.offsetSm}` : ''}\n    ${this.offsetMd !== undefined && this.offsetMd.trim() !== '' ? `pds-box-offset-md-${this.offsetMd}` : ''}\n    ${this.offsetLg !== undefined && this.offsetLg.trim() !== '' ? `pds-box-offset-lg-${this.offsetLg}` : ''}\n    ${this.offsetXl !== undefined && this.offsetXl.trim() !== '' ? `pds-box-offset-xl-${this.offsetXl}` : ''}\n    ${this.padding !== undefined && this.padding.trim() !== '' ? `pds-padding-${this.padding}` : ''}\n    ${this.paddingXs !== undefined && this.paddingXs.trim() !== '' ? `pds-padding-xs-${this.paddingXs}` : ''}\n    ${this.paddingSm !== undefined && this.paddingSm.trim() !== '' ? `pds-padding-sm-${this.paddingSm}` : ''}\n    ${this.paddingMd !== undefined && this.paddingMd.trim() !== '' ? `pds-padding-md-${this.paddingMd}` : ''}\n    ${this.paddingLg !== undefined && this.paddingLg.trim() !== '' ? `pds-padding-lg-${this.paddingLg}` : ''}\n    ${this.paddingXl !== undefined && this.paddingXl.trim() !== '' ? `pds-padding-xl-${this.paddingXl}` : ''}\n    ${this.paddingBlockStart !== undefined && this.paddingBlockStart.trim() !== '' ? `pds-padding-block-start-${this.paddingBlockStart}` : ''}\n    ${this.paddingBlockStartXs !== undefined && this.paddingBlockStartXs.trim() !== '' ? `pds-padding-block-start-xs-${this.paddingBlockStartXs}` : ''}\n    ${this.paddingBlockStartSm !== undefined && this.paddingBlockStartSm.trim() !== '' ? `pds-padding-block-start-sm-${this.paddingBlockStartSm}` : ''}\n    ${this.paddingBlockStartMd !== undefined && this.paddingBlockStartMd.trim() !== '' ? `pds-padding-block-start-md-${this.paddingBlockStartMd}` : ''}\n    ${this.paddingBlockStartLg !== undefined && this.paddingBlockStartLg.trim() !== '' ? `pds-padding-block-start-lg-${this.paddingBlockStartLg}` : ''}\n    ${this.paddingBlockStartXl !== undefined && this.paddingBlockStartXl.trim() !== '' ? `pds-padding-block-start-xl-${this.paddingBlockStartXl}` : ''}\n    ${this.paddingBlockEnd !== undefined && this.paddingBlockEnd.trim() !== '' ? `pds-padding-block-end-${this.paddingBlockEnd}` : ''}\n    ${this.paddingBlockEndXs !== undefined && this.paddingBlockEndXs.trim() !== '' ? `pds-padding-block-end-xs-${this.paddingBlockEndXs}` : ''}\n    ${this.paddingBlockEndSm !== undefined && this.paddingBlockEndSm.trim() !== '' ? `pds-padding-block-end-sm-${this.paddingBlockEndSm}` : ''}\n    ${this.paddingBlockEndMd !== undefined && this.paddingBlockEndMd.trim() !== '' ? `pds-padding-block-end-md-${this.paddingBlockEndMd}` : ''}\n    ${this.paddingBlockEndLg !== undefined && this.paddingBlockEndLg.trim() !== '' ? `pds-padding-block-end-lg-${this.paddingBlockEndLg}` : ''}\n    ${this.paddingBlockEndXl !== undefined && this.paddingBlockEndXl.trim() !== '' ? `pds-padding-block-end-xl-${this.paddingBlockEndXl}` : ''}\n    ${this.paddingInlineStart !== undefined && this.paddingInlineStart.trim() !== '' ? `pds-padding-inline-start-${this.paddingInlineStart}` : ''}\n    ${this.paddingInlineStartXs !== undefined && this.paddingInlineStartXs.trim() !== '' ? `pds-padding-inline-start-xs-${this.paddingInlineStartXs}` : ''}\n    ${this.paddingInlineStartSm !== undefined && this.paddingInlineStartSm.trim() !== '' ? `pds-padding-inline-start-sm-${this.paddingInlineStartSm}` : ''}\n    ${this.paddingInlineStartMd !== undefined && this.paddingInlineStartMd.trim() !== '' ? `pds-padding-inline-start-md-${this.paddingInlineStartMd}` : ''}\n    ${this.paddingInlineStartLg !== undefined && this.paddingInlineStartLg.trim() !== '' ? `pds-padding-inline-start-lg-${this.paddingInlineStartLg}` : ''}\n    ${this.paddingInlineStartXl !== undefined && this.paddingInlineStartXl.trim() !== '' ? `pds-padding-inline-start-xl-${this.paddingInlineStartXl}` : ''}\n    ${this.paddingInlineEnd !== undefined && this.paddingInlineEnd.trim() !== '' ? `pds-padding-inline-end-${this.paddingInlineEnd}` : ''}\n    ${this.paddingInlineEndXs !== undefined && this.paddingInlineEndXs.trim() !== '' ? `pds-padding-inline-end-xs-${this.paddingInlineEndXs}` : ''}\n    ${this.paddingInlineEndSm !== undefined && this.paddingInlineEndSm.trim() !== '' ? `pds-padding-inline-end-sm-${this.paddingInlineEndSm}` : ''}\n    ${this.paddingInlineEndMd !== undefined && this.paddingInlineEndMd.trim() !== '' ? `pds-padding-inline-end-md-${this.paddingInlineEndMd}` : ''}\n    ${this.paddingInlineEndLg !== undefined && this.paddingInlineEndLg.trim() !== '' ? `pds-padding-inline-end-lg-${this.paddingInlineEndLg}` : ''}\n    ${this.paddingInlineEndXl !== undefined && this.paddingInlineEndXl.trim() !== '' ? `pds-padding-inline-end-xl-${this.paddingInlineEndXl}` : ''}\n    ${this.shadow !== undefined && this.shadow.trim() !== '' ? `pds-shadow-${this.shadow}` : ''}\n    ${this.size !== undefined && this.size.trim() !== '' ? `pds-box pds-box-${this.size}` : ''}\n    ${this.sizeXs !== undefined && this.sizeXs.trim() !== '' ? `pds-box-xs-${this.sizeXs}` : ''}\n    ${this.sizeSm !== undefined && this.sizeSm.trim() !== '' ? `pds-box-sm-${this.sizeSm}` : ''}\n    ${this.sizeMd !== undefined && this.sizeMd.trim() !== '' ? `pds-box-md-${this.sizeMd}` : ''}\n    ${this.sizeLg !== undefined && this.sizeLg.trim() !== '' ? `pds-box-lg-${this.sizeLg}` : ''}\n    ${this.sizeXl !== undefined && this.sizeXl.trim() !== '' ? `pds-box-xl-${this.sizeXl}` : ''}\n    ${this.size == undefined &&\n      this.sizeSm == undefined &&\n      this.sizeMd == undefined &&\n      this.sizeLg == undefined &&\n      this.sizeXl == undefined ? 'pds-box' : ''}\n    `;\n\n    // Normalize so pds-box accepts --token, var(--token), or literals (no semantic names)\n    const normalizedBackground = normalizeColorValue(this.backgroundColor);\n    const normalizedBorder = normalizeColorValue(this.borderColor);\n\n    const boxInlineStyles = {\n      ...(normalizedBackground && { '--color-background-box': normalizedBackground }),\n      ...(normalizedBorder && { '--color-border-box': normalizedBorder }),\n      ...(this.minHeight && { '--sizing-min-height-box': this.minHeight }),\n      ...(this.minWidth && { '--sizing-min-width-box': this.minWidth }),\n      ...(this.flex && !['none', 'grow', 'shrink'].includes(this.flex) && { 'flex': this.flex }),\n    };\n\n    return (\n      <Host class={boxClasses} style={boxInlineStyles}>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pine-core/{p-e3fb0bc2.system.entry.js → p-bc637bed.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-B_C-mRjx.system.js"],(function(t){"use strict";var i,n,e,r;return{setters:[function(t){i=t.r;n=t.h;e=t.H;r=t.g}],execute:function(){var s=false;var o=function(t){var i;var n=(i=document.head.querySelector("meta[data-pine-asset-path]"))===null||i===void 0?void 0:i.dataset.pineAssetPath;var e=window.__PINE_ASSET_PATH__;var r="https://cdn.jsdelivr.net/npm/@pine-ds/icons/dist/";var o=n||e||r;if(o.startsWith("https://cdn.jsdelivr.net/npm/")&&!s){s=true;console.warn("\n      Fetching Pine assets from jsDelivr CDN.\n\n It's recommended that you bundle Pine Assets with your application and set the path accordingly.\n\nFor more information, read the documentation: \nhttps://pine-design-system.netlify.app/?path=/docs/resources-assets--docs\n    ")}var a=t;if(t.startsWith("./")){a=t.substring(2)}if(!o.endsWith("/")){a="/"+a}return o+a};var a;var l=function(){if(typeof window==="undefined"){return new Map}else{if(!a){var t=window;t.PdsIcons=t.PdsIcons||{};a=t.PdsIcons.map=t.PdsIcons.map||new Map}return a}};var f=function(t,i){if(!t&&i&&!v(i)){t=i}if(m(t)){t=p(t)}if(!m(t)||t.trim()===""){return null}var n=t.replace(/[a-z]|-|\d/gi,"");if(n!=""){return null}return t};var u=function(t){var i=l().get(t);if(i){return i}return o("svg/".concat(t,".svg"))};var c=function(t){if(m(t)){t=t.trim();if(v(t)){return t}}return null};var h=function(t){var i=c(t.src);if(i){return i}i=f(t.name,t.icon);if(i){return u(i)}if(t.icon){i=c(t.icon);if(i){return i}}return null};var d=function(t){if(t){if(t.dir!==""){return t.dir.toLowerCase()==="rtl"}}return(document===null||document===void 0?void 0:document.dir.toLowerCase())==="rtl"};var v=function(t){return t.length>0&&/(\/|\.)/.test(t)};var m=function(t){return typeof t==="string"};var p=function(t){return t.toLowerCase()};var g=function(t,i){if(i===void 0){i=[]}var n={};i.forEach((function(i){if(t.hasAttribute(i)){var e=t.getAttribute(i);if(e!==null){n[i]=t.getAttribute(i)}t.removeAttribute(i)}}));return n};var w=function(t,i){var n=d(i);return n&&b.includes(t)};var b=["align-horizontal-bottom","align-horizontal-center","align-horizontal-top","align-left","align-right","align-vertical-left","align-vertical-right","arrow-corner","arrow-left","arrow-right","calendar-schedule","caret-left","caret-right","cart","cart-add","comment","comment-no","conversation","copy","copy-07","delete-key","delete-x","downsell","drawer-collapse","drawer-expand","duplicate","feedback","file-lock","file-search","form-field","form-filled","left-small","launch","list-bullet","list-numbers","margin-left","margin-right","move-left","move-right","newsletter-2","one-off-session","quote","redo","reset-password","right-small","send-message","share","super-admin","tablet-landscape","undo","user-star","user-star-filled","users","users-filled","users-tone"];var y=function(t){var i=document.createElement("div");i.innerHTML=t;for(var n=i.childNodes.length-1;n>=0;n--){if(i.childNodes[n].nodeName.toLowerCase()!=="svg"){i.removeChild(i.childNodes[n])}}var e=i.firstElementChild;if(e&&e.nodeName.toLowerCase()==="svg"){var r=e.getAttribute("class")||"";e.setAttribute("class",(r+" s-pds-icon").trim());if(x(e)){return i.innerHTML}}return""};var x=function(t){if(t.nodeType===1){if(t.nodeName.toLowerCase()==="script"){return false}for(var i=0;i<t.attributes.length;i++){var n=t.attributes[i].name;if(m(n)&&n.toLowerCase().indexOf("on")===0){return false}}for(var i=0;i<t.childNodes.length;i++){if(!x(t.childNodes[i])){return false}}}return true};var C=function(t){return t.startsWith("data:image/svg+xml")};var j=function(t){return t.indexOf(";utf8,")!==-1};var k=new Map;var I=new Map;var P;var O=function(t,i){if(i===void 0){i=false}var n=I.get(t);if(!n){if(typeof fetch!="undefined"&&typeof document!=="undefined"){if(C(t)&&j(t)){if(!P){P=new DOMParser}try{var e=P.parseFromString(t,"text/html");var r=e.querySelector("svg");if(r){k.set(t,r.outerHTML)}else{k.set(t,"")}}catch(i){k.set(t,"")}return Promise.resolve()}else{n=fetch(t).then((function(n){if(n.ok){return n.text().then((function(n){if(n&&i!==false){try{n=y(n)}catch(t){n=""}}k.set(t,n||"")}))}else{throw new Error("Failed to load SVG: ".concat(n.status," ").concat(n.statusText))}})).catch((function(i){console.warn("Failed to load SVG:",t,i);k.set(t,"")}));I.set(t,n)}}else{k.set(t,"");return Promise.resolve()}}return n};var M=":host{--dimension-icon-height:16px;--dimension-icon-width:16px;--color-icon-fill:currentColor;contain:strict;display:inline-block;fill:var(--color-icon-fill);-ms-flex-negative:0;flex-shrink:0;height:var(--dimension-icon-height);width:var(--dimension-icon-width)}:host .pdsicon{fill:var(--color-icon-fill)}.pds-icon-fill-none{fill:none}.icon-inner,.pds-icon,svg{display:block;height:100%;width:100%}:host(.flip-rtl):host-context([dir=rtl]) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host(.flip-rtl:dir(rtl)) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host(.flip-rtl:dir(ltr)) .icon-inner{-webkit-transform:scaleX(1);transform:scaleX(1)}";var S=t("pds_icon",function(){function t(t){var n=this;i(this,t);this.didLoadIcon=false;this.iconName=null;this.inheritedAttributes={};this.isVisible=false;this.size="regular";this.hasAriaHidden=function(){var t=n.el;return t.hasAttribute("aria-hidden")&&t.getAttribute("aria-hidden")==="true"}}t.prototype.iconSize=function(){var t={small:"12px",regular:"16px",medium:"20px",large:"24px"};if(t[this.size]){return t[this.size]}else{return this.size}};t.prototype.componentDidLoad=function(){var t=this;this.setCSSVariables();if(!this.didLoadIcon){this.loadIcon()}setTimeout((function(){if(!t.svgContent&&!t.isVisible){t.isVisible=true;t.loadIcon()}}),100);setTimeout((function(){if(!t.svgContent&&!t.isVisible){t.isVisible=true;t.loadIcon()}}),500)};t.prototype.componentWillLoad=function(){this.inheritedAttributes=g(this.el,["aria-label"]);this.setCSSVariables();this.setupInitialAriaLabel()};t.prototype.setCSSVariables=function(){this.el.style.setProperty("--dimension-icon-height",this.iconSize());this.el.style.setProperty("--dimension-icon-width",this.iconSize());this.el.style.setProperty("--color-icon-fill",typeof this.color!=="undefined"?this.color:"currentColor")};t.prototype.connectedCallback=function(){var t=this;if(!this.isVisible&&!this.svgContent){this.waitUntilVisible(this.el,"50px",(function(){t.isVisible=true;t.loadIcon()}))}if(this.isElementInViewport(this.el)){this.isVisible=true;this.loadIcon()}};t.prototype.disconnectedCallback=function(){if(this.io){this.io.disconnect();this.io=undefined}};t.prototype.updateStyles=function(){this.setCSSVariables()};t.prototype.onIconPropertyChange=function(){this.loadIcon();this.setupInitialAriaLabel()};t.prototype.loadIcon=function(){var t=this;this.didLoadIcon=false;this.svgContent=undefined;if(this.isVisible){var i=h(this);if(i){if(k.has(i)){this.svgContent=k.get(i)}else{O(i).then((function(){setTimeout((function(){t.svgContent=k.get(i)}),0)})).catch((function(){t.svgContent=""}))}this.didLoadIcon=true}}this.iconName=f(this.name,this.icon)};t.prototype.render=function(){var t=this,i=t.ariaLabel,r=t.flipRtl,s=t.iconName,o=t.inheritedAttributes;var a=s?w(s,this.el)&&r!==false:false;var l=r||a;var f=o["aria-label"]||i;return n(e,Object.assign({key:"43aa73531314e6529a887468e69362430d006229","aria-label":f!==undefined&&!this.hasAriaHidden()?f:null,alt:"",role:"img",class:Object.assign(Object.assign({},D(this.color)),{"flip-rtl":l,"icon-rtl":l&&d(this.el)})},o),this.svgContent?n("div",{class:"icon-inner",innerHTML:this.svgContent}):n("div",{class:"icon-inner"}))};t.prototype.setupInitialAriaLabel=function(){if(!this.inheritedAttributes["aria-label"]){var t=f(this.name,this.icon);if(t){this.ariaLabel=t.replace(/\-/g," ")}}};t.prototype.waitUntilVisible=function(t,i,n){var e=this;if(typeof window!=="undefined"&&window.IntersectionObserver){var r=this.io=new window.IntersectionObserver((function(t){if(t[0].isIntersecting){r.disconnect();e.io=undefined;n()}}),{rootMargin:i});r.observe(t);setTimeout((function(){if(e.io&&!e.isVisible){if(e.isElementInViewport(t)){e.io.disconnect();e.io=undefined;n()}}}),1e3)}else{n()}};t.prototype.isElementInViewport=function(t){if(!t||!t.isConnected)return false;var i=t.getBoundingClientRect();var n=window.innerHeight||document.documentElement.clientHeight;var e=window.innerWidth||document.documentElement.clientWidth;return i.top>=0&&i.left>=0&&i.bottom<=n&&i.right<=e||i.top<n&&i.bottom>0&&i.left<e&&i.right>0};t.prototype.debugIconState=function(){var t;var i=h(this);var n=this.el.getBoundingClientRect();console.log("PdsIcon Debug State:",{name:this.name,src:this.src,icon:this.icon,iconName:this.iconName,url:i,isVisible:this.isVisible,didLoadIcon:this.didLoadIcon,hasSvgContent:!!this.svgContent,svgContentLength:((t=this.svgContent)===null||t===void 0?void 0:t.length)||0,isInCache:i?k.has(i):false,cachedContent:i?k.get(i):null,element:this.el,isConnected:this.el.isConnected,isInViewport:this.isElementInViewport(this.el),hasIntersectionObserver:!!this.io,boundingClientRect:n,windowDimensions:{width:window.innerWidth||document.documentElement.clientWidth,height:window.innerHeight||document.documentElement.clientHeight}})};Object.defineProperty(t,"assetsDirs",{get:function(){return["svg"]},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{size:["updateStyles"],color:["updateStyles"],name:["onIconPropertyChange"],src:["onIconPropertyChange"],icon:["onIconPropertyChange"]}},enumerable:false,configurable:true});return t}());var D=function(t){var i;return t?(i={"pds-color":true},i["pds-color-".concat(t)]=true,i):null};S.style=M}}}));
-//# sourceMappingURL=p-e3fb0bc2.system.entry.js.map
+System.register(["./p-Cxvdulqq.system.js"],(function(t){"use strict";var i,n,e,r;return{setters:[function(t){i=t.r;n=t.h;e=t.H;r=t.g}],execute:function(){var s=false;var o=function(t){var i;var n=(i=document.head.querySelector("meta[data-pine-asset-path]"))===null||i===void 0?void 0:i.dataset.pineAssetPath;var e=window.__PINE_ASSET_PATH__;var r="https://cdn.jsdelivr.net/npm/@pine-ds/icons/dist/";var o=n||e||r;if(o.startsWith("https://cdn.jsdelivr.net/npm/")&&!s){s=true;console.warn("\n      Fetching Pine assets from jsDelivr CDN.\n\n It's recommended that you bundle Pine Assets with your application and set the path accordingly.\n\nFor more information, read the documentation: \nhttps://pine-design-system.netlify.app/?path=/docs/resources-assets--docs\n    ")}var a=t;if(t.startsWith("./")){a=t.substring(2)}if(!o.endsWith("/")){a="/"+a}return o+a};var a;var l=function(){if(typeof window==="undefined"){return new Map}else{if(!a){var t=window;t.PdsIcons=t.PdsIcons||{};a=t.PdsIcons.map=t.PdsIcons.map||new Map}return a}};var f=function(t,i){if(!t&&i&&!v(i)){t=i}if(m(t)){t=p(t)}if(!m(t)||t.trim()===""){return null}var n=t.replace(/[a-z]|-|\d/gi,"");if(n!=""){return null}return t};var u=function(t){var i=l().get(t);if(i){return i}return o("svg/".concat(t,".svg"))};var c=function(t){if(m(t)){t=t.trim();if(v(t)){return t}}return null};var h=function(t){var i=c(t.src);if(i){return i}i=f(t.name,t.icon);if(i){return u(i)}if(t.icon){i=c(t.icon);if(i){return i}}return null};var d=function(t){if(t){if(t.dir!==""){return t.dir.toLowerCase()==="rtl"}}return(document===null||document===void 0?void 0:document.dir.toLowerCase())==="rtl"};var v=function(t){return t.length>0&&/(\/|\.)/.test(t)};var m=function(t){return typeof t==="string"};var p=function(t){return t.toLowerCase()};var g=function(t,i){if(i===void 0){i=[]}var n={};i.forEach((function(i){if(t.hasAttribute(i)){var e=t.getAttribute(i);if(e!==null){n[i]=t.getAttribute(i)}t.removeAttribute(i)}}));return n};var w=function(t,i){var n=d(i);return n&&b.includes(t)};var b=["align-horizontal-bottom","align-horizontal-center","align-horizontal-top","align-left","align-right","align-vertical-left","align-vertical-right","arrow-corner","arrow-left","arrow-right","calendar-schedule","caret-left","caret-right","cart","cart-add","comment","comment-no","conversation","copy","copy-07","delete-key","delete-x","downsell","drawer-collapse","drawer-expand","duplicate","feedback","file-lock","file-search","form-field","form-filled","left-small","launch","list-bullet","list-numbers","margin-left","margin-right","move-left","move-right","newsletter-2","one-off-session","quote","redo","reset-password","right-small","send-message","share","super-admin","tablet-landscape","undo","user-star","user-star-filled","users","users-filled","users-tone"];var y=function(t){var i=document.createElement("div");i.innerHTML=t;for(var n=i.childNodes.length-1;n>=0;n--){if(i.childNodes[n].nodeName.toLowerCase()!=="svg"){i.removeChild(i.childNodes[n])}}var e=i.firstElementChild;if(e&&e.nodeName.toLowerCase()==="svg"){var r=e.getAttribute("class")||"";e.setAttribute("class",(r+" s-pds-icon").trim());if(x(e)){return i.innerHTML}}return""};var x=function(t){if(t.nodeType===1){if(t.nodeName.toLowerCase()==="script"){return false}for(var i=0;i<t.attributes.length;i++){var n=t.attributes[i].name;if(m(n)&&n.toLowerCase().indexOf("on")===0){return false}}for(var i=0;i<t.childNodes.length;i++){if(!x(t.childNodes[i])){return false}}}return true};var C=function(t){return t.startsWith("data:image/svg+xml")};var j=function(t){return t.indexOf(";utf8,")!==-1};var k=new Map;var I=new Map;var P;var O=function(t,i){if(i===void 0){i=false}var n=I.get(t);if(!n){if(typeof fetch!="undefined"&&typeof document!=="undefined"){if(C(t)&&j(t)){if(!P){P=new DOMParser}try{var e=P.parseFromString(t,"text/html");var r=e.querySelector("svg");if(r){k.set(t,r.outerHTML)}else{k.set(t,"")}}catch(i){k.set(t,"")}return Promise.resolve()}else{n=fetch(t).then((function(n){if(n.ok){return n.text().then((function(n){if(n&&i!==false){try{n=y(n)}catch(t){n=""}}k.set(t,n||"")}))}else{throw new Error("Failed to load SVG: ".concat(n.status," ").concat(n.statusText))}})).catch((function(i){console.warn("Failed to load SVG:",t,i);k.set(t,"")}));I.set(t,n)}}else{k.set(t,"");return Promise.resolve()}}return n};var M=":host{--dimension-icon-height:16px;--dimension-icon-width:16px;--color-icon-fill:currentColor;contain:strict;display:inline-block;fill:var(--color-icon-fill);-ms-flex-negative:0;flex-shrink:0;height:var(--dimension-icon-height);width:var(--dimension-icon-width)}:host .pdsicon{fill:var(--color-icon-fill)}.pds-icon-fill-none{fill:none}.icon-inner,.pds-icon,svg{display:block;height:100%;width:100%}:host(.flip-rtl):host-context([dir=rtl]) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host(.flip-rtl:dir(rtl)) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host(.flip-rtl:dir(ltr)) .icon-inner{-webkit-transform:scaleX(1);transform:scaleX(1)}";var S=t("pds_icon",function(){function t(t){var n=this;i(this,t);this.didLoadIcon=false;this.iconName=null;this.inheritedAttributes={};this.isVisible=false;this.size="regular";this.hasAriaHidden=function(){var t=n.el;return t.hasAttribute("aria-hidden")&&t.getAttribute("aria-hidden")==="true"}}t.prototype.iconSize=function(){var t={small:"12px",regular:"16px",medium:"20px",large:"24px"};if(t[this.size]){return t[this.size]}else{return this.size}};t.prototype.componentDidLoad=function(){var t=this;this.setCSSVariables();if(!this.didLoadIcon){this.loadIcon()}setTimeout((function(){if(!t.svgContent&&!t.isVisible){t.isVisible=true;t.loadIcon()}}),100);setTimeout((function(){if(!t.svgContent&&!t.isVisible){t.isVisible=true;t.loadIcon()}}),500)};t.prototype.componentWillLoad=function(){this.inheritedAttributes=g(this.el,["aria-label"]);this.setCSSVariables();this.setupInitialAriaLabel()};t.prototype.setCSSVariables=function(){this.el.style.setProperty("--dimension-icon-height",this.iconSize());this.el.style.setProperty("--dimension-icon-width",this.iconSize());this.el.style.setProperty("--color-icon-fill",typeof this.color!=="undefined"?this.color:"currentColor")};t.prototype.connectedCallback=function(){var t=this;if(!this.isVisible&&!this.svgContent){this.waitUntilVisible(this.el,"50px",(function(){t.isVisible=true;t.loadIcon()}))}if(this.isElementInViewport(this.el)){this.isVisible=true;this.loadIcon()}};t.prototype.disconnectedCallback=function(){if(this.io){this.io.disconnect();this.io=undefined}};t.prototype.updateStyles=function(){this.setCSSVariables()};t.prototype.onIconPropertyChange=function(){this.loadIcon();this.setupInitialAriaLabel()};t.prototype.loadIcon=function(){var t=this;this.didLoadIcon=false;this.svgContent=undefined;if(this.isVisible){var i=h(this);if(i){if(k.has(i)){this.svgContent=k.get(i)}else{O(i).then((function(){setTimeout((function(){t.svgContent=k.get(i)}),0)})).catch((function(){t.svgContent=""}))}this.didLoadIcon=true}}this.iconName=f(this.name,this.icon)};t.prototype.render=function(){var t=this,i=t.ariaLabel,r=t.flipRtl,s=t.iconName,o=t.inheritedAttributes;var a=s?w(s,this.el)&&r!==false:false;var l=r||a;var f=o["aria-label"]||i;return n(e,Object.assign({key:"43aa73531314e6529a887468e69362430d006229","aria-label":f!==undefined&&!this.hasAriaHidden()?f:null,alt:"",role:"img",class:Object.assign(Object.assign({},D(this.color)),{"flip-rtl":l,"icon-rtl":l&&d(this.el)})},o),this.svgContent?n("div",{class:"icon-inner",innerHTML:this.svgContent}):n("div",{class:"icon-inner"}))};t.prototype.setupInitialAriaLabel=function(){if(!this.inheritedAttributes["aria-label"]){var t=f(this.name,this.icon);if(t){this.ariaLabel=t.replace(/\-/g," ")}}};t.prototype.waitUntilVisible=function(t,i,n){var e=this;if(typeof window!=="undefined"&&window.IntersectionObserver){var r=this.io=new window.IntersectionObserver((function(t){if(t[0].isIntersecting){r.disconnect();e.io=undefined;n()}}),{rootMargin:i});r.observe(t);setTimeout((function(){if(e.io&&!e.isVisible){if(e.isElementInViewport(t)){e.io.disconnect();e.io=undefined;n()}}}),1e3)}else{n()}};t.prototype.isElementInViewport=function(t){if(!t||!t.isConnected)return false;var i=t.getBoundingClientRect();var n=window.innerHeight||document.documentElement.clientHeight;var e=window.innerWidth||document.documentElement.clientWidth;return i.top>=0&&i.left>=0&&i.bottom<=n&&i.right<=e||i.top<n&&i.bottom>0&&i.left<e&&i.right>0};t.prototype.debugIconState=function(){var t;var i=h(this);var n=this.el.getBoundingClientRect();console.log("PdsIcon Debug State:",{name:this.name,src:this.src,icon:this.icon,iconName:this.iconName,url:i,isVisible:this.isVisible,didLoadIcon:this.didLoadIcon,hasSvgContent:!!this.svgContent,svgContentLength:((t=this.svgContent)===null||t===void 0?void 0:t.length)||0,isInCache:i?k.has(i):false,cachedContent:i?k.get(i):null,element:this.el,isConnected:this.el.isConnected,isInViewport:this.isElementInViewport(this.el),hasIntersectionObserver:!!this.io,boundingClientRect:n,windowDimensions:{width:window.innerWidth||document.documentElement.clientWidth,height:window.innerHeight||document.documentElement.clientHeight}})};Object.defineProperty(t,"assetsDirs",{get:function(){return["svg"]},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{size:["updateStyles"],color:["updateStyles"],name:["onIconPropertyChange"],src:["onIconPropertyChange"],icon:["onIconPropertyChange"]}},enumerable:false,configurable:true});return t}());var D=function(t){var i;return t?(i={"pds-color":true},i["pds-color-".concat(t)]=true,i):null};S.style=M}}}));
+//# sourceMappingURL=p-bc637bed.system.entry.js.map

package/dist/pine-core/{p-b6ea3332.entry.js → p-be5ef841.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as s,H as e}from"./p-BVCWKPy3.js";const i=":host{--color-progress-fill:var(--pine-color-brand);--sizing-progress-bar-width:100%;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:var(--sizing-progress-bar-width)}@-webkit-keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}@keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}.pds-progress{-ms-flex-align:center;align-items:center;background-color:var(--pine-color-background-container-disabled);border-radius:var(--pine-dimension-2xs);display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:var(--pine-dimension-xs);position:relative;width:100%}:host(.is-animated) progress,:host(.is-animated) progress::-webkit-progress-bar{-webkit-animation:progressBar 3s ease;animation:progressBar 3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}progress,progress::-webkit-progress-bar{background-color:transparent;border:0;height:var(--pine-dimension-xs);width:100%}progress::-webkit-progress-value{background-color:var(--color-progress-fill, var(--pine-color-brand));border-radius:var(--pine-dimension-2xs)}progress::-moz-progress-bar{background-color:var(--color-progress-fill, var(--pine-color-brand));border-radius:var(--pine-dimension-2xs)}.pds-progress__label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.pds-progress__percentage{font-weight:var(--pine-font-weight-medium);-webkit-margin-start:calc(var(--pine-dimension-md) / 2);margin-inline-start:calc(var(--pine-dimension-md) / 2)}";const a=class{constructor(s){r(this,s);this.animated=false;this.percent=0;this.showPercent=false}render(){return s(e,{key:"17be876c948e7f0dc3d22889901d2073cfea3fbc",class:this.animated?{"is-animated":this.animated}:""},s("div",{key:"07a801720eb26ae76ba931b04294d7815f7caaa4",class:"pds-progress"},s("label",{key:"39572b5ec58c1b47b59fd34be71f713e680b01c0",class:"pds-progress__label",htmlFor:this.componentId},this.label),s("progress",{key:"89a07e62b943ded0bd24d99bc93d140d088f50d3",id:this.componentId,max:"100",style:this.fillColor?{"--color-progress-fill":this.fillColor}:{},value:this.percent})),this.showPercent&&s("div",{key:"a7682be6b110db79f95be6f53ce463ff1ffd0212",class:"pds-progress__percentage"},this.percent,"%"))}};a.style=i;export{a as pds_progress};
-//# sourceMappingURL=p-b6ea3332.entry.js.map
+import{r,h as e,H as s}from"./p-Bf1dou5H.js";const i=":host{--color-progress-fill:var(--pine-color-brand);--sizing-progress-bar-width:100%;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:var(--sizing-progress-bar-width)}@-webkit-keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}@keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}.pds-progress{-ms-flex-align:center;align-items:center;background-color:var(--pine-color-background-container-disabled);border-radius:var(--pine-dimension-2xs);display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:var(--pine-dimension-xs);position:relative;width:100%}:host(.is-animated) progress,:host(.is-animated) progress::-webkit-progress-bar{-webkit-animation:progressBar 3s ease;animation:progressBar 3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}progress,progress::-webkit-progress-bar{background-color:transparent;border:0;height:var(--pine-dimension-xs);width:100%}progress::-webkit-progress-value{background-color:var(--color-progress-fill, var(--pine-color-brand));border-radius:var(--pine-dimension-2xs)}progress::-moz-progress-bar{background-color:var(--color-progress-fill, var(--pine-color-brand));border-radius:var(--pine-dimension-2xs)}.pds-progress__label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.pds-progress__percentage{font-weight:var(--pine-font-weight-medium);-webkit-margin-start:calc(var(--pine-dimension-md) / 2);margin-inline-start:calc(var(--pine-dimension-md) / 2)}";const a=class{constructor(e){r(this,e);this.animated=false;this.percent=0;this.showPercent=false}render(){return e(s,{key:"4b85286ee1fcc7ae77f733b915a996bb82aecb5b",class:this.animated?{"is-animated":this.animated}:""},e("div",{key:"ea3dfbafae2d416aac9903ec50dfade77c315e05",class:"pds-progress"},e("label",{key:"3ece69ae8b90e968d7f86b986faee633d7802a0b",class:"pds-progress__label",htmlFor:this.componentId},this.label),e("progress",{key:"68beb43763d001495159e253562b0934521072d9",id:this.componentId,max:"100",style:this.fillColor?{"--color-progress-fill":this.fillColor}:{},value:this.percent})),this.showPercent&&e("div",{key:"8480b66191aec536b0c2c588e71e5c568f5d0eeb",class:"pds-progress__percentage"},this.percent,"%"))}};a.style=i;export{a as pds_progress};
+//# sourceMappingURL=p-be5ef841.entry.js.map

package/dist/pine-core/{p-54183d70.system.entry.js → p-c0601420.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-B_C-mRjx.system.js","./p-BEn3hirk.system.js"],(function(e){"use strict";var n,i,a,r;return{setters:[function(e){n=e.r;i=e.h;a=e.H},function(e){r=e.d}],execute:function(){var t=":host{display:block}details{--number-animation-transform-timing:200ms;border-radius:var(--pine-dimension-xs)}details pds-icon{-webkit-transform:scaleY(1);transform:scaleY(1)}details[open]{background-color:var(--pine-color-background-container)}details[open] summary{color:var(--pine-color-text-active);font-weight:var(--pine-font-weight-semi-bold)}details[open] summary pds-icon{-webkit-transform:scaleY(-1);transform:scaleY(-1)}summary{background-color:var(--pine-color-background-container);border-radius:var(--pine-dimension-xs);color:var(--pine-color-text-readonly);font-family:var(--pine-font-family-body);font-size:var(--pine-font-size-body-md);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding-block:calc(var(--pine-dimension-2xs) * 1.5);-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs);-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}summary::-webkit-details-marker{display:none}summary:hover{background:var(--pine-color-background-container-hover);color:var(--pine-color-text);cursor:pointer}summary:focus-visible{outline:var(--pine-outline-focus);position:relative}summary pds-icon{-webkit-margin-start:auto;margin-inline-start:auto}.pds-accordion__body{-webkit-padding-after:calc(var(--pine-dimension-sm) + 2);padding-block-end:calc(var(--pine-dimension-sm) + 2);padding-inline:calc(var(--pine-dimension-2xs) * 1.5)}";var o=e("pds_accordion",function(){function e(e){var i=this;n(this,e);this.isOpen=false;this.handleToggle=function(){i.isOpen=i.detailsEl.open};this.getOpenAttribute=function(){if(i.isOpen!==false){return{open:true}}return""}}e.prototype.handleOpenState=function(e){this.isOpen=e};e.prototype.componentDidLoad=function(){this.detailsEl.addEventListener("toggle",this.handleToggle)};e.prototype.render=function(){var e=this;return i(a,{key:"92a6e19b0376d9cc14a86c9dda2fbfeef11297e3",class:"pds-accordion",id:this.componentId},i("details",Object.assign({key:"0bb94526cebdcefcec62976c1623ef208aaa3119"},this.getOpenAttribute(),{ref:function(n){return e.detailsEl=n}}),i("summary",{key:"b599fe5da538efde146be5ff8db8a04faf5c6c1b",part:"accordion-button"},i("slot",{key:"8bdfa4448b41da6fd46232fe854f7c475fc633bf",name:"label"},"Details"),i("pds-icon",{key:"ca51ab8291047c08cef21ef55c85a8a47f8cb3e0",icon:r})),i("div",{key:"628dc7ce9263bbd983fc2353181e31b6fca0176a",part:"accordion-body",class:"pds-accordion__body"},i("slot",{key:"314d59312a3fbb2cc8a1c4d8a7f55634d16b079d"}))))};Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["handleOpenState"]}},enumerable:false,configurable:true});return e}());o.style=t}}}));
-//# sourceMappingURL=p-54183d70.system.entry.js.map
+System.register(["./p-Cxvdulqq.system.js","./p-BSkbMuB5.system.js"],(function(e){"use strict";var n,i,a,t;return{setters:[function(e){n=e.r;i=e.h;a=e.H},function(e){t=e.d}],execute:function(){var r=":host{display:block}details{--number-animation-transform-timing:200ms;border-radius:var(--pine-dimension-xs)}details pds-icon{-webkit-transform:scaleY(1);transform:scaleY(1)}details[open]{background-color:var(--pine-color-background-container)}details[open] summary{color:var(--pine-color-text-active);font-weight:var(--pine-font-weight-semi-bold)}details[open] summary pds-icon{-webkit-transform:scaleY(-1);transform:scaleY(-1)}summary{background-color:var(--pine-color-background-container);border-radius:var(--pine-dimension-xs);color:var(--pine-color-text-readonly);font-family:var(--pine-font-family-body);font-size:var(--pine-font-size-body-md);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding-block:calc(var(--pine-dimension-2xs) * 1.5);-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs);-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}summary::-webkit-details-marker{display:none}summary:hover{background:var(--pine-color-background-container-hover);color:var(--pine-color-text);cursor:pointer}summary:focus-visible{outline:var(--pine-outline-focus);position:relative}summary pds-icon{-webkit-margin-start:auto;margin-inline-start:auto}.pds-accordion__body{-webkit-padding-after:calc(var(--pine-dimension-sm) + 2);padding-block-end:calc(var(--pine-dimension-sm) + 2);padding-inline:calc(var(--pine-dimension-2xs) * 1.5)}";var o=e("pds_accordion",function(){function e(e){var i=this;n(this,e);this.isOpen=false;this.handleToggle=function(){i.isOpen=i.detailsEl.open};this.getOpenAttribute=function(){if(i.isOpen!==false){return{open:true}}return""}}e.prototype.handleOpenState=function(e){this.isOpen=e};e.prototype.componentDidLoad=function(){this.detailsEl.addEventListener("toggle",this.handleToggle)};e.prototype.render=function(){var e=this;return i(a,{key:"92a6e19b0376d9cc14a86c9dda2fbfeef11297e3",class:"pds-accordion",id:this.componentId},i("details",Object.assign({key:"0bb94526cebdcefcec62976c1623ef208aaa3119"},this.getOpenAttribute(),{ref:function(n){return e.detailsEl=n}}),i("summary",{key:"b599fe5da538efde146be5ff8db8a04faf5c6c1b",part:"accordion-button"},i("slot",{key:"8bdfa4448b41da6fd46232fe854f7c475fc633bf",name:"label"},"Details"),i("pds-icon",{key:"ca51ab8291047c08cef21ef55c85a8a47f8cb3e0",icon:t})),i("div",{key:"628dc7ce9263bbd983fc2353181e31b6fca0176a",part:"accordion-body",class:"pds-accordion__body"},i("slot",{key:"314d59312a3fbb2cc8a1c4d8a7f55634d16b079d"}))))};Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["handleOpenState"]}},enumerable:false,configurable:true});return e}());o.style=r}}}));
+//# sourceMappingURL=p-c0601420.system.entry.js.map

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

@@ -0,0 +1,2 @@
+System.register(["./p-Cxvdulqq.system.js","./p-kYMYDfJY.system.js"],(function(e){"use strict";var t,i,a,r,n,o;return{setters:[function(e){t=e.r;i=e.c;a=e.h;r=e.H;n=e.g},function(e){o=e.c}],execute:function(){var s=":host{--border-head-default:var(--pine-border-width-thin) solid var(--pine-color-grey-100);border-color:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;display:table-header-group;vertical-align:middle}:host::part(checkbox-cell){background-color:var(--pine-color-background-container);inset-inline-start:var(--pine-dimension-none);position:-webkit-sticky;position:sticky;z-index:1}:host pds-table-checkbox-cell{-webkit-border-after:var(--border-head-default);border-block-end:var(--border-head-default)}";var d=e("pds_table_head",function(){function e(e){var a=this;t(this,e);this.pdsTableSelectAll=i(this,"pdsTableSelectAll");this.generateUniqueId=function(){var e=Math.random().toString(36).substring(2,8);var t=(new Date).toISOString().replace(/[:.]/g,"-");var i="".concat(e,"-").concat(t);return i};this.handleInput=function(e){a.isSelected=!e.target.checked;a.handleSelect(a.isSelected)};this.handleSelect=function(e){a.indeterminate=false;if(o("pds-table-head",a.hostElement)){a.pdsTableSelectAll.emit({isSelected:e})}}}e.prototype.componentWillLoad=function(){if(this.isSelected){this.handleSelect(this.isSelected)}};e.prototype.componentWillRender=function(){this.tableRef=this.hostElement.closest("pds-table");if(this.tableRef&&this.tableRef.fixedColumn){var e=this.hostElement.querySelector("pds-table-head-cell:first-child");e===null||e===void 0?void 0:e.classList.add("is-fixed")}};e.prototype.render=function(){return a(r,{key:"933e69ad28aaf0b899a8ee504088bc5b6396889d",role:"row",part:"head"},this.tableRef&&this.tableRef.selectable&&a("pds-table-head-cell",{key:"a006c965a4e9bacb4b8e07b34799bab6a0bd482a",part:this.tableRef.selectable?"checkbox-cell":""},a("pds-checkbox",{key:"d7f94ac83be970b2c2ed334296971bc6762602e2",componentId:this.generateUniqueId(),indeterminate:this.indeterminate,onInput:this.handleInput,label:"Select All Rows",hideLabel:true,checked:this.isSelected,part:"select-all-checkbox"})),a("slot",{key:"22edaaa12d31b2be1fd2835d6d4c2801386405af"}))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());d.style=s}}}));
+//# sourceMappingURL=p-c2d2fe64.system.entry.js.map

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

@@ -0,0 +1,2 @@
+System.register(["./p-Cxvdulqq.system.js"],(function(t){"use strict";var e,o,r,n;return{setters:[function(t){e=t.r;o=t.h;r=t.H;n=t.g}],execute:function(){var s="pds-modal-content{display:block;-ms-flex:1 1 auto;flex:1 1 auto;width:100%}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-none){border:0}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-both){-webkit-border-after:1px solid var(--pine-color-grey-200);border-block-end:1px solid var(--pine-color-grey-200);-webkit-border-before:1px solid var(--pine-color-grey-200);border-block-start:1px solid var(--pine-color-grey-200)}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-top){-webkit-border-before:1px solid var(--pine-color-grey-200);border-block-start:1px solid var(--pine-color-grey-200)}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-bottom){-webkit-border-after:1px solid var(--pine-color-grey-200);border-block-end:1px solid var(--pine-color-grey-200)}.pds-modal-content{display:block;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;width:100%}";var i=t("pds_modal_content",function(){function t(t){e(this,t);this.border="none";this.contentMaxHeight="none";this.userSetBorder=false}t.prototype.componentWillLoad=function(){var t=this.el.getAttribute("border");var e=t!==null;this.userSetBorder=e||this.border!=="none"};t.prototype.componentDidLoad=function(){var t=this;this.calculateMaxHeight();window.addEventListener("resize",this.handleResize.bind(this));if(!this.userSetBorder){setTimeout((function(){console.log("Setting up scroll listener on component element:",t.el);t.el.addEventListener("scroll",t.handleScroll.bind(t));setTimeout((function(){return t.updateBorders()}),100)}),100)}};t.prototype.disconnectedCallback=function(){window.removeEventListener("resize",this.handleResize.bind(this));if(!this.userSetBorder){this.el.removeEventListener("scroll",this.handleScroll.bind(this))}if(this.mutationObserver){this.mutationObserver.disconnect()}};t.prototype.handleScroll=function(){console.log("Scroll event fired!");this.updateBorders()};t.prototype.handleResize=function(){var t=this;this.calculateMaxHeight();setTimeout((function(){return t.updateBorders()}),50)};t.prototype.updateBorders=function(){if(this.userSetBorder){return}var t=this.el.closest("pds-modal");if(!t)return;var e=t.scrollable!==false;if(!e){this.border="none";return}var o=this.el;var r=o.scrollHeight>o.clientHeight;if(!r){this.border="none";return}var n=o.scrollTop,s=o.scrollHeight,i=o.clientHeight;var a=n+i;var d=3;var l=n<=d;var c=a>=s-d;console.log("Border Debug:",{scrollTop:n,scrollHeight:s,clientHeight:i,scrollBottom:a,isAtTop:l,isAtBottom:c,currentBorder:this.border});if(l&&c){this.border="none";console.log("Content fits exactly, no borders needed")}else if(l&&!c){this.border="bottom";console.log("At top, show bottom border only")}else if(!l&&c){this.border="top";console.log("At bottom, show top border only")}else{this.border="both";console.log("In middle, show both borders")}};t.prototype.calculateMaxHeight=function(){var t=this;var e=this.el.closest("pds-modal");if(!e)return;var o=e.scrollable!==false;setTimeout((function(){if(!o){t.contentMaxHeight="none";var r=t.el.querySelector(".pds-modal-content");if(r){r.style.maxHeight="none"}return}var n=e.querySelector("pds-modal-header");var s=e.querySelector("pds-modal-footer");var i=n?n.offsetHeight:0;var a=s?s.offsetHeight:0;if(i>0||a>0){var d=Math.round(window.innerHeight*.06);var l=i+a+48+d+50;t.contentMaxHeight="calc(100vh - ".concat(l,"px)");var r=t.el.querySelector(".pds-modal-content");if(r){r.style.maxHeight=t.contentMaxHeight}}else{t.contentMaxHeight="none"}setTimeout((function(){return t.updateBorders()}),150)}),100);if(!this.mutationObserver&&e){this.mutationObserver=new MutationObserver((function(){t.calculateMaxHeight()}));this.mutationObserver.observe(e,{childList:true,subtree:true,attributes:true,attributeFilter:["style","class"]})}};t.prototype.render=function(){var t;var e=this.contentMaxHeight!=="none"?{maxHeight:this.contentMaxHeight}:{};return o(r,{key:"5357ae43a3c7e6922a182a00ddf0241775d5a2a2"},o("div",{key:"100bf34dbc72b4d7ec7de8dfe64aaa617f840a70",class:(t={"pds-modal-content":true},t["pds-modal-content--border-".concat(this.border)]=true,t),style:e,tabindex:"-1"},o("slot",{key:"3f4a2281f3e1243a86dfb7ac496e6e190c1df548"})))};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());i.style=s}}}));
+//# sourceMappingURL=p-c3f84df8.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pdsModalContentCss","PdsModalContent","exports","class_1","hostRef","this","border","contentMaxHeight","userSetBorder","prototype","componentWillLoad","borderAttr","el","getAttribute","hasBorderAttribute","componentDidLoad","_this","calculateMaxHeight","window","addEventListener","handleResize","bind","setTimeout","console","log","handleScroll","updateBorders","disconnectedCallback","removeEventListener","mutationObserver","disconnect","modalElement","closest","isModalScrollable","scrollable","scrollableElement","isContentScrollable","scrollHeight","clientHeight","scrollTop","scrollBottom","tolerance","isAtTop","isAtBottom","currentBorder","isScrollable","contentElement","querySelector","style","maxHeight","headerElement","footerElement","headerHeight","offsetHeight","footerHeight","viewportAdjustment","Math","round","innerHeight","totalReduction","concat","MutationObserver","observe","childList","subtree","attributes","attributeFilter","render","styleObj","h","Host","key","class","_a","tabindex"],"sources":["src/components/pds-modal/pds-modal-content/pds-modal-content.scss?tag=pds-modal-content","src/components/pds-modal/pds-modal-content/pds-modal-content.tsx"],"sourcesContent":["pds-modal-content {\n  display: block;\n  flex: 1 1 auto;\n  width: 100%;\n\n  &:has(.pds-modal-content.pds-modal-content--border-none) {\n    border: 0;\n  }\n\n  &:has(.pds-modal-content.pds-modal-content--border-both) {\n    border-block-end: 1px solid var(--pine-color-grey-200);\n    border-block-start: 1px solid var(--pine-color-grey-200);\n  }\n\n  &:has(.pds-modal-content.pds-modal-content--border-top) {\n    border-block-start: 1px solid var(--pine-color-grey-200);\n  }\n\n  &:has(.pds-modal-content.pds-modal-content--border-bottom) {\n    border-block-end: 1px solid var(--pine-color-grey-200);\n  }\n}\n\n.pds-modal-content {\n  display: block;\n  flex: 1 1 auto;\n  // Max height is set via inline styles based on header and footer heights\n  min-height: 0;\n  width: 100%;\n\n}\n","import { Component, h, Host, Prop, Element, State } from '@stencil/core';\n\ndeclare global {\n  interface HTMLPdsModalContentElement extends HTMLElement {\n    border: 'none' | 'both';\n  }\n}\n\n@Component({\n  tag: 'pds-modal-content',\n  styleUrl: 'pds-modal-content.scss',\n})\nexport class PdsModalContent {\n\n  @Element() el: HTMLPdsModalContentElement;\n\n  /**\n   * The border style for the content area. When not explicitly set, automatically determined based on scroll state.\n   * @default 'none'\n   */\n  @Prop({ reflect: true }) border: 'none' | 'both' | 'top' | 'bottom' = 'none';\n\n  @State() contentMaxHeight: string = 'none';\n\n  /**\n   * Tracks whether the border prop was explicitly set by the user\n   */\n  private userSetBorder = false;\n\n  componentWillLoad() {\n    // Check if border was explicitly set via attribute or property\n    const borderAttr = this.el.getAttribute('border');\n    const hasBorderAttribute = borderAttr !== null;\n\n    // If border attribute exists or border prop is not the default, user set it\n    this.userSetBorder = hasBorderAttribute || this.border !== 'none';\n  }\n\n  componentDidLoad() {\n    this.calculateMaxHeight();\n\n    // Set up resize listener\n    window.addEventListener('resize', this.handleResize.bind(this));\n\n    // Only set up scroll listener for border updates if borders are managed automatically\n    if (!this.userSetBorder) {\n      setTimeout(() => {\n        // The scroll happens on the component element itself (this.el), not the inner div\n        console.log('Setting up scroll listener on component element:', this.el);\n        this.el.addEventListener('scroll', this.handleScroll.bind(this));\n        // Initial border update after everything is set up\n        setTimeout(() => this.updateBorders(), 100);\n      }, 100);\n    }\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.handleResize.bind(this));\n\n    // Clean up scroll listener only if it was set up\n    if (!this.userSetBorder) {\n      this.el.removeEventListener('scroll', this.handleScroll.bind(this));\n    }\n\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n    }\n  }\n\n  /**\n   * Handle scroll events\n   */\n  private handleScroll() {\n    console.log('Scroll event fired!');\n    this.updateBorders();\n  }\n\n  /**\n   * Handle resize events\n   */\n  private handleResize() {\n    this.calculateMaxHeight();\n    // Update borders after resize as content scrollability might change\n    setTimeout(() => this.updateBorders(), 50);\n  }\n\n  /**\n   * Calculates the max-height based on header and footer heights\n   */\n  private mutationObserver: MutationObserver;\n\n  /**\n   * Updates border visibility based on scroll state (only if not user-defined)\n   */\n  private updateBorders() {\n    // If user explicitly set a border value, don't override it\n    if (this.userSetBorder) {\n      return;\n    }\n\n    // Find the modal element (parent of this component)\n    const modalElement = this.el.closest('pds-modal');\n    if (!modalElement) return;\n\n    // Only apply border logic if modal is scrollable\n    const isModalScrollable = modalElement.scrollable !== false;\n    if (!isModalScrollable) {\n      this.border = 'none';\n      return;\n    }\n\n    // The scrollable element is the component itself (this.el), not the inner div\n    const scrollableElement = this.el;\n\n    // Check if content is actually scrollable\n    const isContentScrollable = scrollableElement.scrollHeight > scrollableElement.clientHeight;\n\n    if (!isContentScrollable) {\n      this.border = 'none';\n      return;\n    }\n\n    // Determine border position based on scroll position\n    const { scrollTop, scrollHeight, clientHeight } = scrollableElement;\n    const scrollBottom = scrollTop + clientHeight;\n\n    // More generous tolerance for scroll detection (3px instead of 1px)\n    const tolerance = 3;\n    const isAtTop = scrollTop <= tolerance;\n    const isAtBottom = scrollBottom >= scrollHeight - tolerance;\n\n    // Debug logging (can be removed later)\n    console.log('Border Debug:', {\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n      scrollBottom,\n      isAtTop,\n      isAtBottom,\n      currentBorder: this.border\n    });\n\n    if (isAtTop && isAtBottom) {\n      // Content fits exactly, no borders needed\n      this.border = 'none';\n      console.log('Content fits exactly, no borders needed');\n    } else if (isAtTop && !isAtBottom) {\n      // At top, show bottom border only\n      this.border = 'bottom';\n      console.log('At top, show bottom border only');\n    } else if (!isAtTop && isAtBottom) {\n      // At bottom, show top border only\n      this.border = 'top';\n      console.log('At bottom, show top border only');\n    } else {\n      // In middle, show both borders\n      this.border = 'both';\n      console.log('In middle, show both borders');\n    }\n  }\n\n  /**\n   * Calculates the max-height based on header and footer heights\n   */\n  private calculateMaxHeight() {\n    // Find the modal element (parent of this component)\n    const modalElement = this.el.closest('pds-modal');\n    if (!modalElement) return;\n\n    // Check if the parent modal is scrollable\n    const isScrollable = modalElement.scrollable !== false;\n\n    setTimeout(() => {\n      // If modal is not scrollable, don't apply max-height constraints\n      if (!isScrollable) {\n        this.contentMaxHeight = 'none';\n        const contentElement = this.el.querySelector('.pds-modal-content') as HTMLElement;\n        if (contentElement) {\n          contentElement.style.maxHeight = 'none';\n        }\n        return;\n      }\n\n      // Find header and footer elements\n      const headerElement = modalElement.querySelector('pds-modal-header');\n      const footerElement = modalElement.querySelector('pds-modal-footer');\n\n      // Get header and footer heights\n      const headerHeight = headerElement ? headerElement.offsetHeight : 0;\n      const footerHeight = footerElement ? footerElement.offsetHeight : 0;\n\n      // Set the max-height as a calculation\n      if (headerHeight > 0 || footerHeight > 0) {\n        // Calculate the available height by subtracting:\n        // 1. Header and footer heights\n        // 2. Modal padding (48px)\n        // 3. Additional space for modal positioning (6vh)\n        // 4. Extra adjustment for perfect fit (50px)\n        const viewportAdjustment = Math.round(window.innerHeight * 0.06); // 6vh approximation\n        const totalReduction = headerHeight + footerHeight + 48 + viewportAdjustment + 50;\n\n        // Set the content max height\n        this.contentMaxHeight = `calc(100vh - ${totalReduction}px)`;\n\n        // Apply the style directly to ensure it takes effect\n        const contentElement = this.el.querySelector('.pds-modal-content') as HTMLElement;\n        if (contentElement) {\n          contentElement.style.maxHeight = this.contentMaxHeight;\n        }\n      } else {\n        this.contentMaxHeight = 'none'; // Default fallback\n      }\n\n      // Update borders after height calculations with longer delay\n      setTimeout(() => this.updateBorders(), 150);\n    }, 100); // Delay to ensure DOM is fully rendered\n\n    // Set up mutation observer if not already done\n    if (!this.mutationObserver && modalElement) {\n      this.mutationObserver = new MutationObserver(() => {\n        this.calculateMaxHeight();\n      });\n\n      // Observe changes to the modal's children\n      this.mutationObserver.observe(modalElement, {\n        childList: true,\n        subtree: true,\n        attributes: true,\n        attributeFilter: ['style', 'class']\n      });\n    }\n  }\n  render() {\n    // Only apply max-height style if it's not 'none'\n    const styleObj = this.contentMaxHeight !== 'none' ? { maxHeight: this.contentMaxHeight } : {};\n\n    return (\n      <Host>\n        <div\n          class={{\n            'pds-modal-content': true,\n            [`pds-modal-content--border-${this.border}`]: true\n          }}\n          style={styleObj}\n          tabindex=\"-1\"\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as o,h as d}from"./p-Bf1dou5H.js";const e="pds-modal-footer{display:block;width:100%}.pds-modal__footer{width:100%}";const s=class{constructor(d){o(this,d)}render(){return d("footer",{key:"0fa58ce225ce31a1f40d6ce1d3276e716b36de8d",class:"pds-modal__footer"},d("slot",{key:"df0bbdb56c711c7eb34db7181f940de11d4449ef"}))}};s.style=e;export{s as pds_modal_footer};
+//# sourceMappingURL=p-c44d3551.entry.js.map

package/dist/pine-core/{p-e8d76117.entry.js → p-c55fc47e.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as n,h as t,H as i,g as o}from"./p-BVCWKPy3.js";const s=":host{cursor:pointer;display:-ms-flexbox;display:flex;width:100%;}:host(.is-disabled){cursor:not-allowed !important;opacity:0.5 !important}:host(.is-disabled) .pds-dropdown-menu-item__content{cursor:not-allowed !important;pointer-events:none !important}.pds-dropdown-menu-item__content{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-dimension-xs);display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;font:var(--pine-typography-body-medium);gap:var(--pine-dimension-xs);margin:calc(var(--pine-border-width) + 2px);padding:var(--pine-dimension-xs);text-align:start;width:100%;}.pds-dropdown-menu-item__content:hover{background-color:var(--pine-color-grey-150);color:var(--pine-color-text-hover)}.pds-dropdown-menu-item__content:focus,.pds-dropdown-menu-item__content:focus-visible,.pds-dropdown-menu-item__content.has-focus{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}:host(.destructive) .pds-dropdown-menu-item__content{-ms-flex-align:center;align-items:center;color:var(--pine-color-danger)}:host(.destructive) .pds-dropdown-menu-item__content:hover{background-color:var(--pine-color-danger-disabled);color:var(--pine-color-danger-hover)}:host(.destructive) .pds-dropdown-menu-item__content:focus,:host(.destructive) .pds-dropdown-menu-item__content:focus-visible,:host(.destructive) .pds-dropdown-menu-item__content.has-focus{background-color:var(--pine-color-danger-disabled);outline:var(--pine-outline-focus-danger);outline-offset:var(--pine-border-width)}pds-link::part(link):focus,pds-link::part(link):focus-visible{-webkit-box-shadow:none;box-shadow:none;outline:none}pds-link::part(link){display:block;margin-inline:calc(var(--pine-dimension-xs) * -1);padding-inline:var(--pine-dimension-xs);width:100%}";const r=class{constructor(t){e(this,t);this.pdsClick=n(this,"pdsClick");this.destructive=false;this.disabled=false;this.hasFocus=false;this.handleFocus=()=>{this.hasFocus=true};this.handleBlur=()=>{this.hasFocus=false};this.handleKeyDown=e=>{if(!this.disabled&&e.key==="Enter"){if(!this.href){e.preventDefault()}this.handleClick()}}}async clickItem(){this.handleClick()}handleClick(){var e;const n=Array.from(this.host.parentNode.children).filter((e=>e.tagName.toLowerCase()==="pds-dropdown-menu-item"));const t=n.indexOf(this.host);const i=((e=this.host.textContent)===null||e===void 0?void 0:e.trim())||"";this.pdsClick.emit({itemIndex:t,item:this.host,content:i})}renderElement(){if(this.href!==undefined){return t("pds-link",{href:this.disabled?null:this.href,class:{"pds-dropdown-menu-item__content":true,"has-focus":this.hasFocus},tabIndex:this.disabled?-1:0,onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,"aria-disabled":this.disabled?"true":null},t("slot",null))}return t("button",{class:{"pds-dropdown-menu-item__content":true,"has-focus":this.hasFocus},tabIndex:this.disabled?-1:0,type:"button",onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,disabled:this.disabled,"aria-disabled":this.disabled?"true":null},t("slot",null))}render(){return t(i,{key:"89c2973b952f2a2d0b7054817c0532f8654ae279",id:this.componentId,class:{"is-disabled":this.disabled,destructive:!this.disabled&&this.destructive},onClick:()=>!this.disabled&&this.handleClick(),role:"none",tabIndex:-1,"aria-disabled":this.disabled?"true":null},this.renderElement())}get host(){return o(this)}};r.style=s;export{r as pds_dropdown_menu_item};
-//# sourceMappingURL=p-e8d76117.entry.js.map
+import{r as e,c as n,h as t,H as i,g as o}from"./p-Bf1dou5H.js";const s=":host{cursor:pointer;display:-ms-flexbox;display:flex;width:100%;}:host(.is-disabled){cursor:not-allowed !important;opacity:0.5 !important}:host(.is-disabled) .pds-dropdown-menu-item__content{cursor:not-allowed !important;pointer-events:none !important}.pds-dropdown-menu-item__content{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-dimension-xs);display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;font:var(--pine-typography-body-medium);gap:var(--pine-dimension-xs);margin:calc(var(--pine-border-width) + 2px);padding:var(--pine-dimension-xs);text-align:start;width:100%;}.pds-dropdown-menu-item__content:hover{background-color:var(--pine-color-grey-150);color:var(--pine-color-text-hover)}.pds-dropdown-menu-item__content:focus,.pds-dropdown-menu-item__content:focus-visible,.pds-dropdown-menu-item__content.has-focus{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}:host(.destructive) .pds-dropdown-menu-item__content{-ms-flex-align:center;align-items:center;color:var(--pine-color-danger)}:host(.destructive) .pds-dropdown-menu-item__content:hover{background-color:var(--pine-color-danger-disabled);color:var(--pine-color-danger-hover)}:host(.destructive) .pds-dropdown-menu-item__content:focus,:host(.destructive) .pds-dropdown-menu-item__content:focus-visible,:host(.destructive) .pds-dropdown-menu-item__content.has-focus{background-color:var(--pine-color-danger-disabled);outline:var(--pine-outline-focus-danger);outline-offset:var(--pine-border-width)}pds-link::part(link):focus,pds-link::part(link):focus-visible{-webkit-box-shadow:none;box-shadow:none;outline:none}pds-link::part(link){display:block;margin-inline:calc(var(--pine-dimension-xs) * -1);padding-inline:var(--pine-dimension-xs);width:100%}";const r=class{constructor(t){e(this,t);this.pdsClick=n(this,"pdsClick");this.destructive=false;this.disabled=false;this.hasFocus=false;this.handleFocus=()=>{this.hasFocus=true};this.handleBlur=()=>{this.hasFocus=false};this.handleKeyDown=e=>{if(!this.disabled&&e.key==="Enter"){if(!this.href){e.preventDefault()}this.handleClick()}}}async clickItem(){this.handleClick()}handleClick(){var e;const n=Array.from(this.host.parentNode.children).filter((e=>e.tagName.toLowerCase()==="pds-dropdown-menu-item"));const t=n.indexOf(this.host);const i=((e=this.host.textContent)===null||e===void 0?void 0:e.trim())||"";this.pdsClick.emit({itemIndex:t,item:this.host,content:i})}renderElement(){if(this.href!==undefined){return t("pds-link",{href:this.disabled?null:this.href,class:{"pds-dropdown-menu-item__content":true,"has-focus":this.hasFocus},tabIndex:this.disabled?-1:0,onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,"aria-disabled":this.disabled?"true":null},t("slot",null))}return t("button",{class:{"pds-dropdown-menu-item__content":true,"has-focus":this.hasFocus},tabIndex:this.disabled?-1:0,type:"button",onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,disabled:this.disabled,"aria-disabled":this.disabled?"true":null},t("slot",null))}render(){return t(i,{key:"89c2973b952f2a2d0b7054817c0532f8654ae279",id:this.componentId,class:{"is-disabled":this.disabled,destructive:!this.disabled&&this.destructive},onClick:()=>!this.disabled&&this.handleClick(),role:"none",tabIndex:-1,"aria-disabled":this.disabled?"true":null},this.renderElement())}get host(){return o(this)}};r.style=s;export{r as pds_dropdown_menu_item};
+//# sourceMappingURL=p-c55fc47e.entry.js.map

package/dist/pine-core/{p-5da82e8c.system.entry.js → p-c63e7909.system.entry.js}

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

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

@@ -0,0 +1,2 @@
+import{r as d,c as a,h as e,g as s}from"./p-Bf1dou5H.js";const o=".pds-modal__backdrop{-ms-flex-align:start;align-items:flex-start;background-color:rgba(0, 0, 0, 0.4);border:0;display:-ms-flexbox;display:flex;height:100%;inset:0;-ms-flex-pack:center;justify-content:center;margin:0;max-height:100%;max-width:100%;opacity:0;padding:0;position:fixed;-webkit-transition:opacity 0.2s ease, visibility 0.2s ease;transition:opacity 0.2s ease, visibility 0.2s ease;visibility:hidden;width:100%;z-index:1000}@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))){.pds-modal__backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}pds-modal .pds-modal__backdrop{z-index:1001}.pds-modal__backdrop::-webkit-backdrop{background:transparent}.pds-modal__backdrop::-ms-backdrop{background:transparent}.pds-modal__backdrop::backdrop{background:transparent}.pds-modal__backdrop.open{opacity:1;visibility:visible}.pds-modal{background:var(--pine-color-background-container);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:var(--pine-dimension-md);max-height:none;width:100%}.pds-modal.pds-modal--scrollable{max-height:calc(100vh - (5vh + 96px))}@supports (height: 100dvh){.pds-modal.pds-modal--scrollable{max-height:calc(100dvh - (5dvh + 96px))}}@media (min-width: 992px){.pds-modal{-webkit-margin-before:6vh;margin-block-start:6vh}@supports (height: 100dvh){.pds-modal{-webkit-margin-before:6dvh;margin-block-start:6dvh}}}@media (min-width: 1200px){.pds-modal{-webkit-margin-before:8vh;margin-block-start:8vh}@supports (height: 100dvh){.pds-modal{-webkit-margin-before:8dvh;margin-block-start:8dvh}}}.pds-modal--sm{max-width:520px}.pds-modal--md{max-width:700px}.pds-modal--lg{max-width:900px}.pds-modal--fullscreen{border-radius:0;height:100%;margin:0;max-height:100vh;max-width:100%}@supports (height: 100dvh){.pds-modal--fullscreen{max-height:100dvh}}.pds-modal--fullscreen.pds-modal--scrollable{max-height:100vh}@supports (height: 100dvh){.pds-modal--fullscreen.pds-modal--scrollable{max-height:100dvh}}.pds-modal--fullscreen .pds-modal-content{-ms-flex:1;flex:1}.pds-modal--scrollable pds-modal-content{-webkit-border-after:1px solid transparent;border-block-end:1px solid transparent;-webkit-border-before:1px solid transparent;border-block-start:1px solid transparent;overflow-y:auto}.pds-modal:not(.pds-modal--scrollable) pds-modal-content{overflow-y:visible}";const i=class{constructor(e){d(this,e);this.pdsModalOpen=a(this,"pdsModalOpen");this.pdsModalClose=a(this,"pdsModalClose");this.pdsModalBackdropClick=a(this,"pdsModalBackdropClick");this.size="md";this.scrollable=true;this.backdropDismiss=true;this.open=false}async showModal(){this.open=true;this.pdsModalOpen.emit()}async hideModal(){this.open=false;this.pdsModalClose.emit()}handleBackdropClick(d){const a=this.el.querySelector(".pds-modal__backdrop");if(d.target===a&&this.backdropDismiss===true){this.pdsModalBackdropClick.emit();this.hideModal()}}handleKeyDown(d){if(d.key==="Escape"&&this.open===true){this.hideModal()}}componentDidLoad(){}render(){const d={"pds-modal":true,[`pds-modal--${this.size}`]:true,"pds-modal--scrollable":this.scrollable};const a={"pds-modal__backdrop":true,open:this.open};return e("div",{key:"f8f3e1da60eb943d8f857755e2dbd2c08264f2cf",class:a},e("div",{key:"0f7454db09265e84962a24cf412ca77b4005a5fd",class:d,role:"dialog","aria-modal":"true","aria-labelledby":this.componentId?`${this.componentId}-heading`:null},e("div",{key:"78e9988c584c6c4d0947722468f730f537acb933",class:"pds-modal__header"},e("slot",{key:"40f16731657da0112b0ef1954101304e9a3a8bdc",name:"header"})),e("div",{key:"f5bd52f05b1d34d747f34e7d1a28aec90019630a",class:"pds-modal-content"},e("slot",{key:"bf8812eb47a747d897889a91a997b5fd5b57c3d9"})),e("div",{key:"70e9b90cce8108b71afe434610b09624d9b4037a",class:"pds-modal__footer"},e("slot",{key:"283e94934656711f12b9d75e29520ee8d04bb5d8",name:"footer"}))))}get el(){return s(this)}};i.style=o;export{i as mock_pds_modal};
+//# sourceMappingURL=p-d325287b.entry.js.map

package/dist/pine-core/p-d325287b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsModalCss","MockPdsModal","constructor","hostRef","this","size","scrollable","backdropDismiss","open","showModal","pdsModalOpen","emit","hideModal","pdsModalClose","handleBackdropClick","event","backdrop","el","querySelector","target","pdsModalBackdropClick","handleKeyDown","key","componentDidLoad","render","modalClasses","backdropClasses","h","class","role","componentId","name"],"sources":["src/components/pds-modal/pds-modal.scss?tag=mock-pds-modal","src/components/pds-modal/test/mock-pds-modal.tsx"],"sourcesContent":[".pds-modal__backdrop {\n  align-items: flex-start;\n  background-color: rgba(0, 0, 0, 0.4);\n  border: 0;\n  display: flex;\n  height: 100%;\n  inset: 0;\n  justify-content: center;\n  margin: 0;\n  max-height: 100%;\n  max-width: 100%;\n  opacity: 0;\n  padding: 0;\n  position: fixed;\n  transition: opacity 0.2s ease, visibility 0.2s ease;\n  visibility: hidden;\n  width: 100%;\n  z-index: 1000;\n\n  @supports (backdrop-filter: blur(3px)) {\n    backdrop-filter: blur(3px);\n  }\n\n  // Increase z-index for nested modals\n  pds-modal & {\n    z-index: 1001;\n  }\n\n  &::backdrop {\n    background: transparent;\n  }\n\n  &.open {\n    opacity: 1;\n    visibility: visible;\n  }\n}\n\n.pds-modal {\n  background: var(--pine-color-background-container);\n  border-radius: var(--pine-dimension-sm);\n  box-shadow: var(--pine-box-shadow-400);\n  display: flex;\n  flex-direction: column;\n  margin: var(--pine-dimension-md);\n  max-height: none;\n  width: 100%;\n\n  &.pds-modal--scrollable {\n    max-height: calc(100vh - (calc(5vh + 96px)));\n\n    @supports (height: 100dvh) {\n      max-height: calc(100dvh - (calc(5dvh + 96px)));\n    }\n  }\n\n  @media (min-width: 992px) {\n    margin-block-start: 6vh;\n\n    @supports (height: 100dvh) {\n      margin-block-start: 6dvh;\n    }\n  }\n\n  @media (min-width: 1200px) {\n    margin-block-start: 8vh;\n\n    @supports (height: 100dvh) {\n      margin-block-start: 8dvh;\n    }\n  }\n}\n\n.pds-modal--sm {\n  max-width: 520px;\n}\n\n.pds-modal--md {\n  max-width: 700px;\n}\n\n.pds-modal--lg {\n  max-width: 900px;\n}\n\n.pds-modal--fullscreen {\n  border-radius: 0;\n  height: 100%;\n  margin: 0;\n  max-height: 100vh;\n  max-width: 100%;\n\n  @supports (height: 100dvh) {\n    max-height: 100dvh;\n  }\n\n  &.pds-modal--scrollable {\n    max-height: 100vh;\n\n    @supports (height: 100dvh) {\n      max-height: 100dvh;\n    }\n  }\n}\n\n.pds-modal-content {\n  .pds-modal--fullscreen & {\n    flex: 1;\n  }\n}\n\n// Scrollable modal styles (default behavior)\n.pds-modal--scrollable {\n  pds-modal-content {\n    border-block-end: 1px solid transparent;\n    border-block-start: 1px solid transparent;\n    overflow-y: auto;\n  }\n}\n\n// Non-scrollable modal styles\n.pds-modal:not(.pds-modal--scrollable) {\n  pds-modal-content {\n    overflow-y: visible;\n  }\n}\n\n","import { Component, Prop, Event, EventEmitter, Method, Element, h } from '@stencil/core';\n\n// Define the element interface for the mock component\ninterface HTMLMockPdsModalElement extends HTMLElement {\n  open: boolean;\n  showModal: () => Promise<void>;\n  hideModal: () => Promise<void>;\n  handleBackdropClick: (event: MouseEvent) => void;\n  handleKeyDown: (event: KeyboardEvent) => void;\n}\n\n/**\n * Mock PdsModal component for testing purposes\n * This component mimics the real PdsModal but without using the Popover API\n */\n@Component({\n  tag: 'mock-pds-modal',\n  styleUrl: '../pds-modal.scss',\n  shadow: false,\n})\nexport class MockPdsModal {\n  @Element() el!: HTMLMockPdsModalElement;\n\n  /**\n   * The ID of the modal component\n   */\n  @Prop() componentId?: string;\n\n  /**\n   * The size of the modal\n   */\n  @Prop() size: 'sm' | 'md' | 'lg' | 'fullscreen' = 'md';\n\n  /**\n   * Whether the modal content should be scrollable\n   * @default true\n   */\n  @Prop() scrollable = true;\n\n  /**\n   * Whether the modal can be dismissed by clicking the backdrop\n   */\n  @Prop() backdropDismiss = true;\n\n  // Native dialog element always closes on Escape key press, so no closeOnEsc property is needed\n\n  /**\n   * Whether the modal is open\n   */\n  @Prop({ mutable: true }) open = false;\n\n  // No need for modalRef in the mock implementation\n\n  /**\n   * Event emitted when the modal is opened\n   */\n  @Event() pdsModalOpen: EventEmitter;\n\n  /**\n   * Event emitted when the modal is closed\n   */\n  @Event() pdsModalClose: EventEmitter;\n\n  /**\n   * Event emitted when the backdrop is clicked\n   */\n  @Event() pdsModalBackdropClick: EventEmitter;\n\n  /**\n   * Shows the modal\n   */\n  @Method()\n  async showModal() {\n    this.open = true;\n    this.pdsModalOpen.emit();\n  }\n\n  /**\n   * Hides the modal\n   */\n  @Method()\n  async hideModal() {\n    this.open = false;\n    this.pdsModalClose.emit();\n  }\n\n  /**\n   * Listen for click events on the backdrop\n   */\n  // Using direct method instead of @Listen to avoid ESLint warning\n  handleBackdropClick(event: MouseEvent) {\n    const backdrop = this.el.querySelector('.pds-modal__backdrop');\n    // Check if the click was directly on the backdrop (not on a child element)\n    if (event.target === backdrop && this.backdropDismiss === true) {\n      this.pdsModalBackdropClick.emit();\n      this.hideModal();\n    }\n  }\n\n  /**\n   * Listen for keydown events to handle Escape key\n   * Native dialog element always closes on Escape key press\n   */\n  // Using direct method instead of @Listen to avoid ESLint warning\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Escape' && this.open === true) {\n      this.hideModal();\n    }\n  }\n\n  componentDidLoad() {\n    // No need to do anything in componentDidLoad for the mock\n  }\n\n  render() {\n    const modalClasses = {\n      'pds-modal': true,\n      [`pds-modal--${this.size}`]: true,\n      'pds-modal--scrollable': this.scrollable\n    };\n\n    const backdropClasses = {\n      'pds-modal__backdrop': true,\n      'open': this.open,\n    };\n\n    return (\n      <div class={backdropClasses}>\n        <div\n          class={modalClasses}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={this.componentId ? `${this.componentId}-heading` : null}\n        >\n          <div class=\"pds-modal__header\">\n            <slot name=\"header\"></slot>\n          </div>\n          <div class=\"pds-modal-content\">\n            <slot></slot>\n          </div>\n          <div class=\"pds-modal__footer\">\n            <slot name=\"footer\"></slot>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAc,27E,MCoBPC,EAAY,MALzB,WAAAC,CAAAC,G,yJAgBUC,KAAIC,KAAsC,KAM1CD,KAAUE,WAAG,KAKbF,KAAeG,gBAAG,KAODH,KAAII,KAAG,KAkGjC,CA3EC,eAAMC,GACJL,KAAKI,KAAO,KACZJ,KAAKM,aAAaC,M,CAOpB,eAAMC,GACJR,KAAKI,KAAO,MACZJ,KAAKS,cAAcF,M,CAOrB,mBAAAG,CAAoBC,GAClB,MAAMC,EAAWZ,KAAKa,GAAGC,cAAc,wBAEvC,GAAIH,EAAMI,SAAWH,GAAYZ,KAAKG,kBAAoB,KAAM,CAC9DH,KAAKgB,sBAAsBT,OAC3BP,KAAKQ,W,EAST,aAAAS,CAAcN,GACZ,GAAIA,EAAMO,MAAQ,UAAYlB,KAAKI,OAAS,KAAM,CAChDJ,KAAKQ,W,EAIT,gBAAAW,G,CAIA,MAAAC,GACE,MAAMC,EAAe,CACnB,YAAa,KACb,CAAC,cAAcrB,KAAKC,QAAS,KAC7B,wBAAyBD,KAAKE,YAGhC,MAAMoB,EAAkB,CACtB,sBAAuB,KACvBlB,KAAQJ,KAAKI,MAGf,OACEmB,EAAA,OAAAL,IAAA,2CAAKM,MAAOF,GACVC,EACE,OAAAL,IAAA,2CAAAM,MAAOH,EACPI,KAAK,SAAQ,aACF,OAAM,kBACAzB,KAAK0B,YAAc,GAAG1B,KAAK0B,sBAAwB,MAEpEH,EAAK,OAAAL,IAAA,2CAAAM,MAAM,qBACTD,EAAA,QAAAL,IAAA,2CAAMS,KAAK,YAEbJ,EAAK,OAAAL,IAAA,2CAAAM,MAAM,qBACTD,EAAA,QAAAL,IAAA,8CAEFK,EAAK,OAAAL,IAAA,2CAAAM,MAAM,qBACTD,EAAM,QAAAL,IAAA,2CAAAS,KAAK,a","ignoreList":[]}

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

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