@v1nt1248/3nclient-lib 0.0.31 → 0.0.33

package/README.md

@@ -7,6 +7,7 @@ For demo and development - `yarn storybook` or `npm run storybook`.
 You can run the project as `yarn dev` or `npm run dev` if you don't want to use Storybook.
 
 ## Components
+  - Ui3nBadge,
   - Ui3nButton
   - Ui3nCheckbox
   - Ui3nChip

package/dist/components/index.d.ts

@@ -29,4 +29,6 @@ import Ui3nVirtualScroll from './ui3n-virtual-scroll.vue';
 import type { Ui3nVirtualScrollProps, Ui3nVirtualScrollSlots } from './ui3n-virtual-scroll.vue';
 import Ui3nTabs from './ui3n-tabs.vue';
 import type { Ui3nTabsProps, Ui3nTabsEmits, Ui3nTabsSlots } from './ui3n-tabs.vue';
-export { Ui3nIcon, Ui3nIconProps, Ui3nIconEmits, Ui3nButton, Ui3nButtonProps, Ui3nButtonEmits, Ui3nChip, Ui3nChipProps, Ui3nChipEmits, Ui3nChipSlots, Ui3nDropFiles, Ui3nDropFilesProps, Ui3nDropFilesEmits, Ui3nEmoji, Ui3nEmojiProps, Ui3nEmojiEmits, Ui3nInput, Ui3nInputProps, Ui3nInputEmits, Ui3nText, Ui3nTextProps, Ui3nTextEmits, Ui3mCheckbox, Ui3nCheckboxProps, Ui3nCheckboxEmits, Ui3nCheckboxSlots, Ui3nNotification, Ui3nTableSortIcon, Ui3nTableSortIconProps, Ui3nTable, Ui3nTableProps, Ui3nTableEmits, Ui3nDialog, Ui3nDialogComponentProps, Ui3nDialogComponentEmits, Ui3nDialogProps, Ui3nDialogEvent, Ui3nMenu, Ui3nMenuProps, Ui3nMenuEmits, Ui3nMenuSlots, Ui3nList, Ui3nListProps, Ui3nListEmits, Ui3nListSlots, Ui3nVirtualScroll, Ui3nVirtualScrollProps, Ui3nVirtualScrollSlots, Ui3nTabs, Ui3nTabsProps, Ui3nTabsEmits, Ui3nTabsSlots, };
+import Ui3nBadge from './ui3n-badge.vue';
+import type { Ui3nBadgeProps } from './ui3n-badge.vue';
+export { Ui3nIcon, Ui3nIconProps, Ui3nIconEmits, Ui3nButton, Ui3nButtonProps, Ui3nButtonEmits, Ui3nChip, Ui3nChipProps, Ui3nChipEmits, Ui3nChipSlots, Ui3nDropFiles, Ui3nDropFilesProps, Ui3nDropFilesEmits, Ui3nEmoji, Ui3nEmojiProps, Ui3nEmojiEmits, Ui3nInput, Ui3nInputProps, Ui3nInputEmits, Ui3nText, Ui3nTextProps, Ui3nTextEmits, Ui3mCheckbox, Ui3nCheckboxProps, Ui3nCheckboxEmits, Ui3nCheckboxSlots, Ui3nNotification, Ui3nTableSortIcon, Ui3nTableSortIconProps, Ui3nTable, Ui3nTableProps, Ui3nTableEmits, Ui3nDialog, Ui3nDialogComponentProps, Ui3nDialogComponentEmits, Ui3nDialogProps, Ui3nDialogEvent, Ui3nMenu, Ui3nMenuProps, Ui3nMenuEmits, Ui3nMenuSlots, Ui3nList, Ui3nListProps, Ui3nListEmits, Ui3nListSlots, Ui3nVirtualScroll, Ui3nVirtualScrollProps, Ui3nVirtualScrollSlots, Ui3nTabs, Ui3nTabsProps, Ui3nTabsEmits, Ui3nTabsSlots, Ui3nBadge, Ui3nBadgeProps, };

package/dist/components/ui3n-badge-simple.vue.d.ts

