vlite3 1.1.8 → 1.1.9

package/components/Footer/Variant1.vue.js

@@ -0,0 +1,178 @@
+import { defineComponent as M, computed as i, useModel as $, openBlock as t, createElementBlock as l, normalizeClass as v, createElementVNode as n, createCommentVNode as o, toDisplayString as s, withModifiers as T, createVNode as x, withCtx as z, createTextVNode as F, Fragment as g, renderList as m, createBlock as U, mergeModels as C } from "vue";
+import N from "../Icon.vue.js";
+import q from "../Input.vue.js";
+/* empty css            */
+import A from "../Button.vue.js";
+const H = { class: "v-footer-top" }, I = { class: "flex flex-col lg:flex-row gap-10 lg:gap-16" }, J = {
+  key: 0,
+  class: "flex flex-col gap-5 lg:max-w-xs w-full lg:shrink-0"
+}, K = {
+  key: 0,
+  class: "flex items-center gap-3"
+}, O = ["src", "alt"], P = {
+  key: 1,
+  class: "text-lg font-bold text-foreground tracking-tight"
+}, Q = {
+  key: 2,
+  class: "inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-semibold bg-muted text-muted-foreground"
+}, R = {
+  key: 1,
+  class: "text-sm text-muted-foreground leading-relaxed"
+}, W = {
+  key: 2,
+  class: "space-y-3 pt-1"
+}, X = {
+  key: 0,
+  class: "text-sm font-semibold text-foreground"
+}, Y = {
+  key: 1,
+  class: "text-xs text-muted-foreground leading-relaxed"
+}, Z = {
+  key: 3,
+  class: "flex items-center gap-1 pt-1"
+}, ee = ["href", "aria-label", "onClick"], te = { class: "text-sm font-semibold text-foreground mb-4 tracking-wide" }, le = { class: "space-y-3" }, re = ["href", "target", "rel", "onClick"], oe = {
+  key: 0,
+  class: "v-footer-bottom border-t border-border/50"
+}, ae = { class: "mx-auto w-full max-w-7xl px-6 lg:px-8 py-6 flex flex-col sm:flex-row items-center justify-between gap-3 text-center sm:text-left" }, se = {
+  key: 0,
+  class: "text-sm text-muted-foreground w-full sm:w-auto"
+}, ne = {
+  key: 1,
+  class: "flex flex-wrap items-center justify-center sm:justify-end gap-x-5 gap-y-2 w-full sm:w-auto"
+}, ie = ["href", "target", "rel", "onClick"], fe = /* @__PURE__ */ M({
+  __name: "Variant1",
+  props: /* @__PURE__ */ C({
+    data: {},
+    labels: {},
+    containerClass: {}
+  }, {
+    newsletterEmail: { default: "" },
+    newsletterEmailModifiers: {}
+  }),
+  emits: /* @__PURE__ */ C(["subscribe", "link-click"], ["update:newsletterEmail"]),
+  setup(f, { emit: E }) {
+    const h = f, _ = E, e = i(() => h.data), V = i(() => h.labels || {}), c = $(f, "newsletterEmail"), b = i(() => e.value.linkGroups && e.value.linkGroups.length > 0), k = i(() => e.value.socialLinks && e.value.socialLinks.length > 0), y = i(() => e.value.legalLinks && e.value.legalLinks.length > 0), w = i(() => !!e.value.newsletter), B = i(() => e.value.brandName || e.value.brandLogo || e.value.brandDescription), G = i(() => e.value.copyright || y.value);
+    function S() {
+      c.value.trim() && _("subscribe", c.value.trim());
+    }
+    function p(L, d) {
+      _("link-click", L, d);
+    }
+    return (L, d) => (t(), l("footer", {
+      class: v(["v-footer v-footer-v1 w-full bg-background text-foreground", f.containerClass])
+    }, [
+      n("div", H, [
+        n("div", {
+          class: v(["mx-auto w-full max-w-7xl px-6 lg:px-8", b.value ? "py-12 lg:py-16" : "py-8 lg:py-10"])
+        }, [
+          n("div", I, [
+            B.value || k.value || w.value ? (t(), l("div", J, [
+              e.value.brandLogo || e.value.brandName ? (t(), l("div", K, [
+                e.value.brandLogo ? (t(), l("img", {
+                  key: 0,
+                  src: e.value.brandLogo,
+                  alt: e.value.brandName || "Brand logo",
+                  class: "h-8 w-8 object-contain rounded"
+                }, null, 8, O)) : o("", !0),
+                e.value.brandName ? (t(), l("span", P, s(e.value.brandName), 1)) : o("", !0),
+                e.value.badge ? (t(), l("span", Q, s(e.value.badge), 1)) : o("", !0)
+              ])) : o("", !0),
+              e.value.brandDescription ? (t(), l("p", R, s(e.value.brandDescription), 1)) : o("", !0),
+              w.value ? (t(), l("div", W, [
+                e.value.newsletter?.title ? (t(), l("p", X, s(e.value.newsletter.title), 1)) : o("", !0),
+                e.value.newsletter?.description ? (t(), l("p", Y, s(e.value.newsletter.description), 1)) : o("", !0),
+                n("form", {
+                  class: "flex gap-2 w-full",
+                  onSubmit: T(S, ["prevent"])
+                }, [
+                  x(q, {
+                    modelValue: c.value,
+                    "onUpdate:modelValue": d[0] || (d[0] = (r) => c.value = r),
+                    type: "email",
+                    placeholder: e.value.newsletter?.placeholder || "Enter your email",
+                    class: "flex-1 min-w-0",
+                    "input-class": "bg-muted border-border focus:ring-2 focus:ring-primary/30 focus:border-primary/50 transition-all",
+                    rounded: "lg"
+                  }, null, 8, ["modelValue", "placeholder"]),
+                  x(A, {
+                    type: "submit",
+                    variant: "primary",
+                    rounded: "lg",
+                    class: "whitespace-nowrap"
+                  }, {
+                    default: z(() => [
+                      F(s(e.value.newsletter?.buttonText || V.value.subscribe || "Subscribe"), 1)
+                    ]),
+                    _: 1
+                  })
+                ], 32)
+              ])) : o("", !0),
+              k.value ? (t(), l("div", Z, [
+                (t(!0), l(g, null, m(e.value.socialLinks, (r, u) => (t(), l("a", {
+                  key: u,
+                  href: r.url,
+                  "aria-label": r.label || "Social link",
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  class: "inline-flex items-center justify-center w-9 h-9 rounded-lg text-muted-foreground hover:text-foreground hover:bg-muted transition-all duration-200",
+                  onClick: (a) => p(r.url, a)
+                }, [
+                  x(N, {
+                    icon: r.icon,
+                    class: "w-[18px] h-[18px]"
+                  }, null, 8, ["icon"])
+                ], 8, ee))), 128))
+              ])) : o("", !0)
+            ])) : o("", !0),
+            b.value ? (t(), l("div", {
+              key: 1,
+              class: v(["grid w-full lg:w-auto! lg:ml-auto gap-y-10 gap-x-6 sm:gap-x-10 lg:gap-x-20 lg:pr-4", [
+                e.value.linkGroups?.length === 1 ? "grid-cols-1" : e.value.linkGroups?.length === 2 ? "grid-cols-2 lg:grid-cols-[auto_auto]" : e.value.linkGroups?.length === 3 ? "grid-cols-2 md:grid-cols-3 lg:grid-cols-[auto_auto_auto]" : "grid-cols-2 md:grid-cols-4 lg:grid-cols-[auto_auto_auto_auto]"
+              ]])
+            }, [
+              (t(!0), l(g, null, m(e.value.linkGroups, (r, u) => (t(), l("div", { key: u }, [
+                n("h3", te, s(r.title), 1),
+                n("ul", le, [
+                  (t(!0), l(g, null, m(r.links, (a, j) => (t(), l("li", { key: j }, [
+                    n("a", {
+                      href: a.url,
+                      target: a.external ? "_blank" : void 0,
+                      rel: a.external ? "noopener noreferrer" : void 0,
+                      class: "inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground transition-colors duration-200",
+                      onClick: (D) => p(a.url, D)
+                    }, [
+                      a.icon ? (t(), U(N, {
+                        key: 0,
+                        icon: a.icon,
+                        class: "w-3.5 h-3.5 shrink-0"
+                      }, null, 8, ["icon"])) : o("", !0),
+                      n("span", null, s(a.label), 1)
+                    ], 8, re)
+                  ]))), 128))
+                ])
+              ]))), 128))
+            ], 2)) : o("", !0)
+          ])
+        ], 2)
+      ]),
+      G.value ? (t(), l("div", oe, [
+        n("div", ae, [
+          e.value.copyright ? (t(), l("p", se, s(e.value.copyright), 1)) : o("", !0),
+          y.value ? (t(), l("div", ne, [
+            (t(!0), l(g, null, m(e.value.legalLinks, (r, u) => (t(), l("a", {
+              key: u,
+              href: r.url,
+              target: r.external ? "_blank" : void 0,
+              rel: r.external ? "noopener noreferrer" : void 0,
+              class: "text-sm text-muted-foreground hover:text-foreground transition-colors duration-200",
+              onClick: (a) => p(r.url, a)
+            }, s(r.label), 9, ie))), 128))
+          ])) : o("", !0)
+        ])
+      ])) : o("", !0)
+    ], 2));
+  }
+});
+export {
+  fe as default
+};

