@citruslime/ui 2.0.2-beta.13 → 2.0.2-beta.15

package/dist/components/input/cl-ui-input.vue.d.ts

@@ -1,2 +1,519 @@
-declare const _sfc_main: import("vue").DefineComponent<unknown, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<unknown>, {}>;
+import type { ComputedRef } from 'vue';
+import { clUiCalendar } from '../calendar';
+import { clUiSlider } from '../slider';
+import type { InputValueType } from './types';
+import { isInputButton, isInputCalendarSupportedDate, isInputText, getInputTypeAsCalendarType, convertFromEvent } from './utils';
+declare const _sfc_main: import("vue").DefineComponent<{
+    inputType: {
+        type: null;
+        required: true;
+        default: string;
+    };
+    modelValue: {
+        type: null;
+        required: false;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    isRequired: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    customValidationFunction: {
+        type: FunctionConstructor;
+        required: false;
+        default: undefined;
+    };
+    onInputFunction: {
+        type: FunctionConstructor;
+        required: false;
+        default: undefined;
+    };
+    min: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: number;
+    };
+    max: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: number;
+    };
+    step: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    validateImmediately: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    validateOn: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    externalErrors: {
+        type: ArrayConstructor;
+        required: false;
+        default: () => never[];
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    requiredText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    placeholderText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    fileExtensions: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    group: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    showLabel: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    showArrows: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    autocomplete: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    highlightWhenValid: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    messageWhenValid: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    inputSpecificClasses: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+}, {
+    props: any;
+    emit: {
+        (e: 'update:model-value', value: InputValueType): void;
+        (e: 'click', event: MouseEvent): void;
+        (e: 'focus'): void;
+        (e: 'input', event: {
+            target: EventTarget | typeof clUiCalendar | typeof clUiSlider | null;
+        }, value: InputValueType): void;
+        (e: 'change', event: Event, value: InputValueType): void;
+        (e: 'validated', isValid: boolean, value: InputValueType): void;
+    };
+    inputElement: import("vue").Ref<HTMLInputElement | import("vue").DefineComponent<unknown, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<unknown>, {}> | import("vue").DefineComponent<{
+        value: {
+            type: NumberConstructor;
+            required: true;
+        };
+        min: {
+            type: NumberConstructor;
+            required: true;
+        };
+        max: {
+            type: NumberConstructor;
+            required: true;
+        };
+        step: {
+            type: NumberConstructor;
+            required: false;
+            default: number;
+        };
+        enforceStep: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        showNumericInput: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+    }, {
+        props: any;
+        emit: (event: "update:value", ...args: any[]) => void;
+        n: import("vue-i18n").ComposerNumberFormatting<{
+            [x: string]: import("vue-i18n").IntlNumberFormat;
+        }, string, import("@intlify/core-base").RemoveIndexSignature<{
+            [x: string]: import("@intlify/core-base").NumberFormatOptions;
+        }>, never, string | number, string | number>;
+        t: import("vue-i18n").ComposerTranslation<{
+            [x: string]: import("@intlify/core-base").LocaleMessage<import("vue-i18n").VueMessageType>;
+        }, string, import("@intlify/core-base").RemoveIndexSignature<{
+            [x: string]: import("vue-i18n").LocaleMessageValue<import("vue-i18n").VueMessageType>;
+        }>, never, string, string>;
+        debounce: (event: Function, ...eventArgs: unknown[]) => void;
+        numericInputValue: import("vue").Ref<number>;
+        sliderRef: import("vue").Ref<HTMLInputElement | undefined>;
+        currentValue: import("vue").WritableComputedRef<number>;
+        colour: ComputedRef<string>;
+        percentage: ComputedRef<number>;
+        validProps: ComputedRef<boolean>;
+        updateCurrentValue: (target: EventTarget | null, forceUpdate: Function) => void;
+        readonly NumberFormat: typeof import("../../utils").NumberFormat;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        'update:value': null;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        value: {
+            type: NumberConstructor;
+            required: true;
+        };
+        min: {
+            type: NumberConstructor;
+            required: true;
+        };
+        max: {
+            type: NumberConstructor;
+            required: true;
+        };
+        step: {
+            type: NumberConstructor;
+            required: false;
+            default: number;
+        };
+        enforceStep: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        showNumericInput: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    }, {
+        disabled: boolean;
+        step: number;
+        enforceStep: boolean;
+        showNumericInput: boolean;
+    }> | null>;
+    focused: import("vue").Ref<boolean>;
+    lostFocus: import("vue").Ref<boolean>;
+    showRequiredAsterisk: ComputedRef<boolean>;
+    placeholder: ComputedRef<string>;
+    dateFlaggedAsOutOfRange: import("vue").Ref<boolean>;
+    t: import("vue-i18n").ComposerTranslation<{
+        [x: string]: import("@intlify/core-base").LocaleMessage<import("vue-i18n").VueMessageType>;
+    }, string, import("@intlify/core-base").RemoveIndexSignature<{
+        [x: string]: import("vue-i18n").LocaleMessageValue<import("vue-i18n").VueMessageType>;
+    }>, never, string, string>;
+    currentKey: import("vue").Ref<number>;
+    currentValue: import("vue").WritableComputedRef<InputValueType>;
+    currentDateValue: import("vue").WritableComputedRef<Date>;
+    minAsString: ComputedRef<string | undefined>;
+    maxAsString: ComputedRef<string | undefined>;
+    minAsNumber: ComputedRef<number>;
+    maxAsNumber: ComputedRef<number>;
+    validMessage: ComputedRef<string>;
+    isValid: import("vue").Ref<boolean>;
+    internalErrors: import("vue").Ref<string[]>;
+    errors: ComputedRef<string>;
+    updateDateValue: (value: Date | null) => Promise<void>;
+    onValueChanged: (value: InputValueType, forceValidation: boolean) => Promise<void>;
+    validateValue: (value: InputValueType) => Promise<void>;
+    getStyle: () => string;
+    emitClickIfButton: (event: MouseEvent) => void;
+    incrementNumericValue: () => void;
+    decrementNumericValue: () => void;
+    toggleFocus: (focus: boolean) => void;
+    onLostFocus: () => void;
+    forceUpdate: () => void;
+    onMouseWheel: (wheelEvent: WheelEvent) => void;
+    getShowAsteriskOrRequired: () => boolean;
+    onDateOutOfRange: () => void;
+    onChange: (event: Event) => Promise<void>;
+    readonly clUiCalendar: import("vue").DefineComponent<unknown, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<unknown>, {}>;
+    readonly clUiSlider: import("vue").DefineComponent<{
+        value: {
+            type: NumberConstructor;
+            required: true;
+        };
+        min: {
+            type: NumberConstructor;
+            required: true;
+        };
+        max: {
+            type: NumberConstructor;
+            required: true;
+        };
+        step: {
+            type: NumberConstructor;
+            required: false;
+            default: number;
+        };
+        enforceStep: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        showNumericInput: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+    }, {
+        props: any;
+        emit: (event: "update:value", ...args: any[]) => void;
+        n: import("vue-i18n").ComposerNumberFormatting<{
+            [x: string]: import("vue-i18n").IntlNumberFormat;
+        }, string, import("@intlify/core-base").RemoveIndexSignature<{
+            [x: string]: import("@intlify/core-base").NumberFormatOptions;
+        }>, never, string | number, string | number>;
+        t: import("vue-i18n").ComposerTranslation<{
+            [x: string]: import("@intlify/core-base").LocaleMessage<import("vue-i18n").VueMessageType>;
+        }, string, import("@intlify/core-base").RemoveIndexSignature<{
+            [x: string]: import("vue-i18n").LocaleMessageValue<import("vue-i18n").VueMessageType>;
+        }>, never, string, string>;
+        debounce: (event: Function, ...eventArgs: unknown[]) => void;
+        numericInputValue: import("vue").Ref<number>;
+        sliderRef: import("vue").Ref<HTMLInputElement | undefined>;
+        currentValue: import("vue").WritableComputedRef<number>;
+        colour: ComputedRef<string>;
+        percentage: ComputedRef<number>;
+        validProps: ComputedRef<boolean>;
+        updateCurrentValue: (target: EventTarget | null, forceUpdate: Function) => void;
+        readonly NumberFormat: typeof import("../../utils").NumberFormat;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        'update:value': null;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        value: {
+            type: NumberConstructor;
+            required: true;
+        };
+        min: {
+            type: NumberConstructor;
+            required: true;
+        };
+        max: {
+            type: NumberConstructor;
+            required: true;
+        };
+        step: {
+            type: NumberConstructor;
+            required: false;
+            default: number;
+        };
+        enforceStep: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        showNumericInput: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    }, {
+        disabled: boolean;
+        step: number;
+        enforceStep: boolean;
+        showNumericInput: boolean;
+    }>;
+    readonly isInputButton: typeof isInputButton;
+    readonly isInputCalendarSupportedDate: typeof isInputCalendarSupportedDate;
+    readonly isInputText: typeof isInputText;
+    readonly getInputTypeAsCalendarType: typeof getInputTypeAsCalendarType;
+    readonly convertFromEvent: typeof convertFromEvent;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "update:model-value" | "click" | "focus" | "change" | "validated")[], "focus" | "input" | "update:model-value" | "click" | "change" | "validated", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    inputType: {
+        type: null;
+        required: true;
+        default: string;
+    };
+    modelValue: {
+        type: null;
+        required: false;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    isRequired: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    customValidationFunction: {
+        type: FunctionConstructor;
+        required: false;
+        default: undefined;
+    };
+    onInputFunction: {
+        type: FunctionConstructor;
+        required: false;
+        default: undefined;
+    };
+    min: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: number;
+    };
+    max: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: number;
+    };
+    step: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    validateImmediately: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    validateOn: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    externalErrors: {
+        type: ArrayConstructor;
+        required: false;
+        default: () => never[];
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    requiredText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    placeholderText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    fileExtensions: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    group: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    showLabel: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    showArrows: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    autocomplete: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    highlightWhenValid: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    messageWhenValid: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    inputSpecificClasses: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onValidated?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    inputType: any;
+    modelValue: any;
+    label: string;
+    isRequired: boolean;
+    customValidationFunction: Function;
+    onInputFunction: Function;
+    min: string | number;
+    max: string | number;
+    step: number;
+    validateImmediately: boolean;
+    validateOn: string;
+    externalErrors: unknown[];
+    requiredText: string;
+    placeholderText: string;
+    fileExtensions: string;
+    group: string;
+    showLabel: boolean;
+    showArrows: boolean;
+    autocomplete: string;
+    highlightWhenValid: boolean;
+    messageWhenValid: string;
+    inputSpecificClasses: string;
+}>;
 export default _sfc_main;

