@autoafleveren/ui 0.10.0 → 0.10.1

package/dist/ui.js

@@ -14373,7 +14373,7 @@ class Vr {
 const Ho = {
   loaded: G(!1)
 };
-function MR() {
+function PR() {
   async function e(t) {
     Ho.loaded && (await new Vr({
       apiKey: t,
@@ -14480,7 +14480,7 @@ const Zh = /* @__PURE__ */ ar(e2, [["render", i2]]), s2 = {
   key: 0,
   class: "mt-1",
   "data-test-description": ""
-}, RR = /* @__PURE__ */ ve({
+}, MR = /* @__PURE__ */ ve({
   __name: "AppAlert",
   props: {
     type: {},
@@ -14604,7 +14604,7 @@ const Zh = /* @__PURE__ */ ar(e2, [["render", i2]]), s2 = {
       ])
     ]));
   }
-}), b2 = ["src"], $R = /* @__PURE__ */ ve({
+}), b2 = ["src"], RR = /* @__PURE__ */ ve({
   __name: "AppAvatar",
   props: {
     size: { default: "medium" },
@@ -14627,7 +14627,7 @@ const Zh = /* @__PURE__ */ ar(e2, [["render", i2]]), s2 = {
       }, null, 8, ["color"]))
     ], 2));
   }
-}), w2 = { class: "group mb-3 flex items-center font-semibold text-zinc-700" }, S2 = { class: "mr-4 flex items-center justify-center rounded-full bg-white p-2 drop-shadow-sm transition-transform group-hover:-translate-x-2" }, AR = /* @__PURE__ */ ve({
+}), w2 = { class: "group mb-3 flex items-center font-semibold text-zinc-700" }, S2 = { class: "mr-4 flex items-center justify-center rounded-full bg-white p-2 drop-shadow-sm transition-transform group-hover:-translate-x-2" }, $R = /* @__PURE__ */ ve({
   __name: "AppBackButton",
   props: {
     buttonText: {},
@@ -14895,7 +14895,7 @@ const H2 = /* @__PURE__ */ ar(F2, [["__scopeId", "data-v-817cbc72"]]), U2 = {
   key: 1,
   class: "text-2xl font-bold text-zinc-900",
   "data-test-title": ""
-}, NR = /* @__PURE__ */ ve({
+}, AR = /* @__PURE__ */ ve({
   __name: "AppCard",
   props: {
     title: { default: void 0 },
@@ -15332,7 +15332,7 @@ const H2 = /* @__PURE__ */ ar(F2, [["__scopeId", "data-v-817cbc72"]]), U2 = {
     return (i, s) => a.value || !a.value && !i.hideEmptyValues ? (v(), D("div", dC, [
       r.value ? (v(), D("dt", {
         key: 0,
-        class: re([{ "w-1/2": a.value || i.component }, "font-bold"]),
+        class: re([{ "w-1/2": a.value || i.component }, "font-bold text-zinc-900"]),
         "data-test-title": ""
       }, [
         K(i.$slots, "title", {}, () => [
@@ -15351,7 +15351,7 @@ const H2 = /* @__PURE__ */ ar(F2, [["__scopeId", "data-v-817cbc72"]]), U2 = {
       ], 2)) : H("", !0)
     ])) : H("", !0);
   }
-}), pC = { class: "flex flex-col gap-1.5" }, LR = /* @__PURE__ */ ve({
+}), pC = { class: "flex flex-col gap-1.5" }, NR = /* @__PURE__ */ ve({
   __name: "AppDefinitionList",
   props: {
     items: {},
@@ -15369,7 +15369,7 @@ const H2 = /* @__PURE__ */ ar(F2, [["__scopeId", "data-v-817cbc72"]]), U2 = {
       }, null, 8, ["title", "description", "component", "component-properties", "hide-empty-values"]))), 128))
     ]));
   }
-}), BR = /* @__PURE__ */ ve({
+}), LR = /* @__PURE__ */ ve({
   __name: "AppDisclosure",
   props: {
     defaultOpen: { type: Boolean, default: !1 }
@@ -15386,7 +15386,7 @@ const H2 = /* @__PURE__ */ ar(F2, [["__scopeId", "data-v-817cbc72"]]), U2 = {
       _: 3
     }, 8, ["default-open"]));
   }
