@7pmlabs/design-system 0.4.15 → 0.4.16

package/dist/design-system92.mjs

@@ -1,5 +1,193 @@
-const e = "";
+import { defineComponent as W, ref as p, computed as h, openBlock as n, createElementBlock as m, createVNode as v, createElementVNode as d, unref as C, Fragment as X, renderList as Y, withModifiers as I, createCommentVNode as V, withCtx as x, createTextVNode as Z, toDisplayString as ee, createBlock as te, pushScopeId as ae, popScopeId as le } from "vue";
+import { FileImageTypes as S } from "./design-system4.mjs";
+import { useI18n as se } from "./design-system51.mjs";
+import F from "./design-system110.mjs";
+import re from "./design-system47.mjs";
+import { useValidationField as oe } from "./design-system3.mjs";
+import de from "./design-system31.mjs";
+import ie from "./design-system11.mjs";
+import ne from "./design-system30.mjs";
+import ue from "./design-system103.mjs";
+import ce from "./design-system106.mjs";
+const ge = (u) => (ae("data-v-77676d6f"), u = u(), le(), u), pe = { class: "b-image-picker ds-w-full" }, me = { class: "ds-gap-2 ds-space-y-4 ds-rounded-lg ds-bg-white ds-p-4 ds-drop-shadow" }, ve = {
+  key: 0,
+  class: "ds-flex ds-flex-wrap ds-justify-center ds-gap-1"
+}, fe = ["onClick", "onDragenter", "onDragstart", "onDrop"], he = ["src"], _e = ["src"], ye = { class: "ds-flex ds-flex-wrap ds-justify-center" }, ke = /* @__PURE__ */ ge(() => /* @__PURE__ */ d("svg", {
+  class: "ds-absolute -ds-bottom-[3px] ds-left-0 ds-h-4 ds-w-4 ds-fill-primary-t",
+  viewBox: "0 0 512 512",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ d("path", { d: "M447.1 32h-384C28.64 32-.0091 60.65-.0091 96v320c0 35.35 28.65 64 63.1 64h384c35.35 0 64-28.65 64-64V96C511.1 60.65 483.3 32 447.1 32zM111.1 96c26.51 0 48 21.49 48 48S138.5 192 111.1 192s-48-21.49-48-48S85.48 96 111.1 96zM446.1 407.6C443.3 412.8 437.9 416 432 416H82.01c-6.021 0-11.53-3.379-14.26-8.75c-2.73-5.367-2.215-11.81 1.334-16.68l70-96C142.1 290.4 146.9 288 152 288s9.916 2.441 12.93 6.574l32.46 44.51l93.3-139.1C293.7 194.7 298.7 192 304 192s10.35 2.672 13.31 7.125l128 192C448.6 396 448.9 402.3 446.1 407.6z" })
+], -1)), De = ["accept", "multiple"], Me = /* @__PURE__ */ W({
+  __name: "BImagePicker",
+  props: {
+    inputId: { default: "" },
+    modelValue: {},
+    label: { default: "" },
+    multiple: { type: Boolean, default: !1 },
+    maxFileSize: { default: 20 },
+    hideDetails: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    requiredErrorMessage: { default: "" },
+    validationRules: { default: void 0 }
+  },
+  emits: ["change", "update:modelValue"],
+  setup(u, { expose: R, emit: z }) {
+    const a = u, c = z, { t: _ } = se(), f = p(null), D = p(0), s = h({
+      get() {
+        return a.modelValue;
+      },
+      set(e) {
+        c("update:modelValue", e);
+      }
+    }), y = p(!0), k = p(!0), g = p({
+      visible: !1,
+      url: ""
+    }), w = h(() => S.join(", ")), B = h(() => a.inputId || `id-${ue()}`), M = {
+      validateRule: (e) => !!e && e.length > 0,
+      errorMessage: () => a.requiredErrorMessage || _("ds.global.field_required")
+    }, T = {
+      validateRule: () => y.value,
+      errorMessage: () => _("ds.components.base.image_picker.file_types_valid", {
+        types: w.value
+      })
+    }, E = {
+      validateRule: () => k.value,
+      errorMessage: () => _("ds.components.base.image_picker.file_size_valid", {
+        size: a.maxFileSize
+      })
+    }, L = h(() => {
+      let e = [];
+      return a.required && e.push(M), a.validationRules && (e = e.concat(a.validationRules)), e.push(T), e.push(E), e.length ? e : void 0;
+    }), { validate: i, validationResult: $ } = oe(
+      B.value,
+      s,
+      L.value
+    ), q = (e, t) => {
+      D.value = e, t.target.classList.add("dragging"), t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData("index", e.toString());
+    }, N = (e) => {
+      e.target.classList.remove("dragging");
+    }, j = (e, t) => {
+      const l = t.target;
+      D.value !== e && l.classList.add("dropped-target");
+    }, A = (e) => {
+      e.preventDefault(), e.dataTransfer.dropEffect = "move";
+    }, P = (e) => {
+      e.target.classList.remove("dropped-target");
+    }, U = (e, t) => {
+      t.preventDefault(), t.target.classList.remove("dropped-target");
+      const r = parseInt(t.dataTransfer.getData("index")), o = s.value[r];
+      s.value.splice(r, 1), s.value.splice(e, 0, o), c("change"), i();
+    }, H = () => {
+      var e;
+      (e = f.value) == null || e.click();
+    }, O = (e) => {
+      let t = e.target.files || e.dataTransfer.files;
+      t.length && (G(t), f.value && (f.value.value = null));
+    }, G = (e) => {
+      Array.from(e).forEach((t) => {
+        if (y.value = S.includes(t.type), k.value = Q(t.size) <= a.maxFileSize, y.value && k.value) {
+          let l = new FileReader();
+          l.onload = (r) => {
+            a.multiple ? s.value.push({
+              url: r.target.result,
+              file: t,
+              type: t.type
+            }) : s.value = {
+              url: r.target.result,
+              file: t,
+              type: t.type
+            }, c("change"), i();
+          }, l.readAsDataURL(t);
+        } else
+          i();
+      });
+    }, J = (e) => {
+      s.value.splice(e, 1), c("change"), i();
+    }, K = () => {
+      s.value = {}, c("change"), i();
+    }, Q = (e) => e / 1024 ** 2, b = (e) => {
+      g.value.url = e.url || "", g.value.visible = !0;
+    };
+    return R({ validate: i }), (e, t) => (n(), m("div", pe, [
+      v(de, {
+        label: a.label
+      }, null, 8, ["label"]),
+      d("div", me, [
+        C(ce)(s.value) ? V("", !0) : (n(), m("div", ve, [
+          a.multiple ? (n(!0), m(X, { key: 0 }, Y(s.value, (l, r) => (n(), m("div", {
+            key: l.url,
+            class: "b-image-picker__draggable ds-h-full ds-cursor-pointer ds-rounded-lg ds-transition-all hover:ds-ring-2 hover:ds-ring-primary-t",
+            draggable: "true",
+            onClick: (o) => b(l),
+            onDragend: N,
+            onDragenter: (o) => j(r, o),
+            onDragleave: P,
+            onDragover: A,
+            onDragstart: (o) => q(r, o),
+            onDrop: (o) => U(r, o)
+          }, [
+            d("img", {
+              src: l.url,
+              alt: "image",
+              class: "ds-h-full ds-w-full ds-rounded-lg"
+            }, null, 8, he),
+            v(F, {
+              class: "ds-right-1 ds-top-1 ds-h-8 ds-w-8",
+              onClick: I((o) => J(r), ["stop"])
+            }, null, 8, ["onClick"])
+          ], 40, fe))), 128)) : (n(), m("div", {
+            key: 1,
+            class: "b-image-picker__draggable ds-h-full ds-cursor-pointer ds-rounded-lg ds-transition-all hover:ds-ring-2 hover:ds-ring-primary-t",
+            draggable: "true",
+            onClick: t[0] || (t[0] = (l) => b(s.value))
+          }, [
+            d("img", {
+              src: s.value.url,
+              alt: "image",
+              class: "ds-h-full ds-w-full ds-rounded-lg"
+            }, null, 8, _e),
+            v(F, {
+              class: "ds-right-1 ds-top-1 ds-h-8 ds-w-8",
+              onClick: I(K, ["stop"])
+            })
+          ]))
+        ])),
+        d("div", ye, [
+          v(ie, { onClick: H }, {
+            default: x(() => [
+              Z(ee(e.$t("ds.components.base.image_picker.select_image")), 1)
+            ]),
+            appendIcon: x(() => [
+              ke
+            ]),
+            _: 1
+          }),
+          d("input", {
+            ref_key: "inputRef",
+            ref: f,
+            accept: w.value,
+            multiple: a.multiple,
+            class: "ds-hidden",
+            type: "file",
+            onChange: O
+          }, null, 40, De)
+        ])
+      ]),
+      a.hideDetails ? V("", !0) : (n(), te(ne, {
+        key: 0,
+        "error-message": C($).errorMessage(),
+        class: "ds-mt-1"
+      }, null, 8, ["error-message"])),
+      v(re, {
+        modelValue: g.value.visible,
+        "onUpdate:modelValue": t[1] || (t[1] = (l) => g.value.visible = l),
+        url: g.value.url
+      }, null, 8, ["modelValue", "url"])
+    ]));
+  }
+});
 export {
-  e as default
+  Me as default
 };
 //# sourceMappingURL=design-system92.mjs.map

