@konnectio/core 4.0.56-rc35 → 4.0.56-rc36

package/dist/availability.js

@@ -1,8 +1,17 @@
-import { d as w, u as E, l as S, m as T, i as h, p as B, o as r, a as v, w as d, S as I, f as a, e as b, c as N, n as f, q as A, t as L, g as _, F as z, b as g, s as M, v as F, x as H, y as P, z as V, _ as O, A as $, B as j, D, G as U } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-CJgfqs-l.js";
-import { H as Z, A as q } from "./AvailabilitySkeleton-DxVPZPw3.js";
-import { E as G } from "./EventAvailabilityForm-DbkL5luy.js";
-import { E as K } from "./ErrorMessage-VK8egk99.js";
-const x = (l) => (P("data-v-5c1e7504"), l = l(), V(), l), J = { class: "konnectio-availability-module" }, Q = { class: "konnectio-availability-navigation" }, R = /* @__PURE__ */ x(() => /* @__PURE__ */ a("div", { class: "konnectio-availability-divider" }, null, -1)), W = { class: "konnectio-availability-search-form" }, X = /* @__PURE__ */ w({
+import { d as C, r as E, g as y, h as I, o as p, a as d, w as v, S, f as a, e as f, c as T, n as h, i as A, t as g, u as L, F as N, b as _, T as B, p as D, j as M, k as z } from "./_commonjsHelpers-UWZO_9XV.js";
+import { u as F, d as H, e as P, f as V, _ as j, g as O, h as $, i as U, m as Z } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-BKo1p702.js";
+import { H as K, A as q } from "./AvailabilitySkeleton-DOhrMVl4.js";
+import { E as G } from "./EventAvailabilityForm-DVcDsdr8.js";
+import { E as J } from "./ErrorMessage-DTSuSB8R.js";
+import "./navigation.js";
+(function() {
+  try {
+    var n = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, o = new Error().stack;
+    o && (n._sentryDebugIds = n._sentryDebugIds || {}, n._sentryDebugIds[o] = "5d34ce1f-3a19-451d-a42b-b4b13983d8e4", n._sentryDebugIdIdentifier = "sentry-dbid-5d34ce1f-3a19-451d-a42b-b4b13983d8e4");
+  } catch {
+  }
+})();
+const Q = (n) => (D("data-v-5c1e7504"), 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: {
@@ -13,60 +22,60 @@ const x = (l) => (P("data-v-5c1e7504"), l = l(), V(), l), J = { class: "konnecti
     hotelLocation: {},
     styling: {}
   },
-  setup(l) {
-    const { t: c } = E(), p = S(), i = l, o = T(), m = h(() => !!i.hotelLink || !!i.eventLink), s = h(() => !!i.hotelLink && !!i.eventLink), u = h(() => o.value === "hotel"), t = h(() => o.value === "event"), n = (e) => o.value = e;
-    return B(() => {
-      p.fetchMetadata(), !i.hotelLink && i.eventLink ? o.value = "event" : o.value = "hotel";
-    }), (e, k) => (r(), v(H, { styling: e.styling }, {
-      default: d(() => [
-        m.value ? (r(), v(I, { key: 0 }, {
-          default: d(() => [
+  setup(n) {
+    const { t: o } = F(), c = H(), s = n, l = E(), m = y(() => !!s.hotelLink || !!s.eventLink), r = y(() => !!s.hotelLink && !!s.eventLink), u = y(() => l.value === "hotel"), t = y(() => l.value === "event"), i = (e) => l.value = e;
+    return I(() => {
+      c.fetchMetadata(), !s.hotelLink && s.eventLink ? l.value = "event" : l.value = "hotel";
+    }), (e, b) => (p(), d(V, { styling: e.styling }, {
+      default: v(() => [
+        m.value ? (p(), d(S, { key: 0 }, {
+          default: v(() => [
             a("div", null, [
-              b(F, {
+              f(P, {
                 "access-token": e.accessToken,
                 type: "none"
               }, {
-                default: d(() => [
-                  a("div", J, [
-                    s.value ? (r(), N(z, { key: 0 }, [
-                      a("nav", Q, [
+                default: v(() => [
+                  a("div", R, [
+                    r.value ? (p(), T(N, { key: 0 }, [
+                      a("nav", W, [
                         a("ul", null, [
                           a("li", null, [
                             a("button", {
-                              class: f({ active: u.value }),
-                              onClick: k[0] || (k[0] = A((C) => n("hotel"), ["prevent"]))
+                              class: h({ active: u.value }),
+                              onClick: b[0] || (b[0] = A((w) => i("hotel"), ["prevent"]))
                             }, [
-                              a("span", null, L(_(c)("availability.hotel")), 1)
+                              a("span", null, g(L(o)("availability.hotel")), 1)
                             ], 2)
                           ]),
                           a("li", null, [
                             a("button", {
-                              class: f({ active: t.value }),
-                              onClick: k[1] || (k[1] = A((C) => n("event"), ["prevent"]))
+                              class: h({ active: t.value }),
+                              onClick: b[1] || (b[1] = A((w) => i("event"), ["prevent"]))
                             }, [
-                              a("span", null, L(_(c)("availability.events")), 1)
+                              a("span", null, g(L(o)("availability.events")), 1)
                             ], 2)
                           ])
                         ])
                       ]),
-                      R
-                    ], 64)) : g("", !0),
-                    a("div", W, [
-                      b(M, {
+                      X
+                    ], 64)) : _("", !0),
+                    a("div", Y, [
+                      f(B, {
                         name: "fade",
                         mode: "out-in",
                         appear: ""
                       }, {
-                        default: d(() => [
-                          u.value ? (r(), v(Z, {
+                        default: v(() => [
+                          u.value ? (p(), d(K, {
                             key: 0,
                             link: e.hotelLink,
                             "selected-location": Number(e.hotelLocation)
-                          }, null, 8, ["link", "selected-location"])) : t.value ? (r(), v(G, {
+                          }, null, 8, ["link", "selected-location"])) : t.value ? (p(), d(G, {
                             key: 1,
                             link: e.eventLink,
                             "selected-location": Number(e.eventLocation)
-                          }, null, 8, ["link", "selected-location"])) : g("", !0)
+                          }, null, 8, ["link", "selected-location"])) : _("", !0)
                         ]),
                         _: 1
                       })
@@ -77,15 +86,15 @@ const x = (l) => (P("data-v-5c1e7504"), l = l(), V(), l), J = { class: "konnecti
               }, 8, ["access-token"])
             ])
           ]),
-          fallback: d(() => [
+          fallback: v(() => [
             a("div", null, [
-              b(q, {
-                view: s.value ? "both" : o.value
+              f(q, {
+                view: r.value ? "both" : l.value
               }, null, 8, ["view"])
             ])
           ]),
           _: 1
-        })) : (r(), v(K, {
+        })) : (p(), d(J, {
           key: 1,
           title: "Unable to render Availability module",
           description: `The 'hotel-link' and/or 'event-link' properties are missing.<br>\r
@@ -95,8 +104,8 @@ const x = (l) => (P("data-v-5c1e7504"), l = l(), V(), l), J = { class: "konnecti
       _: 1
     }, 8, ["styling"]));
   }
-}), y = /* @__PURE__ */ O(X, [["__scopeId", "data-v-5c1e7504"]]), Y = $(), ee = U();
-class te extends HTMLElement {
+}), k = /* @__PURE__ */ j(x, [["__scopeId", "data-v-5c1e7504"]]), ee = O(), te = Z();
+class ae extends HTMLElement {
   vueApp;
   constructor() {
     super();
@@ -105,25 +114,26 @@ class te extends HTMLElement {
     this.vueApp.unmount();
   }
   connectedCallback() {
-    const c = typeof y == "function" ? y.options : y;
-    let p = Array.isArray(c.props) ? c.props : Object.keys(c.props || {});
-    const i = (t) => t.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (n, e) => (e ? "-" : "") + n.toLowerCase()), o = (t) => t.replace(/-./g, (n) => n[1].toUpperCase()), m = {};
-    p = p.map(i);
-    const s = {};
+    const o = typeof k == "function" ? k.options : k;
+    let c = Array.isArray(o.props) ? o.props : Object.keys(o.props || {});
+    const s = (t) => t.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (i, e) => (e ? "-" : "") + i.toLowerCase()), l = (t) => t.replace(/-./g, (i) => i[1].toUpperCase()), m = {};
+    c = c.map(s);
+    const r = {};
     for (const t of this.attributes) {
       const e = t.name.split(".");
-      e.length > 1 && (s[e[0]] || (s[e[0]] = {}), s[e[0]][o(e[1])] = t.value);
+      e.length > 1 && (r[e[0]] || (r[e[0]] = {}), r[e[0]][l(e[1])] = t.value);
     }
-    for (const t of p) {
-      let n = this.attributes.getNamedItem(t)?.value;
-      s.hasOwnProperty(t) && (n = s[t]), m[t] = n;
+    for (const t of c) {
+      let i = this.attributes.getNamedItem(t)?.value;
+      r.hasOwnProperty(t) && (i = r[t]), m[t] = i;
     }
-    this.vueApp = j(y, m), this.vueApp.provide("emitter", ee), this.vueApp.use(D), this.vueApp.use(Y);
+    this.vueApp = z(k, m), $(this.vueApp), this.vueApp.provide("emitter", te), this.vueApp.use(U), this.vueApp.use(ee);
     const u = document.createElement("div");
     this.vueApp.mount(u), this.appendChild(u.children[0]);
   }
 }
-window.customElements.define("konnectio-availability", te);
+window.customElements.define("konnectio-availability", ae);
 export {
-  te as default
+  ae as default
 };
+//# sourceMappingURL=availability.js.map