@mendmania/ui-name - npm Package Compare versions

Comparing version 0.0.13 to 0.0.14

dist/my-lib.es.js

@@ -1,16 +0,16 @@
-import { openBlock as t, createElementBlock as s, normalizeProps as S, guardReactiveProps as w, renderSlot as _, mergeProps as p, useAttrs as x, computed as g, toRefs as q, unref as i, createElementVNode as l, toDisplayString as f, createCommentVNode as o, normalizeStyle as v, pushScopeId as k, popScopeId as j, normalizeClass as I, Fragment as b, renderList as $, createBlock as M, resolveDynamicComponent as J, defineAsyncComponent as O } from "vue";
-const m = (e, r) => {
+import { openBlock as t, createElementBlock as s, normalizeProps as A, guardReactiveProps as C, renderSlot as c, mergeProps as y, useAttrs as k, computed as b, toRefs as j, unref as r, createElementVNode as f, toDisplayString as _, createCommentVNode as i, normalizeStyle as w, pushScopeId as J, popScopeId as O, Fragment as g, renderList as v, createBlock as $, withCtx as q, createTextVNode as T, resolveDynamicComponent as z, markRaw as x, normalizeClass as S } from "vue";
+const h = (e, l) => {
   const a = e.__vccOpts || e;
-  for (const [n, u] of r)
-    a[n] = u;
+  for (const [d, n] of l)
+    a[d] = n;
   return a;
-}, T = {};
-function B(e, r) {
-  return t(), s("button", S(w(e.$attrs)), [
-    _(e.$slots, "default")
+}, B = {};
+function D(e, l) {
+  return t(), s("button", A(C(e.$attrs)), [
+    c(e.$slots, "default")
   ], 16);
 }
-const Je = /* @__PURE__ */ m(T, [["render", B]]), C = {};
-function H(e, r) {
-  return t(), s("input", p(e.$attrs, {
+const xe = /* @__PURE__ */ h(B, [["render", D]]), V = {};
+function N(e, l) {
+  return t(), s("input", y(e.$attrs, {
     type: "text",
@@ -20,16 +20,16 @@ "aria-label": "Filter projects"
 }
-const Oe = /* @__PURE__ */ m(C, [["render", H]]);
-const A = (e) => (k("data-v-bff055af"), e = e(), j(), e), D = {
+const Se = /* @__PURE__ */ h(V, [["render", N]]);
+const F = (e) => (J("data-v-59498c0f"), e = e(), O(), e), M = {
   key: 0,
   class: "relative"
-}, P = { class: "absolute z-1 top-0 left-0 flex flex-col w-full h-full p-2" }, L = { class: "flex" }, V = { class: "flex ml-auto absolute right-0" }, E = {
+}, L = { class: "absolute z-1 top-0 left-0 flex flex-col w-full h-full p-2" }, P = { class: "flex" }, R = { class: "flex ml-auto absolute right-0" }, E = {
   key: 0,
   class: "py-0.5 px-1 rounded text-white bg-black/50 ml-1"
-}, F = /* @__PURE__ */ A(() => /* @__PURE__ */ l("div", { class: "flex w-full mt-auto" }, null, -1)), N = { class: "flex" }, R = { class: "flex ml-auto" }, K = {
+}, Z = /* @__PURE__ */ F(() => /* @__PURE__ */ f("div", { class: "flex w-full mt-auto" }, null, -1)), K = { class: "flex" }, H = { class: "flex ml-auto" }, U = {
   key: 1,
   class: "pt-3 flex gap-5 text-xs text-cyan infobox"
-}, Z = { key: 0 }, U = { key: 1 }, G = { key: 2 }, Q = {
+}, G = { key: 0 }, Q = { key: 1 }, W = { key: 2 }, X = {
   inheritAttrs: !1,
   customOptions: {}
-}, W = /* @__PURE__ */ Object.assign(Q, {
+}, Y = /* @__PURE__ */ Object.assign(X, {
   __name: "JCard",
@@ -102,28 +102,28 @@ props: {
   setup(e) {
-    const r = e, a = x(), n = g(() => a.order ? `flex-${a.order}` : "flex-col"), { showAuthor: u, showViews: c, showDate: h } = q(r), y = g(
-      () => u.value || c.value || h.value
+    const l = e, a = k(), d = b(() => a.order ? `flex-${a.order}` : "flex-col"), { showAuthor: n, showViews: u, showDate: o } = j(l), m = b(
+      () => n.value || u.value || o.value
     );
-    return (d, z) => (t(), s("div", p({ class: "inline-flex gap-3 border border-dashed border-gray-600 rounded p-4 w-full" }, d.$attrs, { class: i(n) }), [
-      e.showThumbnail ? (t(), s("div", D, [
-        l("div", P, [
-          l("div", L, [
-            _(d.$slots, "top_left", {}, void 0, !0),
-            l("div", V, [
-              _(d.$slots, "top_right", {}, void 0, !0),
-              e.showTimeDuration ? (t(), s("span", E, f(e.timeDuration), 1)) : o("", !0)
+    return (p, I) => (t(), s("div", y({ class: "inline-flex gap-3 border border-dashed border-gray-600 rounded p-4 w-full" }, p.$attrs, { class: r(d) }), [
+      e.showThumbnail ? (t(), s("div", M, [
+        f("div", L, [
+          f("div", P, [
+            c(p.$slots, "top_left", {}, void 0, !0),
+            f("div", R, [
+              c(p.$slots, "top_right", {}, void 0, !0),
+              e.showTimeDuration ? (t(), s("span", E, _(e.timeDuration), 1)) : i("", !0)
             ])
           ]),
-          F,
-          l("div", N, [
-            _(d.$slots, "bottom_left", { class: "flex" }, void 0, !0),
-            l("div", R, [
-              _(d.$slots, "bottom_right", {}, void 0, !0)
+          Z,
+          f("div", K, [
+            c(p.$slots, "bottom_left", { class: "flex" }, void 0, !0),
+            f("div", H, [
+              c(p.$slots, "bottom_right", {}, void 0, !0)
             ])
           ])
         ]),
-        _(d.$slots, "image", {}, void 0, !0)
-      ])) : o("", !0),
-      i(y) || e.showTitle ? (t(), s("div", {
+        c(p.$slots, "image", {}, void 0, !0)
+      ])) : i("", !0),
+      r(m) || e.showTitle ? (t(), s("div", {
         key: 1,
-        style: v(e.detailsStyle),
+        style: w(e.detailsStyle),
         class: "p-1 box-border"
@@ -133,26 +133,26 @@ }, [
           key: 0,
-          style: v(e.titleStyle)
-        }, f(e.title), 5)) : o("", !0),
-        i(y) ? (t(), s("div", K, [
-          i(u) ? (t(), s("span", Z, f(e.author), 1)) : o("", !0),
-          i(c) ? (t(), s("span", U, f(e.views), 1)) : o("", !0),
-          i(h) ? (t(), s("span", G, f(e.date), 1)) : o("", !0)
-        ])) : o("", !0)
-      ], 4)) : o("", !0)
+          style: w(e.titleStyle)
+        }, _(e.title), 5)) : i("", !0),
+        r(m) ? (t(), s("div", U, [
+          r(n) ? (t(), s("span", G, _(e.author), 1)) : i("", !0),
+          r(u) ? (t(), s("span", Q, _(e.views), 1)) : i("", !0),
+          r(o) ? (t(), s("span", W, _(e.date), 1)) : i("", !0)
+        ])) : i("", !0)
+      ], 4)) : i("", !0)
     ], 16));
   }
-}), Te = /* @__PURE__ */ m(W, [["__scopeId", "data-v-bff055af"]]);
-const X = (e) => (k("data-v-a9f6b5aa"), e = e(), j(), e), Y = {
+}), qe = /* @__PURE__ */ h(Y, [["__scopeId", "data-v-59498c0f"]]);
+const ee = (e) => (J("data-v-b6261246"), e = e(), O(), e), te = {
   key: 0,
   class: "relative"
-}, ee = /* @__PURE__ */ X(() => /* @__PURE__ */ l("div", { class: "absolute z-1 top-0 left-0 flex flex-col w-full h-full p-2" }, null, -1)), te = {
+}, se = /* @__PURE__ */ ee(() => /* @__PURE__ */ f("div", { class: "absolute z-1 top-0 left-0 flex flex-col w-full h-full p-2" }, null, -1)), ae = {
   key: 0,
   class: "jcard-sceleton-title"
-}, se = {
+}, le = {
   key: 1,
   class: "pt-3 flex gap-5 text-xs text-cyan infobox"
-}, re = { key: 0 }, ae = { key: 1 }, oe = { key: 2 }, ne = {
+}, re = { key: 0 }, ne = { key: 1 }, oe = { key: 2 }, ie = {
   inheritAttrs: !1,
   customOptions: {}
-}, le = /* @__PURE__ */ Object.assign(ne, {
+}, ue = /* @__PURE__ */ Object.assign(ie, {
   __name: "JCardSceleton",
@@ -220,31 +220,31 @@ props: {
   setup(e) {
-    const r = e, a = x(), n = g(() => a.order ? `flex-${a.order}` : "flex-col"), { showAuthor: u, showViews: c, showDate: h } = q(r), y = g(
-      () => u.value || c.value || h.value
+    const l = e, a = k(), d = b(() => a.order ? `flex-${a.order}` : "flex-col"), { showAuthor: n, showViews: u, showDate: o } = j(l), m = b(
+      () => n.value || u.value || o.value
     );
-    return (d, z) => (t(), s("div", p({ class: "jcard-sceleton inline-flex gap-3 border border-dashed border-gray-600 rounded p-4 w-full" }, d.$attrs, { class: i(n) }), [
-      e.showThumbnail ? (t(), s("div", Y, [
-        ee,
-        _(d.$slots, "image", {}, void 0, !0)
-      ])) : o("", !0),
-      i(y) || e.showTitle ? (t(), s("div", {
+    return (p, I) => (t(), s("div", y({ class: "jcard-sceleton inline-flex gap-3 border border-dashed border-gray-600 rounded p-4 w-full" }, p.$attrs, { class: r(d) }), [
+      e.showThumbnail ? (t(), s("div", te, [
+        se,
+        c(p.$slots, "image", {}, void 0, !0)
+      ])) : i("", !0),
+      r(m) || e.showTitle ? (t(), s("div", {
         key: 1,
-        style: v(e.detailsStyle),
+        style: w(e.detailsStyle),
         class: "p-1 box-border"
       }, [
-        e.showTitle ? (t(), s("div", te)) : o("", !0),
-        i(y) ? (t(), s("div", se, [
-          i(u) ? (t(), s("span", re)) : o("", !0),
-          i(c) ? (t(), s("span", ae)) : o("", !0),
-          i(h) ? (t(), s("span", oe)) : o("", !0)
-        ])) : o("", !0)
-      ], 4)) : o("", !0)
+        e.showTitle ? (t(), s("div", ae)) : i("", !0),
+        r(m) ? (t(), s("div", le, [
+          r(n) ? (t(), s("span", re)) : i("", !0),
+          r(u) ? (t(), s("span", ne)) : i("", !0),
+          r(o) ? (t(), s("span", oe)) : i("", !0)
+        ])) : i("", !0)
+      ], 4)) : i("", !0)
     ], 16));
   }
-}), Be = /* @__PURE__ */ m(le, [["__scopeId", "data-v-a9f6b5aa"]]), ie = {};
-function ue(e, r) {
-  return t(), s("span", p({ class: "rounded py-0.5 px-1 flex items-center justify-center" }, e.$attrs), [
-    _(e.$slots, "default")
+}), ke = /* @__PURE__ */ h(ue, [["__scopeId", "data-v-b6261246"]]), de = {};
+function ce(e, l) {
+  return t(), s("span", y({ class: "rounded py-0.5 px-1 flex items-center justify-center" }, e.$attrs), [
+    c(e.$slots, "default")
   ], 16);
 }
-const Ce = /* @__PURE__ */ m(ie, [["render", ue]]), ce = ["src"], He = {
+const je = /* @__PURE__ */ h(de, [["render", ce]]), fe = ["src"], pe = {
   __name: "JImage",
@@ -259,10 +259,10 @@ props: {
   setup(e) {
-    return (r, a) => (t(), s("img", p({
+    return (l, a) => (t(), s("img", y({
       src: e.imageSrc,
       alt: "Video Card Placeholder",
       class: "w-full"
-    }, r.$attrs), null, 16, ce));
+    }, l.$attrs), null, 16, fe));
   }
 };
-const de = {
+const _e = {
   __name: "JImageSceleton",
@@ -277,47 +277,102 @@ props: {
   setup(e) {
-    return (r, a) => (t(), s("div", p({
+    return (l, a) => (t(), s("div", y({
       src: "",
       class: "jimage-sceleton w-full"
-    }, r.$attrs), null, 16));
+    }, l.$attrs), null, 16));
   }
-}, Ae = /* @__PURE__ */ m(de, [["__scopeId", "data-v-8711541f"]]), De = {
+}, Je = /* @__PURE__ */ h(_e, [["__scopeId", "data-v-4e30e0b0"]]), Oe = {
+  __name: "JFooter",
+  props: {
+    children: {
+      type: Array,
+      required: !0,
+      default: []
+    }
+  },
+  setup(e) {
+    function l(a) {
+      return a === "label" ? x(ye) : a === "menu" ? x(be) : x(pe);
+    }
+    return (a, d) => (t(), s("div", y(a.$attrs, { class: "w-full flex flex-wrap gap-4" }), [
+      c(a.$slots, "default", {}, () => [
+        (t(!0), s(g, null, v(e.children, (n) => (t(), $(r(ve), {
+          key: n.id,
+          "x-alignment": n.props.xAlignment,
+          "y-alignment": n.props.yAlignment
+        }, {
+          default: q(() => [
+            (t(!0), s(g, null, v(n.children, (u) => (t(), $(r(we), {
+              key: u.id
+            }, {
+              default: q(() => [
+                (t(!0), s(g, null, v(u.children, (o) => (t(), s(g, {
+                  key: o.id
+                }, [
+                  T(_(o.style) + " ", 1),
+                  (t(), $(z(l(o.type)), {
+                    data: o.props,
+                    style: w(o.style)
+                  }, null, 8, ["data", "style"]))
+                ], 64))), 128))
+              ]),
+              _: 2
+            }, 1024))), 128))
+          ]),
+          _: 2
+        }, 1032, ["x-alignment", "y-alignment"]))), 128))
+      ])
+    ], 16));
+  }
+}, ye = {
   __name: "JFooterLabel",
   props: {
-    text: {
-      type: String,
-      default: ""
+    data: {
+      type: Object,
+      default: {
+        text: {
+          type: String,
+          default: ""
+        }
+      }
     }
   },
   setup(e) {
-    return (r, a) => (t(), s("div", p(r.$attrs, { class: "p-4" }), f(e.text), 17));
+    const l = e, { text: a } = l.data;
+    return (d, n) => (t(), s("div", y(d.$attrs, { class: "p-4" }), _(r(a)), 17));
   }
-}, fe = {
+}, me = {
   key: 0,
   class: "mb-6"
-}, _e = { class: "" }, pe = { class: "cursor-pointer" }, Pe = {
+}, he = { class: "" }, ge = { class: "cursor-pointer" }, be = {
   __name: "JFooterMenu",
   props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    menuItems: {
-      type: Array,
-      default: []
-    },
-    orientation: {
-      type: String,
-      default: "vertical"
+    data: {
+      type: Object,
+      default: {
+        title: {
+          type: String,
+          default: ""
+        },
+        menuItems: {
+          type: Array,
+          default: []
+        },
+        orientation: {
+          type: String,
+          default: "vertical"
+        }
+      }
     }
   },
   setup(e) {
-    return (r, a) => (t(), s("div", p(r.$attrs, { class: "p-4" }), [
-      e.title ? (t(), s("div", fe, [
-        l("h5", null, f(e.title), 1)
-      ])) : o("", !0),
-      l("ul", {
-        class: I(["flex flex-wrap gap-4 text-sm", { "flex-col": e.orientation === "vertical" }])
+    const l = e, { title: a, menuItems: d, orientation: n } = l.data;
+    return (u, o) => (t(), s("div", y(u.$attrs, { class: "p-4" }), [
+      r(a) ? (t(), s("div", me, [
+        f("h5", null, _(r(a)), 1)
+      ])) : i("", !0),
+      f("ul", {
+        class: S(["flex flex-wrap gap-4 text-sm", { "flex-col": r(n) === "vertical" }])
       }, [
-        (t(!0), s(b, null, $(e.menuItems, (n) => (t(), s("li", _e, [
-          l("a", pe, f(n.navigationLabel), 1)
+        (t(!0), s(g, null, v(r(d), (m) => (t(), s("li", he, [
+          f("a", ge, _(m.navigationLabel), 1)
         ]))), 256))
@@ -327,104 +382,83 @@ ], 2)
   }
-}, me = (e, r) => {
-  const a = e[r];
-  return a ? typeof a == "function" ? a() : Promise.resolve(a) : new Promise((n, u) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(u.bind(null, new Error("Unknown variable dynamic import: " + r)));
-  });
-}, Le = {
-  __name: "HeaderActions",
+}, ve = {
+  __name: "JRow",
   props: {
-    iconSettings: {
+    alignment: {
       type: Object,
-      required: !0
+      default: {
+        horizontal: null,
+        vertical: null
+      }
     },
-    actions: {
-      type: Object,
-      required: !0
+    xAlignment: {
+      type: [String, null],
+      default: null
+    },
+    yAlignment: {
+      type: [String, null],
+      default: null
     }
   },
   setup(e) {
-    const r = {
-      language: "Language",
-      notifications: "Notifications",
-      profile: "Profile",
-      search: "Search"
-    };
-    function a(n) {
-      return O(() => me(/* @__PURE__ */ Object.assign({ "./HeaderLogo.vue": () => Promise.resolve().then(() => be), "./HeaderMenu.vue": () => Promise.resolve().then(() => ke), "./HeaderMenuItems.vue": () => Promise.resolve().then(() => Ie) }), `./Header${r[n]}.vue`));
-    }
-    return (n, u) => (t(), s("div", null, [
-      (t(!0), s(b, null, $(e.actions, (c) => (t(), M(J(a(c)), {
-        key: `action-${c}`,
-        icon: {
-          name: n.settings.components[c].iconSettings.name,
-          color: e.iconSettings.color,
-          size: e.iconSettings.size
-        }
-      }, null, 8, ["icon"]))), 128))
-    ]));
+    const l = e, a = {
+      left: "justify-start",
+      right: "justify-end",
+      center: "justify-center"
+    }, d = {
+      top: "items-start",
+      bottom: "items-end",
+      center: "items-center"
+    }, n = b(() => {
+      const { xAlignment: u, yAlignment: o } = l;
+      return `${u ? a[u] : ""}${o ? " " + d[o] : ""}`;
+    });
+    return (u, o) => (t(), s("div", {
+      class: S(["w-full row relative flex flex-wrap", r(n)])
+    }, [
+      c(u.$slots, "default")
+    ], 2));
   }
-}, he = { class: "logo flex mr-8" }, ye = { class: "w-full m-auto" }, ge = ["src"], ve = {
-  __name: "HeaderLogo",
+}, we = {
+  __name: "JCol",
   props: {
-    imageSrc: {
-      type: String,
-      required: !0
+    columns: {
+      type: [String, Number],
+      default: null
     }
   },
   setup(e) {
-    return (r, a) => (t(), s("div", he, [
-      l("a", ye, [
-        l("img", {
-          src: e.imageSrc,
-          alt: "logo",
-          class: ""
-        }, null, 8, ge)
-      ])
-    ]));
+    const l = {
+      1: "basis-1/12",
+      2: "basis-2/12",
+      3: "basis-3/12",
+      4: "basis-4/12",
+      5: "basis-5/12",
+      6: "basis-6/12",
+      7: "basis-7/12",
+      8: "basis-8/12",
+      9: "basis-9/12",
+      10: "basis-10/12",
+      11: "basis-11/12",
+      12: "basis-full"
+    };
+    return (a, d) => (t(), s("div", {
+      class: S(["flex flex-col", l[e.columns]])
+    }, [
+      c(a.$slots, "default")
+    ], 2));
   }
-}, be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: ve
-}, Symbol.toStringTag, { value: "Module" })), $e = {}, Se = /* @__PURE__ */ l("a", { href: "" }, null, -1), we = [
-  Se
-];
-function xe(e, r) {
-  return t(), s("div", null, we);
-}
-const qe = /* @__PURE__ */ m($e, [["render", xe]]), ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: qe
-}, Symbol.toStringTag, { value: "Module" })), je = { class: "cursor-pointer" }, ze = {
-  __name: "HeaderMenuItems",
-  props: {
-    menuItems: {
-      type: Array,
-      required: !0
-    }
-  },
-  setup(e) {
-    return (r, a) => (t(), s("ul", S(w(r.$attrs)), [
-      (t(!0), s(b, null, $(e.menuItems, (n) => (t(), s("li", null, [
-        l("a", je, f(n.label), 1)
-      ]))), 256))
-    ], 16));
-  }
-}, Ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: ze
-}, Symbol.toStringTag, { value: "Module" }));
+};
 export {
-  Ce as JBadge,
-  Te as JCard,
-  Be as JCardSceleton,
-  De as JFooterLabel,
-  Pe as JFooterMenu,
-  Le as JHeaderActions,
-  ve as JHeaderLogo,
-  qe as JHeaderMenu,
-  ze as JHeaderMenuItems,
-  He as JImage,
-  Ae as JImageSceleton,
-  Oe as MInput,
-  Je as VButton
+  je as JBadge,
+  qe as JCard,
+  ke as JCardSceleton,
+  we as JCol,
+  Oe as JFooter,
+  ye as JFooterLabel,
+  be as JFooterMenu,
+  pe as JImage,
+  Je as JImageSceleton,
+  ve as JRow,
+  Se as MInput,
+  xe as VButton
 };

dist/my-lib.umd.js

@@ -1,1 +0,1 @@
-(function(r,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(r=typeof globalThis<"u"?globalThis:r||self,e(r.MyLib={},r.Vue))})(this,function(r,e){"use strict";const i=(t,o)=>{const n=t.__vccOpts||t;for(const[l,a]of o)n[l]=a;return n},u={};function y(t,o){return e.openBlock(),e.createElementBlock("button",e.normalizeProps(e.guardReactiveProps(t.$attrs)),[e.renderSlot(t.$slots,"default")],16)}const h=i(u,[["render",y]]),g={};function k(t,o){return e.openBlock(),e.createElementBlock("input",e.mergeProps(t.$attrs,{type:"text","aria-label":"Filter projects"}),null,16)}const B=i(g,[["render",k]]),_e="",S=t=>(e.pushScopeId("data-v-bff055af"),t=t(),e.popScopeId(),t),b={key:0,class:"relative"},$={class:"absolute z-1 top-0 left-0 flex flex-col w-full h-full p-2"},E={class:"flex"},w={class:"flex ml-auto absolute right-0"},V={key:0,class:"py-0.5 px-1 rounded text-white bg-black/50 ml-1"},q=S(()=>e.createElementVNode("div",{class:"flex w-full mt-auto"},null,-1)),C={class:"flex"},N={class:"flex ml-auto"},x={key:1,class:"pt-3 flex gap-5 text-xs text-cyan infobox"},j={key:0},I={key:1},z={key:2},M=i(Object.assign({inheritAttrs:!1,customOptions:{}},{__name:"JCard",props:{titleStyle:{type:Object,required:!1},showTitle:{type:Boolean,required:!1,default:!1},title:{type:String,required:!1,default:"Zm\u011Bny v programu dopravy vzork\u016F z Marsu"},showAuthor:{type:Boolean,required:!1,default:!1},author:{type:String,required:!1,default:"Mendim Arifaj"},showViews:{type:Boolean,required:!1,default:!1},views:{type:String,required:!1,default:"100K views"},showDate:{type:Boolean,required:!1,default:!1},date:{type:String,required:!1,default:"28/02/1996"},showTimeDuration:{type:Boolean,required:!1,default:!1},timeDuration:{type:String,required:!1,default:"03:11"},showThumbnail:{type:Boolean,required:!1,default:!1},detailsStyle:{type:Object,required:!1}},setup(t){const o=t,n=e.useAttrs(),l=e.computed(()=>n.order?`flex-${n.order}`:"flex-col"),{showAuthor:a,showViews:s,showDate:d}=e.toRefs(o),f=e.computed(()=>a.value||s.value||d.value);return(c,pe)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"inline-flex gap-3 border border-dashed border-gray-600 rounded p-4 w-full"},c.$attrs,{class:e.unref(l)}),[t.showThumbnail?(e.openBlock(),e.createElementBlock("div",b,[e.createElementVNode("div",$,[e.createElementVNode("div",E,[e.renderSlot(c.$slots,"top_left",{},void 0,!0),e.createElementVNode("div",w,[e.renderSlot(c.$slots,"top_right",{},void 0,!0),t.showTimeDuration?(e.openBlock(),e.createElementBlock("span",V,e.toDisplayString(t.timeDuration),1)):e.createCommentVNode("",!0)])]),q,e.createElementVNode("div",C,[e.renderSlot(c.$slots,"bottom_left",{class:"flex"},void 0,!0),e.createElementVNode("div",N,[e.renderSlot(c.$slots,"bottom_right",{},void 0,!0)])])]),e.renderSlot(c.$slots,"image",{},void 0,!0)])):e.createCommentVNode("",!0),e.unref(f)||t.showTitle?(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle(t.detailsStyle),class:"p-1 box-border"},[t.showTitle?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(t.titleStyle)},e.toDisplayString(t.title),5)):e.createCommentVNode("",!0),e.unref(f)?(e.openBlock(),e.createElementBlock("div",x,[e.unref(a)?(e.openBlock(),e.createElementBlock("span",j,e.toDisplayString(t.author),1)):e.createCommentVNode("",!0),e.unref(s)?(e.openBlock(),e.createElementBlock("span",I,e.toDisplayString(t.views),1)):e.createCommentVNode("",!0),e.unref(d)?(e.openBlock(),e.createElementBlock("span",z,e.toDisplayString(t.date),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0)],16))}}),[["__scopeId","data-v-bff055af"]]),he="",J=t=>(e.pushScopeId("data-v-a9f6b5aa"),t=t(),e.popScopeId(),t),P={key:0,class:"relative"},D=J(()=>e.createElementVNode("div",{class:"absolute z-1 top-0 left-0 flex flex-col w-full h-full p-2"},null,-1)),O={key:0,class:"jcard-sceleton-title"},T={key:1,class:"pt-3 flex gap-5 text-xs text-cyan infobox"},H={key:0},A={key:1},L={key:2},F=i(Object.assign({inheritAttrs:!1,customOptions:{}},{__name:"JCardSceleton",props:{titleStyle:{type:Object,required:!1},showTitle:{type:Boolean,required:!1,default:!1},title:{type:String,required:!1,default:"Zm\u011Bny v programu dopravy vzork\u016F z Marsu"},showAuthor:{type:Boolean,required:!1,default:!1},author:{type:String,required:!1,default:"Mendim Arifaj"},showViews:{type:Boolean,required:!1,default:!1},views:{type:String,required:!1,default:"100K views"},showDate:{type:Boolean,required:!1,default:!1},date:{type:String,required:!1,default:"28/02/1996"},showTimeDuration:{type:Boolean,required:!1,default:!1},showThumbnail:{type:Boolean,required:!1,default:!1},detailsStyle:{type:Object,required:!1}},setup(t){const o=t,n=e.useAttrs(),l=e.computed(()=>n.order?`flex-${n.order}`:"flex-col"),{showAuthor:a,showViews:s,showDate:d}=e.toRefs(o),f=e.computed(()=>a.value||s.value||d.value);return(c,pe)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"jcard-sceleton inline-flex gap-3 border border-dashed border-gray-600 rounded p-4 w-full"},c.$attrs,{class:e.unref(l)}),[t.showThumbnail?(e.openBlock(),e.createElementBlock("div",P,[D,e.renderSlot(c.$slots,"image",{},void 0,!0)])):e.createCommentVNode("",!0),e.unref(f)||t.showTitle?(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle(t.detailsStyle),class:"p-1 box-border"},[t.showTitle?(e.openBlock(),e.createElementBlock("div",O)):e.createCommentVNode("",!0),e.unref(f)?(e.openBlock(),e.createElementBlock("div",T,[e.unref(a)?(e.openBlock(),e.createElementBlock("span",H)):e.createCommentVNode("",!0),e.unref(s)?(e.openBlock(),e.createElementBlock("span",A)):e.createCommentVNode("",!0),e.unref(d)?(e.openBlock(),e.createElementBlock("span",L)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0)],16))}}),[["__scopeId","data-v-a9f6b5aa"]]),R={};function K(t,o){return e.openBlock(),e.createElementBlock("span",e.mergeProps({class:"rounded py-0.5 px-1 flex items-center justify-center"},t.$attrs),[e.renderSlot(t.$slots,"default")],16)}const Z=i(R,[["render",K]]),U=["src"],G={__name:"JImage",props:{imageSrc:{type:String,required:!1,default:"https://ub1doy938d.gjirafa.net/media/zxgzzz/thumbnails/standart.jpg"}},setup(t){return(o,n)=>(e.openBlock(),e.createElementBlock("img",e.mergeProps({src:t.imageSrc,alt:"Video Card Placeholder",class:"w-full"},o.$attrs),null,16,U))}},Be="",Q=i({__name:"JImageSceleton",props:{imageSrc:{type:String,required:!1,default:"https://ub1doy938d.gjirafa.net/media/zxgzzz/thumbnails/standart.jpg"}},setup(t){return(o,n)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({src:"",class:"jimage-sceleton w-full"},o.$attrs),null,16))}},[["__scopeId","data-v-8711541f"]]),W={__name:"JFooterLabel",props:{text:{type:String,default:""}},setup(t){return(o,n)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps(o.$attrs,{class:"p-4"}),e.toDisplayString(t.text),17))}},X={key:0,class:"mb-6"},Y={class:""},v={class:"cursor-pointer"},ee={__name:"JFooterMenu",props:{title:{type:String,default:""},menuItems:{type:Array,default:[]},orientation:{type:String,default:"vertical"}},setup(t){return(o,n)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps(o.$attrs,{class:"p-4"}),[t.title?(e.openBlock(),e.createElementBlock("div",X,[e.createElementVNode("h5",null,e.toDisplayString(t.title),1)])):e.createCommentVNode("",!0),e.createElementVNode("ul",{class:e.normalizeClass(["flex flex-wrap gap-4 text-sm",{"flex-col":t.orientation==="vertical"}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.menuItems,l=>(e.openBlock(),e.createElementBlock("li",Y,[e.createElementVNode("a",v,e.toDisplayString(l.navigationLabel),1)]))),256))],2)],16))}},te=(t,o)=>{const n=t[o];return n?typeof n=="function"?n():Promise.resolve(n):new Promise((l,a)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(a.bind(null,new Error("Unknown variable dynamic import: "+o)))})},oe={__name:"HeaderActions",props:{iconSettings:{type:Object,required:!0},actions:{type:Object,required:!0}},setup(t){const o={language:"Language",notifications:"Notifications",profile:"Profile",search:"Search"};function n(l){return e.defineAsyncComponent(()=>te(Object.assign({"./HeaderLogo.vue":()=>Promise.resolve().then(()=>ae),"./HeaderMenu.vue":()=>Promise.resolve().then(()=>de),"./HeaderMenuItems.vue":()=>Promise.resolve().then(()=>me)}),`./Header${o[l]}.vue`))}return(l,a)=>(e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.actions,s=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n(s)),{key:`action-${s}`,icon:{name:l.settings.components[s].iconSettings.name,color:t.iconSettings.color,size:t.iconSettings.size}},null,8,["icon"]))),128))]))}},ne={class:"logo flex mr-8"},re={class:"w-full m-auto"},le=["src"],m={__name:"HeaderLogo",props:{imageSrc:{type:String,required:!0}},setup(t){return(o,n)=>(e.openBlock(),e.createElementBlock("div",ne,[e.createElementVNode("a",re,[e.createElementVNode("img",{src:t.imageSrc,alt:"logo",class:""},null,8,le)])]))}},ae=Object.freeze(Object.defineProperty({__proto__:null,default:m},Symbol.toStringTag,{value:"Module"})),se={},ce=[e.createElementVNode("a",{href:""},null,-1)];function ie(t,o){return e.openBlock(),e.createElementBlock("div",null,ce)}const p=i(se,[["render",ie]]),de=Object.freeze(Object.defineProperty({__proto__:null,default:p},Symbol.toStringTag,{value:"Module"})),fe={class:"cursor-pointer"},_={__name:"HeaderMenuItems",props:{menuItems:{type:Array,required:!0}},setup(t){return(o,n)=>(e.openBlock(),e.createElementBlock("ul",e.normalizeProps(e.guardReactiveProps(o.$attrs)),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.menuItems,l=>(e.openBlock(),e.createElementBlock("li",null,[e.createElementVNode("a",fe,e.toDisplayString(l.label),1)]))),256))],16))}},me=Object.freeze(Object.defineProperty({__proto__:null,default:_},Symbol.toStringTag,{value:"Module"}));r.JBadge=Z,r.JCard=M,r.JCardSceleton=F,r.JFooterLabel=W,r.JFooterMenu=ee,r.JHeaderActions=oe,r.JHeaderLogo=m,r.JHeaderMenu=p,r.JHeaderMenuItems=_,r.JImage=G,r.JImageSceleton=Q,r.MInput=B,r.VButton=h,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n.MyLib={},n.Vue))})(this,function(n,e){"use strict";const f=(t,o)=>{const l=t.__vccOpts||t;for(const[c,r]of o)l[c]=r;return l},h={};function k(t,o){return e.openBlock(),e.createElementBlock("button",e.normalizeProps(e.guardReactiveProps(t.$attrs)),[e.renderSlot(t.$slots,"default")],16)}const g=f(h,[["render",k]]),B={};function S(t,o){return e.openBlock(),e.createElementBlock("input",e.mergeProps(t.$attrs,{type:"text","aria-label":"Filter projects"}),null,16)}const b=f(B,[["render",S]]),le="",w=t=>(e.pushScopeId("data-v-59498c0f"),t=t(),e.popScopeId(),t),$={key:0,class:"relative"},E={class:"absolute z-1 top-0 left-0 flex flex-col w-full h-full p-2"},x={class:"flex"},C={class:"flex ml-auto absolute right-0"},V={key:0,class:"py-0.5 px-1 rounded text-white bg-black/50 ml-1"},N=w(()=>e.createElementVNode("div",{class:"flex w-full mt-auto"},null,-1)),q={class:"flex"},J={class:"flex ml-auto"},j={key:1,class:"pt-3 flex gap-5 text-xs text-cyan infobox"},I={key:0},z={key:1},O={key:2},T=f(Object.assign({inheritAttrs:!1,customOptions:{}},{__name:"JCard",props:{titleStyle:{type:Object,required:!1},showTitle:{type:Boolean,required:!1,default:!1},title:{type:String,required:!1,default:"Zm\u011Bny v programu dopravy vzork\u016F z Marsu"},showAuthor:{type:Boolean,required:!1,default:!1},author:{type:String,required:!1,default:"Mendim Arifaj"},showViews:{type:Boolean,required:!1,default:!1},views:{type:String,required:!1,default:"100K views"},showDate:{type:Boolean,required:!1,default:!1},date:{type:String,required:!1,default:"28/02/1996"},showTimeDuration:{type:Boolean,required:!1,default:!1},timeDuration:{type:String,required:!1,default:"03:11"},showThumbnail:{type:Boolean,required:!1,default:!1},detailsStyle:{type:Object,required:!1}},setup(t){const o=t,l=e.useAttrs(),c=e.computed(()=>l.order?`flex-${l.order}`:"flex-col"),{showAuthor:r,showViews:s,showDate:a}=e.toRefs(o),d=e.computed(()=>r.value||s.value||a.value);return(i,te)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"inline-flex gap-3 border border-dashed border-gray-600 rounded p-4 w-full"},i.$attrs,{class:e.unref(c)}),[t.showThumbnail?(e.openBlock(),e.createElementBlock("div",$,[e.createElementVNode("div",E,[e.createElementVNode("div",x,[e.renderSlot(i.$slots,"top_left",{},void 0,!0),e.createElementVNode("div",C,[e.renderSlot(i.$slots,"top_right",{},void 0,!0),t.showTimeDuration?(e.openBlock(),e.createElementBlock("span",V,e.toDisplayString(t.timeDuration),1)):e.createCommentVNode("",!0)])]),N,e.createElementVNode("div",q,[e.renderSlot(i.$slots,"bottom_left",{class:"flex"},void 0,!0),e.createElementVNode("div",J,[e.renderSlot(i.$slots,"bottom_right",{},void 0,!0)])])]),e.renderSlot(i.$slots,"image",{},void 0,!0)])):e.createCommentVNode("",!0),e.unref(d)||t.showTitle?(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle(t.detailsStyle),class:"p-1 box-border"},[t.showTitle?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(t.titleStyle)},e.toDisplayString(t.title),5)):e.createCommentVNode("",!0),e.unref(d)?(e.openBlock(),e.createElementBlock("div",j,[e.unref(r)?(e.openBlock(),e.createElementBlock("span",I,e.toDisplayString(t.author),1)):e.createCommentVNode("",!0),e.unref(s)?(e.openBlock(),e.createElementBlock("span",z,e.toDisplayString(t.views),1)):e.createCommentVNode("",!0),e.unref(a)?(e.openBlock(),e.createElementBlock("span",O,e.toDisplayString(t.date),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0)],16))}}),[["__scopeId","data-v-59498c0f"]]),re="",D=t=>(e.pushScopeId("data-v-b6261246"),t=t(),e.popScopeId(),t),A={key:0,class:"relative"},P=D(()=>e.createElementVNode("div",{class:"absolute z-1 top-0 left-0 flex flex-col w-full h-full p-2"},null,-1)),F={key:0,class:"jcard-sceleton-title"},M={key:1,class:"pt-3 flex gap-5 text-xs text-cyan infobox"},L={key:0},R={key:1},Z={key:2},K=f(Object.assign({inheritAttrs:!1,customOptions:{}},{__name:"JCardSceleton",props:{titleStyle:{type:Object,required:!1},showTitle:{type:Boolean,required:!1,default:!1},title:{type:String,required:!1,default:"Zm\u011Bny v programu dopravy vzork\u016F z Marsu"},showAuthor:{type:Boolean,required:!1,default:!1},author:{type:String,required:!1,default:"Mendim Arifaj"},showViews:{type:Boolean,required:!1,default:!1},views:{type:String,required:!1,default:"100K views"},showDate:{type:Boolean,required:!1,default:!1},date:{type:String,required:!1,default:"28/02/1996"},showTimeDuration:{type:Boolean,required:!1,default:!1},showThumbnail:{type:Boolean,required:!1,default:!1},detailsStyle:{type:Object,required:!1}},setup(t){const o=t,l=e.useAttrs(),c=e.computed(()=>l.order?`flex-${l.order}`:"flex-col"),{showAuthor:r,showViews:s,showDate:a}=e.toRefs(o),d=e.computed(()=>r.value||s.value||a.value);return(i,te)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"jcard-sceleton inline-flex gap-3 border border-dashed border-gray-600 rounded p-4 w-full"},i.$attrs,{class:e.unref(c)}),[t.showThumbnail?(e.openBlock(),e.createElementBlock("div",A,[P,e.renderSlot(i.$slots,"image",{},void 0,!0)])):e.createCommentVNode("",!0),e.unref(d)||t.showTitle?(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle(t.detailsStyle),class:"p-1 box-border"},[t.showTitle?(e.openBlock(),e.createElementBlock("div",F)):e.createCommentVNode("",!0),e.unref(d)?(e.openBlock(),e.createElementBlock("div",M,[e.unref(r)?(e.openBlock(),e.createElementBlock("span",L)):e.createCommentVNode("",!0),e.unref(s)?(e.openBlock(),e.createElementBlock("span",R)):e.createCommentVNode("",!0),e.unref(a)?(e.openBlock(),e.createElementBlock("span",Z)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0)],16))}}),[["__scopeId","data-v-b6261246"]]),H={};function U(t,o){return e.openBlock(),e.createElementBlock("span",e.mergeProps({class:"rounded py-0.5 px-1 flex items-center justify-center"},t.$attrs),[e.renderSlot(t.$slots,"default")],16)}const G=f(H,[["render",U]]),Q=["src"],m={__name:"JImage",props:{imageSrc:{type:String,required:!1,default:"https://ub1doy938d.gjirafa.net/media/zxgzzz/thumbnails/standart.jpg"}},setup(t){return(o,l)=>(e.openBlock(),e.createElementBlock("img",e.mergeProps({src:t.imageSrc,alt:"Video Card Placeholder",class:"w-full"},o.$attrs),null,16,Q))}},ce="",W=f({__name:"JImageSceleton",props:{imageSrc:{type:String,required:!1,default:"https://ub1doy938d.gjirafa.net/media/zxgzzz/thumbnails/standart.jpg"}},setup(t){return(o,l)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({src:"",class:"jimage-sceleton w-full"},o.$attrs),null,16))}},[["__scopeId","data-v-4e30e0b0"]]),X={__name:"JFooter",props:{children:{type:Array,required:!0,default:[]}},setup(t){function o(l){return l==="label"?e.markRaw(p):l==="menu"?e.markRaw(_):e.markRaw(m)}return(l,c)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps(l.$attrs,{class:"w-full flex flex-wrap gap-4"}),[e.renderSlot(l.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.children,r=>(e.openBlock(),e.createBlock(e.unref(y),{key:r.id,"x-alignment":r.props.xAlignment,"y-alignment":r.props.yAlignment},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.children,s=>(e.openBlock(),e.createBlock(e.unref(u),{key:s.id},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.children,a=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a.id},[e.createTextVNode(e.toDisplayString(a.style)+" ",1),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o(a.type)),{data:a.props,style:e.normalizeStyle(a.style)},null,8,["data","style"]))],64))),128))]),_:2},1024))),128))]),_:2},1032,["x-alignment","y-alignment"]))),128))])],16))}},p={__name:"JFooterLabel",props:{data:{type:Object,default:{text:{type:String,default:""}}}},setup(t){const o=t,{text:l}=o.data;return(c,r)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps(c.$attrs,{class:"p-4"}),e.toDisplayString(e.unref(l)),17))}},Y={key:0,class:"mb-6"},v={class:""},ee={class:"cursor-pointer"},_={__name:"JFooterMenu",props:{data:{type:Object,default:{title:{type:String,default:""},menuItems:{type:Array,default:[]},orientation:{type:String,default:"vertical"}}}},setup(t){const o=t,{title:l,menuItems:c,orientation:r}=o.data;return(s,a)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps(s.$attrs,{class:"p-4"}),[e.unref(l)?(e.openBlock(),e.createElementBlock("div",Y,[e.createElementVNode("h5",null,e.toDisplayString(e.unref(l)),1)])):e.createCommentVNode("",!0),e.createElementVNode("ul",{class:e.normalizeClass(["flex flex-wrap gap-4 text-sm",{"flex-col":e.unref(r)==="vertical"}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(c),d=>(e.openBlock(),e.createElementBlock("li",v,[e.createElementVNode("a",ee,e.toDisplayString(d.navigationLabel),1)]))),256))],2)],16))}},y={__name:"JRow",props:{alignment:{type:Object,default:{horizontal:null,vertical:null}},xAlignment:{type:[String,null],default:null},yAlignment:{type:[String,null],default:null}},setup(t){const o=t,l={left:"justify-start",right:"justify-end",center:"justify-center"},c={top:"items-start",bottom:"items-end",center:"items-center"},r=e.computed(()=>{const{xAlignment:s,yAlignment:a}=o;return`${s?l[s]:""}${a?" "+c[a]:""}`});return(s,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["w-full row relative flex flex-wrap",e.unref(r)])},[e.renderSlot(s.$slots,"default")],2))}},u={__name:"JCol",props:{columns:{type:[String,Number],default:null}},setup(t){const o={1:"basis-1/12",2:"basis-2/12",3:"basis-3/12",4:"basis-4/12",5:"basis-5/12",6:"basis-6/12",7:"basis-7/12",8:"basis-8/12",9:"basis-9/12",10:"basis-10/12",11:"basis-11/12",12:"basis-full"};return(l,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex flex-col",o[t.columns]])},[e.renderSlot(l.$slots,"default")],2))}};n.JBadge=G,n.JCard=T,n.JCardSceleton=K,n.JCol=u,n.JFooter=X,n.JFooterLabel=p,n.JFooterMenu=_,n.JImage=m,n.JImageSceleton=W,n.JRow=y,n.MInput=b,n.VButton=g,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package.json

@@ -14,3 +14,3 @@ {
   },
-  "version": "0.0.13",
+  "version": "0.0.14",
   "scripts": {
@@ -17,0 +17,0 @@ "dev": "vite",

No alert changes

Improved metrics

Total package byte prevSize

26446

increased by0.95%

Lines of code

500

increased by7.07%

No dependency changes