Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@mendmania/ui-name

Package Overview
Dependencies
Maintainers
1
Versions
290
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@mendmania/ui-name - npm Package Compare versions

Comparing version 0.0.14 to 0.0.15

189

dist/my-lib.es.js

@@ -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",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc