ninegrid2 6.1117.0 → 6.1119.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 +11 -10
  2. package/dist/bundle.esm.js +11 -10
  3. package/dist/nx/nxLayout.js +10 -9
  4. package/dist/nx/nxLayout2.js +1 -1
  5. package/package.json +1 -1
  6. package/src/nx/nxLayout.js +10 -9
  7. package/src/nx/nxLayout2.js +1 -1
package/dist/bundle.cjs.js CHANGED
@@ -121906,10 +121906,10 @@ class NxLayout extends HTMLElement {
121906
121906
  const numRows = columnsLayout.length;
121907
121907
 
121908
121908
  // 메인 컨테이너를 Flexbox로 설정
121909
- this.style.display = 'flex';
121910
- this.style.flexDirection = 'column'; // 'flex-direction' 대신 CamelCase 사용
121911
- this.style.width = '100%';
121912
- this.style.height = '100%';
121909
+ //*this.style.display = 'flex';
121910
+ //*this.style.flexDirection = 'column'; // 'flex-direction' 대신 CamelCase 사용
121911
+ //*this.style.width = '100%';
121912
+ //*this.style.height = '100%';
121913
121913
  //this.style.overflow = 'hidden'; // 부모 요소에 스크롤 방지
121914
121914
 
121915
121915
  let childIndex = 0;
@@ -121919,9 +121919,10 @@ class NxLayout extends HTMLElement {
121919
121919
 
121920
121920
  // 행 래퍼 생성
121921
121921
  const rowWrapper = document.createElement('div');
121922
- rowWrapper.style.display = 'flex';
121923
- rowWrapper.style.flex = "1 1 0";//`1 1 ${flexBasis}%`; // 모든 행이 균등한 높이를 갖도록 설정
121924
- rowWrapper.style.width = '100%';
121922
+ rowWrapper.classList.add('row');
121923
+ //*rowWrapper.style.display = 'flex';
121924
+ //*rowWrapper.style.flex = "1 1 0";//`1 1 ${flexBasis}%`; // 모든 행이 균등한 높이를 갖도록 설정
121925
+ //*rowWrapper.style.width = '100%';
121925
121926
  //rowWrapper.style.minWidth = '0';
121926
121927
  //rowWrapper.style.minHeight = '0';
121927
121928
  //rowWrapper.style.gap = '8px'; // Flexbox 간격 설정
@@ -121929,13 +121930,13 @@ class NxLayout extends HTMLElement {
121929
121930
  for (let col = 0; col < numColumns; col++) {
121930
121931
  if (children[childIndex]) {
121931
121932
  const panel = children[childIndex];
121932
- panel.style.flex = '1 1 0'; // Flexbox 환경에 맞게 flex 속성 추가
121933
+ //*panel.style.flex = '1 1 0'; // Flexbox 환경에 맞게 flex 속성 추가
121933
121934
  rowWrapper.appendChild(panel);
121934
121935
  childIndex++;
121935
121936
  }
121936
121937
  if (col < numColumns - 1) {
121937
121938
  const splitter = document.createElement('nx-splitter');
121938
- splitter.classList.add("h");
121939
+ //splitter.classList.add("h");
121939
121940
  rowWrapper.appendChild(splitter);
121940
121941
  }
121941
121942
  }
@@ -122014,7 +122015,7 @@ class NxLayout2 extends HTMLElement {
122014
122015
  for (let col = 0; col < numColumns; col++) {
122015
122016
  if (children[childIndex]) {
122016
122017
  const child = children[childIndex];
122017
- child.classList.add('child');
122018
+ //child.classList.add('child');
122018
122019
  //*panel.style.display = 'flex';
122019
122020
  //*panel.style.flex = '1 1 0'; // Flexbox 환경에 맞게 flex 속성 추가
122020
122021
  rowWrapper.appendChild(child);
package/dist/bundle.esm.js CHANGED
@@ -121902,10 +121902,10 @@ class NxLayout extends HTMLElement {
121902
121902
  const numRows = columnsLayout.length;
121903
121903
 
121904
121904
  // 메인 컨테이너를 Flexbox로 설정
121905
- this.style.display = 'flex';
121906
- this.style.flexDirection = 'column'; // 'flex-direction' 대신 CamelCase 사용
121907
- this.style.width = '100%';
121908
- this.style.height = '100%';
121905
+ //*this.style.display = 'flex';
121906
+ //*this.style.flexDirection = 'column'; // 'flex-direction' 대신 CamelCase 사용
121907
+ //*this.style.width = '100%';
121908
+ //*this.style.height = '100%';
121909
121909
  //this.style.overflow = 'hidden'; // 부모 요소에 스크롤 방지
121910
121910
 
121911
121911
  let childIndex = 0;
@@ -121915,9 +121915,10 @@ class NxLayout extends HTMLElement {
121915
121915
 
121916
121916
  // 행 래퍼 생성
121917
121917
  const rowWrapper = document.createElement('div');
121918
- rowWrapper.style.display = 'flex';
121919
- rowWrapper.style.flex = "1 1 0";//`1 1 ${flexBasis}%`; // 모든 행이 균등한 높이를 갖도록 설정
121920
- rowWrapper.style.width = '100%';
121918
+ rowWrapper.classList.add('row');
121919
+ //*rowWrapper.style.display = 'flex';
121920
+ //*rowWrapper.style.flex = "1 1 0";//`1 1 ${flexBasis}%`; // 모든 행이 균등한 높이를 갖도록 설정
121921
+ //*rowWrapper.style.width = '100%';
121921
121922
  //rowWrapper.style.minWidth = '0';
121922
121923
  //rowWrapper.style.minHeight = '0';
121923
121924
  //rowWrapper.style.gap = '8px'; // Flexbox 간격 설정
@@ -121925,13 +121926,13 @@ class NxLayout extends HTMLElement {
121925
121926
  for (let col = 0; col < numColumns; col++) {
121926
121927
  if (children[childIndex]) {
121927
121928
  const panel = children[childIndex];
121928
- panel.style.flex = '1 1 0'; // Flexbox 환경에 맞게 flex 속성 추가
121929
+ //*panel.style.flex = '1 1 0'; // Flexbox 환경에 맞게 flex 속성 추가
121929
121930
  rowWrapper.appendChild(panel);
121930
121931
  childIndex++;
121931
121932
  }
121932
121933
  if (col < numColumns - 1) {
121933
121934
  const splitter = document.createElement('nx-splitter');
121934
- splitter.classList.add("h");
121935
+ //splitter.classList.add("h");
121935
121936
  rowWrapper.appendChild(splitter);
121936
121937
  }
121937
121938
  }
@@ -122010,7 +122011,7 @@ class NxLayout2 extends HTMLElement {
122010
122011
  for (let col = 0; col < numColumns; col++) {
122011
122012
  if (children[childIndex]) {
122012
122013
  const child = children[childIndex];
122013
- child.classList.add('child');
122014
+ //child.classList.add('child');
122014
122015
  //*panel.style.display = 'flex';
122015
122016
  //*panel.style.flex = '1 1 0'; // Flexbox 환경에 맞게 flex 속성 추가
122016
122017
  rowWrapper.appendChild(child);
package/dist/nx/nxLayout.js CHANGED
@@ -36,10 +36,10 @@ class NxLayout extends HTMLElement {
36
36
  const numRows = columnsLayout.length;
37
37
 
38
38
  // 메인 컨테이너를 Flexbox로 설정
39
- this.style.display = 'flex';
40
- this.style.flexDirection = 'column'; // 'flex-direction' 대신 CamelCase 사용
41
- this.style.width = '100%';
42
- this.style.height = '100%';
39
+ //*this.style.display = 'flex';
40
+ //*this.style.flexDirection = 'column'; // 'flex-direction' 대신 CamelCase 사용
41
+ //*this.style.width = '100%';
42
+ //*this.style.height = '100%';
43
43
  //this.style.overflow = 'hidden'; // 부모 요소에 스크롤 방지
44
44
 
45
45
  let childIndex = 0;
@@ -50,9 +50,10 @@ class NxLayout extends HTMLElement {
50
50
 
51
51
  // 행 래퍼 생성
52
52
  const rowWrapper = document.createElement('div');
53
- rowWrapper.style.display = 'flex';
54
- rowWrapper.style.flex = "1 1 0";//`1 1 ${flexBasis}%`; // 모든 행이 균등한 높이를 갖도록 설정
55
- rowWrapper.style.width = '100%';
53
+ rowWrapper.classList.add('row');
54
+ //*rowWrapper.style.display = 'flex';
55
+ //*rowWrapper.style.flex = "1 1 0";//`1 1 ${flexBasis}%`; // 모든 행이 균등한 높이를 갖도록 설정
56
+ //*rowWrapper.style.width = '100%';
56
57
  //rowWrapper.style.minWidth = '0';
57
58
  //rowWrapper.style.minHeight = '0';
58
59
  //rowWrapper.style.gap = '8px'; // Flexbox 간격 설정
@@ -60,13 +61,13 @@ class NxLayout extends HTMLElement {
60
61
  for (let col = 0; col < numColumns; col++) {
61
62
  if (children[childIndex]) {
62
63
  const panel = children[childIndex];
63
- panel.style.flex = '1 1 0'; // Flexbox 환경에 맞게 flex 속성 추가
64
+ //*panel.style.flex = '1 1 0'; // Flexbox 환경에 맞게 flex 속성 추가
64
65
  rowWrapper.appendChild(panel);
65
66
  childIndex++;
66
67
  }
67
68
  if (col < numColumns - 1) {
68
69
  const splitter = document.createElement('nx-splitter');
69
- splitter.classList.add("h");
70
+ //splitter.classList.add("h");
70
71
  rowWrapper.appendChild(splitter);
71
72
  }
72
73
  }
package/dist/nx/nxLayout2.js CHANGED
@@ -62,7 +62,7 @@ class NxLayout2 extends HTMLElement {
62
62
  for (let col = 0; col < numColumns; col++) {
63
63
  if (children[childIndex]) {
64
64
  const child = children[childIndex];
65
- child.classList.add('child');
65
+ //child.classList.add('child');
66
66
  //*panel.style.display = 'flex';
67
67
  //*panel.style.flex = '1 1 0'; // Flexbox 환경에 맞게 flex 속성 추가
68
68
  rowWrapper.appendChild(child);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.1117.0",
4
+ "version": "6.1119.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
package/src/nx/nxLayout.js CHANGED
@@ -36,10 +36,10 @@ class NxLayout extends HTMLElement {
36
36
  const numRows = columnsLayout.length;
37
37
 
38
38
  // 메인 컨테이너를 Flexbox로 설정
39
- this.style.display = 'flex';
40
- this.style.flexDirection = 'column'; // 'flex-direction' 대신 CamelCase 사용
41
- this.style.width = '100%';
42
- this.style.height = '100%';
39
+ //*this.style.display = 'flex';
40
+ //*this.style.flexDirection = 'column'; // 'flex-direction' 대신 CamelCase 사용
41
+ //*this.style.width = '100%';
42
+ //*this.style.height = '100%';
43
43
  //this.style.overflow = 'hidden'; // 부모 요소에 스크롤 방지
44
44
 
45
45
  let childIndex = 0;
@@ -50,9 +50,10 @@ class NxLayout extends HTMLElement {
50
50
 
51
51
  // 행 래퍼 생성
52
52
  const rowWrapper = document.createElement('div');
53
- rowWrapper.style.display = 'flex';
54
- rowWrapper.style.flex = "1 1 0";//`1 1 ${flexBasis}%`; // 모든 행이 균등한 높이를 갖도록 설정
55
- rowWrapper.style.width = '100%';
53
+ rowWrapper.classList.add('row');
54
+ //*rowWrapper.style.display = 'flex';
55
+ //*rowWrapper.style.flex = "1 1 0";//`1 1 ${flexBasis}%`; // 모든 행이 균등한 높이를 갖도록 설정
56
+ //*rowWrapper.style.width = '100%';
56
57
  //rowWrapper.style.minWidth = '0';
57
58
  //rowWrapper.style.minHeight = '0';
58
59
  //rowWrapper.style.gap = '8px'; // Flexbox 간격 설정
@@ -60,13 +61,13 @@ class NxLayout extends HTMLElement {
60
61
  for (let col = 0; col < numColumns; col++) {
61
62
  if (children[childIndex]) {
62
63
  const panel = children[childIndex];
63
- panel.style.flex = '1 1 0'; // Flexbox 환경에 맞게 flex 속성 추가
64
+ //*panel.style.flex = '1 1 0'; // Flexbox 환경에 맞게 flex 속성 추가
64
65
  rowWrapper.appendChild(panel);
65
66
  childIndex++;
66
67
  }
67
68
  if (col < numColumns - 1) {
68
69
  const splitter = document.createElement('nx-splitter');
69
- splitter.classList.add("h");
70
+ //splitter.classList.add("h");
70
71
  rowWrapper.appendChild(splitter);
71
72
  }
72
73
  }
package/src/nx/nxLayout2.js CHANGED
@@ -62,7 +62,7 @@ class NxLayout2 extends HTMLElement {
62
62
  for (let col = 0; col < numColumns; col++) {
63
63
  if (children[childIndex]) {
64
64
  const child = children[childIndex];
65
- child.classList.add('child');
65
+ //child.classList.add('child');
66
66
  //*panel.style.display = 'flex';
67
67
  //*panel.style.flex = '1 1 0'; // Flexbox 환경에 맞게 flex 속성 추가
68
68
  rowWrapper.appendChild(child);