@konnectio/core 4.0.56-rc6 → 4.0.56-rc60

package/package.json

@@ -1,12 +1,17 @@
 {
   "name": "@konnectio/core",
-  "version": "4.0.56-rc6",
-  "author": "Konnectio <info@freshcase.dk> (https://konnectio.dk)",
+  "version": "4.0.56-rc60",
+  "author": "Konnectio <info@konnectio.com> (https://konnectio.dk)",
   "homepage": "https://konnectio.dk",
   "description": "Konnectio Core Frontend Integration.",
   "type": "module",
   "files": [
-    "dist"
+    "dist/*.js",
+    "dist/*.gz",
+    "dist/*.br",
+    "dist/*.css",
+    "!dist/index.*",
+    "!dist/playground.*"
   ],
   "exports": {
     "./availability": "./dist/availability.js",
@@ -18,6 +23,9 @@
   "scripts": {
     "dev": "vite",
     "prod": "vite build",
+    "build": "vite build --config vite.config.js --mode production",
+    "build:playground": "vite build --config vite.config.playground.js --mode production",
+    "build:demo": "npm run build && npm run build:playground",
     "devprod": "vite build --mode development",
     "watch": "vite build --watch --mode development",
     "production": "vue-tsc --noEmit && vite build --mode production",
@@ -30,66 +38,64 @@
     "@chenfengyuan/vue-number-input": "2.0.1",
     "@egjs/flicking-plugins": "4.7.1",
     "@egjs/vue3-flicking": "4.11.2",
-    "@fortawesome/fontawesome-pro": "6.5.1",
-    "@fortawesome/fontawesome-svg-core": "6.5.1",
-    "@fortawesome/free-brands-svg-icons": "6.5.1",
-    "@fortawesome/pro-light-svg-icons": "6.5.1",
-    "@fortawesome/pro-solid-svg-icons": "6.5.1",
-    "@fortawesome/vue-fontawesome": "3.0.5",
-    "@intlify/unplugin-vue-i18n": "2.0.0",
-    "@unhead/vue": "1.8.9",
-    "@vuepic/vue-datepicker": "7.4.1",
+    "@fortawesome/fontawesome-pro": "6.5.2",
+    "@fortawesome/fontawesome-svg-core": "6.5.2",
+    "@fortawesome/free-brands-svg-icons": "6.5.2",
+    "@fortawesome/pro-light-svg-icons": "6.5.2",
+    "@fortawesome/pro-solid-svg-icons": "6.5.2",
+    "@fortawesome/vue-fontawesome": "3.0.6",
+    "@intlify/unplugin-vue-i18n": "4.0.0",
+    "@sentry/vue": "7.114.0",
+    "@unhead/vue": "1.9.10",
+    "@vuepic/vue-datepicker": "8.6.0",
     "@vueup/vue-quill": "1.2.0",
-    "@vueuse/core": "10.7.1",
-    "axios": "1.6.5",
-    "core-js": "3.35.0",
+    "@vueuse/core": "10.9.0",
+    "axios": "1.6.8",
+    "core-js": "3.37.0",
     "cqfill": "0.6.1",
-    "dotenv": "^16.3.1",
-    "floating-vue": "5.0.3",
+    "date-fns": "3.6.0",
+    "floating-vue": "5.2.2",
     "linkify-html": "4.1.3",
     "linkifyjs": "4.1.3",
+    "mitt": "3.0.1",
     "pinia": "2.1.7",
-    "postcss": "8.4.33",
+    "postcss": "8.4.38",
     "recaptcha-v3": "1.10.0",
     "regenerator-runtime": "0.14.1",
     "text-clipper": "2.2.0",
-    "vue": "^3.3.10",
-    "vue-gtag": "2.0.1",
-    "vue-i18n": "9.9.0",
+    "vue": "3.4.27",
+    "vue-gtag": "2.0.1", 
+    "vue-i18n": "9.13.1",
     "vue-inner-image-zoom": "2.0.0",
     "vue-masonry": "0.16.0",
-    "vue-router": "^4.2.5",
+    "vue-router": "4.3.2",
     "vue-select": "4.0.0-beta.6",
     "vue3-side-panel": "1.3.0",
     "vue3-sticky-sidebar": "2.0.0",
-    "vue3-text-clamp": "0.1.2",
-    "vue3-webcomponent-wrapper": "^0.2.0"
+    "vue3-text-clamp": "0.1.2"
   },
   "devDependencies": {
-    "@babel/eslint-parser": "7.23.3",
+    "@babel/eslint-parser": "7.24.5",
     "@originjs/vite-plugin-commonjs": "1.0.3",
-    "@types/node": "20.11.0",
-    "@typescript-eslint/eslint-plugin": "6.18.1",
-    "@typescript-eslint/parser": "6.18.1",
-    "@vitejs/plugin-vue": "5.0.3",
-    "@vue/eslint-config-typescript": "12.0.0",
-    "@vue/test-utils": "2.4.3",
+    "@sentry/vite-plugin": "2.16.1",
+    "@types/node": "20.12.11",
+    "@typescript-eslint/eslint-plugin": "7.8.0",
+    "@typescript-eslint/parser": "7.8.0",
+    "@vitejs/plugin-vue": "5.0.4",
+    "@vue/eslint-config-typescript": "13.0.0",
+    "@vue/test-utils": "2.4.6",
     "cross-env": "7.0.3",
-    "cypress": "13.6.2",
-    "eslint": "8.56.0",
-    "eslint-plugin-vue": "9.19.2",
+    "cypress": "13.9.0",
+    "eslint": "8.57.0",
+    "eslint-plugin-vue": "9.26.0",
     "rollup-plugin-typescript2": "0.36.0",
-    "sass": "1.69.7",
+    "sass": "1.77.1",
     "ts-node": "10.9.2",
     "tslib": "2.6.2",
-    "typescript": "5.3.3",
-    "vite": "5.0.11",
+    "typescript": "5.4.5",
+    "vite": "5.2.11",
     "vite-plugin-compression": "0.5.1",
-    "vite-plugin-dts": "3.7.0",
-    "vue-tsc": "1.8.27"
-  },
-  "peerDependencies": {
-    "vue": "^3.3.10"
+    "vue-tsc": "2.0.17"
   },
   "contributors": [
     {

package/dist/AvailabilitySkeleton-lYcDX41T.js

@@ -1,239 +0,0 @@
-import { k as L, r as M, c as J, o as t, l as u, D as Y, N as Z, F as ee, s as A, aa as N, ab as E, f as v, a2 as H, B as ae, m as g, w as le, x as $, z as e, p as o, J as k, y as te, n as y, a3 as I, T as z, A as O, C as T, q as S, h as ie, _ as j } from "./SelectField.vue_vue_type_style_index_0_lang-C-MscjWo.js";
-import { _ as ne } from "./DateField.vue_vue_type_style_index_0_lang-pLqbpoS_.js";
-import { E as q } from "./_-TlutFgf7.js";
-import { F as f } from "./Field-fWwF40rD.js";
-const oe = /* @__PURE__ */ L({
-  __name: "_",
-  props: {
-    type: { default: "submit" }
-  },
-  emits: ["submit"],
-  setup(h, { emit: a }) {
-    const n = M(!1), r = a, c = h, { verifyRecaptcha: d } = J();
-    function p() {
-      n.value = !0, d({
-        callback: D,
-        type: c.type
-      }).then(() => n.value = !1);
-    }
-    function D() {
-      r("submit");
-    }
-    return (V, R) => (t(), u("form", {
-      onSubmit: Z(p, ["prevent"])
-    }, [
-      Y(V.$slots, "default", { isLoading: n.value })
-    ], 32));
-  }
-}), se = {
-  key: 0,
-  class: "konnectio-availability-location"
-}, re = { id: "fresh-booking-availability-date-selection" }, ue = {
-  key: 1,
-  id: "fresh-booking-availability-guest-selection"
-}, ce = { id: "fresh-booking-availability-confirmation" }, de = /* @__PURE__ */ L({
-  __name: "HotelAvailabilityForm",
-  props: {
-    booking: { type: Boolean, default: !1 },
-    link: {}
-  },
-  setup(h) {
-    const { t: a } = ee(), n = h, {
-      adults: r,
-      children: c,
-      arrivalDate: d,
-      departureDate: p,
-      location: D,
-      isExpired: V
-    } = A(N()), { reset: R } = N(), { fetchAvailabilityData: G } = E(), { areListingsLoading: U, hotelList: K, hasHotelList: _ } = A(E()), {
-      firstSelectableDateOffset: B,
-      lastSelectableDateOffset: C,
-      disableChildSelection: b,
-      disableAdultSelection: m
-    } = A(J()), w = M([]), P = v(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + (B.value - 1)))), fe = v(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + C.value))), ye = v(() => new Date((/* @__PURE__ */ new Date()).setDate(d.value.getDate() + B.value))), Q = v(() => new Date((/* @__PURE__ */ new Date()).setDate(d.value.getDate() + (C.value + 1)))), x = v(() => !(!m && r.value === 0)), W = v(() => typeof n.link != "string");
-    function X() {
-      if (n.booking === !1)
-        if (W.value) {
-          const s = ie();
-          n.link[s] ? window.location.replace(n.link[s]) : n.link.en ? window.location.replace(n.link.en) : console.log("Sprog understøttes ikke");
-        } else
-          window.location.replace(n.link);
-      else
-        x.value && G();
-    }
-    return H(d, (s) => {
-      const l = new Date(new Date(s).setDate(new Date(s).getDate() + 1));
-      new Date(p.value) < l && (p.value = l);
-    }), H(w, (s) => {
-      d.value = s[0], p.value = s[1];
-    }), ae(() => {
-      V.value && R(), w.value = [d.value, p.value];
-    }), (s, l) => (t(), g(oe, {
-      id: "konnectio-availability-form",
-      class: S({ reservation: s.booking }),
-      type: "availability",
-      onSubmit: X
-    }, {
-      default: le(({ isLoading: F }) => [
-        $("ul", {
-          id: "konnectio-availability-form-content",
-          class: S([
-            { "is-booking-page": s.booking },
-            { "only-adult-guests": !e(m) && e(b) },
-            { "only-child-guests": !e(b) && e(m) },
-            { "no-guests": e(m) && e(b) },
-            { "all-guests": !e(m) && !e(b) },
-            { "has-location": e(_) }
-          ])
-        }, [
-          e(_) ? (t(), u("li", se, [
-            o(te, {
-              modelValue: e(D),
-              "onUpdate:modelValue": l[0] || (l[0] = (i) => k(D) ? D.value = i : null),
-              label: e(a)("general.location"),
-              icon: "location-dot",
-              "icon-type": "fas",
-              "icon-placement": "label",
-              options: e(K),
-              searchable: !1
-            }, null, 8, ["modelValue", "label", "options"])
-          ])) : y("", !0),
-          $("li", re, [
-            o(ne, {
-              modelValue: w.value,
-              "onUpdate:modelValue": l[1] || (l[1] = (i) => w.value = i),
-              label: e(a)("availability.checkInOut"),
-              "icon-type": "fas",
-              "icon-placement": "label",
-              "min-range": 1,
-              "min-date": P.value,
-              "max-date": Q.value,
-              range: ""
-            }, null, 8, ["modelValue", "label", "min-date", "max-date"]),
-            y("", !0)
-          ]),
-          !e(m) || !e(b) ? (t(), u("li", ue, [
-            e(m) ? y("", !0) : (t(), u(I, { key: 0 }, [
-              e(_) ? (t(), g(z, {
-                key: 0,
-                modelValue: e(r),
-                "onUpdate:modelValue": l[4] || (l[4] = (i) => k(r) ? r.value = i : null),
-                label: e(a)("availability.adults"),
-                description: e(a)("general.adultAgeRange"),
-                "icon-type": "fas",
-                "icon-placement": "label",
-                name: "adults",
-                icon: "male"
-              }, null, 8, ["modelValue", "label", "description"])) : (t(), g(O, {
-                key: 1,
-                modelValue: e(r),
-                "onUpdate:modelValue": l[5] || (l[5] = (i) => k(r) ? r.value = i : null),
-                label: e(a)("availability.adults"),
-                description: e(a)("general.adultAgeRange"),
-                "icon-type": "fas",
-                "icon-placement": "label",
-                name: "adults",
-                icon: "male"
-              }, null, 8, ["modelValue", "label", "description"]))
-            ], 64)),
-            e(b) ? y("", !0) : (t(), u(I, { key: 1 }, [
-              e(_) ? (t(), g(z, {
-                key: 0,
-                modelValue: e(c),
-                "onUpdate:modelValue": l[6] || (l[6] = (i) => k(c) ? c.value = i : null),
-                label: e(a)("availability.children"),
-                description: e(a)("general.childAgeRange"),
-                "icon-type": "fas",
-                "icon-placement": "label",
-                name: "children",
-                icon: "child"
-              }, null, 8, ["modelValue", "label", "description"])) : (t(), g(O, {
-                key: 1,
-                modelValue: e(c),
-                "onUpdate:modelValue": l[7] || (l[7] = (i) => k(c) ? c.value = i : null),
-                label: e(a)("availability.children"),
-                description: e(a)("general.childAgeRange"),
-                "icon-type": "fas",
-                "icon-placement": "label",
-                name: "children",
-                icon: "child"
-              }, null, 8, ["modelValue", "label", "description"]))
-            ], 64))
-          ])) : y("", !0),
-          $("li", ce, [
-            o(T, {
-              class: "konnectio-availability-submit-small",
-              type: "submit",
-              icon: "search",
-              "icon-type": "fas",
-              disabled: !x.value,
-              "is-loading": e(U) || F
-            }, null, 8, ["disabled", "is-loading"]),
-            o(T, {
-              class: "konnectio-availability-submit-large",
-              type: "submit",
-              label: e(a)("availability.buttonLabel"),
-              disabled: !x.value,
-              "is-loading": e(U) || F
-            }, null, 8, ["label", "disabled", "is-loading"])
-          ])
-        ], 2)
-      ]),
-      _: 1
-    }, 8, ["class"]));
-  }
-}), _e = /* @__PURE__ */ j(de, [["__scopeId", "data-v-9ec1beba"]]), me = { class: "availability-skeleton" }, pe = {
-  key: 0,
-  class: "availability-skeleton-navigation"
-}, be = {
-  key: 2,
-  class: "availability-skeleton-event"
-}, ve = /* @__PURE__ */ L({
-  __name: "AvailabilitySkeleton",
-  props: {
-    view: { default: "hotel" },
-    hotel: { type: Boolean, default: !1 }
-  },
-  setup(h) {
-    return (a, n) => (t(), u("div", me, [
-      a.view === "both" ? (t(), u("div", pe, [
-        o(q, {
-          height: "28px",
-          width: "60px",
-          "border-radius": "20px"
-        }),
-        o(q, {
-          height: "28px",
-          width: "60px",
-          "border-radius": "20px"
-        })
-      ])) : y("", !0),
-      a.view !== "event" ? (t(), u("div", {
-        key: 1,
-        class: S([
-          "availability-skeleton-hotel",
-          { "within-hotel": a.hotel }
-        ])
-      }, [
-        o(f, { "with-icon": "" }),
-        o(f, { "with-icon": "" }),
-        o(f, { "with-icon": "" }),
-        o(f, {
-          "with-icon": "",
-          "no-label": ""
-        })
-      ], 2)) : (t(), u("div", be, [
-        o(f, { "with-icon": "" }),
-        o(f, {
-          "with-icon": "",
-          "no-label": ""
-        })
-      ]))
-    ]));
-  }
-}), we = /* @__PURE__ */ j(ve, [["__scopeId", "data-v-be195a3f"]]);
-export {
-  we as A,
-  _e as H,
-  oe as _
-};

