@pine-ds/core 3.4.3 → 3.5.1

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

@@ -1 +0,0 @@
-{"version":3,"names":["pdsTableHeadCellCss","PdsTableHeadCell","constructor","hostRef","this","sortingDirection","tableScrolling","isSelected","handleScroll","tableRef","scrollLeft","toggleSort","sortable","column","hostElement","innerText","trim","querySelectorAll","forEach","headCell","classList","remove","toggle","pdsTableSort","emit","direction","componentWillRender","closest","componentDidLoad","responsive","fixedColumn","addEventListener","classNames","compact","push","join","render","h","Host","key","class","role","onClick","style","selectable","icon","upSmall","downSmall"],"sources":["src/components/pds-table/pds-table-head-cell/pds-table-head-cell.scss?tag=pds-table-head-cell&encapsulation=shadow","src/components/pds-table/pds-table-head-cell/pds-table-head-cell.tsx"],"sourcesContent":[":host {\n  --border-head-cell-default: var(--pine-border-width-thin) solid var(--pine-color-grey-100);\n\n  --box-shadow-default: 3px 3px 6px -2px rgba(0, 0, 0, 0.1);\n\n  border-block-end: var(--border-head-cell-default);\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  line-height: var(--pine-line-height-body);\n  padding: 12px;\n  text-align: start;\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: var(--pine-dimension-none);\n  position: sticky;\n  z-index: 1;\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-default);\n}\n\n:host(.is-sortable) {\n  cursor: pointer;\n\n  pds-icon {\n    margin-inline-start: var(--pine-dimension-2xs);\n    padding-block-start: 2px;\n    position: absolute;\n  }\n}\n\n:host(.is-sortable:hover),\n:host(.is-active) {\n  color: var(--pine-color-text-active);\n}\n","import { Component, Element, Host, Prop, h, Event, EventEmitter, State } from '@stencil/core';\n\nimport { downSmall, upSmall } from '@pine-ds/icons/icons';\n\n@Component({\n  tag: 'pds-table-head-cell',\n  styleUrls: ['pds-table-head-cell.scss'],\n  shadow: true,\n})\nexport class PdsTableHeadCell {\n  @Element() hostElement: HTMLPdsTableHeadCellElement;\n  private tableRef: HTMLPdsTableElement;\n\n  /**\n   * Determines whether the table column is sortable when set to `true`.\n   */\n  @Prop() sortable: boolean;\n\n  /**\n   * Event emitted to signal that a table column header has been sorted, providing information about the sorted column's name and sorting direction.\n   */\n  @Event() pdsTableSort: EventEmitter<{ column: string; direction: string }>;\n\n  /**\n   * The direction of sorting.\n   */\n  @State() private sortingDirection: 'asc' | 'desc' = 'asc';\n\n  /**\n   * Determines if the table is currently scrolling.\n   * @defaultValue false\n   */\n  @State() private tableScrolling: boolean = false;\n\n  /**\n   * Determines if the table row is currently selected.\n   * @defaultValue false\n   */\n  @State() isSelected: boolean = false;\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      this.tableRef.addEventListener('scroll', this.handleScroll);\n    }\n  }\n\n  private handleScroll = () => {\n    if (this.tableRef.scrollLeft > 0) {\n      this.tableScrolling = true;\n    } else {\n      this.tableScrolling = false;\n    }\n  };\n\n  private toggleSort = () => {\n    if (this.sortable) {\n      const column = this.hostElement.innerText.trim();\n      this.sortingDirection = this.sortingDirection === 'asc' ? 'desc' : 'asc';\n\n      this.tableRef.querySelectorAll('pds-table-head-cell').forEach((headCell) => {\n        headCell.classList.remove('is-active');\n      });\n\n      this.hostElement.classList.toggle('is-active');\n      this.pdsTableSort.emit({ column, direction: this.sortingDirection });\n    }\n  }\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.sortable) {\n      classNames.push('is-sortable');\n    }\n\n    if (this.sortable && this.sortingDirection !== null) {\n      classNames.push('sort-' + this.sortingDirection);\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  render() {\n    return (\n      <Host\n        class={this.classNames()}\n        role=\"columnheader\"\n        onClick={this.toggleSort}\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        {this.sortable && (\n          <pds-icon icon={this.sortingDirection === 'asc' ? upSmall : downSmall} />\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"2GAAA,MAAMA,EAAsB,unC,MCSfC,EAAgB,MAL7B,WAAAC,CAAAC,G,mDAsBmBC,KAAgBC,iBAAmB,MAMnCD,KAAcE,eAAY,MAMlCF,KAAUG,WAAY,MAYvBH,KAAYI,aAAG,KACrB,GAAIJ,KAAKK,SAASC,WAAa,EAAG,CAChCN,KAAKE,eAAiB,I,KACjB,CACLF,KAAKE,eAAiB,K,GAIlBF,KAAUO,WAAG,KACnB,GAAIP,KAAKQ,SAAU,CACjB,MAAMC,EAAST,KAAKU,YAAYC,UAAUC,OAC1CZ,KAAKC,iBAAmBD,KAAKC,mBAAqB,MAAQ,OAAS,MAEnED,KAAKK,SAASQ,iBAAiB,uBAAuBC,SAASC,IAC7DA,EAASC,UAAUC,OAAO,YAAY,IAGxCjB,KAAKU,YAAYM,UAAUE,OAAO,aAClClB,KAAKmB,aAAaC,KAAK,CAAEX,SAAQY,UAAWrB,KAAKC,kB,EA+CtD,CA3EC,mBAAAqB,GACEtB,KAAKK,SAAWL,KAAKU,YAAYa,QAAQ,Y,CAG3C,gBAAAC,GACE,GAAIxB,KAAKK,UAAYL,KAAKK,SAASoB,YAAczB,KAAKK,SAASqB,YAAa,CAC1E1B,KAAKK,SAASsB,iBAAiB,SAAU3B,KAAKI,a,EA0B1C,UAAAwB,GACN,MAAMA,EAAa,GAEnB,GAAI5B,KAAKK,UAAYL,KAAKK,SAASwB,QAAS,CAC1CD,EAAWE,KAAK,a,CAGlB,GAAI9B,KAAKQ,SAAU,CACjBoB,EAAWE,KAAK,c,CAGlB,GAAI9B,KAAKQ,UAAYR,KAAKC,mBAAqB,KAAM,CACnD2B,EAAWE,KAAK,QAAU9B,KAAKC,iB,CAGjC,GAAID,KAAKK,UAAYL,KAAKK,SAASqB,aAAe1B,KAAKE,eAAgB,CACrE0B,EAAWE,KAAK,e,CAGlB,OAAOF,EAAWG,KAAK,K,CAGzB,MAAAC,GACE,OACEC,EAACC,EACC,CAAAC,IAAA,2CAAAC,MAAOpC,KAAK4B,aACZS,KAAK,eACLC,QAAStC,KAAKO,WACdgC,MACEvC,KAAKK,UACLL,KAAKK,SAASqB,aACd1B,KAAKK,SAASmC,WACV,CAAE,wBAAyB,QAC3B,IAGNP,EAAa,QAAAE,IAAA,6CACZnC,KAAKQ,UACJyB,EAAA,YAAAE,IAAA,2CAAUM,KAAMzC,KAAKC,mBAAqB,MAAQyC,EAAUC,I","ignoreList":[]}