@konnectio/core 4.6.0 → 4.7.1

package/dist/{ErrorMessage-DAJHMXps.js → ErrorMessage-D1MPQQle.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-CrqlbsOV.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({
@@ -26,6 +26,6 @@ var c = { class: "konnectio-notice" }, l = { class: "konnectio-notice-title" },
 			}, [...s[0] ||= [t("button", null, [t("span", null, "Need help?")], -1)]], 8, f)])
 		]));
 	}
-}), [["__scopeId", "data-v-103b8eff"]]);
+}), [["__scopeId", "data-v-eb4de3ab"]]);
 //#endregion
 export { p as t };

package/dist/{EventAvailabilityForm-CYqJiGK-.js → EventAvailabilityForm-D9PTCYNX.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-CrqlbsOV.js";
+import { n as C } from "./AvailabilitySkeleton-BFFLetWz.js";
 //#region src/components/forms/EventAvailabilityForm.vue?vue&type=script&setup=true&lang.ts
 var w = {
 	class: "konnectio-search-button",
@@ -109,6 +109,6 @@ var w = {
 			_: 1
 		})], 34));
 	}
-}), [["__scopeId", "data-v-fe590a00"]]);
+}), [["__scopeId", "data-v-1fe27ff0"]]);
 //#endregion
 export { T as t };

package/dist/{Field-Bot3mYQN.js → Field-BL-AoXBd.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-CrqlbsOV.js";
 //#region src/components/skeletons/_.vue?vue&type=script&setup=true&lang.ts
 var l = { class: "konnectio-placeholder" }, u = /*#__PURE__*/ c(/* @__PURE__ */ i({
 	__name: "_",
@@ -10,12 +10,12 @@ var l = { class: "konnectio-placeholder" }, u = /*#__PURE__*/ c(/* @__PURE__ */
 	},
 	setup(e) {
 		return s((e) => ({
-			v14bbc526: e.width,
-			b65ad340: e.height,
-			v68f07257: e.borderRadius
+			v5810229a: e.width,
+			dd92244c: e.height,
+			v23a0735e: e.borderRadius
 		})), (e, t) => (a(), o("div", l));
 	}
-}), [["__scopeId", "data-v-8d2eff15"]]), d = {
+}), [["__scopeId", "data-v-1b836f89"]]), d = {
 	key: 0,
 	class: "skeleton-field-label"
 }, f = { key: 1 }, p = /*#__PURE__*/ c(/* @__PURE__ */ i({
@@ -52,6 +52,6 @@ var l = { class: "konnectio-placeholder" }, u = /*#__PURE__*/ c(/* @__PURE__ */
 			"border-radius": "6px"
 		}, null, 8, ["height"])], 2));
 	}
-}), [["__scopeId", "data-v-6ef33e68"]]);
+}), [["__scopeId", "data-v-c072a208"]]);
 //#endregion
 export { u as n, p as t };

package/dist/{HotelAvailabilityForm-B7kyXx-7.js → HotelAvailabilityForm-C7eUUGs2.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-CrqlbsOV.js";
+import { n as _, p as pe } from "./AvailabilitySkeleton-BFFLetWz.js";
 //#region src/components/forms/HotelAvailabilityForm.vue?vue&type=script&setup=true&lang.ts
 var me = {
 	class: "konnectio-availability-location",
@@ -318,6 +318,6 @@ var me = {
 			_: 1
 		}, 8, ["class"])], 34));
 	}
-}), [["__scopeId", "data-v-439e714f"]]);
+}), [["__scopeId", "data-v-e07ca13f"]]);
 //#endregion
 export { v as t };

