ninegrid2 6.1110.0 → 6.1111.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 +5 -2
  2. package/dist/bundle.esm.js +5 -2
  3. package/dist/nx/nxLayout2.js +5 -2
  4. package/package.json +1 -1
  5. package/src/nx/nxLayout2.js +5 -2
package/dist/bundle.cjs.js CHANGED
@@ -122006,14 +122006,17 @@ class NxLayout2 extends HTMLElement {
122006
122006
  rowWrapper.style.flex = "1 1 0";
122007
122007
  rowWrapper.style.width = '100%';
122008
122008
  rowWrapper.style.gap = "4px";
122009
- // ⭐⭐ rowWrapper에 flex-wrap: wrap 적용 ⭐⭐
122010
122009
  rowWrapper.style.flexWrap = "wrap";
122011
122010
  rowWrapper.style.textAlign = "left";
122011
+ rowWrapper.style.minWidth = '0';
122012
+ rowWrapper.style.minHeight = '0';
122012
122013
 
122013
122014
  for (let col = 0; col < numColumns; col++) {
122014
122015
  if (children[childIndex]) {
122015
122016
  const panel = children[childIndex];
122016
- // ⭐⭐ 패널의 flex-basis를 설정하여 반응형 크기 조절 ⭐⭐
122017
+ // ⭐⭐ flex-basis를 설정하여 반응형 크기 조절 ⭐⭐
122018
+ // 여기서는 numColumns가 2일 때 50%가 되어 한 줄에 2개가 배치됨.
122019
+ // 만약 2줄로 나누고 싶다면, numColumns를 2배로 설정하면 됨.
122017
122020
  const panelFlexBasis = 100 / numColumns;
122018
122021
  panel.style.flex = `1 1 ${panelFlexBasis}%`;
122019
122022
  panel.style.minWidth = '0';
package/dist/bundle.esm.js CHANGED
@@ -122002,14 +122002,17 @@ class NxLayout2 extends HTMLElement {
122002
122002
  rowWrapper.style.flex = "1 1 0";
122003
122003
  rowWrapper.style.width = '100%';
122004
122004
  rowWrapper.style.gap = "4px";
122005
- // ⭐⭐ rowWrapper에 flex-wrap: wrap 적용 ⭐⭐
122006
122005
  rowWrapper.style.flexWrap = "wrap";
122007
122006
  rowWrapper.style.textAlign = "left";
122007
+ rowWrapper.style.minWidth = '0';
122008
+ rowWrapper.style.minHeight = '0';
122008
122009
 
122009
122010
  for (let col = 0; col < numColumns; col++) {
122010
122011
  if (children[childIndex]) {
122011
122012
  const panel = children[childIndex];
122012
- // ⭐⭐ 패널의 flex-basis를 설정하여 반응형 크기 조절 ⭐⭐
122013
+ // ⭐⭐ flex-basis를 설정하여 반응형 크기 조절 ⭐⭐
122014
+ // 여기서는 numColumns가 2일 때 50%가 되어 한 줄에 2개가 배치됨.
122015
+ // 만약 2줄로 나누고 싶다면, numColumns를 2배로 설정하면 됨.
122013
122016
  const panelFlexBasis = 100 / numColumns;
122014
122017
  panel.style.flex = `1 1 ${panelFlexBasis}%`;
122015
122018
  panel.style.minWidth = '0';
package/dist/nx/nxLayout2.js CHANGED
@@ -54,14 +54,17 @@ class NxLayout2 extends HTMLElement {
54
54
  rowWrapper.style.flex = "1 1 0";
55
55
  rowWrapper.style.width = '100%';
56
56
  rowWrapper.style.gap = "4px";
57
- // ⭐⭐ rowWrapper에 flex-wrap: wrap 적용 ⭐⭐
58
57
  rowWrapper.style.flexWrap = "wrap";
59
58
  rowWrapper.style.textAlign = "left";
59
+ rowWrapper.style.minWidth = '0';
60
+ rowWrapper.style.minHeight = '0';
60
61
 
61
62
  for (let col = 0; col < numColumns; col++) {
62
63
  if (children[childIndex]) {
63
64
  const panel = children[childIndex];
64
- // ⭐⭐ 패널의 flex-basis를 설정하여 반응형 크기 조절 ⭐⭐
65
+ // ⭐⭐ flex-basis를 설정하여 반응형 크기 조절 ⭐⭐
66
+ // 여기서는 numColumns가 2일 때 50%가 되어 한 줄에 2개가 배치됨.
67
+ // 만약 2줄로 나누고 싶다면, numColumns를 2배로 설정하면 됨.
65
68
  const panelFlexBasis = 100 / numColumns;
66
69
  panel.style.flex = `1 1 ${panelFlexBasis}%`;
67
70
  panel.style.minWidth = '0';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.1110.0",
4
+ "version": "6.1111.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
package/src/nx/nxLayout2.js CHANGED
@@ -54,14 +54,17 @@ class NxLayout2 extends HTMLElement {
54
54
  rowWrapper.style.flex = "1 1 0";
55
55
  rowWrapper.style.width = '100%';
56
56
  rowWrapper.style.gap = "4px";
57
- // ⭐⭐ rowWrapper에 flex-wrap: wrap 적용 ⭐⭐
58
57
  rowWrapper.style.flexWrap = "wrap";
59
58
  rowWrapper.style.textAlign = "left";
59
+ rowWrapper.style.minWidth = '0';
60
+ rowWrapper.style.minHeight = '0';
60
61
 
61
62
  for (let col = 0; col < numColumns; col++) {
62
63
  if (children[childIndex]) {
63
64
  const panel = children[childIndex];
64
- // ⭐⭐ 패널의 flex-basis를 설정하여 반응형 크기 조절 ⭐⭐
65
+ // ⭐⭐ flex-basis를 설정하여 반응형 크기 조절 ⭐⭐
66
+ // 여기서는 numColumns가 2일 때 50%가 되어 한 줄에 2개가 배치됨.
67
+ // 만약 2줄로 나누고 싶다면, numColumns를 2배로 설정하면 됨.
65
68
  const panelFlexBasis = 100 / numColumns;
66
69
  panel.style.flex = `1 1 ${panelFlexBasis}%`;
67
70
  panel.style.minWidth = '0';