@cling-se/widget 0.17.2 → 0.18.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @cling-se/widget
 
+## 0.18.0 (2025-01-13)
+
+### Changed
+
+- Updated `vue` from v2.7.8 to v3.5.13.
+- Updated `vue`connected ecosystems.
+
 ## 0.17.0 (2024-10-10)
 
 ### Added

package/dist/AddClientCallout-Bod9Eqx4.js

@@ -0,0 +1,101 @@
+import { m as g } from "./mapFormMixin-C7FJLnbO.js";
+import { _ as y } from "./CFormField.vue_vue_type_script_setup_true_lang-BqAyWe3T.js";
+import { T as v, _, o as n, b as a, s as i, v as r, f as l, d, w as p, B as h, F as x, n as b, l as w, e as c } from "./main-Bn5XkQPb.js";
+import { C as $ } from "./ClientAutocomplete-DuaJ5zDf.js";
+const k = {
+  i18nOptions: {
+    namespaces: "components",
+    keyPrefix: "account.documentForm.clients"
+  },
+  name: "AddClientCallout",
+  inheritAttrs: !1,
+  components: {
+    ClientAutocomplete: $,
+    CField: y
+  },
+  emits: ["add", "setClient"],
+  mixins: [g([])],
+  props: {
+    compact: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  computed: {
+    showSearch() {
+      return v.value !== "widget" && !this.viewSettings.isPublicForm;
+    }
+  }
+}, F = {
+  key: 0,
+  class: "px-2"
+}, A = ["textContent"], B = ["textContent"], S = { class: "control" }, z = {
+  key: 0,
+  class: "control flex items-center text-gray-500",
+  style: { width: "initial", "font-size": "13px" }
+};
+function N(e, t, o, V, T, m) {
+  const u = c("CButton"), C = c("ClientAutocomplete"), f = c("CField");
+  return n(), a("div", {
+    class: b(
+      o.compact ? "rounded-lg border border-gray-200 p-3" : "rounded-lg border border-gray-200 bg-gray-100 p-3"
+    ),
+    style: w(
+      o.compact && {
+        "--stripe-1": "hsl(var(--gray-color-50))",
+        "--stripe-2": "hsl(var(--gray-color-100))",
+        background: "repeating-linear-gradient(45deg,var(--stripe-1),var(--stripe-1) 15px,var(--stripe-2) 15px,var(--stripe-2) 30px)"
+      }
+    )
+  }, [
+    o.compact ? l("", !0) : (n(), a("div", F, [
+      i("div", {
+        class: "text-base font-semibold",
+        textContent: r(e.$t("title"))
+      }, null, 8, A),
+      i("div", {
+        class: "pb-6 text-gray-700",
+        textContent: r(e.$t("subTitle"))
+      }, null, 8, B)
+    ])),
+    d(f, {
+      grouped: "",
+      "group-multiline": ""
+    }, {
+      default: p(() => [
+        i("div", S, [
+          d(u, {
+            type: "secondary",
+            class: "is-left",
+            size: "small",
+            taller: "",
+            "icon-left": "plus",
+            onClick: t[0] || (t[0] = (s) => e.$emit("add"))
+          }, {
+            default: p(() => [
+              h(r(m.showSearch ? e.$t("add.new") : e.$t("_common:add", { thing: e.$t("_common:recipient") })), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        m.showSearch ? (n(), a(x, { key: 0 }, [
+          o.compact ? (n(), a("div", z, r(e.$t("_common:or")), 1)) : l("", !0),
+          d(C, {
+            "show-loading": !0,
+            "show-empty": !0,
+            icon: "search",
+            "clear-on-select": "",
+            style: { flex: "1 1 0" },
+            onAdd: t[1] || (t[1] = (s) => e.$emit("add", s)),
+            onSetClient: t[2] || (t[2] = (s) => e.$emit("setClient", s))
+          })
+        ], 64)) : l("", !0)
+      ]),
+      _: 1
+    })
+  ], 6);
+}
+const O = /* @__PURE__ */ _(k, [["render", N]]);
+export {
+  O as default
+};