@konnectio/core 4.4.9 → 4.5.1

package/dist/TermsOfService-tFJBZdRe.js

@@ -0,0 +1,17 @@
+import { D as e, E as t, Et as n, P as r, Y as i, dt as a, o } from "./mitt-DrOLO7f9.js";
+import { I as s, S as c } from "./SelectField-BYcZ8xUa.js";
+import { a as l } from "./CheckoutWindow-xnLaHTT5.js";
+//#region src/components/side-panels/TermsOfService.vue?vue&type=script&setup=true&lang.ts
+var u = { class: "konnectio-terms-side-panel" }, d = ["innerHTML"], f = /* @__PURE__ */ c(/* @__PURE__ */ r({
+	__name: "TermsOfService",
+	props: { description: {} },
+	setup(r) {
+		let { t: c } = o();
+		return (o, f) => (i(), e(l, { title: n(c)("general.termsAndConditions") }, {
+			default: a(() => [t("div", u, [t("p", { innerHTML: n(s)(r.description) }, null, 8, d)])]),
+			_: 1
+		}, 8, ["title"]));
+	}
+}), [["__scopeId", "data-v-486f73de"]]);
+//#endregion
+export { f as t };

package/dist/_-BZTN6PmS.js

@@ -0,0 +1,22 @@
+import { n as e } from "./chunk-BPfpcrXh.js";
+import { P as t, Y as n, et as r, k as i, ut as a } from "./mitt-DrOLO7f9.js";
+import { E as o } from "./SelectField-BYcZ8xUa.js";
+//#region src/layouts/_.vue?vue&type=script&setup=true&lang.ts
+var s = {
+	class: "konnectio-app",
+	ref: "base"
+}, c = /* @__PURE__ */ t({
+	name: "BaseLayout",
+	__name: "_",
+	props: {
+		accessToken: {},
+		type: { default: "none" },
+		callback: {}
+	},
+	async setup(e) {
+		let t, c, l = e, { setAccessToken: u, fetchUtilities: d } = o();
+		return [t, c] = a(() => u(l.accessToken)), await t, c(), [t, c] = a(() => d()), await t, c(), l.callback && ([t, c] = a(() => l.callback()), await t, c()), (e, t) => (n(), i("div", s, [r(e.$slots, "default")], 512));
+	}
+}), l = /* @__PURE__ */ e({ default: () => u }), u = c;
+//#endregion
+export { l as n, u as t };

package/dist/_-BZTN6PmS.js.gz

@@ -0,0 +1,5 @@
+x�eRkk�0�l���6�\�
+��V��q���a��]�_�_~|!w���
�'R�&���^�?�rǩ�W��tgᝪ�|�b�U[n"}�D���������S�}\�����>�H��<SFz_��:kI�Me�3�g��5ح���A@�Au�/m{9�qֶ8��6Ϭ\S
+�P��Q�PHߠ��6���K
+�~��A�����/fy�9
+�Y\'�4��h>!rS�\�A�]=^�cƂ�L�<&�#�����$F�IMs��&����7]�l�BV��{�H�

package/dist/availability.js

