ninegrid2 6.200.0 → 6.202.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 +24 -3
  2. package/dist/bundle.esm.js +24 -3
  3. package/dist/etc/ngFiltering.js +24 -3
  4. package/package.json +1 -1
  5. package/src/etc/ngFiltering.js +24 -3
package/dist/bundle.cjs.js CHANGED
@@ -18459,18 +18459,39 @@ class ngFilterPanel extends HTMLElement
18459
18459
 
18460
18460
  open = (filterButton) => {
18461
18461
 
18462
+ /**
18462
18463
  const owner = this.shadow.closest("nine-grid");
18463
18464
 
18464
18465
  var cell = filterButton.closest("th,td");
18465
18466
 
18466
- var l = $(filterButton).offset().left - $(owner).offset().left;// - $(panel).width() + $(e.target).width() + 1;
18467
+ var l = $(filterButton).offset().left - $(owner).offset().left;// - $(this).width() + $(e.target).width() + 1;
18467
18468
  if (l < 0) l = 0;
18468
- if (l + $(panel).width() > $(owner).width()) l = $(owner).width() - $(panel).width() - 5;
18469
+ if (l + $(this).width() > $(owner).width()) l = $(owner).width() - $(this).width() - 5;
18469
18470
 
18470
18471
  var t = $(cell).offset().top + $(cell).height()- $(owner).offset().top;//$(e.target).offset().top + $(e.target).height() + 2;
18471
18472
 
18472
- //$(panel).offset({left: l, top: t});
18473
+ //$(this).offset({left: l, top: t});
18473
18474
  $(this).css({left: l, top: t});
18475
+ */
18476
+
18477
+ const owner = this.shadow.closest("nine-grid");
18478
+
18479
+ var cell = filterButton.closest("th,td");
18480
+
18481
+ var filterButtonRect = filterButton.getBoundingClientRect();
18482
+ var ownerRect = owner.getBoundingClientRect();
18483
+ var cellRect = cell.getBoundingClientRect();
18484
+ var targetRect = this.getBoundingClientRect();
18485
+
18486
+ var l = filterButtonRect.left - ownerRect.left;
18487
+ if (l < 0) l = 0;
18488
+ if (l + targetRect.width > ownerRect.width) l = ownerRect.width - targetRect.width - 5;
18489
+
18490
+ var t = cellRect.top + cellRect.height - ownerRect.top;
18491
+
18492
+ this.style.left = `${l}px`; // ✅ 위치 설정
18493
+ this.style.top = `${t}px`;
18494
+
18474
18495
 
18475
18496
 
18476
18497
  //console.log(this, owner, filterButton.filterOptions, colnms);
package/dist/bundle.esm.js CHANGED
@@ -18457,18 +18457,39 @@ class ngFilterPanel extends HTMLElement
18457
18457
 
18458
18458
  open = (filterButton) => {
18459
18459
 
18460
+ /**
18460
18461
  const owner = this.shadow.closest("nine-grid");
18461
18462
 
18462
18463
  var cell = filterButton.closest("th,td");
18463
18464
 
18464
- var l = $(filterButton).offset().left - $(owner).offset().left;// - $(panel).width() + $(e.target).width() + 1;
18465
+ var l = $(filterButton).offset().left - $(owner).offset().left;// - $(this).width() + $(e.target).width() + 1;
18465
18466
  if (l < 0) l = 0;
18466
- if (l + $(panel).width() > $(owner).width()) l = $(owner).width() - $(panel).width() - 5;
18467
+ if (l + $(this).width() > $(owner).width()) l = $(owner).width() - $(this).width() - 5;
18467
18468
 
18468
18469
  var t = $(cell).offset().top + $(cell).height()- $(owner).offset().top;//$(e.target).offset().top + $(e.target).height() + 2;
18469
18470
 
18470
- //$(panel).offset({left: l, top: t});
18471
+ //$(this).offset({left: l, top: t});
18471
18472
  $(this).css({left: l, top: t});
18473
+ */
18474
+
18475
+ const owner = this.shadow.closest("nine-grid");
18476
+
18477
+ var cell = filterButton.closest("th,td");
18478
+
18479
+ var filterButtonRect = filterButton.getBoundingClientRect();
18480
+ var ownerRect = owner.getBoundingClientRect();
18481
+ var cellRect = cell.getBoundingClientRect();
18482
+ var targetRect = this.getBoundingClientRect();
18483
+
18484
+ var l = filterButtonRect.left - ownerRect.left;
18485
+ if (l < 0) l = 0;
18486
+ if (l + targetRect.width > ownerRect.width) l = ownerRect.width - targetRect.width - 5;
18487
+
18488
+ var t = cellRect.top + cellRect.height - ownerRect.top;
18489
+
18490
+ this.style.left = `${l}px`; // ✅ 위치 설정
18491
+ this.style.top = `${t}px`;
18492
+
18472
18493
 
18473
18494
 
18474
18495
  //console.log(this, owner, filterButton.filterOptions, colnms);
package/dist/etc/ngFiltering.js CHANGED
@@ -529,18 +529,39 @@ class ngFilterPanel extends HTMLElement
529
529
 
530
530
  open = (filterButton) => {
531
531
 
532
+ /**
532
533
  const owner = this.shadow.closest("nine-grid");
533
534
 
534
535
  var cell = filterButton.closest("th,td");
535
536
 
536
- var l = $(filterButton).offset().left - $(owner).offset().left;// - $(panel).width() + $(e.target).width() + 1;
537
+ var l = $(filterButton).offset().left - $(owner).offset().left;// - $(this).width() + $(e.target).width() + 1;
537
538
  if (l < 0) l = 0;
538
- if (l + $(panel).width() > $(owner).width()) l = $(owner).width() - $(panel).width() - 5;
539
+ if (l + $(this).width() > $(owner).width()) l = $(owner).width() - $(this).width() - 5;
539
540
 
540
541
  var t = $(cell).offset().top + $(cell).height()- $(owner).offset().top;//$(e.target).offset().top + $(e.target).height() + 2;
541
542
 
542
- //$(panel).offset({left: l, top: t});
543
+ //$(this).offset({left: l, top: t});
543
544
  $(this).css({left: l, top: t});
545
+ */
546
+
547
+ const owner = this.shadow.closest("nine-grid");
548
+
549
+ var cell = filterButton.closest("th,td");
550
+
551
+ var filterButtonRect = filterButton.getBoundingClientRect();
552
+ var ownerRect = owner.getBoundingClientRect();
553
+ var cellRect = cell.getBoundingClientRect();
554
+ var targetRect = this.getBoundingClientRect();
555
+
556
+ var l = filterButtonRect.left - ownerRect.left;
557
+ if (l < 0) l = 0;
558
+ if (l + targetRect.width > ownerRect.width) l = ownerRect.width - targetRect.width - 5;
559
+
560
+ var t = cellRect.top + cellRect.height - ownerRect.top;
561
+
562
+ this.style.left = `${l}px`; // ✅ 위치 설정
563
+ this.style.top = `${t}px`;
564
+
544
565
 
545
566
 
546
567
  //console.log(this, owner, filterButton.filterOptions, colnms);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.200.0",
4
+ "version": "6.202.0",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
7
7
  "import": "./dist/index.js",
package/src/etc/ngFiltering.js CHANGED
@@ -529,18 +529,39 @@ class ngFilterPanel extends HTMLElement
529
529
 
530
530
  open = (filterButton) => {
531
531
 
532
+ /**
532
533
  const owner = this.shadow.closest("nine-grid");
533
534
 
534
535
  var cell = filterButton.closest("th,td");
535
536
 
536
- var l = $(filterButton).offset().left - $(owner).offset().left;// - $(panel).width() + $(e.target).width() + 1;
537
+ var l = $(filterButton).offset().left - $(owner).offset().left;// - $(this).width() + $(e.target).width() + 1;
537
538
  if (l < 0) l = 0;
538
- if (l + $(panel).width() > $(owner).width()) l = $(owner).width() - $(panel).width() - 5;
539
+ if (l + $(this).width() > $(owner).width()) l = $(owner).width() - $(this).width() - 5;
539
540
 
540
541
  var t = $(cell).offset().top + $(cell).height()- $(owner).offset().top;//$(e.target).offset().top + $(e.target).height() + 2;
541
542
 
542
- //$(panel).offset({left: l, top: t});
543
+ //$(this).offset({left: l, top: t});
543
544
  $(this).css({left: l, top: t});
545
+ */
546
+
547
+ const owner = this.shadow.closest("nine-grid");
548
+
549
+ var cell = filterButton.closest("th,td");
550
+
551
+ var filterButtonRect = filterButton.getBoundingClientRect();
552
+ var ownerRect = owner.getBoundingClientRect();
553
+ var cellRect = cell.getBoundingClientRect();
554
+ var targetRect = this.getBoundingClientRect();
555
+
556
+ var l = filterButtonRect.left - ownerRect.left;
557
+ if (l < 0) l = 0;
558
+ if (l + targetRect.width > ownerRect.width) l = ownerRect.width - targetRect.width - 5;
559
+
560
+ var t = cellRect.top + cellRect.height - ownerRect.top;
561
+
562
+ this.style.left = `${l}px`; // ✅ 위치 설정
563
+ this.style.top = `${t}px`;
564
+
544
565
 
545
566
 
546
567
  //console.log(this, owner, filterButton.filterOptions, colnms);