@7pmlabs/design-system 0.3.0 → 0.3.2

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-system100.js"),N=require("./design-system97.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-system100.mjs";
+import j from "./design-system97.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":";;;;;;;AAGA,MAAMA,IAAa,EAAE,OAAO,iBACtBC,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GACMC,IAAa,CAAC,IAAI,GAClBC,IAAa,CAAC,MAAM,gBAAgB,YAAY,eAAe,YAAY,SAAS,GACpFC,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GACMC,IAAa,CAAC,IAAI,GAqDIC,KAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,SAAS,GAAG;AAAA,IACvB,eAAe,EAAE,SAAS,GAAG;AAAA,IAC7B,YAAY,CAAC;AAAA,IACb,OAAO,EAAE,SAAS,GAAG;AAAA,IACrB,aAAa,EAAE,SAAS,GAAG;AAAA,IAC3B,iBAAiB,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IACjD,YAAY,EAAE,SAAS,GAAG;AAAA,IAC1B,gBAAgB,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAChD,iBAAiB,EAAE,SAAS,OAAU;AAAA,IACtC,aAAa,EAAE,SAAS,GAAG;AAAA,IAC3B,cAAc,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC9C,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC1C,sBAAsB,EAAE,SAAS,GAAG;AAAA,IACpC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC1C,aAAa,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC/C;AAAA,EACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACE,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF;AAYV,QAAAG;AACJ,UAAM,EAAE,GAAAC,GAAG,QAAAC,EAAO,IAAIC,EAAQ,GACxBC,IAAWC,EAA6B,IAAI,GAC5CC,IAAmC;AAAA,MACvC,cAAc,CAACC,MAAgB,CAAC,EAAEA,MAAOA,KAAA,QAAAA,EAAK;AAAA,MAC9C,cAAc,MACZR,EAAM,wBAAwBE,EAAE,0BAA0B;AAAA,IAAA,GAExDO,IAAKC,EAAS,MAAMV,EAAM,WAAW,MAAMW,GAAM,EAAE,GACnDC,IAAQF,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOV,EAAM;AAAA,MACf;AAAA,MACA,IAAIQ,GAAK;AACP,QAAAT,EAAK,qBAAqBS,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD,GACKK,IAAqBH,EAAS,MAAM;AAAA,MACxC;AAAA,QACE,WAAWV,EAAM;AAAA,QACjB,WAAWA,EAAM;AAAA,QACjB,6DAA6DA,EAAM;AAAA,QACnE,wBAAwB,CAACA,EAAM;AAAA,QAC/B,uDACE,CAACc,EAAiB,MAAM;AAAA,QAC1B,mFACEA,EAAiB,MAAM;AAAA,MAC3B;AAAA,MACAd,EAAM;AAAA,IAAA,CACP,GACKe,IAASL,EAAS,MAAM;AAC5B,UAAIM,IAA2B,CAAA;AAE/B,aAAIhB,EAAM,YACRgB,EAAO,KAAKT,CAAgB,GAE1BP,EAAM,oBACCgB,IAAAA,EAAO,OAAOhB,EAAM,eAAe,IAGvCgB,EAAO,SAASA,IAAS;AAAA,IAAA,CACjC,GACKC,IAAcP;AAAA,MAAS,MAC3BP,EAAO,UAAU,UACb;AAAA,QACE,MAAM;AAAA,QACN,QAAQ;AAAA,UACN,KAAK;AAAA,YACH,MAAM;AAAA,YACN,oBAAoB;AAAA,UACtB;AAAA,QACF;AAAA,MAAA,IAEF;AAAA,QACE,EAAE,MAAM,GAAG;AAAA,QACX;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQ;AAAA,YACN,KAAK;AAAA,cACH,MAAM;AAAA,cACN,oBAAoB;AAAA,YACtB;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IAAA,GAGA,EAAE,UAAAe,GAAU,kBAAAJ,EAAA,IAAqBK;AAAA,MACrCV,EAAG;AAAA,MACHG;AAAA,MACAG,EAAO;AAAA,IAAA;AAMT,IAAAK,EAAMjB,GAAQ,MAAM;AACT,MAAAkB;IAAA,CACV;AAKD,UAAMC,IAAqB,MAAM;AAC/B,MAAAvB,EAAK,eAAe;AAAA,IAAA,GAEhBwB,IAAoB,MAAM;AAC9B,MAAAxB,EAAK,cAAc;AAAA,IAAA,GAEfyB,IAAU,MAAM;AACX,MAAAN;IAAA,GAELO,IAAe,MAAM;AACzB,MAAA1B,EAAK,aAAa;AAAA,IAAA,GAEd2B,IAAW,MAAM;AACf,MAAAd,EAAA,QAAQ,CAACX,EAAK;AAAA,IAAA,GAEhBoB,IAAW,MAAM;AACrB,MAAIpB,KACFA,EAAK,QAAQ,GAEfA,IAAO0B,EAAMtB,EAAS,OAAQY,EAAY,KAAK,GAC1ChB,EAAA,GAAG,UAAUyB,CAAQ;AAAA,IAAA;AAM5B,WAAAE,EAAU,MAAM;AACL,MAAAP;IAAA,CACV,GAEM,CAACQ,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO,MAAM;AAAA,MACrDC,EAAaC,GAAQ;AAAA,QACnB,IAAIzB,EAAG;AAAA,QACP,OAAOoB,EAAK;AAAA,QACZ,UAAUA,EAAK;AAAA,MAAA,GACd,MAAM,GAAG,CAAC,MAAM,SAAS,UAAU,CAAC;AAAA,MACvCM,EAAoB,OAAO7C,GAAY;AAAA,QACpCuC,EAAK,cACFO,GAAiBL,EAAc,GAAAC,EAAoB,OAAOzC,GAAY;AAAA,UACpE4C,EAAoB,QAAQ;AAAA,YAC1B,IAAI,GAAG1B,EAAG,KAAK;AAAA,YACf,OAAO4B,EAAgBR,EAAK,WAAW;AAAA,YACvC,SAASP;AAAA,UAAA,GACR,MAAM,IAAI9B,CAAU;AAAA,QACzB,GAAG,GAAG,IAAI;AAAA,UACR,CAAC8C,GAAQ,CAACT,EAAK,eAAe;AAAA,QAAA,CAC/B,IACDU,EAAoB,IAAI,EAAI;AAAA,QAChCJ,EAAoB,SAAS;AAAA,UAC3B,IAAI1B,EAAG;AAAA,UACP,SAAS;AAAA,UACT,KAAKJ;AAAA,UACL,cAAcL,EAAM,eAAe,OAAO;AAAA,UAC1C,OAAOqC,EAAgB,CAACxB,EAAmB,OAAO,gGAAgG,CAAC;AAAA,UACnJ,UAAUb,EAAM;AAAA,UAChB,aAAaA,EAAM;AAAA,UACnB,UAAUA,EAAM;AAAA,UAChB,SAAS;AAAA,YACPwB;AAAA,YACAgB,EAAUf,GAAc,CAAC,OAAO,CAAC;AAAA,UACnC;AAAA,QAAA,GACC,MAAM,IAAIhC,CAAU;AAAA,QACtBoC,EAAK,aACFO,GAAiBL,EAAc,GAAAC,EAAoB,OAAOtC,GAAY;AAAA,UACpEyC,EAAoB,QAAQ;AAAA,YAC1B,IAAI,GAAG1B,EAAG,KAAK;AAAA,YACf,OAAO4B,EAAgBR,EAAK,UAAU;AAAA,YACtC,SAASN;AAAA,UAAA,GACR,MAAM,IAAI5B,CAAU;AAAA,QACzB,GAAG,GAAG,IAAI;AAAA,UACR,CAAC2C,GAAQ,CAACT,EAAK,cAAc;AAAA,QAAA,CAC9B,IACDU,EAAoB,IAAI,EAAI;AAAA,MAAA,CACjC;AAAA,MACCV,EAAK,cAMHU,EAAoB,IAAI,EAAI,KAL3BR,EAAW,GAAGU,EAAaC,GAAe;AAAA,QACzC,KAAK;AAAA,QACL,iBAAiBC,EAAO7B,CAAgB,EAAE,aAAa;AAAA,QACvD,OAAO;AAAA,MAAA,GACN,MAAM,GAAG,CAAC,eAAe,CAAC;AAAA,IACD,CACjC;AAAA,EAEH;AAEA,CAAC;"}

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-system54.js");require("./design-system55.js");const r=require("./design-system56.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-system54.mjs";
+import "./design-system55.mjs";
+import r from "./design-system56.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-system57.js");require("./design-system58.js");const t=require("./design-system56.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-system57.mjs";
+import "./design-system58.mjs";
+import c from "./design-system56.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-system59.js");require("./design-system60.js");const r=require("./design-system56.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-system59.mjs";
+import "./design-system60.mjs";
+import t from "./design-system56.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-system61.js");require("./design-system62.js");require("./design-system63.js");const r=require("./design-system56.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-system61.mjs";
+import "./design-system62.mjs";
+import "./design-system63.mjs";
+import t from "./design-system56.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-system56.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-system56.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":";;;;;;;;;"}

