@lui-ui/lui-vue - npm Package Compare versions

Comparing version 0.69.5 to 0.70.0

dist/components/Badge/LuiBadge.vue.d.ts

@@ -74,2 +74,3 @@ import type { PropType } from 'vue';
     position: Position;
+    border: Border;
     filter: Filter;
@@ -79,4 +80,3 @@ variant: NarrowedVariant;
     size: Size;
-    border: Border;
 }>;
 export default _sfc_main;

dist/components/Button/LuiButton.vue.d.ts

@@ -71,2 +71,3 @@ import type { PropType } from 'vue';
 }>>, {
+    rounded: Rounded;
     filter: Filter;
@@ -76,3 +77,2 @@ variant: Variant;
     size: Size;
-    rounded: Rounded;
     block: Block;
@@ -79,0 +79,0 @@ tag: ButtonTag;

dist/components/Checkbox/LuiCheckbox.vue.d.ts

@@ -84,4 +84,4 @@ import type { PropType } from 'vue';
     modelValue: CheckableModelValue;
+    rounded: Rounded;
     size: Size;
-    rounded: Rounded;
     state: State;
@@ -88,0 +88,0 @@ description: Description;

dist/components/Input/LuiInput.vue.d.ts

@@ -116,5 +116,5 @@ import type { PropType } from 'vue';
     modelValue: ModelValue;
+    rounded: Rounded;
     clear: Clear;
     size: Size;
-    rounded: Rounded;
     block: Block;
@@ -121,0 +121,0 @@ state: State;

dist/components/MenuItem/LuiMenuItem.vue.d.ts

@@ -66,5 +66,5 @@ import type { PropType } from 'vue';
 }>>, {
+    rounded: Rounded;
     color: Color;
     size: Size;
-    rounded: Rounded;
     block: Block;
@@ -71,0 +71,0 @@ tag: MenuItemTag;

dist/components/Modal/LuiModal.vue.d.ts

@@ -33,3 +33,2 @@ import type { PropType } from 'vue';
     modalId: string;
-    createTeleportElement: () => void;
     computedDialogWrapperClasses: import("vue").ComputedRef<any[]>;
@@ -105,2 +104,3 @@ computedModalClasses: import("vue").ComputedRef<any[]>;
     }>>, {
+        rounded: import("@/globals/types").Rounded;
         filter: import("@/globals/types").Filter;
@@ -110,3 +110,2 @@ variant: import("@/globals/types").Variant;
         size: Size;
-        rounded: import("@/globals/types").Rounded;
         block: import("@/globals/types").Block;
@@ -144,4 +143,4 @@ tag: import("../Button/button-types").ButtonTag;
     padding: Boolean;
+    rounded: Boolean;
     size: Size;
-    rounded: Boolean;
     show: Boolean;
@@ -148,0 +147,0 @@ showIcon: Boolean;

dist/components/MultiSelect/LuiMultiSelect.vue.d.ts

@@ -13,3 +13,2 @@ import type { PropType } from 'vue';
 }
