@konnectio/core 4.6.0 → 4.7.0

package/dist/{ActionField-B7UmJY0Z.js → ActionField-DcJ46kr8.js}

@@ -1,5 +1,5 @@
-import { D as e, E as t, Et as n, M as r, P as i, T as a, Y as o, dt as s, v as c } from "./mitt-CC88Lv06.js";
-import { S as l, W as u, _ as d, n as f, r as p, t as m, v as h } from "./SelectField-hnSeKsyE.js";
+import { D as e, E as t, Et as n, M as r, P as i, T as a, Y as o, dt as s, v as c } from "./mitt-D_sfUt2u.js";
+import { S as l, W as u, _ as d, n as f, r as p, t as m, v as h } from "./SelectField-BuepNFGh.js";
 //#region src/components/inputs/grouped/ActionField.vue?vue&type=script&setup=true&lang.ts
 var g = { class: "konnectio-action-field" }, _ = /*#__PURE__*/ l(/* @__PURE__ */ i({
 	__name: "ActionField",

package/dist/{AvailabilitySkeleton-BUHF365q.js → AvailabilitySkeleton-D_WemNm7.js}

@@ -1,6 +1,6 @@
-import { $ as e, A as t, At as n, C as r, D as i, Dt as a, E as o, Et as s, G as c, H as l, I as u, J as d, L as f, M as p, O as m, Ot as h, P as g, R as _, St as v, T as y, Tt as b, V as x, Y as S, Z as C, _ as w, _t as T, bt as E, ct as D, d as O, dt as k, et as A, ft as j, ht as M, j as ee, k as N, kt as P, l as F, lt as I, q as te, rt as L, st as R, u as z, v as ne, vt as re, wt as ie, x as B, xt as V, y as H, yt as U, z as W } from "./mitt-CC88Lv06.js";
-import { C as ae, E as oe, N as G, R as K, S as q, T as se, V as ce, W as le, _ as ue, c as de, d as fe, dt as pe, f as me, g as he, h as ge, i as _e, l as ve, m as ye, o as be, ot as xe, p as Se, q as Ce, s as we, st as Te, ut as Ee } from "./SelectField-hnSeKsyE.js";
-import { n as De, t as Oe } from "./Field-Bot3mYQN.js";
+import { $ as e, A as t, At as n, C as r, D as i, Dt as a, E as o, Et as s, G as c, H as l, I as u, J as d, L as f, M as p, O as m, Ot as h, P as g, R as _, St as v, T as y, Tt as b, V as x, Y as S, Z as C, _ as w, _t as T, bt as E, ct as D, d as O, dt as k, et as A, ft as j, ht as M, j as ee, k as N, kt as P, l as F, lt as I, q as te, rt as L, st as R, u as z, v as ne, vt as re, wt as ie, x as B, xt as V, y as H, yt as U, z as W } from "./mitt-D_sfUt2u.js";
+import { C as ae, E as oe, N as G, R as K, S as q, T as se, V as ce, W as le, _ as ue, c as de, d as fe, dt as pe, f as me, g as he, h as ge, i as _e, l as ve, m as ye, o as be, ot as xe, p as Se, q as Ce, s as we, st as Te, ut as Ee } from "./SelectField-BuepNFGh.js";
+import { n as De, t as Oe } from "./Field-C0HFlyA-.js";
 //#region src/store/calendar.ts
 var ke = F("calendar", () => {
 	let e = E({}), t = E(!1), n = E([]), r = E(null), i = ae();

package/dist/{CheckoutWindow-0YZfQh0h.js → CheckoutWindow-Cxf3LsRu.js}

@@ -1,5 +1,5 @@
-import { A as e, At as t, C as n, D as r, Dt as i, E as a, Et as o, H as s, M as c, O as l, P as u, T as d, U as f, V as p, W as ee, Y as m, _ as h, bt as g, d as _, dt as v, et as y, ft as b, j as x, k as S, kt as C, lt as w, o as T, q as E, st as te, tt as ne, u as re, v as D } from "./mitt-CC88Lv06.js";
-import { E as O, F as ie, S as k, W as A, _ as j, it as ae, n as M, x as N } from "./SelectField-hnSeKsyE.js";
+import { A as e, At as t, C as n, D as r, Dt as i, E as a, Et as o, H as s, M as c, O as l, P as u, T as d, U as f, V as p, W as ee, Y as m, _ as h, bt as g, d as _, dt as v, et as y, ft as b, j as x, k as S, kt as C, lt as w, o as T, q as E, st as te, tt as ne, u as re, v as D } from "./mitt-D_sfUt2u.js";
+import { E as O, F as ie, S as k, W as A, _ as j, it as ae, n as M, x as N } from "./SelectField-BuepNFGh.js";
 //#region node_modules/body-scroll-lock/lib/bodyScrollLock.esm.js
 function P(e) {
 	if (Array.isArray(e)) {

package/dist/{ErrorMessage-DAJHMXps.js → ErrorMessage-CWRDhW-r.js}

@@ -1,5 +1,5 @@
-import { At as e, E as t, P as n, T as r, Y as i, k as a } from "./mitt-CC88Lv06.js";
-import { S as o, V as s } from "./SelectField-hnSeKsyE.js";
+import { At as e, E as t, P as n, T as r, Y as i, k as a } from "./mitt-D_sfUt2u.js";
+import { S as o, V as s } from "./SelectField-BuepNFGh.js";
 //#endregion
 //#region src/components/ErrorMessage.vue?vue&type=script&setup=true&lang.ts
 var c = { class: "konnectio-notice" }, l = { class: "konnectio-notice-title" }, u = ["innerHTML"], d = { class: "konnectio-notice-help" }, f = ["href"], p = /*#__PURE__*/ o(/* @__PURE__ */ n({

package/dist/{EventAvailabilityForm-CYqJiGK-.js → EventAvailabilityForm--wnnA59l.js}

@@ -1,6 +1,6 @@
-import { D as e, Dt as t, Et as n, M as r, O as i, P as a, T as o, Y as s, bt as c, dt as l, f as u, k as d, o as f, u as p, x as m, y as h } from "./mitt-CC88Lv06.js";
-import { C as g, S as _, V as v, n as y, t as b, v as x, w as S } from "./SelectField-hnSeKsyE.js";
-import { n as C } from "./AvailabilitySkeleton-BUHF365q.js";
+import { D as e, Dt as t, Et as n, M as r, O as i, P as a, T as o, Y as s, bt as c, dt as l, f as u, k as d, o as f, u as p, x as m, y as h } from "./mitt-D_sfUt2u.js";
+import { C as g, S as _, V as v, n as y, t as b, v as x, w as S } from "./SelectField-BuepNFGh.js";
+import { n as C } from "./AvailabilitySkeleton-D_WemNm7.js";
 //#region src/components/forms/EventAvailabilityForm.vue?vue&type=script&setup=true&lang.ts
 var w = {
 	class: "konnectio-search-button",

package/dist/{Field-Bot3mYQN.js → Field-C0HFlyA-.js}

@@ -1,5 +1,5 @@
-import { D as e, Dt as t, M as n, O as r, P as i, Y as a, k as o, m as s } from "./mitt-CC88Lv06.js";
-import { S as c } from "./SelectField-hnSeKsyE.js";
+import { D as e, Dt as t, M as n, O as r, P as i, Y as a, k as o, m as s } from "./mitt-D_sfUt2u.js";
+import { S as c } from "./SelectField-BuepNFGh.js";
 //#region src/components/skeletons/_.vue?vue&type=script&setup=true&lang.ts
 var l = { class: "konnectio-placeholder" }, u = /*#__PURE__*/ c(/* @__PURE__ */ i({
 	__name: "_",

package/dist/{HotelAvailabilityForm-B7kyXx-7.js → HotelAvailabilityForm-CXhF2zZd.js}

@@ -1,6 +1,6 @@
-import { D as e, Dt as t, E as n, Et as r, M as i, O as a, P as o, T as s, Y as c, bt as l, dt as ee, f as te, k as u, lt as d, o as ne, q as re, u as f, y as ie } from "./mitt-CC88Lv06.js";
-import { C as p, E as m, M as ae, O as oe, S as h, V as se, ft as ce, k as le, n as ue, r as g, t as de, v as fe } from "./SelectField-hnSeKsyE.js";
-import { n as _, p as pe } from "./AvailabilitySkeleton-BUHF365q.js";
+import { D as e, Dt as t, E as n, Et as r, M as i, O as a, P as o, T as s, Y as c, bt as l, dt as ee, f as te, k as u, lt as d, o as ne, q as re, u as f, y as ie } from "./mitt-D_sfUt2u.js";
+import { C as p, E as m, M as ae, O as oe, S as h, V as se, ft as ce, k as le, n as ue, r as g, t as de, v as fe } from "./SelectField-BuepNFGh.js";
+import { n as _, p as pe } from "./AvailabilitySkeleton-D_WemNm7.js";
 //#region src/components/forms/HotelAvailabilityForm.vue?vue&type=script&setup=true&lang.ts
 var me = {
 	class: "konnectio-availability-location",

package/dist/{SelectField-hnSeKsyE.js → SelectField-BuepNFGh.js}

@@ -1,5 +1,5 @@
 import { n as e } from "./rolldown-runtime-Dqa2HsxW.js";
-import { $ as t, At as n, Ct as r, D as i, Dt as a, E as o, Et as s, F as c, G as l, H as u, I as d, L as f, M as p, O as m, Ot as h, P as g, St as _, T as v, Tt as y, V as b, Y as x, _ as S, _t as C, at as w, bt as T, d as E, dt as D, et as O, ft as k, g as A, h as j, ht as M, i as ee, j as te, k as N, kt as ne, l as P, lt as F, mt as re, n as I, nt as L, o as ie, q as ae, rt as oe, t as se, u as ce, vt as le, wt as ue, x as R, xt as de, y as fe, yt as pe } from "./mitt-CC88Lv06.js";
+import { $ as t, At as n, Ct as r, D as i, Dt as a, E as o, Et as s, F as c, G as l, H as u, I as d, L as f, M as p, O as m, Ot as h, P as g, St as _, T as v, Tt as y, V as b, Y as x, _ as S, _t as C, at as w, bt as T, d as E, dt as D, et as O, ft as k, g as A, h as j, ht as M, i as ee, j as te, k as N, kt as ne, l as P, lt as F, mt as re, n as I, nt as L, o as ie, q as ae, rt as oe, t as se, u as ce, vt as le, wt as ue, x as R, xt as de, y as fe, yt as pe } from "./mitt-D_sfUt2u.js";
 //#region node_modules/@vueuse/shared/dist/index.js
 function me(e, t) {
 	return M() ? (C(e, t), !0) : !1;
@@ -4467,6 +4467,11 @@ var Sc = P("applyGiftCard", () => {
 					message: I.t("alert.error.memberCardInvalid"),
 					type: "error"
 				}));
+			}).catch(() => {
+				a({
+					message: I.t("alert.error.memberCardInvalid"),
+					type: "error"
+				});
 			});
 		} else a({
 			message: I.t("alert.error.memberCardEmpty"),
@@ -4781,7 +4786,7 @@ var Sc = P("applyGiftCard", () => {
 	async function Ae() {
 		await jc().get("/utility/get-settings-and-translations").then((n) => {
 			let { settings: a, hotelSettings: o, translations: s } = n.data;
-			r.value = a, i.value = o, isNaN(e.adults) && (e.adults = a.defaultAdultAmount), isNaN(e.children) && (e.children = a.defaultChildAmount), e.arrivalDate === null && (e.arrivalDate = Ee()), e.departureDate === null && (e.departureDate = De()), ee(s), r.value.enableTracking && t.setup();
+			a && (r.value = a, i.value = o, isNaN(e.adults) && (e.adults = a.defaultAdultAmount), isNaN(e.children) && (e.children = a.defaultChildAmount), e.arrivalDate === null && (e.arrivalDate = Ee()), e.departureDate === null && (e.departureDate = De()), ee(s), r.value.enableTracking && t.setup());
 		}).catch(() => {
 			n({
 				message: I.t("alert.error.couldntFetchMetadata"),
@@ -4866,16 +4871,24 @@ async function Ac() {
 	return Oc.value = Dc().bearerToken, Promise.resolve();
 }
 function jc() {
-	let e = window.KONNECTIO_API_URL_OVERRIDE ?? "https://production.hotel-service.konnectio.com";
-	return q.create({
+	let e = window.KONNECTIO_API_URL_OVERRIDE ?? "https://production.hotel-service.konnectio.com", t = q.create({
 		baseURL: `${e}/api`,
 		headers: {
 			Accept: "application/json",
 			Authorization: Oc.value,
-			"Konnectio-Version": "4.6.0",
+			"Konnectio-Version": "4.7.0",
 			"Konnectio-Ref": kc.ref
 		}
 	});
+	return t.interceptors.response.use(void 0, (e) => {
+		let n = e?.config;
+		if (e?.response?.status === 429 && n && (n.__retryCount ?? 0) < 2) {
+			n.__retryCount = (n.__retryCount ?? 0) + 1;
+			let r = e.response.headers?.["retry-after"], i = r && /^\d+$/.test(r) ? Math.min(Number(r) * 1e3, 5e3) : Math.min(1e3 * 2 ** n.__retryCount, 5e3);
+			return new Promise((e) => setTimeout(e, i)).then(() => t.request(n));
+		}
+		return Promise.reject(e);
+	}), t;
 }
 //#endregion
 //#region src/store/event.ts

package/dist/{TermsOfService-BNMlDWlr.js → TermsOfService-CI6N0yyP.js}

@@ -1,6 +1,6 @@
-import { D as e, E as t, Et as n, P as r, Y as i, dt as a, o } from "./mitt-CC88Lv06.js";
-import { I as s, S as c } from "./SelectField-hnSeKsyE.js";
-import { a as l } from "./CheckoutWindow-0YZfQh0h.js";
+import { D as e, E as t, Et as n, P as r, Y as i, dt as a, o } from "./mitt-D_sfUt2u.js";
+import { I as s, S as c } from "./SelectField-BuepNFGh.js";
+import { a as l } from "./CheckoutWindow-Cxf3LsRu.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",

package/dist/TermsOfService-CI6N0yyP.js.gz

@@ -0,0 +1 @@
+x�]R�j�0}���@�yM����[i�	�,�1�8Q���$oS�{���i��4ҹ�0j�[��8��C<���N�{D% ��F�bD��l^�U�Q����r���� UO�g�XDl����

package/dist/{_-C-uU-YJK.js → _-CrX9aXtd.js}

@@ -1,6 +1,6 @@
 import { n as e } from "./rolldown-runtime-Dqa2HsxW.js";
-import { P as t, Y as n, et as r, k as i, ut as a } from "./mitt-CC88Lv06.js";
-import { E as o } from "./SelectField-hnSeKsyE.js";
+import { P as t, Y as n, et as r, k as i, ut as a } from "./mitt-D_sfUt2u.js";
+import { E as o } from "./SelectField-BuepNFGh.js";
 //#region src/layouts/_.vue?vue&type=script&setup=true&lang.ts
 var s = {
 	class: "konnectio-app",

package/dist/availability.js

@@ -1,13 +1,13 @@
-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-CC88Lv06.js";
-import { t as w } from "./dist-BRLG6yf0.js";
-import { C as T, S as E, b as D } from "./SelectField-hnSeKsyE.js";
-import { t as O } from "./_-C-uU-YJK.js";
-import { t as k } from "./AvailabilitySkeleton-BUHF365q.js";
-import { t as A } from "./HotelAvailabilityForm-B7kyXx-7.js";
-import { t as j } from "./EventAvailabilityForm-CYqJiGK-.js";
-import { t as M } from "./ErrorMessage-DAJHMXps.js";
+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, q as _, r as v, s as y, t as b, x, y as S } from "./mitt-D_sfUt2u.js";
+import { t as C } from "./dist-Bmb1V_bQ.js";
+import { C as w, S as T, b as E } from "./SelectField-BuepNFGh.js";
+import { t as D } from "./_-CrX9aXtd.js";
+import { t as O } from "./AvailabilitySkeleton-D_WemNm7.js";
+import { t as k } from "./HotelAvailabilityForm-CXhF2zZd.js";
+import { t as A } from "./EventAvailabilityForm--wnnA59l.js";
+import { t as j } from "./ErrorMessage-CWRDhW-r.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({
+var M = { class: "konnectio-availability-module" }, N = { class: "konnectio-availability-navigation" }, P = { class: "konnectio-availability-search-form" }, F = /*#__PURE__*/ T(/* @__PURE__ */ s({
 	name: "AvailabilityLayout",
 	__name: "Availability",
 	props: {
@@ -22,30 +22,30 @@ var N = { class: "konnectio-availability-module" }, P = { class: "konnectio-avai
 		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(() => ({
+		let { t: f } = g(), { fetchMetadata: v } = w(), y = s, b = d(), C = l(() => !!y.hotelLink || !!y.eventLink), T = l(() => !!y.hotelLink && !!y.eventLink), F = l(() => b.value === "hotel"), I = l(() => b.value === "event"), L = (e) => b.value = e, R = l(() => ({
 			fontSize: "13px",
 			...y.styling
 		}));
-		return v(() => {
+		return _(() => {
 			!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, {
+		}), (l, d) => (u(), t(E, { styling: R.value }, {
+			default: m(() => [C.value ? (u(), t(c, { key: 0 }, {
+				default: m(() => [r("div", null, [a(D, {
 					"access-token": s.accessToken,
-					callback: i(_)
+					callback: i(v)
 				}, {
-					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"])
+					default: m(() => [r("div", M, [T.value ? (u(), h(x, { key: 0 }, [r("nav", N, [r("ul", null, [r("li", null, [r("button", {
+						class: n({ active: F.value }),
+						onClick: d[0] ||= S((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, {
+						onClick: d[1] ||= S((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", P, [a(p, {
 						name: "fade",
 						mode: "out-in",
 						appear: ""
 					}, {
-						default: m(() => [E.value ? (u(), t(A, {
+						default: m(() => [F.value ? (u(), t(k, {
 							key: 0,
 							link: s.hotelLink,
 							"selected-location": Number(s.hotelLocation),
@@ -56,7 +56,7 @@ var N = { class: "konnectio-availability-module" }, P = { class: "konnectio-avai
 							"selected-location",
 							"disable-default-location",
 							"hide-locations"
-						])) : I.value ? (u(), t(j, {
+						])) : I.value ? (u(), t(A, {
 							key: 1,
 							link: s.eventLink,
 							"selected-location": Number(s.eventLocation),
@@ -70,9 +70,9 @@ var N = { class: "konnectio-availability-module" }, P = { class: "konnectio-avai
 					})])])]),
 					_: 1
 				}, 8, ["access-token", "callback"])])]),
-				fallback: m(() => [r("div", null, [a(k, { view: w.value ? "both" : b.value }, null, 8, ["view"])])]),
+				fallback: m(() => [r("div", null, [a(O, { view: T.value ? "both" : b.value }, null, 8, ["view"])])]),
 				_: 1
-			})) : (u(), t(M, {
+			})) : (u(), t(j, {
 				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."
@@ -80,21 +80,8 @@ var N = { class: "konnectio-availability-module" }, P = { class: "konnectio-avai
 			_: 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]);
-	}
-};
-window.customElements.define("konnectio-availability", z);
+}), [["__scopeId", "data-v-a8e928a0"]]), I = f(), L = b(), R = y("konnectio-availability", F, (e) => {
+	e.provide("emitter", L), e.use(C), e.use(v), e.use(I);
+});
 //#endregion
-export { z as default };
+export { R as default };

package/dist/cancel-reservation.js

@@ -1,38 +1,38 @@
-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-CC88Lv06.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-hnSeKsyE.js";
-import { t as D } from "./_-C-uU-YJK.js";
-import { t as O } from "./style-BYpuwNCr.js";
-import { t as k } from "./ActionField-B7UmJY0Z.js";
+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, r as m, s as h, t as g, x as _ } from "./mitt-D_sfUt2u.js";
+import { $ as v, M as y, O as b, S as x, b as S, n as C, t as w, v as T } from "./SelectField-BuepNFGh.js";
+import { t as E } from "./_-CrX9aXtd.js";
+import { t as D } from "./style-DxH0isic.js";
+import { t as O } from "./ActionField-DcJ46kr8.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({
+var k = { class: "konnectio-cancel-reservation-form" }, A = /*#__PURE__*/ x(/* @__PURE__ */ a({
 	__name: "CancelReservationForm",
 	setup(e) {
-		let { t: n } = p(), { display: a } = b(), { cancelReservation: o } = x(), u = s(() => [
+		let { t: n } = p(), { display: a } = y(), { cancelReservation: o } = b(), u = s(() => [
 			{
 				label: n("cancelReservation.cancellationReasonRegret"),
-				value: y.Regret
+				value: v.Regret
 			},
 			{
 				label: n("cancelReservation.cancellationReasonMistake"),
-				value: y.BookingMistake
+				value: v.BookingMistake
 			},
 			{
 				label: n("cancelReservation.cancellationReasonSickness"),
-				value: y.Sickness
+				value: v.Sickness
 			},
 			{
 				label: n("cancelReservation.cancellationReasonTestBooking"),
-				value: y.TestBooking
+				value: v.TestBooking
 			},
 			{
 				label: n("cancelReservation.cancellationReasonBadWeather"),
-				value: y.BadWeather
+				value: v.BadWeather
 			},
 			{
 				label: n("cancelReservation.cancellationReasonOther"),
-				value: y.Other
+				value: v.Other
 			}
-		]), d = l(""), m = l(void 0), h = l(""), g = l(!1), _ = l(!1);
+		]), d = l(""), m = l(void 0), h = l(""), g = l(!1), x = l(!1);
 		function S() {
 			if (d.value === "") {
 				a({
@@ -41,17 +41,17 @@ var A = { class: "konnectio-cancel-reservation-form" }, j = /*#__PURE__*/ S(/* @
 				});
 				return;
 			}
-			_.value = !0;
+			x.value = !0;
 		}
-		function C() {
+		function E() {
 			o({
 				id: d.value,
 				reason: m.value,
 				remark: h.value
-			}), _.value = !1;
+			}), x.value = !1;
 		}
-		return (e, a) => (c(), f("form", A, [_.value ? (c(), f(v, { key: 1 }, [
-			i(T, {
+		return (e, a) => (c(), f("form", k, [x.value ? (c(), f(_, { key: 1 }, [
+			i(w, {
 				modelValue: m.value,
 				"onUpdate:modelValue": a[2] ||= (e) => m.value = e,
 				label: r(n)("cancelReservation.reasonLabel"),
@@ -65,7 +65,7 @@ var A = { class: "konnectio-cancel-reservation-form" }, j = /*#__PURE__*/ S(/* @
 				"placeholder",
 				"options"
 			]),
-			i(w, {
+			i(C, {
 				modelValue: h.value,
 				"onUpdate:modelValue": a[3] ||= (e) => h.value = e,
 				type: "textarea",
@@ -78,15 +78,15 @@ var A = { class: "konnectio-cancel-reservation-form" }, j = /*#__PURE__*/ S(/* @
 				"label",
 				"placeholder"
 			]),
-			i(E, {
+			i(T, {
 				label: r(n)("cancelReservation.confirmCancellationButton"),
 				"full-width": !0,
 				disabled: !1,
 				"is-loading": g.value,
 				"onUpdate:isLoading": a[4] ||= (e) => g.value = e,
-				onClickEvent: C
+				onClickEvent: E
 			}, null, 8, ["label", "is-loading"])
-		], 64)) : (c(), t(k, {
+		], 64)) : (c(), t(O, {
 			key: 0,
 			modelValue: d.value,
 			"onUpdate:modelValue": a[0] ||= (e) => d.value = e,
@@ -105,7 +105,7 @@ var A = { class: "konnectio-cancel-reservation-form" }, j = /*#__PURE__*/ S(/* @
 			"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({
+}), [["__scopeId", "data-v-8e11fd35"]]), j = { class: "konnectio-cancel-reservation-module" }, M = { class: "konnectio-cancel-reservation-title" }, N = ["innerHTML"], P = { class: "konnectio-cancel-reservation-main" }, F = /*#__PURE__*/ x(/* @__PURE__ */ a({
 	name: "CancelReservationLayout",
 	__name: "CancelReservation",
 	props: {
@@ -117,16 +117,16 @@ var A = { class: "konnectio-cancel-reservation-form" }, j = /*#__PURE__*/ S(/* @
 			panelMaxWidth: "800px",
 			...u.styling
 		}));
-		return (s, u) => (c(), t(C, { styling: f.value }, {
+		return (s, u) => (c(), t(S, { 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)]),
+				default: d(() => [n("div", null, [i(E, { "access-token": a.accessToken }, {
+					default: d(() => [n("div", j, [
+						n("h2", M, [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)])
+						}, null, 8, N),
+						n("div", P, [i(A)])
 					])]),
 					_: 1
 				}, 8, ["access-token"])])]),
@@ -136,21 +136,8 @@ var A = { class: "konnectio-cancel-reservation-form" }, j = /*#__PURE__*/ S(/* @
 			_: 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]);
-	}
-};
-window.customElements.define("konnectio-cancel-reservation", z);
+}), [["__scopeId", "data-v-6270ad61"]]), I = u(), L = g(), R = h("konnectio-cancel-reservation", F, (e) => {
+	e.provide("emitter", L), e.use(m), e.use(I), e.use(D);
+});
 //#endregion
-export { z as default };
+export { R as default };