@ni/nimble-components 11.0.0 → 11.0.1

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.
@@ -2643,10 +2643,13 @@ const hd=mt`
2643
2643
  overflow-y: auto;
2644
2644
  position: absolute;
2645
2645
  width: 100%;
2646
- ${""}
2647
- max-height: calc(var(--max-height) - ${yn});
2646
+ --ni-private-listbox-padding: 4px;
2647
+ max-height: calc(
2648
+ var(--ni-private-select-max-height) - 2 *
2649
+ var(--ni-private-listbox-padding)
2650
+ );
2648
2651
  z-index: 1;
2649
- padding: 4px;
2652
+ padding: var(--ni-private-listbox-padding);
2650
2653
  box-shadow: 0px 3px 3px ${wn};
2651
2654
  border: 1px solid ${xn};
2652
2655
  background-color: ${an};
@@ -2757,8 +2760,8 @@ const hd=mt`
2757
2760
  flex: 0 0 auto;
2758
2761
  }
2759
2762
  `
2760
- const dd=class extends ui{setPositioning(){this.$fastController.isConnected&&super.setPositioning()}slottedOptionsChanged(t,e){const s=this.value
2761
- super.slottedOptionsChanged(t,e),s&&(this.value=s)}}.compose({baseName:"select",baseClass:ui,template:(t,e)=>X`
2763
+ const dd=class extends ui{setPositioning(){this.$fastController.isConnected&&(super.setPositioning(),this.updateListboxMaxHeightCssVariable())}slottedOptionsChanged(t,e){const s=this.value
2764
+ super.slottedOptionsChanged(t,e),s&&(this.value=s)}maxHeightChanged(){this.updateListboxMaxHeightCssVariable()}updateListboxMaxHeightCssVariable(){this.listbox&&this.listbox.style.setProperty("--ni-private-select-max-height",`${this.maxHeight}px`)}}.compose({baseName:"select",baseClass:ui,template:(t,e)=>X`
2762
2765
  <template
2763
2766
  class="${t=>[t.collapsible&&"collapsible",t.collapsible&&t.open&&"open",t.disabled&&"disabled",t.collapsible&&t.position].filter(Boolean).join(" ")}"
2764
2767
  aria-activedescendant="${t=>t.ariaActiveDescendant}"