ninegrid2 6.737.0 โ†’ 6.739.0

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/bundle.cjs.js +17 -15
  2. package/dist/bundle.esm.js +17 -15
  3. package/dist/nx/nxSplitter.js +14 -14
  4. package/dist/nx/nxTab.js +3 -1
  5. package/package.json +1 -1
  6. package/src/nx/nxSplitter.js +14 -14
  7. package/src/nx/nxTab.js +3 -1
package/dist/bundle.cjs.js CHANGED
@@ -120859,7 +120859,9 @@ class nxTab extends HTMLElement {
120859
120859
  ${ninegrid.getCustomPath(this,"nxTab.css")}
120860
120860
  </style>
120861
120861
 
120862
- <div class="tabs"></div>
120862
+ <div class="tabs">
120863
+ <button></button>
120864
+ </div>
120863
120865
  <div class="tab-pages"></div>
120864
120866
  `;
120865
120867
 
@@ -121110,16 +121112,14 @@ class nxSplitter extends HTMLElement {
121110
121112
  // ๐Ÿ“Œ ์‚ฌ์ด์ฆˆ ์ ์šฉ
121111
121113
  if (this.#mode === "h") {
121112
121114
  prev.style.width = `${delta}px`;
121113
- next.style.width = `${totalSize - delta}px`;
121115
+ next.style.width = this.#isLastSplitter() ? "100%" : `${totalSize - delta}px`;
121114
121116
  } else {
121115
121117
  prev.style.height = `${delta}px`;
121116
- next.style.height = `${totalSize - delta}px`;
121118
+ next.style.height = this.#isLastSplitter() ? "100%" : `${totalSize - delta}px`;
121117
121119
  }
121118
121120
 
121119
121121
  prev.style.flex = prev1;
121120
121122
  next.style.flex = prev2;
121121
-
121122
-
121123
121123
  };
121124
121124
 
121125
121125
  window.addEventListener("mousemove", onMove);
@@ -121157,14 +121157,16 @@ class nxSplitter extends HTMLElement {
121157
121157
  this.#prepareLayout();
121158
121158
  };
121159
121159
 
121160
+ #isLastSplitter = () => {
121161
+ const parent = this.parentElement;
121162
+ if (!parent) return false;
121163
+
121164
+ const allSplitters = [...parent.querySelectorAll("nx-splitter")];
121165
+ return allSplitters.at(-1) === this;
121166
+ };
121167
+
121160
121168
  #prepareLayout = () => {
121161
- const isLastSplitter = () => {
121162
- const parent = this.parentElement;
121163
- if (!parent) return false;
121164
121169
 
121165
- const allSplitters = [...parent.querySelectorAll("nx-splitter")];
121166
- return allSplitters.at(-1) === this;
121167
- };
121168
121170
 
121169
121171
 
121170
121172
  const splitterSize = this.#mode === "h" ? this.offsetWidth : this.offsetHeight;
@@ -121183,14 +121185,14 @@ class nxSplitter extends HTMLElement {
121183
121185
  prev.style.width = `${eachSize}px`;
121184
121186
 
121185
121187
  // โœ” ์ •ํ™•ํ•˜๊ฒŒ ๋งˆ์ง€๋ง‰ splitter์ผ ๋•Œ๋งŒ next ์กฐ์ •
121186
- if (isLastSplitter()) {
121187
- next.style.width = `${eachSize}px`;
121188
+ if (this.#isLastSplitter()) {
121189
+ next.style.width = "100%";
121188
121190
  }
121189
121191
  } else {
121190
121192
  prev.style.height = `${eachSize}px`;
121191
121193
 
121192
- if (isLastSplitter()) {
121193
- next.style.height = `${eachSize}px`;
121194
+ if (this.#isLastSplitter()) {
121195
+ next.style.height = "100%";
121194
121196
  }
121195
121197
  }
121196
121198
  };
package/dist/bundle.esm.js CHANGED
@@ -120855,7 +120855,9 @@ class nxTab extends HTMLElement {
120855
120855
  ${ninegrid.getCustomPath(this,"nxTab.css")}
120856
120856
  </style>
120857
120857
 
120858
- <div class="tabs"></div>
120858
+ <div class="tabs">
120859
+ <button></button>
120860
+ </div>
120859
120861
  <div class="tab-pages"></div>
120860
120862
  `;
120861
120863
 
@@ -121106,16 +121108,14 @@ class nxSplitter extends HTMLElement {
121106
121108
  // ๐Ÿ“Œ ์‚ฌ์ด์ฆˆ ์ ์šฉ
121107
121109
  if (this.#mode === "h") {
121108
121110
  prev.style.width = `${delta}px`;
121109
- next.style.width = `${totalSize - delta}px`;
121111
+ next.style.width = this.#isLastSplitter() ? "100%" : `${totalSize - delta}px`;
121110
121112
  } else {
121111
121113
  prev.style.height = `${delta}px`;
121112
- next.style.height = `${totalSize - delta}px`;
121114
+ next.style.height = this.#isLastSplitter() ? "100%" : `${totalSize - delta}px`;
121113
121115
  }
121114
121116
 
121115
121117
  prev.style.flex = prev1;
121116
121118
  next.style.flex = prev2;
121117
-
121118
-
121119
121119
  };
121120
121120
 
121121
121121
  window.addEventListener("mousemove", onMove);
@@ -121153,14 +121153,16 @@ class nxSplitter extends HTMLElement {
121153
121153
  this.#prepareLayout();
121154
121154
  };
121155
121155
 
121156
+ #isLastSplitter = () => {
121157
+ const parent = this.parentElement;
121158
+ if (!parent) return false;
121159
+
121160
+ const allSplitters = [...parent.querySelectorAll("nx-splitter")];
121161
+ return allSplitters.at(-1) === this;
121162
+ };
121163
+
121156
121164
  #prepareLayout = () => {
