ninegrid2 6.185.0 → 6.187.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.
@@ -10737,18 +10737,14 @@ class ninegrid {
10737
10737
 
10738
10738
  while (currentElement) {
10739
10739
 
10740
- //console.log(currentElement);
10741
10740
  if (currentElement.matches(selector)) return currentElement;
10742
10741
 
10743
- // ✅ Shadow Root 가지고 있는 경우 내부에서 탐색
10744
- if (currentElement.shadowRoot) {
10745
- const found = currentElement.shadowRoot.querySelector(selector);
10746
- if (found) return found;
10747
- }
10742
+ // ✅ Shadow Root 내부에서 `selector`를 찾음
10743
+ if (currentElement.shadowRoot) ;
10748
10744
 
10749
- currentElement = currentElement.getRootNode()?.host || null; // ✅ Shadow DOM 내부 탐색
10745
+ // ✅ Shadow Root를 넘어가 부모 요소 탐색
10746
+ currentElement = currentElement.getRootNode()?.host || currentElement.parentElement || null;
10750
10747
  }
10751
-
10752
10748
  return null;
10753
10749
  },
10754
10750
  querySelectorAll: (selector) => {
@@ -18465,7 +18461,7 @@ class ngFilterPanel extends HTMLElement
18465
18461
  const owner = this.shadow.closest("nine-grid");
18466
18462
  const colnms = [...new Set(filterButton.filterOptions.map(item => item.colnm))];
18467
18463
 
18468
- console.log(this, owner, filterButton.filterOptions, colnms);
18464
+ //console.log(this, owner, filterButton.filterOptions, colnms);
18469
18465
 
18470
18466
  var col = filterButton.closest('th,td').dataset.col;
18471
18467
  this.col = col;
@@ -18491,13 +18487,14 @@ class ngFilterPanel extends HTMLElement
18491
18487
 
18492
18488
  let data = owner.data.getValidDataNF();
18493
18489
 
18494
- //console.log(data);
18490
+ console.log(data);
18495
18491
 
18496
- owner.body.querySelectorAll(`th[data-col]:not([data-col="${col}"]),td[data-col]:not([data-col="${col}"])`).forEach(td => {
18497
- const el = td.querySelector("ng-filter-button");
18498
- console.log(owner, td, el);
18492
+ owner.body.querySelectorAll("ng-filter-button").forEach(el => {
18493
+ console.log(el);
18494
+ if (el.closest('th,td').dataset.col != col || el.filterOptions) {
18495
+
18496
+ console.log("================", el.filterOptions);
18499
18497
 
18500
- if (el && el.filterOptions) {
18501
18498
  el.filterOptions.forEach(filterOption => {
18502
18499
  var idx = owner.fields.indexOf(filterOption.colnm);
18503
18500
 
@@ -10735,18 +10735,14 @@ class ninegrid {
10735
10735
 
10736
10736
  while (currentElement) {
10737
10737
 
10738
- //console.log(currentElement);
10739
10738
  if (currentElement.matches(selector)) return currentElement;
10740
10739
 
10741
- // ✅ Shadow Root 가지고 있는 경우 내부에서 탐색
10742
- if (currentElement.shadowRoot) {
10743
- const found = currentElement.shadowRoot.querySelector(selector);
10744
- if (found) return found;
10745
- }
10740
+ // ✅ Shadow Root 내부에서 `selector`를 찾음
10741
+ if (currentElement.shadowRoot) ;
10746
10742
 
10747
- currentElement = currentElement.getRootNode()?.host || null; // ✅ Shadow DOM 내부 탐색
10743
+ // ✅ Shadow Root를 넘어가 부모 요소 탐색
10744
+ currentElement = currentElement.getRootNode()?.host || currentElement.parentElement || null;
10748
10745
  }
10749
-
10750
10746
  return null;
10751
10747
  },
10752
10748
  querySelectorAll: (selector) => {
@@ -18463,7 +18459,7 @@ class ngFilterPanel extends HTMLElement
18463
18459
  const owner = this.shadow.closest("nine-grid");
18464
18460
  const colnms = [...new Set(filterButton.filterOptions.map(item => item.colnm))];
18465
18461
 
18466
- console.log(this, owner, filterButton.filterOptions, colnms);
18462
+ //console.log(this, owner, filterButton.filterOptions, colnms);
18467
18463
 
18468
18464
  var col = filterButton.closest('th,td').dataset.col;
18469
18465
  this.col = col;
@@ -18489,13 +18485,14 @@ class ngFilterPanel extends HTMLElement
18489
18485
 
18490
18486
  let data = owner.data.getValidDataNF();
18491
18487
 
18492
- //console.log(data);
18488
+ console.log(data);
18493
18489
 
18494
- owner.body.querySelectorAll(`th[data-col]:not([data-col="${col}"]),td[data-col]:not([data-col="${col}"])`).forEach(td => {
18495
- const el = td.querySelector("ng-filter-button");
18496
- console.log(owner, td, el);
18490
+ owner.body.querySelectorAll("ng-filter-button").forEach(el => {
18491
+ console.log(el);
18492
+ if (el.closest('th,td').dataset.col != col || el.filterOptions) {
18493
+
18494
+ console.log("================", el.filterOptions);
18497
18495
 
18498
- if (el && el.filterOptions) {
18499
18496
  el.filterOptions.forEach(filterOption => {
18500
18497
  var idx = owner.fields.indexOf(filterOption.colnm);
18501
18498
 
@@ -531,7 +531,7 @@ class ngFilterPanel extends HTMLElement
531
531
  const owner = this.shadow.closest("nine-grid");
532
532
  const colnms = [...new Set(filterButton.filterOptions.map(item => item.colnm))];
533
533
 
534
- console.log(this, owner, filterButton.filterOptions, colnms);
534
+ //console.log(this, owner, filterButton.filterOptions, colnms);
535
535
 
536
536
  var col = filterButton.closest('th,td').dataset.col;
537
537
  this.col = col;
@@ -557,13 +557,14 @@ class ngFilterPanel extends HTMLElement
557
557
 
558
558
  let data = owner.data.getValidDataNF();
559
559
 
560
- //console.log(data);
560
+ console.log(data);
561
561
 
562
- owner.body.querySelectorAll(`th[data-col]:not([data-col="${col}"]),td[data-col]:not([data-col="${col}"])`).forEach(td => {
563
- const el = td.querySelector("ng-filter-button");
564
- console.log(owner, td, el);
562
+ owner.body.querySelectorAll("ng-filter-button").forEach(el => {
563
+ console.log(el);
564
+ if (el.closest('th,td').dataset.col != col || el.filterOptions) {
565
+
566
+ console.log("================", el.filterOptions);
565
567
 
566
- if (el && el.filterOptions) {
567
568
  el.filterOptions.forEach(filterOption => {
568
569
  var idx = owner.fields.indexOf(filterOption.colnm);
569
570
 
@@ -31,18 +31,17 @@ export class ninegrid {
31
31
 
32
32
  while (currentElement) {
33
33
 
34
- //console.log(currentElement);
35
34
  if (currentElement.matches(selector)) return currentElement;
36
35
 
37
- // ✅ Shadow Root 가지고 있는 경우 내부에서 탐색
36
+ // ✅ Shadow Root 내부에서 `selector`를 찾음
38
37
  if (currentElement.shadowRoot) {
39
- const found = currentElement.shadowRoot.querySelector(selector);
40
- if (found) return found;
38
+ //const found = currentElement.shadowRoot.querySelector(selector);
39
+ //if (found) return found;
41
40
  }
42
41
 
43
- currentElement = currentElement.getRootNode()?.host || null; // ✅ Shadow DOM 내부 탐색
42
+ // ✅ Shadow Root를 넘어가 부모 요소 탐색
43
+ currentElement = currentElement.getRootNode()?.host || currentElement.parentElement || null;
44
44
  }
45
-
46
45
  return null;
47
46
  },
48
47
  querySelectorAll: (selector) => {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.185.0",
4
+ "version": "6.187.0",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
7
7
  "import": "./dist/index.js",
@@ -531,7 +531,7 @@ class ngFilterPanel extends HTMLElement
531
531
  const owner = this.shadow.closest("nine-grid");
532
532
  const colnms = [...new Set(filterButton.filterOptions.map(item => item.colnm))];
533
533
 
534
- console.log(this, owner, filterButton.filterOptions, colnms);
534
+ //console.log(this, owner, filterButton.filterOptions, colnms);
535
535
 
536
536
  var col = filterButton.closest('th,td').dataset.col;
537
537
  this.col = col;
@@ -557,13 +557,14 @@ class ngFilterPanel extends HTMLElement
557
557
 
558
558
  let data = owner.data.getValidDataNF();
559
559
 
560
- //console.log(data);
560
+ console.log(data);
561
561
 
562
- owner.body.querySelectorAll(`th[data-col]:not([data-col="${col}"]),td[data-col]:not([data-col="${col}"])`).forEach(td => {
563
- const el = td.querySelector("ng-filter-button");
564
- console.log(owner, td, el);
562
+ owner.body.querySelectorAll("ng-filter-button").forEach(el => {
563
+ console.log(el);
564
+ if (el.closest('th,td').dataset.col != col || el.filterOptions) {
565
+
566
+ console.log("================", el.filterOptions);
565
567
 
566
- if (el && el.filterOptions) {
567
568
  el.filterOptions.forEach(filterOption => {
568
569
  var idx = owner.fields.indexOf(filterOption.colnm);
569
570
 
@@ -31,18 +31,17 @@ export class ninegrid {
31
31
 
32
32
  while (currentElement) {
33
33
 
34
- //console.log(currentElement);
35
34
  if (currentElement.matches(selector)) return currentElement;
36
35
 
37
- // ✅ Shadow Root 가지고 있는 경우 내부에서 탐색
36
+ // ✅ Shadow Root 내부에서 `selector`를 찾음
38
37
  if (currentElement.shadowRoot) {
39
- const found = currentElement.shadowRoot.querySelector(selector);
40
- if (found) return found;
38
+ //const found = currentElement.shadowRoot.querySelector(selector);
39
+ //if (found) return found;
41
40
  }
42
41
 
43
- currentElement = currentElement.getRootNode()?.host || null; // ✅ Shadow DOM 내부 탐색
42
+ // ✅ Shadow Root를 넘어가 부모 요소 탐색
43
+ currentElement = currentElement.getRootNode()?.host || currentElement.parentElement || null;
44
44
  }
45
-
46
45
  return null;
47
46
  },
48
47
  querySelectorAll: (selector) => {