sit-onyx 1.0.0-beta.30 → 1.0.0-beta.32

package/dist/components/OnyxSelect/types.d.ts

@@ -71,6 +71,12 @@ export type OnyxSelectProps<TValue extends SelectOptionValue = SelectOptionValue
      * Property is managed internally, when undefined.
      */
     open?: ManagedProp<boolean>;
+    /**
+     * Alignment of the select flyout relative to the input.
+     * If set to full, the width of the flyout will be aligned (100%) with the input of the select.
+     * Otherwise the flyout width will fit the options content width and aligned left/right.
+     */
+    alignment?: SelectAlignment;
     /**
      * Label describing the list of options to support assistive technologies.
      * @example: { label: "Your Animal", listLabel: "List of animals" }
@@ -113,3 +119,5 @@ export type SelectLazyLoading = {
      */
     scrollOffset?: number;
 };
+export declare const SELECT_ALIGNMENTS: readonly ["full", "left", "right"];
+export type SelectAlignment = (typeof SELECT_ALIGNMENTS)[number];

package/dist/composables/useOpenDirection.d.ts

@@ -0,0 +1,13 @@
+import { type MaybeRef } from "vue";
+export type OpenDirection = "top" | "bottom";
+export declare const useOpenDirection: (element: MaybeRef<Element | undefined>) => {
+    /**
+     * Direction in which the flyout etc. should open to.
+     */
+    openDirection: import("vue").Ref<OpenDirection>;
+    /**
+     * Detects in which direction a flyout etc. should be opened, depending on the available space in each direction.
+     * Should only be called onBeforeMount or later to support server side rendering.
+     */
+    updateOpenDirection: () => void;
+};