@turquoisehealth/pit-viper 2.119.0 → 2.119.1-dev.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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@turquoisehealth/pit-viper",
3
- "version": "2.119.0",
3
+ "version": "2.119.1-dev.0",
4
4
  "description": "Turquoise Health's design system.",
5
5
  "main": "README.md",
6
6
  "publishConfig": {
@@ -1,2 +1,3 @@
1
1
  import { PvButtonSize } from './types.ts';
2
+ export declare const supportedInverseButtonVariants: string[];
2
3
  export declare const pvButtonSizeToClass: (size: PvButtonSize | null | undefined) => string | null;
@@ -1,12 +1,18 @@
1
+ import { MenuActionsVariant } from '../PvMultiSelectButton/types.ts';
1
2
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
3
  type __VLS_Props = {
4
+ variant?: MenuActionsVariant;
3
5
  disabled?: boolean;
4
6
  };
5
7
  declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
6
8
  "handle-select-all": () => any;
7
9
  "handle-clear-all": () => any;
10
+ "handle-cancel": () => any;
11
+ "handle-confirm": () => any;
8
12
  }, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
9
13
  "onHandle-select-all"?: (() => any) | undefined;
10
14
  "onHandle-clear-all"?: (() => any) | undefined;
15
+ "onHandle-cancel"?: (() => any) | undefined;
16
+ "onHandle-confirm"?: (() => any) | undefined;
11
17
  }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
12
18
  export default _default;
@@ -1,52 +1,208 @@
1
- import { CSSProperties, nextTick, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, Ref, GlobalComponents, GlobalDirectives, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, DebuggerEvent, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, ShallowRef, VNodeRef, VNode } from 'vue';
2
- import { PvSelectButtonSize, PvSelectButtonVariant } from './types';
1
+ import { PvMultiSelectButtonProps, PvSelectButtonVariant, PvSelectButtonSize, MenuActionsVariant } from './types';
3
2
  import { MenuOption, MenuOptionsVariant } from '../../../types';
3
+ import { PvPopoverV2Props } from '../PvPopoverV2/types';
4
+ import { CSSProperties, VNodeRef, VNode, CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ShallowRef, DefineComponent } from 'vue';
4
5
  import { PvSelectButtonTrigger } from '../PvSelectButton/PvSelectButtonTrigger/PvSelectButtonTrigger.vue';
5
- import { PvPopoverProps } from '../PvPopover/PvPopover.vue';
6
- import { OnCleanup } from '@vue/reactivity';
7
- import { PvSelectMenu } from '../PvMenu/PvMenu.vue';
8
6
  import { PvSearchInputProps } from '../PvSearchInput/PvSearchInput.vue';
