@nmorph/nmorph-ui-kit 2.2.10 → 2.2.13

package/dist/nuxt.mjs

@@ -1,5 +1,5 @@
-import { defineNuxtModule as t, addPluginTemplate as o } from "@nuxt/kit";
-const r = t({
+import { defineNuxtModule as o, addPluginTemplate as i } from "@nuxt/kit";
+const p = o({
   meta: {
     name: "@nmorph/nmorph-ui-kit",
     configKey: "nmorph",
@@ -11,14 +11,15 @@ const r = t({
     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({
-      filename: "nmorph.client.mjs",
+    const { styles: t, ...n } = s;
+    e.options.build.transpile.push("@nmorph/nmorph-ui-kit"), t === "all" && e.options.css.push("@nmorph/nmorph-ui-kit/dist/style.css"), i({
+      filename: "nmorph.mjs",
       getContents: () => `
 import { defineNuxtPlugin } from '#app'
-import { NmorphLibrary, en, ru, zh } from '@nmorph/nmorph-ui-kit/plugin'
+import { useHead } from '#imports'
+import { NmorphLibrary, en, ru, zh, getCommonStyles, getNmorphThemeStyles } from '@nmorph/nmorph-ui-kit/plugin'
 
-const options = ${JSON.stringify(i)}
+const options = ${JSON.stringify(n)}
 const libraryMessages = { en, ru, zh }
 
 const mergeMessages = (base, overrides = {}) => {
@@ -35,6 +36,18 @@ export default defineNuxtPlugin((nuxtApp) => {
   const messages = mergeMessages(libraryMessages, i18nOptions.messages)
   const i18n = nuxtApp.$i18n
 
+  if (import.meta.server) {
+    useHead({
+      htmlAttrs: {
+        'nmorph-data-theme': pluginOptions.theme?.defaultTheme || 'dark',
+      },
+      style: [
+        { id: 'nmorph-theme-styles', children: getNmorphThemeStyles(pluginOptions.theme) },
+        { id: 'nmorph-common-styles', children: getCommonStyles() },
+      ],
+    })
+  }
+
   i18nOptions.messages = messages
 
   if (i18n?.mergeLocaleMessage) {
@@ -52,5 +65,5 @@ export default defineNuxtPlugin((nuxtApp) => {
   }
 });
 export {
-  r as default
+  p as default
 };

package/dist/outside-hooks/use-nmorph-browser.js

@@ -1,21 +1,21 @@
-import { ref as r } from "vue";
-const d = () => {
-  const e = r({ width: 0, height: 0 }), i = r(0);
-  let o, t;
-  const n = () => {
+import { ref as t } from "vue";
+const s = () => {
+  const e = t({ width: 0, height: 0 }), i = t(0);
+  let o, n;
+  const r = () => {
     clearTimeout(o), o = setTimeout(() => {
       e.value.width = window.innerWidth, e.value.height = window.innerHeight;
     }, 400);
-  }, s = () => {
-    clearTimeout(t), t = setTimeout(() => {
+  }, l = () => {
+    clearTimeout(n), n = setTimeout(() => {
       i.value = window.scrollY;
     }, 400);
   };
-  return window && (window.addEventListener("resize", n), window.addEventListener("scroll", s)), {
+  return typeof window < "u" && (e.value.width = window.innerWidth, e.value.height = window.innerHeight, i.value = window.scrollY, window.addEventListener("resize", r), window.addEventListener("scroll", l)), {
     dimensions: e,
     scrollTop: i
   };
 };
 export {
-  d as useNmorphBrowser
+  s as useNmorphBrowser
 };

package/dist/outside-hooks/use-nmorph-theme.js

@@ -1,8 +1,8 @@
-import { ref as H, readonly as _ } from "vue";
-import I from "../package.json.js";
-import { nmorphLog as O } from "../outside-utils/index.js";
-import { camelToKebab as M } from "../utils/case-transformers.js";
-const v = {
+import { ref as A, readonly as H } from "vue";
+import _ from "../package.json.js";
+import { nmorphLog as I } from "../outside-utils/index.js";
+import { camelToKebab as b } from "../utils/case-transformers.js";
+const $ = {
   info: "#d4e5edbb",
   infoText: "#506c80",
   success: "#67C23A",
@@ -15,7 +15,7 @@ const v = {
   white: "#ffffff",
   black: "#000000",
   overlay: "#00000095"
-}, w = {
+}, V = {
   darkShade: "#c8c9ca",
   main: "#e9ecec",
   lightShade: "#fdfdfd",
@@ -26,7 +26,7 @@ const v = {
   placeholderText: "#c1c9cf",
   semiContrastText: "#8a9dc0",
   contrastText: "#b4c4de"
-}, B = {
+}, w = {
   darkShade: "#0f1112",
   main: "#1c1f21",
   lightShade: "#292d30",
@@ -37,11 +37,11 @@ const v = {
   placeholderText: "#575757",
   semiContrastText: "#9caab0",
   contrastText: "#c3cdd1"
-}, u = "nmorph-data-theme", R = "dark", l = {
+}, C = "nmorph-data-theme", R = "dark", S = {
   themes: {
-    common: v,
-    light: w,
-    dark: B
+    common: $,
+    light: V,
+    dark: w
   },
   defaultTheme: R,
   saveCurrentThemeToLS: !0,
@@ -51,97 +51,143 @@ const v = {
     baseShadowWidth: "3.5px",
     baseShadowBlurCoefficient: "2"
   }
-}, j = (r) => /^#[0-9A-Fa-f]{6}$/.test(r), F = (r) => {
-  if (!j(r)) throw new Error(`Invalid hex color: ${r}`);
-  return r;
-}, V = (r, t) => {
-  const s = {};
-  return r.forEach(({ name: n, color: o }) => {
-    s[n] = o;
-  }), t.forEach(({ name: n, color: o }) => {
-    s[n] = o;
-  }), Object.entries(s).map(([n, o]) => ({ name: n, color: o }));
-}, L = (r, t) => {
-  let s = parseInt(r.substring(1, 3), 16), n = parseInt(r.substring(3, 5), 16), o = parseInt(r.substring(5, 7), 16);
-  s = Math.round(s * (1 + t / 100)), n = Math.round(n * (1 + t / 100)), o = Math.round(o * (1 + t / 100)), s = Math.min(255, Math.max(0, s)), n = Math.min(255, Math.max(0, n)), o = Math.min(255, Math.max(0, o));
-  const S = s.toString(16).padStart(2, "0"), C = n.toString(16).padStart(2, "0"), d = o.toString(16).padStart(2, "0");
-  return `#${S}${C}${d}`;
-}, W = (r) => {
-  O("warn", `NMORPH(v${I.version})`);
-  const t = {
-    themes: r?.themes ?? l.themes,
-    defaultTheme: r?.defaultTheme ?? l.defaultTheme,
-    saveCurrentThemeToLS: r?.saveCurrentThemeToLS ?? l.saveCurrentThemeToLS,
-    darkShadeGeneratorCoefficient: r?.darkShadeGeneratorCoefficient ?? l.darkShadeGeneratorCoefficient,
-    lightShadeGeneratorCoefficient: r?.lightShadeGeneratorCoefficient ?? l.lightShadeGeneratorCoefficient,
-    other: r?.other ?? l.other
-  }, s = (a) => {
+}, F = (t) => /^#[0-9A-Fa-f]{6}$/.test(t), v = (t) => {
+  if (!F(t)) throw new Error(`Invalid hex color: ${t}`);
+  return t;
+}, L = (t, e) => {
+  const n = {};
+  return t.forEach(({ name: o, color: s }) => {
+    n[o] = s;
+  }), e.forEach(({ name: o, color: s }) => {
+    n[o] = s;
+  }), Object.entries(n).map(([o, s]) => ({ name: o, color: s }));
+}, E = (t, e) => {
+  let n = parseInt(t.substring(1, 3), 16), o = parseInt(t.substring(3, 5), 16), s = parseInt(t.substring(5, 7), 16);
+  n = Math.round(n * (1 + e / 100)), o = Math.round(o * (1 + e / 100)), s = Math.round(s * (1 + e / 100)), n = Math.min(255, Math.max(0, n)), o = Math.min(255, Math.max(0, o)), s = Math.min(255, Math.max(0, s));
+  const c = n.toString(16).padStart(2, "0"), i = o.toString(16).padStart(2, "0"), d = s.toString(16).padStart(2, "0");
+  return `#${c}${i}${d}`;
+}, G = (t) => ({
+  themes: t?.themes ?? S.themes,
+  defaultTheme: t?.defaultTheme ?? S.defaultTheme,
+  saveCurrentThemeToLS: t?.saveCurrentThemeToLS ?? S.saveCurrentThemeToLS,
+  darkShadeGeneratorCoefficient: t?.darkShadeGeneratorCoefficient ?? S.darkShadeGeneratorCoefficient,
+  lightShadeGeneratorCoefficient: t?.lightShadeGeneratorCoefficient ?? S.lightShadeGeneratorCoefficient,
+  other: t?.other ?? S.other
+}), U = (t, e) => {
+  try {
+    const n = v(e);
+    return {
+      darkShade: E(n, t.darkShadeGeneratorCoefficient),
+      lightShade: E(n, t.lightShadeGeneratorCoefficient)
+    };
+  } catch (n) {
+    return console.error(n instanceof Error ? n.message : n), {};
+  }
+}, x = (t) => Object.entries(t).filter(([, e]) => typeof e == "string").map(([e, n]) => ({
+  name: `--nmorph-${b(e)}-color`,
+  color: n
+})), N = (t, e) => {
+  const n = (c) => c.map((i) => `${i.name}: ${i.color};`).join(" "), o = Object.entries(e).map(([c, i]) => `--${b(c)}: ${i};`).join(" "), s = [];
+  return Object.entries(t).forEach(([c, i]) => {
+    const d = x($);
+    if (c === "common") s.push(n(L(d, i)));
+    else {
+      const T = `
+        &[${C}='${c}'] {
+          ${n(i)}
+        }
+      `;
+      s.push(T);
+    }
+  }), `
+    :root {
+      ${s.join(" ")}
+      ${o}
+    }
+  `;
+}, P = (t) => {
+  const e = {};
+  return Object.entries(t.themes).forEach(([n, o]) => {
+    e[n] = [];
+    const s = !!o.darkShade, c = !!o.lightShade;
+    !!o.main && !s && !c && o.main && (e[n] = x(U(t, o.main))), e[n] = [...e[n], ...x(o)];
+  }), e;
+}, z = (t) => {
+  const e = G(t);
+  return N(P(e), e.other);
+}, J = (t) => {
+  I("warn", `NMORPH(v${_.version})`);
+  const e = G(t), n = (a) => {
     try {
-      const e = F(a);
+      const r = v(a);
       return {
-        darkShade: L(e, t.darkShadeGeneratorCoefficient),
-        lightShade: L(e, t.lightShadeGeneratorCoefficient)
+        darkShade: E(r, e.darkShadeGeneratorCoefficient),
+        lightShade: E(r, e.lightShadeGeneratorCoefficient)
       };
-    } catch (e) {
-      return console.error(e instanceof Error ? e.message : e), {};
+    } catch (r) {
+      return console.error(r instanceof Error ? r.message : r), {};
     }
-  }, n = (a) => {
-    const e = s(a);
-    return o(e);
-  }, o = (a) => Object.entries(a).filter(([, e]) => typeof e == "string").map(([e, c]) => ({
-    name: `--nmorph-${M(e)}-color`,
-    color: c
-  })), S = (a, e) => {
-    const c = (i) => i.map((m) => `${m.name}: ${m.color};`).join(" "), h = Object.entries(e).map(([i, m]) => `--${M(i)}: ${m};`).join(" "), T = [];
-    return Object.entries(a).forEach(([i, m]) => {
-      const E = o(v);
-      if (i === "common") T.push(c(V(E, m)));
+  }, o = (a) => {
+    const r = n(a);
+    return s(r);
+  }, s = (a) => Object.entries(a).filter(([, r]) => typeof r == "string").map(([r, h]) => ({
+    name: `--nmorph-${b(r)}-color`,
+    color: h
+  })), c = (a, r) => {
+    const h = (f) => f.map((u) => `${u.name}: ${u.color};`).join(" "), l = Object.entries(r).map(([f, u]) => `--${b(f)}: ${u};`).join(" "), g = [];
+    return Object.entries(a).forEach(([f, u]) => {
+      const k = s($);
+      if (f === "common") g.push(h(L(k, u)));
       else {
-        const D = `
-          &[${u}='${i}'] {
-            ${c(m)}
+        const B = `
+          &[${C}='${f}'] {
+            ${h(u)}
           }
         `;
-        T.push(D);
+        g.push(B);
       }
     }), `
       :root {
-        ${T.join(" ")}
-        ${h}
+        ${g.join(" ")}
+        ${l}
       }
     `;
-  }, C = (a) => {
-    const e = {};
-    return Object.entries(a).forEach(([c, h]) => {
-      e[c] = [];
-      const T = !!h.darkShade, i = !!h.lightShade;
-      !!h.main && !T && !i && h.main && (e[c] = n(h.main)), e[c] = [...e[c], ...o(h)];
-    }), e;
+  }, i = (a) => {
+    const r = {};
+    return Object.entries(a).forEach(([h, l]) => {
+      r[h] = [];
+      const g = !!l.darkShade, f = !!l.lightShade;
+      !!l.main && !g && !f && l.main && (r[h] = o(l.main)), r[h] = [...r[h], ...s(l)];
+    }), r;
+  }, d = typeof document < "u", T = A(e.defaultTheme);
+  let p = i(e.themes), m = null;
+  d && (m = document.getElementById("nmorph-theme-styles"), m || (m = document.createElement("style"), m.id = "nmorph-theme-styles", m.type = "text/css", document.head.appendChild(m)), m.innerHTML = c(p, e.other));
+  const D = () => {
+    p = i(e.themes), m && (m.innerHTML = c(p, e.other));
+  }, y = (a) => {
+    T.value = a, d && (document.documentElement.setAttribute(C, T.value), !(typeof localStorage > "u") && (e.saveCurrentThemeToLS ? localStorage.setItem(C, a) : localStorage.removeItem(C)));
+  }, M = (a, r) => {
+    const h = r.main && !r.darkShade && !r.lightShade ? n(r.main) : {};
+    e.themes[a] = { ...e.themes[a], ...r, ...h }, D();
+  }, O = (a, r) => {
+    r && M(a, r), y(a);
   };
-  let d = C(t.themes);
-  const g = document.createElement("style");
-  g.type = "text/css", g.innerHTML = S(d, t.other), document.head.appendChild(g);
-  const y = () => {
-    d = C(t.themes), g.innerHTML = S(d, t.other);
-  }, p = (a) => {
-    f.value = a, k.setAttribute(u, f.value), t.saveCurrentThemeToLS ? localStorage.setItem(u, a) : localStorage.removeItem(u);
-  }, x = (a, e) => {
-    const c = e.main && !e.darkShade && !e.lightShade ? s(e.main) : {};
-    t.themes[a] = { ...t.themes[a], ...e, ...c }, y();
-  }, $ = (a, e) => {
-    e && x(a, e), p(a);
-  }, f = H(t.defaultTheme), k = document.documentElement, b = localStorage.getItem(u), G = b ? d[b] : void 0;
-  t.saveCurrentThemeToLS && G && (f.value = b), p(f.value);
-  const A = t;
+  if (d && typeof localStorage < "u") {
+    const a = localStorage.getItem(C), r = a ? p[a] : void 0;
+    e.saveCurrentThemeToLS && r && (T.value = a);
+  }
+  y(T.value);
+  const j = e;
   return {
-    setTheme: p,
-    setThemeColors: x,
-    applyTheme: $,
-    currentTheme: _(f),
-    data: A,
-    getDynamicColorVariables: n
+    setTheme: y,
+    setThemeColors: M,
+    applyTheme: O,
+    currentTheme: H(T),
+    data: j,
+    getDynamicColorVariables: o
   };
 };
 export {
-  W as useNmorphTheme
+  z as getNmorphThemeStyles,
+  J as useNmorphTheme
 };

package/dist/package.json.js

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

package/dist/plugin.js

@@ -1,47 +1,52 @@
-import { default as S } from "./locales/ru.js";
+import { default as C } 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 { useNmorphTranslation as h } from "./hooks/use-nmorph-translation.js";
+import { useNmorphTheme as h } from "./outside-hooks/use-nmorph-theme.js";
+import { getNmorphThemeStyles as E } from "./outside-hooks/use-nmorph-theme.js";
 import { useCommonStyles as i } from "./hooks/use-common-styles.js";
-import { useNmorphTheme as f } from "./outside-hooks/use-nmorph-theme.js";
+import { getCommonStyles as O } from "./hooks/use-common-styles.js";
+import { AvatarShapeType as A, Locale as B, NmorphColor as F, NmorphComponentDirection as P, NmorphComponentHeight as R, NmorphComponentPosition as U, NmorphImageFit as Z, NmorphRadioStyleType as k, NmorphSelectionControlHeight as q, NmorphSelectionDateType as G, NmorphShadowType as J, NmorphSortOrder as K } from "./types/index.js";
+import { useNmorphTranslation as f } from "./hooks/use-nmorph-translation.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";
-const u = {
+import { useNmorph as W } from "./outside-hooks/use-nmorph.js";
+import { useNmorphNotification as Y } from "./outside-hooks/use-nmorph-notification.js";
+const g = {
   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);
+      const o = f(r.i18n), m = e.__VUE_I18N__;
+      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 = h(r.theme), a = c(), l = N(r.zIndex), p = { theme: t, browser: a, zIndex: l };
+    return e.provide("nmorph", p), e;
   }
-}, y = u;
+}, S = g;
 export {
-  E as AvatarShapeType,
-  O as Locale,
-  j as NmorphColor,
-  A as NmorphComponentDirection,
-  B as NmorphComponentHeight,
-  F as NmorphComponentPosition,
-  H as NmorphImageFit,
-  y as NmorphLibrary,
-  P as NmorphRadioStyleType,
-  R as NmorphSelectionDateType,
-  U as NmorphShadowType,
-  Z as NmorphSortOrder,
+  A as AvatarShapeType,
+  B as Locale,
+  F as NmorphColor,
+  P as NmorphComponentDirection,
+  R as NmorphComponentHeight,
+  U as NmorphComponentPosition,
+  Z as NmorphImageFit,
+  S as NmorphLibrary,
+  k as NmorphRadioStyleType,
+  q as NmorphSelectionControlHeight,
+  G as NmorphSelectionDateType,
+  J as NmorphShadowType,
+  K as NmorphSortOrder,
   w as en,
+  O as getCommonStyles,
+  E as getNmorphThemeStyles,
   M as nmorphLog,
-  S as ru,
-  q as useNmorph,
+  C as ru,
+  W as useNmorph,
   c as useNmorphBrowser,
-  J as useNmorphNotification,
-  f as useNmorphTheme,
+  Y as useNmorphNotification,
+  h 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/data/nmorph-table/NmorphTable.vue.d.ts

@@ -6,6 +6,10 @@ interface INmorphProps {
     bordered?: boolean;
     sort?: NmorphTableSortType;
     design?: 'nmorph' | 'common';
+    virtual?: boolean;
+    virtualHeight?: number | string;
+    virtualOverscan?: number;
+    virtualRowHeight?: number;
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
     sort: NmorphTableSortType;
@@ -13,8 +17,13 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     bordered: boolean;
     design: "nmorph" | "common";
     rowHover: boolean;
+    virtual: boolean;
+    virtualHeight: string | number;
+    virtualOverscan: number;
+    virtualRowHeight: number;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,5 +1,5 @@
 import { NmorphSortOrderType } from '../../../types';
-import { Ref } from 'vue';
+import { ComputedRef, Ref } from 'vue';
 export type NmorphTableSortType = Record<string, NmorphSortOrderType>;
 export type NmorphDataTableElRecordType = Record<string, unknown>;
 export type NmorphCellAlignmentType = 'left' | 'center' | 'right';
@@ -14,7 +14,7 @@ export interface NmorphTableColumnData extends INmorphTableColumnProps {
     id?: number;
 }
 export interface INmorphTableDataInjection {
-    rows: Ref<NmorphDataTableElRecordType[]>;
+    rows: Ref<NmorphDataTableElRecordType[]> | ComputedRef<NmorphDataTableElRecordType[]>;
     columns: Ref<NmorphTableColumnData[]>;
 }
 export type NmorphTableColumnPropertyInjectionType = string;

package/dist/src/components/feedback/nmorph-tooltip/NmorphTooltip.vue.d.ts

@@ -10,7 +10,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     tooltipBody: Ref<HTMLElement, HTMLElement>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
     text: string;
-    position: "top" | "right" | "left" | "bottom";
+    position: NmorphPlacementType;
     forceShow: boolean;
     forceCoordinate: Partial<INmorphCoords<string>>;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {

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

@@ -8,6 +8,10 @@ interface INmorphProps extends INmorphCommonInputProps {
     list: INmorphAutocompleteListItem[];
     actionCallback?: NmorphAutocompleteActionCallbackType;
     zIndex?: number;
+    virtual?: boolean;
+    virtualItemHeight?: number;
+    virtualMaxHeight?: number | string;
+    virtualOverscan?: number;
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     select: (value: unknown) => any;
@@ -19,15 +23,22 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     height: "thick" | "basic" | "thin";
     disabled: boolean;
     modelValue: string;
+    virtual: boolean;
+    virtualOverscan: number;
     placeholder: string;
     clearable: boolean;
     list: INmorphAutocompleteListItem[];
     actionCallback: NmorphAutocompleteActionCallbackType;
+    virtualItemHeight: number;
+    virtualMaxHeight: string | number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     loader?(_: {}): any;
     default?(_: {
         scope: INmorphAutocompleteListItem;
     }): any;
+    default?(_: {
+        scope: INmorphAutocompleteListItem;
+    }): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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;