@konnectio/core 4.0.0 → 4.0.2

package/dist/ActionField-138c1747.mjs

@@ -0,0 +1,104 @@
+import { defineComponent as b, computed as m, openBlock as d, createBlock as i, unref as t, withCtx as c, createElementVNode as V, createVNode as v } from "vue";
+import { x as g, I as q } from "./NumberField.vue_vue_type_style_index_0_lang-778e8361.mjs";
+import { _ as k, T as I } from "./SelectField.vue_vue_type_style_index_0_lang-b4fb229d.mjs";
+import { _ as B } from "./applyGiftCard-fb6fb8f4.mjs";
+import { C, _ as F } from "./Clickable-26efd8d0.mjs";
+const A = { class: "fresh-booking-action-field" }, L = /* @__PURE__ */ b({
+  __name: "ActionField",
+  props: {
+    modelValue: {},
+    label: {},
+    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(y, { emit: r }) {
+    const u = y, a = u.id || g();
+    function s(e) {
+      r("update:modelValue", e);
+    }
+    const n = m({
+      get: () => u.modelValue,
+      set: (e) => s(e)
+    }), p = m({
+      get: () => u.modelValue,
+      set: (e) => s(e)
+    });
+    function f() {
+      r("action");
+    }
+    return (e, o) => (d(), i(q, {
+      label: e.label,
+      id: t(a),
+      icon: e.icon,
+      "icon-type": e.iconType,
+      required: e.required,
+      type: e.type,
+      readonly: e.readonly
+    }, {
+      default: c(() => [
+        V("div", A, [
+          e.type === "dropdown" && e.data ? (d(), i(k, {
+            key: 0,
+            modelValue: n.value,
+            "onUpdate:modelValue": o[0] || (o[0] = (l) => n.value = l),
+            id: t(a),
+            options: e.data,
+            name: e.name,
+            required: e.required,
+            placeholder: e.placeholder
+          }, null, 8, ["modelValue", "id", "options", "name", "required", "placeholder"])) : e.type === "number" ? (d(), i(B, {
+            key: 1,
+            modelValue: p.value,
+            "onUpdate:modelValue": o[1] || (o[1] = (l) => p.value = l),
+            id: t(a),
+            "min-value": e.minValue,
+            "max-value": e.maxValue
+          }, null, 8, ["modelValue", "id", "min-value", "max-value"])) : (d(), i(I, {
+            key: 2,
+            modelValue: n.value,
+            "onUpdate:modelValue": o[2] || (o[2] = (l) => n.value = l),
+            id: t(a),
+            name: e.name,
+            required: e.required,
+            placeholder: e.placeholder
+          }, null, 8, ["modelValue", "id", "name", "required", "placeholder"])),
+          v(C, {
+            "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: o[3] || (o[3] = (l) => f())
+          }, null, 8, ["data-test", "icon", "label", "icon-color", "styling", "is-loading", "disabled", "secondary"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["label", "id", "icon", "icon-type", "required", "type", "readonly"]));
+  }
+});
+const D = /* @__PURE__ */ F(L, [["__scopeId", "data-v-d9c1b798"]]);
+export {
+  D as A
+};
+//# sourceMappingURL=ActionField-138c1747.mjs.map

package/dist/ActionField-2b6751b4.js

@@ -0,0 +1,2 @@
+"use strict";const l=require("vue"),s=require("./NumberField.vue_vue_type_style_index_0_lang-de20cf9f.js"),p=require("./SelectField.vue_vue_type_style_index_0_lang-aa7a93a7.js"),b=require("./applyGiftCard-2eac2416.js"),c=require("./Clickable-6b252cca.js"),f={class:"fresh-booking-action-field"},V=l.defineComponent({__name:"ActionField",props:{modelValue:{},label:{},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(m,{emit:i}){const t=m,a=t.id||s.ranId();function u(e){i("update:modelValue",e)}const d=l.computed({get:()=>t.modelValue,set:e=>u(e)}),r=l.computed({get:()=>t.modelValue,set:e=>u(e)});function y(){i("action")}return(e,o)=>(l.openBlock(),l.createBlock(s.InputField,{label:e.label,id:l.unref(a),icon:e.icon,"icon-type":e.iconType,required:e.required,type:e.type,readonly:e.readonly},{default:l.withCtx(()=>[l.createElementVNode("div",f,[e.type==="dropdown"&&e.data?(l.openBlock(),l.createBlock(p._sfc_main,{key:0,modelValue:d.value,"onUpdate:modelValue":o[0]||(o[0]=n=>d.value=n),id:l.unref(a),options:e.data,name:e.name,required:e.required,placeholder:e.placeholder},null,8,["modelValue","id","options","name","required","placeholder"])):e.type==="number"?(l.openBlock(),l.createBlock(b._sfc_main,{key:1,modelValue:r.value,"onUpdate:modelValue":o[1]||(o[1]=n=>r.value=n),id:l.unref(a),"min-value":e.minValue,"max-value":e.maxValue},null,8,["modelValue","id","min-value","max-value"])):(l.openBlock(),l.createBlock(p.TextField,{key:2,modelValue:d.value,"onUpdate:modelValue":o[2]||(o[2]=n=>d.value=n),id:l.unref(a),name:e.name,required:e.required,placeholder:e.placeholder},null,8,["modelValue","id","name","required","placeholder"])),l.createVNode(c.Clickable,{"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:o[3]||(o[3]=n=>y())},null,8,["data-test","icon","label","icon-color","styling","is-loading","disabled","secondary"])])]),_:1},8,["label","id","icon","icon-type","required","type","readonly"]))}});const v=c._export_sfc(V,[["__scopeId","data-v-d9c1b798"]]);exports.ActionField=v;
+//# sourceMappingURL=ActionField-2b6751b4.js.map