@piveau/dpi 0.2.0-alpha.46 → 0.2.0-alpha.48

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/SectionItems/FindabilityChips.vue.js

@@ -1,62 +1,68 @@
-import { ref as f, getCurrentInstance as y, computed as g, onMounted as m, createElementBlock as n, openBlock as c, Fragment as _, renderList as h, createBlock as D } from "vue";
+import { ref as g, getCurrentInstance as m, computed as n, onMounted as _, createElementBlock as d, openBlock as o, Fragment as h, renderList as D, createBlock as P } from "vue";
 import "@formkit/core";
-import { getDatasetCategories as P } from "../../services/dpiV3_apis.js";
-import I from "../Chip.vue.js";
-import { useFormValues as C } from "../../../composables/useDpiFormValues.js";
+import { useFormValues as I } from "../../../composables/useDpiFormValues.js";
+import { getDatasetCategories as C } from "../../services/dpiV3_apis.js";
+import x from "../Chip.vue.js";
 /* empty css                      */
-import x from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const k = { class: "dpiV3_fChipWrap" }, V = {
+import V from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const k = { class: "dpiV3_fChipWrap" }, F = {
   __name: "FindabilityChips",
   props: {
     context: Object
   },
-  setup(F) {
-    const o = f([]), d = y().appContext.app.config.globalProperties.$env, { formValues: i } = C(), v = g(() => {
-      var t;
-      return (((t = i.value.Discoverability) == null ? void 0 : t.discoverabilityPage) || []).filter((l) => l.id);
-    }), u = (e) => {
+  setup(U) {
+    const s = g([]), u = m().appContext.app.config.globalProperties.$env, { formValues: t } = I(), v = n(() => {
+      var a;
+      return (((a = t.value.Discoverability) == null ? void 0 : a.discoverabilityPage) || []).filter((i) => i.id);
+    });
+    function p(e) {
       try {
-        return v.value.find((t) => t.id === e.id);
+        return v.value.find((a) => a.id === e.id);
       } catch {
         return !1;
       }
-    };
-    async function p() {
+    }
+    async function b() {
       try {
-        o.value = await P(d.api.baseUrl), o.value.sort((e, t) => e.pref_label.de.localeCompare(t.pref_label.de));
+        s.value = await C(u.api.baseUrl), s.value.sort((e, a) => e.pref_label.de.localeCompare(a.pref_label.de));
       } catch (e) {
         console.log(e);
       }
     }
-    function b(e) {
-      i.value.Discoverability || (i.value.Discoverability = {}), i.value.Discoverability.discoverabilityPage || (i.value.Discoverability.discoverabilityPage = [{ isValid: !0 }]);
-      const t = i.value.Discoverability.discoverabilityPage;
-      if (t.find((a) => a.id === e.id))
-        i.value.Discoverability.discoverabilityPage = t.filter((a) => a.id !== e.id);
+    function f(e) {
+      t.value.Discoverability || (t.value.Discoverability = {}), t.value.Discoverability.discoverabilityPage || (t.value.Discoverability.discoverabilityPage = [{ isValid: !0 }]);
+      const a = t.value.Discoverability.discoverabilityPage;
+      if (a.find((l) => l.id === e.id))
+        t.value.Discoverability.discoverabilityPage = a.filter((l) => l.id !== e.id);
       else {
-        const a = {
+        const l = {
           id: e.id,
           uri: e.resource,
           label: e.pref_label.de
         };
-        i.value.Discoverability.discoverabilityPage.push(a);
+        t.value.Discoverability.discoverabilityPage.push(l);
       }
-      const r = i.value.Discoverability.discoverabilityPage.filter((a) => a.id), s = i.value.Discoverability.discoverabilityPage.find((a) => a.hasOwnProperty("isValid"));
-      s ? s.isValid = r.length > 0 : i.value.Discoverability.discoverabilityPage.unshift({ isValid: r.length > 0 }), console.log("Updated discoverabilityPage:", i.value.Discoverability.discoverabilityPage);
+      const r = t.value.Discoverability.discoverabilityPage.filter((l) => l.id), c = t.value.Discoverability.discoverabilityPage.find((l) => l.hasOwnProperty("isValid"));
+      c ? c.isValid = r.length > 0 : t.value.Discoverability.discoverabilityPage.unshift({ isValid: r.length > 0 }), console.log("Updated discoverabilityPage:", t.value.Discoverability.discoverabilityPage);
     }
-    return m(() => {
-      p();
-    }), (e, t) => (c(), n("div", k, [
-      (c(!0), n(_, null, h(o.value, (l, r) => (c(), D(I, {
-        key: r,
-        text: l.pref_label.de,
-        data: { "@value": l.value, URI: l.URI },
-        setup: { "@type": "select", "@inTable": !1, "@findability": !0, "@selected": u(l) },
-        onClick: (s) => b(l)
-      }, null, 8, ["text", "data", "setup", "onClick"]))), 128))
+    const y = n(() => s.value.map((i) => ({
+      ...i,
+      selected: p(i)
+    })));
+    return _(() => {
+      b();
+    }), (e, a) => (o(), d("div", k, [
+      (o(!0), d(h, null, D(y.value, (i) => (o(), P(x, {
+        key: i.id,
+        text: i.pref_label.de,
+        data: { "@value": i.value, URI: i.URI },
+        setup: { "@type": "select", "@inTable": !1, "@findability": !0, "@selected": i.selected },
+        "select-value": i.selected,
+        onClick: (r) => f(i)
+      }, null, 8, ["text", "data", "setup", "select-value", "onClick"]))), 128))
     ]));
   }
-}, L = /* @__PURE__ */ x(V, [["__scopeId", "data-v-0071bef7"]]);
+}, L = /* @__PURE__ */ V(F, [["__scopeId", "data-v-dada2322"]]);
 export {
   L as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/SectionItems/HVDSwitch.vue.js

@@ -1,81 +1,79 @@
-import { ref as o, onMounted as V, createElementBlock as y, openBlock as p, Fragment as D, createElementVNode as v, createVNode as w, createBlock as _, toDisplayString as S, getCurrentInstance as k } from "vue";
-import C from "../SwitchV3.vue.js";
-import F from "../Dropdown.vue.js";
+import { ref as r, onMounted as V, createElementBlock as _, openBlock as p, Fragment as w, createElementVNode as f, createVNode as D, createBlock as S, toDisplayString as y, getCurrentInstance as k } from "vue";
+import { useFormValues as C } from "../../../composables/useDpiFormValues.js";
 import { getHvdCategories as H } from "../../services/dpiV3_apis.js";
-import { useFormValues as x } from "../../../composables/useDpiFormValues.js";
+import x from "../Dropdown.vue.js";
+import F from "../SwitchV3.vue.js";
 /* empty css               */
-const I = { class: "dpiV3_findabilitySwitchWrapper" }, P = { class: "dpiV3_Switch_Label copy-large-semi-bold" }, W = {
+const P = { class: "dpiV3_findabilitySwitchWrapper" }, T = { class: "dpiV3_Switch_Label copy-large-semi-bold" }, M = {
   __name: "HVDSwitch",
   props: {
     context: Object
   },
-  setup(T) {
-    const { formValues: t } = x(), s = o(!1), c = o(0), r = o("");
-    o([{ isValid: !0 }]);
-    const i = o([]), f = o([]), b = (a) => {
-      if (s.value = a, !a) {
-        r.value = "";
-        const e = t.value.Discoverability;
-        e[Object.keys(e)[1]] = [{ isValid: !1 }], i.value.forEach((l) => l.selected = !1);
-      }
-    }, h = async () => {
+  setup(E) {
+    const { formValues: i } = C(), s = r(!1), u = r(0), d = r("");
+    r([{ isValid: !0 }]);
+    const o = r([]), v = r([]);
+    function h(e) {
+      s.value = e, e || (d.value = "", i.value.Discoverability.hvdPage = [{ isValid: !1 }], o.value.forEach((a) => a.selected = !1));
+    }
+    async function b() {
       try {
-        const a = k().appContext.app.config.globalProperties.$env, e = await H(a.api.baseUrl);
-        f.value = e, i.value = e.map((l) => ({
-          label: l.pref_label.de,
-          uri: l.resource,
-          "@value": l.pref_label.de,
+        const e = k().appContext.app.config.globalProperties.$env, l = (await H(e.api.baseUrl)).sort(
+          (t, n) => t.pref_label.de.localeCompare(n.pref_label.de, "de")
+        );
+        v.value = l, o.value = l.map((t) => ({
+          label: t.pref_label.de,
+          uri: t.resource,
+          "@value": t.pref_label.de,
           selected: !1
         })), m();
-      } catch (a) {
-        console.error("Error in component:", a);
+      } catch (e) {
+        console.error("Error in component:", e);
       }
-    }, m = () => {
-      var e, l, u;
-      const a = (u = (l = (e = t.value) == null ? void 0 : e.Discoverability) == null ? void 0 : l.hvdPage) == null ? void 0 : u[0];
-      if (a && a.isValid && a.label) {
+    }
+    function m() {
+      var a, l, t;
+      const e = (t = (l = (a = i.value) == null ? void 0 : a.Discoverability) == null ? void 0 : l.hvdPage) == null ? void 0 : t[0];
+      if (e && e.isValid && e.label) {
         s.value = !0;
-        const d = i.value.find(
-          (n) => n.label === a.label || n.uri === a.uri
+        const n = o.value.find(
+          (c) => c.label === e.label || c.uri === e.uri
         );
-        d && (i.value.forEach((n) => n.selected = !1), d.selected = !0, r.value = d.label), c.value++;
+        n && (o.value.forEach((c) => c.selected = !1), n.selected = !0, d.value = n.label), u.value++;
       }
-    }, g = (a) => {
-      const e = i.value.find(
-        (l) => l.label === a.target.innerHTML
+    }
+    function g(e) {
+      const a = o.value.find(
+        (l) => l.label === e.target.innerHTML
       );
-      if (e) {
-        t.value.DistributionSimple.hvdNotation === void 0 && (t.value.DistributionSimple.hvdNotation = {}), t.value.DistributionSimple.hvdNotation = {
-          hvdUri: e.uri
-        }, r.value = e.label;
-        const l = t.value.Discoverability;
-        l[Object.keys(l)[1]] = [
-          {
-            isValid: !0,
-            label: e.label,
-            uri: e.uri
-          }
-        ];
-      }
-    };
+      a && (i.value.DistributionSimple.hvdNotation === void 0 && (i.value.DistributionSimple.hvdNotation = {}), i.value.DistributionSimple.hvdNotation = {
+        hvdUri: a.uri
+      }, d.value = a.label, i.value.Discoverability.hvdPage = [
+        {
+          isValid: !0,
+          label: a.label,
+          uri: a.uri
+        }
+      ]);
+    }
     return V(() => {
-      h();
-    }), (a, e) => (p(), y(D, null, [
-      v("div", I, [
-        (p(), _(C, {
-          onSwitchToggled: b,
-          hasIcon: !1,
-          defaultChecked: s.value,
+      b();
+    }), (e, a) => (p(), _(w, null, [
+      f("div", P, [
+        (p(), S(F, {
+          key: u.value,
+          "has-icon": !1,
+          "default-checked": s.value,
           disabled: !1,
-          key: c.value
-        }, null, 8, ["defaultChecked"])),
-        v("div", P, S(a.$t("message.dataupload.datasets.hvdPage.switch-label")), 1)
+          onSwitchToggled: h
+        }, null, 8, ["default-checked"])),
+        f("div", T, y(e.$t("message.dataupload.datasets.hvdPage.switch-label")), 1)
       ]),
-      w(F, {
-        dropdownWidth: "large",
-        isDisabled: !s.value,
+      D(x, {
+        "dropdown-width": "large",
+        "is-disabled": !s.value,
         type: "inputField",
-        inputFieldProps: {
+        "input-field-props": {
           isDisabled: !s.value,
           addOnText: !1,
           initialHintText: !1,
@@ -87,13 +85,13 @@ const I = { class: "dpiV3_findabilitySwitchWrapper" }, P = { class: "dpiV3_Switc
           placeholder: "Wählen Sie eine HVD-Kategorie",
           inputFieldSize: "large"
         },
-        data: i.value,
-        modelValue: r.value,
-        onClick: e[0] || (e[0] = (l) => g(l))
-      }, null, 8, ["isDisabled", "inputFieldProps", "data", "modelValue"])
+        data: o.value,
+        "model-value": d.value,
+        onClick: a[0] || (a[0] = (l) => g(l))
+      }, null, 8, ["is-disabled", "input-field-props", "data", "model-value"])
     ], 64));
   }
 };
 export {
-  W as default
+  M as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/TableRowV3.vue.js

@@ -1,4 +1,4 @@
-import { ref as p, computed as R, watch as L, createElementBlock as q, openBlock as d, Fragment as F, createElementVNode as s, createBlock as b, createCommentVNode as h, withKeys as m, normalizeClass as H, withModifiers as y, unref as n, toDisplayString as z, isRef as B } from "vue";
+import { ref as p, computed as x, watch as L, createElementBlock as q, openBlock as d, Fragment as F, createElementVNode as o, createBlock as b, createCommentVNode as h, withKeys as m, normalizeClass as H, withModifiers as y, unref as n, toDisplayString as z, isRef as B } from "vue";
 import { setResourcePublicationStatus as j, setDatasetPublicationStatus as I, deleteResource as O, deleteDataset as W } from "@piveau/sdk-core/hubRepo";
 import { useRouter as Z, useRoute as G } from "vue-router";
 import { useStore as J } from "vuex";
@@ -10,7 +10,7 @@ import k from "./StateTag.vue.js";
 import te from "./Toast.vue.js";
 /* empty css                */
 import ae from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescContainer" }, se = { class: "dpiV3_dsDesc" }, oe = { class: "dpiV3_TableRowStatus" }, ie = { class: "dpiV3_TableRowUpdated" }, re = { class: "dpiV3_TableRowStatus" }, ue = { class: "dpiV3_TableRowButtonWrap" }, de = {
+const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescContainer" }, oe = { class: "dpiV3_dsDesc" }, se = { class: "dpiV3_TableRowStatus" }, ie = { class: "dpiV3_TableRowUpdated" }, re = { class: "dpiV3_TableRowStatus" }, ue = { class: "dpiV3_TableRowButtonWrap" }, de = {
   __name: "TableRowV3",
   props: {
     text: {
@@ -57,21 +57,21 @@ const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescCo
     }
   },
   emits: ["complete", "start"],
-  setup(w, { emit: _ }) {
-    const t = w, U = _, C = J();
+  setup(w, { emit: C }) {
+    const t = w, U = C, E = J();
     Z();
-    const E = G(), c = Q().api.hubUrl;
-    let o = p(!1), i = p(!1), v = p(!1), r = p({}), u = p({});
-    const D = R(() => {
+    const _ = G(), c = Q().api.hubUrl;
+    let s = p(!1), i = p(!1), v = p(!1), r = p({}), u = p({});
+    const D = x(() => {
       var a;
-      return !!((a = E.query) != null && a.fromDraft);
-    }), f = R(() => {
+      return !!((a = _.query) != null && a.fromDraft);
+    }), f = x(() => {
       var a, e;
-      return (e = (a = C.getters) == null ? void 0 : a["auth/getUserData"]) == null ? void 0 : e.authToken;
-    }), { toEditMode: A } = X();
-    function P() {
+      return (e = (a = E.getters) == null ? void 0 : a["auth/getUserData"]) == null ? void 0 : e.authToken;
+    }), { toEditMode: $ } = X();
+    function A() {
       const a = t.draft || D.value, e = t.catalogue, l = t.id || t.dataset.id || t.catalogue.id;
-      A({
+      $({
         routeName: t.type === "projects" ? "DataProviderInterface-InputProject" : "DataProviderInterface-Input",
         id: l,
         catalogId: e,
@@ -82,7 +82,7 @@ const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescCo
         }
       });
     }
-    function $() {
+    function P() {
       v.value = !1, setTimeout(() => {
         i.value = !1;
       }, 2e3);
@@ -198,7 +198,7 @@ const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescCo
           window.open(N(t.type, t.id), "_blank");
           break;
         case "Bearbeiten":
-          P();
+          A();
           break;
         case "Veröffentlichen":
           r.value = {
@@ -206,7 +206,7 @@ const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescCo
             header: "Datensatz veröffentlichen",
             text: "Sind Sie sicher, dass Sie diesen Datensatz veröffentlichen möchten?",
             action: "publishDataset"
-          }, o.value = !0;
+          }, s.value = !0;
           break;
         case "Löschen":
           r.value = {
@@ -214,7 +214,7 @@ const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescCo
             header: "Datensatz endgültig löschen",
             text: "Möchten Sie diesen Datensatz wirklich endgültig löschen? Diese Aktion kann nicht rückgängig gemacht werden. Alle damit verbundenen Daten werden entfernt.",
             action: "deleteDataset"
-          }, o.value = !0;
+          }, s.value = !0;
           break;
         case "Veröffentlichung aufheben":
           r.value = {
@@ -222,7 +222,7 @@ const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescCo
             header: "Veröffentlichung aufheben",
             text: "Sind Sie sicher, dass Sie diesen Datensatz zu einem Entwurf zurücksetzen möchten?",
             action: "setToDraft"
-          }, o.value = !0;
+          }, s.value = !0;
           break;
       }
     }
@@ -233,11 +233,11 @@ const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescCo
     function V(a) {
       a.target.className != "dpiV3_more-button dpiV3_activeState" && (g.value = !0);
     }
-    function x(a) {
+    function R(a) {
       a.target.className != "dpiV3_more-button dpiV3_activeState" && (g.value = !1);
     }
     return (a, e) => (d(), q(F, null, [
-      s("button", {
+      o("button", {
         class: H(["dpiV3_tableRowWrapper", {
           dpiV3_pressedTableRow: n(g),
           tRowInDraft: t.fromDraft
@@ -247,21 +247,21 @@ const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescCo
           e[4] || (e[4] = m(y((l) => V(l), ["prevent"]), ["enter"]))
         ],
         onKeyup: [
-          e[5] || (e[5] = m((l) => x(l), ["space"])),
-          e[6] || (e[6] = m((l) => x(l), ["enter"]))
+          e[5] || (e[5] = m((l) => R(l), ["space"])),
+          e[6] || (e[6] = m((l) => R(l), ["enter"]))
         ]
       }, [
-        s("div", le, [
-          s("div", {
+        o("div", le, [
+          o("div", {
             class: "dpiV3_tableRowContent",
             onMousedown: e[0] || (e[0] = y((l) => T(l, !0), ["prevent"])),
             onMouseup: e[1] || (e[1] = y((l) => T(l, !1), ["prevent"])),
             onClick: e[2] || (e[2] = (l) => S("Ansehen"))
           }, [
-            s("div", ne, [
-              s("span", se, z(t.text), 1)
+            o("div", ne, [
+              o("span", oe, z(t.text), 1)
             ]),
-            s("div", oe, [
+            o("div", se, [
               t.draft ? (d(), b(k, {
                 key: 1,
                 label: "Entwurf",
@@ -271,9 +271,9 @@ const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescCo
                 label: "Freigegeben",
                 state: "published"
               })),
-              s("span", ie, " Bearbeitet am: " + z(t.date), 1)
+              o("span", ie, " Bearbeitet am: " + z(t.date), 1)
             ]),
-            s("div", re, [
+            o("div", re, [
               w.visibility ? (d(), b(k, {
                 key: 0,
                 label: w.visibility,
@@ -282,7 +282,7 @@ const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescCo
               }, null, 8, ["label", "state"])) : h("", !0)
             ])
           ], 32),
-          s("div", ue, [
+          o("div", ue, [
             D.value ? h("", !0) : (d(), b(Y, {
               key: 0,
               type: "moreButton",
@@ -297,13 +297,13 @@ const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescCo
           ])
         ])
       ], 34),
-      n(o) ? (d(), b(ee, {
+      n(s) ? (d(), b(ee, {
         key: 0,
         buttons: n(r).button,
         "header-text": n(r).header,
         text: n(r).text,
         action: n(r).action,
-        onClose: e[7] || (e[7] = (l) => B(o) ? o.value = !1 : o = !1),
+        onClose: e[7] || (e[7] = (l) => B(s) ? s.value = !1 : s = !1),
         onActionHandling: e[8] || (e[8] = (l) => K(l, U))
       }, null, 8, ["buttons", "header-text", "text", "action"])) : h("", !0),
       n(i) ? (d(), b(te, {
@@ -313,12 +313,13 @@ const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescCo
         class: "dpiV3_tableToast",
         button: n(u).button,
         action: n(u).action,
-        onMouseenter: e[9] || (e[9] = (l) => B(v) ? v.value = !0 : v = !0),
-        onMouseleave: $
+        onButtonClicked: e[9] || (e[9] = (l) => a.handleToastClick()),
+        onMouseenter: e[10] || (e[10] = (l) => B(v) ? v.value = !0 : v = !0),
+        onMouseleave: P
       }, null, 8, ["type", "text", "button", "action"])) : h("", !0)
     ], 64));
   }
-}, Te = /* @__PURE__ */ ae(de, [["__scopeId", "data-v-5c454e49"]]);
+}, Te = /* @__PURE__ */ ae(de, [["__scopeId", "data-v-dfbbf5be"]]);
 export {
   Te as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Toast.vue.js

@@ -1,12 +1,12 @@
-import { ref as i, createElementBlock as g, openBlock as v, normalizeClass as u, createElementVNode as s, toDisplayString as S, createVNode as c, unref as p } from "vue";
+import { ref as l, createElementBlock as v, openBlock as g, normalizeClass as p, createElementVNode as s, toDisplayString as S, createVNode as c, unref as f } from "vue";
 import x from "../img/x-circleFill.svg.js";
-import _ from "../img/InfoFill.svg.js";
-import T from "../img/CheckCircleFill.svg.js";
+import T from "../img/InfoFill.svg.js";
+import b from "../img/CheckCircleFill.svg.js";
 import B from "../img/WarningFill.svg.js";
-import b from "./TextButtonSmall.vue.js";
-import w from "./CrossOutButton.vue.js";
+import w from "./TextButtonSmall.vue.js";
+import E from "./CrossOutButton.vue.js";
 /* empty css           */
-const E = { class: "imgTextWrap" }, K = ["src"], h = { class: "btnWrapToast" }, $ = {
+const _ = { class: "imgTextWrap" }, k = ["src"], K = { class: "btnWrapToast" }, h = {
   __name: "Toast",
   props: {
     text: {
@@ -20,50 +20,51 @@ const E = { class: "imgTextWrap" }, K = ["src"], h = { class: "btnWrapToast" },
     button: String,
     action: String
   },
-  setup(f) {
-    const o = i();
-    let n = i(!1), a = i(!1);
-    const e = f;
-    e.type === "info" && (o.value = _), e.type === "success" && (o.value = T), e.type === "warning" && (o.value = B), e.type === "error" && (o.value = x);
-    const l = (t) => {
-      t === "in" ? a.value = !0 : a.value = !1;
-    }, d = (t) => {
-      (t.code === "Space" || t.code === "Enter") && (n.value = !0, t.preventDefault());
+  setup(d) {
+    const r = l();
+    let n = l(!1), i = l(!1);
+    const e = d;
+    e.type === "info" && (r.value = T), e.type === "success" && (r.value = b), e.type === "warning" && (r.value = B), e.type === "error" && (r.value = x);
+    const u = (t) => {
+      t === "in" ? i.value = !0 : i.value = !1;
     }, m = (t) => {
+      (t.code === "Space" || t.code === "Enter") && (n.value = !0, t.preventDefault());
+    }, y = (t) => {
       (t.code === "Space" || t.code === "Enter") && (n.value = !1);
     };
-    return (t, r) => (v(), g("div", {
-      class: u(["toastBody", {
+    return (t, o) => (g(), v("div", {
+      class: p(["toastBody", {
         error: e.type === "error",
         warning: e.type === "warning",
         info: e.type === "info",
         success: e.type === "success"
       }])
     }, [
-      s("div", E, [
+      s("div", _, [
         s("img", {
-          src: o.value,
+          src: r.value,
           alt: ""
-        }, null, 8, K),
+        }, null, 8, k),
         s("span", null, S(e.text), 1)
       ]),
-      s("div", h, [
-        c(b, {
+      s("div", K, [
+        c(w, {
+          onClick: o[0] || (o[0] = (a) => t.$emit("button-clicked")),
           buttonText: e.button,
           style: { margin: "auto" }
         }, null, 8, ["buttonText"]),
-        c(w, {
-          onKeydown: d,
-          onKeyup: m,
-          onFocus: r[0] || (r[0] = (y) => l("in")),
-          onBlur: r[1] || (r[1] = (y) => l()),
+        c(E, {
+          onKeydown: m,
+          onKeyup: y,
+          onFocus: o[1] || (o[1] = (a) => u("in")),
+          onBlur: o[2] || (o[2] = (a) => u()),
           type: "inToast",
-          class: u(["crossout", { pressed: p(n), focused: p(a) }])
+          class: p(["crossout", { pressed: f(n), focused: f(i) }])
         }, null, 8, ["class"])
       ])
     ], 2));
   }
 };
 export {
-  $ as default
+  h as default
 };