@konnectio/core
Version:
Konnectio Core Frontend Integration.
58 lines (57 loc) • 1.49 kB
JavaScript
import { D as e, Dt as t, M as n, O as r, P as i, Y as a, k as o, m as s } from "./mitt-Dp_pykgV.js";
import { S as c } from "./SelectField-CfD2awPl.js";
//#region src/components/skeletons/_.vue?vue&type=script&setup=true&lang.ts
var l = { class: "konnectio-placeholder" }, u = /* @__PURE__ */ c(/* @__PURE__ */ i({
__name: "_",
props: {
height: { default: "100%" },
width: { default: "100%" },
borderRadius: { default: "3px" }
},
setup(e) {
return s((e) => ({
v14bbc526: e.width,
b65ad340: e.height,
v68f07257: e.borderRadius
})), (e, t) => (a(), o("div", l));
}
}), [["__scopeId", "data-v-8d2eff15"]]), d = {
key: 0,
class: "skeleton-field-label"
}, f = { key: 1 }, p = /* @__PURE__ */ c(/* @__PURE__ */ i({
__name: "Field",
props: {
withIcon: {
type: Boolean,
default: !1
},
noLabel: {
type: Boolean,
default: !1
},
isTextArea: {
type: Boolean,
default: !1
}
},
setup(i) {
return (s, c) => (a(), o("div", { class: t([
"skeleton-field",
{ "is-text-area": i.isTextArea },
{ "no-label": i.noLabel }
]) }, [i.noLabel ? (a(), o("div", f)) : (a(), o("div", d, [i.withIcon ? (a(), e(u, {
key: 0,
height: "15px",
width: "15px"
})) : r("", !0), n(u, {
height: "15px",
width: "30%"
})])), n(u, {
height: i.isTextArea ? "82px" : "44px",
width: "100%",
"border-radius": "6px"
}, null, 8, ["height"])], 2));
}
}), [["__scopeId", "data-v-6ef33e68"]]);
//#endregion
export { u as n, p as t };