@nmorph/nmorph-ui-kit 0.2.13 → 0.2.15

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as T, computed as v, ref as x, openBlock as o, createElementBlock as a, normalizeClass as H, createElementVNode as n, createBlock as P, unref as _, renderSlot as A, toDisplayString as R, createCommentVNode as O, useCssVars as I, normalizeStyle as N, resolveDynamicComponent as O2, createStaticVNode as Ye, createTextVNode as ee, onUnmounted as pe, onMounted as Y, watch as K, withDirectives as Ge, vShow as Ke, reactive as le, createVNode as M, withCtx as E, Fragment as L, renderList as U, provide as J, nextTick as Ve, inject as Q, Teleport as ie, withModifiers as ne, useSlots as Xe, readonly as q2, TransitionGroup as de, mergeProps as ye, withKeys as P2, resolveComponent as Je, pushScopeId as R2, popScopeId as E2 } from "vue";
+import { defineComponent as T, computed as v, ref as x, openBlock as o, createElementBlock as a, normalizeClass as H, createElementVNode as n, createBlock as P, unref as _, renderSlot as A, toDisplayString as E, createCommentVNode as O, useCssVars as I, normalizeStyle as N, resolveDynamicComponent as O2, createStaticVNode as Ye, createTextVNode as ee, onUnmounted as pe, onMounted as Y, watch as K, withDirectives as Ge, vShow as Ke, reactive as le, createVNode as M, withCtx as R, Fragment as L, renderList as U, provide as J, nextTick as Ve, inject as Q, Teleport as ie, withModifiers as ne, useSlots as Xe, readonly as q2, TransitionGroup as de, mergeProps as ye, withKeys as P2, resolveComponent as Je, pushScopeId as R2, popScopeId as E2 } from "vue";
 import { createI18n as F2 } from "vue-i18n";
 var te = /* @__PURE__ */ ((e) => (e.thick = "thick-component", e.default = "default-height-component", e.thin = "thin-component", e))(te || {}), j2 = /* @__PURE__ */ ((e) => (e.ascending = "ascending", e.descending = "descending", e))(j2 || {}), W2 = /* @__PURE__ */ ((e) => (e.row = "row", e.column = "column", e))(W2 || {}), Qe = /* @__PURE__ */ ((e) => (e.inset = "inset", e.outset = "outset", e.combined = "combined", e))(Qe || {}), Ze = /* @__PURE__ */ ((e) => (e.accent = "accent", e.success = "success", e.error = "error", e.warning = "warning", e))(Ze || {}), c = /* @__PURE__ */ ((e) => (e["add-location"] = "add-location", e.aim = "aim", e["alarm-clock"] = "alarm-clock", e.apple = "apple", e.archive = "archive", e["arrow-down"] = "arrow-down", e["arrow-left"] = "arrow-left", e["arrow-right"] = "arrow-right", e["arrow-up"] = "arrow-up", e.audio = "audio", e.avatar = "avatar", e.back = "back", e["bell-filled"] = "bell-filled", e.bell = "bell", e.bicycle = "bicycle", e["bottom-left"] = "bottom-left", e["bottom-right"] = "bottom-right", e.bottom = "bottom", e.burger = "burger", e.calendar = "calendar", e.camera = "camera", e["caret-bottom"] = "caret-bottom", e["caret-left"] = "caret-left", e["caret-right"] = "caret-right", e["caret-top"] = "caret-top", e.cellphone = "cellphone", e["chat-dot-round"] = "chat-dot-round", e["chat-dot-square"] = "chat-dot-square", e["chat-line-round"] = "chat-line-round", e["chat-line-square"] = "chat-line-square", e["chat-round"] = "chat-round", e["chat-square"] = "chat-square", e.check = "check", e.checked = "checked", e.cherry = "cherry", e["chevron-double-down"] = "chevron-double-down", e["chevron-down"] = "chevron-down", e["chrome-filled"] = "chrome-filled", e["circle-check-filled"] = "circle-check-filled", e["circle-check"] = "circle-check", e["circle-close-filled"] = "circle-close-filled", e["circle-close"] = "circle-close", e["circle-plus-filled"] = "circle-plus-filled", e["circle-plus"] = "circle-plus", e.clock = "clock", e.close = "close", e.cloudy = "cloudy", e.code = "code", e["coffee-cup"] = "coffee-cup", e.coffee = "coffee", e.coin = "coin", e["collection-tag"] = "collection-tag", e.collection = "collection", e.compass = "compass", e.connection = "connection", e.coordinate = "coordinate", e["copy-document"] = "copy-document", e.copy = "copy", e.cpu = "cpu", e["credit-card"] = "credit-card", e.crop = "crop", e.cross = "cross", e["delete-filled"] = "delete-filled", e.delete = "delete", e.dessert = "dessert", e.discount = "discount", e.doc = "doc", e["document-add"] = "document-add", e["document-checked"] = "document-checked", e["document-copy"] = "document-copy", e["document-delete"] = "document-delete", e["document-remove"] = "document-remove", e.document = "document", e.download = "download", e["edit-pen"] = "edit-pen", e.edit = "edit", e.enlarge = "enlarge", e.error = "error", e.expand = "expand", e["eye-blocked"] = "eye-blocked", e.eye = "eye", e.failed = "failed", e.files = "files", e.film = "film", e.filter = "filter", e.finished = "finished", e.flag = "flag", e.fold = "fold", e["folder-add"] = "folder-add", e["folder-checked"] = "folder-checked", e["folder-delete"] = "folder-delete", e["folder-opened"] = "folder-opened", e.folder = "folder", e.food = "food", e["fork-spoon"] = "fork-spoon", e["full-screen"] = "full-screen", e.goblet = "goblet", e["gold-medal"] = "gold-medal", e["goods-filled"] = "goods-filled", e.goods = "goods", e.grape = "grape", e.grid = "grid", e.guide = "guide", e.handbag = "handbag", e.headset = "headset", e.histogram = "histogram", e["hot-water"] = "hot-water", e.house = "house", e["ice-cream-round"] = "ice-cream-round", e["ice-drink"] = "ice-drink", e["info-filled"] = "info-filled", e.info = "info", e.image = "image", e.key = "key", e["knife-fork"] = "knife-fork", e.lightning = "lightning", e.link = "link", e.list = "list", e.loader = "loader", e.loading = "loading", e["location-filled"] = "location-filled", e["location-information"] = "location-information", e.location = "location", e.lock = "lock", e.logo = "logo", e.lollipop = "lollipop", e["magic-stick"] = "magic-stick", e.magnet = "magnet", e.male = "male", e.management = "management", e["map-location"] = "map-location", e.medal = "medal", e.memo = "memo", e.menu = "menu", e["message-box"] = "message-box", e.message = "message", e.mic = "mic", e.microphone = "microphone", e.minus = "minus", e.money = "money", e.monitor = "monitor", e.moon = "moon", e["more-filled"] = "more-filled", e.more = "more", e["mostly-cloudy"] = "mostly-cloudy", e.mouse = "mouse", e.mug = "mug", e["mute-notification"] = "mute-notification", e.mute = "mute", e["no-smoking"] = "no-smoking", e.notebook = "notebook", e.notification = "notification", e["office-building"] = "office-building", e.operation = "operation", e.opportunity = "opportunity", e.orange = "orange", e.paperclip = "paperclip", e["partly-cloudy"] = "partly-cloudy", e.pear = "pear", e["phone-filled"] = "phone-filled", e.phone = "phone", e.picture = "picture", e["pie-chart"] = "pie-chart", e.place = "place", e.platform = "platform", e.plus = "plus", e.pointer = "pointer", e.position = "position", e["post-card"] = "post-card", e.pouring = "pouring", e.present = "present", e["price-tag"] = "price-tag", e.printer = "printer", e.promotion = "promotion", e["quartz-watch"] = "quartz-watch", e["question-filled"] = "question-filled", e.rank = "rank", e["reading-lamp"] = "reading-lamp", e.reading = "reading", e["refresh-left"] = "refresh-left", e["refresh-right"] = "refresh-right", e.refresh = "refresh", e.refrigerator = "refrigerator", e["remove-filled"] = "remove-filled", e.remove = "remove", e["rotate-left"] = "rotate-left", e["rotate-right"] = "rotate-right", e["scale-to-original"] = "scale-to-original", e.school = "school", e.scissor = "scissor", e.search = "search", e.select = "select", e.sell = "sell", e["semi-select"] = "semi-select", e.service = "service", e.setting = "setting", e.share = "share", e.ship = "ship", e.shop = "shop", e["shopping-bag"] = "shopping-bag", e["shopping-cart-full"] = "shopping-cart-full", e["shopping-cart"] = "shopping-cart", e.shrink = "shrink", e.smoking = "smoking", e.soccer = "soccer", e["sold-out"] = "sold-out", e["sort-down"] = "sort-down", e["sort-up"] = "sort-up", e.sort = "sort", e.stamp = "stamp", e["star-filled"] = "star-filled", e.star = "star", e["success-filled"] = "success-filled", e.success = "success", e.sugar = "sugar", e.sunny = "sunny", e.sunrise = "sunrise", e.sunset = "sunset", e["switch-button"] = "switch-button", e["switch-filled"] = "switch-filled", e.switch = "switch", e["takeaway-box"] = "takeaway-box", e.ticket = "ticket", e.tickets = "tickets", e.time = "time", e.timer = "timer", e["toilet-paper"] = "toilet-paper", e.tools = "tools", e["top-left"] = "top-left", e["top-right"] = "top-right", e.top = "top", e["trend-charts"] = "trend-charts", e["triangle-down"] = "triangle-down", e["trophy-base"] = "trophy-base", e.trophy = "trophy", e["turn-off"] = "turn-off", e.umbrella = "umbrella", e.unlock = "unlock", e["upload-filled"] = "upload-filled", e.upload = "upload", e["user-filled"] = "user-filled", e.user = "user", e.van = "van", e["video-camera"] = "video-camera", e["video-pause"] = "video-pause", e["video-play"] = "video-play", e.video = "video", e.view = "view", e["wallet-filled"] = "wallet-filled", e.wallet = "wallet", e["warn-triangle-filled"] = "warn-triangle-filled", e.warning = "warning", e.watch = "watch", e["wind-power"] = "wind-power", e["zoom-in"] = "zoom-in", e["zoom-out"] = "zoom-out", e))(c || {}), L2 = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(L2 || {}), U2 = /* @__PURE__ */ ((e) => (e.fill = "fill", e.contain = "contain", e.cover = "cover", e.none = "none", e["scale-down"] = "scale-down", e))(U2 || {}), oe = /* @__PURE__ */ ((e) => (e.en = "en", e.ru = "ru", e))(oe || {});
 const Y2 = (e, t) => {
@@ -35,7 +35,7 @@ const Y2 = (e, t) => {
     ripple: { type: Boolean, default: !0 },
     type: { default: "button" },
     text: { default: "" },
-    bgTransparentOnHover: { type: Boolean, default: !0 },
+    accentBgOnHover: { type: Boolean, default: !1 },
     shape: { default: "default" },
     icon: { default: void 0 },
     height: { default: "default" },
@@ -51,7 +51,7 @@ const Y2 = (e, t) => {
           l.styleType,
           l.shape,
           `${l.disabled && "disabled"}`,
-          `${l.bgTransparentOnHover && "bg-transparent-on-hover"}`,
+          `${l.accentBgOnHover && "accent-bg-on-hover"}`,
           `${l.ripple && "ripple"}`,
           `${l.icon && "icon"}`
         ]
@@ -78,7 +78,7 @@ const Y2 = (e, t) => {
           name: l.icon
         }, null, 8, ["name"])) : (o(), a("div", X2, [
           A(m.$slots, "default"),
-          !l.loading && l.text !== "" ? (o(), a("span", J2, R(l.text), 1)) : O("", !0),
+          !l.loading && l.text !== "" ? (o(), a("span", J2, E(l.text), 1)) : O("", !0),
           l.loading ? (o(), P(_(q), {
             key: 1,
             name: "loader",
@@ -2824,7 +2824,7 @@ const Vf = { render: kf }, n2 = {
         target: t.target
       }, [
         A(l.$slots, "prepend"),
-        ee(" " + R(l.text) + " ", 1),
+        ee(" " + E(l.text) + " ", 1),
         l.iconName ? (o(), P(_(q), {
           key: 0,
           class: "nmorph-link__icon",
@@ -3003,7 +3003,7 @@ const Df = {
         class: H(l.value),
         style: N({ right: i.value.x, top: i.value.y })
       }, [
-        t.isDot ? (o(), a("div", Df)) : (o(), a("div", Tf, R(r.value), 1))
+        t.isDot ? (o(), a("div", Df)) : (o(), a("div", Tf, E(r.value), 1))
       ], 6)
     ], 2));
   }
@@ -3091,18 +3091,18 @@ const qf = ["data-date", "onClick"], l2 = /* @__PURE__ */ T({
           bordered: "",
           "row-hover": !1
         }, {
-          default: E(() => [
+          default: R(() => [
             (o(), a(L, null, U(h, (B) => M(_(f2), {
               key: `${B}`,
               prop: B,
               label: B.toUpperCase()
             }, {
-              default: E(({ scope: F }) => [
+              default: R(({ scope: F }) => [
                 (o(!0), a(L, null, U(F.rows, (j, X) => (o(), P(_(m2), {
                   key: X,
                   row: X
                 }, {
-                  default: E(() => [
+                  default: R(() => [
                     n("div", {
                       "data-date": `${g(j[B]).date}`,
                       class: H([
@@ -3122,7 +3122,7 @@ const qf = ["data-date", "onClick"], l2 = /* @__PURE__ */ T({
                           selected: V(g(j[B]).date)
                         }
                       }, () => [
-                        ee(R(g(j[B]).hidden ? "-" : g(j[B]).value), 1)
+                        ee(E(g(j[B]).hidden ? "-" : g(j[B]).value), 1)
                       ])
                     ], 10, qf)
                   ]),
@@ -3241,7 +3241,7 @@ const He = [
       class: H(r.value)
     }, [
       A(i.$slots, "default", {}, () => [
-        n("h2", Rf, R(s.year) + " " + R(_(ze)(s.month)), 1),
+        n("h2", Rf, E(s.year) + " " + E(_(ze)(s.month)), 1),
         n("div", Ef, [
           i.showPreviousMonthButton ? (o(), P(_(W), {
             key: 0,
@@ -3474,7 +3474,7 @@ const Xf = /* @__PURE__ */ T({
         class: H(["nmorph-collapse-item__title", h.value])
       }, [
         A(y.$slots, "title", {}, () => [
-          ee(R(s.title), 1)
+          ee(E(s.title), 1)
         ])
       ], 2),
       n("div", {
@@ -3533,12 +3533,12 @@ const Zf = ["src", "alt", "srcset"], Nf = {
       }, null, 40, Zf),
       s.value ? O("", !0) : (o(), a("div", Nf, [
         A(u.$slots, "loading", {}, () => [
-          ee(R(t.loadingText), 1)
+          ee(E(t.loadingText), 1)
         ])
       ])),
       s.value && l.value ? (o(), a("div", If, [
         A(u.$slots, "error", {}, () => [
-          ee(R(t.loadFailedText), 1)
+          ee(E(t.loadFailedText), 1)
         ])
       ])) : O("", !0)
     ], 2));
@@ -3633,7 +3633,7 @@ const eg = { class: "nmorph-image-preview__content" }, tg = {
         show: l.value,
         onOnOutsideClick: m
       }, {
-        default: E(() => [
+        default: R(() => [
           n("div", eg, [
             M(_(Me), {
               src: h.value,
@@ -3644,7 +3644,7 @@ const eg = { class: "nmorph-image-preview__content" }, tg = {
           ]),
           F.value ? (o(), a("div", tg, [
             M(_(W), { onClick: z }, {
-              default: E(() => [
+              default: R(() => [
                 M(_(q), { name: "chevron-down" })
               ]),
               _: 1
@@ -3652,7 +3652,7 @@ const eg = { class: "nmorph-image-preview__content" }, tg = {
           ])) : O("", !0),
           F.value ? (o(), a("div", ng, [
             M(_(W), { onClick: V }, {
-              default: E(() => [
+              default: R(() => [
                 M(_(q), { name: "chevron-down" })
               ]),
               _: 1
@@ -3666,7 +3666,7 @@ const eg = { class: "nmorph-image-preview__content" }, tg = {
               M(_(W), {
                 onClick: G.handler
               }, {
-                default: E(() => [
+                default: R(() => [
                   M(_(q), {
                     name: G.icon
                   }, null, 8, ["name"])
@@ -3679,7 +3679,7 @@ const eg = { class: "nmorph-image-preview__content" }, tg = {
                 disabled: d.value === 1,
                 onClick: C.value.handler
               }, {
-                default: E(() => [
+                default: R(() => [
                   M(_(q), {
                     name: C.value.icon
                   }, null, 8, ["name"])
@@ -3743,7 +3743,7 @@ const ag = /* @__PURE__ */ T({
         disabled: y.value || s.disabled,
         onClick: h
       }, {
-        default: E(() => [
+        default: R(() => [
           M(_(q), {
             name: "chevron-down",
             class: "nmorph-pagination__prev"
@@ -3763,7 +3763,7 @@ const ag = /* @__PURE__ */ T({
         disabled: b.value || s.disabled,
         onClick: d
       }, {
-        default: E(() => [
+        default: R(() => [
           M(_(q), {
             name: "chevron-down",
             class: "nmorph-pagination__next"
@@ -3823,21 +3823,21 @@ const lg = {
           n("div", cg, [
             y.textInside ? (o(), a("div", ig, [
               A(y.$slots, "inner-text", {}, () => [
-                ee(R(k.value), 1)
+                ee(E(k.value), 1)
               ])
             ])) : O("", !0)
           ])
         ]),
         y.showText ? (o(), a("div", dg, [
           A(y.$slots, "right-sight", {}, () => [
-            ee(R(k.value), 1)
+            ee(E(k.value), 1)
           ])
         ])) : O("", !0)
       ])) : O("", !0),
       t.type === "circle" ? (o(), a("div", hg, [
         n("div", ug, [
           A(y.$slots, "circle-inner-part", {}, () => [
-            ee(R(k.value), 1)
+            ee(E(k.value), 1)
           ])
         ]),
         (o(), a("svg", {
@@ -3941,7 +3941,7 @@ const ue = "10px", xg = /* @__PURE__ */ T({
         "style-type": "transparent",
         onClick: i
       }, {
-        default: E(() => [
+        default: R(() => [
           M(_(q), {
             name: "triangle-down",
             class: "nmorph-sort-button__icon-up",
@@ -4024,7 +4024,7 @@ const yg = { class: "nmorph-table__wrapper" }, Mg = { class: "nmorph-table__head
                     style: N({ "justify-content": p.alignment }),
                     class: "nmorph-table__cell-content"
                   }, [
-                    n("span", null, R(p.label), 1),
+                    n("span", null, E(p.label), 1),
                     r.value && r.value[p.prop] ? (o(), P(xg, {
                       key: 0,
                       class: "nmorph-table__button-wrapper",
@@ -4058,7 +4058,7 @@ const yg = { class: "nmorph-table__wrapper" }, Mg = { class: "nmorph-table__head
                     id: `table-cell-${_(y)}-${$}-${f.prop}`,
                     style: N({ "text-align": f.alignment }),
                     class: "nmorph-table__cell nmorph-table__cell--data"
-                  }, R(k(p[f.prop])), 13, zg)
+                  }, E(k(p[f.prop])), 13, zg)
                 ], 2))), 128))
               ], 2))), 128))
             ])
@@ -4160,7 +4160,7 @@ const m2 = /* @__PURE__ */ T({
       class: H(l.value)
     }, [
       n("div", Sg, [
-        n("span", null, R(h.text), 1),
+        n("span", null, E(h.text), 1),
         s.removable ? (o(), P(_(q), {
           key: 0,
           class: "nmorph-tag__close-icon",
@@ -4226,12 +4226,12 @@ const Ag = ["innerHTML"], Dg = {
           n("div", qg, [
             n("div", Pg, [
               s.title || _(d).title ? A(u.$slots, "title", { key: 0 }, () => [
-                ee(R(s.title), 1)
+                ee(E(s.title), 1)
               ], !0) : O("", !0)
             ]),
             n("div", Rg, [
               A(u.$slots, "default", {}, () => [
-                ee(R(s.content), 1)
+                ee(E(s.content), 1)
               ], !0)
             ])
           ])
@@ -4256,7 +4256,7 @@ const Be = (e, t) => {
   for (const [l, r] of t)
     s[l] = r;
   return s;
-}, w2 = /* @__PURE__ */ Be(Eg, [["__scopeId", "data-v-ee0dea0a"]]);
+}, w2 = /* @__PURE__ */ Be(Eg, [["__scopeId", "data-v-5d1b56f9"]]);
 var ae = /* @__PURE__ */ ((e) => (e.success = "success", e.error = "error", e.warning = "warning", e.info = "info", e))(ae || {});
 const Fg = { class: "nmorph-dialog__header" }, jg = { class: "nmorph-dialog__title" }, Wg = { class: "nmorph-dialog__content" }, Lg = /* @__PURE__ */ T({
   __name: "NmorphDialog",
@@ -4277,19 +4277,19 @@ const Fg = { class: "nmorph-dialog__header" }, jg = { class: "nmorph-dialog__tit
       show: s.modelValue,
       onOnOutsideClick: i
     }, {
-      default: E(() => [
+      default: R(() => [
         n("div", {
           class: H(r.value)
         }, [
           n("div", Fg, [
             A(h.$slots, "header", {}, () => [
-              n("div", jg, R(s.title), 1),
+              n("div", jg, E(s.title), 1),
               n("div", {
                 class: "nmorph-dialog__close-icon",
                 onClick: i
               }, [
                 M(_(W), null, {
-                  default: E(() => [
+                  default: R(() => [
                     M(_(q), { name: "cross" })
                   ]),
                   _: 1
@@ -4405,7 +4405,7 @@ const Fe = (e) => {
   };
   return { placement: h, placementCoords: d };
 }, Tx = () => {
-}, Xg = "@nmorph/nmorph-ui-kit", Jg = "module", Qg = "0.2.13", Zg = "MIT", Ng = {
+}, Xg = "@nmorph/nmorph-ui-kit", Jg = "module", Qg = "0.2.15", Zg = "MIT", Ng = {
   node: "18.13.0",
   npm: "8.19.3"
 }, Ig = "./dist/index.d.ts", ew = "./dist/index.umd.js", tw = "./dist/index.es.js", nw = "./dist/style.css", ow = [
@@ -4517,10 +4517,10 @@ const Fe = (e) => {
   { name: "--nmorph-error-text-color", color: "#8d3333" },
   { name: "--nmorph-warn-color", color: "#E6A21C" },
   { name: "--nmorph-warn-text-color", color: "#7a6712" },
-  { name: "--nmorph-gray-color", color: "#c9d2de" },
+  { name: "--nmorph-gray-color", color: "#c9d2dee6" },
   { name: "--nmorph-white-color", color: "#ffffff" },
   { name: "--nmorph-black-color", color: "#000000" },
-  { name: "--nmorph-overlay-color", color: "#00000080" }
+  { name: "--nmorph-overlay-color", color: "#00000095" }
 ], dw = {
   darkShade: "#c8c9ca",
   main: "#eaf2f9",
@@ -4709,7 +4709,7 @@ const Fe = (e) => {
           name: "opacity",
           tag: "div"
         }, {
-          default: E(() => [
+          default: R(() => [
             s.value && t.text ? (o(), a("div", {
               key: 0,
               class: "nmorph-tooltip__info-content",
@@ -4717,7 +4717,7 @@ const Fe = (e) => {
             }, [
               n("div", ww, [
                 $w,
-                n("span", null, R(g.text), 1)
+                n("span", null, E(g.text), 1)
               ])
             ], 4)) : O("", !0)
           ]),
@@ -4727,11 +4727,11 @@ const Fe = (e) => {
           name: "opacity",
           tag: "div"
         }, {
-          default: E(() => [
+          default: R(() => [
             s.value ? (o(), a("div", xw, [
               n("div", yw, [
                 Mw,
-                t.text ? (o(), a("span", bw, R(g.text), 1)) : A(g.$slots, "content", { key: 1 })
+                t.text ? (o(), a("span", bw, E(g.text), 1)) : A(g.$slots, "content", { key: 1 })
               ])
             ])) : O("", !0)
           ]),
@@ -4814,7 +4814,7 @@ const kw = {
           u.value ? (o(), a("div", Bw)) : O("", !0)
         ]),
         r.label ? (o(), a("div", Cw, [
-          n("span", null, R(r.label), 1)
+          n("span", null, E(r.label), 1)
         ])) : (o(), a("div", Sw, [
           A(y.$slots, "default")
         ]))
@@ -4829,7 +4829,7 @@ const kw = {
           onChange: g
         }, null, 40, Dw),
         r.label ? (o(), a("div", Tw, [
-          n("span", null, R(r.label), 1)
+          n("span", null, E(r.label), 1)
         ])) : (o(), a("div", Ow, [
           A(y.$slots, "label")
         ]))
@@ -4947,7 +4947,7 @@ const Ew = { class: "nmorph-autocomplete__input-content" }, Fw = {
         "relative-element": u.value,
         onOnOutsideClick: m
       }, {
-        default: E(() => [
+        default: R(() => [
           b.value ? (o(), a("div", Fw, [
             A(w.$slots, "loader", {}, () => [
               M(_(q), {
@@ -4962,7 +4962,7 @@ const Ew = { class: "nmorph-autocomplete__input-content" }, Fw = {
               onClick: () => k($)
             }, [
               A(w.$slots, "default", { scope: $ }, () => [
-                ee(R($.value), 1)
+                ee(E($.value), 1)
               ])
             ], 8, Ww))), 128))
           ]))
@@ -5067,7 +5067,7 @@ const Le = /* @__PURE__ */ T({
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
-          n("div", Gw, R(y.value), 1),
+          n("div", Gw, E(y.value), 1),
           n("div", Kw, [
             $.value ? (o(), P(Le, {
               key: 0,
@@ -5084,7 +5084,7 @@ const Le = /* @__PURE__ */ T({
             "relative-element": m.value,
             onOnOutsideClick: g
           }, {
-            default: E(() => [
+            default: R(() => [
               M(_(ve), {
                 "selected-values": i.value,
                 "initial-date": l.value,
@@ -5109,9 +5109,9 @@ const Le = /* @__PURE__ */ T({
             class: "nmorph-date-picker__calendar-icon"
           }),
           n("div", Zw, [
-            n("div", Nw, R(b.value.from), 1),
-            n("div", Iw, R(s.textSeparator), 1),
-            n("div", e$, R(b.value.to), 1)
+            n("div", Nw, E(b.value.from), 1),
+            n("div", Iw, E(s.textSeparator), 1),
+            n("div", e$, E(b.value.to), 1)
           ]),
           n("div", t$, [
             $.value ? (o(), P(Le, {
@@ -5129,7 +5129,7 @@ const Le = /* @__PURE__ */ T({
             "relative-element": m.value,
             onOnOutsideClick: g
           }, {
-            default: E(() => [
+            default: R(() => [
               M(_(ve), {
                 "selected-values": i.value,
                 "initial-date": l.value,
@@ -5207,7 +5207,7 @@ const s$ = { class: "nmorph-year-month-picker__header" }, a$ = { class: "nmorph-
           "style-type": "transparent",
           onClick: f[0] || (f[0] = (z) => b("decrease"))
         }, {
-          default: E(() => [
+          default: R(() => [
             M(_(q), {
               name: "chevron-down",
               class: "nmorph-year-month-picker__chevron-left"
@@ -5227,7 +5227,7 @@ const s$ = { class: "nmorph-year-month-picker__header" }, a$ = { class: "nmorph-
           "style-type": "transparent",
           onClick: f[1] || (f[1] = (z) => b("increase"))
         }, {
-          default: E(() => [
+          default: R(() => [
             M(_(q), {
               name: "chevron-down",
               class: "nmorph-year-month-picker__chevron-right"
@@ -5293,7 +5293,7 @@ const ve = /* @__PURE__ */ T({
         "initial-date": i.value,
         "onUpdate:modelValue": C
       }, {
-        header: E(() => [
+        header: R(() => [
           M(_(H2), {
             date: i.value,
             onPrevMonth: k,
@@ -5343,7 +5343,7 @@ const ve = /* @__PURE__ */ T({
           "style-type": "transparent",
           onClick: h[0] || (h[0] = (d) => l("prev-year"))
         }, {
-          default: E(() => [
+          default: R(() => [
             M(_(q), {
               name: "chevron-double-down",
               class: "nmorph-date-picker-header__chevron-double-left"
@@ -5356,7 +5356,7 @@ const ve = /* @__PURE__ */ T({
           "style-type": "transparent",
           onClick: h[1] || (h[1] = (d) => l("prev-month"))
         }, {
-          default: E(() => [
+          default: R(() => [
             M(_(q), {
               name: "chevron-down",
               class: "nmorph-date-picker-header__chevron-left"
@@ -5385,7 +5385,7 @@ const ve = /* @__PURE__ */ T({
           "style-type": "transparent",
           onClick: h[4] || (h[4] = (d) => l("next-month"))
         }, {
-          default: E(() => [
+          default: R(() => [
             M(_(q), {
               name: "chevron-down",
               class: "nmorph-date-picker-header__chevron-right"
@@ -5398,7 +5398,7 @@ const ve = /* @__PURE__ */ T({
           "style-type": "transparent",
           onClick: h[5] || (h[5] = (d) => l("next-year"))
         }, {
-          default: E(() => [
+          default: R(() => [
             M(_(q), {
               name: "chevron-double-down",
               class: "nmorph-date-picker-header__chevron-double-right"
@@ -5486,7 +5486,7 @@ const d$ = { class: "nmorph-file-upload__trigger" }, h$ = ["multiple"], u$ = { c
           name: "list",
           tag: "div"
         }, {
-          default: E(() => [
+          default: R(() => [
             (o(!0), a(L, null, U(_(i), ({ data: p, previewUrl: $ }) => (o(), a("div", {
               key: p.name,
               class: "nmorph-file-upload__file"
@@ -5498,7 +5498,7 @@ const d$ = { class: "nmorph-file-upload__trigger" }, h$ = ["multiple"], u$ = { c
                   width: "14px",
                   height: "17px"
                 }, null, 8, ["name"]),
-                n("span", v$, R(p.name), 1)
+                n("span", v$, E(p.name), 1)
               ]),
               n("div", p$, [
                 M(_(W), {
@@ -5506,7 +5506,7 @@ const d$ = { class: "nmorph-file-upload__trigger" }, h$ = ["multiple"], u$ = { c
                   "style-type": "transparent",
                   onClick: (f) => g(p.name)
                 }, {
-                  default: E(() => [
+                  default: R(() => [
                     M(_(q), { name: "error" })
                   ]),
                   _: 2
@@ -5571,11 +5571,11 @@ const f$ = {
         name: "list",
         tag: "div"
       }, {
-        default: E(() => [
+        default: R(() => [
           (o(!0), a(L, null, U(s.value, (h) => (o(), a("p", {
             key: h,
             class: "nmorph-error-box__error"
-          }, R(h), 1))), 128))
+          }, E(h), 1))), 128))
         ]),
         _: 1
       })
@@ -5634,7 +5634,7 @@ const y$ = { key: 0 }, M$ = { class: "nmorph-form-item__content" }, b$ = /* @__P
     return (u, m) => (o(), a("div", {
       class: H(d.value)
     }, [
-      t.label ? (o(), a("label", y$, R(t.label), 1)) : O("", !0),
+      t.label ? (o(), a("label", y$, E(t.label), 1)) : O("", !0),
       n("div", M$, [
         A(u.$slots, "default"),
         M(_(x$), {
@@ -5727,7 +5727,7 @@ const k$ = { class: "nmorph-number-input__content" }, V$ = { class: "nmorph-numb
               height: s.height,
               onClick: h
             }, {
-              default: E(() => [
+              default: R(() => [
                 M(_(q), {
                   name: "minus",
                   width: k.value,
@@ -5754,7 +5754,7 @@ const k$ = { class: "nmorph-number-input__content" }, V$ = { class: "nmorph-numb
                 disabled: d.value,
                 onClick: h
               }, {
-                default: E(() => [
+                default: R(() => [
                   M(_(q), {
                     name: "minus",
                     width: k.value,
@@ -5770,7 +5770,7 @@ const k$ = { class: "nmorph-number-input__content" }, V$ = { class: "nmorph-numb
                 disabled: u.value,
                 onClick: i
               }, {
-                default: E(() => [
+                default: R(() => [
                   M(_(q), {
                     name: "plus",
                     width: k.value,
@@ -5787,7 +5787,7 @@ const k$ = { class: "nmorph-number-input__content" }, V$ = { class: "nmorph-numb
               height: s.height,
               onClick: i
             }, {
-              default: E(() => [
+              default: R(() => [
                 M(_(q), {
                   name: "plus",
                   width: k.value,
@@ -5875,8 +5875,8 @@ const T$ = { class: "nmorph-select__content" }, O$ = {
           class: "nmorph-select__selected-values-line",
           onClick: ne(k, ["stop"])
         }, [
-          typeof r.value == "string" ? (o(), a("div", O$, R(b.value), 1)) : O("", !0),
-          r.value.length <= 0 ? (o(), a("div", q$, R(s.noElementPlaceholder), 1)) : (o(), a("div", P$, [
+          typeof r.value == "string" ? (o(), a("div", O$, E(b.value), 1)) : O("", !0),
+          r.value.length <= 0 ? (o(), a("div", q$, E(s.noElementPlaceholder), 1)) : (o(), a("div", P$, [
             (o(!0), a(L, null, U(p.value, (V) => (o(), P(_(g2), ye({
               key: V.value,
               ref_for: !0
@@ -5899,7 +5899,7 @@ const T$ = { class: "nmorph-select__content" }, O$ = {
         "relative-element": $.value,
         onOnOutsideClick: y
       }, {
-        default: E(() => [
+        default: R(() => [
           n("div", {
             ref_key: "optionsDOMRef",
             ref: h,
@@ -5946,7 +5946,7 @@ const E$ = { class: "nmorph-select-option__content" }, z2 = /* @__PURE__ */ T({
       onClick: h
     }, [
       n("div", E$, [
-        n("span", null, R(r.label), 1),
+        n("span", null, E(r.label), 1),
         A(m.$slots, "default")
       ]),
       d.value ? (o(), P(_(q), {
@@ -6096,17 +6096,18 @@ const L$ = ["value", "disabled"], U$ = { class: "nmorph-switch-thumb" }, Y$ = /*
           disabled: s.disabled,
           class: "nmorph-native-input"
         }, null, 8, L$),
+        n("div", {
+          class: H(["nmorph-switch__bg-content", { "nmorph-switch__bg-content--enable": i.value }])
+        }, [
+          i.value ? A(u.$slots, "bg-on", { key: 0 }) : A(u.$slots, "bg-off", { key: 1 })
+        ], 2),
         n("div", U$, [
           s.loading ? (o(), P(_(q), {
             key: 0,
             name: "loader",
-            width: "16px",
-            height: "16px"
-          })) : i.value ? A(u.$slots, "thumb-on", { key: 1 }, () => [
-            ee(R(u.$t("NmorphSwitch.on")), 1)
-          ]) : A(u.$slots, "thumb-off", { key: 2 }, () => [
-            ee(R(u.$t("NmorphSwitch.off")), 1)
-          ])
+            width: "14px",
+            height: "14px"
+          })) : i.value ? A(u.$slots, "thumb-on", { key: 1 }) : A(u.$slots, "thumb-off", { key: 2 })
         ])
       ])
     ], 2));
@@ -6129,7 +6130,7 @@ const G$ = { class: "nmorph-text-input__input-side" }, K$ = {
   emits: ["inputDOMRef", "update:modelValue", "focus", "blur", "on-enter"],
   setup(e, { emit: t }) {
     I(($) => ({
-      "1b4d3fbc": w.value
+      "7ee4ab03": w.value
     }));
     const s = e, l = v(
       () => D({
@@ -6179,7 +6180,7 @@ const G$ = { class: "nmorph-text-input__input-side" }, K$ = {
           height: s.height,
           onClick: h
         }, {
-          default: E(() => [
+          default: R(() => [
             M(_(q), { name: b.value }, null, 8, ["name"])
           ]),
           _: 1
@@ -6261,7 +6262,7 @@ const J$ = { class: "nmorph-time-picker__content" }, Q$ = { class: "nmorph-time-
               step: "1",
               class: "nmorph-native-input"
             }, null, 8, Z$),
-            n("span", null, R(C.value), 1)
+            n("span", null, E(C.value), 1)
           ]),
           r.value ? (o(), P(_(re), {
             key: 0,
@@ -6269,7 +6270,7 @@ const J$ = { class: "nmorph-time-picker__content" }, Q$ = { class: "nmorph-time-
             "relative-element": r.value,
             onOnOutsideClick: f
           }, {
-            default: E(() => [
+            default: R(() => [
               n("div", N$, [
                 M(F, {
                   "set-value-on-mount": !u.value,
@@ -6368,7 +6369,7 @@ const ke = (e) => {
           sx,
           h.value ? (o(), a("div", ax)) : O("", !0)
         ]),
-        r.label ? (o(), a("span", lx, R(r.label), 1)) : A(g.$slots, "label", { key: 1 }, void 0, !0)
+        r.label ? (o(), a("span", lx, E(r.label), 1)) : A(g.$slots, "label", { key: 1 }, void 0, !0)
       ])) : O("", !0),
       r.styleType === "button-style" ? (o(), a("div", rx, [
         n("input", {
@@ -6382,7 +6383,7 @@ const ke = (e) => {
           class: "nmorph-native-input"
         }, null, 8, cx),
         r.label ? (o(), a("div", ix, [
-          n("span", null, R(r.label), 1)
+          n("span", null, E(r.label), 1)
         ])) : (o(), a("div", dx, [
           A(g.$slots, "label", {}, void 0, !0)
         ]))
@@ -6478,7 +6479,7 @@ const vx = /* @__PURE__ */ T({
       }, [
         A(y.$slots, "default", {}, () => [
           M(_(W), null, {
-            default: E(() => [
+            default: R(() => [
               M(_(q), {
                 name: "chevron-down",
                 class: "nmorph-backtop__up-icon"
@@ -6519,7 +6520,7 @@ const px = ["id"], mx = {
           id: `nmorph-breadcrumb-${_(l)}-${d.itemId}-element`,
           class: "nmorph-breadcrumb__element"
         }, null, 8, px),
-        u < s.value.length - 1 ? (o(), a("div", mx, R(t.separator), 1)) : O("", !0)
+        u < s.value.length - 1 ? (o(), a("div", mx, E(t.separator), 1)) : O("", !0)
       ]))), 128))
     ], 2));
   }
@@ -6552,7 +6553,7 @@ const gx = /* @__PURE__ */ T({
             replace: h.replace,
             class: "fill-height"
           }, {
-            default: E(() => [
+            default: R(() => [
               A(h.$slots, "default")
             ]),
             _: 3
@@ -6595,7 +6596,7 @@ const re = /* @__PURE__ */ T({
       transparent: "",
       onOnOutsideClick: u
     }, {
-      default: E(() => [
+      default: R(() => [
         n("div", {
           ref_key: "dropdownDOMRef",
           ref: r,
@@ -6643,7 +6644,7 @@ const wx = { class: "nmorph-tabs__label-list" }, $x = ["id", "onClick"], xx = {
             { "nmorph-tabs__label--disabled": g.disabled }
           ]]),
           onClick: (k) => i(g)
-        }, R(g.label), 11, $x))), 128))
+        }, E(g.label), 11, $x))), 128))
       ]),
       n("div", xx, [
         n("div", yx, [
@@ -6768,7 +6769,7 @@ const Vx = /* @__PURE__ */ T({
         name: "nmorph-notification",
         tag: "div"
       }, {
-        default: E(() => [
+        default: R(() => [
           (o(!0), a(L, null, U(l.value, (m) => (o(), a("div", {
             key: m.id,
             style: N({ width: m.width }),
@@ -6784,7 +6785,7 @@ const Vx = /* @__PURE__ */ T({
     ], 6));
   }
 });
-const Hx = /* @__PURE__ */ Be(Vx, [["__scopeId", "data-v-7dfd8bbe"]]);
+const Hx = /* @__PURE__ */ Be(Vx, [["__scopeId", "data-v-3af1e6fe"]]);
 var T2 = /* @__PURE__ */ ((e) => (e["top-left"] = "top-left", e["top-center"] = "top-center", e["top-right"] = "top-right", e["bottom-left"] = "bottom-left", e["bottom-center"] = "bottom-center", e["bottom-right"] = "bottom-right", e))(T2 || {});
 const zx = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,