@mendmania/ui-name - npm Package Compare versions

Comparing version 0.0.12 to 0.0.13

dist/my-lib.es.js

@@ -1,16 +0,16 @@
-import { openBlock as t, createElementBlock as s, normalizeProps as q, guardReactiveProps as k, renderSlot as d, mergeProps as c, useAttrs as w, computed as g, toRefs as b, unref as r, createElementVNode as u, toDisplayString as m, createCommentVNode as a, normalizeStyle as v, pushScopeId as $, popScopeId as S } from "vue";
-const f = (e, l) => {
-  const o = e.__vccOpts || e;
-  for (const [_, i] of l)
-    o[_] = i;
-  return o;
-}, j = {};
-function z(e, l) {
-  return t(), s("button", q(k(e.$attrs)), [
-    d(e.$slots, "default")
+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) => {
+  const a = e.__vccOpts || e;
+  for (const [n, u] of r)
+    a[n] = u;
+  return a;
+}, T = {};
+function B(e, r) {
+  return t(), s("button", S(w(e.$attrs)), [
+    _(e.$slots, "default")
   ], 16);
 }
-const ne = /* @__PURE__ */ f(j, [["render", z]]), B = {};
-function I(e, l) {
-  return t(), s("input", c(e.$attrs, {
+const Je = /* @__PURE__ */ m(T, [["render", B]]), C = {};
+function H(e, r) {
+  return t(), s("input", p(e.$attrs, {
     type: "text",
@@ -20,16 +20,16 @@ "aria-label": "Filter projects"
 }
-const de = /* @__PURE__ */ f(B, [["render", I]]);
-const T = (e) => ($("data-v-bff055af"), e = e(), S(), e), C = {
+const Oe = /* @__PURE__ */ m(C, [["render", H]]);
+const A = (e) => (k("data-v-bff055af"), e = e(), j(), e), D = {
   key: 0,
   class: "relative"
-}, D = { class: "absolute z-1 top-0 left-0 flex flex-col w-full h-full p-2" }, J = { class: "flex" }, A = { class: "flex ml-auto absolute right-0" }, O = {
+}, 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 = {
   key: 0,
   class: "py-0.5 px-1 rounded text-white bg-black/50 ml-1"
-}, V = /* @__PURE__ */ T(() => /* @__PURE__ */ u("div", { class: "flex w-full mt-auto" }, null, -1)), M = { class: "flex" }, P = { class: "flex ml-auto" }, E = {
+}, F = /* @__PURE__ */ A(() => /* @__PURE__ */ l("div", { class: "flex w-full mt-auto" }, null, -1)), N = { class: "flex" }, R = { class: "flex ml-auto" }, K = {
   key: 1,
   class: "pt-3 flex gap-5 text-xs text-cyan infobox"
-}, K = { key: 0 }, N = { key: 1 }, R = { key: 2 }, Z = {
+}, Z = { key: 0 }, U = { key: 1 }, G = { key: 2 }, Q = {
   inheritAttrs: !1,
   customOptions: {}
-}, F = /* @__PURE__ */ Object.assign(Z, {
+}, W = /* @__PURE__ */ Object.assign(Q, {
   __name: "JCard",
@@ -102,26 +102,26 @@ props: {
   setup(e) {
-    const l = e, o = w(), _ = g(() => o.order ? `flex-${o.order}` : "flex-col"), { showAuthor: i, showViews: h, showDate: p } = b(l), y = g(
-      () => i.value || h.value || p.value
+    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
     );
-    return (n, x) => (t(), s("div", c({ class: "inline-flex gap-3 border border-dashed border-gray-600 rounded p-4 w-full" }, n.$attrs, { class: r(_) }), [
-      e.showThumbnail ? (t(), s("div", C, [
-        u("div", D, [
-          u("div", J, [
-            d(n.$slots, "top_left", {}, void 0, !0),
-            u("div", A, [
-              d(n.$slots, "top_right", {}, void 0, !0),
-              e.showTimeDuration ? (t(), s("span", O, m(e.timeDuration), 1)) : a("", !0)
+    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)
             ])
           ]),
-          V,
-          u("div", M, [
-            d(n.$slots, "bottom_left", { class: "flex" }, void 0, !0),
-            u("div", P, [
-              d(n.$slots, "bottom_right", {}, void 0, !0)
+          F,
+          l("div", N, [
+            _(d.$slots, "bottom_left", { class: "flex" }, void 0, !0),
+            l("div", R, [
+              _(d.$slots, "bottom_right", {}, void 0, !0)
             ])
           ])
         ]),
-        d(n.$slots, "image", {}, void 0, !0)
-      ])) : a("", !0),
-      r(y) || e.showTitle ? (t(), s("div", {
+        _(d.$slots, "image", {}, void 0, !0)
+      ])) : o("", !0),
+      i(y) || e.showTitle ? (t(), s("div", {
         key: 1,
@@ -134,25 +134,25 @@ style: v(e.detailsStyle),
           style: v(e.titleStyle)
-        }, m(e.title), 5)) : a("", !0),
-        r(y) ? (t(), s("div", E, [
-          r(i) ? (t(), s("span", K, m(e.author), 1)) : a("", !0),
-          r(h) ? (t(), s("span", N, m(e.views), 1)) : a("", !0),
-          r(p) ? (t(), s("span", R, m(e.date), 1)) : a("", !0)
-        ])) : a("", !0)
-      ], 4)) : a("", !0)
+        }, 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)
     ], 16));
   }
-}), ie = /* @__PURE__ */ f(F, [["__scopeId", "data-v-bff055af"]]);
-const G = (e) => ($("data-v-a9f6b5aa"), e = e(), S(), e), H = {
+}), Te = /* @__PURE__ */ m(W, [["__scopeId", "data-v-bff055af"]]);
+const X = (e) => (k("data-v-a9f6b5aa"), e = e(), j(), e), Y = {
   key: 0,
   class: "relative"
-}, L = /* @__PURE__ */ G(() => /* @__PURE__ */ u("div", { class: "absolute z-1 top-0 left-0 flex flex-col w-full h-full p-2" }, null, -1)), Q = {
+}, 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 = {
   key: 0,
   class: "jcard-sceleton-title"
-}, U = {
+}, se = {
   key: 1,
   class: "pt-3 flex gap-5 text-xs text-cyan infobox"
-}, W = { key: 0 }, X = { key: 1 }, Y = { key: 2 }, ee = {
+}, re = { key: 0 }, ae = { key: 1 }, oe = { key: 2 }, ne = {
   inheritAttrs: !1,
   customOptions: {}
-}, te = /* @__PURE__ */ Object.assign(ee, {
+}, le = /* @__PURE__ */ Object.assign(ne, {
   __name: "JCardSceleton",
@@ -220,11 +220,11 @@ props: {
   setup(e) {
-    const l = e, o = w(), _ = g(() => o.order ? `flex-${o.order}` : "flex-col"), { showAuthor: i, showViews: h, showDate: p } = b(l), y = g(
-      () => i.value || h.value || p.value
+    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
     );
-    return (n, x) => (t(), s("div", c({ class: "jcard-sceleton inline-flex gap-3 border border-dashed border-gray-600 rounded p-4 w-full" }, n.$attrs, { class: r(_) }), [
-      e.showThumbnail ? (t(), s("div", H, [
-        L,
-        d(n.$slots, "image", {}, void 0, !0)
-      ])) : a("", !0),
-      r(y) || e.showTitle ? (t(), s("div", {
+    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", {
         key: 1,
@@ -234,18 +234,18 @@ style: v(e.detailsStyle),
       }, [
-        e.showTitle ? (t(), s("div", Q)) : a("", !0),
-        r(y) ? (t(), s("div", U, [
-          r(i) ? (t(), s("span", W)) : a("", !0),
-          r(h) ? (t(), s("span", X)) : a("", !0),
-          r(p) ? (t(), s("span", Y)) : a("", !0)
-        ])) : a("", !0)
-      ], 4)) : a("", !0)
+        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)
     ], 16));
   }
-}), ue = /* @__PURE__ */ f(te, [["__scopeId", "data-v-a9f6b5aa"]]), se = {};
-function ae(e, l) {
-  return t(), s("span", c({ class: "rounded py-0.5 px-1 flex items-center justify-center" }, e.$attrs), [
-    d(e.$slots, "default")
+}), 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")
   ], 16);
 }
-const ce = /* @__PURE__ */ f(se, [["render", ae]]), le = ["src"], fe = {
+const Ce = /* @__PURE__ */ m(ie, [["render", ue]]), ce = ["src"], He = {
   __name: "JImage",
@@ -260,10 +260,10 @@ props: {
   setup(e) {
-    return (l, o) => (t(), s("img", c({
+    return (r, a) => (t(), s("img", p({
       src: e.imageSrc,
       alt: "Video Card Placeholder",
       class: "w-full"
-    }, l.$attrs), null, 16, le));
+    }, r.$attrs), null, 16, ce));
   }
 };
-const re = {
+const de = {
   __name: "JImageSceleton",
@@ -278,16 +278,153 @@ props: {
   setup(e) {
-    return (l, o) => (t(), s("div", c({
+    return (r, a) => (t(), s("div", p({
       src: "",
       class: "jimage-sceleton w-full"
-    }, l.$attrs), null, 16));
+    }, r.$attrs), null, 16));
   }
-}, _e = /* @__PURE__ */ f(re, [["__scopeId", "data-v-8711541f"]]);
+}, Ae = /* @__PURE__ */ m(de, [["__scopeId", "data-v-8711541f"]]), De = {
+  __name: "JFooterLabel",
+  props: {
+    text: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    return (r, a) => (t(), s("div", p(r.$attrs, { class: "p-4" }), f(e.text), 17));
+  }
+}, fe = {
+  key: 0,
+  class: "mb-6"
+}, _e = { class: "" }, pe = { class: "cursor-pointer" }, Pe = {
+  __name: "JFooterMenu",
+  props: {
+    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" }])
+      }, [
+        (t(!0), s(b, null, $(e.menuItems, (n) => (t(), s("li", _e, [
+          l("a", pe, f(n.navigationLabel), 1)
+        ]))), 256))
+      ], 2)
+    ], 16));
+  }
+}, 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",
+  props: {
+    iconSettings: {
+      type: Object,
+      required: !0
+    },
+    actions: {
+      type: Object,
+      required: !0
+    }
+  },
+  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))
+    ]));
+  }
+}, he = { class: "logo flex mr-8" }, ye = { class: "w-full m-auto" }, ge = ["src"], ve = {
+  __name: "HeaderLogo",
+  props: {
+    imageSrc: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (r, a) => (t(), s("div", he, [
+      l("a", ye, [
+        l("img", {
+          src: e.imageSrc,
+          alt: "logo",
+          class: ""
+        }, null, 8, ge)
+      ])
+    ]));
+  }
+}, 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,
-  ie as JCard,
-  ue as JCardSceleton,
-  fe as JImage,
-  _e as JImageSceleton,
-  de as MInput,
-  ne as VButton
+  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
 };

