@konnectio/core 4.0.1 → 4.0.3

package/dist/index-937554a9.mjs

@@ -0,0 +1,654 @@
+import { a9 as isPlainObject, E as nextTick, aa as isFunction, ab as vue_esmBundler, d as defineComponent, r as ref, g as onMounted, o as openBlock, h as createBlock, w as withCtx, b as createBaseVNode, a as createVNode, u as unref, _ as _export_sfc, V as mergeProps, n as normalizeClass, B as normalizeStyle, Y as withKeys, c as createElementBlock, t as toDisplayString, k as createCommentVNode, x as createTextVNode } from "./Clickable-eb931b15.mjs";
+import { a as getAugmentedNamespace } from "./_commonjsHelpers-c5d32002.mjs";
+import { x as ranId, I as InputField, u as useI18n } from "./NumberField.vue_vue_type_style_index_0_lang-737bf674.mjs";
+import { T as TextField } from "./SelectField.vue_vue_type_style_index_0_lang-d7f0bf68.mjs";
+function _defineProperty(e, t, n) {
+  return t in e ? Object.defineProperty(e, t, {
+    value: n,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = n, e;
+}
+function ownKeys(e, t) {
+  var n = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(e);
+    t && (i = i.filter(function(r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), n.push.apply(n, i);
+  }
+  return n;
+}
+function _objectSpread2(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var n = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? ownKeys(Object(n), !0).forEach(function(i) {
+      _defineProperty(e, i, n[i]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : ownKeys(Object(n)).forEach(function(i) {
+      Object.defineProperty(e, i, Object.getOwnPropertyDescriptor(n, i));
+    });
+  }
+  return e;
+}
+var load = function(t) {
+  var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  return new Promise(function(i, r) {
+    if (!(typeof document > "u")) {
+      var l = document.head || document.getElementsByTagName("head")[0], s = document.createElement("script");
+      if (s.async = !0, s.src = t, s.defer = n.defer, n.preconnectOrigin) {
+        var u = document.createElement("link");
+        u.href = n.preconnectOrigin, u.rel = "preconnect", l.appendChild(u);
+      }
+      l.appendChild(s), s.onload = i, s.onerror = r;
+    }
+  });
+}, mergeDeep = function e(t) {
+  for (var n = arguments.length, i = new Array(n > 1 ? n - 1 : 0), r = 1; r < n; r++)
+    i[r - 1] = arguments[r];
+  if (!i.length)
+    return t;
+  var l = i.shift();
+  if (!(!isPlainObject(t) || !isPlainObject(l))) {
+    for (var s in l)
+      isPlainObject(l[s]) ? (t[s] || Object.assign(t, _defineProperty({}, s, {})), e(t[s], l[s])) : Object.assign(t, _defineProperty({}, s, l[s]));
+    return e.apply(void 0, [t].concat(i));
+  }
+}, isBrowser = function() {
+  return !(typeof window > "u" || typeof document > "u");
+}, warn = function(t) {
+  var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
+  !isBrowser() || process.env.NODE_ENV === "production" || n && console.warn("[vue-gtag] ".concat(t));
+}, validateScreenviewShape = function() {
+  var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  return warn('Missing "appName" property inside the plugin options.', t.app_name == null), warn('Missing "name" property in the route.', t.screen_name == null), t;
+};
+function getPathWithBase() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "", n = e.split("/"), i = t.split("/");
+  return n[0] === "" && t[t.length - 1] === "/" && n.shift(), i.join("/") + n.join("/");
+}
+var getDefaultParams = function() {
+  return {
+    bootstrap: !0,
+    onReady: null,
+    onError: null,
+    onBeforeTrack: null,
+    onAfterTrack: null,
+    pageTrackerTemplate: null,
+    customResourceURL: "https://www.googletagmanager.com/gtag/js",
+    customPreconnectOrigin: "https://www.googletagmanager.com",
+    deferScriptLoad: !1,
+    pageTrackerExcludedRoutes: [],
+    pageTrackerEnabled: !0,
+    enabled: !0,
+    disableScriptLoad: !1,
+    pageTrackerScreenviewEnabled: !1,
+    appName: null,
+    pageTrackerUseFullPath: !1,
+    pageTrackerPrependBase: !0,
+    pageTrackerSkipSamePath: !0,
+    globalDataLayerName: "dataLayer",
+    globalObjectName: "gtag",
+    defaultGroupName: "default",
+    includes: null,
+    config: {
+      id: null,
+      params: {
+        send_page_view: !1
+      }
+    }
+  };
+}, params = {}, setOptions = function() {
+  var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, n = getDefaultParams();
+  params = mergeDeep(n, t);
+}, getOptions = function() {
+  return params;
+}, query = function() {
+  var e, t = getOptions(), n = t.globalObjectName;
+  !isBrowser() || typeof window[n] > "u" || (e = window)[n].apply(e, arguments);
+}, config = function() {
+  for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
+    t[n] = arguments[n];
+  var i = getOptions(), r = i.config, l = i.includes;
+  query.apply(void 0, ["config", r.id].concat(t)), Array.isArray(l) && l.forEach(function(s) {
+    query.apply(void 0, ["config", s.id].concat(t));
+  });
+}, assignGlobalProperty = function(t, n) {
+  isBrowser() && (window["ga-disable-".concat(t)] = n);
+}, disable = function() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !0, t = getOptions(), n = t.config, i = t.includes;
+  assignGlobalProperty(n.id, e), Array.isArray(i) && i.forEach(function(r) {
+    return assignGlobalProperty(r.id, e);
+  });
+}, optOut = function() {
+  disable(!0);
+}, optIn = function() {
+  disable(!1);
+}, router, setRouter = function(t) {
+  router = t;
+}, getRouter = function() {
+  return router;
+}, event = function(e) {
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = getOptions(), i = n.includes, r = n.defaultGroupName;
+  t.send_to == null && Array.isArray(i) && i.length && (t.send_to = i.map(function(l) {
+    return l.id;
+  }).concat(r)), query("event", e, t);
+}, pageview = function(e) {
+  if (isBrowser()) {
+    var t;
+    if (typeof e == "string")
+      t = {
+        page_path: e
+      };
+    else if (e.path || e.fullPath) {
+      var n = getOptions(), i = n.pageTrackerUseFullPath, r = n.pageTrackerPrependBase, l = getRouter(), s = l && l.options.base, u = i ? e.fullPath : e.path;
+      t = _objectSpread2(_objectSpread2({}, e.name && {
+        page_title: e.name
+      }), {}, {
+        page_path: r ? getPathWithBase(u, s) : u
+      });
+    } else
+      t = e;
+    t.page_location == null && (t.page_location = window.location.href), t.send_page_view == null && (t.send_page_view = !0), event("page_view", t);
+  }
+}, screenview = function(e) {
+  var t = getOptions(), n = t.appName;
+  if (e) {
+    var i;
+    typeof e == "string" ? i = {
+      screen_name: e
+    } : i = e, i.app_name = i.app_name || n, event("screen_view", i);
+  }
+}, exception = function() {
+  for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
+    t[n] = arguments[n];
+  event.apply(void 0, ["exception"].concat(t));
+}, linker = function(e) {
+  config("linker", e);
+}, time = function(e) {
+  event("timing_complete", e);
+}, set = function() {
+  for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
+    t[n] = arguments[n];
+  query.apply(void 0, ["set"].concat(t));
+}, refund = function() {
+  for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
+    t[n] = arguments[n];
+  event.apply(void 0, ["refund"].concat(t));
+}, purchase = function(e) {
+  event("purchase", e);
+}, customMap = function(e) {
+  config({
+    custom_map: e
+  });
+}, api = /* @__PURE__ */ Object.freeze({
+  __proto__: null,
+  query,
+  config,
+  optOut,
+  optIn,
+  pageview,
+  screenview,
+  exception,
+  linker,
+  time,
+  set,
+  refund,
+  purchase,
+  customMap,
+  event
+}), attachApi = function(t) {
+  t.config.globalProperties.$gtag = api;
+}, registerGlobals = function() {
+  if (isBrowser()) {
+    var e = getOptions(), t = e.enabled, n = e.globalObjectName, i = e.globalDataLayerName;
+    return window[n] == null && (window[i] = window[i] || [], window[n] = function() {
+      window[i].push(arguments);
+    }), window[n]("js", /* @__PURE__ */ new Date()), t || optOut(), window[n];
+  }
+}, mergeDefaultParams = function(t) {
+  return _objectSpread2({
+    send_page_view: !1
+  }, t);
+}, addConfiguration = function() {
+  var e = getOptions(), t = e.config, n = e.includes;
+  query("config", t.id, mergeDefaultParams(t.params)), Array.isArray(n) && n.forEach(function(i) {
+    query("config", i.id, mergeDefaultParams(i.params));
+  });
+}, track = function() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = getOptions(), i = n.appName, r = n.pageTrackerTemplate, l = n.pageTrackerScreenviewEnabled, s = n.pageTrackerSkipSamePath;
+  if (!(s && e.path === t.path)) {
+    var u = e;
+    if (isFunction(r) ? u = r(e, t) : l && (u = validateScreenviewShape({
+      app_name: i,
+      screen_name: e.name
+    })), l) {
+      screenview(u);
+      return;
+    }
+    pageview(u);
+  }
+}, isRouteExcluded = function(t) {
+  var n = getOptions(), i = n.pageTrackerExcludedRoutes;
+  return i.includes(t.path) || i.includes(t.name);
+}, addRoutesTracker = function() {
+  var e = getOptions(), t = e.onBeforeTrack, n = e.onAfterTrack, i = getRouter();
+  i.isReady().then(function() {
+    nextTick().then(function() {
+      var r = i.currentRoute;
+      addConfiguration(), !isRouteExcluded(r.value) && track(r.value);
+    }), i.afterEach(function(r, l) {
+      nextTick().then(function() {
+        isRouteExcluded(r) || (isFunction(t) && t(r, l), track(r, l), isFunction(n) && n(r, l));
+      });
+    });
+  });
+}, bootstrap = function() {
+  var e = getOptions(), t = e.onReady, n = e.onError, i = e.globalObjectName, r = e.globalDataLayerName, l = e.config, s = e.customResourceURL, u = e.customPreconnectOrigin, p = e.deferScriptLoad, f = e.pageTrackerEnabled, g = e.disableScriptLoad, m = !!(f && getRouter());
+  if (registerGlobals(), m ? addRoutesTracker() : addConfiguration(), !g)
+    return load("".concat(s, "?id=").concat(l.id, "&l=").concat(r), {
+      preconnectOrigin: u,
+      defer: p
+    }).then(function() {
+      t && t(window[i]);
+    }).catch(function(d) {
+      return n && n(d), d;
+    });
+}, install = function(t) {
+  var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, i = arguments.length > 2 ? arguments[2] : void 0;
+  attachApi(t), setOptions(n), setRouter(i), getOptions().bootstrap && bootstrap();
+};
+const require$$1 = /* @__PURE__ */ getAugmentedNamespace(vue_esmBundler), _hoisted_1$2 = { class: "fresh-booking-phone-input" }, _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __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(e, { emit: t }) {
+    const n = e, i = n.id || ranId(), r = ref({
+      code: "+45",
+      number: ""
+    });
+    function l() {
+      t("update:modelValue", `${r.value.code} ${r.value.number}`);
+    }
+    return onMounted(() => {
+      if (n.modelValue) {
+        const s = n.modelValue.split(" ");
+        r.value.code = s[0], r.value.number = s[1];
+      }
+    }), (s, u) => (openBlock(), createBlock(InputField, {
+      label: s.label,
+      id: unref(i),
+      type: "phone",
+      required: s.required,
+      readonly: s.readonly
+    }, {
+      default: withCtx(() => [
+        createBaseVNode("div", _hoisted_1$2, [
+          createVNode(TextField, {
+            modelValue: r.value.code,
+            "onUpdate:modelValue": u[0] || (u[0] = (p) => r.value.code = p),
+            type: "text",
+            id: unref(ranId)(),
+            name: "phone-code",
+            autocomplete: "tel-country-code",
+            icon: s.icon,
+            "icon-color": s.iconColor,
+            "icon-type": s.iconType,
+            placeholder: "+45",
+            required: s.required,
+            readonly: s.readonly,
+            "input-style": s.inputStyle,
+            onInput: u[1] || (u[1] = (p) => l())
+          }, null, 8, ["modelValue", "id", "icon", "icon-color", "icon-type", "required", "readonly", "input-style"]),
+          createVNode(TextField, {
+            modelValue: r.value.number,
+            "onUpdate:modelValue": u[2] || (u[2] = (p) => r.value.number = p),
+            type: "number",
+            name: "phone",
+            autocomplete: "tel-national",
+            id: unref(i),
+            placeholder: s.placeholder,
+            required: s.required,
+            readonly: s.readonly,
+            "input-style": s.inputStyle,
+            onInput: u[3] || (u[3] = (p) => l())
+          }, null, 8, ["modelValue", "id", "placeholder", "required", "readonly", "input-style"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["label", "id", "required", "readonly"]));
+  }
+}), PhoneField_vue_vue_type_style_index_0_scoped_bd936115_lang = "", PhoneField = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-bd936115"]]), _hoisted_1$1 = ["required", "type", "name", "readonly", "disabled", "value", "checked"], _hoisted_2$1 = ["data-test"], _hoisted_3 = { key: 0 }, _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __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(e, { emit: t }) {
+    const n = e;
+    function i() {
+      n.readonly !== !0 && t(
+        "update:modelValue",
+        n.type === "radio" ? n.val : n.numeric ? n.modelValue ? 0 : 1 : !n.modelValue
+      );
+    }
+    return (r, l) => (openBlock(), createBlock(InputField, {
+      required: r.required,
+      type: r.type,
+      readonly: r.readonly
+    }, {
+      default: withCtx(() => [
+        createBaseVNode("label", {
+          class: normalizeClass([
+            "fresh-booking-click-box-container",
+            { "is-readonly": r.readonly },
+            { "has-label": r.label },
+            r.type === "radio" ? "radio" : "checkbox"
+          ])
+        }, [
+          createBaseVNode("input", mergeProps(r.$attrs, {
+            required: !!r.required,
+            type: r.type,
+            name: r.name,
+            class: "hidden",
+            readonly: !!r.readonly,
+            disabled: !!r.readonly,
+            value: r.type === "radio" ? r.val : r.modelValue,
+            checked: r.type === "radio" ? r.val === r.modelValue : !!r.modelValue,
+            onChange: l[0] || (l[0] = (s) => i())
+          }), null, 16, _hoisted_1$1),
+          createBaseVNode("div", {
+            class: normalizeClass([
+              "fresh-booking-click-box",
+              { checked: r.type === "radio" ? r.val === r.modelValue : !!r.modelValue }
+            ]),
+            tabindex: "0",
+            style: normalizeStyle(r.inputStyle),
+            "data-test": r.name,
+            onKeyup: l[1] || (l[1] = withKeys((s) => i(), ["enter"]))
+          }, null, 46, _hoisted_2$1),
+          r.label ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(["fresh-booking-click-box-label", { "with-price": r.price }])
+          }, [
+            createBaseVNode("span", null, toDisplayString(r.label), 1),
+            r.price ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(r.price), 1)) : createCommentVNode("", !0)
+          ], 2)) : createCommentVNode("", !0)
+        ], 2)
+      ]),
+      _: 1
+    }, 8, ["required", "type", "readonly"]));
+  }
+}), Checkbox_vue_vue_type_style_index_0_scoped_7ef656cb_lang = "", Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-7ef656cb"]]), _hoisted_1 = { href: "https://policies.google.com/privacy" }, _hoisted_2 = { href: "https://policies.google.com/terms" }, _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GoogleNotice",
+  setup(e) {
+    const { t } = useI18n();
+    return (n, i) => (openBlock(), createElementBlock("span", null, [
+      createTextVNode(toDisplayString(unref(t)("googleNotice")) + " ", 1),
+      createBaseVNode("a", _hoisted_1, toDisplayString(unref(t)("googlePrivacyPolicy")), 1),
+      createTextVNode(" " + toDisplayString(unref(t)("googleAnd")) + " ", 1),
+      createBaseVNode("a", _hoisted_2, toDisplayString(unref(t)("googleTOS")), 1),
+      createTextVNode(" " + toDisplayString(unref(t)("googleApply")) + ". ", 1)
+    ]));
+  }
+});
+function block0(e) {
+  const t = e;
+  t.__i18n = t.__i18n || [], t.__i18n.push({
+    locale: "",
+    resource: {
+      da: {
+        googleNotice: (n) => {
+          const { normalize: i } = n;
+          return i(["Denne side er beskyttet af reCAPTCHA og Google's"]);
+        },
+        googlePrivacyPolicy: (n) => {
+          const { normalize: i } = n;
+          return i(["Privatlivspolitik"]);
+        },
+        googleAnd: (n) => {
+          const { normalize: i } = n;
+          return i(["og"]);
+        },
+        googleTOS: (n) => {
+          const { normalize: i } = n;
+          return i(["Servicevilkår"]);
+        },
+        googleApply: (n) => {
+          const { normalize: i } = n;
+          return i(["er gældende"]);
+        }
+      },
+      en: {
+        googleNotice: (n) => {
+          const { normalize: i } = n;
+          return i(["This site is protected by reCAPTCHA and the Google"]);
+        },
+        googlePrivacyPolicy: (n) => {
+          const { normalize: i } = n;
+          return i(["Privacy Policy"]);
+        },
+        googleAnd: (n) => {
+          const { normalize: i } = n;
+          return i(["and"]);
+        },
+        googleTOS: (n) => {
+          const { normalize: i } = n;
+          return i(["Terms of Service"]);
+        },
+        googleApply: (n) => {
+          const { normalize: i } = n;
+          return i(["apply"]);
+        }
+      }
+    }
+  });
+}
+typeof block0 == "function" && block0(_sfc_main);
+var a = Object.defineProperty, c = (e, t, n) => t in e ? a(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, o = (e, t, n) => (c(e, typeof t != "symbol" ? t + "" : t, n), n);
+const namespace = "@@vue3-sticky-directive", events = [
+  "resize",
+  "scroll",
+  "touchstart",
+  "touchmove",
+  "touchend",
+  "pageshow",
+  "load"
+], batchStyle = (e, t = {}, n = {}) => {
+  for (let i in t)
+    e.style[i] = t[i];
+  for (let i in n)
+    n[i] && !e.classList.contains(i) ? e.classList.add(i) : !n[i] && e.classList.contains(i) && e.classList.remove(i);
+};
+class Sticky {
+  constructor(e, t) {
+    o(this, "el"), o(this, "vm"), o(this, "unSubscribers"), o(this, "isPending"), o(this, "state"), o(this, "lastState"), o(this, "options"), o(this, "placeholderEl"), o(this, "containerEl"), this.el = e, this.vm = t, this.unSubscribers = [], this.isPending = !1, this.state = {
+      isTopSticky: null,
+      isBottomSticky: null,
+      height: null,
+      width: null,
+      xOffset: null
+    }, this.lastState = {
+      top: null,
+      bottom: null,
+      sticked: !1
+    };
+    const n = this.getAttribute("sticky-offset") || {}, i = this.getAttribute("sticky-side") || "top", r = this.getAttribute("sticky-z-index") || "10", l = this.getAttribute("on-stick") || null;
+    this.options = {
+      topOffset: Number(n.top) || 0,
+      bottomOffset: Number(n.bottom) || 0,
+      shouldTopSticky: i === "top" || i === "both",
+      shouldBottomSticky: i === "bottom" || i === "both",
+      zIndex: r,
+      onStick: l
+    };
+  }
+  doBind() {
+    if (this.unSubscribers.length > 0)
+      return;
+    const { el: e, vm: t } = this;
+    t.$nextTick(() => {
+      this.placeholderEl = document.createElement("div"), this.containerEl = this.getContainerEl(), e.parentElement.insertBefore(this.placeholderEl, e), events.forEach((n) => {
+        const i = this.update.bind(this);
+        this.unSubscribers.push(() => window.removeEventListener(n, i)), this.unSubscribers.push(() => this.containerEl.removeEventListener(n, i)), window.addEventListener(n, i, { passive: !0 }), this.containerEl.addEventListener(n, i, { passive: !0 });
+      });
+    });
+  }
+  doUnbind() {
+    this.unSubscribers.forEach((e) => e()), this.unSubscribers = [], this.resetElement();
+  }
+  update() {
+    this.isPending || (requestAnimationFrame(() => {
+      this.isPending = !1, this.recomputeState(), this.updateElements();
+    }), this.isPending = !0);
+  }
+  isTopSticky() {
+    if (!this.options.shouldTopSticky)
+      return !1;
+    const e = this.state.placeholderElRect.top, t = this.state.containerElRect.bottom, n = this.options.topOffset, i = this.options.bottomOffset;
+    return e <= n && t >= i;
+  }
+  isBottomSticky() {
+    if (!this.options.shouldBottomSticky)
+      return !1;
+    const e = window.innerHeight - this.state.placeholderElRect.top - this.state.height, t = window.innerHeight - this.state.containerElRect.top, n = this.options.topOffset, i = this.options.bottomOffset;
+    return e <= i && t >= n;
+  }
+  recomputeState() {
+    this.state = Object.assign({}, this.state, {
+      height: this.getHeight(),
+      width: this.getWidth(),
+      xOffset: this.getXOffset(),
+      placeholderElRect: this.getPlaceholderElRect(),
+      containerElRect: this.getContainerElRect()
+    }), this.state.isTopSticky = this.isTopSticky(), this.state.isBottomSticky = this.isBottomSticky();
+  }
+  fireEvents() {
+    typeof this.options.onStick == "function" && (this.lastState.top !== this.state.isTopSticky || this.lastState.bottom !== this.state.isBottomSticky || this.lastState.sticked !== (this.state.isTopSticky || this.state.isBottomSticky)) && (this.lastState = {
+      top: this.state.isTopSticky,
+      bottom: this.state.isBottomSticky,
+      sticked: this.state.isBottomSticky || this.state.isTopSticky
+    }, this.options.onStick(this.lastState));
+  }
+  updateElements() {
+    const e = {
+      paddingTop: 0
+    }, t = {
+      position: "static",
+      top: "auto",
+      bottom: "auto",
+      left: "auto",
+      width: "auto",
+      zIndex: this.options.zIndex
+    }, n = {
+      "vue-sticky-placeholder": !0
+    }, i = {
+      "vue-sticky-el": !0,
+      "top-sticky": !1,
+      "bottom-sticky": !1
+    };
+    if (this.state.isTopSticky) {
+      t.position = "fixed", t.top = this.options.topOffset + "px", t.left = this.state.xOffset + "px", t.width = this.state.width + "px";
+      const r = this.state.containerElRect.bottom - this.state.height - this.options.bottomOffset - this.options.topOffset;
+      r < 0 && (t.top = r + this.options.topOffset + "px"), e.paddingTop = this.state.height + "px", i["top-sticky"] = !0;
+    } else if (this.state.isBottomSticky) {
+      t.position = "fixed", t.bottom = this.options.bottomOffset + "px", t.left = this.state.xOffset + "px", t.width = this.state.width + "px";
+      const r = window.innerHeight - this.state.containerElRect.top - this.state.height - this.options.bottomOffset - this.options.topOffset;
+      r < 0 && (t.bottom = r + this.options.bottomOffset + "px"), e.paddingTop = this.state.height + "px", i["bottom-sticky"] = !0;
+    } else
+      e.paddingTop = 0;
+    batchStyle(this.el, t, i), batchStyle(this.placeholderEl, e, n), this.fireEvents();
+  }
+  resetElement() {
+    ["position", "top", "bottom", "left", "width", "zIndex"].forEach((t) => {
+      this.el.style.removeProperty(t);
+    }), this.el.classList.remove("bottom-sticky", "top-sticky");
+    const { parentElement: e } = this.placeholderEl;
+    e && e.removeChild(this.placeholderEl);
+  }
+  getContainerEl() {
+    let e = this.el.parentElement;
+    for (; e && e.tagName !== "HTML" && e.tagName !== "BODY" && e.nodeType === 1; ) {
+      if (e.hasAttribute("sticky-container"))
+        return e;
+      e = e.parentElement;
+    }
+    return this.el.parentElement;
+  }
+  getXOffset() {
+    return this.placeholderEl.getBoundingClientRect().left;
+  }
+  getWidth() {
+    return this.placeholderEl.getBoundingClientRect().width;
+  }
+  getHeight() {
+    return this.el.getBoundingClientRect().height;
+  }
+  getPlaceholderElRect() {
+    return this.placeholderEl.getBoundingClientRect();
+  }
+  getContainerElRect() {
+    return this.containerEl.getBoundingClientRect();
+  }
+  getAttribute(name) {
+    const expr = this.el.getAttribute(name);
+    let result;
+    if (expr)
+      if (this.vm[expr])
+        result = this.vm[expr];
+      else
+        try {
+          result = eval(`(${expr})`);
+        } catch (e) {
+          result = expr;
+        }
+    return result;
+  }
+}
+const Sticky$1 = {
+  mounted(e, t) {
+    (typeof t.value > "u" || t.value) && (e[namespace] = new Sticky(e, t.instance), e[namespace].doBind());
+  },
+  unmounted(e) {
+    e[namespace] && (e[namespace].doUnbind(), e[namespace] = void 0);
+  },
+  updated(e, t) {
+    typeof t.value > "u" || t.value ? (e[namespace] || (e[namespace] = new Sticky(e, t.instance)), e[namespace].doBind()) : e[namespace] && e[namespace].doUnbind();
+  }
+}, StickyPlugin = {
+  install(e) {
+    e.directive("Sticky", Sticky$1);
+  }
+};
+export {
+  Checkbox as C,
+  PhoneField as P,
+  StickyPlugin as S,
+  _sfc_main as _,
+  event as e,
+  install as i,
+  require$$1 as r,
+  setOptions as s
+};
+//# sourceMappingURL=index-937554a9.mjs.map