@konnectio/core
Version:
Konnectio Core Frontend Integration.
104 lines (103 loc) • 3.47 kB
JavaScript
import { d as V, c as y, a as d, b as i, g as u, w as v, e as x, f as q } from "./mitt-CvmiLPAX.js";
import { H as g, x as k, d as B, i as I, T as C, e as T, _ as F } from "./SelectField.vue_vue_type_style_index_0_lang-C60Scz2U.js";
const A = { class: "konnectio-action-field" }, L = /* @__PURE__ */ V({
__name: "ActionField",
props: {
modelValue: {},
label: {},
inputType: { default: "text" },
buttonLabel: {},
buttonIcon: {},
buttonIconColor: {},
buttonDisabled: { type: Boolean, default: !1 },
secondary: { type: Boolean, default: !1 },
name: {},
id: {},
type: { default: "text" },
placeholder: {},
icon: {},
iconType: { default: "fal" },
required: { type: Boolean, default: !1 },
readonly: { type: Boolean, default: !1 },
data: {},
action: {},
minValue: {},
maxValue: {},
isLoading: { type: Boolean, default: !1 }
},
emits: ["update:modelValue", "action"],
setup(e, { emit: f }) {
const m = f, c = e, n = c.id || g();
function s(l) {
m("update:modelValue", l);
}
const o = y({
get: () => c.modelValue,
set: (l) => s(l)
}), r = y({
get: () => c.modelValue,
set: (l) => s(l)
});
function b() {
m("action");
}
return (l, a) => (i(), d(k, {
label: e.label,
id: u(n),
icon: e.icon,
"icon-type": e.iconType,
required: e.required,
type: e.type,
readonly: e.readonly
}, {
default: v(() => [
x("div", A, [
e.type === "dropdown" && e.data ? (i(), d(B, {
key: 0,
modelValue: o.value,
"onUpdate:modelValue": a[0] || (a[0] = (t) => o.value = t),
id: u(n),
options: e.data,
name: e.name,
required: e.required,
placeholder: e.placeholder
}, null, 8, ["modelValue", "id", "options", "name", "required", "placeholder"])) : e.type === "number" ? (i(), d(I, {
key: 1,
modelValue: r.value,
"onUpdate:modelValue": a[1] || (a[1] = (t) => r.value = t),
id: u(n),
"min-value": e.minValue,
"max-value": e.maxValue
}, null, 8, ["modelValue", "id", "min-value", "max-value"])) : (i(), d(C, {
key: 2,
modelValue: o.value,
"onUpdate:modelValue": a[2] || (a[2] = (t) => o.value = t),
id: u(n),
type: e.inputType,
name: e.name,
required: e.required,
placeholder: e.placeholder,
"no-optional-label": !0
}, null, 8, ["modelValue", "id", "type", "name", "required", "placeholder"])),
q(T, {
"data-test": `${e.name}Submit`,
icon: e.buttonIcon,
label: e.buttonLabel,
"icon-color": e.buttonIconColor,
styling: e.action,
type: "button",
"is-loading": e.isLoading,
disabled: e.buttonDisabled,
secondary: e.secondary,
onClickEvent: a[3] || (a[3] = (t) => b())
}, null, 8, ["data-test", "icon", "label", "icon-color", "styling", "is-loading", "disabled", "secondary"])
])
]),
_: 1
}, 8, ["label", "id", "icon", "icon-type", "required", "type", "readonly"]));
}
}), U = /* @__PURE__ */ F(L, [["__scopeId", "data-v-18f51ff2"]]);
export {
U as A
};
//# sourceMappingURL=ActionField-BS0Mh1bE.js.map