package/dist/design-system30.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),s=require("./design-system4.js"),r=["for"],n={key:0,class:"ds-ml-1 ds-text-red-500"},a=e.defineComponent({__name:"BLabel",props:{id:{default:""},label:{default:""},required:{type:Boolean,default:!1}},setup(l){const t=l;return(o,d)=>t.label||o.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:o.id,class:"ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500"},[e.createElementVNode("span",null,[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])]),t.required?(e.openBlock(),e.createElementBlock("span",n,e.toDisplayString(e.unref(s.RequiredSymbol)),1)):e.createCommentVNode("",!0)],8,r)):e.createCommentVNode("",!0)}});module.exports=a;
+"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;
 //# sourceMappingURL=design-system30.js.map

package/dist/design-system30.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system30.js","sources":["../src/components/BLabel.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, unref as _unref, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = [\"for\"]\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-ml-1 ds-text-red-500\"\n}\n\nimport { RequiredSymbol } from '@/constants/Common';\n\n/**\n * Props\n */\nexport interface BLabelProps {\n  id?: string;\n  label?: string;\n  /**\n   * Show \"*\" beside the label\n   */\n  required?: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLabel',\n  props: {\n    id: { default: '' },\n    label: { default: '' },\n    required: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\nreturn (_ctx: any,_cache: any) => {\n  return (props.label || _ctx.$slots.default)\n    ? (_openBlock(), _createElementBlock(\"label\", {\n        key: 0,\n        for: _ctx.id,\n        class: \"ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500\"\n      }, [\n        _createElementVNode(\"span\", null, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ])\n        ]),\n        (props.required)\n          ? (_openBlock(), _createElementBlock(\"span\", _hoisted_2, _toDisplayString(_unref(RequiredSymbol)), 1))\n          : _createCommentVNode(\"\", true)\n      ], 8, _hoisted_1))\n    : _createCommentVNode(\"\", true)\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_renderSlot","_createTextVNode","_toDisplayString","_unref","RequiredSymbol","_createCommentVNode"],"mappings":"qEAGMA,EAAa,CAAC,KAAK,EACnBC,EAAa,CACjB,IAAK,EACL,MAAO,yBACT,EAgB4BC,EAAiBC,kBAAA,CAC3C,OAAQ,SACR,MAAO,CACL,GAAI,CAAE,QAAS,EAAG,EAClB,MAAO,CAAE,QAAS,EAAG,EACrB,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAIP,MAAA,CAACE,EAAUC,IACRF,EAAM,OAASC,EAAK,OAAO,SAC9BE,EAAW,UAAA,EAAGC,qBAAoB,QAAS,CAC1C,IAAK,EACL,IAAKH,EAAK,GACV,MAAO,2DAAA,EACN,CACDI,EAAA,mBAAoB,OAAQ,KAAM,CAChCC,EAAAA,WAAYL,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5CM,EAAAA,gBAAiBC,EAAAA,gBAAiBR,EAAM,KAAK,EAAG,CAAC,CAAA,CAClD,CAAA,CACF,EACAA,EAAM,UACFG,EAAA,UAAA,EAAcC,EAAAA,mBAAoB,OAAQR,EAAYY,EAAAA,gBAAiBC,EAAAA,MAAOC,EAAAA,cAAc,CAAC,EAAG,CAAC,GAClGC,EAAA,mBAAoB,GAAI,EAAI,CAAA,EAC/B,EAAGhB,CAAU,GAChBgB,EAAA,mBAAoB,GAAI,EAAI,CAElC,CAEA,CAAC"}
+{"version":3,"file":"design-system30.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"}

