@7pmlabs/design-system 0.4.12 → 0.4.14

package/dist/design-system87.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system87.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"design-system87.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 }) {\n\nconst props = __props;\n\n// Drag & Drop: https://www.w3schools.com/jsref/event_ondragover.asp\n\n//#endregion\n\n//#region Events\n\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                  }, null, 8, [\"onClick\"])\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","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-system88.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),h=require("./design-system31.js"),g=require("./design-system3.js"),V=require("./design-system30.js"),q=require("./design-system49.js"),B=require("./design-system100.js"),C=require("./design-system5.js"),E=require("./design-system95.js"),N={class:"b-currency-field"},R={class:"ds-relative"},I={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"},S=["id","autocomplete","disabled","placeholder","readonly","onKeyup"],M={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"},w=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:C.SupportedLocale["vi-VN"]}},emits:["press:enter","update:modelValue"],setup(i,{emit:a}){const t=i;let o;const{t:c}=q.useI18n(),u=e.ref(null),p={validateRule:s=>!!(s&&(s!=null&&s.trim())),errorMessage:()=>t.requiredErrorMessage||c("ds.global.field_required")},r=e.computed(()=>t.inputId||`id-${E()}`),l=e.computed({get(){return t.modelValue},set(s){a("update:modelValue",s)}}),m=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]),f=e.computed(()=>{let s=[];return t.required&&s.push(p),t.validationRules&&(s=s.concat(t.validationRules)),s.length?s:void 0}),v=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:k,validationResult:d}=g.useValidationField(r.value,l,f.value);e.watch(()=>t.locale,()=>{n()}),e.watch(()=>t.modelValue,s=>{s!=o.unmaskedValue&&(o.unmaskedValue=s.toString())});const _=()=>{k()},b=()=>{a("press:enter")},y=()=>{l.value=typeof l.value=="number"?+o.unmaskedValue:o.unmaskedValue},n=()=>{o&&o.destroy(),o=B(u.value,v.value),o.on("accept",y)};return e.onMounted(()=>{n(),o.unmaskedValue=l.value.toString()}),(s,$)=>(e.openBlock(),e.createElementBlock("div",N,[e.createVNode(h,{id:r.value,label:s.label,required:s.required},null,8,["id","label","required"]),e.createElementVNode("div",R,[s.$slots.prependIcon?(e.openBlock(),e.createElementBlock("div",I,[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([m.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(b,["enter"])]},null,42,S),s.$slots.appendIcon?(e.openBlock(),e.createElementBlock("div",M,[e.renderSlot(s.$slots,"appendIcon",{},void 0,!0)])):e.createCommentVNode("",!0)]),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(V,{key:0,"error-message":e.unref(d).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=w;
+"use strict";const e="";module.exports=e;
 //# sourceMappingURL=design-system88.js.map

package/dist/design-system88.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system88.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\", \"onKeyup\"]\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 }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\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","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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"}
+{"version":3,"file":"design-system88.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/design-system88.mjs

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

package/dist/design-system88.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system88.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\", \"onKeyup\"]\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 }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\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","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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"}
+{"version":3,"file":"design-system88.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/design-system89.js

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

package/dist/design-system89.mjs

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

package/dist/design-system90.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=require("vue"),h=require("./design-system30.js"),g=require("./design-system3.js"),V=require("./design-system29.js"),q=require("./design-system50.js"),B=require("./design-system100.js"),C=require("./design-system5.js"),E=require("./design-system99.js"),N={class:"b-currency-field"},R={class:"ds-relative"},I={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"},S=["id","autocomplete","disabled","placeholder","readonly","onKeyup"],M={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"},w=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:C.SupportedLocale["vi-VN"]}},emits:["press:enter","update:modelValue"],setup(i,{emit:a}){const t=i;let o;const{t:c}=q.useI18n(),u=e.ref(null),p={validateRule:s=>!!(s&&(s!=null&&s.trim())),errorMessage:()=>t.requiredErrorMessage||c("ds.global.field_required")},r=e.computed(()=>t.inputId||`id-${E()}`),l=e.computed({get(){return t.modelValue},set(s){a("update:modelValue",s)}}),m=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]),f=e.computed(()=>{let s=[];return t.required&&s.push(p),t.validationRules&&(s=s.concat(t.validationRules)),s.length?s:void 0}),v=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:k,validationResult:d}=g.useValidationField(r.value,l,f.value);e.watch(()=>t.locale,()=>{n()}),e.watch(()=>t.modelValue,s=>{s!=o.unmaskedValue&&(o.unmaskedValue=s.toString())});const _=()=>{k()},b=()=>{a("press:enter")},y=()=>{l.value=typeof l.value=="number"?+o.unmaskedValue:o.unmaskedValue},n=()=>{o&&o.destroy(),o=B(u.value,v.value),o.on("accept",y)};return e.onMounted(()=>{n(),o.unmaskedValue=l.value.toString()}),(s,$)=>(e.openBlock(),e.createElementBlock("div",N,[e.createVNode(h,{id:r.value,label:s.label,required:s.required},null,8,["id","label","required"]),e.createElementVNode("div",R,[s.$slots.prependIcon?(e.openBlock(),e.createElementBlock("div",I,[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([m.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(b,["enter"])]},null,42,S),s.$slots.appendIcon?(e.openBlock(),e.createElementBlock("div",M,[e.renderSlot(s.$slots,"appendIcon",{},void 0,!0)])):e.createCommentVNode("",!0)]),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(V,{key:0,"error-message":e.unref(d).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=w;
 //# sourceMappingURL=design-system90.js.map

package/dist/design-system90.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system90.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-system90.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\", \"onKeyup\"]\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 }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\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","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":"iRAIMA,EAAa,CAAE,MAAO,oBACtBC,EAAa,CAAE,MAAO,eACtBC,EAAa,CACjB,IAAK,EACL,MAAO,oJACT,EACMC,EAAa,CAAC,KAAM,eAAgB,WAAY,cAAe,WAAY,SAAS,EACpFC,EAAa,CACjB,IAAK,EACL,MAAO,oJACT,EA0C4BC,EAAiBC,kBAAA,CAC3C,OAAQ,iBACR,MAAO,CACL,QAAS,CAAE,QAAS,EAAG,EACvB,cAAe,CAAE,QAAS,EAAG,EAC7B,WAAY,CAAC,EACb,MAAO,CAAE,QAAS,EAAG,EACrB,gBAAiB,CAAE,QAAS,MAAU,EACtC,YAAa,CAAE,QAAS,EAAG,EAC3B,aAAc,CAAE,KAAM,QAAS,QAAS,EAAM,EAC9C,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAC1C,qBAAsB,CAAE,QAAS,EAAG,EACpC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAC1C,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAC1C,YAAa,CAAE,KAAM,QAAS,QAAS,EAAM,EAC7C,OAAQ,CAAE,QAASC,EAAA,gBAAgB,OAAO,CAAE,CAC9C,EACA,MAAO,CAAC,cAAe,mBAAmB,EAC1C,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAUV,IAAAG,EACE,KAAA,CAAE,EAAAC,GAAMC,EAAAA,UACRC,EAAWC,MAA6B,IAAI,EAC5CC,EAAmC,CACvC,aAAeC,GAAgB,CAAC,EAAEA,IAAOA,GAAA,MAAAA,EAAK,SAC9C,aAAc,IACZP,EAAM,sBAAwBE,EAAE,0BAA0B,CAAA,EAExDM,EAAKC,WAAS,IAAMT,EAAM,SAAW,MAAMU,GAAM,EAAE,EACnDC,EAAQF,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOT,EAAM,UACf,EACA,IAAIO,EAAK,CACPR,EAAK,oBAAqBQ,CAAG,CAC/B,CAAA,CACD,EACKK,EAAqBH,EAAAA,SAAS,IAAM,CACxC,CACE,4DAA6DT,EAAM,SACnE,uBAAwB,CAACA,EAAM,SAC/B,sDACE,CAACa,EAAiB,MAAM,MAC1B,kFACEA,EAAiB,MAAM,KAC3B,EACAb,EAAM,aAAA,CACP,EACKc,EAASL,EAAAA,SAAS,IAAM,CAC5B,IAAIM,EAA2B,CAAA,EAE/B,OAAIf,EAAM,UACRe,EAAO,KAAKT,CAAgB,EAE1BN,EAAM,kBACCe,EAAAA,EAAO,OAAOf,EAAM,eAAe,GAGvCe,EAAO,OAASA,EAAS,MAAA,CACjC,EACKC,EAAcP,EAAA,SAAS,IAC3BT,EAAM,SAAW,QACb,CACE,KAAM,OACN,OAAQ,CACN,IAAK,CACH,KAAM,OACN,mBAAoB,GACtB,CACF,CAAA,EAEF,CACE,CAAE,KAAM,EAAG,EACX,CACE,KAAM,UACN,KAAM,GACN,OAAQ,CACN,IAAK,CACH,KAAM,OACN,mBAAoB,GACtB,CACF,CACF,CACF,CAAA,EAGA,CAAE,SAAAiB,EAAU,iBAAAJ,CAAA,EAAqBK,EAAA,mBACrCV,EAAG,MACHG,EACAG,EAAO,KAAA,EAKTK,EAAA,MACE,IAAMnB,EAAM,OACZ,IAAM,CACKoB,GACX,CAAA,EAEFD,EAAA,MACE,IAAMnB,EAAM,WACXO,GAAQ,CACHA,GAAON,EAAK,gBACTA,EAAA,cAAgBM,EAAI,WAE7B,CAAA,EAKF,MAAMc,EAAU,IAAM,CACXJ,GAAA,EAELK,EAAe,IAAM,CACzBvB,EAAK,aAAa,CAAA,EAEdwB,EAAW,IAAM,CACfZ,EAAA,MACJ,OAAOA,EAAM,OAAU,SAAW,CAACV,EAAK,cAAgBA,EAAK,aAAA,EAE3DmB,EAAW,IAAM,CACjBnB,GACFA,EAAK,QAAQ,EAEfA,EAAOuB,EAAMpB,EAAS,MAAQY,EAAY,KAAK,EAC1Cf,EAAA,GAAG,SAAUsB,CAAQ,CAAA,EAK5BE,OAAAA,EAAAA,UAAU,IAAM,CACLL,IACJnB,EAAA,cAAgBU,EAAM,MAAM,SAAS,CAAA,CAC3C,EAGM,CAACe,EAAUC,KACRC,YAAW,EAAGC,qBAAoB,MAAOvC,EAAY,CAC3DwC,EAAAA,YAAaC,EAAQ,CACnB,GAAIvB,EAAG,MACP,MAAOkB,EAAK,MACZ,SAAUA,EAAK,QAAA,EACd,KAAM,EAAG,CAAC,KAAM,QAAS,UAAU,CAAC,EACvCM,EAAA,mBAAoB,MAAOzC,EAAY,CACpCmC,EAAK,OAAO,aACRE,EAAAA,UAAc,EAAAC,EAAA,mBAAoB,MAAOrC,EAAY,CACpDyC,aAAYP,EAAK,OAAQ,cAAe,CAAA,EAAI,OAAW,EAAI,CAAA,CAC5D,GACDQ,EAAAA,mBAAoB,GAAI,EAAI,EAChCF,EAAAA,mBAAoB,QAAS,CAC3B,GAAIxB,EAAG,MACP,QAAS,WACT,IAAKJ,EACL,aAAcJ,EAAM,aAAe,KAAO,MAC1C,MAAOmC,EAAAA,eAAgB,CAACvB,EAAmB,MAAO,gGAAgG,CAAC,EACnJ,SAAUZ,EAAM,SAChB,YAAaA,EAAM,YACnB,SAAUA,EAAM,SAChB,QAAS,CACPqB,EACAe,WAAUd,EAAc,CAAC,OAAO,CAAC,CACnC,CAAA,EACC,KAAM,GAAI7B,CAAU,EACtBiC,EAAK,OAAO,YACRE,EAAAA,UAAc,EAAAC,EAAA,mBAAoB,MAAOnC,EAAY,CACpDuC,aAAYP,EAAK,OAAQ,aAAc,CAAA,EAAI,OAAW,EAAI,CAAA,CAC3D,GACDQ,EAAAA,mBAAoB,GAAI,EAAI,CAAA,CACjC,EACCR,EAAK,YAMHQ,EAAoB,mBAAA,GAAI,EAAI,GAL3BN,EAAW,UAAA,EAAGS,EAAAA,YAAaC,EAAe,CACzC,IAAK,EACL,gBAAiBC,EAAA,MAAO1B,CAAgB,EAAE,aAAa,EACvD,MAAO,SAAA,EACN,KAAM,EAAG,CAAC,eAAe,CAAC,EACD,CACjC,EAEH,CAEA,CAAC"}