@sellmate/design-system 0.0.55 → 1.0.0

package/dist/cjs/sd-tbody_3.cjs.entry.js

@@ -1,44 +0,0 @@
-'use strict';
-
-var index = require('./index-B7tkxTye.js');
-
-const sdTbodyCss = () => `sd-tbody{display:table-row-group}`;
-
-const SdTbody = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        return (index.h(index.Host, { key: 'bef033a85bc25bdd4c08be9ac93e1dd7904d3b92' }, index.h("slot", { key: '380295c93446b7c99068bddb1ebefeee25056759' })));
-    }
-};
-SdTbody.style = sdTbodyCss();
-
-const sdThCss = () => `sd-th{display:table-cell;padding:12px;font-weight:bold;text-align:left;border-bottom:2px solid #ddd;background-color:#f1f1f1}`;
-
-const SdTh = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        return (index.h(index.Host, { key: '1ffd60e25f49d7a2840e90e4813be0f249634a0e', role: "columnheader" }, index.h("slot", { key: 'afc47eff5e8714aca488a928fdd356d58f20235a' })));
-    }
-};
-SdTh.style = sdThCss();
-
-const sdTrCss = () => `sd-tr{display:table-row}`;
-
-const SdTr = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        return (index.h(index.Host, { key: '384b83fc792b3482a2f5e299c248ccfe52e23aab', role: "row" }, index.h("slot", { key: '49d0f2140923af7709222b596e6cdc511bbac0a3' })));
-    }
-};
-SdTr.style = sdTrCss();
-
-exports.sd_tbody = SdTbody;
-exports.sd_th = SdTh;
-exports.sd_tr = SdTr;
-//# sourceMappingURL=sd-tbody.sd-th.sd-tr.entry.cjs.js.map

package/dist/cjs/sd-td.cjs.entry.js

@@ -1,26 +0,0 @@
-'use strict';
-
-var index = require('./index-B7tkxTye.js');
-
-const sdTdCss = () => `sd-td{display:table-cell;padding:12px 16px;vertical-align:middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}`;
-
-const SdTd = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    name = '';
-    align = 'left';
-    tdStyle;
-    tdClass;
-    render() {
-        return (index.h(index.Host, { key: 'b220b330eccc8e87ba9b0333f25d5d8e922fbf5e', role: "cell", class: {
-                'sd-td': true,
-                [`sd-td--${this.align}`]: true,
-                [this.tdClass || '']: Boolean(this.tdClass),
-            }, style: this.tdStyle }, index.h("slot", { key: '807cf20b823a3efa00ce4f690ff1be2226d6ad8f' })));
-    }
-};
-SdTd.style = sdTdCss();
-
-exports.sd_td = SdTd;
-//# sourceMappingURL=sd-td.entry.cjs.js.map

