@nmorph/nmorph-ui-kit 3.0.20 → 3.0.21

package/dist/components/navigation/nmorph-backtop/NmorphBacktop.vue.js

@@ -1,15 +1,15 @@
 import './NmorphBacktop.css';
 import i from "./NmorphBacktop.vue2.js";
-import { openBlock as e, createElementBlock as s, createBlock as p, Teleport as a, createElementVNode as l, normalizeStyle as c, normalizeClass as d, withModifiers as m, renderSlot as h, createVNode as r, withCtx as n } from "vue";
+import { openBlock as e, createElementBlock as a, createBlock as c, Teleport as s, createElementVNode as l, normalizeStyle as d, normalizeClass as p, withModifiers as m, renderSlot as f, createVNode as r, withCtx as n } from "vue";
 /* empty css                   */
-import f from "../../../_virtual/_plugin-vue_export-helper.js";
+import h from "../../../_virtual/_plugin-vue_export-helper.js";
 const _ = { ref: "placeholderDOMEl" };
-function k(t, b, v, o, N, g) {
-  return e(), s(
+function k(t, b, C, o, N, v) {
+  return e(), a(
     "div",
     _,
     [
-      (e(), p(a, {
+      (e(), c(s, {
         to: o.props.teleportTo,
         disabled: !o.isMounted || o.props.teleportDisabled
       }, [
@@ -17,22 +17,23 @@ function k(t, b, v, o, N, g) {
           "div",
           {
             ref: "selfDOMEl",
-            class: d(o.modifiers),
-            style: c(o.styles)
+            class: p(o.modifiers),
+            style: d(o.styles)
           },
           [
             l("div", {
               onClick: m(o.scrollToTopHandler, ["stop"])
             }, [
-              h(t.$slots, "default", {}, () => [
+              f(t.$slots, "default", {}, () => [
                 r(o.NmorphButton, {
                   design: o.props.design,
-                  borderless: o.props.design === "plain"
+                  borderless: o.props.design === "plain",
+                  color: o.plainControlColor
                 }, {
                   default: n(() => [
                     r(o.NmorphIcon, {
                       class: "nmorph-backtop__up-icon",
-                      color: o.props.design === "nmorph" ? void 0 : "var(--nmorph-white-color)"
+                      color: o.plainControlColor
                     }, {
                       default: n(() => [
                         r(o.NmorphIconChevronDown)
@@ -43,7 +44,7 @@ function k(t, b, v, o, N, g) {
                   ]),
                   _: 1
                   /* STABLE */
-                }, 8, ["design", "borderless"])
+                }, 8, ["design", "borderless", "color"])
               ])
             ])
           ],
@@ -56,7 +57,7 @@ function k(t, b, v, o, N, g) {
     /* NEED_PATCH */
   );
 }
-const D = /* @__PURE__ */ f(i, [["render", k], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/navigation/nmorph-backtop/NmorphBacktop.vue"]]);
+const D = /* @__PURE__ */ h(i, [["render", k], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/navigation/nmorph-backtop/NmorphBacktop.vue"]]);
 export {
   D as default
 };

package/dist/components/navigation/nmorph-backtop/NmorphBacktop.vue2.js

@@ -1,10 +1,10 @@
 import './NmorphBacktop.css';
-import { defineComponent as E, computed as h, ref as l, onMounted as T, onUnmounted as k } from "vue";
-import { useModifiers as q } from "../../../utils/create-modifiers.js";
-import x from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+import { defineComponent as T, computed as s, ref as l, onMounted as k, onUnmounted as q } from "vue";
+import { useModifiers as x } from "../../../utils/create-modifiers.js";
+import C from "../../basic/nmorph-icon/NmorphIcon.vue.js";
 import I from "../../basic/nmorph-button/NmorphButton.vue.js";
 import B from "../../../assets/icons/chevron-down.svg.js";
-const Y = /* @__PURE__ */ E({
+const L = /* @__PURE__ */ T({
   __name: "NmorphBacktop",
   props: {
     right: { type: Number, required: !1, default: 40 },
@@ -18,50 +18,50 @@ const Y = /* @__PURE__ */ E({
   emits: ["click"],
   setup(b, { expose: w, emit: y }) {
     w();
-    const t = b, u = y, g = h(
-      () => q({
-        "nmorph-backtop": [n.value && "show", t.design]
+    const o = b, u = y, g = s(
+      () => x({
+        "nmorph-backtop": [n.value && "show", o.design]
       })
-    ), N = h(() => ({
-      "--nmorph-private-backtop-right": `${t.right}px`,
-      "--nmorph-private-backtop-bottom": `${t.bottom}px`,
-      "--nmorph-private-backtop-z-index": t.zIndex
-    })), s = (r) => r === window, a = (r) => s(r) ? window.scrollY || document.documentElement.scrollTop || document.body.scrollTop || 0 : r.scrollTop, c = (r) => {
-      let o = r?.parentElement ?? null;
-      for (; o; ) {
-        const v = window.getComputedStyle(o), S = v.overflowY || v.overflow;
-        if (["auto", "scroll", "overlay"].includes(S) && o.scrollHeight > o.clientHeight) return o;
-        o = o.parentElement;
+    ), N = s(() => ({
+      "--nmorph-private-backtop-right": `${o.right}px`,
+      "--nmorph-private-backtop-bottom": `${o.bottom}px`,
+      "--nmorph-private-backtop-z-index": o.zIndex
+    })), _ = s(() => o.design === "plain" ? "var(--nmorph-white-color)" : void 0), a = (r) => r === window, c = (r) => a(r) ? window.scrollY || document.documentElement.scrollTop || document.body.scrollTop || 0 : r.scrollTop, p = (r) => {
+      let t = r?.parentElement ?? null;
+      for (; t; ) {
+        const h = window.getComputedStyle(t), E = h.overflowY || h.overflow;
+        if (["auto", "scroll", "overlay"].includes(E) && t.scrollHeight > t.clientHeight) return t;
+        t = t.parentElement;
       }
       return window;
-    }, e = l(null), p = l(null), m = l(null), n = l(!1), d = l(!1), i = () => {
+    }, e = l(null), m = l(null), d = l(null), n = l(!1), f = l(!1), i = () => {
       if (!e.value) {
         n.value = !1;
         return;
       }
-      n.value = a(e.value) > t.visibilityHeight;
-    }, _ = () => {
+      n.value = c(e.value) > o.visibilityHeight;
+    }, S = () => {
       u("click"), e.value && e.value.scrollTo({
         top: 0,
         left: 0,
         behavior: "smooth"
       });
     };
-    T(() => {
-      e.value = c(p.value ?? m.value), e.value.addEventListener("scroll", i), i(), d.value = !0;
-    }), k(() => {
+    k(() => {
+      e.value = p(m.value ?? d.value), e.value.addEventListener("scroll", i), i(), f.value = !0;
+    }), q(() => {
       e.value && e.value.removeEventListener("scroll", i);
     });
-    const f = { props: t, emit: u, modifiers: g, styles: N, isWindow: s, getScrollTop: a, findScrollableAncestor: c, container: e, placeholderDOMEl: p, selfDOMEl: m, showButton: n, isMounted: d, updateVisibility: i, scrollToTopHandler: _, get NmorphButton() {
+    const v = { props: o, emit: u, modifiers: g, styles: N, plainControlColor: _, isWindow: a, getScrollTop: c, findScrollableAncestor: p, container: e, placeholderDOMEl: m, selfDOMEl: d, showButton: n, isMounted: f, updateVisibility: i, scrollToTopHandler: S, get NmorphButton() {
       return I;
     }, get NmorphIcon() {
-      return x;
+      return C;
     }, get NmorphIconChevronDown() {
       return B;
     } };
-    return Object.defineProperty(f, "__isScriptSetup", { enumerable: !1, value: !0 }), f;
+    return Object.defineProperty(v, "__isScriptSetup", { enumerable: !1, value: !0 }), v;
   }
 });
 export {
-  Y as default
+  L as default
 };