@nmorph/nmorph-ui-kit 2.2.12 → 2.2.13

package/dist/nuxt.mjs

@@ -1,5 +1,5 @@
-import { defineNuxtModule as t, addPluginTemplate as n } from "@nuxt/kit";
-const a = t({
+import { defineNuxtModule as o, addPluginTemplate as i } from "@nuxt/kit";
+const p = o({
   meta: {
     name: "@nmorph/nmorph-ui-kit",
     configKey: "nmorph",
@@ -10,15 +10,16 @@ const a = t({
   defaults: {
     styles: !1
   },
-  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",
+  setup(s, e) {
+    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 { 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(s)}
+const options = ${JSON.stringify(n)}
 const libraryMessages = { en, ru, zh }
 
 const mergeMessages = (base, overrides = {}) => {
@@ -30,39 +31,22 @@ const mergeMessages = (base, overrides = {}) => {
 }
 
 export default defineNuxtPlugin((nuxtApp) => {
-  const i18nOptions = { ...(options.i18n || {}) }
+  const pluginOptions = { ...options }
+  const i18nOptions = { ...(pluginOptions.i18n || {}) }
   const messages = mergeMessages(libraryMessages, i18nOptions.messages)
   const i18n = nuxtApp.$i18n
 
-  if (i18n?.mergeLocaleMessage) {
-    Object.entries(messages).forEach(([locale, localeMessages]) => {
-      i18n.mergeLocaleMessage(locale, localeMessages)
+  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() },
+      ],
     })
   }
-})
-`
-    }), 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(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 pluginOptions = { ...options }
-  const i18nOptions = { ...(pluginOptions.i18n || {}) }
-  const messages = mergeMessages(libraryMessages, i18nOptions.messages)
-  const i18n = nuxtApp.$i18n
 
   i18nOptions.messages = messages
 
@@ -81,5 +65,5 @@ export default defineNuxtPlugin((nuxtApp) => {
   }
 });
 export {
-  a 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.12", e = {
+const a = "2.2.13", e = {
   version: a
 };
 export {

package/dist/plugin.js

@@ -1,48 +1,52 @@
-import { default as T } 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 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 { 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 G } from "./outside-hooks/use-nmorph.js";
-import { useNmorphNotification as K } 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__;
+      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), p = { theme: t, browser: a, zIndex: l };
+    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,
-  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 NmorphSelectionControlHeight,
-  U as NmorphSelectionDateType,
-  Z as NmorphShadowType,
-  k 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,
-  T as ru,
-  G as useNmorph,
+  C as ru,
+  W as useNmorph,
   c as useNmorphBrowser,
-  K as useNmorphNotification,
-  f as useNmorphTheme,
+  Y as useNmorphNotification,
+  h as useNmorphTheme,
   _ as zh
 };

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-select/NmorphSelect.vue.d.ts

@@ -12,6 +12,10 @@ interface INmorphProps extends INmorphCommonInputProps {
     fill?: boolean;
     optionsWidth?: 'truncate' | 'auto';
     zIndex?: number;
+    virtual?: boolean;
+    virtualItemHeight?: number;
+    virtualMaxHeight?: number | string;
+    virtualOverscan?: number;
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:model-value": (val: NmorphSelectModelValueType) => any;
@@ -24,7 +28,11 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     disabled: boolean;
     modelValue: NmorphSelectModelValueType;
     open: boolean;
+    virtual: boolean;
+    virtualOverscan: number;
     options: INmorphSelectOption[];
+    virtualItemHeight: number;
+    virtualMaxHeight: string | number;
     noElementPlaceholder: string;
     valueRequired: boolean;
     optionsMap: INmorphSelectOption[];

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

@@ -8,6 +8,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphSelectOp
     height: "thick" | "basic" | "thin";
     disabled: boolean;
     label: string;
+    focused: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;

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

@@ -6,4 +6,5 @@ export type NmorphSelectChangeSelectedValue = (value: string) => void;
 export interface INmorphSelectOption extends INmorphCommonInputProps {
     value: string;
     label: string;
+    focused?: boolean;
 }

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

@@ -1,8 +1,9 @@
-import { NmorphDomElementType } from '../../../types';
+import { NmorphDomElementType, NmorphPlacementType } from '../../../types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 interface INmorphProps {
     open: boolean;
     relativeElement: NmorphDomElementType;
+    placement?: NmorphPlacementType;
     width?: number | string;
     minWidth?: number | string;
     maxWidth?: number | string;
@@ -17,6 +18,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     "onOn-outside-click"?: () => any;
 }>, {
     width: string | number;
+    placement: NmorphPlacementType;
     xOffset: number;
     yOffset: number;
     fillWidth: boolean;

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

@@ -3,6 +3,8 @@ interface INmorphProps {
     show: boolean;
     transparent?: boolean;
     zIndex?: number;
+    teleportTo?: string | HTMLElement;
+    disabledTeleport?: boolean;
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "on-outside-click": () => any;
@@ -10,6 +12,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     "onOn-outside-click"?: () => any;
 }>, {
     transparent: boolean;
+    teleportTo: string | HTMLElement;
+    disabledTeleport: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;

package/dist/src/components/providers/nmorph-notification-provider/NmorphNotificationProvider.vue.d.ts

@@ -8,7 +8,7 @@ interface INmorphProps {
 }
 declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
     zIndex: number;
-    placement: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+    placement: "top-center" | "bottom-center" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
     quantity: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;