9
- export interface PvMultiSelectButtonSlotProps {
10
- searchInput: string;
11
- }
12
- export interface PvMultiSelectButtonProps {
13
- groupings?: string[];
14
- defaultOpen?: boolean;
15
- disabled?: boolean;
16
- teleportLocation?: string;
17
- isLoading?: boolean;
18
- variant?: PvSelectButtonVariant;
19
- size?: PvSelectButtonSize;
20
- alignment?: "top" | "right" | "top right" | undefined;
21
- popoverCssProperties?: CSSProperties;
22
- prefixLabel?: string;
23
- label?: string;
24
- icon?: string;
25
- counterPosition?: "left" | "right" | "none";
26
- companyLogo?: string;
27
- showClear?: boolean;
28
- showDropdown?: boolean;
29
- showMenuAction?: boolean;
30
- showSearchInput?: boolean;
31
- searchPlaceholder?: string;
32
- overlayTrigger?: boolean;
33
- optionsVariant?: Exclude<MenuOptionsVariant, "radio">;
34
- options: MenuOption[];
35
- useTeleport?: boolean;
36
- }
37
- declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
7
+ type __VLS_Props = PvMultiSelectButtonProps;
8
+ type __VLS_PublicProps = {
38
9
  modelValue?: MenuOption[];
39
- searchInput?: string;
40
- } & PvMultiSelectButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
10
+ "searchInput"?: string;
11
+ } & __VLS_Props;
12
+ declare function __VLS_template(): {
13
+ attrs: Partial<{}>;
14
+ slots: Partial<Record<string, (_: {}) => any>> & {
15
+ header?(_: {
16
+ modelValue?: MenuOption[];
17
+ searchInput?: string;
18
+ groupings?: string[];
19
+ defaultOpen?: boolean;
20
+ disabled?: boolean;
21
+ teleportLocation?: string;
22
+ isLoading?: boolean;
23
+ variant?: PvSelectButtonVariant;
24
+ size?: PvSelectButtonSize;
25
+ popoverProperties?: PvPopoverV2Props;
26
+ popoverCssProperties?: CSSProperties;
27
+ prefixLabel?: string;
28
+ label?: string;
29
+ icon?: string;
30
+ counterPosition?: "left" | "right" | "none";
31
+ companyLogo?: string;
32
+ disableClearIcon?: boolean;
33
+ disableDropdownIcon?: boolean;
34
+ disableSearchInput?: boolean;
35
+ searchPlaceholder?: string;
36
+ overlayTrigger?: boolean;
37
+ optionsVariant?: Exclude< MenuOptionsVariant, "radio">;
38
+ options?: MenuOption[];
39
+ menuActionsVariant?: MenuActionsVariant | null;
40
+ "onDropdown-open"?: (() => any) | undefined;
41
+ "onDropdown-closed"?: (() => any) | undefined;
42
+ "onUpdate:modelValue"?: ((value: MenuOption[]) => any) | undefined;
43
+ "onUpdate:searchInput"?: ((value: string) => any) | undefined;
44
+ key?: PropertyKey;
45
+ ref?: VNodeRef;
46
+ ref_for?: boolean;
47
+ ref_key?: string;
48
+ onVnodeBeforeMount?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
49
+ onVnodeMounted?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
50
+ onVnodeBeforeUpdate?: ((vnode: VNode, oldVNode: VNode) => void) | ((vnode: VNode, oldVNode: VNode) => void)[];
51
+ onVnodeUpdated?: ((vnode: VNode, oldVNode: VNode) => void) | ((vnode: VNode, oldVNode: VNode) => void)[];
52
+ onVnodeBeforeUnmount?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
53
+ onVnodeUnmounted?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
54
+ class?: unknown;
55
+ style?: unknown;
56
+ }): any;
57
+ 'no-results'?(_: {
58
+ modelValue?: MenuOption[];
59
+ searchInput?: string;
60
+ groupings?: string[];
61
+ defaultOpen?: boolean;
62
+ disabled?: boolean;
63
+ teleportLocation?: string;
64
+ isLoading?: boolean;
65
+ variant?: PvSelectButtonVariant;
66
+ size?: PvSelectButtonSize;
67
+ popoverProperties?: PvPopoverV2Props;
68
+ popoverCssProperties?: CSSProperties;
69
+ prefixLabel?: string;
70
+ label?: string;
71
+ icon?: string;
72
+ counterPosition?: "left" | "right" | "none";
73
+ companyLogo?: string;
74
+ disableClearIcon?: boolean;
75
+ disableDropdownIcon?: boolean;
76
+ disableSearchInput?: boolean;
77
+ searchPlaceholder?: string;
78
+ overlayTrigger?: boolean;
79
+ optionsVariant?: Exclude< MenuOptionsVariant, "radio">;
80
+ options?: MenuOption[];
81
+ menuActionsVariant?: MenuActionsVariant | null;
82
+ "onDropdown-open"?: (() => any) | undefined;
83
+ "onDropdown-closed"?: (() => any) | undefined;
84
+ "onUpdate:modelValue"?: ((value: MenuOption[]) => any) | undefined;
85
+ "onUpdate:searchInput"?: ((value: string) => any) | undefined;
86
+ key?: PropertyKey;
87
+ ref?: VNodeRef;
88
+ ref_for?: boolean;
89
+ ref_key?: string;
90
+ onVnodeBeforeMount?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
91
+ onVnodeMounted?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
92
+ onVnodeBeforeUpdate?: ((vnode: VNode, oldVNode: VNode) => void) | ((vnode: VNode, oldVNode: VNode) => void)[];
93
+ onVnodeUpdated?: ((vnode: VNode, oldVNode: VNode) => void) | ((vnode: VNode, oldVNode: VNode) => void)[];
94
+ onVnodeBeforeUnmount?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
95
+ onVnodeUnmounted?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
96
+ class?: unknown;
97
+ style?: unknown;
98
+ }): any;
99
+ footer?(_: {
100
+ modelValue?: MenuOption[];
101
+ searchInput?: string;
102
+ groupings?: string[];
103
+ defaultOpen?: boolean;
104
+ disabled?: boolean;
105
+ teleportLocation?: string;
106
+ isLoading?: boolean;
107
+ variant?: PvSelectButtonVariant;
108
+ size?: PvSelectButtonSize;
109
+ popoverProperties?: PvPopoverV2Props;
110
+ popoverCssProperties?: CSSProperties;
111
+ prefixLabel?: string;
112
+ label?: string;
113
+ icon?: string;
114
+ counterPosition?: "left" | "right" | "none";
115
+ companyLogo?: string;
116
+ disableClearIcon?: boolean;
117
+ disableDropdownIcon?: boolean;
118
+ disableSearchInput?: boolean;
119
+ searchPlaceholder?: string;
120
+ overlayTrigger?: boolean;
121
+ optionsVariant?: Exclude< MenuOptionsVariant, "radio">;
122
+ options?: MenuOption[];
123
+ menuActionsVariant?: MenuActionsVariant | null;
124
+ "onDropdown-open"?: (() => any) | undefined;
125
+ "onDropdown-closed"?: (() => any) | undefined;
126
+ "onUpdate:modelValue"?: ((value: MenuOption[]) => any) | undefined;
127
+ "onUpdate:searchInput"?: ((value: string) => any) | undefined;
128
+ key?: PropertyKey;
129
+ ref?: VNodeRef;
130
+ ref_for?: boolean;
131
+ ref_key?: string;
132
+ onVnodeBeforeMount?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
133
+ onVnodeMounted?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
134
+ onVnodeBeforeUpdate?: ((vnode: VNode, oldVNode: VNode) => void) | ((vnode: VNode, oldVNode: VNode) => void)[];
135
+ onVnodeUpdated?: ((vnode: VNode, oldVNode: VNode) => void) | ((vnode: VNode, oldVNode: VNode) => void)[];
136
+ onVnodeBeforeUnmount?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
137
+ onVnodeUnmounted?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
138
+ class?: unknown;
139
+ style?: unknown;
140
+ }): any;
141
+ };
142
+ refs: {
143
+ 'select-button-trigger-ref': CreateComponentPublicInstanceWithMixins<Readonly< PvSelectButtonTrigger> & Readonly<{
144
+ "onHandle-clear"?: (() => any) | undefined;
145
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
146
+ "handle-clear": () => any;
147
+ }, PublicProps, {
148
+ size: PvSelectButtonSize;
149
+ variant: PvSelectButtonVariant;
150
+ showDropdown: boolean;
151
+ }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLButtonElement, ComponentProvideOptions, {
152
+ P: {};
153
+ B: {};
154
+ D: {};
155
+ C: {};
156
+ M: {};
157
+ Defaults: {};
158
+ }, Readonly< PvSelectButtonTrigger> & Readonly<{
159
+ "onHandle-clear"?: (() => any) | undefined;
160
+ }>, {}, {}, {}, {}, {
161
+ size: PvSelectButtonSize;
162
+ variant: PvSelectButtonVariant;
163
+ showDropdown: boolean;
164
+ }> | null;
165
+ searchInputRef: CreateComponentPublicInstanceWithMixins<Readonly<{
166
+ modelValue?: string;
167
+ } & PvSearchInputProps> & Readonly<{
168
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
169
+ }>, {
170
+ input: Readonly< ShallowRef<HTMLInputElement | null>>;
171
+ }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
172
+ "update:modelValue": (value: string) => any;
173
+ }, PublicProps, {
174
+ disabled: boolean;
175
+ placeholder: string;
176
+ }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
177
+ 'search-input': HTMLInputElement;
178
+ }, HTMLDivElement, ComponentProvideOptions, {
179
+ P: {};
180
+ B: {};
181
+ D: {};
182
+ C: {};
183
+ M: {};
184
+ Defaults: {};
185
+ }, Readonly<{
186
+ modelValue?: string;
187
+ } & PvSearchInputProps> & Readonly<{
188
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
189
+ }>, {
190
+ input: Readonly< ShallowRef<HTMLInputElement | null>>;
191
+ }, {}, {}, {}, {
192
+ disabled: boolean;
193
+ placeholder: string;
194
+ }> | null;
195
+ };
196
+ rootEl: HTMLDivElement;
197
+ };
198
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
199
+ declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
41
200
  "update:modelValue": (value: MenuOption[]) => any;
