@konnectio/core 4.0.1 → 4.0.3

package/dist/ActionField-1b4171c7.mjs

@@ -0,0 +1,103 @@
+import { d as b, f as m, o as d, h as i, w as c, b as V, u as t, a as v, C as g, _ as q } from "./Clickable-eb931b15.mjs";
+import { x as k, I as B } from "./NumberField.vue_vue_type_style_index_0_lang-737bf674.mjs";
+import { _ as I, T as C } from "./SelectField.vue_vue_type_style_index_0_lang-d7f0bf68.mjs";
+import { _ as F } from "./applyGiftCard-eb7b85ee.mjs";
+const A = { class: "fresh-booking-action-field" }, h = /* @__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, l = u.id || k();
+    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, a) => (d(), i(B, {
+      label: e.label,
+      id: t(l),
+      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(I, {
+            key: 0,
+            modelValue: n.value,
+            "onUpdate:modelValue": a[0] || (a[0] = (o) => n.value = o),
+            id: t(l),
+            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(F, {
+            key: 1,
+            modelValue: p.value,
+            "onUpdate:modelValue": a[1] || (a[1] = (o) => p.value = o),
+            id: t(l),
+            "min-value": e.minValue,
+            "max-value": e.maxValue
+          }, null, 8, ["modelValue", "id", "min-value", "max-value"])) : (d(), i(C, {
+            key: 2,
+            modelValue: n.value,
+            "onUpdate:modelValue": a[2] || (a[2] = (o) => n.value = o),
+            id: t(l),
+            name: e.name,
+            required: e.required,
+            placeholder: e.placeholder
+          }, null, 8, ["modelValue", "id", "name", "required", "placeholder"])),
+          v(g, {
+            "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] = (o) => 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 U = /* @__PURE__ */ q(h, [["__scopeId", "data-v-d9c1b798"]]);
+export {
+  U as A
+};
+//# sourceMappingURL=ActionField-1b4171c7.mjs.map

package/dist/ActionField-97c0c682.js

@@ -0,0 +1,2 @@
+"use strict";const l=require("./Clickable-f57e16ad.js"),s=require("./NumberField.vue_vue_type_style_index_0_lang-e642c7f3.js"),p=require("./SelectField.vue_vue_type_style_index_0_lang-a3371159.js"),y=require("./applyGiftCard-9847fda1.js"),b={class:"fresh-booking-action-field"},f=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(c,{emit:i}){const t=c,n=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 m(){i("action")}return(e,o)=>(l.openBlock(),l.createBlock(s.InputField,{label:e.label,id:l.unref(n),icon:e.icon,"icon-type":e.iconType,required:e.required,type:e.type,readonly:e.readonly},{default:l.withCtx(()=>[l.createBaseVNode("div",b,[e.type==="dropdown"&&e.data?(l.openBlock(),l.createBlock(p._sfc_main,{key:0,modelValue:d.value,"onUpdate:modelValue":o[0]||(o[0]=a=>d.value=a),id:l.unref(n),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(y._sfc_main,{key:1,modelValue:r.value,"onUpdate:modelValue":o[1]||(o[1]=a=>r.value=a),id:l.unref(n),"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]=a=>d.value=a),id:l.unref(n),name:e.name,required:e.required,placeholder:e.placeholder},null,8,["modelValue","id","name","required","placeholder"])),l.createVNode(l.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]=a=>m())},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=l._export_sfc(f,[["__scopeId","data-v-d9c1b798"]]);exports.ActionField=V;
+//# sourceMappingURL=ActionField-97c0c682.js.map