@nmorph/nmorph-ui-kit 3.0.19 → 3.0.21

package/dist/components/data/nmorph-pagination/NmorphPagination.css

@@ -1 +1 @@
-.nmorph-pagination{display:flex;justify-content:center;box-sizing:border-box;width:var(--nmorph-private-pagination-width, 100%);min-width:min(100%,var(--nmorph-private-pagination-min-width, 0px));max-width:100%;margin-top:var(--indentation-04);margin-right:auto;margin-left:auto}.nmorph-pagination.nmorph-pagination--fixed-container{width:var(--nmorph-private-pagination-width, var(--nmorph-private-pagination-fixed-width))}.nmorph-pagination .nmorph-radio-group__content{display:flex;gap:8px;justify-content:center}.nmorph-pagination .nmorph-radio-group{display:inline-flex;align-items:center}.nmorph-pagination .nmorph-radio-group .nmorph-radio:not(:last-child){margin-right:0;margin-bottom:0}.nmorph-pagination .nmorph-pagination__page-group{margin:0 var(--indentation-01)}.nmorph-pagination .nmorph-pagination__prev-icon{rotate:90deg}.nmorph-pagination .nmorph-pagination__next-icon{rotate:-90deg}.nmorph-pagination .nmorph-pagination__prev-btn{margin-right:8px}.nmorph-pagination .nmorph-pagination__next-btn{margin-left:8px}.nmorph-pagination .nmorph-pagination__page-btn{--nmorph-private-control-height: var(--nmorph-private-pagination-height);--nmorph-private-selection-control-size: var(--nmorph-private-pagination-height);width:40px;min-width:40px;height:var(--nmorph-private-pagination-height);min-height:var(--nmorph-private-pagination-height)}.nmorph-pagination .nmorph-pagination__page-btn.nmorph-radio .nmorph-radio__content,.nmorph-pagination .nmorph-pagination__page-btn.nmorph-radio .nmorph-radio__fake{width:100%;height:100%}.nmorph-pagination .nmorph-pagination__page-btn.nmorph-radio.nmorph-radio--nmorph .nmorph-radio__fake{padding:0}.nmorph-pagination .nmorph-pagination__page-btn-wrapper{display:flex}.nmorph-pagination .nmorph-pagination__prev-secondary-btn{margin-right:8px}.nmorph-pagination .nmorph-pagination__next-secondary-btn{margin-left:8px}
+.nmorph-pagination{display:flex;justify-content:center;box-sizing:border-box;width:var(--nmorph-private-pagination-width, 100%);min-width:min(100%,var(--nmorph-private-pagination-min-width, 0px));max-width:100%;margin-top:var(--indentation-04);margin-right:auto;margin-left:auto}.nmorph-pagination.nmorph-pagination--fixed-container{width:var(--nmorph-private-pagination-width, var(--nmorph-private-pagination-fixed-width))}.nmorph-pagination .nmorph-radio-group__content{display:flex;gap:8px;justify-content:center}.nmorph-pagination .nmorph-radio-group{display:inline-flex;align-items:center}.nmorph-pagination .nmorph-radio-group .nmorph-radio:not(:last-child){margin-right:0;margin-bottom:0}.nmorph-pagination .nmorph-pagination__page-group{margin:0 var(--indentation-01)}.nmorph-pagination .nmorph-pagination__prev-icon{rotate:90deg}.nmorph-pagination .nmorph-pagination__next-icon{rotate:-90deg}.nmorph-pagination .nmorph-pagination__prev-btn{margin-right:8px}.nmorph-pagination .nmorph-pagination__next-btn{margin-left:8px}.nmorph-pagination .nmorph-pagination__page-btn{--nmorph-private-control-height: var(--nmorph-private-pagination-height);--nmorph-private-selection-control-size: var(--nmorph-private-pagination-height);width:40px;min-width:40px;height:var(--nmorph-private-pagination-height);min-height:var(--nmorph-private-pagination-height)}.nmorph-pagination .nmorph-pagination__page-btn.nmorph-button .nmorph-button__content{padding-right:0;padding-left:0}.nmorph-pagination .nmorph-pagination__page-btn.nmorph-button .nmorph-button__label{white-space:nowrap;overflow-wrap:normal}.nmorph-pagination .nmorph-pagination__page-btn.nmorph-radio .nmorph-radio__content,.nmorph-pagination .nmorph-pagination__page-btn.nmorph-radio .nmorph-radio__fake{width:100%;height:100%}.nmorph-pagination .nmorph-pagination__page-btn.nmorph-radio.nmorph-radio--nmorph .nmorph-radio__fake{padding:0}.nmorph-pagination .nmorph-pagination__page-btn-wrapper{display:flex}.nmorph-pagination .nmorph-pagination__prev-secondary-btn{margin-right:8px}.nmorph-pagination .nmorph-pagination__next-secondary-btn{margin-left:8px}