42
201
  "update:searchInput": (value: string) => any;
43
202
  } & {
44
203
  "dropdown-open": () => any;
45
204
  "dropdown-closed": () => any;
46
- }, string, PublicProps, Readonly<{
47
- modelValue?: MenuOption[];
48
- searchInput?: string;
49
- } & PvMultiSelectButtonProps> & Readonly<{
205
+ }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
50
206
  "onDropdown-open"?: (() => any) | undefined;
51
207
  "onDropdown-closed"?: (() => any) | undefined;
52
208
  "onUpdate:modelValue"?: ((value: MenuOption[]) => any) | undefined;
@@ -55,31 +211,23 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
55
211
  size: PvSelectButtonSize;
56
212
  label: string;
57
213
  variant: PvSelectButtonVariant;
58
- showClear: boolean;
59
- useTeleport: boolean;
60
- teleportLocation: string;
61
214
  options: MenuOption[];
62
215
  counterPosition: "left" | "right" | "none";
63
- showDropdown: boolean;
64
- optionsVariant: Exclude<MenuOptionsVariant, "radio">;
65
- showMenuAction: boolean;
66
- showSearchInput: boolean;
216
+ optionsVariant: Exclude< MenuOptionsVariant, "radio">;
217
+ disableClearIcon: boolean;
218
+ disableDropdownIcon: boolean;
219
+ disableSearchInput: boolean;
220
+ menuActionsVariant: MenuActionsVariant | null;
67
221
  }, {}, {}, {}, string, ComponentProvideOptions, false, {
68
222
  'select-button-trigger-ref': CreateComponentPublicInstanceWithMixins<Readonly< PvSelectButtonTrigger> & Readonly<{
69
- "onHandle-toggle-dropdown"?: (() => any) | undefined;
70
223
  "onHandle-clear"?: (() => any) | undefined;
71
- }>, {
72
- triggerRef: Ref<HTMLElement | null, HTMLElement | null>;
73
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
74
- "handle-toggle-dropdown": () => any;
224
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
75
225
  "handle-clear": () => any;
76
226
  }, PublicProps, {
77
227
  size: PvSelectButtonSize;
78
228
  variant: PvSelectButtonVariant;
79
229
  showDropdown: boolean;
80
- }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
81
- triggerRef: HTMLButtonElement;
82
- }, HTMLButtonElement, ComponentProvideOptions, {
230
+ }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLButtonElement, ComponentProvideOptions, {
83
231
  P: {};
84
232
  B: {};
85
233
  D: {};
@@ -87,157 +235,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
87
235
  M: {};
88
236
  Defaults: {};
89
237
  }, Readonly< PvSelectButtonTrigger> & Readonly<{
90
- "onHandle-toggle-dropdown"?: (() => any) | undefined;
91
238
  "onHandle-clear"?: (() => any) | undefined;
92
- }>, {
93
- triggerRef: Ref<HTMLElement | null, HTMLElement | null>;
94
- }, {}, {}, {}, {
239
+ }>, {}, {}, {}, {}, {
95
240
  size: PvSelectButtonSize;
96
241
  variant: PvSelectButtonVariant;
97
242
  showDropdown: boolean;
98
243
  }> | null;
