@knime/kds-components 0.23.2 → 0.24.1

package/dist/src/forms/inputs/IntervalInput/intervalUtils.d.ts

@@ -0,0 +1,31 @@
+import { Temporal } from 'temporal-polyfill';
+import { KdsIntervalInputFormat, KdsIntervalInputUsedFormat } from './types';
+export type IntervalPeriodNumericKey = "years" | "months" | "weeks" | "days";
+export type IntervalDurationNumericKey = "hours" | "minutes" | "seconds" | "milliseconds";
+export declare const periodNumericKeys: IntervalPeriodNumericKey[];
+export declare const durationNumericKeys: IntervalDurationNumericKey[];
+export declare const getMax: (key: IntervalPeriodNumericKey | IntervalDurationNumericKey) => number;
+export declare const extractDurationFields: (duration: Temporal.Duration) => Record<IntervalPeriodNumericKey | IntervalDurationNumericKey, number>;
+export declare const withDurationField: (duration: Temporal.Duration, key: IntervalPeriodNumericKey | IntervalDurationNumericKey, value: number) => Temporal.Duration;
+export declare const createDefaultDuration: () => Temporal.Duration;
+export declare const classifyDuration: (duration: Temporal.Duration) => KdsIntervalInputUsedFormat;
+export declare const formatDurationToHumanReadable: (duration: Temporal.Duration, usedFormat: KdsIntervalInputUsedFormat) => string;
+export declare const parseHumanReadableInterval: (input: string) => Temporal.Duration | null;
+export declare const parseISOInterval: (input: string) => Temporal.Duration | null;
+export declare const parseGenericInterval: (input: string) => Temporal.Duration | null;
+export type IntervalValidationResult = {
+    valid: true;
+    type: KdsIntervalInputUsedFormat;
+    negative: boolean;
+    duration: Temporal.Duration;
+} | {
+    valid: false;
+};
+export declare const validateIntervalInput: (input: string, expectedFormat: KdsIntervalInputFormat) => IntervalValidationResult;
+/**
+ * Zero-out the fields that are NOT part of the given format, so the emitted
+ * `modelValue` is always a pure date-only or time-only Duration.
+ */
+export declare const stripInactiveFields: (duration: Temporal.Duration, usedFormat: KdsIntervalInputUsedFormat) => Temporal.Duration;
+export declare const toTitleCase: (key: string) => string;
+//# sourceMappingURL=intervalUtils.d.ts.map

package/dist/src/forms/inputs/IntervalInput/intervalUtils.d.ts.map

@@ -0,0 +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"}

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

@@ -0,0 +1,19 @@
+import { KdsInputFieldProps } from '../types';
+import { kdsIntervalDirectionality, kdsIntervalInputFormat } from './enums';
+export type KdsIntervalInputFormat = (typeof kdsIntervalInputFormat)[keyof typeof kdsIntervalInputFormat];
+/** date or time — the two formats actually used inside the popover (excludes date_or_time). */
+export type KdsIntervalInputUsedFormat = Extract<KdsIntervalInputFormat, "date" | "time">;
+export type KdsIntervalDirectionality = (typeof kdsIntervalDirectionality)[keyof typeof kdsIntervalDirectionality];
+export type KdsIntervalInputProps = KdsInputFieldProps & {
+    /** Restricts the interval type. `date_or_time` allows format switching in the popover. */
+    format?: KdsIntervalInputFormat;
+    /** Allows negative intervals (descending/backward). */
+    allowDescending?: boolean;
+};
+export type IntervalInputPopoverProps = {
+    /** Available format modes. `date_or_time` enables switching inside the popover. */
+    format: KdsIntervalInputFormat;
+    /** Shows the forward/backward direction switch when enabled. */
+    allowDescending: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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"}

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