@konnectio/core/dist/ActionField-DlqhtdHW.js

Konnectio Core Frontend Integration.

import { D as e, E as t, Et as n, M as r, P as i, T as a, Y as o, dt as s, v as c } from "./mitt-Dp_pykgV.js";
import { S as l, W as u, _ as d, n as f, r as p, t as m, v as h } from "./SelectField-CfD2awPl.js";
//#region src/components/inputs/grouped/ActionField.vue?vue&type=script&setup=true&lang.ts
var g = { class: "konnectio-action-field" }, _ = /* @__PURE__ */ l(/* @__PURE__ */ i({
	__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(i, { emit: l }) {
		let _ = l, v = i, y = v.id || u();
		function b(e) {
			_("update:modelValue", e);
		}
		let x = a({
			get: () => v.modelValue,
			set: (e) => b(e)
		}), S = a({
			get: () => v.modelValue,
			set: (e) => b(e)
		});
		function C() {
			_("action");
		}
		return (a, l) => (o(), e(d, {
			label: i.label,
			id: n(y),
			icon: i.icon,
			"icon-type": i.iconType,
			required: i.required,
			type: i.type,
			readonly: i.readonly
		}, {
			default: s(() => [t("div", g, [i.type === "dropdown" && i.data ? (o(), e(m, {
				key: 0,
				modelValue: x.value,
				"onUpdate:modelValue": l[0] ||= (e) => x.value = e,
				id: n(y),
				options: i.data,
				name: i.name,
				required: i.required,
				placeholder: i.placeholder
			}, null, 8, [
				"modelValue",
				"id",
				"options",
				"name",
				"required",
				"placeholder"
			])) : i.type === "number" ? (o(), e(p, {
				key: 1,
				modelValue: S.value,
				"onUpdate:modelValue": l[1] ||= (e) => S.value = e,
				id: n(y),
				"min-value": i.minValue,
				"max-value": i.maxValue
			}, null, 8, [
				"modelValue",
				"id",
				"min-value",
				"max-value"
			])) : (o(), e(f, {
				key: 2,
				modelValue: x.value,
				"onUpdate:modelValue": l[2] ||= (e) => x.value = e,
				id: n(y),
				type: i.inputType,
				name: i.name,
				required: i.required,
				placeholder: i.placeholder,
				"no-optional-label": !0,
				readonly: i.readonly,
				onKeyup: l[3] ||= c((e) => C(), ["enter"])
			}, null, 8, [
				"modelValue",
				"id",
				"type",
				"name",
				"required",
				"placeholder",
				"readonly"
			])), r(h, {
				"data-test": `${i.name}Submit`,
				icon: i.buttonIcon,
				label: i.buttonLabel,
				"icon-color": i.buttonIconColor,
				styling: i.action,
				type: "button",
				"is-loading": i.isLoading,
				disabled: i.buttonDisabled,
				secondary: i.secondary,
				onClickEvent: l[4] ||= (e) => C()
			}, null, 8, [
				"data-test",
				"icon",
				"label",
				"icon-color",
				"styling",
				"is-loading",
				"disabled",
				"secondary"
			])])]),
			_: 1
		}, 8, [
			"label",
			"id",
			"icon",
			"icon-type",
			"required",
			"type",
			"readonly"
		]));
	}
}), [["__scopeId", "data-v-37d63f6b"]]);
//#endregion
export { _ as t };