package/dist/design-system30.mjs

@@ -1,32 +1,22 @@
-import { defineComponent as d, openBlock as o, createElementBlock as l, createElementVNode as n, renderSlot as u, createTextVNode as f, toDisplayString as s, unref as p, createCommentVNode as r } from "vue";
-import { RequiredSymbol as c } from "./design-system4.mjs";
-const i = ["for"], m = {
+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-ml-1 ds-text-red-500"
-}, k = /* @__PURE__ */ d({
-  __name: "BLabel",
+  class: "ds-text-xs ds-text-red-500"
+}, _ = /* @__PURE__ */ n({
+  __name: "BErrorMessage",
   props: {
-    id: { default: "" },
-    label: { default: "" },
-    required: { type: Boolean, default: !1 }
+    errorMessage: { type: [String, Function], default: "" }
   },
-  setup(a) {
-    const e = a;
-    return (t, b) => e.label || t.$slots.default ? (o(), l("label", {
-      key: 0,
-      for: t.id,
-      class: "ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500"
-    }, [
-      n("span", null, [
-        u(t.$slots, "default", {}, () => [
-          f(s(e.label), 1)
-        ])
-      ]),
-      e.required ? (o(), l("span", m, s(p(c)), 1)) : r("", !0)
-    ], 8, i)) : r("", !0);
+  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)
+    ]));
   }
 });
 export {
-  k as default
+  _ as default
 };
 //# sourceMappingURL=design-system30.mjs.map

