@kerkhoff-ict/solora 2.7.0 → 2.7.2

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.
package/dist/index.css CHANGED
@@ -510,6 +510,50 @@
510
510
  transform: translateY(0) scale(1);
511
511
  pointer-events: auto;
512
512
  }
513
+ .dropdown.top-left .dropdown-content {
514
+ bottom: 100%;
515
+ left: 0;
516
+ margin: 0.5rem 0;
517
+ }
518
+ .dropdown.top-center .dropdown-content {
519
+ bottom: 100%;
520
+ left: 50%;
521
+ transform: translateX(-50%) !important;
522
+ margin: 0.5rem 0;
523
+ }
524
+ .dropdown.top-right .dropdown-content {
525
+ bottom: 100%;
526
+ right: 0;
527
+ margin: 0.5rem 0;
528
+ }
529
+ .dropdown.bottom-left .dropdown-content {
530
+ top: 100%;
531
+ left: 0;
532
+ margin: 0.5rem 0;
533
+ }
534
+ .dropdown.bottom-center .dropdown-content {
535
+ top: 100%;
536
+ left: 50%;
537
+ transform: translateX(-50%) !important;
538
+ margin: 0.5rem 0;
539
+ }
540
+ .dropdown.bottom-right .dropdown-content {
541
+ top: 100%;
542
+ right: 0;
543
+ margin: 0.5rem 0;
544
+ }
545
+ .dropdown.left .dropdown-content {
546
+ right: 100%;
547
+ top: 50%;
548
+ transform: translateY(-50%) !important;
549
+ margin: 0 0.5rem;
550
+ }
551
+ .dropdown.right .dropdown-content {
552
+ left: 100%;
553
+ top: 50%;
554
+ transform: translateY(-50%) !important;
555
+ margin: 0 0.5rem;
556
+ }
513
557
  .dropdown-item {
514
558
  padding: 0.3rem 0.4rem;
515
559
  color: var(--color-text-dark, #000);
package/dist/index.js CHANGED
@@ -1872,7 +1872,7 @@ function initDropdowns() {
1872
1872
  hiddenInput.value = item.dataset.value ?? item.textContent.trim();
1873
1873
  drop.dispatchEvent(new CustomEvent("change", { detail: hiddenInput.value }));
1874
1874
  };
1875
- const initialItem = content.querySelector(".dropdown-item.active") || content.querySelector('.dropdown-item:not([aria-disabled="true"])');
1875
+ const initialItem = content.querySelector(".dropdown-item.active");
1876
1876
  if (initialItem) setValue(initialItem);
1877
1877
  const toggle = () => drop.classList.toggle("open");
1878
1878
  const close = () => drop.classList.remove("open");
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kerkhoff-ict/solora",
3
- "version": "2.7.0",
3
+ "version": "2.7.2",
4
4
  "description": "Simple CSS component library",
5
5
  "main": "dist/index.js",
6
6
  "style": "dist/index.css",