@nmorph/nmorph-ui-kit 2.2.10 → 2.2.12

package/dist/nuxt.mjs

@@ -1,5 +1,5 @@
-import { defineNuxtModule as t, addPluginTemplate as o } from "@nuxt/kit";
-const r = t({
+import { defineNuxtModule as t, addPluginTemplate as n } from "@nuxt/kit";
+const a = t({
   meta: {
     name: "@nmorph/nmorph-ui-kit",
     configKey: "nmorph",
@@ -10,15 +10,44 @@ const r = t({
   defaults: {
     styles: !1
   },
-  setup(s, e) {
-    const { styles: n, ...i } = s;
-    e.options.build.transpile.push("@nmorph/nmorph-ui-kit"), n === "all" && e.options.css.push("@nmorph/nmorph-ui-kit/dist/style.css"), o({
+  setup(o, e) {
+    const { styles: i, ...s } = o;
+    e.options.build.transpile.push("@nmorph/nmorph-ui-kit"), i === "all" && e.options.css.push("@nmorph/nmorph-ui-kit/dist/style.css"), n({
+      filename: "nmorph-i18n.mjs",
+      getContents: () => `
+import { defineNuxtPlugin } from '#app'
+import { en, ru, zh } from '@nmorph/nmorph-ui-kit/plugin'
+
+const options = ${JSON.stringify(s)}
+const libraryMessages = { en, ru, zh }
+
+const mergeMessages = (base, overrides = {}) => {
+  const result = { ...base }
+  Object.entries(overrides).forEach(([locale, messages]) => {
+    result[locale] = { ...(result[locale] || {}), ...messages }
+  })
+  return result
+}
+
+export default defineNuxtPlugin((nuxtApp) => {
+  const i18nOptions = { ...(options.i18n || {}) }
+  const messages = mergeMessages(libraryMessages, i18nOptions.messages)
+  const i18n = nuxtApp.$i18n
+
+  if (i18n?.mergeLocaleMessage) {
+    Object.entries(messages).forEach(([locale, localeMessages]) => {
+      i18n.mergeLocaleMessage(locale, localeMessages)
+    })
+  }
+})
+`
+    }), n({
       filename: "nmorph.client.mjs",
       getContents: () => `
 import { defineNuxtPlugin } from '#app'
 import { NmorphLibrary, en, ru, zh } from '@nmorph/nmorph-ui-kit/plugin'
 
-const options = ${JSON.stringify(i)}
+const options = ${JSON.stringify(s)}
 const libraryMessages = { en, ru, zh }
 
 const mergeMessages = (base, overrides = {}) => {
@@ -52,5 +81,5 @@ export default defineNuxtPlugin((nuxtApp) => {
   }
 });
 export {
-  r as default
+  a as default
 };

package/dist/package.json.js

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

package/dist/plugin.js

@@ -1,47 +1,48 @@
-import { default as S } from "./locales/ru.js";
+import { default as T } from "./locales/ru.js";
 import { default as _ } from "./locales/zh.js";
 import { default as w } from "./locales/en.js";
 import { nmorphLog as M } from "./outside-utils/index.js";
-import { AvatarShapeType as E, Locale as O, NmorphColor as j, NmorphComponentDirection as A, NmorphComponentHeight as B, NmorphComponentPosition as F, NmorphImageFit as H, NmorphRadioStyleType as P, NmorphSelectionDateType as R, NmorphShadowType as U, NmorphSortOrder as Z } from "./types/index.js";
+import { AvatarShapeType as E, Locale as H, NmorphColor as O, NmorphComponentDirection as j, NmorphComponentHeight as A, NmorphComponentPosition as B, NmorphImageFit as F, NmorphRadioStyleType as P, NmorphSelectionControlHeight as R, NmorphSelectionDateType as U, NmorphShadowType as Z, NmorphSortOrder as k } from "./types/index.js";
 import { useNmorphTranslation as h } from "./hooks/use-nmorph-translation.js";
 import { useCommonStyles as i } from "./hooks/use-common-styles.js";
 import { useNmorphTheme as f } from "./outside-hooks/use-nmorph-theme.js";
 import { useNmorphBrowser as c } from "./outside-hooks/use-nmorph-browser.js";
 import { useNmorphZIndex as N } from "./outside-hooks/use-nmorph-z-index.js";
-import { useNmorph as q } from "./outside-hooks/use-nmorph.js";
-import { useNmorphNotification as J } from "./outside-hooks/use-nmorph-notification.js";
+import { useNmorph as G } from "./outside-hooks/use-nmorph.js";
+import { useNmorphNotification as K } from "./outside-hooks/use-nmorph-notification.js";
 const u = {
   install(e, r = {}) {
     if (!r?.i18n?.outsideMessagesMerge) {
       const o = h(r.i18n), m = e.__VUE_I18N__;
-      m ? (o.global.messages.value && Object.entries(o.global.messages.value).forEach(([p, n]) => {
-        m.global.mergeLocaleMessage(p, n);
+      m ? (o.global.messages.value && Object.entries(o.global.messages.value).forEach(([s, n]) => {
+        m.global.mergeLocaleMessage(s, n);
       }), o.global.locale.value && (m.global.locale.value = o.global.locale.value)) : e.use(o);
     }
     i();
-    const t = f(r.theme), a = c(), l = N(r.zIndex), s = { theme: t, browser: a, zIndex: l };
-    return e.provide("nmorph", s), e;
+    const t = f(r.theme), a = c(), l = N(r.zIndex), p = { theme: t, browser: a, zIndex: l };
+    return e.provide("nmorph", p), e;
   }
 }, y = u;
 export {
   E as AvatarShapeType,
-  O as Locale,
-  j as NmorphColor,
-  A as NmorphComponentDirection,
-  B as NmorphComponentHeight,
-  F as NmorphComponentPosition,
-  H as NmorphImageFit,
+  H as Locale,
+  O as NmorphColor,
+  j as NmorphComponentDirection,
+  A as NmorphComponentHeight,
+  B as NmorphComponentPosition,
+  F as NmorphImageFit,
   y as NmorphLibrary,
   P as NmorphRadioStyleType,
-  R as NmorphSelectionDateType,
-  U as NmorphShadowType,
-  Z as NmorphSortOrder,
+  R as NmorphSelectionControlHeight,
+  U as NmorphSelectionDateType,
+  Z as NmorphShadowType,
+  k as NmorphSortOrder,
   w as en,
   M as nmorphLog,
-  S as ru,
-  q as useNmorph,
+  T as ru,
+  G as useNmorph,
   c as useNmorphBrowser,
-  J as useNmorphNotification,
+  K as useNmorphNotification,
   f as useNmorphTheme,
   _ as zh
 };

package/dist/src/components/data/nmorph-badge/NmorphBadge.vue.d.ts

@@ -23,12 +23,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     color: string;
     disabled: boolean;
     hidden: boolean;
+    zIndex: number;
     max: number;
     isDot: boolean;
     isTag: boolean;
     offsetY: number;
     offsetX: number;
-    zIndex: number;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, Readonly<{
     default?: (props: Record<string, never>) => unknown;
     value?: (props: NmorphBadgeValueSlotProps) => unknown;

package/dist/src/components/data/nmorph-image/NmorphImage.vue.d.ts

@@ -12,12 +12,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     onError?: (event: Event) => any;
     onLoad?: (event: Event) => any;
 }>, {
-    srcSet: string;
-    fit: "fill" | "none" | "contain" | "cover" | "scale-down";
     alt: string;
-    frameBorder: number;
+    fit: "fill" | "none" | "cover" | "contain" | "scale-down";
     loadingText: string;
     loadFailedText: string;
+    srcSet: string;
+    frameBorder: number;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
     error?(_: {}): any;
     loading?(_: {}): any;

package/dist/src/components/data/nmorph-image-preview/NmorphImagePreview.vue.d.ts

@@ -8,8 +8,9 @@ interface INmorphProps {
     minScaleLevel?: number;
     maxScaleLevel?: number;
     zIndex?: number;
+    showTrigger?: boolean;
 }
-declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:model-value": (value: boolean) => any;
 }, string, PublicProps, Readonly<INmorphProps> & Readonly<{
     "onUpdate:model-value"?: (value: boolean) => any;
@@ -20,5 +21,16 @@ declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentO
     scaleStep: number;
     minScaleLevel: number;
     maxScaleLevel: number;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+    showTrigger: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    loading?(_: {}): any;
+    loading?(_: {}): any;
+    error?(_: {}): any;
+    error?(_: {}): any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/data/nmorph-pagination/NmorphPagination.vue.d.ts

@@ -1,3 +1,4 @@
+import { NmorphComponentHeight } from '../../../types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 interface INmorphProps {
     totalElementsQuantity: number;
@@ -7,12 +8,14 @@ interface INmorphProps {
     hideOnSinglePage?: boolean;
     maxVisiblePages?: number;
     fastForwardStep?: number;
+    height?: keyof typeof NmorphComponentHeight;
 }
 declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:model-value": (currentPage: number) => any;
 }, string, PublicProps, Readonly<INmorphProps> & Readonly<{
     "onUpdate:model-value"?: (currentPage: number) => any;
 }>, {
+    height: "thick" | "basic" | "thin";
     disabled: boolean;
     modelValue: number;
     elementsQuantityOnPage: number;

package/dist/src/components/form/nmorph-checkbox/NmorphCheckbox.vue.d.ts

@@ -13,6 +13,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphCheckbox
     modelValue: boolean;
     design: NmorphCheckboxDesignType;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+    default?(_: {}): any;
     default?(_: {}): any;
     label?(_: {}): any;
 }>;

package/dist/src/components/form/nmorph-checkbox-group/NmorphCheckboxGroup.vue.d.ts

@@ -1,17 +1,18 @@
-import { INmorphCheckboxOption, INmorphCommonInputProps, NmorphCheckboxDesignType, NmorphComponentDirection } from '../../../types';
+import { INmorphCheckboxOption, INmorphCommonInputProps, NmorphCheckboxDesignType, NmorphComponentDirection, NmorphSelectionControlHeightType } from '../../../types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-interface INmorphProps extends INmorphCommonInputProps {
+interface INmorphProps extends Omit<INmorphCommonInputProps, 'height'> {
     modelValue: string[];
     options?: INmorphCheckboxOption[];
     design?: NmorphCheckboxDesignType;
     direction?: keyof typeof NmorphComponentDirection;
+    height?: NmorphSelectionControlHeightType;
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:model-value": (val: string[]) => any;
 }, string, PublicProps, Readonly<INmorphProps> & Readonly<{
     "onUpdate:model-value"?: (val: string[]) => any;
 }>, {
-    height: "thick" | "basic" | "thin";
+    height: "thick" | "basic" | "thin" | "extra-thin";
     disabled: boolean;
     modelValue: string[];
     design: NmorphCheckboxDesignType;

package/dist/src/components/form/nmorph-radio/NmorphRadio.vue.d.ts

@@ -17,6 +17,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
     label?(_: {}): any;
     label?(_: {}): any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/src/components/form/nmorph-radio-group/NmorphRadioGroup.vue.d.ts

@@ -1,11 +1,12 @@
-import { INmorphCommonInputProps, INmorphRadioOption, NmorphComponentDirection, NmorphRadioStyleType } from '../../../types';
+import { INmorphCommonInputProps, INmorphRadioOption, NmorphComponentDirection, NmorphRadioStyleType, NmorphSelectionControlHeightType } from '../../../types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type NmorphListRadioOptionElementType = Omit<INmorphRadioOption, 'checked'>;
-interface INmorphProps extends INmorphCommonInputProps {
+interface INmorphProps extends Omit<INmorphCommonInputProps, 'height'> {
     modelValue: string;
     options?: NmorphListRadioOptionElementType[];
     styleType?: keyof typeof NmorphRadioStyleType;
     direction?: keyof typeof NmorphComponentDirection;
+    height?: NmorphSelectionControlHeightType;
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:model-value": (val: string) => any;
@@ -13,7 +14,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     "onUpdate:model-value"?: (val: string) => any;
 }>, {
     styleType: "button" | "radio-style";
-    height: "thick" | "basic" | "thin";
+    height: "thick" | "basic" | "thin" | "extra-thin";
     disabled: boolean;
     modelValue: string;
     options: NmorphListRadioOptionElementType[];

package/dist/src/types/index.d.ts

@@ -15,6 +15,13 @@ export declare enum NmorphComponentHeight {
     basic = "basic-component",
     thin = "thin-component"
 }
+export declare const NmorphSelectionControlHeight: {
+    readonly 'extra-thin': "extra-thin-component";
+    readonly thick: NmorphComponentHeight.thick;
+    readonly basic: NmorphComponentHeight.basic;
+    readonly thin: NmorphComponentHeight.thin;
+};
+export type NmorphSelectionControlHeightType = keyof typeof NmorphSelectionControlHeight;
 export type NmorphSortOrderType = keyof typeof NmorphSortOrder | undefined;
 export declare enum AvatarShapeType {
     circle = "circle",
@@ -169,7 +176,7 @@ export interface INmorphCheckboxOption {
     modelValue?: boolean;
     label?: string;
     design?: NmorphCheckboxDesignType;
-    height?: keyof typeof NmorphComponentHeight;
+    height?: NmorphSelectionControlHeightType;
 }
 export type NmorphCheckboxDesignType = 'button' | 'checkbox';
 export type NmorphCheckboxGroupSelectedValueInjectionType = Ref<string[]>;
@@ -179,7 +186,7 @@ export interface INmorphRadioOption {
     label?: string;
     value: string;
     tabindex?: number;
-    height?: keyof typeof NmorphComponentHeight;
+    height?: NmorphSelectionControlHeightType;
 }
 export declare enum NmorphRadioStyleType {
     'radio-style' = "radio-style",