package/dist/cjs/select-keyboard-navigation-6fO_V4En.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-keyboard-navigation-6fO_V4En.js","sources":["src/utils/dropdown-manager.ts","src/utils/base-dropdown-event.ts","src/utils/select-keyboard-navigation.ts"],"sourcesContent":["import { BaseDropdownEvent } from './base-dropdown-event';\n\nclass DropdownManager {\n private static instance: DropdownManager;\n private activeDropdowns = new Set<BaseDropdownEvent>();\n\n static getInstance(): DropdownManager {\n  if (!DropdownManager.instance) {\n   DropdownManager.instance = new DropdownManager();\n  }\n  return DropdownManager.instance;\n }\n\n register(component: BaseDropdownEvent) {\n  this.activeDropdowns.add(component);\n }\n\n unregister(component: BaseDropdownEvent) {\n  this.activeDropdowns.delete(component);\n }\n\n openDropdown(targetComponent: BaseDropdownEvent) {\n  // 다른 모든 드롭다운 닫기\n  this.activeDropdowns.forEach(component => {\n   if (component !== targetComponent && component.isOpen) {\n    component.closeDropdown();\n   }\n  });\n }\n\n closeAllDropdowns() {\n  this.activeDropdowns.forEach(component => {\n   if (component.isOpen) {\n    component.closeDropdown();\n   }\n  });\n }\n}\n\nexport const dropdownManager = DropdownManager.getInstance();\n","import { dropdownManager } from './dropdown-manager';\n\n// 여러 select를 동시에 사용할때에 이벤트 리스너의 등록이 충돌나는 문제를 해결하기 위한 Base class\n// 각 드롭다운 컴포넌트는 이 클래스를 상속 및 구현 필요\n// 기본적으로 click, keydown 추상 이벤트를 구현해야하고\n// isOpen가 true일때에만 이벤트 등록 그외에는 이벤트 클리닝을 수행\n// 추후 필요한 이벤트는 이곳에 추가하여 추가 구현 후 사용\n// 별도로 드롭다운 전용의 Base class가 아닌 공통적으로 사용할 수 있는 Base class가 필요할지 검토 필요\nexport abstract class BaseDropdownEvent {\n abstract el: HTMLElement;\n abstract isOpen: boolean;\n abstract disabled?: boolean;\n\n private documentClickHandler?: (event: Event) => void;\n private documentKeydownHandler?: (event: KeyboardEvent) => void;\n\n // 컴포넌트 생명주기에서 호출할 메서드들\n protected initializeEvent() {\n  dropdownManager.register(this);\n  this.initializeEventHandlers();\n }\n\n protected cleanupEvent() {\n  dropdownManager.unregister(this);\n  this.cleanup();\n }\n\n protected initializeEventHandlers() {\n  this.documentClickHandler = (event: Event) => this.handleDocumentClick(event);\n  this.documentKeydownHandler = (event: KeyboardEvent) => this.handleDocumentKeydown(event);\n }\n\n protected addGlobalEventListeners() {\n  if (this.documentClickHandler) {\n   document.addEventListener('click', this.documentClickHandler);\n  }\n  if (this.documentKeydownHandler) {\n   document.addEventListener('keydown', this.documentKeydownHandler);\n  }\n }\n\n protected removeGlobalEventListeners() {\n  if (this.documentClickHandler) {\n   document.removeEventListener('click', this.documentClickHandler);\n  }\n  if (this.documentKeydownHandler) {\n   document.removeEventListener('keydown', this.documentKeydownHandler);\n  }\n }\n\n protected onDropdownToggle(isOpen: boolean) {\n  if (isOpen && !this.disabled) {\n   dropdownManager.openDropdown(this);\n   this.addGlobalEventListeners();\n  } else {\n   this.removeGlobalEventListeners();\n  }\n }\n\n protected cleanup() {\n  this.removeGlobalEventListeners();\n }\n\n closeDropdown() {\n  this.isOpen = false;\n }\n\n protected abstract handleDocumentClick(event: Event): void;\n protected abstract handleDocumentKeydown(event: KeyboardEvent): void;\n}\n","import { SelectOption } from '../types/select';\n\nexport class SelectKeyboardNavigation {\n isSearchable: boolean;\n filteredOptions: SelectOption[];\n\n constructor(isSearchable: boolean, filteredOptions: SelectOption[]) {\n  this.isSearchable = isSearchable;\n  this.filteredOptions = filteredOptions;\n }\n\n getNavigationBounds() {\n  return {\n   minIndex: this.isSearchable ? -1 : 0,\n   maxIndex: this.filteredOptions.length - 1,\n  };\n }\n\n getNextIndex(currentIndex: number, direction: KeyboardEvent['key']): number {\n  const { minIndex, maxIndex } = this.getNavigationBounds();\n\n  if (direction === 'ArrowUp') {\n   return currentIndex > minIndex ? currentIndex - 1 : maxIndex;\n  } else {\n   return currentIndex < maxIndex ? currentIndex + 1 : minIndex;\n  }\n }\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,3 +0,0 @@
-sd-tbody {
-  display: table-row-group;
-}

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

@@ -1,18 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class SdTbody {
-    render() {
-        return (h(Host, { key: 'bef033a85bc25bdd4c08be9ac93e1dd7904d3b92' }, h("slot", { key: '380295c93446b7c99068bddb1ebefeee25056759' })));
-    }
-    static get is() { return "sd-tbody"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["sd-tbody.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["sd-tbody.css"]
-        };
-    }
-}
-//# sourceMappingURL=sd-tbody.js.map

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

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

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

@@ -1,9 +0,0 @@
-sd-td {
-  display: table-cell;
-  padding: 12px 16px;
-  vertical-align: middle;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  word-break: keep-all;
-}

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

@@ -1,111 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class SdTd {
-    name = '';
-    align = 'left';
-    tdStyle;
-    tdClass;
-    render() {
-        return (h(Host, { key: 'b220b330eccc8e87ba9b0333f25d5d8e922fbf5e', role: "cell", class: {
-                'sd-td': true,
-                [`sd-td--${this.align}`]: true,
-                [this.tdClass || '']: Boolean(this.tdClass),
-            }, style: this.tdStyle }, h("slot", { key: '807cf20b823a3efa00ce4f690ff1be2226d6ad8f' })));
-    }
-    static get is() { return "sd-td"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["sd-td.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["sd-td.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "name": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "name",
-                "defaultValue": "''"
-            },
-            "align": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'left' | 'center' | 'right'",
-                    "resolved": "\"center\" | \"left\" | \"right\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "align",
-                "defaultValue": "'left'"
-            },
-            "tdStyle": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "Record<string, string>",
-                    "resolved": "undefined | { [x: string]: string; }",
-                    "references": {
-                        "Record": {
-                            "location": "global",
-                            "id": "global::Record"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "tdClass": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "td-class"
-            }
-        };
-    }
-}
-//# sourceMappingURL=sd-td.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-td.js","sourceRoot":"","sources":["../../../../src/components/sd-table/sd-td/sd-td.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAMzD,MAAM,OAAO,IAAI;IACR,IAAI,GAAW,EAAE,CAAC;IAClB,KAAK,GAAgC,MAAM,CAAC;IAC5C,OAAO,CAA0B;IACjC,OAAO,CAAU;IAEzB,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDACJ,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;gBACN,OAAO,EAAE,IAAI;gBACb,CAAC,UAAU,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI;gBAC9B,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;aAC3C,EACD,KAAK,EAAE,IAAI,CAAC,OAAO;YAEnB,8DAAa,CACP,CACP,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'sd-td',\n styleUrl: 'sd-td.scss',\n})\nexport class SdTd {\n @Prop() name: string = '';\n @Prop() align: 'left' | 'center' | 'right' = 'left';\n @Prop() tdStyle?: Record<string, string>;\n @Prop() tdClass?: string;\n\n render() {\n  return (\n   <Host\n    role=\"cell\"\n    class={{\n     'sd-td': true,\n     [`sd-td--${this.align}`]: true,\n     [this.tdClass || '']: Boolean(this.tdClass),\n    }}\n    style={this.tdStyle}\n   >\n    <slot></slot>\n   </Host>\n  );\n }\n}\n"]}

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

@@ -1,8 +0,0 @@
-sd-th {
-  display: table-cell;
-  padding: 12px;
-  font-weight: bold;
-  text-align: left;
-  border-bottom: 2px solid #ddd;
-  background-color: #f1f1f1;
-}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-th.js","sourceRoot":"","sources":["../../../../src/components/sd-table/sd-th/sd-th.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,cAAc;YACxB,8DAAa,CACP,CACP,CAAC;IACH,CAAC;;;;;;;;CACD","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'sd-th',\n styleUrl: 'sd-th.scss',\n})\nexport class SdTh {\n render() {\n  return (\n   <Host role=\"columnheader\">\n    <slot></slot>\n   </Host>\n  );\n }\n}\n"]}

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

@@ -1,3 +0,0 @@
-sd-tr {
-  display: table-row;
-}

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

@@ -1,18 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class SdTr {
-    render() {
-        return (h(Host, { key: '384b83fc792b3482a2f5e299c248ccfe52e23aab', role: "row" }, h("slot", { key: '49d0f2140923af7709222b596e6cdc511bbac0a3' })));
-    }
-    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

@@ -1 +0,0 @@
-{"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

@@ -1,309 +0,0 @@
-.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: var(--table-container-height, auto);
-  position: relative;
-  border: 1px solid #e1e1e1;
-  border-radius: 8px;
-  font-size: 12px;
-  overflow: hidden;
-  background: #ffffff;
-}
-.sd-table__wrapper .sd-table__container .sd-table__middle {
-  overflow: auto;
-  will-change: scroll-position;
-  min-height: var(--table-container-height, auto);
-}
-.sd-table__wrapper .sd-table__container .sd-table__middle--scrollable {
-  height: var(--table-container-height, auto);
-}
-.sd-table__wrapper .sd-table__container .sd-table__middle--loading {
-  overflow: hidden !important;
-  pointer-events: none;
-}
-.sd-table__wrapper .sd-table__container .sd-table__middle--loading__spinner {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: var(--table-container-height, 100%);
-  min-height: var(--table-container-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 {
-  background-color: white;
-  display: table;
-  width: 100%;
-  border-collapse: separate;
-  border-spacing: 0;
-  table-layout: fixed;
-}
-.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll {
-  position: relative;
-  height: var(--total-virtual-height, --table-container-height, auto);
-}
-.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll tr:not([aria-hidden=true]) {
-  width: 100%;
-}
-.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll tr[aria-hidden=true] {
-  padding: 0;
-  border: none;
-}
-.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll tr[aria-hidden=true]:not(.sd-table__virtual-row-spacer) td {
-  display: none;
-}
-.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 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__container .sd-table__bottom .sd-table__no-data {
-  padding-top: 15%;
-  color: #888888;
-}
-.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%);
-}
-.sd-table__wrapper .sd-table__virtual-spacer,
-.sd-table__wrapper .sd-table__virtual-row-spacer {
-  padding: 0 !important;
-}
-.sd-table__wrapper .sd-table__virtual-spacer td,
-.sd-table__wrapper .sd-table__virtual-row-spacer td {
-  padding: 0 !important;
-  border: none;
-}
-.sd-table__wrapper .sd-table__virtual-spacer .sd-table__skeleton,
-.sd-table__wrapper .sd-table__virtual-row-spacer .sd-table__skeleton {
-  width: 100%;
-  height: 100%;
-  background-image: repeating-linear-gradient(0deg, rgba(246, 246, 246, 0.3) 0px, rgba(225, 225, 225, 0.5) calc(var(--row-height, 44px) / 2), rgba(246, 246, 246, 0.3) var(--row-height, 44px));
-  background-size: 100% 200%;
-  animation: skeleton-loading 1.5s ease-in-out infinite;
-  position: relative;
-}
-.sd-table__wrapper .sd-table__virtual-spacer .sd-table__skeleton::before,
-.sd-table__wrapper .sd-table__virtual-row-spacer .sd-table__skeleton::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-image: repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--row-height, 44px) - 1px), #e1e1e1 calc(var(--row-height, 44px) - 1px), #e1e1e1 var(--row-height, 44px));
-  pointer-events: none;
-}
-.sd-table__wrapper .sd-table__skeleton-cell {
-  width: 100%;
-  height: 20px;
-  background: linear-gradient(90deg, rgba(246, 246, 246, 0.3) 0%, rgba(225, 225, 225, 0.5) 50%, rgba(246, 246, 246, 0.3) 100%);
-  background-size: 200% 100%;
-  animation: skeleton-loading 1.5s ease-in-out infinite;
-  border-radius: 4px;
-}
-@keyframes skeleton-loading {
-  0% {
-    background-position: 0% 0%;
-  }
-  50% {
-    background-position: 100% 100%;
-  }
-  100% {
-    background-position: 0% 0%;
-  }
-}