@nmorph/nmorph-ui-kit 3.0.5 → 3.0.7

package/dist/components/data/nmorph-media-tile/NmorphMediaTile.vue2.js

@@ -1,14 +1,14 @@
 import './NmorphMediaTile.css';
-import { defineComponent as O, ref as m, computed as t, watch as B } from "vue";
-import { useModifiers as b } from "../../../utils/create-modifiers.js";
-import k from "../../../assets/icons/video-camera-off.svg.js";
-import I from "../../../assets/icons/share.svg.js";
-import N from "../../../assets/icons/mute.svg.js";
-import j from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import _ from "../../basic/nmorph-button/NmorphButton.vue.js";
-import A from "../nmorph-avatar/NmorphAvatar.vue.js";
-import M from "../../../assets/icons/loader.svg.js";
-const F = /* @__PURE__ */ O({
+import { defineComponent as _, ref as m, computed as t, watch as I } from "vue";
+import { useModifiers as E } from "../../../utils/create-modifiers.js";
+import L from "../../../assets/icons/video-camera-off.svg.js";
+import A from "../../../assets/icons/share.svg.js";
+import C from "../../../assets/icons/mute.svg.js";
+import x from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+import w from "../../basic/nmorph-button/NmorphButton.vue.js";
+import R from "../nmorph-avatar/NmorphAvatar.vue.js";
+import D from "../../../assets/icons/loader.svg.js";
+const W = /* @__PURE__ */ _({
   __name: "NmorphMediaTile",
   props: {
     src: { type: String, required: !1, default: "" },
@@ -32,13 +32,21 @@ const F = /* @__PURE__ */ O({
     error: { type: Boolean, required: !1, default: !1 },
     errorText: { type: String, required: !1, default: "" }
   },
-  setup(v, { expose: h }) {
-    const e = v, o = m(null), a = m(null), n = t(() => !!(e.src || e.srcObject)), i = t(() => n.value && !e.videoOff && !e.error), s = (r) => !r || typeof r.getAudioTracks != "function" ? [] : r.getAudioTracks(), d = t(() => s(e.srcObject).length > 0), l = t(
-      () => !!(e.srcObject && e.videoOff && !e.muted && !e.error && d.value)
-    ), y = t(() => e.muted || l.value), g = t(() => i.value && e.src ? e.src : void 0), f = t(
+  setup(j, { expose: N }) {
+    const e = j, o = m(null), n = m(null), u = m({
+      audio: 0,
+      video: 0
+    }), y = t(() => !!(e.src || e.srcObject)), h = (r) => !r || typeof r.getAudioTracks != "function" ? [] : r.getAudioTracks(), g = (r) => !r || typeof r.getVideoTracks != "function" ? [] : r.getVideoTracks(), d = (r) => {
+      u.value = {
+        audio: h(r).length,
+        video: g(r).length
+      };
+    }, k = t(() => typeof e.srcObject?.getVideoTracks == "function"), O = t(() => u.value.video > 0), S = t(
+      () => !!(e.src || e.srcObject && (!k.value || O.value))
+    ), c = t(() => y.value && S.value && !e.videoOff && !e.error), i = t(() => !!(e.srcObject && !e.muted && !e.error)), b = t(() => e.muted || i.value), T = t(() => c.value && e.src ? e.src : void 0), q = t(
       () => e.name.split(/\s+/).filter(Boolean).slice(0, 2).map((r) => r[0]?.toUpperCase()).join("")
-    ), S = t(() => f.value || e.name || "?"), q = t(
-      () => b({
+    ), M = t(() => q.value || e.name || "?"), V = t(
+      () => E({
         "nmorph-media-tile": [
           e.fit,
           e.mirrored && "mirrored",
@@ -50,53 +58,78 @@ const F = /* @__PURE__ */ O({
           e.loading && "loading"
         ]
       })
-    ), u = (r) => {
+    ), s = (r) => {
       if (!r || e.sinkId === void 0) return;
-      const p = r;
-      typeof p.setSinkId == "function" && p.setSinkId(e.sinkId).catch(() => {
+      const a = r;
+      typeof a.setSinkId == "function" && a.setSinkId(e.sinkId).catch(() => {
       });
+    }, f = (r) => {
+      console.warn("[NmorphMediaTile] media autoplay failed", r);
+    }, p = (r) => {
+      if (!r || !e.autoplay) return;
+      let a;
+      try {
+        a = r.play();
+      } catch (v) {
+        f(v);
+        return;
+      }
+      a && typeof a.catch == "function" && a.catch(f);
     };
-    B(
+    I(
+      () => e.srcObject,
+      (r, a, v) => {
+        if (d(r), !r || typeof r.addEventListener != "function" || typeof r.removeEventListener != "function")
+          return;
+        const l = () => d(r);
+        r.addEventListener("addtrack", l), r.addEventListener("removetrack", l), v(() => {
+          r.removeEventListener("addtrack", l), r.removeEventListener("removetrack", l);
+        });
+      },
+      { immediate: !0 }
+    ), I(
       () => [
         e.srcObject,
         e.sinkId,
         e.autoplay,
+        e.videoOff,
+        e.error,
+        c.value,
         i.value,
-        l.value,
+        b.value,
         o.value,
-        a.value
+        n.value
       ],
       () => {
         if (o.value) {
-          const r = i.value ? e.srcObject : null;
-          o.value.srcObject !== r && (o.value.srcObject = r), u(o.value);
+          const r = e.srcObject;
+          o.value.srcObject !== r && (o.value.srcObject = r), s(o.value), e.autoplay && r && !e.videoOff && !e.error && p(o.value);
         }
-        if (a.value) {
-          const r = l.value ? e.srcObject : null;
-          a.value.srcObject !== r && (a.value.srcObject = r), u(a.value), e.autoplay && l.value && a.value.play().catch(() => {
-          });
+        if (n.value) {
+          const r = i.value ? e.srcObject : null;
+          n.value.srcObject !== r && (n.value.srcObject = r), s(n.value), e.autoplay && i.value && p(n.value);
         }
       },
       { immediate: !0, flush: "post" }
-    ), h({ videoRef: o });
-    const c = { props: e, videoRef: o, audioRef: a, hasMediaSource: n, videoVisible: i, getAudioTracks: s, hasAudioTracks: d, needsAudioOnlyOutput: l, videoMuted: y, videoSrc: g, initials: f, fallbackLabel: S, modifiers: q, setMediaElementSinkId: u, get NmorphAvatar() {
-      return A;
+    ), N({ videoRef: o });
+    const B = { props: e, videoRef: o, audioRef: n, srcObjectTrackCount: u, hasMediaSource: y, getAudioTracks: h, getVideoTracks: g, updateSrcObjectTrackCount: d, canInspectVideoTracks: k, hasVideoTracks: O, hasVideoSource: S, videoVisible: c, needsSeparateAudioOutput: i, videoMuted: b, videoSrc: T, initials: q, fallbackLabel: M, modifiers: V, setMediaElementSinkId: s, logMediaPlaybackError: f, playMediaElement: p, get NmorphAvatar() {
+      return R;
     }, get NmorphButton() {
-      return _;
+      return w;
     }, get NmorphIcon() {
-      return j;
+      return x;
     }, get NmorphIconLoaderDots() {
-      return M;
+      return D;
     }, get NmorphIconMute() {
-      return N;
+      return C;
     }, get NmorphIconShare() {
-      return I;
+      return A;
     }, get NmorphIconVideoCameraOff() {
-      return k;
+      return L;
     } };
-    return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
+    return Object.defineProperty(B, "__isScriptSetup", { enumerable: !1, value: !0 }), B;
   }
 });
 export {
-  F as default
+  W as default
 };

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

@@ -1 +1 @@
-.nmorph-pagination{display:flex;justify-content:center;margin-top:var(--indentation-04)}.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-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/data/nmorph-pagination/NmorphPagination.vue.js

@@ -17,7 +17,7 @@ function k(v, r, g, n, f, N) {
       disabled: n.blockPrevButton || n.interactionDisabled,
       onClick: n.prevClick
     }, {
-      default: e(() => [
+      "icon-only": e(() => [
         i(n.NmorphIcon, { class: "nmorph-pagination__prev-icon" }, {
           default: e(() => [
             i(n.NmorphIconChevronDown)
@@ -50,7 +50,7 @@ function k(v, r, g, n, f, N) {
               text: o.label,
               thickness: n.props.thickness,
               disabled: n.interactionDisabled,
-              onClick: (x) => n.bigStepUpdate(o.value)
+              onClick: (y) => n.bigStepUpdate(o.value)
             }, null, 8, ["class", "text", "thickness", "disabled", "onClick"])) : (a(), s(n.NmorphRadio, {
               key: 1,
               value: o.value,
@@ -73,7 +73,7 @@ function k(v, r, g, n, f, N) {
       disabled: n.blockNextButton || n.interactionDisabled,
       onClick: n.nextClick
     }, {
-      default: e(() => [
+      "icon-only": e(() => [
         i(n.NmorphIcon, { class: "nmorph-pagination__next-icon" }, {
           default: e(() => [
             i(n.NmorphIconChevronDown)
@@ -87,7 +87,7 @@ function k(v, r, g, n, f, N) {
     }, 8, ["thickness", "disabled"])
   ], 14, b)) : p("v-if", !0);
 }
-const u = /* @__PURE__ */ _(c, [["render", k], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-pagination/NmorphPagination.vue"]]);
+const P = /* @__PURE__ */ _(c, [["render", k], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-pagination/NmorphPagination.vue"]]);
 export {
-  u as default
+  P as default
 };

package/dist/components/data/nmorph-pagination/NmorphPagination.vue2.js

@@ -1,12 +1,13 @@
 import './NmorphPagination.css';
-import { defineComponent as O, computed as n, ref as g, watch as c } from "vue";
-import { useModifiers as Q } from "../../../utils/create-modifiers.js";
-import V from "../../form/nmorph-radio/NmorphRadio.vue.js";
+import { defineComponent as V, computed as i, ref as b, watch as d } from "vue";
+import { useModifiers as O } from "../../../utils/create-modifiers.js";
+import { createCssSizeVariables as Q } from "../../../utils/common.js";
+import W from "../../form/nmorph-radio/NmorphRadio.vue.js";
 import F from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import M from "../../basic/nmorph-button/NmorphButton.vue.js";
-import I from "../../form/nmorph-radio-group/NmorphRadioGroup.vue.js";
-import R from "../../../assets/icons/chevron-down.svg.js";
-const z = /* @__PURE__ */ O({
+import I from "../../basic/nmorph-button/NmorphButton.vue.js";
+import R from "../../form/nmorph-radio-group/NmorphRadioGroup.vue.js";
+import D from "../../../assets/icons/chevron-down.svg.js";
+const K = /* @__PURE__ */ V({
   __name: "NmorphPagination",
   props: {
     totalElementsQuantity: { type: Number, required: !0 },
@@ -17,88 +18,111 @@ const z = /* @__PURE__ */ O({
     hideOnSinglePage: { type: Boolean, required: !1, default: !0 },
     maxVisiblePages: { type: Number, required: !1, default: 9 },
     fastForwardStep: { type: Number, required: !1, default: 5 },
-    thickness: { type: null, required: !1, default: "basic" }
+    thickness: { type: null, required: !1, default: "basic" },
+    fixedContainer: { type: Boolean, required: !1, default: !1 },
+    width: { type: [Number, String], required: !1, default: void 0 },
+    minWidth: { type: [Number, String], required: !1, default: void 0 }
   },
   emits: ["update:model-value"],
-  setup(b, { expose: h, emit: N }) {
-    h();
-    const t = b, p = N, S = n(
-      () => Q({
-        "nmorph-pagination": [t.disabled && "disabled", t.loading && "loading"]
+  setup(N, { expose: S, emit: x }) {
+    S();
+    const t = N, c = x, y = i(
+      () => O({
+        "nmorph-pagination": [
+          t.disabled && "disabled",
+          t.loading && "loading",
+          t.fixedContainer && "fixed-container"
+        ]
       })
-    ), d = {
+    ), g = {
       thick: "var(--thick-component)",
       basic: "var(--basic-component)",
       thin: "var(--thin-component)"
-    }, y = n(() => ({
-      "--nmorph-private-pagination-height": d[t.thickness]
-    })), P = n(() => t.disabled || t.loading), k = () => {
-      r.value = String(Number(r.value) - 1);
-    }, _ = () => {
-      r.value = String(Number(r.value) + 1);
-    }, r = g(String(t.modelValue)), u = n(() => {
+    }, o = i(() => Math.max(1, Math.floor(t.maxVisiblePages))), v = i(() => {
+      const e = o.value * 40, a = Math.max(0, o.value - 1) * 8;
+      return [
+        "calc(",
+        "var(--nmorph-private-pagination-height) + ",
+        "var(--nmorph-private-pagination-height) + ",
+        "16px + var(--indentation-01) + var(--indentation-01) + ",
+        `${e + a}px`,
+        ")"
+      ].join("");
+    }), P = i(() => ({
+      "--nmorph-private-pagination-height": g[t.thickness],
+      "--nmorph-private-pagination-fixed-pages": o.value,
+      "--nmorph-private-pagination-fixed-width": v.value,
+      ...Q({
+        "--nmorph-private-pagination-width": t.width,
+        "--nmorph-private-pagination-min-width": t.minWidth
+      })
+    })), q = i(() => t.disabled || t.loading), k = () => {
+      n.value = String(Number(n.value) - 1);
+    }, w = () => {
+      n.value = String(Number(n.value) + 1);
+    }, n = b(String(t.modelValue)), u = i(() => {
       const e = Number(t.totalElementsQuantity), a = Number(t.elementsQuantityOnPage);
       return !Number.isFinite(e) || !Number.isFinite(a) || e <= 0 || a <= 0 ? 0 : Math.ceil(e / a);
-    }), i = n(
+    }), s = i(
       () => Array.from({ length: u.value }, (e, a) => ({ value: String(a + 1), label: String(a + 1) }))
-    ), s = g([]), v = n(() => {
-      const e = String(Math.max(1, Number(r.value) || 1));
+    ), p = b([]), f = i(() => {
+      const e = String(Math.max(1, Number(n.value) || 1));
       return [{ value: e, label: e }];
-    }), l = n(() => t.loading && s.value.length ? s.value : i.value.length ? i.value : v.value), q = n(() => t.loading || !t.hideOnSinglePage || u.value > 1);
-    c(r, (e) => {
-      p("update:model-value", Number(e));
-    }), c(
-      [i, () => t.loading],
+    }), r = i(() => t.loading && p.value.length ? p.value : s.value.length ? s.value : f.value), _ = i(() => t.loading || !t.hideOnSinglePage || u.value > 1);
+    d(n, (e) => {
+      c("update:model-value", Number(e));
+    }), d(
+      [s, () => t.loading],
       ([e, a]) => {
-        (e.length || !a) && (s.value = e);
+        (e.length || !a) && (p.value = e);
       },
       { immediate: !0 }
-    ), c(
+    ), d(
       () => t.modelValue,
       (e) => {
-        r.value = String(e);
+        n.value = String(e);
       }
-    ), c([u, () => t.loading], ([e, a]) => {
-      a || e <= 0 || Number(r.value) > e && (r.value = String(e));
+    ), d([u, () => t.loading], ([e, a]) => {
+      a || e <= 0 || Number(n.value) > e && (n.value = String(e));
     });
-    const x = n(() => Number(r.value) === 1), B = n(() => Number(r.value) >= l.value.length), w = n(() => {
-      const e = l.value.length, a = Number(r.value), o = t.maxVisiblePages;
-      if (e <= o)
-        return l.value;
-      const m = Math.floor(o / 2);
+    const B = i(() => Number(n.value) === 1), C = i(() => Number(n.value) >= r.value.length), M = i(() => {
+      const e = r.value.length, a = Number(n.value), l = t.maxVisiblePages;
+      if (e <= l)
+        return r.value;
+      const m = Math.floor(l / 2);
       return a <= m ? [
-        ...l.value.slice(0, o - 2),
+        ...r.value.slice(0, l - 2),
         { value: "next", label: "..." },
-        l.value[e - 1]
+        r.value[e - 1]
       ] : a >= e - m ? [
-        l.value[0],
+        r.value[0],
         { value: "prev", label: "..." },
-        ...l.value.slice(e - (o - 2))
+        ...r.value.slice(e - (l - 2))
       ] : [
-        l.value[0],
+        r.value[0],
         { value: "prev", label: "..." },
-        ...l.value.slice(a - m, a + m - 1),
+        ...r.value.slice(a - m, a + m - 1),
         { value: "next", label: "..." },
-        l.value[e - 1]
+        r.value[e - 1]
       ];
-    }), f = { props: t, emit: p, modifiers: S, thicknessHeightMap: d, paginationStyle: y, interactionDisabled: P, prevClick: k, nextClick: _, selectedPage: r, totalPages: u, pages: i, retainedPages: s, fallbackPages: v, effectivePages: l, show: q, blockPrevButton: x, blockNextButton: B, visiblePages: w, bigStepUpdate: (e) => {
-      const a = Number(r.value);
-      let o = e === "prev" ? a - t.fastForwardStep : a + t.fastForwardStep;
-      o <= 0 && (o = 1), o >= l.value.length && (o = l.value.length), r.value = String(o);
+    }), h = { props: t, emit: c, modifiers: y, thicknessHeightMap: g, fixedPagesCount: o, fixedContainerWidth: v, paginationStyle: P, interactionDisabled: q, prevClick: k, nextClick: w, selectedPage: n, totalPages: u, pages: s, retainedPages: p, fallbackPages: f, effectivePages: r, show: _, blockPrevButton: B, blockNextButton: C, visiblePages: M, bigStepUpdate: (e) => {
+      const a = Number(n.value);
+      let l = e === "prev" ? a - t.fastForwardStep : a + t.fastForwardStep;
+      l <= 0 && (l = 1), l >= r.value.length && (l = r.value.length), n.value = String(l);
     }, get NmorphRadioGroup() {
-      return I;
+      return R;
     }, get NmorphButton() {
-      return M;
+      return I;
     }, get NmorphIcon() {
       return F;
     }, get NmorphRadio() {
-      return V;
+      return W;
     }, get NmorphIconChevronDown() {
-      return R;
+      return D;
     } };
-    return Object.defineProperty(f, "__isScriptSetup", { enumerable: !1, value: !0 }), f;
+    return Object.defineProperty(h, "__isScriptSetup", { enumerable: !1, value: !0 }), h;
   }
 });
 export {
-  z as default
+  K as default
 };

package/dist/components/data/nmorph-table/NmorphTable.css

@@ -1 +1 @@
-.nmorph-table{--nmorph-private-table-border-color: var(--nmorph-info-text-color);--nmorph-private-table-cell-height: auto;--nmorph-private-table-row-hover-background: var(--nmorph-info-color)}.nmorph-table .nmorph-table__header th{border-bottom:0}.nmorph-table .nmorph-table__button-wrapper{display:flex;align-items:center;margin-left:var(--indentation-03)}.nmorph-table table{width:calc(100% - 2px);margin-left:1px;border-collapse:collapse;border-spacing:0}.nmorph-table .nmorph-table__table-data{padding:var(--indentation-03) 0;border-bottom:1px solid var(--nmorph-private-table-border-color)}.nmorph-table .nmorph-table__table-data--bordered{border:1px solid var(--nmorph-private-table-border-color)}.nmorph-table .nmorph-table__cell{padding:0 var(--indentation-03)}.nmorph-table .nmorph-table__cell-content{display:flex;align-items:center}.nmorph-table .nmorph-table__cell--data{height:var(--nmorph-private-table-cell-height)}.nmorph-table .nmorph-table__body{position:relative}.nmorph-table .nmorph-table__body--virtual{overflow-x:hidden}.nmorph-table .nmorph-table__body--virtual .nmorph-table__table-data{height:var(--nmorph-private-table-virtual-row-height);padding-top:0;padding-bottom:0}.nmorph-table .nmorph-table__body--virtual.nmorph-table__body--dynamic .nmorph-table__table-data{height:auto}.nmorph-table .nmorph-table__virtual-spacer{position:relative;min-width:100%}.nmorph-table .nmorph-table__virtual-content{position:absolute;top:0;right:0;left:0}.nmorph-table .nmorph-table__table-data-row--row-hover:hover,.nmorph-table .nmorph-table__table-data-row--active{background:var(--nmorph-private-table-row-hover-background)}.nmorph-table--nmorph{overflow:hidden;background:var(--nmorph-main-color);border-radius:var(--default-border-radius);box-shadow:var(--nmorph-shadow-outset);--nmorph-private-table-border-color: transparent}.nmorph-table--nmorph .nmorph-table__button-wrapper{padding:var(--indentation-02)}.nmorph-table--nmorph .nmorph-table__table-row{background:var(--nmorph-main-color);box-shadow:var(--nmorph-shadow-inset)}.nmorph-table--plain{overflow:hidden;background:var(--nmorph-main-color);border:var(--nmorph-plain-border);border-radius:var(--default-border-radius)}
+.nmorph-table{--nmorph-private-table-border-color: var(--nmorph-info-text-color);--nmorph-private-table-cell-height: auto;--nmorph-private-table-row-hover-background: var(--nmorph-info-color)}.nmorph-table .nmorph-table__header th{border-bottom:0}.nmorph-table .nmorph-table__button-wrapper{display:flex;align-items:center;margin-left:var(--indentation-03)}.nmorph-table table{width:calc(100% - 2px);margin-left:1px;table-layout:fixed;border-collapse:collapse;border-spacing:0}.nmorph-table .nmorph-table__table-data{padding:var(--indentation-03) 0;border-bottom:1px solid var(--nmorph-private-table-border-color)}.nmorph-table .nmorph-table__table-data--bordered{border:1px solid var(--nmorph-private-table-border-color)}.nmorph-table .nmorph-table__cell{padding:0 var(--indentation-03)}.nmorph-table .nmorph-table__cell-content{display:flex;align-items:center}.nmorph-table .nmorph-table__cell--data{height:var(--nmorph-private-table-cell-height)}.nmorph-table .nmorph-table__body{position:relative}.nmorph-table .nmorph-table__body--virtual{overflow-x:hidden}.nmorph-table .nmorph-table__body--virtual .nmorph-table__table-data{height:var(--nmorph-private-table-virtual-row-height);padding-top:0;padding-bottom:0}.nmorph-table .nmorph-table__body--virtual.nmorph-table__body--dynamic .nmorph-table__table-data{height:auto}.nmorph-table .nmorph-table__virtual-spacer{position:relative;min-width:100%}.nmorph-table .nmorph-table__virtual-content{position:absolute;top:0;right:0;left:0}.nmorph-table .nmorph-table__table-data-row--row-hover:hover,.nmorph-table .nmorph-table__table-data-row--active{background:var(--nmorph-private-table-row-hover-background)}.nmorph-table--nmorph{overflow:hidden;background:var(--nmorph-main-color);border-radius:var(--default-border-radius);box-shadow:var(--nmorph-shadow-outset);--nmorph-private-table-border-color: transparent}.nmorph-table--nmorph .nmorph-table__button-wrapper{padding:var(--indentation-02)}.nmorph-table--nmorph .nmorph-table__table-row{background:var(--nmorph-main-color);box-shadow:var(--nmorph-shadow-inset)}.nmorph-table--plain{overflow:hidden;background:var(--nmorph-main-color);border:var(--nmorph-plain-border);border-radius:var(--default-border-radius)}.nmorph-table--plain.nmorph-table--bordered{border:1px solid var(--nmorph-private-table-border-color)}.nmorph-table--plain.nmorph-table--bordered table{width:100%;margin-left:0}.nmorph-table--plain.nmorph-table--bordered .nmorph-table__table-data--bordered{border:0;border-right:1px solid var(--nmorph-private-table-border-color);border-bottom:1px solid var(--nmorph-private-table-border-color)}.nmorph-table--plain.nmorph-table--bordered .nmorph-table__table-data--bordered:last-child{border-right:0}.nmorph-table--plain.nmorph-table--bordered .nmorph-table__body:not(.nmorph-table__body--virtual) .nmorph-table__table-data-row:last-child .nmorph-table__table-data--bordered{border-bottom:0}