@nmorph/nmorph-ui-kit 2.2.15 → 2.2.16

package/dist/nuxt.mjs

@@ -1,5 +1,5 @@
 import { defineNuxtModule as o, addPluginTemplate as m } from "@nuxt/kit";
-const r = o({
+const i = o({
   meta: {
     name: "@nmorph/nmorph-ui-kit",
     configKey: "nmorph",
@@ -12,7 +12,7 @@ const r = o({
   },
   setup(t, e) {
     const { styles: s, ...n } = t;
-    e.options.build.transpile.push("@nmorph/nmorph-ui-kit"), s === "all" && e.options.css.push("@nmorph/nmorph-ui-kit/dist/style.css"), m({
+    e.options.build.transpile.push("@nmorph/nmorph-ui-kit"), s === "all" && e.options.css.push("@nmorph/nmorph-ui-kit/styles.css"), m({
       filename: "nmorph.mjs",
       getContents: () => `
 import { defineNuxtPlugin } from '#app'
@@ -91,5 +91,5 @@ export default defineNuxtPlugin((nuxtApp) => {
   }
 });
 export {
-  r as default
+  i as default
 };

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const a = "2.2.15", e = {
+const a = "2.2.16", e = {
   version: a
 };
 export {

package/dist/src/components/data/nmorph-calendar/types.d.ts

@@ -9,4 +9,11 @@ export interface INmorphCalendarDate {
 export type NmorphCalendarRangeType = [Date, Date] | undefined;
 export type NmorphCalendarDatesType = INmorphCalendarDate[];
 export type NmorphDateType = Date;
-export type NmorphSelectedDateModelType = NmorphDateType | NmorphDateType[];
+export type NmorphSelectedDateModelType = NmorphDateType | NmorphDateType[] | null;
+export type NmorphDateFormatterType = (date: Date) => string;
+export interface INmorphDateFormatOptions {
+    locale?: string | string[];
+    options?: Intl.DateTimeFormatOptions;
+    format?: string;
+    formatter?: NmorphDateFormatterType;
+}

package/dist/src/components/data/nmorph-calendar/utils.d.ts

@@ -1,6 +1,7 @@
-import { NmorphCalendarDatesType, NmorphCalendarRangeType, NmorphSelectedDateModelType } from './types';
+import { INmorphDateFormatOptions, NmorphCalendarDatesType, NmorphCalendarRangeType, NmorphSelectedDateModelType } from './types';
 import { Ref } from 'vue';
 export declare const getDecadeYears: (year: number) => any[];
+export declare const formatDate: (date: NmorphSelectedDateModelType, formatOptions?: INmorphDateFormatOptions) => string | string[];
 export declare const formatDateIntl: (date: NmorphSelectedDateModelType) => string | string[];
 export declare const hasAnyRangeDateInPrevMonth: (currentDate: Date, prevMonthRange: Date) => boolean;
 export declare const hasAnyRangeDateInNextMonth: (currentDate: Date, nextMonthRange: Date) => boolean;

package/dist/src/components/data/nmorph-table/NmorphTable.vue.d.ts

@@ -10,6 +10,7 @@ interface INmorphProps {
     virtualHeight?: number | string;
     virtualOverscan?: number;
     virtualRowHeight?: number;
+    virtualDynamicHeight?: boolean;
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
     sort: NmorphTableSortType;
@@ -21,6 +22,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     virtualHeight: string | number;
     virtualOverscan: number;
     virtualRowHeight: number;
+    virtualDynamicHeight: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {
     nmorphDOMTable: HTMLDivElement;
 }, HTMLDivElement>, {

package/dist/src/components/feedback/nmorph-dialog/NmorphDialog.vue.d.ts

@@ -9,6 +9,7 @@ interface INmorphProps {
     showClose?: boolean;
     zIndex?: number;
     closeOnOverlay?: boolean;
+    closeOnEscape?: boolean;
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:model-value": (value: boolean) => any;
@@ -21,6 +22,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     title: string;
     modelValue: boolean;
     zIndex: number;
+    closeOnEscape: boolean;
     openDelay: number;
     closeDelay: number;
     closeOnClickModal: boolean;

package/dist/src/components/form/nmorph-autocomplete/NmorphAutocomplete.vue.d.ts

@@ -12,6 +12,7 @@ interface INmorphProps extends INmorphCommonInputProps {
     virtualItemHeight?: number;
     virtualMaxHeight?: number | string;
     virtualOverscan?: number;
+    virtualDynamicHeight?: boolean;
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     select: (value: unknown) => any;
@@ -27,6 +28,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     zIndex: number;
     virtual: boolean;
     virtualOverscan: number;
+    virtualDynamicHeight: boolean;
     clearable: boolean;
     list: INmorphAutocompleteListItem[];
     actionCallback: NmorphAutocompleteActionCallbackType;

package/dist/src/components/form/nmorph-date-picker/NmorphDatePicker.vue.d.ts

@@ -1,5 +1,5 @@
 import { INmorphCommonInputProps, NmorphSelectionDateType } from '../../../types';
-import { NmorphSelectedDateModelType } from '../..';
+import { NmorphDateFormatterType, NmorphSelectedDateModelType } from '../..';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 interface INmorphProps extends INmorphCommonInputProps {
     placeholder?: string;
@@ -8,6 +8,12 @@ interface INmorphProps extends INmorphCommonInputProps {
     textSeparator?: string;
     initialDate?: Date;
     zIndex?: number;
+    dateLocale?: string | string[];
+    dateFormatOptions?: Intl.DateTimeFormatOptions;
+    dateFormat?: string;
+    dateFormatter?: NmorphDateFormatterType;
+    valueSeparator?: string;
+    rangeSeparator?: string;
 }
 declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:model-value": (modelValue: NmorphSelectedDateModelType) => any;
@@ -22,6 +28,12 @@ declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentO
     zIndex: number;
     initialDate: Date;
     textSeparator: string;
+    dateLocale: string | string[];
+    dateFormatOptions: Intl.DateTimeFormatOptions;
+    dateFormat: string;
+    dateFormatter: NmorphDateFormatterType;
+    valueSeparator: string;
+    rangeSeparator: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     nmorphInputDOMRef: HTMLDivElement;
 }, HTMLDivElement>;

package/dist/src/components/form/nmorph-select/NmorphSelect.vue.d.ts

@@ -16,6 +16,7 @@ interface INmorphProps extends INmorphCommonInputProps {
     virtualItemHeight?: number;
     virtualMaxHeight?: number | string;
     virtualOverscan?: number;
+    virtualDynamicHeight?: boolean;
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:model-value": (val: NmorphSelectModelValueType) => any;
@@ -31,6 +32,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     open: boolean;
     virtual: boolean;
     virtualOverscan: number;
+    virtualDynamicHeight: boolean;
     options: INmorphSelectOption[];
     virtualItemHeight: number;
     virtualMaxHeight: string | number;

package/dist/src/components/form/nmorph-text-input/NmorphTextInput.vue.d.ts

@@ -16,11 +16,13 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     blur: () => any;
     focus: () => any;
+    keydown: (event: KeyboardEvent) => any;
     "update:model-value": (val: string) => any;
     "on-enter": () => any;
 }, string, PublicProps, Readonly<INmorphProps> & Readonly<{
     onBlur?: () => any;
     onFocus?: () => any;
+    onKeydown?: (event: KeyboardEvent) => any;
     "onUpdate:model-value"?: (val: string) => any;
     "onOn-enter"?: () => any;
 }>, {

package/dist/src/components/navigation/index.d.ts

@@ -2,6 +2,7 @@ export { default as NmorphBacktop } from './nmorph-backtop/NmorphBacktop.vue';
 export { default as NmorphBreadcrumb } from './nmorph-breadcrumb/NmorphBreadcrumb.vue';
 export * from './nmorph-breadcrumb/types';
 export { default as NmorphBreadcrumbItem } from './nmorph-breadcrumb/components/nmorph-breadcrumb-item/NmorphBreadcrumbItem.vue';
+export { default as NmorphContextMenu } from './nmorph-context-menu/NmorphContextMenu.vue';
 export { default as NmorphDropdown } from './nmorph-dropdown/NmorphDropdown.vue';
 export { default as NmorphTabs } from './nmorph-tabs/NmorphTabs.vue';
 export * from './nmorph-tabs/type';

package/dist/src/components/navigation/nmorph-context-menu/NmorphContextMenu.vue.d.ts

@@ -0,0 +1,60 @@
+import { NmorphPlacementType } from '../../../types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+interface INmorphProps {
+    modelValue?: boolean;
+    placement?: NmorphPlacementType;
+    width?: number | string;
+    minWidth?: number | string;
+    maxWidth?: number | string;
+    xOffset?: number;
+    yOffset?: number;
+    fillWidth?: boolean;
+    zIndex?: number;
+    closeOnEscape?: boolean;
+    trapFocus?: boolean;
+    disabled?: boolean;
+    role?: string;
+    ariaLabel?: string;
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
+    close: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    close: () => any;
+    "update:model-value": (value: boolean) => any;
+    "on-outside-click": () => any;
+    "on-escape-keydown": () => any;
+    open: (event: MouseEvent | KeyboardEvent) => any;
+}, string, PublicProps, Readonly<INmorphProps> & Readonly<{
+    onClose?: () => any;
+    "onUpdate:model-value"?: (value: boolean) => any;
+    "onOn-outside-click"?: () => any;
+    "onOn-escape-keydown"?: () => any;
+    onOpen?: (event: MouseEvent | KeyboardEvent) => any;
+}>, {
+    disabled: boolean;
+    width: string | number;
+    minWidth: string | number;
+    zIndex: number;
+    closeOnEscape: boolean;
+    trapFocus: boolean;
+    role: string;
+    placement: NmorphPlacementType;
+    maxWidth: string | number;
+    xOffset: number;
+    yOffset: number;
+    fillWidth: boolean;
+    ariaLabel: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    triggerDOMRef: HTMLDivElement;
+}, HTMLDivElement>, {
+    default?(_: {}): any;
+    menu?(_: {
+        close: () => void;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/navigation/nmorph-dropdown/NmorphDropdown.vue.d.ts

@@ -11,20 +11,30 @@ interface INmorphProps {
     yOffset?: number;
     fillWidth?: boolean;
     zIndex?: number;
+    closeOnEscape?: boolean;
+    trapFocus?: boolean;
+    role?: string;
+    ariaLabel?: string;
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "on-outside-click": () => any;
+    "on-escape-keydown": () => any;
 }, string, PublicProps, Readonly<INmorphProps> & Readonly<{
     "onOn-outside-click"?: () => any;
+    "onOn-escape-keydown"?: () => any;
 }>, {
     width: string | number;
     minWidth: string | number;
     zIndex: number;
+    closeOnEscape: boolean;
+    trapFocus: boolean;
+    role: string;
     placement: NmorphPlacementType;
     maxWidth: string | number;
     xOffset: number;
     yOffset: number;
     fillWidth: boolean;
+    ariaLabel: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     dropdownDOMRef: HTMLDivElement;
 }, any>, {

package/dist/src/components/others/nmorph-overlay/NmorphOverlay.vue.d.ts

@@ -5,17 +5,28 @@ interface INmorphProps {
     zIndex?: number;
     teleportTo?: string | HTMLElement;
     disabledTeleport?: boolean;
+    closeOnEscape?: boolean;
+    trapFocus?: boolean;
+    restoreFocus?: boolean;
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "on-outside-click": () => any;
+    "on-escape-keydown": () => any;
 }, string, PublicProps, Readonly<INmorphProps> & Readonly<{
     "onOn-outside-click"?: () => any;
+    "onOn-escape-keydown"?: () => any;
 }>, {
     transparent: boolean;
     zIndex: number;
     teleportTo: string | HTMLElement;
     disabledTeleport: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    closeOnEscape: boolean;
+    trapFocus: boolean;
+    restoreFocus: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    contentRef: HTMLDivElement;
+}, any>, {
+    default?(_: {}): any;
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/src/hooks/use-virtual-list.d.ts

@@ -3,16 +3,19 @@ interface INmorphVirtualListOptions {
     enabled?: Readonly<Ref<boolean>>;
     itemHeight: Readonly<Ref<number>>;
     overscan?: Readonly<Ref<number>>;
+    dynamic?: Readonly<Ref<boolean>>;
 }
 export declare const useVirtualList: <T>(items: Readonly<Ref<T[], T[]>>, options: INmorphVirtualListOptions) => {
     containerRef: Ref<HTMLElement, HTMLElement>;
     endIndex: ComputedRef<number>;
     offsetTop: ComputedRef<number>;
     refresh: () => void;
+    measureElement: (index: number, element?: Element | null) => void;
     scrollHandler: () => void;
     scrollToIndex: (index: number) => void;
     startIndex: ComputedRef<number>;
     totalHeight: ComputedRef<number>;
+    viewportHeight: Ref<number, number>;
     virtualItems: ComputedRef<{
         item: T;
         index: number;

package/dist/src/icons.d.ts

@@ -0,0 +1,3 @@
+export { default as NmorphIcon } from './components/basic/nmorph-icon/NmorphIcon.vue';
+export * from './components/basic/nmorph-icon/types';
+export * from './components/basic/nmorph-icon/NmorphIcons';

package/dist/src/styles.d.ts

@@ -0,0 +1,2 @@
+export { getCommonStyles, useCommonStyles } from './hooks/use-common-styles';
+export { getNmorphThemeStyles } from './outside-hooks/use-nmorph-theme';