@fewangsit/wangsvue-fats 1.0.0-alpha.41 → 1.0.0-alpha.43

package/components/index.d.ts

@@ -1,61 +1,163 @@
-export { default as ApproverInfo } from './approverinfo/ApproverInfo.vue';
-export { default as Badge } from './badge/Badge.vue';
-export { default as BadgeGroup } from './badgegroup/BadgeGroup.vue';
-export { default as BaseTree } from './basetree/BaseTree.vue';
-export { default as Breadcrumb } from './breadcrumb/Breadcrumb.vue';
-export { default as Button } from './button/Button.vue';
-export { default as ButtonBulkAction } from './buttonbulkaction/ButtonBulkAction.vue';
-export { default as ButtonCopy } from './buttoncopy/ButtonCopy.vue';
-export { default as ButtonDownload } from './buttondownload/ButtonDownload.vue';
-export { default as ButtonFilter } from './buttonfilter/ButtonFilter.vue';
-export { default as ButtonRadio } from './buttonradio/ButtonRadio.vue';
-export { default as ButtonScan } from './buttonscan/ButtonScan.vue';
-export { default as ButtonSearch } from './buttonsearch/ButtonSearch.vue';
-export { default as ButtonSelectTree } from './buttonselecttree/ButtonSelectTree.vue';
-export { default as ButtonSync } from './buttonsync/ButtonSync.vue';
-export { default as ButtonToggle } from './buttontoggle/ButtonToggle.vue';
-export { default as Calendar } from './calendar/Calendar.vue';
-export { default as Card } from './card/Card.vue';
-export { default as Checkbox } from './checkbox/Checkbox.vue';
-export { default as DataTable } from './datatable/DataTable.vue';
-export { default as Dialog } from './dialog/Dialog.vue';
-export { default as DialogConfirm } from './dialogconfirm/DialogConfirm.vue';
-export { default as DialogForm } from './dialogform/DialogForm.vue';
-export { default as DialogSelectTree } from './dialogselecttree/DialogSelectTree.vue';
-export { default as Dropdown } from './dropdown/Dropdown.vue';
-export { default as FileUpload } from './fileupload/FileUpload.vue';
-export { default as Form } from './form/Form.vue';
-export { default as Icon } from './icon/Icon.vue';
-export { default as Image } from './image/Image.vue';
-export { default as ImageCompressor } from './imagecompressor/ImageCompressor.vue';
-export { default as InputBadge } from './inputbadge/InputBadge.vue';
-export { default as InputCurrency } from './inputcurrency/InputCurrency.vue';
-export { default as InputEmail } from './inputemail/InputEmail.vue';
-export { default as InputNumber } from './inputnumber/InputNumber.vue';
-export { default as InputPassword } from './inputpassword/InputPassword.vue';
-export { default as InputPhoneNumber } from './inputphonenumber/InputPhoneNumber.vue';
-export { default as InputRangeNumber } from './inputrangenumber/InputRangeNumber.vue';
-export { default as InputText } from './inputtext/InputText.vue';
-export { default as InputURL } from './inputurl/InputURL.vue';
-export { default as InvisibleField } from './invisiblefield/InvisibleField.vue';
-export { default as LiteDropdown } from './litedropdown/LiteDropdown.vue';
-export { default as Loading } from './loading/Loading.vue';
-export { default as Menu } from './menu/Menu.vue';
-export { default as MultiSelect } from './multiselect/MultiSelect.vue';
-export { default as OverlayPanel } from './overlaypanel/OverlayPanel.vue';
-export { default as TabMenu } from './tabmenu/TabMenu.vue';
-export { default as Textarea } from './textarea/Textarea.vue';
-export { default as Timeline } from './timeline/Timeline.vue';
-export { default as Toast } from './toast/Toast.vue';
-export { default as ToggleSwitch } from './toggleswitch/ToggleSwitch.vue';
-export { default as Tree } from './tree/Tree.vue';
-export { default as UserName } from './username/UserName.vue';
+import { defineAsyncComponent } from 'vue';
 