package/dist/design-system30.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system30.mjs","sources":["../src/components/BLabel.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, unref as _unref, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = [\"for\"]\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-ml-1 ds-text-red-500\"\n}\n\nimport { RequiredSymbol } from '@/constants/Common';\n\n/**\n * Props\n */\nexport interface BLabelProps {\n  id?: string;\n  label?: string;\n  /**\n   * Show \"*\" beside the label\n   */\n  required?: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLabel',\n  props: {\n    id: { default: '' },\n    label: { default: '' },\n    required: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\nreturn (_ctx: any,_cache: any) => {\n  return (props.label || _ctx.$slots.default)\n    ? (_openBlock(), _createElementBlock(\"label\", {\n        key: 0,\n        for: _ctx.id,\n        class: \"ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500\"\n      }, [\n        _createElementVNode(\"span\", null, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ])\n        ]),\n        (props.required)\n          ? (_openBlock(), _createElementBlock(\"span\", _hoisted_2, _toDisplayString(_unref(RequiredSymbol)), 1))\n          : _createCommentVNode(\"\", true)\n      ], 8, _hoisted_1))\n    : _createCommentVNode(\"\", true)\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_renderSlot","_createTextVNode","_toDisplayString","_unref","RequiredSymbol","_createCommentVNode"],"mappings":";;AAGA,MAAMA,IAAa,CAAC,KAAK,GACnBC,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GAgB4BC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,IAAI,EAAE,SAAS,GAAG;AAAA,IAClB,OAAO,EAAE,SAAS,GAAG;AAAA,IACrB,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC5C;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD;AAIP,WAAA,CAACE,GAAUC,MACRF,EAAM,SAASC,EAAK,OAAO,WAC9BE,EAAW,GAAGC,EAAoB,SAAS;AAAA,MAC1C,KAAK;AAAA,MACL,KAAKH,EAAK;AAAA,MACV,OAAO;AAAA,IAAA,GACN;AAAA,MACDI,EAAoB,QAAQ,MAAM;AAAA,QAChCC,EAAYL,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CM,EAAiBC,EAAiBR,EAAM,KAAK,GAAG,CAAC;AAAA,QAAA,CAClD;AAAA,MAAA,CACF;AAAA,MACAA,EAAM,YACFG,EAAA,GAAcC,EAAoB,QAAQR,GAAYY,EAAiBC,EAAOC,CAAc,CAAC,GAAG,CAAC,KAClGC,EAAoB,IAAI,EAAI;AAAA,IAAA,GAC/B,GAAGhB,CAAU,KAChBgB,EAAoB,IAAI,EAAI;AAAA,EAElC;AAEA,CAAC;"}
+{"version":3,"file":"design-system30.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;"}

package/dist/design-system31.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system65.js");require("./design-system66.js");const r=require("./design-system51.js"),t=r(e,[["__scopeId","data-v-fbf385c9"]]);module.exports=t;
+"use strict";const e=require("vue"),s=require("./design-system4.js"),r=["for"],n={key:0,class:"ds-ml-1 ds-text-red-500"},a=e.defineComponent({__name:"BLabel",props:{id:{default:""},label:{default:""},required:{type:Boolean,default:!1}},setup(l){const t=l;return(o,d)=>t.label||o.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:o.id,class:"ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500"},[e.createElementVNode("span",null,[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])]),t.required?(e.openBlock(),e.createElementBlock("span",n,e.toDisplayString(e.unref(s.RequiredSymbol)),1)):e.createCommentVNode("",!0)],8,r)):e.createCommentVNode("",!0)}});module.exports=a;
 //# sourceMappingURL=design-system31.js.map

