@postnord/web-components/components/pn-table.js

PostNord Web Components

/*!
 * Built with Stencil
 * By PostNord.
 */
import{transformTag as t,proxyCustomElement as e,HTMLElement as a,h as r,Host as l}from"@stencil/core/internal/client";const b=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost()}get hostElement(){return this}gray=!1;bordered=!1;striped=!1;getClassNames(){return[this.striped&&"striped",this.bordered&&"bordered",this.gray?"color-gray":"color-blue"].filter(Boolean).join(" ")}render(){return r(l,{key:"c46bc77bf7e40631d6229457a7d764cf356f1b3d",class:this.getClassNames()},r("div",{key:"e547b118837d48715f62cad80d0bfd31f10954d6",class:"pn-table-container"},r("slot",{key:"6c750540cac0e6fbdb9b9857f7eb309c27566d53"})))}static get style(){return`${t("pn-table")}{display:block;margin-bottom:1em}${t("pn-table")} .pn-table-container table{width:100%}${t("pn-table")} .pn-table-container table .column-wrapper{display:flex;gap:0.5em;width:100%;align-items:center}${t("pn-table")} .pn-table-container table,${t("pn-table")} .pn-table-container table th,${t("pn-table")} .pn-table-container table td{padding:0;margin:0;border:0;outline:0;border-collapse:collapse;max-width:100%}${t("pn-table")} .pn-table-container table th,${t("pn-table")} .pn-table-container table td{text-align:left;line-height:2;vertical-align:middle;padding:1em 1.15em}${t("pn-table")} .pn-table-container table th:first-child,${t("pn-table")} .pn-table-container table td:first-child{border-radius:0.5em 0 0 0.5em}${t("pn-table")} .pn-table-container table th:last-child,${t("pn-table")} .pn-table-container table td:last-child{border-radius:0 0.5em 0.5em 0}${t("pn-table")} .pn-table-container table th ${t("pn-icon")},${t("pn-table")} .pn-table-container table td ${t("pn-icon")}{vertical-align:middle}${t("pn-table")} .pn-table-container table thead tr th,${t("pn-table")} .pn-table-container table thead tr td{color:#005d92;font-weight:500}${t("pn-table")} .pn-table-container table tbody tr th,${t("pn-table")} .pn-table-container table tbody tr td{color:#2d2013;font-weight:400}${t("pn-table")}.bordered .pn-table-container table{border-collapse:separate;border-spacing:0}${t("pn-table")}.bordered .pn-table-container table thead tr:last-child th,${t("pn-table")}.bordered .pn-table-container table thead tr:last-child td{border-bottom-width:0.0625em}${t("pn-table")}.bordered .pn-table-container table thead tr:first-child th,${t("pn-table")}.bordered .pn-table-container table thead tr:first-child td{border-top:0.0625em solid #005d92}${t("pn-table")}.bordered .pn-table-container table thead tr th,${t("pn-table")}.bordered .pn-table-container table thead tr td{border-bottom:0.0625em solid #005d92}${t("pn-table")}.bordered .pn-table-container table thead tr th:first-child,${t("pn-table")}.bordered .pn-table-container table thead tr td:first-child{border-left:0.0625em solid #005d92;border-radius:0.5em 0 0}${t("pn-table")}.bordered .pn-table-container table thead tr th:last-child,${t("pn-table")}.bordered .pn-table-container table thead tr td:last-child{border-radius:0 0.5em 0 0;border-right:0.0625em solid #005d92}${t("pn-table")}.bordered .pn-table-container table tbody tr th,${t("pn-table")}.bordered .pn-table-container table tbody tr td{border-bottom:0.0625em solid #d3cecb}${t("pn-table")}.bordered .pn-table-container table tbody tr th:first-child,${t("pn-table")}.bordered .pn-table-container table tbody tr td:first-child{border-left:0.0625em solid #005d92;border-radius:0}${t("pn-table")}.bordered .pn-table-container table tbody tr th:last-child,${t("pn-table")}.bordered .pn-table-container table tbody tr td:last-child{border-right:0.0625em solid #005d92;border-radius:0}${t("pn-table")}.bordered .pn-table-container table tbody tr:last-of-type th,${t("pn-table")}.bordered .pn-table-container table tbody tr:last-of-type td{border-bottom:0.0625em solid #005d92}${t("pn-table")}.bordered .pn-table-container table tbody tr:last-of-type th:last-child,${t("pn-table")}.bordered .pn-table-container table tbody tr:last-of-type td:last-child{border-radius:0 0 0.5em 0}${t("pn-table")}.bordered .pn-table-container table tbody tr:last-of-type th:first-child,${t("pn-table")}.bordered .pn-table-container table tbody tr:last-of-type td:first-child{border-radius:0 0 0 0.5em}${t("pn-table")}.bordered.striped .pn-table-container table tbody tr th,${t("pn-table")}.bordered.striped .pn-table-container table tbody tr td{border-bottom-width:0}${t("pn-table")}.bordered.striped .pn-table-container table tbody tr:last-child th,${t("pn-table")}.bordered.striped .pn-table-container table tbody tr:last-child td{border-bottom-width:0.0625em}${t("pn-table")}.striped .pn-table-container table tbody tr:nth-child(odd) th,${t("pn-table")}.striped .pn-table-container table tbody tr:nth-child(odd) td{background-color:#effbff}${t("pn-table")}.color-gray .pn-table-container table tbody tr:nth-child(odd) th,${t("pn-table")}.color-gray .pn-table-container table tbody tr:nth-child(odd) td{background-color:#f9f8f8}`}},[772,"pn-table",{gray:[4],bordered:[4],striped:[4]}]),n=b,d=function(){"undefined"!=typeof customElements&&["pn-table"].forEach((e=>{"pn-table"===e&&(customElements.get(t(t(e)))||customElements.define(t(t(e)),b))}))};export{n as PnTable,d as defineCustomElement}