@cling-se/widget 0.17.0 → 1.0.0-beta.2

package/dist/AddClientCallout-e8d19R3f.js

@@ -0,0 +1,101 @@
+import { m as g } from "./mapFormMixin-D3BihYWW.js";
+import { _ as y } from "./CFormField.vue_vue_type_script_setup_true_lang-D_U9coAY.js";
+import { T as v, _, b as i, o as n, d as a, s as l, v as r, f as d, e as c, w as p, B as h, F as x, n as b, l as w } from "./main-Cb-nyil1.js";
+import { C as $ } from "./ClientAutocomplete-9JzGcO9O.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 = i("CButton"), C = i("ClientAutocomplete"), f = i("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 ? d("", !0) : (n(), a("div", F, [
+      l("div", {
+        class: "text-base font-semibold",
+        textContent: r(e.$t("title"))
+      }, null, 8, A),
+      l("div", {
+        class: "pb-6 text-gray-700",
+        textContent: r(e.$t("subTitle"))
+      }, null, 8, B)
+    ])),
+    c(f, {
+      grouped: "",
+      "group-multiline": ""
+    }, {
+      default: p(() => [
+        l("div", S, [
+          c(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)) : d("", !0),
+          c(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)) : d("", !0)
+      ]),
+      _: 1
+    })
+  ], 6);
+}
+const O = /* @__PURE__ */ _(k, [["render", N]]);
+export {
+  O as default
+};