@konnectio/core 4.0.55 → 4.0.56-rc10

package/dist/Field-agqP-A21.js

@@ -0,0 +1,42 @@
+import { k as l, o as a, l as o, m as n, n as i, p as s, q as r, _ as d } from "./SelectField.vue_vue_type_style_index_0_lang-Throo8e2.js";
+import { E as t } from "./_-K1FuFdRs.js";
+const p = {
+  key: 0,
+  class: "skeleton-field-label"
+}, c = { key: 1 }, h = /* @__PURE__ */ l({
+  __name: "Field",
+  props: {
+    withIcon: { type: Boolean, default: !1 },
+    noLabel: { type: Boolean, default: !1 },
+    isTextArea: { type: Boolean, default: !1 }
+  },
+  setup(f) {
+    return (e, m) => (a(), o("div", {
+      class: r([
+        "skeleton-field",
+        { "is-text-area": e.isTextArea },
+        { "no-label": e.noLabel }
+      ])
+    }, [
+      e.noLabel ? (a(), o("div", c)) : (a(), o("div", p, [
+        e.withIcon ? (a(), n(t, {
+          key: 0,
+          height: "15px",
+          width: "15px"
+        })) : i("", !0),
+        s(t, {
+          height: "15px",
+          width: "30%"
+        })
+      ])),
+      s(t, {
+        height: e.isTextArea ? "82px" : "44px",
+        width: "100%",
+        "border-radius": "6px"
+      }, null, 8, ["height"])
+    ], 2));
+  }
+}), u = /* @__PURE__ */ d(h, [["__scopeId", "data-v-992f78a1"]]);
+export {
+  u as F
+};