@pantograph/vue 0.33.13 → 0.34.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.
Files changed (80) hide show
  1. package/dist/ComponentMap-BYpmn7OL.js +1 -0
  2. package/dist/{ComponentMap-DfPhrYC-.js → ComponentMap-C-aljC3v.js} +6 -0
  3. package/dist/ComponentMap.d.ts +1 -1
  4. package/dist/components/Alert/Alert.d.ts +6 -6
  5. package/dist/components/AlertDialog/useAlertDialog.d.ts +1 -1
  6. package/dist/components/Avatar/Avatar.d.ts +2 -2
  7. package/dist/components/Base/BaseButton/BaseButton.d.ts +3 -3
  8. package/dist/components/Base/BaseInput/BaseInput.d.ts +3 -3
  9. package/dist/components/Base/BaseInput/BaseInput.model.d.ts +1 -1
  10. package/dist/components/CoachMark/CoachMark.d.ts +3 -3
  11. package/dist/components/ColorSwatchGroup/ColorSwatchGroup.d.ts +3 -3
  12. package/dist/components/ColorTrigger/ColorTrigger.d.ts +3 -3
  13. package/dist/components/Combobox/Combobox.d.ts +7 -6
  14. package/dist/components/Combobox/Combobox.model.d.ts +1 -1
  15. package/dist/components/Combobox/context.d.ts +1 -0
  16. package/dist/components/Combobox/types.d.ts +2 -2
  17. package/dist/components/Comment/CommentMention.d.ts +12 -10
  18. package/dist/components/Comment/CommentTrigger.d.ts +1 -1
  19. package/dist/components/DataTable/DataTable.d.ts +1 -1
  20. package/dist/components/DataTable/types/index.d.ts +4 -4
  21. package/dist/components/Empty/Empty.d.ts +4 -4
  22. package/dist/components/Form/FormItem.d.ts +2 -0
  23. package/dist/components/FormValidation/FormValidation.d.ts +1 -1
  24. package/dist/components/GOPicker/GOPicker.d.ts +13 -3
  25. package/dist/components/Image/Image.d.ts +3 -3
  26. package/dist/components/Input/Input.d.ts +3 -3
  27. package/dist/components/Input/Input.model.d.ts +1 -1
  28. package/dist/components/InputGroup/InputGroup.d.ts +47 -0
  29. package/dist/components/InputGroup/index.d.ts +8 -0
  30. package/dist/components/InputNumber/InputNumber.d.ts +4 -4
  31. package/dist/components/Kbd/Kbd.d.ts +10 -4
  32. package/dist/components/Kbd/index.d.ts +3 -3
  33. package/dist/components/Label/Label.d.ts +7 -7
  34. package/dist/components/Link/Link.d.ts +3 -3
  35. package/dist/components/Menu/Menu.d.ts +3 -3
  36. package/dist/components/MenuItem/MenuItem.d.ts +1 -1
  37. package/dist/components/PinInput/PinInput.model.d.ts +1 -1
  38. package/dist/components/Popover/index.d.ts +1 -1
  39. package/dist/components/Popover/type.d.ts +38 -8
  40. package/dist/components/Popover/utils/container.d.ts +14 -0
  41. package/dist/components/Popover/utils/content.d.ts +33 -0
  42. package/dist/components/Popover/utils/dropdownContext.d.ts +13 -0
  43. package/dist/components/Popover/utils/index.d.ts +6 -0
  44. package/dist/components/Popover/utils/popupContext.d.ts +7 -0
  45. package/dist/components/Popover/utils/portal.d.ts +26 -0
  46. package/dist/components/Popover/utils/usePopoverContext.d.ts +89 -0
  47. package/dist/components/Progress/Progress.d.ts +1 -1
  48. package/dist/components/Progress/ProgressCirclePath.d.ts +1 -1
  49. package/dist/components/RadioGroup/RadioGroupItem.d.ts +1 -1
  50. package/dist/components/Rate/Rate.d.ts +272 -0
  51. package/dist/components/Rate/Rate.model.d.ts +22 -0
  52. package/dist/components/Rate/index.d.ts +9 -0
  53. package/dist/components/Select/Select.model.d.ts +1 -1
  54. package/dist/components/Select/context.d.ts +1 -0
  55. package/dist/components/Select/types.d.ts +2 -2
  56. package/dist/components/Shortcut/Shortcut.d.ts +17 -3
  57. package/dist/components/Shortcut/index.d.ts +3 -3
  58. package/dist/components/Spinner/Spinner.d.ts +2 -2
  59. package/dist/components/Switch/Switch.d.ts +3 -3
  60. package/dist/components/Table/Td.d.ts +2 -2
  61. package/dist/components/Table/Th.d.ts +3 -3
  62. package/dist/components/Textarea/Textarea.d.ts +1 -1
  63. package/dist/components/Textarea/Textarea.model.d.ts +1 -1
  64. package/dist/components/Tooltip/Tooltip.d.ts +149 -20
  65. package/dist/components/Tooltip/TooltipProvider.d.ts +10 -0
  66. package/dist/components/Tooltip/index.d.ts +12 -2
  67. package/dist/components/Tree/Tree.d.ts +1 -1
  68. package/dist/index.d.ts +5 -0
  69. package/dist/index.js +33133 -19200
  70. package/dist/index.umd.cjs +33 -6
  71. package/dist/nuxt/index.js +1 -1
  72. package/dist/nuxt/index.umd.cjs +1 -1
  73. package/dist/resolver/index.js +1 -1
  74. package/dist/resolver/index.umd.cjs +1 -1
  75. package/package.json +8 -9
  76. package/dist/ComponentMap-yKJEBaGH.js +0 -1
  77. package/dist/components/Popover/utils.d.ts +0 -152
  78. /package/dist/components/CoachMark/{_index.d.ts → index.d.ts} +0 -0
  79. /package/dist/components/PinInput/{_index.d.ts → index.d.ts} +0 -0
  80. /package/dist/components/Stepper/{_index.d.ts → index.d.ts} +0 -0
