@cling-se/widget 0.17.2 → 0.18.0

package/dist/Index-Bn4FSQcx.js

@@ -0,0 +1,228 @@
+import { m as D } from "./mapFormMixin-C7FJLnbO.js";
+import { C as S } from "./CSelect-BZZDr27O.js";
+import { b as A } from "./CDropdownItem-DMUAJ90n.js";
+import { _ as U, e as v, o as u, b as p, d as h, s as i, B as l, v as n, w as k, F as V, k as y, f, aG as E } from "./main-Bn5XkQPb.js";
+import { u as O } from "./index-D8hGHka6.js";
+import { a as d } from "./index-Dxy4tf7x.js";
+const $ = (t, e) => t ? E(e.workStartAt || /* @__PURE__ */ new Date(), t) >= 0 : !0, C = {
+  name: "ExtraWorkTimeImpactTextEdit",
+  i18nOptions: {
+    namespaces: "ExtraWorkTimeImpactTextEdit",
+    messages: {
+      en: {
+        placeholders: {
+          workStartAt: "Start date",
+          workEndAt: "End date"
+        },
+        inlineForm: {
+          1: "Work will start",
+          2: "and will be completed no later than",
+          3: "Due to the work the original project time"
+        },
+        error: "End date needs to be after start date"
+      },
+      sv: {
+        placeholders: {
+          workStartAt: "Startdatum",
+          workEndAt: "Slutdatum"
+        },
+        inlineForm: {
+          1: "Arbetet kommer påbörjas",
+          2: "och är senast klar",
+          3: "Med anledning av arbetet kommer den ursprungliga kontraktstiden"
+        },
+        error: "Slutdatumet måste vara efter startdatumet."
+      }
+    }
+  },
+  components: {
+    CSelect: S,
+    CSwitch: A
+  },
+  emits: ["input"],
+  mixins: [
+    D([
+      "workStartAt",
+      "workEndAt",
+      "timeUnit",
+      "noOfTimeUnits",
+      "timeDeltaDirection"
+    ])
+  ],
+  setup() {
+    return {
+      v$: O()
+    };
+  },
+  data() {
+    return {
+      isOpen: !1,
+      // Variable to store the old content when the card is disabled
+      hiddenModuleDateDelay: null
+    };
+  },
+  validations() {
+    return {
+      workStartAt: {
+        required: d(
+          this.workStartAt || this.workEndAt || this.timeDeltaDirection || this.noOfTimeUnits || this.timeUnit
+        )
+      },
+      workEndAt: {
+        required: d(
+          this.workStartAt || this.workEndAt || this.timeDeltaDirection || this.noOfTimeUnits || this.timeUnit
+        ),
+        endDateMustBeGreater: $
+      },
+      timeDeltaDirection: {
+        required: d(
+          this.workStartAt || this.workEndAt || this.timeDeltaDirection || this.noOfTimeUnits || this.timeUnit
+        )
+      },
+      noOfTimeUnits: {
+        required: d(
+          this.workStartAt || this.workEndAt || this.timeDeltaDirection || this.noOfTimeUnits || this.timeUnit
+        )
+      },
+      timeUnit: {
+        required: d(
+          this.workStartAt || this.workEndAt || this.timeDeltaDirection || this.noOfTimeUnits || this.timeUnit
+        )
+      }
+    };
+  },
+  mounted() {
+    const {
+      workStartAt: t,
+      workEndAt: e,
+      timeUnit: w,
+      noOfTimeUnits: a,
+      timeDeltaDirection: s
+    } = this;
+    (t || e || w || a || s) && (this.isOpen = !0);
+  },
+  methods: {
+    getDateValue(t) {
+      return t ? this.$formatDate(t, "yyyy-MM-dd") : null;
+    },
+    // Method to handle internal data when open/closed
+    toggleOpen(t) {
+      return t ? !0 : (this.clearRoot(), this.v$.$touch(), !1);
+    },
+    // Method to set the root object to null to clear data
+    clearRoot() {
+      const t = this._value.workStartAt.split(".");
+      t.pop();
+      const e = t.join(".");
+      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"], z = { value: "days" }, N = { value: "weeks" }, j = { value: "months" };
+function L(t, e, w, a, s, m) {
+  const g = v("CSwitch"), c = v("CSelect");
+  return u(), p("div", T, [
+    h(g, {
+      modelValue: s.isOpen,
+      "onUpdate:modelValue": [
+        e[0] || (e[0] = (o) => s.isOpen = o),
+        m.toggleOpen
+      ],
+      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, [
+      i("div", I, [
+        l(n(t.$t("inlineForm.1")) + " ", 1),
+        i("input", {
+          type: "date",
+          class: "ml-1 bg-gray-100",
+          value: m.getDateValue(t.workStartAt),
+          max: m.getDateValue(t.workEndAt),
+          onInput: e[1] || (e[1] = (o) => {
+            var r;
+            return t.workStartAt = (r = o.target) != null && r.value ? new Date(o.target.value).toISOString() : null;
+          })
+        }, null, 40, F),
+        l(" " + n(t.$t("inlineForm.2")) + " ", 1),
+        i("input", {
+          type: "date",
+          class: "ml-1 bg-gray-100",
+          value: m.getDateValue(t.workEndAt),
+          min: m.getDateValue(t.workStartAt),
+          onInput: e[2] || (e[2] = (o) => {
+            var r;
+            return t.workEndAt = (r = o.target) != null && r.value ? new Date(o.target.value).toISOString() : null;
+          })
+        }, null, 40, M),
+        l(". " + n(t.$t("inlineForm.3")) + " ", 1),
+        h(c, {
+          modelValue: t.timeDeltaDirection,
+          "onUpdate:modelValue": e[3] || (e[3] = (o) => t.timeDeltaDirection = o),
+          placeholder: t.$t("_common:select"),
+          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)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "placeholder"]),
+        l(" " + n(t.$t("_common:with")) + " ", 1),
+        h(c, {
+          modelValue: t.noOfTimeUnits,
+          "onUpdate:modelValue": e[4] || (e[4] = (o) => t.noOfTimeUnits = o),
+          placeholder: t.$t("_common:select"),
+          class: "select-width quantity input-inline-language",
+          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", {
+              key: r,
+              value: o - 1,
+              style: { "font-size": "calc(calc(1 * var(--rem)) + 1px)", "text-align": "center" }
+            }, n(o - 1), 9, B)), 64))
+          ]),
+          _: 1
+        }, 8, ["modelValue", "placeholder"]),
+        h(c, {
+          modelValue: t.timeUnit,
+          "onUpdate:modelValue": e[5] || (e[5] = (o) => t.timeUnit = o),
+          placeholder: t.$t("_common:select"),
+          class: "select-width unit input-inline-language",
+          onBlur: e[6] || (e[6] = (o) => a.v$.timeUnit.$touch())
+        }, {
+          default: k(() => [
+            i("option", z, n(t.$t("_common:day_plural")), 1),
+            i("option", N, n(t.$t("_common:week_plural")), 1),
+            i("option", j, n(t.$t("_common:month_plural")), 1)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "placeholder"]),
+        e[8] || (e[8] = l(". "))
+      ]),
+      a.v$.$invalid && a.v$.$dirty ? (u(), p("div", {
+        key: 0,
+        class: "error-wrapper",
+        onClick: e[7] || (e[7] = (o) => a.v$.$touch())
+      }, [
+        e[9] || (e[9] = i("svg", {
+          name: "info-icon",
+          width: "14",
+          height: "14",
+          viewBox: "0 0 125 125",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, [
+          i("path", {
+            d: "M62.5 125C27.9822 125 0 97.0178 0 62.5S27.9822 0 62.5 0 125 27.9822 125 62.5 97.0178 125 62.5 125zM52.44694 65.23395v26.93183c0 5.43129 4.40293 9.83422 9.83422 9.83422 5.4461 0 9.87524-4.38793 9.92615-9.83379l.25177-26.93269c.05142-5.50025-4.36573-10.00077-9.86598-10.05219a9.963143 9.963143 0 0 0-.0931-.00043c-5.55215 0-10.05306 4.5009-10.05306 10.05305zm.43768-31.76657c0 5.25109 4.2545 9.50584 9.5027 9.50584h.22536c5.2467 0 9.5027-4.25591 9.5027-9.50584 0-5.25109-4.2545-9.50584-9.5027-9.50584h-.22536c-5.2467 0-9.5027 4.25591-9.5027 9.50584z",
+            fill: "currentColor",
+            "fill-rule": "evenodd"
+          })
+        ], -1)),
+        l(" " + n(t.$t("error")), 1)
+      ])) : f("", !0)
+    ])) : f("", !0)
+  ]);
+}
+const K = /* @__PURE__ */ U(C, [["render", L], ["__scopeId", "data-v-057b0b51"]]);
+export {
+  K as default
+};

package/dist/Index-BrRIAede.js

@@ -0,0 +1,87 @@
+import { m as T } from "./mapFormMixin-C7FJLnbO.js";
+import { f as w } from "./focusDrawerMixin-BVbTYOGr.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-Bn5XkQPb.js";
+const _ = {
+  name: "Terms",
+  i18nOptions: {
+    namespaces: "terms",
+    messages: {
+      en: {
+        noneSelected: "No terms selected"
+      },
+      sv: {
+        noneSelected: "Inga villkor valda"
+      }
+    }
+  },
+  components: {
+    Read: l(() => import("./Index-BEyeS1OG.js")),
+    TermsSettings: l(() => import("./TermsSettings-BeQH307A.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
+};

package/dist/Index-C-6um0kX.js

@@ -0,0 +1,76 @@
+import { m as a } from "./mapFormMixin-C7FJLnbO.js";
+import { I as u } from "./InputToggleRow-CokEYwm2.js";
+import { C as f } from "./CSelect-BZZDr27O.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-Bn5XkQPb.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
+};