@pine-ds/core 3.8.2 → 3.10.0

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

@@ -1 +0,0 @@
-{"version":3,"names":["pdsDropdownMenuCss","PdsDropdownMenu","exports","class_1","hostRef","_this","this","isOpen","menuItems","currentFocusIndex","placement","handleTriggerSlotChange","event","slotEl","target","assignedElements","triggerEl","onclick","handleClick","setAttribute","handleSlotChange","invalidElements","filter","el","tagName","toLowerCase","length","Error","toggleDropdown","openDropdown","closeDropdown","computePosition","panelEl","middleware","offset","flip","shift","padding","then","_e","x","y","Object","assign","style","left","concat","top","_a","host","shadowRoot","querySelector","classList","remove","add","focus","prototype","componentDidRender","getFocusedItemIndex","activeElement","document","findIndex","item","focusItemByIndex","index","menuItem","innerButton","innerLink","_d","_c","_b","focusNextItem","nextIndex","attempts","maxAttempts","disabled","focusPreviousItem","prevIndex","handleKeyDown","key","preventDefault","firstIndex","lastIndex","shiftKey","currentIndex","isTriggerFocused","firstFocusableIndex","handleWindowClick","contains","render","h","Host","id","componentId","name","onSlotchange","display","direction","class","shadow","role"],"sources":["src/components/pds-dropdown-menu/pds-dropdown-menu.scss?tag=pds-dropdown-menu&encapsulation=shadow","src/components/pds-dropdown-menu/pds-dropdown-menu.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.is-hidden {\n  display: none;\n}\n\n.pds-dropdown-menu--panel {\n  background-color: var(--pine-color-background-container);\n  left: var(--pine-dimension-none);\n  min-width: 170px;\n  padding: var(--pine-dimension-xs);\n  position: absolute;\n  z-index: var(--pine-z-index-overlay);\n}\n","import { Component, Element, Host, h, Prop, Listen, State } from '@stencil/core';\nimport type { BasePdsProps } from '@utils/interfaces';\nimport { PlacementType } from '@utils/types';\nimport {  computePosition,\n  flip,\n  offset,\n  shift,\n} from '@floating-ui/dom';\n\n@Component({\n  tag: 'pds-dropdown-menu',\n  styleUrl: 'pds-dropdown-menu.scss',\n  shadow: true,\n})\nexport class PdsDropdownMenu implements BasePdsProps {\n  private slotEl: HTMLSlotElement;\n  private triggerEl: HTMLElement;\n  private panelEl: HTMLPdsBoxElement;\n  private isOpen: boolean = false;\n  private menuItems: HTMLPdsDropdownMenuItemElement[] = [];\n\n  @Element() host: HTMLPdsDropdownMenuElement;\n\n  @State() currentFocusIndex: number = -1;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * The placement of the dropdown panel relative to the trigger.\n   */\n  @Prop() placement: PlacementType = 'bottom-start';\n\n  componentDidRender() {\n    this.panelEl = this.host.shadowRoot?.querySelector('pds-box') as HTMLPdsBoxElement;\n  }\n\n  private handleTriggerSlotChange = (event: Event) => {\n    this.slotEl = event.target as HTMLSlotElement;\n\n    // Get all elements assigned to this slot\n    const assignedElements = this.slotEl.assignedElements();\n\n    this.triggerEl = assignedElements[0] as HTMLElement;\n    this.triggerEl.onclick = this.handleClick;\n\n    // Add accessibility attributes to trigger\n    this.triggerEl.setAttribute('aria-haspopup', 'menu');\n    this.triggerEl.setAttribute('aria-expanded', 'false');\n  }\n\n  private handleSlotChange = (event: Event) => {\n    this.slotEl = event.target as HTMLSlotElement;\n\n    // Get all elements assigned to this slot\n    const assignedElements = this.slotEl.assignedElements();\n\n    // ensure assignedElements only contains pds-dropdown-menu-item or pds-dropdown-menu-separator\n    // if there are other elements, throw an error\n    const invalidElements = assignedElements.filter(el => el.tagName.toLowerCase() !== 'pds-dropdown-menu-item' && el.tagName.toLowerCase() !== 'pds-dropdown-menu-separator');\n    if (invalidElements.length > 0) {\n      throw new Error(`pds-dropdown-menu only accepts pds-dropdown-menu-item and pds-dropdown-menu-separator elements`);\n    }\n\n    // Store all menu items for keyboard navigation\n    this.menuItems = assignedElements.filter(\n      el => el.tagName.toLowerCase() === 'pds-dropdown-menu-item'\n    ) as HTMLPdsDropdownMenuItemElement[];\n  }\n\n  // Toggle dropdown open/closed\n  private toggleDropdown = () => {\n    this.isOpen = !this.isOpen;\n\n    if (this.isOpen) {\n      this.openDropdown();\n    } else {\n      this.closeDropdown();\n    }\n  }\n\n  // Open the dropdown and position it\n  private openDropdown = () => {\n    computePosition(this.triggerEl, this.panelEl, {\n      placement: this.placement,\n      middleware: [offset(6), flip(), shift({padding: 5})],\n    }).then(({ x, y }) => {\n      Object.assign(this.panelEl.style, {\n        left: `${x}px`,\n        top: `${y}px`,\n      });\n    });\n\n    this.host.shadowRoot?.querySelector('pds-box').classList.remove('is-hidden');\n    this.isOpen = true;\n\n    // Update ARIA attributes\n    this.triggerEl.setAttribute('aria-expanded', 'true');\n  }\n\n  // Close the dropdown\n  private closeDropdown = () => {\n    this.host.shadowRoot?.querySelector('pds-box').classList.add('is-hidden');\n    this.isOpen = false;\n\n    // Update ARIA attributes\n    this.triggerEl.setAttribute('aria-expanded', 'false');\n\n    // Reset focus index\n    this.currentFocusIndex = -1;\n\n    // Return focus to trigger\n    this.triggerEl.focus();\n  }\n\n  // Handle click on the trigger element\n  private handleClick = () => {\n    this.toggleDropdown();\n  }\n\n  // Get the index of the currently focused menu item\n  private getFocusedItemIndex(): number {\n    const activeElement = document.activeElement as HTMLPdsDropdownMenuItemElement | null;\n    if (!activeElement) return -1;\n    return this.menuItems.findIndex(item => item === activeElement);\n  }\n\n  // Focus a specific menu item by index\n  private focusItemByIndex(index: number): void {\n    if (index >= 0 && index < this.menuItems.length) {\n      this.currentFocusIndex = index;\n\n      // Focus the inner button/link instead of the host element\n      const menuItem = this.menuItems[index];\n      const innerButton = menuItem.shadowRoot?.querySelector('button');\n      const innerLink = menuItem.shadowRoot?.querySelector('pds-link')?.shadowRoot?.querySelector('a');\n\n      if (innerButton) {\n        return innerButton.focus();\n      } else if (innerLink) {\n        return innerLink.focus();\n      } else {\n        // Fallback to focusing the host if we can't find the inner element\n        menuItem.focus();\n      }\n    }\n  }\n\n  // Focus the next menu item\n  private focusNextItem(): void {\n    let nextIndex = (this.currentFocusIndex + 1) % this.menuItems.length;\n\n    // Skip disabled items\n    let attempts = 0;\n    const maxAttempts = this.menuItems.length;\n\n    while (attempts < maxAttempts && this.menuItems[nextIndex].disabled) {\n      nextIndex = (nextIndex + 1) % this.menuItems.length;\n      attempts++;\n    }\n\n    // Only focus if we found a non-disabled item\n    if (attempts < maxAttempts) {\n      this.focusItemByIndex(nextIndex);\n    }\n  }\n\n  // Focus the previous menu item\n  private focusPreviousItem(): void {\n    let prevIndex = this.currentFocusIndex <= 0\n      ? this.menuItems.length - 1\n      : this.currentFocusIndex - 1;\n\n    // Skip disabled items\n    let attempts = 0;\n    const maxAttempts = this.menuItems.length;\n\n    while (attempts < maxAttempts && this.menuItems[prevIndex].disabled) {\n      prevIndex = prevIndex <= 0 ? this.menuItems.length - 1 : prevIndex - 1;\n      attempts++;\n    }\n\n    // Only focus if we found a non-disabled item\n    if (attempts < maxAttempts) {\n      this.focusItemByIndex(prevIndex);\n    }\n  }\n\n  // Handle keyboard events for the dropdown\n  @Listen('keydown', { target: 'window' })\n  handleKeyDown(event: KeyboardEvent) {\n    if (!this.isOpen) return;\n\n    switch (event.key) {\n      case 'Escape':\n        event.preventDefault();\n        this.closeDropdown();\n        break;\n\n      case 'ArrowDown':\n        event.preventDefault();\n        this.focusNextItem();\n        break;\n\n      case 'ArrowUp':\n        event.preventDefault();\n        this.focusPreviousItem();\n        break;\n\n      case 'Home':\n        event.preventDefault();\n        if (this.menuItems.length > 0) {\n          // Find first non-disabled item\n          let firstIndex = 0;\n          while (firstIndex < this.menuItems.length && this.menuItems[firstIndex].disabled) {\n            firstIndex++;\n          }\n          if (firstIndex < this.menuItems.length) {\n            this.focusItemByIndex(firstIndex);\n          }\n        }\n        break;\n\n      case 'End':\n        event.preventDefault();\n        if (this.menuItems.length > 0) {\n          // Find last non-disabled item\n          let lastIndex = this.menuItems.length - 1;\n          while (lastIndex >= 0 && this.menuItems[lastIndex].disabled) {\n            lastIndex--;\n          }\n          if (lastIndex >= 0) {\n            this.focusItemByIndex(lastIndex);\n          }\n        }\n        break;\n\n      case 'Tab':\n        if (event.shiftKey) {\n          // Let Shift+Tab navigate naturally from first item to trigger\n          // For all other items, move to previous item\n          const currentIndex = this.getFocusedItemIndex();\n\n          if (currentIndex > 0) {\n            // If not on first item, prevent default and go to previous item\n            event.preventDefault();\n            this.focusPreviousItem(); // Use our method that skips disabled items\n          }\n          // If on first item or no item, let natural tab order move back to trigger\n        } else {\n          // Forward Tab navigation\n          const activeElement = document.activeElement;\n          const isTriggerFocused = activeElement === this.triggerEl;\n          const currentIndex = this.getFocusedItemIndex();\n\n          if (isTriggerFocused && this.menuItems.length > 0) {\n            // If trigger is focused, move to first non-disabled menu item\n            event.preventDefault();\n\n            // Find the first non-disabled item\n            let firstFocusableIndex = 0;\n            while (firstFocusableIndex < this.menuItems.length && this.menuItems[firstFocusableIndex].disabled) {\n              firstFocusableIndex++;\n            }\n\n            if (firstFocusableIndex < this.menuItems.length) {\n              this.focusItemByIndex(firstFocusableIndex);\n            }\n          } else if (currentIndex === -1 && this.menuItems.length > 0) {\n            // If no menu item is focused, focus the first non-disabled one\n            event.preventDefault();\n\n            // Find the first non-disabled item\n            let firstFocusableIndex = 0;\n            while (firstFocusableIndex < this.menuItems.length && this.menuItems[firstFocusableIndex].disabled) {\n              firstFocusableIndex++;\n            }\n\n            if (firstFocusableIndex < this.menuItems.length) {\n              this.focusItemByIndex(firstFocusableIndex);\n            }\n          } else if (currentIndex !== -1) {\n            // Use our method that skips disabled items\n            event.preventDefault();\n            this.focusNextItem();\n          }\n        }\n        break;\n    }\n  }\n\n  // Handle clicks outside the dropdown to close it\n  @Listen('click', { target: 'window' })\n  handleWindowClick(event: MouseEvent) {\n    if (this.isOpen && !this.host.contains(event.target as Node) && event.target !== this.triggerEl) {\n      this.closeDropdown();\n    }\n  }\n\n\n  render() {\n    return (\n      <Host id={this.componentId}>\n        <slot\n          name=\"trigger\"\n          onSlotchange={this.handleTriggerSlotChange}\n        ></slot>\n        <pds-box\n          border-radius=\"sm\"\n          display=\"flex\"\n          direction=\"column\"\n          class=\"pds-dropdown-menu--panel is-hidden\"\n          shadow=\"100\"\n          role=\"menu\"\n          aria-orientation=\"vertical\"\n        >\n          <slot onSlotchange={this.handleSlotChange}></slot>\n        </pds-box>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["pdsSortableItemCss","PdsSortableItem","exports","class_1","hostRef","this","enableActions","showHandle","prototype","componentWillRender","sortableRef","el","closest","handleType","render","h","Host","key","class","id","componentId","icon","handleIcon","name"],"sources":["src/components/pds-sortable/pds-sortable-item/pds-sortable-item.scss?tag=pds-sortable-item&encapsulation=scoped","src/components/pds-sortable/pds-sortable-item/pds-sortable-item.tsx"],"sourcesContent":[":host(.pds-sortable-item) {\n  align-items: center;\n  display: flex;\n  padding-block: var(--pine-dimension-xs);\n  padding-inline: var(--pine-dimension-md);\n\n  .pds-sortable-item__actions {\n    margin-inline-start: auto;\n    padding-inline-start: var(--pine-dimension-md);\n  }\n\n  .pds-sortable-item__handle {\n    line-height: 1;\n    margin-inline-end: var(--pine-dimension-md);\n  }\n\n  // styles when sortable is bordered\n  .pds-sortable--bordered & {\n    &:first-child {\n      border-start-end-radius: calc(var(--pine-dimension-xs) * 1.25);\n      border-start-start-radius: calc(var(--pine-dimension-xs) * 1.25);\n    }\n\n    &:last-child {\n      border-end-end-radius: calc(var(--pine-dimension-xs) * 1.25);\n      border-end-start-radius: calc(var(--pine-dimension-xs) * 1.25);\n    }\n  }\n\n  // styles when sortable is divided\n  .pds-sortable--divided & {\n    border-block-end: var(--pine-border);\n\n    &:last-child {\n      border-block-end: 0;\n    }\n  }\n\n  // cursor styles based on handle-type\n  .pds-sortable--handle-type-row & {\n    cursor: grab;\n  }\n\n  .pds-sortable--handle-type-handle & {\n    .pds-sortable-item__handle {\n      cursor: grab;\n    }\n  }\n}\n\n:host(.pds-sortable-item):hover {\n  background-color: var(--pine-color-background-container-hover);\n\n  pds-icon {\n    color: var(--pine-color-info)\n  }\n}\n\n:host(.pds-sortable-item--drag) {\n  background-color: var(--pine-color-background-container);\n  border-radius: 0;\n  box-shadow: var(--pine-box-shadow-400);\n  opacity: 1;\n}\n\n:host(.pds-sortable-item--ghost) {\n  background-color: var(--pine-color-background-container-hover);\n  border-radius: 0;\n}\n","import { Component, Element, Host, h, Prop } from '@stencil/core';\n\nimport { handle as handleIcon } from '@pine-ds/icons/icons';\n/**\n * @slot sortable-item-actions - Content is placed within the `pds-sortable-item__actions` element as children. This slot is only rendered if `actions` is set to `true`.\n */\n@Component({\n  tag: 'pds-sortable-item',\n  styleUrl: 'pds-sortable-item.scss',\n  scoped: true,\n})\nexport class PdsSortableItem {\n  @Element() el: HTMLPdsSortableItemElement;\n  sortableRef: HTMLPdsSortableElement;\n  /**\n   * Determines whether `sortable-item-actions` slot should be enabled.\n   * @defaultValue false\n   */\n  @Prop() enableActions = false;\n\n  /**\n   * A unique identifier used for the sortable item `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines whether `sortable-item` should have a handle.\n   * @defaultValue false\n   */\n  @Prop({ mutable: true }) showHandle = false;\n\n  componentWillRender() {\n    // When the parent sortable has a type of 'handle', the sortable items\n    // will automatically set showHandle to 'true'.\n    this.sortableRef = this.el.closest('pds-sortable') as HTMLPdsSortableElement;\n\n    if (this.sortableRef && this.sortableRef.handleType === 'handle') {\n      this.showHandle = true;\n    }\n  }\n\n  render() {\n    return (\n      <Host class=\"pds-sortable-item\" id={this.componentId}>\n        {this.showHandle && (\n          <div class=\"pds-sortable-item__handle\">\n            <pds-icon icon={handleIcon}></pds-icon>\n          </div>\n        )}\n        <slot></slot>\n        {this.enableActions && (\n          <div class=\"pds-sortable-item__actions\">\n            <slot name=\"sortable-item-actions\" />\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"wMAAA,IAAMA,EAAqB,yjE,ICWdC,EAAeC,EAAA,+BAL5B,SAAAC,EAAAC,G,UAYUC,KAAaC,cAAG,MAWCD,KAAUE,WAAG,KA6BvC,CA3BCJ,EAAAK,UAAAC,oBAAA,WAGEJ,KAAKK,YAAcL,KAAKM,GAAGC,QAAQ,gBAEnC,GAAIP,KAAKK,aAAeL,KAAKK,YAAYG,aAAe,SAAU,CAChER,KAAKE,WAAa,I,GAItBJ,EAAAK,UAAAM,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,oBAAoBC,GAAId,KAAKe,aACtCf,KAAKE,YACJQ,EAAK,OAAAE,IAAA,2CAAAC,MAAM,6BACTH,EAAA,YAAAE,IAAA,2CAAUI,KAAMC,KAGpBP,EAAa,QAAAE,IAAA,6CACZZ,KAAKC,eACJS,EAAK,OAAAE,IAAA,2CAAAC,MAAM,8BACTH,EAAM,QAAAE,IAAA,2CAAAM,KAAK,2B,uHAzCK,I","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as a,h as e,H as s,g as t}from"./p-Bf1dou5H.js";const i=":host{display:block}.pds-tabpanel{display:none;margin-top:var(--tabs-dimension-panel-margin-top);padding:var(--tabs-dimension-panel-padding)}.pds-tabpanel:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tabpanel.is-active{display:block}";const n=class{constructor(e){a(this,e);this.selected=false}render(){return e(s,{key:"024cffb191c49db6049ec281eba1877c6618f4f2",slot:"tabpanels"},e("div",{key:"3ab5918e75ae4708bbd12394d55f4b86cc614fdc",role:"tabpanel",id:this.parentComponentId+"__"+this.name+"-panel",tabindex:"0","aria-labelledby":this.parentComponentId+"__"+this.name,class:this.selected?"pds-tabpanel is-active":"pds-tabpanel"},e("slot",{key:"5c7ede2a36c7594b1943ae5f248df22c71b86537"})))}get el(){return t(this)}};n.style=i;export{n as pds_tabpanel};
-//# sourceMappingURL=p-bc2530d7.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["pdsTabpanelCss","PdsTabpanel","constructor","hostRef","this","selected","render","h","Host","key","slot","role","id","parentComponentId","name","tabindex","class"],"sources":["src/components/pds-tabs/pds-tabpanel/pds-tabpanel.scss?tag=pds-tabpanel","src/components/pds-tabs/pds-tabpanel/pds-tabpanel.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.pds-tabpanel {\n  display: none;\n  margin-top: var(--tabs-dimension-panel-margin-top);\n  padding: var(--tabs-dimension-panel-padding);\n\n  &:focus-visible {\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-border-width);\n  }\n\n  &.is-active {\n    display: block;\n  }\n}\n","import { Component, Element, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pds-tabpanel',\n  styleUrl: 'pds-tabpanel.scss',\n  shadow: false,\n})\nexport class PdsTabpanel {\n  @Element() el: HTMLPdsTabpanelElement;\n\n  /**\n   * Sets the related tab name, this name must match a `pds-tab`'s tab name property\n   */\n  @Prop() name!: string;\n\n  /**\n   * Keeps track of the parentComponentId unique id, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() parentComponentId: string;\n\n  /**\n   * Keeps track of if the expected tab variant, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() variant: string;\n\n  /**\n   * Keeps track of the tabpanel selected state, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop({mutable: true}) selected = false;          // eslint-disable-line @stencil-community/strict-mutable\n\n  render() {\n    return (\n      <Host slot=\"tabpanels\">\n        <div\n          role=\"tabpanel\"\n          id={this.parentComponentId + \"__\" + this.name + '-panel'}\n          tabindex=\"0\"\n          aria-labelledby={this.parentComponentId + \"__\" + this.name}\n          class={this.selected ? \"pds-tabpanel is-active\" : \"pds-tabpanel\"}\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAiB,4R,MCOVC,EAAW,MALxB,WAAAC,CAAAC,G,UA6ByBC,KAAAC,SAAW,KAiBnC,CAfC,MAAAC,GACE,OACEC,EAACC,EAAK,CAAAC,IAAA,2CAAAC,KAAK,aACTH,EACE,OAAAE,IAAA,2CAAAE,KAAK,WACLC,GAAIR,KAAKS,kBAAoB,KAAOT,KAAKU,KAAO,SAChDC,SAAS,IAAG,kBACKX,KAAKS,kBAAoB,KAAOT,KAAKU,KACtDE,MAAOZ,KAAKC,SAAW,yBAA2B,gBAElDE,EAAQ,QAAAE,IAAA,8C","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["missingAssetPathWarning","getAssetPath","path","_a","metaPineAssetPath","document","head","querySelector","dataset","pineAssetPath","windowAssetPath","window","__PINE_ASSET_PATH__","cdnAssetPath","assetBasePath","startsWith","console","warn","assetPath","substring","endsWith","CACHED_MAP","getIconMap","Map","win","PdsIcons","map","getName","iconName","icon","isSrc","isStr","toLower","trim","invalidChars","replace","getNamedUrl","url","get","concat","getSrc","src","getUrl","pdsIcon","name","isRTL","hostEl","dir","toLowerCase","str","length","test","val","inheritAttributes","el","attributes","attributeObject","forEach","attr","hasAttribute","value","getAttribute","removeAttribute","shouldRtlFlipIcon","rtlEnabled","ICONS_TO_FLIP","includes","validateContent","svgContent","div","createElement","innerHTML","i","childNodes","nodeName","removeChild","svgElm","firstElementChild","svgClass","setAttribute","isValid","elm","nodeType","indexOf","isSvgDataUrl","isEncodedDataUrl","pdsIconContent","requests","parser","getSvgContent","sanitize","req","fetch","DOMParser","doc","parseFromString","svg","set","outerHTML","error","Promise","resolve","then","rsp","ok","text","validationError","Error","status","statusText","catch","pdsIconCss","PdsIcon","exports","class_1","hostRef","_this","this","didLoadIcon","inheritedAttributes","isVisible","size","hasAriaHidden","prototype","iconSize","sizes","small","regular","medium","large","componentDidLoad","setCSSVariables","loadIcon","setTimeout","componentWillLoad","setupInitialAriaLabel","style","setProperty","color","connectedCallback","waitUntilVisible","isElementInViewport","disconnectedCallback","io","disconnect","undefined","updateStyles","onIconPropertyChange","url_1","has","render","_b","ariaLabel","flipRtl","shouldIconAutoFlip","shouldFlip","finalAriaLabel","h","Host","Object","assign","key","alt","role","class","createColorClasses","rootMargin","cb","IntersectionObserver","io_1","data","isIntersecting","observe","isConnected","rect","getBoundingClientRect","windowHeight","innerHeight","documentElement","clientHeight","windowWidth","innerWidth","clientWidth","top","left","bottom","right","debugIconState","log","hasSvgContent","svgContentLength","isInCache","cachedContent","element","isInViewport","hasIntersectionObserver","boundingClientRect","windowDimensions","width","height","defineProperty"],"sources":["../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/assetPath.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/utils.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/validate.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/request.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/pds-icon.css?tag=pds-icon&encapsulation=shadow","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/pds-icon.js"],"sourcesContent":["import { Build } from \"@stencil/core\";\nlet missingAssetPathWarning = false;\n/**\n *\n * Reads the component asset path config from meta tag or a global variable.\n * This is a temporary workaround until these issues have been addressed:\n *\n * https://github.com/ionic-team/stencil/issues/2826/\n * https://github.com/ionic-team/stencil/issues/3470\n * https://github.com/ionic-team/stencil-ds-output-targets/issues/186\n */\nexport const getAssetPath = (path) => {\n    var _a;\n    const metaPineAssetPath = (_a = document.head.querySelector('meta[data-pine-asset-path]')) === null || _a === void 0 ? void 0 : _a.dataset.pineAssetPath;\n    // Get the asset path from the window object if available\n    const windowAssetPath = window.__PINE_ASSET_PATH__;\n    // Set the CDN Asset path using the latest version\n    const cdnAssetPath = 'https://cdn.jsdelivr.net/npm/@pine-ds/icons/dist/';\n    const assetBasePath = Build.isTesting ? '/dist/pds-icons' : metaPineAssetPath || windowAssetPath || cdnAssetPath || '/';\n    // Display a warning if the assets are fetched from the CDN.\n    if (assetBasePath.startsWith('https://cdn.jsdelivr.net/npm/') && !missingAssetPathWarning) {\n        missingAssetPathWarning = true;\n        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    `);\n    }\n    let assetPath = path;\n    if (path.startsWith('./')) {\n        assetPath = path.substring(2);\n    }\n    if (!assetBasePath.endsWith('/')) {\n        assetPath = '/' + assetPath;\n    }\n    return assetBasePath + assetPath;\n};\n//# sourceMappingURL=assetPath.js.map\n","import { getAssetPath } from \"./assetPath\";\nlet CACHED_MAP;\nexport const addIcons = (icons) => {\n    const map = getIconMap();\n    Object.keys(icons).forEach(name => map.set(name, icons[name]));\n};\nexport const getIconMap = () => {\n    if (typeof window === 'undefined') {\n        return new Map();\n    }\n    else {\n        if (!CACHED_MAP) {\n            const win = window; // eslint-disable-line @typescript-eslint/no-explicit-any\n            win.PdsIcons = win.PdsIcons || {};\n            CACHED_MAP = win.PdsIcons.map = win.PdsIcons.map || new Map();\n        }\n        return CACHED_MAP;\n    }\n};\nexport const getName = (iconName, icon) => {\n    if (!iconName && icon && !isSrc(icon)) {\n        iconName = icon;\n    }\n    if (isStr(iconName)) {\n        iconName = toLower(iconName);\n    }\n    if (!isStr(iconName) || iconName.trim() === '') {\n        return null;\n    }\n    const invalidChars = iconName.replace(/[a-z]|-|\\d/gi, '');\n    if (invalidChars != '') {\n        return null;\n    }\n    return iconName;\n};\nconst getNamedUrl = (iconName) => {\n    const url = getIconMap().get(iconName);\n    if (url) {\n        return url;\n    }\n    return getAssetPath(`svg/${iconName}.svg`);\n};\nexport const getSrc = (src) => {\n    if (isStr(src)) {\n        src = src.trim();\n        if (isSrc(src)) {\n            return src;\n        }\n    }\n    return null;\n};\nexport const getUrl = (pdsIcon) => {\n    let url = getSrc(pdsIcon.src);\n    if (url) {\n        return url;\n    }\n    url = getName(pdsIcon.name, pdsIcon.icon);\n    if (url) {\n        return getNamedUrl(url);\n    }\n    if (pdsIcon.icon) {\n        url = getSrc(pdsIcon.icon);\n        if (url) {\n            return url;\n        }\n    }\n    return null;\n};\n/**\n * Returns `true` if the document or host element\n * has a `dir` set to `rtl`. The host value will always\n * take priority over the root document value.\n */\nexport const isRTL = (hostEl) => {\n    if (hostEl) {\n        if (hostEl.dir !== '') {\n            return hostEl.dir.toLowerCase() === 'rtl';\n        }\n    }\n    return (document === null || document === void 0 ? void 0 : document.dir.toLowerCase()) === 'rtl';\n};\nexport const isSrc = (str) => str.length > 0 && /(\\/|\\.)/.test(str);\nexport const isStr = (val) => typeof val === 'string'; // eslint-disable-line @typescript-eslint/no-explicit-any\nexport const toLower = (val) => val.toLowerCase();\n/**\n * Elements inside of web components sometimes need to inherit global attributes\n * set on the host. For example, the inner input in `pds-input` should inherit\n * the `title` attribute that developers set directly on `pds-input`. This\n * helper function should be called in componentWillLoad and assigned to a variable\n * that is later used in the render function.\n *\n * This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n */\nexport const inheritAttributes = (el, attributes = []) => {\n    const attributeObject = {}; // eslint-disable-line @typescript-eslint/no-explicit-any\n    attributes.forEach(attr => {\n        if (el.hasAttribute(attr)) {\n            const value = el.getAttribute(attr);\n            if (value !== null) {\n                attributeObject[attr] = el.getAttribute(attr);\n            }\n            el.removeAttribute(attr);\n        }\n    });\n    return attributeObject;\n};\n/**\n * Determines if an icon should be flipped when RTL is enabled\n * @param iconName - The name of the icon to check\n * @param hostEl - Optional host element to check for RTL direction\n * @returns {boolean} - True if the icon should be flipped in RTL mode, false otherwise\n */\nexport const shouldRtlFlipIcon = (iconName, hostEl) => {\n    // First check if we're in RTL mode\n    const rtlEnabled = isRTL(hostEl);\n    // Only flip if we're in RTL mode and the icon is in the flip list\n    return rtlEnabled && ICONS_TO_FLIP.includes(iconName);\n};\n/**\n * Array of available icon names\n */\nexport const ICONS_TO_FLIP = [\n    'align-horizontal-bottom',\n    'align-horizontal-center',\n    'align-horizontal-top',\n    'align-left',\n    'align-right',\n    'align-vertical-left',\n    'align-vertical-right',\n    'arrow-corner',\n    'arrow-left',\n    'arrow-right',\n    'calendar-schedule',\n    'caret-left',\n    'caret-right',\n    'cart',\n    'cart-add',\n    'comment',\n    'comment-no',\n    'conversation',\n    'copy',\n    'copy-07',\n    'delete-key',\n    'delete-x',\n    'downsell',\n    'drawer-collapse',\n    'drawer-expand',\n    'duplicate',\n    'feedback',\n    'file-lock',\n    'file-search',\n    'form-field',\n    'form-filled',\n    'left-small',\n    'launch',\n    'list-bullet',\n    'list-numbers',\n    'margin-left',\n    'margin-right',\n    'move-left',\n    'move-right',\n    'newsletter-2',\n    'one-off-session',\n    'quote',\n    'redo',\n    'reset-password',\n    'right-small',\n    'send-message',\n    'share',\n    'super-admin',\n    'tablet-landscape',\n    'undo',\n    'user-star',\n    'user-star-filled',\n    'users',\n    'users-filled',\n    'users-tone'\n];\n//# sourceMappingURL=utils.js.map\n","import { isStr } from \"./utils\";\nexport const validateContent = (svgContent) => {\n    const div = document.createElement('div');\n    div.innerHTML = svgContent;\n    // setup this way to ensure it works on our buddy IE\n    for (let i = div.childNodes.length - 1; i >= 0; i--) {\n        if (div.childNodes[i].nodeName.toLowerCase() !== 'svg') {\n            div.removeChild(div.childNodes[i]);\n        }\n    }\n    // must only have 1 root element\n    const svgElm = div.firstElementChild;\n    if (svgElm && svgElm.nodeName.toLowerCase() === 'svg') {\n        const svgClass = svgElm.getAttribute('class') || '';\n        svgElm.setAttribute('class', (svgClass + ' s-pds-icon').trim());\n        // root element must be an svg\n        // lets double check we've got valid elements\n        // do not allow scripts\n        if (isValid(svgElm)) {\n            return div.innerHTML;\n        }\n    }\n    return '';\n};\nexport const isValid = (elm) => {\n    if (elm.nodeType === 1) {\n        if (elm.nodeName.toLowerCase() === 'script') {\n            return false;\n        }\n        for (let i = 0; i < elm.attributes.length; i++) {\n            const name = elm.attributes[i].name;\n            if (isStr(name) && name.toLowerCase().indexOf('on') === 0) {\n                return false;\n            }\n        }\n        for (let i = 0; i < elm.childNodes.length; i++) {\n            if (!isValid(elm.childNodes[i])) {\n                return false;\n            }\n        }\n    }\n    return true;\n};\nexport const isSvgDataUrl = (url) => url.startsWith('data:image/svg+xml');\nexport const isEncodedDataUrl = (url) => url.indexOf(';utf8,') !== -1;\n//# sourceMappingURL=validate.js.map\n","import { isEncodedDataUrl, isSvgDataUrl, validateContent } from \"./validate\";\nexport const pdsIconContent = new Map();\nconst requests = new Map(); // eslint-disable-line @typescript-eslint/no-explicit-any\nlet parser;\nexport const getSvgContent = (url, sanitize = false) => {\n    let req = requests.get(url);\n    if (!req) {\n        if (typeof fetch != 'undefined' && typeof document !== 'undefined') {\n            if (isSvgDataUrl(url) && isEncodedDataUrl(url)) {\n                if (!parser) {\n                    parser = new DOMParser();\n                }\n                try {\n                    const doc = parser.parseFromString(url, 'text/html');\n                    const svg = doc.querySelector('svg');\n                    if (svg) {\n                        pdsIconContent.set(url, svg.outerHTML);\n                    }\n                    else {\n                        pdsIconContent.set(url, '');\n                    }\n                }\n                catch (error) {\n                    pdsIconContent.set(url, '');\n                }\n                return Promise.resolve();\n            }\n            else {\n                // we don't have a request\n                req = fetch(url).then((rsp) => {\n                    if (rsp.ok) {\n                        return rsp.text().then((svgContent) => {\n                            if (svgContent && sanitize !== false) {\n                                try {\n                                    svgContent = validateContent(svgContent);\n                                }\n                                catch (validationError) {\n                                    svgContent = '';\n                                }\n                            }\n                            pdsIconContent.set(url, svgContent || '');\n                        });\n                    }\n                    else {\n                        // Handle HTTP errors\n                        throw new Error(`Failed to load SVG: ${rsp.status} ${rsp.statusText}`);\n                    }\n                }).catch((error) => {\n                    // Handle all fetch errors gracefully\n                    console.warn('Failed to load SVG:', url, error);\n                    pdsIconContent.set(url, '');\n                    // Don't re-throw to prevent unhandled promise rejections\n                });\n                requests.set(url, req);\n            }\n        }\n        else {\n            pdsIconContent.set(url, '');\n            return Promise.resolve();\n        }\n    }\n    return req;\n};\n//# sourceMappingURL=request.js.map\n",":host {\n  --dimension-icon-height: 16px;\n  --dimension-icon-width: 16px;\n  --color-icon-fill: currentColor;\n  contain: strict;\n  display: inline-block;\n  fill: var(--color-icon-fill);\n  flex-shrink: 0;\n  height: var(--dimension-icon-height);\n  width: var(--dimension-icon-width);\n}\n:host .pdsicon {\n  fill: var(--color-icon-fill);\n}\n\n.pds-icon-fill-none {\n  fill: none;\n}\n\n.icon-inner,\n.pds-icon,\nsvg {\n  display: block;\n  height: 100%;\n  width: 100%;\n}\n\n/* :host-context is supported in chromium; :dir is supported in safari & firefox */\n:host(.flip-rtl):host-context([dir=rtl]) .icon-inner {\n  transform: scaleX(-1);\n}\n\n:host(.flip-rtl:dir(rtl)) .icon-inner {\n  transform: scaleX(-1);\n}\n\n/**\n  * This is needed for WebKit otherwise the fallback\n  * will always cause the icon to be flipped if the document\n  * loads in RTL.\n  */\n:host(.flip-rtl:dir(ltr)) .icon-inner {\n  transform: scaleX(1);\n}","import { Build, Host, h } from \"@stencil/core\";\nimport { getSvgContent, pdsIconContent } from \"./request\";\nimport { getName, getUrl, inheritAttributes, isRTL, shouldRtlFlipIcon } from \"./utils\";\nexport class PdsIcon {\n    constructor() {\n        this.didLoadIcon = false;\n        this.iconName = null;\n        this.inheritedAttributes = {}; // eslint-disable-line @typescript-eslint/no-explicit-any\n        this.isVisible = false;\n        /**\n         * The size of the icon. This can be\n         * 'small', 'regular', 'medium', 'large', or a\n         * custom value (40px, 1rem, etc)\n         *\n         */\n        this.size = 'regular';\n        this.hasAriaHidden = () => {\n            const { el } = this;\n            return el.hasAttribute('aria-hidden') && el.getAttribute('aria-hidden') === 'true';\n        };\n    }\n    iconSize() {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const sizes = {\n            small: '12px',\n            regular: '16px',\n            medium: '20px',\n            large: '24px',\n        };\n        if (sizes[this.size]) {\n            return sizes[this.size];\n        }\n        else {\n            return this.size;\n        }\n    }\n    componentDidLoad() {\n        this.setCSSVariables();\n        if (!this.didLoadIcon) {\n            this.loadIcon();\n        }\n        // Fallback: Ensure icon loads even if IntersectionObserver doesn't fire\n        setTimeout(() => {\n            if (!this.svgContent && !this.isVisible) {\n                this.isVisible = true;\n                this.loadIcon();\n            }\n        }, 100);\n        // Additional fallback for client-side navigation (React Router, etc.)\n        // React's useLayoutEffect and rendering cycles can delay visibility detection\n        setTimeout(() => {\n            if (!this.svgContent && !this.isVisible) {\n                this.isVisible = true;\n                this.loadIcon();\n            }\n        }, 500);\n    }\n    componentWillLoad() {\n        this.inheritedAttributes = inheritAttributes(this.el, ['aria-label']);\n        this.setCSSVariables();\n        this.setupInitialAriaLabel();\n    }\n    setCSSVariables() {\n        this.el.style.setProperty(`--dimension-icon-height`, this.iconSize());\n        this.el.style.setProperty(`--dimension-icon-width`, this.iconSize());\n        this.el.style.setProperty(`--color-icon-fill`, typeof this.color !== 'undefined' ? this.color : 'currentColor');\n    }\n    connectedCallback() {\n        // Handle re-connection during client-side navigation\n        if (!this.isVisible && !this.svgContent) {\n            this.waitUntilVisible(this.el, '50px', () => {\n                this.isVisible = true;\n                this.loadIcon();\n            });\n        }\n        // Immediate load attempt if already visible (e.g., during React navigation)\n        if (this.isElementInViewport(this.el)) {\n            this.isVisible = true;\n            this.loadIcon();\n        }\n    }\n    disconnectedCallback() {\n        if (this.io) {\n            this.io.disconnect();\n            this.io = undefined;\n        }\n    }\n    updateStyles() {\n        this.setCSSVariables();\n    }\n    onIconPropertyChange() {\n        this.loadIcon();\n        // Update aria-label when icon properties change\n        this.setupInitialAriaLabel();\n    }\n    loadIcon() {\n        // Reset load state when URL changes\n        this.didLoadIcon = false;\n        // Clear existing content to prevent stale content when switching icons\n        this.svgContent = undefined;\n        if (Build.isBrowser && this.isVisible) {\n            const url = getUrl(this);\n            if (url) {\n                if (pdsIconContent.has(url)) {\n                    this.svgContent = pdsIconContent.get(url);\n                }\n                else {\n                    // Fix: Ensure promise callback triggers re-render and handle errors\n                    getSvgContent(url)\n                        .then(() => {\n                        // Force re-render by setting state in next tick\n                        setTimeout(() => {\n                            this.svgContent = pdsIconContent.get(url);\n                        }, 0);\n                    })\n                        .catch(() => {\n                        // Handle fetch errors gracefully\n                        this.svgContent = '';\n                    });\n                }\n                this.didLoadIcon = true;\n            }\n        }\n        this.iconName = getName(this.name, this.icon);\n    }\n    render() {\n        const { ariaLabel, flipRtl, iconName, inheritedAttributes } = this;\n        const shouldIconAutoFlip = iconName\n            ? shouldRtlFlipIcon(iconName, this.el) && flipRtl !== false\n            : false;\n        const shouldFlip = flipRtl || shouldIconAutoFlip;\n        // Use inherited aria-label if provided, otherwise fall back to auto-generated one\n        const finalAriaLabel = inheritedAttributes['aria-label'] || ariaLabel;\n        return (h(Host, Object.assign({ key: '43aa73531314e6529a887468e69362430d006229', \"aria-label\": finalAriaLabel !== undefined && !this.hasAriaHidden() ? finalAriaLabel : null, alt: \"\", role: \"img\", class: Object.assign(Object.assign({}, createColorClasses(this.color)), { 'flip-rtl': shouldFlip, 'icon-rtl': shouldFlip && isRTL(this.el) }) }, inheritedAttributes), Build.isBrowser && this.svgContent ? (h(\"div\", { class: \"icon-inner\", innerHTML: this.svgContent })) : (h(\"div\", { class: \"icon-inner\" }))));\n    }\n    /*****\n     * Private Methods\n     ****/\n    setupInitialAriaLabel() {\n        // Only set aria-label during initial load if one isn't already provided\n        if (!this.inheritedAttributes['aria-label']) {\n            const iconName = getName(this.name, this.icon);\n            if (iconName) {\n                this.ariaLabel = iconName.replace(/\\-/g, ' ');\n            }\n        }\n    }\n    waitUntilVisible(el, rootMargin, cb) {\n        if (Build.isBrowser && typeof window !== 'undefined' && (window).IntersectionObserver) {\n            const io = (this.io = new (window).IntersectionObserver((data) => {\n                if (data[0].isIntersecting) {\n                    io.disconnect();\n                    this.io = undefined;\n                    cb();\n                }\n            }, { rootMargin }));\n            io.observe(el);\n            // Safety timeout for client-side navigation scenarios\n            // Sometimes IntersectionObserver doesn't fire during React navigation\n            setTimeout(() => {\n                if (this.io && !this.isVisible) {\n                    // Check if element is actually visible in viewport\n                    if (this.isElementInViewport(el)) {\n                        this.io.disconnect();\n                        this.io = undefined;\n                        cb();\n                    }\n                }\n            }, 1000);\n        }\n        else {\n            // browser doesn't support IntersectionObserver\n            // so just fallback to always show it\n            cb();\n        }\n    }\n    isElementInViewport(el) {\n        if (!el || !el.isConnected)\n            return false;\n        const rect = el.getBoundingClientRect();\n        const windowHeight = window.innerHeight || document.documentElement.clientHeight;\n        const windowWidth = window.innerWidth || document.documentElement.clientWidth;\n        return (rect.top >= 0 &&\n            rect.left >= 0 &&\n            rect.bottom <= windowHeight &&\n            rect.right <= windowWidth) || (\n        // Also consider partially visible elements\n        rect.top < windowHeight &&\n            rect.bottom > 0 &&\n            rect.left < windowWidth &&\n            rect.right > 0);\n    }\n    /**\n     * Debug method to help diagnose loading issues\n     * Call from browser console: document.querySelector('pds-icon').debugIconState()\n     */\n    debugIconState() {\n        var _a;\n        const url = getUrl(this);\n        const rect = this.el.getBoundingClientRect();\n        console.log('PdsIcon Debug State:', {\n            name: this.name,\n            src: this.src,\n            icon: this.icon,\n            iconName: this.iconName,\n            url,\n            isVisible: this.isVisible,\n            didLoadIcon: this.didLoadIcon,\n            hasSvgContent: !!this.svgContent,\n            svgContentLength: ((_a = this.svgContent) === null || _a === void 0 ? void 0 : _a.length) || 0,\n            isInCache: url ? pdsIconContent.has(url) : false,\n            cachedContent: url ? pdsIconContent.get(url) : null,\n            element: this.el,\n            // Client-side navigation specific debug info\n            isConnected: this.el.isConnected,\n            isInViewport: this.isElementInViewport(this.el),\n            hasIntersectionObserver: !!this.io,\n            boundingClientRect: rect,\n            windowDimensions: {\n                width: window.innerWidth || document.documentElement.clientWidth,\n                height: window.innerHeight || document.documentElement.clientHeight\n            }\n        });\n    }\n    static get is() { return \"pds-icon\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"pds-icon.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"pds-icon.css\"]\n        };\n    }\n    static get assetsDirs() { return [\"svg\"]; }\n    static get properties() {\n        return {\n            \"color\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\\nThe color of the icon\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"color\",\n                \"reflect\": false\n            },\n            \"flipRtl\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Determines if the icon should be flipped when the `dir` is right-to-left (`\\\"rtl\\\"`).\\nThis is automatically enabled for icons that are in the `ICONS_TO_FLIP` list and\\nwhen the `dir` is `\\\"rtl\\\"`. If `flipRtl` is set to `false`, the icon will not be flipped\\neven if the `dir` is `\\\"rtl\\\"`.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"flip-rtl\",\n                \"reflect\": false\n            },\n            \"icon\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This is a combination of both `name` and `src`. If a `src` URL is detected,\\nit will set the `src` property. Otherwise it assumes it's a built-in named\\nSVG and sets the `name` property.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"icon\",\n                \"reflect\": false\n            },\n            \"name\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The name of the icon to use from\\nthe built-in set.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"name\",\n                \"reflect\": true\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"| 'small'   // 12px\\n    | 'regular'  // 16px\\n    | 'medium'  // 20px\\n    | 'large'   // 24px\\n    | 'auto'\\n    | string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the icon. This can be\\n'small', 'regular', 'medium', 'large', or a\\ncustom value (40px, 1rem, etc)\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"size\",\n                \"reflect\": true,\n                \"defaultValue\": \"'regular'\"\n            },\n            \"src\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\\nSpecifies the exact `src` of an SVG file to use.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"src\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"ariaLabel\": {},\n            \"isVisible\": {},\n            \"svgContent\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"size\",\n                \"methodName\": \"updateStyles\"\n            }, {\n                \"propName\": \"color\",\n                \"methodName\": \"updateStyles\"\n            }, {\n                \"propName\": \"name\",\n                \"methodName\": \"onIconPropertyChange\"\n            }, {\n                \"propName\": \"src\",\n                \"methodName\": \"onIconPropertyChange\"\n            }, {\n                \"propName\": \"icon\",\n                \"methodName\": \"onIconPropertyChange\"\n            }];\n    }\n}\nconst createColorClasses = (color) => {\n    return color\n        ? {\n            'pds-color': true,\n            [`pds-color-${color}`]: true,\n        }\n        : null;\n};\n//# sourceMappingURL=pds-icon.js.map\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,c as s,h as i,H as r,g as t}from"./p-Bf1dou5H.js";import{e as a,m as n}from"./p-DwjNklzi.js";import{i as o,e as l}from"./p-D4zJBIgl.js";const d=":host{--pine-select-color-background-danger:var(--pine-color-red-050)}";const c=":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";const p=':host{--pds-select-background:var(--pine-color-background-container);--pds-select-border:var(--pine-border);--pds-select-border-radius:var(--pine-dimension-125);--pds-select-border-radius-start-end:var(--pine-dimension-125);--pds-select-border-radius-start-start:var(--pine-dimension-125);--pds-select-border-radius-end-end:var(--pine-dimension-125);--pds-select-border-radius-end-start:var(--pine-dimension-125);--pds-select-min-height:36px;--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring-danger)}:host .hidden,:host :host([hidden]){display:none}.pds-select{display:grid;-ms-flex-direction:column;flex-direction:column;grid-template-areas:"label label" "field field" "message message";grid-template-columns:1fr minmax(2rem, -webkit-min-content);grid-template-columns:1fr minmax(2rem, min-content);grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content min-content;position:relative;width:100%}.pds-select__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-area:label;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}label{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--pds-select-background);border:var(--pds-select-border);border-radius:var(--pds-select-border-radius);border-bottom-left-radius:var(--pds-select-border-radius-end-start, var(--pds-select-border-radius));border-bottom-right-radius:var(--pds-select-border-radius-end-end, var(--pds-select-border-radius));border-top-left-radius:var(--pds-select-border-radius-start-start, var(--pds-select-border-radius));border-top-right-radius:var(--pds-select-border-radius-start-end, var(--pds-select-border-radius));font:var(--pine-typography-body);grid-area:field;letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-select-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-150);-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450);position:relative}select:hover{border-color:var(--pine-color-border-hover);cursor:pointer}select:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}select:disabled{background-color:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}select:has(~.pds-select__message .pds-select__error-message):focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-invalid) select{background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host(.is-invalid) select:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-select__error-message,.pds-select__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-select__error-message{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-select__message{grid-area:message}.pds-select__select-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-column:-1/-2;grid-row:2/3;height:var(--pds-select-min-height);pointer-events:none;position:relative;z-index:var(--pine-z-index-raised)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}';const h=class{constructor(i){e(this,i);this.pdsSelectChange=s(this,"pdsSelectChange");this._type="select-one";this.disabled=false;this.multiple=false;this.required=false;this.onSelectUpdate=e=>{const s=e.target;const i=Array.from(s.options).filter((e=>e.selected)).map((e=>e.value));if(i.length===1&&!this.multiple){this.value=i[0]}else{this.value=i}this.pdsSelectChange.emit(e)};this.handleSlotChange=()=>{const e=this.slotContainer.querySelector("slot");this.selectEl.innerHTML="";const s=e.assignedElements({flatten:true});s.forEach((e=>{if(["OPTION","OPTGROUP"].includes(e.tagName)){const s=e.cloneNode(true);if(s.tagName==="OPTION"&&s.value===this.value){s.selected=true}this.selectEl.appendChild(s)}}));this.updateSelectedOption()}}valueChanged(){this.updateSelectedOption();this.updateFormValue()}multipleChanged(){this.updateType()}updateType(){this._type=this.multiple?"select-multiple":"select-one"}connectedCallback(){if(this.el.attachInternals){this.internals=this.el.attachInternals()}a(this.el,(()=>this._type))}componentWillLoad(){this.updateType();this.updateSelectedOption()}componentDidLoad(){this.updateFormValue()}updateSelectedOption(){if(this.selectEl){const e=this.selectEl.options;Array.from(e).map((e=>{if(Array.isArray(this.value)){e.selected=this.value.includes(e.value)}else{e.selected=this.value===e.value}}))}}getHelperMessage(){return this.helperMessage&&i("p",{class:"pds-select__helper-message",id:n(this.componentId,"helper")},this.helperMessage)}getErrorMessage(){return this.errorMessage&&i("p",{class:"pds-select__error-message",id:n(this.componentId,"error"),"aria-live":"assertive"},i("pds-icon",{icon:o,size:"small"}),this.errorMessage)}renderMessages(){if(!this.helperMessage&&!this.errorMessage)return null;return i("div",{class:"pds-select__message"},this.getHelperMessage(),this.getErrorMessage())}classNames(){const e=[];if(this.invalid){e.push("is-invalid")}if(this.disabled){e.push("is-disabled")}return e.join("  ")}renderAction(){const e=this.el.querySelector('[slot="action"]')!==null;if(e){return i("div",{class:"pds-select__action",part:"action"},i("slot",{name:"action"}))}return null}updateFormValue(){if(this.internals&&this.internals.setFormValue){const e=this.value;if(Array.isArray(e)){if(e.length>1){const s=new FormData;e.forEach((e=>s.append(this.name||"",e)));this.internals.setFormValue(s)}else{this.internals.setFormValue(e[0]||null)}}else{this.internals.setFormValue(e||null)}if(this.selectEl&&this.internals&&this.internals.setValidity){this.internals.setValidity(this.selectEl.validity,this.selectEl.validationMessage,this.selectEl)}}}formResetCallback(){this.value="";this.updateFormValue()}formDisabledCallback(e){this.disabled=e}formStateRestoreCallback(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){const s=e.getAll(this.name);if(s.length>1){this.value=s.filter((e=>typeof e==="string"))}else if(s.length===1&&typeof s[0]==="string"){this.value=s[0]}}}render(){const e=this.el.querySelector('[slot="action"]')!==null;return i(r,{key:"a64fae51ba6d998c3ce87734995a25a29e0b793a","aria-disabled":this.disabled?"true":null,class:this.classNames(),"has-action":e&&!this.hideLabel?"true":null},i("div",{key:"a0ee61f1a0e649a1ac0266934ea39bd02afb8eca",class:"pds-select"},!this.hideLabel&&i("div",{key:"6cd3676bf388328ae44f3c0e5bdf20b0dc3743a4",class:"pds-select__label-wrapper"},i("label",{key:"4dee9e78745b8ed65495cc42c7570eb24297c44d",htmlFor:this.componentId},i("span",{key:"9c08d2ff302dea008340f88508b9506fa8499f35",class:this.hideLabel?"visually-hidden":""},this.label)),e&&this.renderAction()),i("select",{key:"2039ee8a246e57507a0a803212cebfad5f730622","aria-label":this.hideLabel?this.label:undefined,autocomplete:this.autocomplete||undefined,class:"pds-select__field",disabled:this.disabled,id:this.componentId,multiple:this.multiple,name:this.name,onChange:this.onSelectUpdate,part:"select",required:this.required,ref:e=>this.selectEl=e}),i("div",{key:"8fa779a58b2525e7dfee965863aa53d2588bb8e5","aria-hidden":"true",class:"hidden",ref:e=>this.slotContainer=e},i("slot",{key:"514b1f3d61e2001961ed4293b0489a7b87b9db37",onSlotchange:this.handleSlotChange})),this.renderMessages(),!this.multiple&&i("pds-icon",{key:"c46733d532d26c2f780db13473cfcb877faf565b",class:"pds-select__select-icon",icon:l})))}static get formAssociated(){return true}get el(){return t(this)}static get watchers(){return{value:["valueChanged"],multiple:["multipleChanged"]}}};h.style=d+(c+p);export{h as pds_select};
-//# sourceMappingURL=p-c09c8fa7.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["pdsSelectTokensCss","labelCss","pdsSelectCss","PdsSelect","constructor","hostRef","this","_type","disabled","multiple","required","onSelectUpdate","e","target","values","Array","from","options","filter","option","map","length","value","pdsSelectChange","emit","handleSlotChange","slot","slotContainer","querySelector","selectEl","innerHTML","assignedElements","flatten","forEach","item","includes","tagName","clonedItem","cloneNode","selected","appendChild","updateSelectedOption","valueChanged","updateFormValue","multipleChanged","updateType","connectedCallback","el","attachInternals","internals","exposeTypeProperty","componentWillLoad","componentDidLoad","isArray","getHelperMessage","helperMessage","h","class","id","messageId","componentId","getErrorMessage","errorMessage","icon","danger","size","renderMessages","classNames","invalid","push","join","renderAction","hasAction","part","name","setFormValue","formData","FormData","val","append","setValidity","validity","validationMessage","formResetCallback","formDisabledCallback","formStateRestoreCallback","state","getAll","v","render","Host","key","hideLabel","htmlFor","label","undefined","autocomplete","onChange","ref","onSlotchange","enlarge"],"sources":["src/components/pds-select/pds-select.tokens.scss?tag=pds-select&encapsulation=shadow","src/global/styles/utils/label.scss?tag=pds-select&encapsulation=shadow","src/components/pds-select/pds-select.scss?tag=pds-select&encapsulation=shadow","src/components/pds-select/pds-select.tsx"],"sourcesContent":["@use '~@kajabi-ui/styles/dist/pine/components/pds-select/pds-select.tokens'\n",":host {\n  display: inline-block;\n}\n\n:host([aria-disabled=\"true\"]) label {\n  color: var(--pine-color-text-label-disabled);\n}\n\n:host([aria-readonly=\"true\"]) {\n  label {\n    color: var(--pine-color-text-label-readonly);\n  }\n}\n\nlabel {\n  color: var(--pine-color-text-label);\n  font: var(--pine-typography-body-medium);\n  letter-spacing: var(--pine-letter-spacing);\n}\n",":host {\n  --pds-select-background: var(--pine-color-background-container);\n  --pds-select-border: var(--pine-border);\n  --pds-select-border-radius: var(--pine-dimension-125);\n  --pds-select-border-radius-start-end: var(--pine-dimension-125);\n  --pds-select-border-radius-start-start: var(--pine-dimension-125);\n  --pds-select-border-radius-end-end: var(--pine-dimension-125);\n  --pds-select-border-radius-end-start: var(--pine-dimension-125);\n  --pds-select-min-height: 36px;\n  --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);\n  --box-shadow-focus-error: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring-danger);\n\n  .hidden,\n  :host([hidden]) {\n    display: none;\n  }\n}\n\n.pds-select {\n  display: grid;\n  flex-direction: column;\n  grid-template-areas:\n    'label label'\n    'field field'\n    'message message';\n  grid-template-columns: 1fr minmax(2rem, min-content);\n  grid-template-rows: min-content min-content min-content;\n  position: relative;\n  width: 100%;\n}\n\n.pds-select__label-wrapper {\n  align-items: center;\n  display: flex;\n  grid-area: label;\n  justify-content: space-between;\n  margin-block-end: var(--pine-dimension-2xs);\n}\n\n.pds-select__action {\n  align-items: center;\n  display: flex;\n  gap: var(--pine-dimension-xs);\n  margin-inline-start: var(--pine-dimension-xs);\n}\n\nlabel {\n  margin-block-end: var(--pine-dimension-2xs);\n}\n\n// When label is inside wrapper, remove its margin\n.pds-select__label-wrapper label {\n  margin-block-end: 0;\n}\n\nselect {\n  appearance: none;\n  background-color: var(--pds-select-background);\n  border: var(--pds-select-border);\n  border-radius: var(--pds-select-border-radius);\n  border-bottom-left-radius: var(--pds-select-border-radius-end-start, var(--pds-select-border-radius));\n  border-bottom-right-radius: var(--pds-select-border-radius-end-end, var(--pds-select-border-radius));\n  border-top-left-radius: var(--pds-select-border-radius-start-start, var(--pds-select-border-radius));\n  border-top-right-radius: var(--pds-select-border-radius-start-end, var(--pds-select-border-radius));\n  font: var(--pine-typography-body);\n  grid-area: field;\n  letter-spacing: var(--pine-letter-spacing);\n  min-height: var(--pds-select-min-height);\n  padding: calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-150);\n  padding-inline-end: var(--pine-dimension-450);\n  position: relative;\n\n  &:hover {\n    border-color: var(--pine-color-border-hover);\n    cursor: pointer;\n  }\n\n  &:focus-visible {\n    border-color: var(--pine-color-border-active);\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-border-width);\n  }\n\n  &:disabled {\n    background-color: var(--pine-color-background-container-disabled);\n    border-color: var(--pine-color-border-disabled);\n    color: var(--pine-color-text-disabled);\n    cursor: not-allowed;\n  }\n\n  &:has(~ .pds-select__message .pds-select__error-message) {\n    background-color: var(--pine-select-color-background-danger);\n    border-color: var(--pine-color-border-danger);\n\n    &:focus-visible {\n      outline-color: var(--pine-color-focus-ring-danger);\n    }\n  }\n}\n\n:host(.is-invalid) {\n  select {\n    background-color: var(--pine-select-color-background-danger);\n    border-color: var(--pine-color-border-danger);\n\n    &:focus-visible {\n      outline-color: var(--pine-color-focus-ring-danger);\n    }\n  }\n}\n\n.pds-select__error-message,\n.pds-select__helper-message {\n  color: var(--pine-color-text-message);\n  font: var(--pine-typography-body-sm-medium);\n  margin-block-end: 0;\n  margin-block-start: var(--pine-dimension-2xs);\n}\n\n.pds-select__error-message {\n  align-items: center;\n  color: var(--pine-color-text-message-danger);\n  display: flex;\n  gap: var(--pine-dimension-2xs);\n}\n\n.pds-select__message {\n  grid-area: message;\n}\n\n.pds-select__select-icon {\n  align-items: center;\n  display: flex;\n  grid-column: -1 / -2;\n  grid-row: 2 / 3;\n  height: var(--pds-select-min-height);\n  pointer-events: none;\n  position: relative;\n  z-index: var(--pine-z-index-raised);\n}\n\n.visually-hidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  clip-path: polygon(0 0, 0 0, 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n","import { Component, Element, Event, EventEmitter, Host, h, Prop, Watch } from '@stencil/core';\nimport { messageId, exposeTypeProperty } from '../../utils/form';\nimport { danger, enlarge } from '@pine-ds/icons/icons';\n\n/**\n * @slot action - Content to be displayed in the label area, typically for help icons or links\n */\n@Component({\n  tag: 'pds-select',\n  styleUrls: ['pds-select.tokens.scss', '../../global/styles/utils/label.scss', 'pds-select.scss'],\n  shadow: true,\n  formAssociated: true,\n})\nexport class PdsSelect {\n\n  private selectEl!: HTMLSelectElement;\n  private slotContainer!: HTMLDivElement;\n  private internals?: ElementInternals;\n  private _type: 'select-one' | 'select-multiple' = 'select-one';\n\n  @Element() el: HTMLPdsSelectElement;\n\n  /**\n   * Specifies if and how the browser provides `autocomplete` assistance for the field.\n   */\n  @Prop() autocomplete: string;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Indicates whether or not the select field is disabled.\n   * @defaultValue false\n   */\n  @Prop() disabled = false\n\n  /**\n   * Displays error message text describing an invalid state.\n   */\n  @Prop() errorMessage: string;\n\n  /**\n   * Visually hides the label text for instances where only the select should be displayed. Label remains accessible to assistive technology such as screen readers.\n   * Note: When true, the action slot is also hidden to maintain a minimal UI.\n   */\n  @Prop() hideLabel: boolean;\n\n  /**\n   * Displays helper message text below select.\n   */\n  @Prop() helperMessage: string;\n\n  /**\n   * Determines whether or not the select is invalid.\n   */\n  @Prop() invalid?: boolean;\n\n  /**\n   * Text to be displayed as the select label.\n   */\n  @Prop() label?: string;\n\n  /**\n   * Indicates whether multiple options can be selected.\n   * @defaultValue false\n   */\n  @Prop() multiple = false;\n\n  /**\n   * Specifies the name. Submitted with the form name/value pair.\n   */\n  @Prop() name!: string;\n\n  /**\n   * Indicates whether or not the select field is required.\n   * @defaultValue false\n   */\n  @Prop() required = false;\n\n  /**\n   * The value(s) of the selected option(s).\n   *\n   */\n  @Prop({ mutable: true }) value?: string | string[];\n\n\n  /**\n   * Emitted when a keyboard input occurs.\n   */\n  @Event() pdsSelectChange: EventEmitter<InputEvent>;\n\n  @Watch('value')\n  /**\n   * Handles the change in the value of the select component.\n   * This method is called whenever the value of the select component changes.\n   * It updates the selected option accordingly.\n   */\n  valueChanged() {\n    this.updateSelectedOption();\n    this.updateFormValue();\n  }\n\n  @Watch('multiple')\n  /**\n   * Updates the type property when multiple changes to match native select behavior.\n   */\n  multipleChanged() {\n    this.updateType();\n  }\n\n  private updateType() {\n    this._type = this.multiple ? 'select-multiple' : 'select-one';\n  }\n\n  connectedCallback() {\n    // Initialize ElementInternals for form association\n    if (this.el.attachInternals) {\n      this.internals = this.el.attachInternals();\n    }\n\n    // Expose type property on the element instance to match native form element behavior\n    exposeTypeProperty(this.el, () => this._type);\n  }\n\n  componentWillLoad() {\n    // Set initial type based on multiple prop\n    this.updateType();\n    this.updateSelectedOption();\n  }\n\n  componentDidLoad() {\n    // Set initial form value\n    this.updateFormValue();\n  }\n\n  /**\n   * Updates the selected option in the select element based on the current value.\n   *\n   * This method iterates through all the options of the select element and sets the\n   * 'selected' attribute on the option that matches the current value. If an option\n   * does not match the current value, the 'selected' attribute is removed.\n   *\n   * @private\n   * @returns {void}\n   */\n  private updateSelectedOption() {\n    if (this.selectEl) {\n      const options = this.selectEl.options;\n\n      // Update the selected attribute for all options.\n      Array.from(options).map((option: HTMLOptionElement) => {\n        if (Array.isArray(this.value)) {\n          option.selected = this.value.includes(option.value);\n        } else {\n          option.selected = this.value === option.value;\n        }\n      });\n    };\n  }\n\n  /**\n   * Emits an event on input change.\n  */\n  private onSelectUpdate = (e: Event) => {\n    const target = e.target as HTMLSelectElement\n\n    const values = Array.from(target.options)\n        .filter((option) => ( option.selected))\n        .map((option) => ( option.value));\n\n    if (values.length === 1 && !this.multiple) {\n        this.value = values[0];\n    } else {\n        this.value = values;\n    }\n\n    this.pdsSelectChange.emit(e as InputEvent);\n  };\n\n  /**\n   * Handles the change event for the slot element.\n   * This method is triggered when the slot content changes.\n   * It updates the inner HTML of the select element by cloning and appending\n   * the assigned <option> elements from the slot.\n   */\n  private handleSlotChange = () => {\n    const slot = this.slotContainer.querySelector('slot') as HTMLSlotElement;\n\n    this.selectEl.innerHTML = '';\n    const assignedElements = slot.assignedElements({ flatten: true }) as (HTMLOptionElement | HTMLOptGroupElement)[];\n\n    assignedElements.forEach((item) => {\n      if ( ['OPTION', 'OPTGROUP'].includes(item.tagName)) {\n        const clonedItem = item.cloneNode(true) as HTMLOptionElement | HTMLOptGroupElement;\n        if (clonedItem.tagName === 'OPTION' && (clonedItem as HTMLOptionElement).value === this.value) {\n          (clonedItem as HTMLOptionElement).selected = true;\n        }\n        this.selectEl.appendChild(clonedItem);\n      }\n    });\n\n    this.updateSelectedOption();\n  };\n\n  private getHelperMessage() {\n    return this.helperMessage && (\n      <p class=\"pds-select__helper-message\" id={messageId(this.componentId, 'helper')}>\n        {this.helperMessage}\n      </p>\n    );\n  }\n\n  private getErrorMessage() {\n    return this.errorMessage && (\n      <p class=\"pds-select__error-message\" id={messageId(this.componentId, 'error')} aria-live=\"assertive\">\n        <pds-icon icon={danger} size=\"small\"></pds-icon>\n        {this.errorMessage}\n      </p>\n    );\n  }\n\n  private renderMessages() {\n    if (!this.helperMessage && !this.errorMessage) return null;\n\n    return (\n      <div class=\"pds-select__message\">\n        {this.getHelperMessage()}\n        {this.getErrorMessage()}\n      </div>\n    );\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.invalid) { classNames.push('is-invalid'); }\n    if (this.disabled) { classNames.push('is-disabled'); }\n\n    return classNames.join('  ');\n  }\n\n  private renderAction() {\n    const hasAction = this.el.querySelector('[slot=\"action\"]') !== null;\n    if (hasAction) {\n      return (\n        <div class=\"pds-select__action\" part=\"action\">\n          <slot name=\"action\"></slot>\n        </div>\n      );\n    }\n    return null;\n  }\n\n  /**\n   * Updates the form value using ElementInternals API\n   */\n  private updateFormValue() {\n    if (this.internals && this.internals.setFormValue) {\n      const value = this.value;\n\n      // Handle multi-select arrays by converting to FormData or comma-separated string\n      if (Array.isArray(value)) {\n        if (value.length > 1) {\n          // For multiple values, create FormData with multiple entries\n          const formData = new FormData();\n          value.forEach(val => formData.append(this.name || '', val));\n          this.internals.setFormValue(formData);\n        } else {\n          // Single value in array, use the string value\n          this.internals.setFormValue(value[0] || null);\n        }\n      } else {\n        // Single string value\n        this.internals.setFormValue(value || null);\n      }\n\n      // Set validity based on native select validation\n      if (this.selectEl && this.internals && this.internals.setValidity) {\n        this.internals.setValidity(\n          this.selectEl.validity,\n          this.selectEl.validationMessage,\n          this.selectEl\n        );\n      }\n    }\n  }\n\n  /**\n   * Form Associated Custom Elements API: Called when the form is reset\n   */\n  formResetCallback() {\n    this.value = '';\n    this.updateFormValue();\n  }\n\n  /**\n   * Form Associated Custom Elements API: Called when the form is disabled\n   */\n  formDisabledCallback(disabled: boolean) {\n    this.disabled = disabled;\n  }\n\n  /**\n   * Form Associated Custom Elements API: Called to restore form state\n   */\n  formStateRestoreCallback(state: string | FormData | null) {\n    if (typeof state === 'string') {\n      this.value = state;\n    } else if (state instanceof FormData && this.name) {\n      // Extract value(s) from FormData using the select's name\n      const values = state.getAll(this.name);\n      if (values.length > 1) {\n        // Multi-select: convert to string array\n        this.value = values.filter(v => typeof v === 'string') as string[];\n      } else if (values.length === 1 && typeof values[0] === 'string') {\n        // Single select: use string value\n        this.value = values[0];\n      }\n    }\n  }\n\n  render() {\n    const hasAction = this.el.querySelector('[slot=\"action\"]') !== null;\n\n    return (\n      <Host aria-disabled={this.disabled ? 'true' : null} class={this.classNames()} has-action={hasAction && !this.hideLabel ? 'true' : null}>\n        <div class=\"pds-select\">\n          {!this.hideLabel && (\n            <div class=\"pds-select__label-wrapper\">\n              <label htmlFor={this.componentId}>\n                <span class={this.hideLabel ? 'visually-hidden' : ''}>\n                  {this.label}\n                </span>\n              </label>\n              {hasAction && this.renderAction()}\n            </div>\n          )}\n          <select\n            aria-label={this.hideLabel ? this.label : undefined}\n            autocomplete={this.autocomplete || undefined}\n            class=\"pds-select__field\"\n            disabled={this.disabled}\n            id={this.componentId}\n            multiple={this.multiple}\n            name={this.name}\n            onChange={this.onSelectUpdate}\n            part=\"select\"\n            required={this.required}\n            ref={(el) => (this.selectEl = el as HTMLSelectElement)}\n          ></select>\n          <div aria-hidden=\"true\" class=\"hidden\" ref={(el) => (this.slotContainer = el)}>\n            <slot onSlotchange={this.handleSlotChange}></slot>\n          </div>\n          {this.renderMessages()}\n          {!this.multiple && <pds-icon class=\"pds-select__select-icon\" icon={enlarge} />}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"version":3,"names":["pdsModalFooterCss","PdsModalFooter","render","h","key","class"],"sources":["src/components/pds-modal/pds-modal-footer/pds-modal-footer.scss?tag=pds-modal-footer","src/components/pds-modal/pds-modal-footer/pds-modal-footer.tsx"],"sourcesContent":["pds-modal-footer {\n  display: block;\n  width: 100%;\n}\n\n.pds-modal__footer {\n  width: 100%;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'pds-modal-footer',\n  styleUrl: 'pds-modal-footer.scss',\n  shadow: false,\n})\nexport class PdsModalFooter {\n  render() {\n    return (\n      <footer class=\"pds-modal__footer\">\n        <slot></slot>\n      </footer>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAoB,2E,MCObC,EAAc,M,yBACzB,MAAAC,GACE,OACEC,EAAA,UAAAC,IAAA,2CAAQC,MAAM,qBACZF,EAAa,QAAAC,IAAA,6C","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["pdsDropdownMenuItemCss","PdsDropdownMenuItem","constructor","hostRef","this","destructive","disabled","hasFocus","handleFocus","handleBlur","handleKeyDown","event","key","href","preventDefault","handleClick","clickItem","menuItems","Array","from","host","parentNode","children","filter","child","tagName","toLowerCase","itemIndex","indexOf","content","_a","textContent","trim","pdsClick","emit","item","renderElement","undefined","h","class","tabIndex","onKeyDown","onFocus","onBlur","type","render","Host","id","componentId","onClick","role"],"sources":["src/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.scss?tag=pds-dropdown-menu-item&encapsulation=shadow","src/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.tsx"],"sourcesContent":[":host {\n  cursor: pointer;\n  display: flex;\n  width: 100%; /* Ensure the host takes full width */\n}\n\n/* Make the disabled styles more specific and add !important to ensure they apply */\n:host(.is-disabled) {\n  cursor: not-allowed !important;\n  opacity: 0.5 !important;\n\n  .pds-dropdown-menu-item__content {\n    cursor: not-allowed !important;\n    pointer-events: none !important;\n  }\n}\n\n.pds-dropdown-menu-item__content {\n  align-items: center;\n  appearance: none;\n  background: transparent;\n  border: 0;\n  border-radius: var(--pine-dimension-xs);\n  display: flex;\n  flex-grow: 1; /* Make it grow to fill available space */\n  font: var(--pine-typography-body-medium);\n  gap: var(--pine-dimension-xs);\n  margin: calc(var(--pine-border-width) + 2px);\n  padding: var(--pine-dimension-xs);\n  text-align: start; /* Ensure text aligns properly */\n  width: 100%; /* Ensure full width */\n\n  &:hover {\n    background-color: var(--pine-color-grey-150);\n    color: var(--pine-color-text-hover);\n  }\n\n  /* Focus styles applied via class + browser focus */\n  &:focus,\n  &:focus-visible,\n  &.has-focus {\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-border-width);\n  }\n\n}\n\n:host(.destructive) {\n  .pds-dropdown-menu-item__content {\n    align-items: center;\n    color: var(--pine-color-danger);\n\n    &:hover {\n      background-color: var(--pine-color-danger-disabled);\n      color: var(--pine-color-danger-hover);\n    }\n\n    &:focus,\n    &:focus-visible,\n    &.has-focus {\n      background-color: var(--pine-color-danger-disabled);\n      outline: var(--pine-outline-focus-danger);\n      outline-offset: var(--pine-border-width);\n    }\n  }\n}\n\n/* Remove outline on contained links using the custom property */\npds-link::part(link):focus,\npds-link::part(link):focus-visible {\n  box-shadow: none;\n  outline: none;\n}\n\npds-link::part(link) {\n  display: block;\n  margin-inline: calc(var(--pine-dimension-xs) * -1);\n  padding-inline: var(--pine-dimension-xs);\n  width: 100%\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State } from '@stencil/core';\nimport type { BasePdsProps } from '@utils/interfaces';\n\n@Component({\n  tag: 'pds-dropdown-menu-item',\n  styleUrl: 'pds-dropdown-menu-item.scss',\n  shadow: true,\n})\nexport class PdsDropdownMenuItem implements BasePdsProps {\n  @Element() host: HTMLPdsDropdownMenuItemElement;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * It determines whether or not the dropdown-item is destructive.\n   * @defaultValue false\n   */\n  @Prop() destructive: boolean = false;\n\n  /**\n   * It determines whether or not the dropdown-item is disabled.\n   * @defaultValue false\n   */\n  @Prop() disabled: boolean = false;\n\n\n  /**\n   *  If provided, renders the dropdown-item as an anchor (`<a>`) element instead of a button.\n   */\n  @Prop() href: string | undefined;\n\n  /**\n   * Emitted when the dropdown-item is clicked.\n   *\n   */\n  @Event() pdsClick: EventEmitter<{itemIndex: number, item: HTMLPdsDropdownMenuItemElement, content: string}>;\n\n  /**\n   * Trigger the click event\n   */\n  @Method()\n  async clickItem() {\n    this.handleClick();\n  };\n\n\n  private handleClick() {\n    // Filter only pds-dropdown-menu-item elements and find the index of the current item\n    const menuItems = Array.from(this.host.parentNode.children).filter(\n      (child) => child.tagName.toLowerCase() === 'pds-dropdown-menu-item'\n    );\n    const itemIndex = menuItems.indexOf(this.host);\n\n    // Get the text content from the slotted content\n    const content = this.host.textContent?.trim() || '';\n\n    this.pdsClick.emit({\n      itemIndex,\n      item: this.host,\n      content\n    });\n  }\n\n  @State() hasFocus: boolean = false;\n\n  private handleFocus = () => {\n    this.hasFocus = true;\n  }\n\n  private handleBlur = () => {\n    this.hasFocus = false;\n  }\n\n  private renderElement() {\n    if (this.href !== undefined) {\n      return (\n        <pds-link\n          href={this.disabled ? null : this.href}\n          class={{\n            'pds-dropdown-menu-item__content': true,\n            'has-focus': this.hasFocus\n          }}\n          tabIndex={this.disabled ? -1 : 0}\n          onKeyDown={this.handleKeyDown}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          aria-disabled={this.disabled ? 'true' : null}\n        >\n          <slot></slot>\n        </pds-link>\n      );\n    }\n\n    return (\n      <button\n        class={{\n          'pds-dropdown-menu-item__content': true,\n          'has-focus': this.hasFocus\n        }}\n        tabIndex={this.disabled ? -1 : 0}\n        type=\"button\"\n        onKeyDown={this.handleKeyDown}\n        onFocus={this.handleFocus}\n        onBlur={this.handleBlur}\n        disabled={this.disabled}\n        aria-disabled={this.disabled ? 'true' : null}\n      >\n        <slot></slot>\n      </button>\n    );\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    // Handle keyboard events\n    if (!this.disabled && (event.key === 'Enter')) {\n      // Only prevent default for button elements or Space key\n      // For links with Enter key, we want the default navigation behavior\n      if (!this.href) {\n        event.preventDefault();\n      }\n      this.handleClick();\n    }\n  }\n\n  render() {\n    return (\n      <Host id={this.componentId}\n        class={{ 'is-disabled': this.disabled, 'destructive': !this.disabled && this.destructive }}\n        onClick={() => !this.disabled && this.handleClick()}\n        role=\"none\"\n        tabIndex={-1}\n        aria-disabled={this.disabled ? 'true' : null}\n      >\n          {this.renderElement()}\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAyB,20D,MCQlBC,EAAmB,MALhC,WAAAC,CAAAC,G,2CAiBUC,KAAWC,YAAY,MAMvBD,KAAQE,SAAY,MAwCnBF,KAAQG,SAAY,MAErBH,KAAWI,YAAG,KACpBJ,KAAKG,SAAW,IAAI,EAGdH,KAAUK,WAAG,KACnBL,KAAKG,SAAW,KAAK,EA0CfH,KAAAM,cAAiBC,IAEvB,IAAKP,KAAKE,UAAaK,EAAMC,MAAQ,QAAU,CAG7C,IAAKR,KAAKS,KAAM,CACdF,EAAMG,gB,CAERV,KAAKW,a,EAiBV,CAhGC,eAAMC,GACJZ,KAAKW,a,CAIC,WAAAA,G,MAEN,MAAME,EAAYC,MAAMC,KAAKf,KAAKgB,KAAKC,WAAWC,UAAUC,QACzDC,GAAUA,EAAMC,QAAQC,gBAAkB,2BAE7C,MAAMC,EAAYV,EAAUW,QAAQxB,KAAKgB,MAGzC,MAAMS,IAAUC,EAAA1B,KAAKgB,KAAKW,eAAa,MAAAD,SAAA,SAAAA,EAAAE,SAAU,GAEjD5B,KAAK6B,SAASC,KAAK,CACjBP,YACAQ,KAAM/B,KAAKgB,KACXS,W,CAcI,aAAAO,GACN,GAAIhC,KAAKS,OAASwB,UAAW,CAC3B,OACEC,EACE,YAAAzB,KAAMT,KAAKE,SAAW,KAAOF,KAAKS,KAClC0B,MAAO,CACL,kCAAmC,KACnC,YAAanC,KAAKG,UAEpBiC,SAAUpC,KAAKE,UAAW,EAAK,EAC/BmC,UAAWrC,KAAKM,cAChBgC,QAAStC,KAAKI,YACdmC,OAAQvC,KAAKK,WAAU,gBACRL,KAAKE,SAAW,OAAS,MAExCgC,EAAa,a,CAKnB,OACEA,EACE,UAAAC,MAAO,CACL,kCAAmC,KACnC,YAAanC,KAAKG,UAEpBiC,SAAUpC,KAAKE,UAAW,EAAK,EAC/BsC,KAAK,SACLH,UAAWrC,KAAKM,cAChBgC,QAAStC,KAAKI,YACdmC,OAAQvC,KAAKK,WACbH,SAAUF,KAAKE,SAAQ,gBACRF,KAAKE,SAAW,OAAS,MAExCgC,EAAa,a,CAiBnB,MAAAO,GACE,OACEP,EAACQ,EAAI,CAAAlC,IAAA,2CAACmC,GAAI3C,KAAK4C,YACbT,MAAO,CAAE,cAAenC,KAAKE,SAAUD,aAAgBD,KAAKE,UAAYF,KAAKC,aAC7E4C,QAAS,KAAO7C,KAAKE,UAAYF,KAAKW,cACtCmC,KAAK,OACLV,UAAU,EAAE,gBACGpC,KAAKE,SAAW,OAAS,MAErCF,KAAKgC,gB","ignoreList":[]}