@@ -0,0 +1,47 @@
+export interface Ui3nBadgeSimpleProps {
+    dot?: boolean;
+    value?: string | number;
+    color?: string;
+    textColor?: string;
+}
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nBadgeSimpleProps>, {
+    dot: boolean;
+    value: string;
+    color: string;
+    textColor: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "change:size": (val: {
+        width: number;
+        height: number;
+    }) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nBadgeSimpleProps>, {
+    dot: boolean;
+    value: string;
+    color: string;
+    textColor: string;
+}>>> & {
+    "onChange:size"?: ((val: {
+        width: number;
+        height: number;
+    }) => any) | undefined;
+}, {
+    dot: boolean;
+    value: string | number;
+    color: string;
+    textColor: string;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};

package/dist/components/ui3n-badge.vue.d.ts

@@ -0,0 +1,48 @@
+export interface Ui3nBadgeProps {
+    dot?: boolean;
+    value?: string | number;
+    color?: string;
+    textColor?: string;
+    position?: 'right-top' | 'right-bottom' | 'left-top' | 'left-bottom';
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nBadgeProps>, {
+    dot: boolean;
+    value: string;
+    color: string;
+    textColor: string;
+    position: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nBadgeProps>, {
+    dot: boolean;
+    value: string;
+    color: string;
+    textColor: string;
+    position: string;
+}>>>, {
+    dot: boolean;
+    value: string | number;
+    color: string;
+    textColor: string;
+    position: "right-top" | "right-bottom" | "left-top" | "left-bottom";
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ui3n-button.vue.d.ts

@@ -18,9 +18,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     focus: (value: Event) => void;
     blur: (value: Event) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Ui3nButtonProps>>> & {
-    onClick?: ((value: Event) => any) | undefined;
     onFocus?: ((value: Event) => any) | undefined;
     onBlur?: ((value: Event) => any) | undefined;
+    onClick?: ((value: Event) => any) | undefined;
 }, {}, {}>, {
     default?(_: {}): any;
 }>;

package/dist/components/ui3n-chip.vue.d.ts

@@ -41,9 +41,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     onClose?: (() => any) | undefined;
 }, {
-    height: string | number;
     color: string;
     textColor: string;
+    height: string | number;
     round: boolean;
     maxWidth: string | number;
     plain: boolean;

package/dist/components/ui3n-list.vue.d.ts

@@ -21,11 +21,11 @@ declare const _default: <T extends {
     id?: string | undefined;
 }>(__VLS_props: {
     title?: string | undefined;
-    disabled?: boolean | undefined;
     onSelect?: ((value: {
         value: T;
         index: number;
     }) => any) | undefined;
+    disabled?: boolean | undefined;
     sticky?: boolean | undefined;
     items: T[];
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
@@ -35,11 +35,11 @@ declare const _default: <T extends {
 } | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
         title?: string | undefined;
-        disabled?: boolean | undefined;
         onSelect?: ((value: {
             value: T;
             index: number;
         }) => any) | undefined;
+        disabled?: boolean | undefined;
         sticky?: boolean | undefined;
         items: T[];
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
@@ -53,11 +53,11 @@ declare const _default: <T extends {
     __ctx?: {
         props: {
             title?: string | undefined;
-            disabled?: boolean | undefined;
             onSelect?: ((value: {
                 value: T;
                 index: number;
             }) => any) | undefined;
+            disabled?: boolean | undefined;
             sticky?: boolean | undefined;
             items: T[];
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;

package/dist/index.d.ts

@@ -17,6 +17,7 @@ import type Ui3nTable from './components/ui3n-table.vue';
 import type Ui3nText from './components/ui3n-text.vue';
 import type Ui3nVirtualScroll from './components/ui3n-virtual-scroll.vue';
 import type Ui3nTabs from './components/ui3n-tabs.vue';
+import type Ui3nBadge from './components/ui3n-badge.vue';
 import type Ui3nHtml from './directives/ui3n-html';
 import type Ui3nClickOutside from './directives/ui3n-click-outside';
 export * from './constants';
@@ -34,6 +35,7 @@ declare module 'vue' {
         $emitter: VueEventBus;
     }
     interface GlobalComponents {
+        Ui3nBadge: typeof Ui3nBadge;
         Ui3nButton: typeof Ui3nButton;
         Ui3nCheckbox: typeof Ui3nCheckbox;
         Ui3nChip: typeof Ui3nChip;

package/dist/stories/Ui3nBadge.stories.d.ts

@@ -0,0 +1,160 @@
+import type { Meta, StoryFn, StoryObj } from '@storybook/vue3';
+import Ui3nBadge from '../components/ui3n-badge.vue';
+declare const meta: Meta<typeof Ui3nBadge>;
+export default meta;
+export declare const Badge_Simple: StoryObj<typeof meta>;
+export declare const Use_Slot: StoryFn<{
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            dot: boolean;
+            value: string | number;
+            color: string;
+            textColor: string;
+            position: "right-top" | "right-bottom" | "left-top" | "left-bottom";
+        }> & Omit<{
+            readonly dot: boolean;
+            readonly value: string | number;
+            readonly color: string;
+            readonly textColor: string;
+            readonly position: "right-top" | "right-bottom" | "left-top" | "left-bottom";
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            dot: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            value: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
+            color: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            textColor: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            position: {
+                type: import("vue").PropType<"right-top" | "right-bottom" | "left-top" | "left-bottom">;
+                default: string;
+            };
+        }>>, "dot" | "value" | "color" | "textColor" | "position">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            dot: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            value: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
+            color: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            textColor: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            position: {
+                type: import("vue").PropType<"right-top" | "right-bottom" | "left-top" | "left-bottom">;
+                default: string;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            dot: boolean;
+            value: string | number;
+            color: string;
+            textColor: string;
+            position: "right-top" | "right-bottom" | "left-top" | "left-bottom";
+        }, {}, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        dot: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        value: {
+            type: import("vue").PropType<string | number>;
+            default: string;
+        };
+        color: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        textColor: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        position: {
+            type: import("vue").PropType<"right-top" | "right-bottom" | "left-top" | "left-bottom">;
+            default: string;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    dot: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    value: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    color: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    textColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    position: {
+        type: import("vue").PropType<"right-top" | "right-bottom" | "left-top" | "left-bottom">;
+        default: string;
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    dot: boolean;
+    value: string | number;
+    color: string;
+    textColor: string;
+    position: "right-top" | "right-bottom" | "left-top" | "left-bottom";
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})>;

package/dist/stories/Ui3nButton.stories.d.ts

@@ -7,17 +7,17 @@ export declare const WithText: StoryFn<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{}> & Omit<{
-            readonly icon?: string | undefined;
             readonly color?: string | undefined;
             readonly textColor?: string | undefined;
+            readonly icon?: string | undefined;
             readonly round?: boolean | undefined;
             readonly elevation?: boolean | undefined;
             readonly iconSize?: string | number | undefined;
             readonly iconColor?: string | undefined;
             readonly disabled?: boolean | undefined;
-            onClick?: ((value: Event) => any) | undefined;
             onFocus?: ((value: Event) => any) | undefined;
             onBlur?: ((value: Event) => any) | undefined;
+            onClick?: ((value: Event) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
             textColor: {
                 type: import("vue").PropType<string>;
@@ -44,9 +44,9 @@ export declare const WithText: StoryFn<{
                 type: import("vue").PropType<boolean>;
             };
         }>> & {
-            onClick?: ((value: Event) => any) | undefined;
             onFocus?: ((value: Event) => any) | undefined;
             onBlur?: ((value: Event) => any) | undefined;
+            onClick?: ((value: Event) => any) | undefined;
         }, never>;
         $attrs: {
             [x: string]: unknown;
@@ -87,9 +87,9 @@ export declare const WithText: StoryFn<{
                 type: import("vue").PropType<boolean>;
             };
         }>> & {
-            onClick?: ((value: Event) => any) | undefined;
             onFocus?: ((value: Event) => any) | undefined;
             onBlur?: ((value: Event) => any) | undefined;
+            onClick?: ((value: Event) => any) | undefined;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (value: Event) => void;
             focus: (value: Event) => void;
@@ -140,9 +140,9 @@ export declare const WithText: StoryFn<{
             type: import("vue").PropType<boolean>;
         };
     }>> & {
-        onClick?: ((value: Event) => any) | undefined;
         onFocus?: ((value: Event) => any) | undefined;
         onBlur?: ((value: Event) => any) | undefined;
+        onClick?: ((value: Event) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -173,9 +173,9 @@ export declare const WithText: StoryFn<{
         type: import("vue").PropType<boolean>;
     };
 }>> & {
-    onClick?: ((value: Event) => any) | undefined;
     onFocus?: ((value: Event) => any) | undefined;
     onBlur?: ((value: Event) => any) | undefined;
+    onClick?: ((value: Event) => any) | undefined;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (value: Event) => void;
     focus: (value: Event) => void;