import { Nullable } from '../../../../shared/dist/esm/index'; import { Ref, ComputedRef } from 'vue'; /** * Use this to calculate the number of hidden elements (e.g. user avatars) in a wrapping flex row that * is styled to only show the first row. For example, there are 12 users total, there's only space for 5, * and this composable will calculate the number of hidden ones to use for the "+X" label (+7 in the example) * * Note: The "hidden" items must wrap into another line, because we use their offset from the top of the parent * to check if they're hidden (compared to items in the 1st row) */ export declare function useWrappingContainerHiddenCount(params: { /** * Element to watch for any changes */ elementToWatchForChanges: Ref>; /** * The element that actually contains the potentially visible/hidden items as direct children */ itemContainer: Ref>; /** * Allows you to pause calculations conditionally */ skipCalculation?: ComputedRef; /** * If true, will track resizing of 'elementToWatchForChanges'. * Default: false */ trackResize?: boolean; /** * If true, will track descendants being added/removed to 'elementToWatchForChanges'. * Default: true */ trackMutations?: boolean; }): { hiddenItemCount: Ref; };