@scania/tegel
Version:
Tegel Design System
1 lines • 4.25 kB
JavaScript
import{t as e,p as t,H as o,h as d,a as s}from"./index.js";const a=["multiselect","expandableRows","zebraMode"],l=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.multiselect=!1,this.enablePaginationTableBody=!1,this.expandableRows=!1,this.multiselectArray=[],this.multiselectArrayJSON="",this.mainCheckboxStatus=!1,this.columnsNumber=0,this.zebraMode="none",this.tableId="",this.bodyCheckBoxClicked=()=>{const e=this.host.getElementsByClassName("tds-table__row").length,t=this.host.getElementsByClassName("tds-table__row--selected").length;this.mainCheckboxStatus=e===t}}internalTdsPropChangeListener(e){this.tableId===e.detail.tableId&&e.detail.changed.filter((e=>a.includes(e))).forEach((t=>{if(void 0===this[t])throw Error("Table prop is not supported: "+t);this[t]=e.detail[t]}))}bodyCheckboxListener(){this.bodyCheckBoxClicked()}connectedCallback(){var e;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(e=this.tableEl)||void 0===e?void 0:e.tableId}componentWillLoad(){a.forEach((e=>{var t;this[e]=null===(t=this.tableEl)||void 0===t?void 0:t[e]}))}componentWillRender(){var e,t;const o=null===(e=this.host.parentElement)||void 0===e?void 0:e.querySelector("tds-table-header"),d=null!==(t=null==o?void 0:o.children.length)&&void 0!==t?t:0;this.columnsNumber=this.multiselect||this.expandableRows?d+1:d}render(){return d(s,{key:"adce986c270e066e38b0ec79e7d33e6db616c2a2","data-selected-rows":this.multiselectArrayJSON,class:{"tds-table--zebra-mode-rows-odd":"rows-odd"===this.zebraMode,"tds-table--zebra-mode-rows-even":"rows-even"===this.zebraMode,"tds-table--zebra-mode-columns-odd":"columns-odd"===this.zebraMode,"tds-table--zebra-mode-columns-even":"columns-even"===this.zebraMode}},d("slot",{key:"52a8e58d426fe4997808baadf591be93d260f701"}))}get host(){return this}static get style(){return":host,tds-table-body{box-sizing:border-box;display:table-row-group}:host *,tds-table-body *{box-sizing:border-box}:host .tds-table__info-message,tds-table-body .tds-table__info-message{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:table-cell;box-sizing:border-box;color:var(--tds-table-color);padding:var(--tds-spacing-element-16);min-width:192px;vertical-align:top;background-color:transparent;transition:background-color 200ms ease}tds-table-body.tds-table--zebra-mode-rows-odd tds-table-body-row:nth-child(odd){background-color:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-rows-odd tds-table-body-row:nth-child(odd):hover{background-color:var(--tds-table-body-row-background-hover)}tds-table-body.tds-table--zebra-mode-rows-even tds-table-body-row:nth-child(even){background-color:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-rows-even tds-table-body-row:nth-child(even):hover{background-color:var(--tds-table-body-row-background-hover)}tds-table-body.tds-table--zebra-mode-columns-odd tds-body-cell:nth-child(odd){background-color:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-columns-odd tds-body-cell.tds-table__body-cell--hover:nth-child(odd){background-color:var(--tds-table-body-cell-background-hover)}tds-table-body.tds-table--zebra-mode-columns-even tds-body-cell:nth-child(even){background-color:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-columns-even tds-body-cell.tds-table__body-cell--hover:nth-child(even){background-color:var(--tds-table-body-cell-background-hover)}tds-table-body.tds-table--zebra-mode-columns-even tds-table-body-row:hover tds-body-cell,tds-table-body.tds-table--zebra-mode-columns-odd tds-table-body-row:hover tds-body-cell{background-color:transparent}"}},[260,"tds-table-body",{multiselect:[32],enablePaginationTableBody:[32],expandableRows:[32],multiselectArray:[32],multiselectArrayJSON:[32],mainCheckboxStatus:[32],columnsNumber:[32],zebraMode:[32],tableId:[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"internalTdsRowChange","bodyCheckboxListener"]]]);function b(){"undefined"!=typeof customElements&&["tds-table-body"].forEach((t=>{"tds-table-body"===t&&(customElements.get(e(t))||customElements.define(e(t),l))}))}b();const r=l,n=b;export{r as TdsTableBody,n as defineCustomElement}