@knime/kds-components 0.23.2 → 0.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (148) hide show
  1. package/dist/index.css +531 -1523
  2. package/dist/index.js +7234 -10323
  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/NumberInput/KdsNumberInput.vue.d.ts +8 -1
  79. package/dist/src/forms/inputs/NumberInput/KdsNumberInput.vue.d.ts.map +1 -1
  80. package/dist/src/forms/inputs/PasswordInput/KdsPasswordInput.vue.d.ts +8 -1
  81. package/dist/src/forms/inputs/PasswordInput/KdsPasswordInput.vue.d.ts.map +1 -1
  82. package/dist/src/forms/inputs/PatternInput/KdsPatternInput.vue.d.ts +8 -1
  83. package/dist/src/forms/inputs/PatternInput/KdsPatternInput.vue.d.ts.map +1 -1
  84. package/dist/src/forms/inputs/SearchInput/KdsSearchInput.vue.d.ts +80 -11
  85. package/dist/src/forms/inputs/SearchInput/KdsSearchInput.vue.d.ts.map +1 -1
  86. package/dist/src/forms/inputs/TextInput/KdsTextInput.vue.d.ts +80 -11
  87. package/dist/src/forms/inputs/TextInput/KdsTextInput.vue.d.ts.map +1 -1
  88. package/dist/src/forms/inputs/TimeInput/KdsTimeInput.vue.d.ts +1221 -0
  89. package/dist/src/forms/inputs/TimeInput/KdsTimeInput.vue.d.ts.map +1 -0
  90. package/dist/src/forms/inputs/TimeInput/TimePicker.vue.d.ts +886 -0
  91. package/dist/src/forms/inputs/TimeInput/TimePicker.vue.d.ts.map +1 -0
  92. package/dist/src/forms/inputs/TimeInput/enums.d.ts +7 -0
  93. package/dist/src/forms/inputs/TimeInput/enums.d.ts.map +1 -0
  94. package/dist/src/forms/inputs/TimeInput/index.d.ts +4 -0
  95. package/dist/src/forms/inputs/TimeInput/index.d.ts.map +1 -0
  96. package/dist/src/forms/inputs/TimeInput/types.d.ts +15 -0
  97. package/dist/src/forms/inputs/TimeInput/types.d.ts.map +1 -0
  98. package/dist/src/forms/inputs/TimeInput/useTimeInputMask.d.ts +13 -0
  99. package/dist/src/forms/inputs/TimeInput/useTimeInputMask.d.ts.map +1 -0
  100. package/dist/src/forms/inputs/UsernameInput/KdsUsernameInput.vue.d.ts +8 -1
  101. package/dist/src/forms/inputs/UsernameInput/KdsUsernameInput.vue.d.ts.map +1 -1
  102. package/dist/src/forms/inputs/UsernameInput/enums.d.ts +1 -1
  103. package/dist/src/forms/inputs/index.d.ts +2 -0
  104. package/dist/src/forms/inputs/index.d.ts.map +1 -1
  105. package/dist/src/forms/inputs/useInputSegments.d.ts +16 -0
  106. package/dist/src/forms/inputs/useInputSegments.d.ts.map +1 -0
  107. package/dist/src/forms/inputs/useInputSegments.helpers.d.ts +64 -0
  108. package/dist/src/forms/inputs/useInputSegments.helpers.d.ts.map +1 -0
  109. package/dist/src/forms/inputs/useInputSegmentsDnd.d.ts +20 -0
  110. package/dist/src/forms/inputs/useInputSegmentsDnd.d.ts.map +1 -0
  111. package/dist/src/forms/inputs/useInputSegmentsMouse.d.ts +19 -0
  112. package/dist/src/forms/inputs/useInputSegmentsMouse.d.ts.map +1 -0
  113. package/dist/src/forms/selects/Dropdown/DropdownContainer.vue.d.ts +12 -3
  114. package/dist/src/forms/selects/Dropdown/DropdownContainer.vue.d.ts.map +1 -1
  115. package/dist/src/forms/selects/Dropdown/KdsDropdown.vue.d.ts +80 -11
  116. package/dist/src/forms/selects/Dropdown/KdsDropdown.vue.d.ts.map +1 -1
  117. package/dist/src/forms/selects/Dropdown/KdsMultiSelectDropdown.vue.d.ts +80 -11
  118. package/dist/src/forms/selects/Dropdown/KdsMultiSelectDropdown.vue.d.ts.map +1 -1
  119. package/dist/src/forms/selects/Dropdown/MultiSelectDropdownContainer.vue.d.ts +12 -3
  120. package/dist/src/forms/selects/Dropdown/MultiSelectDropdownContainer.vue.d.ts.map +1 -1
  121. package/dist/src/index.d.ts +2 -0
  122. package/dist/src/index.d.ts.map +1 -1
  123. package/dist/src/layouts/Navigation/KdsNavItem/KdsNavItem.vue.d.ts +12 -0
  124. package/dist/src/layouts/Navigation/KdsNavItem/KdsNavItem.vue.d.ts.map +1 -0
  125. package/dist/src/layouts/Navigation/KdsNavItem/index.d.ts +3 -0
  126. package/dist/src/layouts/Navigation/KdsNavItem/index.d.ts.map +1 -0
  127. package/dist/src/layouts/Navigation/KdsNavItem/types.d.ts +21 -0
  128. package/dist/src/layouts/Navigation/KdsNavItem/types.d.ts.map +1 -0
  129. package/dist/src/layouts/Navigation/KdsNavigation.vue.d.ts +14 -0
  130. package/dist/src/layouts/Navigation/KdsNavigation.vue.d.ts.map +1 -0
  131. package/dist/src/layouts/Navigation/index.d.ts +5 -0
  132. package/dist/src/layouts/Navigation/index.d.ts.map +1 -0
  133. package/dist/src/layouts/Navigation/types.d.ts +14 -0
  134. package/dist/src/layouts/Navigation/types.d.ts.map +1 -0
  135. package/dist/src/layouts/index.d.ts +2 -0
  136. package/dist/src/layouts/index.d.ts.map +1 -1
  137. package/dist/src/overlays/Popover/KdsPopover.vue.d.ts +52 -7
  138. package/dist/src/overlays/Popover/KdsPopover.vue.d.ts.map +1 -1
  139. package/dist/src/overlays/Popover/enums.d.ts +2 -1
  140. package/dist/src/overlays/Popover/enums.d.ts.map +1 -1
  141. package/dist/src/overlays/Popover/types.d.ts +34 -11
  142. package/dist/src/overlays/Popover/types.d.ts.map +1 -1
  143. package/dist/src/patterns/ResponsiveButtonGroup/KdsResponsiveButtonGroup.vue.d.ts +71 -38
  144. package/dist/src/patterns/ResponsiveButtonGroup/KdsResponsiveButtonGroup.vue.d.ts.map +1 -1
  145. package/package.json +4 -4
  146. package/dist/src/containers/ListItem/ListItemDivider/ListItemDivider.vue.d.ts.map +0 -1
  147. package/dist/src/containers/ListItem/ListItemDivider/index.d.ts +0 -2
  148. package/dist/src/containers/ListItem/ListItemDivider/index.d.ts.map +0 -1
