@citruslime/ui 2.7.0-beta.0 → 2.7.0-beta.2

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

@@ -69,6 +69,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    showArrows: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     inputType: {
         type: import("vue").PropType<"number" | "button" | "time" | "text" | "color" | "search" | "date" | "datetime" | "dateRange" | "reset" | "checkbox" | "currency" | "email" | "file" | "password" | "radio" | "range" | "submit" | "tel" | "url">;
         required: true;
@@ -102,10 +106,6 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    showArrows: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     messageWhenValid: {
         type: import("vue").PropType<string>;
         default: string;
@@ -234,6 +234,10 @@ declare const _default: import("vue").DefineComponent<{
             quickDateScope: "past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | "none" | null;
             dateFormatLocale: string | null;
         }, {}> | import("vue").DefineComponent<{
+            value: {
+                required: true;
+                type: import("vue").PropType<number>;
+            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -242,10 +246,6 @@ declare const _default: import("vue").DefineComponent<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            value: {
-                type: import("vue").PropType<string | number>;
-                required: true;
-            };
             max: {
                 type: import("vue").PropType<number>;
                 required: true;
@@ -264,9 +264,11 @@ declare const _default: import("vue").DefineComponent<{
             };
         }, {
             focus(): void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            'update:value': null;
-        }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            value: {
+                required: true;
+                type: import("vue").PropType<number>;
+            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -275,10 +277,6 @@ declare const _default: import("vue").DefineComponent<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            value: {
-                type: import("vue").PropType<string | number>;
-                required: true;
-            };
             max: {
                 type: import("vue").PropType<number>;
                 required: true;
@@ -295,9 +293,7 @@ declare const _default: import("vue").DefineComponent<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-        }>> & {
-            "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-        }, {
+        }>>, {
             placeholder: string;
             disabled: boolean;
             step: number;
@@ -375,6 +371,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    showArrows: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     inputType: {
         type: import("vue").PropType<"number" | "button" | "time" | "text" | "color" | "search" | "date" | "datetime" | "dateRange" | "reset" | "checkbox" | "currency" | "email" | "file" | "password" | "radio" | "range" | "submit" | "tel" | "url">;
         required: true;
@@ -408,10 +408,6 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    showArrows: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     messageWhenValid: {
         type: import("vue").PropType<string>;
         default: string;
@@ -536,6 +532,10 @@ declare const _default: import("vue").DefineComponent<{
             quickDateScope: "past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | "none" | null;
             dateFormatLocale: string | null;
         }, {}> | import("vue").DefineComponent<{
+            value: {
+                required: true;
+                type: import("vue").PropType<number>;
+            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -544,10 +544,6 @@ declare const _default: import("vue").DefineComponent<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            value: {
-                type: import("vue").PropType<string | number>;
-                required: true;
-            };
             max: {
                 type: import("vue").PropType<number>;
                 required: true;
@@ -566,9 +562,11 @@ declare const _default: import("vue").DefineComponent<{
             };
         }, {
             focus(): void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            'update:value': null;
-        }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            value: {
+                required: true;
+                type: import("vue").PropType<number>;
+            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -577,10 +575,6 @@ declare const _default: import("vue").DefineComponent<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            value: {
-                type: import("vue").PropType<string | number>;
-                required: true;
-            };
             max: {
                 type: import("vue").PropType<number>;
                 required: true;
@@ -597,9 +591,7 @@ declare const _default: import("vue").DefineComponent<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-        }>> & {
-            "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-        }, {
+        }>>, {
             placeholder: string;
             disabled: boolean;
             step: number;
@@ -627,6 +619,7 @@ declare const _default: import("vue").DefineComponent<{
     currencyOptions: CurrencyInputOptions;
     highlightWhenValid: boolean;
     inputSpecificClasses: string;
+    showArrows: boolean;
     inputType: "number" | "button" | "time" | "text" | "color" | "search" | "date" | "datetime" | "dateRange" | "reset" | "checkbox" | "currency" | "email" | "file" | "password" | "radio" | "range" | "submit" | "tel" | "url";
     customValidationFunction: (_name: string, _value: InputValueType) => InputValidationState;
     onInputFunction: (_value: InputValueType) => InputValueType;
@@ -635,7 +628,6 @@ declare const _default: import("vue").DefineComponent<{
     externalErrors: string[];
     requiredText: string;
     showLabel: boolean;
-    showArrows: boolean;
     messageWhenValid: string;
     showValidationMessages: boolean;
     hideRequiredAsterisk: boolean;

package/dist/components/input-v2/index.d.ts

@@ -1 +1,2 @@
 export * from './input-text';
+export * from './input-number';

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

@@ -0,0 +1,139 @@
+import { NumberFormat } from '../../../utils/i18n/types';
+import type { ExtendedNumberFormat } from '../../../utils/i18n/types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    modelValue: {
+        required: true;
+        type: import("vue").PropType<number | null>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string | null>;
+        default: null;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    required: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    locale: {
+        type: import("vue").PropType<string | null>;
+        default: null;
+    };
+    max: {
+        type: import("vue").PropType<number | null>;
+        default: null;
+    };
+    min: {
+        type: import("vue").PropType<number | null>;
+        default: null;
+    };
+    currency: {
+        type: import("vue").PropType<string | null>;
+        default: null;
+    };
+    errors: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
+    precision: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    format: {
+        type: import("vue").PropType<ExtendedNumberFormat>;
+        default: NumberFormat;
+    };
+    showArrows: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    allowEmpty: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    focus: () => void;
+    blur: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        required: true;
+        type: import("vue").PropType<number | null>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string | null>;
+        default: null;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    required: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    locale: {
+        type: import("vue").PropType<string | null>;
+        default: null;
+    };
+    max: {
+        type: import("vue").PropType<number | null>;
+        default: null;
+    };
+    min: {
+        type: import("vue").PropType<number | null>;
+        default: null;
+    };
+    currency: {
+        type: import("vue").PropType<string | null>;
+        default: null;
+    };
+    errors: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
+    precision: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    format: {
+        type: import("vue").PropType<ExtendedNumberFormat>;
+        default: NumberFormat;
+    };
+    showArrows: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    allowEmpty: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    onFocus?: (() => any) | undefined;
+    onBlur?: (() => any) | undefined;
+}, {
+    placeholder: string | null;
+    disabled: boolean;
+    required: boolean;
+    locale: string | null;
+    max: number | null;
+    min: number | null;
+    currency: string | null;
+    errors: string[];
+    precision: number;
+    format: ExtendedNumberFormat;
+    showArrows: boolean;
+    allowEmpty: boolean;
+}, {}>, {
+    default: [];
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/input-v2/input-number/index.d.ts

@@ -0,0 +1 @@
+export { default as clUiInputNumber } from './cl-ui-input-number.vue';

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

@@ -27,7 +27,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     focus: () => void;
     blur: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

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

@@ -1,4 +1,8 @@
 declare const _default: import("vue").DefineComponent<{
+    value: {
+        required: true;
+        type: import("vue").PropType<number>;
+    };
     placeholder: {
         type: import("vue").PropType<string>;
         default: string;
@@ -7,10 +11,6 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    value: {
-        type: import("vue").PropType<string | number>;
-        required: true;
-    };
     max: {
         type: import("vue").PropType<number>;
         required: true;
@@ -29,9 +29,11 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     focus(): void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:value': null;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        required: true;
+        type: import("vue").PropType<number>;
+    };
     placeholder: {
         type: import("vue").PropType<string>;
         default: string;
@@ -40,10 +42,6 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    value: {
-        type: import("vue").PropType<string | number>;
-        required: true;
-    };
     max: {
         type: import("vue").PropType<number>;
         required: true;
@@ -60,9 +58,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}>> & {
-    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}, {
+}>>, {
     placeholder: string;
     disabled: boolean;
     step: number;

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

@@ -1,50 +1,45 @@
 /**
- * Return whether a tab is open.
+ * Exposed function that can be called if we need to open a specific tab.
  *
- * @param tabId The id of the tab.
- * @returns True if the tab is open, false if not.
+ * @param id - The ID of the tab to open.
  */
-declare function isTabOpen(tabId: number): boolean;
+declare function setTab(id?: number): void;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     colour: {
         type: import("vue").PropType<"default" | "primary" | "secondary" | "danger" | "blue">;
         default: string;
     };
-    currentTab: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    layout: {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+        default: string;
     };
+}, {
+    setTab: typeof setTab;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "tab-opened": (id: number) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     colour: {
         type: import("vue").PropType<"default" | "primary" | "secondary" | "danger" | "blue">;
         default: string;
     };
-    currentTab: {
-        type: import("vue").PropType<number>;
-        default: number;
+    layout: {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+        default: string;
     };
-}>>, {
-    disabled: boolean;
+}>> & {
+    "onTab-opened"?: ((id: number) => any) | undefined;
+}, {
     colour: "default" | "primary" | "secondary" | "danger" | "blue";
-    currentTab: number;
+    layout: "horizontal" | "vertical";
 }, {}>, {
-    headings?(_: {
-        isTabOpen: typeof isTabOpen;
-        disabled: boolean;
+    headings(props: {
+        isTabOpen: (id: number) => boolean;
+        toggleOpen: (id: number) => void;
         colour: "default" | "primary" | "secondary" | "danger" | "blue";
+        layout: "horizontal" | "vertical";
     }): any;
-    content?(_: {
-        isTabOpen: typeof isTabOpen;
-        disabled: boolean;
-        colour: "default" | "primary" | "secondary" | "danger" | "blue";
+    content(props: {
+        isTabOpen: (id: number) => boolean;
     }): any;
 }>;
 export default _default;

package/dist/components/tab/content/cl-ui-tab-content.vue.d.ts

@@ -1,5 +1,26 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
-    default?(_: {}): any;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    open: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    open: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    title: string;
+}, {}>, {
+    default(): any;
+    header(): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/tab/header/cl-ui-tab-header.vue.d.ts

@@ -1,8 +1,12 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    id: {
-        type: import("vue").PropType<number>;
+    open: {
+        type: import("vue").PropType<boolean>;
         required: true;
     };
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -11,17 +15,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"default" | "primary" | "secondary" | "danger" | "blue">;
         default: string;
     };
-    currentTab: {
-        type: import("vue").PropType<number>;
-        required: true;
+    layout: {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+        default: string;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:currentTab': null;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    id: {
-        type: import("vue").PropType<number>;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    open: {
+        type: import("vue").PropType<boolean>;
         required: true;
     };
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -30,17 +36,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"default" | "primary" | "secondary" | "danger" | "blue">;
         default: string;
     };
-    currentTab: {
-        type: import("vue").PropType<number>;
-        required: true;
+    layout: {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+        default: string;
     };
-}>> & {
-    "onUpdate:currentTab"?: ((...args: any[]) => any) | undefined;
-}, {
+}>>, {
+    title: string;
     disabled: boolean;
     colour: "default" | "primary" | "secondary" | "danger" | "blue";
+    layout: "horizontal" | "vertical";
 }, {}>, {
-    default?(_: {}): any;
+    default(): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -2,3 +2,9 @@ export declare const tabColours: readonly ["default", "primary", "secondary", "d
 export type TabColour = typeof tabColours[number];
 export declare const tabScroll: readonly ["left", "right"];
 export type TabScroll = typeof tabScroll[number];
+export declare const tabLayout: readonly ["horizontal", "vertical"];
+export type TabLayout = typeof tabLayout[number];
+export interface TabGroup {
+    id: number;
+    open: boolean;
+}