package/dist/{SelectField-hnSeKsyE.js → SelectField-CrqlbsOV.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.1",
 			"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
@@ -9537,7 +9550,7 @@ var Bm = {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, Pg = /*#__PURE__*/ Ng(Mg, [["__scopeId", "data-v-6d49975d"]]), Fg = {
+}, Pg = /*#__PURE__*/ Ng(Mg, [["__scopeId", "data-v-2999dd6a"]]), Fg = {
 	key: 0,
 	class: "konnectio-alert-message"
 }, Ig = /*#__PURE__*/ Ng(/* @__PURE__ */ g({
@@ -9559,7 +9572,7 @@ var Bm = {
 			role: "alert"
 		}, [s(r) ? (x(), N("div", Fg, [p(Pg, { icon: t[s(i)] }, null, 8, ["icon"]), o("span", null, n(s(r)), 1)])) : m("", !0)], 2));
 	}
-}), [["__scopeId", "data-v-46bf8609"]]), Lg = { class: "konnectio-container" }, Rg = /*#__PURE__*/ Ng(/* @__PURE__ */ g({
+}), [["__scopeId", "data-v-d76e20b7"]]), Lg = { class: "konnectio-container" }, Rg = /*#__PURE__*/ Ng(/* @__PURE__ */ g({
 	__name: "Container",
 	props: { styling: {} },
 	setup(e) {
@@ -9621,7 +9634,7 @@ var Bm = {
 			e.setProperty("--accentColor", n.value.accentColor), e.setProperty("--accentColorSecondary", n.value.accentColorSecondary), e.setProperty("--buttonBackground", n.value.buttonBackground), e.setProperty("--buttonBorder", n.value.buttonBorder), e.setProperty("--buttonBorderRadius", n.value.buttonBorderRadius), e.setProperty("--buttonColor", n.value.buttonColor), e.setProperty("--buttonFontFamily", n.value.buttonFontFamily), e.setProperty("--buttonFontSize", n.value.buttonFontSize), e.setProperty("--buttonFontWeight", n.value.buttonFontWeight), e.setProperty("--buttonTextTransform", n.value.buttonTextTransform), e.setProperty("--dangerColor", n.value.dangerColor), e.setProperty("--fontColor", n.value.fontColor), e.setProperty("--fontFamily", n.value.fontFamily), e.setProperty("--fontWeight", n.value.fontWeight), e.setProperty("--fontSize", n.value.fontSize), e.setProperty("--grayColor", n.value.grayColor), e.setProperty("--headerColor", n.value.headerColor), e.setProperty("--headerFontFamily", n.value.headerFontFamily), e.setProperty("--headerLetterSpacing", n.value.headerLetterSpacing), e.setProperty("--headerTextTransform", n.value.headerTextTransform), e.setProperty("--highlightBackground", n.value.highlightBackground), e.setProperty("--inputBackground", n.value.inputBackground), e.setProperty("--inputBorder", n.value.inputBorder), e.setProperty("--inputBorderRadius", n.value.inputBorderRadius), e.setProperty("--inputBorderWidth", n.value.inputBorderWidth), e.setProperty("--inputFontColor", n.value.inputFontColor), e.setProperty("--inputFontWeight", n.value.inputFontWeight), e.setProperty("--inputFontSize", n.value.inputFontSize), e.setProperty("--labelFontColor", n.value.labelFontColor), e.setProperty("--labelFontWeight", n.value.labelFontWeight), e.setProperty("--labelFontSize", n.value.labelFontSize), e.setProperty("--labelPadding", n.value.labelPadding), e.setProperty("--labelTextTransform", n.value.labelTextTransform), e.setProperty("--linkColor", n.value.linkColor), e.setProperty("--linkHoverColor", n.value.linkHoverColor), e.setProperty("--loadingColor", n.value.loadingColor), e.setProperty("--panelBackground", n.value.panelBackground), e.setProperty("--panelBorder", n.value.panelBorder), e.setProperty("--panelBorderRadius", n.value.panelBorderRadius), e.setProperty("--panelInnerPadding", n.value.panelInnerPadding), e.setProperty("--panelMaxWidth", n.value.panelMaxWidth), e.setProperty("--panelPadding", n.value.panelPadding), e.setProperty("--panelSectionBackground", n.value.panelSectionBackground), e.setProperty("--panelSectionBorder", n.value.panelSectionBorder), e.setProperty("--panelSectionBorderRadius", n.value.panelSectionBorderRadius), e.setProperty("--panelShadow", n.value.panelShadow), e.setProperty("--successColor", n.value.successColor), e.setProperty("--stepBarBorderRadius", n.value.stepBarBorderRadius), e.setProperty("--stepBarBackground", n.value.stepBarBackground);
 		}), (e, t) => (x(), N("div", null, [o("div", Lg, [O(e.$slots, "default", {}, void 0, !0)]), p(Ig, { "local-domain": "global" })]));
 	}
-}), [["__scopeId", "data-v-9e36fdbf"]]), zg = /*#__PURE__*/ Ng(/* @__PURE__ */ g({
+}), [["__scopeId", "data-v-30a34810"]]), zg = /*#__PURE__*/ Ng(/* @__PURE__ */ g({
 	__name: "Loading",
 	props: {
 		color: {},
@@ -9638,11 +9651,11 @@ var Bm = {
 			o("div", { style: ne({ background: e.color }) }, null, 4)
 		], 2));
 	}
-}), [["__scopeId", "data-v-38453619"]]), Bg = {}, Vg = { class: "konnectio-spinner" };
+}), [["__scopeId", "data-v-03f93282"]]), Bg = {}, Vg = { class: "konnectio-spinner" };
 function Hg(e, t) {
 	return x(), N("div", Vg, [...t[0] ||= [o("span", null, null, -1)]]);
 }
-var Ug = /*#__PURE__*/ Ng(Bg, [["render", Hg], ["__scopeId", "data-v-88ad2e2d"]]), Wg = [
+var Ug = /*#__PURE__*/ Ng(Bg, [["render", Hg], ["__scopeId", "data-v-9fca0a3f"]]), Wg = [
 	"type",
 	"tabindex",
 	"disabled"
@@ -9721,7 +9734,7 @@ var Ug = /*#__PURE__*/ Ng(Bg, [["render", Hg], ["__scopeId", "data-v-88ad2e2d"]]
 			})])
 		], 64))], 10, Wg));
 	}
