@mendmania/ui-name
Advanced tools
Comparing version 0.0.14 to 0.0.15
@@ -1,2 +0,2 @@ | ||
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"; | ||
import { openBlock as t, createElementBlock as s, normalizeProps as A, guardReactiveProps as C, renderSlot as c, mergeProps as _, useAttrs as k, computed as g, toRefs as j, unref as r, createElementVNode as f, toDisplayString as m, createCommentVNode as i, normalizeStyle as w, pushScopeId as J, popScopeId as O, Fragment as b, renderList as v, createBlock as $, withCtx as q, resolveDynamicComponent as z, markRaw as x, normalizeClass as S } from "vue"; | ||
const h = (e, l) => { | ||
@@ -7,4 +7,4 @@ const a = e.__vccOpts || e; | ||
return a; | ||
}, B = {}; | ||
function D(e, l) { | ||
}, T = {}; | ||
function B(e, l) { | ||
return t(), s("button", A(C(e.$attrs)), [ | ||
@@ -14,5 +14,5 @@ c(e.$slots, "default") | ||
} | ||
const xe = /* @__PURE__ */ h(B, [["render", D]]), V = {}; | ||
function N(e, l) { | ||
return t(), s("input", y(e.$attrs, { | ||
const $e = /* @__PURE__ */ h(T, [["render", B]]), D = {}; | ||
function V(e, l) { | ||
return t(), s("input", _(e.$attrs, { | ||
type: "text", | ||
@@ -22,16 +22,16 @@ "aria-label": "Filter projects" | ||
} | ||
const Se = /* @__PURE__ */ h(V, [["render", N]]); | ||
const xe = /* @__PURE__ */ h(D, [["render", V]]); | ||
const F = (e) => (J("data-v-59498c0f"), e = e(), O(), e), M = { | ||
key: 0, | ||
class: "relative" | ||
}, 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 = { | ||
}, 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 = { | ||
key: 0, | ||
class: "py-0.5 px-1 rounded text-white bg-black/50 ml-1" | ||
}, Z = /* @__PURE__ */ F(() => /* @__PURE__ */ f("div", { class: "flex w-full mt-auto" }, null, -1)), K = { class: "flex" }, H = { class: "flex ml-auto" }, U = { | ||
}, E = /* @__PURE__ */ F(() => /* @__PURE__ */ f("div", { class: "flex w-full mt-auto" }, null, -1)), Z = { class: "flex" }, K = { class: "flex ml-auto" }, H = { | ||
key: 1, | ||
class: "pt-3 flex gap-5 text-xs text-cyan infobox" | ||
}, G = { key: 0 }, Q = { key: 1 }, W = { key: 2 }, X = { | ||
}, U = { key: 0 }, G = { key: 1 }, Q = { key: 2 }, W = { | ||
inheritAttrs: !1, | ||
customOptions: {} | ||
}, Y = /* @__PURE__ */ Object.assign(X, { | ||
}, X = /* @__PURE__ */ Object.assign(W, { | ||
__name: "JCard", | ||
@@ -104,19 +104,19 @@ props: { | ||
setup(e) { | ||
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 | ||
const l = e, a = k(), d = g(() => a.order ? `flex-${a.order}` : "flex-col"), { showAuthor: n, showViews: o, showDate: u } = j(l), y = g( | ||
() => n.value || o.value || u.value | ||
); | ||
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) }), [ | ||
return (p, I) => (t(), s("div", _({ 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, [ | ||
f("div", N, [ | ||
f("div", L, [ | ||
c(p.$slots, "top_left", {}, void 0, !0), | ||
f("div", R, [ | ||
f("div", P, [ | ||
c(p.$slots, "top_right", {}, void 0, !0), | ||
e.showTimeDuration ? (t(), s("span", E, _(e.timeDuration), 1)) : i("", !0) | ||
e.showTimeDuration ? (t(), s("span", R, m(e.timeDuration), 1)) : i("", !0) | ||
]) | ||
]), | ||
Z, | ||
f("div", K, [ | ||
E, | ||
f("div", Z, [ | ||
c(p.$slots, "bottom_left", { class: "flex" }, void 0, !0), | ||
f("div", H, [ | ||
f("div", K, [ | ||
c(p.$slots, "bottom_right", {}, void 0, !0) | ||
@@ -128,3 +128,3 @@ ]) | ||
])) : i("", !0), | ||
r(m) || e.showTitle ? (t(), s("div", { | ||
r(y) || e.showTitle ? (t(), s("div", { | ||
key: 1, | ||
@@ -137,7 +137,7 @@ style: w(e.detailsStyle), | ||
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) | ||
}, m(e.title), 5)) : i("", !0), | ||
r(y) ? (t(), s("div", H, [ | ||
r(n) ? (t(), s("span", U, m(e.author), 1)) : i("", !0), | ||
r(o) ? (t(), s("span", G, m(e.views), 1)) : i("", !0), | ||
r(u) ? (t(), s("span", Q, m(e.date), 1)) : i("", !0) | ||
])) : i("", !0) | ||
@@ -147,16 +147,16 @@ ], 4)) : i("", !0) | ||
} | ||
}), qe = /* @__PURE__ */ h(Y, [["__scopeId", "data-v-59498c0f"]]); | ||
const ee = (e) => (J("data-v-b6261246"), e = e(), O(), e), te = { | ||
}), Se = /* @__PURE__ */ h(X, [["__scopeId", "data-v-59498c0f"]]); | ||
const Y = (e) => (J("data-v-b6261246"), e = e(), O(), e), ee = { | ||
key: 0, | ||
class: "relative" | ||
}, 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 = { | ||
}, te = /* @__PURE__ */ Y(() => /* @__PURE__ */ f("div", { class: "absolute z-1 top-0 left-0 flex flex-col w-full h-full p-2" }, null, -1)), se = { | ||
key: 0, | ||
class: "jcard-sceleton-title" | ||
}, le = { | ||
}, ae = { | ||
key: 1, | ||
class: "pt-3 flex gap-5 text-xs text-cyan infobox" | ||
}, re = { key: 0 }, ne = { key: 1 }, oe = { key: 2 }, ie = { | ||
}, le = { key: 0 }, re = { key: 1 }, ne = { key: 2 }, oe = { | ||
inheritAttrs: !1, | ||
customOptions: {} | ||
}, ue = /* @__PURE__ */ Object.assign(ie, { | ||
}, ie = /* @__PURE__ */ Object.assign(oe, { | ||
__name: "JCardSceleton", | ||
@@ -224,11 +224,11 @@ props: { | ||
setup(e) { | ||
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 | ||
const l = e, a = k(), d = g(() => a.order ? `flex-${a.order}` : "flex-col"), { showAuthor: n, showViews: o, showDate: u } = j(l), y = g( | ||
() => n.value || o.value || u.value | ||
); | ||
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, | ||
return (p, I) => (t(), s("div", _({ 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", ee, [ | ||
te, | ||
c(p.$slots, "image", {}, void 0, !0) | ||
])) : i("", !0), | ||
r(m) || e.showTitle ? (t(), s("div", { | ||
r(y) || e.showTitle ? (t(), s("div", { | ||
key: 1, | ||
@@ -238,7 +238,7 @@ style: w(e.detailsStyle), | ||
}, [ | ||
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) | ||
e.showTitle ? (t(), s("div", se)) : i("", !0), | ||
r(y) ? (t(), s("div", ae, [ | ||
r(n) ? (t(), s("span", le)) : i("", !0), | ||
r(o) ? (t(), s("span", re)) : i("", !0), | ||
r(u) ? (t(), s("span", ne)) : i("", !0) | ||
])) : i("", !0) | ||
@@ -248,9 +248,9 @@ ], 4)) : i("", !0) | ||
} | ||
}), 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), [ | ||
}), qe = /* @__PURE__ */ h(ie, [["__scopeId", "data-v-b6261246"]]), ue = {}; | ||
function de(e, l) { | ||
return t(), s("span", _({ class: "rounded py-0.5 px-1 flex items-center justify-center" }, e.$attrs), [ | ||
c(e.$slots, "default") | ||
], 16); | ||
} | ||
const je = /* @__PURE__ */ h(de, [["render", ce]]), fe = ["src"], pe = { | ||
const ke = /* @__PURE__ */ h(ue, [["render", de]]), ce = ["src"], fe = { | ||
__name: "JImage", | ||
@@ -265,10 +265,10 @@ props: { | ||
setup(e) { | ||
return (l, a) => (t(), s("img", y({ | ||
return (l, a) => (t(), s("img", _({ | ||
src: e.imageSrc, | ||
alt: "Video Card Placeholder", | ||
class: "w-full" | ||
}, l.$attrs), null, 16, fe)); | ||
}, l.$attrs), null, 16, ce)); | ||
} | ||
}; | ||
const _e = { | ||
const pe = { | ||
__name: "JImageSceleton", | ||
@@ -283,3 +283,3 @@ props: { | ||
setup(e) { | ||
return (l, a) => (t(), s("div", y({ | ||
return (l, a) => (t(), s("div", _({ | ||
src: "", | ||
@@ -289,3 +289,3 @@ class: "jimage-sceleton w-full" | ||
} | ||
}, Je = /* @__PURE__ */ h(_e, [["__scopeId", "data-v-4e30e0b0"]]), Oe = { | ||
}, je = /* @__PURE__ */ h(pe, [["__scopeId", "data-v-4e30e0b0"]]), Je = { | ||
__name: "JFooter", | ||
@@ -301,7 +301,7 @@ props: { | ||
function l(a) { | ||
return a === "label" ? x(ye) : a === "menu" ? x(be) : x(pe); | ||
return a === "label" ? x(_e) : a === "menu" ? x(ge) : x(fe); | ||
} | ||
return (a, d) => (t(), s("div", y(a.$attrs, { class: "w-full flex flex-wrap gap-4" }), [ | ||
return (a, d) => (t(), s("div", _(a.$attrs, { class: "j-footer w-full flex flex-wrap gap-4" }), [ | ||
c(a.$slots, "default", {}, () => [ | ||
(t(!0), s(g, null, v(e.children, (n) => (t(), $(r(ve), { | ||
(t(!0), s(b, null, v(e.children, (n) => (t(), $(r(be), { | ||
key: n.id, | ||
@@ -312,18 +312,15 @@ "x-alignment": n.props.xAlignment, | ||
default: q(() => [ | ||
(t(!0), s(g, null, v(n.children, (u) => (t(), $(r(we), { | ||
key: u.id | ||
(t(!0), s(b, null, v(n.children, (o) => (t(), $(r(ve), { | ||
key: o.id, | ||
columns: o.props.columns | ||
}, { | ||
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)) | ||
(t(!0), s(b, null, v(o.children, (u) => (t(), $(z(l(u.type)), { | ||
key: u.id, | ||
data: u.props, | ||
style: w(u.style) | ||
}, null, 8, ["data", "style"]))), 128)) | ||
]), | ||
_: 2 | ||
}, 1024))), 128)) | ||
}, 1032, ["columns"]))), 128)) | ||
]), | ||
@@ -335,3 +332,3 @@ _: 2 | ||
} | ||
}, ye = { | ||
}, _e = { | ||
__name: "JFooterLabel", | ||
@@ -351,3 +348,3 @@ props: { | ||
const l = e, { text: a } = l.data; | ||
return (d, n) => (t(), s("div", y(d.$attrs, { class: "p-4" }), _(r(a)), 17)); | ||
return (d, n) => (t(), s("div", _(d.$attrs, { class: "p-4" }), m(r(a)), 17)); | ||
} | ||
@@ -357,3 +354,3 @@ }, me = { | ||
class: "mb-6" | ||
}, he = { class: "" }, ge = { class: "cursor-pointer" }, be = { | ||
}, ye = { class: "" }, he = { class: "cursor-pointer" }, ge = { | ||
__name: "JFooterMenu", | ||
@@ -381,5 +378,5 @@ props: { | ||
const l = e, { title: a, menuItems: d, orientation: n } = l.data; | ||
return (u, o) => (t(), s("div", y(u.$attrs, { class: "p-4" }), [ | ||
return (o, u) => (t(), s("div", _(o.$attrs, { class: "p-4" }), [ | ||
r(a) ? (t(), s("div", me, [ | ||
f("h5", null, _(r(a)), 1) | ||
f("h5", null, m(r(a)), 1) | ||
])) : i("", !0), | ||
@@ -389,4 +386,4 @@ f("ul", { | ||
}, [ | ||
(t(!0), s(g, null, v(r(d), (m) => (t(), s("li", he, [ | ||
f("a", ge, _(m.navigationLabel), 1) | ||
(t(!0), s(b, null, v(r(d), (y) => (t(), s("li", ye, [ | ||
f("a", he, m(y.navigationLabel), 1) | ||
]))), 256)) | ||
@@ -396,3 +393,3 @@ ], 2) | ||
} | ||
}, ve = { | ||
}, be = { | ||
__name: "JRow", | ||
@@ -425,13 +422,13 @@ props: { | ||
center: "items-center" | ||
}, n = b(() => { | ||
const { xAlignment: u, yAlignment: o } = l; | ||
return `${u ? a[u] : ""}${o ? " " + d[o] : ""}`; | ||
}, n = g(() => { | ||
const { xAlignment: o, yAlignment: u } = l; | ||
return `${o ? a[o] : ""}${u ? " " + d[u] : ""}`; | ||
}); | ||
return (u, o) => (t(), s("div", { | ||
class: S(["w-full row relative flex flex-wrap", r(n)]) | ||
return (o, u) => (t(), s("div", { | ||
class: S(["j-row w-full relative flex flex-wrap", r(n)]) | ||
}, [ | ||
c(u.$slots, "default") | ||
c(o.$slots, "default") | ||
], 2)); | ||
} | ||
}, we = { | ||
}, ve = { | ||
__name: "JCol", | ||
@@ -460,3 +457,3 @@ props: { | ||
return (a, d) => (t(), s("div", { | ||
class: S(["flex flex-col", l[e.columns]]) | ||
class: S(["j-column flex flex-col", l[e.columns]]) | ||
}, [ | ||
@@ -468,14 +465,14 @@ c(a.$slots, "default") | ||
export { | ||
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 | ||
ke as JBadge, | ||
Se as JCard, | ||
qe as JCardSceleton, | ||
ve as JCol, | ||
Je as JFooter, | ||
_e as JFooterLabel, | ||
ge as JFooterMenu, | ||
fe as JImage, | ||
je as JImageSceleton, | ||
be as JRow, | ||
xe as MInput, | ||
$e as VButton | ||
}; |
@@ -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 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"}})}); | ||
(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:a,showDate:s}=e.toRefs(o),d=e.computed(()=>r.value||a.value||s.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(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"]]),re="",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)),M={key:0,class:"jcard-sceleton-title"},F={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:a,showDate:s}=e.toRefs(o),d=e.computed(()=>r.value||a.value||s.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",D,[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",M)):e.createCommentVNode("",!0),e.unref(d)?(e.openBlock(),e.createElementBlock("div",F,[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",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:"j-footer 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(u),{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(y),{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(o(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 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(a,s)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps(a.$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))}},u={__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:a,yAlignment:s}=o;return`${a?l[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))}},y={__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(["j-column flex flex-col",o[t.columns]])},[e.renderSlot(l.$slots,"default")],2))}};n.JBadge=G,n.JCard=T,n.JCardSceleton=K,n.JCol=y,n.JFooter=X,n.JFooterLabel=p,n.JFooterMenu=_,n.JImage=m,n.JImageSceleton=W,n.JRow=u,n.MInput=b,n.VButton=g,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}); |
@@ -14,3 +14,3 @@ { | ||
}, | ||
"version": "0.0.14", | ||
"version": "0.0.15", | ||
"scripts": { | ||
@@ -17,0 +17,0 @@ "dev": "vite", |
26320
497