@orangelogic/design-system 2.91.0 → 2.92.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.
- package/library/components/popup.js +29 -42
- package/library/package.json +1 -1
- package/package.json +1 -1
|
@@ -2762,54 +2762,41 @@ let b = class extends Be {
|
|
|
2762
2762
|
({ rects: t }) => -t.reference.height / 2 - t.floating.height / 2
|
|
2763
2763
|
) : It({ crossAxis: this.skidding, mainAxis: this.distance })
|
|
2764
2764
|
];
|
|
2765
|
-
|
|
2765
|
+
this.sync ? e.push(
|
|
2766
2766
|
qt({
|
|
2767
2767
|
apply: ({ rects: t }) => {
|
|
2768
2768
|
const o = this.sync === "width" || this.sync === "both", i = this.sync === "height" || this.sync === "both", s = this.syncElement ? this.syncElement.getBoundingClientRect() : t.reference;
|
|
2769
2769
|
this.popup.style.width = o ? `${s.width}px` : "", this.popup.style.height = i ? `${s.height}px` : "";
|
|
2770
2770
|
}
|
|
2771
2771
|
})
|
|
2772
|
-
) : (this.popup.style.width = "", this.popup.style.height = ""), this.flip
|
|
2773
|
-
|
|
2774
|
-
|
|
2775
|
-
|
|
2776
|
-
|
|
2777
|
-
|
|
2778
|
-
|
|
2779
|
-
|
|
2780
|
-
|
|
2781
|
-
|
|
2782
|
-
|
|
2783
|
-
|
|
2784
|
-
|
|
2785
|
-
|
|
2786
|
-
|
|
2787
|
-
|
|
2788
|
-
|
|
2789
|
-
|
|
2790
|
-
|
|
2791
|
-
|
|
2792
|
-
|
|
2793
|
-
|
|
2794
|
-
|
|
2795
|
-
|
|
2796
|
-
|
|
2797
|
-
|
|
2798
|
-
|
|
2799
|
-
|
|
2800
|
-
`${o}px`
|
|
2801
|
-
) : this.style.removeProperty("--auto-size-available-height"), this.autoSize === "horizontal" || this.autoSize === "both" ? this.style.setProperty(
|
|
2802
|
-
"--auto-size-available-width",
|
|
2803
|
-
`${i * this.autoWidthFactor}px`
|
|
2804
|
-
) : this.style.removeProperty("--auto-size-available-width");
|
|
2805
|
-
},
|
|
2806
|
-
boundary: t,
|
|
2807
|
-
padding: this.autoSizePadding
|
|
2808
|
-
})
|
|
2809
|
-
);
|
|
2810
|
-
} else
|
|
2811
|
-
this.style.removeProperty("--auto-size-available-width"), this.style.removeProperty("--auto-size-available-height");
|
|
2812
|
-
this.arrow && e.push(
|
|
2772
|
+
) : (this.popup.style.width = "", this.popup.style.height = ""), this.flip && e.push(
|
|
2773
|
+
Wt({
|
|
2774
|
+
boundary: this.flipBoundary,
|
|
2775
|
+
// @ts-expect-error - We're converting a string attribute to an array here
|
|
2776
|
+
fallbackPlacements: this.flipFallbackPlacements,
|
|
2777
|
+
fallbackStrategy: this.flipFallbackStrategy === "best-fit" ? "bestFit" : "initialPlacement",
|
|
2778
|
+
padding: this.flipPadding
|
|
2779
|
+
})
|
|
2780
|
+
), this.shift && e.push(
|
|
2781
|
+
Te({
|
|
2782
|
+
boundary: this.shiftBoundary,
|
|
2783
|
+
padding: this.shiftPadding
|
|
2784
|
+
})
|
|
2785
|
+
), this.autoSize ? e.push(
|
|
2786
|
+
qt({
|
|
2787
|
+
apply: ({ availableHeight: t, availableWidth: o }) => {
|
|
2788
|
+
this.autoSize === "vertical" || this.autoSize === "both" ? this.style.setProperty(
|
|
2789
|
+
"--auto-size-available-height",
|
|
2790
|
+
`${t}px`
|
|
2791
|
+
) : this.style.removeProperty("--auto-size-available-height"), this.autoSize === "horizontal" || this.autoSize === "both" ? this.style.setProperty(
|
|
2792
|
+
"--auto-size-available-width",
|
|
2793
|
+
`${o * this.autoWidthFactor}px`
|
|
2794
|
+
) : this.style.removeProperty("--auto-size-available-width");
|
|
2795
|
+
},
|
|
2796
|
+
boundary: this.autoSizeBoundary,
|
|
2797
|
+
padding: this.autoSizePadding
|
|
2798
|
+
})
|
|
2799
|
+
) : (this.style.removeProperty("--auto-size-available-width"), this.style.removeProperty("--auto-size-available-height")), this.arrow && e.push(
|
|
2813
2800
|
De({
|
|
2814
2801
|
element: this.arrowEl,
|
|
2815
2802
|
padding: this.arrowPadding
|
package/library/package.json
CHANGED