https://invoiless.com/widgets/BannerWidget-f23a92ca.mjs

1import { o as t, c as s, a as r, r as u, b as y, w as h, n as p, u as c, t as d, d as m, e as x } from "./entry-8ed90fcf.mjs";
2import { S as k } from "./transition-7bedcc8d.mjs";
3function f(e, a) {
4  return t(), s("svg", {
5    xmlns: "http://www.w3.org/2000/svg",
6    viewBox: "0 0 20 20",
7    fill: "currentColor",
8    "aria-hidden": "true"
9  }, [
10    r("path", { d: "M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z" })
11  ]);
12}
13const w = { class: "flex items-center justify-center px-4 py-3 bg-primary-100 dark:bg-primary-600" }, g = { class: "flex-grow text-center text-primary-800 dark:text-white" }, v = {
14  key: 0,
15  class: "hidden font-medium md:inline-block text-primary-600 dark:text-primary-50"
16}, b = ["href"], _ = {
17  __name: "BannerWidget",
18  props: {
19    hint: String,
20    title: {
21      type: String,
22      required: !0
23    },
24    link: {
25      type: String,
26      required: !0
27    },
28    styles: Object
29  },
30  setup(e) {
31    const a = u(!0);
32    return (B, n) => {
33      var i, o;
34      return t(), y(c(k), {
35        appear: "",
36        show: a.value,
37        as: (i = e.styles) != null && i.dark ? "div" : "template",
38        enter: "transition-opacity duration-100",
39        "enter-from": "opacity-0",
40        "enter-to": "opacity-100",
41        class: p({ dark: (o = e.styles) == null ? void 0 : o.dark })
42      }, {
43        default: h(() => {
44          var l;
45          return [
46            r("div", w, [
47              r("p", g, [
48                e.hint ? (t(), s("span", v, d(e.hint) + " ~  ", 1)) : m("", !0),
49                r("a", {
50                  href: e.link,
51                  target: "_blank",
52                  rel: "noopener",
53                  class: "hover:text-primary-600 dark:hover:text-primary-50"
54                }, d(e.title) + " → ", 9, b)
55              ]),
56              (l = e.styles) != null && l.close ? (t(), s("button", {
57                key: 0,
58                type: "button",
59                class: "text-primary-800 dark:text-white hover:text-primary-600 dark:hover:text-primary-50 focus:outline-none",
60                onClick: n[0] || (n[0] = (S) => a.value = !1)
61              }, [
62                x(c(f), { class: "w-5 h-5" })
63              ])) : m("", !0)
64            ])
65          ];
66        }),
67        _: 1
68      }, 8, ["show", "as", "class"]);
69    };
70  }
71};
72export {
73  _ as default
74};