@citruslime/ui 2.0.2-beta.8 → 2.1.0-beta.0

package/dist/components/header/menu/{cl-ui-header-menu.vue.d.ts → cl-ui-header-menu.d.ts}

@@ -1,4 +1,5 @@
-declare const _sfc_main: import("vue").DefineComponent<{
+import type { DefineComponent, Ref, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+declare const _sfc_main: DefineComponent<{
     username: {
         type: StringConstructor;
         required: false;
@@ -18,7 +19,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: true;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {
+    emit: (event: 'update:is-open', value: boolean) => void;
+    props: any;
+    headerMenuElement: Ref<any>;
+    clickAway: () => void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "update:is-open"[], "update:is-open", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     username: {
         type: StringConstructor;
         required: false;
@@ -38,7 +44,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: true;
     };
-}>>, {
+}>> & {
+    "onUpdate:is-open"?: ((...args: any[]) => any) | undefined;
+}, {
     group: string;
     username: string;
     image: string;

package/dist/components/header/menu/index.d.ts

@@ -1 +1 @@
-export { default as clUiHeaderMenu } from './cl-ui-header-menu.vue';
+export { default as clUiHeaderMenu } from "./cl-ui-header-menu";

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

@@ -0,0 +1,522 @@
+import type { NumberFormat } from '../../utils';
+import type { RemoveIndexSignature, NumberFormatOptions, LocaleMessage } from '@intlify/core-base';
+import type { ComposerNumberFormatting, IntlNumberFormat, ComposerTranslation, VueMessageType, LocaleMessageValue } from 'vue-i18n';
+import type { DefineComponent, Ref, ComputedOptions, MethodOptions, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, WritableComputedRef, ExtractPropTypes, 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: 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: Ref<HTMLInputElement | DefineComponent<unknown, object, {}, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<unknown>, {}> | 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: ComposerNumberFormatting<{
+            [x: string]: IntlNumberFormat;
+        }, string, RemoveIndexSignature<{
+            [x: string]: NumberFormatOptions;
+        }>, never, string | number, string | number>;
+        t: ComposerTranslation<{
+            [x: string]: LocaleMessage<VueMessageType>;
+        }, string, RemoveIndexSignature<{
+            [x: string]: LocaleMessageValue<VueMessageType>;
+        }>, never, string, string>;
+        debounce: (event: Function, ...eventArgs: unknown[]) => void;
+        numericInputValue: Ref<number>;
+        sliderRef: Ref<HTMLInputElement | undefined>;
+        currentValue: WritableComputedRef<number>;
+        colour: ComputedRef<string>;
+        percentage: ComputedRef<number>;
+        validProps: ComputedRef<boolean>;
+        updateCurrentValue: (target: EventTarget | null, forceUpdate: Function) => void;
+        readonly NumberFormat: typeof NumberFormat;
+    }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        'update:value': null;
+    }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<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: Ref<boolean>;
+    lostFocus: Ref<boolean>;
+    showRequiredAsterisk: ComputedRef<boolean>;
+    placeholder: ComputedRef<string>;
+    dateFlaggedAsOutOfRange: Ref<boolean>;
+    t: ComposerTranslation<{
+        [x: string]: LocaleMessage<VueMessageType>;
+    }, string, RemoveIndexSignature<{
+        [x: string]: LocaleMessageValue<VueMessageType>;
+    }>, never, string, string>;
+    currentKey: Ref<number>;
+    currentValue: WritableComputedRef<InputValueType>;
+    currentDateValue: WritableComputedRef<Date>;
+    minAsString: ComputedRef<string | undefined>;
+    maxAsString: ComputedRef<string | undefined>;
+    minAsNumber: ComputedRef<number>;
+    maxAsNumber: ComputedRef<number>;
+    validMessage: ComputedRef<string>;
+    isValid: Ref<boolean>;
+    internalErrors: 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: DefineComponent<unknown, object, {}, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<unknown>, {}>;
+    readonly clUiSlider: 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: ComposerNumberFormatting<{
+            [x: string]: IntlNumberFormat;
+        }, string, RemoveIndexSignature<{
+            [x: string]: NumberFormatOptions;
+        }>, never, string | number, string | number>;
+        t: ComposerTranslation<{
+            [x: string]: LocaleMessage<VueMessageType>;
+        }, string, RemoveIndexSignature<{
+            [x: string]: LocaleMessageValue<VueMessageType>;
+        }>, never, string, string>;
+        debounce: (event: Function, ...eventArgs: unknown[]) => void;
+        numericInputValue: Ref<number>;
+        sliderRef: Ref<HTMLInputElement | undefined>;
+        currentValue: WritableComputedRef<number>;
+        colour: ComputedRef<string>;
+        percentage: ComputedRef<number>;
+        validProps: ComputedRef<boolean>;
+        updateCurrentValue: (target: EventTarget | null, forceUpdate: Function) => void;
+        readonly NumberFormat: typeof NumberFormat;
+    }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        'update:value': null;
+    }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<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, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("focus" | "input" | "update:model-value" | "click" | "change" | "validated")[], "focus" | "input" | "update:model-value" | "click" | "change" | "validated", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<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/index.d.ts

@@ -1,2 +1,2 @@
-export { default as clUiInput } from './cl-ui-input.vue';
+export { default as clUiInput } from "./cl-ui-input";
 export * from './types';

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 type InputType = typeof inputTypes[number];
+export type InputValueType = string | number | boolean | Date | null | undefined;
 export interface InputValidationState {
     valid: boolean;
     message: string;

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

@@ -42,3 +42,11 @@ export declare function isInputButton(type: InputType | string): boolean;
  * @returns The CalendarType.
  */
 export declare function getInputTypeAsCalendarType(type: InputType): CalendarType;
+/**
+ * Converts the given event into an appropriate value for returning.
+ *
+ * @param event The event to convert.
+ * @param inputType The input type of the event's input element.
+ * @returns The converted value.
+ */
+export declare function convertFromEvent(event: Event, inputType: InputType): string | number | boolean | Date | null;

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

@@ -0,0 +1,49 @@
+import type { DefineComponent, WritableComputedRef, Ref, ComputedRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+import type { Language } from './types';
+import { isLanguageLocaleFormat } from './types';
+declare const _sfc_main: DefineComponent<{
+    supportedLanguages: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    defaultLangauge: {
+        type: null;
+        required: false;
+        default: null;
+    };
+}, {
+    props: any;
+    emit: (e: 'language-select', newLanguage: string) => void;
+    locale: WritableComputedRef<string>;
+    localeToggleOpen: Ref<boolean>;
+    selectedLanguage: ComputedRef<Language | null>;
+    validLanguages: ComputedRef<Language[]>;
+    toggleLocaleSwitcher: () => void;
+    readonly isLanguageLocaleFormat: typeof isLanguageLocaleFormat;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "language-select"[], "language-select", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    supportedLanguages: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        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;

package/dist/components/language-switcher/index.d.ts

@@ -1,2 +1,2 @@
-export { default as clUiLanguageSwitcher } from './cl-ui-language-switcher.vue';
+export { default as clUiLanguageSwitcher } from "./cl-ui-language-switcher";
 export * from './types';

package/dist/components/loading-spinner/cl-ui-loading-spinner.d.ts

@@ -0,0 +1,3 @@
+import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/components/loading-spinner/index.d.ts

@@ -1 +1 @@
-export { default as clUiLoadingSpinner } from './cl-ui-loading-spinner.vue';
+export { default as clUiLoadingSpinner } from "./cl-ui-loading-spinner";