dist/my-lib.umd.js

@@ -1,1 +0,1 @@
-(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.MyLib={},o.Vue))})(this,function(o,e){"use strict";const n=(t,l)=>{const a=t.__vccOpts||t;for(const[c,s]of l)a[c]=s;return a},m={};function p(t,l){return e.openBlock(),e.createElementBlock("button",e.normalizeProps(e.guardReactiveProps(t.$attrs)),[e.renderSlot(t.$slots,"default")],16)}const _=n(m,[["render",p]]),u={};function h(t,l){return e.openBlock(),e.createElementBlock("input",e.mergeProps(t.$attrs,{type:"text","aria-label":"Filter projects"}),null,16)}const y=n(u,[["render",h]]),Q="",g=t=>(e.pushScopeId("data-v-bff055af"),t=t(),e.popScopeId(),t),k={key:0,class:"relative"},B={class:"absolute z-1 top-0 left-0 flex flex-col w-full h-full p-2"},S={class:"flex"},w={class:"flex ml-auto absolute right-0"},b={key:0,class:"py-0.5 px-1 rounded text-white bg-black/50 ml-1"},$=g(()=>e.createElementVNode("div",{class:"flex w-full mt-auto"},null,-1)),V={class:"flex"},E={class:"flex ml-auto"},q={key:1,class:"pt-3 flex gap-5 text-xs text-cyan infobox"},C={key:0},x={key:1},N={key:2},j=n(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,a=e.useAttrs(),c=e.computed(()=>a.order?`flex-${a.order}`:"flex-col"),{showAuthor:s,showViews:d,showDate:i}=e.toRefs(l),f=e.computed(()=>s.value||d.value||i.value);return(r,H)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"inline-flex gap-3 border border-dashed border-gray-600 rounded p-4 w-full"},r.$attrs,{class:e.unref(c)}),[t.showThumbnail?(e.openBlock(),e.createElementBlock("div",k,[e.createElementVNode("div",B,[e.createElementVNode("div",S,[e.renderSlot(r.$slots,"top_left",{},void 0,!0),e.createElementVNode("div",w,[e.renderSlot(r.$slots,"top_right",{},void 0,!0),t.showTimeDuration?(e.openBlock(),e.createElementBlock("span",b,e.toDisplayString(t.timeDuration),1)):e.createCommentVNode("",!0)])]),$,e.createElementVNode("div",V,[e.renderSlot(r.$slots,"bottom_left",{class:"flex"},void 0,!0),e.createElementVNode("div",E,[e.renderSlot(r.$slots,"bottom_right",{},void 0,!0)])])]),e.renderSlot(r.$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(s)?(e.openBlock(),e.createElementBlock("span",C,e.toDisplayString(t.author),1)):e.createCommentVNode("",!0),e.unref(d)?(e.openBlock(),e.createElementBlock("span",x,e.toDisplayString(t.views),1)):e.createCommentVNode("",!0),e.unref(i)?(e.openBlock(),e.createElementBlock("span",N,e.toDisplayString(t.date),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0)],16))}}),[["__scopeId","data-v-bff055af"]]),X="",z=t=>(e.pushScopeId("data-v-a9f6b5aa"),t=t(),e.popScopeId(),t),I={key:0,class:"relative"},D=z(()=>e.createElementVNode("div",{class:"absolute z-1 top-0 left-0 flex flex-col w-full h-full p-2"},null,-1)),J={key:0,class:"jcard-sceleton-title"},T={key:1,class:"pt-3 flex gap-5 text-xs text-cyan infobox"},A={key:0},O={key:1},P={key:2},M=n(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,a=e.useAttrs(),c=e.computed(()=>a.order?`flex-${a.order}`:"flex-col"),{showAuthor:s,showViews:d,showDate:i}=e.toRefs(l),f=e.computed(()=>s.value||d.value||i.value);return(r,H)=>(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"},r.$attrs,{class:e.unref(c)}),[t.showThumbnail?(e.openBlock(),e.createElementBlock("div",I,[D,e.renderSlot(r.$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",J)):e.createCommentVNode("",!0),e.unref(f)?(e.openBlock(),e.createElementBlock("div",T,[e.unref(s)?(e.openBlock(),e.createElementBlock("span",A)):e.createCommentVNode("",!0),e.unref(d)?(e.openBlock(),e.createElementBlock("span",O)):e.createCommentVNode("",!0),e.unref(i)?(e.openBlock(),e.createElementBlock("span",P)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0)],16))}}),[["__scopeId","data-v-a9f6b5aa"]]),R={};function K(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 Z=n(R,[["render",K]]),F=["src"],L={__name:"JImage",props:{imageSrc:{type:String,required:!1,default:"https://ub1doy938d.gjirafa.net/media/zxgzzz/thumbnails/standart.jpg"}},setup(t){return(l,a)=>(e.openBlock(),e.createElementBlock("img",e.mergeProps({src:t.imageSrc,alt:"Video Card Placeholder",class:"w-full"},l.$attrs),null,16,F))}},ee="",G=n({__name:"JImageSceleton",props:{imageSrc:{type:String,required:!1,default:"https://ub1doy938d.gjirafa.net/media/zxgzzz/thumbnails/standart.jpg"}},setup(t){return(l,a)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({src:"",class:"jimage-sceleton w-full"},l.$attrs),null,16))}},[["__scopeId","data-v-8711541f"]]);o.JBadge=Z,o.JCard=j,o.JCardSceleton=M,o.JImage=L,o.JImageSceleton=G,o.MInput=y,o.VButton=_,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(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"}})});

package.json

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

README.md

@@ -0,0 +0,0 @@ # UI mania

No alert changes

Improved metrics

Total package byte prevSize

26197

increased by38.45%

Lines of code

467

increased by47.78%

No dependency changes