@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
@@ -92,16 +92,30 @@ declare const _default: import('vue').DefineComponent<({
92
92
  popoverEl: ({
93
93
  $: import('vue').ComponentInternalInstance;
94
94
  $data: {};
95
- $props: {
95
+ $props: ({
96
96
  readonly modelValue?: boolean | undefined;
97
- readonly placement?: import('../../../overlays/Popover').KdsPopoverPlacement | undefined;
98
97
  readonly role?: import('../../../overlays/Popover').KdsPopoverRole | undefined;
99
98
  readonly popoverType?: import('../../../overlays/Popover').KdsPopoverType | undefined;
100
99
  readonly fullWidth?: boolean | undefined;
101
100
  readonly maxInlineSize?: string | undefined;
102
101
  readonly content?: string | undefined;
102
+ readonly placement?: Exclude<import('../../../overlays/Popover').KdsPopoverPlacement, "custom"> | undefined;
103
+ readonly customPlacementPosition?: never | undefined;
103
104
  readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
104
- } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
105
+ } | {
106
+ readonly modelValue?: boolean | undefined;
107
+ readonly role?: import('../../../overlays/Popover').KdsPopoverRole | undefined;
108
+ readonly popoverType?: import('../../../overlays/Popover').KdsPopoverType | undefined;
109
+ readonly fullWidth?: boolean | undefined;
110
+ readonly maxInlineSize?: string | undefined;
111
+ readonly content?: string | undefined;
112
+ readonly placement: "custom";
113
+ readonly customPlacementPosition: {
114
+ x: number;
115
+ y: number;
116
+ };
117
+ readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
118
+ }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
105
119
  $attrs: import('vue').Attrs;
106
120
  $refs: {
107
121
  [x: string]: unknown;
@@ -116,9 +130,32 @@ declare const _default: import('vue').DefineComponent<({
116
130
  $host: Element | null;
117
131
  $emit: (event: "update:modelValue", value: boolean) => void;
118
132
  $el: HTMLDivElement;
119
- $options: import('vue').ComponentOptionsBase<Readonly<{
133
+ $options: import('vue').ComponentOptionsBase<Readonly<({
120
134
  modelValue?: boolean;
121
- } & import('../../../overlays/Popover').KdsPopoverProps> & Readonly<{
135
+ } & {
136
+ role?: import('../../../overlays/Popover').KdsPopoverRole;
137
+ popoverType?: import('../../../overlays/Popover').KdsPopoverType;
138
+ fullWidth?: boolean;
139
+ maxInlineSize?: string;
140
+ content?: string;
141
+ } & {
142
+ placement?: Exclude<import('../../../overlays/Popover').KdsPopoverPlacement, "custom">;
143
+ customPlacementPosition?: never;
144
+ }) | ({
145
+ modelValue?: boolean;
146
+ } & {
147
+ role?: import('../../../overlays/Popover').KdsPopoverRole;
148
+ popoverType?: import('../../../overlays/Popover').KdsPopoverType;
149
+ fullWidth?: boolean;
150
+ maxInlineSize?: string;
151
+ content?: string;
152
+ } & {
153
+ placement: "custom";
154
+ customPlacementPosition: {
155
+ x: number;
156
+ y: number;
157
+ };
158
+ })> & Readonly<{
122
159
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
123
160
  }>, {
124
161
  anchorStyle: Record<string, string>;
@@ -145,11 +182,34 @@ declare const _default: import('vue').DefineComponent<({
145
182
  $forceUpdate: () => void;
146
183
  $nextTick: typeof nextTick;
147
184
  $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;
148
- } & Readonly<{}> & Omit<Readonly<{
185
+ } & Readonly<{}> & Omit<{} & (Readonly<({
149
186
  modelValue?: boolean;
150
- } & import('../../../overlays/Popover').KdsPopoverProps> & Readonly<{
187
+ } & {
188
+ role?: import('../../../overlays/Popover').KdsPopoverRole;
189
+ popoverType?: import('../../../overlays/Popover').KdsPopoverType;
190
+ fullWidth?: boolean;
191
+ maxInlineSize?: string;
192
+ content?: string;
193
+ } & {
194
+ placement?: Exclude<import('../../../overlays/Popover').KdsPopoverPlacement, "custom">;
195
+ customPlacementPosition?: never;
196
+ }) | ({
197
+ modelValue?: boolean;
198
+ } & {
199
+ role?: import('../../../overlays/Popover').KdsPopoverRole;
200
+ popoverType?: import('../../../overlays/Popover').KdsPopoverType;
201
+ fullWidth?: boolean;
202
+ maxInlineSize?: string;
203
+ content?: string;
204
+ } & {
205
+ placement: "custom";
206
+ customPlacementPosition: {
207
+ x: number;
208
+ y: number;
209
+ };
210
+ })> & Readonly<{
151
211
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
152
- }>, "anchorStyle" | "popoverId"> & {
212
+ }>), "anchorStyle" | "popoverId"> & {
153
213
  anchorStyle: Record<string, string>;
154
214
  popoverId: string;
155
215
  } & {} & import('vue').ComponentCustomProperties & {} & {
@@ -207,11 +267,13 @@ declare const _default: import('vue').DefineComponent<({
207
267
  readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
208
268
  readonly clearable?: boolean | undefined;
209
269
  readonly pattern?: string | undefined;
270
+ readonly segments?: import('../../inputs/useInputSegments.helpers').KdsInputSegmentsConfig | undefined;
210
271
  readonly onInput?: ((event: Event) => any) | undefined;
211
272
  readonly onClick?: ((event: MouseEvent) => any) | undefined;
212
273
  readonly onBlur?: ((event: FocusEvent) => any) | undefined;
213
274
  readonly onFocus?: ((event: FocusEvent) => any) | undefined;
214
275
  readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
276
+ readonly onPaste?: ((event: ClipboardEvent) => any) | undefined;
215
277
  readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
216
278
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
217
279
  $attrs: import('vue').Attrs;
@@ -226,7 +288,7 @@ declare const _default: import('vue').DefineComponent<({
226
288
  $root: import('vue').ComponentPublicInstance | null;
227
289
  $parent: import('vue').ComponentPublicInstance | null;
228
290
  $host: Element | null;
229
- $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: "update:modelValue", value: string) => void);
291
+ $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);
230
292
  $el: HTMLDivElement;
231
293
  $options: import('vue').ComponentOptionsBase<Readonly<{
232
294
  modelValue?: string;
@@ -260,12 +322,14 @@ declare const _default: import('vue').DefineComponent<({
260
322
  inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
261
323
  clearable?: boolean;
262
324
  pattern?: string;
325
+ segments?: import('../../inputs/useInputSegments.helpers').KdsInputSegmentsConfig;
263
326
  }> & Readonly<{
264
327
  onInput?: ((event: Event) => any) | undefined;
265
328
  onClick?: ((event: MouseEvent) => any) | undefined;
266
329
  onBlur?: ((event: FocusEvent) => any) | undefined;
267
330
  onFocus?: ((event: FocusEvent) => any) | undefined;
268
331
  onKeydown?: ((event: KeyboardEvent) => any) | undefined;
332
+ onPaste?: ((event: ClipboardEvent) => any) | undefined;
269
333
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
270
334
  }>, {
271
335
  focus: () => void;
@@ -275,6 +339,7 @@ declare const _default: import('vue').DefineComponent<({
275
339
  blur: (event: FocusEvent) => any;
276
340
  focus: (event: FocusEvent) => any;
277
341
  keydown: (event: KeyboardEvent) => any;
342
+ paste: (event: ClipboardEvent) => any;
278
343
  "update:modelValue": (value: string) => any;
279
344
  }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
280
345
  beforeCreate?: (() => void) | (() => void)[];
@@ -328,12 +393,14 @@ declare const _default: import('vue').DefineComponent<({
328
393
  inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
329
394
  clearable?: boolean;
330
395
  pattern?: string;
396
+ segments?: import('../../inputs/useInputSegments.helpers').KdsInputSegmentsConfig;
331
397
  }> & Readonly<{
332
398
  onInput?: ((event: Event) => any) | undefined;
333
399
  onClick?: ((event: MouseEvent) => any) | undefined;
334
400
  onBlur?: ((event: FocusEvent) => any) | undefined;
335
401
  onFocus?: ((event: FocusEvent) => any) | undefined;
336
402
  onKeydown?: ((event: KeyboardEvent) => any) | undefined;
403
+ onPaste?: ((event: ClipboardEvent) => any) | undefined;
337
404
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
338
405
  }>, "focus"> & {
339
406
  focus: () => void;
@@ -343,7 +410,7 @@ declare const _default: import('vue').DefineComponent<({
343
410
  trailing?(_: {}): any;
344
411
  };
345
412
  }) | null;
346
- listContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../../containers').KdsListContainerProps> & Readonly<{
413
+ listContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../..').KdsListContainerProps> & Readonly<{
347
414
  onItemClick?: ((id?: string | undefined) => any) | undefined;
348
415
  }>, {
349
416
  handleKeydown: (event: KeyboardEvent) => void;
@@ -351,6 +418,7 @@ declare const _default: import('vue').DefineComponent<({
351
418
  handleBlur: () => void;
352
419
  activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
353
420
  focus: () => void;
421
+ scrollSelectedIntoView: () => void;
354
422
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
355
423
  itemClick: (id?: string | undefined) => any;
356
424
  }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -362,7 +430,7 @@ declare const _default: import('vue').DefineComponent<({
362
430
  C: {};
363
431
  M: {};
364
432
  Defaults: {};
365
- }, Readonly<import('../../../containers').KdsListContainerProps> & Readonly<{
433
+ }, Readonly<import('../../..').KdsListContainerProps> & Readonly<{
366
434
  onItemClick?: ((id?: string | undefined) => any) | undefined;
367
435
  }>, {
368
436
  handleKeydown: (event: KeyboardEvent) => void;
@@ -370,6 +438,7 @@ declare const _default: import('vue').DefineComponent<({
370
438
  handleBlur: () => void;
371
439
  activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
372
440
  focus: () => void;
441
+ scrollSelectedIntoView: () => void;
373
442
  }, {}, {}, {}, {}> | null;
374
443
  }, HTMLDivElement, import('vue').ComponentProvideOptions, {
375
444
  P: {};
@@ -1 +1 @@
1
- {"version":3,"file":"KdsMultiSelectDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/Dropdown/KdsMultiSelectDropdown.vue"],"names":[],"mappings":"AA0IA,OAAO,EAEL,QAAQ,EAKT,MAAM,KAAK,CAAC;AAOb,OAAO,KAAK,EAAE,iBAAiB,EAA+B,MAAM,SAAS,CAAC;;iBAiFjE,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;iBAAR,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;iBAAR,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;iBAAR,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA2Ly9Z,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjBpma,wBASG"}
1
+ {"version":3,"file":"KdsMultiSelectDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/Dropdown/KdsMultiSelectDropdown.vue"],"names":[],"mappings":"AA0IA,OAAO,EAEL,QAAQ,EAKT,MAAM,KAAK,CAAC;AAOb,OAAO,KAAK,EAAE,iBAAiB,EAA+B,MAAM,SAAS,CAAC;;iBAiFjE,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;iBAAR,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;iBAAR,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;iBAAR,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA2Ly9Z,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjBpma,wBASG"}
@@ -49,11 +49,13 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
49
49
  readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
50
50
  readonly clearable?: boolean | undefined;
51
51
  readonly pattern?: string | undefined;
52
+ readonly segments?: import('../../inputs/useInputSegments.helpers').KdsInputSegmentsConfig | undefined;
52
53
  readonly onInput?: ((event: Event) => any) | undefined;
53
54
  readonly onClick?: ((event: MouseEvent) => any) | undefined;
54
55
  readonly onBlur?: ((event: FocusEvent) => any) | undefined;
55
56
  readonly onFocus?: ((event: FocusEvent) => any) | undefined;
56
57
  readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
58
+ readonly onPaste?: ((event: ClipboardEvent) => any) | undefined;
57
59
  readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
58
60
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
59
61
  $attrs: import('vue').Attrs;
@@ -68,7 +70,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
68
70
  $root: import('vue').ComponentPublicInstance | null;
69
71
  $parent: import('vue').ComponentPublicInstance | null;
70
72
  $host: Element | null;
71
- $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: "update:modelValue", value: string) => void);
73
+ $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);
72
74
  $el: HTMLDivElement;
73
75
  $options: import('vue').ComponentOptionsBase<Readonly<{
74
76
  modelValue?: string;
@@ -102,12 +104,14 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
102
104
  inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
103
105
  clearable?: boolean;
104
106
  pattern?: string;
107
+ segments?: import('../../inputs/useInputSegments.helpers').KdsInputSegmentsConfig;
105
108
  }> & Readonly<{
106
109
  onInput?: ((event: Event) => any) | undefined;
107
110
  onClick?: ((event: MouseEvent) => any) | undefined;
108
111
  onBlur?: ((event: FocusEvent) => any) | undefined;
109
112
  onFocus?: ((event: FocusEvent) => any) | undefined;
110
113
  onKeydown?: ((event: KeyboardEvent) => any) | undefined;
114
+ onPaste?: ((event: ClipboardEvent) => any) | undefined;
111
115
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
112
116
  }>, {
113
117
  focus: () => void;
@@ -117,6 +121,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
117
121
  blur: (event: FocusEvent) => any;
118
122
  focus: (event: FocusEvent) => any;
119
123
  keydown: (event: KeyboardEvent) => any;
124
+ paste: (event: ClipboardEvent) => any;
120
125
  "update:modelValue": (value: string) => any;
121
126
  }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
122
127
  beforeCreate?: (() => void) | (() => void)[];
@@ -170,12 +175,14 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
170
175
  inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
171
176
  clearable?: boolean;
172
177
  pattern?: string;
178
+ segments?: import('../../inputs/useInputSegments.helpers').KdsInputSegmentsConfig;
173
179
  }> & Readonly<{
174
180
  onInput?: ((event: Event) => any) | undefined;
175
181
  onClick?: ((event: MouseEvent) => any) | undefined;
176
182
  onBlur?: ((event: FocusEvent) => any) | undefined;
177
183
  onFocus?: ((event: FocusEvent) => any) | undefined;
178
184
  onKeydown?: ((event: KeyboardEvent) => any) | undefined;
185
+ onPaste?: ((event: ClipboardEvent) => any) | undefined;
179
186
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
180
187
  }>, "focus"> & {
181
188
  focus: () => void;
@@ -185,7 +192,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
185
192
  trailing?(_: {}): any;
186
193
  };
187
194
  }) | null;
188
- listContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../../containers').KdsListContainerProps> & Readonly<{
195
+ listContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../..').KdsListContainerProps> & Readonly<{
189
196
  onItemClick?: ((id?: string | undefined) => any) | undefined;
190
197
  }>, {
191
198
  handleKeydown: (event: KeyboardEvent) => void;
@@ -193,6 +200,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
193
200
  handleBlur: () => void;
194
201
  activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
195
202
  focus: () => void;
203
+ scrollSelectedIntoView: () => void;
196
204
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
197
205
  itemClick: (id?: string | undefined) => any;
198
206
  }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -204,7 +212,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
204
212
  C: {};
205
213
  M: {};
206
214
  Defaults: {};
207
- }, Readonly<import('../../../containers').KdsListContainerProps> & Readonly<{
215
+ }, Readonly<import('../../..').KdsListContainerProps> & Readonly<{
208
216
  onItemClick?: ((id?: string | undefined) => any) | undefined;
209
217
  }>, {
210
218
  handleKeydown: (event: KeyboardEvent) => void;
@@ -212,6 +220,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
212
220
  handleBlur: () => void;
213
221
  activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
214
222
  focus: () => void;
223
+ scrollSelectedIntoView: () => void;
215
224
  }, {}, {}, {}, {}> | null;
216
225
  }, HTMLDivElement>;
217
226
  export default _default;
@@ -1 +1 @@
1
- {"version":3,"file":"MultiSelectDropdownContainer.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/Dropdown/MultiSelectDropdownContainer.vue"],"names":[],"mappings":"AA0PA,OAAO,KAAK,EAEV,oCAAoC,EACrC,MAAM,SAAS,CAAC;AAIjB,KAAK,WAAW,GAAG,oCAAoC,CAAC;AAuKxD,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA0MgzK,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlBt7K,wBAUG"}
1
+ {"version":3,"file":"MultiSelectDropdownContainer.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/Dropdown/MultiSelectDropdownContainer.vue"],"names":[],"mappings":"AA0PA,OAAO,KAAK,EAEV,oCAAoC,EACrC,MAAM,SAAS,CAAC;AAIjB,KAAK,WAAW,GAAG,oCAAoC,CAAC;AAuKxD,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA0MgzK,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlBt7K,wBAUG"}
@@ -2,6 +2,8 @@ export * from './accessories';
2
2
  export type * from './accessories';
3
3
  export * from './buttons';
4
4
  export type * from './buttons';
5
+ export * from './containers';
6
+ export type * from './containers';
5
7
  export * from './forms';
6
8
  export type * from './forms';
7
9
  export * from './layouts';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAGnC,cAAc,WAAW,CAAC;AAC1B,mBAAmB,WAAW,CAAC;AAG/B,cAAc,SAAS,CAAC;AACxB,mBAAmB,SAAS,CAAC;AAG7B,cAAc,WAAW,CAAC;AAC1B,mBAAmB,WAAW,CAAC;AAG/B,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,CAAC;AAGhC,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,CAAC;AAGhC,cAAc,QAAQ,CAAC;AACvB,mBAAmB,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAGnC,cAAc,WAAW,CAAC;AAC1B,mBAAmB,WAAW,CAAC;AAG/B,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAGlC,cAAc,SAAS,CAAC;AACxB,mBAAmB,SAAS,CAAC;AAG7B,cAAc,WAAW,CAAC;AAC1B,mBAAmB,WAAW,CAAC;AAG/B,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,CAAC;AAGhC,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,CAAC;AAGhC,cAAc,QAAQ,CAAC;AACvB,mBAAmB,QAAQ,CAAC"}
@@ -0,0 +1,12 @@
1
+ import { KdsNavItemProps } from './types';
2
+ declare const _default: import('vue').DefineComponent<KdsNavItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
3
+ click: (event: MouseEvent) => any;
4
+ trailingButtonClick: (event: MouseEvent) => any;
5
+ }, string, import('vue').PublicProps, Readonly<KdsNavItemProps> & Readonly<{
6
+ onClick?: ((event: MouseEvent) => any) | undefined;
7
+ onTrailingButtonClick?: ((event: MouseEvent) => any) | undefined;
8
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
9
+ labelEl: HTMLSpanElement;
10
+ }, HTMLDivElement>;
11
+ export default _default;
12
+ //# sourceMappingURL=KdsNavItem.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"KdsNavItem.vue.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/Navigation/KdsNavItem/KdsNavItem.vue"],"names":[],"mappings":"AA8PA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;AA2O/C,wBASG"}
@@ -0,0 +1,3 @@
1
+ export { default as KdsNavItem } from './KdsNavItem.vue';
2
+ export type * from './types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/Navigation/KdsNavItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,mBAAmB,SAAS,CAAC"}
@@ -0,0 +1,21 @@
1
+ import { KdsBadgeProps, KdsIconName } from '../../../accessories';
2
+ import { KdsButtonProps } from '../../../buttons';
3
+ export type KdsNavItemProps = {
4
+ /** The label text displayed in the navigation item. */
5
+ label: string;
6
+ /** Optional link destination. If provided, the item will render as a link. */
7
+ to?: string;
8
+ /** Optional leading icon displayed before the label. */
9
+ leadingIcon?: KdsIconName;
10
+ /** Optional trailing icon displayed after the label. */
11
+ trailingIcon?: KdsIconName;
12
+ /** Optional trailing button displayed after the label. */
13
+ trailingButton?: Omit<KdsButtonProps, "size">;
14
+ /** Optional badge displayed after the label. */
15
+ badge?: KdsBadgeProps;
16
+ /** Whether the navigation item is selected (active). */
17
+ selected?: boolean;
18
+ /** Whether the navigation item is disabled. */
19
+ disabled?: boolean;
20
+ };
21
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/Navigation/KdsNavItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG;IAC5B,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,wDAAwD;IACxD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,wDAAwD;IACxD,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,0DAA0D;IAC1D,cAAc,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IAC9C,gDAAgD;IAChD,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
@@ -0,0 +1,14 @@
1
+ import { KdsNavigationProps } from './types';
2
+ type __VLS_Props = KdsNavigationProps;
3
+ type __VLS_PublicProps = {
4
+ modelValue?: string;
5
+ } & __VLS_Props;
6
+ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
7
+ "update:modelValue": (value: string) => any;
8
+ navItemTrailingButtonClick: (itemId: string) => any;
9
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
10
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
11
+ onNavItemTrailingButtonClick?: ((itemId: string) => any) | undefined;
12
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
13
+ export default _default;
14
+ //# sourceMappingURL=KdsNavigation.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"KdsNavigation.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Navigation/KdsNavigation.vue"],"names":[],"mappings":"AAyDA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,KAAK,WAAW,GAAG,kBAAkB,CAAC;AAiBtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;;;;;;;;AA0GhB,wBAQG"}
@@ -0,0 +1,5 @@
1
+ export { default as KdsNavigation } from './KdsNavigation.vue';
2
+ export * from './KdsNavItem';
3
+ export type * from './types';
4
+ export type * from './KdsNavItem';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC/D,cAAc,cAAc,CAAC;AAE7B,mBAAmB,SAAS,CAAC;AAC7B,mBAAmB,cAAc,CAAC"}
@@ -0,0 +1,14 @@
1
+ import { KdsNavItemProps } from './KdsNavItem/types';
2
+ export type KdsNavigationItem = Omit<KdsNavItemProps, "selected"> & {
3
+ /** Unique identifier for the navigation item. Used for internal tracking and keys. */
4
+ id: string;
5
+ /** Whether to render a separator below the navigation item. */
6
+ separator?: boolean;
7
+ };
8
+ export type KdsNavigationProps = {
9
+ /** Aria label for the navigation region. (e.g. Main). Do not add "navigation" since this is added by the role automatically. */
10
+ ariaLabel: string;
11
+ /** The list of navigation items to render. Items with `separator: true` show a divider below them. */
12
+ items: KdsNavigationItem[];
13
+ };
14
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Navigation/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,GAAG;IAClE,sFAAsF;IACtF,EAAE,EAAE,MAAM,CAAC;IACX,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,gIAAgI;IAChI,SAAS,EAAE,MAAM,CAAC;IAClB,sGAAsG;IACtG,KAAK,EAAE,iBAAiB,EAAE,CAAC;CAC5B,CAAC"}
@@ -10,4 +10,6 @@ export * from './LoadingSkeleton';
10
10
  export type * from './LoadingSkeleton';
11
11
  export * from './PanelButtonBar';
12
12
  export type * from './PanelButtonBar';
13
+ export * from './Navigation';
14
+ export type * from './Navigation';
13
15
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,oBAAoB,CAAC;AACnC,mBAAmB,oBAAoB,CAAC;AAExC,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,cAAc,UAAU,CAAC;AACzB,mBAAmB,UAAU,CAAC;AAE9B,cAAc,mBAAmB,CAAC;AAClC,mBAAmB,mBAAmB,CAAC;AAEvC,cAAc,kBAAkB,CAAC;AACjC,mBAAmB,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,oBAAoB,CAAC;AACnC,mBAAmB,oBAAoB,CAAC;AAExC,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,cAAc,UAAU,CAAC;AACzB,mBAAmB,UAAU,CAAC;AAE9B,cAAc,mBAAmB,CAAC;AAClC,mBAAmB,mBAAmB,CAAC;AAEvC,cAAc,kBAAkB,CAAC;AACjC,mBAAmB,kBAAkB,CAAC;AAEtC,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC"}
@@ -1,8 +1,3 @@
1
- import { KdsPopoverProps } from './types';
2
- type __VLS_Props = KdsPopoverProps;
3
- type __VLS_PublicProps = {
4
- modelValue?: boolean;
5
- } & __VLS_Props;
6
1
  declare function __VLS_template(): {
7
2
  attrs: Partial<{}>;
8
3
  slots: {
@@ -14,12 +9,62 @@ declare function __VLS_template(): {
14
9
  rootEl: HTMLDivElement;
15
10
  };
16
11
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
17
- declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
12
+ declare const __VLS_component: import('vue').DefineComponent<({
13
+ modelValue?: boolean;
14
+ } & {
15
+ role?: import('./types').KdsPopoverRole;
16
+ popoverType?: import('./types').KdsPopoverType;
17
+ fullWidth?: boolean;
18
+ maxInlineSize?: string;
19
+ content?: string;
20
+ } & {
21
+ placement?: Exclude<import('./types').KdsPopoverPlacement, "custom">;
22
+ customPlacementPosition?: never;
23
+ }) | ({
24
+ modelValue?: boolean;
25
+ } & {
26
+ role?: import('./types').KdsPopoverRole;
27
+ popoverType?: import('./types').KdsPopoverType;
28
+ fullWidth?: boolean;
29
+ maxInlineSize?: string;
30
+ content?: string;
31
+ } & {
32
+ placement: "custom";
33
+ customPlacementPosition: {
34
+ x: number;
35
+ y: number;
36
+ };
37
+ }), {
18
38
  anchorStyle: Record<string, string>;
19
39
  popoverId: string;
20
40
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
21
41
  "update:modelValue": (value: boolean) => any;
22
- }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
42
+ }, string, import('vue').PublicProps, Readonly<({
43
+ modelValue?: boolean;
44
+ } & {
45
+ role?: import('./types').KdsPopoverRole;
46
+ popoverType?: import('./types').KdsPopoverType;
47
+ fullWidth?: boolean;
48
+ maxInlineSize?: string;
49
+ content?: string;
50
+ } & {
51
+ placement?: Exclude<import('./types').KdsPopoverPlacement, "custom">;
52
+ customPlacementPosition?: never;
53
+ }) | ({
54
+ modelValue?: boolean;
55
+ } & {
56
+ role?: import('./types').KdsPopoverRole;
57
+ popoverType?: import('./types').KdsPopoverType;
58
+ fullWidth?: boolean;
59
+ maxInlineSize?: string;
60
+ content?: string;
61
+ } & {
62
+ placement: "custom";
63
+ customPlacementPosition: {
64
+ x: number;
65
+ y: number;
66
+ };
67
+ })> & Readonly<{
23
68
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
24
69
  }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
25
70
  popoverEl: HTMLDivElement;
@@ -1 +1 @@
1
- {"version":3,"file":"KdsPopover.vue.d.ts","sourceRoot":"","sources":["../../../../src/overlays/Popover/KdsPopover.vue"],"names":[],"mappings":"AA8JA,OAAO,KAAK,EAAoB,eAAe,EAAE,MAAM,SAAS,CAAC;AAEjE,KAAK,WAAW,GAAG,eAAe,CAAC;AAsCnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAmDT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;kBAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"KdsPopover.vue.d.ts","sourceRoot":"","sources":["../../../../src/overlays/Popover/KdsPopover.vue"],"names":[],"mappings":"AAiQA,iBAAS,cAAc;WAoDT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;iBA5ER,OAAO;;;;;;;;;;;iBAAP,OAAO;;;;;;;;;;;;;;;;;;;iBAAP,OAAO;;;;;;;;;;;iBAAP,OAAO;;;;;;;;;;;;;;;;;kBAsFlB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -3,8 +3,9 @@ export declare const kdsPopoverPlacement: {
3
3
  readonly TOP_RIGHT: "top-right";
4
4
  readonly BOTTOM_LEFT: "bottom-left";
5
5
  readonly BOTTOM_RIGHT: "bottom-right";
6
+ readonly CUSTOM: "custom";
6
7
  };
7
- export declare const kdsPopoverPlacements: ("top-left" | "top-right" | "bottom-left" | "bottom-right")[];
8
+ export declare const kdsPopoverPlacements: ("top-left" | "top-right" | "bottom-left" | "bottom-right" | "custom")[];
8
9
  export declare const kdsPopoverRole: {
9
10
  readonly DIALOG: "dialog";
10
11
  readonly MENU: "menu";
@@ -1 +1 @@
1
- {"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../../src/overlays/Popover/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB;;;;;CAKtB,CAAC;AAEX,eAAO,MAAM,oBAAoB,+DAAqC,CAAC;AAEvE,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AAEX,eAAO,MAAM,eAAe,mCAAgC,CAAC;AAE7D,eAAO,MAAM,cAAc;;;CAGjB,CAAC;AAEX,eAAO,MAAM,eAAe,uBAAgC,CAAC"}
1
+ {"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../../src/overlays/Popover/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB;;;;;;CAMtB,CAAC;AAEX,eAAO,MAAM,oBAAoB,0EAAqC,CAAC;AAEvE,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AAEX,eAAO,MAAM,eAAe,mCAAgC,CAAC;AAE7D,eAAO,MAAM,cAAc;;;CAGjB,CAAC;AAEX,eAAO,MAAM,eAAe,uBAAgC,CAAC"}
@@ -2,17 +2,7 @@ import { kdsPopoverPlacement, kdsPopoverRole, kdsPopoverType } from './enums';
2
2
  export type KdsPopoverPlacement = (typeof kdsPopoverPlacement)[keyof typeof kdsPopoverPlacement];
3
3
  export type KdsPopoverRole = (typeof kdsPopoverRole)[keyof typeof kdsPopoverRole];
4
4
  export type KdsPopoverType = (typeof kdsPopoverType)[keyof typeof kdsPopoverType];
5
- export type KdsPopoverProps = {
6
- /**
7
- * Placement of the popover relative to the anchor element.
8
- *
9
- * Format: `{side}-{edge}` where:
10
- * - `side`: which side of the anchor the popover appears on (`top`, `bottom`)
11
- * - `edge`: which edge of the popover aligns with the anchor's edge (`left`, `right`)
12
- *
13
- * @default "bottom-left"
14
- */
15
- placement?: KdsPopoverPlacement;
5
+ type KdsPopoverCommonProps = {
16
6
  /**
17
7
  * Role of the popover element (for accessibility).
18
8
  *
@@ -39,6 +29,38 @@ export type KdsPopoverProps = {
39
29
  */
40
30
  content?: string;
41
31
  };
32
+ type KdsPopoverAnchoredProps = {
33
+ /**
34
+ * Placement of the popover relative to the anchor element.
35
+ *
36
+ * Format: `{side}-{edge}` where:
37
+ * - `side`: which side of the anchor the popover appears on (`top`, `bottom`)
38
+ * - `edge`: which edge of the popover aligns with the anchor's edge (`left`, `right`)
39
+ *
40
+ * @default "bottom-left"
41
+ */
42
+ placement?: Exclude<KdsPopoverPlacement, "custom">;
43
+ /**
44
+ * Not allowed for anchored placements. Only valid when `placement` is `"custom"`.
45
+ */
46
+ customPlacementPosition?: never;
47
+ };
48
+ type KdsPopoverCustomPlacementProps = {
49
+ /**
50
+ * Positions the popover statically at a fixed coordinate (provided via
51
+ * `customPlacementPosition`) instead of anchoring it to an element.
52
+ */
53
+ placement: "custom";
54
+ /**
55
+ * Fixed coordinate at which the popover is positioned. Required when
56
+ * `placement` is `"custom"`.
57
+ */
58
+ customPlacementPosition: {
59
+ x: number;
60
+ y: number;
61
+ };
62
+ };
63
+ export type KdsPopoverProps = KdsPopoverCommonProps & (KdsPopoverAnchoredProps | KdsPopoverCustomPlacementProps);
42
64
  export type KdsPopoverExpose = {
43
65
  /**
44
66
  * Ready-to-use inline style object (`{ "anchor-name": "..." }`) to apply
@@ -50,4 +72,5 @@ export type KdsPopoverExpose = {
50
72
  */
51
73
  popoverId: string;
52
74
  };
75
+ export {};
53
76
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/overlays/Popover/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9E,MAAM,MAAM,mBAAmB,GAC7B,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAEjE,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAEhC;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEpC;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/overlays/Popover/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9E,MAAM,MAAM,mBAAmB,GAC7B,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAEjE,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD,KAAK,qBAAqB,GAAG;IAC3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAC;IAEnD;;OAEG;IACH,uBAAuB,CAAC,EAAE,KAAK,CAAC;CACjC,CAAC;AAEF,KAAK,8BAA8B,GAAG;IACpC;;;OAGG;IACH,SAAS,EAAE,QAAQ,CAAC;IAEpB;;;OAGG;IACH,uBAAuB,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACnD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,qBAAqB,GACjD,CAAC,uBAAuB,GAAG,8BAA8B,CAAC,CAAC;AAE7D,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEpC;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC"}