@nmorph/nmorph-ui-kit 2.2.7 → 2.2.10

package/dist/locales/en.js

@@ -0,0 +1,29 @@
+const e = {
+  sun: "sun",
+  mon: "mon",
+  tue: "tue",
+  wed: "wed",
+  thu: "thu",
+  fri: "fri",
+  sat: "sat",
+  jan: "January",
+  feb: "February",
+  mar: "March",
+  apr: "April",
+  may: "May",
+  jun: "June",
+  jul: "July",
+  aug: "August",
+  sep: "September",
+  oct: "October",
+  nov: "November",
+  dec: "December",
+  pickADate: "Pick a date",
+  loadingText: "Loading ...",
+  loadFailedText: "Image loading failed",
+  noElementPlaceholder: "Choose value",
+  selectFile: "Select file"
+};
+export {
+  e as default
+};

package/dist/locales/ru.js

@@ -0,0 +1,29 @@
+const e = {
+  sun: "Вс",
+  mon: "Пн",
+  tue: "Вт",
+  wed: "Ср",
+  thu: "Чт",
+  fri: "Пт",
+  sat: "Сб",
+  jan: "Январь",
+  feb: "Февраль",
+  mar: "Март",
+  apr: "Апрель",
+  may: "Май",
+  jun: "Июнь",
+  jul: "Июль",
+  aug: "Август",
+  sep: "Сентябрь",
+  oct: "Октябрь",
+  nov: "Ноябрь",
+  dec: "Декабрь",
+  pickADate: "Выберите дату",
+  loadingText: "Загрузка ...",
+  loadFailedText: "Не удалось загрузить изображение",
+  noElementPlaceholder: "Выберите значение",
+  selectFile: "Выберите файл"
+};
+export {
+  e as default
+};

package/dist/locales/zh.js

@@ -0,0 +1,29 @@
+const e = {
+  sun: "日",
+  mon: "一",
+  tue: "二",
+  wed: "三",
+  thu: "四",
+  fri: "五",
+  sat: "六",
+  jan: "一月",
+  feb: "二月",
+  mar: "三月",
+  apr: "四月",
+  may: "五月",
+  jun: "六月",
+  jul: "七月",
+  aug: "八月",
+  sep: "九月",
+  oct: "十月",
+  nov: "十一月",
+  dec: "十二月",
+  pickADate: "选择日期",
+  loadingText: "加载中...",
+  loadFailedText: "图片加载失败",
+  noElementPlaceholder: "选择值",
+  selectFile: "选择文件"
+};
+export {
+  e as default
+};

package/dist/nuxt.mjs