package/dist/CheckoutWindow-T7-vrZyG.js

@@ -1,205 +0,0 @@
-import { k as b, v as k, r as V, B as $, o as p, m as B, w as I, x as d, p as C, z as i, T as q, I as T, _ as v, ah as A, q as h, ai as _, aj as w, l as g, H as u, n as P, F as N, a6 as f, s as F, c as G, ak as j, Q as z, R as E } from "./SelectField.vue_vue_type_style_index_0_lang-C-MscjWo.js";
-const H = { class: "fresh-booking-phone-input" }, O = /* @__PURE__ */ b({
-  __name: "PhoneField",
-  props: {
-    modelValue: {},
-    label: {},
-    id: {},
-    placeholder: {},
-    icon: { default: "phone-office" },
-    iconColor: {},
-    iconType: { default: "fal" },
-    required: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 },
-    inputStyle: {}
-  },
-  emits: ["update:modelValue"],
-  setup(a, { emit: l }) {
-    const t = l, n = a, c = n.id || k(), e = V("+45"), s = V("");
-    function m() {
-      t("update:modelValue", `${e.value} ${s.value}`);
-    }
-    return $(() => {
-      if (n.modelValue) {
-        const o = n.modelValue.split(" ");
-        e.value = o[0], s.value = o[1];
-      }
-    }), (o, r) => (p(), B(T, {
-      label: o.label,
-      id: i(c),
-      type: "phone",
-      required: o.required,
-      readonly: o.readonly
-    }, {
-      default: I(() => [
-        d("div", H, [
-          C(q, {
-            modelValue: e.value,
-            "onUpdate:modelValue": r[0] || (r[0] = (y) => e.value = y),
-            type: "text",
-            id: i(k)(),
-            name: "phone-code",
-            autocomplete: "tel-country-code",
-            icon: o.icon,
-            "icon-color": o.iconColor,
-            "icon-type": o.iconType,
-            placeholder: "+45",
-            required: o.required,
-            readonly: o.readonly,
-            "input-style": o.inputStyle,
-            onInput: r[1] || (r[1] = (y) => m())
-          }, null, 8, ["modelValue", "id", "icon", "icon-color", "icon-type", "required", "readonly", "input-style"]),
-          C(q, {
-            modelValue: s.value,
-            "onUpdate:modelValue": r[2] || (r[2] = (y) => s.value = y),
-            type: "number",
-            name: "phone",
-            autocomplete: "tel-national",
-            id: i(c),
-            placeholder: o.placeholder,
-            required: o.required,
-            readonly: o.readonly,
-            "input-style": o.inputStyle,
-            onInput: r[3] || (r[3] = (y) => m())
-          }, null, 8, ["modelValue", "id", "placeholder", "required", "readonly", "input-style"])
-        ])
-      ]),
-      _: 1
-    }, 8, ["label", "id", "required", "readonly"]));
-  }
-}), x = /* @__PURE__ */ v(O, [["__scopeId", "data-v-5cd094ab"]]), R = ["required", "type", "name", "readonly", "disabled", "value", "checked"], U = ["data-test"], D = { key: 0 }, K = /* @__PURE__ */ b({
-  __name: "Checkbox",
-  props: {
-    modelValue: { type: [String, Boolean, Number] },
-    numeric: { type: Boolean, default: !1 },
-    checked: { type: Boolean, default: !1 },
-    label: {},
-    price: {},
-    name: {},
-    readonly: { type: Boolean, default: !1 },
-    type: { default: "checkbox" },
-    required: { type: Boolean, default: !1 },
-    inputStyle: {},
-    val: {}
-  },
-  emits: ["update:modelValue"],
-  setup(a, { emit: l }) {
-    const t = a, n = l;
-    function c() {
-      t.readonly !== !0 && n(
-        "update:modelValue",
-        t.type === "radio" ? t.val : t.numeric ? t.modelValue ? 0 : 1 : !t.modelValue
-      );
-    }
-    return (e, s) => (p(), B(T, {
-      required: e.required,
-      type: e.type,
-      readonly: e.readonly
-    }, {
-      default: I(() => [
-        d("label", {
-          class: h([
-            "fresh-booking-click-box-container",
-            { "is-readonly": e.readonly },
-            { "has-label": e.label },
-            e.type === "radio" ? "radio" : "checkbox"
-          ])
-        }, [
-          d("input", A(e.$attrs, {
-            required: !!e.required,
-            type: e.type,
-            name: e.name,
-            class: "hidden",
-            readonly: !!e.readonly,
-            disabled: !!e.readonly,
-            value: e.type === "radio" ? e.val : e.modelValue,
-            checked: e.type === "radio" ? e.val === e.modelValue : !!e.modelValue,
-            onChange: s[0] || (s[0] = (m) => c())
-          }), null, 16, R),
-          d("div", {
-            class: h([
-              "fresh-booking-click-box",
-              { checked: e.type === "radio" ? e.val === e.modelValue : !!e.modelValue }
-            ]),
-            tabindex: "0",
-            style: _(e.inputStyle),
-            "data-test": e.name,
-            onKeyup: s[1] || (s[1] = w((m) => c(), ["enter"]))
-          }, null, 46, U),
-          e.label ? (p(), g("div", {
-            key: 0,
-            class: h(["fresh-booking-click-box-label", { "with-price": e.price }])
-          }, [
-            d("span", null, u(e.label), 1),
-            e.price ? (p(), g("span", D, u(e.price), 1)) : P("", !0)
-          ], 2)) : P("", !0)
-        ], 2)
-      ]),
-      _: 1
-    }, 8, ["required", "type", "readonly"]));
-  }
-}), ee = /* @__PURE__ */ v(K, [["__scopeId", "data-v-7ef656cb"]]), M = {
-  href: "https://policies.google.com/privacy",
-  target: "_blank"
-}, W = {
-  href: "https://policies.google.com/terms",
-  target: "_blank"
-}, Q = /* @__PURE__ */ b({
-  __name: "GoogleNotice",
-  setup(a) {
-    const { t: l } = N();
-    return (t, n) => (p(), g("span", null, [
-      f(u(i(l)("googleNotice")) + " ", 1),
-      d("a", M, u(i(l)("googlePrivacyPolicy")), 1),
-      f(" " + u(i(l)("googleAnd")) + " ", 1),
-      d("a", W, u(i(l)("googleTOS")), 1),
-      f(" " + u(i(l)("googleApply")) + ". ", 1)
-    ]));
-  }
-});
-function S(a) {
-  const l = a;
-  l.__i18n = l.__i18n || [], l.__i18n.push({
-    locale: "",
-    resource: {
-      da: {
-        googleNotice: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Denne side er beskyttet af reCAPTCHA og Google's" } },
-        googlePrivacyPolicy: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Privatlivspolitik" } },
-        googleAnd: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "og" } },
-        googleTOS: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Servicevilkår" } },
-        googleApply: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "er gældende" } }
-      },
-      en: {
-        googleNotice: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "This site is protected by reCAPTCHA and the Google" } },
-        googlePrivacyPolicy: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Privacy Policy" } },
-        googleAnd: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "and" } },
-        googleTOS: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Terms of Service" } },
-        googleApply: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "apply" } }
-      }
-    }
-  });
-}
-typeof S == "function" && S(Q);
-const J = (a) => (z("data-v-340cb9ce"), a = a(), E(), a), L = /* @__PURE__ */ J(() => /* @__PURE__ */ d("div", { id: "fresh-booking-payment-checkout" }, null, -1)), X = [
-  L
-], Y = /* @__PURE__ */ b({
-  __name: "CheckoutWindow",
-  setup(a) {
-    const { paymentGatewayId: l } = F(G());
-    return $(() => {
-      const t = document.createElement("script"), n = document.createElement("script");
-      t.setAttribute("src", "https://checkout.dibspayment.eu/v1/checkout.js?v=1"), n.setAttribute("src", "https://checkout.reepay.com/checkout.js"), document.head.appendChild(t), document.head.appendChild(n);
-    }), (t, n) => (p(), g("div", null, [
-      d("div", {
-        id: "fresh-booking-payment-checkout-wrapper",
-        class: h({ reePay: i(l) === i(j).ReePay })
-      }, X, 2)
-    ]));
-  }
-}), oe = /* @__PURE__ */ v(Y, [["__scopeId", "data-v-340cb9ce"]]);
-export {
-  ee as C,
-  x as P,
-  Q as _,
-  oe as a
-};