-}), [["__scopeId", "data-v-540a1086"]]), Xg = { class: "konnectio-input-field" }, Zg = ["for"], Qg = { key: 0 }, $g = {
+}), [["__scopeId", "data-v-62d9a593"]]), Xg = { class: "konnectio-input-field" }, Zg = ["for"], Qg = { key: 0 }, $g = {
 	key: 0,
 	class: "konnectio-description-label"
 }, e_ = ["for"], t_ = {
@@ -9801,7 +9814,7 @@ var Ug = /*#__PURE__*/ Ng(Bg, [["render", Hg], ["__scopeId", "data-v-88ad2e2d"]]
 			e.description && e.descriptionPlacement === "field" ? (x(), N("div", t_, [o("span", { innerHTML: e.description }, null, 8, n_)])) : m("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-b0727f34"]]), i_ = [
+}), [["__scopeId", "data-v-53b78f27"]]), i_ = [
 	"top",
 	"right",
 	"bottom",
@@ -10659,7 +10672,7 @@ var rv = /* @__PURE__ */ g({
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-f895770d"]]), dv = Object.defineProperty, fv = Object.defineProperties, pv = Object.getOwnPropertyDescriptors, mv = Object.getOwnPropertySymbols, hv = Object.prototype.hasOwnProperty, gv = Object.prototype.propertyIsEnumerable, _v = (e, t, n) => t in e ? dv(e, t, {
+}), [["__scopeId", "data-v-055d391b"]]), dv = Object.defineProperty, fv = Object.defineProperties, pv = Object.getOwnPropertyDescriptors, mv = Object.getOwnPropertySymbols, hv = Object.prototype.hasOwnProperty, gv = Object.prototype.propertyIsEnumerable, _v = (e, t, n) => t in e ? dv(e, t, {
 	enumerable: !0,
 	configurable: !0,
 	writable: !0,

package/dist/{TermsOfService-BNMlDWlr.js → TermsOfService-_e6yKE8q.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-CrqlbsOV.js";
+import { a as l } from "./CheckoutWindow-AsI3_Bzr.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",
@@ -12,6 +12,6 @@ var u = { class: "konnectio-terms-side-panel" }, d = ["innerHTML"], f = /*#__PUR
 			_: 1
 		}, 8, ["title"]));
 	}
-}), [["__scopeId", "data-v-486f73de"]]);
+}), [["__scopeId", "data-v-107b46b8"]]);
 //#endregion
 export { f as t };

package/dist/{_-C-uU-YJK.js → _-Dtly1pXI.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-CrqlbsOV.js";
 //#region src/layouts/_.vue?vue&type=script&setup=true&lang.ts
 var s = {
 	class: "konnectio-app",

package/dist/_-Dtly1pXI.js.gz

@@ -0,0 +1,3 @@
+x�eRێ�0}n�bP�Tn"*�BU���$V@A�"י,�������*��8�BE,{f�9s�]g]�0 < ��:�����պ�wf�	j��[���ￗ�}���#�*��60���M���8�ީ��o�a���L`{��ex�P7�w�Vo��oGNU=qx��
�d����ૺ�G|Eg��t�S�!v��ȭ��)����<d���/ �Zc(��s�u9�&[ro��<�9H�W��u}��|Y׳
+#�;$�[�}�HԺ�u�:g;�@�����j�h��Sp�*�74؊���5���B덐��&�%��HZbX���N� 9h�9�Q��i�ȡ� ���*(�r��
+,+�$�H���d��-+`�"��I�E�A�	u���:c4����>`:v��?#�ɨ�0��Ij����<�w˧^�@F>�0/�9<�(Rk}���T3��{@߇�d�c�����rX14�q�2�wT���Շ~��
~��

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-CNKW8-tw.js";
+import { C as w, S as T, b as E } from "./SelectField-CrqlbsOV.js";
+import { t as D } from "./_-Dtly1pXI.js";
+import { t as O } from "./AvailabilitySkeleton-BFFLetWz.js";
+import { t as k } from "./HotelAvailabilityForm-C7eUUGs2.js";
+import { t as A } from "./EventAvailabilityForm-D9PTCYNX.js";
+import { t as j } from "./ErrorMessage-D1MPQQle.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,31 +70,18 @@ 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."
+				description: "The 'hotel-link' and/or 'event-link' properties are missing.<br>\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]);
-	}
-};
-window.customElements.define("konnectio-availability", z);
+}), [["__scopeId", "data-v-d4cca1d0"]]), 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-CrqlbsOV.js";
+import { t as E } from "./_-Dtly1pXI.js";
+import { t as D } from "./style-jcOhDNFr.js";
+import { t as O } from "./ActionField-VBqFo88z.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-042c89f5"]]), 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-8f3d2709"]]), 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 };