99
- 'select-menu-ref': ({
100
- $: ComponentInternalInstance;
101
- $data: {};
102
- $props: {
103
- readonly teleportLocation?: string | undefined;
104
- readonly open: boolean;
105
- readonly popoverPositionStyle?: CSSProperties | undefined;
106
- readonly cssCustomListProperties?: CSSProperties | undefined;
107
- readonly useTeleport?: boolean | undefined;
108
- } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
109
- $attrs: {
110
- [x: string]: unknown;
111
- };
112
- $refs: {
113
- [x: string]: unknown;
114
- } & {
115
- popoverRef: ({
116
- $: ComponentInternalInstance;
117
- $data: {};
118
- $props: {
119
- readonly alignment?: "top" | "right" | "top right" | undefined | undefined;
120
- readonly cssCustomProperties?: CSSProperties | undefined;
121
- readonly cssCustomListProperties?: CSSProperties | undefined;
122
- readonly isList?: boolean | undefined;
123
- readonly isSortable?: boolean | undefined;
124
- readonly "onList-order-updated"?: ((value: string[]) => any) | undefined;
125
- } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
126
- $attrs: {
127
- [x: string]: unknown;
128
- };
129
- $refs: {
130
- [x: string]: unknown;
131
- } & {
132
- popoverRoot: HTMLDivElement;
133
- popoverList: HTMLUListElement;
134
- };
135
- $slots: Readonly<{
136
- [name: string]: Slot<any> | undefined;
137
- }>;
138
- $root: ComponentPublicInstance | null;
139
- $parent: ComponentPublicInstance | null;
140
- $host: Element | null;
141
- $emit: (event: "list-order-updated", value: string[]) => void;
142
- $el: HTMLDivElement;
143
- $options: ComponentOptionsBase<Readonly< PvPopoverProps> & Readonly<{
144
- "onList-order-updated"?: ((value: string[]) => any) | undefined;
145
- }>, {
146
- popoverRoot: Ref<HTMLElement | null, HTMLElement | null>;
147
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
148
- "list-order-updated": (value: string[]) => any;
149
- }, string, {
150
- alignment: "top" | "right" | "top right";
151
- cssCustomProperties: CSSProperties;
152
- isList: boolean;
153
- }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
154
- beforeCreate?: (() => void) | (() => void)[];
155
- created?: (() => void) | (() => void)[];
156
- beforeMount?: (() => void) | (() => void)[];
157
- mounted?: (() => void) | (() => void)[];
158
- beforeUpdate?: (() => void) | (() => void)[];
159
- updated?: (() => void) | (() => void)[];
160
- activated?: (() => void) | (() => void)[];
161
- deactivated?: (() => void) | (() => void)[];
162
- beforeDestroy?: (() => void) | (() => void)[];
163
- beforeUnmount?: (() => void) | (() => void)[];
164
- destroyed?: (() => void) | (() => void)[];
165
- unmounted?: (() => void) | (() => void)[];
166
- renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
167
- renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
168
- errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
169
- };
170
- $forceUpdate: () => void;
171
- $nextTick: typeof nextTick;
172
- $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
173
- } & Readonly<{
174
- alignment: "top" | "right" | "top right";
175
- cssCustomProperties: CSSProperties;
176
- isList: boolean;
177
- }> & Omit<Readonly< PvPopoverProps> & Readonly<{
178
- "onList-order-updated"?: ((value: string[]) => any) | undefined;
179
- }>, "popoverRoot" | ("alignment" | "cssCustomProperties" | "isList")> & ShallowUnwrapRef<{
180
- popoverRoot: Ref<HTMLElement | null, HTMLElement | null>;
181
- }> & {} & ComponentCustomProperties & {} & {
182
- $slots: {
183
- default?(_: {}): any;
184
- default?(_: {}): any;
185
- };
186
- }) | null;
187
- };
188
- $slots: Readonly<{
189
- [name: string]: Slot<any> | undefined;
190
- }>;
191
- $root: ComponentPublicInstance | null;
192
- $parent: ComponentPublicInstance | null;
193
- $host: Element | null;
194
- $emit: (event: string, ...args: any[]) => void;
195
- $el: any;
196
- $options: ComponentOptionsBase<Readonly< PvSelectMenu> & Readonly<{}>, {
197
- popoverRef: Ref<{
198
- popoverRoot: HTMLElement | null;
199
- } | null, {
200
- popoverRoot: HTMLElement | null;
201
- } | {
202
- popoverRoot: HTMLElement | null;
203
- } | null>;
204
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
205
- useTeleport: boolean;
206
- }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
207
- beforeCreate?: (() => void) | (() => void)[];
208
- created?: (() => void) | (() => void)[];
209
- beforeMount?: (() => void) | (() => void)[];
210
- mounted?: (() => void) | (() => void)[];
211
- beforeUpdate?: (() => void) | (() => void)[];
212
- updated?: (() => void) | (() => void)[];
213
- activated?: (() => void) | (() => void)[];
214
- deactivated?: (() => void) | (() => void)[];
215
- beforeDestroy?: (() => void) | (() => void)[];
216
- beforeUnmount?: (() => void) | (() => void)[];
217
- destroyed?: (() => void) | (() => void)[];
218
- unmounted?: (() => void) | (() => void)[];
219
- renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
220
- renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
221
- errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
222
- };
223
- $forceUpdate: () => void;
224
- $nextTick: typeof nextTick;
225
- $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
226
- } & Readonly<{
227
- useTeleport: boolean;
228
- }> & Omit<Readonly< PvSelectMenu> & Readonly<{}>, "useTeleport" | "popoverRef"> & ShallowUnwrapRef<{
229
- popoverRef: Ref<{
230
- popoverRoot: HTMLElement | null;
231
- } | null, {
232
- popoverRoot: HTMLElement | null;
233
- } | {
234
- popoverRoot: HTMLElement | null;
235
- } | null>;
236
- }> & {} & ComponentCustomProperties & {} & {
237
- $slots: {
238
- default?(_: {}): any;
239
- };
240
- }) | null;
241
244
  searchInputRef: CreateComponentPublicInstanceWithMixins<Readonly<{
242
245
  modelValue?: string;
243
246
  } & PvSearchInputProps> & Readonly<{
@@ -268,94 +271,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
268
271
  disabled: boolean;
269
272
  placeholder: string;
270
273
  }> | null;
