@knime/kds-components 0.23.2 → 0.24.0

package/dist/src/forms/inputs/DateInput/types.d.ts

@@ -1,13 +1,29 @@
-import { DatePickerDate } from 'v-calendar/dist/types/src/use/datePicker.js';
+import { Temporal } from 'temporal-polyfill';
 import { KdsInputFieldProps } from '../types';
-export type KdsDateInputProps = KdsInputFieldProps & {
+import { kdsDatePickerView } from './enums';
+export type KdsDatePickerView = (typeof kdsDatePickerView)[keyof typeof kdsDatePickerView];
+export type KdsDatePickerProps = {
     /**
-     * Minimum allowed date passed to the date picker. The value is NOT used for validation, but only to restrict the date picker UI.
+     * Minimum selectable date. Only restricts the calendar UI, not text input validation.
      */
-    datePickerMin?: DatePickerDate;
+    minDate?: Temporal.PlainDate | null;
     /**
-     * Maximum allowed date passed to the date picker. The value is NOT used for validation, but only to restrict the date picker UI.
+     * Maximum selectable date. Only restricts the calendar UI, not text input validation.
      */
-    datePickerMax?: DatePickerDate;
+    maxDate?: Temporal.PlainDate | null;
+    /**
+     * Initial view when the picker is mounted.
+     */
+    startView?: KdsDatePickerView;
+};
+export type KdsDateInputProps = Omit<KdsInputFieldProps, "placeholder"> & {
+    /**
+     * Minimum selectable date. Only restricts the calendar UI, not text input validation.
+     */
+    minDate?: Temporal.PlainDate | null;
+    /**
+     * Maximum selectable date. Only restricts the calendar UI, not text input validation.
+     */
+    maxDate?: Temporal.PlainDate | null;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/src/forms/inputs/DateInput/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/DateInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAElF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAAG;IACnD;;OAEG;IACH,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B;;OAEG;IACH,aAAa,CAAC,EAAE,cAAc,CAAC;CAChC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/DateInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,MAAM,iBAAiB,GAC3B,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,CAAC;AAE7D,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,EAAE,aAAa,CAAC,GAAG;IACxE;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC;CACrC,CAAC"}

package/dist/src/forms/inputs/DateInput/useDateInputMask.d.ts

@@ -0,0 +1,12 @@
+import { Ref } from 'vue';
+import { Temporal } from 'temporal-polyfill';
+import { KdsInputSegmentsConfig } from '../useInputSegments';
+export declare const useDateInputMask: (modelValue: Ref<Temporal.PlainDate | null>) => {
+    displayValue: Ref<string, string>;
+    isEmpty: import('vue').ComputedRef<boolean>;
+    isComplete: import('vue').ComputedRef<boolean>;
+    isValidDate: import('vue').ComputedRef<boolean>;
+    parsedDate: import('vue').ComputedRef<Temporal.PlainDate | null>;
+    segments: KdsInputSegmentsConfig;
+};
+//# sourceMappingURL=useDateInputMask.d.ts.map

package/dist/src/forms/inputs/DateInput/useDateInputMask.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDateInputMask.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/DateInput/useDateInputMask.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAkC,MAAM,KAAK,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EACL,KAAK,sBAAsB,EAI5B,MAAM,qBAAqB,CAAC;AA+C7B,eAAO,MAAM,gBAAgB,GAC3B,YAAY,GAAG,CAAC,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC;;;;;;;CAwE3C,CAAC"}

package/dist/src/forms/inputs/DateTimeFormatInput/KdsDateTimeFormatInput.vue.d.ts

@@ -90,16 +90,30 @@ declare const _default: import('vue').DefineComponent<({
     popoverEl: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
-        $props: {
+        $props: ({
             readonly modelValue?: boolean | undefined;
-            readonly placement?: import('../../../overlays/Popover').KdsPopoverPlacement | undefined;
             readonly role?: import('../../../overlays/Popover').KdsPopoverRole | undefined;
             readonly popoverType?: import('../../../overlays/Popover').KdsPopoverType | undefined;
             readonly fullWidth?: boolean | undefined;
             readonly maxInlineSize?: string | undefined;
             readonly content?: string | undefined;
+            readonly placement?: Exclude<import('../../../overlays/Popover').KdsPopoverPlacement, "custom"> | undefined;
+            readonly customPlacementPosition?: never | undefined;
             readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        } | {
+            readonly modelValue?: boolean | undefined;
+            readonly role?: import('../../../overlays/Popover').KdsPopoverRole | undefined;
+            readonly popoverType?: import('../../../overlays/Popover').KdsPopoverType | undefined;
+            readonly fullWidth?: boolean | undefined;
+            readonly maxInlineSize?: string | undefined;
+            readonly content?: string | undefined;
+            readonly placement: "custom";
+            readonly customPlacementPosition: {
+                x: number;
+                y: number;
+            };
+            readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
@@ -114,9 +128,32 @@ declare const _default: import('vue').DefineComponent<({
         $host: Element | null;
         $emit: (event: "update:modelValue", value: boolean) => void;
         $el: HTMLDivElement;
-        $options: import('vue').ComponentOptionsBase<Readonly<{
+        $options: import('vue').ComponentOptionsBase<Readonly<({
             modelValue?: boolean;
-        } & import('../../../overlays/Popover').KdsPopoverProps> & Readonly<{
+        } & {
+            role?: import('../../../overlays/Popover').KdsPopoverRole;
+            popoverType?: import('../../../overlays/Popover').KdsPopoverType;
+            fullWidth?: boolean;
+            maxInlineSize?: string;
+            content?: string;
+        } & {
+            placement?: Exclude<import('../../../overlays/Popover').KdsPopoverPlacement, "custom">;
+            customPlacementPosition?: never;
+        }) | ({
+            modelValue?: boolean;
+        } & {
+            role?: import('../../../overlays/Popover').KdsPopoverRole;
+            popoverType?: import('../../../overlays/Popover').KdsPopoverType;
+            fullWidth?: boolean;
+            maxInlineSize?: string;
+            content?: string;
+        } & {
+            placement: "custom";
+            customPlacementPosition: {
+                x: number;
+                y: number;
+            };
+        })> & Readonly<{
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         }>, {
             anchorStyle: Record<string, string>;
@@ -143,11 +180,34 @@ declare const _default: import('vue').DefineComponent<({
         $forceUpdate: () => void;
         $nextTick: typeof import('vue').nextTick;
         $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;
-    } & Readonly<{}> & Omit<Readonly<{
+    } & Readonly<{}> & Omit<{} & (Readonly<({
+        modelValue?: boolean;
+    } & {
+        role?: import('../../../overlays/Popover').KdsPopoverRole;
+        popoverType?: import('../../../overlays/Popover').KdsPopoverType;
+        fullWidth?: boolean;
+        maxInlineSize?: string;
+        content?: string;
+    } & {
+        placement?: Exclude<import('../../../overlays/Popover').KdsPopoverPlacement, "custom">;
+        customPlacementPosition?: never;
+    }) | ({
         modelValue?: boolean;
-    } & import('../../../overlays/Popover').KdsPopoverProps> & Readonly<{
+    } & {
+        role?: import('../../../overlays/Popover').KdsPopoverRole;
+        popoverType?: import('../../../overlays/Popover').KdsPopoverType;
+        fullWidth?: boolean;
+        maxInlineSize?: string;
+        content?: string;
+    } & {
+        placement: "custom";
+        customPlacementPosition: {
+            x: number;
+            y: number;
+        };
+    })> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    }>, "anchorStyle" | "popoverId"> & {
+    }>), "anchorStyle" | "popoverId"> & {
         anchorStyle: Record<string, string>;
         popoverId: string;
     } & {} & import('vue').ComponentCustomProperties & {} & {

package/dist/src/forms/inputs/DateTimeFormatInput/KdsDateTimeFormatInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsDateTimeFormatInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/DateTimeFormatInput/KdsDateTimeFormatInput.vue"],"names":[],"mappings":";iBAsHa,MAAM;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAuMwsf,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;AAjBj1f,wBASG"}
+{"version":3,"file":"KdsDateTimeFormatInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/DateTimeFormatInput/KdsDateTimeFormatInput.vue"],"names":[],"mappings":";iBAsHa,MAAM;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAuMwsf,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjBj1f,wBASG"}

package/dist/src/forms/inputs/NumberInput/KdsNumberInput.vue.d.ts

@@ -131,11 +131,13 @@ declare const _default: import('vue').DefineComponent<({
             readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
             readonly clearable?: boolean | undefined;
             readonly pattern?: string | undefined;
+            readonly segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig | undefined;
             readonly onInput?: ((event: Event) => any) | undefined;
             readonly onClick?: ((event: MouseEvent) => any) | undefined;
             readonly onBlur?: ((event: FocusEvent) => any) | undefined;
             readonly onFocus?: ((event: FocusEvent) => any) | undefined;
             readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            readonly onPaste?: ((event: ClipboardEvent) => any) | undefined;
             readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: import('vue').Attrs;
@@ -150,7 +152,7 @@ declare const _default: import('vue').DefineComponent<({
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $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);
+        $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);
         $el: HTMLDivElement;
         $options: import('vue').ComponentOptionsBase<Readonly<{
             modelValue?: string;
@@ -184,12 +186,14 @@ declare const _default: import('vue').DefineComponent<({
             inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
             clearable?: boolean;
             pattern?: string;
+            segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig;
         }> & Readonly<{
             onInput?: ((event: Event) => any) | undefined;
             onClick?: ((event: MouseEvent) => any) | undefined;
             onBlur?: ((event: FocusEvent) => any) | undefined;
             onFocus?: ((event: FocusEvent) => any) | undefined;
             onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            onPaste?: ((event: ClipboardEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         }>, {
             focus: () => void;
@@ -199,6 +203,7 @@ declare const _default: import('vue').DefineComponent<({
             blur: (event: FocusEvent) => any;
             focus: (event: FocusEvent) => any;
             keydown: (event: KeyboardEvent) => any;
+            paste: (event: ClipboardEvent) => any;
             "update:modelValue": (value: string) => any;
         }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -252,12 +257,14 @@ declare const _default: import('vue').DefineComponent<({
         inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
         clearable?: boolean;
         pattern?: string;
+        segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig;
     }> & Readonly<{
         onInput?: ((event: Event) => any) | undefined;
         onClick?: ((event: MouseEvent) => any) | undefined;
         onBlur?: ((event: FocusEvent) => any) | undefined;
         onFocus?: ((event: FocusEvent) => any) | undefined;
         onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+        onPaste?: ((event: ClipboardEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, "focus"> & {
         focus: () => void;

package/dist/src/forms/inputs/NumberInput/KdsNumberInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsNumberInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/NumberInput/KdsNumberInput.vue"],"names":[],"mappings":";iBAmfa,MAAM;;;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAgQo4G,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlB7gH,wBAUG"}
+{"version":3,"file":"KdsNumberInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/NumberInput/KdsNumberInput.vue"],"names":[],"mappings":";iBAmfa,MAAM;;;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAgQo4G,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlB7gH,wBAUG"}

package/dist/src/forms/inputs/PasswordInput/KdsPasswordInput.vue.d.ts

@@ -44,11 +44,13 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
             readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
             readonly clearable?: boolean | undefined;
             readonly pattern?: string | undefined;
+            readonly segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig | undefined;
             readonly onInput?: ((event: Event) => any) | undefined;
             readonly onClick?: ((event: MouseEvent) => any) | undefined;
             readonly onBlur?: ((event: FocusEvent) => any) | undefined;
             readonly onFocus?: ((event: FocusEvent) => any) | undefined;
             readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            readonly onPaste?: ((event: ClipboardEvent) => any) | undefined;
             readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: import('vue').Attrs;
@@ -63,7 +65,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $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);
+        $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);
         $el: HTMLDivElement;
         $options: import('vue').ComponentOptionsBase<Readonly<{
             modelValue?: string;
@@ -97,12 +99,14 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
             inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
             clearable?: boolean;
             pattern?: string;
+            segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig;
         }> & Readonly<{
             onInput?: ((event: Event) => any) | undefined;
             onClick?: ((event: MouseEvent) => any) | undefined;
             onBlur?: ((event: FocusEvent) => any) | undefined;
             onFocus?: ((event: FocusEvent) => any) | undefined;
             onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            onPaste?: ((event: ClipboardEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         }>, {
             focus: () => void;
@@ -112,6 +116,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
             blur: (event: FocusEvent) => any;
             focus: (event: FocusEvent) => any;
             keydown: (event: KeyboardEvent) => any;
+            paste: (event: ClipboardEvent) => any;
             "update:modelValue": (value: string) => any;
         }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -165,12 +170,14 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
         clearable?: boolean;
         pattern?: string;
+        segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig;
     }> & Readonly<{
         onInput?: ((event: Event) => any) | undefined;
         onClick?: ((event: MouseEvent) => any) | undefined;
         onBlur?: ((event: FocusEvent) => any) | undefined;
         onFocus?: ((event: FocusEvent) => any) | undefined;
         onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+        onPaste?: ((event: ClipboardEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, "focus"> & {
         focus: () => void;

package/dist/src/forms/inputs/PasswordInput/KdsPasswordInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsPasswordInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/PasswordInput/KdsPasswordInput.vue"],"names":[],"mappings":"AAoGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,KAAK,WAAW,GAAG,qBAAqB,CAAC;AAsCzC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAyMohe,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlB1pe,wBAUG"}
+{"version":3,"file":"KdsPasswordInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/PasswordInput/KdsPasswordInput.vue"],"names":[],"mappings":"AAoGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,KAAK,WAAW,GAAG,qBAAqB,CAAC;AAsCzC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAyMohe,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlB1pe,wBAUG"}

package/dist/src/forms/inputs/PatternInput/KdsPatternInput.vue.d.ts

@@ -131,11 +131,13 @@ declare const _default: import('vue').DefineComponent<({
             readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
             readonly clearable?: boolean | undefined;
             readonly pattern?: string | undefined;
+            readonly segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig | undefined;
             readonly onInput?: ((event: Event) => any) | undefined;
             readonly onClick?: ((event: MouseEvent) => any) | undefined;
             readonly onBlur?: ((event: FocusEvent) => any) | undefined;
             readonly onFocus?: ((event: FocusEvent) => any) | undefined;
             readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            readonly onPaste?: ((event: ClipboardEvent) => any) | undefined;
             readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: import('vue').Attrs;
@@ -150,7 +152,7 @@ declare const _default: import('vue').DefineComponent<({
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $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);
+        $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);
         $el: HTMLDivElement;
         $options: import('vue').ComponentOptionsBase<Readonly<{
             modelValue?: string;
@@ -184,12 +186,14 @@ declare const _default: import('vue').DefineComponent<({
             inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
             clearable?: boolean;
             pattern?: string;
+            segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig;
         }> & Readonly<{
             onInput?: ((event: Event) => any) | undefined;
             onClick?: ((event: MouseEvent) => any) | undefined;
             onBlur?: ((event: FocusEvent) => any) | undefined;
             onFocus?: ((event: FocusEvent) => any) | undefined;
             onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            onPaste?: ((event: ClipboardEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         }>, {
             focus: () => void;
@@ -199,6 +203,7 @@ declare const _default: import('vue').DefineComponent<({
             blur: (event: FocusEvent) => any;
             focus: (event: FocusEvent) => any;
             keydown: (event: KeyboardEvent) => any;
+            paste: (event: ClipboardEvent) => any;
             "update:modelValue": (value: string) => any;
         }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -252,12 +257,14 @@ declare const _default: import('vue').DefineComponent<({
         inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
         clearable?: boolean;
         pattern?: string;
+        segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig;
     }> & Readonly<{
         onInput?: ((event: Event) => any) | undefined;
         onClick?: ((event: MouseEvent) => any) | undefined;
         onBlur?: ((event: FocusEvent) => any) | undefined;
         onFocus?: ((event: FocusEvent) => any) | undefined;
         onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+        onPaste?: ((event: ClipboardEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, "focus"> & {
         focus: () => void;

package/dist/src/forms/inputs/PatternInput/KdsPatternInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsPatternInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/PatternInput/KdsPatternInput.vue"],"names":[],"mappings":";iBAmMa,MAAM;oBACD,OAAO;qBACN,OAAO;eACb,OAAO;;;;;;;;;;;;;;;;;;iBAHP,MAAM;oBACD,OAAO;qBACN,OAAO;eACb,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;iBAHP,MAAM;oBACD,OAAO;qBACN,OAAO;eACb,OAAO;;;;;;;;;;;;;;;;;;iBAHP,MAAM;oBACD,OAAO;qBACN,OAAO;eACb,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAgM08c,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlBpld,wBAUG"}
+{"version":3,"file":"KdsPatternInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/PatternInput/KdsPatternInput.vue"],"names":[],"mappings":";iBAmMa,MAAM;oBACD,OAAO;qBACN,OAAO;eACb,OAAO;;;;;;;;;;;;;;;;;;iBAHP,MAAM;oBACD,OAAO;qBACN,OAAO;eACb,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;iBAHP,MAAM;oBACD,OAAO;qBACN,OAAO;eACb,OAAO;;;;;;;;;;;;;;;;;;iBAHP,MAAM;oBACD,OAAO;qBACN,OAAO;eACb,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAgM08c,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlBpld,wBAUG"}

package/dist/src/forms/inputs/SearchInput/KdsSearchInput.vue.d.ts

@@ -131,11 +131,13 @@ declare const _default: import('vue').DefineComponent<({
             readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
             readonly clearable?: boolean | undefined;
             readonly pattern?: string | undefined;
+            readonly segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig | undefined;
             readonly onInput?: ((event: Event) => any) | undefined;
             readonly onClick?: ((event: MouseEvent) => any) | undefined;
             readonly onBlur?: ((event: FocusEvent) => any) | undefined;
             readonly onFocus?: ((event: FocusEvent) => any) | undefined;
             readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            readonly onPaste?: ((event: ClipboardEvent) => any) | undefined;
             readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: import('vue').Attrs;
@@ -150,7 +152,7 @@ declare const _default: import('vue').DefineComponent<({
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $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);
+        $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);
         $el: HTMLDivElement;
         $options: import('vue').ComponentOptionsBase<Readonly<{
             modelValue?: string;
@@ -184,12 +186,14 @@ declare const _default: import('vue').DefineComponent<({
             inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
             clearable?: boolean;
             pattern?: string;
+            segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig;
         }> & Readonly<{
             onInput?: ((event: Event) => any) | undefined;
             onClick?: ((event: MouseEvent) => any) | undefined;
             onBlur?: ((event: FocusEvent) => any) | undefined;
             onFocus?: ((event: FocusEvent) => any) | undefined;
             onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            onPaste?: ((event: ClipboardEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         }>, {
             focus: () => void;
@@ -199,6 +203,7 @@ declare const _default: import('vue').DefineComponent<({
             blur: (event: FocusEvent) => any;
             focus: (event: FocusEvent) => any;
             keydown: (event: KeyboardEvent) => any;
+            paste: (event: ClipboardEvent) => any;
             "update:modelValue": (value: string) => any;
         }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -252,12 +257,14 @@ declare const _default: import('vue').DefineComponent<({
         inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
         clearable?: boolean;
         pattern?: string;
+        segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig;
     }> & Readonly<{
         onInput?: ((event: Event) => any) | undefined;
         onClick?: ((event: MouseEvent) => any) | undefined;
         onBlur?: ((event: FocusEvent) => any) | undefined;
         onFocus?: ((event: FocusEvent) => any) | undefined;
         onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+        onPaste?: ((event: ClipboardEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, "focus"> & {
         focus: () => void;
@@ -270,16 +277,30 @@ declare const _default: import('vue').DefineComponent<({
     popover: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
-        $props: {
+        $props: ({
             readonly modelValue?: boolean | undefined;
-            readonly placement?: import('../../../overlays/Popover').KdsPopoverPlacement | undefined;
             readonly role?: import('../../../overlays/Popover').KdsPopoverRole | undefined;
             readonly popoverType?: import('../../../overlays/Popover').KdsPopoverType | undefined;
             readonly fullWidth?: boolean | undefined;
             readonly maxInlineSize?: string | undefined;
             readonly content?: string | undefined;
+            readonly placement?: Exclude<import('../../../overlays/Popover').KdsPopoverPlacement, "custom"> | undefined;
+            readonly customPlacementPosition?: never | undefined;
             readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        } | {
+            readonly modelValue?: boolean | undefined;
+            readonly role?: import('../../../overlays/Popover').KdsPopoverRole | undefined;
+            readonly popoverType?: import('../../../overlays/Popover').KdsPopoverType | undefined;
+            readonly fullWidth?: boolean | undefined;
+            readonly maxInlineSize?: string | undefined;
+            readonly content?: string | undefined;
+            readonly placement: "custom";
+            readonly customPlacementPosition: {
+                x: number;
+                y: number;
+            };
+            readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
@@ -294,9 +315,32 @@ declare const _default: import('vue').DefineComponent<({
         $host: Element | null;
         $emit: (event: "update:modelValue", value: boolean) => void;
         $el: HTMLDivElement;
-        $options: import('vue').ComponentOptionsBase<Readonly<{
+        $options: import('vue').ComponentOptionsBase<Readonly<({
+            modelValue?: boolean;
+        } & {
+            role?: import('../../../overlays/Popover').KdsPopoverRole;
+            popoverType?: import('../../../overlays/Popover').KdsPopoverType;
+            fullWidth?: boolean;
+            maxInlineSize?: string;
+            content?: string;
+        } & {
+            placement?: Exclude<import('../../../overlays/Popover').KdsPopoverPlacement, "custom">;
+            customPlacementPosition?: never;
+        }) | ({
             modelValue?: boolean;
-        } & import('../../../overlays/Popover').KdsPopoverProps> & Readonly<{
+        } & {
+            role?: import('../../../overlays/Popover').KdsPopoverRole;
+            popoverType?: import('../../../overlays/Popover').KdsPopoverType;
+            fullWidth?: boolean;
+            maxInlineSize?: string;
+            content?: string;
+        } & {
+            placement: "custom";
+            customPlacementPosition: {
+                x: number;
+                y: number;
+            };
+        })> & Readonly<{
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         }>, {
             anchorStyle: Record<string, string>;
@@ -323,11 +367,34 @@ declare const _default: import('vue').DefineComponent<({
         $forceUpdate: () => void;
         $nextTick: typeof import('vue').nextTick;
         $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;
-    } & Readonly<{}> & Omit<Readonly<{
+    } & Readonly<{}> & Omit<{} & (Readonly<({
         modelValue?: boolean;
-    } & import('../../../overlays/Popover').KdsPopoverProps> & Readonly<{
+    } & {
+        role?: import('../../../overlays/Popover').KdsPopoverRole;
+        popoverType?: import('../../../overlays/Popover').KdsPopoverType;
+        fullWidth?: boolean;
+        maxInlineSize?: string;
+        content?: string;
+    } & {
+        placement?: Exclude<import('../../../overlays/Popover').KdsPopoverPlacement, "custom">;
+        customPlacementPosition?: never;
+    }) | ({
+        modelValue?: boolean;
+    } & {
+        role?: import('../../../overlays/Popover').KdsPopoverRole;
+        popoverType?: import('../../../overlays/Popover').KdsPopoverType;
+        fullWidth?: boolean;
+        maxInlineSize?: string;
+        content?: string;
+    } & {
+        placement: "custom";
+        customPlacementPosition: {
+            x: number;
+            y: number;
+        };
+    })> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    }>, "anchorStyle" | "popoverId"> & {
+    }>), "anchorStyle" | "popoverId"> & {
         anchorStyle: Record<string, string>;
         popoverId: string;
     } & {} & import('vue').ComponentCustomProperties & {} & {
@@ -335,7 +402,7 @@ declare const _default: import('vue').DefineComponent<({
             default?(_: {}): any;
         };
     }) | null;
-    listContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../../containers/ListContainer').KdsListContainerProps> & Readonly<{
+    listContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../../index.ts').KdsListContainerProps> & Readonly<{
         onItemClick?: ((id?: string | undefined) => any) | undefined;
     }>, {
         handleKeydown: (event: KeyboardEvent) => void;
@@ -343,6 +410,7 @@ declare const _default: import('vue').DefineComponent<({
         handleBlur: () => void;
         activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
         focus: () => void;
+        scrollSelectedIntoView: () => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         itemClick: (id?: string | undefined) => any;
     }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -354,7 +422,7 @@ declare const _default: import('vue').DefineComponent<({
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../../containers/ListContainer').KdsListContainerProps> & Readonly<{
+    }, Readonly<import('../../../index.ts').KdsListContainerProps> & Readonly<{
         onItemClick?: ((id?: string | undefined) => any) | undefined;
     }>, {
         handleKeydown: (event: KeyboardEvent) => void;
@@ -362,6 +430,7 @@ declare const _default: import('vue').DefineComponent<({
         handleBlur: () => void;
         activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
         focus: () => void;
+        scrollSelectedIntoView: () => void;
     }, {}, {}, {}, {}> | null;
 }, HTMLDivElement>;
 export default _default;

package/dist/src/forms/inputs/SearchInput/KdsSearchInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsSearchInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/SearchInput/KdsSearchInput.vue"],"names":[],"mappings":";iBAsSa,MAAM;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+O8wS,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlBv5S,wBAUG"}
+{"version":3,"file":"KdsSearchInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/SearchInput/KdsSearchInput.vue"],"names":[],"mappings":";iBAsSa,MAAM;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+O8wS,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlBv5S,wBAUG"}