-export { default as AssetInfo } from './assetinfo/AssetInfo.vue';
-export { default as ButtonSelectUser } from './buttonselectuser/ButtonSelectUser.vue';
-export { default as ButtonViewLog } from './buttonviewlog/ButtonViewLog.vue';
-export { default as DialogSelectUser } from './dialogselectuser/DialogSelectUser.vue';
-export { default as UserWithIcon } from './userwithicon/UserWithIcon.vue';
-export { default as FilterContainer } from './filtercontainer/FilterContainer.vue';
-export { default as InputSearch } from './inputsearch/InputSearch.vue';
-export { default as TransactionRoles } from './transactionroles/TransactionRoles.vue';
+export const ApproverInfo = defineAsyncComponent(
+  () => import('./approverinfo/ApproverInfo.vue'),
+);
+export const Badge = defineAsyncComponent(() => import('./badge/Badge.vue'));
+export const BadgeGroup = defineAsyncComponent(
+  () => import('./badgegroup/BadgeGroup.vue'),
+);
+export const BaseTree = defineAsyncComponent(
+  () => import('./basetree/BaseTree.vue'),
+);
+export const Breadcrumb = defineAsyncComponent(
+  () => import('./breadcrumb/Breadcrumb.vue'),
+);
+export const Button = defineAsyncComponent(() => import('./button/Button.vue'));
+export const ButtonBulkAction = defineAsyncComponent(
+  () => import('./buttonbulkaction/ButtonBulkAction.vue'),
+);
+export const ButtonCopy = defineAsyncComponent(
+  () => import('./buttoncopy/ButtonCopy.vue'),
+);
+export const ButtonDownload = defineAsyncComponent(
+  () => import('./buttondownload/ButtonDownload.vue'),
+);
+export const ButtonFilter = defineAsyncComponent(
+  () => import('./buttonfilter/ButtonFilter.vue'),
+);
+export const ButtonRadio = defineAsyncComponent(
+  () => import('./buttonradio/ButtonRadio.vue'),
+);
+export const ButtonScan = defineAsyncComponent(
+  () => import('./buttonscan/ButtonScan.vue'),
+);
+export const ButtonSearch = defineAsyncComponent(
+  () => import('./buttonsearch/ButtonSearch.vue'),
+);
+export const ButtonSelectTree = defineAsyncComponent(
+  () => import('./buttonselecttree/ButtonSelectTree.vue'),
+);
+export const ButtonSync = defineAsyncComponent(
+  () => import('./buttonsync/ButtonSync.vue'),
+);
+export const ButtonToggle = defineAsyncComponent(
+  () => import('./buttontoggle/ButtonToggle.vue'),
+);
+export const Calendar = defineAsyncComponent(
+  () => import('./calendar/Calendar.vue'),
+);
+export const Card = defineAsyncComponent(() => import('./card/Card.vue'));
+export const Checkbox = defineAsyncComponent(
+  () => import('./checkbox/Checkbox.vue'),
+);
+export const DataTable = defineAsyncComponent(
+  () => import('./datatable/DataTable.vue'),
+);
+export const Dialog = defineAsyncComponent(() => import('./dialog/Dialog.vue'));
+export const DialogConfirm = defineAsyncComponent(
+  () => import('./dialogconfirm/DialogConfirm.vue'),
+);
+export const DialogForm = defineAsyncComponent(
+  () => import('./dialogform/DialogForm.vue'),
+);
+export const DialogSelectTree = defineAsyncComponent(
+  () => import('./dialogselecttree/DialogSelectTree.vue'),
+);
+export const Dropdown = defineAsyncComponent(
+  () => import('./dropdown/Dropdown.vue'),
+);
+export const FileUpload = defineAsyncComponent(
+  () => import('./fileupload/FileUpload.vue'),
+);
+export const Form = defineAsyncComponent(() => import('./form/Form.vue'));
+export const Icon = defineAsyncComponent(() => import('./icon/Icon.vue'));
+export const Image = defineAsyncComponent(() => import('./image/Image.vue'));
+export const ImageCompressor = defineAsyncComponent(
+  () => import('./imagecompressor/ImageCompressor.vue'),
+);
+export const InputBadge = defineAsyncComponent(
+  () => import('./inputbadge/InputBadge.vue'),
+);
+export const InputCurrency = defineAsyncComponent(
+  () => import('./inputcurrency/InputCurrency.vue'),
+);
+export const InputEmail = defineAsyncComponent(
+  () => import('./inputemail/InputEmail.vue'),
+);
+export const InputNumber = defineAsyncComponent(
+  () => import('./inputnumber/InputNumber.vue'),
+);
+export const InputPassword = defineAsyncComponent(
+  () => import('./inputpassword/InputPassword.vue'),
+);
+export const InputPhoneNumber = defineAsyncComponent(
+  () => import('./inputphonenumber/InputPhoneNumber.vue'),
+);
+export const InputRangeNumber = defineAsyncComponent(
+  () => import('./inputrangenumber/InputRangeNumber.vue'),
+);
+export const InputText = defineAsyncComponent(
+  () => import('./inputtext/InputText.vue'),
+);
+export const InputURL = defineAsyncComponent(
+  () => import('./inputurl/InputURL.vue'),
+);
+export const InvisibleField = defineAsyncComponent(
+  () => import('./invisiblefield/InvisibleField.vue'),
+);
+export const LiteDropdown = defineAsyncComponent(
+  () => import('./litedropdown/LiteDropdown.vue'),
+);
+export const Loading = defineAsyncComponent(
+  () => import('./loading/Loading.vue'),
+);
+export const Menu = defineAsyncComponent(() => import('./menu/Menu.vue'));
+export const MultiSelect = defineAsyncComponent(
+  () => import('./multiselect/MultiSelect.vue'),
+);
+export const OverlayPanel = defineAsyncComponent(
+  () => import('./overlaypanel/OverlayPanel.vue'),
+);
+export const TabMenu = defineAsyncComponent(
+  () => import('./tabmenu/TabMenu.vue'),
+);
+export const Textarea = defineAsyncComponent(
+  () => import('./textarea/Textarea.vue'),
+);
+export const Timeline = defineAsyncComponent(
+  () => import('./timeline/Timeline.vue'),
+);
+export const Toast = defineAsyncComponent(() => import('./toast/Toast.vue'));
+export const ToggleSwitch = defineAsyncComponent(
+  () => import('./toggleswitch/ToggleSwitch.vue'),
+);
+export const Tree = defineAsyncComponent(() => import('./tree/Tree.vue'));
+export const UserName = defineAsyncComponent(
+  () => import('./username/UserName.vue'),
+);
+
+export const AssetInfo = defineAsyncComponent(
+  () => import('./assetinfo/AssetInfo.vue'),
+);
+export const ButtonSelectUser = defineAsyncComponent(
+  () => import('./buttonselectuser/ButtonSelectUser.vue'),
+);
+export const ButtonViewLog = defineAsyncComponent(
+  () => import('./buttonviewlog/ButtonViewLog.vue'),
+);
+export const DialogSelectUser = defineAsyncComponent(
+  () => import('./dialogselectuser/DialogSelectUser.vue'),
+);
+export const UserWithIcon = defineAsyncComponent(
+  () => import('./userwithicon/UserWithIcon.vue'),
+);
+export const FilterContainer = defineAsyncComponent(
+  () => import('./filtercontainer/FilterContainer.vue'),
+);
+export const InputSearch = defineAsyncComponent(
+  () => import('./inputsearch/InputSearch.vue'),
+);
+export const TransactionRoles = defineAsyncComponent(
+  () => import('./transactionroles/TransactionRoles.vue'),
+);