@@ -0,0 +1,56 @@
+import { defineNuxtModule as t, addPluginTemplate as o } from "@nuxt/kit";
+const r = t({
+  meta: {
+    name: "@nmorph/nmorph-ui-kit",
+    configKey: "nmorph",
+    compatibility: {
+      nuxt: ">=3.0.0"
+    }
+  },
+  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({
+      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 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
+
+  if (i18n?.mergeLocaleMessage) {
+    Object.entries(messages).forEach(([locale, localeMessages]) => {
+      i18n.mergeLocaleMessage(locale, localeMessages)
+    })
+    i18nOptions.outsideMessagesMerge = true
+  }
+
+  pluginOptions.i18n = i18nOptions
+  nuxtApp.vueApp.use(NmorphLibrary, pluginOptions)
+})
+`
+    });
+  }
+});
+export {
+  r as default
+};

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

@@ -0,0 +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 = () => {
+    clearTimeout(o), o = setTimeout(() => {
+      e.value.width = window.innerWidth, e.value.height = window.innerHeight;
+    }, 400);
+  }, s = () => {
+    clearTimeout(t), t = setTimeout(() => {
+      i.value = window.scrollY;
+    }, 400);
+  };
+  return window && (window.addEventListener("resize", n), window.addEventListener("scroll", s)), {
+    dimensions: e,
+    scrollTop: i
+  };
+};
+export {
+  d as useNmorphBrowser
+};

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

@@ -0,0 +1,29 @@
+import { ref as s, reactive as c } from "vue";
+import { generateUUID as u } from "../utils/common.js";
+const d = () => {
+  const t = s([]), r = {
+    duration: 3e3,
+    closable: !0,
+    fill: !0,
+    width: "330px"
+  }, a = (o) => {
+    const e = {
+      id: u(),
+      ...r
+    }, i = c({
+      ...e,
+      ...o
+    });
+    t.value.push(i), i.duration !== 0 && setTimeout(() => n(i.id), i.duration);
+  }, n = (o) => {
+    t.value = t.value.filter((e) => e.id !== o);
+  };
+  return {
+    notifications: t,
+    notify: a,
+    removeNotification: n
+  };
+};
+export {
+  d as useNmorphNotification
+};

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

@@ -0,0 +1,147 @@
+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 = {
+  info: "#d4e5edbb",
+  infoText: "#506c80",
+  success: "#67C23A",
+  successText: "#0b5b1d",
+  error: "#F56C6C",
+  errorText: "#8d3333",
+  warn: "#E6A21C",
+  warnText: "#7a6712",
+  gray: "#c9d2dee6",
+  white: "#ffffff",
+  black: "#000000",
+  overlay: "#00000095"
+}, w = {
+  darkShade: "#c8c9ca",
+  main: "#e9ecec",
+  lightShade: "#fdfdfd",
+  text: "#687b9e",
+  scrollThumb: "#687b9e",
+  accent: "#4a90e2",
+  focusText: "#ffffff",
+  placeholderText: "#c1c9cf",
+  semiContrastText: "#8a9dc0",
+  contrastText: "#b4c4de"
+}, B = {
+  darkShade: "#0f1112",
+  main: "#1c1f21",
+  lightShade: "#292d30",
+  text: "#778288",
+  scrollThumb: "#778288",
+  accent: "#006cb6",
+  focusText: "#ffffff",
+  placeholderText: "#575757",
+  semiContrastText: "#9caab0",
+  contrastText: "#c3cdd1"
+}, u = "nmorph-data-theme", R = "dark", l = {
+  themes: {
+    common: v,
+    light: w,
+    dark: B
+  },
+  defaultTheme: R,
+  saveCurrentThemeToLS: !0,
+  darkShadeGeneratorCoefficient: -45,
+  lightShadeGeneratorCoefficient: 45,
+  other: {
+    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) => {
+    try {
+      const e = F(a);
+      return {
+        darkShade: L(e, t.darkShadeGeneratorCoefficient),
+        lightShade: L(e, t.lightShadeGeneratorCoefficient)
+      };
+    } catch (e) {
+      return console.error(e instanceof Error ? e.message : e), {};
+    }
+  }, 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)));
+      else {
+        const D = `
+          &[${u}='${i}'] {
+            ${c(m)}
+          }
+        `;
+        T.push(D);
+      }
+    }), `
+      :root {
+        ${T.join(" ")}
+        ${h}
+      }
+    `;
+  }, 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;
+  };
+  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;
+  return {
+    setTheme: p,
+    setThemeColors: x,
+    applyTheme: $,
+    currentTheme: _(f),
+    data: A,
+    getDynamicColorVariables: n
+  };
+};
+export {
+  W as useNmorphTheme
+};

package/dist/outside-hooks/use-nmorph-z-index.js

@@ -0,0 +1,8 @@
+import { ref as t } from "vue";
+const u = (r = {}) => {
+  const e = t(r.base ?? 1e3);
+  return { current: e, next: () => (e.value += 1, e.value) };
+};
+export {
+  u as useNmorphZIndex
+};

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

@@ -0,0 +1,9 @@
+import { inject as o } from "vue";
+const t = () => {
+  const r = o("nmorph");
+  if (!r) throw new Error("Nmorph instance is not provided");
+  return r;
+};
+export {
+  t as useNmorph
+};

package/dist/outside-utils/index.js

@@ -0,0 +1,23 @@
+const e = {
+  error: {
+    bg: "#000000",
+    text: "red"
+  },
+  success: {
+    bg: "#000000",
+    text: "green"
+  },
+  warn: {
+    bg: "#000000",
+    text: "orange"
+  },
+  info: {
+    bg: "#000000",
+    text: "blue"
+  }
+}, t = (o, r) => {
+  console.log(`%c ${r} `, `background: ${e[o].bg}; color: ${e[o].text}`);
+};
+export {
+  t as nmorphLog
+};

package/dist/package.json.js

@@ -0,0 +1,7 @@
+const a = "2.2.10", e = {
+  version: a
+};
+export {
+  e as default,
+  a as version
+};

package/dist/plugin.d.ts

@@ -0,0 +1,2 @@
+export * from './src/plugin'
+export {}

package/dist/plugin.js

@@ -0,0 +1,47 @@
+import { default as S } 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 { 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";
+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);
+      }), 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;
+  }
+}, y = u;
+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,
+  w as en,
+  M as nmorphLog,
+  S as ru,
+  q as useNmorph,
+  c as useNmorphBrowser,
+  J as useNmorphNotification,
+  f as useNmorphTheme,
+  _ as zh
+};

package/dist/src/components/basic/nmorph-scroll/NmorphScroll.vue.d.ts

@@ -15,8 +15,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphScrollPr
     height: string;
     maxHeight: string;
     modelValue: NmorphCoordsType;
-    scrollYProp: "scroll" | "hidden" | "auto";
-    scrollXProp: "scroll" | "hidden" | "auto";
+    scrollYProp: "scroll" | "auto" | "hidden";
+    scrollXProp: "scroll" | "auto" | "hidden";
     cssScrollBehavior: "auto" | "smooth" | "inherit" | "initial" | "unset";
     scrollEndDelay: number;
     updateOnlyOnScrollEnd: boolean;

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-preview/types.d.ts

@@ -1,5 +1,5 @@
-import { DefineComponent } from 'vue';
+import { Component } from 'vue';
 export interface INmorphAction {
-    icon: DefineComponent<{}, {}, unknown>;
+    icon: Component;
     handler: () => void;
 }

package/dist/src/components/feedback/nmorph-alert/NmorphAlert.vue.d.ts

@@ -1,8 +1,8 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { INmorphAlertProps } from '../..';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 interface INmorphProps extends INmorphAlertProps {
 }
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     close: () => any;
 }, string, PublicProps, Readonly<INmorphProps> & Readonly<{
     onClose?: () => any;
@@ -10,8 +10,8 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<INmorphProps, {}
     fill: boolean;
     type: "error" | "success" | "warning" | "info";
     id: string;
-    title: string;
     html: string;
+    title: string;
     bordered: boolean;
     closable: boolean;
     content: string;

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

@@ -18,8 +18,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
 }>, {
     height: "thick" | "basic" | "thin";
     disabled: boolean;
-    placeholder: string;
     modelValue: string;
+    placeholder: string;
     clearable: boolean;
     list: INmorphAutocompleteListItem[];
     actionCallback: NmorphAutocompleteActionCallbackType;

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

@@ -17,9 +17,9 @@ declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentO
     type: "date" | "dates" | "daterange";
     height: "thick" | "basic" | "thin";
     disabled: boolean;
-    placeholder: string;
     modelValue: NmorphSelectedDateModelType;
     initialDate: Date;
+    placeholder: string;
     textSeparator: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/src/components/form/nmorph-otp-input/NmorphOTPInput.vue.d.ts

@@ -26,9 +26,9 @@ declare const _default: DefineComponent<INmorphProps, {
     length: number;
     height: "thick" | "basic" | "thin";
     disabled: boolean;
-    autocapitalize: string;
     modelValue: string;
     mode: NmorphOtpInputMode;
     autofocus: boolean;
+    autocapitalize: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -26,8 +26,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
 }>, {
     height: "thick" | "basic" | "thin";
     disabled: boolean;
-    placeholder: string;
     modelValue: string;
+    placeholder: string;
     clearable: boolean;
     typePassword: boolean;
     indentation: string;

package/dist/src/main.d.ts

@@ -1,9 +1,2 @@
-import { ObjectPlugin } from 'vue';
-export { default as ru } from './locales/ru.js';
-export { default as zh } from './locales/zh.js';
-export { default as en } from './locales/en.js';
-export { nmorphLog } from './outside-utils';
-export { useNmorphTheme, useNmorphBrowser, useNmorphNotification, useNmorph } from './outside-hooks';
-export * from './types/index.ts';
+export * from './plugin';
 export * from './components';
-export declare const NmorphLibrary: ObjectPlugin<any[]>;

package/dist/src/nuxt/module.d.ts

@@ -0,0 +1,6 @@
+import { INmorphOptions } from '../types/index.ts';
+export type NmorphNuxtModuleOptions = INmorphOptions & {
+    styles?: 'all' | false;
+};
+declare const _default: NuxtModule<TOptions, TOptions, false>;
+export default _default;

package/dist/src/plugin.d.ts

@@ -0,0 +1,8 @@
+import { ObjectPlugin } from 'vue';
+export { default as ru } from './locales/ru.js';
+export { default as zh } from './locales/zh.js';
+export { default as en } from './locales/en.js';
+export { nmorphLog } from './outside-utils';
+export { useNmorphTheme, useNmorphBrowser, useNmorphNotification, useNmorph } from './outside-hooks';
+export * from './types/index.ts';
+export declare const NmorphLibrary: ObjectPlugin<any[]>;