orbiq-neural-ui-kit 1.2.67 → 1.2.68

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.
@@ -4595,8 +4595,8 @@ class NeuralDropdownComponent {
4595
4595
  <div class="h-px bg-outline-gray-2 my-1 mx-1"></div>
4596
4596
  } @else {
4597
4597
  @if (option.children && option.children.length > 0) {
4598
- <!-- Cascading Sub-menu (Hover trigger via CSS) -->
4599
- <div class="relative group/submenu">
4598
+ <!-- Cascading Sub-menu (Hover trigger via CSS with direct child selector) -->
4599
+ <div class="relative hover:[&>.submenu-panel]:opacity-100 hover:[&>.submenu-panel]:visible hover:[&>.submenu-panel]:delay-150">
4600
4600
  <button
4601
4601
  class="flex items-center justify-between w-full gap-2 px-2 py-1.5 text-sm rounded-4 text-ink-gray-9 hover:bg-surface-gray-2 cursor-pointer transition-colors text-left"
4602
4602
  [disabled]="option.disabled"
@@ -4616,7 +4616,7 @@ class NeuralDropdownComponent {
4616
4616
  </button>
4617
4617
 
4618
4618
  <!-- Nested Panel -->
4619
- <div class="absolute left-full top-0 opacity-0 invisible group-hover/submenu:opacity-100 group-hover/submenu:visible transition-all duration-200 delay-100 group-hover/submenu:delay-150 pl-1.5 z-50">
4619
+ <div class="submenu-panel absolute left-full top-0 opacity-0 invisible transition-all duration-200 delay-100 pl-1.5 z-50">
4620
4620
  <neural-popover-panel class="block min-w-[180px]">
4621
4621
  <ng-container *ngTemplateOutlet="menuList; context: { $implicit: option.children, popover: popover }"></ng-container>
4622
4622
  </neural-popover-panel>
@@ -4700,8 +4700,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
4700
4700
  <div class="h-px bg-outline-gray-2 my-1 mx-1"></div>
4701
4701
  } @else {
4702
4702
  @if (option.children && option.children.length > 0) {
4703
- <!-- Cascading Sub-menu (Hover trigger via CSS) -->
4704
- <div class="relative group/submenu">
4703
+ <!-- Cascading Sub-menu (Hover trigger via CSS with direct child selector) -->
4704
+ <div class="relative hover:[&>.submenu-panel]:opacity-100 hover:[&>.submenu-panel]:visible hover:[&>.submenu-panel]:delay-150">
4705
4705
  <button
4706
4706
  class="flex items-center justify-between w-full gap-2 px-2 py-1.5 text-sm rounded-4 text-ink-gray-9 hover:bg-surface-gray-2 cursor-pointer transition-colors text-left"
4707
4707
  [disabled]="option.disabled"
@@ -4721,7 +4721,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
4721
4721
  </button>
4722
4722
 
4723
4723
  <!-- Nested Panel -->
4724
- <div class="absolute left-full top-0 opacity-0 invisible group-hover/submenu:opacity-100 group-hover/submenu:visible transition-all duration-200 delay-100 group-hover/submenu:delay-150 pl-1.5 z-50">
4724
+ <div class="submenu-panel absolute left-full top-0 opacity-0 invisible transition-all duration-200 delay-100 pl-1.5 z-50">
4725
4725
  <neural-popover-panel class="block min-w-[180px]">
4726
4726
  <ng-container *ngTemplateOutlet="menuList; context: { $implicit: option.children, popover: popover }"></ng-container>
4727
4727
  </neural-popover-panel>