@cling-se/widget 1.0.0-beta.1 → 1.0.0-beta.3

package/dist/Index-Dd6ueeUc.js

@@ -0,0 +1,136 @@
+import { m as f } from "./mapFormMixin-v-nbaWcx.js";
+import { f as y } from "./focusDrawerMixin-T94b2Y6F.js";
+import { g as z } from "./utils-vnvZGRwQ.js";
+import { _ as V, z as m, b as l, o as i, d as a, s as r, l as _, v as g, e as u, n as w, F as P, c as S, w as k, f as c } from "./main-C4OdoeS2.js";
+const C = {
+  name: "VideoPlayer",
+  i18nOptions: {
+    namespaces: "components",
+    keyPrefix: "document.videoPlayer"
+  },
+  components: {
+    VideoPlayerSettings: m(
+      () => import("./VideoPlayerSettings-B5iXoj5E.js")
+    ),
+    VideoPlayerInput: m(
+      () => import("./VideoPlayerInput-D38S1IDH.js")
+    )
+  },
+  mixins: [f(["videoPlayer"]), y],
+  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 e;
+      return ((e = this.videoPlayer) == null ? void 0 : e.video) || {};
+    },
+    size() {
+      var e;
+      return ((e = this.videoPlayer) == null ? void 0 : e.size) || "medium";
+    }
+  },
+  watch: {
+    video: {
+      immediate: !0,
+      async handler(e) {
+        if (!e || !e.url) return;
+        let { width: t, height: s } = e;
+        (!t || !s) && ({ width: t, height: s } = await z(e.url) || {}), this.videoSize = { width: t, height: s }, this.setAspectRatio();
+      }
+    },
+    size() {
+      this.setAspectRatio();
+    }
+  },
+  methods: {
+    setValue({ key: e, value: t }) {
+      this.videoPlayer = {
+        ...this.videoPlayer,
+        [e]: t
+      };
+    },
+    setAspectRatio() {
+      !this.videoSize.width || !this.videoSize.height || (this.aspectRatio = `${Math.round(
+        100 * this.videoSize.height / this.videoSize.width
+      )}%`);
+    },
+    onAdd() {
+      var e;
+      this._isNodeRecentlyAdded() && ((e = this.$refs.input) == null || e.focus());
+    }
+  }
+}, A = {
+  key: 0,
+  class: "video-element"
+}, I = { class: "is-placeholder" }, M = { class: "text-gray-600" }, R = ["src"];
+function b(e, t, s, x, d, o) {
+  const v = l("VideoPlayerInput"), p = l("VideoPlayerSettings"), h = l("portal");
+  return i(), a("div", {
+    class: "video-root font-inter",
+    onMouseoverPassive: t[1] || (t[1] = (n) => d.showControls = !0),
+    onMouseleavePassive: t[2] || (t[2] = (n) => d.showControls = !1)
+  }, [
+    r("div", {
+      class: w([[`video-is-${o.size}`], "no-drag"])
+    }, [
+      r("div", {
+        style: _({ paddingTop: d.aspectRatio }),
+        class: "video-container"
+      }, [
+        !o.video.url && e.canEdit ? (i(), a("div", A, [
+          r("div", I, [
+            r("div", M, g(e.$t("subTitle")), 1),
+            u(v, {
+              ref: "input",
+              "model-value": o.video,
+              style: { "padding-top": "1em" },
+              "onUpdate:modelValue": t[0] || (t[0] = (n) => o.setValue({ key: "video", value: n })),
+              onVnodeMounted: o.onAdd
+            }, null, 8, ["model-value", "onVnodeMounted"])
+          ])
+        ])) : (i(), a("iframe", {
+          key: 1,
+          ref: "iframe",
+          title: "Video",
+          src: o.video.url,
+          frameborder: "0",
+          allowfullscreen: "",
+          class: "video-element"
+        }, null, 8, R))
+      ], 4)
+    ], 2),
+    e.isForm ? (i(), a(P, { key: 0 }, [
+      e.showDrawer ? (i(), S(h, {
+        key: 0,
+        to: "drawer-content"
+      }, {
+        default: k(() => [
+          u(p, {
+            video: o.video,
+            size: o.size,
+            onInput: o.setValue
+          }, null, 8, ["video", "size", "onInput"])
+        ]),
+        _: 1
+      })) : c("", !0)
+    ], 64)) : c("", !0)
+  ], 32);
+}
+const E = /* @__PURE__ */ V(C, [["render", b], ["__scopeId", "data-v-2bb8500e"]]);
+export {
+  E as default
+};

package/dist/{Index-DIOiMm9f.js → Index-DexIUz3R.js}