package/dist/Container-w7O0He-s.js

@@ -1,68 +0,0 @@
-var u = Object.defineProperty;
-var n = Object.getOwnPropertySymbols;
-var p = Object.prototype.hasOwnProperty, d = Object.prototype.propertyIsEnumerable;
-var a = (r, t, o) => t in r ? u(r, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[t] = o, l = (r, t) => {
-  for (var o in t || (t = {}))
-    p.call(t, o) && a(r, o, t[o]);
-  if (n)
-    for (var o of n(t))
-      d.call(t, o) && a(r, o, t[o]);
-  return r;
-};
-import { k as s, f as i, B as c, o as y, l as b, D as P, _ as C } from "./SelectField.vue_vue_type_style_index_0_lang-C-MscjWo.js";
-const g = { class: "konnectio-container" }, v = /* @__PURE__ */ s({
-  __name: "Container",
-  props: {
-    styling: {}
-  },
-  setup(r) {
-    const t = r, o = i(() => l({
-      accentColor: "#6ab1e6",
-      accentColorSecondary: "#dae9f8",
-      buttonBackground: "#6ab1e6",
-      buttonBorder: null,
-      buttonBorderRadius: "4px",
-      buttonColor: "#FFF",
-      buttonFontFamily: "inherit",
-      buttonFontSize: "14px",
-      buttonFontWeight: "400",
-      buttonIconColor: "#FFF",
-      buttonTextTransform: "uppercase",
-      dangerColor: "red",
-      fontColor: "#3b3b3b",
-      fontFamily: "inherit",
-      fontSize: "16px",
-      grayColor: "grey",
-      headerColor: "#000",
-      inputBorder: "1px solid rgba(0, 0, 0, 0.15)",
-      inputBackground: "#f8f8f8",
-      inputBorderWidth: "0px 0px 1px",
-      inputBorderRadius: "6px",
-      inputFontColor: "#000000",
-      labelFontColor: "#000000",
-      labelFontWeight: "bold",
-      labelFontSize: "15px",
-      labelPadding: "6px",
-      linkColor: "#5d6dca",
-      linkHoverColor: "#2e3d90",
-      loadingColor: "#000",
-      panelBackground: "#ffffff",
-      panelBorder: null,
-      panelBorderRadius: "5px",
-      panelInnerPadding: "12px",
-      panelMaxWidth: "none",
-      panelPadding: "24px",
-      panelShadow: "0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)",
-      successColor: "green"
-    }, t.styling));
-    return c(() => {
-      const e = document.documentElement.style;
-      e.setProperty("--accentColor", o.value.accentColor), e.setProperty("--accentColorSecondary", o.value.accentColorSecondary), e.setProperty("--buttonBackground", o.value.buttonBackground), e.setProperty("--buttonBorder", o.value.buttonBorder), e.setProperty("--buttonBorderRadius", o.value.buttonBorderRadius), e.setProperty("--buttonColor", o.value.buttonColor), e.setProperty("--buttonFontFamily", o.value.buttonFontFamily), e.setProperty("--buttonFontSize", o.value.buttonFontSize), e.setProperty("--buttonFontWeight", o.value.buttonFontWeight), e.setProperty("--buttonTextTransform", o.value.buttonTextTransform), e.setProperty("--dangerColor", o.value.dangerColor), e.setProperty("--fontColor", o.value.fontColor), e.setProperty("--fontFamily", o.value.fontFamily), e.setProperty("--fontSize", o.value.fontSize), e.setProperty("--grayColor", o.value.grayColor), e.setProperty("--headerColor", o.value.headerColor), e.setProperty("--inputBackground", o.value.inputBackground), e.setProperty("--inputBorder", o.value.inputBorder), e.setProperty("--inputBorderRadius", o.value.inputBorderRadius), e.setProperty("--inputBorderWidth", o.value.inputBorderWidth), e.setProperty("--inputFontColor", o.value.inputFontColor), e.setProperty("--labelFontColor", o.value.labelFontColor), e.setProperty("--labelFontWeight", o.value.labelFontWeight), e.setProperty("--labelFontSize", o.value.labelFontSize), e.setProperty("--labelPadding", o.value.labelPadding), e.setProperty("--linkColor", o.value.linkColor), e.setProperty("--linkHoverColor", o.value.linkHoverColor), e.setProperty("--loadingColor", o.value.loadingColor), e.setProperty("--panelBackground", o.value.panelBackground), e.setProperty("--panelBorder", o.value.panelBorder), e.setProperty("--panelBorderRadius", o.value.panelBorderRadius), e.setProperty("--panelInnerPadding", o.value.panelInnerPadding), e.setProperty("--panelMaxWidth", o.value.panelMaxWidth), e.setProperty("--panelPadding", o.value.panelPadding), e.setProperty("--panelShadow", o.value.panelShadow), e.setProperty("--successColor", o.value.successColor);
-    }), (e, B) => (y(), b("div", g, [
-      P(e.$slots, "default", {}, void 0, !0)
-    ]));
-  }
-}), x = /* @__PURE__ */ C(v, [["__scopeId", "data-v-b8c97ab0"]]);
-export {
-  x as C
-};