121157
- const isLastSplitter = () => {
121158
- const parent = this.parentElement;
121159
- if (!parent) return false;
121160
121165
 
121161
- const allSplitters = [...parent.querySelectorAll("nx-splitter")];
121162
- return allSplitters.at(-1) === this;
121163
- };
121164
121166
 
121165
121167
 
121166
121168
  const splitterSize = this.#mode === "h" ? this.offsetWidth : this.offsetHeight;
@@ -121179,14 +121181,14 @@ class nxSplitter extends HTMLElement {
121179
121181
  prev.style.width = `${eachSize}px`;
121180
121182
 
121181
121183
  // โœ” ์ •ํ™•ํ•˜๊ฒŒ ๋งˆ์ง€๋ง‰ splitter์ผ ๋•Œ๋งŒ next ์กฐ์ •
121182
- if (isLastSplitter()) {
121183
- next.style.width = `${eachSize}px`;
121184
+ if (this.#isLastSplitter()) {
121185
+ next.style.width = "100%";
121184
121186
  }
121185
121187
  } else {
121186
121188
  prev.style.height = `${eachSize}px`;
121187
121189
 
121188
- if (isLastSplitter()) {
121189
- next.style.height = `${eachSize}px`;
121190
+ if (this.#isLastSplitter()) {
121191
+ next.style.height = "100%";
121190
121192
  }
121191
121193
  }
121192
121194
  };
package/dist/nx/nxSplitter.js CHANGED
@@ -124,16 +124,14 @@ class nxSplitter extends HTMLElement {
124
124
  // ๐Ÿ“Œ ์‚ฌ์ด์ฆˆ ์ ์šฉ
125
125
  if (this.#mode === "h") {
126
126
  prev.style.width = `${delta}px`;
127
- next.style.width = `${totalSize - delta}px`;
127
+ next.style.width = this.#isLastSplitter() ? "100%" : `${totalSize - delta}px`;
128
128
  } else {
129
129
  prev.style.height = `${delta}px`;
130
- next.style.height = `${totalSize - delta}px`;
130
+ next.style.height = this.#isLastSplitter() ? "100%" : `${totalSize - delta}px`;
131
131
  }
132
132
 
133
133
  prev.style.flex = prev1;
134
134
  next.style.flex = prev2;
135
-
136
-
137
135
  };
138
136
 
139
137
  window.addEventListener("mousemove", onMove);
@@ -171,14 +169,16 @@ class nxSplitter extends HTMLElement {
171
169
  this.#prepareLayout();
172
170
  };
173
171
 
172
+ #isLastSplitter = () => {
173
+ const parent = this.parentElement;
174
+ if (!parent) return false;
175
+
176
+ const allSplitters = [...parent.querySelectorAll("nx-splitter")];
177
+ return allSplitters.at(-1) === this;
178
+ };
179
+
174
180
  #prepareLayout = () => {
175
- const isLastSplitter = () => {
176
- const parent = this.parentElement;
177
- if (!parent) return false;
178
181
 
179
- const allSplitters = [...parent.querySelectorAll("nx-splitter")];
180
- return allSplitters.at(-1) === this;
181
- };
182
182
 
183
183
 
184
184
  const splitterSize = this.#mode === "h" ? this.offsetWidth : this.offsetHeight;
@@ -197,14 +197,14 @@ class nxSplitter extends HTMLElement {
197
197
  prev.style.width = `${eachSize}px`;
198
198
 
199
199
  // โœ” ์ •ํ™•ํ•˜๊ฒŒ ๋งˆ์ง€๋ง‰ splitter์ผ ๋•Œ๋งŒ next ์กฐ์ •
200
- if (isLastSplitter()) {
201
- next.style.width = `${eachSize}px`;
200
+ if (this.#isLastSplitter()) {
201
+ next.style.width = "100%";
202
202
  }
203
203
  } else {
204
204
  prev.style.height = `${eachSize}px`;
205
205
 
206
- if (isLastSplitter()) {
207
- next.style.height = `${eachSize}px`;
206
+ if (this.#isLastSplitter()) {
207
+ next.style.height = "100%";
208
208
  }
209
209
  }
210
210
  };
package/dist/nx/nxTab.js CHANGED
@@ -11,7 +11,9 @@ class nxTab extends HTMLElement {
11
11
  ${ninegrid.getCustomPath(this,"nxTab.css")}
12
12
  </style>
13
13
 
14
- <div class="tabs"></div>
14
+ <div class="tabs">
15
+ <button></button>
16
+ </div>
15
17
  <div class="tab-pages"></div>
16
18
  `;
17
19
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.737.0",
4
+ "version": "6.739.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
package/src/nx/nxSplitter.js CHANGED
@@ -124,16 +124,14 @@ class nxSplitter extends HTMLElement {
124
124
  // ๐Ÿ“Œ ์‚ฌ์ด์ฆˆ ์ ์šฉ
125
125
  if (this.#mode === "h") {
126
126
  prev.style.width = `${delta}px`;
127
- next.style.width = `${totalSize - delta}px`;
127
+ next.style.width = this.#isLastSplitter() ? "100%" : `${totalSize - delta}px`;
128
128
  } else {
129
129
  prev.style.height = `${delta}px`;
130
- next.style.height = `${totalSize - delta}px`;
130
+ next.style.height = this.#isLastSplitter() ? "100%" : `${totalSize - delta}px`;
131
131
  }
132
132
 
133
133
  prev.style.flex = prev1;
134
134
  next.style.flex = prev2;
135
-
136
-
137
135
  };
138
136
 
139
137
  window.addEventListener("mousemove", onMove);
@@ -171,14 +169,16 @@ class nxSplitter extends HTMLElement {
171
169
  this.#prepareLayout();
172
170
  };
173
171
 
172
+ #isLastSplitter = () => {
173
+ const parent = this.parentElement;
174
+ if (!parent) return false;
175
+
176
+ const allSplitters = [...parent.querySelectorAll("nx-splitter")];
177
+ return allSplitters.at(-1) === this;
178
+ };
179
+
174
180
  #prepareLayout = () => {
175
- const isLastSplitter = () => {
176
- const parent = this.parentElement;
177
- if (!parent) return false;
178
181
 
179
- const allSplitters = [...parent.querySelectorAll("nx-splitter")];
180
- return allSplitters.at(-1) === this;
181
- };
182
182
 
183
183
 
184
184
  const splitterSize = this.#mode === "h" ? this.offsetWidth : this.offsetHeight;
@@ -197,14 +197,14 @@ class nxSplitter extends HTMLElement {
197
197
  prev.style.width = `${eachSize}px`;
198
198
 
199
199
  // โœ” ์ •ํ™•ํ•˜๊ฒŒ ๋งˆ์ง€๋ง‰ splitter์ผ ๋•Œ๋งŒ next ์กฐ์ •
200
- if (isLastSplitter()) {
201
- next.style.width = `${eachSize}px`;
200
+ if (this.#isLastSplitter()) {
201
+ next.style.width = "100%";
202
202
  }
203
203
  } else {
204
204
  prev.style.height = `${eachSize}px`;
205
205
 
206
- if (isLastSplitter()) {
207
- next.style.height = `${eachSize}px`;
206
+ if (this.#isLastSplitter()) {
207
+ next.style.height = "100%";
208
208
  }
209
209
  }
210
210
  };
package/src/nx/nxTab.js CHANGED
@@ -11,7 +11,9 @@ class nxTab extends HTMLElement {
11
11
  ${ninegrid.getCustomPath(this,"nxTab.css")}
12
12
  </style>
13
13
 
14
- <div class="tabs"></div>
14
+ <div class="tabs">
15
+ <button></button>
16
+ </div>
15
17
  <div class="tab-pages"></div>
16
18
  `;
17
19