@cling-se/widget 0.17.3 → 0.18.1

package/dist/Index-B06eCuBA.js

@@ -0,0 +1,76 @@
+import { m as a } from "./mapFormMixin-Cgvwie9a.js";
+import { I as u } from "./InputToggleRow-DJarYsVL.js";
+import { C as f } from "./CSelect-BVO9iO9L.js";
+import { _ as T, e as l, o as c, c as U, w as m, d as s, s as n, v as i } from "./main-DI0diChK.js";
+const h = {
+  i18nOptions: {
+    namespaces: "estimatedTimeToCompleteText",
+    messages: {
+      en: {
+        label: "Time to complete work",
+        placeholder: "Time unit"
+      },
+      sv: {
+        label: "Tid för att klargöra arbetet",
+        placeholder: "Tidsenhet"
+      }
+    }
+  },
+  name: "EstimatedTimeToCompleteEdit",
+  components: {
+    InputToggleRow: u,
+    CSelect: f
+  },
+  mixins: [
+    a(["timeUnit"]),
+    a(["noOfTimeUnits"], { type: "number" })
+  ],
+  created() {
+    this.timeUnit || (this.timeUnit = "day");
+  }
+}, $ = { value: "hour" }, w = { value: "day" }, v = { value: "week" }, y = { value: "month" };
+function C(e, o, _, b, g, O) {
+  const p = l("CSelect"), r = l("CInput"), d = l("InputToggleRow");
+  return c(), U(d, {
+    "display-value": e.noOfTimeUnits && e.timeUnit ? `${e.noOfTimeUnits} ${e.$t(`_common:${e.timeUnit}`, {
+      count: e.noOfTimeUnits
+    })}` : e.$t("_common:add"),
+    label: e.$t("label"),
+    "show-clear": !!(e.noOfTimeUnits && e.timeUnit),
+    onRemove: o[2] || (o[2] = (t) => e.noOfTimeUnits = null)
+  }, {
+    default: m(() => [
+      s(r, {
+        modelValue: e.noOfTimeUnits,
+        "onUpdate:modelValue": o[1] || (o[1] = (t) => e.noOfTimeUnits = t),
+        modelModifiers: { number: !0 },
+        type: "number",
+        style: { width: "calc(15 * var(--rem))" }
+      }, {
+        suffix: m(() => [
+          s(p, {
+            modelValue: e.timeUnit,
+            "onUpdate:modelValue": o[0] || (o[0] = (t) => e.timeUnit = t),
+            placeholder: e.$t("placeholder"),
+            class: "select-width plain",
+            style: { width: "120px" }
+          }, {
+            default: m(() => [
+              n("option", $, i(e.$t("_common:hour_plural")), 1),
+              n("option", w, i(e.$t("_common:day_plural")), 1),
+              n("option", v, i(e.$t("_common:week_plural")), 1),
+              n("option", y, i(e.$t("_common:month_plural")), 1)
+            ]),
+            _: 1
+          }, 8, ["modelValue", "placeholder"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ]),
+    _: 1
+  }, 8, ["display-value", "label", "show-clear"]);
+}
+const S = /* @__PURE__ */ T(h, [["render", C]]);
+export {
+  S as default
+};

package/dist/Index-B8Zj0-MX.js

@@ -0,0 +1,87 @@
+import { m as T } from "./mapFormMixin-Cgvwie9a.js";
+import { f as w } from "./focusDrawerMixin-r-OZchfV.js";
+import { _ as k, z as l, o as s, b as p, d as u, F as C, E as g, c as d, f as n, w as F, e as r, a2 as S } from "./main-DI0diChK.js";
+const _ = {
+  name: "Terms",
+  i18nOptions: {
+    namespaces: "terms",
+    messages: {
+      en: {
+        noneSelected: "No terms selected"
+      },
+      sv: {
+        noneSelected: "Inga villkor valda"
+      }
+    }
+  },
+  components: {
+    Read: l(() => import("./Index-CpxzwwQS.js")),
+    TermsSettings: l(() => import("./TermsSettings-DEkACrRU.js"))
+  },
+  emits: ["input"],
+  mixins: [
+    T(["href", "termType", "file", "text"]),
+    w
+  ],
+  data() {
+    return {
+      showControls: !1
+    };
+  },
+  computed: {
+    hasTerms() {
+      const e = ["href", "file"].includes(this.termType) && this.href, t = this.termType === "text" && this.text, i = this.termType === "file" && this.file;
+      return e || t || i;
+    }
+  }
+};
+function B(e, t, i, D, m, a) {
+  const c = r("Read"), f = r("CButton"), v = r("TermsSettings"), h = r("portal"), y = S("tooltip");
+  return e.isForm || a.hasTerms ? (s(), p("div", {
+    key: 0,
+    onMouseoverPassive: t[2] || (t[2] = (o) => m.showControls = !0),
+    onMouseleavePassive: t[3] || (t[3] = (o) => m.showControls = !1),
+    class: "px-7 py-5"
+  }, [
+    u(c, {
+      _document: e._document,
+      href: e.href,
+      "term-type": e.termType,
+      file: e.file,
+      text: e.text,
+      onInput: t[0] || (t[0] = (o) => e.$emit("input", o))
+    }, null, 8, ["_document", "href", "term-type", "file", "text"]),
+    e.isForm ? (s(), p(C, { key: 0 }, [
+      a.hasTerms ? n("", !0) : g((s(), d(f, {
+        key: 0,
+        "icon-props": { size: 18 },
+        pattern: "secondary",
+        icon: "info",
+        circle: "",
+        size: "small",
+        type: "danger",
+        style: { position: "absolute", left: "calc(1 * var(--rem))", top: "calc(1 * var(--rem))", width: "2em", height: "2em" },
+        onClick: e.openDrawer
+      }, null, 8, ["onClick"])), [
+        [y, e.$t("noneSelected")]
+      ]),
+      e.showDrawer ? (s(), d(h, {
+        key: 1,
+        to: "drawer-content"
+      }, {
+        default: F(() => [
+          u(v, {
+            _document: e._document,
+            _value: { term: "data.terms" },
+            onInput: t[1] || (t[1] = (o) => e.$emit("input", o))
+          }, null, 8, ["_document"])
+        ]),
+        _: 1
+      })) : n("", !0)
+    ], 64)) : n("", !0)
+  ], 32)) : n("", !0);
+}
+const x = /* @__PURE__ */ k(_, [["render", B]]);
+export {
+  x as default
+};