@ninebone/table 0.0.492 β 0.0.493
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.
- package/dist/nine-table.js +58 -57
- package/dist/nine-table.js.map +1 -1
- package/dist/nine-table.umd.js +1 -1
- package/dist/nine-table.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/nine-table.js
CHANGED
|
@@ -22,13 +22,13 @@ const Le = class Le extends Xe.constructor {
|
|
|
22
22
|
};
|
|
23
23
|
h(Le, "Trace");
|
|
24
24
|
let oe = Le;
|
|
25
|
-
const
|
|
26
|
-
var B,
|
|
25
|
+
const P = new oe();
|
|
26
|
+
var B, j, w, X, K, Z, _t, G, Nt;
|
|
27
27
|
const He = class He extends HTMLElement {
|
|
28
28
|
constructor() {
|
|
29
29
|
super();
|
|
30
30
|
d(this, B);
|
|
31
|
-
d(this,
|
|
31
|
+
d(this, j, !1);
|
|
32
32
|
d(this, w);
|
|
33
33
|
d(this, X);
|
|
34
34
|
d(this, K);
|
|
@@ -41,7 +41,7 @@ const He = class He extends HTMLElement {
|
|
|
41
41
|
})), t(this, Z).observe(e));
|
|
42
42
|
}, "#observeResize"));
|
|
43
43
|
A(this, "refresh", /* @__PURE__ */ h(() => {
|
|
44
|
-
if (!t(this, B) || !t(this, w) || t(this,
|
|
44
|
+
if (!t(this, B) || !t(this, w) || t(this, j)) return;
|
|
45
45
|
const e = t(this, w).container, i = e.querySelector("table");
|
|
46
46
|
if (!i) return;
|
|
47
47
|
const r = t(this, w).track, n = t(this, w).thumb, o = t(this, B).querySelector(".ng-container-bottom"), a = e.clientWidth, c = i.scrollWidth;
|
|
@@ -99,13 +99,13 @@ const He = class He extends HTMLElement {
|
|
|
99
99
|
t(this, G).call(this, r.clientX - n.left - o / 2);
|
|
100
100
|
}), t(this, w).thumb.addEventListener("mousedown", (r) => {
|
|
101
101
|
if (r.button !== 0) return;
|
|
102
|
-
r.stopPropagation(), r.preventDefault(), y(this,
|
|
102
|
+
r.stopPropagation(), r.preventDefault(), y(this, j, !0), this.shiftX = r.clientX - t(this, w).thumb.getBoundingClientRect().left;
|
|
103
103
|
const n = /* @__PURE__ */ h((a) => {
|
|
104
|
-
if (!t(this,
|
|
104
|
+
if (!t(this, j)) return;
|
|
105
105
|
const c = t(this, w).track.getBoundingClientRect();
|
|
106
106
|
t(this, G).call(this, a.clientX - c.left - this.shiftX);
|
|
107
107
|
}, "onMouseMove"), o = /* @__PURE__ */ h(() => {
|
|
108
|
-
y(this,
|
|
108
|
+
y(this, j, !1), i(), document.removeEventListener("mousemove", n), document.removeEventListener("mouseup", o), this.refresh();
|
|
109
109
|
}, "onMouseUp");
|
|
110
110
|
document.addEventListener("mousemove", n), document.addEventListener("mouseup", o);
|
|
111
111
|
});
|
|
@@ -189,7 +189,7 @@ const He = class He extends HTMLElement {
|
|
|
189
189
|
left: this.querySelector(".ng-scroll-left"),
|
|
190
190
|
right: this.querySelector(".ng-scroll-right")
|
|
191
191
|
}), i.addEventListener("scroll", () => {
|
|
192
|
-
t(this,
|
|
192
|
+
t(this, j) || this.refresh();
|
|
193
193
|
}), t(this, Nt).call(this), t(this, _t).call(this), this.refresh();
|
|
194
194
|
}, "initWhenReady");
|
|
195
195
|
e();
|
|
@@ -198,22 +198,22 @@ const He = class He extends HTMLElement {
|
|
|
198
198
|
t(this, Z) && t(this, Z).disconnect();
|
|
199
199
|
}
|
|
200
200
|
};
|
|
201
|
-
B = new WeakMap(),
|
|
201
|
+
B = new WeakMap(), j = new WeakMap(), w = new WeakMap(), X = new WeakMap(), K = new WeakMap(), Z = new WeakMap(), _t = new WeakMap(), G = new WeakMap(), Nt = new WeakMap(), h(He, "NineTableHScrollBar");
|
|
202
202
|
let ae = He;
|
|
203
203
|
customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", ae);
|
|
204
|
-
var
|
|
205
|
-
const
|
|
204
|
+
var F, ot, J, R, vt, wt, Wt;
|
|
205
|
+
const Me = class Me extends HTMLElement {
|
|
206
206
|
constructor() {
|
|
207
207
|
super();
|
|
208
|
-
d(this,
|
|
208
|
+
d(this, F);
|
|
209
209
|
d(this, ot);
|
|
210
210
|
d(this, J, !1);
|
|
211
211
|
d(this, R);
|
|
212
212
|
d(this, vt, 0);
|
|
213
213
|
d(this, wt, 0);
|
|
214
214
|
A(this, "refresh", /* @__PURE__ */ h(() => {
|
|
215
|
-
if (!t(this,
|
|
216
|
-
const e = t(this, R).container, i = t(this, R).track, r = t(this, R).thumb, n = e.clientHeight, a = (t(this,
|
|
215
|
+
if (!t(this, F) || !t(this, R)) return;
|
|
216
|
+
const e = t(this, R).container, i = t(this, R).track, r = t(this, R).thumb, n = e.clientHeight, a = (t(this, F).data.get() || []).length, c = t(this, ot).getRowHeight(), l = a * c;
|
|
217
217
|
if (l <= n) {
|
|
218
218
|
r.style.display = "none", t(this, R).top.disabled = !0, t(this, R).bottom.disabled = !0;
|
|
219
219
|
return;
|
|
@@ -231,7 +231,7 @@ const $e = class $e extends HTMLElement {
|
|
|
231
231
|
}, "refresh"));
|
|
232
232
|
d(this, Wt, /* @__PURE__ */ h(() => {
|
|
233
233
|
const e = t(this, R).container, i = /* @__PURE__ */ h(() => {
|
|
234
|
-
const n = (t(this,
|
|
234
|
+
const n = (t(this, F).data.get() || []).length, o = t(this, ot).getRowHeight();
|
|
235
235
|
return n * o;
|
|
236
236
|
}, "getContentHeight");
|
|
237
237
|
e.addEventListener("scroll", () => {
|
|
@@ -269,7 +269,7 @@ const $e = class $e extends HTMLElement {
|
|
|
269
269
|
}, "#init"));
|
|
270
270
|
}
|
|
271
271
|
connectedCallback() {
|
|
272
|
-
y(this,
|
|
272
|
+
y(this, F, this.getRootNode().host), y(this, ot, this.closest("nine-table-sheet")), this.innerHTML = `
|
|
273
273
|
<style>
|
|
274
274
|
nine-table-vscrollbar {
|
|
275
275
|
display: flex;
|
|
@@ -334,7 +334,7 @@ const $e = class $e extends HTMLElement {
|
|
|
334
334
|
<button class='ng-scroll-bottom' disabled><div class='ng-scroll-icon'></div></button>
|
|
335
335
|
`;
|
|
336
336
|
const e = /* @__PURE__ */ h(() => {
|
|
337
|
-
const i = t(this,
|
|
337
|
+
const i = t(this, F).shadowRoot.querySelector(".ng-container-body .ng-part-body");
|
|
338
338
|
if (!i) {
|
|
339
339
|
setTimeout(e, 10);
|
|
340
340
|
return;
|
|
@@ -350,23 +350,24 @@ const $e = class $e extends HTMLElement {
|
|
|
350
350
|
e();
|
|
351
351
|
}
|
|
352
352
|
};
|
|
353
|
-
|
|
354
|
-
let le =
|
|
353
|
+
F = new WeakMap(), ot = new WeakMap(), J = new WeakMap(), R = new WeakMap(), vt = new WeakMap(), wt = new WeakMap(), Wt = new WeakMap(), h(Me, "NineTableVScrollBar");
|
|
354
|
+
let le = Me;
|
|
355
355
|
customElements.get("nine-table-vscrollbar") || customElements.define("nine-table-vscrollbar", le);
|
|
356
|
-
var D, S, z, M,
|
|
357
|
-
const
|
|
356
|
+
var D, S, z, M, V, Q, St, Se, at, Ot, Bt, Et, At, qt, zt, Dt, lt, Ee, ct, Rt, Pt;
|
|
357
|
+
const $e = class $e {
|
|
358
358
|
constructor(s) {
|
|
359
359
|
d(this, D);
|
|
360
360
|
d(this, S);
|
|
361
361
|
d(this, z, /* @__PURE__ */ new Map());
|
|
362
362
|
d(this, M, null);
|
|
363
|
-
d(this,
|
|
363
|
+
d(this, V, null);
|
|
364
364
|
d(this, Q, 0);
|
|
365
365
|
d(this, St, 40);
|
|
366
366
|
d(this, Se, !1);
|
|
367
367
|
d(this, at, !1);
|
|
368
368
|
d(this, Ot, 3);
|
|
369
369
|
A(this, "refresh", /* @__PURE__ */ h(() => {
|
|
370
|
+
P.log("rowManager.refresh");
|
|
370
371
|
const s = t(this, S).querySelector(".ng-container-body .ng-part-body");
|
|
371
372
|
s && (t(this, Et).call(this, s), t(this, lt).call(this), t(this, At).call(this), t(this, ct).call(this, s.scrollTop));
|
|
372
373
|
}, "refresh"));
|
|
@@ -414,7 +415,7 @@ const Me = class Me {
|
|
|
414
415
|
d(this, Et, /* @__PURE__ */ h((s) => {
|
|
415
416
|
if (t(this, M) !== null && t(this, M) > 0)
|
|
416
417
|
return t(this, M);
|
|
417
|
-
|
|
418
|
+
P.log("#measureAndCacheHeight");
|
|
418
419
|
const e = t(this, z).get(".ng-container-body");
|
|
419
420
|
if (!e || e.length === 0) return 24;
|
|
420
421
|
const i = s.querySelector("tbody.bindable-tbody");
|
|
@@ -475,7 +476,7 @@ const Me = class Me {
|
|
|
475
476
|
}
|
|
476
477
|
}, "#syncRowHeights"));
|
|
477
478
|
d(this, Dt, /* @__PURE__ */ h(() => {
|
|
478
|
-
!t(this, S) || !(t(this, S) instanceof HTMLElement) || (y(this,
|
|
479
|
+
!t(this, S) || !(t(this, S) instanceof HTMLElement) || (y(this, V, new ResizeObserver((s) => {
|
|
479
480
|
for (const e of s) {
|
|
480
481
|
const i = e.target;
|
|
481
482
|
if (!i.classList.contains("active")) continue;
|
|
@@ -488,7 +489,7 @@ const Me = class Me {
|
|
|
488
489
|
t(this, Q) !== c && (y(this, Q, c), t(this, qt).call(this), t(this, M) !== null && t(this, lt).call(this));
|
|
489
490
|
}
|
|
490
491
|
}
|
|
491
|
-
})), t(this,
|
|
492
|
+
})), t(this, V).observe(t(this, S)));
|
|
492
493
|
}, "#initResizeObserver"));
|
|
493
494
|
d(this, lt, /* @__PURE__ */ h(() => {
|
|
494
495
|
[".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((s) => {
|
|
@@ -525,7 +526,7 @@ const Me = class Me {
|
|
|
525
526
|
if (!g) return;
|
|
526
527
|
const m = g.querySelector(".ng-part-body tbody.bindable-tbody");
|
|
527
528
|
m && (m.style.transform = `translateY(${o}px)`);
|
|
528
|
-
}),
|
|
529
|
+
}), P.log("#handleScroll", f, n), f !== n && [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((b) => {
|
|
529
530
|
const g = t(this, S).querySelector(b);
|
|
530
531
|
if (!g) return;
|
|
531
532
|
const m = g.querySelector(".ng-part-body tbody.bindable-tbody");
|
|
@@ -556,7 +557,7 @@ const Me = class Me {
|
|
|
556
557
|
});
|
|
557
558
|
}; */
|
|
558
559
|
d(this, Rt, /* @__PURE__ */ h((s, e, i) => {
|
|
559
|
-
s.dataset.row = i, s.data = e,
|
|
560
|
+
s.dataset.row = i, s.data = e, P.log(i), Array.from(s.cells).forEach((r, n) => {
|
|
560
561
|
r.dataset.row = i, r.querySelector(':scope > [is^="cell-"], :scope > [class*="cell-"], :scope > cell-');
|
|
561
562
|
const o = Array.from(r.children).find((a) => a.tagName.toLowerCase().startsWith("cell-") || typeof a.refresh == "function");
|
|
562
563
|
o && typeof o.refresh == "function" && o.refresh();
|
|
@@ -577,7 +578,7 @@ const Me = class Me {
|
|
|
577
578
|
}
|
|
578
579
|
}, "#syncHeaderHeights"));
|
|
579
580
|
A(this, "destroy", /* @__PURE__ */ h(() => {
|
|
580
|
-
t(this,
|
|
581
|
+
t(this, V) && (t(this, V).disconnect(), y(this, V, null));
|
|
581
582
|
}, "destroy"));
|
|
582
583
|
y(this, D, s.getRootNode().host), y(this, S, s), t(this, Dt).call(this);
|
|
583
584
|
}
|
|
@@ -589,8 +590,8 @@ const Me = class Me {
|
|
|
589
590
|
return ((e = t(this, z).get(s)) == null ? void 0 : e.length) || 1;
|
|
590
591
|
}
|
|
591
592
|
};
|
|
592
|
-
D = new WeakMap(), S = new WeakMap(), z = new WeakMap(), M = new WeakMap(),
|
|
593
|
-
let ce =
|
|
593
|
+
D = new WeakMap(), S = new WeakMap(), z = new WeakMap(), M = new WeakMap(), V = new WeakMap(), Q = new WeakMap(), St = new WeakMap(), Se = new WeakMap(), at = new WeakMap(), Ot = new WeakMap(), Bt = new WeakMap(), Et = new WeakMap(), At = new WeakMap(), qt = new WeakMap(), zt = new WeakMap(), Dt = new WeakMap(), lt = new WeakMap(), Ee = new WeakMap(), ct = new WeakMap(), Rt = new WeakMap(), Pt = new WeakMap(), h($e, "RowManager");
|
|
594
|
+
let ce = $e;
|
|
594
595
|
const jt = class jt {
|
|
595
596
|
/**
|
|
596
597
|
* π― λ μ΄μμ λ΄μ μ¬λ¬ rawTables λ°°μ΄μ μΌκ΄λ‘ λ°μ λ¨μΌ λ§μ€ν° ν
νλ¦ΏμΌλ‘ μ¬μ μ»΄νμΌν©λλ€.
|
|
@@ -895,7 +896,7 @@ const mt = class mt extends HTMLElement {
|
|
|
895
896
|
t(this, Ut).call(this);
|
|
896
897
|
}
|
|
897
898
|
disconnectedCallback() {
|
|
898
|
-
this.innerHTML = "",
|
|
899
|
+
this.innerHTML = "", P.log("NineTableSheet destroyed.");
|
|
899
900
|
}
|
|
900
901
|
};
|
|
901
902
|
Ft = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), Vt = new WeakMap(), Yt = new WeakMap(), ht = new WeakMap(), Ut = new WeakMap(), Xt = new WeakMap(), h(mt, "NineTableSheet"), A(mt, "SCROLLBAR_SIZE", 16);
|
|
@@ -1095,7 +1096,7 @@ const Ne = class Ne {
|
|
|
1095
1096
|
};
|
|
1096
1097
|
Ct = new WeakMap(), dt = new WeakMap(), h(Ne, "ngRow");
|
|
1097
1098
|
let ue = Ne;
|
|
1098
|
-
var _, T, N, ft, Jt,
|
|
1099
|
+
var _, T, N, ft, Jt, Y, Qt, st, Lt, te, ee, ut;
|
|
1099
1100
|
const W = class W {
|
|
1100
1101
|
constructor(s, e) {
|
|
1101
1102
|
d(this, _);
|
|
@@ -1103,15 +1104,15 @@ const W = class W {
|
|
|
1103
1104
|
d(this, N, []);
|
|
1104
1105
|
d(this, ft, []);
|
|
1105
1106
|
d(this, Jt, 0);
|
|
1106
|
-
d(this,
|
|
1107
|
+
d(this, Y, []);
|
|
1107
1108
|
d(this, Qt, /* @__PURE__ */ h(() => {
|
|
1108
|
-
y(this,
|
|
1109
|
+
y(this, Y, []);
|
|
1109
1110
|
const s = t(this, _).template || [];
|
|
1110
1111
|
Array.from(s).forEach((e) => {
|
|
1111
1112
|
var i;
|
|
1112
|
-
t(this,
|
|
1113
|
+
t(this, Y).push(((i = e.getBoundingClientRect) == null ? void 0 : i.call(e).height) || 24);
|
|
1113
1114
|
}), (t(this, T).rawRecords || []).forEach((e) => {
|
|
1114
|
-
e.__ng || (e.__ng = t(this, Lt).call(this)), e.__ng.height = t(this,
|
|
1115
|
+
e.__ng || (e.__ng = t(this, Lt).call(this)), e.__ng.height = t(this, Y).slice();
|
|
1115
1116
|
});
|
|
1116
1117
|
}, "#initialize"));
|
|
1117
1118
|
d(this, st, /* @__PURE__ */ h(() => {
|
|
@@ -1139,10 +1140,10 @@ const W = class W {
|
|
|
1139
1140
|
rowState: W.ROW_STATE.EMPTY,
|
|
1140
1141
|
deleted: !1,
|
|
1141
1142
|
filtered: !1,
|
|
1142
|
-
height: t(this,
|
|
1143
|
+
height: t(this, Y).slice(),
|
|
1143
1144
|
o: {},
|
|
1144
1145
|
c: {},
|
|
1145
|
-
_: [0, 0, 0, 0, W.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, t(this,
|
|
1146
|
+
_: [0, 0, 0, 0, W.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, t(this, Y).slice(), -1, {}, {}]
|
|
1146
1147
|
}), "#getDefaultMeta"));
|
|
1147
1148
|
A(this, "reset", /* @__PURE__ */ h(() => {
|
|
1148
1149
|
y(this, N, []), y(this, ft, []), t(this, st).call(this);
|
|
@@ -1234,7 +1235,7 @@ const W = class W {
|
|
|
1234
1235
|
return this.length;
|
|
1235
1236
|
}
|
|
1236
1237
|
};
|
|
1237
|
-
_ = new WeakMap(), T = new WeakMap(), N = new WeakMap(), ft = new WeakMap(), Jt = new WeakMap(),
|
|
1238
|
+
_ = new WeakMap(), T = new WeakMap(), N = new WeakMap(), ft = new WeakMap(), Jt = new WeakMap(), Y = new WeakMap(), Qt = new WeakMap(), st = new WeakMap(), Lt = new WeakMap(), te = new WeakMap(), ee = new WeakMap(), ut = new WeakMap(), h(W, "ngData"), // π― ν μν μ μ μμλ₯Ό ν΄λμ€ λ΄λΆλ‘ λ΄μ¬ν
|
|
1238
1239
|
A(W, "ROW_STATE", {
|
|
1239
1240
|
EMPTY: "EMPTY",
|
|
1240
1241
|
NORMAL: "NORMAL",
|
|
@@ -1284,11 +1285,11 @@ const Oe = class Oe {
|
|
|
1284
1285
|
}), y(this, L, Array.from(s, ([e, i]) => ({ name: e, type: i }))), y(this, L, t(this, L).filter((e) => e.name !== "" && e.name !== "__ng")), t(this, L).sort((e, i) => e.name.length < i.name.length ? 1 : -1);
|
|
1285
1286
|
}, "#adjust"));
|
|
1286
1287
|
d(this, se, /* @__PURE__ */ h(() => {
|
|
1287
|
-
y(this, L, []),
|
|
1288
|
+
y(this, L, []), P.log(t(this, gt).querySelectorAll("table"));
|
|
1288
1289
|
const s = Array.from(t(this, gt).querySelectorAll("table"));
|
|
1289
1290
|
if (!(!s || s.length === 0)) {
|
|
1290
1291
|
for (const e of s)
|
|
1291
|
-
|
|
1292
|
+
P.log(e), $("[data-bind]", e).each((i, r) => {
|
|
1292
1293
|
const n = r.dataset.bind, o = r.getAttribute("data-type") || "string";
|
|
1293
1294
|
n && t(this, L).push({ name: n, type: o });
|
|
1294
1295
|
}), ["data-expr", "background-color", "color", "tooltip", "visible", "readonly", "enable-button", "enable-check", "class-expr", "icon-color", "icon-src"].forEach((i) => {
|
|
@@ -1347,7 +1348,7 @@ const Be = class Be extends HTMLElement {
|
|
|
1347
1348
|
d(this, rt);
|
|
1348
1349
|
d(this, ie);
|
|
1349
1350
|
d(this, re, /* @__PURE__ */ h(() => {
|
|
1350
|
-
this.fields = new ye(this), y(this, ie, new fe(this)),
|
|
1351
|
+
this.fields = new ye(this), y(this, ie, new fe(this)), P.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
|
|
1351
1352
|
}, "#init"));
|
|
1352
1353
|
this.attachShadow({ mode: "open" }), y(this, rt, new be(this));
|
|
1353
1354
|
}
|
|
@@ -1355,7 +1356,7 @@ const Be = class Be extends HTMLElement {
|
|
|
1355
1356
|
t(this, re).call(this);
|
|
1356
1357
|
}
|
|
1357
1358
|
disconnectedCallback() {
|
|
1358
|
-
|
|
1359
|
+
P.log("NineTable disconnected.");
|
|
1359
1360
|
}
|
|
1360
1361
|
// π― μΈλΆμμ grid.data.set(...) ννλ‘ μ κ·Όν μ μλλ‘ λ°μ΄ν° λ§€λμ μ€ν
|
|
1361
1362
|
get data() {
|
|
@@ -1386,12 +1387,12 @@ const xt = class xt extends HTMLElement {
|
|
|
1386
1387
|
};
|
|
1387
1388
|
h(xt, "BasicCellElement"), A(xt, "_styleCache", /* @__PURE__ */ new Map()), A(xt, "_customStyleCache", /* @__PURE__ */ new Map());
|
|
1388
1389
|
let me = xt;
|
|
1389
|
-
var C,
|
|
1390
|
+
var C, Mt, p, Ae, qe, Re, ke, Te;
|
|
1390
1391
|
const ze = class ze extends me {
|
|
1391
1392
|
constructor() {
|
|
1392
1393
|
super();
|
|
1393
1394
|
d(this, C);
|
|
1394
|
-
d(this,
|
|
1395
|
+
d(this, Mt);
|
|
1395
1396
|
d(this, p);
|
|
1396
1397
|
d(this, Ae);
|
|
1397
1398
|
d(this, qe);
|
|
@@ -1460,7 +1461,7 @@ const ze = class ze extends me {
|
|
|
1460
1461
|
}, "getExprValue"));
|
|
1461
1462
|
}
|
|
1462
1463
|
connectedCallback() {
|
|
1463
|
-
super.connectedCallback(), y(this, C, this.getRootNode().host), y(this, p, this.closest("th,td")), y(this,
|
|
1464
|
+
super.connectedCallback(), y(this, C, this.getRootNode().host), y(this, p, this.closest("th,td")), y(this, Mt, t(this, p).closest("tr"));
|
|
1464
1465
|
}
|
|
1465
1466
|
get value() {
|
|
1466
1467
|
var e = !t(this, C) || !t(this, C).dataManager || !t(this, p) || !t(this, p).dataset || !t(this, p).dataset.row || !t(this, p).dataset.bind ? "" : t(this, p).closest("tr").data[t(this, p).dataset.bind];
|
|
@@ -1478,10 +1479,10 @@ const ze = class ze extends me {
|
|
|
1478
1479
|
return t(this, p).closest("tr").data;
|
|
1479
1480
|
}
|
|
1480
1481
|
refresh() {
|
|
1481
|
-
return t(this, p).dataset.bind, parseInt(t(this, p).dataset.row), t(this,
|
|
1482
|
+
return t(this, p).dataset.bind, parseInt(t(this, p).dataset.row), t(this, Mt).data, t(this, p).dataset.row;
|
|
1482
1483
|
}
|
|
1483
1484
|
};
|
|
1484
|
-
C = new WeakMap(),
|
|
1485
|
+
C = new WeakMap(), Mt = new WeakMap(), p = new WeakMap(), Ae = new WeakMap(), qe = new WeakMap(), Re = new WeakMap(), ke = new WeakMap(), Te = new WeakMap(), h(ze, "CellElement");
|
|
1485
1486
|
let xe = ze;
|
|
1486
1487
|
const De = class De extends xe {
|
|
1487
1488
|
constructor() {
|
|
@@ -1496,19 +1497,19 @@ const De = class De extends xe {
|
|
|
1496
1497
|
};
|
|
1497
1498
|
h(De, "EditableCellElement");
|
|
1498
1499
|
let ve = De;
|
|
1499
|
-
var
|
|
1500
|
+
var $t, nt, bt, yt, ne, U, Ce;
|
|
1500
1501
|
const Pe = class Pe extends ve {
|
|
1501
1502
|
constructor() {
|
|
1502
1503
|
super();
|
|
1503
|
-
d(this,
|
|
1504
|
+
d(this, $t);
|
|
1504
1505
|
d(this, nt);
|
|
1505
1506
|
d(this, bt);
|
|
1506
1507
|
d(this, yt);
|
|
1507
1508
|
d(this, ne);
|
|
1508
|
-
d(this,
|
|
1509
|
+
d(this, U);
|
|
1509
1510
|
A(this, "refresh", /* @__PURE__ */ h(() => {
|
|
1510
1511
|
const e = super.refresh();
|
|
1511
|
-
t(this,
|
|
1512
|
+
t(this, $t).value = e;
|
|
1512
1513
|
}, "refresh"));
|
|
1513
1514
|
/**
|
|
1514
1515
|
dataRefresh = (v) => {
|
|
@@ -1544,18 +1545,18 @@ const Pe = class Pe extends ve {
|
|
|
1544
1545
|
if (!["Escape", "Enter", "Tab", "Home", "End", "ArrowLeft", "ArrowRight", "PageUp", "PageDown", "Backspace", "Delete"].includes(e.code)) {
|
|
1545
1546
|
if (t(this, nt) == "number") {
|
|
1546
1547
|
let n = [];
|
|
1547
|
-
if (t(this,
|
|
1548
|
+
if (t(this, U) && Number(t(this, U)) > 0 && n.push("."), t(this, yt) && Number(t(this, yt)) >= 0 && n.push("-"), !(e.keyCode >= 48 && e.keyCode <= 57 || e.keyCode >= 96 && e.keyCode <= 105) && !n.includes(e.key) && e.preventDefault(), t(this, U) && (e.keyCode >= 48 && e.keyCode <= 57 || e.keyCode >= 96 && e.keyCode <= 105) && e.target.selectionStart == e.target.selectionEnd) {
|
|
1548
1549
|
var i = e.target.value, r = i.indexOf(".");
|
|
1549
1550
|
if (r >= 0) {
|
|
1550
1551
|
var i = i.substr(r + 1, i.length);
|
|
1551
|
-
i.length >= Number(t(this,
|
|
1552
|
+
i.length >= Number(t(this, U)) && e.preventDefault();
|
|
1552
1553
|
}
|
|
1553
1554
|
}
|
|
1554
1555
|
}
|
|
1555
1556
|
t(this, bt) && ninegrid.getByteLength(e.target.value) >= Number(t(this, bt)) && e.target.selectionStart == e.target.selectionEnd && e.preventDefault();
|
|
1556
1557
|
}
|
|
1557
1558
|
}, "#onKeyDown"));
|
|
1558
|
-
if (this.applyBaseStyle(), y(this, nt, this.getAttribute("type") || "text"), y(this, bt, this.getAttribute("maxbyte")), y(this, yt, this.getAttribute("min")), y(this, ne, this.getAttribute("max")), y(this,
|
|
1559
|
+
if (this.applyBaseStyle(), y(this, nt, this.getAttribute("type") || "text"), y(this, bt, this.getAttribute("maxbyte")), y(this, yt, this.getAttribute("min")), y(this, ne, this.getAttribute("max")), y(this, U, this.getAttribute("scale")), !["text", "number"].includes(t(this, nt))) throw `invalid type : ${t(this, nt)}`;
|
|
1559
1560
|
}
|
|
1560
1561
|
connectedCallback() {
|
|
1561
1562
|
for (var e = [], i = 0; i < this.attributes.length; i++)
|
|
@@ -1565,10 +1566,10 @@ const Pe = class Pe extends ve {
|
|
|
1565
1566
|
${e.join(" ")}
|
|
1566
1567
|
ondragstart="return false;"
|
|
1567
1568
|
>
|
|
1568
|
-
`, super.connectedCallback(), y(this,
|
|
1569
|
+
`, super.connectedCallback(), y(this, $t, this.querySelector("input"));
|
|
1569
1570
|
}
|
|
1570
1571
|
};
|
|
1571
|
-
|
|
1572
|
+
$t = new WeakMap(), nt = new WeakMap(), bt = new WeakMap(), yt = new WeakMap(), ne = new WeakMap(), U = new WeakMap(), Ce = new WeakMap(), h(Pe, "CellInputText");
|
|
1572
1573
|
let we = Pe;
|
|
1573
1574
|
customElements.get("cell-input-text");
|
|
1574
1575
|
customElements.get("cell-input") || customElements.define("cell-input", we);
|