package/components/Footer/Variant1.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Variant1.vue.js";
+export {
+  f as default
+};

package/components/Footer/Variant2.vue.js

@@ -0,0 +1,177 @@
+import { defineComponent as G, computed as n, useModel as M, openBlock as t, createElementBlock as l, normalizeClass as $, createElementVNode as i, createCommentVNode as r, toDisplayString as s, withModifiers as T, createVNode as v, withCtx as z, createTextVNode as F, Fragment as m, renderList as f, createBlock as U, mergeModels as k } from "vue";
+import y from "../Icon.vue.js";
+import q from "../Input.vue.js";
+/* empty css            */
+import A from "../Button.vue.js";
+const H = { class: "mx-auto w-full max-w-7xl px-6 lg:px-8 py-12 lg:py-16" }, I = {
+  key: 0,
+  class: "text-center mb-10"
+}, J = {
+  key: 0,
+  class: "flex items-center justify-center gap-3 mb-3"
+}, K = ["src", "alt"], O = {
+  key: 1,
+  class: "text-xl font-bold text-foreground tracking-tight"
+}, P = {
+  key: 2,
+  class: "inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-semibold bg-muted text-muted-foreground"
+}, Q = {
+  key: 1,
+  class: "text-sm text-muted-foreground leading-relaxed max-w-md mx-auto"
+}, R = {
+  key: 1,
+  class: "max-w-md mx-auto text-center mb-10"
+}, W = {
+  key: 0,
+  class: "text-sm font-semibold text-foreground mb-1"
+}, X = {
+  key: 1,
+  class: "text-xs text-muted-foreground leading-relaxed mb-3"
+}, Y = {
+  key: 2,
+  class: "flex flex-wrap justify-center gap-10 sm:gap-16 md:gap-20 lg:gap-24 mb-12 w-full mx-auto"
+}, Z = { class: "text-sm font-semibold text-foreground mb-4 tracking-wide" }, ee = { class: "space-y-3" }, te = ["href", "target", "rel", "onClick"], le = {
+  key: 3,
+  class: "flex items-center justify-center gap-1 mb-0"
+}, re = ["href", "aria-label", "onClick"], ae = {
+  key: 0,
+  class: "v-footer-bottom border-t border-border/50"
+}, oe = { class: "mx-auto w-full max-w-7xl px-6 lg:px-8 py-6 flex flex-col sm:flex-row flex-wrap items-center justify-center gap-x-6 gap-y-4 text-center" }, se = {
+  key: 0,
+  class: "text-sm text-muted-foreground"
+}, ne = {
+  key: 1,
+  class: "hidden sm:inline text-muted/30"
+}, ie = {
+  key: 2,
+  class: "flex flex-wrap items-center justify-center gap-x-6 gap-y-2"
+}, ue = ["href", "target", "rel", "onClick"], pe = /* @__PURE__ */ G({
+  __name: "Variant2",
+  props: /* @__PURE__ */ k({
+    data: {},
+    labels: {},
+    containerClass: {}
+  }, {
+    newsletterEmail: { default: "" },
+    newsletterEmailModifiers: {}
+  }),
+  emits: /* @__PURE__ */ k(["subscribe", "link-click"], ["update:newsletterEmail"]),
+  setup(x, { emit: w }) {
+    const b = x, h = w, e = n(() => b.data), L = n(() => b.labels || {}), c = M(x, "newsletterEmail"), C = n(() => e.value.linkGroups && e.value.linkGroups.length > 0), N = n(() => e.value.socialLinks && e.value.socialLinks.length > 0), p = n(() => e.value.legalLinks && e.value.legalLinks.length > 0), E = n(() => !!e.value.newsletter), V = n(() => e.value.brandName || e.value.brandLogo || e.value.brandDescription), j = n(() => e.value.copyright || p.value);
+    function B() {
+      c.value.trim() && h("subscribe", c.value.trim());
+    }
+    function g(_, d) {
+      h("link-click", _, d);
+    }
+    return (_, d) => (t(), l("footer", {
+      class: $(["v-footer v-footer-v2 w-full bg-background text-foreground", x.containerClass])
+    }, [
+      i("div", H, [
+        V.value ? (t(), l("div", I, [
+          e.value.brandLogo || e.value.brandName ? (t(), l("div", J, [
+            e.value.brandLogo ? (t(), l("img", {
+              key: 0,
+              src: e.value.brandLogo,
+              alt: e.value.brandName || "Brand logo",
+              class: "h-10 w-10 object-contain rounded"
+            }, null, 8, K)) : r("", !0),
+            e.value.brandName ? (t(), l("span", O, s(e.value.brandName), 1)) : r("", !0),
+            e.value.badge ? (t(), l("span", P, s(e.value.badge), 1)) : r("", !0)
+          ])) : r("", !0),
+          e.value.brandDescription ? (t(), l("p", Q, s(e.value.brandDescription), 1)) : r("", !0)
+        ])) : r("", !0),
+        E.value ? (t(), l("div", R, [
+          e.value.newsletter?.title ? (t(), l("p", W, s(e.value.newsletter.title), 1)) : r("", !0),
+          e.value.newsletter?.description ? (t(), l("p", X, s(e.value.newsletter.description), 1)) : r("", !0),
+          i("form", {
+            class: "flex gap-2 w-full",
+            onSubmit: T(B, ["prevent"])
+          }, [
+            v(q, {
+              modelValue: c.value,
+              "onUpdate:modelValue": d[0] || (d[0] = (a) => c.value = a),
+              type: "email",
+              placeholder: e.value.newsletter?.placeholder || "Enter your email",
+              class: "flex-1 min-w-0",
+              "input-class": "bg-muted border-border focus:ring-2 focus:ring-primary/30 focus:border-primary/50 transition-all",
+              rounded: "lg"
+            }, null, 8, ["modelValue", "placeholder"]),
+            v(A, {
+              type: "submit",
+              variant: "primary",
+              rounded: "lg",
+              class: "whitespace-nowrap"
+            }, {
+              default: z(() => [
+                F(s(e.value.newsletter?.buttonText || L.value.subscribe || "Subscribe"), 1)
+              ]),
+              _: 1
+            })
+          ], 32)
+        ])) : r("", !0),
+        C.value ? (t(), l("div", Y, [
+          (t(!0), l(m, null, f(e.value.linkGroups, (a, u) => (t(), l("div", {
+            key: u,
+            class: "flex flex-col items-center sm:items-start text-center sm:text-left min-w-[100px]"
+          }, [
+            i("h3", Z, s(a.title), 1),
+            i("ul", ee, [
+              (t(!0), l(m, null, f(a.links, (o, S) => (t(), l("li", { key: S }, [
+                i("a", {
+                  href: o.url,
+                  target: o.external ? "_blank" : void 0,
+                  rel: o.external ? "noopener noreferrer" : void 0,
+                  class: "inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground transition-colors duration-200",
+                  onClick: (D) => g(o.url, D)
+                }, [
+                  o.icon ? (t(), U(y, {
+                    key: 0,
+                    icon: o.icon,
+                    class: "w-3.5 h-3.5 shrink-0"
+                  }, null, 8, ["icon"])) : r("", !0),
+                  i("span", null, s(o.label), 1)
+                ], 8, te)
+              ]))), 128))
+            ])
+          ]))), 128))
+        ])) : r("", !0),
+        N.value ? (t(), l("div", le, [
+          (t(!0), l(m, null, f(e.value.socialLinks, (a, u) => (t(), l("a", {
+            key: u,
+            href: a.url,
+            "aria-label": a.label || "Social link",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            class: "inline-flex items-center justify-center w-9 h-9 rounded-lg text-muted-foreground hover:text-foreground hover:bg-muted transition-all duration-200",
+            onClick: (o) => g(a.url, o)
+          }, [
+            v(y, {
+              icon: a.icon,
+              class: "w-[18px] h-[18px]"
+            }, null, 8, ["icon"])
+          ], 8, re))), 128))
+        ])) : r("", !0)
+      ]),
+      j.value ? (t(), l("div", ae, [
+        i("div", oe, [
+          e.value.copyright ? (t(), l("p", se, s(e.value.copyright), 1)) : r("", !0),
+          e.value.copyright && p.value ? (t(), l("span", ne, "|")) : r("", !0),
+          p.value ? (t(), l("div", ie, [
+            (t(!0), l(m, null, f(e.value.legalLinks, (a, u) => (t(), l("a", {
+              key: u,
+              href: a.url,
+              target: a.external ? "_blank" : void 0,
+              rel: a.external ? "noopener noreferrer" : void 0,
+              class: "text-sm text-muted-foreground hover:text-foreground transition-colors duration-200",
+              onClick: (o) => g(a.url, o)
+            }, s(a.label), 9, ue))), 128))
+          ])) : r("", !0)
+        ])
+      ])) : r("", !0)
+    ], 2));
+  }
+});
+export {
+  pe as default
+};

