ninegrid2 6.752.0 → 6.753.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 +5 -1
  2. package/dist/bundle.esm.js +5 -1
  3. package/dist/nx/nxSplitter.js +5 -0
  4. package/dist/nx/nxTab.js +0 -1
  5. package/package.json +1 -1
  6. package/src/nx/nxSplitter.js +5 -0
  7. package/src/nx/nxTab.js +0 -1
package/dist/bundle.cjs.js CHANGED
@@ -120963,7 +120963,6 @@ class nxTab extends HTMLElement {
120963
120963
  this.shadowRoot.querySelectorAll('.tab-page:not(.active)').forEach(el => { el.classList.add('exit-right'); });
120964
120964
 
120965
120965
  const resizeObserver = new ResizeObserver(() => {
120966
- console.log("111");
120967
120966
  const activeContent = this.shadowRoot.querySelector('.tab-page.active');
120968
120967
  if (activeContent) {
120969
120968
  this.shadowRoot.querySelector('.tab-pages').style.height = `${activeContent.scrollHeight}px`;
@@ -121168,6 +121167,9 @@ class nxSplitter extends HTMLElement {
121168
121167
  };
121169
121168
 
121170
121169
  #prepareLayout = () => {
121170
+
121171
+
121172
+
121171
121173
  const isHorizontal = this.#mode === "h";
121172
121174
  const splitterSize = isHorizontal ? this.offsetWidth : this.offsetHeight;
121173
121175
  const prev = this.previousElementSibling;
@@ -121191,6 +121193,8 @@ class nxSplitter extends HTMLElement {
121191
121193
  const newPrevSize = (totalPanelSize + splitterSize) * prevRatio;
121192
121194
  const newNextSize = totalPanelSize - newPrevSize;
121193
121195
 
121196
+ console.log(newPrevSize, newNextSize);
121197
+
121194
121198
  if (isHorizontal) {
121195
121199
  prev.style.width = `${newPrevSize}px`;
121196
121200
  //this.style.width = `${splitterSize}px`;
package/dist/bundle.esm.js CHANGED
@@ -120959,7 +120959,6 @@ class nxTab extends HTMLElement {
120959
120959
  this.shadowRoot.querySelectorAll('.tab-page:not(.active)').forEach(el => { el.classList.add('exit-right'); });
120960
120960
 
120961
120961
  const resizeObserver = new ResizeObserver(() => {
120962
- console.log("111");
120963
120962
  const activeContent = this.shadowRoot.querySelector('.tab-page.active');
120964
120963
  if (activeContent) {
120965
120964
  this.shadowRoot.querySelector('.tab-pages').style.height = `${activeContent.scrollHeight}px`;
@@ -121164,6 +121163,9 @@ class nxSplitter extends HTMLElement {
121164
121163
  };
121165
121164
 
121166
121165
  #prepareLayout = () => {
121166
+
121167
+
121168
+
121167
121169
  const isHorizontal = this.#mode === "h";
121168
121170
  const splitterSize = isHorizontal ? this.offsetWidth : this.offsetHeight;
121169
121171
  const prev = this.previousElementSibling;
@@ -121187,6 +121189,8 @@ class nxSplitter extends HTMLElement {
121187
121189
  const newPrevSize = (totalPanelSize + splitterSize) * prevRatio;
121188
121190
  const newNextSize = totalPanelSize - newPrevSize;
121189
121191
 
121192
+ console.log(newPrevSize, newNextSize);
121193
+
121190
121194
  if (isHorizontal) {
121191
121195
  prev.style.width = `${newPrevSize}px`;
121192
121196
  //this.style.width = `${splitterSize}px`;
package/dist/nx/nxSplitter.js CHANGED
@@ -180,6 +180,9 @@ class nxSplitter extends HTMLElement {
180
180
  };
181
181
 
182
182
  #prepareLayout = () => {
183
+
184
+
185
+
183
186
  const isHorizontal = this.#mode === "h";
184
187
  const splitterSize = isHorizontal ? this.offsetWidth : this.offsetHeight;
185
188
  const prev = this.previousElementSibling;
@@ -207,6 +210,8 @@ class nxSplitter extends HTMLElement {
207
210
  const newPrevSize = (totalPanelSize + splitterSize) * prevRatio;
208
211
  const newNextSize = totalPanelSize - newPrevSize;
209
212
 
213
+ console.log(newPrevSize, newNextSize);
214
+
210
215
  if (isHorizontal) {
211
216
  prev.style.width = `${newPrevSize}px`;
212
217
  //this.style.width = `${splitterSize}px`;
package/dist/nx/nxTab.js CHANGED
@@ -115,7 +115,6 @@ class nxTab extends HTMLElement {
115
115
  this.shadowRoot.querySelectorAll('.tab-page:not(.active)').forEach(el => { el.classList.add('exit-right') });
116
116
 
117
117
  const resizeObserver = new ResizeObserver(() => {
118
- console.log("111");
119
118
  const activeContent = this.shadowRoot.querySelector('.tab-page.active');
120
119
  if (activeContent) {
121
120
  this.shadowRoot.querySelector('.tab-pages').style.height = `${activeContent.scrollHeight}px`;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.752.0",
4
+ "version": "6.753.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
package/src/nx/nxSplitter.js CHANGED
@@ -180,6 +180,9 @@ class nxSplitter extends HTMLElement {
180
180
  };
181
181
 
182
182
  #prepareLayout = () => {
183
+
184
+
185
+
183
186
  const isHorizontal = this.#mode === "h";
184
187
  const splitterSize = isHorizontal ? this.offsetWidth : this.offsetHeight;
185
188
  const prev = this.previousElementSibling;
@@ -207,6 +210,8 @@ class nxSplitter extends HTMLElement {
207
210
  const newPrevSize = (totalPanelSize + splitterSize) * prevRatio;
208
211
  const newNextSize = totalPanelSize - newPrevSize;
209
212
 
213
+ console.log(newPrevSize, newNextSize);
214
+
210
215
  if (isHorizontal) {
211
216
  prev.style.width = `${newPrevSize}px`;
212
217
  //this.style.width = `${splitterSize}px`;
package/src/nx/nxTab.js CHANGED
@@ -115,7 +115,6 @@ class nxTab extends HTMLElement {
115
115
  this.shadowRoot.querySelectorAll('.tab-page:not(.active)').forEach(el => { el.classList.add('exit-right') });
116
116
 
117
117
  const resizeObserver = new ResizeObserver(() => {
118
- console.log("111");
119
118
  const activeContent = this.shadowRoot.querySelector('.tab-page.active');
120
119
  if (activeContent) {
121
120
  this.shadowRoot.querySelector('.tab-pages').style.height = `${activeContent.scrollHeight}px`;