@pine-ds/core 3.8.2 → 3.10.0

package/dist/pine-core/p-332338ee.entry.js

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

package/dist/pine-core/p-332338ee.entry.js.map

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["pdsTabsCss","PdsTabs","exports","class_1","prototype","tabClickHandler","event","this","componentId","detail","activeTabIndex","activeTabName","tabs","name","handleKeyDown","ev","keySet","target","targetTab","closest","isOwnTab","el","includes","key","preventDefault","moveActiveTab","firstTabNumber","lastTabNumber","length","moveFocusTo","children","focus","findAllChildren","_this","allTabs","Array","from","querySelectorAll","allTabPanels","filter","tab","tabPanels","panel","propGeneration","child","index","parentComponentId","toString","variant","selected","passPropsToChildren","forEach","classNames","className","variantClassName","concat","componentWillLoad","componentWillRender","render","h","Host","class","id","role","tablistLabel","part"],"sources":["src/components/pds-tabs/pds-tabs.scss?tag=pds-tabs&encapsulation=shadow","src/components/pds-tabs/pds-tabs.tsx"],"sourcesContent":[":host {\n  /**\n   * @prop --tabs-dimension-panel-margin-top: Optional margin-top for panels\n   */\n  --tabs-dimension-panel-margin-top: var(--pine-dimension-none);\n  /**\n   * @prop --tabs-dimension-panel-padding: Optional padding for panels\n   */\n  --tabs-dimension-panel-padding: 0;\n\n  display: block;\n}\n\n.pds-tabs__tablist {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--pine-dimension-md);\n}\n\n:host(.pds-tabs--availability) .pds-tabs__tablist {\n  gap: var(--pine-dimension-xs);\n}\n\n:host(.pds-tabs--filter) .pds-tabs__tablist {\n  gap: var(--pine-dimension-sm);\n}\n\n:host(.pds-tabs--pill) .pds-tabs__tablist {\n  background-color: var(--pine-color-grey-100);\n  border: var(--pine-border-width-thin) solid var(--pine-color-grey-200);\n  border-radius: var(--pine-dimension-100);\n  display: inline-flex;\n  display: flex;\n  gap: 0;\n  height: var(--pine-dimension-450);\n}\n","import { Component, Element, Host, h, Prop, Listen } from '@stencil/core';\n\n  /**\n * @slot tabs - Content is placed within the `div[role=\"tablist\"]` element as children\n * @slot tabpanels - Content is placed directly after the `div[role=\"tablist\"]` element as siblings\n * @part tab-list - Exposes the container element that holds all the tab buttons for styling.\n */\n@Component({\n  tag: 'pds-tabs',\n  styleUrls: ['pds-tabs.scss'],\n  shadow: true,\n})\nexport class PdsTabs {\n  private tabs;\n  private tabPanels;\n\n  @Element() el: HTMLPdsTabsElement;\n\n  /**\n   * Sets the aria-label attached to the tablist element\n   */\n  @Prop() tablistLabel!: string;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Sets tabs variant styles as outlined in Figma documentation\n   */\n  @Prop() variant!: 'primary' | 'availability' | 'filter' | 'pill';\n\n  /**\n   * Sets the starting active tab name and maintains the name as the component re-renders\n   */\n  @Prop({mutable: true}) activeTabName!: string;\n\n  /**\n   * Sets the starting active tab index number and maintains the index number as the component re-renders\n   */\n  /** @internal */\n  @Prop({mutable: true}) activeTabIndex: number;\n\n  @Listen('pdsTabClick', {\n    target: 'body',\n  })\n  tabClickHandler(event: CustomEvent<any>) {\n    if (this.componentId === event.detail[1]) {\n      this.activeTabIndex = event.detail[0];\n      this.activeTabName = this.tabs[this.activeTabIndex].name;\n    }\n  }\n\n  @Listen('keydown', {})\n  handleKeyDown(ev: KeyboardEvent) {\n    const keySet = [\"ArrowLeft\", \"ArrowRight\", \"Home\", \"End\"];\n\n    // Only handle keyboard navigation if the event originated from a tab button\n    // that belongs to THIS tabs component\n    const target = ev.target as HTMLElement;\n    const targetTab = target.closest('pds-tab');\n\n    // Check if the tab belongs to this tabs instance (not a nested one)\n    const isOwnTab = targetTab && targetTab.closest('pds-tabs') === this.el;\n\n    if (keySet.includes(ev.key) && isOwnTab) {\n      ev.preventDefault();\n      this.moveActiveTab(ev.key);\n    }\n  }\n\n  private moveActiveTab(key: string) {\n    const firstTabNumber = 0;\n    const lastTabNumber = this.tabs.length - 1;\n\n    let moveFocusTo = null;\n\n    switch (key) {\n      case 'ArrowLeft':\n        moveFocusTo = (this.activeTabIndex === firstTabNumber) ? lastTabNumber : (this.activeTabIndex + (-1));\n        break;\n      case 'ArrowRight':\n        moveFocusTo = (this.activeTabIndex === lastTabNumber) ? firstTabNumber : (this.activeTabIndex + 1);\n        break;\n      case 'Home':\n        moveFocusTo = firstTabNumber;\n        break;\n      case 'End':\n        moveFocusTo = lastTabNumber;\n        break;\n    }\n\n    // Move focus to the button element within `pds-tab`\n    this.tabs[moveFocusTo].children[0].focus();\n    this.activeTabName = this.tabs[moveFocusTo].name;\n    this.activeTabIndex = moveFocusTo;\n  }\n\n  private findAllChildren() {\n    // Only select direct children tabs/tabpanels, not nested ones\n    const allTabs = Array.from(this.el.querySelectorAll('pds-tab'));\n    const allTabPanels = Array.from(this.el.querySelectorAll('pds-tabpanel'));\n\n    // Filter to only include tabs that belong to this tabs component (not nested)\n    this.tabs = allTabs.filter(tab => tab.closest('pds-tabs') === this.el);\n    this.tabPanels = allTabPanels.filter(panel => panel.closest('pds-tabs') === this.el);\n  }\n\n  private propGeneration(child, index = 0) {\n    child.parentComponentId = this.componentId.toString();\n    child.variant = this.variant.toString();\n    child.selected = (this.activeTabName === child.name) ? true : false;\n    child['index'] = index;\n  }\n\n  private passPropsToChildren() {\n    this.tabs.forEach((child, index) => {\n      if (this.activeTabName === child.name) this.activeTabIndex = index;\n      this.propGeneration(child, index);\n    });\n\n    this.tabPanels.forEach((child) => {\n      this.propGeneration(child);\n    });\n  }\n\n  private classNames() {\n    let className = `pds-tabs`;\n    if (this.variant && this.variant != 'primary') {\n      const variantClassName = `pds-tabs--${this.variant}`;\n      className += ' ' + variantClassName;\n    }\n\n    return className;\n  };\n\n  componentWillLoad() {\n    this.findAllChildren();\n  }\n\n  componentWillRender() {\n    this.passPropsToChildren();\n  }\n\n  render() {\n    return (\n      <Host active-tab-name={this.activeTabName} class={this.classNames()} id={this.componentId}>\n        <div class=\"pds-tabs__tablist\" role=\"tablist\" aria-label={this.tablistLabel} part=\"tab-list\">\n          <slot name=\"tabs\" />\n        </div>\n        <slot name=\"tabpanels\" />\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,h as s,H as r,g as a}from"./p-Bf1dou5H.js";import{h as t}from"./p-D4zJBIgl.js";const i=".pds-sortable-item.sc-pds-sortable-item-h{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding-block:var(--pine-dimension-xs);padding-inline:var(--pine-dimension-md)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__actions.sc-pds-sortable-item{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{line-height:1;-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:first-child{border-start-end-radius:calc(var(--pine-dimension-xs) * 1.25);border-start-start-radius:calc(var(--pine-dimension-xs) * 1.25)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:last-child{border-end-end-radius:calc(var(--pine-dimension-xs) * 1.25);border-end-start-radius:calc(var(--pine-dimension-xs) * 1.25)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h{-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h:last-child{-webkit-border-after:0;border-block-end:0}.pds-sortable--handle-type-row .pds-sortable-item.sc-pds-sortable-item-h{cursor:-webkit-grab;cursor:grab}.pds-sortable--handle-type-handle .pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{cursor:-webkit-grab;cursor:grab}.pds-sortable-item.sc-pds-sortable-item-h:hover{background-color:var(--pine-color-background-container-hover)}.pds-sortable-item.sc-pds-sortable-item-h:hover pds-icon.sc-pds-sortable-item{color:var(--pine-color-info)}.pds-sortable-item--drag.sc-pds-sortable-item-h{background-color:var(--pine-color-background-container);border-radius:0;-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);opacity:1}.pds-sortable-item--ghost.sc-pds-sortable-item-h{background-color:var(--pine-color-background-container-hover);border-radius:0}";const d=class{constructor(s){e(this,s);this.enableActions=false;this.showHandle=false}componentWillRender(){this.sortableRef=this.el.closest("pds-sortable");if(this.sortableRef&&this.sortableRef.handleType==="handle"){this.showHandle=true}}render(){return s(r,{key:"c09d0efc16e9cfb2e3eb567620d768e55aedaf77",class:"pds-sortable-item",id:this.componentId},this.showHandle&&s("div",{key:"256c70c9ae566781ee3647196ba7bfa8b2e8f7cf",class:"pds-sortable-item__handle"},s("pds-icon",{key:"ec56d4eac7f1f464df061297a613554565130d3d",icon:t})),s("slot",{key:"6131eda3a2b8a7ef96883f9f791a2cf777407fa4"}),this.enableActions&&s("div",{key:"126589fa42498a25f5049786def7fb96f16087aa",class:"pds-sortable-item__actions"},s("slot",{key:"e2726fb1ae3f74c5ff4b7879ee32b826fb2b8518",name:"sortable-item-actions"})))}get el(){return a(this)}};d.style=i;export{d as pds_sortable_item};
-//# sourceMappingURL=p-41abb654.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["pdsSortableItemCss","PdsSortableItem","constructor","hostRef","this","enableActions","showHandle","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":"6FAAA,MAAMA,EAAqB,yjE,MCWdC,EAAe,MAL5B,WAAAC,CAAAC,G,UAYUC,KAAaC,cAAG,MAWCD,KAAUE,WAAG,KA6BvC,CA3BC,mBAAAC,GAGEH,KAAKI,YAAcJ,KAAKK,GAAGC,QAAQ,gBAEnC,GAAIN,KAAKI,aAAeJ,KAAKI,YAAYG,aAAe,SAAU,CAChEP,KAAKE,WAAa,I,EAItB,MAAAM,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,oBAAoBC,GAAIb,KAAKc,aACtCd,KAAKE,YACJO,EAAK,OAAAE,IAAA,2CAAAC,MAAM,6BACTH,EAAA,YAAAE,IAAA,2CAAUI,KAAMC,KAGpBP,EAAa,QAAAE,IAAA,6CACZX,KAAKC,eACJQ,EAAK,OAAAE,IAAA,2CAAAC,MAAM,8BACTH,EAAM,QAAAE,IAAA,2CAAAM,KAAK,2B","ignoreList":[]}

package/dist/pine-core/p-45d574f1.system.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,r){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function o(t){try{d(r.next(t))}catch(t){a(t)}}function s(t){try{d(r["throw"](t))}catch(t){a(t)}}function d(t){t.done?i(t.value):n(t.value).then(o,s)}d((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,n,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return d([t,e])}}function d(s){if(r)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(i=0)),i)try{if(r=1,n&&(a=s[0]&2?n["return"]:s[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,s[1])).done)return a;if(n=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;n=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){i.label=s[1];break}if(s[0]===6&&i.label<a[1]){i.label=a[1];a=s;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(s);break}if(a[2])i.ops.pop();i.trys.pop();continue}s=e.call(t,i)}catch(t){s=[6,t];n=0}finally{r=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-Cxvdulqq.system.js"],(function(t){"use strict";var e,i,r,n;return{setters:[function(t){e=t.r;i=t.c;r=t.h;n=t.g}],execute:function(){var a=".pds-modal__backdrop{-ms-flex-align:start;align-items:flex-start;background-color:rgba(0, 0, 0, 0.4);border:0;display:-ms-flexbox;display:flex;height:100%;inset:0;-ms-flex-pack:center;justify-content:center;margin:0;max-height:100%;max-width:100%;opacity:0;padding:0;position:fixed;-webkit-transition:opacity 0.2s ease, visibility 0.2s ease;transition:opacity 0.2s ease, visibility 0.2s ease;visibility:hidden;width:100%;z-index:var(--pine-z-index-modal)}@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))){.pds-modal__backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}pds-modal .pds-modal__backdrop{z-index:var(--pine-z-index-priority)}.pds-modal__backdrop::-webkit-backdrop{background:transparent}.pds-modal__backdrop::-ms-backdrop{background:transparent}.pds-modal__backdrop::backdrop{background:transparent}.pds-modal__backdrop.open{opacity:1;visibility:visible}.pds-modal{background:var(--pine-color-background-container);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:var(--pine-dimension-md);max-height:none;width:100%}.pds-modal.pds-modal--scrollable{max-height:calc(100vh - (5vh + 96px))}@supports (height: 100dvh){.pds-modal.pds-modal--scrollable{max-height:calc(100dvh - (5dvh + 96px))}}@media (min-width: 992px){.pds-modal{-webkit-margin-before:6vh;margin-block-start:6vh}@supports (height: 100dvh){.pds-modal{-webkit-margin-before:6dvh;margin-block-start:6dvh}}}@media (min-width: 1200px){.pds-modal{-webkit-margin-before:8vh;margin-block-start:8vh}@supports (height: 100dvh){.pds-modal{-webkit-margin-before:8dvh;margin-block-start:8dvh}}}.pds-modal--sm{max-width:520px}.pds-modal--md{max-width:700px}.pds-modal--lg{max-width:900px}.pds-modal--fullscreen{border-radius:0;height:100%;margin:0;max-height:100vh;max-width:100%}@supports (height: 100dvh){.pds-modal--fullscreen{max-height:100dvh}}.pds-modal--fullscreen.pds-modal--scrollable{max-height:100vh}@supports (height: 100dvh){.pds-modal--fullscreen.pds-modal--scrollable{max-height:100dvh}}.pds-modal--fullscreen .pds-modal-content{-ms-flex:1;flex:1}.pds-modal--scrollable pds-modal-content{-webkit-border-after:1px solid transparent;border-block-end:1px solid transparent;-webkit-border-before:1px solid transparent;border-block-start:1px solid transparent;overflow-y:auto}.pds-modal:not(.pds-modal--scrollable) pds-modal-content{overflow-y:visible}";var o=t("pds_modal",function(){function t(t){var r=this;e(this,t);this.pdsModalOpen=i(this,"pdsModalOpen");this.pdsModalClose=i(this,"pdsModalClose");this.focusableElements=[];this.backdropDismiss=true;this.open=false;this.size="md";this.scrollable=true;this.focusableElementsArray=[];this.handleBackdropClick=function(t){if(!r.backdropDismiss||!r.open)return;if(t.target.classList.contains("pds-modal__backdrop")){t.stopPropagation();if(r.isInnermostModal()){r.hideModal()}}};this.handleKeyDown=function(t){if(!r.open)return;if(t.key==="Escape"){if(r.isInnermostModal()){t.preventDefault();r.hideModal()}return}if(t.key==="Tab"){if(r.focusableElements.length===0)return;var e=r.focusableElements[0];var i=r.focusableElements[r.focusableElements.length-1];var n=document.activeElement;var a=n===e||e.contains(n);var o=n===i||i.contains(n);if(t.shiftKey&&a){t.preventDefault();r.focusElement(i)}else if(!t.shiftKey&&o){t.preventDefault();r.focusElement(e)}}}}t.prototype.componentDidLoad=function(){this.modalRef=this.el.querySelector(".pds-modal__backdrop");document.addEventListener("keydown",this.handleKeyDown)};t.prototype.disconnectedCallback=function(){document.removeEventListener("keydown",this.handleKeyDown)};t.prototype.handleOpenChange=function(t){if(t){this.showModal()}else{this.hideModal()}};t.prototype.updateFocusableElements=function(){if(!this.modalRef)return;var t=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])',"pds-button:not([disabled])","pds-link:not([disabled])","pds-input:not([disabled])","pds-checkbox:not([disabled])","pds-radio:not([disabled])","pds-switch:not([disabled])","pds-select:not([disabled])"].join(",");this.focusableElements=Array.from(this.modalRef.querySelectorAll(t));this.focusableElements=this.focusableElements.filter((function(t){var e=window.getComputedStyle(t);return e.display!=="none"&&e.visibility!=="hidden"}))};t.prototype.setInitialFocus=function(){if(this.focusableElements.length===0)return;var t=this.focusableElements[0];this.focusElement(t)};t.prototype.focusElement=function(t){if(!t)return;try{t.focus();setTimeout((function(){if(document.activeElement!==t){if(t.shadowRoot){var e=t.shadowRoot.querySelector("button, [tabindex], input, a[href]");if(e){e.focus()}}}}),0)}catch(t){console.error("Error focusing element:",t)}};t.prototype.showModal=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){if(this.modalRef){try{this.previousActiveElement=document.activeElement;this.modalRef.showModal();this.open=true;setTimeout((function(){t.updateFocusableElements();t.setInitialFocus();t.pdsModalOpen.emit()}),100)}catch(t){console.error("Failed to show modal:",t)}}return[2]}))}))};t.prototype.hideModal=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.modalRef){try{this.modalRef.close();this.open=false;if(this.previousActiveElement&&typeof this.previousActiveElement.focus==="function"){this.previousActiveElement.focus()}this.pdsModalClose.emit()}catch(t){console.error("Failed to hide modal:",t)}}return[2]}))}))};t.prototype.getBackdropZIndex=function(t){var e=t.querySelector(".pds-modal__backdrop");return e?parseInt(getComputedStyle(e).zIndex,10):-1};t.prototype.isInnermostModal=function(){var t=this;var e=Array.from(document.querySelectorAll("pds-modal")).filter((function(t){return t.open}));if(e.length===0)return false;var i=this.el.querySelector(".pds-modal__backdrop");if(!i)return false;var r=e.map((function(e){return t.getBackdropZIndex(e)}));var n=Math.max.apply(Math,r);var a=this.getBackdropZIndex(this.el);return a===n};t.prototype.render=function(){var t;return r("dialog",{key:"ca1fe22c9f9aa26e74234e5195c007760cbbf818",class:{"pds-modal__backdrop":true,open:this.open},"aria-modal":"true","aria-labelledby":"".concat(this.componentId,"-heading"),onClick:this.handleBackdropClick},r("div",{key:"d0f297574d53dc1718277a58c2ade00a5451f96b",class:(t={"pds-modal":true},t["pds-modal--".concat(this.size)]=true,t["pds-modal--scrollable"]=this.scrollable,t)},r("slot",{key:"37bb5abda88b4db9304884532951980ea8b9eaf8"})))};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["handleOpenChange"]}},enumerable:false,configurable:true});return t}());o.style=a}}}));
-//# sourceMappingURL=p-45d574f1.system.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["pdsModalCss","PdsModal","exports","class_1","hostRef","_this","this","focusableElements","backdropDismiss","open","size","scrollable","focusableElementsArray","handleBackdropClick","e","target","classList","contains","stopPropagation","isInnermostModal","hideModal","handleKeyDown","key","preventDefault","length","firstFocusableElement","lastFocusableElement","activeElement","document","isFirstElement","isLastElement","shiftKey","focusElement","prototype","componentDidLoad","modalRef","el","querySelector","addEventListener","disconnectedCallback","removeEventListener","handleOpenChange","newValue","showModal","updateFocusableElements","selector","join","Array","from","querySelectorAll","filter","style","window","getComputedStyle","display","visibility","setInitialFocus","firstElement","element","focus","setTimeout","shadowRoot","focusableInShadow","error","console","previousActiveElement","pdsModalOpen","emit","close","pdsModalClose","getBackdropZIndex","modal","backdrop","parseInt","zIndex","openModals","thisBackdrop","modalZIndexes","map","maxZIndex","Math","max","apply","thisZIndex","render","h","class","concat","componentId","onClick","_a"],"sources":["src/components/pds-modal/pds-modal.scss?tag=pds-modal","src/components/pds-modal/pds-modal.tsx"],"sourcesContent":[".pds-modal__backdrop {\n  align-items: flex-start;\n  background-color: rgba(0, 0, 0, 0.4);\n  border: 0;\n  display: flex;\n  height: 100%;\n  inset: 0;\n  justify-content: center;\n  margin: 0;\n  max-height: 100%;\n  max-width: 100%;\n  opacity: 0;\n  padding: 0;\n  position: fixed;\n  transition: opacity 0.2s ease, visibility 0.2s ease;\n  visibility: hidden;\n  width: 100%;\n  z-index: var(--pine-z-index-modal);\n\n  @supports (backdrop-filter: blur(3px)) {\n    backdrop-filter: blur(3px);\n  }\n\n  // Increase z-index for nested modals\n  pds-modal & {\n    z-index: var(--pine-z-index-priority);\n  }\n\n  &::backdrop {\n    background: transparent;\n  }\n\n  &.open {\n    opacity: 1;\n    visibility: visible;\n  }\n}\n\n.pds-modal {\n  background: var(--pine-color-background-container);\n  border-radius: var(--pine-dimension-sm);\n  box-shadow: var(--pine-box-shadow-400);\n  display: flex;\n  flex-direction: column;\n  margin: var(--pine-dimension-md);\n  max-height: none;\n  width: 100%;\n\n  &.pds-modal--scrollable {\n    max-height: calc(100vh - (calc(5vh + 96px)));\n\n    @supports (height: 100dvh) {\n      max-height: calc(100dvh - (calc(5dvh + 96px)));\n    }\n  }\n\n  @media (min-width: 992px) {\n    margin-block-start: 6vh;\n\n    @supports (height: 100dvh) {\n      margin-block-start: 6dvh;\n    }\n  }\n\n  @media (min-width: 1200px) {\n    margin-block-start: 8vh;\n\n    @supports (height: 100dvh) {\n      margin-block-start: 8dvh;\n    }\n  }\n}\n\n.pds-modal--sm {\n  max-width: 520px;\n}\n\n.pds-modal--md {\n  max-width: 700px;\n}\n\n.pds-modal--lg {\n  max-width: 900px;\n}\n\n.pds-modal--fullscreen {\n  border-radius: 0;\n  height: 100%;\n  margin: 0;\n  max-height: 100vh;\n  max-width: 100%;\n\n  @supports (height: 100dvh) {\n    max-height: 100dvh;\n  }\n\n  &.pds-modal--scrollable {\n    max-height: 100vh;\n\n    @supports (height: 100dvh) {\n      max-height: 100dvh;\n    }\n  }\n}\n\n.pds-modal-content {\n  .pds-modal--fullscreen & {\n    flex: 1;\n  }\n}\n\n// Scrollable modal styles (default behavior)\n.pds-modal--scrollable {\n  pds-modal-content {\n    border-block-end: 1px solid transparent;\n    border-block-start: 1px solid transparent;\n    overflow-y: auto;\n  }\n}\n\n// Non-scrollable modal styles\n.pds-modal:not(.pds-modal--scrollable) {\n  pds-modal-content {\n    overflow-y: visible;\n  }\n}\n\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'pds-modal',\n  styleUrl: 'pds-modal.scss',\n  shadow: false\n})\nexport class PdsModal {\n  private modalRef: HTMLDialogElement;\n  private previousActiveElement: HTMLElement;\n  private focusableElements: HTMLElement[] = [];\n\n  @Element() el: HTMLPdsModalElement;\n\n  /**\n   * Whether the modal can be dismissed by clicking the backdrop\n   * @default true\n   */\n  @Prop() backdropDismiss = true;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Whether the modal is open\n   * @default false\n   */\n  @Prop({ mutable: true }) open = false;\n\n  /**\n   * The size of the modal\n   * @default 'md'\n   */\n  @Prop() size: 'sm' | 'md' | 'lg' | 'fullscreen' = 'md';\n\n  /**\n   * Whether the modal content should be scrollable\n   * @default true\n   */\n  @Prop() scrollable = true;\n\n  /**\n   * Emitted when the modal is opened\n   */\n  @Event() pdsModalOpen: EventEmitter<void>;\n\n  /**\n   * Emitted when the modal is closed\n   */\n  @Event() pdsModalClose: EventEmitter<void>;\n\n  /**\n   * Stores the list of focusable elements in the modal\n   */\n  @State() focusableElementsArray: HTMLElement[] = [];\n\n  componentDidLoad() {\n    this.modalRef = this.el.querySelector('.pds-modal__backdrop') as HTMLDialogElement;\n    // Add keyboard event listener\n    document.addEventListener('keydown', this.handleKeyDown);\n  }\n\n  disconnectedCallback() {\n    // Clean up event listener\n    document.removeEventListener('keydown', this.handleKeyDown);\n  }\n\n  @Watch('open')\n  handleOpenChange(newValue: boolean) {\n    if (newValue) {\n      this.showModal();\n    } else {\n      this.hideModal();\n    }\n  }\n\n  /**\n   * Updates the list of focusable elements in the modal\n   */\n  private updateFocusableElements() {\n    if (!this.modalRef) return;\n\n    // Get all focusable elements within the modal\n    const selector = [\n      'a[href]',\n      'button:not([disabled])',\n      'input:not([disabled])',\n      'select:not([disabled])',\n      'textarea:not([disabled])',\n      '[tabindex]:not([tabindex=\"-1\"])',\n      'pds-button:not([disabled])',\n      'pds-link:not([disabled])',\n      'pds-input:not([disabled])',\n      'pds-checkbox:not([disabled])',\n      'pds-radio:not([disabled])',\n      'pds-switch:not([disabled])',\n      'pds-select:not([disabled])',\n    ].join(',');\n\n    this.focusableElements = Array.from(\n      this.modalRef.querySelectorAll(selector)\n    ) as HTMLElement[];\n\n    // Filter out elements with display: none or visibility: hidden\n    this.focusableElements = this.focusableElements.filter(el => {\n      const style = window.getComputedStyle(el);\n      return style.display !== 'none' && style.visibility !== 'hidden';\n    });\n  }\n\n  /**\n   * Sets focus to the first focusable element in the modal\n   */\n  private setInitialFocus() {\n    if (this.focusableElements.length === 0) return;\n\n    // Focus the first focusable element\n    const firstElement = this.focusableElements[0];\n\n    // For web components, we need to ensure they're properly focused\n    this.focusElement(firstElement);\n  }\n\n  /**\n   * Helper method to focus an element, with special handling for web components\n   */\n  private focusElement(element: HTMLElement) {\n    if (!element) return;\n\n    try {\n      // Try standard focus first\n      element.focus();\n\n      // Check if focus worked\n      setTimeout(() => {\n        if (document.activeElement !== element) {\n          // For web components, try to find a focusable element inside\n          if (element.shadowRoot) {\n            const focusableInShadow = element.shadowRoot.querySelector(\n              'button, [tabindex], input, a[href]'\n            ) as HTMLElement;\n\n            if (focusableInShadow) {\n              focusableInShadow.focus();\n            }\n          }\n        }\n      }, 0);\n    } catch (error) {\n      console.error('Error focusing element:', error);\n    }\n  }\n\n  /**\n   * Opens the modal\n   */\n  @Method()\n  async showModal() {\n    if (this.modalRef) {\n      try {\n        // Store the currently focused element to restore focus when modal closes\n        this.previousActiveElement = document.activeElement as HTMLElement;\n\n        // Use native dialog showModal method which makes the rest of the page inert\n        this.modalRef.showModal();\n        this.open = true;\n\n        // Update focusable elements and set initial focus\n        // Using a longer timeout to ensure all components are fully rendered\n        setTimeout(() => {\n          this.updateFocusableElements();\n          this.setInitialFocus();\n          this.pdsModalOpen.emit();\n        }, 100);\n      } catch (error) {\n        console.error('Failed to show modal:', error);\n      }\n    }\n  }\n\n  /**\n   * Closes the modal\n   */\n  @Method()\n  async hideModal() {\n    if (this.modalRef) {\n      try {\n        this.modalRef.close();\n        this.open = false;\n\n        // Restore focus to the element that was focused before the modal was opened\n        if (this.previousActiveElement && typeof this.previousActiveElement.focus === 'function') {\n          this.previousActiveElement.focus();\n        }\n\n        this.pdsModalClose.emit();\n      } catch (error) {\n        console.error('Failed to hide modal:', error);\n      }\n    }\n  }\n\n  private handleBackdropClick = (e: MouseEvent) => {\n    if (!this.backdropDismiss || !this.open) return;\n\n    if ((e.target as HTMLElement).classList.contains('pds-modal__backdrop')) {\n      e.stopPropagation();\n\n      // Only close if this is the innermost modal\n      if (this.isInnermostModal()) {\n        this.hideModal();\n      }\n    }\n  };\n\n  /**\n   * Gets the z-index of a modal's backdrop element\n   */\n  private getBackdropZIndex(modal: Element): number {\n    const backdrop = modal.querySelector('.pds-modal__backdrop');\n    return backdrop ? parseInt(getComputedStyle(backdrop).zIndex, 10) : -1;\n  }\n\n  /**\n   * Checks if this modal is the innermost (highest z-index) modal\n   */\n  private isInnermostModal(): boolean {\n    // Find all open modals\n    const openModals = Array.from(document.querySelectorAll('pds-modal')).filter(\n      modal => modal.open\n    );\n\n    if (openModals.length === 0) return false;\n\n    // Get this modal's backdrop element\n    const thisBackdrop = this.el.querySelector('.pds-modal__backdrop');\n    if (!thisBackdrop) return false;\n\n    // Get computed z-index of all open modal backdrops\n    const modalZIndexes = openModals.map(modal => this.getBackdropZIndex(modal));\n\n    // Get the highest z-index\n    const maxZIndex = Math.max(...modalZIndexes);\n\n    // Check if this modal's backdrop has the highest z-index\n    const thisZIndex = this.getBackdropZIndex(this.el);\n    return thisZIndex === maxZIndex;\n  }\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    // If the modal is not open, don't handle any keyboard events\n    if (!this.open) return;\n\n    // Handle Escape key to close the modal\n    if (e.key === 'Escape') {\n      // Only close if this is the innermost modal\n      if (this.isInnermostModal()) {\n        e.preventDefault();\n        this.hideModal();\n      }\n      return;\n    }\n\n    // Handle Tab key for focus trapping\n    if (e.key === 'Tab') {\n      // If there are no focusable elements, do nothing\n      if (this.focusableElements.length === 0) return;\n\n      // Get the first and last focusable elements\n      const firstFocusableElement = this.focusableElements[0];\n      const lastFocusableElement = this.focusableElements[this.focusableElements.length - 1];\n\n      // Get the current active element\n      const activeElement = document.activeElement;\n\n      // Check if we need to wrap focus\n      const isFirstElement = activeElement === firstFocusableElement ||\n                            firstFocusableElement.contains(activeElement as Node);\n\n      const isLastElement = activeElement === lastFocusableElement ||\n                           lastFocusableElement.contains(activeElement as Node);\n\n      // If shift + tab is pressed and focus is on the first element, move to the last element\n      if (e.shiftKey && isFirstElement) {\n        e.preventDefault();\n        this.focusElement(lastFocusableElement);\n      }\n      // If tab is pressed and focus is on the last element, move to the first element\n      else if (!e.shiftKey && isLastElement) {\n        e.preventDefault();\n        this.focusElement(firstFocusableElement);\n      }\n    }\n  };\n\n  render() {\n    return (\n      <dialog\n        class={{\n          'pds-modal__backdrop': true,\n          'open': this.open\n        }}\n        aria-modal=\"true\"\n        aria-labelledby={`${this.componentId}-heading`}\n        onClick={this.handleBackdropClick}\n      >\n        <div\n          class={{\n            'pds-modal': true,\n            [`pds-modal--${this.size}`]: true,\n            'pds-modal--scrollable': this.scrollable\n          }}\n        >\n          <slot></slot>\n        </div>\n      </dialog>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pine-core/p-465e3418.system.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,r,i,n){function t(e){return e instanceof i?e:new i((function(r){r(e)}))}return new(i||(i=Promise))((function(i,o){function s(e){try{a(n.next(e))}catch(e){o(e)}}function d(e){try{a(n["throw"](e))}catch(e){o(e)}}function a(e){e.done?i(e.value):t(e.value).then(s,d)}a((n=n.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,t,o,s;return s={next:d(0),throw:d(1),return:d(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function d(e){return function(r){return a([e,r])}}function a(d){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,d[0]&&(i=0)),i)try{if(n=1,t&&(o=d[0]&2?t["return"]:d[0]?t["throw"]||((o=t["return"])&&o.call(t),0):t.next)&&!(o=o.call(t,d[1])).done)return o;if(t=0,o)d=[d[0]&2,o.value];switch(d[0]){case 0:case 1:o=d;break;case 4:i.label++;return{value:d[1],done:false};case 5:i.label++;t=d[1];d=[0];continue;case 7:d=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(d[0]===6||d[0]===2)){i=0;continue}if(d[0]===3&&(!o||d[1]>o[0]&&d[1]<o[3])){i.label=d[1];break}if(d[0]===6&&i.label<o[1]){i.label=o[1];o=d;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(d);break}if(o[2])i.ops.pop();i.trys.pop();continue}d=r.call(e,i)}catch(e){d=[6,e];t=0}finally{n=o=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};System.register(["./p-Cxvdulqq.system.js","./p-BHavepTY.system.js","./p-BhQhw0S3.system.js","./p-BG6uGRQj.system.js","./p-BG99uNIQ.system.js"],(function(e){"use strict";var r,i,n,t,o,s,d,a,p,l;return{setters:[function(e){r=e.r;i=e.c;n=e.h;t=e.H;o=e.g},function(e){s=e.a;d=e.m},function(e){a=e.i},function(e){p=e.d},function(e){l=e.i}],execute:function(){var u=":host{--pine-input-color-background-danger:var(--pine-color-red-050)}";var 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)}";var h=":host{--pds-input-background:var(--pine-color-background-container);--pds-input-border-color:var(--pine-color-border);--pds-input-border-color-hover:var(--pine-color-border-hover);--pds-input-border-color-disabled:var(--pine-color-border-disabled);--pds-input-border-radius:var(--pine-dimension-125);--pds-input-border-width:var(--pine-border-width-thin);--pds-input-padding-x:var(--pine-dimension-150);--pds-input-padding-y:calc(var(--pine-dimension-xs) - var(--pine-border-width));--pds-input-font:var(--pine-typography-body);--pds-input-text-color:var(--pine-color-text-active);--pds-input-placeholder-color:var(--pine-color-text-placeholder);--pds-input-icon-color:var(--pine-color-text-secondary);--pds-input-disabled-background:var(--pine-color-background-container-disabled);--pds-input-disabled-text-color:var(--pine-color-text-disabled);--pds-input-error-color:var(--pine-color-text-message-danger);--pds-input-error-background:var(--pine-input-color-background-danger);--pds-input-error-border:var(--pine-color-border-danger);--pds-input-error-border-hover:var(--pine-color-border-danger-hover);--pds-input-addon-background:var(--pine-color-background-subtle);--pds-input-addon-color:var(--pine-color-text-secondary);--pds-input-field-min-height:var(--pine-dimension-450);--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);display:inline}:host pds-select::part(select){background-color:var(--pds-input-error-background);border-color:var(--pds-input-error-border)}:host::part(prefix),:host::part(suffix){-ms-flex-align:center;align-items:center;color:var(--pine-color-text-label-readonly);display:-ms-flexbox;display:flex;height:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap;z-index:var(--pine-z-index-raised)}:host::part(prefix){border-end-start-radius:var(--pds-input-border-radius);-webkit-border-end:var(--pine-border-width-none);border-inline-end:var(--pine-border-width-none);border-start-start-radius:var(--pds-input-border-radius);left:var(--pds-input-padding-x)}:host::part(suffix){border-end-end-radius:var(--pds-input-border-radius);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);border-start-end-radius:var(--pds-input-border-radius);right:var(--pds-input-padding-x)}:host::part(prepend),:host::part(append){-ms-flex-align:center;align-items:center;background-color:var(--pds-input-addon-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color);color:var(--pds-input-addon-color);display:-ms-flexbox;display:flex;overflow:visible}:host::part(prepend){border-end-start-radius:var(--pds-input-border-radius);-webkit-border-end:var(--pine-border-width-none);border-inline-end:var(--pine-border-width-none);border-start-start-radius:var(--pds-input-border-radius)}:host::part(append){border-end-end-radius:var(--pds-input-border-radius);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);border-start-end-radius:var(--pds-input-border-radius)}:host([has-prepend]) ::slotted(pds-button[slot=prepend]){--pds-button-background:var(--pds-input-addon-background);--pds-button-border:var(--pine-border-width-none);--pds-button-border-radius:var(--pine-dimension-none);--pds-button-border-radius-end-end:var(--pine-dimension-none);--pds-button-border-radius-start-end:var(--pine-dimension-none);--pds-button-border-radius-start-start:var(--pds-input-border-radius);--pds-button-border-radius-end-start:var(--pds-input-border-radius);--pds-button-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)));--pds-button-box-shadow-focus:0 0 0 3px var(--pine-color-focus-ring);--pds-button-outline-focus:none}:host([has-append]) ::slotted(pds-button[slot=append]){--pds-button-background:var(--pds-input-addon-background);--pds-button-border:var(--pine-border-width-none);--pds-button-border-radius:var(--pine-dimension-none);--pds-button-border-radius-end-start:var(--pine-dimension-none);--pds-button-border-radius-start-start:var(--pine-dimension-none);--pds-button-border-radius-start-end:var(--pds-input-border-radius);--pds-button-border-radius-end-end:var(--pds-input-border-radius);--pds-button-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)));--pds-button-box-shadow-focus:0 0 0 3px var(--pine-color-focus-ring);--pds-button-outline-focus:none}:host([has-prepend]) ::slotted(pds-select[slot=prepend]){--pds-select-background:var(--pds-input-addon-background);--pds-select-border:var(--pine-border-width-none);--pds-select-border-radius-end-end:var(--pine-dimension-none);--pds-select-border-radius-start-end:var(--pine-dimension-none);--pds-select-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)))}:host([has-append]) ::slotted(pds-select[slot=append]){--pds-select-background:var(--pds-input-addon-background);--pds-select-border:var(--pine-border-width-none);--pds-select-border-radius-end-start:var(--pine-dimension-none);--pds-select-border-radius-start-start:var(--pine-dimension-none);--pds-select-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)))}:host([aria-readonly=true]) input{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}:host([disabled=true])::part(prepend),:host([disabled=true])::part(append){background-color:var(--pds-input-disabled-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color-disabled)}:host([full-width=true]){width:100%}:host([invalid=true])::part(prepend),:host([invalid=true])::part(append){background-color:var(--pds-input-error-background);border:var(--pds-input-border-width) solid var(--pds-input-error-border)}.pds-input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-input__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-input__label{color:var(--pine-color-text-active);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-input__label-wrapper .pds-input__label{-webkit-margin-after:0;margin-block-end:0}.pds-input__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)}.pds-input__field-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;position:relative;width:100%}.pds-input__field-wrapper.has-prefix .pds-input__field{-webkit-padding-start:calc(2 * var(--pds-input-padding-x) + var(--prefix-width, 1em));padding-inline-start:calc(2 * var(--pds-input-padding-x) + var(--prefix-width, 1em))}.pds-input__field-wrapper.has-suffix .pds-input__field{-webkit-padding-end:calc(2 * var(--pds-input-padding-x) + var(--suffix-width, 1em));padding-inline-end:calc(2 * var(--pds-input-padding-x) + var(--suffix-width, 1em))}.pds-input__field-wrapper.has-prepend .pds-input__field{border-end-start-radius:var(--pine-dimension-none);border-start-start-radius:var(--pine-dimension-none)}.pds-input__field-wrapper.has-append .pds-input__field{border-end-end-radius:var(--pine-dimension-none);border-start-end-radius:var(--pine-dimension-none)}.pds-input__field{background:var(--pds-input-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color);border-radius:var(--pds-input-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pds-input-text-color);-ms-flex:1;flex:1;font:var(--pds-input-font);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-input-field-min-height);min-width:var(--pine-dimension-none);padding:var(--pds-input-padding-y) var(--pds-input-padding-x);-webkit-transition:border-color 0.2s ease;transition:border-color 0.2s ease;width:100%}.pds-input__field:hover:not(:disabled){border-color:var(--pds-input-border-color-hover)}.pds-input__field:disabled{background:var(--pds-input-disabled-background);border-color:var(--pine-color-border-disabled);color:var(--pds-input-disabled-text-color);cursor:not-allowed}.pds-input__field:disabled::-webkit-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled:-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::placeholder{color:var(--pine-color-text-placeholder-disabled)}.has-error .pds-input__field:hover:not(:disabled){border-color:var(--pds-input-error-border-hover)}.pds-input__field:focus-visible:not(.has-error){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width);position:relative;z-index:1}:host([has-prepend]) .pds-input__field:focus-visible:not(.has-error),:host([has-append]) .pds-input__field:focus-visible:not(.has-error),:host([has-prefix]) .pds-input__field:focus-visible:not(.has-error),:host([has-suffix]) .pds-input__field:focus-visible:not(.has-error){outline-offset:var(--pine-dimension-none)}.pds-input__field::-webkit-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::-moz-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field:-ms-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::-ms-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::placeholder{color:var(--pds-input-placeholder-color)}.has-error .pds-input__field{background-color:var(--pds-input-error-background);border-color:var(--pds-input-error-border)}.has-error .pds-input__field:focus-visible{outline-color:var(--pine-color-focus-ring-danger);position:relative;z-index:1}.pds-input__error-message,.pds-input__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm);-webkit-margin-after:var(--pine-dimension-none);margin-block-end:var(--pine-dimension-none);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-input__error-message{-ms-flex-align:center;align-items:center;color:var(--pds-input-error-color);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.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}";var b=e("pds_input",function(){function e(e){var n=this;r(this,e);this.pdsBlur=i(this,"pdsBlur");this.pdsChange=i(this,"pdsChange");this.pdsFocus=i(this,"pdsFocus");this.pdsInput=i(this,"pdsInput");this.inheritedAttributes={};this.isComposing=false;this.hasPrefix=false;this.hasSuffix=false;this.hasPrepend=false;this.hasAppend=false;this.hasAction=false;this.type="text";this.value="";this.hasFocus=false;this.onInputEvent=function(e){var r=e.target;if(r){n.value=r.value||""}n.emitInputChange(e)};this.onChangeEvent=function(e){n.emitValueChange(e)};this.onBlurEvent=function(e){n.hasFocus=false;if(n.focusedValue!==n.value){n.emitValueChange(e)}n.pdsBlur.emit(e)};this.onFocusEvent=function(e){n.hasFocus=true;n.focusedValue=n.value;n.pdsFocus.emit(e)};this.onCompositionStart=function(){n.isComposing=true};this.onCompositionEnd=function(){n.isComposing=false}}e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeInput){this.nativeInput.focus()}return[2]}))}))};e.prototype.updateAddonWidths=function(){var e=this;requestAnimationFrame((function(){if(e.prefixEl){var r=e.prefixEl.offsetWidth;e.el.style.setProperty("--prefix-width","".concat(r,"px"))}if(e.suffixEl){var i=e.suffixEl.offsetWidth;e.el.style.setProperty("--suffix-width","".concat(i,"px"))}}))};e.prototype.renderPrefix=function(){var e=this;var r=this.el.querySelector('[slot="prefix"]')!==null;if(r){return n("div",{class:"pds-input__prefix",part:"prefix",ref:function(r){return e.prefixEl=r}},n("slot",{name:"prefix",onSlotchange:function(){return e.updateAddonWidths()}}))}return null};e.prototype.renderSuffix=function(){var e=this;var r=this.el.querySelector('[slot="suffix"]')!==null;if(r){return n("div",{class:"pds-input__suffix",part:"suffix",ref:function(r){return e.suffixEl=r}},n("slot",{name:"suffix",onSlotchange:function(){return e.updateAddonWidths()}}))}return null};e.prototype.renderPrepend=function(){var e=this.el.querySelector('[slot="prepend"]')!==null;if(e){return n("div",{class:"pds-input__prepend",part:"prepend"},n("slot",{name:"prepend"}))}return null};e.prototype.renderAppend=function(){var e=this.el.querySelector('[slot="append"]')!==null;if(e){return n("div",{class:"pds-input__append",part:"append"},n("slot",{name:"append"}))}return null};e.prototype.renderAction=function(){var e=this.el.querySelector('[slot="action"]')!==null;if(e){return n("div",{class:"pds-input__action",part:"action"},n("slot",{name:"action"}))}return null};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},a(this.el));this.hasPrefix=this.el.querySelector('[slot="prefix"]')!==null;this.hasSuffix=this.el.querySelector('[slot="suffix"]')!==null;this.hasPrepend=this.el.querySelector('[slot="prepend"]')!==null;this.hasAppend=this.el.querySelector('[slot="append"]')!==null;this.hasAction=this.el.querySelector('[slot="action"]')!==null;this.originalPdsInput=this.pdsInput};e.prototype.connectedCallback=function(){if(this.el.attachInternals){this.internals=this.el.attachInternals()}};e.prototype.componentDidLoad=function(){this.debounceChanged();this.updateAddonWidths();this.updateFormValue()};e.prototype.componentDidUpdate=function(){this.updateAddonWidths()};e.prototype.debounceChanged=function(){var e=this,r=e.pdsInput,i=e.debounce,n=e.originalPdsInput;this.pdsInput=i===undefined?n!==null&&n!==void 0?n:r:p(r,i)};e.prototype.valueChanged=function(){var e=this.nativeInput;var r=this.getValue();if(e&&e.value!==r&&!this.isComposing){e.value=r}this.updateFormValue()};e.prototype.getValue=function(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()};e.prototype.emitValueChange=function(e){var r=this.value;var i=r==null?r:r.toString();this.focusedValue=i;this.pdsChange.emit({value:i,event:e})};e.prototype.emitInputChange=function(e){var r=this.value;var i=r==null?r:r.toString();this.pdsInput.emit({value:i,event:e})};e.prototype.updateFormValue=function(){if(this.internals&&this.internals.setFormValue){var e=this.getValue();this.internals.setFormValue(e||null);if(this.nativeInput&&this.internals&&this.internals.setValidity){this.internals.setValidity(this.nativeInput.validity,this.nativeInput.validationMessage,this.nativeInput)}}};e.prototype.formResetCallback=function(){this.value="";this.updateFormValue()};e.prototype.formDisabledCallback=function(e){this.disabled=e};e.prototype.formStateRestoreCallback=function(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){var r=e.get(this.name);if(typeof r==="string"){this.value=r}}};e.prototype.render=function(){var e=this;var r=this,i=r.componentId,o=r.disabled,a=r.errorMessage,p=r.helperMessage,u=r.invalid,c=u===void 0?false:u,h=r.label;var b=this.getValue();var f={"pds-input__field-wrapper":true,"has-focus":this.hasFocus,"has-error":c||!!a,"is-disabled":o,"has-prefix":this.hasPrefix,"has-suffix":this.hasSuffix,"has-prepend":this.hasPrepend,"has-append":this.hasAppend};return n(t,{key:"354d45806da5e4b1c7a40f08f78d969b67e590ec","aria-disabled":this.disabled?"true":null,"aria-readonly":this.readonly?"true":null,"has-prefix":this.hasPrefix?"true":null,"has-suffix":this.hasSuffix?"true":null,"has-prepend":this.hasPrepend?"true":null,"has-append":this.hasAppend?"true":null,"has-action":this.hasAction&&!this.hideLabel?"true":null,"full-width":this.fullWidth?"true":null},n("div",{key:"9298d99d233733fd4da14ae3e47f9f111539b976",class:"pds-input"},h&&n("div",{key:"ade5fa1c70587487d62f5c3f8f50c3c567ca1f76",class:"pds-input__label-wrapper"},n("label",{key:"86a3a890317e2bf4e8d0b0cdc2d4ea10c8656a9f",htmlFor:i,class:"pds-input__label"},n("span",{key:"279a7b4540cd984a7c99a083f18b7a1854415ef1",class:this.hideLabel?"visually-hidden":""},h,this.required&&n("span",{key:"a12223c985ae3a6474a1ea6cb850a500c38af4e4",class:"pds-input__required-indicator"}," *"))),!this.hideLabel&&this.renderAction()),n("div",{key:"1b618690bbe9178b9b4c917fb7894ec2c17ac563",class:f},this.renderPrepend(),this.renderPrefix(),n("input",Object.assign({key:"171361ec863409965e71b96a636c6c5450047bf6",ref:function(r){return e.nativeInput=r},class:"pds-input__field","aria-describedby":s(i,c,p),"aria-invalid":c?"true":undefined,autocomplete:this.autocomplete,disabled:o,id:i,max:this.max,maxlength:this.maxlength,min:this.min,minlength:this.minlength,name:this.name,pattern:this.pattern,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,step:this.step,type:this.type,value:b,onInput:this.onInputEvent,onChange:this.onChangeEvent,onBlur:this.onBlurEvent,onFocus:this.onFocusEvent,onCompositionstart:this.onCompositionStart,onCompositionend:this.onCompositionEnd},this.inheritedAttributes)),this.renderSuffix(),this.renderAppend()),p&&n("p",{key:"22f2f1d5efe8c9178bb2eecba072de728826f0c0",class:"pds-input__helper-message",id:d(i,"helper")},p),a&&n("p",{key:"d13ca2940f42cfaac744db106dbd5c6442fdd7e0",class:"pds-input__error-message",id:d(i,"error")},n("pds-icon",{key:"a1622ddd2868470683a2413893cb87d7479acde1",icon:l,size:"small"}),a)))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}());b.style=u+(c+h)}}}));
-//# sourceMappingURL=p-465e3418.system.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["pdsInputTokensCss","labelCss","pdsInputCss","PdsInput","exports","class_1","hostRef","_this","this","inheritedAttributes","isComposing","hasPrefix","hasSuffix","hasPrepend","hasAppend","hasAction","type","value","hasFocus","onInputEvent","ev","input","target","emitInputChange","onChangeEvent","emitValueChange","onBlurEvent","focusedValue","pdsBlur","emit","onFocusEvent","pdsFocus","onCompositionStart","onCompositionEnd","prototype","setFocus","nativeInput","focus","updateAddonWidths","requestAnimationFrame","prefixEl","prefixWidth","offsetWidth","el","style","setProperty","concat","suffixEl","suffixWidth","renderPrefix","querySelector","h","class","part","ref","name","onSlotchange","renderSuffix","renderPrepend","renderAppend","renderAction","componentWillLoad","Object","assign","inheritAriaAttributes","originalPdsInput","pdsInput","connectedCallback","attachInternals","internals","componentDidLoad","debounceChanged","updateFormValue","componentDidUpdate","_a","debounce","undefined","debounceEvent","valueChanged","getValue","toString","event","newValue","pdsChange","setFormValue","setValidity","validity","validationMessage","formResetCallback","formDisabledCallback","disabled","formStateRestoreCallback","state","FormData","get","render","componentId","errorMessage","helperMessage","_b","invalid","label","inputWrapperClasses","Host","key","readonly","hideLabel","fullWidth","htmlFor","required","assignDescription","autocomplete","id","max","maxlength","min","minlength","pattern","placeholder","readOnly","step","onInput","onChange","onBlur","onFocus","onCompositionstart","onCompositionend","messageId","icon","danger","size"],"sources":["src/components/pds-input/pds-input.tokens.scss?tag=pds-input&encapsulation=shadow","src/global/styles/utils/label.scss?tag=pds-input&encapsulation=shadow","src/components/pds-input/pds-input.scss?tag=pds-input&encapsulation=shadow","src/components/pds-input/pds-input.tsx"],"sourcesContent":["@use '~@kajabi-ui/styles/dist/pine/components/pds-input/pds-input.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-input-background: var(--pine-color-background-container);\n  --pds-input-border-color: var(--pine-color-border);\n  --pds-input-border-color-hover: var(--pine-color-border-hover);\n  --pds-input-border-color-disabled: var(--pine-color-border-disabled);\n\n  --pds-input-border-radius: var(--pine-dimension-125);\n  --pds-input-border-width: var(--pine-border-width-thin);\n  --pds-input-padding-x: var(--pine-dimension-150);\n  --pds-input-padding-y: calc(var(--pine-dimension-xs) - var(--pine-border-width));\n  --pds-input-font: var(--pine-typography-body);\n  --pds-input-text-color: var(--pine-color-text-active);\n  --pds-input-placeholder-color: var(--pine-color-text-placeholder);\n  --pds-input-icon-color: var(--pine-color-text-secondary);\n  --pds-input-disabled-background: var(--pine-color-background-container-disabled);\n  --pds-input-disabled-text-color: var(--pine-color-text-disabled);\n  --pds-input-error-color: var(--pine-color-text-message-danger);\n  --pds-input-error-background: var(--pine-input-color-background-danger);\n  --pds-input-error-border: var(--pine-color-border-danger);\n  --pds-input-error-border-hover: var(--pine-color-border-danger-hover);\n  --pds-input-addon-background: var(--pine-color-background-subtle);\n  --pds-input-addon-color: var(--pine-color-text-secondary);\n  --pds-input-field-min-height: var(--pine-dimension-450);\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  display: inline;\n\n  pds-select::part(select) {\n    background-color: var(--pds-input-error-background);\n    border-color: var(--pds-input-error-border);\n  }\n\n  &::part(prefix),\n  &::part(suffix) {\n    align-items: center;\n    color: var(--pine-color-text-label-readonly);\n    display: flex;\n    height: 100%;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    white-space: nowrap;\n    z-index: var(--pine-z-index-raised);\n  }\n\n  &::part(prefix) {\n    border-end-start-radius: var(--pds-input-border-radius);\n    border-inline-end: var(--pine-border-width-none);\n    border-start-start-radius: var(--pds-input-border-radius);\n    left: var(--pds-input-padding-x);\n  }\n\n  &::part(suffix) {\n    border-end-end-radius: var(--pds-input-border-radius);\n    border-inline-start: var(--pine-border-width-none);\n    border-start-end-radius: var(--pds-input-border-radius);\n    right: var(--pds-input-padding-x);\n  }\n\n  &::part(prepend),\n  &::part(append) {\n    align-items: center;\n    background-color: var(--pds-input-addon-background);\n    border: var(--pds-input-border-width) solid var(--pds-input-border-color);\n    color: var(--pds-input-addon-color);\n    display: flex;\n    overflow: visible;\n  }\n\n  &::part(prepend) {\n    border-end-start-radius: var(--pds-input-border-radius);\n    border-inline-end: var(--pine-border-width-none);\n    border-start-start-radius: var(--pds-input-border-radius);\n  }\n\n  &::part(append) {\n    border-end-end-radius: var(--pds-input-border-radius);\n    border-inline-start: var(--pine-border-width-none);\n    border-start-end-radius: var(--pds-input-border-radius);\n  }\n}\n\n/* stylelint-disable-next-line */\n:host([has-prepend]) ::slotted(pds-button[slot=\"prepend\"]) {\n  --pds-button-background: var(--pds-input-addon-background);\n  --pds-button-border: var(--pine-border-width-none);\n  --pds-button-border-radius: var(--pine-dimension-none);\n  --pds-button-border-radius-end-end: var(--pine-dimension-none);\n  --pds-button-border-radius-start-end: var(--pine-dimension-none);\n  --pds-button-border-radius-start-start: var(--pds-input-border-radius);\n  --pds-button-border-radius-end-start: var(--pds-input-border-radius);\n  --pds-button-min-height: calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)));\n  --pds-button-box-shadow-focus: 0 0 0 3px var(--pine-color-focus-ring);\n  --pds-button-outline-focus: none;\n}\n\n/* stylelint-disable-next-line */\n:host([has-append]) ::slotted(pds-button[slot=\"append\"]) {\n  --pds-button-background: var(--pds-input-addon-background);\n  --pds-button-border: var(--pine-border-width-none);\n  --pds-button-border-radius: var(--pine-dimension-none);\n  --pds-button-border-radius-end-start: var(--pine-dimension-none);\n  --pds-button-border-radius-start-start: var(--pine-dimension-none);\n  --pds-button-border-radius-start-end: var(--pds-input-border-radius);\n  --pds-button-border-radius-end-end: var(--pds-input-border-radius);\n  --pds-button-min-height: calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)));\n  --pds-button-box-shadow-focus: 0 0 0 3px var(--pine-color-focus-ring);\n  --pds-button-outline-focus: none;\n}\n\n/* stylelint-disable-next-line */\n:host([has-prepend]) ::slotted(pds-select[slot=\"prepend\"]) {\n  --pds-select-background: var(--pds-input-addon-background);\n  --pds-select-border: var(--pine-border-width-none);\n  --pds-select-border-radius-end-end: var(--pine-dimension-none);\n  --pds-select-border-radius-start-end: var(--pine-dimension-none);\n  --pds-select-min-height: calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)));\n}\n\n/* stylelint-disable-next-line */\n:host([has-append]) ::slotted(pds-select[slot=\"append\"]) {\n  --pds-select-background: var(--pds-input-addon-background);\n  --pds-select-border: var(--pine-border-width-none);\n  --pds-select-border-radius-end-start: var(--pine-dimension-none);\n  --pds-select-border-radius-start-start: var(--pine-dimension-none);\n  --pds-select-min-height: calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)));\n}\n\n:host([aria-readonly=\"true\"]) {\n  input {\n    background-color: var(--pine-color-background-container-disabled);\n    color: var(--pine-color-text-readonly);\n  }\n}\n\n:host([disabled=\"true\"]) {\n  &::part(prepend),\n  &::part(append) {\n    background-color: var(--pds-input-disabled-background);\n    border: var(--pds-input-border-width) solid var(--pds-input-border-color-disabled);\n  }\n}\n\n:host([full-width=\"true\"]) {\n  width: 100%;\n}\n\n:host([invalid=\"true\"]) {\n  &::part(prepend),\n  &::part(append) {\n    background-color: var(--pds-input-error-background);\n    border: var(--pds-input-border-width) solid var(--pds-input-error-border);\n  }\n}\n\n.pds-input {\n  display: flex;\n  flex-direction: column;\n}\n\n.pds-input__label-wrapper {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  margin-block-end: var(--pine-dimension-2xs);\n}\n\n.pds-input__label {\n  color: var(--pine-color-text-active);\n  margin-block-end: var(--pine-dimension-2xs);\n}\n\n// When label is inside wrapper, remove its margin\n.pds-input__label-wrapper .pds-input__label {\n  margin-block-end: 0;\n}\n\n.pds-input__action {\n  align-items: center;\n  display: flex;\n  gap: var(--pine-dimension-xs);\n  margin-inline-start: var(--pine-dimension-xs);\n}\n\n.pds-input__field-wrapper {\n  align-items: center;\n  display: flex;\n  position: relative;\n  width: 100%;\n\n  &.has-prefix .pds-input__field {\n    padding-inline-start: calc(2 * var(--pds-input-padding-x) + var(--prefix-width, 1em));\n  }\n\n  &.has-suffix .pds-input__field {\n    padding-inline-end: calc(2 * var(--pds-input-padding-x) + var(--suffix-width, 1em));\n  }\n\n  &.has-prepend .pds-input__field {\n    border-end-start-radius: var(--pine-dimension-none);\n    border-start-start-radius: var(--pine-dimension-none);\n  }\n\n  &.has-append .pds-input__field {\n    border-end-end-radius: var(--pine-dimension-none);\n    border-start-end-radius: var(--pine-dimension-none);\n  }\n}\n\n.pds-input__field {\n  background: var(--pds-input-background);\n  border: var(--pds-input-border-width) solid var(--pds-input-border-color);\n  border-radius: var(--pds-input-border-radius);\n  box-sizing: border-box;\n  color: var(--pds-input-text-color);\n  flex: 1;\n  font: var(--pds-input-font);\n  letter-spacing: var(--pine-letter-spacing);\n  min-height: var(--pds-input-field-min-height);\n  min-width: var(--pine-dimension-none);\n  padding: var(--pds-input-padding-y) var(--pds-input-padding-x);\n  transition: border-color 0.2s ease;\n  width: 100%;\n\n  &:hover:not(:disabled) {\n    border-color: var(--pds-input-border-color-hover);\n  }\n\n  &:disabled {\n    background: var(--pds-input-disabled-background);\n    border-color: var(--pine-color-border-disabled);\n    color: var(--pds-input-disabled-text-color);\n    cursor: not-allowed;\n\n    &::placeholder {\n      color: var(--pine-color-text-placeholder-disabled);\n    }\n  }\n\n  .has-error &:hover:not(:disabled) {\n    border-color: var(--pds-input-error-border-hover);\n  }\n\n  &:focus-visible:not(.has-error) {\n    border-color: var(--pine-color-border-active);\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-border-width);\n    position: relative;\n    z-index: 1;\n\n    :host([has-prepend]) &,\n    :host([has-append]) &,\n    :host([has-prefix]) &,\n    :host([has-suffix]) & {\n      outline-offset: var(--pine-dimension-none);\n    }\n  }\n\n  &::placeholder {\n    color: var(--pds-input-placeholder-color);\n  }\n\n  .has-error & {\n    background-color: var(--pds-input-error-background);\n    border-color: var(--pds-input-error-border);\n\n    &:focus-visible {\n      outline-color: var(--pine-color-focus-ring-danger);\n      position: relative;\n      z-index: 1;\n    }\n  }\n}\n\n.pds-input__error-message,\n.pds-input__helper-message {\n  color: var(--pine-color-text-message);\n  font: var(--pine-typography-body-sm);\n  margin-block-end: var(--pine-dimension-none);\n  margin-block-start: var(--pine-dimension-2xs);\n}\n\n.pds-input__error-message {\n  align-items: center;\n  color: var(--pds-input-error-color);\n  display: flex;\n  gap: var(--pine-dimension-2xs);\n}\n\n.visually-hidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  clip-path: polygon(0 0, 0 0, 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport { assignDescription, messageId } from '../../utils/form';\nimport { inheritAriaAttributes } from '@utils/attributes';\nimport type { Attributes } from '@utils/attributes';\nimport { InputChangeEventDetail, InputInputEventDetail } from './input-interface';\nimport { debounceEvent } from '@utils/utils';\nimport { danger } from '@pine-ds/icons/icons';\n\n/**\n * @slot append - Content to be displayed after the input field\n * @slot prefix - Content that is displayed visually within the input field before the input field\n * @slot prepend - Content to be displayed before the input field\n * @slot suffix - Content that is displayed visually within the input field after the input field\n * @slot action - Content to be displayed in the label area, typically for help icons or links\n */\n@Component({\n  tag: 'pds-input',\n  styleUrls: ['pds-input.tokens.scss', '../../global/styles/utils/label.scss', 'pds-input.scss'],\n  shadow: true,\n  formAssociated: true,\n})\nexport class PdsInput {\n\n  private nativeInput?: HTMLInputElement;\n  private inheritedAttributes: Attributes = {};\n  private isComposing = false;\n  private prefixEl?: HTMLElement;\n  private suffixEl?: HTMLElement;\n  private focusedValue?: string | number | null;\n  private originalPdsInput?: EventEmitter<InputInputEventDetail>;\n  private internals?: ElementInternals;\n\n  @Element() el!: HTMLPdsInputElement;\n\n  /**\n   * If true, the input has prefix content (non-focusable)\n   */\n  @State() hasPrefix = false;\n\n  /**\n   * If true, the input has suffix content (non-focusable)\n   */\n  @State() hasSuffix = false;\n\n  /**\n   * If true, the input has prepend content (focusable)\n   */\n  @State() hasPrepend = false;\n\n  /**\n   * If true, the input has append content (focusable)\n   */\n  @State() hasAppend = false;\n\n  /**\n   * If true, the input has action content in the label area\n   */\n  @State() hasAction = false;\n\n  /**\n   * Emitted when the input loses focus.\n   */\n  @Event() pdsBlur!: EventEmitter<FocusEvent>;\n\n  /**\n   * Emitted when the value has changed.\n   *\n   * This event will not emit when programmatically setting the `value` property.\n   */\n  @Event() pdsChange!: EventEmitter<InputChangeEventDetail>;\n\n  /**\n   * Emitted when the input has focus.\n   */\n  @Event() pdsFocus!: EventEmitter<FocusEvent>;\n\n  /**\n   * Emitted when a keyboard input occurs.\n   */\n  @Event() pdsInput: EventEmitter<InputInputEventDetail>;\n\n  /**\n   * Sets focus on the native `input` in the `pds-input`. Use this method instead of the global\n   * `input.focus()`.\n   */\n  @Method()\n  async setFocus() {\n    if (this.nativeInput) {\n      this.nativeInput.focus();\n    }\n  }\n\n\n  /**\n   * Specifies if and how the browser provides `autocomplete` assistance for the field.\n   */\n  @Prop() autocomplete: string;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Sets the number of milliseconds to wait before updating the value.\n   */\n  @Prop() debounce?: number;\n\n  /**\n   * Determines whether or not the input field is disabled.\n   */\n  @Prop() disabled?: boolean;\n\n  /**\n   * Specifies the error message and provides an error-themed treatment to the field.\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * Displays a message or hint below the input field.\n   */\n  @Prop() helperMessage?: string;\n\n  /**\n   * Determines whether or not the input field is invalid or throws an error.\n   */\n  @Prop() invalid?: boolean;\n\n  /**\n   * Text to be displayed as the input label.\n   */\n  @Prop() label?: string;\n\n  /**\n   * Visually hides the label text for instances where only the input should be displayed. Label remains accessible to assistive technology such as screen readers.\n   * Note: When true, the action slot is also hidden to maintain a minimal UI.\n   */\n  @Prop() hideLabel: boolean;\n\n  /**\n   * Specifies the maximum value for the input field.\n   */\n  @Prop() max?: string;\n\n  /**\n   * Specifies the maximum number of characters allowed in the input field.\n   */\n  @Prop() maxlength?: string;\n\n  /**\n   * Specifies the minimum value for the input field.\n   */\n  @Prop() min?: string;\n\n  /**\n   * Specifies the minimum number of characters allowed in the input field.\n   */\n  @Prop() minlength?: string;\n\n  /**\n   * Specifies the name. Submitted with the form name/value pair.\n   */\n  @Prop() name?: string;\n\n  /**\n   * Specifies the regular expression that the input value is checked against.\n   */\n  @Prop() pattern?: string;\n\n  /**\n   * Specifies a short hint that describes the expected value of the input field.\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * Determines whether or not the input field is readonly.\n   */\n  @Prop() readonly?: boolean;\n\n  /**\n   * Determines whether or not the input field is required.\n   */\n  @Prop() required?: boolean;\n\n  /**\n   * Works with the `min` and `max` attributes to define increments for the input field.\n   */\n  @Prop() step?: string;\n\n  /**\n   * Determines the type of control that will be displayed\n   * `'email'`, `'number'`, `'password'`, `'tel'`, `'text'`, `'url'`\n   * @defaultValue \"text\"\n   */\n  @Prop() type = 'text';\n\n  /**\n   * The value of the input.\n   */\n  @Prop({mutable: true}) value?: string | number | null = '';\n\n  /**\n   * Determines whether or not the input field takes full width of its container.\n   */\n  @Prop() fullWidth?: boolean;\n\n  /**\n   * Determines if the input has focus.\n   */\n  @State() hasFocus = false;\n\n  private updateAddonWidths() {\n    requestAnimationFrame(() => {\n      if (this.prefixEl) {\n        const prefixWidth = this.prefixEl.offsetWidth;\n        this.el.style.setProperty('--prefix-width', `${prefixWidth}px`);\n      }\n\n      if (this.suffixEl) {\n        const suffixWidth = this.suffixEl.offsetWidth;\n        this.el.style.setProperty('--suffix-width', `${suffixWidth}px`);\n      }\n    });\n  }\n\n  private renderPrefix() {\n    const hasPrefix = this.el.querySelector('[slot=\"prefix\"]') !== null;\n    if (hasPrefix) {\n      return (\n        <div class=\"pds-input__prefix\" part=\"prefix\" ref={(el) => this.prefixEl = el as HTMLElement}>\n          <slot name=\"prefix\" onSlotchange={() => this.updateAddonWidths()}></slot>\n        </div>\n      );\n    }\n    return null;\n  }\n\n  private renderSuffix() {\n    const hasSuffix = this.el.querySelector('[slot=\"suffix\"]') !== null;\n    if (hasSuffix) {\n      return (\n        <div class=\"pds-input__suffix\" part=\"suffix\" ref={(el) => this.suffixEl = el as HTMLElement}>\n          <slot name=\"suffix\" onSlotchange={() => this.updateAddonWidths()}></slot>\n        </div>\n      );\n    }\n    return null;\n  }\n\n  private renderPrepend() {\n    const hasPrepend = this.el.querySelector('[slot=\"prepend\"]') !== null;\n    if (hasPrepend) {\n      return (\n        <div class=\"pds-input__prepend\" part=\"prepend\">\n          <slot name=\"prepend\"></slot>\n        </div>\n      );\n    }\n    return null;\n  }\n\n  private renderAppend() {\n    const hasAppend = this.el.querySelector('[slot=\"append\"]') !== null;\n    if (hasAppend) {\n      return (\n        <div class=\"pds-input__append\" part=\"append\">\n          <slot name=\"append\"></slot>\n        </div>\n      );\n    }\n    return null;\n  }\n\n  private renderAction() {\n    const hasAction = this.el.querySelector('[slot=\"action\"]') !== null;\n    if (hasAction) {\n      return (\n        <div class=\"pds-input__action\" part=\"action\">\n          <slot name=\"action\"></slot>\n        </div>\n      );\n    }\n    return null;\n  }\n\n  componentWillLoad() {\n    this.inheritedAttributes = {\n      ...inheritAriaAttributes(this.el)\n    };\n    this.hasPrefix = this.el.querySelector('[slot=\"prefix\"]') !== null;\n    this.hasSuffix = this.el.querySelector('[slot=\"suffix\"]') !== null;\n    this.hasPrepend = this.el.querySelector('[slot=\"prepend\"]') !== null;\n    this.hasAppend = this.el.querySelector('[slot=\"append\"]') !== null;\n    this.hasAction = this.el.querySelector('[slot=\"action\"]') !== null;\n\n    // Store the original pdsInput event emitter\n    this.originalPdsInput = this.pdsInput;\n  }\n\n  connectedCallback() {\n    // Initialize ElementInternals for form association\n    if (this.el.attachInternals) {\n      this.internals = this.el.attachInternals();\n    }\n  }\n\n  componentDidLoad() {\n    this.debounceChanged();\n    this.updateAddonWidths();\n    // Set initial form value\n    this.updateFormValue();\n  }\n\n  componentDidUpdate() {\n    this.updateAddonWidths();\n  }\n\n  @Watch('debounce')\n  protected debounceChanged() {\n    const { pdsInput, debounce, originalPdsInput } = this;\n\n    /**\n     * If debounce is undefined, we have to manually revert the pdsInput emitter in case\n     * debounce used to be set to a number. Otherwise, the event would stay debounced.\n     */\n    this.pdsInput = debounce === undefined ? originalPdsInput ?? pdsInput : debounceEvent(pdsInput, debounce);\n  }\n\n  @Watch('value')\n  protected valueChanged() {\n    const nativeInput = this.nativeInput;\n    const value = this.getValue();\n\n    if (nativeInput && nativeInput.value !== value && !this.isComposing) {\n      nativeInput.value = value;\n    }\n\n    // Update form value when value changes\n    this.updateFormValue();\n  }\n\n  private getValue(): string {\n    return typeof this.value === 'number' ? this.value.toString() : (this.value || '').toString();\n  }\n\n  private onInputEvent = (ev: Event) => {\n    const input = ev.target as HTMLInputElement | null;\n    if (input) {\n      this.value = input.value || '';\n    }\n    this.emitInputChange(ev);\n  };\n\n  private onChangeEvent = (ev: Event) => {\n    this.emitValueChange(ev);\n  };\n\n  private onBlurEvent = (ev: FocusEvent) => {\n    this.hasFocus = false;\n\n    if (this.focusedValue !== this.value) {\n      /**\n       * Emits the `pdsChange` event when the input value\n       * is different than the value when the input was focused.\n       */\n      this.emitValueChange(ev);\n    }\n\n    this.pdsBlur.emit(ev);\n  };\n\n  private onFocusEvent = (ev: FocusEvent) => {\n    this.hasFocus = true;\n    this.focusedValue = this.value;\n\n    this.pdsFocus.emit(ev);\n  };\n\n  private onCompositionStart = () => {\n    this.isComposing = true;\n  }\n\n  private onCompositionEnd = () => {\n    this.isComposing = false;\n  }\n\n  /**\n   * Emits a pdsChange event\n   */\n  private emitValueChange(event?: Event) {\n    const { value } = this;\n    const newValue = value == null ? value : value.toString();\n\n    this.focusedValue = newValue;\n    this.pdsChange.emit({ value: newValue, event });\n  }\n\n  /**\n   * Emits a `pdsInput` event\n   */\n  private emitInputChange(event?: Event) {\n    const { value } = this;\n\n    // Checks for both null and undefined values\n    const newValue = value == null ? value : value.toString();\n\n    this.pdsInput.emit({ value: newValue, event });\n  }\n\n  /**\n   * Updates the form value using ElementInternals API\n   */\n  private updateFormValue() {\n    if (this.internals && this.internals.setFormValue) {\n      const value = this.getValue();\n      this.internals.setFormValue(value || null);\n\n      // Set validity based on native input validation\n      if (this.nativeInput && this.internals && this.internals.setValidity) {\n        this.internals.setValidity(\n          this.nativeInput.validity,\n          this.nativeInput.validationMessage,\n          this.nativeInput\n        );\n      }\n    }\n  }\n\n  /**\n   * Form Associated Custom Elements API: Called when the form is reset\n   */\n  formResetCallback() {\n    this.value = '';\n    this.updateFormValue();\n  }\n\n  /**\n   * Form Associated Custom Elements API: Called when the form is disabled\n   */\n  formDisabledCallback(disabled: boolean) {\n    this.disabled = disabled;\n  }\n\n  /**\n   * Form Associated Custom Elements API: Called to restore form state\n   */\n  formStateRestoreCallback(state: string | FormData | null) {\n    if (typeof state === 'string') {\n      this.value = state;\n    } else if (state instanceof FormData && this.name) {\n      // Extract value from FormData using the input's name\n      const value = state.get(this.name);\n      if (typeof value === 'string') {\n        this.value = value;\n      }\n    }\n  }\n\n  render() {\n    const {\n      componentId,\n      disabled,\n      errorMessage,\n      helperMessage,\n      invalid = false,\n      label,\n    } = this;\n\n    const value = this.getValue();\n\n    const inputWrapperClasses = {\n      'pds-input__field-wrapper': true,\n      'has-focus': this.hasFocus,\n      'has-error': invalid || !!errorMessage,\n      'is-disabled': disabled,\n      'has-prefix': this.hasPrefix,\n      'has-suffix': this.hasSuffix,\n      'has-prepend': this.hasPrepend,\n      'has-append': this.hasAppend,\n    };\n\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n        aria-readonly={this.readonly ? 'true' : null}\n        has-prefix={this.hasPrefix ? 'true' : null}\n        has-suffix={this.hasSuffix ? 'true' : null}\n        has-prepend={this.hasPrepend ? 'true' : null}\n        has-append={this.hasAppend ? 'true' : null}\n        has-action={this.hasAction && !this.hideLabel ? 'true' : null}\n        full-width={this.fullWidth ? 'true' : null}\n      >\n        <div class=\"pds-input\">\n          {label && (\n            <div class=\"pds-input__label-wrapper\">\n              <label htmlFor={componentId} class=\"pds-input__label\">\n                <span class={this.hideLabel ? 'visually-hidden' : ''}>\n                  {label}\n                  {this.required && <span class=\"pds-input__required-indicator\"> *</span>}\n                </span>\n              </label>\n              {!this.hideLabel && this.renderAction()}\n            </div>\n          )}\n\n          <div class={inputWrapperClasses}>\n            {this.renderPrepend()}\n            {this.renderPrefix()}\n            <input\n              ref={(input) => (this.nativeInput = input)}\n              class=\"pds-input__field\"\n              aria-describedby={assignDescription(componentId, invalid, helperMessage)}\n              aria-invalid={invalid ? \"true\" : undefined}\n              autocomplete={this.autocomplete}\n              disabled={disabled}\n              id={componentId}\n              max={this.max}\n              maxlength={this.maxlength}\n              min={this.min}\n              minlength={this.minlength}\n              name={this.name}\n              pattern={this.pattern}\n              placeholder={this.placeholder}\n              readOnly={this.readonly}\n              required={this.required}\n              step={this.step}\n              type={this.type}\n              value={value}\n              onInput={this.onInputEvent}\n              onChange={this.onChangeEvent}\n              onBlur={this.onBlurEvent}\n              onFocus={this.onFocusEvent}\n              onCompositionstart={this.onCompositionStart}\n              onCompositionend={this.onCompositionEnd}\n              {...this.inheritedAttributes}\n            />\n            {this.renderSuffix()}\n            {this.renderAppend()}\n          </div>\n\n          {helperMessage && (\n            <p class=\"pds-input__helper-message\" id={messageId(componentId, 'helper')}>\n              {helperMessage}\n            </p>\n          )}\n\n          {errorMessage && (\n            <p class=\"pds-input__error-message\" id={messageId(componentId, 'error')}>\n              <pds-icon icon={danger} size=\"small\" />\n              {errorMessage}\n            </p>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["pdsTableCellCss","PdsTableCell","exports","class_1","hostRef","_this","this","scrollContainer","setupRetries","tableScrolling","handleScroll","scrollLeft","error","console","warn","prototype","componentWillRender","tableRef","hostElement","closest","componentDidLoad","responsive","fixedColumn","setupScrollListener","disconnectedCallback","cleanupScrollListener","container","_a","shadowRoot","querySelector","addEventListener","passive","setupTimer","window","setTimeout","removeEventListener","undefined","clearTimeout","classNames","compact","push","cellAlign","concat","truncate","join","render","h","Host","key","class","role","part","style","selectable"],"sources":["src/components/pds-table/pds-table-cell/pds-table-cell.scss?tag=pds-table-cell&encapsulation=shadow","src/components/pds-table/pds-table-cell/pds-table-cell.tsx"],"sourcesContent":[":host {\n  --box-shadow-fixed: 3px 3px 6px -2px rgba(0, 0, 0, 0.2);\n\n  color: var(--pine-color-text);\n  display: table-cell;\n  font-family: var(--pine-font-family-body);\n  font-size: var(--pine-font-size);\n  font-weight: var(--pine-font-weight-regular);\n  inset-inline-start: var(--pine-dimension-none);\n  letter-spacing: var(--pine-letter-spacing);\n  line-height: var(--pine-line-height-body);\n  padding: var(--pine-dimension-sm);\n  vertical-align: inherit;\n}\n\n:host(.is-compact) {\n  padding-block: var(--pine-dimension-2xs)\n}\n\n:host(.is-fixed) {\n  background: var(--pine-color-background-container);\n  left: 0;\n  position: sticky;\n  z-index: var(--pine-z-index-raised);\n}\n\n// box shadow when table has scrolled and cell is fixed\n:host(.has-scrolled.is-fixed) {\n  box-shadow: var(--box-shadow-fixed);\n}\n\n:host(.is-truncated) {\n  max-width: 100px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n:host(.has-checkbox) {\n  vertical-align: middle;\n  width: 16px;\n}\n\n// Text Alignment\n:host(.pds-table-cell--align-start) {\n  text-align: start;\n}\n\n:host(.pds-table-cell--align-center) {\n  text-align: center;\n}\n\n:host(.pds-table-cell--align-end) {\n  text-align: end;\n}\n\n:host(.pds-table-cell--align-justify) {\n  text-align: justify;\n}\n","import { Component, Element, Host, Prop, State, h } from '@stencil/core';\n\n@Component({\n  tag: 'pds-table-cell',\n  styleUrls: ['pds-table-cell.scss'],\n  shadow: true,\n})\nexport class PdsTableCell {\n  @Element() hostElement: HTMLPdsTableCellElement;\n  private tableRef: HTMLPdsTableElement;\n  private scrollContainer: HTMLElement | null = null;\n  private setupTimer: number | undefined;\n  private setupRetries: number = 0;\n\n  componentWillRender() {\n    this.tableRef = this.hostElement.closest('pds-table') as HTMLPdsTableElement;\n  }\n\n  componentDidLoad() {\n    if (this.tableRef && this.tableRef.responsive && this.tableRef.fixedColumn) {\n      // For responsive tables with fixed columns, set up scroll detection\n      // This enables the first column to show a shadow when the table is scrolled horizontally\n      this.setupScrollListener();\n    }\n  }\n\n  disconnectedCallback() {\n    this.cleanupScrollListener();\n  }\n\n  private setupScrollListener() {\n    if (!this.tableRef) return;\n\n    // Query shadowRoot once and cache the container\n    const container = this.tableRef.shadowRoot?.querySelector('.pds-table-responsive-container') as HTMLElement;\n\n    if (container) {\n      // Container available immediately\n      this.scrollContainer = container;\n      this.scrollContainer.addEventListener('scroll', this.handleScroll, { passive: true });\n      this.handleScroll(); // Initial check\n      this.setupRetries = 0; // Reset counter on success\n    } else {\n      // Container not ready, set up timer for retry with bounds\n      this.setupTimer = window.setTimeout(() => {\n        if (this.scrollContainer) return; // Already found\n        this.setupRetries = (this.setupRetries || 0) + 1;\n        if (this.setupRetries <= 50) {\n          this.setupScrollListener();\n        } else {\n          console.warn('Failed to find responsive container after 50 attempts');\n        }\n      }, 100);\n    }\n  }\n\n  private cleanupScrollListener() {\n    if (this.scrollContainer) {\n      this.scrollContainer.removeEventListener('scroll', this.handleScroll);\n      this.scrollContainer = null;\n    }\n\n    if (this.setupTimer !== undefined) {\n      window.clearTimeout(this.setupTimer);\n      this.setupTimer = undefined;\n    }\n\n    this.setupRetries = 0; // Reset retry counter\n  }\n\n  /**\n   * Sets the text alignment within the cell.\n   */\n  @Prop() cellAlign?: 'start' | 'center' | 'end' | 'justify';\n\n  /**\n   * Truncates content to a max width of 100px and adds an ellipsis.\n   */\n  @Prop() truncate: boolean;\n\n  /**\n   * Determines if the table is currently scrolling.\n   * @defaultValue false\n   */\n  @State() private tableScrolling: boolean = false;\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.tableRef && this.tableRef.compact) {\n      classNames.push('is-compact');\n    }\n\n    if (this.cellAlign) {\n      classNames.push(`pds-table-cell--align-${this.cellAlign}`);\n    }\n\n    if (this.truncate) {\n      classNames.push('is-truncated');\n    }\n\n    if (this.tableRef && this.tableRef.fixedColumn && this.tableScrolling) {\n      classNames.push('has-scrolled');\n    }\n\n    return classNames.join(' ');\n  }\n\n  /**\n   * Handles scroll events to update fixed column shadow state.\n   * Updates the tableScrolling state to control CSS classes for fixed column shadows.\n   * @private\n   */\n  private handleScroll = () => {\n    if (!this.scrollContainer) {\n      return;\n    }\n\n    try {\n      this.tableScrolling = this.scrollContainer.scrollLeft > 0;\n    } catch (error) {\n      console.warn('Scroll handler error:', error);\n    }\n  };\n\n  render() {\n    return (\n      <Host\n        class={this.classNames()}\n        role=\"gridcell\"\n        part=\"cell\"\n        style={\n          this.tableRef &&\n          this.tableRef.fixedColumn &&\n          this.tableRef.selectable\n            ? { '--fixed-cell-position': '40px' }\n            : {}\n          }\n        >\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0JAAA,IAAMA,EAAkB,qkC,ICOXC,EAAYC,EAAA,4BALzB,SAAAC,EAAAC,GAAA,IAAAC,EAAAC,K,UAQUA,KAAeC,gBAAuB,KAEtCD,KAAYE,aAAW,EAwEdF,KAAcG,eAAY,MA6BnCH,KAAYI,aAAG,WACrB,IAAKL,EAAKE,gBAAiB,CACzB,M,CAGF,IACEF,EAAKI,eAAiBJ,EAAKE,gBAAgBI,WAAa,C,CACxD,MAAOC,GACPC,QAAQC,KAAK,wBAAyBF,E,CAE1C,CAoBD,CAjICT,EAAAY,UAAAC,oBAAA,WACEV,KAAKW,SAAWX,KAAKY,YAAYC,QAAQ,Y,EAG3ChB,EAAAY,UAAAK,iBAAA,WACE,GAAId,KAAKW,UAAYX,KAAKW,SAASI,YAAcf,KAAKW,SAASK,YAAa,CAG1EhB,KAAKiB,qB,GAITpB,EAAAY,UAAAS,qBAAA,WACElB,KAAKmB,uB,EAGCtB,EAAAY,UAAAQ,oBAAA,eAAAlB,EAAAC,K,MACN,IAAKA,KAAKW,SAAU,OAGpB,IAAMS,GAAYC,EAAArB,KAAKW,SAASW,cAAY,MAAAD,SAAA,SAAAA,EAAAE,cAAc,mCAE1D,GAAIH,EAAW,CAEbpB,KAAKC,gBAAkBmB,EACvBpB,KAAKC,gBAAgBuB,iBAAiB,SAAUxB,KAAKI,aAAc,CAAEqB,QAAS,OAC9EzB,KAAKI,eACLJ,KAAKE,aAAe,C,KACf,CAELF,KAAK0B,WAAaC,OAAOC,YAAW,WAClC,GAAI7B,EAAKE,gBAAiB,OAC1BF,EAAKG,cAAgBH,EAAKG,cAAgB,GAAK,EAC/C,GAAIH,EAAKG,cAAgB,GAAI,CAC3BH,EAAKkB,qB,KACA,CACLV,QAAQC,KAAK,wD,IAEd,I,GAICX,EAAAY,UAAAU,sBAAA,WACN,GAAInB,KAAKC,gBAAiB,CACxBD,KAAKC,gBAAgB4B,oBAAoB,SAAU7B,KAAKI,cACxDJ,KAAKC,gBAAkB,I,CAGzB,GAAID,KAAK0B,aAAeI,UAAW,CACjCH,OAAOI,aAAa/B,KAAK0B,YACzB1B,KAAK0B,WAAaI,S,CAGpB9B,KAAKE,aAAe,C,EAmBdL,EAAAY,UAAAuB,WAAA,WACN,IAAMA,EAAa,GAEnB,GAAIhC,KAAKW,UAAYX,KAAKW,SAASsB,QAAS,CAC1CD,EAAWE,KAAK,a,CAGlB,GAAIlC,KAAKmC,UAAW,CAClBH,EAAWE,KAAK,yBAAAE,OAAyBpC,KAAKmC,W,CAGhD,GAAInC,KAAKqC,SAAU,CACjBL,EAAWE,KAAK,e,CAGlB,GAAIlC,KAAKW,UAAYX,KAAKW,SAASK,aAAehB,KAAKG,eAAgB,CACrE6B,EAAWE,KAAK,e,CAGlB,OAAOF,EAAWM,KAAK,I,EAoBzBzC,EAAAY,UAAA8B,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO3C,KAAKgC,aACZY,KAAK,WACLC,KAAK,OACLC,MACE9C,KAAKW,UACLX,KAAKW,SAASK,aACdhB,KAAKW,SAASoC,WACV,CAAE,wBAAyB,QAC3B,IAGNP,EAAa,QAAAE,IAAA,6C,gIApII,I","ignoreList":[]}

package/dist/pine-core/p-4bc02df0.entry.js

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

package/dist/pine-core/p-4bc02df0.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["labelCss","pdsInputTokensCss","pdsTextareaCss","PdsTextarea","constructor","hostRef","this","inheritedAttributes","_type","disabled","invalid","name","componentId","readonly","required","value","hasFocus","hasAction","onBlur","ev","focusedValue","emitValueChange","pdsBlur","emit","onFocus","pdsFocus","onInput","input","target","maxLength","length","substring","emitInputChange","ResizeObserver","requestAnimationFrame","updateCharacterCounterPosition","onTextareaChange","setFocus","nativeTextarea","focus","debounceChanged","pdsInput","debounce","originalPdsInput","undefined","debounceEvent","valueChanged","getValue","updateFormValue","maxLengthChanged","resizeObserver","disconnect","setupResizeObserver","internals","setValidity","isTooLong","tooLong","event","textarea","isRequired","newValue","toString","pdsTextareaChange","textareaClassNames","classNames","push","join","connectedCallback","el","attachInternals","disconnectedCallback","componentWillLoad","Object","assign","inheritAriaAttributes","inheritAttributes","querySelector","componentDidLoad","exposeTypeProperty","observe","characterCounter","offsetWidth","offsetHeight","textareaWidth","textareaHeight","counterWidth","counterHeight","rightPosition","bottomPosition","finalLeft","Math","max","min","finalTop","style","position","left","top","right","bottom","renderCharacterCounter","currentLength","h","class","ref","role","renderAction","part","setFormValue","validity","validationMessage","formResetCallback","formDisabledCallback","formStateRestoreCallback","state","FormData","get","render","Host","key","hideLabel","label","htmlFor","assignDescription","helperMessage","autocomplete","id","maxlength","placeholder","readOnly","rows","onChange","messageId","icon","danger","size","errorMessage"],"sources":["src/global/styles/utils/label.scss?tag=pds-textarea&encapsulation=shadow","src/components/pds-input/pds-input.tokens.scss?tag=pds-textarea&encapsulation=shadow","src/components/pds-textarea/pds-textarea.scss?tag=pds-textarea&encapsulation=shadow","src/components/pds-textarea/pds-textarea.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n:host([aria-disabled=\"true\"]) label {\n  color: var(--pine-color-text-label-disabled);\n}\n\n:host([aria-readonly=\"true\"]) {\n  label {\n    color: var(--pine-color-text-label-readonly);\n  }\n}\n\nlabel {\n  color: var(--pine-color-text-label);\n  font: var(--pine-typography-body-medium);\n  letter-spacing: var(--pine-letter-spacing);\n}\n","@use '~@kajabi-ui/styles/dist/pine/components/pds-input/pds-input.tokens'\n",":host {\n  display: inline-block;\n  width: 100%;\n}\n\n:host([aria-readonly=\"true\"]) {\n  textarea {\n    background-color: var(--pine-color-background-container-disabled);\n    color: var(--pine-color-text-readonly);\n  }\n}\n\n.pds-textarea {\n  display: flex;\n  flex-direction: column;\n}\n\n.pds-textarea__label-wrapper {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n}\n\n.pds-textarea__action {\n  align-items: center;\n  display: flex;\n  gap: var(--pine-dimension-xs);\n  margin-inline-start: var(--pine-dimension-xs);\n}\n\nlabel {\n  display: block;\n  margin-block-end: var(--pine-dimension-xs);\n}\n\n// When label is inside wrapper, remove its margin\n.pds-textarea__label-wrapper label {\n  margin-block-end: 0;\n}\n\n.pds-textarea__helper-message {\n  color: var(--pine-color-text-message);\n  font: var(--pine-typography-body-sm-medium);\n  margin-block-start: var(--pine-dimension-2xs);\n}\n\n.pds-textarea__error-message {\n  align-items: center;\n  color: var(--pine-color-text-message-danger);\n  display: flex;\n  font: var(--pine-typography-body-sm-medium);\n  gap: var(--pine-dimension-2xs);\n  margin-block-start: var(--pine-dimension-2xs);\n}\n\n.pds-textarea__field-wrapper {\n  display: inline-block;\n  position: relative;\n  width: 100%;\n}\n\n.pds-textarea__field {\n  background-color: var(--pine-color-background-container);\n  border: var(--pine-border);\n  border-radius: calc(var(--pine-dimension-xs) * 1.25);\n  box-sizing: border-box;\n  font: var(--pine-typography-body);\n  letter-spacing: var(--pine-letter-spacing);\n  min-height: calc(var(--pine-dimension-xl) * 2);\n  min-width: calc(var(--pine-dimension-xl) * 2);\n  padding: var(--pine-dimension-xs) var(--pine-dimension-sm);\n  resize: both;\n  width: 100%;\n\n  // Add bottom padding when character counter is present\n  :host([max-length]) & {\n    padding-bottom: calc(var(--pine-dimension-xs) + var(--pine-dimension-md));\n  }\n\n  &:hover:not(:disabled, .is-invalid) {\n    border: var(--pine-border-hover);\n  }\n\n  &:disabled {\n    background-color: var(--pine-color-background-container-disabled);\n    color: var(--pine-color-text-disabled);\n    cursor: not-allowed;\n  }\n\n  &:focus-visible {\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-border-width);\n  }\n\n  &::placeholder {\n    color: var(--pine-color-text-placeholder);\n  }\n\n  &.is-invalid {\n    background-color: var(--pine-input-color-background-danger);\n    border-color: var(--pine-color-border-danger);\n\n    &:focus-visible {\n      outline-color: var(--pine-color-focus-ring-danger);\n    }\n  }\n}\n\n.pds-textarea__character-counter {\n  background: color-mix(in srgb, var(--pine-color-background-container) 80%, transparent);\n  border-radius: calc(var(--pine-dimension-2xs) * 0.5);\n  color: var(--pine-color-text-readonly);\n  font: var(--pine-typography-body-sm-medium);\n  padding: calc(var(--pine-dimension-2xs) * 0.5) var(--pine-dimension-2xs);\n  pointer-events: none;\n  position: absolute;\n  user-select: none;\n  white-space: nowrap;\n  z-index: var(--pine-z-index);\n\n  // Match textarea disabled state\n  :host([aria-disabled=\"true\"]) & {\n    background-color: var(--pine-color-background-container-disabled);\n    color: var(--pine-color-text-disabled);\n  }\n\n  // Match textarea readonly state\n  :host([aria-readonly=\"true\"]) & {\n    background-color: var(--pine-color-background-container-disabled);\n    color: var(--pine-color-text-readonly);\n  }\n\n  // Match textarea invalid state - target when field has is-invalid class\n  .pds-textarea__field.is-invalid ~ & {\n    background-color: var(--pine-input-color-background-danger);\n  }\n}\n\n.visually-hidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  clip-path: polygon(0 0, 0 0, 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { assignDescription, isRequired, messageId, exposeTypeProperty } from '../../utils/form';\nimport { TextareaChangeEventDetail, TextareaInputEventDetail } from './textarea-interface';\nimport { debounceEvent } from '@utils/utils';\nimport type { Attributes } from '@utils/attributes';\nimport { inheritAttributes, inheritAriaAttributes } from '@utils/attributes';\nimport { danger } from '@pine-ds/icons/icons';\n\n/**\n * @slot action - Content to be displayed in the label area, typically for help icons or links\n */\n@Component({\n  tag: 'pds-textarea',\n  styleUrls: [\n    '../../global/styles/utils/label.scss',\n    '../pds-input/pds-input.tokens.scss',\n    'pds-textarea.scss'\n  ],\n  shadow: true,\n  formAssociated: true,\n})\nexport class PdsTextarea {\n\n  private nativeTextarea?: HTMLTextAreaElement\n  private focusedValue?: string | null;\n  private inheritedAttributes: Attributes = {};\n  private originalPdsInput?: EventEmitter<TextareaInputEventDetail>;\n  private internals?: ElementInternals;\n  private resizeObserver?: ResizeObserver;\n  private characterCounter?: HTMLElement;\n  private readonly _type = 'textarea' as const;\n\n  @Element() el: HTMLPdsTextareaElement;\n\n  /**\n   * Emitted when the input loses focus.\n   */\n  @Event() pdsBlur!: EventEmitter<FocusEvent>;\n\n  /**\n   * Emitted when the input has focus.\n   */\n  @Event() pdsFocus!: EventEmitter<FocusEvent>;\n\n  /**\n   * Emitted when a keyboard input occurs.\n   *\n   * For elements that accept text input (`type=text`, `type=tel`, etc.), the interface\n   * is [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent); for others,\n   * the interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If\n   * the input is cleared on edit, the type is `null`.\n   */\n  @Event() pdsInput: EventEmitter<TextareaInputEventDetail>;\n\n  /**\n   * Event emitted whenever the value of the textarea changes.\n   *\n   * This event will not emit when programmatically setting the `value` property.\n   */\n  @Event() pdsTextareaChange: EventEmitter<TextareaChangeEventDetail>;\n\n  /**\n   * Sets focus on the native `textarea` in the `pds-textarea`. Use this method instead of the global\n   * `textarea.focus()`.\n   */\n  @Method()\n  async setFocus() {\n    if (this.nativeTextarea) {\n      this.nativeTextarea.focus();\n    }\n  }\n\n  /**\n   * Specifies if and how the browser provides `autocomplete` assistance for the field.\n   */\n  @Prop() autocomplete: string;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Determines whether or not the textarea is disabled.\n   * @defaultValue false\n   */\n  @Prop() disabled = false;\n\n  /**\n   * The amount of time, in milliseconds, to wait to trigger the event after each keystroke.\n   */\n  @Prop() debounce?: number;\n\n  /**\n   * Displays an error message below the textarea field.\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * Displays a message or hint below the textarea field.\n   */\n  @Prop() helperMessage?: string;\n\n  /**\n   * Determines whether or not the textarea is invalid or throws an error.\n   * @defaultValue false\n   */\n  @Prop({mutable: true}) invalid = false;       // eslint-disable-line @stencil-community/strict-mutable\n\n  /**\n   * Text to be displayed as the textarea label.\n   */\n  @Prop() label?: string;\n\n  /**\n   * Visually hides the label text for instances where only the textarea should be displayed. Label remains accessible to assistive technology such as screen readers.\n   * Note: When true, the action slot is also hidden to maintain a minimal UI.\n   */\n  @Prop() hideLabel: boolean;\n\n  /**\n   * Specifies the name. Submitted with the form name/value pair. This value will mirror the componentId.\n   */\n  @Prop() name: string = this.componentId;\n\n  /**\n   * Specifies a short hint that describes the expected value of the textarea.\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * Determines whether or not the textarea is readonly.\n   * @defaultValue false\n   */\n  @Prop() readonly = false;\n\n  /**\n   * Determines whether or not the textarea is required.\n   * @defaultValue false\n   */\n  @Prop() required = false;\n\n  /**\n   * Sets number of rows of text visible without needing to scroll in the textarea.\n   */\n  @Prop() rows?: number;\n\n  /**\n   * Specifies the maximum number of characters allowed in the textarea. When set, displays a character counter.\n   */\n  @Prop({ reflect: true }) maxLength?: number;\n\n  /**\n   * The value of the textarea.\n   */\n  @Prop({mutable: true}) value?: string | null = '';\n\n  @State() hasFocus = false;\n\n\n  /**\n   * If true, the textarea has action content in the label area\n   */\n  @State() hasAction = false;\n\n  @Watch('debounce')\n  protected debounceChanged() {\n    const { pdsInput, debounce, originalPdsInput } = this;\n\n    this.pdsInput = debounce === undefined ? originalPdsInput ?? pdsInput : debounceEvent(pdsInput, debounce);\n  }\n\n  /**\n   * Update the native input element when the value changes\n   */\n  @Watch('value')\n  protected valueChanged() {\n    const nativeTextarea = this.nativeTextarea;\n    const value = this.getValue();\n\n    if (nativeTextarea && nativeTextarea.value !== value) {\n      nativeTextarea.value = value;\n    }\n\n    // Update form value for Form Associated Custom Elements API\n    this.updateFormValue();\n\n    // Update character counter position in case content changes affect sizing\n    if (this.maxLength && typeof ResizeObserver !== 'undefined') {\n      this.updateCharacterCounterPosition();\n    }\n  }\n\n  @Watch('maxLength')\n  protected maxLengthChanged() {\n    // Setup or teardown ResizeObserver based on maxLength\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n\n    if (this.maxLength && this.nativeTextarea) {\n      this.setupResizeObserver();\n    }\n\n    // Update ElementInternals validity when maxLength changes\n    if (this.internals && this.internals.setValidity && this.nativeTextarea) {\n      const isTooLong = this.nativeTextarea.value.length > (this.maxLength || 0);\n      this.internals.setValidity(\n        { tooLong: isTooLong },\n        isTooLong ? 'Value exceeds maxLength' : '',\n        this.nativeTextarea\n      );\n    }\n  }\n\n  /**\n   * Emits an `pdsInput` event.\n   */\n  private emitInputChange(event?: Event) {\n    const { value } = this;\n    this.pdsInput.emit({ value, event });\n  }\n\n  /**\n   * Emits an `pdsTextareaChange` event.\n   */\n  private emitValueChange(event?: Event) {\n    const textarea = event.target as HTMLTextAreaElement;\n    isRequired(textarea, this);\n\n    const { value } = textarea;\n\n    // Checks for both null and undefined values\n    const newValue = value == null ? value : value.toString();\n    this.focusedValue = newValue;\n    this.pdsTextareaChange.emit({ value: newValue, event });\n  }\n\n  private getValue(): string {\n    return this.value || '';\n  }\n\n  private onBlur = (ev: FocusEvent) => {\n    this.hasFocus = false;\n\n    if (this.focusedValue !== this.value) {\n      this.emitValueChange(ev);\n    }\n\n    this.pdsBlur.emit(ev);\n  };\n\n  private onFocus = (ev: FocusEvent) => {\n    this.hasFocus = true;\n    this.focusedValue = this.value;\n\n    this.pdsFocus.emit(ev);\n  };\n\n  private onInput = (ev: Event) => {\n    const input = ev.target as HTMLTextAreaElement | null;\n    if (input) {\n      // Handle maxLength validation\n      if (this.maxLength && input.value.length > this.maxLength) {\n        // Prevent input beyond maxLength\n        input.value = input.value.substring(0, this.maxLength);\n      }\n      this.value = input.value || '';\n    }\n    this.emitInputChange(ev);\n\n    // Update counter position when content changes\n    if (this.maxLength && typeof ResizeObserver !== 'undefined') {\n      // Use requestAnimationFrame to ensure DOM is updated\n      requestAnimationFrame(() => {\n        this.updateCharacterCounterPosition();\n      });\n    }\n  };\n\n  private onTextareaChange = (ev: Event) => {\n    this.emitValueChange(ev);\n  };\n\n  private textareaClassNames() {\n    const classNames = ['pds-textarea__field'];\n\n    if (this.invalid && this.invalid === true) {\n      classNames.push('is-invalid');\n    }\n\n    return classNames.join('  ');\n  }\n\n  connectedCallback() {\n    this.debounceChanged();\n    // Initialize ElementInternals for form association\n    if (this.el.attachInternals) {\n      this.internals = this.el.attachInternals();\n    }\n  }\n\n  disconnectedCallback() {\n    // Clean up ResizeObserver\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\n  componentWillLoad() {\n    this.inheritedAttributes = {\n      ...inheritAriaAttributes(this.el),\n      ...inheritAttributes(this.el),\n    };\n    this.hasAction = this.el.querySelector('[slot=\"action\"]') !== null;\n  }\n\n  componentDidLoad() {\n    this.originalPdsInput = this.pdsInput;\n    // Set initial form value\n    this.updateFormValue();\n\n    // Setup ResizeObserver for character counter positioning\n    this.setupResizeObserver();\n\n    // Expose type property on the element instance to match native form element behavior\n    exposeTypeProperty(this.el, () => this._type);\n  }\n\n  /**\n   * Sets up ResizeObserver to track textarea resize for character counter positioning\n   */\n  private setupResizeObserver() {\n    if (!this.maxLength || !this.nativeTextarea) return;\n\n    // ResizeObserver may not be available in test environments\n    if (typeof ResizeObserver !== 'undefined') {\n      this.resizeObserver = new ResizeObserver(() => {\n        // Use requestAnimationFrame to ensure DOM updates are complete\n        requestAnimationFrame(() => {\n          this.updateCharacterCounterPosition();\n        });\n      });\n\n      this.resizeObserver.observe(this.nativeTextarea);\n\n      // Initial positioning with a small delay to ensure counter is rendered\n      requestAnimationFrame(() => {\n        this.updateCharacterCounterPosition();\n      });\n    }\n  }\n\n  /**\n   * Updates character counter position to stay within textarea boundaries during resize\n   */\n  private updateCharacterCounterPosition() {\n    if (!this.characterCounter || !this.nativeTextarea) return;\n\n    // Skip positioning in test environments where ResizeObserver isn't available\n    if (typeof ResizeObserver === 'undefined') return;\n\n    // Ensure the character counter has been rendered and has dimensions\n    if (this.characterCounter.offsetWidth === 0 || this.characterCounter.offsetHeight === 0) {\n      // Counter not ready or component hidden - return and let resize/input observers handle positioning later\n      return;\n    }\n\n    // Position based on textarea's actual dimensions (which change during manual resize)\n    const textareaWidth = this.nativeTextarea.offsetWidth;\n    const textareaHeight = this.nativeTextarea.offsetHeight;\n    const counterWidth = this.characterCounter.offsetWidth;\n    const counterHeight = this.characterCounter.offsetHeight;\n\n    // Calculate position within textarea boundaries with padding from edges\n    const rightPosition = textareaWidth - counterWidth - 8;\n    const bottomPosition = textareaHeight - counterHeight - 8;\n\n    // Ensure counter stays within textarea boundaries even when resized very small\n    const finalLeft = Math.max(8, Math.min(rightPosition, textareaWidth - counterWidth - 8));\n    const finalTop = Math.max(8, Math.min(bottomPosition, textareaHeight - counterHeight - 8));\n\n    // Apply absolute positioning within the field wrapper\n    this.characterCounter.style.position = 'absolute';\n    this.characterCounter.style.left = `${finalLeft}px`;\n    this.characterCounter.style.top = `${finalTop}px`;\n    this.characterCounter.style.right = 'auto';\n    this.characterCounter.style.bottom = 'auto';\n  }\n\n  /**\n   * Renders the character counter when maxLength is set\n   */\n  private renderCharacterCounter() {\n    if (!this.maxLength) {\n      return null;\n    }\n\n    const currentLength = this.getValue().length;\n    return (\n      <div\n        class=\"pds-textarea__character-counter\"\n        ref={(el) => this.characterCounter = el}\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-label={`${currentLength} of ${this.maxLength} characters`}\n      >\n        {currentLength} / {this.maxLength}\n      </div>\n    );\n  }\n\n  private renderAction() {\n    const hasAction = this.el.querySelector('[slot=\"action\"]') !== null;\n    if (hasAction) {\n      return (\n        <div class=\"pds-textarea__action\" part=\"action\">\n          <slot name=\"action\"></slot>\n        </div>\n      );\n    }\n    return null;\n  }\n\n  /**\n   * Updates the form value using ElementInternals API\n   */\n  private updateFormValue() {\n    if (this.internals && this.internals.setFormValue) {\n      const value = this.getValue();\n      this.internals.setFormValue(value || null);\n\n      // Set validity based on native textarea validation\n      if (this.nativeTextarea && this.internals && this.internals.setValidity) {\n        this.internals.setValidity(\n          this.nativeTextarea.validity,\n          this.nativeTextarea.validationMessage,\n          this.nativeTextarea\n        );\n      }\n    }\n  }\n\n\n  /**\n   * Form Associated Custom Elements API: Called when the form is reset\n   */\n  formResetCallback() {\n    this.value = '';\n    this.updateFormValue();\n  }\n\n  /**\n   * Form Associated Custom Elements API: Called when the form is disabled\n   */\n  formDisabledCallback(disabled: boolean) {\n    this.disabled = disabled;\n  }\n\n  /**\n   * Form Associated Custom Elements API: Called to restore form state\n   */\n  formStateRestoreCallback(state: string | FormData | null) {\n    if (typeof state === 'string') {\n      this.value = state;\n    } else if (state instanceof FormData && this.name) {\n      // Extract value from FormData using the textarea's name\n      const value = state.get(this.name);\n      if (typeof value === 'string') {\n        this.value = value;\n      }\n    }\n  }\n\n  render() {\n    const value = this.getValue();\n\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n        aria-readonly={this.readonly ? 'true' : null}\n        has-action={this.hasAction && !this.hideLabel ? 'true' : null}\n      >\n        <div class=\"pds-textarea\">\n          {this.label &&\n            <div class=\"pds-textarea__label-wrapper\">\n              <label htmlFor={this.componentId}>\n                <span class={this.hideLabel ? 'visually-hidden' : ''}>\n                  {this.label}\n                </span>\n              </label>\n              {!this.hideLabel && this.renderAction()}\n            </div>\n          }\n          <div class=\"pds-textarea__field-wrapper\">\n            <textarea\n              ref={(el) => this.nativeTextarea = el }\n              aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n              aria-invalid={this.invalid ? \"true\" : undefined}\n              autocomplete={this.autocomplete}\n              class={this.textareaClassNames()}\n              disabled={this.disabled}\n              id={this.componentId}\n              maxlength={this.maxLength}\n              name={this.name}\n              placeholder={this.placeholder}\n              readOnly={this.readonly}\n              required={this.required}\n              rows={this.rows}\n              onBlur={this.onBlur}\n              onChange={this.onTextareaChange}\n              onFocus={this.onFocus}\n              onInput={this.onInput}\n              {...this.inheritedAttributes}\n            >\n              {value}\n            </textarea>\n            {this.renderCharacterCounter()}\n          </div>\n          {this.helperMessage &&\n            <p\n              class=\"pds-textarea__helper-message\"\n              id={messageId(this.componentId, 'helper')}\n            >\n              {this.helperMessage}\n            </p>\n          }\n          {this.invalid &&\n            <p\n              aria-live=\"assertive\"\n              class=\"pds-textarea__error-message\"\n              id={messageId(this.componentId, 'error')}\n            >\n              <pds-icon icon={danger} size=\"small\" />\n              {this.errorMessage}\n            </p>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pine-core/p-4c6ec7c4.entry.js

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

package/dist/pine-core/p-4c6ec7c4.entry.js.map

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["pdsTextCss","PdsText","exports","class_1","hostRef","this","tag","prototype","render","Tag","typeClasses","concat","align","undefined","trim","gutter","size","weight","decoration","h","key","style","color","setColor","class","part"],"sources":["src/components/pds-text/pds-text.scss?tag=pds-text&encapsulation=shadow","src/components/pds-text/pds-text.tsx"],"sourcesContent":[":host {\n  display: inline;\n}\n\n:host([decoration=\"underline-dotted\"]) > * {\n  text-decoration-color: var(--pine-color-grey-600);\n  text-decoration-line: underline;\n  text-decoration-style: dotted;\n  text-decoration-thickness: 12%;\n  text-underline-offset: 0.3rem;\n  text-underline-position: under;\n}\n\n:host([decoration=\"strikethrough\"])>* {\n  text-decoration: line-through;\n}\n\n/* stylelint-disable */\nh1 {\n  font: var(--pine-typography-heading-1);\n  letter-spacing: var(--pine-letter-spacing-heading-1);\n}\n\nh2 {\n  font: var(--pine-typography-heading-2);\n  letter-spacing: var(--pine-letter-spacing-heading-2);\n}\n\nh3 {\n  font: var(--pine-typography-heading-3);\n  letter-spacing: var(--pine-letter-spacing-heading-3);\n}\n\nh4 {\n  font: var(--pine-typography-heading-4);\n  letter-spacing: var(--pine-letter-spacing-heading-4);\n}\n\nh5 {\n  font: var(--pine-typography-heading-5);\n  letter-spacing: var(--pine-letter-spacing-heading-5);\n}\n\nh6 {\n  font: var(--pine-typography-heading-6);\n  letter-spacing: var(--pine-letter-spacing-heading-6);\n}\n\ncode, em, p, pre, strong {\n  font: var(--pine-typography-body);\n  letter-spacing: var(--pine-letter-spacing);\n}\n/* stylelint-enable */\n\ncode, pre {\n  font-family: monospace;\n  letter-spacing: 0;\n  line-height: 1;\n}\n\nem {\n  font-style: normal;\n}\n\nstrong {\n  font-weight: bolder;\n}\n\n:host([truncate]) > * {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n:host([italic]) > * {\n  font-style: italic;\n}\n\n// Colors/Variants/Sentiment\n\n// Variable is set in TSX\n// If color prop value isn't valid, will default to body text color\n.pds-text {\n  color: var(--color, var(--pine-color-text));\n  margin: var(--pine-dimension-none);\n}\n\n// Font Sizes\n$type-sizes: (\n  2xl: var(--pine-font-size-body-2xl),\n  xl: var(--pine-font-size-body-xl),\n  lg: var(--pine-font-size-body-lg),\n  md: var(--pine-font-size-body-md),\n  sm: var(--pine-font-size-body-sm),\n  xs: var(--pine-font-size-body-xs),\n  2xs: var(--pine-font-size-body-2xs),\n  h1: var(--pine-font-size-heading-1),\n  h2: var(--pine-font-size-heading-2),\n  h3: var(--pine-font-size-heading-3),\n  h4: var(--pine-font-size-heading-4),\n  h5: var(--pine-font-size-heading-5),\n  h6: var(--pine-font-size-heading-6),\n);\n\n@mixin generate-type-sizes($type-sizes) {\n  @each $key, $value in $type-sizes {\n    .pds-text--size-#{$key} {\n      font-size: $value;\n    }\n  }\n}\n\n@include generate-type-sizes($type-sizes);\n\n// Font Weights\n$type-weights: (\n  extra-light: var(--pine-font-weight-extra-light),\n  light: var(--pine-font-weight-light),\n  regular: var(--pine-font-weight-regular),\n  medium: var(--pine-font-weight-medium),\n  semibold: var(--pine-font-weight-semi-bold),\n  bold: var(--pine-font-weight-bold),\n);\n\n@mixin generate-type-weights($type-weights) {\n  @each $key, $value in $type-weights {\n    .pds-text--weight-#{$key} {\n      font-weight: $value;\n    }\n  }\n}\n\n@include generate-type-weights($type-weights);\n\n// Gutter Sizes\n$type-gutters: (\n  2xl: var(--pine-dimension-2xl),\n  xl: var(--pine-dimension-xl),\n  lg: var(--pine-dimension-lg),\n  md: var(--pine-dimension-md),\n  sm: var(--pine-dimension-sm),\n  xs: var(--pine-dimension-xs),\n  2xs: var(--pine-dimension-2xs),\n);\n\n@mixin generate-type-gutters($type-gutters) {\n  @each $key, $value in $type-gutters {\n    .pds-text--gutter-#{$key} {\n      margin-block-end: $value;\n    }\n  }\n}\n\n@include generate-type-gutters($type-gutters);\n\n// Text Alignment\n$type-alignments: (\n  start: start,\n  center: center,\n  end: end,\n  justify: justify,\n);\n\n@mixin generate-type-alignments($type-alignments) {\n  @each $key, $value in $type-alignments {\n    .pds-text--align-#{$key} {\n      text-align: $value;\n    }\n  }\n}\n\n@include generate-type-alignments($type-alignments);\n","import { Component, h, Prop, Element } from '@stencil/core';\nimport { setColor } from '../../utils/utils';\n\n/**\n * @part content - The text content container\n */\n@Component({\n  tag: 'pds-text',\n  styleUrl: 'pds-text.scss',\n  shadow: true,\n})\nexport class PdsText {\n  @Element() el: HTMLPdsTextElement;\n  /**\n   * Sets the text alignment.\n   */\n  @Prop() align?: 'start' | 'center' | 'end' | 'justify';\n\n  /**\n   * Sets the text color.\n   */\n  @Prop() color?: string;\n\n  /**\n   * Sets the text decoration.\n   */\n  @Prop() decoration?:\n  | 'strikethrough'\n  | 'underline-dotted';\n\n  /**\n   * Set the bottom margin for the text.\n   */\n  @Prop() gutter?:\n  | '2xl'\n  | 'xl'\n  | 'lg'\n  | 'md'\n  | 'sm'\n  | 'xs'\n  | '2xs';\n\n  /**\n   * If set or `true`, the text will be italic.\n   */\n  @Prop() italic?: boolean;\n\n  /**\n   * Sets the font size.\n   */\n  @Prop() size?:\n  | '2xl'\n  | 'xl'\n  | 'lg'\n  | 'md'\n  | 'sm'\n  | 'xs'\n  | '2xs'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6';\n\n  /**\n   * Sets the font weight.\n   */\n  @Prop() weight?:\n  | 'extra-light'\n  | 'light'\n  | 'regular'\n  | 'medium'\n  | 'semibold'\n  | 'bold';\n\n  /**\n   * Determines what semantic text tag to render.\n   */\n  @Prop() tag:\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'p'\n  | 'code'\n  | 'pre'\n  | 'strong'\n  | 'em' = \"p\";\n\n  /**\n   * If set or `true`, the text will be truncated. Must add a `width` to the element.\n   */\n  @Prop({ reflect: true }) truncate?: boolean;\n\n  render() {\n    const Tag = this.tag;\n\n    const typeClasses = `\n      pds-text\n      ${this.align !== undefined && this.align.trim() !== '' ? `pds-text--align-${this.align}` : ''}\n      ${this.gutter !== undefined && this.gutter.trim() !== '' ? `pds-text--gutter-${this.gutter}` : ''}\n      ${this.size !== undefined && this.size.trim() !== '' ? `pds-text--size-${this.size}` : ''}\n      ${this.weight !== undefined && this.weight.trim() !== '' ? `pds-text--weight-${this.weight}` : ''}\n      ${this.decoration !== undefined && this.decoration.trim() !== '' ? `pds-text--decoration-${this.decoration}` : ''}\n    `;\n\n    return (\n      <Tag style={this.color && setColor(this.color)} class={typeClasses} part=\"content\">\n        <slot />\n      </Tag>\n    );\n  }\n}\n"],"mappings":"gMAAA,IAAMA,EAAa,o+G,ICWNC,EAAOC,EAAA,sBALpB,SAAAC,EAAAC,G,UAyEUC,KAAGC,IAWF,GAyBV,CAlBCH,EAAAI,UAAAC,OAAA,WACE,IAAMC,EAAMJ,KAAKC,IAEjB,IAAMI,EAAc,2BAAAC,OAEhBN,KAAKO,QAAUC,WAAaR,KAAKO,MAAME,SAAW,GAAK,mBAAAH,OAAmBN,KAAKO,OAAU,GAAE,YAAAD,OAC3FN,KAAKU,SAAWF,WAAaR,KAAKU,OAAOD,SAAW,GAAK,oBAAAH,OAAoBN,KAAKU,QAAW,GAAE,YAAAJ,OAC/FN,KAAKW,OAASH,WAAaR,KAAKW,KAAKF,SAAW,GAAK,kBAAAH,OAAkBN,KAAKW,MAAS,GAAE,YAAAL,OACvFN,KAAKY,SAAWJ,WAAaR,KAAKY,OAAOH,SAAW,GAAK,oBAAAH,OAAoBN,KAAKY,QAAW,GAAE,YAAAN,OAC/FN,KAAKa,aAAeL,WAAaR,KAAKa,WAAWJ,SAAW,GAAK,wBAAAH,OAAwBN,KAAKa,YAAe,GAAE,UAGnH,OACEC,EAACV,EAAG,CAAAW,IAAA,2CAACC,MAAOhB,KAAKiB,OAASC,EAASlB,KAAKiB,OAAQE,MAAOd,EAAae,KAAK,WACvEN,EAAQ,QAAAC,IAAA,6C,uHApGI,I","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["labelCss","pdsCheckboxCss","PdsCheckbox","exports","class_1","hostRef","_this","this","inheritedAttributes","_type","checked","handleCheckboxChange","e","disabled","target","updateFormValue","pdsCheckboxChange","emit","value","handleInput","pdsCheckboxInput","prototype","updateIndeterminate","indeterminate","undefined","classNames","invalid","push","join","connectedCallback","el","attachInternals","internals","exposeTypeProperty","componentDidLoad","checkedChanged","jest","process","_a","env","NODE_ENV","setFormValue","formValue","setValidity","formStateRestoreCallback","state","FormData","get","name","componentWillLoad","Object","assign","inheritAriaAttributes","render","h","Host","key","class","htmlFor","componentId","type","assignDescription","errorMessage","helperMessage","id","required","onChange","onInput","hideLabel","label","messageId","icon","danger","size"],"sources":["src/global/styles/utils/label.scss?tag=pds-checkbox&encapsulation=shadow","src/components/pds-checkbox/pds-checkbox.scss?tag=pds-checkbox&encapsulation=shadow","src/components/pds-checkbox/pds-checkbox.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n:host([aria-disabled=\"true\"]) label {\n  color: var(--pine-color-text-label-disabled);\n}\n\n:host([aria-readonly=\"true\"]) {\n  label {\n    color: var(--pine-color-text-label-readonly);\n  }\n}\n\nlabel {\n  color: var(--pine-color-text-label);\n  font: var(--pine-typography-body-medium);\n  letter-spacing: var(--pine-letter-spacing);\n}\n",":host {\n  align-items: center;\n  display: flex;\n  flex-flow: row wrap;\n}\n\n:host(.is-invalid) {\n  input {\n    border-color: var(--pine-color-border-danger);\n\n    &:checked {\n      background: var( --pine-color-danger);\n\n      &:hover {\n        background: var(--pine-color-danger-hover);\n        border-color: var(--pine-color-border-danger-hover);\n      }\n    }\n\n    &:focus-visible {\n      outline-color: var(--pine-color-focus-ring-danger);\n    }\n  }\n\n  label,\n  .pds-checkbox__message--error {\n    color: var(--pine-color-text-message-danger);\n  }\n}\n\n:host(.is-indeterminate) {\n  input {\n    background: var(--pine-color-accent);\n    border-color: var(--pine-color-accent);\n\n    &:hover {\n      background: var(--pine-color-accent);\n      border-color: var(--pine-color-accent-hover);\n    }\n\n    &::after {\n      border: 1px solid var(--pine-color-secondary);\n      border-block-end: var(--pine-border-width-none);\n      border-block-start: var(--pine-border-width-none);\n      border-inline-start: var(--pine-border-width-none);\n      content: \"\";\n      display: block;\n      height: 7px;\n      left: 50%;\n      position: absolute;\n      top: 50%;\n      transform: rotate(90deg) translate3d(-103%, 32%, 0);\n      width: 4px;\n    }\n  }\n}\n\ninput {\n  appearance: none;\n  background: var(--pine-color-background-container);\n  border: var(--pine-border);\n  border-radius: var(--pine-dimension-2xs);\n  flex: none;\n  height: var(--pine-dimension-sm);\n  margin: 0;\n  margin-block-start: var(--pine-dimension-025);\n  position: relative;\n  width: var(--pine-dimension-sm);\n\n  &:hover {\n    background: var(--pine-color-background-container-hover);\n    border: var(--pine-border-hover);\n  }\n\n  &:checked {\n    background: var(--pine-color-accent);\n    border-color: var(--pine-color-accent);\n\n    &:hover {\n      background: var(--pine-color-accent-hover);\n      border-color: var(--pine-color-accent-hover);\n    }\n\n    &::after {\n      border: 1px solid var(--pine-color-secondary);\n      border-block-start: var(--pine-border-width-none);\n      border-inline-start: var(--pine-border-width-none);\n      content: \"\";\n      display: block;\n      height: 7px;\n      left: 50%;\n      position: absolute;\n      top: 50%;\n      transform: rotate(43deg) translate3d(-110%, -30%, 0);\n      width: 4px;\n    }\n  }\n\n  &:disabled {\n    background: var(--pine-color-background-container-disabled);\n    border-color: var(--pine-color-border-disabled);\n    cursor: not-allowed;\n\n    &:checked {\n      background: var(--pine-color-background-container-disabled);\n      border-color: var(--pine-color-border-disabled);\n\n      &::after {\n        border-color: var(--pine-color-grey-300);\n      }\n    }\n\n    + label {\n      cursor: not-allowed;\n    }\n\n    ~ .pds-checkbox__message {\n      color: var(--pine-color-text-disabled);\n    }\n  }\n\n  &:focus-visible {\n    outline: var(--pine-outline-focus);\n  }\n}\n\nlabel {\n  display: flex;\n  gap: var(--pine-dimension-xs);\n}\n\n.visually-hidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  clip-path: polygon(0 0, 0 0, 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n.pds-checkbox__message {\n  color: var(--pine-color-text-message);\n  font: var(--pine-typography-body-sm-medium);\n  margin-block-start: 6px;\n  margin-inline-start: var(--pine-dimension-md);\n  width: 100%;\n}\n\n.pds-checkbox__message--error {\n  display: flex;\n  font-size: var(--pine-font-size-085);\n  gap: var(--pine-dimension-050);\n\n  pds-icon {\n    margin-block-start: var(--pine-dimension-025);\n  }\n}\n","import { Component, Element, h, Prop, Host, Event, EventEmitter, Watch } from '@stencil/core';\nimport { assignDescription, messageId, exposeTypeProperty } from '../../utils/form';\nimport { CheckboxChangeEventDetail } from './checkbox-interface';\nimport { danger } from '@pine-ds/icons/icons';\n\nimport { inheritAriaAttributes } from '@utils/attributes';\nimport type { Attributes } from '@utils/attributes';\n\n@Component({\n  tag: 'pds-checkbox',\n  styleUrls: ['../../global/styles/utils/label.scss', 'pds-checkbox.scss'],\n  shadow: true,\n  formAssociated: true,\n})\nexport class PdsCheckbox {\n  private inheritedAttributes: Attributes = {};\n  private internals?: ElementInternals;\n  private readonly _type = 'checkbox' as const;\n\n  @Element() el: HTMLPdsCheckboxElement;\n\n  /**\n   * It determines whether or not the checkbox is checked.\n   */\n  @Prop({ mutable: true }) checked?: boolean = false;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * It determines whether or not the checkbox is disabled.\n   */\n  @Prop() disabled: boolean;\n\n  /**\n   * Displays message text describing an invalid state.\n   */\n  @Prop() errorMessage: string;\n\n  /**\n   * String used for helper message below checkbox.\n   */\n  @Prop() helperMessage: string;\n\n  /**\n   * If `true`, the checkbox will visually appear as indeterminate.\n   * Only JavaScript can set the objects `indeterminate` property. See [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes).\n   */\n  @Prop({ mutable: true }) indeterminate: boolean;\n\n  /**\n   * It determines whether or not the checkbox is invalid.\n   */\n  @Prop() invalid: boolean;\n\n  /**\n   * String used for label text next to checkbox.\n   */\n  @Prop() label: string;\n\n    /**\n   * Visually hides the label text for instances where only the checkbox should be displayed. Label remains accessible to assistive technology such as screen readers.\n   */\n    @Prop() hideLabel: boolean;\n\n  /**\n   * String used for checkbox `name` attribute.\n   */\n  @Prop() name: string;\n\n  /**\n   * It determines whether or not the checkbox is required.\n   */\n  @Prop() required: boolean;\n\n  /**\n   * The value of the checkbox that is submitted with a form.\n   */\n  @Prop() value: string;\n\n\n  /**\n   * Event emitted that contains the `value` and `checked`.\n   */\n  @Event() pdsCheckboxChange: EventEmitter<CheckboxChangeEventDetail>;\n\n  @Event() pdsCheckboxInput: EventEmitter<CheckboxChangeEventDetail>;\n\n  @Watch('checked')\n  updateIndeterminate() {\n    this.indeterminate = undefined\n  }\n\n  private handleCheckboxChange = (e: Event) => {\n    if (this.disabled) {\n      return;\n    }\n\n    const target = e.target as HTMLInputElement;\n    this.checked = target.checked;\n\n    this.updateFormValue();\n\n    this.pdsCheckboxChange.emit({\n      checked: target.checked,\n      value: this.value\n    });\n  }\n\n  private handleInput = () => {\n    this.pdsCheckboxInput.emit({\n      checked: this.checked,\n      value: this.value\n    });\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.invalid) { classNames.push('is-invalid'); }\n    if (this.indeterminate) { classNames.push('is-indeterminate'); }\n    if (this.disabled) { classNames.push('is-disabled'); }\n\n    return classNames.join('  ');\n  }\n\n  connectedCallback() {\n    if (this.el.attachInternals) {\n      this.internals = this.el.attachInternals();\n    }\n\n    // Expose type property on the element instance to match native form element behavior\n    exposeTypeProperty(this.el, () => this._type);\n  }\n\n  componentDidLoad() {\n    this.updateFormValue();\n  }\n\n  @Watch('checked')\n  checkedChanged() {\n    this.updateFormValue();\n  }\n\n  private updateFormValue() {\n    if (typeof jest !== 'undefined' || typeof process !== 'undefined' && process.env?.NODE_ENV === 'test') {\n      return;\n    }\n\n    if (this.internals && this.internals.setFormValue) {\n      // For checkboxes, only send the value when checked, otherwise send null\n      const formValue = this.checked ? (this.value || 'on') : null;\n      this.internals.setFormValue(formValue);\n    }\n\n    if (this.internals && this.internals.setValidity) {\n      this.internals.setValidity({});\n    }\n  }\n\n  formStateRestoreCallback(state: string | FormData | null) {\n    if (state instanceof FormData) {\n      // For checkboxes, restore if the value exists in FormData\n      const value = this.value || 'on';\n      this.checked = state.get(this.name as string) === value;\n    } else if (typeof state === 'string') {\n      // Restore from string state\n      this.checked = state === (this.value || 'on');\n    }\n  }\n\n  componentWillLoad() {\n    this.inheritedAttributes = {\n      ...inheritAriaAttributes(this.el)\n    }\n  }\n\n  render() {\n    return (\n      <Host class={this.classNames()}>\n        <label htmlFor={this.componentId}>\n          <input\n            type=\"checkbox\"\n            aria-describedby={assignDescription(this.componentId, this.invalid, this.errorMessage || this.helperMessage)}\n            aria-invalid={this.invalid ? \"true\" : undefined}\n            id={this.componentId}\n            indeterminate={this.indeterminate}\n            name={this.name}\n            value={this.value}\n            checked={this.checked}\n            required={this.required}\n            disabled={this.disabled}\n            onChange={this.handleCheckboxChange}\n            onInput={this.handleInput}\n            {...this.inheritedAttributes}\n          />\n          <span class={this.hideLabel ? 'visually-hidden' : ''}>\n            {this.label}\n          </span>\n        </label>\n        {this.helperMessage &&\n          <div\n            class={'pds-checkbox__message'}\n            id={messageId(this.componentId, 'helper')}\n          >\n            {this.helperMessage}\n          </div>\n        }\n        {this.errorMessage &&\n          <div\n            class={`pds-checkbox__message pds-checkbox__message--error`}\n            id={messageId(this.componentId, 'error')}\n            aria-live=\"assertive\"\n          >\n            <pds-icon icon={danger} size=\"small\" />\n            {this.errorMessage}\n          </div>\n        }\n      </Host>\n    );\n  }\n}\n"],"mappings":"4TAAA,IAAMA,EAAW,qTCAjB,IAAMC,EAAiB,2wH,ICcVC,EAAWC,EAAA,0BANxB,SAAAC,EAAAC,GAAA,IAAAC,EAAAC,K,8GAOUA,KAAmBC,oBAAe,GAEzBD,KAAKE,MAAG,WAOAF,KAAOG,QAAa,MAuErCH,KAAAI,qBAAuB,SAACC,GAC9B,GAAIN,EAAKO,SAAU,CACjB,M,CAGF,IAAMC,EAASF,EAAEE,OACjBR,EAAKI,QAAUI,EAAOJ,QAEtBJ,EAAKS,kBAELT,EAAKU,kBAAkBC,KAAK,CAC1BP,QAASI,EAAOJ,QAChBQ,MAAOZ,EAAKY,OAEhB,EAEQX,KAAWY,YAAG,WACpBb,EAAKc,iBAAiBH,KAAK,CACzBP,QAASJ,EAAKI,QACdQ,MAAOZ,EAAKY,OAEhB,CA2GD,CApICd,EAAAiB,UAAAC,oBAAA,WACEf,KAAKgB,cAAgBC,S,EA0BfpB,EAAAiB,UAAAI,WAAA,WACN,IAAMA,EAAa,GAEnB,GAAIlB,KAAKmB,QAAS,CAAED,EAAWE,KAAK,a,CACpC,GAAIpB,KAAKgB,cAAe,CAAEE,EAAWE,KAAK,mB,CAC1C,GAAIpB,KAAKM,SAAU,CAAEY,EAAWE,KAAK,c,CAErC,OAAOF,EAAWG,KAAK,K,EAGzBxB,EAAAiB,UAAAQ,kBAAA,eAAAvB,EAAAC,KACE,GAAIA,KAAKuB,GAAGC,gBAAiB,CAC3BxB,KAAKyB,UAAYzB,KAAKuB,GAAGC,iB,CAI3BE,EAAmB1B,KAAKuB,IAAI,WAAM,OAAAxB,EAAKG,KAAL,G,EAGpCL,EAAAiB,UAAAa,iBAAA,WACE3B,KAAKQ,iB,EAIPX,EAAAiB,UAAAc,eAAA,WACE5B,KAAKQ,iB,EAGCX,EAAAiB,UAAAN,gBAAA,W,MACN,UAAWqB,OAAS,oBAAsBC,UAAY,eAAeC,EAAAD,QAAQE,OAAG,MAAAD,SAAA,SAAAA,EAAEE,YAAa,OAAQ,CACrG,M,CAGF,GAAIjC,KAAKyB,WAAazB,KAAKyB,UAAUS,aAAc,CAEjD,IAAMC,EAAYnC,KAAKG,QAAWH,KAAKW,OAAS,KAAQ,KACxDX,KAAKyB,UAAUS,aAAaC,E,CAG9B,GAAInC,KAAKyB,WAAazB,KAAKyB,UAAUW,YAAa,CAChDpC,KAAKyB,UAAUW,YAAY,G,GAI/BvC,EAAAiB,UAAAuB,yBAAA,SAAyBC,GACvB,GAAIA,aAAiBC,SAAU,CAE7B,IAAM5B,EAAQX,KAAKW,OAAS,KAC5BX,KAAKG,QAAUmC,EAAME,IAAIxC,KAAKyC,QAAoB9B,C,MAC7C,UAAW2B,IAAU,SAAU,CAEpCtC,KAAKG,QAAUmC,KAAWtC,KAAKW,OAAS,K,GAI5Cd,EAAAiB,UAAA4B,kBAAA,WACE1C,KAAKC,oBAAmB0C,OAAAC,OAAA,GACnBC,EAAsB7C,KAAKuB,I,EAIlC1B,EAAAiB,UAAAgC,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOlD,KAAKkB,cAChB6B,EAAA,SAAAE,IAAA,2CAAOE,QAASnD,KAAKoD,aACnBL,EACE,QAAAJ,OAAAC,OAAA,CAAAK,IAAA,2CAAAI,KAAK,WAAU,mBACGC,EAAkBtD,KAAKoD,YAAapD,KAAKmB,QAASnB,KAAKuD,cAAgBvD,KAAKwD,eAAc,eAC9FxD,KAAKmB,QAAU,OAASF,UACtCwC,GAAIzD,KAAKoD,YACTpC,cAAehB,KAAKgB,cACpByB,KAAMzC,KAAKyC,KACX9B,MAAOX,KAAKW,MACZR,QAASH,KAAKG,QACduD,SAAU1D,KAAK0D,SACfpD,SAAUN,KAAKM,SACfqD,SAAU3D,KAAKI,qBACfwD,QAAS5D,KAAKY,aACVZ,KAAKC,sBAEX8C,EAAA,QAAAE,IAAA,2CAAMC,MAAOlD,KAAK6D,UAAY,kBAAoB,IAC/C7D,KAAK8D,QAGT9D,KAAKwD,eACJT,EAAA,OAAAE,IAAA,2CACEC,MAAO,wBACPO,GAAIM,EAAU/D,KAAKoD,YAAa,WAE/BpD,KAAKwD,eAGTxD,KAAKuD,cACJR,EAAA,OAAAE,IAAA,2CACEC,MAAO,qDACPO,GAAIM,EAAU/D,KAAKoD,YAAa,SAAQ,YAC9B,aAEVL,EAAA,YAAAE,IAAA,2CAAUe,KAAMC,EAAQC,KAAK,UAC5BlE,KAAKuD,c,oXA3MM,I","ignoreList":[]}