-declare type TargetPositionType = 'bottom' | 'top';
 declare const _sfc_main: import("vue").DefineComponent<{
@@ -36,3 +35,3 @@ rounded: {
     options: {
-        type: PropType<OptionsType>;
+        type: PropType<OptionsType[]>;
         default: () => never[];
@@ -64,2 +63,6 @@ };
     };
+    menuClasses: {
+        type: PropType<string | string[]>;
+        default: string;
+    };
     hideAppend: {
@@ -73,2 +76,6 @@ type: PropType<boolean>;
     };
+    teleport: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
     modelValue: {
@@ -105,10 +112,15 @@ type: PropType<MultiModelValueType | undefined>;
     listboxState: ListboxStateType;
+    teleportId: string;
     appendClasses: import("vue").ComputedRef<(string | object | null)[]>;
     prependClasses: import("vue").ComputedRef<(string | object | null)[]>;
-    setTargetPosition: () => TargetPositionType;
-    properPosition: import("vue").Ref<string>;
-    searchedOptions: import("vue").ComputedRef<(string | ModelValueObject)[]>;
+    menuClasses: import("vue").ComputedRef<any[]>;
+    menuStyles: import("vue").ComputedRef<{
+        left: string;
+        top: string;
+    } | undefined>;
+    isValueUsing: import("vue").ComputedRef<boolean>;
+    selectedOptionsAsText: import("vue").ComputedRef<any[]>;
+    searchedOptions: import("vue").ComputedRef<OptionsType[]>;
     targetItems: import("vue").ComputedRef<any[]>;
     iconStatus: import("vue").ComputedRef<"twoIcon" | "rightIcon" | "leftIcon" | "noIcon">;
-    optionWrapperClasses: import("vue").ComputedRef<(string | object | null)[]>;
     triggerClasses: import("vue").ComputedRef<(string | object | null)[]>;
@@ -150,2 +162,8 @@ wrapperClasses: import("vue").ComputedRef<(string | object | null)[]>;
     }>;
+    TeleportComp: {
+        new (): {
+            $props: import("vue").VNodeProps & import("vue").TeleportProps;
+        };
+        __isTeleport: true;
+    };
     LuiOption: import("vue").DefineComponent<{
@@ -186,3 +204,5 @@ selected: {
         handleOptionClick: (e: any) => void;
-        isSelected: import("vue").ComputedRef<boolean>;
+        anySelectedOption: () => boolean;
+        isSelectedsIncludesOption: () => boolean | undefined;
+        isSelected: import("vue").ComputedRef<boolean | undefined>;
         optionClasses: import("vue").ComputedRef<(string | object | null)[]>;
@@ -216,5 +236,5 @@ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         text: string;
-        size: Size;
         rounded: Rounded;
         value: string | number;
+        size: Size;
         disabled: boolean;
@@ -293,2 +313,3 @@ selected: boolean;
         text: string;
+        rounded: Rounded;
         filter: Filter;
@@ -298,3 +319,2 @@ variant: NarrowedVariant;
         size: Size;
-        rounded: Rounded;
         closeIcon: boolean;
@@ -323,3 +343,3 @@ }>;
     options: {
-        type: PropType<OptionsType>;
+        type: PropType<OptionsType[]>;
         default: () => never[];
@@ -351,2 +371,6 @@ };
     };
+    menuClasses: {
+        type: PropType<string | string[]>;
+        default: string;
+    };
     hideAppend: {
@@ -360,2 +384,6 @@ type: PropType<boolean>;
     };
+    teleport: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
     modelValue: {
@@ -370,4 +398,7 @@ type: PropType<MultiModelValueType | undefined>;
     modelValue: MultiModelValueType | undefined;
+    menuPosition: Position;
+    teleport: boolean;
+    rounded: Rounded;
+    menuClasses: string | string[];
     size: Size;
-    rounded: Rounded;
     block: Block;
@@ -378,4 +409,3 @@ disabled: boolean;
     stateIcon: StateIcon;
-    menuPosition: Position;
-    options: OptionsType;
+    options: OptionsType[];
     placeholder: string;
@@ -382,0 +412,0 @@ searchable: boolean;

dist/components/Option/LuiOption.vue.d.ts

@@ -38,3 +38,5 @@ import type { PropType } from 'vue';
     handleOptionClick: (e: any) => void;
-    isSelected: import("vue").ComputedRef<boolean>;
+    anySelectedOption: () => boolean;
+    isSelectedsIncludesOption: () => boolean | undefined;
+    isSelected: import("vue").ComputedRef<boolean | undefined>;
     optionClasses: import("vue").ComputedRef<(string | object | null)[]>;
@@ -68,5 +70,5 @@ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     text: string;
-    size: Size;
     rounded: Rounded;
     value: string | number;
+    size: Size;
     disabled: boolean;
@@ -73,0 +75,0 @@ selected: boolean;

dist/components/Popover/LuiPopover.vue.d.ts

 import type { PropType } from 'vue';
 import type { Position } from '@/globals/types';
-declare type TargetPositionType = 'bottom' | 'top';
 interface TriggerSlotType {
@@ -25,79 +24,33 @@ id: string;
     };
+    teleport: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
 }, {
     props: any;
     emit: (event: "onTrigger", ...args: any[]) => void;
-    positionClasses: {
-        bottomLeft: {
-            classes: string;
-            oppositeClasses: string;
-            direction: string;
-        };
-        topLeft: {
-            classes: string;
-            oppositeClasses: string;
-            direction: string;
-        };
-        bottomRight: {
-            classes: string;
-            oppositeClasses: string;
-            direction: string;
-        };
-        topRight: {
-            classes: string;
-            oppositeClasses: string;
-            direction: string;
-        };
-        leftTop: {
-            classes: string;
-            oppositeClasses: string;
-            direction: string;
-        };
-        rightTop: {
-            classes: string;
-            oppositeClasses: string;
-            direction: string;
-        };
-        leftBottom: {
-            classes: string;
-            oppositeClasses: string;
-            direction: string;
-        };
-        rightBottom: {
-            classes: string;
-            oppositeClasses: string;
-            direction: string;
-        };
-        bottom: {
-            classes: string;
-            oppositeClasses: string;
-            direction: string;
-        };
-        top: {
-            classes: string;
-            oppositeClasses: string;
-            direction: string;
-        };
-        left: {
-            classes: string;
-            oppositeClasses: string;
-            direction: string;
-        };
-        right: {
-            classes: string;
-            oppositeClasses: string;
-            direction: string;
-        };
-    };
+    dialogActive: import("vue").Ref<boolean>;
+    triggerRef: import("vue").Ref<HTMLElement | undefined>;
+    dialogWrapperRef: import("vue").Ref<HTMLElement | undefined>;
+    dialogId: string;
     triggerId: string;
-    dialogId: string;
-    triggerRef: import("vue").Ref<HTMLDivElement | undefined>;
-    dialogWrapperRef: import("vue").Ref<HTMLDivElement | undefined>;
-    dialogActive: import("vue").Ref<boolean>;
-    properPosition: import("vue").Ref<string>;
+    teleportId: string;
+    menuStyles: import("vue").ComputedRef<{
+        left: string;
+        top: string;
+    } | undefined>;
+    menuPositionStyles: import("vue").ComputedRef<string> | import("vue").ComputedRef<{
+        top: string;
+        left: string;
+    }>;
     triggerSlotProps: import("vue").ComputedRef<TriggerSlotType>;
     dialogWrapperClasses: import("vue").ComputedRef<(string | object | null)[]>;
-    computedDialogPosition: import("vue").ComputedRef<string>;
-    setTargetPosition: () => TargetPositionType;
     handleTriggerClick: () => void;
     closeDialog: () => void;
+    TeleportComp: {
+        new (): {
+            $props: import("vue").VNodeProps & import("vue").TeleportProps;
+        };
+        __isTeleport: true;
+    };
     LuiButton: import("vue").DefineComponent<{
@@ -170,2 +123,3 @@ tag: {
     }>>, {
+        rounded: import("@/globals/types").Rounded;
         filter: import("@/globals/types").Filter;
@@ -175,3 +129,2 @@ variant: import("@/globals/types").Variant;
         size: import("@/globals/types").Size;
-        rounded: import("@/globals/types").Rounded;
         block: import("@/globals/types").Block;
@@ -193,2 +146,6 @@ tag: import("../Button/button-types").ButtonTag;
     };
+    teleport: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
@@ -198,2 +155,3 @@ onOnTrigger?: ((...args: any[]) => any) | undefined;
     text: String;
+    teleport: boolean;
     block: Boolean;
@@ -200,0 +158,0 @@ dialogPosition: Position;

dist/components/Radio/LuiRadio.vue.d.ts

@@ -61,4 +61,4 @@ import type { PropType } from 'vue';
     modelValue: String;
+    value: string;
     size: Size;
-    value: string;
     state: State;
@@ -65,0 +65,0 @@ description: Description;

dist/components/Select/select-types.d.ts

@@ -8,2 +8,6 @@ import type { Ref } from 'vue';
 }
+export interface SelectedOption {
+    text: string;
+    value: string | number;
+}
 export declare type ModelValue = ModelValueObject | string | undefined;
@@ -15,5 +19,5 @@ export interface ListboxStateType {
 }
-export declare type OptionsType = string[] | ModelValueObject[];
+export declare type OptionsType = string | ModelValueObject;
 export interface ContextDefination {
-    selectedOption: Ref<ModelValue | string[]>;
+    selectedOption: Ref<SelectedOption> | Ref<string[]>;
     updateSelectedOption(option: ModelValue): void;
@@ -20,0 +24,0 @@ focusButton(): void;

dist/components/Sidebar/LuiSidebar.vue.d.ts

@@ -106,2 +106,3 @@ import type { PropType } from 'vue';
     }>>, {
+        rounded: import("@/globals/types").Rounded;
         filter: import("@/globals/types").Filter;
@@ -111,3 +112,2 @@ variant: import("@/globals/types").Variant;
         size: Size;
-        rounded: import("@/globals/types").Rounded;
         block: import("@/globals/types").Block;
@@ -114,0 +114,0 @@ tag: import("../Button/button-types").ButtonTag;

dist/components/Switch/LuiSwitch.vue.d.ts

@@ -64,4 +64,4 @@ import type { PropType } from 'vue';
     modelValue: CheckableModelValue;
+    rounded: Rounded;
     size: Size;
-    rounded: Rounded;
     state: State;
@@ -68,0 +68,0 @@ description: Description;

dist/components/Tabs/LuiTabButton.vue.d.ts

@@ -102,5 +102,5 @@ import type { PropType } from 'vue';
     }>>, {
+        rounded: import("@/globals/types").Rounded;
         color: import("@/globals/types").Color;
         size: Size;
-        rounded: import("@/globals/types").Rounded;
         block: import("@/globals/types").Block;
@@ -128,4 +128,4 @@ tag: import("../MenuItem/menu-item-types").MenuItemTag;
 }>>, {
+    id: string;
     size: Size;
-    id: string;
     disabled: boolean;
@@ -132,0 +132,0 @@ stretch: boolean;

dist/components/Tag/LuiTag.vue.d.ts

@@ -73,2 +73,3 @@ import type { PropType } from 'vue';
     text: string;
+    rounded: Rounded;
     filter: Filter;
@@ -78,5 +79,4 @@ variant: NarrowedVariant;
     size: Size;
-    rounded: Rounded;
     closeIcon: boolean;
 }>;
 export default _sfc_main;

dist/components/Textarea/LuiTextarea.vue.d.ts

@@ -87,4 +87,4 @@ import type { PropType } from 'vue';
     resize: Resize;
+    rounded: Rounded;
     size: Size;
-    rounded: Rounded;
     block: Block;
@@ -91,0 +91,0 @@ state: State;

dist/composables/useProperPosition.d.ts

 import type { Ref } from 'vue';
 interface ProperPosition {
     triggerEl: Ref<any>;
-    MenuEl: Ref<any>;
+    menuEl: Ref<any>;
     targetPosition: 'bottom' | 'top';
@@ -9,3 +9,5 @@ }
     properPosition: Ref<string>;
+    targetTop: Ref<number>;
+    targetLeft: Ref<number>;
 };
 export {};

package.json

 {
   "name": "@lui-ui/lui-vue",
-  "version": "0.69.5",
+  "version": "0.70.0",
   "packageManager": "pnpm@8.5.1",
@@ -80,2 +80,3 @@ "description": "This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.",
     "gh-pages": "^4.0.0",
+    "happy-dom": "^12.4.0",
     "husky": "^8.0.3",
@@ -128,3 +129,3 @@ "jsdom": "^20.0.1",
     "preview": "vite preview",
-    "test:unit": "vitest --environment jsdom --root src/",
+    "test": "vitest",
     "build-only": "vite build",
@@ -131,0 +132,0 @@ "type-check": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",

No alert changes

Improved metrics

Total package byte prevSize

571072

increased by0.52%

Number of package files

55

increased by5.77%

Worsened metrics

Dev dependency count

50

increased by2.04%

Lines of code

8278

decreased by-1.91%

No dependency changes