@cling-se/widget 0.14.4 → 0.14.5

package/dist/Index-C9sq_RDg.js

@@ -0,0 +1,223 @@
+import { m as C } from "./mapFormMixin-ETYhBLl2.js";
+import { n as f, b as _ } from "./main-B9t0ybqW.js";
+import { C as b } from "./CPhoneFormat-BZnmeEeW.js";
+const $ = {
+  name: "DocPartiesItem",
+  components: {
+    CPhoneFormat: b
+  },
+  props: {
+    label: {
+      type: String,
+      required: !0
+    },
+    data: {
+      type: [String, Object],
+      required: !0
+    },
+    type: {
+      type: String,
+      default: ""
+    },
+    canEdit: {
+      type: Boolean,
+      default: !1
+    }
+  }
+};
+var w = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "client-row" }, [t("div", { staticClass: "label" }, [e._v(" " + e._s(e.label) + " ")]), t("div", { staticClass: "data", class: {
+    "is-editable": e.canEdit
+  } }, [t("span", { on: { click: function(a) {
+    return e.$emit("click");
+  } } }, [e.type === "phone" ? t("CPhoneFormat", { attrs: { phone: e.data.cellphone, region: e.data.region } }) : [e._v(e._s(e.data))]], 2)])]);
+}, k = [], x = /* @__PURE__ */ f(
+  $,
+  w,
+  k,
+  !1,
+  null,
+  "9bad68ca"
+);
+const S = x.exports, F = {
+  client: () => import("./ClientModal-fw8f6UvL.js"),
+  company: () => import("./CompanyModal-5t4yhKL4.js")
+}, I = {
+  i18nOptions: {
+    namespaces: "components"
+  },
+  name: "DocParties",
+  components: {
+    DocPartiesItem: S,
+    AddClientCallout: () => import("./AddClientCallout-BMc-v9rJ.js")
+  },
+  mixins: [C()],
+  props: {
+    // todo: atm custom behaviour for path 'data.sender' through doc-class
+    parties: {
+      type: [Array, Object],
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      type: "client",
+      hoverIndex: null
+    };
+  },
+  computed: {
+    mappedParties() {
+      const n = (t, a = {}) => this._document.$t(t, { postProcess: "capitalize", ...a });
+      return (Array.isArray(this.parties) ? this.parties : [this.parties]).map((t) => {
+        const {
+          orgNo: a,
+          socialNo: i,
+          companyName: s,
+          name: r,
+          type: d,
+          cellphone: m,
+          cellphoneRegion: y,
+          email: u,
+          addresses: l,
+          hasFSkatt: v,
+          hasInsurance: h
+        } = t, c = d === "individual", o = l && (l.standard || l.work);
+        o && (o.formKey = l.standard ? "street" : "workStreet");
+        const g = [
+          s && {
+            label: n("company"),
+            value: s,
+            formKey: "name"
+          },
+          a && {
+            label: n("orgNoShort"),
+            value: a,
+            formKey: "orgNo"
+          },
+          r && {
+            label: n(c ? "name" : "reference"),
+            value: r,
+            formKey: c ? "name" : "reference"
+          },
+          i && c && {
+            label: n("socialNo"),
+            value: i,
+            formKey: "orgNo"
+          },
+          u && {
+            label: n("email"),
+            value: u,
+            formKey: "email"
+          },
+          m && {
+            label: n("phone"),
+            type: "phone",
+            value: {
+              cellphone: m,
+              region: y || _(this._document, "sender.company.region", "")
+            },
+            formKey: "cellphone"
+          },
+          o && {
+            label: n("address"),
+            value: this.parseStreet(o.street, o.city, o.zip),
+            formKey: o.formKey
+          }
+        ], p = [];
+        return v && p.push({
+          label: this._document.$t("chapters.parties.fTax"),
+          value: v
+        }), h && p.push({
+          label: this._document.$t("chapters.parties.allRiskAndLiability"),
+          value: h
+        }), {
+          main: g,
+          checks: p
+        };
+      });
+    }
+  },
+  created() {
+    _(this, "_value.parties", "") !== "clients" && (this.type = "company");
+  },
+  methods: {
+    openModal({ formKey: n, index: e } = {}) {
+      var i;
+      let t = "name", a = !1;
+      n && (t = n, ["name", "email", "cellphone", "reference"].includes(n) || (a = !0)), this.$modal.show(F[this.type], {
+        inputFocusOnMount: t,
+        forceExpand: a,
+        documentClientIndex: e,
+        signOptions: (i = this._document) == null ? void 0 : i.signOptions,
+        setFormValue: this.viewSettings.setFormValue,
+        removeFormValue: this.viewSettings.removeFormValue,
+        isPublicForm: this.viewSettings.isPublicForm
+      });
+    },
+    removeClient(n) {
+      this.parties[n] && this.removeField(`clients[${n}]`);
+    },
+    parseStreet(n, e, t) {
+      let a = "";
+      return n && (a += n), n && (t || e) && (a += ", "), t && (a += ` ${t}`), e && (a += ` ${e}`), a;
+    },
+    searchEndCustomers(n, e) {
+      n({
+        q: e,
+        cb: ({ endCustomer: t }) => {
+          this.results = t;
+        }
+      });
+    },
+    setClient(n) {
+      this.$emit("input", {
+        key: `clients[${this.parties.length}]`,
+        value: n
+      });
+    }
+  }
+};
+var P = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticStyle: { position: "relative" } }, [e.viewSettings.canEdit ? t("div", { staticClass: "edit-button" }, [e.type === "company" ? t("CButton", { attrs: { type: "none", size: "small", pattern: "secondary" }, on: { click: e.openModal } }, [e._v(" " + e._s(e.$t("_common:edit").capitalize()) + " ")]) : e.parties.length && e.type === "client" ? t("CDropdown", { ref: "dropdown", attrs: { position: "is-bottom-left" } }, [t("CButton", { attrs: { slot: "trigger", type: "none", size: "small", pattern: "secondary", "icon-right": "chevron-down" }, slot: "trigger" }, [e._v(" " + e._s(e.$t("_common:more").capitalize()) + " ")]), t("CDropdownItem", { attrs: { "icon-props": {
+    class: "text-primary-500"
+  }, "icon-left": "plus-circle" }, on: { click: function(a) {
+    return e.openModal({ index: e.parties.length });
+  } } }, [e._v(" " + e._s(e.$t("components:account.documentForm.clients.add.extra")) + " ")]), t("CDropdownItem", { attrs: { separator: "" } }), e._l(e.parties, function(a, i) {
+    return t("CDropdownItem", { key: i, attrs: { "icon-props": {
+      class: "text-gray-400"
+    }, "icon-left": "edit" }, on: { click: function(s) {
+      return e.openModal({ index: i });
+    } } }, [e._v(" " + e._s(a.type === "individual" ? a.name : a.companyName || a.name) + " ")]);
+  })], 2) : e._e()], 1) : e._e(), e.viewSettings.canEdit ? [e.type === "client" && !(e.parties && e.parties.length) ? t("AddClientCallout", { on: { add: function(a) {
+    return e.openModal({ index: e.parties.length });
+  }, setClient: e.setClient } }) : e._e(), e.type === "company" && e.viewSettings.isPublicForm && !(e.parties.companyName || e.parties.email) ? t("CCallout", { attrs: { title: e.$t("document.chapters.parties.missingSender.title") } }, [t("div", { staticStyle: { "padding-bottom": "1em" } }, [e._v(" " + e._s(e.$t("document.chapters.parties.missingSender.description")) + " ")]), t("CButton", { attrs: { "icon-left": "plus", type: "secondary" }, on: { click: e.openModal } }, [e._v(" " + e._s(e.$t("_common:add", { thing: e.$t("_common:info") })) + " ")])], 1) : e._e()] : e._e(), e._l(e.mappedParties, function(a, i) {
+    return t("div", { key: i, staticClass: "party-wrapper print-avoid-break-inside", on: { "&mouseover": function(s) {
+      e.hoverIndex = i;
+    }, "&mouseleave": function(s) {
+      e.hoverIndex = null;
+    } } }, [e.viewSettings.canEdit && e.type !== "company" && e.hoverIndex === i ? t("div", { staticClass: "controls", staticStyle: { position: "absolute", left: "100%", top: "0", "padding-left": "calc(0.5 * var(--rem))" } }, [t("CButton", { attrs: { circle: "", size: "small", icon: "edit", type: "none", pattern: "tertiary" }, on: { click: function(s) {
+      return e.openModal({ index: i });
+    } } }), t("CButton", { attrs: { circle: "", size: "small", icon: "x", type: "none", pattern: "tertiary" }, on: { click: function(s) {
+      return e.removeClient(i);
+    } } })], 1) : e._e(), e._l(a.main, function(s, r) {
+      return [s ? t("DocPartiesItem", { key: r, attrs: { label: s.label, data: s.value, type: s.type, "can-edit": e.viewSettings.canEdit }, on: { click: function(d) {
+        e.viewSettings.canEdit && e.openModal({ formKey: s.formKey, index: i });
+      } } }) : e._e()];
+    }), a.checks && a.checks.length ? t("div", { staticStyle: { width: "100%", "padding-top": "calc(1 * var(--rem))" } }, e._l(a.checks, function(s, r) {
+      return t("div", { key: r, staticClass: "check-text" }, [t("svg", { attrs: { width: "11", height: "11", viewBox: "0 0 218 185", xmlns: "http://www.w3.org/2000/svg" } }, [t("path", { staticClass: "primary-svg-fill", attrs: { d: "M217.931476 30.821773L180.506583.515692 85.82601 117.436462 29.993388 72.224097.068524 109.178227l93.257515 75.518447z", fill: "#D8D8D8", "fill-rule": "evenodd" } })]), t("div", [e._v(e._s(s.label))])]);
+    }), 0) : e._e()], 2);
+  })], 2);
+}, D = [], M = /* @__PURE__ */ f(
+  I,
+  P,
+  D,
+  !1,
+  null,
+  "b2458bb1"
+);
+const N = M.exports;
+export {
+  N as default
+};