package/components/Footer/Variant2.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Variant2.vue.js";
+export {
+  f as default
+};

package/components/Footer/Variant3.vue.js

@@ -0,0 +1,82 @@
+import { defineComponent as b, computed as i, openBlock as t, createElementBlock as r, normalizeClass as w, createElementVNode as a, createCommentVNode as o, toDisplayString as c, Fragment as h, renderList as g, createVNode as y } from "vue";
+import L from "../Icon.vue.js";
+const C = { class: "mx-auto w-full max-w-7xl px-6 lg:px-8" }, N = { class: "py-6 flex flex-col md:flex-row flex-wrap items-center justify-between gap-6 border-t border-border/50" }, j = { class: "flex flex-col sm:flex-row items-center gap-3 min-w-0 text-center sm:text-left shrink-0" }, V = { class: "flex items-center gap-3" }, B = ["src", "alt"], S = {
+  key: 1,
+  class: "text-sm font-semibold text-foreground whitespace-nowrap"
+}, E = {
+  key: 0,
+  class: "text-muted/30 hidden sm:inline"
+}, z = {
+  key: 1,
+  class: "text-sm text-muted-foreground whitespace-nowrap"
+}, D = {
+  key: 0,
+  class: "flex flex-wrap items-center justify-center gap-x-6 gap-y-2"
+}, F = ["href", "target", "rel", "onClick"], $ = {
+  key: 1,
+  class: "flex items-center gap-1 shrink-0"
+}, q = ["href", "aria-label", "onClick"], H = /* @__PURE__ */ b({
+  __name: "Variant3",
+  props: {
+    data: {},
+    labels: {},
+    containerClass: {}
+  },
+  emits: ["link-click"],
+  setup(d, { emit: p }) {
+    const x = d, v = p, e = i(() => x.data), _ = i(() => e.value.socialLinks && e.value.socialLinks.length > 0), k = i(() => e.value.legalLinks && e.value.legalLinks.length > 0);
+    function u(m, f) {
+      v("link-click", m, f);
+    }
+    return (m, f) => (t(), r("footer", {
+      class: w(["v-footer v-footer-v3 w-full bg-background text-foreground", d.containerClass])
+    }, [
+      a("div", C, [
+        a("div", N, [
+          a("div", j, [
+            a("div", V, [
+              e.value.brandLogo ? (t(), r("img", {
+                key: 0,
+                src: e.value.brandLogo,
+                alt: e.value.brandName || "Brand logo",
+                class: "h-6 w-6 object-contain rounded shrink-0"
+              }, null, 8, B)) : o("", !0),
+              e.value.brandName ? (t(), r("span", S, c(e.value.brandName), 1)) : o("", !0)
+            ]),
+            (e.value.brandLogo || e.value.brandName) && e.value.copyright ? (t(), r("span", E, "|")) : o("", !0),
+            e.value.copyright ? (t(), r("p", z, c(e.value.copyright), 1)) : o("", !0)
+          ]),
+          k.value ? (t(), r("div", D, [
+            (t(!0), r(h, null, g(e.value.legalLinks, (n, l) => (t(), r("a", {
+              key: l,
+              href: n.url,
+              target: n.external ? "_blank" : void 0,
+              rel: n.external ? "noopener noreferrer" : void 0,
+              class: "text-sm text-muted-foreground hover:text-foreground transition-colors duration-200 whitespace-nowrap",
+              onClick: (s) => u(n.url, s)
+            }, c(n.label), 9, F))), 128))
+          ])) : o("", !0),
+          _.value ? (t(), r("div", $, [
+            (t(!0), r(h, null, g(e.value.socialLinks, (n, l) => (t(), r("a", {
+              key: l,
+              href: n.url,
+              "aria-label": n.label || "Social link",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              class: "inline-flex items-center justify-center w-8 h-8 rounded-lg text-muted-foreground hover:text-foreground hover:bg-muted transition-all duration-200",
+              onClick: (s) => u(n.url, s)
+            }, [
+              y(L, {
+                icon: n.icon,
+                class: "w-4 h-4"
+              }, null, 8, ["icon"])
+            ], 8, q))), 128))
+          ])) : o("", !0)
+        ])
+      ])
+    ], 2));
+  }
+});
+export {
+  H as default
+};

package/components/Footer/Variant3.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Variant3.vue.js";
+export {
+  f as default
+};