package/components/inlinemessage/InlineMessage-BPJD82sq.es.js

@@ -0,0 +1,94 @@
+import { defineComponent as g, ref as y, computed as w, createElementBlock as o, openBlock as s, mergeProps as n, createElementVNode as a, createCommentVNode as r, createBlock as c, normalizeClass as _, unref as h, toDisplayString as i, Fragment as k, renderList as x, createVNode as C } from "vue";
+import { c as B, _ as $ } from "../button/Button-CgkhMnxo.es.js";
+import m from "../icon/Icon-C4kXVcEX.es.js";
+const b = { class: "flex items-center gap-3 w-full" }, I = {
+  class: "flex items-center w-full justify-between",
+  "data-wv-section": "content"
+}, N = {
+  key: 0,
+  class: "font-bold",
+  "data-wv-section": "title"
+}, V = { "data-wv-section": "message" }, E = {
+  key: 0,
+  class: "flex flex-col gap-3 overflow-auto max-h-[71px]",
+  "data-wv-section": "list"
+}, z = /* @__PURE__ */ g({
+  __name: "InlineMessage",
+  props: {
+    severity: { default: "secondary" },
+    title: {},
+    message: {},
+    lists: {},
+    showIcon: { type: Boolean, default: !0 },
+    removable: { type: Boolean, default: !0 },
+    messageWrapperClass: {},
+    loading: { type: Boolean, default: !1 }
+  },
+  emits: ["close"],
+  setup(u) {
+    const e = u, d = y(!0), p = w(() => {
+      if (e.loading) return "spinner";
+      switch (e.severity) {
+        case "success":
+          return "checkbox-circle";
+        case "danger":
+          return "close-circle";
+        default:
+          return "info";
+      }
+    });
+    return (t, l) => (s(), o("div", n(t.$preset.inlinemessage.root({ props: e }), {
+      "aria-atomic": "true",
+      "aria-live": "assertive",
+      role: "alert"
+    }), [
+      a("div", b, [
+        t.showIcon ? (s(), c(m, n({ key: 0 }, t.$preset.inlinemessage.icon({ props: e }), {
+          icon: p.value,
+          severity: e.severity
+        }), null, 16, ["icon", "severity"])) : r("", !0),
+        a("div", I, [
+          a("section", {
+            class: _([
+              "flex flex-col font-medium",
+              ...h(B)(e.messageWrapperClass)
+            ]),
+            "data-wv-section": "messagewrapper"
+          }, [
+            t.title ? (s(), o("span", N, i(e.title), 1)) : r("", !0),
+            a("span", V, i(e.loading ? `${e.message}...` : e.message), 1)
+          ], 2),
+          t.removable ? (s(), c($, {
+            key: 0,
+            severity: e.severity,
+            onClick: l[0] || (l[0] = () => {
+              t.$emit("close"), d.value = !1;
+            }),
+            class: "[&_i]:w-6 [&_i]:h-6",
+            "data-wv-section": "close",
+            icon: "close",
+            rounded: "",
+            text: ""
+          }, null, 8, ["severity"])) : r("", !0)
+        ])
+      ]),
+      e.lists ? (s(), o("div", E, [
+        (s(!0), o(k, null, x(e.lists, (f, v) => (s(), o("div", {
+          key: v,
+          class: "flex items-center gap-2",
+          "data-wv-section": "item"
+        }, [
+          C(m, {
+            severity: e.severity,
+            class: "w-4 h-4 !cursor-auto",
+            icon: "arrow-right-fill"
+          }, null, 8, ["severity"]),
+          a("span", null, i(f), 1)
+        ]))), 128))
+      ])) : r("", !0)
+    ], 16));
+  }
+});
+export {
+  z as _
+};

