@konnectio/core 4.0.56-rc44 → 4.0.56-rc46

package/dist/availability.js

@@ -1,19 +1,19 @@
-import { d as C, r as E, c as k, h as I, o as u, b as v, w as m, S, g as a, f as b, a as T, n as g, i as L, t as _, u as h, F as M, e as w, T as N, p as B, j as D, k as z } from "./_commonjsHelpers-BnQF6Gki.js";
-import { h as F, m as H, n as P, _ as V, o as $, p as j, q as O } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-hMDyUv2Y.js";
-import { c as U } from "./sentry-6-6DYT4Z.js";
-import { _ as Z } from "./_.vue_vue_type_style_index_0_lang-C_NfK1xz.js";
-import { H as q, A as K } from "./AvailabilitySkeleton-DDFsTOcT.js";
-import { E as G } from "./EventAvailabilityForm-BJ6gzh6V.js";
-import { E as J } from "./ErrorMessage-bD3z1ENc.js";
+import { d as C, r as E, c as f, h as I, o as p, b as v, w as d, S, g as a, f as y, a as T, n as A, i as _, t as g, u as h, F as N, e as L, T as B, p as D, j as M, k as z } from "./_commonjsHelpers-ytV6SVHa.js";
+import { h as F, m as H, n as P, _ as V, o as j, p as O, q as $ } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-eIGiZxmD.js";
+import { c as U } from "./sentry-D1A53_C5.js";
+import { _ as Z } from "./_.vue_vue_type_style_index_0_lang-BLztxup-.js";
+import { H as q, A as K } from "./AvailabilitySkeleton-6QuYlrqw.js";
+import { E as G } from "./EventAvailabilityForm-BfhYKChb.js";
+import { E as J } from "./ErrorMessage-B0Hm-dJ0.js";
 import "./navigation.js";
 (function() {
   try {
     var n = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, i = new Error().stack;
-    i && (n._sentryDebugIds = n._sentryDebugIds || {}, n._sentryDebugIds[i] = "92a10b5c-f466-4390-b303-39a85c54a9aa", n._sentryDebugIdIdentifier = "sentry-dbid-92a10b5c-f466-4390-b303-39a85c54a9aa");
+    i && (n._sentryDebugIds = n._sentryDebugIds || {}, n._sentryDebugIds[i] = "ae2ba670-e23a-4c5b-bf09-6bf3ba253f8b", n._sentryDebugIdIdentifier = "sentry-dbid-ae2ba670-e23a-4c5b-bf09-6bf3ba253f8b");
   } catch {
   }
 })();