package/dist/Index-CDEh3GAi.js

@@ -0,0 +1,26 @@
+import { m as o } from "./mapFormMixin-ETYhBLl2.js";
+import { n as i } from "./main-B9t0ybqW.js";
+const a = {
+  name: "NotBinding",
+  components: {
+    Edit: () => import("./ToggleBinding-BPaYWgqP.js"),
+    Read: () => import("./NotBindingText-CNiszGqn.js")
+  },
+  mixins: [o()]
+};
+var r = function() {
+  var e;
+  var n = this, t = n._self._c;
+  return n.canEdit ? t("Edit", n._g({ attrs: { _document: n._document, _value: { notBinding: "data.notBinding" } } }, n.$listeners)) : (e = n._document.data) != null && e.notBinding ? t("Read") : n._e();
+}, m = [], _ = /* @__PURE__ */ i(
+  a,
+  r,
+  m,
+  !1,
+  null,
+  "a3b56101"
+);
+const p = _.exports;
+export {
+  p as default
+};

package/dist/Index-CEG-Hiv6.js

@@ -0,0 +1,69 @@
+import { m as n } from "./mapFormMixin-ETYhBLl2.js";
+import { I as a } from "./InputToggleRow-CQsaayf-.js";
+import { C as c } from "./CPriceInput-B07d19qq.js";
+import { n as o } from "./main-B9t0ybqW.js";
+const i = {
+  i18nOptions: {
+    namespaces: "ExtraWorkConstructionPricingListEdit",
+    messages: {
+      sv: {
+        workPrice: "Arbete",
+        managementPrice: "Arbetsledning",
+        entrepreneurMarkupPercentage: "Påslag för underentreprenader",
+        miscMarkupPercentage: "Påslag för material, varor och övrigt"
+      },
+      en: {
+        workPrice: "Work",
+        managementPrice: "Work management",
+        entrepreneurMarkupPercentage: "Markup for subcontractors",
+        miscMarkupPercentage: "Markup for material, goods and other",
+        travelCosts: "Travel costs for extra work"
+      }
+    }
+  },
+  name: "ExtraWorkConstructionPricingListEdit",
+  components: {
+    InputToggleRow: a,
+    CPriceInput: c
+  },
+  mixins: [
+    n(
+      [
+        "workPrice",
+        "managementPrice",
+        "entrepreneurMarkupPercentage",
+        "miscMarkupPercentage"
+      ],
+      { type: "number" }
+    )
+  ]
+};
+var s = function() {
+  var e = this, r = e._self._c;
+  return r("div", [r("div", { staticClass: "flex w-full justify-end", staticStyle: { position: "relative" } }, [e.workPrice || e.managementPrice ? r("div", { staticClass: "ex-vat" }, [e._v(" " + e._s(e.$t("_common:vat.exVat", { thing: e.$t("_common:vat.sharedTitle") }).capitalize()) + " ")]) : e._e()]), r("InputToggleRow", { attrs: { "display-value": e.workPrice ? `${e.workPrice / 100} ${e.$t("_common:currency.SEK")}/${e.$t(
+    "_common:unitType.hour"
+  )}` : e.$t("_common:add"), label: e.$t("workPrice") } }, [r("CPriceInput", { attrs: { currency: "SEK", min: "0", "suffix-class": "text-gray-400" }, scopedSlots: e._u([{ key: "suffix", fn: function() {
+    return [e._v(" " + e._s(e.$t("currency.SEK")) + "/" + e._s(e.$t("_common:unitType.hour")) + " ")];
+  }, proxy: !0 }]), model: { value: e.workPrice, callback: function(t) {
+    e.workPrice = e._n(t);
+  }, expression: "workPrice" } })], 1), r("InputToggleRow", { attrs: { "display-value": e.managementPrice ? `${e.managementPrice / 100} kr/h` : e.$t("_common:add"), label: e.$t("managementPrice") } }, [r("CPriceInput", { attrs: { currency: "SEK", min: "0", "suffix-class": "text-gray-400" }, scopedSlots: e._u([{ key: "suffix", fn: function() {
+    return [e._v(" " + e._s(e.$t("_common:currency.SEK")) + "/" + e._s(e.$t("unitType.hour")) + " ")];
+  }, proxy: !0 }]), model: { value: e.managementPrice, callback: function(t) {
+    e.managementPrice = e._n(t);
+  }, expression: "managementPrice" } })], 1), r("InputToggleRow", { attrs: { "display-value": e.entrepreneurMarkupPercentage ? `${e.entrepreneurMarkupPercentage} %` : e.$t("_common:add"), label: e.$t("entrepreneurMarkupPercentage") } }, [r("CInput", { model: { value: e.entrepreneurMarkupPercentage, callback: function(t) {
+    e.entrepreneurMarkupPercentage = e._n(t);
+  }, expression: "entrepreneurMarkupPercentage" } }, [r("template", { slot: "suffix" }, [e._v("%")])], 2)], 1), r("InputToggleRow", { attrs: { "display-value": e.miscMarkupPercentage ? `${e.miscMarkupPercentage} %` : e.$t("_common:add"), label: e.$t("miscMarkupPercentage") } }, [r("CInput", { model: { value: e.miscMarkupPercentage, callback: function(t) {
+    e.miscMarkupPercentage = e._n(t);
+  }, expression: "miscMarkupPercentage" } }, [r("template", { slot: "suffix" }, [e._v("%")])], 2)], 1)], 1);
+}, u = [], m = /* @__PURE__ */ o(
+  i,
+  s,
+  u,
+  !1,
+  null,
+  "ee274c7d"
+);
+const _ = m.exports;
+export {
+  _ as default
+};