@@ -1,130 +1,100 @@
-import { d as T, u as x, o as H, r as S, c as o, a as l, w as s, b as c, S as B, e, f as v, g as d, h as D, i as f, F as M, j as y, n as L, t as A, T as N, k as P, l as F, m as V, _, p as $ } from "./mitt-Cj---5fy.js";
-import { f as z } from "./index-BEOLg3OJ.js";
-import { u as I, C as j, _ as K } from "./SelectField.vue_vue_type_style_index_0_lang-DH_el7cy.js";
-import { _ as U } from "./_.vue_vue_type_style_index_0_lang-BdANnGTG.js";
-import { A as q, H as G } from "./AvailabilitySkeleton-GcNIEr0O.js";
-import { E as J } from "./EventAvailabilityForm-4m-RW0Lx.js";
-import { E as O } from "./ErrorMessage-uA3IcjN_.js";
-const Q = { class: "konnectio-availability-module" }, R = { class: "konnectio-availability-navigation" }, W = { class: "konnectio-availability-search-form" }, X = /* @__PURE__ */ T({
-  name: "AvailabilityLayout",
-  __name: "Availability",
-  props: {
-    accessToken: {},
-    eventLink: {},
-    eventLocation: {},
-    hideEventLocations: { default: "no" },
-    hotelLink: {},
-    hotelLocation: {},
-    hideHotelLocations: { default: "no" },
-    hotelDisableDefaultLocation: { default: "no" },
-    styling: {}
-  },
-  setup(t) {
-    const { t: u } = x(), { fetchMetadata: r } = I(), a = t, i = S(), E = c(() => !!a.hotelLink || !!a.eventLink), m = c(() => !!a.hotelLink && !!a.eventLink), p = c(() => i.value === "hotel"), k = c(() => i.value === "event"), h = (b) => i.value = b, g = c(() => ({
-      fontSize: "13px",
-      ...a.styling
-    }));
-    return H(() => {
-      !a.hotelLink && a.eventLink ? i.value = "event" : i.value = "hotel";
-    }), (b, n) => (l(), o(j, { styling: g.value }, {
-      default: s(() => [
-        E.value ? (l(), o(B, { key: 0 }, {
-          default: s(() => [
-            e("div", null, [
-              v(U, {
-                "access-token": t.accessToken,
-                callback: d(r)
-              }, {
-                default: s(() => [
-                  e("div", Q, [
-                    m.value ? (l(), D(M, { key: 0 }, [
-                      e("nav", R, [
-                        e("ul", null, [
-                          e("li", null, [
-                            e("button", {
-                              class: L({ active: p.value }),
-                              onClick: n[0] || (n[0] = y((w) => h("hotel"), ["prevent"]))
-                            }, [
-                              e("span", null, A(d(u)("availability.hotel")), 1)
-                            ], 2)
-                          ]),
-                          e("li", null, [
-                            e("button", {
-                              class: L({ active: k.value }),
-                              onClick: n[1] || (n[1] = y((w) => h("event"), ["prevent"]))
-                            }, [
-                              e("span", null, A(d(u)("availability.events")), 1)
-                            ], 2)
-                          ])
-                        ])
-                      ]),
-                      n[2] || (n[2] = e("div", { class: "konnectio-availability-divider" }, null, -1))
-                    ], 64)) : f("", !0),
-                    e("div", W, [
-                      v(N, {
-                        name: "fade",
-                        mode: "out-in",
-                        appear: ""
-                      }, {
-                        default: s(() => [
-                          p.value ? (l(), o(G, {
-                            key: 0,
-                            link: t.hotelLink,
-                            "selected-location": Number(t.hotelLocation),
-                            "disable-default-location": t.hotelDisableDefaultLocation === "yes",
-                            "hide-locations": t.hideHotelLocations === "yes"
-                          }, null, 8, ["link", "selected-location", "disable-default-location", "hide-locations"])) : k.value ? (l(), o(J, {
-                            key: 1,
-                            link: t.eventLink,
-                            "selected-location": Number(t.eventLocation),
-                            "hide-locations": t.hideEventLocations === "yes"
-                          }, null, 8, ["link", "selected-location", "hide-locations"])) : f("", !0)
-                        ]),
-                        _: 1
-                      })
-                    ])
-                  ])
-                ]),
-                _: 1
-              }, 8, ["access-token", "callback"])
-            ])
-          ]),
-          fallback: s(() => [
-            e("div", null, [
-              v(q, {
-                view: m.value ? "both" : i.value
-              }, null, 8, ["view"])
-            ])
-          ]),
-          _: 1
-        })) : (l(), o(O, {
-          key: 1,
-          title: "Unable to render Availability module",
-          description: `The 'hotel-link' and/or 'event-link' properties are missing.<br>
-            The Konnectio Availability module can't be rendered without at least one link property set.`
-        }))
-      ]),
-      _: 1
-    }, 8, ["styling"]));
-  }
-}), C = /* @__PURE__ */ K(X, [["__scopeId", "data-v-d4cca1d0"]]), Y = P(), Z = _, ee = Z();
-class te extends HTMLElement {
-  vueApp;
-  constructor() {
-    super();
-  }
-  disconnectedCallback() {
-    this.vueApp.unmount();
-  }
-  connectedCallback() {
-    const u = F(C, this.attributes);
-    this.vueApp = V(C, u), this.vueApp.provide("emitter", ee), this.vueApp.use(z), this.vueApp.use($), this.vueApp.use(Y);
-    const r = document.createElement("div");
-    this.vueApp.mount(r), this.appendChild(r.children[0]);
-  }
-}
-window.customElements.define("konnectio-availability", te);
-export {
-  te as default
+import { At as e, D as t, Dt as n, E as r, Et as i, M as a, O as o, P as s, S as c, T as l, Y as u, bt as d, c as f, d as p, dt as m, k as h, o as g, p as _, q as v, r as y, s as b, t as x, x as S, y as C } from "./mitt-DrOLO7f9.js";
+import { t as w } from "./dist-oox8Oy7m.js";
+import { C as T, S as E, b as D } from "./SelectField-BYcZ8xUa.js";
+import { t as O } from "./_-BZTN6PmS.js";
+import { t as k } from "./AvailabilitySkeleton-IQbxzq3Q.js";
+import { t as A } from "./HotelAvailabilityForm-D_mVPzOx.js";
+import { t as j } from "./EventAvailabilityForm-Dq4WxMuL.js";
+import { t as M } from "./ErrorMessage-6_ULtG_D.js";
+//#region src/layouts/Availability.vue?vue&type=script&setup=true&lang.ts
+var N = { class: "konnectio-availability-module" }, P = { class: "konnectio-availability-navigation" }, F = { class: "konnectio-availability-search-form" }, I = /* @__PURE__ */ E(/* @__PURE__ */ s({
+	name: "AvailabilityLayout",
+	__name: "Availability",
+	props: {
+		accessToken: {},
+		eventLink: {},
+		eventLocation: {},
+		hideEventLocations: { default: "no" },
+		hotelLink: {},
+		hotelLocation: {},
+		hideHotelLocations: { default: "no" },
+		hotelDisableDefaultLocation: { default: "no" },
+		styling: {}
+	},
+	setup(s) {
+		let { t: f } = g(), { fetchMetadata: _ } = T(), y = s, b = d(), x = l(() => !!y.hotelLink || !!y.eventLink), w = l(() => !!y.hotelLink && !!y.eventLink), E = l(() => b.value === "hotel"), I = l(() => b.value === "event"), L = (e) => b.value = e, R = l(() => ({
+			fontSize: "13px",
+			...y.styling
+		}));
+		return v(() => {
+			!y.hotelLink && y.eventLink ? b.value = "event" : b.value = "hotel";
+		}), (l, d) => (u(), t(D, { styling: R.value }, {
+			default: m(() => [x.value ? (u(), t(c, { key: 0 }, {
+				default: m(() => [r("div", null, [a(O, {
+					"access-token": s.accessToken,
+					callback: i(_)
+				}, {
+					default: m(() => [r("div", N, [w.value ? (u(), h(S, { key: 0 }, [r("nav", P, [r("ul", null, [r("li", null, [r("button", {
+						class: n({ active: E.value }),
+						onClick: d[0] ||= C((e) => L("hotel"), ["prevent"])
+					}, [r("span", null, e(i(f)("availability.hotel")), 1)], 2)]), r("li", null, [r("button", {
+						class: n({ active: I.value }),
+						onClick: d[1] ||= C((e) => L("event"), ["prevent"])
+					}, [r("span", null, e(i(f)("availability.events")), 1)], 2)])])]), d[2] ||= r("div", { class: "konnectio-availability-divider" }, null, -1)], 64)) : o("", !0), r("div", F, [a(p, {
+						name: "fade",
+						mode: "out-in",
+						appear: ""
+					}, {
+						default: m(() => [E.value ? (u(), t(A, {
+							key: 0,
+							link: s.hotelLink,
+							"selected-location": Number(s.hotelLocation),
+							"disable-default-location": s.hotelDisableDefaultLocation === "yes",
+							"hide-locations": s.hideHotelLocations === "yes"
+						}, null, 8, [
+							"link",
+							"selected-location",
+							"disable-default-location",
+							"hide-locations"
+						])) : I.value ? (u(), t(j, {
+							key: 1,
+							link: s.eventLink,
+							"selected-location": Number(s.eventLocation),
+							"hide-locations": s.hideEventLocations === "yes"
+						}, null, 8, [
+							"link",
+							"selected-location",
+							"hide-locations"
+						])) : o("", !0)]),
+						_: 1
+					})])])]),
+					_: 1
+				}, 8, ["access-token", "callback"])])]),
+				fallback: m(() => [r("div", null, [a(k, { view: w.value ? "both" : b.value }, null, 8, ["view"])])]),
+				_: 1
+			})) : (u(), t(M, {
+				key: 1,
+				title: "Unable to render Availability module",
+				description: "The 'hotel-link' and/or 'event-link' properties are missing.<br>\r\n            The Konnectio Availability module can't be rendered without at least one link property set."
+			}))]),
+			_: 1
+		}, 8, ["styling"]));
+	}
+}), [["__scopeId", "data-v-a8e928a0"]]), L = f(), R = x(), z = class extends HTMLElement {
+	vueApp;
+	constructor() {
+		super();
+	}
+	disconnectedCallback() {
+		this.vueApp.unmount();
+	}
+	connectedCallback() {
+		let e = b(I, this.attributes);
+		this.vueApp = _(I, e), this.vueApp.provide("emitter", R), this.vueApp.use(w), this.vueApp.use(y), this.vueApp.use(L);
+		let t = document.createElement("div");
+		this.vueApp.mount(t), this.appendChild(t.children[0]);
+	}
 };
-//# sourceMappingURL=availability.js.map
+window.customElements.define("konnectio-availability", z);
+//#endregion
+export { z as default };

package/dist/cancel-reservation.js

@@ -1,159 +1,156 @@
-import { d as C, u as y, h as _, a as r, c as b, r as i, g as n, F as x, f as u, b as A, w as p, S as I, e as t, t as T, k as E, _ as S, l as w, m as F, p as M } from "./mitt-Cj---5fy.js";
-import { G as P } from "./style-n4UQjvXd.js";
-import { a as U, b as H, c as $, T as N, d as W, e as c, _ as L, C as G } from "./SelectField.vue_vue_type_style_index_0_lang-DH_el7cy.js";
-import { _ as O } from "./_.vue_vue_type_style_index_0_lang-BdANnGTG.js";
-import { A as D } from "./ActionField-CjB94ywQ.js";
-const j = { class: "konnectio-cancel-reservation-form" }, q = /* @__PURE__ */ C({
-  __name: "CancelReservationForm",
-  setup(d) {
-    const { t: e } = y(), { display: s } = U(), { cancelReservation: m } = H(), h = A(() => [
-      {
-        label: e("cancelReservation.cancellationReasonRegret"),
-        value: c.Regret
-      },
-      {
-        label: e("cancelReservation.cancellationReasonMistake"),
-        value: c.BookingMistake
-      },
-      {
-        label: e("cancelReservation.cancellationReasonSickness"),
-        value: c.Sickness
-      },
-      {
-        label: e("cancelReservation.cancellationReasonTestBooking"),
-        value: c.TestBooking
-      },
-      {
-        label: e("cancelReservation.cancellationReasonBadWeather"),
-        value: c.BadWeather
-      },
-      {
-        label: e("cancelReservation.cancellationReasonOther"),
-        value: c.Other
-      }
-    ]), o = i(""), R = i(void 0), f = i(""), v = i(!1), k = i(!1);
-    function B() {
-      if (o.value === "") {
-        s({
-          message: e("alert.error.reservationIdEmpty"),
-          type: "error"
-        });
-        return;
-      }
-      k.value = !0;
-    }
-    function V() {
-      m({
-        id: o.value,
-        reason: R.value,
-        remark: f.value
-      }), k.value = !1;
-    }
-    return (le, a) => (r(), _("form", j, [
-      k.value ? (r(), _(x, { key: 1 }, [
-        u($, {
-          modelValue: R.value,
-          "onUpdate:modelValue": a[2] || (a[2] = (l) => R.value = l),
-          label: n(e)("cancelReservation.reasonLabel"),
-          placeholder: n(e)("cancelReservation.reasonPlaceholder"),
-          options: h.value,
-          searchable: !1,
-          icon: "ban"
-        }, null, 8, ["modelValue", "label", "placeholder", "options"]),
-        u(N, {
-          modelValue: f.value,
-          "onUpdate:modelValue": a[3] || (a[3] = (l) => f.value = l),
-          type: "textarea",
-          name: "remark",
-          label: n(e)("cancelReservation.remarkLabel"),
-          icon: "info-circle",
-          placeholder: n(e)("cancelReservation.remarkPlaceholder")
-        }, null, 8, ["modelValue", "label", "placeholder"]),
-        u(W, {
-          label: n(e)("cancelReservation.confirmCancellationButton"),
-          "full-width": !0,
-          disabled: !1,
-          "is-loading": v.value,
-          "onUpdate:isLoading": a[4] || (a[4] = (l) => v.value = l),
-          onClickEvent: V
-        }, null, 8, ["label", "is-loading"])
-      ], 64)) : (r(), b(D, {
-        key: 0,
-        modelValue: o.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (l) => o.value = l),
-        icon: "octagon-check",
-        label: n(e)("cancelReservation.reservationIdLabel"),
-        buttonLabel: n(e)("cancelReservation.checkReservationIdButton"),
-        placeholder: n(e)("cancelReservation.reservationIdPlaceholder"),
-        "is-loading": v.value,
-        "onUpdate:isLoading": a[1] || (a[1] = (l) => v.value = l),
-        onAction: B
-      }, null, 8, ["modelValue", "label", "buttonLabel", "placeholder", "is-loading"]))
-    ]));
-  }
-}), z = /* @__PURE__ */ L(q, [["__scopeId", "data-v-042c89f5"]]), J = { class: "konnectio-cancel-reservation-module" }, K = { class: "konnectio-cancel-reservation-title" }, Q = ["innerHTML"], X = { class: "konnectio-cancel-reservation-main" }, Y = /* @__PURE__ */ C({
-  name: "CancelReservationLayout",
-  __name: "CancelReservation",
-  props: {
-    accessToken: {},
-    styling: {}
-  },
-  setup(d) {
-    const { t: e } = y(), s = d, m = A(() => ({
-      panelMaxWidth: "800px",
-      ...s.styling
-    }));
-    return (h, o) => (r(), b(G, { styling: m.value }, {
-      default: p(() => [
-        (r(), b(I, null, {
-          default: p(() => [
-            t("div", null, [
-              u(O, { "access-token": d.accessToken }, {
-                default: p(() => [
-                  t("div", J, [
-                    t("h2", K, [
-                      t("span", null, T(n(e)("cancelReservation.title")), 1)
-                    ]),
-                    t("div", {
-                      innerHTML: n(e)("cancelReservation.cancellationNotice"),
-                      class: "konnectio-cancel-reservation-description"
-                    }, null, 8, Q),
-                    t("div", X, [
-                      u(z)
-                    ])
-                  ])
-                ]),
-                _: 1
-              }, 8, ["access-token"])
-            ])
-          ]),
-          fallback: p(() => [...o[0] || (o[0] = [
-            t("div", null, null, -1)
-          ])]),
-          _: 1
-        }))
-      ]),
-      _: 1
-    }, 8, ["styling"]));
-  }
-}), g = /* @__PURE__ */ L(Y, [["__scopeId", "data-v-8f3d2709"]]), Z = E(), ee = S, ae = ee();
-class ne extends HTMLElement {
-  vueApp;
-  constructor() {
-    super();
-  }
-  disconnectedCallback() {
-    this.vueApp.unmount();
-  }
-  connectedCallback() {
-    const e = w(g, this.attributes);
-    this.vueApp = F(g, e), this.vueApp.provide("emitter", ae), this.vueApp.use(M), this.vueApp.use(Z), this.vueApp.use(P);
-    const s = document.createElement("div");
-    this.vueApp.mount(s), this.appendChild(s.children[0]);
-  }
-}
-window.customElements.define("konnectio-cancel-reservation", ne);
-export {
-  ne as default
+import { At as e, D as t, E as n, Et as r, M as i, P as a, S as o, T as s, Y as c, bt as l, c as u, dt as d, k as f, o as p, p as m, r as h, s as g, t as _, x as v } from "./mitt-DrOLO7f9.js";
+import { $ as y, M as b, O as x, S, b as C, n as w, t as T, v as E } from "./SelectField-BYcZ8xUa.js";
+import { t as D } from "./_-BZTN6PmS.js";
+import { t as O } from "./style-CCnDB_V1.js";
+import { t as k } from "./ActionField-CCjWElNQ.js";
+//#region src/components/forms/CancelReservationForm.vue?vue&type=script&setup=true&lang.ts
+var A = { class: "konnectio-cancel-reservation-form" }, j = /* @__PURE__ */ S(/* @__PURE__ */ a({
+	__name: "CancelReservationForm",
+	setup(e) {
+		let { t: n } = p(), { display: a } = b(), { cancelReservation: o } = x(), u = s(() => [
+			{
+				label: n("cancelReservation.cancellationReasonRegret"),
+				value: y.Regret
+			},
+			{
+				label: n("cancelReservation.cancellationReasonMistake"),
+				value: y.BookingMistake
+			},
+			{
+				label: n("cancelReservation.cancellationReasonSickness"),
+				value: y.Sickness
+			},
+			{
+				label: n("cancelReservation.cancellationReasonTestBooking"),
+				value: y.TestBooking
+			},
+			{
+				label: n("cancelReservation.cancellationReasonBadWeather"),
+				value: y.BadWeather
+			},
+			{
+				label: n("cancelReservation.cancellationReasonOther"),
+				value: y.Other
+			}
+		]), d = l(""), m = l(void 0), h = l(""), g = l(!1), _ = l(!1);
+		function S() {
+			if (d.value === "") {
+				a({
+					message: n("alert.error.reservationIdEmpty"),
+					type: "error"
+				});
+				return;
+			}
+			_.value = !0;
+		}
+		function C() {
+			o({
+				id: d.value,
+				reason: m.value,
+				remark: h.value
+			}), _.value = !1;
+		}
+		return (e, a) => (c(), f("form", A, [_.value ? (c(), f(v, { key: 1 }, [
+			i(T, {
+				modelValue: m.value,
+				"onUpdate:modelValue": a[2] ||= (e) => m.value = e,
+				label: r(n)("cancelReservation.reasonLabel"),
+				placeholder: r(n)("cancelReservation.reasonPlaceholder"),
+				options: u.value,
+				searchable: !1,
+				icon: "ban"
+			}, null, 8, [
+				"modelValue",
+				"label",
+				"placeholder",
+				"options"
+			]),
+			i(w, {
+				modelValue: h.value,
+				"onUpdate:modelValue": a[3] ||= (e) => h.value = e,
+				type: "textarea",
+				name: "remark",
+				label: r(n)("cancelReservation.remarkLabel"),
+				icon: "info-circle",
+				placeholder: r(n)("cancelReservation.remarkPlaceholder")
+			}, null, 8, [
+				"modelValue",
+				"label",
+				"placeholder"
+			]),
+			i(E, {
+				label: r(n)("cancelReservation.confirmCancellationButton"),
+				"full-width": !0,
+				disabled: !1,
+				"is-loading": g.value,
+				"onUpdate:isLoading": a[4] ||= (e) => g.value = e,
+				onClickEvent: C
+			}, null, 8, ["label", "is-loading"])
+		], 64)) : (c(), t(k, {
+			key: 0,
+			modelValue: d.value,
+			"onUpdate:modelValue": a[0] ||= (e) => d.value = e,
+			icon: "octagon-check",
+			label: r(n)("cancelReservation.reservationIdLabel"),
+			buttonLabel: r(n)("cancelReservation.checkReservationIdButton"),
+			placeholder: r(n)("cancelReservation.reservationIdPlaceholder"),
+			"is-loading": g.value,
+			"onUpdate:isLoading": a[1] ||= (e) => g.value = e,
+			onAction: S
+		}, null, 8, [
+			"modelValue",
+			"label",
+			"buttonLabel",
+			"placeholder",
+			"is-loading"
+		]))]));
+	}
+}), [["__scopeId", "data-v-8e11fd35"]]), M = { class: "konnectio-cancel-reservation-module" }, N = { class: "konnectio-cancel-reservation-title" }, P = ["innerHTML"], F = { class: "konnectio-cancel-reservation-main" }, I = /* @__PURE__ */ S(/* @__PURE__ */ a({
+	name: "CancelReservationLayout",
+	__name: "CancelReservation",
+	props: {
+		accessToken: {},
+		styling: {}
+	},
+	setup(a) {
+		let { t: l } = p(), u = a, f = s(() => ({
+			panelMaxWidth: "800px",
+			...u.styling
+		}));
+		return (s, u) => (c(), t(C, { styling: f.value }, {
+			default: d(() => [(c(), t(o, null, {
+				default: d(() => [n("div", null, [i(D, { "access-token": a.accessToken }, {
+					default: d(() => [n("div", M, [
+						n("h2", N, [n("span", null, e(r(l)("cancelReservation.title")), 1)]),
+						n("div", {
+							innerHTML: r(l)("cancelReservation.cancellationNotice"),
+							class: "konnectio-cancel-reservation-description"
+						}, null, 8, P),
+						n("div", F, [i(j)])
+					])]),
+					_: 1
+				}, 8, ["access-token"])])]),
+				fallback: d(() => [...u[0] ||= [n("div", null, null, -1)]]),
+				_: 1
+			}))]),
+			_: 1
+		}, 8, ["styling"]));
+	}
+}), [["__scopeId", "data-v-6270ad61"]]), L = u(), R = _(), z = class extends HTMLElement {
+	vueApp;
+	constructor() {
+		super();
+	}
+	disconnectedCallback() {
+		this.vueApp.unmount();
+	}
+	connectedCallback() {
+		let e = g(I, this.attributes);
+		this.vueApp = m(I, e), this.vueApp.provide("emitter", R), this.vueApp.use(h), this.vueApp.use(L), this.vueApp.use(O);
+		let t = document.createElement("div");
+		this.vueApp.mount(t), this.appendChild(t.children[0]);
+	}
 };
-//# sourceMappingURL=cancel-reservation.js.map
+window.customElements.define("konnectio-cancel-reservation", z);
+//#endregion
+export { z as default };