-const Q = (n) => (B("data-v-cfc258d3"), n = n(), D(), n), R = { class: "konnectio-availability-module" }, W = { class: "konnectio-availability-navigation" }, X = /* @__PURE__ */ Q(() => /* @__PURE__ */ a("div", { class: "konnectio-availability-divider" }, null, -1)), Y = { class: "konnectio-availability-search-form" }, x = /* @__PURE__ */ C({
+const Q = (n) => (D("data-v-80b2a82c"), n = n(), M(), n), R = { class: "konnectio-availability-module" }, W = { class: "konnectio-availability-navigation" }, X = /* @__PURE__ */ Q(() => /* @__PURE__ */ a("div", { class: "konnectio-availability-divider" }, null, -1)), Y = { class: "konnectio-availability-search-form" }, x = /* @__PURE__ */ C({
   name: "AvailabilityLayout",
   __name: "Availability",
   props: {
@@ -25,59 +25,59 @@ const Q = (n) => (B("data-v-cfc258d3"), n = n(), D(), n), R = { class: "konnecti
     styling: {}
   },
   setup(n) {
-    const { t: i } = F(), { fetchMetadata: c } = H(), s = n, l = E(), f = k(() => !!s.hotelLink || !!s.eventLink), r = k(() => !!s.hotelLink && !!s.eventLink), d = k(() => l.value === "hotel"), t = k(() => l.value === "event"), o = (e) => l.value = e;
+    const { t: i } = F(), { fetchMetadata: c } = H(), s = n, l = E(), b = f(() => !!s.hotelLink || !!s.eventLink), r = f(() => !!s.hotelLink && !!s.eventLink), u = f(() => l.value === "hotel"), t = f(() => l.value === "event"), o = (e) => l.value = e;
     return I(() => {
       !s.hotelLink && s.eventLink ? l.value = "event" : l.value = "hotel";
-    }), (e, p) => (u(), v(P, { styling: e.styling }, {
-      default: m(() => [
-        f.value ? (u(), v(S, { key: 0 }, {
-          default: m(() => [
+    }), (e, m) => (p(), v(P, { styling: e.styling }, {
+      default: d(() => [
+        b.value ? (p(), v(S, { key: 0 }, {
+          default: d(() => [
             a("div", null, [
-              b(Z, {
+              y(Z, {
                 "access-token": e.accessToken,
-                onMetadata: p[2] || (p[2] = (A) => h(c)())
+                callback: h(c)
               }, {
-                default: m(() => [
+                default: d(() => [
                   a("div", R, [
-                    r.value ? (u(), T(M, { key: 0 }, [
+                    r.value ? (p(), T(N, { key: 0 }, [
                       a("nav", W, [
                         a("ul", null, [
                           a("li", null, [
                             a("button", {
-                              class: g({ active: d.value }),
-                              onClick: p[0] || (p[0] = L((A) => o("hotel"), ["prevent"]))
+                              class: A({ active: u.value }),
+                              onClick: m[0] || (m[0] = _((w) => o("hotel"), ["prevent"]))
                             }, [
-                              a("span", null, _(h(i)("availability.hotel")), 1)
+                              a("span", null, g(h(i)("availability.hotel")), 1)
                             ], 2)
                           ]),
                           a("li", null, [
                             a("button", {
-                              class: g({ active: t.value }),
-                              onClick: p[1] || (p[1] = L((A) => o("event"), ["prevent"]))
+                              class: A({ active: t.value }),
+                              onClick: m[1] || (m[1] = _((w) => o("event"), ["prevent"]))
                             }, [
-                              a("span", null, _(h(i)("availability.events")), 1)
+                              a("span", null, g(h(i)("availability.events")), 1)
                             ], 2)
                           ])
                         ])
                       ]),
                       X
-                    ], 64)) : w("", !0),
+                    ], 64)) : L("", !0),
                     a("div", Y, [
-                      b(N, {
+                      y(B, {
                         name: "fade",
                         mode: "out-in",
                         appear: ""
                       }, {
-                        default: m(() => [
-                          d.value ? (u(), v(q, {
+                        default: d(() => [
+                          u.value ? (p(), v(q, {
                             key: 0,
                             link: e.hotelLink,
                             "selected-location": Number(e.hotelLocation)
-                          }, null, 8, ["link", "selected-location"])) : t.value ? (u(), v(G, {
+                          }, null, 8, ["link", "selected-location"])) : t.value ? (p(), v(G, {
                             key: 1,
                             link: e.eventLink,
                             "selected-location": Number(e.eventLocation)
-                          }, null, 8, ["link", "selected-location"])) : w("", !0)
+                          }, null, 8, ["link", "selected-location"])) : L("", !0)
                         ]),
                         _: 1
                       })
@@ -85,18 +85,18 @@ const Q = (n) => (B("data-v-cfc258d3"), n = n(), D(), n), R = { class: "konnecti
                   ])
                 ]),
                 _: 1
-              }, 8, ["access-token"])
+              }, 8, ["access-token", "callback"])
             ])
           ]),
-          fallback: m(() => [
+          fallback: d(() => [
             a("div", null, [
-              b(K, {
+              y(K, {
                 view: r.value ? "both" : l.value
               }, null, 8, ["view"])
             ])
           ]),
           _: 1
-        })) : (u(), v(J, {
+        })) : (p(), v(J, {
           key: 1,
           title: "Unable to render Availability module",
           description: `The 'hotel-link' and/or 'event-link' properties are missing.<br>\r
@@ -106,7 +106,7 @@ const Q = (n) => (B("data-v-cfc258d3"), n = n(), D(), n), R = { class: "konnecti
       _: 1
     }, 8, ["styling"]));
   }
-}), y = /* @__PURE__ */ V(x, [["__scopeId", "data-v-cfc258d3"]]), ee = $(), te = O();
+}), k = /* @__PURE__ */ V(x, [["__scopeId", "data-v-80b2a82c"]]), ee = j(), te = $();
 class ae extends HTMLElement {
   vueApp;
   constructor() {
@@ -116,9 +116,9 @@ class ae extends HTMLElement {
     this.vueApp.unmount();
   }
   connectedCallback() {
-    const i = typeof y == "function" ? y.options : y;
+    const i = typeof k == "function" ? k.options : k;
     let c = Array.isArray(i.props) ? i.props : Object.keys(i.props || {});
-    const s = (t) => t.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (o, e) => (e ? "-" : "") + o.toLowerCase()), l = (t) => t.replace(/-./g, (o) => o[1].toUpperCase()), f = {};
+    const s = (t) => t.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (o, e) => (e ? "-" : "") + o.toLowerCase()), l = (t) => t.replace(/-./g, (o) => o[1].toUpperCase()), b = {};
     c = c.map(s);
     const r = {};
     for (const t of this.attributes) {
@@ -127,11 +127,11 @@ class ae extends HTMLElement {
     }
     for (const t of c) {
       let o = this.attributes.getNamedItem(t)?.value;
-      r.hasOwnProperty(t) && (o = r[t]), f[t] = o;
+      r.hasOwnProperty(t) && (o = r[t]), b[t] = o;
     }
-    this.vueApp = z(y, f), U(this.vueApp), this.vueApp.provide("emitter", te), this.vueApp.use(j), this.vueApp.use(ee);
-    const d = document.createElement("div");
-    this.vueApp.mount(d), this.appendChild(d.children[0]);
+    this.vueApp = z(k, b), U(this.vueApp), this.vueApp.provide("emitter", te), this.vueApp.use(O), this.vueApp.use(ee);
+    const u = document.createElement("div");
+    this.vueApp.mount(u), this.appendChild(u.children[0]);
   }
 }
 window.customElements.define("konnectio-availability", ae);