package/dist/Index-CMUg61_b.js

@@ -0,0 +1,33 @@
+import { m as n } from "./mapFormMixin-ETYhBLl2.js";
+import { n as i } from "./main-B9t0ybqW.js";
+const r = {
+  name: "ExtraWorkTimeImpactText",
+  components: {
+    Read: () => import("./Index-DXRgZZNj.js"),
+    Edit: () => import("./Index-BgK_WC0d.js")
+  },
+  mixins: [
+    n([
+      "workStartAt",
+      "workEndAt",
+      "timeUnit",
+      "noOfTimeUnits",
+      "timeDeltaDirection"
+    ])
+  ]
+};
+var o = function() {
+  var t = this, e = t._self._c;
+  return t.canEdit ? e("Edit", t._g({ attrs: { _document: t._document, _value: t._value } }, t.$listeners)) : e("Read", { attrs: { "work-start-at": t.workStartAt, "work-end-at": t.workEndAt, "time-unit": t.timeUnit, "no-of-time-units": t.noOfTimeUnits, "time-delta-direction": t.timeDeltaDirection } });
+}, a = [], m = /* @__PURE__ */ i(
+  r,
+  o,
+  a,
+  !1,
+  null,
+  null
+);
+const d = m.exports;
+export {
+  d as default
+};

