@cling-se/widget 0.19.7 → 0.19.9

package/dist/{Index-BbVHxVFJ.js → Index--_tbiloB.js}

@@ -1,14 +1,14 @@
-import { V as x, aH as A, l as z, a as P, g as V, k as T, _ as D, e as y, o as r, c as p, w as g, f as c, j as i, b as d, Y as k, t as o, d as w, x as l, y as B, n as E, i as N, af as O, I as b, Z as M, aa as S } from "./main-C2Q8_T2Y.js";
-import "./template-DzrGrOEa.js";
-import { s as L, i as $ } from "./dom-DOcGU3-g.js";
-import { v as q } from "./validation-38muBV6x.js";
-import { i as R } from "./DocumentLayout-DaVz9SGF.js";
-import { w as I } from "./CDropdownItem-B5rgSee7.js";
-import { D as j } from "./DocModalBase-DbuJwHXi.js";
-import { _ as U } from "./CFormField.vue_vue_type_script_setup_true_lang-CVy64zGe.js";
-import { u as F } from "./index-B86TZXOh.js";
-import { a as H, m as W, b as K } from "./index-BH5vwOzR.js";
-function Y(e) {
+import { J as x, aJ as A, l as z, _ as D, m as P, b as y, c as p, o as r, w as g, e as c, j as i, d, W as k, t as o, f as w, q as l, x as T, k as B, g as V, a4 as E, ap as N, u as b, al as O, h as M, af as S } from "./main-BkjAGG46.js";
+import "./template-Cvzvayl5.js";
+import { i as L, s as $ } from "./dom-DOcGU3-g.js";
+import { v as q } from "./validation-K11g55ZB.js";
+import { i as R } from "./DocumentLayout-C-V_5p3r.js";
+import { w as I } from "./CDropdownItem-B9dja0RC.js";
+import { D as j } from "./DocModalBase-CNo1u8TK.js";
+import { _ as U } from "./CFormField.vue_vue_type_script_setup_true_lang-HLxgkrxm.js";
+import { u as F } from "./index-DsvlNA3Q.js";
+import { a as H, m as W, b as J } from "./index-DPlBYqKB.js";
+function K(e) {
   const { isValid: t } = x(q, null) || {}, { show: n, getOpenInstances: v } = A();
   function s() {
     var m;
@@ -27,7 +27,7 @@ function Y(e) {
         z(
           () => import(
             // @ts-ignore
-            "./AnswerModal-DfjF-RVP.js"
+            "./AnswerModal-C_vekdpA.js"
           )
         ),
         {
@@ -53,7 +53,7 @@ function Y(e) {
     answer: a
   };
 }
-const Z = {
+const G = {
   i18nOptions: {
     namespaces: "components",
     keyPrefix: "document.propertyDesignationModal"
@@ -98,8 +98,8 @@ const Z = {
     return {
       condominiumId: {
         required: H(this.form === "condominium"),
-        minLength: W(4),
-        maxLength: K(4)
+        minLength: J(4),
+        maxLength: W(4)
       },
       condominiumOrgNo: {
         required: H(this.form === "condominium")
@@ -163,11 +163,11 @@ const Z = {
           }
         }), this.reloadCurrentDocument(), this.view = "complete";
       } catch (t) {
-        T(t);
+        B(t);
       }
     }
   }
-}, G = { key: 1 }, J = { class: "mb-2 text-lg font-semibold" }, Q = { class: "text-gray-700" }, X = { key: 2 }, ee = { class: "mb-2 text-lg font-semibold" }, te = { class: "text-gray-700" }, ne = {
+}, Q = { key: 1 }, X = { class: "mb-2 text-lg font-semibold" }, Y = { class: "text-gray-700" }, Z = { key: 2 }, ee = { class: "mb-2 text-lg font-semibold" }, te = { class: "text-gray-700" }, ne = {
   href: "https://www.lantmateriet.se/",
   target: "_blank",
   rel: "noopener",
@@ -180,7 +180,7 @@ function pe(e, t, n, v, s, a) {
   const m = y("CButton"), u = y("CInput"), h = y("CField"), _ = y("CIcon"), C = y("DocModalBase");
   return r(), p(C, {
     ref: "root",
-    class: B([{ "full-screen": e.mq === "sm" }]),
+    class: T([{ "full-screen": e.mq === "sm" }]),
     onClose: t[8] || (t[8] = (f) => e.$emit("close"))
   }, {
     default: g(() => [
@@ -201,11 +201,11 @@ function pe(e, t, n, v, s, a) {
           }),
           class: "negate-padding relative mb-8 border-b border-gray-100 bg-gray-50 pb-8 text-center"
         }, [
-          s.view === "start" ? (r(), d("div", G, [
-            i("div", J, o(e.$t("title")), 1),
-            i("div", Q, o(e.$t("subTitle", { senderName: n.senderName })), 1)
+          s.view === "start" ? (r(), d("div", Q, [
+            i("div", X, o(e.$t("title")), 1),
+            i("div", Y, o(e.$t("subTitle", { senderName: n.senderName })), 1)
           ])) : c("", !0),
-          s.view === "form" ? (r(), d("div", X, [
+          s.view === "form" ? (r(), d("div", Z, [
             w(m, {
               circle: "",
               class: "absolute left-4 top-4",
@@ -376,7 +376,7 @@ function pe(e, t, n, v, s, a) {
     _: 1
   }, 8, ["class"]);
 }
-const ye = /* @__PURE__ */ D(Z, [["render", pe]]), Ce = {
+const ye = /* @__PURE__ */ D(G, [["render", pe]]), Ce = {
   i18nOptions: {
     namespaces: "docAnswer",
     messages: {
@@ -408,13 +408,13 @@ const ye = /* @__PURE__ */ D(Z, [["render", pe]]), Ce = {
     }
   },
   setup(e) {
-    const { answer: t } = Y(e._document);
+    const { answer: t } = K(e._document);
     return { onAnswer: t };
   },
   data() {
     return {
       isInViewport: !1,
-      scrollToElement: L
+      scrollToElement: $
     };
   },
   computed: {
@@ -437,7 +437,7 @@ const ye = /* @__PURE__ */ D(Z, [["render", pe]]), Ce = {
       );
     },
     propertyDesignation() {
-      return E(this._document, "clients[0].region.propertyDesignation", null);
+      return S(this._document, "clients[0].region.propertyDesignation", null);
     }
   },
   watch: {
@@ -450,7 +450,7 @@ const ye = /* @__PURE__ */ D(Z, [["render", pe]]), Ce = {
     isInViewport: {
       immediate: !0,
       handler(e, t) {
-        e !== t && N.trigger("ui:document.block.answer.visible", e);
+        e !== t && M.trigger("ui:document.block.answer.visible", e);
       }
     }
   },
@@ -465,7 +465,7 @@ const ye = /* @__PURE__ */ D(Z, [["render", pe]]), Ce = {
   },
   methods: {
     scrollHandler() {
-      this.$refs.answerButtons && (this.isInViewport = $(this.$refs.answerButtons));
+      this.$refs.answerButtons && (this.isInViewport = L(this.$refs.answerButtons));
     },
     showPropertyDesignation() {
       this.$modal.show(
@@ -509,10 +509,10 @@ const ye = /* @__PURE__ */ D(Z, [["render", pe]]), Ce = {
   class: "flex justify-center"
 };
 function Me(e, t, n, v, s, a) {
-  const m = y("CButton"), u = S("tooltip");
+  const m = y("CButton"), u = E("tooltip");
   return n._document.answerActions.showActions && !a.isPdf ? (r(), d("div", _e, [
     i("div", be, [
-      w(M, {
+      w(O, {
         name: "fade",
         mode: "out-in"
       }, {
@@ -524,7 +524,7 @@ function Me(e, t, n, v, s, a) {
               style: k([{ "max-width": "720px", margin: "0 auto", padding: "0 calc(3 * var(--rem))" }, e.mq === "sm" ? { padding: "0 calc(1.5 * var(--rem))" } : null])
             }, [
               l(o(n._document.$t("chapters.answerButtons.inPersonSignatureHint")) + " ", 1),
-              (r(), p(O(n._document.sender.user.email ? "a" : "span"), {
+              (r(), p(N(n._document.sender.user.email ? "a" : "span"), {
                 href: `mailto:${n._document.sender.user.email}`
               }, {
                 default: g(() => [
@@ -623,7 +623,7 @@ function Me(e, t, n, v, s, a) {
     ])) : c("", !0)
   ])) : c("", !0);
 }
-const Ye = /* @__PURE__ */ D(Ce, [["render", Me], ["__scopeId", "data-v-4b4d7eb6"]]);
+const Ke = /* @__PURE__ */ D(Ce, [["render", Me], ["__scopeId", "data-v-4b4d7eb6"]]);
 export {
-  Ye as default
+  Ke as default
 };

package/dist/{Index-y_AJP61r.js → Index-437smvNJ.js}

@@ -1,5 +1,5 @@
-import { aj as k, V as o, Q as c, l as h, o as r, b as i, c as v, af as x, y, U as a, j as l, x as T, t as m, ab as B, _ as b } from "./main-C2Q8_T2Y.js";
-import { u as C } from "./useTermsModal-Be4HLDDm.js";
+import { a7 as k, J as o, H as c, l as h, d as i, o as r, c as v, ap as x, x as T, I as a, j as l, q as y, t as d, an as B, _ as C } from "./main-BkjAGG46.js";
+import { u as b } from "./useTermsModal-D2gYy-TP.js";
 const g = {
   key: 1,
   class: "terms-disclaimer"
@@ -13,10 +13,10 @@ const g = {
     _document: {}
   },
   setup(e) {
-    const { showTermsModal: d } = C(), s = o("isPdf", !1), f = o("_firstBlock", !1), p = o("_lastBlock", !1), n = c(
-      () => s ? h(() => import("./PdfTerms-CGeJDJpQ.js")) : null
+    const { showTermsModal: m } = b(), s = o("isPdf", !1), f = o("_firstBlock", !1), p = o("_lastBlock", !1), n = c(
+      () => s ? h(() => import("./PdfTerms-sQh93Xit.js")) : null
     ), u = c(() => s && n), _ = () => {
-      d({
+      m({
         text: e.text,
         _document: e._document,
         termType: e.termType,
@@ -24,9 +24,9 @@ const g = {
         href: e.href
       });
     };
-    return (t, P) => u.value ? (r(), i("div", {
+    return (t, I) => u.value ? (r(), i("div", {
       key: 0,
-      class: y({
+      class: T({
         "break-before-page": a(s) && !a(f),
         "break-after-page": a(s) && !a(p)
       })
@@ -37,16 +37,16 @@ const g = {
       }, null, 8, ["text", "file"]))
     ], 2)) : (r(), i("div", g, [
       l("div", w, [
-        T(m(t._document.$t("chapters.termsDisclaimer.description")) + " ", 1),
+        y(d(t._document.$t("chapters.termsDisclaimer.description")) + " ", 1),
         l("a", {
           onClick: B(_, ["prevent"]),
           target: "_blank",
           rel: "noopener"
-        }, m(t._document.$t("chapters.termsDisclaimer.termsAndConditions")), 1)
+        }, d(t._document.$t("chapters.termsDisclaimer.termsAndConditions")), 1)
       ])
     ]));
   }
-}), M = /* @__PURE__ */ b(D, [["__scopeId", "data-v-7c03eed7"]]);
+}), j = /* @__PURE__ */ C(D, [["__scopeId", "data-v-7c03eed7"]]);
 export {
-  M as default
+  j as default
 };

package/dist/{Index-ezY0DbcB.js → Index-8CyLDQv2.js}

@@ -1,6 +1,6 @@
-import { m as g } from "./mapFormMixin-CjfqZnmd.js";
-import { _ as c, l, S as y, o as n, b as t, j as a, t as V, d as m, D as w, f as d, y as z, F as C, c as E, w as S, e as r } from "./main-C2Q8_T2Y.js";
-import { f as k } from "./focusDrawerMixin-BmyahQiE.js";
+import { m as g } from "./mapFormMixin-DLFNPgNO.js";
+import { _ as c, S as y, l, b as r, d as t, o as n, j as a, e as d, f as m, t as V, R as w, x as z, F as C, c as E, w as S } from "./main-BkjAGG46.js";
+import { f as k } from "./focusDrawerMixin-DlcYhFw8.js";
 const h = {
   name: "Embed",
   i18nOptions: {
@@ -15,8 +15,8 @@ const h = {
     }
   },
   components: {
-    EmbedSettings: l(() => import("./EmbedSettings-B0X6A9Uy.js")),
-    EmbedInput: l(() => import("./EmbedInput-CJL5y3Zj.js")),
+    EmbedSettings: l(() => import("./EmbedSettings-DhwFGdKH.js")),
+    EmbedInput: l(() => import("./EmbedInput-iG-cDNzZ.js")),
     Spinner: y
   },
   mixins: [g(["embed", "size"]), k],

package/dist/{Index-Cjg3X74T.js → Index-B1tFrOfN.js}

@@ -1,22 +1,22 @@
-import { m as i } from "./mapFormMixin-CjfqZnmd.js";
-import { _ as p, l as e, o, c as a, e as s } from "./main-C2Q8_T2Y.js";
+import { m as i } from "./mapFormMixin-DLFNPgNO.js";
+import { _ as p, l as e, b as o, c as a, o as s } from "./main-BkjAGG46.js";
 const u = {
   name: "EstimatedWorkStartAndEndAtText",
   components: {
-    Read: e(() => import("./Index-yS5OPrJJ.js")),
-    Edit: e(() => import("./Index-D-gJQEAD.js"))
+    Read: e(() => import("./Index-DzugmOmj.js")),
+    Edit: e(() => import("./Index-CHIQWumi.js"))
   },
   emits: ["input"],
   mixins: [i(["startAt", "endAt"])]
 };
 function c(t, n, l, _, f, A) {
-  const r = s("Edit"), d = s("Read");
-  return t.canEdit ? (o(), a(r, {
+  const r = o("Edit"), d = o("Read");
+  return t.canEdit ? (s(), a(r, {
     key: 0,
     _document: t._document,
     _value: t._value,
     onInput: n[0] || (n[0] = (m) => t.$emit("input", m))
-  }, null, 8, ["_document", "_value"])) : (o(), a(d, {
+  }, null, 8, ["_document", "_value"])) : (s(), a(d, {
     key: 1,
     "start-at": t.startAt,
     "end-at": t.endAt

package/dist/{Index-Ct735UtM.js → Index-BFwz1G_7.js}

@@ -1,5 +1,5 @@
-import { _ as o } from "./PlainHtml.vue_vue_type_script_setup_true_lang-BtnMqKcE.js";
-import { d as e, x as t } from "./main-C2Q8_T2Y.js";
+import { _ as o } from "./PlainHtml.vue_vue_type_script_setup_true_lang-tY-SurWr.js";
+import { f as e, q as t } from "./main-BkjAGG46.js";
 const d = {
   name: "ExtraWorkTimeImpactTextRead",
   props: {

package/dist/{Index-BlownK7_.js → Index-BXqNV8F_.js}

@@ -1,4 +1,4 @@
-import { _, E as g, o as s, b as o, F as u, G as d, j as r, x as h, t as a } from "./main-C2Q8_T2Y.js";
+import { _, d as s, o, j as r, F as u, n as d, q as g, t as a, s as h } from "./main-BkjAGG46.js";
 const b = {
   name: "MultiGroupPricing",
   props: {
@@ -44,7 +44,7 @@ const b = {
   },
   methods: {
     priceFormat(c, e) {
-      return g(c, {
+      return h(c, {
         currency: this._document.currency,
         showZero: !0,
         decimals: 2,
@@ -58,16 +58,16 @@ const b = {
   style: { "margin-left": "auto", "font-size": "calc(1 * var(--rem))" }
 }, F = { style: { "margin-top": "calc(1 * var(--rem))" } };
 function $(c, e, p, m, f, i) {
-  return s(), o("div", null, [
-    (s(!0), o(u, null, d(i.pkgGroups, (t, l) => (s(), o("div", {
+  return o(), s("div", null, [
+    (o(!0), s(u, null, d(i.pkgGroups, (t, l) => (o(), s("div", {
       key: l,
       style: { padding: "calc(0.5 * var(--rem)) 0" }
     }, [
       r("div", x, [
-        h(a(t.title) + " ", 1),
+        g(a(t.title) + " ", 1),
         r("span", k, a(t.noOfSelectedPackages) + " paket ", 1)
       ]),
-      (s(!0), o(u, null, d(t.priceItems, ({ label: n, value: v }, y) => (s(), o("div", {
+      (o(!0), s(u, null, d(t.priceItems, ({ label: n, value: v }, y) => (o(), s("div", {
         key: n + y,
         style: { display: "flex", "justify-content": "space-between", "font-size": "calc(1 * var(--rem))" }
       }, [
@@ -77,7 +77,7 @@ function $(c, e, p, m, f, i) {
     ]))), 128)),
     r("div", F, [
       e[0] || (e[0] = r("div", { style: { "font-size": "calc(1.1 * var(--rem))", "font-weight": "600", "padding-bottom": "3px", "border-bottom": "1px solid rgba(0, 0, 0, 0.2)" } }, " Doc summary ", -1)),
-      (s(!0), o(u, null, d(i.docPriceItems, ({ label: t, value: l }, n) => (s(), o("div", {
+      (o(!0), s(u, null, d(i.docPriceItems, ({ label: t, value: l }, n) => (o(), s("div", {
         key: n + t,
         style: { display: "flex", "justify-content": "space-between", "font-size": "calc(1 * var(--rem))" }
       }, [

package/dist/{Index-B53eUt7Y.js → Index-Bege0Vce.js}

@@ -1,9 +1,9 @@
-import { m as D } from "./mapFormMixin-CjfqZnmd.js";
-import { C as S } from "./CSelect-CmoAbVkP.js";
-import { b as A } from "./CDropdownItem-B5rgSee7.js";
-import { _ as U, e as v, o as u, b as p, d as h, j as i, x as l, t as n, w as k, F as V, G as y, f, aC as E } from "./main-C2Q8_T2Y.js";
-import { u as O } from "./index-B86TZXOh.js";
-import { a as d } from "./index-BH5vwOzR.js";
+import { m as D } from "./mapFormMixin-DLFNPgNO.js";
+import { C as S } from "./CSelect-D4A_clvT.js";
+import { b as A } from "./CDropdownItem-B9dja0RC.js";
+import { _ as U, b as v, d as u, o as p, f as h, e as f, j as i, q as l, t as n, w as k, F as V, n as y, aI as E } from "./main-BkjAGG46.js";
+import { u as O } from "./index-DsvlNA3Q.js";
+import { a as d } from "./index-DPlBYqKB.js";
 const $ = (t, e) => t ? E(e.workStartAt || /* @__PURE__ */ new Date(), t) >= 0 : !0, C = {
   name: "ExtraWorkTimeImpactTextEdit",
   i18nOptions: {
@@ -117,10 +117,10 @@ const $ = (t, e) => t ? E(e.workStartAt || /* @__PURE__ */ new Date(), t) >= 0 :
       this.$emit("input", { key: e, value: void 0 });
     }
   }
-}, T = { style: { position: "relative" } }, b = { key: 0 }, I = { class: "inline-form" }, F = ["value", "max"], M = ["value", "min"], _ = { value: "extend" }, q = { value: "shorten" }, B = ["value"], j = { value: "days" }, z = { value: "weeks" }, N = { value: "months" };
+}, T = { style: { position: "relative" } }, b = { key: 0 }, I = { class: "inline-form" }, q = ["value", "max"], F = ["value", "min"], M = { value: "extend" }, _ = { value: "shorten" }, B = ["value"], j = { value: "days" }, z = { value: "weeks" }, N = { value: "months" };
 function L(t, e, w, a, s, m) {
   const g = v("CSwitch"), c = v("CSelect");
-  return u(), p("div", T, [
+  return p(), u("div", T, [
     h(g, {
       modelValue: s.isOpen,
       "onUpdate:modelValue": [
@@ -129,7 +129,7 @@ function L(t, e, w, a, s, m) {
       ],
       style: { position: "absolute", right: "0", top: "calc(-0.5 * var(--rem))", transform: "translateY(-100%)" }
     }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-    s.isOpen ? (u(), p("div", b, [
+    s.isOpen ? (p(), u("div", b, [
       i("div", I, [
         l(n(t.$t("inlineForm.1")) + " ", 1),
         i("input", {
@@ -141,7 +141,7 @@ function L(t, e, w, a, s, m) {
             var r;
             return t.workStartAt = (r = o.target) != null && r.value ? new Date(o.target.value).toISOString() : null;
           })
-        }, null, 40, F),
+        }, null, 40, q),
         l(" " + n(t.$t("inlineForm.2")) + " ", 1),
         i("input", {
           type: "date",
@@ -152,7 +152,7 @@ function L(t, e, w, a, s, m) {
             var r;
             return t.workEndAt = (r = o.target) != null && r.value ? new Date(o.target.value).toISOString() : null;
           })
-        }, null, 40, M),
+        }, null, 40, F),
         l(". " + n(t.$t("inlineForm.3")) + " ", 1),
         h(c, {
           modelValue: t.timeDeltaDirection,
@@ -161,8 +161,8 @@ function L(t, e, w, a, s, m) {
           class: "select-width input-inline-language"
         }, {
           default: k(() => [
-            i("option", _, n(t.$t("_common:extend").toLowerCase()), 1),
-            i("option", q, n(t.$t("_common:shorten").toLowerCase()), 1)
+            i("option", M, n(t.$t("_common:extend").toLowerCase()), 1),
+            i("option", _, n(t.$t("_common:shorten").toLowerCase()), 1)
           ]),
           _: 1
         }, 8, ["modelValue", "placeholder"]),
@@ -175,7 +175,7 @@ function L(t, e, w, a, s, m) {
           style: { width: "calc(2 * var(--rem))", "margin-right": "calc(0.5 * var(--rem))" }
         }, {
           default: k(() => [
-            (u(), p(V, null, y(31, (o, r) => i("option", {
+            (p(), u(V, null, y(31, (o, r) => i("option", {
               key: r,
               value: o - 1,
               style: { "font-size": "calc(calc(1 * var(--rem)) + 1px)", "text-align": "center" }
@@ -199,7 +199,7 @@ function L(t, e, w, a, s, m) {
         }, 8, ["modelValue", "placeholder"]),
         e[8] || (e[8] = l(". "))
       ]),
-      a.v$.$invalid && a.v$.$dirty ? (u(), p("div", {
+      a.v$.$invalid && a.v$.$dirty ? (p(), u("div", {
         key: 0,
         class: "error-wrapper",
         onClick: e[7] || (e[7] = (o) => a.v$.$touch())

package/dist/{Index-BTDQax0X.js → Index-Bg1kzWCp.js}

@@ -1,30 +1,31 @@
-import { m as z } from "./mapFormMixin-CjfqZnmd.js";
-import { f as S } from "./focusDrawerMixin-BmyahQiE.js";
-import { l as c, a9 as $, _ as g, o as a, b as d, F as y, G as w, c as l, af as h, w as f, Y as _, d as k, f as P, D as b, e as p } from "./main-C2Q8_T2Y.js";
-import { M as H, g as I } from "./splitpanes-CuxtOZyV.js";
-const M = {
+import { m as g } from "./mapFormMixin-DLFNPgNO.js";
+import { f as $ } from "./focusDrawerMixin-DlcYhFw8.js";
+import { u as b } from "./DocumentLayout-C-V_5p3r.js";
+import { _ as C, X as k, l as v, H as y, d as h, c as u, o as a, F as f, n as _, ap as c, w, W as P, b as p, e as z, f as H, R as I } from "./main-BkjAGG46.js";
+import { g as M, M as R } from "./splitpanes-CsJipBiG.js";
+const W = {
   name: "HeaderItems",
   components: {
-    MediaWrapper: c(() => import("./MediaWrapper-Ci0XPCcb.js")),
-    ContentWrapper: c(() => import("./ContentWrapper-CS-Bh4Bk.js")),
-    Splitpanes: H,
-    Pane: I
+    MediaWrapper: v(() => import("./MediaWrapper-CP_1JzGI.js")),
+    ContentWrapper: v(() => import("./ContentWrapper-Cwd6t51-.js")),
+    Splitpanes: R,
+    Pane: M
   },
   emits: ["input"],
-  mixins: [z(["layout", "items", "baseStyle"])],
+  mixins: [g(["layout", "items", "baseStyle"])],
   props: {
     showControls: {
       type: Boolean,
       default: !1
     }
   },
+  setup() {
+    const e = b(), t = y(() => e.value <= 640 ? "mobile" : e.value <= 1024 ? "tablet" : "desktop"), s = y(() => t.value === "mobile"), n = y(
+      () => t.value === "desktop" || t.value === "tablet"
+    );
+    return { device: t, forceHorizontal: s, canResize: n };
+  },
   computed: {
-    forceHorizontal() {
-      return this.device === "mobile";
-    },
-    canResize() {
-      return this.device === "desktop" || this.device === "tablet";
-    },
     useSplitPane() {
       return this.canEdit && this.canResize;
     }
@@ -45,56 +46,56 @@ const M = {
         t && !t.classList.contains("no-drag") && t.classList.add("no-drag");
       }, 0);
     },
-    onResize: $(function([{ size: t }]) {
-      const s = Math.round(t), v = 100 - s;
-      this.items = this.items.map((r, o) => ({ ...r, size: [s, v][o] }));
+    onResize: k(function([{ size: t }]) {
+      const s = Math.round(t), n = 100 - s;
+      this.items = this.items.map((r, o) => ({ ...r, size: [s, n][o] }));
     }, 100)
   }
 }, D = {
   key: 0,
   style: { position: "relative", "min-height": "calc(100 * var(--vh, 1vh))" }
 };
-function N(e, t, s, v, r, o) {
-  return e.layout === "center" ? (a(), d("div", D, [
-    (a(!0), d(y, null, w(e.items, (n, i) => (a(), l(h(`${n.type}Wrapper`), {
+function N(e, t, s, n, r, o) {
+  return e.layout === "center" ? (a(), h("div", D, [
+    (a(!0), h(f, null, _(e.items, (l, i) => (a(), u(c(`${l.type}Wrapper`), {
       key: i,
-      size: n.size,
+      size: l.size,
       _document: e._document,
       _value: { ...e._value, item: `${e._value.items}.${i}` },
       "has-hover": s.showControls,
       class: "item",
       style: { position: "absolute", left: "0", top: "0", right: "0", bottom: "0" },
-      onInput: t[0] || (t[0] = (u) => e.$emit("input", u))
+      onInput: t[0] || (t[0] = (m) => e.$emit("input", m))
     }, null, 40, ["size", "_document", "_value", "has-hover"]))), 128))
-  ])) : (a(), l(h(o.useSplitPane ? "splitpanes" : "div"), {
+  ])) : (a(), u(c(o.useSplitPane ? "splitpanes" : "div"), {
     key: 1,
-    horizontal: o.forceHorizontal ? !0 : e.layout === "horizontal",
-    vertical: o.forceHorizontal ? !1 : e.layout === "vertical",
-    style: _(
+    horizontal: n.forceHorizontal ? !0 : e.layout === "horizontal",
+    vertical: n.forceHorizontal ? !1 : e.layout === "vertical",
+    style: P(
       !e.canEdit && {
-        "flex-direction": o.forceHorizontal || e.layout === "horizontal" ? "column" : "row"
+        "flex-direction": n.forceHorizontal || e.layout === "horizontal" ? "column" : "row"
       }
     ),
     class: "layout-wrapper",
     onResize: o.onResize
   }, {
-    default: f(() => [
-      (a(!0), d(y, null, w(e.items, (n, i) => (a(), l(h(o.useSplitPane ? "pane" : "div"), {
+    default: w(() => [
+      (a(!0), h(f, null, _(e.items, (l, i) => (a(), u(c(o.useSplitPane ? "pane" : "div"), {
         key: i,
-        size: n.size,
-        style: _(
+        size: l.size,
+        style: P(
           !o.useSplitPane && {
-            flex: `1 1 ${n.size}%`
+            flex: `1 1 ${l.size}%`
           }
         )
       }, {
-        default: f(() => [
-          (a(), l(h(`${n.type}Wrapper`), {
+        default: w(() => [
+          (a(), u(c(`${l.type}Wrapper`), {
             _document: e._document,
             _value: { ...e._value, item: `${e._value.items}.${i}` },
             "has-hover": s.showControls,
             class: "item",
-            onInput: t[1] || (t[1] = (u) => e.$emit("input", u))
+            onInput: t[1] || (t[1] = (m) => e.$emit("input", m))
           }, null, 40, ["_document", "_value", "has-hover"]))
         ]),
         _: 2
@@ -103,15 +104,15 @@ function N(e, t, s, v, r, o) {
     _: 1
   }, 40, ["horizontal", "vertical", "style", "onResize"]));
 }
-const R = /* @__PURE__ */ g(M, [["render", N], ["__scopeId", "data-v-fe42e792"]]), B = {
+const B = /* @__PURE__ */ C(W, [["render", N], ["__scopeId", "data-v-c62b00d4"]]), E = {
   name: "HeaderBlock",
   components: {
-    PriceHeader: c(() => import("./PriceHeader-BsObxLHK.js")),
-    HeaderSettings: c(() => import("./HeaderSettings-CD3y6-uY.js")),
-    HeaderItems: R
+    PriceHeader: v(() => import("./PriceHeader-CG6el7O_.js")),
+    HeaderSettings: v(() => import("./HeaderSettings-kEbuiv0n.js")),
+    HeaderItems: B
   },
   emits: ["input"],
-  mixins: [z(["header"]), S],
+  mixins: [g(["header"]), $],
   data() {
     return {
       showControls: !1
@@ -136,17 +137,17 @@ const R = /* @__PURE__ */ g(M, [["render", N], ["__scopeId", "data-v-fe42e792"]]
     }
   }
 };
-function E(e, t, s, v, r, o) {
-  const n = p("PriceHeader"), i = p("HeaderItems"), u = p("HeaderSettings"), C = p("portal");
-  return a(), d("div", b(e.$attrs, {
+function F(e, t, s, n, r, o) {
+  const l = p("PriceHeader"), i = p("HeaderItems"), m = p("HeaderSettings"), S = p("portal");
+  return a(), h("div", I(e.$attrs, {
     class: [{
       "has-parent-nav": e.viewSettings.isForm,
       "has-hover": r.showControls
     }, "header-root"],
-    onMouseoverPassive: t[2] || (t[2] = (m) => r.showControls = !0),
-    onMouseleavePassive: t[3] || (t[3] = (m) => r.showControls = !1)
+    onMouseoverPassive: t[2] || (t[2] = (d) => r.showControls = !0),
+    onMouseleavePassive: t[3] || (t[3] = (d) => r.showControls = !1)
   }), [
-    o.layout === "price" ? (a(), l(n, {
+    o.layout === "price" ? (a(), u(l, {
       key: 0,
       _document: e._document,
       _value: {
@@ -158,8 +159,8 @@ function E(e, t, s, v, r, o) {
         showPriceSummary: `${e._value.header}.showPriceSummary`
       },
       "has-hover": r.showControls,
-      onInput: t[0] || (t[0] = (m) => e.$emit("input", m))
-    }, null, 8, ["_document", "_value", "has-hover"])) : (a(), l(i, {
+      onInput: t[0] || (t[0] = (d) => e.$emit("input", d))
+    }, null, 8, ["_document", "_value", "has-hover"])) : (a(), u(i, {
       key: 1,
       _document: e._document,
       _value: {
@@ -168,15 +169,15 @@ function E(e, t, s, v, r, o) {
         baseStyle: `${e._value.header}.baseStyle`
       },
       "show-controls": r.showControls,
-      onInput: t[1] || (t[1] = (m) => e.$emit("input", m))
+      onInput: t[1] || (t[1] = (d) => e.$emit("input", d))
     }, null, 8, ["_document", "_value", "show-controls"])),
-    e.isForm ? (a(), d(y, { key: 2 }, [
-      e.showDrawer ? (a(), l(C, {
+    e.isForm ? (a(), h(f, { key: 2 }, [
+      e.showDrawer ? (a(), u(S, {
         key: 0,
         to: "drawer-content"
       }, {
-        default: f(() => [
-          k(u, {
+        default: w(() => [
+          H(m, {
             _document: e._document,
             _value: {
               layout: `${e._value.header}.layout`,
@@ -190,11 +191,11 @@ function E(e, t, s, v, r, o) {
           }, null, 8, ["_document", "_value"])
         ]),
         _: 1
-      })) : P("", !0)
-    ], 64)) : P("", !0)
+      })) : z("", !0)
+    ], 64)) : z("", !0)
   ], 16);
 }
-const V = /* @__PURE__ */ g(B, [["render", E]]);
+const X = /* @__PURE__ */ C(E, [["render", F]]);
 export {
-  V as default
+  X as default
 };