ninegrid2 6.1115.0 → 6.1117.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 (5) hide show
  1. package/dist/bundle.cjs.js +13 -9
  2. package/dist/bundle.esm.js +13 -9
  3. package/dist/nx/nxLayout2.js +13 -9
  4. package/package.json +1 -1
  5. package/src/nx/nxLayout2.js +13 -9
package/dist/bundle.cjs.js CHANGED
@@ -121989,9 +121989,10 @@ class NxLayout2 extends HTMLElement {
121989
121989
  const numRows = columnsLayout.length;
121990
121990
 
121991
121991
  // 메인 컨테이너를 Flexbox로 설정
121992
- this.style.display = 'flex';
121993
- this.style.flexDirection = 'column'; // 'flex-direction' 대신 CamelCase 사용
121994
- this.style.width = '100%';
121992
+ //*this.style.display = 'flex';
121993
+ //*this.style.flexDirection = 'column'; // 'flex-direction' 대신 CamelCase 사용
121994
+ //*this.style.width = '100%';
121995
+ //*this.style.textAlign = 'left';
121995
121996
  //this.style.height = '100%';
121996
121997
  //this.style.overflow = 'hidden'; // 부모 요소에 스크롤 방지
121997
121998
 
@@ -122002,18 +122003,21 @@ class NxLayout2 extends HTMLElement {
122002
122003
 
122003
122004
  // 행 래퍼 생성
122004
122005
  const rowWrapper = document.createElement('div');
122005
- rowWrapper.style.display = 'flex';
122006
- rowWrapper.style.flex = "1 1 0";//`1 1 ${flexBasis}%`; // 모든 행이 균등한 높이를 갖도록 설정
122007
- rowWrapper.style.width = '100%';
122006
+ rowWrapper.classList.add('row');
122007
+ //*rowWrapper.style.display = 'flex';
122008
+ //*rowWrapper.style.flex = "1 1 0";//`1 1 ${flexBasis}%`; // 모든 행이 균등한 높이를 갖도록 설정
122009
+ //*rowWrapper.style.width = '100%';
122008
122010
  //rowWrapper.style.minWidth = '0';
122009
122011
  //rowWrapper.style.minHeight = '0';
122010
122012
  //rowWrapper.style.gap = '8px'; // Flexbox 간격 설정
122011
122013
 
122012
122014
  for (let col = 0; col < numColumns; col++) {
122013
122015
  if (children[childIndex]) {
122014
- const panel = children[childIndex];
122015
- panel.style.flex = '1 1 0'; // Flexbox 환경에 맞게 flex 속성 추가
122016
- rowWrapper.appendChild(panel);
122016
+ const child = children[childIndex];
122017
+ child.classList.add('child');
122018
+ //*panel.style.display = 'flex';
122019
+ //*panel.style.flex = '1 1 0'; // Flexbox 환경에 맞게 flex 속성 추가
122020
+ rowWrapper.appendChild(child);
122017
122021
  childIndex++;
122018
122022
  }
122019
122023
  }
package/dist/bundle.esm.js CHANGED
@@ -121985,9 +121985,10 @@ class NxLayout2 extends HTMLElement {
121985
121985
  const numRows = columnsLayout.length;
121986
121986
 
121987
121987
  // 메인 컨테이너를 Flexbox로 설정
121988
- this.style.display = 'flex';
121989
- this.style.flexDirection = 'column'; // 'flex-direction' 대신 CamelCase 사용
121990
- this.style.width = '100%';
121988
+ //*this.style.display = 'flex';
121989
+ //*this.style.flexDirection = 'column'; // 'flex-direction' 대신 CamelCase 사용
121990
+ //*this.style.width = '100%';
121991
+ //*this.style.textAlign = 'left';
121991
121992
  //this.style.height = '100%';
121992
121993
  //this.style.overflow = 'hidden'; // 부모 요소에 스크롤 방지
121993
121994
 
@@ -121998,18 +121999,21 @@ class NxLayout2 extends HTMLElement {
121998
121999
 
121999
122000
  // 행 래퍼 생성
122000
122001
  const rowWrapper = document.createElement('div');
122001
- rowWrapper.style.display = 'flex';
122002
- rowWrapper.style.flex = "1 1 0";//`1 1 ${flexBasis}%`; // 모든 행이 균등한 높이를 갖도록 설정
122003
- rowWrapper.style.width = '100%';
122002
+ rowWrapper.classList.add('row');
122003
+ //*rowWrapper.style.display = 'flex';
122004
+ //*rowWrapper.style.flex = "1 1 0";//`1 1 ${flexBasis}%`; // 모든 행이 균등한 높이를 갖도록 설정
122005
+ //*rowWrapper.style.width = '100%';
122004
122006
  //rowWrapper.style.minWidth = '0';
122005
122007
  //rowWrapper.style.minHeight = '0';
122006
122008
  //rowWrapper.style.gap = '8px'; // Flexbox 간격 설정
122007
122009
 
122008
122010
  for (let col = 0; col < numColumns; col++) {
122009
122011
  if (children[childIndex]) {
122010
- const panel = children[childIndex];
122011
- panel.style.flex = '1 1 0'; // Flexbox 환경에 맞게 flex 속성 추가
122012
- rowWrapper.appendChild(panel);
122012
+ const child = children[childIndex];
122013
+ child.classList.add('child');
122014
+ //*panel.style.display = 'flex';
122015
+ //*panel.style.flex = '1 1 0'; // Flexbox 환경에 맞게 flex 속성 추가
122016
+ rowWrapper.appendChild(child);
122013
122017
  childIndex++;
122014
122018
  }
122015
122019
  }
package/dist/nx/nxLayout2.js CHANGED
@@ -36,9 +36,10 @@ class NxLayout2 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%';
39
+ //*this.style.display = 'flex';
40
+ //*this.style.flexDirection = 'column'; // 'flex-direction' 대신 CamelCase 사용
41
+ //*this.style.width = '100%';
42
+ //*this.style.textAlign = 'left';
42
43
  //this.style.height = '100%';
43
44
  //this.style.overflow = 'hidden'; // 부모 요소에 스크롤 방지
44
45
 
@@ -50,18 +51,21 @@ class NxLayout2 extends HTMLElement {
50
51
 
51
52
  // 행 래퍼 생성
52
53
  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%';
54
+ rowWrapper.classList.add('row');
55
+ //*rowWrapper.style.display = 'flex';
56
+ //*rowWrapper.style.flex = "1 1 0";//`1 1 ${flexBasis}%`; // 모든 행이 균등한 높이를 갖도록 설정
57
+ //*rowWrapper.style.width = '100%';
56
58
  //rowWrapper.style.minWidth = '0';
57
59
  //rowWrapper.style.minHeight = '0';
58
60
  //rowWrapper.style.gap = '8px'; // Flexbox 간격 설정
59
61
 
60
62
  for (let col = 0; col < numColumns; col++) {
61
63
  if (children[childIndex]) {
62
- const panel = children[childIndex];
63
- panel.style.flex = '1 1 0'; // Flexbox 환경에 맞게 flex 속성 추가
64
- rowWrapper.appendChild(panel);
64
+ const child = children[childIndex];
65
+ child.classList.add('child');
66
+ //*panel.style.display = 'flex';
67
+ //*panel.style.flex = '1 1 0'; // Flexbox 환경에 맞게 flex 속성 추가
68
+ rowWrapper.appendChild(child);
65
69
  childIndex++;
66
70
  }
67
71
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.1115.0",
4
+ "version": "6.1117.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
package/src/nx/nxLayout2.js CHANGED
@@ -36,9 +36,10 @@ class NxLayout2 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%';
39
+ //*this.style.display = 'flex';
40
+ //*this.style.flexDirection = 'column'; // 'flex-direction' 대신 CamelCase 사용
41
+ //*this.style.width = '100%';
42
+ //*this.style.textAlign = 'left';
42
43
  //this.style.height = '100%';
43
44
  //this.style.overflow = 'hidden'; // 부모 요소에 스크롤 방지
44
45
 
@@ -50,18 +51,21 @@ class NxLayout2 extends HTMLElement {
50
51
 
51
52
  // 행 래퍼 생성
52
53
  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%';
54
+ rowWrapper.classList.add('row');
55
+ //*rowWrapper.style.display = 'flex';
56
+ //*rowWrapper.style.flex = "1 1 0";//`1 1 ${flexBasis}%`; // 모든 행이 균등한 높이를 갖도록 설정
57
+ //*rowWrapper.style.width = '100%';
56
58
  //rowWrapper.style.minWidth = '0';
57
59
  //rowWrapper.style.minHeight = '0';
58
60
  //rowWrapper.style.gap = '8px'; // Flexbox 간격 설정
59
61
 
60
62
  for (let col = 0; col < numColumns; col++) {
61
63
  if (children[childIndex]) {
62
- const panel = children[childIndex];
63
- panel.style.flex = '1 1 0'; // Flexbox 환경에 맞게 flex 속성 추가
64
- rowWrapper.appendChild(panel);
64
+ const child = children[childIndex];
65
+ child.classList.add('child');
66
+ //*panel.style.display = 'flex';
67
+ //*panel.style.flex = '1 1 0'; // Flexbox 환경에 맞게 flex 속성 추가
68
+ rowWrapper.appendChild(child);
65
69
  childIndex++;
66
70
  }
67
71
  }