package/dist/Index-CObGPoQv.js

@@ -0,0 +1,62 @@
+import { m as o } from "./mapFormMixin-ETYhBLl2.js";
+import { n as s } from "./main-B9t0ybqW.js";
+const i = {
+  name: "PackageGroupBlock",
+  components: {
+    PackageGroupRead: () => import("./PackageGroup-BVys9ouj.js"),
+    PackageGroupEdit: () => import("./Index-DRWS2z82.js")
+  },
+  mixins: [o(["type", "packages"])],
+  data() {
+    return {
+      persistedGroup: {
+        type: "",
+        packages: [],
+        articles: []
+      }
+    };
+  },
+  computed: {
+    valuePaths() {
+      return {
+        ...this._value,
+        ...this._value.groupId && {
+          hideGroupPrice: `data.packageGroup.${this._value.groupId}.hideGroupPrice`
+        },
+        articles: "articles"
+      };
+    }
+  },
+  validations() {
+    return this.isForm ? {
+      type: {
+        required: (r) => !!r
+      },
+      packages: {
+        required: (r) => r && r.length
+        // packages cannot be left empty
+      }
+    } : {
+      // No validation for read mode
+    };
+  }
+};
+var p = function() {
+  var e = this, t = e._self._c;
+  return e.canEdit ? t("PackageGroupEdit", e._g({ attrs: { _document: e._document, _value: e.valuePaths, "persisted-group": e.persistedGroup, validator: e.$v }, on: { "update:persistedGroup": function(a) {
+    e.persistedGroup = a;
+  }, "update:persisted-group": function(a) {
+    e.persistedGroup = a;
+  } } }, e.$listeners)) : t("PackageGroupRead", { attrs: { _document: e._document, _value: e.valuePaths, validator: e.$v } });
+}, u = [], n = /* @__PURE__ */ s(
+  i,
+  p,
+  u,
+  !1,
+  null,
+  "7cd7cb23"
+);
+const _ = n.exports;
+export {
+  _ as default
+};

