@knime/kds-components 0.24.0 → 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.
@@ -0,0 +1,16 @@
1
+ import { Temporal } from 'temporal-polyfill';
2
+ import { IntervalInputPopoverProps, KdsIntervalInputUsedFormat } from './types';
3
+ type __VLS_Props = IntervalInputPopoverProps;
4
+ type __VLS_PublicProps = {
5
+ modelValue: Temporal.Duration;
6
+ "usedFormat": KdsIntervalInputUsedFormat;
7
+ } & __VLS_Props;
8
+ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
9
+ "update:modelValue": (value: Temporal.Duration) => any;
10
+ "update:usedFormat": (value: KdsIntervalInputUsedFormat) => any;
11
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
12
+ "onUpdate:modelValue"?: ((value: Temporal.Duration) => any) | undefined;
13
+ "onUpdate:usedFormat"?: ((value: KdsIntervalInputUsedFormat) => any) | undefined;
14
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
15
+ export default _default;
16
+ //# sourceMappingURL=IntervalInputPopover.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IntervalInputPopover.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/IntervalInput/IntervalInputPopover.vue"],"names":[],"mappings":"AAiPA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAelD,OAAO,KAAK,EACV,yBAAyB,EAEzB,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAEjB,KAAK,WAAW,GAAG,yBAAyB,CAAC;AAiH7C,KAAK,iBAAiB,GAAG;IACzB,UAAU,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC9B,YAAY,EAAE,0BAA0B,CAAC;CACxC,GAAG,WAAW,CAAC;;;;;;;;AAwLhB,wBAQG"}
@@ -0,0 +1,398 @@
1
+ import { Temporal } from 'temporal-polyfill';
2
+ declare const _default: import('vue').DefineComponent<({
3
+ modelValue?: Temporal.Duration | null;
4
+ } & {
5
+ description?: string;
6
+ } & {
7
+ label: string;
8
+ ariaLabel?: never;
9
+ } & {
10
+ id?: string;
11
+ } & {
12
+ error?: boolean | undefined;
13
+ subText?: string | undefined;
14
+ validating?: boolean | undefined;
15
+ preserveSubTextSpace?: boolean | undefined;
16
+ } & {
17
+ placeholder?: string;
18
+ disabled?: boolean;
19
+ autocomplete?: string;
20
+ } & {
21
+ format?: import('./types').KdsIntervalInputFormat;
22
+ allowDescending?: boolean;
23
+ }) | ({
24
+ modelValue?: Temporal.Duration | null;
25
+ } & {
26
+ description?: string;
27
+ } & {
28
+ label?: never;
29
+ ariaLabel: string;
30
+ } & {
31
+ id?: string;
32
+ } & {
33
+ error?: boolean | undefined;
34
+ subText?: string | undefined;
35
+ validating?: boolean | undefined;
36
+ preserveSubTextSpace?: boolean | undefined;
37
+ } & {
38
+ placeholder?: string;
39
+ disabled?: boolean;
40
+ autocomplete?: string;
41
+ } & {
42
+ format?: import('./types').KdsIntervalInputFormat;
43
+ allowDescending?: boolean;
44
+ }), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
45
+ "update:modelValue": (value: Temporal.Duration | null) => any;
46
+ }, string, import('vue').PublicProps, Readonly<({
47
+ modelValue?: Temporal.Duration | null;
48
+ } & {
49
+ description?: string;
50
+ } & {
51
+ label: string;
52
+ ariaLabel?: never;
53
+ } & {
54
+ id?: string;
55
+ } & {
56
+ error?: boolean | undefined;
57
+ subText?: string | undefined;
58
+ validating?: boolean | undefined;
59
+ preserveSubTextSpace?: boolean | undefined;
60
+ } & {
61
+ placeholder?: string;
62
+ disabled?: boolean;
63
+ autocomplete?: string;
64
+ } & {
65
+ format?: import('./types').KdsIntervalInputFormat;
66
+ allowDescending?: boolean;
67
+ }) | ({
68
+ modelValue?: Temporal.Duration | null;
69
+ } & {
70
+ description?: string;
71
+ } & {
72
+ label?: never;
73
+ ariaLabel: string;
74
+ } & {
75
+ id?: string;
76
+ } & {
77
+ error?: boolean | undefined;
78
+ subText?: string | undefined;
79
+ validating?: boolean | undefined;
80
+ preserveSubTextSpace?: boolean | undefined;
81
+ } & {
82
+ placeholder?: string;
83
+ disabled?: boolean;
84
+ autocomplete?: string;
85
+ } & {
86
+ format?: import('./types').KdsIntervalInputFormat;
87
+ allowDescending?: boolean;
88
+ })> & Readonly<{
89
+ "onUpdate:modelValue"?: ((value: Temporal.Duration | null) => any) | undefined;
90
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
91
+ baseInput: ({
92
+ $: import('vue').ComponentInternalInstance;
93
+ $data: {};
94
+ $props: {
95
+ readonly modelValue?: string | undefined;
96
+ readonly id?: string | undefined;
97
+ readonly type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search" | undefined;
98
+ readonly min?: number | string | undefined;
99
+ readonly max?: number | string | undefined;
100
+ readonly ariaExpanded?: boolean | undefined;
101
+ readonly step?: number | undefined;
102
+ readonly placeholder?: string | undefined;
103
+ readonly disabled?: boolean | undefined;
104
+ readonly leadingIcon?: import('../../..').KdsIconName | undefined;
105
+ readonly trailingIcon?: import('../../..').KdsIconName | undefined;
106
+ readonly error?: boolean | undefined;
107
+ readonly autocomplete?: string | undefined;
108
+ readonly ariaLabel?: string | undefined;
109
+ readonly ariaLabelledby?: string | undefined;
110
+ readonly ariaDescribedby?: string | undefined;
111
+ readonly ariaInvalid?: boolean | undefined;
112
+ readonly role?: string | undefined;
113
+ readonly ariaValuenow?: number | undefined;
114
+ readonly ariaValuemin?: number | undefined;
115
+ readonly ariaValuemax?: number | undefined;
116
+ readonly ariaValuetext?: string | undefined;
117
+ readonly ariaActivedescendant?: string | undefined;
118
+ readonly ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true" | undefined;
119
+ readonly ariaControls?: string | undefined;
120
+ readonly ariaAutocomplete?: "none" | "inline" | "list" | "both" | undefined;
121
+ readonly unit?: string | undefined;
122
+ readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
123
+ readonly clearable?: boolean | undefined;
124
+ readonly pattern?: string | undefined;
125
+ readonly segments?: import('../useInputSegments.helpers').KdsInputSegmentsConfig | undefined;
126
+ readonly onInput?: ((event: Event) => any) | undefined;
127
+ readonly onClick?: ((event: MouseEvent) => any) | undefined;
128
+ readonly onBlur?: ((event: FocusEvent) => any) | undefined;
129
+ readonly onFocus?: ((event: FocusEvent) => any) | undefined;
130
+ readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
131
+ readonly onPaste?: ((event: ClipboardEvent) => any) | undefined;
132
+ readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
133
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
134
+ $attrs: import('vue').Attrs;
135
+ $refs: {
136
+ [x: string]: unknown;
137
+ } & {
138
+ input: HTMLInputElement;
139
+ };
140
+ $slots: Readonly<{
141
+ [name: string]: import('vue').Slot<any> | undefined;
142
+ }>;
143
+ $root: import('vue').ComponentPublicInstance | null;
144
+ $parent: import('vue').ComponentPublicInstance | null;
145
+ $host: Element | null;
146
+ $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);
147
+ $el: HTMLDivElement;
148
+ $options: import('vue').ComponentOptionsBase<Readonly<{
149
+ modelValue?: string;
150
+ } & {
151
+ id?: string;
152
+ type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
153
+ min?: number | string;
154
+ max?: number | string;
155
+ ariaExpanded?: boolean;
156
+ step?: number;
157
+ placeholder?: string;
158
+ disabled?: boolean;
159
+ leadingIcon?: import('../../..').KdsIconName;
160
+ trailingIcon?: import('../../..').KdsIconName;
161
+ error?: boolean;
162
+ autocomplete?: string;
163
+ ariaLabel?: string;
164
+ ariaLabelledby?: string;
165
+ ariaDescribedby?: string;
166
+ ariaInvalid?: boolean;
167
+ role?: string;
168
+ ariaValuenow?: number;
169
+ ariaValuemin?: number;
170
+ ariaValuemax?: number;
171
+ ariaValuetext?: string;
172
+ ariaActivedescendant?: string;
173
+ ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
174
+ ariaControls?: string;
175
+ ariaAutocomplete?: "none" | "inline" | "list" | "both";
176
+ unit?: string;
177
+ inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
178
+ clearable?: boolean;
179
+ pattern?: string;
180
+ segments?: import('../useInputSegments.helpers').KdsInputSegmentsConfig;
181
+ }> & Readonly<{
182
+ onInput?: ((event: Event) => any) | undefined;
183
+ onClick?: ((event: MouseEvent) => any) | undefined;
184
+ onBlur?: ((event: FocusEvent) => any) | undefined;
185
+ onFocus?: ((event: FocusEvent) => any) | undefined;
186
+ onKeydown?: ((event: KeyboardEvent) => any) | undefined;
187
+ onPaste?: ((event: ClipboardEvent) => any) | undefined;
188
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
189
+ }>, {
190
+ focus: () => void;
191
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
192
+ input: (event: Event) => any;
193
+ click: (event: MouseEvent) => any;
194
+ blur: (event: FocusEvent) => any;
195
+ focus: (event: FocusEvent) => any;
196
+ keydown: (event: KeyboardEvent) => any;
197
+ paste: (event: ClipboardEvent) => any;
198
+ "update:modelValue": (value: string) => any;
199
+ }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
200
+ beforeCreate?: (() => void) | (() => void)[];
201
+ created?: (() => void) | (() => void)[];
202
+ beforeMount?: (() => void) | (() => void)[];
203
+ mounted?: (() => void) | (() => void)[];
204
+ beforeUpdate?: (() => void) | (() => void)[];
205
+ updated?: (() => void) | (() => void)[];
206
+ activated?: (() => void) | (() => void)[];
207
+ deactivated?: (() => void) | (() => void)[];
208
+ beforeDestroy?: (() => void) | (() => void)[];
209
+ beforeUnmount?: (() => void) | (() => void)[];
210
+ destroyed?: (() => void) | (() => void)[];
211
+ unmounted?: (() => void) | (() => void)[];
212
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
213
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
214
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
215
+ };
216
+ $forceUpdate: () => void;
217
+ $nextTick: typeof import('vue').nextTick;
218
+ $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;
219
+ } & Readonly<{}> & Omit<Readonly<{
220
+ modelValue?: string;
221
+ } & {
222
+ id?: string;
223
+ type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
224
+ min?: number | string;
225
+ max?: number | string;
226
+ ariaExpanded?: boolean;
227
+ step?: number;
228
+ placeholder?: string;
229
+ disabled?: boolean;
230
+ leadingIcon?: import('../../..').KdsIconName;
231
+ trailingIcon?: import('../../..').KdsIconName;
232
+ error?: boolean;
233
+ autocomplete?: string;
234
+ ariaLabel?: string;
235
+ ariaLabelledby?: string;
236
+ ariaDescribedby?: string;
237
+ ariaInvalid?: boolean;
238
+ role?: string;
239
+ ariaValuenow?: number;
240
+ ariaValuemin?: number;
241
+ ariaValuemax?: number;
242
+ ariaValuetext?: string;
243
+ ariaActivedescendant?: string;
244
+ ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
245
+ ariaControls?: string;
246
+ ariaAutocomplete?: "none" | "inline" | "list" | "both";
247
+ unit?: string;
248
+ inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
249
+ clearable?: boolean;
250
+ pattern?: string;
251
+ segments?: import('../useInputSegments.helpers').KdsInputSegmentsConfig;
252
+ }> & Readonly<{
253
+ onInput?: ((event: Event) => any) | undefined;
254
+ onClick?: ((event: MouseEvent) => any) | undefined;
255
+ onBlur?: ((event: FocusEvent) => any) | undefined;
256
+ onFocus?: ((event: FocusEvent) => any) | undefined;
257
+ onKeydown?: ((event: KeyboardEvent) => any) | undefined;
258
+ onPaste?: ((event: ClipboardEvent) => any) | undefined;
259
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
260
+ }>, "focus"> & {
261
+ focus: () => void;
262
+ } & {} & import('vue').ComponentCustomProperties & {} & {
263
+ $slots: {
264
+ leading?(_: {}): any;
265
+ trailing?(_: {}): any;
266
+ };
267
+ }) | null;
268
+ popoverEl: ({
269
+ $: import('vue').ComponentInternalInstance;
270
+ $data: {};
271
+ $props: ({
272
+ readonly modelValue?: boolean | undefined;
273
+ readonly role?: import('../../../overlays/Popover').KdsPopoverRole | undefined;
274
+ readonly popoverType?: import('../../../overlays/Popover').KdsPopoverType | undefined;
275
+ readonly fullWidth?: boolean | undefined;
276
+ readonly maxInlineSize?: string | undefined;
277
+ readonly content?: string | undefined;
278
+ readonly placement?: Exclude<import('../../../overlays/Popover').KdsPopoverPlacement, "custom"> | undefined;
279
+ readonly customPlacementPosition?: never | undefined;
280
+ readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
281
+ } | {
282
+ readonly modelValue?: boolean | undefined;
283
+ readonly role?: import('../../../overlays/Popover').KdsPopoverRole | undefined;
284
+ readonly popoverType?: import('../../../overlays/Popover').KdsPopoverType | undefined;
285
+ readonly fullWidth?: boolean | undefined;
286
+ readonly maxInlineSize?: string | undefined;
287
+ readonly content?: string | undefined;
288
+ readonly placement: "custom";
289
+ readonly customPlacementPosition: {
290
+ x: number;
291
+ y: number;
292
+ };
293
+ readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
294
+ }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
295
+ $attrs: import('vue').Attrs;
296
+ $refs: {
297
+ [x: string]: unknown;
298
+ } & {
299
+ popoverEl: HTMLDivElement;
300
+ };
301
+ $slots: Readonly<{
302
+ [name: string]: import('vue').Slot<any> | undefined;
303
+ }>;
304
+ $root: import('vue').ComponentPublicInstance | null;
305
+ $parent: import('vue').ComponentPublicInstance | null;
306
+ $host: Element | null;
307
+ $emit: (event: "update:modelValue", value: boolean) => void;
308
+ $el: HTMLDivElement;
309
+ $options: import('vue').ComponentOptionsBase<Readonly<({
310
+ modelValue?: boolean;
311
+ } & {
312
+ role?: import('../../../overlays/Popover').KdsPopoverRole;
313
+ popoverType?: import('../../../overlays/Popover').KdsPopoverType;
314
+ fullWidth?: boolean;
315
+ maxInlineSize?: string;
316
+ content?: string;
317
+ } & {
318
+ placement?: Exclude<import('../../../overlays/Popover').KdsPopoverPlacement, "custom">;
319
+ customPlacementPosition?: never;
320
+ }) | ({
321
+ modelValue?: boolean;
322
+ } & {
323
+ role?: import('../../../overlays/Popover').KdsPopoverRole;
324
+ popoverType?: import('../../../overlays/Popover').KdsPopoverType;
325
+ fullWidth?: boolean;
326
+ maxInlineSize?: string;
327
+ content?: string;
328
+ } & {
329
+ placement: "custom";
330
+ customPlacementPosition: {
331
+ x: number;
332
+ y: number;
333
+ };
334
+ })> & Readonly<{
335
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
336
+ }>, {
337
+ anchorStyle: Record<string, string>;
338
+ popoverId: string;
339
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
340
+ "update:modelValue": (value: boolean) => any;
341
+ }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
342
+ beforeCreate?: (() => void) | (() => void)[];
343
+ created?: (() => void) | (() => void)[];
344
+ beforeMount?: (() => void) | (() => void)[];
345
+ mounted?: (() => void) | (() => void)[];
346
+ beforeUpdate?: (() => void) | (() => void)[];
347
+ updated?: (() => void) | (() => void)[];
348
+ activated?: (() => void) | (() => void)[];
349
+ deactivated?: (() => void) | (() => void)[];
350
+ beforeDestroy?: (() => void) | (() => void)[];
351
+ beforeUnmount?: (() => void) | (() => void)[];
352
+ destroyed?: (() => void) | (() => void)[];
353
+ unmounted?: (() => void) | (() => void)[];
354
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
355
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
356
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
357
+ };
358
+ $forceUpdate: () => void;
359
+ $nextTick: typeof import('vue').nextTick;
360
+ $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;
361
+ } & Readonly<{}> & Omit<{} & (Readonly<({
362
+ modelValue?: boolean;
363
+ } & {
364
+ role?: import('../../../overlays/Popover').KdsPopoverRole;
365
+ popoverType?: import('../../../overlays/Popover').KdsPopoverType;
366
+ fullWidth?: boolean;
367
+ maxInlineSize?: string;
368
+ content?: string;
369
+ } & {
370
+ placement?: Exclude<import('../../../overlays/Popover').KdsPopoverPlacement, "custom">;
371
+ customPlacementPosition?: never;
372
+ }) | ({
373
+ modelValue?: boolean;
374
+ } & {
375
+ role?: import('../../../overlays/Popover').KdsPopoverRole;
376
+ popoverType?: import('../../../overlays/Popover').KdsPopoverType;
377
+ fullWidth?: boolean;
378
+ maxInlineSize?: string;
379
+ content?: string;
380
+ } & {
381
+ placement: "custom";
382
+ customPlacementPosition: {
383
+ x: number;
384
+ y: number;
385
+ };
386
+ })> & Readonly<{
387
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
388
+ }>), "anchorStyle" | "popoverId"> & {
389
+ anchorStyle: Record<string, string>;
390
+ popoverId: string;
391
+ } & {} & import('vue').ComponentCustomProperties & {} & {
392
+ $slots: {
393
+ default?(_: {}): any;
394
+ };
395
+ }) | null;
396
+ }, HTMLDivElement>;
397
+ export default _default;
398
+ //# sourceMappingURL=KdsIntervalInput.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"KdsIntervalInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/IntervalInput/KdsIntervalInput.vue"],"names":[],"mappings":"AAsQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;;iBAsMrC,QAAQ,CAAC,QAAQ,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;iBAAxB,QAAQ,CAAC,QAAQ,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;iBAAxB,QAAQ,CAAC,QAAQ,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;iBAAxB,QAAQ,CAAC,QAAQ,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAqP6wI,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjBx6I,wBASG"}
@@ -0,0 +1,12 @@
1
+ export declare const kdsIntervalInputFormat: {
2
+ readonly DATE: "date";
3
+ readonly TIME: "time";
4
+ readonly DATE_OR_TIME: "date_or_time";
5
+ };
6
+ export declare const kdsIntervalInputFormats: ("time" | "date" | "date_or_time")[];
7
+ export declare const kdsIntervalDirectionality: {
8
+ readonly ASCENDING: "ascending";
9
+ readonly DESCENDING: "descending";
10
+ };
11
+ export declare const kdsIntervalDirectionalities: ("ascending" | "descending")[];
12
+ //# sourceMappingURL=enums.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/IntervalInput/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB;;;;CAIzB,CAAC;AAEX,eAAO,MAAM,uBAAuB,sCAAwC,CAAC;AAE7E,eAAO,MAAM,yBAAyB;;;CAG5B,CAAC;AAEX,eAAO,MAAM,2BAA2B,gCAEvC,CAAC"}
@@ -0,0 +1,4 @@
1
+ export { default as KdsIntervalInput } from './KdsIntervalInput.vue';
2
+ export { kdsIntervalDirectionality, kdsIntervalDirectionalities, kdsIntervalInputFormat, kdsIntervalInputFormats, } from './enums';
3
+ export type { KdsIntervalDirectionality, KdsIntervalInputFormat, KdsIntervalInputProps, } from './types';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/IntervalInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EACL,yBAAyB,EACzB,2BAA2B,EAC3B,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,SAAS,CAAC;AACjB,YAAY,EACV,yBAAyB,EACzB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,SAAS,CAAC"}
@@ -0,0 +1,31 @@
1
+ import { Temporal } from 'temporal-polyfill';
2
+ import { KdsIntervalInputFormat, KdsIntervalInputUsedFormat } from './types';
3
+ export type IntervalPeriodNumericKey = "years" | "months" | "weeks" | "days";
4
+ export type IntervalDurationNumericKey = "hours" | "minutes" | "seconds" | "milliseconds";
5
+ export declare const periodNumericKeys: IntervalPeriodNumericKey[];
6
+ export declare const durationNumericKeys: IntervalDurationNumericKey[];
7
+ export declare const getMax: (key: IntervalPeriodNumericKey | IntervalDurationNumericKey) => number;
8
+ export declare const extractDurationFields: (duration: Temporal.Duration) => Record<IntervalPeriodNumericKey | IntervalDurationNumericKey, number>;
9
+ export declare const withDurationField: (duration: Temporal.Duration, key: IntervalPeriodNumericKey | IntervalDurationNumericKey, value: number) => Temporal.Duration;
10
+ export declare const createDefaultDuration: () => Temporal.Duration;
11
+ export declare const classifyDuration: (duration: Temporal.Duration) => KdsIntervalInputUsedFormat;
12
+ export declare const formatDurationToHumanReadable: (duration: Temporal.Duration, usedFormat: KdsIntervalInputUsedFormat) => string;
13
+ export declare const parseHumanReadableInterval: (input: string) => Temporal.Duration | null;
14
+ export declare const parseISOInterval: (input: string) => Temporal.Duration | null;
15
+ export declare const parseGenericInterval: (input: string) => Temporal.Duration | null;
16
+ export type IntervalValidationResult = {
17
+ valid: true;
18
+ type: KdsIntervalInputUsedFormat;
19
+ negative: boolean;
20
+ duration: Temporal.Duration;
21
+ } | {
22
+ valid: false;
23
+ };
24
+ export declare const validateIntervalInput: (input: string, expectedFormat: KdsIntervalInputFormat) => IntervalValidationResult;
25
+ /**
26
+ * Zero-out the fields that are NOT part of the given format, so the emitted
27
+ * `modelValue` is always a pure date-only or time-only Duration.
28
+ */
29
+ export declare const stripInactiveFields: (duration: Temporal.Duration, usedFormat: KdsIntervalInputUsedFormat) => Temporal.Duration;
30
+ export declare const toTitleCase: (key: string) => string;
31
+ //# sourceMappingURL=intervalUtils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"intervalUtils.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/IntervalInput/intervalUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG7C,OAAO,KAAK,EACV,sBAAsB,EACtB,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAIjB,MAAM,MAAM,wBAAwB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAE7E,MAAM,MAAM,0BAA0B,GAClC,OAAO,GACP,SAAS,GACT,SAAS,GACT,cAAc,CAAC;AAEnB,eAAO,MAAM,iBAAiB,EAAE,wBAAwB,EAKvD,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,0BAA0B,EAK3D,CAAC;AAMF,eAAO,MAAM,MAAM,GACjB,KAAK,wBAAwB,GAAG,0BAA0B,KACzD,MACkE,CAAC;AAItE,eAAO,MAAM,qBAAqB,GAChC,UAAU,QAAQ,CAAC,QAAQ,KAC1B,MAAM,CAAC,wBAAwB,GAAG,0BAA0B,EAAE,MAAM,CASrE,CAAC;AAEH,eAAO,MAAM,iBAAiB,GAC5B,UAAU,QAAQ,CAAC,QAAQ,EAC3B,KAAK,wBAAwB,GAAG,0BAA0B,EAC1D,OAAO,MAAM,KACZ,QAAQ,CAAC,QACkE,CAAC;AAM/E,eAAO,MAAM,qBAAqB,QAAO,QAAQ,CAAC,QAAwB,CAAC;AAI3E,eAAO,MAAM,gBAAgB,GAC3B,UAAU,QAAQ,CAAC,QAAQ,KAC1B,0BAWF,CAAC;AAWF,eAAO,MAAM,6BAA6B,GACxC,UAAU,QAAQ,CAAC,QAAQ,EAC3B,YAAY,0BAA0B,KACrC,MA0CF,CAAC;AAqEF,eAAO,MAAM,0BAA0B,GACrC,OAAO,MAAM,KACZ,QAAQ,CAAC,QAAQ,GAAG,IA8BtB,CAAC;AAIF,eAAO,MAAM,gBAAgB,GAAI,OAAO,MAAM,KAAG,QAAQ,CAAC,QAAQ,GAAG,IAMpE,CAAC;AAIF,eAAO,MAAM,oBAAoB,GAAI,OAAO,MAAM,KAAG,QAAQ,CAAC,QAAQ,GAAG,IACX,CAAC;AAI/D,MAAM,MAAM,wBAAwB,GAChC;IACE,KAAK,EAAE,IAAI,CAAC;IACZ,IAAI,EAAE,0BAA0B,CAAC;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC;CAC7B,GACD;IAAE,KAAK,EAAE,KAAK,CAAA;CAAE,CAAC;AAErB,eAAO,MAAM,qBAAqB,GAChC,OAAO,MAAM,EACb,gBAAgB,sBAAsB,KACrC,wBAoBF,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAC9B,UAAU,QAAQ,CAAC,QAAQ,EAC3B,YAAY,0BAA0B,KACrC,QAAQ,CAAC,QAgBX,CAAC;AAIF,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,KAAG,MACgB,CAAC"}
@@ -0,0 +1,19 @@
1
+ import { KdsInputFieldProps } from '../types';
2
+ import { kdsIntervalDirectionality, kdsIntervalInputFormat } from './enums';
3
+ export type KdsIntervalInputFormat = (typeof kdsIntervalInputFormat)[keyof typeof kdsIntervalInputFormat];
4
+ /** date or time — the two formats actually used inside the popover (excludes date_or_time). */
5
+ export type KdsIntervalInputUsedFormat = Extract<KdsIntervalInputFormat, "date" | "time">;
6
+ export type KdsIntervalDirectionality = (typeof kdsIntervalDirectionality)[keyof typeof kdsIntervalDirectionality];
7
+ export type KdsIntervalInputProps = KdsInputFieldProps & {
8
+ /** Restricts the interval type. `date_or_time` allows format switching in the popover. */
9
+ format?: KdsIntervalInputFormat;
10
+ /** Allows negative intervals (descending/backward). */
11
+ allowDescending?: boolean;
12
+ };
13
+ export type IntervalInputPopoverProps = {
14
+ /** Available format modes. `date_or_time` enables switching inside the popover. */
15
+ format: KdsIntervalInputFormat;
16
+ /** Shows the forward/backward direction switch when enabled. */
17
+ allowDescending: boolean;
18
+ };
19
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/IntervalInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,OAAO,EAAE,yBAAyB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAE5E,MAAM,MAAM,sBAAsB,GAChC,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,OAAO,sBAAsB,CAAC,CAAC;AAEvE,+FAA+F;AAC/F,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAC9C,sBAAsB,EACtB,MAAM,GAAG,MAAM,CAChB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GACnC,CAAC,OAAO,yBAAyB,CAAC,CAAC,MAAM,OAAO,yBAAyB,CAAC,CAAC;AAE7E,MAAM,MAAM,qBAAqB,GAAG,kBAAkB,GAAG;IACvD,0FAA0F;IAC1F,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,uDAAuD;IACvD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAQF,MAAM,MAAM,yBAAyB,GAAG;IACtC,mFAAmF;IACnF,MAAM,EAAE,sBAAsB,CAAC;IAC/B,gEAAgE;IAChE,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC"}
@@ -20,4 +20,6 @@ export * from './Textarea';
20
20
  export type * from './Textarea';
