@konnectio/core 4.0.56-rc45 → 4.0.56-rc47

package/dist/availability.js

@@ -1,18 +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 n, 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-CbB_C6Ai.js";
-import { h as F, m as H, n as P, _ as V, o as $, p as j, q as O, t as U } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-CbcnRtEB.js";
-import { _ as Z } from "./_.vue_vue_type_style_index_0_lang-MG6OWZHv.js";
-import { H as q, A as K } from "./AvailabilitySkeleton-D_svZV0K.js";
-import { E as G } from "./EventAvailabilityForm-CqiuFIoF.js";
-import { E as J } from "./ErrorMessage-hoBbvZJL.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-DxwVk__I.js";
+import { c as U } from "./sentry-D1A53_C5.js";
+import { _ as Z } from "./_.vue_vue_type_style_index_0_lang-VOXCSp8f.js";
+import { H as q, A as K } from "./AvailabilitySkeleton-C_OWp8Fq.js";
+import { E as G } from "./EventAvailabilityForm-DphCQOMO.js";
+import { E as J } from "./ErrorMessage-DH5q_ieB.js";
 import "./navigation.js";
 (function() {
   try {
-    var a = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, i = new Error().stack;
-    i && (a._sentryDebugIds = a._sentryDebugIds || {}, a._sentryDebugIds[i] = "6743376f-d781-4bdc-8dc9-d4ce7f6241e7", a._sentryDebugIdIdentifier = "sentry-dbid-6743376f-d781-4bdc-8dc9-d4ce7f6241e7");
+    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] = "ae2ba670-e23a-4c5b-bf09-6bf3ba253f8b", n._sentryDebugIdIdentifier = "sentry-dbid-ae2ba670-e23a-4c5b-bf09-6bf3ba253f8b");
   } catch {
   }
 })();
-const Q = (a) => (B("data-v-cfc258d3"), a = a(), D(), a), R = { class: "konnectio-availability-module" }, W = { class: "konnectio-availability-navigation" }, X = /* @__PURE__ */ Q(() => /* @__PURE__ */ n("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: {
@@ -23,60 +24,60 @@ const Q = (a) => (B("data-v-cfc258d3"), a = a(), D(), a), R = { class: "konnecti
     hotelLocation: {},
     styling: {}
   },
-  setup(a) {
-    const { t: i } = F(), { fetchMetadata: c } = H(), s = a, 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;
+  setup(n) {
+    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(() => [
-            n("div", null, [
-              b(Z, {
+    }), (e, m) => (p(), v(P, { styling: e.styling }, {
+      default: d(() => [
+        b.value ? (p(), v(S, { key: 0 }, {
+          default: d(() => [
+            a("div", null, [
+              y(Z, {
                 "access-token": e.accessToken,
-                onMetadata: p[2] || (p[2] = (A) => h(c)())
+                callback: h(c)
               }, {
-                default: m(() => [
-                  n("div", R, [
-                    r.value ? (u(), T(M, { key: 0 }, [
-                      n("nav", W, [
-                        n("ul", null, [
-                          n("li", null, [
-                            n("button", {
-                              class: g({ active: d.value }),
-                              onClick: p[0] || (p[0] = L((A) => o("hotel"), ["prevent"]))
+                default: d(() => [
+                  a("div", R, [
+                    r.value ? (p(), T(N, { key: 0 }, [
+                      a("nav", W, [
+                        a("ul", null, [
+                          a("li", null, [
+                            a("button", {
+                              class: A({ active: u.value }),
+                              onClick: m[0] || (m[0] = _((w) => o("hotel"), ["prevent"]))
                             }, [
-                              n("span", null, _(h(i)("availability.hotel")), 1)
+                              a("span", null, g(h(i)("availability.hotel")), 1)
                             ], 2)
                           ]),
-                          n("li", null, [
-                            n("button", {
-                              class: g({ active: t.value }),
-                              onClick: p[1] || (p[1] = L((A) => o("event"), ["prevent"]))
+                          a("li", null, [
+                            a("button", {
+                              class: A({ active: t.value }),
+                              onClick: m[1] || (m[1] = _((w) => o("event"), ["prevent"]))
                             }, [
-                              n("span", null, _(h(i)("availability.events")), 1)
+                              a("span", null, g(h(i)("availability.events")), 1)
                             ], 2)
                           ])
                         ])
                       ]),
                       X
-                    ], 64)) : w("", !0),
-                    n("div", Y, [
-                      b(N, {
+                    ], 64)) : L("", !0),
+                    a("div", Y, [
+                      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
                       })
@@ -84,18 +85,18 @@ const Q = (a) => (B("data-v-cfc258d3"), a = a(), D(), a), R = { class: "konnecti
                   ])
                 ]),
                 _: 1
-              }, 8, ["access-token"])
+              }, 8, ["access-token", "callback"])
             ])
           ]),
-          fallback: m(() => [
-            n("div", null, [
-              b(K, {
+          fallback: d(() => [
+            a("div", null, [
+              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
@@ -105,8 +106,8 @@ const Q = (a) => (B("data-v-cfc258d3"), a = a(), D(), a), R = { class: "konnecti
       _: 1
     }, 8, ["styling"]));
   }
-}), y = /* @__PURE__ */ V(x, [["__scopeId", "data-v-cfc258d3"]]), ee = $(), te = U();
-class ne extends HTMLElement {
+}), k = /* @__PURE__ */ V(x, [["__scopeId", "data-v-80b2a82c"]]), ee = j(), te = $();
+class ae extends HTMLElement {
   vueApp;
   constructor() {
     super();
@@ -115,9 +116,9 @@ class ne 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) {
@@ -126,15 +127,15 @@ class ne 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), j(this.vueApp), this.vueApp.provide("emitter", te), this.vueApp.use(O), 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", ne);
+window.customElements.define("konnectio-availability", ae);
 export {
-  ne as default
+  ae as default
 };
 //# sourceMappingURL=availability.js.map