@v1nt1248/3nclient-lib 0.3.22 → 0.3.24

package/README.md

@@ -22,6 +22,8 @@ You can run the project as `pnpm dev` or `npm run dev`.
   - Ui3nInputFile
   - Ui3nList
   - Ui3nMenu
+  - Ui3nMobileMenu
+  - Ui3nMobileMenuItem
   - Ui3nNotification
   - Ui3nProgressCircular
   - Ui3nProgressLinear

package/dist/components/index.d.ts

@@ -9,7 +9,7 @@ import { Ui3nDropFilesProps, Ui3nDropFilesEmits, Ui3nDropFilesSlots } from './ui
 import { default as Ui3nEmoji } from './ui3n-emoji/ui3n-emoji.vue';
 import { Ui3nEmojiProps, Ui3nEmojiEmits } from './ui3n-emoji/types';
 import { default as Ui3nInput } from './ui3n-input/ui3n-input.vue';
-import { Ui3nInputProps, Ui3nInputEmits } from './ui3n-input/types';
+import { Ui3nInputProps, Ui3nInputEmits, Ui3nInputSlots, Ui3nInputExpose } from './ui3n-input/types';
 import { default as Ui3nInputFile } from './ui3n-input-file/ui3n-input-file.vue';
 import { Ui3nInputFileProps, Ui3nInputFileEmits } from './ui3n-input-file/types';
 import { default as Ui3nText } from './ui3n-text/ui3n-text.vue';
@@ -56,4 +56,8 @@ import { default as Ui3nSlider } from './ui3n-slider/ui3n-slider.vue';
 import { UI3nSliderProps, UI3nSliderEmits } from './ui3n-slider/types';
 import { default as Ui3nSelector } from './ui3n-selector/ui3n-selector.vue';
 import { Ui3nSelectorOptionBase, Ui3nSelectorProps, Ui3nSelectorEmits, Ui3nSelectorSlots, Ui3nSelectorItemDisplayingFunction } from './ui3n-selector/types';