package/components/inlinemessage/InlineMessage-DTyTe5_W.system.js

@@ -0,0 +1 @@
+System.register(["vue","../button/Button-D892iaxz.system.js","../icon/Icon-D1a666FC.system.js"],function(B,S){"use strict";var f,p,m,n,t,c,r,o,l,v,d,i,g,y,w,_,h,u;return{setters:[e=>{f=e.defineComponent,p=e.ref,m=e.computed,n=e.createElementBlock,t=e.openBlock,c=e.mergeProps,r=e.createElementVNode,o=e.createCommentVNode,l=e.createBlock,v=e.normalizeClass,d=e.unref,i=e.toDisplayString,g=e.Fragment,y=e.renderList,w=e.createVNode},e=>{_=e.c,h=e._},e=>{u=e.default}],execute:function(){const e={class:"flex items-center gap-3 w-full"},C={class:"flex items-center w-full justify-between","data-wv-section":"content"},x={key:0,class:"font-bold","data-wv-section":"title"},b={"data-wv-section":"message"},N={key:0,class:"flex flex-col gap-3 overflow-auto max-h-[71px]","data-wv-section":"list"},z=B("_",f({__name:"InlineMessage",props:{severity:{default:"secondary"},title:{},message:{},lists:{},showIcon:{type:Boolean,default:!0},removable:{type:Boolean,default:!0},messageWrapperClass:{},loading:{type:Boolean,default:!1}},emits:["close"],setup(V){const s=V,$=p(!0),I=m(()=>{if(s.loading)return"spinner";switch(s.severity){case"success":return"checkbox-circle";case"danger":return"close-circle";default:return"info"}});return(a,k)=>(t(),n("div",c(a.$preset.inlinemessage.root({props:s}),{"aria-atomic":"true","aria-live":"assertive",role:"alert"}),[r("div",e,[a.showIcon?(t(),l(u,c({key:0},a.$preset.inlinemessage.icon({props:s}),{icon:I.value,severity:s.severity}),null,16,["icon","severity"])):o("",!0),r("div",C,[r("section",{class:v(["flex flex-col font-medium",...d(_)(s.messageWrapperClass)]),"data-wv-section":"messagewrapper"},[a.title?(t(),n("span",x,i(s.title),1)):o("",!0),r("span",b,i(s.loading?`${s.message}...`:s.message),1)],2),a.removable?(t(),l(h,{key:0,severity:s.severity,onClick:k[0]||(k[0]=()=>{a.$emit("close"),$.value=!1}),class:"[&_i]:w-6 [&_i]:h-6","data-wv-section":"close",icon:"close",rounded:"",text:""},null,8,["severity"])):o("",!0)])]),s.lists?(t(),n("div",N,[(t(!0),n(g,null,y(s.lists,(E,j)=>(t(),n("div",{key:j,class:"flex items-center gap-2","data-wv-section":"item"},[w(u,{severity:s.severity,class:"w-4 h-4 !cursor-auto",icon:"arrow-right-fill"},null,8,["severity"]),r("span",null,i(E),1)]))),128))])):o("",!0)],16))}}))}}});

