@scania/tegel
Version:
Tegel Design System
1 lines • 3.38 kB
JavaScript
import{t,p as e,H as s,h as i,a as d}from"./index.js";const n=["verticalDividers","compactDesign","noMinWidth"],l=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.disablePadding=!1,this.textAlignState=void 0,this.activeSorting=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>n.includes(t))).forEach((e=>{if(void 0===this[e])throw Error("Table prop is not supported: "+e);this[e]=t.detail[e]}))}internalTdsHoverListener(t){const{tableId:e,key:s}=t.detail;e===this.tableId&&(this.activeSorting=this.cellKey===s)}internalTdsTextAlignListener(t){const[e,s,i]=t.detail;this.tableId===e&&this.cellKey===s&&(this.textAlignState=this.textAlign?this.textAlign:["left","start","right","end","center"].includes(i)?i:"left")}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){this.tableEl&&n.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]})),this.textAlign&&(this.textAlignState=this.textAlign)}render(){let t="var(--tds-spacing-element-16)";return this.disablePadding?t="0":this.compactDesign&&(t="var(--tds-spacing-element-8) var(--tds-spacing-element-16)"),i(d,{key:"8344d3c796f2f56305924347e161d08039ae9c72",class:{"tds-table__body-cell":!0,"tds-table__body-cell--hover":this.activeSorting,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":this.noMinWidth}},i("td",{key:"330bec9031af90243469ab548b638a4be86dd40d",style:{textAlign:this.textAlignState,padding:t},colSpan:this.colSpan,rowSpan:this.rowSpan},this.cellValue,i("slot",{key:"0af9c581a3cf0db8c94cd68cd9e500ba51fe2501"})))}get host(){return this}static get style(){return":host{display:contents}:host(.tds-table__body-cell) td{box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);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}:host(.tds-table__body-cell) td *{box-sizing:border-box}:host(.tds-table__body-cell--hover) td{background-color:var(--tds-table-body-cell-background-hover)}:host(.tds-table__compact) td{padding:var(--tds-spacing-element-8) var(--tds-spacing-element-16)}:host(.tds-table--divider) td{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type) td{border-right:none}:host(.tds-table--no-min-width) td{min-width:unset}"}},[257,"tds-body-cell",{cellValue:[520,"cell-value"],cellKey:[513,"cell-key"],disablePadding:[516,"disable-padding"],textAlign:[513,"text-align"],colSpan:[2,"col-span"],rowSpan:[2,"row-span"],textAlignState:[32],activeSorting:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],tableId:[32]},[[16,"internalTdsPropChange","internalTdsPropChangeListener"],[16,"internalTdsHover","internalTdsHoverListener"],[16,"internalTdsTextAlign","internalTdsTextAlignListener"]]]);function a(){"undefined"!=typeof customElements&&["tds-body-cell"].forEach((e=>{"tds-body-cell"===e&&(customElements.get(t(e))||customElements.define(t(e),l))}))}a();const o=l,r=a;export{o as TdsBodyCell,r as defineCustomElement}