-export { Ui3nIcon, Ui3nIconProps, Ui3nIconEmits, Ui3nButton, Ui3nButtonProps, Ui3nButtonEmits, Ui3nChip, Ui3nChipProps, Ui3nChipEmits, Ui3nChipSlots, Ui3nDropFiles, Ui3nDropFilesProps, Ui3nDropFilesEmits, Ui3nDropFilesSlots, Ui3nEmoji, Ui3nEmojiProps, Ui3nEmojiEmits, Ui3nInput, Ui3nInputProps, Ui3nInputEmits, Ui3nInputFile, Ui3nInputFileProps, Ui3nInputFileEmits, Ui3nText, Ui3nTextProps, Ui3nTextEmits, Ui3nCheckbox, Ui3nCheckboxProps, Ui3nCheckboxEmits, Ui3nCheckboxSlots, Ui3nCheckboxValue, Ui3nNotification, Ui3nTableSortIcon, Ui3nTableSortIconProps, Ui3nTable, Ui3nTableSort, Ui3nTableConfig, Ui3nTableHeadProps, Ui3nTableBodyProps, Ui3nTableGroupActionsSlot, Ui3nTableHeaderCellSlot, Ui3nTableBodyRowSlotScope, Ui3nTableBodyRowSlot, Ui3nTableBodyRowCellSlotScope, Ui3nTableBodyRowCellSlot, Ui3nTableSlots, Ui3nTableProps, Ui3nTableEmits, Ui3nTableExpose, Ui3nDialogProvider, Ui3nDialog, Ui3nDialogComponentProps, Ui3nDialogComponentEmits, Ui3nDialogComponentSlots, Ui3nDialogEvent, Ui3nMenu, Ui3nMenuProps, Ui3nMenuEmits, Ui3nMenuSlots, Ui3nList, Ui3nListProps, Ui3nListEmits, Ui3nListSlots, Ui3nVirtualScroll, Ui3nVirtualScrollProps, Ui3nVirtualScrollSlots, Ui3nTabs, Ui3nTabsProps, Ui3nTabsEmits, Ui3nTabsSlots, Ui3nBadge, Ui3nBadgeProps, Ui3nBreadcrumb, Ui3nBreadcrumbProps, Ui3nBreadcrumbEmits, Ui3nBreadcrumbSlots, Ui3nBreadcrumbs, Ui3nBreadcrumbsProps, Ui3nSwitch, Ui3nSwitchProps, Ui3nSwitchEmits, Ui3nSwitchSlots, Ui3nStepLineBar, Ui3nStepLineBarProps, Ui3nProgressLinear, Ui3nProgressLinearProps, Ui3nProgressCircular, Ui3nProgressCircularProps, Ui3nTooltip, Ui3nTooltipEmits, Ui3nTooltipProps, Ui3nTooltipSlots, Ui3nTooltipPlacement, Ui3nRadio, Ui3nRadioGroup, Ui3nRadioValue, Ui3nRadioEmits, Ui3nRadioProps, Ui3nRadioSlots, Ui3nRadioGroupEmits, Ui3nRadioGroupProps, Ui3nRadioGroupSlots, Ui3nEditable, Ui3nEditableProps, Ui3nEditableEmits, Ui3nAutocomplete, Ui3nAutocompleteProps, Ui3nAutocompleteEmits, Ui3nAutocompleteSlots, Ui3nAutocompleteOptionBase, Ui3nSlider, UI3nSliderProps, UI3nSliderEmits, Ui3nSelector, Ui3nSelectorProps, Ui3nSelectorEmits, Ui3nSelectorSlots, Ui3nSelectorOptionBase, Ui3nSelectorItemDisplayingFunction, };
+import { default as Ui3nMobileMenu } from './ui3n-mobile-menu/ui3n-mobile-menu.vue';
+import { Ui3nMobileMenuProps, Ui3nMobileMenuEmits, Ui3nMobileMenuSlots } from './ui3n-mobile-menu/types';
+import { default as Ui3nMobileMenuItem } from './ui3n-mobile-menu-item/ui3n-mobile-menu-item.vue';
+import { Ui3nMobileMenuItemBase, Ui3nMobileMenuItemProps, Ui3nMobileMenuItemEmits } from './ui3n-mobile-menu-item/types';
+export { Ui3nIcon, Ui3nIconProps, Ui3nIconEmits, Ui3nButton, Ui3nButtonProps, Ui3nButtonEmits, Ui3nChip, Ui3nChipProps, Ui3nChipEmits, Ui3nChipSlots, Ui3nDropFiles, Ui3nDropFilesProps, Ui3nDropFilesEmits, Ui3nDropFilesSlots, Ui3nEmoji, Ui3nEmojiProps, Ui3nEmojiEmits, Ui3nInput, Ui3nInputProps, Ui3nInputEmits, Ui3nInputSlots, Ui3nInputExpose, Ui3nInputFile, Ui3nInputFileProps, Ui3nInputFileEmits, Ui3nText, Ui3nTextProps, Ui3nTextEmits, Ui3nCheckbox, Ui3nCheckboxProps, Ui3nCheckboxEmits, Ui3nCheckboxSlots, Ui3nCheckboxValue, Ui3nNotification, Ui3nTableSortIcon, Ui3nTableSortIconProps, Ui3nTable, Ui3nTableSort, Ui3nTableConfig, Ui3nTableHeadProps, Ui3nTableBodyProps, Ui3nTableGroupActionsSlot, Ui3nTableHeaderCellSlot, Ui3nTableBodyRowSlotScope, Ui3nTableBodyRowSlot, Ui3nTableBodyRowCellSlotScope, Ui3nTableBodyRowCellSlot, Ui3nTableSlots, Ui3nTableProps, Ui3nTableEmits, Ui3nTableExpose, Ui3nDialogProvider, Ui3nDialog, Ui3nDialogComponentProps, Ui3nDialogComponentEmits, Ui3nDialogComponentSlots, Ui3nDialogEvent, Ui3nMenu, Ui3nMenuProps, Ui3nMenuEmits, Ui3nMenuSlots, Ui3nList, Ui3nListProps, Ui3nListEmits, Ui3nListSlots, Ui3nVirtualScroll, Ui3nVirtualScrollProps, Ui3nVirtualScrollSlots, Ui3nTabs, Ui3nTabsProps, Ui3nTabsEmits, Ui3nTabsSlots, Ui3nBadge, Ui3nBadgeProps, Ui3nBreadcrumb, Ui3nBreadcrumbProps, Ui3nBreadcrumbEmits, Ui3nBreadcrumbSlots, Ui3nBreadcrumbs, Ui3nBreadcrumbsProps, Ui3nSwitch, Ui3nSwitchProps, Ui3nSwitchEmits, Ui3nSwitchSlots, Ui3nStepLineBar, Ui3nStepLineBarProps, Ui3nProgressLinear, Ui3nProgressLinearProps, Ui3nProgressCircular, Ui3nProgressCircularProps, Ui3nTooltip, Ui3nTooltipEmits, Ui3nTooltipProps, Ui3nTooltipSlots, Ui3nTooltipPlacement, Ui3nRadio, Ui3nRadioGroup, Ui3nRadioValue, Ui3nRadioEmits, Ui3nRadioProps, Ui3nRadioSlots, Ui3nRadioGroupEmits, Ui3nRadioGroupProps, Ui3nRadioGroupSlots, Ui3nEditable, Ui3nEditableProps, Ui3nEditableEmits, Ui3nAutocomplete, Ui3nAutocompleteProps, Ui3nAutocompleteEmits, Ui3nAutocompleteSlots, Ui3nAutocompleteOptionBase, Ui3nSlider, UI3nSliderProps, UI3nSliderEmits, Ui3nSelector, Ui3nSelectorProps, Ui3nSelectorEmits, Ui3nSelectorSlots, Ui3nSelectorOptionBase, Ui3nSelectorItemDisplayingFunction, Ui3nMobileMenu, Ui3nMobileMenuProps, Ui3nMobileMenuEmits, Ui3nMobileMenuSlots, Ui3nMobileMenuItem, Ui3nMobileMenuItemBase, Ui3nMobileMenuItemProps, Ui3nMobileMenuItemEmits, };

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