@@ -1,3 +1,3 @@
1
1
  declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLHRElement>;
2
2
  export default _default;
3
- //# sourceMappingURL=ListItemDivider.vue.d.ts.map
3
+ //# sourceMappingURL=KdsDivider.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"KdsDivider.vue.d.ts","sourceRoot":"","sources":["../../../../src/accessories/Divider/KdsDivider.vue"],"names":[],"mappings":";AAoDA,wBAMG"}
@@ -0,0 +1,2 @@
1
+ export { default as KdsDivider } from './KdsDivider.vue';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/accessories/Divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC"}
@@ -14,4 +14,5 @@ export * from './InlineMessage';
14
14
  export type * from './InlineMessage';
15
15
  export * from './DonutChart';
16
16
  export type * from './DonutChart';
17
+ export * from './Divider';
17
18
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/accessories/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,mBAAmB,UAAU,CAAC;AAE9B,cAAc,SAAS,CAAC;AACxB,mBAAmB,SAAS,CAAC;AAE7B,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,cAAc,QAAQ,CAAC;AACvB,mBAAmB,QAAQ,CAAC;AAE5B,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,kBAAkB,CAAC;AACjC,mBAAmB,kBAAkB,CAAC;AAEtC,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,iBAAiB,CAAC;AAErC,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/accessories/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,mBAAmB,UAAU,CAAC;AAE9B,cAAc,SAAS,CAAC;AACxB,mBAAmB,SAAS,CAAC;AAE7B,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,cAAc,QAAQ,CAAC;AACvB,mBAAmB,QAAQ,CAAC;AAE5B,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,kBAAkB,CAAC;AACjC,mBAAmB,kBAAkB,CAAC;AAEtC,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,iBAAiB,CAAC;AAErC,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,WAAW,CAAC"}
@@ -124,16 +124,30 @@ declare const _default: import('vue').DefineComponent<(import('../types').KdsBut
124
124
  popover: ({
125
125
  $: import('vue').ComponentInternalInstance;
126
126
  $data: {};
127
- $props: {
127
+ $props: ({
128
128
  readonly modelValue?: boolean | undefined;
129
- readonly placement?: import('../../overlays/Popover').KdsPopoverPlacement | undefined;
130
129
  readonly role?: import('../../overlays/Popover').KdsPopoverRole | undefined;
131
130
  readonly popoverType?: import('../../overlays/Popover').KdsPopoverType | undefined;
132
131
  readonly fullWidth?: boolean | undefined;
133
132
  readonly maxInlineSize?: string | undefined;
134
133
  readonly content?: string | undefined;
134
+ readonly placement?: Exclude<import('../../overlays/Popover').KdsPopoverPlacement, "custom"> | undefined;
135
+ readonly customPlacementPosition?: never | undefined;
135
136
  readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
136
- } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
137
+ } | {
138
+ readonly modelValue?: boolean | undefined;
139
+ readonly role?: import('../../overlays/Popover').KdsPopoverRole | undefined;
140
+ readonly popoverType?: import('../../overlays/Popover').KdsPopoverType | undefined;
141
+ readonly fullWidth?: boolean | undefined;
142
+ readonly maxInlineSize?: string | undefined;
143
+ readonly content?: string | undefined;
144
+ readonly placement: "custom";
145
+ readonly customPlacementPosition: {
146
+ x: number;
147
+ y: number;
148
+ };
149
+ readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
150
+ }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
137
151
  $attrs: import('vue').Attrs;
138
152
  $refs: {
139
153
  [x: string]: unknown;
@@ -148,9 +162,32 @@ declare const _default: import('vue').DefineComponent<(import('../types').KdsBut
148
162
  $host: Element | null;
149
163
  $emit: (event: "update:modelValue", value: boolean) => void;
150
164
  $el: HTMLDivElement;
151
- $options: import('vue').ComponentOptionsBase<Readonly<{
165
+ $options: import('vue').ComponentOptionsBase<Readonly<({
166
+ modelValue?: boolean;
167
+ } & {
168
+ role?: import('../../overlays/Popover').KdsPopoverRole;
169
+ popoverType?: import('../../overlays/Popover').KdsPopoverType;
170
+ fullWidth?: boolean;
171
+ maxInlineSize?: string;
172
+ content?: string;
173
+ } & {
174
+ placement?: Exclude<import('../../overlays/Popover').KdsPopoverPlacement, "custom">;
175
+ customPlacementPosition?: never;
176
+ }) | ({
152
177
  modelValue?: boolean;
153
- } & import('../../overlays/Popover').KdsPopoverProps> & Readonly<{
178
+ } & {
179
+ role?: import('../../overlays/Popover').KdsPopoverRole;
180
+ popoverType?: import('../../overlays/Popover').KdsPopoverType;
181
+ fullWidth?: boolean;
182
+ maxInlineSize?: string;
183
+ content?: string;
184
+ } & {
185
+ placement: "custom";
186
+ customPlacementPosition: {
187
+ x: number;
188
+ y: number;
189
+ };
190
+ })> & Readonly<{
154
191
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
155
192
  }>, {
156
193
  anchorStyle: Record<string, string>;
@@ -177,11 +214,34 @@ declare const _default: import('vue').DefineComponent<(import('../types').KdsBut
177
214
  $forceUpdate: () => void;
178
215
  $nextTick: typeof nextTick;
179
216
  $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;
180
- } & Readonly<{}> & Omit<Readonly<{
217
+ } & Readonly<{}> & Omit<{} & (Readonly<({
181
218
  modelValue?: boolean;
182
- } & import('../../overlays/Popover').KdsPopoverProps> & Readonly<{
219
+ } & {
220
+ role?: import('../../overlays/Popover').KdsPopoverRole;
221
+ popoverType?: import('../../overlays/Popover').KdsPopoverType;
222
+ fullWidth?: boolean;
223
+ maxInlineSize?: string;
224
+ content?: string;
225
+ } & {
226
+ placement?: Exclude<import('../../overlays/Popover').KdsPopoverPlacement, "custom">;
227
+ customPlacementPosition?: never;
228
+ }) | ({
229
+ modelValue?: boolean;
230
+ } & {
231
+ role?: import('../../overlays/Popover').KdsPopoverRole;
232
+ popoverType?: import('../../overlays/Popover').KdsPopoverType;
233
+ fullWidth?: boolean;
234
+ maxInlineSize?: string;
235
+ content?: string;
236
+ } & {
237
+ placement: "custom";
238
+ customPlacementPosition: {
239
+ x: number;
240
+ y: number;
241
+ };
242
+ })> & Readonly<{
183
243
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
184
- }>, "anchorStyle" | "popoverId"> & {
244
+ }>), "anchorStyle" | "popoverId"> & {
185
245
  anchorStyle: Record<string, string>;
186
246
  popoverId: string;
187
247
  } & {} & import('vue').ComponentCustomProperties & {} & {
@@ -189,41 +249,14 @@ declare const _default: import('vue').DefineComponent<(import('../types').KdsBut
189
249
  default?(_: {}): any;
190
250
  };
191
251
  }) | null;
192
- menuContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../containers').KdsMenuContainerProps> & Readonly<{
252
+ menuContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../containers/MenuContainer').KdsMenuContainerProps> & Readonly<{
193
253
  onItemClick?: ((id: string) => any) | undefined;
194
254
  }>, {
195
255
  focus: () => void;
196
256
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
197
257
  itemClick: (id: string) => any;
198
258
  }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
199
- listContainerEl: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../containers').KdsListContainerProps> & Readonly<{
200
- onItemClick?: ((id?: string | undefined) => any) | undefined;
201
- }>, {
202
- handleKeydown: (event: KeyboardEvent) => void;
203
- handleFocus: () => void;
204
- handleBlur: () => void;
205
- activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
206
- focus: () => void;
207
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
208
- itemClick: (id?: string | undefined) => any;
209
- }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
210
- containerEl: HTMLDivElement;
211
- }, HTMLDivElement, import('vue').ComponentProvideOptions, {
212
- P: {};
213
- B: {};
214
- D: {};
215
- C: {};
216
- M: {};
217
- Defaults: {};
218
- }, Readonly<import('../../containers').KdsListContainerProps> & Readonly<{
219
- onItemClick?: ((id?: string | undefined) => any) | undefined;
220
- }>, {
221
- handleKeydown: (event: KeyboardEvent) => void;
222
- handleFocus: () => void;
223
- handleBlur: () => void;
224
- activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
225
- focus: () => void;
226
- }, {}, {}, {}, {}> | null;
259
+ containerEl: HTMLDivElement;
227
260
  }, HTMLDivElement, import('vue').ComponentProvideOptions, {
228
261
  P: {};
229
262
  B: {};
@@ -231,7 +264,7 @@ declare const _default: import('vue').DefineComponent<(import('../types').KdsBut
231
264
  C: {};
232
265
  M: {};
233
266
  Defaults: {};
234
- }, Readonly<import('../../containers').KdsMenuContainerProps> & Readonly<{
267
+ }, Readonly<import('../../containers/MenuContainer').KdsMenuContainerProps> & Readonly<{
235
268
  onItemClick?: ((id: string) => any) | undefined;
236
269
  }>, {
237
270
  focus: () => void;
@@ -1 +1 @@
1
- {"version":3,"file":"KdsMenuButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/buttons/KdsMenuButton/KdsMenuButton.vue"],"names":[],"mappings":"AAmGA,OAAO,EAEL,QAAQ,EAMT,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAsMsqjB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjBzyjB,wBASG"}
1
+ {"version":3,"file":"KdsMenuButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/buttons/KdsMenuButton/KdsMenuButton.vue"],"names":[],"mappings":"AAmGA,OAAO,EAEL,QAAQ,EAMT,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAsMsqjB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjBzyjB,wBASG"}
@@ -41,16 +41,30 @@ declare const _default: import('vue').DefineComponent<(import('../types').KdsBut
41
41
  popoverEl: ({
42
42
  $: import('vue').ComponentInternalInstance;
43
43
  $data: {};
44
- $props: {
44
+ $props: ({
45
45
  readonly modelValue?: boolean | undefined;
46
- readonly placement?: import('../../overlays/Popover').KdsPopoverPlacement | undefined;
47
46
  readonly role?: import('../../overlays/Popover').KdsPopoverRole | undefined;
48
47
  readonly popoverType?: import('../../overlays/Popover').KdsPopoverType | undefined;
49
48
  readonly fullWidth?: boolean | undefined;
50
49
  readonly maxInlineSize?: string | undefined;
51
50
  readonly content?: string | undefined;
51
+ readonly placement?: Exclude<import('../../overlays/Popover').KdsPopoverPlacement, "custom"> | undefined;
52
+ readonly customPlacementPosition?: never | undefined;
52
53
  readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
53
- } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
54
+ } | {
55
+ readonly modelValue?: boolean | undefined;
56
+ readonly role?: import('../../overlays/Popover').KdsPopoverRole | undefined;
57
+ readonly popoverType?: import('../../overlays/Popover').KdsPopoverType | undefined;
58
+ readonly fullWidth?: boolean | undefined;
59
+ readonly maxInlineSize?: string | undefined;
60
+ readonly content?: string | undefined;
61
+ readonly placement: "custom";
62
+ readonly customPlacementPosition: {
63
+ x: number;
64
+ y: number;
65
+ };
66
+ readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
67
+ }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
54
68
  $attrs: import('vue').Attrs;
55
69
  $refs: {
56
70
  [x: string]: unknown;
@@ -65,9 +79,32 @@ declare const _default: import('vue').DefineComponent<(import('../types').KdsBut
65
79
  $host: Element | null;
66
80
  $emit: (event: "update:modelValue", value: boolean) => void;
67
81
  $el: HTMLDivElement;
68
- $options: import('vue').ComponentOptionsBase<Readonly<{
82
+ $options: import('vue').ComponentOptionsBase<Readonly<({
69
83
  modelValue?: boolean;
70
- } & import('../../overlays/Popover').KdsPopoverProps> & Readonly<{
84
+ } & {
85
+ role?: import('../../overlays/Popover').KdsPopoverRole;
86
+ popoverType?: import('../../overlays/Popover').KdsPopoverType;
87
+ fullWidth?: boolean;
88
+ maxInlineSize?: string;
89
+ content?: string;
90
+ } & {
91
+ placement?: Exclude<import('../../overlays/Popover').KdsPopoverPlacement, "custom">;
92
+ customPlacementPosition?: never;
93
+ }) | ({
94
+ modelValue?: boolean;
95
+ } & {
96
+ role?: import('../../overlays/Popover').KdsPopoverRole;
97
+ popoverType?: import('../../overlays/Popover').KdsPopoverType;
98
+ fullWidth?: boolean;
99
+ maxInlineSize?: string;
100
+ content?: string;
101
+ } & {
102
+ placement: "custom";
103
+ customPlacementPosition: {
104
+ x: number;
105
+ y: number;
106
+ };
107
+ })> & Readonly<{
71
108
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
72
109
  }>, {
73
110
  anchorStyle: Record<string, string>;
@@ -94,11 +131,34 @@ declare const _default: import('vue').DefineComponent<(import('../types').KdsBut
94
131
  $forceUpdate: () => void;
95
132
  $nextTick: typeof nextTick;
96
133
  $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;
97
- } & Readonly<{}> & Omit<Readonly<{
134
+ } & Readonly<{}> & Omit<{} & (Readonly<({
135
+ modelValue?: boolean;
136
+ } & {
137
+ role?: import('../../overlays/Popover').KdsPopoverRole;
138
+ popoverType?: import('../../overlays/Popover').KdsPopoverType;
139
+ fullWidth?: boolean;
140
+ maxInlineSize?: string;
141
+ content?: string;
142
+ } & {
143
+ placement?: Exclude<import('../../overlays/Popover').KdsPopoverPlacement, "custom">;
144
+ customPlacementPosition?: never;
145
+ }) | ({
98
146
  modelValue?: boolean;
99
- } & import('../../overlays/Popover').KdsPopoverProps> & Readonly<{
147
+ } & {
148
+ role?: import('../../overlays/Popover').KdsPopoverRole;
149
+ popoverType?: import('../../overlays/Popover').KdsPopoverType;
150
+ fullWidth?: boolean;
151
+ maxInlineSize?: string;
152
+ content?: string;
153
+ } & {
154
+ placement: "custom";
155
+ customPlacementPosition: {
156
+ x: number;
157
+ y: number;
158
+ };
159
+ })> & Readonly<{
100
160
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
101
- }>, "anchorStyle" | "popoverId"> & {
161
+ }>), "anchorStyle" | "popoverId"> & {
102
162
  anchorStyle: Record<string, string>;
103
163
  popoverId: string;
104
164
  } & {} & import('vue').ComponentCustomProperties & {} & {
@@ -106,41 +166,14 @@ declare const _default: import('vue').DefineComponent<(import('../types').KdsBut
106
166
  default?(_: {}): any;
107
167
  };
108
168
  }) | null;
109
- menuContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../containers').KdsMenuContainerProps> & Readonly<{
169
+ menuContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../containers/MenuContainer').KdsMenuContainerProps> & Readonly<{
110
170
  onItemClick?: ((id: string) => any) | undefined;
111
171
  }>, {
112
172
  focus: () => void;
113
173
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
114
174
  itemClick: (id: string) => any;
115
175
  }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
116
- listContainerEl: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../containers').KdsListContainerProps> & Readonly<{
117
- onItemClick?: ((id?: string | undefined) => any) | undefined;
118
- }>, {
119
- handleKeydown: (event: KeyboardEvent) => void;
120
- handleFocus: () => void;
121
- handleBlur: () => void;
122
- activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
123
- focus: () => void;
124
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
125
- itemClick: (id?: string | undefined) => any;
126
- }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
127
- containerEl: HTMLDivElement;
128
- }, HTMLDivElement, import('vue').ComponentProvideOptions, {
129
- P: {};
130
- B: {};
131
- D: {};
132
- C: {};
133
- M: {};
134
- Defaults: {};
135
- }, Readonly<import('../../containers').KdsListContainerProps> & Readonly<{
136
- onItemClick?: ((id?: string | undefined) => any) | undefined;
137
- }>, {
138
- handleKeydown: (event: KeyboardEvent) => void;
139
- handleFocus: () => void;
140
- handleBlur: () => void;
141
- activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
142
- focus: () => void;
143
- }, {}, {}, {}, {}> | null;
176
+ containerEl: HTMLDivElement;
144
177
  }, HTMLDivElement, import('vue').ComponentProvideOptions, {
145
178
  P: {};
146
179
  B: {};
@@ -148,7 +181,7 @@ declare const _default: import('vue').DefineComponent<(import('../types').KdsBut
148
181
  C: {};
149
182
  M: {};
150
183
  Defaults: {};
151
- }, Readonly<import('../../containers').KdsMenuContainerProps> & Readonly<{
184
+ }, Readonly<import('../../containers/MenuContainer').KdsMenuContainerProps> & Readonly<{
152
185
  onItemClick?: ((id: string) => any) | undefined;
153
186
  }>, {
154
187
  focus: () => void;
@@ -1 +1 @@
1
- {"version":3,"file":"KdsSplitButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/buttons/KdsSplitButton/KdsSplitButton.vue"],"names":[],"mappings":"AAiHA,OAAO,EAAE,QAAQ,EAAqC,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA2Oypf,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjBj1f,wBASG"}
1
+ {"version":3,"file":"KdsSplitButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/buttons/KdsSplitButton/KdsSplitButton.vue"],"names":[],"mappings":"AAiHA,OAAO,EAAE,QAAQ,EAAqC,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA2Oypf,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjBj1f,wBASG"}
@@ -0,0 +1,14 @@
1
+ import { KdsContextMenuProps } from './types';
2
+ type __VLS_Props = KdsContextMenuProps;
3
+ type __VLS_PublicProps = {
4
+ modelValue?: boolean;
5
+ } & __VLS_Props;
6
+ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
7
+ "update:modelValue": (value: boolean) => any;
8
+ itemClick: (id: string) => any;
9
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
10
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
11
+ onItemClick?: ((id: string) => any) | undefined;
12
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
13
+ export default _default;
14
+ //# sourceMappingURL=KdsContextMenu.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"KdsContextMenu.vue.d.ts","sourceRoot":"","sources":["../../../../src/containers/ContextMenu/KdsContextMenu.vue"],"names":[],"mappings":"AAyDA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAInD,KAAK,WAAW,GAAG,mBAAmB,CAAC;AA2BvC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;;;;;;;;AAyFhB,wBAOG"}
@@ -0,0 +1,3 @@
1
+ export { default as KdsContextMenu } from './KdsContextMenu.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/containers/ContextMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,mBAAmB,SAAS,CAAC"}
@@ -0,0 +1,35 @@
1
+ import { KdsPopoverProps } from '../../overlays/Popover';
2
+ import { KdsListItemVariant } from '../ListItem/KdsListItem';
3
+ import { KdsMenuItem } from '../MenuContainer/types';
4
+ export type KdsContextMenuProps = {
5
+ /** id of the menu to be linked via aria-controls */
6
+ id: string;
7
+ /** Menu items rendered in the list */
8
+ items: KdsMenuItem[];
9
+ /** Limits the height of the menu container */
10
+ menuMaxHeight?: string;
11
+ /** Size variant for all the items in this container */
12
+ variant?: KdsListItemVariant;
13
+ /** Accessible label for the menu. Defaults to "Menu". */
14
+ ariaLabel?: string;
15
+ /**
16
+ * The position where the menu will be anchored to
17
+ */
18
+ position: {
19
+ x: number;
20
+ y: number;
21
+ };
22
+ /**
23
+ * Controls the behavior of the popover
24
+ *
25
+ * auto: component will be automatically closed when other popovers in the page open.
26
+ * Also provides light-dismiss behavior, which closes on "click outside"
27
+ *
28
+ * manual: relies on direct control of the popover state; via the `open` v-model state
29
+ *
30
+ * For more info, refer to the `popover` attribute:
31
+ * https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/popover
32
+ */
33
+ popoverMode?: KdsPopoverProps["popoverType"];
34
+ };
35
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/containers/ContextMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D,MAAM,MAAM,mBAAmB,GAAG;IAChC,oDAAoD;IACpD,EAAE,EAAE,MAAM,CAAC;IACX,sCAAsC;IACtC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uDAAuD;IACvD,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC;;;;;;;;;;OAUG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;CAC9C,CAAC"}
@@ -5,6 +5,7 @@ declare const _default: import('vue').DefineComponent<KdsListContainerProps, {
5
5
  handleBlur: () => void;
6
6
  activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
7
7
  focus: () => void;
8
+ scrollSelectedIntoView: () => void;
8
9
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
9
10
  itemClick: (id?: string | undefined) => any;
10
11
  }, string, import('vue').PublicProps, Readonly<KdsListContainerProps> & Readonly<{
@@ -1 +1 @@
1
- {"version":3,"file":"KdsListContainer.vue.d.ts","sourceRoot":"","sources":["../../../../src/containers/ListContainer/KdsListContainer.vue"],"names":[],"mappings":"AA+YA,OAAO,KAAK,EAEV,qBAAqB,EAEtB,MAAM,SAAS,CAAC;;;;;;;;;;;;;;AAqdjB,wBAUG"}
1
+ {"version":3,"file":"KdsListContainer.vue.d.ts","sourceRoot":"","sources":["../../../../src/containers/ListContainer/KdsListContainer.vue"],"names":[],"mappings":"AAqNA,OAAO,KAAK,EAA0B,qBAAqB,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;AAkR7E,wBAUG"}
@@ -63,5 +63,7 @@ export type KdsListContainerExpose = {
63
63
  activeDescendant: Readonly<Ref<string | undefined>>;
64
64
  /** Moves focus to the list container element */
65
65
  focus: () => void;
66
+ /** Scrolls the currently selected item into view (centered) */
67
+ scrollSelectedIntoView: () => void;
66
68
  };
67
69
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/containers/ListContainer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAEhF,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,oBAAoB,GAC9B,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,OAAO,oBAAoB,CAAC,CAAC;AAEnE,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4DAA4D;IAC5D,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAClC,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;;OAIG;IACH,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,kEAAkE;IAClE,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6MAA6M;IAC7M,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,+SAA+S;IAC/S,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6CAA6C;IAC7C,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,kEAAkE;IAClE,aAAa,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,kEAAkE;IAClE,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,8DAA8D;IAC9D,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,kHAAkH;IAClH,gBAAgB,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;IACpD,gDAAgD;IAChD,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/containers/ListContainer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAEhF,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,oBAAoB,GAC9B,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,OAAO,oBAAoB,CAAC,CAAC;AAEnE,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4DAA4D;IAC5D,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAClC,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;;OAIG;IACH,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,kEAAkE;IAClE,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6MAA6M;IAC7M,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,+SAA+S;IAC/S,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6CAA6C;IAC7C,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,kEAAkE;IAClE,aAAa,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,kEAAkE;IAClE,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,8DAA8D;IAC9D,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,kHAAkH;IAClH,gBAAgB,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;IACpD,gDAAgD;IAChD,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,+DAA+D;IAC/D,sBAAsB,EAAE,MAAM,IAAI,CAAC;CACpC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"KdsListItem.vue.d.ts","sourceRoot":"","sources":["../../../../../src/containers/ListItem/KdsListItem/KdsListItem.vue"],"names":[],"mappings":"AA6RA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;;;;;;;;;AAqMnD,wBASG"}
1
+ {"version":3,"file":"KdsListItem.vue.d.ts","sourceRoot":"","sources":["../../../../../src/containers/ListItem/KdsListItem/KdsListItem.vue"],"names":[],"mappings":"AAySA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;;;;;;;;;AA0NnD,wBASG"}
@@ -1,8 +1,15 @@
1
- import { KdsIconName } from '../../../accessories';
1
+ import { KdsBadgeVariant, KdsIconName } from '../../../accessories';
2
2
  import { KdsListItemAccessory } from '../ListItemAccessory/types.ts';
3
3
  import { kdsListItemRole, kdsListItemVariant } from './enums.ts';
4
4
  export type KdsListItemVariant = (typeof kdsListItemVariant)[keyof typeof kdsListItemVariant];
5
5
  export type KdsListItemRole = (typeof kdsListItemRole)[keyof typeof kdsListItemRole];
6
+ /**
7
+ * Props for `KdsListItem`.
8
+ *
9
+ * Trailing accessory rule of thumb: only ONE trailing accessory at a time.
10
+ * The single allowed exception is combining the `trailingIcon` with either
11
+ * `shortcut` or `badge`. `shortcut` and `badge` are mutually exclusive.
12
+ */
6
13
  export type KdsListItemProps = {
7
14
  /** Unique identifier for the list item (also used as DOM id for aria-activedescendant patterns). */
8
15
  id: string;
@@ -14,10 +21,25 @@ export type KdsListItemProps = {
14
21
  subText?: string;
15
22
  /** Visual size variant of the list item. Influences accessory/icon sizing, gaps and typography. */
16
23
  variant?: KdsListItemVariant;
17
- /** Optional shortcut text shown at the end of the row (e.g. "Ctrl + 1"). Only shown when the item is not selected and not missing. */
24
+ /**
25
+ * Optional shortcut text shown at the end of the row (e.g. "Ctrl + 1").
26
+ * Only shown when the item is not selected and not missing.
27
+ * Mutually exclusive with `badge`. Can be combined with `trailingIcon`.
28
+ */
18
29
  shortcut?: string;
19
- /** Optional trailing icon displayed at the end of the row (e.g. "checkmark" for selected, "trash" for missing). */
30
+ /**
31
+ * Optional trailing icon displayed at the end of the row (e.g. "checkmark" for selected, "trash" for missing).
32
+ * Can stand alone or be combined with either `shortcut` or `badge`.
33
+ */
20
34
  trailingIcon?: KdsIconName;
35
+ /**
36
+ * Optional badge to display at the end of the row.
37
+ * Mutually exclusive with `shortcut`. Can be combined with `trailingIcon`.
38
+ */
39
+ badge?: {
40
+ label: string;
41
+ variant?: KdsBadgeVariant;
42
+ };
21
43
  /** Applies "special content" styling (used when the content is not a standard data field). Only applies in singleline mode. */
22
44
  special?: boolean;
23
45
  /** Applies selected styling. */
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/containers/ListItem/KdsListItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAE1E,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEtE,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAE/D,MAAM,MAAM,eAAe,GACzB,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,oGAAoG;IACpG,EAAE,EAAE,MAAM,CAAC;IAEX,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IAEd,0FAA0F;IAC1F,SAAS,CAAC,EAAE,oBAAoB,CAAC;IAEjC,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,mGAAmG;IACnG,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B,sIAAsI;IACtI,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,mHAAmH;IACnH,YAAY,CAAC,EAAE,WAAW,CAAC;IAE3B,+HAA+H;IAC/H,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0FAA0F;IAC1F,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,uBAAuB;IACvB,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/containers/ListItem/KdsListItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAE1E,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEtE,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAE/D,MAAM,MAAM,eAAe,GACzB,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD;;;;;;GAMG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,oGAAoG;IACpG,EAAE,EAAE,MAAM,CAAC;IAEX,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IAEd,0FAA0F;IAC1F,SAAS,CAAC,EAAE,oBAAoB,CAAC;IAEjC,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,mGAAmG;IACnG,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAE3B;;;OAGG;IACH,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,eAAe,CAAC;KAC3B,CAAC;IAEF,+HAA+H;IAC/H,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0FAA0F;IAC1F,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,uBAAuB;IACvB,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC"}