271
- }, HTMLDivElement>, Partial<Record<string, (_: {}) => any>> & {
272
- 'no-results'?(_: {
273
- modelValue?: MenuOption[];
274
- searchInput?: string;
275
- groupings?: string[];
276
- defaultOpen?: boolean;
277
- disabled?: boolean;
278
- teleportLocation?: string;
279
- isLoading?: boolean;
280
- variant?: PvSelectButtonVariant;
281
- size?: PvSelectButtonSize;
282
- alignment?: "top" | "right" | "top right" | undefined;
283
- popoverCssProperties?: CSSProperties;
284
- prefixLabel?: string;
285
- label?: string;
286
- icon?: string;
287
- counterPosition?: "left" | "right" | "none";
288
- companyLogo?: string;
289
- showClear?: boolean;
290
- showDropdown?: boolean;
291
- showMenuAction?: boolean;
292
- showSearchInput?: boolean;
293
- searchPlaceholder?: string;
294
- overlayTrigger?: boolean;
295
- optionsVariant?: Exclude<MenuOptionsVariant, "radio">;
296
- options: MenuOption[];
297
- useTeleport?: boolean;
298
- "onDropdown-open"?: (() => any) | undefined;
299
- "onDropdown-closed"?: (() => any) | undefined;
300
- "onUpdate:modelValue"?: ((value: MenuOption[]) => any) | undefined;
301
- "onUpdate:searchInput"?: ((value: string) => any) | undefined;
302
- key?: PropertyKey;
303
- ref?: VNodeRef;
304
- ref_for?: boolean;
305
- ref_key?: string;
306
- onVnodeBeforeMount?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
307
- onVnodeMounted?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
308
- onVnodeBeforeUpdate?: ((vnode: VNode, oldVNode: VNode) => void) | ((vnode: VNode, oldVNode: VNode) => void)[];
309
- onVnodeUpdated?: ((vnode: VNode, oldVNode: VNode) => void) | ((vnode: VNode, oldVNode: VNode) => void)[];
310
- onVnodeBeforeUnmount?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
311
- onVnodeUnmounted?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
312
- class?: unknown;
313
- style?: unknown;
314
- }): any;
315
- footer?(_: {
316
- modelValue?: MenuOption[];
317
- searchInput?: string;
318
- groupings?: string[];
319
- defaultOpen?: boolean;
320
- disabled?: boolean;
321
- teleportLocation?: string;
322
- isLoading?: boolean;
323
- variant?: PvSelectButtonVariant;
324
- size?: PvSelectButtonSize;
325
- alignment?: "top" | "right" | "top right" | undefined;
326
- popoverCssProperties?: CSSProperties;
327
- prefixLabel?: string;
328
- label?: string;
329
- icon?: string;
330
- counterPosition?: "left" | "right" | "none";
331
- companyLogo?: string;
332
- showClear?: boolean;
333
- showDropdown?: boolean;
334
- showMenuAction?: boolean;
335
- showSearchInput?: boolean;
336
- searchPlaceholder?: string;
337
- overlayTrigger?: boolean;
338
- optionsVariant?: Exclude<MenuOptionsVariant, "radio">;
339
- options: MenuOption[];
340
- useTeleport?: boolean;
341
- "onDropdown-open"?: (() => any) | undefined;
342
- "onDropdown-closed"?: (() => any) | undefined;
343
- "onUpdate:modelValue"?: ((value: MenuOption[]) => any) | undefined;
344
- "onUpdate:searchInput"?: ((value: string) => any) | undefined;
345
- key?: PropertyKey;
346
- ref?: VNodeRef;
347
- ref_for?: boolean;
348
- ref_key?: string;
349
- onVnodeBeforeMount?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
350
- onVnodeMounted?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
351
- onVnodeBeforeUpdate?: ((vnode: VNode, oldVNode: VNode) => void) | ((vnode: VNode, oldVNode: VNode) => void)[];
352
- onVnodeUpdated?: ((vnode: VNode, oldVNode: VNode) => void) | ((vnode: VNode, oldVNode: VNode) => void)[];
353
- onVnodeBeforeUnmount?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
354
- onVnodeUnmounted?: ((vnode: VNode) => void) | ((vnode: VNode) => void)[];
355
- class?: unknown;
356
- style?: unknown;
357
- }): any;
358
- }>;
274
+ }, HTMLDivElement>;
275
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
359
276
  export default _default;
