@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.
- package/dist/index.css +577 -1523
- package/dist/index.js +8924 -11446
- package/dist/index.js.map +1 -1
- package/dist/src/{containers/ListItem/ListItemDivider/ListItemDivider.vue.d.ts → accessories/Divider/KdsDivider.vue.d.ts} +1 -1
- package/dist/src/accessories/Divider/KdsDivider.vue.d.ts.map +1 -0
- package/dist/src/accessories/Divider/index.d.ts +2 -0
- package/dist/src/accessories/Divider/index.d.ts.map +1 -0
- package/dist/src/accessories/index.d.ts +1 -0
- package/dist/src/accessories/index.d.ts.map +1 -1
- package/dist/src/buttons/KdsMenuButton/KdsMenuButton.vue.d.ts +71 -38
- package/dist/src/buttons/KdsMenuButton/KdsMenuButton.vue.d.ts.map +1 -1
- package/dist/src/buttons/KdsSplitButton/KdsSplitButton.vue.d.ts +71 -38
- package/dist/src/buttons/KdsSplitButton/KdsSplitButton.vue.d.ts.map +1 -1
- package/dist/src/containers/ContextMenu/KdsContextMenu.vue.d.ts +14 -0
- package/dist/src/containers/ContextMenu/KdsContextMenu.vue.d.ts.map +1 -0
- package/dist/src/containers/ContextMenu/index.d.ts +3 -0
- package/dist/src/containers/ContextMenu/index.d.ts.map +1 -0
- package/dist/src/containers/ContextMenu/types.d.ts +35 -0
- package/dist/src/containers/ContextMenu/types.d.ts.map +1 -0
- package/dist/src/containers/ListContainer/KdsListContainer.vue.d.ts +1 -0
- package/dist/src/containers/ListContainer/KdsListContainer.vue.d.ts.map +1 -1
- package/dist/src/containers/ListContainer/types.d.ts +2 -0
- package/dist/src/containers/ListContainer/types.d.ts.map +1 -1
- package/dist/src/containers/ListItem/KdsListItem/KdsListItem.vue.d.ts.map +1 -1
- package/dist/src/containers/ListItem/KdsListItem/types.d.ts +25 -3
- package/dist/src/containers/ListItem/KdsListItem/types.d.ts.map +1 -1
- package/dist/src/containers/Menu/KdsMenu.vue.d.ts +363 -0
- package/dist/src/containers/Menu/KdsMenu.vue.d.ts.map +1 -0
- package/dist/src/containers/Menu/index.d.ts +3 -0
- package/dist/src/containers/Menu/index.d.ts.map +1 -0
- package/dist/src/containers/Menu/types.d.ts +13 -0
- package/dist/src/containers/Menu/types.d.ts.map +1 -0
- package/dist/src/containers/MenuContainer/KdsMenuContainer.vue.d.ts +1 -28
- package/dist/src/containers/MenuContainer/KdsMenuContainer.vue.d.ts.map +1 -1
- package/dist/src/containers/MenuContainer/KdsMenuItem.vue.d.ts +14 -0
- package/dist/src/containers/MenuContainer/KdsMenuItem.vue.d.ts.map +1 -0
- package/dist/src/containers/MenuContainer/types.d.ts +23 -5
- package/dist/src/containers/MenuContainer/types.d.ts.map +1 -1
- package/dist/src/containers/_helpers/useListItemKeyboardNav.d.ts +27 -0
- package/dist/src/containers/_helpers/useListItemKeyboardNav.d.ts.map +1 -0
- package/dist/src/containers/_helpers/useStableItemIds.d.ts +19 -0
- package/dist/src/containers/_helpers/useStableItemIds.d.ts.map +1 -0
- package/dist/src/containers/index.d.ts +5 -2
- package/dist/src/containers/index.d.ts.map +1 -1
- package/dist/src/forms/_helper/InfoPopover/KdsInfoToggleButton.vue.d.ts +136 -16
- package/dist/src/forms/_helper/InfoPopover/KdsInfoToggleButton.vue.d.ts.map +1 -1
- package/dist/src/forms/_helper/KdsLabel.vue.d.ts.map +1 -1
- package/dist/src/forms/_helper/VariablePopover/KdsVariableToggleButton.vue.d.ts +136 -16
- package/dist/src/forms/_helper/VariablePopover/KdsVariableToggleButton.vue.d.ts.map +1 -1
- package/dist/src/forms/inputs/BaseInput.vue.d.ts +7 -0
- package/dist/src/forms/inputs/BaseInput.vue.d.ts.map +1 -1
- package/dist/src/forms/inputs/ColorInput/KdsColorInput.vue.d.ts +68 -8
- package/dist/src/forms/inputs/ColorInput/KdsColorInput.vue.d.ts.map +1 -1
- package/dist/src/forms/inputs/DateInput/KdsDateInput.vue.d.ts +184 -99
- package/dist/src/forms/inputs/DateInput/KdsDateInput.vue.d.ts.map +1 -1
- package/dist/src/forms/inputs/DateInput/KdsDatePicker.vue.d.ts +88 -0
- package/dist/src/forms/inputs/DateInput/KdsDatePicker.vue.d.ts.map +1 -0
- package/dist/src/forms/inputs/DateInput/_helper/DatePickerDayGrid.vue.d.ts +17 -0
- package/dist/src/forms/inputs/DateInput/_helper/DatePickerDayGrid.vue.d.ts.map +1 -0
- package/dist/src/forms/inputs/DateInput/_helper/DatePickerMonthGrid.vue.d.ts +14 -0
- package/dist/src/forms/inputs/DateInput/_helper/DatePickerMonthGrid.vue.d.ts.map +1 -0
- package/dist/src/forms/inputs/DateInput/_helper/DatePickerYearGrid.vue.d.ts +14 -0
- package/dist/src/forms/inputs/DateInput/_helper/DatePickerYearGrid.vue.d.ts.map +1 -0
- package/dist/src/forms/inputs/DateInput/_helper/types.d.ts +18 -0
- package/dist/src/forms/inputs/DateInput/_helper/types.d.ts.map +1 -0
- package/dist/src/forms/inputs/DateInput/dateUtils.d.ts +4 -3
- package/dist/src/forms/inputs/DateInput/dateUtils.d.ts.map +1 -1
- package/dist/src/forms/inputs/DateInput/enums.d.ts +7 -0
- package/dist/src/forms/inputs/DateInput/enums.d.ts.map +1 -0
- package/dist/src/forms/inputs/DateInput/index.d.ts +1 -1
- package/dist/src/forms/inputs/DateInput/index.d.ts.map +1 -1
- package/dist/src/forms/inputs/DateInput/types.d.ts +22 -6
- package/dist/src/forms/inputs/DateInput/types.d.ts.map +1 -1
- package/dist/src/forms/inputs/DateInput/useDateInputMask.d.ts +12 -0
- package/dist/src/forms/inputs/DateInput/useDateInputMask.d.ts.map +1 -0
- package/dist/src/forms/inputs/DateTimeFormatInput/KdsDateTimeFormatInput.vue.d.ts +68 -8
- package/dist/src/forms/inputs/DateTimeFormatInput/KdsDateTimeFormatInput.vue.d.ts.map +1 -1
- package/dist/src/forms/inputs/IntervalInput/IntervalInputPopover.vue.d.ts +16 -0
- package/dist/src/forms/inputs/IntervalInput/IntervalInputPopover.vue.d.ts.map +1 -0
- package/dist/src/forms/inputs/IntervalInput/KdsIntervalInput.vue.d.ts +398 -0
- package/dist/src/forms/inputs/IntervalInput/KdsIntervalInput.vue.d.ts.map +1 -0
- package/dist/src/forms/inputs/IntervalInput/enums.d.ts +12 -0
- package/dist/src/forms/inputs/IntervalInput/enums.d.ts.map +1 -0
- package/dist/src/forms/inputs/IntervalInput/index.d.ts +4 -0
- package/dist/src/forms/inputs/IntervalInput/index.d.ts.map +1 -0
- package/dist/src/forms/inputs/IntervalInput/intervalUtils.d.ts +31 -0
- package/dist/src/forms/inputs/IntervalInput/intervalUtils.d.ts.map +1 -0
- package/dist/src/forms/inputs/IntervalInput/types.d.ts +19 -0
- package/dist/src/forms/inputs/IntervalInput/types.d.ts.map +1 -0
- package/dist/src/forms/inputs/NumberInput/KdsNumberInput.vue.d.ts +8 -1
- package/dist/src/forms/inputs/NumberInput/KdsNumberInput.vue.d.ts.map +1 -1
- package/dist/src/forms/inputs/PasswordInput/KdsPasswordInput.vue.d.ts +8 -1
- package/dist/src/forms/inputs/PasswordInput/KdsPasswordInput.vue.d.ts.map +1 -1
- package/dist/src/forms/inputs/PatternInput/KdsPatternInput.vue.d.ts +8 -1
- package/dist/src/forms/inputs/PatternInput/KdsPatternInput.vue.d.ts.map +1 -1
- package/dist/src/forms/inputs/SearchInput/KdsSearchInput.vue.d.ts +80 -11
- package/dist/src/forms/inputs/SearchInput/KdsSearchInput.vue.d.ts.map +1 -1
- package/dist/src/forms/inputs/TextInput/KdsTextInput.vue.d.ts +80 -11
- package/dist/src/forms/inputs/TextInput/KdsTextInput.vue.d.ts.map +1 -1
- package/dist/src/forms/inputs/TimeInput/KdsTimeInput.vue.d.ts +1221 -0
- package/dist/src/forms/inputs/TimeInput/KdsTimeInput.vue.d.ts.map +1 -0
- package/dist/src/forms/inputs/TimeInput/TimePicker.vue.d.ts +886 -0
- package/dist/src/forms/inputs/TimeInput/TimePicker.vue.d.ts.map +1 -0
- package/dist/src/forms/inputs/TimeInput/enums.d.ts +7 -0
- package/dist/src/forms/inputs/TimeInput/enums.d.ts.map +1 -0
- package/dist/src/forms/inputs/TimeInput/index.d.ts +4 -0
- package/dist/src/forms/inputs/TimeInput/index.d.ts.map +1 -0
- package/dist/src/forms/inputs/TimeInput/types.d.ts +15 -0
- package/dist/src/forms/inputs/TimeInput/types.d.ts.map +1 -0
- package/dist/src/forms/inputs/TimeInput/useTimeInputMask.d.ts +13 -0
- package/dist/src/forms/inputs/TimeInput/useTimeInputMask.d.ts.map +1 -0
- package/dist/src/forms/inputs/UsernameInput/KdsUsernameInput.vue.d.ts +8 -1
- package/dist/src/forms/inputs/UsernameInput/KdsUsernameInput.vue.d.ts.map +1 -1
- package/dist/src/forms/inputs/UsernameInput/enums.d.ts +1 -1
- package/dist/src/forms/inputs/index.d.ts +4 -0
- package/dist/src/forms/inputs/index.d.ts.map +1 -1
- package/dist/src/forms/inputs/useInputSegments.d.ts +16 -0
- package/dist/src/forms/inputs/useInputSegments.d.ts.map +1 -0
- package/dist/src/forms/inputs/useInputSegments.helpers.d.ts +64 -0
- package/dist/src/forms/inputs/useInputSegments.helpers.d.ts.map +1 -0
- package/dist/src/forms/inputs/useInputSegmentsDnd.d.ts +20 -0
- package/dist/src/forms/inputs/useInputSegmentsDnd.d.ts.map +1 -0
- package/dist/src/forms/inputs/useInputSegmentsMouse.d.ts +19 -0
- package/dist/src/forms/inputs/useInputSegmentsMouse.d.ts.map +1 -0
- package/dist/src/forms/selects/Dropdown/DropdownContainer.vue.d.ts +12 -3
- package/dist/src/forms/selects/Dropdown/DropdownContainer.vue.d.ts.map +1 -1
- package/dist/src/forms/selects/Dropdown/KdsDropdown.vue.d.ts +80 -11
- package/dist/src/forms/selects/Dropdown/KdsDropdown.vue.d.ts.map +1 -1
- package/dist/src/forms/selects/Dropdown/KdsMultiSelectDropdown.vue.d.ts +80 -11
- package/dist/src/forms/selects/Dropdown/KdsMultiSelectDropdown.vue.d.ts.map +1 -1
- package/dist/src/forms/selects/Dropdown/MultiSelectDropdownContainer.vue.d.ts +12 -3
- package/dist/src/forms/selects/Dropdown/MultiSelectDropdownContainer.vue.d.ts.map +1 -1
- package/dist/src/index.d.ts +2 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/layouts/Navigation/KdsNavItem/KdsNavItem.vue.d.ts +12 -0
- package/dist/src/layouts/Navigation/KdsNavItem/KdsNavItem.vue.d.ts.map +1 -0
- package/dist/src/layouts/Navigation/KdsNavItem/index.d.ts +3 -0
- package/dist/src/layouts/Navigation/KdsNavItem/index.d.ts.map +1 -0
- package/dist/src/layouts/Navigation/KdsNavItem/types.d.ts +21 -0
- package/dist/src/layouts/Navigation/KdsNavItem/types.d.ts.map +1 -0
- package/dist/src/layouts/Navigation/KdsNavigation.vue.d.ts +14 -0
- package/dist/src/layouts/Navigation/KdsNavigation.vue.d.ts.map +1 -0
- package/dist/src/layouts/Navigation/index.d.ts +5 -0
- package/dist/src/layouts/Navigation/index.d.ts.map +1 -0
- package/dist/src/layouts/Navigation/types.d.ts +14 -0
- package/dist/src/layouts/Navigation/types.d.ts.map +1 -0
- package/dist/src/layouts/index.d.ts +2 -0
- package/dist/src/layouts/index.d.ts.map +1 -1
- package/dist/src/overlays/Popover/KdsPopover.vue.d.ts +52 -7
- package/dist/src/overlays/Popover/KdsPopover.vue.d.ts.map +1 -1
- package/dist/src/overlays/Popover/enums.d.ts +2 -1
- package/dist/src/overlays/Popover/enums.d.ts.map +1 -1
- package/dist/src/overlays/Popover/types.d.ts +34 -11
- package/dist/src/overlays/Popover/types.d.ts.map +1 -1
- package/dist/src/patterns/ResponsiveButtonGroup/KdsResponsiveButtonGroup.vue.d.ts +71 -38
- package/dist/src/patterns/ResponsiveButtonGroup/KdsResponsiveButtonGroup.vue.d.ts.map +1 -1
- package/package.json +4 -4
- package/dist/src/containers/ListItem/ListItemDivider/ListItemDivider.vue.d.ts.map +0 -1
- package/dist/src/containers/ListItem/ListItemDivider/index.d.ts +0 -2
- 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=
|
|
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 @@
|
|
|
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"}
|
|
@@ -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
|
-
}
|
|
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
|
-
} &
|
|
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
|
-
} &
|
|
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
|
-
}
|
|
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
|
-
|
|
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
|
|
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
|
-
}
|
|
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
|
-
} &
|
|
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
|
-
} &
|
|
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
|
-
}
|
|
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
|
-
|
|
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
|
|
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 @@
|
|
|
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":"
|
|
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;
|
|
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":"
|
|
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
|
-
/**
|
|
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
|
-
/**
|
|
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;
|
|
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"}
|