package/dist/design-system92.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system92.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"design-system92.mjs","sources":["../src/components/BImagePicker/BImagePicker.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createElementVNode as _createElementVNode, withModifiers as _withModifiers, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withCtx as _withCtx, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-77676d6f\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"b-image-picker ds-w-full\" }\nconst _hoisted_2 = { class: \"ds-gap-2 ds-space-y-4 ds-rounded-lg ds-bg-white ds-p-4 ds-drop-shadow\" }\nconst _hoisted_3 = {\n  key: 0,\n  class: \"ds-flex ds-flex-wrap ds-justify-center ds-gap-1\"\n}\nconst _hoisted_4 = [\"onClick\", \"onDragenter\", \"onDragstart\", \"onDrop\"]\nconst _hoisted_5 = [\"src\"]\nconst _hoisted_6 = [\"src\"]\nconst _hoisted_7 = { class: \"ds-flex ds-flex-wrap ds-justify-center\" }\nconst _hoisted_8 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-absolute -ds-bottom-[3px] ds-left-0 ds-h-4 ds-w-4 ds-fill-primary-t\",\n  viewBox: \"0 0 512 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M447.1 32h-384C28.64 32-.0091 60.65-.0091 96v320c0 35.35 28.65 64 63.1 64h384c35.35 0 64-28.65 64-64V96C511.1 60.65 483.3 32 447.1 32zM111.1 96c26.51 0 48 21.49 48 48S138.5 192 111.1 192s-48-21.49-48-48S85.48 96 111.1 96zM446.1 407.6C443.3 412.8 437.9 416 432 416H82.01c-6.021 0-11.53-3.379-14.26-8.75c-2.73-5.367-2.215-11.81 1.334-16.68l70-96C142.1 290.4 146.9 288 152 288s9.916 2.441 12.93 6.574l32.46 44.51l93.3-139.1C293.7 194.7 298.7 192 304 192s10.35 2.672 13.31 7.125l128 192C448.6 396 448.9 402.3 446.1 407.6z\" })\n], -1))\nconst _hoisted_9 = [\"accept\", \"multiple\"]\n\nimport { FileImageTypes } from '@/constants/Common';\nimport type { FileItemRead } from '@/types';\nimport { isEmpty } from 'lodash-es';\nimport { v4 as uuid } from 'uuid';\nimport { computed, ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BImagePickerCloseButton from './BImagePickerCloseButton.vue';\nimport ImagePreview from './BImagePreview.vue';\nimport type { ValidationRule } from '@/composables/Validation';\nimport { useValidationField } from '@/composables/Validation';\nimport BLabel from '../BLabel.vue';\nimport BButton from '../BButton.vue';\nimport BErrorMessage from '../BErrorMessage.vue';\n\n//#region Props\nexport interface Props {\n  inputId?: string;\n  /**\n   * Empty object <code>multiple: false</code> or empty array <code>multiple: true</code>.\n   */\n  modelValue: FileItemRead | FileItemRead[];\n  label?: string;\n  /**\n   * Allow to pick multiple images, v-model expects an array.\n   */\n  multiple?: boolean;\n  /**\n   * Maximum file size in MB.\n   */\n  maxFileSize?: number;\n  hideDetails?: boolean;\n  required?: boolean;\n  requiredErrorMessage?: string;\n  validationRules?: ValidationRule[];\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BImagePicker',\n  props: {\n    inputId: { default: '' },\n    modelValue: {},\n    label: { default: '' },\n    multiple: { type: Boolean, default: false },\n    maxFileSize: { default: 20 },\n    hideDetails: { type: Boolean, default: false },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    validationRules: { default: undefined }\n  },\n  emits: [\"change\", \"update:modelValue\"],\n  setup(__props: any, { expose: __expose, emit: __emit }) {\n\n// Drag & Drop: https://www.w3schools.com/jsref/event_ondragover.asp\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst { t } = useI18n();\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst draggedIndex = ref(0);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst fileTypesValid = ref(true);\nconst fileSizeValid = ref(true);\nconst previewImage = ref({\n  visible: false,\n  url: '',\n});\nconst allowedTypes = computed(() => FileImageTypes.join(', '));\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst validateRequired: ValidationRule = {\n  validateRule: (val: FileItemRead[]) => !!val && val.length > 0,\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst validateFileTypesValid: ValidationRule = {\n  validateRule: () => fileTypesValid.value,\n  errorMessage: () =>\n    t('ds.components.base.image_picker.file_types_valid', {\n      types: allowedTypes.value,\n    }),\n};\nconst validateFileSizeValid: ValidationRule = {\n  validateRule: () => fileSizeValid.value,\n  errorMessage: () =>\n    t('ds.components.base.image_picker.file_size_valid', {\n      size: props.maxFileSize,\n    }),\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  result.push(validateFileTypesValid);\n  result.push(validateFileSizeValid);\n\n  return result.length ? result : undefined;\n});\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value,\n);\n//#endregion\n\n//#region Methods\n/* Events fired on the drag target */\nconst handleDragStart = (index: number, e: DragEvent) => {\n  draggedIndex.value = index;\n  const target = e.target as HTMLDivElement;\n  target.classList.add('dragging');\n  e.dataTransfer!.effectAllowed = 'move';\n  e.dataTransfer!.setData('index', index.toString());\n};\nconst handleDragEnd = (e: DragEvent) => {\n  const target = e.target as HTMLDivElement;\n  target.classList.remove('dragging');\n};\n/* Events fired on the drop target */\nconst handleDragEnter = (index: number, e: DragEvent) => {\n  const target = e.target as HTMLDivElement;\n  if (draggedIndex.value !== index) {\n    target.classList.add('dropped-target');\n  }\n};\nconst handleDragOver = (e: DragEvent) => {\n  // By default, data/elements cannot be dropped in other elements. To allow a drop, we must prevent the default handling of the element\n  e.preventDefault();\n  e.dataTransfer!.dropEffect = 'move';\n};\nconst handleDragLeave = (e: DragEvent) => {\n  // When the draggable p element leaves the droptarget, reset the style\n  const target = e.target as HTMLDivElement;\n  target.classList.remove('dropped-target');\n};\nconst handleDrop = (index: number, e: DragEvent) => {\n  e.preventDefault();\n  const target = e.target as HTMLDivElement;\n  target.classList.remove('dropped-target');\n  const draggedIndex = parseInt(e.dataTransfer!.getData('index'));\n  const draggedImg = (value.value as FileItemRead[])[draggedIndex];\n  (value.value as FileItemRead[]).splice(draggedIndex, 1);\n  (value.value as FileItemRead[]).splice(index, 0, draggedImg);\n\n  emit('change');\n  validate();\n};\nconst openFileDialog = () => {\n  inputRef.value?.click();\n};\nconst handleChangeInput = (e: any) => {\n  let fileList: FileList = e.target.files || e.dataTransfer.files;\n  if (!fileList.length) {\n    return;\n  }\n  createFileImages(fileList);\n\n  // Clear input's value so onChange event can work for the same files next picks\n  if (inputRef.value) {\n    inputRef.value.value = null as any;\n  }\n};\nconst createFileImages = (fileList: FileList) => {\n  Array.from(fileList).forEach((file) => {\n    fileTypesValid.value = FileImageTypes.includes(file.type);\n    fileSizeValid.value = convertToMB(file.size) <= props.maxFileSize;\n\n    if (fileTypesValid.value && fileSizeValid.value) {\n      let reader: any = new FileReader();\n\n      reader.onload = (f: any) => {\n        if (props.multiple) {\n          (value.value as FileItemRead[]).push({\n            url: f.target.result,\n            file,\n            type: file.type,\n          });\n        } else {\n          // splice(index, how-many, item1, item2,...);\n          value.value = {\n            url: f.target.result,\n            file,\n            type: file.type,\n          };\n        }\n\n        emit('change');\n        validate();\n      };\n\n      reader.readAsDataURL(file);\n    } else {\n      validate();\n    }\n  });\n};\nconst removeFileImage = (index: number) => {\n  (value.value as FileItemRead[]).splice(index, 1);\n  emit('change');\n  validate();\n};\nconst removeFileImageSingle = () => {\n  value.value = {};\n  emit('change');\n  validate();\n};\nconst convertToMB = (numberOfBytes: number) => numberOfBytes / 1024 ** 2;\nconst preview = (item: FileItemRead) => {\n  previewImage.value.url = item.url || '';\n  previewImage.value.visible = true;\n};\n//#endregion\n\n__expose({ validate });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createVNode(BLabel, {\n      label: props.label\n    }, null, 8, [\"label\"]),\n    _createElementVNode(\"div\", _hoisted_2, [\n      (!_unref(isEmpty)(value.value))\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_3, [\n            (props.multiple)\n              ? (_openBlock(true), _createElementBlock(_Fragment, { key: 0 }, _renderList(value.value as FileItemRead[], (item, index) => {\n                  return (_openBlock(), _createElementBlock(\"div\", {\n                    key: item.url,\n                    class: \"b-image-picker__draggable ds-h-full ds-cursor-pointer ds-rounded-lg ds-transition-all hover:ds-ring-2 hover:ds-ring-primary-t\",\n                    draggable: \"true\",\n                    onClick: ($event: any) => (preview(item)),\n                    onDragend: handleDragEnd,\n                    onDragenter: ($event: any) => (handleDragEnter(index, $event)),\n                    onDragleave: handleDragLeave,\n                    onDragover: handleDragOver,\n                    onDragstart: ($event: any) => (handleDragStart(index, $event)),\n                    onDrop: ($event: any) => (handleDrop(index, $event))\n                  }, [\n                    _createElementVNode(\"img\", {\n                      src: item.url,\n                      alt: \"image\",\n                      class: \"ds-h-full ds-w-full ds-rounded-lg\"\n                    }, null, 8, _hoisted_5),\n                    _createVNode(BImagePickerCloseButton, {\n                      class: \"ds-right-1 ds-top-1 ds-h-8 ds-w-8\",\n                      onClick: _withModifiers(($event: any) => (removeFileImage(index)), [\"stop\"])\n                    }, null, 8, [\"onClick\"])\n                  ], 40, _hoisted_4))\n                }), 128))\n              : (_openBlock(), _createElementBlock(\"div\", {\n                  key: 1,\n                  class: \"b-image-picker__draggable ds-h-full ds-cursor-pointer ds-rounded-lg ds-transition-all hover:ds-ring-2 hover:ds-ring-primary-t\",\n                  draggable: \"true\",\n                  onClick: _cache[0] || (_cache[0] = ($event: any) => (preview(value.value as FileItemRead)))\n                }, [\n                  _createElementVNode(\"img\", {\n                    src: (value.value as FileItemRead).url,\n                    alt: \"image\",\n                    class: \"ds-h-full ds-w-full ds-rounded-lg\"\n                  }, null, 8, _hoisted_6),\n                  _createVNode(BImagePickerCloseButton, {\n                    class: \"ds-right-1 ds-top-1 ds-h-8 ds-w-8\",\n                    onClick: _withModifiers(removeFileImageSingle, [\"stop\"])\n                  })\n                ]))\n          ]))\n        : _createCommentVNode(\"\", true),\n      _createElementVNode(\"div\", _hoisted_7, [\n        _createVNode(BButton, { onClick: openFileDialog }, {\n          default: _withCtx(() => [\n            _createTextVNode(_toDisplayString(_ctx.$t('ds.components.base.image_picker.select_image')), 1)\n          ]),\n          appendIcon: _withCtx(() => [\n            _hoisted_8\n          ]),\n          _: 1\n        }),\n        _createElementVNode(\"input\", {\n          ref_key: \"inputRef\",\n          ref: inputRef,\n          accept: allowedTypes.value,\n          multiple: props.multiple,\n          class: \"ds-hidden\",\n          type: \"file\",\n          onChange: handleChangeInput\n        }, null, 40, _hoisted_9)\n      ])\n    ]),\n    (!props.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    _createVNode(ImagePreview, {\n      modelValue: previewImage.value.visible,\n      \"onUpdate:modelValue\": _cache[1] || (_cache[1] = ($event: any) => ((previewImage.value.visible) = $event)),\n      url: previewImage.value.url\n    }, null, 8, [\"modelValue\", \"url\"])\n  ]))\n}\n}\n\n})"],"names":["_withScopeId","_pushScopeId","n","_popScopeId","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_createElementVNode","_hoisted_9","_sfc_main","_defineComponent","__props","__expose","__emit","props","emit","t","useI18n","inputRef","ref","draggedIndex","value","computed","val","fileTypesValid","fileSizeValid","previewImage","allowedTypes","FileImageTypes","id","uuid","validateRequired","validateFileTypesValid","validateFileSizeValid","vRules","result","validate","validationResult","useValidationField","handleDragStart","index","e","handleDragEnd","handleDragEnter","target","handleDragOver","handleDragLeave","handleDrop","draggedImg","openFileDialog","_a","handleChangeInput","fileList","createFileImages","file","convertToMB","reader","f","removeFileImage","removeFileImageSingle","numberOfBytes","preview","item","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_unref","isEmpty","_createCommentVNode","_Fragment","_renderList","$event","BImagePickerCloseButton","_withModifiers","BButton","_withCtx","_createTextVNode","_toDisplayString","_createBlock","BErrorMessage","ImagePreview"],"mappings":"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"}