@@ -1,6 +1,6 @@
-import { P as n } from "./PlainHtml-CPmIebjY.js";
-import { n as s } from "./main-WKzC-Dnu.js";
-const o = {
+import { _ as s } from "./PlainHtml.vue_vue_type_script_setup_true_lang-BgsfquR_.js";
+import { e as t, B as e } from "./main-C4OdoeS2.js";
+const r = {
   name: "EstimatedTimeToCompleteTextRead",
   props: {
     noOfTimeUnits: {
@@ -23,23 +23,15 @@ const o = {
       }
     }
   },
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  render(t) {
-    const e = this.$tc(`_common:${this.timeUnit}`, {
+  render() {
+    const a = this.$tc(`_common:${this.timeUnit}`, {
       count: this.noOfTimeUnits
     });
-    return t(n, [this.$t("text"), " ", t("strong", [e]), "."]);
+    return t(s, null, {
+      default: () => [this.$t("text"), e(" "), t("strong", null, [a]), e(".")]
+    });
   }
-}, r = null, a = null;
-var i = /* @__PURE__ */ s(
-  o,
-  r,
-  a,
-  !1,
-  null,
-  null
-);
-const p = i.exports;
+};
 export {
-  p as default
+  r as default
 };

package/dist/Index-Dnmt6W0u.js

@@ -0,0 +1,140 @@
+import { m as c } from "./mapFormMixin-v-nbaWcx.js";
+import { I as g } from "./InputToggleRow-BCvMVbW-.js";
+import { C as P } from "./CPriceInput-BfWZZv0f.js";
+import { _ as f, b as u, o as p, d, s as k, v as t, f as $, e as a, w as n, B as m } from "./main-C4OdoeS2.js";
+const v = {
+  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: g,
+    CPriceInput: P
+  },
+  mixins: [
+    c(
+      [
+        "workPrice",
+        "managementPrice",
+        "entrepreneurMarkupPercentage",
+        "miscMarkupPercentage"
+      ],
+      { type: "number" }
+    )
+  ]
+}, y = {
+  class: "flex w-full justify-end",
+  style: { position: "relative" }
+}, M = {
+  key: 0,
+  class: "ex-vat"
+};
+function b(e, r, V, w, C, I) {
+  const s = u("CPriceInput"), i = u("InputToggleRow"), l = u("CInput");
+  return p(), d("div", null, [
+    k("div", y, [
+      e.workPrice || e.managementPrice ? (p(), d("div", M, t(e.$t("_common:vat.exVat", {
+        thing: e.$t("_common:vat.sharedTitle")
+      }).capitalize()), 1)) : $("", !0)
+    ]),
+    a(i, {
+      "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")
+    }, {
+      default: n(() => [
+        a(s, {
+          modelValue: e.workPrice,
+          "onUpdate:modelValue": r[0] || (r[0] = (o) => e.workPrice = o),
+          modelModifiers: { number: !0 },
+          currency: "SEK",
+          min: "0",
+          "suffix-class": "text-gray-400"
+        }, {
+          suffix: n(() => [
+            m(t(e.$t("currency.SEK")) + "/" + t(e.$t("_common:unitType.hour")), 1)
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]),
+      _: 1
+    }, 8, ["display-value", "label"]),
+    a(i, {
+      "display-value": e.managementPrice ? `${e.managementPrice / 100} kr/h` : e.$t("_common:add"),
+      label: e.$t("managementPrice")
+    }, {
+      default: n(() => [
+        a(s, {
+          modelValue: e.managementPrice,
+          "onUpdate:modelValue": r[1] || (r[1] = (o) => e.managementPrice = o),
+          modelModifiers: { number: !0 },
+          currency: "SEK",
+          min: "0",
+          "suffix-class": "text-gray-400"
+        }, {
+          suffix: n(() => [
+            m(t(e.$t("_common:currency.SEK")) + "/" + t(e.$t("unitType.hour")), 1)
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]),
+      _: 1
+    }, 8, ["display-value", "label"]),
+    a(i, {
+      "display-value": e.entrepreneurMarkupPercentage ? `${e.entrepreneurMarkupPercentage} %` : e.$t("_common:add"),
+      label: e.$t("entrepreneurMarkupPercentage")
+    }, {
+      default: n(() => [
+        a(l, {
+          modelValue: e.entrepreneurMarkupPercentage,
+          "onUpdate:modelValue": r[2] || (r[2] = (o) => e.entrepreneurMarkupPercentage = o),
+          modelModifiers: { number: !0 }
+        }, {
+          suffix: n(() => r[4] || (r[4] = [
+            m("%")
+          ])),
+          _: 1
+        }, 8, ["modelValue"])
+      ]),
+      _: 1
+    }, 8, ["display-value", "label"]),
+    a(i, {
+      "display-value": e.miscMarkupPercentage ? `${e.miscMarkupPercentage} %` : e.$t("_common:add"),
+      label: e.$t("miscMarkupPercentage")
+    }, {
+      default: n(() => [
+        a(l, {
+          modelValue: e.miscMarkupPercentage,
+          "onUpdate:modelValue": r[3] || (r[3] = (o) => e.miscMarkupPercentage = o),
+          modelModifiers: { number: !0 }
+        }, {
+          suffix: n(() => r[5] || (r[5] = [
+            m("%")
+          ])),
+          _: 1
+        }, 8, ["modelValue"])
+      ]),
+      _: 1
+    }, 8, ["display-value", "label"])
+  ]);
+}
+const B = /* @__PURE__ */ f(v, [["render", b], ["__scopeId", "data-v-3c3dbd58"]]);
+export {
+  B as default
+};

package/dist/Index-DtcV6rl1.js

@@ -0,0 +1,4 @@
+import { _ as f } from "./Index.vue_vue_type_script_lang-DLogex2i.js";
+export {
+  f as default
+};