@govtechsg/sgds-web-component 3.26.1 → 3.27.0-rc.1

package/components/DataTable/data-table.js

@@ -0,0 +1,6 @@
+import { css } from 'lit';
+
+var css_248z = css`:host{display:contents}:host([layout=fixed]) .table{table-layout:fixed}.table{border-collapse:collapse;display:table;table-layout:auto;width:100%}.data-table{border:var(--sgds-border-width-1) solid;border-color:var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-md);display:flex;flex-direction:column;min-height:var(--sgds-dimension-56)}.table-container{overflow-x:auto}.footer{align-items:center;display:flex;justify-content:space-between;padding:var(--sgds-padding-sm) var(--sgds-padding-lg)}.loading{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);display:block;padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.loading-grid{display:flex;flex-direction:column;gap:var(--sgds-gap-xs)}.loading-grid-row{display:grid;gap:var(--sgds-gap-sm);grid-template-columns:repeat(var(--sgds-data-table-loading-columns,1),minmax(0,1fr))}.no-data{align-items:center;color:var(--sgds-text-color-subtle);display:flex;justify-content:center;min-height:var(--sgds-dimension-128);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.active:not(.sort-icon),tr:hover:not([data-header-row]){background-color:var(--sgds-bg-translucent-subtle);transition:background-color .15s ease}td,th{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);vertical-align:middle}.data-table-cell,.data-table-head{align-items:center;display:flex;min-height:var(--sgds-dimension-56);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.data-table-head{font-weight:var(--sgds-font-weight-semibold);gap:var(--sgds-gap-2-xs)}.sort,.sort-button{align-items:center;display:inline-flex}.sort-button{background-color:var(--sgds-bg-transparent);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-form-border-radius-md);color:var(--sgds-color-subtle);cursor:pointer;height:var(--sgds-dimension-24);justify-content:center;padding:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:var(--sgds-dimension-24)}.sort-button:hover{background-color:var(--sgds-bg-translucent-subtle);color:var(--sgds-color-default)}.sort-button:focus,.sort-button:focus-visible{background-color:var(--sgds-bg-translucent-subtle);border-color:transparent;outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.sort-button:disabled{background-color:var(--sgds-bg-transparent);color:var(--sgds-color-muted);cursor:not-allowed}.sort-button.active{background-color:var(--sgds-primary-surface-translucent);color:var(--sgds-primary-color-default)}.sort-icon{display:inline-flex}.data-table-cell.align-right,.data-table-head.align-right{justify-content:flex-end;text-align:right}.control-cell{width:var(--sgds-dimension-56)}:host(.checkbox-cell) .data-table-cell,:host(.checkbox-cell) .data-table-head{padding:var(--sgds-padding-sm) var(--sgds-padding-md)}:host(.expand-cell) .data-table-cell{cursor:pointer;padding:var(--sgds-padding-md)}.expandable-td{border:0;padding:0}.expandable-content{background-color:var(--sgds-surface-raised);border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);padding:var(--sgds-padding-2-xl);padding-left:var(--sgds-padding-4-xl)}.hidden{display:none}`;
+
+export { css_248z as default };
+//# sourceMappingURL=data-table.js.map

package/components/DataTable/data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/components/DataTable/index.d.ts

@@ -0,0 +1,12 @@
+import { SgdsDataTable } from "./sgds-data-table";
+import SgdsDataTableRow from "./sgds-data-table-row";
+import SgdsDataTableCell from "./sgds-data-table-cell";
+import SgdsDataTableHead from "./sgds-data-table-head";
+declare global {
+    interface HTMLElementTagNameMap {
+        "sgds-data-table": SgdsDataTable;
+        "sgds-data-table-row": SgdsDataTableRow;
+        "sgds-data-table-cell": SgdsDataTableCell;
+        "sgds-data-table-head": SgdsDataTableHead;
+    }
+}

package/components/DataTable/index.js

@@ -0,0 +1,11 @@
+import { SgdsDataTable } from './sgds-data-table.js';
+import { SgdsDataTableRow } from './sgds-data-table-row.js';
+import { SgdsDataTableCell } from './sgds-data-table-cell.js';
+import { SgdsDataTableHead } from './sgds-data-table-head.js';
+import { register } from '../../utils/ce-registry.js';
+
+register("sgds-data-table", SgdsDataTable);
+register("sgds-data-table-row", SgdsDataTableRow);
+register("sgds-data-table-cell", SgdsDataTableCell);
+register("sgds-data-table-head", SgdsDataTableHead);
+//# sourceMappingURL=index.js.map

package/components/DataTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/DataTable/index.ts"],"sourcesContent":["import { SgdsDataTable } from \"./sgds-data-table\";\nimport SgdsDataTableRow from \"./sgds-data-table-row\";\nimport SgdsDataTableCell from \"./sgds-data-table-cell\";\nimport SgdsDataTableHead from \"./sgds-data-table-head\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-data-table\", SgdsDataTable);\nregister(\"sgds-data-table-row\", SgdsDataTableRow);\nregister(\"sgds-data-table-cell\", SgdsDataTableCell);\nregister(\"sgds-data-table-head\", SgdsDataTableHead);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"sgds-data-table\": SgdsDataTable;\n    \"sgds-data-table-row\": SgdsDataTableRow;\n    \"sgds-data-table-cell\": SgdsDataTableCell;\n    \"sgds-data-table-head\": SgdsDataTableHead;\n  }\n}\n"],"names":[],"mappings":";;;;;;AAMA,QAAQ,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAC;AAC3C,QAAQ,CAAC,qBAAqB,EAAE,gBAAgB,CAAC,CAAC;AAClD,QAAQ,CAAC,sBAAsB,EAAE,iBAAiB,CAAC,CAAC;AACpD,QAAQ,CAAC,sBAAsB,EAAE,iBAAiB,CAAC"}