@7pmlabs/design-system 0.3.0 → 0.3.1

package/dist/design-system215.mjs

@@ -1,11 +1,10 @@
-import r from "./design-system109.mjs";
-function o(t, n) {
-  for (var e = t.length; e--; )
-    if (r(t[e][0], n))
-      return e;
-  return -1;
+import r from "./design-system218.mjs";
+var e = Object.prototype, o = e.hasOwnProperty;
+function p(t) {
+  var a = this.__data__;
+  return r ? a[t] !== void 0 : o.call(a, t);
 }
 export {
-  o as default
+  p as default
 };
 //# sourceMappingURL=design-system215.mjs.map

package/dist/design-system215.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system215.mjs","sources":["../node_modules/lodash-es/_assocIndexOf.js"],"sourcesContent":["import eq from './eq.js';\n\n/**\n * Gets the index at which the `key` is found in `array` of key-value pairs.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} key The key to search for.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction assocIndexOf(array, key) {\n  var length = array.length;\n  while (length--) {\n    if (eq(array[length][0], key)) {\n      return length;\n    }\n  }\n  return -1;\n}\n\nexport default assocIndexOf;\n"],"names":["assocIndexOf","array","key","length","eq"],"mappings":";AAUA,SAASA,EAAaC,GAAOC,GAAK;AAEhC,WADIC,IAASF,EAAM,QACZE;AACL,QAAIC,EAAGH,EAAME,CAAM,EAAE,CAAC,GAAGD,CAAG;AAC1B,aAAOC;AAGX,SAAO;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system215.mjs","sources":["../node_modules/lodash-es/_hashHas.js"],"sourcesContent":["import nativeCreate from './_nativeCreate.js';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Checks if a hash value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf Hash\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction hashHas(key) {\n  var data = this.__data__;\n  return nativeCreate ? (data[key] !== undefined) : hasOwnProperty.call(data, key);\n}\n\nexport default hashHas;\n"],"names":["objectProto","hasOwnProperty","hashHas","key","data","nativeCreate"],"mappings":";AAGA,IAAIA,IAAc,OAAO,WAGrBC,IAAiBD,EAAY;AAWjC,SAASE,EAAQC,GAAK;AACpB,MAAIC,IAAO,KAAK;AAChB,SAAOC,IAAgBD,EAAKD,CAAG,MAAM,SAAaF,EAAe,KAAKG,GAAMD,CAAG;AACjF;","x_google_ignoreList":[0]}

package/dist/design-system216.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system186.js");var t=e(Object,"create");const r=t;module.exports=r;
+"use strict";const _=require("./design-system218.js");var a="__lodash_hash_undefined__";function i(t,s){var e=this.__data__;return this.size+=this.has(t)?0:1,e[t]=_&&s===void 0?a:s,this}module.exports=i;
 //# sourceMappingURL=design-system216.js.map

package/dist/design-system216.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system216.js","sources":["../node_modules/lodash-es/_nativeCreate.js"],"sourcesContent":["import getNative from './_getNative.js';\n\n/* Built-in method references that are verified to be native. */\nvar nativeCreate = getNative(Object, 'create');\n\nexport default nativeCreate;\n"],"names":["nativeCreate","getNative","nativeCreate$1"],"mappings":"sDAGA,IAAIA,EAAeC,EAAU,OAAQ,QAAQ,EAE7C,MAAAC,EAAeF","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system216.js","sources":["../node_modules/lodash-es/_hashSet.js"],"sourcesContent":["import nativeCreate from './_nativeCreate.js';\n\n/** Used to stand-in for `undefined` hash values. */\nvar HASH_UNDEFINED = '__lodash_hash_undefined__';\n\n/**\n * Sets the hash `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf Hash\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the hash instance.\n */\nfunction hashSet(key, value) {\n  var data = this.__data__;\n  this.size += this.has(key) ? 0 : 1;\n  data[key] = (nativeCreate && value === undefined) ? HASH_UNDEFINED : value;\n  return this;\n}\n\nexport default hashSet;\n"],"names":["HASH_UNDEFINED","hashSet","key","value","data","nativeCreate"],"mappings":"sDAGA,IAAIA,EAAiB,4BAYrB,SAASC,EAAQC,EAAKC,EAAO,CAC3B,IAAIC,EAAO,KAAK,SAChB,YAAK,MAAQ,KAAK,IAAIF,CAAG,EAAI,EAAI,EACjCE,EAAKF,CAAG,EAAKG,GAAgBF,IAAU,OAAaH,EAAiBG,EAC9D,IACT","x_google_ignoreList":[0]}

package/dist/design-system216.mjs

@@ -1,7 +1,10 @@
-import e from "./design-system186.mjs";
-var t = e(Object, "create");
-const r = t;
+import e from "./design-system218.mjs";
+var h = "__lodash_hash_undefined__";
+function s(t, a) {
+  var _ = this.__data__;
+  return this.size += this.has(t) ? 0 : 1, _[t] = e && a === void 0 ? h : a, this;
+}
 export {
-  r as default
+  s as default
 };
 //# sourceMappingURL=design-system216.mjs.map

package/dist/design-system216.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system216.mjs","sources":["../node_modules/lodash-es/_nativeCreate.js"],"sourcesContent":["import getNative from './_getNative.js';\n\n/* Built-in method references that are verified to be native. */\nvar nativeCreate = getNative(Object, 'create');\n\nexport default nativeCreate;\n"],"names":["nativeCreate","getNative","nativeCreate$1"],"mappings":";AAGA,IAAIA,IAAeC,EAAU,QAAQ,QAAQ;AAE7C,MAAAC,IAAeF;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system216.mjs","sources":["../node_modules/lodash-es/_hashSet.js"],"sourcesContent":["import nativeCreate from './_nativeCreate.js';\n\n/** Used to stand-in for `undefined` hash values. */\nvar HASH_UNDEFINED = '__lodash_hash_undefined__';\n\n/**\n * Sets the hash `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf Hash\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the hash instance.\n */\nfunction hashSet(key, value) {\n  var data = this.__data__;\n  this.size += this.has(key) ? 0 : 1;\n  data[key] = (nativeCreate && value === undefined) ? HASH_UNDEFINED : value;\n  return this;\n}\n\nexport default hashSet;\n"],"names":["HASH_UNDEFINED","hashSet","key","value","data","nativeCreate"],"mappings":";AAGA,IAAIA,IAAiB;AAYrB,SAASC,EAAQC,GAAKC,GAAO;AAC3B,MAAIC,IAAO,KAAK;AAChB,cAAK,QAAQ,KAAK,IAAIF,CAAG,IAAI,IAAI,GACjCE,EAAKF,CAAG,IAAKG,KAAgBF,MAAU,SAAaH,IAAiBG,GAC9D;AACT;","x_google_ignoreList":[0]}

package/dist/design-system217.js

@@ -0,0 +1,2 @@
+"use strict";const r=require("./design-system112.js");function s(t,n){for(var e=t.length;e--;)if(r(t[e][0],n))return e;return-1}module.exports=s;
+//# sourceMappingURL=design-system217.js.map

package/dist/design-system217.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-system217.js","sources":["../node_modules/lodash-es/_assocIndexOf.js"],"sourcesContent":["import eq from './eq.js';\n\n/**\n * Gets the index at which the `key` is found in `array` of key-value pairs.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} key The key to search for.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction assocIndexOf(array, key) {\n  var length = array.length;\n  while (length--) {\n    if (eq(array[length][0], key)) {\n      return length;\n    }\n  }\n  return -1;\n}\n\nexport default assocIndexOf;\n"],"names":["assocIndexOf","array","key","length","eq"],"mappings":"sDAUA,SAASA,EAAaC,EAAOC,EAAK,CAEhC,QADIC,EAASF,EAAM,OACZE,KACL,GAAIC,EAAGH,EAAME,CAAM,EAAE,CAAC,EAAGD,CAAG,EAC1B,OAAOC,EAGX,MAAO,EACT","x_google_ignoreList":[0]}

package/dist/design-system217.mjs

@@ -0,0 +1,11 @@
+import r from "./design-system112.mjs";
+function o(t, n) {
+  for (var e = t.length; e--; )
+    if (r(t[e][0], n))
+      return e;
+  return -1;
+}
+export {
+  o as default
+};
+//# sourceMappingURL=design-system217.mjs.map

package/dist/design-system217.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-system217.mjs","sources":["../node_modules/lodash-es/_assocIndexOf.js"],"sourcesContent":["import eq from './eq.js';\n\n/**\n * Gets the index at which the `key` is found in `array` of key-value pairs.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} key The key to search for.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction assocIndexOf(array, key) {\n  var length = array.length;\n  while (length--) {\n    if (eq(array[length][0], key)) {\n      return length;\n    }\n  }\n  return -1;\n}\n\nexport default assocIndexOf;\n"],"names":["assocIndexOf","array","key","length","eq"],"mappings":";AAUA,SAASA,EAAaC,GAAOC,GAAK;AAEhC,WADIC,IAASF,EAAM,QACZE;AACL,QAAIC,EAAGH,EAAME,CAAM,EAAE,CAAC,GAAGD,CAAG;AAC1B,aAAOC;AAGX,SAAO;AACT;","x_google_ignoreList":[0]}

package/dist/design-system218.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("./design-system188.js");var t=e(Object,"create");const r=t;module.exports=r;
+//# sourceMappingURL=design-system218.js.map

package/dist/design-system218.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-system218.js","sources":["../node_modules/lodash-es/_nativeCreate.js"],"sourcesContent":["import getNative from './_getNative.js';\n\n/* Built-in method references that are verified to be native. */\nvar nativeCreate = getNative(Object, 'create');\n\nexport default nativeCreate;\n"],"names":["nativeCreate","getNative","nativeCreate$1"],"mappings":"sDAGA,IAAIA,EAAeC,EAAU,OAAQ,QAAQ,EAE7C,MAAAC,EAAeF","x_google_ignoreList":[0]}

package/dist/design-system218.mjs

@@ -0,0 +1,7 @@
+import e from "./design-system188.mjs";
+var t = e(Object, "create");
+const r = t;
+export {
+  r as default
+};
+//# sourceMappingURL=design-system218.mjs.map

package/dist/design-system218.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-system218.mjs","sources":["../node_modules/lodash-es/_nativeCreate.js"],"sourcesContent":["import getNative from './_getNative.js';\n\n/* Built-in method references that are verified to be native. */\nvar nativeCreate = getNative(Object, 'create');\n\nexport default nativeCreate;\n"],"names":["nativeCreate","getNative","nativeCreate$1"],"mappings":";AAGA,IAAIA,IAAeC,EAAU,QAAQ,QAAQ;AAE7C,MAAAC,IAAeF;","x_google_ignoreList":[0]}

package/dist/design-system22.js

@@ -1,2 +1,2 @@
-"use strict";const l=require("vue"),b=require("./design-system3.js"),g=require("./design-system47.js"),_=require("./design-system29.js"),q=require("./design-system30.js"),y=require("./design-system92.js"),B=["id","autocomplete","disabled","placeholder","readonly","rows"],h=l.defineComponent({__name:"BTextarea",props:{inputId:{default:""},inputCssClass:{default:""},modelValue:{},validationRules:{default:void 0},label:{default:""},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},rows:{default:3},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(a,{expose:u,emit:i}){const s=a,{t:n}=g.useI18n(),c={validateRule:e=>typeof e=="number"?!!e:!!(e&&(e!=null&&e.trim())),errorMessage:()=>s.requiredErrorMessage||n("ds.global.field_required")},r=l.computed(()=>s.inputId||`id-${y()}`),t=l.computed({get(){return s.modelValue},set(e){i("update:modelValue",e)}}),p=l.computed(()=>[{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/40":s.disabled,"ds-text-black/[0.85]":!s.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!d.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":d.value.valid},s.inputCssClass]),f=l.computed(()=>{let e=[];return s.required&&e.push(c),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),{validate:m,validationResult:d}=b.useValidationField(r.value,t,f.value);return u({validate:m}),(e,o)=>(l.openBlock(),l.createElementBlock("div",null,[l.createVNode(q,{id:r.value,label:e.label,required:e.required},null,8,["id","label","required"]),l.withDirectives(l.createElementVNode("textarea",{id:r.value,"onUpdate:modelValue":o[0]||(o[0]=v=>t.value=v),autocomplete:s.autocomplete?"on":"off",class:l.normalizeClass([p.value,"ds-block ds-w-full ds-rounded-lg ds-border ds-px-3 ds-py-1 ds-text-sm ds-drop-shadow-light"]),disabled:s.disabled,placeholder:s.placeholder,readonly:s.readonly,rows:s.rows},null,10,B),[[l.vModelText,t.value]]),e.hideDetails?l.createCommentVNode("",!0):(l.openBlock(),l.createBlock(_,{key:0,"error-message":l.unref(d).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=h;
+"use strict";const l=require("vue"),b=require("./design-system3.js"),g=require("./design-system48.js"),_=require("./design-system30.js"),q=require("./design-system31.js"),y=require("./design-system94.js"),B=["id","autocomplete","disabled","placeholder","readonly","rows"],h=l.defineComponent({__name:"BTextarea",props:{inputId:{default:""},inputCssClass:{default:""},modelValue:{},validationRules:{default:void 0},label:{default:""},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},rows:{default:3},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(a,{expose:u,emit:i}){const s=a,{t:n}=g.useI18n(),c={validateRule:e=>typeof e=="number"?!!e:!!(e&&(e!=null&&e.trim())),errorMessage:()=>s.requiredErrorMessage||n("ds.global.field_required")},r=l.computed(()=>s.inputId||`id-${y()}`),t=l.computed({get(){return s.modelValue},set(e){i("update:modelValue",e)}}),p=l.computed(()=>[{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/40":s.disabled,"ds-text-black/[0.85]":!s.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!d.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":d.value.valid},s.inputCssClass]),f=l.computed(()=>{let e=[];return s.required&&e.push(c),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),{validate:m,validationResult:d}=b.useValidationField(r.value,t,f.value);return u({validate:m}),(e,o)=>(l.openBlock(),l.createElementBlock("div",null,[l.createVNode(q,{id:r.value,label:e.label,required:e.required},null,8,["id","label","required"]),l.withDirectives(l.createElementVNode("textarea",{id:r.value,"onUpdate:modelValue":o[0]||(o[0]=v=>t.value=v),autocomplete:s.autocomplete?"on":"off",class:l.normalizeClass([p.value,"ds-block ds-w-full ds-rounded-lg ds-border ds-px-3 ds-py-1 ds-text-sm ds-drop-shadow-light"]),disabled:s.disabled,placeholder:s.placeholder,readonly:s.readonly,rows:s.rows},null,10,B),[[l.vModelText,t.value]]),e.hideDetails?l.createCommentVNode("",!0):(l.openBlock(),l.createBlock(_,{key:0,"error-message":l.unref(d).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=h;
 //# sourceMappingURL=design-system22.js.map

package/dist/design-system22.mjs

@@ -1,9 +1,9 @@
 import { defineComponent as g, computed as o, openBlock as t, createElementBlock as y, createVNode as h, withDirectives as V, createElementVNode as q, normalizeClass as B, vModelText as C, createBlock as k, unref as w, createCommentVNode as _ } from "vue";
 import { useValidationField as x } from "./design-system3.mjs";
-import { useI18n as R } from "./design-system47.mjs";
-import M from "./design-system29.mjs";
-import E from "./design-system30.mjs";
-import D from "./design-system92.mjs";
+import { useI18n as R } from "./design-system48.mjs";
+import M from "./design-system30.mjs";
+import E from "./design-system31.mjs";
+import D from "./design-system94.mjs";
 const I = ["id", "autocomplete", "disabled", "placeholder", "readonly", "rows"], j = /* @__PURE__ */ g({
   __name: "BTextarea",
   props: {

package/dist/design-system23.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),i=require("./design-system40.js"),u={class:"ds-fixed ds-right-4 ds-top-4 ds-z-[110]"},d=e.defineComponent({__name:"BToast",props:{modelValue:{}},emits:["update:modelValue"],setup(l,{emit:n}){const c=l,s=e.computed({get(){return c.modelValue},set(t){n("update:modelValue",t)}}),r=t=>{s.value.splice(t,1)};return(t,p)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",u,[e.createVNode(e.TransitionGroup,{"enter-active-class":"ds-transition-all ds-duration-300 ds-ease-in-out","enter-from-class":"ds-opacity-0","enter-to-class":"ds-opacity-1","leave-active-class":"ds-transition-all ds-duration-300 ds-ease-in-out","leave-from-class":"ds-opacity-1","leave-to-class":"ds-opacity-0"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,(o,a)=>(e.openBlock(),e.createBlock(i,{key:`toastItem${a}`,text:o.text,icon:o.icon,type:o.type,class:"ds-my-2",onClose:m=>r(a)},null,8,["text","icon","type","onClose"]))),128))]),_:1})],512)),[[e.vShow,s.value.length>0]])}});module.exports=d;
+"use strict";const e=require("vue"),i=require("./design-system41.js"),u={class:"ds-fixed ds-right-4 ds-top-4 ds-z-[110]"},d=e.defineComponent({__name:"BToast",props:{modelValue:{}},emits:["update:modelValue"],setup(l,{emit:n}){const c=l,s=e.computed({get(){return c.modelValue},set(t){n("update:modelValue",t)}}),r=t=>{s.value.splice(t,1)};return(t,p)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",u,[e.createVNode(e.TransitionGroup,{"enter-active-class":"ds-transition-all ds-duration-300 ds-ease-in-out","enter-from-class":"ds-opacity-0","enter-to-class":"ds-opacity-1","leave-active-class":"ds-transition-all ds-duration-300 ds-ease-in-out","leave-from-class":"ds-opacity-1","leave-to-class":"ds-opacity-0"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,(o,a)=>(e.openBlock(),e.createBlock(i,{key:`toastItem${a}`,text:o.text,icon:o.icon,type:o.type,class:"ds-my-2",onClose:m=>r(a)},null,8,["text","icon","type","onClose"]))),128))]),_:1})],512)),[[e.vShow,s.value.length>0]])}});module.exports=d;
 //# sourceMappingURL=design-system23.js.map

package/dist/design-system23.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as d, computed as u, withDirectives as p, openBlock as o, createElementBlock as l, createVNode as m, TransitionGroup as v, withCtx as _, Fragment as f, renderList as y, createBlock as h, vShow as x } from "vue";
-import C from "./design-system40.mjs";
+import C from "./design-system41.mjs";
 const V = { class: "ds-fixed ds-right-4 ds-top-4 ds-z-[110]" }, T = /* @__PURE__ */ d({
   __name: "BToast",
   props: {

package/dist/design-system24.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system49.js");require("./design-system50.js");const r=require("./design-system51.js"),t=r(e,[["__scopeId","data-v-0c45b266"]]);module.exports=t;
+"use strict";const e=require("vue"),B=require("./design-system31.js"),C=require("./design-system3.js"),V=require("./design-system30.js"),q=require("./design-system48.js"),E=require("./design-system97.js"),N=require("./design-system94.js"),w={class:"ds-relative"},R={key:0,class:"ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},M=["id"],z=["id","autocomplete","disabled","placeholder","readonly","onKeyup"],D={key:1,class:"ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},K=["id"],S=e.defineComponent({__name:"BCurrencyField",props:{inputId:{default:""},inputCssClass:{default:""},modelValue:{},label:{default:""},prependIcon:{default:""},hidePrependIcon:{type:Boolean,default:!1},appendIcon:{default:""},hideAppendIcon:{type:Boolean,default:!1},validationRules:{default:void 0},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},disabled:{type:Boolean,default:!1},hideDetails:{type:Boolean,default:!1}},emits:["click:prepend","click:append","press:enter","update:modelValue"],setup(i,{emit:t}){const o=i;let l;const{t:p,locale:a}=q.useI18n(),r=e.ref(null),m={validateRule:s=>!!(s&&(s!=null&&s.trim())),errorMessage:()=>o.requiredErrorMessage||p("ds.global.field_required")},d=e.computed(()=>o.inputId||`id-${N()}`),u=e.computed({get(){return o.modelValue},set(s){t("update:modelValue",s)}}),f=e.computed(()=>[{"ds-pl-9":o.prependIcon,"ds-pr-9":o.appendIcon,"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":o.disabled,"ds-text-black/[0.85]":!o.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!n.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":n.value.valid},o.inputCssClass]),v=e.computed(()=>{let s=[];return o.required&&s.push(m),o.validationRules&&(s=s.concat(o.validationRules)),s.length?s:void 0}),k=e.computed(()=>a.value==="en-US"?{mask:"$num",blocks:{num:{mask:Number,thousandsSeparator:" "}}}:[{mask:""},{mask:"num VND",lazy:!1,blocks:{num:{mask:Number,thousandsSeparator:" "}}}]),{validate:h,validationResult:n}=C.useValidationField(d.value,u,v.value);e.watch(a,()=>{c()});const _=()=>{t("click:prepend")},b=()=>{t("click:append")},y=()=>{h()},g=()=>{t("press:enter")},I=()=>{u.value=+l.unmaskedValue},c=()=>{l&&l.destroy(),l=E(r.value,k.value),l.on("accept",I)};return e.onMounted(()=>{c()}),(s,A)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(B,{id:d.value,label:s.label,required:s.required},null,8,["id","label","required"]),e.createElementVNode("div",w,[s.prependIcon?e.withDirectives((e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("span",{id:`${d.value}prependIcon`,class:e.normalizeClass(s.prependIcon),onClick:_},null,10,M)],512)),[[e.vShow,!s.hidePrependIcon]]):e.createCommentVNode("",!0),e.createElementVNode("input",{id:d.value,ref_key:"inputRef",ref:r,autocomplete:o.autocomplete?"on":"off",class:e.normalizeClass([f.value,"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light"]),disabled:o.disabled,placeholder:o.placeholder,readonly:o.readonly,onKeyup:[y,e.withKeys(g,["enter"])]},null,42,z),s.appendIcon?e.withDirectives((e.openBlock(),e.createElementBlock("div",D,[e.createElementVNode("span",{id:`${d.value}appendIcon`,class:e.normalizeClass(s.appendIcon),onClick:b},null,10,K)],512)),[[e.vShow,!s.hideAppendIcon]]):e.createCommentVNode("",!0)]),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(V,{key:0,"error-message":e.unref(n).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=S;
 //# sourceMappingURL=design-system24.js.map

package/dist/design-system24.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system24.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"design-system24.js","sources":["../src/components/BCurrencyField.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, vShow as _vShow, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, withKeys as _withKeys, unref as _unref, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-relative\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\nconst _hoisted_3 = [\"id\"]\nconst _hoisted_4 = [\"id\", \"autocomplete\", \"disabled\", \"placeholder\", \"readonly\", \"onKeyup\"]\nconst _hoisted_5 = {\n  key: 1,\n  class: \"ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\nconst _hoisted_6 = [\"id\"]\n\nimport BLabel from '@/components/BLabel.vue';\nimport type { ValidationRule } from '@/composables/Validation';\nimport { useValidationField } from '@/composables/Validation';\nimport { computed, onMounted, ref, watch } from 'vue';\nimport { v4 as uuid } from 'uuid';\nimport BErrorMessage from '@/components/BErrorMessage.vue';\nimport { useI18n } from 'vue-i18n';\nimport IMask from '@/vendor/imask-7.1.3.js';\n\n/**\n * Props\n */\nexport interface BCurrencyFieldProps {\n  inputId?: string;\n  inputCssClass?: string;\n  modelValue: number;\n  label?: string;\n  /**\n   * FontAwesome v6.1.0 - Solid.\n   */\n  prependIcon?: string;\n  /**\n   * Hide prepended icon.\n   */\n  hidePrependIcon?: boolean;\n  /**\n   * FontAwesome v6.1.0 - Solid.\n   */\n  appendIcon?: string;\n  /**\n   * Hide appended icon.\n   */\n  hideAppendIcon?: boolean;\n  /**\n   * Array of custom validation rules.\n   */\n  validationRules?: ValidationRule[];\n  placeholder?: string;\n  autocomplete?: boolean;\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n  disabled?: boolean;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCurrencyField',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    modelValue: {},\n    label: { default: '' },\n    prependIcon: { default: '' },\n    hidePrependIcon: { type: Boolean, default: false },\n    appendIcon: { default: '' },\n    hideAppendIcon: { type: Boolean, default: false },\n    validationRules: { default: undefined },\n    placeholder: { default: '' },\n    autocomplete: { type: Boolean, default: false },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    disabled: { type: Boolean, default: false },\n    hideDetails: { type: Boolean, default: false }\n  },\n  emits: [\n  'click:prepend',\n  'click:append',\n  'press:enter',\n  'update:modelValue',\n],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nlet mask: any;\nconst { t, locale } = useI18n();\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => !!(val && val?.trim()),\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst inputCssClassValue = computed(() => [\n  {\n    'ds-pl-9': props.prependIcon,\n    'ds-pr-9': props.appendIcon,\n    'ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]': props.disabled,\n    'ds-text-black/[0.85]': !props.disabled,\n    'ds-border-error focus:ds-ring-1 focus:ds-ring-error':\n      !validationResult.value.valid,\n    'ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus':\n      validationResult.value.valid,\n  },\n  props.inputCssClass,\n]);\nconst vRules = computed(() => {\n  let result: ValidationRule[] = [];\n\n  if (props.required) {\n    result.push(validateRequired);\n  }\n  if (props.validationRules) {\n    result = result.concat(props.validationRules);\n  }\n\n  return result.length ? result : undefined;\n});\nconst maskOptions = computed(() =>\n  locale.value === 'en-US'\n    ? {\n        mask: '$num',\n        blocks: {\n          num: {\n            mask: Number,\n            thousandsSeparator: ' ',\n          },\n        },\n      }\n    : [\n        { mask: '' },\n        {\n          mask: 'num VND',\n          lazy: false,\n          blocks: {\n            num: {\n              mask: Number,\n              thousandsSeparator: ' ',\n            },\n          },\n        },\n      ],\n);\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value,\n);\n\n/**\n * Watch\n */\nwatch(locale, () => {\n  initMask();\n});\n\n/**\n * Methods\n */\nconst onClickPrependIcon = () => {\n  emit('click:prepend');\n};\nconst onClickAppendIcon = () => {\n  emit('click:append');\n};\nconst onKeyUp = () => {\n  validate();\n};\nconst onKeyUpEnter = () => {\n  emit('press:enter');\n};\nconst onAccept = () => {\n  value.value = +mask.unmaskedValue;\n};\nconst initMask = () => {\n  if (mask) {\n    mask.destroy();\n  }\n  mask = IMask(inputRef.value!, maskOptions.value);\n  mask.on('accept', onAccept);\n};\n\n/**\n * Lifecycle hooks\n */\nonMounted(() => {\n  initMask();\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createVNode(BLabel, {\n      id: id.value,\n      label: _ctx.label,\n      required: _ctx.required\n    }, null, 8, [\"id\", \"label\", \"required\"]),\n    _createElementVNode(\"div\", _hoisted_1, [\n      (_ctx.prependIcon)\n        ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_2, [\n            _createElementVNode(\"span\", {\n              id: `${id.value}prependIcon`,\n              class: _normalizeClass(_ctx.prependIcon),\n              onClick: onClickPrependIcon\n            }, null, 10, _hoisted_3)\n          ], 512)), [\n            [_vShow, !_ctx.hidePrependIcon]\n          ])\n        : _createCommentVNode(\"\", true),\n      _createElementVNode(\"input\", {\n        id: id.value,\n        ref_key: \"inputRef\",\n        ref: inputRef,\n        autocomplete: props.autocomplete ? 'on' : 'off',\n        class: _normalizeClass([inputCssClassValue.value, \"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light\"]),\n        disabled: props.disabled,\n        placeholder: props.placeholder,\n        readonly: props.readonly,\n        onKeyup: [\n          onKeyUp,\n          _withKeys(onKeyUpEnter, [\"enter\"])\n        ]\n      }, null, 42, _hoisted_4),\n      (_ctx.appendIcon)\n        ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n            _createElementVNode(\"span\", {\n              id: `${id.value}appendIcon`,\n              class: _normalizeClass(_ctx.appendIcon),\n              onClick: onClickAppendIcon\n            }, null, 10, _hoisted_6)\n          ], 512)), [\n            [_vShow, !_ctx.hideAppendIcon]\n          ])\n        : _createCommentVNode(\"\", true)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_sfc_main","_defineComponent","__props","emit","props","mask","t","locale","useI18n","inputRef","ref","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","maskOptions","validate","useValidationField","watch","initMask","onClickPrependIcon","onClickAppendIcon","onKeyUp","onKeyUpEnter","onAccept","IMask","onMounted","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_withDirectives","_normalizeClass","_vShow","_createCommentVNode","_withKeys","_createBlock","BErrorMessage","_unref"],"mappings":"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"}

package/dist/design-system24.mjs

@@ -1,8 +1,161 @@
-import o from "./design-system49.mjs";
-import "./design-system50.mjs";
-import r from "./design-system51.mjs";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0c45b266"]]);
+import { defineComponent as N, ref as $, computed as l, watch as E, onMounted as K, openBlock as t, createElementBlock as u, createVNode as z, createElementVNode as n, withDirectives as k, normalizeClass as i, vShow as v, createCommentVNode as p, withKeys as A, createBlock as D, unref as S } from "vue";
+import P from "./design-system31.mjs";
+import { useValidationField as U } from "./design-system3.mjs";
+import x from "./design-system30.mjs";
+import { useI18n as F } from "./design-system48.mjs";
+import O from "./design-system97.mjs";
+import j from "./design-system94.mjs";
+const G = { class: "ds-relative" }, H = {
+  key: 0,
+  class: "ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"
+}, J = ["id"], L = ["id", "autocomplete", "disabled", "placeholder", "readonly", "onKeyup"], Q = {
+  key: 1,
+  class: "ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"
+}, T = ["id"], le = /* @__PURE__ */ N({
+  __name: "BCurrencyField",
+  props: {
+    inputId: { default: "" },
+    inputCssClass: { default: "" },
+    modelValue: {},
+    label: { default: "" },
+    prependIcon: { default: "" },
+    hidePrependIcon: { type: Boolean, default: !1 },
+    appendIcon: { default: "" },
+    hideAppendIcon: { type: Boolean, default: !1 },
+    validationRules: { default: void 0 },
+    placeholder: { default: "" },
+    autocomplete: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    requiredErrorMessage: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    hideDetails: { type: Boolean, default: !1 }
+  },
+  emits: [
+    "click:prepend",
+    "click:append",
+    "press:enter",
+    "update:modelValue"
+  ],
+  setup(b, { emit: a }) {
+    const s = b;
+    let o;
+    const { t: y, locale: c } = F(), f = $(null), I = {
+      validateRule: (e) => !!(e && (e != null && e.trim())),
+      errorMessage: () => s.requiredErrorMessage || y("ds.global.field_required")
+    }, d = l(() => s.inputId || `id-${j()}`), m = l({
+      get() {
+        return s.modelValue;
+      },
+      set(e) {
+        a("update:modelValue", e);
+      }
+    }), g = l(() => [
+      {
+        "ds-pl-9": s.prependIcon,
+        "ds-pr-9": s.appendIcon,
+        "ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]": s.disabled,
+        "ds-text-black/[0.85]": !s.disabled,
+        "ds-border-error focus:ds-ring-1 focus:ds-ring-error": !r.value.valid,
+        "ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus": r.value.valid
+      },
+      s.inputCssClass
+    ]), _ = l(() => {
+      let e = [];
+      return s.required && e.push(I), s.validationRules && (e = e.concat(s.validationRules)), e.length ? e : void 0;
+    }), C = l(
+      () => c.value === "en-US" ? {
+        mask: "$num",
+        blocks: {
+          num: {
+            mask: Number,
+            thousandsSeparator: " "
+          }
+        }
+      } : [
+        { mask: "" },
+        {
+          mask: "num VND",
+          lazy: !1,
+          blocks: {
+            num: {
+              mask: Number,
+              thousandsSeparator: " "
+            }
+          }
+        }
+      ]
+    ), { validate: V, validationResult: r } = U(
+      d.value,
+      m,
+      _.value
+    );
+    E(c, () => {
+      h();
+    });
+    const B = () => {
+      a("click:prepend");
+    }, q = () => {
+      a("click:append");
+    }, R = () => {
+      V();
+    }, w = () => {
+      a("press:enter");
+    }, M = () => {
+      m.value = +o.unmaskedValue;
+    }, h = () => {
+      o && o.destroy(), o = O(f.value, C.value), o.on("accept", M);
+    };
+    return K(() => {
+      h();
+    }), (e, W) => (t(), u("div", null, [
+      z(P, {
+        id: d.value,
+        label: e.label,
+        required: e.required
+      }, null, 8, ["id", "label", "required"]),
+      n("div", G, [
+        e.prependIcon ? k((t(), u("div", H, [
+          n("span", {
+            id: `${d.value}prependIcon`,
+            class: i(e.prependIcon),
+            onClick: B
+          }, null, 10, J)
+        ], 512)), [
+          [v, !e.hidePrependIcon]
+        ]) : p("", !0),
+        n("input", {
+          id: d.value,
+          ref_key: "inputRef",
+          ref: f,
+          autocomplete: s.autocomplete ? "on" : "off",
+          class: i([g.value, "ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light"]),
+          disabled: s.disabled,
+          placeholder: s.placeholder,
+          readonly: s.readonly,
+          onKeyup: [
+            R,
+            A(w, ["enter"])
+          ]
+        }, null, 42, L),
+        e.appendIcon ? k((t(), u("div", Q, [
+          n("span", {
+            id: `${d.value}appendIcon`,
+            class: i(e.appendIcon),
+            onClick: q
+          }, null, 10, T)
+        ], 512)), [
+          [v, !e.hideAppendIcon]
+        ]) : p("", !0)
+      ]),
+      e.hideDetails ? p("", !0) : (t(), D(x, {
+        key: 0,
+        "error-message": S(r).errorMessage(),
+        class: "ds-mt-1"
+      }, null, 8, ["error-message"]))
+    ]));
+  }
+});
 export {
-  p as default
+  le as default
 };
 //# sourceMappingURL=design-system24.mjs.map

package/dist/design-system24.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system24.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"design-system24.mjs","sources":["../src/components/BCurrencyField.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, vShow as _vShow, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, withKeys as _withKeys, unref as _unref, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-relative\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\nconst _hoisted_3 = [\"id\"]\nconst _hoisted_4 = [\"id\", \"autocomplete\", \"disabled\", \"placeholder\", \"readonly\", \"onKeyup\"]\nconst _hoisted_5 = {\n  key: 1,\n  class: \"ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\nconst _hoisted_6 = [\"id\"]\n\nimport BLabel from '@/components/BLabel.vue';\nimport type { ValidationRule } from '@/composables/Validation';\nimport { useValidationField } from '@/composables/Validation';\nimport { computed, onMounted, ref, watch } from 'vue';\nimport { v4 as uuid } from 'uuid';\nimport BErrorMessage from '@/components/BErrorMessage.vue';\nimport { useI18n } from 'vue-i18n';\nimport IMask from '@/vendor/imask-7.1.3.js';\n\n/**\n * Props\n */\nexport interface BCurrencyFieldProps {\n  inputId?: string;\n  inputCssClass?: string;\n  modelValue: number;\n  label?: string;\n  /**\n   * FontAwesome v6.1.0 - Solid.\n   */\n  prependIcon?: string;\n  /**\n   * Hide prepended icon.\n   */\n  hidePrependIcon?: boolean;\n  /**\n   * FontAwesome v6.1.0 - Solid.\n   */\n  appendIcon?: string;\n  /**\n   * Hide appended icon.\n   */\n  hideAppendIcon?: boolean;\n  /**\n   * Array of custom validation rules.\n   */\n  validationRules?: ValidationRule[];\n  placeholder?: string;\n  autocomplete?: boolean;\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n  disabled?: boolean;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCurrencyField',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    modelValue: {},\n    label: { default: '' },\n    prependIcon: { default: '' },\n    hidePrependIcon: { type: Boolean, default: false },\n    appendIcon: { default: '' },\n    hideAppendIcon: { type: Boolean, default: false },\n    validationRules: { default: undefined },\n    placeholder: { default: '' },\n    autocomplete: { type: Boolean, default: false },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    disabled: { type: Boolean, default: false },\n    hideDetails: { type: Boolean, default: false }\n  },\n  emits: [\n  'click:prepend',\n  'click:append',\n  'press:enter',\n  'update:modelValue',\n],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nlet mask: any;\nconst { t, locale } = useI18n();\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => !!(val && val?.trim()),\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst inputCssClassValue = computed(() => [\n  {\n    'ds-pl-9': props.prependIcon,\n    'ds-pr-9': props.appendIcon,\n    'ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]': props.disabled,\n    'ds-text-black/[0.85]': !props.disabled,\n    'ds-border-error focus:ds-ring-1 focus:ds-ring-error':\n      !validationResult.value.valid,\n    'ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus':\n      validationResult.value.valid,\n  },\n  props.inputCssClass,\n]);\nconst vRules = computed(() => {\n  let result: ValidationRule[] = [];\n\n  if (props.required) {\n    result.push(validateRequired);\n  }\n  if (props.validationRules) {\n    result = result.concat(props.validationRules);\n  }\n\n  return result.length ? result : undefined;\n});\nconst maskOptions = computed(() =>\n  locale.value === 'en-US'\n    ? {\n        mask: '$num',\n        blocks: {\n          num: {\n            mask: Number,\n            thousandsSeparator: ' ',\n          },\n        },\n      }\n    : [\n        { mask: '' },\n        {\n          mask: 'num VND',\n          lazy: false,\n          blocks: {\n            num: {\n              mask: Number,\n              thousandsSeparator: ' ',\n            },\n          },\n        },\n      ],\n);\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value,\n);\n\n/**\n * Watch\n */\nwatch(locale, () => {\n  initMask();\n});\n\n/**\n * Methods\n */\nconst onClickPrependIcon = () => {\n  emit('click:prepend');\n};\nconst onClickAppendIcon = () => {\n  emit('click:append');\n};\nconst onKeyUp = () => {\n  validate();\n};\nconst onKeyUpEnter = () => {\n  emit('press:enter');\n};\nconst onAccept = () => {\n  value.value = +mask.unmaskedValue;\n};\nconst initMask = () => {\n  if (mask) {\n    mask.destroy();\n  }\n  mask = IMask(inputRef.value!, maskOptions.value);\n  mask.on('accept', onAccept);\n};\n\n/**\n * Lifecycle hooks\n */\nonMounted(() => {\n  initMask();\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createVNode(BLabel, {\n      id: id.value,\n      label: _ctx.label,\n      required: _ctx.required\n    }, null, 8, [\"id\", \"label\", \"required\"]),\n    _createElementVNode(\"div\", _hoisted_1, [\n      (_ctx.prependIcon)\n        ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_2, [\n            _createElementVNode(\"span\", {\n              id: `${id.value}prependIcon`,\n              class: _normalizeClass(_ctx.prependIcon),\n              onClick: onClickPrependIcon\n            }, null, 10, _hoisted_3)\n          ], 512)), [\n            [_vShow, !_ctx.hidePrependIcon]\n          ])\n        : _createCommentVNode(\"\", true),\n      _createElementVNode(\"input\", {\n        id: id.value,\n        ref_key: \"inputRef\",\n        ref: inputRef,\n        autocomplete: props.autocomplete ? 'on' : 'off',\n        class: _normalizeClass([inputCssClassValue.value, \"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light\"]),\n        disabled: props.disabled,\n        placeholder: props.placeholder,\n        readonly: props.readonly,\n        onKeyup: [\n          onKeyUp,\n          _withKeys(onKeyUpEnter, [\"enter\"])\n        ]\n      }, null, 42, _hoisted_4),\n      (_ctx.appendIcon)\n        ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n            _createElementVNode(\"span\", {\n              id: `${id.value}appendIcon`,\n              class: _normalizeClass(_ctx.appendIcon),\n              onClick: onClickAppendIcon\n            }, null, 10, _hoisted_6)\n          ], 512)), [\n            [_vShow, !_ctx.hideAppendIcon]\n          ])\n        : _createCommentVNode(\"\", true)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_sfc_main","_defineComponent","__props","emit","props","mask","t","locale","useI18n","inputRef","ref","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","maskOptions","validate","useValidationField","watch","initMask","onClickPrependIcon","onClickAppendIcon","onKeyUp","onKeyUpEnter","onAccept","IMask","onMounted","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_withDirectives","_normalizeClass","_vShow","_createCommentVNode","_withKeys","_createBlock","BErrorMessage","_unref"],"mappings":"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"}

package/dist/design-system25.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue");require("./design-system52.js");require("./design-system53.js");const t=require("./design-system51.js"),c={},s={class:"carousel-item"};function n(r,u){return e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(r.$slots,"default",{},void 0,!0)])}const o=t(c,[["render",n],["__scopeId","data-v-36f0b6c6"]]);module.exports=o;
+"use strict";const e=require("./design-system53.js");require("./design-system54.js");const r=require("./design-system55.js"),t=r(e,[["__scopeId","data-v-0c45b266"]]);module.exports=t;
 //# sourceMappingURL=design-system25.js.map

package/dist/design-system25.mjs

@@ -1,15 +1,8 @@
-import { openBlock as t, createElementBlock as o, renderSlot as r } from "vue";
-import "./design-system52.mjs";
-import "./design-system53.mjs";
-import c from "./design-system51.mjs";
-const s = {}, n = { class: "carousel-item" };
-function a(e, d) {
-  return t(), o("div", n, [
-    r(e.$slots, "default", {}, void 0, !0)
-  ]);
-}
-const m = /* @__PURE__ */ c(s, [["render", a], ["__scopeId", "data-v-36f0b6c6"]]);
+import o from "./design-system53.mjs";
+import "./design-system54.mjs";
+import r from "./design-system55.mjs";
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0c45b266"]]);
 export {
-  m as default
+  p as default
 };
 //# sourceMappingURL=design-system25.mjs.map

package/dist/design-system25.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system25.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"version":3,"file":"design-system25.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/design-system26.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system54.js");require("./design-system55.js");const r=require("./design-system51.js"),t=r(e,[["__scopeId","data-v-09e4dfa1"]]);module.exports=t;
+"use strict";const e=require("vue");require("./design-system56.js");require("./design-system57.js");const t=require("./design-system55.js"),c={},s={class:"carousel-item"};function n(r,u){return e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(r.$slots,"default",{},void 0,!0)])}const o=t(c,[["render",n],["__scopeId","data-v-36f0b6c6"]]);module.exports=o;
 //# sourceMappingURL=design-system26.js.map

package/dist/design-system26.mjs

@@ -1,8 +1,15 @@
-import o from "./design-system54.mjs";
-import "./design-system55.mjs";
-import t from "./design-system51.mjs";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-09e4dfa1"]]);
+import { openBlock as t, createElementBlock as o, renderSlot as r } from "vue";
+import "./design-system56.mjs";
+import "./design-system57.mjs";
+import c from "./design-system55.mjs";
+const s = {}, n = { class: "carousel-item" };
+function a(e, d) {
+  return t(), o("div", n, [
+    r(e.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const m = /* @__PURE__ */ c(s, [["render", a], ["__scopeId", "data-v-36f0b6c6"]]);
 export {
-  f as default
+  m as default
 };
 //# sourceMappingURL=design-system26.mjs.map

package/dist/design-system26.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system26.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"design-system26.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/design-system27.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system56.js");require("./design-system57.js");require("./design-system58.js");const r=require("./design-system51.js"),t=r(e,[["__scopeId","data-v-89dbb5d6"]]);module.exports=t;
+"use strict";const e=require("./design-system58.js");require("./design-system59.js");const r=require("./design-system55.js"),t=r(e,[["__scopeId","data-v-09e4dfa1"]]);module.exports=t;
 //# sourceMappingURL=design-system27.js.map

package/dist/design-system27.mjs

@@ -1,9 +1,8 @@
-import o from "./design-system56.mjs";
-import "./design-system57.mjs";
-import "./design-system58.mjs";
-import t from "./design-system51.mjs";
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-89dbb5d6"]]);
+import o from "./design-system58.mjs";
+import "./design-system59.mjs";
+import t from "./design-system55.mjs";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-09e4dfa1"]]);
 export {
-  s as default
+  f as default
 };
 //# sourceMappingURL=design-system27.mjs.map

package/dist/design-system27.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system27.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"design-system27.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/design-system28.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("./design-system51.js"),n={},o={class:"ds-rounded-lg ds-bg-white ds-p-2 ds-shadow"};function r(s,d){return e.openBlock(),e.createElementBlock("ul",o,[e.renderSlot(s.$slots,"default")])}const c=t(n,[["render",r]]);module.exports=c;
+"use strict";const e=require("./design-system60.js");require("./design-system61.js");require("./design-system62.js");const r=require("./design-system55.js"),t=r(e,[["__scopeId","data-v-89dbb5d6"]]);module.exports=t;
 //# sourceMappingURL=design-system28.js.map

package/dist/design-system28.mjs

@@ -1,13 +1,9 @@
-import { openBlock as o, createElementBlock as t, renderSlot as r } from "vue";
-import s from "./design-system51.mjs";
-const n = {}, d = { class: "ds-rounded-lg ds-bg-white ds-p-2 ds-shadow" };
-function c(e, l) {
-  return o(), t("ul", d, [
-    r(e.$slots, "default")
-  ]);
-}
-const f = /* @__PURE__ */ s(n, [["render", c]]);
+import o from "./design-system60.mjs";
+import "./design-system61.mjs";
+import "./design-system62.mjs";
+import t from "./design-system55.mjs";
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-89dbb5d6"]]);
 export {
-  f as default
+  s as default
 };
 //# sourceMappingURL=design-system28.mjs.map

package/dist/design-system28.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system28.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"design-system28.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/design-system29.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),o={class:"ds-min-h-[1rem]"},n={key:0,class:"ds-text-xs ds-text-red-500"},c=e.defineComponent({__name:"BErrorMessage",props:{errorMessage:{type:[String,Function],default:""}},setup(r){const s=r,t=e.computed(()=>typeof s.errorMessage=="function"?s.errorMessage():s.errorMessage);return(a,i)=>(e.openBlock(),e.createElementBlock("div",o,[t.value?(e.openBlock(),e.createElementBlock("div",n,e.toDisplayString(t.value),1)):e.createCommentVNode("",!0)]))}});module.exports=c;
+"use strict";const e=require("vue"),t=require("./design-system55.js"),n={},o={class:"ds-rounded-lg ds-bg-white ds-p-2 ds-shadow"};function r(s,d){return e.openBlock(),e.createElementBlock("ul",o,[e.renderSlot(s.$slots,"default")])}const c=t(n,[["render",r]]);module.exports=c;
 //# sourceMappingURL=design-system29.js.map

package/dist/design-system29.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system29.js","sources":["../src/components/BErrorMessage.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-min-h-[1rem]\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-text-xs ds-text-red-500\"\n}\n\nimport type { ErrorMessageFunction } from '@/types';\nimport { computed } from 'vue';\n\n/**\n * Props\n */\nexport interface BErrorMessageProps {\n  /**\n   * A text or a function returning a text.\n   */\n  errorMessage?: string | ErrorMessageFunction;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BErrorMessage',\n  props: {\n    errorMessage: { type: [String, Function], default: '' }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\n/**\n * Computed\n */\nconst message = computed(() =>\n  typeof props.errorMessage === 'function'\n    ? props.errorMessage()\n    : props.errorMessage,\n);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    (message.value)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, _toDisplayString(message.value), 1))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","message","computed","_ctx","_cache","_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode"],"mappings":"oCAGMA,EAAa,CAAE,MAAO,mBACtBC,EAAa,CACjB,IAAK,EACL,MAAO,4BACT,EAe4BC,EAAiBC,kBAAA,CAC3C,OAAQ,gBACR,MAAO,CACL,aAAc,CAAE,KAAM,CAAC,OAAQ,QAAQ,EAAG,QAAS,EAAG,CACxD,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAORE,EAAUC,EAAA,SAAS,IACvB,OAAOF,EAAM,cAAiB,WAC1BA,EAAM,aAAA,EACNA,EAAM,YAAA,EAGL,MAAA,CAACG,EAAUC,KACRC,YAAW,EAAGC,qBAAoB,MAAOX,EAAY,CAC1DM,EAAQ,OACJI,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAOV,EAAYW,EAAAA,gBAAiBN,EAAQ,KAAK,EAAG,CAAC,GACxFO,EAAAA,mBAAoB,GAAI,EAAI,CAAA,CACjC,EAEH,CAEA,CAAC"}
+{"version":3,"file":"design-system29.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/design-system29.mjs

@@ -1,22 +1,13 @@
-import { defineComponent as n, computed as a, openBlock as t, createElementBlock as r, toDisplayString as c, createCommentVNode as d } from "vue";
-const i = { class: "ds-min-h-[1rem]" }, p = {
-  key: 0,
-  class: "ds-text-xs ds-text-red-500"
-}, _ = /* @__PURE__ */ n({
-  __name: "BErrorMessage",
-  props: {
-    errorMessage: { type: [String, Function], default: "" }
-  },
-  setup(o) {
-    const e = o, s = a(
-      () => typeof e.errorMessage == "function" ? e.errorMessage() : e.errorMessage
-    );
-    return (m, u) => (t(), r("div", i, [
-      s.value ? (t(), r("div", p, c(s.value), 1)) : d("", !0)
-    ]));
-  }
-});
+import { openBlock as o, createElementBlock as t, renderSlot as r } from "vue";
+import s from "./design-system55.mjs";
+const n = {}, d = { class: "ds-rounded-lg ds-bg-white ds-p-2 ds-shadow" };
+function c(e, l) {
+  return o(), t("ul", d, [
+    r(e.$slots, "default")
+  ]);
+}
+const f = /* @__PURE__ */ s(n, [["render", c]]);
 export {
-  _ as default
+  f as default
 };
 //# sourceMappingURL=design-system29.mjs.map

package/dist/design-system29.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system29.mjs","sources":["../src/components/BErrorMessage.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-min-h-[1rem]\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-text-xs ds-text-red-500\"\n}\n\nimport type { ErrorMessageFunction } from '@/types';\nimport { computed } from 'vue';\n\n/**\n * Props\n */\nexport interface BErrorMessageProps {\n  /**\n   * A text or a function returning a text.\n   */\n  errorMessage?: string | ErrorMessageFunction;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BErrorMessage',\n  props: {\n    errorMessage: { type: [String, Function], default: '' }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\n/**\n * Computed\n */\nconst message = computed(() =>\n  typeof props.errorMessage === 'function'\n    ? props.errorMessage()\n    : props.errorMessage,\n);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    (message.value)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, _toDisplayString(message.value), 1))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","message","computed","_ctx","_cache","_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode"],"mappings":";AAGA,MAAMA,IAAa,EAAE,OAAO,qBACtBC,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GAe4BC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,cAAc,EAAE,MAAM,CAAC,QAAQ,QAAQ,GAAG,SAAS,GAAG;AAAA,EACxD;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAORE,IAAUC;AAAA,MAAS,MACvB,OAAOF,EAAM,gBAAiB,aAC1BA,EAAM,aAAA,IACNA,EAAM;AAAA,IAAA;AAGL,WAAA,CAACG,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAOX,GAAY;AAAA,MAC1DM,EAAQ,SACJI,EAAW,GAAGC,EAAoB,OAAOV,GAAYW,EAAiBN,EAAQ,KAAK,GAAG,CAAC,KACxFO,EAAoB,IAAI,EAAI;AAAA,IAAA,CACjC;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"design-system29.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}