21
21
  export * from './TimeInput';
22
22
  export type * from './TimeInput';
23
+ export * from './IntervalInput';
24
+ export type * from './IntervalInput';
23
25
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,iBAAiB,CAAC;AAErC,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,iBAAiB,CAAC;AAErC,cAAc,aAAa,CAAC;AAC5B,mBAAmB,aAAa,CAAC;AAEjC,cAAc,uBAAuB,CAAC;AACtC,mBAAmB,uBAAuB,CAAC;AAE3C,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,cAAc,gBAAgB,CAAC;AAC/B,mBAAmB,gBAAgB,CAAC;AAEpC,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,cAAc,aAAa,CAAC;AAC5B,mBAAmB,aAAa,CAAC;AAEjC,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,CAAC;AAEhC,cAAc,aAAa,CAAC;AAC5B,mBAAmB,aAAa,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,iBAAiB,CAAC;AAErC,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,iBAAiB,CAAC;AAErC,cAAc,aAAa,CAAC;AAC5B,mBAAmB,aAAa,CAAC;AAEjC,cAAc,uBAAuB,CAAC;AACtC,mBAAmB,uBAAuB,CAAC;AAE3C,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,cAAc,gBAAgB,CAAC;AAC/B,mBAAmB,gBAAgB,CAAC;AAEpC,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,cAAc,aAAa,CAAC;AAC5B,mBAAmB,aAAa,CAAC;AAEjC,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,CAAC;AAEhC,cAAc,aAAa,CAAC;AAC5B,mBAAmB,aAAa,CAAC;AAEjC,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,iBAAiB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@knime/kds-components",
3
- "version": "0.24.0",
3
+ "version": "0.24.1",
4
4
  "description": "Package containing basic Vue components of the KNIME Design System",
5
5
  "repository": {
6
6
  "type": "git",
@@ -38,7 +38,7 @@
38
38
  "consola": "^3.4.2",
39
39
  "pretty-bytes": "^7.1.0",
40
40
  "temporal-polyfill": "^0.3.2",
41
- "@knime/kds-styles": "^0.24.0"
41
+ "@knime/kds-styles": "^0.24.1"
42
42
  },
43
43
  "devDependencies": {
44
44
  "@storybook/vue3-vite": "^10.3.4",