@@ -0,0 +1 @@
1
+ "use strict";const o=["Accordion","AccordionItem","ActionButton","Alert","AlertDialog","Avatar","AvatarGroup","Badge","Blanket","Breadcrumb","Button","ButtonGroup","Card","Checkbox","CheckboxGroup","Chip","ChipGroup","CoachMark","ColorPicker","ColorSwatch","ColorSwatchGroup","ColorTrigger","Combobox","ComboboxInput","ComboboxOption","Comment","CommentAction","CommentReaction","CommentReactionListItem","CommentReactionHoverCard","CommentMention","CommentEditor","CommentTrigger","ConfigProvider","DataTable","Dialog","DialogTitle","Divider","Drawer","DrawerTitle","DropZone","Empty","FloatButton","Form","FormItem","FormValidation","GOPicker","GraphicalObject","GraphicalObjectGroup","HoverCard","Icon","IconButton","Image","IndentLevel","Indicator","Input","InputGroup","InputNumber","Kbd","Label","Link","Menu","MenuItem","Modal","ModalTitle","PageIndicator","Pagination","PinInput","Popover","Progress","RadioGroup","RadioGroupItem","Rate","ScrollContainer","Segmented","Select","SelectOption","SelectLabel","Shortcut","Skeleton","Spinner","Stepper","Steps","Step","SubMenu","Switch","Table","Th","Td","Tr","TBody","THead","TFoot","Tabs","TabList","TabTrigger","TabContent","Textarea","Toast","Tooltip","TooltipProvider","Tree","TreeNode","Upload","UploadList","UploadTrigger"];exports.components=o;
@@ -16,6 +16,7 @@ const o = [
16
16
  "CheckboxGroup",
17
17
  "Chip",
18
18
  "ChipGroup",
19
+ "CoachMark",
19
20
  "ColorPicker",
20
21
  "ColorSwatch",
21
22
  "ColorSwatchGroup",
@@ -54,6 +55,7 @@ const o = [
54
55
  "IndentLevel",
55
56
  "Indicator",
56
57
  "Input",
58
+ "InputGroup",
57
59
  "InputNumber",
58
60
  "Kbd",
59
61
  "Label",
@@ -64,10 +66,12 @@ const o = [
64
66
  "ModalTitle",
65
67
  "PageIndicator",
66
68
  "Pagination",
69
+ "PinInput",
67
70
  "Popover",
68
71
  "Progress",
69
72
  "RadioGroup",
70
73
  "RadioGroupItem",
74
+ "Rate",
71
75
  "ScrollContainer",
72
76
  "Segmented",
73
77
  "Select",
@@ -76,6 +80,7 @@ const o = [
76
80
  "Shortcut",
77
81
  "Skeleton",
78
82
  "Spinner",
83
+ "Stepper",
79
84
  "Steps",
80
85
  "Step",
81
86
  "SubMenu",
@@ -94,6 +99,7 @@ const o = [
94
99
  "Textarea",
95
100
  "Toast",
96
101
  "Tooltip",
102
+ "TooltipProvider",
97
103
  "Tree",
98
104
  "TreeNode",
99
105
  "Upload",
@@ -1,3 +1,3 @@
1
- export declare const components: readonly ["Accordion", "AccordionItem", "ActionButton", "Alert", "AlertDialog", "Avatar", "AvatarGroup", "Badge", "Blanket", "Breadcrumb", "Button", "ButtonGroup", "Card", "Checkbox", "CheckboxGroup", "Chip", "ChipGroup", "ColorPicker", "ColorSwatch", "ColorSwatchGroup", "ColorTrigger", "Combobox", "ComboboxInput", "ComboboxOption", "Comment", "CommentAction", "CommentReaction", "CommentReactionListItem", "CommentReactionHoverCard", "CommentMention", "CommentEditor", "CommentTrigger", "ConfigProvider", "DataTable", "Dialog", "DialogTitle", "Divider", "Drawer", "DrawerTitle", "DropZone", "Empty", "FloatButton", "Form", "FormItem", "FormValidation", "GOPicker", "GraphicalObject", "GraphicalObjectGroup", "HoverCard", "Icon", "IconButton", "Image", "IndentLevel", "Indicator", "Input", "InputNumber", "Kbd", "Label", "Link", "Menu", "MenuItem", "Modal", "ModalTitle", "PageIndicator", "Pagination", "Popover", "Progress", "RadioGroup", "RadioGroupItem", "ScrollContainer", "Segmented", "Select", "SelectOption", "SelectLabel", "Shortcut", "Skeleton", "Spinner", "Steps", "Step", "SubMenu", "Switch", "Table", "Th", "Td", "Tr", "TBody", "THead", "TFoot", "Tabs", "TabList", "TabTrigger", "TabContent", "Textarea", "Toast", "Tooltip", "Tree", "TreeNode", "Upload", "UploadList", "UploadTrigger"];
1
+ export declare const components: readonly ["Accordion", "AccordionItem", "ActionButton", "Alert", "AlertDialog", "Avatar", "AvatarGroup", "Badge", "Blanket", "Breadcrumb", "Button", "ButtonGroup", "Card", "Checkbox", "CheckboxGroup", "Chip", "ChipGroup", "CoachMark", "ColorPicker", "ColorSwatch", "ColorSwatchGroup", "ColorTrigger", "Combobox", "ComboboxInput", "ComboboxOption", "Comment", "CommentAction", "CommentReaction", "CommentReactionListItem", "CommentReactionHoverCard", "CommentMention", "CommentEditor", "CommentTrigger", "ConfigProvider", "DataTable", "Dialog", "DialogTitle", "Divider", "Drawer", "DrawerTitle", "DropZone", "Empty", "FloatButton", "Form", "FormItem", "FormValidation", "GOPicker", "GraphicalObject", "GraphicalObjectGroup", "HoverCard", "Icon", "IconButton", "Image", "IndentLevel", "Indicator", "Input", "InputGroup", "InputNumber", "Kbd", "Label", "Link", "Menu", "MenuItem", "Modal", "ModalTitle", "PageIndicator", "Pagination", "PinInput", "Popover", "Progress", "RadioGroup", "RadioGroupItem", "Rate", "ScrollContainer", "Segmented", "Select", "SelectOption", "SelectLabel", "Shortcut", "Skeleton", "Spinner", "Stepper", "Steps", "Step", "SubMenu", "Switch", "Table", "Th", "Td", "Tr", "TBody", "THead", "TFoot", "Tabs", "TabList", "TabTrigger", "TabContent", "Textarea", "Toast", "Tooltip", "TooltipProvider", "Tree", "TreeNode", "Upload", "UploadList", "UploadTrigger"];
2
2
  export default components;
3
3
  export type Components = (typeof components)[number];
@@ -89,27 +89,27 @@ export interface AlertSlots {
89
89
  /**
90
90
  * Default slot for custom content
91
91
  */
92
- default: () => never;
92
+ default: (params?: object) => never;
93
93
  /**
94
94
  * Custom icon content
95
95
  */
96
- icon: () => never;
96
+ icon: (params?: object) => never;
97
97
  /**
98
98
  * Custom title content
99
99
  */
100
- title: () => never;
100
+ title: (params?: object) => never;
101
101
  /**
102
102
  * Custom description content
103
103
  */
104
- description: () => never;
104
+ description: (params?: object) => never;
105
105
  /**
106
106
  * Custom closeable content
107
107
  */
108
- closeable: () => never;
108
+ closeable: (params?: object) => never;
109
109
  /**
110
110
  * Custom link content
111
111
  */
112
- link: () => never;
112
+ link: (params?: object) => never;
113
113
  }
114
114
  /**
115
115
  * Default props for the Alert component
@@ -2,7 +2,7 @@ import { ConfirmDialogProps } from './ConfirmDialog';
2
2
  import { AlertDialogEmits } from './AlertDialog';
3
3
  import { EmitToProp } from '@pantograph/utils-vue';
4
4
  type PropEmits = {
5
- [K in keyof AlertDialogEmits as EmitToProp<K>]: (...params: AlertDialogEmits[K]) => void;
5
+ [K in keyof AlertDialogEmits as EmitToProp<K>]?: (...params: AlertDialogEmits[K]) => void;
6
6
  };
7
7
  interface CreateAlertDialogParams extends ConfirmDialogProps, PropEmits {
8
8
  appContext?: any;
@@ -72,11 +72,11 @@ export interface AvatarSlots {
72
72
  /**
73
73
  * Default slot for custom content
74
74
  */
75
- default?: () => never;
75
+ default?: (params?: object) => never;
76
76
  /**
77
77
  * Fallback slot for content to display when the avatar image fails to load
78
78
  */
79
- fallback?: () => never;
79
+ fallback?: (params?: object) => never;
80
80
  }
81
81
  /**
82
82
  * Events emitted by the Avatar component
@@ -1,9 +1,9 @@
1
- import { PrimitiveProps } from 'reka-ui';
2
- import { BaseBadgeSlots } from '../BaseBadge/BaseBadge';
3
1
  import { ClassValue } from 'clsx';
4
- import { ButtonColor, ButtonSize, ButtonType, ButtonVariant } from './BaseButton.model';
2
+ import { PrimitiveProps } from 'reka-ui';
5
3
  import { FlipOnDir } from '../../ConfigProvider';
6
4
  import { BadgeSize } from '../BaseBadge/BaseBadge.model';
5
+ import { BaseBadgeSlots } from '../BaseBadge/BaseBadge';
6
+ import { ButtonColor, ButtonSize, ButtonType, ButtonVariant } from './BaseButton.model';
7
7
  /**
8
8
  * Default props for the BaseButton component
9
9
  */
@@ -13,7 +13,7 @@ export interface BaseInputProps {
13
13
  /**
14
14
  * Whether to focus the input immediately on mount
15
15
  */
16
- immediateFocus?: boolean;
16
+ autoFocus?: boolean;
17
17
  /**
18
18
  * Leading icon for the input
19
19
  */
@@ -115,11 +115,11 @@ export interface BaseInputSlots {
115
115
  /**
116
116
  * Clear icon slot
117
117
  */
118
- clearIcon?: () => never;
118
+ clearIcon?: (params?: object) => never;
119
119
  /**
120
120
  * Value slot
121
121
  */
122
- value?: () => never;
122
+ value?: (params?: object) => never;
123
123
  }
124
124
  /**
125
125
  * Emits for the BaseInput component
@@ -9,7 +9,7 @@ export type InputSize = (typeof InputSizes)[number];
9
9
  /**
10
10
  * Array of possible input statuses
11
11
  */
12
- export declare const InputStatuses: readonly ["error", "warning", "success"];
12
+ export declare const InputStatuses: readonly ["error", "warning", "success", "none"];
13
13
  /**
14
14
  * Type representing the possible input statuses
15
15
  */
@@ -201,6 +201,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
201
201
  zIndex: string | number;
202
202
  renderPopupsInContent: boolean;
203
203
  trigger: "click" | "hover";
204
+ stepProps: PaginationProps & {
205
+ hide?: boolean | undefined;
206
+ };
204
207
  nextProps: Partial<Omit<import('../..').BaseButtonProps, "flipOnDir" | "icon" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "badgeIconFlipOnDir">> & {
205
208
  text: string;
206
209
  hide?: boolean | undefined;
@@ -209,9 +212,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
209
212
  text: string;
210
213
  hide?: boolean | undefined;
211
214
  };
212
- stepProps: PaginationProps & {
213
- hide?: boolean | undefined;
214
- };
215
215
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<CoachMarkSlots> & CoachMarkSlots>;
216
216
  export default _default;
217
217
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -91,7 +91,7 @@ export type ColorSwatchGroupProps = Omit<ColorPickerProps, 'class' | 'modelValue
91
91
  * Slots for the ColorSwatchGroup component
92
92
  */
93
93
  export type ColorSwatchGroupSlots = ColorSwatchSlots & {
94
- header: () => never;
94
+ header: (params?: object) => never;
95
95
  };
96
96
  /**
97
97
  * Emits for the ColorSwatchGroup component
@@ -138,9 +138,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
138
138
  value: ColorMode;
139
139
  };
140
140
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, Readonly<ColorSwatchSlots & {
141
- header: () => never;
141
+ header: (params?: object | undefined) => never;
142
142
  }> & ColorSwatchSlots & {
143
- header: () => never;
143
+ header: (params?: object | undefined) => never;
144
144
  }>;
145
145
  export default _default;
146
146
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -31,15 +31,15 @@ export interface ColorTriggerSlots {
31
31
  /**
32
32
  * Default slot
33
33
  */
34
- default?: () => never;
34
+ default?: (params?: object) => never;
35
35
  /**
36
36
  * Icon slot
37
37
  */
38
- icon?: () => never;
38
+ icon?: (params?: object) => never;
39
39
  /**
40
40
  * Suffix icon slot
41
41
  */
42
- suffixIcon?: () => never;
42
+ suffixIcon?: (params?: object) => never;
43
43
  }
44
44
  /**
45
45
  * Default props for the ColorTrigger component
@@ -1,6 +1,6 @@
1
- import { ComboboxOptionType, ComboboxFlattenOptionType, ComboboxProps, ComboboxSlots, ComboboxKeydownEvent } from './types';
2
1
  import { Virtualizer } from '@pantograph/utils-vue';
3
2
  import { TreeProps } from '../Tree';
3
+ import { ComboboxFlattenOptionType, ComboboxKeydownEvent, ComboboxOptionType, ComboboxProps, ComboboxSlots } from './types';
4
4
  export declare const COMBO_BOX_DEFAULT_PROPS: {
5
5
  readonly open: undefined;
6
6
  readonly defaultOpen: undefined;
@@ -35,7 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
35
35
  getFlattenOption: (item: ComboboxOptionType) => ComboboxFlattenOptionType;
36
36
  getOptionDataset: (option: ComboboxFlattenOptionType) => Record<string, any>;
37
37
  getDisabled: import('vue').ComputedRef<boolean>;
38
- getStatus: import('vue').ComputedRef<"error" | "success" | "warning">;
38
+ getStatus: import('vue').ComputedRef<"none" | "error" | "success" | "warning">;
39
39
  getSize: import('vue').ComputedRef<"sm" | "md" | "lg">;
40
40
  getTagSize: import('vue').ComputedRef<"xsm" | "sm" | "md">;
41
41
  getIconSize: import('vue').ComputedRef<"2xsm" | "xsm" | "sm">;
@@ -57,6 +57,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
57
57
  highlightedOptionKey: import('vue').Ref<string | undefined, string | undefined>;
58
58
  comboboxInputFocused: import('vue').Ref<boolean, boolean>;
59
59
  onKeyDown: (event: KeyboardEvent) => void;
60
+ inputGroupClass: string;
60
61
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
61
62
  search: (value?: string | null | undefined) => any;
62
63
  select: (value: string | undefined, selected: boolean, option?: ComboboxFlattenOptionType | undefined) => any;
@@ -368,7 +369,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
368
369
  overlay: boolean;
369
370
  scrollDistance: number;
370
371
  scrollHideDelay: number;
371
- }> & Omit<Readonly<import('../ScrollContainer').ScrollContainerProps> & Readonly<{}>, "wrap" | "container" | "root" | "topVisible" | "bottomVisible" | "rightVisible" | "leftVisible" | "scrollTop" | "scrollTopLeft" | "isOverflowX" | "isOverflowY" | ("type" | "size" | "overlay" | "scrollDistance" | "scrollHideDelay") | "getScroll"> & import('vue').ShallowUnwrapRef<{
372
+ }> & Omit<Readonly<import('../ScrollContainer').ScrollContainerProps> & Readonly<{}>, "wrap" | "root" | "topVisible" | "bottomVisible" | "rightVisible" | "leftVisible" | "scrollTop" | "scrollTopLeft" | "isOverflowX" | "isOverflowY" | "container" | ("type" | "size" | "overlay" | "scrollDistance" | "scrollHideDelay") | "getScroll"> & import('vue').ShallowUnwrapRef<{
372
373
  container: import('vue').Ref<any, any>;
373
374
  wrap: import('vue').Ref<any, any>;
374
375
  root: import('vue').Ref<any, any>;
@@ -527,8 +528,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
527
528
  unchoose: (event: import('@pantograph/sortable').SortableEvent) => any;
528
529
  }, string, {
529
530
  disabled: boolean;
530
- selectionBehavior: "toggle" | "replace";
531
531
  focusable: boolean;
532
+ selectionBehavior: "toggle" | "replace";
532
533
  checkStrictly: boolean;
533
534
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
534
535
  beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -552,8 +553,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
552
553
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
553
554
  } & Readonly<{
554
555
  disabled: boolean;
555
- selectionBehavior: "toggle" | "replace";
556
556
  focusable: boolean;
557
+ selectionBehavior: "toggle" | "replace";
557
558
  checkStrictly: boolean;
558
559
  }> & Omit<Readonly<TreeProps> & Readonly<{
559
560
  onSelect?: ((node: object | import('../Tree').TreeNodeType, selected: boolean, selectedKeys: string[]) => any) | undefined;
@@ -570,7 +571,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
570
571
  onDragEnd?: ((event: import('../Tree').TreeDragEvent) => any) | undefined;
571
572
  onChoose?: ((event: import('@pantograph/sortable').SortableEvent) => any) | undefined;
572
573
  onUnchoose?: ((event: import('@pantograph/sortable').SortableEvent) => any) | undefined;
573
- }>, "dir" | "props" | "iconSize" | "onSelect" | "checked" | "model" | "getLevel" | "expandedKeys" | "indentSize" | "onCheck" | ("disabled" | "selectionBehavior" | "focusable" | "checkStrictly") | "dragging" | "scrollContainerRef" | "onExpandKey" | "getNodeField" | "getNodeChildren" | "getIsSelected" | "getIsChecked" | "prefixes"> & import('vue').ShallowUnwrapRef<{
574
+ }>, "dir" | "props" | "iconSize" | "onSelect" | "checked" | "model" | "getLevel" | "expandedKeys" | "indentSize" | "onCheck" | ("disabled" | "focusable" | "selectionBehavior" | "checkStrictly") | "dragging" | "scrollContainerRef" | "onExpandKey" | "getNodeField" | "getNodeChildren" | "getIsSelected" | "getIsChecked" | "prefixes"> & import('vue').ShallowUnwrapRef<{
574
575
  disabled: import('vue').ComputedRef<boolean | undefined>;
575
576
  props: TreeProps;
576
577
  dir: import('vue').ComputedRef<import('../ConfigProvider').Direction | undefined>;
@@ -9,7 +9,7 @@ export type ComboboxSize = (typeof ComboboxSizes)[number];
9
9
  /**
10
10
  * Array of available combobox statuses
11
11
  */
12
- export declare const ComboboxStatuses: readonly ["error", "warning", "success"];
12
+ export declare const ComboboxStatuses: readonly ["error", "warning", "success", "none"];
13
13
  /**
14
14
  * Type representing the possible combobox statuses
15
15
  */
@@ -33,6 +33,7 @@ export interface ComboboxContext {
33
33
  highlightedOptionKey: Ref<string | undefined>;
34
34
  comboboxInputFocused: Ref<boolean>;
35
35
  onKeyDown: (event: KeyboardEvent) => void;
36
+ inputGroupClass: string;
36
37
  }
37
38
  export declare const injectComboboxContext: <T extends ComboboxContext | null | undefined = ComboboxContext>(fallback?: T | undefined) => T extends null ? ComboboxContext | null : ComboboxContext, provideComboboxContext: (contextValue: ComboboxContext) => ComboboxContext;
38
39
  export declare const comboboxPrefix: string;
@@ -1,4 +1,4 @@
1
- import { GetPopupContainer, PopoverEmits, PopoverProps } from '../Popover';
1
+ import { PopoverBaseProps, PopoverEmits, PopoverProps } from '../Popover';
2
2
  import { SkeletonProps } from '../Skeleton';
3
3
  import { ComboboxSize, ComboboxStatus } from './Combobox.model';
4
4
  import { EmitToProp } from '@pantograph/utils-vue';
@@ -62,7 +62,7 @@ export interface ComboboxProps extends Partial<Pick<PopoverProps, 'placement' |
62
62
  trailingIcon?: string | boolean;
63
63
  selectedItemIconAsTrailingIcon?: boolean;
64
64
  maxCount?: number | string;
65
- to?: string | HTMLElement | GetPopupContainer;
65
+ to?: PopoverBaseProps['to'];
66
66
  placeholder?: string;
67
67
  indicatorIcon?: string;
68
68
  options?: ComboboxOptionType[];
@@ -43,7 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
43
43
  readonly resetSearchTermOnBlur?: boolean | undefined;
44
44
  readonly resetSearchTermOnSelect?: boolean | undefined;
45
45
  readonly size?: "sm" | "md" | "lg" | undefined;
46
- readonly status?: "error" | "success" | "warning" | undefined;
46
+ readonly status?: "none" | "error" | "success" | "warning" | undefined;
47
47
  readonly noValueOnPlaceholder?: boolean | undefined;
48
48
  readonly zIndex?: string | number | undefined;
49
49
  readonly checkbox?: boolean | undefined;
@@ -59,7 +59,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
59
59
  readonly trailingIcon?: string | boolean | undefined;
60
60
  readonly selectedItemIconAsTrailingIcon?: boolean | undefined;
61
61
  readonly maxCount?: string | number | undefined;
62
- readonly to?: string | HTMLElement | import('../Popover').GetPopupContainer | undefined;
62
+ readonly to?: string | object | HTMLElement | import('../Popover').GetPopupContainer | undefined;
63
63
  readonly placeholder?: string | undefined;
64
64
  readonly indicatorIcon?: string | undefined;
65
65
  readonly options?: ComboboxOptionType[] | undefined;
@@ -115,7 +115,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
115
115
  readonly dir?: import('../ConfigProvider').Direction | undefined;
116
116
  readonly open?: boolean | undefined;
117
117
  readonly defaultOpen?: boolean | undefined;
118
- readonly ignoreParentTo?: boolean | undefined;
119
118
  readonly prioritizePosition?: boolean | undefined;
120
119
  readonly placement?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end" | undefined;
121
120
  readonly sideOffset?: number | undefined;
@@ -124,6 +123,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
124
123
  readonly reference?: import('reka-ui').ReferenceElement | undefined;
125
124
  readonly containerProps?: object | undefined;
126
125
  readonly disableOutsidePointerEvents?: boolean | undefined;
126
+ readonly ignoreParentTo?: boolean | undefined;
127
127
  readonly reversePlacementOnDir?: import('../ConfigProvider').Direction | undefined;
128
128
  readonly noTrigger?: boolean | undefined;
129
129
  readonly onSearch?: ((value?: string | null | undefined) => any) | undefined;
@@ -401,7 +401,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
401
401
  overlay: boolean;
402
402
  scrollDistance: number;
403
403
  scrollHideDelay: number;
404
- }> & Omit<Readonly<import('../ScrollContainer').ScrollContainerProps> & Readonly<{}>, "wrap" | "container" | "root" | "topVisible" | "bottomVisible" | "rightVisible" | "leftVisible" | "scrollTop" | "scrollTopLeft" | "isOverflowX" | "isOverflowY" | ("type" | "size" | "overlay" | "scrollDistance" | "scrollHideDelay") | "getScroll"> & import('vue').ShallowUnwrapRef<{
404
+ }> & Omit<Readonly<import('../ScrollContainer').ScrollContainerProps> & Readonly<{}>, "wrap" | "root" | "topVisible" | "bottomVisible" | "rightVisible" | "leftVisible" | "scrollTop" | "scrollTopLeft" | "isOverflowX" | "isOverflowY" | "container" | ("type" | "size" | "overlay" | "scrollDistance" | "scrollHideDelay") | "getScroll"> & import('vue').ShallowUnwrapRef<{
405
405
  container: import('vue').Ref<any, any>;
406
406
  wrap: import('vue').Ref<any, any>;
407
407
  root: import('vue').Ref<any, any>;
@@ -560,8 +560,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
560
560
  unchoose: (event: import('@pantograph/sortable').SortableEvent) => any;
561
561
  }, string, {
562
562
  disabled: boolean;
563
- selectionBehavior: "toggle" | "replace";
564
563
  focusable: boolean;
564
+ selectionBehavior: "toggle" | "replace";
565
565
  checkStrictly: boolean;
566
566
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
567
567
  beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -585,8 +585,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
585
585
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
586
586
  } & Readonly<{
587
587
  disabled: boolean;
588
- selectionBehavior: "toggle" | "replace";
589
588
  focusable: boolean;
589
+ selectionBehavior: "toggle" | "replace";
590
590
  checkStrictly: boolean;
591
591
  }> & Omit<Readonly<import('../Tree').TreeProps> & Readonly<{
592
592
  onSelect?: ((node: object | import('../Tree').TreeNodeType, selected: boolean, selectedKeys: string[]) => any) | undefined;
@@ -603,7 +603,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
603
603
  onDragEnd?: ((event: import('../Tree').TreeDragEvent) => any) | undefined;
604
604
  onChoose?: ((event: import('@pantograph/sortable').SortableEvent) => any) | undefined;
605
605
  onUnchoose?: ((event: import('@pantograph/sortable').SortableEvent) => any) | undefined;
606
- }>, "dir" | "props" | "iconSize" | "onSelect" | "checked" | "model" | "getLevel" | "expandedKeys" | "indentSize" | "onCheck" | ("disabled" | "selectionBehavior" | "focusable" | "checkStrictly") | "dragging" | "scrollContainerRef" | "onExpandKey" | "getNodeField" | "getNodeChildren" | "getIsSelected" | "getIsChecked" | "prefixes"> & import('vue').ShallowUnwrapRef<{
606
+ }>, "dir" | "props" | "iconSize" | "onSelect" | "checked" | "model" | "getLevel" | "expandedKeys" | "indentSize" | "onCheck" | ("disabled" | "focusable" | "selectionBehavior" | "checkStrictly") | "dragging" | "scrollContainerRef" | "onExpandKey" | "getNodeField" | "getNodeChildren" | "getIsSelected" | "getIsChecked" | "prefixes"> & import('vue').ShallowUnwrapRef<{
607
607
  disabled: import('vue').ComputedRef<boolean | undefined>;
608
608
  props: import('../Tree').TreeProps;
609
609
  dir: import('vue').ComputedRef<import('../ConfigProvider').Direction | undefined>;
@@ -668,7 +668,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
668
668
  getFlattenOption: (item: ComboboxOptionType) => import('../Combobox').ComboboxFlattenOptionType;
669
669
  getOptionDataset: (option: import('../Combobox').ComboboxFlattenOptionType) => Record<string, any>;
670
670
  getDisabled: import('vue').ComputedRef<boolean>;
671
- getStatus: import('vue').ComputedRef<"error" | "success" | "warning">;
671
+ getStatus: import('vue').ComputedRef<"none" | "error" | "success" | "warning">;
672
672
  getSize: import('vue').ComputedRef<"sm" | "md" | "lg">;
673
673
  getTagSize: import('vue').ComputedRef<"xsm" | "sm" | "md">;
674
674
  getIconSize: import('vue').ComputedRef<"2xsm" | "xsm" | "sm">;
@@ -690,6 +690,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
690
690
  highlightedOptionKey: import('vue').Ref<string | undefined, string | undefined>;
691
691
  comboboxInputFocused: import('vue').Ref<boolean, boolean>;
692
692
  onKeyDown: (event: KeyboardEvent) => void;
693
+ inputGroupClass: string;
693
694
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
694
695
  search: (value?: string | null | undefined) => any;
695
696
  select: (value: string | undefined, selected: boolean, option?: import('../Combobox').ComboboxFlattenOptionType | undefined) => any;
@@ -792,7 +793,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
792
793
  onKeydownEscape?: ((event: import('../Combobox').ComboboxKeydownEvent, search?: string | undefined, isEmpty?: boolean | undefined) => any) | undefined;
793
794
  "onUpdate:search"?: ((value?: string | null | undefined) => any) | undefined;
794
795
  onFetch?: (() => any) | undefined;
795
- }>, "props" | "placeholder" | "slots" | "emit" | "getIconSize" | "getDisabled" | "getStatus" | "getSize" | "triggerRef" | "openModel" | "model" | "inputRef" | "onKeyDown" | "getItems" | "focusOnInput" | "getOptionDataset" | ("disabled" | "bordered" | "multiple" | "open" | "defaultOpen" | "prioritizePosition" | "placement" | "sideOffset" | "avoidCollisions" | "disableOutsidePointerEvents" | "zIndex" | "checkbox" | "trailingIcon" | "selectedItemIconAsTrailingIcon" | "indicatorIcon" | "loadingRowCount" | "clearOnChangeMultiple" | "samePopupWidth" | "popupHeight" | "resetSearchTermOnBlur" | "resetSearchTermOnSelect" | "noValueOnPlaceholder" | "tagRenderMode") | "isOptionSelected" | "getOptionByValue" | "getLabelByValue" | "getSingleByValue" | "getFlattenOption" | "getTagSize" | "comboboxInputBinding" | "comboboxTriggerBinding" | "searchModel" | "valuePlaceholder" | "selectOption" | "itemMap" | "highlightedOptionKey" | "comboboxInputFocused"> & import('vue').ShallowUnwrapRef<{
796
+ }>, "props" | "placeholder" | "slots" | "emit" | "getIconSize" | "getDisabled" | "getStatus" | "getSize" | "triggerRef" | "openModel" | "model" | "getItems" | "inputRef" | "onKeyDown" | "focusOnInput" | "getOptionDataset" | ("disabled" | "bordered" | "multiple" | "open" | "defaultOpen" | "prioritizePosition" | "placement" | "sideOffset" | "avoidCollisions" | "disableOutsidePointerEvents" | "zIndex" | "checkbox" | "trailingIcon" | "selectedItemIconAsTrailingIcon" | "indicatorIcon" | "loadingRowCount" | "clearOnChangeMultiple" | "samePopupWidth" | "popupHeight" | "resetSearchTermOnBlur" | "resetSearchTermOnSelect" | "noValueOnPlaceholder" | "tagRenderMode") | "isOptionSelected" | "getOptionByValue" | "getLabelByValue" | "getSingleByValue" | "getFlattenOption" | "getTagSize" | "comboboxInputBinding" | "comboboxTriggerBinding" | "searchModel" | "valuePlaceholder" | "selectOption" | "itemMap" | "highlightedOptionKey" | "comboboxInputFocused" | "inputGroupClass"> & import('vue').ShallowUnwrapRef<{
796
797
  isOptionSelected: (value?: string | undefined) => boolean;
797
798
  getOptionByValue: (value: string) => import('../Combobox').ComboboxFlattenOptionType | undefined;
798
799
  getLabelByValue: (value: string) => string | undefined;
@@ -801,7 +802,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
801
802
  getFlattenOption: (item: ComboboxOptionType) => import('../Combobox').ComboboxFlattenOptionType;
802
803
  getOptionDataset: (option: import('../Combobox').ComboboxFlattenOptionType) => Record<string, any>;
803
804
  getDisabled: import('vue').ComputedRef<boolean>;
804
- getStatus: import('vue').ComputedRef<"error" | "success" | "warning">;
805
+ getStatus: import('vue').ComputedRef<"none" | "error" | "success" | "warning">;
805
806
  getSize: import('vue').ComputedRef<"sm" | "md" | "lg">;
806
807
  getTagSize: import('vue').ComputedRef<"xsm" | "sm" | "md">;
807
808
  getIconSize: import('vue').ComputedRef<"2xsm" | "xsm" | "sm">;
@@ -823,6 +824,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
823
824
  highlightedOptionKey: import('vue').Ref<string | undefined, string | undefined>;
824
825
  comboboxInputFocused: import('vue').Ref<boolean, boolean>;
825
826
  onKeyDown: (event: KeyboardEvent) => void;
827
+ inputGroupClass: string;
826
828
  }> & {} & import('vue').ComponentCustomProperties & {} & {
827
829
  $slots: Readonly<ComboboxSlots> & ComboboxSlots;
828
830
  }) | null;
@@ -48,7 +48,7 @@ export interface CommentTriggerSlots extends AvatarSlots {
48
48
  /**
49
49
  * Slot for custom text content
50
50
  */
51
- text?: () => never;
51
+ text?: (params?: object) => never;
52
52
  }
53
53
  /**
54
54
  * Emits for the CommentTrigger component
@@ -73,7 +73,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Da
73
73
  onRowClick?: ((row: object, event: Event) => any) | undefined;
74
74
  onColumnWrap?: ((wrapped: boolean, column: TableColumn) => any) | undefined;
75
75
  }>, {
76
- tableLayout: "fixed" | "auto";
77
76
  loadingRowCount: number;
78
77
  zebra: boolean;
79
78
  minVisibleAreaOnFixColumns: string | number;
@@ -81,6 +80,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Da
81
80
  childrenColumnName: string | ((row: any) => any);
82
81
  batchActionsTitle: string;
83
82
  paginateExpandedRows: boolean;
83
+ tableLayout: "fixed" | "auto";
84
84
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
85
85
  tableRootRef: HTMLDivElement;
86
86
  }, HTMLDivElement>, Readonly<DataTableSlots> & DataTableSlots>;
@@ -72,10 +72,10 @@ export interface DataTableSlots {
72
72
  action?: (props: TableGetFunctionsProps) => never;
73
73
  cellAction?: (props: TableGetFunctionsProps) => never;
74
74
  hoverAction?: (props: TableGetFunctionsProps) => never;
75
- emptyTitle?: () => never;
76
- emptyDescription?: () => never;
77
- emptyActions?: () => never;
78
- emptyImage?: () => never;
75
+ emptyTitle?: (params?: object) => never;
76
+ emptyDescription?: (params?: object) => never;
77
+ emptyActions?: (params?: object) => never;
78
+ emptyImage?: (params?: object) => never;
79
79
  }
80
80
  export interface SortItem {
81
81
  desc: boolean;
@@ -62,19 +62,19 @@ export interface EmptySlots {
62
62
  /**
63
63
  * Custom content for the title
64
64
  */
65
- title: () => never;
65
+ title: (params?: object) => never;
66
66
  /**
67
67
  * Custom content for the description
68
68
  */
69
- description: () => never;
69
+ description: (params?: object) => never;
70
70
  /**
71
71
  * Custom content for the actions area
72
72
  */
73
- actions: () => never;
73
+ actions: (params?: object) => never;
74
74
  /**
75
75
  * Custom content for the image area
76
76
  */
77
- image: () => never;
77
+ image: (params?: object) => never;
78
78
  }
79
79
  /**
80
80
  * Default props for the Empty component
@@ -87,6 +87,7 @@ type Field = FieldContext<any>;
87
87
  * Props passed to FormItem slots
88
88
  */
89
89
  type FormItemSlotsProps = {
90
+ status?: FormItemStatus;
90
91
  /**
91
92
  * Field context from vee-validate
92
93
  */
@@ -179,6 +180,7 @@ export declare const FORM_ITEM_DEFAULT_PROPS: {
179
180
  };
180
181
  declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<FormItemProps, {
181
182
  form?: FormType | undefined;
183
+ status?: "none" | "error" | "success" | "warning" | undefined;
182
184
  field: Field;
183
185
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
184
186
  change: (value?: any) => any;
@@ -25,7 +25,7 @@ export declare const FORM_VALIDATION_DEFAULT_PROPS: {
25
25
  readonly status: "error";
26
26
  };
27
27
  declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<FormValidationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FormValidationProps> & Readonly<{}>, {
28
- status: "error" | "success" | "warning";
28
+ status: "none" | "error" | "success" | "warning";
29
29
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, Readonly<{
30
30
  /**
31
31
  * Default slot for custom content
@@ -213,6 +213,7 @@ export interface GOPickerProps {
213
213
  * Props to pass to the search input component
214
214
  */
215
215
  inputProps?: InputProps;
216
+ inputCls?: ClassValue;
216
217
  /**
217
218
  * Which colors to reset when changing between icon and emoji types
218
219
  */
@@ -299,7 +300,7 @@ export interface GOPickerSlots extends Partial<Pick<BaseInputSlots, 'leading' |
299
300
  /**
300
301
  * Customize the header for the foreground color picker
301
302
  */
302
- fgHeader?: () => never;
303
+ fgHeader?: (params?: object) => never;
303
304
  /**
304
305
  * Customize items in the foreground color picker
305
306
  * @param data - Color swatch slot data
@@ -313,7 +314,7 @@ export interface GOPickerSlots extends Partial<Pick<BaseInputSlots, 'leading' |
313
314
  /**
314
315
  * Customize the header for the background color picker
315
316
  */
316
- bgHeader?: () => never;
317
+ bgHeader?: (params?: object) => never;
317
318
  /**
318
319
  * Customize items in the background color picker
319
320
  * @param data - Color swatch slot data
@@ -327,7 +328,7 @@ export interface GOPickerSlots extends Partial<Pick<BaseInputSlots, 'leading' |
327
328
  /**
328
329
  * Customize the header for the border color picker
329
330
  */
330
- brHeader?: () => never;
331
+ brHeader?: (params?: object) => never;
331
332
  /**
332
333
  * Customize items in the border color picker
333
334
  * @param data - Color swatch slot data
@@ -348,6 +349,10 @@ export interface GOPickerSlots extends Partial<Pick<BaseInputSlots, 'leading' |
348
349
  }) => never;
349
350
  }
350
351
  export declare const goPickerPrefix: string;
352
+ export declare const GO_PICKER_DEFAULT_POPOVER_PROPS: {
353
+ forceMount: boolean;
354
+ disableOutsidePointerEvents: boolean;
355
+ };
351
356
  /**
352
357
  * Default props for the GOPicker component
353
358
  */
@@ -356,23 +361,28 @@ export declare const GO_PICKER_DEFAULT_PROPS: {
356
361
  readonly visibleColorPickers: () => ("br" | "bg" | "fg")[];
357
362
  readonly popoverProps: () => {
358
363
  forceMount: boolean;
364
+ disableOutsidePointerEvents: boolean;
359
365
  };
360
366
  readonly colorPopoverProps: () => {
361
367
  forceMount: boolean;
368
+ disableOutsidePointerEvents: boolean;
362
369
  };
363
370
  readonly fgColorSwatchGroupProps: () => {
364
371
  popoverProps: {
365
372
  forceMount: boolean;
373
+ disableOutsidePointerEvents: boolean;
366
374
  };
367
375
  };
368
376
  readonly bgColorSwatchGroupProps: () => {
369
377
  popoverProps: {
370
378
  forceMount: boolean;
379
+ disableOutsidePointerEvents: boolean;
371
380
  };
372
381
  };
373
382
  readonly brColorSwatchGroupProps: () => {
374
383
  popoverProps: {
375
384
  forceMount: boolean;
385
+ disableOutsidePointerEvents: boolean;
376
386
  };
377
387
  };
378
388
  readonly disabled: undefined;