package/dist/design-system31.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system31.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"design-system31.js","sources":["../src/components/BLabel.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, unref as _unref, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = [\"for\"]\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-ml-1 ds-text-red-500\"\n}\n\nimport { RequiredSymbol } from '@/constants/Common';\n\n/**\n * Props\n */\nexport interface BLabelProps {\n  id?: string;\n  label?: string;\n  /**\n   * Show \"*\" beside the label\n   */\n  required?: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLabel',\n  props: {\n    id: { default: '' },\n    label: { default: '' },\n    required: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\nreturn (_ctx: any,_cache: any) => {\n  return (props.label || _ctx.$slots.default)\n    ? (_openBlock(), _createElementBlock(\"label\", {\n        key: 0,\n        for: _ctx.id,\n        class: \"ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500\"\n      }, [\n        _createElementVNode(\"span\", null, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ])\n        ]),\n        (props.required)\n          ? (_openBlock(), _createElementBlock(\"span\", _hoisted_2, _toDisplayString(_unref(RequiredSymbol)), 1))\n          : _createCommentVNode(\"\", true)\n      ], 8, _hoisted_1))\n    : _createCommentVNode(\"\", true)\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_renderSlot","_createTextVNode","_toDisplayString","_unref","RequiredSymbol","_createCommentVNode"],"mappings":"qEAGMA,EAAa,CAAC,KAAK,EACnBC,EAAa,CACjB,IAAK,EACL,MAAO,yBACT,EAgB4BC,EAAiBC,kBAAA,CAC3C,OAAQ,SACR,MAAO,CACL,GAAI,CAAE,QAAS,EAAG,EAClB,MAAO,CAAE,QAAS,EAAG,EACrB,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAIP,MAAA,CAACE,EAAUC,IACRF,EAAM,OAASC,EAAK,OAAO,SAC9BE,EAAW,UAAA,EAAGC,qBAAoB,QAAS,CAC1C,IAAK,EACL,IAAKH,EAAK,GACV,MAAO,2DAAA,EACN,CACDI,EAAA,mBAAoB,OAAQ,KAAM,CAChCC,EAAAA,WAAYL,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5CM,EAAAA,gBAAiBC,EAAAA,gBAAiBR,EAAM,KAAK,EAAG,CAAC,CAAA,CAClD,CAAA,CACF,EACAA,EAAM,UACFG,EAAA,UAAA,EAAcC,EAAAA,mBAAoB,OAAQR,EAAYY,EAAAA,gBAAiBC,EAAAA,MAAOC,EAAAA,cAAc,CAAC,EAAG,CAAC,GAClGC,EAAA,mBAAoB,GAAI,EAAI,CAAA,EAC/B,EAAGhB,CAAU,GAChBgB,EAAA,mBAAoB,GAAI,EAAI,CAElC,CAEA,CAAC"}

package/dist/design-system31.mjs

@@ -1,8 +1,32 @@
-import o from "./design-system65.mjs";
-import "./design-system66.mjs";
-import r from "./design-system51.mjs";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-fbf385c9"]]);
+import { defineComponent as d, openBlock as o, createElementBlock as l, createElementVNode as n, renderSlot as u, createTextVNode as f, toDisplayString as s, unref as p, createCommentVNode as r } from "vue";
+import { RequiredSymbol as c } from "./design-system4.mjs";
+const i = ["for"], m = {
+  key: 0,
+  class: "ds-ml-1 ds-text-red-500"
+}, k = /* @__PURE__ */ d({
+  __name: "BLabel",
+  props: {
+    id: { default: "" },
+    label: { default: "" },
+    required: { type: Boolean, default: !1 }
+  },
+  setup(a) {
+    const e = a;
+    return (t, b) => e.label || t.$slots.default ? (o(), l("label", {
+      key: 0,
+      for: t.id,
+      class: "ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500"
+    }, [
+      n("span", null, [
+        u(t.$slots, "default", {}, () => [
+          f(s(e.label), 1)
+        ])
+      ]),
+      e.required ? (o(), l("span", m, s(p(c)), 1)) : r("", !0)
+    ], 8, i)) : r("", !0);
+  }
+});
 export {
-  m as default
+  k as default
 };
 //# sourceMappingURL=design-system31.mjs.map