package/dist/design-system93.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),r=require("./design-system100.js"),i={class:"b-switch ds-flex ds-items-center"},c=["id","disabled","value"],p=["for"],m=["for"],f=e.defineComponent({__name:"BSwitch",props:{inputId:{default:""},modelValue:{type:[Boolean,Array],default:!1},label:{default:""},labelOrphan:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(d,{emit:u}){const t=d,a=e.computed(()=>t.inputId||`id-${r()}`),o=e.computed({get(){return t.modelValue},set(l){u("update:modelValue",l)}});return(l,s)=>(e.openBlock(),e.createElementBlock("div",i,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":s[0]||(s[0]=n=>o.value=n),id:a.value,disabled:t.disabled,value:l.$attrs.value,type:"checkbox",class:"b-switch__input"},null,8,c),[[e.vModelCheckbox,o.value]]),e.createElementVNode("label",{for:a.value,class:"b-switch__input-label"},null,8,p),t.label||l.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.labelOrphan?void 0:a.value,class:"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"},[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)],8,m)):e.createCommentVNode("",!0)]))}});module.exports=f;
+"use strict";const e="";module.exports=e;
 //# sourceMappingURL=design-system93.js.map

package/dist/design-system93.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system93.js","sources":["../src/components/BSwitch.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelCheckbox as _vModelCheckbox, createElementVNode as _createElementVNode, withDirectives as _withDirectives, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-2162502a\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"b-switch ds-flex ds-items-center\" }\nconst _hoisted_2 = [\"id\", \"disabled\", \"value\"]\nconst _hoisted_3 = [\"for\"]\nconst _hoisted_4 = [\"for\"]\n\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BCheckboxProps {\n  inputId?: string;\n  modelValue: boolean | Array<string | number>;\n  label?: string;\n  /**\n   * Clicking on label will not turn on/off the switch.\n   */\n  labelOrphan?: boolean;\n  disabled?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BSwitch',\n  props: {\n    inputId: { default: '' },\n    modelValue: { type: [Boolean, Array], default: false },\n    label: { default: '' },\n    labelOrphan: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\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});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _withDirectives(_createElementVNode(\"input\", {\n      \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n      id: id.value,\n      disabled: props.disabled,\n      value: _ctx.$attrs.value,\n      type: \"checkbox\",\n      class: \"b-switch__input\"\n    }, null, 8, _hoisted_2), [\n      [_vModelCheckbox, value.value]\n    ]),\n    _createElementVNode(\"label\", {\n      for: id.value,\n      class: \"b-switch__input-label\"\n    }, null, 8, _hoisted_3),\n    (props.label || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"label\", {\n          key: 0,\n          for: props.labelOrphan ? undefined : id.value,\n          class: \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"\n        }, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ], true)\n        ], 8, _hoisted_4))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","emit","props","id","computed","uuid","value","val","_ctx","_cache","_openBlock","_createElementBlock","_withDirectives","_createElementVNode","$event","_vModelCheckbox","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"uEAIMA,EAAa,CAAE,MAAO,oCACtBC,EAAa,CAAC,KAAM,WAAY,OAAO,EACvCC,EAAa,CAAC,KAAK,EACnBC,EAAa,CAAC,KAAK,EAkBGC,EAAiBC,kBAAA,CAC3C,OAAQ,UACR,MAAO,CACL,QAAS,CAAE,QAAS,EAAG,EACvB,WAAY,CAAE,KAAM,CAAC,QAAS,KAAK,EAAG,QAAS,EAAM,EACrD,MAAO,CAAE,QAAS,EAAG,EACrB,YAAa,CAAE,KAAM,QAAS,QAAS,EAAM,EAC7C,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAURG,EAAKC,WAAS,IAAMF,EAAM,SAAW,MAAMG,GAAM,EAAE,EACnDC,EAAQF,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOF,EAAM,UACf,EACA,IAAIK,EAAK,CACPN,EAAK,oBAAqBM,CAAG,CAC/B,CAAA,CACD,EAGM,MAAA,CAACC,EAAUC,KACRC,YAAW,EAAGC,qBAAoB,MAAOjB,EAAY,CAC3DkB,EAAA,eAAgBC,qBAAoB,QAAS,CAC3C,sBAAuBJ,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKK,GAAkBR,EAAO,MAAQQ,GACnF,GAAIX,EAAG,MACP,SAAUD,EAAM,SAChB,MAAOM,EAAK,OAAO,MACnB,KAAM,WACN,MAAO,iBAAA,EACN,KAAM,EAAGb,CAAU,EAAG,CACvB,CAACoB,EAAiB,eAAAT,EAAM,KAAK,CAAA,CAC9B,EACDO,EAAAA,mBAAoB,QAAS,CAC3B,IAAKV,EAAG,MACR,MAAO,uBAAA,EACN,KAAM,EAAGP,CAAU,EACrBM,EAAM,OAASM,EAAK,OAAO,SACvBE,YAAW,EAAGC,qBAAoB,QAAS,CAC1C,IAAK,EACL,IAAKT,EAAM,YAAc,OAAYC,EAAG,MACxC,MAAO,oDAAA,EACN,CACDa,EAAAA,WAAYR,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5CS,EAAAA,gBAAiBC,EAAAA,gBAAiBhB,EAAM,KAAK,EAAG,CAAC,GAChD,EAAI,GACN,EAAGL,CAAU,GAChBsB,EAAAA,mBAAoB,GAAI,EAAI,CAAA,CACjC,EAEH,CAEA,CAAC"}
+{"version":3,"file":"design-system93.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/design-system93.mjs

@@ -1,52 +1,5 @@
-import { defineComponent as c, computed as s, openBlock as d, createElementBlock as u, withDirectives as m, createElementVNode as n, vModelCheckbox as f, renderSlot as b, createTextVNode as v, toDisplayString as _, createCommentVNode as h } from "vue";
-import y from "./design-system100.mjs";
-const V = { class: "b-switch ds-flex ds-items-center" }, B = ["id", "disabled", "value"], k = ["for"], w = ["for"], g = /* @__PURE__ */ c({
-  __name: "BSwitch",
-  props: {
-    inputId: { default: "" },
-    modelValue: { type: [Boolean, Array], default: !1 },
-    label: { default: "" },
-    labelOrphan: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue"],
-  setup(i, { emit: r }) {
-    const e = i, t = s(() => e.inputId || `id-${y()}`), a = s({
-      get() {
-        return e.modelValue;
-      },
-      set(l) {
-        r("update:modelValue", l);
-      }
-    });
-    return (l, o) => (d(), u("div", V, [
-      m(n("input", {
-        "onUpdate:modelValue": o[0] || (o[0] = (p) => a.value = p),
-        id: t.value,
-        disabled: e.disabled,
-        value: l.$attrs.value,
-        type: "checkbox",
-        class: "b-switch__input"
-      }, null, 8, B), [
-        [f, a.value]
-      ]),
-      n("label", {
-        for: t.value,
-        class: "b-switch__input-label"
-      }, null, 8, k),
-      e.label || l.$slots.default ? (d(), u("label", {
-        key: 0,
-        for: e.labelOrphan ? void 0 : t.value,
-        class: "ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"
-      }, [
-        b(l.$slots, "default", {}, () => [
-          v(_(e.label), 1)
-        ], !0)
-      ], 8, w)) : h("", !0)
-    ]));
-  }
-});
+const e = "";
 export {
-  g as default
+  e as default
 };
 //# sourceMappingURL=design-system93.mjs.map

package/dist/design-system93.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system93.mjs","sources":["../src/components/BSwitch.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelCheckbox as _vModelCheckbox, createElementVNode as _createElementVNode, withDirectives as _withDirectives, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-2162502a\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"b-switch ds-flex ds-items-center\" }\nconst _hoisted_2 = [\"id\", \"disabled\", \"value\"]\nconst _hoisted_3 = [\"for\"]\nconst _hoisted_4 = [\"for\"]\n\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BCheckboxProps {\n  inputId?: string;\n  modelValue: boolean | Array<string | number>;\n  label?: string;\n  /**\n   * Clicking on label will not turn on/off the switch.\n   */\n  labelOrphan?: boolean;\n  disabled?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BSwitch',\n  props: {\n    inputId: { default: '' },\n    modelValue: { type: [Boolean, Array], default: false },\n    label: { default: '' },\n    labelOrphan: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\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});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _withDirectives(_createElementVNode(\"input\", {\n      \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n      id: id.value,\n      disabled: props.disabled,\n      value: _ctx.$attrs.value,\n      type: \"checkbox\",\n      class: \"b-switch__input\"\n    }, null, 8, _hoisted_2), [\n      [_vModelCheckbox, value.value]\n    ]),\n    _createElementVNode(\"label\", {\n      for: id.value,\n      class: \"b-switch__input-label\"\n    }, null, 8, _hoisted_3),\n    (props.label || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"label\", {\n          key: 0,\n          for: props.labelOrphan ? undefined : id.value,\n          class: \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"\n        }, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ], true)\n        ], 8, _hoisted_4))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","emit","props","id","computed","uuid","value","val","_ctx","_cache","_openBlock","_createElementBlock","_withDirectives","_createElementVNode","$event","_vModelCheckbox","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":";;AAIA,MAAMA,IAAa,EAAE,OAAO,sCACtBC,IAAa,CAAC,MAAM,YAAY,OAAO,GACvCC,IAAa,CAAC,KAAK,GACnBC,IAAa,CAAC,KAAK,GAkBGC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,SAAS,GAAG;AAAA,IACvB,YAAY,EAAE,MAAM,CAAC,SAAS,KAAK,GAAG,SAAS,GAAM;AAAA,IACrD,OAAO,EAAE,SAAS,GAAG;AAAA,IACrB,aAAa,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC7C,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC5C;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAURG,IAAKC,EAAS,MAAMF,EAAM,WAAW,MAAMG,GAAM,EAAE,GACnDC,IAAQF,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOF,EAAM;AAAA,MACf;AAAA,MACA,IAAIK,GAAK;AACP,QAAAN,EAAK,qBAAqBM,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD;AAGM,WAAA,CAACC,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAOjB,GAAY;AAAA,MAC3DkB,EAAgBC,EAAoB,SAAS;AAAA,QAC3C,uBAAuBJ,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACK,MAAkBR,EAAO,QAAQQ;AAAA,QACnF,IAAIX,EAAG;AAAA,QACP,UAAUD,EAAM;AAAA,QAChB,OAAOM,EAAK,OAAO;AAAA,QACnB,MAAM;AAAA,QACN,OAAO;AAAA,MAAA,GACN,MAAM,GAAGb,CAAU,GAAG;AAAA,QACvB,CAACoB,GAAiBT,EAAM,KAAK;AAAA,MAAA,CAC9B;AAAA,MACDO,EAAoB,SAAS;AAAA,QAC3B,KAAKV,EAAG;AAAA,QACR,OAAO;AAAA,MAAA,GACN,MAAM,GAAGP,CAAU;AAAA,MACrBM,EAAM,SAASM,EAAK,OAAO,WACvBE,EAAW,GAAGC,EAAoB,SAAS;AAAA,QAC1C,KAAK;AAAA,QACL,KAAKT,EAAM,cAAc,SAAYC,EAAG;AAAA,QACxC,OAAO;AAAA,MAAA,GACN;AAAA,QACDa,EAAYR,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CS,EAAiBC,EAAiBhB,EAAM,KAAK,GAAG,CAAC;AAAA,WAChD,EAAI;AAAA,SACN,GAAGL,CAAU,KAChBsB,EAAoB,IAAI,EAAI;AAAA,IAAA,CACjC;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"design-system93.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/design-system94.js

