@mendmania/ui-name - npm Package Compare versions

Comparing version 0.0.17 to 0.0.18

dist/my-lib.es.js

@@ -1,16 +0,16 @@
-import { openBlock as t, createElementBlock as s, normalizeProps as A, guardReactiveProps as C, renderSlot as f, mergeProps as p, useAttrs as q, computed as g, toRefs as k, unref as r, createElementVNode as o, toDisplayString as m, createCommentVNode as u, normalizeStyle as $, pushScopeId as J, popScopeId as O, Fragment as v, renderList as b, createBlock as w, withCtx as j, resolveDynamicComponent as z, markRaw as x, normalizeClass as S } from "vue";
-const h = (e, l) => {
-  const a = e.__vccOpts || e;
-  for (const [c, n] of l)
-    a[c] = n;
-  return a;
-}, T = {};
-function B(e, l) {
-  return t(), s("button", A(C(e.$attrs)), [
-    f(e.$slots, "default")
+import { openBlock as t, createElementBlock as s, normalizeProps as M, guardReactiveProps as z, renderSlot as p, mergeProps as y, useAttrs as T, computed as m, toRefs as A, unref as n, createElementVNode as u, toDisplayString as h, createCommentVNode as c, normalizeStyle as S, pushScopeId as C, popScopeId as P, Fragment as $, renderList as x, createBlock as g, withCtx as q, resolveDynamicComponent as B, markRaw as J, normalizeClass as k, defineAsyncComponent as N, createVNode as H } from "vue";
+const v = (e, o) => {
+  const r = e.__vccOpts || e;
+  for (const [l, a] of o)
+    r[l] = a;
+  return r;
+}, F = {};
+function V(e, o) {
+  return t(), s("button", M(z(e.$attrs)), [
+    p(e.$slots, "default")
   ], 16);
 }
-const Ce = /* @__PURE__ */ h(T, [["render", B]]), D = {};
-function F(e, l) {
-  return t(), s("input", p(e.$attrs, {
+const rt = /* @__PURE__ */ v(F, [["render", V]]), R = {};
+function E(e, o) {
+  return t(), s("input", y(e.$attrs, {
     type: "text",
@@ -20,16 +20,16 @@ "aria-label": "Filter projects"
 }
-const ze = /* @__PURE__ */ h(D, [["render", F]]);
-const V = (e) => (J("data-v-59498c0f"), e = e(), O(), e), M = {
+const nt = /* @__PURE__ */ v(R, [["render", E]]);
+const Z = (e) => (C("data-v-59498c0f"), e = e(), P(), e), K = {
   key: 0,
   class: "relative"
-}, N = { class: "absolute z-1 top-0 left-0 flex flex-col w-full h-full p-2" }, L = { class: "flex" }, P = { class: "flex ml-auto absolute right-0" }, R = {
+}, U = { class: "absolute z-1 top-0 left-0 flex flex-col w-full h-full p-2" }, G = { class: "flex" }, Q = { class: "flex ml-auto absolute right-0" }, W = {
   key: 0,
   class: "py-0.5 px-1 rounded text-white bg-black/50 ml-1"
-}, E = /* @__PURE__ */ V(() => /* @__PURE__ */ o("div", { class: "flex w-full mt-auto" }, null, -1)), H = { class: "flex" }, Z = { class: "flex ml-auto" }, K = {
+}, X = /* @__PURE__ */ Z(() => /* @__PURE__ */ u("div", { class: "flex w-full mt-auto" }, null, -1)), Y = { class: "flex" }, ee = { class: "flex ml-auto" }, te = {
   key: 1,
   class: "pt-3 flex gap-5 text-xs text-cyan infobox"
-}, U = { key: 0 }, G = { key: 1 }, Q = { key: 2 }, W = {
+}, se = { key: 0 }, re = { key: 1 }, ne = { key: 2 }, oe = {
   inheritAttrs: !1,
   customOptions: {}
-}, X = /* @__PURE__ */ Object.assign(W, {
+}, ae = /* @__PURE__ */ Object.assign(oe, {
   __name: "JCard",
@@ -102,28 +102,28 @@ props: {
   setup(e) {
-    const l = e, a = q(), c = g(() => a.order ? `flex-${a.order}` : "flex-col"), { showAuthor: n, showViews: i, showDate: d } = k(l), y = g(
-      () => n.value || i.value || d.value
+    const o = e, r = T(), l = m(() => r.order ? `flex-${r.order}` : "flex-col"), { showAuthor: a, showViews: i, showDate: d } = A(o), f = m(
+      () => a.value || i.value || d.value
     );
-    return (_, I) => (t(), s("div", p({ class: "inline-flex gap-3 border border-dashed border-gray-600 rounded p-4 w-full" }, _.$attrs, { class: r(c) }), [
-      e.showThumbnail ? (t(), s("div", M, [
-        o("div", N, [
-          o("div", L, [
-            f(_.$slots, "top_left", {}, void 0, !0),
-            o("div", P, [
-              f(_.$slots, "top_right", {}, void 0, !0),
-              e.showTimeDuration ? (t(), s("span", R, m(e.timeDuration), 1)) : u("", !0)
+    return (_, w) => (t(), s("div", y({ class: "inline-flex gap-3 border border-dashed border-gray-600 rounded p-4 w-full" }, _.$attrs, { class: n(l) }), [
+      e.showThumbnail ? (t(), s("div", K, [
+        u("div", U, [
+          u("div", G, [
+            p(_.$slots, "top_left", {}, void 0, !0),
+            u("div", Q, [
+              p(_.$slots, "top_right", {}, void 0, !0),
+              e.showTimeDuration ? (t(), s("span", W, h(e.timeDuration), 1)) : c("", !0)
             ])
           ]),
-          E,
-          o("div", H, [
-            f(_.$slots, "bottom_left", { class: "flex" }, void 0, !0),
-            o("div", Z, [
-              f(_.$slots, "bottom_right", {}, void 0, !0)
+          X,
+          u("div", Y, [
+            p(_.$slots, "bottom_left", { class: "flex" }, void 0, !0),
+            u("div", ee, [
+              p(_.$slots, "bottom_right", {}, void 0, !0)
             ])
           ])
         ]),
-        f(_.$slots, "image", {}, void 0, !0)
-      ])) : u("", !0),
-      r(y) || e.showTitle ? (t(), s("div", {
+        p(_.$slots, "image", {}, void 0, !0)
+      ])) : c("", !0),
+      n(f) || e.showTitle ? (t(), s("div", {
         key: 1,
-        style: $(e.detailsStyle),
+        style: S(e.detailsStyle),
         class: "p-1 box-border"
@@ -133,26 +133,26 @@ }, [
           key: 0,
-          style: $(e.titleStyle)
-        }, m(e.title), 5)) : u("", !0),
-        r(y) ? (t(), s("div", K, [
-          r(n) ? (t(), s("span", U, m(e.author), 1)) : u("", !0),
-          r(i) ? (t(), s("span", G, m(e.views), 1)) : u("", !0),
-          r(d) ? (t(), s("span", Q, m(e.date), 1)) : u("", !0)
-        ])) : u("", !0)
-      ], 4)) : u("", !0)
+          style: S(e.titleStyle)
+        }, h(e.title), 5)) : c("", !0),
+        n(f) ? (t(), s("div", te, [
+          n(a) ? (t(), s("span", se, h(e.author), 1)) : c("", !0),
+          n(i) ? (t(), s("span", re, h(e.views), 1)) : c("", !0),
+          n(d) ? (t(), s("span", ne, h(e.date), 1)) : c("", !0)
+        ])) : c("", !0)
+      ], 4)) : c("", !0)
     ], 16));
   }
-}), Te = /* @__PURE__ */ h(X, [["__scopeId", "data-v-59498c0f"]]);
-const Y = (e) => (J("data-v-b6261246"), e = e(), O(), e), ee = {
+}), ot = /* @__PURE__ */ v(ae, [["__scopeId", "data-v-59498c0f"]]);
+const le = (e) => (C("data-v-b6261246"), e = e(), P(), e), ie = {
   key: 0,
   class: "relative"
-}, te = /* @__PURE__ */ Y(() => /* @__PURE__ */ o("div", { class: "absolute z-1 top-0 left-0 flex flex-col w-full h-full p-2" }, null, -1)), se = {
+}, ue = /* @__PURE__ */ le(() => /* @__PURE__ */ u("div", { class: "absolute z-1 top-0 left-0 flex flex-col w-full h-full p-2" }, null, -1)), ce = {
   key: 0,
   class: "jcard-sceleton-title"
-}, ae = {
+}, de = {
   key: 1,
   class: "pt-3 flex gap-5 text-xs text-cyan infobox"
-}, le = { key: 0 }, re = { key: 1 }, ne = { key: 2 }, oe = {
+}, fe = { key: 0 }, _e = { key: 1 }, pe = { key: 2 }, me = {
   inheritAttrs: !1,
   customOptions: {}
-}, ie = /* @__PURE__ */ Object.assign(oe, {
+}, ye = /* @__PURE__ */ Object.assign(me, {
   __name: "JCardSceleton",
@@ -220,31 +220,31 @@ props: {
   setup(e) {
-    const l = e, a = q(), c = g(() => a.order ? `flex-${a.order}` : "flex-col"), { showAuthor: n, showViews: i, showDate: d } = k(l), y = g(
-      () => n.value || i.value || d.value
+    const o = e, r = T(), l = m(() => r.order ? `flex-${r.order}` : "flex-col"), { showAuthor: a, showViews: i, showDate: d } = A(o), f = m(
+      () => a.value || i.value || d.value
     );
-    return (_, I) => (t(), s("div", p({ class: "jcard-sceleton inline-flex gap-3 border border-dashed border-gray-600 rounded p-4 w-full" }, _.$attrs, { class: r(c) }), [
-      e.showThumbnail ? (t(), s("div", ee, [
-        te,
-        f(_.$slots, "image", {}, void 0, !0)
-      ])) : u("", !0),
-      r(y) || e.showTitle ? (t(), s("div", {
+    return (_, w) => (t(), s("div", y({ class: "jcard-sceleton inline-flex gap-3 border border-dashed border-gray-600 rounded p-4 w-full" }, _.$attrs, { class: n(l) }), [
+      e.showThumbnail ? (t(), s("div", ie, [
+        ue,
+        p(_.$slots, "image", {}, void 0, !0)
+      ])) : c("", !0),
+      n(f) || e.showTitle ? (t(), s("div", {
         key: 1,
-        style: $(e.detailsStyle),
+        style: S(e.detailsStyle),
         class: "p-1 box-border"
       }, [
-        e.showTitle ? (t(), s("div", se)) : u("", !0),
-        r(y) ? (t(), s("div", ae, [
-          r(n) ? (t(), s("span", le)) : u("", !0),
-          r(i) ? (t(), s("span", re)) : u("", !0),
-          r(d) ? (t(), s("span", ne)) : u("", !0)
-        ])) : u("", !0)
-      ], 4)) : u("", !0)
+        e.showTitle ? (t(), s("div", ce)) : c("", !0),
+        n(f) ? (t(), s("div", de, [
+          n(a) ? (t(), s("span", fe)) : c("", !0),
+          n(i) ? (t(), s("span", _e)) : c("", !0),
+          n(d) ? (t(), s("span", pe)) : c("", !0)
+        ])) : c("", !0)
+      ], 4)) : c("", !0)
     ], 16));
   }
-}), Be = /* @__PURE__ */ h(ie, [["__scopeId", "data-v-b6261246"]]), ue = {};
-function de(e, l) {
-  return t(), s("span", p({ class: "rounded py-0.5 px-1 flex items-center justify-center" }, e.$attrs), [
-    f(e.$slots, "default")
+}), at = /* @__PURE__ */ v(ye, [["__scopeId", "data-v-b6261246"]]), he = {};
+function ge(e, o) {
+  return t(), s("span", y({ class: "rounded py-0.5 px-1 flex items-center justify-center" }, e.$attrs), [
+    p(e.$slots, "default")
   ], 16);
 }
-const De = /* @__PURE__ */ h(ue, [["render", de]]), ce = ["src"], fe = {
+const lt = /* @__PURE__ */ v(he, [["render", ge]]), ve = ["src"], be = {
   __name: "JImage",
@@ -259,10 +259,10 @@ props: {
   setup(e) {
-    return (l, a) => (t(), s("img", p({
+    return (o, r) => (t(), s("img", y({
       src: e.imageSrc,
       alt: "Video Card Placeholder",
       class: "w-full"
-    }, l.$attrs), null, 16, ce));
+    }, o.$attrs), null, 16, ve));
   }
 };
-const _e = {
+const $e = {
   __name: "JImageSceleton",
@@ -277,8 +277,8 @@ props: {
   setup(e) {
-    return (l, a) => (t(), s("div", p({
+    return (o, r) => (t(), s("div", y({
       src: "",
       class: "jimage-sceleton w-full"
-    }, l.$attrs), null, 16));
+    }, o.$attrs), null, 16));
   }
-}, Fe = /* @__PURE__ */ h(_e, [["__scopeId", "data-v-4e30e0b0"]]), Ve = {
+}, it = /* @__PURE__ */ v($e, [["__scopeId", "data-v-4e30e0b0"]]), ut = {
   __name: "JFooter",
@@ -293,22 +293,22 @@ props: {
   setup(e) {
-    function l(a) {
-      return a === "label" ? x(pe) : a === "menu" ? x(ge) : x(fe);
+    function o(r) {
+      return r === "label" ? J(xe) : r === "menu" ? J(je) : J(be);
     }
-    return (a, c) => (t(), s("div", p(a.$attrs, { class: "j-footer w-full flex flex-wrap gap-4" }), [
-      f(a.$slots, "default", {}, () => [
-        (t(!0), s(v, null, b(e.children, (n) => (t(), w(r(Se), {
-          key: n.id,
-          "x-alignment": n.props.xAlignment,
-          "y-alignment": n.props.yAlignment
+    return (r, l) => (t(), s("div", y(r.$attrs, { class: "j-footer w-full flex flex-wrap gap-4" }), [
+      p(r.$slots, "default", {}, () => [
+        (t(!0), s($, null, x(e.children, (a) => (t(), g(n(Me), {
+          key: a.id,
+          "x-alignment": a.props.xAlignment,
+          "y-alignment": a.props.yAlignment
         }, {
-          default: j(() => [
-            (t(!0), s(v, null, b(n.children, (i) => (t(), w(r(je), {
+          default: q(() => [
+            (t(!0), s($, null, x(a.children, (i) => (t(), g(n(ze), {
               key: i.id,
               columns: i.props.columns
             }, {
-              default: j(() => [
-                (t(!0), s(v, null, b(i.children, (d) => (t(), w(z(l(d.type)), {
+              default: q(() => [
+                (t(!0), s($, null, x(i.children, (d) => (t(), g(B(o(d.type)), {
                   key: d.id,
                   data: d.props,
-                  style: $(d.style)
+                  style: S(d.style)
                 }, null, 8, ["data", "style"]))), 128))
@@ -324,3 +324,3 @@ ]),
   }
-}, pe = {
+}, xe = {
   __name: "JFooterLabel",
@@ -339,9 +339,9 @@ props: {
   setup(e) {
-    const l = e, { text: a } = l.data;
-    return (c, n) => (t(), s("div", p(c.$attrs, { class: "p-4" }), m(r(a)), 17));
+    const o = e, { text: r } = o.data;
+    return (l, a) => (t(), s("div", y(l.$attrs, { class: "p-4" }), h(n(r)), 17));
   }
-}, me = {
+}, we = {
   key: 0,
   class: "mb-6"
-}, he = { class: "" }, ye = { class: "cursor-pointer" }, ge = {
+}, Se = { class: "" }, Je = { class: "cursor-pointer" }, je = {
   __name: "JFooterMenu",
@@ -368,12 +368,12 @@ props: {
   setup(e) {
-    const l = e, { title: a, menuItems: c, orientation: n } = l.data;
-    return (i, d) => (t(), s("div", p(i.$attrs, { class: "p-4" }), [
-      r(a) ? (t(), s("div", me, [
-        o("h5", null, m(r(a)), 1)
-      ])) : u("", !0),
-      o("ul", {
-        class: S(["flex flex-wrap gap-4 text-sm", { "flex-col": r(n) === "vertical" }])
+    const o = e, { title: r, menuItems: l, orientation: a } = o.data;
+    return (i, d) => (t(), s("div", y(i.$attrs, { class: "p-4" }), [
+      n(r) ? (t(), s("div", we, [
+        u("h5", null, h(n(r)), 1)
+      ])) : c("", !0),
+      u("ul", {
+        class: k(["flex flex-wrap gap-4 text-sm", { "flex-col": n(a) === "vertical" }])
       }, [
-        (t(!0), s(v, null, b(r(c), (y) => (t(), s("li", he, [
-          o("a", ye, m(y.navigationLabel), 1)
+        (t(!0), s($, null, x(n(l), (f) => (t(), s("li", Se, [
+          u("a", Je, h(f.navigationLabel), 1)
         ]))), 256))
@@ -384,15 +384,15 @@ ], 2)
 };
-const ve = {}, be = { class: "j-footer-sceleton" }, $e = /* @__PURE__ */ o("div", { class: "card w-full is-loading" }, [
-  /* @__PURE__ */ o("div", { class: "image" }),
-  /* @__PURE__ */ o("div", { class: "content" }, [
-    /* @__PURE__ */ o("h2"),
-    /* @__PURE__ */ o("p")
+const ke = {}, Oe = { class: "j-footer-sceleton" }, qe = /* @__PURE__ */ u("div", { class: "card w-full is-loading" }, [
+  /* @__PURE__ */ u("div", { class: "image" }),
+  /* @__PURE__ */ u("div", { class: "content" }, [
+    /* @__PURE__ */ u("h2"),
+    /* @__PURE__ */ u("p")
   ])
-], -1), we = [
-  $e
+], -1), He = [
+  qe
 ];
-function xe(e, l) {
-  return t(), s("div", be, we);
+function Ie(e, o) {
+  return t(), s("div", Oe, He);
 }
-const Me = /* @__PURE__ */ h(ve, [["render", xe]]), Se = {
+const ct = /* @__PURE__ */ v(ke, [["render", Ie]]), Me = {
   __name: "JRow",
@@ -417,21 +417,21 @@ props: {
   setup(e) {
-    const l = e, a = {
+    const o = e, r = {
       left: "justify-start",
       right: "justify-end",
       center: "justify-center"
-    }, c = {
+    }, l = {
       top: "items-start",
       bottom: "items-end",
       center: "items-center"
-    }, n = g(() => {
-      const { xAlignment: i, yAlignment: d } = l;
-      return `${i ? a[i] : ""}${d ? " " + c[d] : ""}`;
+    }, a = m(() => {
+      const { xAlignment: i, yAlignment: d } = o;
+      return `${i ? r[i] : ""}${d ? " " + l[d] : ""}`;
     });
     return (i, d) => (t(), s("div", {
-      class: S(["j-row w-full relative flex flex-wrap", r(n)])
+      class: k(["j-row w-full relative flex flex-wrap", n(a)])
     }, [
-      f(i.$slots, "default")
+      p(i.$slots, "default")
     ], 2));
   }
-}, je = {
+}, ze = {
   __name: "JCol",
@@ -445,3 +445,3 @@ props: {
   setup(e) {
-    const l = {
+    const o = {
       1: "basis-1/12",
@@ -460,33 +460,211 @@ 2: "basis-2/12",
     };
-    return (a, c) => (t(), s("div", {
-      class: S(["j-column flex flex-col", l[e.columns]])
+    return (r, l) => (t(), s("div", {
+      class: k(["j-column flex flex-col", o[e.columns]])
     }, [
-      f(a.$slots, "default")
+      p(r.$slots, "default")
     ], 2));
   }
 };
-const qe = {}, ke = { class: "j-footer-sceleton" }, Je = /* @__PURE__ */ o("div", { class: "card w-full is-loading" }, [
-  /* @__PURE__ */ o("div", { class: "image" })
-], -1), Oe = [
-  Je
+const Te = {}, Ae = { class: "j-footer-sceleton" }, Ce = /* @__PURE__ */ u("div", { class: "card w-full is-loading" }, [
+  /* @__PURE__ */ u("div", { class: "image" })
+], -1), Pe = [
+  Ce
 ];
-function Ie(e, l) {
-  return t(), s("div", ke, Oe);
+function Be(e, o) {
+  return t(), s("div", Ae, Pe);
 }
-const Ne = /* @__PURE__ */ h(qe, [["render", Ie]]);
+const De = /* @__PURE__ */ v(Te, [["render", Be]]), Le = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: De
+}, Symbol.toStringTag, { value: "Module" })), Ne = (e, o) => {
+  const r = e[o];
+  return r ? typeof r == "function" ? r() : Promise.resolve(r) : new Promise((l, a) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(a.bind(null, new Error("Unknown variable dynamic import: " + o)));
+  });
+}, I = {
+  __name: "JHeaderActions",
+  props: {
+    settings: {
+      type: Object,
+      required: !0
+    },
+    actions: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    const o = {
+      language: "Language",
+      notifications: "Notifications",
+      profile: "Profile",
+      search: "Search"
+    };
+    function r(l) {
+      return N(() => Ne(/* @__PURE__ */ Object.assign({ "./JHeader.vue": () => Promise.resolve().then(() => tt), "./JHeaderLanguage.vue": () => import("./JHeaderLanguage.60a80ad9.mjs"), "./JHeaderLogo.vue": () => Promise.resolve().then(() => Ke), "./JHeaderMenu.vue": () => Promise.resolve().then(() => We), "./JHeaderMenuItems.vue": () => Promise.resolve().then(() => Ve), "./JHeaderNotifications.vue": () => import("./JHeaderNotifications.9f5c7f5c.mjs"), "./JHeaderProfile.vue": () => import("./JHeaderProfile.f8b6e209.mjs"), "./JHeaderSceleton.vue": () => Promise.resolve().then(() => Le), "./JHeaderSearch.vue": () => import("./JHeaderSearch.2615ab45.mjs") }), `./JHeader${o[l]}.vue`));
+    }
+    return (l, a) => (t(), s("div", null, [
+      (t(!0), s($, null, x(e.actions, (i) => (t(), g(B(r(i)), {
+        key: `action-${i}`,
+        icon: e.settings[i].iconSettings
+      }, null, 8, ["icon"]))), 128))
+    ]));
+  }
+}, Fe = ["href"], j = {
+  __name: "JHeaderMenuItems",
+  props: {
+    menuItems: {
+      type: Array,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (o, r) => (t(), s("ul", M(z(o.$attrs)), [
+      (t(!0), s($, null, x(e.menuItems, (l) => (t(), s("li", null, [
+        u("a", {
+          class: "cursor-pointer text-black",
+          href: l.url,
+          target: "_blank"
+        }, h(l.navigationLabel), 9, Fe)
+      ]))), 256))
+    ], 16));
+  }
+}, Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: j
+}, Symbol.toStringTag, { value: "Module" })), Re = { class: "logo flex" }, Ee = { class: "w-full m-auto" }, Ze = ["src"], D = {
+  __name: "JHeaderLogo",
+  props: {
+    imageSrc: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (o, r) => (t(), s("div", Re, [
+      u("a", Ee, [
+        u("img", {
+          src: e.imageSrc,
+          alt: "logo",
+          class: ""
+        }, null, 8, Ze)
+      ])
+    ]));
+  }
+}, Ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: D
+}, Symbol.toStringTag, { value: "Module" })), Ue = {
+  style: { fill: "currentColor" },
+  viewBox: "0,0,24,24",
+  width: "18",
+  height: "18",
+  xmlns: "http://www.w3.org/2000/svg"
+}, Ge = /* @__PURE__ */ u("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M20.6 18.2a.6.6 0 01-.6.6H4a.6.6 0 110-1.2h16a.6.6 0 01.6.6zM20.6 12a.6.6 0 01-.6.6H4a.6.6 0 110-1.2h16a.6.6 0 01.6.6zM20.6 5.8a.6.6 0 01-.6.6H4a.6.6 0 110-1.2h16a.6.6 0 01.6.6z"
+}, null, -1), Qe = [
+  Ge
+], L = {
+  __name: "JHeaderMenu",
+  props: {
+    isMobile: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (o, r) => (t(), s("div", null, [
+      u("a", null, [
+        (t(), s("svg", Ue, Qe))
+      ])
+    ]));
+  }
+}, We = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: L
+}, Symbol.toStringTag, { value: "Module" })), Xe = {
+  key: 1,
+  class: "flex-1"
+}, Ye = {
+  key: 0,
+  class: "flex-1"
+}, et = {
+  __name: "JHeader",
+  props: {
+    settings: {
+      type: Object,
+      required: !0
+    },
+    components: {
+      type: Object,
+      required: !0
+    },
+    breakpoint: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(e) {
+    const o = e, { breakpoint: r, components: l, settings: a } = o, i = m(() => r === "mobile"), d = m(() => r === "desktop"), f = m(() => l.menu), _ = m(() => l.logo), w = m(() => Object.entries(l).filter(
+      ([b, O]) => O && b !== "logo" && b !== "menu"
+    ).map((b) => b[0]));
+    return (b, O) => (t(), s("div", null, [
+      u("nav", y({ class: "w-full flex gap-4 justify-between items-center px-6 py-2" }, b.$attrs), [
+        n(_) ? (t(), g(D, {
+          key: 0,
+          "image-src": n(a).logo.source
+        }, null, 8, ["image-src"])) : c("", !0),
+        n(f) && n(d) ? (t(), s("div", Xe, [
+          H(j, {
+            class: "flex flex-row items-center gap-6 text-sm",
+            "menu-items": n(a).menu.menuItems
+          }, null, 8, ["menu-items"])
+        ])) : c("", !0),
+        n(i) ? c("", !0) : (t(), g(I, {
+          key: 2,
+          class: "actions flex ml-auto gap-x-4",
+          settings: n(a),
+          actions: n(w)
+        }, null, 8, ["settings", "actions"])),
+        n(f) && !n(d) ? (t(), g(L, {
+          key: 3,
+          "is-mobile": n(i)
+        }, null, 8, ["is-mobile"])) : c("", !0)
+      ], 16),
+      n(f) && !n(d) ? (t(), s("div", Ye, [
+        H(j, {
+          class: "flex flex-col gap-y-7 items-center py-10 px-2 text-sm",
+          "menu-items": n(a).menu.menuItems
+        }, null, 8, ["menu-items"]),
+        n(i) && n(w).length ? (t(), g(I, {
+          key: 0,
+          class: "actions py-10 border-t border-gray-500 flex justify-center ml-auto gap-x-4",
+          settings: n(a),
+          actions: n(w)
+        }, null, 8, ["settings", "actions"])) : c("", !0)
+      ])) : c("", !0)
+    ]));
+  }
+}, tt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: et
+}, Symbol.toStringTag, { value: "Module" }));
 export {
-  De as JBadge,
-  Te as JCard,
-  Be as JCardSceleton,
-  je as JCol,
-  Ve as JFooter,
-  pe as JFooterLabel,
-  ge as JFooterMenu,
-  Me as JFooterSceleton,
-  Ne as JHeaderSceleton,
-  fe as JImage,
-  Fe as JImageSceleton,
-  Se as JRow,
-  ze as MInput,
-  Ce as VButton
+  lt as JBadge,
+  ot as JCard,
+  at as JCardSceleton,
+  ze as JCol,
+  ut as JFooter,
+  xe as JFooterLabel,
+  je as JFooterMenu,
+  ct as JFooterSceleton,
+  et as JHeader,
+  De as JHeaderSceleton,
+  be as JImage,
+  it as JImageSceleton,
+  Me as JRow,
+  nt as MInput,
+  rt as VButton
 };

dist/my-lib.umd.js

@@ -1,1 +0,1 @@
-(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 d=(t,l)=>{const o=t.__vccOpts||t;for(const[c,r]of l)o[c]=r;return o},h={};function k(t,l){return e.openBlock(),e.createElementBlock("button",e.normalizeProps(e.guardReactiveProps(t.$attrs)),[e.renderSlot(t.$slots,"default")],16)}const g=d(h,[["render",k]]),B={};function S(t,l){return e.openBlock(),e.createElementBlock("input",e.mergeProps(t.$attrs,{type:"text","aria-label":"Filter projects"}),null,16)}const b=d(B,[["render",S]]),me="",$=t=>(e.pushScopeId("data-v-59498c0f"),t=t(),e.popScopeId(),t),w={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"},V={class:"flex ml-auto absolute right-0"},C={key:0,class:"py-0.5 px-1 rounded text-white bg-black/50 ml-1"},N=$(()=>e.createElementVNode("div",{class:"flex w-full mt-auto"},null,-1)),J={class:"flex"},j={class:"flex ml-auto"},q={key:1,class:"pt-3 flex gap-5 text-xs text-cyan infobox"},I={key:0},z={key:1},O={key:2},T=d(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 l=t,o=e.useAttrs(),c=e.computed(()=>o.order?`flex-${o.order}`:"flex-col"),{showAuthor:r,showViews:a,showDate:s}=e.toRefs(l),f=e.computed(()=>r.value||a.value||s.value);return(i,fe)=>(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",w,[e.createElementVNode("div",E,[e.createElementVNode("div",x,[e.renderSlot(i.$slots,"top_left",{},void 0,!0),e.createElementVNode("div",V,[e.renderSlot(i.$slots,"top_right",{},void 0,!0),t.showTimeDuration?(e.openBlock(),e.createElementBlock("span",C,e.toDisplayString(t.timeDuration),1)):e.createCommentVNode("",!0)])]),N,e.createElementVNode("div",J,[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(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",q,[e.unref(r)?(e.openBlock(),e.createElementBlock("span",I,e.toDisplayString(t.author),1)):e.createCommentVNode("",!0),e.unref(a)?(e.openBlock(),e.createElementBlock("span",z,e.toDisplayString(t.views),1)):e.createCommentVNode("",!0),e.unref(s)?(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"]]),ye="",A=t=>(e.pushScopeId("data-v-b6261246"),t=t(),e.popScopeId(),t),D={key:0,class:"relative"},P=A(()=>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},H={key:2},Z=d(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 l=t,o=e.useAttrs(),c=e.computed(()=>o.order?`flex-${o.order}`:"flex-col"),{showAuthor:r,showViews:a,showDate:s}=e.toRefs(l),f=e.computed(()=>r.value||a.value||s.value);return(i,fe)=>(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",D,[P,e.renderSlot(i.$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",F)):e.createCommentVNode("",!0),e.unref(f)?(e.openBlock(),e.createElementBlock("div",M,[e.unref(r)?(e.openBlock(),e.createElementBlock("span",L)):e.createCommentVNode("",!0),e.unref(a)?(e.openBlock(),e.createElementBlock("span",R)):e.createCommentVNode("",!0),e.unref(s)?(e.openBlock(),e.createElementBlock("span",H)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0)],16))}}),[["__scopeId","data-v-b6261246"]]),K={};function U(t,l){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=d(K,[["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(l,o)=>(e.openBlock(),e.createElementBlock("img",e.mergeProps({src:t.imageSrc,alt:"Video Card Placeholder",class:"w-full"},l.$attrs),null,16,Q))}},ke="",W=d({__name:"JImageSceleton",props:{imageSrc:{type:String,required:!1,default:"https://ub1doy938d.gjirafa.net/media/zxgzzz/thumbnails/standart.jpg"}},setup(t){return(l,o)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({src:"",class:"jimage-sceleton w-full"},l.$attrs),null,16))}},[["__scopeId","data-v-4e30e0b0"]]),X={__name:"JFooter",props:{children:{type:Array,required:!0,default:[]}},setup(t){function l(o){return o==="label"?e.markRaw(p):o==="menu"?e.markRaw(_):e.markRaw(m)}return(o,c)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps(o.$attrs,{class:"j-footer w-full flex flex-wrap gap-4"}),[e.renderSlot(o.$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,a=>(e.openBlock(),e.createBlock(e.unref(u),{key:a.id,columns:a.props.columns},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.children,s=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l(s.type)),{key:s.id,data:s.props,style:e.normalizeStyle(s.style)},null,8,["data","style"]))),128))]),_:2},1032,["columns"]))),128))]),_:2},1032,["x-alignment","y-alignment"]))),128))])],16))}},p={__name:"JFooterLabel",props:{data:{type:Object,default:{text:{type:String,default:""}}}},setup(t){const l=t,{text:o}=l.data;return(c,r)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps(c.$attrs,{class:"p-4"}),e.toDisplayString(e.unref(o)),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 l=t,{title:o,menuItems:c,orientation:r}=l.data;return(a,s)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps(a.$attrs,{class:"p-4"}),[e.unref(o)?(e.openBlock(),e.createElementBlock("div",Y,[e.createElementVNode("h5",null,e.toDisplayString(e.unref(o)),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),f=>(e.openBlock(),e.createElementBlock("li",v,[e.createElementVNode("a",ee,e.toDisplayString(f.navigationLabel),1)]))),256))],2)],16))}},Be="",te={},oe={class:"j-footer-sceleton"},le=[e.createElementVNode("div",{class:"card w-full is-loading"},[e.createElementVNode("div",{class:"image"}),e.createElementVNode("div",{class:"content"},[e.createElementVNode("h2"),e.createElementVNode("p")])],-1)];function ne(t,l){return e.openBlock(),e.createElementBlock("div",oe,le)}const re=d(te,[["render",ne]]),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 l=t,o={left:"justify-start",right:"justify-end",center:"justify-center"},c={top:"items-start",bottom:"items-end",center:"items-center"},r=e.computed(()=>{const{xAlignment:a,yAlignment:s}=l;return`${a?o[a]:""}${s?" "+c[s]:""}`});return(a,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["j-row w-full relative flex flex-wrap",e.unref(r)])},[e.renderSlot(a.$slots,"default")],2))}},u={__name:"JCol",props:{columns:{type:[String,Number],default:null}},setup(t){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(o,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["j-column flex flex-col",l[t.columns]])},[e.renderSlot(o.$slots,"default")],2))}},be="",ae={},se={class:"j-footer-sceleton"},ce=[e.createElementVNode("div",{class:"card w-full is-loading"},[e.createElementVNode("div",{class:"image"})],-1)];function ie(t,l){return e.openBlock(),e.createElementBlock("div",se,ce)}const de=d(ae,[["render",ie]]);n.JBadge=G,n.JCard=T,n.JCardSceleton=Z,n.JCol=u,n.JFooter=X,n.JFooterLabel=p,n.JFooterMenu=_,n.JFooterSceleton=re,n.JHeaderSceleton=de,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"}})});
+(function(s,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(s=typeof globalThis<"u"?globalThis:s||self,e(s.MyLib={},s.Vue))})(this,function(s,e){"use strict";const m=(t,n)=>{const o=t.__vccOpts||t;for(const[r,l]of n)o[r]=l;return o},x={};function C(t,n){return e.openBlock(),e.createElementBlock("button",e.normalizeProps(e.guardReactiveProps(t.$attrs)),[e.renderSlot(t.$slots,"default")],16)}const N=m(x,[["render",C]]),V={};function j(t,n){return e.openBlock(),e.createElementBlock("input",e.mergeProps(t.$attrs,{type:"text","aria-label":"Filter projects"}),null,16)}const J=m(V,[["render",j]]),Ze="",z=t=>(e.pushScopeId("data-v-59498c0f"),t=t(),e.popScopeId(),t),O={key:0,class:"relative"},M={class:"absolute z-1 top-0 left-0 flex flex-col w-full h-full p-2"},P={class:"flex"},H={class:"flex ml-auto absolute right-0"},q={key:0,class:"py-0.5 px-1 rounded text-white bg-black/50 ml-1"},I=z(()=>e.createElementVNode("div",{class:"flex w-full mt-auto"},null,-1)),T={class:"flex"},F={class:"flex ml-auto"},A={key:1,class:"pt-3 flex gap-5 text-xs text-cyan infobox"},D={key:0},L={key:1},R={key:2},Z=m(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 n=t,o=e.useAttrs(),r=e.computed(()=>o.order?`flex-${o.order}`:"flex-col"),{showAuthor:l,showViews:a,showDate:c}=e.toRefs(n),i=e.computed(()=>l.value||a.value||c.value);return(d,_)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"inline-flex gap-3 border border-dashed border-gray-600 rounded p-4 w-full"},d.$attrs,{class:e.unref(r)}),[t.showThumbnail?(e.openBlock(),e.createElementBlock("div",O,[e.createElementVNode("div",M,[e.createElementVNode("div",P,[e.renderSlot(d.$slots,"top_left",{},void 0,!0),e.createElementVNode("div",H,[e.renderSlot(d.$slots,"top_right",{},void 0,!0),t.showTimeDuration?(e.openBlock(),e.createElementBlock("span",q,e.toDisplayString(t.timeDuration),1)):e.createCommentVNode("",!0)])]),I,e.createElementVNode("div",T,[e.renderSlot(d.$slots,"bottom_left",{class:"flex"},void 0,!0),e.createElementVNode("div",F,[e.renderSlot(d.$slots,"bottom_right",{},void 0,!0)])])]),e.renderSlot(d.$slots,"image",{},void 0,!0)])):e.createCommentVNode("",!0),e.unref(i)||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(i)?(e.openBlock(),e.createElementBlock("div",A,[e.unref(l)?(e.openBlock(),e.createElementBlock("span",D,e.toDisplayString(t.author),1)):e.createCommentVNode("",!0),e.unref(a)?(e.openBlock(),e.createElementBlock("span",L,e.toDisplayString(t.views),1)):e.createCommentVNode("",!0),e.unref(c)?(e.openBlock(),e.createElementBlock("span",R,e.toDisplayString(t.date),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0)],16))}}),[["__scopeId","data-v-59498c0f"]]),Ge="",K=t=>(e.pushScopeId("data-v-b6261246"),t=t(),e.popScopeId(),t),U={key:0,class:"relative"},G=K(()=>e.createElementVNode("div",{class:"absolute z-1 top-0 left-0 flex flex-col w-full h-full p-2"},null,-1)),Q={key:0,class:"jcard-sceleton-title"},W={key:1,class:"pt-3 flex gap-5 text-xs text-cyan infobox"},X={key:0},Y={key:1},v={key:2},ee=m(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 n=t,o=e.useAttrs(),r=e.computed(()=>o.order?`flex-${o.order}`:"flex-col"),{showAuthor:l,showViews:a,showDate:c}=e.toRefs(n),i=e.computed(()=>l.value||a.value||c.value);return(d,_)=>(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"},d.$attrs,{class:e.unref(r)}),[t.showThumbnail?(e.openBlock(),e.createElementBlock("div",U,[G,e.renderSlot(d.$slots,"image",{},void 0,!0)])):e.createCommentVNode("",!0),e.unref(i)||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",Q)):e.createCommentVNode("",!0),e.unref(i)?(e.openBlock(),e.createElementBlock("div",W,[e.unref(l)?(e.openBlock(),e.createElementBlock("span",X)):e.createCommentVNode("",!0),e.unref(a)?(e.openBlock(),e.createElementBlock("span",Y)):e.createCommentVNode("",!0),e.unref(c)?(e.openBlock(),e.createElementBlock("span",v)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0)],16))}}),[["__scopeId","data-v-b6261246"]]),te={};function oe(t,n){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 ne=m(te,[["render",oe]]),le=["src"],u={__name:"JImage",props:{imageSrc:{type:String,required:!1,default:"https://ub1doy938d.gjirafa.net/media/zxgzzz/thumbnails/standart.jpg"}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("img",e.mergeProps({src:t.imageSrc,alt:"Video Card Placeholder",class:"w-full"},n.$attrs),null,16,le))}},Xe="",re=m({__name:"JImageSceleton",props:{imageSrc:{type:String,required:!1,default:"https://ub1doy938d.gjirafa.net/media/zxgzzz/thumbnails/standart.jpg"}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({src:"",class:"jimage-sceleton w-full"},n.$attrs),null,16))}},[["__scopeId","data-v-4e30e0b0"]]),ae={__name:"JFooter",props:{children:{type:Array,required:!0,default:[]}},setup(t){function n(o){return o==="label"?e.markRaw(h):o==="menu"?e.markRaw(g):e.markRaw(u)}return(o,r)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps(o.$attrs,{class:"j-footer w-full flex flex-wrap gap-4"}),[e.renderSlot(o.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.children,l=>(e.openBlock(),e.createBlock(e.unref(y),{key:l.id,"x-alignment":l.props.xAlignment,"y-alignment":l.props.yAlignment},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.children,a=>(e.openBlock(),e.createBlock(e.unref(k),{key:a.id,columns:a.props.columns},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.children,c=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n(c.type)),{key:c.id,data:c.props,style:e.normalizeStyle(c.style)},null,8,["data","style"]))),128))]),_:2},1032,["columns"]))),128))]),_:2},1032,["x-alignment","y-alignment"]))),128))])],16))}},h={__name:"JFooterLabel",props:{data:{type:Object,default:{text:{type:String,default:""}}}},setup(t){const n=t,{text:o}=n.data;return(r,l)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps(r.$attrs,{class:"p-4"}),e.toDisplayString(e.unref(o)),17))}},se={key:0,class:"mb-6"},ce={class:""},ie={class:"cursor-pointer"},g={__name:"JFooterMenu",props:{data:{type:Object,default:{title:{type:String,default:""},menuItems:{type:Array,default:[]},orientation:{type:String,default:"vertical"}}}},setup(t){const n=t,{title:o,menuItems:r,orientation:l}=n.data;return(a,c)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps(a.$attrs,{class:"p-4"}),[e.unref(o)?(e.openBlock(),e.createElementBlock("div",se,[e.createElementVNode("h5",null,e.toDisplayString(e.unref(o)),1)])):e.createCommentVNode("",!0),e.createElementVNode("ul",{class:e.normalizeClass(["flex flex-wrap gap-4 text-sm",{"flex-col":e.unref(l)==="vertical"}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(r),i=>(e.openBlock(),e.createElementBlock("li",ce,[e.createElementVNode("a",ie,e.toDisplayString(i.navigationLabel),1)]))),256))],2)],16))}},ve="",de={},me={class:"j-footer-sceleton"},fe=[e.createElementVNode("div",{class:"card w-full is-loading"},[e.createElementVNode("div",{class:"image"}),e.createElementVNode("div",{class:"content"},[e.createElementVNode("h2"),e.createElementVNode("p")])],-1)];function _e(t,n){return e.openBlock(),e.createElementBlock("div",me,fe)}const pe=m(de,[["render",_e]]),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 n=t,o={left:"justify-start",right:"justify-end",center:"justify-center"},r={top:"items-start",bottom:"items-end",center:"items-center"},l=e.computed(()=>{const{xAlignment:a,yAlignment:c}=n;return`${a?o[a]:""}${c?" "+r[c]:""}`});return(a,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["j-row w-full relative flex flex-wrap",e.unref(l)])},[e.renderSlot(a.$slots,"default")],2))}},k={__name:"JCol",props:{columns:{type:[String,Number],default:null}},setup(t){const n={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(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["j-column flex flex-col",n[t.columns]])},[e.renderSlot(o.$slots,"default")],2))}},tt="",ue={},he={class:"j-footer-sceleton"},ge=[e.createElementVNode("div",{class:"card w-full is-loading"},[e.createElementVNode("div",{class:"image"})],-1)];function ye(t,n){return e.openBlock(),e.createElementBlock("div",he,ge)}const B=m(ue,[["render",ye]]),ke=Object.freeze(Object.defineProperty({__proto__:null,default:B},Symbol.toStringTag,{value:"Module"})),Be=(t,n)=>{const o=t[n];return o?typeof o=="function"?o():Promise.resolve(o):new Promise((r,l)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(l.bind(null,new Error("Unknown variable dynamic import: "+n)))})},b={__name:"JHeaderActions",props:{settings:{type:Object,required:!0},actions:{type:Object,required:!0}},setup(t){const n={language:"Language",notifications:"Notifications",profile:"Profile",search:"Search"};function o(r){return e.defineAsyncComponent(()=>Be(Object.assign({"./JHeader.vue":()=>Promise.resolve().then(()=>ze),"./JHeaderLanguage.vue":()=>Promise.resolve().then(()=>Pe),"./JHeaderLogo.vue":()=>Promise.resolve().then(()=>xe),"./JHeaderMenu.vue":()=>Promise.resolve().then(()=>Ve),"./JHeaderMenuItems.vue":()=>Promise.resolve().then(()=>$e),"./JHeaderNotifications.vue":()=>Promise.resolve().then(()=>Ie),"./JHeaderProfile.vue":()=>Promise.resolve().then(()=>Ae),"./JHeaderSceleton.vue":()=>Promise.resolve().then(()=>ke),"./JHeaderSearch.vue":()=>Promise.resolve().then(()=>Re)}),`./JHeader${n[r]}.vue`))}return(r,l)=>(e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.actions,a=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o(a)),{key:`action-${a}`,icon:t.settings[a].iconSettings},null,8,["icon"]))),128))]))}},be=["href"],p={__name:"JHeaderMenuItems",props:{menuItems:{type:Array,required:!0}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("ul",e.normalizeProps(e.guardReactiveProps(n.$attrs)),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.menuItems,r=>(e.openBlock(),e.createElementBlock("li",null,[e.createElementVNode("a",{class:"cursor-pointer text-black",href:r.url,target:"_blank"},e.toDisplayString(r.navigationLabel),9,be)]))),256))],16))}},$e=Object.freeze(Object.defineProperty({__proto__:null,default:p},Symbol.toStringTag,{value:"Module"})),Se={class:"logo flex"},we={class:"w-full m-auto"},Ee=["src"],$={__name:"JHeaderLogo",props:{imageSrc:{type:String,required:!0}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",Se,[e.createElementVNode("a",we,[e.createElementVNode("img",{src:t.imageSrc,alt:"logo",class:""},null,8,Ee)])]))}},xe=Object.freeze(Object.defineProperty({__proto__:null,default:$},Symbol.toStringTag,{value:"Module"})),Ce={style:{fill:"currentColor"},viewBox:"0,0,24,24",width:"18",height:"18",xmlns:"http://www.w3.org/2000/svg"},Ne=[e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M20.6 18.2a.6.6 0 01-.6.6H4a.6.6 0 110-1.2h16a.6.6 0 01.6.6zM20.6 12a.6.6 0 01-.6.6H4a.6.6 0 110-1.2h16a.6.6 0 01.6.6zM20.6 5.8a.6.6 0 01-.6.6H4a.6.6 0 110-1.2h16a.6.6 0 01.6.6z"},null,-1)],S={__name:"JHeaderMenu",props:{isMobile:{type:Boolean,required:!0}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("a",null,[(e.openBlock(),e.createElementBlock("svg",Ce,Ne))])]))}},Ve=Object.freeze(Object.defineProperty({__proto__:null,default:S},Symbol.toStringTag,{value:"Module"})),je={key:1,class:"flex-1"},Je={key:0,class:"flex-1"},w={__name:"JHeader",props:{settings:{type:Object,required:!0},components:{type:Object,required:!0},breakpoint:{type:String,required:!0}},setup(t){const n=t,{breakpoint:o,components:r,settings:l}=n,a=e.computed(()=>o==="mobile"),c=e.computed(()=>o==="desktop"),i=e.computed(()=>r.menu),d=e.computed(()=>r.logo),_=e.computed(()=>Object.entries(r).filter(([f,E])=>E&&f!=="logo"&&f!=="menu").map(f=>f[0]));return(f,E)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("nav",e.mergeProps({class:"w-full flex gap-4 justify-between items-center px-6 py-2"},f.$attrs),[e.unref(d)?(e.openBlock(),e.createBlock($,{key:0,"image-src":e.unref(l).logo.source},null,8,["image-src"])):e.createCommentVNode("",!0),e.unref(i)&&e.unref(c)?(e.openBlock(),e.createElementBlock("div",je,[e.createVNode(p,{class:"flex flex-row items-center gap-6 text-sm","menu-items":e.unref(l).menu.menuItems},null,8,["menu-items"])])):e.createCommentVNode("",!0),e.unref(a)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(b,{key:2,class:"actions flex ml-auto gap-x-4",settings:e.unref(l),actions:e.unref(_)},null,8,["settings","actions"])),e.unref(i)&&!e.unref(c)?(e.openBlock(),e.createBlock(S,{key:3,"is-mobile":e.unref(a)},null,8,["is-mobile"])):e.createCommentVNode("",!0)],16),e.unref(i)&&!e.unref(c)?(e.openBlock(),e.createElementBlock("div",Je,[e.createVNode(p,{class:"flex flex-col gap-y-7 items-center py-10 px-2 text-sm","menu-items":e.unref(l).menu.menuItems},null,8,["menu-items"]),e.unref(a)&&e.unref(_).length?(e.openBlock(),e.createBlock(b,{key:0,class:"actions py-10 border-t border-gray-500 flex justify-center ml-auto gap-x-4",settings:e.unref(l),actions:e.unref(_)},null,8,["settings","actions"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]))}},ze=Object.freeze(Object.defineProperty({__proto__:null,default:w},Symbol.toStringTag,{value:"Module"})),Oe=["width","height"],Me=[e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.383 12.505l.199-.199a14.88 14.88 0 003.147-5.541l.054-.176h1.85a.616.616 0 100-1.232h-5.43V4.244a.614.614 0 10-1.228 0v1.113H3.54a.61.61 0 100 1.219h9.14l-.116.332a13.892 13.892 0 01-2.788 4.714l-.186.207-.186-.207a13.905 13.905 0 01-1.796-2.506.581.581 0 00-.503-.304c-.409 0-.646.41-.466.735a15.082 15.082 0 001.988 2.786l.16.177-3.945 3.898a.612.612 0 10.862.868L9.59 13.39l1.926 1.926a.602.602 0 10.848-.854l-1.98-1.957zM14.706 17.812h4.448l.836 2.228a.559.559 0 101.046-.392l-3.173-8.463a.996.996 0 00-1.866 0l-3.173 8.463a.559.559 0 101.046.392l.836-2.228zm.46-1.228l1.764-4.706 1.764 4.706h-3.528z"},null,-1)],Pe=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"JHeaderLanguage",props:{icon:{type:Object,default:{color:"#FFF",size:"18",name:""}}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("svg",{style:{fill:"currentColor"},viewBox:"0,0,24,24",width:t.icon.size,height:t.icon.size,xmlns:"http://www.w3.org/2000/svg"},Me,8,Oe))}}},Symbol.toStringTag,{value:"Module"})),He=["width","height"],qe=[e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.867 5.6a3.587 3.587 0 00-3.584 3.455l-.083 2.24a7.885 7.885 0 01-1.926 4.862c1.267.104 3.391.243 5.726.243 2.334 0 4.397-.139 5.617-.243a8.509 8.509 0 01-1.944-4.677l-.233-2.612A3.587 3.587 0 0011.867 5.6zM7.083 9.01a4.787 4.787 0 019.552-.249l.233 2.613a7.312 7.312 0 001.812 4.179c.558.629.22 1.694-.69 1.776A68.766 68.766 0 0112 17.6c-2.61 0-4.957-.17-6.176-.277-.89-.078-1.224-1.133-.65-1.74a6.688 6.688 0 001.827-4.332l.082-2.24zM14.6 19a.6.6 0 01-.6.6h-4a.6.6 0 110-1.2h4a.6.6 0 01.6.6z"},null,-1)],Ie=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"JHeaderNotifications",props:{icon:{type:Object,default:{color:"#FFF",size:"18",name:""}}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("svg",{style:{fill:"currentColor"},viewBox:"0,0,24,24",width:t.icon.size,height:t.icon.size,xmlns:"http://www.w3.org/2000/svg"},qe,8,He))}}},Symbol.toStringTag,{value:"Module"})),Te=["width","height"],Fe=[e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M12 4.6c-1.848 0-3.3 1.427-3.3 3.133s1.452 3.133 3.3 3.133c1.848 0 3.3-1.427 3.3-3.133S13.848 4.6 12 4.6zM7.5 7.733C7.5 5.315 9.54 3.4 12 3.4s4.5 1.915 4.5 4.333-2.04 4.333-4.5 4.333-4.5-1.915-4.5-4.333zm1.9 6.999c-1.847 0-3.3 1.427-3.3 3.135V18a1.4 1.4 0 001.4 1.4h9a1.4 1.4 0 001.4-1.4v-.133c0-1.708-1.453-3.135-3.3-3.135H9.4zm-4.5 3.135c0-2.419 2.04-4.335 4.5-4.335h5.2c2.46 0 4.5 1.916 4.5 4.335V18a2.6 2.6 0 01-2.6 2.6h-9A2.6 2.6 0 014.9 18v-.133z"},null,-1)],Ae=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"JHeaderProfile",props:{icon:{type:Object,default:{color:"#FFF",size:"18",name:""}}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("svg",{style:{fill:"currentColor"},viewBox:"0,0,24,24",width:t.icon.size,height:t.icon.size,xmlns:"http://www.w3.org/2000/svg"},Fe,8,Te))}}},Symbol.toStringTag,{value:"Module"})),De=["width","height"],Le=[e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14.3911 15.4518C13.1902 16.4202 11.6628 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10C17 11.6628 16.4202 13.1902 15.4518 14.3911L20.5303 19.4697C20.8232 19.7626 20.8232 20.2374 20.5303 20.5303C20.2374 20.8232 19.7626 20.8232 19.4697 20.5303L14.3911 15.4518ZM15.5 10C15.5 13.0376 13.0376 15.5 10 15.5C6.96243 15.5 4.5 13.0376 4.5 10C4.5 6.96243 6.96243 4.5 10 4.5C13.0376 4.5 15.5 6.96243 15.5 10Z",fill:"currentColor"},null,-1)],Re=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"JHeaderSearch",props:{icon:{type:Object,default:{color:"#FFF",size:"18",name:""}}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("svg",{width:t.icon.size,height:t.icon.size,viewBox:"0 0 24 24",fill:"none"},Le,8,De))}}},Symbol.toStringTag,{value:"Module"}));s.JBadge=ne,s.JCard=Z,s.JCardSceleton=ee,s.JCol=k,s.JFooter=ae,s.JFooterLabel=h,s.JFooterMenu=g,s.JFooterSceleton=pe,s.JHeader=w,s.JHeaderSceleton=B,s.JImage=u,s.JImageSceleton=re,s.JRow=y,s.MInput=J,s.VButton=N,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package.json

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

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

48566

increased by67.96%

Number of package files

10

increased by66.67%

Lines of code

876

increased by65.6%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes