@knime/kds-components 0.23.2 → 0.24.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.
Files changed (160) hide show
  1. package/dist/index.css +577 -1523
  2. package/dist/index.js +8924 -11446
  3. package/dist/index.js.map +1 -1
  4. package/dist/src/{containers/ListItem/ListItemDivider/ListItemDivider.vue.d.ts → accessories/Divider/KdsDivider.vue.d.ts} +1 -1
  5. package/dist/src/accessories/Divider/KdsDivider.vue.d.ts.map +1 -0
  6. package/dist/src/accessories/Divider/index.d.ts +2 -0
  7. package/dist/src/accessories/Divider/index.d.ts.map +1 -0
  8. package/dist/src/accessories/index.d.ts +1 -0
  9. package/dist/src/accessories/index.d.ts.map +1 -1
  10. package/dist/src/buttons/KdsMenuButton/KdsMenuButton.vue.d.ts +71 -38
  11. package/dist/src/buttons/KdsMenuButton/KdsMenuButton.vue.d.ts.map +1 -1
  12. package/dist/src/buttons/KdsSplitButton/KdsSplitButton.vue.d.ts +71 -38
  13. package/dist/src/buttons/KdsSplitButton/KdsSplitButton.vue.d.ts.map +1 -1
  14. package/dist/src/containers/ContextMenu/KdsContextMenu.vue.d.ts +14 -0
  15. package/dist/src/containers/ContextMenu/KdsContextMenu.vue.d.ts.map +1 -0
  16. package/dist/src/containers/ContextMenu/index.d.ts +3 -0
  17. package/dist/src/containers/ContextMenu/index.d.ts.map +1 -0
  18. package/dist/src/containers/ContextMenu/types.d.ts +35 -0
  19. package/dist/src/containers/ContextMenu/types.d.ts.map +1 -0
  20. package/dist/src/containers/ListContainer/KdsListContainer.vue.d.ts +1 -0
  21. package/dist/src/containers/ListContainer/KdsListContainer.vue.d.ts.map +1 -1
  22. package/dist/src/containers/ListContainer/types.d.ts +2 -0
  23. package/dist/src/containers/ListContainer/types.d.ts.map +1 -1
  24. package/dist/src/containers/ListItem/KdsListItem/KdsListItem.vue.d.ts.map +1 -1
  25. package/dist/src/containers/ListItem/KdsListItem/types.d.ts +25 -3
  26. package/dist/src/containers/ListItem/KdsListItem/types.d.ts.map +1 -1
  27. package/dist/src/containers/Menu/KdsMenu.vue.d.ts +363 -0
  28. package/dist/src/containers/Menu/KdsMenu.vue.d.ts.map +1 -0
  29. package/dist/src/containers/Menu/index.d.ts +3 -0
  30. package/dist/src/containers/Menu/index.d.ts.map +1 -0
  31. package/dist/src/containers/Menu/types.d.ts +13 -0
  32. package/dist/src/containers/Menu/types.d.ts.map +1 -0
  33. package/dist/src/containers/MenuContainer/KdsMenuContainer.vue.d.ts +1 -28
  34. package/dist/src/containers/MenuContainer/KdsMenuContainer.vue.d.ts.map +1 -1
  35. package/dist/src/containers/MenuContainer/KdsMenuItem.vue.d.ts +14 -0
  36. package/dist/src/containers/MenuContainer/KdsMenuItem.vue.d.ts.map +1 -0
  37. package/dist/src/containers/MenuContainer/types.d.ts +23 -5
  38. package/dist/src/containers/MenuContainer/types.d.ts.map +1 -1
  39. package/dist/src/containers/_helpers/useListItemKeyboardNav.d.ts +27 -0
  40. package/dist/src/containers/_helpers/useListItemKeyboardNav.d.ts.map +1 -0
  41. package/dist/src/containers/_helpers/useStableItemIds.d.ts +19 -0
  42. package/dist/src/containers/_helpers/useStableItemIds.d.ts.map +1 -0
  43. package/dist/src/containers/index.d.ts +5 -2
  44. package/dist/src/containers/index.d.ts.map +1 -1
  45. package/dist/src/forms/_helper/InfoPopover/KdsInfoToggleButton.vue.d.ts +136 -16
  46. package/dist/src/forms/_helper/InfoPopover/KdsInfoToggleButton.vue.d.ts.map +1 -1
  47. package/dist/src/forms/_helper/KdsLabel.vue.d.ts.map +1 -1
  48. package/dist/src/forms/_helper/VariablePopover/KdsVariableToggleButton.vue.d.ts +136 -16
  49. package/dist/src/forms/_helper/VariablePopover/KdsVariableToggleButton.vue.d.ts.map +1 -1
  50. package/dist/src/forms/inputs/BaseInput.vue.d.ts +7 -0
  51. package/dist/src/forms/inputs/BaseInput.vue.d.ts.map +1 -1
  52. package/dist/src/forms/inputs/ColorInput/KdsColorInput.vue.d.ts +68 -8
  53. package/dist/src/forms/inputs/ColorInput/KdsColorInput.vue.d.ts.map +1 -1
  54. package/dist/src/forms/inputs/DateInput/KdsDateInput.vue.d.ts +184 -99
  55. package/dist/src/forms/inputs/DateInput/KdsDateInput.vue.d.ts.map +1 -1
  56. package/dist/src/forms/inputs/DateInput/KdsDatePicker.vue.d.ts +88 -0
  57. package/dist/src/forms/inputs/DateInput/KdsDatePicker.vue.d.ts.map +1 -0
  58. package/dist/src/forms/inputs/DateInput/_helper/DatePickerDayGrid.vue.d.ts +17 -0
  59. package/dist/src/forms/inputs/DateInput/_helper/DatePickerDayGrid.vue.d.ts.map +1 -0
  60. package/dist/src/forms/inputs/DateInput/_helper/DatePickerMonthGrid.vue.d.ts +14 -0
  61. package/dist/src/forms/inputs/DateInput/_helper/DatePickerMonthGrid.vue.d.ts.map +1 -0
  62. package/dist/src/forms/inputs/DateInput/_helper/DatePickerYearGrid.vue.d.ts +14 -0
  63. package/dist/src/forms/inputs/DateInput/_helper/DatePickerYearGrid.vue.d.ts.map +1 -0
  64. package/dist/src/forms/inputs/DateInput/_helper/types.d.ts +18 -0
  65. package/dist/src/forms/inputs/DateInput/_helper/types.d.ts.map +1 -0
  66. package/dist/src/forms/inputs/DateInput/dateUtils.d.ts +4 -3
  67. package/dist/src/forms/inputs/DateInput/dateUtils.d.ts.map +1 -1
  68. package/dist/src/forms/inputs/DateInput/enums.d.ts +7 -0
  69. package/dist/src/forms/inputs/DateInput/enums.d.ts.map +1 -0
  70. package/dist/src/forms/inputs/DateInput/index.d.ts +1 -1
  71. package/dist/src/forms/inputs/DateInput/index.d.ts.map +1 -1
  72. package/dist/src/forms/inputs/DateInput/types.d.ts +22 -6
  73. package/dist/src/forms/inputs/DateInput/types.d.ts.map +1 -1
  74. package/dist/src/forms/inputs/DateInput/useDateInputMask.d.ts +12 -0
  75. package/dist/src/forms/inputs/DateInput/useDateInputMask.d.ts.map +1 -0
  76. package/dist/src/forms/inputs/DateTimeFormatInput/KdsDateTimeFormatInput.vue.d.ts +68 -8
  77. package/dist/src/forms/inputs/DateTimeFormatInput/KdsDateTimeFormatInput.vue.d.ts.map +1 -1
  78. package/dist/src/forms/inputs/IntervalInput/IntervalInputPopover.vue.d.ts +16 -0
  79. package/dist/src/forms/inputs/IntervalInput/IntervalInputPopover.vue.d.ts.map +1 -0
  80. package/dist/src/forms/inputs/IntervalInput/KdsIntervalInput.vue.d.ts +398 -0
  81. package/dist/src/forms/inputs/IntervalInput/KdsIntervalInput.vue.d.ts.map +1 -0
  82. package/dist/src/forms/inputs/IntervalInput/enums.d.ts +12 -0
  83. package/dist/src/forms/inputs/IntervalInput/enums.d.ts.map +1 -0
  84. package/dist/src/forms/inputs/IntervalInput/index.d.ts +4 -0
  85. package/dist/src/forms/inputs/IntervalInput/index.d.ts.map +1 -0
  86. package/dist/src/forms/inputs/IntervalInput/intervalUtils.d.ts +31 -0
  87. package/dist/src/forms/inputs/IntervalInput/intervalUtils.d.ts.map +1 -0
  88. package/dist/src/forms/inputs/IntervalInput/types.d.ts +19 -0
  89. package/dist/src/forms/inputs/IntervalInput/types.d.ts.map +1 -0
  90. package/dist/src/forms/inputs/NumberInput/KdsNumberInput.vue.d.ts +8 -1
  91. package/dist/src/forms/inputs/NumberInput/KdsNumberInput.vue.d.ts.map +1 -1
  92. package/dist/src/forms/inputs/PasswordInput/KdsPasswordInput.vue.d.ts +8 -1
  93. package/dist/src/forms/inputs/PasswordInput/KdsPasswordInput.vue.d.ts.map +1 -1
  94. package/dist/src/forms/inputs/PatternInput/KdsPatternInput.vue.d.ts +8 -1
  95. package/dist/src/forms/inputs/PatternInput/KdsPatternInput.vue.d.ts.map +1 -1
  96. package/dist/src/forms/inputs/SearchInput/KdsSearchInput.vue.d.ts +80 -11
  97. package/dist/src/forms/inputs/SearchInput/KdsSearchInput.vue.d.ts.map +1 -1
  98. package/dist/src/forms/inputs/TextInput/KdsTextInput.vue.d.ts +80 -11
  99. package/dist/src/forms/inputs/TextInput/KdsTextInput.vue.d.ts.map +1 -1
  100. package/dist/src/forms/inputs/TimeInput/KdsTimeInput.vue.d.ts +1221 -0
  101. package/dist/src/forms/inputs/TimeInput/KdsTimeInput.vue.d.ts.map +1 -0
  102. package/dist/src/forms/inputs/TimeInput/TimePicker.vue.d.ts +886 -0
  103. package/dist/src/forms/inputs/TimeInput/TimePicker.vue.d.ts.map +1 -0
  104. package/dist/src/forms/inputs/TimeInput/enums.d.ts +7 -0
  105. package/dist/src/forms/inputs/TimeInput/enums.d.ts.map +1 -0
  106. package/dist/src/forms/inputs/TimeInput/index.d.ts +4 -0
  107. package/dist/src/forms/inputs/TimeInput/index.d.ts.map +1 -0
  108. package/dist/src/forms/inputs/TimeInput/types.d.ts +15 -0
  109. package/dist/src/forms/inputs/TimeInput/types.d.ts.map +1 -0
  110. package/dist/src/forms/inputs/TimeInput/useTimeInputMask.d.ts +13 -0
  111. package/dist/src/forms/inputs/TimeInput/useTimeInputMask.d.ts.map +1 -0
  112. package/dist/src/forms/inputs/UsernameInput/KdsUsernameInput.vue.d.ts +8 -1
  113. package/dist/src/forms/inputs/UsernameInput/KdsUsernameInput.vue.d.ts.map +1 -1
  114. package/dist/src/forms/inputs/UsernameInput/enums.d.ts +1 -1
  115. package/dist/src/forms/inputs/index.d.ts +4 -0
  116. package/dist/src/forms/inputs/index.d.ts.map +1 -1
  117. package/dist/src/forms/inputs/useInputSegments.d.ts +16 -0
  118. package/dist/src/forms/inputs/useInputSegments.d.ts.map +1 -0
  119. package/dist/src/forms/inputs/useInputSegments.helpers.d.ts +64 -0
  120. package/dist/src/forms/inputs/useInputSegments.helpers.d.ts.map +1 -0
  121. package/dist/src/forms/inputs/useInputSegmentsDnd.d.ts +20 -0
  122. package/dist/src/forms/inputs/useInputSegmentsDnd.d.ts.map +1 -0
  123. package/dist/src/forms/inputs/useInputSegmentsMouse.d.ts +19 -0
  124. package/dist/src/forms/inputs/useInputSegmentsMouse.d.ts.map +1 -0
  125. package/dist/src/forms/selects/Dropdown/DropdownContainer.vue.d.ts +12 -3
  126. package/dist/src/forms/selects/Dropdown/DropdownContainer.vue.d.ts.map +1 -1
  127. package/dist/src/forms/selects/Dropdown/KdsDropdown.vue.d.ts +80 -11
  128. package/dist/src/forms/selects/Dropdown/KdsDropdown.vue.d.ts.map +1 -1
  129. package/dist/src/forms/selects/Dropdown/KdsMultiSelectDropdown.vue.d.ts +80 -11
  130. package/dist/src/forms/selects/Dropdown/KdsMultiSelectDropdown.vue.d.ts.map +1 -1
  131. package/dist/src/forms/selects/Dropdown/MultiSelectDropdownContainer.vue.d.ts +12 -3
  132. package/dist/src/forms/selects/Dropdown/MultiSelectDropdownContainer.vue.d.ts.map +1 -1
  133. package/dist/src/index.d.ts +2 -0
  134. package/dist/src/index.d.ts.map +1 -1
  135. package/dist/src/layouts/Navigation/KdsNavItem/KdsNavItem.vue.d.ts +12 -0
  136. package/dist/src/layouts/Navigation/KdsNavItem/KdsNavItem.vue.d.ts.map +1 -0
  137. package/dist/src/layouts/Navigation/KdsNavItem/index.d.ts +3 -0
  138. package/dist/src/layouts/Navigation/KdsNavItem/index.d.ts.map +1 -0
  139. package/dist/src/layouts/Navigation/KdsNavItem/types.d.ts +21 -0
  140. package/dist/src/layouts/Navigation/KdsNavItem/types.d.ts.map +1 -0
  141. package/dist/src/layouts/Navigation/KdsNavigation.vue.d.ts +14 -0
  142. package/dist/src/layouts/Navigation/KdsNavigation.vue.d.ts.map +1 -0
  143. package/dist/src/layouts/Navigation/index.d.ts +5 -0
  144. package/dist/src/layouts/Navigation/index.d.ts.map +1 -0
  145. package/dist/src/layouts/Navigation/types.d.ts +14 -0
  146. package/dist/src/layouts/Navigation/types.d.ts.map +1 -0
  147. package/dist/src/layouts/index.d.ts +2 -0
  148. package/dist/src/layouts/index.d.ts.map +1 -1
  149. package/dist/src/overlays/Popover/KdsPopover.vue.d.ts +52 -7
  150. package/dist/src/overlays/Popover/KdsPopover.vue.d.ts.map +1 -1
  151. package/dist/src/overlays/Popover/enums.d.ts +2 -1
  152. package/dist/src/overlays/Popover/enums.d.ts.map +1 -1
  153. package/dist/src/overlays/Popover/types.d.ts +34 -11
  154. package/dist/src/overlays/Popover/types.d.ts.map +1 -1
  155. package/dist/src/patterns/ResponsiveButtonGroup/KdsResponsiveButtonGroup.vue.d.ts +71 -38
  156. package/dist/src/patterns/ResponsiveButtonGroup/KdsResponsiveButtonGroup.vue.d.ts.map +1 -1
  157. package/package.json +4 -4
  158. package/dist/src/containers/ListItem/ListItemDivider/ListItemDivider.vue.d.ts.map +0 -1
  159. package/dist/src/containers/ListItem/ListItemDivider/index.d.ts +0 -2
  160. package/dist/src/containers/ListItem/ListItemDivider/index.d.ts.map +0 -1
@@ -0,0 +1,886 @@
1
+ import { nextTick } from 'vue';
2
+ import { Temporal } from 'temporal-polyfill';
3
+ import { KdsTimeInputGranularity } from './types';
4
+ type __VLS_Props = {
5
+ maxGranularity: KdsTimeInputGranularity;
6
+ };
7
+ type __VLS_PublicProps = {
8
+ modelValue: Temporal.PlainTime | null;
9
+ "granularity"?: KdsTimeInputGranularity;
10
+ } & __VLS_Props;
11
+ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
12
+ focus: () => void;
13
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
14
+ "update:modelValue": (value: Temporal.PlainTime | null) => any;
15
+ "update:granularity": (value: KdsTimeInputGranularity) => any;
16
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
17
+ "onUpdate:modelValue"?: ((value: Temporal.PlainTime | null) => any) | undefined;
18
+ "onUpdate:granularity"?: ((value: KdsTimeInputGranularity) => any) | undefined;
19
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
20
+ hourInput: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
21
+ modelValue?: number;
22
+ } & {
23
+ description?: string;
24
+ } & {
25
+ label: string;
26
+ ariaLabel?: never;
27
+ } & {
28
+ id?: string;
29
+ } & {
30
+ error?: boolean | undefined;
31
+ subText?: string | undefined;
32
+ validating?: boolean | undefined;
33
+ preserveSubTextSpace?: boolean | undefined;
34
+ } & {
35
+ placeholder?: string;
36
+ disabled?: boolean;
37
+ autocomplete?: string;
38
+ } & {
39
+ unit?: string;
40
+ min?: number;
41
+ max?: number;
42
+ step?: number;
43
+ }) | ({
44
+ modelValue?: number;
45
+ } & {
46
+ description?: string;
47
+ } & {
48
+ label?: never;
49
+ ariaLabel: string;
50
+ } & {
51
+ id?: string;
52
+ } & {
53
+ error?: boolean | undefined;
54
+ subText?: string | undefined;
55
+ validating?: boolean | undefined;
56
+ preserveSubTextSpace?: boolean | undefined;
57
+ } & {
58
+ placeholder?: string;
59
+ disabled?: boolean;
60
+ autocomplete?: string;
61
+ } & {
62
+ unit?: string;
63
+ min?: number;
64
+ max?: number;
65
+ step?: number;
66
+ })> & Readonly<{
67
+ "onUpdate:modelValue"?: ((value: number) => any) | undefined;
68
+ }>, {
69
+ focus: () => void;
70
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
71
+ "update:modelValue": (value: number) => any;
72
+ }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
73
+ baseInput: ({
74
+ $: import('vue').ComponentInternalInstance;
75
+ $data: {};
76
+ $props: {
77
+ readonly modelValue?: string | undefined;
78
+ readonly id?: string | undefined;
79
+ readonly type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search" | undefined;
80
+ readonly min?: number | string | undefined;
81
+ readonly max?: number | string | undefined;
82
+ readonly ariaExpanded?: boolean | undefined;
83
+ readonly step?: number | undefined;
84
+ readonly placeholder?: string | undefined;
85
+ readonly disabled?: boolean | undefined;
86
+ readonly leadingIcon?: import('../../..').KdsIconName | undefined;
87
+ readonly trailingIcon?: import('../../..').KdsIconName | undefined;
88
+ readonly error?: boolean | undefined;
89
+ readonly autocomplete?: string | undefined;
90
+ readonly ariaLabel?: string | undefined;
91
+ readonly ariaLabelledby?: string | undefined;
92
+ readonly ariaDescribedby?: string | undefined;
93
+ readonly ariaInvalid?: boolean | undefined;
94
+ readonly role?: string | undefined;
95
+ readonly ariaValuenow?: number | undefined;
96
+ readonly ariaValuemin?: number | undefined;
97
+ readonly ariaValuemax?: number | undefined;
98
+ readonly ariaValuetext?: string | undefined;
99
+ readonly ariaActivedescendant?: string | undefined;
100
+ readonly ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true" | undefined;
101
+ readonly ariaControls?: string | undefined;
102
+ readonly ariaAutocomplete?: "none" | "inline" | "list" | "both" | undefined;
103
+ readonly unit?: string | undefined;
104
+ readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
105
+ readonly clearable?: boolean | undefined;
106
+ readonly pattern?: string | undefined;
107
+ readonly segments?: import('../useInputSegments.helpers').KdsInputSegmentsConfig | undefined;
108
+ readonly onInput?: ((event: Event) => any) | undefined;
109
+ readonly onClick?: ((event: MouseEvent) => any) | undefined;
110
+ readonly onBlur?: ((event: FocusEvent) => any) | undefined;
111
+ readonly onFocus?: ((event: FocusEvent) => any) | undefined;
112
+ readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
113
+ readonly onPaste?: ((event: ClipboardEvent) => any) | undefined;
114
+ readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
115
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
116
+ $attrs: import('vue').Attrs;
117
+ $refs: {
118
+ [x: string]: unknown;
119
+ } & {
120
+ input: HTMLInputElement;
121
+ };
122
+ $slots: Readonly<{
123
+ [name: string]: import('vue').Slot<any> | undefined;
124
+ }>;
125
+ $root: import('vue').ComponentPublicInstance | null;
126
+ $parent: import('vue').ComponentPublicInstance | null;
127
+ $host: Element | null;
128
+ $emit: ((event: "input", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "paste", event: ClipboardEvent) => void) & ((event: "update:modelValue", value: string) => void);
129
+ $el: HTMLDivElement;
130
+ $options: import('vue').ComponentOptionsBase<Readonly<{
131
+ modelValue?: string;
132
+ } & {
133
+ id?: string;
134
+ type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
135
+ min?: number | string;
136
+ max?: number | string;
137
+ ariaExpanded?: boolean;
138
+ step?: number;
139
+ placeholder?: string;
140
+ disabled?: boolean;
141
+ leadingIcon?: import('../../..').KdsIconName;
142
+ trailingIcon?: import('../../..').KdsIconName;
143
+ error?: boolean;
144
+ autocomplete?: string;
145
+ ariaLabel?: string;
146
+ ariaLabelledby?: string;
147
+ ariaDescribedby?: string;
148
+ ariaInvalid?: boolean;
149
+ role?: string;
150
+ ariaValuenow?: number;
151
+ ariaValuemin?: number;
152
+ ariaValuemax?: number;
153
+ ariaValuetext?: string;
154
+ ariaActivedescendant?: string;
155
+ ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
156
+ ariaControls?: string;
157
+ ariaAutocomplete?: "none" | "inline" | "list" | "both";
158
+ unit?: string;
159
+ inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
160
+ clearable?: boolean;
161
+ pattern?: string;
162
+ segments?: import('../useInputSegments.helpers').KdsInputSegmentsConfig;
163
+ }> & Readonly<{
164
+ onInput?: ((event: Event) => any) | undefined;
165
+ onClick?: ((event: MouseEvent) => any) | undefined;
166
+ onBlur?: ((event: FocusEvent) => any) | undefined;
167
+ onFocus?: ((event: FocusEvent) => any) | undefined;
168
+ onKeydown?: ((event: KeyboardEvent) => any) | undefined;
169
+ onPaste?: ((event: ClipboardEvent) => any) | undefined;
170
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
171
+ }>, {
172
+ focus: () => void;
173
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
174
+ input: (event: Event) => any;
175
+ click: (event: MouseEvent) => any;
176
+ blur: (event: FocusEvent) => any;
177
+ focus: (event: FocusEvent) => any;
178
+ keydown: (event: KeyboardEvent) => any;
179
+ paste: (event: ClipboardEvent) => any;
180
+ "update:modelValue": (value: string) => any;
181
+ }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
182
+ beforeCreate?: (() => void) | (() => void)[];
183
+ created?: (() => void) | (() => void)[];
184
+ beforeMount?: (() => void) | (() => void)[];
185
+ mounted?: (() => void) | (() => void)[];
186
+ beforeUpdate?: (() => void) | (() => void)[];
187
+ updated?: (() => void) | (() => void)[];
188
+ activated?: (() => void) | (() => void)[];
189
+ deactivated?: (() => void) | (() => void)[];
190
+ beforeDestroy?: (() => void) | (() => void)[];
191
+ beforeUnmount?: (() => void) | (() => void)[];
192
+ destroyed?: (() => void) | (() => void)[];
193
+ unmounted?: (() => void) | (() => void)[];
194
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
195
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
196
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
197
+ };
198
+ $forceUpdate: () => void;
199
+ $nextTick: typeof nextTick;
200
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
201
+ } & Readonly<{}> & Omit<Readonly<{
202
+ modelValue?: string;
203
+ } & {
204
+ id?: string;
205
+ type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
206
+ min?: number | string;
207
+ max?: number | string;
208
+ ariaExpanded?: boolean;
209
+ step?: number;
210
+ placeholder?: string;
211
+ disabled?: boolean;
212
+ leadingIcon?: import('../../..').KdsIconName;
213
+ trailingIcon?: import('../../..').KdsIconName;
214
+ error?: boolean;
215
+ autocomplete?: string;
216
+ ariaLabel?: string;
217
+ ariaLabelledby?: string;
218
+ ariaDescribedby?: string;
219
+ ariaInvalid?: boolean;
220
+ role?: string;
221
+ ariaValuenow?: number;
222
+ ariaValuemin?: number;
223
+ ariaValuemax?: number;
224
+ ariaValuetext?: string;
225
+ ariaActivedescendant?: string;
226
+ ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
227
+ ariaControls?: string;
228
+ ariaAutocomplete?: "none" | "inline" | "list" | "both";
229
+ unit?: string;
230
+ inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
231
+ clearable?: boolean;
232
+ pattern?: string;
233
+ segments?: import('../useInputSegments.helpers').KdsInputSegmentsConfig;
234
+ }> & Readonly<{
235
+ onInput?: ((event: Event) => any) | undefined;
236
+ onClick?: ((event: MouseEvent) => any) | undefined;
237
+ onBlur?: ((event: FocusEvent) => any) | undefined;
238
+ onFocus?: ((event: FocusEvent) => any) | undefined;
239
+ onKeydown?: ((event: KeyboardEvent) => any) | undefined;
240
+ onPaste?: ((event: ClipboardEvent) => any) | undefined;
241
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
242
+ }>, "focus"> & {
243
+ focus: () => void;
244
+ } & {} & import('vue').ComponentCustomProperties & {} & {
245
+ $slots: {
246
+ leading?(_: {}): any;
247
+ trailing?(_: {}): any;
248
+ };
249
+ }) | null;
250
+ }, HTMLDivElement, import('vue').ComponentProvideOptions, {
251
+ P: {};
252
+ B: {};
253
+ D: {};
254
+ C: {};
255
+ M: {};
256
+ Defaults: {};
257
+ }, {} & (Readonly<({
258
+ modelValue?: number;
259
+ } & {
260
+ description?: string;
261
+ } & {
262
+ label: string;
263
+ ariaLabel?: never;
264
+ } & {
265
+ id?: string;
266
+ } & {
267
+ error?: boolean | undefined;
268
+ subText?: string | undefined;
269
+ validating?: boolean | undefined;
270
+ preserveSubTextSpace?: boolean | undefined;
271
+ } & {
272
+ placeholder?: string;
273
+ disabled?: boolean;
274
+ autocomplete?: string;
275
+ } & {
276
+ unit?: string;
277
+ min?: number;
278
+ max?: number;
279
+ step?: number;
280
+ }) | ({
281
+ modelValue?: number;
282
+ } & {
283
+ description?: string;
284
+ } & {
285
+ label?: never;
286
+ ariaLabel: string;
287
+ } & {
288
+ id?: string;
289
+ } & {
290
+ error?: boolean | undefined;
291
+ subText?: string | undefined;
292
+ validating?: boolean | undefined;
293
+ preserveSubTextSpace?: boolean | undefined;
294
+ } & {
295
+ placeholder?: string;
296
+ disabled?: boolean;
297
+ autocomplete?: string;
298
+ } & {
299
+ unit?: string;
300
+ min?: number;
301
+ max?: number;
302
+ step?: number;
303
+ })> & Readonly<{
304
+ "onUpdate:modelValue"?: ((value: number) => any) | undefined;
305
+ }>), {
306
+ focus: () => void;
307
+ }, {}, {}, {}, {}> | null;
308
+ secondInput: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
309
+ modelValue?: number;
310
+ } & {
311
+ description?: string;
312
+ } & {
313
+ label: string;
314
+ ariaLabel?: never;
315
+ } & {
316
+ id?: string;
317
+ } & {
318
+ error?: boolean | undefined;
319
+ subText?: string | undefined;
320
+ validating?: boolean | undefined;
321
+ preserveSubTextSpace?: boolean | undefined;
322
+ } & {
323
+ placeholder?: string;
324
+ disabled?: boolean;
325
+ autocomplete?: string;
326
+ } & {
327
+ unit?: string;
328
+ min?: number;
329
+ max?: number;
330
+ step?: number;
331
+ }) | ({
332
+ modelValue?: number;
333
+ } & {
334
+ description?: string;
335
+ } & {
336
+ label?: never;
337
+ ariaLabel: string;
338
+ } & {
339
+ id?: string;
340
+ } & {
341
+ error?: boolean | undefined;
342
+ subText?: string | undefined;
343
+ validating?: boolean | undefined;
344
+ preserveSubTextSpace?: boolean | undefined;
345
+ } & {
346
+ placeholder?: string;
347
+ disabled?: boolean;
348
+ autocomplete?: string;
349
+ } & {
350
+ unit?: string;
351
+ min?: number;
352
+ max?: number;
353
+ step?: number;
354
+ })> & Readonly<{
355
+ "onUpdate:modelValue"?: ((value: number) => any) | undefined;
356
+ }>, {
357
+ focus: () => void;
358
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
359
+ "update:modelValue": (value: number) => any;
360
+ }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
361
+ baseInput: ({
362
+ $: import('vue').ComponentInternalInstance;
363
+ $data: {};
364
+ $props: {
365
+ readonly modelValue?: string | undefined;
366
+ readonly id?: string | undefined;
367
+ readonly type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search" | undefined;
368
+ readonly min?: number | string | undefined;
369
+ readonly max?: number | string | undefined;
370
+ readonly ariaExpanded?: boolean | undefined;
371
+ readonly step?: number | undefined;
372
+ readonly placeholder?: string | undefined;
373
+ readonly disabled?: boolean | undefined;
374
+ readonly leadingIcon?: import('../../..').KdsIconName | undefined;
375
+ readonly trailingIcon?: import('../../..').KdsIconName | undefined;
376
+ readonly error?: boolean | undefined;
377
+ readonly autocomplete?: string | undefined;
378
+ readonly ariaLabel?: string | undefined;
379
+ readonly ariaLabelledby?: string | undefined;
380
+ readonly ariaDescribedby?: string | undefined;
381
+ readonly ariaInvalid?: boolean | undefined;
382
+ readonly role?: string | undefined;
383
+ readonly ariaValuenow?: number | undefined;
384
+ readonly ariaValuemin?: number | undefined;
385
+ readonly ariaValuemax?: number | undefined;
386
+ readonly ariaValuetext?: string | undefined;
387
+ readonly ariaActivedescendant?: string | undefined;
388
+ readonly ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true" | undefined;
389
+ readonly ariaControls?: string | undefined;
390
+ readonly ariaAutocomplete?: "none" | "inline" | "list" | "both" | undefined;
391
+ readonly unit?: string | undefined;
392
+ readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
393
+ readonly clearable?: boolean | undefined;
394
+ readonly pattern?: string | undefined;
395
+ readonly segments?: import('../useInputSegments.helpers').KdsInputSegmentsConfig | undefined;
396
+ readonly onInput?: ((event: Event) => any) | undefined;
397
+ readonly onClick?: ((event: MouseEvent) => any) | undefined;
398
+ readonly onBlur?: ((event: FocusEvent) => any) | undefined;
399
+ readonly onFocus?: ((event: FocusEvent) => any) | undefined;
400
+ readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
401
+ readonly onPaste?: ((event: ClipboardEvent) => any) | undefined;
402
+ readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
403
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
404
+ $attrs: import('vue').Attrs;
405
+ $refs: {
406
+ [x: string]: unknown;
407
+ } & {
408
+ input: HTMLInputElement;
409
+ };
410
+ $slots: Readonly<{
411
+ [name: string]: import('vue').Slot<any> | undefined;
412
+ }>;
413
+ $root: import('vue').ComponentPublicInstance | null;
414
+ $parent: import('vue').ComponentPublicInstance | null;
415
+ $host: Element | null;
416
+ $emit: ((event: "input", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "paste", event: ClipboardEvent) => void) & ((event: "update:modelValue", value: string) => void);
417
+ $el: HTMLDivElement;
418
+ $options: import('vue').ComponentOptionsBase<Readonly<{
419
+ modelValue?: string;
420
+ } & {
421
+ id?: string;
422
+ type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
423
+ min?: number | string;
424
+ max?: number | string;
425
+ ariaExpanded?: boolean;
426
+ step?: number;
427
+ placeholder?: string;
428
+ disabled?: boolean;
429
+ leadingIcon?: import('../../..').KdsIconName;
430
+ trailingIcon?: import('../../..').KdsIconName;
431
+ error?: boolean;
432
+ autocomplete?: string;
433
+ ariaLabel?: string;
434
+ ariaLabelledby?: string;
435
+ ariaDescribedby?: string;
436
+ ariaInvalid?: boolean;
437
+ role?: string;
438
+ ariaValuenow?: number;
439
+ ariaValuemin?: number;
440
+ ariaValuemax?: number;
441
+ ariaValuetext?: string;
442
+ ariaActivedescendant?: string;
443
+ ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
444
+ ariaControls?: string;
445
+ ariaAutocomplete?: "none" | "inline" | "list" | "both";
446
+ unit?: string;
447
+ inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
448
+ clearable?: boolean;
449
+ pattern?: string;
450
+ segments?: import('../useInputSegments.helpers').KdsInputSegmentsConfig;
451
+ }> & Readonly<{
452
+ onInput?: ((event: Event) => any) | undefined;
453
+ onClick?: ((event: MouseEvent) => any) | undefined;
454
+ onBlur?: ((event: FocusEvent) => any) | undefined;
455
+ onFocus?: ((event: FocusEvent) => any) | undefined;
456
+ onKeydown?: ((event: KeyboardEvent) => any) | undefined;
457
+ onPaste?: ((event: ClipboardEvent) => any) | undefined;
458
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
459
+ }>, {
460
+ focus: () => void;
461
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
462
+ input: (event: Event) => any;
463
+ click: (event: MouseEvent) => any;
464
+ blur: (event: FocusEvent) => any;
465
+ focus: (event: FocusEvent) => any;
466
+ keydown: (event: KeyboardEvent) => any;
467
+ paste: (event: ClipboardEvent) => any;
468
+ "update:modelValue": (value: string) => any;
469
+ }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
470
+ beforeCreate?: (() => void) | (() => void)[];
471
+ created?: (() => void) | (() => void)[];
472
+ beforeMount?: (() => void) | (() => void)[];
473
+ mounted?: (() => void) | (() => void)[];
474
+ beforeUpdate?: (() => void) | (() => void)[];
475
+ updated?: (() => void) | (() => void)[];
476
+ activated?: (() => void) | (() => void)[];
477
+ deactivated?: (() => void) | (() => void)[];
478
+ beforeDestroy?: (() => void) | (() => void)[];
479
+ beforeUnmount?: (() => void) | (() => void)[];
480
+ destroyed?: (() => void) | (() => void)[];
481
+ unmounted?: (() => void) | (() => void)[];
482
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
483
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
484
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
485
+ };
486
+ $forceUpdate: () => void;
487
+ $nextTick: typeof nextTick;
488
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
489
+ } & Readonly<{}> & Omit<Readonly<{
490
+ modelValue?: string;
491
+ } & {
492
+ id?: string;
493
+ type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
494
+ min?: number | string;
495
+ max?: number | string;
496
+ ariaExpanded?: boolean;
497
+ step?: number;
498
+ placeholder?: string;
499
+ disabled?: boolean;
500
+ leadingIcon?: import('../../..').KdsIconName;
501
+ trailingIcon?: import('../../..').KdsIconName;
502
+ error?: boolean;
503
+ autocomplete?: string;
504
+ ariaLabel?: string;
505
+ ariaLabelledby?: string;
506
+ ariaDescribedby?: string;
507
+ ariaInvalid?: boolean;
508
+ role?: string;
509
+ ariaValuenow?: number;
510
+ ariaValuemin?: number;
511
+ ariaValuemax?: number;
512
+ ariaValuetext?: string;
513
+ ariaActivedescendant?: string;
514
+ ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
515
+ ariaControls?: string;
516
+ ariaAutocomplete?: "none" | "inline" | "list" | "both";
517
+ unit?: string;
518
+ inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
519
+ clearable?: boolean;
520
+ pattern?: string;
521
+ segments?: import('../useInputSegments.helpers').KdsInputSegmentsConfig;
522
+ }> & Readonly<{
523
+ onInput?: ((event: Event) => any) | undefined;
524
+ onClick?: ((event: MouseEvent) => any) | undefined;
525
+ onBlur?: ((event: FocusEvent) => any) | undefined;
526
+ onFocus?: ((event: FocusEvent) => any) | undefined;
527
+ onKeydown?: ((event: KeyboardEvent) => any) | undefined;
528
+ onPaste?: ((event: ClipboardEvent) => any) | undefined;
529
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
530
+ }>, "focus"> & {
531
+ focus: () => void;
532
+ } & {} & import('vue').ComponentCustomProperties & {} & {
533
+ $slots: {
534
+ leading?(_: {}): any;
535
+ trailing?(_: {}): any;
536
+ };
537
+ }) | null;
538
+ }, HTMLDivElement, import('vue').ComponentProvideOptions, {
539
+ P: {};
540
+ B: {};
541
+ D: {};
542
+ C: {};
543
+ M: {};
544
+ Defaults: {};
545
+ }, {} & (Readonly<({
546
+ modelValue?: number;
547
+ } & {
548
+ description?: string;
549
+ } & {
550
+ label: string;
551
+ ariaLabel?: never;
552
+ } & {
553
+ id?: string;
554
+ } & {
555
+ error?: boolean | undefined;
556
+ subText?: string | undefined;
557
+ validating?: boolean | undefined;
558
+ preserveSubTextSpace?: boolean | undefined;
559
+ } & {
560
+ placeholder?: string;
561
+ disabled?: boolean;
562
+ autocomplete?: string;
563
+ } & {
564
+ unit?: string;
565
+ min?: number;
566
+ max?: number;
567
+ step?: number;
568
+ }) | ({
569
+ modelValue?: number;
570
+ } & {
571
+ description?: string;
572
+ } & {
573
+ label?: never;
574
+ ariaLabel: string;
575
+ } & {
576
+ id?: string;
577
+ } & {
578
+ error?: boolean | undefined;
579
+ subText?: string | undefined;
580
+ validating?: boolean | undefined;
581
+ preserveSubTextSpace?: boolean | undefined;
582
+ } & {
583
+ placeholder?: string;
584
+ disabled?: boolean;
585
+ autocomplete?: string;
586
+ } & {
587
+ unit?: string;
588
+ min?: number;
589
+ max?: number;
590
+ step?: number;
591
+ })> & Readonly<{
592
+ "onUpdate:modelValue"?: ((value: number) => any) | undefined;
593
+ }>), {
594
+ focus: () => void;
595
+ }, {}, {}, {}, {}> | null;
596
+ millisecondInput: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
597
+ modelValue?: number;
598
+ } & {
599
+ description?: string;
600
+ } & {
601
+ label: string;
602
+ ariaLabel?: never;
603
+ } & {
604
+ id?: string;
605
+ } & {
606
+ error?: boolean | undefined;
607
+ subText?: string | undefined;
608
+ validating?: boolean | undefined;
609
+ preserveSubTextSpace?: boolean | undefined;
610
+ } & {
611
+ placeholder?: string;
612
+ disabled?: boolean;
613
+ autocomplete?: string;
614
+ } & {
615
+ unit?: string;
616
+ min?: number;
617
+ max?: number;
618
+ step?: number;
619
+ }) | ({
620
+ modelValue?: number;
621
+ } & {
622
+ description?: string;
623
+ } & {
624
+ label?: never;
625
+ ariaLabel: string;
626
+ } & {
627
+ id?: string;
628
+ } & {
629
+ error?: boolean | undefined;
630
+ subText?: string | undefined;
631
+ validating?: boolean | undefined;
632
+ preserveSubTextSpace?: boolean | undefined;
633
+ } & {
634
+ placeholder?: string;
635
+ disabled?: boolean;
636
+ autocomplete?: string;
637
+ } & {
638
+ unit?: string;
639
+ min?: number;
640
+ max?: number;
641
+ step?: number;
642
+ })> & Readonly<{
643
+ "onUpdate:modelValue"?: ((value: number) => any) | undefined;
644
+ }>, {
645
+ focus: () => void;
646
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
647
+ "update:modelValue": (value: number) => any;
648
+ }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
649
+ baseInput: ({
650
+ $: import('vue').ComponentInternalInstance;
651
+ $data: {};
652
+ $props: {
653
+ readonly modelValue?: string | undefined;
654
+ readonly id?: string | undefined;
655
+ readonly type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search" | undefined;
656
+ readonly min?: number | string | undefined;
657
+ readonly max?: number | string | undefined;
658
+ readonly ariaExpanded?: boolean | undefined;
659
+ readonly step?: number | undefined;
660
+ readonly placeholder?: string | undefined;
661
+ readonly disabled?: boolean | undefined;
662
+ readonly leadingIcon?: import('../../..').KdsIconName | undefined;
663
+ readonly trailingIcon?: import('../../..').KdsIconName | undefined;
664
+ readonly error?: boolean | undefined;
665
+ readonly autocomplete?: string | undefined;
666
+ readonly ariaLabel?: string | undefined;
667
+ readonly ariaLabelledby?: string | undefined;
668
+ readonly ariaDescribedby?: string | undefined;
669
+ readonly ariaInvalid?: boolean | undefined;
670
+ readonly role?: string | undefined;
671
+ readonly ariaValuenow?: number | undefined;
672
+ readonly ariaValuemin?: number | undefined;
673
+ readonly ariaValuemax?: number | undefined;
674
+ readonly ariaValuetext?: string | undefined;
675
+ readonly ariaActivedescendant?: string | undefined;
676
+ readonly ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true" | undefined;
677
+ readonly ariaControls?: string | undefined;
678
+ readonly ariaAutocomplete?: "none" | "inline" | "list" | "both" | undefined;
679
+ readonly unit?: string | undefined;
680
+ readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
681
+ readonly clearable?: boolean | undefined;
682
+ readonly pattern?: string | undefined;
683
+ readonly segments?: import('../useInputSegments.helpers').KdsInputSegmentsConfig | undefined;
684
+ readonly onInput?: ((event: Event) => any) | undefined;
685
+ readonly onClick?: ((event: MouseEvent) => any) | undefined;
686
+ readonly onBlur?: ((event: FocusEvent) => any) | undefined;
687
+ readonly onFocus?: ((event: FocusEvent) => any) | undefined;
688
+ readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
689
+ readonly onPaste?: ((event: ClipboardEvent) => any) | undefined;
690
+ readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
691
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
692
+ $attrs: import('vue').Attrs;
693
+ $refs: {
694
+ [x: string]: unknown;
695
+ } & {
696
+ input: HTMLInputElement;
697
+ };
698
+ $slots: Readonly<{
699
+ [name: string]: import('vue').Slot<any> | undefined;
700
+ }>;
701
+ $root: import('vue').ComponentPublicInstance | null;
702
+ $parent: import('vue').ComponentPublicInstance | null;
703
+ $host: Element | null;
704
+ $emit: ((event: "input", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "paste", event: ClipboardEvent) => void) & ((event: "update:modelValue", value: string) => void);
705
+ $el: HTMLDivElement;
706
+ $options: import('vue').ComponentOptionsBase<Readonly<{
707
+ modelValue?: string;
708
+ } & {
709
+ id?: string;
710
+ type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
711
+ min?: number | string;
712
+ max?: number | string;
713
+ ariaExpanded?: boolean;
714
+ step?: number;
715
+ placeholder?: string;
716
+ disabled?: boolean;
717
+ leadingIcon?: import('../../..').KdsIconName;
718
+ trailingIcon?: import('../../..').KdsIconName;
719
+ error?: boolean;
720
+ autocomplete?: string;
721
+ ariaLabel?: string;
722
+ ariaLabelledby?: string;
723
+ ariaDescribedby?: string;
724
+ ariaInvalid?: boolean;
725
+ role?: string;
726
+ ariaValuenow?: number;
727
+ ariaValuemin?: number;
728
+ ariaValuemax?: number;
729
+ ariaValuetext?: string;
730
+ ariaActivedescendant?: string;
731
+ ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
732
+ ariaControls?: string;
733
+ ariaAutocomplete?: "none" | "inline" | "list" | "both";
734
+ unit?: string;
735
+ inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
736
+ clearable?: boolean;
737
+ pattern?: string;
738
+ segments?: import('../useInputSegments.helpers').KdsInputSegmentsConfig;
739
+ }> & Readonly<{
740
+ onInput?: ((event: Event) => any) | undefined;
741
+ onClick?: ((event: MouseEvent) => any) | undefined;
742
+ onBlur?: ((event: FocusEvent) => any) | undefined;
743
+ onFocus?: ((event: FocusEvent) => any) | undefined;
744
+ onKeydown?: ((event: KeyboardEvent) => any) | undefined;
745
+ onPaste?: ((event: ClipboardEvent) => any) | undefined;
746
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
747
+ }>, {
748
+ focus: () => void;
749
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
750
+ input: (event: Event) => any;
751
+ click: (event: MouseEvent) => any;
752
+ blur: (event: FocusEvent) => any;
753
+ focus: (event: FocusEvent) => any;
754
+ keydown: (event: KeyboardEvent) => any;
755
+ paste: (event: ClipboardEvent) => any;
756
+ "update:modelValue": (value: string) => any;
757
+ }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
758
+ beforeCreate?: (() => void) | (() => void)[];
759
+ created?: (() => void) | (() => void)[];
760
+ beforeMount?: (() => void) | (() => void)[];
761
+ mounted?: (() => void) | (() => void)[];
762
+ beforeUpdate?: (() => void) | (() => void)[];
763
+ updated?: (() => void) | (() => void)[];
764
+ activated?: (() => void) | (() => void)[];
765
+ deactivated?: (() => void) | (() => void)[];
766
+ beforeDestroy?: (() => void) | (() => void)[];
767
+ beforeUnmount?: (() => void) | (() => void)[];
768
+ destroyed?: (() => void) | (() => void)[];
769
+ unmounted?: (() => void) | (() => void)[];
770
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
771
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
772
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
773
+ };
774
+ $forceUpdate: () => void;
775
+ $nextTick: typeof nextTick;
776
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
777
+ } & Readonly<{}> & Omit<Readonly<{
778
+ modelValue?: string;
779
+ } & {
780
+ id?: string;
781
+ type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
782
+ min?: number | string;
783
+ max?: number | string;
784
+ ariaExpanded?: boolean;
785
+ step?: number;
786
+ placeholder?: string;
787
+ disabled?: boolean;
788
+ leadingIcon?: import('../../..').KdsIconName;
789
+ trailingIcon?: import('../../..').KdsIconName;
790
+ error?: boolean;
791
+ autocomplete?: string;
792
+ ariaLabel?: string;
793
+ ariaLabelledby?: string;
794
+ ariaDescribedby?: string;
795
+ ariaInvalid?: boolean;
796
+ role?: string;
797
+ ariaValuenow?: number;
798
+ ariaValuemin?: number;
799
+ ariaValuemax?: number;
800
+ ariaValuetext?: string;
801
+ ariaActivedescendant?: string;
802
+ ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
803
+ ariaControls?: string;
804
+ ariaAutocomplete?: "none" | "inline" | "list" | "both";
805
+ unit?: string;
806
+ inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
807
+ clearable?: boolean;
808
+ pattern?: string;
809
+ segments?: import('../useInputSegments.helpers').KdsInputSegmentsConfig;
810
+ }> & Readonly<{
811
+ onInput?: ((event: Event) => any) | undefined;
812
+ onClick?: ((event: MouseEvent) => any) | undefined;
813
+ onBlur?: ((event: FocusEvent) => any) | undefined;
814
+ onFocus?: ((event: FocusEvent) => any) | undefined;
815
+ onKeydown?: ((event: KeyboardEvent) => any) | undefined;
816
+ onPaste?: ((event: ClipboardEvent) => any) | undefined;
817
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
818
+ }>, "focus"> & {
819
+ focus: () => void;
820
+ } & {} & import('vue').ComponentCustomProperties & {} & {
821
+ $slots: {
822
+ leading?(_: {}): any;
823
+ trailing?(_: {}): any;
824
+ };
825
+ }) | null;
826
+ }, HTMLDivElement, import('vue').ComponentProvideOptions, {
827
+ P: {};
828
+ B: {};
829
+ D: {};
830
+ C: {};
831
+ M: {};
832
+ Defaults: {};
833
+ }, {} & (Readonly<({
834
+ modelValue?: number;
835
+ } & {
836
+ description?: string;
837
+ } & {
838
+ label: string;
839
+ ariaLabel?: never;
840
+ } & {
841
+ id?: string;
842
+ } & {
843
+ error?: boolean | undefined;
844
+ subText?: string | undefined;
845
+ validating?: boolean | undefined;
846
+ preserveSubTextSpace?: boolean | undefined;
847
+ } & {
848
+ placeholder?: string;
849
+ disabled?: boolean;
850
+ autocomplete?: string;
851
+ } & {
852
+ unit?: string;
853
+ min?: number;
854
+ max?: number;
855
+ step?: number;
856
+ }) | ({
857
+ modelValue?: number;
858
+ } & {
859
+ description?: string;
860
+ } & {
861
+ label?: never;
862
+ ariaLabel: string;
863
+ } & {
864
+ id?: string;
865
+ } & {
866
+ error?: boolean | undefined;
867
+ subText?: string | undefined;
868
+ validating?: boolean | undefined;
869
+ preserveSubTextSpace?: boolean | undefined;
870
+ } & {
871
+ placeholder?: string;
872
+ disabled?: boolean;
873
+ autocomplete?: string;
874
+ } & {
875
+ unit?: string;
876
+ min?: number;
877
+ max?: number;
878
+ step?: number;
879
+ })> & Readonly<{
880
+ "onUpdate:modelValue"?: ((value: number) => any) | undefined;
881
+ }>), {
882
+ focus: () => void;
883
+ }, {}, {}, {}, {}> | null;
884
+ }, HTMLDivElement>;
885
+ export default _default;
886
+ //# sourceMappingURL=TimePicker.vue.d.ts.map