package/dist/components/navigation/nmorph-backtop/NmorphBacktop.css

@@ -1 +1 @@
-.nmorph-backtop{position:fixed;right:var(--nmorph-private-backtop-right);bottom:calc(var(--nmorph-private-backtop-bottom) + env(safe-area-inset-bottom,0px));z-index:var(--nmorph-private-backtop-z-index);opacity:0;transition:opacity .2s ease-in-out;pointer-events:none}.nmorph-backtop .nmorph-backtop__up-icon{transform:rotate(180deg)}.nmorph-backtop.nmorph-backtop--show{opacity:1;pointer-events:auto}.nmorph-backtop.nmorph-backtop--plain .nmorph-button{background:var(--nmorph-overlay-color);border-radius:4px}.nmorph-backtop.nmorph-backtop--plain .nmorph-button.nmorph-button--plain .nmorph-button__content,.nmorph-backtop.nmorph-backtop--plain .nmorph-button.nmorph-button--plain .nmorph-button__content:not(:disabled,[loading=true]):hover{border:0}
+.nmorph-backtop{position:fixed;right:var(--nmorph-private-backtop-right);bottom:calc(var(--nmorph-private-backtop-bottom) + env(safe-area-inset-bottom,0px));z-index:var(--nmorph-private-backtop-z-index);opacity:0;transition:opacity .2s ease-in-out;pointer-events:none}.nmorph-backtop .nmorph-backtop__up-icon{transform:rotate(180deg)}.nmorph-backtop.nmorph-backtop--show{opacity:1;pointer-events:auto}.nmorph-backtop.nmorph-backtop--plain .nmorph-button{--nmorph-private-button-plain-color: var(--nmorph-white-color);--nmorph-private-icon-color: var(--nmorph-white-color);background:var(--nmorph-overlay-color);border-radius:4px}.nmorph-backtop.nmorph-backtop--plain .nmorph-button.nmorph-button--plain .nmorph-button__content,.nmorph-backtop.nmorph-backtop--plain .nmorph-button.nmorph-button--plain .nmorph-button__content:not(:disabled,[loading=true]):hover{color:var(--nmorph-white-color);border:0}.nmorph-backtop.nmorph-backtop--plain .nmorph-button.nmorph-button--plain .nmorph-button__content span,.nmorph-backtop.nmorph-backtop--plain .nmorph-button.nmorph-button--plain .nmorph-button__content:not(:disabled,[loading=true]):hover span,.nmorph-backtop.nmorph-backtop--plain .nmorph-button.nmorph-button--plain .nmorph-button__content .nmorph-icon,.nmorph-backtop.nmorph-backtop--plain .nmorph-button.nmorph-button--plain .nmorph-button__content:not(:disabled,[loading=true]):hover .nmorph-icon{color:var(--nmorph-white-color);--nmorph-private-icon-color: var(--nmorph-white-color)}

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

@@ -1,40 +1,41 @@
 import './NmorphBacktop.css';
 import i from "./NmorphBacktop.vue2.js";
-import { openBlock as e, createElementBlock as s, createBlock as a, Teleport as c, createElementVNode as n, normalizeStyle as p, normalizeClass as d, withModifiers as m, renderSlot as h, createVNode as r, withCtx as l } 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(), a(c, {
+      (e(), c(s, {
         to: o.props.teleportTo,
         disabled: !o.isMounted || o.props.teleportDisabled
       }, [
-        n(
+        l(
           "div",
           {
             ref: "selfDOMEl",
-            class: d(o.modifiers),
-            style: p(o.styles)
+            class: p(o.modifiers),
+            style: d(o.styles)
           },
           [
-            n("div", {
+            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: l(() => [
+                  default: n(() => [
                     r(o.NmorphIcon, {
                       class: "nmorph-backtop__up-icon",
-                      color: o.props.design === "nmorph" ? void 0 : "var(--nmorph-contrast-text-color)"
+                      color: o.plainControlColor
                     }, {
-                      default: l(() => [
+                      default: n(() => [
                         r(o.NmorphIconChevronDown)
                       ]),
                       _: 1
@@ -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 C = /* @__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 {
-  C as default
+  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
 };