@@ -1,2 +1,2 @@
-"use strict";const _="";module.exports=_;
+"use strict";const e=require("./design-system47.js");module.exports=e;
 //# sourceMappingURL=design-system94.js.map

package/dist/design-system94.mjs

@@ -1,5 +1,5 @@
-const _ = "";
+import f from "./design-system47.mjs";
 export {
-  _ as default
+  f as default
 };
 //# sourceMappingURL=design-system94.mjs.map

package/dist/design-system95.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system25.js");module.exports=e;
+"use strict";const e=require("vue"),g=require("./design-system31.js"),V=require("./design-system3.js"),q=require("./design-system30.js"),B=require("./design-system51.js"),C=require("./design-system109.js"),E=require("./design-system5.js"),N=require("./design-system103.js"),R={class:"b-currency-field"},I={class:"ds-relative"},S={key:0,class:"b-currency-field__prepend-icon 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","autocomplete","disabled","placeholder","readonly"],w={key:1,class:"b-currency-field__append-icon 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"},$=e.defineComponent({__name:"BCurrencyField",props:{inputId:{default:""},inputCssClass:{default:""},modelValue:{},label:{default:""},validationRules:{default:void 0},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},hideDetails:{type:Boolean,default:!1},locale:{default:E.SupportedLocale["vi-VN"]}},emits:["press:enter","update:modelValue"],setup(i,{emit:c}){const t=i,a=c;let o;const{t:p}=B.useI18n(),u=e.ref(null),m={validateRule:s=>!!(s&&(s!=null&&s.trim())),errorMessage:()=>t.requiredErrorMessage||p("ds.global.field_required")},r=e.computed(()=>t.inputId||`id-${N()}`),l=e.computed({get(){return t.modelValue},set(s){a("update:modelValue",s)}}),f=e.computed(()=>[{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":t.disabled,"ds-text-black/[0.85]":!t.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},t.inputCssClass]),v=e.computed(()=>{let s=[];return t.required&&s.push(m),t.validationRules&&(s=s.concat(t.validationRules)),s.length?s:void 0}),k=e.computed(()=>t.locale==="en-US"?{mask:"$num",blocks:{num:{mask:Number,thousandsSeparator:" "}}}:[{mask:""},{mask:"num VND",lazy:!1,blocks:{num:{mask:Number,thousandsSeparator:" "}}}]),{validate:b,validationResult:d}=V.useValidationField(r.value,l,v.value);e.watch(()=>t.locale,()=>{n()}),e.watch(()=>t.modelValue,s=>{s!=o.unmaskedValue&&(o.unmaskedValue=s.toString())});const _=()=>{b()},y=()=>{a("press:enter")},h=()=>{l.value=typeof l.value=="number"?+o.unmaskedValue:o.unmaskedValue},n=()=>{o&&o.destroy(),o=C(u.value,k.value),o.on("accept",h)};return e.onMounted(()=>{n(),o.unmaskedValue=l.value.toString()}),(s,x)=>(e.openBlock(),e.createElementBlock("div",R,[e.createVNode(g,{id:r.value,label:s.label,required:s.required},null,8,["id","label","required"]),e.createElementVNode("div",I,[s.$slots.prependIcon?(e.openBlock(),e.createElementBlock("div",S,[e.renderSlot(s.$slots,"prependIcon",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("input",{id:r.value,ref_key:"inputRef",ref:u,autocomplete:t.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:t.disabled,placeholder:t.placeholder,readonly:t.readonly,onKeyup:[_,e.withKeys(y,["enter"])]},null,42,M),s.$slots.appendIcon?(e.openBlock(),e.createElementBlock("div",w,[e.renderSlot(s.$slots,"appendIcon",{},void 0,!0)])):e.createCommentVNode("",!0)]),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(q,{key:0,"error-message":e.unref(d).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=$;
 //# sourceMappingURL=design-system95.js.map

package/dist/design-system95.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system95.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"design-system95.js","sources":["../src/components/BCurrencyField.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, withKeys as _withKeys, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, unref as _unref, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-5cbc4bba\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"b-currency-field\" }\nconst _hoisted_2 = { class: \"ds-relative\" }\nconst _hoisted_3 = {\n  key: 0,\n  class: \"b-currency-field__prepend-icon 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_4 = [\"id\", \"autocomplete\", \"disabled\", \"placeholder\", \"readonly\"]\nconst _hoisted_5 = {\n  key: 1,\n  class: \"b-currency-field__append-icon 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}\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';\nimport { SupportedLocale } from '@/constants/Enums';\n\n//#region Props\nexport interface BCurrencyFieldProps {\n  inputId?: string;\n  inputCssClass?: string;\n  /**\n   * Value can be number or string\n   */\n  modelValue: number | string;\n  label?: string;\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  readonly?: boolean;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n  /**\n   * Locale of the currency\n   */\n  locale?: `${SupportedLocale}`;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCurrencyField',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    modelValue: {},\n    label: { default: '' },\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    readonly: { type: Boolean, default: false },\n    hideDetails: { type: Boolean, default: false },\n    locale: { default: SupportedLocale['vi-VN'] }\n  },\n  emits: [\"press:enter\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nlet mask: any;\nconst { t } = 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-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  props.locale === '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//#endregion\n\n//#region Watchers\nwatch(\n  () => props.locale,\n  () => {\n    initMask();\n  },\n);\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (val != mask.unmaskedValue) {\n      mask.unmaskedValue = val.toString();\n    }\n  },\n);\n//#endregion\n\n//#region Methods\nconst onKeyUp = () => {\n  validate();\n};\nconst onKeyUpEnter = () => {\n  emit('press:enter');\n};\nconst onAccept = () => {\n  value.value =\n    typeof value.value === 'number' ? +mask.unmaskedValue : 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//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  initMask();\n  mask.unmaskedValue = value.value.toString();\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\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_2, [\n      (_ctx.$slots.prependIcon)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_3, [\n            _renderSlot(_ctx.$slots, \"prependIcon\", {}, undefined, true)\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.$slots.appendIcon)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n            _renderSlot(_ctx.$slots, \"appendIcon\", {}, undefined, true)\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","_sfc_main","_defineComponent","SupportedLocale","__props","__emit","props","emit","mask","t","useI18n","inputRef","ref","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","maskOptions","validate","useValidationField","watch","initMask","onKeyUp","onKeyUpEnter","onAccept","IMask","onMounted","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_renderSlot","_createCommentVNode","_normalizeClass","_withKeys","_createBlock","BErrorMessage","_unref"],"mappings":"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"}

package/dist/design-system95.mjs

@@ -1,5 +1,145 @@
-import f from "./design-system25.mjs";
+import { defineComponent as I, ref as $, computed as l, watch as m, onMounted as M, openBlock as d, createElementBlock as n, createVNode as N, createElementVNode as f, renderSlot as b, createCommentVNode as u, normalizeClass as S, withKeys as w, createBlock as E, unref as x } from "vue";
+import z from "./design-system31.mjs";
+import { useValidationField as K } from "./design-system3.mjs";
+import D from "./design-system30.mjs";
+import { useI18n as U } from "./design-system51.mjs";
+import F from "./design-system109.mjs";
+import { SupportedLocale as A } from "./design-system5.mjs";
+import L from "./design-system103.mjs";
+const O = { class: "b-currency-field" }, j = { class: "ds-relative" }, G = {
+  key: 0,
+  class: "b-currency-field__prepend-icon 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"
+}, H = ["id", "autocomplete", "disabled", "placeholder", "readonly"], J = {
+  key: 1,
+  class: "b-currency-field__append-icon 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"
+}, oe = /* @__PURE__ */ I({
+  __name: "BCurrencyField",
+  props: {
+    inputId: { default: "" },
+    inputCssClass: { default: "" },
+    modelValue: {},
+    label: { default: "" },
+    validationRules: { default: void 0 },
+    placeholder: { default: "" },
+    autocomplete: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    requiredErrorMessage: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    hideDetails: { type: Boolean, default: !1 },
+    locale: { default: A["vi-VN"] }
+  },
+  emits: ["press:enter", "update:modelValue"],
+  setup(v, { emit: k }) {
+    const s = v, i = k;
+    let o;
+    const { t: h } = U(), c = $(null), y = {
+      validateRule: (e) => !!(e && (e != null && e.trim())),
+      errorMessage: () => s.requiredErrorMessage || h("ds.global.field_required")
+    }, a = l(() => s.inputId || `id-${L()}`), t = l({
+      get() {
+        return s.modelValue;
+      },
+      set(e) {
+        i("update:modelValue", e);
+      }
+    }), g = l(() => [
+      {
+        "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(y), s.validationRules && (e = e.concat(s.validationRules)), e.length ? e : void 0;
+    }), V = l(
+      () => s.locale === "en-US" ? {
+        mask: "$num",
+        blocks: {
+          num: {
+            mask: Number,
+            thousandsSeparator: " "
+          }
+        }
+      } : [
+        { mask: "" },
+        {
+          mask: "num VND",
+          lazy: !1,
+          blocks: {
+            num: {
+              mask: Number,
+              thousandsSeparator: " "
+            }
+          }
+        }
+      ]
+    ), { validate: C, validationResult: r } = K(
+      a.value,
+      t,
+      _.value
+    );
+    m(
+      () => s.locale,
+      () => {
+        p();
+      }
+    ), m(
+      () => s.modelValue,
+      (e) => {
+        e != o.unmaskedValue && (o.unmaskedValue = e.toString());
+      }
+    );
+    const q = () => {
+      C();
+    }, B = () => {
+      i("press:enter");
+    }, R = () => {
+      t.value = typeof t.value == "number" ? +o.unmaskedValue : o.unmaskedValue;
+    }, p = () => {
+      o && o.destroy(), o = F(c.value, V.value), o.on("accept", R);
+    };
+    return M(() => {
+      p(), o.unmaskedValue = t.value.toString();
+    }), (e, P) => (d(), n("div", O, [
+      N(z, {
+        id: a.value,
+        label: e.label,
+        required: e.required
+      }, null, 8, ["id", "label", "required"]),
+      f("div", j, [
+        e.$slots.prependIcon ? (d(), n("div", G, [
+          b(e.$slots, "prependIcon", {}, void 0, !0)
+        ])) : u("", !0),
+        f("input", {
+          id: a.value,
+          ref_key: "inputRef",
+          ref: c,
+          autocomplete: s.autocomplete ? "on" : "off",
+          class: S([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: [
+            q,
+            w(B, ["enter"])
+          ]
+        }, null, 42, H),
+        e.$slots.appendIcon ? (d(), n("div", J, [
+          b(e.$slots, "appendIcon", {}, void 0, !0)
+        ])) : u("", !0)
+      ]),
+      e.hideDetails ? u("", !0) : (d(), E(D, {
+        key: 0,
+        "error-message": x(r).errorMessage(),
+        class: "ds-mt-1"
+      }, null, 8, ["error-message"]))
+    ]));
+  }
+});
 export {
-  f as default
+  oe as default
 };
 //# sourceMappingURL=design-system95.mjs.map

package/dist/design-system95.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system95.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"design-system95.mjs","sources":["../src/components/BCurrencyField.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, withKeys as _withKeys, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, unref as _unref, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-5cbc4bba\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"b-currency-field\" }\nconst _hoisted_2 = { class: \"ds-relative\" }\nconst _hoisted_3 = {\n  key: 0,\n  class: \"b-currency-field__prepend-icon 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_4 = [\"id\", \"autocomplete\", \"disabled\", \"placeholder\", \"readonly\"]\nconst _hoisted_5 = {\n  key: 1,\n  class: \"b-currency-field__append-icon 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}\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';\nimport { SupportedLocale } from '@/constants/Enums';\n\n//#region Props\nexport interface BCurrencyFieldProps {\n  inputId?: string;\n  inputCssClass?: string;\n  /**\n   * Value can be number or string\n   */\n  modelValue: number | string;\n  label?: string;\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  readonly?: boolean;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n  /**\n   * Locale of the currency\n   */\n  locale?: `${SupportedLocale}`;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCurrencyField',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    modelValue: {},\n    label: { default: '' },\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    readonly: { type: Boolean, default: false },\n    hideDetails: { type: Boolean, default: false },\n    locale: { default: SupportedLocale['vi-VN'] }\n  },\n  emits: [\"press:enter\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nlet mask: any;\nconst { t } = 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-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  props.locale === '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//#endregion\n\n//#region Watchers\nwatch(\n  () => props.locale,\n  () => {\n    initMask();\n  },\n);\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (val != mask.unmaskedValue) {\n      mask.unmaskedValue = val.toString();\n    }\n  },\n);\n//#endregion\n\n//#region Methods\nconst onKeyUp = () => {\n  validate();\n};\nconst onKeyUpEnter = () => {\n  emit('press:enter');\n};\nconst onAccept = () => {\n  value.value =\n    typeof value.value === 'number' ? +mask.unmaskedValue : 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//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  initMask();\n  mask.unmaskedValue = value.value.toString();\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\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_2, [\n      (_ctx.$slots.prependIcon)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_3, [\n            _renderSlot(_ctx.$slots, \"prependIcon\", {}, undefined, true)\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.$slots.appendIcon)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n            _renderSlot(_ctx.$slots, \"appendIcon\", {}, undefined, true)\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","_sfc_main","_defineComponent","SupportedLocale","__props","__emit","props","emit","mask","t","useI18n","inputRef","ref","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","maskOptions","validate","useValidationField","watch","initMask","onKeyUp","onKeyUpEnter","onAccept","IMask","onMounted","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_renderSlot","_createCommentVNode","_normalizeClass","_withKeys","_createBlock","BErrorMessage","_unref"],"mappings":"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"}

package/dist/design-system96.js

@@ -1,7 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});/*!
-  * shared v9.2.2
-  * (c) 2022 kazuya kawaguchi
-  * Released under the MIT License.
-  */const b=typeof window<"u";exports.mark=void 0;exports.measure=void 0;if(process.env.NODE_ENV!=="production"){const e=b&&window.performance;e&&e.mark&&e.measure&&e.clearMarks&&e.clearMeasures&&(exports.mark=t=>e.mark(t),exports.measure=(t,n,o)=>{e.measure(t,n,o),e.clearMarks(n),e.clearMarks(o)})}const w=/\{([0-9a-zA-Z]+)\}/g;function j(e,...t){return t.length===1&&S(t[0])&&(t=t[0]),(!t||!t.hasOwnProperty)&&(t={}),e.replace(w,(n,o)=>t.hasOwnProperty(o)?t[o]:"")}const k=typeof Symbol=="function"&&typeof Symbol.toStringTag=="symbol",E=e=>k?Symbol(e):e,M=(e,t,n)=>h({l:e,k:t,s:n}),h=e=>JSON.stringify(e).replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029").replace(/\u0027/g,"\\u0027"),N=e=>typeof e=="number"&&isFinite(e),T=e=>p(e)==="[object Date]",A=e=>p(e)==="[object RegExp]",F=e=>g(e)&&Object.keys(e).length===0;function P(e,t){typeof console<"u"&&(console.warn("[intlify] "+e),t&&console.warn(t.stack))}const x=Object.assign;let y;const D=()=>y||(y=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});function R(e){return e.replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&apos;")}const B=Object.prototype.hasOwnProperty;function C(e,t){return B.call(e,t)}const d=Array.isArray,G=e=>typeof e=="function",J=e=>typeof e=="string",_=e=>typeof e=="boolean",S=e=>e!==null&&typeof e=="object",f=Object.prototype.toString,p=e=>f.call(e),g=e=>p(e)==="[object Object]",$=e=>e==null?"":d(e)||g(e)&&e.toString===f?JSON.stringify(e,null,2):String(e),m=2;function H(e,t=0,n=e.length){const o=e.split(/\r?\n/);let i=0;const c=[];for(let r=0;r<o.length;r++)if(i+=o[r].length+1,i>=t){for(let s=r-m;s<=r+m||n>i;s++){if(s<0||s>=o.length)continue;const u=s+1;c.push(`${u}${" ".repeat(3-String(u).length)}|  ${o[s]}`);const a=o[s].length;if(s===r){const l=t-(i-a)+1,O=Math.max(1,n>i?a-l:n-t);c.push("   |  "+" ".repeat(l)+"^".repeat(O))}else if(s>r){if(n>i){const l=Math.max(Math.min(n-i,a),1);c.push("   |  "+"^".repeat(l))}i+=a+1}}break}return c.join(`
-`)}function K(){const e=new Map;return{events:e,on(n,o){const i=e.get(n);i&&i.push(o)||e.set(n,[o])},off(n,o){const i=e.get(n);i&&i.splice(i.indexOf(o)>>>0,1)},emit(n,o){(e.get(n)||[]).slice().map(i=>i(o)),(e.get("*")||[]).slice().map(i=>i(n,o))}}}exports.assign=x;exports.createEmitter=K;exports.escapeHtml=R;exports.format=j;exports.friendlyJSONstringify=h;exports.generateCodeFrame=H;exports.generateFormatCacheKey=M;exports.getGlobalThis=D;exports.hasOwn=C;exports.inBrowser=b;exports.isArray=d;exports.isBoolean=_;exports.isDate=T;exports.isEmptyObject=F;exports.isFunction=G;exports.isNumber=N;exports.isObject=S;exports.isPlainObject=g;exports.isRegExp=A;exports.isString=J;exports.makeSymbol=E;exports.objectToString=f;exports.toDisplayString=$;exports.toTypeString=p;exports.warn=P;
+"use strict";const e="";module.exports=e;
 //# sourceMappingURL=design-system96.js.map

package/dist/design-system96.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system96.js","sources":["../node_modules/@intlify/shared/dist/shared.esm-bundler.js"],"sourcesContent":["/*!\n  * shared v9.2.2\n  * (c) 2022 kazuya kawaguchi\n  * Released under the MIT License.\n  */\n/**\r\n * Original Utilities\r\n * written by kazuya kawaguchi\r\n */\r\nconst inBrowser = typeof window !== 'undefined';\r\nlet mark;\r\nlet measure;\r\nif ((process.env.NODE_ENV !== 'production')) {\r\n    const perf = inBrowser && window.performance;\r\n    if (perf &&\r\n        perf.mark &&\r\n        perf.measure &&\r\n        perf.clearMarks &&\r\n        perf.clearMeasures) {\r\n        mark = (tag) => perf.mark(tag);\r\n        measure = (name, startTag, endTag) => {\r\n            perf.measure(name, startTag, endTag);\r\n            perf.clearMarks(startTag);\r\n            perf.clearMarks(endTag);\r\n        };\r\n    }\r\n}\r\nconst RE_ARGS = /\\{([0-9a-zA-Z]+)\\}/g;\r\n/* eslint-disable */\r\nfunction format(message, ...args) {\r\n    if (args.length === 1 && isObject(args[0])) {\r\n        args = args[0];\r\n    }\r\n    if (!args || !args.hasOwnProperty) {\r\n        args = {};\r\n    }\r\n    return message.replace(RE_ARGS, (match, identifier) => {\r\n        return args.hasOwnProperty(identifier) ? args[identifier] : '';\r\n    });\r\n}\r\nconst hasSymbol = typeof Symbol === 'function' && typeof Symbol.toStringTag === 'symbol';\r\nconst makeSymbol = (name) => hasSymbol ? Symbol(name) : name;\r\nconst generateFormatCacheKey = (locale, key, source) => friendlyJSONstringify({ l: locale, k: key, s: source });\r\nconst friendlyJSONstringify = (json) => JSON.stringify(json)\r\n    .replace(/\\u2028/g, '\\\\u2028')\r\n    .replace(/\\u2029/g, '\\\\u2029')\r\n    .replace(/\\u0027/g, '\\\\u0027');\r\nconst isNumber = (val) => typeof val === 'number' && isFinite(val);\r\nconst isDate = (val) => toTypeString(val) === '[object Date]';\r\nconst isRegExp = (val) => toTypeString(val) === '[object RegExp]';\r\nconst isEmptyObject = (val) => isPlainObject(val) && Object.keys(val).length === 0;\r\nfunction warn(msg, err) {\r\n    if (typeof console !== 'undefined') {\r\n        console.warn(`[intlify] ` + msg);\r\n        /* istanbul ignore if */\r\n        if (err) {\r\n            console.warn(err.stack);\r\n        }\r\n    }\r\n}\r\nconst assign = Object.assign;\r\nlet _globalThis;\r\nconst getGlobalThis = () => {\r\n    // prettier-ignore\r\n    return (_globalThis ||\r\n        (_globalThis =\r\n            typeof globalThis !== 'undefined'\r\n                ? globalThis\r\n                : typeof self !== 'undefined'\r\n                    ? self\r\n                    : typeof window !== 'undefined'\r\n                        ? window\r\n                        : typeof global !== 'undefined'\r\n                            ? global\r\n                            : {}));\r\n};\r\nfunction escapeHtml(rawText) {\r\n    return rawText\r\n        .replace(/</g, '&lt;')\r\n        .replace(/>/g, '&gt;')\r\n        .replace(/\"/g, '&quot;')\r\n        .replace(/'/g, '&apos;');\r\n}\r\nconst hasOwnProperty = Object.prototype.hasOwnProperty;\r\nfunction hasOwn(obj, key) {\r\n    return hasOwnProperty.call(obj, key);\r\n}\r\n/* eslint-enable */\r\n/**\r\n * Useful Utilities By Evan you\r\n * Modified by kazuya kawaguchi\r\n * MIT License\r\n * https://github.com/vuejs/vue-next/blob/master/packages/shared/src/index.ts\r\n * https://github.com/vuejs/vue-next/blob/master/packages/shared/src/codeframe.ts\r\n */\r\nconst isArray = Array.isArray;\r\nconst isFunction = (val) => typeof val === 'function';\r\nconst isString = (val) => typeof val === 'string';\r\nconst isBoolean = (val) => typeof val === 'boolean';\r\nconst isSymbol = (val) => typeof val === 'symbol';\r\nconst isObject = (val) => // eslint-disable-line\r\n val !== null && typeof val === 'object';\r\nconst isPromise = (val) => {\r\n    return isObject(val) && isFunction(val.then) && isFunction(val.catch);\r\n};\r\nconst objectToString = Object.prototype.toString;\r\nconst toTypeString = (value) => objectToString.call(value);\r\nconst isPlainObject = (val) => toTypeString(val) === '[object Object]';\r\n// for converting list and named values to displayed strings.\r\nconst toDisplayString = (val) => {\r\n    return val == null\r\n        ? ''\r\n        : isArray(val) || (isPlainObject(val) && val.toString === objectToString)\r\n            ? JSON.stringify(val, null, 2)\r\n            : String(val);\r\n};\r\nconst RANGE = 2;\r\nfunction generateCodeFrame(source, start = 0, end = source.length) {\r\n    const lines = source.split(/\\r?\\n/);\r\n    let count = 0;\r\n    const res = [];\r\n    for (let i = 0; i < lines.length; i++) {\r\n        count += lines[i].length + 1;\r\n        if (count >= start) {\r\n            for (let j = i - RANGE; j <= i + RANGE || end > count; j++) {\r\n                if (j < 0 || j >= lines.length)\r\n                    continue;\r\n                const line = j + 1;\r\n                res.push(`${line}${' '.repeat(3 - String(line).length)}|  ${lines[j]}`);\r\n                const lineLength = lines[j].length;\r\n                if (j === i) {\r\n                    // push underline\r\n                    const pad = start - (count - lineLength) + 1;\r\n                    const length = Math.max(1, end > count ? lineLength - pad : end - start);\r\n                    res.push(`   |  ` + ' '.repeat(pad) + '^'.repeat(length));\r\n                }\r\n                else if (j > i) {\r\n                    if (end > count) {\r\n                        const length = Math.max(Math.min(end - count, lineLength), 1);\r\n                        res.push(`   |  ` + '^'.repeat(length));\r\n                    }\r\n                    count += lineLength + 1;\r\n                }\r\n            }\r\n            break;\r\n        }\r\n    }\r\n    return res.join('\\n');\r\n}\n\n/**\r\n * Event emitter, forked from the below:\r\n * - original repository url: https://github.com/developit/mitt\r\n * - code url: https://github.com/developit/mitt/blob/master/src/index.ts\r\n * - author: Jason Miller (https://github.com/developit)\r\n * - license: MIT\r\n */\r\n/**\r\n * Create a event emitter\r\n *\r\n * @returns An event emitter\r\n */\r\nfunction createEmitter() {\r\n    const events = new Map();\r\n    const emitter = {\r\n        events,\r\n        on(event, handler) {\r\n            const handlers = events.get(event);\r\n            const added = handlers && handlers.push(handler);\r\n            if (!added) {\r\n                events.set(event, [handler]);\r\n            }\r\n        },\r\n        off(event, handler) {\r\n            const handlers = events.get(event);\r\n            if (handlers) {\r\n                handlers.splice(handlers.indexOf(handler) >>> 0, 1);\r\n            }\r\n        },\r\n        emit(event, payload) {\r\n            (events.get(event) || [])\r\n                .slice()\r\n                .map(handler => handler(payload));\r\n            (events.get('*') || [])\r\n                .slice()\r\n                .map(handler => handler(event, payload));\r\n        }\r\n    };\r\n    return emitter;\r\n}\n\nexport { assign, createEmitter, escapeHtml, format, friendlyJSONstringify, generateCodeFrame, generateFormatCacheKey, getGlobalThis, hasOwn, inBrowser, isArray, isBoolean, isDate, isEmptyObject, isFunction, isNumber, isObject, isPlainObject, isPromise, isRegExp, isString, isSymbol, makeSymbol, mark, measure, objectToString, toDisplayString, toTypeString, warn };\n"],"names":["inBrowser","mark","measure","perf","tag","name","startTag","endTag","RE_ARGS","format","message","args","isObject","match","identifier","hasSymbol","makeSymbol","generateFormatCacheKey","locale","key","source","friendlyJSONstringify","json","isNumber","val","isDate","toTypeString","isRegExp","isEmptyObject","isPlainObject","warn","msg","err","assign","_globalThis","getGlobalThis","escapeHtml","rawText","hasOwnProperty","hasOwn","obj","isArray","isFunction","isString","isBoolean","objectToString","value","toDisplayString","RANGE","generateCodeFrame","start","end","lines","count","res","i","j","line","lineLength","pad","length","createEmitter","events","event","handler","handlers","payload"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system96.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}