package/dist/Index-CPNUsaOS.js

@@ -0,0 +1,57 @@
+import { m as r } from "./mapFormMixin-ETYhBLl2.js";
+import { q as l, n as o } from "./main-B9t0ybqW.js";
+const c = {
+  name: "DocChapter",
+  components: {
+    CInput: l
+  },
+  mixins: [r(["title"])],
+  props: {
+    enableSpacingX: {
+      type: Boolean,
+      default: !0
+    },
+    enableSpacingY: {
+      type: Boolean,
+      default: !0
+    },
+    pdfSpacingX: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  methods: {
+    // Naming convention used by generateTemplate-functions in order for it to choose whether or not to run on add
+    conditionalOnAdd() {
+      const a = () => this.$refs.input.focus();
+      this.$refs.input ? a() : this.$once("triggerOnAdd", a);
+    }
+  }
+};
+var p = function() {
+  var i;
+  var t = this, n = t._self._c;
+  return n("div", { staticClass: "chapter" }, [n("div", { staticClass: "no-drag", class: {
+    "chapter-spacing-x": t.enableSpacingX,
+    "chapter-spacing-y": t.enableSpacingY,
+    "pdf-spacing-x": t.pdfSpacingX
+  } }, [t.canEdit && ((i = t._value) != null && i.title) ? n("CInput", { ref: "input", staticClass: "title preview-title-input", attrs: { value: t.title, spellcheck: !1, placeholder: t.$t("components:account.documentForm.titleAndText.title"), static: "" }, on: { blur: (e) => {
+    var s;
+    t.title = ((s = e.target) == null ? void 0 : s.value) || "";
+  }, "hook:mounted": function(e) {
+    return t.$emit("triggerOnAdd");
+  } }, nativeOn: { keydown: function(e) {
+    return !e.type.indexOf("key") && t._k(e.keyCode, "enter", 13, e.key, "Enter") ? null : e.target.blur();
+  } } }) : t.title ? n("div", { staticClass: "title" }, [t._v(" " + t._s(t.title) + " ")]) : t._e(), n("div", [t._t("default")], 2)], 1)]);
+}, d = [], u = /* @__PURE__ */ o(
+  c,
+  p,
+  d,
+  !1,
+  null,
+  "7afaa603"
+);
+const _ = u.exports;
+export {
+  _ as default
+};

package/dist/Index-CegW1Rim.js

@@ -0,0 +1,98 @@
+import { m as o } from "./mapFormMixin-ETYhBLl2.js";
+import { f as r } from "./focusDrawerMixin-DhsqWZUo.js";
+import { g as a } from "./utils-C5Rg0fQC.js";
+import { n } from "./main-B9t0ybqW.js";
+const d = {
+  name: "VideoPlayer",
+  i18nOptions: {
+    namespaces: "components",
+    keyPrefix: "document.videoPlayer"
+  },
+  components: {
+    VideoPlayerSettings: () => import("./VideoPlayerSettings-xSW8tcTZ.js"),
+    VideoPlayerInput: () => import("./VideoPlayerInput-5KybfY7N.js")
+  },
+  mixins: [o(["videoPlayer"]), r],
+  data() {
+    return {
+      showControls: !1,
+      aspectRatio: null,
+      sizes: {
+        small: 600,
+        medium: 1e3,
+        large: 1e3
+      },
+      // defaults to 16:9 aspect ratio
+      videoSize: {
+        width: 480,
+        height: 270
+      }
+    };
+  },
+  computed: {
+    video() {
+      var t;
+      return ((t = this.videoPlayer) == null ? void 0 : t.video) || {};
+    },
+    size() {
+      var t;
+      return ((t = this.videoPlayer) == null ? void 0 : t.size) || "medium";
+    }
+  },
+  watch: {
+    video: {
+      immediate: !0,
+      async handler(t) {
+        if (!t || !t.url)
+          return;
+        let { width: e, height: i } = t;
+        (!e || !i) && ({ width: e, height: i } = await a(t.url) || {}), this.videoSize = { width: e, height: i }, this.setAspectRatio();
+      }
+    },
+    size() {
+      this.setAspectRatio();
+    }
+  },
+  methods: {
+    setValue({ key: t, value: e }) {
+      this.videoPlayer = {
+        ...this.videoPlayer,
+        [t]: e
+      };
+    },
+    setAspectRatio() {
+      !this.videoSize.width || !this.videoSize.height || (this.aspectRatio = `${Math.round(
+        100 * this.videoSize.height / this.videoSize.width
+      )}%`);
+    },
+    onAdd() {
+      const t = () => {
+        this.$refs.input.focus();
+      };
+      this.$refs.input ? t() : this.$once("triggerOnAdd", t);
+    }
+  }
+};
+var l = function() {
+  var e = this, i = e._self._c;
+  return i("div", { staticClass: "video-root font-inter", on: { "&mouseover": function(s) {
+    e.showControls = !0;
+  }, "&mouseleave": function(s) {
+    e.showControls = !1;
+  } } }, [i("div", { staticClass: "no-drag", class: [`video-is-${e.size}`] }, [i("div", { staticClass: "video-container", style: { paddingTop: e.aspectRatio } }, [!e.video.url && e.canEdit ? i("div", { staticClass: "video-element" }, [i("div", { staticClass: "is-placeholder" }, [i("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$t("subTitle")) + " ")]), i("VideoPlayerInput", { ref: "input", staticStyle: { "padding-top": "1em" }, attrs: { value: e.video }, on: { input: function(s) {
+    return e.setValue({ key: "video", value: s });
+  }, "hook:mounted": function(s) {
+    return e.$emit("triggerOnAdd");
+  } } })], 1)]) : i("iframe", { ref: "iframe", staticClass: "video-element", attrs: { title: "Video", src: e.video.url, frameborder: "0", allowfullscreen: "" } })])]), e.isForm ? [e.showDrawer ? i("portal", { attrs: { to: "drawer-content" } }, [i("VideoPlayerSettings", { attrs: { video: e.video, size: e.size }, on: { input: e.setValue } })], 1) : e._e()] : e._e()], 2);
+}, c = [], u = /* @__PURE__ */ n(
+  d,
+  l,
+  c,
+  !1,
+  null,
+  "018a61e3"
+);
+const f = u.exports;
+export {
+  f as default
+};

