@ninebone/table 0.1.37 → 0.1.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/css/layout.css +3 -0
  2. package/dist/css/nine-table-sheet.css +7 -7
  3. package/dist/nine-table.js +2 -2
  4. package/dist/nine-table.js.map +1 -1
  5. package/dist/nine-table.umd.js +1 -1
  6. package/dist/nine-table.umd.js.map +1 -1
  7. package/package.json +1 -1
package/dist/css/layout.css CHANGED
@@ -1,3 +1,6 @@
1
+ :host {
2
+ --scrollbar-size: 16px;
3
+ }
1
4
 
2
5
  nine-table-filter-panel, cell-combo-panel {
3
6
  z-index: 2;
package/dist/css/nine-table-sheet.css CHANGED
@@ -31,7 +31,7 @@ nine-table-sheet.active {
31
31
 
32
32
  /* --- 세로 스크롤바가 활성화되었을 때만 CSS로 2열 너비 확장 및 요소 표시 --- */
33
33
  nine-table-sheet.vscroll-visible {
34
- grid-template-columns: 1fr ${sbSize}px;
34
+ grid-template-columns: 1fr var(--scrollbar-size);
35
35
  }
36
36
 
37
37
  nine-table-sheet.vscroll-visible nine-table-vscrollbar {
@@ -45,7 +45,7 @@ nine-table-vscrollbar {
45
45
 
46
46
  /* --- 가로 스크롤바가 활성화되었을 때만 CSS로 행 높이 확장 및 요소 표시 --- */
47
47
  nine-table-sheet.hscroll-visible {
48
- grid-template-rows: 1fr ${sbSize}px;
48
+ grid-template-rows: 1fr var(--scrollbar-size);
49
49
  }
50
50
 
51
51
  nine-table-sheet.hscroll-visible nine-table-hscrollbar,
@@ -164,7 +164,7 @@ nine-table-sheet .ng-container-left, nine-table-sheet .ng-container-right {
164
164
  nine-table-vscrollbar {
165
165
  grid-row: 1;
166
166
  grid-column: 2;
167
- width: ${sbSize}px;
167
+ width: var(--scrollbar-size);
168
168
  height: 100%;
169
169
  z-index: 50;
170
170
  }
@@ -174,8 +174,8 @@ nine-table-hscrollbar {
174
174
  grid-row: 2;
175
175
  grid-column: 1;
176
176
  flex-direction: row;
177
- height: ${sbSize}px;
178
- min-height: ${sbSize}px;
177
+ height: var(--scrollbar-size);
178
+ min-height: var(--scrollbar-size);
179
179
  background: #f9fafb;
180
180
  border-top: 1px solid #e5e7eb;
181
181
  z-index: 10;
@@ -187,8 +187,8 @@ nine-table-hscrollbar {
187
187
  nine-table-sheet .ng-scroll-edge {
188
188
  grid-row: 2;
189
189
  grid-column: 2;
190
- width: ${sbSize}px;
191
- height: ${sbSize}px;
190
+ width: var(--scrollbar-size);
191
+ height: var(--scrollbar-size);
192
192
  background: #f3f4f6;
193
193
  border-top: 1px solid #e5e7eb;
194
194
  z-index: 10;
package/dist/nine-table.js CHANGED
@@ -3349,8 +3349,8 @@ const Qo = class Qo {
3349
3349
  const e = Array.from(t(this, et).children).filter((c) => c.tagName.toUpperCase() === "TABLE"), s = t(this, et).getAttribute("auto-height") === "true", i = e.length, n = e.map((c, u) => {
3350
3350
  const g = u === 0 ? "active" : "", f = c.id || `sheet${u + 1}`, b = `<nine-table-sheet class="${g}" data-index="${u}" data-sheet-id="${f}" id="${f}"></nine-table-sheet>`, m = u < i - 1 ? `<nine-splitter class="h" data-split-index="${u}"></nine-splitter>` : "";
3351
3351
  return b + m;
3352
- }).join(""), o = ["layout.css", "nine-table-sheet.css"], l = o.map(
3353
- (c) => `@import "https://cdn.jsdelivr.net/npm/@ninebone/table@0.1.37/dist/css/${c}";`
3352
+ }).join(""), o = ["layout.css", "nine-table-sheet.css", "nine-table-vscrollbar", "nine-table-hscrollbar", "table"], l = o.map(
3353
+ (c) => `@import "https://cdn.jsdelivr.net/npm/@ninebone/table@0.1.38/dist/css/${c}";`
3354
3354
  ), a = [];
3355
3355
  nine.cssPath && o.forEach((c) => {
3356
3356
  a.push(`@import "${nine.cssPath}/${c}";`);