package/dist/components/input/types.d.ts

@@ -1,5 +1,6 @@
 export declare const inputTypes: readonly ["button", "checkbox", "color", "date", "datetime", "email", "file", "number", "password", "radio", "range", "reset", "search", "submit", "tel", "text", "time", "url"];
 export declare type InputType = typeof inputTypes[number];
+export declare type InputValueType = string | number | boolean | Date | null | undefined;
 export interface InputValidationState {
     valid: boolean;
     message: string;

package/dist/components/language-switcher/cl-ui-language-switcher.vue.d.ts

@@ -10,18 +10,20 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
-}, {
-    props: {
-        supportedLanguages: Language[];
-        disabled: boolean;
+    defaultLangauge: {
+        type: null;
+        required: false;
+        default: null;
     };
+}, {
+    props: any;
     emit: (e: 'language-select', newLanguage: string) => void;
     locale: import("vue").WritableComputedRef<string>;
     localeToggleOpen: import("vue").Ref<boolean>;
     selectedLanguage: import("vue").ComputedRef<Language | null>;
     validLanguages: import("vue").ComputedRef<Language[]>;
     toggleLocaleSwitcher: () => void;
-    isLanguageLocaleFormat: typeof isLanguageLocaleFormat;
+    readonly isLanguageLocaleFormat: typeof isLanguageLocaleFormat;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "language-select"[], "language-select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     supportedLanguages: {
         type: ArrayConstructor;
@@ -32,9 +34,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    defaultLangauge: {
+        type: null;
+        required: false;
+        default: null;
+    };
 }>> & {
     "onLanguage-select"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
+    defaultLangauge: any;
 }>;
 export default _sfc_main;