package/dist/Index-CoSt-Bws.js

@@ -0,0 +1,31 @@
+import { n as r } from "./main-B9t0ybqW.js";
+const l = {
+  name: "DocChapterSub",
+  inject: {
+    viewSettings: { default: () => ({ canEdit: !1 }) }
+  },
+  inheritAttrs: !1
+};
+var o = function(e, t) {
+  var i, n;
+  return t.props.hideFromEdit && t.injections.viewSettings.canEdit ? t._e() : e("div", { staticClass: "sub-chapter" }, [e("div", { staticClass: "sub-chapter-title" }, [e("span", { staticClass: "sub-chapter-counter primary-pseudo-background" }), t.injections.viewSettings.canEdit && ((n = (i = t.props) == null ? void 0 : i._value) != null && n.title) ? [e("CInput", { staticClass: "preview-title-input", attrs: { value: t.props.title, spellcheck: !1, static: "" }, on: { blur: (s) => {
+    var a;
+    t.injections.viewSettings.setFormValue && t.injections.viewSettings.setFormValue({
+      key: t.props._value.title,
+      value: ((a = s.target) == null ? void 0 : a.value) || ""
+    });
+  } }, nativeOn: { keydown: function(s) {
+    return !s.type.indexOf("key") && t._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : s.target.blur();
+  } } })] : t.props.title ? e("div", [t._v(t._s(t.props.title))]) : t._e()], 2), e("div", { staticClass: "sub-chapter-content" }, [t._t("default")], 2)]);
+}, c = [], p = /* @__PURE__ */ r(
+  l,
+  o,
+  c,
+  !0,
+  null,
+  "cf4c14b1"
+);
+const f = p.exports;
+export {
+  f as default
+};