360
277
  type __VLS_WithTemplateSlots<T, S> = T & {
361
278
  new (): {
@@ -1,3 +1,34 @@
1
1
  import { PvSize, PvVariants } from '../baseProps';
2
+ import { PvPopoverV2Props } from '../PvPopoverV2/types.ts';
3
+ import { CSSProperties } from 'vue';
4
+ import { MenuOption, MenuOptionsVariant } from '../../../types.ts';
2
5
  export type PvSelectButtonVariant = Extract<PvVariants, "secondary" | "ghost">;
3
6
  export type PvSelectButtonSize = Extract<PvSize, "lg" | "xl">;
7
+ export interface PvMultiSelectButtonSlotProps {
8
+ searchInput: string;
9
+ }
10
+ export type MenuActionsVariant = "select-clear" | "cancel-confirm";
11
+ export interface PvMultiSelectButtonProps {
12
+ groupings?: string[];
13
+ defaultOpen?: boolean;
14
+ disabled?: boolean;
15
+ teleportLocation?: string;
16
+ isLoading?: boolean;
17
+ variant?: PvSelectButtonVariant;
18
+ size?: PvSelectButtonSize;
19
+ popoverProperties?: PvPopoverV2Props;
20
+ popoverCssProperties?: CSSProperties;
21
+ prefixLabel?: string;
22
+ label?: string;
23
+ icon?: string;
24
+ counterPosition?: "left" | "right" | "none";
25
+ companyLogo?: string;
26
+ disableClearIcon?: boolean;
27
+ disableDropdownIcon?: boolean;
28
+ disableSearchInput?: boolean;
29
+ searchPlaceholder?: string;
30
+ overlayTrigger?: boolean;
31
+ optionsVariant?: Exclude<MenuOptionsVariant, "radio">;
32
+ options?: MenuOption[];
33
+ menuActionsVariant?: MenuActionsVariant | null;
34
+ }
@@ -29,7 +29,6 @@ declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}
29
29
  teleportLocation: string;
30
30
  position: PvAlignmentPositions;
31
31
  disableAutoPlacement: boolean;
32
- allowedAutoPlacements: PvAlignmentPositions[];
33
32
  positioningStrategy: Strategy;
34
33
  showOnHover: boolean;
35
34
  disableInteractive: boolean;
@@ -2,7 +2,6 @@ import { Strategy } from '@floating-ui/vue';
2
2
  import { PvAlignmentPositions } from '../baseProps.ts';
3
3
  export interface PvPopoverV2Props {
4
4
  disableAutoPlacement?: boolean;
5
- allowedAutoPlacements?: PvAlignmentPositions[];
6
5
  position?: PvAlignmentPositions;
7
6
  positioningStrategy?: Strategy;
8
7
  showOnHover?: boolean;
@@ -12,4 +11,10 @@ export interface PvPopoverV2Props {
12
11
  delay?: number;
13
12
  zIndex?: number;
14
13
  teleportLocation?: string;
14
+ /**
15
+ * offset distance in pixels between the popover and the reference element.
16
+ * The offset is applied in the logical direction of the popover's placement (e.g., along the top/bottom/left/right
17
+ * placement axis): positive values move the popover further away from the reference element, and negative values move
18
+ */
19
+ offset?: number;
15
20
  }