package/components/inputbadge/InputBadge-BUm6Kn-F.system.js

@@ -0,0 +1 @@
+System.register(["vue","../../vendor/vee-validate-Cc_B-qII.system.js","../badge/Badge-wSExdsOP.system.js","../fieldwrapper/FieldWrapper-Dc-stQRH.system.js","../icon/Icon-D1a666FC.system.js","../overlaypanel/OverlayPanel-BKCivqTs.system.js","../validatormessage/ValidatorMessage-VVfyqlRF.system.js","../../vendor/lodash-es-C3G1Cc1m.system.js"],function(H,ue){"use strict";var N,_,j,$,C,b,D,d,B,P,m,u,x,y,M,f,c,k,E,R,L,T,I,F,U,A,O,S,z,K,W,Z,h;return{setters:[a=>{N=a.defineComponent,_=a.onMounted,j=a.reactive,$=a.onBeforeUnmount,C=a.inject,b=a.ref,D=a.shallowRef,d=a.computed,B=a.watch,P=a.watchEffect,m=a.createBlock,u=a.openBlock,x=a.withCtx,y=a.createElementVNode,M=a.createCommentVNode,f=a.mergeProps,c=a.unref,k=a.createElementBlock,E=a.Fragment,R=a.renderList,L=a.withModifiers,T=a.withDirectives,I=a.createVNode,F=a.vModelText,U=a.createTextVNode,A=a.nextTick},a=>{O=a.u},a=>{S=a.default},a=>{z=a.default},a=>{K=a.default},a=>{W=a.default},a=>{Z=a._},a=>{h=a.c}],execute:function(){const a=["id","disabled","placeholder"],ve=H("default",N({__name:"InputBadge",props:{type:{default:"text"},modelValue:{},initialValue:{},useValidator:{type:Boolean},existingValues:{},mandatory:{type:Boolean},validatorMessage:{},showValidatorMessage:{type:Boolean,default:!0},invalid:{type:Boolean},fieldName:{default:"inputBadge"},placeholder:{},disabled:{type:Boolean},label:{},fieldInfo:{},preserveDeletedIndex:{type:Boolean}},emits:["update:modelValue"],setup(J,{emit:Q}){const t=J,q=Q;_(()=>{var e,n;t.useValidator&&(Object.assign(l,O(t.fieldName,i=>A(()=>ae(i)))),(e=t.initialValue)!=null&&e.length?l.value=t.initialValue:(n=t.modelValue)!=null&&n.length&&(l.value=t.modelValue))}),$(()=>{t.useValidator&&l.handleReset()});const V=C("preset",{}).inputbadge,w=b(null),p=b(),r=D(),l=j({value:t.initialValue??t.modelValue??[]}),X=d(()=>{var e;return((e=t.label)==null?void 0:e.toLowerCase)+"-badge-input"}),Y=d(()=>t.invalid&&typeof t.validatorMessage=="string"?t.validatorMessage:l.errorMessage),ee=d(()=>t.placeholder?t.placeholder:t.type==="email"?"Enter valid email":"Enter value"),ae=e=>{var n;if(typeof t.validatorMessage=="string"&&t.invalid)return t.validatorMessage;if(typeof t.validatorMessage!="string"){const{empty:i,exist:g}=t.validatorMessage??{};if(!(e!=null&&e.length)&&t.mandatory)return i??!0;if((n=t.existingValues)!=null&&n.length||g){let s=!0;return e.forEach(o=>{const v=e.filter(de=>de===o);(t.existingValues.includes(o)||v.length>1)&&(s=g)}),s}}return!0},te=d(()=>{var e;return t.invalid||!!l.errorMessage||!((e=l.value)!=null&&e.length)&&typeof r.value=="string"&&!r.value.length}),le=d(()=>{var e,n;return!!((n=(e=l.value)==null?void 0:e.filter(Boolean))!=null&&n.length)}),ne=e=>/^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/.test(e),re=()=>{r.value&&(l.value=[...l.value??[],r.value],r.value=void 0,q("update:modelValue",l.value))},G=e=>{if(t.type==="email"&&w.value&&p.value&&r.value&&!ne(r.value)){p.value.show(e,w.value);return}re()},ie=e=>{var n;(n=l.value)==null||n.splice(e,1,...t.preserveDeletedIndex?[null]:[]),l.value=h(l.value)},oe=e=>{var n,i;e.key==="Backspace"&&!r.value&&(e.preventDefault(),t.type==="text"?r.value=(n=l.value)==null?void 0:n.pop():(i=l.value)==null||i.pop(),l.value=h(l.value))},se=(e,n)=>{l.value&&e&&(l.value[n]=e,l.value=h(l.value),q("update:modelValue",l.value))};return B(()=>t.initialValue,e=>{e&&(l.value=e)},{once:!0}),B(()=>t.modelValue,e=>{e&&(l.value=e)}),t.preserveDeletedIndex&&P(()=>{var e,n;(e=l.value)!=null&&e.length&&((n=l.value)!=null&&n.every(i=>i==null))&&(l.value=[])}),(e,n)=>(u(),m(z,{info:e.fieldInfo,label:t.label,mandatory:t.mandatory},{default:x(()=>{var i,g;return[y("div",f((i=c(V))==null?void 0:i.root({context:{invalidInput:te.value,disabled:e.disabled}}),{"data-wv-name":"inputbadge","data-wv-section":"root"}),[(u(!0),k(E,null,R(l.value,(s,o)=>(u(),k(E,{key:s},[s?(u(),m(S,{key:0,label:s,onRemove:()=>{var v;(v=w.value)==null||v.focus(),ie(o)},"onUpdate:label":v=>se(v,o),editable:"",format:"nowrap",removable:"",severity:"dark"},null,8,["label","onRemove","onUpdate:label"])):M("",!0)],64))),128)),y("form",{onSubmit:L(G,["prevent"]),class:"flex-1","data-wv-section":"form-input"},[T(y("input",f({id:X.value,ref_key:"badgeInput",ref:w,"onUpdate:modelValue":n[0]||(n[0]=s=>r.value=s)},(g=c(V))==null?void 0:g.input({context:{disabled:e.disabled,value:l.value,showPlaceholder:le.value},parent:e.$parent,props:t}),{disabled:e.disabled,placeholder:ee.value,onBlur:G,onFocus:n[1]||(n[1]=s=>{var o;return(o=p.value)==null?void 0:o.hide()}),onInput:n[2]||(n[2]=s=>{var o;return(o=p.value)==null?void 0:o.hide()}),onKeydown:oe,"data-wv-section":"input",type:"text"}),null,16,a),[[F,r.value]]),I(W,f({ref_key:"op",ref:p},c(V).erroroverlaypanel,{dismissable:!1}),{default:x(()=>[I(K,f(c(V).erroricon,{icon:"error"}),null,16),U(" Email format is incorrect ")]),_:1},16)],32)],16),t.showValidatorMessage?(u(),m(Z,{key:0,message:Y.value},null,8,["message"])):M("",!0)]}),_:1},8,["info","label","mandatory"]))}}))}}});