@@ -1,3 +1,4 @@
+import { Ref, VNode } from 'vue';
 export interface Ui3nInputProps {
     /**
      * Input value
@@ -32,13 +33,27 @@ export interface Ui3nInputProps {
      */
     autofocus?: boolean;
     /**
-     * Input icon
+     * Whether input is readonly
+     * @default false
+     */
+    readonly?: boolean;
+    /**
+     * Input name attribute (for use in native forms)
      */
-    icon?: string;
+    name?: string;
     /**
-     * Input icon color
+     * Maximum length of input value
      */
-    iconColor?: string;
+    maxlength?: number;
+    /**
+     * Minimum length of input value
+     */
+    minlength?: number;
+    /**
+     * Autocomplete attribute
+     * @default 'off'
+     */
+    autocomplete?: string;
     /**
      * Validation rules
      */
@@ -124,3 +139,31 @@ export interface Ui3nInputEmits {
      */
     (event: 'update:valid', value: boolean): void;
 }
+export interface Ui3nInputSlots {
+    /**
+     * Slot for prepend icon (displayed at the start of the input)
+     */
+    'prepend-icon'?: () => VNode[];
+    /**
+     * Slot for append icon (displayed at the end of the input)
+     */
+    'append-icon'?: () => VNode[];
+}
+export interface Ui3nInputExpose {
+    /**
+     * Reference to the input DOM element
+     */
+    inputElement: Ref<HTMLInputElement | null>;
+    /**
+     * Whether the input has been modified
+     */
+    isDirty: Ref<boolean>;
+    /**
+     * Whether the input is currently focused
+     */
+    isFocused: Ref<boolean>;
+    /**
+     * Clear the input value
+     */
+    clearValue: () => void;
+}

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

@@ -1,9 +1,18 @@
-import { Ui3nInputProps } from './types';
-declare function clearValue(): void;
-declare const _default: import('vue').DefineComponent<Ui3nInputProps, {
-    isDirty: import('vue').Ref<boolean, boolean>;
-    isFocused: import('vue').Ref<boolean, boolean>;
-    clearValue: typeof clearValue;
+import { Ui3nInputProps, Ui3nInputSlots } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<Ui3nInputSlots> & Ui3nInputSlots;
+    refs: {
+        inputElement: HTMLInputElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Ui3nInputProps, {
+    inputElement: import('vue').Ref<HTMLInputElement | null>;
+    isDirty: import('vue').Ref<boolean>;
+    isFocused: import('vue').Ref<boolean>;
+    clearValue: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     input: (value: string) => any;
     enter: (value: {
@@ -41,16 +50,16 @@ declare const _default: import('vue').DefineComponent<Ui3nInputProps, {
     onEscape?: ((value: Event) => any) | undefined;
     "onUpdate:valid"?: ((value: boolean) => any) | undefined;
 }>, {
-    icon: string;
     size: "regular" | "large";
     type: "text" | "password";
     label: string;
     disabled: boolean;
-    iconColor: string;
     placeholder: string;
     modelValue: string;
+    readonly: boolean;
     clearable: boolean;
     autofocus: boolean;
+    autocomplete: string;
     rules: Array<(v: unknown) => boolean | string>;
     validateAtStartup: boolean;
     hideBottomSpace: boolean;
@@ -60,4 +69,10 @@ declare const _default: import('vue').DefineComponent<Ui3nInputProps, {
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputElement: HTMLInputElement;
 }, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ui3n-mobile-menu/types.d.ts

@@ -0,0 +1,35 @@
+import { VNode } from 'vue';
+/**
+ * Menu component properties
+ */
+export interface Ui3nMobileMenuProps {
+    modelValue: boolean;
+    width?: string;
+    withBlur?: boolean;
+}
+/**
+ * Menu component emits
+ */
+export interface Ui3nMobileMenuEmits {
+    /**
+     * Emitted when model value updates
+     */
+    (event: 'update:modelValue', value: boolean): void;
+}
+/**
+ * Menu component slots
+ */
+export interface Ui3nMobileMenuSlots {
+    /**
+     * Menu Header slot - section to add custom data on top of the menu
+     */
+    header: () => VNode;
+    /**
+     * Menu body slot - The section is where your menu items are placed
+     */
+    menuBody: () => VNode;
+    /**
+     * Menu footer slot - section to add custm data on the bottom of menu
+     */
+    footer: () => VNode;
+}

package/dist/components/ui3n-mobile-menu/ui3n-mobile-menu.vue.d.ts

@@ -0,0 +1,20 @@
+import { Ui3nMobileMenuProps, Ui3nMobileMenuSlots } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<Ui3nMobileMenuSlots> & Ui3nMobileMenuSlots;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Ui3nMobileMenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<Ui3nMobileMenuProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ui3n-mobile-menu-item/types.d.ts

@@ -0,0 +1,21 @@
+export interface Ui3nMobileMenuItemBase {
+    id: string | number;
+    name: string;
+    icon?: string;
+}
+/**
+ * Menu Item component properties
+ */
+export interface Ui3nMobileMenuItemProps<T extends Ui3nMobileMenuItemBase> {
+    item: T;
+    isActive?: boolean;
+}
+/**
+ * Menu Item component emits
+ */
+export interface Ui3nMobileMenuItemEmits<T extends Ui3nMobileMenuItemBase> {
+    /**
+     * Emitted when an item is selected on the menu
+     */
+    (event: 'selectItem', item: T): void;
+}

package/dist/components/ui3n-mobile-menu-item/ui3n-mobile-menu-item.vue.d.ts

@@ -0,0 +1,16 @@
+import { Ui3nMobileMenuItemBase, Ui3nMobileMenuItemProps, Ui3nMobileMenuItemEmits } from './types';
+declare const _default: <T extends Ui3nMobileMenuItemBase>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onSelectItem?: ((item: T) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onSelectItem"> & Ui3nMobileMenuItemProps<T> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: Ui3nMobileMenuItemEmits<T>;
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/index.d.ts

@@ -31,6 +31,8 @@ import { default as Ui3nEditable } from './components/ui3n-editable/ui3n-editabl
 import { default as Ui3nAutocomplete } from './components/ui3n-autocomplete/ui3n-autocomplete.vue';
 import { default as Ui3nSlider } from './components/ui3n-slider/ui3n-slider.vue';
 import { default as Ui3nSelector } from './components/ui3n-selector/ui3n-selector.vue';
+import { default as Ui3nMobileMenu } from './components/ui3n-mobile-menu/ui3n-mobile-menu.vue';
+import { default as Ui3nMobileMenuItem } from './components/ui3n-mobile-menu-item/ui3n-mobile-menu-item.vue';
 import { default as Ui3nHtml } from './directives/ui3n-html';
 import { default as Ui3nClickOutside } from './directives/ui3n-click-outside';
 import { default as Ui3nResize } from './directives/ui3n-resize';
@@ -92,6 +94,8 @@ declare module 'vue' {
         Ui3nTabs: typeof Ui3nTabs;
         Ui3nText: typeof Ui3nText;
         Ui3nVirtualScroll: typeof Ui3nVirtualScroll;
+        Ui3nMobileMenu: typeof Ui3nMobileMenu;
+        Ui3nMobileMenuMenuItem: typeof Ui3nMobileMenuItem;
     }
     interface GlobalDirectives {
         Ui3nHtml: typeof Ui3nHtml;