@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
@@ -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"}