package/components/inputbadge/InputBadge-BngtjqHQ.es.js

@@ -0,0 +1,186 @@
+import { defineComponent as O, onMounted as S, reactive as Z, onBeforeUnmount as q, inject as G, ref as B, shallowRef as H, computed as p, watch as M, watchEffect as J, createBlock as y, openBlock as v, withCtx as x, createElementVNode as h, createCommentVNode as k, mergeProps as c, unref as g, createElementBlock as I, Fragment as _, renderList as Q, withModifiers as W, withDirectives as X, createVNode as E, vModelText as Y, createTextVNode as ee, nextTick as ae } from "vue";
+import { u as le } from "../../vendor/vee-validate-RE5RuswC.es.js";
+import te from "../badge/Badge-DXAyz4Z8.es.js";
+import oe from "../fieldwrapper/FieldWrapper-DmOogUM5.es.js";
+import ne from "../icon/Icon-C4kXVcEX.es.js";
+import ie from "../overlaypanel/OverlayPanel-bQbjuUgG.es.js";
+import { _ as re } from "../validatormessage/ValidatorMessage-BtKfBXzO.es.js";
+import { c as V } from "../../vendor/lodash-es-CJerBxJQ.es.js";
+const ue = ["id", "disabled", "placeholder"], ye = /* @__PURE__ */ O({
+  __name: "InputBadge",
+  props: {
+    type: { default: "text" },
+    modelValue: {},
+    initialValue: {},
+    useValidator: { type: Boolean },
+    existingValues: {},
+    mandatory: { type: Boolean },
+    validatorMessage: {},
+    showValidatorMessage: { type: Boolean, default: !0 },
+    invalid: { type: Boolean },
+    fieldName: { default: "inputBadge" },
+    placeholder: {},
+    disabled: { type: Boolean },
+    label: {},
+    fieldInfo: {},
+    preserveDeletedIndex: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup($, { emit: N }) {
+    const a = $, b = N;
+    S(() => {
+      var e, t;
+      a.useValidator && (Object.assign(
+        l,
+        le(a.fieldName, (n) => ae(() => P(n)))
+      ), (e = a.initialValue) != null && e.length ? l.value = a.initialValue : (t = a.modelValue) != null && t.length && (l.value = a.modelValue));
+    }), q(() => {
+      a.useValidator && l.handleReset();
+    });
+    const f = G("preset", {}).inputbadge, m = B(null), s = B(), o = H(), l = Z({
+      value: a.initialValue ?? a.modelValue ?? []
+    }), D = p(() => {
+      var e;
+      return ((e = a.label) == null ? void 0 : e.toLowerCase) + "-badge-input";
+    }), R = p(() => a.invalid && typeof a.validatorMessage == "string" ? a.validatorMessage : l.errorMessage), L = p(() => a.placeholder ? a.placeholder : a.type === "email" ? "Enter valid email" : "Enter value"), P = (e) => {
+      var t;
+      if (typeof a.validatorMessage == "string" && a.invalid)
+        return a.validatorMessage;
+      if (typeof a.validatorMessage != "string") {
+        const { empty: n, exist: d } = a.validatorMessage ?? {};
+        if (!(e != null && e.length) && a.mandatory)
+          return n ?? !0;
+        if ((t = a.existingValues) != null && t.length || d) {
+          let r = !0;
+          return e.forEach((i) => {
+            const u = e.filter((K) => K === i);
+            (a.existingValues.includes(i) || u.length > 1) && (r = d);
+          }), r;
+        }
+      }
+      return !0;
+    }, C = p(() => {
+      var e;
+      return a.invalid || !!l.errorMessage || !((e = l.value) != null && e.length) && typeof o.value == "string" && !o.value.length;
+    }), U = p(() => {
+      var e, t;
+      return !!((t = (e = l.value) == null ? void 0 : e.filter(Boolean)) != null && t.length);
+    }), F = (e) => /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/.test(e), T = () => {
+      o.value && (l.value = [...l.value ?? [], o.value], o.value = void 0, b("update:modelValue", l.value));
+    }, w = (e) => {
+      if (a.type === "email" && m.value && s.value && o.value && !F(o.value)) {
+        s.value.show(e, m.value);
+        return;
+      }
+      T();
+    }, j = (e) => {
+      var t;
+      (t = l.value) == null || t.splice(e, 1, ...a.preserveDeletedIndex ? [null] : []), l.value = V(l.value);
+    }, A = (e) => {
+      var t, n;
+      e.key === "Backspace" && !o.value && (e.preventDefault(), a.type === "text" ? o.value = (t = l.value) == null ? void 0 : t.pop() : (n = l.value) == null || n.pop(), l.value = V(l.value));
+    }, z = (e, t) => {
+      l.value && e && (l.value[t] = e, l.value = V(l.value), b("update:modelValue", l.value));
+    };
+    return M(
+      () => a.initialValue,
+      (e) => {
+        e && (l.value = e);
+      },
+      { once: !0 }
+    ), M(
+      () => a.modelValue,
+      (e) => {
+        e && (l.value = e);
+      }
+    ), a.preserveDeletedIndex && J(() => {
+      var e, t;
+      (e = l.value) != null && e.length && ((t = l.value) != null && t.every((n) => n == null)) && (l.value = []);
+    }), (e, t) => (v(), y(oe, {
+      info: e.fieldInfo,
+      label: a.label,
+      mandatory: a.mandatory
+    }, {
+      default: x(() => {
+        var n, d;
+        return [
+          h("div", c((n = g(f)) == null ? void 0 : n.root({ context: { invalidInput: C.value, disabled: e.disabled } }), {
+            "data-wv-name": "inputbadge",
+            "data-wv-section": "root"
+          }), [
+            (v(!0), I(_, null, Q(l.value, (r, i) => (v(), I(_, { key: r }, [
+              r ? (v(), y(te, {
+                key: 0,
+                label: r,
+                onRemove: () => {
+                  var u;
+                  (u = m.value) == null || u.focus(), j(i);
+                },
+                "onUpdate:label": (u) => z(u, i),
+                editable: "",
+                format: "nowrap",
+                removable: "",
+                severity: "dark"
+              }, null, 8, ["label", "onRemove", "onUpdate:label"])) : k("", !0)
+            ], 64))), 128)),
+            h("form", {
+              onSubmit: W(w, ["prevent"]),
+              class: "flex-1",
+              "data-wv-section": "form-input"
+            }, [
+              X(h("input", c(
+                {
+                  id: D.value,
+                  ref_key: "badgeInput",
+                  ref: m,
+                  "onUpdate:modelValue": t[0] || (t[0] = (r) => o.value = r)
+                },
+                (d = g(f)) == null ? void 0 : d.input({
+                  context: { disabled: e.disabled, value: l.value, showPlaceholder: U.value },
+                  parent: e.$parent,
+                  props: a
+                }),
+                {
+                  disabled: e.disabled,
+                  placeholder: L.value,
+                  onBlur: w,
+                  onFocus: t[1] || (t[1] = (r) => {
+                    var i;
+                    return (i = s.value) == null ? void 0 : i.hide();
+                  }),
+                  onInput: t[2] || (t[2] = (r) => {
+                    var i;
+                    return (i = s.value) == null ? void 0 : i.hide();
+                  }),
+                  onKeydown: A,
+                  "data-wv-section": "input",
+                  type: "text"
+                }
+              ), null, 16, ue), [
+                [Y, o.value]
+              ]),
+              E(ie, c({
+                ref_key: "op",
+                ref: s
+              }, g(f).erroroverlaypanel, { dismissable: !1 }), {
+                default: x(() => [
+                  E(ne, c(g(f).erroricon, { icon: "error" }), null, 16),
+                  ee(" Email format is incorrect ")
+                ]),
+                _: 1
+              }, 16)
+            ], 32)
+          ], 16),
+          a.showValidatorMessage ? (v(), y(re, {
+            key: 0,
+            message: R.value
+          }, null, 8, ["message"])) : k("", !0)
+        ];
+      }),
+      _: 1
+    }, 8, ["info", "label", "mandatory"]));
+  }
+});
+export {
+  ye as default
+};