@sellmate/design-system 0.0.34 → 0.0.36

package/dist/collection/components/sd-table/sd-tr/sd-tr.js

@@ -0,0 +1,18 @@
+import { Host, h } from "@stencil/core";
+export class SdTr {
+    render() {
+        return (h(Host, { key: 'f20a0bbaf94ce37ef8cbf4d59c24159549294ff2', role: "row" }, h("slot", { key: '8b5d3685c916a4ad8422c03e35f9b699961a1415' })));
+    }
+    static get is() { return "sd-tr"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["sd-tr.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["sd-tr.css"]
+        };
+    }
+}
+//# sourceMappingURL=sd-tr.js.map

package/dist/collection/components/sd-table/sd-tr/sd-tr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-tr.js","sourceRoot":"","sources":["../../../../src/components/sd-table/sd-tr/sd-tr.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAMnD,MAAM,OAAO,IAAI;IAChB,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,IAAI,EAAC,KAAK;YACf,8DAAa,CACP,CACP,CAAC;IACH,CAAC;;;;;;;;CACD","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'sd-tr',\n styleUrl: 'sd-tr.scss',\n})\nexport class SdTr {\n render() {\n  return (\n   <Host role=\"row\">\n    <slot></slot>\n   </Host>\n  );\n }\n}\n"]}

package/dist/collection/components/sd-table-backup/sd-table-backup.css

@@ -0,0 +1,249 @@
+.sd-table__wrapper .sd-table__container .sd-table__middle {
+  overflow-y: auto;
+  overflow-x: hidden;
+  scroll-behavior: smooth;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar {
+  opacity: 0;
+  background: #e5e5e5;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:horizontal {
+  height: 8px;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:vertical {
+  width: 8px;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-thumb {
+  height: 80px;
+  background-color: #cccccc;
+  border-radius: 4px;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+.sd-table__wrapper {
+  height: var(--table-height, auto);
+  width: var(--table-width, 100%);
+  color: #222222;
+}
+.sd-table__wrapper .sd-table__container {
+  width: 100%;
+  height: auto;
+  border: 1px solid #e1e1e1;
+  border-radius: 8px;
+  font-size: 12px;
+  overflow: hidden;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle {
+  overflow: auto;
+  position: relative;
+  will-change: scroll-position;
+  height: var(--table-height, auto);
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle--loading {
+  overflow: hidden !important;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table {
+  background-color: white;
+  display: table;
+  width: 100%;
+  height: 100%;
+  border-collapse: separate;
+  border-spacing: 0;
+  table-layout: fixed;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected,
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected {
+  width: 52px !important;
+  max-width: 52px !important;
+  min-width: 52px !important;
+  padding: 0 10px 0 24px;
+  text-align: left;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-header thead {
+  position: sticky;
+  top: 0;
+  z-index: 120;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-left,
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-right {
+  position: sticky;
+  background-color: #f5faff;
+  z-index: 110 !important;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-left,
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-right {
+  position: sticky;
+  background-color: white;
+  z-index: 100 !important;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-left {
+  left: var(--sticky-left-offset, 0);
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-right {
+  right: var(--sticky-right-offset, 0);
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-cell {
+  position: sticky;
+  z-index: 102;
+  background-color: #f5faff;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-cell {
+  position: sticky;
+  z-index: 101;
+  background-color: white;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge,
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge {
+  overflow: visible;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge:after,
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 100%;
+  right: -20px;
+  width: 20px;
+  height: 100%;
+  z-index: 101 !important;
+  box-shadow: inset 12px 0 20px -25px;
+  opacity: 1;
+  pointer-events: none;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge,
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge {
+  overflow: visible;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge:after,
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: -20px;
+  width: 20px;
+  height: 100%;
+  z-index: 101 !important;
+  box-shadow: inset -12px 0 20px -25px;
+  opacity: 1;
+  pointer-events: none;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead {
+  opacity: 0.4;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead tr th.sd-th {
+  border-bottom: 1px solid rgba(225, 225, 225, 0.4) !important;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-td,
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-th,
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table .sd-th__content--label {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  word-break: keep-all;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead {
+  height: 36px;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr {
+  width: 100%;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th {
+  background: #f5faff;
+  height: 36px;
+  padding: 0 16px;
+  font-weight: 500;
+  vertical-align: middle;
+  border-bottom: 1px solid #e1e1e1;
+  -webkit-user-select: none;
+  user-select: none;
+  position: relative;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content {
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+  gap: 4px;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--left {
+  justify-content: flex-start;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--center {
+  justify-content: center;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--right {
+  justify-content: flex-end;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__resizer {
+  position: absolute;
+  top: 50%;
+  right: 0;
+  transform: translateY(-50%);
+  width: 4px;
+  height: 16px;
+  cursor: col-resize;
+  z-index: 3;
+  border-left: 1px solid #cccccc;
+  border-right: 1px solid #cccccc;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody {
+  flex-grow: 1;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody .sd-table__loading {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  min-height: 100%;
+  background: rgba(255, 255, 255, 0.6);
+  z-index: 200;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody .sd-table__no-data-row td {
+  text-align: center;
+  color: #888888;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr:last-of-type td {
+  border-bottom: none;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td {
+  height: 44px;
+  padding: 0 16px;
+  border-bottom: 1px solid #e1e1e1;
+  background: white;
+  vertical-align: middle;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--left {
+  text-align: left;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--center {
+  text-align: center;
+}
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--right {
+  text-align: right;
+}
+.sd-table__wrapper .sd-table__container .sd-table__bottom {
+  background: white;
+  text-align: center;
+}
+.sd-table__wrapper .sd-table__pagination {
+  position: relative;
+  background: #f9f9f9;
+  height: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid #e1e1e1;
+  border-top: none;
+  border-radius: 8px;
+}
+.sd-table__wrapper .sd-table__pagination sd-select {
+  position: absolute;
+  right: 10px;
+  top: 50%;
+  transform: translateY(-50%);
+}