@codeandfunction/callaloo 3.14.2 → 3.15.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.
|
@@ -16,8 +16,12 @@ export interface CLDropdownMenuProps {
|
|
|
16
16
|
buttonWidth?: string;
|
|
17
17
|
/** When set to `true`, it will remove any horizontal and vertical padding from the button. */
|
|
18
18
|
buttonWrapped?: boolean;
|
|
19
|
+
/** When set to `true`, it will apply a border to the content container. */
|
|
20
|
+
containerBordered?: boolean;
|
|
19
21
|
/** Set the border radius size on the content container. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
|
|
20
22
|
containerBorderRadius?: CLBorderRadius;
|
|
23
|
+
/** When set to `true`, it will apply a box-shadow to the content container. */
|
|
24
|
+
containerElevated?: boolean;
|
|
21
25
|
/** Sets the width of the content container. */
|
|
22
26
|
contentWidth?: string;
|
|
23
27
|
/** A unique identifier, this is required. It ensures that if multiple dropdowns are used, each will be handled properly. */
|
|
@@ -55,6 +59,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
|
|
|
55
59
|
buttonSize: CLSizes;
|
|
56
60
|
buttonVariant: CLColorVariants;
|
|
57
61
|
buttonWidth: string;
|
|
62
|
+
containerBordered: boolean;
|
|
63
|
+
containerElevated: boolean;
|
|
58
64
|
contentWidth: string;
|
|
59
65
|
isOpen: boolean;
|
|
60
66
|
placement: CLPlacement;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { Ref } from 'vue';
|
|
2
2
|
interface Props {
|
|
3
|
-
|
|
3
|
+
triggerElem?: Ref<HTMLButtonElement | undefined>;
|
|
4
4
|
dropdownRef?: Ref<HTMLElement | undefined>;
|
|
5
5
|
openDropdownHandler?: () => void;
|
|
6
6
|
closeDropdownHandler?: () => void;
|
|
7
7
|
}
|
|
8
|
-
export declare const useDropdown: ({
|
|
8
|
+
export declare const useDropdown: ({ triggerElem, dropdownRef, openDropdownHandler, closeDropdownHandler }: Props) => {
|
|
9
9
|
open: Ref<boolean, boolean>;
|
|
10
10
|
toggleDropdown: () => void;
|
|
11
11
|
closeDropdown: () => void;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { Ref } from 'vue';
|
|
2
2
|
interface Props {
|
|
3
3
|
escHandler?: () => void;
|
|
4
|
-
|
|
4
|
+
triggerElem?: Ref<HTMLButtonElement | undefined | null>;
|
|
5
5
|
}
|
|
6
|
-
export declare const useEsc: ({ escHandler,
|
|
6
|
+
export declare const useEsc: ({ escHandler, triggerElem }: Props) => {
|
|
7
7
|
clearEventListeners: () => void;
|
|
8
8
|
};
|
|
9
9
|
export {};
|