@kong/kongponents 9.30.1 → 9.30.2

package/dist/types/components/KFileUpload/KFileUpload.vue.d.ts

@@ -1,111 +1,14 @@
-import type { PropType } from 'vue';
-declare var __VLS_6: {}, __VLS_17: {};
-type __VLS_Slots = {} & {
-    'label-tooltip'?: (props: typeof __VLS_6) => any;
-} & {
-    icon?: (props: typeof __VLS_17) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    labelAttributes: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
-    help: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    buttonText: {
-        type: StringConstructor;
-        default: string;
-    };
-    placeholder: {
-        type: StringConstructor;
-        default: string;
-    };
-    accept: {
-        type: PropType<string[]>;
-        required: true;
-    };
-    maxFileSize: {
-        type: NumberConstructor;
-        default: null;
-    };
-    error: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    errorMessage: {
-        type: StringConstructor;
-        default: string;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    error: (val: File[]) => any;
-    "file-added": (val: File[]) => any;
+import type { FileUploadProps, FileUploadSlots } from '../../../types';
+type __VLS_Slots = FileUploadSlots;
+declare const __VLS_component: import("vue").DefineComponent<FileUploadProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (value: File[]) => any;
+    "file-added": (value: File[]) => any;
     "file-removed": () => any;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    labelAttributes: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
-    help: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    buttonText: {
-        type: StringConstructor;
-        default: string;
-    };
-    placeholder: {
-        type: StringConstructor;
-        default: string;
-    };
-    accept: {
-        type: PropType<string[]>;
-        required: true;
-    };
-    maxFileSize: {
-        type: NumberConstructor;
-        default: null;
-    };
-    error: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    errorMessage: {
-        type: StringConstructor;
-        default: string;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    onError?: ((val: File[]) => any) | undefined;
-    "onFile-added"?: ((val: File[]) => any) | undefined;
+}, string, import("vue").PublicProps, Readonly<FileUploadProps> & Readonly<{
+    onError?: ((value: File[]) => any) | undefined;
+    "onFile-added"?: ((value: File[]) => any) | undefined;
     "onFile-removed"?: (() => any) | undefined;
-}>, {
-    label: string;
-    buttonText: string;
-    disabled: boolean;
-    error: boolean;
-    help: string;
-    labelAttributes: Record<string, any>;
-    errorMessage: string;
-    placeholder: string;
-    maxFileSize: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/types/components/KModal/KModal.vue.d.ts

@@ -1,195 +1,12 @@
-import type { PropType } from 'vue';
-import type { ButtonAppearance } from '../../../types';
-declare var __VLS_7: {}, __VLS_9: {}, __VLS_15: {}, __VLS_17: {}, __VLS_19: {};
-type __VLS_Slots = {} & {
-    content?: (props: typeof __VLS_7) => any;
-} & {
-    title?: (props: typeof __VLS_9) => any;
-} & {
-    default?: (props: typeof __VLS_15) => any;
-} & {
-    footer?: (props: typeof __VLS_17) => any;
-} & {
-    'footer-actions'?: (props: typeof __VLS_19) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    visible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    actionButtonText: {
-        type: StringConstructor;
-        default: string;
-    };
-    actionButtonAppearance: {
-        type: PropType<ButtonAppearance>;
-        default: string;
-    };
-    actionButtonDisabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    hideCancelButton: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    cancelButtonText: {
-        type: StringConstructor;
-        default: string;
-    };
-    cancelButtonAppearance: {
-        type: PropType<ButtonAppearance>;
-        default: string;
-    };
-    cancelButtonDisabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    tabbableOptions: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    maxWidth: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    maxHeight: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    closeOnBackdropClick: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Close the modal when the user presses the `Escape` key */
-    closeOnEscape: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    hideCloseIcon: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    fullScreen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    inputAutofocus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    zIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+import type { ModalProps, ModalSlots } from '../../../types';
+type __VLS_Slots = ModalSlots;
+declare const __VLS_component: import("vue").DefineComponent<ModalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     cancel: () => any;
     proceed: () => any;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    visible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    actionButtonText: {
-        type: StringConstructor;
-        default: string;
-    };
-    actionButtonAppearance: {
-        type: PropType<ButtonAppearance>;
-        default: string;
-    };
-    actionButtonDisabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    hideCancelButton: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    cancelButtonText: {
-        type: StringConstructor;
-        default: string;
-    };
-    cancelButtonAppearance: {
-        type: PropType<ButtonAppearance>;
-        default: string;
-    };
-    cancelButtonDisabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    tabbableOptions: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    maxWidth: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    maxHeight: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    closeOnBackdropClick: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Close the modal when the user presses the `Escape` key */
-    closeOnEscape: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    hideCloseIcon: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    fullScreen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    inputAutofocus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    zIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<ModalProps> & Readonly<{
     onCancel?: (() => any) | undefined;
     onProceed?: (() => any) | undefined;
-}>, {
-    title: string;
-    hideCloseIcon: boolean;
-    maxWidth: string;
-    maxHeight: string;
-    zIndex: number;
-    actionButtonText: string;
-    actionButtonDisabled: boolean;
-    visible: boolean;
-    actionButtonAppearance: ButtonAppearance;
-    hideCancelButton: boolean;
-    cancelButtonText: string;
-    cancelButtonAppearance: ButtonAppearance;
-    cancelButtonDisabled: boolean;
-    tabbableOptions: Record<string, any>;
-    closeOnBackdropClick: boolean;
-    closeOnEscape: boolean;
-    fullScreen: boolean;
-    inputAutofocus: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/types/components/KSkeleton/CardSkeleton.vue.d.ts

@@ -1,33 +1,6 @@
-declare var __VLS_1: {}, __VLS_6: {}, __VLS_14: {};
-type __VLS_Slots = {} & {
-    'card-header'?: (props: typeof __VLS_1) => any;
-} & {
-    'card-content'?: (props: typeof __VLS_6) => any;
-} & {
-    'card-footer'?: (props: typeof __VLS_14) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    cardCount: {
-        type: NumberConstructor;
-        default: number;
-    };
-    maxWidth: {
-        type: StringConstructor;
-        default: string;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    cardCount: {
-        type: NumberConstructor;
-        default: number;
-    };
-    maxWidth: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    maxWidth: string;
-    cardCount: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+import type { SkeletonCardProps, SkeletonCardSlots } from '../../../types';
+type __VLS_Slots = SkeletonCardSlots;
+declare const __VLS_component: import("vue").DefineComponent<SkeletonCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SkeletonCardProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/types/components/KSkeleton/FullScreenGenericSpinner.vue.d.ts

@@ -1,32 +1,3 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    progress: {
-        type: NumberConstructor;
-        default: null;
-    };
-    hideProgress: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    zIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    progress: {
-        type: NumberConstructor;
-        default: null;
-    };
-    hideProgress: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    zIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>> & Readonly<{}>, {
-    progress: number;
-    zIndex: number;
-    hideProgress: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+import type { SkeletonFullscreenProps } from '../../../types';
+declare const _default: import("vue").DefineComponent<SkeletonFullscreenProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SkeletonFullscreenProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/KSkeleton/FullScreenKongSkeleton.vue.d.ts

@@ -1,32 +1,3 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    progress: {
-        type: NumberConstructor;
-        default: null;
-    };
-    hideProgress: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    zIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    progress: {
-        type: NumberConstructor;
-        default: null;
-    };
-    hideProgress: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    zIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>> & Readonly<{}>, {
-    progress: number;
-    zIndex: number;
-    hideProgress: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+import type { SkeletonFullscreenProps } from '../../../types';
+declare const _default: import("vue").DefineComponent<SkeletonFullscreenProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SkeletonFullscreenProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/KSkeleton/KSkeleton.vue.d.ts

@@ -1,110 +1,6 @@
-import type { PropType } from 'vue';
-import type { SkeletonType } from '../../../types';
-declare var __VLS_4: {}, __VLS_6: {}, __VLS_8: {}, __VLS_13: {};
-type __VLS_Slots = {} & {
-    'card-header'?: (props: typeof __VLS_4) => any;
-} & {
-    'card-content'?: (props: typeof __VLS_6) => any;
-} & {
-    'card-footer'?: (props: typeof __VLS_8) => any;
-} & {
-    default?: (props: typeof __VLS_13) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    delayMilliseconds: {
-        type: NumberConstructor;
-        required: false;
-        default: number;
-    };
-    type: {
-        type: PropType<SkeletonType>;
-        default: string;
-        validator: (val: SkeletonType) => boolean;
-    };
-    progress: {
-        type: NumberConstructor;
-        required: false;
-        default: null;
-    };
-    hideProgress: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    cardCount: {
-        type: NumberConstructor;
-        default: number;
-    };
-    cardMaxWidth: {
-        type: StringConstructor;
-        default: string;
-    };
-    tableColumns: {
-        type: NumberConstructor;
-        required: false;
-        default: number;
-    };
-    tableRows: {
-        type: NumberConstructor;
-        required: false;
-        default: number;
-    };
-    zIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    delayMilliseconds: {
-        type: NumberConstructor;
-        required: false;
-        default: number;
-    };
-    type: {
-        type: PropType<SkeletonType>;
-        default: string;
-        validator: (val: SkeletonType) => boolean;
-    };
-    progress: {
-        type: NumberConstructor;
-        required: false;
-        default: null;
-    };
-    hideProgress: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    cardCount: {
-        type: NumberConstructor;
-        default: number;
-    };
-    cardMaxWidth: {
-        type: StringConstructor;
-        default: string;
-    };
-    tableColumns: {
-        type: NumberConstructor;
-        required: false;
-        default: number;
-    };
-    tableRows: {
-        type: NumberConstructor;
-        required: false;
-        default: number;
-    };
-    zIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>> & Readonly<{}>, {
-    progress: number;
-    type: "" | "form" | "table" | "card" | "spinner" | "fullscreen-kong" | "fullscreen-generic";
-    zIndex: number;
-    cardCount: number;
-    cardMaxWidth: string;
-    hideProgress: boolean;
-    delayMilliseconds: number;
-    tableColumns: number;
-    tableRows: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+import type { SkeletonProps, SkeletonSlots } from '../../../types';
+type __VLS_Slots = SkeletonSlots;
+declare const __VLS_component: import("vue").DefineComponent<SkeletonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SkeletonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/types/components/KSkeleton/KSkeletonBox.vue.d.ts

@@ -1,29 +1,3 @@
-import type { PropType } from 'vue';
-import type { SkeletonBoxHeight, SkeletonBoxWidth } from '../../../types';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    width: {
-        type: PropType<SkeletonBoxWidth>;
-        default: string;
-        validator: (val: SkeletonBoxWidth) => boolean;
-    };
-    height: {
-        type: PropType<SkeletonBoxHeight>;
-        default: string;
-        validator: (val: SkeletonBoxHeight) => boolean;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    width: {
-        type: PropType<SkeletonBoxWidth>;
-        default: string;
-        validator: (val: SkeletonBoxWidth) => boolean;
-    };
-    height: {
-        type: PropType<SkeletonBoxHeight>;
-        default: string;
-        validator: (val: SkeletonBoxHeight) => boolean;
-    };
-}>> & Readonly<{}>, {
-    width: "1" | "2" | "5" | "6" | "10" | "25" | "50" | "75" | "100";
-    height: "1" | "2";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+import type { SkeletonBoxProps } from '../../../types';
+declare const _default: import("vue").DefineComponent<SkeletonBoxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SkeletonBoxProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/KSkeleton/TableSkeleton.vue.d.ts

@@ -1,29 +1,6 @@
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    rows: {
-        type: NumberConstructor;
-        default: number;
-    };
-    columns: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    rows: {
-        type: NumberConstructor;
-        default: number;
-    };
-    columns: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>> & Readonly<{}>, {
-    rows: number;
-    columns: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+import type { SkeletonTableProps, SkeletonTableSlots } from '../../../types';
+type __VLS_Slots = SkeletonTableSlots;
+declare const __VLS_component: import("vue").DefineComponent<SkeletonTableProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SkeletonTableProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/types/types/file-upload.d.ts

@@ -0,0 +1,69 @@
+import type { LabelAttributes } from './label';
+export interface FileUploadProps {
+    /**
+     * Use the `labelAttributes` prop to configure the KLabel's props if using the `label` prop.
+     * @default {}
+     */
+    labelAttributes?: LabelAttributes;
+    /**
+     * String to be used as the label.
+     * @default ''
+     */
+    label?: string;
+    /**
+     * String to be displayed as help text.
+     * @default ''
+     */
+    help?: string;
+    /**
+     * The text that will be displayed on the button that triggers the click on the input.
+     * @default 'Select file'
+     */
+    buttonText?: string;
+    /**
+     * Placeholder to be displayed when no file is selected.
+     * @default 'No file selected'
+     */
+    placeholder?: string;
+    /**
+     * The file types the component can accept. See [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept) for more information.
+     */
+    accept: string[];
+    /**
+     * The maximize size of file that can be uploaded.
+     * The default maximum size is 5MB if not specified.
+     * @default null
+     */
+    maxFileSize?: number;
+    /**
+     * Boolean to indicate whether the element is in an error state and should apply error styling.
+     * @defaults false
+     */
+    error?: boolean;
+    /**
+     * String to be displayed as an error message if `error` prop is `true`.
+     * This prop will supersede the `help` prop if both have a value and `error` is `true`.
+     * @defaults false
+     */
+    errorMessage?: string;
+    /**
+     * Whether the file upload is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+}
+export interface FileUploadEmits {
+    'file-added': [value: File[]];
+    'file-removed': [];
+    error: [value: File[]];
+}
+export interface FileUploadSlots {
+    /**
+     * Slot for an icon in front of the input field.
+     */
+    icon?(): any;
+    /**
+     * Use this slot if you want to utilize HTML in the input label's tooltip.
+     */
+    'label-tooltip'?(): any;
+}