package/dist/Index-CpDgldnz.js

@@ -0,0 +1,70 @@
+import { m as i } from "./mapFormMixin-ETYhBLl2.js";
+import { S as o, n as a } from "./main-B9t0ybqW.js";
+import { f as r } from "./focusDrawerMixin-DhsqWZUo.js";
+const d = {
+  // eslint-disable-next-line vue/no-reserved-component-names
+  name: "Embed",
+  i18nOptions: {
+    namespaces: "embed",
+    messages: {
+      en: {
+        subTitle: "Embed anything (PDFs, Google Docs, Calender Sheets...)"
+      },
+      sv: {
+        subTitle: "Bädda in vad som helst (PDF:er, Google Docs, Calender Sheets...)"
+      }
+    }
+  },
+  components: {
+    EmbedSettings: () => import("./EmbedSettings-BYPJTGQf.js"),
+    EmbedInput: () => import("./EmbedInput-B3LFGEee.js"),
+    Spinner: o
+  },
+  mixins: [i(["embed", "size"]), r],
+  data() {
+    return {
+      showControls: !1,
+      isLoading: !0
+    };
+  },
+  methods: {
+    onAdd() {
+      const n = () => {
+        this.$refs.input.focus();
+      };
+      this.$refs.input ? n() : this.$once("triggerOnAdd", n);
+    }
+  }
+};
+var m = function() {
+  var e = this, s = e._self._c;
+  return s("div", { staticClass: "embed-root font-inter", on: { "&mouseover": function(t) {
+    e.showControls = !0;
+  }, "&mouseleave": function(t) {
+    e.showControls = !1;
+  } } }, [s("div", { staticClass: "no-drag", class: [
+    (e.size || !(e.embed && e.embed.src)) && "auto-size",
+    `embed-is-${e.size}`
+  ] }, [e.embed ? s("div", { staticClass: "embed-container" }, [!e.embed.src && e.canEdit ? s("div", { staticClass: "embed-element" }, [s("div", { staticClass: "is-placeholder" }, [s("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$t("subTitle")) + " ")]), s("EmbedInput", { ref: "input", staticStyle: { "padding-top": "1em" }, on: { "hook:mounted": function(t) {
+    return e.$emit("triggerOnAdd");
+  } }, model: { value: e.embed, callback: function(t) {
+    e.embed = t;
+  }, expression: "embed" } })], 1)]) : e.embed.src ? s("iframe", e._b({ ref: "iframe", staticClass: "embed-element", on: { load: function(t) {
+    e.isLoading = !1;
+  } } }, "iframe", { allowfullscreen: "", ...e.embed }, !1)) : e._e(), e.embed.src && e.isLoading ? s("div", { staticClass: "embed-loading-container" }, [s("Spinner", { attrs: { color: "hsl(0, 0%, 60%)" } })], 1) : e._e()]) : e._e()]), e.isForm ? [e.showDrawer ? s("portal", { attrs: { to: "drawer-content" } }, [s("EmbedSettings", { attrs: { size: e.size }, on: { "update:size": function(t) {
+    e.size = t;
+  } }, model: { value: e.embed, callback: function(t) {
+    e.embed = t;
+  }, expression: "embed" } })], 1) : e._e()] : e._e()], 2);
+}, l = [], c = /* @__PURE__ */ a(
+  d,
+  m,
+  l,
+  !1,
+  null,
+  "ca826f69"
+);
+const p = c.exports;
+export {
+  p as default
+};