-}), hC = { class: "ml-auto pl-2" }, FR = /* @__PURE__ */ ve({
+}), hC = { class: "ml-auto pl-2" }, BR = /* @__PURE__ */ ve({
   __name: "AppDisclosureButton",
   setup(e) {
     const t = G(null);
@@ -15418,7 +15418,7 @@ const H2 = /* @__PURE__ */ ar(F2, [["__scopeId", "data-v-817cbc72"]]), U2 = {
       _: 3
     }, 512));
   }
-}), HR = /* @__PURE__ */ ve({
+}), FR = /* @__PURE__ */ ve({
   __name: "AppDisclosurePanel",
   props: {
     static: { type: Boolean, default: !1 },
@@ -23961,7 +23961,7 @@ function v3(e, t, n) {
     let qe = V;
     if (X.value && $.value) {
       let Rt = N.value;
-      Rt || (Rt = (Xa, IR) => {
+      Rt || (Rt = (Xa, xR) => {
         let rc = Zo(nt(Xa[E.value]), O.value);
         return Z.value ? rc.startsWith(Zo(X.value, O.value)) : rc.indexOf(Zo(X.value, O.value)) !== -1;
       }), qe = qe.filter(Rt);
@@ -25405,7 +25405,7 @@ const K3 = ["onClick"], X3 = {
   key: 1,
   class: "order-2 mt-1.5 flex items-center gap-x-1 text-xs italic text-error",
   "data-test-error-message": ""
-}, UR = /* @__PURE__ */ ve({
+}, HR = /* @__PURE__ */ ve({
   inheritAttrs: !1,
   __name: "AppSelect",
   props: {
@@ -25525,7 +25525,7 @@ function Z3() {
   const e = document.createElement("div");
   return e.classList.add(...Q3), rl(hr(uR), e), e;
 }
-const jR = /* @__PURE__ */ ve({
+const UR = /* @__PURE__ */ ve({
   __name: "AppMaps",
   props: {
     withMarker: { type: Boolean, default: !0 },
@@ -25897,7 +25897,7 @@ const ec = /* @__PURE__ */ ar(fP, [["__scopeId", "data-v-8287ec08"]]), pP = { cl
       ])
     ]));
   }
-}), kP = { class: "space-y-5" }, VR = /* @__PURE__ */ ve({
+}), kP = { class: "space-y-5" }, jR = /* @__PURE__ */ ve({
   __name: "AppTimeline",
   props: {
     items: {}
@@ -27210,7 +27210,7 @@ const UM = { class: "relative z-50 -mt-20 w-full -translate-y-0.5 rounded-2xl bg
       ])
     ]));
   }
-}), WR = /* @__PURE__ */ ve({
+}), VR = /* @__PURE__ */ ve({
   inheritAttrs: !1,
   __name: "AppDataTable",
   props: {
@@ -27493,7 +27493,7 @@ const zM = {
   "data-test-handle": ""
 }, null, -1), nR = [
   tR
-], zR = /* @__PURE__ */ ve({
+], WR = /* @__PURE__ */ ve({
   __name: "AppToggle",
   props: Km({
     disabled: { type: Boolean, default: !1 }
@@ -27522,7 +27522,7 @@ function hf(e) {
   var t, n;
   (t = e == null ? void 0 : e.instance) == null || t.unmount(), (n = e == null ? void 0 : e.element) == null || n.remove();
 }
-function YR() {
+function zR() {
   async function e(n) {
     window.scrollTo(0, 0);
     const r = document.createElement("div");
@@ -27561,7 +27561,7 @@ function vf(e) {
   var t, n;
   (t = e == null ? void 0 : e.instance) == null || t.unmount(), (n = e == null ? void 0 : e.element) == null || n.remove();
 }
-function qR(e, t) {
+function YR(e, t) {
   const n = G();
   async function r(i) {
     t && (t.content = e), window.scrollTo(0, 0);
@@ -27674,61 +27674,68 @@ const rR = {}, aR = {
 function lR(e, t) {
   return v(), D("svg", aR, oR);
 }
-const uR = /* @__PURE__ */ ar(rR, [["render", lR]]), cR = { class: "relative" }, dR = { class: "flex items-center space-x-5" }, fR = {
+const uR = /* @__PURE__ */ ar(rR, [["render", lR]]), cR = { class: "flex items-center space-x-5" }, dR = {
   class: "text-base font-bold text-zinc-900",
   "data-test-title": ""
-}, pR = {
-  key: 0,
-  class: "text-base text-zinc-700",
-  "data-test-content": ""
-}, nl = /* @__PURE__ */ ve({
+}, fR = ["innerHTML"], nl = /* @__PURE__ */ ve({
   __name: "Toast",
   props: {
     title: {},
-    content: {},
-    type: {}
+    content: { default: void 0 },
+    type: {},
+    options: { default: void 0 }
   },
   emits: ["closeToast"],
   setup(e, { emit: t }) {
-    return (n, r) => (v(), D("div", cR, [
-      De(w(go), {
-        class: "absolute right-0 top-0 h-4 w-4 cursor-pointer",
-        onClick: r[0] || (r[0] = () => t("closeToast"))
-      }),
-      B("div", dR, [
-        B("div", null, [
-          (v(), se(Ze(w(em)[n.type]), {
-            class: "h-7 w-7",
-            "data-test-icon": ""
-          }))
-        ]),
-        B("div", null, [
-          B("p", fR, me(n.title), 1),
-          n.content ? (v(), D("p", pR, me(n.content), 1)) : H("", !0)
+    return (n, r) => {
+      var a;
+      return v(), D("div", {
+        class: re([{ "cursor-pointer": (a = n.options) == null ? void 0 : a.onClick }, "relative"])
+      }, [
+        De(w(go), {
+          class: "absolute right-0 top-0 h-4 w-4 cursor-pointer",
+          onClick: r[0] || (r[0] = () => t("closeToast"))
+        }),
+        B("div", cR, [
+          B("div", null, [
+            (v(), se(Ze(w(em)[n.type]), {
+              class: "h-7 w-7",
+              "data-test-icon": ""
+            }))
+          ]),
+          B("div", null, [
+            B("p", dR, me(n.title), 1),
+            n.content ? (v(), D("p", {
+              key: 0,
+              class: "text-base text-zinc-700",
+              "data-test-content": "",
+              innerHTML: n.content
+            }, null, 8, fR)) : H("", !0)
+          ])
         ])
-      ])
-    ]));
+      ], 2);
+    };
   }
 });
-function GR(e) {
+function qR(e) {
   const t = Jv(e);
   return {
     ...t,
     success: (n, r, a) => t.success({
       component: nl,
-      props: { title: n, content: r, type: "success" }
+      props: { title: n, content: r, type: "success", options: a }
     }, a),
     warning: (n, r, a) => t.warning({
       component: nl,
-      props: { title: n, content: r, type: "warning" }
+      props: { title: n, content: r, type: "warning", options: a }
     }, a),
     error: (n, r, a) => t.error({
       component: nl,
-      props: { title: n, content: r, type: "error" }
+      props: { title: n, content: r, type: "error", options: a }
     }, a)
   };
 }
-const KR = {
+const GR = {
   install: (e, t) => {
     var a;
     (a = t == null ? void 0 : t.sentry) != null && a.dsn && $T(e, t.sentry.router, t == null ? void 0 : t.sentry);
@@ -27748,40 +27755,40 @@ const KR = {
     };
     e.use(zy, r);
   }
-}, hR = { class: "flex min-h-screen flex-col md:flex-row md:bg-secondary" }, mR = {
+}, pR = { class: "flex min-h-screen flex-col md:flex-row md:bg-secondary" }, hR = {
   class: "flex h-full grow flex-col bg-white md:h-auto md:w-1/2 md:grow-0 md:rounded-l-2xl",
   "data-test-main-wrapper": ""
-}, vR = { class: "flex grow justify-center px-10 transition-all md:items-center md:px-24" }, gR = { class: "mx-auto md:max-w-lg" }, yR = {
+}, mR = { class: "flex grow justify-center px-10 transition-all md:items-center md:px-24" }, vR = { class: "mx-auto md:max-w-lg" }, gR = {
   class: "hidden w-1/2 md:block",
   "data-test-layout-image-wrapper": ""
-}, _R = ["src"], XR = /* @__PURE__ */ ve({
+}, yR = ["src"], KR = /* @__PURE__ */ ve({
   __name: "Auth",
   setup(e) {
     const { layoutImage: t } = Xh();
-    return (n, r) => (v(), D("div", hR, [
+    return (n, r) => (v(), D("div", pR, [
       De(w(ec)),
-      B("div", mR, [
+      B("div", hR, [
         K(n.$slots, "secondaryNavBar"),
-        B("main", vR, [
-          B("div", gR, [
+        B("main", mR, [
+          B("div", vR, [
             K(n.$slots, "default")
           ])
         ])
       ]),
-      B("div", yR, [
+      B("div", gR, [
         w(t) ? (v(), D("img", {
           key: 0,
           src: w(t),
           class: "h-screen w-full object-fill"
-        }, null, 8, _R)) : H("", !0)
+        }, null, 8, yR)) : H("", !0)
       ])
     ]));
   }
-}), bR = { class: "flex min-h-screen w-screen flex-col bg-zinc-100 md:flex-row" }, wR = { class: "relative order-4 flex shrink-0 grow flex-col overflow-y-auto overflow-x-hidden bg-zinc-100 transition-all duration-300 md:order-3 md:-mt-0 md:h-screen md:basis-0 md:overflow-y-auto md:overflow-x-hidden" }, SR = { class: "w-full px-4 py-8 md:px-6 md:py-12" }, kR = {
+}), _R = { class: "flex min-h-screen w-screen flex-col bg-zinc-100 md:flex-row" }, bR = { class: "relative order-4 flex shrink-0 grow flex-col overflow-y-auto overflow-x-hidden bg-zinc-100 transition-all duration-300 md:order-3 md:-mt-0 md:h-screen md:basis-0 md:overflow-y-auto md:overflow-x-hidden" }, wR = { class: "w-full px-4 py-8 md:px-6 md:py-12" }, SR = {
   id: "sidebar-wrapper",
   class: "order-3 flex w-full max-w-full shrink-0 grow-0 flex-col overflow-x-hidden bg-zinc-100 px-4 pt-8 transition-all empty:-mr-96 empty:ml-0 empty:whitespace-nowrap empty:p-0 md:sticky md:top-0 md:order-4 md:max-h-screen md:w-96 md:overflow-hidden md:rounded-l-3xl md:bg-white md:p-12 xl:w-110 empty:xl:-mr-110 2xl:w-141 empty:2xl:-mr-141",
   "data-test-layout-sidebar-wrapper": ""
-}, JR = /* @__PURE__ */ ve({
+}, XR = /* @__PURE__ */ ve({
   __name: "Base",
   setup(e) {
     const t = G(null), n = G(!0), r = new MutationObserver(a);
@@ -27797,7 +27804,7 @@ const KR = {
       const i = document.getElementById("sidebar-left-wrapper");
       n.value = !!(i != null && i.innerHTML);
     }
-    return ms("sidebarLeftHasContent", n), (i, s) => (v(), D("div", bR, [
+    return ms("sidebarLeftHasContent", n), (i, s) => (v(), D("div", _R, [
       De(w(ec), { class: "z-50 order-1" }),
       B("div", {
         id: "sidebar-left-wrapper",
@@ -27808,22 +27815,22 @@ const KR = {
       }, [
         K(i.$slots, "sidebarLeft")
       ], 512),
-      B("main", wR, [
+      B("main", bR, [
         De(w($m)),
-        B("div", SR, [
+        B("div", wR, [
           K(i.$slots, "default")
         ])
       ]),
-      B("div", kR, [
+      B("div", SR, [
         K(i.$slots, "sidebar")
       ])
     ]));
   }
-}), TR = { class: "flex min-h-screen w-screen flex-col bg-zinc-100 md:flex-row" }, CR = { class: "relative order-4 flex shrink-0 grow flex-col overflow-y-auto overflow-x-hidden bg-zinc-100 transition-all duration-300 md:order-3 md:-mt-0 md:h-screen md:basis-0 md:overflow-y-auto md:overflow-x-hidden" }, ER = { class: "w-full px-4 py-8 md:px-6 md:py-12" }, xR = {
+}), kR = { class: "flex min-h-screen w-screen flex-col bg-zinc-100 md:flex-row" }, TR = { class: "relative order-4 flex shrink-0 flex-col overflow-y-auto overflow-x-hidden bg-zinc-100 transition-all duration-300 md:order-3 md:-mt-0 md:h-screen md:grow md:basis-0 md:overflow-y-auto md:overflow-x-hidden" }, CR = { class: "w-full px-4 py-8 md:px-6 md:py-12" }, ER = {
   id: "sidebar-wrapper",
-  class: "order-3 flex w-full max-w-full shrink-0 grow-0 flex-col overflow-x-hidden bg-zinc-100 px-4 pt-8 transition-all empty:-mr-96 empty:ml-0 empty:whitespace-nowrap empty:p-0 md:sticky md:top-0 md:order-4 md:max-h-screen md:w-96 md:overflow-hidden md:rounded-l-3xl md:bg-white md:px-6 md:pb-6 md:pt-12 xl:w-[580px] empty:xl:mr-[-580px]",
+  class: "order-5 flex w-full max-w-full shrink-0 grow-0 flex-col overflow-x-hidden bg-zinc-100 px-4 py-8 transition-all empty:-mr-96 empty:ml-0 empty:whitespace-nowrap empty:p-0 md:sticky md:top-0 md:order-4 md:max-h-screen md:w-96 md:overflow-hidden md:rounded-l-3xl md:bg-white md:px-6 md:pb-6 md:pt-12 xl:w-[580px] empty:xl:mr-[-580px]",
   "data-test-layout-sidebar-wrapper": ""
-}, QR = /* @__PURE__ */ ve({
+}, JR = /* @__PURE__ */ ve({
   __name: "Platform",
   setup(e) {
     const t = G(null), n = G(!0), r = new MutationObserver(a);
@@ -27839,7 +27846,7 @@ const KR = {
       const i = document.getElementById("sidebar-left-wrapper");
       n.value = !!(i != null && i.innerHTML);
     }
-    return ms("sidebarLeftHasContent", n), (i, s) => (v(), D("div", TR, [
+    return ms("sidebarLeftHasContent", n), (i, s) => (v(), D("div", kR, [
       De(w(ec), { class: "z-50 order-1" }),
       B("div", {
         id: "sidebar-left-wrapper",
@@ -27850,13 +27857,13 @@ const KR = {
       }, [
         K(i.$slots, "sidebarLeft")
       ], 512),
-      B("main", CR, [
+      B("main", TR, [
         De(w($m)),
-        B("div", ER, [
+        B("div", CR, [
           K(i.$slots, "default")
         ])
       ]),
-      B("div", xR, [
+      B("div", ER, [
         K(i.$slots, "sidebar")
       ])
     ]));
@@ -27864,42 +27871,42 @@ const KR = {
 });
 export {
   $m as AppActionBar,
-  RR as AppAlert,
-  $R as AppAvatar,
-  AR as AppBackButton,
+  MR as AppAlert,
+  RR as AppAvatar,
+  $R as AppBackButton,
   Fl as AppBadge,
   Ps as AppButton,
-  NR as AppCard,
+  AR as AppCard,
   tC as AppConfirm,
-  WR as AppDataTable,
-  LR as AppDefinitionList,
-  BR as AppDisclosure,
-  FR as AppDisclosureButton,
-  HR as AppDisclosurePanel,
+  VR as AppDataTable,
+  NR as AppDefinitionList,
+  LR as AppDisclosure,
+  BR as AppDisclosureButton,
+  FR as AppDisclosurePanel,
   u3 as AppInput,
   Pm as AppInputLabel,
   mP as AppLicensePlate,
   Ka as AppLoader,
-  jR as AppMaps,
+  UR as AppMaps,
   cC as AppModal,
   ec as AppNavigationMenu,
   ZM as AppPagination,
-  UR as AppSelect,
-  VR as AppTimeline,
+  HR as AppSelect,
+  jR as AppTimeline,
   SP as AppTimelineItem,
   vP as AppTimelineItemIcon,
-  zR as AppToggle,
-  XR as AuthLayout,
-  JR as BaseLayout,
-  QR as PlatformLayout,
-  KR as default,
-  KR as plugin,
+  WR as AppToggle,
+  KR as AuthLayout,
+  XR as BaseLayout,
+  JR as PlatformLayout,
+  GR as default,
+  GR as plugin,
   Nf as toastInjectionKey,
   tc as useActionBar,
-  YR as useConfirm,
-  MR as useGoogleApi,
+  zR as useConfirm,
+  PR as useGoogleApi,
   Xh as useLayout,
-  qR as useModal,
+  YR as useModal,
   Fi as useNavigation,
-  GR as useToast
+  qR as useToast
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autoafleveren/ui",
-  "version": "0.10.0",
+  "version": "0.10.1",
   "type": "module",
   "files": [
     "dist/*",