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